/** Shopify CDN: Minification failed

Line 207:17 Expected identifier but found whitespace
Line 207:19 Unexpected "{"
Line 207:29 Expected ":"
Line 208:25 Expected identifier but found whitespace
Line 208:27 Unexpected "{"
Line 208:41 Expected ":"

**/
/*================ UTILS ================*/
/*------------------------------------*\
    Breakpoints

    Usage eg.:

    @include bp(largetablet) {
        height: 500px !important;
    }

\*------------------------------------*/
@font-face {
  font-family: "East Sea DK";
  src: url("EastSeaFont-Regular.woff2") format("woff2"), url("EastSeaFont-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lora";
  src: url("Lora-Medium.woff2") format("woff2"), url("Lora-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lora";
  src: url("Lora-MediumItalic.woff2") format("woff2"), url("Lora-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
:root {
  --text-font-weight: 500;
}

.h1, :where(.prose h1) {
  font-size: var(--text-h1);
  line-height: 0.8;
  /*--heading-text-transform: normal;
  --heading-font-family: Lora, serif;*/
  margin-bottom: 25px;
}

.h2, :where(.prose h2) {
  font-size: var(--text-h2);
  line-height: 1;
  letter-spacing: 2.77px;
  --heading-text-transform: normal;
  --heading-font-family: Lora, serif;
}

.h3, :where(.prose h3) {
  font-size: var(--text-h3);
  line-height: 1;
  --heading-text-transform: normal;
  --heading-font-family: Lora, serif;
}

.h4, :where(.prose h4) {
  font-size: var(--text-h4);
  line-height: 0.9;
  --heading-text-transform: normal;
  --heading-font-family: Lora, serif;
}

.h5, :where(.prose h5) {
  font-size: var(--text-h5);
  line-height: 0.9;
}

.h6 {
  line-height: 0.9;
  /*
  text-transform: unset;
  */
  letter-spacing: 1px;
}

header .h6,
.accordion .h6 {
  text-transform: unset;
}

/*
.prose .h6,
.h6.product-title{
  text-transform: uppercase;
}
*/
.check-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkmark {
  position: absolute;
  top: calc(50% - 8px);
  left: 0;
  height: 16px;
  width: 16px;
  border: 1px solid black;
  outline: none;
  margin: 0;
}

.check-container:hover input ~ .checkmark {
  background-color: #efefef;
}

.check-container input:checked ~ .checkmark {
  background-color: rgb(var(--button-background-primary));
  border-color: rgb(var(--button-background-primary));
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.check-container input:checked ~ .checkmark:after {
  display: block;
}

.check-container .checkmark:after {
  left: 4px;
  top: 0;
  width: 6px;
  height: 11px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

:root {
  --heading-font-family: "East Sea DK";
  --container-lg-max-width: 100rem;
  --border-color: rgb(var(--background-secondary));
  /*
  https://clamp.font-size.app/?config=eyJyb290IjoiMTYiLCJtaW5XaWR0aCI6IjUwMHB4IiwibWF4V2lkdGgiOiIxNjAwcHgiLCJtaW5Gb250U2l6ZSI6IjQwcHgiLCJtYXhGb250U2l6ZSI6IjE2MHB4In0%3D
  https://royalfig.github.io/fluid-typography-calculator/

  Sizes from design
  h1: 160px
  h2: 90px
  h3: 70px
  h4: 56px
  h5: 48px - no included
  h5: 40px
  h6: 35px
  The calculations are done with a minimum viewport of 375px and a maximum viewport of 1800px
  */
  /*
   Originals
   --text-h1: max(0.6875rem, clamp(3.125rem, 1rem + 7.5vw, 10rem) * var(--text-heading-size-factor));
   --text-h2: max(0.6875rem, clamp(2.5rem, 1.875rem + 3.125vw, 5.625rem) * var(--text-heading-size-factor));
   --text-h3: max(0.6875rem, clamp(1.875rem, 1.0855rem + 3.2894vw, 4.375rem) * var(--text-heading-size-factor));
   --text-h4: calc(2.1875rem * var(--text-heading-size-factor));
   --text-h5: calc(1.5rem * var(--text-heading-size-factor));
   --text-h6: calc(1.125rem * var(--text-heading-size-factor));
  */
  --text-h1: max(0.6875rem, clamp(3.125rem, 1.3158rem + 7.7193vw, 10rem) * var(--text-heading-size-factor));
  /*
  https://clamp.font-size.app/?config=eyJyb290IjoiMTYiLCJtaW5XaWR0aCI6IjM3NXB4IiwibWF4V2lkdGgiOiIxODAwcHgiLCJtaW5Gb250U2l6ZSI6IjUwcHgiLCJtYXhGb250U2l6ZSI6IjE2MHB4In0%3D
    	*/
  --text-h2: max(0.6875rem, clamp(2.1875rem, 1.6118rem + 2.4561vw, 4.375rem) * var(--text-heading-size-factor));
  /*
  https://clamp.font-size.app/?config=eyJyb290IjoiMTYiLCJtaW5XaWR0aCI6IjM3NXB4IiwibWF4V2lkdGgiOiIxODAwcHgiLCJtaW5Gb250U2l6ZSI6IjM1cHgiLCJtYXhGb250U2l6ZSI6IjcwcHgifQ%3D%3D
  */
  --text-h3: max(0.6875rem, clamp(1.6053rem, 1.6053rem + 1.642vw, 3.5rem) * var(--text-heading-size-factor));
  /*
  https://clamp.font-size.app/?config=eyJyb290IjoiMTYiLCJtaW5XaWR0aCI6IjM3NXB4IiwibWF4V2lkdGgiOiIxODAwcHgiLCJtaW5Gb250U2l6ZSI6IjMycHgiLCJtYXhGb250U2l6ZSI6IjU2cHgifQ%3D%3D
  */
  --text-h4: max(0.6875rem, clamp(1.5rem, 1.4342rem + 0.2807vw, 1.75rem) * var(--text-heading-size-factor));
  /*
  https://clamp.font-size.app/?config=eyJyb290IjoiMTYiLCJtaW5XaWR0aCI6IjM3NXB4IiwibWF4V2lkdGgiOiIxODAwcHgiLCJtaW5Gb250U2l6ZSI6IjI0cHgiLCJtYXhGb250U2l6ZSI6IjI4cHgifQ%3D%3D
  */
  --text-h5: max(0.6875rem, clamp(2.25em, 1.3947rem + 0.9825vw, 2.5rem) * var(--text-heading-size-factor));
  /*
  	eyJyb290IjoiMTYiLCJtaW5XaWR0aCI6IjM3NXB4IiwibWF4V2lkdGgiOiIxODAwcHgiLCJtaW5Gb250U2l6ZSI6IjI2cHgiLCJtYXhGb250U2l6ZSI6IjQwcHgifQ
  */
  --text-h6: max(0.6875rem, clamp(2rem, 1.1612rem + 0.9123vw, 2rem) * var(--text-heading-size-factor));
  /*
  https://clamp.font-size.app/?config=eyJyb290IjoiMTYiLCJtaW5XaWR0aCI6IjM3NXB4IiwibWF4V2lkdGgiOiIxODAwcHgiLCJtaW5Gb250U2l6ZSI6IjIycHgiLCJtYXhGb250U2l6ZSI6IjM1cHgifQ%3D%3D
  */
  --color-olive: #908731;
  --color-light-olive: #CDCA9D;
  --container-md-max-width: 80rem;
  /* Popover background (uses the primary background) */
  --popover-background: 255, 255, 255;
  --popover-text: {{ settings.text_color.rgb }};
  --popover-border-color: {{ border_color.rgb }};
}

/*================ Components ================*/
header {
  background: transparent !important;
}
@media (min-width: 1000px) {
  header {
    top: 20px !important;
  }
}
header .header {
  /*background: rgb(var(--header-background));*/
  background: transparent;
  --header-padding-block: 0.5rem;
}
@media (max-width: 999px) {
  header .header {
    --header-grid: "logo secondary-nav primary-nav" / minmax(max-content, 1fr) auto minmax(max-content, auto);
    column-gap: 2rem;
  }
}
header .header:before {
  content: "";
  position: absolute;
  height: 77px;
  width: 216px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.5.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.2' baseProfile='tiny' id='Lag_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 338.8 151' overflow='visible' xml:space='preserve'%3E%3Cpath fill-rule='evenodd' fill='%23CDCA9D' d='M337.3,5.7L335.4,0L17,0c1,3.8,1.5,6.4,1.5,8l-0.1,0c-1.5,0.4-3.9-2.3-7-8L0,0l3.3,10.1 l8.5,5.7c1.4,4.2,1.7,9.3,0.9,15.2C12,36.9,12,41.1,12.8,43.6c2.2,4,6.3,8.5,12.4,13.6c6.1,5.1,10.3,8.6,12.8,10.6l10.3,31.8 c0.3,0.8,0.8,1.6,1.4,2.3c0.7,0.7,1.3,1.9,1.8,3.6l1.2,3.8l9.3-0.2l6.5,11.9l32.3,17.6l35.9,12.2c24.7-3.3,44.9-4.5,60.7-3.6 c15.8,0.9,34.2-2,55.1-8.7c2.6-5.6,5.4-9.3,8.4-11.2c2.9-1.9,6-3.4,9.2-4.4l4,0.1c4-4.1,7.6-6.7,10.8-7.7c2.4-0.8,4,0.1,4.9,2.6 c0.5,1.7,0.7,3.5,0.4,5.5l4-4.1c4.3-3.3,6.7-5.5,7.2-6.6l6.3-0.7c-0.1-0.1,3.3-2.1,10.1-6.1L338.8,39L337.3,5.7z'/%3E%3C/svg%3E");
  z-index: 2;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  left: -58px;
}
@media (max-width: 999px) {
  header .header:before {
    background-position: top left -10px;
  }
}
@media (min-width: 700px) {
  header .header:before {
    top: -20px;
    left: -10px;
    height: 150px;
    width: 280px;
  }
}
@media (min-width: 1000px) {
  header .header:before {
    top: -20px;
    left: 0;
    height: 120px;
    width: 270px;
  }
}
@media (min-width: 1400px) {
  header .header:before {
    top: -20px;
    left: 0;
    height: 140px;
    width: 280px;
  }
}
@media (min-width: 1600px) {
  header .header:before {
    top: -20px;
    left: 20px;
    height: 160px;
    width: 360px;
  }
}
header .header .header__logo {
  margin-left: 10px;
  z-index: 2;
}
@media (min-width: 700px) {
  header .header .header__logo {
    margin-left: 20px;
  }
}
@media (min-width: 1000px) {
  header .header .header__logo {
    margin-left: 5px;
  }
}
@media (min-width: 1400px) {
  header .header .header__logo {
    margin-left: 20px;
  }
}
@media (min-width: 1600px) {
  header .header .header__logo {
    margin-left: 60px;
  }
}
header .header .header__primary-nav > .contents > .header__primary-nav-item > a,
header .header .header__primary-nav > .contents > .header__primary-nav-item > .header__menu-disclosure > .h6 {
  font-weight: bold;
}
header .header .header__primary-nav .header__primary-nav-item .h6, header .header .header__primary-nav .header__primary-nav-item a {
  font-size: 1rem;
  font-family: var(--text-font-family);
  /* color: #302e2f;*/
  /*
  color: rgb(var(--footer-background));
  */
  color: #fff;
}
header .header .header__primary-nav .header__primary-nav-item .h6:hover, header .header .header__primary-nav .header__primary-nav-item a:hover {
  /*
  color: #fff;
  */
  color: rgba(255, 255, 255, 0.8);
}
header .header .header__primary-nav .header__primary-nav-item .header__dropdown-menu {
  background: rgb(var(--footer-background));
  border-color: rgb(var(--footer-background));
}
header .header .header__primary-nav .header__primary-nav-item .header__dropdown-menu a, header .header .header__primary-nav .header__primary-nav-item .header__dropdown-menu .h6 {
  color: #fff;
}
header .header .header__primary-nav .header__primary-nav-item .header__dropdown-menu a:hover, header .header .header__primary-nav .header__primary-nav-item .header__dropdown-menu .h6:hover {
  color: #302e2f;
}
header .header .header__dropdown-menu:before {
  background: rgb(var(--background-secondary));
}
header .header .header__primary-nav-item:before {
  background: rgb(var(--footer-background));
  font-family: var(--text-font-family) !important;
  font-size: 1rem;
  text-transform: unset;
  letter-spacing: 1px;
}
header .header .mega-menu {
  max-width: 900px;
  margin: 0 auto;
  left: 50%;
  transform: translateX(-50%);
  padding-block: 1.5rem;
/*  padding-inline-start: 0;
  padding-inline-end: 0;*/
  background: rgb(var(--footer-background));
  border-color: rgb(var(--footer-background));
}
header .header .mega-menu > .mega-menu__linklist > li > .h6 {
  font-weight: bold;
  color: #fff;
}
header .header .mega-menu > .mega-menu__linklist > li > .h6:hover {
  color: #302e2f;
}
header .header .mega-menu > .mega-menu__linklist a {
  color: #fff;
}
header .header .mega-menu > .mega-menu__linklist a:hover {
  color: #302e2f;
}/*
@media (min-width: 1000px) {
  header .header .header__primary-nav-item[data-title=Products] .mega-menu__linklist > li:first-child {
    display: none;
  }
}*/
header .header .header__cart-dot {
  box-shadow: unset;
}
header header-search {
  top: calc(var(--header-height, 0px) + 20px) !important;
}
@media (min-width: 1000px) {
  header header-search {
    top: calc(var(--header-height, 0px) + 80px) !important;
  }
  header header-search:where(.header-search)::part(overlay) {
    top: -20px !important;
  }
}
header .icon-hamburger path {
  /*stroke: rgb(var(--background-secondary));*/
  stroke: rgb(var(--footer-background));
}
header .header__secondary-nav a {
  color: rgb(var(--footer-background));
}
@media (max-width: 575px) {
  header .header__secondary-nav {
    gap: 0.625rem 2rem;
  }
}

footer {
  --text-h6: clamp(2rem, 1.7rem + 1.5vw, 2.5rem);
}
@media (max-width: 699px) {
  footer .footer__inner .footer__block-list {
    justify-content: unset;
  }
}
@media (min-width: 700px) {
  footer .footer__inner .footer__block-list {
    justify-content: flex-start;
  }
}
footer .footer__inner .footer__block-list .footer__block {
  max-width: unset;
  flex-basis: unset;
}
@media (min-width: 700px) {
  footer .footer__inner .footer__block-list .footer__block {
    width: calc(33% - 3rem);
  }
}
@media (min-width: 1000px) {
  footer .footer__inner .footer__block-list .footer__block {
    width: calc(20% - 5rem);
  }
}
footer .footer__inner .footer__block-list .text-subdued,
footer .footer__inner .footer__block-list .link-faded {
  color: rgb(var(--text-color));
}
footer .footer__inner .footer__block-list a:hover {
  /*
  text-decoration: underline!important;
  */
}
footer .footer__aside .heading {
  font-family: var(--text-font-family);
  color: rgb(var(--text-color)/1);
  text-transform: unset;
  font-size: 0.875rem;
}

/*------------------------------------*\
    Carousel buttons
\*------------------------------------*/
.prev-next-button {
  margin-left: 10px;
  background: transparent;
  border: 1px solid var(--color-olive);
}
.prev-next-button svg path {
  stroke: var(--color-olive);
}

.circle-button {
  box-shadow: unset;
}

/*------------------------------------*\
    Collection Toolbar
\*------------------------------------*/
.collection-toolbar {
  margin-top: 2rem;
}
.collection-toolbar .collection-toolbar__button-list .collection-toolbar__button-container {
  border: 0;
}
.collection-toolbar .collection-toolbar__button-list .collection-toolbar__button-container:nth-child(odd) .collection-toolbar__button {
  text-align: left;
}
.collection-toolbar .collection-toolbar__button-list .collection-toolbar__button-container:nth-child(even) .collection-toolbar__button {
  text-align: right;
}
.collection-toolbar .collection-toolbar__button-list .collection-toolbar__button-container:nth-child(even) .collection-toolbar__button .justify-center {
  justify-content: safe right;
}
.collection-toolbar .collection-toolbar__button-list .collection-toolbar__button-container .collection-toolbar__button {
  font-size: 1rem;
  font-family: var(--text-family);
  text-transform: none;
  font-weight: bold;
  color: var(--color-olive);
  opacity: 1;
}
@media (max-width: 575px) {
  .collection-toolbar .collection-toolbar__button-list .collection-toolbar__button-container .collection-toolbar__button {
    padding: 0.75rem;
  }
}

/*------------------------------------*\
    Sort by popover
\*------------------------------------*/
.popover {
  box-shadow: 0 0 20px -10px rgba(0, 0, 0, 0.5);
}
.popover .h4 {
  color: var(--color-olive);
  font-family: var(--text-family);
  font-size: var(--text-h6);
  text-transform: none;
}

/*------------------------------------*\
    Filter sidebar
\*------------------------------------*/
.facets {
  color: var(--color-olive);
}
.facets .h6 {
  font-family: var(--text-family);
  font-size: 1rem;
  letter-spacing: unset;
}
.facets .range-group {
  background: var(--color-olive);
}
.facets input[type=range]::-webkit-slider-thumb {
  background: var(--color-olive);
}
.facets .accordion-list .accordion .accordion__content {
  padding-inline-end: 0;
}
.facets .accordion-list .accordion label {
  opacity: 1;
}
.facets .accordion-list .accordion:first-child .accordion__toggle {
  padding-block-start: 1.25rem;
}
.facets .accordion-list .accordion:last-child .accordion__content {
  padding-block-end: 1.25rem;
}

.facets-sidebar .facets {
  color: var(--color-olive);
  border-top: 1px solid;
  border-bottom: 1px solid;
}

.active-facets .text-subdued {
  color: rgb(var(--text-color));
}
.active-facets .removable-facet {
  background-color: rgb(var(--background-secondary));
  border-width: 0;
}
.active-facets .removable-facet a {
  color: rgb(var(--text-color));
}

/*------------------------------------*\
    Facet/filter
\*------------------------------------*/
#facets-drawer .h4 {
  color: var(--color-olive);
  font-family: var(--text-family);
  font-size: var(--text-h6);
  text-transform: none;
}

/*------------------------------------*\
    Quantity selector
\*------------------------------------*/
.quantity-selector {
  border-color: var(--color-olive);
}

/*------------------------------------*\
    Buttons
\*------------------------------------*/
.button--outline {
  border-color: rgb(var(--button-background-primary));
}

/*------------------------------------*\
    Circle button
\*------------------------------------*/
.circle-button {
  --circle-button-background: var(--button-background-primary);
  --circle-button-text-color: var(--button-text-primary);
}

@media (min-width: 1000px) {
  .shopify-section--main-collection {
    max-width: 1700px;
    margin-left: auto;
    margin-right: auto;
  }
}
.shopify-section--main-collection .sm\:gap-12 {
  gap: 0;
}

.shopify-section--collection-banner collection-banner .content-over-media .collection-description p {
  color: #fff;
}

.shopify-section--featured-collections .collection_featured_products {
  margin: 0;
  text-align: center;
}
.shopify-section--featured-collections .collection_featured_products.section-spacing {
  margin-top: unset;
  margin-bottom: unset;
}
.shopify-section--featured-collections .collection_featured_products .container {
  max-width: 1200px;
}
@media (min-width: 1000px) {
  .shopify-section--featured-collections .collection_featured_products .container {
    margin: 0 auto;
  }
}
.shopify-section--featured-collections .collection_featured_products .container .section-stack .justify-self-start {
  justify-self: center;
}
.shopify-section--featured-collections .collection_featured_products .container .section-stack .description {
  margin: 0 auto 2rem auto;
}
.shopify-section--featured-collections .collection_featured_products .container .section-stack .product-title {
  color: rgb(var(--text-color));
}

.shopify-section--main-product {
  background: rgb(var(--background-secondary));
}
.shopify-section--main-product .section-spacing {
  padding-top: calc(var(--header-height) + 50px);
  margin-top: calc(var(--header-height) * -1) !important;
  --section-vertical-spacing: 5rem;
  padding-block-end: var(--section-vertical-spacing);
}
@media (min-width: 1000px) {
  .shopify-section--main-product .section-spacing {
    padding-top: calc(var(--header-height) + 200px);
  }
}
.shopify-section--main-product .product .product-info__block-item[data-block-type=more-information] a {
  padding-left: 0;
  color: var(--color-olive);
  border-color: var(--color-olive);
}
.shopify-section--main-product .product .product-info__block-item[data-block-type=liquid] {
  margin-bottom: 0;
}
.shopify-section--main-product .product .product-info__block-item[data-block-type=separator] hr {
  color: var(--color-olive);
}
.shopify-section--main-product .product a.b2b {
  color: rgb(var(--button-background-primary));
  margin-bottom: 2rem;
  display: inline-block;
}
.shopify-section--main-product .product .product-type {
  text-transform: uppercase;
  font-size: 0.6875rem;
}
.shopify-section--main-product .product .product-title {
  color: var(--color-olive);
  font-size: var(--text-h4);
  margin-bottom: 2rem;
}
.shopify-section--main-product .product sale-price,
.shopify-section--main-product .product compare-at-price {
  color: var(--text-color);
  font-size: 1.125rem;
  font-family: var(--text-font-family);
}
.shopify-section--main-product .product .accordion {
  border-color: var(--color-olive);
}
.shopify-section--main-product .product .accordion .h6 {
  font-family: var(--text-family);
  font-size: 1rem;
  color: var(--color-olive);
}
.shopify-section--main-product .product .product-gallery__thumbnail {
  border-color: var(--color-olive);
  aspect-ratio: 1/1;
}
.shopify-section--main-product .product .product-gallery__thumbnail img {
  aspect-ratio: 1/1;
}
.shopify-section--main-product .product .product-gallery__media img {
  max-height: 60vh;
  width: auto;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 1000px) {
  .shopify-section--main-product .product .product-gallery__media img {
    max-height: 90vh;
  }
}

.shopify-section--main-blog .section-spacing {
  max-width: 1260px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 1000px) {
  .shopify-section--main-blog .popover {
    --popover-block-offset: .5rem;
  }
}
.shopify-section--main-blog .section-stack {
  gap: 0.5rem;
}
.shopify-section--main-blog .featured-blog-post {
  --content-over-media-overlay: 0,0,0, 0.3;
}
.shopify-section--main-blog .featured-blog-post h2 {
  font-size: var(--text-h4);
}
.shopify-section--main-blog .blog-post-card__excerpt {
  font-size: 0.9rem;
}
.shopify-section--main-blog .collection-toolbar__button-container {
  border: 0;
}
.shopify-section--main-blog .collection-toolbar__button-container .collection-toolbar__button {
  font-size: 1rem;
  font-family: var(--text-family);
  text-transform: none;
  font-weight: bold;
  color: var(--color-olive);
  opacity: 1;
  padding-inline: 0;
}
@media (max-width: 575px) {
  .shopify-section--main-blog .collection-toolbar__button-container .collection-toolbar__button .justify-center {
    justify-content: safe right;
  }
}

#cart-drawer {
  /*.cart-drawer__footer__terms {
  display: flex;
  align-items: center;
  position: relative;
  padding-left: 25px;
  font-weight: bold;
  margin-bottom: 10px;
  #js-terms {
    margin-right: 5px;
  }

   }*/
}
#cart-drawer .price-list {
  margin-top: 1rem;
  color: var(--text-color);
}
#cart-drawer .price-list sale-price,
#cart-drawer .price-list compare-at-price {
  color: var(--text-color);
  font-family: var(--text-font-family);
  font-size: 1rem;
}
@media (min-width: 700px) {
  #cart-drawer .price-list sale-price,
#cart-drawer .price-list compare-at-price {
    font-size: 1.125rem;
  }
}

.terms_container {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 25px;
  font-weight: bold;
  margin-bottom: 10px;
}

/*================ Sections ================*/
image-with-text picture {
  padding-inline-start: var(--container-gutter);
  padding-inline-end: var(--container-gutter);
}
@media (min-width: 700px) {
  image-with-text picture {
    padding-inline-end: var(--image-with-text-gap);
  }
}

@media screen and (min-width: 700px) {
  .shopify-section--image-with-text-block .splashbox .image-with-text-block > :not(img, svg, picture) {
    padding: 3rem;
  }
}
.shopify-section--image-with-text-block .splashbox .content {
  width: 420px;
  max-width: 90%;
  box-shadow: unset;
  background: url(/cdn/shop/files/text_background.svg?v=1690294295) no-repeat center center;
  background-size: contain;
  aspect-ratio: 420/280;
  display: flex;
  align-items: center;
}
.shopify-section--image-with-text-block .splashbox .content .h6 {
  font-family: var(--text-font-family);
  font-size: var(--text-base);
  text-transform: uppercase;
}

.shopify-section--featured-collections .section-stack {
  --section-stack-gap: 1rem;
}
.shopify-section--featured-collections .section-stack .description {
  margin-bottom: 1rem;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-top: 1rem;
}
.shopify-section--featured-collections .product-list--carousel {
  scroll-snap-type: x mandatory;
}
.shopify-section--featured-collections product-list {
  --text-h6: max(0.6875rem, clamp(1.375rem, 1.2763rem + 0.4211vw, 1.75rem) * var(--text-heading-size-factor));
}
.shopify-section--featured-collections product-list .h6.product-title {
  font-size: var(--text-h6);
  color: var(--color-olive);
  font-family: var(--text-font-family);
  text-transform: unset;
}
.shopify-section--featured-collections product-list .product-list {
  margin-bottom: 1.5rem;
  --product-list-default-column-gap: 1rem;
  --product-list-calculated-items-per-row: min(var(--product-list-max-items-per-row-allowed), var(--product-list-items-per-row));
  --product-list-card-width: calc(85% / var(--product-list-calculated-items-per-row) - var(--product-list-calculated-column-gap, 0px) * (var(--product-list-calculated-items-per-row) - 1) / var(--product-list-calculated-items-per-row));
}
@media (min-width: 700px) {
  .shopify-section--featured-collections product-list .product-list {
    --product-list-items-per-row: 2;
  }
}
@media (min-width: 1000px) {
  .shopify-section--featured-collections product-list .product-list {
    --product-list-items-per-row: 3;
  }
}
@media (min-width: 1400px) {
  .shopify-section--featured-collections product-list .product-list {
    --product-list-items-per-row: 4;
  }
}
.shopify-section--featured-collections .prev-next-button {
  /*display: inline-flex;
  align-items: center;
  justify-content: center;*/
}
@media (min-width: 700px) {
  .shopify-section--featured-collections .prev-next-button {
    position: absolute;
    right: 50px;
  }
  .shopify-section--featured-collections .prev-next-button:first-of-type {
    right: 120px;
  }
}
@media (max-width: 575px) {
  .shopify-section--featured-collections .prev-next-button {
    right: 1rem;
    bottom: 2px;
    position: absolute;
  }
  .shopify-section--featured-collections .prev-next-button:first-of-type {
    right: 70px;
  }
}
.shopify-section--featured-collections .prev-next-button[disabled] {
  opacity: 0.3;
  visibility: visible;
}

.product-card .product-card__figure .product-card__media {
  /*background-color: rgb(var(--footer-background));*/
  padding: 2rem;
}
.product-card .product-card__figure .product-card__media img {
  width: 100%;
}
@media (min-width: 700px) {
  .product-card .product-card__figure .product-card__media {
    padding: 3rem;
  }
}
@media screen and (pointer: fine) {
  .product-card .product-card__figure .product-card__media .product-card__image--secondary {
    mix-blend-mode: unset;
  }
}
.product-card .product-card__info .justify-items-center {
  justify-items: flex-start;
  width: 100%;
}
.product-card .product-card__info .h6.product-title {
  --text-h6: max(0.6875rem, clamp(1.375rem, 1.2763rem + 0.4211vw, 1.75rem) * var(--text-heading-size-factor));
  text-align: left;
  font-size: var(--text-h6);
  color: var(--color-olive);
  font-family: var(--text-font-family);
  text-transform: unset;
}
@media (min-width: 700px) {
  .product-card .product-card__info .h6.product-title {
    font-size: var(--text-h6);
  }
}
.product-card .product-card__info .product-type {
  text-transform: uppercase;
  font-size: 0.6875rem;
}
.product-card .product-card__info .product-description-short {
  text-align: left;
  margin-top: 1rem;
  font-size: 0.9rem;
}
.product-card .product-card__info .price-list {
  margin-top: 1rem;
  color: var(--text-color);
}
.product-card .product-card__info .price-list sale-price,
.product-card .product-card__info .price-list compare-at-price {
  color: var(--text-color);
  font-family: var(--text-font-family);
  font-size: 1rem;
}
@media (min-width: 700px) {
  .product-card .product-card__info .price-list sale-price,
.product-card .product-card__info .price-list compare-at-price {
    font-size: 1.125rem;
  }
}

.badge {
  font-family: var(--text-font);
  line-height: 1em;
  padding: 7px 10px;
  font-size: 0.8em;
}

.newsletter .content {
  max-width: var(--content-over-media-content-max-width, 54rem);
}
.newsletter .content .section-header {
  max-width: min(var(--container-sm-max-width), 100%);
}
.newsletter .content .prose .h6 {
  font-family: var(--text-font-family);
  text-transform: unset;
  font-size: var(--text-h4);
}
.newsletter .content .prose .h2 {
  font-size: var(--text-h3);
}
.newsletter .form .form-row {
  row-gap: 0;
}
@media (min-width: 700px) {
  .newsletter .form .form-row {
    gap: unset;
  }
}
.newsletter .form .form-row > .form-control {
  flex: 1 0 var(--fieldset-row-control-width, 20rem);
}
.newsletter .form .form-row > .form-control .input {
  height: 50px;
  border-color: rgb(var(--button-outline-color, var(--button-background, var(--button-background-primary))));
}
.newsletter .form .form-row .button {
  height: 50px;
  margin-left: -1px;
  color: rgb(var(--text-color));
  padding: var(--input-padding-block) var(--input-padding-inline);
}

.blog-post-list {
  --blog-post-list-column-gap: 1rem;
}

@media screen and (max-width: 699px) {
  .blog-post-list--carousel {
    --blog-post-list-items-per-row: 1.5;
    /*
    --blog-post-list-card-width: calc(85% / var(--blog-post-list-items-per-row)  - var(--blog-post-list-column-gap) * (var(--blog-post-list-items-per-row)  - 1) / var(--blog-post-list-items-per-row));
    */
  }
}
.shopify-section--main-article .article {
  padding-block-end: var(--section-vertical-spacing);
}
.shopify-section--main-article .article h1 {
  text-align: center;
}
.shopify-section--main-article .article.recipe .recipe_info {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
@media (min-width: 700px) {
  .shopify-section--main-article .article.recipe .recipe_info {
    column-gap: 4rem;
    justify-content: center;
    flex-direction: row;
  }
}
.shopify-section--main-article .article.recipe .content {
  display: flex;
  gap: 4rem;
  justify-content: center;
}
@media (min-width: 700px) {
  .shopify-section--main-article .article.recipe .content {
    flex-direction: row;
  }
}
@media (max-width: 699px) {
  .shopify-section--main-article .article.recipe .content {
    flex-direction: column;
    flex-wrap: wrap;
  }
}
.shopify-section--main-article .article.recipe .content .article_content .h3, .shopify-section--main-article .article.recipe .content .article_content .h4, .shopify-section--main-article .article.recipe .content .article_content .h5,
.shopify-section--main-article .article.recipe .content .article_content h3, .shopify-section--main-article .article.recipe .content .article_content h4, .shopify-section--main-article .article.recipe .content .article_content h5 {
  margin-top: 4rem;
}
.shopify-section--main-article .article.recipe .content .h3, .shopify-section--main-article .article.recipe .content .h4 {
  margin-bottom: 1rem;
}
@media (min-width: 700px) {
  .shopify-section--main-article .article.recipe .content .ingredients {
    width: 35%;
  }
  .shopify-section--main-article .article.recipe .content .ingredients .ingredients_content {
    position: sticky;
    top: calc(var(--header-height) + 100px);
  }
  .shopify-section--main-article .article.recipe .content .ingredients .ingredients_content .metafield-rich_text_field p:not(:first-child) strong {
    margin-top: 20px;
    display: block;
  }
}
.shopify-section--main-article .article.recipe .content .nutrition {
  margin-top: 4rem;
}
@media (min-width: 700px) {
  .shopify-section--main-article .article.recipe .content .prose {
    width: 65%;
  }
}

.shopify-section--faq .h4 {
  margin-bottom: 4rem;
}
@media (max-width: 575px) {
  .shopify-section--faq .h4 {
    margin-bottom: 2rem;
  }
}
.shopify-section--faq .accordion {
  border-color: var(--color-olive);
}
.shopify-section--faq .accordion .accordion__toggle {
  color: var(--color-olive);
}
.shopify-section--faq .faq__toc {
  color: var(--color-olive);
  font-size: var(--text-lg);
}

.contactform {
  /*margin-top: 0!important;
    padding-block-start: calcvar(--header-height, 0px);
    margin-block-start: 0;

  */
}
.contactform .h2 {
  font-size: var(--text-h1);
}
.contactform .fieldset .fieldset-row {
  grid: unset;
}
.contactform .fieldset .floating-label {
  color: var(--text-color);
  inset-inline-start: 0;
  padding-left: 0;
}
.contactform .fieldset .input, .contactform .fieldset .textarea, .contactform .fieldset .select {
  border: 0;
  padding-left: 0;
  border-bottom: 1px solid rgb(var(--background-secondary));
}
.contactform .fieldset input::placeholder,
.contactform .fieldset textarea::placeholder,
.contactform .fieldset .checkbox:not(:disabled, :checked) ~ label {
  opacity: 1;
  color: rgb(var(--text-color)/1);
}
.contactform .fieldset .checkbox {
  border: 1px solid rgb(var(--background-secondary));
}
.contactform .fieldset .checkbox:checked {
  background-color: rgb(var(--background-secondary));
  border-color: rgb(var(--background-secondary));
  background-size: 10px 8px;
}
.contactform button {
  justify-self: start;
  --initial-gradient: linear-gradient(var(--color-light-olive, var(--color-light-olive)), var(--color-light-olive, var(--color-light-olive)));
}
.contactform button:hover {
  border: 1px solid var(--color-light-olive) !important;
  color: var(--text-color) !important;
}

.shopify-section--contact .shopify-section:first-child [allow-transparent-header] > .container {
  padding-block-start: var(--header-height, 0px);
}

ul.social-media-icons {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  gap: 1rem;
}

.shopify-section:first-child [allow-transparent-header] > .container {
  padding-block-start: var(--header-height, 0px);
}

@media (max-width: 699px) {
  .scroll-area {
    --multi-column-gap: 1rem;
  }
}
/*================ Snippets ================*/
.blog-post-card .blog-post-card__image {
  aspect-ratio: 4/3;
  object-fit: cover;
}
.blog-post-card .blog-post-card__info .blog-post-card__category {
  text-transform: uppercase;
  font-size: 0.6875rem;
  font-family: var(--text-font-family);
  color: rgb(var(--text-color)/1);
}
.blog-post-card .blog-post-card__info .blog-post-card__title.h4 {
  text-align: left;
  color: var(--color-olive);
  /*
  font-size: var(--text-h6);
  */
}
.blog-post-card .blog-post-card__info .blog-post-card__read-more {
  margin-top: 0.5rem;
  color: rgb(var(--button-background-primary));
}

/*================ Page specifics / Helper classes ================*/
@media screen and (min-width: 1000px) {
  .home_hero .content-over-media {
    --content-over-media-gap: 0rem;
  }
  .home_hero .content {
    padding-inline-start: 6rem;
  }
}
.home_hero .content {
  max-width: 1640px;
  width: 100%;
}
.home_hero .content .prose {
  margin-top: 10rem;
}
@media (min-width: 1000px) {
  .home_hero .content .prose {
    margin-top: 15rem;
  }
}
.home_hero .content .prose .button {
  margin: 0 10px 10px 10px;
}
@media (min-width: 1000px) {
  .home_hero .content .prose .button {
    margin: 0 30px 30px 30px;
  }
}
.home_hero .content .prose .button:hover {
  border-color: #fff;
  color: #fff;
}
.home_hero .content .prose .h1 {
  /*
  font-size: 160px;
  */
  text-align: left;
  letter-spacing: 4.92px;
  margin-top: 50px;
}
@media (min-width: 700px) {
  .home_hero .content .prose .h1 {
    margin-top: 125px;
  }
}

.shopify-section--multi-column .retailers {
  max-width: 1280px;
  margin: 0 auto;
}
.shopify-section--multi-column .retailers .section-header .justify-self-start {
  justify-self: center;
}
.shopify-section--multi-column .retailers .multi-column .multi-column__item > a:first-child,
.shopify-section--multi-column .retailers .multi-column .multi-column__item > div:first-child {
  border: 1px solid rgb(var(--border-color));
  padding: 1rem;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.shopify-section--multi-column .retailers .multi-column .multi-column__item .prose .h6 {
  color: var(--color-olive);
}
.shopify-section--multi-column .retailers .multi-column .multi-column__item .link {
  color: rgb(var(--button-background-primary));
}

.employees {
  max-width: 1370px;
  margin: 0 auto;
}
.employees .multi-column__item {
  /*
  justify-items: center;
  */
}
.employees .multi-column__item .prose .h6 {
  font-family: var(--text-font-style);
  font-size: 1rem;
  text-transform: unset;
  font-weight: bold;
}
.employees .multi-column__item .prose p {
  margin-top: 5px;
}
.employees .multi-column__item img {
  /*	  object-fit: cover;
  	  aspect-ratio: 1/1;
  	  border-radius: 100%;
  	  max-width: 200px;*/
}

.process .container .section-stack {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 700px) and (max-width: 768px) {
  .process .container .section-stack .multi-column {
    --multi-column-grid: auto / repeat(auto-fit, 60%);
  }
}
@media (max-width: 767px) {
  .process .container .section-stack .multi-column {
    --multi-column-column-width: 100%;
    --multi-column-grid: auto / repeat(auto-fit, var(--multi-column-column-width));
  }
}
@media (min-width: 768px) {
  .process .container .section-stack .multi-column {
    background-image: url("/cdn/shop/files/Agrain_SVG_wide_d5e3364f-9246-46e3-ad22-e7372c218ff4.svg?v=1693934442");
    background-repeat: no-repeat;
    background-position: bottom right 0;
    background-size: contain;
    padding-bottom: calc(24vw);
  }
}
@media (min-width: 900px) {
  .process .container .section-stack .multi-column {
    background-position: bottom right;
    padding-bottom: 250px;
  }
}
@media (min-width: 1024px) {
  .process .container .section-stack .multi-column {
    background-position: bottom right 100px;
    background-size: calc(100% - 100px);
    aspect-ratio: 4/3;
  }
}
@media (min-width: 1024px) {
  .process .container .section-stack .multi-column {
    aspect-ratio: 3/2;
  }
}
@media (max-width: 768px) {
  .process .container .section-stack .multi-column__item:last-child {
    justify-items: center;
  }
}
@media (min-width: 768px) {
  .process .container .section-stack .multi-column__item:last-child {
    display: none;
  }
}

.CookieDeclarationIntro h2 {
  font-size: var(--text-h4);
}

/*# sourceMappingURL=agrain.css.map */
