/*
/* these are changes for the alpen version of this site, this is not best practice forgive me
*/

/* ============================= */
/* global */
/* ============================= */
@import url("https://use.typekit.net/gww0jnl.css");
:root {
  --yale-blue: #0c508b;
  --ship-cove: #7084b2;
  --picton-blue: #52c3ee;
  --light-sky-blue: #89d2f6;
  --yale-blue-secondary: #003851;
  --whisper: #e9ebf4;
  --tamarillo: #a50f0e;
  --chelsea-cucumber: #88b34e;
  --bean: #3b0e04;
  --solitude: #e9ebf3;
  --grey: #999999;
  --margin: 30px;
  --alpen-delight-1: #b57126;
  --alpen-delight-2: #ffe9c7;
  --alpen-delight-3: #f180a8;
  --alpen-delight-4: #644b9e;
  --alpen-delight-5: #4fa589;
  --alpen-delight-6: #9e3752;
  --alpen-delight-7: #f6921e;
  --alpen-delight-8: #753725;
}

h1,
h2,
h3,
h4,
h5,
h6,
body,
.text-color-blue {
  color: var(--yale-blue-secondary);
}
p{
  font-size: 18px;
  color: var(--yale-blue-secondary);
}
a p,
a h1,
a h2,
a h3,
a h4,
a h5,
a h6 {
  color: var(--yale-blue-secondary);
}
h1 {
  /* font-family: "gelica", sans-serif; */
}
section{
  position: relative;
}

input[type="submit"],
a .btn,
a .btn.blue-yellow,
.wp-block-button__link,
.wp-block-button__link:not(:disabled):not(.disabled):active,
.btn.blue-yellow,
.btn.blue-yellow:not(:disabled):not(.disabled):active,
.btn-primary,
.btn-primary:not(:disabled):not(.disabled):active {
  background-color: var(--yale-blue);
  color: white;
}
input[type="submit"]:hover,
input[type="submit"]:focus,
a:hover .btn,
a:focus .btn,
.wp-block-button__link:hover,
.wp-block-button__link:focus,
.btn.blue-yellow:hover,
.btn-primary-yellow:hover,
.btn.blue-yellow:focus,
.btn-primary-yellow:focus {
  background-color: var(--ship-cove);
  color: white;
}
a .btn.blue-yellow,
.blue-yellow .wp-block-button__link,
.blue-yellow .wp-block-button__link:not(:disabled):not(.disabled):active,
.btn.blue-yellow,
.btn.blue-yellow:not(:disabled):not(.disabled):active,
.btn-tertiary,
.btn-tertiary:not(:disabled):not(.disabled):active {
  background-color: var(--yale-blue);
  color: white;
}
a:hover .btn.blue-yellow,
a:focus .btn.blue-yellow,
.blue-yellow .wp-block-button__link:hover,
.blue-yellow .wp-block-button__link:focus,
.btn.blue-yellow:hover,
.btn-tertiary:hover,
.btn.blue-yellow:focus,
.btn-tertiary:focus {
  background-color: var(--ship-cove);
  color: white;
}
.wp-block-button {
  margin: 33px 10px;
}
div.navbar-wrapper
  nav.navbar
  .navbar-collapse
  ul.navbar-nav
  li.nav-item
  a.nav-link:hover {
  color: var(--ship-cove);
}
.wp-block-group__inner-container,
.slab.has-top-margin,
.has-top-margin {
  margin-top: 33px;
}
@media (min-width: 990px) {
  :root {
    --margin: 80px;
  }
}
@media (min-width: 1100px) {
  :root {
    --page-width: 1100px;
  }
}

article .content > p,
article .content > ul,
article .content > ol {
  margin-bottom: 1rem;
  padding: 0rem 1rem;
  /* max-width: 65vw; */
}

article .content .wp-block-table,
article .content table {
  border-collapse: collapse;
  max-width: 65vw;
  margin: 0 auto 16px;
}

