.card-cta__image-container {
    width: 550px;
}

.testimonial-card-buttons {
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: start;
    align-items: start;
    margin-top: 24px;
    text-transform: capitalize;
    margin-left: 0px !important;
  }

  a.button.button--testimonial-cta-button {
    width: 40px !important;
    min-width: 40px !important;
    overflow: hidden;
    text-align: left;
  }

.testimonial-card-chef-website a, .testimonial-card-chef-instagram a {
    background-color: transparent !important;
    border: 1px solid transparent !important;
    color: transparent !important;
     text-decoration: underline;
}

.testimonial-card-chef-website a {
    background-image: url(../png/newwhiteworldbfa0.png?v=1713983552);
    background-size: 38px;
    transform: translateY(-2px); 
    background-repeat: no-repeat;
}

.testimonial-card-chef-instagram a {
  background-image: url(../png/instagram-logo-white56d5.png?v=1713975557);
  background-size: 34px;
  background-repeat: no-repeat; 
}

.recipe-card {
  padding: 15px 0px;
}


.recipe-filter-wrapper__count {
    display: none;
}


.promoted-products-box {
  display: none !important;
}

.prodict-listing-info__product-price {
  display: none;
}

.has-promo-bar #page {
   padding-top: 0px !Important; 
}

.grid-product__tag--sold-out+product-add-to-cart-tabs__add-to-cart-button {
opacity: 0.5;
}

.sold-out-label { position: absolute; bottom: 10px; right: 10px; background-color: red; color: white; padding: 5px 10px; font-size: 12px; }

.product-modal__newsletter {
  display: none;
}


.testimonial-card-chef-website {
  background-image: url('../png/instagram-logo-white56d5.png?v=1713975557');
}

.navigation__menu-second {
  display: none;
}

.selling-propositions .title-copy {
  padding-bottom: 25px;
}

.lq-results .lq-slot li .lq-compare-price {
    padding-left: 8px;
    opacity: .5;
    text-decoration: line-through;
    display: none !important;
}

.yotpo .yotpo-label-container {
  border-top: 0px solid #e3e3e3 !important;
}

.yotpo .write-review .yotpo-header .yotpo-header-title {
    font-size: 15px;
    padding-right: 50px !important;
    padding-top: 10px !important;
}

.yotpo .yotpo-mandatory-explain {
    margin-bottom: 7px;
    padding-right: 25px !important;
}

.yotpo .y-label, .yotpo span.y-label {
    padding: 10px 7px 15px 0px !important;
}

#yotpo-selector .yotpo-footer {
  margin-left: 0px !important;
}

.zoomContainer, #zoom_mw {
    pointer-events: none
  }

[dir=ltr] .QT4by {
  background-color: #75240d !important;
}

.icon-filter-card[data-handle="gift card"] {
    display: none;
}

.j6D1f {
  background-color: #75240d !important;
}

[type=submit] {
    background-color: #75240d !important;
}

@media screen and (max-width: 767px) { body.menu-open { overflow: hidden; position: fixed; width: 100%; } }

.vue-form-wizard.white-orange .wizard-tab-content .d-answers .inputGroup img {
    max-height: 150px !important;
}

.answer-image {
    max-height: 150px !important;
}
.preview .lq-wrapper {
padding: 0px !important;
  margin-top: -50px !important;
}

.wysiwyg__wrapper--recipe-article {
    margin-bottom: 50px;
    margin-top: 0px !important;
}

div.rbr-page-container > div.rbr-standard-bundle__title:first-of-type {
    background: #c74928;
    margin: 0;
    margin-left: -16px;
    display: table;
    padding: 10px;
    border-radius: 0 0 5px 0;
    color: white !important;
    margin-bottom: 20px !important;
}
div.rbr-page-container > div.rbr-standard-bundle__title:first-of-type > span {
    color: white !important;
}



.navigation__menu-second {
    display: inherit;
    -webkit-box-align: inherit;
    -webkit-align-items: inherit;
    -ms-flex-align: inherit;
    align-items: inherit;
}

.link,a {
    text-decoration: none
}

#page,body,html {
    overflow-x: hidden
}

.container.blog__events-grid,body,html {
    padding: 0
}

.account-content,.container {
    width: 100%
}

#page,.blog__recipe-template--content,.card-cta__image-container .image__img,.card-cta__image-container.image,.faq-filter__button,.featured-products,.form-forgot__subcontainer,.link {
    position: relative
}

.article__recipes-print-button:hover,.link,.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

#recharge-novum .rc_btn,#recharge-novum .rc_btn--secondary {
    background-color: #c74928!important;
    font-size: 14px!important
}

#recharge-novum .rc_btn--secondary--color:hover,#recharge-novum .rc_btn:hover {
    background-color: #fff!important;
    border-color: #c74928!important;
    color: #c74928!important
}

.cart-items__table,.order-details__table,.order-history__table {
    border-collapse: collapse
}

.contact__form .input-select__chevron svg path,.faq-filter__button.active path,.plp-filter .svg path,.post-filter-bar__filter .svg path,.product-add-to-cart-tabs .svg path,.recipe-filter-label .svg--close svg path,.search-results-tabs__button.active path {
    fill: #c74928
}

.account-nav__wrapper,.recipe-filter__wrapper,.testimonial-card {
    border-image-repeat: round round
}

.errors ul,.quiz__response,.recipe-hero__recipe-info-list,.swiper-container,.wysiwyg ol li {
    list-style: none
}

a {
    color: #0f171a
}

.form-field--no-margin,.form-search--no-margin .form-field,h1,h2,h3,h4,h5,p {
    margin: 0
}

#yotpo-selector .content-title.yotpo-font-bold,#yotpo-selector .y-label.yotpo-user-name.yotpo-font-bold.pull-left,.contact__form .title-copy__title,.errors,.h1,.h2,.h3,.h4,.h5,.h6,.h7,.h8,.h9,.title-copy--article-blog .title-copy__title,.title-copy--page .title-copy__title,.wysiwyg h1,.wysiwyg h2,.wysiwyg h3,.wysiwyg h4,.wysiwyg h5,.wysiwyg h6,.wysiwyg ol li:before {
    font-family: Roboto Slab,sans-serif
}

#recharge-novum #recharge-te #rc_search,#recharge-novum #recharge-te .title-bold,#yotpo-selector .yotpo-helpful .vote-btn[data-type=up],.b1,.b2,.b3,.b4,.contact__form .form-field__label .b2,.contact__form .form-field__label-text,.form-field__input form .errors,.h1--error,.rc-widget-injection-parent .rc_widget__option__label,.rc-widget-injection-parent .rc_widget__option__plans__dropdown,.recipe-filter-wrapper__count-mobile,.recipe-ingredients__recipe-list .h4,.wysiwyg blockquote,.wysiwyg li,.wysiwyg p,body,html,input,select,textarea {
    font-family: Raleway,sans-serif
}

#recharge-novum,#recharge-novum #rc_te-template-wrapper .upsells--wrapper div,#recharge-novum #rc_te-template-wrapper h6,#recharge-novum #recharge-te .order-date,#recharge-novum #recharge-te .order-details,#recharge-novum #recharge-te .order-total,#recharge-novum #recharge-te .text-font-14,#recharge-novum #recharge-te a,#recharge-novum #recharge-te h2,#recharge-novum #recharge-te h3,#recharge-novum #recharge-te input,#recharge-novum #recharge-te label,#recharge-novum #recharge-te p,#recharge-novum #recharge-te select,#recharge-novum #recharge-te span {
    font-family: Raleway,sans-serif!important
}

.h1,.wysiwyg h1 {
    font-size: 7rem;
    line-height: 7.5rem;
    font-weight: 800
}

.h1--error {
    color: #e63500;
    font-weight: 500;
    text-align: center
}

.b3.recipe-filter__type,.h2--hero-split {
    font-family: Roboto Slab,sans-serif
}

.h1.testimonial-card__quotation-mark,.wysiwyg h1.testimonial-card__quotation-mark {
    font-size: 7rem;
    line-height: 0
}

.h2,.title-copy--article-blog .title-copy__title,.title-copy--page .title-copy__title,.wysiwyg h2 {
    font-size: 4.5rem;
    line-height: 4.5rem;
    font-weight: 800
}

.wysiwyg--page .h2 {
    font-size: 3.5rem;
    line-height: 3.5rem
}

#yotpo-selector .content-title.yotpo-font-bold,.h3,.wysiwyg h3 {
    font-size: 3.5rem;
    line-height: 3.5rem;
    font-weight: 800
}

.h4,.wysiwyg h4 {
    font-size: 2.2rem;
    line-height: 2.2rem;
    font-weight: 800
}

.contact__form .title-copy__title,.h5,.h6,.wysiwyg h5,.wysiwyg h6 {
    font-size: 2.2rem;
    line-height: 2.2rem;
    font-weight: 700
}

.search-results-tabs .h6 {
    font-size: 1.5rem;
    line-height: 1.8rem
}

.errors,.h7,.wysiwyg ol li:before {
    font-size: 1.4rem;
    line-height: 2.2rem;
    font-weight: 500
}

.recipe-card__title .h7 {
    font-size: 1.5rem;
    line-height: 1.8rem;
    font-weight: 700
}

#yotpo-selector .y-label.yotpo-user-name.yotpo-font-bold.pull-left,.h8 {
    font-size: 1.6rem;
    line-height: 2.1rem;
    font-weight: 700
}

#yotpo-selector .y-label.yotpo-user-name.yotpo-font-bold.pull-left.navigation__menu-item-link,.h8.navigation__menu-item-link {
    color: #5f3f2b;
    font-size: 1.6rem;
    line-height: 2.1rem;
    text-decoration: none;
    font-weight: 700
}

#yotpo-selector .y-label.yotpo-user-name.yotpo-font-bold.pull-left.navigation__menu-item-link--active,.h8.navigation__menu-item-link--active,.link {
    color: #c74928
}

.navigation__menu .h8 {
    text-transform: uppercase
}

.account-nav__wrapper .h8,.faq-filter .h8 {
    font-weight: 400
}

.bold--extra,.faq-filter .h8.active {
    font-weight: 800
}

#yotpo-selector .y-label.yotpo-user-name.yotpo-font-bold.pull-left.faq-filter__item,#yotpo-selector .y-label.yotpo-user-name.yotpo-font-bold.pull-left.faq-filter__item--all,.h8.faq-filter__item,.h8.faq-filter__item--all {
    font-weight: 700;
    line-height: 2.2rem
}

.h9,.recipe-filter .b3 {
    font-size: 1.6rem;
    line-height: 2.2rem;
    font-weight: 700
}

#recharge-novum #recharge-te .title-bold,.b1,.contact__form .form-field__label .b2,.contact__form .form-field__label-text,.form-field__input form .errors,input,select,textarea {
    font-size: 1.3rem;
    line-height: 1.8rem;
    font-weight: 700
}

.b3,.b4,.link {
    font-weight: 500
}

#recharge-novum #recharge-te #rc_search,#yotpo-selector .yotpo-helpful .vote-btn[data-type=up],.b2,.rc-widget-injection-parent .rc_widget__option__label,.rc-widget-injection-parent .rc_widget__option__plans__dropdown,.recipe-filter-wrapper__count-mobile,.wysiwyg blockquote,.wysiwyg li,.wysiwyg p {
    font-size: 1.8rem;
    line-height: 2.2rem;
    font-weight: 500
}

#recharge-novum #recharge-te #rc_search.recipe-card__date,#yotpo-selector .yotpo-helpful .vote-btn[data-type=up].recipe-card__date,.b2.recipe-card__date,.rc-widget-injection-parent .rc_widget__option__label.recipe-card__date,.rc-widget-injection-parent .rc_widget__option__plans__dropdown.recipe-card__date,.recipe-filter-wrapper__count-mobile.recipe-card__date,.wysiwyg blockquote.recipe-card__date,.wysiwyg li.recipe-card__date,.wysiwyg p.recipe-card__date {
    color: #bdb1b9
}

#recharge-novum #recharge-te #rc_search.icon-filter-card__title,#yotpo-selector .yotpo-helpful .vote-btn[data-type=up].icon-filter-card__title,.b2.icon-filter-card__title,.rc-widget-injection-parent .rc_widget__option__label.icon-filter-card__title,.rc-widget-injection-parent .rc_widget__option__plans__dropdown.icon-filter-card__title,.recipe-filter-wrapper__count-mobile.icon-filter-card__title,.wysiwyg blockquote.icon-filter-card__title,.wysiwyg li.icon-filter-card__title,.wysiwyg p.icon-filter-card__title {
    font-size: 1rem;
    line-height: 1.1rem;
    color: #5f3f2b;
    text-transform: capitalize;
    text-align: center
}

.b3 {
    font-size: 1.4rem;
    line-height: 2.2rem
}

.b3.recipe-filter__type {
    font-weight: 700
}

.b4 {
    font-size: 1rem;
    line-height: 4rem
}

.link--black {
    color: #0f171a
}

.link:hover,.underline {
    text-decoration: underline
}

.bold {
    font-weight: 700
}

.search-font {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.83;
    padding-left: 3rem;
    color: #bdb1b9
}

.account-header__header,.form-field__input .form-label,body {
    color: #0f171a
}

body,html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0
}

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

html {
    font-size: 10px
}

body {
    font-size: 1.9rem;
    margin-top: 90px !important;
    padding-right: 0!important
}

.post-filter-bar .form-field--select,ol,ul {
    margin: 0
}

.primary-color-swatches .swatch:nth-of-type(9),body.template-search {
    background-color: #fff
}

.has-lightbox body {
    padding-right: 0
}

img {
    vertical-align: middle;
    border-style: none
}

#page {
    min-height: 66.1vh;
    overflow-x: hidden;
    position: relative;
}

.has-promo-bar #page {
    padding-top: 45px
}

.promo-bar-removed #page {
    padding-top: 0!important
}

.container {
    max-width: 1366px;
    padding: 0 25px;
    display: block;
    margin: auto
}

.right-container {
    margin-left: auto
}

.left-container {
    margin-right: auto
}

#preview-bar-iframe {
    height: 64px;
    -webkit-transform: translateY(70%)!important;
    -ms-transform: translateY(70%)!important;
    transform: translateY(70%)!important
}

#preview-bar-iframe:hover {
    -webkit-transform: translateY(0)!important;
    -ms-transform: translateY(0)!important;
    transform: translateY(0)!important
}

.button:focus,button:focus,input:focus,select:focus,textarea:focus {
    outline: 0;
    border-color: #0f171a
}

a:focus {
    outline-color: #0f171a
}

ol,ul {
    -webkit-padding-start: 20px;
    padding-inline-start:20px}

.account-content-wrapper,.account-content-wrapper--refer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.back-header,.product__back-header {
    margin: 2.5rem 0 0 7rem
}

.product__info-container {
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.product__info-container,.product__info-subcontainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal
}

.product__info-subcontainer {
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-top: 7rem
}

.collection__grid {
    padding-bottom: 1px
}

.blog__events-copy {
    margin-top: 15px
}

.blog__events-icon-title {
    margin-top: 60px
}

.blog__events-carousel,.blog__events-grid {
    margin-bottom: 102px
}

@media (max-width: 767px) {
    .blog__events-carousel{
        margin-bottom: 0px;
  }
}

.article__events {
    max-width: 1024px;
    margin: 0 auto
}

.blog__recipe-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 28px 0 50px
}

.blog__grid {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.account-info__title__wrapper,.account-info__wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal
}

.blog__grid--recipe {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.blog__recipe-template--grid {
    width: 93%
}

.blog__recipes-color-background {
    position: absolute;
    background: #c74928;
    width: 153px;
    height: 100%;
    z-index: -1
}

.article__recipes-print-button {
    position: absolute;
    width: 160px;
    height: 43px;
    margin-right: 30px;
    top: 25px;
    right: 0;
    left: initial
}

.contact__form .form-field__input-wrapper--email,.footer .form-field__input-wrapper--email,.separator {
    width: 100%
}

.article__recipes-print-button--bottom {
    top: initial;
    bottom: 0
}

.blog__recipe-labels {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 23px
}

.separator {
    content: "";
    position: relative;
    max-width: initial;
    background: #bdb1b9;
    height: 1px;
    margin: 75px auto 55px
}

.error-msg {
    top: 50%;
    margin: 0 auto
}

#recharge-novum {
    margin-top: 0
}

#recharge-novum #recharge-te {
    background-color: #fff!important
}

#recharge-novum #recharge-te .nav--wrapper {
    background-color: #75240d!important
}

#recharge-novum #recharge-te .nav--wrapper .chosen-title.title-bold,#recharge-novum #recharge-te .nav--wrapper .nav__list--desktop a,#recharge-novum #recharge-te .nav--wrapper .nav__list--mobile a {
    color: #fff!important
}

#recharge-novum #recharge-te .nav__list--mobile li {
    background-color: #c74928!important
}

#recharge-novum #recharge-te .nav__list--mobile li a {
    color: #0f171a!important
}

#recharge-novum #recharge-te h3 {
    font-size: 3.5rem!important;
    line-height: 4.5rem!important;
    font-weight: 800!important
}

#recharge-novum #recharge-te p {
    font-size: 1.3rem!important;
    line-height: 1.8rem!important;
    font-weight: 500!important
}

#recharge-novum #rc_te-template-wrapper h2,#recharge-novum #recharge-te #rc__upsells--container .upsells-title,#recharge-novum #recharge-te .product-title,#recharge-novum #recharge-te .rc_add_product_details_container,#recharge-novum #recharge-te .rc_order_title,#recharge-novum #recharge-te .te-modal-title,#recharge-novum #recharge-te h4,#recharge-novum #recharge-te h5 {
    font-family: Roboto Slab,sans-serif!important
}

#recharge-novum .rc_btn--secondary {
    border-color: #c74928!important;
    color: #fff!important
}

#recharge-novum .rc_subscription_card_element_wrapper.rc_subscription_container {
    background-image: url(../svg/group-29942.svg)!important;
    background-position: 40px 18px!important;
    background-repeat: no-repeat!important
}

#recharge-novum .rc_subscription_card_element_wrapper.rc_inactive_subscriptions {
    background-image: url(../svg/group-29995.svg)!important;
    background-position: 40px 18px!important;
    background-repeat: no-repeat!important
}

#recharge-novum .rc_card_container.rc_element_wrapper,#recharge-novum .rc_inactive_subscriptions,#recharge-novum .rc_subscription_container {
    border-radius: 4px;
    border: 1px solid #bdb1b9!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important
}

#recharge-novum .letter-spacing {
    letter-spacing: normal!important
}

#recharge-novum .svg-inline--fa.fa-chevron-down.fa-w-14.arrow-down path,#recharge-novum .svg-inline--fa.fa-chevron-up.fa-w-14.arrow-up path {
    fill: #fff
}

#rc_login,.post-card__excerpt {
    display: none!important
}

.form-field {
    position: relative;
    margin: 6px 0 20px;
    background-color: transparent
}

.form-address.hidden,.form-field--hidden {
    display: none;
    visibility: hidden
}

.form-field--radio *,.form-field--radio :after,.form-field--radio :before,.sl-wrapper * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.plp-filter .form-field,.post-filter-bar .form-field,.recipe-hero .breadcrumbs {
    margin: 0
}

.form-address .form-field {
    margin: 6px 0 8px
}

.contact__form .form-field {
    margin-bottom: 10px
}

.form-field__radio-input {
    display: none
}

.form-field__radio-input+label:before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    padding: 3px;
    background-clip: content-box;
    background-color: #e7e6e7;
    border-radius: 50%
}

.form-field__radio-input:checked+label:before {
    background-color: #000
}

.form-field__label {
    cursor: text;
    position: relative;
    margin-bottom: 1rem;
    color: #0f171a;
    text-align: left
}

.form-field__label--container .product-add-to-cart .form-field__label {
    text-transform: lowercase
}

.form-field__label--as-placeholder {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 15px;
    margin: 0;
    -webkit-transform: translateY(-57%);
    -ms-transform: translateY(-57%);
    transform: translateY(-57%);
    background-color: #fff;
    -webkit-transition: opacity .3s cubic-bezier(.06,.305,0,1),-webkit-transform .3s cubic-bezier(.06,.305,0,1);
    transition: transform .3s cubic-bezier(.06,.305,0,1),opacity .3s cubic-bezier(.06,.305,0,1),-webkit-transform .3s cubic-bezier(.06,.305,0,1);
    -o-transition: transform .3s cubic-bezier(.06,.305,0,1),opacity .3s cubic-bezier(.06,.305,0,1);
    padding: 0 5px
}

.field-has-value~.form-field__label--as-placeholder,.form-field__input:focus~.form-field__label--as-placeholder {
    -webkit-transform: translate(10%,-57%);
    -ms-transform: translate(10%,-57%);
    transform: translate(10%,-57%);
    opacity: 0
}

@media (max-width: 767px) {
    .h1,.wysiwyg h1 {
        font-size:3.5rem;
        line-height: 4.5rem
    }

  .icon-attributes__details-container {
    padding-bottom: 25px;
  }

  .icon-attributes {
    padding-bottom: 25px;
  }

  .product-detail-tabs__tab-text {
    font-size: 12px;
}

    .navigation__menu-second {
      display: none;
    }

    .h2,.title-copy--article-blog .title-copy__title,.title-copy--page .title-copy__title,.wysiwyg h2,.wysiwyg--recipe-instructions .h3,.wysiwyg--recipe-instructions-left .h3 {
        font-size: 3.5rem;
        line-height: 3.5rem
    }

    .h2--hero-split {
        font-size: 4.5rem;
        line-height: 4.5rem
    }

    #yotpo-selector .content-title.yotpo-font-bold,.h3,.title-copy--article-blog .h2,.title-copy--page .h2,.wysiwyg h3,.wysiwyg--page .h2 {
        font-size: 2.5rem;
        line-height: 3rem;
        padding: 15px 0px 25px 0px;
    }

  .image-title-copy-card__image-container {
    padding-bottom: 25px;
  }

  .collection {
    padding: 20px 60px;
  }

    .carousel--article-recipe .h8,.carousel--featured-products .h8,.h5,.h9,.quiz-result .h8,.wysiwyg h5 {
        font-size: 1.8rem;
        line-height: 1.8rem
    }

    #yotpo-selector .y-label.yotpo-user-name.yotpo-font-bold.pull-left.search-results-tabs__button-text,.carousel--article-recipe .b3,.carousel--featured-products .b3,.contact__form .title-copy__title,.h6,.h8.search-results-tabs__button-text,.product-card__price-range .b3,.product-card__title .h8,.recipe-card__title .h7,.wysiwyg h6 {
        font-size: 1.6rem;
        line-height: 1.6rem
    }

    .carousel--article-recipe .h6 {
        font-size: 2.2rem;
        line-height: 2.4rem
    }

    #recharge-novum #recharge-te #rc_search,#yotpo-selector .y-label.yotpo-user-name.yotpo-font-bold.pull-left,#yotpo-selector .yotpo-helpful .vote-btn[data-type=up],.b2,.h8,.rc-widget-injection-parent .rc_widget__option__label,.rc-widget-injection-parent .rc_widget__option__plans__dropdown,.recipe-filter-wrapper__count-mobile,.wysiwyg blockquote,.wysiwyg li,.wysiwyg p {
        font-size: 1.3rem;
        line-height: 1.8rem
    }

    #recharge-novum #recharge-te .title-bold,.b1,.contact__form .form-field__label .b2,.contact__form .form-field__label-text,.form-field__input form .errors,.search-results-tabs .b3,input,select,textarea {
        font-size: 1.3rem;
        line-height: 2rem
    }

    .quiz-result .b2.product-listing-info__variants,.quiz-result .b3 {
        font-size: 1.6rem;
        line-height: 2rem
    }


    #recharge-novum #recharge-te h3 {
        font-size: 3.5rem!important;
        line-height: 3.5rem!important
    }

    #recharge-novum #recharge-te p {
        font-size: 1.3rem!important;
        line-height: 2rem!important
    }

    #recharge-novum .rc_subscription_info_container {
        border-bottom: 1px solid #0f171a!important
    }

    #recharge-novum .rc_schedule_wrapper {
        margin: 20px 0!important
    }

    #recharge-novum .rc_subscription_card_element_wrapper.rc_inactive_subscriptions,#recharge-novum .rc_subscription_card_element_wrapper.rc_subscription_container {
        background-position: 20px 20px!important
    }

    .form-field {
        margin: 0
    }

    .post-filter-bar .form-field--select {
        width: 100%
    }

    .footer .form-field {
        margin-top: 15px
    }

    .form-field__label {
        margin-bottom: 0
    }

    .form-field__label--as-placeholder {
        -webkit-transform: translateY(-75%);
        -ms-transform: translateY(-75%);
        transform: translateY(-75%);
        left: 10px
    }

    .form-field--newsletter .form-field__label--as-placeholder {
        -webkit-transform: translateY(-57%);
        -ms-transform: translateY(-57%);
        transform: translateY(-57%)
    }

    .field-has-value~.form-field__label--as-placeholder,.form-field__input:focus~.form-field__label--as-placeholder {
        -webkit-transform: translate(10%,-75%);
        -ms-transform: translate(10%,-75%);
        transform: translate(10%,-75%);
        opacity: 0
    }

    .footer .form-field__label {
        text-align: center
    }
}

.post-filter-bar .form-field__label--as-placeholder {
    padding: 0 0 0 20px
}

.form-field--inner .form-field__label {
    -webkit-transform: translateY(-55%);
    -ms-transform: translateY(-55%);
    transform: translateY(-55%)
}

.form-address .form-field__label {
    margin-bottom: 2.5px
}

.contact__form .form-field__label {
    margin-bottom: 5px
}

.contact__form .form-field__label-text {
    text-align: left
}

.address-card__delete-form,.arrow-link__wrapper,.form-field__label-radio {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.form-field__label-radio-text {
    padding-left: 9px
}

.form-field__input-wrapper {
    background-color: inherit;
    border-radius: 8px;
    width: 100%
}

.form-field--label-top .form-field__input-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.form-field__input-wrapper--email,.icon-filter-card__tooltip {
    position: relative;
    display: inline-block
}

.form-field__input {
    -webkit-transition: .3s cubic-bezier(.06,.305,0,1);
    -o-transition: .3s cubic-bezier(.06,.305,0,1);
    transition: .3s cubic-bezier(.06,.305,0,1);
    position: relative;
    width: 298px;
    height: 35px;
    padding: 10px 50px 10px 15px;
    -o-object-fit: contain;
    object-fit: contain;
    border: 1px solid #01161e;
    background-color: #fff;
    resize: none
}

.button-text,.form-field__input--email {
    -webkit-transition: .3s cubic-bezier(.06,.305,0,1);
    -o-transition: .3s cubic-bezier(.06,.305,0,1)
}

.form-field__input:focus {
    outline: 0;
    border: 2px solid #0f171a
}

.form-field--textarea .form-field__input {
    width: 303px;
    height: 118px;
    padding: 9px 14px 67px 15px;
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 6px;
    border: 1px solid #0f171a;
    background-color: #fff
}

.contact__form .form-field--textarea .form-field__input {
    height: 78px
}

.form-field--no-margin .form-field__input {
    padding-right: 130px;
    margin: 0
}

.form-search--nav .form-field__input {
    border: none;
    padding: 0;
    height: 40px;
    margin: 0
}

@media (max-width: 767px) {
    .form-field__label-text {
        display:block;
        text-align: center
    }

  .h3.custom-recipe-author__author {
    margin-top: -2rem;
    }

  .custom-field__author {
    margin-bottom: 0px !important;
  }

  section.grid.grid--with-spacing.grid--who-we-are div {
    z-index: 2;
    position: relative;
    margin-top: 25px;
  }
  .wysiwyg--recipe-instructions {
    padding-top: 0px !important;
  }

    .custom-field__author p {
    font-family: Poppins,sans-serif;
    font-size: 15px;
}

    .form-field__input-wrapper--email {
        width: 100%
    }

    .form-field__input {
        margin: 4px 0 12px;
        padding: 13px 15px
    }

    .form-field--newsletter .form-field__input {
        margin: 0
    }
}

.form-field__input .button.form-submit {
    display: block;
    cursor: pointer;
    outline: 0
}

.form-field--inner .form-field__input .button.form-submit {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 1rem;
    width: 108px;
    height: 32px
}

.form-field__input .form-row--field {
    width: 100%
}

.form-field__input form .errors {
    margin: 0 0 20px;
    color: red
}

.form-field__input--email {
    border-radius: 6px;
    transition: .3s cubic-bezier(.06,.305,0,1);
    position: relative;
    width: 375px;
    height: 42px;
    padding: 10px 50px 10px 20px;
    -o-object-fit: contain;
    object-fit: contain;
    border: 1px solid #01161e;
    background-color: #fff
}

.footer .form-field__input--email {
    width: 100%
}

.contact__form .form-field__input--email {
    width: 100%;
    border: 1px solid #bdb1b9;
    background: #fff;
    border-radius: 5px;
    height: 35px
}

.form-field__input--account {
    width: 100%
}

.form-field__input--account,.form-field__input--account:focus {
    border: 0;
    outline: 0;
    background: 0 0;
    border-bottom: 1px solid #5f3f2b
}

.form-field__input--phone, .form-field__input--phone:focus {
    width: 100%;
    border: 0;
    outline: 0;
    background: 0 0;
    border-bottom: 1px solid #5f3f2b;
}

.grid-address .form-field__input {
    border-radius: 4px;
    width: 100%;
    border: 1px solid rgba(15,23,26,.2)
}

.contact__form .form-field__input {
    border: 1px solid #bdb1b9;
    background: #fff;
    border-radius: 5px;
    width: 100%
}

.input-error {
    border: 1px solid #e63500
}

.h6 {
    padding-bottom: 15px!important
}

.placeholder {
    background-color: #faf6f1;
    padding: 50px 0;
    text-align: center;
    margin: 20px 0
}

.z0 {
    z-index: 0
}

.z1 {
    z-index: 100
}

.z2 {
    z-index: 200
}

.z3 {
    z-index: 300
}

.z4 {
    z-index: 400
}

.z5 {
    z-index: 500
}

.z6 {
    z-index: 600
}

.z7 {
    z-index: 700
}

.z8 {
    z-index: 800
}

.z9 {
    z-index: 900
}

.z10 {
    z-index: 1000
}

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
    padding: 15px;
    display: inline-block;
    cursor: pointer;
    -webkit-transition-property: opacity,-webkit-filter;
    -o-transition-property: opacity,filter;
    transition-property: opacity,filter,-webkit-filter;
    -webkit-transition-duration: .15s;
    -o-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible
}

.hamburger--slider .hamburger-inner:before,.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before {
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    -webkit-transition-duration: .15s;
    -o-transition-duration: .15s
}

.footer__terms-container,.hamburger--emphatic,.hamburger--emphatic-r,.product-listing-info__variants-container,.swiper-container,body.hidden-scroll {
    overflow: hidden
}

.hamburger-box {
    width: 40px;
    height: 24px;
    display: inline-block;
    position: relative
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px
}

.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before {
    width: 40px;
    height: 4px;
    border-radius: 4px;
    position: absolute;
    -webkit-transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform,-webkit-transform;
    transition-duration: .15s;
    transition-timing-function: ease;
    background: url(../svg/hamburger-bar102d.svg?v=1620144521) no-repeat
}

.swiper-slide,.swiper-wrapper {
    height: 100%;
    position: relative
}

.hamburger-inner:after,.hamburger-inner:before {
    content: "";
    display: block
}

.hamburger-inner:before {
    top: -10px
}

.hamburger-inner:after {
    bottom: -10px
}

.hamburger--3dx .hamburger-box {
    -webkit-perspective: 80px;
    perspective: 80px
}

.hamburger--3dx .hamburger-inner {
    -webkit-transition: background-color 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform .15s cubic-bezier(.645,.045,.355,1);
    transition: transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform .15s cubic-bezier(.645,.045,.355,1);
    -o-transition: transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s
}

.hamburger--3dx .hamburger-inner:after,.hamburger--3dx .hamburger-inner:before {
    -webkit-transition: -webkit-transform 0s cubic-bezier(.645,.045,.355,1) .1s;
    transition: transform 0s cubic-bezier(.645,.045,.355,1) .1s;
    -o-transition: transform 0s cubic-bezier(.645,.045,.355,1) .1s;
    transition: transform 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform 0s cubic-bezier(.645,.045,.355,1) .1s
}

.hamburger--3dx.is-active .hamburger-inner {
    background-color: transparent!important;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.hamburger--3dx.is-active .hamburger-inner:before {
    -webkit-transform: translate3d(0,10px,0) rotate(45deg);
    transform: translate3d(0,10px,0) rotate(45deg)
}

.hamburger--3dx.is-active .hamburger-inner:after {
    -webkit-transform: translate3d(0,-10px,0) rotate(-45deg);
    transform: translate3d(0,-10px,0) rotate(-45deg)
}

.hamburger--3dx-r .hamburger-box {
    -webkit-perspective: 80px;
    perspective: 80px
}

.hamburger--3dx-r .hamburger-inner {
    -webkit-transition: background-color 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform .15s cubic-bezier(.645,.045,.355,1);
    transition: transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform .15s cubic-bezier(.645,.045,.355,1);
    -o-transition: transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s
}

.hamburger--3dx-r .hamburger-inner:after,.hamburger--3dx-r .hamburger-inner:before {
    -webkit-transition: -webkit-transform 0s cubic-bezier(.645,.045,.355,1) .1s;
    transition: transform 0s cubic-bezier(.645,.045,.355,1) .1s;
    -o-transition: transform 0s cubic-bezier(.645,.045,.355,1) .1s;
    transition: transform 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform 0s cubic-bezier(.645,.045,.355,1) .1s
}

.hamburger--3dx-r.is-active .hamburger-inner {
    background-color: transparent!important;
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg)
}

.hamburger--3dx-r.is-active .hamburger-inner:before {
    -webkit-transform: translate3d(0,10px,0) rotate(45deg);
    transform: translate3d(0,10px,0) rotate(45deg)
}

.hamburger--3dx-r.is-active .hamburger-inner:after {
    -webkit-transform: translate3d(0,-10px,0) rotate(-45deg);
    transform: translate3d(0,-10px,0) rotate(-45deg)
}

.hamburger--3dy .hamburger-box {
    -webkit-perspective: 80px;
    perspective: 80px
}

.hamburger--3dy .hamburger-inner {
    -webkit-transition: background-color 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform .15s cubic-bezier(.645,.045,.355,1);
    transition: transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform .15s cubic-bezier(.645,.045,.355,1);
    -o-transition: transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s
}

