/******************************
REDDIWIP SPECIFIC COLORS
******************************/
/******************************
COLORS
******************************/
/******************************
REDDIWIP SPECIFIC COLORS
******************************/
/******************************
COLORS
******************************/
/*****************************************************
BEGIN FUNCTIONS
*****************************************************/
/*****************************************************
BEGIN FUNCTIONS
*****************************************************/
/*****************************************************
BEGIN EXTENDS
*****************************************************/
/* line 28, ../../sass/config/_mixins.scss */
.page-header nav > ul {
  font-family: ProximaNova, sans-serif;
  font-weight: bold;
}

/*****************************************************
END EXTENDS
*****************************************************/
/******************************
REDDIWIP SPECIFIC COLORS
******************************/
/******************************
COLORS
******************************/
/***********************************************/
/* Here the core layout of the site is defined. Major page elements that control global
/* spacing are defined here. Things such as page containers, header, footer, etc.
/***********************************************/
/*****************************************************
BEGIN HEADER/FOOTER
*****************************************************/
/* line 15, ../../sass/layout/layout.scss */
.page-header {
  padding-top: 50px;
  background: 0 0 white;
}
@media (max-width: 767px) {
  /* line 15, ../../sass/layout/layout.scss */
  .page-header {
    overflow: auto;
  }
}
@media (min-width: 768px) {
  /* line 15, ../../sass/layout/layout.scss */
  .page-header {
    padding-top: 0;
    background-color: #e41b13;
  }
}
/* line 32, ../../sass/layout/layout.scss */
.page-header nav > ul > li {
  margin-bottom: 8px;
  padding: 0;
}
/* line 36, ../../sass/layout/layout.scss */
.page-header nav > ul > li a {
  display: inline-block;
  padding: 8px 29px 4px;
  line-height: 1.25em;
  height: auto;
  font-size: 1rem;
  color: #002b60;
}
/* line 46, ../../sass/layout/layout.scss */
.page-header nav > ul > li a[href='/where-to-buy']:after {
  margin-top: -4px;
}
/* line 54, ../../sass/layout/layout.scss */
.page-header .container {
  position: relative;
}
/* line 62, ../../sass/layout/layout.scss */
.page-header .social-links .item-list ul li a {
  color: #002b60;
}
@media (min-width: 768px) {
  /* line 71, ../../sass/layout/layout.scss */
  .page-header .logo {
    margin-top: 5px;
    max-width: 135px;
  }
  /* line 76, ../../sass/layout/layout.scss */
  .page-header nav {
    width: calc(100% - 220px);
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  /* line 79, ../../sass/layout/layout.scss */
  .page-header nav > ul {
    width: 100%;
  }
}
@media (min-width: 768px) {
  /* line 85, ../../sass/layout/layout.scss */
  .page-header nav > ul > li {
    height: auto;
    margin-bottom: 0;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  /* line 89, ../../sass/layout/layout.scss */
  .page-header nav > ul > li a {
    height: 44px;
    padding: 0 10px;
    font-size: 0.875rem;
    color: white;
    line-height: 44px;
  }
}
@media (min-width: 768px) and (min-width: 992px) {
  /* line 89, ../../sass/layout/layout.scss */
  .page-header nav > ul > li a {
    padding: 0 20px;
  }
}
@media (min-width: 768px) {
  /* line 103, ../../sass/layout/layout.scss */
  .page-header nav > ul > li:last-child {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-content: center;
    -moz-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
    height: 36px;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  /* line 103, ../../sass/layout/layout.scss */
  .page-header nav > ul > li:last-child {
    right: 10px;
  }
}
@media (min-width: 768px) and (min-width: 992px) {
  /* line 103, ../../sass/layout/layout.scss */
  .page-header nav > ul > li:last-child {
    right: 0;
  }
}
@media (min-width: 768px) {
  /* line 120, ../../sass/layout/layout.scss */
  .page-header nav > ul > li:last-child a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    background: 0 0 white;
    padding: 10px 20px;
    line-height: normal;
    height: 100%;
    font-size: 0.875rem;
    color: #002b60;
  }
}
@media (min-width: 992px) {
  /* line 137, ../../sass/layout/layout.scss */
  .page-header nav {
    width: calc(100% - 280px);
  }
}

/* line 143, ../../sass/layout/layout.scss */
.page-footer {
  background: 0 0 white;
}
/* line 147, ../../sass/layout/layout.scss */
.page-footer .footer-content nav ul li a {
  color: #e41b13;
}
/* line 155, ../../sass/layout/layout.scss */
.page-footer .social-links .item-list ul li a {
  color: #e41b13;
}
/* line 162, ../../sass/layout/layout.scss */
.page-footer .copyright {
  color: #e41b13;
}

/*****************************************************
END HEADER/FOOTER
*****************************************************/
/*****************************************************
BEGIN MOBILE MENU OVERRIDES
*****************************************************/
/* line 175, ../../sass/layout/layout.scss */
#mobile-header {
  background: 0 0 #e41b13;
}
/* line 179, ../../sass/layout/layout.scss */
#mobile-header .logo img {
  height: auto;
  margin: 0;
  top: 8px;
  left: 20px;
  width: 75px;
}

