.site-header__element{position:relative;background-color:transparent;z-index:var(--z-index-header)}.site-header__element .page-width{max-width:100%}.scroll-down .header-section{transform:translateY(-100%);pointer-events:none}.header-section{transition:all .5s}.site-header__logo-link{font-size:0}.header-item--search .site-nav__compress-menu{opacity:1;visibility:visible;transition:all .3s cubic-bezier(.18,.77,.58,1);width:auto;padding:0;outline:none}body .header-wrapper--compressed .site-header__element--sub{transform:translateY(0);display:block}.header-wrapper .site-header__element--sub[data-type=nav]{position:fixed;right:auto;height:100vh;top:0;left:0;padding-top:215px;z-index:999;width:0;transition:width .4s;background:var(--color-dark-grey) url(logo-bkg-submenu.png);background-repeat:no-repeat;background-size:150px;background-position:bottom 17px left 2px;overflow:hidden}.site-header__element--sub[data-type=nav].is-active{width:330px}.site-header__element.site-header__element--sub.is-active.open-sub-menu{width:650px}.header-wrapper button.btn--search{line-height:0}.site-navigation--below:before{display:none}.site-header__element.site-header__element--top{position:relative;z-index:1000}.header-wrapper .site-nav__item{width:100%;position:static}body:not(.open-menu) .header-section.change-color .site-nav__link svg path{fill:#414141}body:not(.open-menu) .header-section.change-color .header-item--search .site-nav__link svg path{stroke:#414141}body:not(.open-menu) .header-section.change-color .header-item--search .icon__fallback-text{color:#414141}.header-section.change-color .overlay_header{background:#f9f6ee}.header-wrapper .site-navigation{display:block;max-width:292px;margin:0;position:relative;opacity:0;transition-duration:.5s}.site-header__element--sub[data-type=nav].is-active .site-navigation{opacity:1}.header-wrapper .site-nav__item .site-nav__link{display:block;text-align:left;padding:14.5px 0;font-family:var(--heading_font_h3);font-weight:var(--heading_weight_h3);font-size:21px;line-height:134%;letter-spacing:.1rem;vertical-align:middle;text-transform:uppercase;white-space:nowrap}.header-wrapper .site-nav__item .site-nav__link .icon-chevron-down{margin-left:5px;transform:rotate(-90deg);width:16px;height:16px;position:absolute;right:30px;top:23px;opacity:0}.header-wrapper .site-nav__item.active .site-nav__link,.site-nav__dropdown li.active a.site-nav__dropdown-link{color:#c0ab5d}.overlay_header{background:var(--color-dark-grey);opacity:0;visibility:hidden;transition:all 1s;display:block;width:100%;height:100%;position:absolute;top:0;left:0}.header-wrapper--compressed .overlay_header,.scroll .overlay_header{opacity:1;visibility:visible}.header-wrapper .site-nav__link--icon{margin-left:4px}.header-wrapper .site-nav__icons>.site-nav__link--icon{margin-left:12px;margin-top:0}.site-nav__dropdown .site-nav__dropdown-link--second-level{color:#fff;padding:8px 0;font-weight:400;font-size:18px;line-height:191%;text-transform:uppercase;letter-spacing:0;font-family:Lato,sans-serif}.site-header__drawer .cart__item-row.cart-recommendations{display:none}.site-nav__dropdown .site-nav__dropdown-link--second-level:hover{color:#c0ab5d;text-decoration:none}.site-nav__dropdown .site-nav__item li{margin-bottom:20px}.header-wrapper .site-nav__item .site-nav__link:hover{color:#c0ab5d}.site-nav__item:hover .site-nav__link--underline:after{display:none}.site-header__element.site-header__element--sub.is-active{left:0}.header-item.header-item--icons svg.icon.icon--line{stroke-width:initial;stroke-linejoin:var(--icon-stroke-line-join, miter);fill:transparent}.header-item .site-nav__link--icon .icon{width:auto;height:auto}.header-item--search .site-nav__link--icon.site-nav__compress-menu svg.icon{width:47px;height:47px}.header-item .cart-link__bubble{display:inline-flex;align-items:center;justify-content:center;background:#c0ab5d;width:25px;height:25px;border-radius:50%;top:-13px;right:-17px}.header-item .cart-link__bubble:before{background:transparent;color:#fff}.header-item .cart-link__bubble-num{color:#fff}.icon__fallback-text{text-transform:uppercase;display:inline-block;margin-left:10px}.site-header__element--sub .page-width.text-center{display:flex;justify-content:space-between;max-width:1330px}.header__block--graphic-cta{width:33%;max-width:332px}.header__block--graphic-cta .header-graphic{width:100%;position:relative;padding-bottom:calc(97 / 332 * 100%)}.header__block--graphic-cta .header-graphic a:hover .btn{background:#fff;color:#c0ab5d;border-color:#fff}.header__block--graphic-cta .header-graphic:not(:last-child){margin-bottom:23px}.header__block--graphic-cta .header-graphic img{position:absolute;width:100%;height:100%;top:0;left:0;object-fit:cover}.header__block--graphic-cta .header-graphic .btn{font-family:var(--heading_font_h3),sans-serif;font-weight:500;font-size:14px;line-height:150%;letter-spacing:0;padding:6px 12px;text-align:center;text-transform:uppercase;position:absolute;right:25px;top:50%;transform:translateY(-50%);border-radius:0;background:#c0ab5d;color:#fff;border-color:#c0ab5d}body:not(.has-banner) .header-wrapper{background:#414141}body.open-menu{overflow:hidden}.site-header__cart{border-radius:9px}.site-header__drawers{max-width:100%}@media(min-width:769px){.cart-open .site-nav__close-cart{display:block;position:fixed;right:0;top:0;height:140px;display:flex;align-items:center;color:#fff}.scroll .cart-open .site-nav__close-cart{height:93px}.change-color .cart-open .site-nav__close-cart{color:#414141;height:93px}.mobile-nav-trigger.is-active path:nth-child(3),.header-item .site-nav__compress-menu.is-active path:nth-child(3){transform:rotate(-45deg);transform-origin:30% 69%}.mobile-nav-trigger.is-active path:nth-child(1),.header-item .site-nav__compress-menu.is-active path:nth-child(1){transform:rotate(45deg);transform-origin:20% 20%}.header-wrapper.header-wrapper.header-wrapper--compressed .site-header__logo a{width:84px}.site-nav__dropdown{transform:translate(100%);top:0;background:transparent;box-shadow:none;padding-left:10px;height:100%;transition-duration:.5s}.icon__fallback-text.close,.site-nav__link.site-nav__link--icon.site-nav__compress-menu.is-active .icon__fallback-text.open{display:none}.site-nav__link.site-nav__link--icon.site-nav__compress-menu.is-active .icon__fallback-text.close{display:inline-block}}@media(min-width:1025px){.header-section.change-color .header-item--icons .site-nav__link svg path{fill:#414141}.header-section.change-color .site-header__logo .logo--inverted{height:auto;visibility:visible;opacity:1}.header-section.change-color .site-header__logo .logo--has-inverted{opacity:0;visibility:hidden;overflow:hidden;height:0}}@media(max-width:1024px){.site-header__element--sub[data-type=nav].is-active,.site-header__element.site-header__element--sub.is-active.open-sub-menu{width:100vw}body:not(.open-menu) .header-section.change-color .site-header__logo .logo--inverted{height:auto;visibility:visible;opacity:1}body:not(.open-menu) .header-section.change-color .site-header__logo .logo--has-inverted{opacity:0;visibility:hidden;overflow:hidden;height:0}body:not(.open-menu) .header-section.change-color .header-item .site-nav__link{color:#414141}}@media(max-width:768px){.header-wrapper .site-header__drawer{top:0;height:var(--app-height)}.header-item--icons{padding-right:15px}.header-wrapper .site-header__element--sub[data-type=nav]{display:block}mobile-nav .slide-nav__button{position:absolute;font-size:0;width:50%;height:100%;right:0;text-align:right;top:0;z-index:3}mobile-nav .slide-nav__dropdown{display:block;right:0;background:var(--color-dark-grey);z-index:4;transition:all .15s;padding:0 20px}mobile-nav[data-level="2"] .slide-nav{transform:translate(0)}mobile-nav .slide-nav__button .slide-nav__link{font-size:0;top:0;right:0;padding:10px 0}mobile-nav .slide-nav__item{position:relative}mobile-nav .slide-nav__dropdown .slide-nav__button{left:0;top:5px;width:60px}mobile-nav .slide-nav__dropdown .slide-nav__button .slide-nav__link{padding:10px 16px}mobile-nav .slide-nav__dropdown .slide-nav__button+.slide-nav__link{padding-left:60px}toggle-menu{position:absolute;left:0}.header-wrapper .site-header__element--sub .site-navigation{display:block!important}.mobile-nav-trigger.is-active path:nth-child(3),.site-nav__compress-menu.is-active path:nth-child(3){transform-origin:15% 62%}.header-item .site-nav__link--icon .icon.icon-cart{width:35px;height:30px}.header-item .site-nav__link--icon .icon.icon-user{width:28px;height:29px}.header-item .site-nav__link--icon .icon.icon-search{width:27px;height:28px}.slide-nav__item a svg{display:none}toggle-search{position:absolute;left:66px}.site-header__mobile-nav{max-height:var(--app-height);transform:translateY(0);position:fixed;left:0;width:0;padding-top:100px;overflow:hidden;background:var(--color-dark-grey) url(logo-bkg-submenu.png);background-repeat:no-repeat;background-position:bottom left;background-size:150px;transition:all .15s}body:not(.open-menu) .header-section.change-color .mobile-nav-open .site-nav__link svg path{fill:#fff}body:not(.open-menu) .header-section.change-color .mobile-nav-open .header-item .site-nav__link{color:#fff}body:not(.open-menu) .header-section.change-color .mobile-nav-open .site-header__logo .logo--inverted{opacity:0;visibility:hidden;overflow:hidden;height:0}body:not(.open-menu) .header-section.change-color .mobile-nav-open .site-header__logo .logo--has-inverted{height:auto;visibility:visible;opacity:1}.site-header__drawer-inner{max-height:calc(var(--app-height) - 120px);overflow-y:auto}.slide-nav__link{color:#fff;padding:10px 20px 10px 16px}.slide-nav__dropdown .slide-nav__link{color:#fff;padding:10px 20px 10px 0}mobile-nav .slide-nav__dropdown>li:first-child{border-bottom:1px solid #fff;margin-bottom:20px;padding-bottom:10px}.header-item toggle-menu .site-nav__link--icon{padding-left:0;margin-left:0}.header-section.mobile-nav-open .header-item toggle-menu .site-nav__link--icon{margin-left:-5px}.site-header__drawer.is-active{display:block;transform:translateY(0);left:0;width:100vw}.header-item toggle-menu .site-nav__link--icon .icon{width:30px;height:30px}.site-header__drawer clone-footer{display:none}.mobile-nav-open .site-nav__link:not(.mobile-nav-trigger){display:inline-block}.site-header__drawer .slide-nav__wrapper:after{display:none}.site-header__drawer .slide-nav__link:hover{color:#fff}.header-layout{position:relative}.icon__fallback-text{display:none}.site-nav__dropdown{position:static;visibility:visible}.header__block--graphic-cta{width:100%;max-width:100%;padding:16px}.site-header__drawers-container{position:relative;background-color:var(--color-body)}.header-wrapper .site-header__drawer{position:static;box-shadow:none}}@media(max-width:767px){mobile-nav .slide-nav__button .slide-nav__link{padding:10px 16px}}@media(max-width:400px){.footer__block--logo p{max-width:85px}.copyright-text{max-width:157px;margin:0 auto;text-align:center}}body:has(.mobile-nav-open){overflow-y:hidden}.header-wrapper .site-nav__close-cart .site-nav__link--icon{color:var(--color-text);justify-content:flex-end;margin-left:auto}.shopify-section-group-header-group{--scrollbar--background-color: var(--body_font_colour);--scrollbar--foreground-color: color-mix( in srgb, var(--body_background_colour) var(--scrollbar--mix-bg, 100%), var(--body_font_colour) var(--scrollbar--mix-fg, 100%) )}@media(max-width:767px){.shopify-section-group-header-group{position:fixed;top:0;z-index:var(--z-index-header);pointer-events:none;width:100%}}@media(max-width:767px){.shopify-section-group-header-group .header-wrapper .site-header__drawer{max-height:100dvh;height:100dvh;padding-inline:0!important;padding-block-end:0!important;margin-block-end:0!important}.shopify-section-group-header-group .header-wrapper .site-header__drawer,.shopify-section-group-header-group .header-wrapper .site-header__drawer .site-header__drawer-inner{overflow-y:auto!important;scrollbar-color:var(--scrollbar--foreground-color) var(--scrollbar--background-color);scrollbar-width:var(--scrollbar--width, 12px)}}.site-nav+.header__block--graphic-cta{opacity:1;transition:opacity 155ms ease-in-out}@media(min-width:768px){.site-nav:has(details[open])+.header__block--graphic-cta{opacity:.2}}@media(max-width:768px){:is(#id,mobile-nav) .slide-nav__item,:is(#id,mobile-nav) .slide-nav__button,:is(#id,mobile-nav) .slide-nav__dropdown .slide-nav__button{position:static!important}:is(#id,mobile-nav) .slide-nav__button{height:unset!important;align-self:stretch!important;display:flex!important;align-items:center!important}:is(#id,mobile-nav) .slide-nav__dropdown .slide-nav__button+.slide-nav__link{padding-left:initial!important}:is(#id,mobile-nav) .slide-nav__item:has(>button){position:static!important;display:flex!important;align-items:center!important;align-content:center!important;justify-content:start!important}}@media(max-width:768px){#HeaderWrapper .header-layout{position:static!important;display:grid;grid-template-columns:minmax(3rem,auto) minmax(3rem,auto) 1fr minmax(3rem,auto) minmax(3rem,auto);grid-template-rows:1fr;grid-template-areas:"menu search logo user cart"}#HeaderWrapper .header-layout .site-nav__icons,#HeaderWrapper .header-layout .site-nav,#HeaderWrapper .header-layout>div{display:contents}#HeaderWrapper .header-layout .site-header__logo{position:static!important;grid-area:logo;font-size:0}#HeaderWrapper .header-layout is-land--toggle-search,#HeaderWrapper .header-layout toggle-search{position:static!important;grid-area:search;margin-block:unset;padding-inline:.5rem}#HeaderWrapper .header-layout [href="/account"]{position:static!important;grid-area:user;justify-self:end;padding-inline:.5rem;margin-block:unset}#HeaderWrapper .header-layout is-land--toggle-cart,#HeaderWrapper .header-layout toggle-cart{position:static!important;grid-area:cart;justify-self:end;padding-inline:.5rem;margin-block:unset}#HeaderWrapper .header-layout is-land--toggle-menu,#HeaderWrapper .header-layout toggle-menu{position:static!important;grid-area:menu;justify-self:end;padding-inline:.5rem;margin-block:unset}:is(#HeaderWrapper .header-layout is-land--toggle-menu,#HeaderWrapper .header-layout toggle-menu) .site-nav__link--icon{padding:unset;width:30px;height:30px}#HeaderWrapper .header-layout .icon{position:static;padding:unset;margin:unset}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/bettwshall-header.css.map */