.hamburger--3dy .hamburger-inner:after,.hamburger--3dy .hamburger-inner:before {
    -webkit-transition: -webkit-transform 0s cubic-bezier(.645,.045,.355,1) .1s;
    transition: transform 0s cubic-bezier(.645,.045,.355,1) .1s;
    -o-transition: transform 0s cubic-bezier(.645,.045,.355,1) .1s;
    transition: transform 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform 0s cubic-bezier(.645,.045,.355,1) .1s
}

.hamburger--3dy.is-active .hamburger-inner {
    background-color: transparent!important;
    -webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg)
}

.hamburger--3dy.is-active .hamburger-inner:before {
    -webkit-transform: translate3d(0,10px,0) rotate(45deg);
    transform: translate3d(0,10px,0) rotate(45deg)
}

.hamburger--3dy.is-active .hamburger-inner:after {
    -webkit-transform: translate3d(0,-10px,0) rotate(-45deg);
    transform: translate3d(0,-10px,0) rotate(-45deg)
}

.hamburger--3dy-r .hamburger-box {
    -webkit-perspective: 80px;
    perspective: 80px
}

.hamburger--3dy-r .hamburger-inner {
    -webkit-transition: background-color 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform .15s cubic-bezier(.645,.045,.355,1);
    transition: transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform .15s cubic-bezier(.645,.045,.355,1);
    -o-transition: transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s
}

.hamburger--3dy-r .hamburger-inner:after,.hamburger--3dy-r .hamburger-inner:before {
    -webkit-transition: -webkit-transform 0s cubic-bezier(.645,.045,.355,1) .1s;
    transition: transform 0s cubic-bezier(.645,.045,.355,1) .1s;
    -o-transition: transform 0s cubic-bezier(.645,.045,.355,1) .1s;
    transition: transform 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform 0s cubic-bezier(.645,.045,.355,1) .1s
}

.hamburger--3dy-r.is-active .hamburger-inner {
    background-color: transparent!important;
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

.hamburger--3dy-r.is-active .hamburger-inner:before {
    -webkit-transform: translate3d(0,10px,0) rotate(45deg);
    transform: translate3d(0,10px,0) rotate(45deg)
}

.hamburger--3dy-r.is-active .hamburger-inner:after {
    -webkit-transform: translate3d(0,-10px,0) rotate(-45deg);
    transform: translate3d(0,-10px,0) rotate(-45deg)
}

.hamburger--3dxy .hamburger-box {
    -webkit-perspective: 80px;
    perspective: 80px
}

.hamburger--3dxy .hamburger-inner {
    -webkit-transition: background-color 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform .15s cubic-bezier(.645,.045,.355,1);
    transition: transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform .15s cubic-bezier(.645,.045,.355,1);
    -o-transition: transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s
}

.hamburger--3dxy .hamburger-inner:after,.hamburger--3dxy .hamburger-inner:before {
    -webkit-transition: -webkit-transform 0s cubic-bezier(.645,.045,.355,1) .1s;
    transition: transform 0s cubic-bezier(.645,.045,.355,1) .1s;
    -o-transition: transform 0s cubic-bezier(.645,.045,.355,1) .1s;
    transition: transform 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform 0s cubic-bezier(.645,.045,.355,1) .1s
}

.hamburger--3dxy.is-active .hamburger-inner {
    background-color: transparent!important;
    -webkit-transform: rotateX(180deg) rotateY(180deg);
    transform: rotateX(180deg) rotateY(180deg)
}

.hamburger--3dxy.is-active .hamburger-inner:before {
    -webkit-transform: translate3d(0,10px,0) rotate(45deg);
    transform: translate3d(0,10px,0) rotate(45deg)
}

.hamburger--3dxy.is-active .hamburger-inner:after {
    -webkit-transform: translate3d(0,-10px,0) rotate(-45deg);
    transform: translate3d(0,-10px,0) rotate(-45deg)
}

.hamburger--3dxy-r .hamburger-box {
    -webkit-perspective: 80px;
    perspective: 80px
}

.hamburger--3dxy-r .hamburger-inner {
    -webkit-transition: background-color 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform .15s cubic-bezier(.645,.045,.355,1);
    transition: transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform .15s cubic-bezier(.645,.045,.355,1);
    -o-transition: transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s
}

.hamburger--3dxy-r .hamburger-inner:after,.hamburger--3dxy-r .hamburger-inner:before {
    -webkit-transition: -webkit-transform 0s cubic-bezier(.645,.045,.355,1) .1s;
    transition: transform 0s cubic-bezier(.645,.045,.355,1) .1s;
    -o-transition: transform 0s cubic-bezier(.645,.045,.355,1) .1s;
    transition: transform 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform 0s cubic-bezier(.645,.045,.355,1) .1s
}

.hamburger--3dxy-r.is-active .hamburger-inner {
    background-color: transparent!important;
    -webkit-transform: rotateX(180deg) rotateY(180deg) rotate(-180deg);
    transform: rotateX(180deg) rotateY(180deg) rotate(-180deg)
}

.hamburger--3dxy-r.is-active .hamburger-inner:before {
    -webkit-transform: translate3d(0,10px,0) rotate(45deg);
    transform: translate3d(0,10px,0) rotate(45deg)
}

.hamburger--3dxy-r.is-active .hamburger-inner:after {
    -webkit-transform: translate3d(0,-10px,0) rotate(-45deg);
    transform: translate3d(0,-10px,0) rotate(-45deg)
}

.hamburger--arrow.is-active .hamburger-inner:before {
    -webkit-transform: translate3d(-8px,0,0) rotate(-45deg) scaleX(.7);
    transform: translate3d(-8px,0,0) rotate(-45deg) scaleX(.7)
}

.hamburger--arrow.is-active .hamburger-inner:after {
    -webkit-transform: translate3d(-8px,0,0) rotate(45deg) scaleX(.7);
    transform: translate3d(-8px,0,0) rotate(45deg) scaleX(.7)
}

.hamburger--arrow-r.is-active .hamburger-inner:before {
    -webkit-transform: translate3d(8px,0,0) rotate(45deg) scaleX(.7);
    transform: translate3d(8px,0,0) rotate(45deg) scaleX(.7)
}

.hamburger--arrow-r.is-active .hamburger-inner:after {
    -webkit-transform: translate3d(8px,0,0) rotate(-45deg) scaleX(.7);
    transform: translate3d(8px,0,0) rotate(-45deg) scaleX(.7)
}

.hamburger--arrowalt .hamburger-inner:before {
    -webkit-transition: top .1s .1s,-webkit-transform .1s cubic-bezier(.165,.84,.44,1);
    transition: top .1s .1s,transform .1s cubic-bezier(.165,.84,.44,1),-webkit-transform .1s cubic-bezier(.165,.84,.44,1);
    -o-transition: top .1s .1s,transform .1s cubic-bezier(.165,.84,.44,1)
}

.hamburger--arrowalt .hamburger-inner:after {
    -webkit-transition: bottom .1s .1s,-webkit-transform .1s cubic-bezier(.165,.84,.44,1);
    transition: bottom .1s .1s,transform .1s cubic-bezier(.165,.84,.44,1),-webkit-transform .1s cubic-bezier(.165,.84,.44,1);
    -o-transition: bottom .1s .1s,transform .1s cubic-bezier(.165,.84,.44,1)
}

.hamburger--arrowalt.is-active .hamburger-inner:before {
    top: 0;
    -webkit-transform: translate3d(-8px,-10px,0) rotate(-45deg) scaleX(.7);
    transform: translate3d(-8px,-10px,0) rotate(-45deg) scaleX(.7);
    -webkit-transition: top .1s,-webkit-transform .1s cubic-bezier(.895,.03,.685,.22) .1s;
    transition: top .1s,transform .1s cubic-bezier(.895,.03,.685,.22) .1s,-webkit-transform .1s cubic-bezier(.895,.03,.685,.22) .1s;
    -o-transition: top .1s,transform .1s cubic-bezier(.895,.03,.685,.22) .1s
}

.hamburger--arrowalt.is-active .hamburger-inner:after {
    bottom: 0;
    -webkit-transform: translate3d(-8px,10px,0) rotate(45deg) scaleX(.7);
    transform: translate3d(-8px,10px,0) rotate(45deg) scaleX(.7);
    -webkit-transition: bottom .1s,-webkit-transform .1s cubic-bezier(.895,.03,.685,.22) .1s;
    transition: bottom .1s,transform .1s cubic-bezier(.895,.03,.685,.22) .1s,-webkit-transform .1s cubic-bezier(.895,.03,.685,.22) .1s;
    -o-transition: bottom .1s,transform .1s cubic-bezier(.895,.03,.685,.22) .1s
}

.hamburger--arrowalt-r .hamburger-inner:before {
    -webkit-transition: top .1s .1s,-webkit-transform .1s cubic-bezier(.165,.84,.44,1);
    transition: top .1s .1s,transform .1s cubic-bezier(.165,.84,.44,1),-webkit-transform .1s cubic-bezier(.165,.84,.44,1);
    -o-transition: top .1s .1s,transform .1s cubic-bezier(.165,.84,.44,1)
}

.hamburger--arrowalt-r .hamburger-inner:after {
    -webkit-transition: bottom .1s .1s,-webkit-transform .1s cubic-bezier(.165,.84,.44,1);
    transition: bottom .1s .1s,transform .1s cubic-bezier(.165,.84,.44,1),-webkit-transform .1s cubic-bezier(.165,.84,.44,1);
    -o-transition: bottom .1s .1s,transform .1s cubic-bezier(.165,.84,.44,1)
}

.hamburger--arrowalt-r.is-active .hamburger-inner:before {
    top: 0;
    -webkit-transform: translate3d(8px,-10px,0) rotate(45deg) scaleX(.7);
    transform: translate3d(8px,-10px,0) rotate(45deg) scaleX(.7);
    -webkit-transition: top .1s,-webkit-transform .1s cubic-bezier(.895,.03,.685,.22) .1s;
    transition: top .1s,transform .1s cubic-bezier(.895,.03,.685,.22) .1s,-webkit-transform .1s cubic-bezier(.895,.03,.685,.22) .1s;
    -o-transition: top .1s,transform .1s cubic-bezier(.895,.03,.685,.22) .1s
}

.hamburger--arrowalt-r.is-active .hamburger-inner:after {
    bottom: 0;
    -webkit-transform: translate3d(8px,10px,0) rotate(-45deg) scaleX(.7);
    transform: translate3d(8px,10px,0) rotate(-45deg) scaleX(.7);
    -webkit-transition: bottom .1s,-webkit-transform .1s cubic-bezier(.895,.03,.685,.22) .1s;
    transition: bottom .1s,transform .1s cubic-bezier(.895,.03,.685,.22) .1s,-webkit-transform .1s cubic-bezier(.895,.03,.685,.22) .1s;
    -o-transition: bottom .1s,transform .1s cubic-bezier(.895,.03,.685,.22) .1s
}

.hamburger--arrowturn.is-active .hamburger-inner {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.hamburger--arrowturn.is-active .hamburger-inner:before {
    -webkit-transform: translate3d(8px,0,0) rotate(45deg) scaleX(.7);
    transform: translate3d(8px,0,0) rotate(45deg) scaleX(.7)
}

.hamburger--arrowturn.is-active .hamburger-inner:after {
    -webkit-transform: translate3d(8px,0,0) rotate(-45deg) scaleX(.7);
    transform: translate3d(8px,0,0) rotate(-45deg) scaleX(.7)
}

.hamburger--arrowturn-r.is-active .hamburger-inner {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.hamburger--arrowturn-r.is-active .hamburger-inner:before {
    -webkit-transform: translate3d(-8px,0,0) rotate(-45deg) scaleX(.7);
    transform: translate3d(-8px,0,0) rotate(-45deg) scaleX(.7)
}

.hamburger--arrowturn-r.is-active .hamburger-inner:after {
    -webkit-transform: translate3d(-8px,0,0) rotate(45deg) scaleX(.7);
    transform: translate3d(-8px,0,0) rotate(45deg) scaleX(.7)
}

.hamburger--boring .hamburger-inner,.hamburger--boring .hamburger-inner:after,.hamburger--boring .hamburger-inner:before {
    -webkit-transition-property: none;
    -o-transition-property: none;
    transition-property: none
}

.hamburger--boring.is-active .hamburger-inner {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.hamburger--boring.is-active .hamburger-inner:before {
    top: 0;
    opacity: 0
}

.hamburger--boring.is-active .hamburger-inner:after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.hamburger--collapse .hamburger-inner {
    top: auto;
    bottom: 0;
    -webkit-transition-duration: .13s;
    -o-transition-duration: .13s;
    transition-duration: .13s;
    -webkit-transition-delay: .13s;
    -o-transition-delay: .13s;
    transition-delay: .13s;
    -webkit-transition-timing-function: cubic-bezier(.55,.055,.675,.19);
    -o-transition-timing-function: cubic-bezier(.55,.055,.675,.19);
    transition-timing-function: cubic-bezier(.55,.055,.675,.19)
}

.hamburger--collapse .hamburger-inner:after {
    top: -20px;
    -webkit-transition: top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear;
    -o-transition: top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear;
    transition: top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear
}

.hamburger--collapse .hamburger-inner:before {
    -webkit-transition: top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,-webkit-transform .13s cubic-bezier(.55,.055,.675,.19);
    transition: top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19),-webkit-transform .13s cubic-bezier(.55,.055,.675,.19);
    -o-transition: top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)
}

.hamburger--collapse.is-active .hamburger-inner {
    -webkit-transform: translate3d(0,-10px,0) rotate(-45deg);
    transform: translate3d(0,-10px,0) rotate(-45deg);
    -webkit-transition-delay: .22s;
    -o-transition-delay: .22s;
    transition-delay: .22s;
    -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
    -o-transition-timing-function: cubic-bezier(.215,.61,.355,1);
    transition-timing-function: cubic-bezier(.215,.61,.355,1)
}

.hamburger--collapse.is-active .hamburger-inner:after {
    top: 0;
    opacity: 0;
    -webkit-transition: top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;
    -o-transition: top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;
    transition: top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s
}

.hamburger--collapse.is-active .hamburger-inner:before {
    top: 0;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,-webkit-transform .13s cubic-bezier(.215,.61,.355,1) .25s;
    transition: top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s,-webkit-transform .13s cubic-bezier(.215,.61,.355,1) .25s;
    -o-transition: top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s
}

.hamburger--collapse-r .hamburger-inner {
    top: auto;
    bottom: 0;
    -webkit-transition-duration: .13s;
    -o-transition-duration: .13s;
    transition-duration: .13s;
    -webkit-transition-delay: .13s;
    -o-transition-delay: .13s;
    transition-delay: .13s;
    -webkit-transition-timing-function: cubic-bezier(.55,.055,.675,.19);
    -o-transition-timing-function: cubic-bezier(.55,.055,.675,.19);
    transition-timing-function: cubic-bezier(.55,.055,.675,.19)
}

.hamburger--collapse-r .hamburger-inner:after {
    top: -20px;
    -webkit-transition: top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear;
    -o-transition: top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear;
    transition: top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear
}

.hamburger--collapse-r .hamburger-inner:before {
    -webkit-transition: top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,-webkit-transform .13s cubic-bezier(.55,.055,.675,.19);
    transition: top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19),-webkit-transform .13s cubic-bezier(.55,.055,.675,.19);
    -o-transition: top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)
}

.hamburger--collapse-r.is-active .hamburger-inner {
    -webkit-transform: translate3d(0,-10px,0) rotate(45deg);
    transform: translate3d(0,-10px,0) rotate(45deg);
    -webkit-transition-delay: .22s;
    -o-transition-delay: .22s;
    transition-delay: .22s;
    -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
    -o-transition-timing-function: cubic-bezier(.215,.61,.355,1);
    transition-timing-function: cubic-bezier(.215,.61,.355,1)
}

.hamburger--collapse-r.is-active .hamburger-inner:after {
    top: 0;
    opacity: 0;
    -webkit-transition: top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;
    -o-transition: top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;
    transition: top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s
}

.hamburger--collapse-r.is-active .hamburger-inner:before {
    top: 0;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,-webkit-transform .13s cubic-bezier(.215,.61,.355,1) .25s;
    transition: top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s,-webkit-transform .13s cubic-bezier(.215,.61,.355,1) .25s;
    -o-transition: top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s
}

.hamburger--elastic .hamburger-inner {
    top: 2px;
    -webkit-transition-duration: .275s;
    -o-transition-duration: .275s;
    transition-duration: .275s;
    -webkit-transition-timing-function: cubic-bezier(.68,-.55,.265,1.55);
    -o-transition-timing-function: cubic-bezier(.68,-.55,.265,1.55);
    transition-timing-function: cubic-bezier(.68,-.55,.265,1.55)
}

.hamburger--elastic .hamburger-inner:before {
    top: 10px;
    -webkit-transition: opacity .125s .275s;
    -o-transition: opacity .125s .275s;
    transition: opacity .125s .275s
}

.hamburger--elastic .hamburger-inner:after {
    top: 20px;
    -webkit-transition: -webkit-transform .275s cubic-bezier(.68,-.55,.265,1.55);
    transition: transform .275s cubic-bezier(.68,-.55,.265,1.55);
    -o-transition: transform .275s cubic-bezier(.68,-.55,.265,1.55);
    transition: transform .275s cubic-bezier(.68,-.55,.265,1.55),-webkit-transform .275s cubic-bezier(.68,-.55,.265,1.55)
}

.hamburger--elastic.is-active .hamburger-inner {
    -webkit-transform: translate3d(0,10px,0) rotate(135deg);
    transform: translate3d(0,10px,0) rotate(135deg);
    -webkit-transition-delay: 75ms;
    -o-transition-delay: 75ms;
    transition-delay: 75ms
}

.hamburger--elastic.is-active .hamburger-inner:before {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    opacity: 0
}

.hamburger--elastic.is-active .hamburger-inner:after {
    -webkit-transform: translate3d(0,-20px,0) rotate(-270deg);
    transform: translate3d(0,-20px,0) rotate(-270deg);
    -webkit-transition-delay: 75ms;
    -o-transition-delay: 75ms;
    transition-delay: 75ms
}

.hamburger--elastic-r .hamburger-inner {
    top: 2px;
    -webkit-transition-duration: .275s;
    -o-transition-duration: .275s;
    transition-duration: .275s;
    -webkit-transition-timing-function: cubic-bezier(.68,-.55,.265,1.55);
    -o-transition-timing-function: cubic-bezier(.68,-.55,.265,1.55);
    transition-timing-function: cubic-bezier(.68,-.55,.265,1.55)
}

.hamburger--elastic-r .hamburger-inner:before {
    top: 10px;
    -webkit-transition: opacity .125s .275s;
    -o-transition: opacity .125s .275s;
    transition: opacity .125s .275s
}

.hamburger--elastic-r .hamburger-inner:after {
    top: 20px;
    -webkit-transition: -webkit-transform .275s cubic-bezier(.68,-.55,.265,1.55);
    transition: transform .275s cubic-bezier(.68,-.55,.265,1.55);
    -o-transition: transform .275s cubic-bezier(.68,-.55,.265,1.55);
    transition: transform .275s cubic-bezier(.68,-.55,.265,1.55),-webkit-transform .275s cubic-bezier(.68,-.55,.265,1.55)
}

.hamburger--elastic-r.is-active .hamburger-inner {
    -webkit-transform: translate3d(0,10px,0) rotate(-135deg);
    transform: translate3d(0,10px,0) rotate(-135deg);
    -webkit-transition-delay: 75ms;
    -o-transition-delay: 75ms;
    transition-delay: 75ms
}

.hamburger--elastic-r.is-active .hamburger-inner:before {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    opacity: 0
}

.hamburger--elastic-r.is-active .hamburger-inner:after {
    -webkit-transform: translate3d(0,-20px,0) rotate(270deg);
    transform: translate3d(0,-20px,0) rotate(270deg);
    -webkit-transition-delay: 75ms;
    -o-transition-delay: 75ms;
    transition-delay: 75ms
}

.hamburger--emphatic .hamburger-inner {
    -webkit-transition: background-color .125s ease-in .175s;
    -o-transition: background-color .125s ease-in .175s;
    transition: background-color .125s ease-in .175s
}

.hamburger--emphatic .hamburger-inner:before {
    left: 0;
    -webkit-transition: top .05s linear .125s,left .125s ease-in .175s,-webkit-transform .125s cubic-bezier(.6,.04,.98,.335);
    transition: transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s,-webkit-transform .125s cubic-bezier(.6,.04,.98,.335);
    -o-transition: transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s
}

.hamburger--emphatic .hamburger-inner:after {
    top: 10px;
    right: 0;
    -webkit-transition: top .05s linear .125s,right .125s ease-in .175s,-webkit-transform .125s cubic-bezier(.6,.04,.98,.335);
    transition: transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s,-webkit-transform .125s cubic-bezier(.6,.04,.98,.335);
    -o-transition: transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s
}

.hamburger--emphatic.is-active .hamburger-inner {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    background-color: transparent!important
}

.hamburger--emphatic.is-active .hamburger-inner:before {
    left: -80px;
    top: -80px;
    -webkit-transform: translate3d(80px,80px,0) rotate(45deg);
    transform: translate3d(80px,80px,0) rotate(45deg);
    -webkit-transition: left .125s ease-out,top .05s linear .125s,-webkit-transform .125s cubic-bezier(.075,.82,.165,1) .175s;
    transition: left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s,-webkit-transform .125s cubic-bezier(.075,.82,.165,1) .175s;
    -o-transition: left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s
}

.hamburger--emphatic.is-active .hamburger-inner:after {
    right: -80px;
    top: -80px;
    -webkit-transform: translate3d(-80px,80px,0) rotate(-45deg);
    transform: translate3d(-80px,80px,0) rotate(-45deg);
    -webkit-transition: right .125s ease-out,top .05s linear .125s,-webkit-transform .125s cubic-bezier(.075,.82,.165,1) .175s;
    transition: right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s,-webkit-transform .125s cubic-bezier(.075,.82,.165,1) .175s;
    -o-transition: right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s
}

.hamburger--emphatic-r .hamburger-inner {
    -webkit-transition: background-color .125s ease-in .175s;
    -o-transition: background-color .125s ease-in .175s;
    transition: background-color .125s ease-in .175s
}

.hamburger--emphatic-r .hamburger-inner:before {
    left: 0;
    -webkit-transition: top .05s linear .125s,left .125s ease-in .175s,-webkit-transform .125s cubic-bezier(.6,.04,.98,.335);
    transition: transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s,-webkit-transform .125s cubic-bezier(.6,.04,.98,.335);
    -o-transition: transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s
}

.hamburger--emphatic-r .hamburger-inner:after {
    top: 10px;
    right: 0;
    -webkit-transition: top .05s linear .125s,right .125s ease-in .175s,-webkit-transform .125s cubic-bezier(.6,.04,.98,.335);
    transition: transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s,-webkit-transform .125s cubic-bezier(.6,.04,.98,.335);
    -o-transition: transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s
}

.hamburger--emphatic-r.is-active .hamburger-inner {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    background-color: transparent!important
}

.hamburger--emphatic-r.is-active .hamburger-inner:before {
    left: -80px;
    top: 80px;
    -webkit-transform: translate3d(80px,-80px,0) rotate(-45deg);
    transform: translate3d(80px,-80px,0) rotate(-45deg);
    -webkit-transition: left .125s ease-out,top .05s linear .125s,-webkit-transform .125s cubic-bezier(.075,.82,.165,1) .175s;
    transition: left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s,-webkit-transform .125s cubic-bezier(.075,.82,.165,1) .175s;
    -o-transition: left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s
}

.hamburger--emphatic-r.is-active .hamburger-inner:after {
    right: -80px;
    top: 80px;
    -webkit-transform: translate3d(-80px,-80px,0) rotate(45deg);
    transform: translate3d(-80px,-80px,0) rotate(45deg);
    -webkit-transition: right .125s ease-out,top .05s linear .125s,-webkit-transform .125s cubic-bezier(.075,.82,.165,1) .175s;
    transition: right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s,-webkit-transform .125s cubic-bezier(.075,.82,.165,1) .175s;
    -o-transition: right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s
}

.hamburger--minus .hamburger-inner:after,.hamburger--minus .hamburger-inner:before {
    -webkit-transition: bottom .08s ease-out,top .08s ease-out,opacity linear;
    -o-transition: bottom .08s ease-out,top .08s ease-out,opacity linear;
    transition: bottom .08s ease-out,top .08s ease-out,opacity linear
}

.hamburger--minus.is-active .hamburger-inner:after,.hamburger--minus.is-active .hamburger-inner:before {
    opacity: 0;
    -webkit-transition: bottom .08s ease-out,top .08s ease-out,opacity 0s linear .08s;
    -o-transition: bottom .08s ease-out,top .08s ease-out,opacity 0s linear .08s;
    transition: bottom .08s ease-out,top .08s ease-out,opacity 0s linear .08s
}

.hamburger--minus.is-active .hamburger-inner:before {
    top: 0
}

.hamburger--minus.is-active .hamburger-inner:after {
    bottom: 0
}

.hamburger--slider .hamburger-inner {
    top: 2px
}

.hamburger--slider .hamburger-inner:before {
    top: 10px;
    -webkit-transition-property: opacity,-webkit-transform;
    -o-transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    transition-timing-function: ease;
    transition-duration: .15s
}

.hamburger--slider .hamburger-inner:after {
    top: 20px
}

.hamburger--slider.is-active .hamburger-inner {
    -webkit-transform: translate3d(0,10px,0) rotate(45deg);
    transform: translate3d(0,10px,0) rotate(45deg)
}

.hamburger--slider.is-active .hamburger-inner:before {
    -webkit-transform: rotate(-45deg) translate3d(-5.71429px,-6px,0);
    transform: rotate(-45deg) translate3d(-5.71429px,-6px,0);
    opacity: 0
}

.hamburger--slider.is-active .hamburger-inner:after {
    -webkit-transform: translate3d(0,-20px,0) rotate(-90deg);
    transform: translate3d(0,-20px,0) rotate(-90deg)
}

.hamburger--slider-r .hamburger-inner {
    top: 2px
}

.hamburger--slider-r .hamburger-inner:before {
    top: 10px;
    -webkit-transition-property: opacity,-webkit-transform;
    -o-transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .15s;
    -o-transition-duration: .15s;
    transition-duration: .15s
}

.hamburger--slider-r .hamburger-inner:after {
    top: 20px
}

.hamburger--slider-r.is-active .hamburger-inner {
    -webkit-transform: translate3d(0,10px,0) rotate(-45deg);
    transform: translate3d(0,10px,0) rotate(-45deg)
}

.hamburger--slider-r.is-active .hamburger-inner:before {
    -webkit-transform: rotate(45deg) translate3d(5.71429px,-6px,0);
    transform: rotate(45deg) translate3d(5.71429px,-6px,0);
    opacity: 0
}

.hamburger--slider-r.is-active .hamburger-inner:after {
    -webkit-transform: translate3d(0,-20px,0) rotate(90deg);
    transform: translate3d(0,-20px,0) rotate(90deg)
}

.hamburger--spin .hamburger-inner {
    -webkit-transition-duration: .22s;
    -o-transition-duration: .22s;
    transition-duration: .22s;
    -webkit-transition-timing-function: cubic-bezier(.55,.055,.675,.19);
    -o-transition-timing-function: cubic-bezier(.55,.055,.675,.19);
    transition-timing-function: cubic-bezier(.55,.055,.675,.19)
}

.hamburger--spin .hamburger-inner:before {
    -webkit-transition: top .1s ease-in .25s,opacity .1s ease-in;
    -o-transition: top .1s ease-in .25s,opacity .1s ease-in;
    transition: top .1s ease-in .25s,opacity .1s ease-in
}

.hamburger--spin .hamburger-inner:after {
    -webkit-transition: bottom .1s ease-in .25s,-webkit-transform .22s cubic-bezier(.55,.055,.675,.19);
    transition: bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19),-webkit-transform .22s cubic-bezier(.55,.055,.675,.19);
    -o-transition: bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)
}

.hamburger--spin.is-active .hamburger-inner {
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
    -webkit-transition-delay: .12s;
    -o-transition-delay: .12s;
    transition-delay: .12s;
    -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
    -o-transition-timing-function: cubic-bezier(.215,.61,.355,1);
    transition-timing-function: cubic-bezier(.215,.61,.355,1)
}

.hamburger--spin.is-active .hamburger-inner:before {
    top: 0;
    opacity: 0;
    -webkit-transition: top .1s ease-out,opacity .1s ease-out .12s;
    -o-transition: top .1s ease-out,opacity .1s ease-out .12s;
    transition: top .1s ease-out,opacity .1s ease-out .12s
}

.hamburger--spin.is-active .hamburger-inner:after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: bottom .1s ease-out,-webkit-transform .22s cubic-bezier(.215,.61,.355,1) .12s;
    transition: bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s,-webkit-transform .22s cubic-bezier(.215,.61,.355,1) .12s;
    -o-transition: bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s
}

.hamburger--spin-r .hamburger-inner {
    -webkit-transition-duration: .22s;
    -o-transition-duration: .22s;
    transition-duration: .22s;
    -webkit-transition-timing-function: cubic-bezier(.55,.055,.675,.19);
    -o-transition-timing-function: cubic-bezier(.55,.055,.675,.19);
    transition-timing-function: cubic-bezier(.55,.055,.675,.19)
}

.hamburger--spin-r .hamburger-inner:before {
    -webkit-transition: top .1s ease-in .25s,opacity .1s ease-in;
    -o-transition: top .1s ease-in .25s,opacity .1s ease-in;
    transition: top .1s ease-in .25s,opacity .1s ease-in
}

.hamburger--spin-r .hamburger-inner:after {
    -webkit-transition: bottom .1s ease-in .25s,-webkit-transform .22s cubic-bezier(.55,.055,.675,.19);
    transition: bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19),-webkit-transform .22s cubic-bezier(.55,.055,.675,.19);
    -o-transition: bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)
}

.hamburger--spin-r.is-active .hamburger-inner {
    -webkit-transform: rotate(-225deg);
    -ms-transform: rotate(-225deg);
    transform: rotate(-225deg);
    -webkit-transition-delay: .12s;
    -o-transition-delay: .12s;
    transition-delay: .12s;
    -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
    -o-transition-timing-function: cubic-bezier(.215,.61,.355,1);
    transition-timing-function: cubic-bezier(.215,.61,.355,1)
}

.hamburger--spin-r.is-active .hamburger-inner:before {
    top: 0;
    opacity: 0;
    -webkit-transition: top .1s ease-out,opacity .1s ease-out .12s;
    -o-transition: top .1s ease-out,opacity .1s ease-out .12s;
    transition: top .1s ease-out,opacity .1s ease-out .12s
}

.hamburger--spin-r.is-active .hamburger-inner:after {
    bottom: 0;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: bottom .1s ease-out,-webkit-transform .22s cubic-bezier(.215,.61,.355,1) .12s;
    transition: bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s,-webkit-transform .22s cubic-bezier(.215,.61,.355,1) .12s;
    -o-transition: bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s
}

.hamburger--spring .hamburger-inner {
    top: 2px;
    -webkit-transition: background-color 0s linear .13s;
    -o-transition: background-color 0s linear .13s;
    transition: background-color 0s linear .13s
}

.hamburger--spring .hamburger-inner:before {
    top: 10px;
    -webkit-transition: top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,-webkit-transform .13s cubic-bezier(.55,.055,.675,.19);
    transition: top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19),-webkit-transform .13s cubic-bezier(.55,.055,.675,.19);
    -o-transition: top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)
}

.hamburger--spring .hamburger-inner:after {
    top: 20px;
    -webkit-transition: top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,-webkit-transform .13s cubic-bezier(.55,.055,.675,.19);
    transition: top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19),-webkit-transform .13s cubic-bezier(.55,.055,.675,.19);
    -o-transition: top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)
}

.hamburger--spring.is-active .hamburger-inner {
    -webkit-transition-delay: .22s;
    -o-transition-delay: .22s;
    transition-delay: .22s;
    background-color: transparent!important
}

.hamburger--spring.is-active .hamburger-inner:before {
    top: 0;
    -webkit-transition: top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,-webkit-transform .13s cubic-bezier(.215,.61,.355,1) .22s;
    transition: top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s,-webkit-transform .13s cubic-bezier(.215,.61,.355,1) .22s;
    -o-transition: top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;
    -webkit-transform: translate3d(0,10px,0) rotate(45deg);
    transform: translate3d(0,10px,0) rotate(45deg)
}

.hamburger--spring.is-active .hamburger-inner:after {
    top: 0;
    -webkit-transition: top .2s cubic-bezier(.33333,0,.66667,.33333),-webkit-transform .13s cubic-bezier(.215,.61,.355,1) .22s;
    transition: top .2s cubic-bezier(.33333,0,.66667,.33333),transform .13s cubic-bezier(.215,.61,.355,1) .22s,-webkit-transform .13s cubic-bezier(.215,.61,.355,1) .22s;
    -o-transition: top .2s cubic-bezier(.33333,0,.66667,.33333),transform .13s cubic-bezier(.215,.61,.355,1) .22s;
    -webkit-transform: translate3d(0,10px,0) rotate(-45deg);
    transform: translate3d(0,10px,0) rotate(-45deg)
}

.hamburger--spring-r .hamburger-inner {
    top: auto;
    bottom: 0;
    -webkit-transition-duration: .13s;
    -o-transition-duration: .13s;
    transition-duration: .13s;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-timing-function: cubic-bezier(.55,.055,.675,.19);
    -o-transition-timing-function: cubic-bezier(.55,.055,.675,.19);
    transition-timing-function: cubic-bezier(.55,.055,.675,.19)
}

.hamburger--spring-r .hamburger-inner:after {
    top: -20px;
    -webkit-transition: top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity linear;
    -o-transition: top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity linear;
    transition: top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity linear
}

.hamburger--spring-r .hamburger-inner:before {
    -webkit-transition: top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,-webkit-transform .13s cubic-bezier(.55,.055,.675,.19);
    transition: top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19),-webkit-transform .13s cubic-bezier(.55,.055,.675,.19);
    -o-transition: top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)
}

.hamburger--spring-r.is-active .hamburger-inner {
    -webkit-transform: translate3d(0,-10px,0) rotate(-45deg);
    transform: translate3d(0,-10px,0) rotate(-45deg);
    -webkit-transition-delay: .22s;
    -o-transition-delay: .22s;
    transition-delay: .22s;
    -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
    -o-transition-timing-function: cubic-bezier(.215,.61,.355,1);
    transition-timing-function: cubic-bezier(.215,.61,.355,1)
}

.hamburger--spring-r.is-active .hamburger-inner:after {
    top: 0;
    opacity: 0;
    -webkit-transition: top .2s cubic-bezier(.33333,0,.66667,.33333),opacity 0s linear .22s;
    -o-transition: top .2s cubic-bezier(.33333,0,.66667,.33333),opacity 0s linear .22s;
    transition: top .2s cubic-bezier(.33333,0,.66667,.33333),opacity 0s linear .22s
}