article .content .wp-block-table .has-fixed-layout td,
article .content .wp-block-table .has-fixed-layout th,
article .content table td,
article .content table th {
  padding: 0.5rem;
  border: 1px solid;
}
/* TODO: UPDATE FOOTER DESIGN */
/* ============================= */
/* footer  */
/* ============================= */

footer {
  padding: 0;
  position: relative;
}
footer div.container div.row {
  display: flex;
  /* align-items: center; */
  justify-content: flex-start;
  column-gap: 7rem;
}
footer ul#menu-footer.card-columns {
  column-count: 1;
}
footer ul#menu-footer.card-columns,
footer h4 {
  margin: 0;
}
footer a,
footer a:link,
footer a:visited,
footer h4 {
  color: white;
}
footer a {
  display: block;
  font-family: "filson-pro", sans-serif; 
  font-size: 16px;
  font-weight: normal;
}
footer .social-container a:hover {
  color: var(--picton-blue);
  transform: scale(1.1);
  transition: 0.35s linear transform;
}
footer div.container div.row div.right-column {
  justify-content: space-between;
  flex-basis: 50%;
}
footer div.right-column div.social-container h4 {
  color: white;
  margin: 0 0 20px 0;
}
footer .list-inline.social {
  display: flex;
  align-items: center;
  margin: 0;
}
@media (min-width: 768px) {
  footer div.container {
    margin: 0;
    /* max-width: var(--page-width); */
    max-width: 100%;
    padding: calc(var(--margin)) calc(var(--margin) + 3rem)
      calc(var(--margin) / 3) calc(var(--margin) + 3rem);
  }
  footer div.container div.row {
    align-items: flex-end;
  }
}
@media (min-width: 800px) {
  footer ul#menu-footer.card-columns {
    column-count: 2;
  }
}

/* ============================= */
/* Front Page */
/* ============================= */

/* .home-block {
  min-height: 400px;
  margin: 0 0 33px 0;
}
.home-block-text {
  margin: 0 0 33px 0;
}
#home section {
  margin: 0 0 33px 0;
}
#home section:last-of-type {
  margin: 0;
}
#home section.hero-block figure.home-hero-figure {
  margin: 0;
}
section.hero-block article.home-hero-block-contents h1 {
  line-height: 1;
}
#home section.hero-block article.home-hero-block-contents a.cta {
  margin: 0 0 33px 0;
}
section.custom-video-block article figure.custom-video-figure.add-margin {
  margin: 0;
}
section.social-block {
  padding: 0 var(--margin);
}
#home
  section.social-block
  article.social-block-contents
  ul.social-block-icons
  li.social-block-icon
  > a {
  color: var(--yale-blue-secondary);
}
#home
  section.social-block
  article.social-block-contents
  ul.social-block-icons
  li.social-block-icon
  > a:hover {
  color: var(--picton-blue);
  transform: scale(1.1);
  transition: 0.35s linear transform;
}
section.custom-video-block article div.custom-video-block-description p {
  margin-bottom: 0;
}
section.home-block article.home-block-contents p {
  margin: 0 0 0 0;
}
section.home-block h1.home-block-text.home-block-title {
  margin-bottom: 30px;
}
.home-block.text-position-right .home-block-contents {
  margin: 0;
  padding: 33px;
}
.home-block.slab figure.home-block-bg,
.home-block.slab article.home-block-contents {
  max-width: calc(1% * var(--width));
}
.home-block.slab figure.home-block-bg {
  max-height: 400px;
}

@media (min-width: 768px) {
  .home-block.text-position-right .home-block-contents {
    margin: 0 0 0 calc(1% * var(--width));
  }
  .home-block.text-position-left .home-block-contents {
    margin: 0 calc(1% * var(--width)) 0 0;
  }
  .home-block.slab figure.home-block-bg {
    max-height: unset;
  }
  .home-block.text-position-right .home-block-contents {
    padding: 70px;
  }
}

section.home-block article.home-block-contents .home-block-description p {
  /* color: inherit; */
  /* font-size: 20px;
} */
#ourBeliefs section.home-block article.home-block-contents h1.home-block-title,
#ourBeliefs
  section.home-block
  article.home-block-contents
  .home-block-description
  p {
  color: inherit;
} */

