@charset "UTF-8";
/* Global layout 
------------------------- */
.wrap-sm,
.wrap-med,
.wrap-lrg {
  margin: 0 auto;
  max-width: 89.75rem;
}

.wrap-sm {
  max-width: 71.5rem;
}

.wrap-lrg {
  max-width: 108rem;
}

.flex {
  list-style: none;
}
@media (min-width: 60em) {
  .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .flex.promo-grid {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    margin-bottom: 6.5em;
  }
  .flex.promo-grid > *:not(.scoop) {
    margin: 0 0.5em;
    -webkit-box-flex: 2;
        -ms-flex-positive: 2;
            flex-grow: 2;
  }
  .flex.promo-grid > *:not(.scoop).wrap-med {
    margin-left: auto;
    margin-right: auto;
  }
  .flex.promo-grid.grid-col-a, .flex.promo-grid.grid-col-b {
    padding: 10em;
    border-radius: 0.5em;
  }
  .flex.promo-grid.grid-col-a:not(.margin-bottom), .flex.promo-grid.grid-col-b:not(.margin-bottom) {
    margin-bottom: 0;
  }
  .flex.promo-grid.grid-col-a .promo-block, .flex.promo-grid.grid-col-b .promo-block {
    margin: auto 0;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    max-width: 30em;
  }
  .flex.promo-grid.grid-col-a {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .flex.promo-grid.grid-col-b {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
@media (max-width: 59.9375em) {
  .flex.promo-grid.grid-col-a, .flex.promo-grid.grid-col-b {
    padding-bottom: 0;
    padding-top: 39%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .flex.promo-grid.grid-col-a.bg-upload, .flex.promo-grid.grid-col-b.bg-upload {
    background-size: 100%;
    background-position: center top;
    background-repeat: no-repeat;
  }
  .flex.promo-grid.grid-col-a .promo-block, .flex.promo-grid.grid-col-b .promo-block {
    margin-bottom: 0;
  }
  .flex.promo-grid.grid-col-a {
    border-radius: 0.5em 0.5em 0.6em 0.6em;
  }
  .flex.promo-grid.promo-collapse {
    margin: 2.5em 2.60416665%;
  }
  .flex.promo-grid.promo-collapse .scoop {
    display: none;
  }
}
@media (min-width: 60em) {
  .flex.two-up {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    /* Fallback for IE11 */
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    max-width: 100%;
  }
}
.flex.two-up > * {
  width: 48%;
  display: inline-block;
}
@media (min-width: 60em) {
  .flex.two-up > * {
    min-width: auto;
    width: 24%;
  }
}
@supports (display: grid) {
  .flex.two-up {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .flex.two-up > * {
    max-width: 100%;
    width: auto;
    margin: 0.75%;
  }
  @media (min-width: 60em) {
    .flex.two-up {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
    }
  }
}
.flex.flex-even {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  /* Fallback for IE11 */
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}
.flex.flex-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.flex.flex-stretch {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.flex.flex-start {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.flex-end {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.section {
  padding: 2.5em 2.60416665%;
  margin: 0 auto;
  position: relative;
}
.section .section {
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 60em) {
  .section {
    padding: 2.5em 5.2083333%;
  }
}
.section.inverted {
  background: #2E8727;
}
.section.inverted .promo-block:not(.isolated) {
  padding-top: 1.5em;
}
.section.inverted .promo-block:not(.isolated) p,
.section.inverted .promo-block:not(.isolated) [class*=-hed] {
  color: #fff;
}
.section.inverted:not(.scooped-inv) .scoop {
  fill: #2E8727;
}
.section.grey {
  background-color: #f5f2f3;
}
.section.grey:not(.scooped-inv) .scoop {
  fill: #f5f2f3;
}

.inset {
  margin: 2.5em auto 4.5em auto;
  max-width: 1400px;
}
@media (min-width: 60em) {
  .inset {
    padding: 0 5.625%;
  }
}

.central {
  text-align: left;
}
.central .section-hed,
.central .content-hed {
  margin: 0;
}
@media (min-width: 60em) {
  .central {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: stretch;
        -ms-flex-pack: stretch;
            justify-content: stretch;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}
.central .central-secondary {
  padding: 2.5em 3.84615385% 0.5em 3.84615385%;
}
@media (min-width: 60em) {
  .central .central-secondary {
    min-width: 28em;
    padding: 5em 3.84615385%;
  }
}
.central .central-primary {
  padding: 2.5em 3.84615385%;
}
.central .central-primary .post-body {
  max-width: 100%;
}
@media (min-width: 60em) {
  .central .central-primary {
    padding: 5em 6.94444445%;
    width: 100%;
    max-width: 100em;
  }
}
.central.faq-central .central-secondary {
  background: #f9f7f8;
  padding: 2.5em 3.84615385% 0 3.84615385%;
  border-bottom: 1px solid #b8b0b6;
}

.video-wrap {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
}
.video-wrap object, .video-wrap embed, .video-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.bg-video-wrap {
  background-position: 50%;
}
@media (min-width: 60em) {
  .bg-video-wrap {
    position: relative;
  }
  .bg-video-wrap > * {
    z-index: 4;
    position: relative;
  }
  .bg-video-wrap.fade-btm {
    position: relative;
  }
  .bg-video-wrap.fade-btm::after {
    content: "";
    height: 30px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white));
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0), white);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), white);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }
}

.bg-video {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 0;
  display: none;
}
@media (min-width: 60em) {
  .bg-video {
    display: block;
  }
}

.video-page .content-forte {
  padding-top: 0 !important;
}

img[data-src] {
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
  -o-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out;
}

img[data-src][src] {
  opacity: 1;
}

.no-js img[data-src] {
  display: none;
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

a img {
  border: none;
}

body {
  width: 100%;
  overflow-x: hidden;
}

main {
  display: block;
}

ul,
ol {
  padding: 0;
  margin: 0;
}

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

section {
  display: block;
}

figure {
  display: block;
  margin: 0;
}

nav ul {
  list-style: none;
}

/* Global Micropatterns 
------------------------- */
.promo-grid {
  padding: 1.25em 0 2.5em 0;
}
@media (min-width: 60em) {
  .promo-grid {
    padding: 5em 0 0 0;
  }
}

.promo-double {
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  margin-left: 5%;
  -ms-flex-item-align: end;
      align-self: flex-end;
}
@media (min-width: 60em) {
  .promo-double {
    max-width: 66%;
  }
}

.promo-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 0.5em;
  margin: 0.5em 0;
  padding: 3.5em;
  width: 100%;
}
.promo-block .sub-hed {
  color: #2E8727;
  font-size: 1.5em;
}
.promo-block.bg-blue * {
  color: #fff;
}
@media (min-width: 60em) {
  .promo-block {
    border-radius: 0.425em;
  }
}
.promo-block .lede {
  padding-top: 0.35em;
  margin-left: auto;
  margin-right: auto;
  width: 85%;
  max-width: 620px;
}
.promo-block p {
  line-height: 1.4;
  font-size: 1.125em;
  margin: 0.25em 0;
  padding: 0 1.5em;
  color: #5a5666;
}
.promo-block p + * {
  margin-top: 1em;
}
@media (min-width: 60em) {
  .promo-block p {
    font-size: 1.25em;
    line-height: 1.3;
    margin-bottom: 0;
  }
}
@media (min-width: 60em) and (max-width: 80em) {
  .promo-grid-triple .promo-block p {
    padding: 0;
  }
}
.promo-block p.lede {
  font-size: 1.125em;
}
@media (min-width: 60em) {
  .promo-block p.lede {
    font-size: 1.5em;
  }
}
.promo-block > .btn {
  margin-top: 1.25em;
}
.promo-block.isolated {
  background: #f9f7f8;
  padding: 3.5em 1.25em 3.5em 1.25em;
}
.promo-block.isolated .btn-sm {
  margin-top: 1.7em;
}
.promo-block.isolated .sub-hed {
  margin-bottom: 0.3125em;
}
.promo-block.isolated a:not([class]) {
  font-weight: 700;
}
.promo-block.isolated.flex {
  max-width: 1700px;
  padding: 1.75em 1.25em 1.75em 1.25em;
}
.promo-block.isolated.revert {
  background: #2E8727;
  color: white;
}
.promo-block.isolated.revert .sub-hed {
  color: white;
  font-size: 2.5em;
}
.promo-block.isolated.revert p {
  color: white;
}
.promo-block.promo-highlight {
  margin: 1em 0 2.5em 0;
  font-size: 1.2em;
  border-radius: 0 0 0.5em 0.5em;
}
@media (min-width: 60em) {
  .promo-block.promo-highlight {
    border-radius: 0.5em;
  }
}
.promo-block.promo-highlight .callout-hed {
  font-size: 1.770833em;
}
@media (min-width: 60em) {
  .promo-block.promo-highlight .callout-hed {
    font-size: 1.333333em;
  }
}
.promo-block > * {
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  padding: 0 0.5em;
  width: 100%;
}
.promo-block.inline-promo {
  padding: 2em 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.promo-block.inline-promo p + * {
  margin-top: 0;
}
.promo-block.inline-promo .sub-hed {
  font-size: 1.75em;
}
@media (min-width: 60em) {
  .promo-block.inline-promo .sub-hed {
    font-size: 1.5em;
  }
  .promo-block.inline-promo .lede {
    font-size: 1.5rem;
    margin-bottom: 1.75em;
  }
}
@media (min-width: 80em) {
  .promo-block.inline-promo {
    padding: 4.5em 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .promo-block.inline-promo > * {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    width: auto;
  }
  .promo-block.inline-promo .sub-hed {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .promo-block.inline-promo .lede {
    max-width: 35rem;
    margin: 0 1.5rem;
  }
}
.promo-block .join-newsletter .flex-component__item input {
  margin: 0.5em;
}

.btn,
.btn-naked {
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: inline-block;
  text-decoration: none;
  font-weight: 700;
  
}
.btn + .btn,
.btn-naked + .btn {
  margin-left: 0.75em;
}
.btn:focus,
.btn-naked:focus {
  outline: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 0 0 4px rgba(0, 130, 202, 0.35);
          box-shadow: 0 0 0 4px rgba(0, 130, 202, 0.35);
}
@media (min-width: 60em) {
  .btn,
.btn-naked {
    margin-top: 0;
  }
}

.btn {
 color: #fff;
    background: #F39800;
    font-family: Futura-LT-Medium,GucciChinese, sans-serif;
    text-transform: uppercase;
    border-radius: 0.25em;
    letter-spacing: 0.04em;
    border: 1px solid rgba(255, 255, 255, 0.25);
    font-size: 18px;
    padding: 0.6em 1.2em 0.65em 1.2em;
}
.btn:hover {
  background: #7a0505;
  color: #fff;
}
.btn:visited, .btn:focus {
  color: #fff;
}
.btn[disabled] {
  background: #f9f7f8;
}
.btn-none {
  cursor: pointer;
  border: none;
  background: transparent;
}
.btn.btn-grey {
  background: #e0d7d9;
  color: #5a5666;
  -webkit-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
.btn.btn-grey:hover {
  background: #b8b0b6;
}
.btn svg {
  fill: #fff;
  margin-bottom: -1px;
}
.btn.btn-sm {
  font-size: 14px;
  padding: 0.714286em 1em;
  letter-spacing: 0.05em;
}
.btn.btn-icon {

  position: relative;
}
.btn.btn-icon .icon {
  position: absolute;
  left: 0.71em;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.btn.btn-secondary {
  border: 1px solid rgba(255, 255, 255, 0.75);
  background: none;
}
.btn.btn-secondary:hover {
  background: #fff;
  color: #eb-red;
}
.btn.btn-secondary[disabled] {
  background: rgba(255, 255, 255, 0.25);
}

.btn-naked {
  font-family: freight-text-pro, serif;
  font-size: 1em;
  color: #F39800;
  border: none;
}
.btn-naked:hover {
  color: #a31414;
}

.tagged,
.more {
  text-decoration: none;
  font-family: bureau-grot-condensed, sans-serif;
  text-transform: uppercase;
  margin: 0.5em 0;
  font-size: 1.2em;
}

.tagged {
  color: #2e8727;
  font-family: bureau-grot-condensed, sans-serif;
}
.section.inverted .tagged {
  color: #73bee4;
}

.more {
  color: #F39800;
  font-size: 1.2em;
  font-weight: bold;
}

.detail-cta {
  color: #F39800;
  font-size: 1.1em;
  font-weight: bold;
  margin: 0;
  text-decoration: none;
}

.scooped {
  position: relative;
  padding-bottom: 3em;
  display: block;
  border-top: 1px solid transparent;
}
.scooped .scoop {
  display: block;
  overflow: hidden;
  fill: #fff;
  height: 4vw;
  /* IE11 can’t handle `height: auto` properly here. */
  max-height: 4em;
  left: 0;
  position: absolute;
  right: 0;
  top: 99.9%;
  width: 100%;
  z-index: 2;
}

.scooped-inv {
  padding-bottom: 2.5%;
}
.scooped-inv .scoop {
  top: auto;
  bottom: -1px;
  height: 4vw;
  /* See above. */
  max-height: 4em;
  left: 0;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.scooped-grey .scoop {
  fill: #f5f2f3;
}

.bg-upload {
  background-size: cover;
  background-position: center center;
}

.post-date,
.post-sample {
  font-size: 1.125em;
  line-height: 1.5;
  color: #5a5666;
}

@media (min-width: 60em) {
  .post-date {
    font-size: 1.5em;
    line-height: 1.08;
  }
}

.post-sample {
  letter-spacing: 0.005em;
}
@media (min-width: 60em) {
  .post-sample {
    font-size: 1.25em;
  }
}

.faq-list {
  list-style: none;
}
.faq-list .faq {
  margin: 2em 0;
  padding: 2.25em 0 0 0;
  border-top: 1px solid #b8b0b6;
}
.faq-list .faq .faq-q {
  position: relative;
  text-align: left;
  width: 100%;
  color: #5a5666;
  font-size: 1.3em;
  padding: 0 2em 0 0;
  background: none;
  border: none;
  font-family: serif;
}
.faq-list .faq .faq-q:focus {
  outline: none;
}
.faq-list .faq .faq-q:focus .icon-toggle {
  fill: #2E8727;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.faq-list .faq .faq-q .icon-toggle {
  position: absolute;
  right: 0;
  top: 0;
  width: 0.75em;
  height: 0.75em;
  display: block;
  fill: #F39800;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: -webkit-transform 0.2s ease-in-out;
  -o-transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}
.faq-list .faq .faq-q[aria-expanded=true] {
  color: #2E8727;
}
.faq-list .faq .faq-q[aria-expanded=true] .icon-toggle {
  fill: #F39800;
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0);
}
.faq-list .faq .post-body {
  max-width: 100%;
}

.cooking {
  background: url(/skin/images/home-bg.jpg) 0 0;
  background-size: 100%;
  background-repeat: no-repeat;
  padding-top: 8.5em;
}
.cooking .scoop {
  fill: #fff;
}
.cooking .inner {
  max-width: 53.25rem;
  margin: 0 auto;
}
.cooking .cooking .recipe-thumbs {
  padding: 2.5em 0;
}

.eggland-news {
  background-color: #f5f2f3;
}
.eggland-news .scoop {
  fill: #f5f2f3;
}

.result-teaser {
  margin: 2em 0;
  padding: 2em 0 0 0;
}
.result-teaser img {
  border-radius: 0.35em;
  -webkit-box-shadow: inset 0 0 0px 1px #e0d7d9;
          box-shadow: inset 0 0 0px 1px #e0d7d9;
}
@media (min-width: 60em) {
  .result-teaser {
    display: block;
  }
  .result-teaser + .result-teaser {
    border-top: 1px solid #e0d7d9;
  }
}
@media (min-width: 80em) {
  .result-teaser {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.result-teaser .teaser-copy {
  margin-top: 1em;
}
@media (min-width: 80em) {
  .result-teaser .teaser-copy {
    width: 100%;
    margin-top: 0;
  }
}
.result-teaser > * + * {
  margin: 0 2.5em;
}
@media (min-width: 60em) {
  .result-teaser > * + * {
    margin: 0 0 0 2.5em;
  }
}
.result-teaser .teaser-title {
  text-transform: none;
  letter-spacing: normal;
  font-family: freight-text-pro, serif;
  font-size: 1.25em;
  line-height: 1.2;
  margin: 0.2em auto 0.5em auto;
  max-width: 47.25rem;
}
.result-teaser .teaser-title a {
 text-decoration: none;
    color: #2E8727;
    font-size: 25px;
    font-family: 'FuturaLT-Light','GucciChinese';
}
@media (min-width: 60em) {
  .result-teaser .teaser-title {
    font-size: 2.5em;
  }
}
.section.inverted .result-teaser {
  margin: 3.7em 0 5em;
}
.section.inverted .result-teaser .teaser-title a {
  color: #fff;
}
.section.inverted .result-teaser .post-date {
  color: #b8b0b6;
}

.grid-list {
  list-style: none;
/*  font-style: italic;*/
  line-height: 1.1;
  margin: 0 auto 17.5em auto;
  padding-top: 1em;
  text-transform: capitalize;
  position: relative;
}
.grid-list > * {
border: 2px solid #F39800;
    color: #fff;
    font-size: 20px;
    background: #f39800a6;
    border-radius: 0.35em;
    padding: 1em 0 0.75em 0;
    font-family: 'FuturaLT-Light','GucciChinese';

}
@media (min-width: 60em) {
  .grid-list > * {
    font-size: 22px;
  }
}
@media (min-width: 80em) {
  .grid-list > * {
    font-size: 32px;
  }
}
.grid-list strong {
  font-family: 'FuturaLT-Light','GucciChinese', sans-serif;
  text-transform: uppercase;
  font-weight: normal;
  display: block;
  font-style: normal;
      font-size: 22px;
}

.home-header {
  padding: 45vh 0 40vh 0;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}
.home-header:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
  background: -o-radial-gradient(circle, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0.5046219171) 82%, rgba(0, 0, 0, 0.6502801804) 100%);
  background: radial-gradient(circle, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0.5046219171) 82%, rgba(0, 0, 0, 0.6502801804) 100%);
  z-index: 2;
}
@media (min-width: 80em) {
  .home-header:after {
    content: "";
    position: absolute;
    top: -29%;
    right: -20%;
    background: rgba(0, 0, 0, 0);
    background: -o-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 70%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 70%);
    z-index: 2;
    height: 610px;
    width: 1500px;
    overflow: visible;
  }
}
.home-header .hero-hed {
  color: #2E8727;
  max-width: 800px;
}
@media (min-width: 66em) {
  .home-header .hero-hed {
    width: 59.1145833%;
    padding: 1em 0 0.065em 0;
  }
}
.home-header .home-hed {
color: #fff;
    max-width: 960px;
    width: 90%;
    position: relative;
    z-index: 3;
    font-weight: 100;
}
@media (min-width: 60em) {
  .home-header .home-hed {
    width: 80%;
    padding: 0;
    width: 73.893229125%;
  }
}
.home-header > * {
  z-index: 2;
}
.home-header .home-bg-video {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 0;
  display: none;
}
@media (min-width: 60em) {
  .home-header .home-bg-video {
    display: block;
  }
}
@media screen and (prefers-reduced-motion: reduce), (update: slow) {
  .home-header .home-bg-video {
    display: none !important;
  }
}
.home-header .scroll-trigger {
  width: 3.375rem;
  bottom: 11.644%;
  z-index: 5;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.home-header .scroll-trigger svg {
  width: 100%;
  height: auto;
}
@media (min-width: 60em) {
  .home-header .scroll-trigger {
    width: 5.375rem;
    bottom: 18.1209%;
  }
}
.home-header .btn-pause {
  display: none;
}
@media (min-width: 60em) {
  .home-header .btn-pause {
    display: block;
    position: absolute;
    bottom: 10vw;
    left: 24px;
    z-index: 4;
    width: 16px;
    height: 16px;
    border: none;
    background: none;
    overflow: hidden;
  }
  .home-header .btn-pause::before, .home-header .btn-pause::after {
    content: "";
    width: 6px;
    border-radius: 2px;
    position: absolute;
    top: 0;
    bottom: 0;
    background-color: #fff;
  }
  .home-header .btn-pause::before {
    left: 0;
  }
  .home-header .btn-pause::after {
    right: 0;
  }
  .home-header .btn-pause.paused::before {
    width: 0;
    height: 0;
    left: 4px;
    border: 8px solid transparent;
    border-left-color: #fff;
    background-color: transparent;
  }
  .home-header .btn-pause.paused::after {
    content: none;
  }
}
.home .home-header {
  padding: 39vh 0 29vh 0;
}
.home .home-header .scroll-trigger {
  bottom: 17.644%;
}
@media (min-width: 45em) {
  .home .home-header {
    padding: 36vh 0 45vh 0;
  }
  .home .home-header .scroll-trigger {
    bottom: 11.644%;
  }
}
@media (min-width: 60em) {
  .home .home-header .home-hed {
    font-size: 48px;
  }
  .home .home-header .scroll-trigger {
    width: 3.5rem;
    bottom: 20%;
  }
}

.hero {
  padding-bottom: 1px;
  padding-bottom: 0;
  position: relative;
  background-position: center top;
  background-repeat: no-repeat;
}

.hero .note {
  color: black;
  padding-top: 0.75em;
  opacity: 0.85;
  font-size: 16px;
  letter-spacing: 0.0125em;
  display: block;
  font-style: italic;
  position: relative;
}
.hero .note::before {
  content: "*";
}
@media (min-width: 60em) {
  .hero .note {
    text-align: right;
  }
}

@media (min-width: 960px) {
  .superior-nutrition-page .hero .note {
    top: -70px;
  }
}

.hero-lede {
  padding: 0.25em 1em 0 1em;
  position: relative;
  z-index: 2;
}
@media (min-width: 60em) {
  .hero-lede {
    padding-top: 30vh;
  }
}

.grid-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.grid-list > * {
  width: 49%;
  margin: 0.5%;
}
@media (min-width: 60em) {
  .grid-list > * {
    width: 24%;
    margin: 0.5%;
  }
}

@supports (display: grid) {
  .grid-shuffle {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    margin-bottom: 7.5em;
    margin: 1em auto 2.5em auto;
  }
  .grid-shuffle > * {
    width: auto;
  }
  .grid-shuffle > *:nth-of-type(1) {
    grid-row: 1;
    grid-column: 1;
  }
  .grid-shuffle > *:nth-of-type(2) {
    grid-row: 1;
    grid-column: 2;
  }
  .grid-shuffle > *:nth-of-type(3) {
    grid-row: 2;
    grid-column: 1;
  }
  .grid-shuffle > *:nth-of-type(4) {
    grid-row: 2;
    grid-column: 2;
  }

  @media (min-width: 60em) {
    .grid-shuffle {
      grid-gap: 1.25%;
      grid-template-columns: repeat(5, 1fr);
      grid-template-rows: repeat(5, 1fr);
    }

    .grid-shuffle > *:nth-of-type(1) {
      grid-row: 2/span 2;
      grid-column: 2;
    }

    .grid-shuffle > *:nth-of-type(2) {
      grid-row: 1/span 2;
      grid-column: 3;
    }

    .grid-shuffle > *:nth-of-type(3) {
      grid-row: 3/span 2;
      grid-column: 3;
    }

    .grid-shuffle > *:nth-of-type(4) {
      grid-row: 2/span 2;
      grid-column: 4;
    }
  }
}
@media (min-width: 60em) {
  .low-bp-only {
    display: none;
  }
}
@media (max-width: 59.9375em) {
  .high-bp-only {
    display: none;
  }
}
.page-intro .lede {
  font-size: 1.125em;
}
@media (min-width: 60em) {
  .page-intro .lede {
    font-size: 1.5em;
  }
}

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

.inverted .recipe-teasers {
  padding: 90px 0;
}
.recipe-teasers ul li img {
  border-radius: 0.75em;
}

[data-scrollscale] {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  will-change: transform;
}

.masthead {
  z-index: 9;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 5;
}
@media (max-width: 79.9375em) {
  .masthead.masthead-open {
    background: #f9f7f8;
  }
  .masthead.masthead-open ~ * {
    display: none;
  }
}
@media (min-width: 80em) {
  .masthead.masthead-detail {
    border-bottom: 1px solid #e0d7d9;
  }
}
@media (min-width: 80em) {
  .masthead {
    background: none;
  }
}
.masthead .masthead-inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  margin: 0 auto;
}
@media (min-width: 80em) {
  .masthead .masthead-inner {
    padding: 0.5em 5.2083333% 0 5.2083333%;
  }
}
.masthead .sitehead {
  padding: 0;
  top: 0;
  position: absolute;
  bottom: 0;
  min-height: 100%;
  display: none;
  z-index: 9999;
  background: #f9f7f8;
  width: 100%;
}
@media (min-width: 80em) {
  .masthead .sitehead {
    position: relative;
  }
}
.masthead .sitehead .sitehead-top {
  padding-bottom: 5em;
  position: relative;
  background: #fff;
}
@media (min-width: 80em) {
  .masthead .sitehead .sitehead-top {
    display: none;
    background: none;
  }
}
.masthead .sitehead .small-bp-search {
  position: absolute;
  bottom: 0.25em;
  left: 0;
  right: 0;
}
@media (min-width: 50em) {
  .masthead .sitehead {
    padding-top: 1.75em;
  }
  .masthead .sitehead .sitehead-top {
    padding-bottom: 1.5em;
  }
  .masthead .sitehead .small-bp-search {
    position: static;
    -webkit-box-flex: 2;
        -ms-flex-positive: 2;
            flex-grow: 2;
    z-index: 3;
  }
}
@media (min-width: 80em) {
  .masthead .sitehead {
    background: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.masthead .sitehead-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  left: 0;
  top: 0;
  width: 100%;
  padding-top: 1em;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media (min-width: 80em) {
  .masthead .sitehead-top {
    position: static;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    width: auto;
    margin: 0;
  }
}
.masthead .sitehead-top .menu-toggle {
  color: #8d838f;
  margin-right: 1em;
  border: 1px solid #b8b0b6;
  border-radius: 0.25em;
}
@media (min-width: 80em) {
  .masthead .sitehead-top .menu-toggle {
    display: none;
  }
}
.masthead .sitehead-top .menu-toggle svg {
  margin-left: 0.75em;
}
.masthead .sitehead-top .menu-toggle .open-text,
.masthead .sitehead-top .menu-toggle .closed-text {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.masthead .sitehead-top .menu-toggle .open-text {
  color: #8d838f;
}
.masthead .sitehead-top .menu-toggle .open-text svg {
  margin-left: 0.75em;
  fill: #8d838f;
}
.masthead .sitehead-top .menu-toggle .closed-text {
  color: #f5f2f3;
}
.masthead .sitehead-top .menu-toggle .closed-text svg {
  fill: #f5f2f3;
}
.masthead .sitehead-top .menu-toggle[aria-expanded=false] .open-text {
  display: none;
}
.masthead .sitehead-top .menu-toggle[aria-expanded=true] .closed-text {
  display: none;
}
.masthead .flyout.search-flyout {
  position: absolute;
  background: #fff;
  top: 100%;
  right: 5%;
  border: 1em solid white;
  border-radius: 0.5em;
}
.masthead .flyout.search-flyout input {
  border-radius: 0.25em 0 0 0.25em;
}
.masthead .flyout.search-flyout button {
  border-radius: 0 0.25em 0.25em 0;
}
.masthead .flyout.search-flyout button svg.icon-search {
  margin-bottom: -2px;
  fill: #ccc;
}
.masthead .flyout.search-flyout[aria-hidden=false] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 80em) {
  .masthead .sitehead {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 7.5em;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 1.5em 0 0 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.masthead .eb-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
}
.masthead .eb-logo a:focus {
  outline: none;
}
.masthead .eb-logo img,
.masthead .eb-logo svg {
  width: 100%;
  max-width: 120px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 80em) {
  .masthead .eb-logo img,
.masthead .eb-logo svg {
    max-width: 250px;
  }
}
.masthead a,
.masthead button {
  font-family: Futura-LT-Medium,GucciChinese,  sans-serif;
  font-size: 16px;
  color: #fff;
  text-decoration: none;
  letter-spacing: 0.0125em;
  padding: 0.75em 1em 0.65em 1em;
  text-transform: uppercase;
}
.masthead a .icon,
.masthead button .icon {
  fill: #fff;
}
.masthead a:hover, .masthead a:visited, .masthead a:focus, .masthead a:active,
.masthead button:hover,
.masthead button:visited,
.masthead button:focus,
.masthead button:active {
  color: #fff;
}
.masthead a.btn-search,
.masthead button.btn-search {
  -webkit-transition: background 0.3s ease, -webkit-box-shadow 0.3s ease;
  transition: background 0.3s ease, -webkit-box-shadow 0.3s ease;
  -o-transition: background 0.3s ease, box-shadow 0.3s ease;
  transition: background 0.3s ease, box-shadow 0.3s ease;
  transition: background 0.3s ease, box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0);
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0);
}
.masthead a.btn-search:hover, .masthead a.btn-search:focus,
.masthead button.btn-search:hover,
.masthead button.btn-search:focus {
  background: #F39800;
  -webkit-box-shadow: 0 0 10px 0 black;
          box-shadow: 0 0 10px 0 black;
}
.masthead button {
  background: none;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.masthead button svg {
  margin-left: 0.35em;
  margin-bottom: 0.125em;
}
.masthead .top-nav {
  width: 100%;
}
@media (min-width: 80em) {
  .masthead .top-nav {
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .masthead .top-nav button svg {
    pointer-events: none;
  }
}
.masthead .masthead-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.masthead .nav-primary {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  background: #2E8727;
}
@media (min-width: 80em) {
  .masthead .nav-primary {
    background: none;
  }
}
.masthead .nav-secondary {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-bottom: 1em;
}
@media (max-width: 79.9375em) {
  .masthead .nav-secondary .search-high-bp {
    display: none;
  }
}
.masthead .nav-secondary .header-promo {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  margin: 0.25em 2.5em 2em 2.5em;
}
.masthead .nav-secondary .header-promo p {
  margin: 1em 0;
}
@media (min-width: 80em) {
  .masthead .nav-secondary .header-promo {
    display: none;
  }
}
.masthead .nav-secondary .subnav {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.masthead .nav-secondary .subnav li {
  margin: 0;
}
.masthead .nav-secondary .subnav.meta-nav {
  padding: 0.5em 0 1.5em 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (min-width: 80em) {
  .masthead .nav-secondary .subnav.meta-nav {
    padding: 0;
  }
  .masthead .nav-secondary .subnav.meta-nav li {
    margin: 0 1em 0 0;
  }
}
.masthead .nav-secondary .subnav.meta-nav a {
  color: #F39800;
  font-size: 1.2em;
}
@media (min-width: 80em) {
  .masthead .nav-secondary .subnav.meta-nav a {
    color: #fff;
    font-size: 1em;
    position: relative;
  }
  .masthead .nav-secondary .subnav.meta-nav a:after {
    content: "";
    display: block;
    opacity: 0;
    height: 2px;
    width: 0;
    background: #fff;
    position: absolute;
    bottom: 0.15em;
    left: 50%;
    right: 0;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    -webkit-transition: width 0.3s ease, opacity 0.3s ease;
    -o-transition: width 0.3s ease, opacity 0.3s ease;
    transition: width 0.3s ease, opacity 0.3s ease;
  }
  .masthead .nav-secondary .subnav.meta-nav a:hover, .masthead .nav-secondary .subnav.meta-nav a:focus {
    outline: none;
  }
  .masthead .nav-secondary .subnav.meta-nav a:hover:after, .masthead .nav-secondary .subnav.meta-nav a:focus:after {
    opacity: 1;
    width: 90%;
  }
}
.masthead .nav-secondary .subnav.social-nav {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 79.9375em) {
  .masthead .nav-secondary .subnav.social-nav {
    padding: 2em 1em 1em 1em;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
.masthead .nav-secondary .subnav.social-nav a {
  -webkit-transition: opacity 0.1s ease;
  -o-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease;
  opacity: 1;
}
.masthead .nav-secondary .subnav.social-nav a:hover, .masthead .nav-secondary .subnav.social-nav a:focus {
  opacity: 0.7;
}
.masthead .nav-secondary .subnav.social-nav svg {
  width: 1.25em;
  fill: #fff;
}
@media (max-width: 79.9375em) {
  .masthead .nav-secondary .subnav.social-nav svg {
    fill: #2E8727;
    width: 2em;
  }
}
@media (min-width: 80em) {
  .masthead .masthead-nav {
    display: block;
  }
  .masthead .nav-secondary,
.masthead .nav-primary {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
@media (min-width: 80em) {
  .masthead .nav-primary a,
.masthead .nav-primary button,
.masthead .nav-secondary a,
.masthead .nav-secondary button {
    padding: 0.25em 0.5em 0.2em 0.5em;
  }
}
.masthead .nav-primary a,
.masthead .nav-primary button {
  font-size: 18px;
  font-weight: 200;
  display: block;
  width: 100%;
  text-align: left;
  border-top: 1px solid rgba(255, 255, 255, 0.25);
  position: relative;
}
.fadeup span{
  font-size: 18px;
}
@media (max-width: 79.9375em) {
  .masthead .nav-primary a[aria-expanded=true],
.masthead .nav-primary button[aria-expanded=true] {
    background: #2e8727;
  }
}
@media (max-width: 79.9375em) {
  .masthead .nav-primary a[aria-expanded=true] svg,
.masthead .nav-primary button[aria-expanded=true] svg {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
    margin-bottom: 0.16em;
  }
}
.masthead .nav-primary a:hover, .masthead .nav-primary a:focus,
.masthead .nav-primary button:hover,
.masthead .nav-primary button:focus {
  outline: none;
}
@media (min-width: 80em) {
  .masthead .nav-primary a,
.masthead .nav-primary button {
    border-top: none;
  }
  .masthead .nav-primary a:after,
.masthead .nav-primary button:after {
    content: "";
    display: block;
    opacity: 0;
    height: 2px;
    width: 0;
    background: rgba(255, 255, 255, 0.5);
    position: absolute;
    bottom: -0.2em;
    left: 50%;
    right: 0;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    -webkit-transition: width 0.375s ease, opacity 0.375s ease;
    -o-transition: width 0.375s ease, opacity 0.375s ease;
    transition: width 0.375s ease, opacity 0.375s ease;
  }
  .masthead .nav-primary a.is-hovered:after, .masthead .nav-primary a:hover:after, .masthead .nav-primary a:focus:after,
.masthead .nav-primary button.is-hovered:after,
.masthead .nav-primary button:hover:after,
.masthead .nav-primary button:focus:after {
    opacity: 1;
    width: 90%;
  }
}
.masthead .btn-search {
  margin-left: 0.65em;
}
.masthead .has-flyout {
  position: relative;
}
@media (min-width: 80em) {
  .masthead .has-flyout {
    cursor: pointer;
  }
}
.masthead .has-flyout button {
  cursor: pointer;
}
.masthead .has-flyout button::before {
  content: "";
  position: absolute;
  top: 175%;
  height: 0.5em;
  left: 0.5em;
  right: 0.5em;
  background: #F39800;
  z-index: 3;
  opacity: 0;
  -webkit-transition: opacity 0.25s linear;
  -o-transition: opacity 0.25s linear;
  transition: opacity 0.25s linear;
}
@media (min-width: 80em) {
  .masthead .has-flyout button.toggle-explanded {
    background: #01144d;
  }
  .masthead .has-flyout button.toggle-explanded::before {
    opacity: 1;
  }
}
.masthead .has-flyout .nav-flyout {
  text-align: left;
  overflow: hidden;
}
@media (min-width: 80em) {
  .masthead .has-flyout .nav-flyout {
    border-radius: 1em;
    position: absolute;
    -webkit-box-shadow: 0 0 1em rgba(0, 0, 0, 0.25);
            box-shadow: 0 0 1em rgba(0, 0, 0, 0.25);
    top: 175%;
    left: 50%;
    width: 600px;
    margin-left: -300px;
  }
}
@media (min-width: 80em) {
  .masthead .has-flyout .nav-flyout .flyout-subwrap {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .masthead .has-flyout .nav-flyout .flyout-subwrap > * {
    width: 50%;
    padding: 1.5em 2.25em;
  }
}
.masthead .has-flyout .nav-flyout .flyout-subwrap .flyout-subnav {
  font-size: 1.2em;
  background: #08650b;
  width: 100%;
}
@media (min-width: 80em) {
  .masthead .has-flyout .nav-flyout .flyout-subwrap .flyout-subnav {
    width: 50%;
    padding: 1.5em 1em 1em 1em;
    background: #fff;
  }
}
.masthead .has-flyout .nav-flyout .flyout-subwrap .flyout-subnav a {
  font-weight: normal;
  display: block;
  font-size: 1em;
  padding: 0.75em 1.15em;

}
@media (min-width: 80em) {
  .masthead .has-flyout .nav-flyout .flyout-subwrap .flyout-subnav a {
    font-size: 0.95em;
    margin: 0.75em 0;
    padding: 0.25em 1.5em;
    color: #F39800;
  }
  .masthead .has-flyout .nav-flyout .flyout-subwrap .flyout-subnav a:hover, .masthead .has-flyout .nav-flyout .flyout-subwrap .flyout-subnav a:focus {
    color: #a31414;
  }
}
@media (max-width: 79.9375em) {
  .masthead .has-flyout .nav-flyout .flyout-subwrap .flyout-detail {
    display: none;
  }
}
@media (min-width: 80em) {
  .masthead .has-flyout .nav-flyout .flyout-subwrap .flyout-detail {
    background: #f5f2f3;
  }
  .masthead .has-flyout .nav-flyout .flyout-subwrap .flyout-detail .nav-hed {
    font-size: 1.4em;
    margin-bottom: 0.25em;
    margin-top: 1em;
  }
  .masthead .has-flyout .nav-flyout .flyout-subwrap .flyout-detail .nav-hed + p {
    margin-top: 0.5em;
  }
}
.masthead .has-flyout .nav-flyout .flyout-subwrap .flyout-detail p {
  color: #5a5666;
  font-size: 1.0em;
}
.masthead.masthead-detail .menu-toggle .closed-text {
  color: #2E8727;
}
.masthead.masthead-detail .menu-toggle .closed-text svg {
  fill: #2E8727;
}
@media (min-width: 80em) {
  .masthead.masthead-detail .nav-primary a,
.masthead.masthead-detail .nav-primary button {
    color: #F39800;
  }
  .masthead.masthead-detail .nav-primary a svg.icon,
.masthead.masthead-detail .nav-primary button svg.icon {
    fill: #F39800;
  }
  .masthead.masthead-detail .nav-secondary a,
.masthead.masthead-detail .nav-secondary button {
    color: #2E8727;
    border-color: #2E8727;
  }
  .masthead.masthead-detail .nav-secondary a svg.icon,
.masthead.masthead-detail .nav-secondary button svg.icon {
    fill: #2E8727;
  }
  .masthead.masthead-detail .nav-secondary .meta-nav a,
.masthead.masthead-detail .nav-secondary .meta-nav button {
    color: #2E8727;
  }
  .masthead.masthead-detail .inner-header {
    padding-top: 17.5em;
  }
}
.masthead .small-bp-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.masthead .small-bp-search form {
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
}
.masthead .small-bp-search .seamless-input {
  width: 100%;
  padding: 1em;
}
.masthead .small-bp-search .seamless-input input {
  height: 100%;
  width: 100%;
}
.masthead .small-bp-search label {
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
}
@media (min-width: 80em) {
  .masthead .small-bp-search {
    display: none;
  }
}

.inner-header {
  padding: 10em 0 4em;
  overflow: hidden;
  z-index: 1;
  position: relative;
  width: 100%;
}
.general-detail-page .inner-header {
  padding: 10em 0 0;
}
.inner-header [class*=-hed] {
  margin: 0 auto;
}
.inner-header.inverted {
  background: #2E8727;
}
.inner-header.inverted [class*=-hed], .inner-header.inverted p {
  color: rgba(255, 255, 255, 0.975);
  text-shadow: 0 0 25px rgba(0, 0, 0, 0.4);
  font-size: 48px;
      line-height: 3;
    text-transform: uppercase;
    font-family: 'FuturaLT-Light','GucciChinese';
}
.inner-header.inverted .breadcrumb a {
  color: rgba(255, 255, 255, 0.95);
}
@media (min-width: 80em) {
  .inner-header {
    padding: 14em 0 6em 0;
  }
}

.site-foot {
  position: relative;
  font-size: 0.8em;
  padding-top: 3.5em;
  padding-bottom: 3em;
  background: #f5f2f3;
}
@media (min-width: 60em) {
  .site-foot {
    font-size: 0.9em;
  }
}
.site-foot .eb-logo {
  max-width: 17.5em;
}
.site-foot .sub-hed {
  font-size: 1.5em;
  margin: 0 1em 0.75em 1em;
}
.site-foot > * {
  margin: 16px 0;
}
.site-foot > .foot-lede {
  margin: 24px 0;
}
.site-foot .social-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  padding-left: 1em;
  padding-right: 1em;
  margin: 0 auto;
}
@media (min-width: 60em) {
  .site-foot .social-nav {
    margin: 0 0 0 2.5em;
  }
}
.site-foot .social-nav li {
  width: auto;
}
@media (min-width: 60em) {
  .site-foot .social-nav li {
    margin: 0 1em;
  }
}
.site-foot .social-nav li svg {
  width: 3.25em;
  max-height: 100%;
}
.site-foot .primary-footnav a,
.site-foot .secondary-footnav a {
  text-decoration: none;
  color: #f39800;
  -webkit-transition: color 0.125s linear;
  -o-transition: color 0.125s linear;
  transition: color 0.125s linear;
}
.site-foot .primary-footnav a:hover,
.site-foot .secondary-footnav a:hover {
  color: #7a0505;
}
.site-foot .primary-footnav {
  font-size: 1.2em;
  font-weight: bold;
}
.site-foot .primary-footnav li {
  margin: 1em 0;
}
@media (min-width: 60em) {
  .site-foot .primary-footnav li {
    margin: 0 1.5em;
  }
}
.site-foot .primary-footnav li a {
 font-size: 1.0em;
    text-transform: uppercase;
    font-weight: 300;
    font-family: bureau-grot-condensed, sans-serif;
}
.site-foot .secondary-footnav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0 1.5em;
  max-width: 35em;
  margin: 0 auto;
}
@media (min-width: 60em) {
  .site-foot .secondary-footnav ul {
    -ms-flex-wrap: no-wrap;
        flex-wrap: no-wrap;
    margin: 0;
    max-width: 100%;
  }
}
.site-foot .secondary-footnav ul li {
  width: 50%;
}
@media (min-width: 60em) {
  .site-foot .secondary-footnav ul li {
    width: auto;
  }
}
.site-foot .secondary-footnav li,
.site-foot .site-meta li {
  margin: 1em 0;
}
@media (min-width: 60em) {
  .site-foot .secondary-footnav li,
.site-foot .site-meta li {
    margin: 1em 1em 0 1em;
  }
}
.site-foot .secondary-footnav li a,
.site-foot .site-meta li a {
  font-family: 'FuturaLT-Light','GucciChinese';
  font-size: 16px;
}
@media (min-width: 60em) {
  .site-foot .secondary-footnav li a,
.site-foot .site-meta li a {
    font-size: 18px;
  }
}
.site-foot .subfoot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 0;
  padding: 0 2.5em 0 2.5em;
}
@media (min-width: 60em) {
  .site-foot .subfoot {
    padding-top: 0.75em;
    margin: 2.5em auto 0 auto;
    border-top: 1px solid #f5f2f3;
  }
}
.site-foot .subfoot .subfoot-about {
  color: #2E8727;
  font-family: bureau-grot-condensed, sans-serif;
  text-transform: uppercase;
  font-size: 1.4em;
  max-width: 45em;
  width: 100%;
  margin: 0 auto;
}
.site-foot .subfoot .subfoot-about h3 {
  font-size: 1em;
}
.site-foot .subfoot .legal {
  color: #8d838f;
  font-size: 1em;
}
.site-foot .subfoot .legal p {
  margin: 0.25em 0;
  display: inline;
}
@media (min-width: 60em) {
  .site-foot .subfoot .legal p {
    display: block;
  }
}
.site-foot .subfoot .subfoot-phone {
  color: #F39800;
  font-weight: normal;
}
.site-foot .subfoot .site-meta {
  list-style: none;
  font-size: 1.2em;
  margin: 0 1em;
}
.site-foot .subfoot .site-meta a {
  color: #F39800;
  text-decoration: none;
  -webkit-transition: color 0.125s linear;
  -o-transition: color 0.125s linear;
  transition: color 0.125s linear;
}
.site-foot .subfoot .site-meta a:hover {
  color: #7a0505;
}
.site-foot .top-jumplink {
  background: #8d838f;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 2.5em;
  font-family: bureau-grot-condensed, sans-serif;
  text-transform: uppercase;
  color: #fff;
  text-decoration: none;
  width: 2.5em;
  font-size: 1.2em;
  border-radius: 0.25em;
  margin: 0 auto;
}
@media (min-width: 60em) {
  .site-foot .top-jumplink {
    position: absolute;
    bottom: 0;
    right: 1em;
  }
}

[aria-hidden=false].flyout {
  display: block;
}

[aria-hidden=true].flyout {
  display: none;
}

.flyout.fadeup {
  -webkit-animation: reveal 0.5s ease-in-out;
          animation: reveal 0.5s ease-in-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.flyout.fadeup-reverse {
  -webkit-animation: unreveal 0.5s ease-in-out;
          animation: unreveal 0.5s ease-in-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

[data-shufflein] > * {
  opacity: 0;
}

[data-shufflein].fadeup-fallbk > * {
  opacity: 1;
}

.fadeup {
  -webkit-animation: fadeup 1s ease-in-out;
          animation: fadeup 1s ease-in-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: 0.25s;
          animation-delay: 0.25s;
}

@media (max-width: 79.9375em) {
  .masthead .flyout.fadeup {
    -webkit-animation: none;
            animation: none;
  }
  .masthead .flyout.fadeup-reverse {
    -webkit-animation: none;
            animation: none;
  }
}

@-webkit-keyframes fadeup {
  0% {
    opacity: 0;
    -webkit-transform: translateY(3.5em);
            transform: translateY(3.5em);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes fadeup {
  0% {
    opacity: 0;
    -webkit-transform: translateY(3.5em);
            transform: translateY(3.5em);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes fadedown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(3.5em);
            transform: translateY(3.5em);
  }
}
@keyframes fadedown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(3.5em);
            transform: translateY(3.5em);
  }
}
@-webkit-keyframes reveal {
  0% {
    opacity: 0;
    margin-top: 15px;
  }
  100% {
    opacity: 1;
    margin-top: 0;
  }
}
@keyframes reveal {
  0% {
    opacity: 0;
    margin-top: 15px;
  }
  100% {
    opacity: 1;
    margin-top: 0;
  }
}
@-webkit-keyframes unreveal {
  0% {
    opacity: 1;
    margin-top: 0;
  }
  100% {
    opacity: 0;
    margin-top: 15px;
  }
}
@keyframes unreveal {
  0% {
    opacity: 1;
    margin-top: 0;
  }
  100% {
    opacity: 0;
    margin-top: 15px;
  }
}
/* Typography Styles
 ------------------------------------------------------------------------------
*/
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body,
html {
  text-rendering: optimizeLegibility;

  font-weight: 400;
  font-style: normal;
  margin: 0;
  padding: 0;
}

body {
  text-align: center;
}

/* default header styles */
h1, h2, h3, h4, h5, h6 {
  padding: 0;
  margin: 0;
  color: #2E8727;
  line-height: 1;
  text-transform: uppercase;
  font-family: bureau-grot-condensed, sans-serif;
  line-height: 1;
}
.inverted h1, .inverted h2, .inverted h3, .inverted h4, .inverted h5, .inverted h6 {
  color: #fff;
}

h1, .h1 {
  font-size: 2.5em;
  letter-spacing: -0.01em;
}
@media (min-width: 60em) {
  h1, .h1 {
    font-size: 6em;
  }
}

h2, .h2, .title {
  font-size: 2.125em;
  letter-spacing: 0.2em;
}
@media (min-width: 60em) {
  h2, .h2, .title {
    font-size: 2em;
  }
}

h3, .h3 {
  font-size: 1.75em;
  letter-spacing: -0.005em;
}
@media (min-width: 60em) {
  h3, .h3 {
    font-size: 3em;
  }
}

h4, .h4 {
  font-size: 1.5em;
  letter-spacing: -0.000417em;
}
@media (min-width: 60em) {
  h4, .h4 {
    font-size: 2em;
    letter-spacing: -0.000625em;
  }
}

h5 {
  font-size: 1.25em;
  line-height: 1.2;
}
@media (min-width: 60em) {
  h5 {
    font-size: 1.5em;
    line-height: 1.166667;
  }
}

h6 {
  font-size: 1.125em;
  line-height: 1.222222;
}
@media (min-width: 60em) {
  h6 {
    font-size: 1.25em;
    line-height: 1.2;
  }
}

a {
  text-decoration: none;
  cursor: pointer;
  color: #F39800;
}
a:visited {
  color: #F39800;
}
a:active, a:focus, a:hover {
  color: #F39800;
  text-decoration: none;
  cursor: pointer;
}

b, strong {
  font-weight: 500;
}

blockquote {
  color: #2E8727;
  line-height: 1.1;
  font-weight: bold;
  text-align: center;
  border: solid #f5f2f3;
  border-width: 4px 0;
  padding: 1em 0;
  margin: 1.5em 0;
  text-transform: uppercase;
  font-family: bureau-grot-condensed, sans-serif;
  font-size: 28px;
}
@media (min-width: 60em) {
  blockquote {
    font-size: 32px;
  }
}
@media (min-width: 80em) {
  .post-body blockquote {
    margin-left: -9.125rem;
    margin-right: -9.125rem;
  }
}

hr {
  margin: 3em 0;
  height: 2px;
  background: #f5f2f3;
  border: 0;
}

p.important-text {
  margin-top: 0;
  color: #F39800;
  font-family: bureau-grot-condensed, sans-serif;
  font-size: 2.4em;
  font-weight: 800;
}

.blue-text, .promo-block strong, .promo-block b {
  color: #2E8727;
  font-family: bureau-grot-condensed, sans-serif;
  font-weight: 800;
  text-transform: uppercase;
}

.title {
  font-family: bureau-grot-condensed, sans-serif;
  font-weight: 800;
  color: #2E8727;
}

/*
 * ------------------
 * START POST BODY 
 */
.content,
.post-body {
  /* wysiwyg styles here */
  color: #5a5666;
  line-height: 1.5;
  text-align: left;
  max-width: 53.25rem;
  margin: 0 auto;
}
.content p, .content ul, .content ol,
.content .post-lede,
.post-body p,
.post-body ul,
.post-body ol,
.post-body .post-lede {
  font-size: 1.125em;
}
@media (min-width: 60em) {
  .content p, .content ul, .content ol,
.content .post-lede,
.post-body p,
.post-body ul,
.post-body ol,
.post-body .post-lede {
    font-size: 1.25em;
  }
}
.content p, .content ul, .content ol,
.content .post-lede,
.content .content-lede,
.post-body p,
.post-body ul,
.post-body ol,
.post-body .post-lede,
.post-body .content-lede {
  margin: 1.25rem auto;
}
@media (min-width: 60em) {
  .content p + h1, .content p + h2, .content p + h3, .content p + h4, .content p + h5, .content p + h6, .content ul + h1, .content ul + h2, .content ul + h3, .content ul + h4, .content ul + h5, .content ul + h6, .content ol + h1, .content ol + h2, .content ol + h3, .content ol + h4, .content ol + h5, .content ol + h6,
.content .post-lede + h1,
.content .post-lede + h2,
.content .post-lede + h3,
.content .post-lede + h4,
.content .post-lede + h5,
.content .post-lede + h6,
.content .content-lede + h1,
.content .content-lede + h2,
.content .content-lede + h3,
.content .content-lede + h4,
.content .content-lede + h5,
.content .content-lede + h6,
.post-body p + h1,
.post-body p + h2,
.post-body p + h3,
.post-body p + h4,
.post-body p + h5,
.post-body p + h6,
.post-body ul + h1,
.post-body ul + h2,
.post-body ul + h3,
.post-body ul + h4,
.post-body ul + h5,
.post-body ul + h6,
.post-body ol + h1,
.post-body ol + h2,
.post-body ol + h3,
.post-body ol + h4,
.post-body ol + h5,
.post-body ol + h6,
.post-body .post-lede + h1,
.post-body .post-lede + h2,
.post-body .post-lede + h3,
.post-body .post-lede + h4,
.post-body .post-lede + h5,
.post-body .post-lede + h6,
.post-body .content-lede + h1,
.post-body .content-lede + h2,
.post-body .content-lede + h3,
.post-body .content-lede + h4,
.post-body .content-lede + h5,
.post-body .content-lede + h6 {
    margin-top: 4rem;
  }
}
.content .content-lede p,
.content .post-lede p,
.post-body .content-lede p,
.post-body .post-lede p {
  font-size: 1.166667em;
  line-height: 1.4;
  margin: 1.5em 0;
}
@media (min-width: 60em) {
  .content .content-lede p,
.content .post-lede p,
.post-body .content-lede p,
.post-body .post-lede p {
    font-size: 1.2em;
  }
}
.content ul,
.content ol,
.post-body ul,
.post-body ol {
  list-style: none;
  line-height: 1.3;
}
.content ul li,
.content ol li,
.post-body ul li,
.post-body ol li {
  margin: 1.25em 0;
  position: relative;
  padding-left: 0.85em;
}
.content ul li::before,
.content ol li::before,
.post-body ul li::before,
.post-body ol li::before {
  content: "•";
  color: #F39800;
  display: inline-block;
  position: absolute;
  top: 1px;
  left: 0;
  margin-right: 0.5em;
  font-size: 0.8em;
}
.content ul li li,
.content ol li li,
.post-body ul li li,
.post-body ol li li {
  font-size: 0.75em;
}
.content a:not([class]),
.post-body a:not([class]) {
  font-weight: 700;
}

/*
 * END POST BODY 
 * ------------------
 */
.content-area img {
  border-radius: 0.625em;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 71.5rem) {
  .content-area img {
    width: 100%;
    max-width: 71.5rem;
  }
}
.content-area * + * {
  margin-top: 1em;
}
.content-area > hr {
  margin: 2em auto;
  max-width: 1144px;
  height: 8px;
}
@media (min-width: 60em) {
  .content-area > hr {
    margin: 4em auto;
  }
}

.content img,
.round-corners {
  border-radius: 0.625em;
}

/* Global type classes
------------------------- */
.hero-hed,
.home-hed {
  font-size: 39px;
  margin: -100px auto 0;
  line-height: 1;
}
@media (min-width: 45em) {
  .hero-hed,
.home-hed {
    font-size: 82px;
    margin: 0 auto;
  }
}
@media (min-width: 70em) {
  .hero-hed,
.home-hed {
    font-size: 128px;
    margin: 0 auto;
  }
}

/*
.hero-hed,
.home-hed {
	font-size: 39px;

	@media(min-width: 45em) {
		font-size: 71px;
		margin: -1.3em auto 0;
	}

	@media(min-width: 70em) {
		font-size: 102px;
		margin: -.75em auto;
	}

	margin: -100px auto 0;
	line-height: 1;
}
*/
.section-hed,
.lede {
  margin: 0 5%;
}

.section-hed {
  font-size: 1.25em;
  margin-top: 1.25em;
  line-height: 1.1;

  letter-spacing: -0.01em;
}
.content-header .section-hed {
  margin-top: 0;
}
@media (min-width: 60em) {
  .section-hed {
    font-size: 1.5em;
    max-width: 87.5rem;
    margin-left: auto;
    margin-right: auto;
  }
  .content-header .section-hed {
    font-size: 2em;
  }
}
@media (min-width: 80em) {
  .content-header .section-hed {
    font-size: 1.5em;
  }
}
.section-hed sup {
  position: relative;
  top: -1.8em;
  font-size: 0.3em;
  line-height: 0;
  vertical-align: baseline;
}

.hero-hed {
  color: #2E8727;
}

.callout-hed,
.content-hed,
.section-hed-sm {
  font-size: 2.125em;
  letter-spacing: -0.01em;
  margin-bottom: 0.5em;
}
@media (min-width: 60em) {
  .callout-hed,
.content-hed,
.section-hed-sm {
    font-size: 1.5em;
    margin-bottom: 0.45em;
  }
}

.callout-hed,
.content-hed {
  margin-top: 0;
}

.section-hed-sm {
  margin: 0;
}
@media (min-width: 60em) {
  .section-hed-sm {
    margin-top: 1.65em;
    margin-bottom: 1em;
  }
}

.sub-hed {
  font-size: 1.75em;
  font-weight: 700;
  letter-spacing: -0.005em;
  margin: 0.5em 0 0 0;
}
@media (min-width: 60em) {
  .sub-hed {
    font-size: 3em;
  }
}
.sub-hed sup {
  position: relative;
  top: -1.2em;
  font-size: 0.4em;
  line-height: 0;
  vertical-align: baseline;
}

.article-hed,
.product-hed,
.recipe-hed {
  letter-spacing: -0.01em;
  max-width: 22em;
  margin: 0.275em auto;
}

.article-hed {
  font-size: 2.125em;
  letter-spacing: -0.01em;
  max-width: 22em;
  margin: 0.275em auto;
}
@media (min-width: 60em) {
  .article-hed {
    font-size: 4em;
  }
}

.product-hed,
.recipe-hed {
  font-size: 2.5em;
}
@media (min-width: 60em) {
  .product-hed,
.recipe-hed {
    font-size: 2em;
  }
}

.innernav-hed,
.result-hed,
.results-hed {
  font-size: 1.5em;
  letter-spacing: -0.000417em;
  text-align: center;
  margin: 1em 0;
}
@media (min-width: 60em) {
  .innernav-hed,
.result-hed,
.results-hed {
    font-size: 2em;
    letter-spacing: -0.000625em;
    text-align: left;
    margin-right: -0.75em;
  }
}

@media (min-width: 60em) {
  .result-hed,
.results-hed {
    text-align: center;
    margin-right: 0;
  }
}

@media (min-width: 60em) {
  .result-hed {
    margin: 0.45em 0 0.5625em;
  }
}

@media (min-width: 60em) {
  .results-hed {
    margin: 1.5em 0 0.5625em;
  }
}

.label-hed,
.legend-hed {
  font-size: 1.125em;
  font-weight: bold;
}
@media (min-width: 60em) {
  .label-hed,
.legend-hed {
    font-size: 1.25em;
  }
}

.title-label {
  color: #73bee4;
  text-transform: uppercase;
  font-family: bureau-grot-condensed, sans-serif;
  font-size: 1.2em;
  font-weight: 400;
  margin-bottom: 0.45em;
}
@media (min-width: 60em) {
  .title-label {
    font-size: 1.5em;
  }
}

.lede {
  font-size: 1.2em;
    line-height: 1.5;
    color: #5a5666;

}
@media (min-width: 60em) {
  .lede {
    font-size: 1.25em;
    font-family: Futura-LT-Medium,GucciChinese, sans-serif;
  }
  .lede.lede-sm {
    font-size: 1.5em;
  }
}

.hero {
  background-color: #fff;
}
.hero svg.scoop {
  fill: #fff;
}
.hero .lede {
  margin-bottom: 20px;
  margin: 0 auto 0.8em auto;
}
@media (min-width: 60em) {
  .hero .lede {
    max-width: 750px;
  }
}

.product-info .lede {
  font-size: 1.125em;
  line-height: 1.5;
}
@media (min-width: 60em) {
  .product-info .lede {
  font-size: 1.2em;
    text-align: left;
  }
}

[class*=-hed],
[class*=-hed] a,
.lede strong {
  color: #2E8727;
  line-height: 3;
  text-transform: uppercase;
  font-family: 'FuturaLT-Light','GucciChinese';
      font-weight: 100;
    
}

[class*=-hed] em,
[class*=-hed] a em {
  font-style: normal;
  text-transform: none;
}

.lede strong {
  font-size: 1em;
  line-height:20px;
}

/* Utility classes for paragraph type sizes */
/* (not sure if these will be used, they're here for reference) */
p.copy-xl, .copy-xl p {
  font-size: 1.5em;
}
@media (min-width: 60em) {
  p.copy-xl, .copy-xl p {
    font-size: 2em;
  }
}

p.copy-lrg, .copy-lrg p {
  font-size: 1.3125em;
}
@media (min-width: 60em) {
  p.copy-lrg, .copy-lrg p {
    font-size: 1.5em;
  }
}

.copy-normal {
  font-size: 1.125em;
}
@media (min-width: 60em) {
  .copy-normal {
    font-size: 1.25em;
  }
}

.copy-sm {
  font-size: 0.9375em;
}
@media (min-width: 60em) {
  .copy-sm {
    font-size: 1em;
  }
}

input, textarea {
  font-family: freight-text-pro, serif;
  font-size: 1.125em;
  padding: 0.625em 1em 0.6em 0.888em;
  border: 1px solid #8d838f;
  border-radius: 0.25em;
}
input:focus, textarea:focus {
  border: 2px solid #0082ca;
  -webkit-box-shadow: 0 0 8px 1px rgba(0, 130, 202, 0.25);
          box-shadow: 0 0 8px 1px rgba(0, 130, 202, 0.25);
}

input::-webkit-input-placeholder {
  color: #8d838f;
  font-size: 0.85em;
}

input::-moz-placeholder {
  color: #8d838f;
  font-size: 0.85em;
}

input:-ms-input-placeholder {
  color: #8d838f;
  font-size: 0.85em;
}

input::-ms-input-placeholder {
  color: #8d838f;
  font-size: 0.85em;
}

input::placeholder {
  color: #8d838f;
  font-size: 0.85em;
}

input[type=search],
input[type=email],
input[type=text] {
  min-width: 250px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

label + input[type=submit] {
  margin-left: 0.5em;
}

.freeform-row input[type=checkbox],
.freeform-row input[type=radio] {
  position: relative;
  left: auto;
}

input[type=checkbox],
input[type=radio] {
  position: absolute;
  left: -99999px;
}
input[type=checkbox] + label,
input[type=radio] + label {
  padding-left: 1.4em;
  position: relative;
  color: #5a5666;
  display: inline-block;
  margin-bottom: 1em;
}
@media (min-width: 60em) {
  input[type=checkbox] + label,
input[type=radio] + label {
    font-size: 1.125em;
  }
}
input[type=checkbox] + label::before,
input[type=radio] + label::before {
  content: "";
  position: absolute;
  top: 0.35em;
  left: 0;
  width: 12px;
  height: 12px;
  border: 2px solid #8d838f;
}
@media (min-width: 60em) {
  input[type=checkbox] + label::before,
input[type=radio] + label::before {
    width: 14px;
    height: 14px;
  }
}
input[type=checkbox]:checked + label,
input[type=radio]:checked + label {
  color: #2E8727;
}
input[type=checkbox]:checked + label::before,
input[type=radio]:checked + label::before {
  background-color: #2E8727;
}
input[type=checkbox]:focus + label,
input[type=radio]:focus + label {
  outline: -webkit-focus-ring-color auto 5px;
}

input[type=checkbox] + label::before {
  border-radius: 4px;
}

input[type=radio] + label::before {
  border-radius: 50%;
}

input[type=checkbox]:checked + label::before {
  border-color: #2E8727;
  background-image: url("/skin/fonts/40e07edc4bbd4d61927420036148f93e.woff");
  background-repeat: no-repeat;
  background-size: 11px 11px;
  background-position: 50% 50%;
}

input[type=radio]:checked + label::before {
  -webkit-box-shadow: inset 0 0 0 2px #fff;
          box-shadow: inset 0 0 0 2px #fff;
}

textarea {
  width: 100%;
}

.label-hed {
  display: block;
  margin-bottom: 0.25rem;
}

label {
  display: block;
  font-size: 1em;
  font-weight: 700;
  line-height: 1.5;
  color: #2E8727;
  margin-bottom: 0.375em;
  text-align: left;
}

label.label-reset {
  margin-bottom: 0;
  font-weight: 400;
  line-height: normal;
}

.seamless-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.seamless-input label:first-of-type {
  border-right-width: 0;
}
.seamless-input label:first-of-type input {
  border-radius: 0.25em 0 0 0.25em;
}
.seamless-input label:first-of-type input:focus {
  -webkit-box-shadow: inset 0 0 3px #8d838f;
          box-shadow: inset 0 0 3px #8d838f;
  border: 1px solid #8d838f;
  outline: none;
}
.seamless-input label:first-of-type + input[type=submit], .seamless-input label:first-of-type:first-of-type + button {
  border: solid #8d838f;
  border-width: 1px 1px 1px 0;
  margin: 0 0 0 -1px;
  background: #fff;
}

.seamed-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  -ms-flex-item-align: end;
      align-self: flex-end;
}
.seamed-input input {
  margin-top: auto;
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  margin-right: 0.5em;
}

fieldset.formshift {
  border: none;
  padding: 0 5%;
  margin: 1.5em auto;
  text-align: left;
}
fieldset.formshift legend {
  margin-bottom: 0.75em;
}
fieldset.formshift > *:not(legend) {
  display: block;
  padding-right: 1em;
  margin: 0.25em 0;
  text-align: left;
}
@media (min-width: 60em) {
  fieldset.formshift {
    padding-left: 310px;
    position: relative;
    display: inline-block;
  }
  fieldset.formshift legend {
    width: 300px;
    margin-bottom: 0.35em;
    position: absolute;
    left: 0;
    top: 0.35em;
  }
  fieldset.formshift label {
    margin-bottom: 0.25em;
  }
  fieldset.formshift > *:not(legend) {
    display: inline-block;
  }
}

/*
 * Custom Select Element
 * https://github.com/filamentgroup/select-css
 */
/* class applies to select element itself, not a wrapper element */
.select-css {
  display: block;
  font-size: 1.125em;
  font-family: freight-text-pro, serif;
  color: #01144d;
  line-height: 1.3;
  padding: 0.625em 2em 0.6em 0.888em;
  width: 100%;
  max-width: 100%;
  /* useful when width is set to anything other than 100% */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  border: 1px solid #8d838f;
  border-radius: 0.25em;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  background-image: url("/skin/images/58b7e2cc8ca64a09b67fec887b658b53.gif");
  background-repeat: no-repeat;
  /* arrow icon position (1em from the right, 50% vertical) */
  background-position: right 0.7em top 50%;
  /* icon size */
  background-size: 0.65em auto;
}

/* Hide arrow icon in IE browsers */
.select-css::-ms-expand {
  display: none;
}

/* Hover style */
.select-css:hover {
  border-color: #888;
}

/* Focus style */
.select-css:focus {
  border-color: #aaa;
  /* It'd be nice to use -webkit-focus-ring-color here but it doesn't work on box-shadow */
  -webkit-box-shadow: 0 0 1px 3px rgba(59, 153, 252, 0.7);
          box-shadow: 0 0 1px 3px rgba(59, 153, 252, 0.7);
  box-shadow: 0 0 0 3px -moz-mac-focusring;
  color: #222;
  outline: none;
}

/* Disabled styles */
.select-css:disabled, .select-css[aria-disabled=true] {
  color: #8d838f;
  background-image: url("/skin/images/58b7e2cc8ca64a09b67fec887b658b53.gif");
}

.select-css:disabled:hover, .select-css[aria-disabled=true] {
  border-color: #8d838f;
}

/*
 * Multi-Select Dropdown
 */
.multiselect-dropdown {
  position: relative;
  z-index: 10;
}
.multiselect-dropdown.multiselect-open {
  -webkit-filter: drop-shadow(0 4px 8px rgba(0, 31, 96, 0.15));
          filter: drop-shadow(0 4px 8px rgba(0, 31, 96, 0.15));
}

.multiselect-toggle {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  display: block;
  border: 1px solid #8d838f;
  border-radius: 6px;
  font-family: freight-text-pro, serif;
  font-size: 1.125em;
  padding: 0.625em 1em 0.6em 0.888em;
  width: 100%;
  text-align: left;
  background-color: #fff;
  background-image: url("/skin/images/3c8f53c597a34327bab13ab726f2798c.gif");
  background-repeat: no-repeat;
  /* arrow icon position (1em from the right, 50% vertical) */
  background-position: right 0.7em top 50%;
  /* icon size */
  background-size: 0.65em auto;
}
.multiselect-toggle.toggle-open {
  border-radius: 6px 6px 0 0;
  border-bottom-color: #f5f2f3;
  background-image: url("/skin/images/015af975d89445fd8c20106c19ee9b83.gif");
}
.multiselect-toggle.toggle-open + .multiselect-options {
  height: auto;
}

.multiselect-inner {
  background-color: #fff;
  border: 1px solid #8d838f;
  border-top: none;
  border-radius: 0 0 6px 6px;
  overflow: hidden;
}
@media (min-width: 60em) {
  .multiselect-inner {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
  }
}

.multiselect-options {
  height: 0;
}

.multiselect-option input + label {
  margin-bottom: 0;
  display: block;
  padding: 1em 1em 1em 2.8em;
  font-weight: 400;
  line-height: normal;
}
.multiselect-option input + label::before {
  top: 1.1875em;
  left: 1em;
}
.multiselect-option input:focus + label {
  background-color: #f5f2f3;
}
.multiselect-option + .multiselect-option {
  border-top: 1px solid #f5f2f3;
}
.multiselect-option:hover {
  background-color: #f5f2f3;
}

.a11y-only {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.a11y-only.focusable:active,
.a11y-only.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

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

/* Spacing Utility Classes - (uncomment and use as needed for overrides) */
.marg-top-0 {
  margin-top: 0 !important;
}

.marg-btm-0 {
  margin-bottom: 0 !important;
}

.marg-btm-8 {
  margin-bottom: 0.5rem !important;
}

.marg-btm-24 {
  margin-bottom: 1.5rem !important;
}

.marg-top-48 {
  margin-top: 3rem !important;
}

.marg-btm-64 {
  margin-bottom: 4rem !important;
}

.marg-btm-96 {
  margin-bottom: 6rem !important;
}

.marg-top-200 {
  margin-top: 4rem;
}
@media (min-width: 60em) {
  .marg-top-200 {
    margin-top: 12.5rem;
  }
}

.marg-40-72 {
  margin-top: 2.5rem !important;
  margin-bottom: 4.5rem !important;
}

.pad-top-0 {
  padding-top: 0 !important;
}

.pad-btm-0 {
  padding-bottom: 0 !important;
}

/* Visibility Classes Based on Screen Width */
/* (Should not be used if content needs to be available to assistive technology) */
@media screen and (max-width: 0em), screen and (min-width: 60em) {
  .sm-screen-only {
    display: none !important;
  }
}
@media screen and (max-width: 60em) {
  .lrg-screen-only {
    display: none !important;
  }
}
.center {
  text-align: center;
}

.contact-page .promo-block {
  margin-top: 3em;
}
@media (min-width: 60em) {
  .contact-page .promo-block {
    margin-top: 6em;
  }
}

.contact-form {
  padding: 2em;
}
.contact-form .title {
  padding: 1em 1em 0.9em 1em;
  width: 100%;
}
.contact-form hr {
  margin: 0 0 2em 0;
  height: 4px;
}
.contact-form .row {
  padding: 0 1em;
  width: 100%;
}
@media (min-width: 60em) {
  .contact-form .row {
    padding: 0 4em;
  }
}
.contact-form.search-filters .col {
  max-width: none;
}
.contact-form.search-filters .submit-wrap {
  border-top: none;
}
.contact-form__checkboxes input[type=checkbox] + label {
  display: block;
}
@media (min-width: 60em) {
  .contact-form {
    padding: 5em;
  }
}

.general-detail-page .inner-header {
  padding-top: 9em;
}

.product-detail-page img,
.recipe-detail-page img {
  border-radius: 0.75em;
}
.product-detail-page .inner-header,
.recipe-detail-page .inner-header {
  padding-top: 124px;
  padding-bottom: 0;
}
.product-detail-page .inner-header .section,
.recipe-detail-page .inner-header .section {
  padding-bottom: 20px;
}
.product-detail-page .inner-header + .section.scooped,
.recipe-detail-page .inner-header + .section.scooped {
  padding-top: 0;
}
@media (min-width: 60em) {
  .product-detail-page .inner-header,
.recipe-detail-page .inner-header {
    padding-top: 174px;
  }
}

/*! Flickity v2.2.1
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus {
  outline: none;
}

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */
.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- flickity-button ---- */
.flickity-button {
  position: absolute;
  background: rgba(255, 255, 255, 0.75);
  border: none;
  color: #333;
}

.flickity-button:hover {
  background: white;
  cursor: pointer;
}

.flickity-button:focus {
  outline: none;
  -webkit-box-shadow: 0 0 0 5px #19F;
          box-shadow: 0 0 0 5px #19F;
}

.flickity-button:active {
  opacity: 0.6;
}

.flickity-button:disabled {
  opacity: 0.3;
  cursor: auto;
  /* prevent disabled button from capturing pointer up event. #716 */
  pointer-events: none;
}

.flickity-button-icon {
  fill: currentColor;
}

/* ---- previous/next buttons ---- */
.flickity-prev-next-button {
  top: 50%;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  /* vertically center */
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.flickity-prev-next-button.previous {
  left: 10px;
}

.flickity-prev-next-button.next {
  right: 10px;
}

/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}

.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

/* ---- page dots ---- */
.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots {
  direction: rtl;
}

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  opacity: 1;
}

.awards {
  margin-top: 4em;
}
@media (min-width: 36em) {
  .awards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
  .awards .award {
    width: 50%;
  }
}
@media (min-width: 80em) {
  .awards .award {
    width: 29%;
  }
}

.award {
  padding: 0 2% 4em 2%;
}
.award img {
  max-width: 100%;
  width: auto;
}
.award time {
  font-size: 1.4em;
  color: #F39800;
  font-family: bureau-grot-condensed, sans-serif;
  font-weight: bold;
}

.bg-white {
  background: #fff;
}

.bg-grey {
  background: #f5f2f3;
}

.bg-blue {
  background: #2E8727;
  color: #fff;
}

.breadcrumb {
  list-style: none;
  margin: 1.5em;
  display: none;
}
@media (min-width: 60em) {
  .breadcrumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.breadcrumb li + li {
  border-left: 2px solid rgba(245, 242, 243, 0.65);
  margin-left: 1em;
  padding-left: 1em;
}
.breadcrumb a {
  color: #5a5666;
  text-transform: uppercase;
  font-family: bureau-grot-condensed, sans-serif;
  font-size: 1.15em;
  text-decoration: none;
  letter-spacing: 0.05em;
}
.breadcrumb a[aria-current=page] {
  color: #0082ca;
}

.carousel-filters {
  position: relative;
  background-image: -o-linear-gradient(bottom, #e0d7d9 2px, transparent 2px);
  background-image: linear-gradient(to top, #e0d7d9 2px, transparent 2px);
  height: 9.75rem;
}
@media (min-width: 60em) {
  .carousel-filters {
    height: 13.625rem;
  }
}
.section .carousel-filters {
  margin: 0 -2.60416665% 0 0;
}
@media (min-width: 60em) {
  .section .carousel-filters {
    margin: 0 -5.2083333% 0 0;
  }
}
.carousel-filters input[type=radio] + label {
  padding: 0;
  margin: 0;
  display: block;
}
.carousel-filters input[type=radio] + label::before, .carousel-filters input[type=radio] + label::after {
  content: none;
}
.carousel-filters a:focus,
.carousel-filters input:focus,
.carousel-filters input[type=radio]:focus + label {
  outline: none;
}
.carousel-filters [data-slide-indicator] {
  width: 9rem;
  -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.17, 0.67, 0.72, 1.15);
  transition: -webkit-transform 0.45s cubic-bezier(0.17, 0.67, 0.72, 1.15);
  -o-transition: transform 0.45s cubic-bezier(0.17, 0.67, 0.72, 1.15);
  transition: transform 0.45s cubic-bezier(0.17, 0.67, 0.72, 1.15);
  transition: transform 0.45s cubic-bezier(0.17, 0.67, 0.72, 1.15), -webkit-transform 0.45s cubic-bezier(0.17, 0.67, 0.72, 1.15);
}
@media (min-width: 60em) {
  .carousel-filters [data-slide-indicator] {
    width: 15rem;
  }
}
.carousel-filters .carousel-filter {
  display: inline-block;
  width: 9rem;
  height: 100%;
}
@media (min-width: 60em) {
  .carousel-filters .carousel-filter {
    width: 15rem;
  }
}
.carousel-filters .carousel-filter .filter-hed {
  font-weight: 700;
  display: block;
  line-height: 1.222222;
  text-align: center;
}
@media (min-width: 60em) {
  .carousel-filters .carousel-filter .filter-hed {
    font-size: 1.111111em;
    line-height: 1.4;
  }
}
.carousel-filters .flickity-button {
  width: 2.5rem;
  height: calc(100% - 1.2rem);
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: #fff;
  border-radius: 0;
  color: #F39800;
}
.carousel-filters .flickity-button:disabled {
  display: none;
}
.carousel-filters .flickity-button:active {
  opacity: 1;
}
.carousel-filters .flickity-button.next {
  right: 0;
  border-left: 2px solid #e0d7d9;
}
.carousel-filters .flickity-button.previous {
  left: 0;
  border-right: 2px solid #e0d7d9;
}

.compare-table {
  width: 100%;
  border-collapse: collapse;
  margin: 5em 0;
}
.compare-table tr td, .compare-table tr th {
  position: relative;
  padding: 2em 1em 1.5em 1em;
  font-family: bureau-grot-condensed, sans-serif;
  font-size: 2em;
  color: #b8b0b6;
  text-transform: uppercase;
  font-weight: bold;
}
.compare-table tr td:first-child, .compare-table tr th:first-child {
  width: 0;
  padding: 0;
  font-size: 1em;
}
.compare-table tr td:first-child span, .compare-table tr th:first-child span {
  font-family: freight-text-pro, serif;
  text-align: left;
  color: #1d1d1d;
  font-style: italic;
  text-transform: none;
  font-weight: normal;
  position: absolute;
  bottom: 96px;
  left: 22vw;
  right: 0;
  text-align: center;
  width: 300px;
}
.compare-table tr td:nth-child(2), .compare-table tr th:nth-child(2) {
  color: #F39800;
}
.compare-table > tbody > tr {
  border-bottom: 1px solid #f5f2f3;
}
.compare-table > thead {
  border-bottom: 1px solid #b8b0b6;
}
.compare-table > thead > tr > th {
  font-size: 1.4em;
  padding: 0.75em 1em;
  width: 50%;
}
.compare-table > thead > tr > th:first-child {
  font-weight: normal;
}
.compare-table > thead > tr > th:first-child span {
  top: -2em;
}
.compare-table > thead > tr > th:nth-child(2) {
  color: #2E8727;
}
@media (min-width: 36em) {
  .compare-table tr td, .compare-table tr th {
    padding: 0.6em 1em 0.6em 1em;
    width: auto;
  }
  .compare-table tr td:first-child, .compare-table tr th:first-child {
    width: 40%;
    padding: 0.6em 1em 0.6em 1em;
    text-align: left;
    font-size: 1.35em;
  }
  .compare-table tr td:first-child span, .compare-table tr th:first-child span {
    position: static;
  }
  .compare-table > tbody > tr {
    border-bottom: none;
  }
  .compare-table > tbody > tr:hover {
    background: #f9f7f8;
  }
  .compare-table > thead > tr > th {
    width: 30%;
  }
}

.filter-area-title {
  margin: 4rem 0 4.5rem;
}

.content-card {
  margin-bottom: 4rem;
}
.content-card > * {
  width: 100%;
  display: block;
  text-align: center;
  margin-bottom: 0.5em;
}

.content-card-media {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  height: 44vw;
}
.content-card-media:before {
  content: "";
  background: #1d1d1d;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
  -o-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out;
}
.content-card-media:hover:before {
  opacity: 0.25;
}
.content-card-media img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}
.content-card-media .icon {
  width: 96px;
  height: 96px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.content-card-title {
  padding: 0 0.78rem;
}

@media (min-width: 60em) {
  .filter-area {
    max-width: 1728px;
    margin: 0 auto;
  }
  .filter-area__results {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .filter-area__results > * {
    margin: 0 0 3em;
    width: calc((100% / 3) - 16px);
  }

  .content-card-media {
    height: 325px;
  }
}
@media (min-width: 80em) {
  .filter-area__results--4-up {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .filter-area__results--4-up > * {
    width: calc((100% / 3) - 18px);
  }
  .filter-area__results--4-up .content-card-media {
    height: 240px;
  }
}
.content-break {
  margin: 2em 0;
}
.content-break__content {
  border-bottom: 2px solid #f5f2f3;
  padding-bottom: 2em;
}
@media (min-width: 60em) {
  .content-break {
    margin: 4em 0;
  }
  .content-break__title {
    margin: 0.5em 0 0.85em;
  }
  .content-break__content {
    padding-bottom: 4em;
  }
}

.content-forte {
  padding: 8em 0 6em;
  margin: 0 auto;
}
.inverted .content-forte {
  color: #fff;
}
.content-forte > *:not(.flex) {
  display: block;
  text-align: center;
  margin-bottom: 1.25rem;
}
.content-forte .social-nav a {
  width: 31px;
}

.content-header {
  padding-top: 0.75rem;
  padding-bottom: 1.5625rem;
}
.content-header .lede {
  max-width: 71.5rem;
  margin: 0 auto;
  font-size: 15px;
}
.content-header .lede.narrow {
  max-width: 53.25rem;
  margin-top: 10px;
}
@media (min-width: 60em) {
  .content-header {
    padding-top: 5.625rem;
  }
}

.filter-results {
  padding-top: 5.625em;
  position: relative;
}
.filter-results .panel-enter,
.filter-results .panel-exit {
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
}
.filter-results .panel-enter {
  -webkit-animation-name: fadeup;
          animation-name: fadeup;
  -webkit-animation-duration: 0.35s;
          animation-duration: 0.35s;
  opacity: 0;
  -webkit-transform: translateY(3.5em);
      -ms-transform: translateY(3.5em);
          transform: translateY(3.5em);
}
.filter-results .panel-exit {
  -webkit-animation-name: fadedown;
          animation-name: fadedown;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  position: absolute;
  left: 0;
  right: 0;
  top: 5.625em;
}
@media (min-width: 60em) {
  .filter-results {
    margin: 0 -1.5rem;
  }
}

.filter-results-title {
  margin-bottom: 1.09375em;
}

.filter-results-list {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.filter-result {
  margin: 0 0 0.5rem;
  display: block;
}
.filter-result.hide {
  display: none;
}
@media (min-width: 60em) {
  .filter-result {
    -ms-flex-preferred-size: calc(100% / 3);
        flex-basis: calc(100% / 3);
    max-width: calc((100% / 3) - 1.5rem);
    margin: 0 0 1.5rem 1.5rem;
  }
}

/*
 * this is the flex box holy albatross: http://www.heydonworks.com/article/the-flexbox-holy-albatross-reincarnated
 */
.flex-component {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  --margin: 1rem;
  --modifier: calc(60rem - 100%);
  margin: calc(var(--margin) * -1);
}
.flex-component > * {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: calc(var(--modifier) * 999);
      flex-basis: calc(var(--modifier) * 999);
  margin: var(--margin);
}
.flex-component .sub-hed {
  margin-top: 0;
}
.flex-component .formshift {
  display: block;
  padding: 1em;
  margin: 0;
  text-align: center;
}
.flex-component .formshift .legend-hed {
  width: 100%;
  position: static;
  display: block;
  margin-bottom: 0;
}
.flex-component .formshift > :not(legend) {
  text-align: center;
  margin: 0;
}
.flex-component .formshift > div {
  display: inline-block;
}
.flex-component label {
  display: inline-block;
}

.file-upload-container ol {
  padding-left: 0;
}
.file-upload-container .btn {
  margin-right: 1em;
}
.file-upload-container .js-upload-preview {
  display: inline-block;
  position: relative;
}
.file-upload-container .js-upload-preview p {
  display: inline-block;
  line-height: 25px;
  padding: 0 1em;
}
.file-upload-container .js-upload-preview li {
  background: #f5f2f3;
  border-radius: 8px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 10px;
  list-style-type: none;
}
.file-upload-container .js-upload-preview img {
  height: 50px;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  margin-left: 10px;
}
.file-upload-container .js-upload-preview.active .js-upload-remove {
  display: inline-block;
}
.file-upload-container .js-upload-preview.active:hover .js-upload-remove, .file-upload-container .js-upload-preview.active:focus .js-upload-remove {
  opacity: 1;
  -webkit-transform: translate(-50%, -50%) scale(0.5);
      -ms-transform: translate(-50%, -50%) scale(0.5);
          transform: translate(-50%, -50%) scale(0.5);
}
.file-upload-container .js-upload-preview .js-upload-remove {
  display: none;
  position: absolute;
  top: 0;
  right: -46px;
  height: 50px;
  width: 50px;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  -o-transition: opacity 0.3s ease, transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
  -webkit-transform: translate(-50%, -50%) scale(0.15);
      -ms-transform: translate(-50%, -50%) scale(0.15);
          transform: translate(-50%, -50%) scale(0.15);
  border-radius: 100%;
  background: #0082ca;
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25);
}
.file-upload-container .js-upload-preview .js-upload-remove svg {
  fill: #fff;
  -webkit-transform: translate(0, 2px);
      -ms-transform: translate(0, 2px);
          transform: translate(0, 2px);
}

.find-a-recipe .inset {
  padding: 0 5.625% 0 5.625%;
}
.find-a-recipe .inset div > * {
  margin: 1em auto 0;
}
.find-a-recipe label {
  margin: 0 0.5em 0 auto;
  color: #fff;
}
.find-a-recipe form {
  display: block;
}
.find-a-recipe form input {
  width: 100%;
}
@media (min-width: 60em) {
  .find-a-recipe .inset {
    padding: 3em 5.625% 1em 5.625%;
  }
  .find-a-recipe .inset div > * {
    margin: 0;
  }
  .find-a-recipe form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .find-a-recipe form input {
    width: auto;
  }
  .find-a-recipe input {
    margin: 0 0.5em 0 0;
  }
}

.hero-art {
  position: absolute;
  bottom: 0;
  z-index: 0;
  top: 0;
  right: 0;
  left: 0;
  overflow: hidden;
  background-size: cover;
}
.inner-header .hero-art:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 1;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.35)), color-stop(35%, rgba(0, 0, 0, 0)), color-stop(65%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5)));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, 0.5));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, 0.5));
}
.inner-header .hero-art--texture:before {
  background-image: -webkit-gradient(linear, left bottom, left top, from(white), to(rgba(255, 255, 255, 0)));
  background-image: -o-linear-gradient(bottom, white, rgba(255, 255, 255, 0));
  background-image: linear-gradient(to top, white, rgba(255, 255, 255, 0));
}
.hero-art div {
  background-position: center top;
  background-size: cover;
}
.hero-art video {
  min-width: 100%;
}
.hero-art img {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  height: 100%;
  width: 100%;
}
.inner-header .hero-art {
  z-index: 0;
  overflow: hidden;
}
.inner-header .hero-art div {
  height: 100%;
  width: 100%;
}
.inner-header .hero-art + div {
  position: relative;
  z-index: 1;
      height: 300px;
}
.inner-header .hero-art img {
  -o-object-fit: cover;
     object-fit: cover;
}

.home-hero {
  height: 0;
  padding-bottom: 150%;
  position: relative;
  z-index: 4;
}
.home-hero figure {
  height: 0;
  padding-bottom: 100%;
  position: absolute;
  right: 0;
  left: 0;
  top: -12.1909%;
}

.home-hero figure .carton-btm,
.home-hero figure .carton-top {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
}
.home-hero figure .carton-btm {
  top:8.8189964158%;
}
.home-hero figure figcaption {
  position: absolute;
  top: 10%;
  left: 0;
  right: 0;
  padding-left: 6.6667%;
  padding-right: 6.6667%;
}
.home-hero figure .grid-list {
  grid-gap: 0.75rem;
}
@media (min-width: 60em) {
  .home-hero figure .carton-btm {
       top: 13.69%;
  }
}
.home-hero .detail {
  position: relative;
  z-index: 5;
  position: absolute;
  top: 42.5%;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
}
.home-hero .detail .inner {
  max-width: 60rem;
  margin: 0 auto;
}
.home-hero .detail .section-hed {
  margin-top: 0;
}
.home-hero .detail .lede {
  margin-bottom: 1rem;
}
.home-hero .detail .note {
  position: absolute;
  top: -3em;
  right: 50%;
  -webkit-transform: translateX(50%);
      -ms-transform: translateX(50%);
          transform: translateX(50%);
  font-style: italic;
}
@media (max-width: 22.5em) {
  .home-hero .detail .section-hed {
    font-size: 2em;
  }
  .home-hero .detail .lede {
    font-size: 1.2em;
  }
}
@media (min-width: 30em) {
  .home-hero {
    padding-bottom: 100%;
  }
  .home-hero .detail {
    top: 50%;
  }
}
@media (min-width: 42.5em) {
  .home-hero {
    padding-bottom: 80%;
  }
  .home-hero .detail .section-hed {
    font-size: 4em;
  }
}
@media (min-width: 60em) {
  .home-hero figure {
    padding-bottom: 63.125%;
  }
  .home-hero figure figcaption {
    top: 10.7656%;
    padding-left: 0;
    padding-right: 0;
  }
  .home-hero figure .grid-list {
    grid-gap: 1.5rem;
  }
  .home-hero .detail {
    top: 55%;
  }
  .home-hero .detail .section-hed {
    font-size: 2em;

  }
  .home-hero .detail .note {
    right: 5%;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
}
@media (min-width: 80em) {
  .home-hero {
    padding-bottom: 63.125%;
  }
  .home-hero figure .grid-list {
    padding-left: 0;
    padding-right: 0;
  }
  .home-hero .detail {
    top: 63.125%;
  }
}
.home-hero .section-hed::before {

  display: block;
  font-family: freight-text-pro, serif;
  text-transform: none;
  color: black;
  font-weight: normal;
  font-size: 15px;
  position: relative;
  top: -35px;
}
@media (min-width: 60em) {
  .home-hero .section-hed::before {
    top: -35px;
    font-size: 17px;
  }
}

html[lang|=es] .home-hero .section-hed::before {
  content: "*Cuando se compara con huevos ordinarios.";
}

.innernav {
  font-size: 1em;
  background: #2E8727;
  position: relative;
  z-index: 1;
  margin-top: -3px;
}
@media (min-width: 60em) {
  .innernav {
    margin-top: 0;
    padding: 0.5em;
  }
  .innernav .a11y-only.a11y-override {
    clip: auto;
    height: auto;
    overflow: visible;
    position: static;
    width: auto;
  }
}
@media (max-width: 59.9375em) {
  .innernav .inset {
    margin-top: 0;
    margin-bottom: 0;
  }
}
@media (min-width: 60em) {
  .innernav .innernav-toggle {
    display: none;
  }
}
.innernav ul,
.innernav ol {
  list-style: none;
  margin: 0-auto !important;
}
.innernav .inset {
  margin: 0 auto;
}
.innernav li {
  padding: 0;
}
@media (min-width: 60em) {
  .innernav li {
    padding: 0 0.5em;
  }
}
.innernav a,
.innernav button {
  padding: 1em 0 0.7em 1em;
  text-align: left;
  display: block;
}
@media (min-width: 60em) {
  .innernav a,
.innernav button {
    padding: 18px 0;
  }
}
.innernav.faq-innernav {
  background: none;
}
@media (min-width: 60em) {
  .innernav.faq-innernav {
    border-top: 2px solid #e0d7d9;
  }
}
.innernav.faq-innernav li + li {
  border-top: 1px solid #e0d7d9;
}
.innernav.faq-innernav a,
.innernav.faq-innernav button {
  color: #2E8727;
  text-align: left;
  padding: 1em 1.5em 1em 0;
}
.innernav .innernav-toggle {
  font-size: 1.2em;
}
.innernav a,
.innernav button {
  color: #fff;
  letter-spacing: 0.0125em;
  text-decoration: none;
  font-size: 1.2em;
  font-family: bureau-grot-condensed, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
}
@media (min-width: 60em) {
  .innernav a,
.innernav button {
    font-size: 1.4em;
  }
}
.innernav button {
  background: none;
  border: none;
  position: relative;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
}
.innernav button svg {
  fill: #fff;
  position: absolute;
  right: 1em;
  margin-top: -3px;
  top: 50%;
}
@media (min-width: 60em) {
  .innernav button svg {
    display: none;
  }
}
.innernav button.toggle-open svg {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.innernav .nav-active a {
  position: relative;
}
.innernav .nav-active a::after {
  position: absolute;
  right: 0;
  bottom: -8px;
  left: 0;
  height: 8px;
  background: #F39800;
}
@media (min-width: 60em) {
  .innernav .nav-active a::after {
    content: "";
  }
}
.innernav.faq-innernav button {
  color: #F39800;
}
.innernav.faq-innernav button svg {
  right: 0;
  fill: #F39800;
}
@media (min-width: 60em) {
  .innernav.faq-innernav button {
    display: none;
  }
}
.innernav.faq-innernav .nav-active,
.innernav.faq-innernav .nav-active a {
  color: #F39800;
}
.innernav.bg-grey {
  background: #f5f2f3;
}
.innernav.bg-grey a {
  color: #2E8727;
}
.innernav.bg-grey button.innernav-toggle {
  color: #F39800;
}
.innernav.bg-grey button.innernav-toggle svg {
  fill: #F39800;
}

.news-alert {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
  position: relative;
  z-index: 10;
  color: #fff;
  display: block;
  background: #f39800;
}
@media (min-width: 65em) {
  .news-alert {
    padding: 0.5em 0;
  }
}
.news-alert .news-hed {
  color: #fff;
  display: block;
  margin: 0;
  padding-top: 1em;
  font-size: 0.5em;
}
@media (min-width: 65em) {
  .news-alert .news-hed {
    font-size: 18px;
    padding-top: 0;
  }
}
.news-alert p {
  margin: 0.25em 1.5em;
  font-weight: 600;
  font-size: 0.2em;
}
@media (min-width: 65em) {
  .news-alert p {
 font-size: 18px;
    font-weight: 100;
  }
}
.news-alert .btn {
  font-size: 14px;
  margin: 0.3em 0 0.75em 0;
}
@media (min-width: 65em) {
  .news-alert .btn {
    margin: 0 100px 0 0;
  }
}
.news-alert .news-close {
  position: absolute;
  right: 0.5em;
  top: 0.5em;
  height: 22px;
  width: 22px;
  background: none;
  padding: 0;
  border: none;
}
.news-alert .news-close svg {
  width: 100%;
  fill: #fff;
}
.news-alert + .masthead {
  top: 125px;
}
@media (min-width: 65em) {
  .news-alert {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .news-alert .news-close {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 7.5em;
    background: none;
    border: none;
  }
  .news-alert + .masthead {
    top: 40px;
  }
}

.nutrition-facts-panel {
  background-color: #fff;
  border-radius: 0.375rem;
  margin-top: 3.375rem;
  padding: 0 1.5rem;
  color: #5a5666;
  text-align: left;
}
.nutrition-facts-panel .sub-hed {
  text-align: center;
  margin: 0 -1.5rem;
  padding: 0;
  font-size: 1.5em;
}
.nutrition-facts-panel .toggle-hed {
  position: relative;
  background: transparent;
  display: block;
  padding: 1.5rem;
  margin: 0;
  width: 100%;
  font-size: 1em;
  letter-spacing: 0;
  text-align: left;
}
.nutrition-facts-panel .toggle-hed:hover, .nutrition-facts-panel .toggle-hed:active, .nutrition-facts-panel .toggle-hed:focus {
  color: currentColor;
}
.nutrition-facts-panel .toggle-hed svg {
  fill: #F39800;
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: -webkit-transform 0.2s ease-in-out;
  -o-transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  -webkit-transform: rotateZ(0deg);
      -ms-transform: rotate(0deg);
          transform: rotateZ(0deg);
  position: absolute;
  right: 1.5rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.nutrition-facts-panel .toggle-hed.toggle-open svg {
  -webkit-transform: rotateZ(180deg);
      -ms-transform: rotate(180deg);
          transform: rotateZ(180deg);
}
@media (min-width: 60em) {
  .nutrition-facts-panel {
    padding: 2.5rem 9.125rem;
  }
  .nutrition-facts-panel .sub-hed {
    margin: 0 -9.125rem 3rem;
    padding: 0.125em 0 0.666667em;
    font-size: 3em;
    border-bottom: 2px solid #e0d7d9;
  }
  .nutrition-facts-panel .a11y-only.a11y-override {
    clip: auto;
    height: auto;
    width: auto;
    margin: 0;
    overflow: visible;
    position: static;
  }
}

.nutrition-facts-detail {
  position: relative;
}
.nutrition-facts-detail::after {
  content: "";
  height: 2px;
  background-color: #e0d7d9;
  position: absolute;
  top: 0;
  right: -1.5rem;
  left: -1.5rem;
}
.nutrition-facts-detail > :first-child {
  padding-top: 2.375rem;
}
@media (min-width: 60em) {
  .nutrition-facts-detail::after {
    content: none;
  }
  .nutrition-facts-detail > :first-child {
    padding-top: 0;
  }
}

.serving-details {
  font-size: 1.125em;
  line-height: 1.5;
  margin-bottom: 1.375rem;
}
.serving-details p {
  margin: 0;
}
@media (min-width: 60em) {
  .serving-details {
    font-size: 1.25em;
  }
}

.nutrition-facts {
  border-collapse: collapse;
  width: 100%;
}
.nutrition-facts caption,
.nutrition-facts thead th {
  text-align: left;
  margin: 0;
  padding-bottom: 0.55em;
  text-transform: uppercase;
  border-bottom: 0.25rem solid #2E8727;
}
.nutrition-facts caption,
.nutrition-facts thead th,
.nutrition-facts tr td {
  font-family: bureau-grot-condensed, sans-serif;
  color: #2E8727;
  font-size: 1rem;
  font-weight: 700;
}
@media (min-width: 60em) {
  .nutrition-facts caption {
    font-size: 1.25rem;
  }
}
.nutrition-facts tr th,
.nutrition-facts tr td {
  padding: 0.5em 0;
}
.nutrition-facts tr td {
  text-align: right;
}
.nutrition-facts tr th {
  text-align: left;
}
.nutrition-facts tr:not(:first-child) td, .nutrition-facts tr:not(:first-child) th {
  border-top: 1px solid #e0d7d9;
}
.nutrition-facts thead th {
  font-size: 1.25rem;
  font-weight: 700;
}
.nutrition-facts thead th[scope=col] {
  text-align: right;
}
.nutrition-facts tbody th {
  font-weight: normal;
  font-size: 1.125rem;
  line-height: 1.111111;
}
@media (min-width: 60em) {
  .nutrition-facts tbody th {
    font-size: 1.25rem;
    line-height: 1.5;
  }
}
.nutrition-facts tbody td {
  line-height: 1.5;
  font-weight: 400;
}
@media (min-width: 60em) {
  .nutrition-facts tbody td {
    font-size: 1.125rem;
  }
}
.nutrition-facts tfoot td {
  padding: 0.75rem 0;
  color: #5a5666;
  font-size: 1em;
  line-height: 1.5;
  font-weight: 400;
  font-family: freight-text-pro, serif;
  text-align: center;
}
.nutrition-facts .rule-btm {
  border-bottom: 0.25rem solid #2E8727;
}
.nutrition-facts .emphasize td, .nutrition-facts .emphasize th {
  font-weight: 700;
}
.nutrition-facts .indent {
  display: block;
}
@media (min-width: 60em) {
  .nutrition-facts .indent {
    text-indent: 3.15%;
  }
}

.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 800px;
  margin: 5rem auto 0 auto;
}
.pagination li {
  list-style: none;
  border-right: 1px solid #b8b0b6;
  padding: 0rem 2.5%;
  text-align: center;
}
.pagination li svg {
  -webkit-transition: fill 0.2s ease;
  -o-transition: fill 0.2s ease;
  transition: fill 0.2s ease;
  -webkit-transform: translateY(3px);
      -ms-transform: translateY(3px);
          transform: translateY(3px);
  fill: currentColor;
}
.pagination li:before {
  display: none;
}
.pagination li:first-child {
  margin-right: 1rem;
}
.pagination li:last-child {
  margin-left: 1rem;
}
.pagination li:first-child, .pagination li:nth-last-child(2), .pagination li:last-child {
  border: none;
}
.pagination li a {
  font-family: bureau-grot-condensed, sans-serif;
  font-weight: 700;
  color: #b8b0b6;
  font-size: 1.25em;
  line-height: 26px;
  -webkit-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.pagination li a.active {
  color: #F39800;
}
.pagination li a:hover {
  color: #F39800;
}
.pagination li a:hover svg path {
  fill: #F39800;
}
@media (min-width: 60em) {
  .pagination li {
    padding: 0rem 1.7rem;
  }
}

.product-carousel {
  margin: 0 -2.60416665%;
}
.product-carousel .flickity-button {
  width: 2rem;
  height: 9.25rem;
  background: transparent;
  border-radius: 0;
}
.product-carousel .flickity-button .flickity-button-icon {
  fill: #fff;
  width: 6.25rem;
  height: 6.25rem;
  top: 0;
}
.product-carousel .flickity-button.flickity-prev-next-button {
  overflow: hidden;
}
.product-carousel .flickity-button.flickity-prev-next-button .flickity-button-icon {
  left: -2.125rem;
  top: 1.5rem;
}
.product-carousel .flickity-button.flickity-prev-next-button.previous {
  left: 0;
}
.product-carousel .flickity-button.flickity-prev-next-button.next {
  right: 0;
}
@media (min-width: 60em) {
  .product-carousel {
    margin: 0 -5.9%;
  }
  .product-carousel .flickity-button {
    width: 6.25rem;
    height: 6.25rem;
  }
  .product-carousel .flickity-button.flickity-prev-next-button {
    overflow: visible;
  }
  .product-carousel .flickity-button.flickity-prev-next-button .flickity-button-icon {
    left: 0;
  }
}
@media (min-width: 80em) {
  .product-carousel .flickity-button.flickity-prev-next-button.previous {
    left: 7.3385%;
  }
  .product-carousel .flickity-button.flickity-prev-next-button.next {
    right: 7.3385%;
  }
}

.product-carousel-item {
  width: 100%;
  opacity: 0;
  -webkit-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.product-carousel-item.is-selected, .product-carousel-single .product-carousel-item {
  opacity: 1;
}
.product-carousel-item .img-wrap {
  position: relative;
  height: 0;
  width: 100%;
  padding-bottom: 100%;
}
.product-carousel-item .img-wrap img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}
@media (min-width: 60em) {
  .product-carousel-item .img-wrap {
    height: auto;
    width: auto;
    padding: 0;
  }
  .product-carousel-item .img-wrap img {
    position: relative;
    top: 0;
    left: 0;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
}

.product-thumb-carousel {
  margin-bottom: 2rem;
}
.product-thumb-carousel.hide {
  display: none;
}
.product-thumb-carousel .flickity-button:disabled {
  display: none;
}

.product-thumb-carousel-item {
  width: 3rem;
  height: 3rem;
  border: 2px solid rgba(255, 255, 255, 0.25);
  border-radius: 0.375rem;
  overflow: hidden;
  margin: 0 0.25rem;
}
.product-thumb-carousel-item.is-nav-selected {
  border-color: white;
}
@media (min-width: 60em) {
  .product-thumb-carousel-item {
    border-radius: 0.75rem;
    width: 7.625rem;
    height: 7.625rem;
    margin: 0 0.75rem;
  }
}

.product-teaser {
  height: 100%;
  border-radius: 0.75rem;
  background-color: #2E8727;
  background-size: cover;
  padding-bottom: 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  position: relative;
}
.teaser-carousel .product-teaser {
  margin-left: 0.3rem;
  width: 100%;
  height: 30em;
}
@media (min-width: 43em) {
  .teaser-carousel .product-teaser {
    margin-left: 1.5rem;
    width: calc((100% / 2) - .75rem);
  }
}
@media (min-width: 60em) {
  .product-teaser {
    padding-bottom: 2rem;
  }
}
@media (min-width: 80em) {
  .product-teaser {
    padding-bottom: 4rem;
  }
  .teaser-carousel .product-teaser {
    width: 21.5625vw;
    height: 26.0417vw;
    max-width: 25.875rem;
    max-height: 31.25rem;
    margin-left: 1.5rem;
  }
}
.product-teaser h5 {
  margin-bottom: 0.5rem;
}
.product-teaser p {
  margin: 0;
  line-height: 1.5;
}
.product-teaser .teaser-copy {
  padding: 0 4rem;
  margin-bottom: 3rem;
  width: 100%;
}
.product-teaser .teaser-copy > * {
  color: #fff;
}
.teaser-carousel .product-teaser .teaser-copy {
      margin-top: 2rem;
  margin-bottom: 1rem;
}
.product-teaser .btn-secondary:hover {
  background-color: #F39800;
  border-color: #F39800;
}
@media (min-width: 60em) {
  .product-teaser {
    padding-bottom: 2rem;
  }
  .product-teaser .teaser-copy {
    padding: 0.5rem 2rem 0;
    margin-bottom: 1.5rem;
  }
}
@media (min-width: 80em) {
  .product-teaser {
    padding-bottom: 4rem;
  }
  .product-teaser .teaser-copy {
    padding: 0.5rem 4rem 0;
    margin-bottom: 3rem;
  }
}

a.product-teaser {
  -webkit-transition: background-color 0.2s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
}
a.product-teaser::before, a.product-teaser::after {
  content: "";
  z-index: 0;
  background-color: #2E8727;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
a.product-teaser::before, a.product-teaser::after,
a.product-teaser .teaser-inner {
  opacity: 1;
  -webkit-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
a.product-teaser::after {
  opacity: 0;
  background-color: transparent;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.75)));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75));
}
a.product-teaser .teaser-inner {
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
a.product-teaser img {
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
a.product-teaser:hover {
  background-color: transparent;
}
a.product-teaser:hover::before,
a.product-teaser:hover .teaser-inner img {
  opacity: 0;
}
a.product-teaser:hover::after {
  opacity: 1;
}
a.product-teaser:hover .teaser-inner {
  -webkit-transition-delay: 0;
       -o-transition-delay: 0;
          transition-delay: 0;
}

.product-info .lede ul {
  display: inline-block;
  list-style-type: none;
}
.product-info .lede li {
  text-align: left;
  position: relative;
  padding-left: 20px;
}
.product-info .lede li:before {
  content: "•";
  color: #F39800;
  display: inline-block;
  position: absolute;
  top: 1px;
  left: 0;
  margin-right: 0.5em;
  font-size: 0.8em;
}

.recipe-teaser {
  position: relative;
  overflow: hidden;
  border-radius: 0.5em;
  margin: auto auto 1.5em auto;
  height: 30em;
}
@media (min-width: 60em) {
  .recipe-teaser {
    margin: 0;
    max-width: 550px;
    height: 100%;
  }
  .recipe-teaser + .recipe-teaser {
    margin: 0 0 0 1.5em;
  }
}
.recipe-teaser .caption {
  opacity: 1;
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 10% 4em 10%;
  color: #fff;
  -webkit-transition: opacity 0.25s ease-in-out;
  -o-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out;
}
@media (pointer: fine) {
  .recipe-teaser .caption {
    display: none;
  }
}
.recipe-teaser .caption p {
  font-size: 1.1em;
  line-height: 1.4;
      text-align: left;
}
.recipe-teaser .caption .recipe-hed {
  color: #fff;
  margin-bottom: 0.5em;
  margin-top: auto;
  font-size: 1.5em;
  letter-spacing: -0.000417em;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  font-smooth: antialiased;
}
.recipe-teaser .caption .recipe-hed + p {
  margin-top: 0;
}
@media (min-width: 60em) {
  .recipe-teaser .caption .recipe-hed {
    font-size: 2em;
    letter-spacing: -0.000625em;
  }
}
.recipe-teaser .caption .btn:hover {
  background: none;
  border: 1px solid #fff;
}
.recipe-teaser img {
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  transition: -webkit-transform 0.5s ease-in-out;
  -o-transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
  margin: 0 auto;
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  min-height: 35em;
  width: 100%;
  -webkit-transform: scale(1.01);
      -ms-transform: scale(1.01);
          transform: scale(1.01);
}
@media (min-width: 60em) {
  .recipe-teaser img {
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);
  }
  .recipe-teaser .caption {
    opacity: 0;
  }
  .recipe-teaser:hover img {
    -webkit-transform: scale(1.01);
        -ms-transform: scale(1.01);
            transform: scale(1.01);
  }
  .recipe-teaser:hover .caption {
    opacity: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

[data-slide-indicator] {
  position: absolute;
  bottom: -0.125rem;
  height: 0.5rem;
  background-color: #F39800;
  -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.17, 0.67, 0.72, 1.15);
  transition: -webkit-transform 0.45s cubic-bezier(0.17, 0.67, 0.72, 1.15);
  -o-transition: transform 0.45s cubic-bezier(0.17, 0.67, 0.72, 1.15);
  transition: transform 0.45s cubic-bezier(0.17, 0.67, 0.72, 1.15);
  transition: transform 0.45s cubic-bezier(0.17, 0.67, 0.72, 1.15), -webkit-transform 0.45s cubic-bezier(0.17, 0.67, 0.72, 1.15);
}

.search-filters {
  position: relative;
  z-index: 1;
}
.search-filters fieldset {
  border: none;
  padding: 0;
  margin: 0;
  text-align: left;
  max-width: 1152px;
  margin: 0 auto;
}
.search-filters input,
.search-filters select,
.search-filters .filter-toggle,
.search-filters .col {
  width: 100%;
}
.search-filters input[type=search]::-webkit-search-decoration,
.search-filters input[type=search]::-webkit-search-results-button,
.search-filters input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none;
}
.search-filters input[type=search] {
  background-image: url("/skin/images/08b56aa0c13241af869d4f5b5e268955.gif");
  background-repeat: no-repeat;
  background-size: 26px 26px;
  background-position: right 10px top 50%;
  padding-right: 48px;
}
.search-filters .filter-toggle {
  position: relative;
  display: block;
  font-size: 1.25em;
  letter-spacing: normal;
  line-height: 1.2;
  padding: 0;
  margin: 0 0 24px;
  text-align: left;
}
.search-filters .filter-toggle, .search-filters .filter-toggle:hover {
  background: transparent;
  color: #2E8727;
}
.search-filters .filter-toggle svg {
  fill: #F39800;
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: -webkit-transform 0.2s ease-in-out;
  -o-transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  -webkit-transform: rotateZ(0deg);
      -ms-transform: rotate(0deg);
          transform: rotateZ(0deg);
  position: absolute;
  right: 0;
  top: 7px;
}
.search-filters .filter-toggle.toggle-open svg {
  -webkit-transform: rotateZ(180deg);
      -ms-transform: rotate(180deg);
          transform: rotateZ(180deg);
}
.search-filters .submit-wrap {
  border-top: 1px solid #e0d7d9;
  padding: 1.875em 0;
  text-align: center;
  /* Sometimes the submit container becomes a column on larger screens, 
   * and in some cases it doesn't. 
   *
   * .submit-wrap--sm-only attempts to bridge that gap.
   */
}
.search-filters .submit-wrap--sm-only {
  width: auto;
}
@media (min-width: 60em) {
  .search-filters .submit-wrap--sm-only {
    border: none;
    padding: 0;
    text-align: inherit;
    margin-bottom: 1.5rem;
  }
}
.search-filters .col {
  margin: 0 0 1.5rem;
}
.search-filters .row + .row {
  margin-top: 1.875em;
}
.search-filters .row + .row.submit-wrap {
  margin-top: 0;
}
@media (min-width: 60em) {
  .search-filters .a11y-only.a11y-override {
    clip: auto;
    height: auto;
    width: auto;
    margin: 0;
    overflow: visible;
    position: static;
  }
  .search-filters .row,
.search-filters .row-lrg-only {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .search-filters .row-lrg-only {
    width: 100%;
  }
  .search-filters .row-lrg-only.a11y-override {
    width: 100%;
  }
  .search-filters .col {
    max-width: 26rem;
  }
  .search-filters .col.minor {
    max-width: 16.75rem;
  }
  .search-filters .col.full-width {
    max-width: none;
  }
  .search-filters .col,
.search-filters .sm-screen-only,
.search-filters .row-lrg-only {
    /* 
     * Managing horizontal margins on columns across layout configurations, 
     * and in cases where a column is sometimes a row on smaller screens.
     *
     * This will likely need to be updated if the markup changes much, 
     * or the component becomes more modular.
     */
  }
  .search-filters .col + .col,
.search-filters .col + .row-lrg-only,
.search-filters .col + .submit-wrap--sm-only,
.search-filters .sm-screen-only + .col,
.search-filters .sm-screen-only + .row-lrg-only,
.search-filters .sm-screen-only + .submit-wrap--sm-only,
.search-filters .row-lrg-only + .col,
.search-filters .row-lrg-only + .row-lrg-only,
.search-filters .row-lrg-only + .submit-wrap--sm-only {
    margin-left: 1.5em;
  }
}

.social-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  padding-top: 1.5em;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.social-nav__title {
  color: #2E8727;
  font-size: 1.25em;
  font-weight: 700;
  text-transform: uppercase;
}
.inverted .social-nav__title {
  color: #fff;
}
.social-nav li {
  margin: 0 0.5em;
  padding: 0;
  font-family: bureau-grot-condensed, sans-serif;
}
.social-nav a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.social-nav a:focus {
  outline: none;
}
.social-nav .icon {
  width: 1.5rem;
  height: auto;
  fill: #2E8727;
  max-height: 1.5em;
}
.inverted .social-nav .icon {
  fill: #fff;
}
.social-nav.social-nav-lrg li {
  margin: 0 0.75em;
}
.social-nav.social-nav-lrg .icon {
  width: 2rem;
  max-height: 2rem;
}
@media (min-width: 60em) {
  .social-nav {
    padding-top: 0;
  }
  .social-nav.social-nav-lrg li {
    margin: 0 1em;
  }
  .social-nav.social-nav-lrg .icon {
    width: 3rem;
    max-height: 3rem;
  }
}

.share-cta {
  padding-top: 0.5em;
  margin: 1em auto;
}
@media (min-width: 60em) {
  .share-cta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 1em;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.share-cta .share-hed {
  font-size: 1.1em;
}
@media (min-width: 60em) {
  .share-cta .share-hed {
    margin-top: 1em;
    margin-right: 1em;
    margin-bottom: 1em;
  }
}

.superior-hero section.scooped::before {

  display: block;
  font-family: freight-text-pro, serif;
  text-transform: none;
  color: black;
  font-weight: normal;
  font-size: 16px;
  position: relative;
  top: -100px;
}
@media (min-width: 60em) {
  .superior-hero section.scooped::before {
    top: -130px;
    font-size: 17px;
  }
}
@media (min-width: 80em) {
  .superior-hero section.scooped::before {
    top: -170px;
    font-size: 18px;
  }
}

html[lang|=es] .superior-nutrition-page .scooped.hero .scooped::before {
  content: "*Cuando se compara con huevos ordinarios.";
  display: block;
  font-family: freight-text-pro, serif;
  text-transform: none;
  color: black;
  font-weight: normal;
  font-size: 16px;
  position: relative;
  top: -100px;
}
@media (min-width: 60em) {
  html[lang|=es] .superior-nutrition-page .scooped.hero .scooped::before {
    top: -130px;
    font-size: 17px;
  }
}
@media (min-width: 80em) {
  html[lang|=es] .superior-nutrition-page .scooped.hero .scooped::before {
    top: -170px;
    font-size: 18px;
  }
}

.tablist fieldset {
  border: 0;
  padding: 0;
}
.tablist .control {
  display: inline-block;
}
.tablist input[type=radio] + label {
  padding: 0;
  margin: 0;
  display: block;
}
.tablist input[type=radio] + label::before, .tablist input[type=radio] + label::after {
  content: none;
}
.tablist input[type=radio] + label:hover {
  cursor: pointer;
}
.tablist .panel {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.tablist .panel.active {
  clip: auto;
  height: auto;
  overflow: visible;
  position: static;
  width: auto;
}
@media (max-width: 767px) {
  .tablist--stack .controls {
    display: none;
  }
  .tablist--stack .controls ~ div.panel {
    padding: 0;
    position: relative;
    clip: none;
    width: auto;
    height: auto;
    margin: 0;
  }
}

.tablist.basic-tabs {
  margin: 0;
}
@media (min-width: 768px) {
  .tablist.basic-tabs {
    margin: 4rem 0 0;
  }
  .tablist.basic-tabs .section-hed {
    margin-top: 0;
  }
  .tablist.basic-tabs .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.tablist.basic-tabs fieldset {
  border: 0;
  padding: 0;
}
.tablist.basic-tabs .controls {
  border-bottom: 2px solid #e0d7d9;
  position: relative;
}
.tablist.basic-tabs [data-slide-indicator] {
  width: calc((100% / 3) - 0.833333rem);
}
@media (min-width: 60em) {
  .tablist.basic-tabs [data-slide-indicator] {
    width: calc((100% / 3) - 0.833333rem);
  }
}
.tablist.basic-tabs .control {
  text-align: center;
  width: calc((100% / 3) - 0.833333rem);
}
.tablist.basic-tabs .control label {
  font-size: 1.125em;
  font-weight: 700;
  line-height: 1.222222;
  padding-bottom: 1.5em;
  text-align: center;
}
@media (min-width: 60em) {
  .tablist.basic-tabs .control {
    width: calc((100% / 3) - 0.833333rem);
  }
  .tablist.basic-tabs .control label {
    font-size: 1.5em;
  }
}
.tablist.basic-tabs input[type=radio] + label {
  color: #2E8727;
}
.tablist.basic-tabs a:focus,
.tablist.basic-tabs input:focus,
.tablist.basic-tabs input[type=radio]:focus + label {
  outline: none;
}
.tablist.basic-tabs .panel {
  text-align: left;
  padding: 3.125rem 0 0;
}
.tablist.basic-tabs .panel.active {
  -webkit-animation: fadeup 0.45s ease-out;
          animation: fadeup 0.45s ease-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
@media (min-width: 60em) {
  .tablist.basic-tabs .panel {
    padding-top: 6.25rem;
  }
}

.tablist.nutritional-info-tabs .control {
  display: block;
  max-width: 30.65rem;
  margin: 0 auto;
}

.tablist.product-info-tabs {
  margin: 4rem 0 0;
}
.tablist.product-info-tabs fieldset {
  border: 0;
  padding: 0;
}
.tablist.product-info-tabs .controls {
  border-bottom: 2px solid #e0d7d9;
  position: relative;
}
.tablist.product-info-tabs [data-slide-indicator] {
  width: calc(98.7% / 2);
}
@media (min-width: 60em) {
  .tablist.product-info-tabs [data-slide-indicator] {
    width: 16.8125rem;
  }
}
.tablist.product-info-tabs .control {
  text-align: center;
  width: calc(98.7% / 2);
}
.tablist.product-info-tabs .control label {
  font-size: 1.125em;
  font-weight: 700;
  line-height: 1.222222;
  padding-bottom: 1.5em;
  text-align: center;
}
.tablist.product-info-tabs .control label img,
.tablist.product-info-tabs .control label .title {
  display: block;
  margin: 0 auto;
}
.tablist.product-info-tabs .control label img {
  width: 100%;
}
@media (min-width: 60em) {
  .tablist.product-info-tabs .control {
    width: 16.8125rem;
  }
  .tablist.product-info-tabs .control label {
    font-size: 1.5em;
  }
}
.tablist.product-info-tabs input[type=radio] + label {
  color: #2E8727;
}
.tablist.product-info-tabs a:focus,
.tablist.product-info-tabs input:focus,
.tablist.product-info-tabs input[type=radio]:focus + label {
  outline: none;
}
.tablist.product-info-tabs .panel {
  text-align: left;
  padding: 3.125rem 0 0;
}
.tablist.product-info-tabs .panel.active {
  -webkit-animation: fadeup 0.45s ease-out;
          animation: fadeup 0.45s ease-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
@media (min-width: 60em) {
  .tablist.product-info-tabs .panel {
    padding-top: 6.25rem;
  }
  .tablist.product-info-tabs .panel .flex {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .tablist.product-info-tabs .panel .flex .col {
    width: calc((100% / 4) - 6px);
  }
  .tablist.product-info-tabs .panel .flex .col.col-wide {
    width: calc((100% / 2) - 12px);
  }
  .tablist.product-info-tabs .panel .flex .col + .col {
    margin-left: 1.5rem;
  }
}

.teaser-carousel {
  position: relative;
  padding-bottom: 7rem;
  z-index: 5;
}
@media (min-width: 60em) {
  .teaser-carousel {
    margin: 0 -5.2083333% 0;
    padding-left: 5.2083333%;
  }
}
.teaser-carousel .flickity-button:disabled {
  display: none;
}
.teaser-carousel .flickity-button {
  background: transparent;
  border-radius: 0;
  width: 6.25rem;
  height: 6.25rem;
}
.teaser-carousel .flickity-button .flickity-button-icon {
  fill: #2E8727;
  width: 6.25rem;
  height: 6.25rem;
  top: 0;
}
.teaser-carousel .flickity-button.flickity-prev-next-button {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}
.teaser-carousel .flickity-button.flickity-prev-next-button.next, .teaser-carousel .flickity-button.flickity-prev-next-button.previous {
  top: auto;
  right: auto;
  bottom: 0;
  left: auto;
}
.teaser-carousel .flickity-button.flickity-prev-next-button.next {
  right: 50%;
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
}
.teaser-carousel .flickity-button.flickity-prev-next-button.previous {
  left: 50%;
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
}
.teaser-carousel .flickity-button.flickity-prev-next-button .flickity-button-icon {
  left: 0;
}

.complex-content {
  margin-top: 3em;
}
.complex-content h1, .complex-content h2, .complex-content h3, .complex-content h4, .complex-content h5, .complex-content h6 {
  clear: both;
}
.complex-content .post-body, .complex-content .inset {
  margin-top: 3em;
}
.complex-content .post-body:first-child, .complex-content .inset:first-child {
  margin-top: 0;
}
.complex-content figure {
  display: table;
  margin-top: 20px !important;
}
.complex-content figure figcaption {
  display: table-caption;
  caption-side: bottom;
}
.complex-content p.intro-text {
  font-size: 1.2em;
}
@media (--small-medium) {
  .complex-content figure {
    display: table;
    width: auto;
  }
}
@media screen and (max-width: 500px) {
  .complex-content figure[style^="float:"] {
    float: none !important;
    margin: 20px 0 20px !important;
  }
}

.player {
  position: relative;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: contain;
}
.player svg {
  width: 96px;
  height: 96px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  cursor: pointer;
}
.player svg path {
  fill: inherit;
}
.player svg:hover, .player svg:focus, .player svg:active {
  fill: red !important;
}

@media (min-width: 80em) {
  html[lang|=es] .top-nav {
    display: none;
  }
  html[lang|=es] .masthead .nav-secondary .subnav.meta-nav a {
    font-size: 1.2em;
    font-weight: bold;
  }
  html[lang|=es] .masthead .nav-secondary .search-high-bp {
    padding-left: 10px;
  }
}
html[lang|=es] .superior-es {
  text-align: center;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .masthead .masthead-inner {
    display: block;
  }

  #home-video-bg {
    min-height: 100vh;
    width: auto;
  }

  #superior-nutrition-video-bg {
    min-height: 1000px;
    width: auto;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }

  .product-teaser img {
    max-width: 400px;
    padding: 0 10px;
  }

  .recipe-teaser img {
    min-width: 550px;
  }
  .recipe-teaser .caption {
    display: block;
    padding: 200px 10px 0 10px;
  }

  .recipe-teaser:hover .caption {
    display: block;
  }

  .hero-art img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: auto;
    min-width: 100%;
    max-width: none;
    min-height: 400px;
  }

  .content-card-media {
    height: auto !important;
  }
  .content-card-media img {
    height: auto;
  }
}



/*# sourceMappingURL=styles.css.map */
.erweima{
  position: relative;
}

.erweima a{
  padding-right: 25px;
  background: url(../img/erweima-bg.jpg) no-repeat 80px center;)
}
 
.erweima .ewm-tu a{
  padding: 0px;
}

.erweima .ewm-tu{
  width: 94px;
  height: 94px;
  padding: 10px;
  background-color: #fff;
  border: 1px solid #E5E5E5;
  overflow: hidden;
  position: absolute;
  top: 43px;
  right: 0px;
}