/*****************************************************
END MOBILE MENU OVERRIDES
*****************************************************/
/*****************************************************
BEGIN MAIN CONTENT AREA
*****************************************************/
/* line 200, ../../sass/layout/layout.scss */
.general-page.error-page > .container {
  margin-bottom: 30px;
  padding-top: 60px;
  padding-bottom: 30px;
  background-color: white;
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: url("../../images/global/mobile/bg-wip-tall.jpg");
  -webkit-webkit-background-size: cover;
  -moz-webkit-background-size: cover;
  -ms-webkit-background-size: cover;
  -o-webkit-background-size: cover;
  background-size: cover;
}
@media (min-width: 992px) {
  /* line 200, ../../sass/layout/layout.scss */
  .general-page.error-page > .container {
    background-image: url("../../images/global/bg-wip-tall.jpg");
  }
}
/* line 215, ../../sass/layout/layout.scss */
.general-page.error-page > .container .row {
  margin: 0;
}
/* line 220, ../../sass/layout/layout.scss */
.general-page.error-page h1 {
  margin-bottom: 10px;
  text-align: left;
}
/* line 224, ../../sass/layout/layout.scss */
.general-page.error-page h1:before, .general-page.error-page h1:after {
  display: none;
}
/* line 230, ../../sass/layout/layout.scss */
.general-page.error-page a {
  display: block;
  margin-bottom: 5px;
}
/* line 234, ../../sass/layout/layout.scss */
.general-page.error-page a:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  /* line 240, ../../sass/layout/layout.scss */
  .general-page.error-page h1 {
    text-align: center;
    margin-bottom: 30px;
  }
  /* line 245, ../../sass/layout/layout.scss */
  .general-page.error-page a {
    text-align: center;
  }
}

/* line 252, ../../sass/layout/layout.scss */
.main-content {
  padding-top: 0;
}
/* line 256, ../../sass/layout/layout.scss */
.main-content .container.main-content-container {
  background-color: white;
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: url("../../images/global/mobile/bg-wip-tall.jpg");
  -webkit-webkit-background-size: cover;
  -moz-webkit-background-size: cover;
  -ms-webkit-background-size: cover;
  -o-webkit-background-size: cover;
  background-size: cover;
}
@media (min-width: 992px) {
  /* line 256, ../../sass/layout/layout.scss */
  .main-content .container.main-content-container {
    background-image: url("../../images/global/bg-wip-tall.jpg");
  }
}
/* line 269, ../../sass/layout/layout.scss */
.recipes .main-content .container.main-content-container {
  padding-top: 45px;
}

/* line 277, ../../sass/layout/layout.scss */
div[class*="products-"] .main-content {
  padding-top: 50px;
}

