/** Shopify CDN: Minification failed Line 24:0 "@charset" must be the first rule in the file Line 13456:3 Expected "}" to go with "{" **/ /** * Swiper 7.4.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2021 Vladimir Kharlampidi * * Released under the MIT License * * Released on: December 24, 2021 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{overflow:hidden;margin-left:auto;margin-right:auto;position:relative;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:0;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:0;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} @charset "UTF-8"; /*! Expanse, by Archetype Themes http://archetypethemes.co */ :root{ --app-height: 100%; --colorBtnPrimary:rgba(0,0,0,0); --colorBtnPrimaryLight:rgba(26, 26, 26, 0.0); --colorBtnPrimaryDim:rgba(0, 0, 0, 0.0); --colorBtnPrimaryText:#acaeb0; --colorCartDot:#ba4444; --colorCartDotText:#fff; --colorLink:#000000; --colorTextBody:#000000; --colorPrice:#000000; --colorTextSavings:#ba4444; --colorSaleTag:#ba4444; --colorSaleTagText:#ffffff; --colorBody:#ffffff; --colorBodyDim:#f2f2f2; --colorFooter:#f3f5f6; --colorFooterBorder:#e6e6e6; --colorFooterText:#4e4e4e; --colorBorder:#acaeb0; --colorNav:#ffffff; --colorNavText:#4e4e4e; --colorToolbar:#000000; --colorToolbarText:#ffffff; --colorNavSearch:#ffffff; --colorModalBg:#e0e0e0; --colorScheme1Text:#000000; --colorScheme1Bg:#ffffff; --colorScheme2Text:#ffffff; --colorScheme2Bg:#acc6c3; --colorScheme3Text:#000000; --colorScheme3Bg:#ffffff; --header-padding-bottom:0; --pageTopPadding:35px; --pageNarrow:1080px; --pageWidthPadding:20px; --gridGutter:22px; --indexSectionPadding:80px; --sectionHeaderBottom:40px; --collapsibleIconWidth:12px; --textFrameMargin:10px; --color-body-text:#000000; --color-body:#ffffff; --color-bg:#ffffff; } @media only screen and (max-width:768px){ :root{ --pageTopPadding:15px; --pageNarrow:330px; --pageWidthPadding:16px; --gridGutter:16px; --indexSectionPadding:32px; --sectionHeaderBottom:24px; --collapsibleIconWidth:10px; --textFrameMargin:7px; } } @keyframes spin{ 0%{ transform:rotate(0deg); } to{ transform:rotate(360deg); } } @keyframes preloading{ 0%{ transform-origin:0% 50%; transform:scaleX(0); opacity:0; } 40%{ transform-origin:0% 50%; transform:scaleX(1); opacity:1; } 41%{ transform-origin:100% 50%; transform:scaleX(1); opacity:1; } to{ transform-origin:100% 50%; transform:scaleX(0); opacity:1; } } @keyframes slideshowBars{ 0%{ transform:translateX(-100%); } to{ transform:translateX(0); } } @keyframes grid-product__loading{ 0%{ opacity:1; } 60%{ opacity:0; } to{ opacity:1; } } @keyframes overlay-on{ 0%{ opacity:0; } to{ opacity:0.6; } } @keyframes overlay-off{ 0%{ opacity:0.6; } to{ opacity:0; } } @keyframes full-overlay-on{ 0%{ opacity:0; } to{ opacity:1; } } @keyframes full-overlay-off{ 0%{ opacity:1; } to{ opacity:0; } } @keyframes modal-open{ 0%{ opacity:0; transform:scale(0.97); } to{ opacity:1; transform:scale(1); } } @keyframes modal-closing{ 0%{ opacity:1; transform:scale(1); } to{ opacity:0; transform:scale(0.97); } } @keyframes rise-up{ 0%{ opacity:0; transform:translateY(10px); } to{ opacity:1; transform:translateY(0); } } @keyframes fade-in{ 0%{ opacity:0; } to{ opacity:1; } } @keyframes fade-out{ 0%{ opacity:1; } to{ opacity:0; } } @keyframes zoom-fade{ 0%{ opacity:0; transform:scale(1.1); } to{ opacity:1; transform:scale(1); } } @keyframes placeholder-shimmer{ 0%{ background-position:-150% 0; } to{ background-position:150% 0; } } .recent-products.product-grid { position: relative; } .recent-products .swiper-button-next,.recent-products .swiper-rtl .swiper-button-prev { right: -6px; } .recent-products .swiper-button-prev,.recent-products .swiper-rtl .swiper-button-next{ left: -6px; } .flickity-enabled{ position:relative; } .flickity-enabled:focus{ outline:none; } .flickity-viewport{ overflow:hidden; position:relative; transition:height 0.35s; height:100%; } .flickity-slider{ position:absolute; width:100%; height:100%; } .flickity-enabled.is-draggable{ -webkit-user-select:none; user-select:none; } .flickity-enabled.is-draggable .flickity-viewport{ cursor:move; cursor:grab } .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{ cursor:grabbing; } .flickity-enabled.is-draggable[data-arrows=true] .flickity-viewport{ cursor:default } .flickity-enabled.is-draggable[data-arrows=true] .flickity-viewport.is-pointer-down{ cursor:default; } .flickity-button{ position:absolute; border:none; color:#acaeb0; color:var(--colorBtnPrimaryText); background:rgba(0,0,0,0); background:var(--colorBtnPrimary); border-radius:50% } .hero .flickity-button{ color:#000000; color:var(--colorTextBody); background-color:#ffffff; background-color:var(--colorBody); box-shadow:0 5px 5px rgba(0, 0, 0, 0.1) } .flickity-button:hover{ cursor:pointer; opacity:1; } .flickity-button:disabled{ display:none; cursor:auto; pointer-events:none; } .flickity-prev-next-button{ top:50%; width:40px; height:40px; transform:translateY(-50%) } @media only screen and (max-width:768px){ .recent-products .swiper-button{ display: none; } .recent-products .custom-product-grid .grid-product,.recent-products .product-grid .grid-product { width: 177px; } .flickity-prev-next-button{ width:33px; height:33px } } .flickity-prev-next-button:hover{ transform:translateY(-50%) scale(1.12); } .flickity-prev-next-button:active{ transform:translateY(-50%) scale(1); transition:transform 0.05s ease-out; } .flickity-previous{ left:10px; } .flickity-next{ right:10px; } .flickity-rtl .flickity-previous{ left:auto; right:10px; } .flickity-rtl .flickity-next{ right:auto; left:10px; } .flickity-button-icon{ position:absolute; left:35%; top:35%; width:30%; height:30%; fill:currentColor; } .flickity-page-dots{ position:absolute; width:100%; bottom:-24px; padding:0; margin:0; list-style:none; text-align:center; line-height:1; color:currentColor } .hero .flickity-page-dots{ bottom: 33px; color:#fff; max-width: 1280px; margin: 0 auto; padding: 0 var(--pageWidthPadding); right: 0; left: 0; text-align: left; } .flickity-rtl .flickity-page-dots{ direction:rtl; } .flickity-page-dots .dot{ display:inline-block; vertical-align:middle; width:6px; height:6px; margin:0 3px; border-radius:100%; cursor:pointer; background-color:#ACAEB0; } .flickity-page-dots .dot:hover{ background-color:#000 } .flickity-page-dots .dot.is-selected{ background-color:#000; } .flickity-enabled.is-fade .flickity-slider>*{ pointer-events:none; z-index:0; } .flickity-enabled.is-fade .flickity-slider>.is-selected{ pointer-events:auto; z-index:1; } .hero[data-arrows=true]{ overflow:visible } .hero[data-arrows=true] .flickity-prev-next-button{ top:auto; bottom:-20px; transform:none; z-index:2; } .hero[data-arrows=true] .flickity-prev-next-button:hover{ transform:scale(1.12); } .hero[data-arrows=true] .flickity-prev-next-button:active{ transform:scale(1); } .hero[data-arrows=true] .flickity-previous{ left:auto; right:90px; } .hero[data-arrows=true] .flickity-next{ right:40px; } .hero[data-arrows=true].flickity-rtl .flickity-previous{ right:auto; left:90px; } .hero[data-arrows=true].flickity-rtl .flickity-next{ right:auto; left:40px; } @media only screen and (max-width:768px){ .hero[data-arrows=true] .flickity-prev-next-button{ bottom:-16px; } .hero[data-arrows=true] .flickity-previous{ right:60px; } .hero[data-arrows=true] .flickity-next{ right:20px; } .hero[data-arrows=true].flickity-rtl .flickity-previous{ left:60px; } .hero[data-arrows=true].flickity-rtl .flickity-next{ left:20px; } } [data-bars=true].hero .flickity-page-dots{ bottom:0; height:6px; line-height:6px; z-index:2; } [data-bars=true] .flickity-page-dots .dot{ position:relative; border-radius:0; width:120px; height:6px; border:0; opacity:1; vertical-align:top; background:none; overflow:hidden } @media only screen and (max-width:768px){ [data-bars=true] .flickity-page-dots .dot{ width:45px } } [data-bars=true] .flickity-page-dots .dot:after,[data-bars=true] .flickity-page-dots .dot:before{ content:""; display:block; position:absolute; left:0; height:100%; width:100%; } [data-bars=true] .flickity-page-dots .dot:before{ opacity:0.1; background-color:#000; } [data-bars=true] .flickity-page-dots .dot:hover:before{ opacity:0.2; } [data-bars=true] .flickity-page-dots .dot:after{ transform:translateX(-100%); transition:none; background-color:currentColor; } [data-bars=true] .flickity-page-dots .dot.is-selected:after{ animation:slideshowBars 0s linear forwards; } .noUi-target,.noUi-target *{ -webkit-touch-callout:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); -webkit-user-select:none; touch-action:none; user-select:none; box-sizing:border-box; } .noUi-target{ position:relative; } .noUi-base,.noUi-connects{ width:100%; height:100%; position:relative; z-index:1; } .noUi-connects{ overflow:hidden; z-index:0; } .noUi-connect,.noUi-origin{ will-change:transform; position:absolute; z-index:1; top:0; right:0; -ms-transform-origin:0 0; -webkit-transform-origin:0 0; -webkit-transform-style:preserve-3d; transform-origin:0 0; transform-style:flat; } .noUi-connect{ height:100%; width:100%; } .noUi-origin{ height:10%; width:10%; } .noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{ left:0; right:auto; } .noUi-vertical .noUi-origin{ width:0; } .noUi-horizontal .noUi-origin{ height:0; } .noUi-handle{ -webkit-backface-visibility:hidden; backface-visibility:hidden; position:absolute; } .noUi-touch-area{ height:100%; width:100%; } .noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{ transition:transform 0.3s; } .noUi-state-drag *{ cursor:inherit !important; } .noUi-horizontal{ height:18px; } .noUi-horizontal .noUi-handle{ width:34px; height:28px; right:-17px; top:-6px; } .noUi-vertical{ width:18px; } .noUi-vertical .noUi-handle{ width:28px; height:34px; right:-6px; top:-17px; } .noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{ left:-17px; right:auto; } .noUi-target{ background:#fafafa; border-radius:4px; border:1px solid #d3d3d3; box-shadow:inset 0 1px 1px #f0f0f0,0 3px 6px -5px #bbb; } .noUi-connects{ border-radius:3px; } .noUi-connect{ background:#3fb8af; } .noUi-draggable{ cursor:ew-resize; } .noUi-vertical .noUi-draggable{ cursor:ns-resize; } .noUi-handle{ border:1px solid #d9d9d9; border-radius:3px; background:#fff; cursor:default; box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ebebeb,0 3px 6px -3px #bbb; } .noUi-active{ box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ddd,0 3px 6px -3px #bbb; } .noUi-handle:after,.noUi-handle:before{ content:""; display:block; position:absolute; height:14px; width:1px; background:#e8e7e6; left:14px; top:6px; } .noUi-handle:after{ left:17px; } .noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{ width:14px; height:1px; left:6px; top:14px; } .noUi-vertical .noUi-handle:after{ top:17px; } [disabled] .noUi-connect{ background:#b8b8b8; } [disabled].noUi-handle,[disabled] .noUi-handle,[disabled].noUi-target{ cursor:not-allowed; } .noUi-pips,.noUi-pips *{ box-sizing:border-box; } .noUi-pips{ position:absolute; color:#999; } .noUi-value{ position:absolute; white-space:nowrap; text-align:center; } .noUi-value-sub{ color:#ccc; font-size:10px; } .noUi-marker{ position:absolute; background:#ccc; } .noUi-marker-sub{ background:#aaa; } .noUi-marker-large{ background:#aaa; } .noUi-pips-horizontal{ padding:10px 0; height:80px; top:100%; left:0; width:100%; } .noUi-value-horizontal{ transform:translate(-50%, 50%); } .noUi-rtl .noUi-value-horizontal{ transform:translate(50%, 50%); } .noUi-marker-horizontal.noUi-marker{ margin-left:-1px; width:2px; height:5px; } .noUi-marker-horizontal.noUi-marker-sub{ height:10px; } .noUi-marker-horizontal.noUi-marker-large{ height:15px; } .noUi-pips-vertical{ padding:0 10px; height:100%; top:0; left:100%; } .noUi-value-vertical{ transform:translateY(-50%); padding-left:25px; } .noUi-rtl .noUi-value-vertical{ transform:translateY(50%); } .noUi-marker-vertical.noUi-marker{ width:5px; height:2px; margin-top:-1px; } .noUi-marker-vertical.noUi-marker-sub{ width:10px; } .noUi-marker-vertical.noUi-marker-large{ width:15px; } .noUi-tooltip{ display:block; position:absolute; border:1px solid #d9d9d9; border-radius:3px; background:#fff; color:#000; padding:5px; text-align:center; white-space:nowrap; } .noUi-horizontal .noUi-tooltip{ transform:translate(-50%); left:50%; bottom:120%; } .noUi-vertical .noUi-tooltip{ transform:translateY(-50%); top:50%; right:120%; } .noUi-horizontal .noUi-origin>.noUi-tooltip{ transform:translate(50%); left:auto; bottom:10px; } .noUi-vertical .noUi-origin>.noUi-tooltip{ transform:translateY(-18px); top:auto; right:28px; } tool-tip{ display:none; } tool-tip[data-tool-tip-open=true]{ display:flex; justify-content:center; align-items:center; z-index:10001; position:fixed; top:0; left:0; width:100%; height:100% } tool-tip[data-tool-tip-open=true]:before{ content:""; position:fixed; top:0; left:0; width:100%; height:100%; background-color:#e0e0e0; background-color:var(--colorModalBg); animation:overlay-on 0.3s forwards; cursor:pointer; } .tool-tip__inner{ animation:modal-close 0.3s forwards; opacity:0 } tool-tip[data-tool-tip-open=true] .tool-tip__inner{ animation:modal-open 0.3s forwards; display:block; position:fixed; background-color:#fff; box-shadow:0 10px 20px rgba(0, 0, 0, 0.0902); padding:30px; max-width:720px } @media only screen and (max-width:768px){ tool-tip[data-tool-tip-open=true] .tool-tip__inner{ width:100%; max-width:93% } } .tool-tip__content{ overflow:auto; max-height:80vh } @media only screen and (max-width:768px){ .tool-tip__content{ font-size:0.85em } } .tool-tip__close{ position:absolute; top:0; right:0; } .tool-tip__close .icon{ width:28px; height:28px; } .tool-tip-trigger{ cursor:pointer; background:none; border:0; } .tool-tip-trigger .icon{ width:28px; height:28px; } .tool-tip-trigger__title{ display:inline-block; } .tool-tip-trigger__title:focus,.tool-tip-trigger__title:hover{ text-decoration:underline; text-underline-offset:2px; } .tool-tip-trigger__content{ display:none !important; } *,:after,:before,input{ box-sizing:border-box; } body,html{ padding:0; margin:0; } article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{ display:block; } audio,canvas,progress,video{ display:inline-block; vertical-align:baseline; } input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{ height:auto; } input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{ -webkit-appearance:none; } .grid:after{content:"";display:table;clear:both;} .grid{ list-style:none; margin:0; padding:0; margin-left:-22px } @media only screen and (max-width:768px){ .grid{ margin-left:-16px } html[dir=rtl] .grid{ margin-left:0; margin-right:-16px } } html[dir=rtl] .grid{ margin-left:0; margin-right:-22px } .grid--small{ margin-left:-10px } .grid--small .grid__item{ padding-left:10px; } .grid__item{ float:left; padding-left:22px; width:100%; min-height:1px } @media only screen and (max-width:768px){ .grid__item{ padding-left:16px } html[dir=rtl] .grid__item{ padding-left:0; padding-right:16px } } html[dir=rtl] .grid__item{ float:right; padding-left:0; padding-right:22px } .grid--no-gutters{ margin-left:0 } .grid--no-gutters .grid__item{ padding-left:0; } html[dir=rtl] .grid--no-gutters{ margin-right:0 } html[dir=rtl] .grid--no-gutters .grid__item{ padding-right:0; } .grid--flush-bottom{ margin-bottom:-22px; overflow:auto } .grid--flush-bottom>.grid__item{ margin-bottom:22px; } .grid--center{ text-align:center } .grid--center .grid__item{ float:none; display:inline-block; vertical-align:top; text-align:left } html[dir=rtl] .grid--center .grid__item{ text-align:right } .grid--full{ margin-left:0 } .grid--full>.grid__item{ padding-left:0; } @media only screen and (min-width:769px){ .grid--table-large{ display:table; width:100%; table-layout:fixed } .grid--table-large>.grid__item{ display:table-cell; vertical-align:middle; float:none; } } .new-grid{ display:flex; flex-wrap:wrap; margin-left:-10px; margin-right:-10px; word-break:break-word; } .new-grid--center{ justify-content:center; } .grid-item{ flex:0 0 100%; align-items:stretch; display:flex; margin-bottom:10px; padding-left:10px; padding-right:10px } [data-view=scrollable] .grid-item{ flex:0 0 16.66667%; max-width:250px } [data-view=scrollable-7] .grid-item{ flex:0 0 14.28571% } [data-view=scrollable-5] .grid-item{ flex:0 0 20% } [data-view=xsmall] .grid-item{ flex:0 0 20% } [data-view=small] .grid-item{ flex:0 0 25% } [data-view=medium] .grid-item{ flex:0 0 33.33333% } [data-view=large] .grid-item{ flex:0 0 50% } [data-view="6-3"] .grid-item{ flex:0 0 16.66667% } [data-view="6-2"] .grid-item{ flex:0 0 16.66667% } [data-view="3-1"] .grid-item{ flex:0 0 33.33333% } @media only screen and (max-width:768px){ [data-view=xsmall] .grid-item{ flex:0 0 50% } [data-view=small] .grid-item{ flex:0 0 50% } [data-view=medium] .grid-item{ flex:0 0 50% } [data-view=large] .grid-item{ flex:0 0 100% } [data-view=subcollections] .grid-item{ flex:0 0 28% } [data-view="6-3"] .grid-item{ flex:0 0 33.33333% } [data-view="6-2"] .grid-item{ flex:0 0 50% } [data-view="3-1"] .grid-item{ flex:0 0 100% } } .grid-item__content{ position:relative; display:flex; flex-direction:column; text-align:left; width:100%; background-color:#ffffff; background-color:var(--colorBody) } html[dir=rtl] .grid-item__content{ text-align:right } .grid-item__link{ display:block; width:100% } [data-grid-style=grey-round] .grid-item__link{ overflow:hidden; border-radius:10px 10px 0 0 } [data-grid-style=grey-round] [data-view=list] .grid-item__link{ border-radius:10px 0 0 10px } .grid-item__meta{ margin:12px } @media only screen and (min-width:769px){ .grid-item__meta{ margin:20px; } } .one-whole{width:100%;} .one-half{width:50%;} .one-third{width:33.33333%;} .two-thirds{width:66.66667%;} .one-quarter{width:25%;} .two-quarters{width:50%;} .three-quarters{width:75%;} .one-fifth{width:20%;} .two-fifths{width:40%;} .three-fifths{width:60%;} .four-fifths{width:80%;} .one-sixth{width:16.66667%;} .two-sixths{width:33.33333%;} .three-sixths{width:50%;} .four-sixths{width:66.66667%;} .five-sixths{width:83.33333%;} @media only screen and (max-width:768px){.small--one-whole{width:100%;}.small--one-half{width:50%;}.small--one-third{width:33.33333%;}.small--two-thirds{width:66.66667%;}.grid--uniform .small--one-half:nth-of-type(odd),.grid--uniform .small--one-third:nth-of-type(3n+1){clear:both;}.small--one-quarter{width:25%;}.small--two-quarters{width:50%;}.small--three-quarters{width:75%;}.grid--uniform .small--one-quarter:nth-of-type(4n+1){clear:both;}.small--one-fifth{width:20%;}.small--two-fifths{width:40%;}.small--three-fifths{width:60%;}.small--four-fifths{width:80%;}.grid--uniform .small--one-fifth:nth-of-type(5n+1){clear:both;}.small--one-sixth{width:16.66667%;}.small--two-sixths{width:33.33333%;}.small--three-sixths{width:50%;}.small--four-sixths{width:66.66667%;}.small--five-sixths{width:83.33333%;}.grid--uniform .small--one-sixth:nth-of-type(6n+1),.grid--uniform .small--three-sixths:nth-of-type(odd),.grid--uniform .small--two-sixths:nth-of-type(3n+1){clear:both;}} @media only screen and (min-width:769px){.medium-up--one-whole{width:100%;}.medium-up--one-half{width:50%;}.medium-up--one-third{width:33.33333%;}.medium-up--two-thirds{width:66.66667%;}.grid--uniform .medium-up--one-half:nth-of-type(odd),.grid--uniform .medium-up--one-third:nth-of-type(3n+1){clear:both;}.medium-up--one-quarter{width:25%;}.medium-up--two-quarters{width:50%;}.medium-up--three-quarters{width:75%;}.grid--uniform .medium-up--one-quarter:nth-of-type(4n+1){clear:both;}.medium-up--one-fifth{width:20%;}.medium-up--two-fifths{width:40%;}.medium-up--three-fifths{width:60%;}.medium-up--four-fifths{width:80%;}.grid--uniform .medium-up--one-fifth:nth-of-type(5n+1){clear:both;}.medium-up--one-sixth{width:16.66667%;}.medium-up--two-sixths{width:33.33333%;}.medium-up--three-sixths{width:50%;}.medium-up--four-sixths{width:66.66667%;}.medium-up--five-sixths{width:83.33333%;}.grid--uniform .medium-up--one-sixth:nth-of-type(6n+1),.grid--uniform .medium-up--three-sixths:nth-of-type(odd),.grid--uniform .medium-up--two-sixths:nth-of-type(3n+1){clear:both;}} .show{display:block !important;} .hide{display:none !important;} .text-left{text-align:left !important;} .text-right{text-align:right !important;} .text-center{text-align:center !important;} @media only screen and (max-width:768px){.small--show{display:block !important;}.small--hide{display:none !important;}.small--text-left{text-align:left !important;}.small--text-right{text-align:right !important;}.small--text-center{text-align:center !important;}} @media only screen and (max-width:959px){.medium-down--show{display:block !important;}.medium-down--hide{display:none !important;}.medium-down--text-left{text-align:left !important;}.medium-down--text-right{text-align:right !important;}.medium-down--text-center{text-align:center !important;}} @media only screen and (min-width:769px){.medium-up--show{display:block !important;}.medium-up--hide{display:none !important;}.medium-up--text-left{text-align:left !important;}.medium-up--text-right{text-align:right !important;}.medium-up--text-center{text-align:center !important;}} .flex-grid{ display:flex; flex-wrap:wrap; flex:1 1 100% } [data-center-text=true] .flex-grid{ justify-content:center } .flex-grid--center{ align-items:center; } .flex-grid--gutters{ margin-top:-15px; margin-left:-15px; } .flex-grid__item{ flex:0 1 100%; display:flex; align-items:stretch } .flex-grid--gutters .flex-grid__item{ padding-top:15px; padding-left:15px } .flex-grid__item>*{ flex:1 1 100%; } .flex-grid__item--stretch{ flex:1 1 100%; } @media only screen and (min-width:769px){ .flex-grid__item--33{ flex-basis:33.33%; } .flex-grid__item--50{ flex-basis:50%; } } .clearfix:after{content:"";display:table;clear:both;} html:not(.no-js):not(.tab-outline) :focus{ outline:none; } .is-transitioning{ display:block !important; visibility:visible !important; } .display-table{ display:table; table-layout:fixed; width:100%; } .display-table-cell{ display:table-cell; vertical-align:middle; float:none; } @media only screen and (min-width:769px){ .medium-up--display-table{ display:table; table-layout:fixed; width:100%; } .medium-up--display-table-cell{ display:table-cell; vertical-align:middle; float:none; } } .visually-hidden{ clip:rect(0, 0, 0, 0); overflow:hidden; position:absolute; height:1px; width:1px; } .visually-invisible{ opacity:0 !important; } .skip-link:focus{ clip:auto; width:auto; height:auto; margin:0; color:#000000; color:var(--colorTextBody); background-color:#ffffff; background-color:var(--colorBody); padding:10px; opacity:1; z-index:10000; transition:none; } html{ touch-action:manipulation; } html[dir=rtl]{ direction:rtl; } body,html{ background-color:#ffffff; background-color:var(--colorBody); color:#000000; color:var(--colorTextBody); } @media only screen and (max-width:768px){ .supports-touch.lock-scroll{ overflow:hidden; } } .page-width{ max-width:1280px; margin:0 auto; } .conatiner{ max-width:1300px; margin:0 auto; } .page-lg-width{ max-width:1432px; margin:0 auto; } .site-nav--megamenu .page-width{ max-width:1080px; margin:0 auto; } .hero-video--section .page-width{ max-width:902px; margin:0 auto; } .custom-container{ max-width:1040px; margin:0 auto; } .custom-container-narrow{ max-width:1026px; margin:0 auto; } .product-full-width .page-width{ max-width: 1380px; } .page-full,.page-width,.page-lg-width,.custom-container,.page-width--narrow,.custom-container-narrow,.conatiner{ padding:0 20px; padding:0 var(--pageWidthPadding); } .page-width--narrow{ max-width:1080px; margin:0 auto; } .product-full-width .page-width--narrow{ max-width:980px; } .page-width--tiny{ max-width:450px; } @media only screen and (max-width:768px){ .page-width--flush-small{ padding:0; } } .page-content,.shopify-email-marketing-confirmation__container,.shopify-policy__container{ padding-top:35px; padding-top:var(--pageTopPadding); padding-bottom:35px; padding-bottom:var(--pageTopPadding); } .shopify-email-marketing-confirmation__container{ text-align:center; } .page-content--top,.page-content--with-blocks{ padding-bottom:0; } .main-content{ display:block; min-height:300px; box-shadow:0 0 #ffffff; box-shadow:0 calc(var(--header-padding-bottom)*-1) var(--colorNav) } @media only screen and (min-width:769px){ .main-content{ min-height:400px; } } .template-challange .main-content{ min-height:0 } .hr--large,.hr--medium,.hr--small,hr{ height:1px; border:0; border-top:1px solid; border-top-color:#acaeb0; border-top-color:var(--colorBorder); } .hr--small{ margin:15px auto; } .hr--medium{ margin:30px auto; } .hr--large{ margin:30px auto } @media only screen and (min-width:769px){ .hr--large{ margin:45px auto } } .page-blocks+.hr--large,.page-blocks+[data-section-type=recently-viewed] .hr--large{ margin-top:0 } .hr--clear{ border:0; } @media only screen and (max-width:768px){ .table--responsive thead{ display:none; } .table--responsive tr{ display:block; } .table--responsive td,.table--responsive tr{ float:left; clear:both; width:100%; } .table--responsive td,.table--responsive th{ display:block; text-align:right; padding:15px; } .table--responsive td:before{ content:attr(data-label); float:left; font-size:12px; padding-right:10px; } } @media only screen and (max-width:768px){ .table--small-hide{ display:none !important; } .table__section+.table__section{ position:relative; margin-top:10px; padding-top:15px } .table__section+.table__section:after{ content:""; display:block; position:absolute; top:0; left:15px; right:15px; border-bottom:1px solid; border-bottom-color:#acaeb0; border-bottom-color:var(--colorBorder); } } .faux-select,body,button,input,select,textarea{ font-family:var(--typeBasePrimary),var(--typeBaseFallback); font-size:var(--typeBaseSize); letter-spacing:var(--typeBaseSpacing); line-height:var(--typeBaseLineHeight); -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:100%; text-rendering:optimizeSpeed; } body{ font-weight:var(--typeBaseWeight); } p{ margin:0 0 15px 0 } p:last-child{ margin-bottom:0; } p img{ margin:0; } em{ font-style:italic; } b,strong{ font-weight:700; } p[data-spam-detection-disclaimer],small{ font-size:0.85em; } sub,sup{ position:relative; font-size:60%; vertical-align:baseline; } sup{ top:-0.5em; } sub{ bottom:-0.5em; } .rte blockquote,blockquote{ margin:0; padding:15px 30px 40px } .rte blockquote p,blockquote p{ margin-bottom:0 } .rte blockquote p+cite,blockquote p+cite{ margin-top:15px; } .rte blockquote cite,blockquote cite{ display:block; } code,pre{ background-color:#faf7f5; font-family:Consolas,monospace; font-size:1em; border:0 none; padding:0 2px; color:#51ab62; } pre{ overflow:auto; padding:15px; margin:0 0 30px; } .label,label:not(.variant__button-label):not(.text-label){ font-weight:700; font-size:var(--typeBaseSize); } label{ display:block; margin-bottom:10px; } .label-info{ display:block; margin-bottom:10px; } .h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{ font-family:var(--typeHeaderPrimary),var(--typeHeaderFallback); font-weight:var(--typeHeaderWeight); letter-spacing:var(--typeHeaderSpacing); line-height:var(--typeHeaderLineHeight) } [data-type_header_capitalize=true] .h1,[data-type_header_capitalize=true] .h2,[data-type_header_capitalize=true] .h3,[data-type_header_capitalize=true] .h4,[data-type_header_capitalize=true] .h5,[data-type_header_capitalize=true] .h6,[data-type_header_capitalize=true] h1,[data-type_header_capitalize=true] h2,[data-type_header_capitalize=true] h3,[data-type_header_capitalize=true] h4,[data-type_header_capitalize=true] h5,[data-type_header_capitalize=true] h6{ text-transform:uppercase } .h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{ display:block; margin:0 0 15px } @media only screen and (min-width:769px){ .h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{ margin:0 0 20px } } .h1 a,.h2 a,.h3 a,.h4 a,.h5 a,.h6 a,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{ text-decoration:none; font-weight:inherit; } .h1,h1{ font-size:calc(var(--typeHeaderSize)*0.85); } .h2,h2{ font-size:calc(var(--typeHeaderSize)*0.66); } .h3,h3{ font-size:calc(var(--typeHeaderSize)*0.57); } .h4,h4{ font-size:calc(var(--typeHeaderSize)*0.67); letter-spacing: 0.2px; line-height: 32px; } @media only screen and (min-width:769px){ .h1,h1{ font-size:calc(var(--typeHeaderSize)*1.39); letter-spacing: 0.2px; line-height: 60px; } .h2,h2,.template-page-about .text-and-image-section .h1{ font-size:calc(var(--typeHeaderSize)); line-height: 45px; letter-spacing: 0.2px; font-weight: 400; } .h3,h3{ font-size:calc(var(--typeHeaderSize)*0.56); line-height: 28px; letter-spacing: 0.2px; } .h3--mobile{ font-size:calc(var(--typeHeaderSize)*0.57); } } .accent-subtitle{ margin: 0; font-weight: 400; font-size: 20px; line-height: 28px; } .template-page-about .accent-subtitle { font-family: var(--typeHeaderPrimary),var(--typeHeaderFallback); color: var(--colorNavText); } .text-spacing,.text-spacing.rte:last-child{ margin-bottom:15px } @media only screen and (min-width:769px){ .text-spacing,.text-spacing.rte:last-child{ margin-bottom:25px } } @media only screen and (max-width:768px){ .rte table td,.rte table th{ padding:6px 8px; } } .collapsible-content .rte table td,.collapsible-content .rte table th{ padding:6px 8px; } .comment-author{ margin-bottom:0; } .comment-date{ font-size:calc(var(--typeBaseSize)*0.85); display:block; margin-top:3px } @media only screen and (max-width:768px){ .comment-date{ margin-bottom:15px } } .enlarge-text{ font-size:calc(var(--typeBaseSize) + 2px) } @media only screen and (min-width:769px){ .enlarge-text{ font-size:calc(var(--typeBaseSize) + 4px) } } @media only screen and (min-width:769px){ .table--small-text{ font-size:calc(var(--typeBaseSize)*0.85); } } .index-section--footer h3{ font-size:1.5em; } html[dir=rtl] .text-left{ text-align:right !important; } html[dir=rtl] .text-right{ text-align:left !important; } .icon-and-text{ display:flex; flex-wrap:nowrap; } .footer__menu--underline .icon-and-text p{ color: var(--colorTextBody); font-size: var(--typeBaseSize); letter-spacing: var(--typeBaseSpacing); line-height: var(--typeBaseLineHeight); } .icon-and-text .contact-icon{ flex:0 0 auto; margin-right: 10px; } .capitalize-first-letter:first-letter{ font-size:55px; float:left; margin-right:6px; margin-top:-20px; font-weight:700; } ol,ul{ margin:0 0 15px 30px; padding:0; text-rendering:optimizeLegibility; } ol ol{ list-style:lower-alpha; } ol{ list-style:decimal; } ol ol,ol ul,ul ol,ul ul{ margin:4px 0 5px 20px; } li{ margin-bottom:0.25em; } ul.square{ list-style:disc outside; } ul.disc{ list-style:disc outside; } ol.alpha{ list-style:lower-alpha outside; } .no-bullets{ list-style:none outside; margin-left:0; } .inline-list{ padding:0; margin:0; display:flex; flex-wrap:wrap; align-items:center } .inline-list li{ display:block; margin-bottom:0; } table{ width:100%; border-spacing:1px; position:relative; border:0 none; background:#acaeb0; background:var(--colorBorder); } .table-wrapper{ max-width:100%; overflow:auto; -webkit-overflow-scrolling:touch; } td,th{ border:0 none; text-align:left; padding:10px 15px; background:#ffffff; background:var(--colorBody) } html[dir=rtl] td,html[dir=rtl] th{ text-align:right } th{ font-weight:700; } .table__title,th{ font-weight:700; } a{ color:#000000; color:var(--colorTextBody); text-decoration:none; background:transparent } a:hover{ color:#000000; color:var(--colorTextBody); } .text-link{ display:inline; border:0 none; background:none; padding:0; margin:0; color:currentColor; background:transparent } .text-link:hover{ color:currentColor; } .rte a,.shopify-email-marketing-confirmation__container a,.shopify-policy__container a{ color:#000000; color:var(--colorLink); } button{ overflow:visible; color:currentColor; } button[disabled],html input[disabled]{ cursor:default; } .btn,.rte .btn,.shopify-payment-button .shopify-payment-button__button--unbranded,.spr-container .spr-button,.spr-container .spr-summary-actions a{ line-height:16px; text-decoration:none; text-align:center; white-space:normal; letter-spacing: 0.2em; font-size:calc(var(--typeBaseSize) - 2px); font-weight:700; display:inline-block; padding:var(--btnPadding); margin:0; width:auto; text-transform: uppercase; vertical-align:middle; cursor:pointer; border:1px solid #acaeb0; border:1px solid var(--colorBorder); -webkit-user-select:none; user-select:none; -webkit-appearance:none; -moz-appearance:none; border-radius:var(--buttonRadius); color:#acaeb0; color:var(--colorBtnPrimaryText); } .btn:hover,.rte .btn:hover,.shopify-payment-button .shopify-payment-button__button--unbranded:hover,.spr-container .spr-button:hover,.spr-container .spr-summary-actions a:hover{ color:#acaeb0; color:var(--colorBtnPrimaryText); color: #ffffff; background-color:rgba(0,0,0,0); background-color:var(--colorBtnPrimary); background-color: #000000; border-color: #000000; } .btn.disabled,.btn[disabled],.rte .btn.disabled,.rte .btn[disabled],.shopify-payment-button .shopify-payment-button__button--unbranded.disabled,.shopify-payment-button .shopify-payment-button__button--unbranded[disabled],.spr-container .spr-button.disabled,.spr-container .spr-button[disabled],.spr-container .spr-summary-actions a.disabled,.spr-container .spr-summary-actions a[disabled]{ cursor:default; color:#b6b6b6; background-color:#f6f6f6 } .btn.disabled:hover,.btn[disabled]:hover,.rte .btn.disabled:hover,.rte .btn[disabled]:hover,.shopify-payment-button .shopify-payment-button__button--unbranded.disabled:hover,.shopify-payment-button .shopify-payment-button__button--unbranded[disabled]:hover,.spr-container .spr-button.disabled:hover,.spr-container .spr-button[disabled]:hover,.spr-container .spr-summary-actions a.disabled:hover,.spr-container .spr-summary-actions a[disabled]:hover{ color:#b6b6b6; background-color:#f6f6f6; } .shopify-payment-button .shopify-payment-button__button--unbranded:hover:not([disabled]){ color:#acaeb0; color:var(--colorBtnPrimaryText); background-color:rgba(0,0,0,0); background-color:var(--colorBtnPrimary); } .product-single__form .btn{ font-weight: 400; font-size: 16px; line-height: 24px; color: #FFFFFF; background: #000000; border: none; padding: 20px; margin-bottom: 12px; letter-spacing: 0; } .product-single__form .th_prd_wl_btn{ border: 1px solid var(--colorBorder); width: 100%; padding: 19px; border-radius: 0; } .product-single__form .th_prd_wl_btn .th_wl_button{ text-transform: uppercase; font-weight: 400; font-size: 16px; line-height: 24px; color: var(--colorBtnPrimaryText); } .product-single__form .th_prd_wl_btn .th_wl_button svg.th_wl_icon { fill: #ACAEB0; /* order: 2; */ margin-left: 10px; } .product-single__form .th_prd_wl_btn .d-flex{ justify-content: center; } .shopify-payment-button__more-options{ color:inherit; } .btn--secondary,.rte .btn--secondary{ border:1px solid; border-color:#000000; border-color:var(--colorTextBody); color:#000000; color:var(--colorTextBody); background-color:#ffffff; background-color:var(--colorBody) } .btn--secondary:hover,.rte .btn--secondary:hover{ background-color:#ffffff; background-color:var(--colorBody); color:#000000; color:var(--colorTextBody); } .btn--secondary.disabled,.btn--secondary[disabled],.rte .btn--secondary.disabled,.rte .btn--secondary[disabled]{ cursor:default; color:#b6b6b6; background-color:#f6f6f6; border-color:#b6b6b6; } .btn--circle{ padding:8px; border-radius:50%; min-width:0; line-height:1 } .btn--circle .icon{ width:18px; height:18px; } .btn--circle:after,.btn--circle:before{ content:none; background:none; width:auto; } .btn--circle.btn--large .icon{ width:30px; height:30px; } .btn--circle.btn--large{ padding:15px; } .btn--circle.btn--loading{ text-indent:unset } @media only screen and (max-width:768px){ .btn--circle.btn--loading:before{ width:18px; height:18px; margin-left:-9px; margin-top:-9px; border-width:2px; } } .btn--circle.btn--loading svg{ opacity:0; } .btn--icon{ min-width:0; padding:6px } .btn--icon .icon{ display:block; width:23px; height:23px; } .btn--small,.collapsibles-wrapper .spr-button,.collapsibles-wrapper .spr-summary-actions a{ padding:8px 14px; font-size:calc(var(--typeBaseSize) - 2px); } .btn--large{ padding:15px 20px; } .btn--full{ width:100%; border-radius: 5px; } .btn--inverse{ background-color:transparent; color:#fff; border:2px solid #fff } .btn--inverse:focus,.btn--inverse:hover{ background-color:transparent; } .btn--loading{ position:relative; text-indent:-9999px; background-color:rgba(0, 0, 0, 0.0); background-color:var(--colorBtnPrimaryDim); color:rgba(0, 0, 0, 0.0); color:var(--colorBtnPrimaryDim) } .btn--loading:active,.btn--loading:hover{ background-color:rgba(0, 0, 0, 0.0); background-color:var(--colorBtnPrimaryDim); color:rgba(0, 0, 0, 0.0); color:var(--colorBtnPrimaryDim); } .btn--loading:before{ content:""; display:block; width:22px; height:22px; position:absolute; left:50%; top:50%; margin-left:-11px; margin-top:-11px; border-radius:50%; border:3px solid; border-color:#acaeb0; border-color:var(--colorBtnPrimaryText); border-top-color:transparent; animation:spin 1s linear infinite; } .btn--loading.btn--secondary{ color:#000000; color:var(--colorTextBody); background:transparent } .btn--loading.btn--secondary:before{ border-color:#000000; border-color:var(--colorTextBody); border-top-color:transparent; } .collapsible-trigger-btn{ outline: none; text-align:left; display:block; width:100%; padding:0; font-weight:400; line-height: 24px; font-size:calc(var(--typeBaseSize) + 2px) } @media only screen and (max-width:768px){ .collapsible-trigger-btn{ padding:12px 17px 12px 0; } } @media only screen and (max-width:768px){ .collection-mobile-filters .collapsible-trigger-btn{ padding:17px 0; border-bottom: 1px solid #EAEAEA; } .collection-mobile-filters .collapsible-trigger__icon{ right:17px; } } .collapsible-content__inner{ padding-top: 12px; } .collapsible-trigger-btn--borders{ border-bottom:1px solid; border-color:#acaeb0; border-color:var(--colorBorder) } .collapsible-trigger-btn--borders.is-open{ border-color:transparent; } .collapsible-content+.collapsible-trigger-btn--borders{ margin-top:-1px } .collapsible-trigger-btn--borders+.collapsible-content--expanded{ margin-bottom:30px } .collapsible-trigger-btn--borders+.collapsible-content--expanded:last-child{ margin-bottom:-1px; } .collapsible-trigger-btn--borders-top{ border-top:1px solid; border-top-color:#acaeb0; border-top-color:var(--colorBorder); } .shopify-payment-button{ margin-top:10px; } .shopify-payment-button .shopify-payment-button__button--unbranded{ display:block; width:100%; transition:none; } .payment-buttons .add-to-cart,.payment-buttons .cart__checkout,.payment-buttons .shopify-payment-button,.payment-buttons .shopify-payment-button__button--unbranded{ min-height:54px; } .add-to-cart.btn--secondary{ border:1px solid; border-color:#000000; border-color:var(--colorTextBody) } .add-to-cart.btn--secondary.disabled,.add-to-cart.btn--secondary[disabled]{ border-color:#b6b6b6; } .shopify-payment-button__button--hidden{ display:none !important; } img{ border:0 none; } svg:not(:root){ overflow:hidden; } iframe,img{ max-width:100%; } img[data-sizes=auto]{ display:block; width:100%; } .lazyload{ opacity:0 } .no-js .lazyload{ display:none } .lazyloaded{ opacity:0; animation:fade-in 0.5s cubic-bezier(0.29, 0.65, 0.58, 1) forwards; } .video-wrapper{ position:relative; overflow:hidden; max-width:100%; padding-bottom:56.25%; height:0; height:auto } .video-wrapper iframe,.video-wrapper video{ position:absolute; top:0; left:0; width:100%; height:100%; } .video-wrapper--modal{ background-color:#000; width:1000px; } .grid__image-ratio{ position:relative; background-color:var(--colorSmallImageBg) } .grid__image-ratio img{ opacity:0; position:absolute; top:0; left:0; width:100%; height:100%; -o-object-fit:cover; object-fit:cover } .grid__image-ratio img.lazyloaded{ opacity:0; animation:fade-in 0.5s cubic-bezier(0.29, 0.65, 0.58, 1) 0s forwards; } .grid__image-ratio img.grid__image-contain{ -o-object-fit:contain; object-fit:contain; } .grid__image-ratio:before{ content:""; display:block; height:0; width:100%; } .grid__image-ratio .placeholder-svg{ position:absolute; top:0; right:0; bottom:0; left:0; } .grid__image-ratio--object{ opacity:1; } .grid__image-ratio--wide:before{ padding-bottom:56.25%; } .grid__image-ratio--landscape:before{ padding-bottom:75%; } .grid__image-ratio--square:before{ padding-bottom:100%; } .grid__image-ratio--portrait:before{ padding-bottom:150%; } .image-fit{ position:relative; width:100%; height:100%; -o-object-fit:cover; object-fit:cover; font-family:"object-fit: cover"; z-index:1; } .parallax-container{ position:absolute; top:-30%; left:0; height:160%; width:100%; } .parallax-image{ position:absolute; top:-5%; left:0; width:100%; height:110% } .parallax-image img{ display:block; -o-object-fit:cover; object-fit:cover; width:100%; height:100%; } form{ margin:0; } .form-vertical{ margin-bottom:15px } .form-vertical label{ text-align:left; } .form-vertical .btn { background: rgb(78, 78, 78); color: #fff; } .inline{ display:inline; } @media only screen and (max-width:959px){ input,select,textarea{ font-size:14px; } } button,input,textarea{ -webkit-appearance:none; -moz-appearance:none; } button{ background:none; border:none; display:inline-block; cursor:pointer; } fieldset{ border:1px solid; border-color:#acaeb0; border-color:var(--colorBorder); padding:15px; } legend{ border:0; padding:0; } button,input[type=submit]{ cursor:pointer; } input,select,textarea{ border:1px solid; border-color:#acaeb0; border-color:var(--colorBorder); max-width:100%; padding:14px 23px; border-radius:0; font-weight: 400; font-size: 14px; color: var(--colorNavText); line-height: 20px; } input.disabled,input[disabled],select.disabled,select[disabled],textarea.disabled,textarea[disabled]{ cursor:default; border-color:#b6b6b6; } input.input-full,select.input-full,textarea.input-full{ width:100%; } textarea{ min-height:100px; } input[type=checkbox],input[type=radio]{ margin:0 10px 0 0; padding:0; width:auto; } input[type=checkbox]{ -webkit-appearance:checkbox; -moz-appearance:checkbox; } input[type=radio]{ -webkit-appearance:radio; -moz-appearance:radio; } input[type=image]{ padding-left:0; padding-right:0; } .faux-select,select{ -webkit-appearance:none; appearance:none; background-color:#fff; color:#000; text-indent:0.01px; text-overflow:""; cursor:pointer; text-align:left; border:1px solid; border-color:#acaeb0; border-color:var(--colorBorder); } select{ background-position:100%; background-image:url(/cdn/shop/t/2/assets/ico-select.svg); background-repeat:no-repeat; background-position:right 10px center; background-size:8px; } .faux-select .icon{ position:absolute; right:10px; top:50%; transform:translateY(-50%); width:11px; height:11px; } optgroup{ font-weight:700; } option{ color:#000; background-color:#fff } option[disabled]{ color:#ccc; } select::-ms-expand{ display:none; } .hidden-label{ clip:rect(0, 0, 0, 0); overflow:hidden; position:absolute; height:1px; width:1px; } label[for]{ cursor:pointer; } .form-vertical input,.form-vertical select,.form-vertical textarea{ display:block; margin-bottom:30px; } .form-vertical .btn,.form-vertical input[type=checkbox],.form-vertical input[type=radio]{ display:inline-block; } .form-vertical .btn:not(:last-child){ margin-bottom:30px; } small{ display:block; } input.error,textarea.error{ border-color:#d02e2e; background-color:#fff6f6; color:#d02e2e; } label.error{ color:#d02e2e; } .template-page-contact label span { color: #FF5858; } .template-page-contact .inner_ContactForm button.btn { font-family: var(--typeHeaderPrimary); font-weight: 400; font-size: 16px; line-height: 24px; letter-spacing: 10px; color: #FFFFFF; padding: 24px 64px; background-color: #000; } .selector-wrapper label{ margin-right:10px; } .selector-wrapper+.selector-wrapper{ margin-top:15px; } .input-group{ display:flex } .input-group .input-group-btn:first-child .btn,.input-group .input-group-field:first-child,.input-group input[type=hidden]:first-child+.input-group-field{ border-radius:0 0 0 0; } .input-group .input-group-field:last-child{ border-radius:0 0 0 0; } .input-group .input-group-btn:first-child .btn,.input-group input[type=hidden]:first-child+.input-group-btn .btn{ border-radius:var(--buttonRadius) 0 0 var(--buttonRadius) } [dir=rtl] .input-group .input-group-btn:first-child .btn,[dir=rtl] .input-group input[type=hidden]:first-child+.input-group-btn .btn{ border-radius:0 var(--buttonRadius) var(--buttonRadius) 0 } .input-group .input-group-btn:last-child .btn{ border-radius:0 var(--buttonRadius) var(--buttonRadius) 0 } [dir=rtl] .input-group .input-group-btn:last-child .btn{ border-radius:var(--buttonRadius) 0 0 var(--buttonRadius) } .input-group input::-moz-focus-inner{ border:0; padding:0; margin-top:-1px; margin-bottom:-1px; } .input-group-field{ flex:1 1 auto; margin:0; min-width:0; } .input-group-btn{ flex:0 1 auto; margin:0; display:flex } .input-group-btn .icon{ vertical-align:baseline; vertical-align:initial; } .input-group-btn .btn{ min-width:0; } .icon{ display:inline-block; width:20px; height:20px; vertical-align:middle; fill:currentColor } .no-svg .icon{ display:none } .icon--full-color{ fill:initial; } svg.icon:not(.icon--full-color) circle,svg.icon:not(.icon--full-color) ellipse,svg.icon:not(.icon--full-color) g,svg.icon:not(.icon--full-color) line,svg.icon:not(.icon--full-color) path,svg.icon:not(.icon--full-color) polygon,svg.icon:not(.icon--full-color) polyline,svg.icon:not(.icon--full-color) rect,symbol.icon:not(.icon--full-color) circle,symbol.icon:not(.icon--full-color) ellipse,symbol.icon:not(.icon--full-color) g,symbol.icon:not(.icon--full-color) line,symbol.icon:not(.icon--full-color) path,symbol.icon:not(.icon--full-color) polygon,symbol.icon:not(.icon--full-color) polyline,symbol.icon:not(.icon--full-color) rect{ fill:inherit; stroke:inherit; } .icon-bag-minimal circle,.icon-bag-minimal ellipse,.icon-bag-minimal g,.icon-bag-minimal line,.icon-bag-minimal path,.icon-bag-minimal polygon,.icon-bag-minimal polyline,.icon-bag-minimal rect,.icon-bag circle,.icon-bag ellipse,.icon-bag g,.icon-bag line,.icon-bag path,.icon-bag polygon,.icon-bag polyline,.icon-bag rect,.icon-cart circle,.icon-cart ellipse,.icon-cart g,.icon-cart line,.icon-cart path,.icon-cart polygon,.icon-cart polyline,.icon-cart rect,.icon-chat circle,.icon-chat ellipse,.icon-chat g,.icon-chat line,.icon-chat path,.icon-chat polygon,.icon-chat polyline,.icon-chat rect,.icon-chevron-down circle,.icon-chevron-down ellipse,.icon-chevron-down g,.icon-chevron-down line,.icon-chevron-down path,.icon-chevron-down polygon,.icon-chevron-down polyline,.icon-chevron-down rect,.icon-circle-checkmark circle,.icon-circle-checkmark ellipse,.icon-circle-checkmark g,.icon-circle-checkmark line,.icon-circle-checkmark path,.icon-circle-checkmark polygon,.icon-circle-checkmark polyline,.icon-circle-checkmark rect,.icon-close circle,.icon-close ellipse,.icon-close g,.icon-close line,.icon-close path,.icon-close polygon,.icon-close polyline,.icon-close rect,.icon-email circle,.icon-email ellipse,.icon-email g,.icon-email line,.icon-email path,.icon-email polygon,.icon-email polyline,.icon-email rect,.icon-filter circle,.icon-filter ellipse,.icon-filter g,.icon-filter line,.icon-filter path,.icon-filter polygon,.icon-filter polyline,.icon-filter rect,.icon-gift circle,.icon-gift ellipse,.icon-gift g,.icon-gift line,.icon-gift path,.icon-gift polygon,.icon-gift polyline,.icon-gift rect,.icon-globe circle,.icon-globe ellipse,.icon-globe g,.icon-globe line,.icon-globe path,.icon-globe polygon,.icon-globe polyline,.icon-globe rect,.icon-hamburger circle,.icon-hamburger ellipse,.icon-hamburger g,.icon-hamburger line,.icon-hamburger path,.icon-hamburger polygon,.icon-hamburger polyline,.icon-hamburger rect,.icon-heart circle,.icon-heart ellipse,.icon-heart g,.icon-heart line,.icon-heart path,.icon-heart polygon,.icon-heart polyline,.icon-heart rect,.icon-leaf circle,.icon-leaf ellipse,.icon-leaf g,.icon-leaf line,.icon-leaf path,.icon-leaf polygon,.icon-leaf polyline,.icon-leaf rect,.icon-lock circle,.icon-lock ellipse,.icon-lock g,.icon-lock line,.icon-lock path,.icon-lock polygon,.icon-lock polyline,.icon-lock rect,.icon-minus circle,.icon-minus ellipse,.icon-minus g,.icon-minus line,.icon-minus path,.icon-minus polygon,.icon-minus polyline,.icon-minus rect,.icon-package circle,.icon-package ellipse,.icon-package g,.icon-package line,.icon-package path,.icon-package polygon,.icon-package polyline,.icon-package rect,.icon-pencil circle,.icon-pencil ellipse,.icon-pencil g,.icon-pencil line,.icon-pencil path,.icon-pencil polygon,.icon-pencil polyline,.icon-pencil rect,.icon-phone circle,.icon-phone ellipse,.icon-phone g,.icon-phone line,.icon-phone path,.icon-phone polygon,.icon-phone polyline,.icon-phone rect,.icon-plus circle,.icon-plus ellipse,.icon-plus g,.icon-plus line,.icon-plus path,.icon-plus polygon,.icon-plus polyline,.icon-plus rect,.icon-ribbon circle,.icon-ribbon ellipse,.icon-ribbon g,.icon-ribbon line,.icon-ribbon path,.icon-ribbon polygon,.icon-ribbon polyline,.icon-ribbon rect,.icon-search circle,.icon-search ellipse,.icon-search g,.icon-search line,.icon-search path,.icon-search polygon,.icon-search polyline,.icon-search rect,.icon-shield circle,.icon-shield ellipse,.icon-shield g,.icon-shield line,.icon-shield path,.icon-shield polygon,.icon-shield polyline,.icon-shield rect,.icon-size-chart circle,.icon-size-chart ellipse,.icon-size-chart g,.icon-size-chart line,.icon-size-chart path,.icon-size-chart polygon,.icon-size-chart polyline,.icon-size-chart rect,.icon-tag circle,.icon-tag ellipse,.icon-tag g,.icon-tag line,.icon-tag path,.icon-tag polygon,.icon-tag polyline,.icon-tag rect,.icon-truck circle,.icon-truck ellipse,.icon-truck g,.icon-truck line,.icon-truck path,.icon-truck polygon,.icon-truck polyline,.icon-truck rect,.icon-user circle,.icon-user ellipse,.icon-user g,.icon-user line,.icon-user path,.icon-user polygon,.icon-user polyline,.icon-user rect{ fill:none !important; stroke-width:var(--iconWeight); stroke:currentColor !important; stroke-linecap:var(--iconLinecaps); stroke-linejoin:var(--iconLinecaps); } .icon-cart circle{ fill:currentColor !important; } .icon__fallback-text{ clip:rect(0, 0, 0, 0); overflow:hidden; position:absolute; height:1px; width:1px; } .placeholder-svg{ fill:#999; background-color:#e1e1e1; width:100%; height:100%; max-width:100%; max-height:100%; display:block; padding:30px 0; } .placeholder-svg--no-padding{ padding:0; } .placeholder-noblocks{ padding:40px; text-align:center; } .placeholder-content{ overflow:hidden; background-image:linear-gradient(100deg, #f9f9f9 40%, #f1f1f1 63%, #f9f9f9 79%); animation:placeholder-shimmer 1.3s linear infinite; background-size:400% 100%; margin-bottom:20px; border-radius:4px } @media only screen and (max-width:768px){ .placeholder-content{ margin-left:auto; margin-right:auto } } [data-transitions=true] .transition-body{ opacity:0 } .no-js [data-transitions=true] .transition-body{ opacity:1 } [data-transitions=true].loaded .transition-body{ animation:fade-in 0.8s ease forwards; } [data-transitions=true].unloading .transition-body{ animation:fade-out 0.3s ease forwards; } .animation-contents{ opacity:0 } .animation-contents.is-visible{ animation:rise-up 0.8s cubic-bezier(0.26, 0.54, 0.32, 1) forwards; } .image-wrap{ background:var(--colorSmallImageBg); overflow:hidden; } .image-wrap img:not([role=presentation]){ display:block } .no-js .image-wrap img:not([role=presentation]).lazyload{ display:none } .unload:after,.unload:before{ content:""; position:absolute; width:100px; height:3px; background:#ffffff; background:var(--colorBody); left:50%; top:30%; margin:-1px 0 0 -50px; z-index:4; opacity:0 } .no-js .unload:after,.no-js .unload:before{ display:none } .unload:before{ background:#000000; background:var(--colorTextBody); opacity:1; } .unload:after{ opacity:0; animation:preloading 0.5s ease 0.3s infinite; } .loading{ animation:placeholder-shimmer 1.3s linear 0.5s infinite; background-size:300% 100%; background-image:linear-gradient(100deg, var(--colorLargeImageBg) 40%, var(--colorLargeImageBgLight) 63%, var(--colorLargeImageBg) 79%) } .loading.loaded{ animation:none; background-image:none; } .loading--delayed:before{ animation-delay:0.8s !important; animation-duration:1s !important; } .loading--delayed:after{ animation-delay:1.3s !important; } .shopify-product-reviews-badge{ display:block; } .product-single__meta .spr-icon{ font-size:14px !important; vertical-align:text-bottom; } .spr-header-title{ font-family:var(--typeHeaderPrimary),var(--typeHeaderFallback); font-weight:var(--typeHeaderWeight); letter-spacing:var(--typeHeaderSpacing); line-height:var(--typeHeaderLineHeight); } [data-type_header_capitalize=true] .spr-header-title{ text-transform:uppercase; } .spr-header-title{ font-size:calc(var(--typeHeaderSize)*0.7) !important; margin-bottom:20px !important; } .spr-container.spr-container{ padding:0; border:0; text-align:left; } .spr-container .spr-summary-actions-newreview{ float:none; } @media only screen and (max-width:768px){ .spr-container .spr-summary-starrating{ justify-content:center; } } .spr-container .spr-form-label,.spr-container .spr-review-content-body{ font-size:calc(var(--typeBaseSize) - 2px); line-height:1.563; } .spr-container .spr-review-header-byline{ font-size:11px; opacity:1 } .spr-container .spr-review-header-byline strong{ font-weight:400; } .spr-container .spr-review{ border:none !important; } .spr-container .spr-form-label{ display:block; text-align:left; margin-top:20px; } .spr-container .spr-summary-actions,.spr-container .spr-summary-caption{ display:block; } .spr-container .spr-summary-actions{ margin-top:20px; } @media only screen and (min-width:769px){ .product-full-width .spr-container.index-section{ margin-top:0; } .product-full-width .spr-container .spr-form-title{ display:none; } .product-full-width .spr-container .spr-form{ max-width:650px; margin:0 auto; border-top:none; } .product-full-width .spr-container .spr-reviews{ margin-top:45px; display:flex; flex-wrap:wrap; } .product-full-width .spr-container .spr-review:first-child{ margin-top:0; } .product-full-width .spr-container .spr-review{ flex:1 1 40%; padding:20px; margin-left:22px; margin-bottom:22px } .product-full-width .spr-container .spr-review:nth-child(3n+1){ margin-left:0; } .product-full-width .spr-container .spr-review:last-child{ padding-bottom:20px; } } .grid-product .spr-badge[data-rating="0.0"]{ display:none; } .grid-product .spr-badge-starrating{ font-size:0.65em; display:inline-block; } .grid-product .spr-icon{ margin-right:1px; } .grid-product .spr-badge-caption{ font-size:11px; margin-left:4px } @media only screen and (min-width:769px){ .grid-product .spr-badge-caption{ font-size:12px } } .collapsible-trigger .spr-badge-caption{ margin-left:0; } .collapsible-trigger .spr-badge-starrating{ font-size:0.8em; margin:0 10px 0 0; } .collapsible-trigger .spr-badge[data-rating="0.0"] .spr-starrating{ display:none; } .spr-content .spr-review-header-title{ font-family:var(--typeBasePrimary),var(--typeBaseFallback); font-size:var(--typeBaseSize); letter-spacing:var(--typeBaseSpacing); line-height:var(--typeBaseLineHeight); font-weight:700; text-transform:none; } .spr-pagination{ flex:1 1 100%; } .spr-review-reportreview{ opacity:0.4; float:none !important; display:block; } .spr-summary-starrating{ font-size:0.8em; } [data-tool-tip=size-chart] .tool-tip__close{ border:0; padding:6px; position:absolute; top:0; right:0; transform:translate(25%,-25%); z-index:2; color:#acaeb0; color:var(--colorBtnPrimaryText); background:rgba(0,0,0,0); background:var(--colorBtnPrimary); border-radius:50%; } [data-tool-tip=size-chart] .tool-tip__inner{ background:var(--colorBtnPrimaryHover); } @media only screen and (max-width:768px){ .footer-promotions .grid__item{ margin-bottom:32px } .footer-promotions .grid__item:last-child{ margin-bottom:0; } } .footer-promotion{ width:100%; text-align:center; padding:22px; border-radius:var(--roundness); overflow:hidden } @media only screen and (min-width:769px){ .footer-promotion{ padding:30px } } .footer-promotion .scheme-image{ border-radius:calc(var(--roundness) + 2px); } .footer-promotion[class*=color-scheme-]:not(.color-scheme-none) .btn{ border:0; } .footer__grid-image{ display:block; text-align:center; margin-bottom:17px } @media only screen and (min-width:769px){ .footer__grid-image{ margin-bottom:20px } } .footer__grid-image img{ display:block; } .site-footer{ font-weight: 400; color:#4e4e4e; color:var(--colorFooterText); } .site-footer .icon-and-text{ color: var(--colorTextBody); } .footer__section-bottom{ background-color:#f3f5f6; background-color:var(--colorFooter); } .site-footer a{ color:#4e4e4e; color:var(--colorFooterText); } .site-footer .faux-select{ font-size:calc(var(--typeBaseSize) - 1px); min-width:120px; } .footer-bottom > *{ width: 50%; } .footer__social{text-align: right;} .footer__section{ padding:30px 0 22px; } .site-footer .footer__section{ border-top-color:#e6e6e6; border-top-color:var(--colorFooterBorder) } .footer__mobile-section .footer__title{margin-bottom: 12px;} @media only screen and (min-width:769px){ .footer__section--menus{ padding-top:40px; } } @media only screen and (max-width:768px){ .footer__mobile-section{ margin-top:36px; padding:40px 0 0; border-top:1px solid; border-top-color:#e6e6e6; border-top-color:var(--colorFooterBorder); } } .footer__title{ margin-bottom: 8px; font-weight: 700; color: var(--colorTextBody); } .footer__subscribe h3{ margin: 0; } .footer__menu{ margin:0; padding:0; list-style:none } @media only screen and (max-width:768px){ .footer__menu{ margin-bottom:0 } } .footer__menu li{ margin:0; } .footer__menu a{ display:inline-block; padding:4px 0; } .footer__menu .icon{ margin-right:10px } [dir=rtl] .footer__menu .icon{ margin-right:0; margin-left:10px } .footer__menu--underline li a{ font-weight: 400; font-size: 28px; line-height: 40px; padding: 0; color: var(--colorTextBody); } .footer__menu--underline > a{padding: 0;} .footer__menu--underline li{margin-bottom: 8px;} .footer__sub-text { margin-bottom: 8px; color: var(--colorTextBody); } .footer__newsletter{ display:flex; justify-content:flex-end; align-items:center; width: 75%; } #newsletter-footer { padding-left: 24px; max-width: 389px; width: 100%; } .footer__newsletter .newsletter__input-group{ margin-bottom:0; } .footer__newsletter .newsletter__input-group .input-group-field{ font-size: 12px; line-height: 16px; } .footer__newsletter .newsletter__input-group .btn{ padding: 15px 23px; color: #FFFFFF; background: #4E4E4E; border: none; } @media only screen and (max-width:768px){ .footer__newsletter{ flex-wrap:wrap; text-align:center; justify-content:center; width: 100%; padding-top: 24px; } .footer__sub-text{display: none;} .footer__newsletter>*{ padding:0; width: 100%; } .footer__newsletter .newsletter__input-group{ max-width:none } .footer__newsletter .newsletter__input-group .btn{ min-width:auto; } .footer__newsletter form{ width:100%; margin:0 auto 0; } } .footer--blocks,.footer-bottom { display: flex; align-items: center; flex-wrap: wrap; } .footer--blocks{ padding: 50px 0 40px; border-bottom:1px solid; border-bottom-color:#e6e6e6; border-bottom-color:var(--colorFooterBorder); } .footer-logo { width: 25%; } .footer__blocks{ display:flex; flex-wrap:wrap; justify-content:center; margin-left: -15px; margin-right: -15px; } .footer__block{ flex: 0 0 33.33333%; max-width: 33.33333%; padding-left: 15px; padding-right: 15px; } @media only screen and (max-width:768px){ .footer__blocks--mobile{ display:flex; flex-wrap:wrap; justify-content:center; } .footer__block,.footer__block--mobile{ max-width:none; flex:1 1 50%; } .footer__block[data-type=contact],.footer__block[data-type=payment]{ flex:1 0 100%; } } .footer__social{ margin:0 } form+.footer__social{ margin-top:30px } .footer__social li{ display:inline-block; vertical-align: middle; margin:0 0 0 12px; line-height: 0; } .footer__section-bottom{padding: 12px 0;} .footer__social a{ display:block; } .footer__social .icon{ width:21px; height:21px } .footer__social .icon.icon--wide{ width:40px; } .payment-icons{ -webkit-user-select:none; user-select:none; cursor:default; margin-bottom:20px } @media only screen and (max-width:768px){ .payment-icons{ margin-bottom:0 } } .payment-icons li{ cursor:default; margin:0 8px 4px 0; } .footer__base-links{ font-size: 12px; line-height: 16px; } .footer__base-links a,.footer__base-links span{ display:inline-block; padding:2px 20px 2px 0; } .footer__base-links a{ text-decoration:underline; text-underline-offset:2px; } .errors,.note{ border-radius:0; padding:6px 12px; margin-bottom:15px; border:1px solid transparent; text-align:left } .errors ol,.errors ul,.note ol,.note ul{ margin-top:0; margin-bottom:0; } .errors li:last-child,.note li:last-child{ margin-bottom:0; } .errors p,.note p{ margin-bottom:0; } .note{ border-color:#acaeb0; border-color:var(--colorBorder); } .errors ul{ list-style:square outside; margin-left:20px; } .note--success{ color:#56ad6a; background-color:#ecfef0; border-color:#56ad6a } .note--success a{ color:#56ad6a; text-decoration:underline } .note--success a:hover{ text-decoration:none; } .errors,.form-error{ color:#d02e2e; background-color:#fff6f6; border-color:#d02e2e } .errors a,.form-error a{ color:#d02e2e; text-decoration:underline } .errors a:hover,.form-error a:hover{ text-decoration:none; } .pagination{ margin:65px 0 0; text-align:center } .pagination>span{ display:inline-block; vertical-align:middle; line-height:1; } .pagination a{ display:inline-block; } .pagination .page.current,.pagination a:not(.btn){ padding:8px 10px; margin: 0 8.5px; } .pagination .page.current{ color: #A6A6A6; } .pagination .btn{ transition:transform 0.15s ease-out; background: #F1F1F1; border: 1px solid #DFDFDF; border-radius: 4px; box-shadow: 0px 1px 2px rgb(19 20 22 / 8%); height: 32px; width: 32px; padding: 9px 0; } .rte:after{content:"";display:table;clear:both;} .rte{ margin-bottom:7.5px } @media only screen and (min-width:769px){ .rte{ margin-bottom:15px } } .rte:last-child{ margin-bottom:0; } .rte+.rte{ margin-top:30px; } .rte ol,.rte p,.rte table,.rte ul{ margin-bottom:15px } @media only screen and (min-width:769px){ .rte ol,.rte p,.rte table,.rte ul{ margin-bottom:24px } } .rte ol:last-child,.rte p:last-child,.rte table:last-child,.rte ul:last-child{ margin-bottom:0; } .rte ul ul{ margin-bottom:0; } .rte h1,.rte h2,.rte h3,.rte h4,.rte h5,.rte h6{ margin-top:60px; margin-bottom:25px; } .rte h1:first-child,.rte h2:first-child,.rte h3:first-child,.rte h4:first-child,.rte h5:first-child,.rte h6:first-child{ margin-top:0; } .rte h1 a,.rte h2 a,.rte h3 a,.rte h4 a,.rte h5 a,.rte h6 a{ text-decoration:none; } .rte meta:first-child+h1,.rte meta:first-child+h2,.rte meta:first-child+h3,.rte meta:first-child+h4,.rte meta:first-child+h5,.rte meta:first-child+h6{ margin-top:0; } .rte>div{ margin-bottom:15px } .rte>div:last-child{ margin-bottom:0; } .rte li{ margin-bottom:0; } .rte table{ table-layout:fixed; } .rte--block{ margin-bottom:8px } @media only screen and (min-width:769px){ .rte--block{ margin-bottom:12px } } .rte-setting>p:last-child{ margin-bottom:0; } .rte-setting a,.rte a{ text-decoration:none; } .rte-setting img,.rte img{ height:auto; } .rte-setting a:not(.rte__image):not(.btn):not(.spr-summary-actions-newreview),.rte a:not(.rte__image):not(.btn):not(.spr-summary-actions-newreview){ text-decoration:underline; text-underline-offset:2px; } .rte-setting a.rte__image:after,.rte a.rte__image:after{ content:none; } .text-center.rte ol,.text-center .rte ol,.text-center.rte ul,.text-center .rte ul{ list-style-position:inside; margin-left:0; } .rte--nomargin{ margin-bottom:0; } .header-layout{ display:flex; align-items:center; } [data-layout=center]{ align-items:center; } .header-item{ display:flex; align-items:center; flex:1 1 auto; } .header-item--compress-nav{ visibility:hidden; flex:0 0 auto; width:0; opacity:0; transition:all 0.3s cubic-bezier(0.18, 0.77, 0.58, 1); overflow:hidden } .header-wrapper--compressed .header-item--compress-nav{ visibility:visible; opacity:1; width:50px; transform:translateX(-12px) } .header-item--logo{ word-break:break-all; justify-content: flex-start; flex: 1 1 auto; } .header-item--search{ flex:1 1 100%; max-width:349px; margin-right: 20px; } [data-layout=center] .header-item--search{ max-width:none } [data-layout=center] .header-item--search form{ max-width:250px; } .header-item--search .site-nav__compress-menu{ opacity:0; visibility:hidden; transition:all 0.3s cubic-bezier(0.18, 0.77, 0.58, 1); width:50px } .header-wrapper--compressed .header-item--search .site-nav__compress-menu{ visibility:visible; opacity:1; transform:translateX(-12px) } [dir=rtl] .header-wrapper--compressed .header-item--search .site-nav__compress-menu{ transform:translateX(0) } .mobile-nav-trigger path,.site-nav__compress-menu path{ transition:all 0.3s cubic-bezier(0.18, 0.77, 0.58, 1); } .mobile-nav-trigger.is-active path:first-child,.site-nav__compress-menu.is-active path:first-child{ transform:rotate(45deg); transform-origin:20% 30%; } .mobile-nav-trigger.is-active path:nth-child(2),.site-nav__compress-menu.is-active path:nth-child(2){ opacity:0; } .mobile-nav-trigger.is-active path:nth-child(3),.site-nav__compress-menu.is-active path:nth-child(3){ transform:rotate(-45deg); transform-origin:15% 66%; } .header-item--icons{ justify-content:flex-end; flex:0 0 auto; } [data-layout=left-center] .header-item--icons,[data-layout=left-center] .header-item--logo{ flex:0 0 200px; max-width:50% } @media only screen and (min-width:769px){ [data-layout=left-center] .header-item--icons,[data-layout=left-center] .header-item--logo{ min-width:33% } } @media only screen and (min-width:769px){ .header-layout[data-logo-align=center] .header-item--logo{ margin:0 30px } } .header-layout[data-logo-align=center] .header-item--icons,.header-layout[data-logo-align=center] .header-item--navigation,.header-layout[data-logo-align=center] .header-item--search{ flex:1 1 33%; } @media only screen and (min-width:769px){ .header-layout[data-logo-align=left] .site-header__logo{ margin-right:30px; } } .header-item--left .site-nav{ margin-left:-12px } @media only screen and (max-width:768px){ .header-item--left .site-nav{ margin-left:-10px } } .header-item--icons .site-nav{ margin-right:-20px } @media only screen and (max-width:768px){ .header-item--icons .site-nav{ margin-right:0; } } .toolbar-section{ position:relative; z-index:6; } .header-section{ position:sticky; top:0; z-index:6; padding-bottom:0; padding-bottom:var(--header-padding-bottom); pointer-events:none; } .header-section--overlay{ padding-bottom:0; } [data-section-id=header]{ pointer-events:auto; } .site-header{ position:relative; } .site-header--password{ color:#4e4e4e; color:var(--colorNavText) } .site-header--password a,.site-header--password a:hover{ color:#4e4e4e; color:var(--colorNavText); } .is-light .site-header--password{ color:#fff } .is-light .site-header--password a,.is-light .site-header--password a:hover{ color:#fff; } .site-header__element{ position:relative; background-color:#ffffff; background-color:var(--colorNav); z-index:6 } .is-light .site-header__element{ background:transparent; box-shadow:none } .site-header__element--top{ padding:16px 0; transition:background-color 0.2s ease } .site-header__element--sub{ padding:0; z-index:3; transition:transform 0.2s cubic-bezier(0.18, 0.77, 0.58, 1),background-color 0.2s cubic-bezier(0.18, 0.77, 0.58, 1) } .header-wrapper--compressed .site-header__element--sub{ transform:translateY(-100%); display:none } .header-wrapper--compressed .site-header__element--sub.is-active{ display:block; transform:translateY(0); } .header-wrapper--init .site-header__element--sub{ position:absolute; left:0; right:0; text-align: center; } .site-header__element--sub[data-type=search] .page-width{ padding-bottom:20px; } @media screen and (min-width:700px) and (max-height:550px){ .header-section{ position:static; } } .site-header__logo{ position:relative; margin: 0; display:block; font-size:24px; z-index:7 } @media only screen and (min-width:769px){ .text-center .site-header__logo{ padding-right:0; margin:10px auto } } .header-layout[data-logo-align=center] .site-header__logo{ margin-left:auto; margin-right:auto; text-align:center } @media only screen and (max-width:768px){ .header-layout[data-logo-align=center] .site-header__logo{ text-align:left; margin-left:0; margin-right:0 } } .site-header__logo a{ max-width:100%; } .site-header__logo a,.site-header__logo a:hover{ text-decoration:none; } .site-header__logo img{ display:block } .header-layout[data-logo-align=center] .site-header__logo img{ margin-left:auto; margin-right:auto } .site-header__logo-link{ display:flex; align-items:center; color:#4e4e4e; color:var(--colorNavText) } .site-header__logo-link:hover{ color:#4e4e4e; color:var(--colorNavText); } @media only screen and (max-width:768px){ .site-header__logo-link{ margin:0 auto } } .header-wrapper--overlay{ position:absolute; top:0; left:0; right:0; background:none } .header-wrapper--overlay.is-light:after{ content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:-50px; background:linear-gradient(180deg, rgba(0, 0, 0, 0.4),rgba(0, 0, 0, 0.3) 50%,transparent); pointer-events:none; } .site-header__search-container{ display:none; align-items:center; position:absolute; top:0; left:0; bottom:0; right:0; background:#ffffff; background:var(--colorNav); color:#4e4e4e; color:var(--colorNavText); z-index:7 } .site-header__search-container.is-active{ display:flex; } .site-header__search-container .page-width{ display:flex; width:100%; position:relative; } .site-header__search{ display:flex; width:100% } .site-header__search .icon{ width:26px; height:26px; } .site-header__search-form{ position:relative; width:100%; color:#000; border-radius:calc(var(--roundness)*2) } .site-header__search-form[data-dark=true]{ color:#fff; } .site-header__search-form ::-webkit-input-placeholder{ color:currentColor; opacity:1; } .site-header__search-form ::-moz-placeholder{ color:currentColor; opacity:1; } .site-header__search-form :-ms-input-placeholder{ color:currentColor; opacity:1; } .site-header__search-form ::-ms-input-placeholder{ color:currentColor; opacity:1; } .site-header__search-form.is-active{ width:calc(100% - 50px) } .site-header__search-form.is-active .site-header__search-btn--cancel{ display:block; } [data-logo-align=center] .header-item--search .site-header__search-form{ transform:translateX(-50px); transition:transform 0.2s ease } .header-wrapper--compressed [data-logo-align=center] .header-item--search .site-header__search-form{ transform:translateX(0px) } .site-header__search-input{ border:0; width:100%; flex:1 1 auto; padding: 6px 10px 6px 26px; background-color:#ffffff; background-color:var(--colorNavSearch); border-radius:calc(var(--roundness)*2); font-weight: 400; font-size: 14px; line-height: 20px; color: #ACAEB0; color: #4e4e4e; } .site-header__search-input::-webkit-input-placeholder{ color: #acaeb0; } .site-header__search-input:-moz-placeholder{ color: #acaeb0; } .site-header__search-input:-ms-input-placeholder{ color: #acaeb0; } .site-header__search-input::-ms-input-placeholder{ color: #acaeb0; } [data-edges=round] .site-header__search-input{ padding-left:15px } .site-header__search-input:focus{ border:0; outline:0; } .site-header__search-btn{ padding:0; } .site-header__search-btn--submit{ position:absolute; left:0; top:0; bottom:0; line-height: 0; } .site-header__search-btn--submit .icon{ width:25px; height:25px; } @media only screen and (min-width:769px){ .site-header__search-btn--submit{ padding:0 } .site-header__search-btn--submit .icon{ width:28px; height:28px; } } .site-header__search-btn--cancel{ display:none; position:absolute; top:0; bottom:0; right:-50px; color:#4e4e4e; color:var(--colorNavText) } .site-header__search-btn--cancel:hover{ color:#4e4e4e; color:var(--colorNavText); } .site-header__search-container .site-header__search-btn--cancel{ padding-right:5px } .site-header__search-title{ padding-top:10px; } .site-header__search-results{ position:absolute; top:100%; transform:translateY(0); transform:translateY(var(--header-padding-bottom)); left:0; right:0; background-color:#ffffff; background-color:var(--colorBody); color:#000000; color:var(--colorTextBody); max-height:70vh; max-height:calc(90vh - 100%); overflow:auto; box-shadow:0px 10px 20px rgba(0, 0, 0, 0.09); transition:transform 0.3s cubic-bezier(0.18, 0.77, 0.58, 1) } .header-wrapper--compressed .site-header__search-results{ transform:translateY(0) } .site-header__search-results-wrapper{ padding:15px 0; } @media only screen and (min-width:769px){ .site-header__search-results{ max-height:calc(100vh - 100% - 33px); } .site-header__search-results-wrapper{ padding:30px 0; } } .predictive__label{ margin-top:20px; border-bottom:1px solid; border-bottom-color:#acaeb0; border-bottom-color:var(--colorBorder); padding-bottom:5px; margin-bottom:20px; } .predictive-result__layout{ display:flex; flex-wrap:wrap; padding:10px; margin-left:-10px; margin-right:-10px } .predictive-result__layout>div{ margin:0 10px 30px } .predictive-result__layout>div:last-child{ margin-bottom:0; } .predictive-result__layout [data-type-products]{ flex:1 1 60%; margin-bottom:0 } .predictive-result__layout [data-type-products] img{ -o-object-fit:contain; object-fit:contain; } .predictive-result__layout [data-type-collections],.predictive-result__layout [data-type-pages]{ flex:1 1 200px; } .predictive-result__layout [data-type-articles]{ flex:1 1 60% } .predictive-result__layout [data-type-articles] .grid-item__meta{ margin-left:10px; } .predictive__image-wrap{ position:absolute; top:0; left:0; right:0; bottom:0 } .predictive__image-wrap img{ -o-object-position:50% 0; object-position:50% 0; } .predictive-results__footer{ padding:0 0 30px; } .search-bar{ max-width:100%; } .search-bar--page{ max-width:300px; margin-top:-15px; } .search-bar .icon{ width:24px; height:24px; vertical-align:middle; } .toolbar{ position:relative; background:#000000; background:var(--colorBody); color:#ffffff; color:var(--colorTextBody); font-size:calc(var(--typeBaseSize) - 2px); line-height: 16px; } ul.toolbar-menu {list-style: none;margin: 0;} ul.toolbar-menu li {display: inline-block;padding: 0 13px;margin: 0;vertical-align: middle;position: relative;} ul.toolbar-menu li::after{ content: ''; position: absolute; right: auto; left: -2px; top: 6px; bottom: auto; width: 2px; height: 2px; background: #3D3D3E; } ul.toolbar-menu li:first-child::after{display: none;} .toolbar a{ color:#ffffff; color:var(--colorToolbarText); color:var(--colorTextBody); } .is-light .toolbar{ background-color:transparent; color:#fff } .is-light .toolbar a{ color:#fff; } .toolbar:after{ position:absolute; left:0; right:0; bottom:0; content:""; display:block; border-bottom:1px solid; border-bottom-color:#ffffff; border-bottom-color:var(--colorToolbarText); width:100%; opacity:0.15 } .is-light .toolbar:after{ border-color:#fff } .toolbar__content{ display:flex; justify-content:space-between; align-items:center; padding: 6px 0; } .location-block > * {display: inline-block;vertical-align: middle;} .location-block > .text-label{font-size: var(--typeBaseSize);line-height: 20px;padding-left: 6px;} .location-block > .location-icon{line-height: 0;} .location-block > .location-icon svg path { fill: var(--colorTextBody); } .toolbar__item{ flex:0 1 auto; padding:0 5px } .toolbar__item:first-child{ padding-left:0; } .toolbar__item:last-child{ padding-right:0; } .toolbar__item .faux-select,.toolbar__item select{ font-size:14px; padding-top:5px; padding-bottom:5px; padding-left:0; border:0; background:transparent; color:currentColor; } .toolbar__item--announcements{ flex:1 1 auto; } .toolbar__social{ text-align:right } .toolbar__social a{ display:block; padding:5px; } .toolbar__social .icon{ position:relative; top:-2px; width:16px; height:16px; } .section-header{ margin-bottom:40px; margin-bottom:var(--sectionHeaderBottom) } .section-header select{ display:inline-block; vertical-align:middle; } .section-header--flush{ margin-bottom:0; } .section-header--with-link{ display:flex; align-items:center } .section-header--with-link select{ flex:0 1 auto; } .section-header__title{ margin-bottom:0; text-align: center; line-height: 45px; letter-spacing: 0.2px; } .section-header--with-link .section-header__title{ flex:1 1 auto } .section-header__title a{ text-decoration:underline; text-underline-offset:2px; } .section-header__link{ flex:0 1 auto; margin-top:15px; font-weight:700; text-decoration:underline; text-underline-offset:2px; white-space:nowrap } .section-header--with-link .section-header__link{ margin-top:0 } .section-header--404{ padding-top:80px; } .section-header select{ margin:10px 0; } .section-header p{ margin:10px 0; } .site-nav{ margin:0; } .text-center .site-navigation{ margin:0 auto } .site-navigation--below:before{ position:absolute; left:0; right:0; content:""; display:block; border-top:1px solid; border-top-color:#EDEDED; width:100%; transition:opacity 0.5s ease 0.3s; z-index:1 } .is-light .site-navigation--below:before{ border-color:#fff } .header-wrapper--compressed .site-navigation--below:before{ opacity:0 } .site-header__element.is-active .site-navigation--below:before{ opacity:0.15 } .site-nav__item{ position:relative; display:inline-block; margin:0 } .site-nav__item li{ display:block; margin:0; } .site-nav__item .icon-chevron-down{ width:10px; height:10px; } .site-nav__link{ display:inline-block; vertical-align:middle; text-decoration:none; padding:16px 20px; white-space:nowrap; color:#4e4e4e; color:var(--colorNavText) } [data-type_header_capitalize=true] .site-header--heading-style .site-nav__link{ text-transform:uppercase } .site-nav__link:hover{ color:#4e4e4e; color:var(--colorNavText); } .is-light .site-nav__link{ color:#fff } .is-light .site-nav__link:hover{ color:#fff; } .site-nav__link .icon-chevron-down{ margin-left:5px; } @media only screen and (max-width:959px){ .site-nav__link{ padding:16px 15px } } .site-nav__link--underline{ position:relative } .site-nav__link--underline:after{ content:""; display:none; position:absolute; bottom:0; left:0; right:0; margin:0 20px; border-bottom:2px solid; border-bottom-color:#4e4e4e; border-bottom-color:var(--colorNavText); } .is-light .site-nav__item:not(.site-nav--has-dropdown) .site-nav__link--underline:after{ border-bottom-color:#fff } .site-nav--has-dropdown .site-nav__link--underline:after{ border-bottom-color:#000000; border-bottom-color:var(--colorTextBody) } .site-nav__item:hover .site-nav__link--underline:after{ display:block } .site-nav__icons{ display:flex; align-items:center } .site-nav__icons>.site-nav__link--icon{ flex:0 0 auto; } .site-nav__close-cart { display: none; } .cart-open #HeaderCartTrigger { display: none; } .cart-open .site-nav__close-cart { display: block; } .site-nav__link--icon{ display:flex; align-items:center; } .header-icons-label{ margin-left: 8px; } .site-nav__label-txt{ font-weight: 700; font-size: 14px; line-height: 20px; display: block; } .header-item--icons .site-nav__link{ font-weight: 400; font-size: 10px; line-height: 12px; } .site-nav--has-dropdown.is-focused>a,.site-nav--has-dropdown:hover>a{ color:#000000 !important; color:var(--colorTextBody) !important; background-color:#ffffff; background-color:var(--colorBody); opacity:1; transition:none; } .site-nav__link--icon{ padding-left:20px; padding-right:20px; padding-top: 0; padding-bottom: 0; } @media only screen and (max-width:768px){ .site-nav__link--icon{ padding-left:16px; padding-right:0; } } .site-nav__link--icon .icon{ width:24px; height:24px } .site-nav__link--icon .icon.icon-user{ position:relative; top:1px; } .site-nav__dropdown{ display:block; visibility:hidden; position:absolute; left:0; z-index:6; width: 200px; background-color:#ffffff; background-color:var(--colorBody); min-width:100%; padding:10px 20px 5px 0; box-shadow:0px 10px 20px rgba(0, 0, 0, 0.09) } .show-transition-in:hover .site-nav__dropdown{ visibility:visible } .site-nav__dropdown-list{ margin:0; } .site-nav__dropdown-animate{ transform:translateY(-10px); opacity:0 } .show-transition-in:hover .site-nav__dropdown-animate{ opacity:1; transform:translateY(0px); transition:opacity 0.3s ease 0.05s,transform 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0.05s } .site-nav__dropdown.show-transition-out{ -webkit-transition: opacity .3s cubic-bezier(.215,.61,.355,1),visibility 0s linear .3s; transition: opacity .3s cubic-bezier(.215,.61,.355,1),visibility 0s linear .3s; } .site-nav__dropdown.show-transition-in{ -webkit-transition: opacity .3s cubic-bezier(.215,.61,.355,1); transition: opacity .3s cubic-bezier(.215,.61,.355,1); } .site-nav__deep-dropdown{ background-color:#ffffff; background-color:var(--colorBody); box-shadow:0px 10px 20px rgba(0, 0, 0, 0.09); position:absolute; top:0; left:100%; margin:0; visibility:hidden; opacity:0; z-index:6; transform:translate3d(-12px, 0px, 0px) } .is-focused+.site-nav__deep-dropdown,.site-nav__deep-dropdown-trigger:hover .site-nav__deep-dropdown{ visibility:visible; opacity:1; transform:translateZ(0px); transition:all 300ms cubic-bezier(0.2, 0.06, 0.05, 0.95) } .site-nav__deep-dropdown:before{ content:""; display:block; position:absolute; top:0; left:0; bottom:0; width:10px; background-image:linear-gradient(90deg, rgba(0, 0, 0, 0.09), transparent); pointer-events:none; } .site-nav__deep-dropdown-trigger:hover .site-nav__dropdown-link--has-children{ background-color:#f2f2f2; background-color:var(--colorBodyDim) } .site-nav__dropdown-link--has-children:focus,.site-nav__dropdown-link--has-children:hover{ background-color:#f2f2f2; background-color:var(--colorBodyDim); } .site-nav__deep-dropdown-trigger .icon-chevron-down{ position:absolute; top:50%; right:10px; width:10px; height:10px; transform:rotate(-90deg) translateX(50%); } .cart-link{ position:relative; display:inline-block; line-height: 0; } .cart-link__bubble{ font-size:12px; line-height:1; font-weight:700; letter-spacing:0; color: #E32026; font-weight: 700; font-size: 14px; display: block; line-height: 20px; } .cart-link__bubble--visible{ display:block; } .breadcrumb{ font-size: calc(var(--typeBaseSize) - 2px); margin: 0 0 40px; line-height: 16px; color: #000; } .breadcrumb a{ color: var(--colorNavText); } @media only screen and (max-width:768px){ .breadcrumb{ margin-bottom:15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } } .breadcrumb__divider{ padding:0 8px; } .site-header__mobile-nav{ left:0; right:0; overflow-x:hidden; } .slide-nav__wrapper{ position:relative; overflow:hidden } .slide-nav{ margin:0; list-style:none; transition:transform 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) } [data-level="2"] .slide-nav{ transform:translateX(-100%) } [data-level="3"] .slide-nav{ transform:translateX(-200%) } .slide-nav__button{ display:block; background:none; border:0; padding:0; width:100%; text-align:left; margin: 0; } .slide-nav__link{ position:relative; display:flex; width:100%; padding:10px 20px; align-items:center; justify-content:space-between; font-size:var(--typeBaseSize); } .slide-nav__link>span{ display:block; flex:1 1 auto; } .slide-nav__link svg{ margin-left:10px; } .slide-nav__image{ position:absolute; width:40px; height:40px; left:15px; top:50%; margin-top:-20px } .slide-nav__image img{ -o-object-fit:cover; object-fit:cover; width:100%; height:100%; } .slide-nav__image+span{ padding-left:45px; } .slide-nav__link--back{ font-weight:700; justify-content:flex-start } .slide-nav__link--back>span{ text-decoration:underline; text-underline-offset:2px; } .slide-nav__link--back .icon{ margin-right:15px; margin-left:0; } .slide-nav__item{ display:block; width:100%; margin:0 } .slide-nav__item:first-child{ padding-top:10px; } .slide-nav__item:last-child{ padding-bottom:10px; } .slide-nav__dropdown{ display:none; visibility:hidden; position:absolute; width:100%; top:0; right:-100%; margin:0; opacity:0; transition:all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) } .slide-nav__dropdown.is-active{ display:block; visibility:visible; opacity:1; transition:all forwards 0.55s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s; } .site-header__mobile-nav .footer__section--menus{ margin-top:20px; margin-left:-40px; margin-left:calc(var(--pageWidthPadding)*-1); margin-right:-40px; margin-right:calc(var(--pageWidthPadding)*-1); } .megamenu{ padding:40px 0 0; line-height:1.8; } .site-nav--megamenu{ padding:40px 0; width: unset; } .site-nav__megamenu {display: flex;flex-wrap: wrap;margin-right: -13px;} .site-nav__megamenu-list {flex: 0 0 31.15%;max-width: 31.15%;text-align: left;} .megamenu-banner-grid {flex: 0 0 68.85%;max-width: 68.85%;display: flex;flex-wrap: wrap;padding-left: 67px;} .megamenu-banner-item {max-width: 50%;flex: 0 0 50%;padding: 0 13px;} .megamenu-banner-item figure { margin: 0; filter: drop-shadow(-5px 10px 10px rgba(19, 20, 22, 0.05)); } .megamenu-banner-title{ font-weight: 400; font-size: 16px; line-height: 24px; margin-top: 10px; text-align: left; color: var(--colorNavText); } .site-nav__megamenu-list .site-nav__dropdown-link {color: var(--colorNavText);padding: 6px 15px 6px 0;font-size: var(--typeBaseSize);font-weight: 400;line-height: 20px;position: relative;} .site-nav__dropdown .site-nav__dropdown-list > li:hover .site-nav__dropdown-link{ font-family: var(--typeNavPrimary),var(--typeNavFallback); font-weight: var(--typeNavWeight); color: #000; } .site-nav__megamenu-list .menu-title{ font-family: var(--typeNavPrimary),var(--typeNavFallback); font-weight: var(--typeNavWeight); font-size: 16px; line-height: 24px; color: #000000; margin-bottom: 18px; } .site-nav__dropdown .site-nav__dropdown-list > li:hover .menu-arrow{ opacity: 1; } .menu-arrow { position: absolute; right: 0; left: auto; opacity: 0; } a.megamenu-btn { letter-spacing: 0.2em; font-weight: 400; text-transform: uppercase; font-size: 12px; line-height: 16px; color: #ACAEB0; padding: 23px 39px; border: 1px solid var(--colorBorder); display: inline-block; margin-top: 18px; } .site-nav--is-megamenu.site-nav__item{ position:static; } .megamenu__cols{ display:flex; flex-wrap: wrap; margin-left: -40px; margin-right: -40px; } .megamenu__cols .megamenu__col{ flex: 0 0 20%; max-width: 20%; position: relative; } .megamenu__cols .megamenu__col:last-child:after{display: none;} .megamenu__cols .megamenu__col:after{ content: ''; position: absolute; right: 0; left: auto; top: 0; bottom: auto; width: 1px; height: 100%; background-color: #E8E9EA; } .megamenu__featured{ flex:0 1 19%; padding-bottom:40px } [data-grid-style=simple] .megamenu__featured .grid-product{ border:1px solid; border-color:#acaeb0; border-color:var(--colorBorder) } .megamenu__cols a:hover{ background-color:#ffffff; background-color:var(--colorBody); } .megamenu__col{ padding:0 40px; margin-bottom: 40px; page-break-inside:avoid; break-inside:avoid; } .megamenu__col-title a{ font-family: var(--typeNavPrimary),var(--typeNavFallback); font-weight: var(--typeNavWeight); line-height: 20px; color: #000000; font-size: 14px; } .text-center .megamenu .grid{ text-align:center } .text-center .megamenu .grid .grid__item{ float:none; display:inline-block; vertical-align:top; text-align:left; } .modal{ display:none; bottom:0; left:0; opacity:1; overflow:hidden; position:fixed; right:0; top:0; z-index:30; color:#fff; align-items:center; justify-content:center } .modal.modal--quick-shop{ align-items:flex-start; } .modal a,.modal a:hover{ color:inherit; } .modal-open .modal .modal__inner{ animation:modal-open 0.3s forwards; } .modal-open .modal:before{ content:""; position:fixed; top:0; left:0; width:100%; height:100%; background-color:#e0e0e0; background-color:var(--colorModalBg); animation:overlay-on 0.3s forwards; cursor:pointer; } .modal-closing .modal .modal__inner{ animation:modal-closing 0.15s forwards; } .modal-closing .modal:before{ content:""; position:fixed; top:0; left:0; width:100%; height:100%; background-color:#e0e0e0; background-color:var(--colorModalBg); animation:overlay-off 0.15s forwards; } .modal-open--solid .modal:before{ background-color:#e0e0e0; background-color:var(--colorModalBg) } .modal--is-closing{ display:flex !important; overflow:hidden; } .modal--is-active{ display:flex !important; overflow:hidden; } @media only screen and (min-width:769px){ .modal-open{ overflow:hidden; } } .modal__inner{ transform-style:preserve-3d; flex:0 1 auto; margin:15px; max-width:calc(100% - 40px); display:flex; align-items:center; box-shadow:0 12px 25px rgba(0, 0, 0, 0.15); border-radius:var(--roundness) } @media only screen and (min-width:769px){ .modal__inner{ margin:40px; max-width:calc(100% - 80px) } } .modal--square .modal__inner{ background-color:#ffffff; background-color:var(--colorBody); color:#000000; color:var(--colorTextBody); border-radius:var(--roundness) } .modal__inner .scheme-image{ border-radius:calc(var(--roundness) + 2px); } .modal__inner .image-wrap img{ max-height:none; } .modal__centered{ position:relative; flex:0 1 auto; min-width:1px; max-width:100%; } .modal--square .modal__centered-content{ max-height:80vh; padding:30px; min-width:200px; min-height:200px; border-radius:var(--roundness); overflow:auto; -webkit-overflow-scrolling:touch } @media only screen and (min-width:769px){ .modal--square .modal__centered-content{ padding:45px; max-height:90vh; max-width:1200px } } .modal--square .modal__centered-content--padded{ padding:60px; } .modal__close{ border:0; padding:6px; position:absolute; top:0; right:0; transform:translate(25%, -25%); z-index:2; transition:transform 0.15s ease-out } .modal__close:hover{ transform:translate(25%, -25%) scale(1.08); } .modal__close .icon{ width:28px; height:28px; } .modal--is-closing .modal__close{ display:none } .modal .page-content,.modal .page-width{ padding:0; } @media only screen and (max-width:768px){ .modal--mobile-friendly{ top:auto; bottom:20px; overflow:auto } .modal--mobile-friendly.modal--square .modal__centered-content{ padding:30px; } .modal--mobile-friendly.modal--is-active{ overflow:visible; } .modal-open .modal--mobile-friendly:before{ display:none; } .modal--mobile-friendly .modal__inner{ margin:0; } .modal--mobile-friendly .h1{ padding-right:25px; } .modal--mobile-friendly input{ font-size:16px !important; } .modal--mobile-friendly .text-close{ display:none; } } .modal__footer-text{ padding:15px 30px; text-align:center } .modal__footer-text a{ color:currentColor; text-decoration:underline; text-underline-offset:2px; } .js-qty__wrapper{ display:inline-block; position:relative; max-width:145px; min-width:60px; overflow:visible; background-color:#ffffff; background-color:var(--colorBody); color:#000000; color:var(--colorTextBody) } .js-qty__wrapper.is-loading{ opacity:0.5; pointer-events:none; } .js-qty__num,.bundle-js-qty__num{ display:block; background: #F4F4F4; border: none; text-align:center; width:100%; padding:18px 20px; margin:0; } .js-qty__adjust{ cursor:pointer; position:absolute; display:block; top:0; bottom:0; border:0 none; background:none; text-align:center; overflow:hidden; padding:0 22px; line-height:1; -webkit-user-select:none; user-select:none; -webkit-backface-visibility:hidden; backface-visibility:hidden; transition:background-color 0.1s ease-out; fill:#000000; fill:var(--colorTextBody) } .js-qty__adjust .icon{ display:block; font-size:8px; vertical-align:middle; width:10px; height:10px; fill:inherit; } .js-qty__adjust--plus,.bundle-js-qty__adjust--plus{ right:0; } .js-qty__adjust--minus,.bundle-js-qty__adjust--minus{ left:0; } .currency-flag{ transform:scale(0.55); margin:-0.55rem; } @media only screen and (max-width:768px){ [data-disclosure-currency] .disclosure-list{ left:50%; transform:translateX(-50%); max-width:95vw; } } .collapsible-trigger{ color:inherit; position:relative; } .collapsible-trigger__layout{ display:flex; align-items:center; justify-content:space-between } .collapsible-trigger__layout>span{ display:block; } .collapsible-trigger__layout--inline{ position:relative; } .collection-mobile-filters .collapsible-trigger__layout--inline{ justify-content:space-between } .collapsible-trigger__layout--inline .collapsible-trigger__icon{ position:static; line-height: 0; } .collapsible-trigger__icon{ display:block; position:absolute; right:0; top:50%; transform:translateY(-50%); line-height: 0; } .collection-sidebar__group .collapsible-trigger__icon { top: 0; transform: none; } .collapsible-content__inner .tag-list { margin: 0; } .collapsible-trigger.is-open .collapsible-trigger__icon .minus-icon,.collapsible-trigger .collapsible-trigger__icon .plus-icon{ display: block; } .collapsible-trigger.is-open .collapsible-trigger__icon .plus-icon,.collapsible-trigger .collapsible-trigger__icon .minus-icon{ display: none } .collapsible-trigger__icon .icon{ display:block; width:12px; width:var(--collapsibleIconWidth); height:12px; height:var(--collapsibleIconWidth); transition:all 0.1s ease-in; } .collapsible-trigger.is-open .collapsible-trigger__icon>.icon-chevron-down{ transform:rotate(180deg); } .collapsible-trigger--inline{ font-weight:700; padding:11px 0 11px 20px } .collapsible-trigger--inline .collapsible-trigger__icon{ right:auto; left:0; } .collapsible-content{ transition:opacity 0.2s ease,height 0.15s ease,transform 0.3s cubic-bezier(.25,.46,.45,.94); transform:translateY(-10px) } .collapsible-content.is-open{ visibility:visible; opacity:1; transform:translateY(0); height:auto; transition:opacity 0.3s ease,height 0.25s ease,transform 0.3s cubic-bezier(.25,.46,.45,.94); } .collapsible-content--all{ visibility:hidden; overflow:hidden; -webkit-backface-visibility:hidden; backface-visibility:hidden; opacity:0; height:0; } @media only screen and (min-width:769px){ .collapsible-content--all.is-open{ overflow:visible; overflow:initial; visibility:visible; opacity:1; height:auto; } } .collapsible-content--all.is-open{ border-bottom:1px solid; border-color:#acaeb0; border-color:var(--colorBorder) } .filter-wrapper .collapsible-content--all.is-open{ border:0 } @media only screen and (max-width:768px){ .collapsible-content--small{ visibility:hidden; -webkit-backface-visibility:hidden; backface-visibility:hidden; opacity:0; height:0 } .collapsible-content--small .collapsible-content__inner{ transform:translateY(40px); } } .collapsible-trigger[aria-expanded=true] .collapsible-label__closed{ display:none } .collapsible-label__open{ display:none } .collapsible-trigger[aria-expanded=true] .collapsible-label__open{ display:inline-block } .pswp{ display:none; position:absolute; width:100%; height:100%; left:0; top:0; overflow:hidden; touch-action:none; z-index:1500; -webkit-text-size-adjust:100%; -webkit-backface-visibility:hidden; outline:none; } .pswp img{ max-width:none; } .pswp--animate_opacity{ opacity:0.001; will-change:opacity; transition:opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp--open{ display:block; } .pswp--zoom-allowed .pswp__img{ cursor:zoom-in; } .pswp--zoomed-in .pswp__img{ cursor:grab; } .pswp--dragging .pswp__img{ cursor:grabbing; } .pswp__bg{ position:absolute; left:0; top:0; width:100%; height:100%; background:#ffffff; background:var(--colorBody); opacity:0; transform:translateZ(0); -webkit-backface-visibility:hidden; } .pswp__scroll-wrap{ position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; } .pswp__container,.pswp__zoom-wrap{ touch-action:none; position:absolute; left:0; right:0; top:0; bottom:0; } .pswp__container,.pswp__img{ -webkit-user-select:none; user-select:none; -webkit-tap-highlight-color:transparent; -webkit-touch-callout:none; } .pswp__zoom-wrap{ position:absolute; width:100%; transform-origin:left top; transition:transform 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp__bg{ will-change:opacity; transition:opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp--animated-in .pswp__bg,.pswp--animated-in .pswp__zoom-wrap{ transition:none; } .pswp__container,.pswp__zoom-wrap{ -webkit-backface-visibility:hidden; } .pswp__item{ position:absolute; left:0; right:0; top:0; bottom:0; overflow:hidden; } .pswp__img{ position:absolute; width:auto; height:auto; top:0; left:0; } .pswp__img--placeholder{ -webkit-backface-visibility:hidden; } .pswp--ie .pswp__img{ width:100% !important; height:auto !important; left:0; top:0; } .pswp__error-msg{ position:absolute; left:0; top:50%; width:100%; text-align:center; line-height:16px; margin-top:-8px; color:#ccc; } .pswp__error-msg a{ color:#ccc; text-decoration:underline; } .pswp__button{ position:relative } .pswp__button:after{ content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; } .pswp__button svg{ pointer-events:none; } .pswp__button--arrow--left .icon,.pswp__button--arrow--right .icon{ width:13px; height:13px; margin:8px; } .pswp__button[disabled]{ opacity:0; pointer-events:none; } .pswp__ui{ position:absolute; display:flex; justify-content:center; align-items:center; bottom:30px; left:0; right:0; transform:translateY(0); transition:transform 0.25s 0.6s } .pswp__ui .btn{ margin:15px; border:0; box-shadow:0 3px 6px rgba(0, 0, 0, 0.15); } .pswp__ui--hidden{ transform:translateY(150%); transition:transform 0.25s; } html.pswp-open-in-ios,html.pswp-open-in-ios body{ background:#444; height:var(--window-inner-height); overflow:hidden; box-sizing:border-box; } .pswp-open-in-ios body>*{ display:none; } .pswp-open-in-ios body .pswp.pswp--open{ display:block; } .disclosure{ position:relative; } .disclosure__toggle{ white-space:nowrap; } .disclosure-list{ background-color:#ffffff; background-color:var(--colorBody); color:#000000; color:var(--colorTextBody); bottom:100%; padding:10px 0px; margin:0; position:absolute; display:none; min-height:92px; max-height:60vh; overflow-y:auto; border-radius:0; box-shadow:0px 0px 20px rgba(0, 0, 0, 0.09); z-index:1 } .disclosure-list a{ color:currentColor; } .disclosure-list--down{ bottom:auto; top:100%; } .disclosure-list--left{ right:0; } .disclosure-list--visible{ display:block; } .disclosure-list__item{ white-space:nowrap; padding:5px 15px 4px; text-align:left; } .disclosure-list__option:focus .disclosure-list__label,.disclosure-list__option:hover .disclosure-list__label{ text-decoration:underline; } .disclosure-list__item--current .disclosure-list__label{ text-decoration:underline; } .disclosure-list__label{ display:inline-block; vertical-align:middle; text-underline-offset:0.2rem } [data-disclosure-currency] .disclosure-list__label{ padding-left:10px } .disclosure-list__label span{ border-bottom:2px solid transparent } .is-active .disclosure-list__label span{ border-bottom:2px solid currentColor } .multi-selectors{ display:flex; justify-content:center; flex-wrap:wrap; } .multi-selectors__item{ margin:0 20px } .toolbar .multi-selectors__item{ margin-right:0; margin-bottom:0 } .multi-selectors--footer{ justify-content:flex-start } .multi-selectors--footer .multi-selectors__item{ margin-bottom:20px; margin-left:0; } .shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area{ opacity:1; background:#ffffff; background:var(--colorBody); border-color:rgba(0, 0, 0, 0.05); border-radius:50px; } .shopify-model-viewer-ui .shopify-model-viewer-ui__button{ color:#000000; color:var(--colorTextBody); } .shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:hover{ color:#000000; color:var(--colorTextBody); } .shopify-model-viewer-ui .shopify-model-viewer-ui__button--control.focus-visible:focus,.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:active{ color:#000000; color:var(--colorTextBody); background-color:rgba(0, 0, 0, 0.05); } .shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:not(:last-child):after{ border-color:rgba(0, 0, 0, 0.05); } .shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster{ background-color:#000000; background-color:var(--colorTextBody); color:#ffffff; color:var(--colorBody); border-radius:100%; border:1px solid; border-color:rgba(255, 255, 255, 0.05) } .shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:focus,.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:hover{ color:#ffffff; color:var(--colorBody); } .product-single__view-in-space{ display:block; color:#000000; color:var(--colorTextBody); background-color:rgba(0, 0, 0, 0.08); width:80%; width:calc(80% - 4px); margin:40px 10% 10px; padding:5px 10px 10px } .product-single__view-in-space[data-shopify-xr-hidden]{ display:none; } .product-single__view-in-space-text{ font-size:calc(var(--typeBaseSize)*0.85); display:inline-block; vertical-align:middle; margin-left:5px; } .shopify-model-viewer-ui,.shopify-model-viewer-ui model-viewer{ display:block; position:absolute; top:0; left:0; width:100%; height:100%; } .shopify-model-viewer-ui__button[hidden]{ display:none; } .product-single__close-media{ position:absolute; top:10px; right:10px; z-index:2; } .price-range__slider-wrapper{ padding:0 8px; margin-bottom:8px } @media only screen and (max-width:768px){ .price-range__slider-wrapper{ padding:0 10px } } .price-range__input{ display:none; } .price-range__display-wrapper{ display:flex; flex:1 1 auto; justify-content:space-between; padding:0; margin-bottom:8px; width:100% } @media only screen and (max-width:768px){ .price-range__display-wrapper{ padding:0 } } .noUi-horizontal .noUi-handle{ border:0; border-radius:50%; background:#000000; background:var(--colorTextBody); box-shadow:0 0 1px 2px #fff; width:12px; height:12px; cursor:pointer; right:-6px; top:-3px } .noUi-horizontal .noUi-handle:focus,.noUi-horizontal .noUi-handle:hover{ width:14px; height:14px; right:-7px; top:-4px; } .noUi-horizontal .noUi-handle:after,.noUi-horizontal .noUi-handle:before{ content:none; } .noUi-target{ background:#f4f4f4; border:0; box-shadow:none; } .noUi-connect{ background:#000000; background:var(--colorTextBody); } .noUi-horizontal{ height:6px; } ::-webkit-input-placeholder{ color:inherit; } :-moz-placeholder{ color:inherit; } :-ms-input-placeholder{ color:inherit; } ::-ms-input-placeholder{ color:inherit; opacity:1; } input,select,textarea{ background-color:inherit; color:inherit } input.disabled,input[disabled],select.disabled,select[disabled],textarea.disabled,textarea[disabled]{ background-color:#f6f6f6; border-color:transparent; } input:active,input:focus,select:active,select:focus,textarea:active,textarea:focus{ border:1px solid; border-color:#000000; border-color:var(--colorTextBody); } input[type=image]{ background-color:transparent; } .social-sharing .icon{ height:18px; width:18px; } .social-sharing__link{ display:inline-block; color:#000000; color:var(--colorTextBody); border-radius:2px; margin:0 18px 0 0; text-decoration:none; font-weight:400 } .social-sharing__link:last-child{ margin-right:0; } .social-sharing__title{ font-size:calc(var(--typeBaseSize)*0.85); display:inline-block; vertical-align:middle; padding-right:15px; padding-left:3px; } .blog-layout__sidebar .social-sharing{ margin-bottom:40px; } .index-section{ margin:80px 0; margin:var(--indexSectionPadding) 0 } .index-section:not(.index-section--sub-product):first-child{ margin-top:0; padding-top:80px; padding-top:var(--indexSectionPadding); } .index-section+.index-section,.index-section+.index-section--hidden,.main-content+.index-section{ margin-top:0; } .page-width .index-section .page-width{ padding-left:0; padding-right:0; } .index-section--flush{ margin:0; } .section--divider{ border-top:1px solid; border-top-color:#acaeb0; border-top-color:var(--colorBorder); padding-top:60px; padding-top:var(--indexSectionPadding); } .index-section--faq{ margin-bottom:20px; } .template-challange .index-section--footer{ display:none; } .testimonials-section{ padding:60px 0; padding:var(--indexSectionPadding) 0; } .page-blocks--flush .page-width{ padding:0; } .page-blocks>div:first-child .index-section{ margin-top:0; } .feature-row-wrapper{ direction:ltr; position: relative; } .feature-row{ margin: 5px 0; display:flex; flex-wrap: wrap; justify-content:space-between; align-items:center } @media (--widescreen){ .feature-row{ margin:0 6% } } @media only screen and (max-width:768px){ .feature-row{ flex-direction:column; margin:0 } } @media only screen and (max-width:959px){ .feature-row--small-none{ display:block; } } .feature-row__item{ flex:0 0 38.5%; max-width: 38.5%; } .text-and-image-overlay .feature-row__item{ flex:0 0 39.05%; max-width: 39.05%; } @media only screen and (max-width:768px){ .feature-row__item,.text-and-image-overlay .feature-row__item{ flex:1 1 auto; max-width:100%; min-width:100% } } .feature-row__item--overlap-images{ display:flex; justify-content:space-between; align-items:center; padding:0 0 15px; margin:0 0 0 -30px } @media only screen and (min-width:769px){ .feature-row__item--overlap-images{ padding:50px 0; margin:0 auto } } .feature-row__item--overlap-images>*{ width:50% } .feature-row__item--overlap-images>:first-child{ z-index:1; transform:translate(30px, 30px) } @media only screen and (min-width:769px){ .feature-row__item--overlap-images>:first-child{ transform:translate(50px, 50px) } } .feature-row__item--overlap-images svg{ border:2px solid; border-color:#ffffff; border-color:var(--colorBody); } .feature-row__image{ display:block; margin:0 auto; order:1; height: auto; } @media only screen and (min-width:769px){ .feature-row__image{ order:2 } } .feature-row__text{ min-width:61.5%; flex:0 0 61.5%; padding:0 } .text-and-image-overlay .feature-row__text{ min-width:60.95%; flex:0 0 60.95%; padding:0 } .feature-row__text .h1{margin-bottom: 6px;} .featured-row__subtext{ font-size: 16px; line-height: 24px; } .text-and-image-section .featured-row__subtext {color: var(--colorNavText);} .template-page-about .text-and-image-section .featured-row__subtext p:first-child{ color: var(--colorTextBody); font-size: 16px; line-height: 24px; letter-spacing: 0.2px; font-family: var(--typeHeaderPrimary),var(--typeHeaderFallback); font-weight: var(--typeHeaderWeight); } .template-page-about .text-and-image-section .h1{margin-bottom: 12px;} .template-page-about .text-and-image-section .featured-row__subtext p{margin-bottom: 24px;} .template-page-about .text-and-image-section .featured-row__subtext p:last-child{margin-bottom: 0;} @media only screen and (min-width:769px){ .template-index .text-and-image-section .feature-row__text .h1{max-width: 340px;} .template-page-about .text-and-image-section .h1{margin-bottom: 24px;} .template-page-about .text-and-image-section .featured-row__subtext p:first-child{ font-size: 20px; line-height: 28px; } } @media only screen and (max-width:768px){ .feature-row__text,.text-and-image-overlay .feature-row__text{ order:2; margin-top:0; padding:16px 0px 0; } } .feature-row__text .rte{ margin:0; } .feature-row__text .btn{ margin-top:24px; } @media only screen and (min-width:769px){ .feature-row__text--left{ padding-left:91px; padding-right:0; } .feature-row__text--right{ padding-right:91px; padding-left:0; } .text-and-image-overlay .feature-row__text--left{ padding-left:77px; padding-right:0; } .text-and-image-overlay .feature-row__text--right{ padding-right:77px; padding-left:0; } } .product-block{ margin-bottom:24px } .product-block hr{ margin:0; } .product-block--tab{ margin: 0; } .product-block--tab .collapsible-trigger{ padding: 24px 0; } .product-single__meta .product-block.product-block--tab + .product-block--tab { border-top: 0; } .product-single__meta .product-block.product-block--tab { border-top: 1px solid var(--colorBorder); } .product-single__meta .product-block--tab .collapsible-trigger { color: #4e4e4e; } .product-block--tab:first-child .collapsible-trigger-btn--borders{border-top: 1px solid var(--colorBorder);} .product-block--tab .collapsible-content__inner{ padding-top: 0; padding-bottom: 24px; color: var(--colorNavText); } .theme-block{ margin-bottom:30px } .theme-block:last-child{ margin-bottom:0; } [data-product-blocks] .spr-starrating{ margin-bottom:15px; margin-top:-15px; } .slideshow-wrapper{ position:relative; } .slideshow__pause:focus{ clip:auto; width:auto; height:auto; margin:0; color:#acaeb0; color:var(--colorBtnPrimaryText); background-color:rgba(0,0,0,0); background-color:var(--colorBtnPrimary); padding:10px; z-index:10000; transition:none } .video-is-playing .slideshow__pause:focus{ display:none } .slideshow__pause-stop{ display:block } .is-paused .slideshow__pause-stop{ display:none } .slideshow__pause-play{ display:none } .is-paused .slideshow__pause-play{ display:block } .slideshow__slide{ display:none; width:100%; height:100%; position:relative; overflow:hidden } .slideshow__slide:first-child{ display:block; } .flickity-slider .slideshow__slide{ display:block } .hero--padded .slideshow__slide{ border-radius:var(--roundness); overflow:hidden } .hero--padded{ margin-top:40px; margin-top:var(--pageWidthPadding); margin-bottom:40px; margin-bottom:var(--pageWidthPadding) } .index-section--hero:first-child .hero--padded{ margin-top:0; padding-top:40px; padding-top:var(--pageWidthPadding) } .hero{ position:relative; overflow:hidden; /* background-color:var(--colorLargeImageBg); */ color:#fff } .hero.loaded{ /* background-color:transparent; transition:background-color 0.2s ease 0.3s; */ } .hero--padded .hero{ border-radius:var(--roundness) } .hero__media-container{ position:absolute; top:0; left:0; height:100%; width:100%; } .hero__image-wrapper,.hero__media{ position:absolute; top:0; left:0; height:100%; width:100%; } .hero__image{ position:relative; width:100%; height:100%; z-index:1; -o-object-fit:cover; object-fit:cover; } .hero__media{ z-index:1; } .hero__image-wrapper--no-overlay:before{ content:none; } .hero__media iframe,.hero__media video{ width:100%; height:100%; pointer-events:none } .video-interactable .hero__media iframe,.video-interactable .hero__media video{ pointer-events:auto } .video-parent-section.loading .hero__media iframe,.video-parent-section.loading .hero__media video{ opacity:0.01 } .video-parent-section.loaded .hero__media iframe,.video-parent-section.loaded .hero__media video{ opacity:1; animation:zoom-fade 1s cubic-bezier(0.26, 0.54, 0.32, 1) 0s forwards; transition:none } .hero__media video{ position:relative; -o-object-fit:cover; object-fit:cover; font-family:"object-fit: cover"; } .hero__media iframe{ position:absolute; top:0; left:0; width:300%; left:-100%; max-width:none } @media screen and (min-width:1140px){ .hero__media iframe{ width:100%; height:300%; left:auto; top:-100% } } .vimeo-mobile-trigger{ display:block; position:absolute; width:100%; z-index:2; margin-top:90px } .hero__text-content .vimeo-mobile-trigger{ bottom:120% } .vimeo-mobile-trigger .icon{ width:40px; height:40px; background-color:#fff; border-radius:50%; padding:10px; } .hero__slide-link{ display:block; position:absolute; height:100%; width:100%; z-index:5 } .hero__slide-link:hover~.hero__text-wrap .btn:not(.btn--secondary):not(.btn--inverse){ background:rgba(26, 26, 26, 0.0); background:var(--colorBtnPrimaryLight); transition-delay:0.25s; } .hero__text-wrap{ position:relative; height:100%; } .hero__text-wrap::after{ /* content:''; position:absolute; height:100%; width: 100%; background: linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0) 50%); opacity: 0.8; top: 0; bottom: 0; right: 0; left: 0; */ } .video-interactable .hero__text-wrap{ pointer-events:none } .hero__text-wrap .page-width{ display:table; width:100%; height:100%; padding: 0; } .hero__text-content{ position:relative; padding:15px 0; z-index:4 } @media only screen and (min-width:769px){ .hero__text-content{ padding:45px 0 } .slideshow-wrapper .flickity-page-dots .dot{width: 6px;height: 6px;background: rgb(255 255 255 / 50%);} .slideshow-wrapper .flickity-page-dots .dot.is-selected{width: 10px;height: 10px;background: #FFFFFF;} } [data-dots=true] .hero__text-content{ padding-bottom:85px } .hero__text-shadow{ position:relative; display:inline-block; text-shadow:0 3px 7px rgba(0, 0, 0, 0.15) } .hero__text-shadow .btn{ text-shadow:none; } .horizontal-left .hero__text-shadow{ max-width:575px } .horizontal-right .hero__text-shadow{ max-width:500px; text-align:left } @media only screen and (max-width:768px){ .horizontal-right .hero__text-shadow{ max-width:85% } } .hero__subtitle,.hero__title,.hero__top-subtitle{ margin-bottom:6px } .hero__top-subtitle{ text-transform:uppercase; letter-spacing:0.3em; font-size:1.1em; } .hero__title{ display:block; line-height: 34px; font-weight: 400; letter-spacing: 0.2px; font-size: 28px; } @media only screen and (min-width:992px){ .hero__title{line-height: 60px;} } .hero__title p{ margin-bottom:0; } .hero__subtext{ margin-top:20px; } .hero__subtitle{ display:block; vertical-align:middle } @media only screen and (min-width:769px){ .hero__subtitle{ font-weight: 400; font-size: 16px; line-height: 24px; margin-bottom: 20px; } } .hero__link{ position:relative; display:block; cursor: pointer; } .video-interactable .hero__link{ pointer-events:auto } .hero__link .btn{margin:4px 15px 15px 0;} .hero__link .btn,.feature-row .btn{ padding: 23px 62px; line-height: 28px; font-weight: 400; letter-spacing: 5px; font-size: calc(var(--typeBaseSize) + 6px); font-family: var(--typeHeaderPrimary),var(--typeHeaderFallback); border: 1px solid #FFFFFF; background-color: transparent; color: #fff; } .feature-row .btn{color: #000000;border: 1px solid #000000;padding: 23px 61px;} .hero__link .btn:hover,.feature-row .btn:hover{background-color: #fff;color: #000;} @media only screen and (max-width:768px){ .hero__link .btn{ margin:18px 0 0 0; line-height: 28px; padding: 13px 38px; } .small--text-center .hero__link .btn{ margin:4px 10px 6px } } .hero__link .btn .icon-play{ position:relative; top:-2px; margin-right:5px; } .hero__link .btn--inverse{ color:currentColor; border-color:currentColor; } .hero__text-content{ display:table-cell } .hero__text-content.horizontal-left{ text-align:left; } .hero__text-content.horizontal-center{ text-align:center; } .hero__text-content.horizontal-right{ text-align:right; } .hero__text-content.vertical-center{ vertical-align:middle; } .hero__text-content.vertical-bottom{ vertical-align:bottom; } .overlaid-header .index-section--hero:first-child .hero__text-content.vertical-center{ padding-top:50px } @media only screen and (min-width:769px){ .overlaid-header .index-section--hero:first-child .hero__text-content.vertical-center{ padding-top:90px } } .hero[data-natural]{ position:absolute; top:0; left:0; right:0; bottom:0; } .hero .slideshow__slide .hero__animation-contents{ opacity:0; transition:none } .no-js .hero .slideshow__slide .hero__animation-contents{ opacity:1 } .hero .slideshow__slide .hero__text-shadow:after{ opacity:0; } .hero .slideshow__slide:not(.animate-out) .hero__image{ opacity:0; transition:none; } .no-js .hero .slideshow__slide .hero__link .btn{ opacity:1 } .hero .slideshow__slide .hero__image-wrapper{ /* transform:scale(1.15); opacity:0; transition:none; */ } .hero .slideshow__slide .hero__sidebyside{ opacity:0; transition:none } .no-js .hero .slideshow__slide .hero__sidebyside{ opacity:1 } .hero .slideshow__slide .hero__sidebyside-image .hero__image{ opacity:0; transform:scale(1.15); transition:none } .no-js .hero .slideshow__slide .hero__sidebyside-image .hero__image{ opacity:1 } .hero.loaded .slideshow__slide.is-selected .hero__animation-contents{ opacity:1; transform:translateY(0px); transition:opacity 0.4s ease,transform 0.6s cubic-bezier(0.26, 0.54, 0.32, 1); } .hero.loaded .slideshow__slide.is-selected .hero__text-shadow:after{ opacity:1; transition:all 0.4s ease 0.2s; } .hero.loaded .slideshow__slide.is-selected .hero__title .hero__animation-contents{ transition-delay:0.2s; } .hero.loaded .slideshow__slide.is-selected .hero__subtitle .hero__animation-contents{ transition-delay:0.4s; } .hero.loaded .slideshow__slide.is-selected .hero__link .hero__animation-contents{ transition-delay:0.6s; } .hero.loaded .slideshow__slide.is-selected .hero__image--svg,.hero.loaded .slideshow__slide.is-selected .hero__image.lazyloaded,.hero.loaded .slideshow__slide.is-selected .hero__media{ opacity:1; transition:none; } .hero.loaded .slideshow__slide.is-selected .hero__image-wrapper{ /* opacity:1; transform:scale(1); transition:transform 1s cubic-bezier(0.18, 0.63, 0.25, 1),opacity 0.7s ease; */ } .hero.loaded .slideshow__slide.is-selected .hero__sidebyside{ opacity:1; transition:opacity 0.7s ease; } .hero.loaded .slideshow__slide.is-selected .hero__sidebyside-image .hero__image{ opacity:1; transform:scale(1); animation:none; transition:transform 0.7s cubic-bezier(0.13, 0.55, 0.25, 1); } .hero .slideshow__slide.animate-out .hero__animation-contents{ opacity:0; transition:none; } .hero .slideshow__slide.animate-out .hero__image-wrapper{ opacity:0; transform:scale(1); transition:transform 0.5s ease-in 0.05s,opacity 0.5s ease-in 0.05s; } .hero__sidebyside{ height:100%; display:flex; background-color:#ffffff; background-color:var(--colorBody); color:#000000; color:var(--colorTextBody); } .hero__sidebyside-content{ position:relative; } .hero__sidebyside-content-inner{ align-self:center; flex:1; padding:30px; } .hero__sidebyside-image{ overflow:hidden; } .hero__sidebyside-image-link{ display:block; height:100%; } .hero__sidebyside-image--indented .hero__image{ padding:30px 30px 0; -o-object-fit:contain; object-fit:contain; } .hero__sidebyside-image--indented .placeholder-svg{ margin:30px 30px 0; height:calc(100% - 60px); width:calc(100% - 60px); } @media only screen and (max-width:768px){ .hero__sidebyside{ flex-direction:column; } .hero__sidebyside-image{ position:relative; flex:1 1 auto } .hero__sidebyside-image .hero__image,.hero__sidebyside-image .placeholder-svg{ position:absolute; top:0; left:0; } .hero__sidebyside-content{ flex:0 1 auto; display:flex; order:2; } } @media only screen and (min-width:769px){ .hero__sidebyside-content{ flex:1 1 auto; display:flex; max-width:40%; } .hero__sidebyside-content-inner{ padding:5vw; } .hero__sidebyside-text--right .hero__sidebyside-content{ order:2; } .hero__sidebyside-text--left .hero__sidebyside-content-inner--indented{ padding-right:0 } .hero__sidebyside-text--right .hero__sidebyside-content-inner--indented{ padding-left:0 } .hero__sidebyside-image{ flex:0 1 60%; } .hero__sidebyside-image--indented .hero__image{ padding:80px; -o-object-position:center right; object-position:center right; } .hero__sidebyside-text--right .hero__sidebyside-image--indented .hero__image{ -o-object-position:center left; object-position:center left; } } .collection-content{ padding-top:5px } @media only screen and (min-width:769px){ .collection-content{ padding-top:20px; margin-top:20px; margin-bottom: 65px; } } .grid__item--content{padding-top: 40px;padding-left: 70px;} .collection-filter{ margin-bottom:15px } @media only screen and (max-width:768px){ .collection-filter{ position:sticky; top:65px; z-index:2; margin-left:-16px; margin-right:-16px; margin-bottom:6px; } } .collection-filter__inner{ display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap } .filter-title-block h4{margin-bottom: 12px;} @media only screen and (max-width:768px){ .collection-filter__inner{ position:relative; z-index:2; background:#ffffff; background:var(--colorBody); padding:0 16px; } .filter-title-block { padding: 0 16px; } } .collection-filter__inner select{ display:block; width:100%; border:0; padding-bottom: 0; padding-top: 0; } .collection-filter__btn{ padding:16px 0; font-weight:700; font-size:calc(var(--typeBaseSize) + 2px); line-height: 20px; } .collection-filter__btn .icon{ width:25px; height:25px; margin-top:-1px; margin-right:5px; } .collection-filter__btn path{ transition:all 0.3s cubic-bezier(0.18, 0.77, 0.58, 1); } .collection-filter__btn.is-active path:nth-child(3){ transform:rotate(45deg); transform-origin:70% 90%; } .collection-filter__btn.is-active path:first-child,.collection-filter__btn.is-active path:nth-child(2),.collection-filter__btn.is-active path:nth-child(4),.collection-filter__btn.is-active path:nth-child(5){ opacity:0; } .collection-filter__btn.is-active path:nth-child(6){ transform:rotate(-45deg); transform-origin:80% 44%; } .collection-filter__item{ flex:1 1 auto; } .collection-filter__item--drawer{ flex:0 1 50%; padding-right:7.5px; } .collection-filter__item--count{ text-align:center; } .collection-filter__item--right{ display:flex; align-items:center; justify-content:flex-end; padding-left:7.5px } @media only screen and (min-width:769px){ .collection-filter__sort{ padding-right:20px; margin-right:20px; } } @media only screen and (max-width:768px){ .collection-filter__item--count{ order:3; flex:1 1 100%; } } .collection-hero{ position:relative; width:100%; height:200px; overflow:hidden; margin-bottom: 40px; background-color:var(--colorLargeImageBg) } .collection-hero__content .rte--collection-desc{padding-bottom: 0;} .collection-hero__content .h2{margin-bottom: 0;} .collection-hero figure { margin: 0; } [data-view=list] .grid-product__btn .btn--full { width: auto; } @media only screen and (min-width:769px){ .collection-hero{ height:385px } } .collection-hero__content{ position:absolute; top:0; left:0; bottom:0; width:100%; display:flex; align-items:flex-end; padding:15px 0; color:#fff; z-index:1 } @media only screen and (min-width:769px){ .collection-hero__content{ padding:48px 40px; max-width: 655px; } } .collection-hero__content a{ color:#fff; } .overlaid-header .collection-hero__content{ padding-top:70px } @media only screen and (min-width:769px){ .overlaid-header .collection-hero__content{ padding-top:100px } } .collection-hero__content .page-width{ width:100%; } .collection-hero__content:before{ content:""; display:block; position:absolute; top:0; right:0; bottom:0; left:0; z-index:-1; background:linear-gradient(45deg, rgba(0, 0, 0, 0.3), transparent 50%); pointer-events:none; } .collection-hero__image{ transform:scale(1.15); opacity:0 } .collection-hero__image.lazyloaded{ opacity:1; transform:scale(1); transition:transform 1s cubic-bezier(0.18, 0.63, 0.25, 1),opacity 0.7s ease; animation:none; } .no-js .collection-hero__image{ opacity:1 } .collection-grid{ margin-bottom:60px; margin-bottom:var(--indexSectionPadding); } .collection-grid__wrapper.unload{ min-height:180px; position:relative } .collection-grid__wrapper.unload [data-section-type=collection-template]{ animation:grid-product__loading 1.5s ease 1.5s infinite; } .collection-grid__wrapper.unload .collection-grid{ opacity:0.2; transition:opacity 0.3s; } @media only screen and (min-width:769px){ .collection-sidebar{ padding-right:10px; margin-bottom:20px; } .grid__item--sidebar{ position:sticky; top:90px; max-height:90vh; overflow-y:auto; } } @media only screen and (max-width:768px){ .tag-list--active-tags{ margin:20px 20px 10px; } .collection-mobile-filters .filter-wrapper{ display:none; transition:all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1); background-color:#ffffff; background-color:var(--colorBody); transform:translateY(-100%); max-height:80vh; max-height:var(--maxFiltersHeight); overflow:auto; box-shadow:0px 2px 10px rgb(19 20 22 / 4%); } .collection-mobile-filters .filter-wrapper.is-active{ display:block; transform:translateY(0); } .collection-mobile-filters{ position:absolute; left:0; right:0; bottom:0; height:0; overflow:visible; } .collection-sidebar__group{ } [data-grid-style*=grey] .collection-grid,[data-grid-style=simple] .collection-grid{ padding-top:10px; } } .collection-sidebar__group{ overflow:hidden; padding: 12px 0; border-bottom:1px solid #EAEAEA; } .collection-sidebar__group--1 .collection-sidebar__group{ border-top: 1px solid #EAEAEA; } @media only screen and (max-width:768px){ .collection-sidebar__group{padding: 0 16px;border-bottom: none;} .collection-sidebar__group--1 .collection-sidebar__group{ border-top: none; } .collection-sidebar__group--sort .collapsible-trigger-btn { border-top: 1px solid #EAEAEA; } } .rte--collection-desc{ padding:6px 0 80px; } .grid-view-btn{ display:block; padding: 0 0 0 12px; } .grid-view-btn svg{ display:block; } @media only screen and (max-width:768px){ .grid-view-btn svg{ width:18px; height:18px; } } .is-light .site-header__logo .logo--has-inverted{ opacity:0; visibility:hidden; overflow:hidden; height:0 } .site-header__logo .logo--inverted{ opacity:0; visibility:hidden; overflow:hidden; height:0 } .is-light .site-header__logo .logo--inverted{ opacity:1; visibility:visible; height:auto } @media only screen and (min-width:769px){ .site-header__logo{ text-align:left } } .header-logo a,.site-header__logo a{ color:#4e4e4e; color:var(--colorNavText) } .is-light .header-logo a,.is-light .site-header__logo a{ color:#fff } .is-light .header-logo a:hover,.is-light .site-header__logo a:hover{ color:#fff; } .site-nav__dropdown-link{ display:block; padding:8px 15px; white-space:nowrap; font-size: 14px; line-height: 20px; position: relative; } .megamenu .site-nav__dropdown-link:hover{ font-family: var(--typeNavPrimary),var(--typeNavFallback); font-weight: var(--typeNavWeight); color: #000000 } .megamenu .site-nav__dropdown-link:hover .menu-arrow{opacity: 1;} .megamenu .site-nav__dropdown-link{ padding:6px 0; color: var(--colorNavText); white-space:normal } .megamenu .megamenu__col-title .site-nav__dropdown-link { color: #000; } .site-header__drawers{ height:0; overflow:visible } .cart-open body { overflow: hidden; } @media only screen and (min-width:769px){ .site-header__drawer{ position: fixed; top: 0; padding: 20px; width: 100%; max-height: 75vh; height: 100%; max-height: 100%; overflow-y: auto; visibility: hidden; background-color: #ffffff; background-color: var(--colorBody); color: #111111; color: var(--colorTextBody); box-shadow: 0 10px 25px rgb(0 0 0 / 15%); z-index: 9; transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); transform: translateX(100%); border-radius: 0; } .site-header__cart{ right:0; max-width:464px; } } @media only screen and (max-width:768px){ .site-header__drawers{ padding:0 } .site-header__drawer{ top: 0; z-index: 3; display: none; position: absolute; padding: 20px; width: 100%; max-width: 100%; max-height: 75vh; max-height: var(--app-height); /* max-height: var(--maxDrawerHeight); */ overflow-y: auto; background-color: #fff; background-color: var(--colorBody); color: #000; color: var(--colorTextBody); box-shadow: 0 10px 25px #00000026; transition: all .25s cubic-bezier(.165,.84,.44,1); transform: translateY(-100%); } form.cart__drawer-form { max-height: 75vh; max-height: var(--maxDrawerHeight); display: flex; flex-direction: column; } .site-header__drawers-container{ position:relative; } .site-header__drawer-animate{ transform:translateY(-20px); } .is-active .site-header__drawer-animate{ transform:translateY(0px); } } .site-header__drawer.is-active{ display: block; transform: translateY(0); visibility: visible; } .header-wrapper--compressed .site-header__drawer{ top:0 } .site-header__mobile-nav.site-header__drawer.is-active{ /* height: calc(100vh - 82px); */ height: var(--app-height); min-height: var(--app-height); } .site-header__mobile-nav.site-header__drawer{padding: 12px 0 0;} .mobile-nav-open body { overflow: hidden; } .site-header__drawer-animate{ opacity:0 } .is-active .site-header__drawer-animate{ opacity:1; transition:opacity 0.3s ease 0.15s,transform 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0.15s } .tag-list__header{ text-align:left; } .tag-list .tag-list{ margin-left:15px; } .tag-list a,.tag-list button,.tag-list label{ cursor:pointer; display:block; padding:1px 0; color: var(--colorNavText); } .tag--swatch label{ margin:0; } .collapsible-content__inner .tag{margin-bottom: 0;} .collapsible-content__inner .text-label{margin-bottom: 6px;} .tag--active>a,.tag--active>button,.tag--active>label{ font-weight:700; color: var(--colorTextBody); } .tag-list--active-tags:empty{ display:none; } .tag-list--checkboxes{ padding-bottom:6px } .tag-list--checkboxes a{ position:relative; padding-left:25px } .tag-list--checkboxes a:after,.tag-list--checkboxes a:before{ content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); } .tag-list--checkboxes a:before{ border:1px solid; border-color:#acaeb0; border-color:var(--colorBorder); height:16px; width:16px; } .tag-list--checkboxes a:after{ height:10px; width:10px; left:3px; } .tag--active .tag__checkbox:after,.tag-list--checkboxes .tag--active a:after,input:checked~.tag__checkbox:after{ background-color:#000000; background-color:var(--colorTextBody); border-color:#000000; border-color:var(--colorTextBody); } .tag--inline,.tag--remove{ display:inline-block; position:relative; margin:0 10px 13px 0 } .tag--inline a,.tag--remove a{ display:block; text-align:left; padding:7px 15px 7px 36px; min-width:0; } .tag--inline .icon,.tag--remove .icon{ position:absolute; left:10px; top:50%; transform:translateY(-50%); pointer-events:none; color:#acaeb0; color:var(--colorBtnPrimaryText); } .tag--inline a{ padding:7px 15px 7px 15px; } .tag-list--swatches{ margin-top:2px; margin-left:-2px } .drawer .tag-list--swatches{ margin-left:-2px } .tag-list--swatches li{ display:inline-block; } label.tag__checkbox-wrapper{ display:flex; } .tag__checkbox{ position:relative; padding-left:24px } .tag__checkbox:after,.tag__checkbox:before{ content:""; position:absolute; left:0; top:3px; } .tag__checkbox:before{ border:1px solid; border-color:#acaeb0; border-color:var(--colorBorder); height:12px; width:12px; } .tag__checkbox:after{ height:12px; width:12px; } .tag__input{ position:absolute; opacity:0; cursor:pointer; height:0; width:0; } .variant-input-wrap, .variant-input-wrap-bundle { border:0; padding:0; margin: 0; position:relative; } .variant-input-wrap input, .variant-input-wrap-bundle input{ clip:rect(0, 0, 0, 0); overflow:hidden; position:absolute; height:1px; width:1px; } .variant-input-wrap label, .variant-input-wrap-bundle label{ font-family:var(--typeBasePrimary),var(--typeBaseFallback); font-size:var(--typeBaseSize); letter-spacing:var(--typeBaseSpacing); line-height:var(--typeBaseLineHeight); position:relative; display:inline-block; font-weight:400; padding:7px 15px 7px; margin:0 8px 12px 0; background-color:#ffffff; background-color:var(--colorBody); box-shadow:0 0 0 1px #acaeb0; box-shadow:0 0 0 1px var(--colorBorder); border-radius:1px; overflow:hidden } [data-center-text=true] .variant-input-wrap label{ margin:0 4px 12px } .variant-input-wrap label.disabled, .variant-input-wrap-bundle label.disabled{ color:#acaeb0; color:var(--colorBorder); } .variant-input-wrap label.disabled:after, .variant-input-wrap-bundle label.disabled:after{ position:absolute; content:""; left:50%; top:0; bottom:0; border-left:2px solid; border-color:#acaeb0; border-color:var(--colorBorder); transform:rotate(45deg); } .variant-input-wrap input[type=radio]:focus+label, .variant-input-wrap-bundle input[type=radio]:focus+label{ box-shadow:0 0 0 1px #000000; box-shadow:0 0 0 1px var(--colorTextBody); } .variant-input-wrap input[type=radio]:checked+label, .variant-input-wrap-bundle input[type=radio]:checked+label{ box-shadow:0 0 0 2px #000000; box-shadow:0 0 0 2px var(--colorTextBody); } .variant-input{ display:inline-block; vertical-align: middle; } select .variant-input{ display:block } .variant-wrapper+.variant-wrapper{ margin-top:12px; } .no-js .variant-wrapper{ display:none; } .variant-wrapper--dropdown{ display:inline-block; max-width:100%; margin-right:15px; margin-bottom:0; } .variant__label[for]{ display:block; margin-bottom:10px; cursor:default; } .variant__label-info{ text-transform:none; font-weight:400; letter-spacing:0; } [data-grid-style*=gridlines] .product-grid{ margin-left:0; margin-right:0; } [data-grid-style*=gridlines] .grid-product{ position:relative; padding:0; margin:0 } @media only screen and (max-width:768px){ [data-grid-style*=gridlines] .product-grid{ margin-left:-40px; margin-left:calc(var(--pageWidthPadding)*-1); margin-right:-40px; margin-right:calc(var(--pageWidthPadding)*-1); padding:var(--gridThickness) calc(40px + var(--gridThickness)); padding:var(--gridThickness) calc(var(--pageWidthPadding) + var(--gridThickness)); } [data-grid-style*=gridlines] .collection-grid{ padding:0; } } [data-grid-style*=grey] .grid-product{ position:relative } [data-grid-style*=grey] .grid-product:after{ content:""; display:block; position:absolute; top:0; bottom:0; left:6px; right:6px; pointer-events:none; background-color:rgba(0, 0, 0, 0.027); } [data-grid-style=grey-round] .grid-product:after{ border-radius:10px; } .grid-product__image-wrap{ position:relative; margin:var(--productTileMargin) var(--productTileMargin) 0 } [data-view=list] .grid-product__image-wrap{ margin-bottom:var(--productTileMargin) } .grid-item__meta-secondary{ margin-top:12px; flex:1 0 auto; } [dir=ltr] [data-grid-style=simple] .new-grid:not([data-view=list]) .grid-item__meta{ margin-left:0; } [dir=rtl] [data-grid-style=simple] .new-grid:not([data-view=list]) .grid-item__meta{ margin-right:0; } [data-view=list] .grid-item__link{ display:flex; flex-wrap:nowrap; align-items:center; } [data-view=list] .grid-product__image-wrap{ flex:1 1 45%; max-width:200px; margin:calc(var(--productTileMargin)/4); } [data-view=list] .grid-item__meta{ flex:1 1 55%; padding-right:20px; } [data-view=list] .grid-item__meta-secondary{ margin-right:20px; } @media only screen and (min-width:769px){ [data-view=list] .grid-item__meta{ display:flex; justify-content:space-between; padding-right:0; } [data-view=list] .grid-item__meta-secondary{ text-align:right; } [data-view=list] .grid-product__title{ font-size:calc(var(--typeBaseSize) + 3px); } } .grid-product__title{ word-break:break-word; -webkit-hyphens:auto; hyphens:auto; margin-top: 12px; font-weight: 400; font-size: 20px; line-height: 28px; font-family: var(--typeHeaderPrimary),var(--typeHeaderFallback); } .grid-item__link--inline{ display:flex } .grid-item__link--inline .grid__image-ratio{ width:80px; } .grid-item__link--inline .grid-item__meta{ text-align:left; } .grid-product__image{ display:block; margin:0 auto; width:100%; opacity:0 } .grid-product__image.lazyloaded{ opacity:1; } .grid-product__secondary-image{ position:absolute; top:-1px; left:-1px; right:-1px; bottom:-1px; opacity:0; background-color:#ffffff; background-color:var(--colorBody); transition:opacity 0s cubic-bezier(0.26, 0.54, 0.32, 1); pointer-events:none } [data-grid-style*=gridlines] .grid-product__secondary-image{ top:0; left:0; right:0 } .grid-product__secondary-image img{ height:100%; width:100%; -o-object-fit:cover; object-fit:cover; } .grid-product:hover .grid-product__secondary-image{ transition-duration:0.2s; opacity:1 } @media only screen and (max-width:768px){ .supports-touch .grid-product__secondary-image{ display:none } } .grid-product__color-image{ position:absolute; top:-1px; left:-1px; right:-1px; bottom:-1px; background-repeat:no-repeat; background-size:cover; background-position:50%; opacity:0; background-color:#ffffff; background-color:var(--colorBody) } .grid-product__color-image.is-active{ opacity:1; } .grid-product__vendor{ margin-top:5px; opacity:0.65; font-size:calc(var(--typeBaseSize) - 3px) } .grid-product__vendor:empty{ margin:0; } .grid-product__price{ color:#000000; color:var(--colorPrice); } .grid-product__price--current{ display:inline-block; font-weight:700; margin-right:5px; font-size:calc(var(--typeBaseSize) + 2px); } .grid-product__price--original{ display:inline-block; vertical-align: middle; font-weight: 400; font-size: 14px; line-height: 16px; margin-top: 6px; text-decoration:line-through; margin-right: 0; width: 100%; color: #4e4e4e; color: var(--colorNavText); } .grid-product__price--savings{ display:inline-block; color:#ba4444; color:var(--colorTextSavings); white-space:nowrap; font-size:0.9em; } .grid-product__price--from span:not(.money){ font-size:calc(var(--typeBaseSize) - 5px); } [data-view=list] .grid-product__price--current,[data-view=list] .grid-product__price--original,[data-view=list] .grid-product__price--savings{ display:block; margin-right:0; } [data-view=list] .grid-product__price--from span:not(.money){ display:block; } .grid-product__tags{ position:absolute; bottom:0; left:0; margin-left:calc(var(--productTileMargin)*-1); z-index:1; } .grid-product__tag{ float:left; clear:left; line-height:1; padding:5px 7px; margin-top:5px; border-radius:0 2px 2px 0; background-color:rgba(0,0,0,0); background-color:var(--colorBtnPrimary); color:#acaeb0; color:var(--colorBtnPrimaryText); font-size:10px; text-transform:uppercase; font-weight:700; letter-spacing:0.05em; z-index:1; transition:opacity 0.4s ease } .grid-product__tag.grid-product__tag--sold-out{ background-color:#ffffff; background-color:var(--colorBody); color:#000000; color:var(--colorTextBody); } @media only screen and (min-width:769px){ .grid-product__tag{ padding:6px 8px; font-size:11px } } .grid-product__tag--sale{ background-color:#ba4444; background-color:var(--colorSaleTag); color:#ffffff; color:var(--colorSaleTagText); } @media only screen and (min-width:769px){ .grid-product__price--current{ font-size:calc(var(--typeBaseSize) + 2px); } .grid-product__price--from span:not(.money){ font-size:calc(var(--typeBaseSize) - 3px); } } .grid-product__actions{ position:absolute; top:-10px; right:-10px; z-index:1 } .grid-product__actions>button{ display:block; margin-bottom:5px; } @media only screen and (max-width:768px){ [data-grid-style*=gridlines] .grid-product__actions{ top:0; right:0 } } @media only screen and (max-width:768px){ [data-grid-style*=gridlines] .quick-add-btn .btn{ padding:6px; margin:0 0 12px 12px; border-radius:0 0 0 10px; } .quick-add-btn .btn--circle{ line-height:0; } .quick-add-btn .icon{ width:12px; height:12px; } } @media only screen and (min-width:769px){ .grid-product__actions{ opacity:0; transform:translateY(5px); transition:opacity 0.25s ease,transform 0.25s ease-out } .grid-product:hover .grid-product__actions{ opacity:1; transform:translateY(0) } .grid-product__actions>button{ transition:transform 0.1s ease-out } .grid-product__actions>button:hover{ /* transform:scale(1.15); */ } } .quick-product__btn--not-ready{ pointer-events:none; } .sales-points{ list-style:none; padding:0; margin:0 } .quick-add-modal .sales-points{ display:none } .sales-point{ display:block; margin-bottom:10px } .sales-point:last-child{ margin-bottom:0; } .sales-point .icon{ position:relative; width:20px; height:20px; margin-right:5px } [dir=rtl] .sales-point .icon{ margin-right:0; margin-left:10px } .sales-point .sales-point__emoji{ position:relative; line-height:1; font-size:25px; margin-right:10px; } @keyframes inventory-pulse{ 0%{ opacity:0.5; } to{ transform:scale(2.5); opacity:0; } } .icon--inventory:after,.icon--inventory:before{ width:9px; height:9px; background:#54c63a; border-radius:9px; position:absolute; left:0; top:0; content:""; margin:5px; } .icon--inventory:before{ animation:inventory-pulse 2s linear infinite; } .inventory--low .icon--inventory:after,.inventory--low .icon--inventory:before{ background:#f4af29; } .inventory--low{ color:#f4af29; } .color-swatch{ position:relative; display:block; text-indent:-9999px; overflow:hidden; margin:0 4px 4px; background-position:50%; background-size:cover; background-repeat:no-repeat; width:2.5em; border:3px solid; border-color:#ffffff; border-color:var(--colorBody); box-shadow:0 0 0 1px #acaeb0; box-shadow:0 0 0 1px var(--colorBorder); transition:box-shadow 0.1s ease; width:var(--swatchSize); height:var(--swatchSize) } [data-swatch_style=round] .color-swatch{ border-radius:100% } .tag--swatch{ display:inline-block; } .tag:not(.tag--active) label:hover .color-swatch:hover{ box-shadow:0 0 0 1px #000000; box-shadow:0 0 0 1px var(--colorTextBody); } .color-swatch.is-active{ box-shadow:0 0 0 1px #000000; box-shadow:0 0 0 1px var(--colorTextBody); } .tag--active .color-swatch{ box-shadow:0 0 0 2px #000000; box-shadow:0 0 0 2px var(--colorTextBody); } .color-swatch--small{ width:25px; height:25px; border-width:2px; } .grid-product__colors{ display:flex; flex-wrap:wrap; line-height:25px; margin:0 0 5px -4px } .grid-product__colors+.grid-product__colors{ margin-top:4px; } .color-swatch__more{ line-height:25px; margin-left:5px; font-weight:700; } .color-swatch--filter{ width:35px; height:35px; } .tag--active .color-swatch--filter:hover:after{ position:absolute; content:""; left:50%; top:0; bottom:0; border-left:1px solid; border-color:#acaeb0; border-color:var(--colorBorder); transform:rotate(45deg); } [class*=color-scheme-]:not(.color-scheme-none){ position:relative; z-index:1 } [class*=color-scheme-]:not(.color-scheme-none) a:not(.btn){ color:currentColor; border-color:currentColor; } [class*=color-scheme-]:not(.color-scheme-none).index-section{ margin:0; padding-top:60px; padding-top:var(--indexSectionPadding); padding-bottom:60px; padding-bottom:var(--indexSectionPadding); } .color-scheme-1{ color:#000000; color:var(--colorScheme1Text); background-color:#ffffff; background-color:var(--colorScheme1Bg) } .color-scheme-1 .btn{ color:#ffffff; color:var(--colorScheme1Bg); background-color:#000000; background-color:var(--colorScheme1Text); } .color-scheme-2{ color:#ffffff; color:var(--colorScheme2Text); background-color:#acc6c3; background-color:var(--colorScheme2Bg) } .color-scheme-2 .btn{ color:#acc6c3; color:var(--colorScheme2Bg); background-color:#ffffff; background-color:var(--colorScheme2Text); } .color-scheme-3{ color:#000000; color:var(--colorScheme3Text); background-color:#ffffff; background-color:var(--colorScheme3Bg) } .color-scheme-3 .btn{ color:#ffffff; color:var(--colorScheme3Bg); background-color:#000000; background-color:var(--colorScheme3Text); } .scheme-darken,.scheme-image,.scheme-squiggle,.scheme-swirl{ position:absolute; width:100%; height:100%; top:0; left:0; z-index:-1; } .scheme-image{ -o-object-fit:cover; object-fit:cover; pointer-events:none; mix-blend-mode:multiply } .scheme-image[data-texture="space.jpg"]{ mix-blend-mode:screen; } [class*=color-scheme-]:not(.color-scheme-none) input,[class*=color-scheme-]:not(.color-scheme-none) textarea{ color:#000000; color:var(--colorTextBody); background-color:#ffffff; background-color:var(--colorBody); } .scheme-darken{ z-index:1; pointer-events:none } .scheme-darken:after{ content:""; display:block; position:absolute; top:0; right:0; bottom:0; left:0; z-index:1; background-color:rgba(0, 0, 0, 0.027); pointer-events:none; } .scheme-swirl{ background-image:url(/cdn/shop/t/2/assets/swirl.svg); opacity:0.12; } .scheme-squiggle{ background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='150' height='75' viewBox='0 0 52 26' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 10c0-2.21-1.79-4-4-4a6 6 0 01-6-6h2c0 2.21 1.79 4 4 4a6 6 0 016 6c0 2.21 1.79 4 4 4a6 6 0 016 6c0 2.21 1.79 4 4 4v2a6 6 0 01-6-6c0-2.21-1.79-4-4-4a6 6 0 01-6-6zm25.464-1.95l8.486 8.486-1.414 1.414-8.486-8.486 1.414-1.414z' fill='%23f04747' fill-opacity='.17' fill-rule='evenodd'/%3E%3C/svg%3E"); } .color-scheme-none.footer-promotion,.color-scheme-none.promo-grid__container{ border:1px solid; border-color:#acaeb0; border-color:var(--colorBorder); } .collection-item{ position:relative; display:block; flex:1 1 100%; text-align:center; margin-bottom:5px } @media only screen and (min-width:769px){ .collection-item{ margin-bottom:6px } } .collection-image-wrap{ position:relative; transition:all 0.2s ease; filter: drop-shadow(-5px 10px 10px rgba(19, 20, 22, 0.05)); } .collection-grid-item{ padding-left: 20px; padding-right: 20px; margin-bottom: 0; } .featured-collection-grid{ margin-left: -20px; margin-right: -20px; } .collection-item:active .collection-image-wrap{ transform:scale(0.97); transition:transform 0.05s ease-out } .collection-image img{ position:absolute; top:0; left:0; height:100%; width:100%; -o-object-fit:cover; object-fit:cover; } .collection-image--is-collection img{ -o-object-fit:cover; object-fit:cover; } .collection-image--placeholder{ opacity:1 } .collection-image--placeholder svg{ position:absolute; top:0; left:0; right:0; bottom:0; } .collection-image--circle{ border-radius:50%; overflow:hidden } .collection-image--circle:after{ border-radius:50%; } .collection-image--circle,.collection-image--square{ padding-bottom:100%; } .collection-image--landscape{ padding-top:75%; } .collection-image--portrait{ padding-top:120.3%; } .collection-item__title{ display:block; margin-top:16px; font-weight:400; font-size: 20px; line-height: 28px; padding:0 5%; color: #4e4e4e; color: var(--colorNavText); } .featured-collections-new .collection-item__title{ margin-top: 8px; margin-bottom: 8px; } .featured-collections-new .collection-grid-item{ padding: 20px 12px; } .featured-collections-new .featured-collection-grid{ margin-left: -12px; margin-right: -12px; } .featured-collections-new .section-header{margin-bottom: 20px;} .custom-content{ display:flex; align-items:stretch; flex-wrap:wrap; width:auto; margin-bottom:-22px; margin-left:-22px } @media only screen and (max-width:768px){ .custom-content{ margin-bottom:-16px; margin-left:-16px } } .custom__item{ flex:0 0 auto; margin-bottom:22px; padding-left:22px; max-width:100% } @media only screen and (max-width:768px){ .custom__item{ flex:0 0 auto; padding-left:16px; margin-bottom:16px } .custom__item.small--one-half{ flex:1 0 50%; max-width:400px; margin-left:auto; margin-right:auto; } } .custom__item img{ display:block; } .custom__item-inner{ position:relative; display:inline-block; text-align:left; max-width:100%; width:100%; } .custom__item-inner--html,.custom__item-inner--video{ display:block; } .custom__item-inner--image{ width:100%; } .custom__item-inner--html img{ display:block; margin:0 auto; } .custom__item-inner--placeholder-image{ width:100%; } .align--top-middle{ text-align:center; } .align--top-right{ text-align:right; } .align--middle-left{ align-self:center; } .align--center{ align-self:center; text-align:center; } .align--middle-right{ align-self:center; text-align:right; } .align--bottom-left{ align-self:flex-end; } .align--bottom-middle{ align-self:flex-end; text-align:center; } .align--bottom-right{ align-self:flex-end; text-align:right; } .scrollable-grid{ overflow:hidden; overflow-x:auto; flex-wrap:nowrap; margin:-20px -10px 0 0; padding:20px 10px 0 var(--gridThickness) } .scrollable-grid .grid-item{ flex:0 0 25% } .site-header__cart .scrollable-grid .grid-item{ min-width:150px } .new-grid[data-type=subcollections]{ margin-bottom:20px; padding-bottom:5px } .new-grid[data-type=subcollections]:empty{ border:0; margin-bottom:0; padding-bottom:0; } @media only screen and (max-width:768px){ .scrollable-grid--small{ overflow:hidden; overflow-x:auto; flex-wrap:nowrap; justify-content:flex-start; margin:-10px -17px 0 0; padding:10px 17px 0 0 } .page-width--flush-small .scrollable-grid--small{ margin-left:0; margin-right:0; padding-left:17px } .scrollable-grid--small .grid-item{ flex:0 0 45%; } .scrollable-grid--small[data-type=subcollections]{ margin-left:-16px; margin-bottom:0; padding-bottom:10px } .scrollable-grid--small[data-type=subcollections] .grid-item{ flex:0 0 30%; } [data-view*=scrollable]:after{ content:""; display:block; height:1px; min-width:40px; min-width:var(--pageWidthPadding); } } .logo-bar{ text-align:center; margin-top: 4px; } .logo-bar__item{ position:relative; width:100%; padding: 6px; } .logo-bar__item img{width: auto;height: auto;} .logo-bar__item-svg{ padding:25px 30px; } .logo-bar__image{ opacity:1; animation:none; display:block; margin:0 auto; } .logo-bar__link{ display:block; } .background-media-text{ position:relative; width:100%; overflow:hidden; background:var(--colorLargeImageBg); } .background-media-text__video{ position:absolute; top:0; left:0; bottom:0; width:100%; z-index:0; } @media only screen and (max-width:768px){ .background-media-text__video{ width:300%; left:-100% } } .background-media-text__video iframe,.background-media-text__video video{ position:absolute; top:0; left:0; height:100%; width:100%; pointer-events:none } @media only screen and (min-width:769px){ .background-media-text__video iframe,.background-media-text__video video{ height:120%; max-width:none; left:-100%; height:150%; width:300% } } @media screen and (min-width:1140px){ .background-media-text__video iframe,.background-media-text__video video{ width:100%; height:300%; left:auto; top:-100% } } .video-interactable .background-media-text__video iframe,.video-interactable .background-media-text__video video{ pointer-events:auto; } .background-media-text__inner{ position:absolute; z-index:2; width:100%; height:100%; } .background-media-text__aligner{ margin:60px; } .background-media-text__text{ text-align:left; font-size:1.1em; background:#ffffff; background:var(--colorBody); padding:30px; width:380px; border-radius:var(--roundness); overflow:hidden } html[dir=rtl] .background-media-text__text{ text-align:right } @media only screen and (max-width:768px){ .background-media-text__text{ text-align:center } } .background-media-text__text .btn{ margin-top:15px; } @media only screen and (min-width:769px){ .background-media-text--right .animation-contents{ float:right; } } .background-media-text__container{ position:absolute; top:0; left:0; right:0; bottom:0; } @media only screen and (max-width:768px){ .background-media-text__container{ position:relative; height:240px; } .background-media-text__inner{ position:relative; bottom:0; } .background-media-text__aligner{ margin:-10px 10px 10px; } .background-media-text__text{ padding:22.5px; width:auto; } .background-media-text.loading:after,.background-media-text.loading:before{ top:117px; } } @media only screen and (min-width:769px){ .background-media-text--450,.background-media-text--450 .background-media-text__video{ min-height:450px; } .background-media-text--550,.background-media-text--550 .background-media-text__video{ min-height:550px; } .background-media-text--650,.background-media-text--650 .background-media-text__video{ min-height:650px; } .background-media-text--750,.background-media-text--750 .background-media-text__video{ min-height:750px; } .background-media-text__image{ height:100%; -o-object-fit:cover; object-fit:cover; } .background-media-text__image,.background-media-text__image svg,.background-media-text__video{ opacity:0; } } .background-media-text__image{ opacity:0; animation:none; transition:none; } .loaded .background-media-text__image.lazyloaded,.loaded .background-media-text__image svg,.loaded .background-media-text__video{ animation:zoom-fade 1s cubic-bezier(0.26, 0.54, 0.32, 1) 0s forwards; transition:none; } @media only screen and (min-width:769px){ .loaded .background-media-text__inner .animation-contents{ transform:translateY(0); opacity:1; transition:all 0.8s cubic-bezier(0.26, 0.54, 0.32, 1) 0.5s; } } .quote-icon{ display:block; margin:0 auto 24px; } .testimonial-stars{ display:block; font-size:16px; letter-spacing:0.2em; margin-bottom:10px } @media only screen and (min-width:769px){ .testimonial-stars{ font-size:18px; margin-bottom:15px } } .testimonials-slide{ display:none; opacity:0; padding:0 0 55px; width:33% } .testimonials-slide:first-child{ display:block; } .flickity-slider .testimonials-slide{ display:block; opacity:1 } .testimonials-slide .testimonials-slider__text{ transform:scale(0.95); transition:transform 0.5s ease,box-shadow 0.5s ease; } .testimonials-slide.is-selected .testimonials-slider__text{ transform:scale(1.1); box-shadow:0 10px 25px rgba(0, 0, 0, 0.1); position:relative; z-index:10; } @media only screen and (max-width:768px){ .testimonials-slide{ width:100%; padding:0 0 25px; } .testimonials-slide .testimonials-slider__text{ transform:scale(0.86); } .testimonials-slide.is-selected .testimonials-slider__text{ transform:scale(1); } } .testimonials-slider__text{ margin:0 30px; padding:30px 15px; background:#ffffff; background:var(--colorBody); color:#000000; color:var(--colorTextBody); margin-bottom:15px } @media only screen and (min-width:769px){ .testimonials-slider__text{ margin:0; padding:30px; margin-bottom:0 } } .testimonials-slider__text cite{ font-style:normal; font-weight:700 } @media only screen and (min-width:769px){ .testimonials-slider__text cite{ font-size:calc(var(--typeBaseSize) + 1px) } } .testimonials-slider__text p{ margin-bottom:7.5px } .testimonials-slider__text p+cite{ margin-top:0; } .testimonials__info{ font-size:calc(var(--typeBaseSize) - 1px); } .testimonail-image{ max-width:142px; background-color:#ffffff; background-color:var(--colorBody) } .text-center .testimonail-image{ margin-left:auto; margin-right:auto } .testimonail-image .image-wrap{ background:none; } .testimonail-image--round{ width:65px; height:65px; max-width:none; border-radius:65px } .testimonail-image--round img{ overflow:hidden; border-radius:65px; } .testimonials-section .flickity-page-dots{ bottom:0; } .announcement-bar{ position:relative; font-size:13px; font-weight:700; text-align:center; padding:7px 0 } @media only screen and (min-width:769px){ .announcement-bar{ padding:6px 0; font-size:14px; text-align:left } [dir=rtl] .announcement-bar{ text-align:right } } .announcement-slider__slide{ position:relative; overflow:hidden; width:100%; } .announcement-slider__content{ opacity:0; transform:translateY(100%); transition:all 0.5s ease } .announcement-slider__content p{ margin:0; } .announcement-slider__content a{ text-decoration:underline; text-underline-offset:2px; } .animate-out .announcement-slider__content{ opacity:0; transform:translateY(-100%) } .is-selected .announcement-slider__content{ opacity:1; transform:translateY(0) } .shopify-challenge__container{ padding:30px 22px } @media only screen and (min-width:769px){ .shopify-challenge__container{ padding:120px 0 } } .newsletter-popup{ position:relative; margin:0 auto; max-width:520px; text-align:center } .newsletter-popup .rte{ margin-bottom:20px } @media only screen and (min-width:769px){ .newsletter-popup .rte{ margin-bottom:30px } } .newsletter-section .errors{ margin-left:auto; margin-right:auto; max-width:520px; } .newsletter__input-group:last-of-type{ margin-bottom:0; } .newsletter__input::-webkit-input-placeholder{ color:#4e4e4e; color:var(--colorNavText); opacity:1; } .newsletter__input:-moz-placeholder{ color:#4e4e4e; color:var(--colorNavText); opacity:1; } .newsletter__input::-moz-placeholder{ color:#4e4e4e; color:var(--colorNavText); opacity:1; } .newsletter__input:-ms-input-placeholder{ color:#4e4e4e; color:var(--colorNavText); } .newsletter__input::-ms-input-placeholder{ color:#4e4e4e; color:var(--colorNavText); opacity:1; } @media only screen and (max-width:768px){ .form__submit--large{ display:none; } .form__submit--small{ display:block; } } @media only screen and (min-width:769px){ .form__submit--large{ display:block; } .form__submit--small{ display:none; } } .map-section{ position:relative; height:650px; width:100%; overflow:hidden } @media only screen and (min-width:769px){ .map-section{ height:500px } } .map-section .page-width{ height:100%; } .map-section--load-error{ height:auto; } .map-onboarding{ position:absolute; top:0; left:0; bottom:0; width:100%; background-size:cover; background-position:50% 50%; background-repeat:no-repeat; z-index:0; } .map-section__overlay-wrapper{ position:relative; height:100%; } .map-section__overlay{ position:relative; display:inline-block; margin:30px; width:100%; z-index:3 } @media only screen and (min-width:769px){ .map-section__overlay{ position:absolute; left:40px; left:var(--pageWidthPadding); top:50%; transform:translateY(-50%); margin-top:0; margin-left:0; width:80%; max-width:400px } } @media only screen and (max-width:768px){ .map-section__overlay .animation-contents{ opacity:1; } } .map-section--load-error .map-section__overlay{ position:static; transform:translateY(0) } .map-section__overlay-inner{ padding:30px; max-width:calc(100% - 60px); background-color:#ffffff; background-color:var(--colorBody); border-radius:var(--roundness); overflow:hidden; } .map-section__link{ display:block; position:absolute; top:0; left:0; width:100%; height:100%; z-index:2; } .map-section__container{ position:absolute !important; top:0; left:0; width:100%; height:150%; margin-bottom:-50% } @media only screen and (min-width:769px){ .map-section__container{ width:130%; height:100%; margin:0 -30% 0 0 } } .image-row:after{content:"";display:table;clear:both;} .image-row__placeholder{ float:left; width:33.33% } .image-row--gutters .image-row__placeholder{ width:32%; margin:0 1% 2% } .image-row--gutters .image-row__placeholder:first-child{ margin-left:0; } .image-row--gutters .image-row__placeholder:last-child{ margin-right:0; } .image-row__image{ position:relative; min-height:1px; float:left } .image-row__image:after{ content:""; display:block; height:0; width:100%; } .image-row__image img{ display:block; position:absolute; top:0; left:0; } [data-zoom=true] .image-row__image .js-photoswipe__zoom{ cursor:zoom-in; } [data-zoom=true] .image-row__image a .js-photoswipe__zoom{ cursor:pointer; } .promo-grid--space-top{ padding-top:60px; padding-top:var(--indexSectionPadding); } .promo-grid--space-bottom{ padding-bottom:60px; padding-bottom:var(--indexSectionPadding); } .promo-grid__container{ display:flex; align-items:flex-start; position:relative; background-repeat:no-repeat; border-radius:var(--roundness); overflow:hidden } .promo-grid__container.horizontal-center{ justify-content:center; text-align:center } .promo-grid__container.horizontal-center .btn{ margin:2px 5px; } .promo-grid__container.horizontal-left .btn{ margin-right:10px; } .promo-grid__container.horizontal-right{ justify-content:flex-end; text-align:right } .promo-grid__container.horizontal-right .btn{ margin-left:10px; } .promo-grid__container .scheme-image{ border-radius:calc(var(--roundness) + 2px); } .promo-grid__slide-link{ display:block; position:absolute; width:100%; height:100%; z-index:5 } .promo-grid__slide-link:hover~.promo-grid__content .btn:not(.btn--secondary):not(.btn--inverse){ background:rgba(26, 26, 26, 0.0); background:var(--colorBtnPrimaryLight); transition-delay:0.25s; } .promo-grid__content{ flex:0 1 auto; padding:2em 2.5em; position:relative; min-width:200px; z-index:4 } .promo-grid__content p:last-child{ margin-bottom:0; } .vertical-top .promo-grid__content{ align-self:flex-start } .vertical-center .promo-grid__content{ align-self:center } .vertical-bottom .promo-grid__content{ align-self:flex-end } .video-interactable .promo-grid__content{ pointer-events:none; } .type-advanced .promo-grid__content:not(.promo-grid__content--sale) a,.type-simple .promo-grid__content:not(.promo-grid__content--sale) a{ color:#fff; border-bottom:2px solid; border-bottom-color:#fff } [data-button_style=square] .type-advanced .promo-grid__content:not(.promo-grid__content--sale) a:not(.btn--inverse),[data-button_style=square] .type-simple .promo-grid__content:not(.promo-grid__content--sale) a:not(.btn--inverse),[data-button_style^=round] .type-advanced .promo-grid__content:not(.promo-grid__content--sale) a:not(.btn--inverse),[data-button_style^=round] .type-simple .promo-grid__content:not(.promo-grid__content--sale) a:not(.btn--inverse){ border-bottom:0; } .type-advanced .rte--strong,.type-product .rte--strong,.type-sale_collection .rte--strong{ font-family:var(--typeHeaderPrimary),var(--typeHeaderFallback); font-weight:var(--typeHeaderWeight); letter-spacing:var(--typeHeaderSpacing); line-height:var(--typeHeaderLineHeight); } [data-type_header_capitalize=true] .type-advanced .rte--strong,[data-type_header_capitalize=true] .type-product .rte--strong,[data-type_header_capitalize=true] .type-sale_collection .rte--strong{ text-transform:uppercase; } .type-advanced .rte--strong,.type-product .rte--strong,.type-sale_collection .rte--strong{ line-height:1.1; } .type-advanced .rte--em,.type-product .rte--em,.type-sale_collection .rte--em{ text-transform:uppercase; letter-spacing:0.3em; font-size:0.9375em; line-height:1.2; } .type-advanced .rte--strong,.type-product .rte--strong{ font-size:1.8em; line-height:1.1; } @media only screen and (min-width:769px){ .type-advanced .rte--strong,.type-product .rte--strong{ font-size:2.25em; } .type-product.flex-grid__item--33 .rte--strong,.type-product.flex-grid__item--50 .rte--strong{ font-size:1.6em; } } .promo-grid__bg{ position:absolute; top:0; left:0; width:100%; height:100%; text-align:left } .promo-grid__bg .placeholder-svg{ position:absolute; top:0; left:50%; transform:translateX(-50%); max-width:none; width:auto; padding:0; } .video-interactable .promo-grid__bg:before{ pointer-events:none; } .promo-grid__bg-image{ z-index:1; opacity:0 } .no-js .promo-grid__bg-image{ opacity:1 } .promo-grid__bg-image.lazyloaded{ animation:fade-in 1s cubic-bezier(0.26, 0.54, 0.32, 1) 0s forwards; transition:none; } .promo-grid__text{ position:relative; max-width: 657px; } .promo-grid__text .btn{ margin-top:2px; margin-bottom:2px; } @media only screen and (min-width:769px){ .promo-grid>.flex-grid>.flex-grid__item--50 .enlarge-text{ font-size:calc(var(--typeBaseSize) + 2px); } .promo-grid>.flex-grid>.flex-grid__item--50 .btn{ padding:9px 16px; font-size:calc(var(--typeBaseSize) + 1px); } } .type-advanced .promo-grid__content{ flex:1 1 auto; padding:7%; } .template-page-about .type-advanced .promo-grid__content { padding: 50px; min-width: auto; width: 100%; } .template-page-about .type-advanced .promo-grid__content .rte--block{ margin: 6px 0 0; } .template-page-about .type-advanced .promo-grid__content .rte--block.rte--strong{ font-size: 36px; line-height: 45px; letter-spacing: 0.2px; } .template-page-about .type-advanced .promo-grid__content .rte--block:first-child{margin-top: 0;} .type-advanced .rte--block{ color:#fff; } .type-advanced .btn{ margin-bottom:10px } @media only screen and (max-width:768px){ .type-advanced .btn{ margin-bottom:7px } .template-page-about .type-advanced .promo-grid__content .rte--block.rte--strong{ font-size: 28px; line-height: 34px; } } .type-advanced .promo-grid__content:after{ content:""; display:block; position:absolute; top:0; right:0; bottom:0; left:0; z-index:-1; background:radial-gradient(rgba(0, 0, 0, 0.3) 0%, transparent 60%); margin:0; } .type-advanced .promo-grid__content:after{ background: linear-gradient(360deg, #000000 2.73%, rgba(0, 0, 0, 0) 100%); } .type-advanced .horizontal-center .rte--block{ padding:0 10%; } .type-sale_collection{ max-height:600px } .type-sale_collection .promo-grid__container{ align-items:center; } .type-sale_collection .promo-grid__content{ padding:0; margin:7%; flex:0 1 auto; min-width:0 } @media only screen and (max-width:768px){ .type-sale_collection .promo-grid__content{ padding:1em; font-size:0.9em } } @media only screen and (min-width:769px){ .type-sale_collection .promo-grid__content:not(.promo-grid__content--small-text){ font-size:1.5em; } } .type-sale_collection .rte--block{ margin-bottom:7.5px } .type-sale_collection .rte--block:last-child{ margin-bottom:0; } .type-sale_collection .rte--strong{ position:relative; display:block; font-size:3.375em; line-height:1; white-space:nowrap; } .type-sale_collection small{ display:inline; font-size:0.25em; margin-left:-2.9em; letter-spacing:0; } .type-sale-images{ flex:1 1 50%; margin:7% 7% 7% 0 } .type-sale-images svg{ display:block; width:50%; float:left; } .type-sale-images__crop{ overflow:hidden; width:100%; } .type-sale-images__image{ width:50%; float:left; } .type-simple .promo-grid__content{ align-self:flex-end; padding:30px } @media only screen and (max-width:768px){ .type-simple .promo-grid__content{ padding:15px } } .type-simple .promo-grid__text{ color:#fff; } .type-simple .promo-grid__bg:after{ content:""; display:block; position:absolute; top:0; right:0; bottom:0; left:0; z-index:1; background:linear-gradient(15deg, rgba(0, 0, 0, 0.6), transparent 40%); } .promo-grid__title:last-child{ margin-bottom:0; } .type-image .promo-grid__container{ background:none; } .type-image .image-wrap,.type-image a,.type-image img{ width:100%; } .type-banner{ flex:1 0 100% } .type-banner p{ margin:7px; display:inline-block; vertical-align:middle; line-height:1.2; } .type-banner__link{ display:block; flex:1 1 100%; } .type-banner__content{ width:100%; display:flex; align-items:center; justify-content:center; padding:0 10px; } .type-banner__text{ flex:0 1 auto; padding:12px; } @media only screen and (min-width:769px){ .type-banner p{ margin:10px; } .type-banner__text{ padding:20px; } } .type-product__wrapper{ flex:1 1 100%; align-self:center; position:relative; padding:2em 0; z-index:4; } .promo-grid__product{ display:flex; align-items:center; } .type-product__text{ flex:1 1 40%; } .promo-grid__product-images{ position:relative; flex:1 1 60%; } .promo-grid__product-images,.promo-grid__product-text{ margin:6%; } .promo-grid__product-images{ margin-left:0; } .type-product__image{ position:relative } .type-product__image:first-child{ width:100%; max-width:75%; } .type-product__image:nth-child(2){ position:absolute; bottom:40px; right:0; width:100%; max-width:40%; } @media only screen and (max-width:768px){ .promo-grid__product{ flex-wrap:wrap; } .promo-grid__product-images,.promo-grid__product-text{ margin:3%; } .promo-grid__product-text{ order:2; } } .type-product__labels{ position:absolute; top:-10px; right:-10px; z-index:3; text-align:right } @media only screen and (min-width:769px){ .type-product__labels .flex-grid__item--33,.type-product__labels .flex-grid__item--50{ font-size:0.9em; } } .type-product__label{ padding:4px 12px; background-color:rgba(0,0,0,0); background-color:var(--colorBtnPrimary); color:#acaeb0; color:var(--colorBtnPrimaryText); float:right; clear:both; } .type-product__label--secondary{ background-color:#ffffff; background-color:var(--colorBody); color:#000000; color:var(--colorTextBody); } .store-availability{ margin-top:30px; display:flex; justify-content:space-around } .store-availability .icon{ margin:6px 0 0; width:12px; height:12px; } .store-availability .icon-in-stock{ fill:#56ad6a; } .store-availability .icon-out-of-stock{ fill:#d02e2e; } .store-availability+.store-availability{ margin-top:20px; } .store-availability__info{ flex:0 1 90%; text-align:left; margin-left:10px } .store-availability__info>div{ margin-bottom:5px } .store-availability__info>div:last-child{ margin-bottom:0; } .store-availability__info a{ text-decoration:underline; } .store-availability__small{ font-size:0.8em } .store-availability__small a{ display:block; margin-top:10px; } .modal .store-availability__small--link{ display:none } .cart__item{ display:flex; align-items:center; margin-bottom:40px; padding-bottom:40px; border-bottom:1px solid; border-bottom-color:#ECECEC; } .cart__item:first-of-type { padding-top: 40px; border-top: 1px solid; border-top-color: #ececec; } .cart__image{ flex: 0 0 86px; margin-right: 24px; padding: 8px; border: 1px solid #F3F3F3; } .cart__image a,.cart__image .image-wrap{ position:relative; display:block; width:100%; height:68px; } .cart__image img{ position:absolute; width:100%; height:100%; left:0; top:0; display:block; -o-object-fit:contain; object-fit:contain; } .cart__item-shipping p{margin: 0;font-size: 12px;line-height: 20px;color: var(--colorNavText);} .cart__item-shipping p a{color: var(--colorNavText);} .cart__item-details{ width: 100%; } .cart__item-title{ flex: 1 1 326px; } .cart__item-price-col { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 120px; margin-left: 0; } .cart__item-qty-col { flex: 0 0 93px; margin: 0 40px; } .cart__item-qty-col .js-qty__adjust { padding: 0 6px; } .cart__item-qty-col .js-qty__num,.cart__item-qty-col .bundle-js-qty__num{padding: 8px 6px;} .main-cart-summary .main-cart-title .cart-link__bubble { color: #E32026; } .main-cart-summary .cart__title{padding-left: 16px;} .main-cart-summary .main-cart-title { width: 100%; border-bottom: 1px solid #ECECEC; padding-bottom: 24px; margin-bottom: 24px; } .cart__item--subtotal .cart-link__bubble--visible { display: inline-block; vertical-align: top; } .cart__item-row.cart__item--subtotal.cart__item--est_subtotal { margin: 12px 0 0; padding-top: 12px; border-top: 1px solid #ECECEC; font-size: 18px; line-height: 24px; } .cart__item-row.cart__checkout-wrapper { margin-top: 24px; padding-top: 24px; border-top: 1px solid #ECECEC; margin-bottom: 12px; } .cart__item-sub{ display:flex; justify-content:space-between; align-items:center; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .cart__item-row{ margin-bottom:2px; font-weight: 700; font-size: 14px; line-height: 20px; } .cart__item-row:last-child{ margin-bottom:0; } .cart__item-row.cart-recommendations{ margin-bottom:64px; margin-top: 0; } .cart__item-row--footer{ padding:0 60px; } .cart__remove a{ text-decoration-line: underline; display:inline-block; margin-top:6px; font-size: 12px; line-height: 16px; text-transform: uppercase; } .cart__drawer-form .cart__remove{ display:none } .cart__checkout,.cart__continue{ width:100%; } .site-header__cart{ right:0; } .site-header__drawer-animate.is-empty form{ display:none; } .site-header__cart-empty{ display:none; padding:20px } .is-empty .site-header__cart-empty{ display:block } .cart__checkout-wrapper .additional-checkout-buttons,.cart__checkout-wrapper .cart__continue{ margin-top:12px; } .site-header__cart .additional-checkout-buttons{ margin:10px 0 } .site-header__cart .additional-checkout-buttons [data-shopify-buttoncontainer]{ justify-content:center } .site-header__cart .additional-checkout-buttons [data-shopify-buttoncontainer]>*{ height:auto !important; } .additional-checkout-buttons div[role=button]{ border-radius:var(--buttonRadius) !important; } .cart__item-name{ display:block; line-height: 24px; font-weight: 700; font-size:calc(var(--typeBaseSize) + 2px); margin-bottom:6px; } .cart__item--variants{ line-height: 16px; color: var(--colorNavText); font-size:calc(var(--typeBaseSize) - 2px); margin-bottom:0 } .cart__item--variants span{ font-weight:700; color: var(--colorTextBody); } .cart__price{ display:block } .cart__price:not(.cart__price--strikethrough){ font-weight:400; font-size: var(--typeBaseSize) ; } .cart__price--strikethrough{ text-decoration:line-through; font-size: 12px; line-height: 15px; color: #ACAEB0; margin-top: 2px; } .cart__discounts{ margin-top:-10px; margin-bottom:10px; } .cart__discount{ color:#ba4444; color:var(--colorTextSavings); } .cart__terms{ display:flex; align-items:center; justify-content:center } .cart__terms label{ margin-bottom:0; } .note-icon svg{ position:relative; top:-1px; width:16px; height:16px; margin-left:5px; } .add-note{ margin-bottom:20px; } .add-note.is-active .note-icon--open{ display:none; } .note-icon--close{ display:none } .add-note.is-active .note-icon--close{ display:inline } iframe.zoid-component-frame{ z-index:1 !important; } .cart__page-col:last-child{ padding:24px; } .cart__item-title .cart__remove,.cart__drawer-form .cart__item-title .cart__remove{display: none;} .cart__drawer-form .cart__item-qty-col .cart__remove{display: block;} .cart-recommendations .grid-product__title,.cart__scrollable .cart-recommendations .grid-product__title{ font-size: 16px; line-height: 24px; } @media only screen and (min-width:992px){ .cart__page{ display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; } .cart__page-col:first-child{ flex:0 0 65.08%; max-width: 65.08%; padding-right:80px; } .cart__item-title .cart__remove{display: block;} .cart__item-qty-col .cart__remove{display: none;} .cart__page-col:last-child{ flex:0 0 34.92%; max-width: 34.92%; align-self:flex-start; position:sticky; top:10px; } .cart-recommendations .grid-product__title{ font-size: 20px; line-height: 28px; } .cart__page-col:last-child input,.cart__page-col:last-child textarea{ background-color:#ffffff; background-color:var(--colorBody); } } .cart__page-col:last-child{border: 1px solid var(--colorBorder);} .main-cart-page{margin: 80px 0;} .cart__recommended-title{ margin-bottom:12px; font-weight: 700; font-size: 16px; line-height: 24px; } .main-cart-header-grid {display: flex;flex-wrap: wrap;} .cart-header-checkout { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .main-cart-header__title { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; text-align: left; } .cart-header-checkout .cart__checkout { color: #000000; padding: 23px 32px; background: #E8E9EA; border: none; width: auto; letter-spacing: 0; } .cong_free_ship > * { margin: 0 !important; display: inline-block; vertical-align: middle; color: #fff; } .main-cart-title .cart-link__bubble { font-weight: 700; font-size: 16px; line-height: 24px; color: #000000; } .cart__title { margin: 0; padding-right: 10px; font-size: 16px; color: var(--colorNavText); line-height: 24px; font-family: var(--typeBasePrimary),var(--typeBaseFallback); font-weight: 700; } .main-cart-title { display: flex; align-items: center; } .cong_free_ship{padding: 6px 16px;background: #000000;display: inline-block;vertical-align: middle;margin-top: 6px;} .cong_free_ship p { font-weight: 400; font-size: 14px; line-height: 20px; padding-left: 12px; } .cong_free_ship p > strong{padding-left: 5px;} cart__item-row.cart__item--subtotal.cart__item--est_subtotal { font-size: 18px; line-height: 24px; margin-top: 12px; padding-top: 12px; border-top: 1px solid #ECECEC; margin-bottom: 0; } .cart__item-row.cart__checkout-wrapper .cart__checkout { font-weight: 400; font-size: 16px; line-height: 24px; letter-spacing: 0; padding: 20px; color: #FFFFFF; border: none; background: #000000; } .cart__item-row.cart__item--subtotal .cart-link__bubble-num { color: var(--colorNavText); } .site-header__cart{ padding:0; overflow:hidden; } .cart__scrollable{ overflow-y:auto; overflow-x: hidden; padding:24px 24px 0; } .header-cart-drawer { padding: 24px 24px 0 ; } .cart__scrollable .scrollable-grid{ padding-top:20px; padding-left:20px; margin-left:-20px; padding-bottom:2px; } .cart__scrollable .cart__item-row.cart-recommendations{margin-bottom: 0;margin-right: -12px;} .cart-drawer-recommendations-grid-slider .grid-product__price--current{ font-size: 14px; line-height: 20px; } .custom-product-grid.cart-drawer-recommendations-grid-slider{margin-left: -12px;margin-right: -12px;} .custom-product-grid.cart-drawer-recommendations-grid-slider .grid-product{padding-left: 12px;padding-right: 12px;max-width: 172px;} .cart__footer .cart__item-row--footer { display: none; } .cart__footer .cart__item-row.cart__checkout-wrapper { margin: 0; border: none; } .header-cart-drawer .main-cart-header__title { display: flex; align-items: center; } .header-cart-drawer .cong_free_ship { width: 100%; margin: 24px 0 0; text-align: center; display: flex; align-items: center; justify-content: center; } .site-nav__close-cart { line-height: 0; } .header-cart-drawer #close_cart_drawer { padding: 0 24px 0 0; line-height: 0; } .header-cart-drawer .cong_free_ship p{ font-size: 12px; line-height: 20px; text-align: left; } .header-cart-drawer .cong_free_ship p strong { padding: 0; font-weight: 700; font-size: 16px; line-height: 24px; display: block; text-align: left; } .cart__scrollable .cart__item{ margin-bottom: 24px; padding-bottom: 24px; } .cart__scrollable .cart__item:first-of-type { padding-top: 24px; } .cart__scrollable .cart__item-sub { flex-wrap: wrap; align-items: flex-start; } .cart__scrollable .cart__item_sub_inner{ display: block; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; padding-right: 24px; } .cart__scrollable .cart__item-price-col{ -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; margin: 0; } .cart__scrollable .cart__item_sub_inner .cart__item-title,.cart__scrollable .cart__item_sub_inner .cart__item-qty-col{ width: 100%; margin: 0; } .cart__scrollable .cart__item_sub_inner .cart__item-qty-col .js-qty__wrapper{max-width: 93px;margin-top: 12px;margin-bottom: 6px;} .cart__footer{ padding:24px; left: 0; bottom: 0; position: absolute; right: 0; z-index: 3; background-color: var(--colorBody); } .cart__footer .cart__item--subtotal { padding-top: 24px; border-top: 1px solid #ECECEC; } .product-grid__gallery{ width: 59.36%; } .product-grid__content{ width: 40.64%; } .product-full-width .collapsible-trigger-btn{ font-size: 24px; line-height: 32px; letter-spacing: 0.2px; font-family: var(--typeHeaderPrimary),var(--typeHeaderFallback); } @media only screen and (min-width:769px){ .product-single__sticky{ position:sticky; top:20px; } .modal--quick-shop .product-single__sticky{ top:0; } .product-full-width{ margin-top:68px; } .product-full-width .collapsible-content__inner{ max-width: 1380px; padding-right: 10%; padding-left: 5%; margin-left: auto; margin-right: auto; } } @media only screen and (max-width:768px){ .grid--product-images-right{ display:flex; flex-wrap:wrap } .grid--product-images-right .grid__item:first-child{ order:2; } .product-full-width .page-width--narrow{ max-width:none; } } .page-content--product{ padding-top:40px; padding-bottom:0 } @media only screen and (max-width:768px){ .page-content--product{ padding-top:24px } } .modal--quick-shop .page-content--product{ width:1500px; max-width:100% } .product-single__meta{ padding-top:0; padding-left:28px } @media only screen and (max-width:768px){ .product-single__meta{ padding-top:0; padding-left:0; margin-top:64px; margin-bottom:15px } } .grid--product-images-right .product-single__meta{ padding-left:0; padding-right:45px } @media only screen and (max-width:768px){ .grid--product-images-right .product-single__meta{ padding-right:0 } } .product-single__meta .social-sharing{ margin-top:30px; } .product-single__meta .rte{ text-align:left } html[dir=rtl] .product-single__meta .rte{ text-align:right } .quick-add-modal .product-single__header{ display:none; } .product-single__header--mobile{ margin-bottom:10px } .quick-add-modal .product-single__header--mobile{ display:none } .product-single__title{ margin-bottom:6px; word-wrap:break-word; } .product-single__review-link{ display:block } .product-single__review-link .spr-badge[data-rating="0.0"]{ display:none; } .product-single__review-link .spr-badge{ margin-bottom:7px; } .product-single__review-link .spr-badge-starrating{ margin-right:8px; } .product-single__review-link .spr-badge-caption{ font-size:calc(var(--typeBaseSize) - 1px); } .product-single__vendor-sku>span{ display:inline-block; margin-right:20px; } .product-single__vendor{ text-decoration:underline; text-underline-offset:2px; } .product-single__sku{ font-size:calc(var(--typeBaseSize) - 2px); line-height: 16px; color: var(--colorNavText); margin-left: 35px; } .product-single__variants{ display:none } .no-js .product-single__variants{ display:block; margin-bottom:30px } .product-image-main{ position:relative } .product-image-main[data-size] img{ position:absolute; top:0; left:0; width:100%; height:100%; -o-object-fit:contain; object-fit:contain; } .product-image-main[data-size=square] .image-wrap,.product-image-main[data-size=square] .product__video-wrapper{ padding-bottom:100% !important; } .product-image-main[data-size=landscape] .image-wrap,.product-image-main[data-size=landscape] .product__video-wrapper{ padding-bottom:75% !important; } .product-image-main[data-size=portrait] .image-wrap,.product-image-main[data-size=portrait] .product__video-wrapper{ padding-bottom:150% !important; } .product__video-wrapper{ position:relative; overflow:hidden; max-width:100%; padding-bottom:100%; height:auto; background-color:var(--colorSmallImageBg) } .product__video-wrapper iframe{ width:100%; height:100%; transition:opacity 0.5s ease-in; } .product__video-wrapper[data-video-style=muted].loaded:before{ content:""; position:absolute; top:0; left:0; right:0; bottom:0; z-index:1; } .product__video-wrapper.video-interactable:before{ display:none; } .product__video-wrapper.loaded:after{ display:none; } .product__video-wrapper.loading iframe{ opacity:0.01; } .product__video-wrapper.loaded iframe{ opacity:1; } .product__video{ position:absolute; top:0; left:0; width:100%; height:100%; } .product-video-trigger{ position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); } .product__photos--beside{ display:flex; width:100%; } .product__photos{ direction:ltr; margin-top:10px } .product__photos a{ display:block; max-width:100%; padding: 6px; } .product__photos img{ display:block; margin:0 auto; max-width:100%; width:100%; opacity:0; } .product__main-photos{ position:relative; flex:1 1 auto; border-color:#acaeb0; border-color:var(--colorBorder) } .product__main-photos img{ display:none; } .product__main-photos .flickity-page-dots{ display:none; } @media only screen and (max-width:768px){ .product__main-photos{ margin-bottom:30px; margin-left:-16px; margin-right:-16px; border:0 } [data-has-slideshow=false] .product__main-photos{ margin-bottom:0 } .product__main-photos .flickity-page-dots{ display:block; line-height: 0; } } .product-main-slide:not(.is-selected) button,.product-main-slide:not(.is-selected) iframe,.product-main-slide:not(.is-selected) model-viewer,.product-main-slide:not(.is-selected) video{ display:none; } .product-main-slide{ display:none; width:100%; overflow:hidden } .product-main-slide:first-child{ display:block; } @media only screen and (max-width:768px){ .product-main-slide{ border:1px solid; border-color:#EAEAEA } } .flickity-slider .product-main-slide{ display:block } @media only screen and (max-width:768px){ .grid--product-images--partial .flickity-slider .product-main-slide{ width:87.2%; margin-right:9px } } .product__thumbs{ position:relative; } .product__thumbs--below{ margin-top:8px; } @media only screen and (min-width:769px){ .product__thumbs--below{ margin-top:24px; max-width: 280px; margin-left: auto; margin-right: auto; padding-left: 25px; padding-right: 25px; } } .product__thumbs--beside{ flex:0 0 60px; max-width:60px; margin-left:8px } @media only screen and (min-width:769px){ .product__thumbs--beside{ flex:0 0 80px; max-width:80px; margin-left:15px } .product__thumbs--beside.product__thumbs-placement--left{ order:-1; margin-left:0; margin-right:15px; } } .product__thumbs--scroller{ scrollbar-width:none; scroll-behavior:smooth; -ms-overflow-style:-ms-autohiding-scrollbar } .product__thumbs--scroller::-webkit-scrollbar{ height:0; width:0; } .product__thumbs--below .product__thumbs--scroller{ overflow-x:scroll; white-space:nowrap; text-align:center; } .product__thumbs--beside .product__thumbs--scroller{ position:absolute; top:0; left:0; right:0; bottom:0; width:100%; overflow-y:scroll } .product__thumb-item a.is-active,.product__thumb-item a:focus{ outline:none } .product__thumb-item a.is-active:before,.product__thumb-item a:focus:before{ content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; box-shadow:inset 0 0 0 2px #000000; box-shadow:inset 0 0 0 2px var(--colorTextBody); z-index:1; } .product__thumb-item a:active:before{ content:none; } .product__thumbs--beside .product__thumb-item{ margin-bottom:8px } @media only screen and (min-width:769px){ .product__thumbs--beside .product__thumb-item{ margin-bottom:15px } } .product__thumbs--beside .product__thumb-item:last-child{ margin-bottom:0; } .product__thumbs--below .product__thumb-item{ display:inline-block; vertical-align:middle; margin-right:8px; max-width:62px; width:62px; } @media only screen and (min-width:769px){ .product__thumbs--below .product__thumb-item{ margin-right:15px; } } .product__thumbs--below .product__thumb-item:last-child{ margin-right:0; } .product__thumb .image-wrap img{ border-color:#acaeb0; border-color:var(--colorBorder); } .product__price{ color:#000000; color:var(--colorPrice); margin-right:5px; font-size:calc(var(--typeBaseSize) + 3px); font-weight:400 } @media only screen and (min-width:769px){ .product__price{ font-size:calc(var(--typeBaseSize) + 6px) } } .grid-product__price sup,.product__price sup{ margin-left:1px; font-size:60%; top:-0.4em; } .product__unit-price{ font-size:calc(var(--typeBaseSize) - 3px); opacity:0.65; } .product__price--compare{ padding-right:5px; display:inline-block; text-decoration:line-through; line-height: 16px; color: var(--colorNavText); font-size: var(--typeBaseSize); } .product-block--description{ padding-bottom: 24px; border-bottom: 1px solid #EAEAEA; color: #4E4E4E; } .product-block--price .product__price__main{ font-weight: 400; font-size: 28px; line-height: 40px; margin-right: 0; margin-bottom: 6px; display: block; } .product-block--price .product__price--compare{ padding-right: 0; display: block; } .product__price-savings{ color:#ba4444; color:var(--colorTextSavings); white-space:nowrap; } .product__quantity label{ display:block; margin-bottom:10px; } .product-form-holder--loaded{ animation:fade-in 0.5s ease; } .add-to-cart[disabled]+.shopify-payment-button{ display:none; } .product-slideshow.flickity-enabled .product-main-slide{ display:none; } .product-slideshow.flickity-enabled .flickity-viewport .product-main-slide{ display:block; } .product__photo-zoom{ position:absolute !important; bottom:0; right:0; cursor:zoom-in; border:0 } @media only screen and (max-width:768px){ .product__photo-zoom{ box-shadow:0 3px 6px rgba(0, 0, 0, 0.15); padding:8px } .product__photo-zoom .icon{ width:21px; height:21px; } .product__main-photos .product__photo-zoom{ margin-bottom:10px; margin-right:10px } .product-slideshow .product__photo-zoom{ opacity:0; transition:opacity 0.5s ease-out } .product-slideshow .is-selected .product__photo-zoom{ opacity:1 } } @media only screen and (min-width:769px){ .product__photo-zoom{ opacity:0; width:100%; top:0; left:0; margin:0; border-radius:0 } .product__photo-zoom span,.product__photo-zoom svg{ display:none; } } .product__thumb-arrow{ position:absolute; background:#ffffff; background:var(--colorBody); color:#000000; color:var(--colorTextBody); transform:none; border-radius:0; padding:0; z-index:2 } .product__thumb-arrow .icon{ display:inline-block; width:6px; height:10px; } .product__thumbs[data-position=below] .product__thumb-arrow{ top:0; height:100%; width:25px } .product__thumbs[data-position=below] .product__thumb-arrow.product__thumb-arrow--prev{ left:0; text-align:left; } .product__thumbs[data-position=below] .product__thumb-arrow.product__thumb-arrow--next{ right:0; text-align:right; } .product__thumbs[data-position=beside] .product__thumb-arrow{ width:100% } .product__thumbs[data-position=beside] .product__thumb-arrow .icon{ margin:0 auto; transform:rotate(90deg); } .product__thumbs[data-position=beside] .product__thumb-arrow.product__thumb-arrow--prev{ top:0; left:auto; padding-bottom:10px; } .product__thumbs[data-position=beside] .product__thumb-arrow.product__thumb-arrow--next{ top:auto; bottom:0; right:auto; padding-top:10px; } .product__thumb{ position:relative; display:block; cursor:pointer; } .product__thumb-icon{ position:absolute; top: 50%; left: 50%; background-color:#000000; background-color:var(--colorTextBody); border-radius:100px; padding:6px; z-index:1; opacity:1; height: 25px; width: 25px; display: flex; align-items: center; justify-content: center; transform: translate(-50%,-50%); } .product__thumb-icon .icon{ fill:#ffffff; fill:var(--colorBody); width:10px; height:10px } .quick-add-modal .modal__centered-content{ min-width:70vw; min-height:350px; max-width:100% } @media only screen and (min-width:769px){ .quick-add-modal .modal__centered-content{ min-width:500px } } .quick-add-modal .page-width{ padding:0; max-width:none; } .quick-add-modal .product-grid__container>.grid__item{ display:none; } .quick-add-modal .product-grid__container .product-grid__content{ display:block; width:500px; max-width:100%; } .quick-add-modal .product-single__meta{ padding:0; } .quick-add-modal .collapsibles-wrapper,.quick-add-modal .social-sharing{ display:none; } .product__policies{ font-size:0.85em; } .shopify-payment-terms{ margin:15px 0 } .shopify-payment-terms:empty{ display:none; } .modal .shopify-payment-terms{ display:none } .return-section{ margin-top:60px; margin-top:var(--indexSectionPadding); padding:60px 0; padding:var(--indexSectionPadding) 0; } .return-link{ text-align:center; padding:15px 25px } .return-link .icon{ width:20px; margin-right:8px; } .blog-layout{ display:flex; flex-wrap:nowrap; flex-direction:column; } .blog-layout__main{ margin-bottom:20px; } .blog-layout__sidebar{ order:1; } .blog-layout>div:not(.blog-layout__main):not(.blog-layout__sidebar){ flex:1 0 100%; } @media only screen and (min-width:769px){ .blog-layout{ flex-direction:row; flex-wrap:wrap; } .blog-layout__main{ flex:1 1 calc(60% - 90px); } .blog-layout__sidebar{ order:0; flex:0 0 calc(40% - 90px); align-self:flex-start; padding-left:0; margin-left:0; border-left:0; padding-right:45px; margin-right:45px; border-right:1px solid; border-right-color:#acaeb0; border-right-color:var(--colorBorder) } [dir=rtl] .blog-layout__sidebar{ padding-right:0; margin-right:0; border-right:0; padding-left:45px; margin-left:45px; border-left:1px solid; border-left-color:#acaeb0; border-left-color:var(--colorBorder) } .blog-layout__main+.blog-layout__sidebar{ padding-right:0; margin-right:0; border-right:0; padding-left:45px; margin-left:45px; border-left:1px solid; border-left-color:#acaeb0; border-left-color:var(--colorBorder) } [dir=rtl] .blog-layout__main+.blog-layout__sidebar{ padding-left:0; margin-left:0; border-left:0; padding-right:45px; margin-right:45px; border-right:1px solid; border-right-color:#acaeb0; border-right-color:var(--colorBorder) } } .grid-article{ flex:0 0 100%; display:flex; flex-wrap:wrap; text-align:center; margin-bottom:40px } @media only screen and (min-width:769px){ .grid-article[data-style=large],.grid-article[data-style=medium]{ display:block; } } .grid-article:last-child{ margin-bottom:0; } .grid-article__image{ position:relative; flex:0 0 100%; margin-bottom:15px; } .grid-article__tags{ position:absolute; bottom:0; left:0; right:0; height:1px; background-color:rgba(0,0,0,0); background-color:var(--colorBtnPrimary); overflow:visible; text-align:center } .grid-article__tags .article-tag{ transform:translateY(-50%); } .article-tag__wrapper{ margin-bottom:20px } .article-tag__wrapper .label{ margin-right:10px; } .article-tag{ display:inline-block; background-color:#ffffff; background-color:var(--colorBody); color: #4e4e4e; border:1px solid; border-color:#000000; border-color:var(--colorTextBody); padding:3px 9px; margin:0 2px; text-transform:capitalize; } .tag--inline .article-tag{ margin:0 } .article-tag:active,.article-tag:hover{ background-color:#ffffff; background-color:var(--colorBody); color:#000000; color:var(--colorTextBody); } @media only screen and (max-width:768px){ .article-tag{ padding:4px 6px; font-size:10px; margin:0 3px } } .grid-article__meta{ flex:0 0 100%; } .article__sub-meta{ opacity:0.65; font-size:calc(var(--typeBaseSize) - 2px) } .article__sub-meta>span{ position:relative; display:inline-block; margin-bottom:2px; margin-right:10px } [dir=rtl] .article__sub-meta>span{ margin-right:0; margin-left:10px } .article__sub-meta>span:not(:last-child):after{ content:"\b7"; display:inline-block; margin-left:10px } [dir=rtl] .article__sub-meta>span:not(:last-child):after{ margin-left:0; margin-right:10px } .section-header .article__sub-meta{ margin-top:20px } .article__sub-meta-date{ text-transform:uppercase; } .grid-article[data-style=large] .article__title{ font-size:calc(var(--typeBaseSize) + 10px) } @media only screen and (max-width:768px){ .grid-article[data-style=large] .article__title{ font-size:calc(var(--typeBaseSize) + 7px) } } .grid-article[data-style=large] .article__sub-meta>span{ margin:0 5px 2px; } .grid-article[data-style=medium]{ flex:0 0 50% } .grid-article[data-style=medium] .article__title{ font-size:calc(var(--typeBaseSize) + 2px); } @media only screen and (min-width:769px){ .grid-article[data-style=medium] .article__sub-meta>span{ margin:0 5px 2px; } } .grid-article[data-style=compact]{ flex:0 0 100%; flex-wrap:nowrap; text-align:left; margin-bottom:20px; padding:0 } .grid-article[data-style=compact] .grid-article__image{ flex:0 0 40%; align-self:flex-start; } .grid-article[data-style=compact] .grid-article__meta{ flex:0 0 60%; padding-left:15px; } .grid-article[data-style=compact] .article__title{ font-size:calc(var(--typeBaseSize) + 1px); } .grid-article[data-style=compact] .article-tag{ font-size:10px; } .grid-article[data-style=compact] .article-tag:not(:first-child){ display:none; } @media only screen and (max-width:768px){ .grid-article[data-style=medium]{ flex:0 0 100%; flex-wrap:nowrap; text-align:left; margin-bottom:20px } .grid-article[data-style=medium] .grid-article__image{ flex:0 0 40%; align-self:center; } .grid-article[data-style=medium] .grid-article__meta{ flex:0 0 60%; padding-left:15px; } .grid-article[data-style=medium] .article__title{ font-size:calc(var(--typeBaseSize) + 1px); } .grid-article[data-style=medium] .article-tag{ font-size:10px; } .grid-article[data-style=medium] .article-tag:not(:first-child){ display:none; } } .article__comment{ margin-bottom:20px } .article__comment:last-child{ margin-bottom:0; } .password-page__logo h1{ margin-bottom:0; } .password-page__logo-image{ display:flex; align-items:center; } .password__lock .icon{ position:relative; top:-2px; margin-right:4px; } .password-page__content-wrapper{ position:absolute; bottom:0; left:0; right:0; max-height:80vh; z-index:3 } @media only screen and (max-width:768px){ .password-page__content-wrapper{ bottom:-70px; padding-bottom:20px } } .password-page__content{ display:flex; justify-content:space-between; align-items:flex-end; flex-wrap:wrap; } .password-page__form{ flex:1 1 100% } @media only screen and (min-width:769px){ .password-page__form{ flex:0 0 35% } } .password-form .input-group-field{ border:1px solid; border-bottom-color:currentColor; } .password-page__signup-form .errors ul{ list-style-type:none; margin-left:0; } .password-page__social-sharing{ margin-top:30px; } #LoginModal .modal__inner{ background:#ffffff; background:var(--colorBody); color:#000000; color:var(--colorTextBody); padding:50px 50px 10px; } .password-page__footer{ flex:1 1 100%; line-height:2; font-size:80%; margin-top:30px; color:#000000; color:var(--colorTextBody) } .password-page__footer a:not(.btn){ color:inherit; } .password-page__footer hr{ border-color:currentColor; } @media only screen and (min-width:769px){ .password-page__footer{ flex:0 0 auto; margin-top:0 } } .password-page__footer-inner{ padding:30px 0; line-height:2; } .icon-shopify-logo{ width:60px; height:20px; } .password-page__content .password-form-group{ max-width:none; } .password-page__content .input-group-field::placeholder{ opacity:1; } .password-form-group{ position:relative; max-width:400px; margin:0 auto } @media only screen and (max-width:768px){ .password-form-group{ max-width:85% } .modal--newsletter .password-form-group{ max-width:none } } .password-form-group__input{ margin:0 auto; width:100%; border:0; border-bottom:2px solid; border-bottom-color:currentColor; border-radius:0; padding-left:0; padding-right:45px } .password-form-group__input:focus{ border-bottom-color:currentColor; } .password-form-group__input::placeholder{ color:currentColor; opacity:1; } .password-form-group__submit{ position:absolute; top:0; right:0; bottom:0; color:currentColor; padding-right:0 } .password-form-group__submit .icon{ width:26px; height:24px; } .password-page__toolbar{ z-index:7; } .template-giftcard,.template-giftcard body{ background:#ffffff; background:var(--colorBody) } .template-giftcard a,.template-giftcard body a{ text-decoration:none; } .template-giftcard .page-width{ max-width:588px; } .giftcard-header{ padding:60px 0; font-size:1em; text-align:center } .giftcard-header a{ display:block; margin:0 auto; color:#000000; color:var(--colorTextBody); } .template-giftcard .shop-url{ display:none; } .giftcard__border{ padding:1.5em; box-shadow:0 10px 30px rgba(0, 0, 0, 0.3); } .giftcard__content:after{content:"";display:table;clear:both;} .giftcard__content{ background-color:#ffffff; background-color:var(--colorBody); color:#000000; color:var(--colorTextBody); } .giftcard__header:after{content:"";display:table;clear:both;} .giftcard__header{ padding:15px; } .giftcard__title{ float:left; margin-bottom:0; } .giftcard__tag{ display:block; float:right; background-color:#000000; background-color:var(--colorTextBody); border:1px solid transparent; color:#ffffff; color:var(--colorBody); padding:10px; border-radius:4px; font-size:0.75em; text-transform:uppercase; letter-spacing:.05em; line-height:1; } .giftcard__tag--active{ background:transparent; color:#000000; color:var(--colorTextBody); border:1px solid; border-color:#acaeb0; border-color:var(--colorBorder); } .giftcard__wrap{ position:relative; margin:15px 15px 30px } .giftcard__wrap img{ position:relative; display:block; border-radius:10px; z-index:2; } .giftcard__code{ position:absolute; bottom:30px; text-align:center; width:100%; z-index:50; } .giftcard__code--medium{ font-size:.875em; } .giftcard__code--small{ font-size:.75em; } .giftcard__code__inner{ display:inline-block; vertical-align:baseline; background-color:#fff; padding:.5em; border-radius:4px; max-width:450px; box-shadow:0 0 0 1px rgba(0, 0, 0, 0.1) } .giftcard__code--small .giftcard__code__inner{ overflow:auto } .giftcard__code__text{ font-weight:400; font-size:1.875em; text-transform:uppercase; border-radius:2px; border:1px dashed; border-color:#acaeb0; border-color:var(--colorBorder); padding:.4em .5em; display:inline-block; vertical-align:baseline; color:#000000; color:var(--colorTextBody); line-height:1 } .disabled .giftcard__code__text{ color:#999; text-decoration:line-through } .giftcard__amount{ position:absolute; top:0; right:0; color:#fff; font-size:2.75em; line-height:1.2; padding:15px; z-index:50 } .giftcard__amount strong{ display:block; text-shadow:3px 3px 0 rgba(0, 0, 0, 0.1); } .giftcard__amount--medium{ font-size:2em; } .tooltip{ display:block; position:absolute; top:-50%; right:50%; margin-top:16px; z-index:3; color:#fff; text-align:center; white-space:nowrap } .tooltip:before{ content:""; display:block; position:absolute; left:100%; bottom:0; width:0; height:0; margin-left:-5px; margin-bottom:-5px; border-left:8px solid transparent; border-right:8px solid transparent; border-top:5px solid #333; border-top:5px solid rgba(51, 51, 51, 0.9); } .tooltip__label{ display:block; position:relative; right:-50%; border:none; border-radius:4px; background:#333; background:rgba(51, 51, 51, 0.9); min-height:14px; font-weight:400; font-size:12px; text-decoration:none; line-height:16px; text-shadow:none; padding:.5em .75em; margin-left:.25em } .tooltip__label small{ text-transform:uppercase; letter-spacing:.1em; color:#b3b3b3; font-size:.875em; } .giftcard__instructions{ text-align:center; margin:0 15px 30px; } .giftcard__actions{ position:relative; text-align:center; overflow:hidden; padding-bottom:1em; } .template-giftcard .action-link{ position:absolute; left:15px; top:50%; font-size:0.875em; font-weight:700; display:block; padding-top:4px; text-transform:uppercase; letter-spacing:.2em; margin-top:-10px } .template-giftcard .action-link:focus,.template-giftcard .action-link:hover{ color:#000000; color:var(--colorTextBody); } .template-giftcard .action-link__print{ display:inline-block; vertical-align:baseline; width:17px; height:17px; vertical-align:middle; margin-right:10px; opacity:1; background-image:url(/cdn/shop/t/2/assets/cdn/s/assets/gift-card/icon-print-164daa1ae32d10d1f9b83ac21b6f2c70.png?19544); background-repeat:no-repeat; background-position:0 0; } .giftcard__footer{ text-align:center; padding:60px 0; } #QrCode img{ padding:30px; border:1px solid; border-color:#acaeb0; border-color:var(--colorBorder); border-radius:4px; margin:0 auto 30px; } @media only screen and (max-width:768px){ .giftcard{ font-size:12px; } .giftcard-header{ padding:30px 0; } .header-logo{ font-size:2em; } .giftcard__border{ padding:15px; } .giftcard__actions{ padding:15px; } .giftcard__actions .btn{ width:100%; padding-left:0; padding-right:0; } .template-giftcard .action-link{ display:none; } } @media screen and (max-width:400px){ .giftcard__amount strong{ text-shadow:2px 2px 0 rgba(0, 0, 0, 0.1); } .giftcard__wrap:after,.giftcard__wrap:before{ display:none; } .giftcard__code{ font-size:.75em; } .giftcard__code--medium{ font-size:.65em; } .giftcard__code--small{ font-size:.55em; } } @media screen and (max-height:800px){ .header-logo img{ max-height:90px; } } @media print{ @page{ margin:0.5cm; } h2,h3,p{ orphans:3; widows:3; } h2,h3{ page-break-after:avoid; } body,html{ background-color:#fff; } .giftcard-header{ padding:10px 0; } .giftcard__border,.giftcard__content{ border:0 none; } .add-to-apple-wallet,.giftcard__actions,.giftcard__wrap:after,.giftcard__wrap:before,.site-header__logo-link img:nth-child(2),.tooltip{ display:none; } .giftcard__title{ float:none; text-align:center; } .giftcard__code__text{ color:#555; } .template-giftcard .shop-url{ display:block; } .template-giftcard .logo{ color:#58686f; } } .product-grid-item__outside_bottom { width: 100%; height: 1px; background-color: #fff; margin-top: -1px; } .collection-product-grid-main .collection-grid-wrap{ margin-left: -24px; margin-right: -24px; } .collection-product-grid-main{overflow-x: hidden;} /* custom css */ .product-grid-slider .swiper-pagination,.product-recommendations .swiper-pagination,.cart-recommendations .swiper-pagination{display: none;} .stamped-badge[data-rating="0.0"] { display: block !important;} .stamped-main-badge .stamped-badge[data-rating="0.0"] {display: block !important;} @media(min-width: 1200px){ .featured-collection{overflow-x: hidden;} .featured-collection .product-grid-slider{overflow: visible;} .product-grid-slider .grid-product{max-width: 278px;} .featured-collection .product-grid-slider:after {background: linear-gradient(270deg,#FFFFFF 0%,rgba(255,255,255,.9) 90%,rgba(255,255,255,0) 100%);content: '';position: absolute;right: -100%;left: auto;top: 0;bottom: auto;z-index: 1;width: 100%;height: 100%;} .featured-collection .product-grid-slider:before {background: #fff;content: '';position: absolute;left: -100%;right: auto;top: 0;bottom: auto;z-index: 2;width: 100%;height: 100%;} } .custom-product-grid .grid-product,.product-grid .grid-product{padding-left: 24px;padding-right: 24px;border-left: 1px solid #E8E9EA;} .product-grid .grid-product{margin: 24px 0;border-left: none;border-right: 1px solid #E8E9EA;width:100%;} .grid-view-btn.is-active svg path {fill: #000;stroke: #000;} .recommendations-product-slider,.cart-recommendations-grid-slider { margin-left: -24px; margin-right: -24px; } .cart-drawer-recommendations .swiper-button{display: none;} .cart-recommendations-grid-slider .swiper-button,.cart-recommendations-grid-slider .swiper-pagination, .cart-drawer-recommendations-grid-slider .swiper-button,.cart-drawer-recommendations-grid-slider .swiper-pagination{display: none;} .product-recommendations, .cart-recommendations{ position: relative; } .collection-grid .product-grid-item__outside{padding:0;margin:0;border-bottom: 1px solid #E8E9EA;} .collection-grid .grid-item__meta{margin: 20px 0 0;} @media(min-width: 769px){ .collection-grid[data-view=medium] .product-grid-item__outside:nth-child(3n+0) .grid-product, .collection-grid .product-grid-item__outside:last-child .grid-product, .collection-grid[data-view=large] .product-grid-item__outside:nth-child(2n+0) .grid-product, .collection-grid[data-view=list] .product-grid-item__outside .grid-product, .collection-grid[data-view=medium] .product-grid-item__outside:nth-last-child(2) .grid-product{ border-color:transparent } } .collection-grid .product-grid-item__outside .grid-item{flex: 100%;margin:0;padding:0} .custom-product-grid .grid-product.swiper-slide-active{border-left-color: transparent;} .custom-product-grid .grid-item__meta{margin: 12px 0 0;} .custom-product-grid .grid-product__image-wrap{margin: 0;} .swiper-button {background: #FFFFFF;border: 1px solid #DFDFDF;box-shadow: 0px 1.5px 3px rgba(19, 20, 22, 0.08);border-radius: 120px;height: 48px;width: 48px;z-index: 2;} .grid-product__btn{margin-top: 24px;} .swiper-button-disabled{display: none;} .swiper-button-prev, .swiper-rtl .swiper-button-next{left: -30px;} .swiper-button-next, .swiper-rtl .swiper-button-prev{right: -30px;} .text-image-wrap {position: absolute;right: -14px;left: auto;bottom: -80px;top: auto;z-index: -1;} .text-image-wrap img {width: auto;} .logo-bar .grid-item{align-items: center;} .text-and-image-overlay{padding: 30px 0;position: relative;z-index: 1;margin: 81px 0 80px;display: inline-block;width: 100%;} .text-and-image-overlay::after {content: '';background-color: #F4F5F5;width: 67%;height: 100%;position: absolute;right: auto;left: 0;top: 0;bottom: 0;z-index: -1;} .text-and-image-overlay.layout_image_on_left::after {right: 0;left: auto;} .template-page-about .text-and-image-overlay .feature-row__text .h4 { font-size: 20px;line-height: 28px;color: var(--colorNavText); margin-bottom: 0; padding-bottom: 12px; } .template-page-about .text-and-image-overlay .feature-row__text .h4:after{display: none;} .template-page-about .text-and-image-overlay .accent-subtitle { margin-bottom: 24px; padding-bottom: 24px; position: relative; font-size: 20px; line-height: 28px; color: var(--colorTextBody); } .template-page-about .text-and-image-overlay .accent-subtitle:after { content: ""; position: absolute; left: 0; right: auto; bottom: 0; top: auto; background-color: #828282; height: 1px; width: 21px; } .text-and-image-overlay .text-image-wrap{bottom: -50px;} .text-and-image-overlay.layout_image_on_left .text-image-wrap { right: auto; left: -14px; } .text-and-image-overlay .feature-row{position: relative;} .text-and-image-overlay .feature-row__text .h4{margin-bottom: 24px;padding-bottom: 24px;position: relative} .text-and-image-overlay .feature-row__text .h4::after{content: '';position: absolute;left: 0;right: auto;bottom: 0;top: auto;background-color: #828282;height: 1px;width: 21px;} .text-and-image-overlay .feature-row__text h3{margin: 0;} .text-and-image-overlay .featured-row__subtext{font-weight: 400;font-size: 14px;line-height: 20px;} .template-page-about .text-and-image-overlay .featured-row__subtext{color: #4e4e4e;} .review-slider .swiper-button-next, .review-slider .swiper-button-prev{top: auto;bottom: 0;display: inline-flex;height: 41px;width: 41px;opacity: 1;position: relative;margin: 10px 0 0;} .review-slider .swiper-button-next{left: 0;right: auto;} .review-slider .swiper-button-prev{left: 0;right: auto;} .collection-header .h2{margin: 0;} .rte--collection-desc p{margin: 0;} .pro_grid_swatch_title b { font-weight: 700; padding-right: 12px; } .product-size-options {display: flex;margin-left: -3px;margin-right: -3px;} .pro_grid_swatch_title { margin-bottom: 12px; } .mens_col.comman_col_class {display: inline-block;vertical-align: middle;} .mens_col.comman_col_class a{color: var(--colorNavText);border: 1px solid #E8E8E8; border-radius: 5px; padding: 3px 14px;margin: 0 3px;background: #E8E8E8;display: inline-block;vertical-align: middle;} .mens_col.comman_col_class.active{ background: transparent; border: 1px solid #000;border-radius: 5px; padding: 3px 14px;margin: 0 3px; } .showroom_description { margin: 5px 0 8px; display: inline-block; width: 100%; text-align: center; } .product-shipping-info {display: flex;align-items: center;margin-bottom: 24px;} .shipping-description{padding-left: 12px;} .shipping-label {color: #1B73D4;font-weight: 700;} .shipping-description > p {margin: 0;} .shipping-timeline {font-size: 12px;line-height: 16px;color: var(--colorNavText);} .product-aval {text-align: center;margin-bottom: 32px;} .product-aval > * {display: inline-block;vertical-align: middle;} .aval-icon {line-height: 0;} .product-aval-label {font-weight: 700;padding-left: 12px;} .shipping-icon {line-height: 0;} div.stamped-container[data-widget-style], div[data-widget-style] div.stamped-container,#stamped-main-widget{margin: 0 auto!important;} .collapsibles-wrapper figure {margin: 20px 0 0;} .product-block--tab .collapsibles-wrapper figure {margin-top: 38px;} .collapsibles-wrapper figure img { width: auto; } .manufacturer-brand.product-block--tab .collapsibles-wrapper .flex-grid__item figure img, .product-designer.product-block--tab .collapsibles-wrapper .flex-grid__item figure img { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; } .product-data-table {border-spacing: 0;margin-top: 12px;} .product-single__meta .product-data-table{margin: 0;} .collapsible-content .product-data-table tr td {padding: 4px 10px;background-color: transparent;} .product-data-table tbody tr:nth-of-type(odd) {background-color: #F4F4F4;} .product-data-table {background-color: transparent;} .product-block--tab ul{margin: 12px 0 0;list-style: none;} .product-block--tab ul.stamped-tabs li{margin-top: 0;} .product-block--tab ul.stamped-tabs li:before{display: none;} .product-block--tab ul li{padding-left: 16px;position: relative;margin-top: 6px;} .product-block--tab ul li::before{ content: ''; position: absolute; right: auto; left: 0; top: 7px; bottom: auto; background-color: #4E4E4E; height: 6px; width: 6px; } .manufacturer-brand.product-block--tab .collapsible-content__inner .flex-grid__item figure, .product-designer.product-block--tab .collapsible-content__inner .flex-grid__item figure{ flex: 0 0 14%; margin-bottom: 0; margin-right: 20px; position: relative; height: 0; padding-bottom: 14%; } .product-block--tab .collapsible-content__inner .flex-grid__item h3, .product-block--tab .collapsible-content__inner .flex-grid__item p { margin-bottom: 10px; } .product-block--tab .collapsible-content__inner a { color: #E32026; text-decoration: none !important; text-underline-offset: 0 !important; } .file-list:last-child{margin-bottom: 0;} .file-list{margin-bottom: 6px;} .file-list svg { margin-right: 10px; } .file-list > * { display: inline-block; vertical-align: middle; } .product-full-width .collapsible-content .product-data-table tr td:first-child { width: 20%; } .hero-video--section{margin-top: 80px;margin-bottom: 40px;} .hero-video--section .hero__text-wrap:after{display: none;} .product-gallery-section{margin-top: 76px;} .product__thumbs--below .product__thumb-item .image-wrap {position: relative;} .product__thumbs--below .product__thumb-item .image-wrap img {position: absolute;top: 0;right: 0;left: 0;bottom: 0;height: 100%;object-fit: cover;} .mw-option--type-swatchcard .mw-option__value.color-swatch-hidden { display: none; } .color-swatch-hidden { display: none; } .free_ship_info { position: relative; } .ship_tooltip { position: absolute; left: 100%; top: 50%; -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); min-width: 200px; font-size: 12px; padding: 5px 10px; color: #fff; background: #000c; border-radius: 3px; text-align: center; margin-left: 10px; display: none; z-index: 1; } .ship_tooltip:after { content: ""; position: absolute; left: -7px; top: 7px; display: none; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 7px solid #000c; } span.ship_tooltip { z-index: 9; } .free_ship_info:hover .ship_tooltip, .free_ship_info:hover .ship_tooltip:after { display: block; } .product-color-swatch__more { display: flex; align-items: flex-end; justify-content: center; flex-wrap: wrap; border: 1px solid var(--colorBorder); width: 52px; height: 52px; text-align: center; padding: 10px 4px; font-weight: 400; font-size: 8px; line-height: 12px; cursor: pointer; } .variant-input-wrap .variant--color-swatch label, .variant-input-wrap .variant--color-swatch p , .variant-input-wrap-bundle .variant--color-swatch label, .variant-input-wrap-bundle .variant--color-swatch p { margin: 0; padding: 0; border: none; box-shadow: none; overflow: unset; } .variant-input-wrap .variant--color-swatch input[type=radio]:checked+label, .variant-input-wrap-bundle .variant--color-swatch input[type=radio]:checked+label{ box-shadow: none; z-index: 1; } .variant-input-wrap .variant--color-swatch input[type=radio]:checked+label::before , .variant-input-wrap .variant--color-swatch input[type=radio]+label:hover::before, .variant-input-wrap-bundle .variant--color-swatch input[type=radio]:checked+label::before , .variant-input-wrap-bundle .variant--color-swatch input[type=radio]+label:hover::before{ content: ''; position: absolute; right: -5px; left: -5px; top: -5px; bottom: -5px; border: 1px solid #000000; z-index: -1; } .variant--color-swatch { margin: 0 4px 4px 0; padding: 5px; position: relative; } .swatch-popup { position: absolute; top: auto; bottom: auto; right: auto; left: 50%; transform: translateX(-50%); padding: 9.35484px; box-shadow: 0px 1px 2px rgba(19, 20, 22, 0.16); background: #FFFFFF; z-index: 11; max-width: 117px; display: none; } @media(min-width: 1440px){ .swatch-popup { right: auto; left: 34px; } } .swatch-popup span { width: 100%; display: inline-block; vertical-align: middle; font-weight: 700; font-size: 12px; line-height: 16px; margin: 4px 0; } .swatch-popup ul{margin: 0;list-style: none;} .swatch-popup ul > li{ font-size: 12px; line-height: 16px; margin: 0; position: relative; padding-left: 12px; color: var(--colorNavText); line-break: anywhere; } .swatch-popup ul > li:before{ content: ''; position: absolute; left: 0; top: 5px; right: auto; bottom: auto; background-color: #000; height: 5px; width: 5px; border-radius: 50%; } .swatch-popup label,.swatch-popup p { width: 98px; height: 98px; border: none; box-shadow: none; padding: 0; margin: 0; background-size: cover; } .variant--color-swatch.hovered .swatch-close:before { content: ''; position: absolute; background: #fff; opacity: 0.5; width: 100%; height: 100%; top: 0; left: 0; } .variant--color-swatch.hovered .swatch-close::after { content: ''; background-image:url(/cdn/shop/files/swatch-close.svg?v=1655977775); position: absolute; background-size: 22px 22px; background-position: center center; background-repeat: no-repeat; z-index: 1; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; } /* .color-swatch.hovered + .swatch-popup{ display: block; } */ .variant-wrapper-list.show_more_color .color-swatch-hidden { display: inline-block; } .product__quantity .js-qty__wrapper{margin-top: 8px;} .popup-gallery { display: flex; margin-left: -12px; text-align: center; flex-wrap: wrap; justify-content: center; } .product-gallery-item { max-width: 25%; flex: 0 0 25%; margin: 0; padding-left: 12px; padding-bottom: 12px; } .product-gallery-item>p { height: 0; padding-bottom: 100%; width: 100%; position: relative; cursor: pointer; } .product-gallery-item>p>img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; } .product-gallery-item-grid { flex: 0 0 25%; max-width: 25%; margin-top: 0; display: flex; flex-wrap: wrap; } .product-gallery-item-grid>.product-gallery-item { max-width: 50%; padding-top: 0; flex: 0 0 50%; } .footer-header__logo-link svg { width: 165px; height: 50px; } .product__thumb-item[data-image-alt="GALLERY"] { display: none; } .cart__checkout.disable { pointer-events: none; } /* .cart__item-nosearch .js-qty__wrapper{display: none;} */ .cart__item-message { margin: 15px 0 0; color: #ff0000; font-size: 12px; } /*------ Contact Page -------*/ .wrapper-contact-details .page-width { max-width: 1104px; } .wrapper-contact-details .grid--flush-bottom>.grid__item{margin-bottom: 0;} .wrapper-contact-details .grid--flush-bottom { margin-bottom: 0; } .text-contact-details .h2.rte--block { margin-bottom: 24px; } .text-contact-details .rte--block, .icon-and-text { margin-bottom: 8px; } .inner--text-contact-details { max-width: 440px; margin-left: auto; } .wrap_contact_us {background-color: #F4F5F5; } .row-contact-from { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .column-contact-form { position: relative; width: 100%; } .wrap-left-form { -ms-flex: 0 0 58.47%; flex: 0 0 58.47%; max-width: 58.47%; } .wrap-right-img { -ms-flex: 0 0 41.53%; flex: 0 0 41.53%; max-width: 41.53%; } .ContactFormBlock { padding-top: 80px; padding-bottom: 100px; } .wrap_contact_us .image-wrap img:not([role=presentation]) { display: block; height: 100%; position: absolute; } .inner_ContactForm { max-width: 838px; background-color: #fff; padding: 40px; position: relative; margin: 0 auto; z-index: 1; margin-right: -180px; } .inner_ContactForm .section-header { margin-bottom: 26px; } .inner_ContactForm .section-header p{font-size: 16px;line-height: 24px;color: #505050;} .inner_ContactForm .form-vertical { margin-bottom: 0; } .inner_ContactForm input, .inner_ContactForm select, .inner_ContactForm textarea { padding: 12px 12px 12px 20px; background: rgb(234 234 234 / 50%); border-radius: 4px; border: 0; margin-bottom: 22px; } .inner_ContactForm label { color: var(--colorNavText); font-weight: 400 !important; font-size: 14px !important; line-height: 20px; margin-bottom: 6px; } .inner_ContactForm button.btn { padding: 23px 60px !important; } /* option app css */ .mw-option__control--type-select { background-position: center right 10px; } .mw-option__container.show_more_color .mw-option__value.color-swatch-hidden { display: block; } .mw-option__value.color-app-swatch__more { display: flex; align-items: flex-end; justify-content: center; flex-wrap: wrap; border: 1px solid var(--colorBorder); width: 48px; height: 48px; text-align: center; padding: 10px 4px; font-weight: 400; font-size: 8px; line-height: 12px; cursor: pointer; border-radius: var(--mw-apo-swatch-border-radius,4px); } .sofa--component-buttons-cls .mw-option__value {width: calc(50% - 10px);} .sofa--component-buttons-cls .mw-option__value .mw-option__button{width: 100%;text-align: center;display: flex;align-items: center;justify-content: center;} .sofa--component-buttons-cls .mw-option__value .mw-label{line-height: normal;} #infiniteoptions-container{max-width: 100%;margin: 0 0 24px !important;} #infiniteoptions-container .spb-label-tooltip{margin-bottom: 10px;} /* option app css end*/ /* Blog/Article Page css start */ .small_show {display: none;} .blog--templates__main .blog-header-banner {position: relative;} .blog--templates__main .blog-header-banner:after {content: ''; background: linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0) 50%); opacity: 0.8; position: absolute; left: 0; right: 0; top: 0; bottom: 0;} .blog--templates__main .banner-conatnt {position: absolute; bottom: 50px; z-index: 1; max-width: 1274px; margin: 0 auto; left: 0; right: 0; padding: 0 20px;} .blog--templates__main .blog--banner--title {color: #fff; margin-bottom: 6px;} .blog--templates__main .blog--banner--subtitle {color: #fff;} .blog--templates__main .blog-contents-area {padding-top: 80px;} .blog--templates__main .grid-article__tag {margin-bottom: 30px; } .blog--templates__main a.article-tag.active {background: #E8E8E8; border-color: #E8E8E8;color: var(--colorTextBody);} .blog--templates__main a.article-tag {border: 1px solid #CECECE; padding: 6px 24px; margin-bottom: 10px;} .blog--templates__main a.article-tag:first-child {margin-left: 0;} .blog--templates__main .grid-item-shadow {box-shadow: -5px 10px 25px rgb(142 142 142 / 15%);} .blog--templates__main .grid__image-ratio--landscape:before {padding-bottom: 68%;} .blog--templates__main .grid-article__image {margin-bottom: 0;} .blog--templates__main .grid-article__meta {padding: 24px;} .blog--templates__main .grid-article {text-align: left; display: block; padding: 0 12px;} .blog--templates__main .article__sub-meta {font-weight: 400; font-size: 14px; line-height: 20px; opacity: 1; color: #ACAEB0; padding-bottom: 12px;} .blog--templates__main .article__title {font-weight: 400; font-size: 24px; line-height: 32px; letter-spacing: 0.2px; margin-bottom: 12px; max-width: 330px;} .blog--templates__main .article_details {font-weight: 400; font-size: 14px; line-height: 20px; color: #505050; margin-bottom: 12px;} .blog--templates__main .article__title--readmore {font-family: var(--typeHeaderPrimary),var(--typeHeaderFallback); font-weight: 400; font-size: 14px; line-height: 20px; letter-spacing: 0.2px; text-decoration-line: underline; text-transform: uppercase;} .blog--templates__main .new-grid {margin: 0 -12px;} .blog--templates__main .grid__image-ratio--wide:before {padding-bottom: 68.46%;} .article--templates__main {padding-top: 40px; padding-bottom: 40px;} .article--templates__main .blog-layout__main {padding-bottom: 88px;margin-bottom: 0;} .article--templates__main .article__page--width {max-width: 1170px; margin: 0 auto; padding: 0 15px;} .article--templates__main .article-banner--images {margin-bottom: 40px;} .article--templates__main .article-tag__wrapper a {font-size: 14px;line-height: 20px;color: #4E4E4E; background: #F4F4F4; padding: 5px 15px; border: 0; margin: 0; text-transform: capitalize; } .article--templates__main .rte.article-content div{margin: 0;} .article--templates__main .rte.article-content img{margin: 25px 0 0;} .article--templates__main .article-contains--width {max-width: 826px; margin: 0 auto; padding: 0 15px;} .article--templates__main .article-tag__wrapper {margin-bottom: 12px;} .article--templates__main .section-header__title {line-height: 60px; text-align: left;} .article--templates__main .section-header .article__sub-meta {margin-top: 12px;} .article--templates__main .article__sub-meta {font-size: 14px; line-height: 20px; color: var(--colorNavText); opacity: 1;} .article--templates__main .rte.article-content p {font-weight: 400; font-size: 16px; line-height: 24px; letter-spacing: 0.2px;color: var(--colorNavText); margin-bottom: 12px;} .article--templates__main .rte.article-content h2, .article--templates__main .rte.article-content h3 {margin-top: 40px; margin-bottom: 12px;} .article--templates__main .rte.article-content h3 {font-size: 24px; line-height: 32px; letter-spacing: 0.2px;} .article--templates__main .rte.article-content p img {margin-top: 27px;} .article--templates__main .rte.article-content ul {margin-left: 16px; list-style-type: square; margin-bottom: 12px;} .article--templates__main .rte.article-content li {font-weight: 400; font-size: 16px; line-height: 24px; letter-spacing: 0.2px; color: var(--colorNavText);} .article--templates__main .related-blogs--title {padding-bottom: 40px; border-bottom: 1px solid #ECECEC; margin-bottom: 40px;} .article--templates__main a.svg--icon--tags.js-no-transition {display: block;} .article--templates__main .article-flex {position: relative;} .article--templates__main .share_social-blogs {position: absolute; right: calc(100% + 76px); top: 60px; bottom: auto;} /* Blog/Article Page css end */ /* klaviyo newsletter css start */ form.needsclick.klaviyo-form.klaviyo-form-version-cid_1.kl-private-reset-css-Xuajs1 { padding: 0 !important; } form.needsclick.klaviyo-form.klaviyo-form-version-cid_1.kl-private-reset-css-Xuajs1 > .needsclick.kl-private-reset-css-Xuajs1 { padding: 0 !important; align-items: center; flex-direction: unset !important; } .needsclick.kl-private-reset-css-Xuajs1 .kl-private-reset-css-Xuajs1 input[type=email]{ padding: 14px 23px !important; min-width: 230px; } .kl-private-quill-wrapper-Lkqws1.kl-private-quill-wrapper-Lkqws1.kl-private-quill-wrapper-Lkqws1 .ql-editor.ql-editor.ql-editor p{ font-family: var(--typeHeaderPrimary),var(--typeHeaderFallback) !important; } .needsclick.kl-private-reset-css-Xuajs1 button.needsclick.go3894874857.kl-private-reset-css-Xuajs1{ font-family: var(--typeBasePrimary),var(--typeBaseFallback) !important; text-transform: uppercase !important; padding: 0 23px !important; } /* klaviyo newsletter css end */ @media(max-width: 1366px){ .megamenu__col,.custom-product-grid .grid-product, .product-grid .grid-product { padding: 0 20px; } .megamenu__cols,.recommendations-product-slider,.collection-product-grid-main .collection-grid-wrap,.cart-recommendations-grid-slider { margin-left: -20px; margin-right: -20px; } } @media(max-width: 1199px){ .product-grid-slider{ margin-left: -20px; margin-right: -20px; } .text-image-wrap{right: 0;} .swiper-button-next, .swiper-rtl .swiper-button-prev { right: 10px; } .swiper-button-prev, .swiper-rtl .swiper-button-next { left: 10px; } a.megamenu-btn{padding: 18px 22px;} .grid__item--content{padding-left: 22px;} .cart__page-col:first-child{padding-right: 30px;} .needsclick.kl-private-reset-css-Xuajs1 .kl-private-reset-css-Xuajs1 input[type=email]{min-width: 100%;} } @media only screen and (max-width: 1070px) { .article--templates__main .share_social-blogs {right: calc(100% + 55px);} } @media only screen and (max-width: 1024px) { .blog--templates__main .blog-header-banner .image-wrap, .blog--templates__main .blog-header-banner img.lazyautosizes {min-height: 355px;} .blog--templates__main .blog-header-banner img.lazyautosizes {object-fit: cover;} .article--templates__main .article-banner--images {margin-bottom: 24px;} } @media(max-width: 991px){ .hero__link .btn, .feature-row .btn { padding: 15px 40px; font-size: calc(var(--typeBaseSize) + 2px); line-height: 24px; } ul.toolbar-menu li{padding: 0 5px;} .location-block>.text-label,.toolbar{ font-size: 10px; } .review-slider .swiper-button-prev,.review-slider .swiper-button-next{position: relative;margin-top: 24px;} .review-slider .swiper-button-prev{margin-left: 6px;} .product-single__meta { padding-top: 0; padding-left: 0; } .cart__item{ margin-bottom: 24px; padding-bottom: 24px; } .cart__item:first-of-type{padding-top: 24px;} .main-cart-page { margin: 16px 0 40px; } .article--templates__main .share_social-blogs {right: calc(100% + 10px);} } @media (max-width: 900px){ .mfp-arrow-right { -webkit-transform-origin: 100% 0 !important; transform-origin: 100% 0 !important; } } @media(min-width: 768px){ .alignleft { float: left; margin-right: 10px; } .alignright { float: right; margin-left: 10px; } } @media(max-width: 768px){ .product-block--tab .collapsibles-wrapper figure img{ width: 100%; } .product-block--tab .collapsibles-wrapper .flex-grid__item:has(figure) {flex-direction: column;row-gap:20px;} .manufacturer-brand.product-block--tab .collapsible-content__inner .flex-grid__item figure, .product-designer.product-block--tab .collapsible-content__inner .flex-grid__item figure{ flex: 100%; width: 100%; padding-bottom: 41.16%; max-width: 41.16%; margin: 0 auto; } form.needsclick.klaviyo-form.klaviyo-form-version-cid_1.kl-private-reset-css-Xuajs1 > .needsclick.kl-private-reset-css-Xuajs1 { flex-direction: column !important; } form.needsclick.klaviyo-form.klaviyo-form-version-cid_1.kl-private-reset-css-Xuajs1>.needsclick.kl-private-reset-css-Xuajs1 > .needsclick.kl-private-reset-css-Xuajs1 + .needsclick.kl-private-reset-css-Xuajs1 { margin-top: 24px; } .kl-private-reset-css-Xuajs1{padding-right: 0 !important;} .swatch-popup{ top: 200%; transform: translate(-50%,-50%); left: 95%; } .variant--color-swatch:first-child .swatch-popup { left: 0; transform: translate(0,-50%); } .h4, h4{ font-size: 20px; line-height: 28px; } .site-header__logo a svg{width: auto;height: auto;} .site-nav__icons > .site-nav__link--icon > span { line-height: 0; } .toolbar{ font-size: 12px; line-height: 16px; } .toolbar-section { display: none; } .toolbar__content{justify-content: center;padding: 5px 0;} .desktop-site-header-search{display: none !important;} .slideshow-wrapper .hero_slider { padding-bottom: 0 !Important; height: auto !Important; } .hero__slide-link, .slideshow-wrapper .hero_slider .hero[data-natural], .slideshow-wrapper .hero_slider .flickity-slider { position: relative; } .slideshow__slide .hero__image-wrapper { padding-bottom: 74.5%; } .slideshow__slide .hero__media-container, .slideshow__slide .hero__image-wrapper, .slideshow__slide .hero__media { position: relative; } .hero__text-wrap { background: #ECECEC; } .hero,.hero__link .btn{color: #000;} .hero__link .btn{border-color: #000;} .hero_slider .slideshow__slide { position: relative !important; display: none !Important; transform: translateX(0) !important; } .hero .slideshow__slide:not(.is-selected) .hero__animation-contents, .hero .slideshow__slide.animate-out .hero__image-wrapper{ opacity: 1; } .hero_slider .hero:not(.flickity-enabled) .slideshow__slide:first-child{ display: block !Important; } .hero_slider .slideshow__slide.is-selected { display: block !Important; left: 0 !important; } .hero__text-wrap:after{display: none;} .hero_slider .hero__image { position: absolute; top: 0; bottom: 0; right: 0; left: 0; max-height: 100%; max-width: 100%; margin: auto; object-fit: cover; } .slideshow-wrapper .hero_slider .flickity-slider { transform: translate(0)!important; } .slideshow__slide .hero__text-content{padding-top: 16px;padding-bottom: 62px !important;padding-left: 16px;padding-right: 16px;text-align: center !important;} .slideshow-wrapper .hero_slider .flickity-page-dots .dot.is-selected,.slideshow-wrapper .hero_slider .flickity-page-dots .dot{ width: 6px;height: 6px;margin: 0 4px; } .slideshow-wrapper .hero_slider .flickity-page-dots .dot.is-selected{background: #ACAEB0;} .slideshow-wrapper .hero_slider .flickity-page-dots .dot{background: rgb(172 174 176 / 50%);} .horizontal-left .hero__text-shadow{max-width: 100%;} .hero .flickity-page-dots{text-align: center;bottom: 32px;line-height: 0;} .site-header__element--top{box-shadow: 0px 10px 15px rgba(19, 20, 22, 0.04);} .slide-nav__item:first-child{padding-top: 0;} .slide-nav__link{padding: 16px 16px;} .site-header__drawer .slide-nav .slide-nav__item:not(.view-all-btn):hover{background-color: #F3F3F3;} .site-header__drawer .slide-nav > .slide-nav__item .slide-nav__link::after{ content: ''; position: absolute; right: 20px; left: 20px; border-bottom: 1px solid #ececec; bottom: 0; } .slide-nav__dropdown .slide-nav__link--back svg { margin-left: 0; margin-right: 12px; } .slide-nav__item.view-all-btn{padding: 0 16px;margin-bottom: 2px;} .slide-nav__item a.megamenu-btn { width: 100%; padding: 23px 22px; margin-top: 24px; text-align: center; } .slide-nav__dropdown > .slide-nav__item.second-level-menu_item > .slide-nav__button > .slide-nav__link { padding-left: 49px; } .slide-nav__dropdown > .slide-nav__item.third-level-menu_item > .slide-nav__link { padding-left: 49px; } .section-header__title{line-height: 32px;} .collection-image--portrait,.collection-image--landscape { padding-top: 66.5%; } .collection-item__title{margin-top: 12px;font-size: 16px;line-height: 24px;} .collection-item{margin-bottom: 24px;} .collection-grid-item:last-child .collection-item{margin-bottom: 0;} .collection-product-grid-main .collection-grid-wrap{margin-left: -12px;margin-right: -12px;} .custom-product-grid .grid-product, .product-grid .grid-product { padding: 0 12px; } .featured-collection,.product-recommendations-section,.main-cart-page { overflow-x: hidden; } .featured-collection .product-grid-slider,.recommendations-product-slider,.cart-recommendations-grid-slider { overflow: visible; } .featured-collection .swiper-button,.product-recommendations-section .swiper-button,.cart-recommendations-grid-slider .swiper-button{ display: none; } .product-grid-slider .grid-product,.recommendations-product-slider .grid-product{ max-width: 177px; } .cart-recommendations-grid-slider .grid-product{ max-width: 171px; } .product-grid-slider,.recommendations-product-slider,.cart-recommendations-grid-slider { margin-left: -12px; margin-right: -12px; } .product-grid .grid-product{margin: 12px 0;} .grid-product__title,.grid-product__price--current{ font-size: 14px; line-height: 20px; } .featured-collections-new .collection-grid-item { padding: 0; } .featured-collections-new .featured-collection-grid { margin-left: 0; margin-right: 0; } .featured-collections-new .section-header { margin-bottom: var(--sectionHeaderBottom); } .featured-collections-new .collection-item__title { margin-top: 12px; margin-bottom: 0; } .text-image-wrap{display: none;} .text-and-image-section{ padding-top: 0 !important; } .collection-grid-item{padding-left: 16px;padding-right: 16px;} .featured-collection-grid {margin-left: -16px;margin-right: -16px;} .text-and-image-section .image-wrap{margin: 0 -16px;padding-bottom: 73.77% !important;height: 100% !important;position: relative;} .text-and-image-section .image-wrap img{position: absolute;width: 100%;height: 100%;top: 0;right: 0;left: 0;object-fit: cover;object-position: center;} .feature-row__text .h1 { font-size: 24px; line-height: 32px; letter-spacing: 0.2px; } .featured-row__subtext { font-size: 14px; line-height: 20px; } .logo-bar{margin-top: 0;} .logo-bar .new-grid{margin: 0;} .logo-bar [data-view="6-2"] .grid-item { flex: 0 0 33.33333%; padding: 0; margin-bottom: 6px; } .logo-bar__item{padding: 0;max-width: 70px;margin: 0 auto;} .footer--blocks{padding: 32px 0 24px;} .footer-logo { width: 100%; text-align: center; } .footer-header__logo-link svg { width: 123px; height: auto; } #newsletter-footer{padding-left: 0;max-width: 100%;} .footer__section { padding: 24px 0; } .footer__section.footer__section-bottom{padding: 10px 0;} .footer__menu--underline li a { font-size: 24px; line-height: 32px; } .footer-bottom>*{width: 100%;text-align:center;} .footer__base-links span{ padding: 0 0 16px; max-width: 220px; } .footer__social { text-align: center; } .footer__social li{margin: 0 3px;} .text-and-image-overlay:after{display: none;} .text-and-image-overlay .feature-row__item .image-wrap { filter: drop-shadow(0px 9.7559px 19.5118px rgba(19, 20, 22, 0.07)); } .text-and-image-overlay .feature-row-wrapper{padding: 0;} .text-and-image-overlay .feature-row{padding-left: 32px;} .review-slider .swiper-button-next{margin-left: 24px;} .quote-icon svg{width: 39px;height: 32px;} .text-and-image-overlay{margin: 0;padding: 0 0 34px;} .text-and-image-overlay .feature-row__text{padding-top: 24px;padding-right: 64px;} .text-and-image-overlay .review-slider::after { content: ''; background-color: #F4F5F5; width: calc(100% - 48px); height: calc(100% - 290px); position: absolute; right: auto; left: 0; top: auto; bottom: 0; z-index: -1; } [data-view=list] .grid-item__meta-secondary{margin-right: 0;} [data-view=list] .grid-item__meta{padding-right: 0;} .pagination{margin: 0 0 37px;text-align: left;} .collection-grid{margin-bottom: 25px;} .review-slider{padding-bottom: 32px;} .text-and-image-overlay .featured-row__subtext{font-size: 12px;line-height: 16px;} .accent-subtitle{font-size: 16px;line-height: 24px;} .product-grid__content,.product-grid__gallery{width: 100%;} .product__video-wrapper{padding-bottom: 100% !important;} .product-single__sku{margin-left: 32px;} .product-single__title{line-height: 32px;} .product-block--price .product__price__main{font-size: 24px;line-height: 32px;} .product-grid__content .limoniapps-discountninja-productprice-replaced.limoniapps-discountninja-productpage .limoniapps-discountninja-shortcode-discounted_price, .product-grid__content .limoniapps-discountninja-productprice-replaced.limoniapps-discountninja-productpage .limoniapps-discountninja-shortcode-discounted_price .money{font-size: 24px !important; line-height: 32px;} .product-grid__content .limoniapps-discountninja-productprice-replaced.limoniapps-discountninja-productpage .limoniapps-discountninja-shortcode-original_price, .product-grid__content .limoniapps-discountninja-productprice-replaced.limoniapps-discountninja-productpage .limoniapps-discountninja-shortcode-original_price .money{font-size: 24px !important; line-height: 32px;} .product-wrap-grid { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } .mw-apo-container{max-width: 100%;margin: 24px 0 !important;} .product__quantity .js-qty__wrapper {margin-top: 0;} .product__quantity { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .product-shipping-info{margin-bottom: 0;-ms-flex-preferred-size: 0;flex-basis: 0;-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;max-width: 100%;} .product-wrap-grid .product-shipping-info{padding-right: 30px;} .product-single__form{margin-top: 8px;display: inline-block;width: 100%;vertical-align: middle;} .showroom_description{margin-top: 0;} .product-gallery-section {margin-top: 65px;margin-bottom: 70px;} .product-gallery-item-grid,.product-gallery-item:first-child { flex: 0 0 100%; max-width: 100%; } .product-gallery-item-grid>.product-gallery-item:first-child,.product-gallery-item { max-width: 50%; flex: 0 0 50%; } .product-full-width .collapsible-trigger-btn { font-size: 20px; line-height: 28px; } .hero-video--section .hero__link svg { width: 29px; height: 22px; } .product-full-width .collapsible-content .product-data-table tr td:first-child { width: auto; } .table-wrapper { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } table.product-data-table { width: 100%; max-width: 100%; } .shipping-description{padding-left: 0;} .shipping-icon{display: none;} .js-qty__wrapper{max-width: 138px;} .grid__item--content{padding-top: 32px;} .rte--collection-desc{padding-bottom: 32px;} .collection-header .h2,.collection-hero__content .h2{font-size: 28px;line-height: 34px;letter-spacing: 0.2px;} .collection-header{text-align: center;} .grid__item--content{padding-left: 16px;} .collection-grid[data-view=medium] .product-grid-item__outside:nth-child(2n+0) .grid-product, .collection-grid[data-view=medium] .product-grid-item__outside:nth-last-child(2) .grid-product{ border-color: transparent; } .collection-product-count{margin-bottom: 18px;} .collection-content { padding-top: 0; } #CollectionHeaderSection{margin: 0 -16px;} .collection-hero { height: auto; margin-bottom: 0; background-color: transparent; } .collection-hero__content:before{display: none;} .collection-hero__content{color: #000;text-align: center;position: relative;padding: 32px;} .collection-hero figure { padding-bottom: 50.4%; position: relative; width: 100%; display: inline-block; vertical-align: middle; } .collection-hero figure .collection-hero__image { position: absolute; right: 0; left: 0; top: 0; bottom: 0; object-fit: cover; object-position: center; } .collection-hero__content .h2 { margin-bottom: 0; } .collection-mobile-filters .collapsible-content__inner { padding-top: 0; padding-bottom: 12px; } .collection-mobile-filters .collapsible-trigger-btn.is-open { border-bottom: none; } .filter-wrapper .collapsible-content--all.is-open { border-bottom: 1px solid #EAEAEA; } .collapsible-content__inner .text-label { margin-bottom: 12px; } .collapsible-content__inner .tag-list { margin: 0; } .collapsible-content__inner .tag-list .tag:last-child .text-label{margin-bottom: 0;} .main-cart-header__title,.cart-header-checkout{flex: 0 0 100%;} .cart__title{font-size: 16px;line-height: 24px;} .cart-header-checkout{margin-bottom: 12px;order: 1;text-align: right;} .cart__page-col:first-child { padding-right: 0; } .main-cart-header__title{order: 2;} .cart-header-checkout .cart__checkout{padding: 12px 24px;} .cart__image{padding: 4px;flex: 0 0 64px;} .cart__image a, .cart__image .image-wrap{height: 54px;} .cart__item-qty-col{margin: 0;flex: 0 0 100%;} .cart__item-sub{flex-wrap: wrap;} .cart__item, .cart__item-sub{align-items: flex-start;} .cart__item-title { flex: 0 0 100%; } .cart__item-row.cart__item--subtotal.cart__item--est_subtotal{font-size: 16px;line-height: 24px;} .cart__item-qty-col .js-qty__wrapper{max-width: 93px;margin-top: 12px;margin-bottom: 6px;} .cart__item-row.cart-recommendations { margin-bottom: 32px; } .footer__subscribe h3{font-size: 16px;line-height: 24px;} .cart__item-price-col{max-width: 74px;margin-left: 24px;} .header-cart-drawer,.cart__footer,.cart__scrollable{padding-left: 16px;padding-right: 16px;} .cart__footer{position: relative;box-shadow: 0px -5px 10px rgb(0 0 0 / 4%);border-top: 1px solid #ECECEC;} .cart__footer .cart__item--subtotal { padding-top: 0; border-top: none; } .cart__scrollable{padding-bottom: 24px;} .template-page-about .type-advanced .promo-grid__content:after{display: none;} .template-page-about .promo-grid__bg{position: relative;width: 100%;padding-bottom: 74.4%;} .template-page-about .promo-grid__bg .promo-grid__bg-image { position: absolute; right: 0; width: 100%; top: 0; height: 100%; object-fit: cover; object-position: center; } .template-page-about .promo-grid__container{flex-direction: column;} .template-page-about .type-advanced .promo-grid__content{padding: 16px 32px 32px;text-align: center;background: #ECECEC;} .template-page-about .type-advanced .promo-grid__content .rte--block{color: #000;text-shadow: none;} .template-page-about .text-and-image-section .image-wrap { padding-bottom: 143.15%!important; } .template-page-about .text-and-image-section .feature-row__text{text-align: left !important;} .template-page-about .text-and-image-overlay .feature-row{padding-left: 0;} .template-page-about .text-and-image-overlay .feature-row-wrapper{padding: 0 16px;} .template-page-about .text-and-image-overlay .feature-row__text { padding-top: 40px; padding-right: 0; } .template-page-about .text-and-image-overlay .text-image-wrap{display: block;bottom: auto;top: -75px;} .template-page-about .text-and-image-overlay{padding-bottom: 139px;padding-top: 119px;} .template-page-about .text-and-image-overlay .feature-row__item:first-child::before { background: #F4F5F5; content: ''; position: absolute; width: 210px; top: -35px; bottom: -23px; height: auto; right: -16px; } .template-page-about .text-and-image-overlay .feature-row__item:first-child { position: relative; } .template-page-about .text-and-image-overlay .featured-row__subtext{ font-size: 14px; line-height: 20px; } .wrapper-contact-details .index-section:not(.index-section--sub-product):first-child{padding-top: 0;} .inner--text-contact-details { max-width: 100%; padding: 40px 16px 0; } .wrap-map-iframe iframe{width: 100%;} .wrapper-contact-details .page-width { max-width: 100%; padding: 0; } .wrap-right-img,.wrap-left-form { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .wrap-right-img{order: 1;} .wrap-left-form{order: 2;} .inner_ContactForm { max-width: 100%; margin: 0; padding: 40px 24px; } .ContactFormBlock { padding-top: 0; padding-bottom: 40px; margin-top: -144px; } .inner_ContactForm .section-header,.inner_ContactForm .section-header__title{text-align: center !important;} .column-contact-form.wrap-right-img .image-wrap{padding-bottom: 123.47% !important;} .small_show {display: block;} .small_hide {display: none;} .blog--templates__main .banner-conatnt {position: static; background: #ECECEC; padding: 16px 32px 32px;} .blog--templates__main .blog--banner--title {font-size: 28px; line-height: 34px; text-align: center; letter-spacing: 0.2px; color: #000;} .blog--templates__main .blog--banner--subtitle {font-size: 14px; line-height: 20px; text-align: center; color: #000;} .blog--templates__main .blog-contents-area {padding-top: 40px;} .blog--templates__main a.article-tag {font-size: 14px; line-height: 20px; text-transform: capitalize; margin: 0 6px 10px; white-space: nowrap; color: var(--colorNavText);} .blog--templates__main a.article-tag:first-child {margin-left: 0;} .blog--templates__main .grid-article__tag.small_show {display: flex; overflow: overlay; width: 100%; padding-left: 16px;} .blog--templates__main .article__title {font-size: 20px; line-height: 28px;} .blog--templates__main .grid-article {margin-bottom: 24px;flex: 0 0 100%;} .blog--templates__main .blog-header-banner .image-wrap, .blog--templates__main .blog-header-banner img.lazyautosizes {min-height: auto;} .article--templates__main .blog-related-temp .page-widths {padding: 0 16px;} .article--templates__main .share_social-blogs {position: static; padding-bottom: 18px;} .article--templates__main .share-fb {display: flex;} .article--templates__main .share-fb .svg--icon--tags {padding: 0 6px;} .article--templates__main .share-fb .svg--icon--tags:first-child {padding-left: 0;} .article--templates__main .share-fb .svg--icon--tags:last-child {padding-right: 0;} .article--templates__main .article-banner--images {margin-bottom: 16px;} .article--templates__main .article-contains--width {padding: 0 16px;} .article--templates__main .article__page--width {padding: 0;} .article--templates__main {padding-top: 0; padding-left: 0; padding-right: 0;} .article--templates__main .section-header__title {font-size: 24px; line-height: 32px;} .article--templates__main .section-header {margin-bottom: 22px;} .article--templates__main .blog-layout__main {padding-bottom: 80px;} .x-row [data-view=scrollable-7] .grid-item{ flex:0 0 33.3333% } } @media(min-width: 576px){ .logo-bar__item .desktop--hide,.desktop--hide{display: none;} } @media(max-width: 575px){ .logo-bar__item .mobile--hide,.mobile--hide{display: none;} .template-page-contact .inner_ContactForm button.btn{width: 100%;} .cong_free_ship{display: flex;align-items: center;justify-content: center;padding-left: 8px;padding-right: 8px;} .blog--templates__main .blog-layout__main {margin-bottom: 15px;} .blog--templates__main .page-width {padding: 0 16px;} .blog--templates__main a.article-tag {padding: 5px 13px;} .blog--templates__main .grid__image-ratio--landscape:before {padding-bottom: 68.46%;} .article--templates__main {padding-bottom: 16px;} .article--templates__main .rte.article-content p {font-size: 14px; line-height: 20px;} .article--templates__main .rte.article-content h2, .article--templates__main .rte.article-content h3 {margin-top: 24px;} .article--templates__main .rte.article-content p img {margin-top: 12px; margin-bottom: -4px;} .article--templates__main .blog-layout__main {padding-bottom: 8px;} .article--templates__main .related-blogs--title {font-size: 24px; line-height: 32px; letter-spacing: 0.2px; padding-bottom: 24px; margin-bottom: 24px;} .article--templates__main .article-banner--images .image-wrap, .article--templates__main .article-banner--images .img-fluid {min-height: 230px;} .article--templates__main .article-banner--images .img-fluid {width: auto; max-width: 100%; object-fit: cover;} } @media(max-width: 374px){ .header-cart-drawer .cong_free_ship p strong{font-size: 14px;line-height: 20px;} .cong_free_ship p{font-size: 12px;line-height: 16px;padding-left: 8px;} .stamped-fa-star:before{font-size: 16px;} .stamped-badge-caption{font-size: 12px;} } @media(max-width: 350px){ .text-and-image-overlay .review-slider:after{ height: calc(100% - 230px); } } /* custom css end */ .product-block--tab .stamped-reviews-ul li:before { display: none; } .product-block--tab .stamped-reviews-ul li a { color: #212121; } .x-row .grid-item,.x-row-inner .grid-item{ display: block; text-align: center; } .x-row-inner .new-grid,.x-row .new-grid{ align-items: center; } .copeland--page .grid-item { display: block; text-align: center; } .cs-content.cs-content-border { border-width: 2px; border-style: solid; border-color: rgb(159,155,114); } .cs-content { padding: 25px 45px 45px 45px; } .cs-content-bg > * { color: #fff; } .x-video-embed .video-wrapper { padding-bottom: calc((9 / 16) * 100%); width: 100%; } .x-frame-inner { width: 100%; } .x-row-inner-frame { padding: 45px 35px 45px 35px; background-color: rgb(76,72,72); } .x-row-inner-1 .cs-content-bg { background-color: rgb(88,91,109); border-width: 10px; border-style: double; border-color: rgb(255,255,255); } .x-row-inner-2 .cs-content-bg { background-color: rgb(88,109,108); border-width: 10px; border-style: double; border-color: rgb(255,255,255); } .x-row-inner-3 .cs-content-bg { background-color: rgb(153,132,132); border-width: 10px; border-style: double; border-color: rgb(255,255,255); } .x-row-inner-4 .cs-content-bg { background-color: rgb(153,153,132); border-width: 10px; border-style: double; border-color: rgb(255,255,255); } div#reviewsTrigger { height: 22px; position: absolute; width: 88px; z-index: 1; cursor: pointer; } .product__photos .flickity-page-dots li.dot { display: none; margin: 0 5px; } .product__photos .flickity-page-dots li.dot.is-selected, .product__photos .flickity-page-dots li.dot.is-selected + li.dot, .product__photos .flickity-page-dots li.dot.is-selected + li.dot + li.dot { display: inline-block; } .product__photos .flickity-page-dots li.dot.is-selected {background-color: #acaeb0;} .product__photos .flickity-page-dots li.dot.is-selected + li.dot, .product__photos .flickity-page-dots li.dot.is-selected:last-child { background-color: #000; } .product__photos .flickity-page-dots li.dot:nth-last-child(1), .product__photos .flickity-page-dots li.dot:nth-last-child(2), .product__photos .flickity-page-dots li.dot:nth-last-child(3) { display: inline-block; } .product__photos .flickity-page-dots li.dot.is-selected ~ li.dot:nth-last-child(1), .product__photos .flickity-page-dots li.dot.is-selected ~ li.dot:nth-last-child(2), .product__photos .flickity-page-dots li.dot.is-selected ~ li.dot:nth-last-child(3) { display: none; } .product__photos .flickity-page-dots li.dot.is-selected + li.dot + li.dot:nth-last-child(3), .product__photos .flickity-page-dots li.dot.is-selected + li.dot + li.dot:nth-last-child(2), .product__photos .flickity-page-dots li.dot.is-selected + li.dot + li.dot:nth-last-child(1), .product__photos .flickity-page-dots li.dot.is-selected + li.dot:nth-last-child(3), .product__photos .flickity-page-dots li.dot.is-selected + li.dot:nth-last-child(2), .product__photos .flickity-page-dots li.dot.is-selected + li.dot:nth-last-child(1){ display: inline-block; } .fabric_detail_link{ display: flex; align-items: center; justify-content: flex-end; font-size: 16px; margin-top: 15px; margin-bottom: 15px; } a.fabric_detail_link svg { width: 10px; margin-left: 15px; transition: margin .125s cubic-bezier(.25,.46,.45,.94); } a.fabric_detail_link:hover svg { margin-left: 25px; } .fabric_info-wrapper{ width: 100%; box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12); } .fabric_info{ padding: 1em; } .fabric_info-wrapper .fabric_image{ cursor: pointer; } .fabric_info h4{ font-size: 18px; margin-bottom: 0; line-height: normal; } .fabric_info p, .fabric_info span{ margin-top: 10px; margin-bottom: 0; color: var(--colorNavText); display: block; } .fabric_info ul { margin: 10px 0 0 1.2em; } .fabric_info li { color: var(--colorNavText); } /* wishlist css start */ /* #th_wishlist_page_id { margin: 50px 0; } .site-nav-wishlist .site-nav-item-icon{ position: relative; line-height: 0; } .site-nav-wishlist .th_wlc_product_count{ top: -3px; right: -8px; } #th_wishlist_page_id .th-wl-product-item figure a img{ object-fit: contain; } #th_wishlist_page_id .th-wl-product-title a{ word-break: break-word; -webkit-hyphens: auto; hyphens: auto; font-weight: 400; font-size: 20px; line-height: 28px; font-family: var(--typeHeaderPrimary),var(--typeHeaderFallback); color: var(--colorTextBody); white-space: normal; } #th_wishlist_page_id .th-wl-product-variant{ font-size: 16px; line-height: 24px; } #th_wishlist_page_id .th-wl-product-price{ display: inline-block; font-weight: 700; margin-right: 5px; font-size: calc(var(--typeBaseSize) + 2px); color: var(--colorPrice); } #th_wishlist_page_id .th-wl-product-add-to-cart{ line-height: 16px; letter-spacing: .2em; font-size: calc(var(--typeBaseSize) - 2px); font-weight: 700; display: inline-block; padding: var(--btnPadding); text-transform: uppercase; vertical-align: middle; color: #fff; background: #000000; border: none; border-radius: var(--buttonRadius); } #th_wishlist_page_id .th-wl-product-item{ border: 1px solid var(--colorBorder); } .th-wl-pr-qt{ align-items: center; } #th_wishlist_page_id .th-wl-quantity-box{ background: #F4F4F4; border: none; border-radius: 0; } #th_wishlist_page_id .th-wl-quantity-box button.qut-btn{ background: #F4F4F4; flex: 0 0 35px; max-width: 35px; height: 35px; } #th_wishlist_page_id .th-wl-quantity-box .qut-val { flex: 0 0 calc(100% - 70px); max-width: calc(100% - 70px); } */ /* wishlist css end */ @media(min-width: 769px){ .fabric-collection .new-grid{ margin-left: -20px; margin-right: -20px; } .fabric-collection .new-grid .grid-item{ padding-left: 20px; padding-right: 20px; margin-bottom: 20px; } .fabric_info{ padding: 1.5em; } .fabric_info h4{ font-size: 20px; } .color-swatch:hover + .swatch-popup{ display: block; } } .grid-item__meta-secondary .limoniapps-discountninja-align-center .limoniapps-discountninja-discountedprice.limoniapps-layout-row { justify-content: flex-start; } .site-header__drawer-menu { padding-top: 20px; } .site-header__drawer-menu a:not(:last-child) { margin-bottom: 1rem; } .cart__drawer-form .cart-drawer-recommendations-section { margin: 50px 0 30px; } .cart__drawer-form .cart-drawer-recommendations-section .grid-product{ width: 60%; } .grid-product__actions{display: none;} .cart-drawer-recommendations-section .grid-product__actions{ display: block; top: 0; } .cart-recommendations-section{ overflow: hidden; } #QuickAddHolder .th_prd_wl_btn, #QuickAddHolder .shopify-payment-button, #QuickAddHolder .product-aval, #QuickAddHolder .fabric_detail_link, .cart-open #tidio-chat { display: none; } #QuickAddHolder .product-block > .product-block, #QuickAddHolder .product-block + .product-block, #QuickAddHolder .product-single__form .btn{ margin-bottom: 0; } .cart-drawer-recommendations{position: relative;} .cart-drawer-recommendations .swiper-pagination{ line-height: 0; bottom: -20px; } .cart-recommendations-section .index-section{ margin-top: 0; } /* ==== PDP Advance Product Options CSS ==== */ .mw-option--type-swatch .mw-option__control:checked+.mw-option__swatch-media { border: 1px solid #000000 !important; box-shadow: unset !important; } .mw-option__swatch-media { border-radius: 1px !important; } .mw-option__swatch-media > img { padding: 5px; } .mw-option--type-button .mw-option__button, .mw-option--type-multibutton .mw-option__button { border: 1px solid #acaeb0 !important; border-radius: 1px !important; } .mw-option--type-button .mw-option__control.mw-option__value--selected .mw-option__button, .mw-option--type-button .mw-option__control:checked + .mw-option__button, .mw-option--type-multibutton .mw-option__control.mw-option__value--selected .mw-option__button, .mw-option--type-multibutton .mw-option__control:checked+.mw-option__button { border: 2px solid #000000 !important; box-shadow: unset !important; } /* .mw-tooltip__media--image { width: 116px !important; } */ .mw-tippy .tippy-content { padding: 9px 9px !important; } .mw-tippy .tippy-box, .mw-tooltip__media--image { border-radius: 1px !important; } .mw-tooltip__media + .mw-tooltip__content { margin-top: 5px !important; } .mw-option__button { font-weight: 400; padding: 9px 10px !important; } .mw-label:focus .mw-option__button, .mw-label:focus .mw-option__swatch-media, label.mw-label:focus .mw-option__button, label.mw-label:focus .mw-option__swatch-media { box-shadow: unset !important; } html.cart-open #limoniapps-discountninja-stickybar-wrapper{z-index: 6;} /* ==== */ .range-container { width: 100%; /* margin: 20px auto; */ text-align: center; } .filter-wrapper .collapsible-content--all .range-track_wrapper { padding: 0 8px; margin-bottom:8px; } .range-track { width: 100%; height: 6px; background: #ddd; border-radius: 5px; position: relative; } .active-range { height: 100%; background: #000; position: absolute; top: 0; left: 0; width: 0; border-radius: 5px; } .range-thumb { width: 12px; height: 12px; background: #000; border-radius: 50%; position: absolute; top: -3px; transform: translateX(-50%); cursor: grab; -webkit-appearance: none; box-shadow: 0 0 1px 2px #fff; } .filter-wrapper .collapsible-content--all[data-range-filter] .tag-list{ display:none; } .filter-wrapper .collapsible-content--all[data-range-filter] .range_min_max_count p{margin-bottom:0;} .filter-wrapper .collapsible-content--all[data-range-filter] .range_min_max_count { display: flex ; align-items: center; justify-content: space-between;margin-bottom: 8px; } /*================ */ .price-input { width: 100%; display: flex; flex-wrap: wrap; } .price-input .field { display: flex; height: 45px; align-items: center; padding: 10px; width: 50%; } .field input { width: 100%; height: 100%; outline: none; font-size: 14px; border-radius: 5px; text-align: center; /* border: 1px solid #999; */ border: 0; -moz-appearance: textfield; pointer-events: none; padding: 0; } .field input.input-min { text-align: left; } .field input.input-max { text-align: right; } input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; } .price-input .separator { width: 90px; display: flex; font-size: 19px; align-items: center; justify-content: center; } .slider { height: 6px; position: relative; background: #ddd; border-radius: 3px; } .slider .progress { height: 100%; left: 0; right: 0; position: absolute; border-radius: 5px; background: #000; display: block !important; } .range-input { position: relative; } .range-input input { position: absolute; width: 100%; height: 6px; top: -6px; background: none; pointer-events: none; -webkit-appearance: none; -moz-appearance: none; margin:0; padding: 0; border: 0; /* } input[type="range"]::-webkit-slider-thumb { height: 12px; width: 12px; border-radius: 50%; background: #000; pointer-events: auto; -webkit-appearance: none; box-shadow: 0 0 1px 2px #fff; } input[type="range"]::-moz-range-thumb { height: 12px; width: 12px; border: none; border-radius: 50%; background: #000; pointer-events: auto; -moz-appearance: none; box-shadow: 0 0 1px 2px #fff; } */ .facets__disclosure-vertical:has(.is_hide_range){ display: none; }