/** Shopify CDN: Minification failed Line 525:2 Expected identifier but found "*" Line 3103:36 Unexpected "'.header__logo-text'" Line 10943:2 "positon" is not a known CSS property Line 11312:14 Expected ":" Line 14673:2 "font-sixe" is not a known CSS property **/ /****************************************************************** Theme Name: Turbo "6.0.4" 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 #Fonts #Mixins #Functions #Reset #Basic Styles #Typography #Links #Lists #Menu #Images #Placeholders #Videos #Buttons #Tabs #Accordions #Forms #Contact Form #Newsletter #Tables #Misc #Testimonials #FAQ Template #Team Template #Logo-list #Gallery Section #Recently Viewed #Search autocomplete #Search page #Search Section #Site Styles #Header #Currency / Language switcher #Swatch Styles #Plyr #Flickity #Layout #Password Page #Account #Policy pages #Page Details #Product Media #Product Details #Product Recommendations #Home page - general #Home page - slideshow #Home page - image with text #Home page - Rich text and image #Home page - featured promotions #Home page - featured collection #Home page - image with text overlay #Home page - video #Home page - Text column with images #Font-Face #Custom Styles */ /* #Variables ================================================== */ /****** #Fonts *********/ @import url("https://fonts.googleapis.com/css2?family=Titillium+Web:wght@300;400;700&display=swap"); @font-face { font-family: 'Gotham-Light'; src: url("Gotham-Light.eot"); src: url("Gotham-Light.eot?#iefix") format("embedded-opentype"), url("Gotham-Light.svg#Gotham-Light") format("svg"), url("Gotham-Light.ttf") format("truetype"), url("Gotham-Light.woff") format("woff"), url("Gotham-Light.woff2") format("woff2"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Gotham Book'; src: url("/cdn/shop/t/66/assets/Gotham-Book.eot?v=12253427855895630085"); src: url("/cdn/shop/t/66/assets/Gotham-Book.eot?%23iefix&v=12253427855895630085") format("embedded-opentype"), url("/cdn/shop/t/66/assets/Gotham-Book.woff2?v=11930162356000406044") format("woff2"), url("/cdn/shop/t/66/assets/Gotham-Book.woff?v=6552296190066453957") format("woff"), url("/cdn/shop/t/66/assets/Gotham-Book.ttf?v=16148842686189885995") format("truetype"), url("/cdn/shop/t/66/assets/Gotham-Book.svg%23Gotham-Book?35202") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Gotham'; src: url("/cdn/shop/t/66/assets/Gotham-Light.eot?35202"); src: url("/cdn/shop/t/66/assets/Gotham-Light.eot?%23iefix&35202") format("embedded-opentype"), url("/cdn/shop/t/66/assets/Gotham-Light.woff2?v=9964289255925194507") format("woff2"), url("/cdn/shop/t/66/assets/Gotham-Light.woff?35202") format("woff"), url("/cdn/shop/t/66/assets/Gotham-Light.ttf?v=5632443976194059194") format("truetype"), url("/cdn/shop/t/66/assets/Gotham-Light.svg%23Gotham-Light?35202") format("svg"); font-weight: 300; font-style: normal; } @font-face { font-family: 'Gotham Black'; src: url("/cdn/shop/files/Gotham-Black.eot"); src: url("/cdn/shop/files/Gotham-Black.eot?#iefix") format("embedded-opentype"), url("/cdn/shop/files/Gotham-Black.woff2") format("woff2"), url("/cdn/shop/files/Gotham-Black.woff") format("woff"), url("/cdn/shop/files/Gotham-Black.ttf") format("truetype"), url("/cdn/shop/files/Gotham-Black.svg#Gotham Black") format("svg"); font-weight: 300; font-style: normal; } @font-face { font-family: 'Gotham Bold'; src: url("/cdn/shop/t/66/assets/Gotham-Bold.eot?v=15618629757689669179"); src: url("/cdn/shop/t/66/assets/Gotham-Bold.eot?%23iefix&v=15618629757689669179") format("embedded-opentype"), url("/cdn/shop/t/66/assets/Gotham-Bold.woff2?v=7633547925397824730") format("woff2"), url("/cdn/shop/t/66/assets/Gotham-Bold.woff?v=3751608478813122091") format("woff"), url("/cdn/shop/t/66/assets/Gotham-Bold.ttf?v=15632538464747584926") format("truetype"), url("/cdn/shop/t/66/assets/Gotham-Bold.svg%23Gotham-Bold?35202") format("svg"); font-weight: bold; font-style: normal; } /* @font-face { font-family: 'K22 Didoni'; src: url('/cdn/shop/t/66/assets/K22Didoni.eot?v=13642306557980206883'); src: url('/cdn/shop/t/66/assets/K22Didoni.eot?%23iefix&v=13642306557980206883') format('embedded-opentype'), url('/cdn/shop/t/66/assets/K22Didoni.woff2?v=11626532057583835232') format('woff2'), url('/cdn/shop/t/66/assets/K22Didoni.woff?v=7296291098640129545') format('woff'), url('/cdn/shop/t/66/assets/K22Didoni.ttf?v=7946059836990887526') format('truetype'), url('/cdn/shop/t/66/assets/K22Didoni.svg%23K22Didoni?35202') format('svg'); font-weight: normal; font-style: normal; } */ @font-face { font-family: 'OutOfTheSandbox'; src: url("/cdn/shop/t/66/assets/OutOfTheSandbox.eot?v=11007297601173255684"); src: url("/cdn/shop/t/66/assets/OutOfTheSandbox.eot?%23iefix&v=11007297601173255684") format("embedded-opentype"), url("/cdn/shop/t/66/assets/OutOfTheSandbox.woff?v=9623907033103823169") format("woff"), url("/cdn/shop/t/66/assets/OutOfTheSandbox.ttf?v=4351967753275897833") format("truetype"), url("/cdn/shop/t/66/assets/OutOfTheSandbox.svg%23OutOfTheSandbox?35796") format("svg"); font-weight: normal; font-style: normal; } /* @font-face { font-family: 'Univers'; src:url('/cdn/shop/t/66/assets/Univers.eot?v=4339498911842312217'); src:url('/cdn/shop/t/66/assets/Univers.eot?%23iefix&v=4339498911842312217') format('embedded-opentype'), url('/cdn/shop/t/66/assets/Univers.woff?v=12966521284685069621') format('woff'), url('/cdn/shop/t/66/assets/Univers.woff2?v=10933271597046426349') format('woff2'), url('/cdn/shop/t/66/assets/Univers.ttf?v=15803330534982020298') format('truetype'), url('/cdn/shop/t/66/assets/Univers.svg%23Univers?35796') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Univers_light'; src:url('/cdn/shop/t/66/assets/Univers_light.eot?v=16702725469957271186'); src:url('/cdn/shop/t/66/assets/Univers_light.eot?%23iefix&v=16702725469957271186') format('embedded-opentype'), url('/cdn/shop/t/66/assets/Univers_light.woff?v=12966375685632911225') format('woff'), url('/cdn/shop/t/66/assets/Univers_light.woff2?v=13385005313879685104') format('woff2'), url('/cdn/shop/t/66/assets/Univers_light.ttf?v=10429914273024877266') format('truetype'), url('/cdn/shop/t/66/assets/Univers_light.svg%23Univers_light?35796') format('svg'); font-weight: normal; font-style: normal; } */ /* #Mixins ================================================== */ /* This mixin can be used to set the object-fit: @include object-fit(contain); or object-fit and object-position: @include object-fit(cover, top); */ /* Prefix mixin for generating vendor prefixes. Based on https://github.com/thoughtbot/bourbon/blob/v4-stable/app/assets/stylesheets/addons/_prefixer.scss Usage: // Input: .element { @include prefix(transform, scale(1), ms webkit spec); } // Output: .element { -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } */ body.usa-country .slideshow-section {padding-top: 85px;} @media only screen and (max-width: 798px) { body.usa-country .slideshow-section {padding-top: 2px;} } .custom-video-section .headline.font-EloquentJFCaptionPro { font-family: 'EloquentJFCaptionPro' !important; font-weight: normal; font-style: normal; font-size: 70px; } /* #Functions ================================================== */ /* #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%; } a:focus { outline: thin dotted; } a:active, a:hover { outline: 0; } 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: \201C \201D \2018 \2019; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -.5em; } sub { bottom: -.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .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; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; 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; } * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; 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; src: url("/cdn/fonts/roboto/roboto_n4.da808834c2315f31dd3910e2ae6b1a895d7f73f5.woff2?h1=c3VuZHJ5Y2xvdGhpbmcuY29t&hmac=fc556d9394c0610e64c992215a1c832a5185dc5a28ea46d9ed2233caafced900") format("woff2"), url("/cdn/fonts/roboto/roboto_n4.a512c7b68cd7f12c72e1a5fd58e7f7315c552e93.woff?h1=c3VuZHJ5Y2xvdGhpbmcuY29t&hmac=76599898ea451f4fcbbf89a38259e4ef991d115131e3bb04a92dc743da77af10") format("woff"); } @font-face { font-family: Roboto; font-weight: 700; font-style: normal; src: url("/cdn/fonts/roboto/roboto_n7.51ede27d5b58491d9cf07ad184108da52fef80b4.woff2?h1=c3VuZHJ5Y2xvdGhpbmcuY29t&hmac=9a313dceaad77e6673c5401b144e642fb3163281b61ef83750386dc8c3817dde") format("woff2"), url("/cdn/fonts/roboto/roboto_n7.1babbb6a27f91b14216bafa40bf222e08f6999f4.woff?h1=c3VuZHJ5Y2xvdGhpbmcuY29t&hmac=46d8f914244e529cf2b6f93a631f8b113233c19cfa140705372e641f6281f1c5") format("woff"); } @font-face { font-family: Roboto; font-weight: 400; font-style: italic; src: url("/cdn/fonts/roboto/roboto_i4.f98951b4b9b6e1096fc799cd05debd098bd422ac.woff2?h1=c3VuZHJ5Y2xvdGhpbmcuY29t&hmac=006c9b9453d2384c9fb3b5a97b4ed4722fa16101b412bfca0c7161a4003a8f9d") format("woff2"), url("/cdn/fonts/roboto/roboto_i4.688a26691d45bc4053b6ae24a196cabdeedbc25c.woff?h1=c3VuZHJ5Y2xvdGhpbmcuY29t&hmac=a508f7cfc0cbac466532875a3af87e96090b3a6cb8302147c306be4410ff5377") format("woff"); } @font-face { font-family: Roboto; font-weight: 700; font-style: italic; src: url("/cdn/fonts/roboto/roboto_i7.9c922c35bb84952cfb17e8c1d42e440e75aa8ccf.woff2?h1=c3VuZHJ5Y2xvdGhpbmcuY29t&hmac=df999db3dd3efc23e1aa76f7b64626e50fc39cbf0bd1b8471ae5c626ece3149e") format("woff2"), url("/cdn/fonts/roboto/roboto_i7.c50b5683f5731edb8040ff2110a54947108434de.woff?h1=c3VuZHJ5Y2xvdGhpbmcuY29t&hmac=5eda3a17ea38ad028ac961099b76a220b4177cab5b92717c3ce59dd2792ea99f") format("woff"); } @font-face { font-family: Oswald; font-weight: 400; font-style: normal; src: url("/cdn/fonts/oswald/oswald_n4.a5ee385bde39969d807f7f1297bf51d73fbf3c1e.woff2?h1=c3VuZHJ5Y2xvdGhpbmcuY29t&hmac=130be46717c3e2cc4514293156822fdeef5ddadf7836069ee09812a171f47bd4") format("woff2"), url("/cdn/fonts/oswald/oswald_n4.8f3e284746fbc2d29e34993609c51fdc432b0b24.woff?h1=c3VuZHJ5Y2xvdGhpbmcuY29t&hmac=3f54dd25ac00b856135dc42684b3075662e3b7617b54a73ee5b5109e028611cc") format("woff"); } @font-face { font-family: Oswald; font-weight: 700; font-style: normal; src: url("/cdn/fonts/oswald/oswald_n7.f71e68b857a7b8128a7629452b9c6bf9468356a7.woff2?h1=c3VuZHJ5Y2xvdGhpbmcuY29t&hmac=0eeb10656f024f63807999bd39c50f134b746c614a76a696d16e60d3d85d557c") format("woff2"), url("/cdn/fonts/oswald/oswald_n7.2767cc6e7cfc91284caa2c06eb07eca21a27681e.woff?h1=c3VuZHJ5Y2xvdGhpbmcuY29t&hmac=1d4650b0bbd2b4ea1b6530af78efaa396c7e4a89b8483dc2d3d38dae5744741d") format("woff"); } @font-face { font-family: Oswald; font-weight: 300; font-style: normal; src: url("/cdn/fonts/oswald/oswald_n3.bff4a8cab6f8be4b0b6d9de4e53c84f45f143640.woff2?h1=c3VuZHJ5Y2xvdGhpbmcuY29t&hmac=48ba723b334572c9c042efca18fbba7da6c1b93c29abbd040412d6bd0b53fff1") format("woff2"), url("/cdn/fonts/oswald/oswald_n3.9274b221a436d59cfed6e5cac51271ed4d148199.woff?h1=c3VuZHJ5Y2xvdGhpbmcuY29t&hmac=e874f3f12da57f60688511206dd232eeb9560ee12577f3ae88819d825547c413") format("woff"); } @font-face { font-family: Oswald; font-weight: 400; font-style: normal; src: url("/cdn/fonts/oswald/oswald_n4.a5ee385bde39969d807f7f1297bf51d73fbf3c1e.woff2?h1=c3VuZHJ5Y2xvdGhpbmcuY29t&hmac=130be46717c3e2cc4514293156822fdeef5ddadf7836069ee09812a171f47bd4") format("woff2"), url("/cdn/fonts/oswald/oswald_n4.8f3e284746fbc2d29e34993609c51fdc432b0b24.woff?h1=c3VuZHJ5Y2xvdGhpbmcuY29t&hmac=3f54dd25ac00b856135dc42684b3075662e3b7617b54a73ee5b5109e028611cc") format("woff"); } @font-face { font-family: Oswald; font-weight: 400; font-style: normal; src: url("/cdn/fonts/oswald/oswald_n4.a5ee385bde39969d807f7f1297bf51d73fbf3c1e.woff2?h1=c3VuZHJ5Y2xvdGhpbmcuY29t&hmac=130be46717c3e2cc4514293156822fdeef5ddadf7836069ee09812a171f47bd4") format("woff2"), url("/cdn/fonts/oswald/oswald_n4.8f3e284746fbc2d29e34993609c51fdc432b0b24.woff?h1=c3VuZHJ5Y2xvdGhpbmcuY29t&hmac=3f54dd25ac00b856135dc42684b3075662e3b7617b54a73ee5b5109e028611cc") format("woff"); } @font-face { font-family: Oswald; font-weight: 700; font-style: normal; src: url("/cdn/fonts/oswald/oswald_n7.f71e68b857a7b8128a7629452b9c6bf9468356a7.woff2?h1=c3VuZHJ5Y2xvdGhpbmcuY29t&hmac=0eeb10656f024f63807999bd39c50f134b746c614a76a696d16e60d3d85d557c") format("woff2"), url("/cdn/fonts/oswald/oswald_n7.2767cc6e7cfc91284caa2c06eb07eca21a27681e.woff?h1=c3VuZHJ5Y2xvdGhpbmcuY29t&hmac=1d4650b0bbd2b4ea1b6530af78efaa396c7e4a89b8483dc2d3d38dae5744741d") format("woff"); } @font-face { font-family: Oswald; font-weight: 200; font-style: normal; src: url("/cdn/fonts/oswald/oswald_n2.a0b5f8ca9c73628a5a46b53d10397d9758f9d9bb.woff2?h1=c3VuZHJ5Y2xvdGhpbmcuY29t&hmac=fd325427bbc30c73c915e4d709a1093fdf4f110c9abe6246c530731c51e13f4d") format("woff2"), url("/cdn/fonts/oswald/oswald_n2.dd92d38fb9f3b5dd356c5559a7dd42cb9474f0a7.woff?h1=c3VuZHJ5Y2xvdGhpbmcuY29t&hmac=01acceeed19dca2da3cb11b416b888793e4a98a0682c22a7e79b3a8bf1b29b57") format("woff"); } @font-face { font-family: Oswald; font-weight: 300; font-style: normal; src: url("/cdn/fonts/oswald/oswald_n3.bff4a8cab6f8be4b0b6d9de4e53c84f45f143640.woff2?h1=c3VuZHJ5Y2xvdGhpbmcuY29t&hmac=48ba723b334572c9c042efca18fbba7da6c1b93c29abbd040412d6bd0b53fff1") format("woff2"), url("/cdn/fonts/oswald/oswald_n3.9274b221a436d59cfed6e5cac51271ed4d148199.woff?h1=c3VuZHJ5Y2xvdGhpbmcuY29t&hmac=e874f3f12da57f60688511206dd232eeb9560ee12577f3ae88819d825547c413") format("woff"); } @font-face { font-family: Oswald; font-weight: 400; font-style: normal; src: url("/cdn/fonts/oswald/oswald_n4.a5ee385bde39969d807f7f1297bf51d73fbf3c1e.woff2?h1=c3VuZHJ5Y2xvdGhpbmcuY29t&hmac=130be46717c3e2cc4514293156822fdeef5ddadf7836069ee09812a171f47bd4") format("woff2"), url("/cdn/fonts/oswald/oswald_n4.8f3e284746fbc2d29e34993609c51fdc432b0b24.woff?h1=c3VuZHJ5Y2xvdGhpbmcuY29t&hmac=3f54dd25ac00b856135dc42684b3075662e3b7617b54a73ee5b5109e028611cc") format("woff"); } @font-face { font-family: Roboto; font-weight: 300; font-style: normal; src: url("/cdn/fonts/roboto/roboto_n3.fcf1a8ca0d134f200393562dbdc9f5836276782d.woff2?h1=c3VuZHJ5Y2xvdGhpbmcuY29t&hmac=9ad508115a122677948450e1e52c0123603f33d3ad40c26bb5f0a7db7beee22a") format("woff2"), url("/cdn/fonts/roboto/roboto_n3.fa321b1ddee0338f7cf3bfb01c364bbc1b6a419a.woff?h1=c3VuZHJ5Y2xvdGhpbmcuY29t&hmac=bc0713495e41a82e758f48a88299ec68c9342d4c14b900001ff9c26816121f7c") format("woff"); } @font-face { font-family: Roboto; font-weight: 400; font-style: normal; src: url("/cdn/fonts/roboto/roboto_n4.da808834c2315f31dd3910e2ae6b1a895d7f73f5.woff2?h1=c3VuZHJ5Y2xvdGhpbmcuY29t&hmac=fc556d9394c0610e64c992215a1c832a5185dc5a28ea46d9ed2233caafced900") format("woff2"), url("/cdn/fonts/roboto/roboto_n4.a512c7b68cd7f12c72e1a5fd58e7f7315c552e93.woff?h1=c3VuZHJ5Y2xvdGhpbmcuY29t&hmac=76599898ea451f4fcbbf89a38259e4ef991d115131e3bb04a92dc743da77af10") format("woff"); } @font-face { font-family: Roboto; font-weight: 300; font-style: italic; src: url("/cdn/fonts/roboto/roboto_i3.822f1ceb4cac9d8a65193433be86f1fa41cc2dec.woff2?h1=c3VuZHJ5Y2xvdGhpbmcuY29t&hmac=f2ebaafbb48de0992089a62fe6c9e24d07c9a43eaa0424e2a2c391fe5c3f8c9e") format("woff2"), url("/cdn/fonts/roboto/roboto_i3.f851bd42126845bf1959bbdd8e03e076fedf4a94.woff?h1=c3VuZHJ5Y2xvdGhpbmcuY29t&hmac=f31357193e7bbafe7f663b8b9ba38209d07be50f722f1125969e11888e1218b1") format("woff"); } @font-face { font-family: Roboto; font-weight: 400; font-style: italic; src: url("/cdn/fonts/roboto/roboto_i4.f98951b4b9b6e1096fc799cd05debd098bd422ac.woff2?h1=c3VuZHJ5Y2xvdGhpbmcuY29t&hmac=006c9b9453d2384c9fb3b5a97b4ed4722fa16101b412bfca0c7161a4003a8f9d") format("woff2"), url("/cdn/fonts/roboto/roboto_i4.688a26691d45bc4053b6ae24a196cabdeedbc25c.woff?h1=c3VuZHJ5Y2xvdGhpbmcuY29t&hmac=a508f7cfc0cbac466532875a3af87e96090b3a6cb8302147c306be4410ff5377") format("woff"); } /* #Basic Styles ================================================== */ body { /* padding-top:110px !important; */ font-family: Roboto, sans-serif; font-weight: 400; font-style: normal; font-size: 15px; text-transform: none; color: #000000; line-height: 1.6em; overflow: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; background-color: #ffffff; } @media screen and (max-width: 798px) { body { padding-top: 0px !important; } } body.blocked-scroll { position: absolute; overflow: hidden; height: 100%; width: 100%; top: 0; left: 0; pointer-events: none; } body.blocked-overflow { overflow: hidden; } ::-moz-selection { background-color: #000; color: #fff; } ::selection { background: #FFF7B6; color: black; } abbr { border-bottom: 1px dotted #cccccc; } /* Theme editor */ .editor-visible--true { display: block !important; } /* Lazyloading styles */ .transition--appear { opacity: 0; transition: opacity 0s !important; } .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; } .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; } /*============================================================================ Grid - full width columns, no gutter - Based on CSS Wizardry grid ==============================================================================*/ .grid { *zoom: 1; list-style: none; margin: 0; padding: 0; } .grid::after { content: ''; display: table; clear: both; } .grid__item { float: left; width: 100%; } .grid__item[class*='--push'] { position: relative; } /*============================================================================ Reversed grids allow you to structure your source in the opposite order to how your rendered layout will appear. ==============================================================================*/ .grid--rev { direction: rtl; text-align: left; } .grid--rev > .grid__item { direction: ltr; text-align: left; float: right; } /*================ Build Base Grid Classes ================*/ /* 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); left: auto !important; } /* Halves */ .one-half { width: calc(50% - 20px); } /* Thirds */ .one-third { width: calc(33.33333% - 20px); } .two-thirds { width: calc(66.66667% - 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.66667% - 20px); } .two-sixths { width: calc(33.33333% - 20px); } .three-sixths { width: calc(50% - 20px); } .four-sixths { width: calc(66.66667% - 20px); } .five-sixths { width: calc(83.33333% - 20px); } /* Sevenths */ .one-seventh { width: calc(14.28571% - 20px); } .two-sevenths { width: calc(28.57143% - 20px); } .three-sevenths { width: calc(42.85714% - 20px); } .four-sevenths { width: calc(57.14286% - 20px); } .five-sevenths { width: calc(71.42857% - 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.33333% - 20px); } .two-twelfths { width: calc(16.66667% - 20px); } .three-twelfths { width: calc(25% - 20px); } .four-twelfths { width: calc(33.33333% - 20px); } .five-twelfths { width: calc(41.66667% - 20px); } .six-twelfths { width: calc(50% - 20px); } .seven-twelfths { width: calc(58.33333% - 20px); } .eight-twelfths { width: calc(66.66667% - 20px); } .nine-twelfths { width: calc(75% - 20px); } .ten-twelfths { width: calc(83.33333% - 20px); } .eleven-twelfths { width: calc(91.66667% - 20px); } .equal-columns--clear .one-half:nth-of-type(2n+1), .equal-columns--clear .eight:nth-of-type(2n+1), .equal-columns--clear .one-third:nth-of-type(3n+1), .equal-columns--clear .one-fourth:nth-of-type(4n+1), .equal-columns--clear .four:nth-of-type(4n+1), .equal-columns--clear .one-fifth:nth-of-type(5n+1), .equal-columns--clear .one-sixth:nth-of-type(6n+1), .equal-columns--clear .one-seventh:nth-of-type(7n+1) { clear: both; } .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.33333% - (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.66667% - (20px - (20px / 6))); } .equal-columns--outside-trim .one-seventh { width: calc(14.28571% - (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))); } .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 ==============================================================================*/ @media only screen and (max-width: 1024px) { /* 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); left: auto !important; } /* Halves */ .large-down--one-half { width: calc(50% - 20px); } /* Thirds */ .large-down--one-third { width: calc(33.33333% - 20px); } .large-down--two-thirds { width: calc(66.66667% - 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.66667% - 20px); } .large-down--two-sixths { width: calc(33.33333% - 20px); } .large-down--three-sixths { width: calc(50% - 20px); } .large-down--four-sixths { width: calc(66.66667% - 20px); } .large-down--five-sixths { width: calc(83.33333% - 20px); } /* Sevenths */ .large-down--one-seventh { width: calc(14.28571% - 20px); } .large-down--two-sevenths { width: calc(28.57143% - 20px); } .large-down--three-sevenths { width: calc(42.85714% - 20px); } .large-down--four-sevenths { width: calc(57.14286% - 20px); } .large-down--five-sevenths { width: calc(71.42857% - 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.33333% - 20px); } .large-down--two-twelfths { width: calc(16.66667% - 20px); } .large-down--three-twelfths { width: calc(25% - 20px); } .large-down--four-twelfths { width: calc(33.33333% - 20px); } .large-down--five-twelfths { width: calc(41.66667% - 20px); } .large-down--six-twelfths { width: calc(50% - 20px); } .large-down--seven-twelfths { width: calc(58.33333% - 20px); } .large-down--eight-twelfths { width: calc(66.66667% - 20px); } .large-down--nine-twelfths { width: calc(75% - 20px); } .large-down--ten-twelfths { width: calc(83.33333% - 20px); } .large-down--eleven-twelfths { width: calc(91.66667% - 20px); } .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; } .equal-columns--outside-trim .large-down--one-whole:nth-of-type(1n+1) { width: 100%; margin-right: 0; margin-left: 0; } .equal-columns--outside-trim .large-down--one-half { width: calc(50% - (20px - (20px / 2))); } .equal-columns--outside-trim .large-down--one-third { width: calc(33.33333% - (20px - (20px / 3))); } .equal-columns--outside-trim .large-down--one-fifth { width: calc(20% - (20px - (20px / 5))); } .equal-columns--outside-trim .large-down--one-fourth { width: calc(25% - (20px - (20px / 4))); } .equal-columns--outside-trim .large-down--one-sixth { width: calc(16.66667% - (20px - (20px / 6))); } .equal-columns--outside-trim .large-down--one-seventh { width: calc(14.28571% - (20px - (20px / 7))); } .equal-columns--outside-trim .large-down--two { width: calc(12.5% - (20px - (20px / 8))); } .equal-columns--outside-trim .large-down--four { width: calc(25% - (20px - (20px / 4))); } .equal-columns--outside-trim .large-down--seven { width: calc(43.75% - (20px - (20px / 2))); } .equal-columns--outside-trim .large-down--eight { width: calc(50% - (20px / 2)); } .equal-columns--outside-trim .large-down--nine { width: calc(56.25% - (20px - (20px / 2))); } .large-down--show { display: block !important; } .large-down--hide { display: none !important; } .large-down--text-left { text-align: left !important; } .large-down--text-right { text-align: right !important; } .large-down--text-center { text-align: center !important; } } @media only screen and (max-width: 1024px) and (max-width: 1024px) { .equal-columns--clear .large-down--one-half.large-down--one-half, .equal-columns--clear .large-down--eight.large-down--eight, .equal-columns--clear .large-down--one-third.large-down--one-third, .equal-columns--clear .large-down--one-fourth.large-down--one-fourth, .equal-columns--clear .large-down--four.large-down--four, .equal-columns--clear .large-down--one-fifth.large-down--one-fifth, .equal-columns--clear .large-down--one-sixth.large-down--one-sixth, .equal-columns--clear .large-down--one-seventh.large-down--one-seventh { clear: none; } .equal-columns--clear .large-down--one-half:nth-of-type(2n+1), .equal-columns--clear .large-down--eight:nth-of-type(2n+1), .equal-columns--clear .large-down--one-third:nth-of-type(3n+1), .equal-columns--clear .large-down--one-fourth:nth-of-type(4n+1), .equal-columns--clear .large-down--four:nth-of-type(4n+1), .equal-columns--clear .large-down--one-fifth:nth-of-type(5n+1), .equal-columns--clear .large-down--one-sixth:nth-of-type(6n+1), .equal-columns--clear .large-down--one-seventh:nth-of-type(7n+1) { clear: both; } } @media only screen and (max-width: 1024px) and (max-width: 1024px) { .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-right: 10px; margin-left: 10px; } .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: 798px) { /* 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); left: auto !important; } /* Halves */ .medium-down--one-half { width: calc(50% - 20px); } /* Thirds */ .medium-down--one-third { width: calc(33.33333% - 20px); } .medium-down--two-thirds { width: calc(66.66667% - 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.66667% - 20px); } .medium-down--two-sixths { width: calc(33.33333% - 20px); } .medium-down--three-sixths { width: calc(50% - 20px); } .medium-down--four-sixths { width: calc(66.66667% - 20px); } .medium-down--five-sixths { width: calc(83.33333% - 20px); } /* Sevenths */ .medium-down--one-seventh { width: calc(14.28571% - 20px); } .medium-down--two-sevenths { width: calc(28.57143% - 20px); } .medium-down--three-sevenths { width: calc(42.85714% - 20px); } .medium-down--four-sevenths { width: calc(57.14286% - 20px); } .medium-down--five-sevenths { width: calc(71.42857% - 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.33333% - 20px); } .medium-down--two-twelfths { width: calc(16.66667% - 20px); } .medium-down--three-twelfths { width: calc(25% - 20px); } .medium-down--four-twelfths { width: calc(33.33333% - 20px); } .medium-down--five-twelfths { width: calc(41.66667% - 20px); } .medium-down--six-twelfths { width: calc(50% - 20px); } .medium-down--seven-twelfths { width: calc(58.33333% - 20px); } .medium-down--eight-twelfths { width: calc(66.66667% - 20px); } .medium-down--nine-twelfths { width: calc(75% - 20px); } .medium-down--ten-twelfths { width: calc(83.33333% - 20px); } .medium-down--eleven-twelfths { width: calc(91.66667% - 20px); } .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; } .equal-columns--outside-trim .medium-down--one-whole:nth-of-type(1n+1) { width: 100%; margin-right: 0; margin-left: 0; } .equal-columns--outside-trim .medium-down--one-half { width: calc(50% - (20px - (20px / 2))); } .equal-columns--outside-trim .medium-down--one-third { width: calc(33.33333% - (20px - (20px / 3))); } .equal-columns--outside-trim .medium-down--one-fifth { width: calc(20% - (20px - (20px / 5))); } .equal-columns--outside-trim .medium-down--one-fourth { width: calc(25% - (20px - (20px / 4))); } .equal-columns--outside-trim .medium-down--one-sixth { width: calc(16.66667% - (20px - (20px / 6))); } .equal-columns--outside-trim .medium-down--one-seventh { width: calc(14.28571% - (20px - (20px / 7))); } .equal-columns--outside-trim .medium-down--two { width: calc(12.5% - (20px - (20px / 8))); } .equal-columns--outside-trim .medium-down--four { width: calc(25% - (20px - (20px / 4))); } .equal-columns--outside-trim .medium-down--seven { width: calc(43.75% - (20px - (20px / 2))); } .equal-columns--outside-trim .medium-down--eight { width: calc(50% - (20px / 2)); } .equal-columns--outside-trim .medium-down--nine { width: calc(56.25% - (20px - (20px / 2))); } .medium-down--show { display: block !important; } .medium-down--hide { display: none !important; } .medium-down--text-left { text-align: left !important; } .medium-down--text-right { text-align: right !important; } .medium-down--text-center { text-align: center !important; } } @media only screen and (max-width: 798px) and (max-width: 798px) { .equal-columns--clear .medium-down--one-half.medium-down--one-half, .equal-columns--clear .medium-down--eight.medium-down--eight, .equal-columns--clear .medium-down--one-third.medium-down--one-third, .equal-columns--clear .medium-down--one-fourth.medium-down--one-fourth, .equal-columns--clear .medium-down--four.medium-down--four, .equal-columns--clear .medium-down--one-fifth.medium-down--one-fifth, .equal-columns--clear .medium-down--one-sixth.medium-down--one-sixth, .equal-columns--clear .medium-down--one-seventh.medium-down--one-seventh { clear: none; } .equal-columns--clear .medium-down--one-half:nth-of-type(2n+1), .equal-columns--clear .medium-down--eight:nth-of-type(2n+1), .equal-columns--clear .medium-down--one-third:nth-of-type(3n+1), .equal-columns--clear .medium-down--one-fourth:nth-of-type(4n+1), .equal-columns--clear .medium-down--four:nth-of-type(4n+1), .equal-columns--clear .medium-down--one-fifth:nth-of-type(5n+1), .equal-columns--clear .medium-down--one-sixth:nth-of-type(6n+1), .equal-columns--clear .medium-down--one-seventh:nth-of-type(7n+1) { clear: both; } } @media only screen and (max-width: 798px) and (max-width: 798px) { .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-right: 10px; margin-left: 10px; } .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: 480px) { /* 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); left: auto !important; } /* Halves */ .small-down--one-half { width: calc(50% - 20px); } /* Thirds */ .small-down--one-third { width: calc(33.33333% - 20px); } .small-down--two-thirds { width: calc(66.66667% - 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.66667% - 20px); } .small-down--two-sixths { width: calc(33.33333% - 20px); } .small-down--three-sixths { width: calc(50% - 20px); } .small-down--four-sixths { width: calc(66.66667% - 20px); } .small-down--five-sixths { width: calc(83.33333% - 20px); } /* Sevenths */ .small-down--one-seventh { width: calc(14.28571% - 20px); } .small-down--two-sevenths { width: calc(28.57143% - 20px); } .small-down--three-sevenths { width: calc(42.85714% - 20px); } .small-down--four-sevenths { width: calc(57.14286% - 20px); } .small-down--five-sevenths { width: calc(71.42857% - 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.33333% - 20px); } .small-down--two-twelfths { width: calc(16.66667% - 20px); } .small-down--three-twelfths { width: calc(25% - 20px); } .small-down--four-twelfths { width: calc(33.33333% - 20px); } .small-down--five-twelfths { width: calc(41.66667% - 20px); } .small-down--six-twelfths { width: calc(50% - 20px); } .small-down--seven-twelfths { width: calc(58.33333% - 20px); } .small-down--eight-twelfths { width: calc(66.66667% - 20px); } .small-down--nine-twelfths { width: calc(75% - 20px); } .small-down--ten-twelfths { width: calc(83.33333% - 20px); } .small-down--eleven-twelfths { width: calc(91.66667% - 20px); } .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; } .equal-columns--outside-trim .small-down--one-whole:nth-of-type(1n+1) { width: 100%; margin-right: 0; margin-left: 0; } .equal-columns--outside-trim .small-down--one-half { width: calc(50% - (20px - (20px / 2))); } .equal-columns--outside-trim .small-down--one-third { width: calc(33.33333% - (20px - (20px / 3))); } .equal-columns--outside-trim .small-down--one-fifth { width: calc(20% - (20px - (20px / 5))); } .equal-columns--outside-trim .small-down--one-fourth { width: calc(25% - (20px - (20px / 4))); } .equal-columns--outside-trim .small-down--one-sixth { width: calc(16.66667% - (20px - (20px / 6))); } .equal-columns--outside-trim .small-down--one-seventh { width: calc(14.28571% - (20px - (20px / 7))); } .equal-columns--outside-trim .small-down--two { width: calc(12.5% - (20px - (20px / 8))); } .equal-columns--outside-trim .small-down--four { width: calc(25% - (20px - (20px / 4))); } .equal-columns--outside-trim .small-down--seven { width: calc(43.75% - (20px - (20px / 2))); } .equal-columns--outside-trim .small-down--eight { width: calc(50% - (20px / 2)); } .equal-columns--outside-trim .small-down--nine { width: calc(56.25% - (20px - (20px / 2))); } .small-down--show { display: block !important; } .small-down--hide { display: none !important; } .small-down--text-left { text-align: left !important; } .small-down--text-right { text-align: right !important; } .small-down--text-center { text-align: center !important; } } @media only screen and (max-width: 480px) and (max-width: 480px) { .equal-columns--clear .small-down--one-half.small-down--one-half, .equal-columns--clear .small-down--eight.small-down--eight, .equal-columns--clear .small-down--one-third.small-down--one-third, .equal-columns--clear .small-down--one-fourth.small-down--one-fourth, .equal-columns--clear .small-down--four.small-down--four, .equal-columns--clear .small-down--one-fifth.small-down--one-fifth, .equal-columns--clear .small-down--one-sixth.small-down--one-sixth, .equal-columns--clear .small-down--one-seventh.small-down--one-seventh { clear: none; } .equal-columns--clear .small-down--one-half:nth-of-type(2n+1), .equal-columns--clear .small-down--eight:nth-of-type(2n+1), .equal-columns--clear .small-down--one-third:nth-of-type(3n+1), .equal-columns--clear .small-down--one-fourth:nth-of-type(4n+1), .equal-columns--clear .small-down--four:nth-of-type(4n+1), .equal-columns--clear .small-down--one-fifth:nth-of-type(5n+1), .equal-columns--clear .small-down--one-sixth:nth-of-type(6n+1), .equal-columns--clear .small-down--one-seventh:nth-of-type(7n+1) { clear: both; } } @media only screen and (max-width: 480px) and (max-width: 480px) { .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-right: 10px; margin-left: 10px; } .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; } } .container { position: relative; max-width: 1200px; margin: 0 auto; } @media only screen and (max-width: 1024px) { .container { width: calc(90% + 20px); } } @media only screen and (max-width: 480px) { .container { width: calc(100% - 40px); } } .container .container { width: 100%; } [class*="offset-by"] { position: relative; } @media only screen and (max-width: 480px) { [class*="offset-by"] { position: static; } } .container:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .column, .columns { float: left; display: inline; margin-left: calc(20px / 2); margin-right: calc(20px / 2); box-sizing: border-box; } @media only screen and (max-width: 480px) { .column:not([class*="small-down--one-half"]), .columns:not([class*="small-down--one-half"]) { width: 100%; margin-left: 0; margin-right: 0; } } @media only screen and (max-width: 480px) { .even { margin-left: 0; } } @media only screen and (max-width: 480px) { .odd { margin-right: 0; } } .flex-container { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .flex-container:after { visibility: hidden; display: none; font-size: 0; content: " "; clear: both; height: 0; } .row { margin-bottom: 20px; } .row:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .container-border--top::before { display: block; content: ''; height: 0; width: calc(100% - 20px); border-top: thin solid #cccccc; 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 #cccccc; 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%; } } .narrow-width--true.container { max-width: 1000px; margin-left: auto; margin-right: auto; } .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%; } } @media only screen and (min-width: 481px) { /* Nested Column Classes */ .column.alpha, .columns.alpha { margin-left: 0; } .column.omega, .columns.omega { margin-right: 0; } /* 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%); } } /* #Typography ================================================== */ .logo, .header__logo { font-family: Oswald, sans-serif; font-weight: 400; font-style: normal; font-size: 20px; text-transform: uppercase; line-height: 1.2em; } .logo a span, .header__logo a span { color: #000000; } /* Headings */ h1 { /* font-family: Oswald, sans-serif; font-family: 'Gotham Book' !important; font-weight: 300; font-style: normal; font-size: $font-size * 1px; text-transform: uppercase; line-height: 1.5; color: #000000; display: block; letter-spacing: 2px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; */ font-family: 'Gotham Book' !important; font-size: 12px; margin: 0 auto 15px; clear: both; font-weight: 300; padding-top: 4px; } @media only screen and (max-width: 798px) { h1 { font-size: 24px; } } h1 a:link, h1 a:visited { font-weight: inherit; color: #000000; } h1 a:hover, h1 a:active { color: #000000; } h1.collection_title_tags { padding-right: 25px; border-right: solid 1px #cccccc; } h2, .h2, h2.title { /* font-family: Oswald, sans-serif; font-family: 'Gotham Book' !important; font-weight: 300; font-style: normal; font-size: $font-size * 1px; text-transform: uppercase; line-height: 1.5; color: #000000; display: block; letter-spacing: 2px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; */ font-family: 'Gotham Book' !important; font-size: 12px; margin-bottom: 0.75em; } @media only screen and (max-width: 798px) { h2, .h2, h2.title { font-size: 21px; } } 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: #000000; } .cart h2 { margin-top: 0; } #cart[data-cart-count="0"] .cart-totals, #cart[data-cart-count="0"] .cart-buttons { display: none; } h3, .h3 { /* font-family: Oswald, sans-serif; font-family: 'Gotham Book' !important; font-weight: 300; font-style: normal; font-size: $font-size * 1px; text-transform: uppercase; line-height: 1.5; color: #000000; display: block; letter-spacing: 2px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; */ font-family: 'Gotham Book' !important; font-size: 12px; margin: 0 auto 15px 0; } @media only screen and (max-width: 798px) { h3, .h3 { font-size: 19px; } } h3 a, h3 a:visited, .h3 a, .h3 a:visited { font-weight: inherit; color: #000000; } 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: #000000; } h3.sub_title, .h3.sub_title { padding: 5px 0; color: #000000; } h3.sub_title a, .h3.sub_title a { color: #000000; } h4, .h4 { /* font-family: Oswald, sans-serif; font-family: 'Gotham Book' !important; font-weight: 300; font-style: normal; font-size: $font-size * 1px; text-transform: uppercase; line-height: 1.5; color: #000000; display: block; letter-spacing: 2px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; */ font-family: 'Gotham Book' !important; font-size: 12px; margin: 0 0 0.5em 0; padding: 7px 0; } @media only screen and (max-width: 798px) { h4, .h4 { font-size: 16px; } } 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-family: 'Gotham Book' !important; font-weight: 300; font-style: normal; font-size: $font-size * 1px; text-transform: uppercase; line-height: 1.5; color: #000000; display: block; letter-spacing: 2px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; */ font-family: 'Gotham Book' !important; font-size: 12px; margin: 0 0 0.5em 0; padding: 7px 0; } @media only screen and (max-width: 798px) { h5, .h5 { font-size: 15px; } } h5 a, .h5 a { font-weight: inherit; } h5.sub_title, .h5.sub_title { padding: 5px 0; color: #000000; } h5.sub_title a, .h5.sub_title a { color: #000000; } h6, .h6 { /* font-family: Oswald, sans-serif; font-family: 'Gotham Book' !important; font-weight: 300; font-style: normal; font-size: $font-size * 1px; text-transform: uppercase; line-height: 1.5; color: #000000; display: block; letter-spacing: 2px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; */ font-family: 'Gotham Book' !important; font-size: 12px; letter-spacing: 1px; margin: 0 0 0.5em 0; padding: 7px 0; } @media only screen and (max-width: 798px) { h6, .h6 { font-size: 14px; } } h6 a, .h6 a { font-weight: inherit; } h6.title, .h6.title { line-height: 32px; margin: 0 0 0.5em 0; color: #000000; } .cart h6 { margin-top: 0; } .collection_title { /* font-family: Oswald, sans-serif; font-family: 'Gotham Book' !important; font-weight: 300; font-style: normal; font-size: $font-size * 1px; text-transform: uppercase; line-height: 1.5; color: #000000; display: block; letter-spacing: 2px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; */ font-family: 'Gotham Book' !important; font-size: 12px; margin: 0 auto 15px; clear: both; padding-top: 4px; } @media only screen and (max-width: 798px) { .collection_title { font-size: 24px; } } .collection_title a { font-weight: inherit; color: #000000; } .collection_title a:hover, .collection_title a:active { color: #000000; } div.collection_title { margin-bottom: 0; line-height: 30px; display: inline; } div.collection_title_tags { padding-right: 25px; border-right: solid 1px #cccccc; } .headline, .empty_cart, .promo-banner, .title { /* font-family: Oswald, sans-serif; font-family: 'Gotham Book' !important; font-weight: 300; font-style: normal; font-size: $font-size * 1px; text-transform: uppercase; line-height: 1.5; color: #000000; display: block; letter-spacing: 2px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; */ font-family: 'Gotham Book' !important; font-size: 12px; } @media only screen and (max-width: 798px) { .headline, .empty_cart, .promo-banner, .title { font-size: 24px; } } .title.center.blog a { color: #000000; } /* Content */ p { margin: 0 0 15px; font-style: normal; line-height: 1.6em; } p img { margin: 0; } sub { font-size: 60%; } em, i { font-style: italic; } strong, b { font-weight: bold; } small { font-size: 90%; } .feature img { position: relative; top: 7px; margin-right: 5px; width: 25px; height: 25px; } .onboard-text { margin: 0; } .page-divider { opacity: 0; border-color: #aaaaaa; border-top: 0; } .active-divider { opacity: 1; } .feature p { font-size: smaller; } #featured_links { padding: 20px 0; } #featured_links h2 { padding-top: 15px; } #featured_links .column, #featured_links .columns { opacity: 1; } .slider-gallery .shopify-product-reviews-badge { height: 30px; display: block; } .spr-badge + .feature_divider { margin-top: 15px; } .spr-badge { padding: 5px 0; } .thumbnail .spr-badge-caption { display: none; } div#shopry-review-photos a { display: block !important; } .feature_divider { width: 100%; margin-bottom: 20px; display: block; border: 0; border-color: #aaaaaa; 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; } } div.container.bottom-fix { padding-bottom: 0px; } .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 #cccccc; } blockquote cite { display: block; font-size: 12px; color: #555; } blockquote cite a, blockquote cite a:visited { color: #555; } blockquote cite:before { content: "\2014 \0020"; } hr { border-color: #aaaaaa; border-width: 1px; border-style: solid; clear: both; margin: 12px 0; height: 0; } .cart-container hr { border-top-width: 0px; } div.section.collection_description { margin: 0 0 1.5em 0; color: #000000 !important; padding: 0px 15px; opacity: 1; font-family: Gotham Book; } @media screen and (max-width: 798px) { div.section.collection_description { text-align: left !important; } } /* #Links ================================================== */ a, a:visited, a span { color: #000000; text-decoration: none; position: relative; transition: color .1s linear; } a:hover, a:focus { color: #f15722; } 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 #cccccc; list-style: none outside none; padding: 12px 0; margin-bottom: 0; } ol { list-style: decimal; } /* #Menu ================================================== */ .header { z-index: 1000; width: 100%; top: 0; } .header a, .header a:visited, .header a span, .header select.currencies { color: #000000; text-shadow: none; } .header div.container { padding-bottom: 5px; padding-top: 5px; } body.is-active { overflow-y: hidden; } 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; } @media screen and (max-width: 798px) { #header.mobile_nav-fixed--true, .mobile_nav-fixed--false.is-active #header { top: 0px; transition: 0.4s all; } #header.mobile_nav-fixed--true .top-bar, .mobile_nav-fixed--false.is-active #header .top-bar { background-color: #fff; padding: 0px 15px; } } .mm-opening #header.mobile_nav-fixed--true { left: 80%; } #header { display: none; pointer-events: all; } #header .top-bar { text-align: center; height: 60px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } #header .top-bar .icon-search { z-index: 3; } #header .top-bar .icon-search:before { font-size: 18px; } #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: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; 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; outline: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } #header .top-bar a span { color: #000000; display: inline-block; padding-left: 4px; position: relative; } #header .top-bar a.icon-bag:before, #header .top-bar a.icon-cart:before { font-size: 18px !important; } .nav ul.mobile_menu li a { display: inline-block; } .menu .vertical-menu li { position: relative; } .vertical-menu { display: inline; } .main-nav:not([data-show-dropdown-on-click]) .menu .vertical-menu li:hover .vertical-menu_submenu { visibility: visible; opacity: 1; transition: opacity 0.3s ease-in; pointer-events: all; z-index: 2000; } .main-nav:not([data-show-dropdown-on-click]) .menu .vertical-menu_submenu li:hover .vertical-menu_sub-submenu { visibility: visible; opacity: 1; transition: opacity 0.3s ease-in; pointer-events: all; z-index: 2000; } .menu .vertical-menu_submenu { position: absolute; left: 0; top: 100%; padding-left: 0; margin: 0; visibility: hidden; opacity: 0; transition: opacity 0.5s ease-in; pointer-events: none; text-align: left; width: 270px; background: #1b1f23; background: #1b1f23; } .menu .vertical-menu_submenu li { padding: 0 20px; display: block; } .menu .vertical-menu_submenu a { display: block; font-size: 14px; letter-spacing: 1px; } .menu .vertical-menu_submenu a:active { font-size: 14px; letter-spacing: 1px; } .menu .vertical-menu_submenu span.icon-down-arrow { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); transform: rotate(-90deg); } .menu .vertical-menu_submenu.is-visible, .menu .vertical-menu_sub-submenu.is-visible { visibility: visible; opacity: 1; transition: opacity 0.3s ease-in; pointer-events: all; z-index: 2000; } .menu .vertical-menu_sub-submenu { position: absolute; left: 100%; top: 0; padding-left: 0; margin: 0; visibility: hidden; opacity: 0; transition: opacity 5s ease-in; pointer-events: none; width: 270px; background: #1b1f23; background: #1b1f23; } .menu .vertical-menu_sub-submenu li { padding: 0 20px; display: block; } .menu .vertical-menu_sub-submenu a { display: block; } .vertical-menu_submenu.vertical-menu--align-right { right: 0; left: auto; } .vertical-menu_sub-submenu.vertical-menu--align-right { right: 100%; left: auto; } li > a.url-deadlink { cursor: default; } /* Mobile nav */ #header .mobile_nav.dropdown_link { width: 25%; } #header .mobile_nav.dropdown_link span.menu_title { position: absolute; left: 40px; } @media screen and (max-width: 798px) { #header .mobile_nav.dropdown_link span.menu_title { display: none; } } .mobile_nav div { width: 25px; height: 44px; position: relative; float: left; margin: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); transition: .1s ease-in-out; cursor: pointer; } .mobile_nav div span { display: block !important; position: absolute !important; height: 4px !important; width: 100%; background: #000000; border-radius: 0px; opacity: 1; left: 0; padding: 0 !important; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); transition: .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: 18px; } .mobile_nav div span:nth-child(4) { top: 26px; } /* .mobile_nav div.open span:nth-child(1) { top: 9px; width: 0%; left: 50%; } */ /* .mobile_nav div.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } */ /* .mobile_nav div.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } */ /* .mobile_nav div.open span:nth-child(4) { top: 9px; width: 0%; left: 50%; } */ #mobile_menu { margin: 10px 20px; } #mobile_menu li { padding-right: 0; display: block; } #mobile_menu li a span.icon-down-arrow { padding: 0 15px !important; } #mobile_menu .sublink ul { display: none; margin-left: 0; padding-left: 10px; } /* Currency / language switcher on mobile */ .mobile-menu__disclosure .selectors-form__wrap { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; 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 { -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: flex-start; font-size: 12px; color: #000000; 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: #b5b5b5; } #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 { background: transparent !important; color: #000 !important; clear: both; transition: all 0.3s linear; animation: fadeIn 0.3s linear none; width: auto; margin: auto; left: 0; right: 0; } .search-enabled--true .main-nav, .search-enabled--true .dropdown { background: transparent !important; color: #000 !important; clear: both; transition: all 0.3s linear; animation: fadeIn 0.3s linear none; width: auto; margin: auto; left: 0; right: 0; } .cart-container { float: right; } .top-bar { height: 40px; background-color: #ffffff; padding: 0 0 0 10px; } .top-bar .social_icons { float: left; margin: 0; padding-left: 10px; } .top-bar .social_icons li { padding: 5px; } .top-bar a { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } .top-bar ul.social_icons a { display: inline; -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; } .top-bar .top-bar--right { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; margin-left: auto; height: 40px; } .top-bar .top-bar--right .icon-search { display: inline-block; line-height: 0; padding-right: 6px; } @media screen and (max-width: 798px) { .top-bar .top-bar--right .icon-search { display: none; } } .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: #000000; } .top-bar .mini-cart__item__title .sale { color: #f15722; margin-right: 3px; } .top-bar .mini-cart__item__title .was_price { color: #9da6ae; } .main-nav, .dropdown { background: #fff; clear: both; transition: all 0.3s linear; animation: fadeIn 0.3s linear none; } .dropdown { background: rgba(255, 255, 255, 0.9); } .feature_image .main-nav, .feature_image .dropdown { background: transparent; } .is-active .sticky_nav { bottom: 0; overflow-y: scroll; overflow-x: hidden; } .sticky_nav { position: fixed; width: 100%; z-index: 35; top: 0; left: 0; padding: 0; -ms-transform: translateY(-100%); -webkit-transform: translateY(-100%); transform: translateY(-100%); transition: all 300ms ease-in-out; } .sticky_nav .main-nav { -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; 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: 14px; padding-bottom: 0 !important; } .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: #000000; } .sticky_nav .search-container { max-width: 60px; padding: 20px 0; } .sticky_nav .search-container a { color: #000000; padding: 0 20px; } .sticky_nav .mini_cart { font-size: 18px; padding: 12px; } .sticky_nav .mini_cart:before { padding-top: 3px; margin: 0; } .sticky_nav .mini_cart .cart_count { margin: 0; padding: 0 0 0 8px; } .sticky_nav--stick { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); opacity: 1; } @media only screen and (max-width: 798px) { .sticky_nav--stick { display: none; } } .sticky_nav--unstick { opacity: 0; transition: opacity 0s; } .main-nav { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; align-items: flex-start; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; padding: 8px 15px; width: 98%; margin: auto; position: relative; } .main-nav .nav { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; -webkit-box-flex: 1 0 auto; -moz-box-flex: 1 0 auto; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; position: relative; } @media screen and (max-width: 1024px) { .main-nav .nav { -webkit-box-flex: 1 1 auto; -moz-box-flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } } .main-nav .nav--combined .menu li:last-child, .main-nav .nav--right .menu li:last-child { padding-right: 0; } .menu { -webkit-box-flex: 1 1 auto; -moz-box-flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; display: block; border: none; padding: 0; margin: 0; } .menu li { display: inline-block; margin: 0; border: 0; } .menu-position--inline { -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; /* .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; } .header__logo { padding: 12px 0; width: auto; line-height: 1; } .header__logo a { display: inline-block; } .header__logo img, .header__logo span.header__logo-text { width: 100%; display: inline-block; color: #000000; } .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: 0px; padding-top: 0px; max-width: 280px; } @media screen and (max-width: 1100px) { .logo-position--left .header__logo { max-width: 220px; padding: 10px 0px 0 0; } } .logo-position--center.menu-position--block .header__logo { margin: 0; } .logo-position--center.search-enabled--true .nav--right { width: calc(45% - 220px); } .logo-position--center .header__logo { padding: 12px 0; margin-left: 20px; margin-right: 20px; } .logo-position--center .nav { width: 45%; } .cart-container .mini_cart { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; width: 70px; max-width: 70px; position: relative; } @media screen and (max-width: 798px) { .cart-container .mini_cart { width: 50px; max-width: 50px; } } .cart-container .mini_cart .cart_count { position: absolute !important; left: 25px; top: -8px; background-color: #b5b5b5; padding: 0 4px; border-radius: 4px; color: #f15722 !important; font-size: 14px; font-family: "Arial","Helvetica",sans-serif; font-weight: bold; border-bottom: 1px solid #ffffff; border-left: 1px solid #ffffff; line-height: 15px; text-align: center; z-index: 1; } .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: #000000; } .menu a, .menu a:visited, .menu a:active, #header span.menu_title, .menu a span, select.currencies, .mini_cart span { color: #000000; padding-top: 8px; /* padding-bottom: 12px; */ position: relative; display: block; letter-spacing: 1px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); outline: 0; border: none; } @media only screen and (max-width: 798px) { .menu a, .menu a:visited, .menu a:active, #header span.menu_title, .menu a span, select.currencies, .mini_cart span { font-size: 12px; } } .feature_image .main-nav a, .feature_image .main-nav a span:not('.header__logo-text') { color: #000000; } #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 { position: relative; 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(/cdn/shop/t/93/assets/select.png?v=16344380165374518789); } @media only screen and (max-width: 798px) { select.currencies { font-size: 16px; } } #mobile_menu select.currencies { padding-left: 0; } .feature_image .header .menu a, .feature_image .header .menu a:visited, .feature_image .header .menu a span { color: #000000; border: none; } .feature_image .header .menu a[href]:hover, .menu a.active, .menu a.active span, .feature_image .header .menu a.active, .header_bar a.active, .feature_image .header .menu a:focus { color: #b5b5b5; border: none; } .menu li a[href]:hover, .menu li a:focus, .menu a[href]:hover span { color: #b5b5b5; border: none; } .menu a.top_link, .menu a.dropdown_link { border-bottom: solid 1px transparent; border: none; } .menu a.top_link:hover, .menu a.dropdown_link:hover, .menu a.active_link { border-bottom: solid 1px #b5b5b5; border: none; color: #b5b5b5 !important; } .feature_image a.top_link:hover { border-bottom: solid 1px #b5b5b5; border: none; color: #b5b5b5 !important; } .menu a span { display: inline; vertical-align: top; } .top-bar a, .top-bar a:visited, .top-bar a:active, .top-bar a span, .top-bar select.currencies, a.mini_cart, a.mini_cart span, .feature_image .header .top-bar .menu a, .feature_image .header .top-bar .menu a span { color: #000000; font-size: 12px; letter-spacing: 1px; } .top-bar li a:hover, .top-bar li a[href]:hover, .top-bar li a[href]:hover span, .top-bar li a:active, .top-bar li a:hover span, .top-bar a:active span, .top-bar .currencies:hover, .feature_image .header .top_bar .menu a:hover, .feature_image .header .top_bar .menu a:hover span { color: #b5b5b5; } .top-bar li { padding-left: 10px; padding-right: 10px; } .top-bar .menu a, .top-bar .social_icons a { height: 40px; line-height: 40px; padding: 0; } /* Mini cart */ .mini_cart, .nav a.mini_cart { float: right; text-align: center; cursor: pointer; /* background-color: #ffffff; */ 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; padding: 0px; } } .cart-container li.mini-cart__item { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: 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: #000000; } a.tos_icon:visited, .cart_content a.tos_icon:visited { color: #000000; } a.tos_icon:hover, .cart_content a.tos_icon:hover { color: #f15722; } .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; } .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; width: 7px; } .cart-container.active_link .cart_content::-webkit-scrollbar-thumb { border-radius: 0; background-color: rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5); } html.touchevents .cart .cart-container { pointer-events: none; } #cart_form p.modal_price { margin-bottom: 0; padding-bottom: 0; } #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 .product-quantity-box .product-minus .icon-plus:before, #cart_form .product-quantity-box .product-plus .icon-plus:before, .nav .product-quantity-box .product-minus .icon-plus:before, .nav .product-quantity-box .product-plus .icon-plus:before { content: "\e911"; } #cart_form .icon-minus, #cart_form .icon-plus { position: relative; left: 1px; } .cart-container.active_link .mini_cart, .cart-container.active_link .mini_cart span { /* background-color: #ffffff; */ color: #000000 !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: #000000; border: 1px solid #cccccc; 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: #000000; } .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: #000000; } #header li.mini-cart__item a.cart__remove-btn { top: 0; } .cart_content .mini-cart__item--content { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; } .cart_content .mini-cart__item--content .mini-cart__item__title { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding-right: 20px; } .cart_content .mini-cart__item--content .price { padding-top: 10px; line-height: 1; text-align: left; } .cart__item { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; margin: 10px 0; padding: 10px 0; position: relative; border-bottom: 1px solid #cccccc; } @media only screen and (max-width: 798px) { .cart__item .cart__item--image { max-width: 33.333%; } .cart__item .cart__item--content { margin-left: 20px; } .cart__item .cart__item_--title { margin-right: 20px; } } .cart__item .cart__item--title { margin-right: 15%; } .cart__item .cart__item--discount, .cart__item .cart__item--discount .label { color: #f15722; margin-top: 15px; } .cart_discounts { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; 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: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; cursor: pointer; position: absolute; right: 0; top: 10px; } .cart__remove-btn span.remove-text, .cart__remove-btn span.remove-icon { color: #000000; } .cart__remove-btn:hover span, .cart__remove-btn:active span { color: #f15722; } @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: "\00d7"; } .cart .cart_subtotal { font-weight: bold; font-size: larger; } .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: #000000 !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; } .cart_content .action_button { width: 100%; } .top-bar [class^="icon-"]:before, .top-bar [class*=" icon-"]:before, .mini_cart { font-size: 15px; margin-right: 0; vertical-align: middle; } #customer_login_guest, #customer_login { display: inline; } @media only screen and (max-width: 480px) { #customer_login_guest, #customer_login { display: block; } } input[type="submit"].guest_button, input[type="button"].guest_button { color: #000000; -webkit-box-shadow: none; -moz-box-shadow: none; 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: #f15722; } @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; } } .dropdown_container img { max-width: 100%; } .dropdown { position: absolute; width: 100%; z-index: 1000; } .dropdown_content { display: table; width: 100%; margin: 0 auto; } .dropdown_container.mega-menu .dropdown_content { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; margin: auto; max-width: fit-content; background: rgba(255, 255, 255, 1); box-shadow: 0 5px 5px rgba(0, 0, 0, 0.25); position: relative; top: 0px; } .dropdown_container.mega-menu .dropdown_content.mm-col-2 { margin: auto; max-width: fit-content; text-align: center; justify-content: center; padding: 20px; } .dropdown_container.mega-menu .dropdown_content.mm-col-2 .mm-col-mmlist-1 { width: auto; text-align: left; padding: 0px 10px; } .dropdown_container.mega-menu .dropdown_content.mm-col-2 .mm-col-mmlist-1.megamenu-image-wapper { width: auto; display: block; } .dropdown_container.mega-menu .dropdown_content.mm-col-2.small { max-width: 400px; } .dropdown_container.mega-menu .dropdown_content.mm-col-2.medium { max-width: 520px; } .dropdown_container.mega-menu .dropdown_content.mm-col-2.medium .mm-col-mmlist-1.megamenu-image-wapper { display: block; } .dropdown_container.mega-menu .dropdown_content.mm-col-2.medium .mm-col-mmlist-1.megamenu-image-wapper img { max-height: 150px; } .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; } .mega-menu__image-caption-link { text-align: center; margin-bottom: 0px; } .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: Oswald, sans-serif; font-size: 14px; font-style: normal; color: #000000; padding-top: 12px; padding-bottom: 12px; position: relative; display: block; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -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: 14px; 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 #000000; } .dropdown_column ul.dropdown_item { text-align: center; } .dropdown_container.mega-menu .dropdown_content .dropdown_column .mega-menu__image-caption-link { margin: 0px; padding: 0px; } .dropdown_container.mega-menu .dropdown_content .dropdown_column .mega-menu__image-caption-link a { padding: 0px; margin: 0px; } .dropdown_container.mega-menu .dropdown_content.mm-col-5 { padding: 0px; max-width: 900px; } .dropdown_container.mega-menu .dropdown_content.mm-col-5 .dropdown_column { display: inline-block; padding: 30px 20px 30px 20px; -webkit-box-flex: 1; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; vertical-align: top; width: auto; } .dropdown_container.mega-menu .dropdown_content.mm-col-5 .mm-col-mmlist-1.megamenu-image-wapper img { max-height: 310px; display: block; } .dropdown_container.mega-menu .dropdown_content.mm-col-5 .mm-col-mmlist-1 .dropdown_column__menu .dropdown_title { display: none; } .dropdown_container.mega-menu .dropdown_content.mm-col-5 .mm-col-mmlist-1 .dropdown_column__menu ul li { padding-bottom: 2px; } .dropdown_container.mega-menu .dropdown_content.mm-col-5 .mm-col-mmlist-2 { flex: 0 0 10%; } .dropdown_container.mega-menu .dropdown_content.mm-col-5 .mm-col-mmlist-2 .dropdown_column__menu ul.dropdown_title { padding-bottom: 10px; } .dropdown_container.mega-menu .dropdown_content.mm-col-5 .mm-col-mmlist-2 .dropdown_column__menu ul.dropdown_title li a { font-family: Gotham Bold; font-size: 14px; text-transform: uppercase; } .dropdown_container.mega-menu .dropdown_content.mm-col-5 .mm-col-mmlist-2 .dropdown_column__menu ul.dropdown_title li a:before { content: ''; background-color: #000; position: absolute; height: 1px; width: 30px; top: auto; bottom: 2px; font-family: Gotham Bold; } .dropdown_container.mega-menu .dropdown_content.mm-col-5 .mm-col-mmlist-2 .dropdown_column__menu ul.dropdown_title li a:hover { font-size: 14px; } .dropdown_container.mega-menu .dropdown_content.mm-col-5 .mm-col-mmlist-2 .dropdown_column__menu ul li a { font-family: 'Gotham-Light'; font-size: 14px; text-transform: capitalize; /* color: #474747 !important; */ font-weight: 500; } .dropdown_container.mega-menu .dropdown_content.mm-col-5 .mm-col-mmlist-2 .dropdown_column__menu ul li a:hover { font-size: 14px; text-transform: capitalize; } .dropdown_container.mega-menu .dropdown_content.mm-col-5 .mm-col-mmlist-3 .dropdown_column__menu .dropdown_title { display: none; } .dropdown_container.mega-menu .dropdown_content.mm-col-5 .mm-col-mmlist-3 .dropdown_column__menu ul li { padding-bottom: 5px; } .dropdown_container.mega-menu .dropdown_content.mm-col-5 .mm-col-mmlist-3 .dropdown_column__menu ul li a:before { content: ''; background-color: #000; position: absolute; height: 1px; width: 30px; top: auto; bottom: 2px; font-family: Gotham Bold; } @media screen and (max-width: 1100px) { .dropdown_container.mega-menu .dropdown_content.mm-col-5 { padding: 0 40px; } } .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; -webkit-appearance: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; appearance: none; } select.currencies:active { border: 0; outline: 0; text-shadow: 0; box-shadow: 0; } select.currencies option { background: #1b1f23; background: #1b1f23; color: #000000; } .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 #cccccc; */ padding: 0px 15px; margin: 0px; } @media only screen and (max-width: 798px) { .sidebar-wrap { border: none; margin: 0; padding-right: 15px; } } .sidebar-wrap .sidebar__collection-filter span.right.icon-down-arrow:before { font-size: 20px; transition: 0.5s all; color: #888; position: absolute; right: 10px; left: auto; top: -18px; content: '\f107'; } .sidebar-wrap h4, .sidebar-wrap h4.toggle { margin: 0; padding: 0; } @media only screen and (max-width: 798px) { .sidebar-wrap h4.toggle { margin: 10px 0; } } h4.toggle.active span.right.icon-down-arrow:before { top: -18px; } .sidebar a, .sidebar a:visited { color: #363636; } .sidebar a:hover, .sidebar a:active { color: #f15722; } .sidebar .meta { margin-left: 2px; } .sidebar .spr-badge { color: #000000; } .sidebar .recently-viewed-list .brand { color: #000000; } .toggle-all--true h4.toggle { cursor: pointer; pointer-events: all; font-size: 16px; text-transform: uppercase; font-weight: bold; font-family: 'Gotham Bold' !important; letter-spacing: 1px; margin-bottom: 20px !important; padding-bottom: 10px !important; border-bottom: 1px solid #ddd; padding-top: 0px !important; color: #222 !important; } .toggle-all--true .toggle span { display: block; } .toggle-all--true .toggle_list { display: none; } .content_block.toggle_list a { display: inline; position: static; padding-left: 0; margin-left: 0; border-left: none; color: #000000; } .content_block.toggle_list a:hover { border-left: none; color: #f15722; } .toggle_list { margin: 0; padding: 0px 0 10px; } .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 #f15722; } .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 #cccccc; 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.sign_up[type="submit"], .sidebar input.contact_email[type="email"] { width: 100% !important; margin-left: 0; } .blog_search { position: relative; } .sidebar-block { margin-bottom: 0px; } .sidebar-block:last-child { border-bottom: none; } .sidebar-block:empty { border-bottom: none; } .sidebar-block:blank { border-bottom: none; } .sidebar-block:first-child h4.toggle { padding-top: 0; } .sidebar-block h4.toggle { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; margin-bottom: 0; padding: 15px 0; line-height: 1.5; } .sidebar .filter-active-tag { position: relative; } .color-filter--true label { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } .sidebar a.active, .sidebar li.active a, .sidebar a:hover { border-left: solid 4px #b5b5b5; } .sidebar a { padding-left: 8px; } .sidebar__collection-filter a, .sidebar__collection-filter label { cursor: pointer; } .sidebar__collection-filter label { text-transform: none; font-weight: normal; font-family: Gotham Book; font-size: 14px; margin: 0px; } .sidebar__collection-filter label:hover { color: #f15722; } .sidebar__collection-filter input[type="checkbox"] { display: none; } .sidebar__collection-filter input.styled-checkbox[type="checkbox"] { -webkit-appearance: none; -moz-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 button.clear-active-filter, .sidebar__collection-filter button.clear-active-filter:active { color: #000000; background-color: transparent; border: none; outline: 0; box-shadow: 0; font-family: inherit; letter-spacing: 0; text-transform: none; position: absolute; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 15px; 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: #f15722; } .sidebar__collection-filter .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 { 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: "\00d7"; 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-collection-wrapper img[src*='/no-image'] { opacity: 0; } .list-collection-wrapper img[src*='/no-image'] ~ .thumbnail-overlay { opacity: 1 !important; } .list-collection-wrapper img[src*='/no-image'] ~ .thumbnail-overlay .collection-details { opacity: 1; transform: none; } @media only screen and (max-width: 798px) { .list-collection-wrapper img[src*='/no-image'] ~ .collection-info__caption { display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } } .list-collection-wrapper .img { width: 100%; } .list-collection-wrapper .collection-info__caption { display: block; margin-top: 20px; } @media only screen and (max-width: 798px) { .list-collection-wrapper .collection-info__caption { display: block; position: static; } } .blog-header { margin-bottom: 5px; } .blog-header .blog-title.blog-tags--true { float: none; } .blog-header .blog-title { float: left; } @media only screen and (max-width: 798px) { .blog-header .blog-title { width: 100%; margin-bottom: 0; } } .blog-header .subtitle { clear: both; } .blog-header .feature_divider { clear: both; width: 100%; } /* Blog Article Styling */ .article .icon-slash { padding-right: 5px; } /* Styles for blog, collections */ .section_select { padding: 0; text-align: right; float: right; } .section_select .blog_filter, .section_select .tag_filter, .section_select .sort_by { color: #333333; display: inline-block; border: none; padding-right: 30px; background-position: 100% 50%; background-color: #ffffff; font-family: Oswald, sans-serif; font-weight: 400; font-style: normal; font-size: 14px; text-transform: uppercase; 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 { float: none; width: 100%; max-width: 100%; font-size: 16px; padding-left: 0; } } div.breadcrumb-collection { margin: 0; padding: 0 15px; } div.breadcrumb-collection + div.section { margin-top: 0; } @media only screen and (max-width: 798px) { div.breadcrumb-collection { margin-top: 15px; text-align: center; } } div.breadcrumb-collection span { color: #a3a3a3; text-transform: capitalize; font-size: 12px; } .breadcrumb_text, .article-pagination { text-transform: capitalize; font-size: 11px; margin: 20px 0px 1em; } .breadcrumb_text .right .breadcrumb_link, .article-pagination .right .breadcrumb_link { cursor: pointer !important; color: #a3a3a3; } .breadcrumb_text .right .breadcrumb_link:hover, .article-pagination .right .breadcrumb_link:hover { color: #f15722 !important; } .breadcrumb_text .right .breadcrumb_link span:hover, .article-pagination .right .breadcrumb_link span:hover { color: #f15722 !important; } .breadcrumb_text .breadcrumb-divider, .article-pagination .breadcrumb-divider { color: #a3a3a3; margin: 0 5px; } .breadcrumb_text .breadcrumb_link, .article-pagination .breadcrumb_link { color: #a3a3a3; } .breadcrumb_text .breadcrumb_link span, .article-pagination .breadcrumb_link span { color: #a3a3a3; } .breadcrumb_text .breadcrumb_link span:hover, .article-pagination .breadcrumb_link span:hover { color: #f15722; } .breadcrumb_text .breadcrumb_link:hover, .article-pagination .breadcrumb_link:hover { color: #f15722; } .breadcrumb_text .breadcrumb_link:last-child, .article-pagination .breadcrumb_link:last-child { cursor: auto; color: #000000 !important; } .breadcrumb_text .breadcrumb_link:last-child span, .article-pagination .breadcrumb_link:last-child span { color: #000000 !important; } .breadcrumb_link:hover span { color: #f15722; } .breadcrumb { font-size: 14px; } @media only screen and (max-width: 798px) { .breadcrumb { margin-bottom: 20px; } } /* #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 { -o-object-fit: cover; object-fit: cover; -o-object-position: left; object-position: left; font-family: "object-fit: cover; object-position: left"; height: 100% !important; } .image-crop--right img, .image-crop--right .image-element__wrap { -o-object-fit: cover; object-fit: cover; -o-object-position: right; object-position: right; font-family: "object-fit: cover; object-position: right"; height: 100% !important; } .image-crop--center img, .image-crop--center .image-element__wrap { -o-object-fit: cover; object-fit: cover; font-family: "object-fit: cover"; height: 100% !important; } .zoom-container { display: block; } /* #Placeholders ================================================== */ .featured-products-section .section { margin: 30px 0px; } .placeholder-svg { fill: rgba(0, 0, 0, 0.9); background-color: rgba(0, 0, 0, 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 (min-width: 799px) and (max-width: 1024px) { .placeholder-svg--banner, .placeholder-svg--slideshow, .placeholder-svg--video { height: 350px; } } @media only screen and (min-width: 481px) and (max-width: 798px) { .placeholder-svg--banner, .placeholder-svg--slideshow, .placeholder-svg--video { height: 250px; } } .featured-promotions-section .feature-section:nth-child(even) .placeholder-svg--promotions { background-color: rgba(0, 0, 0, 0.6); } .image-with-text-section .featured-link--image:nth-child(odd) .placeholder-svg--promotions { background-color: rgba(0, 0, 0, 0.6); fill: rgba(0, 0, 0, 0.9); } .homepage-slideshow .flickity-slider .gallery-cell:nth-child(2n + 1) .placeholder-svg--slideshow { background-color: rgba(0, 0, 0, 0.6); } .homepage-slideshow .flickity-slider .gallery-cell:nth-child(2n) .placeholder-svg--slideshow { background-color: rgba(0, 0, 0, 0.8); } /* #Videos ================================================== */ .video-wrapper { position: relative; background-color: #ffffff; } .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--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-wrapper__image img { -o-object-fit: cover; object-fit: cover; font-family: "object-fit: cover"; height: 100%; } @media only screen and (max-width: 798px) { .video-wrapper .video-wrapper__image img { height: auto; } } .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; } @media only screen and (max-width: 798px) { .video-wrapper .video__text-container.text-below-image--true { position: static; top: auto; transform: none; } } .video-wrapper .video__text { height: 100%; text-align: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } .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 (min-width: 799px) and (max-width: 1024px) { .video-wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } /* #Buttons ================================================== */ a.button, .button, button, input[type="submit"], input[type="reset"], input[type="button"], .action_button, a.action_button, input.action_button[type="submit"], input.action_button[type="button"], input.action_button[type="button"], button.shopify-payment-button__button.shopify-payment-button__button--unbranded { background: #000000; color: #ffffff; border: 1px solid #000000; padding: 0 20px; text-align: center; cursor: pointer; min-height: 44px; height: 40px; line-height: 1.2; vertical-align: top; font-family: Oswald, sans-serif; font-weight: normal; font-style: normal; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; transition: all 0.2s linear; -webkit-appearance: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; border-radius: 0; } .ie a.button, .ie .button, .ie button, .ie input[type="submit"], .ie input[type="reset"], .ie input[type="button"], .ie .action_button, .ie a.action_button, .ie input.action_button[type="submit"], .ie input.action_button[type="button"] { line-height: 40px; } a.button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .action_button:hover, input.action_button[type="submit"]:hover, input.action_button[type="button"]:hover, input.action_button[type="button"]:hover, button.shopify-payment-button__button.shopify-payment-button__button--unbranded:hover { background-color: #000000; border: 1px solid #000000; } a.button:active, button:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active, .action_button:active, input.action_button[type="submit"]:active, input.action_button[type="button"]:active, input.action_button[type="button"]:active, button.shopify-payment-button__button.shopify-payment-button__button--unbranded:active { box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); outline: 0; } .add_to_cart, .product_form input.add_to_cart { width: 100%; margin-bottom: 0px; } input[type="submit"], input[type="reset"], input[type="button"], input.action_button[type="submit"], input.action_button[type="button"], button.action_button { display: inline-block; } /* Animation for checkmark on add to cart button */ button.add_to_cart { position: relative; } button.add_to_cart .text { display: block; width: 100%; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; } button.add_to_cart .fadeInDown.text { -webkit-animation-duration: 0.8s; 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 { -webkit-animation: drawCheckmark 0.5s linear alternate forwards; animation: drawCheckmark 0.5s linear alternate forwards; } @keyframes drawCheckmark { from { stroke-dashoffset: 19.79; opacity: 1; } to { stroke-dashoffset: 0; opacity: 1; } } @-webkit-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 { -webkit-animation: fadeCheckmark 0.5s linear alternate forwards; animation: fadeCheckmark 0.5s linear alternate forwards; } @-webkit-keyframes fadeCheckmark { from { opacity: 0; } to { opacity: 1; } } @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; } html.mm-opened .mm-page { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3) !important; } .mm-menu > .mm-list { background-color: #fff !important; color: rgba(0, 0, 0, 0.6); font-family: 'Gotham Book'; font-size: 13px; } .mm-menu > .mm-list a.action_button.edit_cart, .mm-menu > .mm-list .action_button { width: 180px; margin-left: 20px; margin-top: 20px; background-color: #444; color: #ffffff; text-align: center; text-indent: 0; border-radius: 4px; font-size: 12px; padding: 0 10px; font-family: 'Gotham Bold' !important; -webkit-box-shadow: inset 0 -3px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 -3px rgba(0, 0, 0, 0.1); box-shadow: inset 0 -3px rgba(0, 0, 0, 0.1); text-transform: uppercase; border: 0; line-height: 44px; } @media screen and (max-width: 540px) { .mm-menu > .mm-list a.action_button.edit_cart, .mm-menu > .mm-list .action_button { width: calc(100% - 20px); margin: 10px !important; } } .mm-menu > .mm-list .action_button { margin-right: 20px; background-color: #000000; color: #ffffff; margin-left: 0px; } a.mm-subclose.continue { padding: 30px 10px 10px 20px !important; text-align: left; font-size: 16px; color: rgba(0, 0, 0, 0.3) !important; font-family: 'Gotham Book'; font-size: 14px; } .mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu .mm-list > li.mm-selected > span { background: rgba(0, 0, 0, 0.06); } .mm-list a.mm-subclose:before { color: rgba(0, 0, 0, 0.3) !important; } div#cart li.mm-label { background: rgba(0, 0, 0, 0.03) !important; color: #000; } .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; } .add_to_cart.action_button { min-height: 44px; margin-bottom: 0; height: 100%; } .shopify-payment-button { position: relative; height: 44px; } .shopify-payment-button div { height: 100%; } .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: 0; } .shopify-payment-button__button--branded, .shopify-payment-button__button--unbranded { overflow: hidden; min-height: 44px; } button.shopify-payment-button__more-options { color: #000000; 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; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } button.shopify-payment-button__more-options:hover { background-color: transparent; border: none; } .purchase-details { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .product_section .smart-payment-button--true.product_form { max-width: 100%; } .smart-payment-button--true .purchase-details { padding-bottom: 20px; } .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: #000000; } .smart-payment-button--false .purchase-details { -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; align-items: flex-end; } .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: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-flex: 1 0 calc(50% - 12px); -moz-box-flex: 1 0 calc(50% - 12px); -webkit-flex: 1 0 calc(50% - 12px); -ms-flex: 1 0 calc(50% - 12px); flex: 1 0 calc(50% - 12px); -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: 0px; margin-top: 20px; } @media only screen and (max-width: 798px) { .purchase-details__buttons { margin-top: 20px; -webkit-box-flex: 1 0 calc(50% - 12px); -moz-box-flex: 1 0 calc(50% - 12px); -webkit-flex: 1 0 calc(50% - 12px); -ms-flex: 1 0 calc(50% - 12px); flex: 1 0 calc(50% - 12px); } } @media only screen and (max-width: 480px) { .purchase-details__buttons { margin-top: 12px; margin-left: 0; -webkit-box-flex: 1 0 100%; -moz-box-flex: 1 0 100%; -webkit-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; } } .purchase-details__buttons .add_to_cart { max-width: 100%; margin-right: 4px; } .purchase-details__buttons .shopify-payment-button { -webkit-box-flex: 1 0 100%; -moz-box-flex: 1 0 100%; -webkit-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; margin-bottom: 0; max-width: 100%; } @media only screen and (min-width: 1401px) { .purchase-details__buttons .shopify-payment-button { -webkit-box-flex: 1 0 calc(50% - 4px); -moz-box-flex: 1 0 calc(50% - 4px); -webkit-flex: 1 0 calc(50% - 4px); -ms-flex: 1 0 calc(50% - 4px); flex: 1 0 calc(50% - 4px); max-width: calc(50% - 4px); } } .purchase-details__buttons .action_button.action_button--secondary { background-color: transparent; border: 1px solid black; color: black; box-shadow: none; line-height: 1.2; padding: 10px 0; min-height: 44px; height: 100%; -webkit-box-flex: 1 0 100%; -moz-box-flex: 1 0 100%; -webkit-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; margin: 0; max-width: 100%; } @media only screen and (min-width: 1401px) { .purchase-details__buttons .action_button.action_button--secondary { -webkit-box-flex: 1 0 calc(50% - 4px); -moz-box-flex: 1 0 calc(50% - 4px); -webkit-flex: 1 0 calc(50% - 4px); -ms-flex: 1 0 calc(50% - 4px); flex: 1 0 calc(50% - 4px); max-width: calc(50% - 4px); } } @media only screen and (max-width: 798px) { .purchase-details__buttons .action_button.action_button--secondary { margin-bottom: 10px; } } @media only screen and (min-width: 799px) { .purchase-details__buttons .action_button.action_button--secondary:hover { background-color: #000000; color: #ffffff; } } .purchase-details__buttons .action_button.action_button--secondary:focus { background-color: #000000; color: #ffffff; } .purchase-details__buttons.purchase-details__spb--true { -webkit-box-flex: 1 0 100%; -moz-box-flex: 1 0 100%; -webkit-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; margin-top: 20px; 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 .action_button.action_button--secondary { -webkit-box-flex: 1 0 50%; -moz-box-flex: 1 0 50%; -webkit-flex: 1 0 50%; -ms-flex: 1 0 50%; flex: 1 0 50%; max-width: calc(50% - 6px); } @media only screen and (max-width: 798px) { .purchase-details__buttons.purchase-details__spb--true .action_button.action_button--secondary { -webkit-box-flex: 1 0 100%; -moz-box-flex: 1 0 100%; -webkit-flex: 1 0 100%; -ms-flex: 1 0 100%; 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); height: inherit; } @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%; } } .purchase-details__buttons.product-is-unavailable .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 { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; 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 .action_button.action_button--secondary, .sidebar--true .purchase-details .shopify-payment-button { -webkit-box-flex: 1 0 100%; -moz-box-flex: 1 0 100%; -webkit-flex: 1 0 100%; -ms-flex: 1 0 100%; 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 #cccccc; 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 #cccccc; background-color: #ffffff; border-bottom: solid 3px #aaaaaa; height: 31px; position: relative; border-right-width: 1px; color: #000000; } 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; } /* #Accordions ================================================== */ button { border: none; appearance: none; } .faqAccordion > dt > a, .faqAccordion > dt > button, .accordion > dt > a, .accordion > dt > button { background: transparent; position: relative; padding: 20px 20px 20px 40px; color: #000000; border-bottom: 1px solid #cccccc; text-align: left; display: block; cursor: pointer; width: 100%; outline: none; text-transform: initial; min-height: auto; height: auto; line-height: inherit; font-weight: normal; font-family: Roboto, sans-serif; font-style: normal; box-shadow: none; border-radius: 0px; font-size: 18px; } .faqAccordion > dt > a:hover, .faqAccordion > dt > a:focus, .faqAccordion > dt > button:hover, .faqAccordion > dt > button:focus, .accordion > dt > a:hover, .accordion > dt > a:focus, .accordion > dt > button:hover, .accordion > dt > button:focus { background: #f7f7f7; border: none; border-bottom: 1px solid #cccccc; color: #f15722; } .faqAccordion > dt > a::after, .faqAccordion > dt > button::after, .accordion > dt > a::after, .accordion > dt > button::after { -ms-transform: translateY(-50.1%); -webkit-transform: translateY(-50.1%); transform: translateY(-50.1%); position: absolute; top: 50%; left: 15px; font-size: 25px; content: "\002b"; color: inherit; } .faqAccordion > dt > a[aria-expanded="true"]::after, .faqAccordion > dt > button[aria-expanded="true"]::after, .accordion > dt > a[aria-expanded="true"]::after, .accordion > dt > button[aria-expanded="true"]::after { content: "\002d"; font-size: 30px; } .faqAccordion > dt:first-child > button, .accordion > dt:first-child > button { border-top: none; } .faqAccordion > dd, .accordion > dd { color: #000000; padding: 20px 0px 20px 0px; display: none; } .faqAccordion > dd[aria-hidden="true"], .accordion > dd[aria-hidden="true"] { display: none; } @media only screen and (max-width: 798px) { .faqAccordion > dd, .accordion > dd { margin-left: 15px; } } .accordion dt small { display: none; } .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: '\0020'; 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 #cccccc; 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; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @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 { border: 1px solid #aaa; color: #444; } input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } 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; } select::-ms-expand { display: none; } select { background: white url(/cdn/shop/t/93/assets/select.png?v=16344380165374518789) no-repeat 96% 50%; background-size: 18px 12px; padding: 8px 14px 8px; border-radius: 0; border: 1px solid #d9dbdc; -webkit-appearance: none; -ms-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; } label, legend, .option_title { display: block; font-weight: bold; font-size: 13px; text-align: left; margin-bottom: 5px; text-transform: uppercase; } 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.sign_up[type="submit"] { margin-left: 5px; display: inline-block; } input.contact_email[type="email"] { width: 320px; display: inline-block; float: left; } .btn.action_button, input.btn.action_button[type="submit"], input.btn.action_button[type="button"] { width: inherit; } /* #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__position--right, .custom-contact-form__position--right { float: right; } .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--checkbox ul, .custom-contact-form .contact-block--radio ul { padding: 0; margin: 0; } .custom-contact-form .contact-block--checkbox ul li, .custom-contact-form .contact-block--radio ul li { margin-bottom: 8px; list-style: none; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: baseline; -moz-align-items: baseline; -ms-align-items: baseline; align-items: baseline; } .custom-contact-form .contact-block--checkbox ul li input, .custom-contact-form .contact-block--radio ul li input { margin-right: 10px; position: relative; top: 2px; } .custom-contact-form .contact-block--checkbox ul li label, .custom-contact-form .contact-block--radio ul li label { margin-bottom: 0; } .custom-contact-form .contact-block--checkbox ul li:last-child label, .custom-contact-form .contact-block--radio 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: #9da6ae; } .quantity_label { display: inline; font-size: smaller; } .remove_item a { font-size: smaller; color: #000000; } 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 #cccccc; } .cart_content .notification-discount { color: #f15722; padding: 15px 0 0; 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; } .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; } span.cart_count[data-count="0"] { display: none; } .empty_cart { text-align: center; font-size: 18px; padding: 40px 0 25px 0; color: inherit; } #shipping-calculator.columns { float: none; } .cart__blocks { margin-top: 30px; } input[type="button"].get-rates.action_button { margin-top: 0; } #get-rates-submit { margin-top: -1px; } #customer_login { margin-bottom: 2px; } .multi_select { display: none; } /* Product Page Elements */ /* = = = 25/08/2020 = = = */ .breadcrumb-product-page { padding-bottom: 30px; text-align: center; } .breadcrumb-product-page .nav_arrows a { color: #a3a3a3; text-transform: capitalize; font-size: 12px; font-family: 'Gotham'; } .breadcrumb-product-page .nav_arrows a .icon-right-arrow:before, .breadcrumb-product-page .nav_arrows a .icon-left-arrow:before { display: none; } .breadcrumb-product-page .nav_arrows a:hover { color: #f15722; } .breadcrumb-product-page .nav_arrows a span { color: #a3a3a3; } .breadcrumb-product-page .nav_arrows a span:hover { color: #f15722; } .product-right-side { padding-left: 40px; } @media screen and (max-width: 798px) { .product-right-side { padding-left: 0px; } } .product-right-side .purchase-details .purchase-details__quantity { display: none; } .product-right-side .purchase-details .purchase-details__buttons button { font-family: 'Gotham Bold'; font-size: 14px; color: #fff !important; background-color: #000; border-radius: 4px; padding: 8px 20px; height: 40px; min-height: 40px; -webkit-box-shadow: inset 0 -3px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 -3px rgba(0, 0, 0, 0.1); box-shadow: inset 0 -3px rgba(0, 0, 0, 0.1); } .product-right-side .purchase-details .purchase-details__buttons button:hover, .product-right-side .purchase-details .purchase-details__buttons button:focus { background: #a3a3a3; border: none; outline: none; } .product-right-side .description p { font-family: 'Gotham Book'; font-size: 12px; } .product-right-side .social_buttons { display: inline-flex; width: 100%; align-items: center; justify-content: center; } .product_name { padding: 0px; text-transform: uppercase; font-size: 14px; margin: 0px; } .current_price { font-family: 'Gotham Book'; font-size: 12px; color: #000; } .current_price:hover { color: #000; } .swatch_options .option_title { font-family: Gotham Book; font-size: 12px; text-transform: capitalize; font-weight: normal; color: #000000; letter-spacing: 0.5px; } .swatch_options .color { border-radius: 50%; border: 2px solid #b5b5b5; } .swatch_options .color label { border-radius: 50%; } .swatch_options .swatch.size-wapper .swatch-element { margin: 0; float: left; position: relative; margin-right: -1px; width: calc((100% - 65px) / 5); height: 38px; align-items: center; display: flex; justify-content: center; cursor: pointer; border: 1px solid #DEDBD4; border: 1px solid #DEDBD4; } .crossed-out { display: none !important; } .container .align_right--images > div.columns { float: right; } .vendor { margin-bottom: 6px; } .section.product_section { margin-top: 0; } .product_section .description { margin-bottom: 15px; overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-word; word-break: break-word; } .modal_price { padding-bottom: 8px; display: block; } .product_section .description.bottom { margin-top: 15px; border-bottom: none; } .sale_banner_product, .new_banner_product, .preorder_banner_product { position: absolute; top: 25px; left: 15px; background: #f15722; font-family: 'Gotham Bold'; font-weight: bold; font-size: 12px; text-transform: uppercase; padding: 5px; text-align: center; z-index: 2; } .sale_banner_product { background: #f15722; } .new_banner_product, .preorder_banner_product { background: #ffffff; } .preorder_banner_product, .product-list .thumbnail .preorder_banner { font-size: 12px; } @media only screen and (max-width: 798px) { .preorder_banner_product, .product-list .thumbnail .preorder_banner { font-size: 8px; } } .product_links { margin-bottom: 8px; font-size: 0.9em; border-top: 1px solid #cccccc; padding: 10px 0 5px 0; } .product_links p { margin: 2px 0; } .social_buttons { padding-top: 0px; text-align: center; font-size: 1em; margin-bottom: 0px; margin-top: 20px; } @media only screen and (max-width: 798px) { .social_buttons { text-align: center; } } .share_article .social_buttons { border-top: none; padding-top: 10px; } @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: 0px; margin-bottom: 0px; } .share-btn a { color: #fff; padding: 10px 0px 8px 0px; display: inline-block; transition: all 500ms ease 0s; } .share-btn a:before { color: #9da6ae !important; } .share-btn a:hover { background-color: transparent; } .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-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-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; 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: 400px; } @media only screen and (max-width: 798px) { .product_section .product_form, .product_section .contact-form { max-width: 100%; } } /* Full width product image template */ .product-full_width_images .product_section .description img { display: none; } .full-width-product-images img { display: block; width: 100%; } @media only screen and (max-width: 480px) { .full-width-product-images .caption.align-center, .full-width-product-images .caption.align-right, .full-width-product-images .caption.align-left { text-align: center; } } /* #Blog ================================================== */ .sidebar .sidebar_content .input-row { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-left: 0px; margin-right: 0px; } .sidebar .sidebar_content .input-row input { margin: 5px 0; } /* #Newsletter ================================================== */ .newsletter { margin: 0px auto; max-width: 640px; } .input-row { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -5px; margin-right: -5px; width: 100%; } @media only screen and (max-width: 798px) { .input-row { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-left: 0px; margin-right: 0px; } } .input-row input { -webkit-flex-basis: 0; -moz-flex-basis: 0; -ms-flex-basis: 0; flex-basis: 0; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; -webkit-flex-shrink: 1; -moz-flex-shrink: 1; -ms-flex-shrink: 1; flex-shrink: 1; max-height: 40px; } @media only screen and (max-width: 1024px) { .input-row input { margin: 5px 0; } } .input-row input.sign_up { display: inline-block; -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; max-height: 40px; } @media only screen and (max-width: 798px) { .input-row input.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: 740px; 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: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; background-color: #ffffff; padding: 0; width: 100%; } @media only screen and (max-width: 798px) { .newsletter-popup { line-height: 0; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } @media only screen and (min-width: 799px) and (max-width: 1024px) { .popup-signup-show--true input.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: #363636; 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.sign_up[type="submit"] { width: calc(35% - 10px); } @media only screen and (max-width: 1024px) { .newsletter-info #contact_form input.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: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: 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 { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } .newsletter-image--false .newsletter-info { width: 100%; position: relative; height: auto; float: none; } .align-left .newsletter-info { right: 0; } .newsletter-description h2 { color: #363636; 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: 20px; } } @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-buttons .button { height: auto; background-color: transparent; color: #363636; border: 1px solid #363636; transition: background-color 0.2s cubic-bezier(0.55, 0.09, 0.68, 0.53), color 0.3s linear, border 0.2s cubic-bezier(0.55, 0.09, 0.68, 0.53); line-height: 1.5; padding-top: 10px; padding-bottom: 10px; margin-top: 10px; margin-bottom: 0; margin-left: 8px; margin-right: 8px; } .newsletter-buttons .button:hover, .newsletter-buttons .button.highlight-true { background-color: #363636; color: #ffffff; border: 1px solid #363636; } @media only screen and (max-width: 480px) { .newsletter-buttons .button { margin-top: 5px; } } /*--- Newsletter section above footer ---*/ .newsletter_section { -webkit-transform: translate3d(0, 0, 0); background-color: #cccccc; color: #000000; } .newsletter_section h2 { color: #000000; margin-top: 0; } .newsletter_section.newsletter-bgr-true { background-color: #cccccc; 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; } @media only screen and (max-width: 480px) { .section_form { padding: 0; } } .section_form .newsletter-text + .newsletter, .section_form h5 + .newsletter { margin-top: 15px; } .newsletter_section h5 { color: #000000 !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 (min-width: 481px) and (max-width: 798px) { .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__container { padding: 150px 0; } /*--- Newsletter in footer ---*/ .footer-section .newsletter_section { background-color: transparent; color: #000000; } .footer-section .newsletter_section h6 { color: #000000; font-size: 18px; } .footer-section .newsletter_section p { padding: 15px 0; } .footer-section .newsletter_section .newsletter { width: 100%; } .footer-section .newsletter_section .newsletter input { width: 100%; } .footer-section .newsletter_section .newsletter .action_button { margin-left: 0; } /* #Tables ================================================== */ table tr.order_summary td.label { text-align: right; } table { margin-bottom: 20px; } table th { font-weight: 700; text-align: left; } #order_details, #customer_orders table { width: 100%; } #order_details th, #customer_orders table th { background: #F9F9F9; } #order_details th, #order_details td, #customer_orders table th, #customer_orders table td { padding: 4px; border-right: 1px solid #DCDCDC; } #order_details th:first-child, #order_details td:first-child, #customer_orders table th:first-child, #customer_orders table td:first-child { border-left: 1px solid gainsboro; } #order_details tr, #customer_orders table tr { border-bottom: 1px solid #DCDCDC; } #order_details tr:first-child, #customer_orders table tr:first-child { border-top: 1px solid #DCDCDC; } #order_details .em, #customer_orders table .em { font-weight: 700; } table { width: 100%; } table th { background: #F9F9F9; } table th, table td { padding: 4px; border-right: 1px solid #DCDCDC; } table th:first-child, table td:first-child { border-left: 1px solid gainsboro; } table tr { border-bottom: 1px solid #DCDCDC; } table tr:first-child { border-top: 1px solid #DCDCDC; } table .em { font-weight: 700; } body.page.size-chart table { width: 100%; } body.page.size-chart table th { font-weight: 700; background: #f9f9f9; text-align: left; } body.page.size-chart table th, body.page.size-chart table td { padding: 18px; } body.page.size-chart table tr { border-bottom: 1px solid #DCDCDC; } body.page.size-chart table tr:first-child { border-top: 1px solid #DCDCDC; } body.page.size-chart table td, body.page.size-chart table th { border-right: 1px solid #DCDCDC; } body.page.size-chart table td:first-child, body.page.size-chart table th:first-child { border-left: 1px solid #DCDCDC; } body.page.size-chart table .em { font-weight: 700; } body.page.size-chart table tr.order_summary td.label { text-align: right; } body.page.size-chart table { margin-bottom: 20px; } /* #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: #000000; } .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; } .relative { position: relative; } .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; } } .visuallyhidden { 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; } .container div.mobile_only, span.mobile_only, .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: #000000; 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: #9da6ae; } .cart .paypal-button + .paypal-button { display: none; } .shopify-reviews.reviewsVisibility--false { display: none; } /* #Testimonials ================================================== */ .testimonial-section { position: relative; } .testimonial-section .set-static { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .testimonial-section .set-static .caption { position: static; -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); padding: 40px; margin: auto; } .testimonial-section .set-testimonial-height { height: 95%; } @media only screen and (min-width: 799px) { .testimonial-section .darken-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; background: rgba(0, 0, 0, 0.6); } } .testimonial-section .feature_divider { margin: 25px auto; width: 10%; display: inline-block; } @media only screen and (max-width: 480px) { .testimonial-section .feature_divider { margin: 5px auto; } } .testimonial-section .use-mobile-color .animated { -webkit-animation-delay: 0.25s; animation-delay: 0.25s; } .testimonial-block.gallery-cell.use-mobile-color { background-color: #666666; } .testimonial-block.gallery-cell.use-mobile-color .caption .caption-content p { color: #ffffff; } @media only screen and (max-width: 480px) { .testimonial-block.gallery-cell.use-mobile-color .caption .caption-content p { text-shadow: none; } } @media only screen and (max-width: 480px) { .mobile-banner--crop-left { -o-object-fit: cover; object-fit: cover; -o-object-position: left; object-position: left; font-family: "object-fit: cover; object-position: left"; min-height: 60vh; } } @media only screen and (max-width: 480px) { .mobile-banner--crop-right { -o-object-fit: cover; object-fit: cover; -o-object-position: right; object-position: right; font-family: "object-fit: cover; object-position: right"; min-height: 60vh; } } @media only screen and (max-width: 480px) { .mobile-banner--crop-center { -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; font-family: "object-fit: cover; object-position: center"; min-height: 60vh; } } .caption-content.testimonial-text { 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 p.headline { color: #ffffff; } @media only screen and (max-width: 480px) { .caption-content.testimonial-text h2, .caption-content.testimonial-text p.headline { text-shadow: none; } } @media only screen and (max-width: 480px) { .caption-content.testimonial-text-mobile h2, .caption-content.testimonial-text-mobile .subtitle, .caption-content.testimonial-text-mobile p.headline { color: #000000; } } @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 Template ================================================== */ .page-faq .faq--heading { padding-top: 30px; } /* #Team Template ================================================== */ .team-page__content--left { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } @media only screen and (max-width: 798px) { .team-page__content--left { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .team-page__content--right { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } @media only screen and (max-width: 798px) { .team-page__content--right { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; 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: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: 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 { -ms-transform: translateY(-50.1%); -webkit-transform: translateY(-50.1%); 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 ================================================== */ div.container.gallery-content { margin-top: 0; padding-top: 0; } .gallery-section { text-align: center; } .gallery-section .container { padding: 0px; } .gallery-section .gallery-break { width: 100%; clear: both; } .gallery-section .display-table { display: table; table-layout: fixed; width: 100%; height: 100%; } .gallery-section .display-table-cell { display: table-cell; vertical-align: middle; float: none; } .gallery-section .gallery-image-wrapper, .gallery-section .gallery-empty-wrapper { margin: 5px; position: relative; } .gallery-section .gallery-empty-wrapper { min-height: 150px; } .gallery-section .gallery-empty-wrapper:nth-child(even) .placeholder-svg { background-color: rgba(0, 0, 0, 0.3); } .gallery-section a { display: block; } .gallery-image-wrapper .overlay { position: absolute; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.6); opacity: 0; transition: opacity 0.3s ease-in; } .gallery-image-wrapper .overlay .icon-zoom { color: white; font-size: 1.5em; top: 50%; } .gallery-image-wrapper:hover .overlay { opacity: 1; } .page-details-section .container.full-width--true, .product-details-section .container.full-width--true { padding: 0; } .page-details-section .full-width--true .gallery-image-wrapper, .product-details-section .full-width--true .gallery-image-wrapper { margin: 0; width: 33.33333%; } @media only screen and (max-width: 480px) { .page-details-section .full-width--true .gallery-image-wrapper, .product-details-section .full-width--true .gallery-image-wrapper { width: 100%; } } .two-per-row .overlay .icon-zoom { font-size: 2.5em; } .three-per-row .overlay .icon-zoom { font-size: 2em; } .gallery-section.gallery-horizontal { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .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; } @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; } .gallery-full { display: inline-block; width: 100%; } .gallery-full .gallery-image-wrapper, .gallery-full .gallery-empty-wrapper { margin: 0; } .gallery-full .gallery-empty-wrapper { width: 25%; } .gallery-section.gallery-classic .gallery-image-wrapper, .gallery-section.gallery-classic .gallery-empty-wrapper { display: block; float: left; margin: 0; } .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: 5px; } .gallery-section.gallery-classic .two-per-row { width: 50%; } @media only screen and (max-width: 798px) { .gallery-section.gallery-classic .two-per-row { width: 100%; } } .gallery-section.gallery-classic .three-per-row { width: 33.333%; } @media only screen and (max-width: 798px) { .gallery-section.gallery-classic .three-per-row { width: 100%; } } .gallery-section.gallery-classic .four-per-row { width: 25%; } @media only screen and (max-width: 798px) { .gallery-section.gallery-classic .four-per-row { width: 100%; } } .gallery-section.gallery-classic .five-per-row { width: 20%; } @media only screen and (max-width: 798px) { .gallery-section.gallery-classic .five-per-row { width: 100%; } } .gallery-section.gallery-masonry .masonry { font-size: .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 .adjust-columns { column-gap: 0px; -moz-column-gap: 0px; -webkit-column-gap: 0px; overflow: hidden; } .gallery-section.gallery-masonry .gallery-image-wrapper, .gallery-section.gallery-masonry .gallery-empty-wrapper { display: block; width: 100%; margin: 0 0 5px 0; box-sizing: border-box; -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 { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); } @media only screen and (max-width: 798px) { .gallery-section.gallery-masonry .two-per-row { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; } } @media only screen and (max-width: 400px) { .gallery-section.gallery-masonry .two-per-row { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; } } .gallery-section.gallery-masonry .three-per-row { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); } @media only screen and (max-width: 798px) { .gallery-section.gallery-masonry .three-per-row { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; } } @media only screen and (max-width: 400px) { .gallery-section.gallery-masonry .three-per-row { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; } } .gallery-section.gallery-masonry .four-per-row { -moz-column-count: 4; -webkit-column-count: 4; column-count: 4; -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); } @media only screen and (max-width: 798px) { .gallery-section.gallery-masonry .four-per-row { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; } } @media only screen and (max-width: 400px) { .gallery-section.gallery-masonry .four-per-row { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; } } .gallery-section.gallery-masonry .five-per-row { -moz-column-count: 5; -webkit-column-count: 5; column-count: 5; -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); } @media only screen and (max-width: 798px) { .gallery-section.gallery-masonry .five-per-row { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; } } @media only screen and (max-width: 400px) { .gallery-section.gallery-masonry .five-per-row { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; } } .gallery-section.gallery-masonry.gallery-full .gallery-image-wrapper, .gallery-section.gallery-masonry.gallery-full .gallery-empty-wrapper { margin: 0px; margin-bottom: 0px !important; } /* #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 .collection_swatches .swatch { float: left; } .sidebar .toggle_list .rv-container a:hover { border-color: transparent; } .sidebar .toggle_list .rv-container a.product-info__caption.hidden { display: none; } @media only screen and (max-width: 798px) { .sidebar .toggle_list .rv-container a.product-info__caption.hidden { display: block; } } .sidebar .recently-viewed__title { display: none; } .sidebar .rv-sidebar-element { max-width: 75%; } .sidebar .rv-sidebar-element .product_image a { display: block; min-width: 100%; } .sidebar .rv-sidebar-element .product_image img { height: auto; } @media only screen and (max-width: 798px) { .sidebar .product-list .thumbnail .title, .sidebar .product-list .thumbnail .price, .sidebar .product-list .thumbnail .brand { text-align: left; display: block; } } .sidebar .product-list .thumbnail .thumbnail-overlay { position: relative; opacity: 1; background: transparent; } .sidebar .product-list .thumbnail .thumbnail-overlay .product-details { position: relative; transform: none; transition: none; opacity: 1; text-align: left; } .sidebar .product-list .thumbnail .thumbnail-overlay .product-details .title { color: #000000; padding: 0; } .sidebar .product-list .thumbnail .thumbnail-overlay .product-details .title, .sidebar .product-list .thumbnail .thumbnail-overlay .product-details .price { font-size: 0.9vw; } .sidebar .product-list .thumbnail .thumbnail-overlay .info { position: relative; font-size: 12px; opacity: 1; top: 0; transform: translateY(0); padding-bottom: 0; } .sidebar .product-list .thumbnail .thumbnail-overlay .info .quick_shop { display: none; } .product-description-bottom .js-recently-viewed.rv-main { clear: both; } .rv-box-element .js-recently-viewed-product:nth-child(2), .rv-sidebar-element .js-recently-viewed-product:nth-child(2) { display: none; } /* #Search autocomplete ================================================== */ .dropdown .header_search_form .search__results .item-result, .main-nav .search__results .item-result { left: 0; width: 100%; background: #1b1f23; border-left: 0; border-right: 0; } .dropdown .header_search_form .search__results .item-result a .title, .main-nav .search__results .item-result a .title { color: #000000; transition: all 0.3s ease-in-out; } .dropdown .header_search_form .search__results .item-result a:hover, .main-nav .search__results .item-result a:hover { background: #1b1f23; } .dropdown .header_search_form .search__results .item-result a:hover .title, .main-nav .search__results .item-result a:hover .title { color: #b5b5b5; } .dropdown .header_search_form .search__results .item-result a:hover span, .main-nav .search__results .item-result a:hover span { color: #000000; } .dropdown .header_search_form li.all-results a:hover, .main-nav li.all-results a:hover { color: #ffffff; } .nav .search__results { width: 350px; right: 0; left: auto; } .nav .search__results li a:active { transition: ease-in-out 0s all; } .search__results { z-index: 30; list-style-type: none; margin: 0; padding: 0; background: #fff; overflow: hidden; position: absolute; } .search__results li { display: block; width: 100%; margin: 0; padding: 0; border-top: 1px solid #cccccc; overflow: hidden; } .search__results li:first-child { border-top: none; } .search__results li a, .search__results li a:active { width: 100%; transition: ease-in-out 0.3s all; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; padding: 15px 20px; } .search__results li a:hover { background-color: rgba(0, 0, 0, 0.1); } .search__results li a:active { background-color: rgba(0, 0, 0, 0.3); } .search__results li img { display: block; } .search__results .title { text-transform: none; padding-left: 8px; text-align: left; font-size: 14px; } .search__results .thumbnail { padding: 0; text-align: center; } .search__results .thumbnail img { max-width: 70px; max-height: 70px; } .search__results .result--page .title { padding-left: 0; } .search__results .result--page span.item-pricing { text-transform: none; font-weight: lighter; font-size: 0.8rem; } .menu a span.item-pricing, span.item-pricing { padding: 0; } .menu a span.item-pricing span, span.item-pricing span { padding: 0; } .all-results { width: 100%; margin: 0; } .all-results span { display: block; width: 100%; text-align: center; } .all-results span.item-pricing { color: #000000; } .all-results a { color: #ffffff; background-color: #000000; } .all-results a:hover { background-color: #000000; } /* #Search page ================================================== */ .search-template-section form { position: relative; } .search-template-section .search_container { position: relative; } .search-template-section .search_container .search-submit { z-index: 900; } .search-matrix .product_row { padding: 20px 0; border-bottom: 1px solid #cccccc; } .search-matrix .product_row:last-child { border-bottom: none; } /* #Search Section ================================================== */ .search-bgr-true { background-position: center center; background-repeat: no-repeat; background-size: cover; } .search-section { background-color: #cccccc; width: 100%; display: inline-block; } .search-section h2 { margin-bottom: 0.25em; } .search-section h2, .search-section p { color: #000000; } .search-section .container { padding: 40px 0; } .text-align--center .search__container { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } .text-align--left .search__container { -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: flex-start; } .text-align--right .search__container { -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: flex-end; } .search__container { position: relative; width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .search__container .search__wrapper { display: inline-block; position: relative; max-width: 650px; width: 100%; } .search__container input[type="text"] { font-size: 15px; display: inline-block; border: 1px solid #000; min-height: 50px; height: 50px; margin-bottom: 0; } .search__container input[type="text"]:active, .search__container input[type="text"]:focus { border: 1px solid #000; } .search__form { width: 100%; max-width: 650px; position: relative; -webkit-box-flex: 0 0 auto; -moz-box-flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .search__results { top: 100%; width: 100%; } .search__results li { border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; } .search__results .all-results { border: 0; background-color: #000000; width: 100%; margin: 0; } .search__results .all-results span { display: block; width: 100%; text-align: center; padding-left: 0; } .search__results .all-results span.item-pricing { color: #000000; } .search__results .all-results a, .search__results .all-results a:active { color: #ffffff; padding: 20px; text-align: center; display: block; line-height: 1; } .search__results .all-results:hover { background-color: #000000; } .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; border-radius: 0px; } .search__button:hover { color: white; background-color: #999999; border: 1px solid #000; border-left: 0px; } /* #Site Styles ================================================== */ div.container { margin: 0 auto; padding: 20px 0; clear: both; } .featured_text { font-size: 18px; line-height: 36px; } .large_text { font-size: 28px; line-height: 50px; } div.content { padding: 30px 0px 15px 0; } /* #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: #000000 !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: #363636; } .featured_content { background-color: #f6f7f9; } /* .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; border: none; position: relative; padding: 0 0 0 16px; letter-spacing: 1px; } #header__selector-form .disclosure__toggle:hover, #header__selector-form .disclosure__toggle:focus { background-color: transparent; } #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 button.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: #000000; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); 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: #b5b5b5; } /* #Currency / Language switcher ================================================== */ .selectors-form__wrap, .selectors-form, .selectors-form__item { margin: 0; } .selectors-form__wrap { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: flex-end; } .disclosure { position: relative; } .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: #000000; font-size: 12px; font-family: Oswald, sans-serif; font-weight: 400; font-style: normal; text-transform: uppercase; border: 1px solid #cccccc; background-color: transparent; margin-right: 20px; min-height: 0; transition: color .1s linear; } .disclosure__toggle:hover, .disclosure__toggle:focus { opacity: 1; } .disclosure__toggle.is-clicked { color: #b5b5b5; } .disclosure__toggle.is-clicked:focus { color: #b5b5b5; } .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: #ffffff; border: 1px solid #cccccc; 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; white-space: nowrap; margin-left: 0; margin-bottom: 0; padding: 0; margin-top: 0; display: none; } .disclosure-list__item { background-color: inherit; color: inherit; line-height: 1; } button.disclosure__button { background-color: inherit; color: #000000; font-size: 12px; letter-spacing: 1px; font-family: Oswald, sans-serif; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; text-align: left; transition: color .1s linear; opacity: 1; } button.disclosure__button:hover, button.disclosure__button[aria-current="true"] { color: #b5b5b5; } button.disclosure__button:focus { color: #b5b5b5; } /* Pagination & infinite scrolling */ .paginate, .load-more { text-align: center; } .paginate .page a, .paginate .current, a.tag { border: solid 1px #cccccc; margin: 10px 5px; padding: 0.5rem 1rem; display: inline-block; } .paginate .page a:hover, .paginate .current:hover, a.tag:hover { color: #fff; background-color: #f15722; border: solid 1px #f15722; } .paginate .current { font-weight: bold; color: #fff; background-color: #f15722; border: solid 1px #f15722; } .paginate .next, .paginate .prev { display: inline-block; margin: 10px 0; padding: 0.5rem 1rem; } .load-more { display: none !important; width: 100%; } .collection-template-section .load-more, .search-template-section .load-more { display: block; clear: both; } .load-more__icon { opacity: 0; height: 0; width: 0; transition: all 0.3s linear; background: url("/cdn/shop/t/93/assets/loader.gif") center center no-repeat; background-size: 32px 32px; margin: 0 auto; } .collection-matrix.loading-in-progress.filter-loading, .search-matrix.loading-in-progress.filter-loading { height: 0; } .collection-matrix.loading-in-progress + .load-more__icon, .search-matrix.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 */ .reveal:hover .hidden { z-index: 1; opacity: 1; } .reveal .hidden { position: absolute; z-index: -1; top: 0; left: unset; width: 100%; height: 100%; opacity: 0; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } .reveal .hidden { display: block !important; visibility: visible !important; } div.hidden { display: none; } .hidden { display: none; } .banner__inline.two-blocks{ flex: 0 0 96%; } @media screen and (min-width: 766px) { .banner__inline.two-blocks{ flex: 0 0 62%; } } .banner__inline.three-blocks{ flex: 0 0 95%; } .banner__inline { flex: 0 0 62%; order: 4; float: left; margin: 0 2% 30px; } .banner__inline img { width: 100%; } div#shopify-section-collection-template .container { max-width: 100%; } @media screen and (max-width: 766px) { div#shopify-section-collection-template .container { width: 100%; } } .collection-template-section h1 { margin: 0px 5px; } @media screen and (max-width: 798px) { .collection-template-section h1 { text-align: left; margin: 0px 15px; } } .collection-template-section .collection-matrix { display: flex; flex-wrap: wrap; align-items: flex-start; } @media screen and (max-width: 766px) { .collection-template-section .collection-matrix { padding: 0 3px; } } .collection-template-section .collection-matrix .thumbnail { margin: 0 2% 30px !important; width: 29%; flex: 0 0 29%; } .collection-template-section .collection-matrix .thumbnail:hover .product-details .title { color: #a3a3a3; } @media screen and (max-width: 766px) { .collection-template-section .collection-matrix .thumbnail { width: 48%; flex: 0 0 48%; margin: 0 1% 30px !important; } } .collection-template-section .collection-matrix .thumbnail .product-info__caption .product-details span { text-transform: uppercase; /* color:#000; */ } .collection-template-section .sidebar__collection-filter .toggle_list { display: none; } /* .has-secondary-media-swap{ .image__container{ &:hover .image-element__wrap img{ opacity:0; } } .image-element__wrap{ &:hover img{ opacity:1; } } } */ .collection_ajax-loader { width: 100%; margin: 0 auto; text-align: center; } .collection_ajax-loader img { max-width: 30%; text-align: center; margin: 0 auto; width: 100%; } .product-list .thumbnail, .slider-gallery .thumbnail, .list-collections .thumbnail { position: relative; text-align: center; margin-bottom: 25px; display: block; } .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(0, 0, 0, 0.7); } .product-list .thumbnail img, .slider-gallery .thumbnail img, .list-collections .thumbnail img { vertical-align: bottom; transition: opacity .3s ease-in; width: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: top center; object-position: top center; font-family: "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 { display: block; margin-top: 20px; } @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; } .has-secondary-media-swap img { visibility: visible; height: auto; } .has-secondary-media-swap .secondary-media-hidden { opacity: 0; visibility: hidden; height: 0 !important; } /* Thumbnail overlay */ .quick_shop, .view_all { font-family: Oswald, sans-serif; font-weight: 400; font-size: 14px; font-style: normal; text-transform: uppercase; letter-spacing: 1px; cursor: pointer; position: relative; display: inline-block; border: 1px solid #ffffff; padding: 10px 20px; margin-top: 2rem; color: #ffffff; opacity: 0; pointer-events: all; -webkit-appearance: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; -ms-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); transition: opacity 0.3s ease-out, transform 0.3s ease-out,color 0.3s linear, background-color 0.3s linear; } .quick_shop:hover, .view_all:hover { color: #000000; background-color: #ffffff; } .thumbnail .price span.money { font-family: "Gotham Book"; font-size: 12px; text-transform: uppercase; text-shadow: none; font-weight: normal; color: #000000; } .thumbnail .price span.money:hover { color: #f15722; } .thumbnail .sale span.money { font-family: 'Gotham Book'; font-size: 12px; text-shadow: none; font-weight: normal; text-transform: uppercase; color: #f15722; } .thumbnail .was_price span.money { font-family: 'Gotham Bold'; text-shadow: none; font-size: 14px; font-weight: normal; color: #9da6ae; } /* Product banners */ .new { position: relative; display: inline; padding: 5px; border-radius: 2px; font-size: 12px; } .product-list .thumbnail img, .slider-gallery .thumbnail img { /* max-height: 400px; */ width: 100%; -o-object-fit: contain; object-fit: contain; font-family: "object-fit: contain"; } .product-list .thumbnail video, .product-list .thumbnail .plyr--youtube, .slider-gallery .thumbnail video, .slider-gallery .thumbnail .plyr--youtube { width: 100%; max-height: 400px; } .product-list .thumbnail .plyr--youtube, .slider-gallery .thumbnail .plyr--youtube { height: 400px; } .product-list .thumbnail .plyr--youtube .plyr__video-embed, .slider-gallery .thumbnail .plyr--youtube .plyr__video-embed { height: 100%; } /* Sold out and coming soon text */ .thumbnail .sold-out, .thumbnail .coming-soon { /* opacity: 0.5; */ color: #000000; font-family: 'Gotham Bold'; font-size: 12px; color: #000000; } .thumbnail-overlay .sold-out, .thumbnail-overlay .coming-soon { /* opacity: 0.5; */ color: #ffffff; } /* Sale text */ .thumbnail .sale, .sale { color: #f15722; } .banner_holder { position: absolute; top: 15px; left: -20px; z-index: 9; } @media screen and (max-width: 766px) { .banner_holder { /* left:0px; */ } } body.product .banner_holder { display: none; } .sale_banner, .new_banner, .preorder_banner { background: #f15722; position: absolute; color: #fff; top: 25px; left: 15px; font-family: 'Gotham Bold'; font-weight: bold; font-size: 12px; text-transform: uppercase; padding: 5px; text-align: center; z-index: 2; -webkit-appearance: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; } @media only screen and (max-width: 798px) { .sale_banner, .new_banner, .preorder_banner { padding: 4px 10px; font-size: smaller; top: 0px; } } .new_banner, .preorder_banner { background: #ffffff; color: #fccce1; } a.secondary_button, input.secondary_button { display: block; padding: 15px 0; text-align: center; border-top: solid 1px #cccccc; border-bottom: solid 1px #cccccc; margin: 10px 0; font-family: Oswald, sans-serif; font-weight: 400; font-style: normal; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; color: #000000; -webkit-appearance: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; } 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: #f15722; } .thumbnail .price, .thumbnail .title { display: block; margin-bottom: 5px; font-size: inherit; line-height: 1.2; } .thumbnail .title { word-break: break-word; } .cart_price { float: right; text-align: right; padding-left: 20px; font-weight: bold; display: none; } #estimated-shipping, .excluding_tax { display: block; } .cart_page_image { text-align: center; margin: 10px 0 20px; display: block; } .cart_page_image img { width: 100%; display: block; } .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: black; text-align: center; font-weight: normal; font-style: normal; text-transform: uppercase; letter-spacing: 1px; margin-top: 20px; font-family: 'Gotham Bold' !important; font-size: 14px !important; } .subtotal_amount { font-size: 1.4em; font-weight: bold; } button.update { width: 30%; float: right; } .size_chart { float: right; padding-top: 5px; } a.size-guide-link { text-align: center; display: block; text-transform: capitalize; font-weight: 100; font-family: 'Gotham Book'; text-decoration: none; letter-spacing: 0px; } #size-chart { display: none; } #size-chart h5 { padding: 15px 0 0 0; text-align: center; } .js-sizechart-lightbox { cursor: default !important; } .price_total_text { font-weight: normal; display: none; } .was_price { text-decoration: line-through; color: #9da6ae; text-shadow: none; font-weight: normal; } .cart_savings { text-align: left; } .savings { font-size: 15px; 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; } #myModal { padding: 10px !important; } .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; line-height: 1.8em; margin-bottom: 1em; padding: 0px; } .product_section .modal_price, .quick-shop__text-wrap .modal_price { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; line-height: 1.8em; margin-bottom: .8em; padding: 0px; } .product_section .modal_price .price__container, .product_section .modal_price .sold-out__container, .quick-shop__text-wrap .modal_price .price__container, .quick-shop__text-wrap .modal_price .sold-out__container { display: inline-block; } .product_section .modal_price .price__container--display-price-true.has-margin-right, .quick-shop__text-wrap .modal_price .price__container--display-price-true.has-margin-right { margin-right: 10px; } .product_section .modal_price .sold_out__container, .quick-shop__text-wrap .modal_price .sold_out__container { min-width: 150px; } .quick-shop__text-wrap .modal_price.variant-unavailable .price__container { display: none; } .modal form { margin-bottom: 10px; } .notify_form #contact_form .action_button { width: 100%; } .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; } .blog-section h2 { margin-bottom: 0; line-height: 1.2; } .blog-section h2 a { color: #000000; } .blog_meta { margin-bottom: 0; } .blog_meta span { position: relative; display: inline-block; margin-right: 15px; font-size: smaller; color: #9da6ae; } .blog_meta span:after { content: ''; position: absolute; right: -16px; top: 50%; margin: -1px 5px 0; width: 4px; height: 4px; border-radius: 2px; background-color: #9da6ae; } .blog_meta span:last-child:after { background-color: transparent; } .tags span a { color: #000000; } .article-wrap { padding-bottom: 25px; } @media only screen and (min-width: 799px) { .article-wrap .article__title { margin-top: 0; } } @media only screen and (min-width: 799px) { .article-wrap .continue-button { margin-bottom: 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; } #comment_form .action_button, #contact_form .action_button { display: block; padding-left: 40px; padding-right: 40px; } @media only screen and (max-width: 798px) { #comment_form .action_button, #contact_form .action_button { width: 100%; } } #contact_form .action_button.sign_up { display: inline-block; width: 120px; padding-left: 0; padding-right: 0; float: none; } body.article { padding-bottom: 0; } .toggle span { color: #9da6ae; font-weight: bold; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: smaller; float: right; display: none; } .sidebar .blog_search { margin-bottom: 15px; } .sidebar .blog_search input { width: 100%; } .meta .label, .label { color: #9da6ae; } .blog_meta, .blog_meta a { color: #9da6ae; } .blog_meta a:hover { color: #f15722; } .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 #cccccc; 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 #cccccc; padding-bottom: 15px; } } .blog_author img { width: 80px; height: 80px; border: 1px solid #cccccc; 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; } /* #Swatch Styles ================================================== */ /* SASS variables for swatch dimensions */ .swatch-element.swatch--active { border-color: black; box-shadow: 0px 0px 0px 2px white; } .selector-wrapper label { margin-bottom: 0.5em; } .product_section .product_form { opacity: 0; transition: opacity 0.2s ease; } .product_section .product_form.is-visible { opacity: 1; } .selector-wrapper, .select { display: none; } .swatch_options { margin-bottom: 1em; } .swatch .option_title { margin: 0.5em 0; } /* Hide radio buttons.*/ .swatch input { display: none; } .swatch label { float: left; min-width: 40px; height: 40px; margin: 0; font-size: 13px; text-align: center; line-height: 40px; white-space: nowrap; text-transform: uppercase; cursor: pointer; padding: 0 10px; } .swatch .color label { min-width: 34px; height: 34px !important; line-height: 34px; background-position: center; background-size: cover; } .swatch-element { border: #e2e2e2 1px solid; min-width: 40px; min-height: 40px; } .swatch-element.color { padding: 3px; } .swatch-element.color, .swatch-element.color label { border: #e2e2e2 1px solid; } .swatch-element.color label { padding: 0; margin: 0; width: 34px; height: 34px; } .swatch_options input:checked + .swatch-element { border-color: #b5b5b5; box-shadow: 0px 0px 0px 2px white; } .swatch_options input:checked + .swatch-element:hover, .swatch_options input:checked + .swatch-element:focus { outline: none !important; } .swatch .swatch-element { float: left; -webkit-transform: translateZ(0); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin: 0px 8px 8px 0; position: relative; } .crossed-out { background-image: linear-gradient(to bottom left, transparent 50%, #999999 50%, #999999 calc(50% + 1px), transparent 50%), linear-gradient(to bottom right, transparent 50%, #999999 50%, #999999 calc(50% + 1px), transparent 50%); position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .swatch .swatch-element .crossed-out { display: none; } .swatch .swatch-element.soldout .crossed-out { display: block; height: 100%; width: 100%; pointer-events: none; -o-object-fit: fill; object-fit: fill; font-family: "object-fit: fill"; } .swatch .swatch-element.soldout label { filter: alpha(opacity=60); -khtml-opacity: 0.6; -moz-opacity: 0.6; opacity: 0.6; } /* Tooltips */ .swatch .tooltip { text-align: center; background: #333; background: rgba(51, 51, 51, 0.9); color: #fff; bottom: 100%; padding: 5px 10px; display: block; position: absolute; width: 120px; font-size: 13px; left: -35px; margin-bottom: 15px; /* Make it invisible by default */ filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; visibility: hidden; /* Animations */ -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); transition: all .25s ease-out; box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); z-index: 10000; } .swatch .tooltip:before { bottom: -20px; content: " "; display: block; height: 20px; left: 0; position: absolute; width: 100%; } /* CSS triangle */ .swatch .tooltip:after { border-left: solid transparent 10px; border-right: solid transparent 10px; border-top: solid rgba(51, 51, 51, 0.9) 10px; bottom: -10px; content: " "; height: 0; left: 50%; margin-left: -13px; position: absolute; width: 0; } .swatch .swatch-element:hover .tooltip { filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; visibility: visible; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } .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 { -o-object-fit: cover; object-fit: cover; font-family: "object-fit: cover"; 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-close-small { position: absolute; top: 0px; right: 0px; width: 36px; height: 36px; z-index: 2; color: #95979c; background-color: transparent; } .fancybox-close svg, .fancybox-close-small svg { display: none; } .fancybox-close:hover, .fancybox-close-small:hover { color: black; } @media only screen and (max-width: 480px) { .fancybox-close, .fancybox-close-small { display: none; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .fancybox-close, .fancybox-close-small { display: block !important; } } .fancybox-close:before, .fancybox-close-small:before { font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important; font-size: 30px; line-height: 35px; position: absolute; top: 0; left: 0; display: block; width: 35px; content: "\00d7"; 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); background-color: rgba(255, 255, 255, 0.25); display: flex; justify-content: center; align-items: center; } .fancybox-nav span { pointer-events: none; } .fancybox-nav svg path { fill: #333333; } .fancybox-next { right: 0; } .fancybox-prev { left: 0; } .fancybox-nav:hover { background-color: rgba(255, 255, 255, 0.5); } .fancybox-nav span { position: absolute; width: 36px; height: 36px; cursor: pointer; } @media only screen and (max-width: 1024px) { .touchevents .fancybox-nav { display: none; } } .size-chart-wrap img { height: auto; max-width: 100%; } /* #Footer ================================================== */ .footer { font-size: 13px; padding: 20px 25px; background-color: #ffffff; background-position: center center; clear: both; color: #000000; pointer-events: all; } .footer .input-row { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; 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: #000000 !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: #000000; font-size: 18px; } @media only screen and (max-width: 798px) { .footer .footer-menu-wrap h6 { border: none; margin-bottom: 5px; padding: 15px 0 5px !important; } } .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; } } .footer a, .footer a:visited { color: #000000; font-size: 13px; } .footer a:hover, .footer a:active { color: #f15722; } .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; max-width: 850px; } .page-landing .maps { position: relative; bottom: -7px; } .maps iframe { pointer-events: none; display: block; } .newsletter form { margin-bottom: 0; } .footer_credits { /* border-top: 1px solid #1b1f23; */ margin-top: 10px; } .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 (min-width: 799px) and (max-width: 1024px) { .footer-menu__disclosure { -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: 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 { background-color: white; color: #000000; font-size: 15px; font-family: Roboto, sans-serif; font-weight: 400; font-style: normal; text-transform: uppercase; padding: 0 10px; } .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: #000000; font-size: 15px; 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 { -webkit-transform: translate3d(0, 0, 0); } .footer-menu-wrap .active span:not(.currency-code), .footer-menu-wrap span.active, #mobile_menu .active span:not(.currency-code), #mobile_menu span.active, .sidebar .active span:not(.currency-code), .sidebar span.active { 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 #000000; 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; } .footer .toggle_content { display: block; 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 { 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: #ffffff; } .promo-banner { background-color: #f0544d; text-align: center; color: #ffffff; 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: #ffffff; 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: "\00d7"; text-align: center; } .promo-banner--show .promo-banner { transition: all 0s linear; height: 30px; min-height: 30px; line-height: 1.1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; font-family: 'Titillium Web',Arial; font-size: 12px; text-transform: none; font-weight: normal; letter-spacing: unset; } .top-bar { padding-top: 0; position: relative; transition: padding-top 0.3s linear; } @media only screen and (max-width: 480px) { .top-bar { padding-top: 0; } } .page-banner + #pagecontent { padding-bottom: 0; } .promo-banner--show .page-banner { margin-top: calc(65px + 30px); } .promo-banner--show .page-banner + #pagecontent { padding-bottom: 0; } .index-sections .under-menu:nth-child(1) { margin-top: 65px; } .page-details-section .under-menu:nth-child(1) { margin-top: 65px; } .index.promo-banner__show #pagecontent { display: block; padding-bottom: 30px; } @media only screen and (max-width: 798px) { .mobile_nav-fixed--true #pagecontent, .mobile_nav-fixed--false #pagecontent { display: block; padding-bottom: 42px; } .mobile_nav-fixed--true .page-banner, .mobile_nav-fixed--false .page-banner { margin-top: 65px; } .mobile_nav-fixed--true .page-banner + #pagecontent, .mobile_nav-fixed--false .page-banner + #pagecontent { padding-bottom: 0; } .index-sections .under-menu:nth-child(1) { margin-top: 0; } .page-details-section .under-menu:nth-child(1) { margin-top: 0; } .page-banner .under-menu:nth-child(1) { margin-top: 0; } .promo-banner--show.mobile_nav-fixed--true #pagecontent, .promo-banner--show.mobile_nav-fixed--false #pagecontent { padding-bottom: calc(42px + 30px); } .promo-banner--show.mobile_nav-fixed--true .page-banner, .promo-banner--show.mobile_nav-fixed--false .page-banner { margin-top: calc(42px + 30px); } .promo-banner--show.mobile_nav-fixed--true .page-banner + #pagecontent, .promo-banner--show.mobile_nav-fixed--false .page-banner + #pagecontent { padding-bottom: 0; } } @media screen and (max-width: 798px) { #nav { margin-top: 24px; } } /* #Plyr ================================================== */ @keyframes plyr-progress { to { background-position: 25px 0; } } @keyframes plyr-popup { 0% { opacity: .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 .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 .3s ease; bottom: 0; color: #fff; display: none; font-size: 14px; left: 0; padding: 10px; position: absolute; text-align: center; transition: transform .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: .2em .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 .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 .4s ease-in-out,transform .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 .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 .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; -moz-user-select: none; -ms-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 .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 .3s ease,opacity .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 .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; transition: box-shadow .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; transition: all .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; transition: box-shadow .3s ease; -moz-user-select: none; 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; transition: all .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; transition: box-shadow .3s ease; -ms-user-select: none; 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; transition: box-shadow .3s ease; -ms-user-select: none; user-select: none; } .plyr--full-ui input[type=range]::-ms-fill-lower { background: 0 0; border: 0; border-radius: 2.5px; height: 5px; transition: box-shadow .3s ease; -ms-user-select: none; 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; transition: all .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 .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: '\2044'; 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 .2s .1s ease,opacity .2s .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; -moz-user-select: none; -ms-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; transition: width .2s ease; } .plyr__progress__buffer::-moz-progress-bar { background: currentColor; border-radius: 100px; min-width: 5px; transition: width .2s ease; } .plyr__progress__buffer::-ms-fill { border-radius: 100px; transition: width .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:-ms-fullscreen { 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:-ms-fullscreen video { height: 100%; } .plyr:fullscreen video { height: 100%; } .plyr:-webkit-full-screen .plyr__video-wrapper { height: 100%; position: static; } .plyr:-ms-fullscreen .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:-ms-fullscreen.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:-ms-fullscreen .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:-ms-fullscreen .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:-ms-fullscreen.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:-ms-fullscreen .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: .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 .2s .1s ease,opacity .2s .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 .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 .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; -moz-user-select: none; -ms-user-select: none; user-select: none; } .flickity-enabled.is-draggable .flickity-viewport { cursor: move; cursor: -webkit-grab; cursor: grab; } .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down { cursor: -webkit-grabbing; 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; -webkit-transform: translateY(-50%); 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: .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: .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: .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; -moz-user-select: none; -ms-user-select: none; user-select: none; } .flickity-enabled.is-draggable .flickity-viewport { cursor: move; cursor: -webkit-grab; cursor: grab; } .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down { cursor: -webkit-grabbing; 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 { position: relative; top: 50%; -webkit-transform: translateY(-50.1%); -ms-transform: translateY(-50.1%); transform: translateY(-50.1%); padding: 10px 0; position: absolute; left: 20%; width: 60%; height: 60%; } .flickity-prev-next-button .arrow { fill: #333333; } /* color & size if no SVG - IE8 and Android 2.3 */ .flickity-prev-next-button.no-svg { color: #333333; 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; } .flickity-enabled.slideshow-transition--fade .gallery-cell { left: 0 !important; opacity: 0; /* transition: opacity 0.5s ease-in-out; */ z-index: -1; } .flickity-enabled.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; } .product_gallery { margin-bottom: 30px; position: relative; opacity: 0; transition: opacity 0.2s; } @media only screen and (min-width: 799px) and (max-width: 1024px) { .product_gallery { margin-bottom: 30px; } } @media only screen and (min-width: 481px) and (max-width: 798px) { .product_gallery { margin-bottom: 0; padding-bottom: 50px; } .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: block; } } .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 (min-width: 481px) and (max-width: 798px) { .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: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; 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 .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; outline: none; } .gallery-thumbnails--right .product_gallery_nav .gallery-cell:hover, .gallery-thumbnails--right .product_gallery_nav .gallery-cell:focus { outline: none; box-shadow: none; } } @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; outline: none; } .gallery-thumbnails--left .product_gallery_nav .gallery-cell:hover, .gallery-thumbnails--left .product_gallery_nav .gallery-cell:focus { outline: none; box-shadow: none; } } .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%; -ms-transform: translateY(-50%) !important; /* Overwrite Fancybox transform */ } } /* Quick Shop */ .js-quick-shop { display: none; } .quickshop-forms__container { display: none; } .quick-shop__lightbox .fancybox-content { width: 90%; max-width: 900px; background-color: #ffffff; cursor: pointer !important; } .quick-shop__lightbox .fancybox-close-small svg path { fill: #2b2e38; } .quick-shop__lightbox .fancybox-close-small svg path:hover { fill: #292c36; } .quick-shop .product_gallery img { background-color: #ffffff; } .quick-shop .container { max-width: 100%; text-align: left; margin-left: auto; margin-right: auto; max-width: 100%; text-align: left; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; padding: 0; color: #2b2e38; } .quick-shop .container .gallery-wrap.eight.columns { width: calc(55% - 40px); margin: 0; margin-right: 40px; min-height: 1px; transition: opacity 1s 0.3s linear; } .quick-shop .container .gallery-wrap.eight.columns.align-gallery-right { float: right; margin-right: 0; margin-left: 40px; } .quick-shop .container .text-modal-wrap.six.columns { width: 45%; margin: 0; min-height: 1px; transition: opacity 0.3s linear; } .quick-shop .container .new_banner_product:empty, .quick-shop .container .sale_banner_product:empty, .quick-shop .container .preorder_banner_product:empty { display: none; } .quick-shop img[alt*="[right]"], .quick-shop img[alt*="[left]"], .quick-shop img[alt*="[center]"] { display: none; } h3.quick-shop__title a { color: #2b2e38; } .quick-shop .product_gallery { opacity: 0; transition: opacity 0.3s; } .quick-shop .product_gallery.flickity-enabled { opacity: 1; } .quick-shop__gallery.gallery-arrows--false .product_gallery_nav .flickity-prev-next-button { display: none; } /* 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; } .quick-shop-style--popup .product-details .title, .quick-shop-style--popup .product-details .brand, .quick-shop-style--popup .product-details .shopify-review, .quick-shop-style--popup .product-details .price, .quick-shop-style--popup .product-details .sold_out, .quick-shop-style--inline .product-details .title, .quick-shop-style--inline .product-details .brand, .quick-shop-style--inline .product-details .shopify-review, .quick-shop-style--inline .product-details .price, .quick-shop-style--inline .product-details .sold_out { padding: 0; margin: 5px 0; } .quick-shop-style--popup .quick_shop { margin: 5px 0; } .quick-shop-style--inline.four .action_button--secondary, .quick-shop-style--inline.one-fifth .action_button--secondary { margin-bottom: 10px; } .quick-shop-style--inline.four .action_button--secondary, .quick-shop-style--inline.four .shopify-payment-button, .quick-shop-style--inline.one-fifth .action_button--secondary, .quick-shop-style--inline.one-fifth .shopify-payment-button { min-width: 100%; margin-left: 0; margin-right: 0; } /* 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: #333333; } .transparentBackground--false .flickity-prev-next-button { background: transparent; } .transparentBackground--false .flickity-prev-next-button .arrow { fill: #333333; opacity: 1; } .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.49804) 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: .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; 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; -ms-touch-action: none; 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%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; } .size-chart-remodal { max-height: calc(100vh - 20px); } .size-chart-remodal .size-chart-wrap { max-height: calc(100vh - 70px); overflow-y: scroll; } .remodal img { max-width: 100%; } .remodal-is-initialized { /* Disable Anti-FOUC */ display: inline-block; } /* ========================================================================== 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; -ms-transform: translateY(0, 0, 0); transform: translate3d(0, 0, 0); color: #2b2e38; 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: "\00d7"; 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.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.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: 12px; } .menu a, .menu a:visited, .menu a:hover, .menu a:active, .menu a:focus { /* font-size: 12px; */ font-size: 14px; } .menu li, #header span.menu_title, .menu a span { padding-left: 2px; padding-right: 2px; } .menu li.search-container { display: none; } } .mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before { border-color: rgba(0, 0, 0, 0.3) !important; } .mm-menu .mm-list > li > a.mm-subclose { background: rgba(0, 0, 0, 0.06) !important; color: rgba(0, 0, 0, 0.3) !important; font-family: 'Gotham Book'; font-size: 14px; width: 100%; } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 798px) { .collection-list-container .list-collections { display: block; } .collection-list-container .list-collections .flickity-button{ height: 30px !important; width: 30px !important; padding: 0px; opacity: 1; } .collection-list-container .list-collections .flickity-button svg{ padding:2px 0; } .collection-list-container .list-collections .flickity-button svg path{ opacity:1; background } .collection-list-container .sixteen.columns { width: 100%; } .stikyHeader .top-bar { background: rgba(255, 255, 255, 0.9) !important; } .Header_stiky .ge-free-shipping-container { top: -30px; } .mm-ismenu { background: white !important; color: rgba(0, 0, 0, 0.6) !important; } .stikyHeader { top: 0px !important; } .featured-promotions-section .featured-promotions { padding: 0px 0 0 3px !important; } .divider-section hr.page-divider { margin: 3px 0 !important; } .collection-list-container { padding: 0 3px; } .collection-list-container .list-collections .thumbnail { width: calc(31% - 6px); float: left; margin: 0 3px !important; } .article_image { padding-bottom: 0; } .sidebar_content { border: 0; padding: 0; } .custom-html-section .foursixty-title h1 { font-size: 20px; } .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; max-height:40px; color: #000000; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } .mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before { border-color: 0, 0, 0, 0.3 !important; } .mm-menu .mm-list > li > a.mm-subclose { background: rgba(0, 0, 0, 0.06) !important; color: rgba(0, 0, 0, 0.3) !important; } #header a.mobile_logo img { width: auto; max-width: 160px; max-height: 40px; } .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: 12px; } .footer_menu span.right.icon-down-arrow, .footer_content span.right.icon-down-arrow { display: none; } .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: 15px; line-height: 1.7em; } #header { display: block; } .header { display: none; } h4.toggle { cursor: pointer; } .toggle span { display: block; } .toggle_list { display: none; } select { width: 100%; margin-left: 0; } input[type="submit"], input[type="reset"], input[type="button"], input.action_button[type="submit"], input.action_button[type="button"], .sign_up { margin-left: 0; width: 100%; outline: 0; } .credits_right { text-align: left; } td { padding: 4px !important; } .title_column { float: left; } .container div.mobile_only, .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; } input.action_button { margin-bottom: 1em !important; } .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: 479px) { 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%; } } @font-face { font-family: 'turbo'; src: url("/cdn/shop/t/93/assets/turbo.eot?v=4873489274072575448"); src: url("/cdn/shop/t/93/assets/turbo.eot?v=4873489274072575448") format("embedded-opentype"), url("/cdn/shop/t/93/assets/turbo.woff?v=15096657723668424478") format("woff"), url("/cdn/shop/t/93/assets/turbo.ttf?v=7748190997449671095") format("truetype"), url("/cdn/shop/t/93/assets/turbo.svg?v=17336635846610971132") format("svg"); font-weight: normal; font-style: normal; } [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: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .15em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-bag:before { content: "\e901"; } .icon-cart:before { content: "\e902"; } .icon-check:before { content: "\e903"; } .icon-cross:before { content: "\e904"; } .icon-up-arrow:before { content: "\e917"; } /* .icon-down-arrow:before { content: "\e905"; } */ .icon-left-arrow:before { content: "\e90b"; } .icon-right-arrow:before { content: "\e912"; margin-right: 0; } .icon-plus:before { content: "\e911"; } .icon-minus:before { content: "\e90e"; } .icon-menu:before { content: "\e90d"; } .icon-email:before { content: "\e906"; } .icon-pinterest:before { content: "\e907"; } .icon-rss:before { content: "\e909"; } .icon-houzz:before { content: "\e90a"; } .icon-snapchat:before { content: "\e90c"; } .icon-phone:before { content: "\e90f"; } .icon-instagram:before { content: "\e910"; } .icon-vimeo:before { content: "\e913"; } .icon-search:before { content: "\e914"; } .icon-zoom:before { content: "\e900"; } .icon-youtube:before { content: "\e915"; } .icon-lock:before { content: "\e916"; color: #ffffff; } .icon-user:before { content: "\e918"; } .icon-facebook:before { content: "\ea90"; } .icon-twitter:before { content: "\ea96"; } .icon-tumblr:before { content: "\eab9"; } .icon-linkedin:before { content: "\eaca"; } .icon-twitter-share:before { content: "\ea96"; } .icon-facebook-share:before { content: "\ea90"; } .icon-pinterest-share:before { content: "\e907"; } .icon-mail-share:before { content: "\e906"; } span.icon-down-arrow { padding: 0 !important; font-size: 12px !important; } .icon-down-arrow { position: relative; display: inline-block; width: 10px; } .icon-down-arrow:before { content: "\f0d7"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color: #000; font-size: 8px; position: absolute; top: 0px; left: 2px; bottom: 0px; margin: 0 auto; line-height: 2; } form.search_form, .search_form input { padding-top: 0; margin-bottom: 0; position: relative; -webkit-appearance: none; border-radius: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; } .search_form input, .search_form input:active, .search_form input:focus { font-family: Oswald, sans-serif; font-weight: 400; font-style: normal; font-size: 12px; letter-spacing: 1px; color: #000000; background-color: transparent; padding-right: 35px; border-color: #000000; } .feature_image .search_form input, .feature_image .search_form input:active, .feature_image .search_form input:focus { color: #000000; border-color: #000000; } .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: #000000; } .feature_image .search_form input::-moz-placeholder, .feature_image .search_form input:active::-moz-placeholder, .feature_image .search_form input:focus::-moz-placeholder { color: #000000; } .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: #000000; } .feature_image .search-submit { color: #000000; } .header_search_form { width: 60%; margin: 0 auto 30px auto; padding: 30px 0 0 0; position: relative; border-bottom: solid 1px #000000; } @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: Oswald, sans-serif; font-weight: 400; font-style: normal; color: #000000; 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: #000000; border: 1px solid #000000; } .feature_image .search_form input::-webkit-input-placeholder { color: #000000; } .feature_image .search_form input:-moz-placeholder { /* Firefox 18- */ color: #000000; } .feature_image .search_form input::-moz-placeholder { /* Firefox 19+ */ color: #000000; } .feature_image .search_form input:-ms-input-placeholder { color: #000000; } .search_form input::-webkit-input-placeholder { color: #000000; } .search_form input:-moz-placeholder { /* Firefox 18- */ color: #000000; } .search_form input::-moz-placeholder { /* Firefox 19+ */ color: #000000; } .search_form input:-ms-input-placeholder { color: #000000; } .search_form input:focus::-webkit-input-placeholder { color: #b5b5b5; } .search_form input:focus:-moz-placeholder { /* Firefox 18- */ color: #b5b5b5; } .search_form input:focus::-moz-placeholder { /* Firefox 19+ */ color: #b5b5b5; } .search_form input:focus:-ms-input-placeholder { color: #b5b5b5; } .feature_image .search_form input, .feature_image .search_form input:active, .feature_image .search_form input:focus { color: #000000; border: 1px solid #000000; } .feature_image .search_form input::-webkit-input-placeholder { color: #000000; } .feature_image .search_form input:-moz-placeholder { /* Firefox 18- */ color: #000000; } .feature_image .search_form input::-moz-placeholder { /* Firefox 19+ */ color: #000000; } .feature_image .search_form input:-ms-input-placeholder { color: #000000; } .search-submit { position: absolute; z-index: 1000; color: #000000; font-size: 20px; top: 9px; right: 7px; cursor: pointer; } .feature_image .search-submit { color: #000000; } .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: block; text-align: left; float: left; margin-top: 10px; margin-bottom: 20px; } } footer .footer-social-icons--mobile.columns { display: none; 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: #000000; 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: #f15722; 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: .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; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } .delay-0s { -moz-animation-delay: 0; -webkit-animation-delay: 0; animation-delay: 0; } .delay-025s { -moz-animation-delay: .25s; -webkit-animation-delay: .25s; animation-delay: .25s; opacity: 0; } .delay-05s { -moz-animation-delay: .5s; -webkit-animation-delay: .5s; animation-delay: .5s; opacity: 0; } .delay-075s { -moz-animation-delay: .75s; -webkit-animation-delay: .75s; animation-delay: .75s; opacity: 0; } .delay-1s { -moz-animation-delay: 1s; -webkit-animation-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.sign_up[type="submit"] { width: calc(35% - 10px); } @media only screen and (max-width: 1024px) { #password-container #contact_form input.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: #000000; } .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: #f15722; } .password-footer { margin-top: 15px; margin-bottom: 40px; font-size: 13px; color: #000000; 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: #000000; text-decoration: none; } .password-footer a { color: #000000; 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: #f15722; } .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; 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%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -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; } } /* #Page Details ================================================== */ .page-details-section .article { padding-bottom: 0; } .page-details-section div.container .featured_products { padding-top: 0; } @media only screen and (max-width: 480px) { .page-details-section .caption.position-center, .page-details-section .caption.position-left, .page-details-section .caption.position-right { margin: 5% 0 0 0; } } /* # 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.action_button { padding: 0; width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; min-height: 44px; background: #e6e6e6; color: black; font: inherit; text-transform: none; border-radius: 0px; border: 0; } .view-in-your-space.action_button svg path:first-child { stroke: black; } .view-in-your-space.action_button svg path:last-child { fill: black; } .plyr--video .plyr__controls { background: rgba(255, 255, 255, 0.6); padding: 10px; } .plyr--video .plyr__control { background: transparent; color: black; } .plyr--video .plyr__control:hover { background: white; color: black; } .plyr--video .plyr__controls__item.plyr__time, .plyr--video input[type=range], .plyr--video .plyr__controls__item { color: black; } .plyr--video .plyr__progress input[type=range] + .thumb { background-color: black; color: black; } .plyr--video input[type=range]::-webkit-slider-thumb { background-color: black; } .plyr--video input[type=range]::-moz-range-thumb { background-color: black; } .plyr--video input[type=range]::-ms-thumb { background-color: black; } .plyr--video .plyr__progress__buffer, .plyr--video .plyr__control[aria-expanded=true] { background-color: rgba(0, 0, 0, 0.6); } .plyr--video .plyr__control.plyr__tab-focus { background-color: black; } .plyr--video .plyr__control--overlaid { background: white; 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: white; } .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: white; } .plyr--video .plyr__control .play-icon-button-control path { fill: black; } .plyr__controls .plyr__controls__item.plyr__progress__container { padding-right: 10px; padding-left: 10px; } .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: black; 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: black; background: white; } .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(0, 0, 0, 0.55); } .shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area { background: white; border: 1px solid rgba(0, 0, 0, 0.05); } .shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:not(:last-child):after { border-bottom: 1px solid rgba(0, 0, 0, 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; } .product_gallery .gallery-cell { visibility: hidden; } .product_gallery .gallery-cell.is-selected { visibility: visible; } .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: white; } .product_gallery_nav .media-badge path:last-child { fill: black; } .product_gallery_nav .media-badge g path:first-child { stroke: black; } .product_gallery_nav .media-badge .media-badge__outline { stroke: rgba(0, 0, 0, 0.05); } .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 { -o-object-fit: contain; object-fit: contain; font-family: "object-fit: contain"; } .gallery-wrap.product-height-set .product_gallery .plyr--youtube .plyr__video-embed { height: 100%; } /* #Product Details ================================================== */ /* From current Live theme */ .product_name { font-family: 'Gotham Bold'; text-transform: uppercase; font-size: 14px; } .trustspot-inline-rating a { font-family: 'Gotham' !important; font-size: 12px !important; } .current_price { font-family: 'Gotham Bold'; font-size: 14px; } .was_price { font-family: 'Gotham Bold'; font-size: 14px; font-style: normal !important; } .qp-descrip { font-family: 'Gotham Book' !important; font-size: 10px !important; } .qp-quadpay { font-family: 'Gotham Book' !important; font-size: 10px !important; } .qp-descrip__price { font-weight: normal !important; } .qp-quadpay__learn { font-family: 'Gotham Book' !important; font-size: 10px !important; } .add_to_cart, #cart_form .add_to_cart, form.product_form input.add_to_cart, #BIS_trigger { font-family: 'Gotham Bold' !important; font-size: 14px !important; } .social_buttons { font-family: 'Gotham'; font-size: 12px; text-transform: uppercase; } .title { font-family: 'Gotham Bold'; font-size: 12px; text-transform: uppercase; } .info .title { font-family: 'Gotham Book' !important; font-size: 12px; text-transform: uppercase; } .info .price { font-family: 'Gotham Book' !important; font-size: 12px; text-transform: uppercase; } .star-label { font-family: 'Gotham Book'; } #trustspot-widget-wrapper .review-score { font-family: 'Gotham Bold'; font-size: 14px !important; text-transform: uppercase; } .trustspot_tablinks { font-family: 'Gotham Bold'; font-size: 14px !important; text-transform: uppercase; } #trustspot-widget-wrapper ul.tab li a { font-family: 'Gotham Bold'; font-size: 14px !important; text-transform: uppercase; } #trustspot-widget-wrapper .select-list { font-family: 'Gotham Book'; font-size: 14px !important; text-transform: uppercase; } #trustspot-widget-wrapper .user-name { font-family: 'Gotham Bold'; font-size: 12px !important; text-transform: uppercase; } #trustspot-widget-wrapper .buyer { font-family: 'Gotham'; font-size: 12px !important; text-transform: uppercase; } #trustspot-widget-wrapper .description-block p { font-family: 'Gotham Book'; font-size: 12px !important; } #trustspot-widget-wrapper .date { font-family: 'Gotham'; font-size: 12px !important; } #trustspot-widget-wrapper .feedback span { font-family: 'Gotham Bold'; font-size: 12px !important; text-transform: uppercase; } #trustspot-widget-wrapper .btn-primary-border { font-family: 'Gotham Bold'; font-size: 12px !important; text-transform: uppercase; } input[type="text"], input[type="number"], input[type="password"], input[type="email"], textarea, select { font-family: 'Gotham' !important; font-size: 12px !important; } a.button, button, input[type="submit"], input[type="reset"], input[type="button"], .action_button, a.action_button, input.action_button[type="submit"], input.action_button[type="button"] { font-family: 'Gotham Bold' !important; } #trustspot-widget-wrapper .pagination-controls ul li a.next-page { font-family: 'Gotham Bold'; font-size: 12px !important; text-transform: uppercase; } /* From current Live theme */ .product-details-section .gallery-image-wrapper { margin-bottom: 20px; } .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: #aaaaaa; } .grey-map { filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(99%); /* Chrome 19+ & Safari 6+ */ -webkit-backface-visibility: hidden; /* Fix for transition flickering */ } /* Home page - general ================================================== */ /* Full-width product slider */ .homepage-product-slider { margin: 0 10px; } .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; } .featured_products.product-slider { padding-bottom: 0; } .featured_products.product-slider .columns { padding-bottom: 0; } .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: 32%; padding: 0 5%; z-index: 3; -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } @media only screen and (min-width: 799px) { .caption { top: 50%; 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%; } } @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, sans-serif; font-weight: 300; text-transform: uppercase; 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: 300; font-style: normal; text-transform: uppercase; font-size: 56px; letter-spacing: 1px; line-height: 1.4em; margin-bottom: 15px; /* 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: 37.333333333333336px; } } @media only screen and (min-width: 799px) { .caption .headline { font-size: 46.666666666666664px; } } @media only screen and (min-width: 1025px) { .caption .headline { font-size: 56px; } } .caption .subtitle { color: #ffffff; font-family: Roboto, sans-serif; font-weight: 300; text-transform: uppercase; font-style: uppercase; 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; } @media only screen and (max-width: 480px) { .caption--below-true { 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: #000000; text-shadow: none; } } @media only screen and (max-width: 480px) { .caption--below-true .headline { color: #fff; text-shadow: none; } } @media only screen and (max-width: 480px) { .caption--below-true .subtitle { color: #000000; text-shadow: none; } } .caption--below-true .caption-background-true.caption-transparency-false { background-color: #1e1e1e; } @media only screen and (max-width: 480px) { .caption--below-true .caption-background-true.caption-transparency-false { background-color: transparent; } } @media only screen and (max-width: 480px) { .caption--below-true .caption-background-true.caption-transparency-true { background-color: transparent; } } @media only screen and (max-width: 480px) { .caption--below-false .caption-content.caption-background-true { padding: 15px; } .caption--below-false a.highlight-false, .caption--below-false input[type="button"].highlight-false, .caption--below-false a.highlight-true, .caption--below-false input[type="button"].highlight-true, .caption--below-false a.continue-button { background-color: rgba(255, 255, 255, 0); color: #ffffff; border: 1px solid #ffffff; } .caption--below-false a.highlight-false:hover, .caption--below-false input[type="button"].highlight-false:hover, .caption--below-false a.highlight-true:hover, .caption--below-false input[type="button"].highlight-true:hover, .caption--below-false a.continue-button:hover { background-color: #ffffff; border-color: #ffffff; color: #333; } .caption--below-false a.highlight-true, .caption--below-false input[type="button"].highlight-true { background-color: #ffffff; border-color: #ffffff; color: #333; } } .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 .action_button { margin: 10px; } @media only screen and (max-width: 798px) { .caption-content .action_button { margin: 5px; } } @media only screen and (max-width: 480px) { .caption-content .action_button { font-size: 16px; } } .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:first-child .action_button { margin-left: 0; } .caption-content.align-left .subtitle:before { margin-left: 0; } .caption-content.align-right { text-align: right; } .caption-content.align-right:last-child .action_button { margin-right: 0; } .caption-content.align-right .subtitle:before { margin-right: 0; } .caption-content.caption-background-true { padding: 30px; } @media only screen and (max-width: 480px) { .caption-content.caption-background-true { padding: 0; } } /* Transparency settings for each type of caption */ .caption-background-true { background-color: #1e1e1e; } .homepage-video .caption-background-true { background-color: #1e1e1e; } @media only screen and (max-width: 480px) { .homepage-video .caption-background-true { background-color: transparent; } } .caption-background-true.caption-transparency-true { background-color: rgba(30, 30, 30, 0.6); } a.highlight-false, input[type="button"].highlight-false, a.highlight-true, input[type="button"].highlight-true, a.continue-button { background-color: rgba(255, 255, 255, 0); color: #ffffff; border: 1px solid #ffffff; transition: background-color 0.2s linear, color 0.2s linear; margin: 25px 0; } a.highlight-false:hover, input[type="button"].highlight-false:hover, a.highlight-true:hover, input[type="button"].highlight-true:hover, a.continue-button:hover { background-color: #ffffff; border-color: #ffffff; color: #333; } @media only screen and (max-width: 480px) { a.highlight-false, input[type="button"].highlight-false, a.highlight-true, input[type="button"].highlight-true, a.continue-button { color: #000000; border-color: #000000; background-color: transparent; } a.highlight-false:hover, input[type="button"].highlight-false:hover, a.highlight-true:hover, input[type="button"].highlight-true:hover, a.continue-button:hover { border-color: #000000; background-color: #000000; color: #fff; } } a.highlight-true, input[type="button"].highlight-true { background-color: #ffffff; border-color: #ffffff; color: #333; } @media only screen and (max-width: 480px) { a.highlight-true, input[type="button"].highlight-true { border-color: #000000; background-color: #000000; color: #fff; } } a.continue-button, a.highlight-false--dark, input[type="button"].highlight-false--dark { color: #000000; border-color: #000000; background-color: transparent; } a.continue-button:hover, a.highlight-false--dark:hover, input[type="button"].highlight-false--dark:hover { border-color: #000000; background-color: #000000; color: #fff; } /* Slideshow */ .homepage-slideshow .gallery-cell:not(:first-child) { height: 0; } .homepage-slideshow.flickity-enabled .gallery-cell:not(:first-child) { height: auto; } .homepage-slideshow a.highlight-false:hover, .homepage-slideshow input[type="button"].highlight-false:hover, .homepage-slideshow a.highlight-true:hover, .homepage-slideshow input[type="button"].highlight-true:hover { color: #333; } @media only screen and (max-width: 480px) { .homepage-slideshow a.highlight-false, .homepage-slideshow input[type="button"].highlight-false, .homepage-slideshow a.highlight-true, .homepage-slideshow input[type="button"].highlight-true { color: #000000; border-color: #000000; background-color: transparent; } .homepage-slideshow a.highlight-false:hover, .homepage-slideshow input[type="button"].highlight-false:hover, .homepage-slideshow a.highlight-true:hover, .homepage-slideshow input[type="button"].highlight-true:hover { border-color: #000000; background-color: #000000; color: #fff; } } .homepage-slideshow a.highlight-true, .homepage-slideshow input[type="button"].highlight-true { background-color: #ffffff; border-color: #ffffff; color: #333; } @media only screen and (max-width: 480px) { .homepage-slideshow a.highlight-true, .homepage-slideshow input[type="button"].highlight-true { border-color: #000000; background-color: #000000; color: #fff; width: 42% !important;}} /* #Account ================================================== */ .account-header-logout { text-align: right; text-transform: uppercase; } .account-sidebar { border-right: 1px solid #aaaaaa; box-sizing: border-box; padding-right: 10px; } @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 #aaaaaa; 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; } .action_edit { background-color: #000000; border-color: #000000; } .action_edit a { color: #ffffff; } .action_edit:hover { background-color: #000000; border-color: #000000; } .action_edit:hover a { color: #ffffff; } .action_delete { background-color: #ffffff; border-color: #000000; } .action_delete a { color: #000000; } .action_delete:hover { background-color: #000000; border-color: #000000; } .action_delete:hover a { color: #ffffff; } .order-details__discount { display: block; } /* #Policy pages ================================================== */ .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 - collection in detail ================================================== */ .collection-in-detail .section { margin: 0; } .collection-in-detail .half { width: 50%; float: left; position: relative; } @media only screen and (max-width: 798px) { .collection-in-detail .half { width: 100%; } } .collection-in-detail .product-details { padding: 40px 2rem; } .collection-in-detail .frontpage_product_stagger--true .section:nth-of-type(even) .half { float: right; } /* #Home page - text columns with images ================================================== */ .text-columns-with-images-section .border-style--box { padding: 10%; border: 1px solid #aaaaaa; } .text-columns-with-images-section .border-style--quote { padding-left: 20px; border-left: 1px solid #aaaaaa; margin-bottom: 10%; } .text-columns-with-images-section .large_text { /* font-family: Oswald, sans-serif; font-family: 'Gotham Book' !important; font-weight: 300; font-style: normal; font-size: $font-size * 1px; text-transform: uppercase; line-height: 1.5; color: #000000; display: block; letter-spacing: 2px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; */ font-family: 'Gotham Book' !important; font-size: 12px; } @media only screen and (max-width: 798px) { .text-columns-with-images-section .large_text { font-size: 31px; } } .text-columns-with-images-section .text-column { margin-bottom: 25px; } .text-columns-with-images-section a.continue-button { margin-top: 10px; } .text-columns-with-images-section h2.title + .feature_divider { margin-bottom: 40px; } .text-columns-with-images-section img { margin: 0 0 15px; } /* OOTS Content Creator slideshow */ .flexslider img { display: block; margin: 0 auto; } /* #Home page - slideshow ================================================== */ .flickity-prev-next-button, .flickity-prev-next-button { height: 50px !important; margin: auto !important; width: 50px !important; } .homepage-slideshow:hover .flickity-prev-next-button, .testimonial-section:hover .flickity-prev-next-button { opacity: 1; } .homepage-slideshow.text-animation--false .caption { opacity: 1; transition: opacity 0.3s linear; } .homepage-slideshow.text-animation--false.flickity-enabled .caption { opacity: 1; } .text-animation--true .caption-content { opacity: 0; } @media only screen and (max-width: 480px) { .text-animation--true .caption-content { opacity: 1; animation-duration: 0s; } } .homepage-slideshow, .testimonial-section { position: relative; overflow: hidden; } .homepage-slideshow.single-image .flickity-prev-next-button, .testimonial-section.single-image .flickity-prev-next-button { /* display: none; */ } .homepage-slideshow.single-image .flickity-page-dots, .testimonial-section.single-image .flickity-page-dots { display: none; } .homepage-slideshow .gallery-cell, .testimonial-section .gallery-cell { width: 100%; background-color: transparent; } @media only screen and (max-width: 480px) { .homepage-slideshow .gallery-cell, .testimonial-section .gallery-cell { background-color: transparent; } } .homepage-slideshow .gallery-cell img, .testimonial-section .gallery-cell img { width: 100%; display: block; } .homepage-slideshow .flickity-prev-next-button, .testimonial-section .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, .testimonial-section .flickity-prev-next-button { opacity: 0; } } .homepage-slideshow .flickity-page-dots, .testimonial-section .flickity-page-dots { bottom: 2em; display: none; } @media only screen and (min-width: 799px) { .homepage-slideshow .flickity-page-dots, .testimonial-section .flickity-page-dots { display: block; } } .homepage-slideshow .flickity-page-dots .dot, .testimonial-section .flickity-page-dots .dot { height: 4px; width: 40px; margin: 0; border-radius: 0; background: #333333; } @media only screen and (max-width: 480px) { .homepage-slideshow .flickity-page-dots, .testimonial-section .flickity-page-dots { display: block; bottom: 5px; } } /* Home - product slider */ .js-product-slider .product_clear { display: none; } .js-product-slider .column.alpha, .js-product-slider .columns.alpha { margin: 0 10px 0 20px; } .js-product-slider .flickity-prev-next-button { border-radius: 0; } /* #Home page - image with text ================================================== */ .image-with-text .featured-link--half a[href] img { box-shadow: #000 0em 0em 0em; transition: opacity 0.2s linear; } .image-with-text .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--section { width: 100%; box-sizing: border-box; float: left; min-height: 100px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .featured-link--half.featured-link__imageHalf { background-color: transparent; text-align: center; } .featured-link--half.featured-link__imageHalf a { width: 100%; display: block; } .featured-link--half.featured-link__imageHalf a img { width: 100%; } .featured-link--half { box-sizing: border-box; float: left; width: 50%; position: relative; text-align: center; display: table; -webkit-box-flex: 1 0 auto; -moz-box-flex: 1 0 auto; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; background-color: #ffffff; } @media only screen and (max-width: 480px) { .featured-link--half { width: 100%; -webkit-box-flex: 1; -webkit-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; } } .featured-link--half .featured-link--wrap { width: 100%; height: 100%; /* Fix for SVG set at 2 images per row */ -webkit-box-flex: 0 0 auto; -moz-box-flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .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); -webkit-transform: translateY(0); -ms-transform: translateY(0); padding: 2em 0; } } .featured-link--half .collection_title { margin-bottom: 15px; display: block; color: black; } .featured-link--half .description { position: relative; font-size: 15px; line-height: 1.5; margin-bottom: 20px; color: black; } @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; } } .featured-link--half .button { height: auto; background-color: transparent; color: black; border: 1px solid black; transition: background-color 0.2s cubic-bezier(0.55, 0.09, 0.68, 0.53), color 0.3s linear, border 0.2s cubic-bezier(0.55, 0.09, 0.68, 0.53); line-height: 1.5; padding-top: 10px; padding-bottom: 10px; } .featured-link--half .button:hover { background-color: black; color: #ffffff; border: 1px solid black; } .image-align--right.featured_collections.across-1 .featured-link--section:nth-child(odd) { -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .image-align--right.featured_collections.across-1 .featured-link--section:nth-child(odd) .featured-link--half { float: right; } .image-align--left.featured_collections.across-1 .featured-link--section:nth-child(even) { -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .image-align--left.featured_collections.across-1 .featured-link--section:nth-child(even) .featured-link--half { float: right; } .featured_collections.across-2 { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .image-align--left.featured_collections.across-2 .featured-link--section { -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } @media only screen and (max-width: 798px) { .image-align--left.featured_collections.across-2 .featured-link--section:nth-of-type(2n) { -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } .image-align--left.featured_collections.across-2 .featured-link--image:nth-of-type(4n+3) { -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } @media only screen and (max-width: 798px) { .image-align--left.featured_collections.across-2 .featured-link--image:nth-of-type(4n+3) { -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } } .image-align--left.featured_collections.across-2 .featured-link--image:nth-of-type(4n+4) { -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .image-align--right.featured_collections.across-2 .featured-link--section { -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } @media only screen and (max-width: 798px) { .image-align--right.featured_collections.across-2 .featured-link--section:nth-of-type(2n) { -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } } .image-align--right.featured_collections.across-2 .featured-link--image:nth-of-type(4n+3) { -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } @media only screen and (max-width: 798px) { .image-align--right.featured_collections.across-2 .featured-link--image:nth-of-type(4n+3) { -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } .image-align--right.featured_collections.across-2 .featured-link--image:nth-of-type(4n+4) { -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .featured_collections.across-2 .featured-link--section { width: 50%; } @media only screen and (max-width: 798px) { .featured_collections.across-2 .featured-link--section { width: 100%; } } @media only screen and (max-width: 798px) { .featured_collections.across-2 .featured-link--half { width: 50%; } } @media only screen and (max-width: 480px) { .featured_collections.across-2 .featured-link--half { width: 100%; } } .featured_collections.across-2 .description { font-size: 1.2vw; } @media only screen and (max-width: 798px) { .featured_collections.across-2 .description { font-size: inherit; } } .featured_collections.across-2 .button { font-size: 1.2vw; } @media only screen and (max-width: 480px) { .featured_collections.across-2 .button { font-size: 14px; } } .featured_collections.across-2 .featured-link--image:nth-of-type(2n+1) { clear: both; } .featured_collections.across-2 .featured-link--image:nth-of-type(2n+2) .featured-link--half { float: left; } @media only screen and (max-width: 798px) { .featured_collections.across-2 .featured-link--image:nth-of-type(2n+2) .featured-link--half { float: right; } } .featured_collections.across-2 .featured-link--image:nth-of-type(3n+3) .featured-link--half { float: right; } @media only screen and (max-width: 798px) { .featured_collections.across-2 .featured-link--image:nth-of-type(3n+3) .featured-link--half { float: left; } } .featured_collections.across-2 .featured-link--image:nth-of-type(4n+4) .featured-link--half { float: right; } /* #Home page - featured products ================================================== */ /* #Home page - Rich text and image ================================================== */ .rich-text__content .regular_text, .rich-text__content .featured_text { margin-top: 15px; } /* #Home page - featured promotions ================================================== */ .promo-animation--true { opacity: 0; } .featured-promotions .feature-section { text-align: center; float: left; margin: 0 10px 20px; 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: black; background: rgba(0, 0, 0, 0.5); } } .featured-promotions .feature-section .feature-wrap { position: relative; top: 50%; -webkit-transform: translateY(-50.1%); -ms-transform: translateY(-50.1%); 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 (min-width: 768px) and (max-width: 1366px) and (hover: none) { .featured-promotions .feature-section .feature-details { opacity: 1; display: block; } } @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 .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 .5s ease, background-color .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: black; background: rgba(0, 0, 0, 0.5); } .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 { -webkit-animation-delay: 0s; animation-delay: 0s; } .promo-2 { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .promo-3 { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .promo-4 { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; } .promo-5 { -webkit-animation-delay: 1.2s; animation-delay: 1.2s; } .promo-6 { -webkit-animation-delay: 1.5s; animation-delay: 1.5s; } .promo-7 { -webkit-animation-delay: 1.8s; animation-delay: 1.8s; } .promo-8 { -webkit-animation-delay: 2.1s; animation-delay: 2.1s; } .promo-9 { -webkit-animation-delay: 2.4s; animation-delay: 2.4s; } .promo-10 { -webkit-animation-delay: 2.7s; animation-delay: 2.7s; } .promo-11 { -webkit-animation-delay: 3.0s; animation-delay: 3.0s; } .promo-12 { -webkit-animation-delay: 3.3s; animation-delay: 3.3s; } .featured-promotions.full-width--false .promo-per-row-2 .feature-section { width: calc(50% - 20px); } @media only screen and (max-width: 798px) { .featured-promotions.full-width--false .promo-per-row-2 .feature-section { width: 100%; margin: 0 0 10px; } } .featured-promotions.full-width--false .promo-per-row-2 .feature-section:nth-child(2n+1) { clear: both; } .featured-promotions.full-width--false .promo-per-row-3 .feature-section { width: calc(33.3333% - 20px); } @media only screen and (max-width: 798px) { .featured-promotions.full-width--false .promo-per-row-3 .feature-section { width: 100%; margin: 0 0 10px; } } .featured-promotions.full-width--false .promo-per-row-3 .feature-section:nth-child(3n+1) { clear: both; } .featured-promotions.full-width--false .promo-per-row-4 .feature-section { width: calc(25% - 20px); } .featured-promotions.full-width--false .promo-per-row-4 .feature-section:nth-child(4n+1) { clear: both; } @media only screen and (max-width: 798px) { .featured-promotions.full-width--false .promo-per-row-4 .feature-section { width: calc(50% - 20px); } .featured-promotions.full-width--false .promo-per-row-4 .feature-section:nth-child(2n+1) { clear: both; } } @media only screen and (max-width: 480px) { .featured-promotions.full-width--false .promo-per-row-4 .feature-section { width: 100%; margin: 0 0 10px; } } .featured-promotions.full-width--true { padding-top: 0; } .featured-promotions.full-width--true .js-featured-promotions { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .featured-promotions.full-width--true .promo-per-row-2 .feature-section { width: 50%; margin: 0; } @media only screen and (max-width: 480px) { .featured-promotions.full-width--true .promo-per-row-2 .feature-section { width: 100%; } } .featured-promotions.full-width--true .promo-per-row-3 .feature-section { width: 33.333333%; margin: 0; } @media only screen and (max-width: 798px) { .featured-promotions.full-width--true .promo-per-row-3 .feature-section { width: 100%; } } .featured-promotions.full-width--true .promo-per-row-4 .feature-section { width: 25%; margin: 0; } @media only screen and (max-width: 798px) { .featured-promotions.full-width--true .promo-per-row-4 .feature-section { width: 50%; } } @media only screen and (max-width: 480px) { .featured-promotions.full-width--true .promo-per-row-4 .feature-section { width: 100%; } } /* #Home page - featured collection ================================================== */ .featured-collection__description.section { padding: 0 20px; margin: 20px 0; } .featured-collection__products.container { padding: 0; } /* #Home page - image with text overlay ================================================== */ .banner { width: 100%; position: relative; overflow: hidden; background-color: transparent; } @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, .video-section .caption { z-index: 30; pointer-events: none; } @media only screen and (max-width: 480px) { .block__featured_video .caption, .video-section .caption { margin: 0; height: auto; } } .block__featured_video .video-text--outside-video, .video-section .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; background-color: #666666; } @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; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); margin: 0; } .homepage-video .caption.text-on-video a.highlight-false { color: white; border-color: white; } } .homepage-video .mobile-video__buttons { display: block; text-align: center; top: 55%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; position: absolute; } .homepage-video .mobile-video__buttons.text-on-video { z-index: 20; } .homepage-video .mobile-video__buttons a.highlight-false { background-color: rgba(255, 255, 255, 0); color: #ffffff; border: 1px solid #ffffff; } .homepage-video .mobile-video__buttons a.highlight-true { background-color: #ffffff; border-color: #ffffff; color: #333; } .homepage-video .mobile-video__buttons .action_button { margin: 5px; } @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; } /* #Page Banners ================================================== */ .banner.page-banner { overflow: hidden; max-height: 100vh; margin-top: 40px; } .caption.captionOverlay--true { max-width: 960px; left: 0; right: 0; margin: 0 auto; position: absolute; top: 55%; -ms-transform: translate(0, -50%); transform: translate(0, -50%); z-index: 3; } .caption.captionOverlay--true .headline, .caption.captionOverlay--true .subtitle { color: #ffffff; } @media only screen and (max-width: 798px) { .caption.captionOverlay--true { top: 50%; } } .dark-overlay-true:after { content: ''; position: absolute; z-index: 2; background: rgba(0, 0, 0, 0.5); top: 0; bottom: 0; left: 0; right: 0; } /* #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; } */ .icon-menu:before, .icon-cart:before, .icon-user:before, .icon-search:before { font-family: 'OutOfTheSandbox'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; font-size: 16px; } .icon-menu:before { content: "\e000"; } .icon-cart:before { content: "\e001"; } .icon-user:before { content: "\e002"; } .icon-search:before { content: "\e003"; } /* .icon-pinterest:before { content: "\e004"; } */ .icon-vimeo:before { content: "\e008"; } .icon-tumblr:before { content: "\e009"; } .icon-google-plus:before { content: "\e00b"; } /* .icon-facebook:before { content: "\e007"; } */ /* .icon-instagram:before { content: "\e006"; } */ /* .icon-twitter:before { content: "\e00c"; } */ .icon-feed:before { content: "\e005"; } .icon-linkedin:before { content: "\e00d"; } .icon-vimeo-2:before { content: "\e00e"; } .icon-flickr:before { content: "\e00f"; } .icon-phone:before { content: "\e00a"; } .icon-mail:before { content: "\e010"; } .icon-plus:before { content: "\e011"; } .icon-checkmark:before { content: "\e012"; } .icon-youtube:before { content: "\e013"; } .search-submit { position: relative; right: 25px; float: right; top: 36px; font-size: 20px; cursor: pointer; } /* #Custom Styles ================================================== */ body { background-color: #ffffff; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; font-family: 'Gotham'; font-weight: normal; font-size: 12px; text-transform: none; color: #000000; line-height: 1.8em; } @media screen and (min-width: 799px) { .slideshow-section { /* padding-top: 109px; */ padding-top: 52px; } } @media screen and (max-width: 798px) { .slideshow-section { padding-top: 0px; } } @media screen and (min-width: 799px) { body.main-product-wrapper .container.main.content { padding-top: 120px; } } @media screen and (min-width: 799px) { body.index .shopify-section > .container { padding-top: 0px; } } .ge-free-shipping-container { position: relative !important; } h1, h2, h3, h4, h5, h6, .collection_title, .headline, p.subtitle { font-family: Gotham Bold !important; font-weight: normal; text-transform: uppercase; color: #000000; display: block; letter-spacing: 1px; text-rendering: optimizeLegibility; font-size: 14px; line-height: 1.5em; margin: 0 auto 15px; clear: both; font-weight: normal; padding-top: 4px; } div#fsb_container { display: none !important; } .header.is-absolute { position: relative !important; } .index-sections .under-menu:nth-child(1) { margin: 0px; } @media screen and (max-width: 798px) { .index-sections .under-menu:nth-child(1) { padding: 70px 0 0 0; } } /**** Header ******/ .ge-free-shipping-container { background-color: #3C3F42 !important; line-height: 30px; position: fixed; z-index: 999 !important; top: 0; height: 30px; } .ge-free-shipping-container .ge-free-shipping-msg { font-size: 12px; } .gep-switcher-desktop { color: #000000; padding: 5px 0 0px 20px !important; margin: 0px 0px 0px 0px !important; font-weight: normal !important; font-style: normal !important; font-size: 14px !important; } .header__logo { padding: 0px; } .header__logo img { width: 100%; max-width: 100%; min-width: 100%; } .menu li { padding: 0px 5px; } .menu li a { font-family: Gotham Bold; font-weight: bold; font-size: 14px; text-transform: uppercase; color: #404040; position: relative; display: block; letter-spacing: 1px; padding-bottom: 8px; border: none; } @media screen and (max-width: 1023px) { .menu li a { font-size: 11px; } } .menu li a:after { position: absolute; top: 100%; left: 0; width: 100%; height: 4px; background-color: #000; content: ''; opacity: 0; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; -moz-transition: opacity 0.3s, -moz-transform 0.3s; transition: opacity 0.3s, transform 0.3s; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); transform: translateY(10px); } .menu li a:hover { color: #b5b5b5; } .menu li a:hover:after { opacity: 0.8; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px); } .menu li a span { color: #404040 !important; } .menu li a .icon-down-arrow { position: relative; display: inline-block; } .menu li a .icon-down-arrow:before { content: "\f0d7"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color: #000; font-size: 8px; position: absolute; top: 0px; left: 2px; bottom: 0px; margin: 0 auto; line-height: 2; display: none;} @media screen and (max-width: 1024px) { .menu li { padding: 10px 7px; } } .search_form { margin: 10px 0; position: relative; } .main-nav__wrapper .right-menu-wapper { flex: 1 0 15%; max-width: 190px; float: right; display: flex; justify-content: flex-end; align-items: center; padding: 0px; } .main-nav__wrapper .right-menu-wapper .icon-user span { display: none; } .main-nav__wrapper .right-menu-wapper .accounts-area { padding: 5px 10px; } @media screen and (max-width: 1200px) { .main-nav__wrapper .right-menu-wapper .accounts-area { padding: 5px 10px; } } .main-nav__wrapper .right-menu-wapper .cart-area { padding-left: 10px; position: relative; } @media screen and (max-width: 1200px) { .main-nav__wrapper .right-menu-wapper .cart-area { padding-left: 10px; } } .main-nav__wrapper .right-menu-wapper .cart-area .cart-button { font-family: Gotham Bold; font-weight: bold; font-size: 16px; text-transform: uppercase; color: #404040; position: relative; display: block; letter-spacing: 1px; padding: 8px 0px 8px 5px; top: -1px; } .main-nav__wrapper .right-menu-wapper .cart-area .cart-button span:hover { color: #b5b5b5; } .main-nav__wrapper .right-menu-wapper .cart-area .cart_count { position: absolute; left: 10px; top: 4px; background-color: #b5b5b5; padding: 0 4px; border-radius: 4px; color: #f15722 !important; font-size: 14px; font-family: "Arial","Helvetica",sans-serif; font-weight: bold; border-bottom: 1px solid #ffffff; border-left: 1px solid #ffffff; line-height: 15px; text-align: center; z-index: 1; } .main-nav__wrapper .right-menu-wapper .cart-area .cart_count:hover { color: #f15722; } .header__logo { max-width: 100%; padding: 0; width: 100%; } .header__logo img { max-width: 100%; padding: 0; width: 100%; } .header { position: fixed !important; top: 0px; z-index: 999; transition: all .4s ease-in-out; background: #fff; opacity: .95; -webkit-transition-property: top, right, bottom, left, border; -moz-transition-property: top, right, bottom, left, border; -ms-transition-property: top, right, bottom, left, border; -o-transition-property: top, right, bottom, left, border; transition-property: top, right, bottom, left, border; } .ge-free-shipping-container + header + header .header { top: 28px; } @media only screen and (max-width: 798px) { .ge-free-shipping-container + #header { top: 30px; } } .header.stikyHeader { top: 0px !important; transition: all .4s ease-in-out; -webkit-transition-property: top, right, bottom, left, border; -moz-transition-property: top, right, bottom, left, border; -ms-transition-property: top, right, bottom, left, border; -o-transition-property: top, right, bottom, left, border; transition-property: top, right, bottom, left, border; } .dropdown_container.mega-menu-2 .dropdown_title, .dropdown_container.mega-menu-3 .dropdown_title { display: none; } .dropdown_container .dropdown.menu { /* box-shadow: 0 5px 5px rgba(0,0,0,0.25); */ } .dropdown_container .dropdown_column .mega-menu__image-caption-link a { display: flex; } .dropdown_container .dropdown_column .dropdown_column__menu ul.dropdown_title { border: none; } .dropdown_container .dropdown_column .dropdown_column__menu ul li { padding: 0px; } .dropdown_container .dropdown_column .dropdown_column__menu ul li a { padding: 0px 0 5px 0; } .dropdown_container .dropdown_column .dropdown_column__menu ul li a:after { height: 0px; width: 0px; background: transparent; } .dropdown_container .dropdown_column .dropdown_column__menu ul li a:hover { text-transform: uppercase; } .dropdown_container .dropdown_column .dropdown_column__menu ul li a:hover:after { height: 0px; width: 0px; background: transparent; } .mm-menu .mm-search input { background: rgba(0, 0, 0, 0.1) !important; color: rgba(0, 0, 0, 0.6) !important; } .mm-search input { border: none; border-radius: 30px; font: inherit; line-height: 30px; outline: none; display: block; width: 100%; height: 30px; margin: 0; padding: 0 10px; min-height: 30px; font-family: 'Gotham' !important; font-size: 12px !important; } .mm-search input::placeholder { color: rgba(0, 0, 0, 0.6); } @media only screen and (max-width: 480px){ .mm-search input { font-size:16px !important; } } .mm-menu .mm-noresultsmsg { color: rgba(0, 0, 0, 0.3) !important; } .mm-menu .mm-noresultsmsg a { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: inherit; line-height: 20px; display: block; padding: 10px; margin: 0; } #search { display: none; -o-transition-duration: .25s; -moz-transition-duration: .25s; -webkit-transition-duration: .25s; transition-duration: .25s; background: #f9f9f9; background: rgba(249, 249, 249, 0.95); width: 100%; height: 100%; left: 0; top: 0; z-index: 900; position: fixed; text-align: center; overflow: hidden; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -o-transition-property: opacity; -moz-transition-property: opacity; -webkit-transition-property: opacity; transition-property: opacity; -o-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -o-transition-duration: 0s; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; transition-duration: 0s; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; font-family: 'Gotham'; } #search input[type="text"] { font-family: 'Gotham'; color: 12px; color: #000; } #search .search-close { padding-top: 125px; font-size: 32px; cursor: pointer; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif !important; font-weight: 300; } #search form { z-index: 950; padding-top: 50px; clear: both; margin-bottom: 20px; } #search .icon-search.search-submit:before { font-size: 22px; } @media screen and (max-width: 798px) { #header .top-bar a.mini_cart span.cart_count { position: absolute !important; left: 10px; top: -5px; background-color: #b5b5b5; padding: 0 4px; border-radius: 4px; color: #f15722; font-size: 14px; font-family: "Arial","Helvetica",sans-serif; font-weight: bold; border-bottom: 1px solid #ffffff; border-left: 1px solid #ffffff; line-height: 15px; text-align: center; z-index: 1; } } .main-nav__wrapper.sticky_nav { padding: 10px 0x; } .main-nav__wrapper.sticky_nav .header__logo { max-width: 280px; padding: 0; width: 280px; padding-right: 0px; } .main-nav__wrapper.sticky_nav .header__logo img { max-width: 280px; padding: 0; width: 280px; padding-right: 0px; } .homepage-slideshow .flickity-prev-next-button { /* display:none; */ opacity: 1; background: transparent; padding: 0px; } .homepage-slideshow .flickity-prev-next-button:focus, .homepage-slideshow .flickity-prev-next-button:hover { outline: none; box-shadow: none; } .homepage-slideshow .flickity-prev-next-button svg { width: 35px; height: 35px; padding: 0; left: 0px; right: 0px; margin: auto; } @media screen and (max-width: 798px) { .homepage-slideshow .flickity-prev-next-button svg { width: 28px; height: 28px; } } .homepage-slideshow .flickity-prev-next-button .arrow { opacity: 1; fill: rgba(255, 255, 255, 0.8); } .featured-promotions-section { padding: 0 10px; } .featured-promotions-section .featured-promotions { padding: 0px; } .featured-promotions-section .featured-promotions .feature-section { /* width: calc(50% - 20px) !important; margin: 0 10px !important; */ width: calc(50% - 21px)!important; margin: 0 10px!important; } figure.feature-section:not(.section-1.promo-1):not(.section-2.promo-2){ margin-top: 20px !important; } @media screen and (max-width: 798px) { figure.feature-section:not(.section-1.promo-1):not(.section-2.promo-2){ /* margin-top: 0px !important; */ margin: 0 4px 8px!important; } .featured-promotions-section .featured-promotions .feature-section { width: calc(100% - 10px) !important; margin: 0 4px 8px!important; } .featured-promotions-section .featured-promotions .feature-section:last-child { margin-bottom:0px !important; } .banner.homepage-slideshow{ height: 100% !important; overflow:visible; } .banner.homepage-slideshow .flickity-viewport{ overflow:visible; } .homepage-slideshow .gallery-cell img { height: 100% !important; object-fit: cover; } } @media screen and (max-width: 798px) { .featured-promotions-section { padding: 0px; } } .collection-list-section { padding: 0px 0px 0 20px; display: inline-block; clear: both; width: 100%; } .collection-list-section .sixteen { margin: 0px; width: 100%; padding: 0 20px; } @media screen and (max-width: 798px) { .collection-list-section .sixteen { padding: 0px; } } .collection-list-section .collection-info__caption { display: none; } .collection-list-section .list-collections .thumbnail { margin-bottom: 0px; } @media only screen and (min-width: 798px) { .collection-list-section { padding: 0px; } } @media screen and (max-width: 798px) { .collection-list-section { padding: 0px; display: block; } } /*** Footer ***/ @media only screen and (min-width: 767px) { .footer .one-fourth.column { width: 190px; } } .footer .footer-menu-wrap h6 { font-size: 14px; line-height: 32px; margin: 0 0 1em 0; padding: 5px 0px; } .footer .footer-menu-wrap ul { padding: 0px; margin: 0px; } .footer .footer-menu-wrap ul li { padding: 5px 0; list-style: none; margin-bottom: 0; } .footer .footer-menu-wrap ul li p { margin: 0px; } .footer .footer-menu-wrap ul li a { font-size: 12px; color: #000; } .footer .footer-menu-wrap .toggle_content { font-size: 12px; color: #000; padding: 0px; } .footer .footer-menu-wrap .toggle_content p { margin: 0px; } .footer .footer-menu-wrap .footer-social-icons { color: #404040; font-size: 18px; } .footer .footer-menu-wrap .footer-social-icons .social_icons li { padding: 10px 0 0; list-style: none; margin-bottom: 0; display: inline-block; } .footer .footer-menu-wrap .footer-social-icons .social_icons li a { font-size: 18px; color: #404040; } .footer .footer-menu-wrap .footer-social-icons .social_icons li a:hover, .footer .footer-menu-wrap .footer-social-icons .social_icons li a:focus { color: #a3a3a3; } .footer .footer-menu-wrap .newsletter_section p { padding: 0px; margin-bottom: 10px; font-size: 12px; color: #404040; } .footer .footer-menu-wrap .newsletter_section .newsletter input.contact_email { webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #dce0e0; padding: 11px 10px; outline: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-family: 'Gotham'; font-size: 12px; color: #565a5c; width: 100%; margin: 0; max-width: 100%; display: block; margin-bottom: 15px; background: #fff; transition: border-color 0.2s linear, box-shadow 0.2s ease; -webkit-transition: border-color 0.2s linear, box-shadow 0.2s ease; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; } .footer .footer-menu-wrap .newsletter_section .newsletter input.contact_email::placeholder { font-size: 12px; } .footer .footer-menu-wrap .newsletter_section .newsletter .action_button.sign_up { display: inline-block; width: 100% !important; padding-left: 0; padding-right: 0; float: none; font-family: 'Gotham Bold' !important; border-radius: 4px; min-height: initial; height: initial; padding: 10px; } .footer .credits { font-sixe: 11px; font-family: Gotham Book; } /********* Date 27-08-2020 **********/ /**** PLP page *******/ .filter-menu { margin: 0px; display: block; background-color: rgba(0, 0, 0, 0); border-radius: 3px; padding: 0px; border: 1px solid rgba(0, 0, 0, 0); } .filter-menu .pt-mobile-header { display: block; position: relative; height: 50px; float: none !important; } .filter-menu .pt-mobile-header a.pt-nav-toggle { position: absolute; left: 80px; top: 5px; transform: translate(-40%, 7px); -webkit-transform: translate(-40%, 7px); cursor: pointer; padding: 10px 35px 16px 0px; line-height: 40px; text-decoration: none; white-space: nowrap; } .filter-menu .pt-mobile-header a.pt-nav-toggle:hover, .filter-menu .pt-mobile-header a.pt-nav-toggle:focus { border: none; box-shadow: none; outline: none; } @media screen and (max-width: 798px) { .filter-menu .pt-mobile-header a.pt-nav-toggle { left: 80px; } } .filter-menu .pt-mobile-header a.pt-nav-toggle span, .filter-menu .pt-mobile-header a.pt-nav-toggle span:before, .filter-menu .pt-mobile-header a.pt-nav-toggle span:after { cursor: pointer; border-radius: 1px; height: 5px; width: 35px; background: #222; position: absolute; display: block; content: ''; padding: 0; transition: all 200ms ease-in-out; } .filter-menu .pt-mobile-header a.pt-nav-toggle span:before { top: -10px; } .filter-menu .pt-mobile-header a.pt-nav-toggle span:after { bottom: -10px; } .filter-menu .pt-mobile-header a.pt-nav-toggle p { display: block; margin: 0 0 0 50px; font-size: 30px !important; line-height: 40px; position: relative; top: -16px; color: #222; text-decoration: none; } .filter-menu .pt-mobile-header a.pt-nav-toggle.active span:before { transform: rotate(45deg); -webkit-transform: rotate(45deg); top: 0; } .filter-menu .pt-mobile-header a.pt-nav-toggle.active span:after { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); top: 0; } .filter-menu .pt-mobile-header .clear-all-text { text-align: left; position: absolute; left: 200px; top: 18px; display: none; } .filter-menu .pt-mobile-header .clear-all-text a { font-size: 16px; font-family: 'Gotham Book'; } @media screen and (max-width: 420px) { .filter-menu .pt-mobile-header .clear-all-text a { font-size: 14px; } } @media screen and (max-width: 798px) { .filter-menu .pt-mobile-header .clear-all-text { left: 70%; } } @media screen and (max-width: 420px) { .filter-menu .pt-mobile-header .clear-all-text { left: 60%; } } .filter-menu .sidebar { display: none; } .filter-menu.pt-expand .sidebar { display: block; } .filter-menu.pt-expand .pt-mobile-header a.pt-nav-toggle.active span { background-color: transparent; } .filter-menu.pt-expand .clear-all-text { display: block; } .filter-menu .color-filter--true li { display: inline-block; float: left; width: 60px; position: relative; padding: 8px 5px; text-align: center; } .filter-menu .color-filter--true label { text-align: center; text-transform: none; font-weight: normal; font-size: 14px; display: inline-block; margin-bottom: 4px; color: #000; } .filter-menu .color-filter--true label input[type="checkbox"]:hover, .filter-menu .color-filter--true label input[type="checkbox"]:focus { outline: none; box-shadow: none; } .filter-menu .color-filter--true label .input-wrapper { border: 1px solid transparent; border-radius: 50%; margin: 0 auto; width: 42px; height: 42px; } .filter-menu .color-filter--true label .input-wrapper:hover { border-color: #000000; } .filter-menu .sidebar__collection-filter input.styled-checkbox { -webkit-appearance: none; -moz-appearance: none; box-sizing: border-box; width: 34px; height: 34px; margin: 3px auto 3px; display: inline-block; cursor: pointer; position: relative; vertical-align: top; background-size: cover; border: 1px solid #000; border-radius: 50px; } /*********** Added 28-08-2020 **********/ .sidebar .sidebar__collection-filter label.main-title { text-align: left; margin-bottom: 20px; padding-bottom: 10px; padding-right: 45px; color: #222; border-bottom: 1px solid #ddd; font-size: 16px; font-weight: 300; margin-top: 0; padding-top: 0; border-top: none; position: relative; } .clear-all-text a { text-transform: capitalize; cursor: pointer; font-size: 16px; } .clear-all-text { text-align: left; position: absolute; left: 13%; top: 18px; display: none; } .pt-expand .clear-all-text { display: block; } @media (max-width: 767px) { .clear-all-text { right: 13%; left: unset; } } .sidebar .sidebar__collection-filter label.main-title span { font-size: 16px; text-transform: uppercase; font-weight: bold; font-family: 'Gotham Bold'; letter-spacing: 1px; } .active-filter label.main-title span i { transform: rotatex(180deg); transition: 0.5s all; } .filter-menu .sidebar { display: none; } .filter-menu.pt-expand .sidebar { display: block; padding: 10px 20px 0; } .sidebar .sidebar__collection-filter ul.xtoggle_list { margin-top: -10px; padding: 0px 0 5px 0; } .sidebar .sidebar__collection-filter label.main-title span i { font-size: 20px; transition: 0.5s all; color: #888; position: absolute; right: 16px; left: auto; top: 0px; } .sidebar .sidebar__collection-filter ul.xtoggle_list button { background: transparent; box-shadow: none; margin-top: 0px; } @media (max-width: 767px) { .sidebar .size-filter .sidebar__collection-filter ul.xtoggle_list .color-filter--false { min-height: 170px; height: 170px; overflow-y: scroll; } } .sidebar__collection-filter label { text-transform: none; font-weight: normal; font-size: 14px; text-align: left; min-width: 35px; } .sidebar ul li { margin-bottom: 0; } .fiter-dropdown-list { display: none; } .sidebar .sidebar__collection-filter [data-clear-filter] { right: -10px; left: auto; top: 5px; } .xtoggle_list li { list-style: none; line-height: 1.4em; padding: 8px 5px; text-align: left; position: relative; } .xtoggle_list a { display: inline-block; position: relative; margin-left: 0; max-width: 80%; border-left: solid 2px transparent; transition: border 200ms ease-out; } .sidebar .filter-active-tag { position: relative; } ul.xtoggle_list { margin: 0; padding: 10px 0 15px 0; } .sidebar a.active .input-wrapper { border: 1px solid #000; border-radius: 50%; margin: 0 auto; width: 42px; height: 42px; } .input-wrapper { margin-bottom: 5px; } .sidebar__collection-filter input.styled-checkbox { -webkit-appearance: none; -moz-appearance: none; box-sizing: border-box; width: 34px; height: 34px; margin: 3px auto 0; display: inline-block; cursor: pointer; position: relative; vertical-align: top; background-size: cover; border: 1px solid #000; border-radius: 50px; } .sidebar__collection-filter input { display: none; } .sidebar__collection-filter a, .sidebar__collection-filter label { cursor: pointer; } .filter-main-title.active-filter + .fiter-dropdown-list { display: block; } .filter-all-tags.color-filter--false li.active-color a { display: inline-block; width: 24px; height: 24px; vertical-align: middle; padding: 0 4px; border: 1px solid #000; margin: 0 auto; background: #ddd; } .filter-all-tags.color-filter--false li.active-color a label { min-width: 5px !important; text-align: center; margin-top: 4px; } .sidebar__collection-filter button.clear-active-filter, .sidebar__collection-filter button.clear-active-filter:active { color: #03a196; background-color: transparent; border: none; outline: 0; box-shadow: 0; font-family: inherit; letter-spacing: 0; text-transform: none; position: absolute; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 10px; right: 0; left: auto; padding: 2px 4px; line-height: 1.2; display: none; height: auto; min-height: auto; } .input-wrapper { border: 1px solid transparent; border-radius: 50%; margin: 0 auto; width: 42px; height: 42px; } .input-wrapper:hover { border: 1px solid #000; border-radius: 50%; margin: 0 auto; width: 42px; height: 42px; } .color-filter--true li { display: inline-block; float: left; width: 50px; position: relative; } .color-filter--true { display: block; position: relative; } .color-filter--true label { text-align: center; } .filter_wrapper { display: block; clear: both; } /* .sidebar .filter_wrapper:last-child .sidebar__collection-filter label.main-title { margin: 0; } */ .mm-menu em.mm-counter { color: rgba(0, 0, 0, 0.3) !important; } .product-review-container #trustspot-widget-wrapper header { height: 4px !important; } .product-review-container #trustspot-widget-wrapper header .review, .product-review-container #trustspot-widget-wrapper header .review img, .product-review-container #trustspot-widget-wrapper header .review p { display: none !important; } /******* PDP Page ******/ h2.title { font-family: 'Gotham Bold' !important; font-size: 12px; text-transform: uppercase; } .panda-header { padding-bottom: 6px; color: #000; font-family: 'Gotham Book'; text-shadow: none; } @media screen and (max-width: 798px) { .size-value-section { display: inline-flex; width: 100%; } .size-value-section .sizechart_wrapper { padding-left: 20px; } } .swatch-size .v2-color-box { float: left; position: relative; margin-right: -1px; width: calc((100% - 0px) / 5); height: 38px; align-items: center; display: flex; justify-content: center; cursor: pointer; border-left: 1px solid #DEDBD4; border-bottom: 1px solid #DEDBD4; } .swatch-size .v2-color-box.active-size { background: #f48276; color: #ffffff; border-color: #f48276; } .swatch-size .v2-color-box:nth-child(8), .swatch-size .v2-color-box:nth-of-type(n) { border-right: 1px solid #DEDBD4; } .v2-color-box.available:nth-child(-n+8), .swatch-size .v2-color-box:nth-of-type(n) { border-top: 1px solid #DEDBD4; } .swatch-size .v2-color-box label { cursor: pointer; width: 100% !important; height: 100% !important; cursor: pointer; border-radius: 0; border: none; line-height: 38px; margin: 1px; } .product_form .swatch { width: 27px !important; height: 27px !important; } .recommended-products__title .feature_divider { display: none; } .product__images { position: relative; } .product__images .badge-icon { width: 70px; height: auto; position: absolute; right: 30px; z-index: 1; top: 15px; } .pdp-return-link { text-align: left; text-transform: uppercase; } .product-template .trustspot-inline-rating a { font-family: 'Gotham' !important; font-size: 12px !important; color: #000; } .product-template .trustspot-inline-rating a:hover { color: #f15722; } .product .product__container { width: 100%; margin: 0px; } @media screen and (max-width: 798px) { .product .sale_banner { display: none; } } @media screen and (max-width: 798px) { .mm-opening.mm-right #header.mobile_nav-fixed--true { left: -80%; } } @media only screen and (max-width: 1220px) { .product-review-container { padding: 20px !important; } } @media only screen and (max-width: 798px) { .product-review-container { padding: 0px !important; } } @media only screen and (max-width: 1220px) { .recommended-products-section { padding: 0px 20px !important; } } @media only screen and (max-width: 798px) { .recommended-products-section { padding: 0px !important; } } .recommended-products-section .recommended-products--grid .equal-columns--outside-trim .one-third { width: 370px; margin: 0 10px; } @media only screen and (max-width: 1200px) and (min-width: 798px) { .recommended-products-section .recommended-products--grid .equal-columns--outside-trim .one-third { width: calc(33.333% - 15px); } } @media screen and (max-width: 798px) { .recommended-products-section .recommended-products--grid .equal-columns--outside-trim .one-third { width: calc(50% - 15px); margin: 0 15px; } } .recommended-products-section .recommended-products--grid .equal-columns--outside-trim .one-third:nth-child(1) { margin-left: 0px; } @media screen and (max-width: 798px) { .recommended-products-section .recommended-products--grid .equal-columns--outside-trim .one-third:nth-child(2) { margin-right: 0px; } } .recommended-products-section .recommended-products--grid .equal-columns--outside-trim .one-third:nth-child(3) { margin-right: 0px; } @media screen and (max-width: 798px) { .recommended-products-section .recommended-products--grid .equal-columns--outside-trim .one-third:nth-child(3) { display: none; } } .main-product-wrapper .swatch-size .v2-color-box.soldout.active-size { background: linear-gradient(to top left, #f48273 calc(50% - 1px), white, #f48276 calc(50% + 1px)) !important; } .main-product-wrapper .swatch-size .v2-color-box.soldout { background: linear-gradient(to top left, #f2f1ed calc(50% - 1px), #dedbd5, #f2f1f2 calc(50% + 1px)) !important; } .customers-login h1, .customers-register h1 { text-align: center; } .customers-login .feature_divider, .customers-register .feature_divider { display: none; } .customers-login #customer_login label, .customers-login #create_customer label, .customers-login #recover-password label, .customers-register #customer_login label, .customers-register #create_customer label, .customers-register #recover-password label { font-weight: 400; text-transform: none; color: #000; font-size: 12px; font-family: 'Gotham Book'; } .customers-login #customer_login input[type="text"], .customers-login #customer_login input[type="number"], .customers-login #customer_login input[type="password"], .customers-login #customer_login input[type="email"], .customers-login #create_customer input[type="text"], .customers-login #create_customer input[type="number"], .customers-login #create_customer input[type="password"], .customers-login #create_customer input[type="email"], .customers-login #recover-password input[type="text"], .customers-login #recover-password input[type="number"], .customers-login #recover-password input[type="password"], .customers-login #recover-password input[type="email"], .customers-register #customer_login input[type="text"], .customers-register #customer_login input[type="number"], .customers-register #customer_login input[type="password"], .customers-register #customer_login input[type="email"], .customers-register #create_customer input[type="text"], .customers-register #create_customer input[type="number"], .customers-register #create_customer input[type="password"], .customers-register #create_customer input[type="email"], .customers-register #recover-password input[type="text"], .customers-register #recover-password input[type="number"], .customers-register #recover-password input[type="password"], .customers-register #recover-password input[type="email"] { font-family: 'Gotham Book' !important; font-size: 12px !important; border: 1px solid #dce0e0; padding: 11px 10px; outline: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font: 18px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #565a5c; width: 100%; display: block; margin-bottom: 15px; background: #fff; transition: border-color 0.2s linear, box-shadow 0.2s ease; -webkit-transition: border-color 0.2s linear, box-shadow 0.2s ease; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; height: auto; min-height: auto; } .customers-login #customer_login input.btn.action_button[type="submit"], .customers-login #create_customer input.btn.action_button[type="submit"], .customers-login #recover-password input.btn.action_button[type="submit"], .customers-register #customer_login input.btn.action_button[type="submit"], .customers-register #create_customer input.btn.action_button[type="submit"], .customers-register #recover-password input.btn.action_button[type="submit"] { width: inherit; background: #000000; color: #ffffff; border: 0; padding: 10px 20px; text-align: center; cursor: pointer; font-family: Gotham Bold; font-weight: bold; font-size: 12px; text-transform: uppercase; display: inline-block; -webkit-transition: all 200ms ease 0s; -moz-transition: all 200ms ease 0s; -ms-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; -webkit-appearance: none; -webkit-border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 -3px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 -3px rgba(0, 0, 0, 0.1); box-shadow: inset 0 -3px rgba(0, 0, 0, 0.1); -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: auto; min-height: auto; } .customers-login #customer_login p.right, .customers-login #create_customer p.right, .customers-login #recover-password p.right, .customers-register #customer_login p.right, .customers-register #create_customer p.right, .customers-register #recover-password p.right { color: #000; font-family: 'Gotham Book'; } .customers-login #customer_login p.right a, .customers-login #create_customer p.right a, .customers-login #recover-password p.right a, .customers-register #customer_login p.right a, .customers-register #create_customer p.right a, .customers-register #recover-password p.right a { font-family: 'Gotham'; color: #000; } .customers-login #login_form, .customers-register #login_form { width: 100%; max-width: 340px; left: 0; margin: auto; right: 0; display: block; float: none; } @media screen and (max-width: 798px) { .fancybox-slide--html { padding: 0 !important; max-width: 80%; margin: auto; float: none; left: 0; right: 0; } .newsletter-info { padding: 35px 20px; } .newsletter-description { padding: 15px; } .newsletter-info #contact_form input.sign_up[type="submit"] { margin-bottom: 0 !important; } .newsletter-description h2 { padding-top: 0px; } } @media only screen and (max-width: 480px) { .fancybox-bg { background-color: rgba(43, 46, 56, 0.9); } .newsletter-description { padding: 0px; } } ul.ajax_cart_wrapper.mm-list { padding: 0px; background: rgba(0, 0, 0, 0.03); } ul.ajax_cart_wrapper.mm-list .cart_item.empty-cart { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 10px; text-transform: uppercase; text-indent: 20px; line-height: 25px; padding-right: 5px; } .mm-list > li > a, .mm-list > li > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: inherit; line-height: 20px; display: block; padding: 10px 10px 10px 20px; margin: 0; font-size: 13px; font-family: "Gotham Book"; } .mini-cart-container { height: 40px; display: flex; align-items: center; justify-content: center; } .bg-color-enabled-mega-menu-1-1 ul li a:hover { text-decoration: underline; color: #fff; } /***** Date 29-09-2020 *****/ /* .main-product-wrapper{ .fancybox-slide--image .fancybox-image-wrap{ height:80vh; } } */ li.cart_item { background: #fff; } .subscribe-result p { margin-top: 15px; color: #ff8282; } .page h1 { text-align: center; } a.accessibility { color: #fff !important; border: none; padding: 6px 9px 8px 10px; font-size: 13px; cursor: pointer; text-transform: none; text-indent: 0px; -webkit-appearance: button; -webkit-writing-mode: horizontal-tb !important; text-rendering: auto; color: buttontext; letter-spacing: normal; word-spacing: normal; text-shadow: none; background-color: buttonface; font-weight: normal; outline: 0; font-family: Gotham !important; box-shadow: none; -webkit-appearance: none; -webkit-border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; background-color: #136ef8; } .access-footer { margin-top: 10px; } .sizechart_wrapper .modal { background-color: rgba(0, 0, 0, 0.2); z-index: 9999; margin: 0px; } .sizechart_wrapper .close-button button { position: absolute; right: 9px; top: -3px; opacity: 1; outline: none; } @media screen and (max-width: 798px) { .sizechart_wrapper .close-button button { right: -5px; top: -10px; padding: 0 10px; } } .sizechart_wrapper .sizechart-img img { border-radius: 4px; } .sizechart_wrapper .modal-dialog { height: 100%; display: flex; align-items: center; } .sizechart_wrapper .modal-dialog .modal-content h3 a { text-align: center; display: block; text-transform: capitalize; font-weight: 100; font-family: 'Gotham Book'; text-decoration: none; letter-spacing: 0px; } .sizechart_wrapper .modal-dialog .modal-content h3 a:hover { color: #f15722; } .sizechart_wrapper .modal-dialog .modal-content h3 a:after { display: none; } .sizechart_wrapper a { text-decoration: none; } .recommended-products--grid .one-third.column.alpha:last-child { margin-right: 10px; margin-left: 0; } .recommended-products--grid .one-third.column.alpha { margin-right: 10px; } #pairwellwith-products, .recommended-products--grid #bc-sf-filter-products { display: flex; align-items: center; justify-content: center; } @media screen and (max-width: 798px) { #pairwellwith-products.three_element, #pairwellwith-products.four_element, .recommended-products--grid #bc-sf-filter-products.three_element, .recommended-products--grid #bc-sf-filter-products.four_element { display: inline-block; } #pairwellwith-products.three_element .one-third:nth-child(3), .recommended-products--grid #bc-sf-filter-products.three_element .one-third:nth-child(3) { margin: auto; float: inherit; } /* #similar_products .recommended-products--grid .one-third.column.alpha:first-child {margin-right: 0;} */ /* .recommended-products--grid .one-third.column.alpha, #similar_products .recommended-products--grid .one-third.column.alpha:first-child, #similar_products .recommended-products--grid .one-third.column.alpha { margin: 0 10px 0 0 !important; width: calc(50% - 20px); } */ #similar_products .recommended-products--grid .one-third.column.alpha:first-child{ margin: 0 5px 0 0px!important; width: calc(50% - 5px); } #similar_products .recommended-products--grid .one-third.column.alpha:nth-child(2){ margin: 0 0px 0 5px!important; width: calc(50% - 5px); } #similar_products .recommended-products--grid .one-third.column.alpha:nth-child(3){ margin: 0 5px 0 0!important; width: calc(50% - 5px); } #similar_products .recommended-products--grid .one-third.column.alpha:nth-child(4){ margin: 0 0px 0 5px!important; width: calc(50% - 5px); } #pairwellwith_products .recommended-products--grid .one-third.column.alpha.custom_class1, #pairwellwith_products .recommended-products--grid .one-third.column.alpha.custom_class3{ margin: 0 5px 0 0px!important; width: calc(50% - 5px); } #pairwellwith_products .recommended-products--grid .one-third.column.alpha.custom_class2, #pairwellwith_products .recommended-products--grid .one-third.column.alpha.custom_class4{ margin: 0 0px 0 5px!important; width: calc(50% - 5px); } #pairwellwith_products .container, #similar_products .container { padding: 20px 0; width: calc(100% - 20px); } } @media screen and (max-width: 380px) { .recommended-products--grid .thumbnail .title, #similar_products .thumbnail .title{ min-height:30px; } .recommended-products--grid .thumbnail span.price, #similar_products .thumbnail span.price { padding-bottom: 20px; } } @media only screen and (min-device-width : 799px) and (max-device-width : 940px) { div.header__logo, div.header__logo img, div.header__logo span, .sticky_nav .menu-position--block .header__logo { max-width: 160px; } .logo-position--left .header__logo { max-width: 160px; padding: 10px 0px 0 0; } } .product_form .option.selected-swatch .swatch-wrapper { border-color: #b5b5b5; } /********** Locksmith Gated Collection Page *************/ #locksmith-content .locksmith-email-container { width: 100%; max-width: 100%; margin: 0; padding: 100px 0; display: flex; align-items: center; justify-content: center; height: 100vh; background: #d887b9; /* Old browsers */ background: -moz-linear-gradient(left, #d887b9 0%, #f36f37 56%, #f4c945 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #d887b9 0%,#f36f37 56%,#f4c945 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #d887b9 0%,#f36f37 56%,#f4c945 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d887b9', endColorstr='#f4c945',GradientType=1 ); /* IE6-9 */ } #locksmith-content .locksmith-email-container #locksmith-email-form { max-width: 700px; margin:100px auto 0px; text-align: center; width:100%; padding:20px; } .locksmith_content_wrapper .headline{ color:#fff; font-size:50px; letter-spacing:2px; } .locksmith_content_wrapper .subtitle{ font-size: 28px; color: #fff; line-height: 38px; text-transform: uppercase; font-family:'Gotham Bold' !important; letter-spacing:2px; } .locksmith_content_wrapper p{ font-size: 14px; color: #fff; font-family: 'Gotham Book'; letter-spacing: 2px; font-weight: 600; margin-bottom: 15px !important; } #locksmith-email-form p{ margin:0px; } #locksmith-email-form .locksmith-email{ color: #000 !important; opacity: 1; border: 1px solid #000; font-family: 'Gotham Book' !important; padding-right:130px; border-radius:0px; outline:none; box-shadow:none; height: 36px; min-height: 36px; } #locksmith-email-form #locksmith_email_submit{ position: relative; right: 0; left: auto; top: -51px; float: right; height: 36px; border: 1px solid #000 !important; min-height: 36px; letter-spacing: 1.5px; } @media screen and (max-width:798px){ .banner__inline { display: block; } #locksmith-content .locksmith-email-container #locksmith-email-form { margin:50px auto 0px; } #locksmith-email-form .locksmith-email{ font-size:16px !important; } } @media screen and (max-width:700px){ .locksmith_content_wrapper .headline{ font-size:40px; } .locksmith_content_wrapper .subtitle{ font-size: 24px; line-height: normal; } } @media screen and (max-width:570px){ .locksmith_content_wrapper .headline{ font-size:30px; } .locksmith_content_wrapper .subtitle{ font-size: 18px; line-height: normal; } } @media screen and (max-width:480px){ .locksmith_content_wrapper .headline{ font-size:24px; } .locksmith_content_wrapper .subtitle{ font-size: 16px; } .locksmith_content_wrapper p{ font-size: 12px; } } @media screen and (max-width:380px){ .locksmith_content_wrapper .headline{ font-size:20px; } .locksmith_content_wrapper .subtitle{ font-size: 14px; } .locksmith_content_wrapper p{ font-size: 12px; } } /*Klaviyo popup form title font css fixes */ p .ql-font-gotham-black, span .ql-font-gotham-black { font-family: 'Gotham Black' !important; } .ql-font-gotham-black em, .ql-font-gotham-black * { font-family: 'Gotham Black' !important; font-size: inherit; } .ql-editor .ql-font-gotham-bold *, .ql-editor .ql-font-gotham-bold{ font-family: 'Gotham Bold' !important; } .ql-editor .ql-font-gotham-book,.ql-editor .ql-font-gotham-book * { font-family: 'Gotham Book' !important; } @media screen and (max-width:767px){ .klaviyo-form input[type=email] { font-size: 16px !important; } } /*Klaviyo popup form title font css fixes */ /*28-Dec-2021 CustomVideo section CSS */ .custom-video-section video{ object-fit:cover; height:100%; } .custom-video-section a.action_button.first_button.highlight-true{ max-width: 150px; width: 100%; } .custom-video-section .video-wrapper .video__text-container { top: 70%; } .custom-video-section .caption-content { max-width: 100%; } @media only screen and (max-width: 798px){ .custom-video-section .headline.font-EloquentJFCaptionPro { font-size:40px; } .video-wrapper.mobile_only { height: 90vh; } .custom-video-section .video-wrapper .video__text-container{ top:25%; } .custom-video-section .video-wrapper .video__text-wrapper { padding: 0; } .custom-video-section .caption-content .action_button { font-size: 14px; } .custom-video-section .caption-content { max-width: 100%; } #header .top-bar{ height:auto; max-height:45px; } } /* Preorder functionality CSS[Apr-2022]*/ span.preorder-label { color: #f48276; font-size: 16px; padding-bottom: 10px; display: block; } .preorder-tag { font-size: 14px; color: #f48276; } [data-product-waitlist="true"] .purchase-details__buttons.product-is-unavailable { display: none; } [data-product-waitlist="true"] .pdp-swatch-element.soldout { /* display: none; */ } [data-product-waitlist="true"] .sold-out__container, [data-product-waitlist="true"] .soldout-label{ display: none !important; } /* Preorder functionality CSS Ends*/ .tag-Final-Sale ul { padding-left: 0; list-style: none; } .tag-Final-Sale { padding: 0; font-family: 'Gotham Bold'; font-size: 14px; color: #f0544d; } @media screen and (max-width: 767px) { .hidden-pocket { display: none !important; } .product-list .thumbnail .product-info__caption, .slider-gallery .thumbnail .product-info__caption, .list-collections .thumbnail .product-info__caption { margin-top: 10px; } } @media screen and (min-width: 768px) { .hidden-lap-and-up { display: none !important; } } /***** Collection badge ****/ .made-in-la-badge { background-color: #eaebe6; color: #000; padding: 1px 10px; display: inline-block; font-weight: bold; font-size: 8px; border-radius: 4px; text-transform: uppercase; margin-bottom: 10px; } @media screen and (min-width: 768px) { .made-in-la-badge { font-size: 10px; } }