/* line 282, ../../sass/layout/layout.scss */
.general-page.main-content {
  padding-top: 50px;
}
@media (min-width: 768px) {
  /* line 282, ../../sass/layout/layout.scss */
  .general-page.main-content {
    padding-top: 90px;
  }
}

/*****************************************************
END MAIN CONTENT AREA
*****************************************************/
/*****************************************************
BEGIN FRONT PAGE AREA
*****************************************************/
/* line 300, ../../sass/layout/layout.scss */
.container.container-content {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 303, ../../sass/layout/layout.scss */
.container.container-content.frontpage {
  padding-top: 60px;
}

/* line 310, ../../sass/layout/layout.scss */
#block-homepagedisclaimerrbsthormones div p {
  color: #656565;
  text-align: center;
}

/*****************************************************
END FRONT PAGE AREA
*****************************************************/
/*************************/
/* site css fix replacement
/*************************/
/*************************/
/* recipes css fix replacement
/*************************/
/* line 328, ../../sass/layout/layout.scss */
#hero-slider.hero-recipe .swiper-slide .container .content-container {
  background-image: none !important;
  background-color: #38aedb !important;
}

/* line 329, ../../sass/layout/layout.scss */
#hero-slider.hero-recipe .swiper-slide .container .content-container .cta-button {
  min-width: 170px !important;
}

/*************************/
/* home css fix replacement
/*************************/
@media (min-width: 544px) {
  /* line 336, ../../sass/layout/layout.scss */
  #hero-slider.hero-homepage .swiper-slide#hero-homepage-carousel-1-white-chocolate-truffles .container .content-container, #hero-slider.hero-homepage .swiper-slide#title-hero-homepage-carousel-2-cranberry-cake-rolls .container .content-container {
    padding-top: 187px;
    padding-left: 25.5px;
  }
}
/* line 342, ../../sass/layout/layout.scss */
#hero-slider.hero-homepage .swiper-slide#hero-homepage-carousel-1-white-chocolate-truffles .container div:nth-child(1), #hero-slider.hero-homepage .swiper-slide#title-hero-homepage-carousel-2-cranberry-cake-rolls .container div:nth-child(1) {
  color: white;
}

@media (min-width: 768px) {
  /* line 348, ../../sass/layout/layout.scss */
  #hero-slider.hero-homepage .swiper-slide#hero-homepage-carousel-1-white-chocolate-truffles .container .content-container, #hero-slider.hero-homepage .swiper-slide#title-hero-homepage-carousel-2-cranberry-cake-rolls .container .content-container {
    position: absolute;
    left: 12%;
    top: 29.26829%;
    width: 37%;
    padding-top: 0;
    padding-left: 0;
  }

  /* line 356, ../../sass/layout/layout.scss */
  #hero-slider.hero-homepage .swiper-slide#hero-homepage-carousel-1-white-chocolate-truffles .container div:nth-child(1), #hero-slider.hero-homepage .swiper-slide#title-hero-homepage-carousel-2-cranberry-cake-rolls .container div:nth-child(1) {
    margin-bottom: 0.12857em;
  }

  /* line 359, ../../sass/layout/layout.scss */
  #hero-slider.hero-homepage .swiper-slide#hero-homepage-carousel-1-white-chocolate-truffles .container div:nth-child(2), #hero-slider.hero-homepage .swiper-slide#title-hero-homepage-carousel-2-cranberry-cake-rolls .container div:nth-child(2) {
    font-size: 2rem;
    margin-bottom: 0.5em;
  }

  /* line 363, ../../sass/layout/layout.scss */
  #hero-slider.hero-homepage .swiper-slide#hero-homepage-carousel-1-white-chocolate-truffles .container .cta-button, #hero-slider.hero-homepage .swiper-slide#title-hero-homepage-carousel-2-cranberry-cake-rolls .container .cta-button {
    position: relative;
    left: auto;
    bottom: auto;
    -webkit-transform: none;
    transform: none;
  }
}
/* line 373, ../../sass/layout/layout.scss */
#hero-slider.hero-homepage .swiper-slide#title-hero-homepage-carousel-2-apple-cranberry-crisp .container .content-container {
  width: 54.48276%;
  padding-top: 34.375vw;
}

