/** Shopify CDN: Minification failed

Line 215:0 Unexpected "}"

**/

@charset "UTF-8";                                                                                          /* Component variables */ body.cc-popup-no-scroll { overflow: hidden; } .popup-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; pointer-events: none; } .cc-popup { position: fixed; display: flex; height: 100%; width: 100%; top: 0; left: 0; z-index: 997; transition: opacity 0.15s, visibility 0.15s; opacity: 0; visibility: hidden; pointer-events: none; } .cc-popup.cc-popup--center { justify-content: center; align-items: center; } .cc-popup.cc-popup--center .cc-popup-modal { transform: translate3d(0, 60px, 0); } .cc-popup.cc-popup--bottom-left, .cc-popup.cc-popup--bottom-right { align-items: flex-end; } .cc-popup.cc-popup--bottom-left { justify-content: flex-start; } .cc-popup.cc-popup--bottom-left .cc-popup-modal { transform: translate3d(-60px, 0, 0); } [dir=rtl] .cc-popup.cc-popup--bottom-left .cc-popup-modal { transform: translate3d(60px, 0, 0); } .cc-popup.cc-popup--bottom-right { justify-content: flex-end; } .cc-popup.cc-popup--bottom-right .cc-popup-modal { transform: translate3d(60px, 0, 0); } [dir=rtl] .cc-popup.cc-popup--bottom-right .cc-popup-modal { transform: translate3d(-60px, 0, 0); } .cc-popup.cc-popup--left { justify-content: flex-start; } .cc-popup.cc-popup--left .cc-popup-modal { transform: translate3d(-60px, 0, 0); width: 100%; min-width: 0; overflow: auto; } [dir=rtl] .cc-popup.cc-popup--left .cc-popup-modal { transform: translate3d(60px, 0, 0); } @media (min-width: 768px) { .cc-popup.cc-popup--left .cc-popup-modal { width: 400px; } } .cc-popup.cc-popup--right { justify-content: flex-end; } .cc-popup.cc-popup--right .cc-popup-modal { transform: translate3d(60px, 0, 0); width: 100%; min-width: 0; overflow: auto; } [dir=rtl] .cc-popup.cc-popup--right .cc-popup-modal { transform: translate3d(-60px, 0, 0); } @media (min-width: 768px) { .cc-popup.cc-popup--right .cc-popup-modal { width: 400px; } } .cc-popup.cc-popup--visible { visibility: visible; opacity: 1; pointer-events: auto; } .cc-popup.cc-popup--visible .cc-popup-modal { transform: translate3d(0, 0, 0); } [dir=rtl] .cc-popup.cc-popup--visible .cc-popup-modal { transform: translate3d(0, 0, 0); } .cc-popup .cc-popup-background { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.3); z-index: 998; } .cc-popup .cc-popup-modal { position: relative; z-index: 999; transition: transform 0.25s; overflow: hidden; background-color: #ffffff; color: #000000; } .cc-popup .cc-popup-container { display: flex; } .cc-popup .cc-popup-container .cc-popup-title { color: #000000; } .cc-popup .cc-popup-close { position: absolute; right: 3px; top: 3px; width: 44px; height: 44px; padding: 7px; min-width: auto; background-color: transparent; border: none; box-shadow: none; } .cc-popup .cc-popup-close svg { stroke: #000000; stroke-width: 2px; } [dir=rtl] .cc-popup .cc-popup-close { left: 3px; right: auto; } .cc-popup .cc-popup-image .rimage-background { height: 100%; } .cc-popup .cc-popup-column { height: 100%; display: flex; flex-direction: column; justify-content: center; } .cc-animate-enabled .shopify-section { overflow: hidden; } @media (min-width: 768px) { .cc-animate-enabled [data-cc-animate] { opacity: 0; } } .cc-animate-enabled [data-cc-animate].-in { transition: opacity 0.7s, transform 0.7s; opacity: 1; } .cc-animate-enabled [data-cc-animate].cc-fade-in-right { transform: translate3d(15px, 0, 0); } .cc-animate-enabled [data-cc-animate].cc-fade-in-right.-in { transition-timing-function: cubic-bezier(0, 0.14, 0.19, 1); transform: translate3d(0, 0, 0); } .cc-animate-enabled [data-cc-animate].cc-fade-in-up { transform: translate3d(0, 15px, 0); transition-duration: 0.7s; } .cc-animate-enabled [data-cc-animate].cc-fade-in-up.-in { transform: translate3d(0, 0, 0); } .cc-animate-enabled [data-cc-animate].cc-zoom-out { transform: scale(1.1); } .cc-animate-enabled [data-cc-animate].cc-zoom-out.-in { transition: transform 1.6s cubic-bezier(0, 0.14, 0.19, 1) 0s !important; transform: scale(1); } .cc-animate-enabled [data-cc-animate].cc-fade-in-zoom-out { transform: scale(1.2); } .cc-animate-enabled [data-cc-animate].cc-fade-in-zoom-out.-in { transition: opacity 1s, transform 1.2s cubic-bezier(0, 0.14, 0.19, 1) 0s, filter 2s !important; transform: scale(1); } @media (prefers-reduced-motion: reduce) { .cc-animate-enabled [data-cc-animate], .cc-animate-enabled [data-cc-animate].-in { transition: opacity 0.7s !important; transform: none !important; } } .cc-modal-window { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9000; } .cc-modal-window__background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.2; cursor: pointer; z-index: 1; } .cc-modal-window__foreground { position: relative; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; pointer-events: none; z-index: 2; } .cc-modal-window__close { position: absolute; top: 0; right: 0; background: transparent; border: none; color: inherit; box-shadow: none; cursor: pointer; padding: 15px; border-radius: 0; transition: none; } .cc-modal-window__close:hover { background: transparent; border: none; color: inherit; box-shadow: none; } .cc-modal-window__close svg { stroke-width: 2; } .cc-modal-window__content-container { position: relative; overflow: auto; width: 800px; max-width: calc(100vw - 30px); max-height: 80vh; background: #fff; box-shadow: 0 1px 50px -20px #000; border-radius: 0px; pointer-events: auto; } @media (min-width: 768px) { .cc-modal-window__content-container { max-width: 90vw; } } @media (min-width: 960px) { .cc-modal-window__content-container { max-width: 80vw; } } .cc-modal-window--size-small .cc-modal-window__content-container { width: 500px; } .cc-modal-window__content { margin: 60px 20px 20px; } @media (min-width: 768px) { .cc-modal-window__content { margin: 60px 40px 40px; } } .cc-modal-window--closing { visibility: hidden; } .cc-modal-visible { overflow: hidden; } .cc-price-range { position: relative; } .cc-price-range__input-row { margin: 12px 0; display: flex; justify-content: space-between; } .cc-price-range__input-container { display: flex; align-items: baseline; flex: 0 0 auto; width: calc(50% - 6px); } .cc-price-range__input-currency-symbol { font-size: 16px; margin-right: 2px; } .cc-price-range .cc-price-range__input { width: 100%; padding-left: 10px; padding-right: 10px; } .cc-price-range__bar { position: relative; margin: 40px 15px 10px; } .cc-price-range__bar-inactive { height: 4px; background: #e6e6e6; border-radius: 4px; } .cc-price-range__bar-active { position: absolute; left: 0; top: 0; right: 0; height: 100%; background: #222222; border-radius: 4px; } .cc-price-range__control { position: absolute; left: 0; top: -9px; margin-inline-start: -11px; width: 22px; height: 22px; } .cc-price-range__control::after { content: ""; display: block; width: 22px; height: 22px; background: #ffffff; border: 2px solid #222222; border-radius: 22px; cursor: pointer; transition: 150ms transform ease-out; } .cc-price-range__control:hover::after, .cc-price-range__control:focus::after { transform: scale(1.1); } .cc-price-range__control::before { content: ""; position: absolute; display: block; top: calc(50% - 22px); width: 44px; height: 44px; cursor: pointer; } .cc-price-range__control--min::before { right: 0; } .cc-price-range__control--max::before { left: 0; } .cc-rating { display: inline-block; margin: 0; font-size: 16px; line-height: 1.2em; white-space: nowrap; vertical-align: middle; } .cc-rating-stars { display: block; position: relative; } .cc-rating-stars--active { position: absolute; top: 0; left: 0; color: rgb(246, 165, 41); } .cc-rating-stars--inactive { display: block; color: rgba(246, 165, 41, 0.2); } .cc-rating-stars__svg { width: 1em; height: 1em; fill: currentColor; vertical-align: top; } .cc-rating-stars__svg:not(:first-child) { margin-left: 1px; } .cc-rating[data-rating-decimal="0.5"] .cc-rating-stars--active .cc-rating-stars__svg:last-child { clip-path: polygon(0 0, 52% 0, 52% 100%, 0% 100%); } .cc-rating-text { display: none; } .cc-rating-count { display: inline-block; margin: 0; } .faq-header { margin-bottom: 20px; } .faq-index { display: none; } @media (min-width: 768px) { .faq-header { display: flex; justify-content: center; } .faq-index { display: block; flex: 0 0 auto; width: 208px; margin-inline-end: 32px; position: relative; } .faq-index__sticky-container { position: absolute; top: 0; left: 0; width: 100%; } .faq-header__content { flex: 0 1 800px; } .section-faq-header--with-index ~ .section-collapsible-tabs { padding-inline-start: 240px; } } @media (min-width: 1200px) { .faq-index { width: 260px; margin-inline-end: 40px; } .section-faq-header--with-index ~ .section-collapsible-tabs { padding-inline-start: 300px; } } .faq-search-item-inactive { display: none; } .faq-search { margin-top: 20px; } .faq-search { position: relative; } .faq-search__icon { position: absolute; left: 1em; top: 50%; transform: translate3d(0, -50%, 0); pointer-events: none; } [dir=rtl] .faq-search__icon { left: auto; right: 1em; } .faq-search__icon svg { display: block; } .faq-search .faq-search__input { width: 100%; height: 56px; padding-left: 56px; } [dir=rtl] .faq-search .faq-search__input { padding-left: 15px; padding-right: 56px; } .faq-index__heading { margin-bottom: 1.2em; font-size: 1.3em; } .faq-index-item { margin-top: 0.75em; margin-bottom: 0.75em; } .collapsible-tabs { margin-left: auto; margin-right: auto; max-width: 800px; } .collapsible-tabs .cc-accordion { border: none; margin: 0; } .collapsible-tabs .cc-accordion-item { border: none; } .collapsible-tabs__tab { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .collapsible-tabs__tab .cc-accordion-item__title { padding-top: 20px; padding-bottom: 20px; border: none; font-size: 1.3em; } .collapsible-tabs__tab p:first-child { margin-top: 0; } .collapsible-tabs__tab p:last-child { margin-bottom: 0; } .collapsible-tabs__heading { margin-top: 40px; margin-bottom: 20px; } .collapsible-tabs__text { margin-top: 20px; margin-bottom: 20px; } .collapsible-tabs__button { margin-top: 20px; margin-bottom: 20px; } .store-availability-container-outer.store-availability-initialized { transition: height 0.3s; overflow: hidden; } .store-availability-container { padding: 1em 0; transition: opacity 0.3s; } .store-availability-loading .store-availability-container { pointer-events: none; opacity: 0.4; transition-delay: 0.4s; } .payment-and-quantity--buttons-active ~ [data-store-availability-container] .store-availability-container { padding-bottom: 1.5em; } .store-availability-container small { font-size: 0.85em; } .store-availability-container .store-availability-small-text { margin-bottom: 0.85em; } .store-availability-container .store-availability-information { display: flex; } .store-availability-container .store-availability-information .store-availability-icon { padding-inline-end: 10px; position: relative; top: -1px; } .store-availability-container .store-availability-information .store-availability-icon svg { height: 16px; width: 16px; } .store-availability-container .store-availability-information .store-availability-icon.store-availability-icon--available { color: #108043; } .store-availability-container .store-availability-information .store-availability-icon.store-availability-icon--unavailable { color: #de3618; } .store-availability-container .store-availability-information .store-availability-information__stores { margin-top: 0.5em; } .store-availability-container .store-availability-information .store-availability-information__title, .store-availability-container .store-availability-information .store-availability-information__stores, .store-availability-container .store-availability-information .store-availability-information__stock { margin-bottom: 0; } .store-availability-container .store-availability-information .store-availability-information__title, .store-availability-container .store-availability-information .store-availability-information__stock { margin-top: 0; } .store-availability-container .store-availability-information .store-availability-information__title strong { font-weight: 600; } .store-availabilities-modal { z-index: 99999; } .store-availabilities-modal small { font-size: 0.85em; } .store-availabilities-modal .store-availability-small-text { margin-bottom: 0.85em; } .store-availabilities-modal .cc-icon-available { color: #108043; } .store-availabilities-modal .cc-icon-unavailable { color: #de3618; } .store-availabilities-modal .cc-popup-close { color: #000000 !important; } .store-availabilities-modal .cc-popup-close:hover { color: #000000 !important; } .store-availabilities-modal .cc-popup-close svg { stroke: #000000 !important; } .store-availabilities-modal .cc-popup-close svg:hover { stroke: #000000 !important; } .store-availabilities-modal .cc-popup-modal { background-color: #ffffff; color: #000000; } .store-availabilities-modal .cc-popup-modal .cc-popup-content { text-align: start; } .store-availabilities-modal .cc-popup-modal .cc-popup-content button { white-space: nowrap; } .store-availabilities-modal .cc-popup-modal .cc-popup-content .cc-popup-text { margin-bottom: 1em; padding-inline-end: 20px; } .store-availabilities-modal .cc-popup-modal .cc-popup-content .cc-popup-text .store-availabilities-modal__product-title { margin-bottom: 0; text-align: start; color: #000000; } .store-availabilities-modal .cc-popup-modal .cc-popup-content .store-availability-list__item { margin-top: 1em; } .store-availabilities-modal .cc-popup-modal .cc-popup-content .store-availability-list__item:before { content: ""; display: inline-block; background-color: #e2e2e2; width: 100%; height: 1px; margin-bottom: 1em; margin-top: 0.5em; } .store-availabilities-modal .cc-popup-modal .cc-popup-content .store-availability-list__item address { font-style: normal; } .store-availabilities-modal .cc-popup-modal .cc-popup-content .store-availability-list__item a { color: #c16452; } .store-availabilities-modal .cc-popup-modal .cc-popup-content .store-availability-list__item .store-availability-list__location { display: flex; } .store-availabilities-modal .cc-popup-modal .cc-popup-content .store-availability-list__item .store-availability-list__location .store-availability-list__location__text { flex: 1; margin-bottom: 0.2em; } .store-availabilities-modal .cc-popup-modal .cc-popup-content .store-availability-list__item .store-availability-list__location .store-availability-list__location__text strong { font-weight: 600; } .store-availabilities-modal .cc-popup-modal .cc-popup-content .store-availability-list__item .store-availability-list__location .store-availability-list__location__distance { visibility: hidden; opacity: 0; margin-bottom: 0; transition: visibility 0.4s, opacity 0.4s; } .store-availabilities-modal .cc-popup-modal .cc-popup-content .store-availability-list__item .store-availability-list__location .store-availability-list__location__distance.-in { opacity: 1; visibility: visible; } .store-availabilities-modal .cc-popup-modal .cc-popup-content .store-availability-list__item .store-availability-list__location .store-availability-list__location__distance svg { position: relative; height: 11px; width: 11px; } .store-availabilities-modal .cc-popup-modal .cc-popup-content .store-availability-list__item .store-availability-list__invalid_address svg { height: 14px; width: 14px; } .store-availabilities-modal .cc-popup-modal .cc-popup-content .store-availability-list__item .cc-icon-available, .store-availabilities-modal .cc-popup-modal .cc-popup-content .store-availability-list__item .cc-icon-unavailable { display: inline-block; } .store-availabilities-modal .cc-popup-modal .cc-popup-content .store-availability-list__item .cc-icon-available svg, .store-availabilities-modal .cc-popup-modal .cc-popup-content .store-availability-list__item .cc-icon-unavailable svg { height: 13px; width: 13px; } @media (min-width: 768px) { .store-availabilities-modal .cc-popup-modal .cc-popup-content .store-availability-list__item .store-availability-list__phone--mobile { display: none; } } .store-availabilities-modal .cc-popup-modal .cc-popup-content .store-availability-list__item .store-availability-list__phone--desktop { display: none; } @media (min-width: 768px) { .store-availabilities-modal .cc-popup-modal .cc-popup-content .store-availability-list__item .store-availability-list__phone--desktop { display: block; } } .store-availability-list__phone { direction: ltr; } [dir=rtl] .store-availability-list__phone { text-align: right; } /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) (Tweaked for CleanCanvas theme) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; vertical-align: baseline; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* Slick slider */ .slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } /* FOUC */ .slideshow .slide { display: none; } .slideshow .slide:first-child { display: block; } /* /FOUC */ .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir=rtl] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-slide:focus, .slick-slide a:focus { outline: none; } .slick-arrow.slick-hidden { display: none; } /* Slider */ /* Arrows */ .slick-product-prev, .slick-product-next, .slick-prev, .slick-next { position: absolute; z-index: 1; display: block; line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; color: transparent; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0; border: none; outline: none; min-width: 0; } .slick-product-prev.slick-disabled, .slick-product-next.slick-disabled, .slick-prev.slick-disabled, .slick-next.slick-disabled { opacity: 0.25; } .slick-product-prev.focus-visible, .slick-product-next.focus-visible, .slick-prev.focus-visible, .slick-next.focus-visible { outline: #000000 auto 1px; outline: -webkit-focus-ring-color auto 1px; } .slick-prev, .slick-next { height: 80px; width: 80px; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; } .slick-prev:hover svg, .slick-prev:focus svg, .slick-next:hover svg, .slick-next:focus svg { opacity: 1; } .slick-prev svg, .slick-next svg { width: 80px; height: 80px; fill: white; opacity: 0.75; -webkit-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5)); -moz-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5)); -o-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5)); -ms-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5)); filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5)); } .slick-prev svg.feather, .slick-next svg.feather { fill: transparent; stroke: white; stroke-width: 0.6; } .slick-product-prev, .slick-product-next { height: 44px; width: 44px; background: transparent; color: #000000; } .slick-product-prev.slick-disabled, .slick-product-next.slick-disabled { opacity: 0; pointer-events: none; } .slick-product-prev::after, .slick-product-next::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #ffffff; opacity: 0.7; } .slick-product-prev:hover, .slick-product-next:hover { background: transparent; color: #000000; } .slick-product-prev:hover::after, .slick-product-next:hover::after { opacity: 0.9; } @media (max-width: 767.98px) { .slick-product-prev, .slick-product-next { top: auto; bottom: 0; transform: none; } } .slick-product-prev svg, .slick-product-next svg { position: relative; z-index: 1; width: 32px; height: 32px; fill: #000000; background: transparent; } .slick-product-prev svg.feather, .slick-product-next svg.feather { fill: transparent; stroke: #000000; stroke-width: 1; } .slick-prev, .slick-product-prev { left: 0; } .slick-prev::after, .slick-product-prev::after { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } [dir=rtl] .slick-prev, [dir=rtl] .slick-product-prev { left: auto; right: 0; } .slick-next, .slick-product-next { right: 0; } .slick-next::after, .slick-product-next::after { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } [dir=rtl] .slick-next, [dir=rtl] .slick-product-next { left: 0; right: auto; } /* Dots */ .slick-dots { list-style: none; display: block; text-align: center; margin: 0; padding: 10px 0; width: 100%; } .slick-dots li { position: relative; display: inline-block; vertical-align: top; height: 20px; width: 21px; margin: 0; padding: 0; cursor: pointer; } .slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; min-width: 0; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 0; cursor: pointer; position: relative; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .tab-used .slick-dots li button:focus { outline: #000000 auto 1px; outline: -webkit-focus-ring-color auto 1px; } @keyframes drawCircle { 0% { stroke-dashoffset: 85; } 100% { stroke-dashoffset: 0; } } .slick-dots li button.custom-dot::before { display: none; } .slick-dots li button.custom-dot svg { height: 12px; width: 12px; } .slick-dots li button.custom-dot circle { fill: #ffffff; stroke: #ffffff; stroke-width: 4; stroke-dasharray: 85; stroke-dashoffset: 85; transform-origin: 50%; transform: rotate(-90deg); transition: fill 0.5s; } .slick-dots li button.custom-dot circle.circle-one { stroke: rgba(255, 255, 255, 0.4); transition: opacity 0.5s; opacity: 0; } @media (max-width: 767.98px) { .slick-slider--mobile-stack .slick-dots li button.custom-dot circle { fill: #000000; stroke: #000000; } .slick-slider--mobile-stack .slick-dots li button.custom-dot circle.circle-one { stroke: rgba(0, 0, 0, 0.6); } } .slick-dots li.slick-active button.custom-dot circle { stroke-dashoffset: 0; fill: transparent; } .slideshow[data-autoplay=true] .slick-dots li.slick-active button.custom-dot circle.circle-two { animation: drawCircle 8.1s linear; } .slideshow[data-autoplay=true] .slick-dots li.slick-active button.custom-dot circle.circle-one { transition: opacity 0.5s; opacity: 1; } /* lazy load */ .slick-slide img { opacity: 1; transition: opacity 250ms; } .slick-slide img.slick-loading { opacity: 0; } /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel, .owl-carousel .owl-item { -webkit-tap-highlight-color: transparent; position: relative; } .owl-carousel { display: none; width: 100%; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item, .owl-carousel .owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item { min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; } .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: none; } .no-js .owl-carousel, .owl-carousel.owl-loaded { display: block; } .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot { background: 0 0; color: inherit; border: none; padding: 0 !important; font: inherit; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } .owl-carousel .animated { animation-duration: 1s; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .owl-height { transition: height 0.5s ease-in-out; } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 0.4s ease; } .owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] { max-height: 0; } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; } .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 0.1s ease; } .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 0.4s ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } /* Override for Owl */ .owl-carousel { display: block; position: relative; } .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next { position: absolute; left: 0; top: calc(50% - 16px); width: 32px; height: 32px; line-height: 0px; background: rgba(255, 255, 255, 0.7); } .owl-carousel .owl-nav button.owl-prev svg.feather, .owl-carousel .owl-nav button.owl-next svg.feather { width: 20px; height: 20px; stroke: #000; } .owl-carousel .owl-nav button.owl-prev.disabled, .owl-carousel .owl-nav button.owl-next.disabled { opacity: 0.25; } .owl-carousel .owl-nav button.owl-prev.disabled:focus, .owl-carousel .owl-nav button.owl-next.disabled:focus { outline: none; } .owl-carousel .owl-nav button.owl-next { left: auto; right: 0; } .owl-stage--items-fit { display: flex; margin: 0 auto; transform: none !important; } /* Gallery viewer */ .gallery-viewer { position: fixed; z-index: 10000; top: 0; left: 0; width: 100%; height: 100%; background: #fff; transition: opacity 250ms ease-out, transform 250ms ease-out; } .gallery-viewer--pre-reveal, .gallery-viewer--transition-out { opacity: 0; transform: scale(0.97); } .gallery-viewer__zoom-container { position: absolute; z-index: 1; width: 100%; height: 100%; cursor: zoom-in; } .gallery-viewer__zoom-image { position: absolute; width: auto; height: auto; max-width: none; max-height: none; min-width: 0; min-height: 0; } .gallery-viewer__thumbs { position: absolute; z-index: 2; left: 10px; bottom: 20px; width: calc(100% - 10px); padding-right: 10px; text-align: center; overflow: auto; white-space: nowrap; line-height: 0; } @media (max-width: 600px) { .gallery-viewer__thumbs { bottom: 10px; } } .gallery-viewer__thumb { display: inline-block; padding: 4px; background: #fff; width: 69px; } .gallery-viewer__thumb:not(:first-child) { margin-left: -4px; } @media (max-width: 600px) { .gallery-viewer__thumb { width: 60px; } } .gallery-viewer__thumb--active { position: relative; } .gallery-viewer__thumb--active::after { content: ""; position: absolute; display: block; bottom: 4px; left: 4px; right: 4px; height: 3px; background: #000; } .gallery-viewer__controls { position: relative; height: 100%; z-index: 3; pointer-events: none; } .gallery-viewer__button { position: absolute; pointer-events: auto; padding: 10px; background: rgba(255, 255, 255, 0.7); color: #000; } .gallery-viewer__button svg { width: 34px; height: 34px; } .gallery-viewer__button svg.feather { stroke: #000; } @media (max-width: 600px) { .gallery-viewer__button svg { width: 26px; height: 26px; } } .gallery-viewer__prev, .gallery-viewer__next { top: calc(50% - 17px); } @media (max-width: 600px) { .gallery-viewer__prev, .gallery-viewer__next { top: calc(50% - 13px); } } .gallery-viewer__prev { left: 0; } .gallery-viewer__next { right: 0; } .gallery-viewer__close { top: 0; right: 0; } .gallery-viewer--single-image .gallery-viewer__prev, .gallery-viewer--single-image .gallery-viewer__next, .gallery-viewer--single-image .gallery-viewer__thumbs { display: none; } @media (pointer: coarse) { .gallery-viewer-open, .gallery-viewer-open body { overflow: hidden; height: 100%; } } /*================ Giftcard Template ================*/ .template-giftcard { background: #ffffff; text-align: center; padding: 15px 0; } .giftcard { margin: 15px auto; max-width: 500px; padding: 20px; } .giftcard__illustration { position: relative; margin: 20px 0; overflow: hidden; border-radius: 0; } .giftcard__illustration img { display: block; } .giftcard__code { background: #fff; border-radius: 0; color: #484848; position: absolute; bottom: 10%; right: 50%; transform: translateX(50%); padding: 10px 20px; font-size: 22px; line-height: 1em; white-space: nowrap; } .giftcard-qr-row { margin: 15px 0; } .giftcard-qr { display: inline-block; background: #fff; padding: 10px; border: 1px solid rgba(0, 0, 0, 0.1); overflow: hidden; border-radius: 0; } .giftcard-qr img { display: block; margin: 0 auto; } .giftcard-apple-wallet { margin: 15px 0; } .apple-wallet-image { display: block; margin: 0 auto; } .giftcard-button-row { display: flex; justify-content: space-between; align-items: center; margin-top: 15px; } .print-giftcard svg { margin-inline-start: -10px; fill: none !important; stroke: currentColor !important; stroke-width: 2 !important; } /*================ Print Giftcard Styles ================*/ @media print { @page { margin: 0.5cm; } p { orphans: 3; widows: 3; } html, body { background-color: #fff; color: #000; } .print-giftcard, .apple-wallet { display: none; } } .announcement-bar { position: relative; z-index: 401; font-size: 12px; line-height: 1.4em; background: var(--announcement-background); color: var(--announcement-text); } .announcement-bar a { color: inherit; text-decoration: none; transition: background 100ms; } .announcement-bar a:hover { text-decoration: none; } .announcement-bar .container { display: flex; align-items: center; justify-content: space-between; } .announcement-bar:not(.announcement-bar--with-announcement) .announcement-bar__left { flex: 0 0 auto; } .announcement-bar .social-links { margin-top: -8px; padding-top: 0.8em; padding-bottom: 0.8em; } .announcement-bar .social-links a { margin: 8px 0 0; margin-inline-end: 10px; } .announcement-bar__left { flex: 1 0 0; } .announcement-bar__middle { position: relative; flex: 2 2 auto; text-align: center; } @media (min-width: 768px) { .announcement-bar__middle:not(:first-child):not(:last-child) { max-width: 75%; } } .announcement-bar__right { flex: 1 0 0; text-align: end; } .announcement-bar__announcements { position: relative; margin: 0.8em 0; font-size: var(--announcement-font-size); } .announcement-bar__link > .announcement-bar__announcements { padding: 0; } @media (min-width: 768px) and (max-width: 999.98px) { .announcement-bar--tablet-wrap .container { flex-wrap: wrap; } .announcement-bar--tablet-wrap .announcement-bar__left { flex: 0 0 auto; } .announcement-bar--tablet-wrap .announcement-bar__middle { flex: 1 0 100%; order: -1; max-width: none !important; } } .announcement-bar__link { display: inline-block; padding-top: 0.8em; padding-bottom: 0.8em; } .announcement { display: flex; align-items: center; /* the following style and the next line-height lower risk of bold text (which may be taller than normal-weight text) causing a jumping container */ min-height: 1.4em; } .announcement p { margin: 0; } .announcement a { text-decoration: underline; text-underline-offset: 1px; text-decoration-color: var(--link-underline); text-decoration-thickness: 1px; } .announcement a:hover { text-decoration: underline; text-decoration-thickness: 1px; text-decoration-color: currentColor; } .announcement .announcement__text { flex: 0 0 100%; line-height: 1.3em;  } .announcement--inactive { position: absolute; top: 0; left: 0; width: 100%;  visibility: hidden; }  .announcement-bar__announcement-controller { position: absolute; top: calc(100% - 4px); left: 50%; transform: translateX(-50%); white-space: nowrap; } .announcement-bar__announcement-controller:not(:focus-within) { overflow: hidden; height: 0px; clip: rect(0 0 0 0); } .announcement-bar__announcement-controller .announcement-button { color: inherit; background: var(--announcement-background); } .pageheader { position: relative; background: #ffffff; color: #171717; z-index: 4000; /* Place above slider for live-search dropdown */ transition: background-color 175ms ease-in; } .js .section-header:not(.section-header--nav-hover):not(.section-header--nav-open) .pageheader--transparent { background: transparent; } .js .section-header:not(.section-header--nav-hover):not(.section-header--nav-open) .pageheader--transparent .logo-area { color: var(--transparent-header-text-color); border-color: transparent; } .js .section-header:not(.section-header--nav-hover):not(.section-header--nav-open) .pageheader--transparent .logo__image:not(:last-child) { opacity: 0; } .js .section-header:not(.section-header--nav-hover):not(.section-header--nav-open) .pageheader--transparent .logo__image-transparent { opacity: 1; } .js .section-header:not(.section-header--nav-hover):not(.section-header--nav-open) .pageheader--transparent .logo a { color: var(--transparent-header-text-color); } .js .section-header:not(.section-header--nav-hover):not(.section-header--nav-open) .pageheader--transparent + #main-nav .navigation { border-color: transparent; } .js .section-header:not(.section-header--nav-hover):not(.section-header--nav-open) .pageheader--transparent + #main-nav .navigation .navigation__tier-1 { background: transparent; } .js .section-header:not(.section-header--nav-hover):not(.section-header--nav-open) .pageheader--transparent + #main-nav .navigation .navigation__tier-1 > .navigation__item:not(.featured-link) > .navigation__link { color: var(--transparent-header-text-color); } .js .section-header:not(.section-header--nav-hover):not(.section-header--nav-open) .pageheader--transparent ~ .header-shade { display: none; } .pageheader a { color: inherit; } .pageheader svg.feather { fill: none; stroke: currentColor; } .pageheader .disclosure .disclosure__toggle-arrow svg.feather { stroke-width: 2; } .pageheader .logo { text-align: center; padding: 20px 0; cursor: pointer; } .pageheader .logo a { display: inline-block; color: #000000; } .logo img { display: inline-block; vertical-align: middle; } .logo__h1 { margin: 0; padding: 0; font-size: inherit; line-height: inherit; text-transform: none; } .logo__link { position: relative; } .logo__image { transition: opacity 175ms ease-in; } .logo__image-transparent { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; opacity: 0; transition: opacity 175ms ease-in; } .pageheader .logo .logotext { font-size: 24px; line-height: 1.4em; word-break: break-word; } @media (min-width: 768px) { .pageheader--layout-inline-menu-center .logo-area__left { position: relative; margin-left: 20px; margin-right: 20px; flex: 0 0 2px; order: 1; } .pageheader--layout-inline-menu-center .logo-area__left .show-search-link { display: none; } .pageheader--layout-inline-menu-center .logo-area__left__inner { position: absolute; left: 0; min-height: 100%; width: calc(100vw - 600px); transform: translateX(-50%); } .pageheader--layout-inline-menu-center .logo-area__left__inner .navigation--left { left: 0; width: 100%; } .pageheader--layout-inline-menu-center .logo-area__left__inner .navigation--left .navigation__tier-1-container { left: 0; } .pageheader--layout-inline-menu-center .logo-area__middle { margin-left: 0; margin-right: 0; max-width: none; flex: 1 0 0; text-align: start; } .pageheader--layout-inline-menu-center .logo-area__middle .logo { display: inline-block; } .pageheader--layout-inline-menu-center .logo-area__right { flex: 1 0 0; order: 2; } .pageheader--layout-inline-menu-center .logo-area__right .show-search-link { display: flex; align-items: center; } .pageheader--layout-inline-permitted .navigation--left { visibility: visible; } .pageheader--layout-inline-permitted .navigation.navigation--left { border: none; color: inherit; } .pageheader--layout-inline-permitted .navigation.navigation--left .navigation__link:hover, .pageheader--layout-inline-permitted .navigation.navigation--left .menu-promotion__link:hover { color: inherit; } .pageheader--layout-inline-permitted .navigation.navigation--left .navigation__tier-1 { background: transparent; border: none; } .pageheader--layout-inline-permitted .logo-area__left::after, .pageheader--layout-inline-permitted .logo-area__left__inner::after { content: "-"; visibility: hidden; } .pageheader--layout-inline-permitted .logo-area__left { font-size: 14px; min-height: calc(22px * 2 + 1.5em); } .pageheader--layout-inline-permitted .logo-area__left__inner .show-search-link { display: none; } .pageheader--layout-inline-permitted .logo-area__right .show-search-link { display: flex; align-items: center; } .pageheader--layout-inline-permitted + #main-nav .navigation--main { border: 0; visibility: hidden; } .pageheader--layout-inline-permitted + #main-nav .navigation--main .navigation__tier-1 { height: 0; } .pageheader--layout-inline-permitted + #main-nav .navigation--main .navigation__tier-1 > .navigation__item > .navigation__link, .pageheader--layout-inline-permitted + #main-nav .navigation--main .navigation__tier-1 > .navigation__item > .navigation__children-toggle { display: none; } .pageheader--layout-inline-permitted + #main-nav .navigation--main .navigation__tier-2-container { border-top: 0; } .logo-area__middle--logo-image { line-height: 0px; } } .header-disclosures { display: inline-block; } .header-disclosures .selectors-form__item { margin: 0 0 0 10px; white-space: normal; } .header-disclosures .disclosure { font-size: inherit; line-height: inherit; } .header-disclosures .disclosure__toggle { background: transparent; border: none; color: inherit; font-size: inherit; line-height: inherit; margin: 0; padding: 8px 0; vertical-align: middle; } .header-disclosures .disclosure__toggle:hover { background: transparent; border: none; color: inherit; } .header-disclosures .disclosure__toggle-arrow { margin-inline-start: 5px; } .header-disclosures .disclosure__toggle-arrow svg { height: 14px; width: 14px; } .header-disclosures .disclosure-list { top: calc(100% + 2px); bottom: auto; right: 0; } [dir=rtl] .header-disclosures .disclosure-list { left: 0; right: auto; } .header-disclosures .disclosure-list--visible { overflow: auto; } .logo-area .button.mobile-nav-toggle { display: none; width: 44px; height: 44px; color: inherit; flex: 0 0 auto; } @media (max-width: 767.98px) { .logo-area .button.mobile-nav-toggle { display: inline-block; } } .page-shade, .header-shade { pointer-events: none; z-index: 300; position: fixed; top: 0; left: 0; width: 100%; height: 0; background: rgba(0, 0, 0, 0.3); opacity: 0; transition: opacity 500ms cubic-bezier(0.55, 0.03, 0.37, 0.96); } @media (max-width: 767.98px) { .page-shade, .header-shade { z-index: 7000; } } .header-shade { position: absolute; } .section-header { position: relative; top: 0; z-index: 400; } .cart-link { display: flex; align-items: center; } @media (max-width: 767.98px) { .cart-link { justify-content: center; width: 44px; height: 44px; } } .cart-link__label { vertical-align: middle; margin-inline-end: 8px; } @media (max-width: 767.98px) { .cart-link__label { display: none; } } .cart-link__icon { position: relative; margin: 0 0 2px 0; } .cart-link__count { position: absolute; top: -3px; right: -5px; padding: 3px; font-size: 9px; line-height: 1em; font-weight: 500; white-space: nowrap; min-width: 15px; text-align: center; background: #171717; color: #ffffff; border-radius: 12px; } [dir=rtl] .cart-link__count { left: -5px; right: auto; } .inline-menu:not(:last-child) { margin-right: 2px; } .inline-menu__link { display: inline-block; margin-left: 11px; } .navigation { position: relative; z-index: 2; text-align: center; font-size: 14px; line-height: 1.5; } .navigation ul, .navigation li { margin: 0; padding: 0; } .navigation li { list-style: none; vertical-align: top; } .navigation--left { display: none; position: absolute; left: 0; top: 0; height: 100%; white-space: nowrap; visibility: hidden; } [dir=rtl] .navigation--left { left: auto; right: 0; } @media (min-width: 768px) { .navigation--left { display: block; } } .navigation--left .navigation__tier-1-container { position: absolute; top: 50%; margin-top: calc(-22px - 0.75em); left: -18px; width: 100%; } .navigation--left .navigation__tier-1-container .navigation__tier-1 > .navigation__item > .navigation__link { padding-top: 22px; padding-bottom: 22px; } .navigation__item { display: block; } .navigation__link { display: block; padding: 10px 18px; } .menu-promotion { padding: 0 20px 20px; } .menu-promotion__text { margin-top: 0.5em; text-align: center; } .navigation { color: #707173; } .navigation .navigation__item--with-children { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .navigation .navigation__item--with-children > .navigation__link { max-width: calc(100% - 60px); } .navigation .navigation__item--with-children .navigation__tier-2-container, .navigation .navigation__item--with-children .navigation__tier-3-container { width: 100%; } .navigation .navigation__children-toggle { padding: 10px 20px; color: inherit; } .navigation .navigation__children-toggle:hover { color: inherit; } .navigation .navigation__children-toggle .feather { display: inline-block; vertical-align: middle; margin-bottom: 1px; } .navigation .navigation__tier-1 { background: #ffffff; padding: 12px 0; transition: background-color 175ms ease-in; } .navigation .navigation__tier-1 > .navigation__item { display: flex; } .navigation .navigation__tier-2-container { background: #ffffff; } .navigation .navigation__link, .navigation .menu-promotion__link { display: block; text-align: start; color: inherit; } .navigation .navigation__link:hover, .navigation .menu-promotion__link:hover { color: inherit; } .navigation .navigation__wide-promotion--with-fade .rimage-outer-wrapper { position: relative; } .navigation .navigation__wide-promotion--with-fade .rimage-outer-wrapper::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 50%; background: linear-gradient(180deg, transparent 0%, #ffffff 100%); } .navigation .feather { fill: none; stroke: currentColor; } .navigation .featured-link > .navigation__link { color: #b61d0f; } @media (min-width: 768px) { .navigation { border-bottom: 1px solid #dfe3e8; text-align: center; transition: border 175ms ease-in; } .navigation .navigation__link:hover, .navigation .menu-promotion__link:hover { color: #c16452; } .navigation .navigation__children-toggle { display: none; } .navigation .navigation__item--with-children > .navigation__link { max-width: none; } .navigation.navigation--tight-underline .navigation__tier-1 > .navigation__item > .navigation__link::before, .navigation.navigation--tight-underline .navigation__tier-1 > .navigation__item > .navigation__link::after { bottom: 16px; } .navigation .navigation__tier-1 { padding: 0; } .navigation .navigation__tier-1 > .navigation__item { display: inline-block; } .navigation .navigation__tier-1 > .navigation__item > .navigation__link { display: inline-block; padding: 18px 18px; white-space: nowrap; position: relative; } .navigation .navigation__tier-1 > .navigation__item > .navigation__link::before { content: ""; position: absolute; bottom: -1px; background-color: currentColor; height: 2px; transition: transform 0.3s; z-index: 20; left: 18px; width: calc(100% - 36px); transform: scaleX(0); will-change: transform; } .navigation .navigation__tier-1 > .navigation__item > .navigation__link:hover::before { transform: scaleX(1); } .navigation .navigation__tier-1 > .navigation__item.navigation__item--active > .navigation__link::before { transform: scaleX(1); } .navigation .navigation__tier-2-container { position: absolute; z-index: 10; top: 100%; left: 0; width: 100%; overflow: auto; border-top: 1px solid #dfe3e8; border-bottom: 1px solid #dfe3e8; pointer-events: none; visibility: hidden; opacity: 0; transition: opacity 175ms ease-in, visibility 175ms; text-align: start; } .pageheader--sticky + #main-nav .navigation .navigation__tier-2-container { max-height: calc(100vh - var(--theme-header-height) - 100px); overflow-y: auto; } .navigation .navigation__item--with-small-menu > .navigation__tier-2-container { display: block; left: 0; width: max-content; min-width: 170px; max-width: 280px; border-left: 1px solid #dfe3e8; border-right: 1px solid #dfe3e8; } [dir=rtl] .navigation .navigation__item--with-small-menu > .navigation__tier-2-container { left: auto; right: 0; } .navigation .navigation__item--with-small-menu > .navigation__tier-2-container .container { padding: 22px 30px 22px 20px; } .navigation .navigation__item--with-small-menu > .navigation__tier-2-container .navigation__tier-2 .navigation__item { display: block; } .navigation .navigation__item--with-small-menu > .navigation__tier-2-container .navigation__tier-2 .navigation__link { padding: 5px 0; } .pageheader:not(.pageheader--layout-inline-permitted) + #main-nav .navigation .navigation__item--with-small-menu { position: relative; } .pageheader:not(.pageheader--layout-inline-permitted) + #main-nav .navigation .navigation__item--with-small-menu > .navigation__tier-2-container { left: 0 !important; } [dir=rtl] .pageheader:not(.pageheader--layout-inline-permitted) + #main-nav .navigation .navigation__item--with-small-menu > .navigation__tier-2-container { left: auto !important; right: 0 !important; } .navigation .navigation__item--show-children .navigation__tier-2-container, body.tab-used .navigation .navigation__item--with-children:focus-within .navigation__tier-2-container, html:not(.js) .navigation .navigation__item--with-children:hover .navigation__tier-2-container, html:not(.js) .navigation .navigation__item--with-children:focus-within .navigation__tier-2-container { opacity: 1; visibility: visible; pointer-events: auto; z-index: 11; } .navigation:hover .navigation__tier-2-container { transition-delay: 150ms; } .navigation:hover .navigation__item--show-children .navigation__tier-2-container { transition-delay: 0s; } .navigation .navigation__tier-2 > .navigation__item { display: inline-block; } .navigation .navigation__tier-2 .navigation__link { padding: 0.25em 0; line-height: 1.2em; white-space: normal; } .navigation .navigation__columns { flex: 0 0 100%; display: flex; flex-wrap: wrap; justify-content: flex-start; margin: 0 -10px; padding-top: 32px; padding-bottom: 12px; } .navigation .navigation__columns .navigation__column:not(.navigation__column--promotion) { text-align: start; } .navigation .navigation__columns .navigation__column:not(.navigation__column--promotion) .navigation__item { display: block; } .navigation .navigation__columns .navigation__column:not(.navigation__column--promotion) .navigation__column-title { display: inline-block; padding: 0 0 15px; font-size: 0.8em; line-height: 1.2em; font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase; opacity: 0.7; } .navigation .navigation__columns .navigation__column:not(.navigation__column--promotion) .navigation__children-toggle { display: none; } .navigation .navigation__columns .navigation__column:not(.navigation__column--promotion) .navigation__tier-3 { display: block; } .navigation .navigation__columns .navigation__column:not(.navigation__column--promotion) .navigation__tier-3 .navigation__link { opacity: 1; padding: 5px 0; } .navigation .navigation__column { flex: 0 0 25%; display: block; padding: 0 10px 20px; } .navigation .navigation__columns--with-promos:not(.navigation__columns--over-5-cols) { flex-wrap: nowrap; } .navigation .navigation__columns:not(.navigation__columns--5-cols):not(.navigation__columns--over-5-cols) { justify-content: center; } .navigation .menu-promotion { flex: 1 0 0; padding: 0; } .navigation .navigation__wide-promotion { position: relative; padding-top: 80px; padding-bottom: 80px; } .navigation .navigation__wide-promotion .rimage-outer-wrapper { position: absolute; top: 0; left: 0; height: 100%; width: 50%; max-width: none !important; } [dir=rtl] .navigation .navigation__wide-promotion .rimage-outer-wrapper { left: auto; right: 0; } .navigation .navigation__wide-promotion .column--order-push-desktop .rimage-outer-wrapper { left: auto; right: 0; } [dir=rtl] .navigation .navigation__wide-promotion .column--order-push-desktop .rimage-outer-wrapper { left: 0; right: auto; } .navigation .navigation__wide-promotion .rimage-wrapper { padding: 0 !important; height: 100%; } .navigation .navigation__wide-promotion--with-fade .rimage-outer-wrapper::after { top: 0; left: auto; right: 0; bottom: 0; height: auto; width: 280px; background: linear-gradient(90deg, transparent 0%, #ffffff 100%); } [dir=rtl] .navigation .navigation__wide-promotion--with-fade .rimage-outer-wrapper::after { left: auto; right: 0; background: linear-gradient(90deg, #ffffff 0%, transparent 100%); } .navigation .navigation__wide-promotion--with-fade .column--order-push-desktop .rimage-outer-wrapper::after { right: auto; left: 0; background: linear-gradient(90deg, #ffffff 0%, transparent 100%); } [dir=rtl] .navigation .navigation__wide-promotion--with-fade .column--order-push-desktop .rimage-outer-wrapper::after { left: auto; right: 0; background: linear-gradient(90deg, transparent 0%, #ffffff 100%); } } @media (min-width: 1000px) { .navigation .navigation__columns--over-5-cols { flex-wrap: wrap; } .navigation .navigation__columns--over-5-cols .navigation__column { flex: 0 0 20%; } .navigation .navigation__column { flex: 1 0 20%; max-width: 25%; } } @media (min-width: 1300px) { .navigation .navigation__columns { margin: 0 -15px; } .navigation .navigation__column { padding-left: 15px; padding-right: 15px; } } @media (max-width: 767.98px) { .navigation .container { padding-left: 20px; padding-right: 20px; } .navigation .container__breakout { margin-left: -20px; margin-right: -20px; } } .mobile-navigation-drawer { display: none; position: fixed; box-sizing: border-box; text-align: start; background: #ffffff; border-right: 1px solid #dfe3e8; left: -1px; width: 88%; top: 0; height: 100%; padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 60px); transform: translateX(-100%); will-change: transform; z-index: 8001; overflow-x: hidden; overflow-y: auto; } [dir=rtl] .mobile-navigation-drawer { left: auto; right: -1px; border-left: 1px solid #dfe3e8; border-right: 0; transform: translateX(100%); } .mobile-navigation-drawer .navigation__mobile-header { border-bottom: 1px solid #dfe3e8; } .mobile-navigation-drawer .mobile-nav-toggle { padding: 12px 20px; color: inherit; } .mobile-navigation-drawer .navigation__tier-1 { text-align: start; } .mobile-navigation-drawer .navigation__tier-1 > .navigation__item { flex-wrap: nowrap; } .mobile-navigation-drawer .navigation__tier-1 > .navigation__item > .navigation__link { font-weight: 600; } .mobile-navigation-drawer .navigation__tier-1 > .navigation__item > .navigation__children-toggle svg { transform: rotate(-90deg); } [dir=rtl] .mobile-navigation-drawer .navigation__tier-1 > .navigation__item > .navigation__children-toggle svg { transform: rotate(-270deg); } .mobile-navigation-drawer .navigation__tier-1 > .navigation__item--open > .navigation__tier-2-container { transform: translate3d(0, 0, 0); } .mobile-navigation-drawer .navigation__tier-2-container { overflow: auto; position: absolute; z-index: 1; top: 47px; left: 0; bottom: 0; width: 100%; padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 60px); transform: translate3d(100%, 0, 0); transition: transform 350ms cubic-bezier(0.55, 0.03, 0.37, 0.96); will-change: transform; } [dir=rtl] .mobile-navigation-drawer .navigation__tier-2-container { left: auto; right: 0; transform: translate3d(-100%, 0, 0); } .mobile-navigation-drawer .navigation__tier-2-container > .container { padding-left: 0; padding-right: 0; } .mobile-navigation-drawer .navigation__tier-2-container .navigation__item--open > .navigation__children-toggle > svg { transform: rotate(180deg); } .mobile-navigation-drawer .navigation__tier-2-container .navigation__item--open > .navigation__tier-3-container { opacity: 1; visibility: visible; } .mobile-navigation-drawer .navigation__tier-2 { padding-top: 12px; } .mobile-navigation-drawer .navigation__tier-2 > .navigation__item > .navigation__link { font-weight: 600; } .mobile-navigation-drawer .navigation__tier-3-container { overflow: hidden; height: 0; opacity: 0; visibility: hidden; transition: all 350ms cubic-bezier(0.55, 0.03, 0.37, 0.96); will-change: height; } .mobile-navigation-drawer .navigation__tier-3 { padding-bottom: 20px; } .mobile-navigation-drawer .navigation { margin-bottom: 40px; position: static; font-size: 17px; text-align: inherit; } .mobile-navigation-drawer .navigation__link { padding: 12px 20px; } .mobile-navigation-drawer .navigation__item { align-items: flex-start; } .mobile-navigation-drawer .navigation__item--with-children > .navigation__link { flex: 1 1 0; } .mobile-navigation-drawer .navigation__children-toggle svg { transition: transform 150ms ease-out; } .mobile-navigation-drawer .navigation__column--promotion-carousel { margin: 12px 0; display: flex; flex-wrap: nowrap; width: 100%; overflow: auto; scroll-snap-type: x mandatory; } .mobile-navigation-drawer .navigation__column--promotion-carousel .menu-promotion { margin: 0; padding: 0 0 20px; padding-inline-start: 20px; flex: 0 0 260px; max-width: 75%; scroll-snap-align: start; } .mobile-navigation-drawer .navigation__column--promotion-carousel .menu-promotion:last-child { padding-inline-end: 20px; flex-basis: calc(260px + 20px); max-width: calc(75% + 20px); } .mobile-navigation-drawer .menu-promotion__text { text-align: start; } .mobile-navigation-drawer .navigation__wide-promotion .flexible-layout { display: block; } .mobile-navigation-drawer .navigation__wide-promotion .flexible-layout .column:last-child { margin-top: 40px; margin-bottom: 40px; } .mobile-navigation-drawer--child-open { overflow-y: hidden; } .navigation__mobile-products { margin-top: 30px; } .navigation__mobile-products .product-list { overflow: auto; display: flex; flex-wrap: nowrap; scroll-snap-type: x mandatory; } .navigation__mobile-products .product-list .product-block { padding: 0; padding-inline-start: 20px; flex: 0 0 260px; max-width: 75%; scroll-snap-align: start; } .navigation__mobile-products .product-list .product-block:last-child { padding-inline-end: 20px; flex-basis: calc(260px + 20px); max-width: calc(75% + 20px); } .navigation__mobile-products .product-list .product-block .product-info { text-align: start; } .navigation__mobile-products .product-list .product-block .product-price { justify-content: flex-start; } .navigation__mobile-products .product-list .product-block .product-price .product-price__item:first-child { margin-inline-start: 0; } .navigation__mobile-products-title { margin: 0 20px 20px; font-size: 17px; font-weight: 600; } .mobile-navigation-drawer__footer .inline-menu { margin: 0; } .mobile-navigation-drawer__footer .announcement-bar__link { display: block; margin: 0 20px; padding: 16px 0; border-top: 1px solid #dfe3e8; color: inherit; } .mobile-navigation-drawer__footer .header-disclosures { display: block; } .mobile-navigation-drawer__footer .header-disclosures .disclosure { position: static; display: block; } .mobile-navigation-drawer__footer .header-disclosures .selectors-form__item { display: block; margin: 0 20px; } .mobile-navigation-drawer__footer .header-disclosures .disclosure__toggle { justify-content: space-between; width: 100%; height: auto; padding: 16px 0; border-top: 1px solid #dfe3e8; text-align: inherit; } .mobile-navigation-drawer__footer .header-disclosures .disclosure__toggle-arrow svg { width: 24px; height: 24px; stroke-width: 1.3; } .mobile-navigation-drawer__footer .header-disclosures .disclosure-list { display: block; overflow: hidden; position: static; background-color: transparent; color: inherit; width: 100%; min-height: 0; max-height: none; box-shadow: none; transition: all 350ms cubic-bezier(0.55, 0.03, 0.37, 0.96); } .mobile-navigation-drawer__footer .header-disclosures .disclosure-list:not(.disclosure-list--visible) { height: 0 !important; } .mobile-navigation-drawer__footer .header-disclosures .disclosure-list__option { padding: 8px 0; opacity: 0.75; } .mobile-navigation-drawer__footer .header-disclosures .disclosure-list__item:first-child .disclosure-list__option { padding-top: 8px; } .mobile-navigation-drawer__footer .header-disclosures .disclosure-list__item:last-child .disclosure-list__option { padding-bottom: 32px; } .mobile-navigation-drawer__footer .social-links { margin: 0 20px; padding: 16px 0; border-top: 1px solid #dfe3e8; } .mobile-navigation-drawer__footer .social-links a { margin: 16px 16px 0 0; color: inherit; } .mobile-navigation-drawer__footer .social-links a svg { width: 20px; height: 20px; } .navigation__mobile-header { display: flex; align-items: flex-start; justify-content: space-between; } .mobile-nav-title { padding: 12px 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; visibility: hidden; opacity: 0; transform: translate3d(10px, 0, 0); transition: transform 350ms cubic-bezier(0.55, 0.03, 0.37, 0.96), opacity 350ms cubic-bezier(0.55, 0.03, 0.37, 0.96), visibility 350ms cubic-bezier(0.55, 0.03, 0.37, 0.96); } .mobile-navigation-drawer--child-open .mobile-nav-title { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); } .mobile-nav-back { padding: 12px 20px; color: inherit; visibility: hidden; opacity: 0; transition: opacity 350ms cubic-bezier(0.55, 0.03, 0.37, 0.96), visibility 350ms cubic-bezier(0.55, 0.03, 0.37, 0.96); } .mobile-navigation-drawer--child-open .mobile-nav-back { opacity: 1; visibility: visible; } .navigation__tier-1 > .navigation__item > .navigation__link, .navigation__tier-1 > .navigation__item > .navigation__children-toggle, .navigation__mobile-products, .mobile-navigation-drawer__footer { transition: opacity 350ms cubic-bezier(0.55, 0.03, 0.37, 0.96), transform 350ms cubic-bezier(0.55, 0.03, 0.37, 0.96); transition-delay: 280ms; } body:not(.reveal-mobile-nav) .mobile-navigation-drawer .navigation__tier-1 > .navigation__item > .navigation__link, body:not(.reveal-mobile-nav) .mobile-navigation-drawer .navigation__tier-1 > .navigation__item > .navigation__children-toggle, body:not(.reveal-mobile-nav) .mobile-navigation-drawer .navigation__mobile-products, body:not(.reveal-mobile-nav) .mobile-navigation-drawer .mobile-navigation-drawer__footer, .mobile-navigation-drawer--child-open .navigation__tier-1 > .navigation__item > .navigation__link, .mobile-navigation-drawer--child-open .navigation__tier-1 > .navigation__item > .navigation__children-toggle, .mobile-navigation-drawer--child-open .navigation__mobile-products, .mobile-navigation-drawer--child-open .mobile-navigation-drawer__footer { opacity: 0; transform: translate3d(-15px, 0, 0); } [dir=rtl] body:not(.reveal-mobile-nav) .mobile-navigation-drawer .navigation__tier-1 > .navigation__item > .navigation__link, [dir=rtl] body:not(.reveal-mobile-nav) .mobile-navigation-drawer .navigation__tier-1 > .navigation__item > .navigation__children-toggle, [dir=rtl] body:not(.reveal-mobile-nav) .mobile-navigation-drawer .navigation__mobile-products, [dir=rtl] body:not(.reveal-mobile-nav) .mobile-navigation-drawer .mobile-navigation-drawer__footer, [dir=rtl] .mobile-navigation-drawer--child-open .navigation__tier-1 > .navigation__item > .navigation__link, [dir=rtl] .mobile-navigation-drawer--child-open .navigation__tier-1 > .navigation__item > .navigation__children-toggle, [dir=rtl] .mobile-navigation-drawer--child-open .navigation__mobile-products, [dir=rtl] .mobile-navigation-drawer--child-open .mobile-navigation-drawer__footer { transform: translate3d(15px, 0, 0); } .reveal-mobile-nav--revealed .navigation__tier-1 > .navigation__item > .navigation__link, .reveal-mobile-nav--revealed .navigation__tier-1 > .navigation__item > .navigation__children-toggle, .reveal-mobile-nav--revealed .navigation__mobile-products, .reveal-mobile-nav--revealed .mobile-navigation-drawer__footer { transition-delay: 0s; } @media only screen and (max-width: 767.98px) { .reveal-mobile-nav .page-shade, .reveal-mobile-nav .header-shade { height: 100%; opacity: 1; pointer-events: auto; } .pageheader .logo { padding: 10px 0; pointer-events: none; } .pageheader .logo a { pointer-events: auto; } .pageheader .logo .logotext { margin-top: 12px; margin-bottom: 12px; display: block; font-size: 15px; line-height: 1em; } .section-header { z-index: 8000; } .enable-mobile-nav-transition .mobile-navigation-drawer { transition: transform 500ms cubic-bezier(0.55, 0.03, 0.37, 0.96); } .mobile-navigation-drawer { display: block; } .reveal-mobile-nav { overflow: hidden; } .reveal-mobile-nav .mobile-navigation-drawer { transform: translateX(0); } .reveal-mobile-nav .mobile-navigation-drawer:not(.mobile-navigation-drawer--child-open) .navigation__tier-1 > .navigation__item > .navigation__link, .reveal-mobile-nav .mobile-navigation-drawer:not(.mobile-navigation-drawer--child-open) .navigation__tier-1 > .navigation__item > .navigation__children-toggle, .reveal-mobile-nav .mobile-navigation-drawer:not(.mobile-navigation-drawer--child-open) .navigation__mobile-products, .reveal-mobile-nav .mobile-navigation-drawer:not(.mobile-navigation-drawer--child-open) .mobile-navigation-drawer__footer { opacity: 1; transform: translate3d(0, 0, 0); } } .logo-area { position: relative; z-index: 2; color: #171717; border-bottom: 1px solid #dfe3e8; display: flex; width: 100%; align-items: center; justify-content: space-between; font-size: 12px; transition: background-color 175ms ease-in, color 175ms ease-in, border-color 175ms ease-in; } @media (max-width: 767.98px) { .logo-area.container { padding-left: 0; padding-right: 0; } } .logo-area__left { flex: 2 0 0; display: flex; } .logo-area__left__inner { position: relative; flex-grow: 1; display: flex; justify-content: flex-start; align-items: center; } @media (min-width: 768px) { .logo-area__left__inner { overflow: hidden; } .pageheader--layout-inline-permitted .logo-area__left__inner { overflow: visible; } } .logo-area__middle { flex: 1 1 auto; margin: 0; text-align: center; } @media (min-width: 768px) { .logo-area__middle { margin-left: 20px; margin-right: 20px; } } .logo-area__middle--logo-text { flex-grow: 0; } .logo-area__middle__inner { display: inline-block; } .logo-area__right { flex: 2 0 0; display: flex; justify-content: flex-end; align-items: center; } .logo-area__right__inner { display: flex; align-items: center; } .header-account-link { display: inline-flex; align-items: center; justify-content: flex-end; margin-inline-end: 20px; } @media (max-width: 767.98px) { .header-account-link { height: 44px; width: 44px; margin: 0; padding-right: 5px; } } .header-account-link__text + .header-account-link__icon:not(.mobile-only) { margin-inline-start: 8px; } .show-search-link { flex: 0 0 auto; white-space: nowrap; } .logo-area__right .show-search-link { display: none; margin-inline-end: 20px; } .show-search-link__icon { margin: 0 0 2px 0; } @media (max-width: 767.98px) { .show-search-link__icon { display: inline-flex; align-items: center; justify-content: flex-start; margin: 0; width: 44px; height: 44px; } } .show-search-link__text { margin: 0; margin-inline-end: 8px; } .show-search-link__text:last-child { margin: 0; margin-inline-start: 8px; } @media (max-width: 767.98px) { .show-search-link__text { display: none; } } .faq-index__item-container { position: -webkit-sticky; position: sticky; top: calc(30px + var(--theme-sticky-header-height)); } .template-page.template-suffix-faq #content { margin-top: 0; padding-bottom: 0; } .faq-header { margin-top: 50px; } .section-faq-header + .section-collapsible-tabs .collapsible-tabs, .section-collapsible-tabs + .section-collapsible-tabs .collapsible-tabs { margin-top: 0; } .collapsible-tabs { margin-top: 50px; margin-bottom: 50px; } .cc-accordion-item__content.rte h1, .cc-accordion-item__content.rte h2, .cc-accordion-item__content.rte h3, .cc-accordion-item__content.rte h4, .cc-accordion-item__content.rte h5, .cc-accordion-item__content.rte h6 { font-family: inherit; font-size: inherit; font-weight: 600; color: inherit; margin: 1.5em 0 1em; } .cc-accordion-item__content.rte h1:first-child, .cc-accordion-item__content.rte h2:first-child, .cc-accordion-item__content.rte h3:first-child, .cc-accordion-item__content.rte h4:first-child, .cc-accordion-item__content.rte h5:first-child, .cc-accordion-item__content.rte h6:first-child { margin-top: 1em; } .marquee-container { position: relative; width: 100%; overflow: hidden; } .marquee { --scale: 0.7; display: flex; flex-direction: row; flex-wrap: nowrap; width: max-content; white-space: nowrap; position: relative; direction: ltr; margin: 0; padding-top: calc(var(--vertical-padding) * var(--scale)); padding-bottom: calc(var(--vertical-padding) * var(--scale)); } .marquee-content { display: flex; align-items: center; padding-right: 0.2em; width: max-content; } @media (prefers-reduced-motion: reduce) { .marquee-content { animation: none; width: auto; display: block; text-align: center; white-space: normal; } .marquee-content[aria-hidden=true] { display: none; } } [dir=rtl] .marquee-content { direction: rtl; } .js .marquee:not(.marquee--animate) { opacity: 0; } .marquee--animate .marquee-content { animation: marquee var(--duration) linear infinite; } .marquee:hover .marquee-content--contains-link { animation-play-state: paused; } .marquee--right .marquee-content { animation-direction: reverse; } @supports (-webkit-text-stroke: 0.01em currentColor) { .marquee-text--stencil, .marquee-stencil-this { -webkit-text-stroke: 0.01em currentColor; -webkit-text-fill-color: transparent; } } @keyframes marquee { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); } } .marquee-item { padding-right: calc(var(--space) * var(--scale)); } .marquee-item a:not(.btn) { color: inherit; } .marquee-item_h1 { margin: 0; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; color: inherit; text-transform: inherit; } .marquee-text { font-size: max(calc(var(--text-size) * var(--scale)), 15px); color: var(--color, inherit); } .marquee-icon .icon { display: block; color: var(--color); width: calc(var(--width) * var(--scale)); height: calc(var(--width) * var(--scale)); } .marquee-image .placeholder-image, .marquee-image .rimage-outer-wrapper { display: block; width: calc(var(--width) * var(--scale)); } .marquee-button .btn--custom, .marquee-button .btn--custom:hover { color: var(--btn-col-text); background: var(--btn-col-bg); border: none; } @media (min-width: 768px) { .marquee { --scale: 0.85; } } @media (min-width: 1000px) { .marquee { --scale: 1; } } .main-search { text-align: center; } .main-search .button.notabutton { color: currentColor; } .main-search .button.notabutton:hover { color: currentColor; } .section-header .main-search { position: fixed; z-index: 300; overflow: auto; top: 0; left: 0; width: 100%; max-height: 100%; color: #000000; background: #ffffff; visibility: hidden; pointer-events: none; opacity: 0; transition: all 350ms cubic-bezier(0, 0, 0.2, 1); } .main-search--loading .main-search__suggestions, .main-search--has-results .main-search__suggestions { display: none; } .show-search { overflow: hidden; } .show-search .main-search { visibility: visible; pointer-events: auto; opacity: 1; } .show-search .page-shade { height: 100%; opacity: 1; pointer-events: auto; } @media (min-width: 768px) { .show-search .header-shade { height: 100%; opacity: 1; pointer-events: auto; } } .show-search .announcement-bar { z-index: 399; } .main-search__container.container { position: relative; max-width: 1200px; } .main-search__form { position: relative; margin: 20px auto; max-width: 650px; } .section-header .main-search__form { margin: 60px auto; } @media (max-width: 999.98px) { .section-header .main-search__form { max-width: 450px; } } .main-search__button { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); } [dir=rtl] .main-search__button { left: 20px; right: auto; } .main-search button.main-search__close { position: absolute; right: 0; top: -55px; padding: 10px; } .main-search button.main-search__close svg { width: 34px; height: 34px; stroke-width: 1; } @media (min-width: 768px) { .main-search button.main-search__close { top: -2px; right: 50px; } } .main-search__input-container { background: rgba(0, 0, 0, 0.05); border-radius: 3px; padding: 0; } input[type=text].main-search__input { width: 100%; background: transparent; border: none; box-shadow: none; color: inherit; font-size: inherit; line-height: 1.5em; padding: 12px 12px 12px 24px; } @media (max-width: 767.98px) { input[type=text].main-search__input { font-size: max(16px, 15px); } } .main-search__results { margin: 40px auto; } .main-search__results-spinner { margin: 20px; } .main-search__results__products { margin-bottom: 40px; } .main-search__results__products .product-list { justify-content: center; } .main-search--has-results.main-search--results-on-multiple-lines .main-search__results__products .product-list { justify-content: flex-start; } .main-search__results__pages { margin-bottom: 40px; } .search-suggestions { margin: 40px auto; } .search-suggestions__heading { margin-top: 1em; } .search-suggestions__item-row { display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 30px; } .search-suggestions__item-row > .search-suggestions__item { margin: 0 10px 20px; flex: 0 0 calc(50% - 20px); } @media (min-width: 768px) { .search-suggestions__item-row > .search-suggestions__item { flex: 0 0 calc(25% - 20px); } } @media (min-width: 1000px) { .search-suggestions__item-row > .search-suggestions__item { margin: 0 15px 30px; flex: 0 0 calc(25% - 30px); } } .search-suggestions__item-row > .search-suggestions__item--with-row { flex: 1 0 100%; margin: 0 0 30px; } .gallery .subheading--over { margin-bottom: 1.25rem; } .gallery .overlay-text__title:not(:last-child) { margin-bottom: 0.75rem; } .gallery__item { position: relative; flex: 1 1 320px; width: 100%; transition: background-color 150ms; } .gallery__item .gallery__image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; } .gallery__item.lazyload--placeholder { background-color: #f0f0f0; } .gallery--height-adapt .gallery__row { align-items: center; } .gallery--height-adapt .gallery__image { position: relative; padding-top: var(--ar-padding); height: 0; } .gallery__item--shape-fixed .gallery__image { position: relative; padding-top: 80%; } @media (min-width: 768px) { .gallery__item--shape-l-21 .gallery__image { padding-top: 50%; } .gallery__item--shape-l-64 .gallery__image { padding-top: 66.7%; } .gallery__item--shape-l-5x4 .gallery__image { padding-top: 80%; } .gallery__item--shape-sq .gallery__image { padding-top: 100%; } .gallery__item--shape-p-4x5 .gallery__image { padding-top: 125%; } } .gallery--with-margins { padding: 20px; } .gallery--with-margins .gallery__item:not(:first-child), .gallery--with-margins .gallery__row:not(:first-child) { margin-top: 20px; } .gallery--with-margins.slick-slider.slick-slider-overlay-dots .slick-dots { bottom: 20px; } .gallery.slick-slider .gallery__item, .gallery.slick-slider.gallery--with-margins .gallery__item { margin-top: 0; } @media (min-width: 768px) { .gallery { margin-left: 0; margin-right: 0; } .gallery--with-vertical-outer-padding { padding-top: 20px; padding-bottom: 20px; } .gallery--with-margins { margin-left: 0; margin-right: 20px; padding-left: 0; padding-right: 0; } .container > .gallery--with-margins { margin-left: -20px; margin-right: 0; } .gallery--with-margins .gallery__row:not(:first-child) { margin-top: 0; } .gallery--with-margins .gallery__row:last-child { margin-bottom: -20px; } .gallery--with-margins .gallery__item { margin: 0 0 20px 20px; } .gallery--with-margins .gallery__item:not(:first-child) { margin-top: 0; } .gallery__row { display: flex; flex-wrap: wrap; } .gallery--grid-2 .gallery__item.gallery__item--enlarged { flex-grow: 2; } .gallery--grid-3 .gallery__item.gallery__item--enlarged { flex-grow: 3; } .gallery--grid-4 .gallery__item { flex-basis: 40%; } .gallery--grid-4 .gallery__item.gallery__item--enlarged { flex-grow: 4; } } @media (min-width: 1200px) { .gallery--grid-4 .gallery__item { flex-basis: 20%; } } @media (min-width: 1301px) { .gallery--with-margins .gallery__row:last-child { margin-bottom: -30px; } .gallery--with-vertical-outer-padding { padding-top: 30px; padding-bottom: 30px; } .gallery--with-margins { margin-right: 30px; padding-top: 30px; padding-bottom: 30px; } .container > .gallery--with-margins { margin-left: -30px; } .gallery--with-margins .gallery__item { margin-left: 30px; margin-bottom: 30px; } } .section-footer .social-links a { margin: 0 10px 5px 0; } .section-footer__row { display: flex; flex-wrap: wrap; justify-content: space-between; } @media (min-width: 768px) { .section-footer__row { margin-left: -10px; margin-right: -10px; } } .section-footer__row--blocks { padding-top: 40px; padding-bottom: 40px; } .section-footer__row--blocks .section-footer__row__col:not(:last-child) { margin-bottom: 40px; } @media (min-width: 768px) { .section-footer__row--blocks { margin-bottom: -50px; padding-top: 60px; padding-bottom: 80px; } .section-footer__row--blocks .section-footer__row__col { margin-bottom: 50px; } } @media (min-width: 768px) and (max-width: 1024px) { .section-footer__row--blocks[data-num-blocks="4"] .section-footer__row__col { flex-basis: 50%; } } @media (min-width: 1024px) { .section-footer__row--blocks[data-num-blocks="4"] { flex-wrap: nowrap; } } .section-footer__row__col { flex: 0 1 100%; padding: 10px 0; } @media (min-width: 768px) { .section-footer__row__col { padding: 0 20px; flex-basis: auto; } } .section-footer__title { margin-bottom: 10px; } @media (min-width: 768px) { .section-footer__title { margin-bottom: 20px; } } @media (min-width: 768px) { .section-footer__text-block .social-links { white-space: nowrap; } .section-footer__text-block--with-text { flex-basis: 350px; } } @media (min-width: 1024px) { .section-footer__text-block--with-text { max-width: 460px; flex-grow: 1; } } .section-footer__text { margin-bottom: 30px; } .section-footer__menu-block { flex-shrink: 2; } .section-footer__menu-block__menu { list-style: none; padding: 0; margin: 0; } .section-footer__menu-block__menu li { margin-bottom: 0.5em; list-style: none; } @media (min-width: 768px) { .section-footer__newsletter-block { flex: 0 1 350px; } } .section-footer__newsletter-block .signup-form { margin-left: 0; } .section-footer__newsletter-block .signup-form__email { width: 100%; } .section-footer__newsletter-block__social:not(:first-child) { margin-top: 30px; } .section-footer__text-block__image:not(:last-child) { display: inline-block; margin-bottom: 20px; } .section-footer__text-block__image .rimage-outer-wrapper { margin-inline-start: 0; max-width: 100%; } .section-footer__localization { margin-top: 0; } .section-footer__localization .selectors-form__item { margin: 0 0 20px; margin-inline-end: 10px; } @media (max-width: 767.98px) { .section-footer__localization .selectors-form { display: flex; flex-direction: column; align-items: flex-start; } } .section-footer__lower-menu { margin-bottom: 10px; } .section-footer__lower-menu__list { margin: 0 -10px; } @media (min-width: 768px) { .section-footer__lower-menu__list { text-align: end; } } .section-footer__lower-menu__list li { display: inline-block; list-style: none; margin: 0 10px 10px; } .section-footer__lower-menu__list li a { white-space: nowrap; } .section-footer__payment-icons { margin-bottom: calc(3.8em - 25px); } .section-footer__row-container--with-localization .section-footer__payment-icons { margin-top: 0.9em; } @media (min-width: 768px) { .section-footer__payment-icons { text-align: end; } } .section-footer__payment-icons .section-footer__payment-icon { margin: 0 3px 0.5em; width: auto; height: 25px; } .section-footer__row-container { border-top: 1px solid #ecd6d1; } .section-footer__row-lower { padding-top: 30px; padding-bottom: 50px; font-size: 12px; line-height: 1.4em; } @media (min-width: 768px) { .section-footer__row-lower { flex-wrap: nowrap; padding-top: 50px; padding-bottom: 50px; } .section-footer__row-lower .section-footer__row__col:first-child { order: 1; } } .disclosure { position: relative; font-size: 15px; line-height: 1.2em; } .disclosure__toggle { display: flex; align-items: center; padding: 0.75em 1em; border: 1.5px solid #bfbfbf; background-color: #ffffff; color: #000000; font-size: inherit; line-height: 1.2em; letter-spacing: 0; text-transform: none; text-align: inherit; } .disclosure__toggle:hover { border: 1.5px solid #bfbfbf; background-color: #ffffff; color: #000000; } .disclosure__toggle[aria-expanded=true] .disclosure__toggle-arrow svg { transform: rotate(180deg); } .disclosure__toggle-arrow { margin-inline-start: 10px; } .disclosure__toggle-arrow svg { height: 18px; width: 18px; transition: transform 150ms ease-out; } .disclosure-list { background-color: #ffffff; color: #000000; bottom: calc(100% - 1px); position: absolute; min-height: 40px; max-height: 300px; overflow-y: auto; margin: 0; max-width: 80vw; width: max-content; box-shadow: 0 6px 12px 1px rgba(0, 0, 0, 0.12); visibility: hidden; opacity: 0; transition: opacity 250ms ease, visibility 250ms; } .disclosure-list--visible { visibility: visible; opacity: 1; } .disclosure-list__item { text-align: start; list-style: none; } .disclosure-list__item:first-child .disclosure-list__option { padding-top: 12px; } .disclosure-list__item:last-child .disclosure-list__option { padding-bottom: 12px; } .disclosure-list__option { display: block; padding: 9px 15px; padding-inline-end: 40px; line-height: 1.4em; } .disclosure-list__option, #pagefooter .disclosure-list__option { color: #000000; } @media (min-width: 768px) { .disclosure-list__option:focus, .disclosure-list__option:hover, #pagefooter .disclosure-list__option:focus, #pagefooter .disclosure-list__option:hover { opacity: 1; color: #000000; background-color: rgba(0, 0, 0, 0.06); } } .disclosure-option-with-parts { display: flex; justify-content: space-between; padding-inline-end: 20px; } [data-disclosure-country] .disclosure-option-with-parts__part:first-child { max-width: 25ch; } @media (min-width: 768px) { .disclosure-list__item--current .disclosure-list__option { background-color: rgba(0, 0, 0, 0.06); } } .logo-list-container { overflow: hidden; } .logo-list { display: flex; flex-wrap: wrap; justify-content: center; text-align: center; margin-left: -20px; margin-right: -20px; margin-bottom: -40px; } @media (min-width: 768px) { .logo-list { margin-left: -25px; margin-right: -25px; margin-bottom: -50px; } } .logo-list__logo { display: flex; flex-direction: column; flex: 0 0 calc(50% - 40px); margin: 0 20px 40px; } @media (min-width: 400px) { .logo-list__logo { flex: 0 0 calc(33.3% - 40px); } } @media (min-width: 768px) { .logo-list__logo { flex: 0 0 calc(25% - 50px); margin: 0 25px 50px; } } @media (min-width: 1000px) { .logo-list__logo { flex: 0 0 calc(20% - 50px); } } @media (min-width: 1300px) { .logo-list__logo { flex: 0 0 calc(16.6% - 50px); } } @media (min-width: 400px) and (max-width: 767.98px) { .logo-list--count-4 .logo-list__logo { flex: 0 0 calc(50% - 40px); } } .logo-list__logo-image { display: flex; align-items: center; flex: 1 1 100%; margin: 0 auto; width: 100%; transition: opacity 100ms; } .logo-list__logo-image > .rimage-outer-wrapper { flex: 1 1 100%; } .logo-list__logo-image .placeholder-image { width: 100%; } .logo-list__logo-title { margin-top: 10px; } .testimonial-list { overflow: hidden; } .testimonial-list .subheading { margin-bottom: 2em; } .testimonial-list__inner:not(.slick-initialized) { display: flex; } .testimonial-list__controls { margin-left: -14px; pointer-events: none; } .testimonial-list__controls .slick-arrow { position: static; display: inline-block; margin-top: 20px; background: transparent; pointer-events: auto; color: currentColor; width: 44px; height: 44px; padding: 1px; transform: none; } .testimonial-list__controls .slick-arrow svg { filter: none; stroke: currentColor; stroke-width: 1; width: 42px; height: 42px; } .testimonial-list__controls .slick-next { margin-left: 10px; } @media (min-width: 768px) { .testimonial-list--without-images .testimonial-list__inner { margin-left: -20px; } } @media (min-width: 1300px) { .testimonial-list--without-images .testimonial-list__inner { margin-left: -30px; } } .testimonial-list--without-images .testimonial-list__inner .testimonial { flex: 1 0 0; } @media (min-width: 768px) { .testimonial-list--without-images .testimonial-list__inner .testimonial { margin-left: 20px; } } @media (min-width: 1300px) { .testimonial-list--without-images .testimonial-list__inner .testimonial { margin-left: 30px; } } .testimonial-list--with-images .testimonial { flex: 0 0 100%; } @media (min-width: 768px) { .testimonial-list--with-images .testimonial { display: flex; justify-content: space-between; align-items: center; } } .testimonial-list--with-images .testimonial__column { flex: 0 0 50%; } @media (min-width: 768px) { .testimonial-list--with-images .testimonial__column { flex-basis: calc(50% - 10px); } } @media (min-width: 1300px) { .testimonial-list--with-images .testimonial__column { flex-basis: calc(50% - 15px); } } .testimonial-list--with-images .testimonial__column--text .subheading { display: none; } .testimonial__column--image { margin-top: 40px; } @media (min-width: 768px) { .testimonial-list--with-images .testimonial__column--text { margin-top: 100px; margin-bottom: 100px; } .testimonial-list--with-images .testimonial-list__controls { position: relative; top: -80px; height: 0; } .testimonial-list--with-images .testimonial-list__controls .slick-arrow { margin-top: 0; } .testimonial__column--image { margin-top: 0; } .testimonial-list--image-left .testimonial-list__controls { margin-left: 50%; } .testimonial__image-with-caption { padding-left: 20%; } .testimonial-list--image-left .testimonial__column--text { order: 1; } .testimonial-list--image-left .testimonial__image-with-caption { padding-right: 20%; padding-left: 0px; } } @media (min-width: 1000px) { .testimonial-list--with-images > .subheading { display: none; } .testimonial-list--with-images .testimonial__column--text .subheading { display: block; } } .testimonial__star-rating { margin-bottom: 20px; color: #000000; } .testimonial__star svg { width: 16px; height: 16px; } .testimonial__text { margin-bottom: 1em; } .testimonial__text .testimonial__blockquote { position: relative; margin: 0; padding: 0; text-transform: none; } @media (min-width: 768px) { .testimonial__text .testimonial__blockquote { padding-inline-end: 40px; } } .testimonial__text .testimonial__blockquote::before { content: none; } .testimonial__text .testimonial__blockquote::after { content: none; } .testimonial__text .testimonial__blockquote--caps { text-transform: uppercase; } .testimonial__image-with-caption__caption { display: inline-block; margin-top: 1em; line-height: 1.4em; } .testimonial__image-with-caption__link { display: block; } .testimonial-list--with-images .slick-slider .testimonial__star-rating, .testimonial-list--with-images .slick-slider .testimonial__text, .testimonial-list--with-images .slick-slider .testimonial__author { will-change: opacity, transform; transform: translate3d(20px, 0, 0); opacity: 0; transition: all 750ms ease 0ms; } @media (max-width: 767.98px) { .testimonial-list--with-images .slick-slider .testimonial__column--image { will-change: opacity, transform; transform: translate3d(20px, 0, 0); opacity: 0; transition: all 750ms ease 0ms; } } .testimonial-list--with-images .slick-slider .slick-active .testimonial__star-rating, .testimonial-list--with-images .slick-slider .slick-active .testimonial__text, .testimonial-list--with-images .slick-slider .slick-active .testimonial__author { opacity: 1; transform: translate3d(0, 0, 0); } .testimonial-list--with-images .slick-slider .slick-active .testimonial__star-rating { transition-delay: 500ms; } .testimonial-list--with-images .slick-slider .slick-active .testimonial__text { transition-delay: 600ms; } .testimonial-list--with-images .slick-slider .slick-active .testimonial__author { transition-delay: 700ms; } @media (max-width: 767.98px) { .testimonial-list--with-images .slick-slider .slick-active .testimonial__column--image { opacity: 1; transform: translate3d(0, 0, 0); transition-delay: 800ms; } } .cc-popup { padding: 30px 20px; z-index: 8001; } .cc-popup .cc-popup-background { z-index: 9998; } .cc-popup .cc-popup-modal { max-width: 440px; z-index: 9999; } .cc-popup .cc-popup-container .cc-popup-title { color: #000000; } .cc-popup .cc-popup-content { padding: 50px 20px 30px; text-align: center; flex-grow: 1; } .cc-popup .cc-popup-content .rte p:last-child { margin-bottom: 0; } .cc-popup .cc-popup-image { display: none; position: relative; flex: 0 0 auto; order: 1; width: 360px; } .cc-popup .cc-popup-image .rimage-outer-wrapper, .cc-popup .cc-popup-image .rimage-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .cc-popup .cc-popup-image .rimage__image { object-fit: cover; } .cc-popup .cc-popup-close { z-index: 1; color: #000000; } .cc-popup .cc-popup-close svg { stroke: currentColor; height: 26px; width: 26px; } .cc-popup .cc-popup-form__inputs { margin-top: 1.2em; } .cc-popup .cc-popup-form__inputs .cc-popup-form-input { margin-bottom: 0.5em; padding: 1em 1.4em; width: 100%; } .cc-popup .cc-popup-form__inputs .button { width: 100%; margin-top: 0.5em; } .cc-popup .social-links__list { margin-top: 2em; } .cc-popup .social-links__list a { margin: 0 5px; } .cc-popup .social-links__list svg, .cc-popup .social-links__list svg g { fill: currentColor; } @media (min-width: 480px) { .cc-popup .cc-popup-modal { width: 440px; max-width: none; } .cc-popup .cc-popup-content { padding: 60px 40px 70px; } } @media (min-width: 900px) { .cc-popup { padding: 60px 40px 70px; } .cc-popup .cc-popup-modal.cc-popup-modal--has-image { width: 800px; } .cc-popup .cc-popup-modal.cc-popup-modal--has-image .cc-popup-close { color: #fff; } .cc-popup .cc-popup-image { display: block; } } .cc-popup-form__response { border: 1px solid; border-radius: 3px; padding: 0.75em 1em; } .cc-popup-form__response h4 { margin: 0; padding: 0; font-family: inherit; font-style: normal; color: inherit; font-size: 0.8em; font-weight: 500; line-height: 1.4em; letter-spacing: 0.08em; text-transform: uppercase; } .cc-popup-form__response--success { background: #ecfef0; border-color: #56ad6a; color: #56ad6a; } .store-availabilities-modal { padding: 0; transition: opacity 500ms cubic-bezier(0.55, 0.03, 0.37, 0.96), visibility 500ms; } .store-availabilities-modal .cc-popup-modal { width: 380px; transition: transform 500ms cubic-bezier(0.55, 0.03, 0.37, 0.96); } .store-availabilities-modal .cc-popup-modal .cc-popup-content { padding: 30px; } .store-availabilities-modal .cc-popup-modal .cc-popup-container { flex-direction: column; } .store-availabilities-modal.cc-popup--right:not(.cc-popup--visible) .cc-popup-modal { transform: translate3d(100%, 0, 0); } [dir=rtl] .store-availabilities-modal.cc-popup--right:not(.cc-popup--visible) .cc-popup-modal { transform: translate3d(-100%, 0, 0); } @media (max-width: 479px) { .store-availabilities-modal.cc-popup--right .cc-popup-modal { width: 88%; min-width: 0; } } .subcollection-links--buttons { margin-left: -10px; margin-right: -10px; margin-bottom: -20px; } .subcollection-links--buttons .btn { margin: 0 10px 20px; } @media (max-width: 500px) { .subcollection-links--buttons { display: flex; flex-wrap: wrap; justify-content: space-between; margin-left: 0; margin-right: 0; margin-bottom: -16px; } .subcollection-links--buttons .btn { flex: 0 0 calc(50% - 8px); margin: 0 0 16px; display: flex; align-items: center; justify-content: center; } } .subcollection-links--gallery { margin-bottom: 30px; } .subcollection-links--gallery.subcollection-links--under-image-header.subcollection-links--is-full-width .slick-slider:not(.gallery--with-vertical-outer-padding) { margin-top: -30px; } @media (max-width: 767.98px) { .subcollection-links--gallery.subcollection-links--under-image-header .slick-slider { margin-top: -30px; } } .subcollection-links--gallery .slick-slider.gallery--with-margins { padding-bottom: 0; } @media (min-width: 768px) { .subcollection-links--gallery .slick-slider.gallery--with-margins { margin-right: 0; } .subcollection-links--gallery .slick-slider.gallery--with-margins .slick-list { margin-left: -20px; } } @media (min-width: 1300px) { .subcollection-links--gallery .slick-slider.gallery--with-margins .slick-list { margin-left: -30px; } } .subcollection-links--gallery .slick-slider.gallery--with-vertical-outer-padding { padding-bottom: 0; } @media (min-width: 768px) { .subcollection-links--gallery .slick-slider.gallery--with-vertical-outer-padding { margin-left: 30px; margin-right: 30px; } } @media (min-width: 1300px) { .subcollection-links--gallery .slick-slider.gallery--with-vertical-outer-padding { margin-left: 40px; margin-right: 40px; } } .subcollection-links--gallery .gallery:not(.slick-initialized) { display: flex; overflow: hidden; } .subcollection-links--gallery .gallery:not(.slick-initialized) .gallery__item { flex: 0 0 100%; } @media (min-width: 768px) { .subcollection-links--gallery .gallery:not(.slick-initialized) .gallery__item { flex: 0 0 25%; } } @media (max-width: 767.98px) { .subcollection-links--gallery [data-mobile-item-count="2"].slick-slider.gallery--with-margins { margin-top: 16px; padding: 0; } .subcollection-links--gallery [data-mobile-item-count="2"].slick-slider.gallery--with-margins .slick-list { padding-right: 16px; } .subcollection-links--gallery [data-mobile-item-count="2"].slick-slider.gallery--with-margins .gallery__item { margin-left: 16px; } .subcollection-links--gallery [data-mobile-item-count="2"].slick-slider.gallery--with-margins .image-page-button--previous { left: 16px; } .subcollection-links--gallery [data-mobile-item-count="2"].slick-slider.gallery--with-margins .image-page-button--next { right: 15.5px; } } .filters__close, .filter-group__heading, .filter-group__applied-item, .filter-group__item { color: inherit; } .filters__close:hover, .filter-group__heading:hover, .filter-group__applied-item:hover, .filter-group__item:hover { color: inherit; } .filters__heading { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 20px; } .filters__heading-text { margin: 3px 0 0 0; } .filter-container--side .filter-group__item { display: flex; margin: 0 0 0.5em 0; padding-top: 0.1em; padding-bottom: 0.1em; } @media (max-width: 999.98px) { .filter-container .filters { position: fixed; z-index: 8002; top: 0; right: 100%; width: 50%; height: 100%; background: #ffffff; padding: 20px; visibility: hidden; overflow: auto; transition: transform 500ms cubic-bezier(0.55, 0.03, 0.37, 0.96); } .filter-container .filter-shade { position: fixed; z-index: 8001; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0; pointer-events: none; visibility: hidden; transition: opacity 500ms cubic-bezier(0.55, 0.03, 0.37, 0.96), visibility 500ms; } .filter-container .sticky-content-container { position: static; } .filter-container.filter-container--mobile-initialised .filters { visibility: visible; } .filter-container.filter-container--show-filters-mobile .filters { transform: translateX(100%); } .filter-container.filter-container--show-filters-mobile .filter-shade { opacity: 0.5; pointer-events: auto; visibility: visible; } } @media (max-width: 767.98px) { .filter-container .filters { width: 88%; } } @media (min-width: 1000px) { .filter-shade { display: none; } .filter-container--side { display: flex; } .filter-container--side .filters { flex: 0 0 auto; width: 280px; transition: none; } .filter-container--side .filters .filters__inner { padding-inline-end: 40px; } } @media (min-width: 1000px) and (min-width: 1300px) { .filter-container--side .filters { width: 280px; } .filter-container--side .filters .filters__inner { padding-inline-end: 45px; } } @media (min-width: 1000px) { .filter-container--side .filters-adjacent { flex: 1 1 100%; } } @media (min-width: 1000px) { .filter-container--side:not(.filter-container--show-filters-desktop) .filters { width: 0; height: 0; opacity: 0; transform: none; transition: none; visibility: hidden; } } @media (min-width: 1000px) { .filter-container--side.filter-container--show-filters-desktop .collection-listing { position: relative; } } @media (min-width: 1000px) { .filters__heading { display: none; } } .filter-group { margin-bottom: 10px; } .filter-group .toggle-target-container { padding-bottom: 20px; } .filter-group--applied { margin-bottom: 30px; } .filter-group--availability { margin-bottom: 30px; } .filter-group__heading { display: flex; align-items: flex-start; justify-content: space-between; padding-bottom: 1em; } .filter-group__heading:not(:first-child) { margin-top: 30px; } .filter-group__heading__text { margin: 0.2em 0 0; margin-inline-end: 20px; font-weight: 600; } .filter-group__heading__indicator { margin-inline-end: -5px; transform-origin: center; transition: transform 250ms ease; } .filter-group__heading__indicator svg { vertical-align: top; } .filter-group__heading:not(.toggle-target-toggler--is-hidden) .filter-group__heading__indicator { transform: rotate(180deg); } .filter-group__item { display: inline-flex; justify-content: space-between; position: relative; padding-inline-start: 28px; font-size: 14px; line-height: 1.4em; cursor: pointer; } .filter-group__item .filter-group__checkbox { position: absolute; width: 0.1rem; height: 0.1rem; overflow: hidden; margin: -0.1rem; padding: 0; border: 0; clip: rect(0, 0, 0, 0); } .tab-used .filter-group__item .filter-group__checkbox:focus + .filter-group__item__text { outline: 1px solid currentColor; outline: -webkit-focus-ring-color auto 1px; } .filter-group__item .filter-group__item__text::before { content: ""; position: absolute; left: 0; top: 0.8em; margin-top: -9px; width: 18px; height: 18px; border-radius: 3px; border: 1px solid currentColor; } [dir=rtl] .filter-group__item .filter-group__item__text::before { left: auto; right: 0; } .filter-group__item .filter-group__item__text::after { content: ""; position: absolute; left: -1px; top: 0.8em; width: 20px; height: 20px; margin-top: -10px; background-image: url("data:image/svg+xml,%3Csvg fill='rgb(255, 255, 255)' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M8.315 13.859l-3.182-3.417a.506.506 0 0 1 0-.684l.643-.683a.437.437 0 0 1 .642 0l2.22 2.393 4.942-5.327a.436.436 0 0 1 .643 0l.643.684a.504.504 0 0 1 0 .683l-5.91 6.35a.437.437 0 0 1-.642 0'%3E%3C/path%3E%3C/svg%3E"); background-size: cover; transform: scale(0); transition: transform 100ms ease; } [dir=rtl] .filter-group__item .filter-group__item__text::after { left: auto; right: -1px; } .filter-group__item .filter-group__checkbox:checked + .filter-group__item__text::before { background: currentColor; } .filter-group__item .filter-group__checkbox:checked + .filter-group__item__text::after { transform: scale(1); } .filter-group__item--disabled { opacity: 0.5; } .filter-group__applied-item { display: inline-block; background: rgba(0, 0, 0, 0.05); margin-inline-end: 8px; margin-bottom: 8px; border-radius: 3px; } .filter-group__applied-item:hover { color: inherit; } .filter-group__applied-item:hover .filter-group__applied-item__icon { background: rgba(0, 0, 0, 0.05); border-radius: 0 3px 3px 0; } [dir=rtl] .filter-group__applied-item:hover .filter-group__applied-item__icon { border-radius: 3px 0 0 3px; } .filter-group__applied-item__text { vertical-align: middle; padding: 3px; padding-inline-start: 10px; padding-inline-end: 8px; font-size: 14px; line-height: 1.4em; } .filter-group__applied-item__icon { display: inline-block; padding: 3px; vertical-align: middle; } .filter-group__applied-item__icon svg { display: block; width: 20px; height: 20px; } .filter-group__clear-row { margin-top: 4px; } .filter-group__clear-link { font-size: 14px; line-height: 1.4em; } .filter-group--swatch .filter-group__item { display: flex; align-items: center; margin: 0 0 12px; padding: 8px 10px; border: 1.5px solid #bfbfbf; background: #ffffff; color: #000000; border-radius: 3px; } @media (hover: none) { .filter-group--swatch .filter-group__item:active { color: #000000; border-color: #737373; } } @media (hover: hover) { .filter-group--swatch .filter-group__item:hover { color: #000000; border-color: #737373; } } .filter-group--swatch .filter-group__item .filter-group__item__text::before { content: none; } .filter-group--swatch .filter-group__item .filter-group__item__text::after { content: none; } .filter-group--swatch .filter-group__item::before { content: ""; flex: 0 0 auto; margin-inline-end: 10px; border: 1px solid rgba(0, 0, 0, 0.3); width: 32px; height: 32px; background-color: var(--swatch-background-color); background-image: var(--swatch-background-image); background-position: center center; background-size: cover; background-repeat: no-repeat; background-clip: padding-box; transition: 100ms box-shadow ease; box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px #ffffff; border-radius: 22px; } .swatch-method-standard.swatch-style-icon_square .filter-group--swatch .filter-group__item::before { border-radius: 3px; } .filter-group--swatch .filter-group__item .filter-group__item__text { flex: 1 1 auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .filter-group--swatch .filter-group__item--active { border-color: #000000; } .filter-group--layout-two-column .toggle-target-container { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; } .filter-group--layout-two-column .filter-group__item { width: calc(50% - 6px); justify-content: start; } .filter-group--layout-two-column .filter-group__item__count { margin-inline-start: 0.25em; } .filter-group--layout-two-column .filter-group__item__count::before { content: "("; } .filter-group--layout-two-column .filter-group__item__count::after { content: ")"; } .filter-group--layout-no-label .toggle-target-container { display: flex; flex-wrap: wrap; align-items: flex-start; margin-left: -7px; } .filter-group--layout-no-label .filter-group__item { flex: 0 0 22px; position: relative; margin: 0 0 7px 7px; padding: 3.5px; border-radius: 50%; } @media (hover: none) { .filter-group--layout-no-label .filter-group__item:active { border-color: rgba(0, 0, 0, 0.3); } } @media (hover: hover) { .filter-group--layout-no-label .filter-group__item:hover { border-color: rgba(0, 0, 0, 0.3); } } .swatch-method-standard.swatch-style-icon_square .filter-group--layout-no-label .filter-group__item { border-radius: 3px; } .filter-group--layout-no-label .filter-group__item:not(.filter-group__item--active):not(:hover) { border-color: transparent; } .filter-group--layout-no-label .filter-group__item::before { margin: 0; } @media (min-width: 1000px) { .filter-group--layout-no-label .filter-group__item:hover .filter-group__item__text, .filter-group--layout-no-label .filter-group__item:focus .filter-group__item__text, .filter-group--layout-no-label .filter-group__item:active .filter-group__item__text { opacity: 1; } } .filter-group--layout-no-label .filter-group__item__text { pointer-events: none; opacity: 0; position: absolute; left: 50%; bottom: 100%; transform: translate3d(-50%, -10px, 0); white-space: nowrap; background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.15); padding: 4px 12px; border-radius: 3px; z-index: 1; transition: opacity 50ms; } @media (max-width: 767.98px) { .filter-group--layout-no-label .filter-group__item__text { display: none; } } .filter-toggle { display: flex; justify-content: space-between; flex-wrap: wrap; } .filter-toggle__group-label { margin: 4px 0; align-self: center; font-weight: 600; } .filter-toggle__options { flex: 0 0 auto; display: flex; margin: 4px 0; background: rgba(0, 0, 0, 0.06); border-radius: 3px; padding: 4px; } .filter-toggle__input-label { cursor: pointer; } .filter-toggle__input { position: absolute; width: 0.1rem; height: 0.1rem; overflow: hidden; margin: -0.1rem; padding: 0; border: 0; clip: rect(0, 0, 0, 0); } .filter-toggle__input:checked + .filter-toggle__input-label-text { border-color: currentColor; background: #ffffff; } .tab-used .filter-toggle__input:focus + .filter-toggle__input-label-text { outline: 1px solid currentColor; outline: -webkit-focus-ring-color auto 1px; } .filter-toggle__input-label-text { border-radius: 3px; padding: 0.25em 0.5em; border: 1px solid transparent; } .cc-price-range__input-container { direction: ltr; } .layout-switchers { display: flex; } .layout-switch { flex: 0 0 auto; position: relative; width: 24px; height: 24px; opacity: 0.3; margin-left: 5px; color: inherit; } .layout-switch svg { display: block; width: 24px; height: 24px; stroke: currentColor; } .layout-switch:hover { color: inherit; } .layout-switch--active { opacity: 1; } .link-dropdown { position: relative; text-align: start; } .link-dropdown .link-dropdown__button { position: relative; color: inherit; font-weight: 600; padding-inline-end: 40px; height: 44px; z-index: 3; text-align: start; white-space: nowrap; will-change: width; transition: width 250ms cubic-bezier(0.01, 0.45, 0.28, 0.98); } .link-dropdown .link-dropdown__button:hover { color: inherit; } .link-dropdown__button[aria-expanded=true] .link-dropdown__button-prefix-icon svg circle:nth-child(3) { transform: translateX(6px); } .link-dropdown__button[aria-expanded=true] .link-dropdown__button-prefix-icon svg circle:nth-child(4) { transform: translateX(-6px); } .link-dropdown__button[aria-expanded=true] .link-dropdown__button-icon { transform: rotate(180deg); } .link-dropdown__button[aria-expanded=true] + .link-dropdown__options { visibility: visible; opacity: 1; } .link-dropdown__button-prefix-icon { display: inline-block; vertical-align: middle; margin-inline-end: 8px; width: 20px; } .link-dropdown__button-prefix-icon svg { display: block; width: 20px; height: 20px; } .link-dropdown__button-prefix-icon svg circle { fill: #ffffff; transition: transform 400ms cubic-bezier(0.11, 0.44, 0.03, 1); } .link-dropdown__button-icon { position: absolute; margin: -12px 0 0; margin-inline-end: 8px; right: 0; top: 50%; transition: transform 250ms ease; } [dir=rtl] .link-dropdown__button-icon { left: 0; right: auto; } .link-dropdown__button-icon svg { display: block; } .link-dropdown__options { visibility: hidden; opacity: 0; position: absolute; z-index: 2; top: -5px; min-width: calc(100% + 40px); background: #ffffff; padding-top: 49px; padding-bottom: 12px; box-shadow: 0 6px 12px 1px rgba(0, 0, 0, 0.12); transition: opacity 250ms ease, box-shadow 250ms ease, visibility 250ms; } .link-dropdown--right-aligned .link-dropdown__options { right: -10px; } [dir=rtl] .link-dropdown--right-aligned .link-dropdown__options { left: -10px; right: auto; } .link-dropdown--left-aligned .link-dropdown__options { left: -15px; } [dir=rtl] .link-dropdown--left-aligned .link-dropdown__options { left: auto; right: -15px; } .link-dropdown__link { display: block; white-space: nowrap; color: inherit; padding: 6px 30px; padding-inline-end: 50px; } .link-dropdown--with-icon .link-dropdown__link { padding-inline-start: 43px; } .link-dropdown__link:hover { color: inherit; background: rgba(0, 0, 0, 0.06); } .link-dropdown__link--active { background: rgba(0, 0, 0, 0.06); } .utility-bar { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; } @media (min-width: 768px) { .utility-bar { margin-bottom: 10px; } } .utility-bar--sticky-mobile-copy { position: fixed; top: var(--theme-sticky-header-height); left: 0; width: 100%; z-index: 301; background: #ffffff; padding-left: 16px; padding-right: 16px; border-bottom: 1px solid #dfe3e8; opacity: 0; transform: translateY(-15px); visibility: hidden; transition: transform 175ms ease-in, opacity 175ms ease-in, visibility 175ms; } .utility-bar-sticky-mobile-copy-reveal .logo-area { border-bottom-color: transparent; } .utility-bar-sticky-mobile-copy-reveal .utility-bar--sticky-mobile-copy { opacity: 1; transform: translateY(-1px); visibility: visible; } .utility-bar__left, .utility-bar__right { flex: 2 0 0; } .utility-bar__left { display: flex; } .utility-bar__left .utility-bar__item { margin-inline-end: 12px; } .utility-bar__centre { flex: 1 1 auto; text-align: center; } .utility-bar__centre .utility-bar__item { margin: 10px 0; } .utility-bar__right { display: flex; align-items: center; justify-content: flex-end; text-align: end; } .utility-bar__right .utility-bar__item { margin-inline-start: 12px; } .breadcrumbs { display: flex; justify-content: space-between; font-size: 12px; line-height: 1.4em; } .breadcrumbs .icon { display: inline-block; vertical-align: middle; } .breadcrumbs .icon svg { display: block; width: 1.2em; height: 1.2em; } [dir=rtl] .breadcrumbs .icon svg { transform: scaleX(-1); } .breadcrumbs-list { display: inline-flex; flex-wrap: wrap; list-style: none; margin: 0; padding: 0; } .breadcrumbs-list__item { display: inline; margin: 0; padding: 0; } .breadcrumbs-list__link { vertical-align: middle; } .breadcrumbs-list__link, .breadcrumbs-prod-nav__link { color: inherit; } .breadcrumbs-list__link:hover, .breadcrumbs-prod-nav__link:hover { color: inherit; } .breadcrumbs-prod-nav { display: flex; } .breadcrumbs-prod-nav__text { vertical-align: middle; } .breadcrumbs-prod-nav__link--prev:not(:last-child) { margin-inline-end: 1.2em; } .cc-animate-enabled .shopify-section { overflow: initial; } .cc-select { position: relative; width: 100%; } .cc-select.is-open::before { content: ""; position: fixed; z-index: 100; top: 0; right: 0; bottom: 0; left: 0; } .cc-select__btn, .cc-select__listbox { margin: 0; border: 1.5px solid #bfbfbf; font-size: inherit; } .cc-select__btn { display: flex; align-items: center; position: relative; min-width: 100%; max-width: 100%; padding: 11px 40px 11px 15px; background-color: transparent; color: inherit; font-weight: inherit; text-align: start; text-transform: none; } .cc-select__icon { position: absolute; top: calc(50% - 10px); right: 10px; width: 20px; height: 20px; stroke: currentColor; } .cc-select__listbox { list-style: none; visibility: hidden; position: absolute; top: 5px; left: -5px; z-index: 100; min-width: 100%; max-height: 20em; padding: 0; outline: 0; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.15); background-color: #ffffff; overflow-y: auto; } .cc-select__listbox[aria-hidden=false] { visibility: visible; } .cc-select__option { display: flex; align-items: center; padding: 9px 15px; color: inherit; cursor: pointer; } .cc-select__option > span { pointer-events: none; } .cc-select__option > em { display: none; margin-left: auto; font-style: normal; pointer-events: none; } .cc-select__option.is-unavailable > em { display: block; } .cc-select__option.is-focused { background-color: rgba(217, 217, 217, 0.3); color: inherit; } [dir=rtl] .cc-select__btn { padding: 11px 15px 11px 40px; } [dir=rtl] .cc-select__icon { left: 10px; right: auto; } [dir=rtl] .cc-select__listbox { left: auto; right: -5px; } .cc-select__btn { color: #000000; background-color: #ffffff; line-height: 1rem; height:40px; letter-spacing: normal; } .cc-select__btn:hover { border-color: #737373; background-color: #ffffff; } .cc-select__listbox { max-height: 200px; color: #000000; } @media (min-height: 600px) { .cc-select__listbox { max-height: 280px; } } .cc-select__option[data-swatch]::before { width: 18px; height: 18px; } .cc-select__option.is-unavailable { opacity: 0.5; } .cc-select__icon { fill: none; } .option-selector__btns { display: flex; flex-wrap: wrap; margin: -10px -10px 0 0; } .opt-btn { position: absolute; z-index: -1; opacity: 0; } .opt-btn:checked + .opt-label { border-color: #000000; cursor: default; } .opt-btn.is-unavailable + .opt-label { background: no-repeat center/100% 100% rgba(0, 0, 0, 0.05); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(0, 0, 0, 0.2)' stroke-width='0.4' preserveAspectRatio='none' %3E%3Cline x1='24' y1='0' x2='0' y2='24'%3E%3C/line%3E%3C/svg%3E"); color: rgba(0, 0, 0, 0.9); } .opt-btn.is-unavailable + .opt-label[data-swatch]::before { opacity: 0.5; } .tab-used .opt-btn:focus + .opt-label { outline: #000000 auto 1px; outline: -webkit-focus-ring-color auto 1px; } .opt-label { display: flex; align-items: center; justify-content: center; position: relative; min-width: 4.5em; min-height: 48px; margin: 10px 10px 0 0; padding: 11px 15px; border: 1.5px solid #bfbfbf; border-radius: 3px; background-color: #ffffff; color: #000000; } .swatch-style-listed .option-selector--swatch .opt-label[data-swatch], .swatch-style-dropdown .option-selector--swatch .opt-label[data-swatch] { justify-content: flex-start; width: calc(50% - 10px); padding-left: 12px; line-height: 1.2; } @media (hover: none) { .opt-label:active { color: #000000; border-color: #737373; cursor: pointer; } } @media (hover: hover) { .opt-label:hover { color: #000000; border-color: #737373; cursor: pointer; } } .swatch-style-listed .option-selector--swatch [data-swatch]::before, .swatch-style-dropdown .option-selector--swatch [data-swatch]::before { content: ""; display: block; flex: 0 0 auto; width: 22px; height: 22px; margin: 1px; margin-inline-end: 12px; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3); border-radius: 50%; background-color: var(--swatch-background-color); background-image: var(--swatch-background-image); background-repeat: no-repeat; background-position: center center; background-size: cover; } .swatch-style-icon_square .option-selector--swatch .option-selector__btns, .swatch-style-icon_circle .option-selector--swatch .option-selector__btns { align-items: flex-start; } .swatch-style-icon_square .option-selector--swatch .opt-btn.is-unavailable + .opt-label, .swatch-style-icon_circle .option-selector--swatch .opt-btn.is-unavailable + .opt-label { background-color: transparent; } .swatch-style-icon_square .option-selector--swatch .opt-label, .swatch-style-icon_circle .option-selector--swatch .opt-label { --aspect-ratio: 1; --width: 52px; display: inline-block; width: 52px; height: calc(var(--width) / var(--aspect-ratio)); padding: 0; min-width: 0; min-height: 0; vertical-align: top; border-radius: 3px; border: none; } .swatch-style-icon_square .option-selector--swatch .opt-label::before, .swatch-style-icon_circle .option-selector--swatch .opt-label::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--swatch-background-color); background-image: var(--swatch-background-image); background-repeat: no-repeat; background-position: center center; background-size: cover; border-radius: 3px; z-index: 0; border: 1.5px #bfbfbf solid; } .swatch-style-icon_square .option-selector--swatch .opt-label::after, .swatch-style-icon_circle .option-selector--swatch .opt-label::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1.5px #bfbfbf solid; border-radius: 3px; z-index: 1; } @media (hover: none) { .swatch-style-icon_square .option-selector--swatch .opt-label:active::after, .swatch-style-icon_circle .option-selector--swatch .opt-label:active::after { border: 1.5px #737373 solid; } } @media (hover: hover) { .swatch-style-icon_square .option-selector--swatch .opt-label:hover::after, .swatch-style-icon_circle .option-selector--swatch .opt-label:hover::after { border: 1.5px #737373 solid; } } .swatch-style-icon_square .option-selector--swatch .opt-btn:checked + .opt-label::after, .swatch-style-icon_circle .option-selector--swatch .opt-btn:checked + .opt-label::after { border: 1.5px #000000 solid; } .swatch-style-icon_circle .option-selector--swatch .opt-label, .swatch-style-icon_circle .option-selector--swatch .opt-label::before, .swatch-style-icon_circle .option-selector--swatch .opt-label::after { border-radius: 50%; } .swatch-method-standard.swatch-style-icon_square .option-selector--swatch .opt-label, .swatch-method-standard.swatch-style-icon_circle .option-selector--swatch .opt-label { --aspect-ratio: 1; } .swatch-method-standard.swatch-style-icon_square .option-selector--swatch .opt-label::before, .swatch-method-standard.swatch-style-icon_circle .option-selector--swatch .opt-label::before { top: 4px; left: 4px; width: calc(100% - 8px); height: calc(100% - 8px); border: none; } @media (min-width: 530px) { .swatch-style-listed .option-selector--swatch .opt-label[data-swatch] { width: auto; min-width: calc(33.3333333333% - 10px); } } @media (min-width: 767px) and (max-width: 1280px) { .swatch-style-listed .option-selector--swatch .opt-label[data-swatch] { width: calc(50% - 10px); } } .option-selector--with-size-chart[data-selector-type=dropdown] { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } .option-selector--with-size-chart[data-selector-type=dropdown] .size-chart-container { order: 1; } .option-selector--with-size-chart[data-selector-type=dropdown] .cc-select, .option-selector--with-size-chart[data-selector-type=dropdown] .option-selector__btns { width: 100%; order: 2; } .cc-rating-stars { margin-right: 0.25em; } .cc-rating-custom-caption { font-size: 0.8em; line-height: 1.7em; white-space: nowrap; } .product-block__rating { margin-top: 5px; } .product-block__rating .cc-rating { font-size: 0.8em; } .theme-product-reviews { margin-top: 0.2em; } .theme-product-reviews > a { display: inline-block; } #shopify-product-reviews .spr-icon { position: relative; display: inline-block; width: 14px; height: 14px; margin-right: 1px; } #shopify-product-reviews .spr-icon::before, #shopify-product-reviews .spr-icon-star::after, #shopify-product-reviews .spr-icon-star-half-alt::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: no-repeat url("data:image/svg+xml,%3Csvg fill='rgba(246, 165, 41, 0.2)' width='13' height='13' viewBox='0 0 13 13' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.43579 4.9459L13.63 4.9536L9.42653 8.01929L11.0329 12.97L6.81981 9.91778L2.60673 12.97L4.20346 8.01929L0 4.9536L5.20383 4.9459L6.81981 0L8.43579 4.9459Z'%3E%3C/path%3E%3C/svg%3E") top left; background-size: 100% 100%; } #shopify-product-reviews .spr-icon-star::after, #shopify-product-reviews .spr-icon-star-half-alt::after { background-image: url("data:image/svg+xml,%3Csvg fill='rgb(246, 165, 41)' width='13' height='13' viewBox='0 0 13 13' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.43579 4.9459L13.63 4.9536L9.42653 8.01929L11.0329 12.97L6.81981 9.91778L2.60673 12.97L4.20346 8.01929L0 4.9536L5.20383 4.9459L6.81981 0L8.43579 4.9459Z'%3E%3C/path%3E%3C/svg%3E"); } #shopify-product-reviews .spr-icon-star-half-alt::after { clip: rect(0px, 7.5px, 14px, 0px); } #shopify-product-reviews .spr-container { padding: 0; border-color: rgba(0, 0, 0, 0.2); } #shopify-product-reviews .spr-header { padding: 20px; } #shopify-product-reviews .spr-form { margin: 0; padding: 20px; border-top: 1px solid rgba(0, 0, 0, 0.2); } #shopify-product-reviews .spr-reviews { margin: 0; padding: 0 0 20px; border-top: 1px solid rgba(0, 0, 0, 0.2); } #shopify-product-reviews .spr-review { box-sizing: border-box; margin: 0; padding: 20px 20px 0; border: 0; } #shopify-product-reviews .spr-review:first-child { margin-top: 0; } #shopify-product-reviews .spr-review-header-title { font-size: 18px; } #shopify-product-reviews .spr-review-header-byline { display: block; margin: 0.1em 0 0.6em; font-size: 15px; line-height: 1.4em; font-style: normal; opacity: 0.6; } #shopify-product-reviews .spr-review-header-byline strong { font-weight: normal; } #shopify-product-reviews .spr-review-content-body { font-size: 15px; line-height: 1.4em; } #shopify-product-reviews .spr-review-reportreview { font-size: 80%; } @media (min-width: 800px) { #shopify-product-reviews .spr-reviews { display: flex; flex-wrap: wrap; } #shopify-product-reviews .spr-reviews .spr-review { width: 50%; } } #shopify-product-reviews .spr-pagination { width: 100%; margin-top: 20px; padding: 20px 0 0; border-top-color: rgba(0, 0, 0, 0.2); } #shopify-product-reviews .spr-pagination .spr-pagination-page { margin: 0 5px; } #shopify-product-reviews .spr-pagination .spr-pagination-page.is-active { font-weight: normal; } #shopify-product-reviews .spr-pagination .spr-pagination-prev { left: 20px; } #shopify-product-reviews .spr-pagination .spr-pagination-next { right: 20px; } .placeholder-image { position: relative; padding-top: 100%; height: 0px; overflow: hidden; background: #f5f5f5; } .placeholder-image.dark { background: #c6c7c8; } .placeholder-image.dark svg, .placeholder-image.dark svg g { fill: #9f9f9f; } .placeholder-image.landscape, .placeholder-image.placeholder-image--shape-landscape { padding-top: 67%; } .placeholder-image.placeholder-image--shape-portrait { padding-top: 150%; } .placeholder-image.placeholder--banner { padding-top: 600px; } @media (max-width: 767.98px) { .placeholder-image.placeholder--banner { padding-top: 55%; } } .placeholder-image.fixed-height-item { padding-top: 0; } .placeholder-image svg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .placeholder-image svg, .placeholder-image svg g { fill: #9f9f9f; } .quickbuy-container { height: 0; overflow: hidden; position: relative; background: #f7f1f0; line-height: 1.6; text-align: center; --payment-terms-background-color: #f7f1f0; } .quickbuy-container a, .quickbuy-container a:hover { color: #c16452; } .quickbuy-container .inner { padding-top: 60px; padding-bottom: 60px; } .quickbuy-container .underline, .quickbuy-container .rte a { text-decoration-color: rgba(193, 100, 82, 0.4); } .quickbuy-container .underline:hover, .quickbuy-container .rte a:hover { text-decoration-color: currentColor; } .quickbuy-container .product-detail { color: #4d4d4d; } .quickbuy-container .product-detail .gallery .main-image .slide a { display: block; } .quickbuy-container .product-detail .title, .quickbuy-container .product-detail .title a, .quickbuy-container .product-detail h1.majortitle, .quickbuy-container .product-detail h2, .quickbuy-container .product-detail h3, .quickbuy-container .product-detail h4, .quickbuy-container .product-detail h5, .quickbuy-container .product-detail h6 { color: #171717; } .quickbuy-container .product-detail a.button { background-color: #c16452; color: #fff; } .quickbuy-container .product-detail a.button:hover { background-color: #c16452; } .quickbuy-container .product-detail .gallery .main-image { margin-right: 0; } .quickbuy-container .close-detail { position: absolute; right: 0; top: 0; padding: 15px; } .quickbuy-container .close-detail .feather { width: 34px; height: 34px; stroke-width: 1; stroke: #5c5c5c; } .quickbuy-container .product-inventory-notice:not(.text-box) .icon circle { fill: #f7f1f0; } .text-box { position: relative; padding: 15px 17px 14px; background-color: var(--box-color); color: rgb(var(--box-text-color)); display: inline-flex; border-radius: 3px; line-height: 1.4; } .text-box a, .text-box .rte a { color: inherit; text-decoration: underline; text-underline-offset: 2px; text-decoration-color: rgba(var(--box-text-color), 0.75); text-decoration-thickness: 1px; } .text-box .rimage-wrapper.lazyload--placeholder { background: transparent; } .product-inventory-notice { color: #108043; } .product-inventory-notice.text-box { --box-color: #f2faf0; --box-text-color: 221, 154, 26; } .product-inventory-notice.text-box .icon circle { fill: #fff; } .product-inventory-notice .icon-container .icon { vertical-align: top; } .product-inventory-notice .icon circle { fill: #ffffff; } .product-inventory-notice--low { color: #dd9a1a; } .product-inventory-notice--low.text-box { --box-color: #fcf1cd; --box-text-color: 16, 128, 67; } .product-inventory-notice--low.text-box .icon circle { fill: #fff; } .product-inventory-notice--pulse .icon-container { position: relative; } .product-inventory-notice--pulse .icon-container::before { content: ""; position: absolute; top: 0; left: 0; width: 16px; height: 16px; border-radius: 16px; background: currentColor; animation: clock-pulse 2s ease-out infinite; } .product-inventory-notice--pulse .icon-container .icon { position: relative; } @keyframes clock-pulse { 0% { opacity: 0.5; transform: scale(0.8); } to { opacity: 0; transform: scale(1.8); } } .gallery--layout-columns-1 .product-slideshow:not(.slick-slider) .slide, .gallery--layout-columns-2 .product-slideshow:not(.slick-slider) .slide, .gallery--layout-collage-1 .product-slideshow:not(.slick-slider) .slide, .gallery--layout-collage-2 .product-slideshow:not(.slick-slider) .slide { display: block; margin-bottom: 20px; transition: opacity 500ms; } .gallery--layout-columns-1 .product-slideshow:not(.slick-slider) .slide.slide--inactive-option, .gallery--layout-columns-2 .product-slideshow:not(.slick-slider) .slide.slide--inactive-option, .gallery--layout-collage-1 .product-slideshow:not(.slick-slider) .slide.slide--inactive-option, .gallery--layout-collage-2 .product-slideshow:not(.slick-slider) .slide.slide--inactive-option { display: none; } .gallery--layout-columns-2 .product-slideshow:not(.slick-slider) { margin-left: -20px; display: flex; flex-wrap: wrap; } .gallery--layout-columns-2 .product-slideshow:not(.slick-slider) .slide { margin-left: 20px; flex: 0 0 calc(50% - 20px); } .gallery--layout-columns-2 .product-slideshow:not(.slick-slider) .slide:first-child { flex-grow: 1; } .gallery--layout-collage-1 .product-slideshow:not(.slick-slider), .gallery--layout-collage-2 .product-slideshow:not(.slick-slider) { margin-left: -20px; display: flex; flex-wrap: wrap; } .gallery--layout-collage-1 .product-slideshow:not(.slick-slider) .slide, .gallery--layout-collage-2 .product-slideshow:not(.slick-slider) .slide { margin-left: 20px; flex: 1 0 calc(50% - 20px); } .gallery--layout-collage-1 .product-slideshow:not(.slick-slider) .slide:first-child { flex: 1 0 calc(100% - 20px); } .gallery--layout-collage-2 .product-slideshow:not(.slick-slider) .slide:nth-child(3n+1) { flex: 1 0 calc(100% - 20px); } .slide--highlight-off { opacity: 0.25; } .cc-price-range__input-container { font-size: 16px; color: #000000; background: #ffffff; border: 1.5px solid #bfbfbf; border-radius: 3px; padding-inline-start: 10px; } .cc-price-range__input-container:hover { border-color: #737373; } .cc-price-range__input-container:focus-within { border-color: #000000; } .cc-price-range .cc-price-range__input { padding-left: 0; border: none; } .cc-modal-window { transition: visibility 250ms ease; } .cc-modal-window__background { transition: opacity 250ms ease; } .cc-modal-window__content-container { transition: opacity 250ms ease, transform 250ms ease; } .cc-modal-window--pre-reveal .cc-modal-window__background { opacity: 0; } .cc-modal-window--pre-reveal .cc-modal-window__content-container { transform: scale(0.95); opacity: 0; } .cc-modal-window--pre-reveal .cc-modal-window { visibility: hidden; } .cc-modal-window--closing .cc-modal-window__background { opacity: 0; } .cc-modal-window--closing .cc-modal-window__content-container { transform: scale(0.95); opacity: 0; } .cc-accordion { border-top: 1px solid rgba(0, 0, 0, 0.15); } .cc-accordion-item { border-bottom: 1px solid rgba(0, 0, 0, 0.15); } .cc-accordion-item__title { display: block; position: relative; list-style: none; padding: 15px 30px 15px 0; cursor: pointer; } .cc-accordion-item__title::-webkit-details-marker { display: none; } .js .cc-accordion-item__panel { transition: height 0.3s ease; overflow: hidden; } .cc-accordion-item__content { padding-bottom: 20px; } .cc-accordion-item__title::before, .cc-accordion-item__title::after { content: ""; position: absolute; top: calc(50% - 1px); right: 0; width: 11px; height: 1px; background-color: currentColor; transition: 0.3s ease; transition-property: transform, opacity; } .cc-accordion-item__title::before { transform: rotate(-90deg); } .cc-accordion-item[open]:not(.is-closing) .cc-accordion-item__title::before { transform: rotate(90deg); opacity: 0; } .cc-accordion-item[open]:not(.is-closing) .cc-accordion-item__title::after { transform: rotate(180deg); } .js .cc-accordion-item__content { transform: translateY(-5px); transition: 0.3s ease-out; transition-property: transform, opacity; opacity: 0; } .js .cc-accordion-item.is-open:not(.is-closing) .cc-accordion-item__content { transform: translateY(0px); opacity: 1; } .cc-accordion { margin-bottom: 50px; } .cc-accordion-item__content { color: rgba(0, 0, 0, 0.75); } /* Modern box sizing */ html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } /* CSS cross-browser clear fix */ .cf:before, .cf:after { content: ""; display: table; } .cf:after { clear: both; } .cf { zoom: 1; } /* Remove FF input padding for consistant alignment */ input::-moz-focus-inner, button::-moz-focus-inner { border: 0; padding: 0; } /* Remove the odd input formatting from iOS */ button, input[type=submit], input[type=button] { -webkit-appearance: none; } /* Do not use focus outline unless tabbing, or no-js */ .js body:not(.tab-used) *:focus { outline: none; } /* Standard text CSS */ strong, b { font-weight: bold; } abbr, acronym { border-bottom: 1px dotted #000000; cursor: help; } em, i { font-style: italic; } ul, ol, dl { margin: 1em; font-size: 100%; } sub, sup { font-size: 75%; line-height: 0; position: relative; } sup { top: -0.5em; } sub { bottom: -0.25em; } blockquote { margin: 1.5em 0em; margin-inline-start: 10px; padding: 0.5em 0em; quotes: "“" "”"; font-size: 130%; font-style: italic; line-height: 1.5em; } blockquote:before { color: #000000; content: open-quote; font-size: 3em; line-height: 0.1em; margin-inline-start: -20px; margin-inline-end: 10px; vertical-align: -0.48em; } blockquote :first-child { display: inline; } blockquote :last-child { margin-bottom: 0; } blockquote:after { content: no-close-quote; } ol, ul, dl { margin-inline-start: 2em; } ol li { list-style: decimal outside; } ul li { list-style: disc outside; } dl dd { margin-inline-start: 1em; } th, td { border-bottom: 1px solid #e2e2e2; border-collapse: collapse; border-top: 1px solid #e2e2e2; padding: 0.7em; } th { /*distinguishing table headers from data cells*/ font-weight: bold; text-align: start; border-bottom-width: 3px; } table.noborders td, table.noborders th { border: none; } caption { margin-bottom: 0.5em; text-align: center; } p, fieldset, table { margin-bottom: 1em; } hr { border: none; width: 100%; color: transparent; border-bottom: 1px solid #e2e2e2; height: 1px; margin: 10px 0; } /* Fonts */  body { font-family: Jost, sans-serif; font-weight: 400; font-style: normal; }h1, .h1-style, h2, h3, h4, h5, h6, .heading-font { font-family: "EB Garamond", serif; font-weight: 400; font-style: normal; }.pageheader .logotext, #shoplogo .logotext { font-family: Jost, sans-serif; font-weight: 400; font-style: normal; }.navigation { font-family: Jost, sans-serif; font-weight: 500; font-style: normal; } /* Theme styles */ body { font-size: 15px; line-height: 1.6; color: #000000; background: #ffffff;   background-repeat: repeat;   overflow-y: scroll; /* Fonts on Macs look bad without these */ -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; }  ::selection { /* Webkit & Opera */ background: #000000; color: #ffffff; } ::-moz-selection { /* Firefox */ background: #000000; color: #ffffff; }  a { color: #c16452; transition: color 100ms, border-color 100ms, opacity 100ms, text-decoration-color 100ms; text-decoration: none; -webkit-tap-highlight-color: transparent; } select { max-width: 100%; font-family: inherit; font-weight: inherit; font-style: inherit; } input[type=text], input[type=number], input[type=email], input[type=password], input[type=address], input[type=tel], textarea { font-size: 16px; line-height: 15px; font-family: Jost, sans-serif; font-weight: 400; font-style: normal; background: #ffffff; color: #000000; border: 1.5px solid #bfbfbf; padding: 0.8em 15px; margin: 0; vertical-align: middle; max-width: 100%; border-radius: 3px; -webkit-appearance: none; box-sizing: border-box; } input[type=text]:hover, input[type=number]:hover, input[type=email]:hover, input[type=password]:hover, input[type=address]:hover, input[type=tel]:hover, textarea:hover { border-color: #737373; } input[type=text]:active, input[type=text]:focus, input[type=number]:active, input[type=number]:focus, input[type=email]:active, input[type=email]:focus, input[type=password]:active, input[type=password]:focus, input[type=address]:active, input[type=address]:focus, input[type=tel]:active, input[type=tel]:focus, textarea:active, textarea:focus { border-color: #000000; } textarea { line-height: 1.6; height: 120px; padding-top: 10px; padding-bottom: 10px; } input[type=email], input[type=tel] { direction: ltr; } input[type=number] { -moz-appearance: textfield; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } /* HTML5 input placeholders */ ::-webkit-input-placeholder { color: #000000; } :-moz-placeholder { /* Firefox 18- */ color: #000000; } ::-moz-placeholder { /* Firefox 19+ */ color: #000000; } :-ms-input-placeholder { color: #000000; } .button, a.button, .btn, a.btn, button, input[type=submit], input[type=reset], input[type=button] { background: #212b36; border: 1.5px solid #212b36; color: #ffffff; font-size: 13px; font-family: inherit; font-weight: inherit; font-style: inherit; line-height: 1em; height: auto; margin: 0; text-decoration: none !important; cursor: pointer; padding: 1.2em 25px 1.2em; vertical-align: middle; text-align: center; border-radius: 3px; transition: background-color 100ms, color 100ms, border-color 100ms, opacity 100ms; display: inline-block; font-family: Jost, sans-serif; font-weight: 400; font-style: normal; letter-spacing: 0.08em; text-transform: uppercase; -webkit-tap-highlight-color: transparent; } .button svg:not(.feather):not(.cc-select__icon):not(.icon--full-color), a.button svg:not(.feather):not(.cc-select__icon):not(.icon--full-color), .btn svg:not(.feather):not(.cc-select__icon):not(.icon--full-color), a.btn svg:not(.feather):not(.cc-select__icon):not(.icon--full-color), button svg:not(.feather):not(.cc-select__icon):not(.icon--full-color), input[type=submit] svg:not(.feather):not(.cc-select__icon):not(.icon--full-color), input[type=reset] svg:not(.feather):not(.cc-select__icon):not(.icon--full-color), input[type=button] svg:not(.feather):not(.cc-select__icon):not(.icon--full-color) { fill: #ffffff; } .button svg.feather, a.button svg.feather, .btn svg.feather, a.btn svg.feather, button svg.feather, input[type=submit] svg.feather, input[type=reset] svg.feather, input[type=button] svg.feather { fill: transparent; stroke: currentColor; } .button .icon, a.button .icon, .btn .icon, a.btn .icon, button .icon, input[type=submit] .icon, input[type=reset] .icon, input[type=button] .icon { position: relative; display: inline-block; vertical-align: top; height: 1em; width: 24px; } .button .icon svg, a.button .icon svg, .btn .icon svg, a.btn .icon svg, button .icon svg, input[type=submit] .icon svg, input[type=reset] .icon svg, input[type=button] .icon svg { position: absolute; top: 50%; left: 0; width: 20px; height: 20px; margin-top: -10px; } .button .icon + span, a.button .icon + span, .btn .icon + span, a.btn .icon + span, button .icon + span, input[type=submit] .icon + span, input[type=reset] .icon + span, input[type=button] .icon + span { vertical-align: top; } @media (hover: none) { .button:active, a.button:active, .btn:active, a.btn:active, button:active, input[type=submit]:active, input[type=reset]:active, input[type=button]:active { background: #c16452; border-color: #c16452; } } @media (hover: hover) { .button:hover, a.button:hover, .btn:hover, a.btn:hover, button:hover, input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover { background: #c16452; border-color: #c16452; } } .button.button--large, a.button.button--large, .btn.button--large, a.btn.button--large, button.button--large, input[type=submit].button--large, input[type=reset].button--large, input[type=button].button--large { padding: 15px 25px; font-size: 15px; } .button.button--icon { width: auto; min-width: 0; font-size: 15px; padding: 0.8em; } .button.altcolour, .btn.btn--secondary, button.altcolour, input[type=submit].altcolour, input[type=reset].altcolour, input[type=button].altcolour { background: #ffffff; color: #212b36; border: 1.5px solid ; } .button.altcolour svg:not(.feather):not(.cc-select__icon), .btn.btn--secondary svg:not(.feather):not(.cc-select__icon), button.altcolour svg:not(.feather):not(.cc-select__icon), input[type=submit].altcolour svg:not(.feather):not(.cc-select__icon), input[type=reset].altcolour svg:not(.feather):not(.cc-select__icon), input[type=button].altcolour svg:not(.feather):not(.cc-select__icon) { fill: #212b36; } @media (hover: none) { .button.altcolour:active, .btn.btn--secondary:active, button.altcolour:active, input[type=submit].altcolour:active, input[type=reset].altcolour:active, input[type=button].altcolour:active { background: #212b36; color: #ffffff; border-color: #212b36; } .button.altcolour:active svg:not(.feather):not(.cc-select__icon), .btn.btn--secondary:active svg:not(.feather):not(.cc-select__icon), button.altcolour:active svg:not(.feather):not(.cc-select__icon), input[type=submit].altcolour:active svg:not(.feather):not(.cc-select__icon), input[type=reset].altcolour:active svg:not(.feather):not(.cc-select__icon), input[type=button].altcolour:active svg:not(.feather):not(.cc-select__icon) { fill: #ffffff; } } @media (hover: hover) { .button.altcolour:hover, .btn.btn--secondary:hover, button.altcolour:hover, input[type=submit].altcolour:hover, input[type=reset].altcolour:hover, input[type=button].altcolour:hover { background: #212b36; color: #ffffff; border-color: #212b36; } .button.altcolour:hover svg:not(.feather):not(.cc-select__icon), .btn.btn--secondary:hover svg:not(.feather):not(.cc-select__icon), button.altcolour:hover svg:not(.feather):not(.cc-select__icon), input[type=submit].altcolour:hover svg:not(.feather):not(.cc-select__icon), input[type=reset].altcolour:hover svg:not(.feather):not(.cc-select__icon), input[type=button].altcolour:hover svg:not(.feather):not(.cc-select__icon) { fill: #ffffff; } } .btn.btn--tertiary { padding: 0.9em 20px; background: #ebebeb; color: #000000; border-color: #ebebeb; } @media (hover: none) { .btn.btn--tertiary:active { background: #212b36; color: #ffffff; border-color: #212b36; } } @media (hover: hover) { .btn.btn--tertiary:hover { background: #212b36; color: #ffffff; border-color: #212b36; } } .button.notabutton, a.button.notabutton, button.notabutton, input[type=submit].notabutton { background: none; border: none; padding: 0; margin: 0; font-size: inherit; line-height: inherit; font-family: inherit; letter-spacing: inherit; text-transform: none; vertical-align: baseline; min-width: 0; overflow: visible; height: auto; color: #c16452; -moz-transition: color 100ms; -webkit-transition: color 100ms; transition: color 100ms; } .button.disabled, a.button.disabled, button[disabled], input[type=submit][disabled], input[type=reset][disabled], input[type=button][disabled] { background: #999 !important; color: #fff !important; border-color: #999 !important; } .button-icon { display: inline-block; vertical-align: middle; position: relative; width: 20px; height: 15px; } .button-icon:first-child { margin-inline-end: 8px; } .button-icon:last-child { margin-inline-start: 8px; } .button-icon svg { position: absolute; left: 0; top: 50%; margin-top: -10px; width: 20px; height: 20px; } .button-icon svg.feather { fill: transparent; stroke: currentColor; stroke-width: 1; } .toggle-btn { position: relative; height: 3em; display: flex; align-items: center; padding-inline-end: 2.5em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; color: inherit; } @media (max-width: 767.98px) { .toggle-btn { padding-inline-end: 0; } } .toggle-btn:hover { color: inherit; } .toggle-btn .button-icon circle { fill: #ffffff; transition: transform 400ms cubic-bezier(0.11, 0.44, 0.03, 1); } .toggle-btn .toggle-btn__chevron { transition: transform 250ms ease; position: absolute; margin: -12px 0 0 0; width: 24px; height: 24px; left: auto; right: 7px; top: 50%; pointer-events: none; border: none; } [dir=rtl] .toggle-btn .toggle-btn__chevron { left: 7px; right: auto; } .toggle-btn .toggle-btn__chevron svg { width: 100%; height: 100%; vertical-align: top; } @media (max-width: 767.98px) { .toggle-btn .toggle-btn__chevron { display: none; } } .toggle-btn__count { margin-inline-start: 0.3em; } @media (min-width: 768px) { .toggle-btn--revealed-desktop .button-icon svg circle:nth-child(3) { transform: translateX(6px); } .toggle-btn--revealed-desktop .button-icon svg circle:nth-child(4) { transform: translateX(-6px); } .toggle-btn--revealed-desktop .toggle-btn__chevron { transform: rotate(180deg); } } h1, .h1-style, h2, h3, h4, h5, h6, .heading-font { color: #000000; line-height: 1.2; margin-bottom: 10px; } h1 svg, h1 svg g, .h1-style svg, .h1-style svg g, h2 svg, h2 svg g, h3 svg, h3 svg g, h4 svg, h4 svg g, h5 svg, h5 svg g, h6 svg, h6 svg g, .heading-font svg, .heading-font svg g { fill: currentColor; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; text-decoration: none; } h1, .h1-style { font-size: 28px; }  h2, .h2-style { font-size: 25px; } h3, .h3-style { font-size: 23px; } h4, .h4-style { font-size: 21px; } h5, .h5-style { font-size: 19px; } h6, .h6-style { font-size: 17px; } @media (max-width: 767.98px) { h1, .h1-style { font-size: 22px; }  h2, .h2-style { font-size: 21px; } h3, .h3-style { font-size: 19px; } h4, .h4-style { font-size: 18px; } h5, .h5-style { font-size: 17px; } h6, .h6-style { font-size: 16.12px; } }  .title, .majortitle { margin: 0 0 1.25rem; } .hometitle { line-height: 1em; margin: 0 0 30px; } @media (max-width: 1300px) { .hometitle { margin-bottom: 20px; } } .small-text { font-size: 12px; line-height: 1.4em; } .large-text { font-size: 1.35em; line-height: 1.6; } @media (max-width: 767.98px) { .large-text { font-size: 1.2em; line-height: 1.6; } } .super-large-text { font-size: 49px; } @media (max-width: 767.98px) { .super-large-text { font-size: 22px; } } .subheading { font-size: 0.8em; font-weight: 500; line-height: 1.3em; letter-spacing: 0.1em; text-transform: uppercase; } .subheading--over { margin-bottom: 2.25em; } .small-feature-link { color: #c16452; text-decoration: underline; text-underline-offset: 2px; text-decoration-color: rgba(193, 100, 82, 0.4); text-decoration-thickness: 1px; font-size: 0.75em; font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase; } .small-feature-link:hover { text-decoration-color: #c16452; } .orphan-join { white-space: nowrap; } img { max-width: 100%; height: auto; } svg { width: 24px; height: 24px; vertical-align: middle; transition: fill 100ms; } svg g { transition: fill 100ms; } .beside-svg { vertical-align: middle; } svg.feather { fill: transparent; stroke: currentColor; } .icon--small { width: 16px; height: 16px; } .icon--small svg { width: 16px; height: 16px; } .icon--large { width: 38px; height: 38px; } .icon--large svg { width: 38px; height: 38px; } .with-icon { display: inline-flex; align-items: flex-start; vertical-align: top; line-height: 1.4; } .with-icon > .icon, .with-icon > .icon-container { flex: 0 0 auto; margin: calc(0.8em - 10px) 0 0; margin-inline-end: 12px; } .with-icon > .icon-container .icon { display: block; } .with-icon .icon--large { margin: 0; margin-inline-end: 16px; } .icon-natcol .feather { stroke: currentColor; } .no-wrap { white-space: nowrap; } .hidden { display: none; } .js .js-hidden { display: none !important; } .visually-hidden, .swatch-style-icon_square .option-selector--swatch .opt-label .opt-label__text, .swatch-style-icon_circle .option-selector--swatch .opt-label .opt-label__text { position: absolute !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; height: 1px !important; width: 1px !important; margin: -1px !important; padding: 0 !important; border: 0 !important; } .only-in-quickbuy { display: none; } .skip-link:focus { position: absolute !important; overflow: auto !important; clip: auto !important; width: auto !important; height: auto !important; margin: 0 !important; color: #26262c !important; background-color: #fdfdfa !important; padding: 10px !important; z-index: 10000 !important; transition: none !important; } /* Lists  */ .container { max-width: 1480px; margin-left: auto; margin-right: auto; padding-left: 40px; padding-right: 40px; } @media (max-width: 1300px) { .container { padding-left: 30px; padding-right: 30px; } } .container--no-max { max-width: none; } .inline-width-container { display: inline-block; vertical-align: top; max-width: 100%; } #content > .container { margin-top: 50px; margin-bottom: 50px; } .template-index #content > .container, .template-collection #content > .container, .template-list-collections #content > .container, .template-product #content > .container, .template-blog #content > .container, .template-article #content > .container, .template-page #content > .container, .template-search #content > .container, .template-cart #content > .container, .template-customers-login #content > .container, .template-customers-register #content > .container { max-width: none; margin-top: 0; margin-bottom: 0; padding-left: 0; padding-right: 0; } .template-collection .page-header:not(.page-header--with-background) .pagetitle:last-child { margin-bottom: -25px; } .story-page--without-content { margin-top: -30px; } .content-divider { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #e2e2e2; } /* Store messages */ .store-messages { background: var(--background); } .store-messages a { color: inherit; text-decoration: none; } .store-messages .message { position: relative; text-align: center; padding: 12px 0; } .store-messages .message > a { display: block; } .store-messages .message .title, .store-messages .message .tagline { margin: 0 20px; } .store-messages .message .title { font-size: 100%; line-height: 1.3em; color: var(--text-1); } .store-messages .message .tagline { display: block; font-size: 12px; line-height: 1.4em; color: var(--text-2); } .store-messages .message .tagline:nth-child(2) { margin-bottom: 4px; margin-top: 5px; } .store-messages .message .fluff { border-left: 1px solid var(--text-2); width: 1px; position: absolute; left: 0; top: 28%; bottom: 29%; opacity: 0.15; } .store-messages.messages-2 .message { float: left; width: 49.5%; } .store-messages.messages-3 .message { float: left; width: 33.33%; } .store-messages-mobile { padding: 8px 0; background: var(--background); color: var(--text-1); font-size: 12px; line-height: 1.2em; text-align: center; } .store-messages-mobile a, .store-messages-mobile a:hover { color: inherit; } /* Headings above content */ .page-header { text-align: center; } .page-header:not(.page-header--with-background) { padding: 0 0 20px; } .page-header--with-upper-spacing { margin-top: 30px; } .page-header--with-background { margin-bottom: 30px; } .page-header--with-background .pagetitle { color: inherit; } .page-header--with-background .pagetitle:last-child { margin-bottom: 0; } .page-header--padded-small .overlay-text { padding-top: 60px; padding-bottom: 60px; } .page-header--padded-medium .overlay-text { padding-top: 90px; padding-bottom: 90px; } .page-header--padded-large .overlay-text { padding-top: 130px; padding-bottom: 130px; } .page-header--padded-huge .overlay-text { padding-top: 200px; padding-bottom: 200px; } @media (max-width: 767.98px) { .page-header--padded-small .overlay-text { padding-top: 40px; padding-bottom: 40px; } .page-header--padded-medium .overlay-text { padding-top: 60px; padding-bottom: 60px; } .page-header--padded-large .overlay-text { padding-top: 80px; padding-bottom: 80px; } .page-header--padded-huge .overlay-text { padding-top: 80px; padding-bottom: 80px; } .page-header--background-desktop-only { background: none !important; padding: 0 !important; } .page-header--background-desktop-only > .rimage-background { display: none !important; } .page-header--background-desktop-only::after { content: none !important; } } @media (min-width: 768px) { .page-header-background-mobile-only { background: none !important; padding: 0 !important; } .page-header-background-mobile-only > .rimage-background { display: none !important; } .page-header-background-mobile-only::after { content: none !important; } } .page-header .pagetitle { margin-bottom: 20px; } .page-header .rsslink svg { margin-left: 8px; width: 15px; height: 15px; fill: currentColor; } /* Pagination */ .pagination-row { text-align: center; margin-top: 30px; margin-bottom: 20px; } [dir=rtl] .pagination { display: flex; flex-wrap: wrap; justify-content: center; } [dir=rtl] .pagination .pagination__sep, [dir=rtl] .pagination .pagination__number { margin: 0 8px; } .pagination__sep { margin: 0 4px; } .pagination__number { margin: 0 4px; } .pagination-row.pagination-row-tabular { display: flex; justify-content: space-between; align-items: flex-end; } .pagination-row.pagination-row-tabular > * { flex: 1 1 0; } [dir=rtl] .ltr-icon svg, [dir=rtl] svg.ltr-icon { transform: scaleX(-1); } /* Main footer */ #pagefooter { background: #f4dfdb; color: #676869; } #pagefooter h1, #pagefooter h2, #pagefooter h3, #pagefooter h4, #pagefooter h5, #pagefooter h6 { color: #171717; } #pagefooter a { color: inherit; } #pagefooter a:hover { opacity: 0.75; } #pagefooter .cross-page-promos { background: #f7f1f0; padding-top: 20px; padding-bottom: 20px; } #pagefooter .cross-page-promos, #pagefooter .cross-page-promos a, #pagefooter .cross-page-promos h6 { color: #171717; } #pagefooter .cross-page-promos a { display: block; } .selectors-form__item { display: inline-block; } /* Social links */ .social-links ul, .social-links li { display: inline-block; vertical-align: top; list-style: none; margin: 0; padding: 0; line-height: 15px; } .social-links a { display: inline-block; vertical-align: top; margin-inline-start: 10px; } .social-links a svg { width: 15px; height: 15px; vertical-align: top; } .social-links a img { height: 15px; width: auto; vertical-align: top; } .social-links.social-links--large ul, .social-links.social-links--large li { line-height: 23px; } .social-links.social-links--large a svg { width: 23px; height: 23px; } .social-links.social-links--large a img { height: 23px; } .sharing { display: inline; } .sharing .sharing-label { vertical-align: middle; font-size: 12px; } .sharing ul { vertical-align: middle; } .sharing ul, .sharing li { line-height: 15px; } .sharing a svg { width: 15px; height: 15px; } .sharing a svg, .sharing a svg g { fill: #c16452; } ul.plain li { list-style: none; } ul.inline, ul.inline li { margin: 0; display: inline; } /* Product listing */ .product-block { text-align: center; } .product-block .block-inner .vendor { margin: 1em 0 0.4em; font-size: 12px; line-height: 1.3em; } .product-block__subtitle { margin: 0 0 0.4em; font-size: 12px; line-height: 1.3em; } .product-block-options { margin: 8px -4px; font-size: 12px; line-height: 1.4em; opacity: 0.6; } .product-block-options .product-block-options__inner { margin-bottom: -6px; } .product-block-options .product-block-options__item--truncated { display: none; } .product-block-options:hover .product-block-options__item--truncated { display: inline-block; } .product-block-options:hover .product-block-options__more-label { display: none; } [data-swatch] { --swatch-background-color: transparent; --swatch-background-image: none; } .product-block-options--swatch { opacity: 1; } .product-block-options--swatch .product-block-options__inner { display: inline-block; } @media (min-width: 768px) { .product-block-options--swatch .product-block-options__inner { margin-bottom: -12px; } } :root { --product-block-options-swatch-border-radius: 100px; } .product-block-options__item { margin: 0 4px 6px; display: inline-block; vertical-align: middle; } .product-block-options--swatch .product-block-options__item { position: relative; margin: 0 4px 8px; border-radius: var(--product-block-options-swatch-border-radius); border: 1px solid rgba(0, 0, 0, 0.1); background-color: var(--swatch-background-color); background-image: var(--swatch-background-image); background-position: center center; background-size: cover; background-repeat: no-repeat; background-clip: padding-box; } .product-block-options--swatch .product-block-options__item.product-block-options__item--unavailable { text-decoration: none; } .product-block-options--swatch .product-block-options__item.product-block-options__item--unavailable::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #ffffff; opacity: 0.4; border-radius: var(--product-block-options-swatch-border-radius); } .product-block-options--swatch .product-block-options__item.product-block-options__item--unavailable::after { content: ""; position: absolute; top: 50%; left: -4px; right: -4px; height: 1px; background: rgba(0, 0, 0, 0.3); opacity: 1; transform: rotate(-45deg); } @media (min-width: 1000px) { .product-block-options--swatch .product-block-options__item:hover[data-media], .product-block-options--swatch .product-block-options__item:focus[data-media], .product-block-options--swatch .product-block-options__item:active[data-media] { cursor: pointer; } .product-block-options--swatch .product-block-options__item:hover .product-block-options__item__text, .product-block-options--swatch .product-block-options__item:focus .product-block-options__item__text, .product-block-options--swatch .product-block-options__item:active .product-block-options__item__text { opacity: 1; } } .product-block-options--swatch .product-block-options__item .product-block-options__item__text { pointer-events: none; opacity: 0; position: absolute; left: 50%; bottom: 100%; transform: translate3d(-50%, -10px, 0); white-space: nowrap; background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.15); padding: 4px 12px; border-radius: 3px; z-index: 1; transition: opacity 50ms; } @media (max-width: 767.98px) { .product-block-options--swatch .product-block-options__item .product-block-options__item__text { display: none; } } .swatch-method-standard .product-block-options--swatch .product-block-options__item { width: 22px; height: 22px; } @media (min-width: 768px) { .swatch-method-standard .product-block-options--swatch .product-block-options__item { width: 14px; height: 14px; } } .swatch-method-standard .product-block-options--swatch .product-block-options__item.product-block-options__item--unavailable { box-shadow: 0 0 0 2px #ffffff, 0 0 0 3px rgba(0, 0, 0, 0.3); } @media (min-width: 768px) { .swatch-method-standard .product-block-options--swatch .product-block-options__item.product-block-options__item--unavailable { box-shadow: 0 0 0 3px #ffffff, 0 0 0 4px rgba(0, 0, 0, 0.3); } } .swatch-method-standard .product-block-options--swatch .product-block-options__item:focus, .swatch-method-standard .product-block-options--swatch .product-block-options__item:active { box-shadow: 0 0 0 2px #ffffff, 0 0 0 3px rgba(0, 0, 0, 0.6); } @media (min-width: 1000px) { .swatch-method-standard .product-block-options--swatch .product-block-options__item:hover, .swatch-method-standard .product-block-options--swatch .product-block-options__item:focus, .swatch-method-standard .product-block-options--swatch .product-block-options__item:active { box-shadow: 0 0 0 3px #ffffff, 0 0 0 4px rgba(0, 0, 0, 0.3); } } .swatch-method-image .product-block-options--swatch .product-block-options__item { width: 36px; height: 36px; } @media (min-width: 768px) { .swatch-method-image .product-block-options--swatch .product-block-options__item { width: 36px; height: 36px; } } .swatch-method-image .product-block-options--swatch .product-block-options__item:focus, .swatch-method-image .product-block-options--swatch .product-block-options__item:active { border-color: rgba(0, 0, 0, 0.6); } @media (min-width: 1000px) { .swatch-method-image .product-block-options--swatch .product-block-options__item:focus, .swatch-method-image .product-block-options--swatch .product-block-options__item:active, .swatch-method-image .product-block-options--swatch .product-block-options__item:hover { border-color: rgba(0, 0, 0, 0.3); } } .swatch-method-image.swatch-style-icon_square .product-block-options--swatch .product-block-options__item.product-block-options__item--unavailable::after { left: -7px; right: -7px; } .swatch-style-icon_square .product-block-options__item { --product-block-options-swatch-border-radius: 3px; } .swatch-method-image.swatch-style-icon_circle .product-block-options__item.product-block-options__item--unavailable::after { left: 0px; right: 0px; } .swatch-method-standard.swatch-style-icon_square .product-block-options--swatch .product-block-options__item.product-block-options__item--unavailable::after { left: -6.5px; right: -6.5px; } @media (min-width: 768px) { .swatch-method-standard .product-block-options { margin-left: -7px; margin-right: -7px; } .swatch-method-standard .product-block-options__item { margin: 0 7px 12px; } .swatch-method-image .product-block-options { margin-left: -3px; margin-right: -3px; } .swatch-method-image .product-block-options__item { margin: 0 3px 10px; } } .product-block-options__item--unavailable { text-decoration: line-through; } .product-block-options__more-label { display: inline-block; margin: 0 0 8px 4px; vertical-align: middle; line-height: 22px; } @media (min-width: 768px) { .product-block-options__more-label { margin: 0 7px 12px 4px; line-height: 14px; } } .product-block .block-inner { position: relative; margin: 0 0 30px; } @media (max-width: 1300px) { .product-block .block-inner { margin: 0 0 20px; } } .product-block .product-link { display: block; position: relative; } .product-block .product-link:not(.button) { color: inherit; } .product-block .image-cont { position: relative; margin: 0 auto; overflow: hidden; } .product-block .image-cont .btn.quickbuy-toggle { display: none; } @media (min-width: 768px) { .product-block .image-cont .btn.quickbuy-toggle { display: block; position: absolute; bottom: 10px; left: 10px; width: calc(100% - 20px); padding: 1em 20px; border-color: rgba(0, 0, 0, 0.15); font-size: 13px; visibility: hidden; opacity: 0; transition: all 100ms ease-out; } .product-block .image-cont .btn.quickbuy-toggle:hover { background: #ffffff; color: #212b36; border-color: rgba(0, 0, 0, 0.15); } .product-block .image-cont:hover .btn.quickbuy-toggle { opacity: 1; visibility: visible; } } .product-block .image-cont .placeholder-image { width: 100%; max-width: 100%; } .product-block__image .rimage__image { object-position: center center; } .product-block__image .rimage-background { background-position: center center; } .image-cont--with-secondary-image .product-block__image--secondary { display: none; } .image-page-button { display: none; position: absolute; top: 50%; transform: translateY(-50%); opacity: 0; pointer-events: none; transition: opacity 100ms; padding: 3px; z-index: 3; } .image-page-button, .image-page-button:hover { background: transparent; border: none; color: #000000; } .image-page-button::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #ffffff; opacity: 0.7; } .image-page-button:hover::after { opacity: 0.9; } .image-page-button svg { position: relative; z-index: 1; display: block; fill: transparent; stroke: #000000; } @media (max-width: 767.98px) { .product-list--per-row-mob-1 .image-page-button { display: block; opacity: 1; pointer-events: auto; } } .slick-slider .image-page-button { opacity: 1; pointer-events: auto; } .slick-slider .image-page-button.slick-disabled { opacity: 0; pointer-events: none; } .image-page-button--previous { left: 0; border-radius: 0 3px 3px 0; overflow: hidden; } [dir=rtl] .image-page-button--previous { left: auto; right: 0; border-radius: 3px 0 0 3px; } .image-page-button--next { right: 0; border-radius: 3px 0 0 3px; overflow: hidden; } [dir=rtl] .image-page-button--next { left: 0; right: auto; border-radius: 0 3px 3px 0; } .product-block__image-dots { position: absolute; bottom: 10px; left: 10px; line-height: 7px; white-space: nowrap; pointer-events: none; } @media (max-width: 767.98px) { .product-list--per-row-mob-1 .product-block__image-dots { display: none; } } .product-block__image-dot { display: inline-block; width: 7px; height: 7px; border-radius: 7px; margin-right: 4px; border: 1px solid currentColor; vertical-align: top; } .product-block__image-dot--active { background: currentColor; } .product-block__image-dot--more { opacity: 0.25; } .image-cont--with-secondary-image .product-block__image--secondary { display: block; position: absolute; top: 0; left: 0; width: calc(100% + 0.5px); height: calc(100% + 0.5px); overflow: hidden; opacity: 0; pointer-events: none; } .image-cont--with-secondary-image .product-block__image--primary { opacity: 0; } .image-cont--with-secondary-image .product-block__image--active { opacity: 1; } .image-cont--with-secondary-image .product-block__image { transition: opacity 100ms; } .image-cont--with-secondary-image.image-cont--same-aspect-ratio .product-block__image { transition: opacity 100ms 100ms; } .image-cont--with-secondary-image.image-cont--same-aspect-ratio .product-block__image--active { transition: opacity 100ms 0ms; } .product-block__image--inactivated { display: none !important; } @media (min-width: 960px) { .image-cont--with-secondary-image .product-block__image-dots { display: none; } .image-cont--with-secondary-image:hover .product-block__image--active { opacity: 0; } .image-cont--with-secondary-image:hover .product-block__image--show-on-hover { opacity: 1; } .image-cont--with-secondary-image.image-cont--same-aspect-ratio:hover .product-block__image--active { transition: opacity 50ms 50ms; } .image-cont--with-secondary-image.image-cont--same-aspect-ratio:hover .product-block__image--show-on-hover { transition: opacity 50ms 0ms; } .image-cont--with-secondary-image .image-page-button { display: block; } .image-cont--with-secondary-image:hover .image-page-button { opacity: 1; pointer-events: auto; } } .product-block .image-label-wrap { position: relative; } .product-label-container { position: absolute; display: flex; flex-direction: column; top: 7.5px; bottom: 7.5px; left: 7.5px; right: 7.5px; pointer-events: none;  justify-content: flex-start;   align-items: flex-start;  } .product-label { display: block; margin: 2.5px; }  .product-label > span { display: inline-block; padding: 0.5em 1em; background: #0d8552; color: #ffffff; font-size: 11px; line-height: 1.2; vertical-align: top; } @media (min-width: 768px) { .product-label > span { font-size: 12px; } } .product-label--sale { font-weight: 600; } .product-label--stock > span { background: #09728c; color: #ffffff; } .product-label--new-in > span { background: #de9d9a; color: #ffffff; } .product-label--meta > span { background: #09728c; color: #ffffff; } .price-label--sold-out { color: #171717; } .price-label--sale { color: #c20000; } .price-label--preorder { color: #3ea36a; } .product-block .product-info { display: block; color: inherit; margin: 10px 0 0; font-size: 14px; text-align: center; } .product-price { display: flex; flex-wrap: wrap; align-items: baseline; }  .product-price { justify-content: center; } .product-price__item { margin-inline-start: 0.25rem; margin-inline-end: 0.25rem; }  .product-price__compare { opacity: 1; text-decoration: line-through; } .product-price__from { margin-inline-end: 0.35em; font-size: 12px; } .product-block .product-info .unit-price { font-size: 12px; } @media (max-width: 767.98px) { .product-block .product-info .innerer { display: flex; flex-direction: column; } .product-block .product-info .innerer .product-block-options--swatch { margin-top: 2px; margin-bottom: 10px; order: -1; } } .product-block.expanded .block-inner::after { top: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; z-index: 10; pointer-events: none; border-bottom-color: #f7f1f0; border-width: 15px; left: 50%; margin: 1px 0 0 -15px; } @media (max-width: 1300px) { .product-block.expanded .block-inner::after { margin-top: -9px; } } .product-block .product-info > .inner { margin-left: auto; margin-right: auto; } /* Collection blocks - in style of product block */ .collection-slider .carousel .product-block.collection-block { margin-bottom: 0; } .collection-slider .carousel .product-block.collection-block .block-inner, .collection-slider .carousel .product-block.collection-block .product-info { margin-bottom: 0; } .product-block.collection-block .image-cont { padding-bottom: 0; } .product-block.collection-block .image-cont .rimage__image { object-position: center center; } .product-block.collection-block .product-info { text-align: center; } .collection-slider-row.for-collections { margin-bottom: 50px; } .collection-slider-row.for-collections.use-alt-bg { margin-top: 0; margin-bottom: 0; padding-bottom: 50px; } .use-alt-bg { background-color: #f7f1f0; color: #707173; } .use-alt-bg h1, .use-alt-bg .h1-style, .use-alt-bg h2, .use-alt-bg h3, .use-alt-bg h4, .use-alt-bg h5, .use-alt-bg h6, .use-alt-bg .heading-font { color: #171717; } .use-alt-bg .rte a, .use-alt-bg .small-feature-link, .use-alt-bg .underline { color: #c16452; text-decoration: underline; text-underline-offset: 2px; text-decoration-color: rgba(193, 100, 82, 0.4); text-decoration-thickness: 1px; } .use-alt-bg .rte a:hover, .use-alt-bg .small-feature-link:hover, .use-alt-bg .underline:hover { color: #c16452; text-decoration-color: currentColor; } .use-alt-bg svg.feather { stroke: currentColor; } /* Search results */ .product-block.page-block .article-image { margin: 0 0 1em; } .product-block.page-block .block-inner { overflow: hidden; } .product-block.page-block .block-inner .text-cont { overflow: hidden; text-align: start; } .product-block .small { font-size: 0.75em; } /* Product detail */ @media (min-width: 768px) { .product-detail { display: flex; justify-content: center; } .product-detail .product-column-left { flex: 0 0 auto; width: 50%; } .product-detail .product-column-right { flex: 0 0 auto; margin-inline-start: 44px; width: calc(50% - 44px); max-width: 490px; } } @media (min-width: 1040px) { .product-detail .gallery-size-small { width: 35%; } .product-detail .gallery-size-small + .product-column-right { width: calc(100% - 35% - 44px); } .product-detail .gallery-size-medium { width: 45%; } .product-detail .gallery-size-medium + .product-column-right { width: calc(100% - 45% - 44px); } .product-detail .gallery-size-large { width: 62%; } .product-detail .gallery-size-large + .product-column-right { width: calc(100% - 62% - 44px); } } .product-detail .gallery { position: relative; } .product-detail .gallery .gallery__inner { width: 100%; } .product-detail .gallery .main-image { margin: 0 0 20px 0; width: 100%; text-align: center; position: relative; } @media (max-width: 767.98px) { .product-detail .gallery .main-image { margin: 0 -16px 10px; width: auto; } } .product-detail .gallery .slick-dots { box-sizing: border-box; margin-bottom: -10px; padding: 20px 44px 0; display: flex; justify-content: center; flex-wrap: wrap; } .product-detail .gallery .slick-dots li { flex: 0 1 40px; display: flex; justify-content: center; } .product-detail .gallery .slick-dots li button::before { left: 4px; width: 32px; height: 2px; content: ""; background-color: #000000; opacity: 0.25; transition: opacity 150ms; } .product-detail .gallery .slick-dots .slick-active button:before { color: #000000; opacity: 0.85; } .product-detail .gallery .product-label-container { justify-content: flex-start; align-items: flex-end; z-index: 1; } .slideshow--custom-initial:not(.slick-initialized) .slide { display: none; } .slideshow--custom-initial:not(.slick-initialized) .slide--custom-initial { display: block; } @media (max-width: 767.98px) { .slideshow--custom-initial:not(.slick-initialized) .slide { display: none !important; } .slideshow--custom-initial:not(.slick-initialized) .slide--custom-initial { display: block !important; flex-grow: 1 !important; } } .slideshow-controls { position: static; } @media (max-width: 767.98px) { .slideshow-controls { position: relative; height: auto; } } .slideshow .h1-style { line-height: 1.3em; } .slideshow[data-transition=slide] .slide .overlay-text__text, .slideshow[data-transition=zoom] .slide.image-overlay--bg-box .overlay-text__text, .slideshow[data-transition=slide_fade] .slide.image-overlay--bg-box .overlay-text__text { transition: opacity 0.5s 1s; opacity: 0; } .slideshow[data-transition=slide] .slide.slick-active .overlay-text__text, .slideshow[data-transition=zoom] .slide.image-overlay--bg-box.slick-active .overlay-text__text, .slideshow[data-transition=slide_fade] .slide.image-overlay--bg-box.slick-active .overlay-text__text { opacity: 1; } .slideshow[data-transition=zoom] .slide:not(.image-overlay--bg-box) .overlay-text__text, .slideshow[data-transition=slide_fade] .slide:not(.image-overlay--bg-box) .overlay-text__text { transition: opacity 0.3s; } .slideshow[data-transition=zoom] .slide:not(.image-overlay--bg-box) .overlay-text__subheading, .slideshow[data-transition=zoom] .slide:not(.image-overlay--bg-box) .overlay-text__title, .slideshow[data-transition=zoom] .slide:not(.image-overlay--bg-box) .overlay-text__rte, .slideshow[data-transition=slide_fade] .slide:not(.image-overlay--bg-box) .overlay-text__subheading, .slideshow[data-transition=slide_fade] .slide:not(.image-overlay--bg-box) .overlay-text__title, .slideshow[data-transition=slide_fade] .slide:not(.image-overlay--bg-box) .overlay-text__rte { opacity: 0; transform: translateY(120%); will-change: transform, opacity; transition: opacity 0.9s, transform 0.9s cubic-bezier(0.26, 0.54, 0.32, 1) 0.3s; } .slideshow[data-transition=zoom] .slide:not(.image-overlay--bg-box) .overlay-text__button, .slideshow[data-transition=slide_fade] .slide:not(.image-overlay--bg-box) .overlay-text__button { opacity: 0; transition: opacity 1.5s; } .slideshow[data-transition=zoom] .slide:not(.image-overlay--bg-box) .overlay-text__reveal, .slideshow[data-transition=slide_fade] .slide:not(.image-overlay--bg-box) .overlay-text__reveal { overflow: hidden; } .slideshow[data-transition=zoom] .slide:not(.image-overlay--bg-box).slick-active .overlay-text__title, .slideshow[data-transition=slide_fade] .slide:not(.image-overlay--bg-box).slick-active .overlay-text__title { transition-delay: 0.2s; } .slideshow[data-transition=zoom] .slide:not(.image-overlay--bg-box).slick-active .overlay-text__rte, .slideshow[data-transition=slide_fade] .slide:not(.image-overlay--bg-box).slick-active .overlay-text__rte { transition-delay: 0.6s; } .slideshow[data-transition=zoom] .slide:not(.image-overlay--bg-box).slick-active .overlay-text__button, .slideshow[data-transition=slide_fade] .slide:not(.image-overlay--bg-box).slick-active .overlay-text__button { transition-delay: 1s; } .slideshow[data-transition=zoom] .slide:not(.image-overlay--bg-box).slick-active .overlay-text__subheading, .slideshow[data-transition=zoom] .slide:not(.image-overlay--bg-box).slick-active .overlay-text__title, .slideshow[data-transition=zoom] .slide:not(.image-overlay--bg-box).slick-active .overlay-text__rte, .slideshow[data-transition=slide_fade] .slide:not(.image-overlay--bg-box).slick-active .overlay-text__subheading, .slideshow[data-transition=slide_fade] .slide:not(.image-overlay--bg-box).slick-active .overlay-text__title, .slideshow[data-transition=slide_fade] .slide:not(.image-overlay--bg-box).slick-active .overlay-text__rte { opacity: 1; transform: translateY(0); } .slideshow[data-transition=zoom] .slide:not(.image-overlay--bg-box).slick-active .overlay-text__button, .slideshow[data-transition=slide_fade] .slide:not(.image-overlay--bg-box).slick-active .overlay-text__button { opacity: 1; } .slideshow[data-transition=zoom] .slide:not(.image-overlay--bg-box).slick--leaving .overlay-text__text, .slideshow[data-transition=slide_fade] .slide:not(.image-overlay--bg-box).slick--leaving .overlay-text__text { opacity: 0; } @media (max-width: 767.98px) { .slideshow[data-transition=zoom] .slide.overlay-text-parent--mobile-stack .overlay-text__subheading, .slideshow[data-transition=zoom] .slide.overlay-text-parent--mobile-stack .overlay-text__title, .slideshow[data-transition=zoom] .slide.overlay-text-parent--mobile-stack .overlay-text__rte, .slideshow[data-transition=zoom] .slide.overlay-text-parent--mobile-stack .overlay-text__button, .slideshow[data-transition=zoom] .slide.overlay-text-parent--mobile-stack .overlay-text__text, .slideshow[data-transition=slide_fade] .slide.overlay-text-parent--mobile-stack .overlay-text__subheading, .slideshow[data-transition=slide_fade] .slide.overlay-text-parent--mobile-stack .overlay-text__title, .slideshow[data-transition=slide_fade] .slide.overlay-text-parent--mobile-stack .overlay-text__rte, .slideshow[data-transition=slide_fade] .slide.overlay-text-parent--mobile-stack .overlay-text__button, .slideshow[data-transition=slide_fade] .slide.overlay-text-parent--mobile-stack .overlay-text__text { transition: none !important; transform: scale(1) !important; transition-delay: 0s !important; } } .slideshow[data-transition=zoom] .slide .rimage-background, .slideshow[data-transition=zoom] .slide .placeholder-image { transform: scale(1.2); will-change: transform; transition: transform 2s cubic-bezier(0.21, 0.6, 0.35, 1); } .slideshow[data-transition=zoom] .slide.slick-active .rimage-background, .slideshow[data-transition=zoom] .slide.slick-active .placeholder-image { transform: scale(1); } @media (max-width: 767.98px) { .slideshow[data-transition=zoom] .slide.overlay-text-parent--mobile-stack .rimage-background, .slideshow[data-transition=zoom] .slide.overlay-text-parent--mobile-stack .placeholder-image { transition: none !important; transform: scale(1) !important; } } .slideshow[data-transition=slide_fade] .slide { opacity: 1 !important; } .slideshow[data-transition=slide_fade] .slide .rimage-background, .slideshow[data-transition=slide_fade] .slide .placeholder-image { will-change: transform, opacity; transform: translateX(10vw); opacity: 0; } .slideshow[data-transition=slide_fade] .slide .overlay-text__inner { transition: transform 0.7s ease 50ms; will-change: transform; } .slideshow[data-transition=slide_fade] .slide.slick--leaving .rimage-background, .slideshow[data-transition=slide_fade] .slide.slick--leaving .placeholder-image { transition: transform 0.7s ease 75ms; transform: translateX(-10vw); opacity: 1; } .slideshow[data-transition=slide_fade] .slide.slick--leaving .overlay-text__inner { transform: translateX(-5vw); } .slideshow[data-transition=slide_fade] .slide.slick-active .rimage-background, .slideshow[data-transition=slide_fade] .slide.slick-active .placeholder-image { transition: transform 0.7s ease, opacity 0.7s; opacity: 1; transform: translateX(0); } .signup-form__inline-container { display: inline-flex; } .signup-form__inline-container input { margin-inline-end: 10px; width: 300px; } @media (max-width: 767.98px) { .signup-form__inline-container { display: block; } .signup-form__inline-container input { margin-inline-end: 0; margin-bottom: 20px; width: 100%; } } .view-in-space { box-sizing: border-box; display: block; width: 100%; color: #000000; border: none; background: rgba(0, 0, 0, 0.08); } .view-in-space:hover { color: #000000; border: none; background: rgba(0, 0, 0, 0.08); } .view-in-space[data-shopify-xr-hidden] { display: none; } .view-in-space .icon { height: 1.8em; width: 1.8em; fill: transparent; vertical-align: middle; } .view-in-space .icon .icon-3d-badge-full-color-outline, .view-in-space .icon .icon-video-badge-full-color-outline { display: none; } .view-in-space .icon .icon-3d-badge-full-color-element, .view-in-space .icon .icon-video-badge-full-color-element { fill: currentColor; } .view-in-space .view-in-space__text { vertical-align: middle; } .thumbnails { white-space: nowrap; overflow: auto; } @media (max-width: 767.98px) { .thumbnails { margin-bottom: 20px; margin-right: -16px; } } .thumbnails .thumbnail { display: inline-block; width: calc(16.6% - 4px); max-width: 100%; margin: 0 0 5px 5px; position: relative; vertical-align: top; } .thumbnails .thumbnail::after { content: ""; position: absolute; display: block; bottom: 0; left: 0; right: 0; height: 3px; background: #000; opacity: 0; transition: opacity 0.2s; } .thumbnails .thumbnail.selected::after { opacity: 1; } .thumbnails.hidden { display: none !important; } .thumbnails.owl-carousel { margin-inline-start: -5px; margin-inline-end: 0; padding-inline-end: 8.3333333333%; overflow: hidden; width: calc(91.6666666667% + 5px); white-space: normal; box-sizing: content-box; } @media (max-width: 767.98px) { .thumbnails.owl-carousel { width: calc(91.6666666667% + 21px); } } .thumbnails.owl-carousel:not(.owl-loaded) { white-space: nowrap; } .thumbnails.owl-carousel:not(.owl-loaded) .thumbnail { display: inline-block; width: calc(15.3846153846% - 1px); } .thumbnails.owl-carousel.owl-loaded .thumbnail { display: block; width: 100%; margin-top: 2px; } .thumbnails.owl-carousel .owl-stage-outer { overflow: visible; } .thumbnail__badge { width: 22px; height: 22px; position: absolute; right: 6px; top: 6px; pointer-events: none; } .thumbnail__badge .icon { fill: #ffffff; width: 100%; height: 100%; vertical-align: baseline; } .thumbnail__badge .icon .icon-3d-badge-full-color-outline, .thumbnail__badge .icon .icon-video-badge-full-color-outline { stroke: rgba(0, 0, 0, 0.05); } .thumbnail__badge .icon .icon-3d-badge-full-color-element, .thumbnail__badge .icon .icon-video-badge-full-color-element { fill: #000000; } @media only screen and (min-width: 750px) { .thumbnail__badge .product-single__thumbnail-badge { width: 26px; height: 26px; } } @media only screen and (min-width: 1041px) { .product-detail .gallery.gallery--layout-carousel-beside > .gallery__inner { display: flex; align-items: flex-start; } .product-detail .gallery.gallery--layout-carousel-beside.has-thumbnails .main-image { order: 1; width: calc(100% - 140px); } .product-detail .gallery.gallery--layout-carousel-beside .thumbnails { margin-left: 0; padding-inline-end: 40px; width: 140px; white-space: normal; overflow: visible; } .product-detail .gallery.gallery--layout-carousel-beside .thumbnails .thumbnail { display: block; margin: 0 0 10px; width: auto; } } @media only screen and (max-width: 767.98px) { .product-detail .gallery.gallery--carousel-layout-beside.has-thumbnails .main-image { float: none; width: auto; } } .product-detail .detail { text-align: start; position: relative; } .product-detail .detail .product-detail-accordion + .product-detail-accordion { margin-top: -50px; } .product-detail .detail .product-detail-accordion + .product-detail-accordion .cc-accordion { border-top: none; } .product-detail .detail .title { margin: 0 0 0.1em; } .product-detail-label { margin-top: 7px; font-size: 12px; line-height: 1.4em; font-weight: 600; margin-bottom: 8px; } .price-container { display: flex; flex-direction: column; margin-bottom: 0px; } @media (min-width: 768px) { .price-container { flex-direction: row; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; } .price-container .price-area { margin-right: 10px; margin-bottom: 0; } .price-container .price-descriptors { order: 1; width: 100%; } } :root { --payment-terms-background-color: #ffffff; } shopify-payment-terms { display: block; margin-top: 8px; margin-bottom: 12px; } .price-area .h4-style { font-family: inherit; } .price-area .was-price { margin-left: 8px; text-decoration: line-through; } .price-area .on-sale .current-price { color: #c20000; } .price-area .price__from { font-size: 15px; } .product-policies { margin-top: 0.5em; margin-bottom: 0.25em; } .product-description { margin-top: 50px; margin-bottom: 50px; } .product-detail .product-form .option-selectors { display: none; } .js .product-detail .product-form .original-selector { display: none; } .js .product-detail .product-form .option-selectors { display: block; } .product-form .input-row, .buy-buttons-row { margin: 25px 0; clear: both; } .product-form .label { display: block; font-size: 15px; line-height: 1.4em; font-weight: 600; margin-bottom: 8px; } .product-form .label__value { font-weight: 400; } .product-form .label__value:not(:empty)::before { content: ": "; font-weight: 600; } .product-form [data-selector-type=radio].option-selector fieldset { margin: 0; } .product-form [data-selector-type=radio].option-selector legend.label { margin-bottom: 8px; } .product-form [data-selector-type=radio].option-selector .label { margin-bottom: 6px; } .product-form .label__text-beside-input { vertical-align: top; font-weight: normal; } .product-form .option-selector { margin-bottom: 0; } .option-selector-fieldset { margin-bottom: 0; } .option-selector--empty { color: #d90000; } .product-form .input-row input[name=quantity] { margin-right: 10px; margin-left: 10px; flex-shrink: 1; } .product-form .quantity-submit-row { margin-bottom: 0; } .product-form .quantity-submit-row .quantity-submit-row__submit { margin-top: 40px; margin-bottom: 20px; } .product-form .quantity-submit-row .quantity-submit-row__submit button[type=submit] { width: 100%; box-sizing: border-box; } .product-form .quantity-wrapper { display: flex; text-align: center; } .product-form .quantity-wrapper a { border: 1.5px solid #bfbfbf; border-radius: 3px; height: 40px; width: 40px; min-width: 40px; color: #000000; font-size: inherit; box-sizing: border-box; line-height: 40px; background-color: #ffffff; } @media (hover: none) { .product-form .quantity-wrapper a:active { border-color: #737373; } } @media (hover: hover) { .product-form .quantity-wrapper a:hover { border-color: #737373; } } .product-form .quantity-wrapper a svg { margin-bottom: 4px; } .product-form .quantity-wrapper input[name=quantity] { text-align: center; width: 40px; padding: 0; height: 40px; } .product-form .quantity-submit-row.has-spb .button { background: #ffffff; color: #212b36; border: 1.5px solid ; min-height: 40px; box-sizing: border-box; width: 100%; } .product-form .quantity-submit-row.has-spb .button svg:not(.feather):not(.cc-select__icon) { fill: #212b36; } @media (hover: none) { .product-form .quantity-submit-row.has-spb .button:active { background: #212b36; color: #ffffff; border-color: #212b36; } .product-form .quantity-submit-row.has-spb .button:active svg:not(.feather):not(.cc-select__icon) { fill: #ffffff; } } @media (hover: hover) { .product-form .quantity-submit-row.has-spb .button:hover { background: #212b36; color: #ffffff; border-color: #212b36; } .product-form .quantity-submit-row.has-spb .button:hover svg:not(.feather):not(.cc-select__icon) { fill: #ffffff; } } .product-form .quantity-submit-row.has-spb .shopify-payment-button__button { min-height: 40px; font-size: 15px; line-height: 15px; box-sizing: border-box; } .product-form .quantity-submit-row.has-spb .shopify-payment-button__button--unbranded { background: #212b36; border: 1.5px solid #212b36; border-radius: 3px; color: #ffffff; padding: 15px 25px; } .product-form .quantity-submit-row.has-spb .shopify-payment-button__button--unbranded:hover { background: #c16452; border-color: #c16452; } .shopify-payment-button { transition: opacity 150ms; } .shopify-payment-button [role=button] { border-radius: 3px; } .shopify-payment-button .shopify-payment-button__more-options { box-sizing: border-box; color: inherit; text-transform: none; padding: 0 10%; font-size: 14px; line-height: 1.2em; letter-spacing: 0; } .shopify-payment-button .shopify-payment-button__more-options:hover { background: transparent; } .shopify-payment-button .shopify-payment-button__more-options[disabled] { background: transparent !important; } .product-form .backorder { margin-top: 1em; } .custom-option__text-input { width: 100%; } .variant-status--unavailable .quantity-wrapper { opacity: 0.7; pointer-events: none; } .variant-status--unavailable .shopify-payment-button { display: none; } .variant-status--not-selected .shopify-payment-button { display: none; } .product-detail .sharing { margin-top: 20px; } .product-detail .cc-accordion-item__title { font-weight: 600; } .product-detail-accordion .cc-accordion-item__title { padding-top: 18px; line-height: 1.4; } .sku--no-sku { display: none !important; } /* Collection slider specific */ .collection-slider-row { margin-top: 50px; overflow: hidden; } .collection-slider-row.use-alt-bg { margin-top: 0; padding-top: 50px; padding-bottom: 0; } .collection-slider-row.use-alt-bg .view-all:not(:hover) { opacity: 0.75; } .collection-slider .collection-listing { overflow: hidden; position: relative; } .collection-slider .collection-listing .owl-carousel .owl-stage-outer { overflow: visible; } .collection-slider .collection-listing .product-list { margin-left: 0; margin-right: 0; } .collection-slider .collection-listing .product-block { padding-bottom: 0; } .collection-slider .collection-listing .product-block .product-info { margin-bottom: 30px; } .collection-slider .product-block.expanded .block-inner::after { margin-top: 1px; } .collection-slider .collection-listing .product-block .product-detail { display: none; } .collection-slider .product-block { display: block; margin-left: 0; margin-right: 0; } .collection-slider .product-block .image-cont .image-link { height: auto; } .collection-slider .product-block .image-cont img { max-height: none; max-width: 100%; } .collection-slider .product-list.carousel:not(.owl-carousel) { display: flex; flex-wrap: nowrap; justify-content: center; } .collection-slider .product-list.carousel:not(.owl-carousel) .product-block { flex: 0 0 auto; } .collection-slider .product-list.carousel.carousel--fixed-grid-mode { margin-bottom: 0; margin-left: -30px; width: auto; } @media (max-width: 1300px) { .collection-slider .product-list.carousel.carousel--fixed-grid-mode { margin-left: -20px; } } @media (max-width: 767.98px) { .container--not-mobile .collection-slider .product-list.carousel.carousel--fixed-grid-mode { margin-left: 0; padding-right: 20px; } } .collection-slider .product-list.carousel.carousel--fixed-grid-mode .product-block { display: block; width: auto !important; } .container--no-max .collection-slider .collection-listing { padding-right: 20px; } @media (min-width: 768px) { .container--no-max .collection-slider .collection-listing { margin-left: -40px; margin-right: -40px; } .container--no-max .collection-slider .product-list.carousel { width: auto; } } @media (min-width: 1300px) { .container--no-max .collection-slider .collection-listing { padding-right: 30px; } } .collection-slider .product-list.carousel { display: block; margin-bottom: 0; } @media (max-width: 767.98px) { .collection-slider .product-list.carousel .product-block { width: 300px; } } @media (max-width: 400px) { .collection-slider .product-list.carousel .product-block { width: 280px; } } @media (max-width: 360px) { .collection-slider .product-list.carousel .product-block { width: 240px; } } /* Product grid specific */ .collection-listing { text-align: center; transition: opacity 150ms; } .ajax-loading .collection-listing { opacity: 0.5; } .collection-listing .product-block { margin-bottom: 20px; padding-left: 20px; } @media (max-width: 1300px) { .collection-listing .product-block { padding-left: 20px; } } @media (max-width: 767.98px) { .collection-listing .product-block { padding-left: 16px; } } .collection-listing .product-list { margin-left: -30px; margin-bottom: -20px; display: flex; flex-wrap: wrap; } @media (max-width: 1300px) { .collection-listing .product-list { margin-left: -20px; } } @media (max-width: 767.98px) { .collection-listing .product-list { margin-left: -16px; } } .collection-slider-row .collection-listing .product-detail { position: relative; height: auto; margin-top: 0; } .collection-listing .product-list--image-shape-natural .image-cont .product-block__image--secondary .rimage-background { background-position: top center; } .collection-listing .quickbuy-container { position: absolute; top: auto; left: 0; width: 100%; height: 0; } .collection-listing .product-list--per-row-2 .product-block { width: 50%; } .collection-listing .product-list--per-row-3 .product-block { width: 33.33%; } .collection-listing .product-list--per-row-4 .product-block { width: 25%; } .collection-listing .product-list--per-row-5 .product-block { width: 20%; } .collection-slider .product-list--per-row-2 .product-block { width: 46vw; } .collection-slider .product-list--per-row-3 .product-block { width: 30.6666666667vw; } .collection-slider .product-list--per-row-4 .product-block { width: 23vw; } .collection-slider .product-list--per-row-5 .product-block { width: 18.4vw; } @media (max-width: 767.98px) { .collection-listing .product-list .product-block { width: 50%; } .collection-listing .product-list--per-row-mob-1 .product-block { width: 100%; } } /* View-all under title on homepage */ .view-all { text-align: center; margin: -25px 0 20px; } @media (max-width: 1300px) { .view-all { margin-top: -15px; } } .collection-slider .has-paging .prev, .collection-slider .has-paging .next { font-size: 80%; line-height: 1em; margin: -10px 20px; padding: 10px; vertical-align: middle; display: inline-block !important; } .collection-slider .has-paging .prev.slick-hidden, .collection-slider .has-paging .next.slick-hidden { display: none !important; } .has-paging__title { vertical-align: middle; } .owl-btn-disabled { visibility: hidden; } /* Blog / articles */ .article-list .article { padding-top: 50px; padding-bottom: 50px; border-top: 1px solid #e2e2e2; } .article-list .article:first-child { border-top: none; padding-top: 20px; } @media (min-width: 768px) { .article-list.article-layout--columns { display: flex; flex-wrap: wrap; margin-left: -20px; margin-right: -20px; margin-bottom: -50px; } .article-list.article-layout--columns .article { display: flex; box-sizing: border-box; padding: 0 20px; margin: 0 0 50px; border: none; width: 50%; border-right: 1px solid #e2e2e2; } [dir=rtl] .article-list.article-layout--columns .article { border-left: 1px solid #e2e2e2; border-right: 0; } .article-list.article-layout--columns .article:nth-child(2n), .article-list.article-layout--columns .article:last-child { border-right: 0; } .article-list.article-layout--columns .article__inner { display: flex; flex-direction: column; flex-basis: 100%; } .article-list.article-layout--columns .article__inner > .rte { flex-grow: 1; margin-bottom: 2em; } .article-list.article-layout--columns.article-layout--one-row .article:nth-child(3) { display: none; } } @media (min-width: 1024px) { .article-list.article-layout--columns .article { width: 33.33%; } .article-list.article-layout--columns .article:nth-child(2n) { border-right: 1px solid #e2e2e2; } [dir=rtl] .article-list.article-layout--columns .article:nth-child(2n) { border-left: 1px solid #e2e2e2; border-right: 0; } .article-list.article-layout--columns .article:nth-child(3n), .article-list.article-layout--columns .article:last-child { border-right: 0; } [dir=rtl] .article-list.article-layout--columns .article:nth-child(3n), [dir=rtl] .article-list.article-layout--columns .article:last-child { border-left: 0; } .article-list.article-layout--columns.article-layout--one-row .article:nth-child(3) { display: flex; } } .reading-width { margin-left: auto; margin-right: auto; max-width: 800px; } .container.container--reading-width, .article .container, #comments.container, .container .shopify-policy__container { max-width: 800px; } .article .meta { margin-top: 1em; font-size: 90%; } .article .meta .time { display: block; } .article .meta .tags .label { font-style: normal; } .underline { text-decoration: underline; text-underline-offset: 2px; text-decoration-color: rgba(193, 100, 82, 0.4); text-decoration-thickness: 1px; } .underline:hover { text-decoration-color: currentColor; } .rte h1, .rte h2, .rte h3, .rte h4, .rte h5, .rte h6 { margin: 1em 0 15px; } .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 a { text-decoration: underline; text-underline-offset: 2px; text-decoration-color: rgba(193, 100, 82, 0.4); text-decoration-thickness: 1px; } .rte a:hover { text-decoration-color: currentColor; } .rte > p:last-child { margin-bottom: 0; } .rte iframe { max-width: 100%; } /* Meta info */ .meta .iconmeta { margin-right: 10px; line-height: 1.4em; display: inline-block; font-size: 12px; } .meta .iconmeta a { white-space: nowrap; } .meta .tags a:after { content: ","; } .meta .tags a:last-child:after { content: none; } /* Cart */ .cart-item-list { margin: 10px 0 40px; width: 100%; } .cart-item-list__head, .cart-item, .cart-item__not-image { display: flex; } .cart-item-list-heading, .cart-item__column { flex-shrink: 0; } .cart-item-list-heading { padding: 0 0 10px; } .cart-item { border-top: 1px solid #e2e2e2; padding-top: 40px; padding-bottom: 40px; } .cart-item__not-image { flex-grow: 1; } .cart-item-list-heading--product { flex: 1 1; } .cart-item-list-heading--price, .cart-item__price { text-align: end; padding-inline-end: 30px; width: 230px; } .cart-item-list-heading--quantity, .cart-item__quantity { text-align: center; padding-inline-end: 30px; width: calc(2em + 99px); } .cart-item-list-heading--total, .cart-item__total { text-align: end; width: 150px; } .cart-item__image { width: 130px; padding-inline-end: 30px; } .cart-item__image a { display: block; } .cart-item__description { flex: 1 1; padding-inline-end: 30px; } .buttoned-input { white-space: nowrap; border: 1.5px solid #bfbfbf; border-radius: 3px; background: #ffffff; color: #000000; } .buttoned-input a { display: inline-block; padding: 0 5px; padding-inline-start: 10px; } .buttoned-input a:last-child { padding-inline-start: 5px; padding-inline-end: 10px; } .buttoned-input svg { width: 15px; height: 15px; } .buttoned-input input { background: transparent; border: none; width: 2em; padding-left: 0; padding-right: 0; text-align: center; box-sizing: content-box; } .buttoned-input .unusable { visibility: hidden; pointer-events: none; } .cart-item .remove { display: block; margin-top: 5px; } .cart-item .remove svg { width: 15px; height: 15px; stroke: currentColor; } .cart-item .unit-price { font-size: 12px; } #cartform .checkout-note { margin-bottom: 1em; } #cartform .checkout-note textarea { width: 370px; max-width: 100%; height: 70px; margin-top: 10px; } .checkout-subtotal-container__right { text-align: end; } #cartform .subtotal { margin: 0 0 30px; } #cartform .checkout-col { margin: 20px 0 0; } #cartform .checkout-col .button { min-width: 200px; box-sizing: border-box; } @media (max-width: 767.98px) { #cartform .checkout-col .button { width: 100%; } } #cartform .checkout-buttons { margin-bottom: 10px; } .additional-checkout-buttons { margin-top: 30px; } [data-shopify-buttoncontainer] { justify-content: flex-end; } .update-cart-container { margin-bottom: 5px; } .js [data-ajax-update=true] .update-cart-container { display: none; } #cartform .termsagreement { margin-bottom: 5px; } #cartform .termsagreement label { vertical-align: middle; } .continue-shopping { display: block; margin-top: 20px; } #shipping-calculator { margin-top: 20px; margin-inline-end: -30px; display: flex; flex-wrap: wrap; align-items: flex-end; } #cartform #shipping-calculator .inputrow { flex: 1 1 auto; width: calc(50% - 30px); padding: 0 0 20px; padding-inline-end: 30px; } #cartform #shipping-calculator .inputrow label { display: block; float: none; font-size: 15px; line-height: 1.4em; font-weight: 600; margin-bottom: 8px; } #cartform #shipping-calculator .inputrow input[type=text] { box-sizing: border-box; width: 100%; } #cartform #shipping-calculator #wrapper-response { margin: 20px 0; width: 100%; flex: 0 0 auto; } .struck-out-price { text-decoration: line-through; opacity: 0.6; } .cart-discount-list { margin: 1em 0; } .cart-discount { list-style: none; } .cart-discount:not(:last-child) { margin-bottom: 0.5em; } .cart-discount__icon svg { width: 18px; height: 18px; } .cart-discount__amount::before { content: "-"; } .cart-discount--inline .cart-discount__label { margin-inline-end: 1em; } /** Forms **/ .input-row select, .inputrow select { height: 30px; line-height: 30px; padding: 4px 14px 4px 4px; border: 1.5px solid #e2e2e2; } #template .template_header { margin: 10px 0 40px; } .small-form { margin-left: auto; margin-right: auto; width: 420px; max-width: 100%; } .small-form .title { text-align: center; } @media (max-width: 767.98px) { .small-form { box-sizing: border-box; } } #template input[type=email], #template input[type=text], #template input[type=number], #template input[type=password], #template input[type=tel], #template textarea, .small-form input[type=email], .small-form input[type=text], .small-form input[type=number], .small-form input[type=password], .small-form input[type=tel], .small-form textarea { width: 100%; } .text-over-input { position: relative; } .text-over-input__text { margin-top: 1em; } @media (min-width: 400px) { .text-over-input__text { position: absolute; top: 50%; right: 20px; line-height: 1em; margin-top: -0.5em; font-size: 12px; } [dir=rtl] .text-over-input__text { left: 20px; right: auto; } } #template label, .edit_address label { display: block; font-size: 15px; line-height: 1.4em; font-weight: 600; margin-bottom: 8px; } .input-row { margin-bottom: 20px; } #template .action_bottom { margin-top: 27px; } #template .note { display: block; margin: 10px 0; } .errors { margin: 20px 0; padding: 10px 20px; border: 1px solid rgba(0, 0, 0, 0.1); background: rgba(0, 0, 0, 0.05); } .errors ul, #template .errors ul { margin: 0; } .errors li, #template .errors li { list-style: none; } .righty-form input[type=text], .righty-form input[type=email], .righty-form textarea { width: 100%; } .address_actions .action_edit { margin-right: 15px; } #address_tables { margin-top: 40px; } .address_table { background: rgba(0, 0, 0, 0.05); padding: 20px; } @media (min-width: 800px) { #address_tables { display: flex; flex-wrap: wrap; } .address_table { width: calc(50% - 20px); margin-right: 20px; box-sizing: border-box; } .address_table:nth-child(2n) { margin-left: 20px; margin-right: 0; } } .edit_address .small-form { margin-left: 0; } .address-phone { direction: ltr; } [dir=rtl] .address-phone { text-align: right; } #admin_header { margin: 0 0 40px; } #admin_header .title { text-align: center; } #admin_header .action_return { margin-bottom: 20px; } .opposing-items { display: flex; justify-content: space-between; align-items: center; } #customer_sidebar { float: left; width: 33%; } #customer_detail .address p, .address_table .view_address p, #order_address .address p { margin-bottom: 0; } #customer_orders { float: right; width: 60%; } #order_details { clear: both; width: 100%; } @media (max-width: 767.98px) { #order_details .price, #order_details .sku, #order_details .unit-price { visibility: hidden; padding: 0; font-size: 0; } #order_details .price .cart-discount__label { display: none; } } .order-table-container { overflow: auto; } .order-table .price, .order-table .total, .order-table tfoot td:last-child { text-align: end; } .order-table .product-price { justify-content: flex-end; } .order-table tfoot tr:first-child td { border-top-width: 3px; border-top-style: double; } .order-table .unit-price { font-size: 12px; } #comments .comment { padding-top: 20px; border-top: 1px solid #e2e2e2; } #comments .comment.first { border-top: 0; } ul.taglist { margin: 0; } ul.taglist li { display: inline; white-space: nowrap; } table.noborders, table.noborders tr, table.noborders th, table.noborders td { border: 0; } .simple-popup { position: absolute; width: 140px; padding: 10px 15px; border: 1px solid #e2e2e2; color: #171717; background: #ffffff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 2px 0 #888; -moz-box-shadow: 0 0 2px 0 #888; box-shadow: 0 0 2px 0 #888; text-align: center; } /* quick hacks for Facebook button */ .fb_iframe_widget > span { vertical-align: baseline !important; } .fb_iframe_widget iframe { max-width: none; } .slide { position: relative; } .slide img { width: 100%; } .height--full .rimage-outer-wrapper, .height--full .placeholder-image { padding: 0; height: 100vh; } .image-overlay { position: relative; overflow: hidden; color: #ffffff; } .image-overlay .rte a { color: inherit; } .image-overlay--bg-shadow .overlay-text .overlay-text__inner::before { content: ""; pointer-events: none; position: absolute; top: -200px; right: -100px; bottom: -200px; left: -100px; z-index: -1; background: radial-gradient(rgba(0, 0, 0, 0.15) 0%, transparent 70%); } .image-overlay--bg-shadow .overlay--h-left .overlay-text__inner::before { left: -85%; right: 0; } .image-overlay--bg-shadow .overlay--h-right .overlay-text__inner::before { left: 15%; right: -50%; } .image-overlay--bg-full::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.1); z-index: 1; pointer-events: none; transition: opacity 350ms; } .image-overlay--bg-box .overlay-text .overlay-text__text { background: rgba(255, 255, 255, 0.9); color: #000000; display: inline-block; vertical-align: top; padding: 12px; min-width: 40%; } .image-overlay--bg-box .overlay-text .overlay-text__text .overlay-text__title { color: #000000; } .image-overlay--bg-box .overlay-text .overlay-text__text .overlay-text__rte a, .image-overlay--bg-box .overlay-text .overlay-text__text .small-feature-link { color: #c16452; text-decoration-color: rgba(193, 100, 82, 0.4); } .image-overlay--bg-box .overlay-text .overlay-text__text .overlay-text__rte a:hover, .image-overlay--bg-box .overlay-text .overlay-text__text .small-feature-link:hover { text-decoration-color: #c16452; } .image-overlay--bg-box .overlay-text .overlay-text__text .overlay-text__button-row--link { margin-bottom: -5px; } .image-overlay--bg-box .overlay-text .overlay-text__text .video-container__play { color: currentColor; } .image-overlay--bg-box.image-overlay--edge-boxes .overlay-text__inner { padding: 0; } .image-overlay__over { position: relative; z-index: 2; } .image-overlay__image-link { display: block; height: 100%; } .image-overlay__image-link, .image-overlay__image-link:hover { color: inherit; } /* Overlays over slider and ad on homepage */ .overlay-text { position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; display: flex; align-items: center; z-index: 2; } .overlay-text .overlay-text__rte a, .overlay-text .overlay-text__rte a:hover { color: inherit; text-decoration-color: rgba(255, 255, 255, 0.4); } .overlay-text .overlay-text__rte a:hover { text-decoration-color: #ffffff; } .overlay-text .small-feature-link { color: inherit; text-decoration-color: rgba(255, 255, 255, 0.4); } .overlay-text .small-feature-link:hover { color: inherit; text-decoration-color: #ffffff; } .overlay-text--inline { position: relative; } .overlay--h-left { text-align: left; } .overlay--h-left .overlay-text__rte { margin-right: auto; } .overlay--h-right { text-align: right; } .overlay--h-right .overlay-text__rte { margin-left: auto; } .overlay--v-top { align-items: flex-start; } .overlay--v-bottom { align-items: flex-end; } .overlay-text__rte { max-width: 65ch; } .overlay--h-right .overlay-text__rte { margin-left: auto; } .overlay--h-center .overlay-text__rte { margin-left: auto; margin-right: auto; } .overlay-text__button-row { margin: calc(2rem - 10px) -0.5em 0; } .overlay-text__button-row .overlay-text__button { margin: 10px 0.5em 0; } @media (min-width: 768px) { .slideshow--navigation-arrows .overlay-text { left: 40px; right: 40px; width: auto; } .image-overlay--bg-box .overlay-text--for-banner .overlay-text__text { padding: 30px 45px; } } @media (min-width: 1100px) { .image-overlay--bg-box .overlay-text--for-banner .overlay-text__text { padding: 40px 60px; } } .overlay-text__inner { display: block; position: relative; width: 100%; padding: 20px; } @media (min-width: 768px) { .overlay-text--for-banner .overlay-text__inner { padding: 50px; } } @media (min-width: 1100px) { .overlay-text--for-banner .overlay-text__inner { padding: 70px; } } .overlay-text .overlay-text__title { line-height: 1.1em; color: inherit; margin-bottom: 1.25rem; } .overlay-text .overlay-text__title:last-child { margin-bottom: 0; } .overlay-text .overlay-text__title + .overlay-text__button-row--link { margin-top: -0.1em; } .overlay-text--with-reveal .overlay-text__title:last-child { margin-bottom: 1.25rem; } .overlay-text--with-reveal .overlay-text__reveal:last-child .overlay-text__title { margin-bottom: 0; } .image-overlay--bg-no_background:not(.overlay-text-parent--mobile-stack) .overlay-text__button.button, .image-overlay--bg-no_background:not(.overlay-text-parent--mobile-stack) .overlay-text__button.btn, .image-overlay--bg-full:not(.overlay-text-parent--mobile-stack) .overlay-text__button.button, .image-overlay--bg-full:not(.overlay-text-parent--mobile-stack) .overlay-text__button.btn, .image-overlay--bg-shadow:not(.overlay-text-parent--mobile-stack) .overlay-text__button.button, .image-overlay--bg-shadow:not(.overlay-text-parent--mobile-stack) .overlay-text__button.btn { border: none !important; } @media (min-width: 768px) { .overlay-text-parent--mobile-stack.image-overlay--bg-no_background .overlay-text__button.button, .overlay-text-parent--mobile-stack.image-overlay--bg-no_background .overlay-text__button.btn, .overlay-text-parent--mobile-stack.image-overlay--bg-full .overlay-text__button.button, .overlay-text-parent--mobile-stack.image-overlay--bg-full .overlay-text__button.btn, .overlay-text-parent--mobile-stack.image-overlay--bg-shadow .overlay-text__button.button, .overlay-text-parent--mobile-stack.image-overlay--bg-shadow .overlay-text__button.btn { border: none !important; } } .overlay-text__button-row--primary, .overlay-text__button-row--secondary { margin-top: 1em; } .slick-dotted.slick-slider-overlay-dots .slick-dots { position: absolute; bottom: 0; left: 0; width: 100%; } .slick-dotted.slick-slider-overlay-dots .slick-dots li button::before { color: #ffffff; } .slick-dotted.slick-slider-overlay-dots .overlay-text__inner { padding-bottom: 50px; } @media (min-width: 1100px) { .slick-dotted.slick-slider-overlay-dots .overlay-text--for-banner .overlay-text__inner { padding-bottom: 70px; } } @media (min-width: 768px) { .slick-dotted.slick-slider-overlay-dots-desktop .slick-dots { position: absolute; bottom: 0; left: 0; width: 100%; } .slick-dotted.slick-slider-overlay-dots-desktop .slick-dots li button::before { color: #ffffff; } .slick-dotted.slick-slider-overlay-dots-desktop .overlay-text__inner { padding-bottom: 50px; } } .image-block { overflow: hidden; position: relative; } .image-block .img-cont { display: block; position: relative; background-size: cover; background-position: center center; background-repeat: no-repeat; } .image-block .heading-font { margin: 0; color: inherit; } .image-block .second-line { font-size: 15px; line-height: 1.6; } .image-block a { display: block; } .image-block img { width: 100%; height: auto; vertical-align: top; } .image-block.no-stretch img { width: auto; } .align-left { text-align: left; } .align-center, .align-centre { text-align: center; } .align-right { text-align: right; } a .state { display: inline-block; width: 1em; text-align: center; } .video-container__video, .product-media--frame { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .video-container__video iframe, .video-container__video object, .video-container__video embed, .video-container__video video, .video-container__video model-viewer, .video-container__video .shopify-model-viewer-ui, .video-container__video .media-item, .product-media--frame iframe, .product-media--frame object, .product-media--frame embed, .product-media--frame video, .product-media--frame model-viewer, .product-media--frame .shopify-model-viewer-ui, .product-media--frame .media-item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .video-container { position: relative; } .video-container--background { background: #000; overflow: hidden; } .video-container--background .video-container__video { position: relative; height: 100%; max-width: none; padding: 0 !important; opacity: 0; transition: opacity 150ms linear; } .video-container--background div.video-container__video-element { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } .video-container--background video { object-fit: cover; object-position: 50% 50%; } .video-container--background.video--play-started .video-container__video { opacity: 1; } .video-container__video video { object-fit: cover; } .video-container__stop { display: none; } @media (max-width: 767.98px) { .video-container--modal-mobile { padding-bottom: 0 !important; height: auto; } .video-container--modal-mobile::before { content: ""; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10000; pointer-events: none; background: #000; opacity: 0; transition: opacity 350ms; } .video-container--modal-mobile .video-container__video { position: fixed; z-index: 10001; top: 50%; left: 20px; width: calc(100% - 40px); transform: translateY(-50%); display: flex; align-items: center; opacity: 0; pointer-events: none; background: #000; transition: opacity 350ms; } .video-container--modal-mobile .video-container__stop { display: block; position: fixed; top: 0; right: 0; color: #fff; z-index: 10002; padding: 20px; pointer-events: none; opacity: 0; transition: opacity 350ms; } .video-container--modal-mobile .video-container__stop svg { stroke: currentColor; } .video-container--modal-mobile .overlay-text { position: relative; height: auto; padding-top: 50px; padding-bottom: 50px; } .video-container--modal-mobile.video-container--playing::before, .video-container--modal-mobile.video-container--playing .video-container__video, .video-container--modal-mobile.video-container--playing .video-container__stop { opacity: 1; pointer-events: auto; } } .video-container__cover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background: #eee; } .video-container__cover .rimage-outer-wrapper, .video-container__cover .placeholder-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0; background-size: cover; background-position: center center; } .video-container--playing .video-container__cover { opacity: 0 !important; pointer-events: none; } .video-container--playing .video-container__cover + .overlay-text { opacity: 0 !important; pointer-events: none; } .video-container--playing.image-overlay--bg-full::after { opacity: 0; } .video-container__play { display: inline-block; transition: transform 150ms; color: #ffffff; } .video-container__play svg { width: 80px; height: 80px; fill: transparent; stroke: currentColor; transition: stroke 150ms; } .video-container__play svg polygon { fill: currentColor; transition: fill 150ms; } @media (hover: none) { .video-container__play:active { transform: scale(1.1); } .video-container__play:active svg { fill: transparent; } } @media (hover: hover) { .video-container__play:hover { transform: scale(1.1); } .video-container__play:hover svg { fill: transparent; } } .video-container__fallback { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; transition: opacity 250ms; } .video--play-started .video-container__fallback { opacity: 0 !important; } .slick-slider .product-media--video[data-video-type=external]::before, .slick-slider .product-media--video[data-video-type=external]::after { content: ""; position: absolute; top: 50px; bottom: 70px; width: calc(50% - 50px); z-index: 1; } .slick-slider .product-media--video[data-video-type=external]::before { left: 0; } .slick-slider .product-media--video[data-video-type=external]::after { right: 0; } .product-media__poster { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; transition: opacity 250ms, visibility 250ms, background 150ms 500ms; } .product-media__poster.lazyload--placeholder { background: #f0f0f0; } .product-media__poster .rimage-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .product-media__poster--hide { opacity: 0; visibility: hidden; } .product-media__video-play-btn { position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); height: 62px; width: 62px; padding: 0; border-radius: 0; background-color: #ffffff; border-color: rgba(0, 0, 0, 0.05); color: #000000; } .product-media__video-play-btn:hover { background-color: #ffffff; border-color: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.55); } .product-media__video-play-btn .icon { height: 38px; width: 38px; fill: none; } .product-media__video-play-btn .icon-video-badge-full-color-element { fill: currentColor; opacity: 1; } .slick-slider video.focus-visible, .slick-slider model-viewer.focus-visible { outline: none; } .slick-slider video.focus-visible::after, .slick-slider model-viewer.focus-visible::after { content: ""; pointer-events: none; position: absolute; top: 0; left: 0; height: 100%; width: 100%; box-shadow: 0 0 1px 1px #000000 inset; } /* hack for some model-viewer 'quirks' */ model-viewer { text-align: start; } model-viewer .container { max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } .shopify-model-viewer-ui button[hidden] { display: none; } .shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area { background: #ffffff; border-color: rgba(0, 0, 0, 0.05); } .shopify-model-viewer-ui .shopify-model-viewer-ui__button { color: #000000; } .shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:hover { color: rgba(0, 0, 0, 0.55); } .shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:active, .shopify-model-viewer-ui .shopify-model-viewer-ui__button--control.focus-visible:focus { color: rgba(0, 0, 0, 0.55); background: 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: #ffffff; border-color: rgba(0, 0, 0, 0.05); } .shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:hover, .shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:focus { color: rgba(0, 0, 0, 0.55); } /* Content and content layouts */ .spaced-row { margin-bottom: 50px; } .spaced-row-above { margin-top: 50px; } .fully-spaced-row, .fully-spaced-row--small { margin-top: 50px; margin-bottom: 50px; } .strongly-spaced-row, .fully-spaced-row--medium { margin-top: 80px; margin-bottom: 80px; } @media (max-width: 767.98px) { .strongly-spaced-row, .fully-spaced-row--medium { margin-top: 60px; margin-bottom: 60px; } } .fully-spaced-row--large { margin-top: 110px; margin-bottom: 110px; } @media (max-width: 767.98px) { .fully-spaced-row--large { margin-top: 60px; margin-bottom: 60px; } } .lightly-spaced-row-above { margin-top: 2rem; } @media (max-width: 767.98px) { .lightly-spaced-row-above--not-mobile { margin-top: 0; } } .lightly-spaced-row { margin-bottom: 1em; } .lightish-spaced-row { margin-bottom: 30px; } .padded-row, .fully-padded-row--small { padding-top: 50px; padding-bottom: 50px; } .fully-padded-row--medium { padding-top: 80px; padding-bottom: 80px; } @media (max-width: 767.98px) { .fully-padded-row--medium { padding-top: 60px; padding-bottom: 60px; } } .fully-padded-row--large, .strongly-padded-row { padding-top: 110px; padding-bottom: 110px; } @media (max-width: 767.98px) { .fully-padded-row--not-mobile { padding-top: 0; padding-bottom: 0; } } @media (max-width: 767.98px) { .fully-spaced-row--not-mobile { margin-top: 0; margin-bottom: 0; } } .page-section-spacing { margin-top: 50px; margin-bottom: 50px; } .page-section-spacing .page-header .breadcrumbs { margin-top: -1.8em; } @media (max-width: 767.98px) { .page-section-spacing--no-top-mobile { margin-top: 0; } } .spaced-column .spaced-row-above, .spaced-column .lightly-spaced-row-above:first-child { margin-top: 0; } .spaced-column .spaced-row, .spaced-column .lightly-spaced-row:last-child { margin-bottom: 0; } .content img, .content iframe, .content embed, .content object { max-width: 100%; height: auto; } @media (min-width: 768px) { .slim-column-left-layout { display: flex; justify-content: center; } .slim-column-left-layout > .column:first-child { width: 260px; margin-inline-end: 40px; } .slim-column-left-layout > .column:last-child { flex: 0 1 800px; } } .text-column__image { margin-left: auto; margin-right: auto; } .text-column__button-row { margin-top: 1em; } .text-column__button-row--link { margin-top: 0.5em; } .text-column__title + .text-column__button-row--link { margin-top: -0.1em; } .button-row { margin: calc(2rem - 10px) -0.5em 0; } .button-row .button-row__button { margin: 10px 0.5em 0; } .lightly-styled-select { display: block; box-sizing: border-box; height: 41px; overflow: hidden; position: relative; background: #ffffff; border: 1.5px solid #bfbfbf; border-radius: 3px; } .lightly-styled-select::after { pointer-events: none; content: ""; position: absolute; right: 0px; top: 0px; width: 28px; height: 100%; background-image: url("data:image/svg+xml,%3Csvg fill='rgb(0, 0, 0)' height='18' width='18' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.41 7.84L12 12.42l4.59-4.58L18 9.25l-6 6-6-6z'/%3E%3Cpath d='M0-.75h24v24H0z' fill='none'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: 1px center; background-color: #ffffff; } .lightly-styled-select select { background: transparent !important; color: #000000; border: none !important; font-size: 15px !important; height: 100% !important; line-height: 39px!important; padding: 0 30px 0 15px !important; /* If you add too much padding here, the options won't show in IE */ width: 268px !important; width: calc(100% + 28px) !important; max-width: none !important; -webkit-appearance: none; appearance: none; } @media (max-width: 767.98px) { .lightly-styled-select select { font-size: 16px!important; } } .product-swatch-inline__dot { display: inline-block; width: 10px; height: 10px; border-radius: 5px; margin: 6px 1px 0; box-shadow: inset 0 3px 3px -2px rgba(0, 0, 0, 0.25); } .variant-option-title::before { content: "- "; } .responsive-table { width: 100%; } .responsive-table .responsive-table__cell-label, .responsive-table .responsive-table__cell-head__icon, .responsive-table .responsive-table__more { display: none; } @media (max-width: 767.98px) { .responsive-table { display: block; width: auto; margin-left: -16px; margin-right: -16px; border-top: 1px solid #e2e2e2; } .responsive-table thead { display: none; } .responsive-table tbody, .responsive-table tr, .responsive-table td { display: block; } .responsive-table tr { border-bottom: 1px solid #e2e2e2; } .responsive-table td { display: none; border: none; padding: 0 16px; background: #ebebeb; color: #000000; } .responsive-table td.responsive-table__first-mobile-cell { padding-top: 16px; } .responsive-table td:last-child { padding-bottom: 16px; } .responsive-table .responsive-table__cell-head { display: block; cursor: pointer; position: relative; padding-top: 16px; padding-bottom: 16px; padding-right: 50px; background: #ffffff; } .responsive-table .responsive-table__cell-head a { color: inherit; } .responsive-table .responsive-table__cell-head__icon { display: block; position: absolute; top: 16px; right: 16px; } .responsive-table .responsive-table__cell-label { display: inline; font-weight: bold; } .responsive-table .responsive-table__cell-label:after { content: ":"; } .responsive-table .responsive-table__more { display: block; margin-top: 1em; } .responsive-table .desktop-only { display: none !important; } .responsive-table .expanded .responsive-table__cell-head__icon { transform: rotate(90deg); } .responsive-table .expanded td { display: block; } } .flexible-layout, .fixed-layout { margin-left: -30px; margin-bottom: -30px; display: flex; flex-direction: row; flex-wrap: wrap; align-items: stretch; } .flexible-layout.valign-middle > .column, .fixed-layout.valign-middle > .column { align-self: center; } .flexible-layout.valign-bottom > .column, .fixed-layout.valign-bottom > .column { align-self: flex-end; } .flexible-layout .column, .fixed-layout .column { padding-left: 30px; margin-bottom: 30px; flex: 0 0 auto; } .flexible-layout .column--quarter, .fixed-layout .column--quarter { width: 25%; } .flexible-layout .column--third, .fixed-layout .column--third { width: 33.333%; } .flexible-layout .column--half, .fixed-layout .column--half { width: 50%; } .flexible-layout .column--two-thirds, .fixed-layout .column--two-thirds { width: 66.666%; } .flexible-layout .column--three-quarters, .fixed-layout .column--three-quarters { width: 75%; } .flexible-layout .column--full, .fixed-layout .column--full { width: 100%; } .flexible-layout--align-center { justify-content: center; } .flexible-layout--variable-columns { justify-content: space-around; } .flexible-layout--variable-columns .column { flex: 1 0 auto; width: 33%; max-width: 50%; } .flexible-layout--variable-columns.flexible-layout--columns-4 .column { width: 25%; } .flexible-layout--form { margin-bottom: 0; } .flexible-layout--form .column { margin-bottom: 20px; } @media (max-width: 1300px) { .flexible-layout, .fixed-layout { margin-left: -20px; } .flexible-layout .column, .fixed-layout .column { padding-left: 20px; } .flexible-layout .column--quarter { width: 25%; } .flexible-layout .column--third { width: 33.333%; } .flexible-layout .column--half { width: 50%; } .flexible-layout .column--two-thirds { width: 66.666%; } .flexible-layout .column--three-quarters { width: 75%; } .flexible-layout .column--full { width: 100%; } .flexible-layout--variable-columns .column { width: 33%; max-width: 50%; } .flexible-layout--variable-columns.flexible-layout--columns-4 .column { width: 50%; } } @media (max-width: 767.98px) { .flexible-layout { margin-left: auto; margin-bottom: 0; flex-direction: column; } .flexible-layout .column { margin-bottom: 40px; padding-left: 0; width: 100% !important; max-width: none; } .flexible-layout .column:last-child { margin-bottom: 0; } .flexible-layout.layout-all-quarters { flex-direction: row; margin-left: -16px; margin-bottom: -30px; } .flexible-layout.layout-all-quarters .column { margin-bottom: 30px; padding-left: 16px; width: 50% !important; } .flexible-layout.layout-all-quarters .column:last-child { margin-bottom: 30px; } .flexible-layout--form { margin-bottom: 0; } .flexible-layout--form .column { margin-bottom: 20px; } .flexible-layout--form .column:last-child { margin-bottom: 20px; } .fixed-layout { margin-left: -16px; } .fixed-layout .column { padding-left: 16px; } } @media (min-width: 768px) { .column--order-push-desktop { order: 1; } } .size-chart-link { display: block; font-size: 15px; line-height: 1.4em; margin-bottom: 8px; } .size-chart-link__icon { position: relative; display: inline-block; margin-inline-end: 0.4em; vertical-align: middle; width: 16px; height: 1em; } .size-chart-link__icon svg { position: absolute; left: 0; top: calc(50% - 8px); } .size-chart-link__text { vertical-align: middle; } @media (max-width: 767.98px) { .size-chart table { display: flex; overflow: auto; width: 100%; } } .size-chart__inner { width: 100%; overflow: auto; } .image-cont img { max-width: 100%; height: auto; vertical-align: top; } .article-image { margin-top: 0; margin-bottom: 1em; } .article-image--large { margin-top: -50px; margin-bottom: 50px; } .icon-with-caption .icon-with-caption__text { margin: 0.5em 0 0; white-space: pre-line; } .icon-with-caption__image-icon { margin: 0 auto; width: 34px; } /* Just-added-to-cart summary */ .cart-summary-overlay { position: fixed; z-index: 8001; top: 0; left: 0; width: 100%; padding: 30px 30px; background: #f7f1f0; border-bottom: 1px solid #e2e2e2; font-size: 12px; line-height: 1.4; transition: all 500ms ease-out; } .cart-summary-overlay--off-screen { transform: translateY(-100%); } .cart-summary-overlay__row-head, .cart-summary-overlay__row-body { display: flex; } .cart-summary-overlay__row-head { margin-bottom: 15px; padding: 0 0 12px 0; border-bottom: 1px solid #e2e2e2; } .cart-summary-overlay__column-image { width: 85px; } .cart-summary-overlay__column-item { margin-inline-start: 15px; width: 280px; } .cart-summary-overlay__column-price-region { display: flex; flex-wrap: wrap; flex: 0 0 auto; width: 280px; max-width: 100%; } .cart-summary-overlay__column-price-region .cart-discount-list { margin-bottom: 4em; flex: 1 1 100%; text-align: end; } .cart-summary-overlay__column-price { margin-inline-start: 15px; width: 95px; text-align: end; } .cart-summary-overlay__column-price .unit-price { opacity: 0.75; } .cart-summary-overlay__column-quantity { margin-inline-start: 15px; width: 50px; text-align: end; } .cart-summary-overlay__column-total { margin-inline-start: 15px; width: 90px; text-align: end; } .cart-summary-overlay__column-subtotal { flex-grow: 1; text-align: end; } .cart-summary-overlay__column-subtotal .cart-summary-overlay__subtotal-mobile-title { display: none; } .cart-summary-overlay__row-body .cart-summary-overlay__column-subtotal { margin-bottom: 5em; } .cart-summary-overlay__note { font-style: italic; } .cart-summary-overlay__actions { position: absolute; bottom: 30px; right: 30px; } [dir=rtl] .cart-summary-overlay__actions { left: 30px; right: auto; } .cart-summary-overlay__actions .button:last-child { margin-inline-start: 10px; } .cart-summary-overlay__title { margin: -0.25em 0 10px; font-size: 15px; } .cart-summary-overlay__variant { margin-bottom: 0.2em; } .cart-summary-overlay__variant-option:not(:empty) { margin-inline-end: 0.2em; } .cart-summary-overlay__mobile-price-row { display: none; } .cart-summary-overlay__note { margin-top: 10px; } .cart-summary-overlay__title, .cart-summary-overlay__variant-option, .cart-summary-overlay__line-price, .cart-summary-overlay__mobile-line-price, .cart-summary-overlay__subtotal-amount { color: #000000; } @media (max-width: 900px) { .cart-summary-overlay__column-item { width: 200px; } } @media (max-width: 767.98px) { .cart-summary-overlay { padding: 30px 20px; } .cart-summary-overlay__row-head, .cart-summary-overlay__row-body { flex-wrap: wrap; } .cart-summary-overlay__row-head .cart-summary-overlay__column-subtotal { display: none; } .cart-summary-overlay__column-item { width: calc(100% - 100px); } .cart-summary-overlay__mobile-price-row { display: flex; } .cart-summary-overlay__mobile-unit-price { width: 33%; flex-grow: 1; } .cart-summary-overlay__mobile-quantity { margin-inline-start: 20px; text-align: center; } .cart-summary-overlay__mobile-quantity .cart-summary-overlay__quantity { margin-inline-start: 0.5em; } .cart-summary-overlay__mobile-line-price { display: none; } .cart-summary-overlay__column-price, .cart-summary-overlay__column-quantity, .cart-summary-overlay__column-total { display: none; } .cart-summary-overlay__column-subtotal { margin: 15px 0; padding: 15px 0 0; width: 100%; border-top: 1px solid #e2e2e2; } .cart-summary-overlay__column-subtotal .cart-summary-overlay__column-title { display: none; } .cart-summary-overlay__column-subtotal .cart-summary-overlay__subtotal-mobile-title { display: inline; } .cart-summary-overlay__note { margin-top: 10px; } .cart-summary-overlay__actions { margin: 0 0 -10px; margin-inline-start: -10px; display: flex; flex-wrap: wrap; justify-content: space-between; position: static; white-space: nowrap; } .cart-summary-overlay__actions .button { margin: 0 0 10px; margin-inline-start: 10px; flex: 1 1 calc(50% - 10px); } } /* Map section */ .map-section { position: relative; } .map-section--map-constrained .map-section__wrapper { position: relative; } .map-section__wrapper { display: flex; } .map-section__wrapper .errors { padding: 80px 40px; } .map-section__text { box-sizing: border-box; padding: 80px 0; padding-inline-end: 40px; width: 50%; } .map-section__feature { width: 33.333%; display: flex; } .map-section__feature-image { flex-grow: 1; background-size: cover; background-position: center; } .map-section__feature-image.placeholder-image { height: auto; padding-top: 0; } .map-section__map { position: absolute; top: 0; right: 0; height: 100%; width: 50%; } [dir=rtl] .map-section__map { left: 0; right: auto; } .map-section__map-image { height: 100%; background-size: cover; background-position: center; } .map-section--display-map .map-section__map-image { display: none !important; } .map-section__placeholder { height: 100%; padding: 0; } .map-section--display-map .map-section__placeholder { display: none !important; } .map-section__map-container { height: 100%; } .map-section--has-feature-image .map-section__text { width: 25%; } .map-section--has-feature-image .map-section__map { width: calc(50% - 89.5px); } @media (max-width: 1160px) { .map-section--has-feature-image .map-section__map { width: calc((100% - 80px) * 0.41666 + 40.5px); } } @media (max-width: 959px) { .map-section .container { padding: 0; } .map-section__wrapper { flex-wrap: wrap; } .map-section__text { width: 50%; padding: 80px 40px; } .map-section__map { width: 50%; } .map-section--has-feature-image .map-section__text, .map-section--has-feature-image .map-section__feature { width: 50%; } .map-section--has-feature-image .map-section__text { padding-inline-end: 40px; } .map-section--has-feature-image .map-section__map { position: static; width: 100%; height: 55vh; } } @media (max-width: 767.98px) { .map-section__wrapper { display: block; } .map-section__text, .map-section--has-feature-image .map-section__text { width: auto; padding: 40px 16px; } .map-section__feature, .map-section__map { position: static; width: auto; height: 55vh; } .map-section--has-feature-image .map-section__text, .map-section--has-feature-image .map-section__feature, .map-section--has-feature-image .map-section__map { width: auto; } .map-section__feature, .map-section__placeholder, .map-section__map-container { height: 55vh; } } /* Responsive images */ .rimage-outer-wrapper { margin-left: auto; margin-right: auto; } .rimage-wrapper { position: relative; transition: background 150ms; } .rimage-wrapper.lazyload--placeholder { background: #f0f0f0; } .rimage-wrapper .rimage__image { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; } .rimage-wrapper .rimage__image.blur-in { -webkit-filter: blur(10px); filter: blur(10px); transition: filter 400ms, -webkit-filter 400ms; } .rimage-wrapper .rimage__image.blur-in.lazyloaded { -webkit-filter: blur(0); filter: blur(0); } .rimage-wrapper .rimage__image.fade-in { opacity: 0; transition: opacity 500ms; } .rimage-wrapper .rimage__image.fade-in.lazyloaded { opacity: 1; } .rimage-wrapper .rimage__image.cover { object-fit: cover; } .rimage-background { background-repeat: no-repeat; background-position: center center; background-size: cover; } .rimage-wrapper .rimage-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .rimage-background[data-parent-fit=contain] { background-size: contain; } .rimage-background.fade-in { opacity: 0; transition: opacity 500ms; } .rimage-background.fade-in.lazyloaded { opacity: 1; } .rimage-background-wrapper { transition: background 150ms; } .rimage-background-wrapper.lazyload--placeholder { background: #f0f0f0; } .theme-money { white-space: nowrap; } .toggle-target { transition: all 300ms cubic-bezier(0.25, 0.45, 0.45, 0.95); } .toggle-target--in-transition { overflow: hidden; } .toggle-target--hidden { display: none; } .loading-spinner { position: relative; display: inline-block; width: 40px; height: 40px; border-radius: 100%; border: 1px solid transparent; border-left-color: currentColor; animation: loadingSpinner 1s linear infinite; } @keyframes loadingSpinner { 0% { transform: rotate(0deg); } to { transform: rotate(360deg); } } .image-overlap { display: flex; margin: 0 auto; } .image-overlap .image-overlap__image { flex: 1 0 50%; } .image-overlap .image-overlap__image-1:not(:last-child) { position: relative; margin-top: 45px; z-index: 1; } .image-overlap .image-overlap__image-2 { margin-inline-end: -45px; transform: translateX(-45px); } [dir=rtl] .image-overlap .image-overlap__image-2 { transform: translateX(45px); } .image-overlap .placeholder-image { box-shadow: 0 0 0 5px #ffffff; } @media (min-width: 768px) { .feature-text-paired { margin-left: 15%; margin-right: 15%; } } .block-link { display: block; } .large-light-icon { opacity: 0.75; } .large-light-icon svg { width: 30px; height: 30px; stroke-width: 1; } .sticky-content-container { position: -webkit-sticky; position: sticky; top: calc(30px + var(--theme-sticky-header-height)); }  .disclosure-list--visible { z-index: 1; } /* mobile visibility utilities */ @media (min-width: 768px) { .mobile-only { display: none !important; } } /* Roughly tablet size */ @media only screen and (max-width: 959px) { .layout .col-third { float: none; width: auto; margin-left: 0; } .layout .col-third, .layout .col-third.left, .layout .col-third.right { float: none; width: auto; margin-bottom: 20px; margin-left: 0; } #customer_sidebar, #customer_orders { float: none; display: block; width: auto; margin: 20px 0; } .cart-item-list-heading--price, .cart-item__price { width: 140px; } .cart-item-list-heading--total, .cart-item__total { width: 100px; } #template button, #template input, #template textarea { max-width: 100%; box-sizing: border-box; } } /* Phone sizes typically start here */ @media only screen and (max-width: 767.98px) { .desktop-only { display: none !important; } /* iOS zoom workaround */ input, select, textarea { font-size: 16px; line-height: 1em; } /* General layout */ .container { padding-left: 16px; padding-right: 16px; } .container__breakout { margin-left: -16px; margin-right: -16px; } .container--not-mobile { padding-left: 0; padding-right: 0; } .strongly-padded-row { padding-top: 50px; padding-bottom: 50px; } .strongly-spaced-row { margin-top: 50px; margin-bottom: 50px; } .collection-slider .has-paging { display: flex; } .collection-slider .has-paging .prev, .collection-slider .has-paging .next { margin: -10px 0; } .collection-slider .has-paging .next { left: auto; right: 10px; } .collection-slider .has-paging .has-paging__title { flex-grow: 1; } .product-block.page-block .block-inner { width: auto; } .blog-row .layout .article.col-third:not(:last-child) { margin-bottom: 60px; } .cart-item-list__head { display: none; } .cart-item { border-top: 0; border-bottom: 1px solid #e2e2e2; padding-top: 30px; padding-bottom: 30px; } .cart-item:last-child { border-bottom: 0; } .cart-item__column { text-align: start; width: auto; padding: 0; } .cart-item__image { width: 80px; padding-inline-end: 20px; } .cart-item__not-image { display: block; } .cart-item__quantity { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-top: 1em; } .cart-item__quantity .quantity { margin-right: 1em; } .cart-item__total { display: none; } #cartform #shipping-calculator { margin-inline-end: 0; display: block; } #cartform #shipping-calculator .inputrow { width: auto; padding-inline-end: 0; } #cartform #shipping-calculator .inputrow .button { box-sizing: border-box; width: 100%; } #cartform .checkout-col { width: auto; } .sharing { display: block; } .sharing a { margin-inline-start: 20px; } .sharing svg { width: 20px; height: 20px; } .template-product #content { margin-top: 0; padding-bottom: 0; } .product-detail { display: block; } .product-detail .detail .title { min-width: 0; } .template-article .article .meta { border-top: 1px solid #f1f1f1; } .template-article .article .meta .iconmeta { display: block; padding: 10px 0; border-bottom: 1px dotted #f1f1f1; } .template-article .article .pagination-row { margin-top: 0; padding: 10px 0; border-bottom: 1px solid #f1f1f1; } #pagefooter .copyright .copy { white-space: normal; } .overlay-text-parent--mobile-stack { color: inherit; } .overlay-text-parent--mobile-stack .overlay-text { position: static; padding: 30px 20px 20px; width: auto; text-align: center; } .slick-dotted .overlay-text-parent--mobile-stack .overlay-text { padding-bottom: 5px; } .overlay-text-parent--mobile-stack .overlay-text .overlay-text__inner, .overlay-text-parent--mobile-stack .overlay-text .overlay-text__text { padding: 0; } .overlay-text-parent--mobile-stack .overlay-text .overlay-text__title { color: #000000; } .overlay-text-parent--mobile-stack .overlay-text .overlay-text__rte a { text-decoration-color: #000000; } .overlay-text-parent--mobile-stack .overlay-text .button { margin-bottom: 10px; } .overlay-text-parent--mobile-stack.image-overlay--bg-full::after { content: none; } .overlay-text-parent--mobile-stack.image-overlay--bg-shadow .overlay-text .overlay-text__inner::before { content: none; } .pagination-row.pagination-row-tabular { display: block; } .pagination-row.pagination-row-tabular > .inner { display: flex; flex-wrap: wrap; } .pagination-row.pagination-row-tabular > .inner > * { display: block; width: 50%; order: 1; } .pagination-row.pagination-row-tabular > .inner > .back { order: 2; width: 100%; margin-top: 20px; } } @media only screen and (max-width: 360px) { #cartform .item .image { margin-left: 0; width: 50px; } } @media only screen and (min-device-width: 320px) and (max-device-width: 1024px) { html { -webkit-text-size-adjust: none; /* Prevent iOS font scaling */ } } /* Animations */ @-webkit-keyframes reveal { 0% { margin-left: -999px; opacity: 0; } 1% { margin-left: 0; opacity: 0; -webkit-transform: scale(0.98) translateY(-15px); } 80% { -webkit-transform: scale(1); } 100% { -webkit-transform: translateY(0); } } @keyframes reveal { 0% { margin-left: -999px; opacity: 0; } 1% { margin-left: 0; opacity: 0; transform: scale(0.98) translateY(-15px); } 80% { transform: scale(1); } 100% { transform: translateY(0); } } /*****************************/ /***** PASSWORD TEMPLATE *****/ /*****************************/ .template-password-html { min-height: 100%; } .template-password { min-height: 100%; font-size: 15px; line-height: 1.3em; text-align: center; background: #ffffff;   background-repeat: repeat;   } .template-password .password-container { display: table; height: 100%; width: 100%; } .template-password .password-store-name, .template-password .password-main, .template-password .password-footer { display: table-row; } .template-password .password-store-name-inner, .template-password .password-main-inner, .template-password .password-footer-inner { display: table-cell; padding: 20px; } .template-password .password-store-name { height: 1px; } .template-password .password-main { height: 100%; } .template-password .password-main-inner { vertical-align: middle; } .template-password .password-footer { height: 1px; } .template-password .password-login-link { margin: 20px 0 40px; text-align: end; } .template-password .password-login-link svg { width: 10px; height: 12px; margin-inline-end: 4px; vertical-align: middle; } .template-password .password-login-link svg path { transition: fill 100ms; } .template-password .password-login-link.mobile-only { margin: 20px 20px 40px; text-align: center; } .template-password .password-login-link-label { vertical-align: middle; } .template-password h1, .template-password h2, .template-password h3, .template-password h4, .template-password h5, .template-password h6, .template-password a, .template-password a:hover { color: inherit; } .template-password h1 { font-size: 2em; word-break: break-word; } .template-password h1 a:hover { text-decoration: none; } .template-password h2 { font-size: 4em; } .template-password input[type=text], .template-password input[type=email], .template-password input[type=password] { margin: 0; margin-inline-end: 5px; color: #666; background: #fff; border: 1.5px solid #ccc; vertical-align: top; border-radius: 3px; } .template-password input[type=submit] { display: inline-block; vertical-align: top; margin: 0; min-width: 0; cursor: pointer; border-radius: 3px; } .template-password #shoplogo { margin: 0 auto; } .template-password #shoplogo .logotext { font-size: 28px; line-height: 1em; } .template-password .shopify-name { display: none; } .template-password .password-message { margin-bottom: 2em; } .template-password .password-signup { margin-bottom: 4em; } .template-password .password-signup input[type=email] { box-sizing: content-box; font-size: 16px; line-height: 36px; height: 36px; padding: 4px 18px; margin-inline-end: -1px; width: 250px; border-radius: 3px 0 0 3px; } [dir=rtl] .template-password .password-signup input[type=email] { border-radius: 0 3px 3px 0; } .template-password .password-signup input[type=submit] { box-sizing: content-box; font-size: 13px; line-height: 36px; height: 36px; padding: 4px 18px; border: 1.5px solid #212b36; border-radius: 0 3px 3px 0; } [dir=rtl] .template-password .password-signup input[type=submit] { border-radius: 3px 0 0 3px; } .template-password .password-signup input[type=submit]:hover { background-color: #c16452; } @media only screen and (max-width: 420px) { .template-password .password-signup input[type=email] { width: 90%; } .template-password .password-signup input[type=email], .template-password .password-signup input[type=submit] { margin: 0 0 10px; border-radius: 3px; } } .template-password .password-social li { display: inline-block; white-space: nowrap; } .template-password .password-social a { color: #fff; margin: 10px; display: inline-block; padding: 2px 4px 4px; padding-inline-end: 12px; border-radius: 3px; } .template-password .password-social a span { vertical-align: middle; } .template-password .password-social a:hover { color: #fff; opacity: 0.9; } .template-password .password-social a:hover, .template-password .password-social a:hover span { text-decoration: none; } .template-password .password-social a svg { display: inline-block; vertical-align: middle; margin: 0 4px; height: 15px; width: 15px; } .template-password .password-social a svg, .template-password .password-social a svg g { fill: #fff; } .template-password .password-social .password-social-item-facebook { background: #3b5998; } .template-password .password-social .password-social-item-twitter { background: #00aced; } .template-password .password-footer-inner { padding-top: 100px; line-height: 2em; } .template-password .password-footer-inner .powered-by, .template-password .password-footer-inner svg { vertical-align: middle; } .template-password .password-footer-inner svg { margin-inline-start: 5px; width: 80px; height: 23px; } .template-password #password-login { color: #000000; } .template-password #password-login label { display: block; margin: 0 0 0.5em; } .template-password #password-login input[type=password] { width: 150px; flex: 1 1 auto; } .template-password #password-login .password-owner { margin-top: 2em; } .template-password .password-login__input-row { display: flex; } .template-password .password-login__button { flex-grow: 1; padding: 10px; border-radius: 3px; } .js .template-password #password-login-container { display: none; } .giftcard-header { text-align: center; } .giftcard-header .logo { max-height: none; } .shopify-challenge__container { padding-top: 60px; padding-bottom: 40px; } /*************    ---                   ---                   ---   *************/ /*************    |     ENTER YOUR CUSTOM CODE BELOW HERE       |   *************/ /*************    ---                   ---                   ---   *************/ #shopify-product-reviews{margin:0px;} #shopify-product-reviews .spr-header-title{display:none !important;} .navigation .navigation__tier-1>.navigation__item>.navigation__link{text-transform:uppercase;} .testimonial__star{color:#F3943D !important;} .bold_option_value_swatch>span{border-radius:100%;} .bold_option_value_swatch { width: 42px !important; height: 42px !important;} .bold_option_swatch .bold_option_value_element{box-shadow:unset !important;border-radius:unset !important;} .bold_option_dropdown .bold_option_element{margin:0px !important;display:inline-block;} .bold_option_element select{display: flex; align-items: center; position: relative; min-width: 100%; max-width: 100%; padding: 11px 40px 11px 15px; background-color: transparent; color: inherit; font-weight: inherit; text-align: start; text-transform: none;color: #707173; background-color: #fff; line-height: 1.5rem; letter-spacing: normal;} .bold_option_total>div{text-align:left;} .bold_option_title{display: block; font-size: 15px; line-height: 1.4em; font-weight: 600 !important; margin-bottom: 8px;} .bold_option_value_swatch>span{border:1px solid #aeaeae;} .footer-points-nfs{width:100%;float:left;border:1px solid #dddddd;padding:12px 0px 10px 0px;margin:30px 0px;} .footer-points-nfs>ul{width:100%;float:left;margin:0px;padding:0px;} .footer-points-nfs>ul>li{width:25%;float:left;text-align:center;list-style:none;border-right:1px solid #ddd;padding:2px 0px;} .footer-points-nfs>ul>li:last-child{border:0px;} .footer-points-nfs>ul>li>span{display:inline-block;text-align:center;} .footer-points-nfs>ul>li>span>img{width:60px;display:inline-block;position:relative;} .footer-points-nfs>ul>li>p{display:inline-block;text-align:left;color:#000;font-size:14px;letter-spacing:1.2px;margin-top:8px;font-weight:500;text-transform:uppercase;margin-left:20px;} .footer-points-nfs>ul>li>p>span{display:inline-block;font-size:13px;text-transform:initial;letter-spacing:1.2px;font-weight: 500; color: #000; } #section-id-template--15009864220720__b2950a83-b831-49ef-8e02-36f6f55ad0c9{margin:0px auto;} a.marketplace-nav{font-size:14px;padding-right:15px;text-transform:uppercase;} #getting-started-tag span{font-weight:500;text-transform:uppercase;} .announcement p, #getting-started-tag{display:inline-block;} @media only screen and (max-width:650px) { .section-footer__row__col:nth-child(2), .section-footer__row__col:nth-child(3){flex:0 1 50%;} .footer-points-nfs>ul>li>p{width:100%;margin:0px;text-align:center;padding:0 5px;} .footer-points-nfs>ul>li{width:50%;text-align:center;} .footer-points-nfs>ul>li:nth-child(1),  .footer-points-nfs>ul>li:nth-child(2){margin-bottom:15px;} .footer-points-nfs>ul>li>span>img{width:40px;} .footer-points-nfs>ul>li>p>span{font-size:11px;} a.marketplace-nav{display:none;} } .account-nfs{width:100%;float:left;background:#f5f5f5;} .account-nfs>ul{list-style:none;} .account-nfs>ul>li{width:100%;float:left;padding:10px 0px;border-bottom:1px solid #eee;list-style:none;} .account-nfs>ul>li>a{} .nfs-school-uniform{width:100%;float:left;text-align:center;} .nfs-school-uniform>div:first-child{float:right;position:relative;width:50%;} .nfs-school-uniform>div:last-child{background:#0a1e3b;float:left;position:relative;width:50%;} .nfs-school-uniform>div>img{width: 100%;float:left;} .nfs-school-uniform>div>div>select{display: inline-block; margin: 15px 0px 0px 0px; padding: 10px 15px; font-size: 16px;} .nfs-school-uniform>div>div{position:absolute;transform: translate(-50%, -50%);left:50%;top:50%;} .nfs-school-uniform>div>div>img{width:100%;margin: 0 auto 25px auto; border-radius: 5px;} .nfs-school-uniform>div>div>h3{width:100%;clear:both;text-align: center; color: #fff; font-weight: 600; letter-spacing: 1px; font-size: 24px; margin: 0px;} @media only screen and (max-width:850px) { .nfs-school-uniform>div>div{width:100%;} .nfs-school-uniform>div>div>select{width:90%;display: inline-block; margin: 5px 0px 0px 0px; padding: 3px 2%; font-size: 13px;} .nfs-school-uniform>div>div>img{width:70%;margin:0 15% 10px 15%;} .nfs-school-uniform>div>div>h3{text-align: center; color: #fff; font-weight: 600; letter-spacing: 1px; font-size: 13px; margin: 0px;} } .si-desktop{} .si-mobile{display:none !important;} @media only screen and (max-width:650px) { .si-desktop{display:none !important;} .si-mobile{display:block !important;} } #section-id-template--15052692553776__b2950a83-b831-49ef-8e02-36f6f55ad0c9{margin:0 auto;} #shopify-section-template--15052692553776__1635927863703110df{clear:both;} .template-product .section-featured-collection .use-alt-bg { background-color: unset !important; } .gb_main_container.gb_circle.gb_right #btnIframe { right: 125px !important; } .gb_main_container.gb_circle #btnIframe { height: 60px !important; } .or_line { text-align:center; font-size: 18px; } label.filter-group__item[data-tag="unisex"]+ label.filter-group__item { display: none; } @media(min-width:1200px){ .navigation__columns--with-promos li.desktop-only.navigation__column.navigation__column--promotion { display: none;} .navigation__columns--with-promos .navigation__item.navigation__column{width: 100%; max-width: 100%;} .navigation__columns--with-promos li.navigation__item.navigation__column { display: grid; grid-template-columns: repeat(4, 1fr); } }label.filter-group__item:not([data-tag]) { display: none; } label.filter-group__item[data-tag="prayer"] { display: none; } label.filter-group__item[data-tag="school-uniforms"] { display: none; } div#___ratingbadge_0 { display: none !important; } .template-product  .page-section-spacing { margin-top: 0; margin-bottom: 50px; } .New-Arrival .filter-group:first-child { display: none; } .Best-Dress-for-Women .filter-group:first-child { display: none; } .Islamic-Clothes-for-Kids .filter-group__item[data-tag="men"], .Islamic-Clothes-for-Kids .filter-group__item[data-tag="women"] { display: none; } @media(min-width:767px){ .product-detail .detail .title { margin: 0 0 .1em; } .product-detail .detail .title { margin: 0 0 .1em; font-size: 24px; } .product-detail   h4,    .product-detail  .h4-style { font-size: 18px; } .product-detail   hr { border: none; width: 100%; color: transparent; border-bottom: 1px solid #e2e2e2; height: 1px; margin: 10px 0px 10px !important; } .product-form .input-row, .buy-buttons-row { margin: 10px 0; clear: both; } .addtocartbtn-qty { display: unset; align-items: flex-end; gap: 10px; margin-bottom: 20px; } .quantity-submit-row__submit.input-row.nfs-cartb { display: block; width: 100%; height: auto; margin: 0; } .template-product .page-header:not(.page-header--with-background) { padding: 0 0 8px; } } .product-list div[data-product-id="7309957103664"], .product-list div[data-product-id="7309936099376"], .product-list div[data-product-id="7309806665776"], .product-list div[data-product-id="7516156919856"], .product-list div[data-product-id="7309880557616"], .product-list div[data-product-id="7309806665776"]{ display:none } .catg-decs { text-align: left; } .catg-decs h3 { font-size: 22px; font-weight: 500; } .catg-decs h2 { font-size: 26px; font-weight: 600; } .Best-Islamic-School-Uniform .container.container--reading-width.fully-spaced-row.cc-animate-init.-in.cc-animate-complete { margin: 0; width: 100%; max-width: 100%; } .catg-decs ul li { line-height: 30px; } .Abaya-Dress-for-Women .container.container--reading-width.fully-spaced-row.cc-animate-init.-in.cc-animate-complete { width: 100%; max-width: 100%; } @media(max-width:767px){ .catg-decs h3 { font-size: 16px; font-weight: 500; } .catg-decs h2 { font-size: 20px; font-weight: 600; } .catg-decs ul li { line-height: 20px; margin-bottom: 10px; } } .cart-notes { padding: 10px 20px; box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 4px 0px inset; display: inline-block; margin-bottom: 20px; } p.cart-texts { margin: 0; font-size: 16px; font-weight: 500; color: #c16452; letter-spacing: .5px; font-family: 'FUTURA'; } .image-overlay--bg-box .overlay-text .overlay-text__text { background: #ffffffe6; color: #707173; display: inline-block; vertical-align: top; padding: 12px; min-width: 40%; margin-bottom: 10px; } #section-id-template--15558109429808__16359279164ff7d3f3 .use-alt-bg.fully-padded-row--medium { background: #f4f7fded; } .image-overlay--bg-box .overlay-text .overlay-text__text { background: #ffffffe6; color: #707173; display: inline-block; vertical-align: top; padding: 12px; min-width: 40%; margin-bottom: 10px; } #section-id-template--15558109429808__16359279164ff7d3f3 .use-alt-bg.fully-padded-row--medium { background: #f4f7fded; } #section-id-template--15558109429808__16359279164ff7d3f3 .gallery .subheading--over { margin-bottom: 0.05rem; } #shopify-section-template--15558109429808__16359279164ff7d3f3 .image-overlay--bg-box .overlay-text .overlay-text__text { background: #fff; color: #707173; display: inline-block; vertical-align: top; padding: 9px !important; min-width: 28% !important; margin-bottom: 10px; } @media(min-width:1100px) { #section-id-template--15558109429808__16359279164ff7d3f3 .overlay-text__title { font-size: 22px !important; text-transform: uppercase; padding-top: 4px; } } .New-Arrival .overlay-text__inner { display: block; position: relative; width: 100%; padding: 20px; position: absolute; bottom: 0; } #section-id-template--15558109429808__16359279164ff7d3f3 .gallery__item .overlay-text__text { background: #fff !important; } /* .bold_options.bold_options_loaded { display: flex; flex-direction: column; } .bold_option_set:nth-child(1) { order: 3; margin-top: 10px; } */ .bold_option_set:nth-child(1) input { width: 100%; } .bold_option_dropdown .bold_option_element{margin:0px !important;display:block !important;} .bold_swatch_selected.bold_option_value_element { border: 4px solid #f8aa00  !important; border-radius: 50% !important; } /* div#hso-quantum-login-based-wishlist-wrapper { max-width: 80%; margin: auto; } .hso-quantum-login-based-wishlist-product__media img { display: block; width: 100%; height: 250px; object-fit: cover; object-position: top !important; } .hso-quantum-login-based-wishlist-wrapper { display: grid; max-width: 100%; margin: 0 auto; padding-top: 80px; padding-right: 18px; padding-bottom: 80px; padding-left: 15px; column-gap: 10px !important; grid-template-columns: repeat(2, 1fr); row-gap: 10px !important; } .hso-quantum-login-based-wishlist-product { text-align: center; border-radius: 8px !important; overflow: hidden; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; position: relative; } .hso-quantum-login-based-wishlist-product__content h3 { text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .hso-quantum-login-based-wishlist-product__remove-icon svg { border: 2px solid #d8aa58; border-radius: 50%; padding: 2px; fill: #fff; background: #d8aa58; } .hso-quantum-login-based-wishlist-product h3 { font-size: 16px; margin: 0 0 5px 0 !important; } .hso-quantum-login-based-wishlist-product__content .hso-quantum-login-based-wishlist-product-price { font-weight: 500; text-align: center; margin-bottom: 0 !important; color: #3f2e3e; } .hso-quantum-login-based-wishlist-product h3 { font-size: 16px !important; margin: 0 0 5px !important; font-family: 'Futura' !important; } span.discounted-price { font-family: 'Futura' !important; font-size: 14px; } .hso-quantum-login-based-wishlist-product__content .hso-quantum-login-based-wishlist-product-price .original-price { font-size: 14px; margin-left: 5px; text-decoration: line-through; color: #8e8e8e; font-family: 'Futura' !important; } @media(max-width:767px){ div#hso-quantum-login-based-wishlist-wrapper { max-width: 100%; margin: auto; padding-top: 40px; } } */ /* Wishlist style */ div#hso-quantum-login-based-wishlist-wrapper { max-width: 80%; margin: auto; } .hso-quantum-login-based-wishlist-product__media img { display: block; width: 100%; height: 250px; object-fit: cover; object-position: top !important; } .hso-quantum-login-based-wishlist-wrapper { display: grid; max-width: 100%; margin: 0 auto; padding-top: 80px; padding-right: 18px; padding-bottom: 80px; padding-left: 15px; column-gap: 10px !important; grid-template-columns: repeat(2, 1fr); row-gap: 10px !important; } .hso-quantum-login-based-wishlist-product { text-align: center; border-radius: 8px !important; overflow: hidden; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; position: relative; } .hso-quantum-login-based-wishlist-product__content h3 { text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .hso-quantum-login-based-wishlist-product__remove-icon svg { border: 2px solid #d8aa58; border-radius: 50%; padding: 2px; fill: #fff; background: #d8aa58; } .hso-quantum-login-based-wishlist-product h3 { font-size: 16px; margin: 0 0 5px 0 !important; } .hso-quantum-login-based-wishlist-product__content .hso-quantum-login-based-wishlist-product-price { font-weight: 500; text-align: center; margin-bottom: 0 !important; color: #3f2e3e; } .hso-quantum-login-based-wishlist-product h3 { font-size: 16px !important; margin: 0 0 5px !important; font-family: 'Futura' !important; } span.discounted-price { font-family: 'Futura' !important; font-size: 14px; } .hso-quantum-login-based-wishlist-product__content .hso-quantum-login-based-wishlist-product-price .original-price { font-size: 14px; margin-left: 5px; text-decoration: line-through; color: #8e8e8e; font-family: 'Futura' !important; } div#hso-quantum-login-based-wishlist-wrapper { max-width: 80%; margin: auto;} /* .hso-quantum-login-based-wishlist-product__content { padding: 10px 12px 20px 10px !important } */ .wishlist-cart-icon svg, .wishlist-cart-icon path { width: 30px; height: auto; fill: #fff8f8 !important; color: #fff !important; cursor: pointer; } .wishlist-cart-icon { display: inline; position: absolute; bottom: 106px; right: 10px; background: #e4a314; display:none; padding: 3px; border-radius: 100%; box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px; } .wishlist-button { width: 100%; display: block; cursor:pointer; background: #e4a314; border-radius: 4px; color: #fff; font-family: Futura; margin-top: 10px; padding: 6px 0; } @media(max-width:767px){ div#hso-quantum-login-based-wishlist-wrapper { max-width: 100%; margin: auto; padding-top: 40px; } } .love-button { position: absolute; right: 10px !important; top: 10px !important; z-index: 1; background: #ffffff; border: 0px transparent; cursor: pointer; display: grid; place-items: center; height: 1.5rem !important; width: 1.5rem !important; border-radius: 50%; box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px; padding: .8rem !important; } .love-button svg { position: absolute !important; top: 50% !important; left: 50%; transform: translate(-50%, -46%) !important; width: 16px !important; height: 18px !important; } button.love-button:hover { background: #fff !important; border: none !important; } .wishlist-popup h1 { padding: 20px 10px !important; } .wishlist-popup { max-width: 80%; position: fixed; top: 50%; left: 50%; height: max-content; width: 100%; transform: translate(-50%, -50%); background: #fff; z-index: 9999; height: 80%; overflow-y: scroll; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; } span.wishlist-close-icon { position: absolute; right: 15px; top: 15px; background: #d29c19; color: #fff; border-radius: 50%; padding: 1px 8px; font-size: 13px; line-height: 20px; width: 25px; height: 25px; display: flex; align-items: center; justify-content: center; } .wishlist-popup i.hso-quantum-login-based-wishlist-product__remove-icon { DISPLAY: NONE; } .wishlist-popup div#hso-quantum-login-based-wishlist-wrapper { width: 100%; max-width: 100%; } .hso-quantum-login-based-wishlist-product__remove-icon { position: absolute; top: 10px; right: 10px; cursor: pointer; z-index: 99999 !important; } @media(max-width:767px){ .wishlist-popup { max-width: 95%; } .wishlist-text.subtotal.h2-style { margin: 0 !important; border-bottom: 1px solid #eee; padding: 10px 0; } .wishlist-text.subtotal.h2-style { display: flex; align-items: center; justify-content: space-between; } } /* Size Guide */ ul.nav.nav-tabs.size_chart_page { display: flex; align-items: center; justify-content: center; gap: 30px; } ul.nav.nav-tabs.size_chart_page li { list-style: none; } ul.nav.nav-tabs.size_chart_page li a { padding: 6px 30px; background: #d29c19; color: #fff; border-radius: 8px; width: 160px; text-align: center; text-decoration: none; text-transform: uppercase; min-width: 100px !important; display: block; } ul.nav.nav-tabs.size_chart_page img { filter: invert(1); margin-right: 3px; object-fit: contain; } #shopify-section-template--15558109724720__main h1.majortitle { margin: 0; text-transform: uppercase; font-size: 1.8rem; } #shopify-section-template--15558109724720__main .container.cf.cc-animate-init.-in.cc-animate-complete { max-width: 1200px; margin: auto; } ul.nav.nav-tabs.size_chart_page li.active a { background: #000; } .tab-pane.active { display: block; } .tab-pane { display: none; } .tab-content { margin-top: 30px; } table.table.table-bordered { border: 1px solid #eee; } .size_guide_accordian { text-align: center; padding: 10px 0 15px; font-size: 19px; font-family: 'ITC Galliard'; } .table.table-bordered { margin-left: auto; margin-right: auto; }


.nfs-school-uniform{display:none;     
    opacity: 0;
    height: 0;} 
  .collection-slider-row.use-alt-bg{
    padding-top: 0px !important;
  }
  .section-id-template--15558109429808__16359278676808bea5.collection-slider-row.use-alt-bg{
    padding-top: 30px !important;
  }
  .footer-points-nfs {
  margin: 0 !important;
}
.gallery--with-margins{
  padding-top: 0 !important;
  padding-bottom: 0 !important;  
}
.strongly-spaced-row, .fully-spaced-row--medium {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}
.strongly-spaced-row, .fully-padded-row--medium {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}
#section-id-template--15052692553776__b2950a83-b831-49ef-8e02-36f6f55ad0c9 {
    margin: 0 !important; 
}