.hamburger--spring-r.is-active .hamburger-inner:before {
    top: 0;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,-webkit-transform .13s cubic-bezier(.215,.61,.355,1) .22s;
    transition: top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s,-webkit-transform .13s cubic-bezier(.215,.61,.355,1) .22s;
    -o-transition: top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s
}

.hamburger--stand .hamburger-inner {
    -webkit-transition: background-color 0s linear 75ms,-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19) .15s;
    transition: transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms,-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19) .15s;
    -o-transition: transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms
}

.hamburger--stand .hamburger-inner:before {
    -webkit-transition: top 75ms ease-in 75ms,-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19);
    transition: top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19),-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19);
    -o-transition: top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19)
}

.hamburger--stand .hamburger-inner:after {
    -webkit-transition: bottom 75ms ease-in 75ms,-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19);
    transition: bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19),-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19);
    -o-transition: bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19)
}

.hamburger--stand.is-active .hamburger-inner {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    background-color: transparent!important;
    -webkit-transition: background-color 0s linear .15s,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1);
    transition: transform 75ms cubic-bezier(.215,.61,.355,1),background-color 0s linear .15s,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1);
    -o-transition: transform 75ms cubic-bezier(.215,.61,.355,1),background-color 0s linear .15s
}

.hamburger--stand.is-active .hamburger-inner:before {
    top: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: top 75ms ease-out .1s,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1) .15s;
    transition: top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1) .15s;
    -o-transition: top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s
}

.hamburger--stand.is-active .hamburger-inner:after {
    bottom: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: bottom 75ms ease-out .1s,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1) .15s;
    transition: bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1) .15s;
    -o-transition: bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s
}

.hamburger--stand-r .hamburger-inner {
    -webkit-transition: background-color 0s linear 75ms,-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19) .15s;
    transition: transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms,-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19) .15s;
    -o-transition: transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms
}

.hamburger--stand-r .hamburger-inner:before {
    -webkit-transition: top 75ms ease-in 75ms,-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19);
    transition: top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19),-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19);
    -o-transition: top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19)
}

.hamburger--stand-r .hamburger-inner:after {
    -webkit-transition: bottom 75ms ease-in 75ms,-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19);
    transition: bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19),-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19);
    -o-transition: bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19)
}

.hamburger--stand-r.is-active .hamburger-inner {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    background-color: transparent!important;
    -webkit-transition: background-color 0s linear .15s,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1);
    transition: transform 75ms cubic-bezier(.215,.61,.355,1),background-color 0s linear .15s,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1);
    -o-transition: transform 75ms cubic-bezier(.215,.61,.355,1),background-color 0s linear .15s
}

.hamburger--stand-r.is-active .hamburger-inner:before {
    top: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: top 75ms ease-out .1s,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1) .15s;
    transition: top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1) .15s;
    -o-transition: top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s
}

.hamburger--stand-r.is-active .hamburger-inner:after {
    bottom: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: bottom 75ms ease-out .1s,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1) .15s;
    transition: bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1) .15s;
    -o-transition: bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s
}

.hamburger--squeeze .hamburger-inner {
    -webkit-transition-duration: 75ms;
    -o-transition-duration: 75ms;
    transition-duration: 75ms;
    -webkit-transition-timing-function: cubic-bezier(.55,.055,.675,.19);
    -o-transition-timing-function: cubic-bezier(.55,.055,.675,.19);
    transition-timing-function: cubic-bezier(.55,.055,.675,.19)
}

.hamburger--squeeze .hamburger-inner:before {
    -webkit-transition: top 75ms .12s,opacity 75ms;
    -o-transition: top 75ms .12s,opacity 75ms;
    transition: top 75ms .12s,opacity 75ms
}

.hamburger--squeeze .hamburger-inner:after {
    -webkit-transition: bottom 75ms .12s,-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19);
    transition: bottom 75ms .12s,transform 75ms cubic-bezier(.55,.055,.675,.19),-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19);
    -o-transition: bottom 75ms .12s,transform 75ms cubic-bezier(.55,.055,.675,.19)
}

.hamburger--squeeze.is-active .hamburger-inner {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition-delay: .12s;
    -o-transition-delay: .12s;
    transition-delay: .12s;
    -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
    -o-transition-timing-function: cubic-bezier(.215,.61,.355,1);
    transition-timing-function: cubic-bezier(.215,.61,.355,1)
}

.hamburger--vortex .hamburger-inner,.hamburger--vortex.is-active .hamburger-inner {
    -webkit-transition-timing-function: cubic-bezier(.19,1,.22,1);
    -o-transition-timing-function: cubic-bezier(.19,1,.22,1)
}

.hamburger--squeeze.is-active .hamburger-inner:before {
    top: 0;
    opacity: 0;
    -webkit-transition: top 75ms,opacity 75ms .12s;
    -o-transition: top 75ms,opacity 75ms .12s;
    transition: top 75ms,opacity 75ms .12s
}

.hamburger--squeeze.is-active .hamburger-inner:after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: bottom 75ms,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1) .12s;
    transition: bottom 75ms,transform 75ms cubic-bezier(.215,.61,.355,1) .12s,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1) .12s;
    -o-transition: bottom 75ms,transform 75ms cubic-bezier(.215,.61,.355,1) .12s
}

.hamburger--vortex .hamburger-inner {
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.19,1,.22,1)
}

.hamburger--vortex .hamburger-inner:after,.hamburger--vortex .hamburger-inner:before {
    -webkit-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear
}

.hamburger--vortex .hamburger-inner:before {
    -webkit-transition-property: top,opacity;
    -o-transition-property: top,opacity;
    transition-property: top,opacity
}

.hamburger--vortex .hamburger-inner:after {
    -webkit-transition-property: bottom,-webkit-transform;
    -o-transition-property: bottom,transform;
    transition-property: bottom,transform,-webkit-transform
}

.hamburger--vortex.is-active .hamburger-inner {
    -webkit-transform: rotate(765deg);
    -ms-transform: rotate(765deg);
    transform: rotate(765deg);
    transition-timing-function: cubic-bezier(.19,1,.22,1)
}

.hamburger--vortex.is-active .hamburger-inner:after,.hamburger--vortex.is-active .hamburger-inner:before {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

.hamburger--vortex.is-active .hamburger-inner:before {
    top: 0;
    opacity: 0
}

.hamburger--vortex.is-active .hamburger-inner:after {
    bottom: 0;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.hamburger--vortex-r .hamburger-inner {
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-timing-function: cubic-bezier(.19,1,.22,1);
    -o-transition-timing-function: cubic-bezier(.19,1,.22,1);
    transition-timing-function: cubic-bezier(.19,1,.22,1)
}

.hamburger--vortex-r .hamburger-inner:after,.hamburger--vortex-r .hamburger-inner:before {
    -webkit-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear
}

.hamburger--vortex-r .hamburger-inner:before {
    -webkit-transition-property: top,opacity;
    -o-transition-property: top,opacity;
    transition-property: top,opacity
}

.hamburger--vortex-r .hamburger-inner:after {
    -webkit-transition-property: bottom,-webkit-transform;
    -o-transition-property: bottom,transform;
    transition-property: bottom,transform,-webkit-transform
}

.hamburger--vortex-r.is-active .hamburger-inner {
    -webkit-transform: rotate(-765deg);
    -ms-transform: rotate(-765deg);
    transform: rotate(-765deg);
    -webkit-transition-timing-function: cubic-bezier(.19,1,.22,1);
    -o-transition-timing-function: cubic-bezier(.19,1,.22,1);
    transition-timing-function: cubic-bezier(.19,1,.22,1)
}

.hamburger--vortex-r.is-active .hamburger-inner:after,.hamburger--vortex-r.is-active .hamburger-inner:before {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

.hamburger--vortex-r.is-active .hamburger-inner:before {
    top: 0;
    opacity: 0
}

.hamburger--vortex-r.is-active .hamburger-inner:after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
    font-weight: 400;
    font-style: normal
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding: 0;
    z-index: 1
}

.swiper-wrapper {
    width: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-multirow-column>.swiper-wrapper,.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-container-android .swiper-slide,.swiper-wrapper {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-container-multirow-column>.swiper-wrapper,.swiper-container-multirow>.swiper-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    -webkit-transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform,-webkit-transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height,-webkit-transform;
    -o-transition-property: transform,height;
    transition-property: transform,height,-webkit-transform
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(transparent));
    background-image: -o-linear-gradient(right,rgba(0,0,0,.5),transparent);
    background-image: linear-gradient(to left,rgba(0,0,0,.5),transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(transparent));
    background-image: -o-linear-gradient(left,rgba(0,0,0,.5),transparent);
    background-image: linear-gradient(to right,rgba(0,0,0,.5),transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(transparent));
    background-image: -o-linear-gradient(bottom,rgba(0,0,0,.5),transparent);
    background-image: linear-gradient(to top,rgba(0,0,0,.5),transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(transparent));
    background-image: -o-linear-gradient(top,rgba(0,0,0,.5),transparent);
    background-image: linear-gradient(to bottom,rgba(0,0,0,.5),transparent)
}

.swiper-container-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
    -webkit-scroll-snap-type: x mandatory;
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
    -webkit-scroll-snap-type: y mandatory;
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory
}

.swiper-button-next,.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #007aff
}

@media (max-width: 767px) {
  .swiper-button-next,
  .swiper-button-prev {
    margin-top: 0;
  }
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next:after,.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: 44px;
    text-transform: none!important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after {
    content: "next"
}

.accordion,.swiper-button-lock,.swiper-pagination-lock,.swiper-scrollbar-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

.account-info__title__wrapper,.swiper-zoom-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #000
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: top .2s,-webkit-transform .2s;
    transition: transform .2s,top .2s,-webkit-transform .2s;
    -o-transition: transform .2s,top .2s
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: left .2s,-webkit-transform .2s;
    transition: transform .2s,left .2s,-webkit-transform .2s;
    -o-transition: transform .2s,left .2s
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: right .2s,-webkit-transform .2s;
    transition: transform .2s,right .2s,-webkit-transform .2s;
    -o-transition: transform .2s,right .2s
}