/* line 379, ../../sass/layout/layout.scss */
#hero-slider.hero-homepage .swiper-slide#title-hero-homepage-carousel-2-apple-cranberry-crisp .container div:nth-child(1) {
  margin-bottom: 0.21875em;
}

/* line 383, ../../sass/layout/layout.scss */
#hero-slider.hero-homepage .swiper-slide#title-hero-homepage-carousel-2-apple-cranberry-crisp .container .cta-button {
  position: absolute;
  left: 50%;
  bottom: 25px;
  white-space: nowrap;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media (min-width: 768px) {
  /* line 393, ../../sass/layout/layout.scss */
  #hero-slider.hero-homepage .swiper-slide#title-hero-homepage-carousel-2-apple-cranberry-crisp .container .content-container {
    position: absolute;
    right: 0;
    top: 26.82927%;
    width: 36.875%;
    margin-left: 0;
    padding-top: 0;
  }

  /* line 401, ../../sass/layout/layout.scss */
  #hero-slider.hero-homepage .swiper-slide#title-hero-homepage-carousel-2-apple-cranberry-crisp .container div:nth-child(1) {
    margin-bottom: 0.28571em;
  }

  /* line 404, ../../sass/layout/layout.scss */
  #hero-slider.hero-homepage .swiper-slide#title-hero-homepage-carousel-2-apple-cranberry-crisp .container div:nth-child(2) {
    margin-bottom: 0.5em;
  }

  /* line 407, ../../sass/layout/layout.scss */
  #hero-slider.hero-homepage .swiper-slide#title-hero-homepage-carousel-2-apple-cranberry-crisp .container .cta-button {
    position: relative;
    left: auto;
    bottom: auto;
    -webkit-transform: none;
    transform: none;
  }
}
/* line 416, ../../sass/layout/layout.scss */
#hero-slider.hero-homepage .swiper-slide#title-hero-homepage-carousel-2-apple-cranberry-crisp .container .content-container, #hero-slider.hero-homepage .swiper-slide#fifteen-calories-of-real-cream .container .content-container {
  width: 100%;
  padding-top: 17.375vw;
}

/* line 421, ../../sass/layout/layout.scss */
#hero-slider.hero-homepage .swiper-slide#title-hero-homepage-carousel-2-apple-cranberry-crisp .container div:nth-child(1), #hero-slider.hero-homepage .swiper-slide#fifteen-calories-of-real-cream .container div:nth-child(1) {
  color: white;
}