/* ============================= */
/* Contact Page */
/* ============================= */
main#contact {
  padding: 0;
}
section.contact-form h5 {
  margin-bottom: 33px;
}
main#contact section.contact-form form#gform_1 div.gform_body select,
main#contact section.contact-form form#gform_1 div.gform_body input,
main#contact section.contact-form form#gform_1 div.gform_body textarea {
  border-radius: 4px;
}

section.contact-form .gform_wrapper form#gform_1 label.gfield_label {
  color: var(--yale-blue-secondary);
}
section.contact-info-section div.map-info {
  margin: 33px 0;
}
.acf-map {
  min-height: 440px;
  height: 100%;
}
main#contact.content > p {
  margin-bottom: 33px;
}

/* ============================= */
/* The Alpen Way Page */
/* ============================= */

main#ourBeliefs .wp-block-kadence-rowlayout {
  margin-bottom: 33px;
}
main#ourBeliefs section.hero-banner {
  margin-bottom: unset;
}
main#ourBeliefs .home-block.image-position-br img.home-block-image,
main#ourBeliefs .home-block.image-position-tr img.home-block-image {
  transform: none;
}
main#ourBeliefs .home-block.slab figure.home-block-bg img {
  position: relative;
  top: unset;
  left: unset;
  right: unset;
  bottom: unset;
  width: 100%;
}
@media (max-width: 767px) {
  .home-block.slab figure.home-block-bg,
  .home-block.slab article.home-block-contents {
    max-width: 100%;
  }
  .home-block.slab figure.home-block-bg img.home-block-image {
    margin: 0;
    width: 100%;
  }
}

/* ============================= */
/* Contact Page */
/* ============================= */

@media (max-width: 767px) {
  main#contact.home-block.image-position-or figure.home-block-bg,
  main#contact.home-block.image-position-ol figure.home-block-bg,
  main#contact.home-block.image-position-br figure.home-block-bg {
    height: auto;
    max-height: auto;
    max-width: calc(1% * var(--width));
  }
  section.home-block.image-position-or .home-block-bg img.home-block-image,
  section.home-block.image-position-ol .home-block-bg img.home-block-image,
  section.home-block.image-position-br .home-block-bg img.home-block-image {
    position: relative;
    top: unset;
    right: unset;
    left: unset;
    bottom: unset;
    width: auto;
    max-width: 100%;
    height: auto;
  }
  section.home-block-contents .home-block-contents {
    margin: 0;
    padding: 33px;
  }
}

/* ============================= */
/* Recipes Page */
/* ============================= */

main#recipe-page {
  padding: 0;
  /* padding: 0 45px; */
  /* padding: 0 33px; */
}
header.centralise {
  margin-top: 33px;
}
.content > h1,
.content > h2,
.content > ol,
.content > ul,
.content > p {
  margin-bottom: 33px;
}

main#recipe-page ul.recipe-cards {
  padding: 0 33px;
  margin: 0 0 33px 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  grid-gap: 33px;
  align-items: baseline;
}
main#recipe-page ul.recipe-cards li.card {
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-basis: unset;
  max-width: unset;
  max-height: unset;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