.swiper-pagination-progressbar {
    background: rgba(0,0,0,.25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0,0,0,.1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0,0,0,.5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag,.swiper-slide-zoomed {
    cursor: move
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: 1s linear infinite a;
    animation: 1s linear infinite a;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 4px solid #007aff;
    border-radius: 50%;
    border-top-color: transparent
}

@-webkit-keyframes a {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes a {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

.swiper-container-cube .swiper-slide,.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-fade .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube,.swiper-container-flip {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.sl-wrapper .sl-close,.sl-wrapper .sl-navigation button {
    height: 44px;
    line-height: 44px;
    z-index: 10060;
    font-family: Arial,Baskerville,monospace;
    color: #000;
    position: fixed
}

/*!
	By André Rinas, www.andrerinas.de
	Documentation, www.simplelightbox.de
	Available for use under the MIT License
	Version 2.7.2
*/
.article__recipes-print-button {
    display: none;
}

.sl-overlay {
    right: 0;
    bottom: 0;
    background-color: #f1f1f1;
    opacity: .95;
    display: none;
    z-index: 2147483646
}

.sl-overlay,.sl-wrapper {
    position: fixed;
    left: 0;
    top: 0
}

.sl-wrapper {
    width: 100%;
    height: 100%;
    z-index: 2147483647
}

.sl-wrapper button {
    border: 0;
    background: 0 0;
    font-size: 28px;
    padding: 0;
    cursor: pointer
}

.sl-wrapper button:hover {
    opacity: .7
}

.sl-wrapper .sl-close {
    display: none;
    right: 30px;
    top: 30px;
    margin-top: -14px;
    margin-right: -14px;
    width: 44px;
    font-size: 3rem
}

.sl-wrapper .sl-counter {
    display: none;
    position: fixed;
    top: 30px;
    left: 30px;
    z-index: 1060;
    color: #000;
    font-size: 1rem
}

.sl-wrapper .sl-navigation {
    width: 100%;
    display: none
}

.sl-wrapper .sl-navigation button {
    top: 50%;
    margin-top: -22px;
    width: 22px;
    text-align: center;
    display: block
}

.sl-wrapper .sl-navigation button.sl-next {
    right: 5px;
    font-size: 2rem
}

.sl-wrapper .sl-navigation button.sl-prev {
    left: 5px;
    font-size: 2rem
}

.sl-wrapper.sl-dir-rtl .sl-navigation {
    direction: ltr
}

.sl-wrapper .sl-image {
    position: fixed;
    -ms-touch-action: none;
    touch-action: none;
    z-index: 10000
}

.sl-wrapper .sl-image img {
    margin: 0;
    padding: 0;
    display: block;
    border: 0;
    width: 100%;
    height: auto
}

.sl-wrapper .sl-image iframe {
    background: #000;
    border: 0
}

@media (min-width: 35.5em) {
    .sl-wrapper .sl-navigation button {
        width:44px
    }

    .sl-wrapper .sl-navigation button.sl-next {
        right: 10px;
        font-size: 3rem
    }

    .sl-wrapper .sl-navigation button.sl-prev {
        left: 10px;
        font-size: 3rem
    }

    .sl-wrapper .sl-image iframe,.sl-wrapper .sl-image img {
        border: 0
    }
}

@media (min-width: 50em) {
    .sl-wrapper .sl-navigation button {
        width:44px
    }

    .sl-wrapper .sl-navigation button.sl-next {
        right: 20px;
        font-size: 3rem
    }

    .sl-wrapper .sl-navigation button.sl-prev {
        left: 20px;
        font-size: 3rem
    }

    .sl-wrapper .sl-image iframe,.sl-wrapper .sl-image img {
        border: 0
    }
}

.sl-wrapper .sl-image .sl-caption {
    display: none;
    padding: 10px;
    color: #fff;
    background: rgba(0,0,0,.8);
    font-size: 1rem;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.sl-wrapper .sl-image .sl-caption.pos-top {
    bottom: auto;
    top: 0
}

.sl-wrapper .sl-image .sl-caption.pos-outside {
    bottom: auto
}

.sl-wrapper .sl-image .sl-download {
    display: none;
    position: absolute;
    bottom: 5px;
    right: 5px;
    color: #000;
    z-index: 1060
}

.sl-spinner {
    display: none;
    border: 5px solid #333;
    border-radius: 40px;
    height: 40px;
    left: 50%;
    margin: -20px 0 0 -20px;
    opacity: 0;
    position: fixed;
    top: 50%;
    width: 40px;
    z-index: 1007;
    -webkit-animation: 1s ease-out infinite b;
    animation: 1s ease-out infinite b
}

.accordion-tabs__content,.accordion.active,.accordion__item.active .accordion__answer {
    display: block
}

.sl-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

.sl-transition {
    transition: transform .2s;
    -webkit-transition: -webkit-transform .2s;
    -o-transition: transform .2s;
    transition: transform .2s,-webkit-transform .2s
}

@-webkit-keyframes b {
    0% {
        -webkit-transform: scale(.1);
        transform: scale(.1);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    to {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 0
    }
}

@keyframes b {
    0% {
        -webkit-transform: scale(.1);
        transform: scale(.1);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    to {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 0
    }
}

.accordion.active {
    border-bottom: 1px solid #0f171a
}

.accordion.all:not(:last-child) {
    border-bottom: 0;
    margin: 0
}

.accordion-tabs__content.active {
    margin: 15px 0 115px;
    display: block
}

.account-nav__mobile-menu-container.has-promo-bar,.account-nav__wrapper.has-promo-bar {
    margin-top: 45px
}

.accordion__item {
    position: relative;
    border-top: 1px solid #0f171a;
    padding-top: 2rem;
    cursor: pointer;
    padding-bottom: 2rem;
    min-height: 130px
}

.accordion__question {
    padding-right: 2rem
}

.accordion__answer {
    display: none;
    padding-top: 2rem
}

.accordion__icon {
    position: absolute;
    right: 0;
    width: 15px;
    top: 43%
}

.accordion__icon--close,.accordion__item.active .accordion__icon--open,.account-info__tab,.account-nav__close,.address-card__title-first:first-child {
    display: none
}

.accordion__item.active .accordion__icon--close {
    display: block
}

.account-header {
    margin-top: 4rem;
    text-align: left;
    position: relative
}

.account-header__log-out-btn {
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: translateY(-150%);
    -ms-transform: translateY(-150%);
    transform: translateY(-150%);
    cursor: pointer
}

.account-info__title__wrapper {
    margin-bottom: 45px;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.account-info__edit-link {
    color: var(--olive)
}

.account-info__title {
    margin-right: 18px
}

.account-info__wrapper {
    max-width: 610px;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 35px
}

.account-info__block {
    width: calc(50% - 33px);
    margin-bottom: 35px
}

.account-info__block:nth-of-type(2n) {
    margin-left: 66px
}

.account-info__block__divider {
    display: block;
    width: 100%;
    height: 1px;
    margin: 10px 0;
    background-color: #bdb1b9;
    opacity: .5
}

.account-info__tab.active {
    display: block
}

.account-nav__wrapper {
    background: #fef8e5;
    height: 72%;
    min-height: 525px;
    width: 210px;
    margin-left: 80px;
    padding: 10px 45px 10px 10px;
    top: 0;
    border: 1px solid #000;
    border-image-slice: 42 42 42 42;
    border-image-width: 42px 42px 42px 42px;
    border-image-outset: 5px;
    border-image-source: url(../svg/account-nav-border2d89.svg?v=1616610164)
}

.account-nav__mobile-menu-container,.address-card__control {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal
}

.account-nav__wrapper .svg {
    height: 3rem
}

.account-nav__wrapper .svg--active-nav-container {
    height: 3rem;
    position: relative;
    top: 20px;
    right: 45px
}

.account-nav__mobile-menu-container {
    top: 67px;
    position: fixed;
    height: 3.5rem;
    width: 100%;
    background: #c74928;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-size: 1.5rem;
    line-height: 2.2rem;
    font-family: Roboto Slab,sans-serif;
    font-weight: 400
}

@media (min-width: 992px) {
    .account-content-wrapper,.account-content-wrapper--refer {
        min-height:calc(95vh - 90px)
    }

    .account-content {
        margin: 30px 0 60px;
        padding: 0 105px
    }

    .account-nav__mobile-menu-container,.blog__events-carousel {
        display: none
    }

    .blog__recipe-labels {
        height: 22px
    }

    .accordion__question {
        width: 50%;
        padding-top: 35px
    }

    .accordion__answer {
        width: 50%;
        padding-bottom: 35px
    }

    .account-nav {
        position: relative
    }

    .account-nav__color-background {
        position: absolute;
        background: #c74928;
        width: 75%;
        height: 100%;
        z-index: -1
    }
}

.account-nav__mobile-menu-expand {
    position: absolute;
    right: 40px;
    font-size: 27px;
    cursor: pointer
}

.account-nav__list,.faq-filter__list {
    padding: 55px 20px 20px 0
}

.account-nav__item-link {
    color: #5f3f2b;
    text-decoration: none;
    left: 20px;
    position: relative
}

.account-nav__item {
    display: block;
    position: relative;
    margin-top: 20px;
    text-transform: uppercase;
    color: #fff;
    text-align: left;
    font-weight: 500
}

.account-nav__item--active {
    color: #0f171a;
    font-weight: 700
}

.account-nav__item--logout {
    margin-top: 50px
}

.account-nav__back-header {
    padding: 25px 0 0 35px
}

.address-card {
    min-width: 180px;
    max-width: 280px;
    width: 87%
}

.address-card__container {
    margin-top: 33px;
    padding-right: 10px
}

.order-details__address-card-container .address-card__container,.product-add-to-cart .product-add-to-cart-tabs,.recipe-filter__grid {
    margin-top: 10px
}

.address-card__container:first-child {
    margin-top: 15px
}

.address-card__container:first-child .address-card__title-first {
    display: block
}

.address-card__control {
    width: 85px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: auto
}

.address-card__button {
    display: inline-block;
    border: none;
    padding: 0;
    margin: 0;
    background: 0 0;
    color: #c74928;
    cursor: pointer;
    text-align: center;
    position: relative
}

.arrow-link,.breadcrumbs__link {
    color: #0f171a;
    text-decoration: none
}

.arrow-link {
    display: inline-block;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.arrow-link .svg--arrow-back,.social-icons__link:not(:last-of-type) {
    margin-right: 10px
}

.arrow-link .svg--arrow-back,.arrow-link .svg--arrow-forward {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 1.5rem
}

.arrow-link .svg--arrow-forward,.gallery-sidebar__chevron {
    margin-left: 10px
}

@media (max-width: 991px) {
    .recipe-ingredients__title-copy .h3 {
        font-size:3.5rem;
        line-height: 3.5rem;
        font-weight: 800
    }

    #yotpo-selector .y-label.yotpo-user-name.yotpo-font-bold.pull-left.cart-sidebar__summary-title,.h8.cart-sidebar__summary-title,.search-results-tabs .h6 {
        font-size: 1.6rem;
        line-height: 1.6rem
    }

    .navigation__menu .h8 {
        font-size: 2rem;
        line-height: 2rem;
        font-weight: 800;
        text-transform: capitalize
    }

    .faq-filter .b2 {
        line-height: 2rem
    }

    .search-font {
        padding-left: 0
    }

    body {
        margin-top: 67px !important;
    }

    #page {
        min-height: 100%
    }

    .account-content {
        height: 100vh;
        margin: 30px 0 0
    }

    .back-header,.product__back-header {
        margin: 1.5rem 0 0
    }

    .product__info-subcontainer {
        margin-top: 2rem
    }

    .collection__grid {
        padding-bottom: 40px
    }

    .blog__events-copy {
        text-align: center;
        margin-top: 10px;
        margin-bottom: 40px
    }

    .blog__events-icon-title {
        margin-top: 0
    }

    .blog__events-icon-title--discover {
        margin-top: 40px
    }

    .blog__events-grid,.contact__form .form-field {
        margin-bottom: 0
    }

    .account-header__log-out-btn,.article__recipes-print-button,.blog__events-grid--discover,.blog__events-grid--past,.blog__recipes-color-background {
        display: none
    }

    .blog__recipe-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 20px
    }

    .blog__recipe-template--grid {
        width: 100%;
        min-height: 20vh
    }

    .blog__recipe-labels {
        padding: 0 25px;
        margin-bottom: 15px
    }

    .post-filter-bar .form-field__label--as-placeholder {
        padding: 0;
        left: 0
    }

    .contact__form .form-field__label {
        margin-bottom: 0
    }

    .contact__form .form-field__input--email {
        margin-bottom: 15px
    }

    .post-filter-bar .form-field__input {
        margin: 0;
        padding: 0
    }

    .contact__form .form-field__input {
        margin: 2px 0 15px
    }

    .accordion-tabs__content.active {
        margin-bottom: 40px
    }

    .accordion__item {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        min-height: 110px
    }

    .accordion__item.active {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 35px 0
    }

    .accordion__answer,.accordion__question {
        padding-right: 50px
    }

    .account-info__tab.active {
        padding: 40px 0
    }

    .account-nav__wrapper.active {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .account-nav__wrapper {
        display: none;
        margin: 0;
        background: #fef8e5;
        width: 100vw;
        height: calc(100vh - 67px);
        position: fixed;
        top: 50px;
        z-index: 10;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 10px
    }

    .account-nav__wrapper.has-promo-bar {
        height: calc(100vh - 67px - 45px)
    }

    .account-nav__back-header,.account-nav__wrapper .svg--account-nav,.account-nav__wrapper .svg--active-nav-container {
        display: none
    }

    .account-nav__list {
        padding: 25px 10px 10px
    }

    .account-nav__item-link {
        left: 0
    }

    .account-nav__item {
        border-bottom: .5px solid #bdb1b9;
        text-transform: capitalize;
        font-size: 20px;
        padding: 15px;
        margin: 0;
        font-weight: 800
    }

    .account-nav__item--active {
        color: #5f3f2b
    }

    .account-nav__mobile-logout {
        width: 100%
    }

    .account-nav__close {
        cursor: pointer;
        z-index: 1;
        display: block;
        position: absolute;
        right: 25px;
        top: 30px
    }
}

.back-header--article {
    margin: 2.5rem auto 0
}

.breadcrumbs {
    margin-top: 65px
}

@media (max-width: 991px) {
    .back-header--article {
        margin-top:1.5rem
    }

    .breadcrumbs {
        margin-top: 55px
    }

    .account-nav__item .button-jagged {
        display: none
    }
}

@media (max-width: 767px) {
    .form-field__input--account,.form-field__input--email,.form-field__input--phone {
        width:100%
    }

    .grid-address .form-field__input {
        margin: 0 0 3px
    }

    .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
        bottom: 0
    }

    .account-header {
        margin-top: 0
    }

    .address-card__container {
        padding-top: 15px;
        border-top: 1px solid #0f171a
    }

    .address-card__container:first-child {
        padding-top: 0;
        border-top: none
    }

    .address-card__container:first-child .address-card__title-first {
        color: #bdb1b9
    }

    .address-card__control,.breadcrumbs {
        margin-top: 15px
    }
}

.breadcrumbs--article-blog {
    max-width: 1250px;
    margin: 0 auto
}

.breadcrumbs__container,.input-select__label-container,.navigation__actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.recipe-hero .breadcrumbs__container {
    padding: 0
}

.breadcrumbs--article-blog .breadcrumbs__container {
    height: 20px;
    margin-bottom: 65px
}

.breadcrumbs__seperator {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 1rem;
    padding: 0 8px
}

.breadcrumbs__link:hover,.form-response-message.error {
    color: #c74928
}

.button {
    display: block;
    min-width: 160px;
    height: 43px;
    text-decoration: none;
    background-color: #75240d;
    border: 1px solid #75240d;
    position: relative;
    border-radius: 2px;
    cursor: pointer;
    color: #fff
}

.button--disabled,.button:hover {
    background-color: ##75240d;
    color: #fff;
    font-weight: bold;
    border-radius: 2px;
    border: 1px solid ##75240d
}

.button--secondary {
    background-color: #c74928;
    color: #fff;
    border: 1px solid #c74928
}

.button--secondary:hover {
    border: 1px solid #c74928;
    color: #c74928;
    background-color: white;
}

.button--black-outline+label {
    min-width: 120px;
    height: 33px;
    margin-right: 10px;
    background-color: transparent
}

.button--black-outline+label,.button--black-outline+label:hover {
    border-radius: 6px;
    color: #0f171a;
    border: 1px solid #0f171a;
    margin-bottom: 10px;
    margin-top: 10px;
}

.button--black-outline:checked+label {
    background-color: #000;
    color: #fff;
    margin-bottom: 10px;
    margin-top: 10px;
}

.button--black-outline[disabled]+label,a:hover .image:not(.no-hover):after:not(.image--no-hover) {
    opacity: .5
}

.button--black-outline-label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.button--black-outline {
    display: none
}

.button--hero-cta-button {
    display: inline-block;
    padding: 0 18px;
    margin-right: 25px
}

@media (max-width: 1199px) {
    .product__info-subcontainer {
        display:-webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .button--hero-cta-button {
        margin: 0 0 25px;
        padding: 0 20px
    }
}

@media (max-width: 767px) {
    .breadcrumbs--article-blog .breadcrumbs__container {
        margin-bottom:20px
    }

    .button {
        min-width: 140px
    }

    .button--black-outline+label {
        min-width: 120px
    }

    .button--hero-cta-button {
        width: 100%;
        margin-right: 0
    }

    .form-address__add-footer .button {
        width: 100%;
        min-width: initial
    }
}

a.button {
    display: inline-block
}

.button--mobile-logout {
    width: 90%;
    margin: 0 auto;
    bottom: 20px
}

.contact__form .button {
    width: 100%
}

.button-text {
    font-family: Raleway,sans-serif;
    font-weight: 500;
    left: 50%;
    top: 50%;
    transition: .3s cubic-bezier(.06,.305,0,1);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 100%;
    height: 16px;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.14;
    letter-spacing: normal;
    text-align: center
}

.button--inline .button-text {
    position: relative;
    left: auto;
    top: auto;
    -webkit-transform: auto;
    -ms-transform: auto;
    transform: auto;
    color: #8c8cbd
}

.button--inline .button-text:after {
    -webkit-transition: .3s cubic-bezier(.06,.305,0,1);
    -o-transition: .3s cubic-bezier(.06,.305,0,1);
    transition: .3s cubic-bezier(.06,.305,0,1);
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background-color: transparent;
    bottom: 1px;
    left: 0;
    pointer-events: none
}

a .button-text {
    display: block;
    position: relative
}

.button-jagged {
    display: inline-block;
    position: relative
}

.card-cta,.card-cta__button-container,.cart-container__wrapper-container {
}

.button-jagged--yellow path {
    fill: #f9a533
}

.account-nav__item .button-jagged {
    position: absolute;
    opacity: .5;
    bottom: 0
}

.button-jagged__btn-text-yellow {
    position: absolute;
    color: #0f171a
}

.button-jagged__btn-text-vermilion {
    position: absolute;
    color: #fff
}

.card-cta {text-align: left;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;padding: 40px 35px;height: 100%;width: 50%;}

.card-cta__image-container {
    width: auto !important;
}

.card-cta__header {
    margin-top: 2.3rem
}

.card-cta__description {
    margin: 2rem 0 6.5rem
}

.card-cta__button-container,.cart-container__wrapper-container {
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.carousel {
    position: relative;
    padding-right: 7.5rem;
    padding-left: 7.5rem
}

@media (max-width: 991px) {
    .card-cta {
        display:-webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0;
        height: 100%;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .card-cta--1 {
        margin-top: 45px
    }

    .card-cta__header {
        margin-top: 1.4rem;
        text-align: center
    }

    .card-cta__description {
        margin: 1.4rem 0 5.8rem;
        text-align: center
    }

    .carousel {
        padding-right: 5rem;
        padding-left: 5rem
    }
}

@media (max-width: 767px) {
    .card-cta {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .card-cta__description {
        margin-bottom: 3.5rem
    }

    .carousel {
        padding-right: 3rem;
        padding-left: 3rem
    }
}

@media (max-width: 575px) {
    .carousel {
        padding-right:2.5rem;
        padding-left: 2.5rem
    }
}

.carousel--no-padding,.carousel.carousel-bp {
    padding-right: 0;
    padding-left: 0
}

.carousel.carousel-bp {
    display: block
}

@media (max-width: 1199px) {
    .carousel.carousel-bp--xl {
        padding-right:7.5rem;
        padding-left: 7.5rem
    }
}

@media (max-width: 991px) {
    .carousel.carousel-bp--xl {
        padding-right:5rem;
        padding-left: 5rem
    }
}

@media (max-width: 767px) {
    .carousel.carousel-bp--xl {
        padding-right:3rem;
        padding-left: 3rem
    }
}

@media (max-width: 575px) {
    .carousel.carousel-bp--xl {
        padding-right:2.5rem;
        padding-left: 2.5rem
    }
}

@media (max-width: 991px) {
    .carousel.carousel-bp--lg {
        padding-right:5rem;
        padding-left: 5rem
    }
}

@media (max-width: 767px) {
    .carousel.carousel-bp--lg {
        padding-right:3rem;
        padding-left: 3rem
    }
}

@media (max-width: 575px) {
    .carousel.carousel-bp--lg {
        padding-right:2.5rem;
        padding-left: 2.5rem
    }
}

@media (max-width: 767px) {
    .carousel.carousel-bp--md {
        padding-right:3rem;
        padding-left: 3rem
    }
}

.carousel--dark-grey-blue:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: -100%;
    width: calc(100vw + 100%);
    height: 100%;
    background-color: #f1f1f1
}

@media (min-width: 992px) {
    .button--mobile-logout {
        display:none
    }

    .carousel--article-recipe,.carousel--featured-products {
        margin: 50px 0 0
    }

  .separator {
    content: "";
    position: relative;
    max-width: initial;
    background: #bdb1b9;
    height: 1px;
    margin: 25px auto 55px;
   }

  .title-copy {
    padding-top: 2rem;
   }
}

.hero-cta__description--product {
  margin: 20px 0 30px !important;
}


@media (min-width: 992px) {
    .carousel--related {
        margin-top:55px
    }

    .carousel--related-recipes {
        margin-bottom: 100px
    }

    .cart__title {
        margin-left: 55px
    }
}

@media (max-width: 991px) {
    .carousel--related-recipes {
        margin-bottom:60px
    }

    .carousel--testimonials-feature {
        max-width: 425px
    }
}

.carousel--article-recipe {
    margin-bottom: 120px
}

.carousel--testimonials-feature {
    width: 73vw
}

.carousel-container {
    position: static;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.carousel--testimonials-feature .carousel-container {
    padding: 10px
}

.carousel-wrapper--margin-top {
    margin-top: 6rem
}

.carousel-next,.carousel-prev {
    width: 3rem;
    height: 3rem;
    color: #f1f1f1;
    top: 75%;
    -webkit-transform: translateY(-75%);
    -ms-transform: translateY(-75%);
    transform: translateY(-75%)
}

.carousel--cta .carousel-next,.carousel--cta .carousel-prev {
    top: 63%
}

.carousel-next svg,.carousel-prev svg,.form-address .input-select__select-container,.product-add-to-cart-tabs,.product-modal__content .product-listing-info {
    width: 100%
}

.cart-container__wrapper {
  width: 100%;
  /* width: calc(100% - 400px); */
}

.carousel-next:after,.carousel-prev:after {
    content: none
}

.carousel--testimonials-feature .carousel-next,.carousel--testimonials-feature .carousel-prev {
    top: 56%
}

.carousel-next {
    right: -1.2rem
}

.carousel--dark-grey-blue .carousel-next *,.carousel--dark-grey-blue .carousel-prev * {
    opacity: 1;
    fill: #f1f1f1
}

.carousel-prev {
    left: -1.2rem
}

.carousel-pagination.swiper-pagination {
    bottom: 2.5rem
}

.carousel-pagination.swiper-pagination .swiper-pagination-bullet {
    width: 11px;
    height: 11px;
    margin: 0 .8rem;
    background-color: #f1f1f1;
    opacity: 1
}

.carousel-pagination.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,.primary-color-swatches .swatch:nth-of-type(8) {
    background-color: #0f171a
}

.carousel-bp {
    display: none;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width: 1199px) {
    .carousel--testimonials-feature {
        width:835px
    }

    .carousel-next {
        right: 0
    }

    .carousel-prev {
        left: 0
    }

    .carousel-bp--xl {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

@media (max-width: 991px) {
    .carousel-bp--lg {
        display:-webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

@media (max-width: 767px) {
    .carousel--article-recipe {
        margin-top:30px;
      margin-bottom: 10px;
    }

  .wysiwyg ol, .wysiwyg ul {
    margin: 20px auto;
    padding: 0 7% 75px;
}

    .carousel--testimonials-feature {
        width: 95vw
    }

    .carousel-container {
        padding: 0 1rem
    }

    .carousel--testimonials-feature .carousel-next,.carousel--testimonials-feature .carousel-prev {
        top: 55%
    }

    .carousel--article-recipe .carousel-next,.carousel--featured-products .carousel-next {
        top: 57%;
        margin-right: 11px
    }

    .carousel--article-recipe .carousel-prev,.carousel--featured-products .carousel-prev {
        top: 57%;
        margin-left: 11px
    }

    .carousel--mobile-product-images .carousel-next {
        top: 50%;
        margin-right: 11px
    }

    .carousel--mobile-product-images .carousel-prev {
        top: 50%;
        margin-left: 11px
    }


    @media (max-width: 767px) {

        .carousel--article-recipe .carousel-next,.carousel--featured-products .carousel-next {
            top: 150px;
          
        }
    
        .carousel--article-recipe .carousel-prev,.carousel--featured-products .carousel-prev {
            top: 150px;
         
        }
    }

    .carousel-bp--md {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

@media (max-width: 575px) {
    .carousel.carousel-bp--md,.carousel.carousel-bp--sm {
        padding-right:2.5rem;
        padding-left: 2.5rem
    }

    .carousel-bp--sm {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.carousel__cta-container,.cart-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

.carousel-slide {
    height: auto
}

.carousel__cta {
    margin: 75px auto 0
}

.carousel__cta-container {
    width: 100%;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cart__empty {
    padding: 35px 55px
}

.cart-container {
    display: flex;
    max-width: 1366px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 4.5rem;
    margin-bottom: 7rem;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (max-width: 991px) {
    .cart__empty {
        padding:40px 10px
    }

    .cart-container {
        padding: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 0;
        margin-top: 4rem
    }

    .cart-container__wrapper-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0 20px
    }

    .cart-container__wrapper {
        padding: 0
    }

    .cart__header {
        margin: 0 30px
    }
}

.cart-items__quantity-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #bdb1b9;
    border-radius: 4px;
    width: 70px;
    height: 43px;
    position: relative;
    margin: 0 auto
}

.cart-items__quantity,.cart-items__quantity-btn {
    background: 0 0;
    border: none
}

.cart-items__quantity-btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer
}

.cart-items__quantity-btn--minus {
    padding-right: 1.3rem;
    padding-left: 1.5rem
}

.cart-items__quantity-btn--plus {
    padding-right: 1.5rem
}

.cart-items__quantity-submit {
    display: none;
    position: absolute;
    bottom: -1rem;
    left: 0;
    color: #0f171a;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    margin-top: 2rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0 0;
    border: none;
    cursor: pointer
}

.form-search__button,.input-select__cta {
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer
}

.cart-items__quantity-submit.active {
    display: block
}

.cart-items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    padding: 0 55px;
    margin: 30px 0
}

@media (max-width: 1199px) {
    .cart-items {
        padding:0 25px
    }
}

.cart-items__table--mobile {
    display: none
}

.cart-items__th--cart-qty-mobile {
    text-align: left;
    float: left
}

@media (min-width: 768px) {
    #recharge-novum .rc_subscription_info_container {
        border-right:1px solid #0f171a!important
    }

    #recharge-novum .rc_subscription_card_element_wrapper {
        padding: 75px 75px 40px!important
    }

    .form-field__input .form-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        width: 100%
    }

    .form-row--2 .form-field__input .form-row--field {
        width: calc(50% - 10px)
    }

    .form-row--2 .form-field__input .form-row--field:nth-of-type(odd) {
        margin-right: 20px
    }

    .carousel--article-recipe .carousel-next,.carousel--article-recipe .carousel-prev,.carousel--featured-products .carousel-next,.carousel--featured-products .carousel-prev,.cart-items__table--mobile,.cart-items__th--cart-qty-mobile {
        display: none
    }
}

@media (max-width: 767px) {
    .cart-container {
        margin-top:3.3rem
    }

    .cart-items__quantity-container {
        position: relative;
        bottom: -16px;
        left: 0;
        margin: 0;
    }

    .cart-items {
        padding: 0
    }

    .cart-items__th--cart-qty-mobile {
        padding: 0 0 5px 10px
    }

    .cart-items__th-text {
        display: none
    }
}

.cart-items__th,.order-details__th {
    text-align: center;
    border-bottom: 1px solid #75240d;
    padding-bottom: 7px;
    font-size: 14px;
}

.cart-items__options-subscription-container,.cart-items__td-convert-subscription,.cart-items__th--purchase-type,.contact {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.cart-items__th--close-btn-mobile {
    text-align: right
}

.cart-items__item-price--desktop,.error-404__copy,.faq-filter__tab,.footer__terms-link,.how-its-made__subheader,.order-history-item__td,.selling-propositions__header {
    text-align: center
}

.cart-items__purchase-type-row .cart-items__th {
    border-bottom: none;
    padding-top: 30px
}

.cart-items__convert-remove-row .cart-items__th {
    border-bottom: 1px solid #bdb1b9
}

.cart-items__convert-svg {
    min-height: 15px;
    min-width: 15px;
    margin-right: 5px
}

.cart-items__td {
    padding-bottom: 30px
}

.cart-items__td--remove-btn {
    color: #0f171a;
    text-align: center
}

.cart-items__td--image-details {
    width: 40%
}

.cart-items__td-text--purchase-type-desktop-text {
    color: #0f171a
}

.cart-items__td-text--purchase-type-mobile {
    float: left;
    min-width: 145px
}

.cart-items__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 30px 0
}

.cart-items__container-subcontainer-details {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.cart-items__purchase-type {
    color: #0f171a;
    margin-bottom: 1.7rem;
    width: 50%
}

.cart-items__image-container,.order-details-list-item__image-container {
    position: relative;
    min-height: 120px;
    min-width: 100px;
}

.cart-items__options,.order-details-list__options {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: 15px
}

.cart-items__item-price--mobile-text,.cart__items-close-btn--mobile-text {
    margin-left: auto
}

.cart-items__control-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cart-items__item-price--mobile {
    margin-top: auto
}

.cart-items__subscription-svg {
    height: 2rem
}

.cart__items-close-btn--desktop {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cart-sidebar,.error-404 {
    -webkit-flex-direction: column
}

@media (max-width: 767px) {

.cart-items__td {
    width: auto;
}

td.cart-items__th {
    display: none;
}


td.cart-items__th.cart-items__th--close-btn-mobile {
    width: 100%;
}

.cart__items-close-btn--mobile {
    text-align: left;
    align-items: flex-start;
    justify-content: flex-start;
}

span.cart__items-close-btn--mobile-text {
    margin: 0;
}

tr.cart-items__tr:not(.cart-items__purchase-type-row):not(.cart-items__convert-remove-row) {
    border-bottom: 1px solid #E9E9E9 !important;
}

    .cart-items__item-price--desktop,
    .cart-items__td-text--purchase-type-desktop-text{
        display: none
    }


    .cart-items__image-container {
        min-width: 95px;
        min-height: 95px
    }

    .cart-items__options {
        padding-bottom: 15px;
        margin: 0;
        width: 100%;
    }
}

.cart-sidebar,.cart__items-close-btn--mobile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}

.cart__items-close-btn--mobile {
    color: #0f171a;
    padding: 0 10px 0 0;
    display: flex
}

.cart-sidebar {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 400px;
    width: 100%;
}

.cart-sidebar__free-shipping-banner-container {
    height: 50px;
    border-radius: 4px;
    background: #f1f1f1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cart-sidebar__summary {
    margin-top: 5px;
    width: 100%;
    border-radius: 4px;
    padding: 35px 40px 45px;
    background-color: #fef8e5
}

.cart-sidebar__summary-title,.recipe-filter__header,.title-copy-header {
    margin-bottom: 20px
}

.cart-sidebar__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 6px 0
}

.cart-sidebar__separator {
    background-color: #0f171a;
    height: 1px;
    width: 100%;
    margin: 18px 0
}

.cart-sidebar__checkout-button {
    width: 100%;
    margin-top: 20px
}

.cart-sidebar__payment-method-button-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-top: 20px
}

.error-404,.error-404__copy-btn-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}


.cart-sidebar__copy {
    margin: 10px 0 0 40px
}

@media (min-width: 992px) {
    .contact {
        padding:80px 163px
    }

    .contact-section__subcontainer {
        width: 50%;
        min-width: 350px
    }

    .contact-section__subcontainer--contact-form {
        position: relative;
        left: 100px;
        bottom: 25px;
        max-width: 610px;
        min-height: 580px
    }
}

.contact-section__subcontainer--contact-form {
    display: block;
    background: #fef8e5
}

.error-404,.error-404__pizza-pie-image-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}

.contact__form {
    width: 50%;
    margin: 30px auto
}

.error-404 {
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff
}

.error-404__pizza-pie-image-container {
    display: flex;
    position: absolute;
    width: 17%;
    top: -25px;
    left: 11%
}

.error-404__pasta-plate-image-container,.error-404__penne-image-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    position: absolute
}

.error-404__pizza-pie-image-container:after {
    content: "";
    padding-top: 100%;
    width: 100%;
    position: relative;
    display: block
}

.error-404__penne-image-container {
    display: flex;
    width: 15%;
    bottom: 0;
    left: 28%
}

.error-404__penne-image-container:after {
    content: "";
    padding-top: 100%;
    width: 100%;
    position: relative;
    display: block
}

.error-404__pasta-plate-image-container {
    display: flex;
    width: 15%;
    bottom: 22%;
    right: 9%
}

.error-404__copy-btn-container,.error-404__image-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}

.error-404__pasta-plate-image-container:after,.recipe-content-header__filter-image:after {
    content: "";
    padding-top: 100%;
    width: 100%;
    position: relative;
    display: block
}

.error-404__image-container {
    display: flex;
    position: relative;
    width: 55%;
    /* width: 30%; */
}

.error-404__image-container:after {
    content: "";
    padding-top: 50%;
    width: 100%;
    position: relative;
    display: block;
}

.error-404__copy-btn-container {
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.error-404__copy {
    width: 60%;
    margin-top: 55px
}

.carousel.carousel--our_affiliates__partners,.carousel.carousel--our_affiliates__schools,.error-404__button {
    margin-top: 55px
}

@media (max-width: 767px) {
    .carousel.carousel--our_affiliates__partners{
        margin-top: 20px;
    }
}
.error-404__button .button-text {
    position: absolute
}

.error-message__container {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    z-index: 2147483647;
    background-color: rgba(0,0,0,.7);
    padding: 0 50px
}

.error-message__container,.event-card {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.event-card {
    border-radius: 4px;
    border: 1px solid #bdb1b9;
    padding: 35px 40px;
    position: relative;
    background: #fff
}

@media (max-width: 1199px) {
    .contact__form {
        width:90%
    }

    .event-card {
        min-width: 578px
    }
}

.event-card--upcoming {
    border: 1px solid #c74928
}

.event-card__button-jagged {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: -21px;
    right: -30px
}

.event-card__container,.event-card__info-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}

.event-card__button {
    position: relative;
    width: 76%
}

.event-card__button-text {
    position: absolute;
    z-index: 9999;
    color: #fff
}

.event-card__info-container {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 50%;
    margin-right: 35px
}

.event-card__container {
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 15px
}

.event-card__container .svg--location,.event-card__container .svg--time {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 2rem;
    width: 2rem;
    margin-right: 10px
}

.event-card__icon-container {
    position: relative;
    margin-bottom: auto;
    margin-right: 8px
}

.event-card__icon-container--location,.event-card__icon-container--time {
    width: 16px;
    height: 16px
}

.event-card__details {
    margin-left: 7px
}

.event-card__description {
    margin-top: 20px
}

.event-card__image-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 45%
}

.event-card__image-container:after {
    content: "";
    padding-top: 110%;
    width: 100%;
    position: relative;
    display: block
}

.event-card__link {
    margin-top: auto
}

.events-illustrations-images {
    position: absolute;
    height: 150px;
    z-index: -1
}

@media (max-width: 991px) {
    .cart-sidebar {
        margin-bottom:60px;
        min-width: 100%
    }

    .cart-sidebar__summary {
        padding: 20px
    }

    .cart-sidebar__summary-title {
        margin-bottom: 10px
    }

    .cart-sidebar__item {
        padding: 5px 0
    }

    .cart-sidebar__separator {
        margin: 18px 0 19px
    }

    .cart-sidebar__checkout-button,.event-card__link {
        margin-top: 20px
    }

    .cart-sidebar__payment-method-button-container {
        margin-top: 10px
    }

    .cart-sidebar__payment-method-button {
        width: 48%
    }

    .cart-sidebar__copy {
        margin: 5px 0 0 18px
    }

    .contact {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-bottom: 40px
    }

    .contact-section__subcontainer--contact-form {
        margin-top: 25px
    }

    .contact__form {
        margin-top: 15px
    }

    .error-404__pasta-plate-image-container,.error-404__penne-image-container,.error-404__pizza-pie-image-container {
        width: 25%
    }

    .event-card {
        min-width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        padding: 40px 20px
    }

    .event-card__info-container {
        width: 100%;
        padding-top: 15px
    }

    .event-card__image-container {
        width: 100%
    }

    .event-card__image-container:after {
        padding-top: 70%
    }

    .events-illustrations-images {
        min-width: 135px
    }
}

.events-illustrations-images--farfalle {
    width: 25%;
    top: -24px;
    right: 28%;
    height: 192px
}

.article__events-illustrations .events-illustrations-images--farfalle {
    top: -2.5%;
    right: 5%
}

.events-illustrations--article-blog .events-illustrations-images--farfalle {
    width: 22%;
    right: -11%;
    top: 94%
}

.plp-filter .events-illustrations-images--farfalle {
    top: 557px;
    left: 37%;
    height: 192px;
    width: 275px;
    display: none;
}

@media (max-width: 767px) {
    .cart-sidebar {
        margin-bottom:40px
    }

    .error-404 {
        height: calc(100vh - 67px);
        padding-top: 130px
    }

    .error-404__pizza-pie-image-container {
        width: 40%;
        top: 10px;
        left: -10px
    }

    .error-404__pizza-pie-image-container:after {
        padding-top: 80%
    }

    .error-404__penne-image-container {
        width: 30%;
        bottom: 0;
        left: 15%
    }

    .error-404__penne-image-container:after {
        padding-top: 100%
    }

    .error-404__pasta-plate-image-container {
        width: 40%;
        bottom: 18%;
        right: -25px
    }

    .error-404__pasta-plate-image-container:after {
        padding-top: 100%
    }

    .error-404__image-container {
        padding: 0 70px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%
    }

    .error-404__image-container:after {
        padding-top: 70%
    }

    .error-404__copy-btn-container {
        padding: 0 50px
    }

    .error-404__copy {
        width: 100%;
        margin-top: 35px
    }

    .error-404__button {
        margin-top: 35px
    }

    .error-404__button.button {
        min-width: 200px
    }

    .events-illustrations-images--farfalle {
        width: 42%;
        top: -63px;
        left: 10%
    }

    .events-illustrations--article-blog .events-illustrations-images--farfalle {
        display: none
    }

    .plp-filter .events-illustrations-images--farfalle {
        width: 51%;
        top: 224px;
        left: 46%
    }
}

.events-illustrations-images--roll {
    min-width: 110px;
    width: 10%;
    right: 4%;
    bottom: 45%
}

.article__events-illustrations .events-illustrations-images--roll,.plp-filter .events-illustrations-images--roll {
    display: none
}

@media (max-width: 767px) {
    .events-illustrations-images--roll {
        width:24%;
        right: -14%;
        top: 6.5%
    }

    .article__events-illustrations .events-illustrations-images--roll {
        display: block;
        right: -12%;
        top: 7.5%
    }

    .events-illustrations--article-blog .events-illustrations-images--roll {
        display: none
    }
}

.article__events-illustrations .events-illustrations-images--crown,.plp-filter .events-illustrations-images--croissant {
    display: none
}

.events-illustrations-images--croissant {
    width: 11%;
    left: 0;
    bottom: 33%
}

@media (max-width: 767px) {
    .events-illustrations-images--croissant {
        width:33%;
        left: -42px;
        bottom: 54%
    }

    .events-illustrations--article-blog .events-illustrations-images--croissant {
        display: none
    }
}

.events-illustrations-images--crown {
    width: 18%;
    left: 42%;
    bottom: 2%
}

.events-illustrations--article-blog .events-illustrations-images--crown {
    width: 22%;
    left: -13%;
    top: 38%
}

.plp-filter .events-illustrations-images--crown {
    width: 18%;
    left: -4.5%;
    top: 51%;
    display: none;
}

@media (max-width: 767px) {
    .events-illustrations-images--crown {
        width:41%;
        left: 57%;
        bottom: 0
    }

    .article__events-illustrations .events-illustrations-images--crown {
        display: block;
        left: 52%;
        bottom: 30%
    }

    .events-illustrations--article-blog .events-illustrations-images--crown {
        display: none
    }

    .plp-filter .events-illustrations-images--crown {
        width: 18%;
        left: -4.5%;
        top: -7%
    }
}

.events-illustrations-images--pizza {
    min-height: 160px;
    width: 16%;
    left: 31%;
    top: 22%
}

.events-illustrations--article-blog .events-illustrations-images--pizza {
    width: 17%;
    left: 29%;
    top: -8%
}

.events-illustrations-images--penne,.form-address__input-select-country,.form-login.hide,.gallery-sidebar.hide {
    display: none
}

.plp-filter .events-illustrations-images--penne {
    display: block;
    width: 276px;
    right: 6%;
    bottom: 2%
}

.faq-filter {
    width: 70%;
    margin: 0 auto
}

.faq-filter__mobile-menu-expand {
    position: relative;
    height: 3.5rem;
    width: 100%;
    background: #c74928;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: capitalize;
    color: #fff;
    font-size: 1.5rem;
    line-height: 2.2rem;
    font-family: Roboto Slab,sans-serif;
    font-weight: 400;
    margin: 33px 0
}

.faq-filter__mobile-menu-text {
    z-index: 1
}

.faq-filter__plus {
    position: absolute;
    right: 24px;
    font-size: 28px
}

.faq-filter__tab,.faq-filter__tabs-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}

.faq-filter__wrapper.has-promo-bar {
    top: 112px
}

.faq-filter__item,.faq-filter__item--all {
    border-bottom: .5px solid #f1f1f1;
    font-size: 20px;
    padding: 15px;
    margin: 0;
    color: #5f3f2b;
    font-weight: 800;
    text-decoration: none;
    text-transform: capitalize
}

.faq-filter__title-copy {
    margin-top: 25px
}

.faq-filter__tabs-container {
    display: flex;
    height: 45px;
    max-width: 1366px;
    margin: 80px auto 18px 0
}

.faq-filter__tab {
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #fff;
    cursor: pointer;
    border-radius: 4px
}

.faq-filter__button.active,.featured_products__button-container,.footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}

.faq-filter__button path {
    fill: none
}

.faq-filter__button.active {
    display: flex
}

.faq-filter__button-text {
    position: absolute;
    z-index: 9999;
    color: #5f3f2b;
    text-transform: capitalize
}

.footer-cta,.form-reset,.form-search-input-container {
    position: relative
}

.faq-filter__button-text.active {
    color: #fff
}

.featured_products__button-container {
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 70px 0 75px
}

.footer {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #f1f1f1;
    padding: 87px 95px 87px 110px
}

.footer__container{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}


@media (max-width: 768px) {
    .footer__container {
        width: 100%;
        display:flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        align-self: flex-start;
    }
    .footer__newsletter-social-icons{
        display: none;
    }


}

.footer__mobile-social-icons {
display: block;
}

@media (min-width: 768px) {
  .footer__mobile-social-icons {
    display: none;
  }
}

.product-listing-info__title-price-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.footer__seperator {
    display: block;
    margin: 4rem 0 .8rem;
    width: 100%;
    height: 1px;
    background-color: #0f171a
}

@media (max-width: 768px) {
    .footer__seperator {
        margin: 1.8rem 0 .8rem;
    }
}

.footer__newsletter-social-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 50%
}

.footer__newsletter-email-input {
    width: 42rem;
    margin-top: 16px
}
.footer .form-field__label-text {
    text-align: left;
    width: 100%;
    display: block;
  }

@media (max-width: 768px) {
    .footer__newsletter-social-container {
        width: 100%;
    }
    .footer__newsletter-email-input {
        margin-top: 240px;
        width: 100%;
     
    }

    .footer .form-field {
        margin-top: 24px
    }
}

.footer__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 39%;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.footer__company,.footer__list__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-direction: normal
}

.footer__list__item {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 20px;
    margin-left: 35px
}

@media (max-width: 768px) {
    .footer__list {
        width: 100%;
        margin-top: 28px;

    }
    .footer__list__item {
        margin-left: 0;
        margin-bottom: 0;
        /* justify-content: flex-start;
        align-items: flex-start; */
    }

    .footer__list__title {
        margin-bottom: 16px;
    }
    .footer__list__link {
        margin-bottom: 8px !important
    }
}

.footer__list__title,.form-address__title,.form-create-account__header,.form-login__header,.title-copy-cta__header,.wysiwyg li:not(:last-of-type) {
    margin-bottom: 15px;
    font-size: 1.8rem;
    font-family: Raleway;
}

.footer__list__link {
    color: #0f171a;
    text-decoration: none;
    margin-bottom: 15px
}

.footer__terms-list .footer__list__link,.form-search--no-margin,.search-results-tabs__product-card {
    margin: 0
}

.footer__company {
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.footer__logo-copyright,.footer__terms-list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal
}

.footer__logo-copyright {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.footer__logo-link {
    height: 54px
}

.footer__logo {
    height: 100%
}

.footer__copyright {
    vertical-align: middle;
    margin-left: 22px
}

.footer__terms-list {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: -2px;
    list-style-type: none;
    padding: 0;
    min-width: 320px
}

.footer__terms-link,.footer__terms-list,.svg--email-submit {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.footer__terms-link {
    padding: 0 .9rem;
    border-left: 1px solid #0f171a
}

.form-response-message {
    text-align: left;
    margin-bottom: 10px
}

.footer-cta {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 5.5rem 0 10.5rem
}

.footer-cta__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 88%;
}

@media (min-width: 992px) {
    .faq-filter {
        min-width:855px;
        padding: 0 7px;
        margin-bottom: 115px
    }

    .faq-filter__mobile-menu-expand,.faq-filter__wrapper {
        display: none
    }

    .featured_products__button-container {
        margin-bottom: 23px
    }

    .footer-cta__wrapper,.footer__container--bottom {
        margin-top: 10px
    }

    .footer__terms-container {
        margin-right: -9px
    }

    .form-search__button--blogs-search {
        left: 0
    }
}

.footer-cta__background-image,.hero__bg {
    z-index: -1
}

.form-address .input-select__select {
    border-radius: 4px;
    width: 100%;
    border: 1px solid rgba(15,23,26,.2)
}

.form-address__add-footer,.recipe-filter__header-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (min-width: 768px) {
    .cart-items__item-price--mobile,.cart-items__td-convert-subscription,.cart__items-close-btn--mobile {
        display:none
    }

    .form-address__row-container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .form-address__row-children {
        width: 49%
    }

    .form-address__add-footer {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 52px auto 0
    }

    .form-address__add-footer .js-cancel-address-form {
        margin-right: 20px
    }
}

@media (max-width: 991px) {
    .faq-filter {
        width:100%;
        margin-bottom: 40px
    }

    .faq-filter.mobile-menu {
        padding: 0
    }

    .faq-filter__wrapper {
        display: none;
        margin: 0;
        background: #fff;
        width: 100vw;
        height: calc(100vh - 67px);
        position: fixed;
        top: 50px;
        z-index: 10;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 10px
    }

    .faq-filter__wrapper.active {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .faq-filter__list {
        list-style: none;
        padding: 10px
    }

    .faq-filter__tabs-container,.footer__logo-link {
        display: none
    }

    .faq-filter__tab {
        padding: 0
    }

    .footer {
        padding: 36px 60px
    }

    .footer__company {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .footer__logo-copyright {
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start
    }

    .footer__copyright {
        margin: 0 0 9px
    }

    .footer-cta {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 3.9rem 0;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .footer-cta__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%
    }

    .form-address__add-footer {
        margin: 55px 0 40px
    }
}

.form-create-account,.form-forgot,.form-login {
    width: 50%;
    background: inherit
}

.form-create-account__wrapper,.form-forgot__wrapper {
    width: 90%;
    padding-right: 50px;
    text-align: left
}

.form-create-account__header-text {
    margin-bottom: 25px
}

.form-create-account__submit,.form-forgot__submit,.form-reset__submit {
    margin-top: 30px
}

.form-forgot__header {
    margin: 0 auto 15px
}

.form-forgot__header-text {
    margin-bottom: 25px
}

.form-login__wrapper {
    width: 90%;
    padding-right: 40px;
    text-align: left
}

.form-login__header-text {
    margin-bottom: 25px
}

.form-login__footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 0 30px
}

.form-login__footer-forgot {
    color: #d1b66f
}

.errors ul {
    padding: 0 0 15px
}

.form-reset {
    padding-top: 110px;
    padding-bottom: 70px;
    margin-top: 30px;
    margin-bottom: 70px
}

.form-reset__header-copy {
    margin: 10px auto 0
}

.form-reset__header {
    margin: 0 auto 25px;
    text-align: center
}

.form-reset__form {
    max-width: 500px;
    margin: 0 auto
}

.form-search {
    margin-top: 0px;
}

@media (max-width: 767px) {
    .events-illustrations--article-blog .events-illustrations-images--pizza {
        min-width:105px;
        width: 17%;
        left: 65%;
        top: -7%
    }

    .plp-filter .events-illustrations-images--penne {
        right: 6%;
        bottom: -18px;
        width: 188px
    }

    .featured_products__button-container {
        padding-top: 50px
    }

    .footer {
        padding: 36px 22px
    }

    .footer__newsletter-email-input {
        margin: 0;
       
    }


    .footer__newsletter-email-input {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }


    .footer__terms-link {
        padding: 0 .6rem
    }

    .form-response-message {
        text-align: center;
        margin: 20px 0 0
    }

    .footer-cta {
        padding-bottom: 15px
    }

    .form-address__add-footer .js-cancel-address-form {
        margin-right: 5px
    }

    .form-create-account,.form-login {
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .form-create-account__wrapper,.form-forgot__wrapper {
        padding: 0 30px;
        text-align: center;
        width: 100%
    }

    .form-create-account__wrapper:after {
        content: "";
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        background-color: #5f3f2b;
        display: block;
        height: 1px;
        width: 100%;
        position: relative;
        margin: 40px auto
    }

    .form-create-account__header-text,.form-login__header-text {
        margin-bottom: 15px
    }

    .form-create-account__submit,.form-forgot__submit {
        margin: 14px auto 0
    }

    .form-forgot {
        width: 100%;
        padding: 150px 0
    }

    .form-login__wrapper {
        padding: 0 30px;
        text-align: center
    }

    .form-login__wrapper,.form-login__wrapper:after {
        width: 100%
    }

    .form-login__wrapper:after {
        content: "";
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        background-color: #5f3f2b;
        display: block;
        height: 1px;
        position: relative;
        margin: 40px auto
    }

    .form-login__footer {
        margin: 0 0 26px
    }

    .form-login__button {
        margin: 0 auto
    }

    .form-search {
        margin-top: 0;
    }
}

.form-search--nav {
    padding-right: 0
}

.form-search-form {
    width: 100%;
    max-width: 500px
}

.form-search--center .form-search-form,.search-results-tabs__no-results {
    margin: 0 auto
}

.form-search--nav .form-search-form {
    width: 100%;
    max-width: initial
}

.form-search-form--blogs {
    max-width: 450px
}

.form-search__input .form-field__input {
    padding-left: 40px
}

.form-search--nav .form-search__input .form-field__input {
    padding-left: 6rem;
    padding-right: 5rem
}

.form-search__input .form-field__label--as-placeholder {
    left: 20px
}

.form-search--nav .form-search__input .form-field__label--as-placeholder {
    left: 2rem
}

.form-search__icon {
    position: absolute;
    width: 20px;
    height: 20px;
    color: #000;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 10px
}

.form-search--nav .form-search__icon {
    position: relative;
    top: auto;
    left: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.form-search__button {
    color: #0f171a;
    height: 21px;
    width: 20px;
    position: absolute;
    background: 0 0;
    padding: 0;
    appearance: none;
    top: 50%;
    border: none;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 6rem
}

.form-search--nav .form-search__button {
    left: 2rem
}

.form-search__button--blogs-close {
    right: 0
}

.form-search__close {
    position: absolute;
    right: 2rem;
    top: 25%
}

.gallery-sidebar {
    display: block;
    background-color: #f1f1f1;
    width: 37%;
    margin-left: 40px
}

@media (max-width: 991px) {
    .form-search--nav .form-search__input .form-field__input {
        padding-left:3rem
    }

    .post-filter-bar .form-search__input .form-field__input {
        padding-left: 20px
    }

    .post-filter-bar .form-search-input-container {
        margin-top: 25px
    }

    .form-search--nav .form-search__button {
        left: initial;
        right: 2rem
    }

    .form-search__button--blogs-search {
        right: 0
    }

    .form-search__close {
        display: none
    }

    .gallery-sidebar {
        width: 100%;
        margin-left: 0;
        height: 100%;
        background-color: #f1f1f1;
        border-radius: 4px
    }
}

.gallery-sidebar__header {
    padding: 35px 25px 15px 50px
}

.gallery-sidebar__anchor {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 45%
}

.gallery-sidebar__anchor:after {
    content: "";
    padding-top: 63%;
    width: 100%;
    position: relative;
    display: block
}

.gallery-sidebar__image,.gallery-sidebar__image .image__img {
    border-radius: 4px
}

.gallery-sidebar__load {
    margin: 0 auto 50px
}

.gallery-sidebar__load:hover {
    background-color: #75240d;
    color: #fff
}

.gallery-sidebar__load .button-text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute
}

.gallery-sidebar__chevron path {
    fill: #fff
}

.grid--with-spacing {
    margin: 85px 0 110px
}

.grid-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.grid-container,.grid-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.grid-content {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    width: 100%
}

.grid-content--margin-top {
    margin-top: 6rem
}

.grid-content--margin-system {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.recipe-filter__grid .grid-content,.wysiwyg--article ol {
    padding: 0
}

.grid-content--xl>* {
    width: calc(100% / 5 - 26.5px)
}

@media (min-width: 1200px) {
    .right-container {
        margin-right:calc((100vw - 1366px)/ 2 + 25px)
    }

    .left-container {
        margin-left: calc((100vw - 1366px)/ 2 + 25px)
    }

    .carousel--testimonials-feature {
        min-width: 1224px
    }

    .contact-section__subcontainer--contact-form {
        min-width: 610px
    }

    .footer {
        height: 50rem
    }

    .grid-content--xl>:nth-child(n+6) {
        margin-top: 5rem
    }
}

@media (max-width: 1199px) and (min-width:992px) {
    .grid-content--xl>* {
        width:calc(100% / 3 - 20px)
    }

    .grid-content--xl>:nth-child(n+4) {
        margin-top: 5rem
    }
}

@media (max-width: 991px) and (min-width:768px) {
    .container,.container--separator {
        padding:0 80px
    }

    .grid-content--xl>* {
        width: calc(100% / 2 - 15px)
    }

    .grid-content--xl>:nth-child(n+3) {
        margin-top: 3rem
    }
}

@media (max-width: 767px) {
    .form-search--nav .form-search__input .form-field__input {
        padding-left:1rem
    }

    .form-search--nav .form-search__input .form-field__label--as-placeholder {
        top: 60%;
        left: 0
    }

    .form-search--nav .form-search__button {
        left: initial;
        right: 1rem
    }

    .form-search__button--blogs-close {
        width: 21px;
        top: 43%
    }

    .grid-content--xl>* {
        width: 100%
    }

    .grid-content--xl>:not(:first-child) {
        margin-top: 4rem
    }
}

.grid-content--lg>* {
    width: calc(100% / 4 - 22.5px)
}

@media (min-width: 1200px) {
    .grid-content--lg>:nth-child(n+5) {
        margin-top:3rem
    }

    .blog__events-grid .grid-content {
        min-width: 1145px
    }
}

@media (max-width: 1199px) and (min-width:768px) {
    .grid-content--lg>* {
        width:calc(100% / 2 - 15px)
    }

    .grid-content--lg>:nth-child(n+3) {
        margin-top: 3rem
    }
}

@media (max-width: 767px) {
    .grid-content--lg>* {
        width:100%
    }

    .quiz .grid-content--lg>* {
        width: calc(100% / 2 - 15px);
        margin-top: 20px
    }
}

.grid-content--lg>.grid-content__hidden {
    height: 0
}

.recipe-filter .grid-content--lg>.grid-content__hidden {
    margin-top: 7px
}

.blog__grid--recipe .grid-content--lg>.grid-content__hidden {
    margin-top: 0
}

.grid-content--lg>:after {
    content: "";
    -webkit-box-flex: 1;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto
}

.grid-content--md>* {
    width: calc(100% / 3 - 37.5px)
}

@media (min-width: 768px) {
    .grid-address .grid-content--md>* .address-card__wrapper {
        border-right:1px solid #0f171a
    }

    .grid-address__address-cards .grid-content {
        padding: 0
    }
}

.grid-address .grid-content--md>* .address-card__wrapper.no-border {
    border-right: none
}

@media (min-width: 992px) {
    .gallery-sidebar {
        -webkit-box-flex:1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin: 75px 0 0 45px
    }

    /*.grid-content--md>:nth-child(n+4) {
        margin-top: 3rem;
    }*/

    .grid-address .grid-content--md>:nth-child(3n+3) .address-card__wrapper {
        border: none
    }

    .grid-address__address-cards .grid-content {
        padding: 0;
        min-width: 600px
    }
}

.gallery-sidebar__grid .grid-content--md>* {
    width: calc(100% / 2 - 10px);
    margin-top: 20px
}

@media (max-width: 991px) {
    .gallery-sidebar {
        margin:0 10px
    }

    .gallery-sidebar__header {
        padding: 20px 25px 15px 20px
    }

    .gallery-sidebar__anchor {
        width: 100%;
        padding: 0 18px
    }

    .gallery-sidebar__anchor:after {
        padding-top: 87%
    }

    .recipe-filter__grid .grid-content {
        max-width: 263px
    }

    .grid-content--lg>.grid-content__hidden {
        display: none
    }

    .grid-content--md>* {
        width: calc(100% / 2 - 15px)
    }

    .blog__recipe-template--grid .grid-content--md>*,.grid-content--md>:nth-child(n+3) {
        margin-top: 3rem
    }

    .grid-address .grid-content--md>:nth-child(2n+2) .address-card__wrapper {
        border: none
    }

    .gallery-sidebar__grid .grid-content--md>* {
        width: calc(100% / 3 - 10px)
    }
}

@media (max-width: 767px) {
    .grid-content--md>* {
        width:100%
    }

    .blog__recipe-template--grid .grid-content--md>* {
        width: calc(100% / 2 - 16.5px)
    }

    .grid-content--md>:not(:first-child) {
        /* margin-top: 3rem */
    }

    .gallery-sidebar__grid .grid-content--md>* {
        width: calc(100% / 2 - 10px)
    }

    .gallery-sidebar__grid .grid-content--md>:first-child,.gallery-sidebar__grid .grid-content--md>:first-child+a {
        margin-top: 0
    }
}

.gallery-sidebar__grid .grid-content--md>.hidden {
    display: none;
    visibility: hidden
}

.recipe-filter .grid-content--md>* {
    width: 83px;
    height: 83px;
    margin-top: 6px
}

.grid-content--md>.post-card {
    margin-top: 5.5rem
}

.recipe-filter__grid .grid-content--md:after {
    content: "";
    width: 83px
}

.grid-content--md.grid-content__hidden {
    height: 0
}

.grid-content--sm>* {
    width: calc(50% - 20px);
    margin-bottom: 28px
}

.grid-content--margin-system>* {
    margin-left: 18.75px;
    margin-right: 18.75px
}

.address-forms.hidden,.blog__recipe-template--grid .grid-content.hidden,.grid-address__address-cards .grid-content.hidden,.js-new-address.hidden {
    display: none;
    visibility: hidden
}

.gallery-sidebar__grid .grid-content {
    padding: 0 53px 15px
}

.grid-description {
    max-width: 591px;
    width: 100%;
    margin-top: 70px
}

.grid-description p {
    text-align: center;
    color: #fff
}

.grid-cta,.order-history__no-orders-message {
    margin-top: 50px
}

.grid-address-header,.recipe-filter__grid .grid-content__hidden {
    display: none
}

.hero__container,.hero__header,.selling-propositions__hero-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

.grid-address {
    margin-top: 12px
}

.grid-address__address-cards {
    margin-top: 5px
}

.grid-address__no-address,.quiz__card-grid {
    margin-top: 20px
}

.address-forms {
    width: 64%
}

.js-new-address {
    margin: 50px 0
}

@media (max-width: 991px) {
    .blog__recipe-template--grid .grid-content--md>:nth-child(-n+2) {
        margin-top:0
    }

    .grid-content--md>.post-card {
        width: calc(100% / 2 - 15px);
        margin-top: 2.5rem
    }

    .grid-content--md.grid-content__hidden {
        display: none
    }

    .grid-content--margin-system>* {
        margin-left: 7.5px;
        margin-right: 7.5px
    }

    .gallery-sidebar__grid .grid-content {
        padding: 0 18px
    }

    .grid-address__no-address {
        margin-top: 35px
    }

    .address-forms {
        width: 100%
    }

    .js-new-address {
        margin: 35px 0 50px
    }
}

.errors {
    margin-top: 35px
}

.hero {
    position: relative;
    height: 59rem;
    z-index: 1
}

@media (max-width: 767px) {
    .grid-content--sm>* {
        width:calc(100% / 2 - 15px);
        margin-bottom: 4rem
    }

    .grid-content--margin-system>* {
        margin-left: 0;
        margin-right: 0
    }

    .address-forms {
        margin-top: 40px
    }

    .js-new-address {
        margin: 0 0 50px
    }

    .hero {
        height: 28rem
    }
}

.hero--has-overlay:after {
    z-index: -1;
    background-color: #0f171a;
    opacity: .3
}

.hero--has-overlay:after,.hero--has-secondary-overlay:after {
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute
}

.hero--has-secondary-overlay:after {
    z-index: 1;
    background-color: #75240d;
    opacity: .7
}

.hero-overlay {
    background: #000;
    opacity: .3
}

.hero__container,.selling-propositions__hero-container {
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    padding-bottom: 2rem;
    position: relative
}

.hero__header {
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #fff;
    margin-bottom: .4rem;
    text-align: center
}

.hero__title {
    max-width: 90rem;
    margin-top: 2rem;
    margin-bottom: 2rem
}

.hero__description {
    max-width: 80rem;
    width: 100%;
    margin: 1rem 0 3rem
}

.hero__cta-link-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.hero__cta-link,.hero__cta-link-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.hero__cta-link,.order-history-item__order-number-link {
    text-decoration: none
}

.hero__cta-link-text {
    color: #fff
}

.hero__cta-arrow-forward {
    height: 100%;
    width: 2rem;
    margin-left: 10px
}

.hero-cta,.homepage-hero {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.hero-cta--product {
    background: #fef8e5
}

.hero-cta--small {
    background: #75240d
}

.hero-cta--has-secondary-overlay:after {
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: #75240d;
    opacity: .95;
    position: absolute
}

.hero-cta-overlay {
    background: #000;
    opacity: .3
}

.hero-cta__container,.homepage-hero__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    position: relative
}

.hero-cta__translucent-block {
    position: absolute;
    z-index: 2;
    bottom: 25%
}

.hero-cta__pie-illustration {
    z-index: 2;
    width: 20%;
    position: absolute;
    bottom: 0;
    right: 8%
}

.hero-cta__pie-illustration:after {
    content: "";
    display: block;
    position: relative;
    padding-top: 100%
}

.hero-cta__header,.hero-cta__image-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}

.hero-cta__bg,.how-its-made__bg {
    z-index: -1
}

.hero-cta__image-container {
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 47%;
    position: relative;
    margin-left: 55px
}

.hero-cta__image-container:after {
    content: "";
    display: block;
    position: relative;
    padding-top: 100%
}

@media (min-width: 992px) {
    .blog__recipe-template--grid .grid-content {
        padding:0;
        min-width: 600px
    }

    .address-forms {
        min-width: 585px
    }

    .hero--small-desktop {
        height: 50vh
    }

    .hero-cta {
        height: 55vw;
        min-height: 750px;
        max-height: 1000px
    }

    .hero-cta--small {
        height: 40vw;
        min-height: 550px;
        max-height: 800px
    }

    .hero-cta__image-container {
        min-width: 400px
    }

    .hero-cta__header {
        min-width: 625px
    }
}

@media (max-width: 991px) {
    .hero-cta--small {
        min-height:625px
    }

    .hero-cta__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .hero-cta__translucent-block {
        bottom: 2%
    }

    .hero-cta__pie-illustration {
        display: none
    }

    .hero-cta__image-container {
        width: 75%;
        max-width: 490px;
        margin: 50px 0 0
    }

    .hero-cta__image-container--small {
        margin-top: 35px
    }
}

.hero-cta__image-container--small:after {
    content: "";
    display: block;
    position: relative;
    padding-top: 70%
}

.hero-cta__header {
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #fff;
    margin: 0 25px;
    text-align: center;
    width: 50%;
    padding: 0 0 75px 80px
}

.hero-cta__header--black-text,.hero-split__header,.hero-split__header--black-text,.homepage-hero__header--black-text {
    color: #0f171a
}

@media (max-width: 1199px) {
    .form-create-account__wrapper,.form-forgot__wrapper,.form-login__wrapper {
        width:100%
    }

    .form-search--nav {
        padding: 0
    }

    .form-search--nav .form-search-form {
        max-width: 606.5px
    }

    .blog__events-grid .grid-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .hero-cta__image-container--small {
        margin-left: 0
    }

    .hero-cta__header {
        margin: 0;
        padding-left: 60px
    }
}

@media (max-width: 991px) {
    .hero-cta__header {
        padding-left:0;
        margin: 0;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%
    }
}

@media (max-width: 767px) {
    .hero__header {
        margin-bottom:0
    }

    .hero__title {
        font-size: 3rem;
        line-height: 3.5rem
    }

    .hero__description {
        margin-bottom: 1.7rem
    }

    .hero-cta__translucent-block {
        position: absolute;
        z-index: 2;
        left: -38%
    }

    .hero-cta__image-container {
        width: 100%
    }

    .hero-cta__image-container:after {
        content: "";
        display: block;
        position: relative;
        padding-top: 100%
    }

    .hero-cta__header {
        padding-bottom: 25px
    }
}

.hero-cta__header--small {
    min-width: 400px
}

.hero-cta__large-title {
    max-width: 500px;
    margin-top: 20px;
    text-align: left
}

.hero-cta__large-title--small {
    max-width: 100%
}

.hero-cta__description {
    width: 100%;
    margin: 20px 0 80px;
    text-align: left;
}

.hero-cta__description p {
    padding-bottom: 10px !important;
}


@media (min-width: 992px) {
    .hero-cta__header--small {
        padding-left:40px
    }

    .hero-cta__description {
        /* max-width: 400px; */
    }
}

@media (max-width: 991px) {
    .hero-cta__header--small {
        padding-bottom:60px
    }

    .hero-cta__large-title {
        font-size: 30px;
        line-height: 35px;
        text-align: center
    }

    .hero-cta__description {
        text-align: center;
        margin-bottom: 50px
    }
}

@media (max-width: 767px) {
    .hero-cta__large-title {
        margin-top:15px
    }

    .hero-cta__description {
        margin: 10px 0 45px
    }
}

.hero-cta__description--small {
    max-width: 95%
}

.hero-cta__button-container,.order-details-list-item__container-subcontainer-details {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.hero-cta__quiz-link,.hero-split__container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal
}

.hero-cta__quiz-link {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.hero-cta__quiz-link,.hero-split {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.hero-split__container,.hero-split__product-image-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}

.hero-split {
    position: relative;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 992px) {
    .hero-cta__description--small {
        margin-bottom:60px
    }

    .hero-split {
        height: 42vw;
        min-height: 675px;
        max-height: 1000px
    }

    .hero-split__header {
        margin-left: -20px;
        min-width: 550px
    }
}

.hero-split__illustration-image-container {
    width: 25%;
    position: absolute;
    right: 10%;
    bottom: 0
}

.hero-split__illustration-image-container:after {
    content: "";
    display:none;
    position: relative;
    padding-top: 100%
}

.hero-split__container {
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    position: relative;
}

.hero-split__product-image-wrapper {
    position: relative;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 47%;
    height: 100%;
    margin: 225px 0 0 85px;
    min-width: 600px
}

@media (max-width: 1199px) {
    .hero-cta__button-container {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .hero-split__product-image-wrapper {
        min-width: 500px;
        margin-left: 130px
    }
}

.hero-split__product-image-container {
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    margin-left: 50px
}

.hero-split__header,.homepage-hero__image-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-pack: center
}

.hero-split__product-image-container:after {
    content: "";
    display: block;
    position: relative;
    padding-top: 100%
}

@media (max-width: 991px) {
    .hero-split {
    
        padding-bottom:0;
    
    }

    .hero-split__illustration-image-container {
        width: 40%;
        right: 0
    }

    .hero-split__illustration-image-container:after {
        content: "";
        display: none;
        position: relative;
        padding-top: 100%
    }

    .hero-split__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .hero-split__product-image-wrapper {
        max-width: 630px;
        margin: 0 0 35px 50px;
        width: 100%
    }

    .hero-split__product-image-container {
        margin: 50px 0;
        width: 75%;
        max-width: 550px
    }
}

@media (max-width: 767px) {
    .hero-cta__button-container {
        -webkit-box-align:center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .hero-split__illustration-image-container {
        width: 60%;
        right: 0
    }

    .hero-split__illustration-image-container:after {
        content: "";
        display: block;
        position: relative;
        padding-top: 100%
    }

    .hero-split__container {
        margin-top: 65px
    }

    .hero-split__product-image-wrapper {
        max-width: 330px;
        min-width: 300px;
        margin: 30px 0 40px -20px
    }

    .hero-split__product-image-container {
        width: 100%;
        margin: 0
    }

    .hero-split__product-image-container:after {
        content: "";
        display: block;
        position: relative;
        padding-top: 100%
    }
}

.hero-split__product-image-container--product-1 {
    top: 5%;
    width: 57%;
    margin-left: -38px
}

@media (max-width: 767px) {
    .hero-split__product-image-container--product-1 {
        top:20px;
        margin: 0
    }
}

.hero-split__product-image-container--product-2 {
    position: absolute;
    width: 70%;
    top: 0;
    right: 0;
    margin-left: auto
}

.hero-split__header {
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    padding-bottom: 60px
}

.hero-split__title {
    width: 80%;
    text-align: left
}

.hero-split__description {
    max-width: 400px;
    width: 100%;
    margin: 14px 0 58px;
    text-align: left
}

.homepage-hero__image-container {
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    position: relative;
    margin-left: 50px;
    max-width: 575px
}

.homepage-hero__button-container,.homepage-hero__header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-direction: normal
}

.homepage-hero__image-container:after {
    content: "";
    display: block;
    position: relative;
    padding-top: 85%
}

.homepage-hero__header {
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #0f171a;
    margin: 0 25px 0 90px;
    text-align: center;
    width: 50%;
    padding: 0 0 60px
}

.homepage-hero__title {
    min-width: 450px;
    text-align: left
}

.homepage-hero__description {
    width: 100%;
    margin: 14px 0 58px;
    text-align: left
}

.homepage-hero__button-container {
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    min-width: 225px
}

@media (max-width: 1199px) {
    .homepage-hero__header {
        margin-left:30px
    }

    .homepage-hero__button-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.homepage-hero__quiz-link {
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.homepage-hero__quiz-link,.how-its-made {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal
}


.icon-attributes__container {
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 11px
}

.icon-attributes__container--article {
    padding: 11px 0
}

.contact .icon-attributes__container {
    padding-left: 0
}

.icon-attributes__icon-container {
    position: relative;
    min-width: 30px;
    margin-bottom: auto
}

.icon-attributes__icon-container--location {
    width: 16px;
    height: 16px
}

.icon-attributes__icon-container--message {
    width: 28px;
    height: 16px
}

.icon-attributes__icon-container--phone,.icon-attributes__icon-container--time {
    width: 16px;
    height: 16px
}

#yotpo-selector .yotpo-stars-and-sum-reviews,.icon-attributes__details-container,.icon-filter-card__product .icon-filter-card, .icon-filter-card__chef .icon-filter-card,.order-details__payment-amount,.order-details__payment-category,.product-listing-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.icon-attributes__details {
    margin-left: 7px
}

.icon-filter-card {
    position: relative;
    cursor: pointer;
    background: #fff;
    -webkit-transition: background-color .3s linear,opacity .3s linear;
    -o-transition: background-color .3s linear,opacity .3s linear;
    transition: background-color .3s linear,opacity .3s linear
}

.icon-filter-card.active:not(.icon-filter-card__product):not(.icon-filter-card__chef):after {
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-color: #c74928;
    opacity: .3;
    position: absolute
}

.icon-filter-card__image-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    position: relative
}

.icon-title,.image-title-copy-card {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}

.icon-filter-card__image-container:after {
    content: "";
    padding-top: 100%;
    position: relative;
    display: block
}

.icon-filter-card__product .icon-filter-card__image-container, 
.icon-filter-card__chef .icon-filter-card__image-container{
    width: 55%;
    margin: 10px auto 9px
}

.icon-filter-card__product:hover .icon-filter-card__title, 
.icon-filter-card__chef:hover .icon-filter-card__title{
    color: #c74928 !important;
}

.icon-filter-card__title {
    padding: 0 5px;
    text-align: center;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.icon-filter-card__tooltip {
    position: relative;
    display: inline-block
}

.icon-filter-card__tooltip .icon-filter-card__tooltiptext {
    width: 120px;
    background-color: #c74928;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    padding: 5px 0;
    text-transform: capitalize;
    opacity: 0;
    position: absolute;
    z-index: 1
}

.icon-filter-card__tooltip:hover .icon-filter-card__tooltiptext {
    visibility: visible;
    opacity: .7;
    -webkit-transition: .25s .5s;
    -o-transition: .25s .5s;
    transition: .25s .5s
}

.icon-title {
    display: flex;
    margin-bottom: 35px
}

.icon-title__title-text {
    margin-left: 15px
}

.blog__events-icon-title .icon-title__title-text,.wysiwyg form .wpcf7-list-item {
    margin-left: 0
}

.icon-title__image-container {
    position: relative;
    width: 24.7px
}

.image__img,.image__zoom {
    width: 100%;
    height: 100%
}

.icon-title__image-container:after {
    content: "";
    display: block;
    padding-bottom: 100%
}

.blog__events-icon-title .icon-title__image-container {
    display: none
}

.image,.image:not(.no-hover):after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.image:not(.no-hover):after {
    content: "";
    background-color: var(--tan);
    opacity: 0;
    -webkit-transition: opacity .3s cubic-bezier(.06,.305,0,1);
    -o-transition: opacity .3s cubic-bezier(.06,.305,0,1);
    transition: opacity .3s cubic-bezier(.06,.305,0,1)
}

.image--relative {
    position: relative
}

.image__img {
    position: absolute;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
}

.image__img.vue-img,.image__img.zoom-img {
    opacity: 1!important
}

.image__zoom .image__img {
    z-index: 1
}

.image--contain .image__img {
    -o-object-fit: contain;
    object-fit: contain;
}

.image--relative .image__img,.order-history__list-row,.recipe-card__icon-container,.recipe-filter-wrapper,.search-results-tabs__button {
    position: relative
}

.anim--fade .image__img {
    opacity: 1;
    -webkit-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s
}

.anim--fade .image__img.loaded {
    opacity: 1
}

.anim--wipe .image__img {
    -webkit-transform: translateY(4%);
    -ms-transform: translateY(4%);
    transform: translateY(4%);
    -webkit-transition: -webkit-transform .7s cubic-bezier(.06,.305,0,1);
    transition: transform .7s cubic-bezier(.06,.305,0,1);
    -o-transition: transform .7s cubic-bezier(.06,.305,0,1);
    transition: transform .7s cubic-bezier(.06,.305,0,1),-webkit-transform .7s cubic-bezier(.06,.305,0,1)
}

.anim--wipe .image__img.loaded {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.testimonial-card__image-container .image__img {
    border-radius: 5px
}

.post-card .image__img {
    border-radius: 4px
}

.js-image-zoom__zoomed-area {
    z-index: 2;
    background-color: #0f171a!important
}

.js-image-zoom__zoomed-image {
    -webkit-box-shadow: 1px 0 12px 2px rgba(0,0,0,.2);
    box-shadow: 1px 0 12px 2px rgba(0,0,0,.2);
    z-index: 400
}

.image-copy-illustration-card {
    max-width: 365
}

.image-copy-illustration-card__image-container {
    position: relative;
    width: 80%;
    margin: 0 auto
}

.image-copy-illustration-card__image-container:after {
    content: "";
    display: block;
    padding-bottom: 65%
}

.image-copy-illustration-card__title {
    text-align: center;
    margin-top: 50px
}

.image-copy-illustration-card__copy {
    margin-top: 13px;
    text-align: center
}

.image-title-copy-card {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 37%
}

@media (min-width: 992px) {
    .homepage-hero {
        height:40vw;
        min-height: 675px;
        max-height: 1000px
    }

    .homepage-hero__image-container {
        min-width: 375px
    }

    .homepage-hero__header {
        min-width: 550px
    }

    .homepage-hero__description {
        max-width: 400px
    }

    .contact .icon-attributes {
        margin-top: 50px
    }

    .icon-filter-card:not(.icon-filter-card__product):not(.icon-filter-card__chef):hover:after {
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 0;
        background-color: #c74928;
        opacity: .1;
        position: absolute
    }

    .image-title-copy-card {
        min-width: 340px
    }

    .image-title-copy-card--row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%
    }
}

@media (max-width: 991px) {
    .hero-split__header,.homepage-hero__header {
        margin:25px 0 0;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        padding: 0
    }

    .hero-split__title,.homepage-hero__title {
        text-align: center;
        min-width: 100%
    }

    .hero-split__description,.homepage-hero__description {
        text-align: center;
        margin: 50px 0 30px;
        font-size: 1.3rem !important;
        padding: 0px 30px;
    }

    .homepage-hero {
        min-height: calc(95vh - 67px)
    }

  .homepage-hero > .image {
    height: 95%;
    display: none;
    }

   .homepage-hero.ima ge {
    height: 95%;
    }

    .homepage-hero__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 45px
    }

    .homepage-hero__image-container {
        margin: 50px 0;
        width: 75%;
        max-width: 550px
    }

    .how-its-made__header {
        text-align: center
    }

    .how-its-made__content-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .contact .icon-attributes,.how-its-made__content {
        margin-top: 20px
    }

    .icon-attributes__details {
        margin: 0
    }

    .icon-filter-card__tooltip:hover .icon-filter-card__tooltiptext {
        display: none
    }

    .blog__events-icon-title .icon-title__image-container {
        display: block;
        margin-right: 10px
    }

    .blog__events-icon-title--discover .icon-title__image-container {
        display: none
    }

    .js-image-zoom__zoomed-area {
        display: none!important
    }

    .image-title-copy-card {
        width: 100%;
        margin: 0 auto
    }
}

.image-title-copy-card__image-container,.post-card__image-container {
    position: relative;
    width: 100%
}

.image-title-copy-card__image-container:after {
    content: "";
    display: block;
    padding-bottom: 75%
}

.image-title-copy-card__heading-copy-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width: 992px) {
    .image-title-copy-card--first {
        margin-left:70px
    }

    .selling-propositions__copy-cards-subcontainer--column .image-title-copy-card__heading-copy-container {
        width: 90%
    }

    .image-title-copy-card--small-title .image-title-copy-card__heading-copy-container {
        margin-left: 20px
    }

    .image-title-copy-card--small-title .image-title-copy-card__header {
        text-align: center;
        margin-left: -10px;
        font-size: 2.2rem;
        line-height: 2.2rem;
        font-weight: 700;
        font-family: Roboto Slab,sans-serif
    }

    .plp-filter .input-select__chevron {
        width: 15px;
        right: 18px;
        top: 48%
    }
}

.image-title-copy-card__description {
    margin: 14px 0 58px;
    text-align: left
}

@media (max-width: 991px) {
    .image-title-copy-card--small-title .image-title-copy-card__heading-copy-container {
        margin:0
    }

    .image-title-copy-card__description {
        margin: 14px 0 10px;
        text-align: center
    }
}

.image-title-copy-card--small-title .image-title-copy-card__description {
    margin: 1rem 0
}

.form-checkbox-container {
    display: block;
    position: relative;
    padding-left: 24px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.form-checkbox__checkbox {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.form-checkbox__check-mark {
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 10px;
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 2px;
    border: .5px solid #01161e;
    margin: 3px 3px 0 5px;
    background-color: #fff
}

.form-checkbox__check-mark:active,.form-checkbox__checkbox:focus~.form-checkbox__check-mark {
    border-color: #c6d0e4
}

.form-checkbox__check-mark:after {
    content: "";
    position: absolute;
    display: none;
    left: 50%;
    top: 50%;
    width: 3px;
    height: 7px;
    border: solid #0f171a;
    border-width: 0 1px 1px 0;
    -webkit-transform: translate(-50%,-60%) rotate(45deg);
    -ms-transform: translate(-50%,-60%) rotate(45deg);
    transform: translate(-50%,-60%) rotate(45deg)
}

.form-checkbox__checkbox:checked~.form-checkbox__check-mark:after {
    display: block
}

.input-email {
    position: absolute;
    color: #0f171a;
    z-index: 1
}

.input-email__button {
    position: absolute;
    right: 30px;
    top: 11%;
    border: none;
    cursor: pointer
}

.contact__form .input-email__button {
    display: none
}

.input-select__label {
    margin-right: 1rem
}

.input-select__cta {
    margin-left: auto;
    appearance: none;
    padding: none;
    border: none;
    text-decoration: underline;
    color: #8c8cbd
}

.pagination__nav,.pagination__page {
    text-decoration: none
}

.input-select__select-container {
    position: relative;
    display: inline-block;
    background-color: #fff
}

.navigation__container,.navigation__logo-menu-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}

.plp-filter .input-select__select-container,.post-filter-bar .input-select__select-container {
    margin: 0 0 0 12px
}

.contact__form .input-select__select-container {
    background-color: transparent;
    width: 100%;
    margin-top: 0
}

.input-select__select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    z-index: 2;
    position: relative;
    cursor: pointer;
    width: 158px;
    height: 35px;
    padding: 10px 10.8px 10px 15px;
    -o-object-fit: contain;
    object-fit: contain;
    border: 1px solid #0f171a;
    background-color: transparent
}

.plp-filter .input-select__select,.post-filter-bar .input-select__select {
    width: 215px;
    border: 1px solid #bdb1b9;
    border-radius: 4px;
    margin: 0;
    padding-top: 5px;
    padding-bottom: 5px
}

.plp-filter .input-select__select {
    min-width: 255px
}

.contact__form .input-select__select {
    border: 1px solid #bdb1b9;
    background: #fff;
    border-radius: 5px;
    width: 100%;
    margin-top: 2px
}

.input-select__chevron {
    position: absolute;
    width: 15px;
    right: 1rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1
}

.contact__form .input-select__chevron {
    z-index: 3;
    top: 46%;
    right: 1.5rem
}

.navigation {
    background-color: #fff;
    position: fixed;
    width: 100vw;
    height: 90px;
    top: 0;
    z-index: 999999;
}

.has-promo-bar .navigation {
    top: 45px
}

.promo-bar-removed .navigation {
    top: 0!important
}

.navigation:after {
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,.16);
    box-shadow: 0 3px 6px 0 rgba(0,0,0,.16);
    z-index: 1
}

.navigation__container {
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    padding: .9rem 110px;
    position: relative;
    z-index: 2;
    flex-wrap: wrap;
}

.navigation__search.active {
    order: 1;
    justify-content: flex-end;
    max-width: 426px;
    place-self: flex-end;
    margin-top: 9px;
    border: 2px solid !important;
}

.navigation__actions {
    place-items: flex-end;
    justify-content: flex-end;
    width: 396px;
}

.navigation__logo-menu-container {
    width: calc(100% - 396px);
}

@media screen and (max-width: 991px) {
    .navigation__actions {
    place-items: flex-end;
    justify-content: center;
    width: 100px;
}
    .navigation__logo-menu-container {
    width: auto;
}
}

.navigation__logo-menu-container {
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 100%;
    z-index: 1
}

.navigation__logo-link {
    height: 70px
}

.navigation__logo {
    height: 100%
}

.navigation__menu-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: 50px
}

.navigation__menu-container.active,.order-details__address-card-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.navigation__search {
    background-color: #fff;
    display: none;
    width: 100%
}

.navigation__menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    list-style-type: none;
    padding: 0;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

.navigation__menu-item {
    position: relative;
    white-space: nowrap;
    list-style: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (min-width: 1440px) {
    .navigation__menu-item {
        margin-left:2rem
    }

    .recipe-hero__recipe-info-list {
        padding-left: 65px;
      padding-right: 25px;
    }
}

.navigation__menu-item:after {
    content: "";
    position: absolute;
    bottom: -5px;
    background-color: #0f171a;
    width: 100%;
    height: 2px;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    -webkit-transition: -webkit-transform .3s cubic-bezier(.06,.305,0,1);
    transition: transform .3s cubic-bezier(.06,.305,0,1);
    -o-transition: transform .3s cubic-bezier(.06,.305,0,1);
    transition: transform .3s cubic-bezier(.06,.305,0,1),-webkit-transform .3s cubic-bezier(.06,.305,0,1)
}

.has-promo-bar .promo-bar,.navigation__menu-item-link {
    display: block
}

.navigation__action {
    color: #0f171a;
    height: 21px;
    position: relative
}

.navigation__action--search {
    width: 20px;
    background: 0 0;
    cursor: pointer;
    border: none
}

.navigation__action--search.hide {
    display: none
}

.navigation__action--user {
    width: 15px
}

.navigation__action--user.active {
    width: 17px;
    height: 25px
}

.navigation__action--cart {
    width: 23px
}

.navigation__action--cart.active {
    width: 24px;
    height: 25px
}

.navigation__action:not(:first-child) {
    margin-left: 2rem
}

.navigation__action--arrow-forward {
    margin-left: 1rem
}

.navigation__action.active {
    border: 1px solid #000;
    border-image-slice: 0 0 3;
    border-image-width: 0 0 4px;
    border-image-outset: 0 0 5px;
    border-image-source: url(../svg/underlinee166.svg?v=1620142884)
}

.navigation__cart-count {
    position: relative;
    top: -8px;
    right: -14px;
    background-color: #5f3f2b;
    color: #fff;
    border-radius: 50%;
    width: 14px;
    height: 14px;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
}

.pagination__arrow,.pagination__svg {
    position: absolute
}

.primary-color-swatches .swatch:nth-of-type(3),.rc-widget-injection-parent,.rc-widget-injection-parent .rc_widget__option--active {
    background-color: #fef8e5
}

.navigation__mobile-menu {
    padding: 0;
    height: 17px
}

.order-details,.order-details__bottom-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-direction: normal
}

.navigation__mobile-menu .hamburger-box {
    height: 16px;
    width: 100px
}

.navigation__mobile-menu .hamburger-inner {
    height: 3px;
    border-radius: 0;
    width: 24px
}

.navigation__mobile-menu .hamburger-inner:before {
    height: 3px;
    top: -6px;
    border-radius: 0;
    width: 24px
}

.navigation__mobile-menu .hamburger-inner:after {
    height: 3px;
    bottom: -6px;
    border-radius: 0;
    width: 24px
}

.navigation__buy {
    height: 45px
}

.navigation__logo-menu-container nav>ul>li {
    margin: 0 1vw!important;
    height: 100%;
    align-items: center
}

.navigation__logo-menu-container nav>ul li li {
    padding: 10px 20px!important
}

.order-details {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    margin: 40px 0 30px
}

.order-details__table {
    width: 100%;
    margin-top: 35px
}

.order-details__table--mobile,.product-add-to-cart-tabs__container,.rc-widget-injection-parent .rc_popup {
    display: none
}

.order-details__th--total {
    padding-right: 20px;
    text-align: right
}

.order-details__heading-row,.title-copy-header__text {
    margin-bottom: 30px
}

.order-details__bottom-container {
    display: flex;
    margin-top: 24px;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.order-details__payment-info-container {
    width: 150px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-right: 20px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.order-details-list-item__td {
    padding: 30px 0 25px;
    text-align: center;
    border-bottom: 1px solid #f1f1f1
}

.order-details-list-item__td--image-details {
    width: 45%
}

@media (max-width: 767px) {
    .hero-split__product-image-container--product-2 {
        right:-20px
    }

  .footercta {
  display: none !important;
  }

    .hero-split__header,.homepage-hero__header {
        padding: 0
    }

    .homepage-hero__container {
        margin: 60px 0 50px
    }

    .homepage-hero__image-container {
        width: 93%;
        margin: 0
    }

    .homepage-hero__button-container {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
      margin-top: 25px !Important;
    }

    .how-its-made {
        padding: 35px 20px
    }

    .how-its-made__content-wrapper {
        margin-top: 10px
    }

    .how-its-made__subheader {
        margin-top: 5px
    }

    .how-its-made__copy {
        margin-top: 25px;
        padding: 0 15px
    }

    .how-its-made__video-container {
        width: 100%;
        margin-top: 30px
    }

    .icon-title {
        margin-bottom: 25px
    }

    .image-title-copy-card {
        width: 100%
    }

    .input-email__button {
        right: 20px
    }

    .input-select__select-container {
        margin: 4px 0 12px
    }

    .post-filter-bar .input-select__select-container {
        width: 100%;
        margin-left: 0
    }

    .contact__form .input-select__select-container {
        margin-bottom: 0
    }

    .input-select__select {
        margin: 4px 0 12px;
        padding: 5px 10.8px 5px 15px
    }

    .order-details-list-item__td--image-details,.plp-filter .input-select__select,.post-filter-bar .input-select__select {
        width: 100%;
      min-width: 200px !important;
    }
}

  .collection {
    padding: 10px;
  }

    .input-select__chevron {
        top: 52%
    }

    .contact__form .input-select__chevron {
        top: 34%
    }

    .navigation__action:not(:first-child) {
        margin-left: 1.6rem
    }

    .order-details {
        padding: 0;
        margin-top: 60px
    }

    .order-details__table {
        margin-top: 65px
    }

    .order-details__th {
        padding-bottom: 0
    }

    .order-details__th-text {
        display: none
    }

    .order-details__address-card-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 15px
    }

    .order-details__address {
        margin-top: 25px
    }

    .order-details__bottom-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .order-details__payment-info-container {
        margin: 0 30px 0 auto;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .order-details-list-item__image-container {
        min-height: 115px;
        min-width: 115px
    }
}

.order-details-list-item__td--price,.order-details-list-item__td--quantity {
    padding-top: 0
}

.order-details-list-item__td--total {
    padding-top: 0;
    padding-right: 20px;
    text-align: right;
    width: 15%
}

.order-details-list-item__options-title-container,.order-history-item__td--order-number,.order-history__th--order-number {
    text-align: left
}

#yotpo-selector .yotpo-review-wrapper .content-review,.order-details-list-item__td-text--purchase-type-desktop,.product-listing-info__product-details-link,.title-copy__title,.wysiwyg a.breadcrumbs__link {
    color: #0f171a
}

.order-details-list-item__td-text--purchase-type-text-mobile {
    float: left
}

.order-details-list-item__options {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.order-history {
    width: 100%;
    margin: 0 auto
}

.order-history__table {
    width: 100%;
    margin-top: 35px
}

.order-history__th {
    border-bottom: 1px solid #0f171a;
    padding-bottom: 7.5px
}

.order-history-item {
    border-bottom: 1px solid #bdb1b9;
    height: 65px
}

.pagination {
    margin-bottom: 85px
}

.pagination--blog,.recipe-hero__header {
    margin-top: 75px
}

.pagination__container,.search-results-tabs .product-card__details {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.pagination__container,.pagination__nav,.plp-filter__product-qty,.post-filter-bar__filter-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.pagination__nav--next {
    margin-left: 25px
}

.pagination__nav--prev {
    margin-right: 25px
}

.pagination__svg {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 10px
}

.plp-filter,.plp-filter__category {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}

.pagination__svg path {
    fill: #0f171a
}

.pagination__pages {
    margin-bottom: 4px
}

.pagination__page {
    color: #0f171a
}

.pagination__page:not(:first-child) {
    margin-left: 2rem
}

.pagination__page--current {
    cursor: text;
    color: #c74928
}

.pagination__arrow--prev {
    left: 25px
}

.pagination__arrow--next {
    right: 25px
}

.plp-filter {
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 60px auto 70px
}

.plp-filter__category {
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.plp-filter__category-title {
    padding-right: 10px;
    min-width: 60px
}

.plp-filter__illustrations {
    position: aboslute
}

.post-card__image-container:after {
    content: "";
    padding-top: 68%;
    position: relative;
    display: block
}

.post-card__title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 1.5rem
}

.post-card__excerpt {
    text-align: left;
    padding: 13px 0 5px
}

.post-filter-bar,.post-navigation {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}

.post-card__date {
    padding: 5px 0;
    color: #bdb1b9
}

.post-navigation__link,.product-card__title-variants-link {
    color: #0f171a;
    text-decoration: none
}

.post-filter-bar {
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.post-filter-bar__sort-text {
    white-space: nowrap
}

.post-filter-bar__close path {
    fill: #5f3f2b
}

.post-navigation {
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 55px
}

.post-navigation__arrow,.post-navigation__link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    z-index: 10;
}

.post-navigation--blog-article {
    
    margin: 100px auto 55px
}

.post-navigation__link {
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 10;
}

.post-navigation__link-prev {
    margin-right: auto;
}

.post-navigation__link-next,.recipe-content-header__subcontainer {
    margin-left: auto;
    z-index: 10;
}

.post-navigation__arrow {
    display: flex;
    height: 9px;
    width: 9px;
    margin-bottom: 2px;
}

.post-navigation__arrow path {
    fill: #0f171a
}

.post-navigation__arrow--prev {
    margin-right: 18px
}

.post-navigation__arrow--next {
    margin-left: 18px
}

@media (min-width: 1200px) {
    .quiz .grid-content {
        min-height:288px;
        padding: 0 !important;
        align-items: center;
    }

    .hero-cta__button-container {
        width: 100%
    }

    .navigation__search.active {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .navigation__menu-item {
        margin-left: 1.2rem
    }

    .product-add-to-cart {
        width: 43%
    }

    .search-results-tabs__grid {
        padding: 0 200px
    }
}

.promo-bar__text,.rc-widget-injection-parent .rc_container {
    margin-bottom: 0
}

.rc-widget-injection-parent .rc_widget__option {
    padding: 15px 30px
}

.rc-widget-injection-parent .rc_widget__option__input {
    width: 11px
}

.rc-widget-injection-parent .rc_widget__option__input:checked+.rc_widget__option__label:before {
    background-color: #000;
    -webkit-box-shadow: inset 0 0 0 4px;
    box-shadow: inset 0 0 0 4px
}

.product-modal .product-add-to-cart-tabs {
    margin-top: 10px;
    padding-bottom: 30px
}

.product-add-to-cart-tabs__tabs-container,.product-detail-tabs__tabs-container {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 45px
}

.product-add-to-cart-tabs__tab,.product-add-to-cart-tabs__tabs-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.product-add-to-cart-tabs__tab {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #fff;
    cursor: pointer;
    border-radius: 4px;
    text-align: center;
    font-size: 16px;
}

.product-add-to-cart-tabs__tab.active {
    background: #fef8e5
}

.product-add-to-cart-tabs__container.active {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fef8e5;
    padding: 0 30px
}

.product-add-to-cart-tabs__add-to-cart-button,.product-detail-tabs__detail-button {
    margin-left: 20px
}

.product-add-to-cart-tabs__input-select {
    padding-bottom: 15px
}

.product-add-to-cart-tabs__input-select .input-select__chevron {
    top: 45%
}

.product-add-to-cart-tabs__input-select .input-select__select {
    width: 85px;
    height: 43px;
    border-radius: 6px;
    border: 1px solid #bdb1b9
}

.product-card__image {
    position: relative;
    margin: 0 auto;
    width: 80%;
    cursor: pointer;
    overflow: hidden;
}

.product-card__image:after {
    content: "";
    padding-top: 100%;
    position: relative;
    display: block
}

.product-card__title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 2.6rem;
    overflow: hidden;
    cursor: pointer
}

.product-card__title-variants-container {
    overflow: hidden;
    cursor: pointer;
    width: 80px
}

.product-card__title-variants-subcontainer,.product-listing-info__variants-subcontainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: -5px;
    list-style-type: none;
    padding: 0
}

.product-card__title-variants {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    padding: 0 .5rem;
    text-align: center;
    border-left: 1px solid #0f171a
}

.product-card__price-range {
    margin-top: 4px;
    text-align: left
}

.product-card__reviews {
    text-align: left;
    margin-top: 6px
}

.search-results-tabs .product-card__reviews {
    margin-top: 5px
}

.product-detail-tabs {
    width: 100%;
    margin-top: 35px
}

.product-detail-tabs__tab,.product-detail-tabs__tabs-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.product-detail-tabs__tab {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 33.3334%;
    height: 100%;
    background: #fff;
    cursor: pointer;
    border-radius: 4px;
    text-align: center;
    color: #5f3f2b;
    position: relative
}

.product-detail-tabs__tab-text.active,.product-detail-tabs__tab.active,.promo-bar__link {
    color: #fff
}

.product-detail-tabs__tab--jagged {
    display: none
}

@media (min-width: 768px) {
    .order-details__table--mobile {
        display:none
    }

    .order-history__td {
        padding: 20px 0
    }

    .product-detail-tabs__tab--jagged.active {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: center;
    }

    .quiz__wrapper {
        margin: 0 auto 80px;
        min-width: 620px;
        width: 47%
    }
}

.product-detail-tabs__container,.product-detail-tabs__tab--jagged-mobile,.product-listing-info__product-details-link-container,.product-modal,.quiz-result .product-listing-info__purchase-header {
    display: none;
}

.product-detail-tabs__tab-text {
    position: absolute;
    z-index: 9999;
    font-size: 16px;
}

#yotpo-selector .star-clickable,.product-detail-tabs__container.active {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.product-detail-tabs__subcontainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 25px 0 20px;
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 20px;
    width: 100%;
}

.product-detail-tabs__product-ingredients-heading {
    padding: 15px 0
}

.product-listing-info__product-reviews {
    color: #bdb1b9;
    margin: 10px 0
}

.product-listing-info__product-description {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.product-listing-info__variant-button-container,.product-modal__container,.product-modal__content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal
}

.product-add-to-cart .product-listing-info__product-description {
    -webkit-line-clamp: initial
}

.product-modal__product-listing-info .product-listing-info__product-details-link-container {
    text-align: right;
    margin-top: 1rem;
    display: block
}

.product-listing-info__variant-size-title {
    padding: 18px 0 5px
}

#yotpo-selector .based-on,.product-modal__product-listing-info .product-listing-info__variant-size-title {
    padding-top: 0
}

.product-listing-info__variant-button-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.quiz-result .product-listing-info__variant-button-container,.recipe-filter__type,.testimonial-card__name-title {
    margin-top: 15px
}

.product-listing-info__variant-button {
    margin-right: 1rem
}

.product-listing-info__separator {
    display: block;
    margin: 20px 0 15px;
    width: 100%;
    height: 1px;
    background-color: #000
}

.product-listing-info__variants {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    padding: 0 .5rem;
    text-align: center;
    border-left: 1px solid #0f171a
}

product-modal__newsletter {
    height: 100px;
    margin-top: 80%
}

.product-modal__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    position: fixed;
    top: 90px;
    left: 0;
    width: 100%;
    height: calc(100vh - 90px);
    z-index: 9999;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.product-modal__content,.product-modal__image-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}

.product-modal__container:before {
    content: "";
    background: #75240d;
    height: 100%;
    opacity: .95;
    width: 100%;
    z-index: -1;
    position: absolute
}

.has-promo-bar .product-modal__container {
    padding-top: 45px
}

.product-modal__image-container {
    display: flex;
    position: relative
}

.product-modal__image-container:after {
    content: "";
    padding-top: 100%;
    position: relative;
    display: block
}

.product-modal__content {
    position: relative;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 76.5%;
    height: 85%;
    max-height: 630px;
    max-width: 1090px;
    margin: 0 auto;
    padding: 3rem 12rem 9rem 2rem;
    background-color: #fff;
    border-radius: 2px;
    -webkit-box-shadow: 0 2px 8px rgba(0,0,0,.33);
    box-shadow: 0 2px 8px rgba(0,0,0,.33);
    overflow-y: auto
}

@media (max-width: 1439px) {
    .navigation__menu {
        margin-right:1.5rem
    }

    .product-modal__content {
        padding: 9rem 12rem 9rem 2rem
    }
}

.product-modal__close-btn {
    position: absolute;
    top: 29px;
    right: 23px
}

.product-modal__close-btn:focus,.product-modal__close-btn:hover {
    color: #0f171a;
    text-decoration: none;
    cursor: pointer
}

.product-modal__info-tabs {
    width: 50%
}

.product-photo-viewer {
    width: 55%;
    position: relative;
    padding: 0 0 1rem
}

.product-photo-viewer__carousels {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative
}

.quiz-card,.quiz__response {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

.product-photo-viewer__nav {
    max-height: 450px;
    width: 100px
}

.product-photo-viewer__carousel {
    width: 100%;
    position: relative
}

.product-photo-viewer__arrow {
    width: 53px;
    height: 15px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    opacity: 0;
    -webkit-transition: opacity .3s cubic-bezier(.06,.305,0,1),-webkit-transform .3s cubic-bezier(.06,.305,0,1);
    transition: opacity .3s cubic-bezier(.06,.305,0,1),transform .3s cubic-bezier(.06,.305,0,1),-webkit-transform .3s cubic-bezier(.06,.305,0,1);
    -o-transition: opacity .3s cubic-bezier(.06,.305,0,1),transform .3s cubic-bezier(.06,.305,0,1)
}

.product-photo-viewer__arrow path {
    -webkit-transition: fill .3s cubic-bezier(.06,.305,0,1),stroke .3s cubic-bezier(.06,.305,0,1);
    -o-transition: fill .3s cubic-bezier(.06,.305,0,1),stroke .3s cubic-bezier(.06,.305,0,1);
    transition: fill .3s cubic-bezier(.06,.305,0,1),stroke .3s cubic-bezier(.06,.305,0,1)
}

.product-photo-viewer__arrow:hover path {
    fill: #c74928;
    stroke: #c74928
}

.product-photo-viewer__arrow--prev {
    left: .5rem;
    -webkit-transform: translateX(-1rem);
    -ms-transform: translateX(-1rem);
    transform: translateX(-1rem)
}

.product-photo-viewer__arrow--next {
    right: -1.5rem;
    -webkit-transform: translateX(1rem);
    -ms-transform: translateX(1rem);
    transform: translateX(1rem)
}


#yotpo-selector .y-label.label-helpful,
#yotpo-selector .y-label.yotpo-review-date,
#yotpo-selector .y-label.yotpo-user-title.yotpo-action-hover,
#yotpo-selector .yotpo-footer .footer-actions,
#yotpo-selector .yotpo-helpful .vote-btn[data-type=down],
#yotpo-selector .yotpo-helpful .y-label.yotpo-sum.vote-sum,
#yotpo-selector .yotpo-icon.yotpo-icon-circle-checkmark.yotpo-action-hover,
#yotpo-selector .yotpo-small-box,
#yotpo-selector .yotpo-user-letter,

.product-photo-viewer__arrow.swiper-button-disabled,
.promo-bar,
.quiz-result__product-listing-info .product-listing-info__product-details-link,
.quiz-result__product-listing-info .product-listing-info__separator,
.quiz-result__product-listing-info .product-listing-info__variant-size-title,
.recipe-content-header__filter-container {
    display: none
}

.product-photo-viewer__carousel__image-container:after,.product-photo-viewer__nav__image-container:after {
    display: block;
    padding-bottom: 100%;
    content: ""
}

.product-photo-viewer:hover .product-photo-viewer__arrow {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.product-photo-viewer__nav__image-container {
    position: relative;
    cursor: pointer;
    border-radius: 4px;
    border: 1px solid rgba(15,23,26,.2)
}

.product-photo-viewer__nav__image-container.active:after {
    background-color: #f1f1f1;
    opacity: .45
}

.primary-color-swatches .swatch:first-of-type,.promo-bar__container,.quiz-card.active,.quiz-card:hover,.quiz__progress-node.active,.quiz__progress-node:first-child {
    background-color: #75240d
}

.product-photo-viewer__carousel__image-container {
    position: relative;
    width: 100%;
    max-height: 570px
}

.product-photo-viewer__carousel__image-subcontainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.product-photo-viewer__carousel__image {
    position: relative;
    width: 500px
}

.product-photo-viewer__carousel__pagination {
    bottom: 0
}

@media (min-width: 992px) {
    .navigation__menu-item-link--active {
        border:1px solid #000;
        border-image-slice: 0 0 3;
        border-image-width: 0 0 4px;
        border-image-outset: 0 0 4px;
        border-image-source: url(../svg/underlinee166.svg?v=1620142884)
    }

    .navigation__mobile-menu,.product-photo-viewer__arrow,.product-photo-viewer__carousel__pagination {
        display: none
    }

    .plp-filter {
        padding: 0 65px
    }

    .plp-filter__product-qty {
        padding-left: 15px
    }

    .post-filter-bar {
        margin: 60px auto 15px
    }

    .product-add-to-cart-tabs__tab {
        width: 50%;
        min-width: 150px;
    }

    .product-card--collections {
        /* max-width: 230px; */
        padding-left: 40px;
        padding-right: 40px;
        margin-top: 0 !important;
        margin-bottom: 3rem;
    }

    .product-card--collections .product-card__image {
        width: 90%;
        overflow: hidden;
    }

    .product-card--collections .product-card__title {
        margin-top: 3.3rem
    }

    .product-add-to-cart .product-listing-info {
        padding-left: 0
    }

    .product-modal__image-container {
        min-width: 450px;
        max-height: 325px
    }

    .product-modal__content {
        min-width: 900px;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .product-photo-viewer__carousels {
        margin: 0 7rem 7.2rem
    }

    .product-photo-viewer__nav--overflow {
        overflow-y: scroll
    }
}

#yotpo-selector .yotpo-icon-star {
    font-size: 14px;
    padding-right: 3px
}

#yotpo-selector .yotpo-stars {
    padding-right: 5px
}

#yotpo-selector .font-color-gray.based-on,#yotpo-selector .text-m {
    font-family: Raleway,sans-serif!important;
    color: #bdb1b9!important;
    font-weight: 500!important;
    font-size: 10px!important;
    letter-spacing: .25px!important
}

#yotpo-selector .yotpo-bottomline-2-boxes.yotpo-bottomline-empty-state {
    border-top: none;
    padding: 35px 0 50px
}

#yotpo-selector .yotpo-bottomline-2-boxes.yotpo-bottomline-empty-state .yotpo-icon-star {
    font-size: 17px;
    padding-right: 5.5px
}

#yotpo-selector .yotpo-bottomline-2-boxes.yotpo-bottomline-empty-state .yotpo-sum-reviews {
    padding-top: 3px
}

#yotpo-selector .yotpo-bottomline-box-1.yotpo-stars-and-sum-reviews {
    padding-left: 35px
}

