/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */

/* CSS from section stylesheet tags */

    #top-bar{
      background: #f1eee9;
    }
    .promo-banner-announcement_bar_4Ch7VF{
      background: #f1eee9;
      color: #3f1e1f;
    }
    .promo-banner-announcement_bar_4Ch7VF *{
      color: #3f1e1f !important;
    }
  

 
    #top-bar, #top-bar-bg {
      height: 50px;
    }

    /* NAV BAR PANE */
    header #q { /* search panel */
      font-size: px;
    }

    ul#cart li a {
      font-size: px;
      font-weight: ;
    }

    select.currency-picker {
      font-size: px;
      font-weight: ;
    }

    nav {
       line-height: 40px;
    }

    
      .megamenu {
        width: 100%;
      }
    


    /* MOBILE MENU : Height Setup
        Notes :
          - announcement_height default is 60px, and can be set to min of 40px
          - actual navigation bar is 50px tall, and since scrolling hides promo, we have a "isStuck" condition which is 
              basically an indicator for the user is scrolled down the page. 
          - Why? Because we need users to be able to scroll the mobile menu, but not scroll backing content on page.
    */
    #nav-bar-wrapper #nav-menu-mobile {
        height: calc( 100vh - ( 50px + 50px ) );  /* Promo + Nav bar (50px) */
    }

    /* SCROLLING : Nav bar hides promo bar, so adjust menu height if the user opens menu scrolled down page */
    #nav-bar-wrapper.isStuck #nav-menu-mobile {
        height: calc( 100vh - 50px ); /* nav bar = 50px */
    }

    /* NEW MENU */
    .submenu a {
      color: #3c3737 !important;
    }

    .submenu-list {
      align-self: flex-start;
    }

    .submenu-list > .has_sub_menu >  a {
      display: inline-block;
    }
    
    /* .submenu > li {
      width: 130px;
    } */

    .submenu-list > .has_sub_menu > .nested {
      padding-top: 0;
    }

    .submenu-list > li > a ,
    .submenu-list .nested > li > a {
      display: inline-block;
      line-height: normal;
      padding-top: 8px;
      padding-bottom: 8px;
    }

    .submenu-list > li {
      line-height: 35px;
    }

    .has_sub_menu--shop-all {
      position: relative;
    }

    .has_sub_menu--shop-all .nested::before {
      display: none;
    }

    .submenu-shop-all-wrap {
      float: none !important;
      margin-left: 25px;
      margin-right: 25px;
      padding-top: 10px;
      line-height: normal;
    }

    @media screen and (min-width: 1024px) and (max-width: 1199px) {
      .submenu-shop-all-wrap {
        margin-left: 8px;
        margin-right: 8px;
      }
    }

    .submenu-shop-all-wrap a {
      font-size: 14px;
      display: inline-block;
    }

    .submenu-shop-all-wrap span {
      display: inline-block;
      vertical-align: middle;
    }

    .submenu-shop-all:hover {
      text-decoration: none;
    }

    .submenu-shop-all:hover span {
      text-decoration: underline;
    }

    .submenu.submenu--has-shop-all {
      padding-bottom: 65px !important;
    }

    /* OTHERS MENU */
    .submenu  .has_sub_menu.has_sub_menu--others > .nested {
      padding-top: 0;
    }

    .nested-item--others {
      margin-bottom: 21px;
    }

    .nested-item--others a,
    .submenu-shop-all-wrap a {
      line-height: normal;
      letter-spacing: .085rem;
      font-weight: 700;
      text-transform: uppercase;
    }

    @media screen and (min-width: 1024px) and (max-width: 1199px) {
      #nav-menu-desktop #nav-menu-desktop-list .nav-primary-link .submenu {
        padding-left: 8px !important;
        padding-right: 8px !important;
      }
      #nav-menu-desktop #nav-menu-desktop-list .nav-primary-link .submenu-list>li {
        margin-left: 8px !important;
        margin-right: 8px !important;
      }
    }
    
    .submenu-shop-all {
      display: flex;
      align-items: center;
      gap: 8px;
    }

    .submenu-shop-all::after {
      content: '';
      display: inline-block;
      width: 20px;
      height: 20px;
      background-image: url('//cdn.shopify.com/s/files/1/0357/2432/9005/t/254/assets/icon-arrow-right.svg?v=34107841133203324271769750532');
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      vertical-align: middle;
      margin-left: 5px;
    }
  

#shopify-section-cr_video_banner_apdrht{
    padding-top: 0px;
    padding-bottom: 22px;
  }
  @media only screen and (min-width: 768px){
    #shopify-section-cr_video_banner_apdrht{
      padding-top: 0px;
      padding-bottom: 30px;
    }
  }@media screen and (max-width: 767px) {
      #video-cr_video_banner_apdrht::before,
      #video-cr_video_banner_apdrht .media::before,
      #video-cr_video_banner_apdrht:not(.banner--mobile-bottom) .banner__content::before {
      
          padding-bottom: 152.34375%;
       
        content: '';
        display: block;
      }
    }

    @media screen and (min-width: 768px) {
      #video-cr_video_banner_apdrht::before,
      #video-cr_video_banner_apdrht .media::before {
        
          padding-bottom: 42.708333333333336%;
        
        content: '';
        display: block;
      }
    }#shopify-section-cr_video_banner_apdrht .banner__media::after {
      opacity: 0.0;
      background-color: #000000;
    }
     #shopify-section-cr_video_banner_apdrht .slideshow__text.banner__box {
      max-width: 500px;
    }
  
    

    #shopify-section-cr_video_banner_apdrht .banner--desktop-container .banner__box{
      background-color: rgba(60, 55, 55, 0.5);
    }
    
      
    @media only screen and (max-width: 767px){
      #shopify-section-cr_video_banner_apdrht .banner--mobile-container .banner__box {
        background-color: ;
      }
  
      
        #shopify-section-cr_video_banner_apdrht .banner__text p,
        #shopify-section-cr_video_banner_apdrht .banner__heading{
          color: #ffffff;
        }
        #shopify-section-cr_video_banner_apdrht .button--primary{
          background-color: #ffffff;
          color: #333333;
          border-color: #ffffff;
        }
        #shopify-section-cr_video_banner_apdrht .button--primary:hover{
          background-color: transparent;
          color: #ffffff;
        }
        #shopify-section-cr_video_banner_apdrht .button--secondary{
          background-color: transparent;
          color: #ffffff;
          border-color: #ffffff;
        }
        #shopify-section-cr_video_banner_apdrht .button--secondary:hover{
          background-color: #ffffff;
          color: #333333;
          border-color: #ffffff;
        }
      
    }

    #shopify-section-cr_video_banner_apdrht .banner__box{
      padding: 0px;
      margin: 0px 20px 60px 20px;
    }
    @media only screen and (min-width: 1024px){
      #shopify-section-cr_video_banner_apdrht .banner__box{
        padding: 0px;
        margin: 0px 0px 0px 0px;
      }
    }

#shopify-section-cr_image_banner_slides_hfPhqR{
    padding-top: 0px;
    padding-bottom: 22px;
  }
  @media only screen and (min-width: 768px){
    #shopify-section-cr_image_banner_slides_hfPhqR{
      padding-top: 0px;
      padding-bottom: 30px;
    }
  }@media screen and (max-width: 767px) {
      #Slider-cr_image_banner_slides_hfPhqR::before,
      #Slider-cr_image_banner_slides_hfPhqR .media::before,
      #Slider-cr_image_banner_slides_hfPhqR:not(.banner--mobile-bottom) .banner__content::before {
      
        padding-bottom: 152.54237288135593%;
      
        content: '';
        display: block;
      }
    }

    @media screen and (min-width: 768px) {
      #Slider-cr_image_banner_slides_hfPhqR::before,
      #Slider-cr_image_banner_slides_hfPhqR .media::before {
        padding-bottom: 42.708333333333336%;
        content: '';
        display: block;
      }
    }
    #Slide-cr_image_banner_slides_hfPhqR-1 .banner__media::after {
      opacity: 0.1;
      background-color: #000000;
    }
     #Slide-cr_image_banner_slides_hfPhqR-1 .slideshow__text.banner__box {
      max-width: 430px;
    }
  
    

    #Slide-cr_image_banner_slides_hfPhqR-1 .banner--desktop-container .banner__box{
      background-color: rgba(119, 119, 119, 0.5);
    }
    
    
      #Slide-cr_image_banner_slides_hfPhqR-1 .banner__text p,
      #Slide-cr_image_banner_slides_hfPhqR-1 .banner__heading{
        color: #ffffff;
      }
      #Slide-cr_image_banner_slides_hfPhqR-1 .button--primary{
        background-color: #ffffff;
        color: #333333;
        border-color: #ffffff;
      }
      #Slide-cr_image_banner_slides_hfPhqR-1 .button--primary:hover{
        background-color: transparent;
        color: #ffffff;
      }
      #Slide-cr_image_banner_slides_hfPhqR-1 .button--secondary{
        background-color: transparent;
        color: #ffffff;
        border-color: #ffffff;
      }
      #Slide-cr_image_banner_slides_hfPhqR-1 .button--secondary:hover{
        background-color: #ffffff;
        color: #333333;
        border-color: #ffffff;
      }
    

    @media only screen and (max-width: 767px){
      #Slide-cr_image_banner_slides_hfPhqR-1 .banner--mobile-container .banner__box {
        background-color: ;
      }

      
        #Slide-cr_image_banner_slides_hfPhqR-1 .banner__text p,
        #Slide-cr_image_banner_slides_hfPhqR-1 .banner__heading{
          color: #ffffff;
        }
        #Slide-cr_image_banner_slides_hfPhqR-1 .button--primary{
          background-color: #ffffff;
          color: #333333;
          border-color: #ffffff;
        }
        #Slide-cr_image_banner_slides_hfPhqR-1 .button--primary:hover {
          background-color: transparent;
          color: #ffffff; 
        }
        #Slide-cr_image_banner_slides_hfPhqR-1 .button--secondary{
          background-color: transparent;
          color: #ffffff;
          border-color: #ffffff;
        }
        #Slide-cr_image_banner_slides_hfPhqR-1 .button--secondary:hover{
          background-color: #ffffff;
          color: #333333;
          border-color: #ffffff;
        }
      
    }

    #Slide-cr_image_banner_slides_hfPhqR-1 .banner__box{
      padding: 0px;
      margin: 0px 20px 60px 20px;
    }
    @media only screen and (min-width: 1024px){
      #Slide-cr_image_banner_slides_hfPhqR-1 .banner__box{
        padding: 0px;
        margin: 0px 0px 0px 0px;
      }
    }
  


#shopify-section-cr_image_banner_slides_ipDXRR{
    padding-top: 0px;
    padding-bottom: 22px;
  }
  @media only screen and (min-width: 768px){
    #shopify-section-cr_image_banner_slides_ipDXRR{
      padding-top: 0px;
      padding-bottom: 30px;
    }
  }@media screen and (max-width: 767px) {
      #Slider-cr_image_banner_slides_ipDXRR::before,
      #Slider-cr_image_banner_slides_ipDXRR .media::before,
      #Slider-cr_image_banner_slides_ipDXRR:not(.banner--mobile-bottom) .banner__content::before {
      
        padding-bottom: 152.54237288135593%;
      
        content: '';
        display: block;
      }
    }

    @media screen and (min-width: 768px) {
      #Slider-cr_image_banner_slides_ipDXRR::before,
      #Slider-cr_image_banner_slides_ipDXRR .media::before {
        padding-bottom: 42.708333333333336%;
        content: '';
        display: block;
      }
    }
    #Slide-cr_image_banner_slides_ipDXRR-1 .banner__media::after {
      opacity: 0.17;
      background-color: #000000;
    }
     #Slide-cr_image_banner_slides_ipDXRR-1 .slideshow__text.banner__box {
      max-width: 400px;
    }
  
    

    #Slide-cr_image_banner_slides_ipDXRR-1 .banner--desktop-container .banner__box{
      background-color: rgba(119, 119, 119, 0.5);
    }
    
    
      #Slide-cr_image_banner_slides_ipDXRR-1 .banner__text p,
      #Slide-cr_image_banner_slides_ipDXRR-1 .banner__heading{
        color: #ffffff;
      }
      #Slide-cr_image_banner_slides_ipDXRR-1 .button--primary{
        background-color: #ffffff;
        color: #333333;
        border-color: #ffffff;
      }
      #Slide-cr_image_banner_slides_ipDXRR-1 .button--primary:hover{
        background-color: transparent;
        color: #ffffff;
      }
      #Slide-cr_image_banner_slides_ipDXRR-1 .button--secondary{
        background-color: transparent;
        color: #ffffff;
        border-color: #ffffff;
      }
      #Slide-cr_image_banner_slides_ipDXRR-1 .button--secondary:hover{
        background-color: #ffffff;
        color: #333333;
        border-color: #ffffff;
      }
    

    @media only screen and (max-width: 767px){
      #Slide-cr_image_banner_slides_ipDXRR-1 .banner--mobile-container .banner__box {
        background-color: ;
      }

      
        #Slide-cr_image_banner_slides_ipDXRR-1 .banner__text p,
        #Slide-cr_image_banner_slides_ipDXRR-1 .banner__heading{
          color: #ffffff;
        }
        #Slide-cr_image_banner_slides_ipDXRR-1 .button--primary{
          background-color: #ffffff;
          color: #333333;
          border-color: #ffffff;
        }
        #Slide-cr_image_banner_slides_ipDXRR-1 .button--primary:hover {
          background-color: transparent;
          color: #ffffff; 
        }
        #Slide-cr_image_banner_slides_ipDXRR-1 .button--secondary{
          background-color: transparent;
          color: #ffffff;
          border-color: #ffffff;
        }
        #Slide-cr_image_banner_slides_ipDXRR-1 .button--secondary:hover{
          background-color: #ffffff;
          color: #333333;
          border-color: #ffffff;
        }
      
    }

    #Slide-cr_image_banner_slides_ipDXRR-1 .banner__box{
      padding: 0px;
      margin: 0px 20px 60px 20px;
    }
    @media only screen and (min-width: 1024px){
      #Slide-cr_image_banner_slides_ipDXRR-1 .banner__box{
        padding: 0px;
        margin: 0px 0px 0px 0px;
      }
    }
  