main#recipe-page ul.recipe-cards li.card figure {
  display: block;
  width: inherit;
  height: auto;
  text-align: center;
}
main#recipe-page ul.recipe-cards li.card figure div.card-img-top-wrap {
  max-height: 200px;
}
main#recipe-page
  ul.recipe-cards
  li.card
  figure
  div.card-img-top-wrap
  img.card-img-top {
  margin: 0;
  padding: 0;
  height: auto;
  width: 100%;
  max-width: 100%;
  box-shadow: unset;
  max-height: inherit;
  min-height: unset;
  border: unset;
}
main#recipe-page ul.recipe-cards li.card figure p.recipe-bowl-name {
  position: relative;
  margin: 0;
  padding: 20px 10px;
  bottom: unset;
  font-weight: 500;
  font-size: 20px;
  transform: none;
  line-height: 23px;
}
.recipe-showcase article {
  background-color: var(--tamarillo);
  padding: var(--margin);
}
.recipe-showcase article header {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-bottom: 33px;
}
.recipe-showcase article header h2 {
  font-family: "Microbrew Three";
  font-size: 42px;
}
.recipe-showcase article header > * {
  color: white;
  max-width: 60ch;
}
.recipe-showcase article header > p {
  font-weight: 500;
  font-size: 22px;
}
.recipe-showcase article .recipe-showcase-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  grid-gap: 33px;
}
.recipe-showcase article .recipe-showcase-container figure {
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 10px;
  margin: 0;
  will-change: transform;
  transition: transform 250ms;
}
.recipe-showcase article .recipe-showcase-container figure:hover {
  transform: translatey(-5px);
}
.recipe-showcase article .recipe-showcase-container figure a {
  display: block;
  width: 100%;
}
.recipe-showcase
  article
  .recipe-showcase-container
  figure
  a
  .showcase-image-wrap {
  max-width: 600px;
  width: inherit;
}
.recipe-showcase
  article
  .recipe-showcase-container
  figure
  a
  .showcase-image-wrap
  img {
  width: inherit;
}
.recipe-showcase article .recipe-showcase-container figure a h3 {
  margin: 20px auto;
  color: var(--yale-blue-secondary);
  text-align: center;
  cursor: pointer;
}
section.related-products.product-packshots.slab {
  padding: var(--margin) 33px;
  margin: 0 0 0 0;
  background: linear-gradient(
    to bottom,
    hsl(0deg 0% 100%) 40%,
    hsl(197deg 82% 63%)
  );
}

/* ============================= */
/* Single Recipe Page */
/* ============================= */

main#recipe header.centralise a {
  display: block;
}
main#recipe h1 {
  font-family: "Microbrew Three";
  padding: 33px 0;
  margin: 0;
}
main#recipe section.recipe-header div.upper-header {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  margin: 0 0 33px 0;
  padding: 0;
  align-items: center;
  background-color: var(--tamarillo);
  justify-items: center;
  max-height: auto;
  height: 500px;
}
main#recipe section.recipe-header div.upper-header figure {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}
main#recipe section.recipe-header div.upper-header figure.message {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
main#recipe
  section.recipe-header
  div.upper-header
  figure.message
  .recipe-hero-image-wrap {
  width: 100%;
  height: 100%;
  max-width: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
}
main#recipe
  section.recipe-header
  div.upper-header
  figure.recipe-image-container
  .recipe-hero-image-wrap {
  height: 100%;
  width: 100%;
}
main#recipe
  section.recipe-header
  div.upper-header
  figure.recipe-image-container
  img {
  position: relative;
  bottom: unset;
  left: unset;
  max-width: 100%;
  height: 100%;
  width: 100%;
  display: block;
}
main#recipe section.recipe-header div#recipe-ingredients {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  align-items: flex-start;
  justify-content: center;
  grid-gap: 40px;
  padding: 33px 70px;
  margin: 0 0 33px 0;
  position: relative;
  z-index: 2;
}
main#recipe
  section.recipe-header
  div#recipe-ingredients
  div.recipes-ingredients-column,