.collection-listing .product-block {
    margin: 0 !important; 
}
  #shopify-section-template--15557958205488__16359276425da8ce46{
    margin-bottom: -30px !important;
  }
  .section-footer__text > p {
    font-weight: 500;
}

@media screen and (min-width: 480px) {
  .product-block .block-inner {
     margin: 0 !important; 
  }
}
#shopify-section-template--15558109429808__b2950a83-b831-49ef-8e02-36f6f55ad0c9{
      display: flow-root;
}
.fully-spaced-row, .fully-spaced-row--small {
   margin-top: 20px !important;
    margin-bottom: 30px !important;
}

.section-footer__row--blocks {
   padding-top: 30px !important;
  padding-bottom: 30px !important;
}
.section-footer__row-lower {
   padding-top: 20px !important;
  padding-bottom: 20px !important;
}
.cart-item-list {
    margin: 0 !important; 
  padding: 0 !important;
}

#shopify-section-template--15052692226096__main  .page-header:not(.page-header--with-background) {
  padding: 0 !important;
}
@media screen and (min-width: 480px) {
#cartform .subtotal {
    margin: 20px 0 30px !important;
}  
}
  .hardcoded-reviews-black{
    visibility: hidden !important;
  }
  .termsagreement{
    display: none !important;
  }

  .section-footer__menu-block__menu li a {
    font-weight: 500;
}