#yotpo-selector .y-label.yotpo-user-name.yotpo-font-bold.pull-left {
    margin-bottom: 7px
}

#yotpo-selector .yotpo-review.yotpo-regular-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 50px 125px 55px;
    border-top: 1px solid #5f3f2b;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (max-width: 1199px) {
    .navigation__menu-item {
        margin-left:1.5rem
    }

    .navigation__action--search {
        display: none
    }

    .product-photo-viewer,.product-photo-viewer__carousel__image-subcontainer {
        width: 100%
    }

    .product-photo-viewer__nav {
        width: 120px
    }

    .product-photo-viewer__nav__image-container {
        width: 104px
    }

    #yotpo-selector .yotpo-review.yotpo-regular-box {
        padding: 25px 0
    }
}

#yotpo-selector .yotpo-review.yotpo-regular-box .yotpo-main {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 115px;
    width: 60%
}

@media (max-width: 991px) {
    .plp-filter .input-select__select-container {
        margin-left:0
    }

    .plp-filter .input-select__chevron {
        top: 45%;
        right: 4%
    }

    .navigation {
        height: 67px;
        left: 0;
        width: 100%;
    }

    .navigation__container {
        padding: 0 19px;
        margin: 0;
        justify-content: space-between;
    }

    .navigation__container-shadow {
        display: none;
        position: absolute;
        height: 72px;
        width: 100%;
        background-color: #fff
    }

    .navigation__container-shadow.active {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .navigation__logo-menu-container {
        height: 51px
    }

    .navigation__logo-link {
        text-align: center;
        height: 100%
    }

    .navigation__menu-container {
        position: absolute;
        top: 100%;
        display: none;
        left: 0;
        background-color: #fff;
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 3px 0 0;
        padding: 2.2rem 2.7rem 5rem;
        -webkit-box-shadow: 0 5px 6px -2px rgba(0,0,0,.16);
        box-shadow: 0 5px 6px -2px rgba(0,0,0,.16)
    }

    .navigation__search {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        z-index: 2
    }

    .navigation__menu {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        max-width: 606.5px;
        margin: 5rem auto;
        width: 100%
    }

    .navigation__menu-item {
        width: 100%;
        border-bottom: 1px solid rgba(0,0,0,.3);
        margin-left: 0
    }

    .navigation__menu-item-link {
        width: 100%;
        padding-bottom: 2rem
    }

    .navigation__menu-item:not(:first-child) .navigation__menu-item-link {
        padding-top: 2rem
    }

    .navigation__actions {
        width: 100px;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .navigation__action--cart {
        margin-right: 10px
    }

    .order-history {
        padding: 40px 0
    }

    .pagination {
        margin-bottom: 40px
    }

    .pagination--blog {
        margin-top: 40px
    }

    .plp-filter {
        margin: 18px auto 35px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .plp-filter__category {
        margin: 20px auto 0;
        padding: 5px
    }

    .post-card__image-container,.product-listing-info,.product-modal__content .product-listing-info,.product-modal__info-tabs {
        width: 100%
    }

    .post-card__image-container:after {
        padding-top: 70%
    }

    .post-filter-bar {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        margin-bottom: 30px
    }

    .post-filter-bar__filter-container {
        width: 100%;
        margin: 30px 0 0
    }

    .post-filter-bar__close {
        display: none
    }

    .post-filter-bar__filter {
        width: 100%;
        max-width: 401px;
        padding-left: 15px
    }

    .product-add-to-cart-tabs__tab--one-time {
        width: 60%
    }

    .product-add-to-cart-tabs__tab--subscribe {
        width: 40%
    }

    .product-card__image {
        width: 84%;
        margin: 0 auto
    }

    .product-card__details {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0 auto;
        width: 90%
    }

    .product-modal__container {
        top: 67px;
        height: calc(100vh - 67px)
    }

    .product-modal__image-container {
        -o-object-fit: contain;
        object-fit: contain;
        margin: 0 auto 25px;
        width: 75%;
        height: 100%
    }

    .product-modal__image-container:after {
        padding-top: 80%
    }

    .product-modal__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 80%;
        padding: 3rem
    }

    .product-photo-viewer__carousels {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .product-photo-viewer__nav {
        margin-top: 1rem;
        width: 100%;
        padding: 0 25px
    }

    .product-photo-viewer__carousel {
        height: 525px;
        width: calc(100% - 50px);
        margin: 0 auto
    }

    .product-photo-viewer__nav__image-container {
        display: none
    }

    .product-photo-viewer__carousel__image-container {
        max-height: 500px
    }

    .product-photo-viewer__carousel__image-subcontainer {
        width: 100%
    }

    #yotpo-selector .yotpo-bottomline-box-1.yotpo-stars-and-sum-reviews {
        padding-left: 0
    }

    #yotpo-selector .yotpo-review.yotpo-regular-box .yotpo-main {
        width: 40%;
        margin-left: 20px
    }
}

#yotpo-selector .yotpo-review.yotpo-regular-box .yotpo-main .yotpo-review-stars .yotpo-icon-star {
    font-size: 17px;
    padding-right: 5.5px;
    color: #000
}

