
 
@font-face {
  font-family: Quicksand;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("/assets/7bc174e79619c6.woff2") format("woff2"),
       url("/assets/cfdfc1fbd792d7.woff") format("woff");
}

@font-face {
  font-family: Quicksand;
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("/assets/7987ce40a04925.woff2") format("woff2"),
       url("/assets/6bc69430d3c9d7.woff") format("woff");
}



@font-face {
  font-family: Quicksand;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("/assets/7bc174e79619c6.woff2") format("woff2"),
       url("/assets/cfdfc1fbd792d7.woff") format("woff");
}



:root {
  --gray: #ececec;
  --dark-gray: #747474;
  --green:#6cad61;
  --red:#ec7c7c;
  --heading-font-family:Quicksand,sans-serif;
  --heading-font-weight:400;
  --heading-font-style:normal;
  --font-family:Quicksand,sans-serif;
  --font-weight:400;
  --font-style:normal;
  --body-font-weight-bold: 300;
  --thin:100;
  --light:300;
  --normal:400;
  --medium:500;
  --semibold:600;
  --bold:700; 
  --extrabold:900;
  --theme-color: #312b24;
  --theme-light-color: rgba(49, 43, 36, 0.1);
  --colorTextBody: #312b24;
  --colorLightTextBody: rgba(49, 43, 36, 0.5);
  --colorXlightTextBody: rgba(49, 43, 36, 0.3);
  --colorXXlightTextBody: rgba(49, 43, 36, 0.1);
  --cartDotColor: #e7def2;
  --cartDotColorLight:rgba(231, 222, 242, 0.3);
  --cartDotColorNull:rgba(231, 222, 242, 0);
  --colorBtnPrimary: #202020;
  --colorBtnPrimaryText: #ffffff; 
  --colorBtnPrimaryBorder: #312b24; 
  --colorBtnSecondary: #fbf4f5;
  --colorBtnSecondaryText:#202020;
  --colorBtnSecondaryBorder:#fbf4f5;  
  --primaryColorBody: #ffffff;
  --saleBadgeBg:#ffffff;
  --saleBadgeText:#715944;
  --soldBadgeBg:#E22120;
  --soldBadgeText:#ffffff;
  --secondaryColorBody: #ffffff;
  --product-grid-image-size:contain;
  
--primarySocialIconBg:#e6e6e6;
    --primaryAlternateBg:#f2f2f2;--secondarySocialIconBg:#e6e6e6;--tertiarySocialIconBg:#ebb6ba;--quaternarySocialIconBg:#edcfd3;--secondarycolorTextBody: #715944;
  --secondaryColorLightTextBody: rgba(113, 89, 68, 0.5);
  --secondaryColorXlightTextBody: rgba(113, 89, 68, 0.3);
  --secondary_heading_color: #715944;
  --tertiaryColorBody:#f6dee0;
  --tertiarycolorTextBody: #312b24;
  --tertiaryColorLightTextBody: rgba(49, 43, 36, 0.5);
  --tertiaryColorXlightTextBody: rgba(49, 43, 36, 0.3);
  --tertiary_heading_color: #312b24;
  --gradientColorBody: linear-gradient(262deg, rgba(249, 196, 187, 1) 100%, rgba(238, 238, 238, 1) 100%);
  --quaternaryColorBody: #fbf4f5;
  --quaternarycolorTextBody: #715944;
  --quaternaryColorLightTextBody: rgba(113, 89, 68, 0.5);
  --quaternaryColorXlightTextBody: rgba(113, 89, 68, 0.3);
  --quaternary_heading_color: #715944;
  --colorImageBg: #ffffff;
  --colorImageBorder: #ffffff;
  --productImageBorder:1px solid #ffffff;
  --articleImageBorder:0;
  --collectionImageBorder:0;
  --colorTextSavings: #e895af;
  --colorBgSavings: #ffffff;
  --heading_color: #312b24;
  --heading_base_size: 0.85;
  --heading_spacing: 0.05em;
  --heading_line_height: 1.2;
  --base_spacing: 0.025em;
  --base_line_height: 1.6;
  --text_base_size: 1.11;
  --buttonRadius: 10px;
  --productGridRadius: 20px;
  --headingTextTransform:;
  --buttonFontFamily: var(--font-family);
  --buttonFontStyle: var(--font-style);
  --buttonFontWeight: var(--font-weight);
  --variantFontFamily: var(--font-family);
  --variantFontStyle: var(--font-style);
  --variantFontWeight: var(--font-weight);
  --filtersHeadingFontFamily: var(--font-family);
  --filtersHeadingFontStyle: var(--font-style);
  --filtersHeadingFontWeight: var(--font-weight);
  --priceFontFamily: var(--font-family);
  --priceFontStyle: var(--font-style);
  --priceFontWeight: var(--font-weight);
  --tabHeadingFontFamily: var(--font-family);
  --tabHeadingFontStyle: var(--font-style);
  --tabHeadingFontWeight: var(--font-weight);
  --tabHeadingTextTransform:;
  --navigationFontFamily: var(--font-family);
  --navigationFontStyle: var(--font-style);
  --navigationFontWeight: var(--font-weight);
  --navigationTextTransform:;
  --variantTextTransform:uppercase;
  --xsmallText:calc(var(--text_base_size) * 10px);
  --smallText: calc(var(--text_base_size) * 12px);
  --text: calc(var(--text_base_size) * 14px);
  --mediumText: calc(var(--text_base_size) * 16px);
  --largeText: calc(var(--text_base_size) * 18px);
  --xlargeText:  calc(var(--text_base_size) * 20px);
  --buttonAnimationDirection:translateX(-100%);
}
@media (min-width:1025px) {
  .button:before,
  .pdp-action-container button.shopify-payment-button__button--hidden:before,
  .pdp-action-container button.shopify-payment-button__button:before,
  .tertiary-button:before {
      content: "";
      position: absolute;top:0;
        right:0;
        width:0;
        height:100%;z-index: -1;
      transition: 0.6s ease-in-out;
  }
  .button:hover:before,
  .pdp-action-container button.shopify-payment-button__button--hidden:hover:before,
  .pdp-action-container button.shopify-payment-button__button:hover:before,
  .secondary-button:hover:before {right:auto;
      left:0;
      width:100%;}
}
.yv-product-title{
  opacity:1.0;
}
  


    

    
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      


      

        

        
        @font-face {
          font-family: 'customfont'; font-display: swap;
          src: url("/assets/1a50e4bdcceef2.otf") format('opentype');
          
          font-style: normal;
          
          
        }
        
          h1 {
            font-family: 'customfont' !important;
            font-weight: 400 !important;
          }
        
        
          h2 {
            font-family: 'customfont' !important;
            font-weight: 400 !important;
          }
        
        
          h3 {
            font-family: 'customfont' !important;
            font-weight: 400 !important;
          }
        
        
          h4 {
            font-family: 'customfont' !important;
            font-weight: 400 !important;
          }
        
        
          h5 {
            font-family: 'customfont' !important;
            font-weight: 400 !important;
          }
        
        
          h6 {
            font-family: 'customfont' !important;
            font-weight: 400 !important;
          }
        
        
        
        

        
          label {
            font-family: 'customfont' !important;
            font-weight: 400 !important;
          }
        
        
        
        
        
        
        

        

        
      
    
  