.view-all > a {
    font-weight: 600;
}
.section-footer__menu-block__menu li a {
    font-weight: 500;
    font-size: 1rem;
    color: #000 !important;
}
.section-footer__text>p {
    font-weight: 500;
    font-size: 1rem;
    color: #000;
}

  .filter-group--layout-no-label .filter-group__item {
    flex: 0 0 50px !important;
    position: relative;
    margin: 0;
    padding: 3.5px;
    border-radius:unset important%;
    text-align: center;
}
.filter-group--swatch .filter-group__item {
    display: flex;
    align-items: center;
    margin: 0 0 12px;
    padding: 8px 10px;
    border: 1.5px solid #dbdcdc;
    background: #fff;
    color: #707173;
    border-radius: 3px;
    justify-content: center;
    margin-bottom: 20px !important;
}
  .filter-group--layout-no-label .toggle-target-container {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-left: -7px;
    gap: 7px !important;
    justify-content: flex-start;
}
  span.filter-group__item__text-custom {
    position: absolute;
    bottom: -24px;
    white-space: pre-wrap;
    font-size: 12px;
    line-height: 14px;
    font-weight: 500;
}
  .filter-group--swatch .filter-group__item:before{
    width: 33px;
    height: 33px;
  }
 
.product-block__title {
    font-size: 15px;
    color: #000;
}
.product-price {
    font-size: 14px;
}
h2.section-footer__title {
    font-size: 1.1rem;
}