#shopify-section-cr_image_banner_slides_DG8nWm{
    padding-top: 0px;
    padding-bottom: 22px;
  }
  @media only screen and (min-width: 768px){
    #shopify-section-cr_image_banner_slides_DG8nWm{
      padding-top: 0px;
      padding-bottom: 30px;
    }
  }@media screen and (max-width: 767px) {
      #Slider-cr_image_banner_slides_DG8nWm::before,
      #Slider-cr_image_banner_slides_DG8nWm .media::before,
      #Slider-cr_image_banner_slides_DG8nWm:not(.banner--mobile-bottom) .banner__content::before {
      
        padding-bottom: 152.54237288135593%;
      
        content: '';
        display: block;
      }
    }

    @media screen and (min-width: 768px) {
      #Slider-cr_image_banner_slides_DG8nWm::before,
      #Slider-cr_image_banner_slides_DG8nWm .media::before {
        padding-bottom: 42.708333333333336%;
        content: '';
        display: block;
      }
    }
    #Slide-cr_image_banner_slides_DG8nWm-1 .banner__media::after {
      opacity: 0.1;
      background-color: #000000;
    }
     #Slide-cr_image_banner_slides_DG8nWm-1 .slideshow__text.banner__box {
      max-width: 450px;
    }
  
    

    #Slide-cr_image_banner_slides_DG8nWm-1 .banner--desktop-container .banner__box{
      background-color: ;
    }
    
    
      #Slide-cr_image_banner_slides_DG8nWm-1 .banner__text p,
      #Slide-cr_image_banner_slides_DG8nWm-1 .banner__heading{
        color: #ffffff;
      }
      #Slide-cr_image_banner_slides_DG8nWm-1 .button--primary{
        background-color: #ffffff;
        color: #333333;
        border-color: #ffffff;
      }
      #Slide-cr_image_banner_slides_DG8nWm-1 .button--primary:hover{
        background-color: transparent;
        color: #ffffff;
      }
      #Slide-cr_image_banner_slides_DG8nWm-1 .button--secondary{
        background-color: transparent;
        color: #ffffff;
        border-color: #ffffff;
      }
      #Slide-cr_image_banner_slides_DG8nWm-1 .button--secondary:hover{
        background-color: #ffffff;
        color: #333333;
        border-color: #ffffff;
      }
    

    @media only screen and (max-width: 767px){
      #Slide-cr_image_banner_slides_DG8nWm-1 .banner--mobile-container .banner__box {
        background-color: ;
      }

      
        #Slide-cr_image_banner_slides_DG8nWm-1 .banner__text p,
        #Slide-cr_image_banner_slides_DG8nWm-1 .banner__heading{
          color: #ffffff;
        }
        #Slide-cr_image_banner_slides_DG8nWm-1 .button--primary{
          background-color: #ffffff;
          color: #333333;
          border-color: #ffffff;
        }
        #Slide-cr_image_banner_slides_DG8nWm-1 .button--primary:hover {
          background-color: transparent;
          color: #ffffff; 
        }
        #Slide-cr_image_banner_slides_DG8nWm-1 .button--secondary{
          background-color: transparent;
          color: #ffffff;
          border-color: #ffffff;
        }
        #Slide-cr_image_banner_slides_DG8nWm-1 .button--secondary:hover{
          background-color: #ffffff;
          color: #333333;
          border-color: #ffffff;
        }
      
    }

    #Slide-cr_image_banner_slides_DG8nWm-1 .banner__box{
      padding: 0px;
      margin: 0px 15px 60px 15px;
    }
    @media only screen and (min-width: 1024px){
      #Slide-cr_image_banner_slides_DG8nWm-1 .banner__box{
        padding: 0px;
        margin: 0px 0px 0px 0px;
      }
    }
  


#shopify-section-cr_image_banner_slides_NgxTQP{
    padding-top: 0px;
    padding-bottom: 22px;
  }
  @media only screen and (min-width: 768px){
    #shopify-section-cr_image_banner_slides_NgxTQP{
      padding-top: 0px;
      padding-bottom: 30px;
    }
  }@media screen and (max-width: 767px) {
      #Slider-cr_image_banner_slides_NgxTQP::before,
      #Slider-cr_image_banner_slides_NgxTQP .media::before,
      #Slider-cr_image_banner_slides_NgxTQP:not(.banner--mobile-bottom) .banner__content::before {
      
        padding-bottom: 152.74151436031332%;
      
        content: '';
        display: block;
      }
    }

    @media screen and (min-width: 768px) {
      #Slider-cr_image_banner_slides_NgxTQP::before,
      #Slider-cr_image_banner_slides_NgxTQP .media::before {
        padding-bottom: 42.708333333333336%;
        content: '';
        display: block;
      }
    }
    #Slide-cr_image_banner_slides_NgxTQP-1 .banner__media::after {
      opacity: 0.17;
      background-color: #000000;
    }
     #Slide-cr_image_banner_slides_NgxTQP-1 .slideshow__text.banner__box {
      max-width: 550px;
    }
  
    

    #Slide-cr_image_banner_slides_NgxTQP-1 .banner--desktop-container .banner__box{
      background-color: rgba(119, 119, 119, 0.5);
    }
    
    
      #Slide-cr_image_banner_slides_NgxTQP-1 .banner__text p,
      #Slide-cr_image_banner_slides_NgxTQP-1 .banner__heading{
        color: #ffffff;
      }
      #Slide-cr_image_banner_slides_NgxTQP-1 .button--primary{
        background-color: #ffffff;
        color: #333333;
        border-color: #ffffff;
      }
      #Slide-cr_image_banner_slides_NgxTQP-1 .button--primary:hover{
        background-color: transparent;
        color: #ffffff;
      }
      #Slide-cr_image_banner_slides_NgxTQP-1 .button--secondary{
        background-color: transparent;
        color: #ffffff;
        border-color: #ffffff;
      }
      #Slide-cr_image_banner_slides_NgxTQP-1 .button--secondary:hover{
        background-color: #ffffff;
        color: #333333;
        border-color: #ffffff;
      }
    

    @media only screen and (max-width: 767px){
      #Slide-cr_image_banner_slides_NgxTQP-1 .banner--mobile-container .banner__box {
        background-color: ;
      }

      
        #Slide-cr_image_banner_slides_NgxTQP-1 .banner__text p,
        #Slide-cr_image_banner_slides_NgxTQP-1 .banner__heading{
          color: #ffffff;
        }
        #Slide-cr_image_banner_slides_NgxTQP-1 .button--primary{
          background-color: #ffffff;
          color: #333333;
          border-color: #ffffff;
        }
        #Slide-cr_image_banner_slides_NgxTQP-1 .button--primary:hover {
          background-color: transparent;
          color: #ffffff; 
        }
        #Slide-cr_image_banner_slides_NgxTQP-1 .button--secondary{
          background-color: transparent;
          color: #ffffff;
          border-color: #ffffff;
        }
        #Slide-cr_image_banner_slides_NgxTQP-1 .button--secondary:hover{
          background-color: #ffffff;
          color: #333333;
          border-color: #ffffff;
        }
      
    }

    #Slide-cr_image_banner_slides_NgxTQP-1 .banner__box{
      padding: 0px;
      margin: 0px 20px 60px 20px;
    }
    @media only screen and (min-width: 1024px){
      #Slide-cr_image_banner_slides_NgxTQP-1 .banner__box{
        padding: 0px;
        margin: 0px 0px 0px 0px;
      }
    }
  


 #shopify-section-1587028739445 .stetson-stories {padding: 0px;} 


      html body > .acsb-skip-link,
      html body > .acsb-skip-links,
      html body > .acsb-skip-links.acsb-ready { display: none !important; }
    


    #top-bar{
      background: #f1eee9;
    }
    .promo-banner-announcement_bar_4Ch7VF{
      background: #f1eee9;
      color: #3f1e1f;
    }
    .promo-banner-announcement_bar_4Ch7VF *{
      color: #3f1e1f !important;
    }
  

 
    #top-bar, #top-bar-bg {
      height: 50px;
    }

    /* NAV BAR PANE */
    header #q { /* search panel */
      font-size: px;
    }

    ul#cart li a {
      font-size: px;
      font-weight: ;
    }

    select.currency-picker {
      font-size: px;
      font-weight: ;
    }

    nav {
       line-height: 40px;
    }

    
      .megamenu {
        width: 100%;
      }
    


    /* MOBILE MENU : Height Setup
        Notes :
          - announcement_height default is 60px, and can be set to min of 40px
          - actual navigation bar is 50px tall, and since scrolling hides promo, we have a "isStuck" condition which is 
              basically an indicator for the user is scrolled down the page. 
          - Why? Because we need users to be able to scroll the mobile menu, but not scroll backing content on page.
    */
    #nav-bar-wrapper #nav-menu-mobile {
        height: calc( 100vh - ( 50px + 50px ) );  /* Promo + Nav bar (50px) */
    }

    /* SCROLLING : Nav bar hides promo bar, so adjust menu height if the user opens menu scrolled down page */
    #nav-bar-wrapper.isStuck #nav-menu-mobile {
        height: calc( 100vh - 50px ); /* nav bar = 50px */
    }

    /* NEW MENU */
    .submenu a {
      color: #3c3737 !important;
    }

    .submenu-list {
      align-self: flex-start;
    }

    .submenu-list > .has_sub_menu >  a {
      display: inline-block;
    }
    
    /* .submenu > li {
      width: 130px;
    } */

    .submenu-list > .has_sub_menu > .nested {
      padding-top: 0;
    }

    .submenu-list > li > a ,
    .submenu-list .nested > li > a {
      display: inline-block;
      line-height: normal;
      padding-top: 8px;
      padding-bottom: 8px;
    }

    .submenu-list > li {
      line-height: 35px;
    }

    .has_sub_menu--shop-all {
      position: relative;
    }

    .has_sub_menu--shop-all .nested::before {
      display: none;
    }

    .submenu-shop-all-wrap {
      float: none !important;
      margin-left: 25px;
      margin-right: 25px;
      padding-top: 10px;
      line-height: normal;
    }

    @media screen and (min-width: 1024px) and (max-width: 1199px) {
      .submenu-shop-all-wrap {
        margin-left: 8px;
        margin-right: 8px;
      }
    }

    .submenu-shop-all-wrap a {
      font-size: 14px;
      display: inline-block;
    }

    .submenu-shop-all-wrap span {
      display: inline-block;
      vertical-align: middle;
    }

    .submenu-shop-all:hover {
      text-decoration: none;
    }

    .submenu-shop-all:hover span {
      text-decoration: underline;
    }

    .submenu.submenu--has-shop-all {
      padding-bottom: 65px !important;
    }

    /* OTHERS MENU */
    .submenu  .has_sub_menu.has_sub_menu--others > .nested {
      padding-top: 0;
    }

    .nested-item--others {
      margin-bottom: 21px;
    }

    .nested-item--others a,
    .submenu-shop-all-wrap a {
      line-height: normal;
      letter-spacing: .085rem;
      font-weight: 700;
      text-transform: uppercase;
    }

    @media screen and (min-width: 1024px) and (max-width: 1199px) {
      #nav-menu-desktop #nav-menu-desktop-list .nav-primary-link .submenu {
        padding-left: 8px !important;
        padding-right: 8px !important;
      }
      #nav-menu-desktop #nav-menu-desktop-list .nav-primary-link .submenu-list>li {
        margin-left: 8px !important;
        margin-right: 8px !important;
      }
    }
    
    .submenu-shop-all {
      display: flex;
      align-items: center;
      gap: 8px;
    }

    .submenu-shop-all::after {
      content: '';
      display: inline-block;
      width: 20px;
      height: 20px;
      background-image: url('//cdn.shopify.com/s/files/1/0357/2432/9005/t/254/assets/icon-arrow-right.svg?v=34107841133203324271769750532');
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      vertical-align: middle;
      margin-left: 5px;
    }
  


    #top-bar{
      background: #f1eee9;
    }
    .promo-banner-announcement_bar_4Ch7VF{
      background: #f1eee9;
      color: #3f1e1f;
    }
    .promo-banner-announcement_bar_4Ch7VF *{
      color: #3f1e1f !important;
    }
  

 
    #top-bar, #top-bar-bg {
      height: 50px;
    }

    /* NAV BAR PANE */
    header #q { /* search panel */
      font-size: px;
    }

    ul#cart li a {
      font-size: px;
      font-weight: ;
    }

    select.currency-picker {
      font-size: px;
      font-weight: ;
    }

    nav {
       line-height: 40px;
    }

    
      .megamenu {
        width: 100%;
      }
    


    /* MOBILE MENU : Height Setup
        Notes :
          - announcement_height default is 60px, and can be set to min of 40px
          - actual navigation bar is 50px tall, and since scrolling hides promo, we have a "isStuck" condition which is 
              basically an indicator for the user is scrolled down the page. 
          - Why? Because we need users to be able to scroll the mobile menu, but not scroll backing content on page.
    */
    #nav-bar-wrapper #nav-menu-mobile {
        height: calc( 100vh - ( 50px + 50px ) );  /* Promo + Nav bar (50px) */
    }

    /* SCROLLING : Nav bar hides promo bar, so adjust menu height if the user opens menu scrolled down page */
    #nav-bar-wrapper.isStuck #nav-menu-mobile {
        height: calc( 100vh - 50px ); /* nav bar = 50px */
    }

    /* NEW MENU */
    .submenu a {
      color: #3c3737 !important;
    }

    .submenu-list {
      align-self: flex-start;
    }

    .submenu-list > .has_sub_menu >  a {
      display: inline-block;
    }
    
    /* .submenu > li {
      width: 130px;
    } */

    .submenu-list > .has_sub_menu > .nested {
      padding-top: 0;
    }

    .submenu-list > li > a ,
    .submenu-list .nested > li > a {
      display: inline-block;
      line-height: normal;
      padding-top: 8px;
      padding-bottom: 8px;
    }

    .submenu-list > li {
      line-height: 35px;
    }

    .has_sub_menu--shop-all {
      position: relative;
    }

    .has_sub_menu--shop-all .nested::before {
      display: none;
    }

    .submenu-shop-all-wrap {
      float: none !important;
      margin-left: 25px;
      margin-right: 25px;
      padding-top: 10px;
      line-height: normal;
    }

    @media screen and (min-width: 1024px) and (max-width: 1199px) {
      .submenu-shop-all-wrap {
        margin-left: 8px;
        margin-right: 8px;
      }
    }

    .submenu-shop-all-wrap a {
      font-size: 14px;
      display: inline-block;
    }

    .submenu-shop-all-wrap span {
      display: inline-block;
      vertical-align: middle;
    }

    .submenu-shop-all:hover {
      text-decoration: none;
    }

    .submenu-shop-all:hover span {
      text-decoration: underline;
    }

    .submenu.submenu--has-shop-all {
      padding-bottom: 65px !important;
    }

    /* OTHERS MENU */
    .submenu  .has_sub_menu.has_sub_menu--others > .nested {
      padding-top: 0;
    }

    .nested-item--others {
      margin-bottom: 21px;
    }

    .nested-item--others a,
    .submenu-shop-all-wrap a {
      line-height: normal;
      letter-spacing: .085rem;
      font-weight: 700;
      text-transform: uppercase;
    }

    @media screen and (min-width: 1024px) and (max-width: 1199px) {
      #nav-menu-desktop #nav-menu-desktop-list .nav-primary-link .submenu {
        padding-left: 8px !important;
        padding-right: 8px !important;
      }
      #nav-menu-desktop #nav-menu-desktop-list .nav-primary-link .submenu-list>li {
        margin-left: 8px !important;
        margin-right: 8px !important;
      }
    }
    
    .submenu-shop-all {
      display: flex;
      align-items: center;
      gap: 8px;
    }

    .submenu-shop-all::after {
      content: '';
      display: inline-block;
      width: 20px;
      height: 20px;
      background-image: url('//cdn.shopify.com/s/files/1/0357/2432/9005/t/254/assets/icon-arrow-right.svg?v=34107841133203324271769750532');
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      vertical-align: middle;
      margin-left: 5px;
    }
  