main#recipe
  section.recipe-header
  div#recipe-ingredients
  div.recipes-method-column {
  padding: 0;
  margin: 0;
}
main#recipe section#recipeProduct {
  padding: 33px 70px;
}
main#recipe section#recipeProduct article.text-container a.cta.btn {
  margin: 30px 0 0 0;
}
main#recipe section#recipeProduct figure.product-figure {
  margin: 0;
  justify-content: flex-end;
}
/* ============================= */
/* Products Page */
/* ============================= */

main#recipe-page .product-packshots,
main#product .product-packshots,
main#brands .product-packshots {
  margin: 0 0 33px 0;
  /* padding: 33px 70px 70px 70px; */
  padding: 33px 33px 70px 33px;
}
main#product .product-packshots p {
  margin: 0 0 33px 0;
}
main#brands .product-packshots h2,
main#brands .product-packshots .pack-details > p {
  color: white;
}
main#brands .product-packshots h2 {
  margin: 0 0 5px 0;
}
main#brands .product-packshots .pack-details > p {
  margin: 0 auto 33px auto;
}
main#recipe-page .product-packshots .pack-control .packs.add-slider,
main#product .product-packshots .pack-control .packs.add-slider,
main#brands .product-packshots .pack-control .packs.add-slider {
  position: relative;
  display: block;
  width: 100%;
  margin: 0;
}
main#recipe-page
  .product-packshots
  .pack-control
  .packs.add-slider
  .slick-arrow,
main#product .product-packshots .pack-control .packs.add-slider .slick-arrow,
main#brands .product-packshots .pack-control .packs.add-slider .slick-arrow {
  position: absolute;
  top: 30%;
}
main#recipe-page
  .product-packshots
  .pack-control
  .packs.add-slider
  .slick-slide,
main#product .product-packshots .pack-control .packs.add-slider .slick-slide,
main#brands .product-packshots .pack-control .packs.add-slider .slick-slide {
  margin: 0;
}
main#recipe-page
  .product-packshots
  .pack-control
  .packs.add-slider
  .slick-arrow:hover,
main#product
  .product-packshots
  .pack-control
  .packs.add-slider
  .slick-arrow:hover,
main#brands
  .product-packshots
  .pack-control
  .packs.add-slider
  .slick-arrow:hover {
  transform: scale(1.1);
  transition: 0.3s linear all;
}
main#recipe-page
  .product-packshots
  .pack-control
  .packs.add-slider
  .slick-arrow.prev,
main#product
  .product-packshots
  .pack-control
  .packs.add-slider
  .slick-arrow.prev,
main#brands
  .product-packshots
  .pack-control
  .packs.add-slider
  .slick-arrow.prev {
  left: 0;
  /* left: -5%; */
  z-index: 1;
}
main#recipe-page
  .product-packshots
  .pack-control
  .packs.add-slider
  .slick-arrow.next,
main#product
  .product-packshots
  .pack-control
  .packs.add-slider
  .slick-arrow.next,
main#brands
  .product-packshots
  .pack-control
  .packs.add-slider
  .slick-arrow.next {
  right: 0;
  /* right: -5%; */
}
main#recipe-page .product-packshots .pack-control .slick-button svg,
main#brands .product-packshots .pack-control .slick-button svg,
main#product .product-packshots .pack-control .slick-button svg {
  /* width: 30px;
    height: 30px; */
  cursor: pointer;
  font-size: 50px;
}
main#recipe-page .product-packshots .packs .pack .pack-link,
main#brands .product-packshots .packs .pack .pack-link,
main#product .product-packshots .packs .pack .pack-link {
  gap: 20px;
  padding: 0;
}
main#recipe-page .product-packshots .packs .pack .wp-post-image,
main#brands .product-packshots .packs .pack .wp-post-image,
main#product .product-packshots .packs .pack .wp-post-image {
  /* max-width: 90%; */
  /* margin-bottom: 40px; */
  margin: 0;
  max-width: 100%;
  /* max-height: 250px; */
}
main#recipe-page .product-packshots .packs .pack .cta.btn,
main#brands .product-packshots .packs .pack .cta.btn,
main#product .product-packshots .packs .pack .cta.btn {
  /* max-width: 90%; */
  /* margin-bottom: 40px; */
  margin: 0;
}
main#recipe-page .product-packshots .pack-control .slick-button svg,
main#product .product-packshots .pack-control .slick-button svg {
  color: var(--yale-blue-secondary);
}
main#brands .product-packshots .packs .pack .pack-link .cta {
  background-color: var(--light-sky-blue);
  color: var(--yale-blue-secondary);
  margin: 0;
  max-width: 290px;
  white-space: normal;
  word-break: break-word;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  min-height: 60px;
}
main#brands .product-packshots .packs .pack .pack-link .cta:hover {
  background-color: var(--yale-blue-secondary);
  color: white;
}
@media (min-width: 768px) {
  main#product .product-packshots .pack-control .packs.add-slider,
  main#brands .product-packshots .pack-control .packs.add-slider {
    align-items: center;
    justify-content: space-between;
    /* justify-content: center; */
    display: flex;
    /* margin: -10px; */
  }
}