.nfs-school-uniform{
    position: relative;
  z-index:99;
}


.template-collection .product-price {
    font-size: 1rem;
}
.copyright {
    font-size: .9rem;
}


#shopify-section-template--15881243066416__16359278676808bea5 h2.hometitle.h4-style.align-center.has-paging {
    padding-top: 30px;
}

@media screen and (min-width: 1025px) {
 .template-collection  .product-block {
    padding-bottom: 20px;
}
	ul.navigation__tier-1 .navigation__item:nth-child(1)>a[aria-controls="NavigationTier2-1"] {
		font-weight: 600;
		text-align: center;
		text-transform: uppercase;
		color: transparent;
		-webkit-background-clip: text;
		background-clip: text;
		background-size: 400%;
		animation: move 5s ease infinite;
		background-image: linear-gradient(68.7deg, rgba(29, 173, 235, 1) 13.2%, rgba(137, 149, 250, 1) 29.8%, rgba(229, 109, 212, 1) 48.9%, rgba(255, 68, 128, 1) 68.2%, rgba(255, 94, 0, 1) 86.4%);
	}
    ul.navigation__tier-1 >.navigation__item:nth-child(8) a.navigation__link{
      
    font-weight: 600;
		text-align: center;
		text-transform: uppercase;
		color: transparent;
		-webkit-background-clip: text;
		background-clip: text;
		background-size: 400%;
		animation: move 5s ease infinite;
    background-image: linear-gradient(68.7deg, #ff4480 13.2%, #ff4480 29.8%, #ff4480 48.9%, #ff4480 68.2%, #ff4480 86.4%); }
	}
	@keyframes move {

		0%,
		100% {
			background-position: 200% 0%;
		}

		50% {
			background-position: 0% 200%;
		}
	}
}


@media(max-width:767px){
  	ul.navigation__tier-1 .navigation__item:nth-child(1)>a[aria-controls="NavigationTier2-1-mobMobileNav"] {
		font-weight: 600;

		text-transform: uppercase;
		color: transparent;
		-webkit-background-clip: text;
		background-clip: text;
		background-size: 400%;
		animation: move 5s ease infinite;
		/* background-image: linear-gradient( 68.7deg,  rgba(29,173,235,1) 13.2%, rgba(137,149,250,1) 29.8%, rgba(229,109,212,1) 48.9%, rgba(255,68,128,1) 68.2%, rgba(255,94,0,1) 86.4% ); */
		background-image: linear-gradient(68.7deg, rgba(29, 173, 235, 1) 13.2%, rgba(137, 149, 250, 1) 29.8%, rgba(229, 109, 212, 1) 48.9%, rgba(255, 68, 128, 1) 68.2%, rgba(255, 94, 0, 1) 86.4%);
	}

  ul.navigation__tier-1 > .navigation__item:nth-child(8) a.navigation__link{
    
        font-weight: 600;
		text-transform: uppercase;
		color: transparent;
		-webkit-background-clip: text;
		background-clip: text;
		background-size: 400%;
		animation: move 5s ease infinite;
		/* background-image: linear-gradient( 68.7deg,  rgba(29,173,235,1) 13.2%, rgba(137,149,250,1) 29.8%, rgba(229,109,212,1) 48.9%, rgba(255,68,128,1) 68.2%, rgba(255,94,0,1) 86.4% ); */
		background-image: linear-gradient(68.7deg, rgba(29, 173, 235, 1) 13.2%, rgba(137, 149, 250, 1) 29.8%, rgba(229, 109, 212, 1) 48.9%, rgba(255, 68, 128, 1) 68.2%, rgba(255, 94, 0, 1) 86.4%);
	}

	@keyframes move {

		0%,
		100% {
			background-position: 200% 0%;
		}

		50% {
			background-position: 0% 200%;
		}
	}

}
.template-collection label.filter-group__item:not([data-tag]) {
    display: block;
}
.product-label--sale{opacity:0;}


#product-custmization .product-purchase-form{position:relative;}

.template-product  a#more-payment-options-link {
    display: none;
}
.template-product .sku {
    margin-top: .5rem;
}
.bg-change{
      background: #f7f1f052;
}
.bg-change .cc-select__btn {

    background-color: #fcfafa;

}
.filter-group:nth-child(1) label.filter-group__item[data-tag] {
    display: flex;
}