#shopify-section-cr_video_banner_apdrht{
    padding-top: 0px;
    padding-bottom: 22px;
  }
  @media only screen and (min-width: 768px){
    #shopify-section-cr_video_banner_apdrht{
      padding-top: 0px;
      padding-bottom: 30px;
    }
  }@media screen and (max-width: 767px) {
      #video-cr_video_banner_apdrht::before,
      #video-cr_video_banner_apdrht .media::before,
      #video-cr_video_banner_apdrht:not(.banner--mobile-bottom) .banner__content::before {
      
          padding-bottom: 152.34375%;
       
        content: '';
        display: block;
      }
    }

    @media screen and (min-width: 768px) {
      #video-cr_video_banner_apdrht::before,
      #video-cr_video_banner_apdrht .media::before {
        
          padding-bottom: 42.708333333333336%;
        
        content: '';
        display: block;
      }
    }#shopify-section-cr_video_banner_apdrht .banner__media::after {
      opacity: 0.0;
      background-color: #000000;
    }
     #shopify-section-cr_video_banner_apdrht .slideshow__text.banner__box {
      max-width: 500px;
    }
  
    

    #shopify-section-cr_video_banner_apdrht .banner--desktop-container .banner__box{
      background-color: rgba(60, 55, 55, 0.5);
    }
    
      
    @media only screen and (max-width: 767px){
      #shopify-section-cr_video_banner_apdrht .banner--mobile-container .banner__box {
        background-color: ;
      }
  
      
        #shopify-section-cr_video_banner_apdrht .banner__text p,
        #shopify-section-cr_video_banner_apdrht .banner__heading{
          color: #ffffff;
        }
        #shopify-section-cr_video_banner_apdrht .button--primary{
          background-color: #ffffff;
          color: #333333;
          border-color: #ffffff;
        }
        #shopify-section-cr_video_banner_apdrht .button--primary:hover{
          background-color: transparent;
          color: #ffffff;
        }
        #shopify-section-cr_video_banner_apdrht .button--secondary{
          background-color: transparent;
          color: #ffffff;
          border-color: #ffffff;
        }
        #shopify-section-cr_video_banner_apdrht .button--secondary:hover{
          background-color: #ffffff;
          color: #333333;
          border-color: #ffffff;
        }
      
    }

    #shopify-section-cr_video_banner_apdrht .banner__box{
      padding: 0px;
      margin: 0px 20px 60px 20px;
    }
    @media only screen and (min-width: 1024px){
      #shopify-section-cr_video_banner_apdrht .banner__box{
        padding: 0px;
        margin: 0px 0px 0px 0px;
      }
    }

#shopify-section-cr_image_banner_slides_hfPhqR{
    padding-top: 0px;
    padding-bottom: 22px;
  }
  @media only screen and (min-width: 768px){
    #shopify-section-cr_image_banner_slides_hfPhqR{
      padding-top: 0px;
      padding-bottom: 30px;
    }
  }@media screen and (max-width: 767px) {
      #Slider-cr_image_banner_slides_hfPhqR::before,
      #Slider-cr_image_banner_slides_hfPhqR .media::before,
      #Slider-cr_image_banner_slides_hfPhqR:not(.banner--mobile-bottom) .banner__content::before {
      
        padding-bottom: 152.54237288135593%;
      
        content: '';
        display: block;
      }
    }

    @media screen and (min-width: 768px) {
      #Slider-cr_image_banner_slides_hfPhqR::before,
      #Slider-cr_image_banner_slides_hfPhqR .media::before {
        padding-bottom: 42.708333333333336%;
        content: '';
        display: block;
      }
    }
    #Slide-cr_image_banner_slides_hfPhqR-1 .banner__media::after {
      opacity: 0.1;
      background-color: #000000;
    }
     #Slide-cr_image_banner_slides_hfPhqR-1 .slideshow__text.banner__box {
      max-width: 430px;
    }
  
    

    #Slide-cr_image_banner_slides_hfPhqR-1 .banner--desktop-container .banner__box{
      background-color: rgba(119, 119, 119, 0.5);
    }
    
    
      #Slide-cr_image_banner_slides_hfPhqR-1 .banner__text p,
      #Slide-cr_image_banner_slides_hfPhqR-1 .banner__heading{
        color: #ffffff;
      }
      #Slide-cr_image_banner_slides_hfPhqR-1 .button--primary{
        background-color: #ffffff;
        color: #333333;
        border-color: #ffffff;
      }
      #Slide-cr_image_banner_slides_hfPhqR-1 .button--primary:hover{
        background-color: transparent;
        color: #ffffff;
      }
      #Slide-cr_image_banner_slides_hfPhqR-1 .button--secondary{
        background-color: transparent;
        color: #ffffff;
        border-color: #ffffff;
      }
      #Slide-cr_image_banner_slides_hfPhqR-1 .button--secondary:hover{
        background-color: #ffffff;
        color: #333333;
        border-color: #ffffff;
      }
    

    @media only screen and (max-width: 767px){
      #Slide-cr_image_banner_slides_hfPhqR-1 .banner--mobile-container .banner__box {
        background-color: ;
      }

      
        #Slide-cr_image_banner_slides_hfPhqR-1 .banner__text p,
        #Slide-cr_image_banner_slides_hfPhqR-1 .banner__heading{
          color: #ffffff;
        }
        #Slide-cr_image_banner_slides_hfPhqR-1 .button--primary{
          background-color: #ffffff;
          color: #333333;
          border-color: #ffffff;
        }
        #Slide-cr_image_banner_slides_hfPhqR-1 .button--primary:hover {
          background-color: transparent;
          color: #ffffff; 
        }
        #Slide-cr_image_banner_slides_hfPhqR-1 .button--secondary{
          background-color: transparent;
          color: #ffffff;
          border-color: #ffffff;
        }
        #Slide-cr_image_banner_slides_hfPhqR-1 .button--secondary:hover{
          background-color: #ffffff;
          color: #333333;
          border-color: #ffffff;
        }
      
    }

    #Slide-cr_image_banner_slides_hfPhqR-1 .banner__box{
      padding: 0px;
      margin: 0px 20px 60px 20px;
    }
    @media only screen and (min-width: 1024px){
      #Slide-cr_image_banner_slides_hfPhqR-1 .banner__box{
        padding: 0px;
        margin: 0px 0px 0px 0px;
      }
    }
  


#shopify-section-cr_image_banner_slides_ipDXRR{
    padding-top: 0px;
    padding-bottom: 22px;
  }
  @media only screen and (min-width: 768px){
    #shopify-section-cr_image_banner_slides_ipDXRR{
      padding-top: 0px;
      padding-bottom: 30px;
    }
  }@media screen and (max-width: 767px) {
      #Slider-cr_image_banner_slides_ipDXRR::before,
      #Slider-cr_image_banner_slides_ipDXRR .media::before,
      #Slider-cr_image_banner_slides_ipDXRR:not(.banner--mobile-bottom) .banner__content::before {
      
        padding-bottom: 152.54237288135593%;
      
        content: '';
        display: block;
      }
    }

    @media screen and (min-width: 768px) {
      #Slider-cr_image_banner_slides_ipDXRR::before,
      #Slider-cr_image_banner_slides_ipDXRR .media::before {
        padding-bottom: 42.708333333333336%;
        content: '';
        display: block;
      }
    }
    #Slide-cr_image_banner_slides_ipDXRR-1 .banner__media::after {
      opacity: 0.17;
      background-color: #000000;
    }
     #Slide-cr_image_banner_slides_ipDXRR-1 .slideshow__text.banner__box {
      max-width: 400px;
    }
  
    

    #Slide-cr_image_banner_slides_ipDXRR-1 .banner--desktop-container .banner__box{
      background-color: rgba(119, 119, 119, 0.5);
    }
    
    
      #Slide-cr_image_banner_slides_ipDXRR-1 .banner__text p,
      #Slide-cr_image_banner_slides_ipDXRR-1 .banner__heading{
        color: #ffffff;
      }
      #Slide-cr_image_banner_slides_ipDXRR-1 .button--primary{
        background-color: #ffffff;
        color: #333333;
        border-color: #ffffff;
      }
      #Slide-cr_image_banner_slides_ipDXRR-1 .button--primary:hover{
        background-color: transparent;
        color: #ffffff;
      }
      #Slide-cr_image_banner_slides_ipDXRR-1 .button--secondary{
        background-color: transparent;
        color: #ffffff;
        border-color: #ffffff;
      }
      #Slide-cr_image_banner_slides_ipDXRR-1 .button--secondary:hover{
        background-color: #ffffff;
        color: #333333;
        border-color: #ffffff;
      }
    

    @media only screen and (max-width: 767px){
      #Slide-cr_image_banner_slides_ipDXRR-1 .banner--mobile-container .banner__box {
        background-color: ;
      }

      
        #Slide-cr_image_banner_slides_ipDXRR-1 .banner__text p,
        #Slide-cr_image_banner_slides_ipDXRR-1 .banner__heading{
          color: #ffffff;
        }
        #Slide-cr_image_banner_slides_ipDXRR-1 .button--primary{
          background-color: #ffffff;
          color: #333333;
          border-color: #ffffff;
        }
        #Slide-cr_image_banner_slides_ipDXRR-1 .button--primary:hover {
          background-color: transparent;
          color: #ffffff; 
        }
        #Slide-cr_image_banner_slides_ipDXRR-1 .button--secondary{
          background-color: transparent;
          color: #ffffff;
          border-color: #ffffff;
        }
        #Slide-cr_image_banner_slides_ipDXRR-1 .button--secondary:hover{
          background-color: #ffffff;
          color: #333333;
          border-color: #ffffff;
        }
      
    }

    #Slide-cr_image_banner_slides_ipDXRR-1 .banner__box{
      padding: 0px;
      margin: 0px 20px 60px 20px;
    }
    @media only screen and (min-width: 1024px){
      #Slide-cr_image_banner_slides_ipDXRR-1 .banner__box{
        padding: 0px;
        margin: 0px 0px 0px 0px;
      }
    }
  