/* line 425, ../../sass/layout/layout.scss */
#hero-slider.hero-homepage .swiper-slide#title-hero-homepage-carousel-2-apple-cranberry-crisp .container .cta-button, #hero-slider.hero-homepage .swiper-slide#fifteen-calories-of-real-cream .container .cta-button {
  position: absolute;
  left: 50%;
  bottom: 25px;
  white-space: nowrap;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media (min-width: 768px) {
  /* line 435, ../../sass/layout/layout.scss */
  #hero-slider.hero-homepage .swiper-slide#title-hero-homepage-carousel-2-apple-cranberry-crisp .container .content-container, #hero-slider.hero-homepage .swiper-slide#fifteen-calories-of-real-cream .container .content-container {
    position: absolute;
    left: 36.33333%;
    top: 26.14634%;
    width: 53.22917%;
    margin-left: 0;
    padding-top: 0;
  }

  /* line 443, ../../sass/layout/layout.scss */
  #hero-slider.hero-homepage .swiper-slide#title-hero-homepage-carousel-2-apple-cranberry-crisp .container div:nth-child(1), #hero-slider.hero-homepage .swiper-slide#fifteen-calories-of-real-cream .container div:nth-child(1) {
    margin-bottom: 0.31429em;
  }

  /* line 446, ../../sass/layout/layout.scss */
  #hero-slider.hero-homepage .swiper-slide#title-hero-homepage-carousel-2-apple-cranberry-crisp .container div:nth-child(2), #hero-slider.hero-homepage .swiper-slide#fifteen-calories-of-real-cream .container div:nth-child(2) {
    font-size: 2rem;
    margin-bottom: 0.5em;
  }

  /* line 450, ../../sass/layout/layout.scss */
  #hero-slider.hero-homepage .swiper-slide#title-hero-homepage-carousel-2-apple-cranberry-crisp .container .cta-button, #hero-slider.hero-homepage .swiper-slide#fifteen-calories-of-real-cream .container .cta-button {
    position: relative;
    left: auto;
    bottom: auto;
    -webkit-transform: none;
    transform: none;
  }
}
/* line 459, ../../sass/layout/layout.scss */
#hero-slider.hero-homepage .swiper-slide#hero-homepage-carousel-1-white-chocolate-truffles .container, #hero-slider.hero-homepage .swiper-slide#hero-homepage-festive-fall-flavors .container {
  /* display: block;*/
}

/* line 463, ../../sass/layout/layout.scss */
#hero-slider.hero-homepage .swiper-slide#hero-homepage-carousel-1-white-chocolate-truffles .container .content-container, #hero-slider.hero-homepage .swiper-slide#hero-homepage-festive-fall-flavors .container .content-container {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
  padding-top: 17.375vw;
  padding-left: 0;
  width: 100%;
}

@media (min-width: 544px) {
  /* line 487, ../../sass/layout/layout.scss */
  #hero-slider.hero-homepage .swiper-slide#hero-homepage-carousel-1-white-chocolate-truffles .container .content-container, #hero-slider.hero-homepage .swiper-slide#hero-homepage-festive-fall-flavors .container .content-container {
    padding-top: 187px;
    padding-left: 25.5px;
  }
}
@media (min-width: 768px) {
  /* line 494, ../../sass/layout/layout.scss */
  #hero-slider.hero-homepage .swiper-slide#hero-homepage-carousel-1-white-chocolate-truffles .container .content-container, #hero-slider.hero-homepage .swiper-slide#hero-homepage-festive-fall-flavors .container .content-container {
    padding-top: 29.375vw;
    padding-left: 4.6875vw;
  }
}
/* line 500, ../../sass/layout/layout.scss */
#hero-slider.hero-homepage .swiper-slide#hero-homepage-carousel-1-white-chocolate-truffles .container div:nth-child(1), #hero-slider.hero-homepage .swiper-slide#hero-homepage-festive-fall-flavors .container div:nth-child(1) {
  color: white;
  width: 100%;
}

@media (min-width: 544px) {
  /* line 506, ../../sass/layout/layout.scss */
  #hero-slider.hero-homepage .swiper-slide#hero-homepage-carousel-1-white-chocolate-truffles .container div:nth-child(1), #hero-slider.hero-homepage .swiper-slide#hero-homepage-festive-fall-flavors .container div:nth-child(1) {
    margin-bottom: 0.21875em;
  }
}
@media (min-width: 768px) {
  /* line 512, ../../sass/layout/layout.scss */
  #hero-slider.hero-homepage .swiper-slide#hero-homepage-carousel-1-white-chocolate-truffles .container div:nth-child(1), #hero-slider.hero-homepage .swiper-slide#hero-homepage-festive-fall-flavors .container div:nth-child(1) {
    width: 100%;
  }
}
/* line 517, ../../sass/layout/layout.scss */
#hero-slider.hero-homepage .swiper-slide#hero-homepage-carousel-1-white-chocolate-truffles .container div:nth-child(2), #hero-slider.hero-homepage .swiper-slide#hero-homepage-festive-fall-flavors .container div:nth-child(2) {
  font-size: 6.25vw;
}

