@charset "UTF-8";
.colour-box.tilda-blue {
  background: #2f4787; }

.colour-box.eat-well {
  background: #d42c5b; }

.colour-box.live-well {
  background: #acd323; }

.colour-box.our-range {
  background: #f2ca27; }

.colour-box.about-tilda {
  background: #3157a2; }

/*

# Colours

Colours are represented here with their Hex, RGBA and Sass variable values.
<div class="colour-box-wrap">
	<div class="colour-box tilda-blue">
		<span>#1f448c</span>
		<span>rgba(31, 68, 140, 1)</span>
		<span>$color--tilda-blue</span>
	</div>
	<div class="colour-box eat-well">
		<span>#d42c5b</span>
		<span>rgba(212, 44, 91, 1)</span>
		<span>$color--eat-well</span>
	</div>
	<div class="colour-box live-well">
		<span>#acd323</span>
		<span>rgba(172, 211, 35, 1)</span>
		<span>$color--live-well</span>
	</div>
	<div class="colour-box our-range">
		<span>#acd323</span>
		<span>rgba(242, 202, 39, 1)</span>
		<span>$color--our-range</span>
	</div>
	<div class="colour-box about-tilda">
		<span>#3157a2</span>
		<span>rgba(49, 87, 162, 1)</span>
		<span>$color--about-tilda</span>
	</div>
</div>
*/
.font--main-sans-serif {
  font-family: "brandon-grotesque", sans-serif; }

.font--main-serif {
  font-family: "adobe-caslon-pro", serif; }

.font--script {
  font-family: "sophiaregular", sans-serif; }

.font--hand {
  font-family: "amaticbold", sans-serif; }

.upper {
  text-transform: uppercase; }

.reset-tt {
  text-transform: none; }

.aligncenter {
  text-align: center; }
  .aligncenter img {
    margin: 0 auto; }

.img-inline img {
  display: inline-block;
  margin: 0 20px; }

.section {
  padding-top: 50px;
  padding-bottom: 50px; }

.trans-all-03-eio, input[type="checkbox"]:not(:checked) + label:before, input[type="checkbox"]:checked + label:before,
input[type="radio"]:not(:checked) + label:before, input[type="radio"]:checked + label:before, input[type="checkbox"]:not(:checked) + label:after, input[type="checkbox"]:checked + label:after,
input[type="radio"]:not(:checked) + label:after, input[type="radio"]:checked + label:after, a, .main-navigation a {
  transition: all 0.3s ease-in-out; }

@keyframes hand-left {
  0% {
    zoom: 1;
    filter: alpha(opacity=0);
    opacity: 0;
    top: -5%;
    transform: rotate(7.5deg); }
  100% {
    top: 25%;
    zoom: 1;
    filter: alpha(opacity=35);
    opacity: 0.35;
    transform: rotate(0deg); } }

@keyframes hand-right {
  0% {
    zoom: 1;
    filter: alpha(opacity=0);
    opacity: 0;
    top: -5%;
    transform: rotate(-7.5deg); }
  100% {
    top: 27.5%;
    zoom: 1;
    filter: alpha(opacity=35);
    opacity: 0.35;
    transform: rotate(-2.5deg); } }

@keyframes button-loader-spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes card-load-in {
  0% {
    zoom: 1;
    filter: alpha(opacity=0);
    opacity: 0;
    transform: translateY(1.5em); }
  100% {
    zoom: 1;
    filter: alpha(opacity=100);
    opacity: 1;
    transform: translateY(0); } }

html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

body {
  margin: 0; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block; }

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

a {
  background-color: transparent; }

a:active,
a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 0; }

hr {
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

@font-face {
  font-family: "site-wide-icons";
  src: url("../fonts/iconfont/site-wide-icons.eot?819198582f320c49d8b10b3a24224323");
  src: url("../fonts/iconfont/site-wide-icons.eot?#iefix") format("embedded-opentype"), url("../fonts/iconfont/site-wide-icons.woff?819198582f320c49d8b10b3a24224323") format("woff"), url("../fonts/iconfont/site-wide-icons.ttf?819198582f320c49d8b10b3a24224323") format("truetype");
  font-weight: normal;
  font-style: normal; }

.site-wide-icons {
  font-family: "site-wide-icons";
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-button-buy-online:before {
  content: "\f101"; }

.icon-button-check:before {
  content: "\f102"; }

.icon-button-email:before {
  content: "\f103"; }

.icon-button-scrapbook:before {
  content: "\f104"; }

.icon-close-circle:before {
  content: "\f105"; }

.icon-close:before {
  content: "\f106"; }

.icon-facebook:before {
  content: "\f107"; }

.icon-instagram:before {
  content: "\f108"; }

.icon-like-background:before {
  content: "\f109"; }

.icon-like-heart:before {
  content: "\f10a"; }

.icon-plus-circle:before {
  content: "\f10b"; }

.icon-rice-arrow-right-stem-1:before {
  content: "\f10c"; }

.icon-rice-arrow-right-stem-2:before {
  content: "\f10d"; }

.icon-rice-arrow-right-stem-3:before {
  content: "\f10e"; }

.icon-rice-circle:before {
  content: "\f10f"; }

.icon-search:before {
  content: "\f110"; }

.icon-twitter:before {
  content: "\f111"; }

.icon-website:before {
  content: "\f112"; }

.icon-arrow-wrap {
  display: inline-block;
  position: relative;
  top: 0;
  left: 0;
  vertical-align: top;
  width: 20px;
  height: 12px;
  margin: 0 0 0 .5em; }
  .icon-arrow-wrap .site-wide-icons.icon-rice-arrow {
    position: absolute;
    margin: 0; }
  .icon-arrow-wrap .icon-rice-arrow-right-stem-1, .icon-arrow-wrap .icon-rice-arrow-right-stem-2 {
    font-size: 12px;
    font-size: 0.75rem;
    left: 10px; }
  .icon-arrow-wrap .icon-rice-arrow-right-stem-1 {
    top: -5px; }
  .icon-arrow-wrap .icon-rice-arrow-right-stem-2 {
    top: 5px; }
  .icon-arrow-wrap .icon-rice-arrow-right-stem-3 {
    top: -2.5px;
    left: 0;
    font-size: 18px;
    font-size: 1.125rem; }
  @media only screen and (min-width: 30em) {
    .icon-arrow-wrap {
      width: 22px;
      height: 14px; }
      .icon-arrow-wrap .site-wide-icons.icon-rice-arrow {
        font-size: 16px;
        font-size: 1rem; }
      .icon-arrow-wrap .site-wide-icons.icon-rice-arrow.icon-rice-arrow-right-stem-3 {
        font-size: 22px;
        font-size: 1.375rem; }
      .icon-arrow-wrap .icon-rice-arrow-right-stem-1, .icon-arrow-wrap .icon-rice-arrow-right-stem-2 {
        left: 12px; }
      .icon-arrow-wrap .icon-rice-arrow-right-stem-1 {
        top: -7px; }
      .icon-arrow-wrap .icon-rice-arrow-right-stem-2 {
        top: 5px; }
      .icon-arrow-wrap .icon-rice-arrow-right-stem-3 {
        top: -3px; } }
  @media only screen and (min-width: 40em) {
    .icon-arrow-wrap .site-wide-icons.icon-rice-arrow {
      font-size: 18px;
      font-size: 1.125rem; }
    .icon-arrow-wrap .site-wide-icons.icon-rice-arrow.icon-rice-arrow-right-stem-3 {
      font-size: 24px;
      font-size: 1.5rem; }
    .icon-arrow-wrap .icon-rice-arrow-right-stem-1 {
      top: -9px; }
    .icon-arrow-wrap .icon-rice-arrow-right-stem-2 {
      top: 5px; }
    .icon-arrow-wrap .icon-rice-arrow-right-stem-3 {
      top: -4px; } }

button .icon-rice-arrow-right-stem-1,
input[type="button"] .icon-rice-arrow-right-stem-1,
input[type="reset"] .icon-rice-arrow-right-stem-1,
input[type="submit"] .icon-rice-arrow-right-stem-1,
.button .icon-rice-arrow-right-stem-1 {
  color: #9cd5e7; }

button .icon-rice-arrow-right-stem-2,
input[type="button"] .icon-rice-arrow-right-stem-2,
input[type="reset"] .icon-rice-arrow-right-stem-2,
input[type="submit"] .icon-rice-arrow-right-stem-2,
.button .icon-rice-arrow-right-stem-2 {
  color: #62c8e9; }

button .icon-rice-arrow-right-stem-3,
input[type="button"] .icon-rice-arrow-right-stem-3,
input[type="reset"] .icon-rice-arrow-right-stem-3,
input[type="submit"] .icon-rice-arrow-right-stem-3,
.button .icon-rice-arrow-right-stem-3 {
  color: #62c8e9; }

button:hover .icon-rice-arrow-right-stem-1, button:focus .icon-rice-arrow-right-stem-1,
input[type="button"]:hover .icon-rice-arrow-right-stem-1,
input[type="button"]:focus .icon-rice-arrow-right-stem-1,
input[type="reset"]:hover .icon-rice-arrow-right-stem-1,
input[type="reset"]:focus .icon-rice-arrow-right-stem-1,
input[type="submit"]:hover .icon-rice-arrow-right-stem-1,
input[type="submit"]:focus .icon-rice-arrow-right-stem-1,
.button:hover .icon-rice-arrow-right-stem-1,
.button:focus .icon-rice-arrow-right-stem-1 {
  color: #588ac7; }

.btn-dark .icon-rice-arrow-right-stem-1 {
  color: #588ac7; }

.button.btn-secondary .icon-rice-arrow-right-stem-1 {
  color: #9dd5e7; }

.button.btn-secondary .icon-rice-arrow-right-stem-2 {
  color: #469eb9; }

.button.btn-secondary .icon-rice-arrow-right-stem-3 {
  color: #acdae8; }

.button.btn-tertiary .icon-arrow-wrap {
  display: none; }

.btn-account .icon-rice-arrow.icon-rice-arrow-right-stem-1 {
  color: #e85b83; }

.btn-account .icon-rice-arrow.icon-rice-arrow-right-stem-2 {
  color: #c01b4a; }

.btn-account .icon-rice-arrow.icon-rice-arrow-right-stem-3 {
  color: #e993ac; }

.btn-green .icon-rice-arrow.icon-rice-arrow-right-stem-1, .contact-accordion form .button .icon-rice-arrow.icon-rice-arrow-right-stem-1 {
  color: #FFFFFF; }

/*
# Icons

Each icon has a base class of `site-wide-icons` and then an indentifying class used to determine which icon is displayed.

The base class can be used within the scope of a parent container to adjust styling for every icon that appears, where the indetifying class can be used to add individual styling to each icon where desired.

* <a href="#iconfont-adding">Adding to the Icon Font</a>
* <a href="#iconfont-social">Social Icons</a>
* <a href="#iconfont-utility">Utility Icons</a>
* * <a href="#iconfont-like">Like Icons</a>
*/
/*
## <span id="iconfont-adding">Adding to the Icon Font</a>

A Grunt task is set up to create an icon font out of a directory of SVGs.

`library/fonts/iconfont/svgs`

To add an icon, ensure that the SVG has a square aspect ratio and is no smaller thatn 512 x 512 pixels.

Per project, it would make sense for every icon to be a consistent size. For Tilda, that size is **512 x 512 pixels**

Create the SVG, add it to the dircetory listed above and run `grunt update-webfont`

Once the icon font has been re-generated, ensure the style guide is updated.

*/
/*
## <span id="iconfont-social">Social Icons</span>

    <span class="site-wide-icons icon-facebook"></span>
    <span class="site-wide-icons icon-twitter"></span>
    <span class="site-wide-icons icon-instagram"></span>

*/
/*
## <span id="iconfont-utility">Utility Icons</span>

    <span class="site-wide-icons icon-close-circle"></span>
    <span class="site-wide-icons icon-search"></span>

*/
/*
## <span id="iconfont-like">Like Icons</span>

    <span class="site-wide-icons icon-like-background"></span>
    <span class="site-wide-icons icon-like-heart"></span>

*/
@font-face {
  font-family: 'sophiaregular';
  src: url("../fonts/sophia/sophia-webfont.eot");
  src: url("../fonts/sophia/sophia-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/sophia/sophia-webfont.woff2") format("woff2"), url("../fonts/sophia/sophia-webfont.woff") format("woff"), url("../fonts/sophia/sophia-webfont.ttf") format("truetype"), url("../fonts/sophia/sophia-webfont.svg#sophiaregular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'amaticbold';
  src: url("../fonts/amatic/amatic-bold-webfont.woff2") format("woff2"), url("../fonts/amatic/amatic-bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

/*
# Fonts

There are various fonts in use throughout the site.

Where possible and appropriate it might be beneficial to conditionally load certain fonts where required.

*/
/*

# <span class="font--main-sans-serif">Brandon Grotesque</span>

<p class="font--main-sans-serif">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>

Supplied by [Typekit](https://typekit.com/)

*/
/*

# <span class="font--main-serif">Adobe Caslon Pro</span>

<p class="font--main-serif">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>

Supplied by [Typekit](https://typekit.com/)

*/
/*

# <span class="font--script">Sophia Hand Lettered</span>

<p class="font--script">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>

Included via @font-face

Purchased from [Creative Market](https://creativemarket.com/emilyspadoni/243774-Sophia-Hand-lettered)

*/
/*

# <span class="font--hand">Amatic Bold</span>

<p class="font--hand">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>

Included via @font-face

Supplied by [Font Squirrel](https://www.fontsquirrel.com/fonts/amatic)

*/
@font-face {
  font-family: 'earth_richregular';
  src: url("../fonts/earth-rich/earth_rich-webfont.woff2") format("woff2"), url("../fonts/earth-rich/earth_rich-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

.hero__title,
.earth_richregular {
  font-family: 'earth_richregular', Arial; }

body,
button,
input,
select,
textarea {
  font-size: 16px;
  font-size: 1rem; }

h1, h2, h3, h4, h5, h6 {
  clear: both; }

.page-title {
  font-size: 40px;
  font-size: 2.5rem;
  text-transform: uppercase; }

@media only screen and (min-width: 64em) {
  .section__header {
    padding: 0 1em; } }

.section__header h1, .section__header h2, .section__header h3 {
  text-transform: uppercase; }

.section__header h1 {
  font-size: 32px;
  font-size: 2rem; }

.section__header h2 {
  font-size: 28px;
  font-size: 1.75rem; }

.section__header h3 {
  font-size: 24px;
  font-size: 1.5rem; }

.section__header--sub {
  max-width: 60em;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2em;
  padding-left: 2em;
  padding-right: 2em; }
  .section__header--sub.section__header--sub-ondark {
    color: #fff; }

.section__header--fancy {
  margin-left: auto;
  margin-right: auto; }

.section__header--banner {
  display: inline-block;
  position: relative;
  overflow: hidden;
  text-indent: -99999em;
  height: 95px;
  margin: 0 auto; }

.section__header--underlined {
  position: relative; }
  .section__header--underlined:after {
    content: "";
    height: 2px;
    border: 0;
    background: #F7323F;
    background: -moz-linear-gradient(left, rgba(247, 50, 63, 0) 0%, #f7323f 22%, #f7323f 79%, rgba(247, 50, 63, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(247, 50, 63, 0) 0%, #f7323f 22%, #f7323f 79%, rgba(247, 50, 63, 0) 100%);
    background: linear-gradient(to right, rgba(247, 50, 63, 0) 0%, #f7323f 22%, #f7323f 79%, rgba(247, 50, 63, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ff0000', endColorstr='#00ff0000',GradientType=1 );
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -150px;
    max-width: 300px;
    width: 100%; }

.faded-line {
  margin: 25px 0;
  height: 1px;
  border: 0;
  background: black;
  background: -webkit-gradient(linear, 0 0, 100% 0, from(white), to(white), color-stop(50%, black)); }

.section__header--category-header {
  margin: 2em auto 0 auto; }
  .section__header--category-header p:last-of-type {
    margin-bottom: 0; }

.heavy-set {
  font-size: 1.25rem;
  font-weight: 700;
  display: inline-block;
  text-transform: uppercase;
  text-decoration: none; }
  @media only screen and (min-width: 64em) {
    .heavy-set {
      font-size: 1.5rem; } }

p {
  margin-bottom: 1.5em; }
  @media only screen and (min-width: 48em) {
    p {
      font-size: 18px;
      font-size: 1.125rem; } }

dfn, cite, em, i {
  font-style: italic; }

blockquote {
  margin: 0 1.5em; }

address {
  margin: 0 0 1.5em; }

pre {
  background: #eee;
  font-size: 15px;
  font-size: 0.9375rem;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em; }

code, kbd, tt, var {
  font-size: 15px;
  font-size: 0.9375rem; }

abbr, acronym {
  border-bottom: 1px dotted #666;
  cursor: help; }

mark, ins {
  background: #fff9c0;
  text-decoration: none; }

big {
  font-size: 125%; }

.text {
  color: #1e3b4c; }

.bg-mblue .text {
  color: #fff; }

.body-copy {
  font-size: 1.25rem; }
  @media only screen and (min-width: 64em) {
    .body-copy {
      font-size: 1.375rem; } }

.card__text {
  color: #a3a3a3;
  font-size: .9rem;
  line-height: 120%;
  padding: .5rem 0; }

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*
These "retina group" variables are mappings for the naming and pairing of normal and retina sprites.

The list formatted variables are intended for mixins like `retina-sprite` and `retina-sprites`.
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}

Example usage in HTML:

`display: block` sprite:
<div class="icon-home"></div>

To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:

// CSS
.icon {
  display: inline-block;
}

// HTML
<i class="icon icon-home"></i>
*/
/*
The `retina-sprite` mixin sets up rules and a media query for a sprite/retina sprite.
  It should be used with a "retina group" variable.

The media query is from CSS Tricks: https://css-tricks.com/snippets/css/retina-display-media-query/

$icon-home-group: ('icon-home', $icon-home, $icon-home-2x, );

.icon-home {
  @include retina-sprite($icon-home-group);
}
*/
/*
The `sprites` mixin generates identical output to the CSS template
  but can be overridden inside of SCSS

@include sprites($spritesheet-sprites);
*/
/*
The `retina-sprites` mixin generates a CSS rule and media query for retina groups
  This yields the same output as CSS retina template but can be overridden in SCSS

@include retina-sprites($retina-groups);
*/
/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*
These "retina group" variables are mappings for the naming and pairing of normal and retina sprites.

The list formatted variables are intended for mixins like `retina-sprite` and `retina-sprites`.
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}

Example usage in HTML:

`display: block` sprite:
<div class="icon-home"></div>

To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:

// CSS
.icon {
  display: inline-block;
}

// HTML
<i class="icon icon-home"></i>
*/
/*
The `retina-sprite` mixin sets up rules and a media query for a sprite/retina sprite.
  It should be used with a "retina group" variable.

The media query is from CSS Tricks: https://css-tricks.com/snippets/css/retina-display-media-query/

$icon-home-group: ('icon-home', $icon-home, $icon-home-2x, );

.icon-home {
  @include retina-sprite($icon-home-group);
}
*/
/*
The `sprites` mixin generates identical output to the CSS template
  but can be overridden inside of SCSS

@include sprites($spritesheet-sprites);
*/
/*
The `retina-sprites` mixin generates a CSS rule and media query for retina groups
  This yields the same output as CSS retina template but can be overridden in SCSS

@include retina-sprites($retina-groups);
*/
/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*
These "retina group" variables are mappings for the naming and pairing of normal and retina sprites.

The list formatted variables are intended for mixins like `retina-sprite` and `retina-sprites`.
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}

Example usage in HTML:

`display: block` sprite:
<div class="icon-home"></div>

To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:

// CSS
.icon {
  display: inline-block;
}

// HTML
<i class="icon icon-home"></i>
*/
/*
The `retina-sprite` mixin sets up rules and a media query for a sprite/retina sprite.
  It should be used with a "retina group" variable.

The media query is from CSS Tricks: https://css-tricks.com/snippets/css/retina-display-media-query/

$icon-home-group: ('icon-home', $icon-home, $icon-home-2x, );

.icon-home {
  @include retina-sprite($icon-home-group);
}
*/
/*
The `sprites` mixin generates identical output to the CSS template
  but can be overridden inside of SCSS

@include sprites($spritesheet-sprites);
*/
/*
The `retina-sprites` mixin generates a CSS rule and media query for retina groups
  This yields the same output as CSS retina template but can be overridden in SCSS

@include retina-sprites($retina-groups);
*/
/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*
These "retina group" variables are mappings for the naming and pairing of normal and retina sprites.

The list formatted variables are intended for mixins like `retina-sprite` and `retina-sprites`.
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}

Example usage in HTML:

`display: block` sprite:
<div class="icon-home"></div>

To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:

// CSS
.icon {
  display: inline-block;
}

// HTML
<i class="icon icon-home"></i>
*/
/*
The `retina-sprite` mixin sets up rules and a media query for a sprite/retina sprite.
  It should be used with a "retina group" variable.

The media query is from CSS Tricks: https://css-tricks.com/snippets/css/retina-display-media-query/

$icon-home-group: ('icon-home', $icon-home, $icon-home-2x, );

.icon-home {
  @include retina-sprite($icon-home-group);
}
*/
/*
The `sprites` mixin generates identical output to the CSS template
  but can be overridden inside of SCSS

@include sprites($spritesheet-sprites);
*/
/*
The `retina-sprites` mixin generates a CSS rule and media query for retina groups
  This yields the same output as CSS retina template but can be overridden in SCSS

@include retina-sprites($retina-groups);
*/
/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*
These "retina group" variables are mappings for the naming and pairing of normal and retina sprites.

The list formatted variables are intended for mixins like `retina-sprite` and `retina-sprites`.
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}

Example usage in HTML:

`display: block` sprite:
<div class="icon-home"></div>

To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:

// CSS
.icon {
  display: inline-block;
}

// HTML
<i class="icon icon-home"></i>
*/
/*
The `retina-sprite` mixin sets up rules and a media query for a sprite/retina sprite.
  It should be used with a "retina group" variable.

The media query is from CSS Tricks: https://css-tricks.com/snippets/css/retina-display-media-query/

$icon-home-group: ('icon-home', $icon-home, $icon-home-2x, );

.icon-home {
  @include retina-sprite($icon-home-group);
}
*/
/*
The `sprites` mixin generates identical output to the CSS template
  but can be overridden inside of SCSS

@include sprites($spritesheet-sprites);
*/
/*
The `retina-sprites` mixin generates a CSS rule and media query for retina groups
  This yields the same output as CSS retina template but can be overridden in SCSS

@include retina-sprites($retina-groups);
*/
/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*
These "retina group" variables are mappings for the naming and pairing of normal and retina sprites.

The list formatted variables are intended for mixins like `retina-sprite` and `retina-sprites`.
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}

Example usage in HTML:

`display: block` sprite:
<div class="icon-home"></div>

To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:

// CSS
.icon {
  display: inline-block;
}

// HTML
<i class="icon icon-home"></i>
*/
/*
The `retina-sprite` mixin sets up rules and a media query for a sprite/retina sprite.
  It should be used with a "retina group" variable.

The media query is from CSS Tricks: https://css-tricks.com/snippets/css/retina-display-media-query/

$icon-home-group: ('icon-home', $icon-home, $icon-home-2x, );

.icon-home {
  @include retina-sprite($icon-home-group);
}
*/
/*
The `sprites` mixin generates identical output to the CSS template
  but can be overridden inside of SCSS

@include sprites($spritesheet-sprites);
*/
/*
The `retina-sprites` mixin generates a CSS rule and media query for retina groups
  This yields the same output as CSS retina template but can be overridden in SCSS

@include retina-sprites($retina-groups);
*/
/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*
These "retina group" variables are mappings for the naming and pairing of normal and retina sprites.

The list formatted variables are intended for mixins like `retina-sprite` and `retina-sprites`.
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}

Example usage in HTML:

`display: block` sprite:
<div class="icon-home"></div>

To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:

// CSS
.icon {
  display: inline-block;
}

// HTML
<i class="icon icon-home"></i>
*/
/*
The `retina-sprite` mixin sets up rules and a media query for a sprite/retina sprite.
  It should be used with a "retina group" variable.

The media query is from CSS Tricks: https://css-tricks.com/snippets/css/retina-display-media-query/

$icon-home-group: ('icon-home', $icon-home, $icon-home-2x, );

.icon-home {
  @include retina-sprite($icon-home-group);
}
*/
/*
The `sprites` mixin generates identical output to the CSS template
  but can be overridden inside of SCSS

@include sprites($spritesheet-sprites);
*/
/*
The `retina-sprites` mixin generates a CSS rule and media query for retina groups
  This yields the same output as CSS retina template but can be overridden in SCSS

@include retina-sprites($retina-groups);
*/
/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*
These "retina group" variables are mappings for the naming and pairing of normal and retina sprites.

The list formatted variables are intended for mixins like `retina-sprite` and `retina-sprites`.
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}

Example usage in HTML:

`display: block` sprite:
<div class="icon-home"></div>

To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:

// CSS
.icon {
  display: inline-block;
}

// HTML
<i class="icon icon-home"></i>
*/
/*
The `retina-sprite` mixin sets up rules and a media query for a sprite/retina sprite.
  It should be used with a "retina group" variable.

The media query is from CSS Tricks: https://css-tricks.com/snippets/css/retina-display-media-query/

$icon-home-group: ('icon-home', $icon-home, $icon-home-2x, );

.icon-home {
  @include retina-sprite($icon-home-group);
}
*/
/*
The `sprites` mixin generates identical output to the CSS template
  but can be overridden inside of SCSS

@include sprites($spritesheet-sprites);
*/
/*
The `retina-sprites` mixin generates a CSS rule and media query for retina groups
  This yields the same output as CSS retina template but can be overridden in SCSS

@include retina-sprites($retina-groups);
*/
/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*
These "retina group" variables are mappings for the naming and pairing of normal and retina sprites.

The list formatted variables are intended for mixins like `retina-sprite` and `retina-sprites`.
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}

Example usage in HTML:

`display: block` sprite:
<div class="icon-home"></div>

To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:

// CSS
.icon {
  display: inline-block;
}

// HTML
<i class="icon icon-home"></i>
*/
/*
The `retina-sprite` mixin sets up rules and a media query for a sprite/retina sprite.
  It should be used with a "retina group" variable.

The media query is from CSS Tricks: https://css-tricks.com/snippets/css/retina-display-media-query/

$icon-home-group: ('icon-home', $icon-home, $icon-home-2x, );

.icon-home {
  @include retina-sprite($icon-home-group);
}
*/
/*
The `sprites` mixin generates identical output to the CSS template
  but can be overridden inside of SCSS

@include sprites($spritesheet-sprites);
*/
/*
The `retina-sprites` mixin generates a CSS rule and media query for retina groups
  This yields the same output as CSS retina template but can be overridden in SCSS

@include retina-sprites($retina-groups);
*/
/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*
These "retina group" variables are mappings for the naming and pairing of normal and retina sprites.

The list formatted variables are intended for mixins like `retina-sprite` and `retina-sprites`.
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}

Example usage in HTML:

`display: block` sprite:
<div class="icon-home"></div>

To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:

// CSS
.icon {
  display: inline-block;
}

// HTML
<i class="icon icon-home"></i>
*/
/*
The `retina-sprite` mixin sets up rules and a media query for a sprite/retina sprite.
  It should be used with a "retina group" variable.

The media query is from CSS Tricks: https://css-tricks.com/snippets/css/retina-display-media-query/

$icon-home-group: ('icon-home', $icon-home, $icon-home-2x, );

.icon-home {
  @include retina-sprite($icon-home-group);
}
*/
/*
The `sprites` mixin generates identical output to the CSS template
  but can be overridden inside of SCSS

@include sprites($spritesheet-sprites);
*/
/*
The `retina-sprites` mixin generates a CSS rule and media query for retina groups
  This yields the same output as CSS retina template but can be overridden in SCSS

@include retina-sprites($retina-groups);
*/
/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*
These "retina group" variables are mappings for the naming and pairing of normal and retina sprites.

The list formatted variables are intended for mixins like `retina-sprite` and `retina-sprites`.
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}

Example usage in HTML:

`display: block` sprite:
<div class="icon-home"></div>

To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:

// CSS
.icon {
  display: inline-block;
}

// HTML
<i class="icon icon-home"></i>
*/
/*
The `retina-sprite` mixin sets up rules and a media query for a sprite/retina sprite.
  It should be used with a "retina group" variable.

The media query is from CSS Tricks: https://css-tricks.com/snippets/css/retina-display-media-query/

$icon-home-group: ('icon-home', $icon-home, $icon-home-2x, );

.icon-home {
  @include retina-sprite($icon-home-group);
}
*/
/*
The `sprites` mixin generates identical output to the CSS template
  but can be overridden inside of SCSS

@include sprites($spritesheet-sprites);
*/
/*
The `retina-sprites` mixin generates a CSS rule and media query for retina groups
  This yields the same output as CSS retina template but can be overridden in SCSS

@include retina-sprites($retina-groups);
*/
/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*
These "retina group" variables are mappings for the naming and pairing of normal and retina sprites.

The list formatted variables are intended for mixins like `retina-sprite` and `retina-sprites`.
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}

Example usage in HTML:

`display: block` sprite:
<div class="icon-home"></div>

To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:

// CSS
.icon {
  display: inline-block;
}

// HTML
<i class="icon icon-home"></i>
*/
/*
The `retina-sprite` mixin sets up rules and a media query for a sprite/retina sprite.
  It should be used with a "retina group" variable.

The media query is from CSS Tricks: https://css-tricks.com/snippets/css/retina-display-media-query/

$icon-home-group: ('icon-home', $icon-home, $icon-home-2x, );

.icon-home {
  @include retina-sprite($icon-home-group);
}
*/
/*
The `sprites` mixin generates identical output to the CSS template
  but can be overridden inside of SCSS

@include sprites($spritesheet-sprites);
*/
/*
The `retina-sprites` mixin generates a CSS rule and media query for retina groups
  This yields the same output as CSS retina template but can be overridden in SCSS

@include retina-sprites($retina-groups);
*/
.blue-wave-rice-1 {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-backgrounds.png);
  background-position: 0px -230px;
  width: 1207px;
  height: 61px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .blue-wave-rice-1 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-backgrounds@2x.png);
      background-size: 1207px 291px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.tear-texture-1 {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-backgrounds.png);
  background-position: 0px -160px;
  width: 1207px;
  height: 26px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .tear-texture-1 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-backgrounds@2x.png);
      background-size: 1207px 291px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.banner-recipe {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-titles.png);
  background-position: 0px -1001px;
  width: 320px;
  height: 91px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .banner-recipe {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-titles@2x.png);
      background-size: 380px 2817px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.section__header--howtocook {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-titles.png);
  background-position: 0px -910px;
  width: 320px;
  height: 91px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .section__header--howtocook {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-titles@2x.png);
      background-size: 380px 2817px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.section__header--howtoeat {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-titles.png);
  background-position: 0px -728px;
  width: 320px;
  height: 91px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .section__header--howtoeat {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-titles@2x.png);
      background-size: 380px 2817px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.section__header--wheretobuy {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-titles.png);
  background-position: 0px -819px;
  width: 320px;
  height: 91px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .section__header--wheretobuy {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-titles@2x.png);
      background-size: 380px 2817px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.section__header--ingredients {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-titles.png);
  background-position: 0px -637px;
  width: 320px;
  height: 91px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .section__header--ingredients {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-titles@2x.png);
      background-size: 380px 2817px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.section__header--fancy {
  max-width: 1204px;
  overflow: hidden;
  position: relative; }
  .section__header--fancy:before {
    content: "";
    position: absolute;
    top: 20px;
    left: 50%;
    margin-left: -602px;
    background-image: url(/wp-content/themes/tilda/library/img/sprite-backgrounds.png);
    background-position: 0px -186px;
    width: 1204px;
    height: 44px; }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      .section__header--fancy:before {
        background-image: url(/wp-content/themes/tilda/library/img/sprite-backgrounds@2x.png);
        background-size: 1207px 291px;
        -ms-behavior: url(/backgroundsize.min.htc); } }

.rice-line-1 {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-backgrounds.png);
  background-position: 0px -146px;
  width: 1207px;
  height: 14px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .rice-line-1 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-backgrounds@2x.png);
      background-size: 1207px 291px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.rice-line-small {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-backgrounds.png);
  background-position: 0px -18px;
  width: 1207px;
  height: 8px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .rice-line-small {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-backgrounds@2x.png);
      background-size: 1207px 291px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.rice-line-small-top {
  padding-top: 1.75em;
  position: relative; }
  .rice-line-small-top:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(/wp-content/themes/tilda/library/img/sprite-backgrounds.png);
    background-position: 0px -18px;
    width: 1207px;
    height: 8px;
    width: 100%; }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      .rice-line-small-top:before {
        background-image: url(/wp-content/themes/tilda/library/img/sprite-backgrounds@2x.png);
        background-size: 1207px 291px;
        -ms-behavior: url(/backgroundsize.min.htc); } }

.header-title-sprite-cookbooks {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-titles.png);
  background-position: 0px 0px;
  width: 250px;
  height: 79px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .header-title-sprite-cookbooks {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-titles@2x.png);
      background-size: 380px 2817px;
      -ms-behavior: url(/backgroundsize.min.htc); } }
  @media only screen and (min-width: 48em) {
    .header-title-sprite-cookbooks {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-titles.png);
      background-position: 0px -1377px;
      width: 300px;
      height: 95px; } }
  @media only screen and (min-width: 48em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 48em) and (min-resolution: 192dpi) {
    .header-title-sprite-cookbooks {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-titles@2x.png);
      background-size: 380px 2817px;
      -ms-behavior: url(/backgroundsize.min.htc); } }
  @media only screen and (min-width: 64em) {
    .header-title-sprite-cookbooks {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-titles.png);
      background-position: 0px -2457px;
      width: 380px;
      height: 120px; } }
  @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
    .header-title-sprite-cookbooks {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-titles@2x.png);
      background-size: 380px 2817px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.header-title-sprite-eat-well {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-titles.png);
  background-position: 0px -79px;
  width: 250px;
  height: 79px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .header-title-sprite-eat-well {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-titles@2x.png);
      background-size: 380px 2817px;
      -ms-behavior: url(/backgroundsize.min.htc); } }
  @media only screen and (min-width: 48em) {
    .header-title-sprite-eat-well {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-titles.png);
      background-position: 0px -1662px;
      width: 300px;
      height: 95px; } }
  @media only screen and (min-width: 48em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 48em) and (min-resolution: 192dpi) {
    .header-title-sprite-eat-well {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-titles@2x.png);
      background-size: 380px 2817px;
      -ms-behavior: url(/backgroundsize.min.htc); } }
  @media only screen and (min-width: 64em) {
    .header-title-sprite-eat-well {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-titles.png);
      background-position: 0px -2577px;
      width: 380px;
      height: 120px; } }
  @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
    .header-title-sprite-eat-well {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-titles@2x.png);
      background-size: 380px 2817px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

/*
.header-title-sprite-kitchen-secrets {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-titles.png);
  background-position: 0px -158px;
  width: 250px;
  height: 79px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .header-title-sprite-kitchen-secrets {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-titles@2x.png);
      background-size: 380px 2817px;
      -ms-behavior: url(/backgroundsize.min.htc); } }
  @media only screen and (min-width: 48em) {
    .header-title-sprite-kitchen-secrets {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-titles.png);
      background-position: 0px -1567px;
      width: 300px;
      height: 95px; } }
  @media only screen and (min-width: 48em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 48em) and (min-resolution: 192dpi) {
    .header-title-sprite-kitchen-secrets {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-titles@2x.png);
      background-size: 380px 2817px;
      -ms-behavior: url(/backgroundsize.min.htc); } }
  @media only screen and (min-width: 64em) {
    .header-title-sprite-kitchen-secrets {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-titles.png);
      background-position: 0px -2337px;
      width: 380px;
      height: 120px; } }
  @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
    .header-title-sprite-kitchen-secrets {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-titles@2x.png);
      background-size: 380px 2817px;
      -ms-behavior: url(/backgroundsize.min.htc); } }
	  
*/

/*
.header-title-sprite-live-well {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-titles.png);
  background-position: 0px -395px;
  width: 250px;
  height: 79px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .header-title-sprite-live-well {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-titles@2x.png);
      background-size: 380px 2817px;
      -ms-behavior: url(/backgroundsize.min.htc); } }
  @media only screen and (min-width: 48em) {
    .header-title-sprite-live-well {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-titles.png);
      background-position: 0px -1282px;
      width: 300px;
      height: 95px; } }
  @media only screen and (min-width: 48em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 48em) and (min-resolution: 192dpi) {
    .header-title-sprite-live-well {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-titles@2x.png);
      background-size: 380px 2817px;
      -ms-behavior: url(/backgroundsize.min.htc); } }
  @media only screen and (min-width: 64em) {
    .header-title-sprite-live-well {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-titles.png);
      background-position: 0px -2097px;
      width: 380px;
      height: 120px; } }
  @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
    .header-title-sprite-live-well {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-titles@2x.png);
      background-size: 380px 2817px;
      -ms-behavior: url(/backgroundsize.min.htc); } }
	  
*/

/*
.header-title-sprite-recipes {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-titles.png);
  background-position: 0px -474px;
  width: 250px;
  height: 79px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .header-title-sprite-recipes {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-titles@2x.png);
      background-size: 380px 2817px;
      -ms-behavior: url(/backgroundsize.min.htc); } }
  @media only screen and (min-width: 48em) {
    .header-title-sprite-recipes {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-titles.png);
      background-position: 0px -1092px;
      width: 300px;
      height: 95px; } }
  @media only screen and (min-width: 48em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 48em) and (min-resolution: 192dpi) {
    .header-title-sprite-recipes {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-titles@2x.png);
      background-size: 380px 2817px;
      -ms-behavior: url(/backgroundsize.min.htc); } }
  @media only screen and (min-width: 64em) {
    .header-title-sprite-recipes {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-titles.png);
      background-position: 0px -2217px;
      width: 380px;
      height: 120px; } }
  @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
    .header-title-sprite-recipes {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-titles@2x.png);
      background-size: 380px 2817px;
      -ms-behavior: url(/backgroundsize.min.htc); } }
	  
*/
/*
.header-title-sprite-tastelists {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-titles.png);
  background-position: 0px -316px;
  width: 250px;
  height: 79px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .header-title-sprite-tastelists {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-titles@2x.png);
      background-size: 380px 2817px;
      -ms-behavior: url(/backgroundsize.min.htc); } }
  @media only screen and (min-width: 48em) {
    .header-title-sprite-tastelists {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-titles.png);
      background-position: 0px -1187px;
      width: 300px;
      height: 95px; } }
  @media only screen and (min-width: 48em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 48em) and (min-resolution: 192dpi) {
    .header-title-sprite-tastelists {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-titles@2x.png);
      background-size: 380px 2817px;
      -ms-behavior: url(/backgroundsize.min.htc); } }
  @media only screen and (min-width: 64em) {
    .header-title-sprite-tastelists {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-titles.png);
      background-position: 0px -1977px;
      width: 380px;
      height: 120px; } }
  @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
    .header-title-sprite-tastelists {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-titles@2x.png);
      background-size: 380px 2817px;
      -ms-behavior: url(/backgroundsize.min.htc); } }
	  
*/

.header-title-sprite-tilda {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-titles.png);
  background-position: 0px -237px;
  width: 250px;
  height: 79px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .header-title-sprite-tilda {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-titles@2x.png);
      background-size: 380px 2817px;
      -ms-behavior: url(/backgroundsize.min.htc); } }
  @media only screen and (min-width: 48em) {
    .header-title-sprite-tilda {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-titles.png);
      background-position: 0px -1472px;
      width: 300px;
      height: 95px; } }
  @media only screen and (min-width: 48em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 48em) and (min-resolution: 192dpi) {
    .header-title-sprite-tilda {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-titles@2x.png);
      background-size: 380px 2817px;
      -ms-behavior: url(/backgroundsize.min.htc); } }
  @media only screen and (min-width: 64em) {
    .header-title-sprite-tilda {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-titles.png);
      background-position: 0px -2697px;
      width: 380px;
      height: 120px; } }
  @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
    .header-title-sprite-tilda {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-titles@2x.png);
      background-size: 380px 2817px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.header-title-sprite-products {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-titles.png);
  background-position: 0px -553px;
  width: 250px;
  height: 84px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .header-title-sprite-products {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-titles@2x.png);
      background-size: 380px 2817px;
      -ms-behavior: url(/backgroundsize.min.htc); } }
  @media only screen and (min-width: 48em) {
    .header-title-sprite-products {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-titles.png);
      background-position: 0px -1757px;
      width: 300px;
      height: 100px; } }
  @media only screen and (min-width: 48em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 48em) and (min-resolution: 192dpi) {
    .header-title-sprite-products {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-titles@2x.png);
      background-size: 380px 2817px;
      -ms-behavior: url(/backgroundsize.min.htc); } }
  @media only screen and (min-width: 64em) {
    .header-title-sprite-products {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-titles.png);
      background-position: 0px -1857px;
      width: 380px;
      height: 120px; } }
  @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
    .header-title-sprite-products {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-titles@2x.png);
      background-size: 380px 2817px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.tastelists-section-header-icon {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-details.png);
  background-position: 0px -723px;
  width: 90px;
  height: 90px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .tastelists-section-header-icon {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-details@2x.png);
      background-size: 280px 3310px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.recipes-section-header-icon {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-details.png);
  background-position: 0px -633px;
  width: 90px;
  height: 90px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .recipes-section-header-icon {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-details@2x.png);
      background-size: 280px 3310px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.kitchen-secrets-section-header-icon {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-details.png);
  background-position: 0px -543px;
  width: 90px;
  height: 90px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .kitchen-secrets-section-header-icon {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-details@2x.png);
      background-size: 280px 3310px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.cookbooks-section-header-icon {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-details.png);
  background-position: 0px -453px;
  width: 90px;
  height: 90px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .cookbooks-section-header-icon {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-details@2x.png);
      background-size: 280px 3310px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.tear-top-38496a {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-backgrounds.png);
  background-position: 0px -62px;
  width: 1207px;
  height: 12px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .tear-top-38496a {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-backgrounds@2x.png);
      background-size: 1207px 291px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.quick-search-badge {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-details.png);
  background-position: 0px -813px;
  width: 100px;
  height: 99px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .quick-search-badge {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-details@2x.png);
      background-size: 280px 3310px;
      -ms-behavior: url(/backgroundsize.min.htc); } }
  @media only screen and (min-width: 40em) {
    .quick-search-badge {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-details.png);
      background-position: 0px -2812px;
      width: 200px;
      height: 198px; } }
  @media only screen and (min-width: 40em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 40em) and (min-resolution: 192dpi) {
    .quick-search-badge {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-details@2x.png);
      background-size: 280px 3310px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.my-tilda-rosette {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-details.png);
  background-position: 0px -912px;
  width: 64px;
  height: 100px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .my-tilda-rosette {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-details@2x.png);
      background-size: 280px 3310px;
      -ms-behavior: url(/backgroundsize.min.htc); } }
  @media only screen and (min-width: 30em) {
    .my-tilda-rosette {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-details.png);
      background-position: 0px -2427px;
      width: 120px;
      height: 187px; } }
  @media only screen and (min-width: 30em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 30em) and (min-resolution: 192dpi) {
    .my-tilda-rosette {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-details@2x.png);
      background-size: 280px 3310px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.save-your-favourites {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-details.png);
  background-position: 0px -145px;
  width: 200px;
  height: 30px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .save-your-favourites {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-details@2x.png);
      background-size: 280px 3310px;
      -ms-behavior: url(/backgroundsize.min.htc); } }
  @media only screen and (min-width: 400px) {
    .save-your-favourites {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-details.png);
      background-position: 0px -323px;
      width: 280px;
      height: 42px; } }
  @media only screen and (min-width: 400px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 400px) and (min-resolution: 192dpi) {
    .save-your-favourites {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-details@2x.png);
      background-size: 280px 3310px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

html {
  box-sizing: border-box; }

*,
*:before,
*:after {
  box-sizing: inherit; }

body {
  background: #fff;
  font-family: "brandon-grotesque", sans-serif; }

blockquote, q {
  quotes: "" "";
  background: #f8f8f8;
  font-style: italic; }
  blockquote p, q p {
    padding: 1em; }
  blockquote:before, blockquote:after, q:before, q:after {
    content: ""; }
  blockquote cite, q cite {
    display: inline-block;
    padding: 0 0 1em 1em; }

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em; }

ul, ol {
  margin: 0 0 1.5em .5em; }

ul {
  list-style: disc; }

ol {
  list-style: decimal; }

li > ul,
li > ol {
  margin-top: .5em;
  margin-bottom: .5em;
  margin-left: 0; }

dt {
  font-weight: bold; }

dd {
  margin: 0 1.5em 1.5em; }

.list-no-style, .list-rice, .posts-list, .gform_wrapper ul {
  list-style-type: none;
  margin: 0;
  padding-left: 0; }
  .list-no-style ul, .list-rice ul, .posts-list ul, .gform_wrapper ul ul, .list-no-style ol, .list-rice ol, .posts-list ol, .gform_wrapper ul ol {
    list-style-type: none;
    margin: 0;
    padding-left: 0; }

.list-rice li {
  margin: 0 0 0.65em 0;
  position: relative;
  padding: 0 0 0 2em; }
  .list-rice li:before {
    content: '';
    background: url("../img/rice-1-63c9e9.png") no-repeat center center;
    display: block;
    float: left;
    width: 24px;
    height: 6px;
    background-size: 24px;
    -ms-behavior: url(/backgroundsize.min.htc);
    position: absolute;
    top: 0.525em;
    left: 0;
    zoom: 1;
    filter: alpha(opacity=50);
    opacity: 0.5; }

.custom-numbers {
  list-style-type: none; }
  .custom-numbers li {
    counter-increment: step-counter;
    position: relative; }
    .custom-numbers li:before {
      content: counter(step-counter);
      font-size: 28px;
      font-size: 1.75rem;
      color: #FFFFFF; }
      @media only screen and (min-width: 60em) {
        .custom-numbers li:before {
          font-size: 40px;
          font-size: 2.5rem; } }

.list-numbered {
  padding: 0;
  margin: 0 0 1.5em 0; }
  .list-numbered li {
    line-height: 1;
    margin: 0 0 .65em 0;
    padding: 0 0 0 1.2em; }
    .list-numbered li:before {
      font-size: inherit;
      font-weight: 700;
      position: absolute;
      top: 1px;
      left: 0;
      line-height: 1; }

.list-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: left; }
  .list-menu li {
    border-bottom: 1px solid #ccc;
    margin: 0;
    padding: 0; }
    .list-menu li:last-child {
      border: none; }
  .list-menu a {
    display: block;
    padding: 1em 0;
    text-decoration: none;
    color: #1e3b4c;
    position: relative; }
    .list-menu a:hover {
      color: #98dbf1; }
  .list-menu.list-menu--thumbs a img {
    max-width: 24px;
    position: absolute;
    top: 10px;
    right: 0; }

.posts-list {
  background: #FFFFFF;
  padding: 1em;
  overflow: auto; }
  .posts-list li {
    border-bottom: 1px solid #e8e8e8; }
    .posts-list li:last-child {
      border-bottom: none; }

.posts-list-halves li {
  margin-bottom: 0; }
  .posts-list-halves li:last-child {
    border-bottom: 1px solid #e8e8e8; }

@media only screen and (min-width: 48em) {
  .posts-list-halves {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .posts-list-halves li {
      flex: 0 1 49%; }
    .no-flexbox .posts-list-halves {
      display: table;
      width: 100%; } }

img {
  height: auto;
  max-width: 100%;
  display: block; }

.text-center {
  text-align: center; }

.text-right {
  text-align: right; }

.text-left {
  text-align: left; }

.relative {
  position: relative; }

table {
  margin: 0 0 1.5em;
  width: 100%; }

/*

# Buttons

As well as the **button** element, this styling will be applied to an **input** with a type of **button**, **submit** or **reset**.

Responsive styling is applied to these buttons to scale them and remove the arrow on mobile.

*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button {
  display: inline-block;
  text-decoration: none;
  border: 1px solid #FFFFFF;
  background-color: transparent;
  color: #FFFFFF;
  font-family: "brandon-grotesque", sans-serif;
  font-size: 12px;
  font-size: 0.75rem;
  padding: .75em 1.5em;
  text-transform: uppercase;
  font-weight: 700;
  border-radius: 50px;
  transition: all 0.3s ease-in-out;
  line-height: 1; }
  button:hover, button:focus,
  input[type="button"]:hover,
  input[type="button"]:focus,
  input[type="reset"]:hover,
  input[type="reset"]:focus,
  input[type="submit"]:hover,
  input[type="submit"]:focus,
  .button:hover,
  .button:focus {
    background-color: #FFFFFF;
    color: #2f4787; }
  button:focus,
  input[type="button"]:focus,
  input[type="reset"]:focus,
  input[type="submit"]:focus,
  .button:focus {
    outline: none; }
  button:active,
  input[type="button"]:active,
  input[type="reset"]:active,
  input[type="submit"]:active,
  .button:active {
    background-color: #e6e5e5; }
  button .site-wide-icons,
  input[type="button"] .site-wide-icons,
  input[type="reset"] .site-wide-icons,
  input[type="submit"] .site-wide-icons,
  .button .site-wide-icons {
    vertical-align: top;
    margin: 0 0 0 .5em; }
  @media only screen and (min-width: 30em) {
    button,
    input[type="button"],
    input[type="reset"],
    input[type="submit"],
    .button {
      font-size: 14px;
      font-size: 0.875rem;
      padding: .8575em 1.5em; }
      button .site-wide-icons,
      input[type="button"] .site-wide-icons,
      input[type="reset"] .site-wide-icons,
      input[type="submit"] .site-wide-icons,
      .button .site-wide-icons {
        font-size: 14px;
        font-size: 0.875rem; } }
  @media only screen and (min-width: 40em) {
    button,
    input[type="button"],
    input[type="reset"],
    input[type="submit"],
    .button {
      font-size: 16px;
      font-size: 1rem;
      padding: 1em 1.5em; }
      button .site-wide-icons,
      input[type="button"] .site-wide-icons,
      input[type="reset"] .site-wide-icons,
      input[type="submit"] .site-wide-icons,
      .button .site-wide-icons {
        font-size: 16px;
        font-size: 1rem; } }

.btn-dark,
.job-form input[type="submit"],
.job-form input[type="button"] {
  border-color: #2f4787;
  color: #2f4787; }
  .btn-dark:hover, .btn-dark:focus,
  .job-form input:hover[type="submit"],
  .job-form input:hover[type="button"],
  .job-form input:focus[type="submit"],
  .job-form input:focus[type="button"] {
    background-color: #2f4787; }
  .btn-dark:active,
  .job-form input:active[type="submit"],
  .job-form input:active[type="button"] {
    background-color: #223361; }

.btn-secondary {
  border-color: #63c9e9;
  color: #63c9e9; }
  .btn-secondary:hover, .btn-secondary:focus {
    background-color: #63c9e9; }
  .btn-secondary:active {
    background-color: #36bae3; }

.btn-tertiary {
  font-size: 11px;
  font-size: 0.6875rem; }
  .btn-tertiary .site-wide-icons {
    display: none; }
  @media only screen and (min-width: 30em) {
    .btn-tertiary {
      font-size: 12px;
      font-size: 0.75rem; } }
  @media only screen and (min-width: 30em) {
    .btn-tertiary {
      font-size: 14px;
      font-size: 0.875rem; } }

.btn-state-on {
  background-color: #72c964; }
  .btn-state-on:hover, .btn-state-on:focus {
    background-color: #51b941; }
  .btn-state-on:active {
    background-color: #49a63a; }

.f10-ajax-btn-submitting .site-wide-icons, .f10-ajax-btn-submitting .icon-arrow-wrap {
  display: none; }

.f10-ajax-btn-submitting:after {
  content: '';
  display: inline-block;
  vertical-align: top;
  height: 16px;
  width: 16px;
  background: transparent url("../img/loader-blue.png") center center no-repeat;
  background-size: 16px;
  -ms-behavior: url(/backgroundsize.min.htc);
  animation: button-loader-spin 1s infinite linear;
  margin-left: .75em; }

.btn-account {
  background-color: #ed2860; }
  .btn-account:hover, .btn-account:focus {
    background-color: #e81350; }
  .btn-account:active {
    background-color: #d11148; }

.btn-green, .contact-accordion form .button {
  background-color: #72c964; }
  .btn-green:hover, .contact-accordion form .button:hover, .btn-green:focus, .contact-accordion form .button:focus {
    background-color: #61c251; }
  .btn-green:active, .contact-accordion form .button:active {
    background-color: #51b941; }

.no-button {
  background: none; }
  .no-button:hover, .no-button:focus, .no-button:active {
    background: none; }

.button-joined {
  position: relative; }
  .button-joined .button-dropdown {
    position: relative;
    z-index: 20;
    width: 100%;
    font-family: "adobe-caslon-pro", serif;
    font-size: 22px;
    font-size: 1.375rem;
    font-style: italic;
    text-transform: none;
    background-color: #FFFFFF;
    border: none;
    color: #263c75;
    padding: 0 1em;
    text-align: left;
    height: 50px;
    line-height: 53px;
    border-radius: 25px;
    transition: all 0s ease-in-out; }
    .button-joined .button-dropdown.button-dropdown--light {
      background-color: #FFFFFF;
      color: #1e3b4c; }
    .button-joined .button-dropdown img {
      max-width: 30px;
      position: absolute;
      top: 50%;
      margin-top: -16px;
      right: 1em;
      pointer-events: none;
      transition: transform 0.3s ease-in-out; }
      .button-joined .button-dropdown img.flip {
        transform: rotate(180deg); }
  .button-joined.toggled-open .button-dropdown {
    background-color: #FFFFFF;
    color: #2f4787;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px; }

.btn-account .site-wide-icons,
.btn-green .site-wide-icons,
.contact-accordion form .button .site-wide-icons,
.btn-state-on .site-wide-icons,
.no-button .site-wide-icons {
  color: #FFFFFF; }

.btn-account:hover, .btn-account:focus, .btn-green:hover, .contact-accordion form .button:hover, .btn-green:focus, .contact-accordion form .button:focus,
.btn-state-on:hover,
.btn-state-on:focus,
.no-button:hover,
.no-button:focus {
  color: #FFFFFF; }

.btn-state-on,
.btn-account, .btn-green, .contact-accordion form .button,
.no-button {
  border-color: transparent; }
  .btn-state-on.f10-ajax-btn-submitting:after,
  .btn-account.f10-ajax-btn-submitting:after,
  .btn-green.f10-ajax-btn-submitting:after,
  .contact-accordion form .f10-ajax-btn-submitting.button:after,
  .no-button.f10-ajax-btn-submitting:after {
    background-image: url("../img/loader-white.png"); }

.btn-dark:hover, .btn-dark:focus,
.btn-secondary:hover,
.btn-secondary:focus {
  color: #FFFFFF; }

.f10-ajax-btn-submitting-ie:after {
  display: none !important;
  margin-left: 0 !important; }

.ie-loader {
  display: inline;
  width: 12px;
  max-width: 12px;
  margin-left: .5em;
  vertical-align: top; }
  @media only screen and (min-width: 30em) {
    .ie-loader {
      width: 14px;
      max-width: 14px; } }
  @media only screen and (min-width: 40em) {
    .ie-loader {
      width: 16px;
      max-width: 16px; } }

.hero__btn,
.image-header > .header-content > .button {
  background-color: white;
  border-color: white;
  color: #2f4787;
  margin-top: 2rem;
  margin-left: auto;
  margin-right: auto; }

/*
## Button

Generic button style. Only visible on dark backgrounds.

    <!-- div used for styleguide presentation -->
    <div style="background-color: #2f4787; padding: 10px;">
      <a href="#" class="button">Button</a>
    </div>

*/
/*
## Button - Dark

Modifier class for buttons when being used on a light background.

    <a href="#" class="button btn-dark">Button</a>

*/
/*
## Button - Secondary

For use on secondary call to actions

    <a href="#" class="button btn-secondary">Button</a>

*/
/*
## Button - Tertiary

For use on tertiary call to actions. This type of button is slightly smaller compared to other button styles.

    <a href="#" class="button btn-dark btn-tertiary">Button</a>

*/
/*
## Button - On/Off

The class used for this button does nothing to style it, but can be used by Javascript as a hook.
When it is toggled on, an extra class is added to change it's appearance.

    <a href="#" class="button btn-dark btn-on-off">Button</a>

    <br /> <br />

    <a href="#" class="button btn-on-off btn-state-on">Button</a>

*/
/*
## Button - Loading

If a button is being used to load some content in, via ajax for example, a class can be added to make it visually clear.

This is achieved with a simple CSS animation, so fallbacks for IE9 and below are required.

The fallbacks are handled with conditional CSS and Javascript and are totally automatic, resulting in the examples shown below the standard loading button.

    <a href="#" class="button btn-dark f10-ajax-btn-submitting">Button</a>

    <br /> <br />

    <!-- IE8 and IE9 -->
    <a href="#" class="button btn-dark f10-ajax-btn-submitting f10-ajax-btn-submitting-ie">Button <img src="/wp-content/themes/tilda/library/img/loader-white.gif" alt="loading" class="ie-loader" /></a>

*/
/*
## Button - Account

This button style is generally used in association with User Account based actions.

    <a href="#" class="button btn-account">Button</a>

*/
/*
## Button - Green

This button style can be used to denote a positive action.

    <a href="#" class="button btn-green">Button</a>

*/
/*
## Button - No Button

For when a button is required but the general design is not.

    <a href="#" class="button btn-dark no-button">Button</a>

*/
.small-padding {
  padding: .5em; }

.medium-padding {
  padding: 1em; }

.vertical-align {
  position: relative;
  top: 50%;
  transform: perspective(1px) translateY(-50%); }

.justify-layout {
  display: flex;
  justify-content: space-between; }

.align-vertical {
  display: flex;
  flex-direction: row;
  align-items: center; }

.row-strip > a,
.row-strip > span,
.row-strip > div,
.row-labels > a,
.row-labels > span,
.row-labels > div {
  width: 20%; }

.float-right {
  float: right; }

.row-strip > a,
.row-strip > span,
.row-strip > div,
.row-labels > a,
.row-labels > span,
.row-labels > div {
  padding: .25rem; }

.row-labels > div {
  display: inline-block;
  color: white; }

@media only screen and (max-width: 60em) {
  .medium-up {
    display: none !important; } }

/*

# Forms

Some basic details about using Forms.
*/
/*

# Inputs

Inputs _can_ be used outside of a parent form element.

When used inside of a form, each input should be wrapped by a paragraph tag. There are certain inputs that require an extra class to be added to the paragraph tag.
These wrapping classes are detailing in the markup examples below.

<p class="sg-highlight">
	<span>Please note: The password field isn't displaying it's full functionality here. There is some JS assigned to it which, in real world use, will display a Show/Hide toggle. This JS doesn't currently work inside the style guide iframe environment.</span>
</p>

<br>
<small>All available input types are: Text, Email, URL, Password, Search, Number, Textarea, Checkbox, Radio, Select, Tel, Range, Date, Month, Week, Time, Datetime, Datetime-local and Color</small>
*/
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
select[multiple="multiple"],
textarea,
.select-style,
.gform_wrapper .ginput_container_select,
.gform_wrapper .clear-multi .gfield_time_ampm {
  position: relative;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 300;
  outline: none;
  color: rgba(30, 59, 76, 0.7);
  border: 1px solid #d2d2d2;
  border-radius: 30px;
  padding: 12px 20px;
  transition: color 0.3s ease-in-out;
  width: 100%; }
  input[type="text"]:focus,
  input[type="email"]:focus,
  input[type="url"]:focus,
  input[type="password"]:focus,
  input[type="search"]:focus,
  input[type="number"]:focus,
  input[type="tel"]:focus,
  input[type="range"]:focus,
  input[type="date"]:focus,
  input[type="month"]:focus,
  input[type="week"]:focus,
  input[type="time"]:focus,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:focus,
  input[type="color"]:focus,
  select[multiple="multiple"]:focus,
  textarea:focus,
  .select-style:focus,
  .gform_wrapper .ginput_container_select:focus,
  .gform_wrapper .clear-multi .gfield_time_ampm:focus {
    color: #1e3b4c; }
  @media only screen and (min-width: 40em) {
    input[type="text"],
    input[type="email"],
    input[type="url"],
    input[type="password"],
    input[type="search"],
    input[type="number"],
    input[type="tel"],
    input[type="range"],
    input[type="date"],
    input[type="month"],
    input[type="week"],
    input[type="time"],
    input[type="datetime"],
    input[type="datetime-local"],
    input[type="color"],
    select[multiple="multiple"],
    textarea,
    .select-style,
    .gform_wrapper .ginput_container_select,
    .gform_wrapper .clear-multi .gfield_time_ampm {
      font-size: 19.2px;
      font-size: 1.2rem; } }
  input[type="text"].error,
  input[type="email"].error,
  input[type="url"].error,
  input[type="password"].error,
  input[type="search"].error,
  input[type="number"].error,
  input[type="tel"].error,
  input[type="range"].error,
  input[type="date"].error,
  input[type="month"].error,
  input[type="week"].error,
  input[type="time"].error,
  input[type="datetime"].error,
  input[type="datetime-local"].error,
  input[type="color"].error,
  select[multiple="multiple"].error,
  textarea.error,
  .select-style.error,
  .gform_wrapper .error.ginput_container_select,
  .gform_wrapper .clear-multi .error.gfield_time_ampm {
    border: 1px solid #df1e36;
    background-color: rgba(223, 30, 54, 0.1); }
  input[type="text"].success,
  input[type="email"].success,
  input[type="url"].success,
  input[type="password"].success,
  input[type="search"].success,
  input[type="number"].success,
  input[type="tel"].success,
  input[type="range"].success,
  input[type="date"].success,
  input[type="month"].success,
  input[type="week"].success,
  input[type="time"].success,
  input[type="datetime"].success,
  input[type="datetime-local"].success,
  input[type="color"].success,
  select[multiple="multiple"].success,
  textarea.success,
  .select-style.success,
  .gform_wrapper .success.ginput_container_select,
  .gform_wrapper .clear-multi .success.gfield_time_ampm {
    border: 1px solid #72c964;
    background-color: rgba(114, 201, 100, 0.1); }

input[type="search"] {
  background: url("../img/search.png") no-repeat 94% center;
  background-size: 16px;
  -ms-behavior: url(/backgroundsize.min.htc); }
  @media only screen and (min-width: 30em) {
    input[type="search"] {
      background: url("../img/search.png") no-repeat 96% center;
      background-size: 18px; } }

textarea,
select[multiple="multiple"] {
  border-radius: 0px;
  resize: vertical;
  padding: 14px; }

input[type="color"] {
  padding: 0;
  border-radius: 0px;
  width: 30px;
  height: 30px; }


.select-style,
.gform_wrapper .ginput_container_select,
.gform_wrapper .clear-multi .gfield_time_ampm {
  padding: 0;
  background: url("../img/arrows-vertical.png") no-repeat 95% center;
  background-size: 16px;
  -ms-behavior: url(/backgroundsize.min.htc); }
  .select-style select, .gform_wrapper .ginput_container_select select, .gform_wrapper .clear-multi .gfield_time_ampm select {
    outline: none;
    width: 100%;
    padding: 12px 20px;
    border: none;
    background: none;
    -webkit-appearance: none; }
  @media only screen and (min-width: 30em) {
    
    .select-style,
    .gform_wrapper .ginput_container_select,
    .gform_wrapper .clear-multi .gfield_time_ampm {
      background: url("../img/arrows-vertical.png") no-repeat 97% center;
      background-size: 16px;
      -ms-behavior: url(/backgroundsize.min.htc); }
      .select-style select, .gform_wrapper .ginput_container_select select, .gform_wrapper .clear-multi .gfield_time_ampm select {
        font-size: 19.2px;
        font-size: 1.2rem; } }

input[type="checkbox"]:not(:checked), input[type="checkbox"]:checked,
input[type="radio"]:not(:checked), input[type="radio"]:checked {
  position: absolute;
  left: -9999px; }

input[type="checkbox"]:not(:checked) + label, input[type="checkbox"]:checked + label,
input[type="radio"]:not(:checked) + label, input[type="radio"]:checked + label {
  position: relative;
  cursor: pointer;
  margin: 0 0 1em 0; }
  input[type="checkbox"]:not(:checked) + label:before, input[type="checkbox"]:checked + label:before,
  input[type="radio"]:not(:checked) + label:before, input[type="radio"]:checked + label:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 24px;
    border: 2px solid #d2d2d2;
    border-radius: 100px; }
  input[type="checkbox"]:not(:checked) + label:after, input[type="checkbox"]:checked + label:after,
  input[type="radio"]:not(:checked) + label:after, input[type="radio"]:checked + label:after {
    content: '';
    position: absolute;
    top: 4px;
    left: 4px;
    width: 16px;
    height: 16px; }
  input[type="checkbox"]:not(:checked) + label:last-of-type, input[type="checkbox"]:checked + label:last-of-type,
  input[type="radio"]:not(:checked) + label:last-of-type, input[type="radio"]:checked + label:last-of-type {
    margin-bottom: 0; }
  @media only screen and (min-width: 40em) {
    input[type="checkbox"]:not(:checked) + label, input[type="checkbox"]:checked + label,
    input[type="radio"]:not(:checked) + label, input[type="radio"]:checked + label {
      margin: 0 0 0.5em 0; }
      input[type="checkbox"]:not(:checked) + label:before, input[type="checkbox"]:checked + label:before,
      input[type="radio"]:not(:checked) + label:before, input[type="radio"]:checked + label:before {
        height: 30px; }
      input[type="checkbox"]:not(:checked) + label:after, input[type="checkbox"]:checked + label:after,
      input[type="radio"]:not(:checked) + label:after, input[type="radio"]:checked + label:after {
        top: 5px;
        left: 5px;
        width: 20px;
        height: 20px; } }

input[type="checkbox"]:not(:checked) + label,
input[type="checkbox"]:checked + label {
  padding-left: 45px; }
  input[type="checkbox"]:not(:checked) + label:before,
  input[type="checkbox"]:checked + label:before {
    width: 36px; }
  input[type="checkbox"]:not(:checked) + label:after,
  input[type="checkbox"]:checked + label:after {
    background: #df1e36;
    border-radius: 100%; }
  @media only screen and (min-width: 40em) {
    input[type="checkbox"]:not(:checked) + label,
    input[type="checkbox"]:checked + label {
      padding-left: 60px; }
      input[type="checkbox"]:not(:checked) + label:before,
      input[type="checkbox"]:checked + label:before {
        width: 48px; } }

input[type="checkbox"]:checked + label:after {
  background: #72c964;
  left: 16px; }
  @media only screen and (min-width: 40em) {
    input[type="checkbox"]:checked + label:after {
      left: 22px; } }

input[type="radio"]:not(:checked) + label,
input[type="radio"]:checked + label {
  padding-left: 35px;
  float: left;
  clear: both; }
  input[type="radio"]:not(:checked) + label:before,
  input[type="radio"]:checked + label:before {
    width: 24px; }
  input[type="radio"]:not(:checked) + label:after,
  input[type="radio"]:checked + label:after {
    background-image: url("../img/check-success-green.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 12.5px;
    -ms-behavior: url(/backgroundsize.min.htc);
    zoom: 1;
    filter: alpha(opacity=0);
    opacity: 0; }
  @media only screen and (min-width: 40em) {
    input[type="radio"]:not(:checked) + label,
    input[type="radio"]:checked + label {
      padding-left: 40px; }
      input[type="radio"]:not(:checked) + label:before,
      input[type="radio"]:checked + label:before {
        width: 30px; }
      input[type="radio"]:not(:checked) + label:after,
      input[type="radio"]:checked + label:after {
        background-size: 16px;
        -ms-behavior: url(/backgroundsize.min.htc); } }

input[type="radio"]:checked + label:after {
  zoom: 1;
  filter: alpha(opacity=100);
  opacity: 1; }

/*
## Standard Inputs

Most input types can be displayed by themselves, or with an accompanying label.

    <form name="" class="no-pad">

      <p>
        <label>Text Field</label>
        <input type="text" placeholder="Placeholder text">
      </p>

      <p>
        <label>Search Field</label>
        <input type="search" placeholder="Search...">
      </p>

      <p>
        <textarea placeholder="Text area"></textarea>
      </p>

    </form>
*/
/*
## Password Input

The password input requires the following markup structure.

This, along with the classes used, are targeted by Javascript to toggle the visibility of the value of the field.

There is some extra styling applied when the password is visible, to make the contrast of the input value quite low, so that it is more difficult to see, in the hopes of prevetning others from seeing the password.

<p class="sg-highlight"><span>Unfortunately, the JS isn't currently working within the style guide. This is being investigated.</span></p>


    <form name="" class="no-pad">

      <p class="form-layout-password">
        <label for="userpref_pw">Update your password</label>
        <span class="field-wrap">
          <input name="userpref_pw" id="passwordField" type="password" value="" autocomplete="off" class=""/>
          <input type="button" id="togglePasswordField" value="Show" style="display:none" class="no-button toggle-pw"/>
        </span>
      </p>

    </form>
*/
/*
## Select Inputs

Note the class applied to the standard select wrapping `<p>` tag in the code example.

No extra class is required for the multiselect

    <form name="" class="no-pad">

      <p class="select-style">
        <select>
          <option selected="selected" disabled="disabled">Select Box</option>
          <option>Option 1</option>
          <option>Option 2</option>
          <option>Option 3</option>
          <option>Option 4</option>
          <option>Option 5</option>
        </select>
      </p>

      <p>
        <select multiple="multiple" size="" name="" id="" class="" tabindex="">
          <option value="First Choice">First Choice</option>
          <option value="Second Choice">Second Choice</option>
          <option value="Third Choice">Third Choice</option>
        </select>
      </p>

    </form>
*/
/*
## Checkboxes

Ensure that each input has a unique ID that is reflected in the corresponding labels `for` attribute.

Note the class applied to the wrapping `<p>` tag in the code example.

    <form name="" class="no-pad">

      <p class="form-layout-checkbox">
        <input type="checkbox" name="checkbox-1" id="checkbox-1" />
        <label for="checkbox-1">Checkbox 1</label>
        <input type="checkbox" name="checkbox-2" id="checkbox-2" />
        <label for="checkbox-2">Checkbox 2</label>
      </p>

    </form>
*/
/*
## Radio Buttons

Ensure that each input has a unique ID that is reflected in the corresponding labels `for` attribute.

Note the class applied to the wrapping `<p>` tag in the code example.

    <form name="" class="no-pad">

      <p class="form-layout-radio">
      	<input type="radio" name="options" id="radio-1" /><label for="radio-1">Option 1</label>
      	<input type="radio" name="options" id="radio-2" /><label for="radio-2">Option 2</label>
      	<input type="radio" name="options" id="radio-3" /><label for="radio-3">Option 2</label>
      </p>

    </form>
*/
/*
## Input validation

There are currently 2 classes to highlight input fields for validation

    <form name="" class="no-pad">

      <p>
        <input type="text" placeholder="Text Field" class="error" value="Error field">
      </p>

      <p>
        <input type="text" placeholder="Text Field" class="success" value="Success field">
      </p>

    </form>
*/
/*
## Hidden Inputs

Some forms contain hidden inputs to contain values that are checked on form submission.

These inputs have their type set to `hidden`

It is not necessary to wrap these input types in paragraph tags. If you do it _may_ end up having an adverse effect on your form layout; if the form requires inputs to appear next to eachother at certain viewports, for example.

To be on the safe side, if you use any hidden inputs, ensure they exist in the root of the form.

    <form name="" class="no-pad">

      <!-- Incorrect -->
      <p>
        <input type="hidden">
      </p>

      <!-- Correct -->
      <input type="hidden">

    </form>
*/
/*

# Alerts

Alerts can be used site wide. Modifier classes change their appearance.

To enable dismissing of the alert, add the option Icon, demonstrated in the Standard Alert section.

*/
.alert {
  display: block;
  position: relative;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 300;
  border: 1px solid #63c9e9;
  border-radius: 30px;
  background-color: rgba(99, 201, 233, 0.25);
  color: #20b2e0;
  padding: 12px 3em 12px 20px;
  width: 100%; }
  .alert .site-wide-icons {
    font-size: 19.2px;
    font-size: 1.2rem;
    position: absolute;
    top: 50%;
    right: 16px;
    margin-top: -.5em;
    zoom: 1;
    filter: alpha(opacity=50);
    opacity: 0.5;
    cursor: pointer; }
    .alert .site-wide-icons:hover {
      zoom: 1;
      filter: alpha(opacity=100);
      opacity: 1; }
  .alert.alert-error {
    border: 1px solid #df1e36;
    background-color: rgba(223, 30, 54, 0.1);
    color: #9c1526; }
  .alert.alert-success {
    border: 1px solid #72c964;
    background-color: rgba(114, 201, 100, 0.1);
    color: #49a63a; }
  @media only screen and (min-width: 30em) {
    .alert {
      font-size: 19.2px;
      font-size: 1.2rem; }
      .alert .site-wide-icons {
        font-size: 26.4px;
        font-size: 1.65rem; } }
  .modal .alert {
    background-color: rgba(99, 201, 233, 0.25); }

/*

## Standard Alert

Used for displaying extra content that should draw the attention

    <p>
      <span class="alert">
        Standard alert
      </span>
    </p>

    <p>
      <span class="alert">
        Standard alert with option to dismiss
        <span class="site-wide-icons icon-close-circle close-alert trans-all-03-eio"></span>
      </span>
    </p>

*/
/*

## Error Alert

Used to display error messages. Useful inside of a form.

    <p>
      <span class="alert alert-error">
        Error alert
      </span>
    </p>

*/
/*

## Success Alert

Used to display success messages. Useful on the Preferences page to indicate successful update.

    <p>
      <span class="alert alert-success">
        Success alert
      </span>
    </p>

*/
form {
  background-color: #FFF;
  padding: 1.1em;
  font-size: 16px;
  font-size: 1rem;
  color: #1e3b4c; }
  form .header, form .gform_wrapper .gform_heading, .gform_wrapper form .gform_heading, form .gform_wrapper .gsection, .gform_wrapper form .gsection {
    margin-bottom: 2em; }
    form .header *:first-child, form .gform_wrapper .gform_heading *:first-child, .gform_wrapper form .gform_heading *:first-child, form .gform_wrapper .gsection *:first-child, .gform_wrapper form .gsection *:first-child {
      margin-top: 0; }
    form .header *:last-child, form .gform_wrapper .gform_heading *:last-child, .gform_wrapper form .gform_heading *:last-child, form .gform_wrapper .gsection *:last-child, .gform_wrapper form .gsection *:last-child {
      margin-bottom: 0; }
  form .alert {
    margin: 2em auto; }
  form .form-head, form .gform_wrapper .gform_title, .gform_wrapper form .gform_title, form .gform_wrapper .gsection_title, .gform_wrapper form .gsection_title {
    color: #2f4787;
    border-bottom: 1px solid #d2d2d2;
    padding-bottom: 22px; }
  form .field-wrap {
    display: block;
    position: relative; }
  form label, form input {
    display: block;
    margin: 0 auto; }
  form label {
    font-family: "adobe-caslon-pro",serif;
    font-style: italic;
    font-weight: 400;
    margin-left: 0.8em; }
  form button {
    display: block;
    margin: 0 auto; }
  form .form-layout-checkbox, form .gform_wrapper .ginput_container_checkbox, .gform_wrapper form .ginput_container_checkbox, form .gform_wrapper .ginput_container_radio, .gform_wrapper form .ginput_container_radio, form .form-layout-radio, form .gform_wrapper .ginput_container_checkbox, .gform_wrapper form .ginput_container_checkbox, form .gform_wrapper .ginput_container_radio, .gform_wrapper form .ginput_container_radio {
    padding: 5px 0;
    display: inline-block;
    margin-top: 0; }
    form .form-layout-checkbox label, form .gform_wrapper .ginput_container_checkbox label, .gform_wrapper form .ginput_container_checkbox label, form .gform_wrapper .ginput_container_radio label, .gform_wrapper form .ginput_container_radio label, form .form-layout-radio label, form .gform_wrapper .ginput_container_checkbox label, .gform_wrapper form .ginput_container_checkbox label, form .gform_wrapper .ginput_container_radio label, .gform_wrapper form .ginput_container_radio label {
      font-family: "brandon-grotesque", sans-serif;
      font-style: normal; }
  form .form-layout-checkbox, form .gform_wrapper .ginput_container_checkbox, .gform_wrapper form .ginput_container_checkbox, form .gform_wrapper .ginput_container_radio, .gform_wrapper form .ginput_container_radio {
    display: block; }
  form .form-layout-password .pw-visible {
    color: rgba(30, 59, 76, 0.7); }
  form .form-layout-password .toggle-pw {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    min-width: 0px;
    width: 75px;
    padding-left: 0;
    padding-right: 0;
    color: #63c9e9;
    border: none; }
  @media only screen and (min-width: 40em) {
    form .form-layout-password .toggle-pw {
      width: 100px; } }
  @media only screen and (min-width: 40em) {
    form {
      padding: 2em;
      font-size: 20px;
      font-size: 1.25rem; }
      form .header, form .gform_wrapper .gform_heading, .gform_wrapper form .gform_heading, form .gform_wrapper .gsection, .gform_wrapper form .gsection {
        margin-bottom: 1em; }
      form .form-layout-small-half.half-1 {
        width: 47.5%;
        float: left; }
      form .form-layout-small-half.half-2 {
        width: 47.5%;
        float: right; } }

form.no-bg {
  background: none; }

form.no-pad {
  padding: 0; }

.form-layout-switcher input[type="checkbox"]:not(:checked) + label:before,
.form-layout-switcher input[type="checkbox"]:checked + label:before {
  background: #FFFFFF;
  border-color: #FFFFFF; }

.form-layout-switcher input[type="checkbox"]:not(:checked) + label:after,
.form-layout-switcher input[type="checkbox"]:checked + label:after {
  background: #72c964; }

.form-layout-switcher label {
  margin-right: 5px;
  cursor: pointer; }

@media only screen and (min-width: 40em) {
  .form-layout-switcher label {
    margin-right: 10px; } }

.ajax-f10_user_preferences .header, .ajax-f10_user_preferences .gform_wrapper .gform_heading, .gform_wrapper .ajax-f10_user_preferences .gform_heading, .ajax-f10_user_preferences .gform_wrapper .gsection, .gform_wrapper .ajax-f10_user_preferences .gsection {
  margin-bottom: 2em; }
  .ajax-f10_user_preferences .header p, .ajax-f10_user_preferences .gform_wrapper .gform_heading p, .gform_wrapper .ajax-f10_user_preferences .gform_heading p, .ajax-f10_user_preferences .gform_wrapper .gsection p, .gform_wrapper .ajax-f10_user_preferences .gsection p {
    margin-top: 0; }

.ajax-f10_user_preferences label {
  font-family: "brandon-grotesque", sans-serif;
  font-style: normal;
  font-weight: 700; }

.ajax-f10_user_preferences .form-layout-radio, .ajax-f10_user_preferences .gform_wrapper .ginput_container_checkbox, .gform_wrapper .ajax-f10_user_preferences .ginput_container_checkbox, .ajax-f10_user_preferences .gform_wrapper .ginput_container_radio, .gform_wrapper .ajax-f10_user_preferences .ginput_container_radio {
  display: block;
  overflow: hidden; }

.ajax-f10_user_preferences .form-layout-checkbox label, .ajax-f10_user_preferences .gform_wrapper .ginput_container_checkbox label, .gform_wrapper .ajax-f10_user_preferences .ginput_container_checkbox label, .ajax-f10_user_preferences .gform_wrapper .ginput_container_radio label, .gform_wrapper .ajax-f10_user_preferences .ginput_container_radio label {
  font-weight: 300; }

.ajax-f10_user_preferences .btn-green, .ajax-f10_user_preferences .contact-accordion form .button, .contact-accordion form .ajax-f10_user_preferences .button {
  display: inline-block;
  margin-left: 1em;
  margin-right: 1em; }

.form-buttons-group button, .form-buttons-group .button {
  margin: 1em .5em 0 .5em; }

.global--mailing--list .columns > .mailing-inner {
  overflow: visible; }

.global--mailing--list .illustrations-group-left,
.global--mailing--list .illustrations-group-right {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding-bottom: 16%;
  overflow: visible; }

.global--mailing--list .illustrations-group-right {
  transform: rotate(6deg);
  background-image: url("../img/food-plate-1.jpg"); }

.global--mailing--list .illustrations-group-left {
  background-image: url("../img/cooking-meal.jpg");
  transform: rotate(-6deg); }

.gform_wrapper .alert {
  margin: 2em auto 0 auto; }

.gform_wrapper .gfield_description {
  margin: 0.5em 1em;
  font-size: 13.6px;
  font-size: 0.85rem;
  color: rgba(30, 59, 76, 0.7); }

.gform_wrapper .gform_fields > li, .gform_wrapper .gform_fields li span {
  display: block;
  overflow: hidden;
  margin: 1em auto 1.5em auto; }

.gform_wrapper .gform_fields > li:last-child {
  margin-bottom: 1em; }

.gform_wrapper .gform_fields .gfield_required {
  display: inline; }

.gform_wrapper .ginput_container_checkbox li, .gform_wrapper .ginput_container_radio li {
  margin-bottom: .5em;
  overflow: hidden;
  padding-bottom: 1px; }
  .gform_wrapper .ginput_container_checkbox li:last-child, .gform_wrapper .ginput_container_radio li:last-child {
    margin-bottom: 0; }

.gform_wrapper .ginput_complex span label {
  font-family: "brandon-grotesque", sans-serif;
  font-style: normal; }

.gform_wrapper .ginput_complex span:first-of-type {
  margin-top: 0; }

.gform_wrapper .ginput_complex span:last-of-type {
  margin-bottom: 0; }

.gform_wrapper .gf_progressbar {
  font-size: 13.6px;
  font-size: 0.85rem;
  color: rgba(30, 59, 76, 0.7);
  background-color: #f8f8f8;
  border-radius: 30px;
  transition: color 0.3s ease-in-out; }

.gform_wrapper .gf_progressbar_percentage {
  background: #ed2860;
  border: 1px solid #ed2860;
  color: #FFFFFF;
  border-radius: 30px;
  padding: .5em .75em;
  text-align: right; }

.gform_wrapper .field_sublabel_below span label {
  margin-top: .25em; }

.gform_wrapper .field_sublabel_above span label {
  margin-bottom: .25em; }

.gform_wrapper .clear-multi i {
  display: none;
  visibility: hidden; }

.gform_wrapper .clear-multi .ginput_container_time {
  display: block;
  width: 100%; }

.gform_wrapper .ginput_container_fileupload {
  padding: 1em 0; }
  .gform_wrapper .ginput_container_fileupload input {
    margin: 0; }

.gform_wrapper .ginput_container_list table {
  margin: 0; }
  .gform_wrapper .ginput_container_list table tr td {
    padding: 0 0 .5em 0; }
  .gform_wrapper .ginput_container_list table tr:last-child td {
    padding: 0; }
  .gform_wrapper .ginput_container_list table .gfield_list_icons {
    width: 64px;
    text-align: center; }
    .gform_wrapper .ginput_container_list table .gfield_list_icons img {
      display: inline-block;
      margin: 0; }

@media only screen and (min-width: 30em) {
  .gform_wrapper .clear-multi .ginput_container_time {
    width: 32.5%;
    float: left;
    margin: 0 1.25%; }
    .gform_wrapper .clear-multi .ginput_container_time:first-of-type, .gform_wrapper .clear-multi .ginput_container_time:last-of-type {
      margin: 0; } }

@media only screen and (min-width: 40em) {
  .gform_wrapper .gfield_description, .gform_wrapper .gf_progressbar {
    font-size: 16px;
    font-size: 1rem; } }

/*

## Form name

Every form must include a populated name attribute.

`<form name="form-name-here">`

Depending on what the form does, it's best to check if an appropriate name already exists before entering it.

*/
/*

## Form anatomy

`<form id="" class="" name="">`

&nbsp;

&nbsp; &nbsp; `<section class="header">`

&nbsp; &nbsp; &nbsp; &nbsp; **.form-head** and **.form-desc** classes go in here for form title and description respectively

&nbsp; &nbsp; `</section>`

&nbsp;

&nbsp; &nbsp; `<div class="f10-user-alerts">`

&nbsp; &nbsp; &nbsp; &nbsp; Any alerts required to validate the form go in here

&nbsp; &nbsp; `</div>`

&nbsp;

&nbsp; &nbsp; `<p>`

&nbsp; &nbsp; &nbsp; &nbsp; Any form inputs should go inside of their own paragraph tag

&nbsp; &nbsp; `</p>`

&nbsp;

`</form>`

*/
/*

## Form layout classes

There are classes available to do basic form structuring

`<p class="form-layout-small-half half-1"></p>`

`<p class="form-layout-small-half half-2"></p>`

These will float two sections side by side.

*/
/*

## Form modifier classes

Various classes can be added to the `<form>` element to amend it's appearance.

`.no-bg` will remove the white background colour of the form

`.no-pad` will remove the default padding applied to the form

*/
a {
  color: #1f448c; }
  a:hover, a:focus, a:active {
    color: #678fdd; }
  a:focus {
    outline: thin dotted; }
  a:hover, a:active {
    outline: 0; }
  a.link-light {
    color: #63c9e9; }
    a.link-light:hover, a.link-light:focus, a.link-light:active {
      color: #36bae3; }

.main-navigation {
  display: none;
  clear: both; }
  .main-navigation ul {
    background-color: #2f4787; }
    .main-navigation ul ul {
      display: none;
      background-color: #223b73; }
      .main-navigation ul ul li {
        border-top: 1px solid rgba(255, 255, 255, 0.15); }
      .main-navigation ul ul a {
        position: relative;
        text-transform: none;
        font-weight: 300;
        padding: 1.6em 1.1em 1.6em 2.2em; }
  .main-navigation li {
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    position: relative; }
    .main-navigation li:after {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      width: 60px;
      background: url("../img/rice-arrow-1-right.png") no-repeat center center;
      background-size: 25px;
      -ms-behavior: url(/backgroundsize.min.htc);
      pointer-events: none; }
  .main-navigation a {
    display: block;
    position: relative;
    text-decoration: none;
    color: #FFFFFF;
    font-weight: 700;
    padding: 1.6em 1.1em;
    font-size: 14.4px;
    font-size: 0.9rem; }
    .main-navigation a .mob-sub-menu-toggle, .main-navigation a .active-hands {
      display: none; }
  .main-navigation .menu-item-has-children > a > .mob-sub-menu-toggle {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 60px;
    background-color: #223b73; }
    .main-navigation .menu-item-has-children > a > .mob-sub-menu-toggle img {
      width: 16px;
      position: absolute;
      top: 50%; }
  .main-navigation .menu-item-has-children .one {
    transform: rotate(45deg);
    right: 45%; }
  .main-navigation .menu-item-has-children .two {
    transform: rotate(-45deg);
    left: 45%; }
  .main-navigation .menu-item-has-children .sub-menu-open .one {
    transform: rotate(-45deg); }
  .main-navigation .menu-item-has-children .sub-menu-open .two {
    transform: rotate(45deg); }
  .main-navigation .menu-item-has-children:after {
    display: none; }
  .main-navigation .site-nav-extras {
    background-color: #2f4787;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    overflow: hidden; }
    .main-navigation .site-nav-extras a {
      padding: 0; }
  .main-navigation .my-tilda {
    position: relative; }
    .main-navigation .my-tilda img {
      margin: 0 auto;
      width: 65px;
      padding: 1em 0; }
    .main-navigation .my-tilda .toggle-my-tilda-large {
      display: none;
      visibility: hidden; }
  .main-navigation .my-tilda-link .dark {
    display: none; }
  .main-navigation .colour-line {
    display: none; }
  @media screen and (min-width: 60em) {
    .main-navigation {
      float: left;
      width: 85%;
      clear: none; }
      .main-navigation#site-navigation {
        display: block !important;
        height: auto !important; }
      .main-navigation ul {
        background-color: transparent;
        position: relative;
        z-index: 2;
        width: 90%;
        float: left; }
        .main-navigation ul ul.sub-menu {
          display: none !important; }
      .main-navigation li {
        width: 25%;
        float: left;
        text-align: center;
        border: none; }
        .main-navigation li a:hover {
          background: #e3ebf0; }
        .main-navigation li:after {
          display: none; }
      .main-navigation a {
        font-size: 16px;
        font-size: 1rem;
        padding: 2.2em 0;
        color: #3a4350; }
      .main-navigation .menu-item-has-children > a > .mob-sub-menu-toggle {
        display: none; }
      .main-navigation .current_page_item > a,
      .main-navigation .current-menu-item > a,
      .main-navigation .current_page_ancestor > a,
      .main-navigation .current-menu-ancestor > a {
        background-color: #2f4787;
        color: #FFFFFF; }
        .main-navigation .current_page_item > a:hover,
        .main-navigation .current-menu-item > a:hover,
        .main-navigation .current_page_ancestor > a:hover,
        .main-navigation .current-menu-ancestor > a:hover {
          background-color: #2f4787;
          color: rgba(255, 255, 255, 0.85); }
      .main-navigation .current_page_item .active-hands,
      .main-navigation .current-menu-item .active-hands,
      .main-navigation .current_page_ancestor .active-hands,
      .main-navigation .current-menu-ancestor .active-hands {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0; }
        .main-navigation .current_page_item .active-hands .hand,
        .main-navigation .current-menu-item .active-hands .hand,
        .main-navigation .current_page_ancestor .active-hands .hand,
        .main-navigation .current-menu-ancestor .active-hands .hand {
          zoom: 1;
          filter: alpha(opacity=0);
          opacity: 0;
          width: 80px;
          position: absolute;
          animation-timing-function: ease-in-out;
          animation-fill-mode: forwards; }
        .main-navigation .current_page_item .active-hands .hand-left,
        .main-navigation .current-menu-item .active-hands .hand-left,
        .main-navigation .current_page_ancestor .active-hands .hand-left,
        .main-navigation .current-menu-ancestor .active-hands .hand-left {
          left: 5%;
          animation-name: hand-left;
          animation-duration: 1.3s;
          animation-delay: .6s; }
        .main-navigation .current_page_item .active-hands .hand-right,
        .main-navigation .current-menu-item .active-hands .hand-right,
        .main-navigation .current_page_ancestor .active-hands .hand-right,
        .main-navigation .current-menu-ancestor .active-hands .hand-right {
          right: 5%;
          animation-name: hand-right;
          animation-duration: 1s;
          animation-delay: .5s; }
      .main-navigation .site-nav-extras {
        background-color: transparent;
        display: block;
        width: auto; }
      .main-navigation .my-tilda {
        display: block;
        width: 100%;
        border: none; }
        .main-navigation .my-tilda img {
          padding: 0.9em 0; }
        .main-navigation .my-tilda .toggle-my-tilda-large {
          display: block;
          visibility: visible;
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          z-index: 5; }
        .main-navigation .my-tilda .my-tilda-nav-open {
          background-color: #2f4787; }
      .main-navigation .my-tilda-link .dark {
        display: block; }
      .main-navigation .my-tilda-link .light {
        display: none; }
      .main-navigation .head-social .social-networks {
        display: none; }
      .main-navigation .colour-line {
        display: block; } }
  @media screen and (min-width: 72em) {
    .main-navigation ul {
      width: 91.8%; }
    .main-navigation .current_page_item .active-hands .hand,
    .main-navigation .current-menu-item .active-hands .hand,
    .main-navigation .current_page_ancestor .active-hands .hand,
    .main-navigation .current-menu-ancestor .active-hands .hand {
      width: 100px; } }

.my-tilda-nav-wrap {
  display: none;
  background-color: #2f4787; }
  .my-tilda-nav-wrap .my-tilda-nav {
    padding: 1em 0 2em 0; }
    .my-tilda-nav-wrap .my-tilda-nav > :first-child {
      margin-top: 0; }
    .my-tilda-nav-wrap .my-tilda-nav > :last-child {
      margin-bottom: 0; }
    .my-tilda-nav-wrap .my-tilda-nav .header, .my-tilda-nav-wrap .my-tilda-nav .gform_wrapper .gform_heading, .gform_wrapper .my-tilda-nav-wrap .my-tilda-nav .gform_heading, .my-tilda-nav-wrap .my-tilda-nav .gform_wrapper .gsection, .gform_wrapper .my-tilda-nav-wrap .my-tilda-nav .gsection {
      position: relative; }
  .my-tilda-nav-wrap h1, .my-tilda-nav-wrap p, .my-tilda-nav-wrap .nav-login-close {
    color: #FFFFFF; }
  .my-tilda-nav-wrap .nav-login-close {
    text-decoration: none;
    position: absolute;
    top: 0;
    right: 0; }
  .my-tilda-nav-wrap form {
    margin: 0 auto; }
    .my-tilda-nav-wrap form .form-head, .my-tilda-nav-wrap form .gform_wrapper .gform_title, .gform_wrapper .my-tilda-nav-wrap form .gform_title, .my-tilda-nav-wrap form .gform_wrapper .gsection_title, .gform_wrapper .my-tilda-nav-wrap form .gsection_title {
      color: #FFFFFF;
      border-bottom: none;
      padding-bottom: 0; }
    .my-tilda-nav-wrap form > p {
      display: inline-block;
      width: 32%;
      padding: 0 0.5%; }
    .my-tilda-nav-wrap form input {
      border: none; }
    .my-tilda-nav-wrap form button {
      width: 100%; }
    .my-tilda-nav-wrap form + .social-sign-in-wrap {
      margin-top: 0; }
  .my-tilda-nav-wrap .alert {
    background-color: #FFFFFF; }
  @media screen and (max-width: 60em) {
    .my-tilda-nav-wrap {
      display: none !important; } }

.page-switcher {
  margin-bottom: 1em; }
  .page-switcher ul {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap; }
  .page-switcher li {
    display: flex;
    flex: 1 1 25%;
    align-items: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
  .page-switcher a {
    display: block;
    width: 100%;
    color: #FFFFFF;
    font-weight: 700;
    text-decoration: none;
    padding: .75em .5em;
    zoom: 1;
    filter: alpha(opacity=50);
    opacity: 0.5;
    font-size: 12px;
    font-size: 0.75rem; }
    .page-switcher a:hover {
      zoom: 1;
      filter: alpha(opacity=75);
      opacity: 0.75; }
  .page-switcher .current-menu-item {
    border: 1px solid #FFFFFF;
    border-bottom: none; }
    .page-switcher .current-menu-item a {
      zoom: 1;
      filter: alpha(opacity=100);
      opacity: 1; }
  .no-flexbox .page-switcher ul {
    display: table;
    table-layout: fixed;
    width: 100%; }
  .no-flexbox .page-switcher li {
    display: table-cell;
    vertical-align: middle;
    width: 25%; }
  @media only screen and (min-width: 30em) {
    .page-switcher a {
      font-size: 16px;
      font-size: 1rem; } }
  @media only screen and (min-width: 40em) {
    .page-switcher a {
      font-size: 18px;
      font-size: 1.125rem; } }
  @media only screen and (min-width: 48em) {
    .page-switcher li {
      position: relative; }
      .page-switcher li:first-child:before, .page-switcher li:last-child:before {
        content: '';
        display: block;
        width: 1em;
        height: 1px;
        position: absolute;
        top: 100%;
        background-color: #FFFFFF;
        zoom: 1;
        filter: alpha(opacity=50);
        opacity: 0.5; }
      .page-switcher li:first-child:before {
        left: -1em; }
      .page-switcher li:last-child:before {
        right: -1em; }
    .page-switcher .current-menu-item:first-child:before, .page-switcher .current-menu-item:last-child:before {
      zoom: 1;
      filter: alpha(opacity=100);
      opacity: 1; } }
  @media only screen and (min-width: 60em) {
    .page-switcher a {
      font-size: 24px;
      font-size: 1.5rem; } }

.pagination {
  text-align: center;
  border-spacing: 8px 0;
  padding: 1em 0 2em 0; }
  .pagination label {
    font-size: 20px;
    font-size: 1.25rem;
    font-family: "adobe-caslon-pro",serif;
    font-style: italic;
    font-weight: 400;
    color: #FFFFFF; }
  .pagination .paginate-table {
    display: table;
    margin: .5em auto 0 auto; }
  .pagination a {
    text-decoration: none;
    display: block; }
  .pagination .page-numbers {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    font-size: 18px;
    font-size: 1.125rem;
    background-color: rgba(255, 255, 255, 0.1);
    font-weight: 700;
    color: rgba(255, 255, 255, 0.3); }
  .pagination .site-wide-icons {
    display: none;
    position: absolute;
    top: 3px;
    left: 3.5px;
    font-size: 34px;
    font-size: 2.125rem; }
  .pagination .current {
    background-color: rgba(255, 255, 255, 0.9);
    color: #2f4787; }
    .pagination .current .site-wide-icons {
      display: block; }

#mega-nav-page-overlay {
  background-color: #000000;
  zoom: 1;
  filter: alpha(opacity=0);
  opacity: 0;
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 450;
  transition: all, 0.2s; }
  #mega-nav-page-overlay.overlay-visible {
    zoom: 1;
    filter: alpha(opacity=50);
    opacity: 0.5;
    visibility: visible; }
  @media only screen and (max-width: 60em) {
    #mega-nav-page-overlay {
      display: none; } }

.site-header {
  position: relative;
  z-index: 500; }

.mega-nav-wrap {
  visibility: hidden;
  zoom: 1;
  filter: alpha(opacity=0);
  opacity: 0;
  position: absolute;
  top: 75%;
  left: 0;
  right: 0;
  background-color: #FFFFFF;
  background-color: rgba(255, 255, 255, 0.95);
  z-index: 200;
  padding: 4em 0;
  transition: all 0.4s cubic-bezier(0.68, 0, 0.265, 1);
  overflow: hidden;
  color: #1e3b4c;
  z-index: 550; }
  .mega-nav-wrap .panel {
    margin-bottom: 0; }
    .js .mega-nav-wrap .panel {
      zoom: 1;
      filter: alpha(opacity=100);
      opacity: 1; }
  .mega-nav-wrap h1 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.2; }
  .mega-nav-wrap p {
    font-size: 14px;
    font-size: 0.875rem; }
  .mega-nav-wrap ul {
    overflow: hidden;
    margin-bottom: .75em; }
    .mega-nav-wrap ul li {
      position: relative;
      font-size: 16px;
      font-size: 1rem;
      font-weight: 300;
      display: block;
      width: 40%;
      float: left;
      margin: .5em 10% .5em 0; }
      .mega-nav-wrap ul li:nth-child(odd) {
        clear: left; }
    .mega-nav-wrap ul a {
      text-decoration: none;
      color: #1e3b4c; }
      .mega-nav-wrap ul a:hover {
        color: #63c9e9; }
  .mega-nav-wrap .button {
    font-size: 14px;
    font-size: 0.875rem; }
  .mega-nav-wrap .icon-arrow-wrap {
    top: 4px; }
    .mega-nav-wrap .icon-arrow-wrap .icon-rice-arrow-right-stem-1 {
      color: #588ac7; }
    .mega-nav-wrap .icon-arrow-wrap .icon-rice-arrow-right-stem-2 {
      color: #62c8e9; }
    .mega-nav-wrap .icon-arrow-wrap .icon-rice-arrow-right-stem-3 {
      color: #62c8e9; }
  .mega-nav-wrap .products_img {
    max-width: 280px; }
  @media only screen and (max-width: 60em) {
    .mega-nav-wrap {
      display: none; } }
  @media only screen and (min-width: 64em) {
    .mega-nav-wrap .panel {
      margin: 0 .5em; }
    .mega-nav-wrap h1 {
      font-size: 32px;
      font-size: 2rem; }
    .mega-nav-wrap p {
      font-size: 16px;
      font-size: 1rem; }
    .mega-nav-wrap ul {
      margin-bottom: 1em; }
      .mega-nav-wrap ul li {
        font-size: 20px;
        font-size: 1.25rem;
        font-weight: 700; }
    .mega-nav-wrap .products_img {
      max-width: 300px; } }

@media only screen and (min-width: 60em) {
  .mega-nav-wrap-visible {
    visibility: visible;
    zoom: 1;
    filter: alpha(opacity=100);
    opacity: 1;
    top: 100%; } }

.mega-panel-wrap .panel-minimal-about .panel-image {
  background-color: transparent;
  background-size: contain; }

.mega-panel-wrap:first-child .panel-minimal-about:before {
  display: none; }

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden; }
  .screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; }

#content[tabindex="-1"]:focus {
  outline: 0; }

img.alignleft, img.alignright, img.aligncenter {
  margin-top: 0.5em; }

.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em; }

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em; }

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed; }

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both; }

.home--search {
  background-color: #2f4787; }

.tilda-search {
  background-color: #2f4787;
  color: white;
  text-align: center;
  padding: 1rem; }
  .tilda-search > label {
    font-weight: 800;
    font-style: normal;
    text-align: center;
    font-family: "brandon-grotesque", sans-serif;
    text-transform: uppercase; }
    @media only screen and (min-width: 40em) {
      .tilda-search > label {
        line-height: 47px; } }

input[type="search"].tilda-search__search {
  background-color: white;
  background-image: none;
  margin-top: 1rem;
  padding: 0.5rem 0.5rem 0.25rem;
  width: 100%; }
  @media only screen and (min-width: 40em) {
    input[type="search"].tilda-search__search {
      text-align: left;
      margin-top: 0;
      margin-left: 1rem;
      font-size: 1.25rem;
      line-height: 0.5rem;
      display: inline-block;
      width: 50%;
      min-width: 400px; } }

.search-page {
  background-color: #f8af80;
  padding-bottom: 3rem; }

.tilda_search_input-wrapper {
  width: 100%;
  position: relative;
  display: inline-block; }
  @media only screen and (min-width: 60em) {
    .tilda_search_input-wrapper {
      width: auto; } }

.search-page_title {
  text-align: center;
  margin-top: 3rem;
  padding-bottom: 2rem;
  color: white;
  text-transform: uppercase; }

.search-page__ordering {
  padding: 0;
  background-color: transparent; }
  .search-page__ordering input[type="radio"] + label::before {
    width: 50px !important;
    background: #FFFFFF;
    border-color: #FFFFFF; }
  .search-page__ordering input[type="radio"] + label::after {
    border-radius: 100%;
    background: #72c964;
    opacity: 1 !important; }
  .search-page__ordering input[type="radio"]:checked + label::after {
    left: auto;
    right: -5px; }
  .search-page__ordering label {
    margin-right: 5px;
    cursor: pointer; }
  @media only screen and (min-width: 40em) {
    .search-page__ordering label {
      margin-right: 10px; } }

.search-page__ordering > span {
  display: inline-block; }

.search-page__ordering {
  margin-bottom: 3rem; }
  @media only screen and (min-width: 60em) {
    .search-page__ordering {
      margin: 3rem 0; } }
  .search-page__ordering .fake-input {
    left: 40px; }
  .search-page__ordering > label > .main-label {
    font-size: 0.875rem;
    line-height: 1;
    display: block; }
  .search-page__ordering .prefix {
    margin-right: 60px; }
  .search-page__ordering .prefix,
  .search-page__ordering .suffix {
    font-weight: bold;
    font-size: 0.875rem;
    color: white;
    font-style: normal;
    font-family: "brandon-grotesque", sans-serif; }

.search-page__items-selector {
  background-color: transparent;
  text-align: center; }
  .search-page__items-selector > label {
    display: inline-block;
    width: 100px;
    background-color: white;
    padding: 0;
    border-radius: 30px; }
  .search-page__items-selector > label > p {
    margin: 0;
    background-position: 86% center; }
  .search-page__items-selector option {
    text-align: center; }

.home--search + *::before {
  display: none !important; }

@media only screen and (max-width: 48em) {
  .hide-on-mobile {
    display: none; } }

@media only screen and (min-width: 48em) {
  .tilda-search__button {
    bottom: 16px; } }

.hero__content {
  color: #f1f1f1;
  width: 75%;
  padding: 2rem; }

.hero__wrapper {
  background-color: #314888;
  display: flex; }
  .hero__wrapper .hero__content > p {
    color: white; }
  .hero__wrapper .row {
    width: 100%; }

.hero__wrapper .columns {
  display: flex;
  align-items: center;
  justify-content: center; }

.hero__content > .hero__btn,
.hero__content > p {
  margin: 1rem auto; }

.hero__content .colour-line {
  margin-bottom: 1rem;
  display: block; }

.background-left-image,
.background-right-image {
  position: relative;
  width: auto;
  margin: 0 auto; }

.hero__wrapper.hero__video .background-left-image__wrapper,
.hero__wrapper.hero__video .background-right-image__wrapper {
  display: none; }

.hero__wrapper .background-right-image__wrapper {
  display: none; }

.hero__wrapper-aspect-ratio {
  position: absolute;
  padding-bottom: 50%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
  width: 100% !important; }

.hero__player {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

.hero__wrapper-aspect-ratio + .columns {
  margin-top: 50%;
  /* 16:9 */
  padding-top: 1rem; }

@media only screen and (min-width: 40em) {
  .background-left-image {
    top: 50%;
    transform: translateX(-50%) translateY(-50%) scale(1.75); }
  .background-right-image {
    top: 50%;
    transform: translateX(50%) translateY(-50%) scale(1.75); }
  .hero__wrapper.hero__image .row {
    max-width: none;
    display: flex;
    flex-direction: row; }
  .hero__wrapper.hero__video .columns {
    width: 100% !important; }
  .hero__wrapper.hero__image .background-right-image__wrapper {
    display: block; }
  .hero__wrapper-aspect-ratio {
    padding-bottom: 50%;
    /* 16:9 */ } }

@media only screen and (min-width: 48em) {
  .hero__wrapper.hero__video .row {
    max-width: none;
    display: flex;
    flex-direction: row; }
  .hero__wrapper .columns {
    float: none; }
  .hero__wrapper.hero__video .columns {
    width: 100% !important; }
  .hero__wrapper.large {
    max-height: 800px;
    min-height: 400px;
    overflow-y: hidden;
    height: 25vw; }
  .hero__wrapper.small {
    min-height: 400px;
    overflow-y: hidden;
    height: 15vw; }
    .hero__wrapper.small > .hero__wrapper-aspect-ratio .columns {
      top: 0;
      transform: none; }
  .hero__wrapper.hero__video .column {
    display: none; }
  .hero__wrapper-aspect-ratio + .columns {
    margin-top: inherit; }
  .hero__wrapper-aspect-ratio {
    padding-bottom: 56.25%;
    /* 16:9 */ } }

@media only screen and (max-width: 48em) {
  .background-left-image {
    position: relative;
    max-width: 100%;
    max-height: 400px;
    margin: 0 auto;
    float: none; } }

@media only screen and (min-width: 60em) {
  .hero__wrapper.hero__image .background-left-image__wrapper {
    display: none; }
  .hero__wrapper.hero__image .background-right-image__wrapper {
    display: block; } }

@media only screen and (min-width: 64em) {
  .hero__wrapper.small .hero__player {
    transform: translateY(-30%); }
  .hero__wrapper.large .hero__player {
    transform: translateY(-20%); }
  .hero__wrapper.hero__video .row {
    width: 100%; }
  .hero__player__wrapper {
    position: absolute; }
  .hero__wrapper.hero__image .background-left-image__wrapper {
    display: block; } }

@media only screen and (min-width: 75em) {
  .background-left-image,
  .background-right-image {
    top: auto;
    transform: scale(1.5);
    width: 100%; } }

.hero__wrapper.hero__image {
  overflow: hidden; }

.hero__title {
  font-size: 2rem;
  margin: 0;
  font-weight: 900;
  line-height: 1.2; }

@media only screen and (min-width: 30em) {
  .hero__title {
    font-size: 2.5rem; } }

@media only screen and (min-width: 48em) {
  .hero__title {
    font-size: 3.25rem; } }

.hero__content__top-image {
  max-width: 600px;
  margin: 0 auto;
  padding: 0 0 1rem;
  display: block;
  width: 100%; }

.promo-banner {
  position: relative;
  padding: 1em 0;
  background-size: 0 0;
  -ms-behavior: url(/backgroundsize.min.htc);
  background-position: center center;
  background-repeat: no-repeat; }
  .promo-banner .promo-cta-wrap {
    padding-bottom: 1em; }
  .promo-banner .promo-bg-img-large {
    display: none; }

@media only screen and (min-width: 48em) {
  .promo-banner-full-width {
    background-size: auto;
    -ms-behavior: url(/backgroundsize.min.htc); }
    .promo-banner-full-width .promo-bg-img-small {
      display: none; }
    .promo-banner-full-width .promo-bg-img-large {
      display: block; }
    .promo-banner-full-width .promo-cta-wrap a {
      margin-top: 2em; } }

.promo-banner-square {
  padding: 0; }
  .promo-banner-square .promo-cta-wrap {
    padding: 1em 0 2em 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0; }
  .promo-banner-square .promo-banner-image {
    display: none; }
  .promo-banner-square .promo-banner-image--sml {
    display: block; }
  @media only screen and (min-width: 40em) {
    .promo-banner-square .promo-banner-image {
      display: none; }
    .promo-banner-square .promo-banner-image--med {
      display: block; } }
  @media only screen and (min-width: 64em) {
    .promo-banner-square .promo-banner-image {
      display: none; }
    .promo-banner-square .promo-banner-image--lrg {
      display: block; } }

.widget {
  margin: 0 0 1.5em; }
  .widget select {
    max-width: 100%; }

.site-footer {
  position: relative;
  background-color: #4F565F;
  background-image: url("../img/grain-gravel.png");
  background-size: 250px;
  -ms-behavior: url(/backgroundsize.min.htc);
  background-blend-mode: soft-light;
  font-family: "brandon-grotesque", sans-serif;
  color: #ffffff;
  padding: 2rem 0;
  text-align: center;
  height: auto; }
  .site-footer:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #3a3f46;
    background: -moz-radial-gradient(center, ellipse cover, rgba(79, 86, 95, 0.4) 0%, #3a3f46 90%);
    background: -webkit-radial-gradient(center, ellipse cover, rgba(79, 86, 95, 0.4) 0%, #3a3f46 90%);
    background: radial-gradient(ellipse at center, rgba(79, 86, 95, 0.4) 0%, #3a3f46 90%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$innerColour', endColorstr='$outerColor',GradientType=1 );
    z-index: 0; }
  .site-footer * {
    position: relative;
    z-index: 1; }
  .site-footer a {
    color: #ffffff;
    text-decoration: none; }
  .site-footer .logo {
    display: block;
    margin: 1.5rem auto;
    width: 87px;
    /*height: 43px;*/
    overflow: hidden;
    /*background-image: url("../img/tilda-genuine-goodness.png");*/
    background-repeat: no-repeat;
    background-position: center center;
    -ms-behavior: url(/backgroundsize.min.htc);
    background-size: contain;
    text-indent: -9999px; }
  .site-footer .my-tilda {
    display: block;
    margin: 1.5rem auto;
    width: 70px;
    height: 63px;
    overflow: hidden;
    background-image: url("../img/my-tilda-white.png");
    background-repeat: no-repeat;
    -ms-behavior: url(/backgroundsize.min.htc);
    background-position: center center;
    background-size: contain;
    text-indent: -9999px; }
  .site-footer .footer-navigation ul {
    margin: 0 auto;
    max-width: 940px;
    list-style: none;
    padding: 0; }
    .site-footer .footer-navigation ul.menu {
      overflow: hidden; }
      .site-footer .footer-navigation ul.menu li {
        width: 40.5%;
        margin: 1rem 4.75%;
        padding: 0;
        float: left; }
        .site-footer .footer-navigation ul.menu li.professional-chefs {
          width: 100%;
          margin: 1rem auto; }
        .site-footer .footer-navigation ul.menu li.professional-chefs a {
          display: block;
          height: 140px; }
          .site-footer .footer-navigation ul.menu li.professional-chefs a:after {
            content: " ";
            display: block;
            width: 100%;
            height: 100px;
            position: relative;
            top: 10px;
            left: 0;
            background-image: url("../img/professional-chefs.png");
            background-repeat: no-repeat;
            background-position: center center;
            background-size: contain;
            -ms-behavior: url(/backgroundsize.min.htc); }
        .site-footer .footer-navigation ul.menu li.professional-chefs .colour-line {
          display: none; }
        .site-footer .footer-navigation ul.menu li a {
          text-transform: uppercase;
          font-weight: bold;
          letter-spacing: 0.1rem; }
      @media screen and (min-width: 60em) {
        .site-footer .footer-navigation ul.menu li {
          width: 17.5%;
          margin: 1rem 1.25%; }
          .site-footer .footer-navigation ul.menu li.professional-chefs {
            width: 17.5%;
            margin: 1rem 1.25%; } }
    .site-footer .footer-navigation ul.sub-menu {
      width: 100%;
      overflow: auto; }
      .site-footer .footer-navigation ul.sub-menu li {
        margin: 0.75rem 0;
        width: 100%;
        float: none;
        font-size: 14.4px;
        font-size: 0.9rem; }
        .site-footer .footer-navigation ul.sub-menu li a {
          text-transform: none;
          font-weight: normal;
          letter-spacing: normal; }
  .site-footer .site-info {
    padding: 1.5em 0;
    margin: 0 auto;
    max-width: 1200px;
    overflow: hidden; }
    .site-footer .site-info ul {
      margin-bottom: 0; }
    .site-footer .site-info .footer-terms {
      display: none; }
    @media screen and (min-width: 60em) {
      .site-footer .site-info {
        border-top: 1px solid #595E66;
        text-align: left; }
        .site-footer .site-info .footer-terms {
          text-align: right;
          display: inline-block;
          float: right; }
          .site-footer .site-info .footer-terms ul {
            list-style: none; }
            .site-footer .site-info .footer-terms ul li {
              display: inline-block;
              margin-left: 1.5rem; } }
  .site-footer .group-info {
    margin: 1em auto 0 auto; }
    .site-footer .group-info p, .site-footer .group-info img {
      display: block;
      margin: 0 auto; }
    .site-footer .group-info img {
      max-width: 32px;
      margin: 0 auto .5em auto; }
    @media screen and (min-width: 60em) {
      .site-footer .group-info {
        display: inline-block;
        margin: 0 0 0 .5em; }
        .site-footer .group-info p, .site-footer .group-info img {
          display: inline-block;
          vertical-align: middle;
          margin: 0; }
        .site-footer .group-info img {
          margin: 0 .5em 0 auto; } }

.site-info {
  text-align: center; }

.site-info > .columns {
  padding-top: 75px; }
  @media only screen and (min-width: 60em) {
    .site-info > .columns {
      padding-top: 0;
      line-height: 75px; } }

.site-info .BRC-logo {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%); }
  @media only screen and (min-width: 60em) {
    .site-info .BRC-logo {
      float: right;
      left: auto;
      transform: none;
      position: relative;
      padding-left: 2rem; } }

@media only screen and (min-width: 60em) and (max-width: 75em) {
  .site-footer .site-info .footer-terms {
    float: none; }
  .menu-footer-terms-container > .menu {
    padding-left: 0;
    margin-left: 0; }
    .site-footer .menu-footer-terms-container > .menu > li:first-child {
      margin-left: 0; } }

.home .site-header .site-logo {
  padding: 5px 0; }

.site-header {
  font-family: "brandon-grotesque", sans-serif;
  position: relative;
  background-color: #FFFFFF; }
  .site-header .main-header-wrap {
    overflow: hidden; }
  .site-header .site-logo {
    float: left; }
    .site-header .site-logo a {
      display: block;
      padding: 1em 0; }
    .site-header .site-logo .desktop-logo {
      display: none;
      margin: 0 auto; }
    .site-header .site-logo .mobile-logo {
      display: block;
      max-width: 80px;
      margin: .12em 1.1em; }
  .site-header .site-mobile-nav-toggle {
    width: 70px;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    padding: 1em 0; }
    .site-header .site-mobile-nav-toggle span {
      display: block;
      margin: .3em 0;
      position: relative;
      top: 0; }
    .site-header .site-mobile-nav-toggle img {
      width: 32px;
      margin: 0 auto; }
    .site-header .site-mobile-nav-toggle.menu-open .one {
      transform: rotate(-45deg);
      top: .75em; }
    .site-header .site-mobile-nav-toggle.menu-open .two {
      transform: rotate(45deg); }
    .site-header .site-mobile-nav-toggle.menu-open .three {
      zoom: 1;
      filter: alpha(opacity=0);
      opacity: 0; }
  @media screen and (min-width: 60em) {
    .site-header .site-logo {
      width: 15%; }
      .site-header .site-logo a {
        padding: 1.45em; }
      .site-header .site-logo .mobile-logo {
        display: none; }
      .site-header .site-logo .desktop-logo {
        display: block;
        max-width: 100px; }
      .home .site-header .site-logo {
        background-color: #2f4787; }
    .site-header .site-mobile-nav-toggle#site-mobile-nav-toggle {
      display: none; } }

.header-bar {
  position: relative;
  z-index: 1;
  clear: both; }
  @media screen and (min-width: 60em) {
    .header-bar {
      background-color: #2f4787;
      height: 0.625em; } }

.page-header {
  position: relative; }
  .page-header.page-header--blank {
    background: #fff; }
  .page-header .rice-line-1 {
    position: absolute;
    bottom: -.35em;
    width: 100%; }

.image-header {
  position: relative;
  height: 200px;
  overflow: hidden; }
  .image-header .color-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #171a22;
    zoom: 1;
    filter: alpha(opacity=15);
    opacity: 0.15;
    z-index: 1; }
  .image-header .header-title-sprite {
    position: relative;
    z-index: 5;
    margin: 0 auto;
    top: 50%;
    margin-top: -39.5px; }
    @media only screen and (min-width: 40em) {
      .image-header .header-title-sprite {
        margin-top: -47.5px; } }
    @media only screen and (min-width: 64em) {
      .image-header .header-title-sprite {
        margin-top: -60px; } }
  .image-header .image-header--text {
    position: relative;
    z-index: 1; }
  .image-header img.background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    min-height: 200px; }
  .image-header .img-strapline {
    font-size: 0.9rem; }
    @media only screen and (min-width: 60em) {
      .image-header .img-strapline {
        font-size: 1.2rem; } }
  @media only screen and (min-width: 40em) {
    .image-header {
      height: 300px; } }

.no-image-header {
  border-top: 1px solid #e8e8e8;
  background-color: #FFFFFF; }
  .no-image-header h1 {
    font-size: 32px;
    font-size: 2rem;
    color: #2f3947;
    margin: 0;
    padding: 1.5em 1em; }
  @media only screen and (min-width: 60em) {
    .no-image-header {
      border: none; } }

.home-page-header .image-header {
  display: flex;
  align-items: center;
  width: 100%;
  height: 450px; }
  .home-page-header .image-header .hero-link {
    text-decoration: none;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 12; }
  .home-page-header .image-header img.background {
    min-height: 450px; }
  .home-page-header .image-header .img-inline {
    margin-bottom: 0.5rem; }
    .home-page-header .image-header .img-inline img {
      margin: 0 20px;
      max-height: 60px;
      width: auto; }
      @media only screen and (min-width: 60em) {
        .home-page-header .image-header .img-inline img {
          max-height: 100px; } }

.home-page-header .header-content {
  color: #FFFFFF;
  margin: 0 auto;
  position: relative;
  z-index: 10; }
  .home-page-header .header-content h1, .home-page-header .header-content p {
    max-width: 280px;
    margin-left: auto;
    margin-right: auto;
    text-shadow: 0px 0px 40px #000000; }

.home-page-header h1 {
  font-size: 32px;
  font-size: 2rem;
  margin: 0;
  font-weight: 900;
  line-height: 1.2; }

.home-page-header p {
  font-size: 18px;
  font-size: 1.125rem;
  margin-bottom: 0; }

.no-flexbox .home-page-header .image-header {
  display: table; }

.no-flexbox .home-page-header .header-content {
  display: table-cell;
  vertical-align: middle; }

@media only screen and (min-width: 30em) {
  .home-page-header .header-content h1, .home-page-header .header-content p {
    max-width: 400px; }
  .home-page-header h1 {
    font-size: 40px;
    font-size: 2.5rem; } }

@media only screen and (min-width: 48em) {
  .home-page-header .header-content h1, .home-page-header .header-content p {
    max-width: 640px; }
  .home-page-header h1 {
    font-size: 52px;
    font-size: 3.25rem; }
  .home-page-header p {
    font-size: 24px;
    font-size: 1.5rem; } }

.sticky {
  display: block; }

.hentry {
  margin: 0 0 1.5em; }

.byline,
.updated:not(.published) {
  display: none; }

.single .byline,
.group-blog .byline {
  display: inline; }

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0; }

.page-links {
  clear: both;
  margin: 0 0 1.5em; }

@media only screen and (min-width: 64em) {
  .bg-speckled--light {
    background-image: url("../img/backgrounds/grain-gravel-on-light.png");
    background-size: 250px;
    -ms-behavior: url(/backgroundsize.min.htc); } }

@media only screen and (min-width: 64em) {
  .bg-speckled--dark {
    background-image: url("../img/backgrounds/grain-gravel-on-dark.png");
    background-size: 250px;
    -ms-behavior: url(/backgroundsize.min.htc); } }

.rice-bg {
  background-image: url("../img/backgrounds/rice-tile.png");
  background-position: center center; }

.bg-scattered-rice-1 {
  background-image: url("../img/backgrounds/scattered-blue-rice-bg-1.png"); }

.bg-scattered-rice-2 {
  background-image: url("../img/backgrounds/scattered-blue-rice-bg-2.png"); }

.bg-subtle-grain-light {
  background-image: url("../img/backgrounds/subtle-grain-light-repeat.png");
  background-position: center center; }

.bg-tear-top {
  position: relative; }
  .bg-tear-top:before {
    content: "";
    height: 6px;
    position: absolute;
    top: -5px;
    left: 0;
    width: 100%; }

.bg-tear-bottom {
  position: relative; }
  .bg-tear-bottom:after {
    content: "";
    height: 6px;
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%; }
  .bg-tear-bottom.bg-tear-bottom-slateblue:after {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-backgrounds.png);
    background-size: 1207px 291px;
    -ms-behavior: url(/backgroundsize.min.htc);
    background-position: 0px -12px;
    height: 6px; }

.bg-dblue {
  background-color: #1d356a; }
  .bg-dblue.bg-tear-top:before {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-backgrounds.png);
    background-size: 1207px 291px;
    -ms-behavior: url(/backgroundsize.min.htc);
    background-position: 0px -6px;
    height: 6px; }
  .bg-dblue.bg-tear-bottom:after {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-backgrounds.png);
    background-size: 1207px 291px;
    -ms-behavior: url(/backgroundsize.min.htc);
    background-position: 0px 0px;
    height: 6px; }

.bg-mblue {
  background-color: #223b73; }

.bg-mlblue {
  background-color: #344b8a; }

.bg-tblue {
  background-color: #2f4787; }

.bg-dbluem {
  background-color: #3c4869; }

.bg-transparent {
  background-color: transparent; }

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
  display: none; }

.js .live-well-aside .panel {
  opacity: 1; }

.comment-content a {
  word-wrap: break-word; }

.bypostauthor {
  display: block; }

.social-networks {
  text-align: center;
  overflow: hidden; }
  .social-networks a {
    display: block;
    float: left;
    width: 33.33%; }
  .social-networks .site-wide-icons {
    display: block;
    color: #FFFFFF;
    font-size: 20px;
    font-size: 1.25rem;
    background-color: #395b9a;
    padding: 1em 0; }
    .social-networks .site-wide-icons:hover {
      color: rgba(255, 255, 255, 0.7); }
  .social-networks .icon-facebook {
    background-color: #3b5998; }
  .social-networks .icon-twitter {
    background-color: #55acee; }
  .social-networks .icon-instagram {
    background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%); }
  .social-networks .icon-website {
    background-color: #3a3f46; }

.footer-social .social-networks {
  max-width: 200px;
  margin: 0 auto; }

@media screen and (min-width: 60em) {
  .footer-social {
    margin-bottom: 2em; } }

.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  display: none; }

.infinity-end.neverending .site-footer {
  display: block; }

.slider {
  position: relative; }
  .slider .slick-arrow {
    background-color: #1d356a;
    position: absolute;
    top: 35%;
    cursor: pointer;
    width: 45px;
    height: 45px;
    overflow: hidden;
    text-indent: -99999em;
    z-index: 10; }
    .slider .slick-arrow:hover {
      background-color: #223f7e; }
    .slider .slick-arrow:before {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      margin-left: -5px;
      margin-top: -8px; }
    .slider .slick-arrow.slick-prev:before {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-details.png);
      background-position: 0px -24px;
      width: 10px;
      height: 16px; }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        .slider .slick-arrow.slick-prev:before {
          background-image: url(/wp-content/themes/tilda/library/img/sprite-details@2x.png);
          background-size: 280px 3310px;
          -ms-behavior: url(/backgroundsize.min.htc); } }
    .slider .slick-arrow.slick-next {
      right: 0; }
      .slider .slick-arrow.slick-next:before {
        background-image: url(/wp-content/themes/tilda/library/img/sprite-details.png);
        background-position: 0px -8px;
        width: 10px;
        height: 16px; }
        @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
          .slider .slick-arrow.slick-next:before {
            background-image: url(/wp-content/themes/tilda/library/img/sprite-details@2x.png);
            background-size: 280px 3310px;
            -ms-behavior: url(/backgroundsize.min.htc); } }
  .slider .slick-dots {
    list-style: none;
    margin: 0 0 30px 0;
    padding: 0;
    text-align: center; }
    .slider .slick-dots li {
      display: inline-block; }
      .slider .slick-dots li button, .slider .slick-dots li input[type="button"] {
        background-color: #425a90;
        border: 0;
        display: block;
        width: 20px;
        height: 20px;
        margin: 0 8px;
        min-height: auto;
        padding: 0;
        overflow: hidden;
        text-indent: -99990em; }
      .slider .slick-dots li.slick-active button, .slider .slick-dots li.slick-active input[type="button"] {
        background-color: #fff; }

.job-archive > section.section {
  background-color: transparent; }
  .job-archive > section.section .rc-select {
    cursor: pointer; }
  .job-archive > section.section .rc-select::after {
    content: '';
    display: block;
    position: absolute;
    right: 1rem;
    top: .75rem;
    height: 25px;
    width: 25px;
    background-image: url("../img/rice-arrow-1-down.png");
    background-size: contain; }
  .job-archive > section.section .rc-select-open::after {
    transform: rotate(180deg); }

@media only screen and (min-width: 64em) {
  .filter-controls {
    display: flex;
    flex-direction: row;
    justify-content: space-between; } }

.filter-controls .filter-selects {
  margin-bottom: 1rem; }
  @media only screen and (min-width: 64em) {
    .filter-controls .filter-selects {
      width: 49%;
      display: inline-block;
      justify-content: space-between; } }

.post-type-archive-job .rc-select-dropdown {
  background-color: white;
  z-index: 999; }

.post-type-archive-job .rc-select-dropdown-menu-item:hover,
.post-type-archive-job .rc-select-dropdown-menu-item-active {
  color: #2f4787;
  outline: #2f4787; }

.post-type-archive-job .rc-select-dropdown-hidden {
  display: none; }

.post-type-archive-job .rc-select-dropdown-menu > li {
  list-style: none;
  padding: 0;
  margin: 0; }

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0; }

embed,
iframe,
object {
  max-width: 100%; }

.video-wrapper {
  display: inline-block;
  padding: 0;
  margin: 0;
  width: 100%;
  padding-top: 56.25%;
  height: 0px;
  position: relative; }
  .video-wrapper object, .video-wrapper embed, .video-wrapper iframe {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    height: 100%; }

.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%; }
  .wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto; }
  .wp-caption .wp-caption-text {
    margin: 0.8075em 0; }

.wp-caption-text {
  text-align: center; }

.gallery {
  margin-bottom: 1.5em; }

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%; }
  .gallery-columns-2 .gallery-item {
    max-width: 50%; }
  .gallery-columns-3 .gallery-item {
    max-width: 33.33%; }
  .gallery-columns-4 .gallery-item {
    max-width: 25%; }
  .gallery-columns-5 .gallery-item {
    max-width: 20%; }
  .gallery-columns-6 .gallery-item {
    max-width: 16.66%; }
  .gallery-columns-7 .gallery-item {
    max-width: 14.28%; }
  .gallery-columns-8 .gallery-item {
    max-width: 12.5%; }
  .gallery-columns-9 .gallery-item {
    max-width: 11.11%; }

.gallery-caption {
  display: block; }

.row {
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto; }

.row::before, .row::after {
  content: ' ';
  display: table; }

.row::after {
  clear: both; }

.row.collapse > .column, .row.collapse > .columns {
  padding-left: 0;
  padding-right: 0; }

.row .row {
  max-width: none;
  margin-left: -0.9375rem;
  margin-right: -0.9375rem; }

.row .row.collapse {
  margin-left: 0;
  margin-right: 0; }

.row.expanded {
  max-width: none; }

.row.expanded .row {
  margin-left: auto;
  margin-right: auto; }

.column, .columns {
  width: 100%;
  float: left;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem; }

.column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
  float: right; }

.column.end:last-child:last-child, .end.columns:last-child:last-child {
  float: left; }

.column.row.row, .row.row.columns {
  float: none; }

.row .column.row.row, .row .row.row.columns {
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0; }

.small-6 {
  width: 50%; }

.small-9 {
  width: 75%; }

.small-12 {
  width: 100%; }

.small-centered {
  float: none;
  margin-left: auto;
  margin-right: auto; }

@media screen and (min-width: 40em) {
  .medium-push-2 {
    position: relative;
    left: 16.66667%; }
  .medium-3 {
    width: 25%; }
  .medium-4 {
    width: 33.33333%; }
  .medium-5 {
    width: 41.66667%; }
  .medium-pull-5 {
    position: relative;
    left: -41.66667%; }
  .medium-6 {
    width: 50%; }
  .medium-push-6 {
    position: relative;
    left: 50%; }
  .medium-pull-6 {
    position: relative;
    left: -50%; }
  .medium-7 {
    width: 58.33333%; }
  .medium-push-7 {
    position: relative;
    left: 58.33333%; }
  .medium-8 {
    width: 66.66667%; }
  .medium-9 {
    width: 75%; }
  .medium-10 {
    width: 83.33333%; }
  .medium-12 {
    width: 100%; }
  .medium-centered {
    float: none;
    margin-left: auto;
    margin-right: auto; } }

@media screen and (min-width: 64em) {
  .large-2 {
    width: 16.66667%; }
  .large-pull-2 {
    position: relative;
    left: -16.66667%; }
  .large-3 {
    width: 25%; }
  .large-4 {
    width: 33.33333%; }
  .large-5 {
    width: 41.66667%; }
  .large-push-5 {
    position: relative;
    left: 41.66667%; }
  .large-6 {
    width: 50%; }
  .large-push-6 {
    position: relative;
    left: 50%; }
  .large-pull-6 {
    position: relative;
    left: -50%; }
  .large-8 {
    width: 66.66667%; }
  .large-9 {
    width: 75%; }
  .large-10 {
    width: 83.33333%; }
  .large-12 {
    width: 100%; }
  .large-centered {
    float: none;
    margin-left: auto;
    margin-right: auto; }
  .large-uncentered,
  .large-push-0,
  .large-pull-0 {
    position: static;
    margin-left: 0;
    margin-right: 0;
    float: left; } }

/*
 
# Ribbons

Ribbons are used to display meta/grouping information about the page or post it is applied to.
 
*/

.ribbon {
	display: none;
}

/*.ribbon {
  position: relative;
  display: inline-block;
  background: #63c9e9;
  border-color: #63c9e9;
  white-space: nowrap;
  color: #FFFFFF;
  padding: 15px;
  -ms-writing-mode: tb-lr;
  -webkit-writing-mode: vertical-lr;
  -moz-writing-mode: vertical-lr;
  -ms-writing-mode: vertical-lr;
  writing-mode: vertical-lr; }
  .ribbon:before, .ribbon:after {
    content: '';
    position: absolute;
    top: 100%;
    width: 0;
    height: 0;
    border-top: 10px solid;
    border-top-color: inherit; }
  .ribbon:before {
    left: 0;
    border-right: 27.5px solid transparent; }
  .ribbon:after {
    right: 0;
    border-left: 27.5px solid transparent; }
  .ribbon.green-gradient {
    background: linear-gradient(to bottom, #044e6c 0%, #0a5126 100%);
    border-color: #0a5126; }
  .ribbon.dark-blue-gradient {
    background: linear-gradient(to bottom, #0b408f 0%, #015f9f 100%);
    border-color: #015f9f; }
  .ribbon.red-gradient {
    background: linear-gradient(to bottom, #672952 0%, #7d1812 100%);
    border-color: #7d1812; }
  .ribbon.purple {
    background: #533e66;
    border-color: #533e66; }
	

.ribbon-page-head {
  display: none;
  position: relative; }
  .ribbon-page-head .ribbon {
    position: absolute;
    top: 0;
    right: 0.9375rem;
    z-index: 200; }
  @media only screen and (min-width: 48em) {
    .ribbon-page-head {
      display: block; } }
	  
*/

/*
 
## Ribbon Function Call

To display a ribbon, echo the `get_tilda_ribbon` PHP function. There are 2 parameters:

**$mod_class** `(String)`
<br/>
*(Optional)* Add a custom class to the wrapping div.

**$text** `(String)`
<br/>
The text to be displayed.

    <?php echo get_tilda_ribbon( $mod_class, $text ); ?>
 
*/
/*
 
## Ribbon Placement and Visibility

A class has been set up to wrap the Ribbon Function Call to position the ribbon at the top right of the page and only display it above a certain breakpoint.

    <div class="ribbon-page-head">
      <?php echo get_tilda_ribbon( $mod_class, $text ); ?>
    </div>
 
*/
/*
 
## Standard Ribbon

A ribbon without any custom class added.

    <!-- This function call... -->
    <?php echo get_tilda_ribbon( '', 'Hello, World!' ); ?>

    <!-- ...would return this... -->
    <div class="ribbon">
      <span>Hello, World!</span>
    </div>
 
*/
/*
 
## Using Modifier Classes

Passing a particualr class into the `class` parameter can change the background of the ribbon. Available classes are:

* `green-gradient`
* `dark-blue-gradient`
* `red-gradient`
* `purple`

    <!-- This function call... -->
    <?php echo get_tilda_ribbon( 'green-gradient', 'Hello, World!' ); ?>

    <!-- ...would return this... -->
    <div class="ribbon green-gradient">
      <span>Hello, World!</span>
    </div>


    <!-- This function call... -->
    <?php echo get_tilda_ribbon( 'dark-blue-gradient', 'Hello, World!' ); ?>

    <!-- ...would return this... -->
    <div class="ribbon dark-blue-gradient">
      <span>Hello, World!</span>
    </div>


    <!-- This function call... -->
    <?php echo get_tilda_ribbon( 'red-gradient', 'Hello, World!' ); ?>

    <!-- ...would return this... -->
    <div class="ribbon red-gradient">
      <span>Hello, World!</span>
    </div>


    <!-- This function call... -->
    <?php echo get_tilda_ribbon( 'purple', 'Hello, World!' ); ?>

    <!-- ...would return this... -->
    <div class="ribbon purple">
      <span>Hello, World!</span>
    </div>
 
*/
/*

# Panels

Panels are used throughout the site to display various types of content, including: Recipes, Articles, Kitchen Secrets and Tastelists.

Different panels require different function calls and return different component elements.

*/
.panel {
  background: #FFFFFF;
  text-align: center;
  margin: 0 auto 2em auto;
  position: relative;
  transition: opacity, 0.3s, ease-in-out;
  overflow: hidden;
  border-radius: 10px;
  color: #1e3b4c; }
  .js .panel {
    zoom: 1;
    filter: alpha(opacity=0);
    opacity: 0; }
  .panel.panel--full {
    max-width: 100%;
    overflow: hidden; }
    .panel.panel--full .panel-image {
      height: auto; }
  .panel.panel-clear {
    background: transparent; }
  .panel.match-height {
    zoom: 1;
    filter: alpha(opacity=100);
    opacity: 1; }
    .cssanimations .panel.match-height {
      animation-name: card-load-in;
      animation-duration: 1s;
      animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
      zoom: 1;
      filter: alpha(opacity=100);
      opacity: 1; }
  .panel a {
    text-decoration: none; }
  .panel > a {
    color: inherit; }
  .panel h3, .panel p {
    margin: 0; }
  .panel h3 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.2; }
  .panel .panel-badge {
    position: absolute;
    top: -1em;
    left: 1em; }
    .panel .panel-badge img {
      max-width: 70px; }
  .panel .panel-table {
    display: table;
    width: 100%; }
  .panel .panel-padded {
    display: table-cell;
    padding: 1.5em 1em;
    vertical-align: top;
    width: 100%; }
    .panel .panel-padded > *:first-child {
      margin-top: 0px; }
  .panel .panel-details {
    padding: 1em; }
  .panel .panel-image {
    position: relative;
    z-index: 1;
    height: 280px;
    background: no-repeat center center;
    background-size: cover;
    -ms-behavior: url(/backgroundsize.min.htc);
    background-color: #2f4787; }
  .panel .button {
    margin-top: .65em; }
  .panel .panel-author {
    height: 280px;
    background: salmon;
    background: no-repeat center center;
    background-size: cover;
    -ms-behavior: url(/backgroundsize.min.htc); }
  .panel .panel-author-avatar {
    height: 54px;
    width: 54px;
    border-radius: 100px;
    margin: 0 auto; }
  .panel .panel-author-name {
    text-transform: uppercase;
    color: #bdbcbc;
    font-weight: 700;
    margin: 1em 0 1.5em 0; }
  .panel .panel-description {
    margin-bottom: 1.5em; }
  .panel .like-button {
    position: absolute;
    top: .625em;
    right: .625em;
    z-index: 5;
    background-color: #FFFFFF;
    border-radius: 100px;
    padding: .15em; }
    .panel .like-button .icon-like-background {
      font-size: 24px;
      font-size: 1.5rem; }
    .panel .like-button .icon-like-heart {
      font-size: 8px;
      font-size: 0.5rem;
      margin-top: -4px;
      margin-left: -4px; }
    .panel .like-button .like-counter {
      color: #9e9e9e; }
    .panel .like-button span {
      font-size: 12px;
      font-size: 0.75rem; }

.recipe-panel h3 {
  font-size: 20px;
  font-size: 1.25rem; }

.recipe-panel .panel-category {
  position: absolute;
  bottom: 0;
  font-family: "adobe-caslon-pro", serif;
  font-style: italic;
  color: #a3a3a3;
  z-index: 5;
  width: 100%;
  background: rgba(255, 255, 255, 0.8);
  padding: .25em 0; }
  .recipe-panel .panel-category p {
    width: 40%;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1;
    display: inline-block; }

.recipe-panel .panel-products {
  margin-top: 1em;
  font-size: 14px;
  font-size: 0.875rem;
  color: #99a1a6; }
  .recipe-panel .panel-products .panel-product-title {
    position: relative; }
    .recipe-panel .panel-products .panel-product-title:before, .recipe-panel .panel-products .panel-product-title:after {
      content: '';
      display: block;
      position: absolute;
      top: 5px;
      height: 1px;
      width: 30px;
      background: #eae9e9; }
    .recipe-panel .panel-products .panel-product-title:before {
      right: 100%;
      margin-right: .5em; }
    .recipe-panel .panel-products .panel-product-title:after {
      left: 100%;
      margin-left: .5em; }
  .recipe-panel .panel-products .font--main-serif {
    padding: 0;
    line-height: 1;
    display: inline-block;
    color: #bfbfbf; }
  .recipe-panel .panel-products img {
    display: inline-block;
    vertical-align: bottom;
    margin: 0 .5em 0 0;
    max-width: 16px; }

.tastelist-panel .panel-image:after {
  content: '';
  width: 0;
  height: 0;
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  border-bottom: 16px solid #FFFFFF;
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -16px; }

.tastelist-panel p {
  font-size: 16px;
  font-size: 1rem;
  margin-top: .5em; }

.tastelist-panel .author {
  margin: 0 0 1em 0; }
  .tastelist-panel .author .author__img {
    border-radius: 100px;
    width: 36px;
    height: 36px; }
  .tastelist-panel .author .author__name {
    font-size: 10px;
    font-size: 0.625rem;
    font-weight: 700; }

.cookbook-panel {
  max-width: 400px;
  margin-left: auto;
  margin-right: auto; }
  .cookbook-panel .panel-image {
    display: none;
    background-position: center top; }
  .cookbook-panel .panel-inline {
    width: 100%; }
  @media only screen and (min-width: 64em) {
    .cookbook-panel .panel-image {
      display: block; }
    .cookbook-panel .panel-inline {
      display: none; } }

.panel--home-well-intros {
  border-radius: 0; }
  .panel--home-well-intros .panel-padded {
    display: block; }
  .panel--home-well-intros .panel-image-wrap {
    padding: .625em .625em 0 .625em; }
  .panel--home-well-intros .panel-image {
    height: 160px; }
  .panel--home-well-intros .panel-padded {
    padding: 1em 1em 1.5em 1em; }
  .panel--home-well-intros .content-wrap {
    margin: 0 auto; }
  .panel--home-well-intros h2 {
    margin: .25em 0 .45em 0; }
  .panel--home-well-intros .panel-categories {
    color: #b3b3b3; }
    .panel--home-well-intros .panel-categories a {
      color: #b3b3b3; }
      .panel--home-well-intros .panel-categories a:hover {
        text-decoration: underline; }
  .panel--home-well-intros .button {
    margin: 0; }
  @media only screen and (min-width: 30em) {
    .panel--home-well-intros .panel-image {
      height: 200px; } }
  @media only screen and (min-width: 40em) {
    .panel--home-well-intros .panel-image {
      height: 160px; }
    .panel--home-well-intros .panel-padded {
      display: flex;
      align-items: center; }
    .no-flexbox .panel--home-well-intros .panel-padded {
      display: table; }
    .no-flexbox .panel--home-well-intros .content-wrap {
      display: table-cell;
      vertical-align: middle; } }
  @media only screen and (min-width: 48em) {
    .panel--home-well-intros .panel-image {
      height: 200px; } }
  @media only screen and (min-width: 64em) {
    .panel--home-well-intros .layout-target {
      display: flex;
      padding: 1em;
      align-items: center; }
    .panel--home-well-intros .panel-padded {
      padding: 0; }
    .panel--home-well-intros .panel-image-wrap {
      min-width: 45%;
      width: 45%;
      margin: 0 1em 0 0;
      padding: 0; }
    .panel--home-well-intros .panel-image {
      height: 190px; }
    .panel--home-well-intros .content-wrap {
      text-align: left;
      margin: 0; }
    .no-flexbox .panel--home-well-intros .layout-target {
      display: table;
      width: 100%; }
    .no-flexbox .panel--home-well-intros .panel-padded, .no-flexbox .panel--home-well-intros .panel-image-wrap {
      display: table-cell;
      vertical-align: middle; }
    .no-flexbox .panel--home-well-intros .panel-padded {
      padding: 0 0 0 1em; } }

.panel-minimal .panel-image {
  height: 160px; }

.panel-minimal h3 {
  font-size: 20px;
  font-size: 1.25rem;
  margin-bottom: .5em; }

.panel-minimal.panel-minimal-article {
  background: none;
  text-align: left;
  border-radius: 0px; }
  .panel-minimal.panel-minimal-article .panel-padded {
    padding: 1em 0 0 0; }
  .panel-minimal.panel-minimal-article .button {
    margin-top: 1em; }

.panel-minimal.recipe-panel .panel-image {
  border-radius: 10px; }

.panel-minimal-about {
  position: relative;
  overflow: visible; }
  .panel-minimal-about .button {
    margin-top: 1em; }
  .panel-minimal-about:before {
    content: '';
    position: absolute;
    top: 0;
    left: -1.640625rem;
    bottom: 0;
    width: 10px;
    background-image: url(/wp-content/themes/tilda/library/img/sprite-details.png);
    background-position: 0px -3010px;
    width: 8px;
    height: 300px; }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      .panel-minimal-about:before {
        background-image: url(/wp-content/themes/tilda/library/img/sprite-details@2x.png);
        background-size: 280px 3310px;
        -ms-behavior: url(/backgroundsize.min.htc); } }

.panel-list-item {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 0 1em 0;
  margin: 0 0 1em 0; }
  .panel-list-item .remove-from-user {
    position: absolute;
    top: 1em;
    right: 0;
    padding: .4em;
    z-index: 10;
    cursor: pointer; }
    .panel-list-item .remove-from-user .site-wide-icons {
      pointer-events: none;
      display: block;
      font-size: 12px;
      font-size: 0.75rem; }
  .panel-list-item .panel-confirm-delete {
    display: none;
    color: #767c85;
    font-weight: 300; }
    .panel-list-item .panel-confirm-delete p {
      font-size: 14px;
      font-size: 0.875rem;
      margin: 0 0 .75em 0; }
    .panel-list-item .panel-confirm-delete button {
      min-height: 32px;
      font-size: 12px;
      font-size: 0.75rem; }
  .panel-list-item .panel-image {
    background-size: cover;
    -ms-behavior: url(/backgroundsize.min.htc);
    background-repeat: no-repeat;
    background-position: center center; }
  .panel-list-item .panel-content {
    font-size: 16px;
    font-size: 1rem;
    padding: 0 2em 0 0;
    font-weight: 700; }
  .panel-list-item a {
    text-decoration: none; }
  .no-flexbox .panel-list-item {
    display: table;
    width: 100%; }
    .no-flexbox .panel-list-item .panel-image-wrap, .no-flexbox .panel-list-item .panel-content {
      display: table-cell;
      vertical-align: middle; }
  @media only screen and (min-width: 30em) {
    .panel-list-item .panel-content {
      font-size: 18px;
      font-size: 1.125rem; } }

.panel-list-item-empty .text-center {
  width: 100%; }

.panel-list-item--recipe .panel-image-wrap {
  width: 60px;
  min-width: 60px;
  height: 60px; }
  .panel-list-item--recipe .panel-image-wrap .panel-image {
    display: block;
    border-radius: 100%;
    height: 60px; }

.panel-list-item--recipe .panel-content {
  padding-left: .5em; }
  .panel-list-item--recipe .panel-content a {
    color: #1e3b4c; }
  .panel-list-item--recipe .panel-content .complete {
    display: block;
    color: #72c964;
    font-size: 14px;
    font-size: 0.875rem; }

@media only screen and (min-width: 30em) {
  .panel-list-item--recipe .panel-image-wrap {
    width: 100px;
    min-width: 100px;
    height: 100px; }
    .panel-list-item--recipe .panel-image-wrap .panel-image {
      height: 100px; } }

.panel-list-item--kitchen-secret .panel-image-wrap {
  width: 60px;
  min-width: 60px;
  height: 60px; }
  .panel-list-item--kitchen-secret .panel-image-wrap .panel-image {
    display: block;
    height: 60px; }

.panel-list-item--kitchen-secret .panel-content {
  color: #767c85;
  font-weight: 300;
  padding-left: .5em; }
  .panel-list-item--kitchen-secret .panel-content a {
    color: #a3a3a3; }

@media only screen and (min-width: 30em) {
  .panel-list-item--kitchen-secret .panel-image-wrap {
    width: 160px;
    min-width: 160px;
    height: 120px; }
    .panel-list-item--kitchen-secret .panel-image-wrap .panel-image {
      height: 120px; } }

@media only screen and (min-width: 64em) {
  .panel-list-item--kitchen-secret .panel-image-wrap {
    width: 100px;
    min-width: 100px;
    height: 100px; }
    .panel-list-item--kitchen-secret .panel-image-wrap .panel-image {
      height: 100px; } }

.panel-list-item--live-well {
  padding-bottom: 0;
  flex-wrap: wrap; }
  .panel-list-item--live-well .panel-image {
    width: 100%;
    height: 190px;
    position: relative; }
  .panel-list-item--live-well .panel-content {
    width: 100%;
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.5);
    padding: .75em; }
  .panel-list-item--live-well a {
    color: #FFFFFF; }
  .panel-list-item--live-well .remove-from-user {
    top: .5em;
    right: .5em; }
  .panel-list-item--live-well .panel-confirm-delete {
    padding: 1em; }
  .panel-list-item--live-well .site-wide-icons {
    color: #FFFFFF; }
  @media only screen and (min-width: 40em) {
    .panel-list-item--live-well .panel-image {
      height: 280px; } }
  @media only screen and (min-width: 64em) {
    .panel-list-item--live-well .panel-image {
      height: 190px; } }

.panel-list-item--liked {
  flex-direction: column;
  padding: 1em 0; }
  .panel-list-item--liked .panel-content {
    padding: 0;
    text-align: center; }
  .panel-list-item--liked .like-button {
    min-width: 100px;
    margin-bottom: .5em; }
    .panel-list-item--liked .like-button .like-layout {
      text-align: left;
      margin: 0; }
    .panel-list-item--liked .like-button .like-counter {
      word-break: break-word; }
    .panel-list-item--liked .like-button .icon-like-heart {
      margin-top: -7px;
      margin-left: -7px;
      font-size: 14px;
      font-size: 0.875rem; }
    .panel-list-item--liked .like-button .icon-like-background {
      font-size: 32px;
      font-size: 2rem; }
  .no-flexbox .panel-list-item--liked {
    display: block;
    text-align: center; }
    .no-flexbox .panel-list-item--liked .panel-content {
      display: block; }
  @media only screen and (min-width: 30em) {
    .panel-list-item--liked {
      flex-direction: row; }
      .panel-list-item--liked .panel-content {
        padding: 0 4em 0 0;
        text-align: left; }
      .panel-list-item--liked .remove-from-user {
        padding: 1em;
        top: 50%;
        margin-top: -22px; }
      .panel-list-item--liked .like-button {
        margin-bottom: 0; }
      .no-flexbox .panel-list-item--liked {
        display: table;
        width: 100%;
        text-align: left; }
        .no-flexbox .panel-list-item--liked .panel-content, .no-flexbox .panel-list-item--liked .like-button {
          display: table-cell;
          vertical-align: middle; }
        .no-flexbox .panel-list-item--liked .like-button {
          width: 100px; } }
  @media only screen and (min-width: 48em) {
    .no-flexbox .panel-list-item--liked {
      width: 100%; } }

.panel-present {
  background: #f7f7f7;
  overflow: hidden;
  padding: 30px; }
  .panel-present .panel {
    max-width: 400px;
    margin: 0 auto; }
  .panel-present .panel--full {
    max-width: 100%; }

/*

## Recipe Panel

    <div class="panel-present"><!-- This div is here purely for presentation purposes. It is not required in real world usage. -->

    <div class="panel recipe-panel">
      <a href="#">
        <div class="like-button">
          <div class="like-layout">
            <div class="like-icon">
              <span class="site-wide-icons icon-like-background"></span>
              <span class="site-wide-icons icon-like-heart"></span>
            </div>
            <p class="like-counter">
              <span class="f10-like-count">75</span>
              <span class="f10-like-text">Likes</span>
            </p>
          </div>
        </div>
  
        <div class="panel-image" style="background-image: url('/wp-content/themes/tilda/library/img/fallbacks/panel-fallback.png');">
          <div class="panel-category">
            <p>Quick & Easy</p>
          </div>
        </div>
  
        <div class="panel-table">
          <div class="panel-padded">
            <div class="panel-heading">
              <h3>Recipe Title</h3>
            </div>
  
            <div class="panel-products">
              <ul class="list-no-style">
                <li class="font--main-serif panel-product-title"><em>Rice used</em></li>
                <li>
                  <img src="/wp-content/uploads/2016/06/Tilda-Pure-Basmati-Rice-500g-195x300.png">
                  Pure Basmati Rice
                </li>
              </ul>
            </div>
          </div>
        </div>
      </a>
    </div>

    </div><!-- End .panel-present -->

*/
/*

## Kitchen Serect Panel

    <div class="panel-present"><!-- This div is here purely for presentation purposes. It is not required in real world usage. -->

    <div class="panel kitchen-secret-panel">
      <a href="#">
        <div class="panel-image" style="background-image: url('/wp-content/themes/tilda/library/img/fallbacks/panel-fallback.png');"></div>
        <div class="panel-table">
          <div class="panel-padded">
            <div class="panel-heading">
              <h3>Kitchen Secret Title</h3>
            </div>

            <div class="like-button">
              <div class="like-layout">
                <div class="like-icon">
                  <span class="site-wide-icons icon-like-background"></span>
                  <span class="site-wide-icons icon-like-heart"></span>
                </div>
                <p class="like-counter">
                  <span class="f10-like-count">75</span>
                  <span class="f10-like-text">Likes</span>
                </p>
              </div>
            </div>
          </div>
        </div>
      </a>
    </div>

    </div><!-- End .panel-present -->

*/
/*

## Tastelist Panel (Full)

    <div class="panel-present"><!-- This div is here purely for presentation purposes. It is not required in real world usage. -->

    <article class="panel panel--full tastelist-item tastelist-item--alternate">
      <div class="layout-target">

        <div class="panel-section panel--full-img" style="background-image: url('/wp-content/themes/tilda/library/img/fallbacks/panel-fallback.png');"></div>

        <div class="panel-section tastelist-item--details">
          <div class="authorlike-wrap">
            <div class="author">
              <span class="author__img"><img src="/wp-content/uploads/2015/12/value-taste-300x300.png" alt="Tilda Kitchen" /></span>
              <span class="author__name">Tilda Kitchen</span>
            </div>
  
            <div class="like-button">
              <div class="like-layout">
                <div class="like-icon">
                  <span class="site-wide-icons icon-like-background"></span>
                  <span class="site-wide-icons icon-like-heart"></span>
                </div>
                <p class="like-counter">
                  <span class="f10-like-count">75</span>
                  <span class="f10-like-text">Likes</span>
                </p>
              </div>
            </div>
          </div>

          <h1 class="panel-heading">Tastelist Title</h1>
          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
          <a href="<#" class="button btn-dark">View Tastelist</a>
        </div>
      </div>
    </article>

    </div><!-- End .panel-present -->

*/
/*

## Tastelist Panel (Small)

    <div class="panel-present"><!-- This div is here purely for presentation purposes. It is not required in real world usage. -->

    <div class="panel tastelist-panel">
      <a href="#">

        <div class="like-button">
          <div class="like-layout">
            <div class="like-icon">
              <span class="site-wide-icons icon-like-background"></span>
              <span class="site-wide-icons icon-like-heart"></span>
            </div>
            <p class="like-counter">
              <span class="f10-like-count">75</span>
              <span class="f10-like-text">Likes</span>
            </p>
          </div>
        </div>

        <div class="panel-image" style="background-image: url('/wp-content/themes/tilda/library/img/fallbacks/panel-fallback.png');"></div>

        <div class="panel-table">
          <div class="panel-padded">
            <div class="panel-heading">
              <div class="author">
                <span class="author__img"><img src="/wp-content/uploads/2015/12/value-taste-300x300.png" alt="Tilda Kitchen" /></span>
                <span class="author__name">Tilda Kitchen</span>
              </div>
					    <h3>Tastelist Title</h3>
					  </div>

            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
          </div>
        </div>
      </a>
    </div>

    </div><!-- End .panel-present -->

*/
/*

## Article Panel (Related)

    <div class="panel-present"><!-- This div is here purely for presentation purposes. It is not required in real world usage. -->

    <div class="panel panel--article">

	    <div class="panel-image" style="background-image: url('/wp-content/themes/tilda/library/img/fallbacks/panel-fallback.png');">
        <div class="like-button">
        <div class="like-layout">
          <div class="like-icon">
            <span class="site-wide-icons icon-like-background"></span>
            <span class="site-wide-icons icon-like-heart"></span>
          </div>
          <p class="like-counter">
            <span class="f10-like-count">75</span>
            <span class="f10-like-text">Likes</span>
          </p>
        </div>
        </div>
	    </div>
  
	    <div class="panel-table">
	      <div class="panel-padded">
	        <div class="panel-heading">
	          <h3>Article Title</h3>
	        </div>
	        <a href="#" rel="bookmark" class="button btn-secondary">View</a>
	      </div>
	    </div>

	  </div>

    </div><!-- End .panel-present -->

*/
/*

## Cookbook Panel

    <div class="panel-present"><!-- This div is here purely for presentation purposes. It is not required in real world usage. -->

	  <div class="panel cookbook-panel">
	    <div class="panel-image" style="background-image: url('/wp-content/themes/tilda/library/img/fallbacks/cookbook-fallback.png');"></div>
	    <img src="/wp-content/themes/tilda/library/img/fallbacks/cookbook-fallback.png" alt="Cookbook Title" class="panel-inline" />

	    <div class="panel-table">
	      <div class="panel-padded">

	        <div class="panel-heading">
	          <h3>Cookbook Title</h3>
	        </div>

	        <a href="#" class="button btn-dark">View</a>
	      </div>
	    </div>
	  </div>

    </div><!-- End .panel-present -->

*/
/*
 
# Like

Likes are displayed to all users, whether they are logged in or not, and display the total number of likes. This is done anonymously; users cannot see who _else_ has liked a post.

A **logged in** user can 'Like' certain types of Posts on the Tilda site. By doing so, the Liked item is added to their Scrapbook page in a dedicated section.

<p class="sg-highlight"><span>Please note that the iframe displaying the examples here is responsible for the cutting off of the top and bottom of the like button on hover. This will not happen in real-world use and is being investigated.</span></p>
 
*/
.like-button {
  display: inline-block; }

.like-layout {
  text-align: center;
  display: table;
  margin: 0 auto; }
  .like-layout .like-icon, .like-layout .like-counter {
    display: table-cell;
    vertical-align: middle;
    font-size: 13.2px;
    font-size: 0.825rem; }
  .like-layout a {
    color: #63c9e9;
    margin-left: 0.625em; }
    .like-layout a:hover {
      color: #36bae3; }
  .like-layout span {
    font-size: 16px;
    font-size: 1rem; }
  .like-layout .like-icon {
    position: relative; }
    .like-layout .like-icon.f10-like-loading .icon-like-background {
      color: #c2d3de;
      animation-name: button-loader-spin;
      animation-duration: 5s;
      animation-iteration-count: infinite;
      animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
    .like-layout .like-icon.f10-like-loading .icon-like-heart {
      transform: scale(0.75, 0.75); }
    .like-layout .like-icon.f10-like-liked .icon-like-background {
      color: #ed2860; }
  .like-layout .icon-like-background {
    font-size: 40px;
    font-size: 2.5rem;
    transition: transform 0.15s ease-in-out;
    color: #e3ebf0; }
  .like-layout .icon-like-heart {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    left: 50%;
    margin-left: -10px;
    font-size: 20px;
    font-size: 1.25rem;
    color: #FFFFFF;
    transition: transform 0.4s ease-in-out; }
  .like-layout .like-counter {
    padding: 0 .5em; }
  .sg-body .like-layout:hover .icon-like-background {
    transform: scale(1.15, 1.15); }
  .sg-body .like-layout:hover .icon-like-heart {
    transform: scale(1.1, 1.1); }
  .sg-body .like-layout:hover p {
    color: #ed2860; }

.like-share-block {
  overflow: hidden; }
  .like-share-block .like-button {
    display: block; }
  .like-share-block .f10-social-share {
    margin: 1em auto 1.25em auto; }
  @media only screen and (min-width: 54em) {
    .like-share-block .like-button {
      float: left; }
    .like-share-block .f10-social-share {
      float: right;
      margin: 0; } }

.like-share-lock--ondark .like-counter .f10-like-count,
.like-share-lock--ondark .like-counter .f10-like-text {
  color: #fff; }

.like-share-lock--ondark .f10-social-share label {
  color: #fff;
  vertical-align: middle; }

/*
 
## Like Function Call

To display a Like Counter, echo the `tilda_likes_button` PHP function. There are 3 parameters:

**$data** `(Array)`
<br/>
The post data used to determine like status and target.

**$showlikelink** `(Boolean)`
<br/>
*(Optional)* Whether to display the like button (this toggles the ability to like/just view like count).

**$post_id** `(Integer)`
<br/>
*(Optional)* The post id to like/unlike. Useful if outside the standard WP Loop.

    <?php echo get_tilda_ribbon( $data, $showlikelink, $post_id ); ?>
 
*/
/*

## Like Counter + Button

This is the standard Like Counter + Button. It displays the current number of likes and gives the visitor the option to add their 'Like' to the current post.

If a post has received 0 Likes, the Like icon will still display but the counter will not.

This is generally used on single posts.

    <!-- The Like function call would return this --->
    <div class="like-button">
      <div class="like-layout">
        <div class="like-icon">
          <span class="site-wide-icons icon-like-background"></span>
          <span class="site-wide-icons icon-like-heart"></span>
        </div>
        <p class="like-counter">
          <span class="f10-like-count">75</span>
          <span class="f10-like-text">Likes</span>
          <a href="#" class="like-increment">Like</a>
        </p>
      </div>
    </div>

*/
/*
 
## Like Counter

The Like Counter simply displays the number of likes a post has, without providing the option to add a Like.

This is generally used on Panels. 

    <!-- The Like function call would return this --->
    <div class="like-button">
      <div class="like-layout">
        <div class="like-icon">
          <span class="site-wide-icons icon-like-background"></span>
          <span class="site-wide-icons icon-like-heart"></span>
        </div>
        <p class="like-counter">
          <span class="f10-like-count">75</span>
          <span class="f10-like-text">Likes</span>
        </p>
      </div>
    </div>
 
*/
/*
 
## Like Button - Loading

In scenarios where the user is able to Like something, there is an intermediary animation whilst the like counter is being iterated.

The `f10-like-loading` class is added to the existing `like-icon` class and produces this.

This class is removed when ajax has finished loading.

    <div class="like-button">
      <div class="like-layout">
        <div class="like-icon f10-like-loading">
          <span class="site-wide-icons icon-like-background"></span>
          <span class="site-wide-icons icon-like-heart"></span>
        </div>
        <p class="like-counter">
          <span class="f10-like-count">75</span>
          <span class="f10-like-text">Likes</span>
        </p>
      </div>
    </div>
 
*/
/*
 
## Like Button - Liked

When the loading animation finishes and the interation has been successful, the `f10-like-liked` class is added and produces this.

Note that the Button's value has now changed to 'Unlike'. If clicked, this will remove the user's like.

    <div class="like-button">
      <div class="like-layout">
        <div class="like-icon f10-like-liked">
          <span class="site-wide-icons icon-like-background"></span>
          <span class="site-wide-icons icon-like-heart"></span>
        </div>
        <p class="like-counter">
          <span class="f10-like-count">75</span>
          <span class="f10-like-text">Likes</span>
          <a href="#" class="like-increment">Unlike</a>
        </p>
      </div>
    </div>
 
*/
/*
 
# Colour Lines

These are used throughout the site as a way to underline a heading or an important link.

The `.colour-line` class can be added to a text element or to a dedicated span tag within the text element to achieve the desired effect.
 
*/
.colour-line {
  position: relative; }
  .colour-line:after {
    content: '';
    display: block;
    position: relative;
    top: 10px;
    max-width: 140px;
    border-radius: 100px / 3px;
    height: 2px;
    margin: 0 auto;
    background: #d42c5b; }
  .menu-eat-well .colour-line:after {
    background: #d42c5b; }
  .menu-live-well .colour-line:after {
    background: #acd323; }
  .menu-our-range .colour-line:after {
    background: #f2ca27; }
  .menu-about-tilda .colour-line:after {
    background: #3157a2; }

.site-header .colour-line:after {
  max-width: 90px;
  top: 5px; }

.site-footer .colour-line:after {
  max-width: 90px;
  margin-bottom: 5px; }

.site-footer .sub-menu .colour-line {
  display: none; }

/*

# Author

In some locations on the site, a post's Author details are displayed.

Currently this is just extra meta information, as the Author block does not link to an Author page.

*/
.author {
  max-width: 480px;
  margin: 0 auto; }
  .author .author__img, .author .author__name {
    display: block; }
  .author .author__img {
    margin: 0 auto;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    overflow: hidden; }
    .author .author__img img {
      height: 100%; }
  .author .author__name {
    font-size: 16px;
    font-size: 1rem;
    color: #63c9e9;
    font-weight: 300;
    text-transform: uppercase;
    margin: .25em auto;
    text-align: center; }
    .author .author__name a {
      color: inherit; }
  .author p {
    font-size: 14px;
    font-size: 0.875rem;
    text-align: center;
    color: #8a8c8d;
    margin: 0; }
  .author.author__single {
    max-width: 90%;
    margin-top: 20px;
    margin-bottom: 20px;
    overflow: hidden; }
    @media only screen and (min-width: 40em) {
      .author.author__single {
        max-width: 800px;
        margin-top: 50px; } }
    .author.author__single .author__img {
      width: 200px;
      height: 200px; }
      @media only screen and (min-width: 40em) {
        .author.author__single .author__img {
          margin: 0 50px 0 0;
          float: left; } }
    @media only screen and (min-width: 40em) {
      .author.author__single .author__profile {
        width: 550px;
        float: left; } }
    .author.author__single .author__profile .author__name {
      margin: 0;
      text-transform: uppercase;
      font-size: 40px;
      font-size: 2.5rem;
      font-weight: 700;
      color: #3a3f46; }
      @media only screen and (min-width: 40em) {
        .author.author__single .author__profile .author__name {
          font-size: 48px;
          font-size: 3rem;
          text-align: left; } }
    .author.author__single .author__profile .author__description {
      color: #d7d7d7;
      display: block;
      font-weight: 700;
      text-transform: uppercase;
      margin-bottom: 1em;
      text-align: center; }
      @media only screen and (min-width: 40em) {
        .author.author__single .author__profile .author__description {
          text-align: left; } }
    .author.author__single .author__profile .author__bio p {
      text-align: left;
      font-size: 19.2px;
      font-size: 1.2rem;
      margin-bottom: 1em; }
    .author.author__single .author__profile .author-links {
      margin-bottom: 1em; }
      @media only screen and (min-width: 40em) {
        .author.author__single .author__profile .author-links {
          max-width: 480px; } }
      .author.author__single .author__profile .author-links .author-link {
        text-decoration: none;
        max-width: 25%; }
        @media only screen and (min-width: 40em) {
          .author.author__single .author__profile .author-links .author-link {
            max-width: 80px; } }

.author__latest-posts {
  background-color: #2f4787; }
  .author__latest-posts header {
    padding: 1em 10px; }
    .author__latest-posts header h1 {
      color: #ffffff;
      font-size: 24px;
      font-size: 1.5rem; }
      @media only screen and (min-width: 40em) {
        .author__latest-posts header h1 {
          font-size: 32px;
          font-size: 2rem; } }

.author-oneline {
  font-size: 16px;
  font-size: 1rem;
  text-align: center; }
  .author-oneline .author__img, .author-oneline .author__name {
    display: inline-block;
    vertical-align: middle; }
  .author-oneline .author__name, .author-oneline a {
    color: #2f3947;
    text-transform: none;
    font-weight: 700; }
  .author-oneline .author__img {
    height: 40px;
    width: 40px;
    margin: 0 .5em 0 0; }

/*

## Author Function Call

To display an Author block, create a new instance of the `F10_Authors` class and then use the `display` function. There are 2 parameters:

**$view** `(string)`
<br/>
The type of view to display. If left empty, the simple author block will be displayed.

**$post_id** `(Interger)`
<br/>
The Author post id.

<p class="sg-highlight"><span>Ignore the `display(' simple', $data['author'] ); ?>` output below that's not in the Markup section. It's due to Sassdown interpreting the `->` arrow as the end of an HTML comment.</span></p>

    <?php $F10_Authors = new F10_Authors(); ?>
    <?php $F10_Authors->display( 'simple', $data['author'] ); ?>

*/
/*

## Simple Author

To display a Simple Author block, use the Author function call and set the `$view` paramater to `simple`, or leave it empty.

    <div class="author">
      <span class="author__img"><img src="/wp-content/uploads/2015/12/value-taste-300x300.png" alt="Tilda Kitchen" /></span>
      <span class="author__name">Tilda Kitchen</span>
    </div>

*/
/*

## Extended Author

To display an Extended Author block, use the Author function call and set the `$view` paramater to `extended`.

    <div class="author author--stacked">
      <span class="author__img"><img src="/wp-content/uploads/2016/09/dan-300x200.jpg" alt="Dan Toombs" /></span>
      <span class="author__name">Author | Dan Toombs</span>
      <p>Dan Toombs (aka) The Curry Guy is the author of GreatCurryRecipes.net and three best selling ebooks. He also contributes articles and recipes to a number of food related websites and printed food magazines. http://www.greatcurryrecipes.net</p>
    </div>

*/
/*

## Oneline Author

To display a Oneline Author block, use the Author function call and set the `$view` paramater to `oneline`.

    <div class="author author-oneline">
      <span class="author__img"><img src="/wp-content/uploads/2015/12/value-taste-300x300.png" alt="Tilda Kitchen" /></span>
      <span class="author__name">Recipe created by Tilda Kitchen</span>
    </div>

*/
.referral-bar .columns {
  position: relative; }

.referral-bar a {
  display: inline-block;
  padding: 1em 0;
  color: inherit;
  text-decoration: none; }
  .referral-bar a img {
    float: left;
    width: 24px; }
  .referral-bar a:hover {
    color: #63c9e9; }
    .referral-bar a:hover img {
      margin: 0 0.25em 0 0.5em; }

@media only screen and (min-width: 64em) {
  .referral-bar {
    background-color: #e6f0f4; } }

.contact-accordion .accordion-cell,
.row-strip {
  background-color: #FFFFFF;
  margin: 0 auto 1em auto;
  border-radius: 5px; }

.f10-accordion header {
  position: relative; }
  .f10-accordion header .site-wide-icons {
    position: absolute;
    right: .75em;
    top: .75em; }

.f10-accordion .accordion-trigger {
  display: inline-block;
  text-decoration: none; }
  .f10-accordion .accordion-trigger .site-wide-icons {
    zoom: 1;
    filter: alpha(opacity=100);
    opacity: 1;
    visibility: visible;
    transition: opacity .3s ease-in; }

.f10-accordion .accordion-triggered .site-wide-icons {
  zoom: 1;
  filter: alpha(opacity=0);
  opacity: 0;
  visibility: hidden; }

.f10-accordion .accordion-triggered:hover, .f10-accordion .accordion-triggered:focus, .f10-accordion .accordion-triggered:active {
  color: #2f4787; }

.contact-accordion header h2 {
  margin: 0;
  color: #2f4787;
  line-height: 1; }

.contact-accordion form {
  padding: 0;
  padding-top: 1.5em; }

.contact-accordion .accordion-trigger {
  display: block;
  padding: .5em;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700; }

.contact-accordion .accordion-content {
  border-top: 1px solid #f3f3f3;
  color: #434c58;
  padding: 1em;
  max-width: 600px;
  margin: 0 auto; }
  .contact-accordion .accordion-content p:last-of-type {
    margin-bottom: 0; }

@media only screen and (min-width: 40em) {
  .contact-accordion .accordion-trigger {
    font-size: 24px;
    font-size: 1.5rem; } }

.single-intro-header {
  padding: 1em 0; }
  .single-intro-header .layout-target {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem; }
  .single-intro-header .header-section-image {
    overflow: hidden;
    max-width: 640px;
    margin: 0 auto .25em auto; }
    .single-intro-header .header-section-image img {
      margin: 0 auto; }
  .single-intro-header .header-section-description {
    max-width: 540px;
    margin: 0 auto;
    padding: 1em 0 0 0;
    text-align: center; }
    .single-intro-header .header-section-description .panel-heading {
      margin: 0;
      color: #1e3b4c;
      font-size: 24px;
      font-size: 1.5rem; }
    .single-intro-header .header-section-description .panel-description {
      font-size: 18px;
      font-size: 1.125rem;
      color: #898b8c;
      margin: 1em auto; }
  .single-intro-header .rice-line-small {
    width: 190px;
    margin: 0 auto 1em auto; }
  .single-intro-header .header-section-author {
    position: relative;
    z-index: 300;
    text-align: center;
    padding-bottom: .5em;
    color: #8a8c8d; }
    .single-intro-header .header-section-author .author__img {
      display: block;
      margin: 0 auto .5em auto; }
  @media only screen and (min-width: 40em) {
    .single-intro-header .rice-line-small {
      width: 100%; } }
  @media only screen and (min-width: 60em) {
    .single-intro-header {
      padding: 3em 0; }
      .single-intro-header .layout-target {
        display: flex;
        flex-direction: row;
        align-items: center; }
      .single-intro-header .header-section-image {
        flex: 1 1 35%;
        align-self: flex-start;
        max-width: none;
        margin: 0; }
      .single-intro-header .header-section-description {
        max-width: none;
        text-align: left;
        flex: 1 1 50%;
        padding: 0 2em 0 1em; }
        .single-intro-header .header-section-description .panel-heading {
          font-size: 32px;
          font-size: 2rem; }
        .single-intro-header .header-section-description .panel-description {
          font-size: 20px;
          font-size: 1.25rem; }
      .single-intro-header .header-section-author {
        flex: 0 1 15%; }
      .no-flexbox .single-intro-header .layout-target {
        display: table;
        width: 100%; }
      .no-flexbox .single-intro-header .header-section-image, .no-flexbox .single-intro-header .header-section-description, .no-flexbox .single-intro-header .header-section-author {
        display: table-cell;
        vertical-align: middle; }
      .no-flexbox .single-intro-header .header-section-image {
        width: 35%;
        vertical-align: top; }
        .no-flexbox .single-intro-header .header-section-image img {
          width: 100%; }
      .no-flexbox .single-intro-header .header-section-description {
        width: 50%; }
      .no-flexbox .single-intro-header .header-section-author {
        width: 15%; } }
  @media only screen and (min-width: 64em) {
    .single-intro-header .header-section-description {
      padding: 0 5em 0 2em; } }

.page .site-content {
  background-image: url("../img/backgrounds/rice-tile.png");
  padding: 0; }

.page .content-area .entry-featured-image {
  overflow: hidden; }
  .page .content-area .entry-featured-image img {
    margin-bottom: 1.5em; }

.page .content-area .entry-header > *:first-child, .page .content-area .entry-content > *:first-child {
  margin-top: 0; }

.page .content-area .entry-title {
  color: #2f4787; }

@media only screen and (min-width: 40em) {
  .page .content-area .alignleft, .page .content-area .alignright {
    max-width: 40%; }
  .page .content-area .aligncenter, .page .content-area .alignnone {
    max-width: 60%; } }

.page-template-default .site-content {
  padding-top: 1em; }

.page-template-default .content-area p, .page-template-default .content-area li {
  font-size: 20px;
  font-size: 1.25rem; }

.page-template-default .content-area li {
  margin-bottom: .5em; }

.page-template-default .content-area h1, .page-template-default .content-area h2, .page-template-default .content-area h3, .page-template-default .content-area h4, .page-template-default .content-area h5, .page-template-default .content-area h6, .page-template-default .content-area p, .page-template-default .content-area li {
  color: #2f3947; }

.page-template-default .content-area img {
  margin-bottom: 1em; }

@media only screen and (min-width: 64em) {
  .page-template-default .site-content {
    padding-top: 2em; }
  .page-template-default .content-area p, .page-template-default .content-area li {
    font-size: 22px;
    font-size: 1.375rem; }
    .page-template-default .content-area p li, .page-template-default .content-area li li {
      font-size: 1em; }
  .page-template-default .content-area .aligncenter, .page-template-default .content-area .alignnone {
    max-width: 100%; } }

.single {
  position: relative; }

.no-results {
  overflow: hidden;
  color: #FFFFFF; }
  .no-results .page-content {
    margin: 0;
    padding: 4em 0; }
  .no-results .empty-posts {
    margin: 3em auto 0 auto;
    overflow: hidden; }
  .no-results .no-content-panel {
    margin: 1em auto; }
  .no-results h1, .no-results h2 {
    margin: 0; }
  .no-results a {
    color: #63c9e9; }

.js-cookie-statement {
  display: none; }

.cookie-notice {
  position: fixed;
  bottom: 0;
  width: 100%;
  background-color: #3a4350;
  background-color: rgba(58, 67, 80, 0.95);
  padding: .75em 0;
  z-index: 1000;
  text-align: center; }
  .cookie-notice p {
    margin: 0;
    color: #FFFFFF; }
  .cookie-notice a {
    color: #63c9e9; }
  .cookie-notice .button {
    margin: 1em auto 0 auto; }
  @media only screen and (min-width: 40em) {
    .cookie-notice {
      text-align: left; }
      .cookie-notice .button {
        margin: .15em 0 0 0;
        float: right; } }
  @media only screen and (min-width: 48em) {
    .cookie-notice .button {
      margin: .25em 0 0 0; } }

.error404 .site-content {
  background-color: #2f4787;
  color: #FFFFFF; }

.error404 .content-area {
  padding: 4em 1em; }

.home .foodservice-badge > img, .home .foodservice-cgoc > img {
  margin: 0 auto; }

.home .site-content {
  padding-top: 0; }

.home .home-section {
  position: relative; }
  .home .home-section h1 {
    font-size: 20px;
    font-size: 1.25rem;
    margin: 0; }

@media only screen and (min-width: 40em) {
  .home .home-section h1 {
    font-size: 24px;
    font-size: 1.5rem; } }

.home--well-section-intros {
  background-color: #e5eeee;
  padding: 0 0 2em 0; }
  .home--well-section-intros .section-header {
    padding: 3em 0; }
  .home--well-section-intros .section-intro-archive {
    height: 220px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -ms-behavior: url(/backgroundsize.min.htc);
    display: flex;
    align-items: center; }
  .home--well-section-intros .home-section-title-sprite {
    margin: 0 auto; }
  .no-flexbox .home--well-section-intros .section-intro-archive {
    display: block;
    position: relative; }
  .no-flexbox .home--well-section-intros .home-section-title-sprite {
    position: absolute;
    top: 50%;
    margin-top: -40px;
    left: 0;
    right: 0; }
  @media only screen and (min-width: 48em) {
    .home--well-section-intros .section-intro-archive {
      height: 300px; }
    .no-flexbox .home--well-section-intros .home-section-title-sprite {
      margin-top: -56px; } }
  @media only screen and (min-width: 64em) {
    .home--well-section-intros .section-header {
      padding: 4em 0; }
    .home--well-section-intros .section-intro-archive {
      height: 340px; }
    .no-flexbox .home--well-section-intros .home-section-title-sprite {
      margin-top: -60px; } }

.home--tilda-values {
  background-color: #2f4787;
  color: #FFFFFF; }
  .home--tilda-values .js-mq {
    position: static; }
  .home--tilda-values:before, .home--tilda-values:after {
    content: '';
    display: block;
    position: relative;
    z-index: 10; }
  .home--tilda-values:before {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-backgrounds.png);
    background-position: 0px -122px;
    width: 1207px;
    height: 12px;
    top: -12px;
    width: 100%; }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      .home--tilda-values:before {
        background-image: url(/wp-content/themes/tilda/library/img/sprite-backgrounds@2x.png);
        background-size: 1207px 291px;
        -ms-behavior: url(/backgroundsize.min.htc); } }
  .home--tilda-values:after {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-backgrounds.png);
    background-position: 0px -50px;
    width: 1207px;
    height: 12px;
    bottom: -12px;
    width: 100%; }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      .home--tilda-values:after {
        background-image: url(/wp-content/themes/tilda/library/img/sprite-backgrounds@2x.png);
        background-size: 1207px 291px;
        -ms-behavior: url(/backgroundsize.min.htc); } }
  .home--tilda-values .section-header {
    padding: 2em 0; }
  .home--tilda-values .section-footer {
    padding: 2em 0; }
  .home--tilda-values .product-shots {
    position: relative;
    width: 90%;
    max-width: 400px;
    margin: 0 auto 1em auto;
    height: 260px; }
  .home--tilda-values .product {
    position: absolute;
    top: 0; }
    .home--tilda-values .product img {
      max-height: 260px;
      width: auto; }
    .home--tilda-values .product.product-0 {
      left: 0;
      right: 0;
      z-index: 10; }
    .home--tilda-values .product.product-1 {
      left: 0;
      z-index: 5; }
    .home--tilda-values .product.product-2 {
      right: 0;
      z-index: 5; }
    .home--tilda-values .product.product-1 img, .home--tilda-values .product.product-2 img {
      max-width: 75%;
      margin: 20% auto; }
  .home--tilda-values .position-base {
    position: relative; }
  .home--tilda-values .value {
    margin-top: 1em;
    padding: 0 1em;
    outline: none; }
    .home--tilda-values .value .value-image {
      max-width: 140px;
      margin: 0 auto .5em auto; }
    .home--tilda-values .value h2 {
      font-weight: normal; }
    .home--tilda-values .value h2, .home--tilda-values .value p {
      max-width: 300px;
      margin: 0 auto; }
    .home--tilda-values .value p {
      margin-top: 0;
      color: #b8c3d2; }
  .home--tilda-values h2 {
    font-size: 70px;
    font-size: 4.375rem;
    margin: 0; }
  .home--tilda-values .slick-dots {
    margin-top: 1.5em; }
  .no-js .home--tilda-values .value {
    margin-bottom: 2em; }
  @media only screen and (min-width: 40em) {
    .home--tilda-values .product-shots {
      height: 300px; }
    .home--tilda-values .product img {
      max-height: 300px; }
    .home--tilda-values .value h2, .home--tilda-values .value p {
      max-width: 400px;
      margin: 0 auto; } }
  @media only screen and (min-width: 960px) {
    .home--tilda-values .js-mq {
      position: relative; } }
  @media only screen and (min-width: 60em) {
    .home--tilda-values .section-header {
      padding: 2.5em 0; }
    .home--tilda-values .section-footer {
      padding: 0 0 5em 0; }
    .home--tilda-values .product-shots {
      max-width: 500px;
      height: 330px; }
    .home--tilda-values .product img {
      max-height: 330px; }
    .home--tilda-values .position-base {
      min-height: 360px; }
    .home--tilda-values .value {
      position: absolute;
      z-index: 10;
      width: 240px;
      margin: 0;
      padding: 0; }
      .home--tilda-values .value .value-image {
        max-width: 80px;
        margin: 0 auto; }
    .home--tilda-values h2 {
      font-size: 48px;
      font-size: 3rem; }
    .home--tilda-values .value-0 {
      left: 1em;
      top: -90px; }
    .home--tilda-values .value-1 {
      right: 1em;
      top: -90px; }
    .home--tilda-values .value-2 {
      left: 1em;
      bottom: -90px; }
    .home--tilda-values .value-3 {
      right: 1em;
      bottom: -90px; } }
  @media only screen and (min-width: 64em) {
    .home--tilda-values .product-shots {
      max-width: 560px;
      height: 450px; }
    .home--tilda-values .product img {
      max-height: 450px; }
    .home--tilda-values .position-base {
      min-height: 480px; }
    .home--tilda-values .value .value-image {
      max-width: 100px; }
    .home--tilda-values h2 {
      font-size: 70px;
      font-size: 4.375rem; } }
  @media only screen and (min-width: 70em) {
    .home--tilda-values .product-shots {
      max-width: 680px; } }

.home--foodservice {
  padding: 3em 0;
  background-color: #37363c;
  color: #FFFFFF;
  text-align: center; }
  .home--foodservice p {
    font-size: 20px;
    font-size: 1.25rem; }
  .home--foodservice .layout-target {
    position: relative; }
  .home--foodservice .foodservice-badge-wrap {
    margin-top: 2em; }
  .home--foodservice .foodservice-badge, .home--foodservice .foodservice-cgoc {
    margin: 0 auto 1em auto; }
  .home--foodservice .foodservice-badge {
    display: none; }
  .home--foodservice .foodservice-chef-wrap {
    display: none; }
    .home--foodservice .foodservice-chef-wrap img {
      margin-top: -1.5em; }
  @media only screen and (min-width: 64em) {
    .home--foodservice {
      padding: 0;
      text-align: left; }
      .home--foodservice p {
        font-size: 22px;
        font-size: 1.375rem; }
      .home--foodservice .foodservice-chef-wrap {
        display: block;
        position: relative;
        z-index: 20; }
        .home--foodservice .foodservice-chef-wrap img {
          margin-top: -2em; }
      .home--foodservice .layout-target {
        display: flex;
        align-items: stretch; }
      .home--foodservice .foodservice-content-wrap {
        align-self: center; }
      .home--foodservice .foodservice-badge-wrap {
        margin-top: 0; }
      .home--foodservice .foodservice-badge {
        display: block; }
      .no-flexbox .home--foodservice .layout-target {
        display: table;
        width: 100%; }
        .no-flexbox .home--foodservice .layout-target .columns {
          display: table-cell;
          vertical-align: top;
          float: none; }
        .no-flexbox .home--foodservice .layout-target .foodservice-content-wrap {
          vertical-align: middle; } }

.home--all-news {
  background-color: #2f4787; }
  .home--all-news .section-header {
    color: #FFFFFF; }
  .home--all-news:before {
    content: '';
    display: block;
    position: relative;
    z-index: 40;
    background-image: url(/wp-content/themes/tilda/library/img/sprite-backgrounds.png);
    background-position: 0px -122px;
    width: 1207px;
    height: 12px;
    width: 100%;
    top: -12px; }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      .home--all-news:before {
        background-image: url(/wp-content/themes/tilda/library/img/sprite-backgrounds@2x.png);
        background-size: 1207px 291px;
        -ms-behavior: url(/backgroundsize.min.htc); } }
  .home--all-news .section-header {
    padding: 3em 0 4rem;
    position: relative; }
    .home--all-news .section-header p {
      font-size: 22px;
      font-size: 1.375rem;
      margin: .25em 0; }
    .home--all-news .section-header .curly-arrow-1 {
      position: absolute;
      left: 50%;
      top: 2em;
      margin-left: 10em;
      display: none;
      z-index: 99;
      pointer-events: none; }
  .home--all-news .panel-wrap:last-of-type {
    display: none; }
  @media only screen and (min-width: 48em) {
    .home--all-news .section-header .curly-arrow-1 {
      display: block; } }
  @media only screen and (min-width: 64em) {
    .home--all-news {
      padding-bottom: 2em; }
      .home--all-news .panel-wrap:last-of-type {
        display: block; } }

.home-section.home--all-news {
  background-color: #f6c874; }

.home .global--mailing--list {
  background-color: #b5d6c5; }

.global--mailing--list h1,
.global--mailing--list p {
  color: #2f4787 !important; }
  .recipe .global--mailing--list h1, .recipe
  .global--mailing--list p {
    color: #fff !important; }

.archive .site-content {
  background-color: #2f4787; }

.archive-filter-controls {
  padding: 1.5em 0; }
  .archive-filter-controls .filter-sorting {
    font-size: 18px;
    font-size: 1.125rem;
    text-align: center;
    margin: 0 0 1em 0; }
    .archive-filter-controls .filter-sorting p {
      display: inline-block;
      margin: 0; }
    .archive-filter-controls .filter-sorting .form-layout-switcher {
      margin: 0 0 0 .5em; }
      .archive-filter-controls .filter-sorting .form-layout-switcher label {
        display: inline-block;
        vertical-align: middle; }
      .archive-filter-controls .filter-sorting .form-layout-switcher.f10-ajax-btn-submitting:after {
        content: '';
        display: inline-block;
        vertical-align: middle;
        height: 16px;
        width: 16px;
        background: transparent url("../img/loader-blue.png") center center no-repeat;
        background-size: 16px;
        -ms-behavior: url(/backgroundsize.min.htc);
        animation: button-loader-spin 1s infinite linear;
        margin-left: .5em; }
    .archive-filter-controls .filter-sorting em {
      font-family: "adobe-caslon-pro",serif;
      font-style: italic;
      font-weight: 400;
      color: #63c9e9; }
  .archive-filter-controls .filter-controls {
    position: relative;
    color: #FFFFFF;
    overflow: hidden; }
  .archive-filter-controls .active-filters {
    padding: 1em 0 .5em 0;
    overflow: hidden; }
    .archive-filter-controls .active-filters ul, .archive-filter-controls .active-filters a {
      color: #FFFFFF;
      font-weight: 700;
      font-size: 15.2px;
      font-size: 0.95rem; }
    .archive-filter-controls .active-filters li {
      display: inline-block;
      margin: 0 .5em .5em 0; }
      .archive-filter-controls .active-filters li a {
        display: inline-block;
        text-decoration: none;
        background-color: #263c75;
        padding: .35em;
        border-radius: 100%; }
      .archive-filter-controls .active-filters li .site-wide-icons {
        display: block;
        font-size: 60%; }
    .archive-filter-controls .active-filters .clear-active-filters {
      margin: .5em 0 1em 0;
      float: right; }
  @media only screen and (min-width: 40em) {
    .archive-filter-controls .filter-sorting {
      text-align: right;
      margin: .8em 0 0 0; }
    .archive-filter-controls .button-joined {
      width: 220px; }
      .archive-filter-controls .button-joined .button--dropdown {
        font-size: 20px;
        font-size: 1.25rem; }
    .archive-filter-controls .active-filters {
      padding: 1.5em 0 1em 0; }
      .archive-filter-controls .active-filters .clear-active-filters {
        float: right;
        margin: 0; } }
  @media only screen and (min-width: 64em) {
    .archive-filter-controls .filter-sorting {
      font-size: 20px;
      font-size: 1.25rem;
      margin: .5em 0 0 0; }
      .archive-filter-controls .filter-sorting .form-layout-switcher {
        line-height: 1.5; }
    .archive-filter-controls .active-filters ul, .archive-filter-controls .active-filters a {
      font-size: 20px;
      font-size: 1.25rem; } }

.archive-filters {
  background: #FFFFFF;
  padding: 0 1em;
  text-align: center;
  position: relative;
  display: none;
  border-radius: 10px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px; }
  .archive-filters .disabled {
    zoom: 1;
    filter: alpha(opacity=40);
    opacity: 0.4;
    cursor: default; }
  .archive-filters .carousel {
    height: 0px; }
  .archive-filters header {
    display: none; }
    .archive-filters header p {
      margin: .5em 0; }
  .archive-filters .filter-occasion, .archive-filters .filter-diet {
    overflow: hidden; }
  .archive-filters .filter-occasion .btn-on-off {
    background-color: #5775c5; }
    .archive-filters .filter-occasion .btn-on-off:hover, .archive-filters .filter-occasion .btn-on-off:focus {
      background-color: #4466be; }
    .archive-filters .filter-occasion .btn-on-off:active {
      background-color: #3c5bad; }
  .archive-filters .filter-diet .btn-on-off {
    background-color: #7d94d2; }
    .archive-filters .filter-diet .btn-on-off:hover, .archive-filters .filter-diet .btn-on-off:focus {
      background-color: #6a85cb; }
    .archive-filters .filter-diet .btn-on-off:active {
      background-color: #5775c5; }
  .archive-filters .filter-products {
    margin: 1em 0 0 0;
    font-size: 12px;
    font-size: 0.75rem;
    text-align: center; }
    .archive-filters .filter-products .product {
      padding: .5em; }
      .archive-filters .filter-products .product img {
        margin: 0 auto .625em auto; }
  .archive-filters .close-archive-filters {
    color: #223b73; }
    .archive-filters .close-archive-filters .site-wide-icons {
      color: #223b73;
      font-size: 1rem; }
  .archive-filters .btn-on-off {
    width: 48%;
    margin: .5em .5% .25em .5%;
    padding: .5em;
    text-transform: none; }
    .archive-filters .btn-on-off:hover, .archive-filters .btn-on-off:focus, .archive-filters .btn-on-off:active {
      color: #FFFFFF; }
    .archive-filters .btn-on-off .site-wide-icons {
      display: none;
      float: none;
      color: #FFFFFF;
      margin-left: .15em; }
    .archive-filters .btn-on-off.btn-state-on {
      background-color: #72c964; }
      .archive-filters .btn-on-off.btn-state-on:hover, .archive-filters .btn-on-off.btn-state-on:focus {
        background-color: #51b941; }
      .archive-filters .btn-on-off.btn-state-on:active {
        background-color: #49a63a; }
    @media only screen and (min-width: 30em) {
      .archive-filters .btn-on-off.btn-state-on .site-wide-icons {
        display: inline-block; } }
    @media only screen and (min-width: 60em) {
      .archive-filters .btn-on-off {
        font-size: 16px;
        font-size: 1rem; }
        .archive-filters .btn-on-off .site-wide-icons {
          font-size: 18px;
          font-size: 1.125rem; } }
  @media only screen and (min-width: 40em) {
    .archive-filters {
      border-top-right-radius: 10px;
      box-shadow: 0px 2px 5px #223361; }
      .archive-filters header {
        display: block; }
        .archive-filters header label {
          display: inline-block;
          margin: .65em 0; }
      .archive-filters .close-archive-filters {
        position: absolute;
        top: 0;
        right: 0;
        min-width: 0px; }
      .archive-filters .filter-diet .btn-on-off {
        width: 31.5%; }
      .archive-filters .filter-products {
        font-size: 14px;
        font-size: 0.875rem; } }
  @media only screen and (min-width: 60em) {
    .archive-filters .btn-on-off {
      width: 23%; }
    .archive-filters .filter-diet .btn-on-off {
      width: 15%; }
    .archive-filters .filter-products {
      padding: 1em .5em; } }

.live-well-archive .panel {
  border-radius: 0px;
  background: transparent;
  position: relative;
  max-width: 400px;
  overflow: visible; }
  .live-well-archive .panel .entry-header {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 5;
    background-color: rgba(47, 71, 135, 0.9);
    text-align: left;
    padding: 0.75em 3em 0.5em 1em; }
  .live-well-archive .panel h1 {
    color: #FFFFFF;
    margin: 0;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 100; }

.live-well-archive .panel-badge {
  z-index: 5; }

.live-well-archive .live-well-illustration {
  display: none; }

.live-well-archive .load-more {
  clear: both; }
  .live-well-archive .load-more a {
    margin: 2em 0; }

@media only screen and (min-width: 48em) {
  .live-well-archive .panel {
    max-width: none; } }

@media only screen and (min-width: 64em) {
  .live-well-archive .panel {
    max-width: none;
    margin: 0; }
  .live-well-archive .live-well-illustration {
    display: block; }
    .live-well-archive .live-well-illustration img {
      margin: 0 auto;
      max-height: 100%;
      width: auto; }
  .live-well-archive .live-well-featured .panel-image, .live-well-archive .live-well-article .panel-image, .live-well-archive .live-well-illustration .panel-image {
    height: 100%; }
  .live-well-archive .live-well-featured {
    height: 460px; }
    .live-well-archive .live-well-featured .panel {
      height: 440px; }
    .live-well-archive .live-well-featured h1 {
      font-size: 24px;
      font-size: 1.5rem; }
  .live-well-archive .featured-odd {
    float: right; }
  .live-well-archive .live-well-article, .live-well-archive .live-well-illustration {
    height: 230px; }
    .live-well-archive .live-well-article .panel, .live-well-archive .live-well-illustration .panel {
      height: 210px; } }

.single-post .referral-bar {
  margin-bottom: 3em; }

.single-post .post {
  overflow: hidden;
  color: #2f3947; }

.single-post .like-share-block {
  padding: 1em 0; }
  .single-post .like-share-block .rice-line-1 {
    display: inline-block;
    margin-top: 1.25em; }

.single-post .like-share-block-top {
  display: none; }

.single-post .entry-header img {
  margin: 0 auto; }

.single-post .entry-title {
  text-align: center;
  margin-bottom: 0; }

.single-post .entry-content {
  margin-top: 0; }
  .single-post .entry-content h1, .single-post .entry-content h2, .single-post .entry-content h3, .single-post .entry-content h4, .single-post .entry-content h5, .single-post .entry-content h6 {
    font-family: "adobe-caslon-pro", serif;
    font-style: italic; }
  .single-post .entry-content li, .single-post .entry-content p, .single-post .entry-content address {
    font-size: 20px;
    font-size: 1.25rem; }
  .single-post .entry-content a {
    color: #2f3947; }

.single-post aside h1 {
  font-weight: 100;
  margin-top: 0; }

.single-post aside .panel {
  background: #f3f7f7;
  max-width: 400px;
  margin: 0 auto 2em auto; }

@media only screen and (min-width: 48em) {
  .single-post .like-share-block {
    padding: 1.5em 0; }
  .single-post .entry-title {
    text-align: left;
    font-size: 44px;
    font-size: 2.75rem; }
  .single-post aside .panel-wrap {
    width: 50%;
    float: left;
    padding: 0 1em; }
    .single-post aside .panel-wrap:last-of-type {
      clear: both;
      width: 100%;
      float: none; } }

@media only screen and (min-width: 64em) {
  .single-post .like-share-block-top {
    display: block;
    padding: 1.5em 0 0 0; }
  .single-post .entry-title {
    padding: 0 2em 0 0; }
  .single-post .entry-content li, .single-post .entry-content p, .single-post .entry-content address {
    font-size: 22px;
    font-size: 1.375rem; }
  .single-post aside .panel-wrap {
    width: 100%;
    float: none;
    padding: 0; } }

.user-page-wrap {
  background-color: #f3f7f7; }
  .user-page-wrap form {
    max-width: 600px;
    margin: 0 auto; }
  @media only screen and (min-width: 40em) {
    .user-page-wrap {
      padding: 4em 0; } }
  @media only screen and (min-width: 60em) {
    .user-page-wrap {
      padding: 4em 0 6em 0; } }

.page-template-page-user-scrapbook .site-content {
  background: #2f4787; }

.page-template-page-user-scrapbook .content-area h1, .page-template-page-user-scrapbook .content-area h2, .page-template-page-user-scrapbook .content-area h3 {
  color: #FFFFFF; }

.page-template-page-user-scrapbook .posts-list-switcher-wrap {
  display: table;
  width: 100%; }
  .no-js .page-template-page-user-scrapbook .posts-list-switcher-wrap {
    display: none; }

.page-template-page-user-scrapbook .posts-list-switcher {
  display: table-cell;
  vertical-align: middle;
  background-color: rgba(255, 255, 255, 0.5);
  width: 33.33%;
  font-size: 10px;
  font-size: 0.625rem;
  padding: 1.25em .25em;
  font-weight: 700;
  color: #2f3947; }
  .page-template-page-user-scrapbook .posts-list-switcher > * {
    pointer-events: none; }
  .page-template-page-user-scrapbook .posts-list-switcher span {
    background: #20356b;
    border-radius: 100%;
    padding: .5em;
    line-height: 50%;
    height: 1.5em;
    display: inline-block;
    vertical-align: bottom;
    color: #FFFFFF; }
  .page-template-page-user-scrapbook .posts-list-switcher:nth-child(2) {
    border-left: 3px solid #2f4787;
    border-right: 3px solid #2f4787; }

.page-template-page-user-scrapbook .trigger-visible {
  background-color: #FFFFFF; }

.page-template-page-user-scrapbook .posts-list-wrap {
  position: relative; }
  .no-js .page-template-page-user-scrapbook .posts-list-wrap {
    margin-bottom: 1em; }

.page-template-page-user-scrapbook .liked-list-wrap {
  margin-top: 1em; }

.page-template-page-user-scrapbook .posts-list-title {
  display: none; }

.page-template-page-user-scrapbook .posts-list-button-wrap {
  background-color: #FFFFFF;
  bottom: 0;
  width: 100%;
  padding: 0 0 2.5em 0; }

.page-template-page-user-scrapbook .scrapbook-page-wrap {
  padding: 2em 0; }

@media only screen and (min-width: 400px) {
  .page-template-page-user-scrapbook .posts-list-switcher {
    font-size: 14px;
    font-size: 0.875rem; } }

@media only screen and (min-width: 30em) {
  .page-template-page-user-scrapbook .posts-list-switcher {
    font-size: 16px;
    font-size: 1rem; } }

@media only screen and (min-width: 64em) {
  .page-template-page-user-scrapbook .posts-list-switcher-wrap {
    display: none; }
  .page-template-page-user-scrapbook .liked-list-wrap {
    margin-top: 0; }
  .page-template-page-user-scrapbook .posts-list-title {
    display: block; }
    .page-template-page-user-scrapbook .posts-list-title h2 {
      margin: 0; }
    .page-template-page-user-scrapbook .posts-list-title span {
      background: #20356b;
      border-radius: 100%;
      padding: .5em;
      line-height: .5;
      height: 1.5em;
      display: inline-block;
      vertical-align: bottom; }
  .page-template-page-user-scrapbook .posts-list {
    height: 740px;
    padding-bottom: 90px; }
  .page-template-page-user-scrapbook .posts-list-halves {
    height: auto;
    padding-bottom: 1.5em; }
  .page-template-page-user-scrapbook .posts-list-button-wrap {
    position: absolute;
    z-index: 50;
    background-color: #FFFFFF;
    border-top: 1px solid #e8e8e8;
    bottom: 0;
    width: 100%;
    padding: 1em 0; } }

.page-template-page-user-preferences form {
  max-width: 800px; }
  .page-template-page-user-preferences form hr {
    margin: 2em 0; }

.page-template-page-user-preferences .user-page-wrap {
  background: #2f4787;
  padding: 2em 0; }

.page-template-page-user-preferences .ajax-f10_user_logout-click {
  margin-top: 1em; }

.account-delete-trigger {
  max-width: 600px;
  margin: 2em auto 0 auto;
  border: 1px solid rgba(255, 255, 255, 0.8);
  padding: 0 1em;
  border-radius: 4px; }
  .account-delete-trigger p {
    margin: 1em auto;
    color: #ffffff; }
  .account-delete-trigger a {
    color: #63c9e9; }

.page-template-page-eat-well-landing .page-header .rice-line-1 {
  display: none; }

.page-template-page-eat-well-landing .site-content {
  background: #2f4787;
  color: #FFFFFF; }

.page-template-page-eat-well-landing p {
  color: #b1b9c7; }

.page-template-page-eat-well-landing .scrapbook-featured {
  padding: 2em 0; }
  .page-template-page-eat-well-landing .scrapbook-featured .box {
    background-color: #29407c;
    position: relative;
    margin: 0 auto 2em auto;
    max-width: 540px; }
    .page-template-page-eat-well-landing .scrapbook-featured .box .content-wrap {
      position: relative;
      z-index: 10; }
    .page-template-page-eat-well-landing .scrapbook-featured .box h2 {
      margin: 0; }
    .page-template-page-eat-well-landing .scrapbook-featured .box p {
      margin: .5em 0 1em 0; }
      .page-template-page-eat-well-landing .scrapbook-featured .box p a {
        color: #FFFFFF; }
    .page-template-page-eat-well-landing .scrapbook-featured .box ul {
      margin-top: 1em;
      overflow: hidden; }
      .page-template-page-eat-well-landing .scrapbook-featured .box ul li {
        display: block;
        overflow: hidden;
        margin: 0 0 1em 0; }
      .page-template-page-eat-well-landing .scrapbook-featured .box ul span {
        display: inline-block;
        min-width: 2.5em;
        height: 2.5em;
        text-align: center;
        background: #3c5bad;
        padding: .5em;
        border-radius: 100%;
        margin: 0 .5em 0 0;
        font-size: 14px;
        font-size: 0.875rem; }
    @media only screen and (min-width: 48em) {
      .page-template-page-eat-well-landing .scrapbook-featured .box ul li {
        min-width: 40%;
        float: left;
        margin: 0 2.5% 1em 0; } }
  .page-template-page-eat-well-landing .scrapbook-featured .box--scrapbook .my-tilda-rosette {
    position: absolute;
    top: -2em;
    left: .5em; }
  .page-template-page-eat-well-landing .scrapbook-featured .box--scrapbook .content-wrap {
    padding: 2em 1em 2em 4.5em; }
  .page-template-page-eat-well-landing .scrapbook-featured .box--featured-recipe .panel-badge {
    position: absolute;
    top: -2em;
    right: .5em;
    width: 80px; }
  .page-template-page-eat-well-landing .scrapbook-featured .box--featured-recipe .panel-image {
    height: 280px;
    background-size: cover;
    -ms-behavior: url(/backgroundsize.min.htc);
    background-position: center center;
    background-repeat: no-repeat; }
  .page-template-page-eat-well-landing .scrapbook-featured .box--featured-recipe .content-wrap {
    text-align: center;
    padding: 1em; }
  @media only screen and (min-width: 30em) {
    .page-template-page-eat-well-landing .scrapbook-featured .box--scrapbook .my-tilda-rosette {
      left: 1em; }
    .page-template-page-eat-well-landing .scrapbook-featured .box--scrapbook .content-wrap {
      padding: 2em 1em 2em 9.5em; } }
  @media only screen and (min-width: 48em) {
    .page-template-page-eat-well-landing .scrapbook-featured .box--featured-recipe .content-wrap {
      padding: 2em; } }
  @media only screen and (min-width: 64em) {
    .page-template-page-eat-well-landing .scrapbook-featured .layout-target {
      display: flex;
      justify-content: space-between; }
    .page-template-page-eat-well-landing .scrapbook-featured .box {
      display: flex;
      align-items: center;
      padding: 2em 1em;
      max-width: none;
      flex: 0 1 49%;
      margin: 0; }
    .page-template-page-eat-well-landing .scrapbook-featured .panel-image-wrap {
      overflow: hidden; }
    .page-template-page-eat-well-landing .scrapbook-featured .box--featured-recipe .panel-badge {
      right: 1em; }
    .page-template-page-eat-well-landing .scrapbook-featured .box--featured-recipe .panel-image {
      min-width: 200px;
      width: 200px;
      height: 200px; }
    .page-template-page-eat-well-landing .scrapbook-featured .box--featured-recipe .content-wrap {
      text-align: left;
      padding: 0 0 0 1em; }
    .page-template-page-eat-well-landing .scrapbook-featured .box--scrapbook .content-wrap {
      padding: 0 0 0 8.5em; }
    .no-flexbox .page-template-page-eat-well-landing .scrapbook-featured .layout-target {
      display: table;
      border-spacing: 1em 0;
      border-collapse: separate;
      width: 100%; }
    .no-flexbox .page-template-page-eat-well-landing .scrapbook-featured .columns {
      padding: 0; }
    .no-flexbox .page-template-page-eat-well-landing .scrapbook-featured .box {
      display: table-cell;
      vertical-align: middle;
      width: 50%;
      border-collapse: collapse; }
    .no-flexbox .page-template-page-eat-well-landing .scrapbook-featured .panel-image-wrap, .no-flexbox .page-template-page-eat-well-landing .scrapbook-featured .content-wrap {
      display: table-cell;
      vertical-align: middle; }
    .page-template-page-eat-well-landing .scrapbook-featured h2 {
      margin-top: 0; } }

.page-template-page-eat-well-landing .latest-posts-section {
  background-position: center center;
  background-repeat: no-repeat; }
  .page-template-page-eat-well-landing .latest-posts-section:before, .page-template-page-eat-well-landing .latest-posts-section:after {
    content: '';
    display: block;
    position: relative; }

.page-template-page-eat-well-landing .latest-posts-section--1 {
  background-color: #38496a; }
  .page-template-page-eat-well-landing .latest-posts-section--1:before {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-backgrounds.png);
    background-position: 0px -134px;
    width: 1207px;
    height: 12px;
    width: 100%;
    top: -12px; }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      .page-template-page-eat-well-landing .latest-posts-section--1:before {
        background-image: url(/wp-content/themes/tilda/library/img/sprite-backgrounds@2x.png);
        background-size: 1207px 291px;
        -ms-behavior: url(/backgroundsize.min.htc); } }
  .page-template-page-eat-well-landing .latest-posts-section--1:after {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-backgrounds.png);
    background-position: 0px -62px;
    width: 1207px;
    height: 12px;
    width: 100%;
    bottom: -12px; }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      .page-template-page-eat-well-landing .latest-posts-section--1:after {
        background-image: url(/wp-content/themes/tilda/library/img/sprite-backgrounds@2x.png);
        background-size: 1207px 291px;
        -ms-behavior: url(/backgroundsize.min.htc); } }

.page-template-page-eat-well-landing .latest-posts-section--2 {
  background-color: #2f3f5d; }

.page-template-page-eat-well-landing .posts-section {
  padding: 2em 0; }
  .page-template-page-eat-well-landing .posts-section h1 {
    font-size: 18px;
    font-size: 1.125rem; }
  .page-template-page-eat-well-landing .posts-section p {
    max-width: 340px; }
  .page-template-page-eat-well-landing .posts-section header {
    max-width: 340px;
    margin: 0 auto;
    padding: 0 1em;
    overflow: hidden; }
  .page-template-page-eat-well-landing .posts-section .section-header-icon {
    margin: 0 auto; }

@media only screen and (min-width: 48em) {
  .page-template-page-eat-well-landing .posts-section header {
    padding: 0; } }

.quick-search {
  background: #1d356a url(../img/backgrounds/quick-search-rice.png) no-repeat center 30%; }
  .quick-search:before, .quick-search:after {
    content: '';
    display: block;
    position: relative; }
  .quick-search:before {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-backgrounds.png);
    background-position: 0px -110px;
    width: 1207px;
    height: 12px;
    width: 100%;
    top: -12px; }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      .quick-search:before {
        background-image: url(/wp-content/themes/tilda/library/img/sprite-backgrounds@2x.png);
        background-size: 1207px 291px;
        -ms-behavior: url(/backgroundsize.min.htc); } }
  .quick-search:after {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-backgrounds.png);
    background-position: 0px -38px;
    width: 1207px;
    height: 12px;
    width: 100%;
    bottom: -12px; }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      .quick-search:after {
        background-image: url(/wp-content/themes/tilda/library/img/sprite-backgrounds@2x.png);
        background-size: 1207px 291px;
        -ms-behavior: url(/backgroundsize.min.htc); } }
  .quick-search .badge-wrap {
    margin-bottom: -25px; }
  .quick-search .quick-search-badge {
    margin: 0 auto; }
  .quick-search .button {
    font-size: 11px;
    font-size: 0.6875rem;
    position: relative;
    z-index: 5;
    margin: 0 .25em 1em .25em;
    width: 140px; }
    .quick-search .button .icon-arrow-wrap {
      display: none; }
  .quick-search .all-cta {
    position: relative;
    z-index: 10; }
  .quick-search a {
    color: #FFFFFF; }
  @media only screen and (min-width: 30em) {
    .quick-search .button {
      width: 180px;
      font-size: 14px;
      font-size: 0.875rem; } }
  @media only screen and (min-width: 40em) {
    .quick-search .badge-wrap {
      margin-bottom: -120px; }
    .quick-search .button {
      width: 220px; }
      .quick-search .button .icon-arrow-wrap {
        display: inline-block; } }
  @media only screen and (min-width: 48em) {
    .quick-search .badge-wrap {
      margin-bottom: -160px; }
    .quick-search .button {
      display: block;
      margin: 0 auto 1em auto; }
    .quick-search .all-cta {
      margin-bottom: 1em; }
      .quick-search .all-cta a {
        background-color: #2d4780;
        padding: .25em .5em;
        border-radius: 5px; } }
  @media only screen and (min-width: 64em) {
    .quick-search .layout-target {
      display: flex;
      align-items: center; }
      .no-flexbox .quick-search .layout-target {
        display: table;
        width: 100%; }
        .no-flexbox .quick-search .layout-target .columns {
          display: table-cell;
          float: none;
          vertical-align: middle; }
    .quick-search .badge-wrap {
      margin-bottom: -1em; }
    .quick-search .quick-search-badge {
      position: relative;
      left: 50%;
      margin-left: -100px; }
    .quick-search .button {
      display: inline-block;
      margin: 0 .25em;
      width: auto; }
    .quick-search .all-cta {
      top: -40px;
      margin-bottom: 0; } }

.single-recipe .content-area {
  overflow: hidden; }

.single-recipe .blue-wave-rice-1, .single-recipe .tear-texture-1 {
  width: 100%; }

.single-recipe .site-aside {
  background-color: #d7e2e9;
  padding: 0 0 2em 0; }

.single-recipe .product-nutrition header h3 {
  margin-top: 0px; }

.recipe-info {
  color: #1e3b4c; }
  .recipe-info h1 {
    font-size: 20px;
    font-size: 1.25rem;
    margin: .5em auto .75em auto; }
  .recipe-info ul {
    overflow: hidden;
    max-width: 300px;
    margin: 0 auto; }
  .recipe-info li {
    width: 50%;
    float: left;
    text-align: left;
    padding: 0 0 1em 0;
    font-size: 14px;
    font-size: 0.875rem; }
    .recipe-info li:nth-child(odd) {
      clear: left; }
  .recipe-info .recipe-icons {
    color: #2f4787;
    font-size: 28px;
    font-size: 1.75rem;
    padding: 2px 4px; }
  .recipe-info .recipe-info-media {
    max-width: 640px;
    margin: 0 auto; }
    .recipe-info .recipe-info-media .recipe-video {
      display: block; }
  .recipe-info .recipe-info-text {
    text-align: center;
    max-width: 480px;
    margin: 0 auto; }
  .recipe-info p {
    margin: 1em auto 1.5em auto; }
  .recipe-info .author {
    margin-top: 1em; }
  .recipe-info .divider {
    margin: .25em auto .75em auto;
    background-image: url(/wp-content/themes/tilda/library/img/sprite-backgrounds.png);
    background-position: 0px -146px;
    width: 1207px;
    height: 14px;
    width: 222px; }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      .recipe-info .divider {
        background-image: url(/wp-content/themes/tilda/library/img/sprite-backgrounds@2x.png);
        background-size: 1207px 291px;
        -ms-behavior: url(/backgroundsize.min.htc); } }
  .recipe-info .like-share-block .f10-social-share {
    margin-bottom: 0; }
  .recipe-info .like-layout .like-counter {
    font-size: 16px;
    font-size: 1rem; }
  .no-touchevents .recipe-info .like-layout:hover .icon-like-background {
    transform: scale(1.15, 1.15); }
  .no-touchevents .recipe-info .like-layout:hover .icon-like-heart {
    transform: scale(1.1, 1.1); }
  .no-touchevents .recipe-info .like-layout:hover p {
    color: #ed2860; }
  .recipe-info .recipe-buttons {
    text-align: center;
    margin: 1em auto 0 auto; }
    .recipe-info .recipe-buttons a {
      margin: 0 .5em 1em .5em; }
      .recipe-info .recipe-buttons a:last-child {
        margin-bottom: 0; }
  @media only screen and (min-width: 30em) {
    .recipe-info h1 {
      font-size: 24px;
      font-size: 1.5rem; }
    .recipe-info p {
      margin: .75em auto 1.5em auto;
      font-size: 22px;
      font-size: 1.375rem; } }
  @media only screen and (min-width: 40em) {
    .recipe-info h1 {
      font-size: 28px;
      font-size: 1.75rem;
      margin: .5em auto; }
    .recipe-info ul {
      max-width: none; }
    .recipe-info li {
      display: inline-block;
      width: auto;
      float: none;
      padding: .35em; }
    .recipe-info p {
      margin: .75em auto; } }
  @media only screen and (min-width: 64em) {
    .recipe-info {
      padding: 3em 0 0 0; }
      .recipe-info h1 {
        font-size: 32px;
        font-size: 2rem;
        margin: 0 auto .25em auto; }
      .recipe-info .recipe-info-media {
        position: relative; }
        .recipe-info .recipe-info-media .rice-top {
          background-image: url(/wp-content/themes/tilda/library/img/sprite-details.png);
          background-position: 0px -283px;
          width: 35px;
          height: 40px;
          position: absolute;
          top: -.75em;
          left: -.75em; } }
      @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
        .recipe-info .recipe-info-media .rice-top {
          background-image: url(/wp-content/themes/tilda/library/img/sprite-details@2x.png);
          background-size: 280px 3310px;
          -ms-behavior: url(/backgroundsize.min.htc); } }
  @media only screen and (min-width: 64em) {
        .recipe-info .recipe-info-media .rice-bottom {
          background-image: url(/wp-content/themes/tilda/library/img/sprite-details.png);
          background-position: 0px -206px;
          width: 35px;
          height: 38px;
          position: absolute;
          bottom: -.75em;
          right: -.75em; } }
      @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
        .recipe-info .recipe-info-media .rice-bottom {
          background-image: url(/wp-content/themes/tilda/library/img/sprite-details@2x.png);
          background-size: 280px 3310px;
          -ms-behavior: url(/backgroundsize.min.htc); } }
  @media only screen and (min-width: 64em) {
      .recipe-info .divider {
        margin: .75em auto;
        width: 460px; } }

.recipe-preparation-head {
  position: relative; }
  .recipe-preparation-head .blue-wave-rice-1, .recipe-preparation-head .tear-texture-1 {
    display: none; }
  .recipe-preparation-head .banner-recipe {
    margin: 1em auto; }
  @media only screen and (min-width: 40em) {
    .recipe-preparation-head {
      margin: 2em 0 0 0; }
      .recipe-preparation-head .blue-wave-rice-1, .recipe-preparation-head .tear-texture-1 {
        display: block; }
      .recipe-preparation-head .blue-wave-rice-1 {
        background-position: center -230px; }
      .recipe-preparation-head .tear-texture-1 {
        background-position: center -160px; }
      .recipe-preparation-head .banner-recipe {
        margin: 0 auto;
        position: absolute;
        top: -1em;
        left: 0;
        right: 0;
        z-index: 1; } }

.recipe-preparation {
  background-color: #2f4787;
  color: #FFFFFF;
  position: relative; }
  .recipe-preparation ul, .recipe-preparation ol {
    margin: 0 0 1.5em 0;
    padding: 0; }
  .recipe-preparation li {
    margin: 0 0 0.65em 0; }
  @media only screen and (min-width: 40em) {
    .recipe-preparation {
      padding: 3em 0 0 0; }
      .recipe-preparation p {
        font-size: 20px;
        font-size: 1.25rem; } }
  @media only screen and (min-width: 64em) {
    .recipe-preparation {
      padding: 3em 0 1em 0; } }

@media only screen and (min-width: 40em) {
  .recipe-ingredients li {
    font-size: 16px;
    font-size: 1rem; } }

@media only screen and (min-width: 60em) {
  .recipe-ingredients li {
    font-size: 20px;
    font-size: 1.25rem; } }

.recipe-method h1 {
  margin-top: 0; }

.recipe-method li a {
  color: #FFFFFF;
  font-weight: 700;
  clear: both;
  text-decoration: none;
  zoom: 1;
  filter: alpha(opacity=50);
  opacity: 0.5;
  display: inline-block;
  margin: .5em 0 .25em 0;
  font-size: 20px;
  font-size: 1.25rem; }
  .recipe-method li a:hover {
    zoom: 1;
    filter: alpha(opacity=100);
    opacity: 1; }

.recipe-method li .recipe-method-step-image {
  display: none; }

.recipe-method li img {
  margin: .625em auto .3125em auto; }

.recipe-method li hr {
  background: #FFFFFF;
  zoom: 1;
  filter: alpha(opacity=25);
  opacity: 0.25;
  margin: .5em 0; }

.recipe-method li:last-of-type hr {
  display: none; }

.recipe-method .custom-numbers li {
  padding: 0 0 0 1.5em; }
  .recipe-method .custom-numbers li:before {
    color: #588ac7;
    font-weight: 700;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 1; }
  .recipe-method .custom-numbers li:nth-child(n+10) {
    padding: 0 0 0 2.5em; }

@media only screen and (min-width: 60em) {
  .recipe-method li {
    font-size: 22px;
    font-size: 1.375rem; } }

.recipe-mode-nav {
  margin: 0 -1em 1em -1em; }
  .recipe-mode-nav ul {
    margin: 0; }
  .recipe-mode-nav li {
    display: inline-block;
    text-align: center;
    font-weight: 700;
    margin: 0;
    background: red;
    background-color: #223361; }
    .recipe-mode-nav li a {
      font-size: 18px;
      font-size: 1.125rem;
      color: #FFFFFF;
      text-decoration: none;
      zoom: 1;
      filter: alpha(opacity=50);
      opacity: 0.5;
      margin: 0;
      display: block;
      padding: 1em 0; }
      .recipe-mode-nav li a:focus, .recipe-mode-nav li a:hover {
        zoom: 1;
        filter: alpha(opacity=50);
        opacity: 0.5; }
  .recipe-mode-nav.recipe-mode-links-2 li {
    width: 50%; }
  .recipe-mode-nav.recipe-mode-links-3 li {
    width: 33.33%; }
  .recipe-mode-nav .recipe-mode-shop .mode-shop {
    background-color: #2f4787; }
    .recipe-mode-nav .recipe-mode-shop .mode-shop a {
      zoom: 1;
      filter: alpha(opacity=100);
      opacity: 1; }
  .recipe-mode-nav .recipe-mode-prepare .mode-prepare {
    background-color: #2f4787; }
    .recipe-mode-nav .recipe-mode-prepare .mode-prepare a {
      zoom: 1;
      filter: alpha(opacity=100);
      opacity: 1; }
  .recipe-mode-nav .recipe-mode-cook .mode-cook {
    background-color: #2f4787; }
    .recipe-mode-nav .recipe-mode-cook .mode-cook a {
      zoom: 1;
      filter: alpha(opacity=100);
      opacity: 1; }
  @media only screen and (min-width: 40em) {
    .recipe-mode-nav {
      display: none; } }

.recipe-related {
  text-align: center;
  margin-bottom: 2em; }
  .recipe-related .panel-wrap:last-of-type {
    display: none; }
  .recipe-related h1 {
    color: #1e3b4c; }
  .recipe-related > a {
    font-weight: 700; }
  @media only screen and (min-width: 40em) {
    .recipe-related .panel-wrap:last-of-type {
      display: block; } }
  @media only screen and (min-width: 64em) {
    .recipe-related {
      margin-bottom: 0; } }

@media only screen and (min-width: 64em) {
  .recipe-page-promo {
    margin-top: 1.5em; } }

.recipe-complete-share {
  margin: 2em 0; }
  .recipe-complete-share .button, .recipe-complete-share .f10-social-share {
    vertical-align: middle;
    clear: both; }
  .recipe-complete-share .button {
    margin: 0 0 2em 0;
    z-index: 10; }
  .recipe-complete-share .f10-social-share {
    transition: all 0.3s ease-in-out;
    zoom: 1;
    filter: alpha(opacity=0);
    opacity: 0;
    z-index: 1;
    visibility: hidden; }
  .recipe-complete-share.complete .f10-social-share {
    zoom: 1;
    filter: alpha(opacity=100);
    opacity: 1;
    margin-top: 0 !important;
    visibility: visible; }
  .recipe-complete-share label {
    text-transform: uppercase;
    font-weight: 900;
    font-size: 14px;
    font-size: 0.875rem;
    margin: 0 .25em 0 0; }
  @media only screen and (min-width: 64em) {
    .recipe-complete-share {
      margin: 2em 0 1em 0; }
      .recipe-complete-share .button, .recipe-complete-share .f10-social-share {
        display: inline-block;
        clear: none;
        margin-bottom: 0; }
      .recipe-complete-share.complete .f10-social-share {
        margin-left: 1em !important; } }

.single-product .section-cta {
  text-align: center; }
  @media only screen and (min-width: 40em) {
    .single-product .section-cta {
      text-align: left; } }

.product-details {
  padding: 1em 0; }
  .product-details .product-image {
    text-align: center;
    margin-bottom: 1.5em; }
    .product-details .product-image img {
      max-width: 160px;
      margin: 0 auto; }
  @media only screen and (min-width: 30em) {
    .product-details .product-image img {
      max-width: 200px; } }
  @media only screen and (min-width: 40em) {
    .product-details .product-image {
      margin-bottom: 0; }
      .product-details .product-image img {
        max-width: 100%; } }
  @media only screen and (min-width: 48em) {
    .product-details {
      padding: 2em 0; } }
  @media only screen and (min-width: 60em) {
    .product-details {
      padding: 3em 0; } }

.product-info {
  text-align: center;
  color: #1e3b4c; }
  .product-info .page-title {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1;
    margin: 0; }
  .product-info .page-title--category {
    color: #d7d7d7;
    font-size: 12px;
    font-size: 0.75rem;
    font-weight: 700;
    margin: 1em 0; }
  .product-info .product-text {
    margin-bottom: 1em; }
    .product-info .product-text p {
      margin: 0; }
  .product-info .product-facts {
    margin: 0 0 .5em 0; }
    .product-info .product-facts li {
      display: inline-block; }
    .product-info .product-facts .button {
      background-color: #ebf0f6;
      color: #7ba3d2;
      font-size: 14px;
      font-size: 0.875rem;
      font-weight: 300;
      margin-bottom: 10px;
      padding-left: 50px;
      position: relative;
      text-transform: none;
      border: 0; }
      .product-info .product-facts .button:before {
        content: "";
        position: absolute;
        left: 20px;
        top: 50%;
        margin-top: -9px;
        background-image: url(/wp-content/themes/tilda/library/img/sprite-details.png);
        background-position: 0px -57px;
        width: 24px;
        height: 18px; }
        @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
          .product-info .product-facts .button:before {
            background-image: url(/wp-content/themes/tilda/library/img/sprite-details@2x.png);
            background-size: 280px 3310px;
            -ms-behavior: url(/backgroundsize.min.htc); } }
      .product-info .product-facts .button:hover {
        color: #7ba3d2;
        cursor: default; }
    @media only screen and (min-width: 40em) {
      .product-info .product-facts {
        margin-bottom: .5em; } }
  .product-info .button-set li {
    display: inline-block;
    margin: 0 auto 1em auto; }
  .product-info .product-variations ul li {
    display: inline-block;
    margin-bottom: .5em; }
    .product-info .product-variations ul li span {
      display: block;
      font-size: 12px;
      font-size: 0.75rem; }
  .product-info .product-variations .product-variation-link {
    display: inline-block;
    padding: 10px;
    position: relative; }
    .product-info .product-variations .product-variation-link:hover, .product-info .product-variations .product-variation-link:focus, .product-info .product-variations .product-variation-link.active {
      outline: none; }
      .product-info .product-variations .product-variation-link:hover:before, .product-info .product-variations .product-variation-link:focus:before, .product-info .product-variations .product-variation-link.active:before {
        border-radius: 10px;
        content: " ";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        border: 1px solid #d8b12a; }
    .product-info .product-variations .product-variation-link img {
      max-width: 60px; }
  @media only screen and (min-width: 30em) {
    .product-info .button-set .button {
      font-size: 12px;
      font-size: 0.75rem; } }
  @media only screen and (min-width: 40em) {
    .product-info {
      text-align: left; }
      .product-info .page-title {
        font-size: 40px;
        font-size: 2.5rem; }
      .product-info .product-title {
        margin-top: .5em; }
      .product-info .product-variations {
        text-align: left;
        margin: 0; }
        .product-info .product-variations li {
          text-align: center; } }
  @media only screen and (min-width: 64em) {
    .product-info .product-variations .product-variation-link img {
      max-width: 90px; } }
  .flexbox .product-info {
    display: flex;
    flex-direction: column;
    align-items: center; }
    .flexbox .product-info .product-title {
      order: 0; }
    .flexbox .product-info .product-variations {
      order: 1;
      margin: .5em 0; }
    .flexbox .product-info .product-text {
      order: 2; }
    .flexbox .product-info .product-facts {
      order: 3; }
    .flexbox .product-info .button-set {
      order: 4; }
    @media only screen and (min-width: 40em) {
      .flexbox .product-info {
        align-items: flex-start; }
        .flexbox .product-info .product-variations {
          order: 5; } }

.product-descriptors {
  color: #b8c0d2;
  background-color: #1d356a;
  text-align: center; }
  .product-descriptors .product-descriptor {
    display: inline-block;
    max-width: 330px; }
  .product-descriptors .title-script {
    color: #fff;
    font-family: "sophiaregular", sans-serif;
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 1;
    margin: 0;
    padding: 0; }

.product-howtocook {
  color: #b8c0d2; }
  .product-howtocook .custom-numbers {
    font-size: 19.2px;
    font-size: 1.2rem;
    margin-top: 1.5em; }
    .product-howtocook .custom-numbers li {
      line-height: 1.3; }
      .product-howtocook .custom-numbers li:before {
        color: #fff; }
  .product-howtocook .product-howtocook-steps {
    text-align: center; }
  .product-howtocook .product-howtocook-imgsteps {
    display: inline-block;
    margin: 0 auto;
    text-align: center; }
    .product-howtocook .product-howtocook-imgsteps .img-step {
      display: block;
      padding: .5em 2em;
      vertical-align: middle; }
      .product-howtocook .product-howtocook-imgsteps .img-step img {
        display: inline-block; }
    @media only screen and (min-width: 40em) {
      .product-howtocook .product-howtocook-imgsteps .img-step {
        display: inline-block; } }
  .product-howtocook .product-howtocook-or {
    display: block;
    color: #fff;
    margin: 1em auto;
    text-align: center;
    vertical-align: middle;
    background-image: url(/wp-content/themes/tilda/library/img/sprite-details.png);
    background-position: 0px -40px;
    width: 178px;
    height: 17px; }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      .product-howtocook .product-howtocook-or {
        background-image: url(/wp-content/themes/tilda/library/img/sprite-details@2x.png);
        background-size: 280px 3310px;
        -ms-behavior: url(/backgroundsize.min.htc); } }
    @media only screen and (min-width: 40em) {
      .product-howtocook .product-howtocook-or {
        display: inline-block;
        background-image: url(/wp-content/themes/tilda/library/img/sprite-details.png);
        background-position: 0px -1257px;
        width: 22px;
        height: 128px; } }
  @media only screen and (min-width: 40em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 40em) and (min-resolution: 192dpi) {
    .product-howtocook .product-howtocook-or {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-details@2x.png);
      background-size: 280px 3310px;
      -ms-behavior: url(/backgroundsize.min.htc); } }
  .product-howtocook .product-howtocook-imgsteps-desc {
    margin-top: 2em; }

.product-howtoeat {
  color: #fff; }
  .product-howtoeat .section-header p {
    color: #b8c0d2; }
  .product-howtoeat .product-recipes h4 {
    text-transform: uppercase; }
  .product-howtoeat .product-recipes p {
    font-size: 17.6px;
    font-size: 1.1rem;
    padding-left: 20px;
    padding-right: 20px; }
  .product-howtoeat .panel {
    border-radius: 0px; }
  .product-howtoeat .panel-clear h3 {
    color: #fff; }

.product-contentblock {
  color: #fff; }
  .product-contentblock h1 {
    font-size: 35.2px;
    font-size: 2.2rem;
    text-transform: uppercase; }
  .product-contentblock p {
    color: #b8c0d2;
    font-size: 17.6px;
    font-size: 1.1rem;
    line-height: 1.6; }

.product-wheretobuy {
  color: #b8c0d2; }
  .product-wheretobuy .product-wheretobuy__stores {
    text-align: center;
    margin-bottom: 25px; }
    .product-wheretobuy .product-wheretobuy__stores img {
      display: inline-block;
      margin: 0 15px; }

.product-ingredients {
  color: #FFFFFF; }

.product-range .button-joined--wrapper {
  width: 90%;
  max-width: 350px;
  margin: -28px auto 0 auto;
  position: relative; }

.product-range .button-joined .button-dropdown {
  font-family: "brandon-grotesque", sans-serif;
  font-style: initial;
  font-weight: 300;
  font-size: 16px;
  font-size: 1rem;
  border: 1px solid #ebebeb;
  color: #1e3b4c; }

.product-range .toggle-dropdown--content {
  border-top-right-radius: 0;
  position: absolute;
  width: 100%;
  z-index: 200;
  max-height: 290px;
  overflow: scroll; }

.product-range .section {
  padding-top: 1em; }

.product-range .panel_set--half {
  padding-top: 2em; }
  .product-range .panel_set--half .last-col-center {
    clear: both;
    float: none;
    margin-left: auto;
    margin-right: auto; }

.product-range .panel--large .panel-padded {
  display: block;
  position: relative;
  padding-bottom: 100px; }
  .product-range .panel--large .panel-padded .panel-cta {
    position: absolute;
    bottom: 1.5em;
    left: 0;
    width: 100%;
    text-align: center; }

.product-range .panel--large .panel-heading {
  text-transform: uppercase; }

.inspire-wrap {
  padding: 2em 0;
  margin-top: 12px; }
  .inspire-wrap h1 {
    display: inline-block;
    padding: 0 1.5em;
    margin: 0; }
  .inspire-wrap .inspire-cta {
    position: relative; }
    .inspire-wrap .inspire-cta .button {
      position: relative;
      z-index: 5;
      background-color: #63c9e9;
      color: #FFFFFF;
      border-radius: 100px;
      font-size: 18px;
      font-size: 1.125rem; }
      .inspire-wrap .inspire-cta .button:hover {
        background-color: #36bae3; }
  .inspire-wrap header {
    margin: 0 0 1em 0;
    position: relative;
    z-index: 5; }
  .inspire-wrap .illustrations {
    display: none; }
  .inspire-wrap .inspire-recipe-wrap {
    display: none;
    padding: 2em 1em 0 1em; }
  .inspire-wrap .inspire-recipe {
    position: relative;
    max-width: 400px;
    margin: 0 auto;
    background-color: rgba(38, 59, 115, 0.7);
    padding: 1em; }
    .inspire-wrap .inspire-recipe .inspire-img {
      height: 280px;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      -ms-behavior: url(/backgroundsize.min.htc); }
    .inspire-wrap .inspire-recipe .inspire-content {
      text-align: center;
      padding: .5em 0; }
    .inspire-wrap .inspire-recipe h2 {
      margin: 0;
      line-height: 1.2em; }
    .inspire-wrap .inspire-recipe p a {
      color: #FFFFFF; }
    .inspire-wrap .inspire-recipe p.inspire-intro {
      text-transform: uppercase;
      font-weight: 700;
      margin: 0.5em 0; }
    .inspire-wrap .inspire-recipe .close-btn {
      position: absolute;
      top: -.5em;
      right: -.5em;
      cursor: pointer;
      text-align: center;
      background: #63c9e9;
      line-height: 1;
      padding: .5em;
      border-radius: 100%; }
      .inspire-wrap .inspire-recipe .close-btn .icon-close {
        vertical-align: top;
        color: #FFFFFF; }
  @media only screen and (min-width: 40em) {
    .inspire-wrap h1 {
      font-size: 32px;
      font-size: 2rem; } }
  @media only screen and (min-width: 60em) {
    .inspire-wrap .inspire-cta .button {
      font-size: 20px;
      font-size: 1.25rem; } }
  @media only screen and (min-width: 52.5em) {
    .inspire-wrap {
      padding: 4em 0 2em 0; }
      .inspire-wrap .illustrations {
        display: block;
        position: absolute; }
      .inspire-wrap .food {
        position: absolute;
        margin-top: 20px;
        zoom: 1;
        filter: alpha(opacity=0);
        opacity: 0;
        transition: all 2s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
      .inspire-wrap .illustrations-group-left {
        left: 0; }
        .inspire-wrap .illustrations-group-left .food {
          left: 0; }
        .inspire-wrap .illustrations-group-left .food-pepper-red {
          transition-delay: .5s; }
        .inspire-wrap .illustrations-group-left .food-carrot {
          transition-delay: 1s;
          left: 145px;
          top: -15px; }
        .inspire-wrap .illustrations-group-left .food-sweetcorn {
          transition-delay: .25s;
          left: 235px;
          top: 45px; }
      .inspire-wrap .illustrations-group-right {
        right: 0; }
        .inspire-wrap .illustrations-group-right .food {
          right: 0; }
        .inspire-wrap .illustrations-group-right .food-chilli-red {
          transition-delay: .5s; }
        .inspire-wrap .illustrations-group-right .food-lime {
          transition-delay: 1s;
          right: 100px; }
        .inspire-wrap .illustrations-group-right .food-chilli-yellow {
          transition-delay: .25s;
          right: 210px;
          top: -15px; }
      .inspire-wrap.visible .food {
        zoom: 1;
        filter: alpha(opacity=100);
        opacity: 1;
        margin-top: 0px; }
      .inspire-wrap h1 {
        background: #223b73;
        border-radius: 50px;
        padding: .25em .5em; }
      .inspire-wrap .inspire-cta .button {
        border: 10px solid #223b73; }
      .inspire-wrap .inspire-recipe {
        display: flex;
        align-items: center;
        max-width: 960px; }
        .inspire-wrap .inspire-recipe .inspire-img {
          width: 40%; }
        .inspire-wrap .inspire-recipe .inspire-content {
          text-align: left; }
        .inspire-wrap .inspire-recipe .inspire-copy {
          width: 60%;
          padding: 0 2.5em; }
        .inspire-wrap .inspire-recipe h2 {
          font-size: 32px;
          font-size: 2rem; }
        .inspire-wrap .inspire-recipe .close-btn {
          top: 1em;
          right: 1em;
          background: none;
          border-radius: 0px; }
        .no-flexbox .inspire-wrap .inspire-recipe .inspire-recipe {
          display: table;
          width: 100%; }
        .no-flexbox .inspire-wrap .inspire-recipe .inspire-content {
          display: table-cell;
          vertical-align: middle; } }

.tastelist-item h1 {
  font-size: 24px;
  font-size: 1.5rem; }

.tastelist-item .panel--full-img {
  position: relative;
  min-height: 240px;
  background-position: center center;
  background-size: cover;
  -ms-behavior: url(/backgroundsize.min.htc);
  background-repeat: no-repeat; }

.tastelist-item .tastelist-item--details {
  padding: 1em; }

.tastelist-item .authorlike-wrap {
  overflow: hidden;
  margin-bottom: 1em; }

.tastelist-item h1, .tastelist-item .button {
  margin: 0; }

.tastelist-item p {
  color: #898b8c;
  margin: 1em 0 1.5em 0; }

@media only screen and (min-width: 40em) {
  .tastelist-item .panel--full-img {
    min-height: 300px; } }

@media only screen and (min-width: 48em) {
  .tastelist-item h1 {
    font-size: 32px;
    font-size: 2rem; }
  .tastelist-item .layout-target {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    text-align: left; }
  .tastelist-item .authorlike-wrap .author {
    float: left; }
  .tastelist-item .like-button {
    position: relative;
    right: auto;
    float: right; }
    .tastelist-item .like-button .icon-like-background {
      font-size: 36px;
      font-size: 2.25rem; }
    .tastelist-item .like-button .icon-like-heart, .tastelist-item .like-button span {
      font-size: 16px;
      font-size: 1rem; }
    .tastelist-item .like-button .icon-like-heart {
      margin-top: -8px;
      margin-left: -8px; }
  .tastelist-item .panel--full-img {
    flex: 0 1 45%; }
  .tastelist-item .tastelist-item--details {
    flex: 0 1 55%;
    padding: 2em;
    align-self: center; }
  .no-flexbox .tastelist-item .layout-target {
    display: table;
    width: 100%; }
  .no-flexbox .tastelist-item .panel--full-img, .no-flexbox .tastelist-item .tastelist-item--details {
    display: table-cell;
    position: relative; }
  .no-flexbox .tastelist-item .panel--full-img {
    width: 45%; }
  .no-flexbox .tastelist-item .tastelist-item--details {
    width: 55%; } }

@media only screen and (min-width: 48em) {
  .tastelist-item--alternate .panel--full-img:after {
    content: '';
    position: absolute;
    top: 3.5em;
    bottom: auto;
    right: 0;
    margin-left: 0;
    border-bottom: 16px solid transparent;
    border-top: 16px solid transparent;
    border-right: 16px solid #FFFFFF; }
  .tastelist-item--alternate .authorlike-wrap .author__img {
    float: left; }
  .tastelist-item--alternate .authorlike-wrap .author__name {
    float: left;
    margin: 1.5em 0 0 1em; }
  .tastelist-item--alternate:nth-of-type(even) .layout-target {
    flex-direction: row-reverse;
    text-align: right; }
  .tastelist-item--alternate:nth-of-type(even) .authorlike-wrap .author__img {
    float: right; }
  .tastelist-item--alternate:nth-of-type(even) .authorlike-wrap .author__name {
    margin: 1.5em 1em 0 0; }
  .tastelist-item--alternate:nth-of-type(even) .like-button {
    float: left; }
  .tastelist-item--alternate:nth-of-type(even) .author {
    float: right; }
  .tastelist-item--alternate:nth-of-type(even) .panel--full-img:after {
    border-right: none;
    border-left: 16px solid #FFFFFF;
    right: auto;
    left: 0; }
  .tastelist-item--alternate:nth-of-type(even) .tastelist-item--details {
    padding: 2em 3em 2em 2em; }
  .no-flexbox .tastelist-item--alternate:nth-of-type(even) .panel--full-img {
    left: 55%; }
  .no-flexbox .tastelist-item--alternate:nth-of-type(even) .tastelist-item--details {
    left: -45%; } }

@media only screen and (min-width: 60em) {
  .tastelist-single .single-intro-header .header-section-image {
    border-radius: 5px; } }

.tastelist-single .tastelist-item--recipe .panel-cta .panel-cta--link {
  text-align: center; }

.tastelist-item--recipe .tastelist-item--details {
  padding: 1em 1em 0 1em; }

.tastelist-item--recipe .tastelist-item--cta {
  padding-bottom: 1em; }

@media only screen and (min-width: 40em) {
  .tastelist-item--recipe .panel--full-img {
    min-height: 240px; }
  .tastelist-item--recipe:after {
    content: "";
    position: absolute;
    bottom: 20px;
    right: 20px;
    background-image: url(/wp-content/themes/tilda/library/img/sprite-details.png);
    background-position: 0px -365px;
    width: 39px;
    height: 44px; } }
  @media only screen and (min-width: 40em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 40em) and (min-resolution: 192dpi) {
    .tastelist-item--recipe:after {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-details@2x.png);
      background-size: 280px 3310px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

@media only screen and (min-width: 48em) {
  .tastelist-item--recipe {
    padding: 1em; }
    .tastelist-item--recipe .panel--full-img {
      flex: 0 1 25%; }
    .tastelist-item--recipe .tastelist-item--details {
      flex: 0 1 50%;
      padding: 2em 0 0 2em; }
    .tastelist-item--recipe .tastelist-item--cta {
      flex: 0 1 25%;
      align-self: center;
      text-align: center; }
    .tastelist-item--recipe .like-button {
      position: relative;
      top: 0;
      right: 0;
      float: none; }
    .no-flexbox .tastelist-item--recipe .tastelist-item--cta {
      display: table-cell;
      vertical-align: middle;
      position: relative; }
    .no-flexbox .tastelist-item--recipe .panel--full-img {
      width: 25%; }
    .no-flexbox .tastelist-item--recipe .tastelist-item--details {
      width: 50%; }
    .no-flexbox .tastelist-item--recipe .tastelist-item--cta {
      width: 25%; } }

.page-template-page-about .site-content {
  background: #2f4787;
  color: #FFFFFF;
  padding: 0; }

.page-template-page-about .site-main h1, .page-template-page-about .site-main h2, .page-template-page-about .site-main h3 {
  font-family: "sophiaregular", sans-serif;
  font-weight: 500;
  margin: 0; }

.page-template-page-about .site-main h1, .page-template-page-about .site-main h2 {
  font-size: 52px;
  font-size: 3.25rem; }

.page-template-page-about .site-main h3 {
  font-size: 48px;
  font-size: 3rem; }

.page-template-page-about .site-main p {
  font-size: 16px;
  font-size: 1rem; }

.page-template-page-about .about-section {
  overflow: hidden;
  position: relative;
  z-index: 10;
  text-align: center;
  padding: 0 0 4em 0; }
  .page-template-page-about .about-section img {
    margin: 0 auto; }
  .page-template-page-about .about-section .about-section-image-wrap, .page-template-page-about .about-section .about-section-text-wrap {
    max-width: 30em;
    margin: 0 auto; }
  .page-template-page-about .about-section .about-section-image-wrap {
    margin-bottom: 1em; }
  .page-template-page-about .about-section .about-section-text-wrap {
    padding: 0 1em; }
    .page-template-page-about .about-section .about-section-text-wrap p:last-of-type {
      margin-bottom: 0; }
    .page-template-page-about .about-section .about-section-text-wrap a {
      margin-top: 1.5em; }

.page-template-page-about .about-section-10 {
  padding: 4em 0 8em 0; }

.page-template-page-about .svg {
  overflow: hidden; }

.page-template-page-about svg {
  position: relative;
  display: block;
  max-height: 600px; }

@media only screen and (min-width: 64em) {
  .page-template-page-about .site-main h1 {
    font-size: 84px;
    font-size: 5.25rem; }
  .page-template-page-about .site-main h2 {
    font-size: 80px;
    font-size: 5rem; }
  .page-template-page-about .site-main h3 {
    font-size: 80px;
    font-size: 5rem; }
  .page-template-page-about .site-main p {
    font-size: 18px;
    font-size: 1.125rem; }
  .page-template-page-about .about-section {
    text-align: left;
    max-width: 60em;
    margin: 0 auto;
    padding: 0; }
    .page-template-page-about .about-section .about-section-image-wrap {
      margin-bottom: 0; }
  .page-template-page-about .text-alignright {
    text-align: right; } }

@media only screen and (min-width: 64em) {
  .flexbox .page-template-page-about .about-section {
    display: flex;
    align-items: center; } }

.no-flexbox .page-template-page-about .about-section {
  display: table;
  width: 100%; }

.no-flexbox .page-template-page-about .about-section .about-section-image-wrap, .no-flexbox .page-template-page-about .about-section .about-section-text-wrap {
  display: table-cell;
  vertical-align: middle;
  width: 50%;
  margin: 0 auto; }

.section-wrap {
  overflow-x: hidden; }
  .section-wrap .section-header {
    overflow: hidden;
    max-width: 40em;
    margin: 0 auto;
    padding: 4em 2em; }
    .section-wrap .section-header p {
      max-width: 24em;
      margin-left: auto;
      margin-right: auto; }
  .section-wrap .about-section-wrap {
    position: relative; }
    .no-cssgradients .section-wrap .about-section-wrap {
      background-color: #2f4787 !important; }
    .section-wrap .about-section-wrap .about-section-side-component {
      display: none; }
      @media only screen and (min-width: 64em) {
        .section-wrap .about-section-wrap .about-section-side-component {
          position: absolute;
          z-index: 0;
          top: auto;
          right: auto;
          bottom: auto;
          left: auto;
          display: block;
          zoom: 1;
          filter: alpha(opacity=50);
          opacity: 0.5; }
          .section-wrap .about-section-wrap .about-section-side-component.about-section-side-component-1 {
            background-image: url(/wp-content/themes/tilda/library/img/sprite-details.png);
            background-position: 0px -75px;
            width: 5px;
            height: 20px;
            top: 0;
            left: 60px; } }
    @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
      .section-wrap .about-section-wrap .about-section-side-component.about-section-side-component-1 {
        background-image: url(/wp-content/themes/tilda/library/img/sprite-details@2x.png);
        background-size: 280px 3310px;
        -ms-behavior: url(/backgroundsize.min.htc); } }
      @media only screen and (min-width: 64em) {
          .section-wrap .about-section-wrap .about-section-side-component.about-section-side-component-2 {
            background-image: url(/wp-content/themes/tilda/library/img/sprite-details.png);
            background-position: 0px -75px;
            width: 5px;
            height: 20px;
            top: 30%;
            right: 180px; } }
    @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
      .section-wrap .about-section-wrap .about-section-side-component.about-section-side-component-2 {
        background-image: url(/wp-content/themes/tilda/library/img/sprite-details@2x.png);
        background-size: 280px 3310px;
        -ms-behavior: url(/backgroundsize.min.htc); } }
      @media only screen and (min-width: 64em) {
          .section-wrap .about-section-wrap .about-section-side-component.about-section-side-component-3 {
            background-image: url(/wp-content/themes/tilda/library/img/sprite-details.png);
            background-position: 0px -118px;
            width: 3px;
            height: 27px;
            top: 60%;
            left: 190px; } }
    @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
      .section-wrap .about-section-wrap .about-section-side-component.about-section-side-component-3 {
        background-image: url(/wp-content/themes/tilda/library/img/sprite-details@2x.png);
        background-size: 280px 3310px;
        -ms-behavior: url(/backgroundsize.min.htc); } }
      @media only screen and (min-width: 64em) {
          .section-wrap .about-section-wrap .about-section-side-component.about-section-side-component-4 {
            background-image: url(/wp-content/themes/tilda/library/img/sprite-details.png);
            background-position: 0px -95px;
            width: 4px;
            height: 23px;
            top: 10%;
            right: 100px; } }
    @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
      .section-wrap .about-section-wrap .about-section-side-component.about-section-side-component-4 {
        background-image: url(/wp-content/themes/tilda/library/img/sprite-details@2x.png);
        background-size: 280px 3310px;
        -ms-behavior: url(/backgroundsize.min.htc); } }
      @media only screen and (min-width: 64em) {
          .section-wrap .about-section-wrap .about-section-side-component.about-section-side-component-5 {
            background-image: url(/wp-content/themes/tilda/library/img/sprite-details.png);
            background-position: 0px -95px;
            width: 4px;
            height: 23px;
            bottom: 10px;
            left: 90px; } }
    @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
      .section-wrap .about-section-wrap .about-section-side-component.about-section-side-component-5 {
        background-image: url(/wp-content/themes/tilda/library/img/sprite-details@2x.png);
        background-size: 280px 3310px;
        -ms-behavior: url(/backgroundsize.min.htc); } }
  .section-wrap .svg {
    display: none;
    margin: 0; }
    .section-wrap .svg svg {
      margin: 0 auto; }
    @media only screen and (min-width: 64em) {
      .section-wrap .svg {
        position: relative;
        display: block; } }
    .section-wrap .svg .section-header {
      padding: .5em 2em 0em 2em; }

.about-page-hero {
  position: relative;
  height: 585px; }
  .about-page-hero .about-section-component {
    position: absolute;
    background-image: url("../img/rice-hands-heart-full.png");
    background-position: center top;
    background-size: 1000px;
    -ms-behavior: url(/backgroundsize.min.htc);
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
  .about-page-hero .about-section-component-1 {
    background-image: url("../img/general/rice-hands-heart/rice-hands-heart-part-1.png"); }
  .about-page-hero .about-section-component-2 {
    background-image: url("../img/general/rice-hands-heart/rice-hands-heart-part-2.png"); }
  .about-page-hero .about-section-component-3 {
    background-image: url("../img/general/rice-hands-heart/rice-hands-heart-part-3.png"); }
  .about-page-hero .about-section-component-4 {
    background-image: url("../img/general/rice-hands-heart/rice-hands-heart-part-4.png"); }
  .about-page-hero .section-header {
    position: relative;
    top: 110px;
    padding: 0;
    max-width: 16em; }
    .about-page-hero .section-header h1:after {
      top: 4px; }
    .about-page-hero .section-header p {
      font-size: 14px;
      font-size: 0.875rem;
      padding: 0 .5em;
      margin: 1em auto 0 auto; }
  @media only screen and (min-width: 48em) {
    .about-page-hero {
      height: 755px; }
      .about-page-hero .about-section-component {
        background-size: 1300px;
        -ms-behavior: url(/backgroundsize.min.htc); }
      .about-page-hero .section-header {
        top: 180px;
        max-width: 20em; }
        .about-page-hero .section-header p {
          font-size: 16px;
          font-size: 1rem;
          padding: 0 1em; } }
  @media only screen and (min-width: 64em) {
    .about-page-hero {
      height: 1000px; }
      .about-page-hero .about-section-component {
        background-size: 1700px;
        -ms-behavior: url(/backgroundsize.min.htc); }
      .about-page-hero .section-header {
        top: 220px;
        max-width: 30em; }
        .about-page-hero .section-header p {
          font-size: 18px;
          font-size: 1.125rem;
          max-width: 20em;
          margin: 1.5em auto 0 auto; } }

.about-our_rice .header-wrap-1 {
  background: linear-gradient(to bottom, #2f4787 25%, #403673 100%); }

.about-our_rice .about-section-wrap-1 {
  background: linear-gradient(to bottom, #403673 25%, #573474 100%); }

.about-our_rice .about-section-wrap-2 {
  background: linear-gradient(to bottom, #573474 25%, #603576 100%); }

.about-our_rice .about-section-wrap-3 {
  background: linear-gradient(to bottom, #603576 25%, #43427f 100%); }

.about-our_rice .about-section-wrap-4 {
  background: linear-gradient(to bottom, #43427f 25%, #344480 100%); }

@media only screen and (min-width: 64em) {
  .about-our_rice .header-wrap-1 .svg {
    margin-top: -160px;
    margin-right: -20px; }
  .about-our_rice .header-wrap-1 svg {
    max-height: 400px; }
  .about-our_rice .about-section-wrap-1 {
    background: #573474; }
    .about-our_rice .about-section-wrap-1 .about-section-spacer {
      background: linear-gradient(to bottom, #403673 0%, #573474 100%); }
    .about-our_rice .about-section-wrap-1 .svg {
      margin-bottom: -130px;
      margin-right: -130px; }
  .about-our_rice .about-section-wrap-2 {
    background: #603576; }
    .about-our_rice .about-section-wrap-2 .about-section-spacer {
      background: linear-gradient(to bottom, #573474 0%, #603576 100%); }
    .about-our_rice .about-section-wrap-2 .svg {
      margin-top: -180px;
      margin-right: -50px;
      margin-bottom: -100px; }
  .about-our_rice .about-section-wrap-3 {
    background: #43427f; }
    .about-our_rice .about-section-wrap-3 .about-section-spacer {
      background: linear-gradient(to bottom, #603576 0%, #43427f 100%); }
    .about-our_rice .about-section-wrap-3 .svg {
      margin-left: -240px;
      margin-top: -110px;
      margin-bottom: -270px; }
    .about-our_rice .about-section-wrap-3 svg {
      max-height: 760px; }
  .about-our_rice .about-section-wrap-4 {
    background: #344480; }
    .about-our_rice .about-section-wrap-4 .about-section-spacer {
      background: linear-gradient(to bottom, #43427f 0%, #344480 100%); }
    .about-our_rice .about-section-wrap-4 .svg {
      margin-left: -140px;
      margin-top: -140px;
      margin-bottom: -240px; }
    .about-our_rice .about-section-wrap-4 svg {
      max-height: 760px; } }

.about-perfection .header-wrap-2 {
  background: linear-gradient(to bottom, #344480 25%, #213264 100%); }

.about-perfection .about-section-wrap-5 {
  background: linear-gradient(to bottom, #213264 25%, #35356d 100%); }

.about-perfection .about-section-wrap-6 {
  background: linear-gradient(to bottom, #35356d 25%, #573980 100%); }

.about-perfection .about-section-wrap-7 {
  background: linear-gradient(to bottom, #573980 25%, #7e1f47 100%); }

@media only screen and (min-width: 64em) {
  .about-perfection {
    margin-top: -215px; }
    .about-perfection .header-wrap-2 .svg {
      margin-left: 135px; }
    .about-perfection .about-section-wrap-5 {
      background: #35356d; }
      .about-perfection .about-section-wrap-5 .about-section-spacer {
        background: linear-gradient(to bottom, #213264 0%, #35356d 100%); }
      .about-perfection .about-section-wrap-5 .svg {
        margin-bottom: -92px;
        margin-right: -365px; }
      .about-perfection .about-section-wrap-5 svg {
        max-height: 680px; }
    .about-perfection .about-section-wrap-6 {
      background: #573980; }
      .about-perfection .about-section-wrap-6 .about-section-spacer {
        background: linear-gradient(to bottom, #35356d 0%, #573980 100%); }
      .about-perfection .about-section-wrap-6 .svg {
        margin-left: -265px;
        margin-bottom: -230px;
        margin-top: -20px; }
      .about-perfection .about-section-wrap-6 svg {
        max-height: 450px; }
    .about-perfection .about-section-wrap-7 {
      background: #7e1f47; }
      .about-perfection .about-section-wrap-7 .about-section-spacer {
        background: linear-gradient(to bottom, #573980 0%, #7e1f47 100%); }
      .about-perfection .about-section-wrap-7 .svg {
        margin-top: -220px;
        margin-left: -80px; }
      .about-perfection .about-section-wrap-7 svg {
        max-height: 800px; } }

.about-the_way_we_do_things .header-wrap-3 {
  background: linear-gradient(to bottom, #7e1f47 25%, #73244b 100%); }

.about-the_way_we_do_things .about-section-wrap-8 {
  background: linear-gradient(to bottom, #73244b 25%, #50346d 100%); }

.about-the_way_we_do_things .about-section-wrap-9 {
  background: linear-gradient(to bottom, #50346d 25%, #3e3e7b 100%); }

.about-the_way_we_do_things .about-section-wrap-10 {
  background: linear-gradient(to bottom, #3e3e7b 25%, #354987 100%); }

@media only screen and (min-width: 64em) {
  .about-the_way_we_do_things {
    margin-top: -245px;
    margin-left: -30px; }
    .about-the_way_we_do_things .header-wrap-3 .svg {
      margin-right: -200px; }
    .about-the_way_we_do_things .header-wrap-3 svg {
      max-height: 960px; }
    .about-the_way_we_do_things .about-section-wrap-8 {
      background: #50346d; }
      .about-the_way_we_do_things .about-section-wrap-8 .about-section-spacer {
        background: linear-gradient(to bottom, #73244b 0%, #50346d 100%); }
      .about-the_way_we_do_things .about-section-wrap-8 .svg {
        margin-left: -120px;
        margin-bottom: -65px; }
      .about-the_way_we_do_things .about-section-wrap-8 svg {
        max-height: 700px; }
    .about-the_way_we_do_things .about-section-wrap-9 {
      background: #3e3e7b; }
      .about-the_way_we_do_things .about-section-wrap-9 .about-section-spacer {
        background: linear-gradient(to bottom, #50346d 0%, #3e3e7b 100%); }
      .about-the_way_we_do_things .about-section-wrap-9 .svg {
        margin-bottom: -75px;
        margin-right: -55px;
        margin-top: -100px; }
      .about-the_way_we_do_things .about-section-wrap-9 svg {
        max-height: 770px; }
    .about-the_way_we_do_things .about-section-wrap-10 {
      background: #354987; }
      .about-the_way_we_do_things .about-section-wrap-10 .about-section-spacer {
        background: linear-gradient(to bottom, #3e3e7b 0%, #354987 100%); }
      .about-the_way_we_do_things .about-section-wrap-10 .svg {
        margin-top: -95px;
        margin-right: -65px; }
      .about-the_way_we_do_things .about-section-wrap-10 svg {
        max-height: 900px; } }

.about-footer {
  overflow-x: hidden;
  background: linear-gradient(to bottom, #354987 25%, #2f4787 100%); }
  .about-footer .svg {
    display: none; }
  .about-footer .about-footer-svg {
    margin-bottom: -110px;
    margin-right: -140px; }
  .about-footer .tilda-logo-white {
    position: relative;
    top: 140px;
    max-width: 240px;
    margin: 0 auto; }
  @media only screen and (min-width: 48em) {
    .about-footer .tilda-logo-white {
      top: 220px; } }
  @media only screen and (min-width: 64em) {
    .about-footer .svg {
      position: relative;
      display: block; }
    .about-footer .tilda-logo-white {
      top: 280px;
      max-width: 320px; } }

.about-section .about-section-img {
  position: relative;
  top: 0;
  width: 300px;
  height: 300px;
  margin: 0 auto;
  z-index: 10; }

@media only screen and (min-width: 64em) {
  .about-section .about-section-img {
    width: 480px;
    height: 480px; } }

.about-section-component {
  position: absolute;
  top: 0;
  background-repeat: no-repeat;
  zoom: 1;
  filter: alpha(opacity=0);
  opacity: 0;
  transition: opacity 1s cubic-bezier(0.68, -0.5, 0.265, 1.5); }
  @media only screen and (min-width: 64em) {
    .about-section-component {
      transition: opacity 1s cubic-bezier(0.68, -0.5, 0.265, 1.5), transform 1s cubic-bezier(0.68, -0.5, 0.265, 1.5);
      transform: scale(0.85, 0.85); } }
  .in-view .about-section-component {
    zoom: 1;
    filter: alpha(opacity=100);
    opacity: 1;
    transform: scale(1, 1); }

.about-section-component-0 {
  transition-delay: 0s; }

.about-section-component-1 {
  transition-delay: 0.15s; }

.about-section-component-2 {
  transition-delay: 0.25s; }

.about-section-component-3 {
  transition-delay: 0.35s; }

.about-section-component-4 {
  transition-delay: 0.45s; }

.about-section-1 .about-section-component-1 {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-about-purity.png);
  background-position: 0px 0px;
  width: 300px;
  height: 300px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .about-section-1 .about-section-component-1 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-purity@2x.png);
      background-size: 480px 3900px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.about-section-1 .about-section-component-2 {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-about-purity.png);
  background-position: 0px -300px;
  width: 300px;
  height: 300px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .about-section-1 .about-section-component-2 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-purity@2x.png);
      background-size: 480px 3900px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.about-section-1 .about-section-component-3 {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-about-purity.png);
  background-position: 0px -600px;
  width: 300px;
  height: 300px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .about-section-1 .about-section-component-3 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-purity@2x.png);
      background-size: 480px 3900px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.about-section-1 .about-section-component-4 {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-about-purity.png);
  background-position: 0px -900px;
  width: 300px;
  height: 300px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .about-section-1 .about-section-component-4 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-purity@2x.png);
      background-size: 480px 3900px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.about-section-1 .about-section-component-5 {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-about-purity.png);
  background-position: 0px -1200px;
  width: 300px;
  height: 300px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .about-section-1 .about-section-component-5 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-purity@2x.png);
      background-size: 480px 3900px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.about-section-2 .about-section-component-1 {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-about-simplicity.png);
  background-position: 0px 0px;
  width: 300px;
  height: 300px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .about-section-2 .about-section-component-1 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-simplicity@2x.png);
      background-size: 480px 3900px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.about-section-2 .about-section-component-2 {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-about-simplicity.png);
  background-position: 0px -300px;
  width: 300px;
  height: 300px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .about-section-2 .about-section-component-2 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-simplicity@2x.png);
      background-size: 480px 3900px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.about-section-2 .about-section-component-3 {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-about-simplicity.png);
  background-position: 0px -600px;
  width: 300px;
  height: 300px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .about-section-2 .about-section-component-3 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-simplicity@2x.png);
      background-size: 480px 3900px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.about-section-2 .about-section-component-4 {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-about-simplicity.png);
  background-position: 0px -900px;
  width: 300px;
  height: 300px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .about-section-2 .about-section-component-4 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-simplicity@2x.png);
      background-size: 480px 3900px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.about-section-2 .about-section-component-5 {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-about-simplicity.png);
  background-position: 0px -1200px;
  width: 300px;
  height: 300px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .about-section-2 .about-section-component-5 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-simplicity@2x.png);
      background-size: 480px 3900px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.about-section-3 .about-section-component-1 {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-about-sensory.png);
  background-position: 0px 0px;
  width: 300px;
  height: 300px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .about-section-3 .about-section-component-1 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-sensory@2x.png);
      background-size: 480px 3120px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.about-section-3 .about-section-component-2 {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-about-sensory.png);
  background-position: 0px -300px;
  width: 300px;
  height: 300px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .about-section-3 .about-section-component-2 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-sensory@2x.png);
      background-size: 480px 3120px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.about-section-3 .about-section-component-3 {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-about-sensory.png);
  background-position: 0px -600px;
  width: 300px;
  height: 300px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .about-section-3 .about-section-component-3 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-sensory@2x.png);
      background-size: 480px 3120px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.about-section-3 .about-section-component-4 {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-about-sensory.png);
  background-position: 0px -900px;
  width: 300px;
  height: 300px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .about-section-3 .about-section-component-4 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-sensory@2x.png);
      background-size: 480px 3120px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.about-section-4 .about-section-component-1 {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-about-natural.png);
  background-position: 0px 0px;
  width: 300px;
  height: 300px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .about-section-4 .about-section-component-1 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-natural@2x.png);
      background-size: 480px 3120px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.about-section-4 .about-section-component-2 {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-about-natural.png);
  background-position: 0px -300px;
  width: 300px;
  height: 300px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .about-section-4 .about-section-component-2 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-natural@2x.png);
      background-size: 480px 3120px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.about-section-4 .about-section-component-3 {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-about-natural.png);
  background-position: 0px -600px;
  width: 300px;
  height: 300px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .about-section-4 .about-section-component-3 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-natural@2x.png);
      background-size: 480px 3120px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.about-section-4 .about-section-component-4 {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-about-natural.png);
  background-position: 0px -900px;
  width: 300px;
  height: 300px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .about-section-4 .about-section-component-4 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-natural@2x.png);
      background-size: 480px 3120px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.about-section-5 .about-section-component-1 {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-about-basmati.png);
  background-position: 0px 0px;
  width: 300px;
  height: 300px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .about-section-5 .about-section-component-1 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-basmati@2x.png);
      background-size: 480px 3900px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.about-section-5 .about-section-component-2 {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-about-basmati.png);
  background-position: 0px -300px;
  width: 300px;
  height: 300px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .about-section-5 .about-section-component-2 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-basmati@2x.png);
      background-size: 480px 3900px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.about-section-5 .about-section-component-3 {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-about-basmati.png);
  background-position: 0px -600px;
  width: 300px;
  height: 300px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .about-section-5 .about-section-component-3 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-basmati@2x.png);
      background-size: 480px 3900px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.about-section-5 .about-section-component-4 {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-about-basmati.png);
  background-position: 0px -900px;
  width: 300px;
  height: 300px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .about-section-5 .about-section-component-4 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-basmati@2x.png);
      background-size: 480px 3900px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.about-section-5 .about-section-component-5 {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-about-basmati.png);
  background-position: 0px -1200px;
  width: 300px;
  height: 300px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .about-section-5 .about-section-component-5 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-basmati@2x.png);
      background-size: 480px 3900px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.about-section-6 .about-section-component-1 {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-about-nutrition.png);
  background-position: 0px 0px;
  width: 300px;
  height: 300px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .about-section-6 .about-section-component-1 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-nutrition@2x.png);
      background-size: 480px 3900px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.about-section-6 .about-section-component-2 {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-about-nutrition.png);
  background-position: 0px -300px;
  width: 300px;
  height: 300px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .about-section-6 .about-section-component-2 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-nutrition@2x.png);
      background-size: 480px 3900px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.about-section-6 .about-section-component-3 {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-about-nutrition.png);
  background-position: 0px -600px;
  width: 300px;
  height: 300px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .about-section-6 .about-section-component-3 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-nutrition@2x.png);
      background-size: 480px 3900px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.about-section-6 .about-section-component-4 {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-about-nutrition.png);
  background-position: 0px -900px;
  width: 300px;
  height: 300px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .about-section-6 .about-section-component-4 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-nutrition@2x.png);
      background-size: 480px 3900px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.about-section-6 .about-section-component-5 {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-about-nutrition.png);
  background-position: 0px -1200px;
  width: 300px;
  height: 300px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .about-section-6 .about-section-component-5 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-nutrition@2x.png);
      background-size: 480px 3900px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.about-section-7 .about-section-component-1 {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-about-standards.png);
  background-position: 0px 0px;
  width: 300px;
  height: 300px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .about-section-7 .about-section-component-1 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-standards@2x.png);
      background-size: 480px 3120px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.about-section-7 .about-section-component-2 {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-about-standards.png);
  background-position: 0px -300px;
  width: 300px;
  height: 300px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .about-section-7 .about-section-component-2 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-standards@2x.png);
      background-size: 480px 3120px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.about-section-7 .about-section-component-3 {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-about-standards.png);
  background-position: 0px -600px;
  width: 300px;
  height: 300px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .about-section-7 .about-section-component-3 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-standards@2x.png);
      background-size: 480px 3120px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.about-section-7 .about-section-component-4 {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-about-standards.png);
  background-position: 0px -900px;
  width: 300px;
  height: 300px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .about-section-7 .about-section-component-4 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-standards@2x.png);
      background-size: 480px 3120px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.about-section-8 .about-section-component-1 {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-about-story.png);
  background-position: 0px 0px;
  width: 300px;
  height: 300px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .about-section-8 .about-section-component-1 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-story@2x.png);
      background-size: 480px 2340px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.about-section-8 .about-section-component-2 {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-about-story.png);
  background-position: 0px -300px;
  width: 300px;
  height: 300px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .about-section-8 .about-section-component-2 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-story@2x.png);
      background-size: 480px 2340px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.about-section-8 .about-section-component-3 {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-about-story.png);
  background-position: 0px -600px;
  width: 300px;
  height: 300px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .about-section-8 .about-section-component-3 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-story@2x.png);
      background-size: 480px 2340px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.about-section-9 .about-section-component-1 {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-about-ethics.png);
  background-position: 0px 0px;
  width: 300px;
  height: 300px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .about-section-9 .about-section-component-1 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-ethics@2x.png);
      background-size: 480px 3120px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.about-section-9 .about-section-component-2 {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-about-ethics.png);
  background-position: 0px -300px;
  width: 300px;
  height: 300px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .about-section-9 .about-section-component-2 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-ethics@2x.png);
      background-size: 480px 3120px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.about-section-9 .about-section-component-3 {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-about-ethics.png);
  background-position: 0px -600px;
  width: 300px;
  height: 300px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .about-section-9 .about-section-component-3 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-ethics@2x.png);
      background-size: 480px 3120px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.about-section-9 .about-section-component-4 {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-about-ethics.png);
  background-position: 0px -900px;
  width: 300px;
  height: 300px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .about-section-9 .about-section-component-4 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-ethics@2x.png);
      background-size: 480px 3120px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

@media only screen and (min-width: 64em) {
  .about-section-1 .about-section-component-1 {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-about-purity.png);
    background-position: 0px -1500px;
    width: 480px;
    height: 480px; } }
  @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
    .about-section-1 .about-section-component-1 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-purity@2x.png);
      background-size: 480px 3900px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

@media only screen and (min-width: 64em) {
  .about-section-1 .about-section-component-2 {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-about-purity.png);
    background-position: 0px -1980px;
    width: 480px;
    height: 480px; } }
  @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
    .about-section-1 .about-section-component-2 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-purity@2x.png);
      background-size: 480px 3900px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

@media only screen and (min-width: 64em) {
  .about-section-1 .about-section-component-3 {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-about-purity.png);
    background-position: 0px -2460px;
    width: 480px;
    height: 480px; } }
  @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
    .about-section-1 .about-section-component-3 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-purity@2x.png);
      background-size: 480px 3900px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

@media only screen and (min-width: 64em) {
  .about-section-1 .about-section-component-4 {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-about-purity.png);
    background-position: 0px -2940px;
    width: 480px;
    height: 480px; } }
  @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
    .about-section-1 .about-section-component-4 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-purity@2x.png);
      background-size: 480px 3900px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

@media only screen and (min-width: 64em) {
  .about-section-1 .about-section-component-5 {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-about-purity.png);
    background-position: 0px -3420px;
    width: 480px;
    height: 480px; } }
  @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
    .about-section-1 .about-section-component-5 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-purity@2x.png);
      background-size: 480px 3900px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

@media only screen and (min-width: 64em) {
  .about-section-2 .about-section-component-1 {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-about-simplicity.png);
    background-position: 0px -1500px;
    width: 480px;
    height: 480px; } }
  @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
    .about-section-2 .about-section-component-1 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-simplicity@2x.png);
      background-size: 480px 3900px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

@media only screen and (min-width: 64em) {
  .about-section-2 .about-section-component-2 {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-about-simplicity.png);
    background-position: 0px -1980px;
    width: 480px;
    height: 480px; } }
  @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
    .about-section-2 .about-section-component-2 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-simplicity@2x.png);
      background-size: 480px 3900px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

@media only screen and (min-width: 64em) {
  .about-section-2 .about-section-component-3 {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-about-simplicity.png);
    background-position: 0px -2460px;
    width: 480px;
    height: 480px; } }
  @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
    .about-section-2 .about-section-component-3 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-simplicity@2x.png);
      background-size: 480px 3900px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

@media only screen and (min-width: 64em) {
  .about-section-2 .about-section-component-4 {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-about-simplicity.png);
    background-position: 0px -2940px;
    width: 480px;
    height: 480px; } }
  @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
    .about-section-2 .about-section-component-4 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-simplicity@2x.png);
      background-size: 480px 3900px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

@media only screen and (min-width: 64em) {
  .about-section-2 .about-section-component-5 {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-about-simplicity.png);
    background-position: 0px -3420px;
    width: 480px;
    height: 480px; } }
  @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
    .about-section-2 .about-section-component-5 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-simplicity@2x.png);
      background-size: 480px 3900px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

@media only screen and (min-width: 64em) {
  .about-section-3 .about-section-component-1 {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-about-sensory.png);
    background-position: 0px -1200px;
    width: 480px;
    height: 480px; } }
  @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
    .about-section-3 .about-section-component-1 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-sensory@2x.png);
      background-size: 480px 3120px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

@media only screen and (min-width: 64em) {
  .about-section-3 .about-section-component-2 {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-about-sensory.png);
    background-position: 0px -1680px;
    width: 480px;
    height: 480px; } }
  @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
    .about-section-3 .about-section-component-2 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-sensory@2x.png);
      background-size: 480px 3120px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

@media only screen and (min-width: 64em) {
  .about-section-3 .about-section-component-3 {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-about-sensory.png);
    background-position: 0px -2160px;
    width: 480px;
    height: 480px; } }
  @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
    .about-section-3 .about-section-component-3 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-sensory@2x.png);
      background-size: 480px 3120px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

@media only screen and (min-width: 64em) {
  .about-section-3 .about-section-component-4 {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-about-sensory.png);
    background-position: 0px -2640px;
    width: 480px;
    height: 480px; } }
  @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
    .about-section-3 .about-section-component-4 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-sensory@2x.png);
      background-size: 480px 3120px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

@media only screen and (min-width: 64em) {
  .about-section-4 .about-section-component-1 {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-about-natural.png);
    background-position: 0px -1200px;
    width: 480px;
    height: 480px; } }
  @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
    .about-section-4 .about-section-component-1 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-natural@2x.png);
      background-size: 480px 3120px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

@media only screen and (min-width: 64em) {
  .about-section-4 .about-section-component-2 {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-about-natural.png);
    background-position: 0px -1680px;
    width: 480px;
    height: 480px; } }
  @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
    .about-section-4 .about-section-component-2 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-natural@2x.png);
      background-size: 480px 3120px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

@media only screen and (min-width: 64em) {
  .about-section-4 .about-section-component-3 {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-about-natural.png);
    background-position: 0px -2160px;
    width: 480px;
    height: 480px; } }
  @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
    .about-section-4 .about-section-component-3 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-natural@2x.png);
      background-size: 480px 3120px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

@media only screen and (min-width: 64em) {
  .about-section-4 .about-section-component-4 {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-about-natural.png);
    background-position: 0px -2640px;
    width: 480px;
    height: 480px; } }
  @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
    .about-section-4 .about-section-component-4 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-natural@2x.png);
      background-size: 480px 3120px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

@media only screen and (min-width: 64em) {
  .about-section-5 .about-section-component-1 {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-about-basmati.png);
    background-position: 0px -1500px;
    width: 480px;
    height: 480px; } }
  @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
    .about-section-5 .about-section-component-1 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-basmati@2x.png);
      background-size: 480px 3900px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

@media only screen and (min-width: 64em) {
  .about-section-5 .about-section-component-2 {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-about-basmati.png);
    background-position: 0px -1980px;
    width: 480px;
    height: 480px; } }
  @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
    .about-section-5 .about-section-component-2 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-basmati@2x.png);
      background-size: 480px 3900px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

@media only screen and (min-width: 64em) {
  .about-section-5 .about-section-component-3 {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-about-basmati.png);
    background-position: 0px -2460px;
    width: 480px;
    height: 480px; } }
  @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
    .about-section-5 .about-section-component-3 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-basmati@2x.png);
      background-size: 480px 3900px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

@media only screen and (min-width: 64em) {
  .about-section-5 .about-section-component-4 {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-about-basmati.png);
    background-position: 0px -2940px;
    width: 480px;
    height: 480px; } }
  @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
    .about-section-5 .about-section-component-4 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-basmati@2x.png);
      background-size: 480px 3900px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

@media only screen and (min-width: 64em) {
  .about-section-5 .about-section-component-5 {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-about-basmati.png);
    background-position: 0px -3420px;
    width: 480px;
    height: 480px; } }
  @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
    .about-section-5 .about-section-component-5 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-basmati@2x.png);
      background-size: 480px 3900px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

@media only screen and (min-width: 64em) {
  .about-section-6 .about-section-component-1 {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-about-nutrition.png);
    background-position: 0px -1500px;
    width: 480px;
    height: 480px; } }
  @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
    .about-section-6 .about-section-component-1 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-nutrition@2x.png);
      background-size: 480px 3900px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

@media only screen and (min-width: 64em) {
  .about-section-6 .about-section-component-2 {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-about-nutrition.png);
    background-position: 0px -1980px;
    width: 480px;
    height: 480px; } }
  @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
    .about-section-6 .about-section-component-2 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-nutrition@2x.png);
      background-size: 480px 3900px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

@media only screen and (min-width: 64em) {
  .about-section-6 .about-section-component-3 {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-about-nutrition.png);
    background-position: 0px -2460px;
    width: 480px;
    height: 480px; } }
  @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
    .about-section-6 .about-section-component-3 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-nutrition@2x.png);
      background-size: 480px 3900px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

@media only screen and (min-width: 64em) {
  .about-section-6 .about-section-component-4 {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-about-nutrition.png);
    background-position: 0px -2940px;
    width: 480px;
    height: 480px; } }
  @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
    .about-section-6 .about-section-component-4 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-nutrition@2x.png);
      background-size: 480px 3900px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

@media only screen and (min-width: 64em) {
  .about-section-6 .about-section-component-5 {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-about-nutrition.png);
    background-position: 0px -3420px;
    width: 480px;
    height: 480px; } }
  @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
    .about-section-6 .about-section-component-5 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-nutrition@2x.png);
      background-size: 480px 3900px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

@media only screen and (min-width: 64em) {
  .about-section-7 .about-section-component-1 {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-about-standards.png);
    background-position: 0px -1200px;
    width: 480px;
    height: 480px; } }
  @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
    .about-section-7 .about-section-component-1 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-standards@2x.png);
      background-size: 480px 3120px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

@media only screen and (min-width: 64em) {
  .about-section-7 .about-section-component-2 {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-about-standards.png);
    background-position: 0px -1680px;
    width: 480px;
    height: 480px; } }
  @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
    .about-section-7 .about-section-component-2 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-standards@2x.png);
      background-size: 480px 3120px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

@media only screen and (min-width: 64em) {
  .about-section-7 .about-section-component-3 {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-about-standards.png);
    background-position: 0px -2160px;
    width: 480px;
    height: 480px; } }
  @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
    .about-section-7 .about-section-component-3 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-standards@2x.png);
      background-size: 480px 3120px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

@media only screen and (min-width: 64em) {
  .about-section-7 .about-section-component-4 {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-about-standards.png);
    background-position: 0px -2640px;
    width: 480px;
    height: 480px; } }
  @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
    .about-section-7 .about-section-component-4 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-standards@2x.png);
      background-size: 480px 3120px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

@media only screen and (min-width: 64em) {
  .about-section-8 .about-section-component-1 {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-about-story.png);
    background-position: 0px -900px;
    width: 480px;
    height: 480px; } }
  @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
    .about-section-8 .about-section-component-1 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-story@2x.png);
      background-size: 480px 2340px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

@media only screen and (min-width: 64em) {
  .about-section-8 .about-section-component-2 {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-about-story.png);
    background-position: 0px -1380px;
    width: 480px;
    height: 480px; } }
  @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
    .about-section-8 .about-section-component-2 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-story@2x.png);
      background-size: 480px 2340px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

@media only screen and (min-width: 64em) {
  .about-section-8 .about-section-component-3 {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-about-story.png);
    background-position: 0px -1860px;
    width: 480px;
    height: 480px; } }
  @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
    .about-section-8 .about-section-component-3 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-story@2x.png);
      background-size: 480px 2340px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

@media only screen and (min-width: 64em) {
  .about-section-9 .about-section-component-1 {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-about-ethics.png);
    background-position: 0px -1200px;
    width: 480px;
    height: 480px; } }
  @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
    .about-section-9 .about-section-component-1 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-ethics@2x.png);
      background-size: 480px 3120px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

@media only screen and (min-width: 64em) {
  .about-section-9 .about-section-component-2 {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-about-ethics.png);
    background-position: 0px -1680px;
    width: 480px;
    height: 480px; } }
  @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
    .about-section-9 .about-section-component-2 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-ethics@2x.png);
      background-size: 480px 3120px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

@media only screen and (min-width: 64em) {
  .about-section-9 .about-section-component-3 {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-about-ethics.png);
    background-position: 0px -2160px;
    width: 480px;
    height: 480px; } }
  @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
    .about-section-9 .about-section-component-3 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-ethics@2x.png);
      background-size: 480px 3120px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

@media only screen and (min-width: 64em) {
  .about-section-9 .about-section-component-4 {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-about-ethics.png);
    background-position: 0px -2640px;
    width: 480px;
    height: 480px; } }
  @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
    .about-section-9 .about-section-component-4 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-ethics@2x.png);
      background-size: 480px 3120px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.about-tilda-page {
  color: #fff;
  font-family: "brandon-grotesque", sans-serif; }

.about-section {
  padding-bottom: 1rem; }
  @media only screen and (min-width: 60em) {
    .about-section {
      padding: 3.5rem 0; } }

.about-row {
  margin: 0 auto;
  padding: 1rem 0.9375rem;
  display: flex;
  flex-direction: column;
  max-width: 75rem; }
  .about-row--hero {
    justify-content: center;
    position: relative;
    padding-bottom: 0; }
  .about-row:nth-child(2) {
    padding-top: 0.5rem; }
  @media only screen and (min-width: 48em) {
    .about-row {
      flex-direction: row;
      align-items: center;
      padding: 2rem; }
      .about-row__reversed {
        flex-direction: row-reverse; } }
  @media only screen and (min-width: 48em) {
    .about-row:first-child:not(.about-row--hero) {
      padding-bottom: 3.5rem; } }

@media only screen and (min-width: 48em) {
  .about-cell {
    padding-left: 1rem;
    padding-right: 1rem;
    display: flex;
    flex-direction: column;
    justify-items: center;
    flex: 1; }
    .about-cell h1,
    .about-cell h2,
    .about-cell h3 {
      margin-bottom: 0; }
    .about-cell img {
      flex-shrink: 0; }
    .about-cell:first-child {
      flex: 2; }
    .about-cell:nth-child(2) {
      flex: 1.8; } }

@media only screen and (min-width: 60em) {
  .about-cell__copy {
    padding: 0 3.5rem; }
  .about-cell:nth-child(2) {
    flex: 1.8; } }

.about-header {
  margin: 0;
  font-family: 'earth_richregular', 'Arial';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  font-size: 5rem;
  text-align: center;
  margin: 0;
  padding: 0 1rem;
  width: 100%; }
  @media only screen and (min-width: 48em) {
    .about-header {
      font-size: 7rem; } }

.page-template-page-big-hearted .site-content {
  background: #2f4787;
  color: #FFFFFF;
  padding: 0; }

.page-template-page-big-hearted .site-main h1 {
  font-size: 48px;
  font-size: 3rem; }

.page-template-page-big-hearted .site-main form {
  background: transparent; }
  .page-template-page-big-hearted .site-main form label {
    color: #ffffff; }

.recipe-wrap {
  background-color: #2f3f5d; }
  .recipe-wrap:before {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-backgrounds.png);
    background-position: 0px -134px;
    width: 1207px;
    height: 12px;
    width: 100%;
    top: -12px; }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      .recipe-wrap:before {
        background-image: url(/wp-content/themes/tilda/library/img/sprite-backgrounds@2x.png);
        background-size: 1207px 291px;
        -ms-behavior: url(/backgroundsize.min.htc); } }
  .recipe-wrap .contain {
    width: 90%;
    margin: auto; }
    @media only screen and (min-width: 64em) {
      .recipe-wrap .contain {
        width: 640px; } }
  .recipe-wrap h1 {
    text-align: center; }

.kitchen-secret-panel .like-button {
  background: none;
  position: relative; }

.kitchen-secret-panel-special {
  overflow: visible;
  position: relative; }
  .kitchen-secret-panel-special .panel-image {
    position: relative; }
    .kitchen-secret-panel-special .panel-image a {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      width: 100%;
      height: 100%; }
  .kitchen-secret-panel-special .panel-details h3 {
    padding: 0 0 .625em 0;
    line-height: 1.1; }
  .kitchen-secret-panel-special .panel-badge {
    display: inline-block;
    width: auto;
    position: absolute;
    top: -1em;
    right: -1em;
    left: auto;
    z-index: 2; }
  @media only screen and (min-width: 64em) {
    .kitchen-secret-panel-special {
      padding: 10px; }
      .kitchen-secret-panel-special .panel-image {
        height: 220px;
        width: 100%;
        position: relative; }
      .kitchen-secret-panel-special .panel-details {
        text-align: left; }
        .kitchen-secret-panel-special .panel-details h3 {
          padding: 0 1em .625em 0; } }

.howtocook-times .panel-heading {
  color: #fff; }

.howtocook-table {
  background-color: #e6f0f4;
  border-radius: 5px;
  color: #1e3b4c; }
  .howtocook-table thead tr {
    position: absolute;
    top: -9999em;
    left: -9999em; }
  .howtocook-table tr, .howtocook-table th, .howtocook-table td {
    display: block; }
  .howtocook-table tr {
    padding: 0 1em; }
  .howtocook-table tr:nth-of-type(even) {
    background: #fff; }
  .howtocook-table td:last-child {
    border-bottom: 1px solid #c0c6d0; }
  .howtocook-table td:before {
    display: block;
    text-transform: uppercase;
    font-weight: bold; }
  .howtocook-table .howto-prod-name:before {
    content: "Product:";
    display: block;
    text-transform: uppercase;
    font-weight: bold; }
  .howtocook-table td:nth-of-type(2):before {
    content: "Cooking Time:"; }
  .howtocook-table td:nth-of-type(3):before {
    content: "Leave to stand before serving:"; }
  .howtocook-table tr td, .howtocook-table tr th {
    border-bottom: 1px solid #c0c6d0;
    padding: 5px 4px;
    vertical-align: middle;
    text-align: left; }
    .howtocook-table tr td:last-child, .howtocook-table tr th:last-child {
      border: 0; }
  .howtocook-table tr th {
    font-size: 13.6px;
    font-size: 0.85rem;
    text-transform: uppercase;
    padding: 10px; }
  .howtocook-table .howto-prod-title {
    overflow: hidden;
    vertical-align: middle; }
  .howtocook-table .howto-prod-img {
    float: right;
    text-align: center;
    display: inline-block;
    vertical-align: middle; }
  @media only screen and (min-width: 40em) {
    .howtocook-table thead tr {
      position: relative;
      top: auto;
      left: auto; }
      .howtocook-table thead tr .howto-prod-title {
        padding-left: 85px; }
    .howtocook-table tr {
      display: table-row;
      padding: 0; }
      .howtocook-table tr th, .howtocook-table tr td {
        display: table-cell; }
        .howtocook-table tr th:last-child, .howtocook-table tr td:last-child {
          border-bottom: 1px solid #c0c6d0; }
    .howtocook-table tr:nth-of-type(even) {
      background-color: transparent; }
    .howtocook-table td:before,
    .howtocook-table .howto-prod-name:before {
      display: none;
      content: " "; }
    .howtocook-table .howto-prod-img {
      float: none;
      padding: 0 20px; }
      .howtocook-table .howto-prod-img img {
        display: inline-block;
        vertical-align: middle; }
    .howtocook-table .howto-prod-title {
      width: 40%; }
    .howtocook-table .howto-cooking-time {
      width: 40%; }
    .howtocook-table .howto-standing-time {
      text-align: center;
      width: 25%; } }

.kitchensecrets-steps {
  padding-bottom: 0; }
  .kitchensecrets-steps .row {
    padding-bottom: 2em; }
  .kitchensecrets-steps .text {
    text-align: center; }
    .kitchensecrets-steps .text h3 {
      margin-bottom: .5em; }
    .kitchensecrets-steps .text p {
      padding-top: 0;
      margin-top: 0; }
  .kitchensecrets-steps .stepcount {
    display: block;
    color: #a3a3a3; }
  @media only screen and (min-width: 40em) {
    .kitchensecrets-steps .text {
      padding-left: 3em;
      text-align: left; }
    .kitchensecrets-steps .medium-pull-5 {
      text-align: right; }
      .kitchensecrets-steps .medium-pull-5 .text {
        padding-left: 0;
        padding-right: 3em; } }

.cta-scrapbook {
  padding-top: 10px; }
  .cta-scrapbook h3 {
    font-size: 20.8px;
    font-size: 1.3rem; }
  .cta-scrapbook .button.ajax-f10_update_scrapbook_status {
    background-color: #53b7d6;
    border: 0;
    padding: .75em 2em;
    position: relative; }
    .cta-scrapbook .button.ajax-f10_update_scrapbook_status:hover, .cta-scrapbook .button.ajax-f10_update_scrapbook_status:active, .cta-scrapbook .button.ajax-f10_update_scrapbook_status:focus {
      background-color: #63c9e9;
      color: #fff; }
    .cta-scrapbook .button.ajax-f10_update_scrapbook_status .site-wide-icons {
      display: none; }
    .cta-scrapbook .button.ajax-f10_update_scrapbook_status .icon-arrow-wrap {
      position: absolute;
      right: 30px; }
    .cta-scrapbook .button.ajax-f10_update_scrapbook_status .icon-rice-arrow-right-stem-1 {
      color: #9cd5e7;
      zoom: 1;
      filter: alpha(opacity=100);
      opacity: 1; }
    .cta-scrapbook .button.ajax-f10_update_scrapbook_status .icon-rice-arrow-right-stem-2 {
      color: #469eb9;
      zoom: 1;
      filter: alpha(opacity=100);
      opacity: 1; }
    .cta-scrapbook .button.ajax-f10_update_scrapbook_status .icon-rice-arrow-right-stem-3 {
      display: none; }
  .cta-scrapbook .like-share-block {
    padding-top: 2em;
    display: inline-block; }
    .cta-scrapbook .like-share-block .like-button {
      padding: 0 .5em; }
    .cta-scrapbook .like-share-block .f10-social-share {
      padding: 0 .5em; }
  .cta-scrapbook.bg-mblue h3 {
    color: #fff; }
  .cta-scrapbook.bg-mblue .icon-like-heart {
    color: #223b73; }

.slider-top-nav {
  margin: 0 0 20px 0;
  padding: 0;
  text-align: center; }
  .slider-top-nav li.slider-top-nav--slide {
    color: #a3a3a3;
    display: block;
    text-transform: uppercase;
    text-align: center;
    padding: 5px 20px;
    width: 100% !important; }
    .slider-top-nav li.slider-top-nav--slide:hover, .slider-top-nav li.slider-top-nav--slide:focus {
      color: #fff;
      cursor: pointer;
      outline: none; }
    .slider-top-nav li.slider-top-nav--slide.slick-slide {
      float: none;
      display: inline-block; }
    .slider-top-nav li.slider-top-nav--slide.slick-current {
      color: #fff; }
  @media only screen and (min-width: 40em) {
    .slider-top-nav li.slider-top-nav--slide {
      display: inline;
      width: auto !important; } }

.cookbooks .panel .panel-image {
  height: 360px; }

.cookbook-grid {
  max-width: 75em;
  margin: 0 auto;
  position: relative;
  text-align: center; }

.cookbook-grid .cookbook--item {
  display: inline-block;
  margin: 0 .5em;
  min-width: 270px;
  vertical-align: top; }
  .cookbook-grid .cookbook--item .panel .panel-image {
    background-color: #fff; }

.cookbook-grid .cookbook--item > a {
  border: none;
  outline: none;
  display: block;
  position: relative; }

.cookbook-grid .item-expanded > a::after {
  top: auto;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-bottom-color: #fff;
  border-width: 15px;
  left: 50%;
  margin: -20px 0 0 -15px; }

.item-close {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 20px;
  right: 20px;
  cursor: pointer; }

.item-close::before,
.item-close::after {
  content: '';
  position: absolute;
  width: 100%;
  top: 50%;
  height: 1px;
  background: #223b73;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg); }

.item-close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.item-close:hover::before,
.item-close:hover::after {
  background: #223b73; }

.cookbook-download-form {
  text-align: center;
  display: block;
  height: 0;
  overflow: hidden;
  position: relative;
  margin-bottom: 2em;
  border-radius: 5px;
  max-width: 1155px;
  margin: 0 auto 20px; }
  .cookbook-download-form:before {
    content: "";
    background-image: url(/wp-content/themes/tilda/library/img/sprite-details.png);
    background-position: 0px -244px;
    width: 44px;
    height: 39px;
    position: absolute;
    top: 10px;
    left: 10px; }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      .cookbook-download-form:before {
        background-image: url(/wp-content/themes/tilda/library/img/sprite-details@2x.png);
        background-size: 280px 3310px;
        -ms-behavior: url(/backgroundsize.min.htc); } }
  .cookbook-download-form:after {
    content: "";
    background-image: url(/wp-content/themes/tilda/library/img/sprite-details.png);
    background-position: 0px -365px;
    width: 39px;
    height: 44px;
    position: absolute;
    bottom: 10px;
    right: 10px; }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      .cookbook-download-form:after {
        background-image: url(/wp-content/themes/tilda/library/img/sprite-details@2x.png);
        background-size: 280px 3310px;
        -ms-behavior: url(/backgroundsize.min.htc); } }
  .cookbook-download-form #cookbook-email-error {
    color: red;
    display: none;
    text-align: center; }
    .cookbook-download-form #cookbook-email-error.error {
      display: block; }
  .cookbook-download-form.cookbook-expanded {
    height: auto; }
  .cookbook-download-form .cookbook-form-wrapper {
    padding: 1em 0;
    background-color: #fff; }
  .cookbook-download-form p {
    margin: 0; }
  .cookbook-download-form .cookbook-guide-title {
    font-weight: bold; }
  .cookbook-download-form .cookbook-form {
    padding: 1em 0 0 0; }
  .cookbook-download-form .cookbook-email {
    display: inline-block;
    width: auto;
    min-width: 300px; }
  .cookbook-download-form .form-layout-checkbox, .cookbook-download-form .gform_wrapper .ginput_container_checkbox, .gform_wrapper .cookbook-download-form .ginput_container_checkbox, .cookbook-download-form .gform_wrapper .ginput_container_radio, .gform_wrapper .cookbook-download-form .ginput_container_radio {
    display: inline-block;
    margin-top: 1em; }

@-webkit-keyframes loader {
  0% {
    background: #ddd; }
  33% {
    background: #ccc;
    box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
  66% {
    background: #ccc;
    box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; } }

@-moz-keyframes loader {
  0% {
    background: #ddd; }
  33% {
    background: #ccc;
    box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
  66% {
    background: #ccc;
    box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; } }

@keyframes loader {
  0% {
    background: #ddd; }
  33% {
    background: #ccc;
    box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
  66% {
    background: #ccc;
    box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; } }

.page-template-page-where-to-buy .page-header h1 {
  font-size: 1.4em; }

@media only screen and (min-width: 768px) {
  .page-template-page-where-to-buy .page-header h1 {
    font-size: 2em; } }

.page-template-page-where-to-buy .content-area {
  background: #2f4787; }
  .page-template-page-where-to-buy .content-area.user-page-wrap {
    padding: 0 0.5em; }

.page-template-page-where-to-buy .grid-expander .grid-expander-inner {
  background: #FFF;
  margin: 0 0.8em;
  position: relative;
  border-radius: 5px; }
  .page-template-page-where-to-buy .grid-expander .grid-expander-inner .expander-items {
    position: relative;
    padding: 0;
    margin: 0;
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    align-content: flex-start; }
    .page-template-page-where-to-buy .grid-expander .grid-expander-inner .expander-items li {
      list-style-type: none;
      flex: 1 0 auto;
      text-align: center;
      width: 25%;
      flex-direction: column; }
      .page-template-page-where-to-buy .grid-expander .grid-expander-inner .expander-items li a {
        display: inline-block;
        padding: 0.5em 0;
        width: 80px; }
        .page-template-page-where-to-buy .grid-expander .grid-expander-inner .expander-items li a img {
          display: inline-block;
          max-height: 40px;
          max-width: 60px;
          vertical-align: bottom; }
    @media only screen and (min-width: 600px) {
      .page-template-page-where-to-buy .grid-expander .grid-expander-inner .expander-items li a {
        padding: 1em 0; }
        .page-template-page-where-to-buy .grid-expander .grid-expander-inner .expander-items li a img {
          max-width: 90px; } }

@media only screen and (min-width: 1230px) {
  .page-template-page-where-to-buy .grid-expander .grid-expander-inner {
    margin-left: auto;
    margin-right: auto;
    max-width: calc(75em - 10px); } }

.page-template-page-where-to-buy .grid-expander.single-expander {
  height: 0;
  overflow: hidden;
  position: absolute;
  top: auto;
  left: 0;
  width: 100%; }
  .page-template-page-where-to-buy .grid-expander.single-expander .panel-close {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer; }
    @media only screen and (min-width: 600px) {
      .page-template-page-where-to-buy .grid-expander.single-expander .panel-close {
        top: 15px;
        right: 15px; } }

.page-template-page-where-to-buy .product-buy-cat h2 {
  color: #FFF;
  border-bottom: 1px solid #FFF;
  margin: 0 5px 0.5em 5px;
  padding: 0.5em 0; }

.page-template-page-where-to-buy .product-buy-cat .og-grid {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  text-align: center;
  width: 100%;
  display: flex;
  flex-flow: row wrap; }
  .page-template-page-where-to-buy .product-buy-cat .og-grid .grid-item {
    display: inline-block;
    margin: 0 5px;
    flex: 1 0 50%;
    max-width: calc(50% - 10px); }
    .page-template-page-where-to-buy .product-buy-cat .og-grid .grid-item:nth-child(n+3) {
      margin-top: 10px; }
    @media only screen and (min-width: 600px) {
      .page-template-page-where-to-buy .product-buy-cat .og-grid .grid-item {
        max-width: calc(33.33333% - 10px); }
        .page-template-page-where-to-buy .product-buy-cat .og-grid .grid-item:nth-child(n+3) {
          margin-top: 0; }
        .page-template-page-where-to-buy .product-buy-cat .og-grid .grid-item:nth-child(n+4) {
          margin-top: 10px; } }
    @media only screen and (min-width: 860px) {
      .page-template-page-where-to-buy .product-buy-cat .og-grid .grid-item {
        max-width: calc(25% - 10px); }
        .page-template-page-where-to-buy .product-buy-cat .og-grid .grid-item:nth-child(n+4) {
          margin-top: 0; }
        .page-template-page-where-to-buy .product-buy-cat .og-grid .grid-item:nth-child(n+5) {
          margin-top: 10px; } }
    @media only screen and (min-width: 1100px) {
      .page-template-page-where-to-buy .product-buy-cat .og-grid .grid-item {
        max-width: calc(16.66667% - 10px); }
        .page-template-page-where-to-buy .product-buy-cat .og-grid .grid-item:nth-child(n+5) {
          margin-top: 0; }
        .page-template-page-where-to-buy .product-buy-cat .og-grid .grid-item:nth-child(n+7) {
          margin-top: 10px; } }
    .page-template-page-where-to-buy .product-buy-cat .og-grid .grid-item .grid-panel {
      background: #FFF;
      border-radius: 5px;
      margin-bottom: 0;
      overflow: inherit; }
      .page-template-page-where-to-buy .product-buy-cat .og-grid .grid-item .grid-panel .panel-inner {
        display: block;
        width: 100%;
        padding: 1em 0; }
        .page-template-page-where-to-buy .product-buy-cat .og-grid .grid-item .grid-panel .panel-inner .panel-buy-title {
          padding: 0;
          margin: 0 0 0.5em 0;
          display: table;
          width: 100%; }
          .page-template-page-where-to-buy .product-buy-cat .og-grid .grid-item .grid-panel .panel-inner .panel-buy-title h3 {
            font-size: 1em;
            text-transform: uppercase;
            display: table-cell;
            vertical-align: middle; }
            .page-template-page-where-to-buy .product-buy-cat .og-grid .grid-item .grid-panel .panel-inner .panel-buy-title h3 span {
              width: 75%;
              display: inline-block; }
        .page-template-page-where-to-buy .product-buy-cat .og-grid .grid-item .grid-panel .panel-inner .product-buy-img {
          display: inline-block;
          height: 190px; }
        .page-template-page-where-to-buy .product-buy-cat .og-grid .grid-item .grid-panel .panel-inner .sizes-title {
          text-transform: uppercase;
          font-size: 0.8em;
          font-weight: 700;
          margin: 0 0 0.5em 0; }
        .page-template-page-where-to-buy .product-buy-cat .og-grid .grid-item .grid-panel .panel-inner .sizes-panel {
          margin-bottom: 0.5em; }
          .page-template-page-where-to-buy .product-buy-cat .og-grid .grid-item .grid-panel .panel-inner .sizes-panel .sizes-btn {
            display: block;
            width: 46%;
            float: left;
            background: #e5eeee;
            cursor: pointer;
            border-radius: 20px;
            margin: 0 1% 5px 3%;
            text-decoration: underline;
            font-weight: bold;
            font-size: 0.8em;
            padding: 0.35em; }
            .page-template-page-where-to-buy .product-buy-cat .og-grid .grid-item .grid-panel .panel-inner .sizes-panel .sizes-btn:nth-of-type(2n+2) {
              margin: 0 3% 5px 1%; }
            .page-template-page-where-to-buy .product-buy-cat .og-grid .grid-item .grid-panel .panel-inner .sizes-panel .sizes-btn:hover, .page-template-page-where-to-buy .product-buy-cat .og-grid .grid-item .grid-panel .panel-inner .sizes-panel .sizes-btn.open {
              text-decoration: none;
              color: #FFF;
              background: #63c9e9; }
            .page-template-page-where-to-buy .product-buy-cat .og-grid .grid-item .grid-panel .panel-inner .sizes-panel .sizes-btn.single-size {
              width: 94%;
              margin: 0 3%; }
          .page-template-page-where-to-buy .product-buy-cat .og-grid .grid-item .grid-panel .panel-inner .sizes-panel:after {
            content: '';
            display: block;
            clear: both; }
        .page-template-page-where-to-buy .product-buy-cat .og-grid .grid-item .grid-panel .panel-inner .btn-buying {
          font-size: 0.75rem;
          padding: .5em 1.5em;
          min-height: 32px;
          line-height: 1.5; }
      .page-template-page-where-to-buy .product-buy-cat .og-grid .grid-item .grid-panel.panel-arrow {
        position: relative; }
        .page-template-page-where-to-buy .product-buy-cat .og-grid .grid-item .grid-panel.panel-arrow:after {
          top: auto;
          border: solid transparent;
          content: " ";
          height: 0;
          width: 0;
          position: absolute;
          pointer-events: none;
          border-bottom-color: #FFF;
          border-width: 10px;
          left: 50%;
          margin: 0 0 0 -10px; }
  .no-flexbox .page-template-page-where-to-buy .product-buy-cat .og-grid {
    display: table;
    width: 100%;
    text-align: left; }
    .no-flexbox .page-template-page-where-to-buy .product-buy-cat .og-grid .grid-item {
      text-align: center;
      vertical-align: top; }
      .no-flexbox .page-template-page-where-to-buy .product-buy-cat .og-grid .grid-item .grid-panel-fallback {
        display: table-cell;
        float: none;
        vertical-align: middle;
        width: 50%; }
      @media only screen and (min-width: 600px) {
        .no-flexbox .page-template-page-where-to-buy .product-buy-cat .og-grid .grid-item {
          width: 33.33333%; } }
      @media only screen and (min-width: 860px) {
        .no-flexbox .page-template-page-where-to-buy .product-buy-cat .og-grid .grid-item {
          width: 25%; } }
      @media only screen and (min-width: 110px) {
        .no-flexbox .page-template-page-where-to-buy .product-buy-cat .og-grid .grid-item {
          width: 16.66667%; } }

.page-template-page-where-to-buy .product-buy-cat:last-of-type {
  padding-bottom: 1em; }

.page-template-page-contact .site-content {
  background: #2f4787; }

.page-template-page-contact .content-area {
  background-position: center 200px; }

.page-template-page-contact .content-wrap {
  color: #bec3d4;
  margin: 2em 0;
  padding: 0 1em; }

@media only screen and (min-width: 60em) {
  .page-template-page-contact p {
    font-size: 20px;
    font-size: 1.25rem; }
  .page-template-page-contact .content-wrap {
    padding: 0 2.5em;
    margin: 4em 0; } }

.fc-section-wrap {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -ms-behavior: url(/backgroundsize.min.htc);
  position: relative;
  padding: 2em 0; }
  .fc-section-wrap.no-pad {
    padding: 0; }
    .fc-section-wrap.no-pad.fc-full-text {
      padding: 1em 0 0 0; }
  .fc-section-wrap .flexible-tear {
    position: absolute;
    left: 0;
    right: 0;
    background-repeat: repeat-x;
    width: 100%;
    z-index: 1; }
  .fc-section-wrap .fc-section-tear {
    height: 11px;
    width: 100%;
    background-repeat-x: repeat !important;
    background-repeat-y: no-repeat !important;
    position: absolute;
    z-index: 5; }
    .fc-section-wrap .fc-section-tear.tear-top {
      top: -9px; }
    .fc-section-wrap .fc-section-tear.tear-bottom {
      bottom: -7px; }
  .fc-section-wrap .fc-section-title {
    text-align: center;
    margin-bottom: 1.5em;
    color: #1e3b4c; }
  .fc-section-wrap .layout-target {
    max-width: 600px;
    margin: 0 auto; }
  .fc-section-wrap h1 {
    margin: 0;
    text-align: center; }
  .fc-section-wrap .light {
    color: #FFFFFF; }
    .fc-section-wrap .light a {
      color: #FFFFFF; }
    .fc-section-wrap .light label {
      color: #FFFFFF; }
  .fc-section-wrap .blue {
    color: #2f4787; }
    .fc-section-wrap .blue a {
      color: #2f4787; }
      .fc-section-wrap .blue a.btn-dark:hover {
        color: #fff; }
    .fc-section-wrap .blue label {
      color: #2f4787; }
  .fc-section-wrap .fc-section-content {
    width: 100%;
    padding-left: 1em;
    padding-right: 1em; }
  .fc-section-wrap .layout-target {
    max-width: 1024px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
  @media only screen and (min-width: 48em) {
    .fc-section-wrap .layout-target {
      flex-direction: row; }
    .no-flexbox .fc-section-wrap .layout-target {
      display: table;
      width: 100%; }
    .no-flexbox .fc-section-wrap .fc-section-content {
      display: table-cell;
      vertical-align: middle; } }
  @media only screen and (min-width: 60em) {
    .fc-section-wrap h1 {
      font-size: 52px;
      font-size: 3.25rem; } }

@media only screen and (min-width: 48em) {
  .fc-split-half .fc-section-content {
    flex: 0 1 49%; }
  .no-flexbox .fc-split-half .fc-section-content {
    width: 50%; } }

@media only screen and (min-width: 48em) {
  .fc-split-third .fc-section-content {
    flex: 0 1 33.33%; }
  .no-flexbox .fc-split-third .fc-section-content {
    width: 33.33%; } }

.fc-full-text .fc-section-content,
.fc-split-image-text .fc-section-content {
  max-width: 640px; }

.fc-full-text img,
.fc-split-image-text img {
  margin-bottom: 1em; }

@media only screen and (min-width: 48em) {
  .fc-full-text .fc-section-content,
  .fc-split-image-text .fc-section-content {
    max-width: none; }
  .fc-full-text img,
  .fc-split-image-text img {
    margin-bottom: 0; } }

.fc-split-image-image .img1 {
  margin-bottom: 2em; }

@media only screen and (min-width: 48em) {
  .fc-split-image-image .img1 {
    margin-bottom: 0; } }

.fc-hero {
  display: flex; }
  .fc-hero .layout-target {
    min-height: 300px;
    max-width: 640px; }
  .no-flexbox .fc-hero .layout-target {
    display: table;
    width: 100%; }
  .no-flexbox .fc-hero .fc-section-content {
    display: table-cell;
    vertical-align: middle; }
  .fc-hero .fc-section-content img {
    max-width: 20%;
    height: auto; }
  .fc-hero .img-inline {
    margin-bottom: 0.5rem; }
    .fc-hero .img-inline img {
      margin: 0 20px;
      max-height: 60px;
      width: auto; }
      @media only screen and (min-width: 60em) {
        .fc-hero .img-inline img {
          max-height: 100px; } }
  .fc-hero .img-strapline {
    font-size: 0.9rem; }
    @media only screen and (min-width: 60em) {
      .fc-hero .img-strapline {
        font-size: 1.2rem; } }
  .fc-hero h1 {
    margin: 0; }
  @media only screen and (min-width: 48em) {
    .fc-hero .layout-target {
      min-height: 500px; }
    .fc-hero .fc-section-content img {
      max-width: 100%; } }
  @media only screen and (min-width: 64em) {
    .fc-hero .layout-target {
      min-height: 640px; }
    .fc-hero p {
      font-size: 24px;
      font-size: 1.5rem; } }

.fc-form .fc-section-content {
  max-width: 640px; }

.fc-form form {
  background: none; }

.fc-flexible {
  padding: 0; }

.mums-wrap {
  display: block;
  position: relative; }
  .mums-wrap .mums-earth {
    position: relative; }
    .mums-wrap .mums-earth .mums-empty {
      transition: all 3s ease-out;
      position: absolute;
      top: 0;
      right: 0;
      z-index: 1;
      overflow: hidden; }
      .mums-wrap .mums-earth .mums-empty img {
        position: relative; }
      .mums-wrap .mums-earth .mums-empty.pre-animation {
        height: 70% !important; }
    .mums-wrap .mums-earth .mums-full {
      position: relative;
      z-index: 0;
      overflow: hidden; }
      .mums-wrap .mums-earth .mums-full img {
        position: relative;
        top: 0; }
    @media only screen and (min-width: 48em) {
      .mums-wrap .mums-earth {
        width: 50%;
        margin-left: 50%; } }
    @media only screen and (min-width: 64em) {
      .mums-wrap .mums-earth {
        width: 60%;
        margin-left: 40%; } }
  .mums-wrap .mums-counter {
    font-family: "brandon-grotesque", sans-serif;
    text-transform: uppercase;
    color: #63c9e9;
    font-size: 2rem;
    line-height: 1.9em;
    font-weight: bold; }
    .mums-wrap .mums-counter .separator {
      content: "";
      width: 100%;
      height: 1px;
      border-top: 2px solid #fff; }
    .mums-wrap .mums-counter .count-to {
      color: #ffffff;
      font-size: 5rem;
      position: relative; }
    @media only screen and (min-width: 48em) {
      .mums-wrap .mums-counter {
        transition: all 3s ease-out;
        position: absolute;
        left: 0;
        width: 50%;
        text-align: left; }
        .mums-wrap .mums-counter.pre-animation {
          top: 70% !important; } }
    @media only screen and (min-width: 64em) {
      .mums-wrap .mums-counter {
        width: 40%; } }
  @media only screen and (min-width: 64em) {
    .mums-wrap {
      max-width: 90%;
      margin: 0 auto; } }

.product-promo {
  position: relative;
  z-index: 10; }
  .product-promo .layout-target {
    padding: 0 1em;
    max-width: 800px;
    margin: 0 auto; }
  .product-promo .promo-section-products {
    width: 50%;
    float: left;
    display: flex;
    align-items: center; }
  .product-promo .product-shot {
    flex: 0 1 50%; }
    .product-promo .product-shot:nth-child(1) {
      transform: rotate(-2deg); }
    .product-promo .product-shot:nth-child(2) {
      transform: rotate(2deg); }
  .no-flexbox .product-promo .promo-section-products {
    display: table;
    margin: 0 auto;
    table-layout: fixed; }
  .no-flexbox .product-promo .product-shot {
    width: 50%;
    display: table-cell;
    vertical-align: middle; }
  @media only screen and (min-width: 64em) {
    .product-promo .layout-target {
      max-width: none;
      max-width: 70em;
      margin: 0 auto; }
    .product-promo .layout-target, .product-promo .promo-section {
      display: flex;
      align-items: center; }
    .product-promo .promo-section {
      flex: 0 1 33.33%; }
    .product-promo .promo-section-1 {
      order: 2;
      flex-direction: column; }
    .product-promo .promo-section-2 {
      order: 1; }
    .product-promo .promo-section-3 {
      order: 3; }
    .no-flexbox .product-promo h1 {
      margin-bottom: 1.5em; }
    .no-flexbox .product-promo .layout-target {
      overflow: hidden;
      display: table;
      table-layout: fixed;
      width: 100%;
      border-collapse: collapse; }
    .no-flexbox .product-promo .promo-section {
      display: table-cell;
      vertical-align: middle;
      position: relative;
      width: 33.33%;
      float: none; }
    .no-flexbox .product-promo .promo-section-1 {
      left: 33.33%;
      z-index: 10; }
    .no-flexbox .product-promo .promo-section-2 {
      left: -33.33%; }
    .no-flexbox .product-promo img {
      max-width: 200px; } }

.about-promo {
  background-color: #685776;
  padding: 3em 0; }
  .about-promo h1 {
    font-family: "brandon-grotesque", sans-serif;
    font-weight: 700;
    font-size: 24px;
    font-size: 1.5rem;
    margin: 0 0 1em 0; }
    .about-promo h1:after {
      margin: 0 auto; }
  .about-promo .promo-section-products {
    margin-top: 1em; }
  @media only screen and (min-width: 64em) {
    .about-promo h1 {
      font-size: 32px;
      font-size: 2rem; }
      .about-promo h1:after {
        margin: .5em auto; }
    .no-flexbox .about-promo h1 {
      margin-bottom: 1.5em; } }

.kids-promo {
  background-color: #6d5376; }
  .kids-promo:before, .kids-promo:after {
    content: '';
    display: block;
    position: relative; }
  .kids-promo:before {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-backgrounds.png);
    background-position: 0px -98px;
    width: 1207px;
    height: 12px;
    width: 100%;
    top: -12px; }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      .kids-promo:before {
        background-image: url(/wp-content/themes/tilda/library/img/sprite-backgrounds@2x.png);
        background-size: 1207px 291px;
        -ms-behavior: url(/backgroundsize.min.htc); } }
  .kids-promo:after {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-backgrounds.png);
    background-position: 0px -26px;
    width: 1207px;
    height: 12px;
    width: 100%;
    bottom: -12px; }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      .kids-promo:after {
        background-image: url(/wp-content/themes/tilda/library/img/sprite-backgrounds@2x.png);
        background-size: 1207px 291px;
        -ms-behavior: url(/backgroundsize.min.htc); } }
  .kids-promo .promo-title {
    font-size: 20px;
    font-size: 1.25rem;
    max-width: 80%;
    margin: 0 auto 1em auto;
    color: #FFFFFF; }
  .kids-promo .promo-section-products {
    margin-top: 1em; }
  @media only screen and (min-width: 60em) {
    .kids-promo .promo-title {
      font-size: 24px;
      font-size: 1.5rem; } }
  @media only screen and (min-width: 64em) {
    .kids-promo .layout-target {
      padding: 0 3em; }
    .kids-promo .promo-section-products {
      margin-top: 0; } }

.global--mailing--list {
  background: #37486a;
  text-align: center;
  padding: 2em 0;
  position: relative; }
  .global--mailing--list .tear-texture-1 {
    display: none; }
  @media only screen and (min-width: 48em) {
    .global--mailing--list .columns {
      padding-left: 0;
      padding-right: 0; } }
  @media only screen and (min-width: 75em) {
    .global--mailing--list .columns {
      padding-left: 0.9375rem;
      padding-right: 0.9375rem; } }
  .global--mailing--list h1 {
    color: #ffffff;
    text-transform: uppercase;
    margin: 0 auto 0.5em auto;
    font-family: "amaticbold", sans-serif;
    font-size: 2em; }
  .global--mailing--list p {
    color: #8a97b2;
    max-width: 400px;
    margin: 0 auto 1em auto; }
  @media only screen and (min-width: 48em) {
    .global--mailing--list {
      padding: 0 0 3em 0; }
      .global--mailing--list .tear-texture-1 {
        display: block; }
      .global--mailing--list h1 {
        padding-top: 1em;
        font-size: 2.4em; }
      .global--mailing--list p {
        font-size: 1.1em;
        max-width: 450px;
        margin-bottom: 1.2em; } }
  @media only screen and (min-width: 60em) {
    .global--mailing--list {
      padding: 0 0 3.5em 0; }
      .global--mailing--list h1 {
        padding-top: 1em;
        font-size: 2.8em; }
      .global--mailing--list p {
        margin-bottom: 1.5em; } }
  .global--mailing--list .sign-up-form_wrapper {
    width: 100%;
    max-width: 470px;
    margin: 0 auto; }
    .global--mailing--list .sign-up-form_wrapper .sign-up-form {
      background: transparent;
      padding: 0; }
      .global--mailing--list .sign-up-form_wrapper .sign-up-form .form-body {
        width: 70%;
        float: left; }
        .global--mailing--list .sign-up-form_wrapper .sign-up-form .form-body label {
          display: none; }
        .global--mailing--list .sign-up-form_wrapper .sign-up-form .form-body input[type=email] {
          width: 95%;
          min-height: 40px;
          margin: 0;
          border-radius: 5px;
          text-indent: 0.5em; }
        .global--mailing--list .sign-up-form_wrapper .sign-up-form .form-body .ginput_container_email {
          margin-top: 0;
          width: 100%;
          float: right; }
        @media only screen and (min-width: 40em) {
          .global--mailing--list .sign-up-form_wrapper .sign-up-form .form-body {
            width: 72%; }
            .global--mailing--list .sign-up-form_wrapper .sign-up-form .form-body .gform_fields .ginput_container_email input {
              min-height: 50px; } }
      .global--mailing--list .sign-up-form_wrapper .sign-up-form .form-footer {
        padding: 0;
        margin: 0;
        width: 30%;
        clear: inherit;
        float: left; }
        .global--mailing--list .sign-up-form_wrapper .sign-up-form .form-footer .ml-button {
          padding: 0;
          width: 100%;
          border-radius: 5px;
          background: #63c9e9;
          border: none;
          font-size: 0.8em;
          min-height: 50px; }
        @media only screen and (min-width: 40em) {
          .global--mailing--list .sign-up-form_wrapper .sign-up-form .form-footer {
            width: 28%; }
            .global--mailing--list .sign-up-form_wrapper .sign-up-form .form-footer .ml-button {
              min-height: 55px; } }
      .global--mailing--list .sign-up-form_wrapper .sign-up-form:after {
        content: '';
        display: table;
        clear: both; }
  .global--mailing--list .mailing-footer p {
    margin: 0.5em auto 0 auto; }
  .global--mailing--list .mailing-inner {
    position: relative;
    overflow: hidden; }
  .global--mailing--list .mailing-images {
    background: red;
    padding-top: 0;
    margin-top: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; }
    .global--mailing--list .mailing-images .row {
      margin: 0; }
    .global--mailing--list .mailing-images .food {
      zoom: 1;
      filter: alpha(opacity=100);
      opacity: 1; }
  .global--mailing--list .illustrations-group-left {
    position: absolute;
    top: 0;
    left: -200px;
    width: 330px;
    display: none; }
    .global--mailing--list .illustrations-group-left .food-pepper-red {
      float: left; }
    .global--mailing--list .illustrations-group-left .food-carrot {
      float: left;
      margin-left: -48px;
      margin-top: -17px; }
    @media only screen and (min-width: 48em) {
      .global--mailing--list .illustrations-group-left {
        display: block;
        top: 100px; } }
    @media only screen and (min-width: 60em) {
      .global--mailing--list .illustrations-group-left {
        left: -200px;
        top: 100px; } }
    @media only screen and (min-width: 64em) {
      .global--mailing--list .illustrations-group-left {
        left: 0;
        top: 100px; } }
  .global--mailing--list .illustrations-group-right {
    width: 300px;
    position: absolute;
    top: 0;
    right: -180px;
    display: none; }
    .global--mailing--list .illustrations-group-right .food-lime {
      float: left; }
    .global--mailing--list .illustrations-group-right .food-chilli-red {
      margin-left: 20px; }
    @media only screen and (min-width: 48em) {
      .global--mailing--list .illustrations-group-right {
        display: block;
        top: 100px; } }
    @media only screen and (min-width: 60em) {
      .global--mailing--list .illustrations-group-right {
        right: -180px;
        top: 100px; } }
    @media only screen and (min-width: 64em) {
      .global--mailing--list .illustrations-group-right {
        right: 0;
        top: 100px; } }
  .global--mailing--list:after {
    content: '';
    display: table;
    clear: both; }

@media only screen and (min-width: 43.75em) {
  .product-nutrition-wrap {
    display: table; } }

.product-nutrition {
  color: #FFFFFF;
  z-index: 10; }
  .product-nutrition .section__header {
    margin-bottom: 2em; }
  .product-nutrition .list-rice {
    display: inline-block;
    margin: 0;
    padding: 0;
    text-align: center; }
    .product-nutrition .list-rice li {
      display: inline-block;
      margin: 0 5px;
      text-transform: uppercase; }

.product-nutrition-key p {
  font-size: 14px;
  font-size: 0.875rem;
  margin: 0; }

.product-nutrition-key header, .product-nutrition-key footer {
  padding: 1em 0; }

.product-nutrition-key header {
  font-weight: 700; }

@media only screen and (min-width: 43.75em) {
  .product-nutrition-key {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
    padding: .5em;
    border: 1px solid #293f7b;
    border-right: 0; }
    .product-nutrition-key header {
      padding: .5em 0; } }

@media only screen and (min-width: 50em) {
  .product-nutrition-key {
    padding: 0 1em; } }

.product-nutrition-data {
  margin-top: 2em; }
  .product-nutrition-data table {
    margin-bottom: 0;
    width: 100%;
    color: #FFFFFF; }
  .product-nutrition-data th, .product-nutrition-data td {
    border: 1px solid #1d356a;
    background-color: #293f7b;
    vertical-align: top;
    padding: .5em 1em;
    font-size: 12px;
    font-size: 0.75rem;
    width: 33%;
    text-align: right; }
    .product-nutrition-data th:first-child, .product-nutrition-data td:first-child {
      text-align: left; }
  @media only screen and (min-width: 30em) {
    .product-nutrition-data th, .product-nutrition-data td {
      font-size: 14px;
      font-size: 0.875rem; }
    .product-nutrition-data .sub-of-which {
      padding-left: 1.25em; } }
  @media only screen and (min-width: 43.75em) {
    .product-nutrition-data {
      display: table-cell;
      width: 50%; }
      .product-nutrition-data th, .product-nutrition-data td {
        font-size: 12px;
        font-size: 0.75rem;
        background-color: #1d356a;
        border: 1px solid #293f7b;
        padding: .375em 1em; } }
  @media only screen and (min-width: 48em) {
    .product-nutrition-data th, .product-nutrition-data td {
      font-size: 14px;
      font-size: 0.875rem; } }

.nutrition-key {
  display: table;
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
  border-spacing: 4px 0; }
  .nutrition-key .nutrition-key__block {
    display: table-cell;
    vertical-align: middle;
    margin: 0;
    position: relative;
    width: 15%;
    font-size: 10px;
    font-size: 0.625rem;
    background-color: #FFFFFF;
    border-radius: 8px;
    color: #1d356a;
    padding: .625em .625em 3.5em .625em; }
    .nutrition-key .nutrition-key__block .nutrition-title {
      display: block;
      margin-bottom: .25em;
      text-transform: uppercase; }
    .nutrition-key .nutrition-key__block .nutrition-percentage {
      display: block;
      border-radius: 8px;
      border: 2px solid #1d356a;
      font-weight: 700;
      padding: 5px 3px;
      position: absolute;
      bottom: -3px;
      left: 0;
      width: 100%; }
  .nutrition-key .nutrition-key__block--g {
    background-color: #8cc63f; }
  .nutrition-key .nutrition-key__block--y {
    background-color: #c68e3f; }
  .nutrition-key .nutrition-key__block--r {
    background-color: #c63f3f; }
  @media only screen and (min-width: 48em) {
    .nutrition-key .nutrition-key__block {
      font-size: 12px;
      font-size: 0.75rem; }
      .nutrition-key .nutrition-key__block .nutrition-percentage {
        border: 3px solid #1d356a; } }

.page-template-page-about .site-content {
  background: #2f4787;
  color: #FFFFFF;
  padding: 0; }

.page-template-page-about .site-main h1, .page-template-page-about .site-main h2, .page-template-page-about .site-main h3 {
  font-family: "sophiaregular", sans-serif;
  font-weight: 500;
  margin: 0; }

.page-template-page-about .site-main h1, .page-template-page-about .site-main h2 {
  font-size: 52px;
  font-size: 3.25rem; }

.page-template-page-about .site-main h3 {
  font-size: 48px;
  font-size: 3rem; }

.page-template-page-about .site-main p {
  font-size: 16px;
  font-size: 1rem; }

.page-template-page-about .about-section {
  overflow: hidden;
  position: relative;
  z-index: 10;
  text-align: center;
  padding: 0 0 4em 0; }
  .page-template-page-about .about-section img {
    margin: 0 auto; }
  .page-template-page-about .about-section .about-section-image-wrap, .page-template-page-about .about-section .about-section-text-wrap {
    max-width: 30em;
    margin: 0 auto; }
  .page-template-page-about .about-section .about-section-image-wrap {
    margin-bottom: 1em; }
  .page-template-page-about .about-section .about-section-text-wrap {
    padding: 0 1em; }
    .page-template-page-about .about-section .about-section-text-wrap p:last-of-type {
      margin-bottom: 0; }
    .page-template-page-about .about-section .about-section-text-wrap a {
      margin-top: 1.5em; }

.page-template-page-about .about-section-10 {
  padding: 4em 0 8em 0; }

.page-template-page-about .svg {
  overflow: hidden; }

.page-template-page-about svg {
  position: relative;
  display: block;
  max-height: 600px; }

@media only screen and (min-width: 64em) {
  .page-template-page-about .site-main h1 {
    font-size: 84px;
    font-size: 5.25rem; }
  .page-template-page-about .site-main h2 {
    font-size: 80px;
    font-size: 5rem; }
  .page-template-page-about .site-main h3 {
    font-size: 80px;
    font-size: 5rem; }
  .page-template-page-about .site-main p {
    font-size: 18px;
    font-size: 1.125rem; }
  .page-template-page-about .about-section {
    text-align: left;
    max-width: 60em;
    margin: 0 auto;
    padding: 0; }
    .page-template-page-about .about-section .about-section-image-wrap {
      margin-bottom: 0; }
  .page-template-page-about .text-alignright {
    text-align: right; } }

@media only screen and (min-width: 64em) {
  .flexbox .page-template-page-about .about-section {
    display: flex;
    align-items: center; } }

.no-flexbox .page-template-page-about .about-section {
  display: table;
  width: 100%; }

.no-flexbox .page-template-page-about .about-section .about-section-image-wrap, .no-flexbox .page-template-page-about .about-section .about-section-text-wrap {
  display: table-cell;
  vertical-align: middle;
  width: 50%;
  margin: 0 auto; }

.section-wrap {
  overflow-x: hidden; }
  .section-wrap .section-header {
    overflow: hidden;
    max-width: 40em;
    margin: 0 auto;
    padding: 4em 2em; }
    .section-wrap .section-header p {
      max-width: 24em;
      margin-left: auto;
      margin-right: auto; }
  .section-wrap .about-section-wrap {
    position: relative; }
    .no-cssgradients .section-wrap .about-section-wrap {
      background-color: #2f4787 !important; }
    .section-wrap .about-section-wrap .about-section-side-component {
      display: none; }
      @media only screen and (min-width: 64em) {
        .section-wrap .about-section-wrap .about-section-side-component {
          position: absolute;
          z-index: 0;
          top: auto;
          right: auto;
          bottom: auto;
          left: auto;
          display: block;
          zoom: 1;
          filter: alpha(opacity=50);
          opacity: 0.5; }
          .section-wrap .about-section-wrap .about-section-side-component.about-section-side-component-1 {
            background-image: url(/wp-content/themes/tilda/library/img/sprite-details.png);
            background-position: 0px -75px;
            width: 5px;
            height: 20px;
            top: 0;
            left: 60px; } }
    @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
      .section-wrap .about-section-wrap .about-section-side-component.about-section-side-component-1 {
        background-image: url(/wp-content/themes/tilda/library/img/sprite-details@2x.png);
        background-size: 280px 3310px;
        -ms-behavior: url(/backgroundsize.min.htc); } }
      @media only screen and (min-width: 64em) {
          .section-wrap .about-section-wrap .about-section-side-component.about-section-side-component-2 {
            background-image: url(/wp-content/themes/tilda/library/img/sprite-details.png);
            background-position: 0px -75px;
            width: 5px;
            height: 20px;
            top: 30%;
            right: 180px; } }
    @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
      .section-wrap .about-section-wrap .about-section-side-component.about-section-side-component-2 {
        background-image: url(/wp-content/themes/tilda/library/img/sprite-details@2x.png);
        background-size: 280px 3310px;
        -ms-behavior: url(/backgroundsize.min.htc); } }
      @media only screen and (min-width: 64em) {
          .section-wrap .about-section-wrap .about-section-side-component.about-section-side-component-3 {
            background-image: url(/wp-content/themes/tilda/library/img/sprite-details.png);
            background-position: 0px -118px;
            width: 3px;
            height: 27px;
            top: 60%;
            left: 190px; } }
    @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
      .section-wrap .about-section-wrap .about-section-side-component.about-section-side-component-3 {
        background-image: url(/wp-content/themes/tilda/library/img/sprite-details@2x.png);
        background-size: 280px 3310px;
        -ms-behavior: url(/backgroundsize.min.htc); } }
      @media only screen and (min-width: 64em) {
          .section-wrap .about-section-wrap .about-section-side-component.about-section-side-component-4 {
            background-image: url(/wp-content/themes/tilda/library/img/sprite-details.png);
            background-position: 0px -95px;
            width: 4px;
            height: 23px;
            top: 10%;
            right: 100px; } }
    @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
      .section-wrap .about-section-wrap .about-section-side-component.about-section-side-component-4 {
        background-image: url(/wp-content/themes/tilda/library/img/sprite-details@2x.png);
        background-size: 280px 3310px;
        -ms-behavior: url(/backgroundsize.min.htc); } }
      @media only screen and (min-width: 64em) {
          .section-wrap .about-section-wrap .about-section-side-component.about-section-side-component-5 {
            background-image: url(/wp-content/themes/tilda/library/img/sprite-details.png);
            background-position: 0px -95px;
            width: 4px;
            height: 23px;
            bottom: 10px;
            left: 90px; } }
    @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
      .section-wrap .about-section-wrap .about-section-side-component.about-section-side-component-5 {
        background-image: url(/wp-content/themes/tilda/library/img/sprite-details@2x.png);
        background-size: 280px 3310px;
        -ms-behavior: url(/backgroundsize.min.htc); } }
  .section-wrap .svg {
    display: none;
    margin: 0; }
    .section-wrap .svg svg {
      margin: 0 auto; }
    @media only screen and (min-width: 64em) {
      .section-wrap .svg {
        position: relative;
        display: block; } }
    .section-wrap .svg .section-header {
      padding: .5em 2em 0em 2em; }

.about-page-hero {
  position: relative;
  height: 585px; }
  .about-page-hero .about-section-component {
    position: absolute;
    background-image: url("../img/rice-hands-heart-full.png");
    background-position: center top;
    background-size: 1000px;
    -ms-behavior: url(/backgroundsize.min.htc);
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
  .about-page-hero .about-section-component-1 {
    background-image: url("../img/general/rice-hands-heart/rice-hands-heart-part-1.png"); }
  .about-page-hero .about-section-component-2 {
    background-image: url("../img/general/rice-hands-heart/rice-hands-heart-part-2.png"); }
  .about-page-hero .about-section-component-3 {
    background-image: url("../img/general/rice-hands-heart/rice-hands-heart-part-3.png"); }
  .about-page-hero .about-section-component-4 {
    background-image: url("../img/general/rice-hands-heart/rice-hands-heart-part-4.png"); }
  .about-page-hero .section-header {
    position: relative;
    top: 110px;
    padding: 0;
    max-width: 16em; }
    .about-page-hero .section-header h1:after {
      top: 4px; }
    .about-page-hero .section-header p {
      font-size: 14px;
      font-size: 0.875rem;
      padding: 0 .5em;
      margin: 1em auto 0 auto; }
  @media only screen and (min-width: 48em) {
    .about-page-hero {
      height: 755px; }
      .about-page-hero .about-section-component {
        background-size: 1300px;
        -ms-behavior: url(/backgroundsize.min.htc); }
      .about-page-hero .section-header {
        top: 180px;
        max-width: 20em; }
        .about-page-hero .section-header p {
          font-size: 16px;
          font-size: 1rem;
          padding: 0 1em; } }
  @media only screen and (min-width: 64em) {
    .about-page-hero {
      height: 1000px; }
      .about-page-hero .about-section-component {
        background-size: 1700px;
        -ms-behavior: url(/backgroundsize.min.htc); }
      .about-page-hero .section-header {
        top: 220px;
        max-width: 30em; }
        .about-page-hero .section-header p {
          font-size: 18px;
          font-size: 1.125rem;
          max-width: 20em;
          margin: 1.5em auto 0 auto; } }

.about-our_rice .header-wrap-1 {
  background: linear-gradient(to bottom, #2f4787 25%, #403673 100%); }

.about-our_rice .about-section-wrap-1 {
  background: linear-gradient(to bottom, #403673 25%, #573474 100%); }

.about-our_rice .about-section-wrap-2 {
  background: linear-gradient(to bottom, #573474 25%, #603576 100%); }

.about-our_rice .about-section-wrap-3 {
  background: linear-gradient(to bottom, #603576 25%, #43427f 100%); }

.about-our_rice .about-section-wrap-4 {
  background: linear-gradient(to bottom, #43427f 25%, #344480 100%); }

@media only screen and (min-width: 64em) {
  .about-our_rice .header-wrap-1 .svg {
    margin-top: -160px;
    margin-right: -20px; }
  .about-our_rice .header-wrap-1 svg {
    max-height: 400px; }
  .about-our_rice .about-section-wrap-1 {
    background: #573474; }
    .about-our_rice .about-section-wrap-1 .about-section-spacer {
      background: linear-gradient(to bottom, #403673 0%, #573474 100%); }
    .about-our_rice .about-section-wrap-1 .svg {
      margin-bottom: -130px;
      margin-right: -130px; }
  .about-our_rice .about-section-wrap-2 {
    background: #603576; }
    .about-our_rice .about-section-wrap-2 .about-section-spacer {
      background: linear-gradient(to bottom, #573474 0%, #603576 100%); }
    .about-our_rice .about-section-wrap-2 .svg {
      margin-top: -180px;
      margin-right: -50px;
      margin-bottom: -100px; }
  .about-our_rice .about-section-wrap-3 {
    background: #43427f; }
    .about-our_rice .about-section-wrap-3 .about-section-spacer {
      background: linear-gradient(to bottom, #603576 0%, #43427f 100%); }
    .about-our_rice .about-section-wrap-3 .svg {
      margin-left: -240px;
      margin-top: -110px;
      margin-bottom: -270px; }
    .about-our_rice .about-section-wrap-3 svg {
      max-height: 760px; }
  .about-our_rice .about-section-wrap-4 {
    background: #344480; }
    .about-our_rice .about-section-wrap-4 .about-section-spacer {
      background: linear-gradient(to bottom, #43427f 0%, #344480 100%); }
    .about-our_rice .about-section-wrap-4 .svg {
      margin-left: -140px;
      margin-top: -140px;
      margin-bottom: -240px; }
    .about-our_rice .about-section-wrap-4 svg {
      max-height: 760px; } }

.about-perfection .header-wrap-2 {
  background: linear-gradient(to bottom, #344480 25%, #213264 100%); }

.about-perfection .about-section-wrap-5 {
  background: linear-gradient(to bottom, #213264 25%, #35356d 100%); }

.about-perfection .about-section-wrap-6 {
  background: linear-gradient(to bottom, #35356d 25%, #573980 100%); }

.about-perfection .about-section-wrap-7 {
  background: linear-gradient(to bottom, #573980 25%, #7e1f47 100%); }

@media only screen and (min-width: 64em) {
  .about-perfection {
    margin-top: -215px; }
    .about-perfection .header-wrap-2 .svg {
      margin-left: 135px; }
    .about-perfection .about-section-wrap-5 {
      background: #35356d; }
      .about-perfection .about-section-wrap-5 .about-section-spacer {
        background: linear-gradient(to bottom, #213264 0%, #35356d 100%); }
      .about-perfection .about-section-wrap-5 .svg {
        margin-bottom: -92px;
        margin-right: -365px; }
      .about-perfection .about-section-wrap-5 svg {
        max-height: 680px; }
    .about-perfection .about-section-wrap-6 {
      background: #573980; }
      .about-perfection .about-section-wrap-6 .about-section-spacer {
        background: linear-gradient(to bottom, #35356d 0%, #573980 100%); }
      .about-perfection .about-section-wrap-6 .svg {
        margin-left: -265px;
        margin-bottom: -230px;
        margin-top: -20px; }
      .about-perfection .about-section-wrap-6 svg {
        max-height: 450px; }
    .about-perfection .about-section-wrap-7 {
      background: #7e1f47; }
      .about-perfection .about-section-wrap-7 .about-section-spacer {
        background: linear-gradient(to bottom, #573980 0%, #7e1f47 100%); }
      .about-perfection .about-section-wrap-7 .svg {
        margin-top: -220px;
        margin-left: -80px; }
      .about-perfection .about-section-wrap-7 svg {
        max-height: 800px; } }

.about-the_way_we_do_things .header-wrap-3 {
  background: linear-gradient(to bottom, #7e1f47 25%, #73244b 100%); }

.about-the_way_we_do_things .about-section-wrap-8 {
  background: linear-gradient(to bottom, #73244b 25%, #50346d 100%); }

.about-the_way_we_do_things .about-section-wrap-9 {
  background: linear-gradient(to bottom, #50346d 25%, #3e3e7b 100%); }

.about-the_way_we_do_things .about-section-wrap-10 {
  background: linear-gradient(to bottom, #3e3e7b 25%, #354987 100%); }

@media only screen and (min-width: 64em) {
  .about-the_way_we_do_things {
    margin-top: -245px;
    margin-left: -30px; }
    .about-the_way_we_do_things .header-wrap-3 .svg {
      margin-right: -200px; }
    .about-the_way_we_do_things .header-wrap-3 svg {
      max-height: 960px; }
    .about-the_way_we_do_things .about-section-wrap-8 {
      background: #50346d; }
      .about-the_way_we_do_things .about-section-wrap-8 .about-section-spacer {
        background: linear-gradient(to bottom, #73244b 0%, #50346d 100%); }
      .about-the_way_we_do_things .about-section-wrap-8 .svg {
        margin-left: -120px;
        margin-bottom: -65px; }
      .about-the_way_we_do_things .about-section-wrap-8 svg {
        max-height: 700px; }
    .about-the_way_we_do_things .about-section-wrap-9 {
      background: #3e3e7b; }
      .about-the_way_we_do_things .about-section-wrap-9 .about-section-spacer {
        background: linear-gradient(to bottom, #50346d 0%, #3e3e7b 100%); }
      .about-the_way_we_do_things .about-section-wrap-9 .svg {
        margin-bottom: -75px;
        margin-right: -55px;
        margin-top: -100px; }
      .about-the_way_we_do_things .about-section-wrap-9 svg {
        max-height: 770px; }
    .about-the_way_we_do_things .about-section-wrap-10 {
      background: #354987; }
      .about-the_way_we_do_things .about-section-wrap-10 .about-section-spacer {
        background: linear-gradient(to bottom, #3e3e7b 0%, #354987 100%); }
      .about-the_way_we_do_things .about-section-wrap-10 .svg {
        margin-top: -95px;
        margin-right: -65px; }
      .about-the_way_we_do_things .about-section-wrap-10 svg {
        max-height: 900px; } }

.about-footer {
  overflow-x: hidden;
  background: linear-gradient(to bottom, #354987 25%, #2f4787 100%); }
  .about-footer .svg {
    display: none; }
  .about-footer .about-footer-svg {
    margin-bottom: -110px;
    margin-right: -140px; }
  .about-footer .tilda-logo-white {
    position: relative;
    top: 140px;
    max-width: 240px;
    margin: 0 auto; }
  @media only screen and (min-width: 48em) {
    .about-footer .tilda-logo-white {
      top: 220px; } }
  @media only screen and (min-width: 64em) {
    .about-footer .svg {
      position: relative;
      display: block; }
    .about-footer .tilda-logo-white {
      top: 280px;
      max-width: 320px; } }

.about-section .about-section-img {
  position: relative;
  top: 0;
  width: 300px;
  height: 300px;
  margin: 0 auto;
  z-index: 10; }

@media only screen and (min-width: 64em) {
  .about-section .about-section-img {
    width: 480px;
    height: 480px; } }

.about-section-component {
  position: absolute;
  top: 0;
  background-repeat: no-repeat;
  zoom: 1;
  filter: alpha(opacity=0);
  opacity: 0;
  transition: opacity 1s cubic-bezier(0.68, -0.5, 0.265, 1.5); }
  @media only screen and (min-width: 64em) {
    .about-section-component {
      transition: opacity 1s cubic-bezier(0.68, -0.5, 0.265, 1.5), transform 1s cubic-bezier(0.68, -0.5, 0.265, 1.5);
      transform: scale(0.85, 0.85); } }
  .in-view .about-section-component {
    zoom: 1;
    filter: alpha(opacity=100);
    opacity: 1;
    transform: scale(1, 1); }

.about-section-component-0 {
  transition-delay: 0s; }

.about-section-component-1 {
  transition-delay: 0.15s; }

.about-section-component-2 {
  transition-delay: 0.25s; }

.about-section-component-3 {
  transition-delay: 0.35s; }

.about-section-component-4 {
  transition-delay: 0.45s; }

.about-section-1 .about-section-component-1 {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-about-purity.png);
  background-position: 0px 0px;
  width: 300px;
  height: 300px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .about-section-1 .about-section-component-1 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-purity@2x.png);
      background-size: 480px 3900px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.about-section-1 .about-section-component-2 {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-about-purity.png);
  background-position: 0px -300px;
  width: 300px;
  height: 300px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .about-section-1 .about-section-component-2 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-purity@2x.png);
      background-size: 480px 3900px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.about-section-1 .about-section-component-3 {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-about-purity.png);
  background-position: 0px -600px;
  width: 300px;
  height: 300px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .about-section-1 .about-section-component-3 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-purity@2x.png);
      background-size: 480px 3900px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.about-section-1 .about-section-component-4 {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-about-purity.png);
  background-position: 0px -900px;
  width: 300px;
  height: 300px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .about-section-1 .about-section-component-4 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-purity@2x.png);
      background-size: 480px 3900px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.about-section-1 .about-section-component-5 {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-about-purity.png);
  background-position: 0px -1200px;
  width: 300px;
  height: 300px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .about-section-1 .about-section-component-5 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-purity@2x.png);
      background-size: 480px 3900px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.about-section-2 .about-section-component-1 {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-about-simplicity.png);
  background-position: 0px 0px;
  width: 300px;
  height: 300px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .about-section-2 .about-section-component-1 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-simplicity@2x.png);
      background-size: 480px 3900px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.about-section-2 .about-section-component-2 {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-about-simplicity.png);
  background-position: 0px -300px;
  width: 300px;
  height: 300px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .about-section-2 .about-section-component-2 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-simplicity@2x.png);
      background-size: 480px 3900px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.about-section-2 .about-section-component-3 {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-about-simplicity.png);
  background-position: 0px -600px;
  width: 300px;
  height: 300px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .about-section-2 .about-section-component-3 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-simplicity@2x.png);
      background-size: 480px 3900px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.about-section-2 .about-section-component-4 {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-about-simplicity.png);
  background-position: 0px -900px;
  width: 300px;
  height: 300px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .about-section-2 .about-section-component-4 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-simplicity@2x.png);
      background-size: 480px 3900px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.about-section-2 .about-section-component-5 {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-about-simplicity.png);
  background-position: 0px -1200px;
  width: 300px;
  height: 300px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .about-section-2 .about-section-component-5 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-simplicity@2x.png);
      background-size: 480px 3900px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.about-section-3 .about-section-component-1 {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-about-sensory.png);
  background-position: 0px 0px;
  width: 300px;
  height: 300px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .about-section-3 .about-section-component-1 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-sensory@2x.png);
      background-size: 480px 3120px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.about-section-3 .about-section-component-2 {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-about-sensory.png);
  background-position: 0px -300px;
  width: 300px;
  height: 300px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .about-section-3 .about-section-component-2 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-sensory@2x.png);
      background-size: 480px 3120px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.about-section-3 .about-section-component-3 {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-about-sensory.png);
  background-position: 0px -600px;
  width: 300px;
  height: 300px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .about-section-3 .about-section-component-3 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-sensory@2x.png);
      background-size: 480px 3120px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.about-section-3 .about-section-component-4 {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-about-sensory.png);
  background-position: 0px -900px;
  width: 300px;
  height: 300px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .about-section-3 .about-section-component-4 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-sensory@2x.png);
      background-size: 480px 3120px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.about-section-4 .about-section-component-1 {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-about-natural.png);
  background-position: 0px 0px;
  width: 300px;
  height: 300px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .about-section-4 .about-section-component-1 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-natural@2x.png);
      background-size: 480px 3120px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.about-section-4 .about-section-component-2 {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-about-natural.png);
  background-position: 0px -300px;
  width: 300px;
  height: 300px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .about-section-4 .about-section-component-2 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-natural@2x.png);
      background-size: 480px 3120px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.about-section-4 .about-section-component-3 {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-about-natural.png);
  background-position: 0px -600px;
  width: 300px;
  height: 300px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .about-section-4 .about-section-component-3 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-natural@2x.png);
      background-size: 480px 3120px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.about-section-4 .about-section-component-4 {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-about-natural.png);
  background-position: 0px -900px;
  width: 300px;
  height: 300px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .about-section-4 .about-section-component-4 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-natural@2x.png);
      background-size: 480px 3120px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.about-section-5 .about-section-component-1 {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-about-basmati.png);
  background-position: 0px 0px;
  width: 300px;
  height: 300px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .about-section-5 .about-section-component-1 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-basmati@2x.png);
      background-size: 480px 3900px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.about-section-5 .about-section-component-2 {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-about-basmati.png);
  background-position: 0px -300px;
  width: 300px;
  height: 300px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .about-section-5 .about-section-component-2 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-basmati@2x.png);
      background-size: 480px 3900px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.about-section-5 .about-section-component-3 {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-about-basmati.png);
  background-position: 0px -600px;
  width: 300px;
  height: 300px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .about-section-5 .about-section-component-3 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-basmati@2x.png);
      background-size: 480px 3900px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.about-section-5 .about-section-component-4 {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-about-basmati.png);
  background-position: 0px -900px;
  width: 300px;
  height: 300px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .about-section-5 .about-section-component-4 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-basmati@2x.png);
      background-size: 480px 3900px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.about-section-5 .about-section-component-5 {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-about-basmati.png);
  background-position: 0px -1200px;
  width: 300px;
  height: 300px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .about-section-5 .about-section-component-5 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-basmati@2x.png);
      background-size: 480px 3900px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.about-section-6 .about-section-component-1 {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-about-nutrition.png);
  background-position: 0px 0px;
  width: 300px;
  height: 300px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .about-section-6 .about-section-component-1 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-nutrition@2x.png);
      background-size: 480px 3900px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.about-section-6 .about-section-component-2 {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-about-nutrition.png);
  background-position: 0px -300px;
  width: 300px;
  height: 300px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .about-section-6 .about-section-component-2 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-nutrition@2x.png);
      background-size: 480px 3900px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.about-section-6 .about-section-component-3 {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-about-nutrition.png);
  background-position: 0px -600px;
  width: 300px;
  height: 300px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .about-section-6 .about-section-component-3 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-nutrition@2x.png);
      background-size: 480px 3900px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.about-section-6 .about-section-component-4 {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-about-nutrition.png);
  background-position: 0px -900px;
  width: 300px;
  height: 300px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .about-section-6 .about-section-component-4 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-nutrition@2x.png);
      background-size: 480px 3900px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.about-section-6 .about-section-component-5 {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-about-nutrition.png);
  background-position: 0px -1200px;
  width: 300px;
  height: 300px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .about-section-6 .about-section-component-5 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-nutrition@2x.png);
      background-size: 480px 3900px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.about-section-7 .about-section-component-1 {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-about-standards.png);
  background-position: 0px 0px;
  width: 300px;
  height: 300px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .about-section-7 .about-section-component-1 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-standards@2x.png);
      background-size: 480px 3120px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.about-section-7 .about-section-component-2 {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-about-standards.png);
  background-position: 0px -300px;
  width: 300px;
  height: 300px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .about-section-7 .about-section-component-2 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-standards@2x.png);
      background-size: 480px 3120px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.about-section-7 .about-section-component-3 {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-about-standards.png);
  background-position: 0px -600px;
  width: 300px;
  height: 300px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .about-section-7 .about-section-component-3 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-standards@2x.png);
      background-size: 480px 3120px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.about-section-7 .about-section-component-4 {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-about-standards.png);
  background-position: 0px -900px;
  width: 300px;
  height: 300px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .about-section-7 .about-section-component-4 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-standards@2x.png);
      background-size: 480px 3120px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.about-section-8 .about-section-component-1 {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-about-story.png);
  background-position: 0px 0px;
  width: 300px;
  height: 300px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .about-section-8 .about-section-component-1 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-story@2x.png);
      background-size: 480px 2340px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.about-section-8 .about-section-component-2 {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-about-story.png);
  background-position: 0px -300px;
  width: 300px;
  height: 300px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .about-section-8 .about-section-component-2 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-story@2x.png);
      background-size: 480px 2340px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.about-section-8 .about-section-component-3 {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-about-story.png);
  background-position: 0px -600px;
  width: 300px;
  height: 300px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .about-section-8 .about-section-component-3 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-story@2x.png);
      background-size: 480px 2340px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.about-section-9 .about-section-component-1 {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-about-ethics.png);
  background-position: 0px 0px;
  width: 300px;
  height: 300px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .about-section-9 .about-section-component-1 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-ethics@2x.png);
      background-size: 480px 3120px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.about-section-9 .about-section-component-2 {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-about-ethics.png);
  background-position: 0px -300px;
  width: 300px;
  height: 300px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .about-section-9 .about-section-component-2 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-ethics@2x.png);
      background-size: 480px 3120px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.about-section-9 .about-section-component-3 {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-about-ethics.png);
  background-position: 0px -600px;
  width: 300px;
  height: 300px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .about-section-9 .about-section-component-3 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-ethics@2x.png);
      background-size: 480px 3120px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.about-section-9 .about-section-component-4 {
  background-image: url(/wp-content/themes/tilda/library/img/sprite-about-ethics.png);
  background-position: 0px -900px;
  width: 300px;
  height: 300px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .about-section-9 .about-section-component-4 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-ethics@2x.png);
      background-size: 480px 3120px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

@media only screen and (min-width: 64em) {
  .about-section-1 .about-section-component-1 {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-about-purity.png);
    background-position: 0px -1500px;
    width: 480px;
    height: 480px; } }
  @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
    .about-section-1 .about-section-component-1 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-purity@2x.png);
      background-size: 480px 3900px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

@media only screen and (min-width: 64em) {
  .about-section-1 .about-section-component-2 {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-about-purity.png);
    background-position: 0px -1980px;
    width: 480px;
    height: 480px; } }
  @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
    .about-section-1 .about-section-component-2 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-purity@2x.png);
      background-size: 480px 3900px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

@media only screen and (min-width: 64em) {
  .about-section-1 .about-section-component-3 {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-about-purity.png);
    background-position: 0px -2460px;
    width: 480px;
    height: 480px; } }
  @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
    .about-section-1 .about-section-component-3 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-purity@2x.png);
      background-size: 480px 3900px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

@media only screen and (min-width: 64em) {
  .about-section-1 .about-section-component-4 {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-about-purity.png);
    background-position: 0px -2940px;
    width: 480px;
    height: 480px; } }
  @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
    .about-section-1 .about-section-component-4 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-purity@2x.png);
      background-size: 480px 3900px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

@media only screen and (min-width: 64em) {
  .about-section-1 .about-section-component-5 {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-about-purity.png);
    background-position: 0px -3420px;
    width: 480px;
    height: 480px; } }
  @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
    .about-section-1 .about-section-component-5 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-purity@2x.png);
      background-size: 480px 3900px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

@media only screen and (min-width: 64em) {
  .about-section-2 .about-section-component-1 {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-about-simplicity.png);
    background-position: 0px -1500px;
    width: 480px;
    height: 480px; } }
  @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
    .about-section-2 .about-section-component-1 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-simplicity@2x.png);
      background-size: 480px 3900px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

@media only screen and (min-width: 64em) {
  .about-section-2 .about-section-component-2 {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-about-simplicity.png);
    background-position: 0px -1980px;
    width: 480px;
    height: 480px; } }
  @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
    .about-section-2 .about-section-component-2 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-simplicity@2x.png);
      background-size: 480px 3900px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

@media only screen and (min-width: 64em) {
  .about-section-2 .about-section-component-3 {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-about-simplicity.png);
    background-position: 0px -2460px;
    width: 480px;
    height: 480px; } }
  @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
    .about-section-2 .about-section-component-3 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-simplicity@2x.png);
      background-size: 480px 3900px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

@media only screen and (min-width: 64em) {
  .about-section-2 .about-section-component-4 {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-about-simplicity.png);
    background-position: 0px -2940px;
    width: 480px;
    height: 480px; } }
  @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
    .about-section-2 .about-section-component-4 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-simplicity@2x.png);
      background-size: 480px 3900px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

@media only screen and (min-width: 64em) {
  .about-section-2 .about-section-component-5 {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-about-simplicity.png);
    background-position: 0px -3420px;
    width: 480px;
    height: 480px; } }
  @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
    .about-section-2 .about-section-component-5 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-simplicity@2x.png);
      background-size: 480px 3900px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

@media only screen and (min-width: 64em) {
  .about-section-3 .about-section-component-1 {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-about-sensory.png);
    background-position: 0px -1200px;
    width: 480px;
    height: 480px; } }
  @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
    .about-section-3 .about-section-component-1 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-sensory@2x.png);
      background-size: 480px 3120px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

@media only screen and (min-width: 64em) {
  .about-section-3 .about-section-component-2 {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-about-sensory.png);
    background-position: 0px -1680px;
    width: 480px;
    height: 480px; } }
  @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
    .about-section-3 .about-section-component-2 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-sensory@2x.png);
      background-size: 480px 3120px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

@media only screen and (min-width: 64em) {
  .about-section-3 .about-section-component-3 {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-about-sensory.png);
    background-position: 0px -2160px;
    width: 480px;
    height: 480px; } }
  @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
    .about-section-3 .about-section-component-3 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-sensory@2x.png);
      background-size: 480px 3120px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

@media only screen and (min-width: 64em) {
  .about-section-3 .about-section-component-4 {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-about-sensory.png);
    background-position: 0px -2640px;
    width: 480px;
    height: 480px; } }
  @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
    .about-section-3 .about-section-component-4 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-sensory@2x.png);
      background-size: 480px 3120px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

@media only screen and (min-width: 64em) {
  .about-section-4 .about-section-component-1 {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-about-natural.png);
    background-position: 0px -1200px;
    width: 480px;
    height: 480px; } }
  @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
    .about-section-4 .about-section-component-1 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-natural@2x.png);
      background-size: 480px 3120px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

@media only screen and (min-width: 64em) {
  .about-section-4 .about-section-component-2 {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-about-natural.png);
    background-position: 0px -1680px;
    width: 480px;
    height: 480px; } }
  @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
    .about-section-4 .about-section-component-2 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-natural@2x.png);
      background-size: 480px 3120px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

@media only screen and (min-width: 64em) {
  .about-section-4 .about-section-component-3 {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-about-natural.png);
    background-position: 0px -2160px;
    width: 480px;
    height: 480px; } }
  @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
    .about-section-4 .about-section-component-3 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-natural@2x.png);
      background-size: 480px 3120px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

@media only screen and (min-width: 64em) {
  .about-section-4 .about-section-component-4 {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-about-natural.png);
    background-position: 0px -2640px;
    width: 480px;
    height: 480px; } }
  @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
    .about-section-4 .about-section-component-4 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-natural@2x.png);
      background-size: 480px 3120px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

@media only screen and (min-width: 64em) {
  .about-section-5 .about-section-component-1 {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-about-basmati.png);
    background-position: 0px -1500px;
    width: 480px;
    height: 480px; } }
  @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
    .about-section-5 .about-section-component-1 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-basmati@2x.png);
      background-size: 480px 3900px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

@media only screen and (min-width: 64em) {
  .about-section-5 .about-section-component-2 {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-about-basmati.png);
    background-position: 0px -1980px;
    width: 480px;
    height: 480px; } }
  @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
    .about-section-5 .about-section-component-2 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-basmati@2x.png);
      background-size: 480px 3900px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

@media only screen and (min-width: 64em) {
  .about-section-5 .about-section-component-3 {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-about-basmati.png);
    background-position: 0px -2460px;
    width: 480px;
    height: 480px; } }
  @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
    .about-section-5 .about-section-component-3 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-basmati@2x.png);
      background-size: 480px 3900px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

@media only screen and (min-width: 64em) {
  .about-section-5 .about-section-component-4 {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-about-basmati.png);
    background-position: 0px -2940px;
    width: 480px;
    height: 480px; } }
  @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
    .about-section-5 .about-section-component-4 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-basmati@2x.png);
      background-size: 480px 3900px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

@media only screen and (min-width: 64em) {
  .about-section-5 .about-section-component-5 {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-about-basmati.png);
    background-position: 0px -3420px;
    width: 480px;
    height: 480px; } }
  @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
    .about-section-5 .about-section-component-5 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-basmati@2x.png);
      background-size: 480px 3900px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

@media only screen and (min-width: 64em) {
  .about-section-6 .about-section-component-1 {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-about-nutrition.png);
    background-position: 0px -1500px;
    width: 480px;
    height: 480px; } }
  @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
    .about-section-6 .about-section-component-1 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-nutrition@2x.png);
      background-size: 480px 3900px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

@media only screen and (min-width: 64em) {
  .about-section-6 .about-section-component-2 {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-about-nutrition.png);
    background-position: 0px -1980px;
    width: 480px;
    height: 480px; } }
  @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
    .about-section-6 .about-section-component-2 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-nutrition@2x.png);
      background-size: 480px 3900px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

@media only screen and (min-width: 64em) {
  .about-section-6 .about-section-component-3 {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-about-nutrition.png);
    background-position: 0px -2460px;
    width: 480px;
    height: 480px; } }
  @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
    .about-section-6 .about-section-component-3 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-nutrition@2x.png);
      background-size: 480px 3900px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

@media only screen and (min-width: 64em) {
  .about-section-6 .about-section-component-4 {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-about-nutrition.png);
    background-position: 0px -2940px;
    width: 480px;
    height: 480px; } }
  @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
    .about-section-6 .about-section-component-4 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-nutrition@2x.png);
      background-size: 480px 3900px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

@media only screen and (min-width: 64em) {
  .about-section-6 .about-section-component-5 {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-about-nutrition.png);
    background-position: 0px -3420px;
    width: 480px;
    height: 480px; } }
  @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
    .about-section-6 .about-section-component-5 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-nutrition@2x.png);
      background-size: 480px 3900px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

@media only screen and (min-width: 64em) {
  .about-section-7 .about-section-component-1 {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-about-standards.png);
    background-position: 0px -1200px;
    width: 480px;
    height: 480px; } }
  @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
    .about-section-7 .about-section-component-1 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-standards@2x.png);
      background-size: 480px 3120px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

@media only screen and (min-width: 64em) {
  .about-section-7 .about-section-component-2 {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-about-standards.png);
    background-position: 0px -1680px;
    width: 480px;
    height: 480px; } }
  @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
    .about-section-7 .about-section-component-2 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-standards@2x.png);
      background-size: 480px 3120px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

@media only screen and (min-width: 64em) {
  .about-section-7 .about-section-component-3 {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-about-standards.png);
    background-position: 0px -2160px;
    width: 480px;
    height: 480px; } }
  @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
    .about-section-7 .about-section-component-3 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-standards@2x.png);
      background-size: 480px 3120px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

@media only screen and (min-width: 64em) {
  .about-section-7 .about-section-component-4 {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-about-standards.png);
    background-position: 0px -2640px;
    width: 480px;
    height: 480px; } }
  @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
    .about-section-7 .about-section-component-4 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-standards@2x.png);
      background-size: 480px 3120px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

@media only screen and (min-width: 64em) {
  .about-section-8 .about-section-component-1 {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-about-story.png);
    background-position: 0px -900px;
    width: 480px;
    height: 480px; } }
  @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
    .about-section-8 .about-section-component-1 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-story@2x.png);
      background-size: 480px 2340px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

@media only screen and (min-width: 64em) {
  .about-section-8 .about-section-component-2 {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-about-story.png);
    background-position: 0px -1380px;
    width: 480px;
    height: 480px; } }
  @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
    .about-section-8 .about-section-component-2 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-story@2x.png);
      background-size: 480px 2340px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

@media only screen and (min-width: 64em) {
  .about-section-8 .about-section-component-3 {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-about-story.png);
    background-position: 0px -1860px;
    width: 480px;
    height: 480px; } }
  @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
    .about-section-8 .about-section-component-3 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-story@2x.png);
      background-size: 480px 2340px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

@media only screen and (min-width: 64em) {
  .about-section-9 .about-section-component-1 {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-about-ethics.png);
    background-position: 0px -1200px;
    width: 480px;
    height: 480px; } }
  @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
    .about-section-9 .about-section-component-1 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-ethics@2x.png);
      background-size: 480px 3120px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

@media only screen and (min-width: 64em) {
  .about-section-9 .about-section-component-2 {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-about-ethics.png);
    background-position: 0px -1680px;
    width: 480px;
    height: 480px; } }
  @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
    .about-section-9 .about-section-component-2 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-ethics@2x.png);
      background-size: 480px 3120px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

@media only screen and (min-width: 64em) {
  .about-section-9 .about-section-component-3 {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-about-ethics.png);
    background-position: 0px -2160px;
    width: 480px;
    height: 480px; } }
  @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
    .about-section-9 .about-section-component-3 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-ethics@2x.png);
      background-size: 480px 3120px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

@media only screen and (min-width: 64em) {
  .about-section-9 .about-section-component-4 {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-about-ethics.png);
    background-position: 0px -2640px;
    width: 480px;
    height: 480px; } }
  @media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
    .about-section-9 .about-section-component-4 {
      background-image: url(/wp-content/themes/tilda/library/img/sprite-about-ethics@2x.png);
      background-size: 480px 3120px;
      -ms-behavior: url(/backgroundsize.min.htc); } }

.about-tilda-page {
  color: #fff;
  font-family: "brandon-grotesque", sans-serif; }

.about-section {
  padding-bottom: 1rem; }
  @media only screen and (min-width: 60em) {
    .about-section {
      padding: 3.5rem 0; } }

.about-row {
  margin: 0 auto;
  padding: 1rem 0.9375rem;
  display: flex;
  flex-direction: column;
  max-width: 75rem; }
  .about-row--hero {
    justify-content: center;
    position: relative;
    padding-bottom: 0; }
  .about-row:nth-child(2) {
    padding-top: 0.5rem; }
  @media only screen and (min-width: 48em) {
    .about-row {
      flex-direction: row;
      align-items: center;
      padding: 2rem; }
      .about-row__reversed {
        flex-direction: row-reverse; } }
  @media only screen and (min-width: 48em) {
    .about-row:first-child:not(.about-row--hero) {
      padding-bottom: 3.5rem; } }

@media only screen and (min-width: 48em) {
  .about-cell {
    padding-left: 1rem;
    padding-right: 1rem;
    display: flex;
    flex-direction: column;
    justify-items: center;
    flex: 1; }
    .about-cell h1,
    .about-cell h2,
    .about-cell h3 {
      margin-bottom: 0; }
    .about-cell img {
      flex-shrink: 0; }
    .about-cell:first-child {
      flex: 2; }
    .about-cell:nth-child(2) {
      flex: 1.8; } }

@media only screen and (min-width: 60em) {
  .about-cell__copy {
    padding: 0 3.5rem; }
  .about-cell:nth-child(2) {
    flex: 1.8; } }

.about-header {
  margin: 0;
  font-family: 'earth_richregular', 'Arial';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  font-size: 5rem;
  text-align: center;
  margin: 0;
  padding: 0 1rem;
  width: 100%; }
  @media only screen and (min-width: 48em) {
    .about-header {
      font-size: 7rem; } }

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

.carousel {
  overflow: hidden;
  position: relative;
  zoom: 1;
  filter: alpha(opacity=0);
  opacity: 0; }
  .carousel .carousel-item {
    outline: none; }
  .carousel.carousel-ready {
    zoom: 1;
    filter: alpha(opacity=100);
    opacity: 1; }
  .carousel.rice-arrows .slick-list {
    margin: 0 1.5em; }
  .carousel.rice-arrows .slick-arrow {
    min-width: 0px;
    position: absolute;
    top: 50%;
    z-index: 10;
    margin-top: -35px;
    zoom: 1;
    filter: alpha(opacity=50);
    opacity: 0.5;
    padding: 20px 0; }
    .carousel.rice-arrows .slick-arrow img {
      max-width: 20px; }
    .carousel.rice-arrows .slick-arrow:hover {
      zoom: 1;
      filter: alpha(opacity=100);
      opacity: 1; }
  .carousel.rice-arrows .slick-prev {
    left: 0; }
  .carousel.rice-arrows .slick-next {
    right: 0; }
  @media only screen and (min-width: 48em) {
    .carousel.rice-arrows .slick-list {
      margin: 0 2.5em; }
    .carousel.rice-arrows .slick-arrow {
      margin-top: -35px; }
      .carousel.rice-arrows .slick-arrow img {
        max-width: 30px; } }

.slick-dots {
  list-style-type: none;
  margin: 0;
  padding: 0; }
  .slick-dots li {
    display: inline-block;
    margin: 0 5px;
    overflow: hidden; }
  .slick-dots button {
    width: 20px;
    height: 20px;
    cursor: pointer;
    border: none;
    outline: none;
    padding: 0;
    background-color: #223b73;
    border-radius: 100%;
    padding: 0;
    min-height: 0px;
    color: transparent; }
  .slick-dots .slick-active button {
    background-color: #63c9e9; }

.js-posts-list-wrap-hide {
  display: none; }
  @media only screen and (min-width: 64em) {
    .js-posts-list-wrap-hide {
      display: block !important; } }

.target-visible {
  display: block; }

html.remodal-is-locked {
  overflow: hidden;
  touch-action: none; }

.remodal,
[data-remodal-id] {
  display: none; }

.remodal-overlay {
  position: fixed;
  z-index: 9999;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;
  display: none; }

.remodal-wrapper {
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  overflow: auto;
  text-align: center;
  -webkit-overflow-scrolling: touch;
  padding: .75em; }

.remodal-wrapper:after {
  display: inline-block;
  height: 100%;
  margin-left: -0.05em;
  content: ""; }

.remodal-overlay,
.remodal-wrapper {
  backface-visibility: hidden; }

.remodal {
  position: relative;
  outline: none;
  text-size-adjust: 100%; }

.remodal-is-initialized {
  display: inline-block; }

.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
  filter: blur(3px); }

.modal-bg-force {
  display: block;
  position: fixed;
  z-index: 9999;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;
  zoom: 1;
  filter: alpha(opacity=0);
  opacity: 0;
  visibility: hidden;
  background: rgba(43, 46, 56, 0.65);
  transition: all 0.2s; }

.modal-bg-force-visible {
  zoom: 1;
  filter: alpha(opacity=100);
  opacity: 1;
  visibility: visible; }

.remodal {
  box-sizing: border-box;
  width: 100%;
  padding: 1em;
  transform: translate3d(0, 0, 0);
  background: #FFFFFF; }

.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
  animation-duration: 0.3s;
  animation-fill-mode: forwards; }

.remodal.remodal-is-opening {
  animation-name: remodal-opening-keyframes; }

.remodal.remodal-is-closing {
  animation-name: remodal-closing-keyframes; }

.remodal,
.remodal-wrapper:after {
  vertical-align: middle; }

.remodal-close {
  position: absolute;
  top: .875em;
  right: .875em;
  line-height: 1;
  cursor: pointer; }

@keyframes remodal-opening-keyframes {
  from {
    transform: scale(1.05);
    zoom: 1;
    filter: alpha(opacity=0);
    opacity: 0; }
  to {
    transform: none;
    zoom: 1;
    filter: alpha(opacity=100);
    opacity: 1; } }

@keyframes remodal-closing-keyframes {
  from {
    transform: scale(1);
    zoom: 1;
    filter: alpha(opacity=100);
    opacity: 1; }
  to {
    transform: scale(0.95);
    zoom: 1;
    filter: alpha(opacity=0);
    opacity: 0; } }

@media only screen and (min-width: 641px) {
  .remodal-wrapper {
    padding: 1em; }
  .remodal {
    max-width: 700px; } }

.lt-ie9 .remodal-overlay {
  background: #2b2e38; }

.lt-ie9 .remodal {
  width: 700px; }

.remodal {
  background-color: #2f4787;
  color: #FFFFFF; }
  .remodal p a {
    color: #63c9e9; }
  .remodal form {
    background-color: #2f4787; }
    .remodal form label {
      font-family: "brandon-grotesque", sans-serif;
      font-style: normal;
      color: #FFFFFF;
      text-align: left;
      font-weight: 700;
      margin-bottom: .25em; }

.lte-ie9 .ribbon-page-head {
  display: none; }

.lte-ie9 .site-footer .footer-navigation ul.menu li.professional-chefs a:after {
  background-image: url("../img/professional-chefs-100h.png") !important;
  background-size: auto; }

.lte-ie9 .page-template-page-about .about-section-wrap {
  background: #2f4787;
  padding: 2em 0; }
  .lte-ie9 .page-template-page-about .about-section-wrap .svg {
    display: none;
    margin: 0; }

.lte-ie9 .page-template-page-about .about-section {
  display: block; }
  .lte-ie9 .page-template-page-about .about-section .about-section-image-wrap, .lte-ie9 .page-template-page-about .about-section .about-section-text-wrap {
    display: block;
    left: auto !important;
    text-align: center; }

.lte-ie9 .page-template-page-about .about-section-component {
  zoom: 1;
  filter: alpha(opacity=100);
  opacity: 1; }

.lte-ie9 .page-template-page-about .section-wrap {
  margin: 0; }

.lte-ie9 .page-template-page-about .about-section-10 {
  padding-bottom: 4em; }

.lte-ie8 .select-style select, .lte-ie8 .gform_wrapper .ginput_container_select select, .gform_wrapper .lte-ie8 .ginput_container_select select, .lte-ie8 .gform_wrapper .clear-multi .gfield_time_ampm select, .gform_wrapper .clear-multi .lte-ie8 .gfield_time_ampm select {
  padding: 10px 0px;
  height: 50px;
  line-height: 50px; }

@media only screen and (min-width: 30em) {
  .lte-ie8 .select-style select, .lte-ie8 .gform_wrapper .ginput_container_select select, .gform_wrapper .lte-ie8 .ginput_container_select select, .lte-ie8 .gform_wrapper .clear-multi .gfield_time_ampm select, .gform_wrapper .clear-multi .lte-ie8 .gfield_time_ampm select {
    font-size: 19.2px;
    font-size: 1.2rem; } }

.lte-ie8 .mega-nav-wrap-visible, .lte-ie8 #mega-nav-page-overlay.overlay-visible {
  visibility: hidden; }

@media only screen and (max-width: 64em) {
  .lte-ie8 .about-page-hero-header {
    height: auto; }
    .lte-ie8 .about-page-hero-header .about-section-component {
      display: none !important; }
    .lte-ie8 .about-page-hero-header .section-header {
      position: relative;
      top: 0;
      padding: 4em 0; } }

@media only screen and (min-width: 64em) {
  .lte-ie8 .about-page-hero-header {
    height: 1400px; }
    .lte-ie8 .about-page-hero-header .about-section-component {
      display: block !important; }
  .lte-ie8 .about-page-hero-footer {
    display: none; } }

.hero-quiz {
  padding: 0;
  text-align: center; }
  .hero-quiz .gform_body > div {
    display: inline-block;
    width: 100%;
    padding-bottom: 50px; }
  .hero-quiz .ginput_container {
    max-width: 1100px;
    margin-right: auto;
    margin-left: auto; }
    .hero-quiz .ginput_container > div {
      display: flex; }
  .hero-quiz .gform_ajax_spinner {
    display: none; }
  .hero-quiz .gfield_required {
    display: none !important; }
  .hero-quiz .ginput_container {
    position: relative;
    z-index: 20; }
  .hero-quiz > .alert.alert-error {
    display: none; }
  .hero-quiz .validation_message > .alert-error {
    max-width: 800px;
    margin: 0 auto;
    padding: 6px; }
  .hero-quiz [type="checkbox"] + .hero-quiz__label > .match-height {
    margin-bottom: 1em; }

.quiz-results .panel {
  opacity: 1 !important;
  display: block !important; }

.hero-quiz__pager {
  font-style: oblique;
  font-size: 1.25rem;
  color: #2f4787;
  padding: .5rem 0; }
  @media screen and (min-width: 48em) {
    .hero-quiz__pager {
      margin-top: 2rem; } }

.hero-quiz__list-item {
  text-align: center;
  float: none !important;
  display: inline-block;
  vertical-align: top;
  overflow: visible !important;
  padding: 20px 20px; }
  @media screen and (min-width: 48em) {
    .hero-quiz__list-item {
      margin: 0 auto;
      padding: 0 0 40px; } }
  @media screen and (min-width: 75em) {
    .hero-quiz__list-item {
      padding: 0 0 60px; } }
  .hero-quiz__list-item > input[type="radio"] + .hero-quiz__label,
  .hero-quiz__list-item > input[type="checkbox"] + .hero-quiz__label {
    padding: 1rem;
    float: none;
    margin: 0; }
    .hero-quiz__list-item > input[type="radio"] + .hero-quiz__label::before, .hero-quiz__list-item > input[type="radio"] + .hero-quiz__label::after,
    .hero-quiz__list-item > input[type="checkbox"] + .hero-quiz__label::before,
    .hero-quiz__list-item > input[type="checkbox"] + .hero-quiz__label::after {
      display: none; }
  .hero-quiz__list-item > input[type="radio"]:checked + .hero-quiz__label,
  .hero-quiz__list-item > input[type="checkbox"]:checked + .hero-quiz__label {
    font-weight: bolder;
    position: relative; }
    .hero-quiz__list-item > input[type="radio"]:checked + .hero-quiz__label::after,
    .hero-quiz__list-item > input[type="checkbox"]:checked + .hero-quiz__label::after {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      border-radius: 10px;
      margin: 0;
      bottom: -5px;
      top: auto;
      background-size: auto;
      content: '';
      display: block !important;
      opacity: 1; }

.hero-quiz__label {
  display: inline-block;
  border-radius: 10px; }
  .hero-quiz__label:hover {
    font-weight: bolder; }

.gfield .hero-quiz__title {
  font-family: 'brandon-grotesque', sans-serif;
  font-weight: 900;
  padding: 0 2rem 2rem 2rem;
  font-size: 2rem;
  max-width: 800px;
  font-style: normal;
  margin: 0;
  position: relative;
  z-index: 20; }
  @media screen and (min-width: 48em) {
    .gfield .hero-quiz__title {
      padding: 2rem;
      font-size: 2.25rem;
      margin: 0 auto 2rem; } }

.hero-quiz .gform_page_footer {
  display: block;
  text-align: center;
  height: 0; }

.hero-quiz .button {
  margin: 0 auto;
  display: inline-block;
  position: relative;
  top: -100px; }
  @media screen and (min-width: 48em) {
    .hero-quiz .button {
      top: -120px; } }
  .hero-quiz .button.disabled {
    opacity: 0.25; }

.hero-quiz .gform_page_fields,
.hero-quiz .gfield:not(.user-details) > .gfield_label,
.hero-quiz .gfield_main-label {
  position: relative; }
  .hero-quiz .gform_page_fields::before, .hero-quiz .gform_page_fields::after,
  .hero-quiz .gfield:not(.user-details) > .gfield_label::before,
  .hero-quiz .gfield:not(.user-details) > .gfield_label::after,
  .hero-quiz .gfield_main-label::before,
  .hero-quiz .gfield_main-label::after {
    content: '';
    height: 7px;
    left: 0;
    right: 0;
    position: absolute;
    background-repeat: repeat-x; }

.hero-quiz .gfield:not(.user-details) > .gfield_label,
.hero-quiz .gfield_main-label {
  text-transform: uppercase; }
  .hero-quiz .gfield:not(.user-details) > .gfield_label::after,
  .hero-quiz .gfield_main-label::after {
    bottom: -7px; }
  .hero-quiz .gfield:not(.user-details) > .gfield_label::before,
  .hero-quiz .gfield_main-label::before {
    top: -7px; }

.hero-quiz .gform_page_fields::before {
  bottom: -7px; }

.hero-quiz .gform_page_fields::after {
  top: -7px; }

.hero-quiz .gform_fields > .gfield {
  padding: 0;
  margin: 0; }
  @media screen and (min-width: 48em) {
    .hero-quiz .gform_fields > .gfield {
      padding: 30px 0;
      margin: 50px 0; } }
  @media screen and (min-width: 60em) {
    .hero-quiz .gform_fields > .gfield {
      padding: 30px 0; } }
  @media screen and (min-width: 64em) {
    .hero-quiz .gform_fields > .gfield {
      padding: 30px 0; } }

.background-red {
  background-color: #A42438; }
  .background-red .hero-quiz__label {
    color: #A42438; }
  .background-red > .gform_page_fields::before,
  .background-red .hero-quiz__title::before {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-about-edges.png);
    background-position: 0px -72px;
    width: 1200px;
    height: 12px;
    width: auto; }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      .background-red > .gform_page_fields::before,
      .background-red .hero-quiz__title::before {
        background-image: url(/wp-content/themes/tilda/library/img/sprite-about-edges@2x.png);
        background-size: 1200px 96px; } }
  .background-red > .gform_page_fields::after,
  .background-red .hero-quiz__title::after {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-about-edges.png);
    background-position: 0px -84px;
    width: 1200px;
    height: 12px;
    width: auto; }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      .background-red > .gform_page_fields::after,
      .background-red .hero-quiz__title::after {
        background-image: url(/wp-content/themes/tilda/library/img/sprite-about-edges@2x.png);
        background-size: 1200px 96px; } }
  .background-red .hero-quiz__title,
  .background-red .button {
    background-color: #A42438;
    color: white; }
  .background-red .button:hover,
  .background-red .button:focus {
    background-color: white;
    color: #A42438;
    border-color: #A42438; }
  .background-red input[type="radio"]:checked + .hero-quiz__label::after,
  .background-red input[type="checkbox"]:checked + .hero-quiz__label::after {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-about-rice.png);
    background-position: 0px -15px;
    width: 165px;
    height: 5px;
    background-color: transparent; }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      .background-red input[type="radio"]:checked + .hero-quiz__label::after,
      .background-red input[type="checkbox"]:checked + .hero-quiz__label::after {
        background-image: url(/wp-content/themes/tilda/library/img/sprite-about-rice@2x.png);
        background-size: 165px 20px; } }
  .background-red .hero-quiz__user-detail__label {
    color: #A42438; }
  @media screen and (max-width: 48em) {
    .background-red .hero-quiz__pager {
      background-color: #A42438;
      color: white; } }

.background-green {
  background-color: #426D49; }
  .background-green .hero-quiz__label {
    color: #426D49; }
  .background-green > .gform_page_fields::before,
  .background-green .hero-quiz__title::before {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-about-edges.png);
    background-position: 0px -24px;
    width: 1200px;
    height: 12px;
    width: auto; }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      .background-green > .gform_page_fields::before,
      .background-green .hero-quiz__title::before {
        background-image: url(/wp-content/themes/tilda/library/img/sprite-about-edges@2x.png);
        background-size: 1200px 96px; } }
  .background-green > .gform_page_fields::after,
  .background-green .hero-quiz__title::after {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-about-edges.png);
    background-position: 0px -36px;
    width: 1200px;
    height: 12px;
    width: auto; }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      .background-green > .gform_page_fields::after,
      .background-green .hero-quiz__title::after {
        background-image: url(/wp-content/themes/tilda/library/img/sprite-about-edges@2x.png);
        background-size: 1200px 96px; } }
  .background-green .hero-quiz__title,
  .background-green .button {
    background-color: #426D49;
    color: white; }
  .background-green .button:hover,
  .background-green .button:focus {
    background-color: white;
    color: #426D49;
    border-color: #426D49; }
  .background-green input[type="radio"]:checked + .hero-quiz__label::after,
  .background-green input[type="checkbox"]:checked + .hero-quiz__label::after {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-about-rice.png);
    background-position: 0px -5px;
    width: 165px;
    height: 5px;
    background-color: transparent; }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      .background-green input[type="radio"]:checked + .hero-quiz__label::after,
      .background-green input[type="checkbox"]:checked + .hero-quiz__label::after {
        background-image: url(/wp-content/themes/tilda/library/img/sprite-about-rice@2x.png);
        background-size: 165px 20px; } }
  .background-green .hero-quiz__user-detail__label {
    color: #426D49; }
  @media screen and (max-width: 48em) {
    .background-green .hero-quiz__pager {
      background-color: #426D49;
      color: white; } }

.background-pink {
  background-color: #CA264C; }
  .background-pink .hero-quiz__label {
    color: #CA264C; }
  .background-pink > .gform_page_fields::before,
  .background-pink .hero-quiz__title::before {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-about-edges.png);
    background-position: 0px -48px;
    width: 1200px;
    height: 12px;
    width: auto; }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      .background-pink > .gform_page_fields::before,
      .background-pink .hero-quiz__title::before {
        background-image: url(/wp-content/themes/tilda/library/img/sprite-about-edges@2x.png);
        background-size: 1200px 96px; } }
  .background-pink > .gform_page_fields::after,
  .background-pink .hero-quiz__title::after {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-about-edges.png);
    background-position: 0px -60px;
    width: 1200px;
    height: 12px;
    width: auto; }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      .background-pink > .gform_page_fields::after,
      .background-pink .hero-quiz__title::after {
        background-image: url(/wp-content/themes/tilda/library/img/sprite-about-edges@2x.png);
        background-size: 1200px 96px; } }
  .background-pink .hero-quiz__title,
  .background-pink .button {
    background-color: #CA264C;
    color: white; }
  .background-pink .button:hover,
  .background-pink .button:focus {
    background-color: white;
    color: #CA264C;
    border-color: #CA264C; }
  .background-pink input[type="radio"]:checked + .hero-quiz__label::after,
  .background-pink input[type="checkbox"]:checked + .hero-quiz__label::after {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-about-rice.png);
    background-position: 0px -10px;
    width: 165px;
    height: 5px;
    background-color: transparent; }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      .background-pink input[type="radio"]:checked + .hero-quiz__label::after,
      .background-pink input[type="checkbox"]:checked + .hero-quiz__label::after {
        background-image: url(/wp-content/themes/tilda/library/img/sprite-about-rice@2x.png);
        background-size: 165px 20px; } }
  .background-pink .hero-quiz__user-detail__label {
    color: #CA264C; }
  @media screen and (max-width: 48em) {
    .background-pink .hero-quiz__pager {
      background-color: #CA264C;
      color: white; } }

.background-blue {
  background-color: #418DC3; }
  .background-blue .hero-quiz__label {
    color: #418DC3; }
  .background-blue > .gform_page_fields::before,
  .background-blue .hero-quiz__title::before {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-about-edges.png);
    background-position: 0px 0px;
    width: 1200px;
    height: 12px;
    width: auto; }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      .background-blue > .gform_page_fields::before,
      .background-blue .hero-quiz__title::before {
        background-image: url(/wp-content/themes/tilda/library/img/sprite-about-edges@2x.png);
        background-size: 1200px 96px; } }
  .background-blue > .gform_page_fields::after,
  .background-blue .hero-quiz__title::after {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-about-edges.png);
    background-position: 0px -12px;
    width: 1200px;
    height: 12px;
    width: auto; }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      .background-blue > .gform_page_fields::after,
      .background-blue .hero-quiz__title::after {
        background-image: url(/wp-content/themes/tilda/library/img/sprite-about-edges@2x.png);
        background-size: 1200px 96px; } }
  .background-blue .hero-quiz__title,
  .background-blue .button {
    background-color: #418DC3;
    color: white; }
  .background-blue .button:hover,
  .background-blue .button:focus {
    background-color: white;
    color: #418DC3;
    border-color: #418DC3; }
  .background-blue input[type="radio"]:checked + .hero-quiz__label::after,
  .background-blue input[type="checkbox"]:checked + .hero-quiz__label::after {
    background-image: url(/wp-content/themes/tilda/library/img/sprite-about-rice.png);
    background-position: 0px 0px;
    width: 165px;
    height: 5px;
    background-color: transparent; }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      .background-blue input[type="radio"]:checked + .hero-quiz__label::after,
      .background-blue input[type="checkbox"]:checked + .hero-quiz__label::after {
        background-image: url(/wp-content/themes/tilda/library/img/sprite-about-rice@2x.png);
        background-size: 165px 20px; } }
  .background-blue .hero-quiz__user-detail__label {
    color: #418DC3; }
  @media screen and (max-width: 48em) {
    .background-blue .hero-quiz__pager {
      background-color: #418DC3;
      color: white; } }

.hero-quiz .gform_fields > .user-details {
  margin: 0;
  display: block;
  padding: 1rem; }
  @media screen and (min-width: 60em) {
    .hero-quiz .gform_fields > .user-details {
      padding: 0; } }
  .hero-quiz .gform_fields > .user-details > .gfield_label,
  .hero-quiz .gform_fields > .user-details > .ginput_container {
    max-width: 800px;
    margin: 0 auto 1rem; }
  .hero-quiz .gform_fields > .user-details > .gfield_label {
    text-align: left;
    padding-left: 1rem; }
  .hero-quiz .gform_fields > .user-details .button {
    top: auto; }

.user-details .gform_fields > li:last-child {
  padding-bottom: 30px; }
  @media screen and (min-width: 48em) {
    .user-details .gform_fields > li:last-child {
      padding-bottom: 100px; } }

.hero-quiz .gform_fields {
  background-color: #FFF7E9;
  padding-bottom: 100px; }
  @media screen and (min-width: 64em) {
    .hero-quiz .gform_fields {
      padding-bottom: 90px; } }

.hero-quiz .gform_previous_button,
.hero-quiz .gform_previous_button:hover,
.hero-quiz .gform_previous_button:focus {
  border: none;
  text-transform: none !important;
  background-color: transparent;
  color: #2f4787;
  font-weight: lighter; }

@media screen and (min-width: 75em) {
  .hero-quiz__input::before,
  .hero-quiz__input::after {
    content: '';
    display: block;
    width: 400px;
    height: 800px;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: -50px;
    z-index: 10; } }

.kidney-beans-right-top::before, .kidney-beans-right-bottom::before, .kidney-beans-left-top::after, .kidney-beans-left-bottom::after {
  background-image: url("../img/food/kidney-beans.png"); }

.kidney-beans-right-top::before {
  background-position: right top;
  right: 0; }

.kidney-beans-right-bottom::before {
  background-position: right bottom;
  right: 0;
  top: auto;
  bottom: -50px; }

.kidney-beans-left-top::after {
  background-position: left top;
  left: 0; }

.kidney-beans-left-bottom::after {
  background-position: left bottom;
  left: 0;
  top: auto;
  bottom: -50px; }

.chilli-right-top::before, .chilli-right-bottom::before, .chilli-left-top::after, .chilli-left-bottom::after {
  background-image: url("../img/food/chilli.png"); }

.chilli-right-top::before {
  background-position: right top;
  right: 0; }

.chilli-right-bottom::before {
  background-position: right bottom;
  right: 0;
  top: auto;
  bottom: -50px; }

.chilli-left-top::after {
  background-position: left top;
  left: 0; }

.chilli-left-bottom::after {
  background-position: left bottom;
  left: 0;
  top: auto;
  bottom: -50px; }

.chilli2-right-top::before, .chilli2-right-bottom::before, .chilli2-left-top::after, .chilli2-left-bottom::after {
  background-image: url("../img/food/chilli2.png"); }

.chilli2-right-top::before {
  background-position: right top;
  right: 0; }

.chilli2-right-bottom::before {
  background-position: right bottom;
  right: 0;
  top: auto;
  bottom: -50px; }

.chilli2-left-top::after {
  background-position: left top;
  left: 0; }

.chilli2-left-bottom::after {
  background-position: left bottom;
  left: 0;
  top: auto;
  bottom: -50px; }

.garlic-right-top::before, .garlic-right-bottom::before, .garlic-left-top::after, .garlic-left-bottom::after {
  background-image: url("../img/food/garlic.png"); }

.garlic-right-top::before {
  background-position: right top;
  right: 0; }

.garlic-right-bottom::before {
  background-position: right bottom;
  right: 0;
  top: auto;
  bottom: -50px; }

.garlic-left-top::after {
  background-position: left top;
  left: 0; }

.garlic-left-bottom::after {
  background-position: left bottom;
  left: 0;
  top: auto;
  bottom: -50px; }

.onion-right-top::before, .onion-right-bottom::before, .onion-left-top::after, .onion-left-bottom::after {
  background-image: url("../img/food/onion.png"); }

.onion-right-top::before {
  background-position: right top;
  right: 0; }

.onion-right-bottom::before {
  background-position: right bottom;
  right: 0;
  top: auto;
  bottom: -50px; }

.onion-left-top::after {
  background-position: left top;
  left: 0; }

.onion-left-bottom::after {
  background-position: left bottom;
  left: 0;
  top: auto;
  bottom: -50px; }

.dip-right-top::before, .dip-right-bottom::before, .dip-left-top::after, .dip-left-bottom::after {
  background-image: url("../img/food/dip.png"); }

.dip-right-top::before {
  background-position: right top;
  right: 0; }

.dip-right-bottom::before {
  background-position: right bottom;
  right: 0;
  top: auto;
  bottom: -50px; }

.dip-left-top::after {
  background-position: left top;
  left: 0; }

.dip-left-bottom::after {
  background-position: left bottom;
  left: 0;
  top: auto;
  bottom: -50px; }

.dish1-right-top::before, .dish1-right-bottom::before, .dish1-left-top::after, .dish1-left-bottom::after {
  background-image: url("../img/food/dish1.png"); }

.dish1-right-top::before {
  background-position: right top;
  right: 0; }

.dish1-right-bottom::before {
  background-position: right bottom;
  right: 0;
  top: auto;
  bottom: -50px; }

.dish1-left-top::after {
  background-position: left top;
  left: 0; }

.dish1-left-bottom::after {
  background-position: left bottom;
  left: 0;
  top: auto;
  bottom: -50px; }

.dish2-right-top::before, .dish2-right-bottom::before, .dish2-left-top::after, .dish2-left-bottom::after {
  background-image: url("../img/food/dish2.png"); }

.dish2-right-top::before {
  background-position: right top;
  right: 0; }

.dish2-right-bottom::before {
  background-position: right bottom;
  right: 0;
  top: auto;
  bottom: -50px; }

.dish2-left-top::after {
  background-position: left top;
  left: 0; }

.dish2-left-bottom::after {
  background-position: left bottom;
  left: 0;
  top: auto;
  bottom: -50px; }

.dish3-right-top::before, .dish3-right-bottom::before, .dish3-left-top::after, .dish3-left-bottom::after {
  background-image: url("../img/food/dish3.png"); }

.dish3-right-top::before {
  background-position: right top;
  right: 0; }

.dish3-right-bottom::before {
  background-position: right bottom;
  right: 0;
  top: auto;
  bottom: -50px; }

.dish3-left-top::after {
  background-position: left top;
  left: 0; }

.dish3-left-bottom::after {
  background-position: left bottom;
  left: 0;
  top: auto;
  bottom: -50px; }

.dish4-right-top::before, .dish4-right-bottom::before, .dish4-left-top::after, .dish4-left-bottom::after {
  background-image: url("../img/food/dish4.png"); }

.dish4-right-top::before {
  background-position: right top;
  right: 0; }

.dish4-right-bottom::before {
  background-position: right bottom;
  right: 0;
  top: auto;
  bottom: -50px; }

.dish4-left-top::after {
  background-position: left top;
  left: 0; }

.dish4-left-bottom::after {
  background-position: left bottom;
  left: 0;
  top: auto;
  bottom: -50px; }

.dish5-right-top::before, .dish5-right-bottom::before, .dish5-left-top::after, .dish5-left-bottom::after {
  background-image: url("../img/food/dish5.png"); }

.dish5-right-top::before {
  background-position: right top;
  right: 0; }

.dish5-right-bottom::before {
  background-position: right bottom;
  right: 0;
  top: auto;
  bottom: -50px; }

.dish5-left-top::after {
  background-position: left top;
  left: 0; }

.dish5-left-bottom::after {
  background-position: left bottom;
  left: 0;
  top: auto;
  bottom: -50px; }

.dish6-right-top::before, .dish6-right-bottom::before, .dish6-left-top::after, .dish6-left-bottom::after {
  background-image: url("../img/food/dish6.png"); }

.dish6-right-top::before {
  background-position: right top;
  right: 0; }

.dish6-right-bottom::before {
  background-position: right bottom;
  right: 0;
  top: auto;
  bottom: -50px; }

.dish6-left-top::after {
  background-position: left top;
  left: 0; }

.dish6-left-bottom::after {
  background-position: left bottom;
  left: 0;
  top: auto;
  bottom: -50px; }

.limes-right-top::before, .limes-right-bottom::before, .limes-left-top::after, .limes-left-bottom::after {
  background-image: url("../img/food/limes.png"); }

.limes-right-top::before {
  background-position: right top;
  right: 0; }

.limes-right-bottom::before {
  background-position: right bottom;
  right: 0;
  top: auto;
  bottom: -50px; }

.limes-left-top::after {
  background-position: left top;
  left: 0; }

.limes-left-bottom::after {
  background-position: left bottom;
  left: 0;
  top: auto;
  bottom: -50px; }

.spices1-right-top::before, .spices1-right-bottom::before, .spices1-left-top::after, .spices1-left-bottom::after {
  background-image: url("../img/food/spices1.png"); }

.spices1-right-top::before {
  background-position: right top;
  right: 0; }

.spices1-right-bottom::before {
  background-position: right bottom;
  right: 0;
  top: auto;
  bottom: -50px; }

.spices1-left-top::after {
  background-position: left top;
  left: 0; }

.spices1-left-bottom::after {
  background-position: left bottom;
  left: 0;
  top: auto;
  bottom: -50px; }

.parsley-right-top::before, .parsley-right-bottom::before, .parsley-left-top::after, .parsley-left-bottom::after {
  background-image: url("../img/food/parsley.png"); }

.parsley-right-top::before {
  background-position: right top;
  right: 0; }

.parsley-right-bottom::before {
  background-position: right bottom;
  right: 0;
  top: auto;
  bottom: -50px; }

.parsley-left-top::after {
  background-position: left top;
  left: 0; }

.parsley-left-bottom::after {
  background-position: left bottom;
  left: 0;
  top: auto;
  bottom: -50px; }

.page-template-page-blank .entry-content,
.page-template-page-blank .type-page {
  margin: 0; }

.page-template-page-blank .entry-title {
  display: none; }

.page-template-page-blank .gform_heading {
  margin: 0;
  display: none; }

.page-template-page-blank .gform_confirmation_wrapper {
  display: none; }

.hero-quiz__list-item > .hero-quiz__label > .question-detail {
  font-size: 17px;
  margin: 1rem 0 0; }

.quiz-results .section__header > p,
.quiz-results .section__header > h2 {
  text-align: center; }

.quiz-results .panel .panel-padded {
  display: block; }

.hero-quiz .gform_fields > .user-details .hero-quiz__user-detail__label {
  margin-bottom: 0;
  position: relative;
  z-index: 20; }

.header-title--hero-quiz {
  background-image: url("../img/backgrounds/quiz_background.jpg");
  background-size: cover;
  background-position: center top;
  padding-bottom: 4rem; }
  @media screen and (min-width: 64em) {
    .header-title--hero-quiz {
      padding-bottom: 8rem; } }
  .header-title--hero-quiz > .color-overlay {
    padding: 2rem; }
    @media screen and (min-width: 64em) {
      .header-title--hero-quiz > .color-overlay {
        padding: 4rem; } }
  .header-title--hero-quiz .hero-quiz__hero__title,
  .header-title--hero-quiz .hero-quiz__hero__details {
    padding: 0;
    margin: 0 auto; }

.hero-quiz__hero__title {
  font-family: 'brandon-grotesque', sans-serif;
  font-weight: 900;
  font-size: 52px; }

.hero-quiz__hero__title,
.hero-quiz__hero__details {
  color: white;
  text-align: center;
  text-shadow: 0 0 40px #000000; }

.hero-quiz__hero__details,
.hero-quiz__description {
  max-width: 800px;
  margin: 0 auto;
  padding: 1rem;
  font-size: 1.5rem; }

.hero-quiz__copy {
  max-width: 800px;
  margin: 0 auto;
  padding: 1rem;
  z-index: 20;
  position: relative; }
  @media screen and (min-width: 60em) {
    .hero-quiz__copy {
      background-color: rgba(255, 247, 233, 0.75);
      border-radius: 10px; } }

.results__background {
  text-align: center; }

.results__background:nth-child(odd) {
  background-image: url("https://www.tilda.com/wp-content/uploads/2016/11/middle-Top-1600x600.png");
  background-size: cover;
  background-position: center;
  padding: 2rem 0; }

.results__background:first-child {
  background: none; }

.hero-quiz__button__wrapper {
  position: absolute;
  width: 100%; }
  .hero-quiz__button__wrapper + .hero-quiz__button__wrapper {
    margin-top: 50px; }

.hero-quiz .gform_fields > .hero-quiz__title_wrapper {
  margin-bottom: 0;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto; }

@media screen and (min-width: 60em) {
  .hero-quiz .gform_fields.elements-reordered > li:nth-of-type(1),
  .hero-quiz .gform_fields.elements-reordered > li:nth-of-type(2) {
    max-width: 400px;
    display: inline-block;
    width: 100%; }
  .hero-quiz .gform_fields.elements-reordered > li:nth-of-type(1) {
    padding-right: 20px; }
  .hero-quiz .gform_fields.elements-reordered > li:nth-of-type(2) {
    padding-left: 20px; } }

.gform_body .checkbox-quiz-gdpr input[type="checkbox"]:checked + .hero-quiz__label {
  font-weight: normal !important;
  padding: 0 0 0 60px; }
  .gform_body .checkbox-quiz-gdpr input[type="checkbox"]:checked + .hero-quiz__label:after {
    background-image: none;
    background-position: 0px -5px;
    width: 20px;
    height: 20px;
    background-color: #72c964;
    position: absolute;
    left: 22px;
    transform: unset;
    border-radius: 10px;
    margin: 0;
    bottom: 0;
    top: 5px;
    background-size: auto;
    content: "";
    display: block !important;
    opacity: 1; }
  .gform_body .checkbox-quiz-gdpr input[type="checkbox"]:checked + .hero-quiz__label:hover {
    font-weight: normal !important; }

.gform_body .checkbox-quiz-gdpr input[type="checkbox"] + .hero-quiz__label {
  padding: 0 0 0 60px;
  font-weight: normal !important; }
  .gform_body .checkbox-quiz-gdpr input[type="checkbox"] + .hero-quiz__label:after {
    display: block !important; }
  .gform_body .checkbox-quiz-gdpr input[type="checkbox"] + .hero-quiz__label:before {
    display: block !important; }
  .gform_body .checkbox-quiz-gdpr input[type="checkbox"] + .hero-quiz__label:hover {
    font-weight: normal !important; }

@media screen and (min-width: 60em) {
  .hero-quiz .hero-quiz__input,
  .hero-quiz .ginput_container,
  .hero-quiz .gfield.user-details > label,
  .hero-quiz .gfield.user-details > label + .ginput_container {
    background-color: rgba(255, 247, 233, 0.75);
    border-radius: 10px; }
  .hero-quiz .gfield.user-details > label {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
  .hero-quiz .gfield.user-details > label + .ginput_container {
    border-radius: 0; }
  .hero-quiz .gfield.user-details .ginput_container {
    background-color: transparent; } }

.job-form input[type="submit"]:hover,
.job-form input[type="button"]:hover {
  color: white; }