/** Shopify CDN: Minification failed

Line 472:0 Expected "}" to go with "{"

**/

/*=========================================================
  TYPOGRAPHY
=========================================================*/

h1,
h2,
.h1,
.h2,
.text-block.h1,
.text-block.h2 {

  font-weight: 400 !important;
  text-transform: uppercase !important;
}

h1,
h2,
.h1,
.h2,
.heading,
[class*="heading"] {
  font-family: "Odor Mean Chey", serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
  text-transform: uppercase !important;
}

.collection-list__item p,
.collection-card p,
.card__heading,
.card__heading *,
h3, .text-block.h3>*, h4, h5, h6,
.h3, .h4, .h5, .h6, p.announcement-bar__text {
  font-family: "Staatliches", sans-serif !important;
  font-weight: 400 !important;
}

body, .paragraph:not(.button), .paragraph>*, .text-block.paragraph :is(h1,h2,h3,h4,h5,h6), p {
  font-family: "Kameron", serif;
  font-optical-sizing: auto !important;
  font-weight: 500 !important;
  font-style: normal !important;
  font-size: 18px;
  font-size: 22px;
  line-height: 1.2em;
}

rte-formatter.spacing-style.text-block.text-block--Ad09ybWRrTFcyQXErd__text_CejAgr.rte.rte p {
  font-family: "Kameron", serif;
  font-optical-sizing: auto !important;
  font-weight: 500 !important;
  font-style: normal !important;
  font-size: 26px;
  font-size: 22px;
  line-height: 1.5em;
}

summary.details__header {
  font-family: "Staatliches", sans-serif !important;
  font-weight: 400 !important;
   font-style: normal !important;
  font-size: 24px !important;
}

sup {
    font-family: "Odor Mean Chey", serif !important;
  font-weight: 400 !important;
   font-style: normal !important;
  font-size: 24px !important;
}

.menu-drawer__menu-item--child {
    font-family: "Staatliches", sans-serif !important;
  font-weight: 400 !important;

}


.menu-drawer__menu-item--mainlist {
    font-family: "Odor Mean Chey", serif !important;
  font-weight: 400 !important;
  
}

/*=========================================================
  MAIN NAV
=========================================================*/

.menu-list__link-title, .quantity-selector input[type=number]

{
  font-family: "Staatliches", sans-serif !important;
  font-weight: 400 !important;

}

.header a {
    font-size: 25px;

}

/*=========================================================
  FLOATING HEADER
=========================================================*/

#header-component {
  position: absolute;
  top: 28px;
  left: 0;
  right: 0;
  z-index: 50;
  background: transparent !important;
}

#header-component .header__underlay,
#header-component .header__underlay-open {
  display: none !important;
}

#header-component .header__row--top {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
}

#header-component .header__row--top .header__columns {
  width: calc(100vw - (var(--page-margin) * 2));
  max-width: var(--page-width);
  margin: 0 auto;

  background: #fff6df;
  border-radius: 8px;
  min-height: 60px;
  padding: 0 24px;

  align-items: center;
}

#header-component .menu-list__link {
  padding: 12px 18px !important;
}

.shopify-section-group-header-group:first-child {
  z-index: 60;
}


/*=========================================================
  MEGA MENU
=========================================================*/

#header-component .header__row--top .header__columns,
#header-component .mega-menu {
  width: calc(100vw - (var(--page-margin) * 2)) !important;
  max-width: var(--page-width) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

#header-component .mega-menu {
  background: #fff6df !important;
  border-radius: 0 0 8px 8px !important;
  padding: 34px 42px 42px !important;
  box-shadow: none !important;
}

#header-component .menu-list__submenu {
  gap: 26px;
  background: transparent !important;
  padding-inline: 0 !important;
}

#header-component .mega-menu img {
  border-radius: 0;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

#header-component .mega-menu a {
  color: #4b160c;
  text-decoration: none;
}

#header-component .mega-menu a:hover {
  text-decoration: underline;
  text-underline-offset: .16em;
  text-decoration-thickness: 2px;
}

#header-component .mega-menu .wrap-text {
  font-family: "Staatliches", sans-serif !important;
  font-size: 28px;
  font-weight: 400;
  line-height: 1;
  text-transform: uppercase;
  color: #4b160c;
}

#header-component .menu-list__submenu-inner {
  padding-inline: 0 !important;
}

#header-component .menu-list__submenu-inner > .mega-menu {
  width: calc(100vw - (var(--page-margin) * 2)) !important;
  max-width: var(--page-width) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}



/*=========================================================
  MOBILE
=========================================================*/

@media (max-width:749px){

  #header-component{
    top:12px;
  }

  #header-component .header__row--top .header__columns{
    width:calc(100% - 8px);
    padding:0 5px;
    min-height:54px;
  }

}

/*=========================================================
  LINK STYLES
=========================================================*/