#shopify-section-cr_image_banner_slides_DG8nWm{
    padding-top: 0px;
    padding-bottom: 22px;
  }
  @media only screen and (min-width: 768px){
    #shopify-section-cr_image_banner_slides_DG8nWm{
      padding-top: 0px;
      padding-bottom: 30px;
    }
  }@media screen and (max-width: 767px) {
      #Slider-cr_image_banner_slides_DG8nWm::before,
      #Slider-cr_image_banner_slides_DG8nWm .media::before,
      #Slider-cr_image_banner_slides_DG8nWm:not(.banner--mobile-bottom) .banner__content::before {
      
        padding-bottom: 152.54237288135593%;
      
        content: '';
        display: block;
      }
    }

    @media screen and (min-width: 768px) {
      #Slider-cr_image_banner_slides_DG8nWm::before,
      #Slider-cr_image_banner_slides_DG8nWm .media::before {
        padding-bottom: 42.708333333333336%;
        content: '';
        display: block;
      }
    }
    #Slide-cr_image_banner_slides_DG8nWm-1 .banner__media::after {
      opacity: 0.1;
      background-color: #000000;
    }
     #Slide-cr_image_banner_slides_DG8nWm-1 .slideshow__text.banner__box {
      max-width: 450px;
    }
  
    

    #Slide-cr_image_banner_slides_DG8nWm-1 .banner--desktop-container .banner__box{
      background-color: ;
    }
    
    
      #Slide-cr_image_banner_slides_DG8nWm-1 .banner__text p,
      #Slide-cr_image_banner_slides_DG8nWm-1 .banner__heading{
        color: #ffffff;
      }
      #Slide-cr_image_banner_slides_DG8nWm-1 .button--primary{
        background-color: #ffffff;
        color: #333333;
        border-color: #ffffff;
      }
      #Slide-cr_image_banner_slides_DG8nWm-1 .button--primary:hover{
        background-color: transparent;
        color: #ffffff;
      }
      #Slide-cr_image_banner_slides_DG8nWm-1 .button--secondary{
        background-color: transparent;
        color: #ffffff;
        border-color: #ffffff;
      }
      #Slide-cr_image_banner_slides_DG8nWm-1 .button--secondary:hover{
        background-color: #ffffff;
        color: #333333;
        border-color: #ffffff;
      }
    

    @media only screen and (max-width: 767px){
      #Slide-cr_image_banner_slides_DG8nWm-1 .banner--mobile-container .banner__box {
        background-color: ;
      }

      
        #Slide-cr_image_banner_slides_DG8nWm-1 .banner__text p,
        #Slide-cr_image_banner_slides_DG8nWm-1 .banner__heading{
          color: #ffffff;
        }
        #Slide-cr_image_banner_slides_DG8nWm-1 .button--primary{
          background-color: #ffffff;
          color: #333333;
          border-color: #ffffff;
        }
        #Slide-cr_image_banner_slides_DG8nWm-1 .button--primary:hover {
          background-color: transparent;
          color: #ffffff; 
        }
        #Slide-cr_image_banner_slides_DG8nWm-1 .button--secondary{
          background-color: transparent;
          color: #ffffff;
          border-color: #ffffff;
        }
        #Slide-cr_image_banner_slides_DG8nWm-1 .button--secondary:hover{
          background-color: #ffffff;
          color: #333333;
          border-color: #ffffff;
        }
      
    }

    #Slide-cr_image_banner_slides_DG8nWm-1 .banner__box{
      padding: 0px;
      margin: 0px 15px 60px 15px;
    }
    @media only screen and (min-width: 1024px){
      #Slide-cr_image_banner_slides_DG8nWm-1 .banner__box{
        padding: 0px;
        margin: 0px 0px 0px 0px;
      }
    }
  