#yotpo-selector .yotpo-helpful .vote-btn[data-type=up] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

#yotpo-selector .yotpo-helpful .vote-btn[data-type=up]:before {
    content: "I would recommend it.";
    color: #0f171a;
    margin-left: 7px
}

#yotpo-selector .content-title.yotpo-font-bold {
    margin-top: 10px;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    color: #0f171a
}

#yotpo-selector .yotpo-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 200px
}

#yotpo-selector .yotpo-footer,.promo-bar__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}

@media (max-width: 991px) {
    #yotpo-selector .yotpo-header {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        min-width: initial;
        width: 45%
    }
}

#yotpo-selector .yotpo-icon-profile.yotpo-header-element {
    min-height: 110px;
    min-width: 110px;
    border-radius: 4px;
    margin-right: 22px
}

#yotpo-selector .yotpo-review-wrapper {
    margin-top: 7px;
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3
}

#yotpo-selector .yotpo-review-stars {
    min-width: 85px;
    margin-right: 10px;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

#yotpo-selector .yotpo-footer {
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    margin-top: 15px;
    margin-left: 335px
}

@media (max-width: 991px) {
    #yotpo-selector .yotpo-icon-profile.yotpo-header-element {
        margin-right:0
    }

    #yotpo-selector .yotpo-footer {
        margin-left: auto;
        width: 53%
    }

    .blog__recipe-template--grid .recipe-card__image-container {
        width: 100%
    }
}

#yotpo-selector .yotpo .yotpo-icon-thumbs-up:before {
    content: url(../svg/thumbs-up4aa5.svg?v=1619469417)
}

.promo-bar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2000
}

.promo-bar__container {
    width: 100%;
    text-align: center;
    padding-left: 2.5rem;
    padding-right: 5rem
}

.promo-bar__content {
    color: #fff;
    margin: 0;
    text-align: center;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 45px;
    padding: 1rem 7rem
}

.promo-bar__link,.promo-bar__link .promo-bar__svg,.quiz__svg-close {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.promo-bar__link .promo-bar__svg {
    margin-left: 5px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.promo-bar__close {
    position: absolute;
    top: 50%;
    right: 50px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #fff;
    width: 10px;
    cursor: pointer
}

.quiz {
    display: none;
    height: 100%;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.quiz__close {
    display: inline-block;
    width: 100%;
    padding: 25px 95px 9px
}

.quiz__close-button,.quiz__response {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}

.quiz__close-button {
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #5f3f2b
}

.quiz__close-button:hover {
    cursor: pointer
}

.quiz__close-text {
    margin-right: 11px
}

.quiz__question {
    text-align: center;
    margin-top: 30px
}

.quiz__response {
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    text-align: center
}

.quiz-card:hover,.quiz__response-label {
    cursor: pointer
}

.quiz__response-text {
    padding: 5px;
    border: 1px solid transparent;
    border-radius: 5px;
    display: none;
}

.quiz__response-text.active,.quiz__response-text:hover {
    background-color: #75240d;
    color: #fff
}

.quiz__button {
    margin: 0 40px 0 auto
}

.quiz__progress-gray {
    height: 2px;
    width: 205px;
    background-color: #f1f1f1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    margin: 30px auto
}

.quiz__progress-bar {
    height: 100%;
    position: absolute
}

.quiz__progress-bar.active {
    width: 50%;
    background: #75240d
}

.quiz-result__subcontainer,.quiz__progress-bar.complete {
    width: 100%
}

.quiz__progress-node {
    height: 10px;
    width: 10px;
    background-color: #f1f1f1;
    border-radius: 50%;
    display: inline-block
}

.quiz-card {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 auto;
    padding: 20px 15px;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,.16);
    box-shadow: 0 3px 6px 0 rgba(0,0,0,.16);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.quiz-card__image-container {
    width: 100%;
    height: 100%;
}

.quiz-card__image-container,.quiz-card__text-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.quiz-result__product-image-container,.quiz-result__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}

.quiz-card__text {
    color: #5f3f2b;
    margin: 0 auto;
    z-index: 1
}

.active .quiz-card__text,.recipe-hero__recipe-info-list-item,.search-results-tabs__button-text.active {
    color: #fff
}

.quiz-card__banner {
    position: absolute;
    left: -21px;
    top: -8px;
    width: calc(100% + 21px);
}

.quiz-result {
    margin-top: 50px
}

.quiz-result__wrapper {
    width: 71.5rem;
    border: 1px solid rgba(15,23,26,.2);
    display: flex;
    margin: 0 auto;
    border-radius: 4px;
    padding: 25px 60px 60px 10px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.quiz-result__subcontainer-button-container,.quote {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal
}

.quiz-result__product-image-container {
    display: flex;
    position: relative;
    width: 85%;
    margin: 5px 0 0 15px;
}

.partner-card__image:after,.quiz-result__product-image-container:after,.school-card__image:after {
    content: "";
    padding-top: 110%;
    position: relative;
    display: block
}

.quiz-result__subcontainer-button-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.product-listing-info.quiz-result__product-listing-info {
    padding: 43px 5px 37px;
    width: 100%
}

.quiz-result__reset {
    margin: 48px auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.quiz-card__image-container:after {
    content: '';
    display: block;
    padding-bottom: 100%;
}

label.quiz__response-label {
    width: 100%;
}

.quiz-card svg {
    height: 100%;
    width: 100%;
}

.quiz-card__text-container {
    margin-top: 25px;
}

.quiz-card__image-container img {
    object-position: bottom center;
}

.quiz__response-label > div:not([class]) {
    display: block !important;
}

.quote,.quote__sub-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}

.quote {
    font-family: Raleway,sans-serif;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 40%
}

.quote__sub-container {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 20px
}

.recipe-card__image-container,.recipe-card__title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}

.recipe-card__time-container,.recipe-card__title {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal
}

.quote__text {
    font-weight: 300;
    font-size: 2.2rem;
    line-height: 2.2rem;
    padding-bottom: 10px
}

.quote__author {
    font-weight: 700;
    font-size: 1.3rem;
    line-height: 1.8rem
}

.recipe-card__image-container {
    display: flex;
    position: relative;
    width: 100%
}

.recipe-card__image-container:after {
    content: "";
    padding-top: 68%;
    width: 100%;
    position: relative;
    display: block
}

.recipe-card__image-container .image__img {
    border-radius: 4px
}

.search-results-tabs__grid .recipe-card__image-container {
    width: 77%;
    margin: 0 auto
}

.recipe-card__title {
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 2.6rem;
    overflow: hidden
}

.carousel .recipe-card__title,.search-results-tabs .recipe-card__title {
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.blog__recipe-template--grid .recipe-card__title {
    margin-top: 7px
}

.article__recipes-carousel-card .recipe-card__title {
    -webkit-box-pack: initial;
    -webkit-justify-content: initial;
    -ms-flex-pack: initial;
    justify-content: initial;
    margin-top: 20px
}

.recipe-card__date {
    text-align: left;
    padding: 5px 0
}

.recipe-card__time-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.recipe-card__icon-container--time {
    width: 16px;
    height: 16px
}

.recipe-card__icon-image-container {
    position: relative;
    height: 14px;
    width: 14px
}

.recipe-card__time {
    margin-left: 5px
}

.recipe-content-header__text {
    display: inline-block;
    margin: 65px 0 0 180px
}

.recipe-content-header__filter-image,.recipe-content-header__subcontainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.recipe-content-header__filter-text {
    padding-left: 10px
}

.recipe-filter-wrapper__count-mobile {
    margin-left: 0;
    position: relative;
  display: none;
    top: 0
}

.recipe-filter__wrapper {
    padding: 20px 30px;
    background: #fef8e5;
    min-height: 570px;
    width: 325px;
    margin: 50px 0 0 80px;
    top: 0;
    border: 1px solid #000;
    border-image-slice: 42 42 42 42;
    border-image-width: 42px 42px 42px 42px;
    border-image-outset: 8px;
    border-image-source: url(../svg/account-nav-border2d89.svg?v=1616610164)
}

@media (max-width: 1199px) {
    .quiz__button {
        margin:60px auto 40px
    }

    .recipe-filter__wrapper {
        margin-left: 50px
    }
}

.recipe-filter-label,.recipe-hero {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}

.recipe-filter-label {
    display: flex;
    margin-right: 50px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.recipe-filter-label__label {
    z-index: -1;
    text-transform: capitalize
}

.recipe-filter-wrapper__count {
    position: absolute;
    left: 0;
    margin-left: 180px
}

.recipe-hero {
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative
}

.recipe-hero__illustration,.recipe-hero__subcontainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}

.recipe-hero__illustration {
    display: flex;
    position: absolute;
    width: 17%;
    bottom: 27%;
    left: 32%
}

.recipe-hero__illustration:after {
    content: "";
    padding-top: 100%;
    width: 100%;
    position: relative;
    display: block
}

.recipe-hero__subcontainer {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%
}

.recipe-hero__recipe-info-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 30px;
    max-width: 770px;
    min-width: 575px;
    min-height: 290px
}

.recipe-hero__recipe-info-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: #c74928;
    min-height: 120px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: -5px;
    border-radius: 5px;
    border: 1px solid #c74928;
    border-image-slice: 5;
    border-image-width: 4px;
    border-image-outset: 3px;
    border-image-repeat: round round;
    border-image-source: url(../border-rectangleef07.html?v=1621521415)
}

@media (min-width: 992px) {
    .recipe-content-header__filter-image,.recipe-filter-wrapper__count-mobile,.recipe-filter__close {
        display:none
    }

    .recipe-filter-wrapper {
        padding-bottom: 50px
    }

    .recipe-hero {
        height: 40vw;
        min-height: 620px;
        max-height: 1000px
    }

    .recipe-hero__subcontainer {
        -webkit-box-flex: 1.05;
        -webkit-flex: 1.05;
        -ms-flex: 1.05;
        flex: 1.05;
        border: 1px solid #000;
        border-image-slice: 0 42 0;
        border-image-width: 0 42px 0;
        border-image-outset: 7px;
        border-image-repeat: round round;
        border-image-source: url(../svg/white-border98e3.svg?v=1616620624)
    }

    .recipe-hero__recipe-info-container {
        min-width: 252px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-right: -10px
    }

    .recipe-hero__image-container {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}
.recipe-hero__recipe-info {
    width: 100%;
}

.recipe-hero__recipe-info-images-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-bottom: 45px;
    margin-left: -15px;
    -webkit-box-flex: 1.6;
    -webkit-flex: 1.6;
    -ms-flex: 1.6;
    flex: 1.6
}

@media (max-width: 991px) {
    .recipe-content-header {
        padding:0 25px;
        margin-top: 14px
    }

    .recipe-content-header__text {
        margin: 30px 0 0
    }

    .recipe-content-header__filter-container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .recipe-filter__wrapper {
        display: none;
        margin: 0;
        width: 100%;
        border: none
    }

    .recipe-filter__wrapper.active {
        display: block;
        position: fixed;
        padding: 32px 20px;
        top: 112px;
        overflow-y: auto;
        z-index: 2147483647;
        height: calc(100vh - 67px)
    }

    .recipe-filter__wrapper.has-promo-bar {
        top: 112px
    }

    .recipe-filter__type--category {
        margin: 2px 0 0 10px
    }

    .recipe-filter__type--product {
        margin: 32px 0 0 10px
    }

    .recipe-filter-label {
        margin-right: 32px
    }

    .recipe-filter-wrapper__count {
        display: none
    }

    .recipe-hero {
        top: 67px;
        min-height: 850px;
        height: 100vh;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .recipe-hero__illustration {
        width: 30%;
        bottom: 20%;
        left: 10%
    }

    .recipe-hero__subcontainer {
        width: 100%;
        border: 1px solid #000;
        border-image-slice: 42 0 0;
        border-image-width: 42px 0 0;
        border-image-outset: 7px;
        border-image-repeat: round round;
        border-image-source: url(../svg/white-border98e3.svg?v=1616620624)
    }

    .recipe-hero__recipe-info-wrapper {
        margin: 88px 0 35px;
        max-width: 450px;
        min-width: 575px
    }

    .recipe-hero__recipe-info-container {
        width: 100%;
        height: 70px
    }

    .recipe-hero__recipe-info-list {
        padding-left: 50px
    }

    .recipe-hero__recipe-info-images-wrapper {
        padding: 0;
        margin-left: -50px
    }
}

@media (max-width: 767px) {
    .order-details-list__options {
        padding-bottom:15px;
        margin: 0
    }

    .order-details-list-item__td-text,.order-details-list-item__td-text--purchase-type-desktop,.order-history-item__td--order-status,.order-history-item__td--order-total,.order-history-item__td--tracking-number,.order-history__th--order-status,.order-history__th--order-total,.order-history__th--tracking-number,.post-card__excerpt,.promo-bar__link .promo-bar__svg {
        display: none
    }

    .order-history__table {
        margin-top: 30px
    }

    .order-history__list-row {
        padding: 20px 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        border-top: 1px solid #ddd
    }

    .order-history__list-row--recent {
        border-top: none;
        padding: 0 0 20px
    }

    .post-card__title {
        margin-top: 1rem
    }

    .post-card__date {
        padding-top: 0
    }

    .post-filter-bar__filter-container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .post-navigation__arrow--prev {
        margin-right: 5px
    }

    .post-navigation__arrow--next {
        margin-left: 8px
    }

    .product-add-to-cart-tabs__input-select .input-select__select {
        width: 63px;
        height: 43px;
        margin: 0
    }

    .search-results-tabs .product-card__link {
        width: 45%
    }

    .product-card__image {
        max-width: 260px
    }

    .product-card__details,.product-photo-viewer,.quote {
        width: 100%
    }

    .search-results-tabs .product-card__details {
        margin-top: 10px;
        width: 55%
    }

    .search-results-tabs .product-card__price-range,.search-results-tabs .product-card__title {
        margin: 0
    }

    .product-card__title,.search-results-tabs .product-card__title {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .product-card__title-variants-container {
        margin-top: 7px
    }

    .product-card__title-variants-container--single-variant {
        margin-left: 0
    }

    .product-card__title-variants-subcontainer {
        margin-left: -12px;
      display: none;
    }

    .product-card__title-variants-subcontainer--single-variant {
        margin-left: 0
    }

    .product-card__title-variants--single-variant {
        text-align: left;
        margin-left: -5px
    }

    .search-results-tabs .product-card__title-variants:first-child {
        padding-left: 0
    }

    .quiz-result .product-listing-info__variant-button-container,.search-results-tabs .product-card__title-variants {
        margin-top: 5px
    }

    .product-detail-tabs__tab {
        width: 33%;
        height: 70%
    }

    .product-detail-tabs__tab--jagged-mobile.active {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .product-listing-info__product-reviews {
        margin: 5px 0 15px
    }

    .product-modal__container {
        top: 67px;
        height: calc(100vh - 67px)
    }

    .product-modal__image-container {
        width: 90%;
        margin-top: 10px;
        margin-bottom: 0
    }

    .product-modal__content {
        width: 90%;
        height: 95%;
        padding: 2rem
    }

    .product-modal__close-btn {
        top: 17px;
        right: 10px
    }

    .product-modal__info-tabs {
        margin-top: 25px;
        width: 100%
    }

    .product-photo-viewer__carousel {
        height: 230px;
        padding-bottom: 25px
    }

    .product-photo-viewer__arrow {
        width: 30px;
        height: 23px
    }

    .product-photo-viewer__carousel__pagination {
        bottom: -3px
    }

    .promo-bar__content {
        padding: 1rem 0
    }

    .promo-bar__close {
        right: 2.5rem
    }

    .quiz__close {
        padding: 17px 20px 9px
    }

    .quiz__progress-gray {
        margin: 14px auto
    }

    .quiz-result {
        padding: 25px 20px;
        margin-top: 22px
    }

    .quiz-result__wrapper {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 20px 10px
    }

    .quiz-result__product-image-container:after {
        padding-top: 110%
    }

    .quiz-result__product-image-container {
        width: 65%;
        margin: 10px auto
    }

    .quiz-result__subcontainer-button-container .button {
        min-width: 150px;
        margin: 2.5px
    }

    .quiz-result__subcontainer-button-container {
        -webkit-box-pack: space-evenly;
        -webkit-justify-content: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly;
        margin-top: 20px
    }

    .product-listing-info.quiz-result__product-listing-info {
        padding: 15px 10px 0
    }

    .quiz-result__reset {
        margin: 0 auto 25px
    }

    .carousel .recipe-card,.search-results-tabs .recipe-card {
        width: 100%;
        margin-bottom: 20px
    }

    .search-results-tabs .recipe-card__link {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%
    }

    .search-results-tabs__grid .recipe-card__image-container {
        width: 38%
    }

    .carousel--article-recipe .recipe-card__image-container {
        max-width: 280px;
        margin: 0 auto
    }

    .carousel .recipe-card__title,.search-results-tabs .recipe-card__title {
        margin: 20px auto auto;
        width: 50%
    }

    .search-results-tabs__grid .recipe-card__title {
        margin: auto;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: left
    }

    .article__recipes-carousel-card .recipe-card__title {
        margin: 20px 0 0;
        width: 100%
    }

    .carousel--article-recipe .recipe-card__date {
        padding-top: 10px
    }

    .recipe-hero {
        min-height: 725px;
        height: 89vh;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .recipe-hero__illustration {
        width: 38%;
        bottom: 24%;
        left: 4%
    }

    .recipe-hero__recipe-info-wrapper {
        margin: 35px 0 25px;
        width: 100%;
        min-width: initial
    }

    .recipe-hero__recipe-info-list {
        padding-left: 20px
    }

    .recipe-hero__recipe-info-images-wrapper {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin: 0 5px 0 -75px
    }
}

@media (max-width: 399px) {
    .carousel-bp--xs {
        display:-webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .plp-filter .input-select__select {
        max-width: 225px
    }

    .plp-filter__category {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .promo-bar__container {
        padding: 0
    }

    .promo-bar__close {
        display: none
    }
}

.recipe-hero__recipe-info-image-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 40%;
    min-width: 145px;
    height: 100%;
    margin-left: -30px
}

.recipe-hero__copy,.recipe-hero__hero-copy-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}

.recipe-hero__recipe-info-image-container:after {
    content: "";
    padding-top: 115%;
    position: relative;
    display: block
}

.recipe-hero__recipe-info-image-container.small {
    margin: 0 -30px
}

.recipe-hero__hero-copy-container {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 25px 0 0 110px;
    width: 70%;
    text-align: left
}

.recipe-hero__copy {
    margin-top: 20px;
    display: flex
}

.recipe-hero__image-container,.recipe-ingredients__recipe-list-wrapper {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    position: relative
}

.recipe-hero__image-container {
    width: 100%;
    display: flex;
    z-index: -1
}

.recipe-hero__image-container:after {
    content: "";
    padding-top: 100%;
    width: 100%;
    position: relative;
    display: block
}

.recipe-ingredients {
    background: #fef8e5;
    position: relative
}

.recipe-ingredients__title-copy {
    padding: 110px 0 0 110px
}

.recipe-ingredients__recipe-list-wrapper {
    width: 69%;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin: 50px auto 0
}

@media (max-width: 991px) {
    .recipe-hero__recipe-info-image-container {
        width:50%;
        margin: 0 -35px
    }

    .recipe-hero__recipe-info-image-container:after {
        padding-top: 100%
    }

    .recipe-hero__recipe-info-image-container:not(:nth-child(-n+2)) {
        display: none
    }

    .recipe-hero__recipe-info-image-container.small {
        margin: 0 -55px
    }

    .recipe-hero__hero-copy-container {
        text-align: center;
        margin: 11px 0 0;
        width: 100%;
        padding: 0 30px
    }

    .recipe-hero__header {
        margin-top: 35px;
        text-align: center
    }

    .recipe-ingredients__recipe-list-wrapper {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 30px;
        padding-bottom: 30px;
        width: 50%
    }

    .recipe-ingredients__recipe-list-wrapper:after {
        display: none
    }
}

@media (max-width: 767px) {
    .recipe-hero__recipe-info-image-container {
        margin:0 -40px;
        height: 250px;
        width: auto;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
    }


    .recipe-hero__recipe-info-image-container img {
        height: 100%;
        width: 100%;
        max-width: none;
        object-fit: contain;
    }

    .recipe-hero__recipe-info-image-container.small {
        margin: 0 -35px
    }

    .recipe-hero__header {
        margin-top: 20px
    }

    .recipe-hero__copy {
        margin-top: 18px
    }

    .recipe-hero__image-container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%
    }

    .recipe-hero__image-container:after {
        padding-top: 100%
    }

    .recipe-ingredients__recipe-list-wrapper {
        width: 65%
    }

    .recipe-ingredients__recipe-list-header {
        margin-left: -15px
    }

  .product-detail-tabs__tab-text {
    font-size: 12px;
  }

  .recipe-ingredients .hero-cta__button-container {
    justify-content: center;
    margin-top: 0.5rem;
    padding-bottom: 25px;
  }

  .custom-recipe-author {
    padding-bottom: 1px;
   }

  .image-copy-illustration-card {
    width: 50%;
  }

  .timeline {
    padding: 0px 50px;
  }

  .timeline-card__description p {
    padding-bottom: 1em;
    font-size: 14px;
    line-height: 22px;
  }
  
   .hero-split__product-image-container--product-1 {
    width: 100%;
    margin-left: 10px;
  }

  .grid--with-spacing {
    margin: 40px 0 110px;
  }

}

@media (max-width: 575px) {
    #yotpo-selector .yotpo-review.yotpo-regular-box .yotpo-main {
        width:45%
    }

    #yotpo-selector .yotpo-header {
        width: 40%
    }

    #yotpo-selector .yotpo-footer {
        width: 57%
    }

    .recipe-ingredients__recipe-list-wrapper {
        width: 85%
    }
}

.recipe-ingredients__recipe-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.recipe-ingredients__recipe-list-header {
    margin-bottom: 25px
}

.recipe-ingredients__recipe-list-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 8px
}

