/** Shopify CDN: Minification failed Line 22:23 Unexpected "^" Line 22:24 Expected "]" to go with "[" Line 22:32 Unexpected "l" Line 37:32 Unexpected "^" Line 37:33 Expected "]" to go with "[" Line 43:21 Unexpected "^" Line 43:22 Expected "]" to go with "[" Line 43:52 Unexpected "^" Line 43:53 Expected "]" to go with "[" Line 43:102 Unexpected "^" ... and 764 more hidden warnings **/ #distance-spacer:before { content: ""; display: block; position: absolute; left: 50%; right: auto; top: 0; bottom: 0; z-index: -1; width: 106vw; margin: 0 0 0 -53vw; } /*.fixed {}*/ #header-outer.fixed { position: fixed; left: 0; right: 0; top: 0; bottom: auto; margin-left: 0; margin-right: 0; } #header-outer.fixed ~ #distance-spacer, #nav-outer.fixed ~ #distance-spacer { display: block; width: 100%; } #distance-spacer:before { visibility: hidden; background: var(--black); opacity: 0; } .search-ful:not([class=^="gm-"])l #distance-spacer:before { visibility: visible; opacity: var(--overlay_opacity); } #header-outer.fixed:before { content: ""; display: block; position: absolute; left: 50%; top: 0; bottom: 0; z-index: -1; width: 100vw; margin: 0 0 0 -50vw; opacity: var(--top_main_bg_op); } #header-outer.fixed.has-shadow:before { box-shadow: 0 4px 40px rgba(0,0,0,.06); } #root #header-outer.fixed.no-border-when-sticky:after { border-bottom-width: 0; } @media only screen and (min-width: 1001px) { #header-outer.fixed { backdrop-filter: blur(4px); } #nav-outer.fixed, #header-outer > #nav-outer.fixed { position: fixed; left: 0; right: 0; top: 0; bottom: auto; margin-left: 0; margin-right: 0; } #nav-outer.fixed:before { content: ""; display: block; position: absolute; left: 50%; top: 0; bottom: 0; z-index: -1; width: 100vw; margin: 0 0 0 -50vw; opacity: var(--top_main_bg_op); } #header-outer.has-shadow #nav-outer.fixed:before { box-shadow: 0 4px 40px rgba(0,0,0,.06); } #header-outer #nav-outer.fixed { backdrop-filter: blur(4px); } #header-outer #nav-outer.fixed { z-index: 99; padding: 0 var(--rpp); border-width: 0; background: var(--white); } #header-outer #nav-outer.fixed #nav { width: 100%; max-width: var(--glw); margin-left: auto; margin-right: auto; } #header-outer #nav-outer.fixed #nav:not(.tr) { position: relative; } } .l4dr li.toggle > ul:not([class=^="gm-"]), .l4dr li.toggle > form { display: block; } /*#root .shopify-section-header .l4cl li a { display: block; padding: 0; }*/ #root .shopify-section-header .l4cl li img { width: 100% !important; height: 100% !important; margin: 0; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } #nav > ul:not([class=^="gm-"]) > li > ul:not([class=^="gm-"]) figure .icon-play, #nav > ul:not([class=^="gm-"]) > li > ul:not([class=^="gm-"]) figure .icon-cube { display: block; top: 50%; font-size: var(--size); line-height: var(--size); } @media only screen and (min-width: 1001px) { /* desktop only */ /*#nav {}*/ #root #nav ul:not([class=^="gm-"]) ul:not([class=^="gm-"]) a.toggle { display: none; } #nav ul:not([class=^="gm-"]):not([class^="gm-"]) { list-style: none; margin: 0; padding: 0; } #nav > ul:not([class=^="gm-"]) { margin-right: calc(0px - var(--cols_spacing)); } [data-whatin="mouse"] #nav > ul:not([class=^="gm-"]) > li.sub:hover > a:not(.toggle, .toggle-all):before { content: ""; display: block; overflow: hidden; position: absolute; z-index: 9; text-align: left; text-indent: -3000em; direction: ltr; left: calc(0px - var(--cols_spacing)); right: calc(0px - var(--cols_spacing)); top: -10px; bottom: -8px; -webkit-transform: perspective(200px) rotateX(45deg); transform: perspective(200px) rotateX(45deg); } [data-whatin="mouse"] #header-inner #nav > ul:not([class=^="gm-"]) > li.sub:hover > a:not(.toggle):before { bottom: min(-100%, calc(0px - var(--header_height) * 0.5)); } #nav > ul:not([class=^="gm-"]) > li > ul:not([class=^="gm-"]) { position: absolute; top: 100%; box-shadow: 0 20px 60px rgba(0,0,0,.06); padding: var(--cols_spacing); border-radius: 0 0 var(--b2r) var(--b2r); background: var(--drop_nav_bg); color: var(--drop_nav_fg); font-size: var(--top_nav_fz_sub); line-height: var(--main_lh_l); text-align: var(--text_align_start); text-indent: 0; --img: 32px; --dist_sub: 5px; --width_sub: 290px; --justify_content: flex-start; --primary_text: var(--drop_nav_fg); --primary_text_h: var(--drop_nav_fg); } .has-first-m6fr-wide #header-outer.transparent[data-transparent]:not(.visible-border) #nav > ul:not([class=^="gm-"]) > li > ul:not([class=^="gm-"]), .has-first-m6bx-wide #header-outer.transparent[data-transparent]:not(.visible-border) #nav > ul:not([class=^="gm-"]) > li > ul:not([class=^="gm-"]) { border-radius: var(--b2r); } #nav > ul:not([class=^="gm-"]) > li > ul:not([class=^="gm-"]).overlay-sand { background: var(--sand); } #nav > ul:not([class=^="gm-"]) > li > ul:not([class=^="gm-"]).submenu-tabs > .submenu-tabs-header:before { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; } #nav > ul:not([class=^="gm-"]) > li > ul:not([class=^="gm-"]).submenu-tabs > .submenu-tabs-header > * { position: relative; z-index: 2; } #nav > ul:not([class=^="gm-"]) > li > ul:not([class=^="gm-"]).submenu-tabs > .submenu-tabs-header.overlay-sand:before { background: var(--black); opacity: .04; } #nav > ul:not([class=^="gm-"]) > li > ul:not([class=^="gm-"]).submenu-tabs > .submenu-tabs-header.overlay-sand, #nav > ul:not([class=^="gm-"]) > li > ul:not([class=^="gm-"]).submenu-tabs.overlay-sand > .submenu-tabs-header.inv { padding-right: var(--cols_spacing); } #nav > ul:not([class=^="gm-"]) > li > ul:not([class=^="gm-"]).submenu-tabs > .submenu-tabs-header.overlay-sand:before, #nav > ul:not([class=^="gm-"]) > li > ul:not([class=^="gm-"]).submenu-tabs.overlay-sand > .submenu-tabs-header.inv:before { left: var(--lor0); right: var(--l0ro); top: calc(0px - var(--cols_spacing)); bottom: calc(0px - var(--cols_spacing)); } #nav > ul:not([class=^="gm-"]) > li > ul:not([class=^="gm-"]).submenu-tabs.overlay-sand > .submenu-tabs-header.inv:before { background: var(--white); opacity: 1; } #nav > ul:not([class=^="gm-"]) > li > ul:not([class=^="gm-"]).submenu-tabs > .submenu-tabs-header a { font-weight: var(--main_fw); } #nav > ul:not([class=^="gm-"]) > li > ul:not([class=^="gm-"]).submenu-tabs > .submenu-tabs-header .overlay-wine.size-12 { position: relative; top: .1em; font-weight: var(--main_fw_strong); } html[dir="rtl"] #nav .submenu-tabs-header.overlay-sand:before, html[dir="rtl"] #nav > ul:not([class=^="gm-"]) > li > ul:not([class=^="gm-"]).submenu-tabs.overlay-sand > .submenu-tabs-header.inv:before { left: calc(--l0ro); right: var(--lor0); } html[dir="rtl"] #nav .submenu-tabs-header.overlay-sand, html[dir="rtl"] #nav > ul:not([class=^="gm-"]) > li > ul:not([class=^="gm-"]).submenu-tabs.overlay-sand > .submenu-tabs-header.inv { padding-left: var(--cols_spacing); padding-right: 0; } #nav > ul:not([class=^="gm-"]) > li > ul:not([class=^="gm-"]) > * { position: relative; z-index: 2; } /*#nav > ul:not([class=^="gm-"]) > li > ul:not([class=^="gm-"]).overlay-sand { --drop_nav_bg: var(--sand); }*/ #nav > ul:not([class=^="gm-"]) > li > ul:not([class=^="gm-"]) .s1bx { font-weight: inherit; } #nav > ul:not([class=^="gm-"]) > li > ul:not([class=^="gm-"]) li > a, #nav > ul:not([class=^="gm-"]) li.show-all li p a { position: relative; z-index: 2; width: 100%; min-height: var(--img); color: inherit; text-decoration: none; display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: flex-start; justify-content: flex-start; } [data-whatin="mouse"] #nav > ul:not([class=^="gm-"]) > li > ul:not([class=^="gm-"]) li > a:hover, [data-whatin="mouse"] #nav > ul:not([class=^="gm-"]) li.show-all li p a:hover { color: var(--drop_nav_fg_hover); } #nav > ul:not([class=^="gm-"]) > li > ul:not([class=^="gm-"]) a img { display: block; width: auto !important; width: var(--img) !important; height: var(--img) !important; margin-right: 15px; margin-left: 0; -o-object-fit: contain; object-fit: contain; -o-object-position: center center; object-position: center center; --b2r: 0; } #nav > ul:not([class=^="gm-"]) > li > ul:not([class=^="gm-"]) figure img { width: 100% !important; height: 100% !important; margin: 0; -o-object-fit: cover; object-fit: cover; } #nav > ul:not([class=^="gm-"]) > li > ul:not([class=^="gm-"]) li.submenu-tabs-footer > figure:first-child:last-child, #nav > ul:not([class=^="gm-"]) > li > ul:not([class=^="gm-"]) li.submenu-tabs-footer > figure:first-child:last-child a, #nav > ul:not([class=^="gm-"]) > li > ul:not([class=^="gm-"]) li.submenu-tabs-footer > figure:first-child:last-child img { display: block; overflow: hidden; position: absolute; left: 0; right: 0; top: calc(0px - var(--cols_spacing)); bottom: calc(0px - var(--cols_spacing)); margin: 0; border-radius: 0; } #nav > ul:not([class=^="gm-"]) > li > ul:not([class=^="gm-"]) li.submenu-tabs-footer > figure:first-child:last-child a, #nav > ul:not([class=^="gm-"]) > li > ul:not([class=^="gm-"]) li.submenu-tabs-footer > figure:first-child:last-child img { top: 0; bottom: 0; border-radius: 0; } #nav > ul:not([class=^="gm-"]) > li > ul:not([class=^="gm-"]) a i { top: 0; } #nav > ul:not([class=^="gm-"]) > li > ul:not([class=^="gm-"]) .active > a:not(.toggle) { /*color: var(--drop_nav_fg_hover);*/ font-weight: var(--main_fw_strong); } #nav > ul:not([class=^="gm-"]) > li.show-all.sub-static > ul:not([class=^="gm-"]), #nav > ul:not([class=^="gm-"]) > li.inv.sub-static > ul:not([class=^="gm-"]) { left: calc(var(--lar0) - var(--cols_spacing)); right: calc(var(--l0ra) - var(--cols_spacing)); } #header-inner #nav > ul:not([class=^="gm-"]) > li.show-all.sub-static > ul:not([class=^="gm-"]), #header-inner #nav > ul:not([class=^="gm-"]) > li.inv.sub-static > ul:not([class=^="gm-"]) { left: calc(var(--l0ra) - var(--cols_spacing)); right: calc(var(--lar0) - var(--cols_spacing)); } /*#nav > ul:not([class=^="gm-"]) > li.show-all.sub-static ul:not([class=^="gm-"]) ul:not([class=^="gm-"]):not(:first-child), #nav > ul:not([class=^="gm-"]) > li.inv.sub-static ul:not([class=^="gm-"]) ul:not([class=^="gm-"]):not(:first-child) { border-radius: var(--b2r) 0 0 var(--b2r); } #nav > ul:not([class=^="gm-"]) > li.show-all.sub-static ul:not([class=^="gm-"]) ul:not([class=^="gm-"]).rounded-b2r:not(:first-child), #nav > ul:not([class=^="gm-"]) > li.inv.sub-static ul:not([class=^="gm-"]) ul:not([class=^="gm-"]).rounded-b2r:not(:first-child) { border-bottom-left-radius: var(--b2r); border-bottom-right-radius: var(--b2r); }*/ #root .shopify-section-header nav .show-all > ul:not([class=^="gm-"]) > li.temp-hidden { display: block; } #root #nav > ul:not([class=^="gm-"]) > li.show-all li.show-all, /*#root #nav li.show-all .l4cl-container,*/ #root .shopify-section-header nav .show-all > ul:not([class=^="gm-"]) > li:not(.temp-hidden) { display: none; } #nav li.show-all figure:not(:first-child:last-child), #root #nav li.show-all [data-class*="recently-viewed"], #nav li.show-all p ~ p { display: none; } #nav li.show-all p, #nav li.show-all figure { margin: 0; -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; } #nav li.show-all figure ~ p.hidden { display: block; } #root #nav li.show-all [data-class*="l4cl-container"] ul:not([class=^="gm-"])[data-class*="l4cl"] { display: block; position: relative; left: 0; right: 0; top: 0; padding: 0; } #nav li.show-all [data-class*="l4cl-container"] > p ~ ul:not([class=^="gm-"]) { border-width: 0; } #nav li.show-all [data-class*="l4cl-container"] > p, #nav li.show-all .submenu-tabs-content, #nav li.show-all li:has(.submenu-tabs-content), #nav li.show-all .submenu-tabs-header p, #root #nav li.show-all figure, #nav li.show-all .submenu-tabs-footer, #nav li.show-all .submenu-tabs-header ~ * { display: none; } #root #nav li.show-all .submenu-tabs-header p ~ ul:not([class=^="gm-"]) { display: block; position: relative; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: auto; margin: 0; padding: 0; box-shadow: none; border-radius: 0; border-width: 0; } /*#nav .submenu-tabs-header {}*/ #nav > ul:not([class=^="gm-"]) > li > ul:not([class=^="gm-"]).submenu-tabs > .submenu-tabs-header ul:not([class=^="gm-"]).cols { -webkit-flex-wrap: wrap; flex-wrap: wrap; } #nav > ul:not([class=^="gm-"]) > li > ul:not([class=^="gm-"]).submenu-tabs > .submenu-tabs-header ul:not([class=^="gm-"]).cols > li { width: 50%; -webkit-flex-basis: auto; -ms-flex-basis: auto; flex-basis: auto; } #nav > ul:not([class=^="gm-"]) > li > ul:not([class=^="gm-"]).submenu-tabs > .submenu-tabs-header ul:not([class=^="gm-"]).cols > li:first-child + li { margin-top: 0; } #nav > ul:not([class=^="gm-"]) > li > ul:not([class=^="gm-"]).submenu-tabs > .submenu-tabs-header li { position: relative; z-index: 2; } [data-whatin="mouse"] #nav > ul:not([class=^="gm-"]) > li > ul:not([class=^="gm-"]).submenu-tabs > .submenu-tabs-header li:hover { z-index: 3; } [data-whatin="mouse"] #nav > ul:not([class=^="gm-"]) > li > ul:not([class=^="gm-"]).submenu-tabs > .submenu-tabs-header ul:not([class=^="gm-"]):not(.cols) li a:hover:after { content: ""; display: block; position: absolute; left: 50%; top: -10px; bottom: -10px; right: calc(0px - var(--cols_spacing) * 2); z-index: 99; /*background: #faf;*/ -webkit-transform: perspective(200px) rotateY(-45deg); transform: perspective(200px) rotateY(-45deg); } #nav > ul:not([class=^="gm-"]) > li > ul:not([class=^="gm-"]).submenu-tabs > .submenu-tabs-content { position: relative; z-index: 2; } #nav > ul:not([class=^="gm-"]) > li > ul:not([class=^="gm-"]).submenu-tabs > .submenu-tabs-content > * { position: relative; z-index: 2; } /*#nav > ul:not([class=^="gm-"]) > li.sub:not(.sub-static) ul:not([class=^="gm-"]) ul:not([class=^="gm-"]) li:last-child > ul:not([class=^="gm-"]) { margin-bottom: var(--main_mr); }*/ #nav > ul:not([class=^="gm-"]) > li > ul:not([class=^="gm-"]) .overlay-theme { color: var(--drop_nav_fg_hover); } #nav > ul:not([class=^="gm-"]) > li.sub-static { position: relative; z-index: 2; } #nav > ul:not([class=^="gm-"]) > li.sub-static > ul:not([class=^="gm-"]) { left: calc(var(--l0ra) - var(--cols_spacing)); right: calc(var(--lar0) - var(--cols_spacing)); padding-left: 0; padding-right: 0; } #nav > ul:not([class=^="gm-"]) > li.sub-static ul:not([class=^="gm-"]) { width: var(--width_sub); } #nav > ul:not([class=^="gm-"]) > li.sub-static li > ul:not([class=^="gm-"]):first-child { margin-left: calc(0px - var(--dist_sub)); margin-right: calc(0px - var(--dist_sub)); } #nav > ul:not([class=^="gm-"]) > li.sub-static li { position: relative; max-width: none; border-width: 0; display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } #nav > ul:not([class=^="gm-"]) > li.sub-static li + li { margin-top: calc(var(--main_mr) * 0.58333333333); } #nav > ul:not([class=^="gm-"]) > li.sub-static li.no-sub.sub > a, #nav > ul:not([class=^="gm-"]) > li.sub-static li a { padding: 0 var(--cols_spacing); } #nav > ul:not([class=^="gm-"]) > li.sub-static li.no-sub.sub > a:before { display: none; } #nav > ul:not([class=^="gm-"]) > li.sub-static li.no-sub.sub > ul:not([class=^="gm-"]) { display: none !important; } #nav > ul:not([class=^="gm-"]) > li.sub-static li.sub > a { padding-right: calc(var(--cols_spacing) * 2); } #nav > ul:not([class=^="gm-"]) > li.sub-static li.sub > a:before { content: "\e96b"; display: block; position: absolute; left: var(--lar0); right: var(--l0ra); top: 50%; width: calc(var(--cols_spacing) * 2 + 7px); margin: -10px 0 0; font-size: var(--size_12_f); font-weight: 400; font-family: i; line-height: 20px; text-align: center; text-indent: 0; letter-spacing: normal; } #nav > ul:not([class=^="gm-"]) > li.sub-static ul:not([class=^="gm-"]) ul:not([class=^="gm-"]) { width: calc(var(--dist_sub) * 2 + var(--width_sub)); border-radius: 0; border-left: var(--dist_sub) solid rgba(0,0,0,0); border-right: var(--dist_sub) solid rgba(0,0,0,0); background: none; font-size: 1em; } #nav > ul:not([class=^="gm-"]) > li.sub-static ul:not([class=^="gm-"]) ul:not([class=^="gm-"]):before { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0/*5px*/; bottom: 0/*5px*/; z-index: -1; border-radius: var(--b2r); background: var(--drop_nav_bg); } #nav > ul:not([class=^="gm-"]) > li.sub-static ul:not([class=^="gm-"]) ul:not([class=^="gm-"]):not(:first-child) { padding: var(--cols_spacing) 0; /*border-radius: var(--b2r); background: var(--drop_nav_bg);*/ } /*#nav > ul:not([class=^="gm-"]) > li.sub-static ul:not([class=^="gm-"]) ul:not([class=^="gm-"]).rounded-b2r:not(:first-child) { border-bottom-left-radius: var(--b2r); }*/ #nav > ul:not([class=^="gm-"]) > li.sub-static li > ul:not([class=^="gm-"]):not(:first-child) { position: absolute; left: var(--l1ra); right: var(--lar1); top: calc(0px - var(--cols_spacing)); } #nav > ul:not([class=^="gm-"]) > li.sub-static.show-all li > ul:not([class=^="gm-"]):not(:first-child), #nav > ul:not([class=^="gm-"]) > li.sub-static.inv li > ul:not([class=^="gm-"]):not(:first-child) { left: var(--lar1); right: var(--l1ra); } #logo.text-center ~ #nav-outer:not(.sticky.fixed) #nav > ul:not([class=^="gm-"]) > li.sub-static.show-all li > ul:not([class=^="gm-"]):not(:first-child), #logo.text-center ~ #nav-outer:not(.sticky.fixed) #nav > ul:not([class=^="gm-"]) > li.sub-static.inv li > ul:not([class=^="gm-"]):not(:first-child) { left: var(--l1ra); right: var(--lar1); } /*html:not(.fixed-sticky) #header-inner #nav > ul:not([class=^="gm-"]) > li.sub-static.show-all li > ul:not([class=^="gm-"]):not(:first-child),*/ html:not(.fixed-sticky) #header-inner #nav > ul:not([class=^="gm-"]) > li.sub-static.inv:not(.show-all) li > ul:not([class=^="gm-"]):not(:first-child) { left: var(--l1ra); right: var(--lar1); } [data-whatin="mouse"] #nav > ul:not([class=^="gm-"]) > li.sub-static li:hover > ul:not([class=^="gm-"]):not(:first-child), #nav > ul:not([class=^="gm-"]) > li.sub-static li.toggle > ul:not([class=^="gm-"]):not(:first-child) { display: block; } #nav > ul:not([class=^="gm-"]) > li.sub-static ul:not([class=^="gm-"]) ul:not([class=^="gm-"]):not(:first-child), #root #nav > ul:not([class=^="gm-"]) > li.sub-static ul:not([class=^="gm-"]) a.toggle:before { display: none; } #root #nav > ul:not([class=^="gm-"]) > li.sub-static ul:not([class=^="gm-"]) a.toggle { display: block; overflow: hidden; position: absolute; left: var(--lar0); right: var(--l0ra); top: -3000em; z-index: 19; width: calc(var(--cols_spacing) * 2); min-height: 44px; padding: 0; text-align: left; text-indent: -3000em; direction: ltr; } #root #nav > ul:not([class=^="gm-"]) > li.sub-static ul:not([class=^="gm-"]) a.toggle { -webkit-transform: translateY(-50%); transform: translateY(-50%); } #root #nav > ul:not([class=^="gm-"]) > li.sub-static ul:not([class=^="gm-"]) a.toggle:focus { top: 50%; } #root #nav .show-all > a:before { content: "\e98d"; font-size: 3px; } [data-whatin="mouse"] #root #nav .show-all:hover > a { color: inherit; } #nav > ul:not([class=^="gm-"]) > li.sub-static .l4ft { display: none; } /*[data-whatin="mouse"] #root #nav .show-all:hover > a:before { color: var(--top_main_bg); } [data-whatin="mouse"] #root #nav .show-all:hover > a:after { border-color: var(--top_nav_fg_hover); background: var(--top_nav_fg_hover); opacity: 1; }*/ #root .shopify-section-header .recently-viewed > p { font-size: var(--main_h4); } #nav > ul:not([class=^="gm-"]) > li:not(.sub-static) > ul:not([class=^="gm-"]) { overflow-x: hidden; overflow-y: auto; left: 0; right: 0; margin: 0 calc(0px - var(--cols_spacing) * 2.25); padding: 0 calc(var(--cols_spacing) * 2.25) var(--cols_spacing) var(--cols_spacing); } #nav > ul:not([class=^="gm-"]) > li.sub-wide:not(.sub-static) > ul:not([class=^="gm-"]) { margin: 0 calc(0px - var(--cols_spacing) * 20); padding-left: calc(var(--cols_spacing) * 19); padding-right: calc(var(--cols_spacing) * 20); } #header-inner #nav > ul:not([class=^="gm-"]) > li.sub-wide:not(.sub-static) > ul:not([class=^="gm-"]) { margin-left: calc(0px - var(--cols_spacing) * 19); } .sticky #nav > ul:not([class=^="gm-"]) > li:not(.sub-static) > ul:not([class=^="gm-"]) { max-height: var(--drop_nav_mah); } #nav-outer.fixed #nav > ul:not([class=^="gm-"]) > li:not(.sub-static) > ul:not([class=^="gm-"]) { --drop_nav_mah: calc(100vh - var(--nav_height)); } #header-outer.fixed #nav > ul:not([class=^="gm-"]) > li:not(.sub-static) > ul:not([class=^="gm-"]) { max-height: var(--drop_nav_mah); } #header-inner #nav-outer:not(.fixed) #nav > ul:not([class=^="gm-"]) > li:not(.sub-static, .sub-wide) > ul:not([class=^="gm-"]) { margin-left: calc(0px - var(--cols_spacing)); } #nav > ul:not([class=^="gm-"]) > li:not(.sub-static) > ul:not([class=^="gm-"]) > li { margin-top: var(--cols_spacing); } /*#nav > ul:not([class=^="gm-"]) > li:not(.sub-static) > ul:not([class=^="gm-"]) > li.l4cl-container:not(:first-child) { margin-top: 0; }*/ #nav > ul:not([class=^="gm-"]) > li:not(.sub-static) > ul:not([class=^="gm-"]) li.wide { width: 100%; } #nav > ul:not([class=^="gm-"]) > li:not(.sub-static) > ul:not([class=^="gm-"]) li { border-left: var(--cols_spacing) solid rgba(0,0,0,0); } #nav > ul:not([class=^="gm-"]) > li:not(.sub-static) > ul:not([class=^="gm-"]) li li + li, #nav > ul:not([class=^="gm-"]) > li:not(.sub-static) > ul:not([class=^="gm-"]) li li + ul:not([class=^="gm-"]), #nav > ul:not([class=^="gm-"]) > li.sub-static li + li, #nav > ul:not([class=^="gm-"]) > li:not(.sub-static) > ul:not([class=^="gm-"]) li.sub > ul:not([class=^="gm-"]):not(:first-child), .shopify-section-header #nav .show-all > ul:not([class=^="gm-"]) > li.temp-hidden ~ li { margin-top: calc(var(--main_mr) * 0.33333333333); } .shopify-section-header #nav .show-all > ul:not([class=^="gm-"]) > li { margin-top: 0; } /*#nav > ul:not([class=^="gm-"]) > li:not(.sub-static) > ul:not([class=^="gm-"]) li li + li.sub { margin-top: calc(var(--main_mr) * 1); }*/ /*, #nav > ul:not([class=^="gm-"]) > li.sub-static li.strong + li { margin-top: calc(var(--main_mr) * 0.45); }*/ #nav > ul:not([class=^="gm-"]) > li:not(.sub-static) > ul:not([class=^="gm-"]) li a, #nav > ul:not([class=^="gm-"]) > li.sub-static li .strong a { min-height: var(--img); font-weight: var(--top_nav_fw_sub); font-family: var(--main_ff); } #nav > ul:not([class=^="gm-"]) > li:not(.sub-static) > ul:not([class=^="gm-"]) li.overlay-theme > a { font-weight: var(--main_fw_semi); } #nav > ul:not([class=^="gm-"]) > li:not(.sub-static) > ul:not([class=^="gm-"]) li li { border-width: 0; } #nav > ul:not([class=^="gm-"]) > li:not(.sub-static) > ul:not([class=^="gm-"]) li li li a { font-family: var(--main_ff); font-weight: var(--main_fw); } #nav > ul:not([class=^="gm-"]) > li:not(.sub-static) > ul:not([class=^="gm-"]) .l4cl-container > p { font-weight: var(--main_fw_h); font-family: var(--main_ff_h); text-transform: none; } #nav > ul:not([class=^="gm-"]) > li:not(.sub-static) > ul:not([class=^="gm-"]) .l4cl-container > p:not([class*="margin-"], .link-btn) { margin-bottom: var(--main_mr_h); } #root #nav .link-btn a { font-weight: var(--theme_btn_fw); } #root .shopify-section-header .l4cl, #root .shopify-section-header .l4ft { margin-bottom: /*var(--main_mr)*/ 0px; margin-left: calc(0px - var(--dist_a)); /*--dist_b: 0;*/ } #root .shopify-section-header .l4cl:not([class*="width"]) { --width: 10%; } #root .shopify-section-header .submenu-tabs-content .l4cl:last-child { margin-bottom: 0; } #root .shopify-section-header .l4cl:last-child, #root .shopify-section-header .submenu-tabs-content:last-child > .l4cl { margin-bottom: calc(0px - var(--dist_a)); } /*#root .shopify-section-header .l4cl-container + .l4cl-container { margin-top: var(--main_mr); }*/ /*#root .shopify-section-header li > ul:not([class=^="gm-"]) > li.l4cl-container:first-child { padding-top: calc(var(--cols_spacing) * 0.2); }*/ #root .shopify-section-header #nav .l4cl { font-weight: var(--main_fw); } #root .shopify-section-header #nav .l4cl li, #root .shopify-section-header #nav .l4ft li { -webkit-flex-basis: auto; -ms-flex-basis: auto; flex-basis: auto; -webkit-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; } #root .shopify-section-header #nav .l4cl a { font-family: inherit; font-weight: inherit; text-decoration: none; } #root .shopify-section-header #nav .l4cl a:not([class*="overlay"], .swiper-button-nav) { color: inherit; } #root .shopify-section-header #nav .l4cl .link-btn a { font-weight: var(--theme_btn_fw); } #root .shopify-section-header #nav .l4cl p:not(.link-btn) a, #root .shopify-section-header #nav .l4cl h1 a, #root .shopify-section-header #nav .l4cl h2 a, #root .shopify-section-header #nav .l4cl h3 a, #root .shopify-section-header #nav .l4cl h4 a, #root .shopify-section-header #nav .l4cl h5 a, #root .shopify-section-header #nav .l4cl h6 a { display: inline; position: static; } #root .shopify-section-header #nav .l4cl h1 a, #root .shopify-section-header #nav .l4cl h2 a, #root .shopify-section-header #nav .l4cl h3 a, #root .shopify-section-header #nav .l4cl h4 a, #root .shopify-section-header #nav .l4cl h5 a, #root .shopify-section-header #nav .l4cl h6 a { color: inherit; } #root .shopify-section-header #nav .l4cl + .link-btn { margin-top: calc(0px - var(--main_mr_x025)); } #root .shopify-section-header #nav .l4cl.hr + .link-btn { margin-top: 0; } #root .shopify-section-header .l4cl li, #root .shopify-section-header .l4ft li { min-height: 0; margin-top: 0; border-left-width: var(--dist_a); } #root .shopify-section-header .l4cl.s4wi { margin-left: 0; } #root .shopify-section-header .l4cl.s4wi li { margin-bottom: var(--dist_a); border-left-width: 0; } #root .shopify-section-header .l4cl li > p:last-child { margin-bottom: 0; } #root .shopify-section-header .l4cl li figure + p { margin-top: calc(0px - var(--main_mr) + var(--main_mr_x075)); } #root .shopify-section-header .l4cl li:nth-child(10) ~ li { display: none; } #root .shopify-section-header .l4cl [class*="orientation"] img { height: 100% !important; } /*#root .shopify-section-header .l4cl figure > a { position: absolute; }*/ #root .shopify-section-header .l4cl li.featured.width-50 { min-height: 65.625vh; } #root .shopify-section-header .l4cl li.featured.width-100 { min-height: calc(32.8125vh - var(--dist_a) * 0.5); } #root .shopify-section-header .l4cl .featured > div.align-center { max-width: 820px; } #root .shopify-section-header .link-btn:last-child { margin-bottom: calc(0px - var(--dist_bb)); } #root .shopify-section-header .cols > .link-btn:last-child { margin-bottom: calc(var(--main_mr) - var(--dist_bb)); } #root .shopify-section-header .l4cl.hr { --w: 100px; --dist_a: 20px; } #root .shopify-section-header .l4cl.hr li { max-width: none; } /*#root .shopify-section-header .l4ft {}*/ #root .shopify-section-header .l4ft .link-btn:last-child { margin-bottom: calc(var(--main_mr) - var(--dist_bb)); } #root .shopify-section-header .l4ft .link-btn a:not(.inline) { min-height: var(--button_height); } #root .shopify-section-header .l4ft .main > .link-btn:last-child { margin-bottom: 0; } /*.l4ft { margin-right: 0; margin-left: calc(0px - var(--dist_a)); margin-bottom: calc(var(--main_mr) - var(--dist_a)); --dist_a: var(--spacing); --spacing: var(--cols_spacing); --mih_desktop: calc(100vw * 0.23125); --mih_mobile: var(--mih_desktop); --cols_spacing: var(--rpp); } .l4ft li { position: relative; z-index: 3; margin: 0 0 var(--dist_a); } #root .l4ft li { border-left: var(--dist_a) solid rgba(0,0,0,0); } .l4ft:not([class*="width"]) li:not([class*="width"]) { --width: 33.333333333%; } .l4ft .main, .l4ft li > .content.box { position: relative; z-index: 3; padding: var(--cols_spacing) var(--cols_spacing) calc(var(--cols_spacing) - var(--main_mr)); color: var(--primary_text); /*--primary_text_h: var(--primary_text); --primary_text: var(--white); } .l4ft .main, .l4ft li > .content { --main_mr: var(--main_mr_half); } .l4ft li.align-start .main figure:has(.s1bx) + div { padding-top: var(--cols_spacing); } .l4ft .main + * { padding-top: var(--cols_spacing); } .l4ft .main > .link-btn, .m6fr figure > .link-btn, #root .media-flexible .link-btn { position: absolute; left: 0; right: 0; bottom: 0; margin-bottom: 0; padding: 0 var(--dist_a); --dist_a: var(--dist_fig); --dist_ba: var(--dist_fig); --dist_bb: var(--dist_fig) } .l4ft li:not(.align-top, .align-bottom) .main > div, .l4ft li.text-center .main > div { width: 100%; /*max-width: 470px;* margin: 0 auto; } .l4ft li > .content.box { z-index: 2; min-height: 0; } .l4ft li > .content.box:before { border-radius: 0 0 var(--b2p) var(--b2p); background: var(--primary_bg); } .l4ft figure, .l4cl .featured figure { display: block; overflow: hidden; z-index: -1 !important; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: auto; max-width: none; margin: 0; border-radius: var(--b2p); background: var(--primary_bg); } .l4ft figure * { --b2p: 0px; } .l4ft .has-content-box figure { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .l4ft figure > a, .l4ft picture { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; } .l4ft figure > span:not(.img-overlay) { position: absolute; left: 0; right: 0; top: 0; z-index: 9; padding: var(--dist_fig) calc(var(--dist_fig) * 0.5) 0 var(--dist_fig); } .l4ft h1, .l4ft h2, .l4ft h3, .l4ft h4, .l4ft h5, .l4ft h6 { margin: 0 0 var(--main_mr_half); } .l4ft .link-btn, .l4ft p a { position: relative; z-index: 9; } .l4ft + .l4ft { margin-top: calc(0px - var(--dist_a)); }*/ /*#root .shopify-section-header .l4cl { margin-bottom: var(--main_mr); margin-left: calc(0px - var(--dist_a)); --dist_b: 0; --maw: 10%; }*/ [data-whatin="mouse"] #nav > ul:not([class=^="gm-"]) > li.sub-static:hover > ul:not([class=^="gm-"]), #nav > ul:not([class=^="gm-"]) > li.sub-static.toggle > ul:not([class=^="gm-"]) { display: block; } [data-whatin="mouse"] #nav > ul:not([class=^="gm-"]) > li:not(.sub-static):hover > ul:not([class=^="gm-"]), #nav > ul:not([class=^="gm-"]) > li:not(.sub-static).toggle > ul:not([class=^="gm-"]) { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } #root > .overlay-close { z-index: 7; } [data-whatin="mouse"] #nav > ul:not([class=^="gm-"]) > li:hover > a .icon-chevron-down:before, #nav > ul:not([class=^="gm-"]) > li.toggle > a .icon-chevron-down:before { content: "\e968"; } .nav-hover #root > .overlay-close { visibility: visible; opacity: var(--overlay_opacity); } } /*#nav-user {}*/ #nav-user > ul:not([class=^="gm-"]) > li.sub.toggle > a:before { -webkit-transform: rotate(180deg); transform: rotate(180deg); } #nav-user li > ul:not([class=^="gm-"]), #nav-user li > form, .l4dr li > ul:not([class=^="gm-"]), .l4dr form { overflow-x: hidden; overflow-y: auto; position: absolute; left: var(--lar0); right: var(--l0ra); top: calc(100% + 15px); list-style: none; /*min-width: calc(var(--main_fz) * 11);*/ max-height: 40vh; margin: 0; padding: calc(var(--cols_spacing) * 0.5) var(--cols_spacing); box-shadow: 0 20px 60px rgba(0,0,0,.08); border-radius: var(--b2r); background: var(--drop_nav_bg); color: var(--drop_nav_fg); white-space: nowrap; --cols_spacing: var(--rpp); } #nav-user li > form ul:not([class=^="gm-"]) { list-style: none; margin: 0; padding: 0; } #nav-user li > ul:not([class=^="gm-"]) li, #nav-user li > form li, .l4dr ul:not([class=^="gm-"]) li { position: relative; z-index: 2; margin: 0; --b2r: 99px; } #nav-user li > ul:not([class=^="gm-"]) li a, #nav-user li > form li a, .l4dr ul:not([class=^="gm-"]) a { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; align-items: center; } #nav-user li > ul:not([class=^="gm-"]) li a, #nav-user li > form li a, .l4dr ul:not([class=^="gm-"]) a { width: 100%; padding: 9px 0; color: inherit; text-decoration: none; } [data-whatin="mouse"] #nav-user li > ul:not([class=^="gm-"]) li a:hover, [data-whatin="mouse"] #nav-user li > form li a:hover, [data-whatin="mouse"] #root .l4dr ul:not([class=^="gm-"]) a:hover { color: var(--drop_nav_fg_hover); } #nav-user li > ul:not([class=^="gm-"]) li img, #nav-user li > form li img, .l4dr ul:not([class=^="gm-"]) img { display: block; position: absolute; left: var(--l0ra); right: var(--lar0); top: 50%; width: var(--size_20_f) !important; height: var(--size_20_f) !important; margin-right: var(--size_12_f); } #nav-user li > ul:not([class=^="gm-"]) li img, #nav-user li > form li img, .l4dr ul:not([class=^="gm-"]) img { -webkit-transform: translateY(-50%); transform: translateY(-50%); } #nav-user li > ul:not([class=^="gm-"]) li img ~ a, #nav-user li > form li img ~ a, .l4dr ul:not([class=^="gm-"]) img ~ a { padding-left: var(--size_32_f); } #nav-user li > ul:not([class=^="gm-"]) li a:after, #nav-user li > form li a:after { display: none; } #nav-user li > ul:not([class=^="gm-"]) i, #nav-user li > form i, .l4dr ul:not([class=^="gm-"]) i { display: block; top: 0; width: var(--size_20_f); margin-right: 0; margin-left: 0; color: inherit; font-size: var(--size_20_f); line-height: var(--size_20_f); text-align: center; opacity: 1; } #nav-user li > ul:not([class=^="gm-"]) i + *, #nav-user li > form i + *, .l4dr ul:not([class=^="gm-"]) i + * { margin-left: var(--size_12_f); } #root #nav-user li > ul:not([class=^="gm-"]) li a:after, #root #nav-user li > form li a:after, .l4dr ul:not([class=^="gm-"]) a:after { -webkit-transform: none; transform: none; } #nav-user li > ul:not([class=^="gm-"]) a.toggle, #nav-user li > form a.toggle { display: none; } #nav-user li.toggle > ul:not([class=^="gm-"]), #nav-user li.toggle > form { display: block; } /*#nav {}*/ /*.l4dr {}*/ .l4dr li > ul:not([class=^="gm-"]), #root .l4dr form { left: var(--l0ra); right: var(--lar0); top: calc(100% + 10px); width: auto; max-height: calc(var(--main_fz) * 17); margin: 0; } .l4dr ul:not([class=^="gm-"]) { display: block; list-style: none; margin: 0; padding: 0; } .shopify-section-footer .l4dr ~ * { position: relative; z-index: 1; } #root .shopify-section-footer .l4dr ul:not([class=^="gm-"]) li + li { margin-top: 0; } #distance-spacer:before { transition-property: all; transition-duration: 0.4s; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-delay: 0s; } @media only screen and (max-width: 1200px) { #root .shopify-section-header .l4cl.width-10 { --width: 14.2857142857%; } #root .shopify-section-header .l4cl li:nth-child(7) ~ li { display: none; } } @media only screen and (max-width: 1000px) { #nav-user li > ul:not([class=^="gm-"]), #nav-user li > form { top: 100%; } /* fill */ #nav li:before, #nav:not([data-type]) > ul:not([class=^="gm-"]).nav-user:not(.ul:not([class=^="gm-"])-toggle):before { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; } /* icon */ #nav li.sub > a:not(.toggle):after, #nav > a.close:before, #nav a.toggle-back:after, #nav:not([data-type]) > ul:not([class=^="gm-"]).nav-user:not(.ul:not([class=^="gm-"])-toggle) > li.sub > a:before { display: block; position: absolute; left: 0; right: 0; top: 50%; margin: -10px 0 0; font-weight: 400; font-family: i; line-height: 20px; text-align: center; text-indent: 0; letter-spacing: normal; } #root .shopify-section-header #nav-outer { display: block; text-align: var(--text_align_start); --justify_content: flex-start; } /*#nav-outer[data-type], #nav-outer[data-type] #nav li > ul:not([class=^="gm-"]), #nav-outer[data-type] #nav li > form { background: var(--top_nav_bg); }*/ #root .shopify-section-header #nav-outer #nav { max-width: none; --padding: 16px; } #nav { --top_nav_fg_hover: var(--drop_nav_fg_hover); font-size: var(--top_nav_fz); } #nav > .header { display: block; position: relative; z-index: 998; margin: 0 0 16px; padding: 15px 88px 15px var(--rpp); box-shadow: 0 4px 40px rgba(0,0,0,.06); background: var(--drop_nav_bg); color: var(--drop_nav_fg); font-weight: var(--main_fw_h); font-family: var(--main_ff_h); font-size: var(--size_18_f); line-height: var(--main_lh_l); } [dir="rtl"] #nav > .header { padding-left: 88px; padding-right: var(--rpp); } #root #nav-outer[data-type] #nav > .header { padding-left: 55px; padding-right: 55px; } #nav ul:not([class=^="gm-"]) { list-style: none; margin-top: 0; margin-bottom: 0; padding: 0; font-size: 1em; } #nav li { display: block; position: relative; z-index: 2; --width: 100%; } #nav li:before, #nav:not([data-type]) > ul:not([class=^="gm-"]).nav-user:before { left: var(--rpp); right: var(--rpp); border-top: 1px solid var(--top_nav_bd); } #nav .l4cl li:before { display: none; } #nav li a { display: block; position: relative; z-index: 2; padding: calc(var(--padding) + 1px) var(--rpp) var(--padding); font-weight: var(--top_nav_fw); text-decoration: none; } #nav li a:not([class*="overlay-"]) { color: inherit; } #nav li a.link-overlay { position: absolute; z-index: 9; } #nav li a.toggle:not(:first-child, .toggle-back) { overflow: hidden; position: absolute; left: var(--lar0); right: var(--l0ra); top: 0; bottom: 0; z-index: 9; width: 44px; text-indent: -3000em; text-align: left; direction: ltr; opacity: .4; } #nav li.sub > a:not(.toggle) { padding-right: 44px; } #nav li.sub > a:not(.toggle):after { content: "\e96b"; left: var(--lar0); right: var(--rpp); width: auto; font-size: var(--size_12_f); } #nav li.disabled > a.toggle, #nav li.empty-url > a.toggle, #nav li.inactive > a.toggle { left: var(--rpn); right: var(--rpn); width: auto; } #nav li .link-btn a { color: var(--theme_btn_text); font-weight: var(--theme_btn_fw); } #nav li .link-btn a.inline { padding: 0; } #nav li .link-btn a:not(.inline) { padding: var(--button_dist_h) var(--button_dist); } #nav h1, #nav h2, #nav h3, #nav h4, #nav h5, #nav h6 { color: inherit; } #nav > ul:not([class=^="gm-"]) { display: block; } #nav > ul:not([class=^="gm-"]) > li { display: block; position: relative; z-index: 2; } #nav > ul:not([class=^="gm-"]) > li > a { display: block; overflow-wrap: break-word; -ms-word-break: break-word; word-break: break-word; -webkit-hyphens: auto; } #nav > ul:not([class=^="gm-"]) > li > a .s1bx { font-size: 1em; font-weight: inherit; } #nav .active > a:not(.toggle) { /*color: var(--top_nav_fg_hover);*/ font-weight: var(--main_fw_strong); } #nav > ul:not([class=^="gm-"]).nav-top > li { padding: calc(var(--padding) + 1px) var(--rpp) var(--padding); } #root #nav > ul:not([class=^="gm-"]).nav-top > li > a { display: inline; position: static; padding: 0; } #nav > ul:not([class=^="gm-"]).nav-top > li > a:first-child:last-child:after { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index:8; } #nav > ul:not([class=^="gm-"]).category-img > li:not(.mtoggle) > a:not(.toggle), #nav > ul:not([class=^="gm-"]).category-img ~ ul:not([class=^="gm-"]):not(.nav-user) > li:not(.mtoggle) > a, #nav:not([data-type]) > ul:not([class=^="gm-"]).nav-user li ul:not([class=^="gm-"]) img ~ a { padding-left: calc(var(--rpp) + var(--li_dist)); } #nav > ul:not([class=^="gm-"]).category-img ~ ul:not([class=^="gm-"]) > li > a ~ a.toggle { padding: 0; } #nav > ul:not([class=^="gm-"]).category-img > li > a img, #nav > ul:not([class=^="gm-"]).category-img ~ ul:not([class=^="gm-"]):not(.nav-user) > li > a img, #nav:not([data-type]) > ul:not([class=^="gm-"]).nav-user li ul:not([class=^="gm-"]) img { display: block; position: absolute; left: var(--rpp); right: var(--lar0); top: 50%; width: 24px !important; -webkit-transform: translateY(-50%); transform: translateY(-50%); } #nav li > ul:not([class=^="gm-"]), #nav li > form { background: var(--drop_nav_bg); } #nav > ul:not([class=^="gm-"]) ul:not([class=^="gm-"]) a { -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; } #nav > ul:not([class=^="gm-"]) ul:not([class=^="gm-"]) .link-btn a { -webkit-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; } #nav > ul:not([class=^="gm-"]) ul:not([class=^="gm-"]) a i { display: inline-block; font-size: 1em; line-height: 1; } #nav > ul:not([class=^="gm-"]) ul:not([class=^="gm-"]) a i[class*="icon-arrow"] { top: 0; font-size: .75em; } #nav > ul:not([class=^="gm-"]) ul:not([class=^="gm-"]):not(.l4cl) a img { display: none; } .m2a .shopify-section-header #nav li.overlay-theme > a { color: var(--drop_nav_fg); font-weight: var(--main_fw_strong); } #nav .l4cl { font-size: var(--main_fz); } #nav .l4cl figure { margin-bottom: 0; } #nav .l4cl p { margin-bottom: var(--main_mr_x025); } #nav .l4cl p a { position: static; padding: 0; } #nav .l4cl figure + * { margin-top: var(--rpp); } #nav .l4cl-container:not(.recently-viewed) { padding-left: var(--rpp); padding-right: var(--rpp); } #nav .l4cl .swiper-button-nav { display: none; } #nav > a.close, #nav > ul:not([class=^="gm-"]).ul:not([class=^="gm-"])-toggle > li.mtoggle > a.toggle-back { display: block; overflow: hidden; position: absolute; left: var(--lar0); right: var(--l0ra); top: 0; z-index: 999; width: 44px; height: calc(15px * 2 + var(--size_18_f) * var(--main_lh_l)); color: inherit; font-size: var(--size_16_f); text-indent: -3000em; text-align: left; direction: ltr; } #nav > ul:not([class=^="gm-"]).ul:not([class=^="gm-"])-toggle > li.mtoggle > a.toggle-back { left: var(--l0ra); right: var(--lar0); } #nav > a.close:before { content: "\e972"; left: var(--lar0); right: var(--l0ra); padding-right: var(--rpp); } #nav > ul:not([class=^="gm-"]).ul:not([class=^="gm-"])-toggle > li.mtoggle > a.toggle-back:after { content: "\e989"; left: var(--l0ra); right: var(--lar0); padding-left: var(--rpp); } /*#nav .link-day, #root #nav .link-day { background: var(--drop_nav_fg); } #nav .link-day:after { background: var(--drop_nav_bg); } #nav .link-day .spacer:before, #nav .link-day .spacer:after { color: var(--drop_nav_bg); }*/ #nav .submenu-tabs:not(.disabled) .submenu-tabs-content, #nav .submenu-tabs-header p, #nav .submenu-tabs-header p:first-child + ul:not([class=^="gm-"]) > li:first-child:before { display: none; } #nav .submenu-tabs-content { padding-top: var(--rpp); padding-left: var(--rpp); padding-right: var(--rpp); } #nav .l4cl-container .submenu-tabs-content { padding-left: 0; padding-right: 0; } #nav li.submenu-tabs-header + li { margin-bottom: 17px; } #nav .submenu-tabs:not(.disabled) li.submenu-tabs-header ~ * { display: none; } #root #nav .submenu-tabs-header ul:not([class=^="gm-"]) { display: block; } #nav > ul:not([class=^="gm-"]).ul:not([class=^="gm-"])-toggle > li.mtoggle { position: static; } #nav:not([data-type]) > ul:not([class=^="gm-"]).nav-top { display: block; } #nav:not([data-type]) > ul:not([class=^="gm-"]).nav-user { min-height: var(--padding); --b2r: 99px; --top_nav_fw: var(--main_fw); } #nav:not([data-type]) > ul:not([class=^="gm-"]).nav-user:not(.ul:not([class=^="gm-"])-toggle) { position: relative; margin: 0 0 0 var(--rpp); } #nav:not([data-type]) > ul:not([class=^="gm-"]).nav-user:not(.ul:not([class=^="gm-"])-toggle):before { left: 0; right: var(--rpp); } #nav:not([data-type]) > ul:not([class=^="gm-"]).nav-user:not(.ul:not([class=^="gm-"])-toggle) > li { margin-right: var(--rpp); } #nav:not([data-type]) > ul:not([class=^="gm-"]).nav-user:not(.ul:not([class=^="gm-"])-toggle) > li:before { display: none; } html:not([dir="rtl"]) #nav:not([data-type]) > ul:not([class=^="gm-"]).nav-user:not(.ul:not([class=^="gm-"])-toggle) > li.sub > a { padding-right: 16px; } html[dir="rtl"] #nav:not([data-type]) > ul:not([class=^="gm-"]).nav-user:not(.ul:not([class=^="gm-"])-toggle) > li.sub > a { padding-left: 16px; } #nav:not([data-type]) > ul:not([class=^="gm-"]).nav-user:not(.ul:not([class=^="gm-"])-toggle) > li.sub > a:before { content: "\e969"; left: var(--lar0); right: var(--l0ra); font-size: 6px; } #nav:not([data-type]) > ul:not([class=^="gm-"]).nav-user.ul:not([class=^="gm-"])-toggle > li, #nav:not([data-type]) > ul:not([class=^="gm-"]).nav-user.ul:not([class=^="gm-"])-toggle > li > a:not(.toggle) { display: block; width: 100%; } #nav:not([data-type]) > ul:not([class=^="gm-"]).nav-user > li > a { padding-left: 0; padding-right: 0; --padding: 19px; } #nav:not([data-type]) > ul:not([class=^="gm-"]).nav-user > li > a img { display: block; width: 24px !important; margin-right: calc(var(--li_dist) - 24px); } #nav:not([data-type]) > ul:not([class=^="gm-"]).nav-user li ul:not([class=^="gm-"]) img { display: block; position: absolute; left: var(--rpp);} #nav > ul:not([class=^="gm-"]).nav-user > li:before { display: none; } #nav i { display: block; font-size: var(--size_20); line-height: calc(var(--main_fz) * var(--main_lh)); } #nav i[class*="chevron-down"], #nav i[class*="chevron-up"] { display: none; } /*#nav:not([data-type]) > ul:not([class=^="gm-"]).nav-user > li.link-day-container { padding-top: 19px; padding-bottom: 19px; }*/ #nav:not([data-type]) > ul:not([class=^="gm-"]).nav-user > li.link-day-container/*:first-child*/ { display: none; } html:not([dir="rtl"]) #nav:not([data-type]) > ul:not([class=^="gm-"]).nav-user > li.link-day-container:not(:first-child) { margin-left: auto; } html[dir="rtl"] #nav:not([data-type]) > ul:not([class=^="gm-"]).nav-user > li.link-day-container:not(:first-child) { margin-right: auto; } #nav:not([data-type]) > ul:not([class=^="gm-"]).nav-user li, #nav:not([data-type]) > ul:not([class=^="gm-"]).nav-user > li:not(.mtoggle) > a:not(.toggle-back), #root #nav:not([data-type]) > .l4cl-container ul:not([class=^="gm-"]) { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } #root .shopify-section-header #nav > ul:not([class=^="gm-"]).nav-user li.hidden { display: none; } .logo-text-center #nav:not([data-type]) > ul:not([class=^="gm-"]).nav-user { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; } #nav > ul:not([class=^="gm-"]):not(.ul:not([class=^="gm-"])-toggle) ~ .link-day-container { display: block; position: absolute; top: 0; z-index: 999; } [dir="ltr"] #nav > ul:not([class=^="gm-"]):not(.ul:not([class=^="gm-"])-toggle) ~ .link-day-container { right: 44px; } [dir="rtl"] #nav > ul:not([class=^="gm-"]):not(.ul:not([class=^="gm-"])-toggle) ~ .link-day-container { left: 44px; } #nav > ul:not([class=^="gm-"]):not(.ul:not([class=^="gm-"])-toggle) ~ .link-day-container:before { display: none; } #nav > .link-day-container .link-day { width: 44px; height: calc(15px * 2 + var(--size_18_f) * var(--main_lh_l)); color: inherit; line-height: calc(15px * 2 + var(--size_18_f) * var(--main_lh_l)); text-decoration: none; } #nav > .link-day-container .link-day i { display: block; position: absolute; left: 0; right: 0; top: 50%; margin-top: -20px; font-size: var(--size_20); line-height: 40px; text-align: center; } #nav:not([data-type]) > .nav-top-img { display: block; margin: 0 var(--rpp) var(--rpp); --b2r: 0; } #nav:not([data-type]) > .l4cl-container { display: block; padding: 30px var(--rpp) .1px; } #nav-outer[data-type] #nav > .l4cl-container { padding-top: calc(30px - var(--padding) - 1px); } #nav:not([data-type]) > .l4cl-container p { margin: 0 0 var(--main_mr_half); } #root #nav:not([data-type]) > .l4cl-container .l4cl:not(.mobile-scroll) { overflow-x: auto; overflow-y: hidden; margin: 0 var(--rpn); padding: 0; --dist_a: var(--rpp); -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-start; justify-content: flex-start; } #root #nav:not([data-type]) > .l4cl-container .l4cl:not(.mobile-scroll) { --width: 90px; } #root #nav:not([data-type]) > .l4cl-container .l4cl:not(.mobile-scroll) li { --width: 90px; width: calc(var(--dist_a) + var(--width)); min-width: calc(var(--dist_a) + var(--width)); max-width: calc(var(--dist_a) + var(--width)); } #root #nav:not([data-type]) > .l4cl-container .l4cl.s4wi:not(.mobile-scroll) li { width: 100%; min-width: 0; } [dir="ltr"] #root #nav:not([data-type]) > .l4cl-container .l4cl.s4wi:not(.mobile-scroll) .swiper-slide { margin-right: 0 !important; } [dir="rtl"] #root #nav:not([data-type]) > .l4cl-container .l4cl.s4wi:not(.mobile-scroll) .swiper-slide { margin-left: 0 !important; } #root .shopify-section-header .l4cl li:nth-child(1) ~ li { display: block; } #root .shopify-section-header .l4cl a { font-weight: inherit; } #root .shopify-section-header .l4cl.mobile-scroll li { -webkit-flex-basis: auto; -ms-flex-basis: auto; flex-basis: auto; } #root .shopify-section-header .l4cl figure a { /*position: absolute;*/ padding: 0; } #nav:not([data-type]) > .nav-top-img + .l4cl-container { padding-top: calc(30px - var(--rpp)); } /*#root #nav:not([data-type]) > .l4cl-container .l4cl li:first-child {}*/ html:not([dir="rtl"]) #root #nav:not([data-type]) > .l4cl-container .l4cl li:last-child, html[dir="rtl"] #root #nav:not([data-type]) > .l4cl-container .l4cl li:first-child { margin-right: var(--rpp); } .m2a #root #header-outer > .overlay-close { visibility: hidden; opacity: 0; } .m2a #root #header-inner > .overlay-close { visibility: visible; opacity: var(--overlay_opacity); } .dm-ready.has-first-m6fr-wide.m2a #root #header-inner > #nav-user, .dm-ready.has-first-m6fr-wide.m2a #root #header-inner > #logo { opacity: calc(1 - var(--overlay_opacity)); } .dm-ready.has-first-m6fr-wide.m2a #root #header-inner > .overlay-close { opacity: 0; } /*#root .shopify-section-header .l4ft {}*/ #root .shopify-section-header .l4ft .link-btn a:not(.inline) { width: auto; -webkit-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; } .m2a #nav-outer { visibility: visible; opacity: 1; -webkit-transform: none; transform: none; } .m2a #root > .overlay-close, .m2a #header-outer > .overlay-close, .m2a #nav-top > .overlay-close, .m2a .shopify-section-announcement-bar > .overlay-close { visibility: visible; opacity: var(--overlay_opacity); } .shopify-section-footer .l4dr li.toggle > ul:not([class=^="gm-"]), .shopify-section-footer .l4dr li.toggle > form { top: auto; bottom: calc(100% + 10px); } .has-nav #nav-outer { transition-property: transform, visibility, opacity; transition-duration: 0.4s; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-delay: 0s; } #nav ul:not([class=^="gm-"]) ul:not([class=^="gm-"]) li.mtoggle > ul:not([class=^="gm-"]), #nav ul:not([class=^="gm-"]) ul:not([class=^="gm-"]) li.mtoggle > form { display: block; position: relative; z-index: 9; } #nav ul:not([class=^="gm-"]) ul:not([class=^="gm-"]) li.mtoggle > ul:not([class=^="gm-"]) a:not(.overlay-theme), #nav ul:not([class=^="gm-"]) ul:not([class=^="gm-"]) li.mtoggle > form a:not(.overlay-theme) { font-weight: var(--main_fw); } #nav ul:not([class=^="gm-"]) ul:not([class=^="gm-"]) li.mtoggle > ul:not([class=^="gm-"]) .active > a:not(.overlay-theme), #nav ul:not([class=^="gm-"]) ul:not([class=^="gm-"]) li.mtoggle > form .active > a:not(.overlay-theme) { font-weight: var(--main_fw_strong); } #nav > ul:not([class=^="gm-"]) > li:first-child:before, #nav > ul:not([class=^="gm-"]) > li.mtoggle > ul:not([class=^="gm-"]) > li:first-child:before, #nav > ul:not([class=^="gm-"]) > li.mtoggle > ul:not([class=^="gm-"]) > li:first-child > ul:not([class=^="gm-"]):first-child > li:first-child:before, #nav-outer[data-type="user-nav"] #nav > ul:not([class=^="gm-"])[data-type="user-nav"] li:first-child:before, #nav:not([data-type]) > .l4cl-container:before { display: none; } #nav > ul:not([class=^="gm-"]) + ul:not([class=^="gm-"]) > li:first-child:before { display: block; } #nav ul:not([class=^="gm-"]) ul:not([class=^="gm-"]).ul:not([class=^="gm-"])-toggle li.mtoggle { background: rgba(0,0,0,.05); } #root #nav-outer #nav ul:not([class=^="gm-"]) ul:not([class=^="gm-"]).ul:not([class=^="gm-"])-toggle li.mtoggle ul:not([class=^="gm-"]) { background: none; } #nav ul:not([class=^="gm-"]) ul:not([class=^="gm-"]) li.mtoggle.sub > a:not(.toggle):after { -webkit-transform: rotate(90deg); transform: rotate(90deg); } #nav li .link-btn a { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } #nav > ul:not([class=^="gm-"]).nav-user > li:not(.lang, .link-day-container, .currency), #nav > a.overlay-close, #nav > a.close ~ a.close, #nav > ul:not([class=^="gm-"]):not(.category-img) > li > a img, #nav > ul:not([class=^="gm-"]).ul:not([class=^="gm-"])-toggle > li.mtoggle > a.toggle-back *, #nav:not([data-type]) > .nav-top-img:after, #nav li > ul:not([class=^="gm-"]):not(:first-child, .l4cl, .l4ft), #nav li > form, /*#nav li > ul:not([class=^="gm-"]):not(.l4cl) img,*/ #nav > ul:not([class=^="gm-"]) > li.show-all, #nav > ul:not([class=^="gm-"]).ul:not([class=^="gm-"])-toggle > li.mtoggle:before, #root #nav > ul:not([class=^="gm-"]).ul:not([class=^="gm-"])-toggle > li:not(.mtoggle), #nav > ul:not([class=^="gm-"]).ul:not([class=^="gm-"])-toggle > li.mtoggle > *:not(ul:not([class=^="gm-"]), form), #nav-outer[data-type] #nav > *:not(.header, .close, .l4cl-container), #nav-outer[data-type] #nav > .header > span:not(.mtoggle-header), #nav-outer:not([data-type]) #nav > .header > .mtoggle-header, #root #nav:not([data-type]) > .nav-top-img + .l4cl-container:before, #nav ul:not([class=^="gm-"]) .recently-viewed { display: none; } #nav > ul:not([class=^="gm-"]).ul:not([class=^="gm-"])-toggle > li.mtoggle > ul:not([class=^="gm-"]), #nav > ul:not([class=^="gm-"]).ul:not([class=^="gm-"])-toggle > li.mtoggle > form, #nav-outer[data-type="horizontal-nav"] #nav > ul:not([class=^="gm-"])[data-type="horizontal-nav"], #nav-outer[data-type="user-nav"] #nav > ul:not([class=^="gm-"])[data-type="user-nav"], #root #nav:not([data-type]) > .l4cl-container:before { display: block; } } @media only screen and (max-width: 760px) { #nav-user li > ul:not([class=^="gm-"]), #nav-user li > form { left: 0; right: var(--rpn); padding-left: var(--rpp); padding-right: var(--rpp); white-space: normal; } #logo.text-center-mobile ~ #nav-user li > ul:not([class=^="gm-"]), #logo.text-center-mobile ~ #nav-user li > form { left: var(--rpn); right: var(--rpn); } #nav:not([data-type]) > ul:not([class=^="gm-"]).nav-user:not(.ul:not([class=^="gm-"])-toggle), .logo-text-center #nav:not([data-type]) > ul:not([class=^="gm-"]).nav-user { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; -webkit-justify-content: flex-start; justify-content: flex-start; } } /* gm css */ .gm-submenu.gm-dropdown { top: 100%; } .gm-menu-installed .gm-menu { position: unset !important; }