/** Shopify CDN: Minification failed

Line 296:10 Expected identifier but found whitespace
Line 296:11 Unexpected "16px"

**/
/* Place any CSS overrides in this file. */

.swatch .swatch-items-wrapper .swatch-element label {
  border-radius: var(--alt-btn-border-radius);  
}
.custom-grid-button {
  border-radius: var(--alt-btn-border-radius);
  font-weight: var(--alt-btn-font-weight);
  font-style: var(--alt-btn-font-style);
  font-family: var(--body-font-stack);
  background: var(--primary-btn-bg-color);
  color: var(--primary-btn-text-color);
  transition: all .15s ease-in-out 0s;
  display: inline-block;
  padding: 10px 35px;
  text-transform: var(--button-text-case);
  letter-spacing: var(--button-text-spacing-px);
  font-size: var(--button-font-size-px);
  cursor: pointer;
  pointer-events: auto;
  border: 0
}



@media only screen and (max-width: 767px) {
  .grid__item.large--one-third.medium--one-half.small--one-whole {
      width: 100% !important;
  }
  .grid__item.large--one-third.medium--one-half.small--one-half.featured-product--grid-item {
      width: 50% !important;
  }
}

.footer-wrapper.fix-to-bottom {
    position: static !important;
}
/* Klaviyo Reviews - fix oversized "Verified buyer" */
body .kl_reviews_review_item .kl_reviews_review_author .kl_reviews_review_verified,
body .kl_reviews_review_item .kl_reviews_review_author span.kl_reviews_review_verified,
body .kl_reviews_review_item .kl_reviews_review_author .kl_reviews_review_verified * {
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  opacity: 0.75;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
/* ================================
   Homepage slideshow subtext sizing
   Target: .rte.featured-row__subtext.textarea (currently 21px)
================================ */

/* Desktop */
.slideshow-text-container .rte.featured-row__subtext.textarea,
.slideshow-text-container .rte.featured-row__subtext.textarea p {
  font-size: 18px !important;
  line-height: 1.5 !important;
}

/* Force all children to inherit (beats theme rules) */
.slideshow-text-container .rte.featured-row__subtext.textarea * {
  font-size: inherit !important;
  line-height: inherit !important;
}

/* Mobile */
@media (max-width: 749px) {
  .slideshow-text-container .rte.featured-row__subtext.textarea,
  .slideshow-text-container .rte.featured-row__subtext.textarea p {
    font-size: 16px !important;
    line-height: 1.45 !important;
  }
}
/* ================================
   USP icons spacing under headline
================================ */

/* Add space below the title wrapper */
.visual-navigation-wrapper .sitewide-title-wrapper {
  margin-bottom: 56px;
}
/* ================================
   Centre homepage slideshow dots
================================ */

.swiper-pagination {
  left: 50% !important;
  transform: translateX(-50%) !important;
  bottom: 24px !important;
  width: auto !important;
}
/* USP text under icon circles */
.visual-navigation_text,
.visual-navigation_text p,
.visual-navigation_list-item p {
  font-size: 16px !important;
  line-height: 1.4;
  font-weight: 500;
  letter-spacing: 0.02em;
}
.visual-navigation_list-item {
  margin-bottom: 0 !important;
}
/* USP labels under icons (e.g. VEGAN FRIENDLY) */
.visual-navigation__list-item {
  font-size: 20px !important;
  line-height: 1.4;
  font-weight: 500;
  letter-spacing: 0.02em;
}
/* Homepage Depot Light text – match Our Story sizing */
.template-index p {
  font-size: 16px;
  line-height: 1.6;
}
/* Visual navigation banner - USP label text under circles */
.visual-navigation__text,
.visual-navigation__text p {
  font-size: 16px !important;
  line-height: 1.4 !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em !important;
  margin: 10 !important;
}
/* Homepage - Image-with-text / Featured row paragraph sizing */
.template-index .rte.featured-row__subtext.textarea.text-link-animated,
.template-index .rte.featured-row__subtext.textarea.text-link-animated p,
.template-index .rte.featured-row__subtext.textarea.text-link-animated li {
  font-size: 16px !important; /* change to 15px/14px if needed */
  line-height: 1.6 !important;
}
/* Reduce space below USP icons section */
.visual-navigation-wrapper {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

/* Also tighten the Shopify section container */
.shopify-section.visual-navigation {
  margin-bottom: 0 !important;
}
/* Kill any leftover spacing under USP list */
.visual-navigation__list {
  margin-bottom: 0 !important;
}
/* Keep Depot Light size consistent AND restore bold emphasis */
.rte.featured-row__subtext strong,
.rte.featured-row__subtext b,
.rte.textarea strong,
.rte.textarea b {
  font-family: "Depot Light" !important;
  font-size: inherit !important;
  font-weight: 700 !important; /* restore bold */
}
/* Visually strengthen bold text without changing size */
.rte.featured-row__subtext strong,
.rte.featured-row__subtext b {
  letter-spacing: 0.02em;
}
/* Use Depot Bold for inline bold text */
.rte strong,
.rte b {
  font-family: "Depot Bold", "Depot Medium", "Depot Light", sans-serif !important;
  font-weight: strong !important; /* prevents Shopify overriding */
}

/* Testimonials body text – force match Depot Light size */
.homepage-sections-wrapper--accent 
.testimonials--text-wrapper p,
.homepage-sections-wrapper--accent 
.testimonials--text-wrapper span {
  font-size: 16px !important;
  line-height: 1.5 !important;
  font-family: "Depot Light", sans-serif !important;
}

/* Previously bolded text – keep emphasis using Depot weight */
.homepage-sections-wrapper--accent 
.testimonials--text-wrapper strong,
.homepage-sections-wrapper--accent 
.testimonials--text-wrapper b {
  font-family: "Depot Medium", "Depot Bold", sans-serif !important;
  font-weight: normal !important;
}
/* Testimonials – force 16px everywhere in that block */
.homepage-sections-wrapper--accent .testimonials--text-wrapper.text-inline-link-animated p,
.homepage-sections-wrapper--accent .testimonials--text-wrapper.text-inline-link-animated span,
.homepage-sections-wrapper--accent .testimonials--customer-name,
.homepage-sections-wrapper--accent .testimonial--single-item p {
  font-size: 16px !important;
  line-height: 1.5 !important;
  font-family: "Depot Light", sans-serif !important;
}

/* Keep bolded bits bolder (use real Depot weight, not browser bold) */
.homepage-sections-wrapper--accent .testimonials--text-wrapper strong,
.homepage-sections-wrapper--accent .testimonials--text-wrapper b {
  font-family: "Depot Medium", "Depot Bold", sans-serif !important;
  font-weight: normal !important;
}
/* Force bold bits to the same size as body text */
.homepage-sections-wrapper--accent .testimonials--text-wrapper strong,
.homepage-sections-wrapper--accent .testimonials--text-wrapper b,
.homepage-sections-wrapper--accent .testimonials--text-wrapper p strong,
.homepage-sections-wrapper--accent .testimonials--text-wrapper p b {
  font-size: 16px !important;
  line-height: 1.5 !important;

  /* Use your actual heavier cut */
  font-family: "Depot Medium", "Depot Bold", "Depot Light", sans-serif !important;
  font-weight: 500 !important;
}
/* Bold reviewer names under testimonials */
.testimonials--customer-name {
  font-size: 16px !important;
  font-family: "Depot Bold", "Depot Medium", sans-serif !important;
  font-weight: 600 !important;
}
/* Increase OUR STORY button text size */
a.homepage-featured-box-btn {
  font-size: 16px !important;
  font-family: "Depot Bold", "Depot Medium", sans-serif !important;
  font-weight: 600 !important;
}
/* OUR AWARDS – add breathing room under title */
h2.homepage-sections--title {
  margin-bottom: 20px !important;
}
/* PRODUCT CARD PRICE – make bigger */
.product-price--regular span.money,
.product-price--regular span.transcy-money,
.product-grid--price span.money,
.product-grid--price span.transcy-money {
  font-size: 18px !important;
  font-weight: 600;
  line-height: 1.2;
}
/* Product page - description text under the product title */
.template-product .product__description,
.template-product .product__description p,
.template-product .product__text,
.template-product .product__text p,
.template-product .rte.product-description,
.template-product .rte.product-description p {
  font-size: 16px !important;
  line-height: 1.6 !important;
}
/* Fallback - product page rich text blocks */
.template-product .rte p {
  font-size: 16px !important;
  line-height: 1.6 !important;
}
/* Product page - the "Crisp, characterful..." line (your theme uses a span) */
.template-product .text-with-icon.product-form-block .text-with-icon--text {
  font-size: 16px !important;
  line-height: 1.6 !important;
}
/* Product page - variant option buttons (330ml cans, bottles, etc) */
.template-product .swatch-element label,
.template-product .swatch-items-wrapper label {
  font-size: 16px !important;
  line-height: 1.4 !important;
}
/* Product page – variant option headings (e.g. PACKAGE TYPE) */
.template-product .option-label-wrapper,
.template-product .option-label-wrapper .header-label-font,
.template-product .product-form-block .option-label-wrapper {
  font-size: 16px !important;
  line-height: 1.4 !important;
}
/* Product page – variant option headings (e.g. PACKAGE TYPE) */
.template-product .option-label-wrapper,
.template-product .option-label-wrapper .header-label-font,
.template-product .product-form-block .option-label-wrapper {
  font-size: 16px !important;
  line-height: 1.4 !important;
}
/* Product template targeting (covers most themes) */
body.product .option-label-wrapper,
body.product .option-label-wrapper .header-label-font,
body[class*="template-product"] .option-label-wrapper,
body[class*="template-product"] .option-label-wrapper .header-label-font {
  font-size: 16px !important;
  line-height: 1.4 !important;
}
.option-label-wrapper .header-label-font {
  font-weight: 600 !important;
}
font-size: 16px !important;
/* Product page - option headings (PACKAGE TYPE / HOW MANY BEERS? / QUANTITY) */
body.template-product .option-label-wrapper .header__label-font,
body.template-product .option-label-wrapper .header__label-font * {
  font-size: 16px !important;
  font-weight: 700 !important; /* keeps it bold */
  line-height: 1.4 !important;
}
body.template-product .option-label-wrapper .header__label-font,
body.template-product .option-label-wrapper .header-label-font {
  font-size: 16px !important;
  font-weight: 700 !important;
}
/* Product page - option headings */
.header__label-font{
  font-size:16px !important;
  line-height:1.4 !important;
}
.product-form-block .swatch-element,
.product-form-block .swatch-element *,
.product-form-block .swatch-items-wrapper,
.product-form-block .swatch-items-wrapper *{
  font-size:16px !important;
}
/* Product page - force option headings to 16px (beats 14px !important) */
body.template-product div.product-form-block div.option-label-wrapper div.header__label-font{
  font-size: 16px !important;
  line-height: 1.4 !important;
}

/* Product page - force swatch/variant labels (the chips) to 16px */
body.template-product div.product-form-block .swatch-element label,
body.template-product div.product-form-block .swatch-items-wrapper label{
  font-size: 16px !important;
  line-height: 1.2 !important;
}
/* Recharge widget – force Depot font */
rc-benefits {
  --rc-font-family: "Depot Light", sans-serif;
  --rc-font-size-base: 16px;
  --rc-line-height-base: 1.4;
}
/* Klaviyo Reviews – force Depot Light */
.kl_reviews,
.kl_reviews * {
  font-family: "Depot Light", sans-serif !important;
}
/* Review titles */
.kl_reviews_review_title {
  font-family: "Depot Medium", "Depot Light", sans-serif !important;
  font-weight: 500;
}

/* Reviewer name */
.kl_reviews_review_author {
  font-family: "Depot Medium", "Depot Light", sans-serif !important;
  font-weight: 500;
}

/* Review body text */
.kl_reviews_review_content {
  font-family: "Depot Light", sans-serif !important;
  font-weight: 400;
}
.kl_reviews_review_content {
  font-size: 16px;
  line-height: 1.5;
}
/* Klaviyo Reviews - force Depot Light (high specificity) */
#reviewsList,
#reviewsList * ,
.kl_reviews__list_container,
.kl_reviews__list_container * {
  font-family: "Depot Light", "Depot-Light", sans-serif !important;
  font-weight: 400 !important;
}
.kl_reviews__review_title,
.kl_reviews__review_author,
.kl_reviews__reviewer_name {
  font-family: "Depot Medium", "Depot-Medium", "Depot Light", "Depot-Light", sans-serif !important;
  font-weight: 500 !important;
}
/* Klaviyo review titles – bolder than body */
.kl_reviews__review_title {
  font-family: "Depot Medium", "Depot-Medium", "Depot Light", sans-serif !important;
  font-weight: 500 !important;
}
.kl_reviews__review_title {
  font-family: "Depot Bold", "Depot-Bold", "Depot Medium", sans-serif !important;
  font-weight: 700 !important;
}
.kl_reviews__review_content {
  font-family: "Depot Light", sans-serif !important;
  font-weight: 400 !important;
}
/* Klaviyo review title - force heavier Depot */
.kl_reviews__review_item .kl_reviews__review_title{
  font-family: "Depot Medium", "Depot Bold", "Depot Light", sans-serif !important;
  font-weight: 700 !important;
}
.kl_reviews__review_item .kl_reviews__review_title{
  font-family: "Depot Light", sans-serif !important;
  font-weight: 900 !important;
  -webkit-text-stroke: 0.2px currentColor;
}
/* Header main navigation font size */
.site-header .site-nav-link-text{
  font-size: 18px !important;
}
/* Header main navigation font size */
.site-header .site-nav-link-text{
  font-size: 16px !important;
}
/* Top navigation menu font size */
.site-nav-link-text.animated-underline {
  font-size: 18px !important;
}
@media (min-width: 1024px){
  .site-nav-link-text.animated-underline {
    font-size: 18px !important;
  }
}
/* Product page title size */
.product-details-product-title {
  font-size: 42px !important;
  line-height: 1.15;
}
@media (min-width: 1024px) {
  .product-details-product-title {
    font-size: 42px !important;
    line-height: 1.15;
  }
}
/* Stop aria-label / pseudo content leaking into Recharge widget */
body.template-product .rc-widget [aria-label]::before,
body.template-product .rc-widget [aria-label]::after,
body.template-product recharge-subscription-widget [aria-label]::before,
body.template-product recharge-subscription-widget [aria-label]::after,
body.template-product .rc-container [aria-label]::before,
body.template-product .rc-container [aria-label]::after {
  content: none !important;
}

/* Keep screen-reader-only text hidden (Recharge + theme variations) */
body.template-product .rc-widget .sr-only,
body.template-product .rc-widget .visually-hidden,
body.template-product .rc-widget .screen-reader-text,
body.template-product recharge-subscription-widget .sr-only,
body.template-product recharge-subscription-widget .visually-hidden,
body.template-product recharge-subscription-widget .screen-reader-text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}