.search-results-tabs,.search-results-tabs__tabs-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}

.recipe-ingredients__checkbox {
    margin-right: 20px
}

.friendbuy-eKa-tN9 {
    position: relative;
    width: 630px;
    top: -25px
}

.search-results-tabs {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 40px
}

.search-results-tabs__header {
    text-align: center;
    margin-bottom: 15px
}

.search-results-tabs__tabs-container {
    display: flex;
    height: 45px;
    max-width: 1366px;
    padding: 0 25px 0 110px;
    margin-right: auto
}

.search-results-tabs__tab {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #fff;
    cursor: pointer;
    width: 50%;
    border-radius: 4px;
    text-align: center
}

.search-results-tabs__content {
    margin: 45px 0 85px;
    display: none
}

.search-results-tabs__content.active {
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.search-results-tabs__button.active,.selling-propositions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}

.search-results-tabs__grid {
    height: 100%;
    width: 100%
}

.search-results-tabs__button path {
    fill: none
}

.search-results-tabs__button.active {
    display: flex
}

.search-results-tabs__button-text {
    position: absolute;
    z-index: 9999;
    margin-bottom: 5px
}

.selling-propositions {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    background: #fef8e5
}

.selling-propositions__copy-cards-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly
}

.selling-propositions__copy-cards-subcontainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

@media (min-width: 992px) {
    .recipe-ingredients {
        min-height:475px;
        padding-bottom: 75px
    }

    .recipe-ingredients__recipe-list-wrapper {
        min-width: 990px
    }

    .recipe-ingredients__recipe-list {
        padding: 0 50px;
        width: 50%
    }

    .recipe-ingredients__recipe-list--second-list:before {
        content: "";
        position: absolute;
        right: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 1px;
        background-color: #5f3f2b;
        display: block;
        height: 100%
    }

    .referral {
        margin: 30px 0 60px
    }

    .selling-propositions__copy-cards-container {
        padding-bottom: 100px;
        margin-top: 35px
    }

    .selling-propositions__copy-cards-subcontainer {
        width: 40%;
        margin-left: 40px
    }

    .selling-propositions__copy-cards-subcontainer--column {
        width: 47%
    }
}

.sign-up-sign-in {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 140px 195px;
    background: #fff;
    padding: 0
}

@media (max-width: 1199px) {
    .sign-up-sign-in {
        margin:140px 160px
    }
}

@media (max-width: 991px) {
    .recipe-ingredients__recipe-list--first-list {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .recipe-ingredients__recipe-list--second-list:before {
        content: "";
        position: relative;
        bottom: 50%;
        background-color: #5f3f2b;
        height: 1px;
        width: 100%;
        margin: 20px 0 35px
    }

    .recipe-ingredients__recipe-list {
        width: 80%
    }

    .friendbuy-eKa-tN9 {
        width: initial;
        top: 25px;
        margin: 75px 0
    }

    .search-results-tabs__tabs-container {
        margin-right: 0;
        padding: 0 80px;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .search-results-tabs__tab {
        padding: 0
    }

    .selling-propositions {
        padding-bottom: 50px
    }

    .selling-propositions__copy-cards-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 25px
    }

    .sign-up-sign-in {
        margin: 140px 75px
    }
}

.sign-up-sign-in__form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

@media (max-width: 767px) {
    .friendbuy-eKa-tN9 {
        margin:120px 0
    }

    .search-results-tabs__product-card {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .selling-propositions {
        padding: 15px 0 25px
    }

    .sign-up-sign-in {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 100px 0 75px
    }

    .sign-up-sign-in__form {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.sign-up-sign-in__form--create-account,.sign-up-sign-in__form--login,.video.player {
    position: relative
}

.sign-up-sign-in__form--reset {
    width: 100%;
    display: none
}

.primary-color-swatches,.secondary-color-swatches,.social-icons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal
}

.sign-up-sign-in__form--reset:after {
    display: none
}

.sign-up-sign-in__form--reset.active {
    display: block
}

.sign-up-sign-in__form--reset .back-header {
    position: absolute;
    top: 3%;
    left: 8%
}

.sign-up-sign-in__form.hide {
    display: none
}

.sign-up-sign-in__form:after {
    content: "";
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 1px;
    background-color: #5f3f2b;
    display: block;
    height: 100%
}

.social-icons {
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-top: 5px
}

.social-icons__icon {
    height: 24px;
    color: #0f171a
}

.social-icons__icon--facebook, .social-icons__icon--instagram {
    width: 24px
}

.styleguide {
    padding: 20px 0
}

.primary-color-swatches,.secondary-color-swatches {
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.style-guide-arrows,.svg--button-jagged {
    display: -webkit-flex;
    display: -ms-flexbox
}

.primary-color-swatches .swatch,.secondary-color-swatches .swatch {
    height: 10rem;
    width: 10rem;
    margin-right: 2rem;
    margin-bottom: 2rem;
    position: relative
}

.carousel .svg,.testimonials-feature .svg--arrow-left,.testimonials-feature .svg--arrow-right {
    height: 22px
}

.primary-color-swatches .swatch:after,.secondary-color-swatches .swatch:after {
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    font-size: 15px
}

.primary-color-swatches .swatch:first-of-type::after {
    content: "--maroon"
}

.primary-color-swatches .swatch:nth-of-type(2) {
    background-color: #c74928
}

.primary-color-swatches .swatch:nth-of-type(2):after {
    content: "--vermilion"
}

.primary-color-swatches .swatch:nth-of-type(3):after {
    content: "--latte"
}

.primary-color-swatches .swatch:nth-of-type(4) {
    background-color: #5f3f2b
}

.primary-color-swatches .swatch:nth-of-type(4):after {
    content: "--brown"
}

.primary-color-swatches .swatch:nth-of-type(5) {
    background-color: #e4b283
}

.primary-color-swatches .swatch:nth-of-type(5):after {
    content: "--yellow-red"
}

.primary-color-swatches .swatch:nth-of-type(6) {
    background-color: #f9a533
}

.primary-color-swatches .swatch:nth-of-type(6):after {
    content: "--yellow-orange"
}

.primary-color-swatches .swatch:nth-of-type(7) {
    background-color: #f1f1f1
}

.primary-color-swatches .swatch:nth-of-type(7):after {
    content: "--gray"
}

.primary-color-swatches .swatch:nth-of-type(8):after {
    content: "--black"
}

.primary-color-swatches .swatch:nth-of-type(9):after {
    content: "--white"
}

.secondary-color-swatches .swatch:first-of-type {
    background-color: #e19997
}

.secondary-color-swatches .swatch:first-of-type::after {
    content: "--pink"
}

.secondary-color-swatches .swatch:nth-of-type(2) {
    background-color: #a8b398
}

.secondary-color-swatches .swatch:nth-of-type(2):after {
    content: "--green"
}

.secondary-color-swatches .swatch:nth-of-type(3) {
    background-color: #dfcda1
}

.secondary-color-swatches .swatch:nth-of-type(3):after {
    content: "--beige"
}

.secondary-color-swatches .swatch:nth-of-type(4) {
    background-color: #8dafde
}

.secondary-color-swatches .swatch:nth-of-type(4):after {
    content: "--dark-blue"
}

.secondary-color-swatches .swatch:nth-of-type(5) {
    background-color: #bdb1b9
}

.secondary-color-swatches .swatch:nth-of-type(5):after {
    content: "--dark-gray"
}

.secondary-color-swatches .swatch:nth-of-type(13),.secondary-color-swatches .swatch:nth-of-type(6) {
    background-color: #b5c9b2
}

.secondary-color-swatches .swatch:nth-of-type(13):after,.secondary-color-swatches .swatch:nth-of-type(6):after {
    content: "--light-green"
}

.secondary-color-swatches .swatch:nth-of-type(7) {
    background-color: #b7e5ef
}

.secondary-color-swatches .swatch:nth-of-type(7):after {
    content: "--light-blue"
}

.secondary-color-swatches .swatch:nth-of-type(8) {
    background-color: #d1b66f
}

.secondary-color-swatches .swatch:nth-of-type(8):after {
    content: "--mustard-yellow"
}

.secondary-color-swatches .swatch:nth-of-type(9) {
    background-color: #ed8884
}

.secondary-color-swatches .swatch:nth-of-type(9):after {
    content: "--dark-pink"
}

.secondary-color-swatches .swatch:nth-of-type(10),.secondary-color-swatches .swatch:nth-of-type(15) {
    background-color: #ceb997
}

.secondary-color-swatches .swatch:nth-of-type(10):after,.secondary-color-swatches .swatch:nth-of-type(15):after {
    content: "--dark-beige"
}

.secondary-color-swatches .swatch:nth-of-type(11) {
    background-color: #a3cfe0
}

.secondary-color-swatches .swatch:nth-of-type(11):after {
    content: "--blue"
}

.secondary-color-swatches .swatch:nth-of-type(12) {
    background-color: #8c8cbd
}

.secondary-color-swatches .swatch:nth-of-type(12):after {
    content: "--purple"
}

.secondary-color-swatches .swatch:nth-of-type(14) {
    background-color: #c6d0e4
}

.secondary-color-swatches .swatch:nth-of-type(14):after {
    content: "--light-purple"
}

.secondary-color-swatches .swatch:nth-of-type(16) {
    background-color: #b29c86
}

.secondary-color-swatches .swatch:nth-of-type(16):after {
    content: "--light-brown"
}

.secondary-color-swatches .swatch:nth-of-type(17) {
    background-color: #91a47d
}

.secondary-color-swatches .swatch:nth-of-type(17):after {
    content: "--dark-green"
}

.style-guide-arrows {
    width: 100px;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.testimonial-card__quote,.testimonials-feature {
    -webkit-box-orient: vertical;
    display: -webkit-box
}

.svg--button-jagged {
    display: -webkit-box;
    display: flex
}

.svg--close path {
    fill: #5f3f2b
}

.svg--close.product-modal__close-btn svg {
    height: 25px;
    width: 25px
}

.svg--close.grid-address__close-btn {
    display: inline-block;
    position: absolute;
    right: 93px;
    top: 26px
}

.svg--close.grid-address__close-btn svg {
    height: 27px;
    width: 28px
}

.svg--close.hidden {
    display: none;
    visibility: hidden
}

.recipe-filter-label .svg--close {
    z-index: -1;
    margin-left: 10px
}

.recipe-filter-label .svg--close svg {
    width: 11px
}

.product-modal__close-btn .svg svg,.recipe-filter__header-container .svg--close svg {
    height: 25px;
    width: 25px
}

.promo-bar .svg path {
    fill: #fff
}

.product-modal__close-btn .svg path {
    fill: #5f3f2b
}

.plp-filter .svg svg,.post-filter-bar__filter .svg svg {
    height: 11px;
    width: 16px
}

.testimonial-card {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 800px !important;

    background: #75240d;
    color: #fff;
    text-align: left;
    padding: 25px 35px;
    border: 1px solid #000;
    border-image-slice: 42 42 42 42;
    border-image-width: 42px 42px 42px 42px;
    border-image-outset: 7px;
    border-image-source: url(../svg/testimonial-card-border9618.svg?v=1614969275)
}

.testimonial-card__image-container {
    position: relative;
    min-height: 110px;
    width: 110px
}

.testimonial-card__quotation-mark {
    position: relative;
    margin-top: 55px
}

.testimonial-card__quote {
    position: relative;
    overflow: hidden
}

.testimonials-feature {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    background: #fef8e5
}

.testimonials-feature__header {
    margin-top: 10px;
    text-align: center
}

.testimonials-feature__copy {
    margin: 14px 0;
    text-align: center;
    width: 65%
}

.testimonials-feature__testimonial-cards-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 45px
}

.our-affiliates,.title-copy-hero__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

.testimonials-feature__background-container {
    position: absolute;
    height: 100%;
    width: 100%;
    overflow: hidden
}

.testimonials-feature__background-image-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    width: 80%;
    top: 0;
    left: -16%
}

.testimonials-feature__background-image-container:after {
    content: "";
    padding-top: 54%;
    width: 100%;
    position: relative;
    display: block
}

.testimonials-feature__croissant-image-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    width: 10%;
    bottom: 0;
    left: 30%
}

.testimonials-feature__pasta-image-container,.title-copy-cta {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}

.testimonials-feature__croissant-image-container:after {
    content: "";
    padding-top: 100%;
    width: 100%;
    position: relative;
    display: block
}

.testimonials-feature__pasta-image-container {
    display: flex;
    position: absolute;
    width: 18%;
    top: 9%;
    right: 4%
}

.testimonials-feature__pasta-image-container:after {
    content: "";
    padding-top: 100%;
    width: 100%;
    position: relative;
    display: block
}

.title-copy-cta {
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 50%;
    text-align: left;
    background: inherit;
    padding-left: 50px
}

.title-copy {
    padding-top: 4rem
}

.featured-products .title-copy {
    text-align: center;
    position: relative
}

.image-copy-illustration-card-container .title-copy {
    margin-bottom: 65px
}

.title-copy--article-blog,.title-copy--page {
    max-width: 1250px;
    margin: 0 auto;
    padding-top: 0
}

.quiz .title-copy {
    padding-top: 4.5rem
}

.contact__form .title-copy {
    padding-top: 10px;
    margin-bottom: 20px
}

.title-copy.recipe-ingredients__title-copy {
    padding: 95px 7rem 0;
}

.quiz .title-copy__title {
    text-align: center
}

.title-copy__description {
    margin: 30px auto 0;
}

@media (max-width: 1199px) {
    .title-copy__description {
        width:75%
    }
}

.contact .title-copy__description {
    margin: 15px 0 0;
    width: 100%
}

.article__events .title-copy__description {
    margin: 30px 0 24px;
    width: 100%;
    padding: 0
}

.faq-filter .title-copy__description {
    margin: 14px 0 0;
    width: 100%
}

.search-results-tabs .title-copy__description {
    width: 100%;
    text-align: center
}

.quiz .title-copy__description {
    text-align: center;
    margin-top: 15px
}

.title-copy-cta__header-text {
    margin-bottom: 30px
}

.title-copy-hero {
    position: relative;
    height: 42vw
}

@media (max-width: 991px) {
    .testimonial-card {
        min-height:620px !important;
        padding: 25px 30px
    }

    .testimonial-card__name-title {
        margin-top: 5px
    }

    .testimonials-feature__copy {
        margin: 20px 0 35px;
        width: 100%;
        padding: 0 80px
    }

    .testimonials-feature__testimonial-cards-container {
        margin: 0 0 60px
    }

    .article__events .title-copy {
        padding-top: 1.5rem
    }

    .faq-filter .title-copy {
        padding-top: 0;
        margin-top: 35px
    }

    .title-copy.recipe-ingredients__title-copy {
        padding: 35px 0 0;
        text-align: center
    }

    .blog__events-title-copy .title-copy__title,.faq-filter .title-copy__title,.title-copy--pdp .title-copy__title {
        text-align: center
    }

    .title-copy__description {
        margin-top: 15px;
        width: 100%;
        padding: 0 5px
    }

    .contact .title-copy__description {
        text-align: left
    }

    .article__events .title-copy__description {
        text-align: left;
        margin-top: 15px
    }

    .title-copy-hero {
        height: 73rem
    }
}

@media (max-width: 767px) {
    .sign-up-sign-in__form--reset .back-header {
        top:2%;
        left: 6%
    }

    .sign-up-sign-in__form:after {
        display: none
    }

    .social-icons {
        -webkit-box-pack: left;
        -webkit-justify-content: left;
        -ms-flex-pack: left;
        justify-content: left;
        margin-top: 20px
    }

    .social-icons__icon {
        height: 100%
    }

    .social-icons__icon--facebook {
        height: 18px
    }

    .social-icons__icon--instagram {
        width: 17px;
        height: 17px
    }

    .social-icons__icon--youtube {
        width: 20px;
        height: 20px
    }

    .social-icons__icon--twitter {
        height: 19px
    }

    .testimonials-feature .svg--arrow-left svg,.testimonials-feature .svg--arrow-right svg {
        margin-right: 5px;
        border-radius: 50%;
        width: 34px;
        height: 34px;
        padding: 5px;
        background: #fff;
        color: #000;
        text-align: center;
        font: 32px Arial,sans-serif
    }

    .testimonial-card__image-container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: 115px;
        width: 115px
    }

    .testimonials-feature__copy {
        padding: 0 25px
    }

    .testimonials-feature__background-image-container {
        width: 200%;
        top: 0;
        left: -25%
    }

    .testimonials-feature__background-image-container:after {
        padding-top: 75%
    }

    .testimonials-feature__croissant-image-container {
        width: 30%;
        bottom: 0;
        left: 0
    }

    .testimonials-feature__croissant-image-container:after {
        padding-top: 100%
    }

    .testimonials-feature__pasta-image-container {
        width: 30%;
        top: 13%
    }

    .testimonials-feature__pasta-image-container:after {
        padding-top: 100%
    }

    .title-copy-cta {
        width: 100vw;
        padding: 0 0 60px
    }

    .title-copy-cta__container {
        padding: 0 30px;
        text-align: center;
        width: 100%
    }

    .wysiwyg--blog-article .title-copy--article-blog {
        padding: 0 5px
    }

    .title-copy--page {
        margin-top: 20px
    }

    .quiz .title-copy {
        padding-top: 1rem
    }

    .grid-address--title-copy .title-copy__title {
        width: 75%
    }

    .title-copy__description {
        text-align: center;
        margin-bottom: 25px
    }

    .wysiwyg--recipe-instructions-left .title-copy__description {
        text-align: left;
        padding-left: 30px
    }

    .wysiwyg--recipe-instructions .title-copy__description {
        width: 85%;
        margin: 0 auto
    }

    .title-copy-cta__button {
        margin: 0 auto
    }

    .title-copy-hero {
        max-height: 320px
    }
}

.title-copy-hero--large {
    height: 55vw;
    min-height: 790px;
    max-height: 1000px
}

.title-copy-hero--has-overlay:after {
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: hsl(46 80% 90% / 1);
    opacity: .7;
    position: absolute;
}

.title-copy-hero__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    position: relative
}

.title-copy-hero__title {
    text-align: center;
    max-width: 850px;
    margin: auto;
}

.title-copy-hero__description {
    margin-top: 30px;
    width: 65%
}

@media (max-width: 1199px) {
    .title-copy-hero__description {
        width:75%
    }
}

.video,.video--has-overlay:after,.video__el {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.video {
    background-color: #0f171a;
    overflow: hidden;
    -webkit-transition: background-color .3s cubic-bezier(.06,.305,0,1);
    -o-transition: background-color .3s cubic-bezier(.06,.305,0,1);
    transition: background-color .3s cubic-bezier(.06,.305,0,1)
}

.video--has-overlay:after {
    content: "";
    background-color: #0f171a;
    opacity: .1;
    z-index: 300
}

.video__el {
    opacity: 0;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    visibility: hidden;
    -o-object-fit: cover;
    object-fit: cover
}

.no-fallback .video__el,.video__el {
    display: block
}

.is-loaded .video__el {
    opacity: 1;
    visibility: visible
}

.video__el.hide {
    opacity: 0
}

.pos-center .video__el {
    -o-object-fit: cover;
    object-fit: cover
}

.pos-top .video__el {
    -o-object-position: top;
    object-position: top
}

.pos-bottom .video__el {
    -o-object-position: bottom;
    object-position: bottom
}

body.no-object-fit .video__el {
    width: auto;
    height: auto;
    min-height: 100%;
    min-width: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.video__fallback {
    opacity: 0;
    -webkit-transition: opacity .3s cubic-bezier(.06,.305,0,1);
    -o-transition: opacity .3s cubic-bezier(.06,.305,0,1);
    transition: opacity .3s cubic-bezier(.06,.305,0,1)
}

@media (max-width: 767px) {
    .title-copy-hero--large {
        min-height:750px
    }

    .title-copy-hero__description {
        text-align: center;
        margin-bottom: 25px
    }

    .video__fallback {
        display: none
    }
}

.video__fallback--mobile {
    display: block
}
section.selling-propositions picture img {
    object-fit: contain;
}

@media (min-width: 768px) {
    .search-results-tabs__header,.video__fallback--mobile {
        display:none
    }

    .selling-propositions {
        width: 100%;
        margin: 0 auto
    }
}

.video__mute-button,.wysiwyg__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}

.video__fallback.active {
    opacity: 1
}

.is-loaded .video__loader {
    opacity: 0;
    visibility: hidden
}

.video__mute {
    position: absolute;
    bottom: 25px;
    right: 25px
}

@media (min-width: 992px) {
    .plp-filter .svg svg,.post-filter-bar__filter .svg svg {
        width:11px
    }

    .testimonial-card__quotation-mark {
        margin-top: 60px
    }

    .testimonials-feature {
        padding-bottom: 100px
    }

    .title-copy--pdp {
        text-align: left;
        padding-left: 7rem;
        padding-right: 7rem
    }

    .title-copy.blog__events-title-copy {
        padding-top: 6.5rem
    }

    .contact .title-copy {
        padding-top: 0
    }

    .featured-products .title-copy,.selling-propositions .title-copy,.testimonials-feature .title-copy,.title-copy.wysiwyg--recipe-instructions-left {
        padding-top: 95px
    }

    .quiz .title-copy__description {
        width: 34%
    }

    .video--sub-hero-bottom .video__mute {
        bottom: 90px
    }

    .wysiwyg__wrapper--blog-article {
        padding-right: 0
    }
}

@media (min-width: 1240px) {
    .video--sub-hero-bottom .video__mute {
        bottom:25px
    }
}

.video__mute-button {
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    margin: 0 0 0 auto;
    color: #fff;
    border: none
}

.video__mute-button:focus,.video__mute-button:hover {
    background: 0 0
}

.video__mute-button:focus {
    outline: #0f171a auto 1px
}

.video__mute-icon {
    width: 25px;
    height: 23px
}

.video__mute-icon--muted {
    height: 20px
}

.video__mute-button--muted .video__mute-icon:not(.video__mute-icon--muted),.video__mute-button:not(.video__mute-button--muted) .video__mute-icon--muted {
    display: none
}

.plyr--video {
    position: relative;
    z-index: 200
}

.plyr--video:after {
    content: "";
    display: block;
    padding-bottom: 56.25%
}

.plyr--full-ui input[type=range] {
    color: #a8b398
}

.plyr--video .plyr__control.plyr__tab-focus,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true],.plyr__control--overlaid {
    background: #a8b398
}

.plyr__control--overlaid {
    opacity: .75;
    z-index: 400;
    border-radius: 8px
}

.plyr__control--overlaid:hover {
    opacity: 1
}

.plyr--video,.plyr__video-wrapper {
    background: 0 0
}

.plyr--video .plyr__controls {
    background: -webkit-linear-gradient(top,transparent 1%,transparent 6%,rgba(0,0,0,.65) 100%);
    z-index: 400
}

.wysiwyg__wrapper {
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 1250px;
    margin: 6.5rem auto 0;
    position: relative
}

.our-affiliates,.wysiwyg form,.wysiwyg ol li:before {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}

.wysiwyg {
    max-width: 1024px
}

.wysiwyg h1,.wysiwyg h2,.wysiwyg h3,.wysiwyg h4,.wysiwyg h5,.wysiwyg h6,.wysiwyg p {
    margin-top: 0;
    margin-bottom: 15px
}

.wysiwyg ol,.wysiwyg ul {
    margin: 20px auto;
    padding: 0 7% 15px
}

.wysiwyg ol li {
    position: relative;
    padding: 10px 0 10px 50px;
    counter-increment: a;
    background-repeat: no-repeat;
    background-image: url(../svg/list-circlec70e.svg?v=1619023686);
    background-position: 5px 4px
}

.wysiwyg ol li:before {
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 4px;
    left: 5px;
    text-align: center;
    content: counter(a) " ";
    font-weight: 700;
    color: #c74928;
    width: 26px;
    height: 26px
}

.wysiwyg--recipe-article li>img,.wysiwyg--recipe-article p>img {
    min-width: 322px;
    margin: 25px 15px 15px auto
}

.wysiwyg a {
    color: #c74928;
    text-decoration: none
}

.wysiwyg a img.alignright,.wysiwyg img.alignright {
    float: right;
    margin: 0 0 1em 1em
}

.wysiwyg a img.alignleft,.wysiwyg img.alignleft {
    float: left;
    margin: 0 1em 1em 0
}

.wysiwyg a img.aligncenter,.wysiwyg img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wysiwyg form {
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 45px 0 0 -20px;
    max-width: 800px
}

.wysiwyg img {
    max-width: 100%;
    height: auto;
    margin: 20px auto
}

.wysiwyg ol li:not(:last-of-type) {
    padding-bottom: 16px;
    margin-bottom: 0
}

.wysiwyg--pad-bot {
    padding-bottom: 7rem
}

.wysiwyg--blog-article {
    margin-top: 0
}

@media (min-width: 992px) {
    .wysiwyg__wrapper--recipe-article {
        margin-bottom:50px;   
        width: 100%;

    }

    .wysiwyg--blog-article {
        -webkit-box-flex: 1.55;
        -webkit-flex: 1.55;
        -ms-flex: 1.55;
        flex: 1.55
    }
}

@media (max-width: 991px) {
    .title-copy-hero__container {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .title-copy-hero__description {
        margin-top: 15px;
        width: 100%;
        padding: 0 5px
    }

    .video__mute-button {
        min-width: 60px;
        opacity: .5
    }

    .wysiwyg__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 1.5rem;
        margin-bottom: -100px;
    }

    .wysiwyg--blog-article {
        width: 100%
    }
}

.wysiwyg--margin-top {
    margin-top: 80px
}

.wysiwyg--margin-bottom {
    margin-bottom: 80px
}

@media (max-width: 767px) {
    .wysiwyg ol li {
        padding:8px 0 10px 40px
    }

    .wysiwyg--recipe-article li>img,.wysiwyg--recipe-article p>img {
        min-width: initial;
        margin: 15px 15px 15px auto
    }

    .wysiwyg ol li:not(:last-of-type) {
        padding-right: 5px;
        font-size: 13px;
    }

    .wysiwyg--margin-top {
        margin-top: 50px
    }

    .wysiwyg--margin-bottom {
        margin-bottom: 50px
    }
}

.wysiwyg--page {
    margin-top: 25px
}

@media (max-width: 767px) {
    .wysiwyg--page {
        margin-top:0
    }
}

.terms-container {
    margin: 100px auto
}

.our-affiliates {
    height: auto;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    padding: 90px 110px 30rem
}

p.our-affiliates__copy {
    max-width: 700px
}

.partner-card__image,.school-card__image {
    position: relative;
    margin: 0 auto;
    width: 75%
}

.our_affiliates__partners,.our_affiliates__schools {
    padding: 90px 110px
}

.our-affiliates .image:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(transparent 80%,#fff 100%);
    display: block;
    z-index: 1
}

.our_affiliates__partners {
    background: #75240d
}

.our_affiliates__partners .title-copy__title {
    color: #fff;
    text-align: center
}

section.hero-cta.hero-cta--mission.hero-cta--padding-bottom {
    background: #fff
}

.hero-cta--mission span.title-script.dark {
    color: #d2d2d1!important
}

.hero-cta--our-vision {
    background: #ffffff;
}

@media screen and (min-width: 992px) {
    .hero-cta__container--row-reverse {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%
    }

    section.hero-cta.hero-cta--mission.hero-cta--padding-bottom {
        height: 37vw;
        min-height: 600px
    }
}

.navigation__menu-item-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.navigation__menu-item-link {
    display: block
}

.navigation__submenu {
    display: none
}

@media (min-width: 992px) {
    .navigation__submenu {
        -webkit-box-shadow:0 5px 6px -2px rgb(0 0 0 / 16%);
        box-shadow: 0 5px 6px -2px rgb(0 0 0 / 16%);
        z-index: 1
    }

    .navigation__menu-item:hover .navigation__submenu {
        position: absolute;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 32px;
        padding: 32px 0 25px;
        background: #fff;
        width: 200px
    }
}

.navigation__accordion:hover .svg svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.navigation__accordion .svg svg {
    transition: .2s
}

.navigation__logo-menu-container nav>ul li li {
    padding: 10px 20px!important
}

