/** Shopify CDN: Minification failed Line 13710:2 "positon" is not a known CSS property Line 20745:4 Comments in CSS use "/* ... */" instead of "//" Line 23227:0 Unexpected "}" Line 23232:0 Unexpected "}" **/ @charset "UTF-8"; .surface-pick-up-embed { --surface-pick-up-embed-theme-success-color: limegreen; --surface-pick-up-embed-theme-error-color: #b33a3a; --surface-pick-up-embed-theme-paragraph-font-size: 16px; --surface-pick-up-embed-theme-paragraph-smaller-font-size: calc(var(--surface-pick-up-embed-theme-paragraph-font-size) - 4px); --surface-pick-up-embed-theme-body-font-weight-bold: 600; --surface-pick-up-embed-theme-body-text-color: #808080; --surface-pick-up-embed-theme-link-text-decoration: underline; --surface-pick-up-embed-row-gap: 10px; --surface-pick-up-embed-column-gap: 10px; display: grid; grid-template-columns: -webkit-min-content auto; grid-template-columns: min-content auto; row-gap: var(--surface-pick-up-embed-row-gap); column-gap: var(--surface-pick-up-embed-column-gap); justify-content: flex-start; text-align: left; } .surface-pick-up-embed__in-stock-icon, .surface-pick-up-embed__out-of-stock-icon { grid-column-start: 1; grid-column-end: 2; margin-top: 3px; } .surface-pick-up-embed__in-stock-icon { fill: var(--surface-pick-up-embed-theme-success-color); } .surface-pick-up-embed__out-of-stock-icon { fill: var(--surface-pick-up-embed-theme-error-color); } .surface-pick-up-embed__location-info, .surface-pick-up-embed__modal-btn { grid-column-start: 2; grid-column-end: 3; } .surface-pick-up-embed__location-info { grid-row-start: 1; grid-row-end: 2; } .surface-pick-up-embed__location-availability { margin-top: 0; margin-bottom: 0; font-family: inherit; font-size: var(--surface-pick-up-embed-theme-paragraph-font-size); font-weight: inherit; color: var(--surface-pick-up-embed-theme-body-text-color); } .surface-pick-up-embed__location-availability b { font-weight: var(--surface-pick-up-embed-theme-body-font-weight-bold); } .surface-pick-up-embed__location-pick-up-time { font-size: var(--surface-pick-up-embed-theme-paragraph-smaller-font-size); color: var(--surface-pick-up-embed-theme-body-text-color); } .surface-pick-up-embed__modal-btn { grid-row-start: 2; grid-row-end: 3; justify-self: start; padding: 0; font-size: var(--surface-pick-up-embed-theme-paragraph-smaller-font-size); color: var(--surface-pick-up-theme-embed-body-text-color); text-align: left; -webkit-text-decoration: var(--surface-pick-up-embed-theme-link-text-decoration); text-decoration: var(--surface-pick-up-embed-theme-link-text-decoration); cursor: pointer; background-color: initial; border: 0; } .surface-pick-up-items { padding: 0; margin: 0; } .surface-pick-up-item { --surface-pick-up-item-theme-success-color: limegreen; --surface-pick-up-item-theme-error-color: #b33a3a; --surface-pick-up-item-theme-paragraph-font-size: 16px; --surface-pick-up-item-theme-paragraph-smaller-font-size: calc(var(--surface-pick-up-item-theme-paragraph-font-size) - 4px); --surface-pick-up-item-theme-body-font-weight-bold: 600; --surface-pick-up-item-theme-body-text-color: #808080; --surface-pick-up-item-theme-border-color: #d9d9d9; --surface-pick-up-item-theme-link-text-decoration: underline; --surface-pick-up-item-row-gap: 10px; --surface-pick-up-item-column-gap: 5px; --surface-pick-up-item-gap: 28px; display: grid; grid-template-columns: repeat(2, auto) 1fr; row-gap: var(--surface-pick-up-item-row-gap); column-gap: var(--surface-pick-up-item-column-gap); justify-content: flex-start; padding-bottom: var(--surface-pick-up-item-gap); margin: var(--surface-pick-up-item-gap) 0 0; text-align: left; border-bottom: 1px solid var(--surface-pick-up-item-theme-border-color); } .surface-pick-up-item:last-child { padding-bottom: 0; border-bottom: none; } .surface-pick-up-item__header { display: flex; grid-column: span 3; align-items: flex-end; } .surface-pick-up-item__pick-up-location { margin-top: 0; margin-bottom: 0; font-family: inherit; font-size: var(--surface-pick-up-item-theme-paragraph-font-size); font-weight: var(--surface-pick-up-item-theme-body-font-weight-bold); color: var(--surface-pick-up-item-theme-body-text-color); } .surface-pick-up-item__pick-up-distance { padding-left: 2rem; margin: 0 0 0 auto; } .surface-pick-up-item__in-stock-icon, .surface-pick-up-item__out-of-stock-icon { grid-row-start: 2; grid-row-end: 3; grid-column-start: 1; grid-column-end: 2; margin-top: 1px; } .surface-pick-up-item__in-stock-icon { fill: var(--surface-pick-up-item-theme-success-color); } .surface-pick-up-item__out-of-stock-icon { fill: var(--surface-pick-up-item-theme-error-color); } .surface-pick-up-item__availability { grid-row-start: 2; grid-row-end: 3; grid-column-start: 2; grid-column-end: 3; font-size: var(--surface-pick-up-item-theme-paragraph-smaller-font-size); color: var(--surface-pick-up-item-theme-body-text-color); } .surface-pick-up-item__address-info { grid-row-start: 3; grid-row-end: 4; grid-column-start: 1; grid-column-end: 3; font-size: var(--surface-pick-up-item-theme-paragraph-smaller-font-size); font-style: normal; line-height: 1.4; color: var(--surface-pick-up-item-theme-body-text-color); } .surface-pick-up-item__address-info p { margin: 0; } .surface-pick-up-item__address-info a, .surface-pick-up-item__address-info a:visited { color: inherit; text-decoration: none; } .surface-pick-up-item__address-info a:focus, .surface-pick-up-item__address-info a:active, .surface-pick-up-item__address-info a:hover { color: inherit; } .surface-pick-up-item__confirm-address { margin-top: var(--surface-pick-up-item-row-gap); } .surface-pick-up-item__confirm-address-icon { display: inline-block; width: 10px; height: 10px; margin-right: 5px; } /****************************************************************** Theme Name: Turbo Theme URI: https://outofthesandbox.com/collections/turbo-theme Author: Out of the Sandbox (https://outofthesandbox.com) Description: Shopify Theme (https://www.shopify.com/&ref=out-of-the-sandbox) ******************************************************************/ /* Table of Contents ================================================== #Variables #Mixins #Helper Classes #Functions #Grid/layout #Reset #Basic Styles #Breadcrumbs #Typography #Links #Lists #Menu #Images #Placeholders #Videos #Buttons #Tabs #Product tabs #Collapsible tab #Accordions #Forms #Contact Form #Newsletter #Tables #Misc #Testimonials #FAQ Template #Team Template #Logo-list #Gallery Section #Ratings #Recently Viewed #Search autocomplete #Search page #Site Styles #Header #Currency / Language switcher #Swatch Styles #Sidebar #Plyr #Flickity #Password Page #Account #Policy pages #Product page #Product Media #Product Details #Product Recommendations #Home page - General #Home page - Slideshow #Home page - Search #Home page - Image with text #Home page - Divider #Home page - Quote #Home page - Rich text and image #Home page - Featured promotions #Home page - Featured product #Home page - Featured collection #Home page - Image with text overlay #Home page - Video #Home page - Newsletter #Home page - Text column with images #Font-Face #Custom Styles */ /* #Variables ================================================== */ /* Responsiveness */ /* The `$breakpoints` list is used to build our media queries. - You can use these in the media-query mixin. */ /* #Mixins ================================================== */ /* Media query mixin */ /* Responsive Show/Hide Helper */ /* Responsive Text Alignment Helper */ /* #Helper Classes ================================================== */ /* Flexbox */ .is-flex { display: flex; } .is-inline-flex { display: inline-flex; } .is-align-start, .is-align-left { align-items: flex-start; } .is-align-end, .is-align-right { align-items: flex-end; } .is-align-self-end, .is-align-self-right { align-self: flex-end; } .is-align-baseline { align-items: baseline; } .is-align-center { align-items: center; } .is-align-stretch { align-items: stretch; } .is-justify-start, .is-justify-left { justify-content: flex-start; } .is-justify-end, .is-justify-right { justify-content: flex-end; } .is-justify-center { justify-content: center; } .is-justify-space-around { justify-content: space-around; } .is-justify-space-between { justify-content: space-between; } .is-flex-nowrap { flex-wrap: nowrap; } .is-flex-wrap { flex-wrap: wrap; } .is-flex-wrap-reverse { flex-wrap: wrap-reverse; } .is-flex-row { flex-direction: row; } .is-flex-row-reverse { flex-direction: row-reverse; } .is-flex-column { flex-direction: column; } .is-flex-column-reverse { flex-direction: column-reverse; } /* Flex position order */ .is-order-aligned-left { order: -1; } @media only screen and (max-width: 480px) { .is-order-aligned-left { order: inherit; } } .is-order-aligned-right { order: 1; } @media only screen and (max-width: 480px) { .is-order-aligned-right { order: inherit; } } /* Padding helpers */ .has-padding-top { padding-top: 20px; } .has-padding-bottom { padding-bottom: 20px; } .has-padding-left { padding-left: 20px; } .has-padding-right { padding-right: 20px; } .has-padding { padding: 20px; } /* Margin helpers */ .has-margin-top { margin-top: 20px; } .has-margin-bottom { margin-bottom: 20px; } /* Text alignment */ .text-align-center { text-align: center; } .text-align-left, .text-align-start { text-align: left; } .text-align-left h1, .text-align-left h2, .text-align-left h3, .text-align-left h1.title, .text-align-left h2.title, .text-align-left h3.title, .text-align-start h1, .text-align-start h2, .text-align-start h3, .text-align-start h1.title, .text-align-start h2.title, .text-align-start h3.title { text-align: left; } .text-align-right, .text-align-end { text-align: right; } .text-align-right h1, .text-align-right h2, .text-align-right h3, .text-align-right h1.title, .text-align-right h2.title, .text-align-right h3.title, .text-align-end h1, .text-align-end h2, .text-align-end h3, .text-align-end h1.title, .text-align-end h2.title, .text-align-end h3.title { text-align: right; } /* Visibility */ .is-hidden { display: none !important; } .is-visible { display: block !important; } .is-sr-only { border: none !important; clip: rect(0, 0, 0, 0) !important; height: 0.01em !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; white-space: nowrap !important; width: 0.01em !important; } .is-invisible { visibility: hidden !important; } @media only screen and (min-width: 481px) and (max-width: 798px) { .is-hidden-small { display: none !important; } } @media only screen and (min-width: 799px) and (max-width: 1024px) { .is-hidden-medium { display: none !important; } } @media only screen and (min-width: 1025px) and (max-width: 1400px) { .is-hidden-large { display: none !important; } } @media only screen and (max-width: 798px) { .is-hidden-mobile-only { display: none !important; } } @media only screen and (min-width: 799px) { .is-hidden-desktop-only { display: none !important; } } @media only screen and (min-width: 1401px) { .is-hidden-widescreen { display: none !important; } } @media only screen and (max-width: 798px) { .is-visible--mobile { display: block !important; } } @media only screen and (max-width: 798px) { .is-hidden-offset-mobile-only { left: 0 !important; } } .is-invisible { visibility: hidden !important; } /* #Functions ================================================== */ /* #Grid/Layout ================================================== */ .index { display: flex; flex-wrap: wrap; } /* Home page sections are set to flex so that half sizes may sit side-by-side */ .page-blocks { display: flex; flex-wrap: wrap; justify-content: center; width: 100%; } /* Controls the width and spacing of each section - the class ".shopify-section" is generated by Shopify and applied to each element (along with unique ID) - uses CSS variables which are set in liquid files */ .shopify-section { width: 100%; } @media only screen and (max-width: 480px) { .shopify-section { width: 100% !important; padding-left: 0 !important; /* Ignores padding set on larger screen sizes */ padding-right: 0 !important; /* Ignores padding set on larger screen sizes */ } } /* Handles the background color and margins depending on what width has been chosen */ .section { max-width: 1200px; width: 95%; margin-left: auto; margin-right: auto; } .section.is-width-wide { width: 100%; max-width: none; } .section-wrapper { display: flex; flex-wrap: wrap; justify-content: center; width: 100%; }.section-wrapper--product>div { max-width: 1200px; width: 95% !important; margin-left: auto; margin-right: auto; } .section-wrapper--product .section { width: 100%; } .section-wrapper--product .is-width-wide { width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; } .section-wrapper--product + .shopify-section:has(.pf-c) { overflow-x: hidden; } @media only screen and (max-width: 798px) { .mobile_nav-fixed--true .section-wrapper { display: block; margin-top: 40px; } } @media only screen and (max-width: 798px) { .mobile_nav-fixed--true.promo-banner--show .section-wrapper { display: block; margin-top: 70px; } } /* Parent container for column elements - uses flexbox, so this container can be made smaller and the columns will shrink in relation */ .container { position: relative; margin: 0 auto; display: flex; flex-wrap: wrap; } .container .column, .container .columns { margin-left: calc(20px / 2); margin-right: calc(20px / 2); } .product-container { width: 100%; } /* Applies flex styling for columns created using Content Creator */ .row { display: flex; flex-wrap: wrap; margin-bottom: 20px; } @media only screen and (max-width: 798px) { .row .column, .row .columns { width: 100%; margin-left: 0; margin-right: 0; } } [class*=offset-by] { position: relative; } /*================ Build Base Grid Classes ================*/ .hidden { display: none; } .visible { display: block; } /* Base Grid */ .one { width: calc(6.25% - 20px); } .two { width: calc(12.5% - 20px); } .three { width: calc(18.75% - 20px); } .four { width: calc(25% - 20px); } .five { width: calc(31.25% - 20px); } .six { width: calc(37.5% - 20px); } .seven { width: calc(43.75% - 20px); } .eight { width: calc(50% - 20px); } .nine { width: calc(56.25% - 20px); } .ten { width: calc(62.5% - 20px); } .eleven { width: calc(68.75% - 20px); } .twelve { width: calc(75% - 20px); } .thirteen { width: calc(81.25% - 20px); } .fourteen { width: calc(87.5% - 20px); } .fifteen { width: calc(93.75% - 20px); } .sixteen { width: calc(100% - 20px); } /* Whole */ .one-whole { width: calc(100% - 20px); } /* Halves */ .one-half { width: calc(50% - 20px); } /* Thirds */ .one-third { width: calc(33.3333333333% - 20px); } .two-thirds { width: calc(66.6666666667% - 20px); } /* Fourths */ .one-fourth { width: calc(25% - 20px); } .two-fourths { width: calc(50% - 20px); } .three-fourths { width: calc(75% - 20px); } /* Fifths */ .one-fifth { width: calc(20% - 20px); } .two-fifths { width: calc(40% - 20px); } .three-fifths { width: calc(60% - 20px); } .four-fifths { width: calc(80% - 20px); } /* Sixths */ .one-sixth { width: calc(16.6666666667% - 20px); } .two-sixths { width: calc(33.3333333333% - 20px); } .three-sixths { width: calc(50% - 20px); } .four-sixths { width: calc(66.6666666667% - 20px); } .five-sixths { width: calc(83.3333333333% - 20px); } /* Sevenths */ .one-seventh { width: calc(14.2857142857% - 20px); } .two-sevenths { width: calc(28.5714285714% - 20px); } .three-sevenths { width: calc(42.8571428571% - 20px); } .four-sevenths { width: calc(57.1428571429% - 20px); } .five-sevenths { width: calc(71.4285714286% - 20px); } /* Eighths */ .one-eighth { width: calc(12.5% - 20px); } .two-eighths { width: calc(25% - 20px); } .three-eighths { width: calc(37.5% - 20px); } .four-eighths { width: calc(50% - 20px); } .five-eighths { width: calc(62.5% - 20px); } .six-eighths { width: calc(75% - 20px); } .seven-eighths { width: calc(87.5% - 20px); } /* Tenths */ .one-tenth { width: calc(10% - 20px); } .two-tenths { width: calc(20% - 20px); } .three-tenths { width: calc(30% - 20px); } .four-tenths { width: calc(40% - 20px); } .five-tenths { width: calc(50% - 20px); } .six-tenths { width: calc(60% - 20px); } .seven-tenths { width: calc(70% - 20px); } .eight-tenths { width: calc(80% - 20px); } .nine-tenths { width: calc(90% - 20px); } /* Twelfths */ .one-twelfth { width: calc(8.3333333333% - 20px); } .two-twelfths { width: calc(16.6666666667% - 20px); } .three-twelfths { width: calc(25% - 20px); } .four-twelfths { width: calc(33.3333333333% - 20px); } .five-twelfths { width: calc(41.6666666667% - 20px); } .six-twelfths { width: calc(50% - 20px); } .seven-twelfths { width: calc(58.3333333333% - 20px); } .eight-twelfths { width: calc(66.6666666667% - 20px); } .nine-twelfths { width: calc(75% - 20px); } .ten-twelfths { width: calc(83.3333333333% - 20px); } .eleven-twelfths { width: calc(91.6666666667% - 20px); } /* Offsets */ .offset-by-one { left: calc(6.25%); } .offset-by-two { left: calc(12.5%); } .offset-by-three { left: calc(18.75%); } .offset-by-four { left: calc(25%); } .offset-by-five { left: calc(31.25%); } .offset-by-six { left: calc(37.5%); } .offset-by-seven { left: calc(43.75%); } .offset-by-eight { left: calc(50%); } .offset-by-nine { left: calc(56.25%); } .offset-by-ten { left: calc(62.5%); } .offset-by-eleven { left: calc(68.75%); } .offset-by-twelve { left: calc(75%); } .offset-by-thirteen { left: calc(81.25%); } .offset-by-fourteen { left: calc(87.5%); } .offset-by-fifteen { left: calc(93.75%); } /* Remove gutter on first and last column (must be consistent size) */ .equal-columns--outside-trim .one-half:nth-of-type(2n), .equal-columns--outside-trim .eight:nth-of-type(2n), .equal-columns--outside-trim .one-third:nth-of-type(3n), .equal-columns--outside-trim .one-fourth:nth-of-type(4n), .equal-columns--outside-trim .four:nth-of-type(4n), .equal-columns--outside-trim .one-fifth:nth-of-type(5n), .equal-columns--outside-trim .one-sixth:nth-of-type(6n), .equal-columns--outside-trim .one-seventh:nth-of-type(7n), .equal-columns--outside-trim .two:nth-of-type(8n) { margin-right: 0; } .equal-columns--outside-trim .one-half:nth-of-type(2n+1), .equal-columns--outside-trim .eight:nth-of-type(2n+1), .equal-columns--outside-trim .one-third:nth-of-type(3n+1), .equal-columns--outside-trim .one-fourth:nth-of-type(4n+1), .equal-columns--outside-trim .four:nth-of-type(4n+1), .equal-columns--outside-trim .one-fifth:nth-of-type(5n+1), .equal-columns--outside-trim .one-sixth:nth-of-type(6n+1), .equal-columns--outside-trim .one-seventh:nth-of-type(7n+1), .equal-columns--outside-trim .two:nth-of-type(8n+1) { margin-left: 0; } .equal-columns--outside-trim .one-whole:nth-of-type(1n+1) { width: 100%; margin-right: 0; margin-left: 0; } .equal-columns--outside-trim .one-half { width: calc(50% - (20px - (20px / 2))); } .equal-columns--outside-trim .one-third { width: calc(33.3333333333% - (20px - (20px / 3))); } .equal-columns--outside-trim .one-fifth { width: calc(20% - (20px - (20px / 5))); } .equal-columns--outside-trim .one-fourth { width: calc(25% - (20px - (20px / 4))); } .equal-columns--outside-trim .one-sixth { width: calc(16.6666666667% - (20px - (20px / 6))); } .equal-columns--outside-trim .one-seventh { width: calc(14.2857142857% - (20px - (20px / 7))); } .equal-columns--outside-trim .two { width: calc(12.5% - (20px - (20px / 8))); } .equal-columns--outside-trim .four { width: calc(25% - (20px - (20px / 4))); } .equal-columns--outside-trim .seven { width: calc(43.75% - (20px - (20px / 2))); } .equal-columns--outside-trim .eight { width: calc(50% - (20px / 2)); } .equal-columns--outside-trim .nine { width: calc(56.25% - (20px - (20px / 2))); } /* Remove side gutter on all columns */ .has-no-side-gutter.has-background { padding-right: 0px; padding-left: 0px; } .has-no-side-gutter .one-whole, .has-no-side-gutter .one-half, .has-no-side-gutter .eight, .has-no-side-gutter .one-third, .has-no-side-gutter .two-thirds, .has-no-side-gutter .one-fourth, .has-no-side-gutter .four, .has-no-side-gutter .one-fifth, .has-no-side-gutter .three-fifths, .has-no-side-gutter .two-fifths, .has-no-side-gutter .one-sixth, .has-no-side-gutter .one-seventh, .has-no-side-gutter .one-eighth, .has-no-side-gutter .two { margin-right: 0; margin-left: 0; } .has-no-side-gutter .one-whole { width: 100%; } .has-no-side-gutter .one-half { width: 50%; } .has-no-side-gutter .one-third { width: 33.3333333333%; } .has-no-side-gutter .one-fourth { width: 25%; } .has-no-side-gutter .one-fifth { width: 20%; } .has-no-side-gutter .two-fifths { width: 40%; } .has-no-side-gutter .three-fifths { width: 60%; } .has-no-side-gutter .one-sixth { width: 16.6666666667%; } .has-no-side-gutter .one-seventh { width: 14.2857142857%; } .has-no-side-gutter .one-eighth { width: 12.5%; } .has-no-side-gutter .two-thirds { width: 66.6666666667%; } .has-no-side-gutter .two { width: 12.5%; } .has-no-side-gutter .four { width: 25%; } .has-no-side-gutter .seven { width: 43.75%; } .has-no-side-gutter .eight { width: 50%; } .has-no-side-gutter .nine { width: 56.25%; } .show { display: block !important; } .hide { display: none !important; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } /*============================================================================ Generate breakpoint-specific column widths and push classes - Default column widths: $breakpoint-has-widths: ($small, $medium-up); - Default is no push classes - Will not work if `styles/global/grid.scss` is removed ==============================================================================*/ /*================ Build Responsive Grid Classes ================*/ @media only screen and (max-width: 1024px) { .large-down--hidden { display: none; } .large-down--visible { display: block; } /* Base Grid */ .large-down--one { width: calc(6.25% - 20px); } .large-down--two { width: calc(12.5% - 20px); } .large-down--three { width: calc(18.75% - 20px); } .large-down--four { width: calc(25% - 20px); } .large-down--five { width: calc(31.25% - 20px); } .large-down--six { width: calc(37.5% - 20px); } .large-down--seven { width: calc(43.75% - 20px); } .large-down--eight { width: calc(50% - 20px); } .large-down--nine { width: calc(56.25% - 20px); } .large-down--ten { width: calc(62.5% - 20px); } .large-down--eleven { width: calc(68.75% - 20px); } .large-down--twelve { width: calc(75% - 20px); } .large-down--thirteen { width: calc(81.25% - 20px); } .large-down--fourteen { width: calc(87.5% - 20px); } .large-down--fifteen { width: calc(93.75% - 20px); } .large-down--sixteen { width: calc(100% - 20px); } /* Whole */ .large-down--one-whole { width: calc(100% - 20px); } /* Halves */ .large-down--one-half { width: calc(50% - 20px); } /* Thirds */ .large-down--one-third { width: calc(33.3333333333% - 20px); } .large-down--two-thirds { width: calc(66.6666666667% - 20px); } /* Fourths */ .large-down--one-fourth { width: calc(25% - 20px); } .large-down--two-fourths { width: calc(50% - 20px); } .large-down--three-fourths { width: calc(75% - 20px); } /* Fifths */ .large-down--one-fifth { width: calc(20% - 20px); } .large-down--two-fifths { width: calc(40% - 20px); } .large-down--three-fifths { width: calc(60% - 20px); } .large-down--four-fifths { width: calc(80% - 20px); } /* Sixths */ .large-down--one-sixth { width: calc(16.6666666667% - 20px); } .large-down--two-sixths { width: calc(33.3333333333% - 20px); } .large-down--three-sixths { width: calc(50% - 20px); } .large-down--four-sixths { width: calc(66.6666666667% - 20px); } .large-down--five-sixths { width: calc(83.3333333333% - 20px); } /* Sevenths */ .large-down--one-seventh { width: calc(14.2857142857% - 20px); } .large-down--two-sevenths { width: calc(28.5714285714% - 20px); } .large-down--three-sevenths { width: calc(42.8571428571% - 20px); } .large-down--four-sevenths { width: calc(57.1428571429% - 20px); } .large-down--five-sevenths { width: calc(71.4285714286% - 20px); } /* Eighths */ .large-down--one-eighth { width: calc(12.5% - 20px); } .large-down--two-eighths { width: calc(25% - 20px); } .large-down--three-eighths { width: calc(37.5% - 20px); } .large-down--four-eighths { width: calc(50% - 20px); } .large-down--five-eighths { width: calc(62.5% - 20px); } .large-down--six-eighths { width: calc(75% - 20px); } .large-down--seven-eighths { width: calc(87.5% - 20px); } /* Tenths */ .large-down--one-tenth { width: calc(10% - 20px); } .large-down--two-tenths { width: calc(20% - 20px); } .large-down--three-tenths { width: calc(30% - 20px); } .large-down--four-tenths { width: calc(40% - 20px); } .large-down--five-tenths { width: calc(50% - 20px); } .large-down--six-tenths { width: calc(60% - 20px); } .large-down--seven-tenths { width: calc(70% - 20px); } .large-down--eight-tenths { width: calc(80% - 20px); } .large-down--nine-tenths { width: calc(90% - 20px); } /* Twelfths */ .large-down--one-twelfth { width: calc(8.3333333333% - 20px); } .large-down--two-twelfths { width: calc(16.6666666667% - 20px); } .large-down--three-twelfths { width: calc(25% - 20px); } .large-down--four-twelfths { width: calc(33.3333333333% - 20px); } .large-down--five-twelfths { width: calc(41.6666666667% - 20px); } .large-down--six-twelfths { width: calc(50% - 20px); } .large-down--seven-twelfths { width: calc(58.3333333333% - 20px); } .large-down--eight-twelfths { width: calc(66.6666666667% - 20px); } .large-down--nine-twelfths { width: calc(75% - 20px); } .large-down--ten-twelfths { width: calc(83.3333333333% - 20px); } .large-down--eleven-twelfths { width: calc(91.6666666667% - 20px); } /* Offsets */ .large-down--offset-by-one { left: calc(6.25%); } .large-down--offset-by-two { left: calc(12.5%); } .large-down--offset-by-three { left: calc(18.75%); } .large-down--offset-by-four { left: calc(25%); } .large-down--offset-by-five { left: calc(31.25%); } .large-down--offset-by-six { left: calc(37.5%); } .large-down--offset-by-seven { left: calc(43.75%); } .large-down--offset-by-eight { left: calc(50%); } .large-down--offset-by-nine { left: calc(56.25%); } .large-down--offset-by-ten { left: calc(62.5%); } .large-down--offset-by-eleven { left: calc(68.75%); } .large-down--offset-by-twelve { left: calc(75%); } .large-down--offset-by-thirteen { left: calc(81.25%); } .large-down--offset-by-fourteen { left: calc(87.5%); } .large-down--offset-by-fifteen { left: calc(93.75%); } /* Remove gutter on first and last column (must be consistent size) */ .equal-columns--outside-trim .large-down--one-half:nth-of-type(2n), .equal-columns--outside-trim .large-down--eight:nth-of-type(2n), .equal-columns--outside-trim .large-down--one-third:nth-of-type(3n), .equal-columns--outside-trim .large-down--one-fourth:nth-of-type(4n), .equal-columns--outside-trim .large-down--four:nth-of-type(4n), .equal-columns--outside-trim .large-down--one-fifth:nth-of-type(5n), .equal-columns--outside-trim .large-down--one-sixth:nth-of-type(6n), .equal-columns--outside-trim .large-down--one-seventh:nth-of-type(7n), .equal-columns--outside-trim .large-down--two:nth-of-type(8n) { margin-right: 0; } .equal-columns--outside-trim .large-down--one-half:nth-of-type(2n+1), .equal-columns--outside-trim .large-down--eight:nth-of-type(2n+1), .equal-columns--outside-trim .large-down--one-third:nth-of-type(3n+1), .equal-columns--outside-trim .large-down--one-fourth:nth-of-type(4n+1), .equal-columns--outside-trim .large-down--four:nth-of-type(4n+1), .equal-columns--outside-trim .large-down--one-fifth:nth-of-type(5n+1), .equal-columns--outside-trim .large-down--one-sixth:nth-of-type(6n+1), .equal-columns--outside-trim .large-down--one-seventh:nth-of-type(7n+1), .equal-columns--outside-trim .large-down--two:nth-of-type(8n+1) { margin-left: 0; } /* Remove side gutter on all columns */ } @media only screen and (max-width: 1024px) and (max-width: 1024px) { .equal-columns--outside-trim { /* Reset previous margins */ /* Set new margins on right */ /* Set new margins on left */ } .equal-columns--outside-trim .large-down--one-half.large-down--one-half, .equal-columns--outside-trim .large-down--eight.large-down--eight, .equal-columns--outside-trim .large-down--one-third.large-down--one-third, .equal-columns--outside-trim .large-down--one-fourth.large-down--one-fourth, .equal-columns--outside-trim .large-down--four.large-down--four, .equal-columns--outside-trim .large-down--one-fifth.large-down--one-fifth, .equal-columns--outside-trim .large-down--one-sixth.large-down--one-sixth, .equal-columns--outside-trim .large-down--one-seventh.large-down--one-seventh, .equal-columns--outside-trim .large-down--two.large-down--two { margin-left: calc(20px / 2); margin-right: calc(20px / 2); } .equal-columns--outside-trim .large-down--one-half:nth-of-type(2n), .equal-columns--outside-trim .large-down--eight:nth-of-type(2n), .equal-columns--outside-trim .large-down--one-third:nth-of-type(3n), .equal-columns--outside-trim .large-down--one-fourth:nth-of-type(4n), .equal-columns--outside-trim .large-down--four:nth-of-type(4n), .equal-columns--outside-trim .large-down--one-fifth:nth-of-type(5n), .equal-columns--outside-trim .large-down--one-sixth:nth-of-type(6n), .equal-columns--outside-trim .large-down--one-seventh:nth-of-type(7n), .equal-columns--outside-trim .large-down--two:nth-of-type(8n) { margin-right: 0; } .equal-columns--outside-trim .large-down--one-half:nth-of-type(2n+1), .equal-columns--outside-trim .large-down--eight:nth-of-type(2n+1), .equal-columns--outside-trim .large-down--one-third:nth-of-type(3n+1), .equal-columns--outside-trim .large-down--one-fourth:nth-of-type(4n+1), .equal-columns--outside-trim .large-down--four:nth-of-type(4n+1), .equal-columns--outside-trim .large-down--one-fifth:nth-of-type(5n+1), .equal-columns--outside-trim .large-down--one-sixth:nth-of-type(6n+1), .equal-columns--outside-trim .large-down--one-seventh:nth-of-type(7n+1), .equal-columns--outside-trim .large-down--two:nth-of-type(8n+1) { margin-left: 0; } } @media only screen and (max-width: 1024px) { .equal-columns--outside-trim .large-down--one-whole:nth-of-type(1n+1) { width: 100%; margin-right: 0; margin-left: 0; } } @media only screen and (max-width: 1024px) { .equal-columns--outside-trim .large-down--one-half { width: calc(50% - (20px - (20px / 2))); } } @media only screen and (max-width: 1024px) { .equal-columns--outside-trim .large-down--one-third { width: calc(33.3333333333% - (20px - (20px / 3))); } } @media only screen and (max-width: 1024px) { .equal-columns--outside-trim .large-down--one-fifth { width: calc(20% - (20px - (20px / 5))); } } @media only screen and (max-width: 1024px) { .equal-columns--outside-trim .large-down--one-fourth { width: calc(25% - (20px - (20px / 4))); } } @media only screen and (max-width: 1024px) { .equal-columns--outside-trim .large-down--one-sixth { width: calc(16.6666666667% - (20px - (20px / 6))); } } @media only screen and (max-width: 1024px) { .equal-columns--outside-trim .large-down--one-seventh { width: calc(14.2857142857% - (20px - (20px / 7))); } } @media only screen and (max-width: 1024px) { .equal-columns--outside-trim .large-down--two { width: calc(12.5% - (20px - (20px / 8))); } } @media only screen and (max-width: 1024px) { .equal-columns--outside-trim .large-down--four { width: calc(25% - (20px - (20px / 4))); } } @media only screen and (max-width: 1024px) { .equal-columns--outside-trim .large-down--seven { width: calc(43.75% - (20px - (20px / 2))); } } @media only screen and (max-width: 1024px) { .equal-columns--outside-trim .large-down--eight { width: calc(50% - (20px / 2)); } } @media only screen and (max-width: 1024px) { .equal-columns--outside-trim .large-down--nine { width: calc(56.25% - (20px - (20px / 2))); } } @media only screen and (max-width: 1024px) { .has-no-side-gutter.has-background { padding-right: 0px; padding-left: 0px; } .has-no-side-gutter .large-down--one-whole, .has-no-side-gutter .large-down--one-half, .has-no-side-gutter .large-down--eight, .has-no-side-gutter .large-down--one-third, .has-no-side-gutter .large-down--two-thirds, .has-no-side-gutter .large-down--one-fourth, .has-no-side-gutter .large-down--four, .has-no-side-gutter .large-down--one-fifth, .has-no-side-gutter .large-down--three-fifths, .has-no-side-gutter .large-down--two-fifths, .has-no-side-gutter .large-down--one-sixth, .has-no-side-gutter .large-down--one-seventh, .has-no-side-gutter .large-down--one-eighth, .has-no-side-gutter .large-down--two { margin-right: 0; margin-left: 0; } .has-no-side-gutter .large-down--one-whole { width: 100%; } .has-no-side-gutter .large-down--one-half { width: 50%; } .has-no-side-gutter .large-down--one-third { width: 33.3333333333%; } .has-no-side-gutter .large-down--one-fourth { width: 25%; } .has-no-side-gutter .large-down--one-fifth { width: 20%; } .has-no-side-gutter .large-down--two-fifths { width: 40%; } .has-no-side-gutter .large-down--three-fifths { width: 60%; } .has-no-side-gutter .large-down--one-sixth { width: 16.6666666667%; } .has-no-side-gutter .large-down--one-seventh { width: 14.2857142857%; } .has-no-side-gutter .large-down--one-eighth { width: 12.5%; } .has-no-side-gutter .large-down--two-thirds { width: 66.6666666667%; } .has-no-side-gutter .large-down--two { width: 12.5%; } .has-no-side-gutter .large-down--four { width: 25%; } .has-no-side-gutter .large-down--seven { width: 43.75%; } .has-no-side-gutter .large-down--eight { width: 50%; } .has-no-side-gutter .large-down--nine { width: 56.25%; } } @media only screen and (max-width: 1024px) { .large-down--show { display: block !important; } } @media only screen and (max-width: 1024px) { .large-down--hide { display: none !important; } } @media only screen and (max-width: 1024px) { .large-down--text-left { text-align: left !important; } } @media only screen and (max-width: 1024px) { .large-down--text-right { text-align: right !important; } } @media only screen and (max-width: 1024px) { .large-down--text-center { text-align: center !important; } } @media only screen and (max-width: 798px) { .medium-down--hidden { display: none; } .medium-down--visible { display: block; } /* Base Grid */ .medium-down--one { width: calc(6.25% - 20px); } .medium-down--two { width: calc(12.5% - 20px); } .medium-down--three { width: calc(18.75% - 20px); } .medium-down--four { width: calc(25% - 20px); } .medium-down--five { width: calc(31.25% - 20px); } .medium-down--six { width: calc(37.5% - 20px); } .medium-down--seven { width: calc(43.75% - 20px); } .medium-down--eight { width: calc(50% - 20px); } .medium-down--nine { width: calc(56.25% - 20px); } .medium-down--ten { width: calc(62.5% - 20px); } .medium-down--eleven { width: calc(68.75% - 20px); } .medium-down--twelve { width: calc(75% - 20px); } .medium-down--thirteen { width: calc(81.25% - 20px); } .medium-down--fourteen { width: calc(87.5% - 20px); } .medium-down--fifteen { width: calc(93.75% - 20px); } .medium-down--sixteen { width: calc(100% - 20px); } /* Whole */ .medium-down--one-whole { width: calc(100% - 20px); } /* Halves */ .medium-down--one-half { width: calc(50% - 20px); } /* Thirds */ .medium-down--one-third { width: calc(33.3333333333% - 20px); } .medium-down--two-thirds { width: calc(66.6666666667% - 20px); } /* Fourths */ .medium-down--one-fourth { width: calc(25% - 20px); } .medium-down--two-fourths { width: calc(50% - 20px); } .medium-down--three-fourths { width: calc(75% - 20px); } /* Fifths */ .medium-down--one-fifth { width: calc(20% - 20px); } .medium-down--two-fifths { width: calc(40% - 20px); } .medium-down--three-fifths { width: calc(60% - 20px); } .medium-down--four-fifths { width: calc(80% - 20px); } /* Sixths */ .medium-down--one-sixth { width: calc(16.6666666667% - 20px); } .medium-down--two-sixths { width: calc(33.3333333333% - 20px); } .medium-down--three-sixths { width: calc(50% - 20px); } .medium-down--four-sixths { width: calc(66.6666666667% - 20px); } .medium-down--five-sixths { width: calc(83.3333333333% - 20px); } /* Sevenths */ .medium-down--one-seventh { width: calc(14.2857142857% - 20px); } .medium-down--two-sevenths { width: calc(28.5714285714% - 20px); } .medium-down--three-sevenths { width: calc(42.8571428571% - 20px); } .medium-down--four-sevenths { width: calc(57.1428571429% - 20px); } .medium-down--five-sevenths { width: calc(71.4285714286% - 20px); } /* Eighths */ .medium-down--one-eighth { width: calc(12.5% - 20px); } .medium-down--two-eighths { width: calc(25% - 20px); } .medium-down--three-eighths { width: calc(37.5% - 20px); } .medium-down--four-eighths { width: calc(50% - 20px); } .medium-down--five-eighths { width: calc(62.5% - 20px); } .medium-down--six-eighths { width: calc(75% - 20px); } .medium-down--seven-eighths { width: calc(87.5% - 20px); } /* Tenths */ .medium-down--one-tenth { width: calc(10% - 20px); } .medium-down--two-tenths { width: calc(20% - 20px); } .medium-down--three-tenths { width: calc(30% - 20px); } .medium-down--four-tenths { width: calc(40% - 20px); } .medium-down--five-tenths { width: calc(50% - 20px); } .medium-down--six-tenths { width: calc(60% - 20px); } .medium-down--seven-tenths { width: calc(70% - 20px); } .medium-down--eight-tenths { width: calc(80% - 20px); } .medium-down--nine-tenths { width: calc(90% - 20px); } /* Twelfths */ .medium-down--one-twelfth { width: calc(8.3333333333% - 20px); } .medium-down--two-twelfths { width: calc(16.6666666667% - 20px); } .medium-down--three-twelfths { width: calc(25% - 20px); } .medium-down--four-twelfths { width: calc(33.3333333333% - 20px); } .medium-down--five-twelfths { width: calc(41.6666666667% - 20px); } .medium-down--six-twelfths { width: calc(50% - 20px); } .medium-down--seven-twelfths { width: calc(58.3333333333% - 20px); } .medium-down--eight-twelfths { width: calc(66.6666666667% - 20px); } .medium-down--nine-twelfths { width: calc(75% - 20px); } .medium-down--ten-twelfths { width: calc(83.3333333333% - 20px); } .medium-down--eleven-twelfths { width: calc(91.6666666667% - 20px); } /* Offsets */ .medium-down--offset-by-one { left: calc(6.25%); } .medium-down--offset-by-two { left: calc(12.5%); } .medium-down--offset-by-three { left: calc(18.75%); } .medium-down--offset-by-four { left: calc(25%); } .medium-down--offset-by-five { left: calc(31.25%); } .medium-down--offset-by-six { left: calc(37.5%); } .medium-down--offset-by-seven { left: calc(43.75%); } .medium-down--offset-by-eight { left: calc(50%); } .medium-down--offset-by-nine { left: calc(56.25%); } .medium-down--offset-by-ten { left: calc(62.5%); } .medium-down--offset-by-eleven { left: calc(68.75%); } .medium-down--offset-by-twelve { left: calc(75%); } .medium-down--offset-by-thirteen { left: calc(81.25%); } .medium-down--offset-by-fourteen { left: calc(87.5%); } .medium-down--offset-by-fifteen { left: calc(93.75%); } /* Remove gutter on first and last column (must be consistent size) */ .equal-columns--outside-trim .medium-down--one-half:nth-of-type(2n), .equal-columns--outside-trim .medium-down--eight:nth-of-type(2n), .equal-columns--outside-trim .medium-down--one-third:nth-of-type(3n), .equal-columns--outside-trim .medium-down--one-fourth:nth-of-type(4n), .equal-columns--outside-trim .medium-down--four:nth-of-type(4n), .equal-columns--outside-trim .medium-down--one-fifth:nth-of-type(5n), .equal-columns--outside-trim .medium-down--one-sixth:nth-of-type(6n), .equal-columns--outside-trim .medium-down--one-seventh:nth-of-type(7n), .equal-columns--outside-trim .medium-down--two:nth-of-type(8n) { margin-right: 0; } .equal-columns--outside-trim .medium-down--one-half:nth-of-type(2n+1), .equal-columns--outside-trim .medium-down--eight:nth-of-type(2n+1), .equal-columns--outside-trim .medium-down--one-third:nth-of-type(3n+1), .equal-columns--outside-trim .medium-down--one-fourth:nth-of-type(4n+1), .equal-columns--outside-trim .medium-down--four:nth-of-type(4n+1), .equal-columns--outside-trim .medium-down--one-fifth:nth-of-type(5n+1), .equal-columns--outside-trim .medium-down--one-sixth:nth-of-type(6n+1), .equal-columns--outside-trim .medium-down--one-seventh:nth-of-type(7n+1), .equal-columns--outside-trim .medium-down--two:nth-of-type(8n+1) { margin-left: 0; } /* Remove side gutter on all columns */ } @media only screen and (max-width: 798px) and (max-width: 798px) { .equal-columns--outside-trim { /* Reset previous margins */ /* Set new margins on right */ /* Set new margins on left */ } .equal-columns--outside-trim .medium-down--one-half.medium-down--one-half, .equal-columns--outside-trim .medium-down--eight.medium-down--eight, .equal-columns--outside-trim .medium-down--one-third.medium-down--one-third, .equal-columns--outside-trim .medium-down--one-fourth.medium-down--one-fourth, .equal-columns--outside-trim .medium-down--four.medium-down--four, .equal-columns--outside-trim .medium-down--one-fifth.medium-down--one-fifth, .equal-columns--outside-trim .medium-down--one-sixth.medium-down--one-sixth, .equal-columns--outside-trim .medium-down--one-seventh.medium-down--one-seventh, .equal-columns--outside-trim .medium-down--two.medium-down--two { margin-left: calc(20px / 2); margin-right: calc(20px / 2); } .equal-columns--outside-trim .medium-down--one-half:nth-of-type(2n), .equal-columns--outside-trim .medium-down--eight:nth-of-type(2n), .equal-columns--outside-trim .medium-down--one-third:nth-of-type(3n), .equal-columns--outside-trim .medium-down--one-fourth:nth-of-type(4n), .equal-columns--outside-trim .medium-down--four:nth-of-type(4n), .equal-columns--outside-trim .medium-down--one-fifth:nth-of-type(5n), .equal-columns--outside-trim .medium-down--one-sixth:nth-of-type(6n), .equal-columns--outside-trim .medium-down--one-seventh:nth-of-type(7n), .equal-columns--outside-trim .medium-down--two:nth-of-type(8n) { margin-right: 0; } .equal-columns--outside-trim .medium-down--one-half:nth-of-type(2n+1), .equal-columns--outside-trim .medium-down--eight:nth-of-type(2n+1), .equal-columns--outside-trim .medium-down--one-third:nth-of-type(3n+1), .equal-columns--outside-trim .medium-down--one-fourth:nth-of-type(4n+1), .equal-columns--outside-trim .medium-down--four:nth-of-type(4n+1), .equal-columns--outside-trim .medium-down--one-fifth:nth-of-type(5n+1), .equal-columns--outside-trim .medium-down--one-sixth:nth-of-type(6n+1), .equal-columns--outside-trim .medium-down--one-seventh:nth-of-type(7n+1), .equal-columns--outside-trim .medium-down--two:nth-of-type(8n+1) { margin-left: 0; } } @media only screen and (max-width: 798px) { .equal-columns--outside-trim .medium-down--one-whole:nth-of-type(1n+1) { width: 100%; margin-right: 0; margin-left: 0; } } @media only screen and (max-width: 798px) { .equal-columns--outside-trim .medium-down--one-half { width: calc(50% - (20px - (20px / 2))); } } @media only screen and (max-width: 798px) { .equal-columns--outside-trim .medium-down--one-third { width: calc(33.3333333333% - (20px - (20px / 3))); } } @media only screen and (max-width: 798px) { .equal-columns--outside-trim .medium-down--one-fifth { width: calc(20% - (20px - (20px / 5))); } } @media only screen and (max-width: 798px) { .equal-columns--outside-trim .medium-down--one-fourth { width: calc(25% - (20px - (20px / 4))); } } @media only screen and (max-width: 798px) { .equal-columns--outside-trim .medium-down--one-sixth { width: calc(16.6666666667% - (20px - (20px / 6))); } } @media only screen and (max-width: 798px) { .equal-columns--outside-trim .medium-down--one-seventh { width: calc(14.2857142857% - (20px - (20px / 7))); } } @media only screen and (max-width: 798px) { .equal-columns--outside-trim .medium-down--two { width: calc(12.5% - (20px - (20px / 8))); } } @media only screen and (max-width: 798px) { .equal-columns--outside-trim .medium-down--four { width: calc(25% - (20px - (20px / 4))); } } @media only screen and (max-width: 798px) { .equal-columns--outside-trim .medium-down--seven { width: calc(43.75% - (20px - (20px / 2))); } } @media only screen and (max-width: 798px) { .equal-columns--outside-trim .medium-down--eight { width: calc(50% - (20px / 2)); } } @media only screen and (max-width: 798px) { .equal-columns--outside-trim .medium-down--nine { width: calc(56.25% - (20px - (20px / 2))); } } @media only screen and (max-width: 798px) { .has-no-side-gutter.has-background { padding-right: 0px; padding-left: 0px; } .has-no-side-gutter .medium-down--one-whole, .has-no-side-gutter .medium-down--one-half, .has-no-side-gutter .medium-down--eight, .has-no-side-gutter .medium-down--one-third, .has-no-side-gutter .medium-down--two-thirds, .has-no-side-gutter .medium-down--one-fourth, .has-no-side-gutter .medium-down--four, .has-no-side-gutter .medium-down--one-fifth, .has-no-side-gutter .medium-down--three-fifths, .has-no-side-gutter .medium-down--two-fifths, .has-no-side-gutter .medium-down--one-sixth, .has-no-side-gutter .medium-down--one-seventh, .has-no-side-gutter .medium-down--one-eighth, .has-no-side-gutter .medium-down--two { margin-right: 0; margin-left: 0; } .has-no-side-gutter .medium-down--one-whole { width: 100%; } .has-no-side-gutter .medium-down--one-half { width: 50%; } .has-no-side-gutter .medium-down--one-third { width: 33.3333333333%; } .has-no-side-gutter .medium-down--one-fourth { width: 25%; } .has-no-side-gutter .medium-down--one-fifth { width: 20%; } .has-no-side-gutter .medium-down--two-fifths { width: 40%; } .has-no-side-gutter .medium-down--three-fifths { width: 60%; } .has-no-side-gutter .medium-down--one-sixth { width: 16.6666666667%; } .has-no-side-gutter .medium-down--one-seventh { width: 14.2857142857%; } .has-no-side-gutter .medium-down--one-eighth { width: 12.5%; } .has-no-side-gutter .medium-down--two-thirds { width: 66.6666666667%; } .has-no-side-gutter .medium-down--two { width: 12.5%; } .has-no-side-gutter .medium-down--four { width: 25%; } .has-no-side-gutter .medium-down--seven { width: 43.75%; } .has-no-side-gutter .medium-down--eight { width: 50%; } .has-no-side-gutter .medium-down--nine { width: 56.25%; } } @media only screen and (max-width: 798px) { .medium-down--show { display: block !important; } } @media only screen and (max-width: 798px) { .medium-down--hide { display: none !important; } } @media only screen and (max-width: 798px) { .medium-down--text-left { text-align: left !important; } } @media only screen and (max-width: 798px) { .medium-down--text-right { text-align: right !important; } } @media only screen and (max-width: 798px) { .medium-down--text-center { text-align: center !important; } } @media only screen and (max-width: 480px) { .small-down--hidden { display: none; } .small-down--visible { display: block; } /* Base Grid */ .small-down--one { width: calc(6.25% - 20px); } .small-down--two { width: calc(12.5% - 20px); } .small-down--three { width: calc(18.75% - 20px); } .small-down--four { width: calc(25% - 20px); } .small-down--five { width: calc(31.25% - 20px); } .small-down--six { width: calc(37.5% - 20px); } .small-down--seven { width: calc(43.75% - 20px); } .small-down--eight { width: calc(50% - 20px); } .small-down--nine { width: calc(56.25% - 20px); } .small-down--ten { width: calc(62.5% - 20px); } .small-down--eleven { width: calc(68.75% - 20px); } .small-down--twelve { width: calc(75% - 20px); } .small-down--thirteen { width: calc(81.25% - 20px); } .small-down--fourteen { width: calc(87.5% - 20px); } .small-down--fifteen { width: calc(93.75% - 20px); } .small-down--sixteen { width: calc(100% - 20px); } /* Whole */ .small-down--one-whole { width: calc(100% - 20px); } /* Halves */ .small-down--one-half { width: calc(50% - 20px); } /* Thirds */ .small-down--one-third { width: calc(33.3333333333% - 20px); } .small-down--two-thirds { width: calc(66.6666666667% - 20px); } /* Fourths */ .small-down--one-fourth { width: calc(25% - 20px); } .small-down--two-fourths { width: calc(50% - 20px); } .small-down--three-fourths { width: calc(75% - 20px); } /* Fifths */ .small-down--one-fifth { width: calc(20% - 20px); } .small-down--two-fifths { width: calc(40% - 20px); } .small-down--three-fifths { width: calc(60% - 20px); } .small-down--four-fifths { width: calc(80% - 20px); } /* Sixths */ .small-down--one-sixth { width: calc(16.6666666667% - 20px); } .small-down--two-sixths { width: calc(33.3333333333% - 20px); } .small-down--three-sixths { width: calc(50% - 20px); } .small-down--four-sixths { width: calc(66.6666666667% - 20px); } .small-down--five-sixths { width: calc(83.3333333333% - 20px); } /* Sevenths */ .small-down--one-seventh { width: calc(14.2857142857% - 20px); } .small-down--two-sevenths { width: calc(28.5714285714% - 20px); } .small-down--three-sevenths { width: calc(42.8571428571% - 20px); } .small-down--four-sevenths { width: calc(57.1428571429% - 20px); } .small-down--five-sevenths { width: calc(71.4285714286% - 20px); } /* Eighths */ .small-down--one-eighth { width: calc(12.5% - 20px); } .small-down--two-eighths { width: calc(25% - 20px); } .small-down--three-eighths { width: calc(37.5% - 20px); } .small-down--four-eighths { width: calc(50% - 20px); } .small-down--five-eighths { width: calc(62.5% - 20px); } .small-down--six-eighths { width: calc(75% - 20px); } .small-down--seven-eighths { width: calc(87.5% - 20px); } /* Tenths */ .small-down--one-tenth { width: calc(10% - 20px); } .small-down--two-tenths { width: calc(20% - 20px); } .small-down--three-tenths { width: calc(30% - 20px); } .small-down--four-tenths { width: calc(40% - 20px); } .small-down--five-tenths { width: calc(50% - 20px); } .small-down--six-tenths { width: calc(60% - 20px); } .small-down--seven-tenths { width: calc(70% - 20px); } .small-down--eight-tenths { width: calc(80% - 20px); } .small-down--nine-tenths { width: calc(90% - 20px); } /* Twelfths */ .small-down--one-twelfth { width: calc(8.3333333333% - 20px); } .small-down--two-twelfths { width: calc(16.6666666667% - 20px); } .small-down--three-twelfths { width: calc(25% - 20px); } .small-down--four-twelfths { width: calc(33.3333333333% - 20px); } .small-down--five-twelfths { width: calc(41.6666666667% - 20px); } .small-down--six-twelfths { width: calc(50% - 20px); } .small-down--seven-twelfths { width: calc(58.3333333333% - 20px); } .small-down--eight-twelfths { width: calc(66.6666666667% - 20px); } .small-down--nine-twelfths { width: calc(75% - 20px); } .small-down--ten-twelfths { width: calc(83.3333333333% - 20px); } .small-down--eleven-twelfths { width: calc(91.6666666667% - 20px); } /* Offsets */ .small-down--offset-by-one { left: calc(6.25%); } .small-down--offset-by-two { left: calc(12.5%); } .small-down--offset-by-three { left: calc(18.75%); } .small-down--offset-by-four { left: calc(25%); } .small-down--offset-by-five { left: calc(31.25%); } .small-down--offset-by-six { left: calc(37.5%); } .small-down--offset-by-seven { left: calc(43.75%); } .small-down--offset-by-eight { left: calc(50%); } .small-down--offset-by-nine { left: calc(56.25%); } .small-down--offset-by-ten { left: calc(62.5%); } .small-down--offset-by-eleven { left: calc(68.75%); } .small-down--offset-by-twelve { left: calc(75%); } .small-down--offset-by-thirteen { left: calc(81.25%); } .small-down--offset-by-fourteen { left: calc(87.5%); } .small-down--offset-by-fifteen { left: calc(93.75%); } /* Remove gutter on first and last column (must be consistent size) */ .equal-columns--outside-trim .small-down--one-half:nth-of-type(2n), .equal-columns--outside-trim .small-down--eight:nth-of-type(2n), .equal-columns--outside-trim .small-down--one-third:nth-of-type(3n), .equal-columns--outside-trim .small-down--one-fourth:nth-of-type(4n), .equal-columns--outside-trim .small-down--four:nth-of-type(4n), .equal-columns--outside-trim .small-down--one-fifth:nth-of-type(5n), .equal-columns--outside-trim .small-down--one-sixth:nth-of-type(6n), .equal-columns--outside-trim .small-down--one-seventh:nth-of-type(7n), .equal-columns--outside-trim .small-down--two:nth-of-type(8n) { margin-right: 0; } .equal-columns--outside-trim .small-down--one-half:nth-of-type(2n+1), .equal-columns--outside-trim .small-down--eight:nth-of-type(2n+1), .equal-columns--outside-trim .small-down--one-third:nth-of-type(3n+1), .equal-columns--outside-trim .small-down--one-fourth:nth-of-type(4n+1), .equal-columns--outside-trim .small-down--four:nth-of-type(4n+1), .equal-columns--outside-trim .small-down--one-fifth:nth-of-type(5n+1), .equal-columns--outside-trim .small-down--one-sixth:nth-of-type(6n+1), .equal-columns--outside-trim .small-down--one-seventh:nth-of-type(7n+1), .equal-columns--outside-trim .small-down--two:nth-of-type(8n+1) { margin-left: 0; } /* Remove side gutter on all columns */ } @media only screen and (max-width: 480px) and (max-width: 480px) { .equal-columns--outside-trim { /* Reset previous margins */ /* Set new margins on right */ /* Set new margins on left */ } .equal-columns--outside-trim .small-down--one-half.small-down--one-half, .equal-columns--outside-trim .small-down--eight.small-down--eight, .equal-columns--outside-trim .small-down--one-third.small-down--one-third, .equal-columns--outside-trim .small-down--one-fourth.small-down--one-fourth, .equal-columns--outside-trim .small-down--four.small-down--four, .equal-columns--outside-trim .small-down--one-fifth.small-down--one-fifth, .equal-columns--outside-trim .small-down--one-sixth.small-down--one-sixth, .equal-columns--outside-trim .small-down--one-seventh.small-down--one-seventh, .equal-columns--outside-trim .small-down--two.small-down--two { margin-left: calc(20px / 2); margin-right: calc(20px / 2); } .equal-columns--outside-trim .small-down--one-half:nth-of-type(2n), .equal-columns--outside-trim .small-down--eight:nth-of-type(2n), .equal-columns--outside-trim .small-down--one-third:nth-of-type(3n), .equal-columns--outside-trim .small-down--one-fourth:nth-of-type(4n), .equal-columns--outside-trim .small-down--four:nth-of-type(4n), .equal-columns--outside-trim .small-down--one-fifth:nth-of-type(5n), .equal-columns--outside-trim .small-down--one-sixth:nth-of-type(6n), .equal-columns--outside-trim .small-down--one-seventh:nth-of-type(7n), .equal-columns--outside-trim .small-down--two:nth-of-type(8n) { margin-right: 0; } .equal-columns--outside-trim .small-down--one-half:nth-of-type(2n+1), .equal-columns--outside-trim .small-down--eight:nth-of-type(2n+1), .equal-columns--outside-trim .small-down--one-third:nth-of-type(3n+1), .equal-columns--outside-trim .small-down--one-fourth:nth-of-type(4n+1), .equal-columns--outside-trim .small-down--four:nth-of-type(4n+1), .equal-columns--outside-trim .small-down--one-fifth:nth-of-type(5n+1), .equal-columns--outside-trim .small-down--one-sixth:nth-of-type(6n+1), .equal-columns--outside-trim .small-down--one-seventh:nth-of-type(7n+1), .equal-columns--outside-trim .small-down--two:nth-of-type(8n+1) { margin-left: 0; } } @media only screen and (max-width: 480px) { .equal-columns--outside-trim .small-down--one-whole:nth-of-type(1n+1) { width: 100%; margin-right: 0; margin-left: 0; } } @media only screen and (max-width: 480px) { .equal-columns--outside-trim .small-down--one-half { width: calc(50% - (20px - (20px / 2))); } } @media only screen and (max-width: 480px) { .equal-columns--outside-trim .small-down--one-third { width: calc(33.3333333333% - (20px - (20px / 3))); } } @media only screen and (max-width: 480px) { .equal-columns--outside-trim .small-down--one-fifth { width: calc(20% - (20px - (20px / 5))); } } @media only screen and (max-width: 480px) { .equal-columns--outside-trim .small-down--one-fourth { width: calc(25% - (20px - (20px / 4))); } } @media only screen and (max-width: 480px) { .equal-columns--outside-trim .small-down--one-sixth { width: calc(16.6666666667% - (20px - (20px / 6))); } } @media only screen and (max-width: 480px) { .equal-columns--outside-trim .small-down--one-seventh { width: calc(14.2857142857% - (20px - (20px / 7))); } } @media only screen and (max-width: 480px) { .equal-columns--outside-trim .small-down--two { width: calc(12.5% - (20px - (20px / 8))); } } @media only screen and (max-width: 480px) { .equal-columns--outside-trim .small-down--four { width: calc(25% - (20px - (20px / 4))); } } @media only screen and (max-width: 480px) { .equal-columns--outside-trim .small-down--seven { width: calc(43.75% - (20px - (20px / 2))); } } @media only screen and (max-width: 480px) { .equal-columns--outside-trim .small-down--eight { width: calc(50% - (20px / 2)); } } @media only screen and (max-width: 480px) { .equal-columns--outside-trim .small-down--nine { width: calc(56.25% - (20px - (20px / 2))); } } @media only screen and (max-width: 480px) { .has-no-side-gutter.has-background { padding-right: 0px; padding-left: 0px; } .has-no-side-gutter .small-down--one-whole, .has-no-side-gutter .small-down--one-half, .has-no-side-gutter .small-down--eight, .has-no-side-gutter .small-down--one-third, .has-no-side-gutter .small-down--two-thirds, .has-no-side-gutter .small-down--one-fourth, .has-no-side-gutter .small-down--four, .has-no-side-gutter .small-down--one-fifth, .has-no-side-gutter .small-down--three-fifths, .has-no-side-gutter .small-down--two-fifths, .has-no-side-gutter .small-down--one-sixth, .has-no-side-gutter .small-down--one-seventh, .has-no-side-gutter .small-down--one-eighth, .has-no-side-gutter .small-down--two { margin-right: 0; margin-left: 0; } .has-no-side-gutter .small-down--one-whole { width: 100%; } .has-no-side-gutter .small-down--one-half { width: 50%; } .has-no-side-gutter .small-down--one-third { width: 33.3333333333%; } .has-no-side-gutter .small-down--one-fourth { width: 25%; } .has-no-side-gutter .small-down--one-fifth { width: 20%; } .has-no-side-gutter .small-down--two-fifths { width: 40%; } .has-no-side-gutter .small-down--three-fifths { width: 60%; } .has-no-side-gutter .small-down--one-sixth { width: 16.6666666667%; } .has-no-side-gutter .small-down--one-seventh { width: 14.2857142857%; } .has-no-side-gutter .small-down--one-eighth { width: 12.5%; } .has-no-side-gutter .small-down--two-thirds { width: 66.6666666667%; } .has-no-side-gutter .small-down--two { width: 12.5%; } .has-no-side-gutter .small-down--four { width: 25%; } .has-no-side-gutter .small-down--seven { width: 43.75%; } .has-no-side-gutter .small-down--eight { width: 50%; } .has-no-side-gutter .small-down--nine { width: 56.25%; } } @media only screen and (max-width: 480px) { .small-down--show { display: block !important; } } @media only screen and (max-width: 480px) { .small-down--hide { display: none !important; } } @media only screen and (max-width: 480px) { .small-down--text-left { text-align: left !important; } } @media only screen and (max-width: 480px) { .small-down--text-right { text-align: right !important; } } @media only screen and (max-width: 480px) { .small-down--text-center { text-align: center !important; } } /*================ Build Grid Push Classes ================*/ /* Can be used on inner div inside container element to apply borders (that maintain the same width as columns) */ .container-border--top::before { display: block; content: ""; height: 0; width: calc(100% - 20px); border-top: thin solid #f5f6f3; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; float: left; } @media only screen and (max-width: 480px) { .container-border--top::before { width: 100%; } } .container-border--bottom::after { display: block; content: ""; height: 0; width: calc(100% - 20px); border-top: thin solid #f5f6f3; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; clear: both; } @media only screen and (max-width: 480px) { .container-border--bottom::after { width: 100%; } } /* Applied to container elements that need to be smaller than the $site-width */ .narrow-width--true.container { max-width: 1000px; margin-left: auto; margin-right: auto; } /* Override the max-width on container element and stretch full screen (wide_display) */ .container.full-width--true, .full-width--true > .container { width: 100%; max-width: 100%; } @media only screen and (max-width: 480px) { .container.fullWidthMobile--true, .column.fullWidthMobile--true, .columns.fullWidthMobile--true { width: 100% !important; max-width: 100%; } } /* #Reset & Basics ================================================== */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } [hidden] { display: none; } html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } h1 { font-size: 2em; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: 700; } dfn { font-style: italic; } mark { background: #ff0; color: #000; } code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } pre { white-space: pre-wrap; word-wrap: break-word; } q { quotes: “”‘’; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } fieldset { border: 1px solid silver; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; } button, input { line-height: normal; } button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer; } button[disabled], input[disabled] { cursor: default; } input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0; } input[type=search] { -webkit-appearance: textfield; box-sizing: content-box; } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none; } textarea { overflow: auto; vertical-align: top; } table { border-collapse: collapse; border-spacing: 0; } body, figure { margin: 0; } legend, button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: ""; clear: both; height: 0; } * { box-sizing: border-box; } .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } @media only screen and (max-width: 798px) { .clear { display: none; } } /* #Fonts ================================================== */@font-face { font-family: Roboto; font-weight: 400; font-style: normal; font-display: swap; src: url("//wooxstore.com/cdn/fonts/roboto/roboto_n4.2019d890f07b1852f56ce63ba45b2db45d852cba.woff2") format("woff2"), url("//wooxstore.com/cdn/fonts/roboto/roboto_n4.238690e0007583582327135619c5f7971652fa9d.woff") format("woff"); } @font-face { font-family: Roboto; font-weight: 700; font-style: normal; font-display: swap; src: url("//wooxstore.com/cdn/fonts/roboto/roboto_n7.f38007a10afbbde8976c4056bfe890710d51dec2.woff2") format("woff2"), url("//wooxstore.com/cdn/fonts/roboto/roboto_n7.94bfdd3e80c7be00e128703d245c207769d763f9.woff") format("woff"); } @font-face { font-family: Roboto; font-weight: 400; font-style: italic; font-display: swap; src: url("//wooxstore.com/cdn/fonts/roboto/roboto_i4.57ce898ccda22ee84f49e6b57ae302250655e2d4.woff2") format("woff2"), url("//wooxstore.com/cdn/fonts/roboto/roboto_i4.b21f3bd061cbcb83b824ae8c7671a82587b264bf.woff") format("woff"); } @font-face { font-family: Roboto; font-weight: 700; font-style: italic; font-display: swap; src: url("//wooxstore.com/cdn/fonts/roboto/roboto_i7.7ccaf9410746f2c53340607c42c43f90a9005937.woff2") format("woff2"), url("//wooxstore.com/cdn/fonts/roboto/roboto_i7.49ec21cdd7148292bffea74c62c0df6e93551516.woff") format("woff"); } @font-face { font-family: Roboto; font-weight: 400; font-style: normal; font-display: swap; src: url("//wooxstore.com/cdn/fonts/roboto/roboto_n4.2019d890f07b1852f56ce63ba45b2db45d852cba.woff2") format("woff2"), url("//wooxstore.com/cdn/fonts/roboto/roboto_n4.238690e0007583582327135619c5f7971652fa9d.woff") format("woff"); } @font-face { font-family: Roboto; font-weight: 700; font-style: normal; font-display: swap; src: url("//wooxstore.com/cdn/fonts/roboto/roboto_n7.f38007a10afbbde8976c4056bfe890710d51dec2.woff2") format("woff2"), url("//wooxstore.com/cdn/fonts/roboto/roboto_n7.94bfdd3e80c7be00e128703d245c207769d763f9.woff") format("woff"); } @font-face { font-family: Roboto; font-weight: 400; font-style: italic; font-display: swap; src: url("//wooxstore.com/cdn/fonts/roboto/roboto_i4.57ce898ccda22ee84f49e6b57ae302250655e2d4.woff2") format("woff2"), url("//wooxstore.com/cdn/fonts/roboto/roboto_i4.b21f3bd061cbcb83b824ae8c7671a82587b264bf.woff") format("woff"); } @font-face { font-family: Roboto; font-weight: 700; font-style: italic; font-display: swap; src: url("//wooxstore.com/cdn/fonts/roboto/roboto_i7.7ccaf9410746f2c53340607c42c43f90a9005937.woff2") format("woff2"), url("//wooxstore.com/cdn/fonts/roboto/roboto_i7.49ec21cdd7148292bffea74c62c0df6e93551516.woff") format("woff"); } @font-face { font-family: Oswald; font-weight: 400; font-style: normal; font-display: swap; src: url("//wooxstore.com/cdn/fonts/oswald/oswald_n4.7760ed7a63e536050f64bb0607ff70ce07a480bd.woff2") format("woff2"), url("//wooxstore.com/cdn/fonts/oswald/oswald_n4.ae5e497f60fc686568afe76e9ff1872693c533e9.woff") format("woff"); } @font-face { font-family: Oswald; font-weight: 700; font-style: normal; font-display: swap; src: url("//wooxstore.com/cdn/fonts/oswald/oswald_n7.b3ba3d6f1b341d51018e3cfba146932b55221727.woff2") format("woff2"), url("//wooxstore.com/cdn/fonts/oswald/oswald_n7.6cec6bed2bb070310ad90e19ea7a56b65fd83c0b.woff") format("woff"); } @font-face { font-family: "Roboto Condensed"; font-weight: 400; font-style: normal; font-display: swap; src: url("//wooxstore.com/cdn/fonts/roboto_condensed/robotocondensed_n4.01812de96ca5a5e9d19bef3ca9cc80dd1bf6c8b8.woff2") format("woff2"), url("//wooxstore.com/cdn/fonts/roboto_condensed/robotocondensed_n4.3930e6ddba458dc3cb725a82a2668eac3c63c104.woff") format("woff"); } @font-face { font-family: "Roboto Condensed"; font-weight: 700; font-style: normal; font-display: swap; src: url("//wooxstore.com/cdn/fonts/roboto_condensed/robotocondensed_n7.0c73a613503672be244d2f29ab6ddd3fc3cc69ae.woff2") format("woff2"), url("//wooxstore.com/cdn/fonts/roboto_condensed/robotocondensed_n7.ef6ece86ba55f49c27c4904a493c283a40f3a66e.woff") format("woff"); } @font-face { font-family: "Roboto Condensed"; font-weight: 400; font-style: italic; font-display: swap; src: url("//wooxstore.com/cdn/fonts/roboto_condensed/robotocondensed_i4.05c7f163ad2c00a3c4257606d1227691aff9070b.woff2") format("woff2"), url("//wooxstore.com/cdn/fonts/roboto_condensed/robotocondensed_i4.04d9d87e0a45b49fc67a5b9eb5059e1540f5cda3.woff") format("woff"); } @font-face { font-family: "Roboto Condensed"; font-weight: 700; font-style: italic; font-display: swap; src: url("//wooxstore.com/cdn/fonts/roboto_condensed/robotocondensed_i7.bed9f3a01efda68cdff8b63e6195c957a0da68cb.woff2") format("woff2"), url("//wooxstore.com/cdn/fonts/roboto_condensed/robotocondensed_i7.9ca5759a0bcf75a82b270218eab4c83ec254abf8.woff") format("woff"); } @font-face { font-family: "Roboto Condensed"; font-weight: 100; font-style: normal; font-display: swap; src: url("//wooxstore.com/cdn/fonts/roboto_condensed/robotocondensed_n1.d68bb091d6c7cc1564fd548a30f64736a572c4f1.woff2") format("woff2"), url("//wooxstore.com/cdn/fonts/roboto_condensed/robotocondensed_n1.0f8af7f6147dfa5ca8c1b00eaa0492cef696989b.woff") format("woff"); } @font-face { font-family: "Roboto Condensed"; font-weight: 100; font-style: italic; font-display: swap; src: url("//wooxstore.com/cdn/fonts/roboto_condensed/robotocondensed_i1.657e3a979c80002221bda96a1da4d0014726aa19.woff2") format("woff2"), url("//wooxstore.com/cdn/fonts/roboto_condensed/robotocondensed_i1.3a0c225c8f12e7b4ede62aaefccaea36f83efc4c.woff") format("woff"); } @font-face { font-family: Oswald; font-weight: 400; font-style: normal; font-display: swap; src: url("//wooxstore.com/cdn/fonts/oswald/oswald_n4.7760ed7a63e536050f64bb0607ff70ce07a480bd.woff2") format("woff2"), url("//wooxstore.com/cdn/fonts/oswald/oswald_n4.ae5e497f60fc686568afe76e9ff1872693c533e9.woff") format("woff"); } @font-face { font-family: Oswald; font-weight: 700; font-style: normal; font-display: swap; src: url("//wooxstore.com/cdn/fonts/oswald/oswald_n7.b3ba3d6f1b341d51018e3cfba146932b55221727.woff2") format("woff2"), url("//wooxstore.com/cdn/fonts/oswald/oswald_n7.6cec6bed2bb070310ad90e19ea7a56b65fd83c0b.woff") format("woff"); } @font-face { font-family: "Roboto Condensed"; font-weight: 400; font-style: normal; font-display: swap; src: url("//wooxstore.com/cdn/fonts/roboto_condensed/robotocondensed_n4.01812de96ca5a5e9d19bef3ca9cc80dd1bf6c8b8.woff2") format("woff2"), url("//wooxstore.com/cdn/fonts/roboto_condensed/robotocondensed_n4.3930e6ddba458dc3cb725a82a2668eac3c63c104.woff") format("woff"); } @font-face { font-family: "Roboto Condensed"; font-weight: 700; font-style: normal; font-display: swap; src: url("//wooxstore.com/cdn/fonts/roboto_condensed/robotocondensed_n7.0c73a613503672be244d2f29ab6ddd3fc3cc69ae.woff2") format("woff2"), url("//wooxstore.com/cdn/fonts/roboto_condensed/robotocondensed_n7.ef6ece86ba55f49c27c4904a493c283a40f3a66e.woff") format("woff"); } @font-face { font-family: "Roboto Condensed"; font-weight: 400; font-style: italic; font-display: swap; src: url("//wooxstore.com/cdn/fonts/roboto_condensed/robotocondensed_i4.05c7f163ad2c00a3c4257606d1227691aff9070b.woff2") format("woff2"), url("//wooxstore.com/cdn/fonts/roboto_condensed/robotocondensed_i4.04d9d87e0a45b49fc67a5b9eb5059e1540f5cda3.woff") format("woff"); } @font-face { font-family: "Roboto Condensed"; font-weight: 700; font-style: italic; font-display: swap; src: url("//wooxstore.com/cdn/fonts/roboto_condensed/robotocondensed_i7.bed9f3a01efda68cdff8b63e6195c957a0da68cb.woff2") format("woff2"), url("//wooxstore.com/cdn/fonts/roboto_condensed/robotocondensed_i7.9ca5759a0bcf75a82b270218eab4c83ec254abf8.woff") format("woff"); } /* #Basic Styles ================================================== */ body { font-family: Roboto, sans-serif; font-weight: 400; font-style: normal; font-size: 16px; text-transform: none; color: #19110b; line-height: 1.6em; overflow: auto; background-color: #ffffff; }body.blocked-scroll { position: absolute; overflow: hidden; height: 100%; width: 100%; top: 0; left: 0; pointer-events: none; } body.blocked-overflow { overflow: hidden; } ::selection { background: #FFF7B6; color: black; } abbr { border-bottom: 1px dotted #f5f6f3; } details summary::-webkit-details-marker { display: none; } /* Theme editor */ .editor-visible--true { display: block !important; } /* Lazyloading styles */.transition--appear { opacity: 0; transition: opacity 0s !important; /* !important is to override the fade-in transition on product img */ } .transition--appear.lazyloaded { opacity: 1; }img[data-sizes=auto].lazyloaded { height: auto; } img[data-sizes=auto], img[data-sizes="100vw"] { display: block; width: 100%; margin-left: auto; margin-right: auto; } /* Ensures that small images are not stretched larger */ .image__container { display: block; margin-left: auto; margin-right: auto; } .image-element__wrap { overflow: hidden; margin-left: auto; margin-right: auto; max-width: 100%; } .image-element__wrap img { height: auto; } /* #Typography ================================================== */ .logo, .header__logo { font-family: Roboto, sans-serif; font-weight: 400; font-style: normal; font-size: 20px; text-transform: none; line-height: 1.2em; }.logo a span, .header__logo a span { color: #ffffff; } /* Headings */ h1 { font-family: Oswald, sans-serif; font-weight: 400; font-style: normal; text-transform: uppercase; line-height: 1.5; color: #19110b; display: block; letter-spacing: 1px; text-rendering: optimizeLegibility; font-size: 39px; margin: 0 auto 15px; clear: both; font-weight: 400; padding-top: 4px; } h1 a:link, h1 a:visited { font-weight: inherit; color: #19110b; } h1 a:hover, h1 a:active { color: #9b7e4b; } h1.collection_title_tags { padding-right: 25px; border-right: solid 1px #f5f6f3; } h2, .h2, h2.title { font-family: Oswald, sans-serif; font-weight: 400; font-style: normal; text-transform: uppercase; line-height: 1.5; color: #19110b; display: block; letter-spacing: 1px; text-rendering: optimizeLegibility; font-size: 38px; margin-bottom: 0.75em; } h2 a, .h2 a, h2.title a { font-weight: inherit; } h2.collection_title, .h2.collection_title, h2.title.collection_title { margin-bottom: 0; display: inline; } h2.product_name a, .h2.product_name a, h2.title.product_name a { color: #19110b; } .cart h2 { margin-top: 0; } h3, .h3 { font-family: Oswald, sans-serif; font-weight: 400; font-style: normal; text-transform: uppercase; line-height: 1.5; color: #19110b; display: block; letter-spacing: 1px; text-rendering: optimizeLegibility; font-size: 31px; margin: 0 auto 15px 0; } h3 a, h3 a:visited, .h3 a, .h3 a:visited { font-weight: inherit; color: #19110b; } h3.title, .h3.title { line-height: 1.25; margin: 0 auto 15px; clear: both; padding-top: 4px; } h3.title a, h3.title a:visited, .h3.title a, .h3.title a:visited { color: #19110b; } h3.sub_title, .h3.sub_title { padding: 5px 0; color: #19110b; } h3.sub_title a, .h3.sub_title a { color: #19110b; } h4, .h4 { font-family: Oswald, sans-serif; font-weight: 400; font-style: normal; text-transform: uppercase; line-height: 1.5; color: #19110b; display: block; letter-spacing: 1px; text-rendering: optimizeLegibility; font-size: 27px; margin: 0 0 0.5em 0; padding: 7px 0; } h4 a, .h4 a { font-weight: inherit; } h4.title a, .h4.title a { border: 0; padding: 0; margin: 0; } h5, .h5 { font-family: Oswald, sans-serif; font-weight: 400; font-style: normal; text-transform: uppercase; line-height: 1.5; color: #19110b; display: block; letter-spacing: 1px; text-rendering: optimizeLegibility; font-size: 25px; margin: 0 0 0.5em 0; padding: 7px 0; } h5 a, .h5 a { font-weight: inherit; } h5.sub_title, .h5.sub_title { padding: 5px 0; color: #19110b; } h5.sub_title a, .h5.sub_title a { color: #19110b; } h6, .h6 { font-family: Oswald, sans-serif; font-weight: 400; font-style: normal; text-transform: uppercase; line-height: 1.5; color: #19110b; display: block; letter-spacing: 1px; text-rendering: optimizeLegibility; font-size: 23px; letter-spacing: 0px; margin: 0 0 0.5em 0; padding: 7px 0; } h6 a, .h6 a { font-weight: inherit; } h6.title, .h6.title { line-height: 32px; margin: 0 0 0.5em 0; color: #19110b; } .cart h6 { margin-top: 0; } .collection_title { font-family: Oswald, sans-serif; font-weight: 400; font-style: normal; text-transform: uppercase; line-height: 1.5; color: #19110b; display: block; letter-spacing: 1px; text-rendering: optimizeLegibility; font-size: 39px; margin: 0 auto 15px; clear: both; padding-top: 4px; } .collection_title a { font-weight: inherit; color: #19110b; } .collection_title a:hover, .collection_title a:active { color: #9b7e4b; } div.collection_title { margin-bottom: 0; line-height: 39px; display: inline; } div.collection_title_tags { padding-right: 25px; border-right: solid 1px #f5f6f3; } .headline, .empty_cart, .promo-banner, .title { font-family: Oswald, sans-serif; font-weight: 400; font-style: normal; text-transform: uppercase; line-height: 1.5; color: #19110b; display: block; letter-spacing: 1px; text-rendering: optimizeLegibility; font-size: 39px; } .title.center.blog a { color: #19110b; } /* Content */ p { margin: 0 0 15px; font-style: normal; line-height: 1.6em; } p img { margin: 0; } sub { font-size: 60%; } i, em { font-style: italic; } b, strong { font-weight: bold; } small { font-size: 90%; } .feature img { position: relative; top: 7px; margin-right: 5px; width: 25px; height: 25px; } .onboard-text { margin: 0; } .feature p { font-size: smaller; } #featured_links { padding: 20px 0; } #featured_links h2 { padding-top: 15px; }#featured_links .column, #featured_links .columns { opacity: 1; }/* Add default spacing to allow room for stars (from Shopify review app) */ .slider-gallery .shopify-product-reviews-badge { height: 30px; display: block; } /* Add spacing below review stars (from Shopify review app) */ .spr-badge + .feature_divider { margin-top: 15px; } .spr-badge { padding: 5px 0; } .thumbnail .spr-badge-caption { display: none; } .spr-badge-container { cursor: pointer; display: inline-block; } div#shopry-review-photos a { display: block !important; } /* Feature divider variables */ .feature_divider { width: 100%; margin-bottom: 20px; display: block; border: 0; border-color: #dddddd; border-bottom-width: 1px; border-bottom-style: solid; } .feature_divider.no-margin { margin-bottom: 0px; } @media only screen and (max-width: 798px) { .feature_divider { margin-bottom: 10px; } } .page .feature_divider, .page h2.title + .feature_divider { margin-bottom: 15px; } /* Blockquotes */ blockquote, blockquote p { font-size: 17px; line-height: 24px; font-style: italic; } blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #f5f6f3; } blockquote cite { display: block; font-size: 12px; color: #555; } blockquote cite a, blockquote cite a:visited { color: #555; } blockquote cite:before { content: "— "; } hr { border-color: #dddddd; border-style: solid; clear: both; margin: 12px 0; height: 0; }hr { border-width: 1px; }.cart-container hr { border-top-width: 0; } .collection_description { margin: 0 0 1.5em 0; } /* #Breadcrumbs ================================================== */ .breadcrumb-wrapper { padding-bottom: 1rem; } div.breadcrumb-collection { margin-bottom: 1rem; } div.breadcrumb-collection.breadcrumb-collection--product { margin: 0; } @media only screen and (max-width: 798px) { div.breadcrumb-collection { text-align: center; } } .breadcrumb_text, .article-pagination { margin-top: 0px; text-transform: uppercase; font-size: 12px; margin-bottom: 0; } @media only screen and (max-width: 798px) { .breadcrumb_text, .article-pagination { margin-top: 0; } } .breadcrumb_text .breadcrumb-divider, .article-pagination .breadcrumb-divider { color: #9b7e4b; margin: 0 5px; } .breadcrumb_link:hover span { color: #19110b; } .breadcrumb { font-size: 15px; } @media only screen and (max-width: 798px) { .breadcrumb { margin-bottom: 20px; } } /* #Links ================================================== */ a, a:visited, a span { color: #9b7e4b; text-decoration: none; position: relative; transition: color 0.1s linear; } a:hover, a:focus { color: #19110b; } a, button, input, select, textarea, label, summary { touch-action: manipulation; } /* #Lists ================================================== */ ul, ol { margin-bottom: 20px; } ul ul, ul ol, ol ul, ol ol { margin: 4px 0 5px 30px; } ul ul li, ul ol li, ol ul li, ol ol li { margin-bottom: 6px; } ul li, ol li { margin-bottom: 12px; } ul { list-style: disc outside; } ul.square { list-style: square outside; } ul.circle { list-style: circle outside; } ul.disc { list-style: disc outside; } ul.large li { line-height: 21px; } ul.none { list-style: none outside; margin-left: 0; } ul.border { list-style: none outside; line-height: 26px; } ul.border li { border-bottom: 1px solid #f5f6f3; list-style: none outside none; padding: 12px 0; margin-bottom: 0; } ol { list-style: decimal; } /* #Menu ================================================== */ .header { position: relative; z-index: 1000; width: 100%; top: 0; } .header select.currencies { color: #ffffff; text-shadow: none; } .header div.container { padding-bottom: 5px; padding-top: 5px; } body.is-active { overflow-y: hidden; height: 100vh; } body.is-active #header { bottom: 0; overflow-y: scroll; overflow-x: hidden; -webkit-overflow-scrolling: touch; } #header.mobile_nav-fixed--true, .mobile_nav-fixed--false.is-active #header { position: fixed; z-index: 1001; width: 100%; top: 0; left: 0; } #header { display: none; pointer-events: all; } #header .top-bar { text-align: center; display: flex; align-items: center; } #header .top-bar a.right { left: auto; right: 15px; font-size: 20px; padding-top: 8px; top: 4px; z-index: 1; } #header .top-bar a.mobile_nav { display: flex; align-items: center; z-index: 1; } #header .top-bar > a, #header .top-bar > a:visited, #header .top-bar > a:active { display: block; font-size: 25px; } #header .top-bar a span { color: #ffffff; display: inline-block; padding-left: 4px; position: relative; } #header .top-bar a.icon-bag:before, #header .top-bar a.icon-cart:before { font-size: 20px !important; } .nav ul.mobile_menu li a { display: inline-block; } /* Mobile nav */ #header .mobile_nav.dropdown_link { width: 25%; } #header .mobile_nav.dropdown_link span.menu_title { position: absolute; left: 40px; } .mobile_nav { display: flex; align-items: center; cursor: pointer; } .mobile_nav div { flex-shrink: 0; width: 30px; height: 40px; position: relative; float: left; margin: 0 8px 0 5px; transform: rotate(0deg); transition: 0.1s ease-in-out; } .mobile_nav div span { display: block !important; position: absolute !important; height: 1px !important; width: 100%; background: #ffffff; border-radius: 9px; opacity: 1; left: 0; padding: 0 !important; transform: rotate(0deg); transition: 0.1s ease-in-out; } .mobile_nav div span:nth-child(1) { top: 10px; } .mobile_nav div span:nth-child(2), .mobile_nav div span:nth-child(3) { top: 20px; } .mobile_nav div span:nth-child(4) { top: 30px; } .mobile_nav div.open span:nth-child(1) { top: 9px; width: 0%; left: 50%; } .mobile_nav div.open span:nth-child(2) { transform: rotate(45deg); } .mobile_nav div.open span:nth-child(3) { transform: rotate(-45deg); } .mobile_nav div.open span:nth-child(4) { top: 9px; width: 0%; left: 50%; } #mobile_menu { margin: 10px 20px; } #mobile_menu .sublink ul { display: none; margin-left: 0; padding-left: 10px; } #mobile_menu li { display: block; padding-right: 0; padding-left: 0; } #mobile_menu li a span.icon-down-arrow { padding: 0 15px !important; color: inherit; } .mobile-menu-item-title { display: inline-block; } /* Currency / language switcher on mobile */ .mobile-disclosure-link { cursor: pointer; } .mobile-menu__disclosure .selectors-form__wrap { justify-content: center; flex-direction: column; } .mobile-menu__disclosure .selectors-form__item { margin-left: 0; } .mobile-menu__disclosure .selectors-form__item:first-of-type .disclosure__toggle { border-top: none; } .mobile-menu__disclosure .disclosure { padding-top: 0; } .mobile-menu__disclosure .disclosure-list__item { padding: 0; } .mobile-menu__disclosure button.disclosure__button { justify-content: flex-start; font-size: 12px; color: #ffffff; padding-left: 0; min-height: 0; height: unset; width: 100%; padding-top: 12px; padding-bottom: 12px; line-height: 1.9em; } .mobile-menu__disclosure button.disclosure__button:hover, .mobile-menu__disclosure button.disclosure__button:focus { color: #9b7e4b; } #mobile_menu li.sublink span.currency-code { display: inline; padding-left: 0; } .feature_image.editor-hover--true .main-nav, .feature_image.editor-hover--true .dropdown { clear: both; transition: all 0.2s linear; animation: fadeIn 0.2s linear none; }.feature_image.editor-hover--true .main-nav, .feature_image.editor-hover--true .dropdown { background: #19110b; }.cart-container { float: right; } p.cart-message a { display: inline-block; } .top-bar { display: flex; justify-content: space-between; background-color: #19110b; } .top-bar .social_icons { margin: 0; padding-left: 10px; } .top-bar .social_icons li { padding: 5px; } .top-bar a { display: flex; align-items: center; } .top-bar ul.social_icons a { display: inline; flex: none; } .top-bar .top-bar--right { display: flex; align-items: center; margin-left: auto; height: 40px; } .top-bar .top-bar--right .icon-search { height: 100%; z-index: 10; position: relative; padding-right: 10px; padding-left: 10px; color: #ffffff; } .top-bar .top-bar--right .icon-search:before { margin-left: 0; font-size: 18px; } .top-bar .top-bar--right .icon-search:visited { color: #ffffff; } .top-bar .top-bar--right .icon-search:hover, .top-bar .top-bar--right .icon-search:focus, .top-bar .top-bar--right .icon-search:active { color: #9b7e4b; } .top-bar .top-bar--right .cart-container { display: inline-block; } .top-bar .mini-cart__item-title a { display: block; } .top-bar .mini-cart__item-title span { color: #19110b; } .top-bar .mini-cart__item-title .sale { color: #9b7e4b; margin-right: 3px; } .top-bar .mini-cart__item-title .was_price { color: #19110b; } .top-bar--right-menu { display: flex; flex-wrap: nowrap; flex: 0 0 auto; } .main-nav, .dropdown { clear: both; transition: all 0.2s linear; animation: fadeIn 0.2s linear none; }.main-nav, .dropdown { background: #19110b; }.is-active .sticky_nav { bottom: 0; overflow-y: scroll; overflow-x: hidden; } .nav--combined { width: 100%; display: flex; } .nav--combined.center { justify-content: center; } .nav--combined.align_right { justify-content: flex-end; } .combined-menu-container { width: 100%; display: flex; column-gap: 13px; } .center .combined-menu-container { justify-content: center; } .align_right .combined-menu-container { justify-content: flex-end; } .sticky_nav { display: none; position: fixed; width: 100%; z-index: 35; top: 0; left: 0; padding: 0; transform: translateY(-100%); opacity: 0; } .sticky_nav .main-nav { flex-wrap: nowrap; padding: 0 0 0 20px; } .sticky_nav .nav--left { padding-left: 20px; } .sticky_nav .nav--combined ul.menu { padding: 0 20px; } .sticky_nav ul.menu { font-size: 15px; padding-bottom: 0 !important; /* Override non-sticky menu padding */ } .sticky_nav .header__logo { padding: 12px 0; } .sticky_nav .menu-position--block.search-enabled--true .nav.nav--center { padding-left: 0; } .sticky_nav .menu-position--block .header__logo { margin-right: 20px; padding-left: 0; padding-right: 0; } .sticky_nav .menu-position--inline.logo-position--center.search-enabled--false .nav--right { width: calc(45% - 70px); } .sticky_nav .menu-position--inline.logo-position--center .nav--right { width: calc(45% - 130px); } .sticky_nav .header__logo span { color: #ffffff; } .sticky_nav .search-container { max-width: 60px; padding: 12px 0; } .sticky_nav .search-container a { padding: 0 20px; color: #ffffff; } .sticky_nav .mini_cart { font-size: 18px; padding: 12px; align-items: center; } .sticky_nav .mini_cart:before { margin: 0; } .sticky_nav .mini_cart .cart_count { margin: 0; padding: 0 0 0 8px; } .sticky_nav[data-animation] { display: block; transition: opacity 300ms ease-in-out, transform 300ms ease-in-out; } .sticky_nav[data-animation-state=open] { display: block; opacity: 1; transform: translateY(0); } @media only screen and (max-width: 798px) { .sticky_nav--stick { display: none; } } .main-nav { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 4px 20px; } .menu { flex: 1 1 auto; display: block; border: none; padding: 0; margin: 0; } .menu li { margin: 0; border: 0; display: inline-block; } .menu-position--inline { flex-wrap: nowrap; } .menu-position--inline .header__logo { width: 100%; } .menu-position--block.search-enabled--true .nav.nav--center { padding-left: 200px; } .menu-position--block .header__logo { width: 100%; max-width: none; /* Undo max-width so menu appears below logo */ } .top-bar__menu { display: flex; align-items: center; margin: 0; padding: 0; list-style: none; } .top-bar__menu li { margin: 0; padding: 0; } .top-bar__menu .icon-user { padding: 0; } .header__logo { width: auto; line-height: 1; margin-left: 20px; margin-right: 20px; } .header__logo a { display: inline-block; } .header__logo img, .header__logo span.header__logo-text { width: 100%; display: inline-block; color: #ffffff; } .logo-alignment--left.menu-position--block .header__logo { padding-right: 0; padding-left: 0; } .logo-alignment--center .header__logo { text-align: center; } .logo-position--left .header__logo { padding-right: 20px; margin-right: 0; margin-left: 0; } .logo-position--center.menu-position--block .header__logo { margin: 0; } .logo-position--center.search-enabled--true .nav--right { width: calc(45% - 220px); /* Includes 20px to account for padding on search container */ } .logo-position--center.menu-position--inline .nav--left { width: 45%; } .menu-position--inline.logo-position--center.search-enabled--false .nav--right { width: 45%; } .cart-container .mini_cart { display: flex; justify-content: center; font-family: "Roboto Condensed", sans-serif; font-weight: 400; font-style: normal; font-size: 12px; color: #ffffff; letter-spacing: 1px; width: 70px; max-width: 70px; white-space: nowrap; } .cart-container .mini_cart .cart_count { color: inherit; } @media only screen and (max-width: 480px) { .cart-container .mini_cart { width: 50px; max-width: 50px; } } .search-container { width: 100%; max-width: 200px; padding-left: 20px; } .search-container .search-link { display: none; } .search-container input { z-index: 29; } .nav ul li a.sub-menu { padding: 10px 4px 10px 4px; z-index: 1001; } .nav ul li:hover a.sub-menu { color: #ffffff; } .menu a, .menu a:visited, .menu a span, select.currencies { font-family: "Roboto Condensed", sans-serif; font-weight: 400; font-style: normal; font-size: 15px; text-transform: none; color: #ffffff; padding-top: 12px; padding-bottom: 12px; position: relative; display: block; letter-spacing: 1px; text-rendering: optimizeLegibility; } @media only screen and (max-width: 798px) { .menu a, .menu a:visited, .menu a span, select.currencies { font-size: 12px; } } .menu a:hover, .menu a:active { color: #9b7e4b; } #header span.menu_title, .menu a span, select.currencies, .mini_cart span { padding-left: 5px; padding-right: 5px; } #header span.menu_title { cursor: pointer; height: 40px; line-height: 20px; margin-top: -2px; } .menu li { vertical-align: top; padding-right: 10px; } .shopify-currency-form { margin-bottom: 0; } select.currencies { height: 40px; min-height: 40px; padding-top: 0; padding-bottom: 0; cursor: pointer; background-image: url(//wooxstore.com/cdn/shop/t/160/assets/select_light.png?v=153136132513795776861794030296); } @media only screen and (max-width: 798px) { select.currencies { font-size: 16px; } } #mobile_menu select.currencies { padding-left: 0; } .top-bar li { padding-left: 10px; padding-right: 10px; } .top-bar .social_icons a { height: 40px; line-height: 40px; padding: 0; } .top-bar .top-bar__menu a, .top-bar .social_icons a, .top-bar .mobile-menu-title { padding: 0; font-family: "Roboto Condensed", sans-serif; font-weight: 400; font-style: normal; font-size: 12px; color: #ffffff; letter-spacing: 1px; text-rendering: optimizeLegibility; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); color: #ffffff; text-transform: none; } .top-bar .top-bar__menu a:visited, .top-bar .social_icons a:visited, .top-bar .mobile-menu-title:visited { color: #ffffff; } .top-bar .top-bar__menu a:hover, .top-bar .top-bar__menu a:focus, .top-bar .top-bar__menu a:active, .top-bar .social_icons a:hover, .top-bar .social_icons a:focus, .top-bar .social_icons a:active, .top-bar .mobile-menu-title:hover, .top-bar .mobile-menu-title:focus, .top-bar .mobile-menu-title:active { color: #9b7e4b; } /* Mini cart */ .mini_cart, .nav a.mini_cart { float: right; text-align: center; cursor: pointer; background-color: #9b7e4b; padding-left: 5px; padding-right: 5px; margin-left: 5px; z-index: 2001; } @media only screen and (min-width: 799px) { .mini_cart, .nav a.mini_cart { padding-left: 15px; padding-right: 15px; } } @media only screen and (max-width: 798px) { .mini_cart, .nav a.mini_cart { right: 0; } } .cart-container li.mini-cart__item { display: flex; justify-content: space-between; } .top-bar a.mini_cart span { padding-top: 0; padding-bottom: 0; line-height: 40px; } a.tos_icon, .cart_content a.tos_icon { font-size: 13px; color: #9b7e4b; } a.tos_icon:visited, .cart_content a.tos_icon:visited { color: #9b7e4b; } a.tos_icon:hover, .cart_content a.tos_icon:hover { color: #19110b; } .cart_content__continue-shopping { display: none; } .no-touchevents a.cart_content__continue-shopping.secondary_button { display: none; } .no-touchevents a.cart_content__continue-shopping.secondary_button, .touchevents a.cart_content__continue-shopping.secondary_button { display: none; } @media only screen and (max-width: 798px) { .no-touchevents a.cart_content__continue-shopping.secondary_button, .touchevents a.cart_content__continue-shopping.secondary_button { display: block; border-top: 0; margin: 0 auto; padding-top: 0; padding-bottom: 10px; margin-bottom: 10px; position: static; font-size: inherit; letter-spacing: inherit; } } .mini_cart span { display: inline-block; } .cart-container .cart_content { display: none; } .active_link { pointer-events: all; } .cart-container.active_link .cart_content { display: block; overflow-y: auto; max-height: calc(90vh - 100px); } .cart-container.active_link .cart_content::-webkit-scrollbar { -webkit-appearance: none; appearance: none; width: 7px; } .cart-container.active_link .cart_content::-webkit-scrollbar-thumb { border-radius: 0; background-color: rgba(0, 0, 0, 0.5); box-shadow: 0 0 1px rgba(255, 255, 255, 0.5); } #cart_form { width: 100%; } #cart_form p.modal_price { margin-bottom: 0; padding-bottom: 0; } @media only screen and (max-width: 480px) { #cart_form p.modal_price { font-size: inherit; } } #cart_form .product-quantity-box { margin: 15px 0; width: 130px; } .cart_content .product-quantity-box { margin: 15px 0 0; width: 130px; } .cart_content .product-plus.is-disabled, .cart_content .product-minus.is-disabled, #cart_form .product-plus.is-disabled, #cart_form .product-minus.is-disabled { pointer-events: none; } .cart_content .product-quantity-box .quantity, #cart_form .product-quantity-box .quantity { padding: 0 5px; width: 30%; min-height: 30px; height: 30px; } .cart_content .product-quantity-box .product-plus, #cart_form .product-quantity-box .product-plus { font-size: 15px; line-height: 30px; height: 30px; padding-right: 2px; width: 25%; } .cart_content .product-quantity-box .product-minus, #cart_form .product-quantity-box .product-minus { font-size: 15px; line-height: 30px; height: 30px; padding-right: 2px; width: 25%; } #cart_form .product-quantity-box .product-minus, #cart_form .product-quantity-box .product-plus, .nav .product-quantity-box .product-minus, .nav .product-quantity-box .product-plus { padding-right: 0; } #cart_form .icon-minus, #cart_form .icon-plus { position: relative; left: 1px; } .cart__continue-shopping { width: 100%; margin-top: 25px; }.product-quantity-box .product-plus { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .product-quantity-box .product-minus { border-top-left-radius: 3px; border-bottom-left-radius: 3px; }.cart-container.active_link .mini_cart, .cart-container.active_link .mini_cart span { background-color: #ffffff; color: #19110b !important; } .cart_content { top: 40px; right: 0; position: absolute; z-index: 2000; background-color: #ffffff; font-family: Roboto, sans-serif; font-weight: 400; font-style: normal; text-transform: none; color: #19110b; border: 1px solid #f5f6f3; border-top: 0; border-right: 0; width: 100%; max-width: 320px; } @media only screen and (min-width: 799px) { .cart_content { max-width: 420px; } } div.cart_content form { margin: 15px 0 0 0; padding: 0; } .mini-cart__item.animated, .cart__item.animated { animation-duration: 0.7s; } .mini-cart__item--image { width: 40%; } .cart_content li.mini-cart__item { position: relative; } .cart_content li.mini-cart__item a.cart__remove-btn { position: absolute; top: 0; right: 0; } .cart_content li.mini-cart__item a.cart__remove-btn:active { position: absolute; } .cart_content li.mini-cart__item a.cart__remove-btn span { color: #19110b; } .cart_content li.mini-cart__item a.cart__remove-btn .remove-icon { margin-left: 0; } .cart_content li.mini-cart__item a.cart__remove-btn .remove-icon:before { font-size: 25px; } #header .top-bar a span.remove-icon { color: #19110b; } #header li.mini-cart__item a.cart__remove-btn { top: 0; } /* Mini cart */ .mini-cart__item-content { display: flex; flex: 1; flex-direction: column; flex-wrap: wrap; position: relative; text-align: left; } .mini-cart__item-price { padding-top: 10px; line-height: 1; font-weight: bold; } .mini-cart__unit-price { margin: 0; font-size: 0.925em; } .mini-cart__item-title { display: flex; flex-direction: column; padding-right: 20px; } .cart__item { display: flex; align-items: center; margin: 10px 0; padding: 10px 0; position: relative; border-bottom: 1px solid #f5f6f3; } @media only screen and (max-width: 798px) { .cart__item--content { margin-left: 20px; } } @media only screen and (max-width: 798px) { .cart__item--image { max-width: 33.333%; } } .container .column.cart__item--image { margin-left: 0; } .cart__item--title { margin-right: 15%; font-size: 20px; } @media only screen and (max-width: 798px) { .cart__item--title { margin-right: 20px; } } .cart__item-unit-price, .order-details__unit-price, .product-details__unit-price, .thumbnail .unit-pricing { margin: 0; font-size: 0.925em; } .product-details__unit-price { margin-bottom: 5px; } .order-details__unit-price { display: block; } .product-details__unit-price, .product-details__unit-price span { color: #19110b; } .thumbnail-overlay .product-details__unit-price, .thumbnail-overlay .product-details__unit-price span { color: #ffffff; } .cart__item--discount, .meta.cart__item--discount .label { color: #9b7e4b; margin-top: 15px; } .cart_discounts { display: flex; align-items: flex-start; line-height: 1; } .cart_discounts .cart_discounts--title { width: 60%; margin-right: 20px; } .cart_discounts .cart_discounts--price { width: calc(40% - 20px); text-align: right; } .cart__remove-btn { display: flex; cursor: pointer; position: absolute; right: 0; top: 10px; } .cart__remove-btn span.remove-text, .cart__remove-btn span.remove-icon { color: #19110b; } .cart__remove-btn:hover span, .cart__remove-btn:active span { color: #19110b; } @media only screen and (max-width: 1024px) { .cart__remove-btn .remove-text { display: none; } } .cart__remove-btn .remove-icon { margin-left: 5px; } .cart__remove-btn .remove-icon:before { font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important; font-size: 25px; line-height: 1em; display: block; content: "×"; } .cart .cart_subtotal { font-weight: bold; font-size: 20px; } .cart_content .cart_subtotal { text-align: left; font-weight: bold; } .cart_content a, .cart_content a:visited, .cart_content a:hover, .cart_content a .price, .cart_content a .price span { color: #19110b !important; } .cart_content a .price span { padding-left: 5px; } .cart_content ul { list-style: none; margin: 0; padding: 15px 20px; } .cart_content ul li { padding-left: 0; padding-right: 0; } .cart_content ul li:empty { margin-bottom: 0; } .cart_content ul li .cart_discounts--title { text-align: left; } .cart_content ul li { list-style: none; clear: both; } .mini_cart, .top-bar [class^=icon-]:before, .top-bar [class*=" icon-"]:before { /* font-size: 15px; */ font-size: 20px; margin-right: 0; } #customer_login, #customer_login_guest { display: inline; } @media only screen and (max-width: 480px) { #customer_login, #customer_login_guest { display: block; } } input[type=submit].guest_button, input[type=button].guest_button { color: #9b7e4b; box-shadow: none; background: transparent; border: 0; padding: 0; text-align: left; } input[type=submit].guest_button:hover, input[type=button].guest_button:hover { background: transparent; border: 0; color: #19110b; } @media only screen and (min-width: 799px) { input[type=submit].guest_button, input[type=button].guest_button { text-align: center; } } .menu ul li .mini_cart span { padding-left: 5px; top: -1px; } .dropdown_container { clear: both; width: 100%; display: none; position: absolute; bottom: 0; left: 0; } @media only screen and (max-width: 798px) { .dropdown_container { position: relative; bottom: initial; /* Reset default bottom positioning */ } } .dropdown_container img { max-width: 100%; } .dropdown { position: absolute; width: 100%; z-index: 1000; } .dropdown_content { display: table; width: 100%; margin: 0 auto; } .mega-menu .dropdown_content { display: flex; flex-direction: row; width: 100%; margin: 0 auto; } .mega-menu__richtext, .mega-menu__image-caption-link { padding: 0 5px; } .mega-menu__richtext a, .mega-menu__richtext a:active, .mega-menu__richtext a:hover { display: inline-block; text-transform: none; padding: 0; } .mega-menu__image-caption-link { text-align: center; margin-bottom: 10px; } .mega-menu__image-caption-link a, .mega-menu__image-caption-link a:visited, .mega-menu__image-caption-link a:active, .mega-menu__image-caption-link a:hover { text-transform: none; display: block; } .mega-menu__image-caption, .mobile-mega-menu__image-caption { margin: 10px 0; } .dropdown_content a p, .mobile-mega-menu a p { padding: 0; } .dropdown_content p, .mobile-mega-menu p { font-family: "Roboto Condensed", sans-serif; font-size: 15px; font-style: normal; color: #ffffff; padding-top: 12px; padding-bottom: 12px; position: relative; display: block; text-rendering: optimizeLegibility; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); outline: 0; margin-bottom: 0; } .dropdown_content p, .dropdown_content a, .dropdown_content a:hover, .dropdown_content a:active { font-size: 15px; letter-spacing: 1px; } .dropdown_column__menu + .dropdown_column__menu { margin-top: 10px; } .dropdown_narrow { width: 60%; } .dropdown_column { display: table-cell; padding: 15px 20px 30px 20px; width: 16.666%; vertical-align: top; } .dropdown_column img { max-width: 100%; } .dropdown_column ul { margin: 0; padding: 0; } .dropdown_column ul.dropdown_title { border-bottom: solid 1px #ffffff; padding-bottom: 10px; } .dropdown_column ul.dropdown_item { text-align: center; } .mega-menu .dropdown_column { width: 100%; padding: 15px 20px 30px 20px; } .mega-menu { display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; } .dropdown_column li { display: block; } .dropdown_column li a, .dropdown_column li a:hover, .dropdown_column li a:active { padding-bottom: 0; text-transform: none; } .dropdown_row { display: table-row; } select.currencies { border: 0 !important; background-color: transparent; margin-bottom: 0 !important; min-width: 65px; outline: 0; background-position: 96.5% 55%; background-size: 18px 12px; text-shadow: none !important; box-shadow: none !important; text-indent: 0.01px; text-overflow: ""; -webkit-appearance: none; appearance: none; } select.currencies:active { border: 0; outline: 0; text-shadow: 0; box-shadow: 0; } select.currencies option { color: #ffffff; }select.currencies option { background: #19110b; }.menu li.currencies { padding: 0; } .container div.collection_nav { margin-bottom: 1.5em; } .collection_menu, .collection_menu li { display: inline; list-style: none; border: none; position: relative; top: -3px; margin: 0; } .collection_menu li { padding-left: 25px; } .sidebar-wrap { border-right: 1px solid #f5f6f3; margin-right: 10px; padding-right: 20px; } @media only screen and (max-width: 798px) { .sidebar-wrap { border: none; padding-right: 0; } } .sidebar a, .sidebar a:visited { color: #19110b; } .sidebar a:hover, .sidebar a:active { color: #9b7e4b; } .sidebar .meta { margin-left: 2px; } .sidebar .spr-badge { color: #19110b; } .sidebar .recently-viewed-list .brand { color: #19110b; } .toggle-all--true h4.toggle { cursor: pointer; pointer-events: all; } .toggle-all--true .toggle span { display: block; } .content_block.toggle_list a { display: inline; position: static; padding-left: 0; margin-left: 0; border-left: none; color: #9b7e4b; } .content_block.toggle_list a:hover { border-left: none; color: #19110b; } .toggle_list { margin: 0; padding: 10px 0 15px 0; } .toggle_list a { display: inline-block; position: relative; margin-left: 0; max-width: 80%; border-left: solid 2px transparent; transition: border 200ms ease-out; } .toggle_list a.active, .toggle_list a.active--default { padding-left: 8px; border-left: solid 2px ; } ul.toggle_list li ul { display: none; } ul.toggle_list li ul.active { display: block; } .sidebar .toggle_list a.active { border-left: solid 9px #9b7e4b; } .toggle_list li { list-style: none; line-height: 1.4em; padding: 8px 0 8px 0; } .toggle_list .meta span { line-height: 2.5; } .sidebar_text { margin-bottom: 12px; padding-top: 10px; } .sidebar__content { border-left: solid 1px #f5f6f3; padding-left: 20px; } .sidebar__content .toggle_list li { line-height: 1.2; } .sidebar .newsletter { margin-bottom: 20px; } .sidebar .newsletter form { width: 100%; } .sidebar li ul { margin: 8px 0 0 15px; } .sidebar .toggle_list li ul { padding-left: 0; } .sidebar ul li { margin-bottom: 0; } .sidebar input.newsletter-form__sign-up[type=submit], .sidebar input.contact_email[type=email] { width: 100% !important; margin-left: 0; } .blog_search { position: relative; } .sidebar-block { position: relative; height: var(--closed-height, auto); overflow: hidden; padding-left: var(--sidebar-left-safe-area); } .sidebar-block::after { content: ""; position: absolute; height: 1px; right: 0; bottom: 0; left: var(--sidebar-left-safe-area); background: #f5f6f3; } .sidebar-block[open] { height: var(--open-height, auto); } .sidebar-block[data-sidebar-block-state=closed] { height: var(--closed-height, auto); } .sidebar-block[data-sidebar-block-animation="closed=>open"] { transition: height 250ms ease-in-out; } .sidebar-block[data-sidebar-block-animation="open=>closed"] { transition: height 200ms ease-in-out; } .sidebar-block[data-sidebar-block-state=open] { height: var(--open-height, auto); } .sidebar > .sidebar-block:last-child { border-bottom: none; } .sidebar-block:empty { border-bottom: none; display: none; } .sidebar-block:blank { border-bottom: none; } /* Filter collections */ .sidebar .filter-active-tag { position: relative; } .color-filter--true label { display: flex; align-items: center; } .sidebar__collection-filter a, .sidebar__collection-filter label { cursor: pointer; } .sidebar__collection-filter label { text-transform: none; font-weight: normal; font-size: inherit; } .sidebar__collection-filter label:hover { color: #19110b; } .sidebar__collection-filter input[type=checkbox] { display: none; } .sidebar__collection-filter input.styled-checkbox[type=checkbox] { -webkit-appearance: none; appearance: none; box-sizing: border-box; width: 20px; height: 20px; display: inline-block; cursor: pointer; position: relative; vertical-align: top; background-size: cover; margin-right: 15px; }.sidebar__collection-filter input.styled-checkbox[type=checkbox] { border-radius: 50%; }.sidebar__collection-filter button.clear-active-filter, .sidebar__collection-filter button.clear-active-filter:active { color: #9b7e4b; background-color: transparent; border: none; outline: 0; box-shadow: 0; font-family: inherit; letter-spacing: 0; text-transform: none; position: absolute; transform: translateY(-50%); top: 0; right: 0; left: auto; padding: 2px 4px; line-height: 1.2; display: block; height: auto; min-height: auto; } .sidebar__collection-filter button.clear-active-filter:hover { color: #19110b; } .sidebar__collection-filter .x-icon, .faceted-filter-form .x-icon { position: relative; display: inline-block; overflow: visible; width: 15px; height: 15px; margin: 0 2px 0 0; padding: 0; cursor: pointer; transition: color 0.2s; text-decoration: none; font-style: normal; color: #95979c; border: 0; outline: 0; background: transparent; vertical-align: middle; top: -1px; } .sidebar__collection-filter .x-icon:before, .faceted-filter-form .x-icon:before { font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important; font-size: 25px; line-height: 15px; position: absolute; top: 0; left: 0; display: block; width: 15px; content: "×"; text-align: center; } ::-webkit-input-placeholder { color: #888; } :-moz-placeholder { /* Firefox 18- */ color: #888; } ::-moz-placeholder { /* Firefox 19+ */ color: #888; } :-ms-input-placeholder { color: #888; } /* Sub Collections */ .featured_collections.sub-collection { margin-bottom: 10px; } .featured_collections.sub-collection .thumbnail { margin-bottom: 10px; } @media only screen and (max-width: 798px) { .featured_collections.sub-collection .thumbnail { width: 100%; } } .sub-collection--2 .thumbnail { width: calc(50% - 20px); } .sub-collection--2 .thumbnail:nth-child(2n+1) { clear: both; } .sub-collection--3 .thumbnail { width: calc(33.33333% - 20px); } .sub-collection--3 .thumbnail:nth-child(3n+1) { clear: both; } .sub-collection--4 .thumbnail { width: calc(25% - 20px); } .sub-collection--4 .thumbnail:nth-child(4n+1) { clear: both; } .list-collections-wrapper img[src*="/no-image"] ~ .thumbnail-overlay { opacity: 1 !important; } .list-collections-wrapper img[src*="/no-image"] ~ .thumbnail-overlay .collection-details { opacity: 1; transform: none; } @media only screen and (max-width: 798px) { .list-collections-wrapper img[src*="/no-image"] ~ .collection-info__caption { display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } } .list-collections-wrapper .img { width: 100%; } .list-collections-wrapper .collection-info__caption { margin-top: 20px; }.list-collections-wrapper .collection-info__caption { display: block; }@media only screen and (max-width: 798px) { .list-collections-wrapper .collection-info__caption { display: block; position: static; } }.blog-header { margin-bottom: 5px; } @media only screen and (max-width: 798px) { .blog-header .blog-title { width: 100%; margin-bottom: 0; } } /* Blog Article Styling */ .article .icon-slash { padding-right: 5px; } /* Styles for blog, collections */ .section_select { padding: 0; text-align: right; } .section_select .blog_filter, .section_select .tag_filter, .section_select .sort_by { color: #19110b; display: inline-block; border: none; padding-right: 30px; background-position: 100% 50%; background-color: #ffffff; font-family: "Roboto Condensed", sans-serif; font-weight: 400; font-style: normal; font-size: 15px; text-transform: none; width: auto; margin-bottom: 0; max-width: 80%; } @media only screen and (max-width: 798px) { .section_select .blog_filter, .section_select .tag_filter, .section_select .sort_by { width: 100%; max-width: 100%; font-size: 16px; padding-left: 0; } } /* #Images ================================================== */ /* The purpose of the below declaration is to make sure images don't exceed the width of columns they are put into when resizing window. Unfortunately, this declaration breaks certain lightbox, slider or other plugins, so the best solution is to individually call these properties on images that are children of the grid that you want to resize with grid. */ .product_row img, .product_image_col img, .article img, .section img, .thumbnail img, .page img, .sidebar img, .logo img, .cart_image img, .footer img, #target img, .column img, .columns img { max-width: 100%; height: auto; } .image-crop--left img, .image-crop--left .image-element__wrap { object-fit: cover; object-position: left; height: 100% !important; } .image-crop--right img, .image-crop--right .image-element__wrap { object-fit: cover; object-position: right; height: 100% !important; } .image-crop--center img, .image-crop--center .image-element__wrap { object-fit: cover; height: 100% !important; border-radius: 10px; } .zoom-container { display: block; } /* #Placeholders ================================================== */ .placeholder-svg { fill: rgba(25, 17, 11, 0.9); background-color: rgba(25, 17, 11, 0.5); width: 100%; height: 100%; max-width: 100%; max-height: 100%; box-sizing: border-box; display: block; } .placeholder-svg--banner, .placeholder-svg--slideshow, .placeholder-svg--video { height: 500px; } @media only screen and (max-width: 798px) { .placeholder-svg--banner, .placeholder-svg--slideshow, .placeholder-svg--video { height: 350px; } } @media only screen and (max-width: 480px) { .placeholder-svg--banner, .placeholder-svg--slideshow, .placeholder-svg--video { height: 250px; } } .shopify-section--featured-promotions .feature-section:nth-child(even) .placeholder-svg--promotions { background-color: rgba(25, 17, 11, 0.6); } .image-with-text-section .featured-link--image:nth-child(odd) .placeholder-svg--promotions { background-color: rgba(25, 17, 11, 0.6); fill: rgba(25, 17, 11, 0.9); } .homepage-slideshow .flickity-slider .gallery-cell:nth-child(2n+1) .placeholder-svg--slideshow { background-color: rgba(25, 17, 11, 0.6); } .homepage-slideshow .flickity-slider .gallery-cell:nth-child(2n) .placeholder-svg--slideshow { background-color: rgba(25, 17, 11, 0.8); } /* #Videos ================================================== */ .video-wrapper { position: relative; background-color: #ffffff; /* Allows users to click embedded iframe ui when video paused */ } .video-wrapper .video__overlay { position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin-left: auto; margin-right: auto; z-index: 1; pointer-events: none; } .video-wrapper.darken-video--true .video__overlay { background: rgba(0, 0, 0, 0.3); } .video-wrapper .plyr--video.plyr--paused .plyr__video-embed iframe { z-index: 5; } .video-wrapper .plyr--full-ui.plyr--video .plyr__control--overlaid { display: none; } .video-wrapper.play-button-icon--visible .plyr--paused .plyr__control--overlaid { display: block; opacity: 1; } .video-wrapper video { display: block; width: 100%; height: auto; } .video-wrapper .video__text-container { position: absolute; top: 50%; transform: translate(0, -50%); width: 100%; margin: auto; z-index: 2; pointer-events: none; } .video-wrapper .video__text-wrapper { margin: 0; padding: 30px; text-shadow: 0 0 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.3); } @media only screen and (max-width: 798px) { .video-wrapper { display: flex; flex-direction: column; } } /* #Buttons ================================================== */ .global-button, product-cta, .custom-html-container button, .shopify-payment-button__button.shopify-payment-button__button--unbranded, .sidebar .faceted-active-filters__clear, .sidebar .faceted-active-filters__remove-filter { display: inline-flex; align-items: center; justify-content: center; border: 1px solid; padding: 13px 20px; text-align: center; line-height: 1.2; font-family: "Roboto Condensed", sans-serif; font-weight: normal; font-style: normal; font-size: 15px; text-transform: uppercase; letter-spacing: 1px; word-break: break-word; cursor: pointer; transition: all 0.2s linear; border-color: var(--button-color-border, #9b7e4b); background: var(--button-color-background, #9b7e4b); color: var(--button-color-text, #ffffff); }.global-button, product-cta, .custom-html-container button, .shopify-payment-button__button.shopify-payment-button__button--unbranded, .sidebar .faceted-active-filters__clear, .sidebar .faceted-active-filters__remove-filter { border-radius: 3px; }.global-button:visited, product-cta:visited, .custom-html-container button:visited, .shopify-payment-button__button.shopify-payment-button__button--unbranded:visited, .sidebar .faceted-active-filters__clear:visited, .sidebar .faceted-active-filters__remove-filter:visited { color: var(--button-color-text, #ffffff); } .global-button:hover:not([disabled]), .global-button:active, product-cta:hover:not([disabled]), product-cta:active, .custom-html-container button:hover:not([disabled]), .custom-html-container button:active, .shopify-payment-button__button.shopify-payment-button__button--unbranded:hover:not([disabled]), .shopify-payment-button__button.shopify-payment-button__button--unbranded:active, .sidebar .faceted-active-filters__clear:hover:not([disabled]), .sidebar .faceted-active-filters__clear:active, .sidebar .faceted-active-filters__remove-filter:hover:not([disabled]), .sidebar .faceted-active-filters__remove-filter:active { background: var(--button-color-background-hover, var(--button-color-background, #a48242)); border-color: var(--button-color-border-hover, var(--button-color-border, #a48242)); color: var(--button-color-text-hover, var(--button-color-text, #ffffff)); } .global-button:active, product-cta:active, .custom-html-container button:active, .shopify-payment-button__button.shopify-payment-button__button--unbranded:active, .sidebar .faceted-active-filters__clear:active, .sidebar .faceted-active-filters__remove-filter:active { box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); outline: 0; } .global-button[disabled], product-cta[disabled], .custom-html-container button[disabled], .shopify-payment-button__button.shopify-payment-button__button--unbranded[disabled], .sidebar .faceted-active-filters__clear[disabled], .sidebar .faceted-active-filters__remove-filter[disabled] { cursor: not-allowed; } .global-button--product-grid-text-hover { --button-color-border: #ffffff; --button-color-background: transparent; --button-color-text: #ffffff; --button-color-border-hover: #ffffff; --button-color-background-hover: #ffffff; --button-color-text-hover: #333333 ; } @media only screen and (min-width: 481px) { .global-button--primary-desktop { --button-color-border: #9b7e4b; --button-color-background: #9b7e4b; --button-color-text: #ffffff; --button-color-border-hover: #a48242; --button-color-background-hover: #a48242; --button-color-text-hover: #ffffff; } .global-button--secondary-desktop { --button-color-border: #9b7e4b; --button-color-background: transparent; --button-color-text: #9b7e4b; --button-color-border-hover: #a48242; --button-color-background-hover: #a48242; --button-color-text-hover: #ffffff; } .global-button--text-desktop { --button-color-border: #19110b; --button-color-background: transparent; --button-color-text: #19110b; --button-color-border-hover: #19110b; --button-color-background-hover: #19110b; --button-color-text-hover: #ffffff ; } .global-button--text-highlighted-desktop { --button-color-border: #19110b; --button-color-background: #19110b; --button-color-text: #ffffff ; --button-color-border-hover: #241c17 ; --button-color-background-hover: #241c17 ; --button-color-text-hover: #ffffff ; } .global-button--banner-text-desktop { --button-color-border: #ffffff; --button-color-background: transparent; --button-color-text: #ffffff; --button-color-border-hover: #ffffff; --button-color-background-hover: #ffffff; --button-color-text-hover: #333333 ; } .global-button--banner-text-highlighted-desktop { --button-color-border: #ffffff; --button-color-background: #ffffff; --button-color-text: #333333 ; --button-color-border-hover: #ebebeb ; --button-color-background-hover: #ebebeb ; --button-color-text-hover: #333333 ; } .global-button--banner-desktop { --button-color-border: #9b7e4b; --button-color-background: transparent; --button-color-text: #9b7e4b; --button-color-border-hover: #9b7e4b; --button-color-background-hover: #9b7e4b; --button-color-text-hover: #ffffff ; } .global-button--banner-highlighted-desktop { --button-color-border: #9b7e4b; --button-color-background: #9b7e4b; --button-color-text: #ffffff ; --button-color-border-hover: #866d41 ; --button-color-background-hover: #866d41 ; --button-color-text-hover: #ffffff ; } } @media only screen and (max-width: 480px) { .global-button--primary-mobile { --button-color-border: #9b7e4b; --button-color-background: #9b7e4b; --button-color-text: #ffffff; --button-color-border-hover: #a48242; --button-color-background-hover: #a48242; --button-color-text-hover: #ffffff; } .global-button--secondary-mobile { --button-color-border: #9b7e4b; --button-color-background: transparent; --button-color-text: #9b7e4b; --button-color-border-hover: #a48242; --button-color-background-hover: #a48242; --button-color-text-hover: #ffffff; } .global-button--text-mobile { --button-color-border: #19110b; --button-color-background: transparent; --button-color-text: #19110b; --button-color-border-hover: #19110b; --button-color-background-hover: #19110b; --button-color-text-hover: #ffffff ; } .global-button--text-highlighted-mobile { --button-color-border: #19110b; --button-color-background: #19110b; --button-color-text: #ffffff ; --button-color-border-hover: #241c17 ; --button-color-background-hover: #241c17 ; --button-color-text-hover: #ffffff ; } .global-button--banner-text-mobile { --button-color-border: #ffffff; --button-color-background: transparent; --button-color-text: #ffffff; --button-color-border-hover: #ffffff; --button-color-background-hover: #ffffff; --button-color-text-hover: #333333 ; } .global-button--banner-text-highlighted-mobile { --button-color-border: #ffffff; --button-color-background: #ffffff; --button-color-text: #333333 ; --button-color-border-hover: #ebebeb ; --button-color-background-hover: #ebebeb ; --button-color-text-hover: #333333 ; } .global-button--banner-mobile { --button-color-border: #9b7e4b; --button-color-background: transparent; --button-color-text: #9b7e4b; --button-color-border-hover: #9b7e4b; --button-color-background-hover: #9b7e4b; --button-color-text-hover: #ffffff ; } .global-button--banner-highlighted-mobile { --button-color-border: #9b7e4b; --button-color-background: #9b7e4b; --button-color-text: #ffffff ; --button-color-border-hover: #866d41 ; --button-color-background-hover: #866d41 ; --button-color-text-hover: #ffffff ; } } .global-button--primary { --button-color-border: #9b7e4b; --button-color-background: #9b7e4b; --button-color-text: #ffffff; --button-color-border-hover: #a48242; --button-color-background-hover: #a48242; --button-color-text-hover: #ffffff; } .global-button--secondary { --button-color-border: #9b7e4b; --button-color-background: transparent; --button-color-text: #9b7e4b; --button-color-border-hover: #a48242; --button-color-background-hover: #a48242; --button-color-text-hover: #ffffff; } .global-button--text { --button-color-border: #19110b; --button-color-background: transparent; --button-color-text: #19110b; --button-color-border-hover: #19110b; --button-color-background-hover: #19110b; --button-color-text-hover: #ffffff ; } .global-button--text-highlighted { --button-color-border: #19110b; --button-color-background: #19110b; --button-color-text: #ffffff ; --button-color-border-hover: #241c17 ; --button-color-background-hover: #241c17 ; --button-color-text-hover: #ffffff ; } .global-button--banner-text { --button-color-border: #ffffff; --button-color-background: transparent; --button-color-text: #ffffff; --button-color-border-hover: #ffffff; --button-color-background-hover: #ffffff; --button-color-text-hover: #333333 ; } .global-button--banner-text-highlighted { --button-color-border: #ffffff; --button-color-background: #ffffff; --button-color-text: #333333 ; --button-color-border-hover: #ebebeb ; --button-color-background-hover: #ebebeb ; --button-color-text-hover: #333333 ; } .global-button--banner { --button-color-border: #9b7e4b; --button-color-background: transparent; --button-color-text: #9b7e4b; --button-color-border-hover: #9b7e4b; --button-color-background-hover: #9b7e4b; --button-color-text-hover: #ffffff ; } .global-button--banner-highlighted { --button-color-border: #9b7e4b; --button-color-background: #9b7e4b; --button-color-text: #ffffff ; --button-color-border-hover: #866d41 ; --button-color-background-hover: #866d41 ; --button-color-text-hover: #ffffff ; } product-cta[hidden] { display: none; } .add_to_cart, .product_form input.add_to_cart { width: 100%; margin-bottom: 0px; } /* Animation for checkmark on add to cart button */ button.add_to_cart { position: relative; } button.add_to_cart .text { display: block; width: 100%; animation-duration: 0.5s; } button.add_to_cart .fadeInDown.text { animation-duration: 0.8s; } button .checkmark { position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; } button .checkmark path { stroke-dasharray: 19.79 19.79; stroke-dashoffset: 19.79; stroke: #ffffff; opacity: 0; } button .checkmark.checkmark-active path { animation: drawCheckmark 0.5s linear alternate forwards; } @keyframes drawCheckmark { from { stroke-dashoffset: 19.79; opacity: 1; } to { stroke-dashoffset: 0; opacity: 1; } } .ie button .checkmark path { stroke-dashoffset: 0; opacity: 0; } .ie button .checkmark.checkmark-active path { animation: fadeCheckmark 0.5s linear alternate forwards; } @keyframes fadeCheckmark { from { opacity: 0; } to { opacity: 1; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { button .checkmark path { stroke-dashoffset: 0; opacity: 0; } button .checkmark.checkmark-active path { animation: fadeCheckmark 0.5s linear alternate forwards; } @keyframes fadeCheckmark { from { opacity: 0; } to { opacity: 1; } } } label.tos_label { display: inline; font-weight: normal; text-transform: none; cursor: pointer; padding-left: 5px; } .tos { text-align: center; margin: 15px 20px 15px 0; } .cart_text { text-align: center; } .disabled { pointer-events: none; } .add_to_cart span.icon-lock { margin-right: 10px; font-size: larger; } .add_to_cart span.icon-lock:before { margin: 0; } .shopify-product-form { margin-bottom: 0; } /* Shopify smart payment buttons */ .shopify-payment-button { position: relative; height: 44px; } .shopify-payment-button div { height: auto; } .shopify-payment-button button { line-height: 1.2; padding-top: 11px; padding-bottom: 11px; margin-bottom: 0; } button.shopify-payment-button__button.shopify-payment-button__button--unbranded { height: 100%; }div.shopify-payment-button__button { border-radius: 3px; }.shopify-payment-button__button--branded, .shopify-payment-button__button--unbranded { overflow: hidden; min-height: 44px; } button.shopify-payment-button__more-options { color: #19110b; box-shadow: none; text-transform: none; font-size: 0.8rem; letter-spacing: 0; padding: 16px 0 28px; max-width: 80%; margin: 0 auto; position: absolute; top: 100%; left: 50%; font-weight: normal; font-family: Roboto, sans-serif; font-style: normal; transform: translateX(-50%); } button.shopify-payment-button__more-options:hover { background-color: transparent; border: none; } .purchase-details { display: flex; align-items: center; flex-wrap: wrap; } .shopify-payment-button__button--unbranded .purchase-details { padding: 0 !important; } .product_section .smart-payment-button--true.product_form { max-width: 100%; } .smart-payment-button--true .purchase-details { padding-bottom: 40px; } .smart-payment-button--true .purchase-details .shopify-payment-button__button--branded { padding-bottom: 30px; } .smart-payment-button--true .purchase-details .shopify-payment-button__more-options { top: 70%; } .smart-payment-button--true button .checkmark path { stroke: #9b7e4b; } .smart-payment-button--false .purchase-details { align-items: flex-end; padding-bottom: 40px; width: 100%; } .smart-payment-button--false { margin-bottom: 20px; } .product-quantity-box.purchase-details__quantity { margin-right: 5px; width: calc(50% - 12px); } @media only screen and (max-width: 480px) { .product-quantity-box.purchase-details__quantity { width: 100%; } } .product-quantity-box.purchase-details__quantity input.quantity { padding-top: 11px; padding-bottom: 11px; line-height: 1.4; min-height: 44px; margin-bottom: 0; width: calc(100% - 88px); } .smart-payment-button--true .product-quantity-box.purchase-details__quantity { width: calc(50% - 6px); } @media only screen and (max-width: 798px) { .smart-payment-button--true .product-quantity-box.purchase-details__quantity { width: 100%; margin-right: 0; } .smart-payment-button--true .product-quantity-box.purchase-details__quantity .input.quantity { width: calc(100% - 88px); } } p.checkout_button { margin-bottom: 0; } .purchase-details__buttons { display: flex; flex: 1 0 calc(50% - 12px); flex-wrap: nowrap; } @media only screen and (max-width: 798px) { .purchase-details__buttons { margin-top: 20px; margin-left: 12px; flex: 1 0 calc(50% - 12px); } } @media only screen and (max-width: 480px) { .purchase-details__buttons { margin-top: 12px; margin-left: 0; flex: 1 0 100%; } } .purchase-details__buttons .shopify-payment-button { flex: 1 0 100%; margin-bottom: 0; max-width: 100%; } @media only screen and (min-width: 1401px) { .purchase-details__buttons .shopify-payment-button { flex: 1 0 calc(50% - 4px); max-width: calc(50% - 4px); } } .purchase-details__buttons product-cta { flex: 1 0 50%; max-width: calc(50% - 6px); margin-left: 6px; } @media only screen and (max-width: 798px) { .purchase-details__buttons product-cta { flex: 1 0 100%; margin-left: 0; margin-top: 0; margin-bottom: 10px; max-width: 100%; } } .purchase-details__buttons.purchase-details__spb--true { flex: 1 0 100%; margin-top: 10px; margin-left: 0; } @media only screen and (max-width: 798px) { .purchase-details__buttons.purchase-details__spb--true { margin-left: 0; margin-bottom: 0; } } .purchase-details__buttons.purchase-details__spb--true .add_to_cart { flex: 1 0 50%; max-width: 50%; } @media only screen and (max-width: 798px) { .purchase-details__buttons.purchase-details__spb--true .add_to_cart { flex: 1 0 100%; margin-right: 0px; margin-top: 0; margin-bottom: 10px; max-width: 100%; } } .purchase-details__buttons.purchase-details__spb--true .shopify-payment-button { margin-left: 6px; max-width: calc(50% - 6px); } @media only screen and (max-width: 798px) { .purchase-details__buttons.purchase-details__spb--true .shopify-payment-button { margin-left: 0; margin-top: 0; margin-bottom: 10px; max-width: 100%; } } /* When product is unavailable */ .purchase-details__buttons.product-is-unavailable .add_to_cart, .purchase-details__buttons.product-is-unavailable .c_add_to_cart, .purchase-details__buttons.product-is-unavailable .shopify-payment-button { opacity: 0.5; pointer-events: none; } .purchase-details__buttons.product-is-unavailable .add_to_cart { padding: 10px 5px; } @media only screen and (max-width: 1024px) { .sidebar--true .purchase-details { flex-direction: column; align-items: flex-start; } .sidebar--true .purchase-details .purchase-details__quantity, .sidebar--true .purchase-details .purchase-details__buttons { margin: 0 0 10px; width: 100%; } .sidebar--true .purchase-details .add_to_cart, .sidebar--true .purchase-details .shopify-payment-button { flex: 1 0 100%; margin: 0 0 10px; max-width: 100%; } } #checkout { min-height: 54px; /* Match the height of additional checkout buttons. */ } .additional-checkout-button + .additional-checkout-button { margin-left: 0 !important; max-width: 100% !important; } .additional-checkout-button, .additional-checkout-button.additional-checkout-button--paypal, .additional-checkout-button.additional-checkout-button--google-pay { min-width: 100% !important; /* Overwrite inline style */ } /* #Tabs ================================================== */ ul.tabs { display: block; margin: 25px 0; border-bottom: solid 1px #f5f6f3; border-top: 0; list-style: none outside; margin-left: 0; text-transform: uppercase; padding-left: 0; } ul.tabs li { display: block; width: auto; height: 30px; padding: 0; float: left; margin-bottom: 0; border: 0; list-style: none outside; margin-left: 0; cursor: pointer; } ul.tabs li a { display: block; text-decoration: none; width: auto; height: 29px; line-height: 30px; margin-right: 60px; font-size: 13px; outline: none; } @media (max-width: 960px) { ul.tabs li a { margin-right: 30px; } } @media only screen and (max-width: 798px) { ul.tabs li a { font-size: 12px; } } @media only screen and (max-width: 480px) { ul.tabs li a { margin-right: 20px; } } ul.tabs li a.active { border-bottom: solid 3px #f5f6f3; background-color: #ffffff; border-bottom: solid 3px #dddddd; height: 31px; position: relative; border-right-width: 1px; color: #19110b; } ul.tabs li:last-child a { margin: 0; } ul.tabs-content { margin: 0; display: block; border: 0; padding-left: 0; } ul.tabs-content > li { display: none; border: 0; } ul.tabs-content > li.active { display: block; border: 0; padding-left: 0px; } ul.tabs-content ul { padding-left: 0; } /* #Product tabs ================================================== */ .product-tabs { display: flex; flex-wrap: wrap; margin: 1rem 0; } .product-tabs__radio { position: absolute; opacity: 0; width: 0; height: 0; } .product-tabs__radio:checked + .product-tabs__label { font-weight: bold; background: #ffffff; border: 1px solid #f5f6f3; border-bottom: none; } .product-tabs__radio:checked + .product-tabs__label + .product-tabs__panel { display: block; } .no-js .tab-radio:focus + .product-tabs__label, .user-is-tabbing .tab-radio:focus + .product-tabs__label { border: 2px solid #025ECC; border-bottom: none; } .product-tabs__label { display: flex; align-items: center; justify-content: center; padding: 1.35rem; margin: 0; flex-grow: 1; text-align: center; background: #f2f2f2; cursor: pointer; font-weight: normal; word-break: break-word; border-bottom: 1px solid #f5f6f3; } .product-tabs__label:hover { background: #ededed; } @media only screen and (max-width: 480px) { .product-tabs__label { width: 100%; border-bottom: none; justify-content: flex-start; } } .product-tabs__panel { width: 100%; display: none; word-break: break-word; padding: 0 1.35rem 1.35rem 1.35rem; background: #ffffff; border: 1px solid #f5f6f3; border-top: none; text-align: left; white-space: normal; line-height: 1.5; } @media only screen and (min-width: 481px) { .product-tabs__panel { order: 1; padding: 2rem; } } .product-tabs__panel p { margin-top: 0; } .product-tabs__panel p:last-child { margin-bottom: 0; } .product-tabs__panel a { color: #9b7e4b; } /* #Collapsible tab ================================================== */ .collapsible-tab { border-bottom: 1px solid #f5f6f3; } .collapsible-tab[open] .collapsible-tab__heading:after { transform: rotate(180deg); } .collapsible-tab__heading { display: flex; align-items: center; justify-content: space-between; cursor: pointer; padding: 1rem 1rem 1rem 0; } .collapsible-tab__heading:after { content: ""; font-family: "turbo"; } .collapsible-tab__heading::-webkit-details-marker { display: none; } .collapsible-tab__text { margin-bottom: 1rem; word-break: break-word; } .collapsible-tab__text p { margin-top: 0; } .collapsible-tab__text p:last-child { margin-bottom: 0; } .collapsible-tab__text a { color: #9b7e4b; } .product-block--collapsible-tab { border-top: 1px solid #f5f6f3; } .product-block--collapsible-tab + .product-block--collapsible-tab { border-top: none; } /* #Accordions ================================================== */ button { border: none; -webkit-appearance: none; appearance: none; } .shopify-section--faq .faqAccordion > dt { margin-right: 36px; } .accordion > dt > a, .accordion > dt > button, .faqAccordion > dt > a, .faqAccordion > dt > button { background: transparent; position: relative; padding: 24px 20px 24px 40px; color: #19110b; border-bottom: 1px solid #f5f6f3; text-align: left; display: block; cursor: pointer; width: 100%; outline: none; text-transform: initial; min-height: auto; height: auto; line-height: inherit; font-weight: bold; font-family: Roboto, sans-serif; font-style: normal; box-shadow: none; border-radius: 0px; font-size: 18px; } .accordion > dt > a:hover, .accordion > dt > a:focus, .accordion > dt > button:hover, .accordion > dt > button:focus, .faqAccordion > dt > a:hover, .faqAccordion > dt > a:focus, .faqAccordion > dt > button:hover, .faqAccordion > dt > button:focus { background: #ffffff; border: none; border-bottom: 1px solid #f5f6f3; } .accordion > dt > a::after, .accordion > dt > button::after, .faqAccordion > dt > a::after, .faqAccordion > dt > button::after { transform: translateY(-50.1%); position: absolute; top: 50%; left: 15px; font-size: 25px; color: #9b7e4b; } .accordion > dt:first-child > button, .faqAccordion > dt:first-child > button { border-top: none; } .accordion > dd, .faqAccordion > dd { color: #19110b; padding: 20px 0px 20px 0px; display: none; } .accordion > dd[aria-hidden=true], .faqAccordion > dd[aria-hidden=true] { display: none; } @media only screen and (max-width: 798px) { .accordion > dd, .faqAccordion > dd { margin-left: 15px; } } /* Closed accordions */ .accordion dt > a::after, .faqAccordion dt > button::after { content: "+"; } .accordion dt > a[aria-expanded=true]::after, .faqAccordion dt > button[aria-expanded=true]::after { font-size: 25px; content: "-"; } /* Open accordions */ .accordion[data-state=open] dt > a[aria-expanded=true]::after { font-size: 25px; content: "-"; } .accordion dt small { display: none; } /* Accordion tabs */ .accordion-tabs > a { display: block; background-color: #D1D3D4; margin: 10px 0; padding: 10px; letter-spacing: 1px; text-transform: uppercase; color: #000000; } .accordion-tabs > a :hover { cursor: pointer; } .accordion-tabs > li[id*=tab] { display: none; list-style: none; } /* Clearfixing tabs for beautiful stacking */ ul.tabs:before, ul.tabs:after { content: " "; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } ul.tabs:after { clear: both; } ul.tabs { zoom: 1; } /* #Forms ================================================== */ form { margin-bottom: 20px; } fieldset { margin-bottom: 20px; } input[type=text], input[type=password], input[type=email], input[type=search], input[type=url], input[type=tel], input[type=number], input[type=date], input[type=month], input[type=week], input[type=time], input[type=range], input[type=color], select, textarea { display: block; width: 100%; height: 44px; min-height: 44px; padding: 0 10px; margin: 0; line-height: 22px; border: 1px solid #f5f6f3; outline: none; background: #fff; color: #5f6a7d; font: 13px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif; margin-bottom: 15px; -webkit-appearance: none; appearance: none; text-rendering: optimizeLegibility; }input[type=text], input[type=password], input[type=email], input[type=search], input[type=url], input[type=tel], input[type=number], input[type=date], input[type=month], input[type=week], input[type=time], input[type=range], input[type=color], select, textarea { border-radius: 3px; }@media only screen and (max-width: 480px) { input[type=text], input[type=password], input[type=email], input[type=search], input[type=url], input[type=tel], input[type=number], input[type=date], input[type=month], input[type=week], input[type=time], input[type=range], input[type=color], select, textarea { font-size: 16px; } } input[type=text]:active, input[type=text]:focus, input[type=password]:active, input[type=password]:focus, input[type=email]:active, input[type=email]:focus, input[type=search]:active, input[type=search]:focus, input[type=url]:active, input[type=url]:focus, input[type=tel]:active, input[type=tel]:focus, input[type=number]:active, input[type=number]:focus, input[type=date]:active, input[type=date]:focus, input[type=month]:active, input[type=month]:focus, input[type=week]:active, input[type=week]:focus, input[type=time]:active, input[type=time]:focus, input[type=range]:active, input[type=range]:focus, input[type=color]:active, input[type=color]:focus, select:active, select:focus, textarea:active, textarea:focus { color: #444; border: 1px solid #aaa; } input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button { margin: 0; -webkit-appearance: none; appearance: none; } input[type=text]::-ms-clear { display: none; width: 0; height: 0; } input[type=text]::-ms-reveal { display: none; width: 0; height: 0; } input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration { display: none; } input[type=number] { -moz-appearance: textfield !important; /* To ensure arrows arent present in firefox */ } select::-ms-expand { display: none; } select { background: #fff url(//wooxstore.com/cdn/shop/t/160/assets/select.png?v=106766744789554721221794030296) no-repeat 96% 50%; background-size: 18px 12px; border: 1px solid #d9dbdc; -webkit-appearance: none; appearance: none; text-indent: 0.01px; text-overflow: ""; }select { padding: 8px 14px 8px; border-radius: 3px; }label, legend, .option_title { display: block; font-weight: bold; font-size: 13px; text-align: left; margin-bottom: 5px; text-transform: none; } input[type=checkbox] { display: inline; } label span, legend span { font-weight: bold; font-size: 13px; color: #444; } textarea { min-height: 120px; padding: 15px 9px; } .acceptsMarketing { margin-bottom: 20px; } .acceptsMarketing label { display: inline; margin-left: 5px; } input.newsletter-form__sign-up[type=submit] { margin-left: 5px; display: inline-block; } input.contact_email[type=email] { width: 320px; display: inline-block; float: left; } /* #Contact Form ================================================== */ div.container.contact-form-container { padding-top: 0; } .contact-form .contact-form__content { margin-bottom: 20px; } .contact-form label, .custom-contact-form label { margin-bottom: 12px; } .contact-form ul li label, .custom-contact-form ul li label { font-family: Roboto, sans-serif; text-transform: none; font-weight: 400; } .contact-form__heading { margin-left: 10px; margin-right: 10px; } .contact__form-errors, .contact__form-success { width: 100%; } .contact__form-name { margin-right: 20px; } @media only screen and (max-width: 798px) { .contact__form-name { margin-right: 0; } } .contact__form-name, .contact__form-email { flex: 1 1 auto; } .contact__form-message { flex-basis: 100%; } .contact-form__position--right, .custom-contact-form__position--right { flex-direction: row-reverse; } .contact-form__position--center { flex-direction: column; align-items: center; } .custom-contact-form .contact-block { margin-bottom: 20px; } .custom-contact-form .custom-contact-form__image { margin-bottom: 20px; } .custom-contact-form .custom-contact-form__social .social_icons { padding: 0; margin-bottom: 40px; } .custom-contact-form .custom-contact-form__logo { max-width: 150px; margin: 0 auto 20px auto; } .custom-contact-form .contact-block.contact-block--richtext label p { display: inline; } .custom-contact-form .contact-block--custom ul { padding: 0; margin: 0; } .custom-contact-form .contact-block--custom ul li { margin-bottom: 8px; list-style: none; display: flex; align-items: baseline; } .custom-contact-form .contact-block--custom ul li input { margin-right: 10px; position: relative; top: 2px; } .custom-contact-form .contact-block--custom ul li label { margin-bottom: 0; } .custom-contact-form .contact-block--custom ul li:last-child label { margin-bottom: 0; } .page-contact .footer { margin-top: 0; } .page-contact .custom-contact-form { margin-top: 25px; } #target { padding: 20px; text-align: center; } .items_left { color: #19110b; } .quantity_label { display: inline; font-size: smaller; } .remove_item a { font-size: smaller; color: #19110b; } input.quantity { width: 48px; display: inline; margin-bottom: 0; padding: 8px 5px; } ul.cart_items { padding-top: 0; padding-bottom: 0; } .cart_content li.mini-cart__item { padding: 0 0 15px 0; margin-bottom: 15px; border-bottom: 1px solid #f5f6f3; } .cart_content .notification-discount { color: #9b7e4b; margin: 0; line-height: 1; } li.mini-cart__item a, li.mini-cart__item a:active, #header li.mini-cart__item a, #header li.mini-cart__item a:active { position: relative; font-size: inherit; text-align: left; } li.mini-cart__item a { align-items: flex-start; } .cart_image { float: left; width: 100%; max-width: 100px; min-width: 100px; text-align: center; padding-right: 20px; } .cart_image img { display: block; } @media only screen and (max-width: 480px) { .cart_image { padding-right: 10px; } } a.continue { text-align: right; font-size: 32px; margin-right: 15px !important; padding: 10px 0 5px 0 !important; opacity: 0.8; } a.continue:hover { opacity: 1; } .empty_cart { text-align: center; font-size: 18px; padding: 40px 0 25px 0; color: inherit; } #get-rates-submit { margin-top: -1px; } #customer_login { margin-bottom: 2px; } .multi_select, .default_select { display: none; } /* Media position */ .product_section.media-position--right { flex-direction: row-reverse; } @media only screen and (max-width: 798px) { .product_section.media-position--left, .product_section.media-position--right { flex-direction: column; } } .vendor { margin-bottom: 6px; } .section.product_section { margin-top: 0; } .product-main { width: 100%; } .product_section .description { margin-bottom: 15px; } .modal_price { padding-bottom: 8px; display: block; } .product_section .description.bottom { margin-top: 15px; border-bottom: none; } .product-links { margin-bottom: 8px; font-size: 0.9em; border-top: 1px solid #f5f6f3; padding: 10px 0 5px 0; } .product-links p { margin: 2px 0; } .social_buttons { border-top: 1px solid #f5f6f3; padding-top: 20px; font-size: 1em; margin-bottom: 25px; } @media only screen and (max-width: 798px) { .social_buttons { text-align: center; } } .share_article .social_buttons { border-top: none; padding-top: 0; } @media only screen and (max-width: 798px) { .share_article .social_buttons { padding-top: 15px; } } .share-btn { display: inline-block; text-align: center; font-size: 1.2em; margin-right: 6px; margin-bottom: 10px; } .share-btn a { color: #fff; padding: 10px 10px 8px 10px; border: solid 1px #e2e2e2; display: inline-block; transition: all 500ms ease 0s; }.share-btn a { border-radius: 100px; width: 44px; height: 44px; }.icon-twitter-share:before { color: #09AEEC; } .icon-twitter-share:hover { background-color: #09AEEC; border-color: #09AEEC; color: #fff; } .icon-twitter-share:hover:before { color: #fff; } .icon-facebook-share:before { color: #49659D; } .icon-facebook-share:hover { background-color: #49659D; border-color: #49659D; color: #fff; } .icon-facebook-share:hover:before { color: #fff; } .icon-pinterest-share:before { color: #CB1F2A; } .icon-pinterest-share:hover { background-color: #CB1F2A; border-color: #CB1F2A; color: #fff; } .icon-pinterest-share:hover:before { color: #fff; } .icon-mail-share:before { color: #888; } .icon-mail-share:hover { background-color: #888; border-color: #888; color: #fff; } .icon-mail-share:hover:before { color: #fff; } /* Quantity Box for Product Page */ .product-quantity-box .quantity, .product-quantity-box .quantity:focus, .product-quantity-box .product-plus, .product-quantity-box .product-minus { border: #e2e2e2 1px solid; color: #000; } .product-quantity-box label { margin-bottom: 0.5em; } .product-quantity-box { margin-right: 0; -webkit-user-select: none; user-select: none; } .product-quantity-box label { text-align: left; } .product-quantity-box .quantity { text-align: center; padding: 6px 15px; width: 38%; height: 44px; border-radius: 0; -webkit-appearance: none; appearance: none; float: left; } @media only screen and (max-width: 798px) { .product-quantity-box .quantity { width: calc(100% - 88px); } } .product-quantity-box .product-plus, .product-quantity-box .product-minus { background: #f2f2f2; font-weight: 300; position: relative; cursor: pointer; height: 44px; display: block; width: 44px; text-align: center; float: left; } .product-quantity-box .product-plus:hover, .product-quantity-box .product-minus:hover { background: #d9d9d9; } @media only screen and (max-width: 798px) { .product-quantity-box .product-plus, .product-quantity-box .product-minus { display: inline; display: initial; margin: 0; } } .product-quantity-box .product-plus { border-left: 0; font-size: 16px; line-height: 44px; } .product-quantity-box .product-minus { border-right: 0; line-height: 44px; font-size: 18px; } .product-quantity-box + .inline_purchase { margin-top: 31.5px; width: 55%; float: left; } .product_section .product_form, .product_section .contact-form { max-width: 450px; } /* .product_section .product_form { opacity: 1 !important; } */ @media only screen and (max-width: 798px) { .product_section .product_form, .product_section .contact-form { max-width: 100%; } } /* #Blog ================================================== */ .article, .article_image { margin-bottom: 30px; } .sidebar .sidebar__content .input-row { flex-direction: column; margin-left: 0px; margin-right: 0px; } .sidebar .sidebar__content .input-row input { margin: 5px 0; } .blog-template-wrapper { width: 100%; } .blog-article__main.sidebar-enabled--false { width: 75%; } @media only screen and (max-width: 798px) { .blog-article__main.sidebar-enabled--false { width: 100%; } } .comment-form { display: flex; flex-wrap: wrap; } .comment-form__name { margin-right: 20px; } @media only screen and (max-width: 798px) { .comment-form__name { margin: 0; } } .comment-form__name, .comment-form__email { flex: 1 1 auto; } .comment-form__body, .comment-form__error, .comment-form__submit, .comment-form__success { flex-basis: 100%; } .comment-form__error-message, .comment-form__success-message { font-size: 18px; line-height: 32px; font-style: italic; } .comment-form__submit-button { width: 100%; } .blog__read-more-button { margin: 25px 0; } /* Author & Comments */ .blog__comment { display: flex; flex-wrap: wrap; margin-bottom: 1rem; } .blog__comment-author { display: flex; flex: 1 1 auto; } .blog__comment-author-image { min-width: 80px; height: 80px; } .blog__comment-author-image img { border-radius: 50px; } .blog__comment-author-bio { flex: 1 1 auto; margin-left: 20px; } .blog-post-image-wrapper { display: block; } /* Sidebar */ .has-sidebar-option, .section--has-sidebar-option { width: 100%; } .sidebar__content { margin-left: 10px; margin-right: 10px; } @media only screen and (max-width: 798px) { .sidebar { width: 100% !important; /* To overwrite desktop styles set inside of section */ } .has-sidebar-option { width: 100% !important; /* To overwrite desktop styles set inside of section */ } } /* #Newsletter ================================================== */ .newsletter { margin: 0px auto; max-width: 640px; } .input-row { display: flex; flex-wrap: wrap; margin-left: -5px; margin-right: -5px; width: 100%; } @media only screen and (max-width: 798px) { .input-row { flex-direction: column; margin-left: 0px; margin-right: 0px; } } .input-row input { flex-basis: 0; flex-grow: 1; flex-shrink: 1; max-height: 40px; } @media only screen and (max-width: 1024px) { .input-row input { margin: 5px 0; } } .input-row input.newsletter-form__sign-up { display: inline-block; flex: none; max-height: 44px; } @media only screen and (max-width: 798px) { .input-row input.newsletter-form__sign-up { width: 100%; } } .newsletter-both-names--true input.firstName { margin-right: 5px; } /* Newsletter popup */ .js-newsletter-popup { display: none; } .newsletter__lightbox .fancybox-content { width: 100%; max-width: 1000px; padding: 0; }@media only screen and (max-width: 480px) { .newsletter__lightbox .fancybox-close-small { display: block; } } @media only screen and (max-width: 798px) { .newsletter__lightbox .fancybox-close-small svg path { fill: white; } }.newsletter__lightbox .fancybox-toolbar { display: none; } .newsletter-popup { display: flex; background-color: #ffffff; padding: 0; width: 100%; }@media only screen and (max-width: 798px) { .newsletter-popup { line-height: 0; flex-direction: column; } } @media only screen and (min-width: 799px) and (max-width: 1024px) { .popup-signup-show--true input.newsletter-form__sign-up { margin-left: 0px; } } .popup-signup-show--false { display: none; } .newsletter-both-names--false .newsletter input[type=text] { width: 100%; } .newsletter-img { width: 40%; } @media only screen and (max-width: 798px) { .newsletter-img { width: 100%; } } .newsletter-img img { width: 100%; display: block; } .newsletter-info { text-align: center; color: #19110b; background-color: #ffffff; height: auto; float: left; } @media only screen and (max-width: 798px) { .newsletter-info { padding: 20px; width: 100% !important; position: relative; } } .newsletter-info input.contact_email[type=email] { width: 65%; float: left; } @media only screen and (max-width: 1024px) { .newsletter-info input.contact_email[type=email] { width: 100%; } } .newsletter-info #contact_form input.newsletter-form__sign-up[type=submit] { width: calc(35% - 10px); } @media only screen and (max-width: 1024px) { .newsletter-info #contact_form input.newsletter-form__sign-up[type=submit] { width: 100%; } } .newsletter-info .input-row { margin-right: 0; margin-left: 0; } .newsletter-info .popup-signup-show--true { margin-top: 20px; } .newsletter-image--true .newsletter-popup__content { width: 60%; display: flex; align-items: center; justify-content: center; } @media only screen and (max-width: 798px) { .newsletter-image--true .newsletter-popup__content { width: 100%; display: block; } } @media only screen and (min-width: 1025px) { .newsletter-image--true { max-height: 875px; } } @media only screen and (min-width: 1025px) { .newsletter-image--true.object-fit--none { height: auto; } } .newsletter-image--false { justify-content: center; } .newsletter-image--false .newsletter-info { width: 100%; position: relative; height: auto; float: none; } .align-left .newsletter-info { right: 0; } .newsletter-description h2 { color: #19110b; margin-top: 0; } .newsletter-description { padding: 40px; margin: 0 auto; } @media only screen and (max-width: 798px) { .newsletter-description { font-size: inherit; width: auto; } } @media only screen and (max-width: 480px) { .newsletter-description { padding: 0px; } } @media only screen and (min-width: 1025px) { .newsletter-description { min-width: 350px; } } @media only screen and (min-width: 1401px) { .newsletter-description { font-size: inherit; } } .newsletter-popup__button { margin-top: 10px; margin-bottom: 0; }.newsletter-popup__button { margin-left: 8px; margin-right: 8px; }@media only screen and (max-width: 480px) { .newsletter-popup__button { margin-top: 5px; } } .newsletter-popup__button--text { --button-color-border: #19110b; --button-color-background: transparent; --button-color-text: #19110b; --button-color-border-hover: #19110b; --button-color-background-hover: #19110b; --button-color-text-hover: #ffffff; } .newsletter-popup__button--highlighted { --button-color-border: #19110b; --button-color-background: #19110b; --button-color-text: #ffffff; --button-color-border-hover: #241c17 ; --button-color-background-hover: #241c17 ; --button-color-text-hover: #ffffff; } /* Newsletter section above footer */ .newsletter_section { transform: translate3d(0, 0, 0); background-color: #f5f6f3; color: #19110b; } .newsletter_section h2 { margin-top: 0; color: #19110b; } .newsletter_section.newsletter-bgr-true { background-color: #f5f6f3; background-position: center center; background-repeat: no-repeat; background-size: cover; } .newsletter_section.newsletter-bgr-true input.contact_email[type=email] { border: 0; } @media only screen and (max-width: 480px) { .newsletter_section.newsletter-bgr-true { text-align: center !important; } } .section_form { padding: 10px 20px; } .section_form input[type=email], .section_form input[type=text] { border: 0; } .section_form .newsletter-text + .newsletter, .section_form h5 + .newsletter { margin-top: 15px; } .newsletter_section h5 { color: #19110b !important; padding-top: 0px; margin: 0; } .newsletter_section .newsletter-text p { margin-bottom: 0; } .newsletter_section .newsletter, .password-page-row form { display: inline-block; padding-top: 0 !important; width: 450px; } @media only screen and (max-width: 480px) { .newsletter_section .newsletter, .password-page-row form { width: 100%; max-width: 100%; } } @media only screen and (max-width: 480px) { .newsletter_section .newsletter, .password-page-row form { width: 100%; } } /* Shopify challenge */ .g-recaptcha { margin-bottom: 1rem; } .shopify-challenge__container { padding: 150px 0; } .shopify-challenge__container .shopify-challenge__button { width: auto; display: inline-flex; align-items: center; justify-content: center; border: 1px solid; padding: 13px 20px; text-align: center; line-height: 1.2; font-family: "Roboto Condensed", sans-serif; font-weight: normal; font-style: normal; font-size: 15px; text-transform: uppercase; letter-spacing: 1px; word-break: break-word; cursor: pointer; transition: all 0.2s linear; border-color: var(--button-color-border, #9b7e4b); background: var(--button-color-background, #9b7e4b); color: var(--button-color-text, #ffffff); }.shopify-challenge__container .shopify-challenge__button { border-radius: 3px; }.shopify-challenge__container .shopify-challenge__button:visited { color: var(--button-color-text, #ffffff); } .shopify-challenge__container .shopify-challenge__button:hover:not([disabled]), .shopify-challenge__container .shopify-challenge__button:active { background: var(--button-color-background-hover, var(--button-color-background, #a48242)); border-color: var(--button-color-border-hover, var(--button-color-border, #a48242)); color: var(--button-color-text-hover, var(--button-color-text, #ffffff)); } .shopify-challenge__container .shopify-challenge__button:active { box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); outline: 0; } .shopify-challenge__container .shopify-challenge__button[disabled] { cursor: not-allowed; } /* Newsletter in footer */ .shopify-section--footer .newsletter_section { padding: 0; background-color: transparent; color: #ffffff; } .shopify-section--footer .newsletter_section .newsletter { width: 100%; } .shopify-section--footer .newsletter_section .newsletter input { width: 100%; } .shopify-section--footer .newsletter_section .newsletter .newsletter-form__sign-up { margin-left: 0; } .shopify-section--footer .newsletter_section h6 { color: #ffffff; font-size: 18px; } .shopify-section--footer .newsletter_section p { padding: 15px 0; } /* #Tables ================================================== */table:not(#customer-orders):not(#order-details) th { background-color: #f9f9f9; } table:not(#customer-orders):not(#order-details) th, table:not(#customer-orders):not(#order-details) td { padding: 10px; border-right: 1px solid #dcdcdc; } table:not(#customer-orders):not(#order-details) th:first-child, table:not(#customer-orders):not(#order-details) td:first-child { border-left: 1px solid #dcdcdc; } table:not(#customer-orders):not(#order-details) tr { border-bottom: 1px solid #dcdcdc; } table:not(#customer-orders):not(#order-details) tr:first-child { border-top: 1px solid #dcdcdc; }/* Responsive order tables */ .collapsible-table { width: 100%; margin-bottom: 20px; } .collapsible-table th { font-weight: 700; text-align: left; } .collapsible-table th, .collapsible-table td { padding: 10px; } @media only screen and (max-width: 798px) { .collapsible-table th, .collapsible-table td { border-left: none; } } .collapsible-table tr .order_summary td.label { text-align: right; } .collapsible-table .order-details__discount-block { display: block; } @media only screen and (max-width: 798px) { .collapsible-table thead { display: none; } .collapsible-table tr { display: block; margin-bottom: 20px; } .collapsible-table tr:last-child { margin-bottom: 0; } .collapsible-table tr td { position: relative; } .collapsible-table td { display: block; display: flex; align-items: center; justify-content: space-between; padding: 0 10px 0 0; } .collapsible-table td:before { content: attr(data-label); z-index: 1; padding: 6px; font-weight: bold; width: calc(50% - 6px); word-break: break-word; } .collapsible-table td:after { content: ""; z-index: 0; width: 50%; min-height: 100%; position: absolute; } .collapsible-table td:last-child { border-bottom: none; } .collapsible-table tfoot { display: block; margin-top: 20px; } .collapsible-table tfoot tr { margin-bottom: 0; border-bottom: none; } .collapsible-table tfoot tr:last-child { border-bottom: 1px solid #dcdcdc; } .collapsible-table .order-details__total, .collapsible-table .order-details__product, .collapsible-table .order-details__discount { text-align: right; padding-left: 10px; width: calc(50% - 10px); word-break: break-word; } } #customer-orders th, #order-details th { background-color: #f9f9f9; } #customer-orders th, #customer-orders td, #order-details th, #order-details td { border-right: 1px solid #dcdcdc; } #customer-orders th:first-child, #customer-orders td:first-child, #order-details th:first-child, #order-details td:first-child { border-left: 1px solid #dcdcdc; } @media only screen and (max-width: 798px) { #customer-orders th:first-child, #customer-orders td:first-child, #order-details th:first-child, #order-details td:first-child { border-left: none; } } #customer-orders tr, #order-details tr { border-bottom: 1px solid #dcdcdc; } #customer-orders tr:first-child, #order-details tr:first-child { border-top: 1px solid #dcdcdc; } @media only screen and (max-width: 798px) { #customer-orders tr, #order-details tr { border: 1px solid #dcdcdc; border-bottom: none; } #customer-orders td, #order-details td { border-right: none; border-bottom: 1px solid #dcdcdc; } #customer-orders td:after, #order-details td:after { border-right: 1px solid #dcdcdc; background-color: #f9f9f9; } #customer-orders tfoot td, #order-details tfoot td { border-bottom: none; } #customer-orders tfoot:last-child, #order-details tfoot:last-child { border-bottom: 1px solid #dcdcdc; } } /* #Misc ================================================== */ .allow-clickthrough { pointer-events: none !important; } .hidden { display: none; } @media only screen and (max-width: 480px) { .hidden--mobile { display: none !important; /* Force on mobile devices */ } } .remove { color: #19110b; } .relative { position: relative; } .half-bottom { margin-bottom: 10px !important; } .add-bottom { margin-bottom: 20px !important; } .right { float: right; position: relative; } .left { float: left; } .inline { display: inline; } .center { text-align: center; } .align_right { text-align: right; } .align_left { text-align: left; } .text-align--center { text-align: center; } .text-align--left { text-align: left; } .text-align--right { text-align: right; } p.warning { text-align: center; font-weight: bold; } .warning--quantity { clear: both; display: inline-block; margin-top: 15px; width: auto; text-align: left; } @media only screen and (min-width: 799px) { .large--right { float: right; position: relative; } } .visually-hidden { position: absolute !important; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } .mini-cart__item p.warning { margin-top: 5px; text-align: left; } .mobile_only, span.mobile_only, .container div.mobile_only { display: none; } .no_border { border: none !important; } .extra_padding { padding-top: 4px; } div.hidden { display: none; } div.is-absolute { position: absolute !important; top: 0; margin-top: 0; } .full-width-image { width: 100%; } #instantclick-bar { background: #9b7e4b; z-index: 100000; height: 4px; } #grid .column, #grid .columns { background: #ddd; height: 25px; line-height: 25px; margin-bottom: 10px; text-align: center; text-transform: uppercase; color: #555; font-size: 12px; font-weight: bold; border-radius: 2px; } #grid .column:hover, #grid .columns:hover { background: #bbb; color: #333; } #grid .example-grid { overflow: hidden; } .items_left { margin: 0 0 15px; line-height: 1.6em; font-size: normal; font-style: italic; color: #19110b; } .cart .paypal-button + .paypal-button { display: none; } /* #Testimonials ================================================== */ .darken-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; background: rgba(0, 0, 0, 0.6); } @media only screen and (max-width: 480px) { .caption-background-darken_bg.caption--below-true .darken-bg { display: none; } } .shopify-section--testimonials { position: relative; } .shopify-section--testimonials .set-static { display: flex; } .shopify-section--testimonials .set-static .caption { position: static; transform: translateY(0); padding: 40px; margin: auto; } .shopify-section--testimonials .set-testimonial-height { height: 95%; } .shopify-section--testimonials .feature_divider { margin: 25px auto; width: 10%; display: inline-block; } @media only screen and (max-width: 480px) { .shopify-section--testimonials .feature_divider { margin: 5px auto; } } .shopify-section--testimonials .testimonial-block--no-image .animated { animation-delay: 0.25s; } .testimonial-block.gallery-cell.testimonial-block--no-image { background-color: #f5f6f3; } @media only screen and (max-width: 480px) { .mobile-banner--crop-left { object-fit: cover; object-position: left; min-height: 60vh; } } @media only screen and (max-width: 480px) { .mobile-banner--crop-right { object-fit: cover; object-position: right; min-height: 60vh; } } @media only screen and (max-width: 480px) { .mobile-banner--crop-center { object-fit: cover; object-position: center; min-height: 60vh; } } .caption-content.testimonial-text { max-width: 80%; } .caption-content.testimonial-text .subtitle { text-transform: none; color: #ffffff; } @media only screen and (max-width: 480px) { .caption-content.testimonial-text .subtitle { font-weight: normal; font-size: 14px; } } .caption-content.testimonial-text h2, .caption-content.testimonial-text .headline { color: #ffffff; } @media only screen and (max-width: 480px) { .caption-content.testimonial-text h2, .caption-content.testimonial-text .headline { text-shadow: none; } } @media only screen and (max-width: 480px) { .testimonial-block.caption--below-true:not(.testimonial-block--no-image) .pretext, .testimonial-block.caption--below-true:not(.testimonial-block--no-image) .headline, .testimonial-block.caption--below-true:not(.testimonial-block--no-image) .subtitle { color: #19110b; } .testimonial-block.caption--below-true:not(.testimonial-block--no-image) .feature_divider { border-color: #19110b; } } @media only screen and (max-width: 480px) { .testimonial-block .caption { margin: auto; padding-top: 5%; padding-bottom: 5%; } } .testimonial-slideshow, .testimonial-block.gallery-cell { background-color: transparent; } /* #FAQ ================================================== */ .page-faq .faq--heading { padding-top: 30px; } .faq-section h2.title { font-style: normal; font-weight: bold; font-size: 40px; line-height: 54px; letter-spacing: 0; margin-bottom: 0; } .faq-section h2.faq--heading { font-size: 24px; font-weight: 400; line-height: 1.125; letter-spacing: 0; margin-bottom: 10px; margin-top: 40px; } .faq-section .has-gutter-enabled { margin-bottom: 20px; } @media only screen and (max-width: 480px) { .faq-section .faq--image { margin-top: 40px; } } /* #Team Template ================================================== */ .team-page__content--left { display: flex; } @media only screen and (max-width: 798px) { .team-page__content--left { flex-direction: column; } } .team-page__content--right { display: flex; flex-direction: row-reverse; } @media only screen and (max-width: 798px) { .team-page__content--right { flex-direction: column; } } .team-page__text, .team-page__image, .team-page__image img { width: 100%; } .team-page__content--multiple .team-page__text, .team-page__content--multiple .team-page__image { max-width: 50%; width: 100%; } @media only screen and (max-width: 798px) { .team-page__content--multiple .team-page__text, .team-page__content--multiple .team-page__image { max-width: 100%; } } .team-page__content--multiple .team-page__text:first-child, .team-page__content--multiple .team-page__image:first-child { margin-right: 20px; } .team-page__text { display: flex; align-items: center; justify-content: center; } .team-page__container { max-width: 70%; } @media only screen and (max-width: 480px) { .team-page__container { max-width: 90%; } } .team-member__profile.columns, .team-member__profile.column { margin-bottom: 30px; } .team-member__name { padding-top: 10px; } .team-member__wrap { position: relative; } .team-member__wrap:hover .team-member__overlay { opacity: 1; } .team-member__overlay { opacity: 0; transition: opacity 0.3s linear; position: absolute; top: 0; right: 0; width: 100%; height: 100%; } .team-member__details { transform: translateY(-50.1%); top: 50%; padding: 10px 0; position: absolute; width: 100%; padding: 20px; } .team-member__details img { display: block; } .team-member__details p { margin-top: 10px; line-height: 1.3; } .team-member__details .icon-twitter { display: inline-block; vertical-align: middle; } .team-member__title { padding-bottom: 0; text-align: center; margin-bottom: 0; text-transform: uppercase; line-height: 1; } .team-member__title:after { width: 30%; display: block; margin: 0 auto; content: ""; height: 3px; margin-top: 20px; } /* #Logo-list ================================================== */ .logo-bar { text-align: center; margin-bottom: 20px; } .logo-bar a { transition: ease all 0.6s; } .logo-bar a:hover { opacity: 0.6; } .logo-bar__item { display: inline-block; vertical-align: middle; max-width: 160px; width: 160px; margin-top: 20px; } @media only screen and (min-width: 799px) { .logo-bar__item { margin-left: 25px; margin-right: 25px; } } /* #Gallery Section ================================================== */ .gallery-section { text-align: center; } .gallery-section .gallery-image-wrapper, .gallery-section .gallery-empty-wrapper { margin-bottom: 5px; position: relative; } .gallery-section .gallery-empty-wrapper { min-height: 150px; } .gallery-section .gallery-empty-wrapper:nth-child(even) .placeholder-svg { background-color: rgba(25, 17, 11, 0.3); } .gallery-section a { display: block; } .gallery-overlay { display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.6); opacity: 0; transition: opacity 0.3s ease-in; } .gallery-overlay .icon-zoom { color: white; font-size: 1.5em; } .gallery-image-wrapper:hover .gallery-overlay { opacity: 1; } .two-per-row .overlay .icon-zoom { font-size: 2.5em; } .three-per-row .overlay .icon-zoom { font-size: 2em; } /* Horizontal gallery styling */ .gallery-section.gallery-horizontal i { display: block; } .gallery-section.gallery-horizontal img { position: absolute; top: 0; width: 100%; vertical-align: bottom; width: 100%; height: auto; display: block; } .gallery-section.gallery-horizontal .gallery-image-wrapper, .gallery-section.gallery-horizontal .gallery-empty-wrapper { margin: 10px; } .gallery-section.gallery-horizontal.adjust-columns .gallery-image-wrapper, .gallery-section.gallery-horizontal.adjust-columns .gallery-empty-wrapper { margin: 0px; } @media only screen and (min-width: 2000px) { .gallery-section.gallery-horizontal .gallery-image-wrapper:last-child { width: 15%; flex-basis: initial !important; flex-grow: initial !important; } } .gallery-section.gallery-horizontal .gallery-empty-wrapper { width: 190px; } /* Classic gallery styling */ .gallery-section.gallery-classic .gallery-image-wrapper, .gallery-section.gallery-classic .gallery-empty-wrapper { display: block; } .gallery-section.gallery-classic .gallery-image-wrapper img, .gallery-section.gallery-classic .gallery-image-wrapper svg, .gallery-section.gallery-classic .gallery-empty-wrapper img, .gallery-section.gallery-classic .gallery-empty-wrapper svg { width: 100%; display: block; } .gallery-section.gallery-classic .add-padding { padding-top: 5px; padding-bottom: 5px; } .adjust-columns { column-gap: 0px !important; /* Always have no column cap when set to wide screen */ -moz-column-gap: 0px !important; /* Always have no column cap when set to wide screen */ -webkit-column-gap: 0px !important; /* Always have no column cap when set to wide screen */ overflow: hidden; } .adjust-columns .gallery-image-wrapper, .adjust-columns .gallery-empty-wrapper { margin: 0; margin-bottom: 0 !important; /* Overwrite margin bottom set when not full width */ } /* Masonry gallery styling */ .gallery-section.gallery-masonry { display: block; } .gallery-section.gallery-masonry .masonry { font-size: 0.85em; line-height: 0px; margin: 10px 0; column-gap: 10px; -moz-column-gap: 10px; -webkit-column-gap: 10px; } .gallery-section.gallery-masonry .gallery-empty-wrapper { min-height: 100px; overflow: hidden; } .gallery-section.gallery-masonry .gallery-empty-wrapper svg { min-width: 800px; } .gallery-section.gallery-masonry .gallery-empty-wrapper svg path { display: none; } .gallery-section.gallery-masonry .gallery-image-wrapper, .gallery-section.gallery-masonry .gallery-empty-wrapper { display: block; box-sizing: border-box; margin-bottom: 5px; -webkit-column-break-inside: avoid; -webkit-backface-visibility: hidden; } .gallery-section.gallery-masonry .gallery-image-wrapper img, .gallery-section.gallery-masonry .gallery-image-wrapper svg, .gallery-section.gallery-masonry .gallery-empty-wrapper img, .gallery-section.gallery-masonry .gallery-empty-wrapper svg { width: 100%; display: block; } .gallery-section.gallery-masonry .two-per-row { column-count: 2; transform: translateX(0); } @media only screen and (max-width: 798px) { .gallery-section.gallery-masonry .two-per-row { column-count: 3; } } @media only screen and (max-width: 480px) { .gallery-section.gallery-masonry .two-per-row { column-count: 1; } } .gallery-section.gallery-masonry .three-per-row { column-count: 3; transform: translateX(0); } @media only screen and (max-width: 798px) { .gallery-section.gallery-masonry .three-per-row { column-count: 3; } } @media only screen and (max-width: 480px) { .gallery-section.gallery-masonry .three-per-row { column-count: 1; } } .gallery-section.gallery-masonry .four-per-row { column-count: 4; transform: translateX(0); } @media only screen and (max-width: 798px) { .gallery-section.gallery-masonry .four-per-row { column-count: 3; } } @media only screen and (max-width: 480px) { .gallery-section.gallery-masonry .four-per-row { column-count: 1; } } .gallery-section.gallery-masonry .five-per-row { column-count: 5; transform: translateX(0); } @media only screen and (max-width: 798px) { .gallery-section.gallery-masonry .five-per-row { column-count: 3; } } @media only screen and (max-width: 480px) { .gallery-section.gallery-masonry .five-per-row { column-count: 1; } } /* #Ratings ================================================== */ .product-rating { display: flex; margin: 0.5rem 0; align-items: center; } .rating__star-wrapper { display: flex; } .icon-star-background { transform: scaleX(var(--rating-scale, 0)); } .icon-star-reference { position: absolute; left: -9999px; width: 0; height: 0; } .rating__star { width: 20px; height: auto; } .rating__star-1 { --rating-scale: calc(var(--rating-value)); } .rating__star-2 { --rating-scale: calc(var(--rating-value) - 1); } .rating__star-3 { --rating-scale: calc(var(--rating-value) - 2); } .rating__star-4 { --rating-scale: calc(var(--rating-value) - 3); } .rating__star-5 { --rating-scale: calc(var(--rating-value) - 4); } .rating__text { display: none; } .rating__count { margin: 0 0 0 5px; } @media (forced-colors: active) { .rating__star-wrapper { display: none; } .rating__text { display: block; } } /* Product grid star ratings */ .product-details .product-rating { justify-content: center; color: #19110b; } .product-details .rating__count span { color: #19110b; } .thumbnail-overlay .product-details .product-rating, .thumbnail-overlay .product-details .rating__count span { color: #fff; } /* #Recently Viewed ================================================== */ .rv-container { display: block; } .rv-container .thumbnail:empty { margin-bottom: 0; } .rv-main .flickity-page-dots { bottom: 25px; } @media only screen and (max-width: 798px) { .rv-main .flickity-page-dots { display: none; } } /* Sidebar styles */ .sidebar .recently-viewed__title { display: none; } /* Description bottom styles */ .product-description-bottom .js-recently-viewed.rv-main { clear: both; } /* Hide duplicates */ .rv-box-element .js-recently-viewed-product:nth-child(2), .rv-sidebar-element .js-recently-viewed-product:nth-child(2) { display: none; } .recently-viewed__section { width: 100%; } /* #Search autocomplete ================================================== */ .search__results-wrapper { display: none; position: relative; } .search__results { width: 100%; right: 0; left: auto; z-index: 30; list-style-type: none; margin: 0; padding: 0 20px; background: #19110b; overflow: hidden; position: absolute; } @media only screen and (max-width: 798px) { .search__results { position: relative; padding: 0 10px; width: 100%; } } @media only screen and (min-width: 799px) { .search__results { max-height: 500px; overflow-y: scroll; } } .search__results li { display: block; width: 100%; margin: 0; border-top: 1px solid #f5f6f3; overflow: hidden; } .search__results li:nth-child(-n+2) { border-top: none; } .search__results li a, .search__results li .no-results { display: flex; align-items: center; padding: 10px 0; color: #ffffff !important; /* Override nav menu coloring */ font-family: "Roboto Condensed", sans-serif; font-weight: 400; font-style: normal; font-size: 15px; text-transform: none; } .search__results li a:hover, .search__results li a:focus, .search__results li .no-results:hover, .search__results li .no-results:focus { color: #9b7e4b; } .search__results .search-title { text-transform: none; text-align: left; font-size: 15px; } .search__results .search-title span { color: #9b7e4b; } .search__results .thumbnail { padding: 0; max-width: 62px; margin-right: 20px; } @media only screen and (max-width: 798px) { .search__results .thumbnail { max-width: 20%; } } .search__results .thumbnail img { display: block; } .header .search__results { background: #19110b; width: 350px; } /* 404 search */ .error-404 .search_box { margin-bottom: 0; } /* Blog search */ .blog_search { margin-bottom: 15px; } .blog_search input { margin-bottom: 0; } /* #Mobile search */ .mobile-search { display: none; position: absolute; top: 0; left: 0; height: 100vh; z-index: 999999; width: 100%; background: rgba(0, 0, 0, 0.8); } @media only screen and (min-width: 799px) { .mobile-search { /* display: none !important; */ /* Ensure it does not display on larger screens */ } } .mobile-search form { background-color: #ffffff; margin: 0; padding: 10px 20px 0; position: relative; min-height: 70vh; width: 100%; } .mobile-search input#q { font-family: "Roboto Condensed", sans-serif; font-weight: 400; font-style: normal; font-size: 16px; text-transform: none; padding-left: 40px; padding-right: 20px; border: 0; border-bottom: 1px solid #f5f6f3; } .mobile-search input#q:focus, .mobile-search input#q:active { border-bottom: 1px solid #f5f6f3; } .mobile-search .icon-search { left: 20px; top: 22px; transform: none; width: 30px; position: absolute; z-index: 1000; color: #ffffff; font-size: 20px; cursor: pointer; } .mobile-search .icon-cross { position: absolute; right: 20px; top: 22px; cursor: pointer; } .mobile-search .search__results-wrapper { overflow-y: scroll; -webkit-overflow-scrolling: touch; } .mobile-search .search__results { background-color: #ffffff; margin-top: 0; padding: 0; } .mobile-search .item-result:last-child { padding-bottom: 10px; } .mobile-search .search-title { color: #19110b; } /* #Search page ================================================== */ .shopify-section--search-template form { position: relative; } .shopify-section--search-template .search_container { position: relative; } .shopify-section--search-template .search_container .search-submit { z-index: 900; }.shopify-section--search-template .search_container input { border-radius: 3px; }.product-list--search .product_row { padding: 20px 0; border-bottom: 1px solid #f5f6f3; } .product-list--search .product_row:last-child { border-bottom: none; } /* #Site Styles ================================================== */ div.content, section.content { padding: 30px 0px 15px 0; } .featured_text { font-size: 18px; line-height: 36px; } .large_text { font-size: 28px; line-height: 50px; } /* RTE */ .rte { word-break: break-word; } .rte details span { padding: 1rem 1.5rem; display: block; } .rte details summary { cursor: pointer; position: relative; font-weight: bold; padding: 1rem 1.5rem; border-bottom: 1px solid #f5f6f3; } .rte details summary:before { content: "+"; position: absolute; top: 50%; left: 0; transform: translateY(-50%); font-size: 20px; color: #9b7e4b; } .rte details[open] summary::before { content: "-"; } /* #Header ================================================== */ @media only screen and (max-width: 798px) { .dropdown .header_search_form .search__results { margin-top: 30px; } } .dropdown .header_search_form .search-terms { height: 50px; min-height: 50px; } .main-nav div.logo a { color: #ffffff !important; outline: 0; } .menu-position--inline.logo-position--left div.logo { text-align: left; } .menu-position--inline.logo-position--center .logo { text-align: center; } .menu-position--inline.logo-position--center .logo img { margin: 0 auto; } .primary_logo { display: block; } .secondary_logo { display: none; } header.feature_image.secondary_logo--true img.primary_logo, header.feature_image.secondary_logo--true img.secondary_logo { display: none; } header.secondary_logo--true:not(.feature_image) img.secondary_logo { display: none !important; } header.secondary_logo--true:not(.feature_image) img.primary_logo { display: inline !important; } .featured_content, .featured_content h1, .featured_content h2, .featured_content h3, .featured_content h4, .featured_content h5, .featured_content h6 { color: #19110b; } .featured_content { background-color: #f5f6f3; } .nav_arrows { float: right; } .sku { margin: 0; } #category { width: 100%; } /* Currency / language switcher in header */ #header__selector-form .icon-arrow-down { font-size: 9px; } #header__selector-form .disclosure__toggle { background-color: transparent; height: 40px; border: none; position: relative; padding: 0 0 0 16px; letter-spacing: 1px; } #header__selector-form .disclosure__toggle:hover, #header__selector-form .disclosure__toggle:focus { color: #9b7e4b; } #header__selector-form .disclosure__list-wrap { border: none; bottom: initial; position: absolute; top: 100%; } #header__selector-form .disclosure__list-wrap .disclosure-list { list-style: none; } #header__selector-form .disclosure-list__item { display: block; } #header__selector-form .disclosure__button { letter-spacing: 1px; } #header__selector-form .currency-preview { position: relative; } #header__selector-form .currency-preview select.currencies { background-image: none; z-index: 1000; } #header__selector-form .currency-preview .icon-down-arrow { position: absolute; top: 50%; right: 10px; color: #ffffff; transform: translateY(-50%); z-index: 999; } #header__selector-form .currency-preview .icon-down-arrow:hover { color: inherit; } #header__selector-form .currency-preview:hover .icon-down-arrow, #header__selector-form .currency-preview:hover select.currencies { color: #9b7e4b; } .mobile-menu-container { position: absolute; left: 0; top: 100%; width: 100%; text-align: left; opacity: 0; } .mobile-menu-container[data-animation] { transition: opacity 0.2s linear; } .mobile-menu-container[data-animation-state=open] { opacity: 1; } .top-bar__login-link { display: flex; gap: 5px; font-family: "Roboto Condensed", sans-serif; font-weight: 400; font-style: normal; font-size: 12px; color: #ffffff; letter-spacing: 1px; text-rendering: optimizeLegibility; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-decoration: none; text-transform: none; } .top-bar__login-link:visited { color: #ffffff; } .top-bar__login-link:hover, .top-bar__login-link:active, .top-bar__login-link:focus { color: #9b7e4b; text-decoration: none; } /* #Currency / Language switcher ================================================== */ .selectors-form__wrap, .selectors-form, .selectors-form__item { margin: 0; } .selectors-form__wrap { display: flex; justify-content: flex-end; } @media only screen and (max-width: 798px) { .selectors-form__wrap { flex-direction: column; justify-content: center; } } .disclosure { position: relative; } /* Fix for capitalization issue in cross border */ .disclosure-text-style-none button.disclosure__toggle, .disclosure-text-style-none button.disclosure__button { text-transform: capitalize; } .disclosure-text-style-uppercase button.disclosure__toggle, .disclosure-text-style-uppercase button.disclosure__button { text-transform: uppercase; } .disclosure-text-style-lowercase button.disclosure__toggle, .disclosure-text-style-lowercase button.disclosure__button { text-transform: lowercase; } .disclosure__toggle { color: #ffffff; font-size: 12px; font-family: "Roboto Condensed", sans-serif; font-weight: 400; font-style: normal; text-transform: none; border: 1px solid #f5f6f3; background-color: transparent; margin-right: 20px; min-height: 0; transition: color 0.1s linear; } .disclosure__toggle:hover, .disclosure__toggle:focus { opacity: 1; } .disclosure__toggle.is-clicked { color: #9b7e4b; } .disclosure__toggle.is-clicked:focus { color: #9b7e4b; } .disclosure__toggle.is-clicked + .disclosure__list-wrap { visibility: visible; opacity: 1; } .disclosure__toggle.is-clicked + .disclosure__list-wrap .disclosure-list { display: block; } .disclosure__toggle .icon-down-arrow { margin-left: 8px; } .disclosure__list-wrap { background-color: #19110b; border: 1px solid #f5f6f3; bottom: 100%; visibility: hidden; position: absolute; z-index: 1001; opacity: 0; transition: opacity 0.3s ease-in; } .disclosure__list-wrap.disclosure--left { left: auto; right: 0; } .disclosure__list-wrap .disclosure-list { list-style: none; margin-left: 0; margin-bottom: 0; padding: 0; margin-top: 0; display: none; max-height: 400px; overflow-y: auto; } .disclosure-list__item { background-color: inherit; color: inherit; line-height: 1; } button.disclosure__button { background-color: inherit; padding: 13px 20px; color: #ffffff; font-size: 12px; letter-spacing: 1px; font-family: "Roboto Condensed", sans-serif; font-weight: 400; text-transform: none; letter-spacing: 1px; text-align: left; transition: color 0.1s linear; opacity: 1; } button.disclosure__button:hover, button.disclosure__button[aria-current=true] { color: #9b7e4b; } button.disclosure__button:focus { color: #9b7e4b; } /* Pagination & infinite scrolling */ .paginate, .load-more { text-align: center; } a.tag, .paginate .page a, .paginate .current { border: solid 1px #f5f6f3; margin: 10px 5px; padding: 0.5rem 1rem; display: inline-block; }a.tag, .paginate .page a, .paginate .current { border-radius: 3px; }a.tag:hover, .paginate .page a:hover, .paginate .current:hover { color: #ffffff; background-color: #19110b; border: solid 1px #19110b; } .paginate .current { color: #ffffff; font-weight: bold; background-color: #19110b; border: solid 1px #19110b; } .paginate .next, .paginate .prev { display: inline-block; margin: 10px 0; padding: 0.5rem 1rem; } .load-more { display: none; width: 100%; } .shopify-section--collection-template .load-more, .shopify-section--search-template .load-more { display: block; clear: both; margin: 25px 0; } .load-more__icon { opacity: 0; height: 0; width: 0; transition: all 0.3s linear; background: url(//wooxstore.com/cdn/shop/t/160/assets/loader.gif) center center no-repeat; background-size: 32px 32px; margin: 0 auto; } .product-list.loading-in-progress.filter-loading { height: 0; } .product-list.loading-in-progress + .load-more__icon { width: 44px; height: 44px; opacity: 1; } a.tag { font-size: smaller; padding: 4px 6px; margin: 5px 2px 5px 0; } .paginate .deco { border: none; } /* Product list - collections */ .product-list { width: 100%; } .product-list .thumbnail, .slider-gallery .thumbnail, .list-collections .thumbnail { position: relative; text-align: center; margin-bottom: 25px; display: block; /* Do not display thumbnail hover background if user picks none */ } .product-list .thumbnail .thumbnail-overlay, .slider-gallery .thumbnail .thumbnail-overlay, .list-collections .thumbnail .thumbnail-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; overflow: hidden; transition: opacity 0.3s ease-in; } .product-list .thumbnail .thumbnail-overlay > a, .slider-gallery .thumbnail .thumbnail-overlay > a, .list-collections .thumbnail .thumbnail-overlay > a { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } @media only screen and (max-width: 798px) { .product-list .thumbnail .thumbnail-overlay, .slider-gallery .thumbnail .thumbnail-overlay, .list-collections .thumbnail .thumbnail-overlay { display: none; } } @media only screen and (min-width: 1401px) { .product-list .thumbnail .thumbnail-overlay, .slider-gallery .thumbnail .thumbnail-overlay, .list-collections .thumbnail .thumbnail-overlay { line-height: 1.5; } }.product-list .thumbnail .thumbnail-overlay, .slider-gallery .thumbnail .thumbnail-overlay, .list-collections .thumbnail .thumbnail-overlay { background-color: rgba(25, 17, 11, 0.7); }.product-list .thumbnail img, .slider-gallery .thumbnail img, .list-collections .thumbnail img { vertical-align: bottom; transition: opacity 0.3s ease-in; width: 100%; object-fit: contain; object-position: top center; } .product-list .thumbnail .product-info__caption, .slider-gallery .thumbnail .product-info__caption, .list-collections .thumbnail .product-info__caption { margin-top: 20px; }.product-list .thumbnail .product-info__caption, .slider-gallery .thumbnail .product-info__caption, .list-collections .thumbnail .product-info__caption { display: block; }@media only screen and (max-width: 798px) { .product-list .thumbnail .product-info__caption, .slider-gallery .thumbnail .product-info__caption, .list-collections .thumbnail .product-info__caption { display: block; } } @media only screen and (max-width: 1024px) { .touchevents .product-info__caption { display: block; } .touchevents .thumbnail-overlay { display: none; } } .hidden-product-link { line-height: 0; font-size: 0; color: transparent; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .featured_collections .thumbnail { text-align: center; } /* Swap to second image on hover */.has-secondary-media-swap img { visibility: visible; height: auto; } .has-secondary-media-swap .product_gallery { margin-bottom: 0; } .has-secondary-media-swap .secondary-media-hidden { opacity: 0; visibility: hidden; height: 0 !important; /* Override inline height on image-element snippet */ }/* Thumbnail overlay */ .quick_shop { opacity: 0; pointer-events: all; transform: translate3d(0, 100%, 0); }a .price-ui span { color: #19110b; } .price:not(.price--sale):not(.sale) .from { color: #19110b; } .thumbnail-hover-enabled--true .price:not(.price--sale):not(.sale) .from { color: #ffffff; } @media only screen and (max-width: 480px) { .thumbnail-hover-enabled--true .price:not(.price--sale):not(.sale) .from { color: #19110b; } } .thumbnail .price--sale span.money, .thumbnail .sale span.money { color: #9b7e4b; } .thumbnail .was_price span.money, .thumbnail .compare-at-price span.money { color: #19110b; } .thumbnail .compare-at-price { -webkit-text-decoration-color: #19110b; text-decoration-color: #19110b; } .thumbnail .free-price-text .money, .thumbnail .free-price-text { color: #9b7e4b; } .thumbnail .sold-out-price.has-margin-right { margin-right: 5px; } .thumbnail .brand { display: block; }.thumbnail.quick-shop-style--popup .current_price span.money { color: #19110b; }.thumbnail.quick-shop-style--popup .sale .current_price span.money { color: #9b7e4b; } .thumbnail.thumbnail-hover-enabled--true .price--sale > span.money { color: #9b7e4b; } .thumbnail.thumbnail-hover-enabled--true .compare-at-price span.money { color: #19110b; } .thumbnail.thumbnail-hover-enabled--true .free-price-text { color: #9b7e4b; } .thumbnail-hover-enabled--false .current_price span.money { color: #19110b; }/* Product banners */ .new { position: relative; display: inline; padding: 5px; border-radius: 2px; font-size: 12px; }/* Sold out and coming soon text */ .thumbnail .sold_out, .thumbnail .coming-soon { color: #19110b; } .thumbnail-overlay .sold_out, .thumbnail-overlay .coming-soon { color: #ffffff; } /* Sale text */ .sale, .sale span, .free, .thumbnail .sale { color: #9b7e4b; } a.secondary_button, input.secondary_button { display: block; padding: 15px 0; text-align: center; border-top: solid 1px #f5f6f3; border-bottom: solid 1px #f5f6f3; margin: 10px 0; font-family: "Roboto Condensed", sans-serif; font-weight: 400; font-style: normal; font-size: 15px; text-transform: none; letter-spacing: 1px; color: #9b7e4b; -webkit-appearance: none; appearance: none; } a.secondary_button:hover, a.secondary_button:active, a.secondary_button:visited, input.secondary_button:hover, input.secondary_button:active, input.secondary_button:visited { color: #19110b; } .thumbnail .price, .thumbnail .title { margin-bottom: 5px; font-size: inherit; line-height: 1.2; } .thumbnail .title { display: block; } .thumbnail .price.has-unit-price { margin-bottom: 0; } @media only screen and (max-width: 480px) { .thumbnail .current_price .money { color: #19110b; } } .cart_price { float: right; text-align: right; padding-left: 20px; font-weight: bold; display: none; } .excluding_tax, #estimated-shipping { display: block; } .cart_page_image { text-align: center; margin: 10px 0 20px; display: block; } .cart_page_image img { width: 100%; display: block; } @media screen and (min-width: 1024px) { .cart_page_image img { width: 70%; } } .cart_content_info { padding: 0; } .cart_content_info h5 { padding: 0; margin-bottom: 10px; margin-top: 0; } .cart_content_info .price_total { clear: both; padding: 0; margin-bottom: 20px; font-size: 20px; } .subtotal { padding-top: 20px; padding-left: 40px; } @media only screen and (max-width: 798px) { .subtotal { padding-left: 0; } } .continue-shopping { display: block; color: #9b7e4b; text-align: center; font-family: "Roboto Condensed", sans-serif; font-weight: normal; font-style: normal; font-size: 15px; text-transform: uppercase; letter-spacing: 1px; margin-top: 20px; } .continue-shopping:hover, .continue-shopping:active, .continue-shopping:focus { color: #a48242; } .subtotal_amount { font-size: 1.4em; font-weight: bold; } button.update { width: 30%; float: right; } .price_total_text { font-weight: normal; display: none; } .was_price, .was_price span { text-decoration: line-through; color: #19110b; text-shadow: none; font-weight: normal; } .cart_savings { text-align: left; font-weight: bold; font-size:20px; } .savings { font-size: 16px; display: block; } .thumbnails a { display: block; margin-bottom: 1em; } .arrow { position: relative; top: -1px; left: 2px; opacity: 0.6; } .modal { margin: 10px 0; display: none; background-color: #ffffff; } .modal_product { width: auto; line-height: 0px; max-width: 940px; } .modal_product img { cursor: pointer; } .modal_image { text-align: center; } .modal a { padding-bottom: 0; } .modal .modal_price, .modal_price { font-size: 20px; margin-bottom: 10px; } .payment-terms-container { margin: 0; width: 100%; } /* These variables are used by shopify-payment-terms */ :root { --color-body-text: #19110b; --color-body: #ffffff; --color-bg: #ffffff; } shopify-payment-terms { display: block; margin-top: 8px; font-size: 16px; } .product--description-top shopify-payment-terms { margin-bottom: 4px; } .product_section .modal_price { display: flex; flex-wrap: wrap; font-size: 24px; line-height: 1.3; } .product_section .modal_price .price__container, .product_section .modal_price .sold-out__container { display: inline-block; } .product_section .modal_price .price__container--display-price-true.has-margin-right { margin-right: 10px; } .product_section .modal_price .sold_out__container { min-width: 150px; } .product_section .modal_price .sold-out-price.has-margin-right { margin-right: 5px; } .modal form { margin-bottom: 10px; } .product_image_col { margin-top: 15px; text-align: center; } .meta { font-size: 13px; } .meta p { font-size: 13px; margin-bottom: 0px; } p.meta { margin-bottom: 10px; } .comment-body p.meta { margin-bottom: 5px; } .comment-body h6 { padding: 0; } .sidebar_title { padding-bottom: 0px; } .shopify-section--blog-template h2 { margin-bottom: 0; line-height: 1.2; } .shopify-section--blog-template h2 a { color: #19110b; } .blog_meta { margin-bottom: 0; } .blog_meta span { position: relative; display: inline-block; margin-right: 15px; font-size: smaller; color: #19110b; } .blog_meta span:after { content: ""; position: absolute; right: -16px; top: 50%; margin: -1px 5px 0; width: 4px; height: 4px; border-radius: 2px; background-color: #19110b; } .blog_meta span:last-child:after { background-color: transparent; } .tags span a { color: #9b7e4b; } .article-wrap { padding-bottom: 25px; } @media only screen and (min-width: 799px) { .article-wrap .article__title { margin-top: 0; } } .read-more-link { margin-top: 10px; margin-bottom: 25px; display: inline-block; } .article h3.sub_title { letter-spacing: 0; margin: 10px auto 0; } .article_content { margin-top: 20px; } .excerpt { line-height: 1.5; margin: 1em 0; } #contact_form .newsletter-form__sign-up { display: inline-block; width: 120px; padding-left: 0; padding-right: 0; float: none; } body.article { padding-bottom: 0; } .toggle span { color: #19110b; font-weight: bold; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: smaller; float: right; display: none; } .sidebar .blog_search { margin: 15px 0; } .sidebar .blog_search input { width: 100%; }.sidebar .blog_search input { border-radius: 3px; }.label, .meta .label { color: #19110b; } .blog_meta, .blog_meta a { color: #19110b; } .blog_meta a:hover { color: #19110b; } .count { font-style: normal; font-size: 13px; } .checkout { display: block; float: right; margin-top: 0px; } .additional-checkout-buttons { text-align: center; margin-top: 0; } .additional-checkout-buttons > *:not(script) { padding: 10px 0 0 10px; vertical-align: top; line-height: 1; } @media only screen and (max-width: 480px) { .additional-checkout-buttons > *:not(script) { padding: 10px 0 0 5px; } } .additional-checkout-buttons > *:not(script):first-child, .additional-checkout-buttons > *:not(script):empty { padding-left: 0px; } .or { line-height: 40px; font-style: normal; font-size: 14px; padding: 0 10px; text-align: center; } @media only screen and (max-width: 480px) { .or { line-height: initial; text-align: left; } } .comment { margin-bottom: 20px; } /* Author Bio + Social Share Buttons */ .author_share_wrap { width: 100%; border-top: 1px solid #f5f6f3; min-height: 40px; padding: 15px 0; margin-top: 15px; overflow: auto; } .blog_author { width: 60%; float: left; } @media only screen and (max-width: 798px) { .blog_author { width: 100%; border-bottom: 1px solid #f5f6f3; padding-bottom: 15px; } } .blog_author img { width: 80px; height: 80px; border: 1px solid #f5f6f3; float: left; margin-right: 15px; } .author_bio { text-align: left; } .author_bio h6 { padding-top: 0; } .author_bio p { font-size: 0.9em; } .blog_share { width: 38%; float: right; text-align: right; } @media only screen and (max-width: 798px) { .blog_share { width: 100%; float: left; } } .red { color: #C33; } .address p { margin-bottom: 5px; } div#disqus_thread ul, div#disqus_thread li { border: none; } .search_page { padding: 100px 0; } @media only screen and (max-width: 798px) { .search_page { padding: 50px 0; } } /* #Swatch Styles ================================================== */ .swatch-element.swatch--active { border-color: black; box-shadow: 0px 0px 0px 2px white; } .selector-wrapper label { margin-bottom: 0.5em; }.collection_swatches { margin-top: 0.5rem; } .collection_swatches .swatch { display: inline-block; padding: 1px; line-height: 0; } .collection_swatches .swatch:hover { border-color: black; } .collection_swatches .swatch span { width: 34px; min-width: 34px; height: 34px; float: none; display: inline-block; border: #e2e2e2 1px solid; background-clip: padding-box; background-position: center; background-size: cover; }.collection_swatches .swatch span { border-radius: 50%; }/* .woox-accessories-inner .collection_swatches .swatch { border: 1px solid transparent; border-radius: 50%; } */ .woox-accessories-inner .collection_swatches .swatch.active { border-color: currentColor; } .woox-accessories-inner .woox-acc-options { gap: 0; gap: 0 10px; display: flex; flex-direction: row; flex-wrap: wrap; } .woox-accessories-inner .woox-acc-options > div { width: calc(50% - 5px); flex-grow: 1; } /* #Sidebar ================================================== */ .faceted-filter-group-summary__active-count { margin: 0 auto 0 0.5rem; } .faceted-filter-form { margin: 0; } .faceted-filter-group-display { margin: 0 0 20px; } .sidebar-block__heading { margin: 0; padding: var(--sidebar-block-padding) 0; } .sidebar-block--first .sidebar-block__heading { padding-top: 0; } .faceted-filter-group-display__header, .sidebar-block__heading { display: flex; justify-content: space-between; } .faceted-filter-group-display__header { margin-bottom: 10px; } .sidebar-block__heading { display: flex; align-items: center; } .sidebar-block .sidebar-block-toggle-icon { margin-left: auto; transition: transform 200ms linear; } @media only screen and (min-width: 799px) { .toggle-all--false .sidebar-block .sidebar-block-toggle-icon { display: none; } } .sidebar-block[open] .sidebar-block-toggle-icon { transform: rotateX(180deg); } .toggle-all--false .sidebar-block summary { pointer-events: none; } @media only screen and (max-width: 798px) { .toggle-all--false .sidebar-block summary { pointer-events: all; } } .sidebar-block summary { cursor: pointer; } .sidebar { --sidebar-block-padding: 15px; --sidebar-left-safe-area: 10px; } .sidebar .faceted-active-filters__clear, .sidebar .faceted-active-filters__remove-filter { padding: 8px 15px; } .sidebar .faceted-active-filters__clear .x-icon, .sidebar .faceted-active-filters__remove-filter .x-icon { color: inherit; margin-right: 5px; top: 0; } .sidebar .faceted-filter-group-display__header-clear { color: #9b7e4b; } .sidebar .faceted-filter-group-display__header-clear:hover, .sidebar .faceted-filter-group-display__header-clear:visited, .sidebar .faceted-filter-group-display__header-clear:active { color: #9b7e4b; } .faceted-filter-group-display__list { list-style: none; padding-left: 0; margin: 0; } .faceted-filter-group-display__list-item { margin: 0; } .faceted-filter-group-display__list-item-input { position: absolute; opacity: 0; cursor: pointer; } .faceted-filter-group-display__list-item-label { margin: 0; padding: 4px 0; display: flex; align-items: center; width: 100%; } .faceted-filter-group-display__list-item-label-text { padding-left: 12px; font-weight: initial; font-size: 15px; cursor: pointer; color: #19110b; } .faceted-filter-group-display__list-item-label-text:hover { color: #9b7e4b; } .faceted-filter-group-display__list-item-input:checked ~ .faceted-filter-group-display__list-item-label-text { font-weight: bold; } .faceted-filter-group-display__list-item-input:disabled ~ * { opacity: 0.5; } .faceted-filter-group-display__checkmark { stroke-width: 2; min-width: 14px; border: 1px solid #f5f6f3; cursor: pointer; transition: border-color 100ms, background 100ms; } .faceted-filter-group-display__list-item-input:focus ~ .faceted-filter-group-display__checkmark { box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #9b7e4b; } .faceted-filter-group-display__list-item-input:checked ~ .faceted-filter-group-display__checkmark { stroke: #ffffff; background: #9b7e4b; border-color: #9b7e4b; } .faceted-filter-group-display__list-item-input:disabled ~ .faceted-filter-group-display__checkmark { cursor: not-allowed; } .faceted-filter-group-display__price-range { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 15px; } .faceted-filter-group-display__price-range-from, .faceted-filter-group-display__price-range-to { display: grid; grid-template-columns: auto 1fr; align-items: center; grid-column-gap: 5px; } .faceted-filter-group-display__price-range-from .faceted-filter-group-display__price-range-input, .faceted-filter-group-display__price-range-to .faceted-filter-group-display__price-range-input { margin: 0; } .faceted-filter-group-display__price-range-label { grid-column: span 2; margin: 0; } .faceted-filter-group-display__submit { margin-top: 20px; } .js .faceted-filter-group-display__list-submit { display: none; } .faceted-active-filters { display: flex; flex-wrap: wrap; gap: 5px; padding: 15px 0; border-bottom: 1px solid #f5f6f3; } .sidebar-block--first .faceted-active-filters { padding-top: 0; } .content-wrapper { width: 100%; } @media only screen and (max-width: 798px) { .sidebar { width: 100% !important; /* To overwrite desktop styles set inside of section */ margin-bottom: 30px; } .has-sidebar-option { width: 100% !important; /* To overwrite desktop styles set inside of section */ } } /* Fancybox */ .fancybox-bg { opacity: 1; background-color: rgba(43, 46, 56, 0.9); } @media only screen and (max-width: 480px) { .fancybox-bg { background-color: rgba(255, 255, 255, 0.99); } } @media only screen and (min-width: 481px) { .fancybox-toolbar { display: none; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .fancybox-slide { padding: 44px 0; } } /* Add border around images */ @media only screen and (min-width: 481px) { .fancybox-slide--image { padding: 44px; } } .fancybox-slide--image .fancybox-image { object-fit: contain; height: 100%; } .fancybox-slide--image .fancybox-image-wrap { position: absolute; width: 100%; height: 100%; } .fancybox-slide--image .fancybox-content { padding: 0; background-color: white; } @media only screen and (min-width: 481px) { .fancybox-slide--image .fancybox-content { box-shadow: 0px 0px 0px 30px white; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .fancybox-slide--image .fancybox-content { position: relative !important; width: 100%; height: 100%; } } .fancybox-slide--image .fancybox-close-small { top: -30px; right: -30px; } .fancybox-is-scaling .fancybox-image-wrap, .fancybox-can-pan .fancybox-image-wrap { width: 100%; height: 100%; margin: 0; } /* Hide elements while zooming or when zoomed-in */ .fancybox-is-scaling .fancybox-item, .fancybox-can-pan .fancybox-item { display: none !important; } /* Style close button */ .fancybox-close, .fancybox-slide--html .fancybox-close-small { position: absolute; top: 0px; right: 0px; width: 36px; height: 36px; z-index: 2; color: #000000; background-color: transparent; } .fancybox-close svg, .fancybox-slide--html .fancybox-close-small svg { display: none; } .fancybox-close:hover, .fancybox-slide--html .fancybox-close-small:hover { color: #000000; } @media only screen and (max-width: 480px) { .fancybox-close, .fancybox-slide--html .fancybox-close-small { display: none; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .fancybox-close, .fancybox-slide--html .fancybox-close-small { display: block !important; } } .fancybox-close:before, .fancybox-slide--html .fancybox-close-small:before { font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important; font-size: 25px; line-height: 35px; position: absolute; top: 0; left: 0; display: block; width: 35px; content: "×"; text-align: center; } .fancybox-button { min-height: auto; } @media only screen and (max-width: 480px) { .fancybox-button { background-color: white; } .fancybox-button svg path { fill: #95979c; } } /* Style navigation elements */ .fancybox-content:hover .fancybox-nav { opacity: 1; } .fancybox-nav { transition: opacity 0.2s linear; opacity: 0; position: absolute; top: 0; width: 50px; height: 100%; cursor: pointer; text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); display: flex; justify-content: center; align-items: center; }.fancybox-nav span { pointer-events: none; } .fancybox-nav svg path { fill: #19110b; } .fancybox-next { right: 0; } .fancybox-prev { left: 0; }.fancybox-nav span { position: absolute; width: 36px; height: 36px; cursor: pointer; } @media only screen and (max-width: 1024px) { .touchevents .fancybox-nav { display: none; } } /* #Footer ================================================== */ .footer { padding: 20px 0; pointer-events: all; font-size: 12px; border-top: solid 1px #19110b; background-color: #19110b; background-position: center center; color: #ffffff; }.footer .input-row { flex-direction: column; margin-left: 0px; margin-right: 0px; } .footer .input-row input { margin: 5px 0; } .footer-text .toggle_content { padding-top: 15px; } .no-footer-title.footer-text .toggle_content { padding-top: 0; } @media only screen and (max-width: 798px) { .no-footer-title.footer-text .toggle_content { display: block; padding-top: 20px; } } /* If no shop logo used, apply text styling as per theme settings */ .footer .logo { color: #ffffff !important; font-size: 20px; margin-top: 0; margin-bottom: 20px; line-height: 1; width: 100%; word-wrap: break-word; float: none; } @media only screen and (max-width: 798px) { .footer .logo { text-align: center; } } img.footer-logo { width: 75%; max-width: 250px; margin-bottom: 10px; display: inline-block; } @media only screen and (max-width: 798px) { img.footer-logo { max-width: 50% !important; margin: 0 25% 25px; } } .footer .empty-column { width: 100%; height: 1px; } .footer .footer-menu-wrap h6 { margin: 0; padding: 0 0 5px 0; color: #ffffff; font-size: 18px; } @media only screen and (max-width: 798px) { .footer .footer-menu-wrap h6 { border-top: 1px solid #19110b; margin-bottom: 5px; padding: 10px 0 5px; } } .footer .footer-menu-wrap h6 > span { display: none; } @media only screen and (max-width: 798px) { .footer .footer-menu-wrap h6 > span { display: inline-block; transition: transform 0.3s linear; perspective: 1000; } } @media only screen and (min-width: 799px) { .footer .toggle_content { display: block !important; /* Override display: none from mobile view */ } } .footer a, .footer a:visited { color: #ffffff; font-size: 12px; } .footer a:hover, .footer a:active { color: #ffffff; } .footer ul { list-style: none; margin: 0; padding: 15px 0 0 0; } .footer ul li { margin-bottom: 1em; line-height: 1.1; } .footer form { margin-bottom: 0; } .footer-menu-wrap { text-align: left; padding-top: 20px; } .page-landing .maps { position: relative; bottom: -7px; } .maps iframe { pointer-events: none; display: block; } .map__placeholder img { object-fit: cover; } .newsletter form { margin-bottom: 0; } .footer_credits { margin-top: 10px; border-top: 1px solid #19110b; } .payment_methods { margin: 10px 0 6px 0; padding-top: 10px; } @media only screen and (min-width: 799px) { .payment_methods { float: right; text-align: right; } } .payment_methods svg { padding-right: 4px; height: 30px; width: 48px; } .payment_methods svg:last-of-type { padding-right: 0px; } .credits { text-align: left; padding-top: 20px; } @media only screen and (min-width: 799px) { .credits { float: left; } } /* Currency / language switcher in footer */ @media only screen and (max-width: 798px) { .footer-menu__disclosure { justify-content: flex-start; } } .footer-menu__disclosure .selectors-form__item:last-of-type .disclosure__toggle { margin-right: 0; } .footer-menu__disclosure .disclosure { padding-top: 16px; margin-top: -8px; min-height: 44px; } .footer-menu__disclosure .disclosure__toggle { display: flex; align-items: center; color: #333333; padding: 0 10px; background-color: white; color: #19110b; font-size: 16px; font-family: Roboto, sans-serif; font-weight: 400; font-style: normal; text-transform: uppercase; text-align: left; padding: 10px; } .footer-menu__disclosure .disclosure__toggle.is-clicked { color: #19110b; } .footer-menu__disclosure .disclosure__toggle.is-clicked:focus { color: #19110b; } .footer-menu__disclosure .disclosure-list { background-color: white; padding-top: 0; } .footer-menu__disclosure .disclosure-list__item { margin-bottom: 0; } .footer-menu__disclosure button.disclosure__button { color: #19110b; font-size: 16px; font-family: Roboto, sans-serif; font-weight: 400; font-style: normal; text-transform: uppercase; } .footer-menu__disclosure button.disclosure__button:hover, .footer-menu__disclosure button.disclosure__button[aria-current=true] { opacity: 0.5; } h6 span, h4 span, .sublink span { transition: transform 0.3s linear; perspective: 1000; } .footer-menu-wrap, #mobile_menu, .sidebar { transform: translate3d(0, 0, 0); } .footer-menu-wrap span.active, .footer-menu-wrap .active > .icon-down-arrow, #mobile_menu span.active, #mobile_menu .active > .icon-down-arrow, .sidebar span.active, .sidebar .active > .icon-down-arrow { transform: rotateX(180deg); } .sidebar span.menu-toggle { float: right; display: inline-block; cursor: pointer; padding: 0 6px 0 6px; margin-right: 0; transition: transform 0.3s linear; perspective: 1000; transform: none; } .sidebar span.menu-toggle.active { transform: rotateX(180deg); } /* Footer and mobile menu accordion (mobile only) */ @media only screen and (max-width: 798px) { .footer-menu-wrap h6, .sidebar h6, #mobile_menu h6 { padding-top: 8px; cursor: pointer; border-top: 1px solid #ffffff; margin-top: 0; } .footer-menu-wrap h6 span, .footer-menu-wrap h4 span, .footer-menu-wrap .sublink span, .sidebar h6 span, .sidebar h4 span, .sidebar .sublink span, #mobile_menu h6 span, #mobile_menu h4 span, #mobile_menu .sublink span { display: inline-block; transition: transform 0.3s linear; perspective: 1000; } .footer-menu-wrap .columns > ul, .sidebar .columns > ul, #mobile_menu .columns > ul { display: none; padding-left: 20px; } .footer-menu-wrap .columns > ul li, .sidebar .columns > ul li, #mobile_menu .columns > ul li { line-height: 1.7; } .toggle_content { display: none; padding: 0 20px; } } @media only screen and (min-width: 799px) { h4.toggle { pointer-events: none; } .footer-menu-wrap h6 { pointer-events: none; } .footer-menu-wrap .columns > ul { /* Required to overwrite inline display:none from createAccordion(); */ display: block !important; } } /* Promo banner */ .header .promo-banner a, .header .promo-banner a:visited a:hover, #header .promo-banner a, #header .promo-banner a:visited a:hover { color: #19110b; } .promo-banner { background-color: #f5f6f3; text-align: center; color: #19110b; font-size: 12px; position: relative; width: 100%; height: 0; line-height: 0; z-index: 5000; top: 0; transition: all 0.3s linear; overflow: hidden; } .promo-banner .promo-banner__content { margin: 0px auto; padding: 0 1.5rem; } @media only screen and (max-width: 798px) { .promo-banner .promo-banner__content { font-size: 10px; max-height: 50px; } } .promo-banner p { margin-bottom: 0; display: inline; line-height: 1; } .promo-banner .promo-banner__close { position: absolute; top: 0; right: 0; display: block; overflow: visible; width: 35px; height: 35px; margin: 0; padding: 0; cursor: pointer; text-decoration: none; color: #19110b; border: 0; outline: 0; background: transparent; z-index: 1000; } .promo-banner .promo-banner__close:before { font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important; font-size: 20px; line-height: 30px; position: absolute; top: 0; left: 0; display: block; width: 35px; content: "×"; text-align: center; } .promo-banner--show .promo-banner { transition: all 0s linear; height: auto; min-height: 30px; line-height: 1.1; display: flex; align-items: center; } .top-bar { padding-top: 0; position: relative; width: 100%; transition: padding-top 0.3s linear; } @media only screen and (max-width: 480px) { .top-bar { padding-top: 0; } } /* #Plyr ================================================== */ @keyframes plyr-progress { to { background-position: 25px 0; } } @keyframes plyr-popup { 0% { opacity: 0.5; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } @keyframes plyr-fade-in { from { opacity: 0; } to { opacity: 1; } } .plyr { -moz-osx-font-smoothing: auto; -webkit-font-smoothing: subpixel-antialiased; direction: ltr; font-family: Avenir, "Avenir Next", "Helvetica Neue", "Segoe UI", Helvetica, Arial, sans-serif; font-variant-numeric: tabular-nums; font-weight: 500; line-height: 1.7; max-width: 100%; min-width: 50px; position: relative; text-shadow: none; transition: box-shadow 0.3s ease; } .plyr audio, .plyr video { border-radius: inherit; height: auto; vertical-align: middle; width: 100%; } .plyr button { font: inherit; line-height: inherit; width: auto; } .plyr:focus { outline: 0; } .plyr--full-ui { box-sizing: border-box; } .plyr--full-ui *, .plyr--full-ui ::after, .plyr--full-ui ::before { box-sizing: inherit; } .plyr--full-ui a, .plyr--full-ui button, .plyr--full-ui input, .plyr--full-ui label { touch-action: manipulation; } .plyr__badge { background: #4a5764; border-radius: 2px; color: #fff; font-size: 9px; line-height: 1; padding: 3px 4px; } .plyr--full-ui ::-webkit-media-text-track-container { display: none; } .plyr__captions { animation: plyr-fade-in 0.3s ease; bottom: 0; color: #fff; display: none; font-size: 14px; left: 0; padding: 10px; position: absolute; text-align: center; transition: transform 0.4s ease-in-out; width: 100%; } .plyr__captions .plyr__caption { background: rgba(0, 0, 0, 0.8); border-radius: 2px; -webkit-box-decoration-break: clone; box-decoration-break: clone; line-height: 185%; padding: 0.2em 0.5em; white-space: pre-wrap; } .plyr__captions .plyr__caption div { display: inline; } .plyr__captions span:empty { display: none; } @media (min-width: 480px) { .plyr__captions { font-size: 16px; padding: 20px; } } @media (min-width: 768px) { .plyr__captions { font-size: 18px; } } .plyr--captions-active .plyr__captions { display: block; } .plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions { transform: translateY(-40px); } .plyr__control { background: 0 0; border: 0; border-radius: 3px; color: inherit; cursor: pointer; flex-shrink: 0; overflow: visible; padding: 7px; position: relative; transition: all 0.3s ease; } .plyr__control svg { display: block; fill: currentColor; height: 18px; pointer-events: none; width: 18px; } .plyr__control:focus { outline: 0; } .plyr__control.plyr__tab-focus { box-shadow: 0 0 0 5px rgba(0, 179, 255, 0.5); outline: 0; } a.plyr__control { text-decoration: none; } a.plyr__control::after, a.plyr__control::before { display: none; } .plyr__control.plyr__control--pressed .icon--not-pressed, .plyr__control.plyr__control--pressed .label--not-pressed, .plyr__control:not(.plyr__control--pressed) .icon--pressed, .plyr__control:not(.plyr__control--pressed) .label--pressed { display: none; } .plyr--audio .plyr__control.plyr__tab-focus, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded=true] { background: #00b3ff; color: #fff; } .plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true] { background: #00b3ff; color: #fff; } .plyr__control--overlaid { background: rgba(0, 179, 255, 0.8); border: 0; border-radius: 100%; color: #fff; display: none; left: 50%; padding: 15px; position: absolute; top: 50%; transform: translate(-50%, -50%); z-index: 2; } .plyr__control--overlaid svg { left: 2px; position: relative; } .plyr__control--overlaid:focus, .plyr__control--overlaid:hover { background: #00b3ff; } .plyr--playing .plyr__control--overlaid { opacity: 0; visibility: hidden; } .plyr--full-ui.plyr--video .plyr__control--overlaid { display: block; } .plyr--full-ui ::-webkit-media-controls { display: none; } .plyr__controls { align-items: center; display: flex; justify-content: flex-end; text-align: center; } .plyr__controls .plyr__progress__container { flex: 1; min-width: 0; } .plyr__controls .plyr__controls__item { margin-left: 2.5px; } .plyr__controls .plyr__controls__item:first-child { margin-left: 0; margin-right: auto; } .plyr__controls .plyr__controls__item.plyr__progress__container { padding-left: 2.5px; } .plyr__controls .plyr__controls__item.plyr__time { padding: 0 5px; } .plyr__controls .plyr__controls__item.plyr__progress__container:first-child, .plyr__controls .plyr__controls__item.plyr__time + .plyr__time, .plyr__controls .plyr__controls__item.plyr__time:first-child { padding-left: 0; } .plyr__controls .plyr__controls__item.plyr__volume { padding-right: 5px; } .plyr__controls .plyr__controls__item.plyr__volume:first-child { padding-right: 0; } .plyr__controls:empty { display: none; } .plyr--audio .plyr__controls { background: #fff; border-radius: inherit; color: #4a5764; padding: 10px; } .plyr--video .plyr__controls { background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7)); border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; bottom: 0; color: #fff; left: 0; padding: 20px 5px 5px; position: absolute; right: 0; transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out; z-index: 3; } @media (min-width: 480px) { .plyr--video .plyr__controls { padding: 10px; } } .plyr--video.plyr--hide-controls .plyr__controls { opacity: 0; pointer-events: none; transform: translateY(100%); } .plyr [data-plyr=airplay], .plyr [data-plyr=captions], .plyr [data-plyr=fullscreen], .plyr [data-plyr=pip] { display: none; } .plyr--airplay-supported [data-plyr=airplay], .plyr--captions-enabled [data-plyr=captions], .plyr--fullscreen-enabled [data-plyr=fullscreen], .plyr--pip-supported [data-plyr=pip] { display: inline-block; } .plyr__menu { display: flex; position: relative; } .plyr__menu .plyr__control svg { transition: transform 0.3s ease; } .plyr__menu .plyr__control[aria-expanded=true] svg { transform: rotate(90deg); } .plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip { display: none; } .plyr__menu__container { animation: plyr-popup 0.2s ease; background: rgba(255, 255, 255, 0.9); border-radius: 4px; bottom: 100%; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); color: #4a5764; font-size: 16px; margin-bottom: 10px; position: absolute; right: -3px; text-align: left; white-space: nowrap; z-index: 3; } .plyr__menu__container > div { overflow: hidden; transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1); } .plyr__menu__container::after { border: 4px solid transparent; border-top-color: rgba(255, 255, 255, 0.9); content: ""; height: 0; position: absolute; right: 15px; top: 100%; width: 0; } .plyr__menu__container [role=menu] { padding: 7px; } .plyr__menu__container [role=menuitem], .plyr__menu__container [role=menuitemradio] { margin-top: 2px; } .plyr__menu__container [role=menuitem]:first-child, .plyr__menu__container [role=menuitemradio]:first-child { margin-top: 0; } .plyr__menu__container .plyr__control { align-items: center; color: #4a5764; display: flex; font-size: 14px; padding: 4px 11px; -webkit-user-select: none; user-select: none; width: 100%; } .plyr__menu__container .plyr__control > span { align-items: inherit; display: flex; width: 100%; } .plyr__menu__container .plyr__control::after { border: 4px solid transparent; content: ""; position: absolute; top: 50%; transform: translateY(-50%); } .plyr__menu__container .plyr__control--forward { padding-right: 28px; } .plyr__menu__container .plyr__control--forward::after { border-left-color: rgba(74, 87, 100, 0.8); right: 5px; } .plyr__menu__container .plyr__control--forward.plyr__tab-focus::after, .plyr__menu__container .plyr__control--forward:hover::after { border-left-color: currentColor; } .plyr__menu__container .plyr__control--back { font-weight: 500; margin: 7px; margin-bottom: 3px; padding-left: 28px; position: relative; width: calc(100% - 14px); } .plyr__menu__container .plyr__control--back::after { border-right-color: rgba(74, 87, 100, 0.8); left: 7px; } .plyr__menu__container .plyr__control--back::before { background: #c1c9d1; box-shadow: 0 1px 0 #fff; content: ""; height: 1px; left: 0; margin-top: 4px; overflow: hidden; position: absolute; right: 0; top: 100%; } .plyr__menu__container .plyr__control--back.plyr__tab-focus::after, .plyr__menu__container .plyr__control--back:hover::after { border-right-color: currentColor; } .plyr__menu__container .plyr__control[role=menuitemradio] { padding-left: 7px; } .plyr__menu__container .plyr__control[role=menuitemradio]::after, .plyr__menu__container .plyr__control[role=menuitemradio]::before { border-radius: 100%; } .plyr__menu__container .plyr__control[role=menuitemradio]::before { background: rgba(0, 0, 0, 0.1); content: ""; display: block; flex-shrink: 0; height: 16px; margin-right: 10px; transition: all 0.3s ease; width: 16px; } .plyr__menu__container .plyr__control[role=menuitemradio]::after { background: #fff; border: 0; height: 6px; left: 12px; opacity: 0; top: 50%; transform: translateY(-50%) scale(0); transition: transform 0.3s ease, opacity 0.3s ease; width: 6px; } .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before { background: #00b3ff; } .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::after { opacity: 1; transform: translateY(-50%) scale(1); } .plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus::before, .plyr__menu__container .plyr__control[role=menuitemradio]:hover::before { background: rgba(0, 0, 0, 0.1); } .plyr__menu__container .plyr__menu__value { align-items: center; display: flex; margin-left: auto; margin-right: -5px; overflow: hidden; padding-left: 25px; pointer-events: none; } .plyr--full-ui input[type=range] { -webkit-appearance: none; background: 0 0; border: 0; border-radius: 26px; color: #00b3ff; display: block; height: 19px; margin: 0; padding: 0; transition: box-shadow 0.3s ease; width: 100%; } .plyr--full-ui input[type=range]::-webkit-slider-runnable-track { background: 0 0; border: 0; border-radius: 2.5px; height: 5px; -webkit-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease; -webkit-user-select: none; user-select: none; background-image: linear-gradient(to right, currentColor var(--value, 0), transparent var(--value, 0)); } .plyr--full-ui input[type=range]::-webkit-slider-thumb { background: #fff; border: 0; border-radius: 100%; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2); height: 13px; position: relative; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; width: 13px; -webkit-appearance: none; margin-top: -4px; } .plyr--full-ui input[type=range]::-moz-range-track { background: 0 0; border: 0; border-radius: 2.5px; height: 5px; -moz-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease; user-select: none; } .plyr--full-ui input[type=range]::-moz-range-thumb { background: #fff; border: 0; border-radius: 100%; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2); height: 13px; position: relative; -moz-transition: all 0.2s ease; transition: all 0.2s ease; width: 13px; } .plyr--full-ui input[type=range]::-moz-range-progress { background: currentColor; border-radius: 2.5px; height: 5px; } .plyr--full-ui input[type=range]::-ms-track { background: 0 0; border: 0; border-radius: 2.5px; height: 5px; -ms-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease; user-select: none; color: transparent; } .plyr--full-ui input[type=range]::-ms-fill-upper { background: 0 0; border: 0; border-radius: 2.5px; height: 5px; -ms-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease; user-select: none; } .plyr--full-ui input[type=range]::-ms-fill-lower { background: 0 0; border: 0; border-radius: 2.5px; height: 5px; -ms-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease; user-select: none; background: currentColor; } .plyr--full-ui input[type=range]::-ms-thumb { background: #fff; border: 0; border-radius: 100%; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2); height: 13px; position: relative; -ms-transition: all 0.2s ease; transition: all 0.2s ease; width: 13px; margin-top: 0; } .plyr--full-ui input[type=range]::-ms-tooltip { display: none; } .plyr--full-ui input[type=range]:focus { outline: 0; } .plyr--full-ui input[type=range]::-moz-focus-outer { border: 0; } .plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track { box-shadow: 0 0 0 5px rgba(0, 179, 255, 0.5); outline: 0; } .plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track { box-shadow: 0 0 0 5px rgba(0, 179, 255, 0.5); outline: 0; } .plyr--full-ui input[type=range].plyr__tab-focus::-ms-track { box-shadow: 0 0 0 5px rgba(0, 179, 255, 0.5); outline: 0; } .plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track { background-color: rgba(255, 255, 255, 0.25); } .plyr--full-ui.plyr--video input[type=range]::-moz-range-track { background-color: rgba(255, 255, 255, 0.25); } .plyr--full-ui.plyr--video input[type=range]::-ms-track { background-color: rgba(255, 255, 255, 0.25); } .plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5); } .plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5); } .plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5); } .plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track { background-color: rgba(193, 201, 209, 0.66); } .plyr--full-ui.plyr--audio input[type=range]::-moz-range-track { background-color: rgba(193, 201, 209, 0.66); } .plyr--full-ui.plyr--audio input[type=range]::-ms-track { background-color: rgba(193, 201, 209, 0.66); } .plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1); } .plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1); } .plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1); } .plyr__poster { background-color: #000; background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; transition: opacity 0.2s ease; width: 100%; z-index: 1; } .plyr--stopped.plyr__poster-enabled .plyr__poster { opacity: 1; } .plyr__time { font-size: 14px; } .plyr__time + .plyr__time::before { content: "⁄"; margin-right: 10px; } @media (max-width: 767px) { .plyr__time + .plyr__time { display: none; } } .plyr--video .plyr__time { text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); } .plyr__tooltip { background: rgba(255, 255, 255, 0.9); border-radius: 3px; bottom: 100%; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); color: #4a5764; font-size: 14px; font-weight: 500; left: 50%; line-height: 1.3; margin-bottom: 10px; opacity: 0; padding: 5px 7.5px; pointer-events: none; position: absolute; transform: translate(-50%, 10px) scale(0.8); transform-origin: 50% 100%; transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease; white-space: nowrap; z-index: 2; } .plyr__tooltip::before { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid rgba(255, 255, 255, 0.9); bottom: -4px; content: ""; height: 0; left: 50%; position: absolute; transform: translateX(-50%); width: 0; z-index: 2; } .plyr .plyr__control.plyr__tab-focus .plyr__tooltip, .plyr .plyr__control:hover .plyr__tooltip, .plyr__tooltip--visible { opacity: 1; transform: translate(-50%, 0) scale(1); } .plyr .plyr__control:hover .plyr__tooltip { z-index: 3; } .plyr__controls > .plyr__control:first-child .plyr__tooltip, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip { left: 0; transform: translate(0, 10px) scale(0.8); transform-origin: 0 100%; } .plyr__controls > .plyr__control:first-child .plyr__tooltip::before, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip::before { left: 16px; } .plyr__controls > .plyr__control:last-child .plyr__tooltip { left: auto; right: 0; transform: translate(0, 10px) scale(0.8); transform-origin: 100% 100%; } .plyr__controls > .plyr__control:last-child .plyr__tooltip::before { left: auto; right: 16px; transform: translateX(50%); } .plyr__controls > .plyr__control:first-child .plyr__tooltip--visible, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip--visible, .plyr__controls > .plyr__control:first-child + .plyr__control.plyr__tab-focus .plyr__tooltip, .plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip, .plyr__controls > .plyr__control:first-child.plyr__tab-focus .plyr__tooltip, .plyr__controls > .plyr__control:first-child:hover .plyr__tooltip, .plyr__controls > .plyr__control:last-child .plyr__tooltip--visible, .plyr__controls > .plyr__control:last-child.plyr__tab-focus .plyr__tooltip, .plyr__controls > .plyr__control:last-child:hover .plyr__tooltip { transform: translate(0, 0) scale(1); } .plyr--video { background: #000; overflow: hidden; } .plyr--video.plyr--menu-open { overflow: visible; } .plyr__video-wrapper { background: #000; border-radius: inherit; overflow: hidden; position: relative; z-index: 0; } .plyr__video-embed, .plyr__video-wrapper--fixed-ratio { height: 0; padding-bottom: 56.25%; } .plyr__video-embed iframe, .plyr__video-wrapper--fixed-ratio video { border: 0; height: 100%; left: 0; position: absolute; top: 0; -webkit-user-select: none; user-select: none; width: 100%; } .plyr--full-ui .plyr__video-embed > .plyr__video-embed__container { padding-bottom: 240%; position: relative; transform: translateY(-38.28125%); } .plyr__progress { left: 6.5px; margin-right: 13px; position: relative; } .plyr__progress input[type=range], .plyr__progress__buffer { margin-left: -6.5px; margin-right: -6.5px; width: calc(100% + 13px); } .plyr__progress input[type=range] { position: relative; z-index: 2; } .plyr__progress .plyr__tooltip { font-size: 14px; left: 0; } .plyr__progress__buffer { -webkit-appearance: none; background: 0 0; border: 0; border-radius: 100px; height: 5px; left: 0; margin-top: -2.5px; padding: 0; position: absolute; top: 50%; } .plyr__progress__buffer::-webkit-progress-bar { background: 0 0; } .plyr__progress__buffer::-webkit-progress-value { background: currentColor; border-radius: 100px; min-width: 5px; -webkit-transition: width 0.2s ease; transition: width 0.2s ease; } .plyr__progress__buffer::-moz-progress-bar { background: currentColor; border-radius: 100px; min-width: 5px; -moz-transition: width 0.2s ease; transition: width 0.2s ease; } .plyr__progress__buffer::-ms-fill { border-radius: 100px; -ms-transition: width 0.2s ease; transition: width 0.2s ease; } .plyr--video .plyr__progress__buffer { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); color: rgba(255, 255, 255, 0.25); } .plyr--audio .plyr__progress__buffer { color: rgba(193, 201, 209, 0.66); } .plyr--loading .plyr__progress__buffer { animation: plyr-progress 1s linear infinite; background-image: linear-gradient(-45deg, rgba(35, 41, 47, 0.6) 25%, transparent 25%, transparent 50%, rgba(35, 41, 47, 0.6) 50%, rgba(35, 41, 47, 0.6) 75%, transparent 75%, transparent); background-repeat: repeat-x; background-size: 25px 25px; color: transparent; } .plyr--video.plyr--loading .plyr__progress__buffer { background-color: rgba(255, 255, 255, 0.25); } .plyr--audio.plyr--loading .plyr__progress__buffer { background-color: rgba(193, 201, 209, 0.66); } .plyr__volume { align-items: center; display: flex; flex: 1; position: relative; } .plyr__volume input[type=range] { margin-left: 5px; position: relative; z-index: 2; } @media (min-width: 480px) { .plyr__volume { max-width: 90px; } } @media (min-width: 768px) { .plyr__volume { max-width: 110px; } } .plyr--is-ios .plyr__volume { display: none !important; } .plyr--is-ios.plyr--vimeo [data-plyr=mute] { display: none !important; } .plyr:-webkit-full-screen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; } .plyr:fullscreen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; } .plyr:-webkit-full-screen video { height: 100%; } .plyr:fullscreen video { height: 100%; } .plyr:-webkit-full-screen .plyr__video-wrapper { height: 100%; position: static; } .plyr:fullscreen .plyr__video-wrapper { height: 100%; position: static; } .plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper { height: 0; position: relative; top: 50%; transform: translateY(-50%); } .plyr:fullscreen.plyr--vimeo .plyr__video-wrapper { height: 0; position: relative; top: 50%; transform: translateY(-50%); } .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen { display: block; } .plyr:fullscreen .plyr__control .icon--exit-fullscreen { display: block; } .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg { display: none; } .plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg { display: none; } .plyr:-webkit-full-screen.plyr--hide-controls { cursor: none; } .plyr:fullscreen.plyr--hide-controls { cursor: none; } @media (min-width: 1024px) { .plyr:-webkit-full-screen .plyr__captions { font-size: 21px; } .plyr:fullscreen .plyr__captions { font-size: 21px; } } .plyr:-webkit-full-screen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; } .plyr:-webkit-full-screen video { height: 100%; } .plyr:-webkit-full-screen .plyr__video-wrapper { height: 100%; position: static; } .plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper { height: 0; position: relative; top: 50%; transform: translateY(-50%); } .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen { display: block; } .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg { display: none; } .plyr:-webkit-full-screen.plyr--hide-controls { cursor: none; } @media (min-width: 1024px) { .plyr:-webkit-full-screen .plyr__captions { font-size: 21px; } } .plyr:-moz-full-screen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; } .plyr:-moz-full-screen video { height: 100%; } .plyr:-moz-full-screen .plyr__video-wrapper { height: 100%; position: static; } .plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper { height: 0; position: relative; top: 50%; transform: translateY(-50%); } .plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen { display: block; } .plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen + svg { display: none; } .plyr:-moz-full-screen.plyr--hide-controls { cursor: none; } @media (min-width: 1024px) { .plyr:-moz-full-screen .plyr__captions { font-size: 21px; } } .plyr:-ms-fullscreen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; } .plyr:-ms-fullscreen video { height: 100%; } .plyr:-ms-fullscreen .plyr__video-wrapper { height: 100%; position: static; } .plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper { height: 0; position: relative; top: 50%; transform: translateY(-50%); } .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen { display: block; } .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg { display: none; } .plyr:-ms-fullscreen.plyr--hide-controls { cursor: none; } @media (min-width: 1024px) { .plyr:-ms-fullscreen .plyr__captions { font-size: 21px; } } .plyr--fullscreen-fallback { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 10000000; } .plyr--fullscreen-fallback video { height: 100%; } .plyr--fullscreen-fallback .plyr__video-wrapper { height: 100%; position: static; } .plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper { height: 0; position: relative; top: 50%; transform: translateY(-50%); } .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen { display: block; } .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg { display: none; } .plyr--fullscreen-fallback.plyr--hide-controls { cursor: none; } @media (min-width: 1024px) { .plyr--fullscreen-fallback .plyr__captions { font-size: 21px; } } .plyr__ads { border-radius: inherit; bottom: 0; cursor: pointer; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; z-index: -1; } .plyr__ads > div, .plyr__ads > div iframe { height: 100%; position: absolute; width: 100%; } .plyr__ads::after { background: rgba(35, 41, 47, 0.8); border-radius: 2px; bottom: 10px; color: #fff; content: attr(data-badge-text); font-size: 11px; padding: 2px 6px; pointer-events: none; position: absolute; right: 10px; z-index: 3; } .plyr__ads::after:empty { display: none; } .plyr__cues { background: currentColor; display: block; height: 5px; left: 0; margin: -2.5px 0 0; opacity: 0.8; position: absolute; top: 50%; width: 3px; z-index: 3; } .plyr__preview-thumb { background-color: rgba(255, 255, 255, 0.9); border-radius: 3px; bottom: 100%; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); margin-bottom: 10px; opacity: 0; padding: 3px; pointer-events: none; position: absolute; transform: translate(0, 10px) scale(0.8); transform-origin: 50% 100%; transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease; z-index: 2; } .plyr__preview-thumb--is-shown { opacity: 1; transform: translate(0, 0) scale(1); } .plyr__preview-thumb::before { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid rgba(255, 255, 255, 0.9); bottom: -4px; content: ""; height: 0; left: 50%; position: absolute; transform: translateX(-50%); width: 0; z-index: 2; } .plyr__preview-thumb__image-container { background: #c1c9d1; border-radius: 2px; overflow: hidden; position: relative; z-index: 0; } .plyr__preview-thumb__image-container img { height: 100%; left: 0; max-height: none; max-width: none; position: absolute; top: 0; width: 100%; } .plyr__preview-thumb__time-container { bottom: 6px; left: 0; position: absolute; right: 0; white-space: nowrap; z-index: 3; } .plyr__preview-thumb__time-container span { background-color: rgba(0, 0, 0, 0.55); border-radius: 2px; color: #fff; font-size: 14px; padding: 3px 6px; } .plyr__preview-scrubbing { bottom: 0; filter: blur(1px); height: 100%; left: 0; margin: auto; opacity: 0; overflow: hidden; position: absolute; right: 0; top: 0; transition: opacity 0.3s ease; width: 100%; z-index: 1; } .plyr__preview-scrubbing--is-shown { opacity: 1; } .plyr__preview-scrubbing img { height: 100%; left: 0; max-height: none; max-width: none; object-fit: contain; position: absolute; top: 0; width: 100%; } .plyr--no-transition { transition: none !important; } .plyr__sr-only { clip: rect(1px, 1px, 1px, 1px); overflow: hidden; border: 0 !important; height: 1px !important; padding: 0 !important; position: absolute !important; width: 1px !important; } .plyr [hidden] { display: none !important; } /* #Model Viewer ================================================== */ .shopify-model-viewer-ui { position: relative; display: block; cursor: pointer; } .shopify-model-viewer-ui model-viewer { transform: translateZ(0); z-index: 1; } .shopify-model-viewer-ui model-viewer.shopify-model-viewer-ui__disabled { pointer-events: none; } .shopify-model-viewer-ui.shopify-model-viewer-ui--fullscreen model-viewer { position: relative; width: 100vw; height: 100vh; } .shopify-model-viewer-ui.shopify-model-viewer-ui--fullscreen .shopify-model-viewer-ui__control-icon--exit-fullscreen { display: block; } .shopify-model-viewer-ui.shopify-model-viewer-ui--fullscreen .shopify-model-viewer-ui__control-icon--enter-fullscreen { display: none; } .shopify-model-viewer-ui.shopify-model-viewer-ui--desktop.shopify-model-viewer-ui--child-focused .shopify-model-viewer-ui__controls-area, .shopify-model-viewer-ui.shopify-model-viewer-ui--desktop:hover .shopify-model-viewer-ui__controls-area { opacity: 1; } .shopify-model-viewer-ui:not(.shopify-model-viewer-ui--desktop) .shopify-model-viewer-ui__controls-area { display: none; } .shopify-model-viewer-ui .shopify-model-viewer-ui__controls-overlay { position: absolute; width: 100%; height: 100%; top: 0; } .shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area { display: flex; flex-direction: column; background: #fff; opacity: 0; border: 1px solid rgba(0, 0, 0, 0.05); position: absolute; bottom: 10px; right: 10px; z-index: 1; transition: opacity 0.1s linear; } .shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area:not(.shopify-model-viewer-ui__controls-area--playing) { display: none; } .shopify-model-viewer-ui .shopify-model-viewer-ui__button { color: #3a3a3a; border-radius: 0; border: none; margin: 0; cursor: pointer; } .shopify-model-viewer-ui .shopify-model-viewer-ui__button:not(.focus-visible) { outline: 0; } .shopify-model-viewer-ui .shopify-model-viewer-ui__button--control { padding: 0; height: 44px; width: 44px; background: 0 0; position: relative; } .shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:hover { color: rgba(0, 0, 0, 0.55); } .shopify-model-viewer-ui .shopify-model-viewer-ui__button--control.focus-visible:focus, .shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:active { color: rgba(0, 0, 0, 0.55); background: rgba(0, 0, 0, 0.05); } .shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:not(:last-child):after { position: absolute; content: ""; border-bottom: 1px solid rgba(0, 0, 0, 0.05); width: 28px; bottom: 0; right: 8px; } .shopify-model-viewer-ui .shopify-model-viewer-ui__control-icon { width: 44px; height: 44px; fill: none; } .shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster { background: #fff; position: absolute; border: 1px solid rgba(0, 0, 0, 0.05); top: 50%; left: 50%; padding: 0; transform: translate3d(-50%, -50%, 0); height: 62px; width: 62px; z-index: 1; } .shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:focus, .shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:hover { color: rgba(0, 0, 0, 0.55); } .shopify-model-viewer-ui .shopify-model-viewer-ui__poster-control-icon { width: 60px; height: 60px; z-index: 1; fill: none; } .shopify-model-viewer-ui .shopify-model-viewer-ui__control-icon--exit-fullscreen { display: none; } .shopify-model-viewer-ui .shopify-model-viewer-ui__control-icon--enter-fullscreen { display: block; } .shopify-model-viewer-ui .shopify-model-viewer-ui__spritesheet { display: none; } .shopify-model-viewer-ui .shopify-model-viewer-ui__sr-only { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px; } /*! Flickity v2.0.10 http://flickity.metafizzy.co ---------------------------------------------- */ .flickity-enabled { position: relative; } .flickity-enabled:focus { outline: 0; } .flickity-viewport { overflow: hidden; position: relative; height: 100%; } .flickity-slider { position: absolute; width: 100%; height: 100%; } .flickity-enabled.is-draggable { -webkit-tap-highlight-color: transparent; tap-highlight-color: transparent; -webkit-user-select: none; user-select: none; } .flickity-enabled.is-draggable .flickity-viewport { cursor: move; cursor: grab; } .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down { cursor: grabbing; } .flickity-prev-next-button { position: absolute; top: 50%; width: 44px; height: 44px; border: none; border-radius: 50%; background: #fff; background: rgba(255, 255, 255, 0.75); cursor: pointer; transform: translateY(-50%); } .flickity-prev-next-button:hover { background: #fff; } .flickity-prev-next-button:focus { outline: 0; box-shadow: 0 0 0 5px #09f; } .flickity-prev-next-button:active { opacity: 0.6; } .flickity-prev-next-button.previous { left: 10px; } .flickity-prev-next-button.next { right: 10px; } .flickity-rtl .flickity-prev-next-button.previous { left: auto; right: 10px; } .flickity-rtl .flickity-prev-next-button.next { right: auto; left: 10px; } .flickity-prev-next-button:disabled { opacity: 0.3; cursor: auto; } .flickity-prev-next-button svg { position: absolute; left: 20%; top: 20%; width: 60%; height: 60%; } .flickity-prev-next-button .arrow { fill: #333; } .flickity-page-dots { position: absolute; width: 100%; bottom: -25px; padding: 0; margin: 0; list-style: none; text-align: center; line-height: 1; } .flickity-rtl .flickity-page-dots { direction: rtl; } .flickity-page-dots .dot { display: inline-block; width: 10px; height: 10px; margin: 0 8px; background: #333; border-radius: 50%; opacity: 0.25; cursor: pointer; } .flickity-page-dots .dot.is-selected { opacity: 1; } .flickity-enabled { position: relative; overflow: hidden; } .flickity-enabled:focus { outline: none; } .flickity-viewport { overflow: hidden; position: relative; height: 100%; } .flickity-slider { position: absolute; width: 100%; height: 100%; } .flickity-button.flickity-prev-next-button.next:focus, .flickity-button.flickity-prev-next-button.previous:focus { opacity: 1; } /* Draggable */ .flickity-enabled.is-draggable { -webkit-tap-highlight-color: transparent; tap-highlight-color: transparent; -webkit-user-select: none; user-select: none; } .flickity-enabled.is-draggable .flickity-viewport { cursor: move; cursor: grab; } .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down { cursor: grabbing; } /* ---- previous/next buttons ---- */ .flickity-prev-next-button { filter: alpha(opacity=50); opacity: 0.5; position: absolute; top: 0; bottom: 0; width: 32px; border: none; background: white; background: rgba(255, 255, 255, 0.75); cursor: pointer; border-radius: 0; height: auto; max-width: 11%; transform: none; } .flickity-prev-next-button:hover { background: white; border: none; } .flickity-prev-next-button:focus { outline: none; } .flickity-prev-next-button:hover, .flickity-prev-next-button:active { filter: alpha(opacity=80); opacity: 0.8; } .flickity-prev-next-button.previous { left: -1px; } .flickity-prev-next-button.next { right: -1px; } /* Right to left */ .flickity-rtl .flickity-prev-next-button.previous { left: auto; right: -1px; } .flickity-rtl .flickity-prev-next-button.next { right: auto; left: -1px; } .flickity-prev-next-button:disabled { filter: alpha(opacity=10); /* IE8 */ opacity: 0.1; cursor: auto; } .flickity-prev-next-button svg { top: 50%; transform: translateY(-50.1%); padding: 5px 0; position: absolute; left: 20%; width: 60%; height: 60%; } .flickity-prev-next-button .arrow { fill: #19110b; } /* Color & size if no SVG - IE8 and Android 2.3 */ .flickity-prev-next-button.no-svg { color: #19110b; font-size: 26px; } /* Page dots */ .flickity-page-dots { position: absolute; width: 100%; bottom: -25px; padding: 0; margin: 0; list-style: none; text-align: center; line-height: 1; } .flickity-rtl .flickity-page-dots { direction: rtl; } .flickity-page-dots .dot { display: inline-block; width: 10px; height: 10px; margin: 0 8px; background: #333; border-radius: 50%; filter: alpha(opacity=25); /* IE8 */ opacity: 0.25; cursor: pointer; } .flickity-page-dots .dot.is-selected { filter: alpha(opacity=100); /* IE8 */ opacity: 1; } /* Custom sliders */ .flickity-slider > li { list-style-type: none; width: 100%; text-align: center; } /* General Flickity styling */ img[data-flickity-lazyload] { width: auto; } .slideshow-transition--fade .flickity-slider { transform: none !important; } .slideshow-transition--fade .gallery-cell { left: 0 !important; opacity: 0; transition: opacity 0.5s ease-in-out; z-index: -1; } .slideshow-transition--fade .gallery-cell.is-selected { opacity: 1; z-index: 0; } /* Gallery page */ .lightbox-gallery .gallery-cell { width: 100%; } .lightbox-gallery .gallery-cell img { width: auto; max-height: 90vh; max-width: 100%; display: inline-block; } /* Product gallery */ .gallery-arrows--true .product_gallery .flickity-prev-next-button { display: block; } .gallery-arrows--true .product_gallery .flickity-prev-next-button:hover { opacity: 0.5; } /* Hidden for product gallery on collection page when product form style is dropdown */ .image__container .product_gallery .flickity-prev-next-button { display: none; } .product_gallery { margin-bottom: 30px; position: relative; opacity: 0; transition: opacity 0.2s; } @media only screen and (max-width: 798px) { .product_gallery { margin-bottom: 30px; } } @media only screen and (max-width: 480px) { .product_gallery .flickity-page-dots { bottom: 15px; } } .product_gallery .gallery-cell { width: 100%; display: block; margin-right: 10px; position: relative; } .product_gallery.flickity-enabled { opacity: 1; } .product_gallery img { background-color: #ffffff; } .product_gallery.show-gallery-arrows--false .flickity-prev-next-button { display: none; } @media only screen and (max-width: 798px) { .product_gallery.show-gallery-arrows--false .flickity-prev-next-button { display: none; } } @media only screen and (max-width: 798px) { .thumbnail .product_gallery { margin-bottom: 0; padding-bottom: 0; } } .product_gallery_nav { text-align: center; margin-bottom: 30px; } .product_gallery_nav.product_gallery_nav--bottom-thumbnails .gallery-cell { width: auto; } .product_gallery_nav.product_gallery_nav--bottom-thumbnails img { height: 80px; width: auto; } @media only screen and (max-width: 480px) { .product_gallery_nav.product_gallery_nav--bottom-slider { margin-bottom: 30px; } } .product_gallery_nav.product_gallery_nav--bottom-slider .flickity-prev-next-button { opacity: 1; background: #ffffff; } .product_gallery_nav.product_gallery_nav--bottom-slider .gallery-cell { display: flex; width: auto; opacity: 0.5; margin-bottom: 0; } .product_gallery_nav.product_gallery_nav--bottom-slider .gallery-cell.is-nav-selected { opacity: 1; } .product_gallery_nav.product_gallery_nav--bottom-slider .gallery-cell img { width: auto; height: 80px; max-width: none; min-width: 50px; } .product_gallery_nav .gallery-cell { width: 20%; margin: 0 10px 10px 0; opacity: 0.7; display: inline-block; position: relative; } .product_gallery_nav .gallery-cell.is-nav-selected { opacity: 1; } .product_gallery_nav .gallery-cell img { cursor: pointer; } .product_gallery_nav--slider-enabled .gallery-cell { opacity: 1; } .product_gallery .gallery-cell a { cursor: zoom-in; } @media only screen and (min-width: 799px) { .gallery-thumbnails--right .multi-image { width: 83%; float: left; } .gallery-thumbnails--right .product_gallery_nav { width: 12%; float: left; margin-left: 2%; } .gallery-thumbnails--right .product_gallery_nav .gallery-cell { width: 100%; margin: 0 0 10px 0; } } @media only screen and (min-width: 799px) { .gallery-thumbnails--left .multi-image { width: 83%; float: right; } .gallery-thumbnails--left .product_gallery_nav { width: 12%; float: right; margin-right: 2%; } .gallery-thumbnails--left .product_gallery_nav .gallery-cell { width: 100%; margin: 0 0 10px 0; } } @media only screen and (max-width: 798px) { .product_gallery_nav .gallery-cell { opacity: 1; } .product_gallery_nav .gallery-cell img { border: 1px solid transparent; transition: border 0.2s; } .product_gallery_nav .gallery-cell.is-nav-selected img { border-color: #A48242; } .product_gallery_nav { margin-bottom: 0; } } .gallery-wrap .flickity-viewport { margin-top: 0; } .product-section__lightbox .zoom-wrap { width: 100%; height: 100%; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .product-section__lightbox .fancybox-content { top: 50%; transform: translateY(-50%) !important; /* Overwrite Fancybox transform */ } } /* Quick shop template */ .product-quickshop { background-color: rgba(43, 46, 56, 0.9); } @media only screen and (max-width: 798px) { .product-quickshop { margin: 2rem; } } .product-quickshop .shopify-section--quick-shop { margin: 4rem auto; max-width: 900px; padding: 44px !important; /* Overwrite section padding */ background-color: #ffffff; }.product-quickshop .shopify-section:not(.shopify-section--quick-shop) { display: none; } /* Quick shop */ .js-quick-shop { display: none; width: 90%; max-width: 900px; cursor: pointer !important; background-color: #ffffff; }.js-quick-shop .container, .js-quick-shop .product_name { color: #1b1f23; } .js-quick-shop .fancybox-close-small svg path { fill: #1b1f23; } .js-quick-shop .fancybox-close-small svg path:hover { fill: #191d21; } /* Inline quick shop */ .quick-shop-style--inline .collection_swatches { display: none; } .quick-shop-style--inline .inline-quickshop { margin-top: 10px; } .quick-shop-style--inline .product-quantity-box, .quick-shop-style--inline .items_left { display: none; } .quick-shop-style--inline .purchase-details__spb--false { margin-left: 0; } /* Purchase button sizing */ .quick-shop-style--inline.one-fourth .shopify-payment-button, .quick-shop-style--inline.one-fifth .shopify-payment-button, .quick-shop-style--inline.one-sixth .shopify-payment-button, .quick-shop-style--inline.one-seventh .shopify-payment-button, .quick-shop-style--inline.visible-5 .shopify-payment-button, .quick-shop-style--inline.visible-6 .shopify-payment-button, .quick-shop-style--inline.visible-7 .shopify-payment-button { min-width: 100%; margin-left: 0; margin-right: 0; margin-top: 10px; } .quick-shop-style--inline.one-fourth .add_to_cart, .quick-shop-style--inline.one-fifth .add_to_cart, .quick-shop-style--inline.one-sixth .add_to_cart, .quick-shop-style--inline.one-seventh .add_to_cart, .quick-shop-style--inline.visible-5 .add_to_cart, .quick-shop-style--inline.visible-6 .add_to_cart, .quick-shop-style--inline.visible-7 .add_to_cart { max-width: 100%; } /* Related Items Gallery */ .related-products--grid { font-size: 0; text-align: center; } .related-products--grid.container { padding-top: 0; } .related-products--grid .product-list .thumbnail.column, .related-products--grid .product-list .thumbnail.columns { font-size: initial; display: inline-block; float: none; vertical-align: top; } .related-products__title { clear: both; } .title.slider-gallery { padding-top: 40px; } @media only screen and (max-width: 480px) { .title.slider-gallery { padding-top: 0; font-size: 1.5em; } } .slider-gallery { margin: 0 auto 40px; } .slider-gallery .gallery-cell { display: inline-block; margin-right: 10px; text-align: center; padding: 0; margin-bottom: 0; } @media only screen and (max-width: 480px) { .slider-gallery .gallery-cell { padding: 0; margin-right: 5px; } } .slider-gallery .gallery-cell .product-details { line-height: 1.2; letter-spacing: 0; } @media only screen and (max-width: 798px) { .slider-gallery .gallery-cell .product-details { font-size: 3vw; } } .slider-gallery .gallery-cell img { display: block; max-width: 100%; } .slider-gallery .gallery-cell-heading { font-size: 0.8rem; line-height: 1.2; text-transform: none; margin-top: 10px; } .slider-gallery .flickity-prev-next-button { border-radius: 0; opacity: 0; width: 5%; } .slider-gallery:hover .flickity-prev-next-button { opacity: 0.5; } .transparentBackground--false .dot { background: #19110b; } .transparentBackground--false .flickity-prev-next-button { background: transparent; } .transparentBackground--false .flickity-prev-next-button .arrow { opacity: 1; fill: #19110b; } .homepage-slideshow.transparentBackground--false:hover .flickity-prev-next-button, .testimonial-slideshow.transparentBackground--false:hover .flickity-prev-next-button, .product-slider.transparentBackground--false:hover .flickity-prev-next-button, .slider-gallery.transparentBackground--false:hover .flickity-prev-next-button { opacity: 1; } .homepage-slideshow.transparentBackground--false .flickity-page-dots .dot, .testimonial-slideshow.transparentBackground--false .flickity-page-dots .dot, .product-slider.transparentBackground--false .flickity-page-dots .dot, .slider-gallery.transparentBackground--false .flickity-page-dots .dot { opacity: 0.4; } .homepage-slideshow.transparentBackground--false .flickity-page-dots .dot.is-selected, .testimonial-slideshow.transparentBackground--false .flickity-page-dots .dot.is-selected, .product-slider.transparentBackground--false .flickity-page-dots .dot.is-selected, .slider-gallery.transparentBackground--false .flickity-page-dots .dot.is-selected { opacity: 1; } /* Lazyframe */ .lazyframe { position: relative; background-color: #ffffff; background-repeat: no-repeat; background-size: cover; } .lazyframe__title { position: absolute; top: 0; left: 0; right: 0; padding: 15px 17px; z-index: 3; } .lazyframe__title:after { z-index: -1; } .lazyframe:hover { cursor: pointer; } .lazyframe:before { display: block; content: ""; width: 100%; padding-top: 100%; } .lazyframe[data-ratio="16:9"]:before { padding-top: 56.25%; } .lazyframe[data-ratio="4:3"]:before { padding-top: 75%; } .lazyframe[data-ratio="1:1"]:before { padding-top: 100%; } .lazyframe iframe { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 5; width: 100%; height: 100%; } .lazyframe[data-vendor=youtube], .lazyframe[data-vendor=youtube_nocookie] { background-color: #e52d27; font-family: Roboto, Arial, Helvetica, sans-serif; } .lazyframe[data-vendor=youtube] .lazyframe__title, .lazyframe[data-vendor=youtube_nocookie] .lazyframe__title { color: #eee; font-family: Roboto, Arial, Helvetica, sans-serif; font-size: 18px; text-shadow: rgba(0, 0, 0, 0.498039) 0px 0px 2px; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; transition: color 0.1s cubic-bezier(0.4, 0, 1, 1); } .lazyframe[data-vendor=youtube] .lazyframe__title:hover, .lazyframe[data-vendor=youtube_nocookie] .lazyframe__title:hover { color: #fff; } .lazyframe[data-vendor=youtube] .lazyframe__title:before, .lazyframe[data-vendor=youtube_nocookie] .lazyframe__title:before { content: ""; display: block; background: linear-gradient(rgba(0, 0, 0, 0.2), transparent); height: 98px; width: 100%; pointer-events: none; position: absolute; top: 0; left: 0; right: 0; z-index: -1; -webkit-tap-highlight-color: transparent; } .lazyframe[data-vendor=youtube]:before, .lazyframe[data-vendor=youtube_nocookie]:before { padding-top: 56.25%; } .lazyframe[data-vendor=youtube][data-ratio="16:9"]:before, .lazyframe[data-vendor=youtube_nocookie][data-ratio="16:9"]:before { padding-top: 56.25%; } .lazyframe[data-vendor=youtube][data-ratio="4:3"]:before, .lazyframe[data-vendor=youtube_nocookie][data-ratio="4:3"]:before { padding-top: 75%; } .lazyframe[data-vendor=youtube][data-ratio="1:1"]:before, .lazyframe[data-vendor=youtube_nocookie][data-ratio="1:1"]:before { padding-top: 100%; } .lazyframe[data-vendor=youtube]:after, .lazyframe[data-vendor=youtube_nocookie]:after { content: ""; position: absolute; left: 50%; top: 50%; width: 68px; height: 48px; margin-left: -34px; margin-top: -24px; background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjU1LjcgNDQ2LjNjLTUzLjMuMy0xMDYuNi0uNC0xNTkuOC0zLjMtMTcuNC0xLTM0LjctMi41LTUwLjQtMTFDMzUgNDI2LjMgMjcgNDE4LjQgMjIgNDA3LjIgMTMuMiAzODguNiAxMC41IDM2OSA5IDM0OWMtMy40LTQxLjMtMy42LTgyLjYtMS44LTEyMy44IDEtMjIgMS42LTQ0IDYuOC02NS41IDItOC40IDUtMTYuNiA4LjgtMjQuNEMzMiAxMTcgNDggMTA4IDY3LjMgMTA0YzE2LjItMyAzMi44LTMgNDkuMy0zLjcgNTYtMi4zIDExMi0zLjUgMTY4LTMgNDMgLjYgODYuMiAxLjcgMTI5LjMgNCAxMy4yLjYgMjYuNi44IDM5LjMgNS41IDE3LjIgNi40IDMwIDE3LjIgMzcgMzQuNyA2LjYgMTYuOCA5LjIgMzQuMiAxMC42IDUyIDMuOCA0OC43IDQgOTcuMy43IDE0Ni0xIDE2LjMtMi4yIDMyLjctNi41IDQ4LjgtOS43IDM3LTMyLjggNTEuNS02Ni43IDUzLjgtMzYuMiAyLjUtNzIuNSAzLjgtMTA4LjggNC4zLTIxLjMuMi00Mi43IDAtNjQgMHpNMjAzLjIgMzQ0TDM0OCAyNjQuN2wtMTQ0LjgtNzkuM1YzNDR6IiBmaWxsPSIjIzFmMWYxZiIvPjxwYXRoIGQ9Ik0yMDMuMiAzNDRWMTg1LjVMMzQ4IDI2NC44IDIwMy4yIDM0NHoiIGZpbGw9IiNGRUZERkQiLz48L3N2Zz4="); background-position: center center; background-size: 100%; background-repeat: no-repeat; opacity: 0.81; border: none; z-index: 4; } .lazyframe[data-vendor=youtube]:hover:after, .lazyframe[data-vendor=youtube_nocookie]:hover:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjU1LjcgNDQ2LjNjLTUzLjMuMy0xMDYuNi0uNC0xNTkuOC0zLjMtMTcuNC0xLTM0LjctMi41LTUwLjQtMTFDMzUgNDI2LjMgMjcgNDE4LjQgMjIgNDA3LjIgMTMuMiAzODguNiAxMC41IDM2OSA5IDM0OWMtMy40LTQxLjMtMy42LTgyLjYtMS44LTEyMy44IDEtMjIgMS42LTQ0IDYuOC02NS41IDItOC40IDUtMTYuNiA4LjgtMjQuNEMzMiAxMTcgNDggMTA4IDY3LjMgMTA0YzE2LjItMyAzMi44LTMgNDkuMy0zLjcgNTYtMi4zIDExMi0zLjUgMTY4LTMgNDMgLjYgODYuMiAxLjcgMTI5LjMgNCAxMy4yLjYgMjYuNi44IDM5LjMgNS41IDE3LjIgNi40IDMwIDE3LjIgMzcgMzQuNyA2LjYgMTYuOCA5LjIgMzQuMiAxMC42IDUyIDMuOCA0OC43IDQgOTcuMy43IDE0Ni0xIDE2LjMtMi4yIDMyLjctNi41IDQ4LjgtOS43IDM3LTMyLjggNTEuNS02Ni43IDUzLjgtMzYuMiAyLjUtNzIuNSAzLjgtMTA4LjggNC4zLTIxLjMuMi00Mi43IDAtNjQgMHpNMjAzLjIgMzQ0TDM0OCAyNjQuN2wtMTQ0LjgtNzkuM1YzNDR6IiBmaWxsPSIjREQyQzI4Ii8+PHBhdGggZD0iTTIwMy4yIDM0NFYxODUuNUwzNDggMjY0LjggMjAzLjIgMzQ0eiIgZmlsbD0iI0ZFRkRGRCIvPjwvc3ZnPg=="); opacity: 1; } .lazyframe[data-vendor=vimeo] { background-color: #00adef; } .lazyframe[data-vendor=vimeo] .lazyframe__title { font-family: "Helvetica Neue", Helvetica, Arial; color: #00adef; font-size: 20px; font-weight: bold; text-rendering: optimizeLegibility; -webkit-user-select: none; user-select: none; -webkit-font-smoothing: auto; -webkit-tap-highlight-color: transparent; background-color: rgba(0, 0, 0, 0.5); } .lazyframe[data-vendor=vimeo]:before { padding-top: 48.25%; } .lazyframe[data-vendor=vimeo][data-ratio="16:9"]:before { padding-top: 56.25%; } .lazyframe[data-vendor=vimeo][data-ratio="4:3"]:before { padding-top: 75%; } .lazyframe[data-vendor=vimeo][data-ratio="1:1"]:before { padding-top: 100%; } .lazyframe[data-vendor=vimeo]:after { content: ""; height: 40px; width: 65px; display: block; position: absolute; bottom: 10px; left: 10px; z-index: 3; background-color: rgba(0, 0, 0, 0.5); background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgYmFzZVByb2ZpbGU9InRpbnkiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTcuNzY1IDE2Ljg5bDguNDctNC44OS04LjQ3LTQuODkiLz48L3N2Zz4="); background-position: center center; background-size: 100% 100%; background-repeat: no-repeat; border-radius: 5px; position: relative; } .lazyframe[data-vendor=vimeo]:hover:after { background-color: #00adef; } .lazyframe[data-vendor=vine] { background-color: #00bf8f; } .lazyframe[data-vendor=vine] .lazyframe__title { color: #fff; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 16px; white-space: nowrap; z-index: 3; positon: relative; } .lazyframe[data-vendor=vine] .lazyframe__title:after { content: ""; position: absolute; top: 0; left: 0; right: 0; z-index: -1; height: 115px; padding: 24px 70px 24px 24px; background: linear-gradient(to top, rgba(23, 23, 23, 0) 0, rgba(23, 23, 23, 0.7) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#b3171717", endColorstr="#00171717", GradientType=0 ); } .lazyframe[data-vendor=vine]:before { padding-top: 100%; } .lazyframe[data-vendor=vine][data-ratio="16:9"]:before { padding-top: 56.25%; } .lazyframe[data-vendor=vine][data-ratio="4:3"]:before { padding-top: 75%; } .lazyframe[data-vendor=vine][data-ratio="1:1"]:before { padding-top: 100%; } .lazyframe[data-vendor=vine]:after { content: ""; width: 60px; height: 60px; position: absolute; left: 50%; top: 50%; z-index: 4; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMzYiIGhlaWdodD0iMTM2IiB2aWV3Qm94PSIwIDAgMTM2IDEzNiI+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTU2IDQ0Yy0uNyAwLTEuNC4yLTIgLjUtMS4yLjgtMiAyLTIgMy41djQwYzAgMS40LjggMi44IDIgMy41LjYuMyAxLjMuNSAyIC41czEuNC0uMiAyLS41bDM0LjYtMjBjMS4zLS43IDItMiAyLTMuNSAwLTEuNC0uNy0yLjgtMi0zLjVMNTggNDQuNWMtLjYtLjMtMS4zLS41LTItLjV6Ii8+PC9zdmc+"); background-color: rgba(0, 0, 0, 0.5); background-size: cover; background-repeat: no-repeat; margin-top: -30px; margin-left: -30px; border-radius: 50%; } .lazyframe[data-vendor=vine]:hover:after { background-color: rgba(0, 0, 0, 0.75); } /* * Remodal - v1.0.6 * Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking. * http://vodkabears.github.io/remodal/ * * Made by Ilya Makarov * Under MIT License */ /* ========================================================================== Remodal's necessary styles ========================================================================== */ /* Hide scroll bar */ html.remodal-is-locked { overflow: hidden; touch-action: none; } /* Anti FOUC */ .remodal, [data-remodal-id] { display: none; } /* Necessary styles of the overlay */ .remodal-overlay { position: fixed; z-index: 9999; top: -5000px; right: -5000px; bottom: -5000px; left: -5000px; display: none; } /* Necessary styles of the wrapper */ .remodal-wrapper { position: fixed; z-index: 10000; top: 0; right: 0; bottom: 0; left: 0; display: none; overflow: auto; text-align: center; -webkit-overflow-scrolling: touch; } .remodal-wrapper:after { display: inline-block; height: 100%; margin-left: -0.05em; content: ""; } /* Fix iPad, iPhone glitches */ .remodal-overlay, .remodal-wrapper { -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Necessary styles of the modal dialog */ .remodal { position: relative; outline: none; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; } .remodal img { max-width: 100%; } .remodal-is-initialized { display: inline-block; /* Disable Anti-FOUC */ } /* ========================================================================== Remodal's default mobile first theme ========================================================================== */ /* Default theme styles for the background */ .remodal-bg.remodal-is-opening, .remodal-bg.remodal-is-opened { filter: blur(3px); } /* Default theme styles of the overlay */ .remodal-overlay { background: rgba(43, 46, 56, 0.9); } .remodal-overlay.remodal-is-opening, .remodal-overlay.remodal-is-closing { animation-duration: 0.3s; animation-fill-mode: forwards; } .remodal-overlay.remodal-is-opening { animation-name: remodal-overlay-opening-keyframes; } .remodal-overlay.remodal-is-closing { animation-name: remodal-overlay-closing-keyframes; } /* Default theme styles of the wrapper */ .remodal-wrapper { padding: 10px 10px 0; } /* Default theme styles of the modal dialog */ .remodal { width: 100%; margin-bottom: 10px; padding: 35px; transform: translate3d(0, 0, 0); color: #1b1f23; background: #fff; } @media only screen and (max-width: 480px) { .remodal { overflow-x: scroll; } } .remodal.remodal-is-opening, .remodal.remodal-is-closing { animation-duration: 0.3s; animation-fill-mode: forwards; } .remodal.remodal-is-opening { animation-name: remodal-opening-keyframes; } .remodal.remodal-is-closing { animation-name: remodal-closing-keyframes; } /* Vertical align of the modal dialog */ .remodal, .remodal-wrapper:after { vertical-align: middle; } /* Close button */ .remodal-close { position: absolute; top: 0; right: 0; display: block; overflow: visible; width: 35px; height: 35px; margin: 0; padding: 0; cursor: pointer; transition: color 0.2s; text-decoration: none; color: #95979c; border: 0; outline: 0; background: transparent; z-index: 1000; } .remodal-close:hover, .remodal-close:focus { color: #2b2e38; } .remodal-close:before { font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important; font-size: 25px; line-height: 35px; position: absolute; top: 0; left: 0; display: block; width: 35px; content: "×"; text-align: center; } /* Dialog buttons */ .remodal-confirm, .remodal-cancel { font: inherit; display: inline-block; overflow: visible; min-width: 110px; margin: 0; padding: 12px 0; cursor: pointer; transition: background 0.2s; text-align: center; vertical-align: middle; text-decoration: none; border: 0; outline: 0; } .remodal-confirm { color: #fff; background: #81c784; } .remodal-confirm:hover, .remodal-confirm:focus { background: #66bb6a; } .remodal-cancel { color: #fff; background: #e57373; } .remodal-cancel:hover, .remodal-cancel:focus { background: #ef5350; } /* Remove inner padding and border in Firefox 4+ for the button tag. */ .remodal-confirm::-moz-focus-inner, .remodal-cancel::-moz-focus-inner, .remodal-close::-moz-focus-inner { padding: 0; border: 0; } /* Keyframes ========================================================================== */ @keyframes remodal-opening-keyframes { from { transform: scale(1.05); opacity: 0; } to { transform: none; opacity: 1; } } @keyframes remodal-closing-keyframes { from { transform: scale(1); opacity: 1; } to { transform: scale(0.95); opacity: 0; } } @keyframes remodal-overlay-opening-keyframes { from { opacity: 0; } to { opacity: 1; } } @keyframes remodal-overlay-closing-keyframes { from { opacity: 1; } to { opacity: 0; } } /* #Media Queries ================================================== */ /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 959px) { #contact_form input.newsletter-form__sign-up[type=submit] { margin-left: 0; margin-bottom: 1.5em; width: 100%; } input.contact_email[type=email] { width: 100%; } .collection_menu { display: none; } h1.collection_title_tags, div.collection_title_tags { border-right: 0; margin-right: 0; padding-right: 0; } .newsletter .input-row input { margin: 5px 0px; } input.newsletter-form__sign-up { margin: 0px; } .newsletter-both-names--true input.firstName { margin-right: 5px; } } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 799px) and (max-width: 959px) { .nav a, .nav a:visited, .menu a:hover, .nav a:active, .nav a:focus { font-size: 13px; } .menu a, .menu a:visited, .menu a:hover, .menu a:active, .menu a:focus { font-size: 13px; } .menu li, #header span.menu_title, .menu a span { padding-left: 2px; padding-right: 2px; } .menu li.search-container { display: none; } .top-bar .menu li { padding-left: 5px; padding-right: 5px; } } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 798px) { .article_image { padding-bottom: 0; } .sidebar__content { border: 0; padding: 0; } .nav_arrows { float: none; text-align: center; } .nav_arrows .prev { float: left; } .nav_arrows .next { float: right; } #header .top-bar a.mobile_logo { margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; font-size: 18px; line-height: 34px; z-index: 5; width: 50%; height: auto; color: #ffffff; display: flex; align-items: center; justify-content: center; } #header a.mobile_logo img { width: auto; max-width: 130px; max-height: 25px; } .payment_methods { text-align: center; float: none; display: block; } .credits { float: none; display: block; text-align: center; }.is-absolute { top: 0px !important; } .blog_filter { margin-top: 1em; width: 100% !important; } .section_select { text-align: center; } .flex-control-nav { bottom: 10px; } .featured_links a span { font-size: 13px; } .or { width: 100%; display: inline-block; padding-left: 0; padding-bottom: 5px; } .mobile_hidden { display: none !important; } table tr.order_summary td.label { text-align: left; } .featured_text { font-size: 16px; line-height: 1.7em; } #header { display: block; } .header { display: none; } h4.toggle { cursor: pointer; } .toggle span { display: block; } select { width: 100%; margin-left: 0; } .newsletter-form__sign-up, input[type=submit], input[type=reset], input[type=button] { margin-left: 0; width: 100%; outline: 0; } .credits_right { text-align: left; } .title_column { float: left; } .mobile_only, .container div.mobile_only { display: block; } span.mobile_only { display: inline; } .price_total { text-align: right; } .price_total_text { display: block; } .update_subtotal, .price_total, .remove_column, .checkout_table_header { display: none; } .mobile_right { text-align: right; } .quick_shop { display: none !important; } .cart_price { display: block; margin-bottom: 0; } table tr th, table tr td { padding: 2px; } .multiple_product_images { display: none; } .headline { font-size: 1.3em; line-height: 1.2; position: relative; } p.subtitle { font-size: 1.1em; line-height: 1.2; position: relative; } } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (max-width: 798px) { .mobile_hidden { display: none !important; } } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 480px) { h1, h2, h3, h4, h5, h6, .collection_title, .empty_cart { font-size: 110%; line-height: 1.5em; } h1, h1.home, .title a, h2 { padding: 0; } } @media only screen and (min-device-width: 320px) and (max-device-width: 1024px) { html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; } } @font-face { font-family: "turbo"; src: url(//wooxstore.com/cdn/shop/t/160/assets/turbo.eot?v=48734892740725754481794030301); src: url(//wooxstore.com/cdn/shop/t/160/assets/turbo.eot?v=48734892740725754481794030301) format("embedded-opentype"), url(//wooxstore.com/cdn/shop/t/160/assets/turbo.woff?v=150966577236684244781794030302) format("woff"), url(//wooxstore.com/cdn/shop/t/160/assets/turbo.ttf?v=77481909974496710951794030302) format("truetype"), url(//wooxstore.com/cdn/shop/t/160/assets/turbo.svg?v=173366358466109711321794030302) format("svg"); font-weight: normal; font-style: normal; font-display: swap; } [class^=icon-]:before, [class*=" icon-"]:before { font-family: "turbo"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0.2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: 0.15em; } .icon-bag:before { content: ""; } .icon-cart:before { content: ""; } .icon-check:before { content: ""; } .icon-cross:before { content: ""; } .icon-up-arrow:before { content: ""; } .icon-down-arrow:before { content: ""; } .icon-left-arrow:before { content: ""; } .icon-right-arrow:before { content: ""; margin-right: 0; } .icon-plus:before { content: ""; } .icon-minus:before { content: ""; } .icon-menu:before { content: ""; } .icon-email:before { content: ""; } .icon-pinterest:before { content: ""; } .icon-rss:before { content: ""; } .icon-houzz:before { content: ""; } .icon-snapchat:before { content: ""; } .icon-phone:before { content: ""; } .icon-instagram:before { content: ""; } .icon-vimeo:before { content: ""; } .icon-search:before { content: ""; } .icon-zoom:before { content: ""; } .icon-youtube:before { content: ""; } .icon-lock:before { content: ""; color: #ffffff; } .icon-user:before { content: ""; } .icon-facebook:before { content: ""; } .icon-twitter:before { content: ""; } .icon-tumblr:before { content: ""; } .icon-linkedin:before { content: ""; } .icon-twitter-share:before { content: ""; } .icon-facebook-share:before { content: ""; } .icon-pinterest-share:before { content: ""; } .icon-mail-share:before { content: ""; } span.icon-down-arrow { padding: 0 !important; font-size: 12px !important; } form.search__form, .search__form input { padding-top: 0; margin-bottom: 0; position: relative; -webkit-appearance: none; appearance: none; border-radius: 0; } .search__form input, .search__form input:active, .search__form input:focus { font-family: "Roboto Condensed", sans-serif; font-weight: 400; font-style: normal; font-size: 12px; letter-spacing: 1px; color: #ffffff; background-color: transparent; padding-right: 35px; border-color: #ffffff; }.search__form input, .search__form input:active, .search__form input:focus { border-radius: 3px; }.feature_image .search__form input, .feature_image .search__form input:active, .feature_image .search__form input:focus { color: #ffffff; border-color: #ffffff; } .feature_image .search__form input::-webkit-input-placeholder, .feature_image .search__form input:active::-webkit-input-placeholder, .feature_image .search__form input:focus::-webkit-input-placeholder { color: #ffffff; } .feature_image .search__form input::-moz-placeholder, .feature_image .search__form input:active::-moz-placeholder, .feature_image .search__form input:focus::-moz-placeholder { color: #ffffff; } .feature_image .search__form input:-ms-input-placeholder, .feature_image .search__form input:active:-ms-input-placeholder, .feature_image .search__form input:focus:-ms-input-placeholder { color: #ffffff; } .feature_image .search-submit { color: #ffffff; } .header_search_form { width: 60%; margin: 0 auto 30px auto; padding: 30px 0 0 0; position: relative; border-bottom: solid 1px #ffffff; } @media only screen and (max-width: 480px) { .header_search_form { width: 90%; margin: 30px auto; padding: 0; } } .header_search_form input, .header_search_form input:focus, .header_search_form input:active { background-color: transparent; font-family: "Roboto Condensed", sans-serif; font-weight: 400; font-style: normal; color: #ffffff; letter-spacing: 1px; border: none; font-size: 36px; line-height: 36px; } @media only screen and (max-width: 480px) { .header_search_form input, .header_search_form input:focus, .header_search_form input:active { font-size: 22px; line-height: 22px; margin-bottom: 0px; } } .header_search_form .search-submit { top: 38px; font-size: 30px; } @media only screen and (max-width: 480px) { .header_search_form .search-submit { top: 50%; position: absolute; transform: translateY(-50%); font-size: 20px; } } .feature_image .search__form input, .feature_image .search__form input:active, .feature_image .search__form input:focus { color: #ffffff; border: 1px solid #ffffff; } .feature_image .search__form input::-webkit-input-placeholder { color: #ffffff; } .feature_image .search__form input:-moz-placeholder { /* Firefox 18- */ color: #ffffff; } .feature_image .search__form input::-moz-placeholder { /* Firefox 19+ */ color: #ffffff; } .feature_image .search__form input:-ms-input-placeholder { color: #ffffff; } .search__form input::-webkit-input-placeholder { color: #ffffff; } .search__form input:-moz-placeholder { /* Firefox 18- */ color: #ffffff; } .search__form input::-moz-placeholder { /* Firefox 19+ */ color: #ffffff; } .search__form input:-ms-input-placeholder { color: #ffffff; } .search__form input:focus::-webkit-input-placeholder { color: #9b7e4b; } .search__form input:focus:-moz-placeholder { /* Firefox 18- */ color: #9b7e4b; } .search__form input:focus::-moz-placeholder { /* Firefox 19+ */ color: #9b7e4b; } .search__form input:focus:-ms-input-placeholder { color: #9b7e4b; } .feature_image .search__form input, .feature_image .search__form input:active, .feature_image .search__form input:focus { color: #ffffff; border: 1px solid #ffffff; } .feature_image .search__form input::-webkit-input-placeholder { color: #ffffff; } .feature_image .search__form input:-moz-placeholder { /* Firefox 18- */ color: #ffffff; } .feature_image .search__form input::-moz-placeholder { /* Firefox 19+ */ color: #ffffff; } .feature_image .search__form input:-ms-input-placeholder { color: #ffffff; } .search-submit { position: absolute; z-index: 1000; color: #ffffff; font-size: 20px; top: 9px; right: 7px; cursor: pointer; } .search-results li.item-result:hover { background: rgba(155, 126, 75, 0.5); } .feature_image .search-submit { color: #ffffff; } .blog_search .search-submit { color: #333333; top: 10px; right: 8px; z-index: 1; } .social_icons { margin-left: 0; margin-top: 0; } .social_icons li { display: inline; padding-right: 2px; } @media only screen and (max-width: 798px) { footer .footer-social-icons { display: none; } } footer .footer-social-icons--mobile.columns { display: none; padding-left: 0; } @media only screen and (max-width: 798px) { footer .footer-social-icons--mobile.columns { display: block; } footer .footer-social-icons--mobile.columns > ul { display: block; padding-left: 0; } } footer .social_icons { display: block; margin-top: 15px; } @media only screen and (max-width: 798px) { footer .social_icons { padding-left: 0; text-align: center; } } footer .social_icons a, footer .social_icons a:visited { color: #ffffff; font-size: 22px; display: inline-block; margin-bottom: 1em; } @media only screen and (max-width: 480px) { footer .social_icons a, footer .social_icons a:visited { margin-bottom: 0; } } footer .social_icons a:active, footer .social_icons a:hover { color: #ffffff; font-size: 22px; } /*! * animate.css -http://daneden.me/animate * Version - 3.5.2 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2017 Daniel Eden */ .animated { animation-duration: 1s; animation-fill-mode: both; } .animated.infinite { animation-iteration-count: infinite; } .animated.hinge { animation-duration: 2s; } .animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY { animation-duration: 0.75s; } @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 20% { transform: scale3d(1.1, 1.1, 1.1); } 40% { transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); } 80% { transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; transform: scaleX(1); } } .bounceIn { animation-name: bounceIn; } @keyframes fadeIn { 0% { opacity: 0; } to { opacity: 1; } } .fadeIn { animation-name: fadeIn; } @keyframes fadeInDown { 0% { opacity: 0; transform: translate3d(0, -20px, 0); } to { opacity: 1; transform: none; } } .fadeInDown { animation-name: fadeInDown; } @keyframes fadeInLeft { 0% { opacity: 0; transform: translate3d(-20px, 0, 0); } to { opacity: 1; transform: none; } } .fadeInLeft { animation-name: fadeInLeft; } @keyframes fadeInRight { 0% { opacity: 0; transform: translate3d(20px, 0, 0); } to { opacity: 1; transform: none; } } .fadeInRight { animation-name: fadeInRight; } @keyframes fadeInUp { 0% { opacity: 0; transform: translate3d(0, 20px, 0); } to { opacity: 1; transform: none; } } .fadeInUp { animation-name: fadeInUp; } @keyframes fadeOut { 0% { opacity: 1; } to { opacity: 0; } } .fadeOut { animation-name: fadeOut; } @keyframes fadeOutUp { 0% { opacity: 1; } to { opacity: 0; transform: translate3d(0, -100%, 0); } } .fadeOutUp { animation-name: fadeOutUp; } @keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { animation-name: zoomOut; } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { animation-name: fadeOutLeft; } .delay-0s { animation-delay: 0; } .delay-025s { animation-delay: 0.25s; opacity: 0; } .delay-05s { animation-delay: 0.5s; opacity: 0; } .delay-075s { animation-delay: 0.75s; opacity: 0; } .delay-1s { animation-delay: 1s; opacity: 0; } .animate_right, .animate_left, .animate_up, .animate_down { opacity: 0; } .ie .animated, .ie .animate_right, .ie .animate_left, .ie .hsContent, .ie #slide-1 .animated { opacity: 1 !important; } .ie delay-025s, .ie .delay-0s, .ie .delay-025s, .ie .delay-05s, .ie .delay-075s, .ie .delay-1s { opacity: 1 !important; } .ie select { background-image: none !important; } @media only screen and (max-width: 798px) { .delay-0s, .delay-025s, .delay-05s, .delay-075s, .delay-1s, .animate_right, .animate_left, .animate_up, .animate_down { opacity: 1; } } /* #Password Page ================================================== */ #password-container { margin: 75px auto 0; max-width: 100%; display: table; text-align: center; display: table; } @media only screen and (max-width: 798px) { #password-container { margin-top: 10px; } } #password-container #contact_form input.newsletter-form__sign-up[type=submit] { width: calc(35% - 10px); } @media only screen and (max-width: 1024px) { #password-container #contact_form input.newsletter-form__sign-up[type=submit] { width: 100%; } } #password-container #contact_form input.contact_email[type=email] { max-width: 100%; } .password-page-message { font-size: 3em; line-height: 1.2; margin: 10px auto; padding: 12px 0; } .password-page-follow { margin: 5px 0; } .password-social .social_icons a, .password-social .social_icons a:visited, .password-social .social_icons a:active { font-size: 25px; } .password-page-row { display: table-row; width: 100%; height: 100%; margin: 0 auto; } .password-page-col { display: table-cell; vertical-align: middle; padding: 5px 30px; width: 100%; } .password-logo { max-width: 200px; /* Allows logo to be more prominent*/ margin: 0px auto; } .password-message { max-width: 600px; font-size: 1.2em; color: #ffffff; } .hr-small { margin: 20px auto; width: 50px; } .password-social { margin-top: 10px; padding-top: 20px; } .password-social ul { margin-left: 0; padding-left: 0; margin-bottom: 10px; } .password-social .social_icons li { display: inline; margin-left: 0; } .password-social .social_icons a:hover { color: #19110b; } .password-footer { margin-top: 15px; margin-bottom: 40px; font-size: 13px; color: #ffffff; text-align: center; } .powered { display: block; margin-top: 15px; } .shopify a { background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAYAAADUryzEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA0JJREFUeNqMU81vG0UU/83sR73YG+M4xrHj4jj9UCFNSaGlQQUhhFBRpXIo6jEHQFXFAbhy4B/gioTgzgGV7ws5IAoqUgUSoWoIaZJGpGpMHDuptf5a7+fM8nZpJaRy4M0+jd7szO/93u/NsAsX5vFvi6IInHNUq5NnstnsqXp96xur3f392HNlrIcLePHkS8hlTchIJvtVSTOjIaSAwhkiGsXi+BudjjVp28Oj+XzhrPDZh5qqfoIQD5j6wrxHCAJ6UMXVr3pgnB0c9O2843jrE5XMtZER47GTp+bOqfn++d9+Ct5TuLrCGAcjpgnAWEVSdg8HSyWUzTl8v7D08szxSltPB6/OPDWeW/q1caI2O0zfbrThBM7pjdbiz9PG7LsK01epYKiCaMlIQadnHag9UZ2vbuqvl47tVMwcY3fdFjLFCIHksB0bQojCTmfzlWyHf53S0qsyigESMRS0uqtvNbs330nXNHhRAWl3ChnNhLG/jzBy4fg27pGG5TSqWsARV6EGwk+WScgymIQ5auLpyTdRHj2arC//9QXuDpfgeDYkQcgoZixq4DKuAGoo7wEwVg5DD3PVt1EafRzL21/C0HJo9f4gYUO4gZNkFMk5Nkli3wcI4vP7yIvxhsLIIXhBHzfqlzHwWihkDiNjPEwlDJNE/zDABGPQKfR5QAzI8wRU9IWNurWIlJbF+dmP8Ig5ja67Az8cwvWdmCVi4YSMSlTzODjAQxGAvCZkaIpI4MeN97Fc/xbpfXk8WXmNqPcw9C1idR8gKSNN06GYEScZYwZVJ+xj/8hpPJp9HmvNK/Bd6g0zEXfJ9rvEwE0A4qbFLOibimN15RcLR57JVFx7iLGHpvFs9RJ8QZvofmzsXoEXDqAqWiIiyUaAUSIkBTVVY1BuXuth6rhxcaxizDb619EcrGPg7+JG8zJWdj8HZwplk7hTHyDiKrU5BVWXyKT57ncfNz9TRBjxrRWn3/zT2+7seV7DWuabnR+MTrCm6ikNnLLEL3R720dmQkMqFz8dia3rdmvhg8an7MH3hZRhKuVsQTtcPmCcGK+lZvLl1JEdK9T7PW9t75a72L7tXh3sBbdEELXxP00h1//rx98CDACS7p3N/ZPUwQAAAABJRU5ErkJggg==); padding-left: 21px; color: #ffffff; text-decoration: none; } .password-footer a { color: #ffffff; text-decoration: none; } /* Password Page Modal CSS */ .controls { display: block; margin: 1em; text-align: right; text-transform: uppercase; position: relative; } #open-me { text-align: center; margin-bottom: 35px; } #open-me a:hover { color: #19110b; } .close-me { z-index: 8000; } .modalbox { position: absolute; height: 100%; top: -1em; bottom: 0; left: 0; right: 0; padding: 0; z-index: 5000; } .overlay { position: fixed; width: 100%; height: 100%; max-height: 100%; top: 0; left: 0; background: #fff; z-index: 10; background: rgba(255, 255, 255, 0.95); } .overlay-close { width: 150px; height: 50px; position: absolute; right: 10px; top: 10px; border: 1px solid #000; font-size: 14px; } .overlay-data { opacity: 0; visibility: hidden; transition: opacity 0.5s; visibility: 0s 0.5s; transition: opacity 0.5s, visibility 0s 0.5s; } .overlay-open { opacity: 1; visibility: visible; transition: opacity 0.5s; } .inputbox { margin: 0px auto; max-width: 80%; display: table; text-align: center; position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); color: #000; } @media only screen and (max-width: 798px) { #password-page-bg .modalbox .inputbox { top: 50%; } } .storefront-password-form label { font-size: 0.9em; margin: 0 0 1em 0; text-align: center; } .storefront-password-form .actions { display: inline-block; } .storefront-password-form #password { width: 50%; display: inline-block; } @media only screen and (max-width: 480px) { .storefront-password-form #password { width: 100%; } } #owner { font-size: 0.9em; margin-top: -1em; opacity: 0.8; } .pass-close { color: #000 !important; padding: 0 !important; margin: 1em !important; position: inherit !important; } @media screen and (min-width: 320px) and (max-width: 440px) and (max-height: 667px) { .modalbox { display: block; width: 414px !important; max-width: 100%; text-align: center; } .pass-close { display: block; margin: 0.65em -0.15em 1em 0 !important; } } /* #Product page ================================================== */ .is-product-main.content, .is-product-sidebar.content { padding-bottom: 0; } /* Blocks */ .product-block.product-block--first { margin-top: 0; /* Always remove the top margin from the first product block */ } /* Popup */ .product-popup { margin-bottom: 0.5rem; } .product-popup.product-popup--left { text-align: left; } .product-popup.product-popup--center { text-align: center; } .product-popup.product-popup--right { text-align: right; } .product-popup__link { display: inline-flex; word-break: break-word; text-decoration: underline; text-underline-offset: 0.25rem; } .fancybox-content.product-popup__lightbox { cursor: default; } .product-popup__lightbox-wrapper h5 { padding-top: 0; } .product-popup__lightbox-wrapper img { height: auto; max-width: 100%; } /* # Product media ================================================== */ .product-gallery__model model-viewer, .product-gallery__video iframe { width: 100%; min-height: 450px; } .product-gallery__model { position: relative; } .product-gallery__model model-viewer { width: 100%; min-height: 500px; } .view-in-your-space { padding: 0; width: 100%; display: flex; justify-content: center; align-items: center; min-height: 44px; background: #e6e6e6; color: #19110b; font: inherit; text-transform: none; border-radius: 0px; border: 0; } .view-in-your-space svg path:first-child { stroke: #19110b; } .view-in-your-space svg path:last-child { fill: #19110b; } .plyr--video .plyr__controls { background: rgba(255, 255, 255, 0.6); padding: 10px; } .plyr--video .plyr__control { background: transparent; color: #19110b; } .plyr--video .plyr__control:hover { background: #ffffff; color: #19110b; } .plyr--video .plyr__controls__item.plyr__time, .plyr--video input[type=range], .plyr--video .plyr__controls__item { color: #19110b; } .plyr--video .plyr__progress input[type=range] + .thumb { background-color: #19110b; color: #19110b; } .plyr--video input[type=range]::-webkit-slider-thumb { background-color: #19110b; } .plyr--video input[type=range]::-moz-range-thumb { background-color: #19110b; } .plyr--video input[type=range]::-ms-thumb { background-color: #19110b; } .plyr--video .plyr__progress__buffer, .plyr--video .plyr__control[aria-expanded=true] { background-color: rgba(25, 17, 11, 0.6); } .plyr--video .plyr__control.plyr__tab-focus { background-color: #19110b; } .plyr--video .plyr__control--overlaid { background: #ffffff; border-radius: 0; border: 1px solid rgba(0, 0, 0, 0.05); height: 50px; width: 50px; } .plyr--video .plyr__control--overlaid svg { left: auto; } .plyr--video .plyr__control--overlaid:hover { background: #ffffff; } .plyr--video .plyr__control--overlaid:hover .play-icon-button-control rect { opacity: 0.75; } .plyr--video .plyr__control .play-icon-button-control { width: 50px; height: 50px; position: absolute; top: 0; left: 0; } .plyr--video .plyr__control .play-icon-button-control rect { fill: #ffffff; } .plyr--video .plyr__control .play-icon-button-control path { fill: #19110b; } .plyr__controls .plyr__controls__item.plyr__progress__container { padding-right: 10px; padding-left: 10px; } /* Styles for a vertical volume scrollbar */ .plyr--full-ui .plyr__volume { background-color: rgba(255, 255, 255, 0.25); border-radius: 5px; bottom: 105px; height: 40px; opacity: 0; padding: 10px 15px !important; position: absolute; transform: rotate(270deg); transition: visibility 0.4s linear 0.4s, opacity 0.4s linear 0.3s; width: 140px; } .plyr--full-ui .plyr__volume:before { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid rgba(255, 255, 255, 0.25); bottom: 18px; content: ""; left: -6px; position: absolute; transform: rotate(90deg); z-index: 2; } .plyr--full-ui .plyr__volume:hover { opacity: 1; visibility: visible; } .plyr--full-ui .plyr__volume.plyr__volume--is-visible { opacity: 1; transition: visibility 0.4s linear, opacity 0.4s linear; } .plyr--full-ui .plyr__volume input[type=range] { color: #19110b; margin: 0 auto; } .plyr--full-ui .plyr__volume input[type=range]::-webkit-slider-runnable-track, .plyr--full-ui .plyr__volume input[type=range]::-moz-range-track, .plyr--full-ui .plyr__volume input[type=range]::-webkit-slider-thumb, .plyr--full-ui .plyr__volume input[type=range]::-moz-range-thumb { box-shadow: none; } .plyr--full-ui .plyr__volume input[type=range]::-ms-fill-upper, .plyr--full-ui .plyr__volume input[type=range]::-ms-thumb, .plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-webkit-slider-runnable-track, .plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-moz-range-track, .plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-ms-track { box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.25); } .plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-webkit-slider-thumb, .plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-moz-range-thumb, .plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-ms-thumb, .plyr--full-ui .plyr__volume input[type=range]:active::-webkit-slider-thumb, .plyr--full-ui .plyr__volume input[type=range]:active::-moz-range-thumb, .plyr--full-ui .plyr__volume input[type=range]:active::-ms-thumb { box-shadow: none; } .plyr--audio .plyr--full-ui .plyr__volume { bottom: 125px; right: -37px; } .plyr--is-ios .plyr__volume { display: none !important; } .plyr__control[data-plyr=mute]:hover + .plyr__volume { opacity: 1; transition: visibility 0.4s linear, opacity 0.4s linear; } @media (min-width: 480px) { .plyr--full-ui .plyr__volume input[type=range] { max-width: 90px; } } @media (min-width: 750px) { .plyr--full-ui .plyr__volume input[type=range] { max-width: 110px; } } @media only screen and (max-width: 989px) { .plyr--is-touch .plyr__volume { display: none !important; } } .show-gallery-arrows--true .shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area { right: 50px; bottom: 10px; } .shopify-model-viewer-ui .shopify-model-viewer-ui__button { color: #19110b; background: #ffffff; } .shopify-model-viewer-ui .shopify-model-viewer-ui__button[hidden] { display: none; } .shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:hover, .shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:focus { color: rgba(25, 17, 11, 0.55); } .shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area { background: #ffffff; border: 1px solid rgba(25, 17, 11, 0.05); } .shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:not(:last-child):after { border-bottom: 1px solid rgba(25, 17, 11, 0.05); } .video-on-hover .plyr__controls, .video-on-hover .plyr__control--overlaid, .swap-true .plyr--youtube .plyr__controls, .swap-true .plyr--youtube .plyr__control--overlaid, .video-controls-enabled--false .plyr__controls, .video-controls-enabled--false .plyr__control--overlaid { opacity: 0; } .video-on-hover .plyr__controls > *, .video-on-hover .plyr__control--overlaid > *, .swap-true .plyr--youtube .plyr__controls > *, .swap-true .plyr--youtube .plyr__control--overlaid > *, .video-controls-enabled--false .plyr__controls > *, .video-controls-enabled--false .plyr__control--overlaid > * { pointer-events: none; cursor: auto; } /* Hide controls on mobile when video is stopped */ .plyr.plyr--stopped .plyr__controls { display: none; } .product_gallery_nav .media-badge { position: absolute; top: 0; right: 0; max-width: 33%; max-height: 33%; min-width: 20px; width: 25px; height: 25px; } .product_gallery_nav .media-badge svg { width: 100%; height: 100%; } .product_gallery_nav .media-badge path:first-child { fill: #ffffff; } .product_gallery_nav .media-badge path:last-child { fill: #19110b; } .product_gallery_nav .media-badge g path:first-child { stroke: #19110b; } .product_gallery_nav .media-badge .media-badge__outline { stroke: rgba(25, 17, 11, 0.05); } /* Set product media height */ .gallery-wrap.product-height-set model-viewer { margin: 0 auto; } .gallery-wrap.product-height-set .product_gallery img, .gallery-wrap.product-height-set .product_gallery .plyr--html5 video { width: 100%; } .gallery-wrap.product-height-set .product_gallery img { object-fit: contain; } .gallery-wrap.product-height-set .product_gallery .plyr--youtube .plyr__video-embed { height: 100%; } .section-wrapper.section-wrapper--product { flex-direction: column; } /* Home page - general ================================================== */ /* Full-width product slider */ .homepage-product-slider { margin: 0 10px; } @media only screen and (max-width: 798px) { .homepage-product-slider { margin: 0; } } .homepage-product-slider object.placeholder-image { width: 100%; display: block; height: auto; position: relative; padding-top: 100%; } .homepage-product-slider .placeholder-svg--product { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .homepage-product-slider.even-num-slides { padding-left: 10px; width: calc(100% - 20px); } @media only screen and (max-width: 798px) { .homepage-product-slider.even-num-slides { padding-left: 0; width: 100%; } } .products-slider.slider-gallery.products-length-6 .gallery-cell { width: calc(16.6% - 10px); } @media only screen and (max-width: 798px) { .products-slider.slider-gallery.products-length-6 .gallery-cell { width: calc(40% - 10px); } } .products-slider.slider-gallery.products-length-5 .gallery-cell { width: calc(20% - 10px); } @media only screen and (max-width: 798px) { .products-slider.slider-gallery.products-length-5 .gallery-cell { width: calc(40% - 10px); } } .products-slider.slider-gallery.products-length-4 .gallery-cell { width: calc(25% - 10px); } @media only screen and (max-width: 798px) { .products-slider.slider-gallery.products-length-4 .gallery-cell { width: calc(40% - 10px); } } .products-slider.slider-gallery.products-length-3 .gallery-cell, .products-slider.slider-gallery.products-length-2 .gallery-cell, .products-slider.slider-gallery.products-length-1 .gallery-cell { width: calc(33.33% - 10px); } .products-slider.slider-gallery .gallery-cell.visible-2 { width: calc(50% - 10px); } @media only screen and (max-width: 798px) { .products-slider.slider-gallery .gallery-cell.visible-2 { width: calc(50% - 10px); } } .products-slider.slider-gallery .gallery-cell.visible-3 { width: calc(33.33% - 10px); } @media only screen and (max-width: 798px) { .products-slider.slider-gallery .gallery-cell.visible-3 { width: calc(40% - 10px); } } .products-slider.slider-gallery .gallery-cell.visible-4 { width: calc(25% - 10px); } @media only screen and (max-width: 798px) { .products-slider.slider-gallery .gallery-cell.visible-4 { width: calc(40% - 10px); } } .products-slider.slider-gallery .gallery-cell.visible-5 { width: calc(20% - 10px); } @media only screen and (max-width: 798px) { .products-slider.slider-gallery .gallery-cell.visible-5 { width: calc(40% - 10px); } } .products-slider.slider-gallery .gallery-cell.visible-6 { width: calc(16.666% - 10px); } @media only screen and (max-width: 798px) { .products-slider.slider-gallery .gallery-cell.visible-6 { width: calc(40% - 10px); } } .products-slider.slider-gallery .gallery-cell.visible-7 { width: calc(14.2% - 10px); } @media only screen and (max-width: 798px) { .products-slider.slider-gallery .gallery-cell.visible-7 { width: calc(40% - 10px); } } .products-slider.slider-gallery .gallery-cell.visible-7 .product-details { font-size: 0.7rem; } /* Text below overlay on larger screens */ @media only screen and (max-width: 1024px) { .products-length-7 .product-info__caption { display: block; } .products-length-7 .thumbnail-overlay { display: none; } .products-length-8 .product-info__caption { display: block; } .products-length-8 .thumbnail-overlay { display: none; } .products-length-9 .product-info__caption { display: block; } .products-length-9 .thumbnail-overlay { display: none; } .products-length-10 .product-info__caption { display: block; } .products-length-10 .thumbnail-overlay { display: none; } .products-length-11 .product-info__caption { display: block; } .products-length-11 .thumbnail-overlay { display: none; } .products-length-12 .product-info__caption { display: block; } .products-length-12 .thumbnail-overlay { display: none; } .products-length-13 .product-info__caption { display: block; } .products-length-13 .thumbnail-overlay { display: none; } .products-length-14 .product-info__caption { display: block; } .products-length-14 .thumbnail-overlay { display: none; } .products-length-15 .product-info__caption { display: block; } .products-length-15 .thumbnail-overlay { display: none; } .products-length-16 .product-info__caption { display: block; } .products-length-16 .thumbnail-overlay { display: none; } } .featured_products.product-slider { padding-bottom: 0; } .featured_products.product-slider .columns { padding-bottom: 0; } /* Applied to the slideshow, video and full-width banner images */ .banner-full-link { line-height: 0; font-size: 0; color: transparent; top: 0; left: 0; right: 0; bottom: 0; position: absolute; } .banner-full-link + .caption { pointer-events: none; cursor: pointer; } @media only screen and (max-width: 480px) { .full-width--true .caption { padding-left: 20px; padding-right: 20px; } } @media only screen and (min-width: 1025px) { .full-width--true .caption { max-width: 960px; padding: 0; } } @media only screen and (min-width: 1401px) { .full-width--true .caption { max-width: 1200px; padding: 0; } } .caption { width: 100%; position: absolute; top: 50%; padding: 0 5%; z-index: 3; transform: translate(0, -50%); } @media only screen and (min-width: 799px) { .caption { max-width: 960px; left: 0; right: 0; margin: 0 auto; } } @media only screen and (min-width: 1025px) { .caption { padding: 0 30px; } } @media only screen and (max-width: 798px) { .caption { width: 100%; } } .caption a { pointer-events: all; } .caption.position-center { left: 0; right: 0; text-align: center; margin-left: auto; margin-right: auto; } @media only screen and (max-width: 798px) { .caption.position-center { width: 85%; } .container .p-price { width: 335px; text-align: center; margin: auto; } } @media only screen and (max-width: 480px) { .caption.position-center { width: 100%; } } .caption.position-left { left: 0; right: 0; text-align: left; } .caption.position-right { left: 0; right: 0; text-align: right; } .caption .pretext { color: #ffffff; font-family: "Roboto Condensed", sans-serif; font-weight: 400; text-transform: none; font-size: 18px; letter-spacing: 1px; margin-bottom: 10px; }@media only screen and (max-width: 480px) { .caption .pretext { font-size: 1.4em; } } @media only screen and (max-width: 798px) { .caption .pretext { font-size: 12.0px; } } @media only screen and (min-width: 799px) { .caption .pretext { font-size: 15.0px; } } @media only screen and (min-width: 799px) { .caption .pretext { font-size: 18px; } } .caption .headline { color: #ffffff; font-family: Oswald, sans-serif; font-weight: 400; font-style: normal; text-transform: none; font-size: 60px; letter-spacing: 1px; line-height: 1.4em; margin-bottom: 15px; }.caption .headline { text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); }@media only screen and (max-width: 480px) { .caption .headline { font-size: 2.6em; } } @media only screen and (max-width: 798px) { .caption .headline { font-size: 40.0px; } } @media only screen and (min-width: 799px) { .caption .headline { font-size: 50.0px; } } @media only screen and (min-width: 1025px) { .caption .headline { font-size: 60px; } } .caption .subtitle { color: #ffffff; font-family: "Roboto Condensed", sans-serif; font-weight: 400; text-transform: none; font-style: none; font-size: 18px; letter-spacing: 1px; position: relative; }@media only screen and (max-width: 480px) { .caption .subtitle { font-size: 1.4em; } } @media only screen and (max-width: 798px) { .caption .subtitle { font-size: 12.0px; } } @media only screen and (min-width: 799px) { .caption .subtitle { font-size: 15.0px; } } @media only screen and (min-width: 1025px) { .caption .subtitle { font-size: 18px; } } .caption .pretext:empty, .caption .headline:empty, .caption .subtitle:empty { display: none; } .caption .pretext:empty:before, .caption .headline:empty:before, .caption .subtitle:empty:before { height: 0; } .caption-background-text_box .caption-content { background-color: #19110b; /* Fallback */ } @media only screen and (max-width: 480px) { .caption--below-true .caption { margin: 20px auto !important; /* Force caption margin */ font-size: 3vw; position: static; transform: none; width: 100%; } } @media only screen and (max-width: 480px) { .caption--below-true .pretext { color: #19110b; text-shadow: none; } } @media only screen and (max-width: 480px) { .caption--below-true .headline { color: #19110b; text-shadow: none; } } @media only screen and (max-width: 480px) { .caption--below-true .subtitle { color: #19110b; text-shadow: none; } } .caption--below-true.caption-background-text_box .caption-content { background-color: #19110b; } @media only screen and (max-width: 480px) { .caption--below-true.caption-background-text_box .caption-content { background-color: transparent; } } @media only screen and (max-width: 480px) { .caption--below-true.caption-background-translucent_text_box .caption-content { background-color: transparent; } } .subtitle p a { pointer-events: all; } .caption-content { display: inline-block; float: none; max-width: 60%; font-size: 0; } @media only screen and (max-width: 798px) { .caption-content { max-width: 80%; } } @media only screen and (max-width: 480px) { .caption-content { width: 100%; max-width: 100%; } } .caption-content.align-center { text-align: center; } @media only screen and (max-width: 798px) { .caption-content.align-center { max-width: 80%; } } @media only screen and (max-width: 480px) { .caption-content.align-center { width: 100%; max-width: 100%; } } .caption-content.align-left { text-align: left; } .caption-content.align-left .subtitle:before { margin-left: 0; } .caption-content.align-right { text-align: right; } .caption-content.align-right .subtitle:before { margin-right: 0; } .caption-content { padding: 30px; } .caption-content h1 { padding-top: 0; } .caption-content > *:only-child { margin-bottom: 0px; } @media only screen and (max-width: 480px) { .caption-content { padding: 15px; } } @media only screen and (max-width: 480px) { .caption--below-true .caption-content { padding: 0px; } }.homepage-video .caption-background-text_box { background-color: #19110b; }@media only screen and (max-width: 480px) { .homepage-video .caption-background-text_box { background-color: transparent; } } .caption-background-translucent_text_box .caption-content { background-color: rgba(25, 17, 11, 0.6); } /* Slideshow */ .homepage-slideshow .gallery-cell:not(:first-child) { height: 0; } .homepage-slideshow.flickity-enabled .gallery-cell:not(:first-child) { height: auto; } /* #Account ================================================== */ .account-header-logout { text-align: right; text-transform: uppercase; } .account-sidebar { border-right: 1px solid #dddddd; box-sizing: border-box; padding-right: 10px; overflow-wrap: anywhere; } @media only screen and (max-width: 798px) { .account-sidebar { border: 0; padding-right: 0; } } .customers-addresses .account-sidebar { border-right: 0; padding-right: 0; } .customers-addresses .account-main { box-sizing: border-box; border-left: 1px solid #dddddd; padding-left: 20px; } @media only screen and (max-width: 798px) { .customers-addresses .account-main { border: 0; padding-left: 0; } } .action_bottom .note { vertical-align: middle; line-height: 40px; } .address_title { margin-bottom: 0; padding-bottom: 0; } .address__action a, .address__action a:hover, .address__action a:active, .address__action a:focus { color: inherit; } /* #Policy pages ================================================== */ @media only screen and (max-width: 798px) { .shopify-policy-template .container { margin-left: 10px; margin-right: 10px; } } .container .shopify-policy__container { margin: 0; max-width: none; padding-left: 0; padding-right: 0; } .shopify-policy__container .shopify-policy__title { text-align: left; } /* #Home page - Featured product ================================================== */ .shopify-section--featured-product .product__details { padding: 40px 2rem; } /* #Home page - text columns with images ================================================== */ .shopify-section--text-columns-with-images .border-style--box { padding: 10%; border: 1px solid #dddddd; } .shopify-section--text-columns-with-images .border-style--quote { padding-left: 20px; border-left: 1px solid #dddddd; margin-bottom: 10%; } .shopify-section--text-columns-with-images .large_text { font-family: Oswald, sans-serif; font-weight: 400; font-style: normal; text-transform: uppercase; line-height: 1.5; color: #19110b; display: block; letter-spacing: 1px; text-rendering: optimizeLegibility; font-size: 50.7px; } .shopify-section--text-columns-with-images .text-column { margin-bottom: 25px; } .shopify-section--text-columns-with-images .text-columns-with-images__button { margin: 10px 0 25px; } .shopify-section--text-columns-with-images h2.title + .feature_divider { margin-bottom: 40px; } .shopify-section--text-columns-with-images img { margin: 0 0 15px; border-radius:5px; } /* OOTS Content Creator slideshow */ .flexslider img { display: block; margin: 0 auto; } /* #Home page - slideshow ================================================== */ .homepage-slideshow:hover .flickity-prev-next-button, .shopify-section--testimonials:hover .flickity-prev-next-button { opacity: 0.5; } .homepage-slideshow.text-animation--false .caption { opacity: 0; transition: opacity 0.3s linear; } .homepage-slideshow.text-animation--false.flickity-enabled .caption { opacity: 1; } .text-animation--true .caption-content { opacity: 0; } .homepage-slideshow.single-image .flickity-prev-next-button, .shopify-section--testimonials.single-image .flickity-prev-next-button { display: none; } .homepage-slideshow.single-image .flickity-page-dots, .shopify-section--testimonials.single-image .flickity-page-dots { display: none; } .homepage-slideshow .gallery-cell, .shopify-section--testimonials .gallery-cell { width: 100%; }.homepage-slideshow .gallery-cell, .shopify-section--testimonials .gallery-cell { background-color: #19110b; }@media only screen and (max-width: 480px) { .homepage-slideshow .gallery-cell, .shopify-section--testimonials .gallery-cell { background-color: transparent; } } .homepage-slideshow .gallery-cell img, .shopify-section--testimonials .gallery-cell img { width: 100%; display: block; } .homepage-slideshow .flickity-prev-next-button, .shopify-section--testimonials .flickity-prev-next-button { opacity: 0; width: 5%; height: 100%; border-radius: 0; } @media only screen and (min-width: 799px) { .homepage-slideshow .flickity-prev-next-button, .shopify-section--testimonials .flickity-prev-next-button { opacity: 0; } } .homepage-slideshow .flickity-page-dots, .shopify-section--testimonials .flickity-page-dots { bottom: 2em; display: none; } @media only screen and (min-width: 799px) { .homepage-slideshow .flickity-page-dots, .shopify-section--testimonials .flickity-page-dots { display: block; } } .homepage-slideshow .flickity-page-dots .dot, .shopify-section--testimonials .flickity-page-dots .dot { height: 4px; width: 40px; margin: 0; border-radius: 0; background: #19110b; } @media only screen and (max-width: 480px) { .homepage-slideshow .flickity-page-dots, .shopify-section--testimonials .flickity-page-dots { display: block; bottom: 5px; } } /* Home - product slider */ .js-product-slider .product_clear { display: none; } .js-product-slider .flickity-prev-next-button { border-radius: 0; } /* #Home page - Search ================================================== */ .search-bgr-true { background-position: center center; background-repeat: no-repeat; background-size: cover; } .shopify-section--search { width: 100%; display: inline-block; } .shopify-section--search h2 { margin-top: 0; margin-bottom: 0.25em; } .shopify-section--search p, .shopify-section--search h2 { color: #19110b; } .shopify-section--search .section_form { padding: 60px 20px; max-width: 1200px; width: 95%; margin-left: auto; margin-right: auto; } .shopify-section--search .search__section { background-color: #f5f6f3; } .text-align--center .search__container { justify-content: center; } .text-align--left .search__container { justify-content: flex-start; } .text-align--right .search__container { justify-content: flex-end; } .search__container { position: relative; width: 100%; display: flex; } .search__container .search__wrapper { display: inline-block; position: relative; max-width: 650px; width: 100%; } .search__container input[type=text] { color: #19110b; font-size: 16px; display: inline-block; border: 1px solid #000; min-height: 50px; height: 50px; margin-bottom: 0; background-color: #ffffff; } .search__container input[type=text]::-webkit-input-placeholder { color: #19110b; } .search__container input[type=text]:-moz-placeholder { /* Firefox 18- */ color: #19110b; } .search__container input[type=text]::-moz-placeholder { /* Firefox 19+ */ color: #19110b; } .search__container input[type=text]:-ms-input-placeholder { color: #19110b; } .search__container input[type=text]:focus, .search__container input[type=text]:active { border: 1px solid #000; } .search__form { width: 100%; max-width: 650px; position: relative; flex: 0 0 auto; } .search__button { position: absolute; margin-top: 0; top: 0; height: 50px; width: 50px; right: 0px; padding: 0; background-color: #000; border-color: transparent; color: white; font-size: 24px; }.search__button { border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; }.search__button:hover { color: white; background-color: #c4cab9; border: 1px solid #000; border-left: 0px; } /* #Home page - image with text ================================================== */ .button-grid-container { margin-top: 10px; display: inline-grid; grid-auto-columns: 1fr; grid-auto-rows: 1fr; grid-auto-flow: column; grid-gap: 1rem; } @media only screen and (max-width: 798px) { .button-grid-container--column-mobile { grid-auto-flow: row; } } @media only screen and (max-width: 1024px) { .button-grid-container--column-tablet { grid-auto-flow: row; } } .button-grid-container--column { grid-auto-flow: row; } .block__image_with_text + div:not(.block__image_with_text) { padding-top: 20px; } .block__image_with_text + section { padding-top: 20px; } .block__image_with_text + .block__image_with_text { margin-bottom: 20px; } .image-with-text-container .featured-link--half a[href] img { box-shadow: #000 0em 0em 0em; transition: opacity 0.2s linear; } .image-with-text-container .featured-link--half:hover a[href] img.lazyloaded { opacity: 0.8; } .standard--width .image-with-text .featured-link--image, .full-width--false.image-with-text .featured-link--image { background-color: transparent; } .featured-link--wrap { height: 100%; } .featured-link--half { box-sizing: border-box; text-align: center; background-color: #ffffff; } .featured-link--half img { display: block; margin: 0 auto; width: 100%; max-width: 100%; } @media only screen and (max-width: 480px) { .featured-link--half img { width: 100%; max-width: auto; } } .featured-link--half .info { display: inline-block; width: 80%; margin: 0 auto; padding: 20px; } .featured-link--half .info.text-align--right { text-align: right; } .featured-link--half .info.text-align--right .description:before { margin-right: 0; } .featured-link--half .info.text-align--left { text-align: left; } .featured-link--half .info.text-align--left .description:before { margin-left: 0; } @media only screen and (max-width: 480px) { .featured-link--half .info { position: static; transform: translateY(0); padding: 2em 0; } } .featured-link--half .collection_title { margin-bottom: 15px; display: block; }.featured-link--half .collection_title { color: #19110b; }.featured-link--half .description { position: relative; font-size: 16; line-height: 1.5; margin-bottom: 20px; }@media only screen and (max-width: 798px) { .featured-link--half .description { font-size: 2vw; } } @media only screen and (max-width: 480px) { .featured-link--half .description { font-size: inherit; } } @media only screen and (min-width: 1401px) { .featured-link--half .description { font-size: inherit; } }/* #Home page - Divider ================================================== */ .shopify-section--divider .container { padding: 0; } .divider { opacity: 0; border-top: 0px; } .divider.divider--true { opacity: 1; } /* #Home page - Quote ================================================== */ .quote__text { font-size: 18px; line-height: 18px; text-align: center; text-transform: uppercase; padding: 15px 0; border-top-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-bottom-style: solid; border-color: #dddddd; } .quote__text p { margin: 0; } .quote { padding: 10px 0px; text-align: center; border-top-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-bottom-style: solid; border-color: #dddddd; } /* #Home page - Rich text and image ================================================== */ .shopify-section--rich-text-and-image { padding: 20px 0; } .rich-text__content .regular_text, .rich-text__content .featured_text { margin-top: 15px; } /* #Home page - Featured promotions ================================================== */ .promo-animation--true { opacity: 0; } .featured-promotions.full-width--false { padding: 20px 0; } .featured-promotions.full-width--false .feature-section { margin-bottom: 20px; } .featured-promotions .feature-section { text-align: center; position: relative; } @media only screen and (max-width: 798px) { .featured-promotions .feature-section { opacity: 1; } } .featured-promotions .feature-section .link-promo { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; } .featured-promotions .feature-section .feature-inner { display: block; position: relative; overflow: hidden; } .featured-promotions .feature-section .feature-style--circle { border-radius: 50%; } .featured-promotions .feature-section .feature-style--circle img { border-radius: 50%; } .featured-promotions .feature-section .feature-style--rounded { border-radius: 10px; } .featured-promotions .feature-section .feature-style--rounded img { border-radius: 10px; } .featured-promotions .feature-section .feature-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; transition: background-color 0.25s linear; }@media only screen and (max-width: 798px) { .featured-promotions .feature-section .feature-overlay { background: rgba(25, 17, 11, 0.5); } }.featured-promotions .feature-section .feature-wrap { top: 50%; transform: translateY(-50.1%); padding: 10px 0; position: absolute; width: 80%; margin: 0 auto; left: 0; right: 0; pointer-events: none; } .featured-promotions .feature-section .feature-details { display: none; opacity: 0; transition: opacity 0.3s linear; } @media only screen and (max-width: 798px) { .featured-promotions .feature-section .feature-details { opacity: 1; display: block; } } .featured-promotions .feature-section .feature-details.reveal-details { opacity: 1; } .featured-promotions .feature-section .feature-details .feature-details__button { margin-top: 15px; } .featured-promotions .feature-section .description { color: #FFF; transition: all 0.3s linear; margin-bottom: 0; } .featured-promotions .feature-section .description a { pointer-events: auto; } .featured-promotions .feature-section.title-overlay-true .title { transition: all 0.3s linear; color: #FFF; } @media only screen and (max-width: 798px) { .featured-promotions .feature-section.title-overlay-true .title { margin-bottom: 10px; } } .featured-promotions .feature-section.title-overlay-true .title:after { content: ""; display: block; height: 1px; width: 0; background: #FFF; transition: width 0.5s ease, background-color 0.5s ease; margin: 10px auto auto auto; } @media only screen and (max-width: 798px) { .featured-promotions .feature-section.title-overlay-true .title:after { display: none; } } .featured-promotions .feature-section.title-overlay-false .feature-wrap .title { display: none; } .featured-promotions .feature-section:hover .feature-overlay { background: rgba(25, 17, 11, 0.5); }@media only screen and (max-width: 798px) { .featured-promotions .feature-section:hover .feature-overlay { background: transparent; } }.featured-promotions .feature-section.title-overlay-true:hover .title:after { width: 50%; background: #FFF; } .featured-promotions .feature-section.title-overlay-true:hover .title { color: #FFF; } .featured-promotions .feature-section.title-overlay-true:hover .description { color: #FFF; } .featured-promotions .feature-section.title-overlay-false:hover .description { color: #FFF; } .featured-promotions .feature-section img { width: 100%; display: block; box-shadow: 0 0 1px rgba(0, 0, 0, 0.05); } .promo-1 { animation-delay: 0s; } .promo-2 { animation-delay: 0.3s; } .promo-3 { animation-delay: 0.6s; } .promo-4 { animation-delay: 0.9s; } .promo-5 { animation-delay: 1.2s; } .promo-6 { animation-delay: 1.5s; } .promo-7 { animation-delay: 1.8s; } .promo-8 { animation-delay: 2.1s; } .promo-9 { animation-delay: 2.4s; } .promo-10 { animation-delay: 2.7s; } .promo-11 { animation-delay: 3s; } .promo-12 { animation-delay: 3.3s; } .featured-promotions.full-width--true { padding-top: 0; } /* #Home page - featured collection ================================================== */ .featured-collection__description { padding: 0 20px; margin: 20px 0; } /* #Home page - image with text overlay ================================================== */ .banner { position: relative; overflow: hidden; }.banner { background-color: #19110b; }@media only screen and (max-width: 480px) { .banner { max-height: inherit; background-color: transparent; } } .banner img { width: 100%; display: block; } /* #Home page - video ================================================== */ .block__featured_video .caption, .shopify-section--video .caption { z-index: 30; pointer-events: none; } @media only screen and (max-width: 480px) { .block__featured_video .caption, .shopify-section--video .caption { margin: 0; height: auto; } } .block__featured_video .video-text--outside-video, .shopify-section--video .video-text--outside-video { height: auto; } .showPosterImage--true[data-ratio="16:9"] { padding-top: 56.25%; } .showPosterImage--true[data-ratio="4:3"] { padding-top: 75%; } .homepage-video { position: relative; overflow: hidden; transition: height 0.3s ease-in-out; }.homepage-video { background-color: #19110b; }@media only screen and (max-width: 480px) { .homepage-video { background-color: transparent; } } .homepage-video img { width: 100%; display: block; } .homepage-video iframe { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; } .homepage-video video { background-color: #ffffff; } .homepage-video video[poster] { object-fit: cover; } .homepage-video video.video-autoplay--true.html-video { display: none; } .homepage-video .homepage-video--media { width: 100%; height: auto; padding-top: 0; } .homepage-video .placeholder-image--true a.video__play-button { pointer-events: none; } .homepage-video .caption.text-on-video { pointer-events: none; } @media only screen and (max-width: 480px) { .homepage-video .caption.text-on-video { position: absolute; height: auto; transform: translateY(-50%); margin: 0; } } .homepage-video .mobile-video__buttons { display: block; text-align: center; top: 55%; transform: translateY(-50%); width: 100%; position: absolute; } .homepage-video .mobile-video__buttons.text-on-video { z-index: 20; } @media only screen and (min-width: 481px) { .homepage-video .mobile-video__buttons { display: none; } } .darken-video { display: block; background: rgba(0, 0, 0, 0.3); top: 0; left: 0; right: 0; bottom: 0; position: absolute; pointer-events: none; z-index: 20; } /* #Home page - Newsletter ================================================== */ .newsletter_section { padding: 20px 0; } /* #Page Banners ================================================== */ .banner.page-banner { width: 100%; overflow: hidden; max-height: 100vh; } /* #Price UI ================================================== */ .price--sale { margin-right: 5px; color: #9b7e4b; } .compare-at-price { text-decoration: line-through; color: #19110b; } .unit-pricing { display: block; font-size: 0.75em; margin-top: 2px; } .price-ui { display: inline-block; opacity: 1; transition: opacity 250ms ease-in-out; } .product__details--product-page .price-ui { display: flex; flex-wrap: wrap; font-weight: 500; } .product_section .modal_price .product-emi { width: 100%; font-size: 14px; border-bottom: 1px solid #ddd; padding-block: 6px 15px; line-height: 1.2; } .product_section .gw-rv-star-rating-widget-placeholder { margin-bottom: 10px; } .product_section .woox-guide-inline p { font-size: 13px; margin-bottom: 10px; } .product_section .woox-guide-inline p a { text-decoration: underline; color: #464fd0; } .product_section .woox-guide-inline p a:hover { text-decoration: none; } .product_section .product-block--form { border-bottom: 1px solid #ddd; padding-bottom: 6px; margin-bottom: 22px; } .product_section .product-block--form:has(.default_select:only-child) { display: none; } .product_section .swatch_options { margin-bottom: 0.5rem; } .product_section select { cursor: pointer; } .product__details--product-page .price-ui .savings { order: 5; margin-right: 5px; width: 100%; } .product__details--product-page .price-ui .sold_out { order: 3; } .product__details--product-page .price-ui .unit-pricing { order: 4; width: 100%; } .product__details--product-page .price-ui .compare-at-price { order: 2; margin-right: 5px; } .price-ui--loading { opacity: 0; } /* #Price UI badge ================================================== */ .price-ui-badges { display: flex; margin-bottom: 15px; } .thumbnail .price-ui-badges { position: absolute; top: 0; right: 0; margin-bottom: 0; flex-direction: column; } .price-ui-badge { margin-right: 5px; } .price-ui-badge:last-child { margin-right: 0; } .thumbnail .price-ui-badge { margin-right: 0; } .price-ui-badge__sticker { background-color: #9b7e4b; font-family: "Roboto Condensed", sans-serif; font-weight: 400; font-style: normal; text-transform: none; letter-spacing: 1px; padding: 8px 12px; text-align: center; color: #fff; font-size: 14px; } @media only screen and (max-width: 480px) { .price-ui-badge__sticker { font-size: smaller; padding: 4px 10px; } } .price-ui-badges--round .price-ui-badge__sticker { border-radius: 50%; width: 70px; height: 70px; line-height: 70px; padding: 0; } @media only screen and (max-width: 480px) { .price-ui-badges--round .price-ui-badge__sticker { display: flex; align-items: center; justify-content: center; word-break: break-word; line-height: 1.4; } } @media only screen and (max-width: 798px) { .price-ui-badges--round .price-ui-badge__sticker { width: 50px; height: 50px; } } .thumbnail .price-ui-badges--round .price-ui-badge__sticker { position: relative; top: 10px; right: 10px; } @media only screen and (max-width: 798px) { .thumbnail .price-ui-badges--round .price-ui-badge__sticker { top: 5px; right: 5px; } } .price-ui-badge__sticker--sold-out { background-color: #19110b; } .price-ui-badge__sticker--new, .price-ui-badge__sticker--pre-order { background-color: #9b7e4b; } /* #Surface Pick-up ================================================== */ .surface-pick-up { opacity: 1; transition: opacity 0.3s ease-in; } .surface-pick-up.surface-pick-up--loading { visibility: hidden; opacity: 0; } .surface-pick-up-embed { --surface-pick-up-embed-theme-success-color: #099E4D; --surface-pick-up-embed-theme-error-color: #DE3618; --surface-pick-up-embed-theme-paragraph-font-size: 16px; --surface-pick-up-embed-theme-paragraph-smaller-font-size: 0.85em; --surface-pick-up-embed-theme-body-font-weight-bold: 600; --surface-pick-up-embed-theme-body-text-color: #19110b; --surface-pick-up-embed-theme-link-text-decoration: underline; --surface-pick-up-embed-row-gap: 10px; --surface-pick-up-embed-column-gap: 10px; margin-bottom: 40px; } .js-quick-shop .surface-pick-up-embed { --surface-pick-up-embed-theme-body-text-color: #1b1f23; } .surface-pick-up-item { --surface-pick-up-item-theme-success-color: #099E4D; --surface-pick-up-item-theme-error-color: #DE3618; --surface-pick-up-item-theme-paragraph-font-size: 16px; --surface-pick-up-item-theme-paragraph-smaller-font-size: 0.85em; --surface-pick-up-item-theme-body-font-weight-bold: 600; --surface-pick-up-item-theme-body-text-color: #19110b; --surface-pick-up-item-theme-border-color: rgba(245, 246, 243, 0.5); --surface-pick-up-item-theme-link-text-decoration: underline; --surface-pick-up-item-row-gap: 0.8em; --surface-pick-up-item-column-gap: 5px; --surface-pick-up-item-gap: 22px; } .surface-pick-up__modal.fancybox-content .fancybox-close-small svg { background-color: rgba(0, 0, 0, 0.1); border-radius: 50%; } .surface-pick-up__modal-header { display: flex; flex-direction: column; padding-bottom: 28px; border-bottom: 1px solid rgba(245, 246, 243, 0.5); } .surface-pick-up__modal-title { margin: 0; font-family: Oswald, sans-serif; font-weight: 400; font-style: normal; text-transform: uppercase; line-height: 1.5; color: #19110b; display: block; letter-spacing: 1px; text-rendering: optimizeLegibility; font-size: 31px; font-weight: 600; text-transform: none; letter-spacing: normal; } .surface-pick-up__modal-subtitle { font-size: 16px; } .surface-pick-up-embed__in-stock-icon, .surface-pick-up-embed__out-of-stock-icon { width: 0.85em; height: 0.85em; margin-top: 0.3em; } .surface-pick-up-item__pick-up-location { font-size: 16px; font-weight: bold; letter-spacing: normal; text-transform: none; } .surface-pick-up-item__address-info { font-size: 0.85em; line-height: 1.5; } .surface-pick-up-item__in-stock-icon, .surface-pick-up-item__out-of-stock-icon { margin-top: 0.3em; width: 0.8em; height: 0.8em; } .surface-pick-up-item__pick-up-distance { padding-left: 5em; } .surface-pick-up-item:last-child { padding-bottom: calc(var(--surface-pick-up-item-gap) / 2); } .surface-pick-up-embed__location-availability { text-transform: none; letter-spacing: normal; } /* #Desktop navigation ================================================== */ .nav-desktop summary { list-style: none; } .nav-desktop__tier-1-item, .nav-desktop__tier-2-item, .nav-desktop__tier-3-item { margin: 0; } .nav-desktop__tier-2-item, .nav-desktop__tier-3-item { padding: 12px 20px; } .nav-desktop__tier-2-item { position: relative; } .feature_image .nav-desktop__tier-1-link { color: #ffffff; transition: color 0.2s ease; } .feature_image .nav-desktop__tier-1-link:visited { color: #ffffff; } .feature_image .nav-desktop__tier-1-link:hover, .feature_image .nav-desktop__tier-1-link:active, .feature_image .nav-desktop__tier-1-link:focus, .feature_image .nav-desktop__tier-1-link.nav-desktop__tier-1-link--active { color: #9b7e4b; } .nav-desktop__tier-1-link { border-bottom: solid 1px transparent; } .feature_image .nav-desktop__tier-1-link { color: #ffffff; } .nav-desktop__tier-1-link:hover, .nav-desktop__tier-1-link[aria-expanded=true] { border-bottom: solid 1px #9b7e4b; } .nav-desktop__tier-1-item--dropdown-parent .nav-desktop__tier-1-link:hover, .nav-desktop__tier-1-item--dropdown-parent .nav-desktop__tier-1-link[aria-expanded=true] { border-bottom: solid 1px transparent; } .nav-desktop__tier-1-link, .nav-desktop__tier-2-link, .nav-desktop__tier-3-link { position: relative; font-family: "Roboto Condensed", sans-serif; font-weight: 400; font-style: normal; font-size: 15px; color: #ffffff; letter-spacing: 1px; text-rendering: optimizeLegibility; text-transform: none; text-decoration: none; cursor: pointer; } @media only screen and (max-width: 798px) { .nav-desktop__tier-1-link, .nav-desktop__tier-2-link, .nav-desktop__tier-3-link { font-size: 12px; } } .nav-desktop__tier-1-link span, .nav-desktop__tier-2-link span, .nav-desktop__tier-3-link span { color: inherit; } .nav-desktop__tier-1-link:visited, .nav-desktop__tier-2-link:visited, .nav-desktop__tier-3-link:visited { color: #ffffff; text-decoration: none; } .nav-desktop__tier-1-link:visited span, .nav-desktop__tier-2-link:visited span, .nav-desktop__tier-3-link:visited span { color: inherit; } .nav-desktop__tier-1-link:hover, .nav-desktop__tier-1-link:active, .nav-desktop__tier-1-link:focus, .nav-desktop__tier-1-link:focus-within, .nav-desktop__tier-1-link.nav-desktop__tier-1-link--active, .nav-desktop__tier-2-link:hover, .nav-desktop__tier-2-link:active, .nav-desktop__tier-2-link:focus, .nav-desktop__tier-2-link:focus-within, .nav-desktop__tier-2-link.nav-desktop__tier-1-link--active, .nav-desktop__tier-3-link:hover, .nav-desktop__tier-3-link:active, .nav-desktop__tier-3-link:focus, .nav-desktop__tier-3-link:focus-within, .nav-desktop__tier-3-link.nav-desktop__tier-1-link--active { color: #9b7e4b; text-decoration: none; } .nav-desktop__tier-1-link:hover span, .nav-desktop__tier-1-link:active span, .nav-desktop__tier-1-link:focus span, .nav-desktop__tier-1-link:focus-within span, .nav-desktop__tier-1-link.nav-desktop__tier-1-link--active span, .nav-desktop__tier-2-link:hover span, .nav-desktop__tier-2-link:active span, .nav-desktop__tier-2-link:focus span, .nav-desktop__tier-2-link:focus-within span, .nav-desktop__tier-2-link.nav-desktop__tier-1-link--active span, .nav-desktop__tier-3-link:hover span, .nav-desktop__tier-3-link:active span, .nav-desktop__tier-3-link:focus span, .nav-desktop__tier-3-link:focus-within span, .nav-desktop__tier-3-link.nav-desktop__tier-1-link--active span { color: inherit; } .nav-desktop__tier-2-link, .nav-desktop__tier-3-link { display: block; width: 100%; padding: var(--space-4) var(--space-8); } .nav-desktop__tier-1 { display: flex; align-items: center; flex-wrap: wrap; column-gap: 13px; padding: 0; margin: 0; list-style: none; } .align_right .nav-desktop__tier-1 { justify-content: flex-end; } .center .nav-desktop__tier-1 { justify-content: center; } .nav-desktop__tier-1 .nav-desktop__tier-1-item { display: inline-block; } .nav-desktop__tier-1 .nav-desktop__tier-1-link { display: block; padding: 12px 0; white-space: nowrap; } .nav-desktop__tier-1-item--dropdown-parent { position: relative; } .nav-desktop__tier-2-link--parent { display: flex; justify-content: space-between; } .nav-desktop__tier-2-link-icon { transform: rotate(270deg); } .nav-desktop__tier-2, .nav-desktop__tier-3 { margin: 0; position: absolute; z-index: 100; text-align: left; opacity: 0; width: 270px; } .nav-desktop__tier-2[data-animation], .nav-desktop__tier-3[data-animation] { transition: opacity 0.2s linear; } .nav-desktop__tier-2[data-animation-state=open], .nav-desktop__tier-3[data-animation-state=open] { display: block; opacity: 1; } .nav-desktop__tier-2 { top: 100%; left: 0; } .nav-desktop__tier-2.alternate-drop { right: 0; left: auto; } .nav-desktop__tier-2--dropdown, .nav-desktop__tier-3 { text-align: left; padding: 0; }.nav-desktop__tier-2--dropdown, .nav-desktop__tier-3 { background: #19110b; }.nav-desktop__tier-2--dropdown { list-style: none; text-transform: uppercase; } [data-show-separator=true] .nav-desktop__tier-2--dropdown { top: 100%; border-top: 1px transparent; } .nav-desktop__tier-2--dropdown li { width: 100%; } .nav-desktop__tier-3 { top: 0; left: 100%; transition: none; } .nav-desktop__tier-3[data-animation] { transition: opacity 0.2s linear; } .nav-desktop__tier-3[data-animation-state=open] { opacity: 1; } .nav-desktop__tier-3.alternate-drop { right: 100%; left: auto; } .nav-desktop__tier-3 li { display: block; width: 100%; } .nav-desktop__tier-2--full-width-menu { position: absolute; left: 0; width: 100vw; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05), 0 16px 16px rgba(0, 0, 0, 0.075); }.nav-desktop__tier-2--full-width-menu { background: #19110b; }[data-nav-desktop-details][open] .nav-desktop__tier-2--full-width-menu { width: 100%; } .sticky_nav .nav-desktop__tier-2--full-width-menu { max-height: calc(90vh - var(--sticky-header-height, 100px)); overflow: scroll; } .no-js [data-nav-desktop-details][open] > .nav-desktop__tier-2, .no-js [data-nav-desktop-details][open] > .nav-desktop__tier-3, .no-js [data-nav-desktop-details][open] > .header-mega-nav { display: block; opacity: 1; } .no-js [data-nav-desktop-details][open] > .header-mega-nav + .nav-desktop__tier-2, .no-js [data-nav-desktop-details][open] > .header-mega-nav + .nav-desktop__tier-3 { display: none; opacity: 0; } [data-nav-desktop-details] > summary::-webkit-details-marker { display: none; } .widemenu { list-style: none; margin: 0; padding: 15px 20px 20px; display: grid; grid-template-columns: repeat(5, 1fr); grid-gap: 50px; } .widemenu__submenu-items { list-style: none; margin: 0; padding: 0; } .widemenu__link { font-family: "Roboto Condensed", sans-serif; font-weight: 400; font-style: normal; font-size: 15px; color: #ffffff; letter-spacing: 1px; text-rendering: optimizeLegibility; text-decoration: none; } @media only screen and (max-width: 798px) { .widemenu__link { font-size: 12px; } } .widemenu__link:visited { color: #ffffff; text-decoration: none; } .widemenu__link:hover, .widemenu__link:active, .widemenu__link:focus { color: #9b7e4b; text-decoration: none; } .widemenu__submenu-heading { display: block; margin-bottom: 6px; padding: 12px 0; border-bottom: 1px solid #ffffff; } .widemenu__submenu-item { padding: 6px 0; margin: 0; } .mega-menu-container { display: none; } .no-js .mega-menu-container { display: flex; position: relative; width: 100%; padding: 10px 20px; }.no-js .mega-menu-container { background: #19110b; }.shopify-section--mega-menu { width: auto; } .mobile-meganav-source { display: none; } /* #Font-Face ================================================== */ /* This is the proper syntax for an @font-face file. Upload your font files to Assets and then copy your FontName into code below and remove comment brackets */ /* @font-face { font-family: 'FontName'; src: url('FontName.eot'); src: url('FontName.eot?iefix') format('eot'), url('FontName.woff') format('woff'), url('FontName.ttf') format('truetype'), url('FontName.svg#webfontZam02nTh') format('svg'); font-weight: normal; font-style: normal; } */ /* #Custom Styles ================================================== */ button:hover { cursor: pointer; } /* common styles end */ [data-ml-modal] { position:fixed; top:0; bottom:0; left:0; right:0; overflow-x:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch; z-index:999; width:0; height:0; opacity:0; } [data-ml-modal]:target { width:auto; height:auto; opacity:1; -webkit-transition: opacity 1s ease; transition: opacity 1s ease; } [data-ml-modal]:target .modal-overlay { position:fixed; top:0; bottom:0; left:0; right:0; cursor:pointer; background-color:#000; background-color: rgba(5,31,52,.57); z-index:1; } [data-ml-modal] .modal-dialog { border-radius:6px; box-shadow:0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); position:relative; width: 90%; max-width:660px; max-height:70%; margin:10% auto; overflow-x:hidden; overflow-y:auto; z-index:2; } .modal-dialog-lg {max-width:820px !important;} [data-ml-modal] .modal-dialog > h3 { background-color:#eee; border-bottom:1px solid #b3b3b3; font-size:24px; font-weight: 400; margin:0; padding:0.8em 56px .8em 27px; } [data-ml-modal] .modal-content {background:#fff; padding:23px 27px;} [data-ml-modal] .modal-close { position:absolute; top:13px; right:13px; color:#0085a6; background-color:#fff; border-radius:50%; height:40px; width:40px; font-size:30px; line-height:37px; text-align:center; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } [data-ml-modal] .modal-close:hover {background-color:#0085a6; color:#fff; cursor:pointer;} [data-ml-modal] p:first-child, [data-ml-modal] p:last-child {margin:0;} @media (max-width:767px) { [data-ml-modal] .modal-dialog {margin:20% auto;} } /* End Modals ------------------------------*/ /* General*/ /*! CSS Used from: /cdn/shop/t/72/assets/styles.css?v=120001862077594519621682593618 ; media=all */ .hello { /*! CSS Used from: Embedded */ /*! CSS Used from: https://media.sezzle.com/shopify-app/assets/sezzle-styles-global2.1.0.css */ /*! CSS Used from: Embedded */ /*! @import https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css */ /*! CSS Used from: https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css */ /*! end @import */ /*! CSS Used from: https://cdn.shopify.com/extensions/c11b3bc5-c3aa-41c2-ac51-5ab5063ee7da/1.85.0/assets/hulkapps-reviews.css ; media=all */ /*! CSS Used from: Embedded */ /*! CSS Used from: Embedded */ /*! CSS Used from: Embedded */ /*! CSS Used from: Embedded */ /*! CSS Used from: Embedded */ /*! CSS Used from: Embedded */ } @media all { .hello header, .hello section { display: block; } .hello svg:not(:root) { overflow: hidden; } .hello button { font-family: inherit; font-size: 100%; margin: 0; } .hello button { line-height: normal; } .hello button { -webkit-appearance: button; cursor: pointer; } .hello * { box-sizing: border-box; } .hello ::selection { background: #FFF7B6; color: #000; } .hello p { margin: 0 0 15px; font-style: normal; line-height: 1.6em; } .hello a, .hello a:visited { color: #502c1e; text-decoration: none; position: relative; transition: color 0.1s linear; } .hello a:hover, .hello a:focus { color: #19110b; } .hello a, .hello button { touch-action: manipulation; } .hello button { border: none; -webkit-appearance: none; appearance: none; } } .hello ::-webkit-scrollbar { -webkit-appearance: none; width: 7px; } .hello ::-webkit-scrollbar-thumb { border-radius: 4px; background-color: rgba(0, 0, 0, 0.5); box-shadow: 0 0 1px rgba(255, 255, 255, 0.5); } .hello .sezzle-checkout-modal-lightbox * { -webkit-box-sizing: border-box; box-sizing: border-box; line-height: normal; vertical-align: baseline; } .hello .sezzle-checkout-modal-lightbox { background-color: rgba(5, 31, 52, 0.57); color: unset; display: none; height: 100vh; left: 0; overflow-x: hidden; overflow-y: auto; position: fixed; top: 0; width: 100vw; z-index: 99999998; } .hello .sezzle-checkout-modal-lightbox .sezzle-checkout-modal-hidden { margin-top: 0; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } @media all { .hello *, .hello :after, .hello :before { box-sizing: border-box; } } @media all { .hello header, .hello section { display: block; } .hello svg:not(:root) { overflow: hidden; } .hello button { color: inherit; font: inherit; margin: 0; } .hello button { overflow: visible; } .hello button { text-transform: none; } .hello button { -webkit-appearance: button; cursor: pointer; } .hello *, .hello *::before, .hello *::after { box-sizing: border-box; } .hello button { -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; } .hello button { cursor: pointer; } .hello svg:not(:root) { overflow: hidden; } .hello button { font-size: 16px; font-family: Montserrat, sans-serif; font-style: normal; font-weight: 400; color: #01515a; line-height: 1.6; } .hello p { margin: 0 0 15px; } } @media print { .hello p { orphans: 3; widows: 3; } } .hello .sezzle-checkout-modal-lightbox * { -webkit-box-sizing: border-box; box-sizing: border-box; line-height: normal; vertical-align: baseline; } .hello .sezzle-checkout-modal-lightbox { background-color: rgba(5, 31, 52, 0.57); color: unset; display: none; height: 100vh; left: 0; overflow-x: hidden; overflow-y: auto; position: fixed; top: 0; width: 100vw; z-index: 99999998; } .hello .sezzle-checkout-modal-lightbox .sezzle-checkout-modal-hidden { margin-top: 0; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .hello .sezzle-checkout-modal-hidden { -webkit-font-smoothing: antialiased; height: 100%; margin-top: 0; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; width: 100%; } @media screen and (min-width: 0px) and (max-width: 280px) { .hello .sezzle-checkout-modal-hidden { display: none; } } .hello .sezzle-checkout-modal-hidden .sezzle-modal { background-color: #fff; border-radius: 10px; -webkit-box-shadow: 0 10px 20px rgba(5, 31, 52, 0.19), 0 6px 6px rgba(5, 31, 52, 0.2); box-shadow: 0 10px 20px rgba(5, 31, 52, 0.19), 0 6px 6px rgba(5, 31, 52, 0.2); -webkit-box-sizing: border-box; box-sizing: border-box; color: #000; font-family: Comfortaa, Helvetica Neue, Helvetica, Arial, sans-serif; height: auto; left: 50%; max-height: 90%; overflow: auto; padding: 20px 0; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 343px; } @media screen and (max-width: 374px) { .hello .sezzle-checkout-modal-hidden .sezzle-modal { -webkit-transform: scale(0.9) translate(-55%, -55%); transform: scale(0.9) translate(-55%, -55%); } } .hello .sezzle-checkout-modal-hidden .sezzle-modal div button.close-sezzle-modal { background: 0 0; border: none; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; height: 24px; opacity: 0.2; outline: 0; padding: 0; position: absolute; right: 16px; top: 16px; width: 24px; } .hello .sezzle-checkout-modal-hidden .sezzle-modal div button.close-sezzle-modal:hover { opacity: 1; } .hello .sezzle-checkout-modal-hidden .sezzle-modal div button.close-sezzle-modal:focus { opacity: 0.5; } @media screen and (max-width: 600px) { .hello .sezzle-checkout-modal-hidden .sezzle-modal div button.close-sezzle-modal { opacity: 0.8; } .hello .sezzle-checkout-modal-hidden .sezzle-modal div button.close-sezzle-modal:focus { opacity: 1; } } .hello .sezzle-checkout-modal-hidden .sezzle-modal div button.close-sezzle-modal:before { background-color: #595959; content: " "; height: 15px; left: 10px; position: absolute; top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 2px; } .hello .sezzle-checkout-modal-hidden .sezzle-modal div button.close-sezzle-modal:after { background-color: #595959; content: " "; height: 15px; left: 10px; position: absolute; top: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); width: 2px; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-logo { background-image: url(https://media.sezzle.com/branding/2.0/Sezzle_Logo_FullColor.svg); background-repeat: no-repeat; display: block; height: 24px; margin: 10px auto 0; width: 98px; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content { height: auto; padding: 0 8px; text-align: center; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-header { color: #000; display: block; font-family: Comfortaa; font-size: 24px; font-style: normal; font-weight: 700; line-height: 30px; margin-top: 24px; text-align: center; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-row { color: #000; font-family: Nunito Sans; font-size: 15px; font-style: normal; font-weight: 400; letter-spacing: -0.3px; line-height: 20px; margin: 16px auto; text-align: center; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: rgba(131, 51, 212, 0.05); border-radius: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-row { color: #000; font-family: Comfortaa; font-size: 14px; font-style: normal; font-weight: 700; line-height: 16px; margin: 16px 0 0; text-align: center; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; padding: 16px 8px; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area .due-today { -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area .due-today, .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area .future-payments { -webkit-box-direction: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #fff; border: 1px solid #8333d4; border-radius: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 4px; padding: 8px; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area .future-payments { -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area .payment-item :first-child { padding: 0 6px; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area .payment-item .breakdown-row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; margin: 0; padding: 8px 0 0; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area .payment-item .breakdown-row .percentage { -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #8333d4; font-family: Nunito Sans; font-size: 15px; font-style: normal; font-weight: 600; letter-spacing: -0.3px; line-height: 20px; text-align: center; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area .payment-item .breakdown-row .due { color: #5e5e5e; font-family: Nunito Sans; font-size: 12px; font-style: normal; font-weight: 400; line-height: 16px; text-align: center; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-features { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; margin: 8px; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-features .single-feature { color: #000; font-family: Nunito Sans; font-size: 17px; font-style: normal; font-weight: 600; letter-spacing: -0.3px; line-height: 22px; margin: 8px auto; text-align: center; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .terms { color: #5e5e5e; font-family: Nunito Sans; font-size: 11px; font-style: normal; font-weight: 400; line-height: 13px; text-align: center; } @media all { .hello header, .hello section { display: block; } .hello svg:not(:root) { overflow: hidden; } .hello button { color: inherit; font: inherit; margin: 0; } .hello button { overflow: visible; } .hello button { text-transform: none; } .hello button { -webkit-appearance: button; cursor: pointer; } .hello *, .hello *::before, .hello *::after { box-sizing: border-box; } .hello button { -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; } .hello button { cursor: pointer; } .hello svg:not(:root) { overflow: hidden; } .hello button { font-size: 16px; font-family: Montserrat, sans-serif; font-style: normal; font-weight: 400; color: #01515a; line-height: 1.6; } .hello p { margin: 0 0 15px; } } @media print { .hello p { orphans: 3; widows: 3; } } .hello .sezzle-checkout-modal-lightbox * { -webkit-box-sizing: border-box; box-sizing: border-box; line-height: normal; vertical-align: baseline; } .hello .sezzle-checkout-modal-lightbox { background-color: rgba(5, 31, 52, 0.57); color: unset; display: none; height: 100vh; left: 0; overflow-x: hidden; overflow-y: auto; position: fixed; top: 0; width: 100vw; z-index: 99999998; } .hello .sezzle-checkout-modal-lightbox .sezzle-checkout-modal-hidden { margin-top: 0; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .hello .sezzle-checkout-modal-hidden { -webkit-font-smoothing: antialiased; height: 100%; margin-top: 0; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; width: 100%; } @media screen and (min-width: 0px) and (max-width: 280px) { .hello .sezzle-checkout-modal-hidden { display: none; } } .hello .sezzle-checkout-modal-hidden .sezzle-modal { background-color: #fff; border-radius: 10px; -webkit-box-shadow: 0 10px 20px rgba(5, 31, 52, 0.19), 0 6px 6px rgba(5, 31, 52, 0.2); box-shadow: 0 10px 20px rgba(5, 31, 52, 0.19), 0 6px 6px rgba(5, 31, 52, 0.2); -webkit-box-sizing: border-box; box-sizing: border-box; color: #000; font-family: Comfortaa, Helvetica Neue, Helvetica, Arial, sans-serif; height: auto; left: 50%; max-height: 90%; overflow: auto; padding: 20px 0; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 343px; } @media screen and (max-width: 374px) { .hello .sezzle-checkout-modal-hidden .sezzle-modal { -webkit-transform: scale(0.9) translate(-55%, -55%); transform: scale(0.9) translate(-55%, -55%); } } .hello .sezzle-checkout-modal-hidden .sezzle-modal div button.close-sezzle-modal { background: 0 0; border: none; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; height: 24px; opacity: 0.2; outline: 0; padding: 0; position: absolute; right: 16px; top: 16px; width: 24px; } .hello .sezzle-checkout-modal-hidden .sezzle-modal div button.close-sezzle-modal:hover { opacity: 1; } .hello .sezzle-checkout-modal-hidden .sezzle-modal div button.close-sezzle-modal:focus { opacity: 0.5; } @media screen and (max-width: 600px) { .hello .sezzle-checkout-modal-hidden .sezzle-modal div button.close-sezzle-modal { opacity: 0.8; } .hello .sezzle-checkout-modal-hidden .sezzle-modal div button.close-sezzle-modal:focus { opacity: 1; } } .hello .sezzle-checkout-modal-hidden .sezzle-modal div button.close-sezzle-modal:before { background-color: #595959; content: " "; height: 15px; left: 10px; position: absolute; top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 2px; } .hello .sezzle-checkout-modal-hidden .sezzle-modal div button.close-sezzle-modal:after { background-color: #595959; content: " "; height: 15px; left: 10px; position: absolute; top: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); width: 2px; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-logo { background-image: url(https://media.sezzle.com/branding/2.0/Sezzle_Logo_FullColor.svg); background-repeat: no-repeat; display: block; height: 24px; margin: 10px auto 0; width: 98px; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content { height: auto; padding: 0 8px; text-align: center; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-header { color: #000; display: block; font-family: Comfortaa; font-size: 24px; font-style: normal; font-weight: 700; line-height: 30px; margin-top: 24px; text-align: center; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-row { color: #000; font-family: Nunito Sans; font-size: 15px; font-style: normal; font-weight: 400; letter-spacing: -0.3px; line-height: 20px; margin: 16px auto; text-align: center; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: rgba(131, 51, 212, 0.05); border-radius: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-row { color: #000; font-family: Comfortaa; font-size: 14px; font-style: normal; font-weight: 700; line-height: 16px; margin: 16px 0 0; text-align: center; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; padding: 16px 8px; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area .due-today { -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area .due-today, .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area .future-payments { -webkit-box-direction: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #fff; border: 1px solid #8333d4; border-radius: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 4px; padding: 8px; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area .future-payments { -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area .payment-item :first-child { padding: 0 6px; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area .payment-item .breakdown-row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; margin: 0; padding: 8px 0 0; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area .payment-item .breakdown-row .percentage { -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #8333d4; font-family: Nunito Sans; font-size: 15px; font-style: normal; font-weight: 600; letter-spacing: -0.3px; line-height: 20px; text-align: center; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area .payment-item .breakdown-row .due { color: #5e5e5e; font-family: Nunito Sans; font-size: 12px; font-style: normal; font-weight: 400; line-height: 16px; text-align: center; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-features { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; margin: 8px; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-features .single-feature { color: #000; font-family: Nunito Sans; font-size: 17px; font-style: normal; font-weight: 600; letter-spacing: -0.3px; line-height: 22px; margin: 8px auto; text-align: center; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .terms { color: #5e5e5e; font-family: Nunito Sans; font-size: 11px; font-style: normal; font-weight: 400; line-height: 13px; text-align: center; } @media all { .hello header, .hello section { display: block; } .hello svg:not(:root) { overflow: hidden; } .hello button { color: inherit; font: inherit; margin: 0; } .hello button { overflow: visible; } .hello button { text-transform: none; } .hello button { -webkit-appearance: button; cursor: pointer; } .hello *, .hello *::before, .hello *::after { box-sizing: border-box; } .hello button { -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; } .hello button { cursor: pointer; } .hello svg:not(:root) { overflow: hidden; } .hello button { font-size: 16px; font-family: Montserrat, sans-serif; font-style: normal; font-weight: 400; color: #01515a; line-height: 1.6; } .hello p { margin: 0 0 15px; } } @media print { .hello p { orphans: 3; widows: 3; } } .hello .sezzle-checkout-modal-lightbox * { -webkit-box-sizing: border-box; box-sizing: border-box; line-height: normal; vertical-align: baseline; } .hello .sezzle-checkout-modal-lightbox { background-color: rgba(5, 31, 52, 0.57); color: unset; display: none; height: 100vh; left: 0; overflow-x: hidden; overflow-y: auto; position: fixed; top: 0; width: 100vw; z-index: 99999998; } .hello .sezzle-checkout-modal-lightbox .sezzle-checkout-modal-hidden { margin-top: 0; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .hello .sezzle-checkout-modal-hidden { -webkit-font-smoothing: antialiased; height: 100%; margin-top: 0; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; width: 100%; } @media screen and (min-width: 0px) and (max-width: 280px) { .hello .sezzle-checkout-modal-hidden { display: none; } } .hello .sezzle-checkout-modal-hidden .sezzle-modal { background-color: #fff; border-radius: 10px; -webkit-box-shadow: 0 10px 20px rgba(5, 31, 52, 0.19), 0 6px 6px rgba(5, 31, 52, 0.2); box-shadow: 0 10px 20px rgba(5, 31, 52, 0.19), 0 6px 6px rgba(5, 31, 52, 0.2); -webkit-box-sizing: border-box; box-sizing: border-box; color: #000; font-family: Comfortaa, Helvetica Neue, Helvetica, Arial, sans-serif; height: auto; left: 50%; max-height: 90%; overflow: auto; padding: 20px 0; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 343px; } @media screen and (max-width: 374px) { .hello .sezzle-checkout-modal-hidden .sezzle-modal { -webkit-transform: scale(0.9) translate(-55%, -55%); transform: scale(0.9) translate(-55%, -55%); } } .hello .sezzle-checkout-modal-hidden .sezzle-modal div button.close-sezzle-modal { background: 0 0; border: none; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; height: 24px; opacity: 0.2; outline: 0; padding: 0; position: absolute; right: 16px; top: 16px; width: 24px; } .hello .sezzle-checkout-modal-hidden .sezzle-modal div button.close-sezzle-modal:hover { opacity: 1; } .hello .sezzle-checkout-modal-hidden .sezzle-modal div button.close-sezzle-modal:focus { opacity: 0.5; } @media screen and (max-width: 600px) { .hello .sezzle-checkout-modal-hidden .sezzle-modal div button.close-sezzle-modal { opacity: 0.8; } .hello .sezzle-checkout-modal-hidden .sezzle-modal div button.close-sezzle-modal:focus { opacity: 1; } } .hello .sezzle-checkout-modal-hidden .sezzle-modal div button.close-sezzle-modal:before { background-color: #595959; content: " "; height: 15px; left: 10px; position: absolute; top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 2px; } .hello .sezzle-checkout-modal-hidden .sezzle-modal div button.close-sezzle-modal:after { background-color: #595959; content: " "; height: 15px; left: 10px; position: absolute; top: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); width: 2px; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-logo { background-image: url(https://media.sezzle.com/branding/2.0/Sezzle_Logo_FullColor.svg); background-repeat: no-repeat; display: block; height: 24px; margin: 10px auto 0; width: 98px; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content { height: auto; padding: 0 8px; text-align: center; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-header { color: #000; display: block; font-family: Comfortaa; font-size: 24px; font-style: normal; font-weight: 700; line-height: 30px; margin-top: 24px; text-align: center; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-row { color: #000; font-family: Nunito Sans; font-size: 15px; font-style: normal; font-weight: 400; letter-spacing: -0.3px; line-height: 20px; margin: 16px auto; text-align: center; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: rgba(131, 51, 212, 0.05); border-radius: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-row { color: #000; font-family: Comfortaa; font-size: 14px; font-style: normal; font-weight: 700; line-height: 16px; margin: 16px 0 0; text-align: center; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; padding: 16px 8px; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area .due-today { -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area .due-today, .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area .future-payments { -webkit-box-direction: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #fff; border: 1px solid #8333d4; border-radius: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 4px; padding: 8px; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area .future-payments { -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area .payment-item :first-child { padding: 0 6px; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area .payment-item .breakdown-row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; margin: 0; padding: 8px 0 0; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area .payment-item .breakdown-row .percentage { -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #8333d4; font-family: Nunito Sans; font-size: 15px; font-style: normal; font-weight: 600; letter-spacing: -0.3px; line-height: 20px; text-align: center; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area .payment-item .breakdown-row .due { color: #5e5e5e; font-family: Nunito Sans; font-size: 12px; font-style: normal; font-weight: 400; line-height: 16px; text-align: center; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-features { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; margin: 8px; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-features .single-feature { color: #000; font-family: Nunito Sans; font-size: 17px; font-style: normal; font-weight: 600; letter-spacing: -0.3px; line-height: 22px; margin: 8px auto; text-align: center; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .terms { color: #5e5e5e; font-family: Nunito Sans; font-size: 11px; font-style: normal; font-weight: 400; line-height: 13px; text-align: center; } @media all { .hello header, .hello section { display: block; } .hello svg:not(:root) { overflow: hidden; } .hello button { color: inherit; font: inherit; margin: 0; } .hello button { overflow: visible; } .hello button { text-transform: none; } .hello button { -webkit-appearance: button; cursor: pointer; } .hello *, .hello *::before, .hello *::after { box-sizing: border-box; } .hello button { -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; } .hello button { cursor: pointer; } .hello svg:not(:root) { overflow: hidden; } .hello button { font-size: 16px; font-family: Montserrat, sans-serif; font-style: normal; font-weight: 400; color: #01515a; line-height: 1.6; } .hello p { margin: 0 0 15px; } } @media print { .hello p { orphans: 3; widows: 3; } } .hello .sezzle-checkout-modal-lightbox * { -webkit-box-sizing: border-box; box-sizing: border-box; line-height: normal; vertical-align: baseline; } .hello .sezzle-checkout-modal-lightbox { background-color: rgba(5, 31, 52, 0.57); color: unset; display: none; height: 100vh; left: 0; overflow-x: hidden; overflow-y: auto; position: fixed; top: 0; width: 100vw; z-index: 99999998; } .hello .sezzle-checkout-modal-lightbox .sezzle-checkout-modal-hidden { margin-top: 0; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .hello .sezzle-checkout-modal-hidden { -webkit-font-smoothing: antialiased; height: 100%; margin-top: 0; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; width: 100%; } @media screen and (min-width: 0px) and (max-width: 280px) { .hello .sezzle-checkout-modal-hidden { display: none; } } .hello .sezzle-checkout-modal-hidden .sezzle-modal { background-color: #fff; border-radius: 10px; -webkit-box-shadow: 0 10px 20px rgba(5, 31, 52, 0.19), 0 6px 6px rgba(5, 31, 52, 0.2); box-shadow: 0 10px 20px rgba(5, 31, 52, 0.19), 0 6px 6px rgba(5, 31, 52, 0.2); -webkit-box-sizing: border-box; box-sizing: border-box; color: #000; font-family: Comfortaa, Helvetica Neue, Helvetica, Arial, sans-serif; height: auto; left: 50%; max-height: 90%; overflow: auto; padding: 20px 0; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 343px; } @media screen and (max-width: 374px) { .hello .sezzle-checkout-modal-hidden .sezzle-modal { -webkit-transform: scale(0.9) translate(-55%, -55%); transform: scale(0.9) translate(-55%, -55%); } } .hello .sezzle-checkout-modal-hidden .sezzle-modal div button.close-sezzle-modal { background: 0 0; border: none; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; height: 24px; opacity: 0.2; outline: 0; padding: 0; position: absolute; right: 16px; top: 16px; width: 24px; } .hello .sezzle-checkout-modal-hidden .sezzle-modal div button.close-sezzle-modal:hover { opacity: 1; } .hello .sezzle-checkout-modal-hidden .sezzle-modal div button.close-sezzle-modal:focus { opacity: 0.5; } @media screen and (max-width: 600px) { .hello .sezzle-checkout-modal-hidden .sezzle-modal div button.close-sezzle-modal { opacity: 0.8; } .hello .sezzle-checkout-modal-hidden .sezzle-modal div button.close-sezzle-modal:focus { opacity: 1; } } .hello .sezzle-checkout-modal-hidden .sezzle-modal div button.close-sezzle-modal:before { background-color: #595959; content: " "; height: 15px; left: 10px; position: absolute; top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 2px; } .hello .sezzle-checkout-modal-hidden .sezzle-modal div button.close-sezzle-modal:after { background-color: #595959; content: " "; height: 15px; left: 10px; position: absolute; top: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); width: 2px; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-logo { background-image: url(https://media.sezzle.com/branding/2.0/Sezzle_Logo_FullColor.svg); background-repeat: no-repeat; display: block; height: 24px; margin: 10px auto 0; width: 98px; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content { height: auto; padding: 0 8px; text-align: center; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-header { color: #000; display: block; font-family: Comfortaa; font-size: 24px; font-style: normal; font-weight: 700; line-height: 30px; margin-top: 24px; text-align: center; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-row { color: #000; font-family: Nunito Sans; font-size: 15px; font-style: normal; font-weight: 400; letter-spacing: -0.3px; line-height: 20px; margin: 16px auto; text-align: center; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: rgba(131, 51, 212, 0.05); border-radius: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-row { color: #000; font-family: Comfortaa; font-size: 14px; font-style: normal; font-weight: 700; line-height: 16px; margin: 16px 0 0; text-align: center; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; padding: 16px 8px; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area .due-today { -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area .due-today, .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area .future-payments { -webkit-box-direction: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #fff; border: 1px solid #8333d4; border-radius: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 4px; padding: 8px; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area .future-payments { -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area .payment-item :first-child { padding: 0 6px; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area .payment-item .breakdown-row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; margin: 0; padding: 8px 0 0; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area .payment-item .breakdown-row .percentage { -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #8333d4; font-family: Nunito Sans; font-size: 15px; font-style: normal; font-weight: 600; letter-spacing: -0.3px; line-height: 20px; text-align: center; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area .payment-item .breakdown-row .due { color: #5e5e5e; font-family: Nunito Sans; font-size: 12px; font-style: normal; font-weight: 400; line-height: 16px; text-align: center; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-features { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; margin: 8px; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-features .single-feature { color: #000; font-family: Nunito Sans; font-size: 17px; font-style: normal; font-weight: 600; letter-spacing: -0.3px; line-height: 22px; margin: 8px auto; text-align: center; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .terms { color: #5e5e5e; font-family: Nunito Sans; font-size: 11px; font-style: normal; font-weight: 400; line-height: 13px; text-align: center; } @media all { .hello header, .hello section { display: block; } .hello svg:not(:root) { overflow: hidden; } .hello button { color: inherit; font: inherit; margin: 0; } .hello button { overflow: visible; } .hello button { text-transform: none; } .hello button { -webkit-appearance: button; cursor: pointer; } .hello *, .hello *::before, .hello *::after { box-sizing: border-box; } .hello button { -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; } .hello button { cursor: pointer; } .hello svg:not(:root) { overflow: hidden; } .hello button { font-size: 16px; font-family: Montserrat, sans-serif; font-style: normal; font-weight: 400; color: #01515a; line-height: 1.6; } .hello p { margin: 0 0 15px; } } @media print { .hello p { orphans: 3; widows: 3; } } .hello .sezzle-checkout-modal-lightbox * { -webkit-box-sizing: border-box; box-sizing: border-box; line-height: normal; vertical-align: baseline; } .hello .sezzle-checkout-modal-lightbox { background-color: rgba(5, 31, 52, 0.57); color: unset; display: none; height: 100vh; left: 0; overflow-x: hidden; overflow-y: auto; position: fixed; top: 0; width: 100vw; z-index: 99999998; } .hello .sezzle-checkout-modal-lightbox .sezzle-checkout-modal-hidden { margin-top: 0; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .hello .sezzle-checkout-modal-hidden { -webkit-font-smoothing: antialiased; height: 100%; margin-top: 0; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; width: 100%; } @media screen and (min-width: 0px) and (max-width: 280px) { .hello .sezzle-checkout-modal-hidden { display: none; } } .hello .sezzle-checkout-modal-hidden .sezzle-modal { background-color: #fff; border-radius: 10px; -webkit-box-shadow: 0 10px 20px rgba(5, 31, 52, 0.19), 0 6px 6px rgba(5, 31, 52, 0.2); box-shadow: 0 10px 20px rgba(5, 31, 52, 0.19), 0 6px 6px rgba(5, 31, 52, 0.2); -webkit-box-sizing: border-box; box-sizing: border-box; color: #000; font-family: Comfortaa, Helvetica Neue, Helvetica, Arial, sans-serif; height: auto; left: 50%; max-height: 90%; overflow: auto; padding: 20px 0; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 343px; } @media screen and (max-width: 374px) { .hello .sezzle-checkout-modal-hidden .sezzle-modal { -webkit-transform: scale(0.9) translate(-55%, -55%); transform: scale(0.9) translate(-55%, -55%); } } .hello .sezzle-checkout-modal-hidden .sezzle-modal div button.close-sezzle-modal { background: 0 0; border: none; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; height: 24px; opacity: 0.2; outline: 0; padding: 0; position: absolute; right: 16px; top: 16px; width: 24px; } .hello .sezzle-checkout-modal-hidden .sezzle-modal div button.close-sezzle-modal:hover { opacity: 1; } .hello .sezzle-checkout-modal-hidden .sezzle-modal div button.close-sezzle-modal:focus { opacity: 0.5; } @media screen and (max-width: 600px) { .hello .sezzle-checkout-modal-hidden .sezzle-modal div button.close-sezzle-modal { opacity: 0.8; } .hello .sezzle-checkout-modal-hidden .sezzle-modal div button.close-sezzle-modal:focus { opacity: 1; } } .hello .sezzle-checkout-modal-hidden .sezzle-modal div button.close-sezzle-modal:before { background-color: #595959; content: " "; height: 15px; left: 10px; position: absolute; top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 2px; } .hello .sezzle-checkout-modal-hidden .sezzle-modal div button.close-sezzle-modal:after { background-color: #595959; content: " "; height: 15px; left: 10px; position: absolute; top: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); width: 2px; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-logo { background-image: url(https://media.sezzle.com/branding/2.0/Sezzle_Logo_FullColor.svg); background-repeat: no-repeat; display: block; height: 24px; margin: 10px auto 0; width: 98px; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content { height: auto; padding: 0 8px; text-align: center; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-header { color: #000; display: block; font-family: Comfortaa; font-size: 24px; font-style: normal; font-weight: 700; line-height: 30px; margin-top: 24px; text-align: center; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-row { color: #000; font-family: Nunito Sans; font-size: 15px; font-style: normal; font-weight: 400; letter-spacing: -0.3px; line-height: 20px; margin: 16px auto; text-align: center; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: rgba(131, 51, 212, 0.05); border-radius: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-row { color: #000; font-family: Comfortaa; font-size: 14px; font-style: normal; font-weight: 700; line-height: 16px; margin: 16px 0 0; text-align: center; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; padding: 16px 8px; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area .due-today { -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area .due-today, .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area .future-payments { -webkit-box-direction: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #fff; border: 1px solid #8333d4; border-radius: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 4px; padding: 8px; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area .future-payments { -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area .payment-item :first-child { padding: 0 6px; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area .payment-item .breakdown-row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; margin: 0; padding: 8px 0 0; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area .payment-item .breakdown-row .percentage { -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #8333d4; font-family: Nunito Sans; font-size: 15px; font-style: normal; font-weight: 600; letter-spacing: -0.3px; line-height: 20px; text-align: center; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area .payment-item .breakdown-row .due { color: #5e5e5e; font-family: Nunito Sans; font-size: 12px; font-style: normal; font-weight: 400; line-height: 16px; text-align: center; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-features { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; margin: 8px; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-features .single-feature { color: #000; font-family: Nunito Sans; font-size: 17px; font-style: normal; font-weight: 600; letter-spacing: -0.3px; line-height: 22px; margin: 8px auto; text-align: center; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .terms { color: #5e5e5e; font-family: Nunito Sans; font-size: 11px; font-style: normal; font-weight: 400; line-height: 13px; text-align: center; } .hello .sezzle-checkout-modal-hidden { -webkit-font-smoothing: antialiased; height: 100%; margin-top: 0; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; width: 100%; } @media screen and (min-width: 0px) and (max-width: 280px) { .hello .sezzle-checkout-modal-hidden { display: none; } } .hello .sezzle-checkout-modal-hidden .sezzle-modal { background-color: #fff; border-radius: 10px; -webkit-box-shadow: 0 10px 20px rgba(5, 31, 52, 0.19), 0 6px 6px rgba(5, 31, 52, 0.2); box-shadow: 0 10px 20px rgba(5, 31, 52, 0.19), 0 6px 6px rgba(5, 31, 52, 0.2); -webkit-box-sizing: border-box; box-sizing: border-box; color: #000; font-family: Comfortaa, Helvetica Neue, Helvetica, Arial, sans-serif; height: auto; left: 50%; max-height: 90%; overflow: auto; padding: 20px 0; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 343px; } @media screen and (max-width: 374px) { .hello .sezzle-checkout-modal-hidden .sezzle-modal { -webkit-transform: scale(0.9) translate(-55%, -55%); transform: scale(0.9) translate(-55%, -55%); } } .hello .sezzle-checkout-modal-hidden .sezzle-modal div button.close-sezzle-modal { background: 0 0; border: none; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; height: 24px; opacity: 0.2; outline: 0; padding: 0; position: absolute; right: 16px; top: 16px; width: 24px; } .hello .sezzle-checkout-modal-hidden .sezzle-modal div button.close-sezzle-modal:hover { opacity: 1; } .hello .sezzle-checkout-modal-hidden .sezzle-modal div button.close-sezzle-modal:focus { opacity: 0.5; } @media screen and (max-width: 600px) { .hello .sezzle-checkout-modal-hidden .sezzle-modal div button.close-sezzle-modal { opacity: 0.8; } .hello .sezzle-checkout-modal-hidden .sezzle-modal div button.close-sezzle-modal:focus { opacity: 1; } } .hello .sezzle-checkout-modal-hidden .sezzle-modal div button.close-sezzle-modal:before { background-color: #595959; content: " "; height: 15px; left: 10px; position: absolute; top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 2px; } .hello .sezzle-checkout-modal-hidden .sezzle-modal div button.close-sezzle-modal:after { background-color: #595959; content: " "; height: 15px; left: 10px; position: absolute; top: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); width: 2px; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-logo { background-image: url(https://media.sezzle.com/branding/2.0/Sezzle_Logo_FullColor.svg); background-repeat: no-repeat; display: block; height: 24px; margin: 10px auto 0; width: 98px; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content { height: auto; padding: 0 8px; text-align: center; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-header { color: #000; display: block; font-family: Comfortaa; font-size: 24px; font-style: normal; font-weight: 700; line-height: 30px; margin-top: 24px; text-align: center; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-row { color: #000; font-family: Nunito Sans; font-size: 15px; font-style: normal; font-weight: 400; letter-spacing: -0.3px; line-height: 20px; margin: 16px auto; text-align: center; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: rgba(131, 51, 212, 0.05); border-radius: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-row { color: #000; font-family: Comfortaa; font-size: 14px; font-style: normal; font-weight: 700; line-height: 16px; margin: 16px 0 0; text-align: center; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; padding: 16px 8px; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area .due-today { -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area .due-today, .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area .future-payments { -webkit-box-direction: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #fff; border: 1px solid #8333d4; border-radius: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 4px; padding: 8px; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area .future-payments { -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area .payment-item :first-child { padding: 0 6px; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area .payment-item .breakdown-row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; margin: 0; padding: 8px 0 0; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area .payment-item .breakdown-row .percentage { -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #8333d4; font-family: Nunito Sans; font-size: 15px; font-style: normal; font-weight: 600; letter-spacing: -0.3px; line-height: 20px; text-align: center; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area .payment-item .breakdown-row .due { color: #5e5e5e; font-family: Nunito Sans; font-size: 12px; font-style: normal; font-weight: 400; line-height: 16px; text-align: center; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-features { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; margin: 8px; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-features .single-feature { color: #000; font-family: Nunito Sans; font-size: 17px; font-style: normal; font-weight: 600; letter-spacing: -0.3px; line-height: 22px; margin: 8px auto; text-align: center; } .hello .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .terms { color: #5e5e5e; font-family: Nunito Sans; font-size: 11px; font-style: normal; font-weight: 400; line-height: 13px; text-align: center; } /*! CSS Used fontfaces */ @font-face { font-family: "Comfortaa"; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/comfortaa/v40/1Pt_g8LJRfWJmhDAuUsSQamb1W0lwk4S4WjMDr4fIA9c.woff2) format("woff2"); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: "Comfortaa"; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/comfortaa/v40/1Pt_g8LJRfWJmhDAuUsSQamb1W0lwk4S4WjMDrcfIA9c.woff2) format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face { font-family: "Comfortaa"; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/comfortaa/v40/1Pt_g8LJRfWJmhDAuUsSQamb1W0lwk4S4WjMDrAfIA9c.woff2) format("woff2"); unicode-range: U+0370-03FF; } @font-face { font-family: "Comfortaa"; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/comfortaa/v40/1Pt_g8LJRfWJmhDAuUsSQamb1W0lwk4S4WjMDrwfIA9c.woff2) format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: "Comfortaa"; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/comfortaa/v40/1Pt_g8LJRfWJmhDAuUsSQamb1W0lwk4S4WjMDr0fIA9c.woff2) format("woff2"); unicode-range: U+0100-02AF, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Comfortaa"; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/comfortaa/v40/1Pt_g8LJRfWJmhDAuUsSQamb1W0lwk4S4WjMDrMfIA.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Nunito Sans"; font-style: normal; font-weight: 200; font-stretch: 100%; font-display: swap; src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7t4R-tQKr51pE8.woff2) format("woff2"); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: "Nunito Sans"; font-style: normal; font-weight: 200; font-stretch: 100%; font-display: swap; src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7txR-tQKr51pE8.woff2) format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face { font-family: "Nunito Sans"; font-style: normal; font-weight: 200; font-stretch: 100%; font-display: swap; src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7t6R-tQKr51pE8.woff2) format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: "Nunito Sans"; font-style: normal; font-weight: 200; font-stretch: 100%; font-display: swap; src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7t7R-tQKr51pE8.woff2) format("woff2"); unicode-range: U+0100-02AF, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Nunito Sans"; font-style: normal; font-weight: 200; font-stretch: 100%; font-display: swap; src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7t1R-tQKr51.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Nunito Sans"; font-style: normal; font-weight: 300; font-stretch: 100%; font-display: swap; src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7t4R-tQKr51pE8.woff2) format("woff2"); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: "Nunito Sans"; font-style: normal; font-weight: 300; font-stretch: 100%; font-display: swap; src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7txR-tQKr51pE8.woff2) format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face { font-family: "Nunito Sans"; font-style: normal; font-weight: 300; font-stretch: 100%; font-display: swap; src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7t6R-tQKr51pE8.woff2) format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: "Nunito Sans"; font-style: normal; font-weight: 300; font-stretch: 100%; font-display: swap; src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7t7R-tQKr51pE8.woff2) format("woff2"); unicode-range: U+0100-02AF, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Nunito Sans"; font-style: normal; font-weight: 300; font-stretch: 100%; font-display: swap; src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7t1R-tQKr51.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Nunito Sans"; font-style: normal; font-weight: 400; font-stretch: 100%; font-display: swap; src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7t4R-tQKr51pE8.woff2) format("woff2"); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: "Nunito Sans"; font-style: normal; font-weight: 400; font-stretch: 100%; font-display: swap; src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7txR-tQKr51pE8.woff2) format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face { font-family: "Nunito Sans"; font-style: normal; font-weight: 400; font-stretch: 100%; font-display: swap; src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7t6R-tQKr51pE8.woff2) format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: "Nunito Sans"; font-style: normal; font-weight: 400; font-stretch: 100%; font-display: swap; src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7t7R-tQKr51pE8.woff2) format("woff2"); unicode-range: U+0100-02AF, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Nunito Sans"; font-style: normal; font-weight: 400; font-stretch: 100%; font-display: swap; src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7t1R-tQKr51.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Nunito Sans"; font-style: normal; font-weight: 600; font-stretch: 100%; font-display: swap; src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7t4R-tQKr51pE8.woff2) format("woff2"); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: "Nunito Sans"; font-style: normal; font-weight: 600; font-stretch: 100%; font-display: swap; src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7txR-tQKr51pE8.woff2) format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face { font-family: "Nunito Sans"; font-style: normal; font-weight: 600; font-stretch: 100%; font-display: swap; src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7t6R-tQKr51pE8.woff2) format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: "Nunito Sans"; font-style: normal; font-weight: 600; font-stretch: 100%; font-display: swap; src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7t7R-tQKr51pE8.woff2) format("woff2"); unicode-range: U+0100-02AF, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Nunito Sans"; font-style: normal; font-weight: 600; font-stretch: 100%; font-display: swap; src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7t1R-tQKr51.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Nunito Sans"; font-style: normal; font-weight: 700; font-stretch: 100%; font-display: swap; src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7t4R-tQKr51pE8.woff2) format("woff2"); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: "Nunito Sans"; font-style: normal; font-weight: 700; font-stretch: 100%; font-display: swap; src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7txR-tQKr51pE8.woff2) format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face { font-family: "Nunito Sans"; font-style: normal; font-weight: 700; font-stretch: 100%; font-display: swap; src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7t6R-tQKr51pE8.woff2) format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: "Nunito Sans"; font-style: normal; font-weight: 700; font-stretch: 100%; font-display: swap; src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7t7R-tQKr51pE8.woff2) format("woff2"); unicode-range: U+0100-02AF, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Nunito Sans"; font-style: normal; font-weight: 700; font-stretch: 100%; font-display: swap; src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7t1R-tQKr51.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Nunito Sans"; font-style: normal; font-weight: 800; font-stretch: 100%; font-display: swap; src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7t4R-tQKr51pE8.woff2) format("woff2"); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: "Nunito Sans"; font-style: normal; font-weight: 800; font-stretch: 100%; font-display: swap; src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7txR-tQKr51pE8.woff2) format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face { font-family: "Nunito Sans"; font-style: normal; font-weight: 800; font-stretch: 100%; font-display: swap; src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7t6R-tQKr51pE8.woff2) format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: "Nunito Sans"; font-style: normal; font-weight: 800; font-stretch: 100%; font-display: swap; src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7t7R-tQKr51pE8.woff2) format("woff2"); unicode-range: U+0100-02AF, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Nunito Sans"; font-style: normal; font-weight: 800; font-stretch: 100%; font-display: swap; src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7t1R-tQKr51.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Nunito Sans"; font-style: normal; font-weight: 900; font-stretch: 100%; font-display: swap; src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7t4R-tQKr51pE8.woff2) format("woff2"); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: "Nunito Sans"; font-style: normal; font-weight: 900; font-stretch: 100%; font-display: swap; src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7txR-tQKr51pE8.woff2) format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face { font-family: "Nunito Sans"; font-style: normal; font-weight: 900; font-stretch: 100%; font-display: swap; src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7t6R-tQKr51pE8.woff2) format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: "Nunito Sans"; font-style: normal; font-weight: 900; font-stretch: 100%; font-display: swap; src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7t7R-tQKr51pE8.woff2) format("woff2"); unicode-range: U+0100-02AF, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Nunito Sans"; font-style: normal; font-weight: 900; font-stretch: 100%; font-display: swap; src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7t1R-tQKr51.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Nunito Sans"; font-style: normal; font-weight: 600; font-stretch: 100%; font-display: swap; src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe1mMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp5F5bxqqtQ1yiU4GCC5XvlUlM_Y.woff2) format("woff2"); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: "Nunito Sans"; font-style: normal; font-weight: 600; font-stretch: 100%; font-display: swap; src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe1mMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp5F5bxqqtQ1yiU4GCC5Xt1UlM_Y.woff2) format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face { font-family: "Nunito Sans"; font-style: normal; font-weight: 600; font-stretch: 100%; font-display: swap; src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe1mMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp5F5bxqqtQ1yiU4GCC5XvFUlM_Y.woff2) format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: "Nunito Sans"; font-style: normal; font-weight: 600; font-stretch: 100%; font-display: swap; src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe1mMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp5F5bxqqtQ1yiU4GCC5XvVUlM_Y.woff2) format("woff2"); unicode-range: U+0100-02AF, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Nunito Sans"; font-style: normal; font-weight: 600; font-stretch: 100%; font-display: swap; src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe1mMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp5F5bxqqtQ1yiU4GCC5Xs1Ul.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* Start custom CSS - 15 June 2023 - Chandni Handa */ .eta-text:empty { display: none; } .eta-text { display: flex !important; align-items: center; justify-content: center; padding: 10px 0; font-weight: 400; font-size: 14px; width: 100%; } .product_section .eta-text img { display: none; } /* End custom CSS - 15 June 2023 - Chandni Handa */ /* Start dropdown font custom CSS - 16 June 2023 - Chandni Handa */ /* .pplr-font-select.pplr-add-a-custom-text .pplr-selecter-selected, .pplr-font-select.pplr-add-a-custom-text .pplr-selecter-options { display:none; } */ /* End dropdown font custom CSS - 16 June 2023 - Chandni Handa */ /* Start Product Page Wide Layout CSS - 10 Aug 2023 - Chandni Handa */ .shopify-section:has(.wide-layout) { max-width: 100%; } .product_gallery_nav .gallery-cell { top: 50%; transform: translateY(-50%); } .top-price-sticky .container .p-price { margin-right: 0; } body:has(.hello[style="display: block;"]) { overflow: hidden; } body:has(.hello[style="display: block;"]) .header, body:has(.hello[style="display: block;"]) .product-personalizer, body:has(.hello[style="display: block;"]) #shopify-section-usp-section { z-index: 0; } @media only screen and (min-width: 799px) { .product_gallery_nav.product-gallery__thumbnails { width: 100%; max-width: 450px; margin: 0 auto; } /* Start CONFIGURATOR Align product image always in the middle of the visible screen CSS - 7 Sept 2023 - Chandni Handa */ .gallery-wrap.product-height-set .product_gallery img { object-fit: contain; max-height: calc(100vh - 240px); height: calc(100vh - 240px); } /* End CONFIGURATOR Align product image always in the middle of the visible screen CSS - 7 Sept 2023 - Chandni Handa */ .product_section>.two-fifths.product__details--product-page { width: 100%; max-width: 450px; } .product__images.three-fifths.columns.medium-down--one-whole { width: 100%; flex: 1; } .gallery-wrap.product-height-set .image__container { max-width: 100% !important; } /* Start CONFIGURATOR Align product image always in the middle of the visible screen CSS - 7 Sept 2023 - Chandni Handa */ .gallery-wrap.product-height-set:has(.product_gallery_nav:empty) .product_gallery img { max-height: calc(100vh - 110px); height: auto; } /* End CONFIGURATOR Align product image always in the middle of the visible screen CSS - 7 Sept 2023 - Chandni Handa */ } @media only screen and (min-width: 1200px) { body:has(.section-wrapper--product):has(.wide-layout) .top-price-sticky .inner-wrap { max-width: 100%; width: 88%; } body:has(.section-wrapper--product):has(.wide-layout) .top-price-sticky .inner-wrap .p-price { width: 400px; padding: 0 20px; } .product_section>.two-fifths.product__details--product-page { min-width: 450px; } .shopify-section:has(.wide-layout) { width: 88% !important; } .product_gallery_nav.product-gallery__thumbnails { max-width: 700px; } /* Start CONFIGURATOR Align product image always in the middle of the visible screen CSS - 7 Sept 2023 - Chandni Handa */ .gallery-wrap.product-height-set .product_gallery img { max-height: calc(100vh - 300px); height: calc(100vh - 300px); } /* End CONFIGURATOR Align product image always in the middle of the visible screen CSS - 7 Sept 2023 - Chandni Handa */ } @media only screen and (max-width: 1199px) { .product_section>.two-fifths.product__details--product-page { /* margin-right: 0;*/ } } @media only screen and (max-width: 749px) { .top-price-sticky .container .p-price { margin: 0 auto; width: 100%; max-width: 335px; } .top-price-sticky .inner-wrap { display: block; text-align: center; } body .top-price-sticky { padding: 5px 10px; } } /* End Product Page Wide Layout CSS - 10 Aug 2023 - Chandni Handa */ /* Start Add to Wishlist - 17 Aug 2023 - Fabio Cortinovis */ .swym-button-bar { margin: 0 10px !important; max-width: 20% !important; /* Ensure it doesn't grow beyond 20% */ height: auto !important; /* Maintain aspect ratio */ } i.icon-swym-wishlist { font-family: 'swym-font'; font-style: normal; vertical-align: middle; color: #a48242; width: 40px; max-width: 40px; text-align: center; } i.icon-swym-wishlist+span { vertical-align: middle; } i.icon-swym-wishlist:after { content: ''; font-size: 130%; line-height: 18px; text-align: center; display: inline; } /*content rendered after swym is ready to avoid showing block/invalid chars*/ .swym-ready i.icon-swym-wishlist:after { content: '\f004'; } /* End Add to Wishlist - 17 Aug 2023 - Fabio Cortinovis */ /* Start Product Summary CSS - 26 Sep 2023 - Chandni Handa */ .section-wrapper--product .product-summary section { width: 90%; } .section-wrapper--product .product-summary { width: 100% !important; max-width: 100%; } .product-summary { padding: 40px 0; } .product-summary .img-wrapper h2 { margin: 0 0 20px; text-transform: none; font-size: 38px; /* max-width: 250px; */ line-height: 1.2; } .product-summary .img-wrapper h2 span { display: block; } .product-summary .img-wrapper h2 .uppercase-text { text-transform: uppercase; } .product-summary .img-wrapper h2 .fade-text { color: #707070; } .product-summary .container { column-gap: 30px; } .features .text { margin: 0; font-size: 24px; font-family: Oswald,sans-serif; font-weight: 400; font-style: normal; text-transform: uppercase; } .features .options, .features .options p { margin: 0; line-height: normal; font-size: 14px; } body .sezzle-wrapper .p-price { width: 100%; text-align: left; font-size: 14px; } .sezzle-wrapper .p-price span.sezzle-info-icon { font-size: 13px; } .sezzle-wrapper .p-price .sale-price { font-size: 18px; } .sezzle-wrapper { margin-top: 1.5rem; } .sezzle-wrapper .p-price p { margin: 0; line-height: normal; } .wishlist-block { border-top: 1px solid #d3d3d3; margin-top: 1.5rem; padding-top: 1rem; font-size: 14px; line-height: normal; } .wishlist-block p.need-moment { line-height: normal; } .wishlist-block p.need-moment strong { display: inline-block; margin-bottom: 5px; } .wish-icon { display: inline-flex; align-items: center; position: relative; } .wish-icon .swym-add-to-wishlist-view-product:after { font-size: 18px; width: auto; } .wish-icon button.swym-button { height: 18px !important; line-height: normal !important; width: 20px !important; margin-right: 2px; position: static; } .wish-icon button.swym-button::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .wish-icon span { color: #a48242; } .content-wrapper .delivery_text, .dealer-content p { margin: 0; font-size: 14px; line-height: normal; } .dealer-content { margin-top: 0.5rem; } .n-product-btn-block .content-wrapper, .product-summary .content-wrapper { display: flex; column-gap: 10px; } .product-summary button.add_to_cart { margin-top: 2.5rem; } .dealer-content :is(.locate-dealer, button.send-dealer) { color: #a48242; padding: 0; } .dealer-content button { background: transparent; } .product-summary .p-img img { width: 100%; } body.product-pf-7b7de119 .pplr-wrapper { margin-top: 75px; margin-bottom: 0; } body.product-pf-7b7de119 .pplr-wrapper:first-of-type { margin-top: 0; } body:has(.product-summary) .n-product-btn-block, body:not(:has(.product-summary)) .shopify-product-form .product-block--add-to-cart .swym-button-bar, body:not(:has(.product-summary)) .shopify-product-form .product-block--add-to-cart .eta-text1, body:not(:has(.product-summary)) .dealer-container { display: none !important; } /* body:not(:has(.product-summary)) .shopify-product-form .product-block--add-to-cart { margin-bottom: 45px; } */ .delivery_text_inner .eta-text img { display: none; } .delivery_text_inner .eta-text { margin: 0; font-size: 14px; line-height: normal; padding: 0; letter-spacing: 0; } .delivery_text_inner .eta-text span { margin: 0 !important; } .n-product-btn-block .delivery_text { line-height: 2; } .n-product-btn-block .dealer-content p { line-height: 1.6; } .n-product-btn-block .dealer-content.content-wrapper { margin-top: 12px; } .n-product-btn-block .wishlist-block { margin-top: 1rem; } @media only screen and (min-width: 799px) { .product-summary .desktop-hide { display: none; } } @media only screen and (max-width: 798px) { .product-summary .container .one-third { width: 100%; } .sezzle-wrapper { margin-top: 1rem; } .product-summary .mobile-hide { display: none; } .product-summary .one-third:has(button.add_to_cart) button.add_to_cart { order: -1; margin: 1.5rem 0; } .product-summary .one-third:has(button.add_to_cart) { display: flex; flex-direction: column; } body:not(:has(.product-summary)) .wishlist-block { margin-bottom: 1.5rem; } .product_section:has(.pplr_red_wrapper) .sticky-enable.product__images { position: relative !important; top: 0 !important; } } /* End Product Summary CSS - 26 Sep 2023 - Chandni Handa */ /* Start Sticky Bar 2.0 CSS - 28 Sep 2023 - Chandni Handa */ body.index .shopify-section--header { position: sticky; top: 0; z-index: 9; } body:has(.section-wrapper--product):has(.wide-layout) .top-price-sticky .inner-wrap .p-price, .top-price-sticky .inner-wrap .p-price { width: auto; padding: 0; font-size: 14px; } .top-price-sticky .inner-wrap .p-price img.show-sezzle-logo { height: 16px !important; margin-top: 0 !important; vertical-align: inherit !important; margin-left: 2px !important; position: relative; top: 3px; } .header-bottom { position: sticky; top: 0; z-index: 9; background: #fff; } .header-part { transition: transform .5s ease-in-out; } .hide-header-part { transform: translateY(-100%); } .top-price-sticky { top: 0 !important; } body:has(.open-modal) { overflow: hidden !important; } body:has(.open-modal) .mini_cart { z-index: 999; } .section-wrapper:has(.open-modal) .product_form .product-personalizer { position: static; } body .section-wrapper:has(.open-modal) { position: static; } @media only screen and (max-width: 798px) { body:has(.hide-header-part) .product_section .sticky-enable.product__images:has(canvas#pplr_canvas) { transform: translateY(calc(-100% - var(--header-height))); } body .product_section .sticky-enable.product__images:has(canvas#pplr_canvas) { top: calc(var(--header-height) - 3px); transition: transform .5s ease-in-out; } .m-0 div[data-pf-type="Row"] { margin: 0; } body .section-wrapper:has(.open-modal) { position: static; } } @media only screen and (max-width: 767px) { .usp-section .main-carousel.icons-bar { opacity: 1; overflow: auto; padding: 0 2.5%; } .usp-section .icons-bar::-webkit-scrollbar { display: none; } body .usp-section .icons-bar .item { width: auto; padding: 5px 10px 2px; justify-content: flex-start; transform: none; } } @media only screen and (max-width: 749px) { body .top-price-sticky .inner-wrap { text-align: left; } .top-price-sticky .container .p-price { max-width: 100%; text-align: left; line-height: normal; } body .top-price-sticky { padding: 5px 10px 8px; top: 0; } .top-price-sticky .inner-wrap .p-price img.show-sezzle-logo { height: 15px!important; margin-left: 1px!important; top: 2.5px; } .top-price-sticky .container .p-price span.sezzle-info-icon { font-size: 11px; } body .usp-section span.def-text, body .usp-section .icons-bar .item .eta-text { font-size: 12px; letter-spacing: 0; justify-content: flex-start; line-height: normal; } .usp-section .icons-bar .item img { width: auto !important; height: 25px !important; object-fit: contain; } .usp-section .icons-bar .free-shipping.item img { height: 20px !important; } .header-bottom { top: -2px; } .header-bottom .top-price-sticky { position: static !important; } } /* End Sticky Bar 2.0 CSS - 28 Sep 2023 - Chandni Handa */ /* Start Menu From Figma CSS - 06 Oct 2023 - Chandni Handa */ /* .main-nav__wrapper { border-top: 1px solid #A48242; } */ .cart-container .mini_cart { transition: all .15s linear; } .cart-container .mini_cart:hover:before { color: #9b7e4b; transition: all .15s linear; } .main-nav { padding: 15px 30px; display: grid; grid-template-columns: 1fr auto 1fr; } .main-nav .nav-desktop__tier-1-link { letter-spacing: 0.64px; font-family: Oswald,sans-serif; font-weight: 400; font-style: normal; border: 0; } .main-nav .nav-desktop__tier-1-link span.icon-down-arrow { font-size: 10px!important; } details[open="open"] span.icon-down-arrow::before { transform: rotateX(180deg); } .nav-desktop__tier-2--full-width-menu { background: #252323; } .mega-menu { border-top: 1px solid #A48242; } .mega-menu .dropdown_column { width: 100%; padding: 20px 30px; } .dropdown_column ul.dropdown_title a { letter-spacing: 0.64px; font-family: Oswald,sans-serif; font-weight: 400; font-style: normal; color: #fff; } .dropdown_column ul.dropdown_title+ul a { color: #CECECE; padding: 4px 0 0; transition: all .3s linear; } .dropdown_column ul.dropdown_title+ul a:hover { color: #9b7e4b; } .dropdown_column ul.dropdown_title { border-bottom: 0; } .cart-container .mini_cart.icon-bag::before, .top-bar__menu .icon-user::before { //content: none; } .top-bar__menu .icon-user { align-items: center; font-size: 15px; letter-spacing: .64px; font-family: Oswald,sans-serif; font-weight: 400; font-style: normal; text-transform: uppercase; } .top-bar--right-menu { column-gap: 25px; } .cart-container .mini_cart { letter-spacing: .64px; font-family: Oswald,sans-serif; font-weight: 400; font-style: normal; text-transform: uppercase; align-items: center; background: transparent; font-size: 15px; width: auto; min-width: auto; max-width: initial; padding: 0; margin: 0 !important; } .cart-container .mini_cart .cart_count { color: inherit; padding: 0; } .main-nav .nav.nav--left { width: 100%; } .header-right-part { display: flex; align-items: center; column-gap: 25px; justify-content: flex-end; } .top-bar { padding: 0 30px; } .top-bar li { padding-left: 0; padding-right: 0; } .top-bar .top-bar__menu a { display: flex; align-items: center; column-gap: 5px; line-height: normal; font-size: 13px; } .top-bar .social_icons { display: inline-flex; column-gap: 8px; } .top-bar .social_icons li { margin: 0; } .top-bar .social_icons li a { display: flex; } .cart-container .mini_cart.icon-bag svg { margin-right: 5px; } .mega-menu__image-caption-link>a { padding: 0; border-radius: 5px; overflow: hidden; } .mega-menu__image-caption-link { margin-bottom: 20px; } .mega-menu .mega-menu__image-caption-link .mega-menu__image-caption { position: absolute; bottom: 0; margin: 0; width: 100%; display: flex; justify-content: space-between; padding: 0 14px 8px; font-size: 18px; letter-spacing: .64px; font-family: Oswald,sans-serif; font-weight: 500; font-style: normal; z-index: 3; } .mega-menu .mega-menu__image-caption-link .mega-menu__image-caption svg { width: 16px; height: auto; } .mega-menu__richtext p { letter-spacing: .64px; font-family: Oswald,sans-serif; font-weight: 400; font-style: normal; color: #fff; text-transform: uppercase; margin-bottom: 10px; } .widemenu { padding: 15px 30px 20px; border-top: 1px solid #A48242; } .widemenu .widemenu__submenu-heading { letter-spacing: .64px; font-family: Oswald,sans-serif; font-weight: 400; font-style: normal; color: #fff; padding-bottom: 10px; border: 0; margin: 0; } .widemenu ul.widemenu__submenu-items li.widemenu__submenu-item { padding: 0; } .widemenu ul.widemenu__submenu-items li.widemenu__submenu-item a { color: #cecece; padding: 4px 0 0; display: block; letter-spacing: 1px; transition: all .3s linear; } .widemenu ul.widemenu__submenu-items li.widemenu__submenu-item a:hover { color: #9b7e4b; } /* Menu Drawer */ .mobile-menu-container { min-height: calc(100vh - 54px); padding: 20px; display: flex; flex-direction: column; background: #252323; } .mobile_nav-fixed--false.is-active { padding-top: 54px; } /* .mobile-menu-container { position: absolute; transform: translate(-100%); visibility: hidden; z-index: 3; left: 0; top: 100%; width: 100%; margin: 0; padding: 20px; overflow-x: hidden; background: #252323; height: calc(100vh - 122px); text-align: left; display: flex; flex-direction: column; justify-content: space-between; } .mobile-menu-container[data-animation-state=open] { transform: translate(0); visibility: visible; } */ .mobile-menu-container ul.menu { margin: 0 !important; padding: 0; height: inherit; width: 100%; } .mobile-menu-container ul.menu a { font-size: 24px; display: flex; align-items: center; font-family: 'Oswald'; position: relative; } .mobile-menu-container ul.menu .icon-down-arrow { float: none; display: inline-flex !important; margin-top: -4px; transform: unset !important; position: static !important; } .mobile-menu-container ul.menu .icon-down-arrow:before { content: ""; font-size: 0; position: absolute; width: 100%; height: 100%; inset: 0; } .mobile-menu-container ul.menu .icon-down-arrow:after { content: ""; display: inline-block; width: 28px; height: 28px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAtCAYAAAA6GuKaAAAACXBIWXMAABCcAAAQnAEmzTo0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACPSURBVHgB7dhBDQMxDETRgbAQFkohLIOGQSmUaSEsBNer9tZUOcWaSP9Jvn9FOViWAABwEhGPnDPnlXPIXUbe4tddzjKwRZ9veMZt32+xXPhOeCXCqxFejfBqg/BNrqK/o1yaHA1eepebQXCTG4JnI3g2gmcjuEKGHUsFX6K/UzS5y8hnfC5M5xLBAAD88wYPS/alZPNUVAAAAABJRU5ErkJggg=='); background-size: contain; background-position: center; background-repeat: no-repeat; transition: all .3s linear; } .mobile-menu-container ul.menu .mobile-mega-menu_block .parent-link--false.active .icon-down-arrow:after, .mobile-menu-container ul.menu .icon-down-arrow.active:after { transform: rotate(90deg) } .mobile-menu-container ul.menu .mobile-mega-menu_block .parent-link--false.active .icon-down-arrow:after, .mobile-menu-container ul.menu .icon-down-arrow.active:after { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAuCAYAAAC8jpA0AAAACXBIWXMAABCcAAAQnAEmzTo0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFcSURBVHgB7djBTcNAEEDR2UHhnCM3KCEdYEMDcEYIpRDERqYAOiASzh0aIO4goQJcQo6IEA+eAweyAqTdnSGHeTfvStbX2LJlAxhjjDG7ZuaL0b0vjkARQoK6KueEuBggvs6qkxtQEh39UJ2eAbni65gIvFZ4/KQ3m9X2kla4gwT1pFyAc6PgpA78xfXzBIQk3dNrorIf73J7XXriSZNm/ZNjOHBurjnx5GimHZ4lmmmGZ4tmWuFZo5lGePZoJh0uEs0kw8Wi2W/h1HXlpW8aiJD0cvnL2DcrhzT9YXsIkUSj69viigjvwh1qPwCWEEns9uBg6HAa7lC77qjsr0ILkUSiJYNZ9mjpYJY1WiOYZYvWCmZZojWDWXK0djBL+9z6h2AWHc3/OvjXQbgjG8yi34j7gEW4Kh/MoqPfoXv8vqITzPYg0lPTvp0fH744xIP+sOmDxxrBxhhjjIhP3mHfCz5Prp4AAAAASUVORK5CYII='); } .mobile-menu-container #mobile_menu .sublink ul li:not(.sublink) a { color: #CECECE; font-size: 18px; font-family: 'Roboto'; transition: all .3s linear; } .mobile-menu-container #mobile_menu .sublink ul li:not(.sublink) a:hover { color: #9b7e4b; } .mobile-menu-container .top-bar__login-link { margin: 20px 0; font-size: 16px; text-transform: uppercase; } .mobile-menu-container .top-bar__login-link svg { width: 20px; height: 20px; } /* .mobile-menu-container #mobile_menu .sublink ul { display: block !important; margin: 0; padding: 0; position: absolute; top: 0; width: 100%; bottom: 0; left: 0; z-index: 4; transform: translate(100%); visibility: hidden; background: #252323; } .mobile-menu-container #mobile_menu .sublink ul.item-show { transform: translate(0); visibility: visible; } */ .mobile-mega-menu_block { position: relative; } :is(.mobile-mega-menu_block, .mega-menu__image-caption-link) a :is(.image-element__wrap, img) { display: block; width: 100%; max-width: 100% !important; position: relative; border-radius: 5px; } :is(.mobile-mega-menu_block, .mega-menu__image-caption-link) a .image-element__wrap:before { content: ""; width: 100%; height: 100%; position: absolute; inset: 0; background: linear-gradient(360deg, #19110B 0%, rgba(25, 17, 11, 0.00) 20%); z-index: 1; } .mobile-mega-menu_block a .mobile-mega-menu__image-caption { position: absolute; left: 0; bottom: 0; padding: 25px 15px; font-size: 22px; font-weight: 500; z-index: 2; font-family: 'Oswald'; width: 100%; display: flex; align-items: center; justify-content: space-between; } .mobile-mega-menu_block a .mobile-mega-menu__image-caption:after { content: ""; display: inline-flex; width: 14px; height: 14px; background-image: url('/cdn/shop/files/arrow.svg?v=1696515215'); background-size: contain; background-repeat: no-repeat; background-position: center; } .cart-container .mini_cart.icon-bag:before, .top-bar__menu .icon-user:before { font-size: 20px; line-height: 1.2; } .top-bar .top-bar--right { gap: 25px; } .cart-container .mini_cart.icon-bag .cart_count { position: absolute; width: 18px; height: 18px; background: #a48242; display: inline-flex; font-size: 12px; line-height: 14px; align-items: center; justify-content: center; border-radius: 16px; top: -6px; right: -6px; } @media only screen and (max-width: 798px) { .top-bar { padding: 8px 16px; } .top-bar-header { padding: 7px 16px; /* border-top: 1px solid #A48242; */ } .top-bar .social_icons a { height: 16px; line-height: 16px; } .top-bar-header .cart_count { padding: 1px !important; } .top-bar--right a svg { width: 22px; height: 22px; } .cart-container .mini_cart.icon-bag .cart_count { right: 8px; } .top-bar-header .icon-search { margin-left: 15px; } .top-bar-header .icon-search:before { font-size: 20px; color: #fff; } } /* End Menu From Figma CSS - 06 Oct 2023 - Chandni Handa */ /* Start COLLECTION PAGE – NEW LAYOUT CSS - 13 Oct 2023 - Chandni Handa */ .shopify-section:has(>.c-w-layout) { padding: 50px 135px 60px; } .c-w-layout h1 { font-size: 40px !important; line-height: 135%; font-weight: 500; letter-spacing: 0; max-width: 900px; margin-left: 0; } .c-w-layout { max-width: none; width: 100%; } .c-w-layout .thumbnail { background-color: #fff; border-radius: 5px; overflow: hidden; } .c-w-layout .sezzle-info-icon{ display:none; } .c-w-layout .product-details { display: flex; justify-content: space-between; } .c-w-layout hr.line { border-color: #a48242; margin: 1.5rem 0; } .c-w-layout .product-content { text-align: left; /* flex: 0 0 75%; */ padding-right: 1rem; width: 100%; } .c-w-layout .product-info__caption { padding: 0 25px 15px; margin-top: 0 !important; } .c-w-layout .product-content .title { font-size: 24px; font-weight: 500; margin-bottom: 10px; color: #19110B; letter-spacing: 0; } .c-w-layout .product-content .title:hover { color: #9b7e4b; } .c-w-layout .product-content .desc p { font-size: 16px; font-weight: 400; color: #19110b; line-height: 1.7; display: block; /* display: -webkit-box; */ -webkit-line-clamp: 2; -webkit-box-orient: vertical; /* overflow: hidden; */ /* text-overflow: ellipsis; */ } .c-w-layout .product-price { text-align: right; } .c-w-layout .product-price .current_price { color: #19110B; text-align: right; font-size: 18px; font-weight: 600; margin-bottom: 5px; display: inline-block; } .c-w-layout .product-price i { color: #414140; text-align: right; font-size: 14px; font-style: italic; font-weight: 400; line-height: 1; } .c-w-layout .collection_description { margin: 0 0 2em; } .c-w-layout .collection_description p { margin: 0 0 5px; } .border-swatches .swatch { border: 4px solid transparent; border-radius: 50%; padding: 2px; } body .border-swatches .swatch.active { border-color: #9b7e4b; } .border-swatches .swatch span { width: 38px; min-width: 38px; height: 38px; margin: 0; padding: 0; border: 0; } .border-swatches .swatch:hover { border-color: transparent; } .border-swatches { margin: 0; } @media only screen and (min-width: 1200px) { /* .c-w-layout .product-content .sezzle-promo-msg.product-price { display: none; } */ } @media only screen and (max-width: 1199px) { .c-w-layout .product-details .product-price { display: none; } /* .c-w-layout .product-content .sezzle-promo-msg.product-price { display: block; } */ .c-w-layout .product-price { text-align: left; } } @media only screen and (max-width: 1024px) { .shopify-section:has(>.c-w-layout) { padding: 40px; } .c-w-layout .product-details { flex-direction: column; } } @media only screen and (max-width: 989px) { .c-w-layout .product-content .title { font-size: 20px; } .border-swatches .swatch span { width: 30px; min-width: 30px; height: 30px; } .shopify-section:has(>.c-w-layout) { padding: 20px 10px; } .c-w-layout .product-content { flex: 0 0 100%; padding-right: 0; } .c-w-layout .product-content .desc p { -webkit-line-clamp: 3; } .c-w-layout .product-info__caption { padding: 0 15px 15px; } .c-w-layout .product-price { text-align: left; } .c-w-layout .product-price span.price { display: inline-block; line-height: normal; vertical-align: top; margin-right: 6px; } .c-w-layout .product-details .product-price { display: none; } /* .c-w-layout .product-content .sezzle-promo-msg.product-price { display: block; } */ /* .c-w-layout .product-price .current_price { font-size: 20px; } */ } @media only screen and (max-width: 640px) { .c-w-layout .product-list--collection >.column { width: 100%; margin-right: 0 !important; margin-left: 0 !important; } .c-w-layout h1 { font-size: 28px!important; } .shopify-section:has(>.c-w-layout) { padding: 20px 10px !important; } .c-w-layout .collection_description { margin: 0 0 1em; } } /* End COLLECTION PAGE – NEW LAYOUT CSS - 13 Oct 2023 - Chandni Handa */ /* Start Hero Image CSS - 13 Oct 2023 - Chandni Handa */ .hero-image-section .banner .image-element__wrap { position: relative; } .hero-image-section .banner .image-element__wrap::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; background: linear-gradient(#19110B,transparent, transparent,#19110B); } .hero-image-section .banner img { height: calc(100vh - 80px); object-fit: cover; width: 100%; object-position: center bottom; } .hero-image-section .caption { height: 100%; text-align: center; display: flex; justify-content: center; } .hero-image-section .caption-content { max-width: 100%; display: flex; flex-direction: column; padding-top: 50px; padding-bottom: 90px; justify-content: center; align-items: center; } .hero-image-section .caption-content .button-grid-container { margin-top: auto; max-width: 370px; display: flex; justify-content: center; } .hero-image-section .caption-content .button-grid-container .global-button { border-radius: 5px; font-family: Oswald; font-size: 16px; font-weight: 500; line-height: 20px; letter-spacing: 0em; text-align: center; flex: 1; } .hero-image-section .caption-content .button-grid-container .global-button.first_button { --button-color-text: #19110B; } .hero-image-section .caption-content .headline { font-size: 55px; margin: 0; } .hero-image-section .caption-content .subtitle { font-size: 20px; } .hero-image-section .caption-content .button-grid-container .global-button.first_button:hover { background: transparent; color: #fff; } .hero-image-section .caption-content .bottom-content { width: 100%; color: #fff; margin: 25px 0 0; font-size: 18px; } .hero-image-section .caption-content .bottom-content p { margin: 0; line-height: 1.4; } @media only screen and (min-width: 768px) { .desktop-hide { display: none !important; } .hero-image-section .caption-content .button-grid-container { width: 100%; } } @media only screen and (max-width: 1024px) { .hero-image-section .banner img { height: auto; object-position: center; } .hero-image-section .caption-content { padding-top: 0px; padding-bottom: 40px; } .hero-image-section .caption-content .subtitle { font-size: 20px; max-width: 500px; } } @media only screen and (max-width: 767px) { .hero-image-section .caption { position: relative; transform: none; height: auto; background: #000; top: 0; flex: 1; } .hero-image-section .caption-content .headline { font-size: 44px; line-height: 1.2; margin-top: 0; } .hero-image-section .caption-content { padding: 15px 0; } .hero-image-section .caption-content .subtitle p { line-height: normal; margin-top: 1rem; } .hero-image-section .caption-content .button-grid-container { flex-direction: column; margin-top: 5px; } .hero-image-section .caption-content .button-grid-container .global-button { border-radius: 3px; } .hero-image-section .banner { height: calc(100vh - 54px); background: #000; display: flex; flex-direction: column; } .hero-image-section .banner .image-element__wrap { width: 100%; } .mobile-hide { display: none !important; } .hero-image-section .caption-content .bottom-content { margin: 25px auto 0; font-size: 16px; max-width: 290px; } } /* End Hero Image CSS - 13 Oct 2023 - Chandni Handa */ /* Start Totem Layout CSS - 19 Oct 2023 - Chandni Handa */ .product-personalizer .steps { display: none; } .product-personalizer .steps.active { display: block; } .step-wrapper .prev{ display:none; } body:has(.totem-customer) #shopify-section-header .nav.nav--left, /* body:has(.totem-customer) #shopify-section-header .header-right-part, */ body:has(.totem-customer) #shopify-section-footer, body:has(.totem-customer) #header.mobile_nav-fixed--false details, body:has(.totem-customer) #header.mobile_nav-fixed--false .icon-search, body:has(.totem-customer) #header.mobile_nav-fixed--false .top-bar--right .cart-container { display: none; } body:has(.totem-customer) #shopify-section-header .main-nav { display: flex; justify-content: center; } .totem-header .main-nav { display: flex; justify-content: center; } .totem-customer .product_section { flex-direction: inherit; padding: 0; } .totem-customer .product_section .product__images.three-fifths.columns.medium-down--one-whole { width: 100%; } .totem-customer .product_section>.two-fifths.product__details--product-page { width: 100%; min-width: auto; max-width: 100%; } .totem-customer .pplr-wrapper label { font-size: 18pt; } .totem-customer .product_section .product_form { margin: 0 auto; max-width: 100%; } .totem-customer .gallery-wrap.product-height-set:has(.product_gallery_nav:empty) .gallery-cell:has(span.pplr_preview_wrapper canvas) img.product-gallery__image { height: auto; max-height: max-content; } .totem-customer .sticky-enable .gallery-wrap { position: static; } .totem-customer .gallery-wrap.product-height-set .product_gallery img { height: auto; max-height: max-content; } body.product-pf-7b7de119 .totem-customer .pplr-wrapper { margin-top: 30px; } body.product-pf-7b7de119 .totem-customer .pplr-wrapper:first-of-type { margin-top: 0; } .step-wrapper { max-width: 100%; width: 100%; margin: 0 auto 3rem; } .step-wrapper .totem-buttons { display: flex; justify-content: space-between; margin-top: 2rem; } .step-wrapper .totem-cashier button.global-button { width: 100%; font-size: 16pt; } .step-wrapper .totem-title { display: flex; justify-content: space-between; margin-top: 0.5rem; margin-bottom: 0.6rem; } .step-wrapper .totem-title .text { text-transform: uppercase; font-size: 24pt; margin: 0; font-family: Oswald,sans-serif; line-height: 1; } .step-wrapper .totem-title .totem-price { font-size: 24pt; margin: 0; font-weight: 700; line-height: 1; } .step-wrapper .options p { margin: 0; font-size: 14pt; line-height: normal; } .step-wrapper .totem-buttons button { padding: 0; background: transparent; } .step-wrapper .totem-buttons button svg { width: 50px; height: auto; } .step-wrapper .totem-buttons button.next { margin-left: auto; } .step-wrapper .totem-buttons button.prev svg { transform: rotate(180deg); } body:has(.totem-customer) .top-price-sticky .inner-wrap .totem-price { font-size: 30px; line-height: 1.5em; font-weight: 700; } body:has(.totem-customer) .top-price-sticky .inner-wrap .p-title { line-height: 1; } .totem-customer .product_form .product-personalizer { margin-bottom: 0 !important; } .totem-customer .product_gallery_nav { margin: 0; } .totem-header .main-nav .header-right-part { position: absolute; right: 30px; } .open-tooltip .header-part, .open-tooltip .header { z-index: 2; } .totem-customer .img_thumb_big span.pplrimage { width: 150px !important; height: 150px !important; } .totem-customer .pplr_tag .pplr-selecter-item { font-size: 16pt; min-width: 150px; padding: 10px 20px; } .totem-customer .configurator-section h2 { font-size: 16pt; } .totem-customer .configurator-section p { font-size: 12pt; } .totem-customer .configurator-section a.plus-circle:before { top: 12px; right: 12px; width: 34px; height: 34px; font-size: 25px; } .totem-customer .vrdisabled::before { font-size: 13px; padding: 3px; border-radius: 50px; } .totem-customer .pplr-wrapper select, .totem-customer .product-personalizer .pplr_monogram { font-size: 13pt; } .totem-summary input.totem-email { font-size: 13pt; height: 54px; min-height: 54px; } @media only screen and (max-width: 798px) { .totem-customer .product_gallery { margin: 0; } } @media only screen and (max-width: 749px) { body:has(.totem-customer) .top-price-sticky .inner-wrap { display: flex; align-items: flex-start; column-gap: 10px; } body:has(.totem-customer) .top-price-sticky .inner-wrap .totem-price { font-size: 26px; line-height: 1.3em; } .step-wrapper { padding: 0 10px; } } /* End Totem Layout CSS - 19 Oct 2023 - Chandni Handa */ /* Start show cart product options - 31 Oct 2023 - Chandni Handa */ body .pplr_cart_property_default { display: block !important; } /* End show cart product options - 31 Oct 2023 - Chandni Handa */ /* Start limited stock available - 17 Nov 2023 - Chandni Handa */ .limited-stock-wrapper strong { color: #ff0000; } .limited-stock-wrapper{ margin-bottom: 7px; } .limited-stock-wrapper .delivery_text { line-height: 1.8; } /* End limited stock available - 17 Nov 2023 - Chandni Handa */ /* Start Save badge CSS - 21 Nov 2023 - Chandni Handa */ span.up-to { font-size: 10px; display: inline-block; vertical-align: middle; line-height: 1.2; } span.up-to .price-off { font-size: 18px; font-weight: 500; } span.price-ui-badge__sticker-text { display: inline-block; line-height: normal; } @media only screen and (max-width: 798px) { span.up-to .price-off { font-size: 14px; } span.up-to { font-size: 8px; vertical-align: inherit; line-height: 1.2; position: relative; top: 3px; } } /* End Save badge CSS - 21 Nov 2023 - Chandni Handa */ .product__details .shopify-product-form .product-block--custom-liquid :is(span, div) { font-weight: 400 !important; } body .spice-spa-addon-heading, .pplr-wrapper.pplr-add-text-engraving p { font-weight: 400; } /* Start Black Friday Banner CSS - 22 Nov 2023 - Chandni Handa */ .product__details .shopify-product-form .product-block--custom-liquid :is(span, div) { font-weight: 400 !important; } body .spice-spa-addon-heading, .pplr-wrapper.pplr-add-text-engraving p { font-weight: 400; } .countdown-timer { background: url(/cdn/shop/files/mobile_strip-01_fd8bb187-7a4d-4617-b219-24e839d3f305.jpg?v=1700661869); display: inline-flex; padding: 8px 5px; vertical-align: middle; background-repeat: no-repeat; width: 100%; background-size: 100% 100%; max-width: 500px; } .countdown-timer .left-img { width: 30%; display: flex; align-items: center; padding: 4px; } .countdown-timer .left-img img { width: 100%; object-fit: contain; height: auto; } /** * Concept 3 */ .countdown-3 { --colour-days: calc(var(--countdown-percent-days) * 255); --colour-hours: calc(var(--countdown-percent-hours) * 255); --colour-minutes: calc(var(--countdown-percent-minutes) * 255); --colour-seconds: calc(var(--countdown-percent-seconds) * 255); --colour: calc(var(--countdown-percent) * 255); --length: calc(var(--countdown-percent) * 100%); display: flex; /* background: #fff; */ padding: 0; justify-content: center; align-content: center; align-items: center; position: relative; overflow: hidden; column-gap: 10px; padding-left: 5px; } .countdown-3 .days, .countdown-3 .hours, .countdown-3 .minutes, .countdown-3 .seconds { margin: 0; position: relative; } .countdown-3 :is(.days, .hours, .minutes)::after { content: "" !important; width: 5px; height: 13px; display: inline-block !important; position: absolute; top: 12px; right: -8px; background: url(/cdn/shop/files/dots.svg?v=1700567164) no-repeat; background-size: contain; background-position: center center; } .countdown-3 .amount { display: inline-flex; justify-content: center; align-content: center; align-items: center; position: relative; } .countdown-3 .amount::before { content: none; display: block; position: absolute; left: 0; top: 50%; width: 100%; margin-top: -1px; border-top: solid 1px #000; border-bottom: solid 1px #000; z-index: 1; } .countdown-3 .digit { display: flex; justify-content: center; align-content: center; align-items: center; position: relative; width: 28px; height: 35px; font-size: 25px; margin: 0; background: transparent; border-radius: 0; color: #f3c166; text-align: center; overflow: hidden; border: 2px solid #000; box-shadow: inset 0px 2px 10px #000; } .countdown-3 .digit:first-child { border-right: 0; } .purchase-details .countdown-timer { margin-bottom: 1.2rem; } .countdown-3 .label { display: block; padding-top: 4px; font-size: 10px; text-align: center; text-transform: uppercase; color: #f3c166; background: -webkit-linear-gradient(180deg, #d09b29, #fce38e); -webkit-background-clip: text; -webkit-text-fill-color: transparent; line-height: 1; } .countdown-3 .digit { background: -webkit-linear-gradient(180deg, #d09b29, #fce38e); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .countdown-3 .digit::before { content: ""; position: absolute; top: 51%; left: 0; transform: translateY(-50%); width: 4.5px; height: 13px; /* background: url(/cdn/shop/files/right_shape.svg?v=1700566749) no-repeat; */ background-size: contain; z-index: 2; } .countdown-3 .digit::after { content: ""; position: absolute; top: 51%; right: 0; left: auto; transform: translateY(-50%); width: 3.5px; height: 13px; z-index: 2; display: block; /* background: url(/cdn/shop/files/left_shape.svg?v=1700567165) no-repeat; */ background-size: contain; background-position: right -1px center; } /* Bar */ .sale-end p { margin-bottom: 10px !important; font-family: oswald; font-size: 20px !important; } .countdown-top-bar { background: url(/cdn/shop/files/web_strip-01-01.jpg) no-repeat; background-size: 100% 100%; display: flex; justify-content: center; column-gap: 50px; padding: 4px; align-items: center; width: 100%; /* border: 2px solid; border-image-slice: 1; border-image-source: linear-gradient(to left, #d09b29, #fce38e, #d09b29); */ } .countdown-top-bar .left-img img { max-width: 200px; width: 100%; object-fit: contain; } .countdown-top-bar .deals-text p { color: #fff; text-transform: uppercase; margin: 0; font-size: 14px; text-align: center; line-height: 1; } .countdown-top-bar .deals-text p .text-grad { color: #f3c166; background: -webkit-linear-gradient(180deg, #d09b29, #fce38e, #d09b29); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .countdown-top-bar .countdown-3 .label { font-size: 7px; padding-top: 2px; line-height: 1; display: none; } .countdown-top-bar .countdown-3 .amount { vertical-align: middle; } .countdown-top-bar .countdown-3 .amount:before { content: none; } .countdown-top-bar .countdown-3 .digit::after, .countdown-top-bar .countdown-3 .digit::before { width: 3px; height: 7px; } .countdown-top-bar .countdown-3 .digit { width: 20px; height: 24px; font-size: 20px; box-shadow: none; border: 2px solid #000; } .countdown-top-bar .countdown-3 :is(.days, .hours, .minutes)::after { width: 4px; height: 10px; top: 55%; right: -5px; transform: translateY(-50%); } .countdown-top-bar .left-img { display: flex; align-items: center; line-height: 0; position: relative; top: 2px; } .countdown-top-bar .countdown-3 { column-gap: 5px; padding: 0; } .right-text { display: flex; flex-direction: column; justify-content: center; align-items: center; } .ex-deals p { margin: 0; color: #fff; text-align: center; font-size: 14px; line-height: normal; text-transform: uppercase; padding: 5px 0 0 5px; } @media only screen and (max-width: 1199px) { .countdown-3 .digit { width: 22px; height: 33px; font-size: 22px; border: 1px solid #000; box-shadow: inset 0 1px 10px #000; } .ex-deals p { font-size: 11.5px; } } @media only screen and (max-width: 989px) { .countdown-top-bar .deals-text p { font-size: 12px; } .countdown-top-bar .deals-text { max-width: 220px; } } @media only screen and (max-width: 767px) { .countdown-timer.desktop-hide .countdown-3 .digit { width: 25px; height: 40px; font-size: 25px; } .countdown-timer.desktop-hide { max-width: 100%; } .countdown-timer.desktop-hide .ex-deals p { font-size: 12px; letter-spacing: 0.4px; padding: 3px 0 0 5px; } .countdown-timer.desktop-hide .countdown-3 :is(.days,.hours,.minutes):after { top: 50%; right: -8px; transform: translateY(-50%); } .countdown-3 :is(.days,.hours,.minutes):after { top: 11px; } } /* End Black Friday Banner CSS - 22 Nov 2023 - Chandni Handa */ .product-info__caption .product-price .price .price-wrapper { display: flex; align-items: center; column-gap: 5px; justify-content: flex-end; } .product-info__caption .product-price .price .price-wrapper span.current_price { margin: 0; display: flex; column-gap: 5px; } .c-w-layout .product-price { min-width: 190px; } .product-info__caption .product-price .price .price-wrapper span.from { color: #414140; text-align: right; font-size: 14px; font-style: italic; font-weight: 400; align-self: center; line-height: 1; } @media only screen and (max-width: 1199px) { .product-info__caption .product-price .price .price-wrapper { justify-content: flex-start; } /* .c-w-layout .product-price span.price { width: 100%; } */ } .sezzle-top-header span.pp { font-weight: 700; } /* Start Christmas Header Banner CSS - 28 Nov 2023 - Chandni Handa */ .christmas-header.countdown-top-bar .left-img { top: 0; } .christmas-header.countdown-top-bar { background: url(/cdn/shop/files/ch-header.webp?v=1701167787) no-repeat; column-gap: 70px; background-size: 100% 100% !important; } .christmas-header.countdown-timer { background: url(/cdn/shop/files/Christmas_theme_banners_all-04.jpg?v=1701167387); background-repeat: no-repeat; background-size: 100% 100%; } .christmas-header.countdown-timer.desktop-hide .countdown-3 .digit, .christmas-header.countdown-top-bar .countdown-3 .digit { background: linear-gradient(45deg,#393939,#3d3d3d); } .christmas-header.countdown-timer.desktop-hide .countdown-3 .digit span, .christmas-header.countdown-top-bar .countdown-3 .digit span { background: -webkit-linear-gradient(180deg,#d09b29,#fce38e); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } @media only screen and (max-width: 1199px) { .christmas-header.countdown-top-bar { column-gap: 30px; } .christmas-header .deals-text { max-width: 480px; } } @media only screen and (max-width: 989px) { .christmas-header.countdown-top-bar { column-gap: 20px; } .christmas-header .deals-text { max-width: 300px; } } /* Start Christmas Header Banner CSS - 28 Nov 2023 - Chandni Handa */ /* Start Cart Design CSS - 04 Dec 2023 - Chandni Handa */ .cart__wrapper .cart__item { background: #f6f5f3; padding: 30px; border-radius: 10px; column-gap: 20px; align-items: flex-start; border: 0; } .cart__wrapper .cart__item .cart__item--image { margin: 0; width: 55%; max-width: 55%; } .cart__wrapper .cart__item .cart__item--image .cart_page_image { margin: 0; padding-bottom: 100%; position: relative; width: 100%; } .cart__wrapper .cart__item .cart__item--image .cart_page_image img { width: 100%; position: absolute; top: 0; left: 0; height: 100%; object-fit: contain; background: #fff; border-radius: 10px; } .cart__wrapper .cart__item .cart_content_info.cart__item--content { margin: 0; padding-right: 20px; } .cart__wrapper .cart__item .cart__item--title { margin: 0 0 10px; } .cart__wrapper .cart__item .cart__item--title a { color: #19110b; } .cart__wrapper .cart__remove-btn .remove-text { display: none; } .cart__wrapper .cart__remove-btn { right: 10px; top: 4px; } .cart__wrapper .cart__item p.meta { margin: 0; } .cart__wrapper .cart__item .product-quantity-box { margin: 6px 0 0 !important; } .cart__wrapper .cart__item .modal_price { margin-top: 10px; } .cart__wrapper .cart__item .cart_content_info.cart__item--content .pplr_cart_property_default { line-height: 1.8; } @media only screen and (min-width: 641px) { .cart__wrapper .cart__item:not(:first-child):before { content: ""; position: absolute; top: -12px; left: 0; width: 100%; height: 2px; background: #bfbfbf; } .cart__wrapper .cart__item:not(:first-child) { margin-top: 24px; } } @media only screen and (max-width: 640px) { .cart__wrapper .cart__item .cart__item--image { margin: 0 0 15px; width: 100%; max-width: 100%; } .cart__wrapper .cart__item .cart__item--image .cart_page_image { padding-bottom: 50%; } .cart__wrapper .cart__item { flex-wrap: wrap; padding: 15px 16px; } .cart__wrapper .cart__item .cart__item--image .cart_page_image img { border-radius: 5px; } .cart__wrapper .cart__item .cart_content_info.cart__item--content { padding-right: 0; width: 100%; } .cart__wrapper .cart__remove-btn { right: 26px; top: 18px; } } /* End Cart Design CSS - 04 Dec 2023 - Chandni Handa */ /* Start Bottom Metal CSS - 01 May 2024 - Chandni Handa */ /* .product-block--bottom_metal{ padding-top: 25px; } */ .product-block--bottom_metal { padding-top: 0; max-height: 0; overflow: hidden; transition: 1s; } .bottom-metal-wrapper .heading { /* margin-top: 0; */ margin-bottom: 0; padding: 0px; font-size: 20px; font-family: Oswald; font-weight: 4: uppercase; letter-spacing: 0; } .bottom-metal-wrapper .subheading { margin: 6.5px 0px; font-size: 13px; font-weight: 700; } .bottom-metal-wrapper select { text-indent: 0; } .bottom-metal-wrapper .bottom-metal-text { position: relative; max-width: 100%; width: 100%; background-color: #ededed; border-radius: 15px; } .bottom-metal-wrapper .bottom-metal-text h2 { line-height: 110%; font-weight: 600; margin: 0; padding-right: 28px; padding-bottom: 8px; font-family: 'Oswald', sans-serif; font-size: 14px; letter-spacing: 1px; } .bottom-metal-wrapper .bottom-metal-text p.promo-detail { line-height: 130%; margin: 0; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 14px; letter-spacing: 1px; padding-bottom: 8px; } .bottom-metal-wrapper .bottom-metal-text p.promo-disclaimer { line-height: 130%; margin: 0; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 12px; font-style: italic; letter-spacing: 1px; } .bottom-metal-wrapper .bottom-metal-text h2 span { color: #a48242; } /* End Bottom Metal CSS - 01 May 2024 - Chandni Handa */ /* Start badges CSS - 27 May 2024 - Chandni Handa */ .p-tag { border: 1.5px solid #A48242; position: absolute; left: 18px; top: 18px; z-index: 1; margin: 0; padding: 6px 16px; line-height: normal; letter-spacing: 1.6px; color: #A48242; font-weight: 500; font-size: 12px; text-transform: uppercase; font-family: Oswald, sans-serif; border-radius: 5px; } .product-main .p-tag { right: 18px; left: auto; } @media only screen and (max-width: 989px) { .p-tag { top: 12px; left: 12px; font-size: 10px; padding: 4px 12px; } .product-main .p-tag { right: 12px; } } /* End badges CSS - 27 May 2024 - Chandni Handa */ /* Start Homepage new section CSS - Chandni Handa - 27 May 2024 */ .overlay-text { padding-top: 5rem; padding-bottom: 4rem; } .collection-tab-slider-section h2.title, .overlay-text h2.title { text-align: left; margin: 0 0 10px; max-width: 900px; font-weight: 400; line-height: 1.2; } .collection-tab-slider-section h2.title strong, .overlay-text h2.title strong { color: #A48242; font-weight: 400; } .overlay-text p { max-width: 720px; line-height: 1.5; } .overlay-text .border-style--none { position: relative; border-radius: 5px; overflow: hidden; } .overlay-text .image-element__wrap img { margin: 0; } .overlay-textwrap .text-column .image-element__wrap img { transition: .3s; transform: none; margin: 0; -webkit-backface-visibility: inherit; backface-visibility: inherit; } .overlay-textwrap .text-column:hover .image-element__wrap img { transform: scale(1.05); } .overlay-text .flex { display: flex; width: 100%; } .overlay-text-wrap { background: transparent; width: 100%; height: 100%; padding: 15px 15px 25px; text-align: left; color: #fff; display: flex; flex-direction: column; position: absolute; top: calc(100% - 100px); left: 0; width: 100%; padding: 25px 60px 25px 25px; z-index: 1; transition: all linear .5s; } .overlay-text-wrap.bg-overlay { background: linear-gradient(0deg, #19110B 0%, rgba(25, 17, 11, 0) 100%); } .overlay-textwrap .text-column.active .overlay-text-wrap { top: 0; } .text-column.active .overlay-text-wrap .subtitle { opacity: 0; max-height: 0; overflow: hidden; } .text-column:not(.active) .overlay-text-wrap .rte-setting { opacity: 0; } .overlay-textwrap .text-column.active .feature-box-icon { transform: rotate(45deg); } .overlay-textwrap .overlay-text-wrap { background: transparent; } .overlay-textwrap .image-element__wrap { position: relative; } .overlay-textwrap .image-element__wrap:after { content: ""; height: 160px; width: 100%; display: block; background: linear-gradient(0deg, #19110B 0%, rgba(25, 17, 11, 0) 100%); position: absolute; bottom: 0; left: 0; transition: all linear .3s; } .overlay-textwrap .text-column.active .image-element__wrap:after { height: 200%; } .overlay-textwrap .text-column { cursor: pointer; } .overlay-text-wrap .regular_text { font-family: Oswald, sans-serif; font-weight: 500; color: #fff; margin: 0; font-size: 22px; text-transform: uppercase; } .overlay-text-wrap .rte-setting { margin: 0; max-width: 100%; transition: all linear .5s; } .overlay-text p.subtitle { margin-bottom: 0; transition: all linear .5s; line-height: 1.4; } .overlay-text-wrap .rte-setting p { line-height: 1.4; } .overlay-text .feature-box-icon { height: 24px; width: 24px; background: #fff; position: absolute; bottom: 25px; right: 25px; border-radius: 50px; text-align: center; font-size: 17px; line-height: 24px; cursor: pointer; z-index: 1; transform: rotate(0); transition: all linear .2s; } .overlay-text .image-element__wrap { max-width: 100% !important; } .text-column-image-slider { background: #F6F5F3; } .text-column-image-slider .overlay-text-wrap { height: 100%; padding: 20px; background: transparent; z-index: 2; justify-content: flex-end; top: 0; } .text-column-image-slider .text-column { -webkit-backface-visibility: visible; backface-visibility: visible; } .text-column-image-slider .overlay-text-wrap:before { content: ""; position: absolute; left: 0; bottom: 0; height: 50%; width: 100%; background: linear-gradient(0deg, #19110B 22.92%, rgba(25, 17, 11, 0) 100%); z-index: -1; } .text-column-image-slider .overlay-text-wrap .text-columns-with-images__button { margin: 0; color: #fff; padding: 0; justify-content: space-between; font-family: Oswald, sans-serif; font-weight: 400; position: static; text-align: left; } .text-column-image-slider .overlay-text-wrap .text-columns-with-images__button:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .overlay-text .border-style--none .text-columns-with-images__button svg { transition: .3s; } .overlay-text .border-style--none:hover .text-columns-with-images__button svg { transform: translateX(5px); } .text-column-image-slider .container { max-width: 1200px; width: 95%; } .splide__sr { display: none !important; } .slide-nav { display: flex; align-items: center; gap: 1rem; } .slide-nav .counter .number, .slide-nav .splide__arrows { display: flex; align-items: center; } .slide-nav .splide__arrows .splide__arrow { position: static; transform: none; background: transparent; } .slide-nav .splide__pagination { position: static; padding: 0; width: 100%; max-width: 200px; align-items: center; flex-wrap: nowrap; } .slide-nav .splide__pagination li { flex: 1; height: auto; display: flex; } .slide-nav .splide__pagination li button.is-active { background: #19110B; } .slide-nav .splide__pagination li button { width: 100%; height: 2px; border-radius: 0; transform: none; margin: 0; background: #BEBEBE; } .splide.slider-main { padding-left: max(0rem,calc((100vw - 1200px + 0rem) / 2)) !important; } .splide.slider-main .splide__track { padding-right: 30px !important; } .slide-nav .splide__arrow svg { transform: none; fill: #19110b; height: 1em; width: 1em; } .slide-nav, .slide-nav .counter .number, .slide-nav .splide__arrows { display: flex; align-items: center; } .collection-tab-slider-section { background: #F6F5F3; padding: 5rem 0 4rem; margin: 0; } .collection-tab-slider-section .featured-collection__description.rte { padding: 0; } .collection-tab-slider-section .collection__title.title-wrapper { max-width: 1200px; width: 95%; margin-left: auto; margin-right: auto; } .collection-tab-slider-section .container.content { padding: 0; } .collection-tab-slider-section ul.collection-title-list { padding: 0 10px 10px; list-style: none; margin: 0; display: flex; align-items: center; column-gap: 2rem; } .collection-tab-slider-section ul.collection-title-list .coll-title.list-menu__item { display: flex; align-items: center; column-gap: .5rem; border-bottom: 2px solid; padding-bottom: 4px; letter-spacing: 0.8px; font-family: Oswald, sans-serif; text-transform: uppercase; opacity: 0.5; transition: .3s; border-color: transparent; cursor: pointer; } .collection-tab-slider-section ul.collection-title-list .coll-title.list-menu__item span.coll-tabIcon { display: flex; } .collection-tab-slider-section ul.collection-title-list .coll-title.list-menu__item.active { border-color: currentColor; opacity: 1; } .collection-tab-slider-section ul.collection-title-list .coll-title.list-menu__item svg { width: 22px; height: auto; } .collection-tab-slider-section ul.collection-title-list .coll-title.list-menu__item img { width: 25px; height: 25px; } .collection-tab-slider-section ul.collection-title-list .coll-title.list-menu__item svg path { fill: #19110b; } .collection-tab-slider-section .collection-tab-grid { overflow: hidden; } .tab-product-wrapper { background: #fff; border-radius: 5px; overflow: hidden; margin-bottom: 25px; } .tab-product-wrapper .price-ui-badges { position: absolute; top: 10px; right: 10px; } .tab-product-wrapper .collection_swatches { padding: 0 25px; display: flex; justify-content: center; column-gap: 20px; } .tab-product-wrapper .border-swatches .swatch { border: 2px solid transparent; } .collection-tab-grid .one-whole.column { margin: 0; width: 100%; } /* .collection-tab-grid .product_gallery:not(:has(.flickity-viewport)) { display: none; } */ .collection-tab-slider-section .product_gallery .flickity-viewport { width: 100%; } .collection-tab-slider-section .product_gallery { display: flex; } .tab-product-wrapper .collection_swatches span.variant-wrap { display: inline-flex; justify-content: center; flex-direction: column; align-items: center; } .tab-product-wrapper .collection_swatches span.variant-wrap span.variant-tooltip { font-family: Oswald, sans-serif; font-size: 12px; font-weight: 400; } .collection-tab-slider-section .product_gallery .image__container img, .collection-tab-slider-section .image-element__wrap img { object-fit: contain; height: 150px; width: 100%; } .collection-tab-slider-section .small-card .product_gallery .image__container img, .collection-tab-slider-section .small-card .image-element__wrap img { height: auto; } .collection-tab-slider-section .product_gallery { margin-bottom: 0; } .collection-tab-slider-section.c-w-layout .product-content .desc p { -webkit-line-clamp: 2; } .collection-tab-slider-section .sold_out { display: none; } .collection-tab-slider-section .splide__slide { display: flex !important; } .collection-tab-slider-section .splide__slide .tab-product-wrapper { width: 100%; } .collection-tab-slider-section .small-card .product-price { min-width: auto; } .collection-tab-slider-section .small-card .product-price span.price .current_price { font-size: 16px; } .collection-tab-slider-section .small-card .product-content .title { font-size: 18px; } .collection-tab-slider-section .small-card .product-content .desc p { font-size: 14px; line-height: 1.5; } .collection-tab-slider-section .small-card .sezzle-promo.for-mobile { display: none; } .collection-tab-slider-section .small-card .product-content .shop-now { text-decoration: underline; } .small-card .border-swatches .swatch span { width: 30px; min-width: 30px; height: 30px; } .collection-tab-slider-section hr.line { margin-top: .5rem; margin-bottom: 1rem; } .small-card .title-price-wrapper { display: flex; justify-content: space-between; } .c-w-layout .product-details .product-price { display: none; } .c-w-layout .product-content .product-price { display: flex; align-items: center; margin-bottom: 5px; column-gap: 3px; flex-wrap: wrap; } .c-w-layout .product-content .product-price span.price { margin: 0; } @media only screen and (min-width: 1200px) { .collection-tab-slider-section .splide.slider-main { padding-left: max(0rem,calc((100vw - 1200px + 0rem) / 2))!important; } } @media only screen and (min-width: 1400px) { .collection-tab-slider-section .product_gallery .image__container img, .collection-tab-slider-section .image-element__wrap img { height: 180px; } .collection-tab-slider-section .small-card .product_gallery .image__container img, .collection-tab-slider-section .small-card .image-element__wrap img { height: 250px; } } @media only screen and (min-width: 1600px) { .collection-tab-slider-section .product_gallery .image__container img, .collection-tab-slider-section .image-element__wrap img { height: 220px; } } @media only screen and (max-width: 1199px) { .text-column-image-slider .overlay-text-wrap .text-columns-with-images__button { font-size: 14px; } .collection-tab-slider-section .small-card .product-content .desc p { font-size: 14px; } .splide.slider-main { padding-left: max(2rem,calc((100vw - 1200px + 1rem)/2))!important; } } @media only screen and (max-width: 989px) { .tab-product-wrapper .collection_swatches { padding: 0 15px; } .overlay-text p.subtitle { font-size: 1rem; line-height: normal; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .overlay-text .flex.overlay-grid .image-element__wrap { padding-bottom: 140%; } .overlay-text .flex.overlay-grid .image-element__wrap img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; } .overlay-text .flex.overlay-grid .overlay-text-wrap { padding: 10px; } .overlay-text .flex.overlay-grid .overlay-text-wrap .regular_text { font-size: 20px; } } @media only screen and (max-width: 767px) { section.section.overlay-textwrap { width: 100%; max-width: 100%; } section.section.overlay-textwrap .one-whole.column { padding: 0 10px; } .overlay-text .flex.overlay-grid { overflow: auto; padding: 0 15px; } .overlay-text .flex.overlay-grid>.column.text-column { min-width: 75%; margin: 0 5px 10px; } .overlay-text .flex.overlay-grid::-webkit-scrollbar { display: none; } .collection-tab-slider-section .product_gallery .image__container img, .collection-tab-slider-section .image-element__wrap img { height: auto; } } @media only screen and (max-width: 640px) { .overlay-text { padding-top: 3rem; padding-bottom: 3rem; } .collection-tab-slider-section { padding: 2.5rem 0; } .collection-tab-slider-section h2.title, .overlay-text h2.title { font-size: 28px; } .splide.slider-main { padding-left: max(1rem,calc((100vw - 1200px + .5rem)/2))!important; } .splide.slider-main .splide__track { padding-right: max(1rem,calc((100vw - 1200px + .5rem)/2))!important; } .collection-tab-slider-section .splide.slider-main .splide__track { padding-right: 0 !important; } .slide-nav .splide__pagination { max-width: 150px; } .text-column-image-slider .text-column { margin-bottom: 15px; } .overlay-text-wrap { padding: 15px 50px 15px 15px; top: calc(100% - 82px); } .overlay-text .feature-box-icon { right: 20px; } .overlay-text-wrap .regular_text { font-size: 20px; } .overlay-text-wrap .rte-setting p { font-size: 14px; } .collection-tab-slider-section ul.collection-title-list .coll-title.list-menu__item { font-size: 12px; line-height: normal; } .collection-tab-slider-section ul.collection-title-list { column-gap: .8rem; margin: 0; overflow: auto; } .collection-tab-slider-section ul.collection-title-list .coll-title.list-menu__item svg { width: 18px; } .collection-tab-slider-section .splide.slider-main { padding: 0 20px; visibility: visible; } } @media only screen and (max-width: 480px) { .c-w-layout .product-price i { text-align: left; font-size: 12px; } } /* End Homepage new section CSS - Chandni Handa - 27 May 2024 */ .top-bar.top-bar-header .top-bar--right, .top-bar--right-menu { column-gap: 15px; align-items: center; } .gw-wl-header-icon-placeholder { margin: 0 -10px; } @media only screen and (max-width: 480px) { .gw-wl-header-icon-placeholder { margin: 0 -18px; } } /* Start Homepage new section CSS - Chandni Handa - 16 Jan 2026 */ .overlay-text:has(.feature-col-grid) { padding: 0; } .feature-col-grid .section-header .column { padding-inline: 16px; padding-bottom: 2rem; } .feature-col-grid .section-header h2.title { text-align: inherit; max-width: 100%; } .feature-col-grid .section-header p { max-width: 100%; } .feature-col-grid .overlay-grid.flex { flex-wrap: wrap; padding-inline: 10px; row-gap: 20px; } .feature-col-grid .border-style--none { min-height: 100%; display: flex; } .overlay-text .feature-col-grid .image-element__wrap { width: 100%; } .feature-col-grid .border-style--none>p { width: 100%; margin: 0; } .overlay-text .feature-col-grid .image-element__wrap img { height: 100%; width: 100%; object-fit: cover; transition: .3s; } .feature-col-grid .border-style--none:hover .image-element__wrap img { transform: scale(1.05); } .overlay-text .three-grid-columns-section .image-element__wrap img { aspect-ratio: 1/.675; } .feature-col-grid .overlay-text-wrap { inset: 0; padding: 40px; justify-content: flex-end; } .feature-col-grid .overlay-text p.subtitle { max-width: 100%; } .feature-col-grid .overlay-text-wrap .text-columns-with-images__button { margin-block: 1rem 0; position: static; } .feature-col-grid .overlay-text-wrap .global-button:before { content: ""; position: absolute; inset: 0; z-index: -1; } .feature-col-grid .overlay-text-wrap .global-button:not(.global-button--text) { border-color: var(--button-color-border, #fff); background: var(--button-color-background, #fff); color: var(--button-color-text, #19110b); } .feature-col-grid .overlay-text-wrap .global-button:not(.global-button--text):hover { color: rgba(25,17,11,.75); } .feature-col-grid .overlay-text-wrap .global-button--text { --button-color-border: #fff; --button-color-background: transparent; --button-color-text: #fff; --button-color-border-hover: #fff; --button-color-background-hover: #ffff; --button-color-text-hover: #19110b; } .feature-col-grid .overlay-text-wrap .title-block { font-family: Oswald, sans-serif; font-weight: 500; color: #fff; margin: 0; font-size: 22px; text-transform: uppercase; } .feature-col-grid .overlay-text-wrap .title-block.large_text { font-size: 34px; } /* Responsive */ @media only screen and (min-width: 799px) { .feature-col-grid .overlay-grid.flex>.column { margin-left: 5px; margin-right: 5px; } .feature-col-grid .overlay-grid.flex>.column.one-third { width: calc(33.3333333333% - 10px); } .feature-col-grid .overlay-grid.flex>.column.one-half { width: calc(50% - 10px); } } @media only screen and (max-width: 1199px) { .feature-col-grid .overlay-text-wrap { padding: 20px !important; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .overlay-text .feature-col-grid .flex.overlay-grid .image-element__wrap { padding-bottom: 100%; } .overlay-text .three-grid-columns-section .flex.overlay-grid .image-element__wrap { padding-bottom: 50%; } } @media only screen and (max-width: 600px) { .feature-col-grid .overlay-text-wrap .title-block.large_text { font-size: 24px; } } /* End Homepage new section CSS - Chandni Handa - 16 Jan 2026 */ /* Start Header and Footer CSS - Chandni Handa - 10 April 2026 */ header .search-container { position: relative; width: 40px; transition: width .4s ease; /* overflow: hidden; */ padding-left: 0; } header .search-container.active { width: 130px; } header .search-submit { cursor: pointer; font-size: 1.2rem; padding: .2rem 0 0; } header .header-right-part { column-gap: .6rem; } header .search__form input { width: 100%; opacity: 0; transition: opacity 0.3s ease; } header .search-container.active input { opacity: 1; } .icon-call svg{ width: 1.4rem; height: 1.4rem; } .header .search-container { padding-left: 0px; } .header-right-part a { display:flex; padding-left:.8rem; } footer .social_icons li a svg { width: 1.6rem; height: 1.6rem; } footer .social_icons { display: flex; } .footer-address p br { display: none; } .footer-address p { letter-spacing: .64px; font-family: Oswald, sans-serif; font-weight: 400; max-width: 9rem; } .icon-call svg path, footer .social_icons li a svg path { stroke: #fff; } /* codes */ .product_section .product-block--shipping_info { margin-top: 10px; border-top: 1px solid #ddd; padding-top: 20px; } .product_section .product-block--shipping_info > .content-wrapper { display: flex; align-items: flex-start; gap: 7px; font-family: Oswald,sans-serif; font-size: 15px; font-weight: 400; text-transform: uppercase; } .product_section .product-block--shipping_info > .content-wrapper svg { width: 26px; height: 26px; min-width: 26px; } .product_section .product-block--shipping_info > .content-wrapper .label span { padding-inline: 5px; font-weight: 500; } .product_section .product-block--shipping_info .n-product-btn-block { display: flex; gap: 0.5rem; margin-top: 20px; } .product_section .product-block--shipping_info .n-product-btn-block .content-wrapper { background-color: #d6d6d6; border-radius: 6px; padding: 10px 10px; text-align: center; display: block; } .product_section .product-block--shipping_info .n-product-btn-block .delivery_text { font-size: 12px; } .product_section .product-block--shipping_info .n-product-btn-block .delivery_text p { line-height: 1.4; margin-bottom: 0; } .product_section .product_name { text-transform: none; line-height: 1.3; padding-top: 0; } .product_section .engraving-inventory { width: 100%; font-size: 12px; margin-block: 16px 8px; text-align: center; line-height: 1.4; font-weight: 500; } .product_section .engraving-inventory .eta-text { display: inline !important; font-size: inherit; } .product_section .engraving-inventory .engraving-inventory-left { color: #ab0000; } /* Responsive */ @media only screen and (max-width: 1199px) { .search__results { position: relative; width: 100%; } #header { display: block; } .header{ display:none; } .top-bar-header { padding: 7px 16px; } #header .top-bar a.mobile_logo { margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; font-size: 18px; line-height: 34px; z-index: 5; width: 50%; height: auto; color: #fff; display: flex; align-items: center; justify-content: center; } #header a.mobile_logo img { width: auto; max-width: 130px; max-height: 25px; } .top-bar-header .icon-search:before { font-size: 20px; color: #fff; } .cart-container .mini_cart.icon-bag .cart_count { right: 8px; } .top-bar-header a.icon-call { margin-left: 0.5rem; } } @media only screen and (max-width: 798px) { footer .footer-social-icons--mobile.columns>ul a { display: flex; align-items: center; margin: 0; } footer .footer-social-icons--mobile.columns>ul { display: flex; justify-content: center; align-items: center; } .footer-address p { margin: 0 0 .4rem; } .top-bar-header .icon-search { margin-left: 0; } img.footer-logo { margin: 0 0 .5rem; } footer .social_icons li a svg { width: 1.4rem; height: 1.2rem; } .product_section .modal_price { font-size: 20px; } .product_section .product-block--form { margin-bottom: 10px; } .product_section .product_name { font-size: 22px; } .product-block.product-block--description { font-size: 14px; } .product_section { padding-bottom: 20px; } .product_section .product-block--shipping_info .n-product-btn-block { overflow: auto; margin-inline: -10px; padding-inline: 10px; scrollbar-width: none; -ms-overflow-style: none; } .product_section .product-block--shipping_info .n-product-btn-block::-webkit-scrollbar { display: none; } .product_section .product-block--shipping_info .n-product-btn-block .content-wrapper { min-width: max-content; } } /* End Header and Footer CSS - Chandni Handa - 10 April 2026 */ } footer .social_icons li a svg { width: 1.4rem; height: 1.2rem; } } /* End Header and Footer CSS - Chandni Handa - 10 April 2026 */