/* ============================= */
/* Single Product Page */
/* ============================= */
.product-header .breadcrumbs {
  margin-bottom: 33px;
}
.breadcrumbs ol,
.breadcrumbs ol li a {
  color: white;
}
main#product {
}
main#product .product-header {
  display: grid;
  grid-template-columns: 1fr;
  padding: 0;
  background: var(--tamarillo);
}
main#product .product-header:after {
  content: none;
}
main#product .product-header div.text-container {
  width: auto;
  padding: 33px;
  order: 2;
}
main#product .product-header.brand-muesli div.text-container {
  order: unset;
}
main#product .product-header figure.cropped {
  /* position: relative;
  bottom: unset;
  top: unset;
  right: unset;
  left: unset;
  height: auto; */
  /* height: 450px; */
}
/* main#product header.brand-muesli figure.cropped img.cropped-bowl {
  max-height: 100%;
  position: relative;
  top: unset;
} */
/* main#product header figure.cropped img.cropped-bowl {
  max-height: 100%;
  position: absolute;
  top: 0;
} */
main#product .product-header h1,
main#product .product-header p {
  color: white;
}
main#product .product-features {
  /* padding: 33px 70px; */
  background-color: var(--light-sky-blue);
  padding: 33px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 50px;
}
main#product .product-features .gda-image-wrap {
  max-width: 300px;
  display: flex;
}
main#product .product-features .gda-image-wrap img {
  max-width: 100%;
  height: auto;
  max-height: unset;
}
main#product .product-features ul {
  width: auto;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-evenly;
  /* align-items: flex-start; */
  align-items: center;

  gap: 20px;
}
main#product .product-features ul li {
  flex-wrap: wrap;
  flex-direction: column;
  /* max-width: 225px; */
  max-width: 150px;
  margin: 0;
}
main#product .product-features ul li img {
  /* margin-bottom: 15px; */
  margin: 0;
  max-width: 100%;
  height: auto;
  max-height: unset;
}
main#product .product-features ul li span.feature_text {
  text-align: center;
  color: white;
  max-width: 150px;
  text-align: center;
}
main#product section.stockist-section div.stockist-control {
  /* gap: 40px; */
  border-bottom: unset;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 60px;
  padding: 0 0 33px 0;
  justify-items: center;
  align-items: center;
}
section.stockist-section div.stockist-control div.stockist-text-container {
  width: auto;
}
main#product section.stockist-section h2 {
  margin: 0 0 20px 0;
}
/* client requested that only one brand be lowercase, so here we are. based on the taxonomy name in single product template */
main#product section.stockist-section p.stockist-text > span.Muesli {
  text-transform: lowercase;
}
main#product section.stockist-section ul.stockists {
  margin: 20px 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(125px, 1fr));
  grid-gap: 30px;
}
main#product section.stockist-section ul.stockists li.stockist {
  margin: 0;
  max-width: unset;
}
main#product section.stockist-section ul.stockists li.stockist a {
  display: block;
  /* max-width: 125px; */
  margin: 0;
  width: 100%;
}
main#product section.stockist-section ul.stockists li.stockist img {
  padding: 0;
  max-width: 100%;
  /* filter: grayscale(1); */
  transition: 250ms linear;
  will-change: transform;
}
main#product section.stockist-section ul.stockists li.stockist img:hover {
  /* filter: grayscale(0); */
  transform: scale(1.1);
}
main#product
  section.stockist-section
  div.stockist-control
  div.stockist-image-container {
  padding: unset;
  width: auto;
  max-width: 300px;
}
main#product
  section.stockist-section
  div.stockist-control
  div.stockist-image-container
  img {
  max-width: 100%;
  max-height: unset;
}
main#product .product-nutrition h4,
main#product .product-details .product-breakdown .product-ingredients h4 {
  margin: 0 0 20px 0;
}
main#product .product-details .product-breakdown .product-ingredients h6 {
  margin: 33px 0 0 0;
  font-size: 1.75rem;
}
main#product
  .product-details
  .product-breakdown
  .product-ingredients
  h6
  + p
  + p {
  margin: 0;
}
/* main#product
  .product-details
  .product-breakdown
  .product-ingredients
  p
  > strong {
  font-weight: 800;
} */
main#product .product-details .product-nutrition table tbody .even td {
  background-color: #E7F1F3;
}
main#product .product-details .product-nutrition table thead th,
main#product .product-details .product-nutrition table thead tr {
  color: var(--yale-blue-secondary);
  font-weight: 800;
}
main#product .product-details .product-nutrition .tablepress thead th,
main#product .product-details .product-nutrition .tablepress tbody td {
  border-bottom: 0;
  border-top: 0;
  border-right-color: var(--grey);
  border-left-color: var(--grey);
}