@media (max-width: 991px) {
    .navigation__submenu-item:first-child {
        padding-top:0 !important;
    }
}

.navigation__submenu-item {
    list-style: none
}

.navigation__menu-item-link--submenu {
    padding: 0
}

.navigation__chevron {
    width: 15px;
    margin-left: 9px;
    margin-top: -3px;
    z-index: 1
}

.rc-legacy-radio:not(.rc-option--active) {
    display: none !important;
}

.rc-radio.rc-option.rc_widget__option {
    background: transparent;
}

.rc-legacy-radio {
    padding: 30px 26px 10px !important;
}

.rc-radio__input {
    display: none !important;
}

span.rc-option__text {
    padding: 0 !important;
    display: none;
}

label.rc-radio__label.rc_widget__option__label {
    display: block;
    margin: 0 !important;
    vertical-align: baseline !important;
}

span.rc-option__discount.rc_widget__option__discount:before {
    content: 'Discount: ';
}

span.rc-option__discount.rc_widget__option__discount {
    background: #c74928;
    padding: 1px 10px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    border-radius: 4px;
    margin-left: -4px;
}

span.rc-option__price.rc_widget__price {
    padding: 4px;
    margin-top: 4px;
    margin-bottom: 8px;
}

.rc-selling-plans.rc_widget__option__plans {
    padding: 15px 4px 0 !important;
}

label.form-field__label {
}

.input-select__label-container label span {
    font-size: 12px !important;
    font-weight: bold;
}

.input-select__label-container label {
    margin-bottom: 5px;
}

.rc-selling-plans__dropdown {
    height: 43px;
    border-radius: 6px;
    border: 1px solid #bdb1b9;
    cursor: pointer;
    padding: 10px 10.8px 10px 15px;
}

.rc-selling-plans.rc_widget__option__plans:before {
    content: 'Ship it';
    display: block;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 5px;
}

.rc_widget__option__selector {
    display: block;
}

span.rc-option__price.rc_widget__price.rc_widget__price--onetime {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* styles for the how-its-made module go in this file */
.how-its-made {
    height: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    color: #fff;
    padding: 90px 60px;
    background-color: #75240d;
}

@media (max-width: 767px) {
    .how-its-made {
        padding:35px 20px
    }
}

.how-its-made--has-overlay:after {
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color: var(--maroon);
    opacity: .8;
    position: absolute
}

.how-its-made__bg {
    z-index: -1
}

.how-its-made__header {
    text-align: center;
    margin-top: 0;
}

.how-its-made__content-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 50px
}

@media (max-width: 991px) {
    .how-its-made__content-wrapper {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (max-width: 767px) {
    .how-its-made__content-wrapper {
        margin-top:10px
    }
}

.how-its-made__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.how-its-made__content--alternate {
    padding: 0 35px
}

.how-its-made__content--main {
    width: 100%
}

.how-its-made__image {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 50%
}

.how-its-made__image:after {
    content: "";
    padding-top: 89%
}

@media (max-width: 991px) {
    .how-its-made__image {
        width:65%
    }
}

.how-its-made__image--circle {
    max-width: 61px;
    display: none;
}

.how-its-made__image--circle:after {
    content: "";
    padding-top: 78%
}

.how-its-made__image--arrow {
    position: absolute;
    width: 15%;
    top: -12px;
    right: -65px
}

@media (max-width: 1199px) {
    .how-its-made__image--arrow {
        display:none
    }
}

.how-its-made__image--arrow:after {
    content: "";
    padding-top: 78%
}

.how-its-made__image--process {
    width: 100%
}

.how-its-made__image--process:after {
    content: "";
    padding-top: 78%
}

.how-its-made__image-mobile {
    display: none
}

@media (max-width: 767px) {
    .how-its-made__image-mobile {
        display:block;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        height: 22px;
        margin-top: 25px
    }
}

.how-its-made__content--alternate .how-its-made__subheader {
    margin-top: 25px;
    margin-bottom: 10px;
    font-weight: normal;
    font-size: inherit;
    width: 100%;
}

@media (max-width: 767px) {
    .how-its-made__subheader {
        margin-top:5px
    }
}

.how-its-made__copy {
    text-align: center;
    padding: 0 20px
}

@media (max-width: 991px) {
    .how-its-made__copy {
        margin-top:0;
        padding: 0 15px
    }
}

.how-its-made__copy--alternate {
    padding: 0;
    text-align: center;
    font-size: 15px;
}

.how-its-made__video-container {
  position: relative;
  width: 90%;
  margin: 65px auto 0;
  padding: 0;
  background: white;
}

@media (max-width: 767px) {
    .how-its-made__video-container {
        width:100%;
        margin-top: 30px
    }
}

.how-its-made__video-container:after {
  content: "";
  display: block;
  padding-top: 56.25%;
  width: 100%;
}

.how-its-made__video {
  position: absolute !important;  /* ✅ Force override */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 6px;
  border: none;
  margin: 0;
  padding: 0;
  display: block;
}

.how-its-made__underscore {
    position: relative;
    width: 100%;
    padding-top: 2%;
    margin-bottom: 15px
}
/* styles for the procedure module go in this file */.procedure{width:987.66px;position:relative}@media (min-width:992px){.procedure{margin-top:38px;margin-bottom:100px}}@media (max-width:991px){.procedure{width:100%;padding-top:45px;padding-bottom:45px}}.procedure__illustration--tomato{position:absolute;right:-42px;top:21px;opacity:.3;width:22%;padding-top:19.25%}.procedure__illustration--marzano{position:absolute;left:-87px;top:54%;opacity:.3;width:25%;padding-top:14.25%}.procedure__illustration--slice{position:absolute;right:74px;bottom:12%;opacity:.3;width:10%;padding-top:12.25%}.procedure__illustration--leafless{position:absolute;right:-147px;bottom:12%;opacity:.3;width:25%;padding-top:13.25%}

/* styles for the procedure-card module go in this file */.procedure-card{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.procedure-card:nth-child(2) .procedure-card__dots-row{width:27%}@media (max-width:991px){.procedure-card:nth-child(2) .procedure-card__dots-row{width:0}}.procedure-card:nth-child(3) .procedure-card__dots-row{width:35%}@media (max-width:991px){.procedure-card:nth-child(3) .procedure-card__dots-row{width:0}}.procedure-card:nth-child(4) .procedure-card__dots-row{width:39%}@media (max-width:991px){.procedure-card:nth-child(4) .procedure-card__dots-row{width:0}}.procedure-card:nth-child(5) .procedure-card__dots-row{width:32%}@media (max-width:991px){.procedure-card:nth-child(5) .procedure-card__dots-row{width:0}}.procedure-card:nth-child(6) .procedure-card__dots-row{width:26%}@media (max-width:991px){.procedure-card:nth-child(6) .procedure-card__dots-row{width:0}}.procedure-card:nth-child(7) .procedure-card__dots-row{width:44%}@media (max-width:991px){.procedure-card:nth-child(7) .procedure-card__dots-row{width:0}}.procedure-card:nth-child(8) .procedure-card__dots-row{width:27%}@media (max-width:991px){.procedure-card:nth-child(8) .procedure-card__dots-row{width:0}}.procedure-card:nth-child(9) .procedure-card__dots-row{width:27%}@media (max-width:991px){.procedure-card:nth-child(9) .procedure-card__dots-row{width:0}}.procedure-card:nth-child(10) .procedure-card__dots-row{width:18%}@media (max-width:991px){.procedure-card:nth-child(10) .procedure-card__dots-row{width:0}}@media (max-width:991px){.procedure-card:nth-child(2n) .procedure-card__copy,.procedure-card:nth-child(2n) .procedure-card__title{text-align:left}}@media (max-width:991px){.procedure-card:nth-child(odd) .procedure-card__copy,.procedure-card:nth-child(odd) .procedure-card__title{text-align:right}}@media (max-width:991px){.procedure-card{text-align:center}}.procedure-card__title{margin-top:80px}.procedure-card__title--right{text-align:right}@media (max-width:991px){.procedure-card__title--right{text-align:center}}@media (max-width:991px){.procedure-card__title{margin-top:10px}}.procedure-card__copy--right{padding-left:20px;text-align:right}@media (max-width:991px){.procedure-card__copy--right{text-align:center;padding:0}}.procedure-card__copy--left{padding-right:20px}@media (max-width:991px){.procedure-card__copy--left{text-align:center;padding:0}}.procedure-card__wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.procedure-card__inner,.procedure-card__wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.procedure-card__inner{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-top:20px}.procedure-card__inner--right{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}@media (max-width:991px){.procedure-card__inner{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}}.procedure-card__dots-row{position:relative;height:7px}.procedure-card__dots-row--left{margin-left:80px}.procedure-card__dots-row--right{margin-right:80px;background-position:100%}.procedure-card__dots-row--hide{display:none}@media (max-width:991px){.procedure-card__dots-row{display:none}}.procedure-card__dots-row--mobile{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}@media (min-width:992px){.procedure-card__dots-row--mobile{display:none}}@media (max-width:991px){.procedure-card__dots-row-image{display:none}}.procedure-card__dots-column{position:absolute;height:70px;width:6px;margin:6px 0 0 -1px;background-repeat:no-repeat;top:10px}.procedure-card__dots-column--left{-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start}.procedure-card__dots-column--right{-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end;right:0}.procedure-card__dots-column--mobile{position:relative;margin:0 auto}@media (min-width:992px){.procedure-card__dots-column--mobile{display:none}}


.how-its-made__image--process img {
    filter: invert(1) brightness(1.2);
}

body.template-collection #page {
  padding-left: 0 !important;padding-right: 0 !important;padding-bottom: 0 !important;padding-top: 0px !important;}

  .collection {padding: 90px 60px;position: relative;clear: both;}
  .collection:after {clear: both;display: table;content: '';}
  html.js-age-gate.spf-has-filter.theme-store-id-796.spf-layout-app.gf-left.spf-status-loaded {padding-bottom: 0 !important;}
  .gf-left #gf-tree:not(.spf-hidden)+#gf-grid {padding-left: 60px;}

section.grid.grid--with-spacing.grid--who-we-are {
    position: relative;
    margin: 0;
    padding: 85px 0 110px;
}

section.grid.grid--with-spacing.grid--who-we-are div {
    z-index: 2;
    position: relative;
}

.grid--who-we-are .image-copy-illustration-card__title {
    margin-top: 20px;
}

.grid--who-we-are .image-copy-illustration-card__image-container:after {
    padding-bottom: 100%;
}

section.title-copy-hero.title-copy--our-story {
    height: auto;
    padding: 85px 0 110px;
}

.company .title-copy-hero--has-overlay:after {
    display: none;
}

.timeline-square_image__wrapper {
    position: absolute;
    width: 260px;
    left: 0;
    right: 0;
    top: 8px;
    margin: 0 auto;
    z-index: -1;
}

.timeline--left .timeline-square_image__wrapper {
    transform: translateX(22%);
}

.timeline--right .timeline-square_image__wrapper {
    transform: translateX(-22%);
}

.timeline-square_image__wrapper:after {
    content: "";
    display: block;
    padding-bottom: 92%;
}

.timeline-0 .timeline-square_image__wrapper:after {
    padding-bottom: 47%;
}
.timeline-1 .timeline-square_image__wrapper:after, 
.timeline-5 .timeline-square_image__wrapper:after {
    padding-bottom: 92%;
}
.timeline-2 .timeline-square_image__wrapper:after {
    padding-bottom: 62.5%;
}
.timeline-3 .timeline-square_image__wrapper:after, 
.timeline-6 .timeline-square_image__wrapper:after, 
.timeline-7 .timeline-square_image__wrapper:after, 
.timeline-9 .timeline-square_image__wrapper:after {
    padding-bottom: 36%;
}
.timeline-4 .timeline-square_image__wrapper:after {
    padding-bottom: 81%;
}
.timeline-8 .timeline-square_image__wrapper:after {
    padding-bottom: 46.5%;
}

.timeline-card__wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 10%;
    padding-bottom: 140px;
}

.timeline-card__wrapper > div {
}

.timeline--right .timeline-card__copy {
    text-align: right;
    margin-top: -34px;
}

.timeline--left .timeline-card__copy {
    text-align: left;
    margin-top: -34px;
}

.timeline--left .timeline-card__wrapper > div:first-child {
    order: 1;
}

.timeline-card {
    margin-bottom: 22px;
    position: relative;
}

.timeline-card:before {
    content: '';
    background: url(../red%20marker201c.html?v=1678481088);
    position: absolute;
    left: 0;
    right: 0;
    top: -22px;
    bottom: 0;
    background-size: auto;
    background-repeat: no-repeat;
    background-position: top center;
    z-index: -1;
}

.timeline-card:after {
    content: '';
    background: url(../line1201.html?v=1678481077);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-size: auto;
    background-repeat: repeat-y;
    background-position: center;
    z-index: -1;
    border-bottom: 6px solid #fff;
}

.timeline-card__title {
    margin-bottom: 20px;
}

.timeline--right .timeline-main_image__wrapper {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

.timeline--left .timeline-main_image__wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.timeline-main_image__inner {
    position: relative;
    z-index: -2;
}
.timeline-main_image__inner:after {
    content: "";
    display: block;
}

.timeline-0 .timeline-main_image__inner {
    width: 100%;
    max-width: 290px;
}
.timeline-1 .timeline-main_image__inner {
    width: 100%;
    max-width: 235px;
}
.timeline-2 .timeline-main_image__inner {
    width: 100%;
    max-width: 630px;
}
.timeline-3 .timeline-main_image__inner {
    width: 100%;
    max-width: 442px;
}
.timeline-4 .timeline-main_image__inner {
    width: 100%;
    max-width: 770px;
}
.timeline-5 .timeline-main_image__inner {
    width: 100%;
    max-width: 433px;
}
.timeline-6 .timeline-main_image__inner {
    width: 100%;
    max-width: 209px;
}
.timeline-7 .timeline-main_image__inner {
    width: 100%;
    max-width: 450px;
}
.timeline-8 .timeline-main_image__inner {
    width: 100%;
    max-width: 457px;
}
.timeline-9 .timeline-main_image__inner {
    width: 100%;
    max-width: 487px;
}


.timeline-0 .timeline-main_image__inner:after {
    padding-bottom: 140%;
}
.timeline-1 .timeline-main_image__inner:after {
    padding-bottom: 166.667%;
}
.timeline-2 .timeline-main_image__inner:after {
    padding-bottom: 41%;
}
.timeline-3 .timeline-main_image__inner:after, 
.timeline-8 .timeline-main_image__inner:after, 
.timeline-9 .timeline-main_image__inner:after {
    padding-bottom: 100%;
}
.timeline-4 .timeline-main_image__inner:after {
    padding-bottom: 34%;
}
.timeline-5 .timeline-main_image__inner:after, 
.timeline-7 .timeline-main_image__inner:after{
    padding-bottom: 76%;
}
.timeline-6 .timeline-main_image__inner:after {
    padding-bottom: 206%;
}




.timeline-0 .timeline-main_image__wrapper {
    padding-top: 15%;
}
.timeline-1 .timeline-main_image__wrapper {
    padding-top: 5%;
}
.timeline-2 .timeline-main_image__wrapper {
    justify-content: flex-start;
    margin-left: -40%;
    padding-top: calc(200px + 1vw);
}
.timeline-3 .timeline-main_image__wrapper {
    padding-top: 5%;
}
.timeline-4 .timeline-main_image__wrapper {
    justify-content: flex-start;
    margin-left: -58%;
    padding-top: calc(300px + -5vw);
    position: relative;
}
.timeline-5 .timeline-main_image__wrapper {
    padding-top: 10%;
}
.timeline-6 .timeline-main_image__wrapper {
    justify-content: flex-start;
    padding-top: 15%;
    margin-left: 12.5%;
}
.timeline-7 .timeline-main_image__wrapper, 
.timeline-8 .timeline-main_image__wrapper, 
.timeline-9 .timeline-main_image__wrapper {
    padding-top: 12%;
}

.timeline-card__description p {
    padding-bottom: 1em;
    font-size: 16px;
    line-height: 22px;
}




.timeline-asset_1__wrapper, 
.timeline-asset_2__wrapper, 
.timeline-asset_3__wrapper, 
.timeline-asset_4__wrapper {
    position: absolute;
    z-index: -3;
}

.timeline-asset_1__wrapper:after, 
.timeline-asset_2__wrapper:after, 
.timeline-asset_3__wrapper:after, 
.timeline-asset_4__wrapper:after {
    padding-bottom: 100%;
    content: '';
    display: block;
}

.timeline-0 .timeline-asset_1__wrapper {
    width: 25%;
    max-width: 303px;
    top: 5%;
    right: 20%;
}

.timeline-0 .timeline-asset_2__wrapper {
    width: 65%;
    max-width: 834px;
    bottom: 4vw;
    left: 6%;
}

.timeline-0 .timeline-asset_2__wrapper:after {
    padding-bottom: 28%;
    content: '';
    display: block;
}


.timeline-1 .timeline-asset_1__wrapper {
    width: 25%;
    max-width: 295px;
    bottom: 20%;
    right: 12.5%;
}

.timeline-1 .timeline-asset_1__wrapper:after {
    padding-bottom: 54.5%;
    content: '';
    display: block;
}

.timeline-1 .timeline-asset_2__wrapper {
    width: 20%;
    max-width: 244px;
    top: 20%;
    left: 25%;
}

.timeline-1 .timeline-asset_2__wrapper:after {
    padding-bottom: 106%;
    content: '';
    display: block;
}


.timeline-2 .timeline-asset_1__wrapper {
    width: 10%;
    max-width: 111px;
    bottom: 15%;
    right: 10%;
    z-index: 1;
}

.timeline-2 .timeline-asset_1__wrapper:after {
    padding-bottom: 230%;
    content: '';
    display: block;
}

.timeline-2 .timeline-asset_2__wrapper {
    width: 36%;
    max-width: 464px;
    bottom: 15%;
    left: 8.5%;
    z-index: 1;
}

.timeline-2 .timeline-asset_2__wrapper:after {
    padding-bottom: 61%;
    content: '';
    display: block;
}


.timeline-3 .timeline-asset_1__wrapper {
    width: 20%;
    max-width: 247px;
    bottom: 25%;
    left: 55%;
    z-index: 1;
}

.timeline-3 .timeline-asset_1__wrapper:after {
    padding-bottom: 62%;
    content: '';
    display: block;
}


.timeline-4 .timeline-asset_1__wrapper {
    width: 18%;
    max-width: 225px;
    top: 50%;
    left: 12%;
    z-index: 1;
}

.timeline-4 .timeline-asset_1__wrapper:after {
    padding-bottom: 100%;
    content: '';
    display: block;
}


.timeline-5 .timeline-asset_1__wrapper {
    width: 15%;
    max-width: 135px;
    top: 57%;
    left: 27%;
    z-index: 1;
}

.timeline-5 .timeline-asset_1__wrapper:after {
    padding-bottom: 100%;
    content: '';
    display: block;
}


.timeline-6 .timeline-asset_1__wrapper {
    width: 25%;
    max-width: 215px;
    top: 30%;
    left: 22%;
    z-index: 1;
}

.timeline-6 .timeline-asset_1__wrapper:after {
    padding-bottom: 117%;
    content: '';
    display: block;
}


.timeline-7 .timeline-asset_1__wrapper {
    width: 25%;
    max-width: 248px;
    bottom: 20%;
    left: 25%;
    z-index: 1;
}

.timeline-7 .timeline-asset_1__wrapper:after {
    padding-bottom: 68%;
    content: '';
    display: block;
}

.timeline-7 .timeline-asset_2__wrapper {
    width: 36%;
    max-width: 347px;
    bottom: 15%;
    left: 55%;
    z-index: 1;
}

.timeline-7 .timeline-asset_2__wrapper:after {
    padding-bottom: 50%;
    content: '';
    display: block;
}



.timeline-8 .timeline-asset_1__wrapper {
    width: 20%;
    max-width: 230px;
    top: 22%;
    left: 5%;
    z-index: 1;
}

.timeline-8 .timeline-asset_1__wrapper:after {
    padding-bottom: 170%;
    content: '';
    display: block;
}

.timeline-8 .timeline-asset_2__wrapper {
    width: 22%;
    max-width: 265px;
    bottom: 25%;
    left: 26%;
    z-index: 1;
}

.timeline-8 .timeline-asset_2__wrapper:after {
    padding-bottom: 67%;
    content: '';
    display: block;
}

.timeline-8 .timeline-asset_3__wrapper {
    width: 18%;
    max-width: 230px;
    top: 25%;
    left: 27%;
    z-index: 1;
}

.timeline-8 .timeline-asset_3__wrapper:after {
    padding-bottom: 50%;
    content: '';
    display: block;
}



.timeline-9 .timeline-asset_1__wrapper {
    width: 20%;
    max-width: 251px;
    bottom: 10%;
    right: 5%;
    z-index: 1;
}

.timeline-9 .timeline-asset_1__wrapper:after {
    padding-bottom: 166%;
    content: '';
    display: block;
}

.timeline-9 .timeline-asset_2__wrapper {
    width: 22%;
    max-width: 265px;
    bottom: 36%;
    right: 26%;
    z-index: 1;
}

.timeline-9 .timeline-asset_2__wrapper:after {
    padding-bottom: 76.5%;
    content: '';
    display: block;
}

.timeline-9 .timeline-asset_3__wrapper {
    width: 12%;
    max-width: 154px;
    bottom: 11%;
    right: 26%;
    z-index: 1;
}

.timeline-9 .timeline-asset_3__wrapper:after {
    padding-bottom: 100%;
    content: '';
    display: block;
}

.timeline .hero__cta-link-text {
    color: inherit;
}


.timeline--right .hero__cta-link-container {
    justify-content: flex-end;
}

@media screen and (max-width: 991px) {
    .timeline-asset_1__wrapper, 
    .timeline-asset_2__wrapper, 
    .timeline-asset_3__wrapper, 
    .timeline-asset_4__wrapper {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .timeline-card:before {
    right: auto;
    width: 18px;
}

.timeline-card:after {
    right: auto;
    width: 18px;
}

.timeline-card__copy {
    text-align: left !important;
    margin-left: 38px;
}

.timeline-card__wrapper {
    grid-template-columns: auto;
    padding-bottom: 60px !important;
}

.timeline-square_image__wrapper {
    transform: none !important;
    right: auto;
    top: -8px;
    z-index: -2;
    left: -18px;
}

.timeline-main_image__wrapper {
    align-items: flex-start !important;
    justify-content: flex-start !important;
    margin-left: 38px !important;
    padding-top: 0 !important;
}

.timeline--left .timeline-card__wrapper > div:first-child {
    order: 0;
}
}

.our-story__download-link {
    margin-bottom: 60px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.our-story__download-link a {
    text-transform: uppercase;
    padding: 0 18px;
}

.timeline .hero__cta-link-container {
    margin-bottom: 10px;
}


.hero--sustainability .hero__header {
    color: inherit;
}

@media screen and (min-width: 992px) {
.hero-cta--commitment .hero-cta__image-container {
    order: 1;
}
}

.hero-cta--commitment .hero-cta__header {
    padding: 0 80px 75px 0;
}

@media screen and (max-width: 991px) {
.hero-cta--commitment .hero-cta__header {
    padding-right: 0;
}
}

.how-its-made__video-container iframe {
    z-index: 1;
    position: relative;
}
.title-copy-hero--has-overlay.hero-cta__header--black-text .hero-cta__header {
    color: #0f171a;
}





body#recharge-novum {
    margin-top: 0 !important;
}

.product-modal__content > div {
    position: relative;
    display: flex;
    flex-direction: row;
    width: 100%;
    flex-wrap: wrap;
    align-items: center;
    padding-right: 4rem;
}

.product-modal__content > div > div {
    width: 50%;
}

.product-modal__content {
    display: flex;
    width: 100% !important;
    padding: 2rem;
    align-items: initial;
    justify-content: center;
    flex-wrap: wrap;
}

.product-modal__content > div.product-modal__newsletter {
    /* width: 100% !important; */
    margin: auto !important;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #FEF8E5;
    height: auto !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.product-modal__content > div.product-modal__newsletter form {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 20px;
}


label.form-field__label {
    margin: 0;
}


a.product-listing-info__product-details-link {
    margin-top: 10px !important;
    display: inline-block;
    margin-bottom: 10px;
    text-decoration: underline;
}

.product-card:not(.swiper-slide):not(.search-results-tabs__product-card) a.product-card__link {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
}

a.product-card__modal-link.product-modal-btn {
    position: absolute;
    z-index: 1;
    background: #C74928;
    color: white;
    text-align: center;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 5px;
    font-size: 14px;
    text-transform: uppercase;
    border-radius: 5px;
    transition: all .3s ease;
    opacity: 0;
}

.product-card__image:hover a.product-card__modal-link.product-modal-btn {
    opacity: 1;
}






.cart-items__item-recurring.b3 {
    opacity: .7;
    margin-top: 1rem;
    font-size: 1.2rem;
    line-height: 1.8rem;
}




.rbr-desktop.rbr-hrDesktop {
    max-width: none;
}

.rbr-hrDesktop>div {
    padding: 0 !important;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-column-gap: 48px;
    grid-template-areas:
        "bundle1 bundle2 bundle3"
        "bogo bogo bogo";
}
.rbr-hrDesktop>div>div {
    padding: 0px !important;
}
.rbr-hrDesktop>div>:nth-child(0) {
    grid-area: bundle1;
}
.rbr-hrDesktop>div>:nth-child(1) {
    grid-area: bundle2;
}
.rbr-hrDesktop>div>:nth-child(2) {
    grid-area: bundle3;
}
.rbr-hrDesktop>div>:nth-child(4) {
    grid-area: bogo;
}


.bundles {
    font-family: Roboto Slab, sans-serif;
    padding: 7rem;
   background-color: #fef8e5;
}
.bundle-link {
    background: #c74928;
    
    cursor: pointer;
    padding: 10px;
    border-radius: 10px;
    text-align: center;
}
.bundle-link a {color: white;}  
.bundles h2 {
    text-align: center;
    margin-bottom: 5rem;
}


.recipe-ingredients .hero-cta__button-container {
    justify-content: center;
    margin-top: 5rem;
}

p.recipe-hero__copy.b2 + section {
    margin-top: 20px;
}

.product-detail-tabs__tab--jagged .svg.svg--button-jagged svg, 
.product-detail-tabs__tab--jagged .svg.svg--button-jagged {
    width: 100%;
    height: 100%;
}

.product-detail-tabs__tab--jagged.button-jagged a {
    width: 100%;
}


.product-detail-tabs__container .b2 {
    font-size: 14px;
}

.bundles-wrapper {display: flex;flex-wrap: wrap;}

.bundles-wrapper > div {
    width: 100%;
}

.rbr-desktop > div {
    margin: 0 !important;
}

.combos {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-column-gap: 30px;
    order: -1;
}

.rbr-standard-bundle__description {
    font-size: 13px !important;
    line-height: 1.4 !important;
}



.product-photo-viewer__nav--overflow::-webkit-scrollbar {
    width: 5px;
    background: #f1f1f1;
}

.product-photo-viewer__nav--overflow {
    padding-left: 5px;
    direction:rtl;
}

.product-photo-viewer__nav--overflow::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0;
    border-radius: 0;
    background: #c74928;

}

.product-photo-viewer__nav--overflow::-webkit-scrollbar-thumb:window-inactive {
    background: #c74928;
    opacity: .5;
}


span.orig-price {
    text-decoration: line-through;
    text-decoration-color: #c74928;
    text-decoration-thickness: 3px;
}


.cart-items__item-price--desktop.b2 {
    position: relative;
}
.account-info__wrapper .form-forgot {
    margin-top: 7rem;
    width: 100%;
}

.account-info__wrapper .form-address {
    width: 100% !important;
}

.account-info__wrapper {
}

.account-info__wrapper .form-address__row-container {
    width: 100% !important;
}

.account-info__wrapper form {
    width: 100%;
}

.account-info__wrapper .form-forgot__wrapper {
    width: 100%;
    margin: 0;
    padding: 0;
}



@media (max-width: 1199px) {
    .navigation__menu-second {
        display:none
    }
}


.navigation__menu.mobile {
  display: none;
}

@media screen and (max-width: 991px) {
    .navigation__menu:not(.mobile) {
    margin-bottom: 0;
}
    .navigation__menu.mobile {
    display: block;
    width: 100%;
    margin-top: 2rem;
}
    .navigation__submenu.mobile-open {
    display: block;
}

.navigation__menu-item-wrapper {
    width: 100%;
}

.navigation__menu-item {
    align-items: flex-start !important;
}

.navigation__chevron {
    padding: 2rem;
}

    .navigation__menu-second {
    display: none;
}
}

.product-add-to-cart-tabs__price {
    display: block;
    width: 100%;
    font-weight: bold;
    padding: 20px 0 10px;
}

.product-add-to-cart-tabs__container.active {
    flex-wrap: wrap;
    display: flex !important;
}

span.product-add-to-cart-tabs__tab.disabled {
    display: none;
}


.how-its-made__video-container {
    background: white;
    padding: 0px;
    display: block;
    margin: 30px auto 0;
}

.how-its-made__video-container > div {
    margin: 30px;
    display: block;
}

.how-its-made__video-container iframe {
    position: relative;
    padding: 15px;
}
@media screen and (max-width: 991px) {
.navigation__accordion.active .navigation__submenu {
    display: block !important;
}
    .navigation__submenu {
        position:relative;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0 20px 25px;
        background: #fff
    }
}



@media screen and (max-width: 1390px) {
    .navigation__menu-item-link {
    font-size: 14px !important;
}

}

@media screen and (max-width: 1300px) {
    .navigation__menu-item-link {
    font-size: 13px !important;
}

.navigation__logo-menu-container nav>ul>li {
    margin: 0 .75vw !important;
}

.navigation__chevron {
    margin-left: 4px;
    width: 11px;
    position: relative;
    margin-top: -4px;
}

.navigation__menu-item {
    margin-left: .75vw !important;
}

.navigation__chevron svg {
    transform: scale(.75);
}
.navigation__accordion:hover .svg svg {
transform: scale(.75) rotate(180deg);
}
}

html, body {
    overflow: auto !important;
}






.product-add-to-cart-tabs__add-to-cart-button.disabled {
    opacity: .5;
    background-color: #0f171a !important;
    border-color: #0f171a;
    color: #fff !important;
}


.stock-sticker {
    position: absolute;
    z-index: 9;
    background: #0f171a;
    padding: 4px 9px;
    font-size: 10px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 4px;
    width: 100%;
    text-align: center;
    transform: rotate(-45deg) translate(-50%,200%);
    top: 0;
    left: 0;
    transform-origin: top left;
}

.product-card__image img.image__img {
    width: 100%;
    background: #fff;
}

.product-listing-info .product-add-to-cart-tabs__add-to-cart-button {
    margin-left: 0;
}



.demo-trigger img.image__img.sized-img.loaded {
    width: 100%;
    height: 100%;
    object-fit: contain;
    //transition: transform 0.3s ease-in-out;
   cursor: pointer;
}
/* .thumbnail-container:hover {
    transform: scale(3);
} */

/* .demo-trigger.image--contain.product-photo-viewer__carousel__image-subcontainer.anim--fade.img-loaded {
    position: relative;
    overflow: hidden;
    width: 300px;
    height: 350px;
    transition: transform 0.3s ease-in-out;
} */
  .thumbnail-container:hover img {
    transform: scale(2);
}
.product-photo-viewer__nav .swiper-wrapper.container-thumb {
    flex-direction: column;
}


/* edits for hover image on PLP and PDP*/
.thumbnail-container:hover img {
    transform: scale(2);
}
.product-photo-viewer__nav .swiper-wrapper.container-thumb {
    flex-direction: column;
}

/* Container for product images */
.product-card__image {
    position: relative;
    width: 100%;
  }
  
  /* Primary Image (displayed by default) */
  .primary-image {
    display: block;
    z-index: 1;
    width: 100%;
    height: auto;
    object-fit: contain; /* Ensures the image is fully contained */
  }
  

  
  /* Product details below image (title, price, variants) */
  .product-card__details {
    position: relative;
    text-align: center;
    margin-top: 10px;
  }
  
  .product-card__title {
    margin-bottom: 5px;
  }
  
  /* Quick View button */
  .product-card__modal-link {
    display: block;
    margin-top: 10px;
    padding: 10px;
    background-color: #333;
    color: white;
    text-align: center;
    cursor: pointer;
    border: none;
    text-decoration: none;
  }
  
  .product-card__modal-link:hover {
    background-color: #555;
  }
  
  /* Ensure the title and button stay in place during hover */
  .product-card__details h2,
  .product-card__modal-link {
    position: relative;
    z-index: 2;
  }
  .product-card:not(.swiper-slide):not(.search-results-tabs__product-card) a.product-card__link {
      width: 76%;
      height: 100%;
      position: absolute;
      z-index: 1;
  }
  .template-collection #page {
    padding-top: 100px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-bottom: 100px !important;
    background: no-repeat url(../png/caputo-backgroundnew56a2.png?v=1680723627);
    background-position: top center;
    font-family: Roboto Slab, sans-serif;
  }
  .product-card__image {
    position: relative;
    width: 100%;
    overflow: hidden;
    aspect-ratio: 1 / 1;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;

}

    

  .secondary-image {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: auto;
    object-fit: contain;
    text-align: center;
  }

  .product-card__image:hover .primary-image {
    display: none;
  }

  .product-card__image:hover .secondary-image {
    display: block;
  }

  .product-card__details {
    margin-top: 10px;
    text-align: left;
  }

  .product-card__title {
    margin-bottom: 5px;
    font-size: 16px;
    font-weight: bold;
  }

  .product-card__price {
    display: block;
    margin-bottom: 10px;
    font-size: 14px;
    color: #666;
  }

  .product-card__modal-btn {
    padding: 10px;
    background-color: #333;
    color: #fff;
    cursor: pointer;
    border: none;
    text-align: center;
  }

  .product-card__modal-btn:hover {
    background-color: #555;
  }

  .product-card__image:after {
    content: "";
    padding-top: 100%;
    position: relative;
    display: block;
  }

  .primary-image {
    display: block;
    z-index: 1;
    width: 100%;
    height: 100%    ;
    object-fit: contain;
}
  @media (max-width: 991px) {
    .title-copy {
        padding-top: 1rem;
    }
    .carousel--related-recipes {
        margin-bottom: 0px;
    }
    #yotpo-selector .content-title.yotpo-font-bold, .h3, .title-copy--article-blog .h2, .title-copy--page .h2, .wysiwyg h3, .wysiwyg--page .h2 {
        font-size: 2rem;
        line-height: 2rem;
        padding: 0;
    }
    .image--contain .image__img {
       
        width: 100%;
    }
  } 

 @media (max-width: 754px) {
    .product-modal-btn{ display: none;}}