@media (min-width: 544px) {
  /* line 522, ../../sass/layout/layout.scss */
  #hero-slider.hero-homepage .swiper-slide#hero-homepage-carousel-1-white-chocolate-truffles .container div:nth-child(2), #hero-slider.hero-homepage .swiper-slide#hero-homepage-festive-fall-flavors .container div:nth-child(2) {
    font-size: 1.25rem;
    margin-left: 0;
  }
}
/* line 528, ../../sass/layout/layout.scss */
#hero-slider.hero-homepage .swiper-slide#hero-homepage-carousel-1-white-chocolate-truffles .container .cta-button, #hero-slider.hero-homepage .swiper-slide#hero-homepage-festive-fall-flavors .container .cta-button {
  position: absolute;
  left: 50%;
  bottom: 25px;
  white-space: nowrap;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media (min-width: 768px) {
  /* line 538, ../../sass/layout/layout.scss */
  #hero-slider.hero-homepage .swiper-slide#hero-homepage-carousel-1-white-chocolate-truffles .container .content-container, #hero-slider.hero-homepage .swiper-slide#hero-homepage-festive-fall-flavors .container .content-container {
    position: absolute;
    left: 12.26%;
    top: 24.26829%;
    padding-top: 0;
    padding-left: 0;
    width: 100%;
  }

  /* line 546, ../../sass/layout/layout.scss */
  #hero-slider.hero-homepage .swiper-slide#hero-homepage-carousel-1-white-chocolate-truffles .container div:nth-child(1), #hero-slider.hero-homepage .swiper-slide#hero-homepage-festive-fall-flavors .container div:nth-child(1) {
    font-size: 4.625rem;
    color: white;
    margin-bottom: 0.325em;
  }

  /* line 551, ../../sass/layout/layout.scss */
  #hero-slider.hero-homepage .swiper-slide#hero-homepage-carousel-1-white-chocolate-truffles .container div:nth-child(2), #hero-slider.hero-homepage .swiper-slide#hero-homepage-festive-fall-flavors .container div:nth-child(2) {
    font-size: 2rem;
    margin-bottom: 1em;
  }

  /* line 555, ../../sass/layout/layout.scss */
  #hero-slider.hero-homepage .swiper-slide#hero-homepage-carousel-1-white-chocolate-truffles .container .cta-button, #hero-slider.hero-homepage .swiper-slide#hero-homepage-festive-fall-flavors .container .cta-button {
    position: relative;
    left: auto;
    bottom: auto;
    -webkit-transform: none;
    transform: none;
  }
}
/* line 563, ../../sass/layout/layout.scss */
.swiper-slide .content-container div:first-child {
  color: #ffffff;
}

/* line 564, ../../sass/layout/layout.scss */
.swiper-slide .cta-button {
  background-color: #136ca6 !important;
}

/* line 565, ../../sass/layout/layout.scss */
.swiper-slide .cta-button:hover {
  background-color: #87b2c4 !important;
}