main#product section.recipe-trio-block {
  background-color: var(--yale-blue-secondary);
  margin: 0 0 33px 0;
  text-align: center;
  padding: 33px;
}
main#product section.recipe-trio-block article.recipe-trio-block-contents h2 {
  font-family: "Microbrew Three";
  color: white;
}
main#product
  section.recipe-trio-block
  article.recipe-trio-block-contents
  div.recipe-block-description {
  max-width: 550px;
  width: 80%;
  margin-right: auto;
  margin-left: auto;
}
main#product
  section.recipe-trio-block
  article.recipe-trio-block-contents
  div.recipe-block-description
  p {
  color: white;
}
main#home section.recipe-trio-block ul.recipe-cards,
main#product section.recipe-trio-block ul.recipe-cards {
  margin: 30px auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 40px;
}
main#product section.recipe-trio-block ul.recipe-cards li.recipe-card {
  max-width: 280px;
  padding: 0;
}
main#home section.recipe-trio-block ul.recipe-cards li.recipe-card a,
main#product section.recipe-trio-block ul.recipe-cards li.recipe-card a {
  display: block;
}
main#home
  section.recipe-trio-block
  ul.recipe-cards
  li.recipe-card
  .delicious-idea-img-wrap,
main#home section.recipe-trio-block ul.recipe-cards li.recipe-card a,
main#product
  section.recipe-trio-block
  ul.recipe-cards
  li.recipe-card
  .delicious-idea-img-wrap
  img,