.filter-group:nth-child(1) label.filter-group__item {
    display: none;
}
.customize-options .product-form .option-selector { margin-bottom:0px; display: inline-block; margin-right: 10px; margin-top: 10px; }
.customize-options .option-selector { width: 45%;}

.slide-show-inner .slide-image:not(:nth-child(1)) { display: none; } 
.slide-show-inner .slide-image.slick-slide { display: block !important; }

@media(min-width:1024px){
  .ProductDescriptionPage__buttonWrapperPDPFixed {
    width: 100%;
    height: auto;
    display: flex;
    /* align-items: center; */
    justify-content: space-between;
    position: fixed;
    bottom: 0;
    background: #fff;
    padding: 8px;
    max-width: 541px;
    box-shadow: 0 -4px 4px -.5px rgb(216 216 216 / 30%);
    padding-top: 0;
    border-radius: 4px;
}
.ProductDescriptionPage__buttonWrapperPDPScroll {
    width: 100%;
    height: auto;
    position: static;
    display: flex;
    justify-content: space-between;
    /* align-items: center; */
    bottom: 0;
    /* background: #fff; */
    padding: 8px 0;
}
}

/*##############################################  Footer & ProductPage  ##############################################  */

.new-product-template .price-style .current-price span.money{color:#d29c19;}
.pageheader .logo { text-align: center; padding: 9px 0; }
.logo img { width: 225px !important; }
.navigation .navigation__tier-1>.navigation__item>.navigation__link{padding:9px 20px}
.template-product .spaced-row { margin-bottom: 25px;}
.template-product .page-section-spacing{margin-bottom: 20px !important;}
.price-area .on-sale .current-price{color:#d29c19; font-weight:600;}
/* #product-custmization .bold_option_set:nth-child(2) label { display: block;} */
/* #product-custmization .bold_option_set:nth-child(2) .bold_option:nth-child(2) {width: 100%;} */
#product-custmization .bold_option.bold_option_textbox input { padding: 0; height: 36.6px; }
#product-custmization .bold_option.bold_option_textbox {margin:1%;}
.product-detail .sharing { margin-top: 0px !important; }
#shopify-section-template--16005350162480__main {margin: 30px 0 0 0;}
#shopify-section-template--16005350162480__main .page-header.cf { padding: 0;}
#shopify-section-template--16005350162480__main h1.majortitle { margin-bottom: 0; }
#shopify-section-template--16005350162480__gallery_CghmBy .gallery__item { border-radius: 4px; box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px; }
#shopify-section-template--16005350162480__gallery_CghmBy .gallery__item:hover { transition: all .3s ease; box-shadow: rgb(220 167 44 / 40%) 0px 0px 0px 2px, rgb(239 201 35 / 65%) 0px 4px 6px -1px, rgb(246 222 34 / 8%) 0px 1px 0px inset; }
.template-product .page-num { font-size: 0; height: 0; font-size: 0; width: 0; border: 0; display: contents; }
div#paginationControls { text-align: center; display: flex; align-items: center; justify-content: center; gap: 10px; }
/* November -11 */
/* div#section-id-template--15881243066416__b2950a83-b831-49ef-8e02-36f6f55ad0c9 { margin: 0 auto !important;} */
/* div#shopify-section-template--15881243066416__b2950a83-b831-49ef-8e02-36f6f55ad0c9 { overflow: auto; margin: 20px auto; } */
div#shopify-section-template--15881243066416__b2950a83-b831-49ef-8e02-36f6f55ad0c9 { overflow: auto; }
.template-article .breadcrumb.container{text-align:center;}
.template-collection  span.product-price__item.product-price__amount.product-price__amount--on-sale.theme-money { color: #d29c19; font-weight: 600;}
.template-product  .price-container{align-items: center; margin-top: 8px;}
.template-article li.breadcrumb-item:after, ul.breadcrumb.container{
  font-size: 12px!important;
}
.pagination-row.pagination-row-tabular {
    font-size: 14px;
}
div#section-id-template--15881243066416__custom_liquid_qAWMLr { margin: 0 !important; }
div#section-id-template--15881243066416__b2950a83-b831-49ef-8e02-36f6f55ad0c9 { margin: 0PX auto !IMPORTANT; }
.mobile-only-slideshow { display: none; } 
.desktop-only-slideshow { display: block; }
button.GiftWizard-gift-button.button.button--large.gwbutton { margin-bottom: 0;}
.template-collection .container.container--reading-width.fully-spaced-row { width: 100%; max-width: 1480px; margin-left: auto; margin-right: auto; padding-left: 40px; padding-right: 40px; }
 .template-collection  h1.pagetitle.h3-style { margin-bottom: 10px !important; font-size: 36px; font-family: 'Montserrat'; }
.template-collection  .product-label--sale {opacity: 1;}
.template-collection  .filter-group { margin-bottom: 20px; border-bottom: 1px solid #eee; }
.template-collection .filter-group.filter-group--availability { padding-bottom: 1em; }

/* 
.template-collection  .filter-group:nth-child(1), .template-collection  .filter-group:nth-child(2), .template-collection  .filter-group:nth-child(3)  { display: none; }
 */
 .filter-group:nth-child(6) { display: none;}
 .filter-group.filter-group--applied { height: 0; visibility: hidden; display: none; }
.template-product .price-area { display: flex; align-items: center; gap: 6px; } 
.template-product .price-area span.product-label.product-label--sale { opacity: 0; }
.template-product .product-label--sale { opacity: 1;}
form[data-product-id="7396810129456"] .quantity-submit-row__submit button[type="submit"] { display: none; }
.template-product  .jdgm-rev-widg__summary-inner > a.jdgm-link {opacity: 0;}

.custom-search-bar-container{width:100%; max-width:60%;} 
.custom-search-bar-container svg{color:#000; fill:#000;} 
.custom-search-bar-container .main-search__input-container { background: #f8f8f8;}
a.show-search-link.desktop-hide {display: none;}
#shopify-section-footer .container--no-max {  max-width: 1480px;}
.template-search .product-block { padding-bottom: 20px;}
.template-search  span.product-price__item.product-price__amount.product-price__amount--on-sale.theme-money {color: #d29c19;font-weight: 600;}
#pageheader { border-bottom: 1px solid #dfe3e8;}
.logo-area {border: 0;}
.template-article li { line-height: 22px; margin-bottom: 16px;}
.product-block__rating {cursor: pointer;}
div[data-product-id="7070088036400"] .swatch-style-icon_circle .option-selector--swatch .opt-label:before {
  background-color: #d4b2a7 !important;
}
#product-custmization .bold_option:nth-child(6) { display: none !important; }
.bold_option:nth-child(6).bold_option_checkbox { visibility: hidden; height: 0; width: 0; outline: none; }
.filter-group.filter-group--availability { display: none;}
.template-collection .filter-group:nth-child(4) {display: none;}
p.custom-instruction:not(:nth-child(1)) { display: none; }
#product-custmization .bold_option:nth-child(2).bold_option_dropdown { display: none !important; }
.standard-size{color:#fff; display: block; background-color: #333; padding: 10px 20px; cursor: pointer; width: 130px; text-align: center; margin-bottom:10px;}
/* #product-custmization .bold_option.bold_option_checkbox { display: block !important; width: 100%; } */
#product-custmization .bold_option:nth-child(2).bold_option_dropdown select { background: #c19345; color: #fff; border-color: #c19345; }
.template-product .tpo-show-popup.tpo_edit-option-modal.tpo_open-modal-button { display: inline-block; width: 100%; margin-left: auto; font-size: 20px; }
.template-product .tpo-show-popup.tpo_edit-option-modal.tpo_open-modal-button:hover { color: #fff !important; border: none; }
.template-collection .filter-group:nth-child(8) { display: none; }
/* .template-collection.Latest-Modest-Arrivals .filter-group:nth-child(6), .template-collection.Latest-Modest-Arrivals .filter-group:nth-child(4){display:block} */
@media(max-width:800px){
  .custom-search-bar-container.mobile-hide { display: none;}
  a.show-search-link.desktop-hide {display: unset;}
}
@media (max-width: 991px) { .desktop-only-slideshow { display: none; } .mobile-only-slideshow { display: block !important; } .slick-dots li button { border: 1px solid #fff; margin-right: 20px; border-radius: 50%; } .slick-dots li.slick-active button{ background:#fff; } .slide-show .slick-dots li { margin-right: 6px; } .slide-show .slick-dots { position: absolute; bottom: 0; } .slide-image:not(.slide-image:nth-child(1)) { display: none; } .slide-image.slick-slide { display: block !important; } }
@media(max-width:767px){
.standard-size{width:150px;}
   .header-account-link { height: 38px; width: 31px; margin: 0; padding-right: 0; }
  .section-footer__row { flex-direction: column; }  
  ul.section-footer__menu-block__menu { display: none; } 
  .section-footer__row__col { margin-bottom: 0px !important; }
  .section-footer h2.section-footer__title.no-wrap:before { position: absolute; content: "\002B"; font-size: 30px; top: 50%; right: 0; transform: translateY(-50%); }
  .section-footer__row.section-footer__row--blocks .section-footer__row__col:nth-child(4){border:none;}
  .section-footer h2.section-footer__title.no-wrap { margin-bottom: 0; padding: 10px 0 10px; border-bottom: 1px solid #0000002b;  position: relative; }
  .section-footer h2.section-footer__title.no-wrap {font-size: 18px; position: relative;}
  ul.section-footer__menu-block__menu { display: none; padding: 11px 0px 6px 6px !important; border-bottom: 1px solid #00000024;}
  .section-footer__row__col:last-child h2.section-footer__title.no-wrap { position: unset; border: none; }
  .section-footer h2.section-footer__title.no-wrap.active:before { content: "\2212"; transition: all .4s ease; }
  .section-footer__row--blocks { padding-top: 0px !important; padding-bottom: 0px !important; }
  form#footer_newsletter_signup { display: flex; align-items: center; justify-content: center; } 
  form#footer_newsletter_signup p { flex: 1 1 70%; margin-bottom: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; } 
  form#footer_newsletter_signup button { flex: 1 1 20%; font-size: 12px; padding-left: 0; padding-right: 0; height: 50px; border-top-left-radius: 0; border-bottom-left-radius: 0; }
  .signup-form input.signup-form__email {height: 50px;border: none;}
  .section-footer__newsletter-block .section-footer__text { margin-bottom: 10px; }
  .section-footer__newsletter-block__social { margin-top: 20px !important; padding-left: 4px; }
  .section-footer__row-lower .section-footer__row { flex-direction: column; }
  .section-footer__row-container--with-localization .section-footer__payment-icons { margin-top: .4em !important; }
  .section-footer__row-container--with-localization .section-footer__payment-icons { margin-top: .4em; margin-bottom: 0; }
  .section-footer__row.section-footer__row-lower {  padding-top: 5px !important;}
  .section-footer__row-container:nth-child(1)  .section-footer__row__col:nth-child(4), 
   .section-footer__row-container:nth-child(1)  .section-footer__row__col:nth-child(5), 
   .section-footer__row-container:nth-child(1)  .section-footer__row__col:nth-child(6), 
  .section-footer__row-container:nth-child(1)   .section-footer__row__col:nth-child(7) { display: block !important; }
 .section-footer__row-container:nth-child(1)     .section-footer__row__col:nth-child(1), 
  .section-footer__row-container:nth-child(1)  .section-footer__row__col:nth-child(2), 
 .section-footer__row-container:nth-child(1)   .section-footer__row__col:nth-child(3) { display: none !important; }
  .section-footer .section-footer__newsletter-block  h2.section-footer__title.no-wrap:before { display: none; }
  .p-title h4 { font-size: 12px; margin: 0; padding-left:4px;}
  .quantity-submit-row__submit--clone {  display: none;}
  .quantity-submit-row__submit--clone { position: fixed; top: 25px; left: 0; right: 0; padding: 10px 7px; background: #fff; z-index:99999; }
  .quantity-submit-row__submit--clone button { font-size:16px !important; } 
  .quantity-submit-row__submit--clone button.button.button--large { font-size: 11px !important; letter-spacing: 0px; width: 165px !important; padding: 10px 8px; min-height: unset !important; }
  .p-title {padding-right: 8px;}
  .product-detail .detail { text-align: start; position: relative; z-index:999;}
  .template-product .price-container { align-items: center; margin-top: 8px; flex-direction: row; justify-content: space-between; }
  .template-product .price-area .h4-style { font-size: 16px; font-family: inherit; }
  .template-product .jdgm-widget.jdgm-preview-badge.jdgm--done-setup { font-size: 13px;}
  .template-product .price-area .was-price{margin-left:0px;}
  .template-product .product-detail .detail .title { min-width: 2px; font-size: 20px; }
   .template-collection  h1.pagetitle.h3-style { margin-bottom: 0px !important; font-size: 36px; font-family: 'Montserrat'; }
  .template-product .price-area span.product-label.product-label--sale { opacity: 0; }
    .template-product .product-label.product-label--sale { opacity: 1; }
  #customer_sidebar, #customer_orders{float: inline-start !important;}
.slide-show .slick-dots { right: 0; position: absolute; bottom: 0; display: flex ; left: auto; align-items: center; justify-content: flex-end; }
  .slide-show .slick-dots li button{width:10px; height:10px; }
 .slide-show  .slick-dots li{width:10px; height:10px;}
  #cartpage-offer .cc-modal-window__content-container { position: relative; overflow: auto; width: 800px; max-width: calc(100vw - 30px); max-height: fit-content; background: #fff; box-shadow: 0 1px 50px -20px #000; border-radius: 0; pointer-events: auto; top: 86px; }
}
@media(min-width:1800px){
  .popular-search.container:before{font-size:4.4vw !important;}
  #shopify-section-announcement-bar  .container--no-max {  max-width: 1800px;}
  #shopify-section-header .container--no-max {  max-width: 1800px;}
}
.quantity-submit-row__submit.input-row.nfs-cartb {
    margin-top: 1.5rem;
}



/* new css start here */
@media(max-width: 767.98px){
/* collection page */
.template-collection .collection-listing .product-list .product-block{
  padding-left: 0;
}
.template-collection .collection-listing .product-list {
  margin-left: 0;
}
.collection-container.container {
  padding-inline:0;
}
.product-block .product-info .product-block__title,
.product-block .product-info .product-price{
  font-size: 11px;
}
.product-block .product-info{
    margin-top: 5px;
}
/* product page */
.template-product .product-detail .detail .title {
  font-size: 16px;
}
.template-product .price-area .h4-style {
  font-size: 15px;
}
.template-product .product-detail-label {
  font-size: 15px;
}

.container.new-arrival-gallery-container {
    padding-inline: 0;
}
  .utility-bar {
    position: sticky;
    top: 40px;
    background: #fff;
    z-index: 10;
    padding: 0 10px;
}

  /* home page style */
  h2.majortitle.in-content {
    margin-bottom: 0;
    font-size: 18px;
}
  .footer-points-nfs>ul>li:nth-child(1), .footer-points-nfs>ul>li:nth-child(2) {
        margin-bottom: 8px;
    }
  .footer-points-nfs>ul>li>p {
    font-size: 13px;
  }
  .fully-spaced-row--medium {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}
  .rte.lightly-spaced-row {
    font-size: 13px;
    line-height: 20px;
}
#pagefooter .cross-page-promos .column{padding-inline: 0;}
#customer_orders{
  width: 100%;
}
}

/* size-chart-style */


@media(max-width: 767.98px){
  .template-suffix-size-chart{
  ul.nav.nav-tabs.size_chart_page{
    justify-content: start;
    overflow-x: auto;
  }
  iframe#wdgtIframe {
    display: none !important;
}
  .size_guide_chart {
    overflow-x: auto;
    width: calc(100% - 2rem);
    margin-inline: auto;
}

.table-wrapper {
    overflow-x: auto;
    width: calc(100% - 2rem);
    margin-inline: auto;
}
    ul.nav.nav-tabs.size_chart_page {
    gap: 0.5rem;
    margin-inline-start: 0.5rem;
}
}
}


label.filter-group__item.filter-group__item--active .filter-group__item__text::before{
   content: '✔';
   padding-left: 2px;
}

.section-search-template .product-block[data-product-id="7555966566448"] {
    display: none!important;
    opacity: 0;
    visibility: hidden;
}

#main-search .product-block[data-product-id="7555966566448"] {
    display: none!important;
     opacity: 0;
        visibility: hidden;

}

.jdgm-carousel-wrapper {
    padding-block: 0!important;
}

@media (max-width: 768px) {
    .home-page-secondary-category .image-overlay--bg-box .overlay-text {
      display: flex;
      flex-direction: column;
      align-items: center;
    }
    .home-page-secondary-category .slick-dots {
      display: none !important;
    }
  .home-page-secondary-category .gallery:not(.slick-initialized) .overlay-text__inner{
      display: none;
      opacity:0;
  }

    #shopify-section-cross-page-promos h4.icon-with-caption__text {
      font-size: 15px;
  }

  #shopify-section-cross-page-promos svg.icon {
      width: 18px; height: 18px;
  }



  span.sc-1e9lgo-0.emsZKk.yotpo-smsbump-subtitle.text-zone-element p {
      font-size: 2rem;
  }

  span.sc-rt9zmo-0.fUsFnq.yotpo-smsbump-title.text-zone-element p {
      font-size: 1.5rem;
  }

  span.sc-1e9lgo-0.emsZKk.yotpo-smsbump-subtitle.text-zone-element {
      margin-bottom: 0;
  }
  button.disclosure__toggle {
      width: 100%;
      margin-bottom: 0.5rem;
  }
  .selectors-form__item {
      width: 100%;
  }
}

body.template-search .filters {
    display: none;
}

body.template-search .utility-bar__left {
    visibility: hidden;
    opacity: 0;
}
.product-detail .sharing.social-links {
    margin-block: 20px!important;
}


.product-block .product-price .product-price__amount {
    color: #000;
}

.detail.product-column-right span.current-price.theme-money {
    color: #000;
}

button.quantum-lbw-wishlist-btn {
    width: 100%;
    background: #e7633f;
    border: none;
    max-height: 50px;
    border-radius: 3px;
    font-weight: 500;
    height: 40px;
    line-height: 40px;
    padding-block: 0;
    font-size: 13px;
}
.yotpo-smsbump-modal__content{
z-index: 1100!important;
}


.utility-bar.utility-bar--sticky-mobile-copy {
    display: none!important;
}

/* ul.navigation__tier-1  li.navigation__item:last-child { height: 0; width: 0; font-size: 0; opacity: 0; }  */
ul.navigation__tier-1 >.navigation__item a.navigation__link[data-handle="outlet-store"]{
font-weight: 600;
text-align: center;
text-transform: uppercase;
color: transparent;
-webkit-background-clip: text;
background-clip: text;
background-size: 400%;
animation: move 5s 
ease infinite;
background-image: linear-gradient(68.7deg, #ff4480 13.2%, #ff4480 29.8%, #ff4480 48.9%, #ff4480 68.2%, #ff4480 86.4%);
}



  @media(max-width: 600px){
              .yotpo-smsbump-spin-to-win {
                  width: 80%;
              }
              .yotpo-smsbump-popup-text-section{
                padding-block: 0!important;
              }
              .yotpo-smsbump-modal__content .yotpo-smsbump-popup-text-section .form-zone-element {
          margin-top: 0px !important;
          margin-bottom: 10px !important;
      }
              }
              .collection-slider-row.use-alt-bg{
                padding-top: 0px !important;
              }
              .section-id-template--15558109429808__16359278676808bea5.collection-slider-row.use-alt-bg{
                padding-top: 30px !important;
              }
              .footer-points-nfs {
              margin: 0 !important;
            }
            .gallery--with-margins{
              padding-top: 0 !important;
              padding-bottom: 0 !important;
            }
            .strongly-spaced-row, .fully-spaced-row--medium {
                margin-top: 30px !important;
                margin-bottom: 30px !important;
            }
            .strongly-spaced-row, .fully-padded-row--medium {
                padding-top: 30px !important;
                padding-bottom: 30px !important;
            }
            #section-id-template--15052692553776__b2950a83-b831-49ef-8e02-36f6f55ad0c9 {
                margin: 0 !important;
            }

            .collection-listing .product-block {
                margin: 0 !important;
            }
              #shopify-section-template--15557958205488__16359276425da8ce46{
                margin-bottom: -30px !important;
              }

            @media screen and (min-width: 480px) {
              .product-block .block-inner {
                 margin: 0 !important;
              }
            }
            #shopify-section-template--15558109429808__b2950a83-b831-49ef-8e02-36f6f55ad0c9{
                  display: flow-root;
            }
            .fully-spaced-row, .fully-spaced-row--small {
               margin-top: 20px !important;
                margin-bottom: 30px !important;
            }

            .section-footer__row--blocks {
               padding-top: 30px !important;
              padding-bottom: 30px !important;
            }
            .section-footer__row-lower {
               padding-top: 20px !important;
              padding-bottom: 20px !important;
            }
            .cart-item-list {
                margin: 0 !important;
              padding: 0 !important;
            }

            #shopify-section-template--15052692226096__main  .page-header:not(.page-header--with-background) {
              padding: 0 !important;
            }
            @media screen and (min-width: 480px) {
            #cartform .subtotal {
                margin: 20px 0 30px !important;
            }
            }
              .hardcoded-reviews-black{
                visibility: hidden !important;
              }
              .termsagreement{
                display: none !important;
              }


               a.faqs-readmore {
              margin-bottom: 1rem;
              display: block;
              cursor: pointer;
          }
          .faq-content >  p {
            display: none;
          }
          @media(min-width: 768px){

          .faq-content >  p:nth-of-type(-n+5) {
            display: block;
          }
        }
          @media(max-width: 767.98px){
            .faq-content >  p {
            display: none;
          }
          .faq-content >  p:nth-of-type(-n+3) {
            display: block;
          }


          .template-suffix-size-chart .size-chart-wrapper > p{
              margin-left: 20px;
          }

          .template-suffix-size-chart .faq-content {
              padding-inline: 20px;
          }
        }
  .template-article main#content .container {
    max-width: 1200px!important;
}
  .template-article main#content .article .container , .template-article .author-bio{
    text-align: justify;
}
small.article-date {
    color: #707173;
}
.template-blog .article-image {
    aspect-ratio: unset;
}
li.breadcrumb-item.active {
    color: #707173;
}

.product-form .quantity-submit-row .quantity-submit-row__submit button[type=submit] {
    height: 40px;
    line-height: 40px;
    padding: 0;
    font-size: 13px;
}

.product-form  .sku {
    font-size: 12px;
    color: #707173;
    margin: 0;
}

li.breadcrumb-item {
    text-transform: capitalize;
}