@media (min-width: 768px) {
  /* line 568, ../../sass/layout/layout.scss */
  #hero-homepage-carousel-1-real-cream .container .content-container {
    margin-left: 5.2em !important;
    margin-top: 25px !important;
  }

  /* line 569, ../../sass/layout/layout.scss */
  #hero-homepage-carousel-1-real-cream .container .content-container div:nth-child(1) {
    margin-bottom: 10px !important;
  }

  /* line 570, ../../sass/layout/layout.scss */
  #hero-homepage-carousel-1-real-cream .container .content-container div:nth-child(2) {
    margin-bottom: 10px !important;
  }

  /* line 573, ../../sass/layout/layout.scss */
  #title-hero-homepage-carousel-2-share-the-joy .container .content-container {
    margin-left: .3em !important;
    margin-top: 25px !important;
  }

  /* line 574, ../../sass/layout/layout.scss */
  #title-hero-homepage-carousel-2-share-the-joy .container .content-container div:nth-child(1) {
    margin-bottom: 10px !important;
  }

  /* line 575, ../../sass/layout/layout.scss */
  #title-hero-homepage-carousel-2-share-the-joy .container .content-container div:nth-child(2) {
    margin-bottom: 10px !important;
  }

  /* line 578, ../../sass/layout/layout.scss */
  #homepage-hero-barista .container .content-container div:nth-child(1) {
    margin-bottom: 10px !important;
  }

  /* line 579, ../../sass/layout/layout.scss */
  #hero-homepage-carousel-0-non-dairy .container .content-container div:nth-child(1) {
    margin-bottom: 10px !important;
  }
}
@media (max-width: 768px) {
  /* line 584, ../../sass/layout/layout.scss */
  #hero-slider.hero-homepage .swiper-slide .container .content-container {
    width: 100%;
    padding-top: 0px !important;
  }
}
@media (max-width: 544px) {
  /* line 589, ../../sass/layout/layout.scss */
  #hero-slider.hero-homepage .swiper-slide .container {
    width: 100%;
  }
}
/*************************/
/* our story css fix replacement
/*************************/
/* line 600, ../../sass/layout/layout.scss */
#block-calloutrecipesmall13layout .callout .inner .cta-button {
  margin-top: 5em !important;
}

/*************************/
/* tips css fix replacement
/*************************/
/* line 606, ../../sass/layout/layout.scss */
#block-calloutarticlelandingsummertimeinspiration-1 .callout .inner h2 {
  font-size: 4.125rem !important;
}

/* line 607, ../../sass/layout/layout.scss */
#block-calloutmorefromreddiwip {
  display: none !important;
}

/* line 608, ../../sass/layout/layout.scss */
#block-calloutarticlelandingsummertimeinspiration-1 .callout .inner .cta-button:hover {
  background-color: #87b2c4 !important;
}

/* line 609, ../../sass/layout/layout.scss */
#block-calloutarticlelandingsummertimeinspiration-1:hover .callout .inner .cta-button {
  background-color: #87b2c4 !important;
}

/* line 610, ../../sass/layout/layout.scss */
#block-calloutarticlelandingsummertimeinspiration-1 .callout .inner:hover .cta-button:hover {
  background-color: #87b2c4 !important;
}

/* line 612, ../../sass/layout/layout.scss */
.page-footer {
  padding-top: 40px !important;
}

/* line 615, ../../sass/layout/layout.scss */
.adminimal-admin-toolbar .main-content {
  padding-top: 0;
}

@media (min-width: 768px) {
  /* line 621, ../../sass/layout/layout.scss */
  #block-calloutbabyitscoldoutside > a > .inner {
    margin-left: 40px;
    max-width: 282px;
    top: initial;
  }
}

@media (min-width: 768px) {
  /* line 631, ../../sass/layout/layout.scss */
  #block-homepagedisclaimerrbsthormones > div > p {
    margin-bottom: 29px;
  }
}

/* line 640, ../../sass/layout/layout.scss */
.callout > .inner h2:not(.subheading) {
  margin-bottom: 0;
}
/* line 643, ../../sass/layout/layout.scss */
.callout > .inner h2:not(.subheading) + .cta-button {
  margin-top: 15px;
}
/* line 648, ../../sass/layout/layout.scss */
.callout > .inner h2 + h2 {
  margin-bottom: 15px;
}
/* line 652, ../../sass/layout/layout.scss */
.callout > .inner > div.cta-button {
  margin-bottom: 37px !important;
}
@media (max-width: 767px) {
  /* line 658, ../../sass/layout/layout.scss */
  .callout-col h2 {
    font-size: 1.5625rem;
    padding: 0 10px;
  }
}

/* line 669, ../../sass/layout/layout.scss */
.general-page .main-content-container {
  background-image: none !important;
  background-color: transparent !important;
}

/* line 676, ../../sass/layout/layout.scss */
[class*="product-categories-"] .general-page {
  padding-top: 0 !important;
}