/** Shopify CDN: Minification failed Line 5282:45 Unexpected "{" **/ #DEPRECATED_STYLES { /** * HTML5 display definitions */ /** * Text-level semantic */ /** * Embedded content */ /** * Grouping content */ /** * Forms */ /** * Tables */ /*! Avalanche | MIT License | @colourgarden */ /*------------------------------------ * Grid LAYOUT *------------------------------------*/ /*------------------------------------*\ Grid WIDTHS \*------------------------------------*/ /* Create each media query */ /*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */ /* Styles for basic PhotoSwipe functionality (sliding area, open/close transitions) */ /* Prevent selection and tap highlights */ /** * Custom UI */ /** * In our theme, we express all font sizes in PX. The reason is that our designer is very picky and want each font size to be exactly as on designed files * (which is good :p), but as a consequence, sometimes some font sizes scales across devices (smaller on mobile, bigger on desktop), but sometimes it's the * same, which make it super hard to use relative units like REM. */ /* * Precomputed linear color channel values, for use in contrast calculations. * See https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests * * Algorithm, for c in 0 to 255: * f(c) { * c = c / 255; * return c < 0.03928 ? c / 12.92 : Math.pow((c + 0.055) / 1.055, 2.4); * } * * This lookup table is needed since there is no `pow` in SASS. */ /** * Calculate the luminance for a color. * See https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests */ /** * Calculate the contrast ratio between two colors. * See https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests */ /* This fixes an issue in IE10/11 when using min-height in flex children @info: https://github.com/philipwalton/flexbugs#3-min-height-on-a-flex-container-wont-apply-to-its-flex-items */ /** * Very general typographic rules that are applied site wide */ /** * ---------------------------------------------------------------------------- * Standard button * ---------------------------------------------------------------------------- */ /* We allow those buttons to have secondary state. The secondary state is displayed (for instance during loading time) when the class "Button--secondaryState" is added */ /** * ---------------------------------------------------------------------------- * Button group * ---------------------------------------------------------------------------- */ /** * ---------------------------------------------------------------------------- * Round button * * Those buttons are not really button like the others, but they are used in * lot of different places to hold things like icons * ---------------------------------------------------------------------------- */ /* We allow those buttons to have secondary state. The secondary state is displayed (for instance during loading time) when the class "RoundButton--withSecondaryState" is added */ /* Animation states */ @-webkit-keyframes buttonFromLeftToRight { 0% { transform: translateX(0%); } 25% { opacity: 0; transform: translateX(100%); } 50% { opacity: 0; transform: translateX(-100%); } 75% { opacity: 1; transform: translateX(0%); } } @keyframes buttonFromLeftToRight { 0% { transform: translateX(0%); } 25% { opacity: 0; transform: translateX(100%); } 50% { opacity: 0; transform: translateX(-100%); } 75% { opacity: 1; transform: translateX(0%); } } @-webkit-keyframes buttonFromRightToLeft { 0% { transform: translateX(0%); } 25% { opacity: 0; transform: translateX(-100%); } 50% { opacity: 0; transform: translateX(100%); } 75% { opacity: 1; transform: translateX(0%); } } @keyframes buttonFromRightToLeft { 0% { transform: translateX(0%); } 25% { opacity: 0; transform: translateX(-100%); } 50% { opacity: 0; transform: translateX(100%); } 75% { opacity: 1; transform: translateX(0%); } } @-webkit-keyframes buttonFromTopToBottom { 0% { transform: translateY(0%); } 25% { opacity: 0; transform: translateY(100%); } 50% { opacity: 0; transform: translateY(-100%); } 75% { opacity: 1; transform: translateY(0%); } } @keyframes buttonFromTopToBottom { 0% { transform: translateY(0%); } 25% { opacity: 0; transform: translateY(100%); } 50% { opacity: 0; transform: translateY(-100%); } 75% { opacity: 1; transform: translateY(0%); } } /** * ---------------------------------------------------------------------------------------------- * Flickity styles * ---------------------------------------------------------------------------------------------- */ /* draggable */ /* ---- previous/next buttons ---- */ /* ---- page dots ---- */ /** * ---------------------------------------------------------------------------------------------- * Default styling for site-wide carousel * ---------------------------------------------------------------------------------------------- */ /* This allows to hide cells that are not first one until slider is loaded */ /** * ---------------------------------------------------------------------------- * Collapsible * ---------------------------------------------------------------------------- */ /** * ---------------------------------------------------------------------------- * Base drawer * ---------------------------------------------------------------------------- */ /** * ---------------------------------------------------------------------------- * Animation * ---------------------------------------------------------------------------- */ /** * ---------------------------------------------------------------------------- * Basic form * ---------------------------------------------------------------------------- */ /** * ---------------------------------------------------------------------------- * Form elements * ---------------------------------------------------------------------------- */ /** * ---------------------------------------------------------------------------- * Styled select * ---------------------------------------------------------------------------- */ /* Make sure to have something easy to read... */ /** * This file contains various generic bloc to use with images */ /** * ---------------------------------------------------------------------------- * Image overlay * ---------------------------------------------------------------------------- */ /** * ---------------------------------------------------------------------------- * Image lazy loader (integrates with lazy sizes) * ---------------------------------------------------------------------------- */ @-webkit-keyframes lazyLoader { 0%, 100% { transform: translateX(-50%); } 50% { transform: translateX(100%); } } @keyframes lazyLoader { 0%, 100% { transform: translateX(-50%); } 50% { transform: translateX(100%); } } /* If zoom is disabled we apply the same effect than fadeIn */ /** * ---------------------------------------------------------------------------- * Aspect ratio * ---------------------------------------------------------------------------- */ /** * ---------------------------------------------------------------------------- * List * ---------------------------------------------------------------------------- */ /** * Google map */ /** * ---------------------------------------------------------------------------- * Anchor * ---------------------------------------------------------------------------- */ /** * ---------------------------------------------------------------------------- * Loading bar * ---------------------------------------------------------------------------- */ /** * ---------------------------------------------------------------------------- * Placeholder (used within the theme editor only) * ---------------------------------------------------------------------------- */ /** * ---------------------------------------------------------------------------- * Quantity selector * ---------------------------------------------------------------------------- */ /** * ---------------------------------------------------------------------------- * Product price * ---------------------------------------------------------------------------- */ /** * ---------------------------------------------------------------------------- * Color swatch * ---------------------------------------------------------------------------- */ /** * ---------------------------------------------------------------------------- * Size swatch * ---------------------------------------------------------------------------- */ /** * ---------------------------------------------------------------------------- * Alerts * ---------------------------------------------------------------------------- */ /** * ---------------------------------------------------------------------------- * Segment * ---------------------------------------------------------------------------- */ /** * ---------------------------------------------------------------------------- * Empty state * ---------------------------------------------------------------------------- */ /** * ---------------------------------------------------------------------------- * Spinner * ---------------------------------------------------------------------------- */ @-webkit-keyframes bouncingSpinnerAnimation { 0%, 80%, 100% { transform: scale(0); } 40% { transform: scale(1); } } @keyframes bouncingSpinnerAnimation { 0%, 80%, 100% { transform: scale(0); } 40% { transform: scale(1); } } /** * ---------------------------------------------------------------------------- * Video * ---------------------------------------------------------------------------- */ /** * ---------------------------------------------------------------------------- * Announcement bar * ---------------------------------------------------------------------------- */ /** * ---------------------------------------------------------------------------- * Share buttons * ---------------------------------------------------------------------------- */ /** * ---------------------------------------------------------------------------- * Featured quote * ---------------------------------------------------------------------------- */ /** * ---------------------------------------------------------------------------- * Shopify CAPTCHA * ---------------------------------------------------------------------------- */ /** * ---------------------------------------------------------------------------- * Newsletter (home page) * ---------------------------------------------------------------------------- */ /** * ---------------------------------------------------------------------------- * TOOLTIP * ---------------------------------------------------------------------------- */ /* We override some styles for common elements like table */ /** * ---------------------------------------------------------------------------- * A11Y * ---------------------------------------------------------------------------- */ /** * ---------------------------------------------------------------------------- * Page overlay * ---------------------------------------------------------------------------- */ /** * ---------------------------------------------------------------------------- * Page header * ---------------------------------------------------------------------------- */ /* Double selector is just to increase specificity and avoid !important */ /** * ---------------------------------------------------------------------------- * Page layout (to create two columns) and content * ---------------------------------------------------------------------------- */ /** * ---------------------------------------------------------------------------- * Page content * ---------------------------------------------------------------------------- */ /* When a spacing is applied to a bordered section, as it is isolated, we use padding, otherwise margin */ /* This is just a hack to slightly increase the selector specificity. What this does is actually taking into account the line height (1.65) and removing the remaining amount in both direction (0.65 / 2 => 0.325) to have more easier and consistent alignments */ /* The SectionFooter is usually use at the end of a given section to redirect somewhere else */ /** * ---------------------------------------------------------------------------- * Layout override * ---------------------------------------------------------------------------- */ /** * ---------------------------------------------------------------------------- * Addresses * ---------------------------------------------------------------------------- */ /** * ---------------------------------------------------------------------------- * Account table * ---------------------------------------------------------------------------- */ /** * ---------------------------------------------------------------------------- * Article inner * ---------------------------------------------------------------------------- */ /** * ---------------------------------------------------------------------------- * Comments * ---------------------------------------------------------------------------- */ /** * ---------------------------------------------------------------------------- * Toolbar * ---------------------------------------------------------------------------- */ /** * ---------------------------------------------------------------------------- * Article navigation * ---------------------------------------------------------------------------- */ /** * ---------------------------------------------------------------------------- * Article item * ---------------------------------------------------------------------------- */ /** * ---------------------------------------------------------------------------- * Blog * ---------------------------------------------------------------------------- */ /** * ---------------------------------------------------------------------------- * General * ---------------------------------------------------------------------------- */ @-webkit-keyframes cartEmptyOpening { from { transform: translate(-50%, calc(-50% + 35px)); opacity: 0; } to { transform: translate(-50%, -50%); opacity: 1; } } @keyframes cartEmptyOpening { from { transform: translate(-50%, calc(-50% + 35px)); opacity: 0; } to { transform: translate(-50%, -50%); opacity: 1; } } /** * ---------------------------------------------------------------------------- * Items * ---------------------------------------------------------------------------- */ /** * ---------------------------------------------------------------------------- * Bottom * ---------------------------------------------------------------------------- */ /** * ---------------------------------------------------------------------------- * Adjustments for dedicated cart page * ---------------------------------------------------------------------------- */ /** * ---------------------------------------------------------------------------- * Shipping estimator * ---------------------------------------------------------------------------- */ /** * ---------------------------------------------------------------------------- * Collection item (for list of collections) * ---------------------------------------------------------------------------- */ /** * ---------------------------------------------------------------------------- * Collection toolbar * ---------------------------------------------------------------------------- */ /** * ---------------------------------------------------------------------------- * Collection filters * ---------------------------------------------------------------------------- */ /** * ---------------------------------------------------------------------------- * Product item * ---------------------------------------------------------------------------- */ /** * ---------------------------------------------------------------------------- * Product grid * ---------------------------------------------------------------------------- */ /** * ---------------------------------------------------------------------------- * Product carousel * ---------------------------------------------------------------------------- */ /** * ---------------------------------------------------------------------------- * Product shop now * ---------------------------------------------------------------------------- */ /** * As of today this section is displayed on the home page only */ /** * ---------------------------------------------------------------------------- * Main header * ---------------------------------------------------------------------------- */ /* html.no-scroll { .Header__Wrapper .Header__Logo svg { fill: white; } .Header__Wrapper .HorizontalList__Item .Heading:not(.MegaMenu__Title) { color: white; } .Header__Wrapper { background-color: white; color: #1c1b1b; transition: background-color 300ms ease-out; } } */ /** * ---------------------------------------------------------------------------- * Desktop nav * ---------------------------------------------------------------------------- */ /** * ---------------------------------------------------------------------------- * Dropdown menu * ---------------------------------------------------------------------------- */ /** * ---------------------------------------------------------------------------- * Mega menu * ---------------------------------------------------------------------------- */ /** * ---------------------------------------------------------------------------- * Image with text overlay section * ---------------------------------------------------------------------------- */ /* We allow embedding a video within an image hero */ /** * ---------------------------------------------------------------------------- * Instagram feed * ---------------------------------------------------------------------------- */ /** * ---------------------------------------------------------------------------- * Header * ---------------------------------------------------------------------------- */ /** * ---------------------------------------------------------------------------- * Content * ---------------------------------------------------------------------------- */ /** * ---------------------------------------------------------------------------- * Footer * ---------------------------------------------------------------------------- */ /** * ---------------------------------------------------------------------------- * Modal * ---------------------------------------------------------------------------- */ /** * ---------------------------------------------------------------------------- * Product (general) * ---------------------------------------------------------------------------- */ /** * ---------------------------------------------------------------------------- * Product gallery * ---------------------------------------------------------------------------- */ /** * ---------------------------------------------------------------------------- * Product aside and info * ---------------------------------------------------------------------------- */ /** * ---------------------------------------------------------------------------- * Action list * ---------------------------------------------------------------------------- */ @-webkit-keyframes shareItemAnimation { 0% { transform: translateY(0%); } 25% { opacity: 0; transform: translateY(100%); } 50% { opacity: 0; transform: translateY(-100%); } 75% { opacity: 1; transform: translateY(0%); } } @keyframes shareItemAnimation { 0% { transform: translateY(0%); } 25% { opacity: 0; transform: translateY(100%); } 50% { opacity: 0; transform: translateY(-100%); } 75% { opacity: 1; transform: translateY(0%); } } /** * ---------------------------------------------------------------------------- * Product meta and info * ---------------------------------------------------------------------------- */ /* When the description is set after the product form, layout changes a bit */ /** * ---------------------------------------------------------------------------- * Product form * ---------------------------------------------------------------------------- */ /** * ---------------------------------------------------------------------------- * Featured image * ---------------------------------------------------------------------------- */ /** * ---------------------------------------------------------------------------- * Product tabs * ---------------------------------------------------------------------------- */ /** * ---------------------------------------------------------------------------- * Variant slideshow (for color carousel) * ---------------------------------------------------------------------------- */ @-webkit-keyframes variantSelectorInfoOpeningAnimation { 0% { transform: translateY(10px); opacity: 0; } 50% { transform: translateY(10px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @keyframes variantSelectorInfoOpeningAnimation { 0% { transform: translateY(10px); opacity: 0; } 50% { transform: translateY(10px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @-webkit-keyframes variantSelectorInfoClosingAnimation { 0% { transform: translateY(0); opacity: 1; } 100% { transform: translateY(-10px); opacity: 0; } } @keyframes variantSelectorInfoClosingAnimation { 0% { transform: translateY(0); opacity: 1; } 100% { transform: translateY(-10px); opacity: 0; } } /** * ---------------------------------------------------------------------------- * Featured product (on home page) * ---------------------------------------------------------------------------- */ /** * ---------------------------------------------------------------------------- * Shopify payment button * ---------------------------------------------------------------------------- */ /** * ---------------------------------------------------------------------------- * Product reviews (integration with Shopify Reviews free app) * ---------------------------------------------------------------------------- */ @-webkit-keyframes shopTheLookDotKeyframe { 0% { transform: scale(1); } 50% { transform: scale(1.05); } 100% { transform: scale(1); } } @keyframes shopTheLookDotKeyframe { 0% { transform: scale(1); } 50% { transform: scale(1.05); } 100% { transform: scale(1); } } /** * ---------------------------------------------------------------------------- * Sidebar * ---------------------------------------------------------------------------- */ /* We need to do that to add extra padding for scroll, as Safari on Mac and iOS has some issue with directly adding a padding-bottom */ /* All this code is pretty ugly hack just to comply with some Shopify strict rules... */ /* .SidebarMenu .Drawer__Content::before { top: 0; height: 25px; background-image: linear-gradient($navigation-background, rgba($navigation-background, 0.6) 40%, rgba($navigation-background, 0)); } .SidebarMenu .Drawer__Footer::before { bottom: 100%; height: 30px; background-image: linear-gradient(rgba($navigation-background, 0), rgba($navigation-background, 0.6) 40%, $navigation-background); } */ /** * ---------------------------------------------------------------------------- * Slideshow * ---------------------------------------------------------------------------- */ /* Slideshow transition are handled in JavaScript, so while we use Flickity, we need to disable any transition */ /** * For now testimonials are only used on home page but may be expanded */ @-webkit-keyframes testimonialOpening { from { visibility: hidden; opacity: 0; transform: translateX(15px); } to { visibility: visible; opacity: 1; transform: translateX(0); } } @keyframes testimonialOpening { from { visibility: hidden; opacity: 0; transform: translateX(15px); } to { visibility: visible; opacity: 1; transform: translateX(0); } } @-webkit-keyframes testimonialClosing { from { visibility: visible; opacity: 1; transform: translateX(0); } to { visibility: visible; opacity: 0; transform: translateX(-15px); } } @keyframes testimonialClosing { from { visibility: visible; opacity: 1; transform: translateX(0); } to { visibility: visible; opacity: 0; transform: translateX(-15px); } } /** * ---------------------------------------------------------------------------- * For now timeline are only used on home page but may be expanded * ---------------------------------------------------------------------------- */ /** * ---------------------------------------------------------------------------- * Timeline nav * ---------------------------------------------------------------------------- */ /* Country Picker dropdown container (Name depends on element being used as a container) */ @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fade-out { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes lds-ellipsis1 { 0% { transform: scale(0); } 100% { transform: scale(1); } } @keyframes lds-ellipsis3 { 0% { transform: scale(1); } 100% { transform: scale(0); } } @keyframes lds-ellipsis2 { 0% { transform: translate(0, 0); } 100% { transform: translate(19px, 0); } } /**************************\ Basic Modal Styles \**************************/ /**************************\ Demo Animation Style \**************************/ @keyframes mmfadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes mmfadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes mmslideIn { from { transform: translateY(15%); } to { transform: translateY(0); } } @keyframes mmslideOut { from { transform: translateY(0); } to { transform: translateY(-10%); } } } #DEPRECATED_STYLES [hidden] { display: none; } #DEPRECATED_STYLES article, #DEPRECATED_STYLES aside, #DEPRECATED_STYLES details, #DEPRECATED_STYLES figcaption, #DEPRECATED_STYLES figure, #DEPRECATED_STYLES footer, #DEPRECATED_STYLES header, #DEPRECATED_STYLES main, #DEPRECATED_STYLES nav, #DEPRECATED_STYLES section, #DEPRECATED_STYLES summary { display: block; } #DEPRECATED_STYLES audio, #DEPRECATED_STYLES canvas, #DEPRECATED_STYLES progress, #DEPRECATED_STYLES video { display: inline-block; vertical-align: baseline; } #DEPRECATED_STYLES audio:not([controls]) { display: none; height: 0; } #DEPRECATED_STYLES :active { outline: none; } #DEPRECATED_STYLES a { color: inherit; background-color: transparent; text-decoration: none; } #DEPRECATED_STYLES a:active, #DEPRECATED_STYLES a:hover { outline: 0; } #DEPRECATED_STYLES b, #DEPRECATED_STYLES strong { font-weight: bold; } #DEPRECATED_STYLES small { font-size: 80%; } #DEPRECATED_STYLES p, #DEPRECATED_STYLES h1, #DEPRECATED_STYLES h2, #DEPRECATED_STYLES h3, #DEPRECATED_STYLES h4, #DEPRECATED_STYLES h5, #DEPRECATED_STYLES h6 { margin-top: 0; font-size: inherit; font-weight: inherit; } #DEPRECATED_STYLES p:last-child, #DEPRECATED_STYLES h1:last-child, #DEPRECATED_STYLES h2:last-child, #DEPRECATED_STYLES h3:last-child, #DEPRECATED_STYLES h4:last-child, #DEPRECATED_STYLES h5:last-child, #DEPRECATED_STYLES h6:last-child { margin-bottom: 0; } #DEPRECATED_STYLES img { max-width: 100%; height: auto; border-style: none; vertical-align: top; } #DEPRECATED_STYLES svg:not(:root) { overflow: hidden; } #DEPRECATED_STYLES ul, #DEPRECATED_STYLES ol { margin: 0; padding: 0; list-style-position: inside; } #DEPRECATED_STYLES pre { overflow: auto; } #DEPRECATED_STYLES code, #DEPRECATED_STYLES kbd, #DEPRECATED_STYLES pre, #DEPRECATED_STYLES samp { font-family: monospace, monospace; font-size: 16px; } #DEPRECATED_STYLES button, #DEPRECATED_STYLES input, #DEPRECATED_STYLES optgroup, #DEPRECATED_STYLES select, #DEPRECATED_STYLES textarea { color: inherit; font: inherit; margin: 0; } #DEPRECATED_STYLES button, #DEPRECATED_STYLES input[type="submit"] { padding: 0; overflow: visible; background: none; border: none; border-radius: 0; -webkit-appearance: none; } #DEPRECATED_STYLES button, #DEPRECATED_STYLES select { text-transform: none; } #DEPRECATED_STYLES button, #DEPRECATED_STYLES html input[type="button"], #DEPRECATED_STYLES input[type="reset"], #DEPRECATED_STYLES input[type="submit"] { -webkit-appearance: button; cursor: pointer; } #DEPRECATED_STYLES button[disabled], #DEPRECATED_STYLES html input[disabled] { cursor: default; } #DEPRECATED_STYLES button::-moz-focus-inner, #DEPRECATED_STYLES input::-moz-focus-inner { border: 0; padding: 0; } #DEPRECATED_STYLES input { line-height: normal; border-radius: 0; } #DEPRECATED_STYLES input[type="checkbox"], #DEPRECATED_STYLES input[type="radio"] { box-sizing: border-box; padding: 0; } #DEPRECATED_STYLES input[type="number"]::-webkit-inner-spin-button, #DEPRECATED_STYLES input[type="number"]::-webkit-outer-spin-button { height: auto; } #DEPRECATED_STYLES input[type="search"] { -webkit-appearance: none; box-sizing: content-box; } #DEPRECATED_STYLES input[type="search"]::-webkit-search-cancel-button, #DEPRECATED_STYLES input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } #DEPRECATED_STYLES input::-webkit-input-placeholder, #DEPRECATED_STYLES textarea::-webkit-input-placeholder { color: inherit; } #DEPRECATED_STYLES input::-moz-placeholder, #DEPRECATED_STYLES textarea::-moz-placeholder { color: inherit; } #DEPRECATED_STYLES input:-ms-input-placeholder, #DEPRECATED_STYLES textarea:-ms-input-placeholder { color: inherit; } #DEPRECATED_STYLES input::-ms-input-placeholder, #DEPRECATED_STYLES textarea::-ms-input-placeholder { color: inherit; } #DEPRECATED_STYLES input::placeholder, #DEPRECATED_STYLES textarea::placeholder { color: inherit; } #DEPRECATED_STYLES fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 6px 10px 12px; } #DEPRECATED_STYLES legend { border: 0; padding: 0; } #DEPRECATED_STYLES textarea { overflow: auto; } #DEPRECATED_STYLES optgroup { font-weight: bold; } #DEPRECATED_STYLES table { border-collapse: collapse; border-spacing: 0; } #DEPRECATED_STYLES td, #DEPRECATED_STYLES th { padding: 0; } #DEPRECATED_STYLES .Grid { display: block; list-style: none; padding: 0; margin: 0 0 0 -24px; font-size: 0; } #DEPRECATED_STYLES .Grid-whole { width: 100%; } #DEPRECATED_STYLES .Grid__Cell { box-sizing: border-box; display: inline-block; width: 100%; padding: 0 0 0 24px; margin: 0; vertical-align: top; font-size: 1rem; } #DEPRECATED_STYLES .Grid--center { text-align: center; } #DEPRECATED_STYLES .Grid--center > .Grid__Cell { text-align: left; } #DEPRECATED_STYLES .Grid__Cell--center { display: block; margin: 0 auto; } #DEPRECATED_STYLES .Grid--right { text-align: right; } #DEPRECATED_STYLES .Grid--right > .Grid__Cell { text-align: left; } #DEPRECATED_STYLES .Grid--middle > .Grid__Cell { vertical-align: middle; } #DEPRECATED_STYLES .Grid--bottom > .Grid__Cell { vertical-align: bottom; } #DEPRECATED_STYLES .Grid--m { margin-left: -30px; } #DEPRECATED_STYLES .Grid--m > .Grid__Cell { padding-left: 30px; } #DEPRECATED_STYLES .Grid--l { margin-left: -50px; } #DEPRECATED_STYLES .Grid--l > .Grid__Cell { padding-left: 50px; } #DEPRECATED_STYLES .Grid--xl { margin-left: -50px; } #DEPRECATED_STYLES .Grid--xl > .Grid__Cell { padding-left: 50px; } @media screen and (min-width: 1240px) { #DEPRECATED_STYLES .Grid--m { margin-left: -60px; } #DEPRECATED_STYLES .Grid--m > .Grid__Cell { padding-left: 60px; } #DEPRECATED_STYLES .Grid--l { margin-left: -80px; } #DEPRECATED_STYLES .Grid--l > .Grid__Cell { padding-left: 80px; } #DEPRECATED_STYLES .Grid--xl { margin-left: -100px; } #DEPRECATED_STYLES .Grid--xl > .Grid__Cell { padding-left: 100px; } } #DEPRECATED_STYLES .\31\/2, #DEPRECATED_STYLES .\32\/4, #DEPRECATED_STYLES .\36\/12 { width: 50%; } #DEPRECATED_STYLES .\31\/3, #DEPRECATED_STYLES .\34\/12 { width: 33.33333%; } #DEPRECATED_STYLES .\32\/3, #DEPRECATED_STYLES .\38\/12 { width: 66.66667%; } #DEPRECATED_STYLES .\31\/4, #DEPRECATED_STYLES .\33\/12 { width: 25%; } #DEPRECATED_STYLES .\33\/4, #DEPRECATED_STYLES .\39\/12 { width: 75%; } #DEPRECATED_STYLES .\31\/12 { width: 8.33333%; } #DEPRECATED_STYLES .\32\/12 { width: 16.66667%; } #DEPRECATED_STYLES .\35\/12 { width: 41.66667%; } #DEPRECATED_STYLES .\37\/12 { width: 58.33333%; } #DEPRECATED_STYLES .\31\30\/12 { width: 83.33333%; } #DEPRECATED_STYLES .\31\31\/12 { width: 91.66667%; } @media screen and (max-width: 640px) { #DEPRECATED_STYLES .hidden-phone { display: none !important; } #DEPRECATED_STYLES .\31\/2--phone, #DEPRECATED_STYLES .\32\/4--phone, #DEPRECATED_STYLES .\36\/12--phone { width: 50%; } #DEPRECATED_STYLES .\31\/3--phone, #DEPRECATED_STYLES .\34\/12--phone { width: 33.33333%; } #DEPRECATED_STYLES .\32\/3--phone, #DEPRECATED_STYLES .\38\/12--phone { width: 66.66667%; } #DEPRECATED_STYLES .\31\/4--phone, #DEPRECATED_STYLES .\33\/12--phone { width: 25%; } #DEPRECATED_STYLES .\33\/4--phone, #DEPRECATED_STYLES .\39\/12--phone { width: 75%; } #DEPRECATED_STYLES .\31\/12--phone { width: 8.33333%; } #DEPRECATED_STYLES .\32\/12--phone { width: 16.66667%; } #DEPRECATED_STYLES .\35\/12--phone { width: 41.66667%; } #DEPRECATED_STYLES .\37\/12--phone { width: 58.33333%; } #DEPRECATED_STYLES .\31\30\/12--phone { width: 83.33333%; } #DEPRECATED_STYLES .\31\31\/12--phone { width: 91.66667%; } } @media screen and (min-width: 641px) and (max-width: 1007px) { #DEPRECATED_STYLES .hidden-tablet { display: none !important; } #DEPRECATED_STYLES .\31\/2--tablet, #DEPRECATED_STYLES .\32\/4--tablet, #DEPRECATED_STYLES .\36\/12--tablet { width: 50%; } #DEPRECATED_STYLES .\31\/3--tablet, #DEPRECATED_STYLES .\34\/12--tablet { width: 33.33333%; } #DEPRECATED_STYLES .\32\/3--tablet, #DEPRECATED_STYLES .\38\/12--tablet { width: 66.66667%; } #DEPRECATED_STYLES .\31\/4--tablet, #DEPRECATED_STYLES .\33\/12--tablet { width: 25%; } #DEPRECATED_STYLES .\33\/4--tablet, #DEPRECATED_STYLES .\39\/12--tablet { width: 75%; } #DEPRECATED_STYLES .\31\/12--tablet { width: 8.33333%; } #DEPRECATED_STYLES .\32\/12--tablet { width: 16.66667%; } #DEPRECATED_STYLES .\35\/12--tablet { width: 41.66667%; } #DEPRECATED_STYLES .\37\/12--tablet { width: 58.33333%; } #DEPRECATED_STYLES .\31\30\/12--tablet { width: 83.33333%; } #DEPRECATED_STYLES .\31\31\/12--tablet { width: 91.66667%; } } @media screen and (min-width: 641px) { #DEPRECATED_STYLES .hidden-tablet-and-up { display: none !important; } #DEPRECATED_STYLES .\31\/2--tablet-and-up, #DEPRECATED_STYLES .\32\/4--tablet-and-up, #DEPRECATED_STYLES .\36\/12--tablet-and-up { width: 50%; } #DEPRECATED_STYLES .\31\/3--tablet-and-up, #DEPRECATED_STYLES .\34\/12--tablet-and-up { width: 33.33333%; } #DEPRECATED_STYLES .\32\/3--tablet-and-up, #DEPRECATED_STYLES .\38\/12--tablet-and-up { width: 66.66667%; } #DEPRECATED_STYLES .\31\/4--tablet-and-up, #DEPRECATED_STYLES .\33\/12--tablet-and-up { width: 25%; } #DEPRECATED_STYLES .\33\/4--tablet-and-up, #DEPRECATED_STYLES .\39\/12--tablet-and-up { width: 75%; } #DEPRECATED_STYLES .\31\/12--tablet-and-up { width: 8.33333%; } #DEPRECATED_STYLES .\32\/12--tablet-and-up { width: 16.66667%; } #DEPRECATED_STYLES .\35\/12--tablet-and-up { width: 41.66667%; } #DEPRECATED_STYLES .\37\/12--tablet-and-up { width: 58.33333%; } #DEPRECATED_STYLES .\31\30\/12--tablet-and-up { width: 83.33333%; } #DEPRECATED_STYLES .\31\31\/12--tablet-and-up { width: 91.66667%; } } @media screen and (max-width: 1007px) { #DEPRECATED_STYLES .hidden-pocket { display: none !important; } #DEPRECATED_STYLES .\31\/2--pocket, #DEPRECATED_STYLES .\32\/4--pocket, #DEPRECATED_STYLES .\36\/12--pocket { width: 50%; } #DEPRECATED_STYLES .\31\/3--pocket, #DEPRECATED_STYLES .\34\/12--pocket { width: 33.33333%; } #DEPRECATED_STYLES .\32\/3--pocket, #DEPRECATED_STYLES .\38\/12--pocket { width: 66.66667%; } #DEPRECATED_STYLES .\31\/4--pocket, #DEPRECATED_STYLES .\33\/12--pocket { width: 25%; } #DEPRECATED_STYLES .\33\/4--pocket, #DEPRECATED_STYLES .\39\/12--pocket { width: 75%; } #DEPRECATED_STYLES .\31\/12--pocket { width: 8.33333%; } #DEPRECATED_STYLES .\32\/12--pocket { width: 16.66667%; } #DEPRECATED_STYLES .\35\/12--pocket { width: 41.66667%; } #DEPRECATED_STYLES .\37\/12--pocket { width: 58.33333%; } #DEPRECATED_STYLES .\31\30\/12--pocket { width: 83.33333%; } #DEPRECATED_STYLES .\31\31\/12--pocket { width: 91.66667%; } } @media screen and (min-width: 1008px) and (max-width: 1239px) { #DEPRECATED_STYLES .hidden-lap { display: none !important; } #DEPRECATED_STYLES .\31\/2--lap, #DEPRECATED_STYLES .\32\/4--lap, #DEPRECATED_STYLES .\36\/12--lap { width: 50%; } #DEPRECATED_STYLES .\31\/3--lap, #DEPRECATED_STYLES .\34\/12--lap { width: 33.33333%; } #DEPRECATED_STYLES .\32\/3--lap, #DEPRECATED_STYLES .\38\/12--lap { width: 66.66667%; } #DEPRECATED_STYLES .\31\/4--lap, #DEPRECATED_STYLES .\33\/12--lap { width: 25%; } #DEPRECATED_STYLES .\33\/4--lap, #DEPRECATED_STYLES .\39\/12--lap { width: 75%; } #DEPRECATED_STYLES .\31\/12--lap { width: 8.33333%; } #DEPRECATED_STYLES .\32\/12--lap { width: 16.66667%; } #DEPRECATED_STYLES .\35\/12--lap { width: 41.66667%; } #DEPRECATED_STYLES .\37\/12--lap { width: 58.33333%; } #DEPRECATED_STYLES .\31\30\/12--lap { width: 83.33333%; } #DEPRECATED_STYLES .\31\31\/12--lap { width: 91.66667%; } } @media screen and (min-width: 1008px) { #DEPRECATED_STYLES .hidden-lap-and-up { display: none !important; } #DEPRECATED_STYLES .\31\/2--lap-and-up, #DEPRECATED_STYLES .\32\/4--lap-and-up, #DEPRECATED_STYLES .\36\/12--lap-and-up { width: 50%; } #DEPRECATED_STYLES .\31\/3--lap-and-up, #DEPRECATED_STYLES .\34\/12--lap-and-up { width: 33.33333%; } #DEPRECATED_STYLES .\32\/3--lap-and-up, #DEPRECATED_STYLES .\38\/12--lap-and-up { width: 66.66667%; } #DEPRECATED_STYLES .\31\/4--lap-and-up, #DEPRECATED_STYLES .\33\/12--lap-and-up { width: 25%; } #DEPRECATED_STYLES .\33\/4--lap-and-up, #DEPRECATED_STYLES .\39\/12--lap-and-up { width: 75%; } #DEPRECATED_STYLES .\31\/12--lap-and-up { width: 8.33333%; } #DEPRECATED_STYLES .\32\/12--lap-and-up { width: 16.66667%; } #DEPRECATED_STYLES .\35\/12--lap-and-up { width: 41.66667%; } #DEPRECATED_STYLES .\37\/12--lap-and-up { width: 58.33333%; } #DEPRECATED_STYLES .\31\30\/12--lap-and-up { width: 83.33333%; } #DEPRECATED_STYLES .\31\31\/12--lap-and-up { width: 91.66667%; } } @media screen and (min-width: 1240px) { #DEPRECATED_STYLES .hidden-desk { display: none !important; } #DEPRECATED_STYLES .\31\/2--desk, #DEPRECATED_STYLES .\32\/4--desk, #DEPRECATED_STYLES .\36\/12--desk { width: 50%; } #DEPRECATED_STYLES .\31\/3--desk, #DEPRECATED_STYLES .\34\/12--desk { width: 33.33333%; } #DEPRECATED_STYLES .\32\/3--desk, #DEPRECATED_STYLES .\38\/12--desk { width: 66.66667%; } #DEPRECATED_STYLES .\31\/4--desk, #DEPRECATED_STYLES .\33\/12--desk { width: 25%; } #DEPRECATED_STYLES .\33\/4--desk, #DEPRECATED_STYLES .\39\/12--desk { width: 75%; } #DEPRECATED_STYLES .\31\/12--desk { width: 8.33333%; } #DEPRECATED_STYLES .\32\/12--desk { width: 16.66667%; } #DEPRECATED_STYLES .\35\/12--desk { width: 41.66667%; } #DEPRECATED_STYLES .\37\/12--desk { width: 58.33333%; } #DEPRECATED_STYLES .\31\30\/12--desk { width: 83.33333%; } #DEPRECATED_STYLES .\31\31\/12--desk { width: 91.66667%; } } @media screen and (min-width: 1500px) { #DEPRECATED_STYLES .hidden-widescreen { display: none !important; } #DEPRECATED_STYLES .\31\/2--widescreen, #DEPRECATED_STYLES .\32\/4--widescreen, #DEPRECATED_STYLES .\36\/12--widescreen { width: 50%; } #DEPRECATED_STYLES .\31\/3--widescreen, #DEPRECATED_STYLES .\34\/12--widescreen { width: 33.33333%; } #DEPRECATED_STYLES .\32\/3--widescreen, #DEPRECATED_STYLES .\38\/12--widescreen { width: 66.66667%; } #DEPRECATED_STYLES .\31\/4--widescreen, #DEPRECATED_STYLES .\33\/12--widescreen { width: 25%; } #DEPRECATED_STYLES .\33\/4--widescreen, #DEPRECATED_STYLES .\39\/12--widescreen { width: 75%; } #DEPRECATED_STYLES .\31\/12--widescreen { width: 8.33333%; } #DEPRECATED_STYLES .\32\/12--widescreen { width: 16.66667%; } #DEPRECATED_STYLES .\35\/12--widescreen { width: 41.66667%; } #DEPRECATED_STYLES .\37\/12--widescreen { width: 58.33333%; } #DEPRECATED_STYLES .\31\30\/12--widescreen { width: 83.33333%; } #DEPRECATED_STYLES .\31\31\/12--widescreen { width: 91.66667%; } } #DEPRECATED_STYLES .pswp { display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; touch-action: none; z-index: 1500; -webkit-text-size-adjust: 100%; -webkit-backface-visibility: hidden; outline: none; } #DEPRECATED_STYLES .pswp img { max-width: none; } #DEPRECATED_STYLES .pswp--animate_opacity { opacity: 0.001; /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */ will-change: opacity; transition: opacity 0.5s cubic-bezier(0.4, 0, 0.22, 1); } #DEPRECATED_STYLES .pswp--open { display: block; } #DEPRECATED_STYLES .pswp--zoom-allowed .pswp__img { cursor: url("//citizensofhumanity.com/cdn/shop/t/65/assets/cursor-zoom-in.svg?v=112861594856381782121696523768") 18 18, zoom-in; cursor: -webkit-image-set(url("//citizensofhumanity.com/cdn/shop/t/65/assets/cursor-zoom-in.svg?v=112861594856381782121696523768") 1x, url("//citizensofhumanity.com/cdn/shop/t/65/assets/cursor-zoom-in-2x.svg?v=157336408056954396071696523768") 2x) 18 18, zoom-in; } #DEPRECATED_STYLES .pswp--zoomed-in .pswp__img { cursor: -webkit-grab; cursor: grab; } #DEPRECATED_STYLES .pswp--dragging .pswp__img { cursor: -webkit-grabbing; cursor: grabbing; } #DEPRECATED_STYLES .pswp__bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: white; opacity: 0; transform: translateZ(0); -webkit-backface-visibility: hidden; will-change: opacity; } #DEPRECATED_STYLES .pswp__scroll-wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; } #DEPRECATED_STYLES .pswp__container, #DEPRECATED_STYLES .pswp__zoom-wrap { touch-action: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } #DEPRECATED_STYLES .pswp__container, #DEPRECATED_STYLES .pswp__img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } #DEPRECATED_STYLES .pswp__container { transition: transform 0.7s cubic-bezier(0.645, 0.045, 0.355, 1); } #DEPRECATED_STYLES .pswp__zoom-wrap { position: absolute; width: 100%; transform-origin: left top; transition: transform 0.5s cubic-bezier(0.4, 0, 0.22, 1); } #DEPRECATED_STYLES .pswp__bg { will-change: opacity; transition: opacity 0.5s cubic-bezier(0.4, 0, 0.22, 1); } #DEPRECATED_STYLES .pswp--animated-in .pswp__bg, #DEPRECATED_STYLES .pswp--animated-in .pswp__zoom-wrap { transition: none; } #DEPRECATED_STYLES .pswp__container, #DEPRECATED_STYLES .pswp__zoom-wrap { -webkit-backface-visibility: hidden; } #DEPRECATED_STYLES .pswp__item { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; } #DEPRECATED_STYLES .pswp__img { position: absolute; width: auto; height: auto; top: 0; left: 0; } #DEPRECATED_STYLES .pswp__img--placeholder { -webkit-backface-visibility: hidden; } #DEPRECATED_STYLES .pswp__img--placeholder--blank { background: white; } #DEPRECATED_STYLES .pswp--ie .pswp__img { width: 100% !important; height: auto !important; left: 0; top: 0; } #DEPRECATED_STYLES .pswp__ui { position: absolute; visibility: hidden; width: 100%; bottom: 50px; opacity: 0; transform: translateY(35px); left: 0; text-align: center; transition: all 0.15s ease-in-out; } #DEPRECATED_STYLES .pswp__button[disabled] { opacity: 0; pointer-events: none; } #DEPRECATED_STYLES .pswp--animated-in .pswp__ui { visibility: visible; opacity: 1; transform: translateY(0); } #DEPRECATED_STYLES .pswp--animated-in .pswp__ui--hidden { visibility: hidden; opacity: 0; } #DEPRECATED_STYLES .pswp__button--close { margin: 0 18px; } #DEPRECATED_STYLES .pswp__button svg { pointer-events: none; } #DEPRECATED_STYLES .pswp__error-msg { position: absolute; top: 40%; margin: 0 15px; padding: 8px 15px; background: #e6554d; color: #ffffff; text-align: center; } #DEPRECATED_STYLES .js .no-js, #DEPRECATED_STYLES .no-js .hide-no-js { display: none !important; } #DEPRECATED_STYLES .no-scroll { position: fixed; inline-size: 100%; overflow-y: scroll; } #DEPRECATED_STYLES body:not(.is-tabbing) button:focus, #DEPRECATED_STYLES body:not(.is-tabbing) input:focus, #DEPRECATED_STYLES body:not(.is-tabbing) select:focus, #DEPRECATED_STYLES body:not(.is-tabbing) textarea:focus { outline: none; } #DEPRECATED_STYLES [data-scrollable] { overflow: auto; /*-webkit-overflow-scrolling: touch;*/ } #DEPRECATED_STYLES .PageContainer { max-width: unset; margin: 0 auto; } #DEPRECATED_STYLES .Container { margin: 0 auto; padding: 0 24px; } #DEPRECATED_STYLES .Container--narrow { max-width: 1420px; } #DEPRECATED_STYLES .Container--extraNarrow { max-width: 800px; } #DEPRECATED_STYLES .FlexboxIeFix { display: flex; flex-direction: row; } @media screen and (min-width: 641px) { #DEPRECATED_STYLES .Container { padding: 0 50px; } } @media screen and (min-width: 1240px) { #DEPRECATED_STYLES .Container { padding: 0 80px; } } #DEPRECATED_STYLES html { font-size: 14px; } #DEPRECATED_STYLES body { font-family: "Trade Gothic"; font-weight: "400"; font-style: "normal"; color: #1c1b1b; background: white; line-height: 1.65; } #DEPRECATED_STYLES .Link, #DEPRECATED_STYLES .shopify-payment-button__more-options { transition: color 0.2s ease-in-out, opacity 0.2s ease-in-out; } #DEPRECATED_STYLES .supports-hover .Link--primary:hover, #DEPRECATED_STYLES .Link--primary.is-active { color: #1c1b1b; } #DEPRECATED_STYLES .supports-hover .Link--secondary:hover, #DEPRECATED_STYLES .Link--secondary.is-active { color: #6a6a6a; } #DEPRECATED_STYLES .Link--underline, #DEPRECATED_STYLES .shopify-payment-button__more-options { position: relative; display: inline-block; } #DEPRECATED_STYLES .Link--underline::before, #DEPRECATED_STYLES .shopify-payment-button__more-options::before { content: ''; position: absolute; width: 100%; height: 1px; left: 0; bottom: -1px; background: currentColor; transform: scale(1, 1); transform-origin: left center; transition: transform 0.2s ease-in-out; } @media (-moz-touch-enabled: 0), (hover: hover) { #DEPRECATED_STYLES .Link--underline:hover::before, #DEPRECATED_STYLES .shopify-payment-button__more-options:hover::before { transform: scale(0, 1); } } #DEPRECATED_STYLES .Link--underlineShort::before { width: 100%; } #DEPRECATED_STYLES .Link--underlineNative { text-decoration: underline; text-underline-position: under; } #DEPRECATED_STYLES .Heading { font-family: "Chronicle Display", serif; font-weight: "300"; font-style: "normal"; color: #1c1b1b; transition: color 0.2s ease-in-out; } #DEPRECATED_STYLES .Heading.lowercase { text-transform: none; } #DEPRECATED_STYLES .Text--subdued { color: #6a6a6a; } #DEPRECATED_STYLES .Text--alignCenter { text-align: center !important; } #DEPRECATED_STYLES .Text--alignRight { text-align: right !important; } #DEPRECATED_STYLES .Icon-Wrapper--clickable { position: relative; background: transparent; /* This is used to increase the clickable area */ } #DEPRECATED_STYLES .Icon-Wrapper--clickable::before { position: absolute; content: ''; top: -8px; right: -12px; left: -12px; bottom: -8px; transform: translateZ(0); /* Needed to avoid a glitch on iOS */ } #DEPRECATED_STYLES .Icon { display: inline-block; height: 1em; width: 1em; fill: currentColor; vertical-align: middle; stroke-width: 1px; background: none; pointer-events: none; } #DEPRECATED_STYLES .u-visually-hidden { position: absolute !important; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } #DEPRECATED_STYLES .u-h1, #DEPRECATED_STYLES .Rte h1 { font-size: 24px; } #DEPRECATED_STYLES .u-h2, #DEPRECATED_STYLES .Rte h2 { font-size: 22px; } #DEPRECATED_STYLES .u-h3, #DEPRECATED_STYLES .Rte h3 { font-size: 20px; } #DEPRECATED_STYLES .u-h4, #DEPRECATED_STYLES .Rte h4 { font-size: 18px; } #DEPRECATED_STYLES .u-h5, #DEPRECATED_STYLES .Rte h5 { font-size: 16px; } #DEPRECATED_STYLES .u-h6, #DEPRECATED_STYLES .Rte h6 { font-size: 15px; } #DEPRECATED_STYLES .u-h7 { font-size: 13px; } #DEPRECATED_STYLES .u-h8 { font-size: 13px; } @media screen and (min-width: 641px) { #DEPRECATED_STYLES .u-h1, #DEPRECATED_STYLES .Rte h1 { font-size: 24px; } #DEPRECATED_STYLES .u-h2, #DEPRECATED_STYLES .Rte h2 { font-size: 22px; } #DEPRECATED_STYLES .u-h3, #DEPRECATED_STYLES .Rte h3 { font-size: 20px; } #DEPRECATED_STYLES .u-h4, #DEPRECATED_STYLES .Rte h4 { font-size: 19px; } #DEPRECATED_STYLES .u-h5, #DEPRECATED_STYLES .Rte h5 { font-size: 16px; } #DEPRECATED_STYLES .u-h6, #DEPRECATED_STYLES .Rte h6 { font-size: 15px; } #DEPRECATED_STYLES .u-h7 { font-size: 13px; } #DEPRECATED_STYLES .u-h8 { font-size: 13px; } } #DEPRECATED_STYLES .Button, #DEPRECATED_STYLES .shopify-payment-button__button--unbranded, #DEPRECATED_STYLES #shopify-product-reviews .spr-summary-actions-newreview, #DEPRECATED_STYLES #shopify-product-reviews .spr-button-primary:not(input), #DEPRECATED_STYLES #shopify-product-reviews input.spr-button-primary, #DEPRECATED_STYLES #shopify-product-reviews .spr-pagination-prev > a, #DEPRECATED_STYLES #shopify-product-reviews .spr-pagination-next > a { position: relative; display: inline-block; padding: 14px 28px; line-height: normal; border: 1px solid transparent; border-radius: 0; text-transform: uppercase; font-size: 12px; text-align: center; letter-spacing: 0.3px; font-family: "Trade Gothic"; font-weight: "400"; font-style: "normal"; background-color: transparent; transition: color 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86), border 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86); z-index: 1; -webkit-tap-highlight-color: initial; } #DEPRECATED_STYLES .Button::before, #DEPRECATED_STYLES .shopify-payment-button__button--unbranded::before, #DEPRECATED_STYLES #shopify-product-reviews .spr-summary-actions-newreview::before, #DEPRECATED_STYLES #shopify-product-reviews .spr-button-primary:not(input)::before, #DEPRECATED_STYLES #shopify-product-reviews input.spr-button-primary::before, #DEPRECATED_STYLES #shopify-product-reviews .spr-pagination-prev > a::before, #DEPRECATED_STYLES #shopify-product-reviews .spr-pagination-next > a::before { position: absolute; content: ''; display: block; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: -1; } #DEPRECATED_STYLES .Button[disabled], #DEPRECATED_STYLES [disabled].shopify-payment-button__button--unbranded, #DEPRECATED_STYLES #shopify-product-reviews [disabled].spr-summary-actions-newreview, #DEPRECATED_STYLES #shopify-product-reviews [disabled].spr-button-primary:not(input), #DEPRECATED_STYLES #shopify-product-reviews input[disabled].spr-button-primary, #DEPRECATED_STYLES #shopify-product-reviews .spr-pagination-prev > a[disabled], #DEPRECATED_STYLES #shopify-product-reviews .spr-pagination-next > a[disabled] { cursor: not-allowed; } #DEPRECATED_STYLES .Button--transparent { border-color: transparent !important; } #DEPRECATED_STYLES .Button--transparent::before { background-color: transparent !important; } #DEPRECATED_STYLES .Button--primary, #DEPRECATED_STYLES .shopify-payment-button__button--unbranded, #DEPRECATED_STYLES #shopify-product-reviews .spr-summary-actions-newreview, #DEPRECATED_STYLES #shopify-product-reviews .spr-button-primary:not(input) { color: white; border-color: #1c1b1b; } #DEPRECATED_STYLES .Button--primary::before, #DEPRECATED_STYLES .shopify-payment-button__button--unbranded::before, #DEPRECATED_STYLES #shopify-product-reviews .spr-summary-actions-newreview::before, #DEPRECATED_STYLES #shopify-product-reviews .spr-button-primary:not(input)::before { background-color: #1c1b1b; } #DEPRECATED_STYLES .Button--primary.inverse, #DEPRECATED_STYLES .inverse.shopify-payment-button__button--unbranded, #DEPRECATED_STYLES #shopify-product-reviews .inverse.spr-summary-actions-newreview, #DEPRECATED_STYLES #shopify-product-reviews .inverse.spr-button-primary:not(input) { color: #1c1b1b; border-color: white; } #DEPRECATED_STYLES .Button--primary.inverse::before, #DEPRECATED_STYLES .inverse.shopify-payment-button__button--unbranded::before, #DEPRECATED_STYLES #shopify-product-reviews .inverse.spr-summary-actions-newreview::before, #DEPRECATED_STYLES #shopify-product-reviews .inverse.spr-button-primary:not(input)::before { background-color: white; } #DEPRECATED_STYLES .Button--secondary, #DEPRECATED_STYLES #shopify-product-reviews .spr-pagination-prev > a, #DEPRECATED_STYLES #shopify-product-reviews .spr-pagination-next > a { color: #6a6a6a; border: 1px solid rgba(106, 106, 106, 0.2); } #DEPRECATED_STYLES .Button--secondary::before, #DEPRECATED_STYLES #shopify-product-reviews .spr-pagination-prev > a::before, #DEPRECATED_STYLES #shopify-product-reviews .spr-pagination-next > a::before { background-color: #1c1b1b; transform-origin: right center; transform: scale(0, 1); } #DEPRECATED_STYLES .Button--full { width: 100%; } #DEPRECATED_STYLES .Button--stretched { padding-left: 40px; padding-right: 40px; } #DEPRECATED_STYLES .Button--small { font-size: 10px; padding: 12px 24px; } #DEPRECATED_STYLES .Button__SeparatorDot { display: inline-block; margin: 0 18px; content: ''; height: 3px; width: 3px; border-radius: 100%; background: currentColor; } #DEPRECATED_STYLES .ButtonWrapper { text-align: center; } #DEPRECATED_STYLES .Button__PrimaryState, #DEPRECATED_STYLES .Button__SecondaryState { display: block; transition: transform 0.4s cubic-bezier(0.75, 0, 0.125, 1), opacity 0.4s cubic-bezier(0.75, 0, 0.125, 1); } #DEPRECATED_STYLES .Button__SecondaryState { position: absolute; left: 50%; top: 50%; width: 100%; text-align: center; opacity: 0; transform: translate(-50%, 100%); } #DEPRECATED_STYLES .Button--secondaryState .Button__PrimaryState { opacity: 0; transform: translateY(-100%); } #DEPRECATED_STYLES .Button--secondaryState .Button__SecondaryState { opacity: 1; transform: translate(-50%, -50%); } #DEPRECATED_STYLES .ButtonGroup { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin: -12px; } #DEPRECATED_STYLES .ButtonGroup__Item { margin: 12px; } #DEPRECATED_STYLES .ButtonGroup__Item--expand { flex: 1 1 0; } #DEPRECATED_STYLES .ButtonGroup--spacingSmall { margin: -8px; } #DEPRECATED_STYLES .ButtonGroup--spacingSmall .ButtonGroup__Item { margin: 8px; } #DEPRECATED_STYLES .ButtonGroup--sameSize .ButtonGroup__Item { flex: 0 1 auto; white-space: nowrap; max-width: 245px; } @supports (-o-object-fit: cover) or (object-fit: cover) { #DEPRECATED_STYLES .ButtonGroup--sameSize .ButtonGroup__Item { flex: 1 1 0; /* There is a bug in IE11 so we're forced to use this trick */ } } @media screen and (min-width: 641px) { @supports (display: inline-grid) { #DEPRECATED_STYLES .ButtonGroup--sameSize { display: inline-grid; grid-template-columns: 1fr 1fr; } #DEPRECATED_STYLES .ButtonGroup--sameSize .ButtonGroup__Item { max-width: none; } } } #DEPRECATED_STYLES .RoundButton { position: relative; width: 45px; height: 45px; border: none; border-radius: 50%; background: white; color: #1c1b1b; cursor: pointer; text-align: center; z-index: 1; box-shadow: 0 2px 10px rgba(54, 54, 54, 0.15); vertical-align: middle; line-height: 0; transform: scale(1.001); /* Avoid rounding error during animation in Chrome */ transition: background 0.15s ease-in-out, opacity 0.15s ease-in-out, transform 0.2s ease-in-out, color 0.2s ease-in-out; overflow: hidden; } #DEPRECATED_STYLES .RoundButton.is-active { background: #1c1b1b; color: white; outline: none; } #DEPRECATED_STYLES .RoundButton svg { height: 15px; width: 15px; fill: currentColor; } #DEPRECATED_STYLES .RoundButton--small { width: 35px; height: 35px; } #DEPRECATED_STYLES .RoundButton--small svg { height: 14px; width: 14px; } #DEPRECATED_STYLES .RoundButton--medium { width: 50px; height: 50px; } #DEPRECATED_STYLES .RoundButton--medium svg { height: 18px; width: 18px; } #DEPRECATED_STYLES .RoundButton--large { width: 55px; height: 55px; } #DEPRECATED_STYLES .RoundButton--large svg { height: 15px; width: 15px; } #DEPRECATED_STYLES .RoundButton--flat { box-shadow: 0 1px 5px rgba(54, 54, 54, 0.15); color: rgba(28, 27, 27, 0.5); } #DEPRECATED_STYLES .RoundButton__PrimaryState, #DEPRECATED_STYLES .RoundButton__SecondaryState { display: block; transition: transform 0.4s cubic-bezier(0.75, 0, 0.125, 1), opacity 0.4s cubic-bezier(0.75, 0, 0.125, 1); } #DEPRECATED_STYLES .RoundButton__SecondaryState { position: absolute; left: 50%; top: 50%; width: 100%; text-align: center; opacity: 0; transform: translate(-50%, 100%); } #DEPRECATED_STYLES .RoundButton--secondaryState .RoundButton__PrimaryState { opacity: 0; transform: translateY(-100%); } #DEPRECATED_STYLES .RoundButton--secondaryState .RoundButton__SecondaryState { opacity: 1; transform: translate(-50%, -50%); } @media (-moz-touch-enabled: 0), (hover: hover) { #DEPRECATED_STYLES .RoundButton:hover { transform: scale(1.1); } #DEPRECATED_STYLES .RoundButton--small:hover { transform: scale(1.15); } #DEPRECATED_STYLES .RoundButton:not([aria-expanded="true"]):hover { color: #1c1b1b; } #DEPRECATED_STYLES .RoundButton[data-animate-left]:hover svg, #DEPRECATED_STYLES .flickity-prev-next-button.previous:hover svg { -webkit-animation: buttonFromRightToLeft 0.5s ease-in-out forwards; animation: buttonFromRightToLeft 0.5s ease-in-out forwards; } #DEPRECATED_STYLES .RoundButton[data-animate-right]:hover svg, #DEPRECATED_STYLES .flickity-prev-next-button.next:hover svg { -webkit-animation: buttonFromLeftToRight 0.5s ease-in-out forwards; animation: buttonFromLeftToRight 0.5s ease-in-out forwards; } #DEPRECATED_STYLES .RoundButton[data-animate-bottom]:hover svg { -webkit-animation: buttonFromTopToBottom 0.5s ease-in-out forwards; animation: buttonFromTopToBottom 0.5s ease-in-out forwards; } } #DEPRECATED_STYLES .flickity-enabled { position: relative; } #DEPRECATED_STYLES body:not(.is-tabbing) .flickity-enabled:focus { outline: none; } #DEPRECATED_STYLES .flickity-viewport { overflow: hidden; position: relative; height: auto; } #DEPRECATED_STYLES .flickity-slider { position: absolute; width: 100%; height: 100%; } #DEPRECATED_STYLES .flickity-enabled { -webkit-tap-highlight-color: transparent; } #DEPRECATED_STYLES .flickity-enabled.is-draggable { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #DEPRECATED_STYLES .flickity-enabled.is-draggable .flickity-viewport { cursor: -webkit-grab; cursor: grab; } #DEPRECATED_STYLES .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down { cursor: -webkit-grabbing; cursor: grabbing; } #DEPRECATED_STYLES .flickity-prev-next-button { position: absolute; } #DEPRECATED_STYLES .flickity-prev-next-button[disabled] { opacity: 0; } #DEPRECATED_STYLES .flickity-prev-next-button svg { width: auto; height: 18px; stroke-width: 1.5px; stroke: currentColor; } #DEPRECATED_STYLES .flickity-page-dots { width: 100%; padding: 0; margin: 22px 0 0 0; list-style: none; text-align: center; line-height: 1; } #DEPRECATED_STYLES .flickity-page-dots .dot { position: relative; display: inline-block; width: 9px; height: 9px; margin: 0 6px; border-radius: 50%; cursor: pointer; background: transparent; border: 1px solid #dddddd; transition: color 0.2s ease-in-out, background 0.2s ease-in-out; /* This is used to increase the clickable area */ } #DEPRECATED_STYLES .flickity-page-dots .dot::before { position: absolute; content: ''; top: -6px; right: -6px; left: -6px; bottom: -6px; } #DEPRECATED_STYLES .flickity-page-dots .dot.is-selected { background: currentColor; border-color: currentColor; } @media screen and (min-width: 641px) { #DEPRECATED_STYLES .flickity-page-dots .dot { width: 10px; height: 10px; margin: 0 7px; border-width: 2px; } } #DEPRECATED_STYLES .Carousel { position: relative; } #DEPRECATED_STYLES .Carousel--fixed, #DEPRECATED_STYLES .Carousel--fixed .flickity-viewport, #DEPRECATED_STYLES .Carousel--fixed .Carousel__Cell { height: 100%; } #DEPRECATED_STYLES .Carousel:not(.flickity-enabled) .Carousel__Cell:not(.is-selected) { display: none; } #DEPRECATED_STYLES .Carousel__Cell { display: block; width: 100%; } #DEPRECATED_STYLES .js .Carousel--fadeIn .flickity-slider { transform: none !important; } #DEPRECATED_STYLES .js .Carousel--fadeIn .Carousel__Cell { left: 0 !important; opacity: 0; visibility: hidden; transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out; } #DEPRECATED_STYLES .js .Carousel--fadeIn .Carousel__Cell.is-selected { opacity: 1; visibility: visible; transition-delay: 0s; } #DEPRECATED_STYLES .Carousel--insideDots .flickity-page-dots { position: absolute; width: auto; margin: 0; bottom: 24px; left: 20px; } #DEPRECATED_STYLES .Carousel--insideDots .flickity-page-dots .dot { border-color: currentColor; } #DEPRECATED_STYLES .Carousel--insideDots .flickity-page-dots .dot.is-selected { background: currentColor; } #DEPRECATED_STYLES .Carousel--insideDots .flickity-prev-next-button { bottom: -25px; z-index: 1; } #DEPRECATED_STYLES .Carousel--insideDots .flickity-prev-next-button.next { right: 25px; } #DEPRECATED_STYLES .Carousel--insideDots .flickity-prev-next-button.previous { right: 75px; margin-right: 15px; } @media screen and (min-width: 1008px) { #DEPRECATED_STYLES .Carousel--insideDots .flickity-page-dots { bottom: 28px; right: 24px; left: auto; } } #DEPRECATED_STYLES .Collapsible { border-top: 1px #00000061 solid; overflow: hidden; } #DEPRECATED_STYLES .Collapsible + .Collapsible { /*border-top: none;*/ } #DEPRECATED_STYLES .Collapsible--padded { padding-left: 24px; padding-right: 24px; } #DEPRECATED_STYLES .Collapsible__Button { display: block; position: relative; width: 100%; padding: 20px 0; text-align: left; cursor: pointer; font-size: 12px; } #DEPRECATED_STYLES .Collapsible__Plus { position: absolute; right: 0; top: calc(50% - (11px / 2)); width: 11px; height: 11px; } #DEPRECATED_STYLES .Collapsible__Plus::before, #DEPRECATED_STYLES .Collapsible__Plus::after { position: absolute; content: ''; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(-90deg); background-color: currentColor; transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out; } #DEPRECATED_STYLES .Collapsible__Plus::before { width: 11px; height: 1px; opacity: 1; } #DEPRECATED_STYLES .Collapsible__Plus::after { width: 1px; height: 11px; } #DEPRECATED_STYLES .Collapsible__Button[aria-expanded="true"] .Collapsible__Plus::before, #DEPRECATED_STYLES .Collapsible__Button[aria-expanded="true"] .Collapsible__Plus::after { transform: translate(-50%, -50%) rotate(90deg); } #DEPRECATED_STYLES .Collapsible__Button[aria-expanded="true"] .Collapsible__Plus::before { opacity: 0; } #DEPRECATED_STYLES .Collapsible .Collapsible { margin-left: 16px; border: none; } #DEPRECATED_STYLES .Collapsible .Collapsible .Collapsible__Button { padding: 13px 0; } #DEPRECATED_STYLES .Collapsible__Inner { display: block; height: 0; visibility: hidden; transition: height 0.35s ease-in-out, visibility 0s ease-in-out 0.35s; overflow: hidden; } #DEPRECATED_STYLES .Collapsible__Button[aria-expanded="true"] + .Collapsible__Inner { visibility: visible; transition: height 0.35s ease-in-out; } #DEPRECATED_STYLES .Collapsible__Content { padding-bottom: 18px; } #DEPRECATED_STYLES .Collapsible .Linklist { margin-bottom: 4px; } #DEPRECATED_STYLES .Collapsible .Linklist--bordered { margin-top: 16px; margin-bottom: 4px; } @media screen and (min-width: 641px) { #DEPRECATED_STYLES { /* When this class is applied to a collapsible, it will display as a collapsible on mobile but not on larger screen, where it will automatically appear is auto-expanded */ } #DEPRECATED_STYLES .Collapsible--autoExpand { border: none; overflow: visible; } #DEPRECATED_STYLES .Collapsible--autoExpand .Collapsible__Button { cursor: default; padding-top: 0; padding-bottom: 0; margin-bottom: 16px; } #DEPRECATED_STYLES .Collapsible--autoExpand .Collapsible__Plus { display: none; } #DEPRECATED_STYLES .Collapsible--autoExpand .Collapsible__Inner { height: auto; visibility: visible; overflow: visible; } #DEPRECATED_STYLES .Collapsible--autoExpand .Collapsible__Content { padding-bottom: 0; } #DEPRECATED_STYLES .Collapsible--autoExpand .Linklist { margin-bottom: 0; } #DEPRECATED_STYLES .Collapsible--autoExpand { margin-bottom: 32px; } } @media screen and (min-width: 1008px) { #DEPRECATED_STYLES .Collapsible--padded { padding-left: 30px; padding-right: 30px; } #DEPRECATED_STYLES .Collapsible--large .Collapsible__Button { padding: 10px 0; text-transform: uppercase; display: flex; justify-content: space-between; align-items: center; } #DEPRECATED_STYLES .Collapsible--large .Collapsible__Button[aria-expanded="true"] svg { transform: rotate(-905deg); } #DEPRECATED_STYLES .Collapsible--large .Collapsible__Content { padding-bottom: 45px; } } #DEPRECATED_STYLES .Drawer { position: fixed; top: 0; left: 0; visibility: hidden; width: calc(100vw - 65px); /* Interestingly, 100% does not work on iOS 9 and lower */ height: 100vh; max-height: none; z-index: 20; transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), visibility 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); background: #f5f5f4; box-shadow: none; touch-action: manipulation; padding: 30px 0; background-color: #f2f2ef; color: #4b4c4d; } #DEPRECATED_STYLES .Drawer:focus { outline: none; } #DEPRECATED_STYLES .Drawer--secondary { background: white; } #DEPRECATED_STYLES .Drawer--fromLeft { transform: translateX(calc(-100vw + 65px)); } #DEPRECATED_STYLES .Drawer--fromRight { right: 0; left: auto; transform: translateX(calc(100vw - 65px)); } #DEPRECATED_STYLES .Drawer[aria-hidden="false"] { visibility: visible; transform: translateX(0); } #DEPRECATED_STYLES .Drawer[aria-hidden="false"]::before { opacity: 1; } #DEPRECATED_STYLES .Drawer__Container { width: 100%; } #DEPRECATED_STYLES .Drawer--fromLeft .Drawer__Container { padding-left: 18px; padding-right: 24px; } #DEPRECATED_STYLES .Drawer--fromRight .Drawer__Container { padding-left: 24px; padding-right: 18px; } #DEPRECATED_STYLES .Drawer__Header { display: flex; align-items: center; position: relative; height: 50px; max-height: 60px; background: inherit; text-align: center; z-index: 1; } @supports (--css: variables) { #DEPRECATED_STYLES .Drawer__Header { height: var(--header-height); } } #DEPRECATED_STYLES .Drawer__Header--center { justify-content: center; } #DEPRECATED_STYLES .Drawer__Close { position: absolute; margin-left: 0; left: 18px; top: calc(50% - 10px); line-height: 0; } #DEPRECATED_STYLES .Drawer__Close svg { width: 15px; height: 15px; stroke-width: 1.25px; } #DEPRECATED_STYLES .Drawer--fromRight .Drawer__Close { right: 18px; left: auto; } #DEPRECATED_STYLES .Drawer__Header--bordered { box-shadow: 0 -1px #dddddd inset; } #DEPRECATED_STYLES .Drawer--secondary .Drawer__Header--bordered { box-shadow: 0 -1px rgba(221, 221, 221, 0.6) inset; } #DEPRECATED_STYLES .Drawer--secondary .Collapsible { border-bottom-color: rgba(221, 221, 221, 0.6); } #DEPRECATED_STYLES .Drawer__Content { position: relative; display: flex; flex-direction: column; overflow: hidden; height: calc(100% - 60px); max-height: calc(100% - 50px); /* This handles an edge case when the header is much bigger than the maximum size for content, but this only works on Safari as of today */ } @supports (--css: variables) { #DEPRECATED_STYLES .Drawer__Content { height: calc(100% - var(--header-height)); max-height: calc(100% - var(--header-height)); } } @supports (width: calc(max(100%))) { #DEPRECATED_STYLES .Drawer__Content { height: calc(max(100% - var(--header-height), 100% - 60px)); max-height: calc(max(100% - var(--header-height), 100% - 60px)); } } #DEPRECATED_STYLES .Drawer__Main { flex: 1 1 auto; } #DEPRECATED_STYLES .Drawer__Title { font-size: 14px; } #DEPRECATED_STYLES .Drawer__Footer { flex: none; box-shadow: 0 -1px #dddddd; font-size: 12px; } #DEPRECATED_STYLES .Drawer--secondary .Drawer__Footer { box-shadow: 0 -1px rgba(221, 221, 221, 0.6); } #DEPRECATED_STYLES .Drawer__Footer--padded { padding: 24px; } @media screen and (min-width: 641px) { #DEPRECATED_STYLES { /*.Drawer__Content { min-height: calc(100% - 80px); max-height: calc(100% - 80px); }*/ } #DEPRECATED_STYLES .Drawer { width: 400px; transform: translateX(-100%); } #DEPRECATED_STYLES .Drawer--small { width: 340px; } #DEPRECATED_STYLES .Drawer--fromRight { transform: translateX(100%); } #DEPRECATED_STYLES .Drawer__Header { max-height: 80px; min-height: 60px; } #DEPRECATED_STYLES .Drawer--fromLeft .Drawer__Container, #DEPRECATED_STYLES .Drawer--fromRight .Drawer__Container { padding-left: 30px; padding-right: 30px; } #DEPRECATED_STYLES .Drawer__Close { left: 30px; } #DEPRECATED_STYLES .Drawer--fromRight .Drawer__Close { right: 0; left: auto; } #DEPRECATED_STYLES .Drawer__Header--bordered { box-shadow: 0 -1px black inset; padding: 0 !important; margin: 0 30px; width: calc(100% - 60px); } #DEPRECATED_STYLES .Drawer__Close svg { stroke-width: 1.5px; } #DEPRECATED_STYLES .Drawer__Footer--padded { padding: 24px 30px; } #DEPRECATED_STYLES .Drawer__Footer { padding-left: 0; padding-right: 0; margin: 0 30px; box-shadow: 0 -1px black; } } #DEPRECATED_STYLES [data-drawer-animated-left], #DEPRECATED_STYLES [data-drawer-animated-right] { opacity: 0; transition: opacity 0.5s ease 0.25s, transform 0.5s ease 0.25s; } #DEPRECATED_STYLES .Drawer[aria-hidden="false"] [data-drawer-animated-left], #DEPRECATED_STYLES .Drawer[aria-hidden="false"] [data-drawer-animated-right] { opacity: 1; transform: translateX(0); } #DEPRECATED_STYLES [data-drawer-animated-left] { transform: translateX(-65px); } #DEPRECATED_STYLES [data-drawer-animated-right] { transform: translateX(65px); } #DEPRECATED_STYLES [data-drawer-animated-bottom] { opacity: 0; transform: translateY(45px); transition: opacity 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94); } #DEPRECATED_STYLES .Drawer[aria-hidden="false"] [data-drawer-animated-bottom] { opacity: 1; transform: translateY(0); transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.45s, transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.45s; } #DEPRECATED_STYLES .Form { width: 100%; } #DEPRECATED_STYLES .Form__Item { position: relative; margin-bottom: 15px; } #DEPRECATED_STYLES .Form__Input, #DEPRECATED_STYLES #shopify-product-reviews .spr-form-input-text, #DEPRECATED_STYLES #shopify-product-reviews .spr-form-input-email, #DEPRECATED_STYLES #shopify-product-reviews .spr-form-input-textarea, #DEPRECATED_STYLES .Form__Textarea { -webkit-appearance: none; display: block; padding: 12px 14px; border-radius: 0; border: 1px solid #dddddd; width: 100%; line-height: normal; resize: none; transition: border-color 0.1s ease-in-out; background: transparent; } #DEPRECATED_STYLES .Form__Input:focus, #DEPRECATED_STYLES #shopify-product-reviews .spr-form-input-text:focus, #DEPRECATED_STYLES #shopify-product-reviews .spr-form-input-email:focus, #DEPRECATED_STYLES #shopify-product-reviews .spr-form-input-textarea:focus, #DEPRECATED_STYLES .Form__Textarea:focus { border-color: #5d5a5a; outline: none; } #DEPRECATED_STYLES .Form__Input::-webkit-input-placeholder, #DEPRECATED_STYLES #shopify-product-reviews .spr-form-input-text::-webkit-input-placeholder, #DEPRECATED_STYLES #shopify-product-reviews .spr-form-input-email::-webkit-input-placeholder, #DEPRECATED_STYLES #shopify-product-reviews .spr-form-input-textarea::-webkit-input-placeholder, #DEPRECATED_STYLES .Form__Textarea::-webkit-input-placeholder { color: #6a6a6a; } #DEPRECATED_STYLES .Form__Input::-moz-placeholder, #DEPRECATED_STYLES #shopify-product-reviews .spr-form-input-text::-moz-placeholder, #DEPRECATED_STYLES #shopify-product-reviews .spr-form-input-email::-moz-placeholder, #DEPRECATED_STYLES #shopify-product-reviews .spr-form-input-textarea::-moz-placeholder, #DEPRECATED_STYLES .Form__Textarea::-moz-placeholder { color: #6a6a6a; } #DEPRECATED_STYLES .Form__Input:-ms-input-placeholder, #DEPRECATED_STYLES #shopify-product-reviews .spr-form-input-text:-ms-input-placeholder, #DEPRECATED_STYLES #shopify-product-reviews .spr-form-input-email:-ms-input-placeholder, #DEPRECATED_STYLES #shopify-product-reviews .spr-form-input-textarea:-ms-input-placeholder, #DEPRECATED_STYLES .Form__Textarea:-ms-input-placeholder { color: #6a6a6a; } #DEPRECATED_STYLES .Form__Input::-ms-input-placeholder, #DEPRECATED_STYLES #shopify-product-reviews .spr-form-input-text::-ms-input-placeholder, #DEPRECATED_STYLES #shopify-product-reviews .spr-form-input-email::-ms-input-placeholder, #DEPRECATED_STYLES #shopify-product-reviews .spr-form-input-textarea::-ms-input-placeholder, #DEPRECATED_STYLES .Form__Textarea::-ms-input-placeholder { color: #6a6a6a; } #DEPRECATED_STYLES .Form__Input::placeholder, #DEPRECATED_STYLES #shopify-product-reviews .spr-form-input-text::placeholder, #DEPRECATED_STYLES #shopify-product-reviews .spr-form-input-email::placeholder, #DEPRECATED_STYLES #shopify-product-reviews .spr-form-input-textarea::placeholder, #DEPRECATED_STYLES .Form__Textarea::placeholder { color: #6a6a6a; } #DEPRECATED_STYLES .Form__FloatingLabel { position: absolute; bottom: calc(100% - 8px); left: 10px; padding: 0 5px; line-height: normal; color: #6a6a6a; font-size: 12px; opacity: 0; background: rgba(255, 255, 255, 0); pointer-events: none; transform: translateY(3px); transition: all 0.3s ease-in-out; } #DEPRECATED_STYLES .Form__Input:not(:placeholder-shown) ~ .Form__FloatingLabel, #DEPRECATED_STYLES #shopify-product-reviews .spr-form-input-text:not(:placeholder-shown) ~ .Form__FloatingLabel, #DEPRECATED_STYLES #shopify-product-reviews .spr-form-input-email:not(:placeholder-shown) ~ .Form__FloatingLabel, #DEPRECATED_STYLES #shopify-product-reviews .spr-form-input-textarea:not(:placeholder-shown) ~ .Form__FloatingLabel, #DEPRECATED_STYLES .Form__Textarea:not(:placeholder-shown) ~ .Form__FloatingLabel { opacity: 1; background: white; transform: translateY(0); } #DEPRECATED_STYLES .Form__Checkbox { position: absolute; opacity: 0; } #DEPRECATED_STYLES .Form__Checkbox ~ label::before { display: inline-block; content: ''; width: 1em; height: 1em; margin-right: 10px; border: 1px solid #dddddd; vertical-align: -2px; } #DEPRECATED_STYLES .Form__Checkbox ~ svg { position: absolute; top: 5px; left: 1px; width: 12px; height: 12px; transform: scale(0); transition: transform 0.2s ease-in-out; will-change: transform; } #DEPRECATED_STYLES .Form__Checkbox:checked ~ label::before { border-color: #1c1b1b; } #DEPRECATED_STYLES .Form__Checkbox:checked ~ svg { transform: scale(1); } #DEPRECATED_STYLES .Form__Alert, #DEPRECATED_STYLES #shopify-product-reviews .spr-form-message { margin-bottom: 20px; } #DEPRECATED_STYLES .Form__Submit { display: block; margin-top: 20px; } #DEPRECATED_STYLES .Form__Label, #DEPRECATED_STYLES #shopify-product-reviews .spr-form-label { display: block; padding-bottom: 8px; font-size: 11px; text-transform: uppercase; font-family: "Chronicle Display", serif; font-weight: "300"; font-style: "normal"; letter-spacing: 0.2em; line-height: normal; } #DEPRECATED_STYLES .Form--small .Form__Input, #DEPRECATED_STYLES .Form--small #shopify-product-reviews .spr-form-input-text, #DEPRECATED_STYLES #shopify-product-reviews .Form--small .spr-form-input-text, #DEPRECATED_STYLES .Form--small #shopify-product-reviews .spr-form-input-email, #DEPRECATED_STYLES #shopify-product-reviews .Form--small .spr-form-input-email, #DEPRECATED_STYLES .Form--small #shopify-product-reviews .spr-form-input-textarea, #DEPRECATED_STYLES #shopify-product-reviews .Form--small .spr-form-input-textarea, #DEPRECATED_STYLES .Form--small .Form__Textarea { font-size: 13px; padding-top: 10px; padding-bottom: 10px; } #DEPRECATED_STYLES .Form--spacingTight .Form__Item { margin-bottom: 15px; } #DEPRECATED_STYLES .Form--spacingTight .Form__Alert, #DEPRECATED_STYLES .Form--spacingTight #shopify-product-reviews .spr-form-message, #DEPRECATED_STYLES #shopify-product-reviews .Form--spacingTight .spr-form-message { margin-bottom: 20px; } @media screen and (min-width: 641px) { #DEPRECATED_STYLES .Form__Item, #DEPRECATED_STYLES .Form__Alert, #DEPRECATED_STYLES #shopify-product-reviews .spr-form-message { margin-bottom: 30px; } #DEPRECATED_STYLES .Form__Group { display: flex; } #DEPRECATED_STYLES .Form__Group > .Form__Item { flex: 1; } #DEPRECATED_STYLES .Form__Group > :nth-child(2) { margin-left: 30px; } #DEPRECATED_STYLES .Form--spacingTight .Form__Group > :nth-child(2) { margin-left: 15px; } } #DEPRECATED_STYLES .Form__Header { margin-bottom: 24px; text-align: center; } #DEPRECATED_STYLES .Form__Hint { margin: 24px 0 0 0; } #DEPRECATED_STYLES .Form__Hint:not(:last-child) { margin-bottom: 32px; } #DEPRECATED_STYLES .Form__Hint--center { text-align: center; } #DEPRECATED_STYLES .Form__ItemHelp { position: absolute; right: 12px; top: 50%; font-size: 12px; color: #6a6a6a; transform: translateY(-50%); } #DEPRECATED_STYLES select::-ms-expand { display: none; } #DEPRECATED_STYLES .Select { position: relative; color: currentColor; line-height: 1; vertical-align: middle; } #DEPRECATED_STYLES .Select svg { position: absolute; line-height: normal; pointer-events: none; vertical-align: baseline; fill: currentColor; } #DEPRECATED_STYLES .Select select { /* Disable built-in styles */ -webkit-appearance: none; -moz-appearance: none; display: inline-block; color: inherit; cursor: pointer; border-radius: 0; line-height: normal; /* Remove the ugly blue background on IE when a value is selected */ } #DEPRECATED_STYLES .Select select:focus::-ms-value { background: white; color: #1c1b1b; } #DEPRECATED_STYLES .Select option { background: white; color: black; } #DEPRECATED_STYLES .Select--primary::after { content: ''; position: absolute; right: 1px; top: 1px; height: calc(100% - 2px); width: 55px; background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.7) 20%, white 40%); pointer-events: none; } #DEPRECATED_STYLES .Select--primary select { width: 100%; height: 45px; padding-left: 14px; padding-right: 28px; border: 1px solid #dddddd; background: white; } #DEPRECATED_STYLES .Select--primary select:active, #DEPRECATED_STYLES .Select--primary select:focus { border-color: #1c1b1b; outline: none; } #DEPRECATED_STYLES .Select--primary svg { top: calc(50% - 5px); right: 15px; width: 10px; height: 10px; z-index: 1; } #DEPRECATED_STYLES .Select--transparent select { padding-right: 15px; background: transparent; border: none; font-family: "Chronicle Display", serif; font-weight: "300"; font-style: "normal"; font-size: inherit; text-transform: uppercase; } #DEPRECATED_STYLES .Select--transparent svg { top: calc(50% - 3px); right: 0; height: 6px; } #DEPRECATED_STYLES .HorizontalList { list-style: none; margin: -6px -8px; } #DEPRECATED_STYLES .HorizontalList__Item { display: inline-block; margin: 6px 8px 6px 8px; } #DEPRECATED_STYLES .HorizontalList__Item--disabled { position: relative; } #DEPRECATED_STYLES .HorizontalList__Item--disabled:after { content: ""; border-top: 1px #000 solid; width: 133%; height: 2px; position: absolute; left: -6px; transform: rotate(-45deg); top: 18px; } #DEPRECATED_STYLES .HorizontalList__Item > .Link, #DEPRECATED_STYLES .HorizontalList__Item > .shopify-payment-button__more-options { display: inline-block; } #DEPRECATED_STYLES .HorizontalList--spacingTight { margin-left: -8px; margin-right: -8px; } #DEPRECATED_STYLES .HorizontalList--spacingTight .HorizontalList__Item { margin-right: 0; margin-left: 8px; } #DEPRECATED_STYLES .HorizontalList--spacingLoose { margin-left: -14px; margin-right: -14px; } #DEPRECATED_STYLES .HorizontalList--spacingLoose .HorizontalList__Item { margin-right: 14px; margin-left: 14px; } #DEPRECATED_STYLES .HorizontalList--spacingExtraLoose { margin-left: -17px; margin-right: -17px; } #DEPRECATED_STYLES .HorizontalList--spacingExtraLoose .HorizontalList__Item { margin-right: 17px; margin-left: 17px; } #DEPRECATED_STYLES .HorizontalList--spacingFill { display: flex; justify-content: space-around; justify-content: space-evenly; } #DEPRECATED_STYLES .HorizontalList--spacingFill .HorizontalList__Item { margin-left: 0; margin-right: 0; } @media screen and (min-width: 1240px) { #DEPRECATED_STYLES .HorizontalList--spacingExtraLoose { margin-left: -21px; margin-right: -21px; } #DEPRECATED_STYLES .HorizontalList--spacingExtraLoose .HorizontalList__Item { margin-right: 21px; margin-left: 21px; } } #DEPRECATED_STYLES .Image--contrast { position: relative; } #DEPRECATED_STYLES .Image--contrast::after { position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; background-image: linear-gradient(to top, rgba(4, 4, 4, 0.65), rgba(54, 54, 54, 0.2)); } #DEPRECATED_STYLES .Image--contrast > * { z-index: 1; } #DEPRECATED_STYLES .Image--fadeIn { opacity: 0; transition: opacity 0.3s ease; } #DEPRECATED_STYLES .Image--lazyLoaded.Image--fadeIn { opacity: 1; } #DEPRECATED_STYLES .Image--zoomOut { opacity: 0; transition: opacity 0.3s ease; } #DEPRECATED_STYLES .Image--lazyLoaded.Image--zoomOut { opacity: 1; } #DEPRECATED_STYLES .Image--slideRight, #DEPRECATED_STYLES .Image--slideLeft { transform: translateX(25px); opacity: 0; transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); } #DEPRECATED_STYLES .Image--slideLeft { transform: translateX(-25px); } #DEPRECATED_STYLES .Image--lazyLoaded.Image--slideRight, #DEPRECATED_STYLES .Image--lazyLoaded.Image--slideLeft { opacity: 1; transform: translateX(0); } #DEPRECATED_STYLES .Image__Loader { position: absolute; display: block; height: 2px; width: 50px; left: 0; bottom: 0; right: 0; top: 0; opacity: 0; visibility: hidden; margin: auto; pointer-events: none; background-color: #dddddd; z-index: -1; transition: all 0.2s ease-in-out; overflow: hidden; } #DEPRECATED_STYLES .Image__Loader::after { position: absolute; content: ''; bottom: 0; right: 0; top: 0; height: 100%; width: 200%; background-color: #1c1b1b; } #DEPRECATED_STYLES .Image--lazyLoading + .Image__Loader { opacity: 1; visibility: visible; z-index: 1; } #DEPRECATED_STYLES .Image--lazyLoading + .Image__Loader::after { -webkit-animation: lazyLoader 3s infinite; animation: lazyLoader 3s infinite; -webkit-animation-timing-function: cubic-bezier(0.43, 0.43, 0.25, 0.99); animation-timing-function: cubic-bezier(0.43, 0.43, 0.25, 0.99); } #DEPRECATED_STYLES .AspectRatio { position: relative; margin-left: auto; margin-right: auto; } #DEPRECATED_STYLES .AspectRatio::before { content: ''; display: block; } #DEPRECATED_STYLES .AspectRatio > img { max-height: 100%; max-width: 100%; } #DEPRECATED_STYLES .AspectRatio--withFallback > img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; } #DEPRECATED_STYLES .no-js .AspectRatio > img { display: none !important; } @supports (--css: variables) { #DEPRECATED_STYLES { /* For dynamic one, we use CSS variables, which makes it only compatible for newer browsers */ } #DEPRECATED_STYLES .AspectRatio--withFallback { padding-bottom: 0 !important; /* For older browsers we use the padding-bottom trick, so make sure to remove it here */ } #DEPRECATED_STYLES .AspectRatio::before { padding-bottom: calc(100% / (var(--aspect-ratio))); } #DEPRECATED_STYLES .AspectRatio > img, #DEPRECATED_STYLES .no-js .AspectRatio > noscript img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; } } #DEPRECATED_STYLES .AspectRatio--square::before { padding-bottom: 100%; } @media screen and (min-width: 1008px) { #DEPRECATED_STYLES .AspectRatio--no-image h1.Heading { padding: 0 !important; } } #DEPRECATED_STYLES .AspectRatio--no-image::before { padding-bottom: 9vw; } #DEPRECATED_STYLES .AspectRatio--shortest::before { padding-bottom: 18vw; } #DEPRECATED_STYLES .AspectRatio--shorter::before { padding-bottom: 55%; } #DEPRECATED_STYLES .AspectRatio--short::before { padding-bottom: 75%; } #DEPRECATED_STYLES .AspectRatio--tall::before { padding-bottom: 150%; } #DEPRECATED_STYLES .AspectRatio--square picture img, #DEPRECATED_STYLES .AspectRatio--short picture img, #DEPRECATED_STYLES .AspectRatio--shorter picture img, #DEPRECATED_STYLES .AspectRatio--shortest picture img, #DEPRECATED_STYLES .AspectRatio--square > img, #DEPRECATED_STYLES .AspectRatio--short > img, #DEPRECATED_STYLES .AspectRatio--shorter > img, #DEPRECATED_STYLES .AspectRatio--shortest > img, #DEPRECATED_STYLES .AspectRatio--tall > img { position: absolute; width: auto; height: auto; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-backface-visibility: hidden; backface-visibility: hidden; } @supports (-o-object-fit: contain) or (object-fit: contain) { #DEPRECATED_STYLES .AspectRatio--square picture img, #DEPRECATED_STYLES .AspectRatio--short picture img, #DEPRECATED_STYLES .AspectRatio--shorter picture img, #DEPRECATED_STYLES .AspectRatio--shortest picture img, #DEPRECATED_STYLES .AspectRatio--square > img, #DEPRECATED_STYLES .AspectRatio--short > img, #DEPRECATED_STYLES .AspectRatio--shorter > img, #DEPRECATED_STYLES .AspectRatio--shortest > img, #DEPRECATED_STYLES .AspectRatio--tall > img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } #DEPRECATED_STYLES .AspectRatio--square picture img.object-cover, #DEPRECATED_STYLES .AspectRatio--short picture img.object-cover, #DEPRECATED_STYLES .AspectRatio--shorter picture img.object-cover, #DEPRECATED_STYLES .AspectRatio--shortest picture img.object-cover, #DEPRECATED_STYLES .AspectRatio--square > img.object-cover, #DEPRECATED_STYLES .AspectRatio--short > img.object-cover, #DEPRECATED_STYLES .AspectRatio--shorter > img.object-cover, #DEPRECATED_STYLES .AspectRatio--shortest > img.object-cover, #DEPRECATED_STYLES .AspectRatio--tall > img.object-cover { -o-object-fit: cover; object-fit: cover; } } #DEPRECATED_STYLES .Image--lazyLoad[data-sizes="auto"] { width: 100%; /* this is needed to help LazySizes calculate the correct size */ } #DEPRECATED_STYLES .Linklist { list-style: none; padding: 0; } #DEPRECATED_STYLES .Linklist__Item { position: relative; display: block; width: 100%; line-height: 1.5; text-align: left; transition: all 0.2s ease-in-out; font-size: 12px; font-weight: 400; letter-spacing: 0.3px; padding: 4px 0; max-width: 12vw; } #DEPRECATED_STYLES .Linklist__Item:last-child { margin-bottom: 0 !important; } #DEPRECATED_STYLES .Linklist__Item::before { position: absolute; content: ''; display: inline-block; width: 6px; height: 6px; top: calc(50% - 3px); left: 0; border-radius: 100%; background: #1c1b1b; opacity: 0; transition: opacity 0.1s ease-in-out; } #DEPRECATED_STYLES .Drawer__Main .Linklist__Item { max-width: initial; } #DEPRECATED_STYLES .Linklist__Item > .Link, #DEPRECATED_STYLES .Linklist__Item > .shopify-payment-button__more-options { display: block; width: 100%; text-align: inherit; } #DEPRECATED_STYLES .Linklist--spacingLoose .Linklist__Item { margin-bottom: 18px; } #DEPRECATED_STYLES .Linklist__Item.is-selected { padding-left: 18px; } #DEPRECATED_STYLES .Linklist__Item.is-selected::before { opacity: 1; transition-delay: 0.1s; } #DEPRECATED_STYLES .Linklist--bordered { margin-left: 8px; padding: 0 20px 0 25px; border-left: 1px solid #dddddd; } #DEPRECATED_STYLES .Linklist--bordered li:first-child .Linklist__Item { margin-top: 2px; } #DEPRECATED_STYLES .Linklist--bordered li:last-child .Linklist__Item { margin-bottom: 2px; } #DEPRECATED_STYLES .FeaturedMap { max-width: 1150px; margin: 0 auto; } #DEPRECATED_STYLES .FeaturedMap__MapContainer { position: relative; height: 240px; background-size: cover; background-position: center; } #DEPRECATED_STYLES .FeaturedMap__GMap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #DEPRECATED_STYLES .FeaturedMap__Info { position: relative; margin: 0 auto; background: white; text-align: left; z-index: 1; padding: 0 0 40px 0; } #DEPRECATED_STYLES .FeaturedMap__Store { display: block; margin-bottom: 1.2em; font-family: "Chronicle Display", serif; font-weight: "300"; font-style: "normal"; } #DEPRECATED_STYLES .FeaturedMap__Address { margin-bottom: 1.2em; } #DEPRECATED_STYLES .FeaturedMap__Location { margin-top: 2.7em; } @media screen and (min-width: 641px) { #DEPRECATED_STYLES .FeaturedMap { display: flex; flex-direction: row-reverse; align-items: stretch; padding-top: 0; height: 550px; } #DEPRECATED_STYLES .FeaturedMap__MapContainer { flex: 1 0 auto; height: 100%; } #DEPRECATED_STYLES .FeaturedMap__Info { flex: none; min-width: 370px; width: 370px; padding: 50px 60px; } } #DEPRECATED_STYLES .Anchor { display: block; position: relative; top: -75px; visibility: hidden; } @supports (--css: variables) { #DEPRECATED_STYLES .Anchor { top: calc(-1 * (var(--header-height))); /* + var(--announcement-bar-height)));*/ } } #DEPRECATED_STYLES .LoadingBar { position: fixed; top: 0; left: 0; height: 2px; width: 0; opacity: 0; background: #1c1b1b; transition: width 0.25s ease-in-out; z-index: 50; pointer-events: none; } #DEPRECATED_STYLES .LoadingBar.is-visible { opacity: 1; } @media screen and (min-width: 641px) { #DEPRECATED_STYLES .LoadingBar { height: 3px; } } #DEPRECATED_STYLES .PlaceholderSvg { display: block; width: 100%; height: 100%; max-width: 100%; max-height: 100%; } #DEPRECATED_STYLES .PlaceholderSvg--dark { background: dimgray; fill: #a1a1a1; } #DEPRECATED_STYLES .PlaceholderBackground { position: absolute; height: 100%; width: 100%; top: 0; left: 0; z-index: -1; overflow: hidden; opacity: 0.7; } #DEPRECATED_STYLES .PlaceholderBackground__Svg { height: 100% !important; width: auto !important; min-width: 100%; } #DEPRECATED_STYLES .QuantitySelector { display: inline-flex; align-items: center; border: 1px solid #dddddd; white-space: nowrap; } #DEPRECATED_STYLES .QuantitySelector svg { width: 10px; height: 10px; stroke-width: 1.5px; vertical-align: -1px; } #DEPRECATED_STYLES .QuantitySelector__Button { display: inline-block; padding: 5px 9px; /* this allows to slightly increase the clickable area */ cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #DEPRECATED_STYLES .QuantitySelector__CurrentQuantity { display: inline-block; width: 20px; padding: 0; font-size: 10px; text-align: center; letter-spacing: normal; background: transparent; border: none; } #DEPRECATED_STYLES .QuantitySelector--large .QuantitySelector__CurrentQuantity { width: 35px; font-size: 14px; } #DEPRECATED_STYLES .QuantitySelector--large .QuantitySelector__Button { padding: 10px 20px; } #DEPRECATED_STYLES .QuantitySelector--large svg { width: 11px; height: 11px; } @media screen and (min-width: 641px) { #DEPRECATED_STYLES .QuantitySelector__Button { padding: 7px 14px 8px 14px; } #DEPRECATED_STYLES .QuantitySelector__CurrentQuantity { font-size: 12px; } } #DEPRECATED_STYLES .Price { display: inline-block; font-family: "Trade Gothic"; letter-spacing: 0px; } #DEPRECATED_STYLES .Price--highlight { color: #f94c43; } #DEPRECATED_STYLES .Price--compareAt { position: relative; margin-left: 10px; } #DEPRECATED_STYLES .Price--compareAt::before { position: absolute; content: ''; top: 50%; left: -0.4em; width: calc(100% + 0.8em); height: 1px; background: currentColor; } #DEPRECATED_STYLES .ColorSwatch { position: relative; display: inline-block; height: 30px; width: 30px; vertical-align: top; cursor: pointer; background-size: cover; } #DEPRECATED_STYLES .ColorSwatch::after { content: ''; position: absolute; width: calc(100% + 2px); height: calc(100% + 2px); top: -1px; left: -1px; } #DEPRECATED_STYLES .ColorSwatch::after { border: 1px solid transparent; } #DEPRECATED_STYLES .HorizontalList__Item .ColorSwatch::after { border-color: #ddd; } #DEPRECATED_STYLES .HorizontalList__Item.selected .ColorSwatch::after { border-color: black; } #DEPRECATED_STYLES .ColorSwatch, #DEPRECATED_STYLES .ColorSwatch::after { border-radius: 100% !important; } #DEPRECATED_STYLES .ColorSwatch--small { width: 16px; height: 16px; } #DEPRECATED_STYLES .ColorSwatch--large { width: 36px; height: 26px; } #DEPRECATED_STYLES .ColorSwatch--white { outline: 1px solid #dddddd; outline-offset: -1px; } #DEPRECATED_STYLES .ColorSwatch.is-active::after, #DEPRECATED_STYLES .ColorSwatch__Radio:checked + .ColorSwatch::after { border: 1px solid currentColor !important; } #DEPRECATED_STYLES .ColorSwatch__Radio { display: none; } #DEPRECATED_STYLES .Collapsible .ColorSwatchList { padding-top: 4px; padding-bottom: 10px; } #DEPRECATED_STYLES .ProductForm__Option .ColorSwatchList { max-width: 340px; } #DEPRECATED_STYLES .Collapsible--autoExpand .ColorSwatchList { padding-top: 8px; padding-bottom: 12px; } #DEPRECATED_STYLES .expand-swatch-options { display: none; } @media screen and (max-width: 640px) { #DEPRECATED_STYLES .expand-swatch-options { display: inline-block; padding: 10px 0; font-size: 14px; } #DEPRECATED_STYLES .ColorSwatchList:not(.expanded) li:nth-child(n+13) { display: none; } } #DEPRECATED_STYLES .SizeSwatch { display: inline-block; text-align: center; min-width: 36px; padding: 1px 10px; border: 1px solid #dddddd; color: #6a6a6a; cursor: pointer; } #DEPRECATED_STYLES .SizeSwatch__Radio { display: none; } #DEPRECATED_STYLES .SizeSwatch.is-active::after, #DEPRECATED_STYLES .SizeSwatch__Radio:checked + .SizeSwatch { border-color: #1c1b1b; color: #1c1b1b; } #DEPRECATED_STYLES .Alert, #DEPRECATED_STYLES #shopify-product-reviews .spr-form-message { display: block; padding: 10px 20px; white-space: normal; font-size: 1rem; word-break: break-all; word-break: break-word; text-shadow: none; } #DEPRECATED_STYLES .Alert--large { padding: 18px 20px; } #DEPRECATED_STYLES .Alert--error, #DEPRECATED_STYLES #shopify-product-reviews .spr-form-message-error { background: #e4c4c4; color: #cb2b2b; } #DEPRECATED_STYLES .Alert--success, #DEPRECATED_STYLES #shopify-product-reviews .spr-form-message-success { background: #d2e4c4; color: #307a07; } #DEPRECATED_STYLES .Alert__ErrorList { list-style: none; } @media screen and (min-width: 641px) { #DEPRECATED_STYLES .Alert--large { padding: 18px 30px; } } #DEPRECATED_STYLES .Segment + .Segment { margin-top: 50px; } #DEPRECATED_STYLES .Segment__Title { margin-bottom: 24px; padding-bottom: 10px; border-bottom: 1px solid #dddddd; color: #6a6a6a; } #DEPRECATED_STYLES .Segment__Title--flexed { display: flex; justify-content: space-between; align-items: center; } #DEPRECATED_STYLES .Segment__ActionList { margin-top: 16px; } #DEPRECATED_STYLES .Segment__ActionItem { line-height: 1.4; } #DEPRECATED_STYLES .Segment__ActionItem + .Segment__ActionItem { margin-left: 20px; } #DEPRECATED_STYLES .Segment__ButtonWrapper { margin-top: 32px; } @media screen and (min-width: 641px) { #DEPRECATED_STYLES .Segment__Title { margin-bottom: 34px; } #DEPRECATED_STYLES .Segment__ActionList { margin-top: 24px; } } @media screen and (min-width: 1240px) { #DEPRECATED_STYLES .Segment + .Segment { margin-top: 65px; } } #DEPRECATED_STYLES .EmptyState { margin: 140px 0; text-align: center; } #DEPRECATED_STYLES .EmptyState__Action { display: inline-block; margin-top: 20px; } @media screen and (min-width: 641px) { #DEPRECATED_STYLES .EmptyState { margin: 200px 0; } } @media screen and (min-width: 1240px) { #DEPRECATED_STYLES .EmptyState { margin: 250px 0; } } #DEPRECATED_STYLES .BouncingSpinner { display: block; text-align: center; } #DEPRECATED_STYLES .BouncingSpinner > span { display: inline-block; width: 10px; height: 10px; background-color: currentColor; border-radius: 100%; -webkit-animation: bouncingSpinnerAnimation 1.4s infinite ease-in-out both; animation: bouncingSpinnerAnimation 1.4s infinite ease-in-out both; } #DEPRECATED_STYLES .BouncingSpinner > span:first-child { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } #DEPRECATED_STYLES .BouncingSpinner > span:nth-child(2) { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } #DEPRECATED_STYLES .Video__PlayButton { display: inline-block; transition: transform 0.2s ease-in-out; height: 80px; width: 80px; cursor: pointer; -webkit-filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2)); filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2)); } @media (-moz-touch-enabled: 0), (hover: hover) { #DEPRECATED_STYLES .Video__PlayButton:hover { transform: scale(1.1); } } #DEPRECATED_STYLES .Video__PlayButton svg { width: 80px; height: 80px; pointer-events: none; } #DEPRECATED_STYLES .VideoWrapper { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 90%; margin: 0 auto; } #DEPRECATED_STYLES .VideoWrapper iframe, #DEPRECATED_STYLES .VideoWrapper object, #DEPRECATED_STYLES .VideoWrapper embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #DEPRECATED_STYLES .AnnouncementBar { position: relative; text-align: center; font-size: 10px; z-index: 1; } #DEPRECATED_STYLES .AnnouncementBar__Wrapper { padding: 0 15px; } #DEPRECATED_STYLES .AnnouncementBar__Content { color: inherit; margin: 0; font-weight: 300; font-size: 10px; letter-spacing: 0.4px; } @media screen and (min-width: 641px) { #DEPRECATED_STYLES .AnnouncementBar { font-size: 11px; } } #DEPRECATED_STYLES .ShareButtons { display: table; table-layout: fixed; border-collapse: collapse; width: 100%; } #DEPRECATED_STYLES .ShareButtons__Item { display: table-cell; width: 60px; height: 45px; min-height: 45px; color: #6a6a6a; text-align: center; vertical-align: middle; background: white; border: 1px solid #dddddd; outline: 1px solid transparent; outline-offset: -1px; transition: all 0.2s ease-in-out; } #DEPRECATED_STYLES .ShareButtons__Item svg { height: 18px; width: 18px; vertical-align: text-bottom; } #DEPRECATED_STYLES .ShareButtons__Item--facebook:hover, #DEPRECATED_STYLES .no-supports-hover .ShareButtons__Item--facebook { background: #4469af; color: #ffffff; border-color: #4469af; outline: 1.5px solid #4469af; } #DEPRECATED_STYLES .ShareButtons__Item--pinterest:hover, #DEPRECATED_STYLES .no-supports-hover .ShareButtons__Item--pinterest { background: #c8232c; color: #ffffff; border-color: #c8232c; outline: 1.5px solid #c8232c; } #DEPRECATED_STYLES .ShareButtons__Item--twitter:hover, #DEPRECATED_STYLES .no-supports-hover .ShareButtons__Item--twitter { background: #00aced; color: #ffffff; border-color: #00aced; outline: 1.5px solid #00aced; } @media screen and (min-width: 641px) { #DEPRECATED_STYLES .ShareButtons { width: auto; } } #DEPRECATED_STYLES .FeaturedQuote { display: flex; flex-direction: column; justify-content: center; padding: 120px 40px; background: #1c1b1b; color: white; font-size: 18px; } #DEPRECATED_STYLES .FeaturedQuote__Author { margin-top: 14px; font-size: 14px; opacity: 0.5; } @media screen and (min-width: 1008px) { #DEPRECATED_STYLES .FeaturedQuote { padding-top: 40px; padding-bottom: 40px; } } #DEPRECATED_STYLES .shopify-challenge__container { margin-top: 80px; margin-bottom: 80px; text-align: center; } #DEPRECATED_STYLES .shopify-challenge__container .shopify-challenge__button { position: relative; display: inline-block; padding: 14px 28px; line-height: normal; border: 1px solid transparent; border-radius: 0; text-transform: uppercase; font-size: 12px; text-align: center; letter-spacing: 0.2em; font-family: "Chronicle Display", serif; font-weight: "300"; font-style: "normal"; background: #1c1b1b; color: white; } #DEPRECATED_STYLES .ImageHero--newsletter .SectionHeader.SectionHeader { margin-bottom: 30px; } #DEPRECATED_STYLES .Newsletter .Form__Input::-webkit-input-placeholder, #DEPRECATED_STYLES .Newsletter #shopify-product-reviews .spr-form-input-text::-webkit-input-placeholder, #DEPRECATED_STYLES #shopify-product-reviews .Newsletter .spr-form-input-text::-webkit-input-placeholder, #DEPRECATED_STYLES .Newsletter #shopify-product-reviews .spr-form-input-email::-webkit-input-placeholder, #DEPRECATED_STYLES #shopify-product-reviews .Newsletter .spr-form-input-email::-webkit-input-placeholder, #DEPRECATED_STYLES .Newsletter #shopify-product-reviews .spr-form-input-textarea::-webkit-input-placeholder, #DEPRECATED_STYLES #shopify-product-reviews .Newsletter .spr-form-input-textarea::-webkit-input-placeholder { color: inherit; } #DEPRECATED_STYLES .Newsletter .Form__Input::-moz-placeholder, #DEPRECATED_STYLES .Newsletter #shopify-product-reviews .spr-form-input-text::-moz-placeholder, #DEPRECATED_STYLES #shopify-product-reviews .Newsletter .spr-form-input-text::-moz-placeholder, #DEPRECATED_STYLES .Newsletter #shopify-product-reviews .spr-form-input-email::-moz-placeholder, #DEPRECATED_STYLES #shopify-product-reviews .Newsletter .spr-form-input-email::-moz-placeholder, #DEPRECATED_STYLES .Newsletter #shopify-product-reviews .spr-form-input-textarea::-moz-placeholder, #DEPRECATED_STYLES #shopify-product-reviews .Newsletter .spr-form-input-textarea::-moz-placeholder { color: inherit; } #DEPRECATED_STYLES .Newsletter .Form__Input:-ms-input-placeholder, #DEPRECATED_STYLES .Newsletter #shopify-product-reviews .spr-form-input-text:-ms-input-placeholder, #DEPRECATED_STYLES #shopify-product-reviews .Newsletter .spr-form-input-text:-ms-input-placeholder, #DEPRECATED_STYLES .Newsletter #shopify-product-reviews .spr-form-input-email:-ms-input-placeholder, #DEPRECATED_STYLES #shopify-product-reviews .Newsletter .spr-form-input-email:-ms-input-placeholder, #DEPRECATED_STYLES .Newsletter #shopify-product-reviews .spr-form-input-textarea:-ms-input-placeholder, #DEPRECATED_STYLES #shopify-product-reviews .Newsletter .spr-form-input-textarea:-ms-input-placeholder { color: inherit; } #DEPRECATED_STYLES .Newsletter .Form__Input::-ms-input-placeholder, #DEPRECATED_STYLES .Newsletter #shopify-product-reviews .spr-form-input-text::-ms-input-placeholder, #DEPRECATED_STYLES #shopify-product-reviews .Newsletter .spr-form-input-text::-ms-input-placeholder, #DEPRECATED_STYLES .Newsletter #shopify-product-reviews .spr-form-input-email::-ms-input-placeholder, #DEPRECATED_STYLES #shopify-product-reviews .Newsletter .spr-form-input-email::-ms-input-placeholder, #DEPRECATED_STYLES .Newsletter #shopify-product-reviews .spr-form-input-textarea::-ms-input-placeholder, #DEPRECATED_STYLES #shopify-product-reviews .Newsletter .spr-form-input-textarea::-ms-input-placeholder { color: inherit; } #DEPRECATED_STYLES .Newsletter .Form__Input::placeholder, #DEPRECATED_STYLES .Newsletter #shopify-product-reviews .spr-form-input-text::placeholder, #DEPRECATED_STYLES #shopify-product-reviews .Newsletter .spr-form-input-text::placeholder, #DEPRECATED_STYLES .Newsletter #shopify-product-reviews .spr-form-input-email::placeholder, #DEPRECATED_STYLES #shopify-product-reviews .Newsletter .spr-form-input-email::placeholder, #DEPRECATED_STYLES .Newsletter #shopify-product-reviews .spr-form-input-textarea::placeholder, #DEPRECATED_STYLES #shopify-product-reviews .Newsletter .spr-form-input-textarea::placeholder { color: inherit; } #DEPRECATED_STYLES .Newsletter .Form__Input:focus, #DEPRECATED_STYLES .Newsletter #shopify-product-reviews .spr-form-input-text:focus, #DEPRECATED_STYLES #shopify-product-reviews .Newsletter .spr-form-input-text:focus, #DEPRECATED_STYLES .Newsletter #shopify-product-reviews .spr-form-input-email:focus, #DEPRECATED_STYLES #shopify-product-reviews .Newsletter .spr-form-input-email:focus, #DEPRECATED_STYLES .Newsletter #shopify-product-reviews .spr-form-input-textarea:focus, #DEPRECATED_STYLES #shopify-product-reviews .Newsletter .spr-form-input-textarea:focus { border-color: currentColor; } #DEPRECATED_STYLES .Newsletter .Form__Submit { width: 100%; } @media screen and (max-width: 640px) { #DEPRECATED_STYLES .ImageHero--newsletter { min-height: 450px !important; } #DEPRECATED_STYLES .ImageHero--newsletter .ImageHero__ContentOverlay { padding-left: 25px; padding-right: 25px; } } @media screen and (min-width: 641px) { #DEPRECATED_STYLES .Newsletter__Inner { display: flex; } #DEPRECATED_STYLES .Newsletter .Form__Input, #DEPRECATED_STYLES .Newsletter #shopify-product-reviews .spr-form-input-text, #DEPRECATED_STYLES #shopify-product-reviews .Newsletter .spr-form-input-text, #DEPRECATED_STYLES .Newsletter #shopify-product-reviews .spr-form-input-email, #DEPRECATED_STYLES #shopify-product-reviews .Newsletter .spr-form-input-email, #DEPRECATED_STYLES .Newsletter #shopify-product-reviews .spr-form-input-textarea, #DEPRECATED_STYLES #shopify-product-reviews .Newsletter .spr-form-input-textarea { min-width: 395px; width: 395px; } #DEPRECATED_STYLES .Newsletter .Form__Submit { margin: 0 0 0 20px; } } @media (-moz-touch-enabled: 0), (hover: hover) { #DEPRECATED_STYLES [data-tooltip] { position: relative; } #DEPRECATED_STYLES [data-tooltip]::before { position: absolute; content: attr(data-tooltip); bottom: 70%; left: 70%; padding: 4px 11px 3px 11px; white-space: nowrap; border: 1px solid #dddddd; background: white; color: #6a6a6a; font-size: 13px; pointer-events: none; visibility: hidden; opacity: 0; transition: visibility 0.2s ease-in-out, opacity 0.2s ease-in-out; z-index: 1; } #DEPRECATED_STYLES [data-tooltip]:hover::before { opacity: 1; visibility: visible; } } #DEPRECATED_STYLES .Modal { position: fixed; display: flex; flex-direction: column; visibility: hidden; top: 50%; left: 50%; width: 480px; max-width: calc(100vw - 40px); max-height: calc(100vh - 40px); padding: 15px 20px 20px 20px; z-index: 20; opacity: 0; overflow: auto; -webkit-overflow-scrolling: touch; background: white; transform: translate(-50%, -50%); transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out; } @supports (--css: variables) { #DEPRECATED_STYLES .Modal { max-height: calc(var(--window-height) - 40px); } } #DEPRECATED_STYLES .Modal[aria-hidden="false"] { visibility: visible; opacity: 1; } #DEPRECATED_STYLES .Modal--dark { background: #1c1b1b; color: white; } #DEPRECATED_STYLES .Modal--dark .Rte h1, #DEPRECATED_STYLES .Modal--dark .Rte h2, #DEPRECATED_STYLES .Modal--dark .Rte h3, #DEPRECATED_STYLES .Modal--dark .Rte h4, #DEPRECATED_STYLES .Modal--dark .Rte h5, #DEPRECATED_STYLES .Modal--dark .Rte h6 { color: white; } #DEPRECATED_STYLES .Modal--fullScreen { max-width: none; max-height: none; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; transform: none; } #DEPRECATED_STYLES .Modal--pageContent { padding: 60px 0 50px 0; } #DEPRECATED_STYLES .Modal--videoContent { justify-content: center; background: #000000; /* Full theatre experience ! */ color: #ffffff; } #DEPRECATED_STYLES .Modal .Heading:not(.Link) { color: inherit; } #DEPRECATED_STYLES .Modal__Header { margin-bottom: 30px; text-align: center; } #DEPRECATED_STYLES .Modal__Close { display: block; margin: 25px auto 0 auto; flex-shrink: 0; } #DEPRECATED_STYLES .Modal__Close--outside { position: absolute; margin-top: 0; top: 20px; right: 20px; line-height: 0; opacity: 0.5; transition: opacity 0.2s ease-in-out; } #DEPRECATED_STYLES .Modal__Close--outside:hover { opacity: 1; } #DEPRECATED_STYLES .Modal__Close--outside svg { height: 16px; width: 16px; stroke-width: 1.25px; } #DEPRECATED_STYLES .Modal--fullScreen .Modal__Close--outside { right: 40px; top: 40px; } #DEPRECATED_STYLES .Modal__Content iframe { display: none; } #DEPRECATED_STYLES .Modal[aria-hidden="false"] .Modal__Content iframe { display: block; } #DEPRECATED_STYLES .Modal__Content th, #DEPRECATED_STYLES .Modal__Content td { border-color: rgba(255, 255, 255, 0.25) !important; } #DEPRECATED_STYLES .Modal__Content thead th:empty, #DEPRECATED_STYLES .Modal__Content tbody th { background: #1c1b1b !important; } @media screen and (min-width: 641px) { #DEPRECATED_STYLES .Modal:not(.Modal--pageContent) { padding: 35px 40px 40px 40px; } } @media screen and (min-width: 1008px) { #DEPRECATED_STYLES .Modal { flex-direction: column; } #DEPRECATED_STYLES .Modal--pageContent { padding: 100px 0 80px 0; } #DEPRECATED_STYLES .Modal--pageContent .Modal__Content { flex: 1 0 0; } #DEPRECATED_STYLES .Modal__Close:not(.Modal__Close--outside) { margin-top: 40px; flex-shrink: 0; } } #DEPRECATED_STYLES .PageSkipLink:focus { clip: auto; width: auto; height: auto; margin: 0; color: #1c1b1b; background-color: white; padding: 10px; z-index: 10000; transition: none; } #DEPRECATED_STYLES .PageOverlay { position: fixed; top: 0; left: 0; height: 100vh; width: 100vw; z-index: 10; visibility: hidden; opacity: 0; background: #363636; transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out; } #DEPRECATED_STYLES .PageOverlay.is-visible { opacity: 0.5; visibility: visible; } #DEPRECATED_STYLES .PageHeader { position: relative; margin: 35px 0; } #DEPRECATED_STYLES .PageHeader--withBackground { display: flex; margin: 0; width: 100%; min-height: 450px; flex-direction: column; justify-content: center; align-items: center; background-size: cover; color: #ffffff; overflow: hidden; } #DEPRECATED_STYLES .PageHeader--withBackground .Heading, #DEPRECATED_STYLES .PageHeader--withBackground .Rte a:not(.Button) { color: #ffffff; -webkit-text-decoration-color: #ffffff; text-decoration-color: #ffffff; } #DEPRECATED_STYLES .PageHeader__ImageWrapper { position: absolute; height: 100%; width: 100%; top: 0; left: 0; background-size: cover; background-position: center center; } @supports (--css: variables) { #DEPRECATED_STYLES .PageHeader__ImageWrapper { top: calc(-1 * var(--announcement-bar-height, 0px) - var(--header-height, 0px) * var(--use-unsticky-header, 0)); height: calc(100% + var(--announcement-bar-height, 0px) + var(--header-height, 0px) * var(--use-unsticky-header, 0)); } } #DEPRECATED_STYLES .PageHeader .SectionHeader__Heading, #DEPRECATED_STYLES .PageHeader .SectionHeader__Description { margin-top: 0 !important; } #DEPRECATED_STYLES .PageHeader .Alert, #DEPRECATED_STYLES .PageHeader #shopify-product-reviews .spr-form-message, #DEPRECATED_STYLES #shopify-product-reviews .PageHeader .spr-form-message { margin-top: 22px; } #DEPRECATED_STYLES .PageHeader__Back { display: inline-block; margin-bottom: 25px; } #DEPRECATED_STYLES .PageHeader__Back svg { height: 9px; margin-right: 12px; vertical-align: initial; } #DEPRECATED_STYLES .PageHeader--withBackground .SectionHeader.SectionHeader { position: relative; padding: 60px 0 80px 0; } @supports (--css: variables) { #DEPRECATED_STYLES .PageHeader--withBackground .SectionHeader.SectionHeader { margin-top: calc(var(--header-height) * var(--header-is-transparent, 0)); } } @media screen and (max-width: 640px) { #DEPRECATED_STYLES .PageHeader .SectionHeader__Heading { margin-bottom: 10px; } } @media screen and (min-width: 641px) { #DEPRECATED_STYLES .PageHeader { margin: 50px 0; } #DEPRECATED_STYLES .PageHeader--withBackground { min-height: 450px; margin-top: 0; margin-bottom: 0; } @supports (--css: variables) { #DEPRECATED_STYLES .PageHeader--withBackground { min-height: calc(380px + var(--header-height) * var(--header-is-transparent, 0)); } } #DEPRECATED_STYLES .PageHeader--small.PageHeader--withBackground { min-height: 420px; } @supports (--css: variables) { #DEPRECATED_STYLES .PageHeader--small.PageHeader--withBackground { min-height: calc(350px + var(--header-height) * var(--header-is-transparent, 0)); } } #DEPRECATED_STYLES .PageHeader--large.PageHeader--withBackground { min-height: 480px; } @supports (--css: variables) { #DEPRECATED_STYLES .PageHeader--large.PageHeader--withBackground { min-height: calc(410px + var(--header-height) * var(--header-is-transparent, 0)); } } #DEPRECATED_STYLES .PageHeader--withBackground .SectionHeader.SectionHeader { margin-top: 50px; padding: 40px 0; } @supports (--css: variables) { #DEPRECATED_STYLES .PageHeader--withBackground .SectionHeader.SectionHeader { margin-top: calc(var(--header-height) * var(--header-is-transparent, 0)); } } } @media screen and (min-width: 1240px) { #DEPRECATED_STYLES .PageHeader--withBackground { min-height: 550px; } @supports (--css: variables) { #DEPRECATED_STYLES .PageHeader--withBackground { min-height: calc(450px + var(--header-height) * var(--header-is-transparent, 0)); } } #DEPRECATED_STYLES .PageHeader--small.PageHeader--withBackground { min-height: 500px; } @supports (--css: variables) { #DEPRECATED_STYLES .PageHeader--small.PageHeader--withBackground { min-height: calc(400px + var(--header-height) * var(--header-is-transparent, 0)); } } #DEPRECATED_STYLES .PageHeader--large.PageHeader--withBackground { min-height: 620px; } @supports (--css: variables) { #DEPRECATED_STYLES .PageHeader--large.PageHeader--withBackground { min-height: calc(520px + var(--header-height) * var(--header-is-transparent, 0)); } } } @media screen and (min-width: 1800px) { #DEPRECATED_STYLES .PageHeader--withBackground { min-height: 650px; } @supports (--css: variables) { #DEPRECATED_STYLES .PageHeader--withBackground { min-height: calc(600px + var(--header-height) * var(--header-is-transparent, 0)); } } #DEPRECATED_STYLES .PageHeader--small.PageHeader--withBackground { min-height: 600px; } @supports (--css: variables) { #DEPRECATED_STYLES .PageHeader--small.PageHeader--withBackground { min-height: calc(550px + var(--header-height) * var(--header-is-transparent, 0)); } } #DEPRECATED_STYLES .PageHeader--large.PageHeader--withBackground { min-height: 700px; } @supports (--css: variables) { #DEPRECATED_STYLES .PageHeader--large.PageHeader--withBackground { min-height: calc(650px + var(--header-height) * var(--header-is-transparent, 0)); } } } #DEPRECATED_STYLES .PageLayout__Section:first-child { margin-bottom: 60px; } #DEPRECATED_STYLES .PageLayout__Section--sticky { position: -webkit-sticky; position: sticky; top: 75px; align-self: flex-start; } @supports (--css: variables) { #DEPRECATED_STYLES .PageLayout__Section--sticky { top: calc(var(--header-height) + 20px); } } @media screen and (min-width: 641px) { #DEPRECATED_STYLES .PageLayout { display: flex; flex-wrap: nowrap; } #DEPRECATED_STYLES .PageLayout__Section { flex: 1 0 0; } #DEPRECATED_STYLES .PageLayout__Section:first-child { margin-bottom: 0; } #DEPRECATED_STYLES .PageLayout__Section--secondary { flex: 1 1 200px; max-width: 200px; } #DEPRECATED_STYLES .PageLayout__Section + .PageLayout__Section { margin-left: 50px; } } @media screen and (min-width: 641px) and (max-width: 1007px) { #DEPRECATED_STYLES .PageLayout--breakLap { display: block; } #DEPRECATED_STYLES .PageLayout--breakLap .PageLayout__Section:first-child { margin-bottom: 60px; } #DEPRECATED_STYLES .PageLayout--breakLap .PageLayout__Section + .PageLayout__Section { margin-left: 0; width: 100%; } } @media screen and (min-width: 1008px) { #DEPRECATED_STYLES .PageLayout__Section--secondary { flex-basis: 235px; max-width: 235px; } } @media screen and (min-width: 1240px) { #DEPRECATED_STYLES .PageLayout__Section + .PageLayout__Section { margin-left: 80px; } #DEPRECATED_STYLES .PageLayout__Section--secondary { flex-basis: 290px; max-width: 290px; } } #DEPRECATED_STYLES .PageContent { max-width: 1250px; margin: 35px auto; } #DEPRECATED_STYLES .PageContent--fitScreen { display: flex; min-height: calc(100vh - 120px); align-items: center; } @supports (--css: variables) { #DEPRECATED_STYLES .PageContent--fitScreen { min-height: calc(var(--window-height) - var(--header-height) - var(--announcement-bar-height, 0px) - 120px); /* 120px is the margin */ } } #DEPRECATED_STYLES .PageContent--narrow { max-width: 680px; } #DEPRECATED_STYLES .PageContent--extraNarrow { max-width: 400px; } #DEPRECATED_STYLES .PageHeader + .PageContent { margin-top: 0; } @media screen and (min-width: 641px) { #DEPRECATED_STYLES .PageContent { margin-bottom: 80px; margin-top: 80px; } #DEPRECATED_STYLES .PageContent--fitScreen { min-height: calc(100vh - 160px); } @supports (--css: variables) { #DEPRECATED_STYLES .PageContent--fitScreen { min-height: calc(var(--window-height) - var(--header-height) - var(--announcement-bar-height, 0px) - 160px); /* 160px is the margin */ } } } #DEPRECATED_STYLES .Pagination { margin: 60px 0; text-align: center; font-family: "Chronicle Display", serif; font-weight: "300"; font-style: "normal"; font-size: 12px; line-height: 1; } #DEPRECATED_STYLES .Pagination__Nav { display: inline-block; list-style: none; } #DEPRECATED_STYLES .Pagination__NavItem { display: inline-block; padding: 16px 20px; border-bottom: 1px solid #dddddd; } #DEPRECATED_STYLES .Pagination__NavItem svg { width: 6px; height: 10px; vertical-align: -1px; } #DEPRECATED_STYLES .Pagination__NavItem.is-active { color: #1c1b1b; border-bottom-color: #1c1b1b; box-shadow: 0 -2px #1c1b1b inset; } @media screen and (min-width: 641px) { #DEPRECATED_STYLES .Pagination { margin: 80px 0; } #DEPRECATED_STYLES .Pagination__NavItem { padding-left: 28px; padding-right: 28px; } } @media screen and (min-width: 1240px) { #DEPRECATED_STYLES .Pagination { margin: 120px 0; } } #DEPRECATED_STYLES .Panel { position: relative; border: 1px solid #dddddd; padding: 60px 24px; } #DEPRECATED_STYLES .Panel--withArrows { margin: 0 15px; } #DEPRECATED_STYLES .Panel--flush { padding-left: 0 !important; padding-right: 0 !important; } #DEPRECATED_STYLES .Panel__Title { position: absolute; top: 0; left: 50%; margin: 0; padding: 0 14px 0 18px; transform: translate(-50%, -50%); background: white; white-space: nowrap; } #DEPRECATED_STYLES .Panel .flickity-prev-next-button { top: calc(50% - (45px / 2)); } #DEPRECATED_STYLES .Panel .flickity-prev-next-button.next { right: calc(-45px / 2); } #DEPRECATED_STYLES .Panel .flickity-prev-next-button.previous { left: calc(-45px / 2); } @media screen and (min-width: 641px) { #DEPRECATED_STYLES .Panel { padding-left: 50px; padding-right: 50px; } #DEPRECATED_STYLES .Panel--withArrows { margin-left: 0; margin-right: 0; } } #DEPRECATED_STYLES .Popover { position: fixed; width: 100%; bottom: 0; left: 0; background: #f5f5f4; z-index: 10; touch-action: manipulation; transform: translateY(100%); visibility: hidden; transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1); } #DEPRECATED_STYLES .Popover:before { display: none; } #DEPRECATED_STYLES .Popover--secondary { background: white; } #DEPRECATED_STYLES .Popover[aria-hidden="false"] { transform: translateY(0); visibility: visible; } #DEPRECATED_STYLES .Popover__Header { position: relative; padding: 13px 20px; border-bottom: 1px solid rgba(221, 221, 221, 0.4); text-align: center; } #DEPRECATED_STYLES .Popover__Close { position: absolute; left: 20px; top: calc(50% - 7px); line-height: 0; } #DEPRECATED_STYLES .Popover__Close svg { stroke-width: 1.1px; } #DEPRECATED_STYLES .Popover__ValueList { list-style: none; max-height: 385px; padding: 18px 0; overflow: auto; -webkit-overflow-scrolling: touch; } #DEPRECATED_STYLES .Popover__Value { display: block; padding: 12px 20px; width: 100%; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #6a6a6a; text-align: center; transition: color 0.2s ease-in-out; font-size: 12px; padding: 8px 20px; } #DEPRECATED_STYLES .Popover__Value:focus { background: white; outline: none; } #DEPRECATED_STYLES .Popover__Value.is-selected { color: #1c1b1b; } #DEPRECATED_STYLES .Popover__FooterHelp { width: 100%; padding: 18px 20px; text-align: center; border-top: 1px solid rgba(221, 221, 221, 0.4); } @media screen and (min-width: 1008px) { #DEPRECATED_STYLES .Popover { transform: none; width: auto; bottom: auto; left: auto; opacity: 0; transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out; } #DEPRECATED_STYLES .Popover::before { content: ''; position: absolute; right: 40px; width: 10px; height: 10px; border-style: solid; } #DEPRECATED_STYLES .Popover--withMinWidth { min-width: 375px; } #DEPRECATED_STYLES .Popover--positionBottom::before { bottom: 100%; border-width: 0 10px 10px 10px; border-color: transparent transparent #f5f5f4 transparent; } #DEPRECATED_STYLES .Popover--positionTop::before { top: 100%; border-width: 10px 10px 0 10px; border-color: white transparent transparent transparent; -webkit-filter: drop-shadow(0 2px 2px rgba(54, 54, 54, 0.2)); filter: drop-shadow(0 2px 2px rgba(54, 54, 54, 0.2)); } #DEPRECATED_STYLES .Popover--positionLeft::before { left: 100%; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent white; -webkit-filter: drop-shadow(2px 0 2px rgba(54, 54, 54, 0.2)); filter: drop-shadow(2px 0 2px rgba(54, 54, 54, 0.2)); } #DEPRECATED_STYLES .Popover--positionLeft.Popover--alignCenter::before { top: calc(50% - 10px); } #DEPRECATED_STYLES .Popover--positionLeft.Popover--alignBottom::before { top: 15px; } #DEPRECATED_STYLES .Popover--positionLeft.Popover--alignTop::before { bottom: 10px; } #DEPRECATED_STYLES .Popover[aria-hidden="false"] { opacity: 1; transform: none; } #DEPRECATED_STYLES .Popover__Header { display: none; } #DEPRECATED_STYLES .Popover__Value { text-align: left; } #DEPRECATED_STYLES .Popover--withMinWidth .Popover__Value { text-align: center; } } #DEPRECATED_STYLES .Rte { word-break: break-word; /* Prevent long words to go outside the container */ /* Simple, minimum clearfix added to every RTE text to avoid issue with float */ } #DEPRECATED_STYLES .Rte::after { content: ''; display: block; clear: both; } #DEPRECATED_STYLES .Rte iframe { max-width: 100%; } #DEPRECATED_STYLES .Rte img { display: block; margin: 0 auto; } #DEPRECATED_STYLES .Rte a:not(.Button) { color: #6a6a6a; text-decoration: underline; -webkit-text-decoration-color: rgba(106, 106, 106, 0.6); text-decoration-color: rgba(106, 106, 106, 0.6); text-underline-position: under; transition: color 0.2s ease-in-out, -webkit-text-decoration-color 0.2s ease-in-out; transition: color 0.2s ease-in-out, text-decoration-color 0.2s ease-in-out; transition: color 0.2s ease-in-out, text-decoration-color 0.2s ease-in-out, -webkit-text-decoration-color 0.2s ease-in-out; } #DEPRECATED_STYLES .Rte a:not(.Button):hover { color: #1c1b1b; -webkit-text-decoration-color: rgba(28, 27, 27, 0.6); text-decoration-color: rgba(28, 27, 27, 0.6); } #DEPRECATED_STYLES .Rte p:not(:last-child), #DEPRECATED_STYLES .Rte ul:not(:last-child), #DEPRECATED_STYLES .Rte ol:not(:last-child) { margin-bottom: 1.6em; } #DEPRECATED_STYLES .Rte img, #DEPRECATED_STYLES .Rte blockquote, #DEPRECATED_STYLES .Rte .VideoWrapper, #DEPRECATED_STYLES .Rte .Form { margin-top: 2.4em; margin-bottom: 2.4em; } #DEPRECATED_STYLES .Rte ul, #DEPRECATED_STYLES .Rte ol { margin-left: 30px; padding-left: 0; list-style-position: outside; } #DEPRECATED_STYLES .Rte li { padding: 5px 0; } #DEPRECATED_STYLES .Rte h1, #DEPRECATED_STYLES .Rte h2, #DEPRECATED_STYLES .Rte h3, #DEPRECATED_STYLES .Rte h4, #DEPRECATED_STYLES .Rte h5, #DEPRECATED_STYLES .Rte h6 { font-family: "Chronicle Display", serif; font-weight: "300"; font-style: "normal"; color: #1c1b1b; transition: color 0.2s ease-in-out; } #DEPRECATED_STYLES .Rte h1 { margin: 2.2em 0 0.8em; } #DEPRECATED_STYLES .Rte h2 { margin: 2.2em 0 0.9em; } #DEPRECATED_STYLES .Rte h3 { margin: 2.2em 0 1.2em; } #DEPRECATED_STYLES .Rte h4 { margin: 2.2em 0 1.4em; } #DEPRECATED_STYLES .Rte h5 { margin: 2.2em 0 1.6em; } #DEPRECATED_STYLES .Rte h6 { margin: 2.2em 0 1.8em; } #DEPRECATED_STYLES .Rte blockquote { margin-left: 0; padding: 6px 0 6px 40px; font-size: 1.15em; line-height: 1.75; border-left: 3px solid rgba(221, 221, 221, 0.6); } #DEPRECATED_STYLES .Rte p:last-child, #DEPRECATED_STYLES .Rte blockquote:last-child, #DEPRECATED_STYLES .Rte ul:last-child, #DEPRECATED_STYLES .Rte ol:last-child, #DEPRECATED_STYLES .Rte h1:last-child, #DEPRECATED_STYLES .Rte h2:last-child, #DEPRECATED_STYLES .Rte h3:last-child, #DEPRECATED_STYLES .Rte h4:last-child, #DEPRECATED_STYLES .Rte h5:last-child, #DEPRECATED_STYLES .Rte h6:last-child { margin-bottom: 0; } @media screen and (min-width: 1008px) { #DEPRECATED_STYLES .Rte img, #DEPRECATED_STYLES .Rte .VideoWrapper, #DEPRECATED_STYLES .Rte .Form { margin-top: 3em; margin-bottom: 3em; } #DEPRECATED_STYLES .Rte blockquote { margin-left: 40px; } } #DEPRECATED_STYLES .shopify-section--hidden { display: none; } #DEPRECATED_STYLES .shopify-section--bordered + .shopify-section--bordered { border-top: 1px solid #dddddd; } #DEPRECATED_STYLES .Section--spacingNormal { margin: 50px 0; } #DEPRECATED_STYLES .Section--paddingNormal { padding: 50px 0; margin: 50px 0; } #DEPRECATED_STYLES .Section--paddingNormal .SectionFooter { margin-top: 10px; } #DEPRECATED_STYLES .Section--spacingLarge, #DEPRECATED_STYLES .Section--spacingExtraLarge { margin: 90px 0; } #DEPRECATED_STYLES .shopify-section--bordered > .Section--spacingNormal { padding: 50px 0; margin-top: 0; margin-bottom: 0; } #DEPRECATED_STYLES .shopify-section--bordered > .Section--spacingLarge, #DEPRECATED_STYLES .shopify-section--bordered > .Section--spacingExtraLarge { padding: 90px 0; margin-top: 0; margin-bottom: 0; } #DEPRECATED_STYLES .SectionHeader:not(:only-child) { margin-bottom: 40px; } #DEPRECATED_STYLES .SectionHeader--center { text-align: center; } #DEPRECATED_STYLES .SectionHeader__Heading.SectionHeader__Heading, #DEPRECATED_STYLES .SectionHeader__SubHeading.SectionHeader__SubHeading { margin-top: -0.325em; } #DEPRECATED_STYLES .SectionHeader__SubHeading + .SectionHeader__Heading, #DEPRECATED_STYLES .SectionHeader__SubHeading + .SectionHeader__TabList, #DEPRECATED_STYLES .SectionHeader__Description { margin-top: 16px; } #DEPRECATED_STYLES .SectionHeader__Description { max-width: 530px; } #DEPRECATED_STYLES .SectionHeader__Description a { text-decoration: underline; -webkit-text-decoration-color: currentColor; text-decoration-color: currentColor; text-underline-position: under; } #DEPRECATED_STYLES .SectionHeader--center .SectionHeader__Description { margin-left: auto; margin-right: auto; } #DEPRECATED_STYLES .SectionHeader__ButtonWrapper { margin-top: 20px; } #DEPRECATED_STYLES .SectionHeader__IconHolder { margin-top: 30px; } #DEPRECATED_STYLES .SectionFooter { margin-top: 50px; text-align: center; } #DEPRECATED_STYLES .SectionFooter .Button, #DEPRECATED_STYLES .SectionFooter .shopify-payment-button__button--unbranded, #DEPRECATED_STYLES .SectionFooter #shopify-product-reviews .spr-summary-actions-newreview, #DEPRECATED_STYLES #shopify-product-reviews .SectionFooter .spr-summary-actions-newreview, #DEPRECATED_STYLES .SectionFooter #shopify-product-reviews .spr-button-primary:not(input), #DEPRECATED_STYLES #shopify-product-reviews .SectionFooter .spr-button-primary:not(input), #DEPRECATED_STYLES .SectionFooter #shopify-product-reviews input.spr-button-primary, #DEPRECATED_STYLES #shopify-product-reviews .SectionFooter input.spr-button-primary, #DEPRECATED_STYLES .SectionFooter #shopify-product-reviews .spr-pagination-prev > a, #DEPRECATED_STYLES #shopify-product-reviews .SectionFooter .spr-pagination-prev > a, #DEPRECATED_STYLES .SectionFooter #shopify-product-reviews .spr-pagination-next > a, #DEPRECATED_STYLES #shopify-product-reviews .SectionFooter .spr-pagination-next > a { border: none; padding: 8px 45px; font-size: 11px; } #DEPRECATED_STYLES .SectionFooter .Button::before, #DEPRECATED_STYLES .SectionFooter .shopify-payment-button__button--unbranded::before, #DEPRECATED_STYLES .SectionFooter #shopify-product-reviews .spr-summary-actions-newreview::before, #DEPRECATED_STYLES #shopify-product-reviews .SectionFooter .spr-summary-actions-newreview::before, #DEPRECATED_STYLES .SectionFooter #shopify-product-reviews .spr-button-primary:not(input)::before, #DEPRECATED_STYLES #shopify-product-reviews .SectionFooter .spr-button-primary:not(input)::before, #DEPRECATED_STYLES .SectionFooter #shopify-product-reviews input.spr-button-primary::before, #DEPRECATED_STYLES #shopify-product-reviews .SectionFooter input.spr-button-primary::before, #DEPRECATED_STYLES .SectionFooter #shopify-product-reviews .spr-pagination-prev > a::before, #DEPRECATED_STYLES #shopify-product-reviews .SectionFooter .spr-pagination-prev > a::before, #DEPRECATED_STYLES .SectionFooter #shopify-product-reviews .spr-pagination-next > a::before, #DEPRECATED_STYLES #shopify-product-reviews .SectionFooter .spr-pagination-next > a::before { border-radius: 32px; } @media screen and (min-width: 641px) { #DEPRECATED_STYLES .SectionHeader__SubHeading { font-size: 14px; } #DEPRECATED_STYLES .SectionHeader__Heading--emphasize { font-size: 28px; } } @media screen and (min-width: 1008px) { #DEPRECATED_STYLES .Section--spacingNormal { margin: 80px 0; } #DEPRECATED_STYLES .Section--paddingNormal { padding: 80px 0; margin: 80px 0; } #DEPRECATED_STYLES .Section--paddingNormal .SectionFooter { margin-top: 80px; } #DEPRECATED_STYLES .Section--spacingLarge { margin: 120px 0; } #DEPRECATED_STYLES .Section--spacingExtraLarge { margin: 145px 0; } #DEPRECATED_STYLES .shopify-section--bordered > .Section--spacingNormal { padding: 80px 0; } #DEPRECATED_STYLES .shopify-section--bordered > .Section--spacingLarge { padding: 120px 0; } #DEPRECATED_STYLES .shopify-section--bordered > .Section--spacingExtraLarge { padding: 145px 0; } #DEPRECATED_STYLES .SectionHeader:not(:only-child) { margin-bottom: 70px; } #DEPRECATED_STYLES .SectionHeader__Description { margin-top: 24px; } #DEPRECATED_STYLES .SectionHeader__ButtonWrapper { margin-top: 30px; } #DEPRECATED_STYLES .SectionFooter { margin-top: 80px; } } #DEPRECATED_STYLES .TableWrapper { overflow: auto; -webkit-overflow-scrolling: touch; } #DEPRECATED_STYLES .Table, #DEPRECATED_STYLES .Rte table { width: 100%; font-size: 12px; border-collapse: separate; white-space: nowrap; } #DEPRECATED_STYLES .Table th, #DEPRECATED_STYLES .Rte table th, #DEPRECATED_STYLES .Table td, #DEPRECATED_STYLES .Rte table td { padding: 18px 10px; border-bottom: 1px solid #dddddd; text-align: left; } #DEPRECATED_STYLES .Table th:first-child, #DEPRECATED_STYLES .Rte table th:first-child, #DEPRECATED_STYLES .Table td:first-child, #DEPRECATED_STYLES .Rte table td:first-child, #DEPRECATED_STYLES .Table tfoot td:empty + td, #DEPRECATED_STYLES .Rte table tfoot td:empty + td { padding-left: 0; } #DEPRECATED_STYLES .Table th:last-child, #DEPRECATED_STYLES .Rte table th:last-child, #DEPRECATED_STYLES .Table td:last-child, #DEPRECATED_STYLES .Rte table td:last-child { padding-right: 0; } #DEPRECATED_STYLES .Table th, #DEPRECATED_STYLES .Rte table th { font-family: "Chronicle Display", serif; font-weight: "300"; font-style: "normal"; text-transform: uppercase; letter-spacing: 0.2em; } #DEPRECATED_STYLES .Table thead th:first-child:empty, #DEPRECATED_STYLES .Rte table thead th:first-child:empty, #DEPRECATED_STYLES .Table tbody th:first-child, #DEPRECATED_STYLES .Rte table tbody th:first-child { position: -webkit-sticky; position: sticky; left: 0; min-width: 40px; max-width: 100px; z-index: 1; background: white; white-space: normal; } #DEPRECATED_STYLES .Table tbody th:first-child, #DEPRECATED_STYLES .Rte table tbody th:first-child { border-right: 1px solid #dddddd; } #DEPRECATED_STYLES .Table tfoot td:empty, #DEPRECATED_STYLES .Rte table tfoot td:empty { border-bottom: none; } #DEPRECATED_STYLES .Table--large td { padding-top: 25px; padding-bottom: 25px; } #DEPRECATED_STYLES .Table--noBorder tbody tr:not(:last-child) td { border-bottom: none; } @media screen and (max-width: 640px) { #DEPRECATED_STYLES .TableWrapper { margin-right: -24px; margin-left: -24px; } #DEPRECATED_STYLES .TableWrapper > .Table, #DEPRECATED_STYLES .Rte .TableWrapper > table { padding-right: 24px; padding-left: 24px; } } @media screen and (min-width: 1240px) { #DEPRECATED_STYLES .Table, #DEPRECATED_STYLES .Rte table { white-space: normal; } #DEPRECATED_STYLES .Table--large td { padding-top: 35px; padding-bottom: 35px; } } #DEPRECATED_STYLES .TabList { white-space: nowrap; overflow: auto; -webkit-overflow-scrolling: touch; } #DEPRECATED_STYLES .TabList__Item { position: relative; } #DEPRECATED_STYLES .TabList__Item::after { position: relative; display: block; content: ''; bottom: 1px; left: 0; height: 1px; width: 0; background: #1c1b1b; transition: width 0.25s ease-in-out; } #DEPRECATED_STYLES .TabList__Item + .TabList__Item { margin-left: 28px; } #DEPRECATED_STYLES .TabList__Item.is-active::after { width: 100%; } #DEPRECATED_STYLES .TabPanel { display: none; } #DEPRECATED_STYLES .TabPanel[aria-hidden="false"] { display: block; } @media screen and (min-width: 641px) { #DEPRECATED_STYLES .TabList__Item + .TabList__Item { margin-left: 45px; } } #DEPRECATED_STYLES .template-customers .OrderAddresses .Grid__Cell + .Grid__Cell { margin-top: 50px; } @media screen and (min-width: 641px) and (max-width: 1007px) { #DEPRECATED_STYLES .template-customers .OrderAddresses .Grid__Cell + .Grid__Cell { margin-top: 0; } } @media screen and (min-width: 1240px) { #DEPRECATED_STYLES .template-customers .OrderAddresses .Grid__Cell + .Grid__Cell { margin-top: 65px; } } #DEPRECATED_STYLES .AddressList { margin-bottom: -40px; } #DEPRECATED_STYLES .AddressList .Grid__Cell { margin-bottom: 40px; } #DEPRECATED_STYLES .AccountAddress span { display: inline-block; margin-bottom: 12px; } @media screen and (max-width: 640px) { #DEPRECATED_STYLES .Modal--address { height: 100%; width: 100%; max-width: none; max-height: none; } #DEPRECATED_STYLES .Modal--address .Modal__Header { margin-top: 35px; } } @media screen and (min-width: 641px) and (max-width: 1007px) { #DEPRECATED_STYLES .OrderAddresses { width: 100%; max-width: none; } } @media screen and (min-width: 641px) { #DEPRECATED_STYLES .AddressList { margin-bottom: -60px; } #DEPRECATED_STYLES .AddressList .Grid__Cell { margin-bottom: 60px; } } #DEPRECATED_STYLES .AccountTable th { padding-top: 0; padding-bottom: 10px; font-size: 11px; } #DEPRECATED_STYLES .AccountTable tfoot { font-size: 14px; } #DEPRECATED_STYLES .AccountTable tfoot span + span { padding-left: 18px; } #DEPRECATED_STYLES .AccountTable .CartItem__PriceList { margin-bottom: 0; } @media screen and (max-width: 640px) { #DEPRECATED_STYLES .AccountTable .CartItem__ImageWrapper { width: 70px; min-width: 70px; } } #DEPRECATED_STYLES .Article__ImageWrapper { overflow: hidden; height: 215px; } #DEPRECATED_STYLES .Article__Image { position: relative; height: 100%; width: 100%; background-size: cover; background-position: center; } @supports (--css: variables) { #DEPRECATED_STYLES .Article__Image { height: calc(100% + var(--announcement-bar-height, 0px)); top: calc(-1 * var(--announcement-bar-height, 0px)); } } #DEPRECATED_STYLES .Article__Wrapper { position: relative; max-width: 620px; margin: 0 auto 90px auto; padding: 24px 24px 0 24px; background: white; } #DEPRECATED_STYLES .Article__Header { margin-bottom: 35px; } #DEPRECATED_STYLES .Article__Meta { margin-bottom: 18px; } #DEPRECATED_STYLES .Article__MetaItem + .Article__MetaItem::before { position: relative; display: inline-block; content: ''; height: 4px; width: 4px; border-radius: 100%; margin: 0 15px; font-size: 10px; vertical-align: middle; background: currentColor; } #DEPRECATED_STYLES .Article__Footer { margin-top: 45px; } #DEPRECATED_STYLES .Article__ShareButtons { margin-top: 42px; } @media screen and (min-width: 641px) { #DEPRECATED_STYLES .Article__Wrapper { margin-bottom: 120px; padding: 40px 50px 0 50px; } #DEPRECATED_STYLES .Article__ImageWrapper { height: 335px; } #DEPRECATED_STYLES .Article__ImageWrapper + .Article__Wrapper { margin-top: -45px; } #DEPRECATED_STYLES .Article__Header { margin-bottom: 45px; } #DEPRECATED_STYLES .Article__Footer { display: flex; justify-content: space-between; align-items: center; margin-top: 65px; } #DEPRECATED_STYLES .Article__ShareButtons { margin-top: 0; } } @media screen and (min-width: 1008px) { #DEPRECATED_STYLES .Article__Wrapper { max-width: 780px; } #DEPRECATED_STYLES .Article__ImageWrapper { height: 450px; } #DEPRECATED_STYLES .Article__ImageWrapper + .Article__Wrapper { margin-top: -70px; } } @media screen and (min-width: 1240px) { #DEPRECATED_STYLES .Article__ImageWrapper { height: 600px; } } #DEPRECATED_STYLES .Article__CommentForm { margin-top: 40px; } #DEPRECATED_STYLES .Article__Comments, #DEPRECATED_STYLES .Article__CommentFormWrapper { margin: 80px 0; } #DEPRECATED_STYLES .Article__Comments .Pagination { margin-top: 40px; } #DEPRECATED_STYLES .ArticleComment { margin-top: 35px; } #DEPRECATED_STYLES .ArticleComment + .ArticleComment { padding-top: 35px; border-top: 1px solid #dddddd; } #DEPRECATED_STYLES .ArticleComment__Body { margin-bottom: 18px; } #DEPRECATED_STYLES .ArticleComment__Date { margin-left: 15px; } @media screen and (min-width: 641px) { #DEPRECATED_STYLES .Article__Comments, #DEPRECATED_STYLES .Article__CommentFormWrapper { margin: 105px 0; } #DEPRECATED_STYLES .Article__Comments .Pagination { margin-top: 80px; } } #DEPRECATED_STYLES .ArticleToolbar { position: fixed; display: flex; top: 0; width: 100%; align-items: center; justify-content: space-between; padding: 15px 30px 16px 30px; background: #1c1b1b; color: white; z-index: 2; pointer-events: none; transform: translateY(-100%); opacity: 0; will-change: transform, opacity; transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out; } @supports (--css: variables) { #DEPRECATED_STYLES .ArticleToolbar { top: calc(var(--use-sticky-header, 0) * var(--header-height)); } } #DEPRECATED_STYLES .ArticleToolbar.is-visible { transform: translateY(0); opacity: 1; pointer-events: auto; } #DEPRECATED_STYLES .ArticleToolbar .Link:hover, #DEPRECATED_STYLES .ArticleToolbar .shopify-payment-button__more-options:hover { color: white; } #DEPRECATED_STYLES .ArticleToolbar .Text--subdued { color: rgba(255, 255, 255, 0.5); } #DEPRECATED_STYLES .ArticleToolbar__ArticleTitle { position: relative; display: inline-flex; max-width: 285px; width: 285px; overflow: hidden; white-space: nowrap; text-overflow: clip; color: white; } #DEPRECATED_STYLES .ArticleToolbar__ArticleTitle::after { content: ''; position: absolute; background: linear-gradient(to right, rgba(28, 27, 27, 0.1), #1c1b1b); right: 0; top: 0; height: 100%; width: 35px; } #DEPRECATED_STYLES .ArticleToolbar__ShareList { display: inline-block; } #DEPRECATED_STYLES .ArticleToolbar__ShareList .HorizontalList { display: inline-block; margin-left: 20px; } #DEPRECATED_STYLES .ArticleToolbar__Nav { display: inline-block; margin-left: 50px; } #DEPRECATED_STYLES .ArticleToolbar__Nav svg { color: white; } #DEPRECATED_STYLES .ArticleToolbar__NavItemSeparator { display: inline-block; position: relative; content: ''; width: 1px; height: 12px; margin: 0 18px; background: rgba(255, 255, 255, 0.6); vertical-align: middle; } #DEPRECATED_STYLES .ArticleToolbar__NavItem svg { vertical-align: -1px; } #DEPRECATED_STYLES .ArticleToolbar__NavItem--prev svg { margin-right: 6px; } #DEPRECATED_STYLES .ArticleToolbar__NavItem--next svg { margin-left: 6px; } @media screen and (min-width: 1008px) { #DEPRECATED_STYLES .ArticleToolbar__ArticleTitle { max-width: 400px; width: 400px; } } @media screen and (min-width: 1240px) { #DEPRECATED_STYLES .ArticleToolbar { padding-left: 50px; padding-right: 50px; } #DEPRECATED_STYLES .ArticleToolbar__ArticleTitle { max-width: 550px; width: 550px; } #DEPRECATED_STYLES .ArticleToolbar__Nav { margin-left: 100px; } } #DEPRECATED_STYLES .ArticleNav { padding: 75px 0; background: #1c1b1b; color: white; } #DEPRECATED_STYLES .ArticleNav .Heading { color: inherit; } #DEPRECATED_STYLES .ArticleNav__Item { display: block; } #DEPRECATED_STYLES .ArticleNav__Image { height: 350px; background-size: cover; background-position: center; } @media screen and (max-width: 640px) { #DEPRECATED_STYLES .ArticleNav .Grid__Cell + .Grid__Cell { margin-top: 50px; } } @media screen and (min-width: 641px) { #DEPRECATED_STYLES .ArticleNav { padding: 140px 0; } } #DEPRECATED_STYLES .ArticleListWrapper { max-width: 1260px; margin: 0 auto 60px auto; } #DEPRECATED_STYLES .ArticleList { margin-bottom: -60px; } #DEPRECATED_STYLES .ArticleList .Grid__Cell { margin-bottom: 60px; } #DEPRECATED_STYLES .ArticleItem__ImageWrapper { display: block; margin-bottom: 22px; background-size: cover; overflow: hidden; } #DEPRECATED_STYLES .ArticleItem__Image { display: block; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; font-family: 'object-fit: cover; object-position: center;'; } #DEPRECATED_STYLES .ArticleItem__Content { margin: 0 8px; } #DEPRECATED_STYLES .ArticleItem__Category { display: block; margin-bottom: 16px; } #DEPRECATED_STYLES .ArticleItem__Excerpt { margin-bottom: 20px; } @media screen and (min-width: 641px) { #DEPRECATED_STYLES .ArticleList--withFeatured .Grid__Cell:first-child { margin-bottom: 40px; } #DEPRECATED_STYLES .ArticleItem__Content { margin: 0 18px; } } @media screen and (min-width: 1008px) { #DEPRECATED_STYLES .ArticleListWrapper { margin-bottom: 100px; } #DEPRECATED_STYLES .ArticleList { margin-bottom: -100px; } #DEPRECATED_STYLES .ArticleList .Grid__Cell { margin-bottom: 100px; } #DEPRECATED_STYLES .ArticleList--withFeatured .Grid__Cell:first-child { margin-bottom: 60px; } } #DEPRECATED_STYLES .Blog__RssLink { margin-left: 14px; vertical-align: baseline; } #DEPRECATED_STYLES .Blog__RssLink svg { width: 10px; height: 10px; } #DEPRECATED_STYLES .Blog__TagList { padding-top: 8px; } #DEPRECATED_STYLES .Blog__TagList .Link.is-active::after, #DEPRECATED_STYLES .Blog__TagList .is-active.shopify-payment-button__more-options::after { display: block; content: ''; width: calc(100% - 0.15em); height: 1px; background: currentColor; } @media screen and (max-width: 640px) { #DEPRECATED_STYLES .Blog__TagList .HorizontalList__Item { margin: 5px 10px; } } @media screen and (min-width: 641px) { #DEPRECATED_STYLES .ArticleList + .Pagination { margin-top: 80px; } } @media screen and (min-width: 1240px) { #DEPRECATED_STYLES #shopify-section-blog-template + #shopify-section-shop-now { margin-top: 150px; } } #DEPRECATED_STYLES .Cart__ShippingNotice { position: -webkit-sticky; position: sticky; top: 0; margin-bottom: 0; padding-top: 9px; padding-bottom: 9px; font-size: 11px; border-bottom: 1px solid #dddddd; line-height: normal; z-index: 1; background: white; } #DEPRECATED_STYLES .Cart__Empty { position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; -webkit-animation: cartEmptyOpening 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); animation: cartEmptyOpening 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); } @media screen and (min-width: 641px) { #DEPRECATED_STYLES .Cart__ShippingNotice { font-size: 13px; } } #DEPRECATED_STYLES .CartItemWrapper { overflow: hidden; } #DEPRECATED_STYLES .CartItem { display: table; table-layout: fixed; margin: 30px 0; width: 100%; } #DEPRECATED_STYLES .CartItem__ImageWrapper, #DEPRECATED_STYLES .CartItem__Info { display: table-cell; vertical-align: middle; } #DEPRECATED_STYLES .CartItem__ImageWrapper { width: 90px; min-width: 90px; text-align: center; } #DEPRECATED_STYLES .CartItem__Info { padding-left: 25px; } #DEPRECATED_STYLES .CartItem__Title { width: 100%; font-size: 11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #DEPRECATED_STYLES .CartItem__Title, #DEPRECATED_STYLES .CartItem__Variant, #DEPRECATED_STYLES .CartItem__PropertyList { margin-bottom: 0.45em; } #DEPRECATED_STYLES .CartItem__Meta, #DEPRECATED_STYLES .CartItem__LinePriceList, #DEPRECATED_STYLES .CartItem__DiscountList { font-size: 9px; } #DEPRECATED_STYLES .CartItem__PropertyList { list-style: none; font-style: italic; } #DEPRECATED_STYLES .CartItem__DiscountList { list-style: none; } #DEPRECATED_STYLES .CartItem__Discount { display: inline-block; margin-top: 6px; padding: 4px 8px; background: rgba(249, 76, 67, 0.1); color: #f94c43; } #DEPRECATED_STYLES .CartItem__Discount svg { margin-right: 4px; vertical-align: text-bottom; } #DEPRECATED_STYLES .CartItem__Discount + .CartItem__Discount { margin-top: 4px; } #DEPRECATED_STYLES .CartItem__Actions { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } #DEPRECATED_STYLES .CartItem__PriceList { margin-bottom: 16px; } #DEPRECATED_STYLES .CartItem__Remove { margin: 8px 0; font-size: 8px; } #DEPRECATED_STYLES .CartItem__Remove::before { background: #909090; } @media screen and (min-width: 641px) { #DEPRECATED_STYLES .CartItem__ImageWrapper { width: 120px; } #DEPRECATED_STYLES .CartItem__Title { font-size: 12px; } #DEPRECATED_STYLES .CartItem__Meta, #DEPRECATED_STYLES .CartItem__LinePriceList { font-size: 11px; } #DEPRECATED_STYLES .CartItem__Remove { font-size: 9px; } #DEPRECATED_STYLES .CartItem__PriceList { margin-bottom: 20px; } } #DEPRECATED_STYLES .Cart .Drawer__Footer, #DEPRECATED_STYLES .Cart__OffscreenNoteContainer { padding: 14px 24px 24px 24px; } #DEPRECATED_STYLES .Cart__Checkout { display: flex; align-items: center; justify-content: center; margin-top: 18px; } #DEPRECATED_STYLES .Cart__OffscreenNoteContainer { position: absolute; width: 100%; bottom: 0; left: 0; z-index: 1; background: white; border-top: 1px solid #dddddd; transform: translateY(100%); transition: transform 0.25s ease-in-out; } #DEPRECATED_STYLES .Cart__OffscreenNoteContainer[aria-hidden="false"] { transform: translateY(0); box-shadow: 1px 0 6px rgba(54, 54, 54, 0.2); } #DEPRECATED_STYLES .Cart__Note { margin-top: 10px; } #DEPRECATED_STYLES .Cart__Taxes { margin-bottom: 8px; } #DEPRECATED_STYLES .Cart__Discount svg { margin-right: 8px; vertical-align: sub; } #DEPRECATED_STYLES .has-note-open[aria-hidden="false"] .Drawer__Header, #DEPRECATED_STYLES .has-note-open[aria-hidden="false"] .Drawer__Main { opacity: 0.4; pointer-events: none; transition: opacity 0.5s ease; } @media screen and (min-width: 641px) { #DEPRECATED_STYLES .Cart .Drawer__Footer, #DEPRECATED_STYLES .Cart__OffscreenNoteContainer { padding: 20px 30px 30px 30px; } #DEPRECATED_STYLES .Cart__NoteButton + .Cart__Taxes { margin-top: 4px; } } #DEPRECATED_STYLES .Cart--expanded .Cart__Footer { padding-top: 25px; border-top: 1px solid #dddddd; } #DEPRECATED_STYLES .Cart--expanded .Cart__Recap { text-align: right; } #DEPRECATED_STYLES .Cart--expanded .Cart__Recap, #DEPRECATED_STYLES .Cart--expanded .Cart__Recap .Cart__Checkout { margin-top: 16px; } #DEPRECATED_STYLES .Cart--expanded .Cart__Checkout { margin-left: auto; } @media screen and (max-width: 640px) { #DEPRECATED_STYLES .CartItem__Info ~ .CartItem__Actions, #DEPRECATED_STYLES .CartItem__Info ~ .CartItem__LinePriceList { display: none; } } @media screen and (min-width: 641px) { #DEPRECATED_STYLES .Cart--expanded .Cart__ItemList { display: table; table-layout: auto; border-spacing: 0 30px; width: 100%; } #DEPRECATED_STYLES .Cart--expanded .Cart__Head { display: table-header-group; } #DEPRECATED_STYLES .Cart--expanded .Cart__HeadItem { display: table-cell; padding-bottom: 10px; border-bottom: 1px solid #dddddd; } #DEPRECATED_STYLES .Cart--expanded .CartItem { display: table-row; } #DEPRECATED_STYLES .Cart--expanded .CartItem__Info { max-width: 300px; width: 300px; } #DEPRECATED_STYLES .Cart--expanded .CartItem__Info > .CartItem__Actions { display: none; } #DEPRECATED_STYLES .Cart--expanded .CartItem__Info ~ .CartItem__Actions, #DEPRECATED_STYLES .Cart--expanded .CartItem__Info ~ .CartItem__LinePriceList { display: table-cell; vertical-align: middle; } #DEPRECATED_STYLES .Cart--expanded .CartItem__QuantitySelector { margin-bottom: 6px; } #DEPRECATED_STYLES .Cart--expanded .Cart__Footer { display: table; width: 100%; table-layout: fixed; } #DEPRECATED_STYLES .Cart--expanded .Cart__Recap, #DEPRECATED_STYLES .Cart--expanded .Cart__NoteContainer { display: table-cell; } #DEPRECATED_STYLES .Cart--expanded .Cart__NoteContainer { width: 340px; } #DEPRECATED_STYLES .Cart--expanded .Cart__Checkout { width: auto; } } @media screen and (min-width: 1240px) { #DEPRECATED_STYLES .Cart--expanded .CartItem__Info { max-width: 425px; width: 425px; } } #DEPRECATED_STYLES .ShippingEstimator__Results { height: 0; overflow: hidden; transition: height 0.25s ease-in-out; } #DEPRECATED_STYLES .ShippingEstimator__Error, #DEPRECATED_STYLES .ShippingEstimator__ResultsInner { margin-top: 32px; } #DEPRECATED_STYLES .ShippingEstimator__Results p { margin-bottom: 0.5em; } @media screen and (max-width: 640px) { #DEPRECATED_STYLES .ShippingEstimator__Submit { width: 100%; } #DEPRECATED_STYLES .ShippingEstimator__Country, #DEPRECATED_STYLES .ShippingEstimator__Province, #DEPRECATED_STYLES .ShippingEstimator__Zip { margin-bottom: 20px; } } @media screen and (min-width: 641px) { #DEPRECATED_STYLES .ShippingEstimator__Form { display: flex; } #DEPRECATED_STYLES .ShippingEstimator__Form > *:not(:first-child) { margin-left: 20px; } #DEPRECATED_STYLES .ShippingEstimator__Country, #DEPRECATED_STYLES .ShippingEstimator__Province { margin-bottom: 0; } #DEPRECATED_STYLES .ShippingEstimator__Zip { margin-bottom: 0; max-width: 130px; } } #DEPRECATED_STYLES .CollectionList::after { content: 'flickity'; display: none; } #DEPRECATED_STYLES .CollectionItem__Wrapper { position: relative; height: 500px; background-size: cover; background-position: center; overflow: hidden; } #DEPRECATED_STYLES .CollectionItem__Wrapper--small { height: 450px; } #DEPRECATED_STYLES .CollectionItem__Wrapper--large { padding-bottom: 100%; height: auto; display: block; } @media screen and (max-width: 640px) { #DEPRECATED_STYLES .CollectionItem__Wrapper--large { padding-bottom: 125%; } } #DEPRECATED_STYLES .CollectionItem__ImageWrapper { background-size: cover; background-position: center; height: 100%; width: 100%; } #DEPRECATED_STYLES .CollectionItem__Image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; } #DEPRECATED_STYLES .CollectionItem__Content { position: absolute; padding: 0 24px; margin-bottom: 0 !important; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%); text-align: left; } #DEPRECATED_STYLES .CollectionItem__Content--bottomCenter, #DEPRECATED_STYLES .CollectionItem__Content--middleCenter { text-align: center; } #DEPRECATED_STYLES .CollectionItem__Content--bottomRight, #DEPRECATED_STYLES .CollectionItem__Content--middleRight { text-align: right; } #DEPRECATED_STYLES .CollectionItem__Content--bottomLeft, #DEPRECATED_STYLES .CollectionItem__Content--bottomRight, #DEPRECATED_STYLES .CollectionItem__Content--bottomCenter { bottom: 24px; top: auto; left: 0; transform: none; } #DEPRECATED_STYLES .CollectionItem__Content .SectionHeader__SubHeading { margin: 0; font-size: 13px; } #DEPRECATED_STYLES .CollectionItem__Content .SectionHeader__Heading { margin: 1px 0 4px 0; font-size: 22px; } #DEPRECATED_STYLES .CollectionItem__Content .SectionHeader__ButtonWrapper { margin: 0; margin-left: 2px; } @media screen and (max-width: 640px) { #DEPRECATED_STYLES .CollectionList--grid { margin: -12px 12px 12px 12px; } #DEPRECATED_STYLES .CollectionList--grid .CollectionItem { padding: 12px; } } @media screen and (min-width: 641px) { #DEPRECATED_STYLES .CollectionList { display: flex; flex-wrap: wrap; margin-bottom: 0; } #DEPRECATED_STYLES .CollectionList::after { content: ''; /* disable Flickity */ } #DEPRECATED_STYLES .CollectionList--spaced { margin: 15px; } #DEPRECATED_STYLES .CollectionList--spaced .CollectionItem { padding: 15px; } #DEPRECATED_STYLES .CollectionList--grid.CollectionList--spaced { margin-top: -15px; } #DEPRECATED_STYLES .CollectionItem { display: block !important; flex: 0 1 0; min-width: 50%; } #DEPRECATED_STYLES .CollectionItem--expand { flex-grow: 1; } #DEPRECATED_STYLES .CollectionItem__Content { padding: 0 40px; } #DEPRECATED_STYLES .CollectionItem__Content--bottomLeft, #DEPRECATED_STYLES .CollectionItem__Content--bottomRight, #DEPRECATED_STYLES .CollectionItem__Content--bottomCenter { bottom: 40px; } } @media screen and (min-width: 1240px) { #DEPRECATED_STYLES .CollectionItem { /*min-width: 33.33333%;*/ } #DEPRECATED_STYLES .CollectionItem__Wrapper { height: 600px; } #DEPRECATED_STYLES .CollectionItem__Wrapper--extra-small { height: 450px; } #DEPRECATED_STYLES .CollectionItem__Wrapper--small { height: 500px; } #DEPRECATED_STYLES .CollectionItem__Wrapper--large { padding-bottom: 100%; height: auto; } #DEPRECATED_STYLES .CollectionItem__Content { padding: 0 50px; } #DEPRECATED_STYLES .CollectionItem__Content--bottomLeft, #DEPRECATED_STYLES .CollectionItem__Content--bottomRight, #DEPRECATED_STYLES .CollectionItem__Content--bottomCenter { bottom: 50px; } } #DEPRECATED_STYLES .CollectionToolbar { position: -webkit-sticky; position: sticky; display: flex; justify-content: space-between; width: 100%; background: white; box-shadow: 1px 1px #dddddd, -1px -1px #dddddd; z-index: 2; padding-top: 20px; } #DEPRECATED_STYLES #collection-sort-popover .Heading { font-family: "Trade Gothic"; font-size: 11px; letter-spacing: .275px; } #DEPRECATED_STYLES .CollectionToolbar--top { top: 80px; } @supports (--css: variables) { #DEPRECATED_STYLES .CollectionToolbar--top { top: calc(var(--header-height) * var(--use-sticky-header, 0)); } } #DEPRECATED_STYLES .supports-sticky .CollectionToolbar--bottom { bottom: 0; /* as of today the best polyfill I've found does not support polyfilling sticky on bottom. As a consequence on those old browsers, the stickiness is always at the top */ } #DEPRECATED_STYLES .CollectionToolbar__Group { display: flex; flex: 1 0 auto; } #DEPRECATED_STYLES .CollectionToolbar__Group.horizontal .Collection__Title { font-size: 12px; } #DEPRECATED_STYLES .CollectionToolbar__Group.horizontal .CollectionToolbar__Item { font-size: 12px; padding: 0; } @media screen and (max-width: 640px) { #DEPRECATED_STYLES .CollectionToolbar__Group.horizontal .Collection__Title { padding: 0 15px; margin-bottom: 0; } } #DEPRECATED_STYLES .CollectionToolbar.horizontal { box-shadow: none; } @media screen and (min-width: 1008px) { #DEPRECATED_STYLES .CollectionToolbar__Group.horizontal { box-shadow: none; flex-direction: row; justify-content: space-between; align-items: center; padding: 0 50px; width: 100%; } #DEPRECATED_STYLES .CollectionToolbar__Group.horizontal .wrap { align-items: center; display: flex; } #DEPRECATED_STYLES .CollectionToolbar__Group.horizontal .Collapsible.Collapsible--padded { border: 0; position: relative; margin: 0 12px; overflow: visible; padding: 0 0 20px 0; } #DEPRECATED_STYLES .CollectionToolbar__Group.horizontal .Collapsible.Collapsible--padded .Collapsible__Inner { position: absolute; top: 100%; left: 0; width: 25vw; z-index: 999; background: white; padding: 15px 30px; transition: none; max-width: 700px; height: auto !important; background-color: #f2f2f2; } #DEPRECATED_STYLES .CollectionToolbar__Group.horizontal .Collapsible.Collapsible--padded .Collapsible__Inner .buttons { display: flex; justify-content: space-between; margin-top: 20px; padding: 0 10px; } #DEPRECATED_STYLES .CollectionToolbar__Group.horizontal .Collapsible.Collapsible--padded .Collapsible__Inner .Button--primary, #DEPRECATED_STYLES .CollectionToolbar__Group.horizontal .Collapsible.Collapsible--padded .Collapsible__Inner .shopify-payment-button__button--unbranded, #DEPRECATED_STYLES .CollectionToolbar__Group.horizontal .Collapsible.Collapsible--padded .Collapsible__Inner #shopify-product-reviews .spr-summary-actions-newreview, #DEPRECATED_STYLES #shopify-product-reviews .CollectionToolbar__Group.horizontal .Collapsible.Collapsible--padded .Collapsible__Inner .spr-summary-actions-newreview, #DEPRECATED_STYLES .CollectionToolbar__Group.horizontal .Collapsible.Collapsible--padded .Collapsible__Inner #shopify-product-reviews .spr-button-primary:not(input), #DEPRECATED_STYLES #shopify-product-reviews .CollectionToolbar__Group.horizontal .Collapsible.Collapsible--padded .Collapsible__Inner .spr-button-primary:not(input) { flex: none; margin: 0; background: transparent; border: 0; padding: 0; color: black; border-bottom: 1px solid #000; } #DEPRECATED_STYLES .CollectionToolbar__Group.horizontal .Collapsible.Collapsible--padded .Collapsible__Inner .Button--primary:before, #DEPRECATED_STYLES .CollectionToolbar__Group.horizontal .Collapsible.Collapsible--padded .Collapsible__Inner .shopify-payment-button__button--unbranded:before, #DEPRECATED_STYLES .CollectionToolbar__Group.horizontal .Collapsible.Collapsible--padded .Collapsible__Inner #shopify-product-reviews .spr-summary-actions-newreview:before, #DEPRECATED_STYLES #shopify-product-reviews .CollectionToolbar__Group.horizontal .Collapsible.Collapsible--padded .Collapsible__Inner .spr-summary-actions-newreview:before, #DEPRECATED_STYLES .CollectionToolbar__Group.horizontal .Collapsible.Collapsible--padded .Collapsible__Inner #shopify-product-reviews .spr-button-primary:not(input):before, #DEPRECATED_STYLES #shopify-product-reviews .CollectionToolbar__Group.horizontal .Collapsible.Collapsible--padded .Collapsible__Inner .spr-button-primary:not(input):before { content: none; } #DEPRECATED_STYLES .CollectionToolbar__Group.horizontal .Collapsible.Collapsible--padded .Collapsible__Inner .Button--secondary, #DEPRECATED_STYLES .CollectionToolbar__Group.horizontal .Collapsible.Collapsible--padded .Collapsible__Inner #shopify-product-reviews .spr-pagination-prev > a, #DEPRECATED_STYLES #shopify-product-reviews .CollectionToolbar__Group.horizontal .Collapsible.Collapsible--padded .Collapsible__Inner .spr-pagination-prev > a, #DEPRECATED_STYLES .CollectionToolbar__Group.horizontal .Collapsible.Collapsible--padded .Collapsible__Inner #shopify-product-reviews .spr-pagination-next > a, #DEPRECATED_STYLES #shopify-product-reviews .CollectionToolbar__Group.horizontal .Collapsible.Collapsible--padded .Collapsible__Inner .spr-pagination-next > a { flex: none; margin: 0; background: transparent; border: 0; padding: 0; color: #6a6a6a; border-bottom: 1px solid transparent; } #DEPRECATED_STYLES .CollectionToolbar__Group.horizontal .Collapsible.Collapsible--padded .Collapsible__Inner .Button--secondary:before, #DEPRECATED_STYLES .CollectionToolbar__Group.horizontal .Collapsible.Collapsible--padded .Collapsible__Inner #shopify-product-reviews .spr-pagination-prev > a:before, #DEPRECATED_STYLES #shopify-product-reviews .CollectionToolbar__Group.horizontal .Collapsible.Collapsible--padded .Collapsible__Inner .spr-pagination-prev > a:before, #DEPRECATED_STYLES .CollectionToolbar__Group.horizontal .Collapsible.Collapsible--padded .Collapsible__Inner #shopify-product-reviews .spr-pagination-next > a:before, #DEPRECATED_STYLES #shopify-product-reviews .CollectionToolbar__Group.horizontal .Collapsible.Collapsible--padded .Collapsible__Inner .spr-pagination-next > a:before { content: none; } #DEPRECATED_STYLES .CollectionToolbar__Group.horizontal .Collapsible.Collapsible--padded .Collapsible__Inner .Button--secondary:hover, #DEPRECATED_STYLES .CollectionToolbar__Group.horizontal .Collapsible.Collapsible--padded .Collapsible__Inner #shopify-product-reviews .spr-pagination-prev > a:hover, #DEPRECATED_STYLES #shopify-product-reviews .CollectionToolbar__Group.horizontal .Collapsible.Collapsible--padded .Collapsible__Inner .spr-pagination-prev > a:hover, #DEPRECATED_STYLES .CollectionToolbar__Group.horizontal .Collapsible.Collapsible--padded .Collapsible__Inner #shopify-product-reviews .spr-pagination-next > a:hover, #DEPRECATED_STYLES #shopify-product-reviews .CollectionToolbar__Group.horizontal .Collapsible.Collapsible--padded .Collapsible__Inner .spr-pagination-next > a:hover { color: #6a6a6a; border-color: #6a6a6a; } #DEPRECATED_STYLES .CollectionToolbar__Group.horizontal .Collapsible.Collapsible--padded .Collapsible__Inner .buttons { padding: 0; } #DEPRECATED_STYLES .CollectionToolbar__Group.horizontal .Collapsible.Collapsible--padded .Collapsible__Inner .Linklist { display: flex; flex-wrap: wrap; } #DEPRECATED_STYLES .CollectionToolbar__Group.horizontal .Collapsible.Collapsible--padded .Collapsible__Inner .Linklist .Linklist__Item { width: 50%; margin: 0; transition: none; padding: 0; padding-left: 16px; line-height: 30px !important; } #DEPRECATED_STYLES .CollectionToolbar__Group.horizontal .Collapsible.Collapsible--padded .Collapsible__Inner .Linklist .Linklist__Item:before { position: absolute; content: ''; display: inline-block; width: 8px; height: 8px; top: calc(50% - 4px); left: 0; border-radius: 100%; background: transparent; border: 1px #1c1b1b solid; transition: opacity 0.1s ease-in-out; opacity: 1; } #DEPRECATED_STYLES .CollectionToolbar__Group.horizontal .Collapsible.Collapsible--padded .Collapsible__Inner .Linklist .Linklist__Item button { padding: 0; } #DEPRECATED_STYLES .CollectionToolbar__Group.horizontal .Collapsible.Collapsible--padded .Collapsible__Inner .Linklist .Linklist__Item.is-selected:before, #DEPRECATED_STYLES .CollectionToolbar__Group.horizontal .Collapsible.Collapsible--padded .Collapsible__Inner .Linklist .Linklist__Item:has(.is-active):before, #DEPRECATED_STYLES .CollectionToolbar__Group.horizontal .Collapsible.Collapsible--padded .Collapsible__Inner .Linklist .Linklist__Item:has(.is-selected):before { background: #1c1b1b; } #DEPRECATED_STYLES .CollectionToolbar__Group.horizontal .Collapsible.Collapsible--padded.length .Collapsible__Inner, #DEPRECATED_STYLES .CollectionToolbar__Group.horizontal .Collapsible.Collapsible--padded.rise .Collapsible__Inner { max-width: 240px; } #DEPRECATED_STYLES .CollectionToolbar__Group.horizontal .Collapsible.Collapsible--padded.length .Collapsible__Inner .Linklist .Linklist__Item, #DEPRECATED_STYLES .CollectionToolbar__Group.horizontal .Collapsible.Collapsible--padded.rise .Collapsible__Inner .Linklist .Linklist__Item { width: 100%; } #DEPRECATED_STYLES .CollectionToolbar__Group.horizontal .CollectionToolbar__Item.CollectionToolbar__Item--sort, #DEPRECATED_STYLES .CollectionToolbar__Group.horizontal .Collapsible__Button { padding: 3px 20px; font-family: "Trade Gothic"; display: flex; align-items: center; background-color: #f2f1ef; border: 1px solid transparent; font-size: 11px; text-transform: uppercase; border-radius: 16px; } #DEPRECATED_STYLES .CollectionToolbar__Group.horizontal .CollectionToolbar__Item.CollectionToolbar__Item--sort svg, #DEPRECATED_STYLES .CollectionToolbar__Group.horizontal .Collapsible__Button svg { margin-left: 6px; } #DEPRECATED_STYLES .CollectionToolbar__Group.horizontal .Collapsible__Button[aria-expanded="true"] { border-color: #000; } #DEPRECATED_STYLES .CollectionToolbar__Group.horizontal .CollectionToolbar__Item.CollectionToolbar__Item--sort { margin: 0 10px 20px; color: #1c1b1b; } #DEPRECATED_STYLES .CollectionToolbar__Group.horizontal .CollectionToolbar__Item.CollectionToolbar__Item--sort svg { width: 15px; height: unset; } #DEPRECATED_STYLES .CollectionToolbar__Group.horizontal .CollectionToolbar__Item { flex: none; border: 0; padding: 0; background-color: #f2f1ef; } } #DEPRECATED_STYLES .CollectionToolbar__Item { flex: 1 0 auto; padding: 13px 0; border-left: 1px solid #dddddd; text-align: center; vertical-align: middle; cursor: pointer; transition: background 0.2s ease-in-out; } #DEPRECATED_STYLES .CollectionToolbar__Item--sort .Icon--select-arrow { height: 6px; margin-left: 2px; pointer-events: none; } #DEPRECATED_STYLES .CollectionToolbar__Item--layout { flex: none; width: 95px; line-height: 1; cursor: initial; } #DEPRECATED_STYLES .CollectionToolbar__LayoutType { margin: 0 6px; opacity: 0.2; transition: opacity 0.25s ease-in-out; } #DEPRECATED_STYLES .CollectionToolbar__LayoutType svg { width: 18px; height: 18px; } #DEPRECATED_STYLES .CollectionToolbar__LayoutType.is-active { opacity: 1; } @media screen and (max-width: 640px) { #DEPRECATED_STYLES .CollectionToolbar__Item:first-child { border-left: none; } } @media screen and (min-width: 641px) { #DEPRECATED_STYLES .CollectionToolbar--reverse, #DEPRECATED_STYLES .CollectionToolbar__Group { flex-direction: row-reverse; } #DEPRECATED_STYLES .CollectionToolbar__Group { flex: none; } #DEPRECATED_STYLES .CollectionToolbar__Item { padding: 18px 0; } #DEPRECATED_STYLES .CollectionToolbar__Group .CollectionToolbar__Item { padding-left: 45px; padding-right: 45px; } #DEPRECATED_STYLES .CollectionToolbar__Item--layout { border-left: none; width: 115px; border-right: 1px solid #dddddd; white-space: nowrap; } } #DEPRECATED_STYLES .CollectionFilters .Collapsible:first-child { border-top: none; } @media screen and (min-width: 641px) { #DEPRECATED_STYLES .CollectionFilters .Drawer__Main { padding-top: 35px; } } #DEPRECATED_STYLES .ProductItem { text-align: center; white-space: normal; } #DEPRECATED_STYLES .ProductItem .ProductItem__Image { border: 1px #fff solid; } #DEPRECATED_STYLES .ProductItem__Wrapper { position: relative; } #DEPRECATED_STYLES .ProductItem__ImageWrapper { display: block; } #DEPRECATED_STYLES .ProductItem__Image--alternate { position: absolute; top: 0; left: 0; opacity: 0 !important; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } #DEPRECATED_STYLES .ProductItem__LabelList { position: absolute; left: 10px; top: 6px; text-align: left; } #DEPRECATED_STYLES .ProductItem__Label { display: block; font-size: 9px; margin: 4px 0; padding: 2px 6px; background: white; max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content; } #DEPRECATED_STYLES .ProductItem__Info { margin-top: 20px; font-size: 12px; } #DEPRECATED_STYLES .ProductItem .Wishlist { margin-top: 12px; } @media screen and (min-width: 750px) { #DEPRECATED_STYLES .ProductItem .Wishlist { margin-top: 12px; } #DEPRECATED_STYLES .ProductItem:not(:hover) .Wishlist { visibility: hidden; } } @media screen and (max-width: 749px) { #DEPRECATED_STYLES .ProductItem .Wishlist { visibility: hidden !important; } } #DEPRECATED_STYLES .ProductItem__SubPrice, #DEPRECATED_STYLES .ProductItem__TitleWrap { width: 100%; display: flex; justify-content: space-between; text-transform: uppercase; } #DEPRECATED_STYLES .ProductItem__SubPrice a, #DEPRECATED_STYLES .ProductItem__SubPrice div, #DEPRECATED_STYLES .ProductItem__TitleWrap a, #DEPRECATED_STYLES .ProductItem__TitleWrap div { letter-spacing: 0px; } #DEPRECATED_STYLES .ProductItem__SubPrice .Price, #DEPRECATED_STYLES .ProductItem__TitleWrap .Price { font-family: "Trade Gothic"; letter-spacing: 0px; } #DEPRECATED_STYLES .ProductItem__SubPrice .Wishlist, #DEPRECATED_STYLES .ProductItem__TitleWrap .Wishlist { margin: 0; visibility: visible; } #DEPRECATED_STYLES .ProductItem__SubPrice .Wishlist button, #DEPRECATED_STYLES .ProductItem__TitleWrap .Wishlist button { text-transform: uppercase; } #DEPRECATED_STYLES .ProductItem__Info--left { text-align: left; } #DEPRECATED_STYLES .ProductItem__Info--right { text-align: right; } #DEPRECATED_STYLES .ProductItem__Vendor, #DEPRECATED_STYLES .ProductItem__Title { display: block; margin-bottom: 4px; font-family: "Trade Gothic"; } #DEPRECATED_STYLES .ProductItem__ColorSwatchList { margin-top: 15px; } #DEPRECATED_STYLES .ProductItem__ColorSwatchItem { display: inline-block; margin: 0 5px; } #DEPRECATED_STYLES .ProductItem__ColorSwatchList + .ProductItem__PriceList { margin-top: 12px; } @media (-moz-touch-enabled: 0), (hover: hover) { #DEPRECATED_STYLES .ProductItem__ImageWrapper--withAlternateImage:hover .ProductItem__Image { opacity: 0 !important; } #DEPRECATED_STYLES .ProductItem__ImageWrapper--withAlternateImage:hover .ProductItem__Image--alternate { opacity: 1 !important; } } @media (-moz-touch-enabled: 1), (hover: none) { #DEPRECATED_STYLES .ProductItem__Image--alternate { display: none; /* This prevents the image to be lazy-loaded */ } } @media screen and (min-width: 641px) { #DEPRECATED_STYLES .ProductItem__Label { font-size: 11px; } #DEPRECATED_STYLES .ProductItem__Info { font-size: 12px; } } @media screen and (min-width: 1008px) { #DEPRECATED_STYLES .ProductItem--horizontal { display: flex; justify-content: space-between; align-items: center; } #DEPRECATED_STYLES .ProductItem--horizontal .ProductItem__Wrapper { display: flex; align-items: center; } #DEPRECATED_STYLES .ProductItem--horizontal .ProductItem__ImageWrapper { min-width: 100px; } #DEPRECATED_STYLES .ProductItem--horizontal .ProductItem__Info { margin: 0 30px 0 40px; text-align: left; } #DEPRECATED_STYLES .ProductItem--horizontal .ProductItem__ViewButton { flex-shrink: 0; } } #DEPRECATED_STYLES .CollectionInner { margin-top: 24px; } #DEPRECATED_STYLES .ProductList--grid { padding: 0 12px; } @media screen and (max-width: 640px) { #DEPRECATED_STYLES .ProductList--grid { margin-left: -10px; } #DEPRECATED_STYLES .ProductList--removeMargin { margin-bottom: -35px !important; } #DEPRECATED_STYLES .ProductList--grid > .Grid__Cell { padding-left: 10px; margin-bottom: 35px; } } @media screen and (min-width: 641px) { #DEPRECATED_STYLES .CollectionInner { margin-top: 30px; } #DEPRECATED_STYLES .ProductList--grid { padding: 0 24px; margin-left: -24px; } #DEPRECATED_STYLES .ProductList--removeMargin { margin-bottom: -50px !important; } #DEPRECATED_STYLES .ProductList--grid > .Grid__Cell { padding-left: 24px; margin-bottom: 50px; } } @media screen and (min-width: 1008px) { #DEPRECATED_STYLES .CollectionInner { display: flex; } #DEPRECATED_STYLES .CollectionInner__Sidebar { position: -webkit-sticky; position: sticky; top: 200px; flex: none; align-self: flex-start; width: 200px; margin: 0 16px 0 24px; padding-bottom: 50px; } @supports (--css: variables) { #DEPRECATED_STYLES .CollectionInner__Sidebar { top: calc(var(--header-height) + 50px); } } @supports (--css: variables) { #DEPRECATED_STYLES .CollectionInner__Sidebar--withTopToolbar { top: calc(var(--header-height) * var(--use-sticky-header, 0) + 105px); } } #DEPRECATED_STYLES .CollectionInner__Products { flex: 1 0 0; } #DEPRECATED_STYLES .CollectionInner__Sidebar .Collapsible { padding: 0; } } @media screen and (min-width: 1240px) { #DEPRECATED_STYLES .CollectionInner__Sidebar { margin-right: 10px; margin-left: 50px; } #DEPRECATED_STYLES .CollectionInner .Pagination { margin-bottom: 80px; } #DEPRECATED_STYLES .ProductList--grid { padding: 0 50px; } #DEPRECATED_STYLES .ProductList--grid[data-desktop-count="2"] { margin-left: -60px; } #DEPRECATED_STYLES .ProductList--grid[data-desktop-count="2"] > .Grid__Cell { padding-left: 60px; margin-bottom: 75px; } #DEPRECATED_STYLES .ProductList--removeMargin[data-desktop-count="2"] { margin-bottom: -75px !important; } #DEPRECATED_STYLES .ProductList--grid[data-desktop-count="4"], #DEPRECATED_STYLES .ProductList--grid[data-desktop-count="3"] { margin-left: -15px; } #DEPRECATED_STYLES .ProductList--grid[data-desktop-count="4"] > .Grid__Cell, #DEPRECATED_STYLES .ProductList--grid[data-desktop-count="3"] > .Grid__Cell { padding-left: 15px; margin-bottom: 60px; } #DEPRECATED_STYLES .ProductList--removeMargin[data-desktop-count="4"], #DEPRECATED_STYLES .ProductList--removeMargin[data-desktop-count="3"] { margin-bottom: -60px !important; } } #DEPRECATED_STYLES .ProductList--carousel .Carousel__Cell { width: 62%; padding: 0 12px; vertical-align: top; } @media screen and (max-width: 640px) { #DEPRECATED_STYLES .template-search .ProductList--grid, #DEPRECATED_STYLES .template-collection .ProductList--grid { margin-bottom: 20px; /* hack, would require some better code */ } } @media screen and (max-width: 1007px) { #DEPRECATED_STYLES { /* On phone and tablet we do not use the carousel but instead use a free scroll, which offers better performance */ } #DEPRECATED_STYLES .ProductListWrapper { overflow: hidden; } #DEPRECATED_STYLES .ProductList--carousel { white-space: nowrap; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; padding-bottom: 30px; /* This is a trick to hide the scrollbar on iOS */ margin-bottom: -30px; } #DEPRECATED_STYLES .ProductList--carousel .Carousel__Cell { display: inline-block !important; } #DEPRECATED_STYLES .ProductList--carousel .Carousel__Cell:first-child { margin-left: 19%; /* This is (100% - 62%) / 2, where 62% is the width of a single cell */ } #DEPRECATED_STYLES .ProductList--carousel .Carousel__Cell:last-child { margin-right: 19%; /* This is (100% - 62%) / 2, where 62% is the width of a single cell */ } } @media screen and (min-width: 641px) and (max-width: 1007px) { #DEPRECATED_STYLES .ProductList--carousel .Carousel__Cell { width: 48%; padding: 0 15px; } #DEPRECATED_STYLES .ProductList--carousel .Carousel__Cell:first-child { margin-left: 26%; /* This is (100% - 48%) / 2, where 48% is the width of a single cell */ } #DEPRECATED_STYLES .ProductList--carousel .Carousel__Cell:last-child { margin-right: 26%; /* This is (100% - 48%) / 2, where 48% is the width of a single cell */ } } @media screen and (min-width: 1008px) { #DEPRECATED_STYLES .ProductList--carousel { margin: 0 130px; } #DEPRECATED_STYLES .ProductList--carousel::after { content: 'flickity'; display: none; } #DEPRECATED_STYLES .ProductList--carousel .Carousel__Cell { width: 33.3333%; left: 0; padding: 0 7.5px; margin-left: 0; } #DEPRECATED_STYLES .ProductList--carousel .flickity-prev-next-button { top: calc(50% - 45px); width: 45px; height: 45px; stroke-width: 1px; } #DEPRECATED_STYLES .ProductList--carousel .flickity-prev-next-button.next { right: -50px; } #DEPRECATED_STYLES .ProductList--carousel .flickity-prev-next-button.previous { left: -50px; } } @media screen and (min-width: 1240px) { #DEPRECATED_STYLES .ProductList--carousel .Carousel__Cell { width: 25%; } } #DEPRECATED_STYLES .ProductList--shopNow { position: static; } #DEPRECATED_STYLES .ProductList--shopNow .Carousel__Cell { padding: 0 60px; } @media screen and (max-width: 640px) { #DEPRECATED_STYLES .ShopNowGrid .FeaturedQuote { margin: 50px -24px -90px -24px; } } @media screen and (min-width: 641px) and (max-width: 1007px) { #DEPRECATED_STYLES .ShopNowGrid .FeaturedQuote { margin: 60px -50px -90px -50px; } } @media screen and (min-width: 641px) { #DEPRECATED_STYLES .ProductList--shopNow { padding: 0 50px; overflow: hidden; } #DEPRECATED_STYLES .ProductList--shopNow .flickity-viewport { overflow: visible; } #DEPRECATED_STYLES .ProductList--shopNow .Carousel__Cell { width: 50%; padding: 0 50px; } } @media screen and (min-width: 1008px) { #DEPRECATED_STYLES .ProductList--shopNow[data-desktop-count="3"] .Carousel__Cell { width: 33.333333%; } #DEPRECATED_STYLES .ShopNowGrid { display: flex; } #DEPRECATED_STYLES .ShopNowGrid .FeaturedQuote { height: 100%; } } #DEPRECATED_STYLES .Faq__Section { margin-bottom: 20px; } #DEPRECATED_STYLES .Faq__Section ~ .Faq__Section { margin-top: 34px; } #DEPRECATED_STYLES .Faq__Item { position: relative; margin: 14px 0; } #DEPRECATED_STYLES .Faq__Icon { position: absolute; top: 0; left: 0; color: #6a6a6a; transition: all 0.3s ease-in-out; } #DEPRECATED_STYLES .Faq__Icon svg { width: 8px; height: 10px; vertical-align: baseline; } #DEPRECATED_STYLES .Faq__Item[aria-expanded="true"] .Faq__Icon { transform: rotateZ(90deg); color: #1c1b1b; } #DEPRECATED_STYLES .Faq__ItemWrapper { padding-left: 26px; } #DEPRECATED_STYLES .Faq__Question { display: block; width: 100%; margin-bottom: 0; text-align: left; } #DEPRECATED_STYLES .Faq__AnswerWrapper { height: 0; overflow: hidden; visibility: hidden; transition: height 0.25s ease-in-out, visibility 0s ease-in-out 0.25s; } #DEPRECATED_STYLES .Faq__Item[aria-expanded="true"] .Faq__AnswerWrapper { visibility: visible; transition: height 0.25s ease-in-out; } #DEPRECATED_STYLES .Faq__Answer { padding: 16px 0 22px 0; } #DEPRECATED_STYLES .Faq__Item--lastOfSection .Faq__Answer { padding-bottom: 0; } #DEPRECATED_STYLES .FaqSummary { list-style: none; margin: 0; padding: 0; } #DEPRECATED_STYLES .FaqSummary__Item { margin-bottom: 12px; } #DEPRECATED_STYLES .FaqSummary__Item.is-active::after { width: 100%; } #DEPRECATED_STYLES .FaqSummary__Link { display: block; } #DEPRECATED_STYLES .FaqSummary__LinkLabel { position: relative; display: inline-block; } #DEPRECATED_STYLES .FaqSummary__LinkLabel::after { position: absolute; content: ''; left: 0; bottom: 0; width: 100%; height: 1px; transform: scale(0, 1); transform-origin: left center; background: currentColor; transition: transform 0.2s linear; } #DEPRECATED_STYLES .FaqSummary__Item.is-active .FaqSummary__LinkLabel::after { transform: scale(1, 1); } @media screen and (min-width: 641px) { #DEPRECATED_STYLES .Faq__Section { margin-bottom: 34px; } #DEPRECATED_STYLES .Faq__Section ~ .Faq__Section { margin-top: 60px; } } #DEPRECATED_STYLES .FeatureText { text-align: center; } #DEPRECATED_STYLES .FeatureText__ContentWrapper { padding-left: 24px; padding-right: 24px; } #DEPRECATED_STYLES .FeatureText__ImageWrapper { overflow: hidden; } #DEPRECATED_STYLES .FeatureText--withImage .FeatureText__ContentWrapper { padding-top: 50px; padding-bottom: 20px; } #DEPRECATED_STYLES .FeatureText .SectionHeader__Description { margin-top: 25px; margin-bottom: 20px; } @media screen and (max-width: 640px) { #DEPRECATED_STYLES .FeatureText--imageLeft { display: flex; flex-direction: column-reverse; } } @media screen and (min-width: 641px) { #DEPRECATED_STYLES .FeatureText__Content { max-width: 430px; margin: 0 auto; } #DEPRECATED_STYLES .FeatureText--withImage { display: table; width: 100%; text-align: left; table-layout: fixed; } #DEPRECATED_STYLES .FeatureText--withImage .FeatureText__ContentWrapper, #DEPRECATED_STYLES .FeatureText--withImage .FeatureText__ImageWrapper { display: table-cell; width: 50%; vertical-align: middle; } #DEPRECATED_STYLES .FeatureText--withImage .FeatureText__ContentWrapper { padding: 50px; } #DEPRECATED_STYLES .FeatureText--imageRight .FeatureText__ContentWrapper { padding-right: 40px; } #DEPRECATED_STYLES .FeatureText--imageRight .FeatureText__Content, #DEPRECATED_STYLES .FeatureText--imageRight .AspectRatio { margin-right: 0; } #DEPRECATED_STYLES .FeatureText--imageRight .AspectRatio { text-align: right; } #DEPRECATED_STYLES .FeatureText--imageLeft .FeatureText__ContentWrapper { padding-left: 40px; } #DEPRECATED_STYLES .FeatureText--imageLeft .FeatureText__Content, #DEPRECATED_STYLES .FeatureText--imageLeft .AspectRatio { margin-left: 0; } #DEPRECATED_STYLES .FeatureText--imageLeft .AspectRatio { text-align: left; } } @media screen and (min-width: 1240px) { #DEPRECATED_STYLES .FeatureText--imageRight .FeatureText__ContentWrapper { padding-right: 100px; } #DEPRECATED_STYLES .FeatureText--imageLeft .FeatureText__ContentWrapper { padding-left: 100px; } } #DEPRECATED_STYLES .shopify-section--bordered + .shopify-section--footer { border-top: 1px solid #dbdbdb; } #DEPRECATED_STYLES .Footer { padding: 34px 0; background: #efefef; color: #6a6a6a; } #DEPRECATED_STYLES .Footer .Social-Icons { list-style: none; padding: 0; margin: 0; margin-top: 40px; display: flex; } #DEPRECATED_STYLES .Footer .Social-Icons li { margin-right: 10px; } #DEPRECATED_STYLES .Footer .Social-Icons svg { width: 32px; } #DEPRECATED_STYLES .Footer--withMargin { margin-top: 60px; } #DEPRECATED_STYLES .Footer .Heading, #DEPRECATED_STYLES .Footer .Link--primary:hover { color: #1c1b1b; letter-spacing: .1em; } #DEPRECATED_STYLES .Footer .Link--secondary:hover, #DEPRECATED_STYLES .Footer .Form__Input::-webkit-input-placeholder, #DEPRECATED_STYLES .Footer #shopify-product-reviews .spr-form-input-text::-webkit-input-placeholder, #DEPRECATED_STYLES #shopify-product-reviews .Footer .spr-form-input-text::-webkit-input-placeholder, #DEPRECATED_STYLES .Footer #shopify-product-reviews .spr-form-input-email::-webkit-input-placeholder, #DEPRECATED_STYLES #shopify-product-reviews .Footer .spr-form-input-email::-webkit-input-placeholder, #DEPRECATED_STYLES .Footer #shopify-product-reviews .spr-form-input-textarea::-webkit-input-placeholder, #DEPRECATED_STYLES #shopify-product-reviews .Footer .spr-form-input-textarea::-webkit-input-placeholder { color: #6a6a6a; } #DEPRECATED_STYLES .Footer .Link--secondary:hover, #DEPRECATED_STYLES .Footer .Form__Input::-moz-placeholder, #DEPRECATED_STYLES .Footer #shopify-product-reviews .spr-form-input-text::-moz-placeholder, #DEPRECATED_STYLES #shopify-product-reviews .Footer .spr-form-input-text::-moz-placeholder, #DEPRECATED_STYLES .Footer #shopify-product-reviews .spr-form-input-email::-moz-placeholder, #DEPRECATED_STYLES #shopify-product-reviews .Footer .spr-form-input-email::-moz-placeholder, #DEPRECATED_STYLES .Footer #shopify-product-reviews .spr-form-input-textarea::-moz-placeholder, #DEPRECATED_STYLES #shopify-product-reviews .Footer .spr-form-input-textarea::-moz-placeholder { color: #6a6a6a; } #DEPRECATED_STYLES .Footer .Link--secondary:hover, #DEPRECATED_STYLES .Footer .Form__Input:-ms-input-placeholder, #DEPRECATED_STYLES .Footer #shopify-product-reviews .spr-form-input-text:-ms-input-placeholder, #DEPRECATED_STYLES #shopify-product-reviews .Footer .spr-form-input-text:-ms-input-placeholder, #DEPRECATED_STYLES .Footer #shopify-product-reviews .spr-form-input-email:-ms-input-placeholder, #DEPRECATED_STYLES #shopify-product-reviews .Footer .spr-form-input-email:-ms-input-placeholder, #DEPRECATED_STYLES .Footer #shopify-product-reviews .spr-form-input-textarea:-ms-input-placeholder, #DEPRECATED_STYLES #shopify-product-reviews .Footer .spr-form-input-textarea:-ms-input-placeholder { color: #6a6a6a; } #DEPRECATED_STYLES .Footer .Link--secondary:hover, #DEPRECATED_STYLES .Footer .Form__Input::-ms-input-placeholder, #DEPRECATED_STYLES .Footer #shopify-product-reviews .spr-form-input-text::-ms-input-placeholder, #DEPRECATED_STYLES #shopify-product-reviews .Footer .spr-form-input-text::-ms-input-placeholder, #DEPRECATED_STYLES .Footer #shopify-product-reviews .spr-form-input-email::-ms-input-placeholder, #DEPRECATED_STYLES #shopify-product-reviews .Footer .spr-form-input-email::-ms-input-placeholder, #DEPRECATED_STYLES .Footer #shopify-product-reviews .spr-form-input-textarea::-ms-input-placeholder, #DEPRECATED_STYLES #shopify-product-reviews .Footer .spr-form-input-textarea::-ms-input-placeholder { color: #6a6a6a; } #DEPRECATED_STYLES .Footer .Link--secondary:hover, #DEPRECATED_STYLES .Footer .Form__Input::placeholder, #DEPRECATED_STYLES .Footer #shopify-product-reviews .spr-form-input-text::placeholder, #DEPRECATED_STYLES #shopify-product-reviews .Footer .spr-form-input-text::placeholder, #DEPRECATED_STYLES .Footer #shopify-product-reviews .spr-form-input-email::placeholder, #DEPRECATED_STYLES #shopify-product-reviews .Footer .spr-form-input-email::placeholder, #DEPRECATED_STYLES .Footer #shopify-product-reviews .spr-form-input-textarea::placeholder, #DEPRECATED_STYLES #shopify-product-reviews .Footer .spr-form-input-textarea::placeholder { color: #6a6a6a; } #DEPRECATED_STYLES .Footer__Block { margin-top: 48px; } @media screen and (max-width: 640px) { #DEPRECATED_STYLES .Footer__Block { margin-top: 32px; } } #DEPRECATED_STYLES .Footer__Block:first-child { margin-top: 0; } #DEPRECATED_STYLES .Footer__Title { margin-bottom: 20px; } #DEPRECATED_STYLES .Footer__Social { margin-top: 5px; } #DEPRECATED_STYLES .Footer__Content + .Footer__Newsletter { margin-top: 18px; } #DEPRECATED_STYLES .Footer__Aside { text-align: center; } #DEPRECATED_STYLES .Footer__Aside .HorizontalList a.Link.Link--primary, #DEPRECATED_STYLES .Footer__Aside .HorizontalList a.Link--primary.shopify-payment-button__more-options { font-size: 13px !important; letter-spacing: 0.5px !important; } #DEPRECATED_STYLES .Footer__Inner + .Footer__Aside { margin-top: 65px; } #DEPRECATED_STYLES .Footer__ThemeAuthor { margin-top: 4px; } #DEPRECATED_STYLES .Footer__PaymentList { margin: 54px -24px 0 -24px; padding-top: 28px; border-top: 1px solid #dbdbdb; } #DEPRECATED_STYLES .Footer__PaymentList svg { opacity: 0.8; width: 38px; height: 24px; } #DEPRECATED_STYLES .Footer__Newsletter .brebrf { padding-left: 0 !important; padding-right: 0 !important; } #DEPRECATED_STYLES .Footer__Newsletter * > { font-family: "Trade Gothic" !important; } #DEPRECATED_STYLES .Footer__Inner h3 { font-weight: bold; } #DEPRECATED_STYLES .Footer__Inner .Linklist.Linklist--submenu > .Linklist__Item { max-width: initial; font-size: 11px; } #DEPRECATED_STYLES .Footer__Inner .Linklist:not(.Linklist--submenu) { display: flex; } @media screen and (max-width: 640px) { #DEPRECATED_STYLES .Footer__Inner .Linklist:not(.Linklist--submenu) { flex-direction: row; column-gap: 2rem; } #DEPRECATED_STYLES .Footer__Inner .Linklist:not(.Linklist--submenu) > .Linklist__Item { margin-bottom: 24px; max-width: initial; font-size: 11px; } } @media screen and (min-width: 641px) { #DEPRECATED_STYLES .Footer__Inner .Linklist:not(.Linklist--submenu) > .Linklist__Item { width: 33%; } #DEPRECATED_STYLES .Footer__Inner .Linklist:not(.Linklist--submenu) > .Linklist__Item.last-child { max-width: 25%; } } #DEPRECATED_STYLES .Footer__StoreName { text-transform: uppercase; } @media screen and (min-width: 641px) { #DEPRECATED_STYLES .Footer { padding: 75px 0 42px 0; } #DEPRECATED_STYLES .Footer--withMargin { margin-top: 80px; } #DEPRECATED_STYLES .Footer__Inner { display: flex; flex-wrap: wrap; justify-content: center; max-width: 1250px; margin: 0 auto; } #DEPRECATED_STYLES .Footer__Block { margin-top: 0; margin-bottom: 50px; } #DEPRECATED_STYLES .Footer__Social { margin-top: 14px; } #DEPRECATED_STYLES .Footer__Aside { text-align: left; display: flex; justify-content: space-between; max-width: 1330px; margin: 50px auto 0; padding-left: 40px; padding-right: 40px; column-gap: 2rem; } #DEPRECATED_STYLES .Footer__Inner + .Footer__Aside { margin-top: 80px; } #DEPRECATED_STYLES .Footer__StoreName { font-size: 11px; } #DEPRECATED_STYLES .Footer__PaymentList { padding: 0; margin: 0 -8px; border: none; } } @media screen and (min-width: 1240px) { #DEPRECATED_STYLES .Footer--withMargin { margin-top: 120px; } #DEPRECATED_STYLES .Footer__Inner { display: flex; flex-wrap: wrap; justify-content: center; } #DEPRECATED_STYLES .Footer--center .Footer__Inner { justify-content: center; } } @media screen and (min-width: 1240px) { #DEPRECATED_STYLES .Footer__Block--links { width: 60%; } #DEPRECATED_STYLES .Footer__Block--newsletter { width: 40%; } } #DEPRECATED_STYLES .GiftCard { text-align: center; } #DEPRECATED_STYLES .GiftCard__Wrapper { position: relative; max-width: 400px; margin: 0 auto; } #DEPRECATED_STYLES .GiftCard__Redeem { margin-bottom: 30px; } #DEPRECATED_STYLES .GiftCard__IllustrationWrapper { position: relative; margin: 40px 0; } #DEPRECATED_STYLES .GiftCard__CodeHolder { position: absolute; display: inline-block; margin: 0 auto; bottom: 20px; left: 50%; white-space: nowrap; padding: 12px 20px; background: #ffffff; border-radius: 3px; transform: translateX(-50%); } #DEPRECATED_STYLES .GiftCard__QrCode { margin: 20px 0; } #DEPRECATED_STYLES .GiftCard__QrCode img { margin: 0 auto; } #DEPRECATED_STYLES .shopify-section--header { position: relative; width: 100%; top: 0; left: 0; z-index: 5; } #DEPRECATED_STYLES .Header .Heading, #DEPRECATED_STYLES .Header .Link--secondary, #DEPRECATED_STYLES .Header .Link--primary:hover { color: #1c1b1b; } #DEPRECATED_STYLES .Header .Text--subdued, #DEPRECATED_STYLES .Header .Link--primary, #DEPRECATED_STYLES .Header .Link--secondary:hover { color: #6a6a6a; } #DEPRECATED_STYLES .Header { background: white; color: #1c1b1b; transition: background 0.3s ease-in-out, box-shadow 0.3s ease-in-out; } #DEPRECATED_STYLES .Header__Wrapper { display: flex; align-items: center; justify-content: space-between; padding: 15px 18px; } #DEPRECATED_STYLES body.template-index .Header__Wrapper { position: absolute; width: 100%; z-index: 100; } #DEPRECATED_STYLES body.template-index .Header__Wrapper:not(:hover):not(.scrolling) .Header__Logo svg { fill: white; } #DEPRECATED_STYLES body.template-index .Header__Wrapper:not(:hover):not(.scrolling) .HorizontalList__Item .Heading:not(.MegaMenu__Title) { color: white; } #DEPRECATED_STYLES body.template-index .Header__Wrapper:hover, #DEPRECATED_STYLES body.template-index .Header__Wrapper.scrolling { background-color: white; color: #1c1b1b; transition: background-color 300ms ease-out; } #DEPRECATED_STYLES .Header__Logo { position: relative; margin-bottom: 0; } #DEPRECATED_STYLES .Header__Logo svg { width: 200px; } #DEPRECATED_STYLES .Header__LogoLink, #DEPRECATED_STYLES .Header__LogoImage { display: block; } #DEPRECATED_STYLES .Header__LogoImage { margin: 0 auto; transition: opacity 0.3s ease-in-out; } #DEPRECATED_STYLES .Header__LogoImage--transparent { position: absolute; top: 0; left: 0; opacity: 0; } #DEPRECATED_STYLES .Header__Icon { display: inline-block; line-height: 1; transition: color 0.2s ease-in-out; } #DEPRECATED_STYLES .Header__Icon span { display: block; } #DEPRECATED_STYLES .Header__Icon + .Header__Icon { margin-left: 18px; } #DEPRECATED_STYLES .supports-sticky .Search[aria-hidden="true"] + .Header--transparent { background: transparent; } #DEPRECATED_STYLES .supports-sticky .Search[aria-hidden="true"] + .Header--transparent .Header__LogoImage--primary:not(:only-child) { opacity: 0; } #DEPRECATED_STYLES .supports-sticky .Search[aria-hidden="true"] + .Header--transparent .Header__LogoImage--transparent { opacity: 1; } #DEPRECATED_STYLES .supports-sticky .Search[aria-hidden="true"] + .Header--transparent .Header__Icon svg { -webkit-filter: drop-shadow(0 1px rgba(0, 0, 0, 0.25)); filter: drop-shadow(0 1px rgba(0, 0, 0, 0.25)); } #DEPRECATED_STYLES .supports-sticky .Search[aria-hidden="true"] + .Header--transparent .Header__Icon, #DEPRECATED_STYLES .supports-sticky .Search[aria-hidden="true"] + .Header--transparent .Header__CurrencySelector, #DEPRECATED_STYLES .supports-sticky .Search[aria-hidden="true"] + .Header--transparent .HorizontalList__Item > .Heading, #DEPRECATED_STYLES .supports-sticky .Search[aria-hidden="true"] + .Header--transparent .Header__LogoLink > .Heading, #DEPRECATED_STYLES .supports-sticky .Search[aria-hidden="true"] + .Header--transparent .Text--subdued { color: currentColor; } #DEPRECATED_STYLES .Header__Icon .Icon--nav { height: 14px; width: 20px; } #DEPRECATED_STYLES .Header__Icon .Icon--cart { width: 17px; height: 20px; } #DEPRECATED_STYLES .Header__Icon .Icon--search { position: relative; top: 1px; /* for pixel perfect */ width: 18px; height: 17px; } #DEPRECATED_STYLES .Header__FlexItem { display: flex; } #DEPRECATED_STYLES .Header__FlexItem--fill { flex: 1 0 0; align-items: center; } #DEPRECATED_STYLES .Header__FlexItem--fill:last-child { justify-content: flex-end; } #DEPRECATED_STYLES .Header__CartDot { position: absolute; top: 2px; right: -6px; width: 8px; height: 8px; border-radius: 100%; background-color: #1c1b1b; box-shadow: 0 0 0 2px white; transform: scale(0); transition: all 0.3s ease-in-out; } #DEPRECATED_STYLES .Header__CartDot.is-visible { transform: scale(1); } #DEPRECATED_STYLES .Search[aria-hidden="true"] + .Header--transparent .Header__CartDot { box-shadow: none; background-color: currentColor; } @media screen and (min-width: 641px) { #DEPRECATED_STYLES .Header__Wrapper { padding: 28px 30px; } #DEPRECATED_STYLES .Header__LogoImage { max-width: 100%; } #DEPRECATED_STYLES .Header__Icon + .Header__Icon { margin-left: 25px; } #DEPRECATED_STYLES .Header__Icon .Icon--nav-desktop { height: 17px; width: 24px; } #DEPRECATED_STYLES .Header__Icon .Icon--cart-desktop { height: 23px; width: 19px; } #DEPRECATED_STYLES .Header__Icon .Icon--search-desktop { position: relative; top: 2px; /* for pixel perfect alignment with the cart icon */ width: 21px; height: 21px; } #DEPRECATED_STYLES .Header__Icon .Icon--account { position: relative; top: 2px; /* for pixel perfect alignment with the cart icon */ width: 20px; height: 20px; } #DEPRECATED_STYLES .Header--withIcons .Header__SecondaryNav { position: relative; top: 1px; /* for pixel perfect alignment with icons */ margin-right: 32px; } } @media screen and (min-width: 1240px) { #DEPRECATED_STYLES .js .Header__Wrapper { opacity: 0; transition: opacity 0.3s ease-in-out; } #DEPRECATED_STYLES .Header:not(.Header--sidebar) .Header__Wrapper { padding: 28px 50px; } #DEPRECATED_STYLES .Header__CurrencySelector { display: inline-block; } #DEPRECATED_STYLES .Header__MainNav { margin-right: 45px; } #DEPRECATED_STYLES .Header--inline .Header__FlexItem:first-child .Header__CurrencySelector, #DEPRECATED_STYLES .Header--logoLeft .Header__FlexItem:first-child .Header__CurrencySelector { display: none; } #DEPRECATED_STYLES .Header--logoLeft .Header__FlexItem--fill:last-child { flex: 1 0 0; } #DEPRECATED_STYLES .Header--center { /* Ugly hack !! */ } #DEPRECATED_STYLES .Header--center .Header__Wrapper.Header__Wrapper { /* Ugly hack to increase CSS precedence */ padding-bottom: 24px; } #DEPRECATED_STYLES .Header--center .Header__MainNav { position: absolute; bottom: 0; left: 0; padding-bottom: 18px; width: 100%; text-align: center; } #DEPRECATED_STYLES .Header--center .Header__MainNav .HorizontalList { margin-left: 0; margin-right: 0; } #DEPRECATED_STYLES .Header--center .Header__FlexItem { margin-bottom: 40px; } #DEPRECATED_STYLES .Header--center .Header__FlexItem:last-child .Header__CurrencySelector { display: none; } #DEPRECATED_STYLES .Header--initialized .Header__Wrapper { opacity: 1; } #DEPRECATED_STYLES .Header__MainNav .Heading, #DEPRECATED_STYLES .Header__SecondaryNav .Heading { font-family: "Trade Gothic"; font-weight: 300; font-size: 11px; letter-spacing: 0.385px; } #DEPRECATED_STYLES .Header__MainNav .Heading.active, #DEPRECATED_STYLES .Header__SecondaryNav .Heading.active { /*font-weight: 600;*/ } #DEPRECATED_STYLES .Header__SecondaryNav { text-transform: uppercase; } } #DEPRECATED_STYLES .Header__LinkSpacer { position: absolute; display: block; bottom: 0; color: transparent; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #DEPRECATED_STYLES .Header__LinkSpacer::after { position: absolute; content: ''; bottom: 0; left: 0; width: 100%; opacity: 0; transform: scale(0, 1); transform-origin: left center; border-bottom: 2px solid #1c1b1b; transition: transform 0.3s, opacity 0.3s; } #DEPRECATED_STYLES .Header__SecondaryNav .CountrySelector { position: relative; } #DEPRECATED_STYLES .Header__SecondaryNav .CountrySelector .Submenu { position: absolute; border: 1px #000 solid; padding: 10px 15px; background-color: #fff; left: -10px; } #DEPRECATED_STYLES .Header__MainNav.item-active .not-expanded a { color: #777; } #DEPRECATED_STYLES .DropdownMenu { position: absolute; visibility: hidden; opacity: 0; top: 100%; padding: 25px 0; min-width: 200px; max-width: 270px; width: -webkit-max-content; width: -moz-max-content; width: max-content; text-align: left; background: white; border: 1px solid #dddddd; border-top: none; transition: all 0.3s ease-in-out; } #DEPRECATED_STYLES .DropdownMenu::before { content: ''; position: absolute; bottom: 100%; left: 0; background: #1c1b1b; width: 100%; height: 2px; transform: scale(0, 1); transform-origin: left center; transition: transform 0.3s; } #DEPRECATED_STYLES .DropdownMenu[aria-hidden="false"] { opacity: 1; visibility: visible; } #DEPRECATED_STYLES .DropdownMenu[aria-hidden="false"]::before { transform: scale(1, 1); } #DEPRECATED_STYLES .DropdownMenu[aria-hidden="false"] .DropdownMenu { display: block; } #DEPRECATED_STYLES .DropdownMenu [aria-haspopup] { position: relative; } #DEPRECATED_STYLES .DropdownMenu .Link, #DEPRECATED_STYLES .DropdownMenu .shopify-payment-button__more-options { padding-left: 25px; padding-right: 40px; } #DEPRECATED_STYLES .DropdownMenu svg { position: absolute; width: 6px; top: calc(50% - 4px); height: 10px; right: 20px; transition: transform 0.2s ease-in-out; } #DEPRECATED_STYLES .DropdownMenu .Linklist__Item:hover svg { transform: translateX(4px); } #DEPRECATED_STYLES .DropdownMenu .Linklist__Item:hover > .Link--secondary { color: #6a6a6a; } #DEPRECATED_STYLES .DropdownMenu .DropdownMenu { display: none; left: 100%; top: -26px; border-top: 1px solid #dddddd; } #DEPRECATED_STYLES .DropdownMenu .DropdownMenu::before { display: none; } #DEPRECATED_STYLES .DropdownMenu .DropdownMenu--reversed { left: auto; right: 100%; } #DEPRECATED_STYLES .MegaMenu { position: absolute; padding: 50px 40px; width: 100%; left: 0; top: 100%; visibility: hidden; opacity: 0; max-height: 600px; overflow: auto; -ms-scroll-chaining: none; overscroll-behavior: contain; text-align: left; background: #f5f5f4; border-bottom: 0; transition: all 0.3s ease-in-out; } @supports (--css: variables) { #DEPRECATED_STYLES .MegaMenu { max-height: calc(100vh - var(--header-height)); } } #DEPRECATED_STYLES .MegaMenu[aria-hidden="false"] { opacity: 1; visibility: visible; } #DEPRECATED_STYLES .MegaMenu__Inner { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: nowrap; /*max-width: 1110px;*/ margin: 0; padding: 0; } #DEPRECATED_STYLES .MegaMenu--spacingEvenly .MegaMenu__Inner { justify-content: flex-start; } #DEPRECATED_STYLES .MegaMenu--spacingCenter .MegaMenu__Inner { justify-content: center; } @supports (display: grid) { #DEPRECATED_STYLES .MegaMenu--grid .MegaMenu__Inner { display: grid; grid-template-columns: repeat(auto-fit, minmax(175px, 175px)); } } #DEPRECATED_STYLES .MegaMenu__Item { flex-shrink: 1; } #DEPRECATED_STYLES .MegaMenu__Item--fit { flex-shrink: 0; } #DEPRECATED_STYLES .MegaMenu__Title { display: block; margin-bottom: 25px; font-size: 12px !important; letter-spacing: .3px !important; text-transform: capitalize !important; font-family: "Trade Gothic" !important; font-weight: 700 !important; } #DEPRECATED_STYLES .MegaMenu__Push { display: inline-block; text-align: center; vertical-align: top; width: 100%; position: relative; } #DEPRECATED_STYLES .MegaMenu__Push--shrink { width: 50%; } #DEPRECATED_STYLES .MegaMenu__Push--shrink:first-child { padding-right: 15px; } #DEPRECATED_STYLES .MegaMenu__Push--shrink:last-child { padding-left: 15px; } #DEPRECATED_STYLES .MegaMenu__PushImageWrapper { margin: 8px auto 20px auto; max-width: 100%; overflow: hidden; margin-bottom: 0; } #DEPRECATED_STYLES .MegaMenu__PushHeading { margin-bottom: 0px; position: absolute; left: 15px; bottom: 5px; text-align: left; width: 100%; font-size: 12px !important; font-weight: 400 !important; } @media (-moz-touch-enabled: 0), (hover: hover) { #DEPRECATED_STYLES .MegaMenu__Push img { transform: scale(1); transition: opacity 0.3s ease, transform 8s cubic-bezier(0.25, 0.46, 0.45, 0.94); } #DEPRECATED_STYLES .MegaMenu__Push:hover img { /*transform: scale(1.2);*/ } } #DEPRECATED_STYLES .ImageHero { position: relative; display: flex; flex-direction: row; align-items: center; justify-content: center; text-align: center; background-size: cover; background-position: center; min-height: 380px; width: 100%; overflow: hidden; } #DEPRECATED_STYLES .ImageHero--small { min-height: 330px; } #DEPRECATED_STYLES .ImageHero--large { min-height: 480px; } #DEPRECATED_STYLES .ImageHero__ImageWrapper, #DEPRECATED_STYLES .ImageHero__Image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; } @media screen and (min-width: 1008px) and (-moz-touch-enabled: 0), screen and (min-width: 1008px) and (hover: hover) { #DEPRECATED_STYLES .ImageHero__Image--parallax { background-attachment: fixed; } } #DEPRECATED_STYLES .ImageHero__ImageWrapper--hasOverlay::before { position: absolute; content: ''; height: 100%; width: 100%; left: 0; top: 0; } #DEPRECATED_STYLES .ImageHero__Wrapper { z-index: 1; } #DEPRECATED_STYLES .ImageHero__ContentOverlay { position: relative; flex-basis: 425px; flex-grow: 0; padding: 0 15px; text-shadow: 0 1px rgba(0, 0, 0, 0.5); } #DEPRECATED_STYLES .ImageHero__TextContent { position: absolute; padding: 0 24px; margin-bottom: 0 !important; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%); text-align: center; } #DEPRECATED_STYLES .ImageHero iframe { position: absolute; height: 100%; width: 200%; left: -50%; pointer-events: none; } #DEPRECATED_STYLES .ImageHero--large iframe { width: 250%; left: -75%; } #DEPRECATED_STYLES .ImageHero iframe[src] { pointer-events: auto; /* When data saver is on in Chrome, it will just set the src but prevents autoplay, so we need to make sure that we make it clickable */ } #DEPRECATED_STYLES .ImageHero__Block { margin: 40px auto; padding: 38px 20px; max-width: 250px; box-shadow: 0 1px 20px rgba(54, 54, 54, 0.3); } #DEPRECATED_STYLES .ImageHero__Block--small { max-width: 165px; } #DEPRECATED_STYLES .ImageHero__Block--large { max-width: 320px; } #DEPRECATED_STYLES .ImageHero__BlockHeading { margin: -0.325em 0 18px 0; } #DEPRECATED_STYLES .ImageHero__BlockContent + .ImageHero__BlockLink { margin-top: 18px; } @media screen and (max-width: 640px) { #DEPRECATED_STYLES .ImageHero__Block { font-size: 11px; } } @media screen and (min-width: 641px) { #DEPRECATED_STYLES .ImageHero { min-height: 450px; } #DEPRECATED_STYLES .ImageHero--small { min-height: 400px; } #DEPRECATED_STYLES .ImageHero--large { min-height: 500px; } #DEPRECATED_STYLES .ImageHero iframe { width: 100%; height: 200%; left: 0; } #DEPRECATED_STYLES .ImageHero__Block { padding: 48px 15px; max-width: 380px; } #DEPRECATED_STYLES .ImageHero__Block--small { max-width: 240px; } #DEPRECATED_STYLES .ImageHero__Block--large { max-width: 520px; } #DEPRECATED_STYLES .ImageHero__TextContent { padding: 0 40px; bottom: 40px; top: auto; left: 0; transform: none; text-align: left; } } @media screen and (min-width: 1240px) { #DEPRECATED_STYLES .ImageHero { min-height: 500px; } #DEPRECATED_STYLES .ImageHero--small { min-height: 450px; } #DEPRECATED_STYLES .ImageHero--large { min-height: 600px; } #DEPRECATED_STYLES .ImageHero__TextContent { padding: 0 50px; bottom: 50px; } } #DEPRECATED_STYLES .Instafeed { height: 250px; } #DEPRECATED_STYLES .Instafeed__Cell { width: 250px; margin: 0 5px; overflow: hidden; } #DEPRECATED_STYLES .Instafeed__Image { position: relative; display: block; height: 100%; background-size: cover; background-position: center center; } #DEPRECATED_STYLES .Instafeed__Overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 25px; background: #1c1b1b; color: white; text-align: left; opacity: 0; transition: opacity 0.2s ease-in-out; } #DEPRECATED_STYLES .Instafeed__LikeCount { font-size: 13px; } #DEPRECATED_STYLES .Instafeed__LikeCount svg { margin-right: 8px; width: 17px; height: 15px; vertical-align: sub; } #DEPRECATED_STYLES .Instafeed__Caption { position: relative; height: 6.6em; /* this is four times the default line height */ margin: 20px 0; overflow: hidden; word-break: break-word; } #DEPRECATED_STYLES .Instafeed__Caption::after { position: absolute; content: ''; right: 0; bottom: 0; width: 70%; height: 1.6em; text-align: right; background: linear-gradient(to right, rgba(28, 27, 27, 0), #1c1b1b 50%); } #DEPRECATED_STYLES .Instafeed__Date { position: absolute; bottom: 18px; color: inherit; text-transform: uppercase; } @media (-moz-touch-enabled: 0), (hover: hover) { #DEPRECATED_STYLES .Instafeed__Cell:hover .Instafeed__Overlay { opacity: 1; } } @media screen and (max-width: 1007px) { #DEPRECATED_STYLES .Instafeed .flickity-prev-next-button { display: none; } } @media screen and (min-width: 641px) { #DEPRECATED_STYLES .Instafeed { height: calc(100vw / 2 - 70px); } #DEPRECATED_STYLES .Instafeed__Cell { width: calc(100vw / 2 - 70px); } } @media screen and (min-width: 1008px) { #DEPRECATED_STYLES .Instafeed { height: calc(100vw / 3 - 60px); } #DEPRECATED_STYLES .Instafeed__Cell { width: calc(100vw / 3 - 60px); } #DEPRECATED_STYLES .Instafeed .flickity-prev-next-button.previous { top: calc(50% - (45px / 2)); left: 25px; } #DEPRECATED_STYLES .Instafeed .flickity-prev-next-button.next { top: calc(50% - (45px / 2)); right: 25px; } } @media screen and (min-width: 1240px) { #DEPRECATED_STYLES .Instafeed { height: calc(100vw / 3 - 180px); } #DEPRECATED_STYLES .Instafeed__Cell { width: calc(100vw / 3 - 180px); } } @media screen and (min-width: 1500px) { #DEPRECATED_STYLES .Instafeed__Caption { height: 9.9em; /* this is six times the default line height */ } } #DEPRECATED_STYLES .NewsletterPopup { position: fixed; bottom: 15px; left: 15px; width: calc(100% - 30px); padding: 24px 30px 30px 30px; background: #1c1b1b; color: white; z-index: 50; text-align: center; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); visibility: hidden; transform: translateY(25px); opacity: 0; transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); } #DEPRECATED_STYLES .NewsletterPopup .Heading { color: inherit; } #DEPRECATED_STYLES .NewsletterPopup .Form__Input::-webkit-input-placeholder, #DEPRECATED_STYLES .NewsletterPopup #shopify-product-reviews .spr-form-input-text::-webkit-input-placeholder, #DEPRECATED_STYLES #shopify-product-reviews .NewsletterPopup .spr-form-input-text::-webkit-input-placeholder, #DEPRECATED_STYLES .NewsletterPopup #shopify-product-reviews .spr-form-input-email::-webkit-input-placeholder, #DEPRECATED_STYLES #shopify-product-reviews .NewsletterPopup .spr-form-input-email::-webkit-input-placeholder, #DEPRECATED_STYLES .NewsletterPopup #shopify-product-reviews .spr-form-input-textarea::-webkit-input-placeholder, #DEPRECATED_STYLES #shopify-product-reviews .NewsletterPopup .spr-form-input-textarea::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.6); } #DEPRECATED_STYLES .NewsletterPopup .Form__Input::-moz-placeholder, #DEPRECATED_STYLES .NewsletterPopup #shopify-product-reviews .spr-form-input-text::-moz-placeholder, #DEPRECATED_STYLES #shopify-product-reviews .NewsletterPopup .spr-form-input-text::-moz-placeholder, #DEPRECATED_STYLES .NewsletterPopup #shopify-product-reviews .spr-form-input-email::-moz-placeholder, #DEPRECATED_STYLES #shopify-product-reviews .NewsletterPopup .spr-form-input-email::-moz-placeholder, #DEPRECATED_STYLES .NewsletterPopup #shopify-product-reviews .spr-form-input-textarea::-moz-placeholder, #DEPRECATED_STYLES #shopify-product-reviews .NewsletterPopup .spr-form-input-textarea::-moz-placeholder { color: rgba(255, 255, 255, 0.6); } #DEPRECATED_STYLES .NewsletterPopup .Form__Input:-ms-input-placeholder, #DEPRECATED_STYLES .NewsletterPopup #shopify-product-reviews .spr-form-input-text:-ms-input-placeholder, #DEPRECATED_STYLES #shopify-product-reviews .NewsletterPopup .spr-form-input-text:-ms-input-placeholder, #DEPRECATED_STYLES .NewsletterPopup #shopify-product-reviews .spr-form-input-email:-ms-input-placeholder, #DEPRECATED_STYLES #shopify-product-reviews .NewsletterPopup .spr-form-input-email:-ms-input-placeholder, #DEPRECATED_STYLES .NewsletterPopup #shopify-product-reviews .spr-form-input-textarea:-ms-input-placeholder, #DEPRECATED_STYLES #shopify-product-reviews .NewsletterPopup .spr-form-input-textarea:-ms-input-placeholder { color: rgba(255, 255, 255, 0.6); } #DEPRECATED_STYLES .NewsletterPopup .Form__Input::-ms-input-placeholder, #DEPRECATED_STYLES .NewsletterPopup #shopify-product-reviews .spr-form-input-text::-ms-input-placeholder, #DEPRECATED_STYLES #shopify-product-reviews .NewsletterPopup .spr-form-input-text::-ms-input-placeholder, #DEPRECATED_STYLES .NewsletterPopup #shopify-product-reviews .spr-form-input-email::-ms-input-placeholder, #DEPRECATED_STYLES #shopify-product-reviews .NewsletterPopup .spr-form-input-email::-ms-input-placeholder, #DEPRECATED_STYLES .NewsletterPopup #shopify-product-reviews .spr-form-input-textarea::-ms-input-placeholder, #DEPRECATED_STYLES #shopify-product-reviews .NewsletterPopup .spr-form-input-textarea::-ms-input-placeholder { color: rgba(255, 255, 255, 0.6); } #DEPRECATED_STYLES .NewsletterPopup .Form__Input::placeholder, #DEPRECATED_STYLES .NewsletterPopup #shopify-product-reviews .spr-form-input-text::placeholder, #DEPRECATED_STYLES #shopify-product-reviews .NewsletterPopup .spr-form-input-text::placeholder, #DEPRECATED_STYLES .NewsletterPopup #shopify-product-reviews .spr-form-input-email::placeholder, #DEPRECATED_STYLES #shopify-product-reviews .NewsletterPopup .spr-form-input-email::placeholder, #DEPRECATED_STYLES .NewsletterPopup #shopify-product-reviews .spr-form-input-textarea::placeholder, #DEPRECATED_STYLES #shopify-product-reviews .NewsletterPopup .spr-form-input-textarea::placeholder { color: rgba(255, 255, 255, 0.6); } #DEPRECATED_STYLES .NewsletterPopup .Form__Input, #DEPRECATED_STYLES .NewsletterPopup #shopify-product-reviews .spr-form-input-text, #DEPRECATED_STYLES #shopify-product-reviews .NewsletterPopup .spr-form-input-text, #DEPRECATED_STYLES .NewsletterPopup #shopify-product-reviews .spr-form-input-email, #DEPRECATED_STYLES #shopify-product-reviews .NewsletterPopup .spr-form-input-email, #DEPRECATED_STYLES .NewsletterPopup #shopify-product-reviews .spr-form-input-textarea, #DEPRECATED_STYLES #shopify-product-reviews .NewsletterPopup .spr-form-input-textarea { border-color: rgba(255, 255, 255, 0.4); } #DEPRECATED_STYLES .NewsletterPopup .Form__Input:focus, #DEPRECATED_STYLES .NewsletterPopup #shopify-product-reviews .spr-form-input-text:focus, #DEPRECATED_STYLES #shopify-product-reviews .NewsletterPopup .spr-form-input-text:focus, #DEPRECATED_STYLES .NewsletterPopup #shopify-product-reviews .spr-form-input-email:focus, #DEPRECATED_STYLES #shopify-product-reviews .NewsletterPopup .spr-form-input-email:focus, #DEPRECATED_STYLES .NewsletterPopup #shopify-product-reviews .spr-form-input-textarea:focus, #DEPRECATED_STYLES #shopify-product-reviews .NewsletterPopup .spr-form-input-textarea:focus { border-color: white; } #DEPRECATED_STYLES .NewsletterPopup .Button, #DEPRECATED_STYLES .NewsletterPopup .shopify-payment-button__button--unbranded, #DEPRECATED_STYLES .NewsletterPopup #shopify-product-reviews .spr-summary-actions-newreview, #DEPRECATED_STYLES #shopify-product-reviews .NewsletterPopup .spr-summary-actions-newreview, #DEPRECATED_STYLES .NewsletterPopup #shopify-product-reviews .spr-button-primary:not(input), #DEPRECATED_STYLES #shopify-product-reviews .NewsletterPopup .spr-button-primary:not(input), #DEPRECATED_STYLES .NewsletterPopup #shopify-product-reviews input.spr-button-primary, #DEPRECATED_STYLES #shopify-product-reviews .NewsletterPopup input.spr-button-primary, #DEPRECATED_STYLES .NewsletterPopup #shopify-product-reviews .spr-pagination-prev > a, #DEPRECATED_STYLES #shopify-product-reviews .NewsletterPopup .spr-pagination-prev > a, #DEPRECATED_STYLES .NewsletterPopup #shopify-product-reviews .spr-pagination-next > a, #DEPRECATED_STYLES #shopify-product-reviews .NewsletterPopup .spr-pagination-next > a { color: #1c1b1b; border-color: white; } #DEPRECATED_STYLES .NewsletterPopup .Button::before, #DEPRECATED_STYLES .NewsletterPopup .shopify-payment-button__button--unbranded::before, #DEPRECATED_STYLES .NewsletterPopup #shopify-product-reviews .spr-summary-actions-newreview::before, #DEPRECATED_STYLES #shopify-product-reviews .NewsletterPopup .spr-summary-actions-newreview::before, #DEPRECATED_STYLES .NewsletterPopup #shopify-product-reviews .spr-button-primary:not(input)::before, #DEPRECATED_STYLES #shopify-product-reviews .NewsletterPopup .spr-button-primary:not(input)::before, #DEPRECATED_STYLES .NewsletterPopup #shopify-product-reviews input.spr-button-primary::before, #DEPRECATED_STYLES #shopify-product-reviews .NewsletterPopup input.spr-button-primary::before, #DEPRECATED_STYLES .NewsletterPopup #shopify-product-reviews .spr-pagination-prev > a::before, #DEPRECATED_STYLES #shopify-product-reviews .NewsletterPopup .spr-pagination-prev > a::before, #DEPRECATED_STYLES .NewsletterPopup #shopify-product-reviews .spr-pagination-next > a::before, #DEPRECATED_STYLES #shopify-product-reviews .NewsletterPopup .spr-pagination-next > a::before { background-color: white; } @media (-moz-touch-enabled: 0), (hover: hover) { #DEPRECATED_STYLES .NewsletterPopup .Button:not([disabled]):hover, #DEPRECATED_STYLES .NewsletterPopup .shopify-payment-button__button--unbranded:not([disabled]):hover, #DEPRECATED_STYLES .NewsletterPopup #shopify-product-reviews .spr-summary-actions-newreview:not([disabled]):hover, #DEPRECATED_STYLES #shopify-product-reviews .NewsletterPopup .spr-summary-actions-newreview:not([disabled]):hover, #DEPRECATED_STYLES .NewsletterPopup #shopify-product-reviews .spr-button-primary:not([disabled]):hover:not(input), #DEPRECATED_STYLES #shopify-product-reviews .NewsletterPopup .spr-button-primary:not([disabled]):hover:not(input), #DEPRECATED_STYLES .NewsletterPopup #shopify-product-reviews input.spr-button-primary:not([disabled]):hover, #DEPRECATED_STYLES #shopify-product-reviews .NewsletterPopup input.spr-button-primary:not([disabled]):hover, #DEPRECATED_STYLES .NewsletterPopup #shopify-product-reviews .spr-pagination-prev > a:not([disabled]):hover, #DEPRECATED_STYLES #shopify-product-reviews .NewsletterPopup .spr-pagination-prev > a:not([disabled]):hover, #DEPRECATED_STYLES .NewsletterPopup #shopify-product-reviews .spr-pagination-next > a:not([disabled]):hover, #DEPRECATED_STYLES #shopify-product-reviews .NewsletterPopup .spr-pagination-next > a:not([disabled]):hover { color: white; background-color: transparent; } } #DEPRECATED_STYLES .NewsletterPopup[aria-hidden="false"] { transform: translateY(0); opacity: 1; visibility: visible; } #DEPRECATED_STYLES .NewsletterPopup__Close { position: absolute; right: 15px; top: 15px; } #DEPRECATED_STYLES .NewsletterPopup__Close svg { display: block; width: 15px; height: 15px; } #DEPRECATED_STYLES .NewsletterPopup__Content a { text-decoration: underline; text-underline-position: under; } #DEPRECATED_STYLES .NewsletterPopup__Form { margin-top: 32px; } @media screen and (min-width: 641px) { #DEPRECATED_STYLES .NewsletterPopup { max-width: 385px; right: 25px; bottom: 25px; left: auto; padding-top: 35px; } #DEPRECATED_STYLES .NewsletterPopup__Close svg { width: 18px; height: 18px; } } #DEPRECATED_STYLES .Password { display: flex; flex-direction: column; justify-content: space-between; padding: 24px; width: 100%; min-height: 100vh; background-size: cover; background-position: center; } @supports (--css: variables) { @media screen and (max-width: 1007px) { #DEPRECATED_STYLES .Password { min-height: var(--window-height); } } } #DEPRECATED_STYLES .Password__Header { position: relative; text-align: center; } #DEPRECATED_STYLES .Password__Logo { display: block; line-height: 1; } #DEPRECATED_STYLES .Password__LogoImage { vertical-align: middle; } #DEPRECATED_STYLES .Password__LockAction { position: absolute; right: 0; top: 50%; transform: translateY(-50%); } #DEPRECATED_STYLES .Password__LockAction svg { margin-left: 10px; width: 20px; height: 20px; vertical-align: bottom; } #DEPRECATED_STYLES .Password__Content { width: 470px; max-width: 100%; margin: 35px auto; } #DEPRECATED_STYLES .Password__Newsletter { margin-bottom: 10px; } #DEPRECATED_STYLES .Password__Card { padding: 24px; background: white; text-align: center; } #DEPRECATED_STYLES .Password__Message { font-size: 13px; } #DEPRECATED_STYLES .Password__Form { margin-top: 28px; } #DEPRECATED_STYLES .Password__Form .Button, #DEPRECATED_STYLES .Password__Form .shopify-payment-button__button--unbranded, #DEPRECATED_STYLES .Password__Form #shopify-product-reviews .spr-summary-actions-newreview, #DEPRECATED_STYLES #shopify-product-reviews .Password__Form .spr-summary-actions-newreview, #DEPRECATED_STYLES .Password__Form #shopify-product-reviews .spr-button-primary:not(input), #DEPRECATED_STYLES #shopify-product-reviews .Password__Form .spr-button-primary:not(input), #DEPRECATED_STYLES .Password__Form #shopify-product-reviews input.spr-button-primary, #DEPRECATED_STYLES #shopify-product-reviews .Password__Form input.spr-button-primary, #DEPRECATED_STYLES .Password__Form #shopify-product-reviews .spr-pagination-prev > a, #DEPRECATED_STYLES #shopify-product-reviews .Password__Form .spr-pagination-prev > a, #DEPRECATED_STYLES .Password__Form #shopify-product-reviews .spr-pagination-next > a, #DEPRECATED_STYLES #shopify-product-reviews .Password__Form .spr-pagination-next > a { flex: none; margin-bottom: 0; margin-top: 15px; width: 100%; } #DEPRECATED_STYLES .Password__Social { padding: 22px 25px 22px 28px; background: white; text-align: center; } #DEPRECATED_STYLES .Password__ShareButtons { margin-top: 15px; } @media screen and (min-width: 641px) { #DEPRECATED_STYLES .Password__Content { margin: 80px auto; } #DEPRECATED_STYLES .Password__Card { padding: 45px 60px 50px 60px; } #DEPRECATED_STYLES .Password__Form .Button, #DEPRECATED_STYLES .Password__Form .shopify-payment-button__button--unbranded, #DEPRECATED_STYLES .Password__Form #shopify-product-reviews .spr-summary-actions-newreview, #DEPRECATED_STYLES #shopify-product-reviews .Password__Form .spr-summary-actions-newreview, #DEPRECATED_STYLES .Password__Form #shopify-product-reviews .spr-button-primary:not(input), #DEPRECATED_STYLES #shopify-product-reviews .Password__Form .spr-button-primary:not(input), #DEPRECATED_STYLES .Password__Form #shopify-product-reviews input.spr-button-primary, #DEPRECATED_STYLES #shopify-product-reviews .Password__Form input.spr-button-primary, #DEPRECATED_STYLES .Password__Form #shopify-product-reviews .spr-pagination-prev > a, #DEPRECATED_STYLES #shopify-product-reviews .Password__Form .spr-pagination-prev > a, #DEPRECATED_STYLES .Password__Form #shopify-product-reviews .spr-pagination-next > a, #DEPRECATED_STYLES #shopify-product-reviews .Password__Form .spr-pagination-next > a { width: auto; margin-top: 0; } #DEPRECATED_STYLES .Password__Social { display: flex; justify-content: space-between; align-items: center; text-align: left; } #DEPRECATED_STYLES .Password__ShareButtons { margin-top: 0; margin-left: 15px; flex-shrink: 0; } } #DEPRECATED_STYLES .Password__Footer { text-align: center; } #DEPRECATED_STYLES .Password__AdminLink { display: block; margin-top: 15px; } #DEPRECATED_STYLES .Password__Footer svg { width: 70px; height: 20px; vertical-align: bottom; margin-left: 2px; } @media screen and (min-width: 641px) { #DEPRECATED_STYLES .Password__Footer { display: flex; justify-content: space-between; text-align: left; } #DEPRECATED_STYLES .Password__AdminLink { margin-top: 0; } } #DEPRECATED_STYLES .Password__Modal { display: flex; justify-content: center; } #DEPRECATED_STYLES .Product { position: relative; margin: 0 auto 50px auto; max-width: unset; } #DEPRECATED_STYLES .Product--fill { max-width: none; } @media screen and (min-width: 641px) { #DEPRECATED_STYLES .Product { margin-bottom: 80px; } } @media screen and (min-width: 1008px) { #DEPRECATED_STYLES .Product__Wrapper { /*max-width: calc(100% - 525px);*/ display: flex; margin-left: 0; } } @media screen and (min-width: 1240px) { #DEPRECATED_STYLES .Product__Wrapper { /*max-width: 50vw;*/ } #DEPRECATED_STYLES .Product__Slideshow { width: 92%; margin-right: 0; padding-left: 15px; } #DEPRECATED_STYLES .Product__SlideshowNav { width: 8%; position: absolute; top: 55px !important; margin: 0 !important; left: 0; } #DEPRECATED_STYLES .Product--small .Product__Slideshow { max-width: 400px; } #DEPRECATED_STYLES .Product--medium .Product__Slideshow { max-width: 550px; } } @media screen and (min-width: 1500px) { #DEPRECATED_STYLES .Product__Wrapper { display: flex; column-gap: 2rem; /*max-width: 50vw;*/ } #DEPRECATED_STYLES .Product__Wrapper .Product__Slideshow { width: 92%; margin-right: 0; padding-left: 15px; } #DEPRECATED_STYLES .Product__Wrapper .Product__SlideshowNav { width: 8%; position: absolute; top: 50%; margin: 0; left: 0; } } #DEPRECATED_STYLES .Breadcrumb { position: relative; top: 30px; left: 50px; } @media screen and (max-width: 640px) { #DEPRECATED_STYLES .Breadcrumb { position: initial; top: initial; left: initial; font-size: 11px; padding: 14px; } } #DEPRECATED_STYLES .Product__Gallery { position: relative; margin-bottom: 28px; } #DEPRECATED_STYLES .Product__Gallery .Product__SlideshowNav.Product__SlideshowNav--thumbnails, #DEPRECATED_STYLES .Product__Gallery .Product__SlideshowNavScroller { height: 100%; } #DEPRECATED_STYLES .Product__Gallery .flickity-prev-next-button { position: absolute; top: calc(50% - 40px); transform: translateY(-50%); } #DEPRECATED_STYLES .Product__Gallery .flickity-prev-next-button.previous { left: 40px; } #DEPRECATED_STYLES .Product__Gallery .flickity-prev-next-button.next { right: 30px; } #DEPRECATED_STYLES .Product__Gallery .flickity-prev-next-button svg { height: 40px; } #DEPRECATED_STYLES .Product__Slideshow::after { content: 'flickity'; display: none; } #DEPRECATED_STYLES .Product__SlideItem { position: relative; } #DEPRECATED_STYLES .Product__SlideItem video { max-width: 100%; } #DEPRECATED_STYLES .Product__SlideItem--video { cursor: pointer; } #DEPRECATED_STYLES .Product__SlideItem--video .Video__PlayButton { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #ffffff; } #DEPRECATED_STYLES .Product__SlideItem--video .Video__PlayButton svg { transition: transform 0.2s ease-in-out; } #DEPRECATED_STYLES .Product__SlideItem--video:hover .Video__PlayButton svg { transform: scale(1.1); } #DEPRECATED_STYLES .Product__Video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000000; } #DEPRECATED_STYLES .Product__SlideshowNav { display: none; } @media screen and (min-width: 641px) { #DEPRECATED_STYLES .Product__Gallery { width: 50vw; margin-bottom: 65px; } } @media screen and (min-width: 1008px) { #DEPRECATED_STYLES { /* Dots */ /* Thumbnails */ /* When the gallery is stack we have various adjusments to do */ } #DEPRECATED_STYLES .Product__Slideshow { padding-top: 0; } #DEPRECATED_STYLES .Product__Gallery { margin-left: 50px; } #DEPRECATED_STYLES .Product__SlideshowNav--dots { display: block; } #DEPRECATED_STYLES .Product__SlideItem { display: block !important; text-align: center; } #DEPRECATED_STYLES .Product__Slideshow--zoomable .Product__SlideItem--image { cursor: url("//citizensofhumanity.com/cdn/shop/t/65/assets/cursor-zoom-in.svg?v=112861594856381782121696523768") 18 18, zoom-in; cursor: -webkit-image-set(url("//citizensofhumanity.com/cdn/shop/t/65/assets/cursor-zoom-in.svg?v=112861594856381782121696523768") 1x, url("//citizensofhumanity.com/cdn/shop/t/65/assets/cursor-zoom-in-2x.svg?v=157336408056954396071696523768") 2x), zoom-in; } #DEPRECATED_STYLES .Product__SlideshowNav--dots .Product__SlideshowNavScroller { position: -webkit-sticky; position: sticky; top: 50%; transform: translateY(-50%); } @supports (--css: variables) { #DEPRECATED_STYLES .Product__SlideshowNav--dots .Product__SlideshowNavScroller { top: calc(50% + (var(--header-height) / 2)); } } #DEPRECATED_STYLES .Product__SlideshowNavDot { display: block; height: 10px; width: 10px; border-radius: 100%; border: 2px solid #dddddd; background: transparent; transition: all 0.2s ease-in-out; } #DEPRECATED_STYLES .Product__SlideshowNavDot:not(:last-child) { margin-bottom: 12px; } #DEPRECATED_STYLES .Product__SlideshowNavDot.is-selected { border-color: #1c1b1b; background: #1c1b1b; } #DEPRECATED_STYLES .Product__SlideshowNavImage { display: block; border: 1px solid transparent; transition: all 0.2s ease-in-out; cursor: pointer; } #DEPRECATED_STYLES .Product__SlideshowNavImage:not(:last-child) { margin-bottom: 18px; } #DEPRECATED_STYLES .Product__SlideshowNavImage.is-selected { border-color: #1c1b1b; } #DEPRECATED_STYLES .Product__SlideshowNavPlay { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #ffffff; -webkit-filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2)); filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2)); } #DEPRECATED_STYLES .Product__SlideshowNavPlay svg { width: 30px; height: 30px; transition: transform 0.2s ease-in-out; } #DEPRECATED_STYLES .Product__SlideshowNavImage--video:hover svg { transform: scale(1.1); } #DEPRECATED_STYLES .Product__Gallery--stack { /* On desktop we use a different apparition effect than fade in if images are stacked */ /* Thumbnails */ } #DEPRECATED_STYLES .Product__Gallery--stack .Product__SlideshowNav { position: absolute; top: 0; left: 0; height: 100%; z-index: 1; } #DEPRECATED_STYLES .Product__Gallery--stack .Product__SlideshowNav--dots { left: -30px; } #DEPRECATED_STYLES .Product__Gallery--stack .Product__Slideshow::after { content: ''; /* Disable Flickity */ } #DEPRECATED_STYLES .Product__Gallery--stack .Product__Slideshow .Image--fadeIn { transform: translateY(50px); opacity: 0; transition: transform 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); } #DEPRECATED_STYLES .Product__Gallery--stack .Product__Slideshow .Image--lazyLoaded.Image--fadeIn { transform: translateY(0); opacity: 1; } #DEPRECATED_STYLES .Product__Gallery--stack .Product__SlideItem--video .Video__PlayButton { transform: translate(-50%, calc(-50% + 50px)); opacity: 0; transition: transform 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); } #DEPRECATED_STYLES .Product__Gallery--stack .Product__SlideItem--video .Image--lazyLoaded ~ .Video__PlayButton { transform: translate(-50%, -50%); opacity: 1; } #DEPRECATED_STYLES .Product__Gallery--stack .Product__SlideItem { margin-bottom: 30px; } #DEPRECATED_STYLES .Product__Gallery--stack .Product__SlideItem:last-child { margin-bottom: 0; } #DEPRECATED_STYLES .Product__Gallery--stack .Product__SlideshowNav--thumbnails { position: -webkit-sticky; position: sticky; padding: 50px 0; top: 80px; margin-bottom: -50px; width: 70px; } @supports (--css: variables) { #DEPRECATED_STYLES .Product__Gallery--stack .Product__SlideshowNav--thumbnails { top: var(--header-height); } } } @media screen and (min-width: 1240px) { #DEPRECATED_STYLES .Product__Gallery { margin-bottom: 80px; } #DEPRECATED_STYLES .Product__Slideshow { margin-left: auto; } #DEPRECATED_STYLES .Product__Gallery--withThumbnails .Product__SlideshowNav--dots { display: none; } #DEPRECATED_STYLES .Product__Gallery--withThumbnails .Product__SlideshowNav--thumbnails { display: block; } #DEPRECATED_STYLES .Product__Gallery--stack.Product__Gallery--withThumbnails { display: flex; } #DEPRECATED_STYLES .Product__Gallery--stack.Product__Gallery--withThumbnails .Product__Slideshow, #DEPRECATED_STYLES .Product__Gallery--stack.Product__Gallery--withThumbnails .Product__SlideshowNav { flex: 1 0 auto; } #DEPRECATED_STYLES .Product__Gallery--stack.Product__Gallery--withThumbnails .Product__SlideshowNav { flex-grow: 0; } #DEPRECATED_STYLES .Product__Gallery--stack.Product__Gallery--withThumbnails .Product__Slideshow { padding-left: 50px; } #DEPRECATED_STYLES .Product__Gallery:not(.Product__Gallery--stack).Product__Gallery--withThumbnails .Product__SlideshowNav { margin: 10px -10px -10px -10px; text-align: center; } #DEPRECATED_STYLES .Product__Gallery:not(.Product__Gallery--stack).Product__Gallery--withThumbnails .Product__SlideshowNavImage { display: inline-block; width: 100%; margin: 0 0 15px; vertical-align: middle; } #DEPRECATED_STYLES .Product__Gallery:not(.Product__Gallery--stack).Product__Gallery--withThumbnails .flickity-page-dots { display: none; } } #DEPRECATED_STYLES .Product__Info, #DEPRECATED_STYLES .Product__Aside { max-width: 600px; margin: 0 auto; font-size: 11px; letter-spacing: 0.275px; } #DEPRECATED_STYLES .Product__Info--noGallery { padding-top: 24px; } @media screen and (min-width: 641px) { #DEPRECATED_STYLES .Product__Info .Container { padding-left: 0; padding-right: 0; } #DEPRECATED_STYLES .Product__Aside .Section { max-width: 630px; margin: 0 auto; } } @media screen and (min-width: 1008px) { #DEPRECATED_STYLES .Product__InfoWrapper { /* position: absolute; right: 0; top: 0; height: 100%; */ width: 46vw; } #DEPRECATED_STYLES .Product__Info { position: -webkit-sticky; position: sticky; top: 80px; right: 0; width: 375px; margin: 0 100px -40px 50px; padding-top: 55px; padding-bottom: 40px; padding-right: 50px; } @supports (--css: variables) { #DEPRECATED_STYLES .Product__Info { top: var(--header-height); } } #DEPRECATED_STYLES .Product__Aside { max-width: 820px; } #DEPRECATED_STYLES .Product__Aside .SectionHeader { margin-bottom: 30px; } } @media screen and (min-width: 1240px) { #DEPRECATED_STYLES .Product__Info { width: 100%; } } @media screen and (min-width: 1500px) { #DEPRECATED_STYLES .Product__Info { margin-right: 50px; } } #DEPRECATED_STYLES .Product__ActionList { position: absolute; top: 30px; right: 25px; z-index: 1; visibility: visible; opacity: 1; transition: visibility 0.2s ease-in-out, opacity 0.2s ease-in-out; } #DEPRECATED_STYLES .Product__ActionList.is-hidden { opacity: 0; visibility: hidden; } #DEPRECATED_STYLES .Product__ActionItem { display: block; position: relative; } #DEPRECATED_STYLES .Product__ActionItem + .Product__ActionItem { margin-top: 15px; } #DEPRECATED_STYLES .Product__ShareList { display: block; position: absolute; visibility: hidden; top: 100%; right: 0; color: #1c1b1b; } #DEPRECATED_STYLES .Product__ActionItem .Icon--share { margin-left: -1px; } #DEPRECATED_STYLES .Product__ShareItem { display: block; margin: 15px 0 15px auto; padding: 7px 15px 7px 17px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; background: white; border-radius: 25px; font-size: 13px; white-space: nowrap; opacity: 0; box-shadow: 0 2px 10px rgba(54, 54, 54, 0.15); transition: all 0.45s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s; } #DEPRECATED_STYLES .Product__ShareItem:active, #DEPRECATED_STYLES .Product__ShareItem:focus { color: white; background: #1c1b1b; outline: none; } #DEPRECATED_STYLES .Product__ShareItem:nth-child(2) { transition-delay: 0.1s; } #DEPRECATED_STYLES .Product__ShareItem:nth-child(3) { transition-delay: 0s; } #DEPRECATED_STYLES .Product__ShareItem svg { margin-right: 12px; font-size: 14px; vertical-align: sub; transform: translateZ(0); } #DEPRECATED_STYLES .Product__ShareItem:hover svg { -webkit-animation: shareItemAnimation 0.5s ease-in-out forwards; animation: shareItemAnimation 0.5s ease-in-out forwards; } #DEPRECATED_STYLES .Product__ShareList[aria-hidden="false"] { visibility: visible; } #DEPRECATED_STYLES .Product__ShareList[aria-hidden="false"] .Product__ShareItem { opacity: 1; transition-delay: 0s; } #DEPRECATED_STYLES .Product__ShareList[aria-hidden="false"] .Product__ShareItem:nth-child(2) { transition-delay: 0.1s; } #DEPRECATED_STYLES .Product__ShareList[aria-hidden="false"] .Product__ShareItem:nth-child(3) { transition-delay: 0.2s; } @media screen and (min-width: 1008px) { #DEPRECATED_STYLES .Product__ActionList { position: -webkit-sticky; position: sticky; float: right; top: calc(100vh - var(--header-height)); } #DEPRECATED_STYLES .no-supports-sticky .Product__ActionList { display: none; } #DEPRECATED_STYLES .Product__ShareList { top: auto; bottom: 100%; } #DEPRECATED_STYLES .Product__ShareItem { transition-delay: 0s; } #DEPRECATED_STYLES .Product__ShareItem:nth-child(3) { transition-delay: 0.2s; } #DEPRECATED_STYLES .Product__ShareList[aria-hidden="false"] .Product__ShareItem { transition-delay: 0.2s; } #DEPRECATED_STYLES .Product__ShareList[aria-hidden="false"] .Product__ShareItem:nth-child(3) { transition-delay: 0s; } } @media screen and (min-width: 1500px) { #DEPRECATED_STYLES .Product__ActionList { margin-right: -80px; } } #DEPRECATED_STYLES .ProductMeta { text-align: center; } #DEPRECATED_STYLES .ProductMeta__ImageWrapper { display: block; margin-bottom: 32px; } #DEPRECATED_STYLES .ProductMeta__Vendor { margin-bottom: 20px; } #DEPRECATED_STYLES .ProductMeta__Title { margin-bottom: 0; font-family: "Trade Gothic"; } #DEPRECATED_STYLES .ProductMeta__Title .Text--subdued { font-size: 14px; } #DEPRECATED_STYLES .ProductMeta__PriceList { font-size: 13px; font-weight: bold; } #DEPRECATED_STYLES .ProductMeta__Price.Price--compareAt { margin-left: 30px; } #DEPRECATED_STYLES .ProductMeta__Description { margin: 24px 0; padding-top: 24px; border-top: 1px solid #dddddd; text-align: left; } #DEPRECATED_STYLES .ProductMeta__ShareButtons { display: inline-flex; align-items: center; margin: 18px 0 10px 0; } #DEPRECATED_STYLES .ProductMeta__ShareTitle { margin-right: 6px; } #DEPRECATED_STYLES .ProductMeta__ShareList { font-size: 0; } #DEPRECATED_STYLES .ProductMeta__ShareItem { display: inline-block; margin: 0 7px; opacity: 0; transform: translateY(-5px); transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); } #DEPRECATED_STYLES .ProductMeta__ShareItem svg { display: block; width: 12px; height: 12px; opacity: 0.6; transition: opacity 0.2s ease-in-out; } #DEPRECATED_STYLES .ProductMeta__ShareItem:hover svg { opacity: 1; } #DEPRECATED_STYLES .ProductMeta__ShareItem:nth-child(1) { transition-delay: 0.3s; } #DEPRECATED_STYLES .ProductMeta__ShareItem:nth-child(2) { transition-delay: 0.15s; } #DEPRECATED_STYLES .ProductMeta__ShareItem:nth-child(3) { transition-delay: 0s; } #DEPRECATED_STYLES .ProductMeta__ShareButtons:hover .ProductMeta__ShareItem { opacity: 1; transform: translateY(0); } #DEPRECATED_STYLES .ProductMeta__ShareButtons:hover .ProductMeta__ShareItem:nth-child(1) { transition-delay: 0s; } #DEPRECATED_STYLES .ProductMeta__ShareButtons:hover .ProductMeta__ShareItem:nth-child(3) { transition-delay: 0.3s; } #DEPRECATED_STYLES .ProductForm ~ .ProductMeta__Description { border-top: none; padding-top: 0; } #DEPRECATED_STYLES .ProductForm ~ .ProductMeta__Description .ProductMeta__ShareButtons { margin-bottom: 2px; } #DEPRECATED_STYLES .Product__QuickNav { position: relative; margin-top: 40px; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; } #DEPRECATED_STYLES .Product__QuickNav a { display: block; padding: 11px 16px; -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: rotateX(0deg); } #DEPRECATED_STYLES .Product__QuickNav a:last-child { position: absolute; top: 0; left: 0; width: 100%; transform: rotateX(180deg); } #DEPRECATED_STYLES .Product__QuickNav svg { position: absolute; right: 18px; top: calc(50% - 5px); height: 10px; width: 8px; } #DEPRECATED_STYLES .Product__QuickNavWrapper { transition: 0.6s; transform-style: preserve-3d; } #DEPRECATED_STYLES .Product__QuickNav.is-flipped .Product__QuickNavWrapper { transform: rotateX(180deg); } @media screen and (min-width: 1008px) { #DEPRECATED_STYLES .ProductMeta { text-align: left; display: flex; justify-content: space-between; align-items: flex-start; } } #DEPRECATED_STYLES .ProductForm { margin-top: 24px; } #DEPRECATED_STYLES .ProductForm__Variants { margin-bottom: 25px; } #DEPRECATED_STYLES .ProductForm__Options-Container { display: flex; flex-direction: column-reverse; } #DEPRECATED_STYLES .ProductForm__Option { position: relative; margin-bottom: 10px; } #DEPRECATED_STYLES .ProductForm__Option--labelled { margin-bottom: 20px; } #DEPRECATED_STYLES .no-js .ProductForm__Option:not(.no-js) { display: none; } #DEPRECATED_STYLES .Wishlist { text-align: center; color: #6a6a6a; } #DEPRECATED_STYLES .ProductForm__Item { position: relative; width: 100%; max-width: 200px; text-align: left; padding: 10px 28px 10px 14px; border: 1px solid #dddddd; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #DEPRECATED_STYLES .ProductForm__Item .Icon--select-arrow { position: absolute; top: calc(50% - 5px); right: 15px; width: 10px; height: 10px; } #DEPRECATED_STYLES .ProductForm__Label { display: block; margin-bottom: 8px; text-transform: uppercase; font-weight: 400; color: #1c1b1b; } #DEPRECATED_STYLES .ProductForm__LabelLink { float: right; text-decoration: underline; text-underline-position: under; } #DEPRECATED_STYLES .ProductForm__SelectedValue { display: inline-block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 220px; vertical-align: top; } #DEPRECATED_STYLES .ProductForm__OptionCount { float: right; margin-right: 14px; } #DEPRECATED_STYLES .ProductForm__Inventory { margin-top: 8px; font-style: italic; } #DEPRECATED_STYLES .ProductForm__Error { margin-top: 10px; text-align: center; } #DEPRECATED_STYLES .ProductForm__AddToCart { display: flex; align-items: center; justify-content: center; } #DEPRECATED_STYLES .Product__FeatureImageWrapper { overflow: hidden; background-size: cover; } #DEPRECATED_STYLES .Product__FeatureImage { height: 415px; background-size: cover; background-position: center; } @media screen and (min-width: 641px) { #DEPRECATED_STYLES .Product__FeatureImage { height: 500px; } } @media screen and (min-width: 1240px) { #DEPRECATED_STYLES .Product__FeatureImage { height: 600px; } #DEPRECATED_STYLES .Product__FeatureImage--small { height: 500px; } #DEPRECATED_STYLES .Product__FeatureImage--large { height: 700px; } } #DEPRECATED_STYLES .Product__Tabs { margin: 30px 0; padding-top: 15px; } @media screen and (max-width: 640px) { #DEPRECATED_STYLES .Product__Tabs .Collapsible__Content { padding-top: 6px; padding-bottom: 28px; } } @media screen and (max-width: 1007px) { #DEPRECATED_STYLES .Product__Tabs .Collapsible { padding: 0 24px; } } @media screen and (min-width: 1008px) { #DEPRECATED_STYLES .Product__Tabs { margin: 30px 0; } #DEPRECATED_STYLES .Product__Tabs .Collapsible__Content { padding-right: 80px; } } #DEPRECATED_STYLES .atc { display: flex; } #DEPRECATED_STYLES .atc .ProductForm__AddToCart { max-height: 50px; height: 40px; font-weight: 400; font-size: 15px; } #DEPRECATED_STYLES .atc .Wishlist { width: 60%; padding-left: 0; padding-right: 0; margin-top: 0; height: 40px; display: flex; align-items: center; justify-content: center; border: 0; justify-content: flex-end; padding: 0 !important; margin: 0 !important; } #DEPRECATED_STYLES .atc .Wishlist:before { display: none !important; } #DEPRECATED_STYLES .atc .Wishlist:hover { color: #6a6a6a; } #DEPRECATED_STYLES .atc.sold-out { flex-wrap: wrap; } @media screen and (max-width: 640px) { #DEPRECATED_STYLES .atc.sold-out { justify-content: center; } } #DEPRECATED_STYLES .atc.sold-out .ProductForm__AddToCart { width: auto; order: 1; width: 50%; max-width: 244px; } @media screen and (max-width: 640px) { #DEPRECATED_STYLES .atc.sold-out .ProductForm__AddToCart { width: 100%; max-width: unset; } } #DEPRECATED_STYLES .atc.sold-out #BIS_trigger { order: 3; width: auto; } @media screen and (max-width: 640px) { #DEPRECATED_STYLES .atc.sold-out #BIS_trigger { width: 100%; max-width: unset; } } #DEPRECATED_STYLES .atc.sold-out .Wishlist { order: 2; width: 50%; } @media screen and (max-width: 640px) { #DEPRECATED_STYLES .atc.sold-out .Wishlist { order: 5; width: 100%; justify-content: center; } } #DEPRECATED_STYLES .VariantSelector { position: fixed; width: 100%; bottom: 0; left: 0; background: white; padding: 24px 0; z-index: 10; box-shadow: 0 -2px 10px rgba(54, 54, 54, 0.2); transform: translateY(100%); visibility: hidden; transition: transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1), visibility 0.4s cubic-bezier(0.645, 0.045, 0.355, 1); } #DEPRECATED_STYLES .VariantSelector[aria-hidden="false"] { transform: translateY(0); visibility: visible; } #DEPRECATED_STYLES .VariantSelector__Item { padding: 0 10px; width: 60%; } #DEPRECATED_STYLES .VariantSelector__Info { position: relative; margin: 48px 24px 0 24px; } #DEPRECATED_STYLES .VariantSelector__ChoiceList { margin-bottom: 34px; } #DEPRECATED_STYLES .VariantSelector__Choice { display: table; table-layout: fixed; width: 100%; -webkit-animation: 0.15s variantSelectorInfoClosingAnimation forwards ease-in-out; animation: 0.15s variantSelectorInfoClosingAnimation forwards ease-in-out; } #DEPRECATED_STYLES .VariantSelector__Choice.is-selected { -webkit-animation: 0.3s variantSelectorInfoOpeningAnimation forwards ease-in-out; animation: 0.3s variantSelectorInfoOpeningAnimation forwards ease-in-out; } #DEPRECATED_STYLES .VariantSelector__Choice:not(:first-child) { position: absolute; top: 0; left: 0; } #DEPRECATED_STYLES .VariantSelector__ChoiceColor, #DEPRECATED_STYLES .VariantSelector__ChoicePrice { display: table-cell; width: 50%; text-align: center; vertical-align: middle; } #DEPRECATED_STYLES .VariantSelector__ChoiceColor { border-right: 1px solid #dddddd; } #DEPRECATED_STYLES .VariantSelector__ColorSwatch { display: inline-block; width: 16px; height: 16px; margin-right: 15px; vertical-align: sub; background-size: cover; } #DEPRECATED_STYLES .VariantSelector__ColorSwatch--white { outline: 1px solid #dddddd; } #DEPRECATED_STYLES .VariantSelector__ChoicePrice { font-size: 11px; } @media screen and (max-width: 640px) { #DEPRECATED_STYLES .VariantSelector .flickity-prev-next-button { display: none; } } @media screen and (min-width: 641px) { #DEPRECATED_STYLES { /* Starting from tablet, the look and feel of this selector is completely different and look like a modal */ } #DEPRECATED_STYLES .VariantSelector { top: 50%; bottom: auto; left: 50%; width: 80%; padding-bottom: 34px; max-height: 100%; max-width: 800px; opacity: 0; transform: translate(-50%, -50%); transition: all 0.3s ease-in-out; overflow: auto; } #DEPRECATED_STYLES .VariantSelector[aria-hidden="false"] { transform: translate(-50%, -50%); opacity: 1; } #DEPRECATED_STYLES .VariantSelector__Item { padding: 0 25px; width: 46%; } #DEPRECATED_STYLES .VariantSelector .flickity-prev-next-button.next { top: calc(50% - 45px); right: 20px; } #DEPRECATED_STYLES .VariantSelector .flickity-prev-next-button.previous { top: calc(50% - 45px); left: 20px; } #DEPRECATED_STYLES .VariantSelector__Info { max-width: 350px; margin-left: auto; margin-right: auto; } #DEPRECATED_STYLES .VariantSelector__ChoicePrice { font-size: 13px; } } @media (min-width: 800px) and (max-height: 950px) { #DEPRECATED_STYLES .VariantSelector__ImageWrapper { max-width: 290px !important; } } #DEPRECATED_STYLES .FeaturedProduct__Gallery { display: block; margin-bottom: 20px; } #DEPRECATED_STYLES .FeaturedProduct__ViewWrapper { margin-top: 34px; text-align: center; } @media screen and (min-width: 641px) { #DEPRECATED_STYLES .FeaturedProduct { display: flex; align-items: flex-start; justify-content: center; max-width: 880px; margin: 0 auto; } #DEPRECATED_STYLES .FeaturedProduct--center { align-items: center; } #DEPRECATED_STYLES .FeaturedProduct__Gallery, #DEPRECATED_STYLES .FeaturedProduct__Info { flex: 1 1 50%; } #DEPRECATED_STYLES .FeaturedProduct__Gallery { margin: 0; } #DEPRECATED_STYLES .FeaturedProduct__Info { margin-left: 50px; } #DEPRECATED_STYLES .FeaturedProduct__Info .ProductMeta, #DEPRECATED_STYLES .FeaturedProduct__ViewWrapper { text-align: left; } } @media screen and (min-width: 1008px) { #DEPRECATED_STYLES .FeaturedProduct__Info { margin-left: 80px; } } #DEPRECATED_STYLES .shopify-payment-button { margin-top: 20px; text-align: center; } #DEPRECATED_STYLES .shopify-payment-button div div div { display: flex; justify-content: space-between; width: auto !important; align-items: center; } #DEPRECATED_STYLES .shopify-payment-button div div div div:not([class^="shopify-payment-button"]) { display: none; } #DEPRECATED_STYLES .shopify-payment-button div div div .shopify-payment-button__button { order: -1; } #DEPRECATED_STYLES .shopify-payment-button div div div .shopify-cleanslate div[role="button"] { background-color: #eaeaea !important; border-color: #eaeaea !important; border-radius: 30px !important; min-width: 220px !important; min-height: 35px !important; max-height: 35px !important; padding: 0 15px !important; width: 100% !important; } #DEPRECATED_STYLES .shopify-payment-button div div div .shopify-cleanslate div[role="button"] span:nth-child(2) { display: none !important; } #DEPRECATED_STYLES .shopify-payment-button div div div .shopify-cleanslate div[role="button"]:hover { background: #cacaca !important; border-color: #cacaca !important; } #DEPRECATED_STYLES .shopify-payment-button div div div .shopify-cleanslate div[role="button"] svg { max-height: 15px; } #DEPRECATED_STYLES .shopify-payment-button div div div .shopify-cleanslate div[role="button"] span:last-child:after { content: 'Checkout'; padding-left: 2px; font-size: 12px; color: black; } #DEPRECATED_STYLES .shopify-payment-button div div div .shopify-payment-button__more-options { margin: 0 !important; max-height: 22px; } #DEPRECATED_STYLES .shopify-payment-button__more-options { width: auto; line-height: normal; } #DEPRECATED_STYLES .shopify-payment-button__more-options[aria-hidden="true"] { display: none; } #DEPRECATED_STYLES .shopify-payment-button__more-options:hover:not([disabled]) { text-decoration: none; } #DEPRECATED_STYLES #shopify-product-reviews { margin: 18px 0 28px 0 !important; overflow: visible !important; } #DEPRECATED_STYLES #shopify-product-reviews .spr-header-title, #DEPRECATED_STYLES #shopify-product-reviews .spr-summary-starrating, #DEPRECATED_STYLES #shopify-product-reviews .spr-summary-caption, #DEPRECATED_STYLES #shopify-product-reviews .spr-review-reportreview, #DEPRECATED_STYLES #shopify-product-reviews .spr-pagination, #DEPRECATED_STYLES #shopify-product-reviews .spr-form-title { display: none; } #DEPRECATED_STYLES #shopify-product-reviews .spr-container { padding: 0; border: none; } #DEPRECATED_STYLES #shopify-product-reviews .spr-container, #DEPRECATED_STYLES #shopify-product-reviews .spr-content { display: flex; flex-direction: column; } #DEPRECATED_STYLES #shopify-product-reviews .spr-header, #DEPRECATED_STYLES #shopify-product-reviews .spr-form { order: 2; } #DEPRECATED_STYLES #shopify-product-reviews .spr-content, #DEPRECATED_STYLES #shopify-product-reviews .spr-reviews { order: 1; } #DEPRECATED_STYLES #shopify-product-reviews .spr-form { margin: -4px 0 0 0; padding: 0; } #DEPRECATED_STYLES #shopify-product-reviews .spr-icon { font-size: 10px; } #DEPRECATED_STYLES #shopify-product-reviews .spr-form-input .spr-icon { font-size: 14px; } #DEPRECATED_STYLES #shopify-product-reviews .spr-icon + .spr-icon { margin-left: 3px; } #DEPRECATED_STYLES #shopify-product-reviews .spr-icon-star-empty { opacity: 0.25; } #DEPRECATED_STYLES #shopify-product-reviews .spr-icon-star-empty::before { content: '\e800'; } #DEPRECATED_STYLES #shopify-product-reviews .spr-starrating.spr-form-input-error a { color: inherit; } #DEPRECATED_STYLES #shopify-product-reviews .spr-reviews { margin: -6px 0 35px 0; } #DEPRECATED_STYLES #shopify-product-reviews .spr-review { position: relative; padding: 0 0 30px 0; border: none; margin: 0; } #DEPRECATED_STYLES #shopify-product-reviews .spr-review + .spr-review { margin-top: 26px; } #DEPRECATED_STYLES #shopify-product-reviews .spr-review-header { position: static; margin-bottom: 12px; } #DEPRECATED_STYLES #shopify-product-reviews .spr-review-header-starratings { margin-bottom: 0; } #DEPRECATED_STYLES #shopify-product-reviews .spr-review-header-title { font-family: "Chronicle Display", serif; font-weight: "300"; font-style: "normal"; font-size: 11px; text-transform: uppercase; letter-spacing: 0.2em; } #DEPRECATED_STYLES #shopify-product-reviews .spr-review-header-byline { position: absolute; bottom: 0; left: 0; margin-bottom: 0; font-style: normal; opacity: 1; color: #6a6a6a; } #DEPRECATED_STYLES #shopify-product-reviews .spr-review-header-byline strong { font-weight: normal; } #DEPRECATED_STYLES #shopify-product-reviews .spr-review-content { margin-bottom: 0; } #DEPRECATED_STYLES #shopify-product-reviews .spr-review-reply { margin: 18px 0 6px 0; padding: 0 0 0 14px; background: none; border-left: 3px solid #dddddd; font-style: italic; } #DEPRECATED_STYLES #shopify-product-reviews .spr-summary-actions { display: block; } #DEPRECATED_STYLES #shopify-product-reviews .spr-review-reply-shop { float: none; } #DEPRECATED_STYLES #shopify-product-reviews .spr-summary-actions-newreview, #DEPRECATED_STYLES #shopify-product-reviews .spr-button-primary:not(input) { width: 100%; } #DEPRECATED_STYLES #shopify-product-reviews input.spr-button-primary { border-color: #1c1b1b; background: #1c1b1b; color: white; width: 100%; } #DEPRECATED_STYLES #shopify-product-reviews .spr-pagination-prev, #DEPRECATED_STYLES #shopify-product-reviews .spr-pagination-next { display: block; position: relative; margin-bottom: 20px; } #DEPRECATED_STYLES #shopify-product-reviews .spr-pagination-prev > a, #DEPRECATED_STYLES #shopify-product-reviews .spr-pagination-next > a { width: 100%; } #DEPRECATED_STYLES #shopify-product-reviews .new-review-form { margin-top: 20px; } #DEPRECATED_STYLES #shopify-product-reviews .spr-form-contact-name, #DEPRECATED_STYLES #shopify-product-reviews .spr-form-contact-email, #DEPRECATED_STYLES #shopify-product-reviews .spr-form-contact-location, #DEPRECATED_STYLES #shopify-product-reviews .spr-form-review-title, #DEPRECATED_STYLES #shopify-product-reviews .spr-form-review-rating, #DEPRECATED_STYLES #shopify-product-reviews .spr-form-review-body { margin-bottom: 15px; } @media screen and (min-width: 641px) { #DEPRECATED_STYLES #shopify-product-reviews { margin: 8px 40px 28px 0 !important; } #DEPRECATED_STYLES #shopify-product-reviews .spr-review-header-title { font-size: 12px; } #DEPRECATED_STYLES #shopify-product-reviews .spr-review-header-byline, #DEPRECATED_STYLES #shopify-product-reviews .spr-review-content-body { font-size: 14px; } #DEPRECATED_STYLES #shopify-product-reviews .spr-header { align-self: flex-start; width: 100%; } #DEPRECATED_STYLES #shopify-product-reviews .spr-summary-actions-newreview, #DEPRECATED_STYLES #shopify-product-reviews .spr-button-primary:not(input), #DEPRECATED_STYLES #shopify-product-reviews input.spr-button-primary, #DEPRECATED_STYLES #shopify-product-reviews .spr-pagination-prev > a, #DEPRECATED_STYLES #shopify-product-reviews .spr-pagination-next > a { width: auto; float: none; } #DEPRECATED_STYLES #shopify-product-reviews .spr-form-contact-name, #DEPRECATED_STYLES #shopify-product-reviews .spr-form-contact-email, #DEPRECATED_STYLES #shopify-product-reviews .spr-form-contact-location, #DEPRECATED_STYLES #shopify-product-reviews .spr-form-review-title, #DEPRECATED_STYLES #shopify-product-reviews .spr-form-review-rating, #DEPRECATED_STYLES #shopify-product-reviews .spr-form-review-body { margin-bottom: 25px; } #DEPRECATED_STYLES #shopify-product-reviews .spr-summary-actions { display: flex; } #DEPRECATED_STYLES #shopify-product-reviews .spr-pagination-prev, #DEPRECATED_STYLES #shopify-product-reviews .spr-pagination-next { margin: 0 20px 0 0; } #DEPRECATED_STYLES #shopify-product-reviews .spr-pagination-prev > a, #DEPRECATED_STYLES #shopify-product-reviews .spr-pagination-next > a { display: block; } } @media screen and (min-width: 1008px) { #DEPRECATED_STYLES #shopify-product-reviews { margin-bottom: 4px !important; } } @media screen and (min-width: 1240px) { #DEPRECATED_STYLES #shopify-product-reviews { margin-right: 100px !important; } } #DEPRECATED_STYLES .Search { display: block; position: absolute; top: 100%; width: 100%; background: white; pointer-events: none; visibility: hidden; opacity: 0; transform: translateY(-25px); transition: transform 0.15s ease-in-out, opacity 0.15s ease-in-out, visibility 0.15s ease-in-out; z-index: -1; } @media screen and (min-width: 750px) { #DEPRECATED_STYLES .Search { max-width: 50%; right: 0; background-color: #f5f5f4; } } #DEPRECATED_STYLES body.template-index .Search { top: 79px; } #DEPRECATED_STYLES .Search[aria-hidden="false"] { visibility: visible; opacity: 1; pointer-events: auto; transform: translateY(0); } #DEPRECATED_STYLES .Search__Inner { padding: 14px 18px; max-height: calc(100vh - 60px); overflow: auto; -webkit-overflow-scrolling: touch; } @supports (--css: variables) { #DEPRECATED_STYLES .Search__Inner { max-height: calc(100vh - var(--header-height) - 88px); /* 88px is the height of bottom bar on iOS */ } } #DEPRECATED_STYLES .Search__SearchBar { display: flex; align-items: center; } #DEPRECATED_STYLES .Search__Form { display: flex; align-items: center; flex: 1 0 auto; } #DEPRECATED_STYLES .Search__Form .Icon--search { width: 18px; height: 17px; } #DEPRECATED_STYLES .Search__Form .Icon--search-desktop { width: 21px; height: 21px; } #DEPRECATED_STYLES .Search__InputIconWrapper { position: relative; top: -1px; /* For pixel perfect */ margin-right: 12px; color: #6a6a6a; } #DEPRECATED_STYLES .Search__Input { background: none; width: 100%; border: none; font-size: 15px; vertical-align: middle; } #DEPRECATED_STYLES .Search__Input::-webkit-input-placeholder { color: #6a6a6a; } #DEPRECATED_STYLES .Search__Input::-moz-placeholder { color: #6a6a6a; } #DEPRECATED_STYLES .Search__Input:-ms-input-placeholder { color: #6a6a6a; } #DEPRECATED_STYLES .Search__Input::-ms-input-placeholder { color: #6a6a6a; } #DEPRECATED_STYLES .Search__Input::placeholder { color: #6a6a6a; } #DEPRECATED_STYLES .Search__Input::-ms-clear { display: none; } #DEPRECATED_STYLES .Search__Close { color: #6a6a6a; font-size: 15px; line-height: 1; } #DEPRECATED_STYLES .Search__Results { display: none; margin-top: 30px; margin-bottom: 30px; } #DEPRECATED_STYLES .Search__Results[aria-hidden="false"] { display: block; } @media screen and (max-width: 640px) { #DEPRECATED_STYLES .Search__Results .ProductItem__Wrapper { display: flex; align-items: center; } #DEPRECATED_STYLES .Search__Results .Grid__Cell + .Grid__Cell { margin-top: 25px; } #DEPRECATED_STYLES .Search__Results .ProductItem__ImageWrapper { width: 70px; min-width: 70px; margin-right: 25px; } #DEPRECATED_STYLES .Search__Results .ProductItem__Info { margin-top: 0; text-align: left; } } @media screen and (min-width: 641px) { #DEPRECATED_STYLES .Search__Inner { padding: 28px 50px; } #DEPRECATED_STYLES .Search__Input { font-size: 18px; } #DEPRECATED_STYLES .Search__InputIconWrapper { margin-right: 20px; } #DEPRECATED_STYLES .Search__Close { font-size: 16px; } #DEPRECATED_STYLES .Search__Close svg { stroke-width: 1.25px; } #DEPRECATED_STYLES .Search__Results { margin-top: 70px; margin-bottom: 48px; } } #DEPRECATED_STYLES .ShopTheLook { z-index: 2; } #DEPRECATED_STYLES .ShopTheLook__Item { padding: 0 5px; width: calc(100% - 40px); transition: opacity 0.3s ease-in-out; } #DEPRECATED_STYLES .ShopTheLook__Item.is-selected { z-index: 1; } #DEPRECATED_STYLES .ShopTheLook__ImageWrapper { position: relative; max-width: 100%; } #DEPRECATED_STYLES .ShopTheLook__Image { display: block; height: 100%; width: 100%; } #DEPRECATED_STYLES .ShopTheLook__Dot { position: absolute; display: block; width: 16px; height: 16px; margin: -8px 0 0 -8px; background: #ffffff; border-radius: 100%; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.25); cursor: pointer; z-index: 1; transform: scale(1); transition: transform 0.25s ease-in-out; } #DEPRECATED_STYLES .ShopTheLook__Dot::after { position: absolute; content: ''; width: 40px; height: 40px; left: -12px; /* This is 40/2 - 16/2 */ top: -12px; /* This is 40/2 - 16/2 */ border-radius: 100%; background: rgba(255, 255, 255, 0.4); -webkit-animation: 1.4s shopTheLookDotKeyframe ease-in-out infinite; animation: 1.4s shopTheLookDotKeyframe ease-in-out infinite; } #DEPRECATED_STYLES .ShopTheLook__Dot--dark { background: #000000; } #DEPRECATED_STYLES .ShopTheLook__Dot--dark::after { background: rgba(0, 0, 0, 0.4); } #DEPRECATED_STYLES .ShopTheLook__Dot.is-active, #DEPRECATED_STYLES .supports-hover .ShopTheLook__Dot:hover { transform: scale(1.5); } #DEPRECATED_STYLES .ShopTheLook__ProductItem .ProductItem__ImageWrapper { max-width: 150px; margin: 0 auto; } #DEPRECATED_STYLES .ShopTheLook__DiscoverButtonWrapper { margin: 24px 24px 0 24px; text-align: center; } @media screen and (max-width: 640px) { #DEPRECATED_STYLES .ShopTheLook__ViewButton { width: 100%; } #DEPRECATED_STYLES .ShopTheLook__ProductItem--withHiddenInfo .ProductItem__Info { display: none; } #DEPRECATED_STYLES .ShopTheLook__ProductItem { padding: 15px 0; } } @media screen and (max-width: 1007px) { #DEPRECATED_STYLES .ShopTheLook > .flickity-viewport { transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out; } #DEPRECATED_STYLES .ShopTheLook::before { content: ''; position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: white; opacity: 0; visibility: hidden; transition: all 0.25s ease-in-out; } #DEPRECATED_STYLES .ShopTheLook.is-zoomed::before { opacity: 1; visibility: visible; transition-delay: 0s; } #DEPRECATED_STYLES .ShopTheLook.is-zoomed .ShopTheLook__Item:not(.is-selected) { opacity: 0; } #DEPRECATED_STYLES .ShopTheLook__ProductItem { padding: 30px 0 40px 0; } } @media screen and (min-width: 641px) { #DEPRECATED_STYLES .ShopTheLook__DiscoverButtonWrapper { margin-top: 50px; } #DEPRECATED_STYLES .ShopTheLook__Item { width: auto; padding: 0 15px; } #DEPRECATED_STYLES .ShopTheLook__ProductItem .ProductItem__Wrapper { max-width: 250px; margin: 0 auto; } } @media screen and (min-width: 1008px) { #DEPRECATED_STYLES .ShopTheLook { max-width: 1480px; margin: 0 auto; padding: 0 130px; } #DEPRECATED_STYLES .ShopTheLook__Item { width: 100%; padding: 0; } #DEPRECATED_STYLES .ShopTheLook__Inner { display: flex; align-items: center; justify-content: center; min-height: 550px; } #DEPRECATED_STYLES .ShopTheLook__ImageWrapper { flex: 0 1 auto; } #DEPRECATED_STYLES .ShopTheLook__Image { max-height: 100%; width: auto; } #DEPRECATED_STYLES .ShopTheLook__ProductList { flex: none; width: 270px; margin: 0 80px; } #DEPRECATED_STYLES .ShopTheLook__ProductItem .ProductItem__Wrapper { max-width: none; } #DEPRECATED_STYLES .ShopTheLook__ProductItem .ProductItem__ImageWrapper { max-width: 250px; } #DEPRECATED_STYLES .ShopTheLook__ViewButton { margin-top: 25px; } #DEPRECATED_STYLES .ShopTheLook .flickity-prev-next-button { top: calc(50% - (45px / 2)); } #DEPRECATED_STYLES .ShopTheLook .flickity-prev-next-button.next { right: 40px; } #DEPRECATED_STYLES .ShopTheLook .flickity-prev-next-button.previous { left: 40px; } } #DEPRECATED_STYLES .SidebarMenu { height: 100%; background: #f5f5f4; color: #1c1b1b; } #DEPRECATED_STYLES .SidebarMenu .Heading, #DEPRECATED_STYLES .supports-hover .SidebarMenu .Link--primary:hover { color: #1c1b1b; } #DEPRECATED_STYLES .SidebarMenu .Text--subdued { color: rgba(28, 27, 27, 0.5); } #DEPRECATED_STYLES .SidebarMenu .Collapsible, #DEPRECATED_STYLES .SidebarMenu .Linklist { border-color: rgba(28, 27, 27, 0.25); } #DEPRECATED_STYLES .SidebarMenu__Nav .Collapsible:first-child { border-top: none; } #DEPRECATED_STYLES .SidebarMenu .Drawer__Main::after { display: block; content: ''; height: 35px; } #DEPRECATED_STYLES .SidebarMenu__Nav--secondary { margin-top: 28px; } #DEPRECATED_STYLES .SidebarMenu__Nav .swym-wishlist { display: inline-block; margin-right: 12px; } #DEPRECATED_STYLES .SidebarMenu .Drawer__Footer { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 48px; box-shadow: 0 1px rgba(28, 27, 27, 0.25) inset; color: rgba(28, 27, 27, 0.5); } #DEPRECATED_STYLES .SidebarMenu__CurrencySelector, #DEPRECATED_STYLES .SidebarMenu__Social { flex: 1 0 auto; margin: 0; padding: 6px 0; } #DEPRECATED_STYLES .SidebarMenu__CurrencySelector { width: 120px; flex: none; text-align: center; font-size: 11px; } #DEPRECATED_STYLES .SidebarMenu__CurrencySelector .Select { display: inline-block; } @supports (display: grid) { #DEPRECATED_STYLES .SidebarMenu__Social { display: grid; grid-template-columns: repeat(auto-fit, 34px); justify-content: space-evenly; text-align: center; } } #DEPRECATED_STYLES .SidebarMenu__CurrencySelector + .SidebarMenu__Social { border-left: 1px solid rgba(28, 27, 27, 0.25); } #DEPRECATED_STYLES .SidebarMenu .Drawer__Content::before, #DEPRECATED_STYLES .SidebarMenu .Drawer__Footer::before { position: absolute; content: ''; width: 100%; pointer-events: none; z-index: 1; } @media screen and (min-width: 1008px) { #DEPRECATED_STYLES .SidebarMenu .Drawer__Content::before { height: 40px; } #DEPRECATED_STYLES .SidebarMenu .Drawer__Main { padding-top: 26px; } #DEPRECATED_STYLES .SidebarMenu .Drawer__Main::after { height: 60px; /* same here, Safari has some issues with adding padding-bottom :( */ } #DEPRECATED_STYLES .SidebarMenu .Drawer__Footer::before { height: 70px; } } #DEPRECATED_STYLES .shopify-section--slideshow { position: relative; margin-bottom: 30px; } #DEPRECATED_STYLES main > [id^="shopify-section-"]:not(:first-child) .Slideshow--fullscreen { padding: 15px; } @media screen and (min-width: 1240px) { #DEPRECATED_STYLES main > [id^="shopify-section-"]:not(:first-child) .Slideshow--fullscreen { padding: 30px; } } #DEPRECATED_STYLES .Slideshow--fullscreen { height: 100vh; } @supports (--css: variables) { #DEPRECATED_STYLES .js .Slideshow--fullscreen { height: calc(var(--window-height) - (var(--header-height) * var(--header-is-not-transparent, 0)) - var(--announcement-bar-height, 0px)); } } #DEPRECATED_STYLES .js .Slideshow__Carousel .Slideshow__Slide { transition: none; } #DEPRECATED_STYLES .js .Slideshow__Carousel .Slideshow__Slide.is-selected { visibility: hidden; } #DEPRECATED_STYLES .Slideshow__ImageContainer { height: 100%; } #DEPRECATED_STYLES .Slideshow__VimeoVideoContainer { position: relative; } #DEPRECATED_STYLES .Slideshow__VimeoVideoContainer a { position: absolute; left: 0; top: 0; width: 100%; height: 91%; z-index: 2; } #DEPRECATED_STYLES .Slideshow__VimeoVideoContainer .vimeo-video.desktop { background-color: #000; display: block; position: relative; padding-bottom: calc(840 / 1400 * 100%); overflow: hidden; max-width: 100%; background: black; } #DEPRECATED_STYLES .Slideshow__VimeoVideoContainer .vimeo-video.desktop iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #DEPRECATED_STYLES .Slideshow__VimeoVideoContainer .vimeo-video.mobile { background-color: #000; display: none; } @media screen and (max-width: 640px) { #DEPRECATED_STYLES .Slideshow__VimeoVideoContainer .vimeo-video.desktop { display: none; } #DEPRECATED_STYLES .Slideshow__VimeoVideoContainer .vimeo-video.mobile { display: block; max-width: 100%; } #DEPRECATED_STYLES .Slideshow__VimeoVideoContainer .vimeo-video.mobile::before { display: block; content: ""; padding-top: 150%; } #DEPRECATED_STYLES .Slideshow__VimeoVideoContainer .vimeo-video.mobile iframe { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } } #DEPRECATED_STYLES .Slideshow--fullscreen .Slideshow__Image { display: block; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; font-family: 'object-fit: cover; object-position: center;'; /* polyfill for IE */ } #DEPRECATED_STYLES .Slideshow__Image { z-index: 0; } @supports (-o-object-fit: cover) or (object-fit: cover) { #DEPRECATED_STYLES .js .Slideshow__Image { opacity: 0; } } #DEPRECATED_STYLES .Slideshow__Content { position: absolute; padding: 0 24px; width: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; } @media screen and (min-width: 1240px) { #DEPRECATED_STYLES .Slideshow__Content.Slideshow__Content--leftCenter { max-width: 50%; left: 0; transform: none; text-align: left; } #DEPRECATED_STYLES .Slideshow__Content.Slideshow__Content--leftCenter .ButtonGroup { justify-content: flex-start; } } #DEPRECATED_STYLES .Slideshow__Content--middleLeft, #DEPRECATED_STYLES .Slideshow__Content--bottomLeft { text-align: left; } #DEPRECATED_STYLES .Slideshow__Content--middleLeft .ButtonGroup, #DEPRECATED_STYLES .Slideshow__Content--bottomLeft .ButtonGroup { justify-content: flex-start; } #DEPRECATED_STYLES .Slideshow__Content--middleRight, #DEPRECATED_STYLES .Slideshow__Content--bottomRight { text-align: right; } #DEPRECATED_STYLES .Slideshow__Content--middleRight .ButtonGroup, #DEPRECATED_STYLES .Slideshow__Content--bottomRight .ButtonGroup { justify-content: flex-end; } #DEPRECATED_STYLES .Slideshow__Content--bottomLeft, #DEPRECATED_STYLES .Slideshow__Content--bottomCenter, #DEPRECATED_STYLES .Slideshow__Content--bottomRight { top: auto; bottom: 70px; left: 0; transform: none; } @media screen and (max-width: 640px) { #DEPRECATED_STYLES .Slideshow__Content .ContentWrapper { transform: initial !important; } } #DEPRECATED_STYLES .Slideshow__Content .SectionHeader__SubHeading { margin-bottom: 0; } #DEPRECATED_STYLES .Slideshow__Content .SectionHeader__Heading { margin-top: 0; } #DEPRECATED_STYLES .js .Slideshow__Content .SectionHeader { opacity: 0; } #DEPRECATED_STYLES .Slideshow__ScrollButton { position: absolute; left: calc(50% - 25px); bottom: -25px; } #DEPRECATED_STYLES .Slideshow__Carousel--withScrollButton { margin-bottom: 25px; } #DEPRECATED_STYLES .Slideshow--fullscreen .Slideshow__ScrollButton { bottom: 10px; } #DEPRECATED_STYLES .Slideshow--fullscreen .Slideshow__Carousel--withScrollButton { max-height: calc(100% - 35px); margin-bottom: 0; } @media screen and (min-width: 1008px) { #DEPRECATED_STYLES .Slideshow__Content { padding: 0 70px; } } #DEPRECATED_STYLES .Testimonial { text-align: center; font-size: 18px; } #DEPRECATED_STYLES .Testimonial_header { margin-top: 50px !important; margin-bottom: 0 !important; } @media screen and (min-width: 1008px) { #DEPRECATED_STYLES .Testimonial_header { margin-top: 100px !important; } } #DEPRECATED_STYLES .Testimonial_header .SectionHeader__Heading { position: relative; } #DEPRECATED_STYLES .Testimonial_header .SectionHeader__Heading:after { content: ''; width: 20px; height: 1px; background: black; display: block; margin: 30px auto 0; } #DEPRECATED_STYLES [data-section-type="testimonials"] { padding-top: 50px !important; } #DEPRECATED_STYLES [data-section-type="testimonials"] .flickity-prev-next-button { top: calc(50% - 45px); width: 45px; height: 45px; stroke-width: 1px; } #DEPRECATED_STYLES [data-section-type="testimonials"] .flickity-prev-next-button svg { height: 100%; } #DEPRECATED_STYLES [data-section-type="testimonials"] .flickity-prev-next-button.next { right: 50px; } #DEPRECATED_STYLES [data-section-type="testimonials"] .flickity-prev-next-button.previous { left: 50px; } #DEPRECATED_STYLES .Testimonial__Logo { margin-top: 54px; display: block; margin: 30px auto; } #DEPRECATED_STYLES .js .TestimonialList { opacity: 0; transition: opacity 0s linear 0.5s; } #DEPRECATED_STYLES .js .TestimonialList.flickity-enabled { opacity: 1; } #DEPRECATED_STYLES .js .TestimonialList .flickity-viewport { overflow: visible; } #DEPRECATED_STYLES .js .TestimonialList .flickity-page-dots { position: relative; margin-top: 60px; } #DEPRECATED_STYLES .js .TestimonialList .Testimonial { opacity: 0; visibility: hidden; -webkit-animation: testimonialClosing 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19) forwards; animation: testimonialClosing 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19) forwards; } #DEPRECATED_STYLES .js .TestimonialList .Testimonial.is-selected { opacity: 0; visibility: hidden; -webkit-animation: testimonialOpening 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.8s forwards; animation: testimonialOpening 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.8s forwards; } @media screen and (max-width: 640px) { #DEPRECATED_STYLES .Testimonial__Logo { max-width: 110px; } } @media screen and (min-width: 641px) { #DEPRECATED_STYLES .Testimonial { font-size: 16px; } #DEPRECATED_STYLES .Testimonial__Content { max-width: 550px; margin: 0 auto 30px; font-family: "Chronicle Display",serif; } #DEPRECATED_STYLES .Testimonial__Logo, #DEPRECATED_STYLES .TestimonialNav__Item { max-width: 150px; } } @media screen and (max-width: 640px) { #DEPRECATED_STYLES .Testimonial__Content, #DEPRECATED_STYLES .Testimonial__Content p { font-size: 14px; } #DEPRECATED_STYLES .TestimonialList .flickity-prev-next-button { display: none !important; } } @media screen and (min-width: 1008px) { #DEPRECATED_STYLES .TestimonialList--withNav .flickity-page-dots { display: none; } #DEPRECATED_STYLES .TestimonialNav { display: flex; align-items: center; justify-content: center; margin-top: 30px; } #DEPRECATED_STYLES .TestimonialNav__Item { margin: 0 25px; cursor: pointer; opacity: 0.25; transition: opacity 0.2s ease-in-out; will-change: opacity; } #DEPRECATED_STYLES .TestimonialNav__Item.is-selected { opacity: 1; } } @media screen and (min-width: 1240px) { #DEPRECATED_STYLES .TestimonialNav__Item { margin: 0 45px; } } #DEPRECATED_STYLES .Timeline { box-shadow: 0 -2px 10px rgba(54, 54, 54, 0.2); } #DEPRECATED_STYLES .Timeline__ListItem { position: relative; height: 540px; text-shadow: 0 1px rgba(0, 0, 0, 0.5); } #DEPRECATED_STYLES .Timeline__Item { position: absolute; top: 0; left: 0; display: flex; align-items: flex-start; width: 100%; height: 100%; opacity: 0; background: rgba(54, 54, 54, 0.2); pointer-events: none; transition: opacity 0.5s ease-in-out; } #DEPRECATED_STYLES .Timeline__ImageWrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; } #DEPRECATED_STYLES .Timeline__Image { width: 100%; height: 100%; background-size: cover; background-position: center; transform: translateX(-50px) scale(1.1); transform-origin: left; transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); } #DEPRECATED_STYLES .Timeline__Inner { position: relative; padding: 80px 14px 40px 14px; max-height: 100%; width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; } #DEPRECATED_STYLES .Timeline__Header > * { opacity: 0; transform: translateY(30px); transition: opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s; } #DEPRECATED_STYLES .Timeline__Header > .SectionHeader__Description { transform: translateY(50px); } #DEPRECATED_STYLES .Timeline__Item.is-selected { opacity: 1; pointer-events: auto; } #DEPRECATED_STYLES .Timeline__Item.is-selected .Timeline__Image { transform: translateX(0) scale(1.1); } #DEPRECATED_STYLES .Timeline__Item.is-selected .Timeline__Header > * { opacity: 1; transition-delay: 0.5s; transform: translateY(0); } @media screen and (max-width: 640px) { #DEPRECATED_STYLES .shopify-section--timeline { border-top: none !important; } #DEPRECATED_STYLES .shopify-section--timeline .Section { padding-top: 0 !important; padding-bottom: 0 !important; } #DEPRECATED_STYLES .shopify-section--timeline .Container { padding-left: 0; padding-right: 0; } #DEPRECATED_STYLES .Timeline__Header .Heading, #DEPRECATED_STYLES .Timeline__Header .Rte a { color: inherit; } #DEPRECATED_STYLES .Timeline__Header .SectionHeader__Description { margin: 34px 30px 0 30px; } } @media screen and (min-width: 641px) { #DEPRECATED_STYLES .Timeline__ListItem { max-width: 1230px; margin: 0 auto; height: 400px; text-shadow: none; } #DEPRECATED_STYLES .Timeline__Item { align-items: flex-end; background-color: white; } #DEPRECATED_STYLES .Timeline__ImageWrapper, #DEPRECATED_STYLES .Timeline__Inner { flex: none; width: 50%; } #DEPRECATED_STYLES .Timeline__ImageWrapper { position: relative; height: 100%; } #DEPRECATED_STYLES .Timeline__ImageWrapper::after { display: none; /* Remove any contrast that may have been added to image */ } #DEPRECATED_STYLES .Timeline__Image { transform: translateX(-60px) scale(1.1); } #DEPRECATED_STYLES .Timeline__Inner { padding: 34px 40px; color: #1c1b1b; } #DEPRECATED_STYLES .Timeline__Header { text-align: left; } } @media screen and (min-width: 1008px) { #DEPRECATED_STYLES .Timeline__ListItem { height: 515px; } #DEPRECATED_STYLES .Timeline__Inner { padding: 54px 60px; } } #DEPRECATED_STYLES .Timeline__Nav { position: relative; font-size: 11px; font-family: "Chronicle Display", serif; font-weight: "300"; font-style: "normal"; letter-spacing: 0.2em; color: #6a6a6a; background: white; } #DEPRECATED_STYLES .Timeline__NavWrapper { display: flex; justify-content: flex-start; align-items: center; white-space: nowrap; -webkit-overflow-scrolling: touch; overflow: auto; } #DEPRECATED_STYLES .Timeline__NavWrapper--center { justify-content: center; } #DEPRECATED_STYLES .Timeline__NavItem { position: relative; padding: 30px 20px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; letter-spacing: inherit; vertical-align: text-bottom; transition: all 0.25s ease-in-out; } #DEPRECATED_STYLES .Timeline__NavItem::after { position: absolute; content: ''; bottom: 0; left: 20px; height: 3px; width: calc(100% - 40px - 0.2em); opacity: 0; background: #1c1b1b; transform: scale(0, 1); transform-origin: left center; transition: opacity 0.3s, transform 0.3s; } #DEPRECATED_STYLES .Timeline__NavItem.is-selected { font-size: 18px; color: #1c1b1b; } #DEPRECATED_STYLES .Timeline__NavItem.is-selected::after { opacity: 1; transform: scale(1, 1); } #DEPRECATED_STYLES .Timeline__NavLabel { display: block; line-height: 0; } @media screen and (min-width: 641px) { #DEPRECATED_STYLES .Timeline { box-shadow: none; } #DEPRECATED_STYLES .Timeline__Nav { margin-top: 40px; background: none; font-size: 12px; } #DEPRECATED_STYLES .Timeline__NavWrapper { display: block; text-align: center; } #DEPRECATED_STYLES .Timeline__NavItem { padding-top: 20px; padding-bottom: 20px; } } @media screen and (min-width: 1240px) { #DEPRECATED_STYLES .Timeline__Nav { margin-top: 65px; } } #DEPRECATED_STYLES .swym-button.swym-show-wishlist { background: none; font-family: 'swym-icons'; font-size: inherit; font-weight: inherit; color: #FF4500; line-height: 100%; box-shadow: none; -webkit-appearance: none; min-width: 0px; max-width: 60px; margin: 0; padding: 0; border: 0; vertical-align: baseline; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; outline: none; display: inline-block; height: auto; overflow: visible; } #DEPRECATED_STYLES .swym-button.swym-show-wishlist.swym-heart:after { content: "\f08a"; } #DEPRECATED_STYLES .swym-show-wishlist:after { color: #000000 !important; } #DEPRECATED_STYLES .screen-reader-only { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; } #DEPRECATED_STYLES #yotpo-ugc-container { margin: 60px 0; } #DEPRECATED_STYLES #yotpo-ugc-container .yotpo-slider-title { font-family: "Chronicle Display", serif !important; } #DEPRECATED_STYLES .flow-consent-container .flow-consent-message-container-notice { position: fixed; bottom: 120px; left: 50px; z-index: 1000; background-color: #fff; padding: 10px 30px; box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.2); } #DEPRECATED_STYLES .flow-consent-container .flow-consent-message-container-notice a { font-weight: bold; cursor: pointer; } @media screen and (min-width: 1240px) { #DEPRECATED_STYLES .flow-consent-container .flow-consent-message-container-notice { max-width: 30%; } } #DEPRECATED_STYLES .dropdown-container { display: inline-block; color: white; cursor: pointer; position: relative; } #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .section-title, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .section-title { font-family: "Chronicle Display", serif; font-size: 25px; text-align: center; margin-top: 60px; } #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .section-title:not(.section-subtitle-present), #DEPRECATED_STYLES [id^=shopify-section-page__guide] .section-title:not(.section-subtitle-present) { margin-bottom: 30px; margin-top: 30px; } @media screen and (max-width: 640px) { #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .section-title, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .section-title { margin-top: 30px; } } #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .section-subtitle, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .section-subtitle { text-align: center; margin-bottom: 30px; } @media screen and (max-width: 640px) { #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .section-subtitle, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .section-subtitle { padding: 0 30px; } } #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .washes-blocks, #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .fabric-blocks, #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .fit-blocks, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .washes-blocks, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .fabric-blocks, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .fit-blocks { display: flex; width: 100%; padding: 0 60px 60px; justify-content: center; } @media screen and (max-width: 640px) { #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .washes-blocks, #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .fabric-blocks, #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .fit-blocks, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .washes-blocks, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .fabric-blocks, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .fit-blocks { overflow-x: scroll; overflow-y: hidden; justify-content: flex-start; padding: 0 5px 30px; } #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .washes-blocks::-webkit-scrollbar, #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .fabric-blocks::-webkit-scrollbar, #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .fit-blocks::-webkit-scrollbar, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .washes-blocks::-webkit-scrollbar, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .fabric-blocks::-webkit-scrollbar, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .fit-blocks::-webkit-scrollbar { display: none; } } #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .washes-blocks .washes-card, #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .washes-blocks .fabric-card, #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .washes-blocks .fit-card, #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .fabric-blocks .washes-card, #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .fabric-blocks .fabric-card, #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .fabric-blocks .fit-card, #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .fit-blocks .washes-card, #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .fit-blocks .fabric-card, #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .fit-blocks .fit-card, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .washes-blocks .washes-card, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .washes-blocks .fabric-card, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .washes-blocks .fit-card, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .fabric-blocks .washes-card, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .fabric-blocks .fabric-card, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .fabric-blocks .fit-card, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .fit-blocks .washes-card, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .fit-blocks .fabric-card, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .fit-blocks .fit-card { cursor: pointer; margin: 0 5px; } @media screen and (max-width: 640px) { #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .washes-blocks .washes-card, #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .washes-blocks .fabric-card, #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .washes-blocks .fit-card, #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .fabric-blocks .washes-card, #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .fabric-blocks .fabric-card, #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .fabric-blocks .fit-card, #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .fit-blocks .washes-card, #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .fit-blocks .fabric-card, #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .fit-blocks .fit-card, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .washes-blocks .washes-card, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .washes-blocks .fabric-card, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .washes-blocks .fit-card, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .fabric-blocks .washes-card, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .fabric-blocks .fabric-card, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .fabric-blocks .fit-card, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .fit-blocks .washes-card, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .fit-blocks .fabric-card, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .fit-blocks .fit-card { min-width: 65vw; } } #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .washes-blocks .washes-card img, #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .washes-blocks .fabric-card img, #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .washes-blocks .fit-card img, #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .fabric-blocks .washes-card img, #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .fabric-blocks .fabric-card img, #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .fabric-blocks .fit-card img, #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .fit-blocks .washes-card img, #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .fit-blocks .fabric-card img, #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .fit-blocks .fit-card img, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .washes-blocks .washes-card img, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .washes-blocks .fabric-card img, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .washes-blocks .fit-card img, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .fabric-blocks .washes-card img, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .fabric-blocks .fabric-card img, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .fabric-blocks .fit-card img, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .fit-blocks .washes-card img, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .fit-blocks .fabric-card img, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .fit-blocks .fit-card img { width: 100%; } #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .steps-blocks, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .steps-blocks { display: flex; flex-wrap: wrap; padding: 0 60px; } @media screen and (max-width: 640px) { #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .steps-blocks, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .steps-blocks { padding: 0; } } #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .steps-blocks .steps-card, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .steps-blocks .steps-card { width: calc(50% - 4px); } @media screen and (max-width: 640px) { #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .steps-blocks .steps-card, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .steps-blocks .steps-card { width: 100%; padding: 0 !important; } } #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .steps-blocks .steps-card:nth-child(1) .card-wrapper, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .steps-blocks .steps-card:nth-child(1) .card-wrapper { padding-top: 80px; padding-left: 80px; max-width: 746px; margin: 0 auto; } #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .steps-blocks .steps-card:nth-child(2) .card-wrapper, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .steps-blocks .steps-card:nth-child(2) .card-wrapper { padding-right: 80px; padding-top: 0; max-width: 500px; margin: 0 auto; } #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .steps-blocks .steps-card:nth-child(3) .card-wrapper, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .steps-blocks .steps-card:nth-child(3) .card-wrapper { padding-left: 120px; padding-top: 20px; max-width: 500px; margin: 0 auto; } #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .steps-blocks .steps-card:nth-child(4) .card-wrapper, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .steps-blocks .steps-card:nth-child(4) .card-wrapper { padding-top: 120px; padding-right: 80px; max-width: 646px; margin: 0 auto; } #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .washes-card, #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .fabric-card, #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .fit-card, #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .style-card, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .washes-card, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .fabric-card, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .fit-card, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .style-card { position: relative; } #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .washes-card .title-overlay, #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .fabric-card .title-overlay, #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .fit-card .title-overlay, #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .style-card .title-overlay, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .washes-card .title-overlay, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .fabric-card .title-overlay, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .fit-card .title-overlay, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .style-card .title-overlay { position: absolute; top: 0%; left: 0; width: 92%; height: 94%; margin: 4%; display: flex; align-items: center; justify-content: center; transition: background 0.3s ease; } #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .washes-card .title-overlay span, #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .fabric-card .title-overlay span, #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .fit-card .title-overlay span, #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .style-card .title-overlay span, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .washes-card .title-overlay span, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .fabric-card .title-overlay span, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .fit-card .title-overlay span, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .style-card .title-overlay span { display: block; font-family: "Chronicle Display", serif; color: #FFF; transition: color 0.3s ease; font-size: 21px; } #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .washes-card:hover .title-overlay, #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .fabric-card:hover .title-overlay, #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .fit-card:hover .title-overlay, #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .style-card:hover .title-overlay, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .washes-card:hover .title-overlay, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .fabric-card:hover .title-overlay, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .fit-card:hover .title-overlay, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .style-card:hover .title-overlay { background: rgba(255, 255, 255, 0.6); } #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .washes-card:hover .title-overlay span, #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .fabric-card:hover .title-overlay span, #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .fit-card:hover .title-overlay span, #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .style-card:hover .title-overlay span, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .washes-card:hover .title-overlay span, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .fabric-card:hover .title-overlay span, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .fit-card:hover .title-overlay span, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .style-card:hover .title-overlay span { color: #000; } #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .style-blocks, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .style-blocks { display: flex; justify-content: center; cursor: pointer; overflow-x: scroll; overflow-y: hidden; justify-content: flex-start; padding-bottom: 5px; } #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .style-blocks::-webkit-scrollbar, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .style-blocks::-webkit-scrollbar { width: 5px; height: 5px; } #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .style-blocks::-webkit-scrollbar-track, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .style-blocks::-webkit-scrollbar-track { background-color: #eaedee; border-radius: 30px; } #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .style-blocks::-webkit-scrollbar-thumb, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .style-blocks::-webkit-scrollbar-thumb { background-color: #ccc; outline: none; border-radius: 30px; } #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .style-blocks[data-fabric-parent], #DEPRECATED_STYLES [id^=shopify-section-page__guide] .style-blocks[data-fabric-parent] { cursor: inherit; flex-wrap: wrap; /*margin-top: 85px;*/ padding: 0 60px 60px; } @media screen and (max-width: 640px) { #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .style-blocks[data-fabric-parent], #DEPRECATED_STYLES [id^=shopify-section-page__guide] .style-blocks[data-fabric-parent] { flex-wrap: nowrap; padding: 1rem !important; column-gap: 0 !important; } #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .style-blocks[data-fabric-parent] > :first-child, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .style-blocks[data-fabric-parent] > :first-child { padding: 2rem 13% !important; } #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .style-blocks[data-fabric-parent] > :last-child, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .style-blocks[data-fabric-parent] > :last-child { background-color: #f1f1ef; display: flex; align-items: center; } } @media screen and (max-width: 640px) { #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .style-blocks, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .style-blocks { padding: 0 5px 30px; } #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .style-blocks::-webkit-scrollbar, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .style-blocks::-webkit-scrollbar { display: none; } } #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .style-blocks .style-card, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .style-blocks .style-card { padding: 0 3px; min-width: 21vw; } #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .style-blocks .style-card[data-fabric-parent], #DEPRECATED_STYLES [id^=shopify-section-page__guide] .style-blocks .style-card[data-fabric-parent] { width: calc(50% - 4px); } @media screen and (min-width: 1500px) { #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .style-blocks .style-card, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .style-blocks .style-card { min-width: 21vw; } } @media screen and (min-width: 1240px) { #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .style-blocks .style-card, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .style-blocks .style-card { min-width: 24vw; } } @media screen and (max-width: 640px) { #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .style-blocks .style-card, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .style-blocks .style-card { min-width: 75vw; } } #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .style-blocks, #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .style-detail, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .style-blocks, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .style-detail { opacity: 0; height: 0; visibility: hidden; transition: opacity 0.3s ease; animation: fade-out 1000ms cubic-bezier(0.645, 0.045, 0.355, 1) forwards; } #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .style-blocks.hide, #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .style-detail.hide, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .style-blocks.hide, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .style-detail.hide { clip: rect(0, 0, 0, 0); padding: 0; } #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .style-blocks:not(.hide), #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .style-detail:not(.hide), #DEPRECATED_STYLES [id^=shopify-section-page__guide] .style-blocks:not(.hide), #DEPRECATED_STYLES [id^=shopify-section-page__guide] .style-detail:not(.hide) { opacity: 1; animation: fade-in 1000ms cubic-bezier(0.645, 0.045, 0.355, 1) forwards; height: auto; visibility: visible; } #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .style-card, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .style-card { position: relative; } #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .style-card .style-card-info, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .style-card .style-card-info { width: 40%; position: absolute; top: 0; height: 100%; display: flex; flex-direction: column; text-align: left; margin-left: 10%; justify-content: flex-start; padding-top: 23%; } #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .style-card img, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .style-card img { width: 100%; height: 100%; object-fit: cover; } @media screen and (max-width: 640px) { #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .style-card small, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .style-card small { line-height: 140%; } } #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .style-detail p, #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .style-detail h2, #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .style-detail span, #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .style-detail small, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .style-detail p, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .style-detail h2, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .style-detail span, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .style-detail small { color: #58595B; } #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .style-detail:not(.hide), #DEPRECATED_STYLES [id^=shopify-section-page__guide] .style-detail:not(.hide) { margin-top: 85px; padding: 0 60px 60px; } @media screen and (max-width: 640px) { #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .style-detail:not(.hide), #DEPRECATED_STYLES [id^=shopify-section-page__guide] .style-detail:not(.hide) { padding: 0 0 30px; margin-top: 30px; } } #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .style-detail .full-width, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .style-detail .full-width { position: relative; display: flex; } @media screen and (max-width: 640px) { #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .style-detail .full-width, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .style-detail .full-width { flex-direction: column; } } #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .style-detail .full-width img, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .style-detail .full-width img { width: 100%; } #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .style-detail .full-width .full-width-text, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .style-detail .full-width .full-width-text { background-color: #f1f1ef; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 0 13%; margin-right: 60px; } @media screen and (max-width: 640px) { #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .style-detail .full-width .full-width-text, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .style-detail .full-width .full-width-text { padding: 30px 30px 0 30px; position: relative; margin-right: 0; } } #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .style-detail .VideoWrapper, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .style-detail .VideoWrapper { margin-top: 85px; } @media screen and (max-width: 640px) { #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .style-detail .VideoWrapper, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .style-detail .VideoWrapper { margin-top: 30px; } } #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .style-detail .additional-media, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .style-detail .additional-media { display: grid; margin-top: 85px; grid-template-columns: repeat(11, minmax(0, 1fr)); grid-template-rows: repeat(4, minmax(0, 1fr)); } @media screen and (max-width: 640px) { #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .style-detail .additional-media, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .style-detail .additional-media { margin-top: 30px; } } #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .style-detail .additional-media .image-left, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .style-detail .additional-media .image-left { grid-row-start: 2; grid-row-end: 5; grid-column-start: 2; grid-column-end: 6; object-fit: cover; width: 100%; } #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .style-detail .additional-media .image-right, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .style-detail .additional-media .image-right { grid-row-start: 1; grid-row-end: 6; grid-column-start: 7; grid-column-end: 11; object-fit: cover; width: 100%; } #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .collection-links, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .collection-links { display: flex; margin-top: 60px; } #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .collection-links.hide, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .collection-links.hide { display: none !important; } @media screen and (max-width: 640px) { #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .collection-links, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .collection-links { flex-direction: column-reverse; margin-top: 0; } } #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .collection-links.fabric, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .collection-links.fabric { width: 100%; } #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .collection-links a, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .collection-links a { background: #F1F1EF; padding: 40px; display: flex; align-items: center; justify-content: center; text-align: center; width: calc(50% - 4px); text-transform: uppercase; margin: 0 2px; } @media screen and (max-width: 640px) { #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .collection-links a, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .collection-links a { width: 100%; margin: 2px 0; padding: 30px 15px; } } #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .collection-links a.fabric, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .collection-links a.fabric { width: 100%; } #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide].bg-grey, #DEPRECATED_STYLES [id^=shopify-section-page__guide].bg-grey { background-color: #F1F1EF; } #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide].hero.bg-grey, #DEPRECATED_STYLES [id^=shopify-section-page__guide].hero.bg-grey { background-color: #F1F1EF; } @media screen and (min-width: 1008px) { #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide].hero, #DEPRECATED_STYLES [id^=shopify-section-page__guide].hero { display: flex; margin-bottom: 65px; } #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide].hero.sustainability, #DEPRECATED_STYLES [id^=shopify-section-page__guide].hero.sustainability { margin-top: 65px; } } #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide].hero .link p, #DEPRECATED_STYLES [id^=shopify-section-page__guide].hero .link p { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; font-style: italic; color: white; } #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide].hero > div:first-child, #DEPRECATED_STYLES [id^=shopify-section-page__guide].hero > div:first-child { display: flex; flex-direction: column; justify-content: center; } @media screen and (max-width: 640px) { #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide].hero > div:first-child, #DEPRECATED_STYLES [id^=shopify-section-page__guide].hero > div:first-child { padding: 60px 30px; } } @media screen and (min-width: 1008px) { #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide].hero h1, #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide].hero p, #DEPRECATED_STYLES [id^=shopify-section-page__guide].hero h1, #DEPRECATED_STYLES [id^=shopify-section-page__guide].hero p { padding-left: 65px; } } #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide].hero p, #DEPRECATED_STYLES [id^=shopify-section-page__guide].hero p { max-width: 310px; } @media screen and (max-width: 640px) { #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide].hero p, #DEPRECATED_STYLES [id^=shopify-section-page__guide].hero p { max-width: 290px; } } #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide].hero:not(.sustainability) p:before, #DEPRECATED_STYLES [id^=shopify-section-page__guide].hero:not(.sustainability) p:before { content: ''; width: 11px; height: 1px; background: #58595B; display: block; margin-top: 30px; margin-bottom: 10px; } #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide].hero.sustainability p, #DEPRECATED_STYLES [id^=shopify-section-page__guide].hero.sustainability p { margin: 0 auto; text-align: center; padding: 0; } #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .steps-card, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .steps-card { text-align: center; } #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .steps-card:nth-child(odd), #DEPRECATED_STYLES [id^=shopify-section-page__guide] .steps-card:nth-child(odd) { padding-right: 5px; } #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .steps-card:nth-child(even), #DEPRECATED_STYLES [id^=shopify-section-page__guide] .steps-card:nth-child(even) { padding-left: 5px; } #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .steps-card .full-width-text, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .steps-card .full-width-text { max-width: 300px; margin: 30px auto; } @media screen and (min-width: 1008px) { #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide].size-chart, #DEPRECATED_STYLES [id^=shopify-section-page__guide].size-chart { margin: 85px 0 100px; padding: 30px; } } #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .underline-decoration, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .underline-decoration { position: relative; } #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .underline-decoration:after, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .underline-decoration:after { content: ''; width: 11px; height: 1px; background: #58595B; display: block; margin-top: 10px; margin-bottom: 30px; } #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .underline-decoration.center-decoration:after, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .underline-decoration.center-decoration:after { margin: 30px auto 0; } #DEPRECATED_STYLES [id^=shopify-section-page__mens-guide] .Heading.no-transform, #DEPRECATED_STYLES [id^=shopify-section-page__guide] .Heading.no-transform { text-transform: none; letter-spacing: unset; } @media screen and (min-width: 750px) { #DEPRECATED_STYLES .side-hero.hero .AspectRatio { min-height: 500px; } } #DEPRECATED_STYLES .side-hero.hero.bg-grey { background-color: #F1F1EF; } @media screen and (min-width: 1008px) { #DEPRECATED_STYLES .side-hero.hero { display: flex; margin-bottom: 15px; } #DEPRECATED_STYLES .side-hero.hero.sustainability { margin-top: 65px; } } @media screen and (max-width: 640px) { #DEPRECATED_STYLES .side-hero.hero { /* neutralize aspect ratio here, but keep it for desktop */ } #DEPRECATED_STYLES .side-hero.hero p { font-size: 12px; } #DEPRECATED_STYLES .side-hero.hero .AspectRatio:before { padding-bottom: 0; } #DEPRECATED_STYLES .side-hero.hero .AspectRatio img { position: initial; transform: initial; } } #DEPRECATED_STYLES .side-hero.hero .link p { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; font-style: italic; color: white; } #DEPRECATED_STYLES .side-hero.hero > div:first-child:not(.Grid-whole) { display: flex; flex-direction: column; justify-content: center; } @media screen and (max-width: 640px) { #DEPRECATED_STYLES .side-hero.hero > div:first-child:not(.Grid-whole) { padding: 30px 30px; } } #DEPRECATED_STYLES .side-hero.hero .Grid-whole .SectionHeader__Heading.Heading { position: absolute; left: 0; right: 0; top: calc(50% - 20px); width: 100%; text-align: center; } @media screen and (min-width: 1008px) { #DEPRECATED_STYLES .side-hero.hero h1, #DEPRECATED_STYLES .side-hero.hero p { padding-left: 65px; } } @media screen and (min-width: 1008px) { #DEPRECATED_STYLES .side-hero.hero p { padding-right: 65px; } } @media screen and (max-width: 640px) { #DEPRECATED_STYLES .side-hero.hero p { max-width: 290px; } } #DEPRECATED_STYLES .side-hero.hero:not(.sustainability) p:before { content: ''; width: 11px; height: 1px; background: #58595B; display: block; margin-top: 30px; margin-bottom: 10px; } #DEPRECATED_STYLES .side-hero.hero.sustainability p { margin: 0 auto; text-align: center; padding: 0; } #DEPRECATED_STYLES .subcategories { display: flex; align-items: center; justify-content: center; padding: 0 42px; margin-bottom: 0px; } #DEPRECATED_STYLES .subcategories a { flex: 1; margin: 0 8px; position: relative; } #DEPRECATED_STYLES .subcategories a span { position: absolute; top: 50%; left: 20px; width: 40%; transform: translateY(-40%); font-family: "Chronicle Display",serif; font-size: 16px; } #DEPRECATED_STYLES .klaviyo_wrap_legacy .klaviyo_wrap { display: flex; } #DEPRECATED_STYLES .klaviyo_wrap_legacy .klaviyo_wrap .klaviyo_field_group { width: 60%; margin-right: 15px; } #DEPRECATED_STYLES .klaviyo_wrap_legacy .klaviyo_wrap .klaviyo_field_group input { width: 100%; height: 25px; padding-left: 5px; text-transform: uppercase; letter-spacing: .1em; font-size: 10px; } #DEPRECATED_STYLES .klaviyo_wrap_legacy .klaviyo_wrap .klaviyo_form_actions { width: 40%; } #DEPRECATED_STYLES .klaviyo_wrap_legacy .klaviyo_wrap .klaviyo_form_actions .Button.Button--primary, #DEPRECATED_STYLES .klaviyo_wrap_legacy .klaviyo_wrap .klaviyo_form_actions .shopify-payment-button__button--unbranded, #DEPRECATED_STYLES .klaviyo_wrap_legacy .klaviyo_wrap .klaviyo_form_actions #shopify-product-reviews .spr-summary-actions-newreview, #DEPRECATED_STYLES #shopify-product-reviews .klaviyo_wrap_legacy .klaviyo_wrap .klaviyo_form_actions .spr-summary-actions-newreview, #DEPRECATED_STYLES .klaviyo_wrap_legacy .klaviyo_wrap .klaviyo_form_actions #shopify-product-reviews .spr-button-primary:not(input), #DEPRECATED_STYLES #shopify-product-reviews .klaviyo_wrap_legacy .klaviyo_wrap .klaviyo_form_actions .spr-button-primary:not(input), #DEPRECATED_STYLES .klaviyo_wrap_legacy .klaviyo_wrap .klaviyo_form_actions #shopify-product-reviews input.Button--primary.spr-button-primary, #DEPRECATED_STYLES #shopify-product-reviews .klaviyo_wrap_legacy .klaviyo_wrap .klaviyo_form_actions input.Button--primary.spr-button-primary, #DEPRECATED_STYLES .klaviyo_wrap_legacy .klaviyo_wrap .klaviyo_form_actions #shopify-product-reviews input.spr-button-primary.shopify-payment-button__button--unbranded, #DEPRECATED_STYLES #shopify-product-reviews .klaviyo_wrap_legacy .klaviyo_wrap .klaviyo_form_actions input.spr-button-primary.shopify-payment-button__button--unbranded, #DEPRECATED_STYLES .klaviyo_wrap_legacy .klaviyo_wrap .klaviyo_form_actions #shopify-product-reviews .spr-pagination-prev > a.Button--primary, #DEPRECATED_STYLES #shopify-product-reviews .klaviyo_wrap_legacy .klaviyo_wrap .klaviyo_form_actions .spr-pagination-prev > a.Button--primary, #DEPRECATED_STYLES .klaviyo_wrap_legacy .klaviyo_wrap .klaviyo_form_actions #shopify-product-reviews .spr-pagination-prev > a.shopify-payment-button__button--unbranded, #DEPRECATED_STYLES #shopify-product-reviews .klaviyo_wrap_legacy .klaviyo_wrap .klaviyo_form_actions .spr-pagination-prev > a.shopify-payment-button__button--unbranded, #DEPRECATED_STYLES .klaviyo_wrap_legacy .klaviyo_wrap .klaviyo_form_actions #shopify-product-reviews .spr-pagination-next > a.Button--primary, #DEPRECATED_STYLES #shopify-product-reviews .klaviyo_wrap_legacy .klaviyo_wrap .klaviyo_form_actions .spr-pagination-next > a.Button--primary, #DEPRECATED_STYLES .klaviyo_wrap_legacy .klaviyo_wrap .klaviyo_form_actions #shopify-product-reviews .spr-pagination-next > a.shopify-payment-button__button--unbranded, #DEPRECATED_STYLES #shopify-product-reviews .klaviyo_wrap_legacy .klaviyo_wrap .klaviyo_form_actions .spr-pagination-next > a.shopify-payment-button__button--unbranded { width: 100%; text-align: left; padding: 0 20px; height: 25px; font-size: 10px; letter-spacing: .1em; } #DEPRECATED_STYLES .klaviyo_wrap_legacy .klaviyo_wrap .klaviyo_form_actions .Button.Button--primary:before, #DEPRECATED_STYLES .klaviyo_wrap_legacy .klaviyo_wrap .klaviyo_form_actions .shopify-payment-button__button--unbranded:before, #DEPRECATED_STYLES .klaviyo_wrap_legacy .klaviyo_wrap .klaviyo_form_actions #shopify-product-reviews .spr-summary-actions-newreview:before, #DEPRECATED_STYLES #shopify-product-reviews .klaviyo_wrap_legacy .klaviyo_wrap .klaviyo_form_actions .spr-summary-actions-newreview:before, #DEPRECATED_STYLES .klaviyo_wrap_legacy .klaviyo_wrap .klaviyo_form_actions #shopify-product-reviews .spr-button-primary:not(input):before, #DEPRECATED_STYLES #shopify-product-reviews .klaviyo_wrap_legacy .klaviyo_wrap .klaviyo_form_actions .spr-button-primary:not(input):before, #DEPRECATED_STYLES .klaviyo_wrap_legacy .klaviyo_wrap .klaviyo_form_actions #shopify-product-reviews input.Button--primary.spr-button-primary:before, #DEPRECATED_STYLES #shopify-product-reviews .klaviyo_wrap_legacy .klaviyo_wrap .klaviyo_form_actions input.Button--primary.spr-button-primary:before, #DEPRECATED_STYLES .klaviyo_wrap_legacy .klaviyo_wrap .klaviyo_form_actions #shopify-product-reviews input.spr-button-primary.shopify-payment-button__button--unbranded:before, #DEPRECATED_STYLES #shopify-product-reviews .klaviyo_wrap_legacy .klaviyo_wrap .klaviyo_form_actions input.spr-button-primary.shopify-payment-button__button--unbranded:before, #DEPRECATED_STYLES .klaviyo_wrap_legacy .klaviyo_wrap .klaviyo_form_actions #shopify-product-reviews .spr-pagination-prev > a.Button--primary:before, #DEPRECATED_STYLES #shopify-product-reviews .klaviyo_wrap_legacy .klaviyo_wrap .klaviyo_form_actions .spr-pagination-prev > a.Button--primary:before, #DEPRECATED_STYLES .klaviyo_wrap_legacy .klaviyo_wrap .klaviyo_form_actions #shopify-product-reviews .spr-pagination-prev > a.shopify-payment-button__button--unbranded:before, #DEPRECATED_STYLES #shopify-product-reviews .klaviyo_wrap_legacy .klaviyo_wrap .klaviyo_form_actions .spr-pagination-prev > a.shopify-payment-button__button--unbranded:before, #DEPRECATED_STYLES .klaviyo_wrap_legacy .klaviyo_wrap .klaviyo_form_actions #shopify-product-reviews .spr-pagination-next > a.Button--primary:before, #DEPRECATED_STYLES #shopify-product-reviews .klaviyo_wrap_legacy .klaviyo_wrap .klaviyo_form_actions .spr-pagination-next > a.Button--primary:before, #DEPRECATED_STYLES .klaviyo_wrap_legacy .klaviyo_wrap .klaviyo_form_actions #shopify-product-reviews .spr-pagination-next > a.shopify-payment-button__button--unbranded:before, #DEPRECATED_STYLES #shopify-product-reviews .klaviyo_wrap_legacy .klaviyo_wrap .klaviyo_form_actions .spr-pagination-next > a.shopify-payment-button__button--unbranded:before { background-color: #4d4d4f; } #DEPRECATED_STYLES .klaviyo_wrap_legacy .checkboxes { display: flex; align-items: center; justify-content: center; } @media screen and (max-width: 640px) { #DEPRECATED_STYLES .klaviyo_wrap_legacy .checkboxes { flex-direction: column; align-items: flex-start; } } #DEPRECATED_STYLES .klaviyo_wrap_legacy .checkboxes input[type="radio"] { display: none; } #DEPRECATED_STYLES .klaviyo_wrap_legacy .checkboxes input[type="radio"]:checked + label:after { background: #1b1b1b; } #DEPRECATED_STYLES .klaviyo_wrap_legacy .checkboxes .checkbox { display: flex; align-items: center; justify-content: center; flex-direction: row-reverse; } #DEPRECATED_STYLES .klaviyo_wrap_legacy .checkboxes fieldset { border: 0; padding: 0; margin: 0; display: flex; margin-top: 15px; width: 60%; justify-content: space-between; margin-right: 15px; } #DEPRECATED_STYLES .klaviyo_wrap_legacy .checkboxes fieldset .checkbox:last-child label { margin-right: 0; } #DEPRECATED_STYLES .klaviyo_wrap_legacy .checkboxes label { display: flex; align-items: center; justify-content: center; margin-right: 21px; } #DEPRECATED_STYLES .klaviyo_wrap_legacy .checkboxes label:after { position: relative; display: inline-block; width: 20px; height: 18px; border: 1px solid #808080; content: ""; background: transparent; margin-left: 8px; } #DEPRECATED_STYLES .klaviyo_wrap_legacy .checkboxes select { width: 40%; margin-top: 15px; background: transparent; text-transform: uppercase; font-size: 12px; min-height: 20px; } @media screen and (max-width: 640px) { #DEPRECATED_STYLES .Footer__Copyright { margin-top: 60px; } } #DEPRECATED_STYLES .shopify-section--grey { background-color: #f1f1ef; margin: 80px 0; } #DEPRECATED_STYLES #infinite-pagination { text-align: center; } #DEPRECATED_STYLES .lds-ellipsis { display: inline-block; position: relative; width: 64px; height: 64px; margin: 0 auto; } #DEPRECATED_STYLES .lds-ellipsis div { position: absolute; top: 27px; width: 11px; height: 2px; background: #000; animation-timing-function: cubic-bezier(0, 1, 1, 0); } #DEPRECATED_STYLES .lds-ellipsis div:nth-child(1) { left: 6px; animation: lds-ellipsis1 0.6s infinite; } #DEPRECATED_STYLES .lds-ellipsis div:nth-child(2) { left: 6px; animation: lds-ellipsis2 0.6s infinite; } #DEPRECATED_STYLES .lds-ellipsis div:nth-child(3) { left: 26px; animation: lds-ellipsis2 0.6s infinite; } #DEPRECATED_STYLES .lds-ellipsis div:nth-child(4) { left: 45px; animation: lds-ellipsis3 0.6s infinite; } #DEPRECATED_STYLES .FeaturedImages { display: flex; } #DEPRECATED_STYLES .FeaturedImages .CollectionItem__Content.CollectionItem__Content--bottomLeft { padding: 0 25px; bottom: 25px; } #DEPRECATED_STYLES .FeaturedImages .CollectionItem__Content.CollectionItem__Content--bottomLeft .Heading { color: #000 !important; font-size: 15px; } #DEPRECATED_STYLES .FeaturedImages.Carousel--insideDots .flickity-prev-next-button.previous { left: 30px; bottom: 50%; } #DEPRECATED_STYLES .FeaturedImages.Carousel--insideDots .flickity-prev-next-button.next { right: 30px; bottom: 50%; } #DEPRECATED_STYLES .FeaturedImages .CollectionItem { min-width: calc(100vw - 30px); max-width: calc(100vw - 30px); padding: 0; } @media screen and (min-width: 1240px) { #DEPRECATED_STYLES .FeaturedImages .CollectionItem.twentyvw { min-width: calc((100vw - 50px) / 5); max-width: calc((100vw - 50px) / 5); padding: 5px; } } #DEPRECATED_STYLES .sizing-chart-modal-link svg { display: none; } #DEPRECATED_STYLES .modal__overlay { position: fixed; right: 50px; bottom: 50px; display: flex; justify-content: flex-end; align-items: flex-end; z-index: 100000; } @media only screen and (max-width: 600px) { #DEPRECATED_STYLES .modal__overlay { left: 50px; font-size: 11px; } } #DEPRECATED_STYLES .modal__container { background-color: #fff; padding: 30px; max-width: 600px; max-height: 100vh; border-radius: 4px; overflow-y: auto; box-sizing: border-box; font-size: 12px; text-align: center; background-color: #f5f5f4; } #DEPRECATED_STYLES .modal__container a { text-decoration: underline; } #DEPRECATED_STYLES .modal__header { display: flex; justify-content: space-between; align-items: center; } #DEPRECATED_STYLES .modal__title { margin-top: 0; margin-bottom: 0; font-size: 2.25rem; line-height: 1.25; color: #28eac2; box-sizing: border-box; } #DEPRECATED_STYLES .modal__close { background: transparent; border: 0; } #DEPRECATED_STYLES .modal__header .modal__close:before { content: "\2715"; } #DEPRECATED_STYLES .modal__content { line-height: 1.75; color: rgba(0, 0, 0, 0.8); } #DEPRECATED_STYLES .modal__btn { /* font-size: 0.875rem; padding: 0.5rem 1rem; background-color: #e6e6e6; color: rgba(0, 0, 0, 0.8); border-radius: 0.25rem; border-style: none; border-width: 0; cursor: pointer; -webkit-appearance: button; text-transform: none; overflow: visible; line-height: 1.15; margin: 0; will-change: transform; -moz-osx-font-smoothing: grayscale; backface-visibility: hidden; -webkit-transform: translateZ(0); transform: translateZ(0); transition: -webkit-transform 0.25s ease-out; transition: transform 0.25s ease-out; transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out; */ font-size: 10px; background-color: white; border: 1.5px #000 solid; border-radius: 15px; padding: 4px 16px; display: inline-block; } #DEPRECATED_STYLES .modal__btn:focus, #DEPRECATED_STYLES .modal__btn:hover { -webkit-transform: scale(1.05); transform: scale(1.05); } #DEPRECATED_STYLES .modal__btn-primary { background-color: #00449e; color: #fff; } #DEPRECATED_STYLES .micromodal-slide { display: none; } #DEPRECATED_STYLES .micromodal-slide.is-open { display: block; } #DEPRECATED_STYLES .micromodal-slide[aria-hidden="false"] .modal__overlay { animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1); } #DEPRECATED_STYLES .micromodal-slide[aria-hidden="false"] .modal__container { animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1); } #DEPRECATED_STYLES .micromodal-slide[aria-hidden="true"] .modal__overlay { animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1); } #DEPRECATED_STYLES .micromodal-slide[aria-hidden="true"] .modal__container { animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1); } #DEPRECATED_STYLES .micromodal-slide .modal__container, #DEPRECATED_STYLES .micromodal-slide .modal__overlay { will-change: transform; }