/* Mockup-style text link button */
.button, .button-secondary, .button-custom, button.shopify-payment-button__button--unbranded
{
    font-family: "Staatliches", sans-serif !important;
  font-weight: 500 !important;
  font-size: 20px !important;
}

a.button-unstyled,
.button-unstyled {
  font-family: "Staatliches", sans-serif !important;
  font-weight: 500 !important;
  font-size: 24px !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.02em !important;
  color: #4b160c !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;

}

a.size-style.button-unstyled {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center;
  gap: 0px;
  width: auto !important;
  height: auto !important;
  text-decoration: none !important;
  line-height: 1 !important;
  white-space: nowrap;
}

a.size-style.button-unstyled::after {
  content: "";
  display: block;
  width: 64px;
  height: 18px;
  flex: 0 0 44px;
  background: url("/cdn/shop/files/Brown-Arrow.svg") center / contain no-repeat;
}

a.size-style.button-unstyled {
  transition: transform .2s cubic-bezier(.175,.885,.32,1.275);
}

a.size-style.button-unstyled:hover {
  transform: rotate(-2deg) scale(1.04);
}

a.size-style.button-unstyled::after {
  transition: transform .2s ease;
}

a.size-style.button-unstyled:hover::after {
  transform: translateX(8px);
}
/*=====================================================
  Collection Cards
=========================================================*/

.collection-card {
  border-radius: 35px !important;
  overflow: visible !important;
}
.collection-card__image-wrapper,
.collection-card__image,
.collection-card .media {
  border-radius: 35px 35px 0 0 !important;
  overflow: hidden !important;
}
.collection-card__content,
.collection-card > div:last-child {
  border-radius: 0 0 35px 35px !important;
  overflow: hidden;
}

.collection-card__title-link {
  color: inherit;
  text-decoration: none;
}

.collection-card__title-link:hover {
  text-decoration: underline !important;
  text-underline-offset: 0.15em;
  text-decoration-thickness: 2px;
}


/*=========================================================
  MOBILE MENU
=========================================================*/


/*=========================================================
REMOVE PRODUCT GRID ARROWS
=========================================================*/
@media screen and (max-width: 749px) {
  slideshow-arrows[position=center] {
    display: none !important;
  }
}

/*=========================================================
  Video Gradient
=========================================================*/

.story-video-fade {
  position: relative;
}

.story-video-fade::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 220px;
  transform: translateX(-50%);
  pointer-events: none;
  z-index: 20;

  background: linear-gradient(
    90deg,
    #FBCA49 0%,
    #FBCA49 25%,
    rgba(244,192,44,.85) 55%,
    rgba(244,192,44,.45) 80%,
    rgba(244,192,44,0) 100%
  );
}

.story-video-fade > * {
  position: relative;
}

.story-video-fade::after {
  z-index: 50 !important;
}
/*=========================================================
  PRODUCT CARDS
=========================================================*/
.product-card {
  overflow: visible;
}

.product-card__content,
.product-card__info {

  border-top: 3px solid #EFE3CB;
  border-bottom: 3px solid #EFE3CB;
  padding: 28px 20px;
}

.product-card a.contents,
.product-card [ref="productTitleLink"] {
  border-top: none;
  border-bottom: none;
}

/*=========================================================
  CART DRAWER
=========================================================*/
.cart-items__title {
     font-family: "Staatliches", sans-serif !important;
  font-weight: 400 !important;
   font-style: normal !important;
  font-size: 20px !important;
}

.cart-drawer__summary, .cart-primary-typography, .cart-secondary-typography {
     font-family: "Staatliches", sans-serif !important;
}

/*=========================================================
  QUANTITY SELECTOR
=========================================================*/

/*=========================================================
  BLOG
=========================================================*/
.blog-post-content {
    max-width: 1000px;
    margin: 0 auto;
    color: var(--color, inherit);
}

/*=========================================================
  YotPO REVIEWS
=========================================================*/
.yotpo .yotpo-bottomline .yotpo-icon-star, .yotpo .yotpo-bottomline .yotpo-icon-half-star, .yotpo .yotpo-bottomline .yotpo-icon-empty-star {
    color: #FFC11D !important;
}

.yotpo .text-m {
    font-size: 16px !important;
    color: white !important;
      font-family: "Staatliches", sans-serif !important;
  font-weight: 400 !important;
  padding-left: 10px;
}

.variant-option--buttons legend, .variant-option--dropdowns>label, .variant-option[data-testid=variant-option-single] {
      font-size: 24px !important;
    color: white !important;
      font-family: "Staatliches", sans-serif !important;
  font-weight: 400 !important;
  letter-spacing: .08em;
 
}
.variant-option--equal-width-buttons .variant-option__button-label {
        font-size: 24px !important;

      font-family: "Staatliches", sans-serif !important;
  font-weight: 400 !important;
  letter-spacing: .08em;

}

/*=========================================================
  NEWSLETTER SIGNUP
=========================================================*/


/*=========================================================
  FOOTER
=========================================================*/

span.menu__heading__default {
  display: none;