#shopify-section-cr_image_banner_slides_NgxTQP{
    padding-top: 0px;
    padding-bottom: 22px;
  }
  @media only screen and (min-width: 768px){
    #shopify-section-cr_image_banner_slides_NgxTQP{
      padding-top: 0px;
      padding-bottom: 30px;
    }
  }@media screen and (max-width: 767px) {
      #Slider-cr_image_banner_slides_NgxTQP::before,
      #Slider-cr_image_banner_slides_NgxTQP .media::before,
      #Slider-cr_image_banner_slides_NgxTQP:not(.banner--mobile-bottom) .banner__content::before {
      
        padding-bottom: 152.74151436031332%;
      
        content: '';
        display: block;
      }
    }

    @media screen and (min-width: 768px) {
      #Slider-cr_image_banner_slides_NgxTQP::before,
      #Slider-cr_image_banner_slides_NgxTQP .media::before {
        padding-bottom: 42.708333333333336%;
        content: '';
        display: block;
      }
    }
    #Slide-cr_image_banner_slides_NgxTQP-1 .banner__media::after {
      opacity: 0.17;
      background-color: #000000;
    }
     #Slide-cr_image_banner_slides_NgxTQP-1 .slideshow__text.banner__box {
      max-width: 550px;
    }
  
    

    #Slide-cr_image_banner_slides_NgxTQP-1 .banner--desktop-container .banner__box{
      background-color: rgba(119, 119, 119, 0.5);
    }
    
    
      #Slide-cr_image_banner_slides_NgxTQP-1 .banner__text p,
      #Slide-cr_image_banner_slides_NgxTQP-1 .banner__heading{
        color: #ffffff;
      }
      #Slide-cr_image_banner_slides_NgxTQP-1 .button--primary{
        background-color: #ffffff;
        color: #333333;
        border-color: #ffffff;
      }
      #Slide-cr_image_banner_slides_NgxTQP-1 .button--primary:hover{
        background-color: transparent;
        color: #ffffff;
      }
      #Slide-cr_image_banner_slides_NgxTQP-1 .button--secondary{
        background-color: transparent;
        color: #ffffff;
        border-color: #ffffff;
      }
      #Slide-cr_image_banner_slides_NgxTQP-1 .button--secondary:hover{
        background-color: #ffffff;
        color: #333333;
        border-color: #ffffff;
      }
    

    @media only screen and (max-width: 767px){
      #Slide-cr_image_banner_slides_NgxTQP-1 .banner--mobile-container .banner__box {
        background-color: ;
      }

      
        #Slide-cr_image_banner_slides_NgxTQP-1 .banner__text p,
        #Slide-cr_image_banner_slides_NgxTQP-1 .banner__heading{
          color: #ffffff;
        }
        #Slide-cr_image_banner_slides_NgxTQP-1 .button--primary{
          background-color: #ffffff;
          color: #333333;
          border-color: #ffffff;
        }
        #Slide-cr_image_banner_slides_NgxTQP-1 .button--primary:hover {
          background-color: transparent;
          color: #ffffff; 
        }
        #Slide-cr_image_banner_slides_NgxTQP-1 .button--secondary{
          background-color: transparent;
          color: #ffffff;
          border-color: #ffffff;
        }
        #Slide-cr_image_banner_slides_NgxTQP-1 .button--secondary:hover{
          background-color: #ffffff;
          color: #333333;
          border-color: #ffffff;
        }
      
    }

    #Slide-cr_image_banner_slides_NgxTQP-1 .banner__box{
      padding: 0px;
      margin: 0px 20px 60px 20px;
    }
    @media only screen and (min-width: 1024px){
      #Slide-cr_image_banner_slides_NgxTQP-1 .banner__box{
        padding: 0px;
        margin: 0px 0px 0px 0px;
      }
    }
  


 #shopify-section-1587028739445 .stetson-stories {padding: 0px;} 


      html body > .acsb-skip-link,
      html body > .acsb-skip-links,
      html body > .acsb-skip-links.acsb-ready { display: none !important; }
    


    #top-bar{
      background: #f1eee9;
    }
    .promo-banner-announcement_bar_4Ch7VF{
      background: #f1eee9;
      color: #3f1e1f;
    }
    .promo-banner-announcement_bar_4Ch7VF *{
      color: #3f1e1f !important;
    }
  

 
    #top-bar, #top-bar-bg {
      height: 50px;
    }

    /* NAV BAR PANE */
    header #q { /* search panel */
      font-size: px;
    }

    ul#cart li a {
      font-size: px;
      font-weight: ;
    }

    select.currency-picker {
      font-size: px;
      font-weight: ;
    }

    nav {
       line-height: 40px;
    }

    
      .megamenu {
        width: 100%;
      }
    


    /* MOBILE MENU : Height Setup
        Notes :
          - announcement_height default is 60px, and can be set to min of 40px
          - actual navigation bar is 50px tall, and since scrolling hides promo, we have a "isStuck" condition which is 
              basically an indicator for the user is scrolled down the page. 
          - Why? Because we need users to be able to scroll the mobile menu, but not scroll backing content on page.
    */
    #nav-bar-wrapper #nav-menu-mobile {
        height: calc( 100vh - ( 50px + 50px ) );  /* Promo + Nav bar (50px) */
    }

    /* SCROLLING : Nav bar hides promo bar, so adjust menu height if the user opens menu scrolled down page */
    #nav-bar-wrapper.isStuck #nav-menu-mobile {
        height: calc( 100vh - 50px ); /* nav bar = 50px */
    }

    /* NEW MENU */
    .submenu a {
      color: #3c3737 !important;
    }

    .submenu-list {
      align-self: flex-start;
    }

    .submenu-list > .has_sub_menu >  a {
      display: inline-block;
    }
    
    /* .submenu > li {
      width: 130px;
    } */

    .submenu-list > .has_sub_menu > .nested {
      padding-top: 0;
    }

    .submenu-list > li > a ,
    .submenu-list .nested > li > a {
      display: inline-block;
      line-height: normal;
      padding-top: 8px;
      padding-bottom: 8px;
    }

    .submenu-list > li {
      line-height: 35px;
    }

    .has_sub_menu--shop-all {
      position: relative;
    }

    .has_sub_menu--shop-all .nested::before {
      display: none;
    }

    .submenu-shop-all-wrap {
      float: none !important;
      margin-left: 25px;
      margin-right: 25px;
      padding-top: 10px;
      line-height: normal;
    }

    @media screen and (min-width: 1024px) and (max-width: 1199px) {
      .submenu-shop-all-wrap {
        margin-left: 8px;
        margin-right: 8px;
      }
    }

    .submenu-shop-all-wrap a {
      font-size: 14px;
      display: inline-block;
    }

    .submenu-shop-all-wrap span {
      display: inline-block;
      vertical-align: middle;
    }

    .submenu-shop-all:hover {
      text-decoration: none;
    }

    .submenu-shop-all:hover span {
      text-decoration: underline;
    }

    .submenu.submenu--has-shop-all {
      padding-bottom: 65px !important;
    }

    /* OTHERS MENU */
    .submenu  .has_sub_menu.has_sub_menu--others > .nested {
      padding-top: 0;
    }

    .nested-item--others {
      margin-bottom: 21px;
    }

    .nested-item--others a,
    .submenu-shop-all-wrap a {
      line-height: normal;
      letter-spacing: .085rem;
      font-weight: 700;
      text-transform: uppercase;
    }

    @media screen and (min-width: 1024px) and (max-width: 1199px) {
      #nav-menu-desktop #nav-menu-desktop-list .nav-primary-link .submenu {
        padding-left: 8px !important;
        padding-right: 8px !important;
      }
      #nav-menu-desktop #nav-menu-desktop-list .nav-primary-link .submenu-list>li {
        margin-left: 8px !important;
        margin-right: 8px !important;
      }
    }
    
    .submenu-shop-all {
      display: flex;
      align-items: center;
      gap: 8px;
    }

    .submenu-shop-all::after {
      content: '';
      display: inline-block;
      width: 20px;
      height: 20px;
      background-image: url('//cdn.shopify.com/s/files/1/0357/2432/9005/t/254/assets/icon-arrow-right.svg?v=34107841133203324271769750532');
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      vertical-align: middle;
      margin-left: 5px;
    }
  


  .collection-with-filters .product-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 30px;
    list-style: none;
    padding: 0 1rem;
    margin: 0;
    margin-bottom: 50px;
  }
  .collection-with-filters .grid__item { display: block; }
  .collection-with-filters .product-grid li { list-style: none; }
  .collection-with-filters .product-grid li::marker { content: none; }
  .collection-with-filters .product-image { width: 100%; height: auto; }
  .collection-with-filters .box-ratio { position: relative; overflow: hidden; height: 0; }
  .collection-with-filters .box-ratio img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
  .collection-with-filters .product-colors { min-height: 16px; }
  .collection-with-filters .cf-product-meta { position: relative; }
  .collection-with-filters .cf-product-meta-top { padding-right: 70px; }
  @media screen and (max-width: 1199px) {
    .collection-with-filters .product-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media screen and (max-width: 768px) {
    .collection-with-filters .product-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 15px;
    }
  }



  .collection-bottom-copy.rte {
    margin-bottom: 60px;
}
.collection-bottom-copy.rte h2{
    margin-top: 20px;
}
  .collection-bottom-copy.rte p{
    margin-bottom: 10px;
}



      html body > .acsb-skip-link,
      html body > .acsb-skip-links,
      html body > .acsb-skip-links.acsb-ready { display: none !important; }
    


    #top-bar{
      background: #f1eee9;
    }
    .promo-banner-announcement_bar_4Ch7VF{
      background: #f1eee9;
      color: #3f1e1f;
    }
    .promo-banner-announcement_bar_4Ch7VF *{
      color: #3f1e1f !important;
    }
  

 
    #top-bar, #top-bar-bg {
      height: 50px;
    }

    /* NAV BAR PANE */
    header #q { /* search panel */
      font-size: px;
    }

    ul#cart li a {
      font-size: px;
      font-weight: ;
    }

    select.currency-picker {
      font-size: px;
      font-weight: ;
    }

    nav {
       line-height: 40px;
    }

    
      .megamenu {
        width: 100%;
      }
    


    /* MOBILE MENU : Height Setup
        Notes :
          - announcement_height default is 60px, and can be set to min of 40px
          - actual navigation bar is 50px tall, and since scrolling hides promo, we have a "isStuck" condition which is 
              basically an indicator for the user is scrolled down the page. 
          - Why? Because we need users to be able to scroll the mobile menu, but not scroll backing content on page.
    */
    #nav-bar-wrapper #nav-menu-mobile {
        height: calc( 100vh - ( 50px + 50px ) );  /* Promo + Nav bar (50px) */
    }

    /* SCROLLING : Nav bar hides promo bar, so adjust menu height if the user opens menu scrolled down page */
    #nav-bar-wrapper.isStuck #nav-menu-mobile {
        height: calc( 100vh - 50px ); /* nav bar = 50px */
    }

    /* NEW MENU */
    .submenu a {
      color: #3c3737 !important;
    }

    .submenu-list {
      align-self: flex-start;
    }

    .submenu-list > .has_sub_menu >  a {
      display: inline-block;
    }
    
    /* .submenu > li {
      width: 130px;
    } */

    .submenu-list > .has_sub_menu > .nested {
      padding-top: 0;
    }

    .submenu-list > li > a ,
    .submenu-list .nested > li > a {
      display: inline-block;
      line-height: normal;
      padding-top: 8px;
      padding-bottom: 8px;
    }

    .submenu-list > li {
      line-height: 35px;
    }

    .has_sub_menu--shop-all {
      position: relative;
    }

    .has_sub_menu--shop-all .nested::before {
      display: none;
    }

    .submenu-shop-all-wrap {
      float: none !important;
      margin-left: 25px;
      margin-right: 25px;
      padding-top: 10px;
      line-height: normal;
    }

    @media screen and (min-width: 1024px) and (max-width: 1199px) {
      .submenu-shop-all-wrap {
        margin-left: 8px;
        margin-right: 8px;
      }
    }

    .submenu-shop-all-wrap a {
      font-size: 14px;
      display: inline-block;
    }

    .submenu-shop-all-wrap span {
      display: inline-block;
      vertical-align: middle;
    }

    .submenu-shop-all:hover {
      text-decoration: none;
    }

    .submenu-shop-all:hover span {
      text-decoration: underline;
    }

    .submenu.submenu--has-shop-all {
      padding-bottom: 65px !important;
    }

    /* OTHERS MENU */
    .submenu  .has_sub_menu.has_sub_menu--others > .nested {
      padding-top: 0;
    }

    .nested-item--others {
      margin-bottom: 21px;
    }

    .nested-item--others a,
    .submenu-shop-all-wrap a {
      line-height: normal;
      letter-spacing: .085rem;
      font-weight: 700;
      text-transform: uppercase;
    }

    @media screen and (min-width: 1024px) and (max-width: 1199px) {
      #nav-menu-desktop #nav-menu-desktop-list .nav-primary-link .submenu {
        padding-left: 8px !important;
        padding-right: 8px !important;
      }
      #nav-menu-desktop #nav-menu-desktop-list .nav-primary-link .submenu-list>li {
        margin-left: 8px !important;
        margin-right: 8px !important;
      }
    }
    
    .submenu-shop-all {
      display: flex;
      align-items: center;
      gap: 8px;
    }

    .submenu-shop-all::after {
      content: '';
      display: inline-block;
      width: 20px;
      height: 20px;
      background-image: url('//cdn.shopify.com/s/files/1/0357/2432/9005/t/254/assets/icon-arrow-right.svg?v=34107841133203324271769750532');
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      vertical-align: middle;
      margin-left: 5px;
    }
  


    #top-bar{
      background: #f1eee9;
    }
    .promo-banner-announcement_bar_4Ch7VF{
      background: #f1eee9;
      color: #3f1e1f;
    }
    .promo-banner-announcement_bar_4Ch7VF *{
      color: #3f1e1f !important;
    }
  

 
    #top-bar, #top-bar-bg {
      height: 50px;
    }

    /* NAV BAR PANE */
    header #q { /* search panel */
      font-size: px;
    }

    ul#cart li a {
      font-size: px;
      font-weight: ;
    }

    select.currency-picker {
      font-size: px;
      font-weight: ;
    }

    nav {
       line-height: 40px;
    }

    
      .megamenu {
        width: 100%;
      }
    


    /* MOBILE MENU : Height Setup
        Notes :
          - announcement_height default is 60px, and can be set to min of 40px
          - actual navigation bar is 50px tall, and since scrolling hides promo, we have a "isStuck" condition which is 
              basically an indicator for the user is scrolled down the page. 
          - Why? Because we need users to be able to scroll the mobile menu, but not scroll backing content on page.
    */
    #nav-bar-wrapper #nav-menu-mobile {
        height: calc( 100vh - ( 50px + 50px ) );  /* Promo + Nav bar (50px) */
    }

    /* SCROLLING : Nav bar hides promo bar, so adjust menu height if the user opens menu scrolled down page */
    #nav-bar-wrapper.isStuck #nav-menu-mobile {
        height: calc( 100vh - 50px ); /* nav bar = 50px */
    }

    /* NEW MENU */
    .submenu a {
      color: #3c3737 !important;
    }

    .submenu-list {
      align-self: flex-start;
    }

    .submenu-list > .has_sub_menu >  a {
      display: inline-block;
    }
    
    /* .submenu > li {
      width: 130px;
    } */

    .submenu-list > .has_sub_menu > .nested {
      padding-top: 0;
    }

    .submenu-list > li > a ,
    .submenu-list .nested > li > a {
      display: inline-block;
      line-height: normal;
      padding-top: 8px;
      padding-bottom: 8px;
    }

    .submenu-list > li {
      line-height: 35px;
    }

    .has_sub_menu--shop-all {
      position: relative;
    }

    .has_sub_menu--shop-all .nested::before {
      display: none;
    }

    .submenu-shop-all-wrap {
      float: none !important;
      margin-left: 25px;
      margin-right: 25px;
      padding-top: 10px;
      line-height: normal;
    }

    @media screen and (min-width: 1024px) and (max-width: 1199px) {
      .submenu-shop-all-wrap {
        margin-left: 8px;
        margin-right: 8px;
      }
    }

    .submenu-shop-all-wrap a {
      font-size: 14px;
      display: inline-block;
    }

    .submenu-shop-all-wrap span {
      display: inline-block;
      vertical-align: middle;
    }

    .submenu-shop-all:hover {
      text-decoration: none;
    }

    .submenu-shop-all:hover span {
      text-decoration: underline;
    }

    .submenu.submenu--has-shop-all {
      padding-bottom: 65px !important;
    }

    /* OTHERS MENU */
    .submenu  .has_sub_menu.has_sub_menu--others > .nested {
      padding-top: 0;
    }

    .nested-item--others {
      margin-bottom: 21px;
    }

    .nested-item--others a,
    .submenu-shop-all-wrap a {
      line-height: normal;
      letter-spacing: .085rem;
      font-weight: 700;
      text-transform: uppercase;
    }

    @media screen and (min-width: 1024px) and (max-width: 1199px) {
      #nav-menu-desktop #nav-menu-desktop-list .nav-primary-link .submenu {
        padding-left: 8px !important;
        padding-right: 8px !important;
      }
      #nav-menu-desktop #nav-menu-desktop-list .nav-primary-link .submenu-list>li {
        margin-left: 8px !important;
        margin-right: 8px !important;
      }
    }
    
    .submenu-shop-all {
      display: flex;
      align-items: center;
      gap: 8px;
    }

    .submenu-shop-all::after {
      content: '';
      display: inline-block;
      width: 20px;
      height: 20px;
      background-image: url('//cdn.shopify.com/s/files/1/0357/2432/9005/t/254/assets/icon-arrow-right.svg?v=34107841133203324271769750532');
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      vertical-align: middle;
      margin-left: 5px;
    }
  


  .collection-with-filters .product-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 30px;
    list-style: none;
    padding: 0 1rem;
    margin: 0;
    margin-bottom: 50px;
  }
  .collection-with-filters .grid__item { display: block; }
  .collection-with-filters .product-grid li { list-style: none; }
  .collection-with-filters .product-grid li::marker { content: none; }
  .collection-with-filters .product-image { width: 100%; height: auto; }
  .collection-with-filters .box-ratio { position: relative; overflow: hidden; height: 0; }
  .collection-with-filters .box-ratio img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
  .collection-with-filters .product-colors { min-height: 16px; }
  .collection-with-filters .cf-product-meta { position: relative; }
  .collection-with-filters .cf-product-meta-top { padding-right: 70px; }
  @media screen and (max-width: 1199px) {
    .collection-with-filters .product-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media screen and (max-width: 768px) {
    .collection-with-filters .product-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 15px;
    }
  }



  .collection-bottom-copy.rte {
    margin-bottom: 60px;
}
.collection-bottom-copy.rte h2{
    margin-top: 20px;
}
  .collection-bottom-copy.rte p{
    margin-bottom: 10px;
}



      html body > .acsb-skip-link,
      html body > .acsb-skip-links,
      html body > .acsb-skip-links.acsb-ready { display: none !important; }
    


    #top-bar{
      background: #f1eee9;
    }
    .promo-banner-announcement_bar_4Ch7VF{
      background: #f1eee9;
      color: #3f1e1f;
    }
    .promo-banner-announcement_bar_4Ch7VF *{
      color: #3f1e1f !important;
    }
  

 
    #top-bar, #top-bar-bg {
      height: 50px;
    }

    /* NAV BAR PANE */
    header #q { /* search panel */
      font-size: px;
    }

    ul#cart li a {
      font-size: px;
      font-weight: ;
    }

    select.currency-picker {
      font-size: px;
      font-weight: ;
    }

    nav {
       line-height: 40px;
    }

    
      .megamenu {
        width: 100%;
      }
    


    /* MOBILE MENU : Height Setup
        Notes :
          - announcement_height default is 60px, and can be set to min of 40px
          - actual navigation bar is 50px tall, and since scrolling hides promo, we have a "isStuck" condition which is 
              basically an indicator for the user is scrolled down the page. 
          - Why? Because we need users to be able to scroll the mobile menu, but not scroll backing content on page.
    */
    #nav-bar-wrapper #nav-menu-mobile {
        height: calc( 100vh - ( 50px + 50px ) );  /* Promo + Nav bar (50px) */
    }

    /* SCROLLING : Nav bar hides promo bar, so adjust menu height if the user opens menu scrolled down page */
    #nav-bar-wrapper.isStuck #nav-menu-mobile {
        height: calc( 100vh - 50px ); /* nav bar = 50px */
    }

    /* NEW MENU */
    .submenu a {
      color: #3c3737 !important;
    }

    .submenu-list {
      align-self: flex-start;
    }

    .submenu-list > .has_sub_menu >  a {
      display: inline-block;
    }
    
    /* .submenu > li {
      width: 130px;
    } */

    .submenu-list > .has_sub_menu > .nested {
      padding-top: 0;
    }

    .submenu-list > li > a ,
    .submenu-list .nested > li > a {
      display: inline-block;
      line-height: normal;
      padding-top: 8px;
      padding-bottom: 8px;
    }

    .submenu-list > li {
      line-height: 35px;
    }

    .has_sub_menu--shop-all {
      position: relative;
    }

    .has_sub_menu--shop-all .nested::before {
      display: none;
    }

    .submenu-shop-all-wrap {
      float: none !important;
      margin-left: 25px;
      margin-right: 25px;
      padding-top: 10px;
      line-height: normal;
    }

    @media screen and (min-width: 1024px) and (max-width: 1199px) {
      .submenu-shop-all-wrap {
        margin-left: 8px;
        margin-right: 8px;
      }
    }

    .submenu-shop-all-wrap a {
      font-size: 14px;
      display: inline-block;
    }

    .submenu-shop-all-wrap span {
      display: inline-block;
      vertical-align: middle;
    }

    .submenu-shop-all:hover {
      text-decoration: none;
    }

    .submenu-shop-all:hover span {
      text-decoration: underline;
    }

    .submenu.submenu--has-shop-all {
      padding-bottom: 65px !important;
    }

    /* OTHERS MENU */
    .submenu  .has_sub_menu.has_sub_menu--others > .nested {
      padding-top: 0;
    }

    .nested-item--others {
      margin-bottom: 21px;
    }

    .nested-item--others a,
    .submenu-shop-all-wrap a {
      line-height: normal;
      letter-spacing: .085rem;
      font-weight: 700;
      text-transform: uppercase;
    }

    @media screen and (min-width: 1024px) and (max-width: 1199px) {
      #nav-menu-desktop #nav-menu-desktop-list .nav-primary-link .submenu {
        padding-left: 8px !important;
        padding-right: 8px !important;
      }
      #nav-menu-desktop #nav-menu-desktop-list .nav-primary-link .submenu-list>li {
        margin-left: 8px !important;
        margin-right: 8px !important;
      }
    }
    
    .submenu-shop-all {
      display: flex;
      align-items: center;
      gap: 8px;
    }

    .submenu-shop-all::after {
      content: '';
      display: inline-block;
      width: 20px;
      height: 20px;
      background-image: url('//cdn.shopify.com/s/files/1/0357/2432/9005/t/254/assets/icon-arrow-right.svg?v=34107841133203324271769750532');
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      vertical-align: middle;
      margin-left: 5px;
    }
  


  .collection-with-filters .product-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 30px;
    list-style: none;
    padding: 0 1rem;
    margin: 0;
    margin-bottom: 50px;
  }
  .collection-with-filters .grid__item { display: block; }
  .collection-with-filters .product-grid li { list-style: none; }
  .collection-with-filters .product-grid li::marker { content: none; }
  .collection-with-filters .product-image { width: 100%; height: auto; }
  .collection-with-filters .box-ratio { position: relative; overflow: hidden; height: 0; }
  .collection-with-filters .box-ratio img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
  .collection-with-filters .product-colors { min-height: 16px; }
  .collection-with-filters .cf-product-meta { position: relative; }
  .collection-with-filters .cf-product-meta-top { padding-right: 70px; }
  @media screen and (max-width: 1199px) {
    .collection-with-filters .product-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media screen and (max-width: 768px) {
    .collection-with-filters .product-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 15px;
    }
  }



      html body > .acsb-skip-link,
      html body > .acsb-skip-links,
      html body > .acsb-skip-links.acsb-ready { display: none !important; }
    


    #top-bar{
      background: #f1eee9;
    }
    .promo-banner-announcement_bar_4Ch7VF{
      background: #f1eee9;
      color: #3f1e1f;
    }
    .promo-banner-announcement_bar_4Ch7VF *{
      color: #3f1e1f !important;
    }
  

 
    #top-bar, #top-bar-bg {
      height: 50px;
    }

    /* NAV BAR PANE */
    header #q { /* search panel */
      font-size: px;
    }

    ul#cart li a {
      font-size: px;
      font-weight: ;
    }

    select.currency-picker {
      font-size: px;
      font-weight: ;
    }

    nav {
       line-height: 40px;
    }

    
      .megamenu {
        width: 100%;
      }
    


    /* MOBILE MENU : Height Setup
        Notes :
          - announcement_height default is 60px, and can be set to min of 40px
          - actual navigation bar is 50px tall, and since scrolling hides promo, we have a "isStuck" condition which is 
              basically an indicator for the user is scrolled down the page. 
          - Why? Because we need users to be able to scroll the mobile menu, but not scroll backing content on page.
    */
    #nav-bar-wrapper #nav-menu-mobile {
        height: calc( 100vh - ( 50px + 50px ) );  /* Promo + Nav bar (50px) */
    }

    /* SCROLLING : Nav bar hides promo bar, so adjust menu height if the user opens menu scrolled down page */
    #nav-bar-wrapper.isStuck #nav-menu-mobile {
        height: calc( 100vh - 50px ); /* nav bar = 50px */
    }

    /* NEW MENU */
    .submenu a {
      color: #3c3737 !important;
    }

    .submenu-list {
      align-self: flex-start;
    }

    .submenu-list > .has_sub_menu >  a {
      display: inline-block;
    }
    
    /* .submenu > li {
      width: 130px;
    } */

    .submenu-list > .has_sub_menu > .nested {
      padding-top: 0;
    }

    .submenu-list > li > a ,
    .submenu-list .nested > li > a {
      display: inline-block;
      line-height: normal;
      padding-top: 8px;
      padding-bottom: 8px;
    }

    .submenu-list > li {
      line-height: 35px;
    }

    .has_sub_menu--shop-all {
      position: relative;
    }

    .has_sub_menu--shop-all .nested::before {
      display: none;
    }

    .submenu-shop-all-wrap {
      float: none !important;
      margin-left: 25px;
      margin-right: 25px;
      padding-top: 10px;
      line-height: normal;
    }

    @media screen and (min-width: 1024px) and (max-width: 1199px) {
      .submenu-shop-all-wrap {
        margin-left: 8px;
        margin-right: 8px;
      }
    }

    .submenu-shop-all-wrap a {
      font-size: 14px;
      display: inline-block;
    }

    .submenu-shop-all-wrap span {
      display: inline-block;
      vertical-align: middle;
    }

    .submenu-shop-all:hover {
      text-decoration: none;
    }

    .submenu-shop-all:hover span {
      text-decoration: underline;
    }

    .submenu.submenu--has-shop-all {
      padding-bottom: 65px !important;
    }

    /* OTHERS MENU */
    .submenu  .has_sub_menu.has_sub_menu--others > .nested {
      padding-top: 0;
    }

    .nested-item--others {
      margin-bottom: 21px;
    }

    .nested-item--others a,
    .submenu-shop-all-wrap a {
      line-height: normal;
      letter-spacing: .085rem;
      font-weight: 700;
      text-transform: uppercase;
    }

    @media screen and (min-width: 1024px) and (max-width: 1199px) {
      #nav-menu-desktop #nav-menu-desktop-list .nav-primary-link .submenu {
        padding-left: 8px !important;
        padding-right: 8px !important;
      }
      #nav-menu-desktop #nav-menu-desktop-list .nav-primary-link .submenu-list>li {
        margin-left: 8px !important;
        margin-right: 8px !important;
      }
    }
    
    .submenu-shop-all {
      display: flex;
      align-items: center;
      gap: 8px;
    }

    .submenu-shop-all::after {
      content: '';
      display: inline-block;
      width: 20px;
      height: 20px;
      background-image: url('//cdn.shopify.com/s/files/1/0357/2432/9005/t/254/assets/icon-arrow-right.svg?v=34107841133203324271769750532');
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      vertical-align: middle;
      margin-left: 5px;
    }
  


    #top-bar{
      background: #f1eee9;
    }
    .promo-banner-announcement_bar_4Ch7VF{
      background: #f1eee9;
      color: #3f1e1f;
    }
    .promo-banner-announcement_bar_4Ch7VF *{
      color: #3f1e1f !important;
    }
  

 
    #top-bar, #top-bar-bg {
      height: 50px;
    }

    /* NAV BAR PANE */
    header #q { /* search panel */
      font-size: px;
    }

    ul#cart li a {
      font-size: px;
      font-weight: ;
    }

    select.currency-picker {
      font-size: px;
      font-weight: ;
    }

    nav {
       line-height: 40px;
    }

    
      .megamenu {
        width: 100%;
      }
    


    /* MOBILE MENU : Height Setup
        Notes :
          - announcement_height default is 60px, and can be set to min of 40px
          - actual navigation bar is 50px tall, and since scrolling hides promo, we have a "isStuck" condition which is 
              basically an indicator for the user is scrolled down the page. 
          - Why? Because we need users to be able to scroll the mobile menu, but not scroll backing content on page.
    */
    #nav-bar-wrapper #nav-menu-mobile {
        height: calc( 100vh - ( 50px + 50px ) );  /* Promo + Nav bar (50px) */
    }

    /* SCROLLING : Nav bar hides promo bar, so adjust menu height if the user opens menu scrolled down page */
    #nav-bar-wrapper.isStuck #nav-menu-mobile {
        height: calc( 100vh - 50px ); /* nav bar = 50px */
    }

    /* NEW MENU */
    .submenu a {
      color: #3c3737 !important;
    }

    .submenu-list {
      align-self: flex-start;
    }

    .submenu-list > .has_sub_menu >  a {
      display: inline-block;
    }
    
    /* .submenu > li {
      width: 130px;
    } */

    .submenu-list > .has_sub_menu > .nested {
      padding-top: 0;
    }

    .submenu-list > li > a ,
    .submenu-list .nested > li > a {
      display: inline-block;
      line-height: normal;
      padding-top: 8px;
      padding-bottom: 8px;
    }

    .submenu-list > li {
      line-height: 35px;
    }

    .has_sub_menu--shop-all {
      position: relative;
    }

    .has_sub_menu--shop-all .nested::before {
      display: none;
    }

    .submenu-shop-all-wrap {
      float: none !important;
      margin-left: 25px;
      margin-right: 25px;
      padding-top: 10px;
      line-height: normal;
    }

    @media screen and (min-width: 1024px) and (max-width: 1199px) {
      .submenu-shop-all-wrap {
        margin-left: 8px;
        margin-right: 8px;
      }
    }

    .submenu-shop-all-wrap a {
      font-size: 14px;
      display: inline-block;
    }

    .submenu-shop-all-wrap span {
      display: inline-block;
      vertical-align: middle;
    }

    .submenu-shop-all:hover {
      text-decoration: none;
    }

    .submenu-shop-all:hover span {
      text-decoration: underline;
    }

    .submenu.submenu--has-shop-all {
      padding-bottom: 65px !important;
    }

    /* OTHERS MENU */
    .submenu  .has_sub_menu.has_sub_menu--others > .nested {
      padding-top: 0;
    }

    .nested-item--others {
      margin-bottom: 21px;
    }

    .nested-item--others a,
    .submenu-shop-all-wrap a {
      line-height: normal;
      letter-spacing: .085rem;
      font-weight: 700;
      text-transform: uppercase;
    }

    @media screen and (min-width: 1024px) and (max-width: 1199px) {
      #nav-menu-desktop #nav-menu-desktop-list .nav-primary-link .submenu {
        padding-left: 8px !important;
        padding-right: 8px !important;
      }
      #nav-menu-desktop #nav-menu-desktop-list .nav-primary-link .submenu-list>li {
        margin-left: 8px !important;
        margin-right: 8px !important;
      }
    }
    
    .submenu-shop-all {
      display: flex;
      align-items: center;
      gap: 8px;
    }

    .submenu-shop-all::after {
      content: '';
      display: inline-block;
      width: 20px;
      height: 20px;
      background-image: url('//cdn.shopify.com/s/files/1/0357/2432/9005/t/254/assets/icon-arrow-right.svg?v=34107841133203324271769750532');
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      vertical-align: middle;
      margin-left: 5px;
    }
  


  .collection-with-filters .product-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 30px;
    list-style: none;
    padding: 0 1rem;
    margin: 0;
    margin-bottom: 50px;
  }
  .collection-with-filters .grid__item { display: block; }
  .collection-with-filters .product-grid li { list-style: none; }
  .collection-with-filters .product-grid li::marker { content: none; }
  .collection-with-filters .product-image { width: 100%; height: auto; }
  .collection-with-filters .box-ratio { position: relative; overflow: hidden; height: 0; }
  .collection-with-filters .box-ratio img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
  .collection-with-filters .product-colors { min-height: 16px; }
  .collection-with-filters .cf-product-meta { position: relative; }
  .collection-with-filters .cf-product-meta-top { padding-right: 70px; }
  @media screen and (max-width: 1199px) {
    .collection-with-filters .product-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media screen and (max-width: 768px) {
    .collection-with-filters .product-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 15px;
    }
  }



      html body > .acsb-skip-link,
      html body > .acsb-skip-links,
      html body > .acsb-skip-links.acsb-ready { display: none !important; }
    


    #top-bar{
      background: #f1eee9;
    }
    .promo-banner-announcement_bar_4Ch7VF{
      background: #f1eee9;
      color: #3f1e1f;
    }
    .promo-banner-announcement_bar_4Ch7VF *{
      color: #3f1e1f !important;
    }
  

 
    #top-bar, #top-bar-bg {
      height: 50px;
    }

    /* NAV BAR PANE */
    header #q { /* search panel */
      font-size: px;
    }

    ul#cart li a {
      font-size: px;
      font-weight: ;
    }

    select.currency-picker {
      font-size: px;
      font-weight: ;
    }

    nav {
       line-height: 40px;
    }

    
      .megamenu {
        width: 100%;
      }
    


    /* MOBILE MENU : Height Setup
        Notes :
          - announcement_height default is 60px, and can be set to min of 40px
          - actual navigation bar is 50px tall, and since scrolling hides promo, we have a "isStuck" condition which is 
              basically an indicator for the user is scrolled down the page. 
          - Why? Because we need users to be able to scroll the mobile menu, but not scroll backing content on page.
    */
    #nav-bar-wrapper #nav-menu-mobile {
        height: calc( 100vh - ( 50px + 50px ) );  /* Promo + Nav bar (50px) */
    }

    /* SCROLLING : Nav bar hides promo bar, so adjust menu height if the user opens menu scrolled down page */
    #nav-bar-wrapper.isStuck #nav-menu-mobile {
        height: calc( 100vh - 50px ); /* nav bar = 50px */
    }

    /* NEW MENU */
    .submenu a {
      color: #3c3737 !important;
    }

    .submenu-list {
      align-self: flex-start;
    }

    .submenu-list > .has_sub_menu >  a {
      display: inline-block;
    }
    
    /* .submenu > li {
      width: 130px;
    } */

    .submenu-list > .has_sub_menu > .nested {
      padding-top: 0;
    }

    .submenu-list > li > a ,
    .submenu-list .nested > li > a {
      display: inline-block;
      line-height: normal;
      padding-top: 8px;
      padding-bottom: 8px;
    }

    .submenu-list > li {
      line-height: 35px;
    }

    .has_sub_menu--shop-all {
      position: relative;
    }

    .has_sub_menu--shop-all .nested::before {
      display: none;
    }

    .submenu-shop-all-wrap {
      float: none !important;
      margin-left: 25px;
      margin-right: 25px;
      padding-top: 10px;
      line-height: normal;
    }

    @media screen and (min-width: 1024px) and (max-width: 1199px) {
      .submenu-shop-all-wrap {
        margin-left: 8px;
        margin-right: 8px;
      }
    }

    .submenu-shop-all-wrap a {
      font-size: 14px;
      display: inline-block;
    }

    .submenu-shop-all-wrap span {
      display: inline-block;
      vertical-align: middle;
    }

    .submenu-shop-all:hover {
      text-decoration: none;
    }

    .submenu-shop-all:hover span {
      text-decoration: underline;
    }

    .submenu.submenu--has-shop-all {
      padding-bottom: 65px !important;
    }

    /* OTHERS MENU */
    .submenu  .has_sub_menu.has_sub_menu--others > .nested {
      padding-top: 0;
    }

    .nested-item--others {
      margin-bottom: 21px;
    }

    .nested-item--others a,
    .submenu-shop-all-wrap a {
      line-height: normal;
      letter-spacing: .085rem;
      font-weight: 700;
      text-transform: uppercase;
    }

    @media screen and (min-width: 1024px) and (max-width: 1199px) {
      #nav-menu-desktop #nav-menu-desktop-list .nav-primary-link .submenu {
        padding-left: 8px !important;
        padding-right: 8px !important;
      }
      #nav-menu-desktop #nav-menu-desktop-list .nav-primary-link .submenu-list>li {
        margin-left: 8px !important;
        margin-right: 8px !important;
      }
    }
    
    .submenu-shop-all {
      display: flex;
      align-items: center;
      gap: 8px;
    }

    .submenu-shop-all::after {
      content: '';
      display: inline-block;
      width: 20px;
      height: 20px;
      background-image: url('//cdn.shopify.com/s/files/1/0357/2432/9005/t/254/assets/icon-arrow-right.svg?v=34107841133203324271769750532');
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      vertical-align: middle;
      margin-left: 5px;
    }
  


      html body > .acsb-skip-link,
      html body > .acsb-skip-links,
      html body > .acsb-skip-links.acsb-ready { display: none !important; }
    


    #top-bar{
      background: #f1eee9;
    }
    .promo-banner-announcement_bar_4Ch7VF{
      background: #f1eee9;
      color: #3f1e1f;
    }
    .promo-banner-announcement_bar_4Ch7VF *{
      color: #3f1e1f !important;
    }
  

 
    #top-bar, #top-bar-bg {
      height: 50px;
    }

    /* NAV BAR PANE */
    header #q { /* search panel */
      font-size: px;
    }

    ul#cart li a {
      font-size: px;
      font-weight: ;
    }

    select.currency-picker {
      font-size: px;
      font-weight: ;
    }

    nav {
       line-height: 40px;
    }

    
      .megamenu {
        width: 100%;
      }
    


    /* MOBILE MENU : Height Setup
        Notes :
          - announcement_height default is 60px, and can be set to min of 40px
          - actual navigation bar is 50px tall, and since scrolling hides promo, we have a "isStuck" condition which is 
              basically an indicator for the user is scrolled down the page. 
          - Why? Because we need users to be able to scroll the mobile menu, but not scroll backing content on page.
    */
    #nav-bar-wrapper #nav-menu-mobile {
        height: calc( 100vh - ( 50px + 50px ) );  /* Promo + Nav bar (50px) */
    }

    /* SCROLLING : Nav bar hides promo bar, so adjust menu height if the user opens menu scrolled down page */
    #nav-bar-wrapper.isStuck #nav-menu-mobile {
        height: calc( 100vh - 50px ); /* nav bar = 50px */
    }

    /* NEW MENU */
    .submenu a {
      color: #3c3737 !important;
    }

    .submenu-list {
      align-self: flex-start;
    }

    .submenu-list > .has_sub_menu >  a {
      display: inline-block;
    }
    
    /* .submenu > li {
      width: 130px;
    } */

    .submenu-list > .has_sub_menu > .nested {
      padding-top: 0;
    }

    .submenu-list > li > a ,
    .submenu-list .nested > li > a {
      display: inline-block;
      line-height: normal;
      padding-top: 8px;
      padding-bottom: 8px;
    }

    .submenu-list > li {
      line-height: 35px;
    }

    .has_sub_menu--shop-all {
      position: relative;
    }

    .has_sub_menu--shop-all .nested::before {
      display: none;
    }

    .submenu-shop-all-wrap {
      float: none !important;
      margin-left: 25px;
      margin-right: 25px;
      padding-top: 10px;
      line-height: normal;
    }

    @media screen and (min-width: 1024px) and (max-width: 1199px) {
      .submenu-shop-all-wrap {
        margin-left: 8px;
        margin-right: 8px;
      }
    }

    .submenu-shop-all-wrap a {
      font-size: 14px;
      display: inline-block;
    }

    .submenu-shop-all-wrap span {
      display: inline-block;
      vertical-align: middle;
    }

    .submenu-shop-all:hover {
      text-decoration: none;
    }

    .submenu-shop-all:hover span {
      text-decoration: underline;
    }

    .submenu.submenu--has-shop-all {
      padding-bottom: 65px !important;
    }

    /* OTHERS MENU */
    .submenu  .has_sub_menu.has_sub_menu--others > .nested {
      padding-top: 0;
    }

    .nested-item--others {
      margin-bottom: 21px;
    }

    .nested-item--others a,
    .submenu-shop-all-wrap a {
      line-height: normal;
      letter-spacing: .085rem;
      font-weight: 700;
      text-transform: uppercase;
    }

    @media screen and (min-width: 1024px) and (max-width: 1199px) {
      #nav-menu-desktop #nav-menu-desktop-list .nav-primary-link .submenu {
        padding-left: 8px !important;
        padding-right: 8px !important;
      }
      #nav-menu-desktop #nav-menu-desktop-list .nav-primary-link .submenu-list>li {
        margin-left: 8px !important;
        margin-right: 8px !important;
      }
    }
    
    .submenu-shop-all {
      display: flex;
      align-items: center;
      gap: 8px;
    }

    .submenu-shop-all::after {
      content: '';
      display: inline-block;
      width: 20px;
      height: 20px;
      background-image: url('//cdn.shopify.com/s/files/1/0357/2432/9005/t/254/assets/icon-arrow-right.svg?v=34107841133203324271769750532');
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      vertical-align: middle;
      margin-left: 5px;
    }
  


    #top-bar{
      background: #f1eee9;
    }
    .promo-banner-announcement_bar_4Ch7VF{
      background: #f1eee9;
      color: #3f1e1f;
    }
    .promo-banner-announcement_bar_4Ch7VF *{
      color: #3f1e1f !important;
    }
  

 
    #top-bar, #top-bar-bg {
      height: 50px;
    }

    /* NAV BAR PANE */
    header #q { /* search panel */
      font-size: px;
    }

    ul#cart li a {
      font-size: px;
      font-weight: ;
    }

    select.currency-picker {
      font-size: px;
      font-weight: ;
    }

    nav {
       line-height: 40px;
    }

    
      .megamenu {
        width: 100%;
      }
    


    /* MOBILE MENU : Height Setup
        Notes :
          - announcement_height default is 60px, and can be set to min of 40px
          - actual navigation bar is 50px tall, and since scrolling hides promo, we have a "isStuck" condition which is 
              basically an indicator for the user is scrolled down the page. 
          - Why? Because we need users to be able to scroll the mobile menu, but not scroll backing content on page.
    */
    #nav-bar-wrapper #nav-menu-mobile {
        height: calc( 100vh - ( 50px + 50px ) );  /* Promo + Nav bar (50px) */
    }

    /* SCROLLING : Nav bar hides promo bar, so adjust menu height if the user opens menu scrolled down page */
    #nav-bar-wrapper.isStuck #nav-menu-mobile {
        height: calc( 100vh - 50px ); /* nav bar = 50px */
    }

    /* NEW MENU */
    .submenu a {
      color: #3c3737 !important;
    }

    .submenu-list {
      align-self: flex-start;
    }

    .submenu-list > .has_sub_menu >  a {
      display: inline-block;
    }
    
    /* .submenu > li {
      width: 130px;
    } */

    .submenu-list > .has_sub_menu > .nested {
      padding-top: 0;
    }

    .submenu-list > li > a ,
    .submenu-list .nested > li > a {
      display: inline-block;
      line-height: normal;
      padding-top: 8px;
      padding-bottom: 8px;
    }

    .submenu-list > li {
      line-height: 35px;
    }

    .has_sub_menu--shop-all {
      position: relative;
    }

    .has_sub_menu--shop-all .nested::before {
      display: none;
    }

    .submenu-shop-all-wrap {
      float: none !important;
      margin-left: 25px;
      margin-right: 25px;
      padding-top: 10px;
      line-height: normal;
    }

    @media screen and (min-width: 1024px) and (max-width: 1199px) {
      .submenu-shop-all-wrap {
        margin-left: 8px;
        margin-right: 8px;
      }
    }

    .submenu-shop-all-wrap a {
      font-size: 14px;
      display: inline-block;
    }

    .submenu-shop-all-wrap span {
      display: inline-block;
      vertical-align: middle;
    }

    .submenu-shop-all:hover {
      text-decoration: none;
    }

    .submenu-shop-all:hover span {
      text-decoration: underline;
    }

    .submenu.submenu--has-shop-all {
      padding-bottom: 65px !important;
    }

    /* OTHERS MENU */
    .submenu  .has_sub_menu.has_sub_menu--others > .nested {
      padding-top: 0;
    }

    .nested-item--others {
      margin-bottom: 21px;
    }

    .nested-item--others a,
    .submenu-shop-all-wrap a {
      line-height: normal;
      letter-spacing: .085rem;
      font-weight: 700;
      text-transform: uppercase;
    }

    @media screen and (min-width: 1024px) and (max-width: 1199px) {
      #nav-menu-desktop #nav-menu-desktop-list .nav-primary-link .submenu {
        padding-left: 8px !important;
        padding-right: 8px !important;
      }
      #nav-menu-desktop #nav-menu-desktop-list .nav-primary-link .submenu-list>li {
        margin-left: 8px !important;
        margin-right: 8px !important;
      }
    }
    
    .submenu-shop-all {
      display: flex;
      align-items: center;
      gap: 8px;
    }

    .submenu-shop-all::after {
      content: '';
      display: inline-block;
      width: 20px;
      height: 20px;
      background-image: url('//cdn.shopify.com/s/files/1/0357/2432/9005/t/254/assets/icon-arrow-right.svg?v=34107841133203324271769750532');
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      vertical-align: middle;
      margin-left: 5px;
    }
  


      html body > .acsb-skip-link,
      html body > .acsb-skip-links,
      html body > .acsb-skip-links.acsb-ready { display: none !important; }
    


    #top-bar{
      background: #f1eee9;
    }
    .promo-banner-announcement_bar_4Ch7VF{
      background: #f1eee9;
      color: #3f1e1f;
    }
    .promo-banner-announcement_bar_4Ch7VF *{
      color: #3f1e1f !important;
    }
  

 
    #top-bar, #top-bar-bg {
      height: 50px;
    }

    /* NAV BAR PANE */
    header #q { /* search panel */
      font-size: px;
    }

    ul#cart li a {
      font-size: px;
      font-weight: ;
    }

    select.currency-picker {
      font-size: px;
      font-weight: ;
    }

    nav {
       line-height: 40px;
    }

    
      .megamenu {
        width: 100%;
      }
    


    /* MOBILE MENU : Height Setup
        Notes :
          - announcement_height default is 60px, and can be set to min of 40px
          - actual navigation bar is 50px tall, and since scrolling hides promo, we have a "isStuck" condition which is 
              basically an indicator for the user is scrolled down the page. 
          - Why? Because we need users to be able to scroll the mobile menu, but not scroll backing content on page.
    */
    #nav-bar-wrapper #nav-menu-mobile {
        height: calc( 100vh - ( 50px + 50px ) );  /* Promo + Nav bar (50px) */
    }

    /* SCROLLING : Nav bar hides promo bar, so adjust menu height if the user opens menu scrolled down page */
    #nav-bar-wrapper.isStuck #nav-menu-mobile {
        height: calc( 100vh - 50px ); /* nav bar = 50px */
    }

    /* NEW MENU */
    .submenu a {
      color: #3c3737 !important;
    }

    .submenu-list {
      align-self: flex-start;
    }

    .submenu-list > .has_sub_menu >  a {
      display: inline-block;
    }
    
    /* .submenu > li {
      width: 130px;
    } */

    .submenu-list > .has_sub_menu > .nested {
      padding-top: 0;
    }

    .submenu-list > li > a ,
    .submenu-list .nested > li > a {
      display: inline-block;
      line-height: normal;
      padding-top: 8px;
      padding-bottom: 8px;
    }

    .submenu-list > li {
      line-height: 35px;
    }

    .has_sub_menu--shop-all {
      position: relative;
    }

    .has_sub_menu--shop-all .nested::before {
      display: none;
    }

    .submenu-shop-all-wrap {
      float: none !important;
      margin-left: 25px;
      margin-right: 25px;
      padding-top: 10px;
      line-height: normal;
    }

    @media screen and (min-width: 1024px) and (max-width: 1199px) {
      .submenu-shop-all-wrap {
        margin-left: 8px;
        margin-right: 8px;
      }
    }

    .submenu-shop-all-wrap a {
      font-size: 14px;
      display: inline-block;
    }

    .submenu-shop-all-wrap span {
      display: inline-block;
      vertical-align: middle;
    }

    .submenu-shop-all:hover {
      text-decoration: none;
    }

    .submenu-shop-all:hover span {
      text-decoration: underline;
    }

    .submenu.submenu--has-shop-all {
      padding-bottom: 65px !important;
    }

    /* OTHERS MENU */
    .submenu  .has_sub_menu.has_sub_menu--others > .nested {
      padding-top: 0;
    }

    .nested-item--others {
      margin-bottom: 21px;
    }

    .nested-item--others a,
    .submenu-shop-all-wrap a {
      line-height: normal;
      letter-spacing: .085rem;
      font-weight: 700;
      text-transform: uppercase;
    }

    @media screen and (min-width: 1024px) and (max-width: 1199px) {
      #nav-menu-desktop #nav-menu-desktop-list .nav-primary-link .submenu {
        padding-left: 8px !important;
        padding-right: 8px !important;
      }
      #nav-menu-desktop #nav-menu-desktop-list .nav-primary-link .submenu-list>li {
        margin-left: 8px !important;
        margin-right: 8px !important;
      }
    }
    
    .submenu-shop-all {
      display: flex;
      align-items: center;
      gap: 8px;
    }

    .submenu-shop-all::after {
      content: '';
      display: inline-block;
      width: 20px;
      height: 20px;
      background-image: url('//cdn.shopify.com/s/files/1/0357/2432/9005/t/254/assets/icon-arrow-right.svg?v=34107841133203324271769750532');
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      vertical-align: middle;
      margin-left: 5px;
    }
  


      html body > .acsb-skip-link,
      html body > .acsb-skip-links,
      html body > .acsb-skip-links.acsb-ready { display: none !important; }
    


    #top-bar{
      background: #f1eee9;
    }
    .promo-banner-announcement_bar_4Ch7VF{
      background: #f1eee9;
      color: #3f1e1f;
    }
    .promo-banner-announcement_bar_4Ch7VF *{
      color: #3f1e1f !important;
    }
  

 
    #top-bar, #top-bar-bg {
      height: 50px;
    }

    /* NAV BAR PANE */
    header #q { /* search panel */
      font-size: px;
    }

    ul#cart li a {
      font-size: px;
      font-weight: ;
    }

    select.currency-picker {
      font-size: px;
      font-weight: ;
    }

    nav {
       line-height: 40px;
    }

    
      .megamenu {
        width: 100%;
      }
    


    /* MOBILE MENU : Height Setup
        Notes :
          - announcement_height default is 60px, and can be set to min of 40px
          - actual navigation bar is 50px tall, and since scrolling hides promo, we have a "isStuck" condition which is 
              basically an indicator for the user is scrolled down the page. 
          - Why? Because we need users to be able to scroll the mobile menu, but not scroll backing content on page.
    */
    #nav-bar-wrapper #nav-menu-mobile {
        height: calc( 100vh - ( 50px + 50px ) );  /* Promo + Nav bar (50px) */
    }

    /* SCROLLING : Nav bar hides promo bar, so adjust menu height if the user opens menu scrolled down page */
    #nav-bar-wrapper.isStuck #nav-menu-mobile {
        height: calc( 100vh - 50px ); /* nav bar = 50px */
    }

    /* NEW MENU */
    .submenu a {
      color: #3c3737 !important;
    }

    .submenu-list {
      align-self: flex-start;
    }

    .submenu-list > .has_sub_menu >  a {
      display: inline-block;
    }
    
    /* .submenu > li {
      width: 130px;
    } */

    .submenu-list > .has_sub_menu > .nested {
      padding-top: 0;
    }

    .submenu-list > li > a ,
    .submenu-list .nested > li > a {
      display: inline-block;
      line-height: normal;
      padding-top: 8px;
      padding-bottom: 8px;
    }

    .submenu-list > li {
      line-height: 35px;
    }

    .has_sub_menu--shop-all {
      position: relative;
    }

    .has_sub_menu--shop-all .nested::before {
      display: none;
    }

    .submenu-shop-all-wrap {
      float: none !important;
      margin-left: 25px;
      margin-right: 25px;
      padding-top: 10px;
      line-height: normal;
    }

    @media screen and (min-width: 1024px) and (max-width: 1199px) {
      .submenu-shop-all-wrap {
        margin-left: 8px;
        margin-right: 8px;
      }
    }

    .submenu-shop-all-wrap a {
      font-size: 14px;
      display: inline-block;
    }

    .submenu-shop-all-wrap span {
      display: inline-block;
      vertical-align: middle;
    }

    .submenu-shop-all:hover {
      text-decoration: none;
    }

    .submenu-shop-all:hover span {
      text-decoration: underline;
    }

    .submenu.submenu--has-shop-all {
      padding-bottom: 65px !important;
    }

    /* OTHERS MENU */
    .submenu  .has_sub_menu.has_sub_menu--others > .nested {
      padding-top: 0;
    }

    .nested-item--others {
      margin-bottom: 21px;
    }

    .nested-item--others a,
    .submenu-shop-all-wrap a {
      line-height: normal;
      letter-spacing: .085rem;
      font-weight: 700;
      text-transform: uppercase;
    }

    @media screen and (min-width: 1024px) and (max-width: 1199px) {
      #nav-menu-desktop #nav-menu-desktop-list .nav-primary-link .submenu {
        padding-left: 8px !important;
        padding-right: 8px !important;
      }
      #nav-menu-desktop #nav-menu-desktop-list .nav-primary-link .submenu-list>li {
        margin-left: 8px !important;
        margin-right: 8px !important;
      }
    }
    
    .submenu-shop-all {
      display: flex;
      align-items: center;
      gap: 8px;
    }

    .submenu-shop-all::after {
      content: '';
      display: inline-block;
      width: 20px;
      height: 20px;
      background-image: url('//cdn.shopify.com/s/files/1/0357/2432/9005/t/254/assets/icon-arrow-right.svg?v=34107841133203324271769750532');
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      vertical-align: middle;
      margin-left: 5px;
    }
  


    #top-bar{
      background: #f1eee9;
    }
    .promo-banner-announcement_bar_4Ch7VF{
      background: #f1eee9;
      color: #3f1e1f;
    }
    .promo-banner-announcement_bar_4Ch7VF *{
      color: #3f1e1f !important;
    }
  

 
    #top-bar, #top-bar-bg {
      height: 50px;
    }

    /* NAV BAR PANE */
    header #q { /* search panel */
      font-size: px;
    }

    ul#cart li a {
      font-size: px;
      font-weight: ;
    }

    select.currency-picker {
      font-size: px;
      font-weight: ;
    }

    nav {
       line-height: 40px;
    }

    
      .megamenu {
        width: 100%;
      }
    


    /* MOBILE MENU : Height Setup
        Notes :
          - announcement_height default is 60px, and can be set to min of 40px
          - actual navigation bar is 50px tall, and since scrolling hides promo, we have a "isStuck" condition which is 
              basically an indicator for the user is scrolled down the page. 
          - Why? Because we need users to be able to scroll the mobile menu, but not scroll backing content on page.
    */
    #nav-bar-wrapper #nav-menu-mobile {
        height: calc( 100vh - ( 50px + 50px ) );  /* Promo + Nav bar (50px) */
    }

    /* SCROLLING : Nav bar hides promo bar, so adjust menu height if the user opens menu scrolled down page */
    #nav-bar-wrapper.isStuck #nav-menu-mobile {
        height: calc( 100vh - 50px ); /* nav bar = 50px */
    }

    /* NEW MENU */
    .submenu a {
      color: #3c3737 !important;
    }

    .submenu-list {
      align-self: flex-start;
    }

    .submenu-list > .has_sub_menu >  a {
      display: inline-block;
    }
    
    /* .submenu > li {
      width: 130px;
    } */

    .submenu-list > .has_sub_menu > .nested {
      padding-top: 0;
    }

    .submenu-list > li > a ,
    .submenu-list .nested > li > a {
      display: inline-block;
      line-height: normal;
      padding-top: 8px;
      padding-bottom: 8px;
    }

    .submenu-list > li {
      line-height: 35px;
    }

    .has_sub_menu--shop-all {
      position: relative;
    }

    .has_sub_menu--shop-all .nested::before {
      display: none;
    }

    .submenu-shop-all-wrap {
      float: none !important;
      margin-left: 25px;
      margin-right: 25px;
      padding-top: 10px;
      line-height: normal;
    }

    @media screen and (min-width: 1024px) and (max-width: 1199px) {
      .submenu-shop-all-wrap {
        margin-left: 8px;
        margin-right: 8px;
      }
    }

    .submenu-shop-all-wrap a {
      font-size: 14px;
      display: inline-block;
    }

    .submenu-shop-all-wrap span {
      display: inline-block;
      vertical-align: middle;
    }

    .submenu-shop-all:hover {
      text-decoration: none;
    }

    .submenu-shop-all:hover span {
      text-decoration: underline;
    }

    .submenu.submenu--has-shop-all {
      padding-bottom: 65px !important;
    }

    /* OTHERS MENU */
    .submenu  .has_sub_menu.has_sub_menu--others > .nested {
      padding-top: 0;
    }

    .nested-item--others {
      margin-bottom: 21px;
    }

    .nested-item--others a,
    .submenu-shop-all-wrap a {
      line-height: normal;
      letter-spacing: .085rem;
      font-weight: 700;
      text-transform: uppercase;
    }

    @media screen and (min-width: 1024px) and (max-width: 1199px) {
      #nav-menu-desktop #nav-menu-desktop-list .nav-primary-link .submenu {
        padding-left: 8px !important;
        padding-right: 8px !important;
      }
      #nav-menu-desktop #nav-menu-desktop-list .nav-primary-link .submenu-list>li {
        margin-left: 8px !important;
        margin-right: 8px !important;
      }
    }
    
    .submenu-shop-all {
      display: flex;
      align-items: center;
      gap: 8px;
    }

    .submenu-shop-all::after {
      content: '';
      display: inline-block;
      width: 20px;
      height: 20px;
      background-image: url('//cdn.shopify.com/s/files/1/0357/2432/9005/t/254/assets/icon-arrow-right.svg?v=34107841133203324271769750532');
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      vertical-align: middle;
      margin-left: 5px;
    }
  


      html body > .acsb-skip-link,
      html body > .acsb-skip-links,
      html body > .acsb-skip-links.acsb-ready { display: none !important; }