main#product section.recipe-trio-block ul.recipe-cards li.recipe-card a {
  outline: solid 10px white;
  outline-offset: -3px;
}
main#home section.recipe-trio-block article.recipe-trip-block-contents a,
main#product section.recipe-trio-block div.recipe-trip-block-contents a {
  color: var(--yale-blue);
  background-color: var(--picton-blue);
  min-width: 180px;
}
main#home section.recipe-trio-block article.recipe-trip-block-contents a:hover,
main#product section.recipe-trio-block div.recipe-trip-block-contents a:hover {
  color: white;
  background-color: var(--ship-cove);
}
@media (min-width: 768px) {
  main#product .product-header {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  }
  main#product section.stockist-section div.stockist-control {
    /* mobile grid for product single */
    grid-template-columns: 1fr;
  }
  main#product .product-header div.text-container {
    order: unset;
  }
  main#product section.stockist-section {
    padding: 33px 70px;
  }
  main#product .product-details {
    padding: 0 70px;
    margin-bottom: 33px;
  }
  main#product section.recipe-trio-block {
    padding: 40px 75px 35px 75px;
  }
  section.stockist-section div.stockist-control div.stockist-text-container {
    order: unset;
  }
}
@media (min-width: 990px) {
  main#product .product-header div.text-container {
    padding: 70px;
  }
  main#product .product-features {
    padding: 33px 70px;
  }
  main#product section.stockist-section div.stockist-control {
    grid-template-columns: 1fr 400px;
  }
}
@media (max-width: 767px) {
  .product-header .breadcrumbs {
    font-size: 14px;
  }
}

/* ============================= */
/* Social Block */
/* ============================= */

section.social-block
  article.social-block-contents
  ul.social-block-icons
  li.social-block-icon
  > a {
  color: var(--yale-blue-secondary);
  transition: 0.35s linear transform;
}
section.social-block
  article.social-block-contents
  ul.social-block-icons
  li.social-block-icon
  > a:hover {
  color: var(--picton-blue);
  transform: scale(1.1);
}

/* ============================= */
/* FAQ */
/* ============================= */

main#faqs {
}
main#faqs .accordion-section h5 {
  font-weight: 800;
}
main#faqs .accordion-section .panel-body a {
  color: var(--yale-blue-secondary);
  text-decoration: underline;
}
main#faqs .accordion-section {
  color: var(--yale-blue-secondary);
  padding: 33px 3px;
}
main#faqs .accordion-section .panel-title {
  padding: 15px 0 10px 0;
}
main#faqs .accordion-section .panel-body {
  margin: 33px 0;
}
main#faqs .accordion-section:nth-child(2n + 1) {
  background-color: var(--whisper);
}

/****Changes August/September 2023****/
/**Product link item**/
main#brands .product-packshots.alpen-delight h2,
main#brands .product-packshots.alpen-delight p {
  color: var(--alpen-delight-1);
}
main#brands .product-packshots.alpen-delight .slick-arrow svg path {
  fill: var(--alpen-delight-1);
}
main#brands .product-packshots .packs .pack .pack-link .cta.brown {
  background-color: var(--alpen-delight-1);
  color: white;
}
main#brands .product-packshots .packs .pack .pack-link .cta.brown:hover {
  background-color: var(--alpen-delight-8);
}
main#brands .product-packshots.alpen-delight .product-brand-logo img {
  max-height: 100px;
  width: auto;
  margin-bottom: 5px;
}
main#product header.brand-alpen-delight-bars figure.cropped img.cropped-bowl {
  max-height: 100%;
  position: relative;
  top: unset;
}
main#product header.brand-alpen-delight-bars figure.cropped {
  justify-content: center;
  order: 2;
}

main#brands .product-packshots .packs .pack .pack-link .cta,
main#product .product-packshots .packs .pack .cta.btn {
  padding-left: 6px;
  padding-right: 6px;
}

/*** Changes on single product pages ***/
main#product .product-packshots .packs .pack .cta.btn {
  margin: 0;
  max-width: 290px;
  white-space: normal;
  word-break: break-word;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  min-height: 60px;
}

main#product .breadcrumbs ol li {
  white-space: normal;
}

main#product .breadcrumbs ol li + li {
  margin-left: 6px;
}

@media screen and (min-width: 678px) {
  main#product .breadcrumbs ol li {
    white-space: nowrap;
  }
}