/** Shopify CDN: Minification failed Line 594:3 Unexpected "zoom" Line 9260:6 "diplay" is not a known CSS property **/ /****************************************************************** Theme Name: Artisan 1.3.3 Theme URI: https://outofthesandbox.com/collections/professional-theme Author: Out of the Sandbox (https://outofthesandbox.com) Description: Shopify Theme (https://www.shopify.com/?ref=out-of-the-sandbox) ******************************************************************/ /* Table of Contents ================================================== #Variables #Mixins #Functions #Reset #Fonts #Basic styles #Layout #Vendors #Fonts and icons #Typography #Links #Lists #Placeholders #Videos #Buttons #Tabs #Forms #Images #Misc #Lightbox #Header #Menu #Swatch Styles #Currency / language switcher #Pagination #Color swatches #Collection grid #Collection list #Collection product thumbnail #Blog #Page #Sidebar #Article #Footer #Password Page #List of collections #Cart page #Collection page #Product page #Product media #Size Chart #Quick shop #Contact page #Account #Page FAQ #Shapes #Gallery page #Home page - General #Home page - Text columns #Home page - Map #Home page - Video #Home page - Calendar #Home page - Featured product #Home page - Featured collection #Home page - Collection in detail #Home page - Image with text #Home page - Slideshow #Home page - Newsletter #Home page - Testimonial #Home page - Richtext #Home page - Pricing table #Home page - Logo list #Home page - Featured promotions #Newsletter #Footer #Page banners #Font-Face #Custom Styles */ /* #Variables ================================================== */ /* #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); */ /* Form labels */ /* Adjust background opacity */ /* Adjust text opacity */ /* Clearfix for parents with floated children */ /* 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); } */ /* Responsive Show/Hide Helper */ /* Responsive Text Alignment Helper */ /* Hide elements */ /* Show element */ /* Traditional method of creating vertical centering */ /* Global styling for headline fonts */ /* Wrap long urls */ /*================ Media Query Mixin ================*/ /* Font smoothing */ /* #Functions ================================================== */ /* #Reset ================================================== */ 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; } /* #Fonts ================================================== */ @font-face { font-family: Muli; font-weight: 400; font-style: normal; src: url("https://fonts.shopifycdn.com/muli/muli_n4.32796dd29ef52f78859bd8685b2d63db23ffd695.woff2?h1=bG9jYWxtaWxrcnVuLmNvbQ&h2=c2VhdHRsZS5sb2NhbG1pbGtydW4uY29t&hmac=285d3b250e0e3ce10e51b050913b1a31c6ee7c4d16ad335b052705635671630d") format("woff2"), url("https://fonts.shopifycdn.com/muli/muli_n4.3fd3d04f0161ea06f02880ae41f4a348bcfc9837.woff?h1=bG9jYWxtaWxrcnVuLmNvbQ&h2=c2VhdHRsZS5sb2NhbG1pbGtydW4uY29t&hmac=992e3a4e0f1341a2eed9aaa957c207ba08a74cbccbd9aef989101d74b7486a38") format("woff"); } @font-face { font-family: Muli; font-weight: 700; font-style: normal; src: url("https://fonts.shopifycdn.com/muli/muli_n7.5088b0a619cd5498c63f83358f68a9bd968d602f.woff2?h1=bG9jYWxtaWxrcnVuLmNvbQ&h2=c2VhdHRsZS5sb2NhbG1pbGtydW4uY29t&hmac=99674a389e9155c7824297235d4d138de03f23efdd095c04cb93ebaf1e8b80b3") format("woff2"), url("https://fonts.shopifycdn.com/muli/muli_n7.323924fb8ac4a0142319fa4d2a9a47d63188d935.woff?h1=bG9jYWxtaWxrcnVuLmNvbQ&h2=c2VhdHRsZS5sb2NhbG1pbGtydW4uY29t&hmac=45a8bc3de6defab2caf659807d1652962128251dea4e0cc39fde3d6f10240bb9") format("woff"); } @font-face { font-family: Muli; font-weight: 400; font-style: italic; src: url("https://fonts.shopifycdn.com/muli/muli_i4.35f8db21fe967558c304be690dd416d196e023df.woff2?h1=bG9jYWxtaWxrcnVuLmNvbQ&h2=c2VhdHRsZS5sb2NhbG1pbGtydW4uY29t&hmac=965243e714e90bbb410dfc06cfd25d17be433ebd0b8da456c3fa0bda79d1aa41") format("woff2"), url("https://fonts.shopifycdn.com/muli/muli_i4.49d5ae01df0892a3c325d0967a535cc25f82f534.woff?h1=bG9jYWxtaWxrcnVuLmNvbQ&h2=c2VhdHRsZS5sb2NhbG1pbGtydW4uY29t&hmac=408914d067f5b5811ec364a77f2a2efc1635a5d05960049c6bf246dba93b6c9d") format("woff"); } @font-face { font-family: Muli; font-weight: 700; font-style: italic; src: url("https://fonts.shopifycdn.com/muli/muli_i7.18e4bc072d0cb2cf459d8de1aac52898d2067eb8.woff2?h1=bG9jYWxtaWxrcnVuLmNvbQ&h2=c2VhdHRsZS5sb2NhbG1pbGtydW4uY29t&hmac=4552d7c59ff6da28a207495472dee4d83766e462d5c5a71a57b1dcba0e60358b") format("woff2"), url("https://fonts.shopifycdn.com/muli/muli_i7.2dd593be04d6030193d1ab12a136e99dff529cf9.woff?h1=bG9jYWxtaWxrcnVuLmNvbQ&h2=c2VhdHRsZS5sb2NhbG1pbGtydW4uY29t&hmac=5c58133650e0223306c283537204ec309fd7e0edd5739894f9662f2f79c8dd52") format("woff"); } @font-face { font-family: Muli; font-weight: 400; font-style: normal; src: url("https://fonts.shopifycdn.com/muli/muli_n4.32796dd29ef52f78859bd8685b2d63db23ffd695.woff2?h1=bG9jYWxtaWxrcnVuLmNvbQ&h2=c2VhdHRsZS5sb2NhbG1pbGtydW4uY29t&hmac=285d3b250e0e3ce10e51b050913b1a31c6ee7c4d16ad335b052705635671630d") format("woff2"), url("https://fonts.shopifycdn.com/muli/muli_n4.3fd3d04f0161ea06f02880ae41f4a348bcfc9837.woff?h1=bG9jYWxtaWxrcnVuLmNvbQ&h2=c2VhdHRsZS5sb2NhbG1pbGtydW4uY29t&hmac=992e3a4e0f1341a2eed9aaa957c207ba08a74cbccbd9aef989101d74b7486a38") format("woff"); } @font-face { font-family: Muli; font-weight: 700; font-style: normal; src: url("https://fonts.shopifycdn.com/muli/muli_n7.5088b0a619cd5498c63f83358f68a9bd968d602f.woff2?h1=bG9jYWxtaWxrcnVuLmNvbQ&h2=c2VhdHRsZS5sb2NhbG1pbGtydW4uY29t&hmac=99674a389e9155c7824297235d4d138de03f23efdd095c04cb93ebaf1e8b80b3") format("woff2"), url("https://fonts.shopifycdn.com/muli/muli_n7.323924fb8ac4a0142319fa4d2a9a47d63188d935.woff?h1=bG9jYWxtaWxrcnVuLmNvbQ&h2=c2VhdHRsZS5sb2NhbG1pbGtydW4uY29t&hmac=45a8bc3de6defab2caf659807d1652962128251dea4e0cc39fde3d6f10240bb9") format("woff"); } @font-face { font-family: Muli; font-weight: 400; font-style: italic; src: url("https://fonts.shopifycdn.com/muli/muli_i4.35f8db21fe967558c304be690dd416d196e023df.woff2?h1=bG9jYWxtaWxrcnVuLmNvbQ&h2=c2VhdHRsZS5sb2NhbG1pbGtydW4uY29t&hmac=965243e714e90bbb410dfc06cfd25d17be433ebd0b8da456c3fa0bda79d1aa41") format("woff2"), url("https://fonts.shopifycdn.com/muli/muli_i4.49d5ae01df0892a3c325d0967a535cc25f82f534.woff?h1=bG9jYWxtaWxrcnVuLmNvbQ&h2=c2VhdHRsZS5sb2NhbG1pbGtydW4uY29t&hmac=408914d067f5b5811ec364a77f2a2efc1635a5d05960049c6bf246dba93b6c9d") format("woff"); } @font-face { font-family: Muli; font-weight: 700; font-style: italic; src: url("https://fonts.shopifycdn.com/muli/muli_i7.18e4bc072d0cb2cf459d8de1aac52898d2067eb8.woff2?h1=bG9jYWxtaWxrcnVuLmNvbQ&h2=c2VhdHRsZS5sb2NhbG1pbGtydW4uY29t&hmac=4552d7c59ff6da28a207495472dee4d83766e462d5c5a71a57b1dcba0e60358b") format("woff2"), url("https://fonts.shopifycdn.com/muli/muli_i7.2dd593be04d6030193d1ab12a136e99dff529cf9.woff?h1=bG9jYWxtaWxrcnVuLmNvbQ&h2=c2VhdHRsZS5sb2NhbG1pbGtydW4uY29t&hmac=5c58133650e0223306c283537204ec309fd7e0edd5739894f9662f2f79c8dd52") format("woff"); } @font-face { font-family: "Humanist 521"; font-weight: 200; font-style: normal; src: url("https://fonts.shopifycdn.com/humanist_521/humanist521_n2.a4bc5644b2418cf03a0b42f46f6a1332e50dd69a.woff2?h1=bG9jYWxtaWxrcnVuLmNvbQ&h2=c2VhdHRsZS5sb2NhbG1pbGtydW4uY29t&hmac=619f19ea6e3152f5ae4677baad036b926879b631303ab91e7783836c824d2595") format("woff2"), url("https://fonts.shopifycdn.com/humanist_521/humanist521_n2.6d9699c8b0e1a95f5def5893ccee96210cb4f76f.woff?h1=bG9jYWxtaWxrcnVuLmNvbQ&h2=c2VhdHRsZS5sb2NhbG1pbGtydW4uY29t&hmac=00fa93d905d81451c0e451bdf7c56a3d06022a6ee7e5900a94c84e47ac2c8dd4") format("woff"); } @font-face { font-family: "Humanist 521"; font-weight: 400; font-style: normal; src: url("https://fonts.shopifycdn.com/humanist_521/humanist521_n4.7d0db9b35d3d579927306c2e206943a0e6742f23.woff2?h1=bG9jYWxtaWxrcnVuLmNvbQ&h2=c2VhdHRsZS5sb2NhbG1pbGtydW4uY29t&hmac=7dbc56738da5f798553b50378f9dbaef07252276dc51a4cd93e79ce863fb4738") format("woff2"), url("https://fonts.shopifycdn.com/humanist_521/humanist521_n4.c78bdc6bd5de46502a93dad431c3da9be7b90eae.woff?h1=bG9jYWxtaWxrcnVuLmNvbQ&h2=c2VhdHRsZS5sb2NhbG1pbGtydW4uY29t&hmac=aa951445fc44da399701d7d5f2658970029397b65b3c8d22848e9d4440eb1154") format("woff"); } @font-face { font-family: "Humanist 521"; font-weight: 200; font-style: italic; src: url("https://fonts.shopifycdn.com/humanist_521/humanist521_i2.b7bd16876652389c396d6df72f0c242e058c6c80.woff2?h1=bG9jYWxtaWxrcnVuLmNvbQ&h2=c2VhdHRsZS5sb2NhbG1pbGtydW4uY29t&hmac=126dd4d836769da3adf481dfd71250919f3231faeb82531dfaed2074f787f62e") format("woff2"), url("https://fonts.shopifycdn.com/humanist_521/humanist521_i2.ad448d2307aa5648549b67c800f8fae697a84d02.woff?h1=bG9jYWxtaWxrcnVuLmNvbQ&h2=c2VhdHRsZS5sb2NhbG1pbGtydW4uY29t&hmac=3c3d0bd0f44f3bc07485676d43859b5be4c2bdd7097dfc8b975012dcce0505c1") format("woff"); } @font-face { font-family: "Humanist 521"; font-weight: 400; font-style: italic; src: url("https://fonts.shopifycdn.com/humanist_521/humanist521_i4.f056054519b1de4d2983a8a6bc6d758350737215.woff2?h1=bG9jYWxtaWxrcnVuLmNvbQ&h2=c2VhdHRsZS5sb2NhbG1pbGtydW4uY29t&hmac=7c2e04800c652816b417a70a49ed89b1e3536bdcb0adc0526c85fa2d0d8a26f4") format("woff2"), url("https://fonts.shopifycdn.com/humanist_521/humanist521_i4.3bf6b47ecf04dbe7ea6f4ffa3f78ee1c166e7fb5.woff?h1=bG9jYWxtaWxrcnVuLmNvbQ&h2=c2VhdHRsZS5sb2NhbG1pbGtydW4uY29t&hmac=85aacc1675148f367863c170092a979d50083e4bcda36841491f257525beec73") format("woff"); } @font-face { font-family: Muli; font-weight: 400; font-style: normal; src: url("https://fonts.shopifycdn.com/muli/muli_n4.32796dd29ef52f78859bd8685b2d63db23ffd695.woff2?h1=bG9jYWxtaWxrcnVuLmNvbQ&h2=c2VhdHRsZS5sb2NhbG1pbGtydW4uY29t&hmac=285d3b250e0e3ce10e51b050913b1a31c6ee7c4d16ad335b052705635671630d") format("woff2"), url("https://fonts.shopifycdn.com/muli/muli_n4.3fd3d04f0161ea06f02880ae41f4a348bcfc9837.woff?h1=bG9jYWxtaWxrcnVuLmNvbQ&h2=c2VhdHRsZS5sb2NhbG1pbGtydW4uY29t&hmac=992e3a4e0f1341a2eed9aaa957c207ba08a74cbccbd9aef989101d74b7486a38") format("woff"); } @font-face { font-family: Muli; font-weight: 700; font-style: normal; src: url("https://fonts.shopifycdn.com/muli/muli_n7.5088b0a619cd5498c63f83358f68a9bd968d602f.woff2?h1=bG9jYWxtaWxrcnVuLmNvbQ&h2=c2VhdHRsZS5sb2NhbG1pbGtydW4uY29t&hmac=99674a389e9155c7824297235d4d138de03f23efdd095c04cb93ebaf1e8b80b3") format("woff2"), url("https://fonts.shopifycdn.com/muli/muli_n7.323924fb8ac4a0142319fa4d2a9a47d63188d935.woff?h1=bG9jYWxtaWxrcnVuLmNvbQ&h2=c2VhdHRsZS5sb2NhbG1pbGtydW4uY29t&hmac=45a8bc3de6defab2caf659807d1652962128251dea4e0cc39fde3d6f10240bb9") format("woff"); } @font-face { font-family: Muli; font-weight: 400; font-style: italic; src: url("https://fonts.shopifycdn.com/muli/muli_i4.35f8db21fe967558c304be690dd416d196e023df.woff2?h1=bG9jYWxtaWxrcnVuLmNvbQ&h2=c2VhdHRsZS5sb2NhbG1pbGtydW4uY29t&hmac=965243e714e90bbb410dfc06cfd25d17be433ebd0b8da456c3fa0bda79d1aa41") format("woff2"), url("https://fonts.shopifycdn.com/muli/muli_i4.49d5ae01df0892a3c325d0967a535cc25f82f534.woff?h1=bG9jYWxtaWxrcnVuLmNvbQ&h2=c2VhdHRsZS5sb2NhbG1pbGtydW4uY29t&hmac=408914d067f5b5811ec364a77f2a2efc1635a5d05960049c6bf246dba93b6c9d") format("woff"); } @font-face { font-family: Muli; font-weight: 700; font-style: italic; src: url("https://fonts.shopifycdn.com/muli/muli_i7.18e4bc072d0cb2cf459d8de1aac52898d2067eb8.woff2?h1=bG9jYWxtaWxrcnVuLmNvbQ&h2=c2VhdHRsZS5sb2NhbG1pbGtydW4uY29t&hmac=4552d7c59ff6da28a207495472dee4d83766e462d5c5a71a57b1dcba0e60358b") format("woff2"), url("https://fonts.shopifycdn.com/muli/muli_i7.2dd593be04d6030193d1ab12a136e99dff529cf9.woff?h1=bG9jYWxtaWxrcnVuLmNvbQ&h2=c2VhdHRsZS5sb2NhbG1pbGtydW4uY29t&hmac=5c58133650e0223306c283537204ec309fd7e0edd5739894f9662f2f79c8dd52") format("woff"); } @font-face { font-family: Muli; font-weight: 200; font-style: normal; src: url("https://fonts.shopifycdn.com/muli/muli_n2.58a6198a88621f61ca2fba7b8454083779a291ce.woff2?h1=bG9jYWxtaWxrcnVuLmNvbQ&h2=c2VhdHRsZS5sb2NhbG1pbGtydW4uY29t&hmac=89f964788f0861ce63483309558ec7ab7da9448326ec5572cb75513118fdfecd") format("woff2"), url("https://fonts.shopifycdn.com/muli/muli_n2.3fe69196ff051094313684bcafe7ef89b935b73a.woff?h1=bG9jYWxtaWxrcnVuLmNvbQ&h2=c2VhdHRsZS5sb2NhbG1pbGtydW4uY29t&hmac=3ec2556aeafeb7dac6ff42d5a5a95247488637382c003abf540f3e9e7dc8857b") format("woff"); } @font-face { font-family: Muli; font-weight: 200; font-style: italic; src: url("https://fonts.shopifycdn.com/muli/muli_i2.940b5c9f2a43270ae1fa86f6e59b31ae7f6f9a35.woff2?h1=bG9jYWxtaWxrcnVuLmNvbQ&h2=c2VhdHRsZS5sb2NhbG1pbGtydW4uY29t&hmac=d58537056084444503fbe51f244edf7759284995029b74983eb6c7faf384a7c1") format("woff2"), url("https://fonts.shopifycdn.com/muli/muli_i2.daf9cff4a57b6c6111a734faa84e50d0fe275ea6.woff?h1=bG9jYWxtaWxrcnVuLmNvbQ&h2=c2VhdHRsZS5sb2NhbG1pbGtydW4uY29t&hmac=a2cb9b5c49ad888f80be2181ce231c260781a1280988251d1a12e94d35973e74") format("woff"); } @font-face { font-family: "Humanist 521"; font-weight: 200; font-style: normal; src: url("https://fonts.shopifycdn.com/humanist_521/humanist521_n2.a4bc5644b2418cf03a0b42f46f6a1332e50dd69a.woff2?h1=bG9jYWxtaWxrcnVuLmNvbQ&h2=c2VhdHRsZS5sb2NhbG1pbGtydW4uY29t&hmac=619f19ea6e3152f5ae4677baad036b926879b631303ab91e7783836c824d2595") format("woff2"), url("https://fonts.shopifycdn.com/humanist_521/humanist521_n2.6d9699c8b0e1a95f5def5893ccee96210cb4f76f.woff?h1=bG9jYWxtaWxrcnVuLmNvbQ&h2=c2VhdHRsZS5sb2NhbG1pbGtydW4uY29t&hmac=00fa93d905d81451c0e451bdf7c56a3d06022a6ee7e5900a94c84e47ac2c8dd4") format("woff"); } @font-face { font-family: "Humanist 521"; font-weight: 400; font-style: normal; src: url("https://fonts.shopifycdn.com/humanist_521/humanist521_n4.7d0db9b35d3d579927306c2e206943a0e6742f23.woff2?h1=bG9jYWxtaWxrcnVuLmNvbQ&h2=c2VhdHRsZS5sb2NhbG1pbGtydW4uY29t&hmac=7dbc56738da5f798553b50378f9dbaef07252276dc51a4cd93e79ce863fb4738") format("woff2"), url("https://fonts.shopifycdn.com/humanist_521/humanist521_n4.c78bdc6bd5de46502a93dad431c3da9be7b90eae.woff?h1=bG9jYWxtaWxrcnVuLmNvbQ&h2=c2VhdHRsZS5sb2NhbG1pbGtydW4uY29t&hmac=aa951445fc44da399701d7d5f2658970029397b65b3c8d22848e9d4440eb1154") format("woff"); } @font-face { font-family: "Humanist 521"; font-weight: 200; font-style: italic; src: url("https://fonts.shopifycdn.com/humanist_521/humanist521_i2.b7bd16876652389c396d6df72f0c242e058c6c80.woff2?h1=bG9jYWxtaWxrcnVuLmNvbQ&h2=c2VhdHRsZS5sb2NhbG1pbGtydW4uY29t&hmac=126dd4d836769da3adf481dfd71250919f3231faeb82531dfaed2074f787f62e") format("woff2"), url("https://fonts.shopifycdn.com/humanist_521/humanist521_i2.ad448d2307aa5648549b67c800f8fae697a84d02.woff?h1=bG9jYWxtaWxrcnVuLmNvbQ&h2=c2VhdHRsZS5sb2NhbG1pbGtydW4uY29t&hmac=3c3d0bd0f44f3bc07485676d43859b5be4c2bdd7097dfc8b975012dcce0505c1") format("woff"); } @font-face { font-family: "Humanist 521"; font-weight: 400; font-style: italic; src: url("https://fonts.shopifycdn.com/humanist_521/humanist521_i4.f056054519b1de4d2983a8a6bc6d758350737215.woff2?h1=bG9jYWxtaWxrcnVuLmNvbQ&h2=c2VhdHRsZS5sb2NhbG1pbGtydW4uY29t&hmac=7c2e04800c652816b417a70a49ed89b1e3536bdcb0adc0526c85fa2d0d8a26f4") format("woff2"), url("https://fonts.shopifycdn.com/humanist_521/humanist521_i4.3bf6b47ecf04dbe7ea6f4ffa3f78ee1c166e7fb5.woff?h1=bG9jYWxtaWxrcnVuLmNvbQ&h2=c2VhdHRsZS5sb2NhbG1pbGtydW4uY29t&hmac=85aacc1675148f367863c170092a979d50083e4bcda36841491f257525beec73") format("woff"); } @font-face { font-family: Muli; font-weight: 400; font-style: normal; src: url("https://fonts.shopifycdn.com/muli/muli_n4.32796dd29ef52f78859bd8685b2d63db23ffd695.woff2?h1=bG9jYWxtaWxrcnVuLmNvbQ&h2=c2VhdHRsZS5sb2NhbG1pbGtydW4uY29t&hmac=285d3b250e0e3ce10e51b050913b1a31c6ee7c4d16ad335b052705635671630d") format("woff2"), url("https://fonts.shopifycdn.com/muli/muli_n4.3fd3d04f0161ea06f02880ae41f4a348bcfc9837.woff?h1=bG9jYWxtaWxrcnVuLmNvbQ&h2=c2VhdHRsZS5sb2NhbG1pbGtydW4uY29t&hmac=992e3a4e0f1341a2eed9aaa957c207ba08a74cbccbd9aef989101d74b7486a38") format("woff"); } @font-face { font-family: Muli; font-weight: 700; font-style: normal; src: url("https://fonts.shopifycdn.com/muli/muli_n7.5088b0a619cd5498c63f83358f68a9bd968d602f.woff2?h1=bG9jYWxtaWxrcnVuLmNvbQ&h2=c2VhdHRsZS5sb2NhbG1pbGtydW4uY29t&hmac=99674a389e9155c7824297235d4d138de03f23efdd095c04cb93ebaf1e8b80b3") format("woff2"), url("https://fonts.shopifycdn.com/muli/muli_n7.323924fb8ac4a0142319fa4d2a9a47d63188d935.woff?h1=bG9jYWxtaWxrcnVuLmNvbQ&h2=c2VhdHRsZS5sb2NhbG1pbGtydW4uY29t&hmac=45a8bc3de6defab2caf659807d1652962128251dea4e0cc39fde3d6f10240bb9") format("woff"); } @font-face { font-family: Muli; font-weight: 400; font-style: italic; src: url("https://fonts.shopifycdn.com/muli/muli_i4.35f8db21fe967558c304be690dd416d196e023df.woff2?h1=bG9jYWxtaWxrcnVuLmNvbQ&h2=c2VhdHRsZS5sb2NhbG1pbGtydW4uY29t&hmac=965243e714e90bbb410dfc06cfd25d17be433ebd0b8da456c3fa0bda79d1aa41") format("woff2"), url("https://fonts.shopifycdn.com/muli/muli_i4.49d5ae01df0892a3c325d0967a535cc25f82f534.woff?h1=bG9jYWxtaWxrcnVuLmNvbQ&h2=c2VhdHRsZS5sb2NhbG1pbGtydW4uY29t&hmac=408914d067f5b5811ec364a77f2a2efc1635a5d05960049c6bf246dba93b6c9d") format("woff"); } @font-face { font-family: Muli; font-weight: 700; font-style: italic; src: url("https://fonts.shopifycdn.com/muli/muli_i7.18e4bc072d0cb2cf459d8de1aac52898d2067eb8.woff2?h1=bG9jYWxtaWxrcnVuLmNvbQ&h2=c2VhdHRsZS5sb2NhbG1pbGtydW4uY29t&hmac=4552d7c59ff6da28a207495472dee4d83766e462d5c5a71a57b1dcba0e60358b") format("woff2"), url("https://fonts.shopifycdn.com/muli/muli_i7.2dd593be04d6030193d1ab12a136e99dff529cf9.woff?h1=bG9jYWxtaWxrcnVuLmNvbQ&h2=c2VhdHRsZS5sb2NhbG1pbGtydW4uY29t&hmac=5c58133650e0223306c283537204ec309fd7e0edd5739894f9662f2f79c8dd52") format("woff"); } /* Sean adding header font here */ @font-face { font-family: 'neutra'; src: url(neutra_display_titling-webfont.woff) format("woff2"), url(//https://cdn.shopify.com/s/files/1/0504/0439/3144/t/9/assets/neutra_display_titling-webfont.woff?v=11961624638032032587) format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: 'neue-ein'; src: url(NeueEinstellung-Regular.woff) format("woff2"), url(//https://cdn.shopify.com/s/files/1/0504/0439/3144/t/9/assets/NeueEinstellung-Regular.woff?v=11145758740262057948) format("woff"); font-weight: normal; font-style: normal; } /* #Basic styles ================================================== */ body { font-family: 'neue-ein', Muli, sans-serif; font-weight: 400; font-size: 15px; text-transform: none; color: #656565; line-height: 1.5; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; background-color: #ffffff; } ::-moz-selection { background-color: #000; color: #fff; } ::selection { background: #FFF7B6; color: black; } .noscript { display: none; } abbr { border-bottom: 1px dotted #b8b8b8; } img[data-sizes="auto"] { display: block; width: 100%; margin-left: auto; margin-right: auto; } table tr.order_summary td.label { text-align: right; } table { margin-bottom: 20px; } #order_details_table { overflow: scroll; } #order_details { width: 100%; } #order_details th { font-weight: 700; background: #f9f9f9; text-align: left; } #order_details th, #order_details td { padding: 10px; vertical-align: initial; } #order_details tr { border-bottom: 1px solid #b8b8b8; } #order_details tr:first-child { border-top: 1px solid #b8b8b8; } #order_details td, #order_details th { border-right: 1px solid #b8b8b8; } #order_details td:first-child, #order_details th:first-child { border-left: 1px solid #b8b8b8; } #order_details .em { font-weight: 700; } #order_details { margin-bottom: 20px; } #customer_orders { width: 100%; overflow: scroll; } #customer_orders th { font-weight: 700; background: #f9f9f9; text-align: left; } #customer_orders th, #customer_orders td { padding: 10px; vertical-align: initial; } #customer_orders tr { border-bottom: 1px solid #b8b8b8; } #customer_orders tr:first-child { border-top: 1px solid #b8b8b8; } #customer_orders td, #customer_orders th { border-right: 1px solid #b8b8b8; } #customer_orders td:first-child, #customer_orders th:first-child { border-left: 1px solid #b8b8b8; } #customer_orders .em { font-weight: 700; } #customer_orders { margin-bottom: 20px; } .image__container, .image-element__wrap { display: block; margin-left: auto; margin-right: auto; position: relative; overflow: hidden; } .image__container img, .image-element__wrap img { height: auto; } .socialShare { 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; } .socialShare__text { margin: 0; margin-right: 5px; } .socialButtons { 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: 0; } .socialButtons .share-btn { margin-left: 5px; } .socialButtons a, .socialButtons a:visited { color: #656565; font-size: 18px; padding: 0 3px; } /*============================================================================ 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. ==============================================================================*/ .index-sections .shopify-section:not(.divider-section), .draggableBlocks .draggableBlock:not(.block__divider) { padding-top: 40px; padding-bottom: 40px; } @media only screen and (max-width: 798px) { .index-sections .shopify-section:not(.divider-section), .draggableBlocks .draggableBlock:not(.block__divider) { padding-top: 30px; padding-bottom: 30px; } } .draggableBlocks .draggableBlock.block__image_with_overlay:first-child { padding-top: 0; } .index-sections .shopify-section.padding-toggle, .draggableBlocks .draggableBlock.padding-toggle { padding-top: 0; padding-bottom: 0; } .index-sections .shopify-section.padding-toggle .padding--true, .draggableBlocks .draggableBlock.padding-toggle .padding--true { padding-top: 40px; padding-bottom: 40px; } @media only screen and (max-width: 798px) { .index-sections .shopify-section.padding-toggle .padding--true, .draggableBlocks .draggableBlock.padding-toggle .padding--true { padding-top: 30px; padding-bottom: 30px; } } .index-sections .padding-toggle.slideshow-section:first-child .padding--true, .index-sections .padding-toggle.video-section:first-child .padding--true { padding-top: 0; } @media only screen and (max-width: 798px) { .index-sections .padding-toggle.slideshow-section:first-child .padding--true, .index-sections .padding-toggle.video-section:first-child .padding--true { padding-top: 0; } } .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); } /* Halves */ .one-half { width: calc(50% - 20px); } /* Thirds */ .one-third { width: calc(33.33333% - 20px); } .two-thirds { width: calc(66.66667% - 20px); } /* Quarters */ .one-quarter { width: calc(25% - 20px); } .two-quarters { width: calc(50% - 20px); } .three-quarters { 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); } .clearColumns .two:nth-of-type(8n+1), .clearColumns .four:nth-of-type(4n+1), .clearColumns .eight:nth-of-type(2n+1), .clearColumns .one-half:nth-of-type(2n+1), .clearColumns .one-third:nth-of-type(3n+1), .clearColumns .one-fifth:nth-of-type(5n+1), .clearColumns .one-sixth:nth-of-type(6n+1), .clearColumns .one-seventh:nth-of-type(7n+1) { clear: both; } @media only screen and (max-width: 798px) { .clearColumns .two:nth-of-type(8n+1), .clearColumns .four:nth-of-type(4n+1), .clearColumns .eight:nth-of-type(2n+1), .clearColumns .one-half:nth-of-type(2n+1), .clearColumns .one-third:nth-of-type(3n+1), .clearColumns .one-fifth:nth-of-type(5n+1), .clearColumns .one-sixth:nth-of-type(6n+1), .clearColumns .one-seventh:nth-of-type(7n+1) { clear: none; } } @media only screen and (max-width: 798px) { .clearColumns .two:nth-of-type(2n+1), .clearColumns .four:nth-of-type(2n+1), .clearColumns .eight:nth-of-type(2n+1), .clearColumns .one-half:nth-of-type(2n+1), .clearColumns .one-third:nth-of-type(2n+1), .clearColumns .one-fifth:nth-of-type(2n+1), .clearColumns .one-sixth:nth-of-type(2n+1), .clearColumns .one-seventh:nth-of-type(2n+1) { clear: both; } } @media only screen and (min-width: 799px) { .container--uniform .two:nth-of-type(8n), .container--uniform .four:nth-of-type(4n), .container--uniform .eight:nth-of-type(2n) { margin-right: 0; } } @media only screen and (min-width: 799px) { .container--uniform .one-half:nth-of-type(2n), .container--uniform .one-third:nth-of-type(3n), .container--uniform .one-fifth:nth-of-type(5n), .container--uniform .one-sixth:nth-of-type(6n), .container--uniform .one-seventh:nth-of-type(7n) { margin-right: 0; } } @media only screen and (min-width: 799px) { .container--uniform .two:nth-of-type(8n+1), .container--uniform .four:nth-of-type(4n+1), .container--uniform .eight:nth-of-type(2n+1) { margin-left: 0; } } @media only screen and (min-width: 799px) { .container--uniform .one-half:nth-of-type(2n+1), .container--uniform .one-third:nth-of-type(3n+1), .container--uniform .one-fifth:nth-of-type(5n+1), .container--uniform .one-sixth:nth-of-type(6n+1), .container--uniform .one-seventh:nth-of-type(7n+1) { margin-left: 0; } } .container--uniform .one-whole:nth-of-type(1n+1) { width: calc(100% - 20px); margin-right: calc(20px / 2); margin-left: calc(20px / 2); } .container--uniform .one-half { width: calc(50% - (20px - (20px / 2))); } .container--uniform .one-third { width: calc(33.33333% - (20px - (20px / 3))); } .container--uniform .one-fifth { width: calc(20% - (20px - (20px / 5))); } .container--uniform .two-fifth { width: calc(40% - (20px - (20px / 5))); } .container--uniform .one-sixth { width: calc(16.66667% - (20px - (20px / 6))); } .container--uniform .one-seventh { width: calc(14.28571% - (20px - (20px / 7))); } .container--uniform .two { width: calc(12.5% - (20px - (20px / 8))); } .container--uniform .four { width: calc(25% - (20px - (20px / 4))); } .container--uniform .eight { width: calc(50% - (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: 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); } /* 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); } /* Quarters */ .small-down--one-quarter { width: calc(25% - 20px); } .small-down--two-quarters { width: calc(50% - 20px); } .small-down--three-quarters { 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); } .clearColumns .small-down--two:nth-of-type(8n+1), .clearColumns .small-down--four:nth-of-type(4n+1), .clearColumns .small-down--eight:nth-of-type(2n+1), .clearColumns .small-down--one-half:nth-of-type(2n+1), .clearColumns .small-down--one-third:nth-of-type(3n+1), .clearColumns .small-down--one-fifth:nth-of-type(5n+1), .clearColumns .small-down--one-sixth:nth-of-type(6n+1), .clearColumns .small-down--one-seventh:nth-of-type(7n+1) { clear: both; } .container--uniform .small-down--one-whole:nth-of-type(1n+1) { width: calc(100% - 20px); margin-right: calc(20px / 2); margin-left: calc(20px / 2); } .container--uniform .small-down--one-half { width: calc(50% - (20px - (20px / 2))); } .container--uniform .small-down--one-third { width: calc(33.33333% - (20px - (20px / 3))); } .container--uniform .small-down--one-fifth { width: calc(20% - (20px - (20px / 5))); } .container--uniform .small-down--two-fifth { width: calc(40% - (20px - (20px / 5))); } .container--uniform .small-down--one-sixth { width: calc(16.66667% - (20px - (20px / 6))); } .container--uniform .small-down--one-seventh { width: calc(14.28571% - (20px - (20px / 7))); } .container--uniform .small-down--two { width: calc(12.5% - (20px - (20px / 8))); } .container--uniform .small-down--four { width: calc(25% - (20px - (20px / 4))); } .container--uniform .small-down--eight { width: calc(50% - (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: 798px) { .clearColumns .small-down--two:nth-of-type(8n+1), .clearColumns .small-down--four:nth-of-type(4n+1), .clearColumns .small-down--eight:nth-of-type(2n+1), .clearColumns .small-down--one-half:nth-of-type(2n+1), .clearColumns .small-down--one-third:nth-of-type(3n+1), .clearColumns .small-down--one-fifth:nth-of-type(5n+1), .clearColumns .small-down--one-sixth:nth-of-type(6n+1), .clearColumns .small-down--one-seventh:nth-of-type(7n+1) { clear: none; } } @media only screen and (max-width: 480px) and (max-width: 798px) { .clearColumns .small-down--two:nth-of-type(2n+1), .clearColumns .small-down--four:nth-of-type(2n+1), .clearColumns .small-down--eight:nth-of-type(2n+1), .clearColumns .small-down--one-half:nth-of-type(2n+1), .clearColumns .small-down--one-third:nth-of-type(2n+1), .clearColumns .small-down--one-fifth:nth-of-type(2n+1), .clearColumns .small-down--one-sixth:nth-of-type(2n+1), .clearColumns .small-down--one-seventh:nth-of-type(2n+1) { clear: both; } } @media only screen and (max-width: 480px) and (min-width: 799px) { .container--uniform .small-down--two:nth-of-type(8n), .container--uniform .small-down--four:nth-of-type(4n), .container--uniform .small-down--eight:nth-of-type(2n) { margin-right: 0; } } @media only screen and (max-width: 480px) and (min-width: 799px) { .container--uniform .small-down--one-half:nth-of-type(2n), .container--uniform .small-down--one-third:nth-of-type(3n), .container--uniform .small-down--one-fifth:nth-of-type(5n), .container--uniform .small-down--one-sixth:nth-of-type(6n), .container--uniform .small-down--one-seventh:nth-of-type(7n) { margin-right: 0; } } @media only screen and (max-width: 480px) and (min-width: 799px) { .container--uniform .small-down--two:nth-of-type(8n+1), .container--uniform .small-down--four:nth-of-type(4n+1), .container--uniform .small-down--eight:nth-of-type(2n+1) { margin-left: 0; } } @media only screen and (max-width: 480px) and (min-width: 799px) { .container--uniform .small-down--one-half:nth-of-type(2n+1), .container--uniform .small-down--one-third:nth-of-type(3n+1), .container--uniform .small-down--one-fifth:nth-of-type(5n+1), .container--uniform .small-down--one-sixth:nth-of-type(6n+1), .container--uniform .small-down--one-seventh:nth-of-type(7n+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); } /* 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); } /* Quarters */ .medium-down--one-quarter { width: calc(25% - 20px); } .medium-down--two-quarters { width: calc(50% - 20px); } .medium-down--three-quarters { 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); } .clearColumns .medium-down--two:nth-of-type(8n+1), .clearColumns .medium-down--four:nth-of-type(4n+1), .clearColumns .medium-down--eight:nth-of-type(2n+1), .clearColumns .medium-down--one-half:nth-of-type(2n+1), .clearColumns .medium-down--one-third:nth-of-type(3n+1), .clearColumns .medium-down--one-fifth:nth-of-type(5n+1), .clearColumns .medium-down--one-sixth:nth-of-type(6n+1), .clearColumns .medium-down--one-seventh:nth-of-type(7n+1) { clear: both; } .container--uniform .medium-down--one-whole:nth-of-type(1n+1) { width: calc(100% - 20px); margin-right: calc(20px / 2); margin-left: calc(20px / 2); } .container--uniform .medium-down--one-half { width: calc(50% - (20px - (20px / 2))); } .container--uniform .medium-down--one-third { width: calc(33.33333% - (20px - (20px / 3))); } .container--uniform .medium-down--one-fifth { width: calc(20% - (20px - (20px / 5))); } .container--uniform .medium-down--two-fifth { width: calc(40% - (20px - (20px / 5))); } .container--uniform .medium-down--one-sixth { width: calc(16.66667% - (20px - (20px / 6))); } .container--uniform .medium-down--one-seventh { width: calc(14.28571% - (20px - (20px / 7))); } .container--uniform .medium-down--two { width: calc(12.5% - (20px - (20px / 8))); } .container--uniform .medium-down--four { width: calc(25% - (20px - (20px / 4))); } .container--uniform .medium-down--eight { width: calc(50% - (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) { .clearColumns .medium-down--two:nth-of-type(8n+1), .clearColumns .medium-down--four:nth-of-type(4n+1), .clearColumns .medium-down--eight:nth-of-type(2n+1), .clearColumns .medium-down--one-half:nth-of-type(2n+1), .clearColumns .medium-down--one-third:nth-of-type(3n+1), .clearColumns .medium-down--one-fifth:nth-of-type(5n+1), .clearColumns .medium-down--one-sixth:nth-of-type(6n+1), .clearColumns .medium-down--one-seventh:nth-of-type(7n+1) { clear: none; } } @media only screen and (max-width: 798px) and (max-width: 798px) { .clearColumns .medium-down--two:nth-of-type(2n+1), .clearColumns .medium-down--four:nth-of-type(2n+1), .clearColumns .medium-down--eight:nth-of-type(2n+1), .clearColumns .medium-down--one-half:nth-of-type(2n+1), .clearColumns .medium-down--one-third:nth-of-type(2n+1), .clearColumns .medium-down--one-fifth:nth-of-type(2n+1), .clearColumns .medium-down--one-sixth:nth-of-type(2n+1), .clearColumns .medium-down--one-seventh:nth-of-type(2n+1) { clear: both; } } @media only screen and (max-width: 798px) and (min-width: 799px) { .container--uniform .medium-down--two:nth-of-type(8n), .container--uniform .medium-down--four:nth-of-type(4n), .container--uniform .medium-down--eight:nth-of-type(2n) { margin-right: 0; } } @media only screen and (max-width: 798px) and (min-width: 799px) { .container--uniform .medium-down--one-half:nth-of-type(2n), .container--uniform .medium-down--one-third:nth-of-type(3n), .container--uniform .medium-down--one-fifth:nth-of-type(5n), .container--uniform .medium-down--one-sixth:nth-of-type(6n), .container--uniform .medium-down--one-seventh:nth-of-type(7n) { margin-right: 0; } } @media only screen and (max-width: 798px) and (min-width: 799px) { .container--uniform .medium-down--two:nth-of-type(8n+1), .container--uniform .medium-down--four:nth-of-type(4n+1), .container--uniform .medium-down--eight:nth-of-type(2n+1) { margin-left: 0; } } @media only screen and (max-width: 798px) and (min-width: 799px) { .container--uniform .medium-down--one-half:nth-of-type(2n+1), .container--uniform .medium-down--one-third:nth-of-type(3n+1), .container--uniform .medium-down--one-fifth:nth-of-type(5n+1), .container--uniform .medium-down--one-sixth:nth-of-type(6n+1), .container--uniform .medium-down--one-seventh:nth-of-type(7n+1) { margin-left: 0; } } @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); } /* 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); } /* Quarters */ .large-down--one-quarter { width: calc(25% - 20px); } .large-down--two-quarters { width: calc(50% - 20px); } .large-down--three-quarters { 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); } .clearColumns .large-down--two:nth-of-type(8n+1), .clearColumns .large-down--four:nth-of-type(4n+1), .clearColumns .large-down--eight:nth-of-type(2n+1), .clearColumns .large-down--one-half:nth-of-type(2n+1), .clearColumns .large-down--one-third:nth-of-type(3n+1), .clearColumns .large-down--one-fifth:nth-of-type(5n+1), .clearColumns .large-down--one-sixth:nth-of-type(6n+1), .clearColumns .large-down--one-seventh:nth-of-type(7n+1) { clear: both; } .container--uniform .large-down--one-whole:nth-of-type(1n+1) { width: calc(100% - 20px); margin-right: calc(20px / 2); margin-left: calc(20px / 2); } .container--uniform .large-down--one-half { width: calc(50% - (20px - (20px / 2))); } .container--uniform .large-down--one-third { width: calc(33.33333% - (20px - (20px / 3))); } .container--uniform .large-down--one-fifth { width: calc(20% - (20px - (20px / 5))); } .container--uniform .large-down--two-fifth { width: calc(40% - (20px - (20px / 5))); } .container--uniform .large-down--one-sixth { width: calc(16.66667% - (20px - (20px / 6))); } .container--uniform .large-down--one-seventh { width: calc(14.28571% - (20px - (20px / 7))); } .container--uniform .large-down--two { width: calc(12.5% - (20px - (20px / 8))); } .container--uniform .large-down--four { width: calc(25% - (20px - (20px / 4))); } .container--uniform .large-down--eight { width: calc(50% - (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: 798px) { .clearColumns .large-down--two:nth-of-type(8n+1), .clearColumns .large-down--four:nth-of-type(4n+1), .clearColumns .large-down--eight:nth-of-type(2n+1), .clearColumns .large-down--one-half:nth-of-type(2n+1), .clearColumns .large-down--one-third:nth-of-type(3n+1), .clearColumns .large-down--one-fifth:nth-of-type(5n+1), .clearColumns .large-down--one-sixth:nth-of-type(6n+1), .clearColumns .large-down--one-seventh:nth-of-type(7n+1) { clear: none; } } @media only screen and (max-width: 1024px) and (max-width: 798px) { .clearColumns .large-down--two:nth-of-type(2n+1), .clearColumns .large-down--four:nth-of-type(2n+1), .clearColumns .large-down--eight:nth-of-type(2n+1), .clearColumns .large-down--one-half:nth-of-type(2n+1), .clearColumns .large-down--one-third:nth-of-type(2n+1), .clearColumns .large-down--one-fifth:nth-of-type(2n+1), .clearColumns .large-down--one-sixth:nth-of-type(2n+1), .clearColumns .large-down--one-seventh:nth-of-type(2n+1) { clear: both; } } @media only screen and (max-width: 1024px) and (min-width: 799px) { .container--uniform .large-down--two:nth-of-type(8n), .container--uniform .large-down--four:nth-of-type(4n), .container--uniform .large-down--eight:nth-of-type(2n) { margin-right: 0; } } @media only screen and (max-width: 1024px) and (min-width: 799px) { .container--uniform .large-down--one-half:nth-of-type(2n), .container--uniform .large-down--one-third:nth-of-type(3n), .container--uniform .large-down--one-fifth:nth-of-type(5n), .container--uniform .large-down--one-sixth:nth-of-type(6n), .container--uniform .large-down--one-seventh:nth-of-type(7n) { margin-right: 0; } } @media only screen and (max-width: 1024px) and (min-width: 799px) { .container--uniform .large-down--two:nth-of-type(8n+1), .container--uniform .large-down--four:nth-of-type(4n+1), .container--uniform .large-down--eight:nth-of-type(2n+1) { margin-left: 0; } } @media only screen and (max-width: 1024px) and (min-width: 799px) { .container--uniform .large-down--one-half:nth-of-type(2n+1), .container--uniform .large-down--one-third:nth-of-type(3n+1), .container--uniform .large-down--one-fifth:nth-of-type(5n+1), .container--uniform .large-down--one-sixth:nth-of-type(6n+1), .container--uniform .large-down--one-seventh:nth-of-type(7n+1) { margin-left: 0; } } .container { position: relative; max-width: 1220px; width: calc(90% + 20px); margin: 0 auto; } @media only screen and (max-width: 480px) { .container { width: calc(100% - 40px); } } [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, .columns { width: 100%; margin-left: 0; margin-right: 0; } } .flexContainer { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .flexContainer:after { visibility: hidden; display: none; font-size: 0; content: " "; clear: both; height: 0; } .row { margin-bottom: 20px; } .containerBorder--top::before { display: block; content: ''; height: 0; width: calc(100% - 20px); border-top: thin solid #b8b8b8; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; float: left; } @media only screen and (max-width: 480px) { .containerBorder--top::before { width: 100%; } } .containerBorder--bottom::after { display: block; content: ''; height: 0; width: calc(100% - 20px); border-top: thin solid #b8b8b8; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; clear: both; } @media only screen and (max-width: 480px) { .containerBorder--bottom::after { width: 100%; } } .narrowWidth--true.container { max-width: 1000px; margin-left: auto; margin-right: auto; } .container.fullWidth--true, .fullWidth--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%); } } .clearColumns .collection__featuredImage--true { /* Five across */ /* Four across */ } .clearColumns .collection__featuredImage--true .collection__featuredImage { margin-right: calc(20px / 2); overflow: hidden; } .clearColumns .collection__featuredImage--true .one-fifth.column:nth-of-type(4), .clearColumns .collection__featuredImage--true .one-fifth.column:nth-of-type(7) { clear: none; } .clearColumns .collection__featuredImage--true .one-fifth.column:nth-of-type(5n+1), .clearColumns .collection__featuredImage--true .one-fifth.column:nth-of-type(5n) { clear: none; } .clearColumns .collection__featuredImage--true .one-fifth.column:nth-of-type(5n+8) { clear: both; } .clearColumns .collection__featuredImage--true .one-fifth.column:nth-of-type(5n+12) { clear: none; } .clearColumns .collection__featuredImage--true .four.columns:nth-of-type(4n+1), .clearColumns .collection__featuredImage--true .four.columns:nth-of-type(4n) { clear: none; } .clearColumns .collection__featuredImage--true .four.columns:nth-of-type(3), .clearColumns .collection__featuredImage--true .four.columns:nth-of-type(5) { clear: none; } .clearColumns .collection__featuredImage--true .four.columns:nth-of-type(4n+1) { clear: none; } .clearColumns .collection__featuredImage--true .four.columns:nth-of-type(4n+6) { clear: both; } @media only screen and (max-width: 480px) { .clearColumns .collection__featuredImage--true .thumbnail.product__thumbnail.column.columns { clear: initial; } } @media only screen and (max-width: 480px) { .clearColumns .collection__featuredImage--true .thumbnail.product__thumbnail.column.columns:nth-of-type(2n+2) { clear: both; } } /* #Vendors ================================================== */ /** * Featherlight ultra slim jQuery lightbox * Version 1.7.11 https://noelboss.github.io/featherlight/ * * Copyright 2017, Noel Raoul Bossart (https://www.noelboss.com) * MIT Licensed. **/ @media all { html.with-featherlight { overflow: hidden; } .featherlight { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2147483647; text-align: center; white-space: nowrap; cursor: pointer; background: #333; background: rgba(0, 0, 0, 0); } .featherlight:last-of-type { background: rgba(0, 0, 0, 0.8); } .featherlight:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .featherlight .featherlight-content { position: relative; text-align: left; vertical-align: middle; display: inline-block; overflow: auto; padding: 25px 25px 0; border-bottom: 25px solid transparent; margin-left: 5%; margin-right: 5%; max-height: 95%; background: #fff; cursor: auto; white-space: normal; } .featherlight .featherlight-inner { display: block; } .featherlight link.featherlight-inner, .featherlight script.featherlight-inner, .featherlight style.featherlight-inner { display: none; } .featherlight .featherlight-close-icon { position: absolute; z-index: 9999; top: 0; right: 0; line-height: 25px; width: 25px; cursor: pointer; text-align: center; font-family: Arial,sans-serif; background: #fff; background: rgba(255, 255, 255, 0.3); color: #000; border: 0; padding: 0; } .featherlight .featherlight-close-icon::-moz-focus-inner { border: 0; padding: 0; } .featherlight .featherlight-image { width: 100%; } .featherlight-iframe .featherlight-content { border-bottom: 0; padding: 0; -webkit-overflow-scrolling: touch; overflow-y: scroll; } .featherlight iframe { border: 0; } .featherlight * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } } @media only screen and (max-width: 1024px) { .featherlight .featherlight-content { margin-left: 0; margin-right: 0; max-height: 98%; padding: 10px 10px 0; border-bottom: 10px solid transparent; } } @media print { @page { size: landscape; } html.with-featherlight > * > :not(.featherlight) { display: none; } } /** * Featherlight Gallery an extension for the ultra slim jQuery lightbox * Version 1.7.11 https://noelboss.github.io/featherlight/ * * Copyright 2017, Noel Raoul Bossart (https://www.noelboss.com) * MIT Licensed. **/ @media all { .featherlight-next, .featherlight-previous { display: block; position: absolute; top: 25px; right: 25px; bottom: 0; left: 80%; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: rgba(0, 0, 0, 0); } .featherlight-previous { left: 25px; right: 80%; } .featherlight-next:hover, .featherlight-previous:hover { background: rgba(255, 255, 255, 0.25); } .featherlight-next span, .featherlight-previous span { display: none; position: absolute; top: 50%; left: 5%; width: 82%; text-align: center; font-size: 80px; line-height: 80px; margin-top: -40px; text-shadow: 0 0 5px #fff; color: #fff; font-style: normal; font-weight: 400; } .featherlight-next span { right: 5%; left: auto; } .featherlight-next:hover span, .featherlight-previous:hover span { display: inline-block; } .featherlight-first-slide.featherlight-last-slide .featherlight-next, .featherlight-first-slide.featherlight-last-slide .featherlight-previous, .featherlight-loading .featherlight-next, .featherlight-loading .featherlight-previous, .featherlight-swipe-aware .featherlight-next, .featherlight-swipe-aware .featherlight-previous { display: none; } } @media only screen and (max-device-width: 1024px) { .featherlight-next:hover, .featherlight-previous:hover { background: 0 0; } .featherlight-next span, .featherlight-previous span { display: block; } } @media only screen and (max-width: 1024px) { .featherlight-next, .featherlight-previous { top: 10px; right: 10px; left: 85%; } .featherlight-previous { left: 10px; right: 85%; } .featherlight-next span, .featherlight-previous span { margin-top: -30px; font-size: 40px; } } /*! * Datepicker v0.6.3 * https://github.com/fengyuanchen/datepicker * * Copyright (c) 2014-2017 Fengyuan Chen * Released under the MIT license * * Date: 2017-09-29T14:28:02.764Z */ .datepicker-container { background-color: #fff; direction: ltr; font-size: 12px; left: 0; line-height: 30px; position: fixed; top: 0; -ms-touch-action: none; touch-action: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 210px; z-index: -1; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .datepicker-container:after, .datepicker-container:before { border: 5px solid transparent; content: " "; display: block; height: 0; position: absolute; width: 0; } .datepicker-dropdown { border: 1px solid #ccc; box-shadow: 0 3px 6px #ccc; box-sizing: content-box; position: absolute; z-index: 1; } .datepicker-inline { position: static; } .datepicker-top-left, .datepicker-top-right { border-top-color: #39f; } .datepicker-top-left:after, .datepicker-top-left:before, .datepicker-top-right:after, .datepicker-top-right:before { border-top: 0; left: 10px; top: -5px; } .datepicker-top-left:before, .datepicker-top-right:before { border-bottom-color: #39f; } .datepicker-top-left:after, .datepicker-top-right:after { border-bottom-color: #fff; top: -4px; } .datepicker-bottom-left, .datepicker-bottom-right { border-bottom-color: #39f; } .datepicker-bottom-left:after, .datepicker-bottom-left:before, .datepicker-bottom-right:after, .datepicker-bottom-right:before { border-bottom: 0; bottom: -5px; left: 10px; } .datepicker-bottom-left:before, .datepicker-bottom-right:before { border-top-color: #39f; } .datepicker-bottom-left:after, .datepicker-bottom-right:after { border-top-color: #fff; bottom: -4px; } .datepicker-bottom-right:after, .datepicker-bottom-right:before, .datepicker-top-right:after, .datepicker-top-right:before { left: auto; right: 10px; } .datepicker-panel > ul { margin: 0; padding: 0; width: 102%; } .datepicker-panel > ul:after, .datepicker-panel > ul:before { content: " "; display: table; } .datepicker-panel > ul:after { clear: both; } .datepicker-panel > ul > li { background-color: #fff; cursor: pointer; float: left; height: 30px; list-style: none; margin: 0; padding: 0; text-align: center; width: 30px; } .datepicker-panel > ul > li:hover { background-color: #e5f2ff; } .datepicker-panel > ul > li.muted, .datepicker-panel > ul > li.muted:hover { color: #999; } .datepicker-panel > ul > li.highlighted { background-color: #e5f2ff; } .datepicker-panel > ul > li.highlighted:hover { background-color: #cce5ff; } .datepicker-panel > ul > li.picked, .datepicker-panel > ul > li.picked:hover { color: #39f; } .datepicker-panel > ul > li.disabled, .datepicker-panel > ul > li.disabled:hover { background-color: #fff; color: #ccc; cursor: default; } .datepicker-panel > ul > li.disabled.highlighted, .datepicker-panel > ul > li.disabled:hover.highlighted { background-color: #e5f2ff; } .datepicker-panel > ul > li[data-view="month next"], .datepicker-panel > ul > li[data-view="month prev"], .datepicker-panel > ul > li[data-view="year next"], .datepicker-panel > ul > li[data-view="year prev"], .datepicker-panel > ul > li[data-view="years next"], .datepicker-panel > ul > li[data-view="years prev"], .datepicker-panel > ul > li[data-view=next] { font-size: 18px; } .datepicker-panel > ul > li[data-view="month current"], .datepicker-panel > ul > li[data-view="year current"], .datepicker-panel > ul > li[data-view="years current"] { width: 150px; } .datepicker-panel > ul[data-view=months] > li, .datepicker-panel > ul[data-view=years] > li { height: 52.5px; line-height: 52.5px; width: 52.5px; } .datepicker-panel > ul[data-view=week] > li, .datepicker-panel > ul[data-view=week] > li:hover { background-color: #fff; cursor: default; } .datepicker-hide { display: none; } /*# sourceMappingURL=datepicker.min.css.map */ /* #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: 35px 10px 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.2.1 https://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; -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-button { position: absolute; background: rgba(255, 255, 255, 0.75); border: none; color: #333; } .flickity-button:hover { background: #fff; cursor: pointer; } .flickity-button:focus { outline: 0; box-shadow: 0 0 0 5px #19f; } .flickity-button:active { opacity: .6; } .flickity-button:disabled { opacity: .3; cursor: auto; pointer-events: none; } .flickity-button-icon { fill: currentColor; } .flickity-prev-next-button { top: 50%; width: 44px; height: 44px; border-radius: 50%; transform: translateY(-50%); } .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 .flickity-button-icon { position: absolute; left: 20%; top: 20%; width: 60%; height: 60%; } .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; } /* animate.css -https://daneden.me/animate * Version - 3.6.0 * Licensed under the MIT license - https://opensource.org/licenses/MIT * * Copyright (c) 2018 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; } @keyframes slideInLeft { 0% { transform: translate3d(-100%, 0, 0); visibility: visible; } to { transform: translateZ(0); } } .slideInLeft { animation-name: slideInLeft; } @keyframes slideOutRight { 0% { transform: translateZ(0); } to { visibility: hidden; transform: translate3d(100%, 0, 0); } } .slideOutRight { animation-name: slideOutRight; } .delay-0s { animation-delay: 0; } .delay-025s { animation-delay: .25s; opacity: 0; } .delay-05s { animation-delay: .5s; opacity: 0; } .delay-075s { animation-delay: .75s; opacity: 0; } .delay-1s { animation-delay: 1s; opacity: 0; } .animate_right, .animate_left, .animate_up, .animate_down { opacity: 0; } @media only screen and (max-width: 798px) { .animate_right, .animate_left, .animate_up, .animate_down { opacity: 1; } } /* Backwards compatibility for Flexslider */ .slider .flickity-slider li, .flexslider .flickity-slider li { width: 100%; list-style: none; padding-left: 0.1%; /* Fix for Flickity pixel line */ padding-right: 0.1%; /* Fix for Flickity pixel line */ margin: 0 !important; /* Overwrite content margin */ } .slider .flickity-slider li .position-center.caption, .flexslider .flickity-slider li .position-center.caption { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } .slider .flickity-slider li img, .flexslider .flickity-slider li img { width: 100%; } .slider .flickity-page-dots, .flexslider .flickity-page-dots { margin: 0; } /* #Fonts and icons ================================================== */ @font-face { font-family: 'artisan'; src: url("https://cdn.shopify.com/s/files/1/0504/0439/3144/t/9/assets/artisan.eot?dipe04"); src: url("https://cdn.shopify.com/s/files/1/0504/0439/3144/t/9/assets/artisan.eot?dipe04#iefix") format("embedded-opentype"), url("artisan_dipe04.ttf") format("truetype"), url("https://cdn.shopify.com/s/files/1/0504/0439/3144/t/9/assets/artisan.woff?dipe04") format("woff"), url("https://cdn.shopify.com/s/files/1/0504/0439/3144/t/9/assets/artisan.svg?dipe04#icomoon") format("svg"); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'artisan' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-calendar:before { content: "\e900"; } .icon-check:before { content: "\e901"; } .icon-cross:before { content: "\e902"; } .icon-triangle-down:before, .icon-down-caret:before { content: "\e903"; } .icon-menu:before { content: "\e904"; } .icon-triangle-left:before, .icon-left-caret:before { content: "\e905"; } .icon-search:before { content: "\e906"; } .icon-location-pin:before { content: "\e907"; } .icon-minus:before { content: "\e908"; } .icon-plus:before { content: "\e909"; } .icon-right-arrow:before { content: "\e90a"; } .icon-triangle-right:before, .icon-right-caret:before { content: "\e90b"; } .icon-shopping-purse:before { content: "\e90c"; } .icon-shopping-basket:before { content: "\e90d"; } .icon-shopping-cart:before { content: "\e90e"; } .icon-mobile:before { content: "\e90f"; } .icon-triangle-up:before, .icon-up-caret:before { content: "\e910"; } .icon-user:before { content: "\e911"; } .icon-rss:before { content: "\e915"; } .icon-share:before { content: "\e916"; } .icon-behance:before { content: "\e91b"; } .icon-vine:before { content: "\e91c"; } .icon-houzz:before { content: "\e921"; } .icon-instagram:before { content: "\ea92"; } .icon-pinterest:before { content: "\11a69"; } .icon-mail:before { content: "\11a60"; } .icon-snapchat:before { content: "\11a6d"; } .icon-dribbble:before { content: "\11a5f"; } .icon-tumblr:before { content: "\11a6f"; } .icon-flickr:before { content: "\11a62"; } .icon-youtube:before { content: "\11a72"; } .icon-linkedin:before { content: "\11a66"; } .icon-vimeo:before { content: "\11a71"; } .icon-facebook:before { content: "\11a61"; } .icon-twitter:before { content: "\11a70"; } .icon-down-caret { font-size: 12px; width: 12px; } #mobileMenu .icon-down-caret { font-size: 20px; width: 20px; } /* #Typography ================================================== */ .logo { font-family: Muli, sans-serif; font-weight: 400; font-size: 20px; text-transform: uppercase; } /* Headings */ h1, .h1 { font-family: 'neutra', "Humanist 521", sans-serif; font-size: 36px; font-weight: 200; font-style: normal; text-transform: none; line-height: normal; color: #00bad8; display: block; letter-spacing: 0px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 200; } @media only screen and (max-width: 798px) { h1, .h1 { font-size: 28px; } } h2 { font-family: 'neutra', "Humanist 521", sans-serif; font-size: 32px; font-weight: 200; font-style: normal; text-transform: none; line-height: normal; color: #00bad8; display: block; letter-spacing: 0px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1.2; margin-bottom: 20px; } @media only screen and (max-width: 798px) { h2 { font-size: 25px; } } h3 { font-family: 'neutra', "Humanist 521", sans-serif; font-size: 28px; font-weight: 200; font-style: normal; text-transform: none; line-height: normal; color: #00bad8; display: block; letter-spacing: 0px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media only screen and (max-width: 798px) { h3 { font-size: 22px; } } h4 { font-family: 'neutra', "Humanist 521", sans-serif; font-size: 25px; font-weight: 200; font-style: normal; text-transform: none; line-height: normal; color: #00bad8; display: block; letter-spacing: 0px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media only screen and (max-width: 798px) { h4 { font-size: 20px; } } h5 { font-family: 'neutra', "Humanist 521", sans-serif; font-size: 23px; font-weight: 200; font-style: normal; text-transform: none; line-height: normal; color: #00bad8; display: block; letter-spacing: 0px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media only screen and (max-width: 798px) { h5 { font-size: 18px; } } h6 { font-family: 'neutra', "Humanist 521", sans-serif; font-size: 21px; font-weight: 200; font-style: normal; text-transform: none; line-height: normal; color: #00bad8; display: block; letter-spacing: 0px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media only screen and (max-width: 798px) { h6 { font-size: 16px; } } p { font-style: normal; margin-top: 20px; margin-bottom: 20px; } sub { font-size: smaller; } em, i { font-style: italic; } strong, b { font-weight: bold; } small { font-size: smaller; } /* Blockquotes */ blockquote, blockquote p { font-size: larger; line-height: 1.2; font-style: italic; } blockquote { margin: 0 0 20px; } blockquote cite { display: block; font-size: smaller; } blockquote cite:before { content: "\2014 \0020"; } .sectionHeader { text-align: center; padding-bottom: 40px; } @media only screen and (max-width: 798px) { .sectionHeader { padding-bottom: 20px; } } .sectionHeader__content { padding-top: 6px; padding-bottom: 6px; } .sectionHeader__pretext p { margin: 0 0 5px 0; } .sectionHeader__headline { margin: 0; } a.sectionHeader__link { color: #00bad8; } .sectionHeader__topAnimation { height: 75px; } @media only screen and (max-width: 480px) { .sectionHeader__topAnimation { height: 30px; } } .sectionHeader__topFlourish { height: 0; width: 0; border-right: thin solid #656565; margin: 0 auto; transition: all 0.5s ease-in; opacity: 0; } .sectionHeader__content { opacity: 0; transition: opacity 0.3s 0.5s ease-in; } .animateHeader--false .sectionHeader__content, .animateHeader--long .sectionHeader__content { opacity: 1; } .sectionHeader__bottomAnimation { height: 75px; } @media only screen and (max-width: 480px) { .sectionHeader__bottomAnimation { height: 30px; } } .sectionHeader__bottomFlourish { height: 0; width: 0; border-right: thin solid #656565; margin: 0 auto; position: relative; transition: all 0.5s 0.8s ease-out; opacity: 0; } .sectionHeader__bottomFlourish::after { content: ''; display: block; height: 7px; width: 7px; border-radius: 50%; background-color: #ffffff; border: thin solid #656565; position: absolute; top: 100%; left: calc(50% + 0.5px); -ms-transform: translateX(-50.1%); -webkit-transform: translateX(-50.1%); transform: translateX(-50.1%); transition: opacity 0.2s 1.2s ease-in; opacity: 0; } .animateHeader--false .sectionHeader__topFlourish, .animateHeader--long .sectionHeader__topFlourish { height: 75px; opacity: 1; } @media only screen and (max-width: 480px) { .animateHeader--false .sectionHeader__topFlourish, .animateHeader--long .sectionHeader__topFlourish { height: 30px; } } .animateHeader--false .sectionHeader__bottomFlourish, .animateHeader--long .sectionHeader__bottomFlourish { height: calc(75px - 7px); opacity: 1; } @media only screen and (max-width: 480px) { .animateHeader--false .sectionHeader__bottomFlourish, .animateHeader--long .sectionHeader__bottomFlourish { height: calc(30px - 7px); } } .animateHeader--false .sectionHeader__bottomFlourish::after, .animateHeader--long .sectionHeader__bottomFlourish::after { opacity: 1; } .filterBackground--true { position: relative; } .filterBackground--true select { border-color: #656565; } /* #Links ================================================== */ a, a:visited { color: #00bad8; text-decoration: none; transition: all 0.2s ease; } a:hover, a:focus { color: #3f3e40; } a, button, input, select, textarea, label, summary { touch-action: manipulation; } /* #Lists ================================================== */ 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: 1.5; } ul.none { list-style: none outside; margin-left: 0; padding-left: 0; } ul.border { list-style: none outside; line-height: 1.5; } ul.border li { border-bottom: 1px solid #b8b8b8; list-style: none outside none; padding: 12px 0; margin-bottom: 0; } ul.horizontal { list-style: none; padding: 0; margin: 0; display: inline-block; } ul.horizontal li { float: left; padding-right: 10px; } /* #Placeholders ================================================== */ .placeholder-svg { fill: #3fe4ff; background-color: #0cddff; width: 100%; height: 100%; max-width: 100%; max-height: 100%; box-sizing: border-box; display: block; } .placeholder-svg.imageWithText__image-one { background-color: #72ebff; } .banner .placeholder-svg { min-height: 400px; } @media only screen and (max-width: 798px) { .banner .placeholder-svg { min-height: 250px; } } /* #Videos ================================================== */ .video-wrapper { position: relative; background-color: #ffffff; } .video-wrapper .plyr--video.plyr--paused .plyr__video-embed iframe { z-index: 5; } .video-wrapper .plyr--full-ui.plyr--video .plyr__control--overlaid { display: none; } .video-wrapper.play-button-icon--visible .plyr--paused .plyr__control--overlaid { display: block; opacity: 1; } .video-wrapper .caption__overlay { background-color: transparent !important; } .video-wrapper .video-wrapper__image img { -o-object-fit: cover; object-fit: cover; font-family: "object-fit: cover"; } @media only screen and (min-width: 799px) { .video-wrapper .video-wrapper__image img { height: 500px; } } .video-wrapper video { display: block; width: 100%; height: auto; } @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; } } .video-wrapper .textButton { cursor: pointer; } .video-wrapper .caption { z-index: 10; pointer-events: none; } .video-wrapper a.video__playButton { transition: all 0.5s; position: relative; } .video-wrapper a.video__playButton::before { position: absolute; top: 100%; left: 0; overflow: hidden; padding: 0; margin-top: 3px; width: 0; display: block; height: 1px; content: ''; transition: width 0.5s; } .video-wrapper a.video__playButton:hover::before, .video-wrapper a.video__playButton:focus::before { width: 100%; } @media only screen and (max-width: 480px) { .video-wrapper a.video__playButton { display: none !important; } .video-wrapper a.video__playButton:before { visibility: hidden; } } :not(.plyr__video-wrapper) .plyr__video-embed { position: relative; } /* #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"], .shopify-payment-button__button.shopify-payment-button__button--unbranded { background: #00bad8; color: #ffffff; border: thin solid #00bad8; border-radius: 0; padding: 0 20px; text-align: center; cursor: pointer; min-height: 44px; height: 40px; line-height: 1.2; vertical-align: top; font-family: 'neue-ein', Muli, sans-serif; font-weight: bold; font-size: 14px; text-transform: uppercase; letter-spacing: 0px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flexbox; display: inline-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; transition: all 0.2s linear; -webkit-appearance: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; } .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, 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, .shopify-payment-button__button.shopify-payment-button__button--unbranded:hover, .shopify-payment-button__button.shopify-payment-button__button--unbranded:hover:not([disabled]) { background: #0494ab; border-color: #0494ab; } 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, .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, form.product_form input.add_to_cart { width: 100%; margin-bottom: 0px; } .add_to_cart span, form.product_form input.add_to_cart span { display: block; } 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; } a.hoverButton { position: relative; display: inline-block; transition: all 0.5s; } a.hoverButton::before { position: absolute; top: 100%; left: 0; overflow: hidden; padding: 0; margin-top: 3px; width: 0; display: block; height: 1px; background-color: #3f3e40; content: ''; transition: width 0.5s; } a.hoverButton:hover::before, a.hoverButton:focus::before { width: 100%; } .textButton__buttonArrow, .textButton__leftButtonArrow { transition: color 0s, transform 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55); } .textButton:hover .textButton__buttonArrow { display: inline-block; -ms-transform: translateX(5px); -webkit-transform: translateX(5px); transform: translateX(5px); } .textButton:hover .textButton__buttonArrow.move--left { -ms-transform: translateX(-5px); -webkit-transform: translateX(-5px); transform: translateX(-5px); } .textButton:hover .textButton__leftButtonArrow { display: inline-block; -ms-transform: translateX(-5px); -webkit-transform: translateX(-5px); transform: translateX(-5px); } a.secondary_button, a.continue_button, input.secondary_button, input.continue_button { display: inline-block; text-align: center; font-size: 14px; font-family: 'neue-ein', Muli, sans-serif; color: #00bad8; font-weight: bold; background-color: transparent; border-radius: 0; border: thin solid #00bad8; padding: 10px; } a.secondary_button:hover, a.continue_button:hover, input.secondary_button:hover, input.continue_button:hover { border-color: #0494ab; color: #ffffff; } .add_to_cart.action_button { min-height: 44px; margin-bottom: 0; overflow: hidden; } .shopify-payment-button { position: relative; } .shopify-payment-button button { line-height: 1.2; padding-top: 11px; padding-bottom: 11px; margin-bottom: 0; } .shopify-payment-button__button--branded svg { width: 200px !important; } .shopify-payment-button__button--branded, .shopify-payment-button__button--unbranded { overflow: hidden; min-height: 44px; } button.shopify-payment-button__more-options { color: #656565; box-shadow: none; text-transform: none; font-size: 0.9rem; letter-spacing: 0; padding: 16px 0 28px; max-width: 80%; margin: 0 auto; position: absolute; top: 100%; left: 50%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } button.shopify-payment-button__more-options:hover { background-color: transparent; border: none; } .action_button.action_button--secondary { background-color: transparent; border: thin solid #00bad8; color: #00bad8; box-shadow: none; line-height: 1.2; min-height: 44px; } .additional-checkout-button.additional-checkout-button--paypal { min-width: 100% !important; } .additional-checkout-button + .additional-checkout-button { margin-left: 0 !important; max-width: 100% !important; } /* #Tabs ================================================== */ ul.tabs { display: block; margin: 25px 0; border-bottom: solid 1px #b8b8b8; border-top: 0; list-style: none outside; margin-left: 0; text-transform: uppercase; padding-left: 0; } ul.tabs li { display: inline-block; width: auto; height: 30px; padding: 0; 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 #b8b8b8; background-color: #ffffff; border-bottom: solid 3px #aaaaaa; height: 31px; position: relative; border-right-width: 1px; color: #656565; } ul.tabs li:last-child a { margin: 0; } ul.tabs-content { padding-top: 20px; 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: 20px; } /* #Forms ================================================== */ select { background: url(//https://cdn.shopify.com/s/files/1/0504/0439/3144/t/9/assets/select.png?v=2150773558930573257) no-repeat 96% 50%; background-size: 12px; border: thin solid #b8b8b8; color: #656565; -webkit-appearance: none; -ms-appearance: none; -moz-appearance: none; appearance: none; padding: 10px; border-radius: 0px; padding-right: 10%; background-color: #ffffff; outline: none; color: #656565; } select::-ms-expand { display: none; } input { border-radius: 0; display: block; min-height: 44px; padding: 0 10px; margin: 0; line-height: 22px; border: thin solid #656565; outline: none; background-color: #ffffff; color: #656565; margin-bottom: 15px; -webkit-appearance: none; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } input::-webkit-input-placeholder { color: #656565; } input:-moz-placeholder { /* Firefox 18- */ color: #656565; } input::-moz-placeholder { /* Firefox 19+ */ color: #656565; } input:-ms-input-placeholder { color: #656565; } input[type="checkbox"] { -webkit-appearance: checkbox; display: inline-block; width: auto; background-color: transparent; min-height: 0; } input[type="radio"] { -webkit-appearance: radio; display: inline-block; width: auto; } 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; } textarea { background-color: #ffffff; border-radius: 0; color: #656565; -webkit-appearance: none; } .has-float-label { display: block; position: relative; } .has-float-label label, .has-float-label > span { position: absolute; left: 0px; top: -15px; cursor: text; font-size: 75%; opacity: 1; transition: all .2s; pointer-events: none; } .has-float-label input, .has-float-label select { width: 100%; font-size: inherit; padding-top: 2px; padding-left: 0px; margin-bottom: 2px; border: 0; border-radius: 0; border-bottom: 1px solid #b8b8b8; } .has-float-label input::placeholder, .has-float-label select::placeholder { opacity: 0.5; transition: all .2s; } .has-float-label input:placeholder-shown:not(:focus)::placeholder, .has-float-label select:placeholder-shown:not(:focus)::placeholder { opacity: 0; } .has-float-label input:placeholder-shown:not(:focus) + *, .has-float-label select:placeholder-shown:not(:focus) + * { font-size: 1rem; top: 5px; } .has-float-label input:focus, .has-float-label select:focus { outline: none; border-color: rgba(184, 184, 184, 0.5); } .has-float-label input:not(:placeholder-shown):focus ~ label, .has-float-label select:not(:placeholder-shown):focus ~ label { font-size: 75%; } .has-float-label input:not(:placeholder-shown) ~ label, .has-float-label select:not(:placeholder-shown) ~ label { font-size: 100%; } .contactBlock { margin: 25px 0 20px; } .contactBlock input, .contactBlock select, .contactBlock label, .contactBlock li { color: #656565; } .contactBlock input, .contactBlock select, .contactBlock textarea { background-color: #ffffff; } .contactBlock__Datepicker input { font-size: 1rem; width: 100%; border: transparent 1px solid; border-bottom: 1px solid #b8b8b8; } .contactBlock__Checkbox ul { list-style: none; margin: 0; padding: 5px 10px; } .contactBlock__Checkbox ul input { margin-right: 10px; } .contactBlock__Checkbox ul li:first-child { margin-top: 15px; } .contactBlock__Dropdown select { font-size: 1rem; width: 100%; border: transparent 1px solid; border-bottom: 1px solid #b8b8b8; padding-left: 0; } .contactBlock__Radio li input, .contactBlock__Checkbox li input { margin-top: 5px; margin-bottom: 0; vertical-align: top; min-height: 0; } .contactBlock__Radio li label, .contactBlock__Checkbox li label { display: inline-block; width: 85%; } .contactBlock__Radio ul { list-style: none; margin: 0; padding: 5px 10px; } .contactBlock__Radio ul input { margin-right: 10px; min-height: auto; } .contactBlock__Radio ul span { height: 35px; display: inline-block; } .contactBlock__Radio ul li:first-child { margin-top: 15px; } .contactBlock__Textarea textarea { margin-top: 5px; padding: 20px; border: thin solid #b8b8b8; width: 100%; } .contactBlock__Textarea textarea:placeholder { color: #656565; display: block; } .contactBlock input { min-height: 34px; } .product_form--dropdown .selector-wrapper { display: inline-block; margin-bottom: -1px; max-width: 100%; } @media only screen and (max-width: 1024px) { .product_form--dropdown .selector-wrapper { width: 100% !important; } } .product_form--dropdown .productForm__select { margin-bottom: 20px; } .product_form--dropdown .productForm__select.multiple-options { max-width: 100%; overflow: hidden; width: 100%; } @media only screen and (max-width: 1024px) { .product_form--dropdown .productForm__select.multiple-options { width: 100%; } } .product_form--dropdown .productForm__select.multiple-options .selector-wrapper { display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flexbox; display: inline-flex; } .product_form--dropdown .productForm__select.multiple-options select { position: relative; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; } .product_form--dropdown .productForm__select select { border: 0; background-color: rgba(0, 0, 0, 0.05); background-size: 12px; line-height: 1.5; background-position: calc(100% - 10px); padding: 10px 50px 10px 10px; margin-bottom: 1px; max-width: 100%; min-height: 48px; white-space: normal; width: calc(100% - 100px); } @media only screen and (max-width: 798px) { .product_form--dropdown .productForm__select select { -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; } } @media only screen and (max-width: 1024px) { .product_form--dropdown .productForm__select select { width: 100% !important; } } .product_form--dropdown .productForm__select label { border: 0; background-color: rgba(0, 0, 0, 0.05); padding: 12px 0 10px 10px; line-height: 1.5; font-weight: bold; display: inline-block; min-width: 100px; min-height: 48px; word-wrap: break-word; } .product_form--dropdown .productForm__select label::after { content: '-'; margin-left: 10px; } .product_form--dropdown .multiple-options .selector-wrapper { margin-bottom: 0.5em; clear: both; float: left; } .product_form--dropdown .single-option { width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } @media only screen and (min-width: 1025px) { .product_form--dropdown .single-option .selector-wrapper, .product_form--dropdown .single-option select { min-width: 70%; } } .notify_form { border: thin solid #656565; padding: 20px; margin: 20px 0 0 0; } .notify_form.signed-in-notify { display: inline-block; } .notify_form.signed-in-notify .action_button { margin-top: 15px; width: auto; } .notify_form .message { display: none; } .notify_form .notify_email { width: calc(65% - 20px); margin-right: 10px; min-height: 44px; } @media only screen and (max-width: 798px) { .notify_form .notify_email { margin-bottom: 0; } } .notify_form .action_button { margin-top: 10px; width: 35%; } .notify_form .notify_email, .notify_form .contact_form .action_button { margin-top: 10px; display: inline-block; } @media only screen and (max-width: 798px) { .notify_form .notify_email, .notify_form .contact_form .action_button { width: 100%; } } .notify_form .notify-form__label { display: block; } @media screen and (-webkit-min-device-pixel-ratio: 0) and (max-device-width: 1024px) { select, textarea, input:focus { font-size: 16px; } } /* #Images ================================================== */ /* Lazyloading styles */ .lazyload--fade-in { -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -webkit-filter: blur(2px); filter: blur(2px); transform: translate3d(0, 0, 0); transition: filter 200ms, -webkit-filter 200ms; } .lazyload--fade-in.lazyloaded { -webkit-filter: blur(0); filter: blur(0); } img[data-sizes="auto"] { display: block; width: 100%; margin-left: auto; margin-right: auto; } .image__container { display: block; margin-left: auto; margin-right: auto; } .zoomImg { background-color: #ffffff; } .zoom-container { width: 100%; display: block; } /* #Misc ================================================== */ .shapesOverflow { overflow: hidden; } .allow-clickthrough { pointer-events: none !important; } .hidden { display: none; opacity: 0; visibility: hidden; } .relative { position: relative; } .right { float: right; position: relative; } .left { float: left; } .inline { display: inline; } .block { display: block; } .center { text-align: center; } .relative { position: relative; } .align_right { text-align: right; } .align_left { text-align: left; } .textAlign--center { text-align: center; } .textAlign--left { text-align: left; } .textAlign--right { text-align: right; } .visuallyhidden { position: absolute !important; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } body.blocked-scroll { position: fixed; overflow: hidden; height: 100%; width: 100%; top: 0; } .overflow--hidden { overflow: hidden; } .disabled { pointer-events: none; opacity: 0.5; } .fallbackImage { max-width: 100%; } .svgShape { display: inline-block; position: relative; width: 100%; vertical-align: middle; overflow: hidden; } .svgShape svg { display: inline-block; } .shape--star { -webkit-clip-path: polygon(50% 0%, 68% 26%, 98% 35%, 78% 61%, 79% 91%, 49% 78%, 21% 91%, 22% 61%, 2% 35%, 31% 26%); clip-path: polygon(50% 0%, 68% 26%, 98% 35%, 78% 61%, 79% 91%, 49% 78%, 21% 91%, 22% 61%, 2% 35%, 31% 26%); } .shape--circle { border-radius: 50%; } .shape--hexagon { -webkit-clip-path: polygon(50% 0%, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%); clip-path: polygon(50% 0%, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%); } .shopify-product-reviews-badge { height: 34px; display: block; } .collection__featuredImage .shopify-product-reviews-badge { height: 46px; display: block; } .spr-badge { padding: 5px 0; } .thumbnail .spr-badge-caption { display: none; } .smallScreen--hide { display: block !important; } @media only screen and (max-width: 798px) { .smallScreen--hide { display: none !important; } } .smallScreen--show { display: none !important; } @media only screen and (max-width: 798px) { .smallScreen--show { display: block !important; } } .flickity-enabled:hover .flickity-prev-next-button { opacity: 1; } .flickity-page-dots { display: none; position: static; margin-top: 20px; } @media only screen and (max-width: 480px) { .flickity-page-dots { display: block; height: 10px; line-height: 10px; } } @media only screen and (min-width: 481px) and (max-width: 798px) { .slideshow .flickity-page-dots { display: block; } } button.flickity-prev-next-button { opacity: 0.5; border-radius: 0; border: 0; background: transparent; } @media only screen and (max-width: 798px) { button.flickity-prev-next-button { display: none; } } button.flickity-prev-next-button:hover { border-color: transparent; border: 0; } button.flickity-prev-next-button:active { box-shadow: none; } button.flickity-prev-next-button.next { right: 10px; } button.flickity-prev-next-button.previous { left: 10px; } button.flickity-prev-next-button.next:hover { right: 5px; } button.flickity-prev-next-button.next:focus { right: 5px; outline: 1px; } button.flickity-prev-next-button.previous:hover { left: 5px; } button.flickity-prev-next-button.previous:focus { left: 5px; outline: 1px; } input::-webkit-contacts-auto-fill-button { visibility: hidden; display: none; position: absolute; right: 0; } /* #Lightbox ================================================== */ .featherlightbox { display: none; overflow: auto; } .featherlight-content { transition: all 0.3s linear; } .featherlight .featherlight-close-icon { min-height: auto; height: auto; top: 10px; right: 10px; } .featherlight-next { right: 17px; } .featherlight-previous { left: 17px; } .featherlight-next:hover, .featherlight-previous:hover { background: transparent; } .featherlight-next span, .featherlight-previous span { opacity: 0.5; padding: 15px 0; color: #222; width: 60px; font-size: 16px; line-height: initial; } .featherlight-next span, .featherlight-previous span { font-family: 'artisan' !important; text-shadow: none; background-color: transparent; } .featherlight-previous span { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); background-color: transparent; } .featherlight-previous span:before { content: '\e90a'; font-size: 40px; } .featherlight-next span:before { content: '\e90a'; font-size: 40px; } .featherlight-content { max-width: 90%; } @media only screen and (max-width: 798px) { .featherlight-content { width: 100%; } } /* #Header ================================================== */ .announcementBar { width: 100%; top: 0; left: 0; position: relative; } .announcementBar.show--true { display: block; } .announcementBar.show--false { display: none; } .announcementBar__container p { padding: 10px 0; margin: 0; } @media only screen and (max-width: 798px) { .announcementBar__container p { font-size: calc(15px * 0.8); } } .announcementBar__close { position: absolute; right: 10px; top: 3px; margin: 0; cursor: pointer; padding: 10px 0; opacity: 0.5; } .announcementBar__close:hover { opacity: 1; } @media only screen and (max-width: 798px) { .topBar { width: 100%; } } /* Top bar */ .topBar, .mainBar { 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; } .topBar__container { -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-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; border-bottom: 1px solid #b8b8b8; width: 100%; padding-top: 20px; font-family: 'neue-ein', Muli, sans-serif; font-weight: 400; font-size: 13px; letter-spacing: 0px; } @media only screen and (max-width: 798px) { .topBar__container { border-bottom: 1px solid transparent; padding: 0; margin: 0; font-size: 100%; } } .topBar__container .icon-search, .topBar__container .cart-icon { padding: 10px; display: block; } .topBar__container [class^="icon-"], .topBar__container [class*=" icon-"] { font-size: 21px; vertical-align: top; color: #656565; } .topBar__container .mini_cart.active_link .cart-icon { background-color: #00bad8; color: #ffffff; transition: all 0.3s ease; } .topBar__container .mini_cart.active_link .topBar__cartCount { transition: all 0.3s ease; background-color: #656565; } .topBar__container p { margin-top: 10px; margin-bottom: 10px; } .topBar__information { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-basis: 0; -moz-flex-basis: 0; -ms-flex-basis: 0; flex-basis: 0; -webkit-flex-shrink: 3; -moz-flex-shrink: 3; -ms-flex-shrink: 3; flex-shrink: 3; -webkit-flex-grow: 3; -moz-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } @media only screen and (max-width: 798px) { .topBar__information { display: none; } } .topBar__information .spacer { padding: 0 10px; } .topBar__information a, .topBar__information p { color: #656565; display: inline-block; } .topBar--disclosure-enabled .topBar__information { -webkit-flex-shrink: 1; -moz-flex-shrink: 1; -ms-flex-shrink: 1; flex-shrink: 1; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; } .topBar__menu .icon-menu { padding-left: 14px; } .topBar__phoneNumber { -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; } .topBar__phoneNumber a { color: #656565; } .topBar__phoneNumber .icon-phone, .topBar__phoneNumber .icon-mobile { margin: 0px 8px; } .topBar__details { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-basis: 0; -moz-flex-basis: 0; -ms-flex-basis: 0; flex-basis: 0; -webkit-flex-shrink: 1; -moz-flex-shrink: 1; -ms-flex-shrink: 1; flex-shrink: 1; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: flex-end; position: relative; list-style-type: none; } @media only screen and (max-width: 798px) { .topBar__details { -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-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; padding-top: 5px; } } .topBar__details .topBar__account { margin-right: 25px; } .topBar__details .topBar__account a p { display: inline-block; margin: 0; color: #656565; } .topBar__details .topBar__rewards { margin-right: 18px; } .topBar__search { margin-right: 10px; } .topBar__search a:focus span { outline: thin dotted; } @media only screen and (max-width: 798px) { .topBar__search { display: none; } } .topBar__search.active_link .icon-search { background-color: #00bad8; color: white; } .topBar__search.active_link .search__dropdown { display: block; } .topBar__search form { width: 100%; padding: 0 0 10px; } .topBar__search form input { font-size: 15px; border-bottom: 1px solid #b8b8b8; display: inline-block; width: calc(70% - 20px); margin: 15px 10px 0; padding: 7px 0; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .topBar__search form input { margin-top: 30px; } } .topBar__search form .search__button { display: inline-block; width: calc(30% - 10px); margin: 10px 0 0; } .search__dropdown { display: none; width: 500px; max-width: 500px; right: 0; top: 100%; box-shadow: inset 0px 0px 0 1px #b8b8b8; border-top: 5px solid #00bad8; background-color: #ffffff; z-index: 99; position: absolute; padding: 10px; } .search__dropdown.animated { animation-duration: 0.5s; } /* Header search */ .search__input { border: thin solid transparent; background-color: #ffffff; padding-left: 5px; margin-bottom: 0; display: inline-block; width: auto; height: auto; min-height: auto; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .search__input { height: 23px; } } .search__button { display: inline-block; } .search__button svg { fill: #656565; } .topBar__logo--mobile { display: none; font-weight: 400; font-family: Muli, sans-serif; } @media only screen and (max-width: 798px) { .topBar__logo--mobile { display: block; } .topBar__logo--mobile img { max-height: 25px; } } .topBar__cartWrapper { position: relative; } .topBar__cartWrapper [class^="icon-"] { font-size: 30px; } .topBar__cartWrapper .mini_cart.active_link ~ .topBar__miniCart { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } @media only screen and (max-width: 798px) { .topBar__cartWrapper { position: static; } } .topBar__cart { display: block; position: relative; } .topBar__miniCart { font-size: 15px; width: 500px; max-width: 500px; right: 0; top: 100%; box-shadow: inset 0px 0px 0 1px #b8b8b8; border-top: 5px solid #00bad8; background-color: #ffffff; z-index: 99; position: absolute; padding: 0; font-weight: initial; 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; } .topBar__miniCart.animated { animation-duration: 0.5s; } .topBar__miniCart .mini-cart-form { width: 100%; } @media only screen and (max-width: 798px) { .topBar__miniCart { max-width: 100%; width: 100%; } } .topBar__miniCart .empty_cart { text-align: center; } .topBar__miniCart ul { list-style: none; padding-left: 0; margin: 0; } .topBar__miniCart { display: none; } .miniCart__empty p { margin: 20px; } .miniCart__item { border-bottom: 1px solid #b8b8b8; margin: 0; padding: 10px 20px; 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; } .miniCart__image { width: 25%; } .miniCart__image img { display: block; width: 100%; height: 90px; -o-object-fit: contain; object-fit: contain; font-family: "object-fit: contain"; } .miniCart__itemDetails { width: 65%; 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-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; padding: 0 20px; } @media only screen and (max-width: 798px) { .miniCart__itemDetails { display: block; } } .miniCart__price { padding-left: 20px; } @media only screen and (max-width: 798px) { .miniCart__price { padding-left: 0; } } .miniCart__price .money { display: block; } .miniCart__delete { width: 10%; } .miniCart__removeBtn { cursor: pointer; line-height: 0; color: #b8b8b8; } .miniCart__removeBtn [class^="icon-"] { font-size: 13px; padding: 6px; border: thin solid #b8b8b8; border-radius: 50%; vertical-align: middle; } .miniCart__details { padding: 20px; } .miniCart__buttons { margin-top: 20px; overflow: hidden; 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; } .miniCart__buttons br { visibility: hidden; } .miniCart__buttons a.secondary_button, .miniCart__buttons input.action_button { width: calc(50% - 10px); transition: all 0.2s ease; text-transform: uppercase; margin-bottom: 0; line-height: inherit; } a.miniCart__goToCart { width: calc(50% - 10px); transition: all 0.2s ease; text-transform: uppercase; margin-bottom: 0; } @media only screen and (max-width: 480px) { a.miniCart__goToCart { width: 100%; } } .miniCart__savings span { color: #ff4503; } .miniCart__savings span.money { padding-left: 10px; } .miniCart__subtotal .subtotal__text { padding-right: 10px; } .miniCart__orderNotes { margin-top: 20px; width: 100%; padding: 10px; border: thin solid #b8b8b8; background-color: #ffffff; } .miniCart__tos { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .miniCart__tos input { margin-bottom: 0; margin-top: 15px; } .miniCart__tos .tos_label { display: inline; } .miniCart__tos .tos_label p { padding-left: 10px; text-align: left; color: #656565; } .miniCart__tos .tos_label a { color: #00bad8; } .miniCart__tos .tos_label a:hover { color: #3f3e40; } .miniCart__text { margin-top: 20px; } .miniCart__warningBox { margin-top: 20px; } .topBar__cartCount { position: absolute; 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: #00bad8; color: #ffffff; min-width: 1em; min-height: 1em; border-radius: 50%; vertical-align: middle; padding: 5px; box-sizing: content-box; line-height: 0; bottom: 43%; right: 53%; font-size: 10px; } .topBar__cartCount:before { content: ''; float: left; width: auto; padding-bottom: 100%; } /* Main bar */ @media only screen and (max-width: 798px) { .mainBar { display: none; } } a.mainBar__logo { outline: 0; font-size: 20px; font-weight: 400; font-family: Muli, sans-serif; } a.mainBar__logo img { display: block; } .mainBar__container { -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; width: 100%; } .mainBar__container.overflow--hidden .mainMenu__submenu { opacity: 0; } .mainBar__container:not(.overflow--hidden) .mainMenu__submenu { opacity: 0; } .mainBar__container.vertical__top { -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; align-items: flex-start; } .mainBar__container.vertical__middle { -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } .mainBar__container.vertical__bottom { -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; align-items: flex-end; } .mainBar__siteName { font-family: 'neutra', "Humanist 521", sans-serif; font-size: 36px; font-weight: 200; font-style: normal; text-transform: none; line-height: normal; color: #00bad8; display: block; letter-spacing: 0px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: lighter; margin: 0; line-height: 1; } @media only screen and (max-width: 798px) { .mainBar__siteName { font-size: 28px; } } .mainBar__siteName h1, .mainBar__siteName .h1 { text-transform: uppercase; } /* Currency / language switcher in header */ .header-menu__disclosure .selectors-form__wrap { margin-top: 0; } .header-menu__disclosure .selectors-form__item:last-child { margin-right: 20px; } .header-menu__disclosure .disclosure__toggle { border: 0; font-family: 'neue-ein', Muli, sans-serif; font-weight: 400; font-size: 13px; height: auto; letter-spacing: 0px; margin-top: 0; margin-bottom: 0; min-height: auto; padding: 15px 10px; } .header-menu__disclosure .disclosure__toggle [class^="icon-"], .header-menu__disclosure .disclosure__toggle [class*=" icon-"] { font-size: 13px; } .header-menu__disclosure .disclosure__toggle:hover, .header-menu__disclosure .disclosure__toggle[aria-current="true"] { border: 0; } .header-menu__disclosure .disclosure__list-wrap { padding-top: 5px; top: 100%; z-index: 99999; } .header-menu__disclosure .disclosure-list { background-color: #ffffff; box-shadow: 0px -5px 0 0 #00bad8; border: thin solid #b8b8b8; margin-top: 0; padding: 0; } .header-menu__disclosure .disclosure__button { padding: 8px 10px; } .header-menu__disclosure .disclosure__button:hover, .header-menu__disclosure .disclosure__button:focus, .header-menu__disclosure .disclosure__button[aria-current="true"] { background-color: rgba(47, 47, 47, 0.04); } /* Currency / language switcher on mobile */ .disclosure__link { cursor: pointer; } .mobile-menu__disclosure { padding: 10px; } .mobile-menu__disclosure .selectors-form { padding: 0; } .mobile-menu__disclosure .disclosure-list__item { padding: 10px 15px; } .mobile-menu__disclosure .disclosure__button { height: auto; font-size: 16px; font-weight: initial; letter-spacing: initial; line-height: 1.5; min-height: auto; padding: 0; text-transform: initial; } /* #Menu ================================================== */ .mainBar__siteName { -webkit-flex-basis: auto; -moz-flex-basis: auto; -ms-flex-basis: auto; flex-basis: auto; max-width: 300px; padding: 10px 0; } .mainBar__siteName h1 { margin: 0; letter-spacing: 0px; } .mainBar__mainMenu { 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; width: 80%; } .mainBar__mainMenu.menuPosition--left { -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: flex-start; } .mainBar__mainMenu.menuPosition--left .mainMenu { -webkit-justify-content: left; -moz-justify-content: left; -ms-justify-content: left; justify-content: left; -ms-flex-pack: left; } .mainBar__mainMenu.menuPosition--center { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } .mainBar__mainMenu.menuPosition--right { -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: flex-end; } .mainMenu { font-family: 'neue-ein', Muli, sans-serif; font-weight: 400; font-size: 14px; text-transform: none; letter-spacing: 0px; 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; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style-type: none; padding-left: 0; margin: 0; z-index: 98; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .mainMenu .dropdown { height: 30px; position: relative; padding-right: 10px; } .mainMenu .dropdown span.mainMenu__downArrow { position: absolute; top: 12px; } .mainMenu .dropdown span.mainMenu__downArrow div { height: 30px; } .mainMenu .dropdown .sublink span.mainMenu__downArrow { top: 5px; } } .mainMenu .mainMenu__link .icon-down-caret { padding-left: 5px; } .mainMenu ul { width: 250px; } .mainMenu li { position: relative; margin: 0 5px; } .mainMenu li.dropdown_left ul { right: 0; left: auto; } .mainMenu li.dropdown_left ul ul { right: 225px; left: auto; } .mainMenu a { color: #2f2f2f; display: block; padding: 15px 10px; white-space: normal; word-wrap: break-word; cursor: pointer; } @media only screen and (max-width: 798px) { .mainMenu { display: none; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: flex-start; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; overflow: scroll; background-color: #ffffff; z-index: 2000; } } .mainMenu__downArrow { width: 12px; height: 100%; display: inline-block; position: relative; } .mainMenu__downArrow svg { stroke: #2f2f2f; stroke-width: 5; fill: none; } .mainMenu li:last-child { margin-right: 0; } .mainMenu a.active { color: #00bad8; } .mainMenu li:hover > a, .mainMenu li.show-menu > a { color: #3f3e40; } .mainMenu li:hover > a span, .mainMenu li.show-menu > a span { color: #3f3e40; } .mainMenu li:focus-within > a { color: #3f3e40; } .mainMenu li:focus-within > a svg { fill: #3f3e40; stroke: #3f3e40; stroke-width: 10; } .mainMenu li:hover .mainMenu__submenu, .mainMenu li:active .mainMenu__submenu, .mainMenu li.show-menu .mainMenu__submenu { transition: opacity 0.3s ease-in; opacity: 1; pointer-events: all; z-index: 2000; } .mainMenu li:focus-within .mainMenu__submenu { transition: opacity 0.3s ease-in; opacity: 1; pointer-events: all; z-index: 2000; } .mainMenu__submenu { transition: opacity 0.3s 0.15s ease-in; background-color: #ffffff; box-shadow: 0px -5px 0 0 #00bad8; border: thin solid #b8b8b8; border-top: none; position: absolute; left: 0; padding: 0; margin: 0; text-align: left; z-index: 500; opacity: 0; pointer-events: none; } .mainMenu__submenu li { 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-align-items: stretch; -moz-align-items: stretch; -ms-align-items: stretch; align-items: stretch; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; white-space: nowrap; margin: 0; } .mainMenu__submenu li:hover > a, .mainMenu__submenu li.show-menu { background-color: rgba(47, 47, 47, 0.04); } .mainMenu__submenu li:focus-within > a { background-color: rgba(47, 47, 47, 0.04); } .mainMenu__submenu li:hover, .mainMenu__submenu li.show-menu { background-color: rgba(47, 47, 47, 0.08); } .mainMenu__submenu li:hover .icon-down-caret, .mainMenu__submenu li.show-menu .icon-down-caret { background-color: rgba(47, 47, 47, 0.16); } .mainMenu__submenu li:focus-within > .icon-down-caret { background-color: rgba(47, 47, 47, 0.16); } .mainMenu__submenu a { padding: 15px 20px; white-space: normal; word-wrap: break-word; width: 100%; transition: all 0s; } .sub-menu > a { width: calc(100% - 48px); } @media only screen and (max-width: 798px) { .sub-menu > a { width: calc(100% - 72px); } } .mainMenu__submenu li .icon-plus { 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; padding: 15px 0; width: 48px; text-align: center; cursor: pointer; font-size: 1rem; } .mainMenu__submenu li .icon-plus:hover { color: #00bad8; } .mainMenu__submenu li .icon-plus:before { height: 16px; width: 16px; } .mainMenu__submenu input[type="checkbox"] { display: none; } .mainMenu__submenu input[type="checkbox"]:checked ~ .mainMenu__submenu__submenu { max-height: 500px; } .mainMenu__submenu input[type="checkbox"]:checked ~ .icon-plus { background-color: rgba(47, 47, 47, 0.16); } .mainMenu__submenu input[type="checkbox"]:checked ~ .icon-plus:before { content: "\e908"; } .mainMenu__submenu input[type="checkbox"]:checked + a { background-color: rgba(47, 47, 47, 0.08); } .mainMenu__submenu__submenu { background-color: rgba(47, 47, 47, 0.04); padding: 0; max-height: 0; overflow: hidden; transition: max-height 0.8s linear; } .sub-menu.show-menu .mainMenu__submenu__submenu { max-height: 500px; } /* ===== Mobile Menu ===== */ .mobileMenu__overlay .h2 { font-size: 20px; margin: 15px 0; } .mobileMenu__submenu li { 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-align-items: stretch; -moz-align-items: stretch; -ms-align-items: stretch; align-items: stretch; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; white-space: nowrap; margin: 0; } .mobileMenu__submenu li .icon-plus { padding: 15px 30px; text-align: center; cursor: pointer; font-size: 12px; } @media only screen and (max-width: 480px) { .mobileMenu__submenu li .icon-plus { width: 22px; padding: 15px 0; } } .mobileMenu__submenu li .icon-plus:before { content: "\e909"; } .mobileMenu__submenu li .icon-plus:hover, .mobileMenu__submenu li .icon-plus.show-menu { color: #00bad8; } .mobileMenu__submenu li .icon-plus:focus-within { color: #00bad8; } .mobileMenu__submenu { display: none; } .mobileMenu__submenu a { transition: all 0s; } .mobileMenu__submenu__submenu { max-height: 0; overflow: hidden; padding-left: 20px; transition: max-height 0.8s linear; } .mobileMenu__submenu input[type="checkbox"] { display: none; } .mobileMenu__submenu input[type="checkbox"]:checked ~ .mobileMenu__submenu__submenu { max-height: 500px; } .mobileMenu__submenu input[type="checkbox"]:checked ~ .icon-plus:before { content: "\e908"; } .mobileMenu__close { position: fixed; top: 0; right: 0; cursor: pointer; padding: 15px; } .mobileMenu__social ul { padding-left: 0; list-style: none; } .mobileMenu__social ul li { display: inline-block; padding: 0 5px; } .mobileMenu__overlay { transition: ease-in-out 0.2s all; overflow-y: scroll; position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: block; background-color: rgba(255, 255, 255, 0.95); z-index: 100; } @media only screen and (min-width: 799px) { .mobileMenu__overlay { display: none; } } .mobileMenu__overlay.is-active .mobileMenu__close { transition: ease-in-out 1s all; opacity: 1; visibility: visible; } .mobileMenu__overlay.is-inactive .mobileMenu__close { transition: ease-in-out 0s all; opacity: 0; visibility: hidden; } @media only screen and (min-width: 799px) { .mobileMenu__overlay { display: none; } } .mobileMenu__wrapper { width: 80%; margin: 100px auto 0; } .mobileMenu__wrapper .search-wrapper { position: relative; } .mobileMenu__wrapper .search-wrapper .mobileMenu__search { width: 100%; padding: 5px 10px; } .mobileMenu__wrapper .search-wrapper .search_button { position: absolute; right: -5px; top: 0px; font-size: 100%; background: transparent; border: 0; color: #656565; } .mobileMenu__list { list-style: none; padding-left: 0; width: 100%; margin-left: auto; margin-right: auto; text-align: left; font-size: 18px; } .mobileMenu__list li a, .mobileMenu__list li .disclosure__heading { display: block; clear: both; padding: 10px 15px; white-space: normal; } .mobileMenu__list ul { list-style: none; } .mobileMenu__submenu { padding: 10px; font-size: 16px; } .mobileMenu__submenu li a.parent-link--true:hover { color: #656565; font-weight: bold; } .mobileMenu__submenu li a.parent-link--true:focus-within { color: #656565; font-weight: bold; } .mobileMenu__list .parent-link--false.active .icon-down-caret { color: #00bad8; } .mobileMenu__list .parent-link--false.active .icon-down-caret:before { content: '\e910'; } .mobileMenu__list .icon-down-caret { cursor: pointer; float: right; padding-top: 8px; text-align: center; } .mobileMenu__list .icon-down-caret.active { color: #00bad8; } .mobileMenu__list .icon-down-caret.active:before { content: '\e910'; } @media only screen and (min-width: 481px) { .mobileMenu__list .icon-down-caret { padding: 10px 38px; } } .mobileMenu__sub-submenu { font-size: 14px; } .focus-visible { visibility: visible; opacity: 1; } /* #Currency / Language switcher ================================================== */ .selectors-form__wrap { 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-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: flex-end; margin-top: 10px; } @media only screen and (max-width: 798px) { .selectors-form__wrap { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; margin-bottom: 10px; width: 100%; } } .selectors-form__item { margin-right: 20px; } .selectors-form__item:last-child { margin-right: 0; } .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 { background-color: #ffffff; border: 1px solid #b8b8b8; color: #00bad8; font-family: 'neue-ein', Muli, sans-serif; font-size: 14px; font-weight: 400; font-style: normal; height: 40px; margin-bottom: 10px; margin-top: 10px; padding: 10px; position: relative; white-space: nowrap; z-index: 2; } .disclosure__toggle:active { box-shadow: none; } .disclosure__toggle.is-clicked, .disclosure__toggle:focus, .disclosure__toggle:hover { background-color: #ffffff; color: #3f3e40; } .disclosure__toggle.is-clicked + .disclosure__list-wrap, .disclosure__toggle:focus + .disclosure__list-wrap { opacity: 1; visibility: visible; } .disclosure__toggle span.icon-down-caret, .disclosure__toggle span.icon-up-caret { display: block; margin: 0 0 0 10px; pointer-events: none; } .disclosure__list-wrap { bottom: 100%; display: block; opacity: 0; visibility: hidden; position: absolute; transition: opacity 0.3s 0.15s ease-in; } .disclosure__list-wrap.disclosure--left { right: 0; } .disclosure-list { background-color: #ffffff; border: 1px solid #b8b8b8; list-style: none; margin-bottom: 0; margin-left: 0; padding: 0 10px; white-space: nowrap; } li.disclosure-list__item { line-height: 1; margin-bottom: 0; text-transform: uppercase; } button.disclosure__button { background-color: transparent; border: 0; color: #00bad8; display: block; font-family: 'neue-ein', Muli, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; padding: 8px 0; text-align: left; width: 100%; transition: none; } button.disclosure__button:hover, button.disclosure__button:focus, button.disclosure__button[aria-current="true"] { border: 0; color: #3f3e40; } /* #Pagination ================================================== */ .paginate { text-align: center; } .paginate .page a, .paginate .current, a.tag { color: #00bad8; border: solid 1px #00bad8; margin: 10px 5px; padding: 0.5rem 1rem; display: inline-block; transition: all 0.3s ease-in-out; } .paginate .page a:hover, .paginate .current:hover, a.tag:hover { border: solid 1px #3f3e40; color: #3f3e40; } .paginate .current { color: #ffffff; background-color: #00bad8; border: solid 1px #00bad8; } .paginate .current:hover { color: #ffffff; background-color: #00bad8; border: solid 1px #00bad8; } @media only screen and (max-width: 798px) { .paginate .page, .paginate .deco { display: none; } } .paginate .next, .paginate .prev { display: inline-block; margin: 10px 0; padding: 0.5rem 1rem; transition: all 0.3s ease-in-out; } /* #Color swatches ================================================== */ /* #Collection grid ================================================== */ .collection__container.fullWidth--true { padding: 0 20px; } .collection_description { padding: 40px 10px; } @media only screen and (max-width: 480px) { .collection_description { padding: 20px 10px; } } .collection__header.description--false { margin-bottom: 40px; } .collection__filterSelects { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; position: relative; } .collection__filterSelects .tag_filter + .sort_by { border-left-width: 0px; } @media only screen and (max-width: 480px) { .collection__filterSelects .tag_filter, .collection__filterSelects .sort_by { width: 50%; } } .collection__filterSelects select { width: 25%; } .collection__item .product-wrap { overflow: hidden; width: 100%; height: 0; padding-bottom: 100%; } .collection__featuredImage { position: relative; } .collection__featuredImage__item { width: 100%; overflow: hidden; } .collection__featuredImage__item .banner_holder { right: auto; left: 0; } .collection__featuredImage__item .thumbnail_banner { font-size: calc(15px * 1.5); padding: 5px 25px; } .collection__featuredImage__image { overflow: hidden; margin: 8px; background-color: #ffffff; } .collection__featuredImage__image img { max-width: 100%; position: relative; } .collection__featuredImage__content { position: absolute; bottom: 0; left: 0; width: 100%; padding: 10px; line-height: 1.2; text-align: center; font-size: calc(15px * 1.5); } .collection__featuredImage__content .price { display: block; font-size: 80%; margin-top: 10px; } .collection__featuredImage__content .was_price { text-decoration: line-through; opacity: 0.6; } @media only screen and (max-width: 798px) { .collection__featuredImage__content { position: static; } } .collection__featuredImage__content { position: static; } /* #Collection list ================================================== */ .collection-info__caption { font-size: 18px; padding: 10px 0; display: block; } @media only screen and (max-width: 480px) { .collection-info__caption { padding-bottom: 0; } } /* #Collection product thumbnail ================================================== */ .banner_holder { position: absolute; top: 0; max-width: 100%; z-index: 5; } .banner_holder.bannerPosition--left { left: 0; } .banner_holder.bannerPosition--right { right: 0; } .banner_holder.bannerPosition--center { left: 50%; transform: translateX(-50%); } @media only screen and (min-width: 799px) { .banner_holder.bannerPosition--center { width: 100%; } } .thumbnail_banner { display: inline-block; position: relative; white-space: nowrap; padding: 5px 15px; color: #FFFFFF; text-transform: uppercase; font-size: 85%; z-index: 2; } @media only screen and (max-width: 1024px) { .thumbnail_banner { padding: 5px 10px; } } @media only screen and (max-width: 480px) { .thumbnail_banner { font-size: 14px; padding: 5px 10px; display: block; float: left; } } .thumbnail_banner__shape { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .banner_text { position: relative; } .sale_banner { background-color: #ff4702; } .product .sale_banner.thumbnail_banner { display: none; } .preorder_banner, .new_banner { background-color: #f9a31d; } @media only screen and (max-width: 480px) { .collection__grid .small-down--one-half { width: calc(50% - 20px); margin-left: 10px; margin-right: 10px; } } .collection__grid .thumbnail { transition: width 0.5s ease-in-out; overflow: hidden; } .collection__grid .thumbnail.four.columns .info { font-size: 90%; } .collection__grid .thumbnail img { transition: transform 0.3s cubic-bezier(0.55, 0.06, 0.68, 0.19); } .collection__grid .thumbnail:hover img:not(.crossed-out) { -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); } .thumbnail__quickView { text-transform: uppercase; color: #00bad8; position: relative; z-index: 3; cursor: pointer; position: relative; display: inline-block; pointer-events: all; padding: 5px; font-size: calc(15px * 0.8); } .thumbnail__quickView:hover { color: #3f3e40; } .product__thumbnail { position: relative; text-align: center; margin-bottom: 25px; display: block; } .collection__featuredImage { margin-bottom: 25px; } .thumbnail__caption { position: relative; display: block; margin-top: 20px; } @media only screen and (max-width: 798px) { .thumbnail__caption { display: block; } } .product-details .title { display: block; } .product-details .brand { display: block; } .product-details .sold_out { opacity: 0.5; } .product-details span.modal_price { font-size: calc(15px * 1.3); margin-top: 10px; opacity: 0.5; } @media only screen and (max-width: 798px) { .touchevents .thumbnail__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; z-index: 2; } .thumbnail .sale span.money { color: #ff4503; } .thumbnail .was_price span.money { color: #b8b8b8; text-decoration: line-through; } .collection__featuredImage__content { position: static; } .product-wrap { position: relative; } .product-wrap:hover .quick_shop { opacity: 1; transform: none; } .product-wrap:hover .thumbnail__overlay { opacity: 1; } .thumbnail__overlay .info { position: relative; top: 50%; -ms-transform: translateY(50.1%); -webkit-transform: translateY(50.1%); transform: translateY(50.1%); padding: 10px 0; position: absolute; text-align: center; width: 100%; margin: 0 auto; pointer-events: none; } /* #Blog ================================================== */ .blog__filter { margin-bottom: 40px; } .blog__filter.filterBackground--true { text-align: center; } .blog__tagSelect { margin: 0; } .blog .rss-subscribe { font-size: 16px; } .blog__page .featuredArticle { margin-bottom: 20px; } @media only screen and (max-width: 798px) { .blog__articleGrid { margin-left: 0; margin-right: 0; width: 100%; } } .featuredArticle__excerpt { margin: 15px 0; } .featuredArticle__tags { list-style-type: inside; padding-left: 0; margin-top: 5px; text-transform: uppercase; letter-spacing: 1px; font-size: 12px; } .featuredArticle__tags li { display: inline-block; } .featuredArticle__image { margin-bottom: 10px; overflow: hidden; } .featuredArticle__image img { transition: transform ease-in-out 0.3s; max-height: 400px; -o-object-fit: contain; object-fit: contain; font-family: "object-fit: contain"; } .featuredArticle__image img:hover { -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); } .featuredArticle__title { margin: 0; margin-bottom: 10px; font-size: 25px; line-height: 1.3; } .featuredArticle__title a.featuredArticle__link { color: #00bad8; } .featuredArticle__blogMeta { margin-top: 0; margin-bottom: 0; text-transform: uppercase; letter-spacing: 1px; font-size: 12px; } .excerpt { line-height: 1.8em; position: relative; max-height: 9em; /* exactly five lines */ margin-bottom: 7px; overflow: hidden; } .excerptLength--lg .truncation-fade { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; margin: 0; padding: 30px 0; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), white); } .excerptLength--sm .truncation-fade { display: none; } /* #Page ================================================== */ .page img { max-width: 100%; } /* #Sidebar ================================================== */ .sidebar { padding-left: 30px; border-left: 1px solid #b8b8b8; } @media only screen and (max-width: 798px) { .sidebar { padding-left: 20px; border-left: none; } } @media only screen and (max-width: 480px) { .sidebar { padding-left: 0; } } .sidebar__block { margin: 30px 0; } .sidebar__block:first-child { margin-top: 0; } .sidebar__block ul { list-style: none; padding-left: 0; } .sidebar__block li, .sidebar__block p { margin: 0; } .sidebar__block ul.tag_list li { display: inline; } .sidebar__heading { margin: 0 0 10px; color: #656565; font-size: 21px; position: relative; } .sidebar__heading .icon-down-caret { cursor: pointer; position: absolute; top: 50%; right: 0; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .sidebar__downArrow { width: 15px; cursor: pointer; } .sidebar__content { margin: 0; } .block__search .blog_search { border-bottom: 1px solid #b8b8b8; } .block__search .search_box { padding: 0; border: 0; width: calc(100% - 44px); float: left; background-color: #ffffff; margin-bottom: 0; } .block__search .icon-search { float: left; width: 44px; min-height: 44px; font-size: 1.5rem; position: relative; cursor: pointer; } .block__search .icon-search::before { position: absolute; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50%; width: 100%; text-align: center; } .block__search .search-submit { background-color: #ffffff; color: #00bad8; } .block__search .search-submit:hover { color: #3f3e40; } .block__newsletter .action_button.sign_up { margin: 5px 0 0; } .block__newsletter .flex-row { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .block__newsletter .flex-row input { margin: 5px 0 0; } .block__newsletter .email-row { margin: 0; } .block__newsletter .email-row input[type="email"] { padding: 0; } @media only screen and (max-width: 798px) { .block__newsletter .footer__title { margin-bottom: 0; } } .block__recent_posts li { padding: 0 0 10px; } .toggle-all--true .toggle { cursor: pointer; } .toggle-all--true .toggle_list { display: none; } .toggle-all--false .icon-down-caret { display: none; } @media only screen and (max-width: 798px) { .blogSidebar { padding-left: 0; } } /* #Article ================================================== */ .article img { max-width: 100%; } .article__info { margin-bottom: 10px; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; align-items: flex-end; } @media only screen and (max-width: 798px) { .article__info { text-align: center; } } .article__headline { margin-top: 0; margin-bottom: 0; max-width: 700px; } .article__blogMeta { margin: 10px auto 0; text-transform: uppercase; font-size: 12px; } .article__pagination { font-size: 16px; } @media only screen and (max-width: 798px) { .article__pagination { font-size: 15px; margin-top: 20px; float: none; } } .article__image img { width: 100%; max-height: 100vh; -o-object-fit: contain; object-fit: contain; font-family: "object-fit: contain"; display: block; margin: 10px auto 0; } .article__image ~ .article__wrap { margin-top: 60px; } @media only screen and (max-width: 798px) { .article__image ~ .article__wrap { margin-top: 20px; } } .article__wrap { max-width: 85%; margin-top: 40px; } @media only screen and (max-width: 798px) { .article__wrap { max-width: 100%; } } .article__share_wrap { margin-top: 20px; } .article__social { margin-top: 20px; font-size: 18px; } .article__bottom { margin-top: 40px; } .relatedPosts__heading { font-size: 28px; margin-top: 60px; margin-bottom: 40px; text-align: center; } .relatedPosts .featuredArticle__title { font-size: 25px; } .blog__separator--tags { padding: 0 3px; color: #00bad8; font-size: 0.8em; display: inline-block; vertical-align: text-top; } .blog__separator--meta { padding: 0 3px; color: #00bad8; font-size: 0.8em; display: inline-block; vertical-align: text-top; } .blog__separator--meta:last-child { display: none; } .sidebar .blog__separator--tags { vertical-align: middle; } .comment--error { background-color: #fbebeb; padding: 5px 10px; } .comment--success { background-color: #eef8ef; padding: 5px 10px; } .responses__heading { margin-bottom: 0; font-size: 18px; } .comments__heading { margin-top: 40px; margin-bottom: 0; font-size: 18px; } .comment-form { max-width: 60%; } @media only screen and (max-width: 798px) { .comment-form { max-width: 100%; } } .comment { margin-top: 20px; width: 100%; 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: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: flex-start; } .comment__meta { margin: 0; text-transform: uppercase; font-size: 12px; } .comment__author { margin: 0 0 10px; font-size: 16px; } #comment_form .action_button { display: block; border: thin; color: #ffffff; padding: 5px 20px; width: auto; } @media only screen and (max-width: 798px) { #comment_form .action_button { width: 100%; } } #comment_form input[type="text"] { margin: 10px 0; width: 100%; border: transparent 1px solid; border-bottom: 1px solid #b8b8b8; display: inline-block; padding-left: 0; } .comment__textarea { margin: 0 0 20px; width: 100%; border: thin solid #b8b8b8; padding: 10px; font-family: 'neue-ein', Muli, sans-serif; color: #656565; } .comment__textarea::placeholder { color: #a5a5a5; } .comment__label { margin: 10px 0; display: block; } /* #Password Page ================================================== */ #password-container { margin: 75px auto 0; max-width: 100%; display: table; text-align: center; display: table; } #password-container.modal--open { display: none; } @media only screen and (max-width: 798px) { #password-container { margin-top: 10px; } } #password-container .password-page-message { font-size: 3em; line-height: 1.2; margin: 10px auto; padding: 12px 0; } #password-container .password-page-follow { margin: 5px 0; } #password-container .password-social .social_icons a, #password-container .password-social .social_icons a:visited, #password-container .password-social .social_icons a:active { font-size: 25px; } #password-container .both-names input { width: calc(50% - 5px); } @media only screen and (max-width: 798px) { #password-container .both-names input { width: 100%; } } #password-container .newsletter__contactEmail { padding: 10px; width: 100%; } #password-container .action_button.sign_up { width: 100%; } #password-container .flex-row { margin-left: -5px; margin-right: -5px; } #password-container .flex-row input { padding: 0 10px; } #password-container .email-row { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin-left: -5px; margin-right: -5px; } @media only screen and (max-width: 480px) { #password-container .email-row { margin-left: 0; margin-right: 0; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } #password-container .email-row input { margin: 5px; } @media only screen and (max-width: 480px) { #password-container .email-row input { margin: 5px 0 0; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { #password-container .email-row input[type="submit"] { min-width: 150px; } } #password-container .contact_form .newsletter__firstName, #password-container .contact_form .newsletter__lastName { padding: 10px; } .contact_form .action_button.sign_up { display: inline-block; width: 120px; padding-left: 0; padding-right: 0; float: none; margin-top: 20px; } @media only screen and (max-width: 798px) { .contact_form .action_button.sign_up { width: 100%; } } .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; } .hr-small { margin: 20px auto; width: 50px; } .password-social { margin-top: 10px; padding-top: 40px; } .password-social ul { margin-left: 0; padding-left: 0; margin-bottom: 0; } .password-social .social_icons li { display: inline; margin-left: 0; } .password-social .social_icons a:hover { color: #3f3e40; } .password-footer { margin-top: 15px; margin-bottom: 40px; font-size: 13px; color: #656565; 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; text-decoration: none; } .password-footer a { 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: #3f3e40; } .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: thin solid #000; font-size: 14px; } .overlay-data { opacity: 0; visibility: hidden; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; visibility: 0s 0.5s; transition: opacity 0.5s, visibility 0s 0.5s; } .overlay-open { opacity: 1; visibility: visible; -webkit-transition: opacity 0.5s; 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 { padding-bottom: 30px; overflow: auto; } .storefront-password-form input#password { padding: 10px; margin: 20px 0; width: 100%; } .storefront-password-form .sign_up { float: none; width: 120px; display: inline-block; } .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; } .pass-close a { cursor: pointer; } /* #Draggable Sections ================================================== */ .featuredContact { padding: 0; } .featuredContact__container { -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-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .featuredContact__content { -webkit-flex-basis: 55%; -moz-flex-basis: 55%; -ms-flex-basis: 55%; flex-basis: 55%; } @media only screen and (max-width: 798px) { .featuredContact__content { background-color: #ffffff; -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-basis: 100%; flex-basis: 100%; } } .featuredContact__content .headline { padding-top: 25px; } .featuredContact__formContainer { -webkit-align-self: flex-end; -moz-align-self: flex-end; -ms-align-self: flex-end; align-self: flex-end; -webkit-flex-basis: 40%; -moz-flex-basis: 40%; -ms-flex-basis: 40%; flex-basis: 40%; background-color: #ffffff; border: thin solid #b8b8b8; } @media only screen and (max-width: 798px) { .featuredContact__formContainer { -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-basis: 100%; flex-basis: 100%; } } .featuredContact__formContainer.logo--true .featuredContact__form { padding-top: 20px; } .contact__imgWrap img { max-width: 100%; display: block; } @media only screen and (max-width: 798px) { .featuredContact__text { padding: 0 10px 20px; } } .fullWidth--false.featuredContact__formContainer { -webkit-align-self: flex-start; -moz-align-self: flex-start; -ms-align-self: flex-start; align-self: flex-start; } .fullWidth--true.featuredContact__formContainer { margin-top: -40vh; } @media only screen and (max-width: 798px) { .fullWidth--true.featuredContact__formContainer { margin-top: 0; } } .featuredContact__form { padding: 40px; background-color: #ffffff; } @media only screen and (max-width: 798px) { .featuredContact__form { padding: 20px; } } .featuredContact__note p { padding-right: 10px; } .featuredContact__logo { max-width: 50%; margin: 20px auto 0; } .contactBlock__Datepicker { position: relative; } .contactBlock__Datepicker input { border-top: 0; border-right: 0; border-left: 0; } .contactBlock__Datepicker .calendar-icon { position: absolute; bottom: 10px; right: 10px; cursor: pointer; width: 24px; } .featuredContact__callToAction { -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; } @media only screen and (max-width: 798px) { .featuredContact__callToAction { -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; text-align: center; } } @media only screen and (min-width: 799px) { .featuredContact__callToAction input[type="submit"] { width: 110px; } } .multiColumn { margin: 40px 0; } .multiColumn .flexContainer { -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } .multiColumn .ls-shape1 .svgShape { opacity: 0.5; } .multiColumn .ls-shape1 .svgShape svg { -ms-transform: rotate(-140deg); -webkit-transform: rotate(-140deg); transform: rotate(-140deg); } .multiColumn .ls-shape2 .svgShape { opacity: 0.8; } .multiColumn .ls-shape2 .svgShape svg { -ms-transform: rotate(93deg); -webkit-transform: rotate(93deg); transform: rotate(93deg); } .multiColumn .ls-shape3 .svgShape { opacity: 0.4; } .multiColumn .ls-shape3 .svgShape svg { -ms-transform: rotate(-43deg); -webkit-transform: rotate(-43deg); transform: rotate(-43deg); } .multiColumn .ls-shape4 .svgShape { opacity: 1; } .multiColumn .ls-shape4 .svgShape svg { -ms-transform: rotate(64deg); -webkit-transform: rotate(64deg); transform: rotate(64deg); } .multiColumn .rs-shape1 .svgShape { opacity: 0.6; } .multiColumn .rs-shape1 .svgShape svg { -ms-transform: rotate(-43deg); -webkit-transform: rotate(-43deg); transform: rotate(-43deg); } .multiColumn .rs-shape2 .svgShape { opacity: 0.5; } .multiColumn .rs-shape2 .svgShape svg { -ms-transform: rotate(80deg); -webkit-transform: rotate(80deg); transform: rotate(80deg); } .multiColumn .rs-shape3 .svgShape { opacity: 0.8; } .multiColumn .rs-shape3 .svgShape svg { -ms-transform: rotate(22deg); -webkit-transform: rotate(22deg); transform: rotate(22deg); } .multiColumn .rs-shape4 .svgShape { opacity: 0.3; } .multiColumn .rs-shape4 .svgShape svg { -ms-transform: rotate(43deg); -webkit-transform: rotate(43deg); transform: rotate(43deg); } @media only screen and (max-width: 480px) { .slider--mobile:after { content: 'flickity'; display: none; } } @media only screen and (max-width: 480px) { .slider--mobile.multiView .column, .slider--mobile.multiView .columns { width: calc(50% - 20px) !important; margin: 0 10px; } } @media only screen and (max-width: 798px) { .generalBanner .caption { display: block; margin: 0; background-color: rgba(4, 148, 171, 0.7); } } .generalBanner polygon { fill: #0494ab; } @media only screen and (max-width: 798px) { .generalBanner polygon { fill: transparent; } } .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; } .banner { width: 100%; position: relative; } .banner__img { width: 100%; display: block; } .caption { width: 100%; position: absolute; top: 0; bottom: 0; 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; } @media only screen and (max-width: 480px) { .caption { -ms-transform: none; -webkit-transform: none; transform: none; font-size: 3vw; position: relative; width: 100%; } } .caption a { pointer-events: all; } .caption p { margin: 10px 0; } .caption .pretext, .caption a.hoverButton { font-family: Muli, sans-serif; font-weight: 400; text-transform: normal; font-style: normal; font-size: 18px; letter-spacing: 1px; } @media only screen and (max-width: 480px) { .caption .pretext, .caption a.hoverButton { font-size: 1.4em; } } @media only screen and (max-width: 798px) { .caption .pretext, .caption a.hoverButton { font-size: 12.0px; } } @media only screen and (min-width: 799px) { .caption .pretext, .caption a.hoverButton { font-size: 15.0px; } } @media only screen and (min-width: 1401px) { .caption .pretext, .caption a.hoverButton { font-size: 18px; } } .caption .headline { font-family: 'neutra', "Humanist 521", sans-serif; font-weight: 200; font-size: 52px; text-transform: none; line-height: 1.1; margin: 10px 0; color: #ffffff; } @media only screen and (max-width: 480px) { .caption .headline { font-size: 2.6em; } } @media only screen and (max-width: 798px) { .caption .headline { font-size: 34.666666666666664px; } } @media only screen and (min-width: 799px) { .caption .headline { font-size: 43.333333333333336px; } } @media only screen and (min-width: 1401px) { .caption .headline { font-size: 52px; } } .caption .subtitle { font-family: Muli, sans-serif; font-weight: 400; text-transform: normal; font-style: normal; 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: 1401px) { .caption .subtitle { font-size: 18px; } } .caption .pretext:empty, .caption .headline:empty, .caption .subtitle:empty { display: none; } .caption .pretext:empty:before, .caption .headline:empty:before, .caption .subtitle:empty:before { height: 0; } .caption--center { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } .caption--left { -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: flex-start; } .caption--right { -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: flex-end; } .caption--right .caption__overlay { -ms-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); } .subtitle p a { pointer-events: all; } .caption__content { display: inline-block; float: none; width: 55%; position: relative; padding: 5%; } @media only screen and (max-width: 798px) { .caption__content { width: 50%; } } @media only screen and (max-width: 480px) { .caption__content { width: 100% !important; padding: 20px; } } .caption__content.align-center { text-align: center; } .caption__content.align-left { text-align: left; } .caption__content.align-left .subtitle:before { margin-left: 0; } .caption__content.align-right { text-align: right; } .caption__content.align-right .subtitle:before { margin-right: 0; } .caption__overlayShape--up + .caption__content { max-width: 45%; } @media only screen and (max-width: 480px) { .caption__overlayShape--up + .caption__content { max-width: 100%; } } @media only screen and (max-width: 1024px) { .caption--left .caption__overlayShape--center + .caption__content { width: 50%; } } .caption--left .caption__overlayShape--down + .caption__content .pretext { max-width: 90%; } @media only screen and (max-width: 1024px) { .caption--right .caption__overlayShape--center + .caption__content { width: 50%; } } @media only screen and (max-width: 1024px) { .caption--right .caption__overlayShape--down + .caption__content { width: 50%; } } .caption--right .caption__overlayShape--down + .caption__content .pretext { padding-left: 10%; } .caption--center .caption__overlayShape--up + .caption__content .subtitle { margin: 0px auto; max-width: 80%; } .caption--center .caption__overlayShape--up + .caption__content .textButton { display: block; margin: 0px auto; max-width: 70%; } @media only screen and (max-width: 1024px) { .caption--center .caption__overlayShape--down + .caption__content { width: 48%; } } .caption--center .caption__overlayShape--down + .caption__content .pretext { margin: 0px auto; max-width: 70%; } .caption--center .caption__overlayShape--center + .caption__content .headline, .caption--center .caption__overlayShape--center + .caption__content .subtitle, .caption--center .caption__overlayShape--center + .caption__content .pretext { margin: 0px auto; max-width: 80%; } .caption--center .caption__overlayShape--center + .caption__content .textButton { display: block; margin: 0px auto; max-width: 70%; } .caption--center .caption__overlayShape--center + .caption__content .textButton.no-subtitle { padding: 10px 0; } .caption__overlay.svgShape { position: absolute; opacity: 0.8; width: 60%; top: 0; height: 100%; } @media only screen and (max-width: 1024px) { .caption__overlay.svgShape { width: 68%; } } @media only screen and (max-width: 480px) { .caption__overlay.svgShape { opacity: 1; width: 100%; } } @media only screen and (min-width: 481px) { .caption__overlay.svgShape { background-color: transparent !important; } } .caption__overlay.svgShape svg { width: 100%; height: 100%; } .caption--center .caption__overlay.svgShape { width: 70%; } @media only screen and (max-width: 1024px) { .caption--center .caption__overlay.svgShape { width: 80%; } } @media only screen and (max-width: 480px) { .caption--center .caption__overlay.svgShape { width: 100%; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .caption--center .caption__overlay.svgShape { width: 60%; } } /* #Cart page ================================================== */ .cart__emptyWrapper { margin-bottom: 50px; } #cart_form { clear: both; } .cart__empty { width: calc(33% - 20px); margin: 0px auto; text-align: center; } @media only screen and (max-width: 1024px) { .cart__empty { width: 60%; } } @media only screen and (max-width: 480px) { .cart__empty { width: 100%; } } .cart__empty .continue-button { max-width: 325px; margin: 0 auto; } .topBar__miniCart .warning-box p, .cart .warning-box p { padding: 0; margin: 0; text-align: right; } .cart__itemsInCart p { margin-top: 0; } .cart__itemList .cart__card { border-bottom: 1px solid #b8b8b8; } .cart__itemList .cart__card:last-of-type { border-bottom: 0px; } .cart__card { position: relative; padding: 20px 0; 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; } .cart__card h2 { margin: 0; font-size: 15px; } .cart__card p { margin: 3px 0; } .cart__card p.meta { font-size: 90%; } .cart__removeBtn { width: 5%; cursor: pointer; line-height: 0; } .cart__removeBtn [class^="icon-"] { font-size: 13px; padding: 6px; border: thin solid #b8b8b8; border-radius: 50%; vertical-align: middle; } .cart__image { width: calc(25% - 20px); margin-left: 20px; } .cart__image img { display: block; width: 100%; height: 125px; -o-object-fit: contain; object-fit: contain; font-family: "object-fit: contain"; } .cart__text { width: calc(100% - 20px); margin-right: 20px; float: left; } @media only screen and (max-width: 798px) { .cart__text { width: 100%; margin-right: 0; } } .cart_savings { color: #ff4503; } .display_product_quantity_cart--true .cart__text { width: calc(100% - 44px - 44px - 70px - 20px); } @media only screen and (max-width: 798px) { .display_product_quantity_cart--true .cart__text { width: 100%; margin-right: 0; } } .cart__info { padding-left: 20px; width: 70%; } .cart__info p, .cart__info h2 { text-align: left; } .cart__quantity { float: left; } @media only screen and (max-width: 798px) { .cart__quantity { width: 100%; margin-top: 10px; } } .cart__quantity input[type="number"] { font-size: 18px; padding: 5px; text-align: center; width: 70px; float: left; border: thin solid #b8b8b8; background-color: #ffffff; margin-bottom: 0; } .cart__quantity input[type=number]::-webkit-inner-spin-button, .cart__quantity input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .cart__quantityWrap { position: relative; margin: 0px auto; } .cart__quantityWrap .icon-right-arrow, .cart__quantityWrap .icon-left-arrow { vertical-align: middle; } .cart__quantityWrap .product-plus, .cart__quantityWrap .product-minus { line-height: 32px; border: thin solid #b8b8b8; display: block; width: 44px; height: 44px; float: left; cursor: pointer; transition: all 0.2s linear; 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; } .cart__quantityWrap .product-plus:hover, .cart__quantityWrap .product-minus:hover { color: #ffffff; background-color: #656565; } .cart__quantityWrap .product-plus { border-left: 0; } .cart__quantityWrap .product-minus { border-right: 0; } .cart__quantityWrap input { width: 70px; height: 44px; } .cart__notes { margin-top: 20px; display: block; } .cart__notes textarea { width: 100%; padding: 10px; background-color: #ffffff; border: thin solid #b8b8b8; } .cart__shippingCalc select { color: #656565; } .cart__shippingCalc input { background-color: #ffffff; } .cart__shippingCalc .shippingCalculator__results { padding-left: 0; } .cart__priceBreakdown { margin-bottom: 60px; padding-left: 20px; } @media only screen and (max-width: 1024px) { .cart__priceBreakdown { padding: 0; } } @media only screen and (max-width: 798px) { .cart__priceBreakdown { padding: 40px 0 0; left: auto; } } .cart__priceBreakdown .get-rates { height: auto; white-space: normal; margin-bottom: 0; } .cart__priceBreakdown .add_to_cart { border-radius: 0; } .cart__priceBreakdown #checkout { min-height: 54px; } .cart__priceBreakdown #checkout:hover { border-color: #0494ab; } .cart__priceBreakdown select, .cart__priceBreakdown input[type=text] { border-color: #b8b8b8; } .cart__priceBreakdown .cart_savings { color: #ff4503; font-size: 18px; } .cart__priceBreakdown .cart_subtotal { margin-top: 0px; font-size: 24px; } .cart__priceBreakdown div { text-align: center; } .cart__priceBreakdown div .cart_subtotal { margin-bottom: 5px; } .cart__priceBreakdown div .cart_savings { margin-top: 0; } .cart__shippingToggle { cursor: pointer; color: #00bad8; margin-top: 20px; } .cart__shippingCalc { margin-bottom: 20px; } .cart__shippingCalc input, .cart__shippingCalc select { width: 100%; padding: 10px; margin: 10px 0; } .cart__shippingCalc ul { list-style: none; } .cart__tos { margin-bottom: 15px; } .cart__tos .cart__tos_input { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .cart__tos .cart__tos_input #cart_agree { margin-top: 5px; } .cart__tos input { vertical-align: center; line-height: 1em; } .cart__tos .tos_label { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; padding-left: 10px; } .cart__tos .tos_label p { margin: 0; text-align: left; color: #656565; } .cart__tos .tos_label a { color: #00bad8; } .cart__tos .tos_label a:hover { color: #3f3e40; } .cart__featuredLinks { margin-top: 20px; } /* #Collection page ================================================== */ body[class^="collection"] .shapesOverflow { overflow: visible; } body[class^="collection"] .no-matches { padding-top: 20px; padding-bottom: 50px; } @media only screen and (max-width: 480px) { body[class^="collection"] .no-matches { padding-top: 0; } } body[class^="collection"] img { max-width: 100%; } /* #Product page ================================================== */ .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__page.mainContentArea { margin-top: 80px; } @media only screen and (max-width: 480px) { .product__page.mainContentArea { margin-top: 40px; } } /* Animation for checkmark on add to cart button */ button.add_to_cart { position: relative; } button.add_to_cart.disabled { opacity: 1; } button.add_to_cart .text { display: block; width: 100%; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; } button.add_to_cart .slideInLeft.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; } button.action_button--secondary .checkmark { position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; } button.action_button--secondary .checkmark path { stroke-dasharray: 19.79 19.79; stroke-dashoffset: 19.79; stroke: #00bad8; opacity: 0; } button.action_button--secondary .checkmark.checkmark-active path { -webkit-animation: drawCheckmark 0.5s linear alternate forwards; animation: drawCheckmark 0.5s linear alternate forwards; } .description-bottom { padding-bottom: 30px; } @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; } } .product__container { margin-bottom: 40px; } .product__collectionsList { display: none; } @media only screen and (max-width: 480px) { .product__collectionsList { display: block; width: 100%; } } .productInfo--collection { margin-top: 3px; } @media only screen and (max-width: 480px) { .productInfo--collection { display: none; } } .product__section { max-width: 1100px; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; } @media only screen and (max-width: 798px) { .product__section { display: block; } } .product__social { margin-top: 40px; } @media only screen and (max-width: 1024px) { .product__social { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } } .product__section.imageAlign--right { -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .product__vendor { margin: 0; } .product__vendor a { text-transform: uppercase; color: #656565; } .product__vendor + .product__sku { margin-top: 0; } .product__sku { text-transform: uppercase; color: #656565; } .product__banner-holder { margin-bottom: 10px; } .product__title { margin-top: 0; margin-bottom: 10px; line-height: 1.2; word-break: break-word; } .product__stars { color: #00bad8; } .product__images { position: relative; width: calc(60% - 65px); } @media only screen and (max-width: 798px) { .product__images { width: auto; margin: 0 auto; } } .product__details { width: 40%; } .product__description { padding-bottom: 20px; } .product__description img { max-width: 100%; } @media only screen and (max-width: 798px) { .productText { width: 100%; padding: 0 10px; } } .productText .current_price, .productText .modal_price { margin-top: 10px; font-size: calc(15px * 1.8); } .productText .sale span.money { color: #ff4503; } .productText .was_price span.money { font-size: calc(15px * 1.2); color: #b8b8b8; } .productText .savings { color: #ff4503; margin-left: 5px; font-size: calc(15px * 1.2); } @media only screen and (max-width: 480px) { .productText .savings { display: block; } } .was_price { text-decoration: line-through; } .product_gallery { opacity: 0; } @media only screen and (max-width: 798px) { .product_gallery.single-image { padding-bottom: 20px; } } .product_gallery .gallery-cell { width: 100%; display: block; margin-right: 10px; } .product_gallery .gallery-cell span { display: block; width: 100%; } .product_gallery.flickity-enabled { opacity: 1; } .product_gallery img { background-color: #ffffff; width: 100%; max-width: 100%; } .product_gallery .flickity-page-dots { position: static; margin-top: 25px; } .product_gallery button.flickity-prev-next-button { background-color: rgba(255, 255, 255, 0.5); } .flickity-prev-next-button:hover { background: transparent; } .product_gallery_nav.product-nav-slider--false { 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-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } .product_gallery_nav.product-nav-slider--false .gallery-cell { width: 20%; margin-bottom: 10px; margin-right: 10px; } .product_gallery_nav.product-nav-slider--false .gallery-cell img { margin: 0 auto; } .product_gallery_nav { margin-top: 20px; padding: 10px 40px; border: thin solid #b8b8b8; } @media only screen and (max-width: 798px) { .product_gallery_nav { padding: 10px 0; margin: 10px 0; border: 0; } } .product_gallery_nav.no-border { border: 0px; } .product_gallery_nav .flickity-prev-next-button { background: transparent; } .product_gallery_nav .flickity-prev-next-button:hover { border: none; } .product_gallery_nav .flickity-prev-next-button.previous { left: 0px; } .product_gallery_nav .gallery-cell:focus { outline: 1; } .product_gallery_nav button.flickity-prev-next-button.previous:hover { left: 0px; color: darken; background: transparent; } .product_gallery_nav .flickity-prev-next-button.next { right: 0px; } .product_gallery_nav button.flickity-prev-next-button.next:hover { right: 0px; color: darken; background: transparent; } .product_gallery_nav .gallery-cell.is-nav-selected { opacity: 1; } .product_gallery_nav .gallery-cell { height: 70px; margin: 10px; opacity: 0.5; position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .product_gallery_nav .gallery-cell img { height: 100%; } .product_gallery_nav.no-slide { border: none; padding: 20px 0; } .product_gallery_nav.no-slide .flickity-prev-next-button { opacity: 0; } .slideshow_animation--fade .product_gallery .flickity-slider { transform: none !important; } .slideshow_animation--fade .product_gallery .gallery-cell { left: 0 !important; opacity: 0; transition: opacity 0.3s ease-in-out; z-index: -1; } .slideshow_animation--fade .product_gallery .gallery-cell.is-selected { opacity: 1; z-index: 0; } .product_links { margin: 20px 0 8px; font-size: 0.9em; padding: 10px 0; } .product_links p { margin: 2px 0; } .product__socialLabel { margin: 0; margin-right: 5px; } .product_form form { 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-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; } .product_form p.warning { margin-top: 40px; } .productForm__select select:focus { outline: auto; } .product_form .purchase-details { margin-top: 20px; } .productForm__quantityInput { line-height: 1.4; min-height: 44px; margin-bottom: 0; width: calc(100% - 88px); text-align: center; padding: 6px 15px; height: 44px; border-radius: 0; -webkit-appearance: none; float: left; background-color: #ffffff; } input.quantity[type='number'] { -moz-appearance: textfield; } input.quantity[type=number]::-webkit-inner-spin-button, input.quantity[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .productForm__quantity .quantity, .productForm__quantity .quantity:focus, .productForm__quantity .product-plus, .productForm__quantity .product-minus { border: #656565 1px solid; color: #656565; } .productForm__quantity label { margin-bottom: 0.5em; } .productForm__quantity { margin-top: 0; margin-bottom: 20px; width: calc(50% - 5px); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } @media only screen and (max-width: 1024px) { .productForm__quantity { width: 100%; max-width: 100%; } } .productForm__quantity label { text-align: left; } .productForm__quantity .product-plus, .productForm__quantity .product-minus { font-weight: 300; position: relative; cursor: pointer; height: 44px; display: block; width: 44px; text-align: center; float: left; font-size: 15px; line-height: 45px; color: #656565; background-color: #ffffff; transition: all 0.2s linear; } .productForm__quantity .product-plus:hover, .productForm__quantity .product-minus:hover { color: #ffffff; background-color: #656565; } @media only screen and (max-width: 798px) { .productForm__quantity .product-plus, .productForm__quantity .product-minus { display: inline; display: initial; margin: 0; } } .productForm__quantity .product-plus { border-left: 0; } .productForm__quantity .product-minus { border-right: 0; } .display_product_quantity--true.smart-payment-button--true .productForm__quantity { margin-right: 100px; } @media only screen and (max-width: 1024px) { .display_product_quantity--true.smart-payment-button--true .productForm__quantity { margin-right: 0; } } .items_left { margin-top: 0; margin-bottom: 20px; font-style: italic; width: 100%; } .display_product_quantity--true.smart-payment-button--false .items_left { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; } @media only screen and (max-width: 1024px) { .display_product_quantity--true.smart-payment-button--false .items_left { -webkit-box-ordinal-group: 0; -moz-box-ordinal-group: 0; -ms-flex-order: 0; -webkit-order: 0; order: 0; } } .smart-payment-button--false .atc-btn-container { width: calc(50% - 5px); } @media only screen and (max-width: 1024px) { .smart-payment-button--false .atc-btn-container { width: 100%; } } .product_form .action_button--secondary { width: calc(50% - 5px); } @media only screen and (max-width: 1024px) { .product_form .action_button--secondary { width: 100%; margin-bottom: 10px; } } .product_form .shopify-payment-button { width: calc(50% - 5px); } @media only screen and (max-width: 1024px) { .product_form .shopify-payment-button { width: 100%; } } .product__section .product_form { max-width: 100%; } .product__section .notify_form { max-width: 100%; } .purchase--sticky { display: none; } @media only screen and (max-width: 480px) { .purchase--sticky button.action_button { border: 2px solid #00bad8; padding: 20px 5px; height: auto; } } @media only screen and (max-width: 480px) { .spr-container { margin: 0 10px; } } @media only screen and (max-width: 480px) { .is-sticky { display: block; margin: 0; bottom: 0; left: 0; margin-bottom: 0; position: fixed; right: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 98; } } .recommended-products-section .thumbnail__overlay .info { display: none; } .sold_out_price { opacity: .2; } .sold_out_text.sale { color: #ff4503; } .atc-btn-container { width: 100%; } .atc-btn-container.disabled { margin-bottom: 30px; } @media only screen and (min-width: 1025px) { .atc-btn-container { 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; } } /* # 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; } button.view-in-your-space { 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: #656565; font: inherit; text-transform: none; border-radius: 0px; border: 0; } button.view-in-your-space svg path:first-child { stroke: #656565; } button.view-in-your-space svg path:last-child { fill: #656565; } .plyr--video .plyr__controls { background: rgba(255, 255, 255, 0.6); padding: 10px; } .plyr--video .plyr__control { background: transparent; color: #656565; } .plyr--video .plyr__control:hover { background: white; color: #656565; } .plyr--video .plyr__controls__item.plyr__time, .plyr--video input[type=range], .plyr--video .plyr__controls__item { color: #656565; } .plyr--video .plyr__progress input[type=range] + .thumb { background-color: #656565; color: #656565; } .plyr--video input[type=range]::-webkit-slider-thumb { background-color: #656565; } .plyr--video input[type=range]::-moz-range-thumb { background-color: #656565; } .plyr--video input[type=range]::-ms-thumb { background-color: #656565; } .plyr--video .plyr__progress__buffer, .plyr--video .plyr__control[aria-expanded=true] { background-color: rgba(101, 101, 101, 0.6); } .plyr--video .plyr__control.plyr__tab-focus { background-color: #656565; } .plyr--video .plyr__control--overlaid { background: white; border-radius: 0; border: 1px solid rgba(0, 0, 0, 0.05); padding: 3px; height: auto; } .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: 52px; height: 52px; } .plyr--video .plyr__control .play-icon-button-control rect { fill: white; } .plyr--video .plyr__control .play-icon-button-control path { fill: #656565; } .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.6); 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: #656565; 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; } } .shopify-model-viewer-ui .shopify-model-viewer-ui__button { color: #656565; 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(101, 101, 101, 0.55); } .shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area { background: white; border: 1px solid rgba(101, 101, 101, 0.05); } .shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:not(:last-child):after { border-bottom: 1px solid rgba(101, 101, 101, 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__imageContainer .plyr .plyr__controls, .product__imageContainer .plyr .plyr__control--overlaid { opacity: 0; } .product__imageContainer .plyr .plyr__controls > *, .product__imageContainer .plyr .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_slider.product-height-set model-viewer { margin: 0 auto; } .product_slider.product-height-set .product-gallery__main img, .product_slider.product-height-set .product-gallery__main .plyr--html5 video, .product_slider.product-height-set .product-gallery__main .plyr--youtube { width: 100%; -o-object-fit: contain; object-fit: contain; font-family: "object-fit: contain"; } .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: #656565; } .product_gallery_nav .media-badge g path:first-child { stroke: #656565; } .product_gallery_nav .media-badge .media-badge__outline { stroke: rgba(101, 101, 101, 0.05); } /* #Size Chart ================================================== */ .size_chart { float: right; padding-top: 5px; } /* #Swatch Styles ================================================== */ /* SASS variables for swatch dimensions */ .selector-wrapper, .productForm__select { display: none; } .swatch_options { margin-bottom: 10px; width: 100%; } .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; position: relative; } .swatch-element { border: #e2e2e2 1px solid; min-width: 40px; min-height: 40px; transition: all 0.1s linear; } .swatch-element.color:hover, .swatch-element.color:focus { border-color: #e2e2e2; } .swatch-element.color label { min-width: 40px; height: 40px !important; line-height: 40px; background-position: center; background-size: cover; border: #e2e2e2 1px solid; } .swatch-element.color { border-color: transparent; padding: 0; border-width: 0; border-bottom-width: 4px; padding-bottom: 5px; } .swatch_options input:checked + .swatch-element.color { border-color: black; -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.1); -moz-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.1); box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.1); border-top-color: transparent; border-right-color: transparent; border-left-color: transparent; outline: none; } .swatch-element.color label { padding: 0; margin: 0; width: 40px; height: 40px; } .swatch_options input:checked + .swatch-element { border-color: black; -webkit-box-shadow: 0px 0px 0px 2px white; -moz-box-shadow: 0px 0px 0px 2px white; box-shadow: 0px 0px 0px 2px white; } .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 { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .swatch .swatch-element .crossed-out { display: none; } .swatch .swatch-element.soldout label .crossed-out { display: block; height: 100%; width: 100%; pointer-events: none; } .swatch .color.soldout label .crossed-out { height: calc(100% - 3.5px); width: calc(100% - 3.5px); } .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 */ 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:focus .tooltip, .swatch .swatch-element:hover .tooltip { filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; visibility: visible; transform: translateY(0px); } /* #Quick shop ================================================== */ .quickShop__borderOverlay, .quickShop { -ms-animation: fadein 0.5s; -webkit-animation: fadein 0.5s; animation: fadein 0.5s; display: none; position: absolute; width: calc(100% + 20px); } @media only screen and (max-width: 1024px) { .quickShop__borderOverlay, .quickShop { diplay: none !important; } } .quickShop__borderOverlay { border-top: 1px solid #b8b8b8; border-left: 1px solid #b8b8b8; border-right: 1px solid #b8b8b8; height: calc(100% + 20px); left: -10px; padding: 10px 10px 0 10px; top: -10px; } .quickShop__container { margin: 0px auto; padding: 10px; width: 100%; } .collection__featuredImage .quickShop__container { max-width: 300px; } .quickShop { background-color: #ffffff; border-bottom: 1px solid #b8b8b8; border-left: 1px solid #b8b8b8; border-right: 1px solid #b8b8b8; left: -10px; top: 100%; z-index: 1000; } .quickShop .purchase-details, .quickShop .action_button { -ms-animation: fadein 0.5s; -webkit-animation: fadein 0.5s; animation: fadein 0.5s; width: 100%; } .quickShop .shopify-payment-button { padding-top: 10px; width: 100%; } .quickShop .productForm__select, .quickShop .swatch_options { display: none; text-align: left; width: 100%; } .quickShop .productForm__select { margin-bottom: 0; } .quickShop .productForm__select label, .quickShop .productForm__select select, .quickShop .productForm__select .selector-wrapper { max-height: 48px; } .quickShop .productForm__select .selector-wrapper { margin-bottom: 10px; } .quickShop .swatch_options { margin-bottom: 10px; } .quickShop .product_form .purchase-details { margin-top: 0; } .quickShop .product_form--swatches .swatch_options { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .quickShop .product_form--dropdown .productForm__select.single-option .selector-wrapper { min-width: calc(70% - 15px); } .quickShop .product_form--dropdown .productForm__select.single-option select { width: 100%; } .quickShop .product_form--dropdown .productForm__select.multiple-options { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .quickShop .product_form--dropdown .productForm__select.multiple-options .selector-wrapper { min-width: 100%; } .quickShop--variants.quickShop--closed .shopify-payment-button, .quickShop--variants.quickShop--closed .quickShop__button { position: absolute !important; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } .quickShop--no-variants .quickShop__button--more-options { position: absolute !important; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } .quickShop--variants.quickShop--opened .quickShop__button--more-options { position: absolute !important; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } .shopify-payment-button button.shopify-payment-button__button--hidden { position: absolute !important; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } .collection__featuredImage .quickShop { left: 0; width: 100%; } .collection__grid .thumbnail.quickShop--true:focus-within, .collection__grid .thumbnail.quickShop--true:hover { overflow: visible; } @media only screen and (max-width: 1024px) { .collection__grid .thumbnail.quickShop--true:focus-within .quickShop__borderOverlay, .collection__grid .thumbnail.quickShop--true:focus-within .quickShop, .collection__grid .thumbnail.quickShop--true:hover .quickShop__borderOverlay, .collection__grid .thumbnail.quickShop--true:hover .quickShop { display: none !important; } } .collection__grid .thumbnail.quickShop--true:focus-within .quickShop__borderOverlay, .collection__grid .thumbnail.quickShop--true:focus-within .quickShop, .collection__grid .thumbnail.quickShop--true:hover .quickShop__borderOverlay, .collection__grid .thumbnail.quickShop--true:hover .quickShop { display: block; } .thumbnail .collection_swatches { position: relative; opacity: 1; transition: max-height 0.5s ease-in-out, opacity 0.5s ease-in-out, visibility 0.5s ease-in-out 0.5s; z-index: 100; visibility: visible; } .thumbnail .product__price { display: none; } .thumbnail.quickShop--opened:hover .thumbnail__overlay, .thumbnail.quickShop--opened:hover .product-details { opacity: 1; } .thumbnail.quickShop--opened:hover .collection_swatches { border: 0; margin: 0; max-height: 0; opacity: 0; visibility: hidden; } .thumbnail.quickShop--opened:hover .product__price { display: block; } .thumbnail.quickShop--opened:hover .product-details span.price { display: none; } @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } @-moz-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } @-o-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* #Contact page ================================================== */ @media only screen and (max-width: 480px) { .contact__page .map-section { margin: 20px 0; } } @media only screen and (min-width: 799px) { .contactPage__main { padding-bottom: 50px; } } @media only screen and (max-width: 480px) { .contactPage__content { margin-bottom: 20px; } } .contactPage__content.logo--true .featuredContact__form { padding-top: 20px; } .contactPage__content .placeholder-svg { max-height: 200px; } .contactPage__content.contactSection__form { border: thin solid #b8b8b8; background-color: #ffffff; } .contactPage__content.contactSection__form .contactPage__logo { max-width: 50%; margin: 20px auto 0; } /* #Search ================================================== */ .searchForm { max-width: 50%; margin: 0 auto; position: relative; } @media only screen and (max-width: 798px) { .searchForm { max-width: 100%; } } .searchForm .icon-search { position: absolute; cursor: pointer; top: 0; right: 0; font-size: 24px; line-height: 44px; width: 43px; height: 43px; color: white; background-color: black; } .searchResults__header { margin-bottom: 40px; } .container.searchResults__searchBar { margin-top: 40px; } .search__fields { position: relative; } .search__container input { width: 100%; margin-bottom: 10px; padding-right: 0; } .search__container input[type="submit"].search_button { background-color: transparent; border: none; color: black; padding: 0; margin: 0; content: "\11a6a"; } .search__item { padding-top: 10px; margin-top: 10px; border-top: 1px solid #b8b8b8; overflow: 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; } @media only screen and (max-width: 798px) { .search__item { -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; align-items: flex-start; } } @media only screen and (max-width: 480px) { .search__item { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .search__item .sub_title { margin: 0; } .search__item .blog_meta span + span { margin-top: 0; } .search__item:first-child { border-top: 0px; padding-top: 0px; margin-top: 0px; } .searchResult__imageContainer img { width: 100%; max-height: 250px; -o-object-fit: contain; object-fit: contain; font-family: "object-fit: contain"; } @media only screen and (max-width: 480px) { .searchResult__description { padding-top: 20px; } } .search__title { margin-top: 0; } .searchSidebar--true { width: 80%; margin: 0px auto; } .searchSidebar--false { width: 60%; margin: 0px auto; } .search h4.toggle { margin-top: 0; } .search h4.toggle.active svg { stroke: #00bad8; fill: #00bad8; } .search ul { list-style: none; padding-left: 0; } .search ul li, .search ul p { margin: 0; } .search ul.tag_list li { display: inline; } /* #404 page ================================================== */ .pageNotFound input { margin: 0 auto; } /* #Account ================================================== */ .customers-account .pagination-wrapper { padding-top: 30px; margin: 0; } .customers-account .pagination-wrapper .paginate { text-align: left; } .customers-reset_password input[type=password], .customers-activate_account input[type=password] { width: 100%; } #recover-password { background-color: #ffffff; padding: 10px 10px 0; margin: 10px 10px 0px; clear: both; } #recover-password h4 { margin-top: 20px; } #recover-password .action_bottom { display: block; text-align: right; } #recover-password .action_bottom .note { display: block; width: 100%; } .account-header-logout { text-align: right; } .account-sidebar { box-sizing: border-box; padding-right: 10px; } @media only screen and (max-width: 798px) { .account-sidebar { border: 0; padding-right: 0; } } .account-sidebar .accountSidebar__content { overflow: hidden; padding: 20px; } .account-sidebar .logout { display: block; padding-bottom: 10px; } .customers-addresses select { margin-bottom: 15px; } .customers-addresses .account-sidebar { border-right: 0; padding-right: 0; } .customers-addresses .account-sidebar .action_add { padding-bottom: 30px; } .customers-addresses .account-main { box-sizing: border-box; padding-left: 20px; } @media only screen and (max-width: 798px) { .customers-addresses .account-main { border: 0; padding-left: 0; } } .view-address { padding-top: 10px; } .account-main input { margin: 10px 0 20px; } .action_bottom .note { vertical-align: middle; line-height: 60px; } .address.note p { margin: 3px 0; } #address_tables { margin-top: 20px; overflow: hidden; } #address_tables .address_table { padding-top: 10px; } #address_tables hr { width: 100%; opacity: 0; padding: 7px 0; } .view_address { margin-top: 5px; } .address_title { margin-top: 0; margin-bottom: 0; padding-bottom: 0; } .action_edit { padding-right: 5px; } .action_delete { padding-left: 5px; } #customer_login { overflow: auto; } .customer__form { padding: 10px; border: thin solid #b8b8b8; background-color: #ffffff; width: 100%; } .customer__form .login__logo { padding-top: 20px; max-width: 300px; width: auto; max-height: 100px; } .customer__form input { border: 0px; display: block; border-bottom: 1px solid #b8b8b8; width: 100%; margin: 30px auto 0 auto; } .customer__form .btn { width: 40%; } .customer__form .action_bottom { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; position: relative; } .customer__form .action_bottom p { bottom: 0px; position: absolute; width: 50%; line-height: 1.2; } .customer__form .action_bottom .btn { margin-right: 0; } .customer__form form { padding: 30px; } .customer__form img, .customer__form h4 { display: block; text-align: center; margin: 0 auto; } .register__form.account__noImage { display: block; float: none; clear: both; margin: 0px auto; } .register__image { background-size: cover; } @media only screen and (max-width: 798px) { .register__image { margin-top: 40px; } } .register__image img { width: 80%; margin: 0 auto; } @media only screen and (max-width: 480px) { .register__image .left, .register__image .right { float: none; width: 100%; } } .collection_nav { text-align: center; } .errors ul { list-style: none; padding-left: 0; } .errors li { background-color: #fbebeb; margin: 3px 0; padding: 5px 10px; } /* #Page FAQ ================================================== */ .faqAccordion { margin-top: 0; margin-bottom: 0; } .faqAccordion > dt:last-of-type button { border-bottom: 1px solid; } .faqAccordion > dt > button { background: transparent; position: relative; padding: 20px 20px 20px 40px; color: #00bad8; 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: 'neue-ein', Muli, sans-serif; font-size: 18px; box-shadow: none; border-radius: 0px; border-left: none; border-right: none; border-bottom: none; border-color: #b8b8b8 !important; /* Overwrites default button styling */ } .faqAccordion > dt > button:hover { color: #3f3e40; } .faqAccordion > dt > button::after { position: absolute; top: 50%; -ms-transform: translateY(-50.1%); -webkit-transform: translateY(-50.1%); transform: translateY(-50.1%); left: 15px; font-size: 15px; font-family: 'artisan'; content: "\e909"; color: inherit; } .faqAccordion > dt > button[aria-expanded="true"] { background-color: #f7f7f7; border-bottom: none; } .faqAccordion > dt > button[aria-expanded="true"]::after { content: "\e908"; font-size: 15px; } .faqAccordion > dd { color: #656565; padding: 0px 0px 10px 0px; } .faqAccordion > dd[aria-hidden="true"] { display: none; } /* #Shapes ================================================== */ .shapesOption { position: relative; } .ls-shapeWrapper { position: absolute; top: 0; left: 0; bottom: 0; width: 50%; z-index: -1; } .rs-shapeWrapper { position: absolute; top: 0; bottom: 0; right: 0; width: 50%; z-index: -1; } .rs-shapeWrapper .background__shape { text-align: right; } .background__shape { position: absolute; width: 100%; height: auto; z-index: -1; overflow: hidden; opacity: 0; transition: opacity 0.2s; } .background__shape .svgShape { max-width: 350px; } .ls-shape1 .svgShape { opacity: 0.5; } .ls-shape1 .svgShape svg { -ms-transform: rotate(-43deg); -webkit-transform: rotate(-43deg); transform: rotate(-43deg); } .ls-shape2 .svgShape { opacity: 0.8; } .ls-shape2 .svgShape svg { -ms-transform: rotate(80deg); -webkit-transform: rotate(80deg); transform: rotate(80deg); } .ls-shape3 .svgShape { opacity: 0.4; } .ls-shape3 .svgShape svg { -ms-transform: rotate(22deg); -webkit-transform: rotate(22deg); transform: rotate(22deg); } .ls-shape4 .svgShape { opacity: 1; } .ls-shape4 .svgShape svg { -ms-transform: rotate(43deg); -webkit-transform: rotate(43deg); transform: rotate(43deg); } .rs-shape1 .svgShape { opacity: 0.6; } .rs-shape1 .svgShape svg { -ms-transform: rotate(-140deg); -webkit-transform: rotate(-140deg); transform: rotate(-140deg); } .rs-shape2 .svgShape { opacity: 0.5; } .rs-shape2 .svgShape svg { -ms-transform: rotate(93deg); -webkit-transform: rotate(93deg); transform: rotate(93deg); } .rs-shape3 .svgShape { opacity: 0.8; } .rs-shape3 .svgShape svg { -ms-transform: rotate(-43deg); -webkit-transform: rotate(-43deg); transform: rotate(-43deg); } .rs-shape4 .svgShape { opacity: 0.3; } .rs-shape4 .svgShape svg { -ms-transform: rotate(64deg); -webkit-transform: rotate(64deg); transform: rotate(64deg); } /*Fix for IE11 sizing */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .background__shape { height: 400px !important; } .svgShape { height: 100% !important; } } /* #Gallery page ================================================== */ .galleryPageModal .featherlightbox { display: block; } .galleryPageModal .featherlight-content { padding: 25px 25px 0; border-bottom: 25px solid transparent; margin-left: 5%; margin-right: 5%; max-height: 95%; } @media only screen and (max-width: 798px) { .galleryPageModal .featherlight-content { padding: 10px 10px 0; border-bottom: 10px solid transparent; } } .galleryPageModal img { width: 100%; } @media only screen and (min-width: 799px) { .gallery-wrap.left-thumbnails { 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; -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .gallery-wrap.left-thumbnails .product_gallery { width: 85%; margin-left: 3%; } .gallery-wrap.left-thumbnails .product_gallery_nav { width: 12%; margin: 0; padding: 0; border: 0; } .gallery-wrap.left-thumbnails .product_gallery_nav .gallery-cell { width: 100%; margin: 0 0 10px 0; display: block; height: auto; } .gallery-wrap.left-thumbnails .product_gallery_nav .gallery-cell img { height: auto; width: 100%; } } @media only screen and (max-width: 798px) { .gallery-wrap.left-thumbnails .product_gallery_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-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } .gallery-wrap.left-thumbnails .product_gallery_nav .gallery-cell { display: inline-block; } } @media only screen and (min-width: 799px) { .gallery-wrap.right-thumbnails { 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; } .gallery-wrap.right-thumbnails .product_gallery { width: 85%; margin-right: 3%; } .gallery-wrap.right-thumbnails .product_gallery_nav { width: 12%; margin: 0; padding: 0; border: 0; } .gallery-wrap.right-thumbnails .product_gallery_nav .gallery-cell { width: 100%; margin: 0 0 10px 0; display: block; height: auto; } .gallery-wrap.right-thumbnails .product_gallery_nav .gallery-cell img { height: auto; width: 100%; } } @media only screen and (max-width: 798px) { .gallery-wrap.right-thumbnails .product_gallery_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-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } .gallery-wrap.right-thumbnails .product_gallery_nav .gallery-cell { display: inline-block; } } .gallery-wrap .button__container { border-bottom: 1px solid #b8b8b8; margin: 20px 0; width: 100%; 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) { .gallery-wrap .button__container { border-bottom: 0px; margin-top: 5px; padding-top: 20px; } } .gallery-wrap .button__container .button__group { margin-bottom: -21px; } @media only screen and (max-width: 798px) { .gallery-wrap .button__container .button__group { padding: 0 20px; margin-bottom: 0px; } } .gallery-wrap .button__container .button__group button { background-color: #ffffff; color: #656565; text-transform: capitalize; border: thin solid #b8b8b8; font-weight: normal; border-right-width: 0px; position: relative; margin: 0px -2px; z-index: 1; } .gallery-wrap .button__container .button__group button:last-child { border-right-width: 1px; } .gallery-wrap .button__container .button__group button:hover, .gallery-wrap .button__container .button__group button.is-checked { background-color: #f2f2f2; } .gallery-wrap .button__container .button__group button.is-checked { background-color: #e6e6e6; z-index: 90; } @media only screen and (max-width: 798px) { .gallery-wrap .button__container .button__group button { width: calc(50% - 4px); margin: 0px -2px; border-top: 1px solid transparent; border-right-width: 1px; } .gallery-wrap .button__container .button__group button:first-child, .gallery-wrap .button__container .button__group button:nth-child(2) { border-top: 1px solid #b8b8b8; } .gallery-wrap .button__container .button__group button:last-child { border-right-width: 1px; } } .gallery-wrap .gallery__content { margin-top: 20px; } @media only screen and (min-width: 799px) { .gallery-wrap .gallery__content.gallery__fitRows--two-per-row .gallery__item { width: 50%; } } @media only screen and (min-width: 799px) { .gallery-wrap .gallery__content.gallery__fitRows--two-per-row .gallery__item--width2 { width: 100%; } } @media only screen and (min-width: 799px) { .gallery-wrap .gallery__content.gallery__fitRows--three-per-row .gallery__item { width: 33.33%; } } @media only screen and (min-width: 799px) { .gallery-wrap .gallery__content.gallery__fitRows--three-per-row .gallery__item--width2 { width: 66.66%; } } @media only screen and (min-width: 799px) { .gallery-wrap .gallery__content.gallery__fitRows--five-per-row .gallery__item { width: 20%; } } @media only screen and (min-width: 799px) { .gallery-wrap .gallery__content.gallery__fitRows--five-per-row .gallery__item--width2 { width: calc(40% - 10px); } } .gallery-wrap .fullWidth--true.container.columns { margin-left: 0; margin-right: 0; } .gallery-wrap .fullWidth--true.container .sixteen.columns { width: 100%; margin: 0; } .gallery-wrap .fullWidth--true.container .sixteen.columns.gallery__content { margin-top: 20px; } .gallery-wrap .fullWidth--false .gallery__item { padding-left: 5px; padding-right: 5px; padding-top: 15px; } .gallery-wrap .gallery__item { width: 100%; float: left; } @media only screen and (min-width: 799px) { .gallery-wrap .gallery__item { width: 25%; } } .gallery-wrap .gallery__item img { width: 100%; display: block; } @media only screen and (min-width: 799px) { .gallery-wrap .gallery__item--width2 { width: 50%; } } .imageGallery .columns { margin-bottom: 20px; } /* #Home page - text columns ================================================== */ @media only screen and (min-width: 481px) and (max-width: 798px) { .textColumns__block { margin-bottom: 20px; } } .textColumns .large_text { font-family: 'neutra', "Humanist 521", sans-serif; font-size: 36px; font-weight: 200; font-style: normal; text-transform: none; line-height: normal; color: #00bad8; display: block; letter-spacing: 0px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin: 25px 0; } @media only screen and (max-width: 798px) { .textColumns .large_text { font-size: 28px; } } .textColumns .border-style--none { padding: 1px; } .textColumns .border-style--box { border: thin solid #aaaaaa; } .textColumns .border-style--quote { border-left: thin solid #aaaaaa; } .textColumns a.continue-button { margin-top: 10px; } .textColumns .ls-shape1 .svgShape { opacity: 0.5; } .textColumns .ls-shape1 .svgShape svg { -ms-transform: rotate(-42deg); -webkit-transform: rotate(-42deg); transform: rotate(-42deg); } .textColumns .ls-shape2 .svgShape { opacity: 0.8; } .textColumns .ls-shape2 .svgShape svg { -ms-transform: rotate(4deg); -webkit-transform: rotate(4deg); transform: rotate(4deg); } .textColumns .ls-shape3 .svgShape { opacity: 0.4; } .textColumns .ls-shape3 .svgShape svg { -ms-transform: rotate(-55deg); -webkit-transform: rotate(-55deg); transform: rotate(-55deg); } .textColumns .ls-shape4 .svgShape { opacity: 1; } .textColumns .ls-shape4 .svgShape svg { -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); } .textColumns .rs-shape1 .svgShape { opacity: 0.6; } .textColumns .rs-shape1 .svgShape svg { -ms-transform: rotate(-10deg); -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } .textColumns .rs-shape2 .svgShape { opacity: 0.5; } .textColumns .rs-shape2 .svgShape svg { -ms-transform: rotate(30deg); -webkit-transform: rotate(30deg); transform: rotate(30deg); } .textColumns .rs-shape3 .svgShape { opacity: 0.8; } .textColumns .rs-shape3 .svgShape svg { -ms-transform: rotate(-9deg); -webkit-transform: rotate(-9deg); transform: rotate(-9deg); } .textColumns .rs-shape4 .svgShape { opacity: 0.3; } .textColumns .rs-shape4 .svgShape svg { -ms-transform: rotate(23deg); -webkit-transform: rotate(23deg); transform: rotate(23deg); } .textColumn { margin-bottom: -20px; } @media only screen and (min-width: 481px) and (max-width: 798px) { .textColumn { margin-bottom: 0; } } .textColumn__content { padding: 20px; } .textColumn__content.columnImage--none h3 { margin-top: -9px; } .textColumn__content.columnImage--none.columnTitle--none p:first-child { margin-top: -5px; } .textColumn__content p { margin-bottom: 0; margin-top: 10px; } .textColumn__content .textButton { display: block; margin-top: 10px; } .textColumn__title { margin-top: 20px; margin-bottom: 10px; } /* #Home page - map ================================================== */ .maps { position: relative; max-width: 75%; width: 100%; } @media only screen and (max-width: 798px) { .maps { max-width: 100%; -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; } } .maps button { min-height: 0 !important; } .maps iframe { display: block; } @media only screen and (max-width: 798px) { .map-section .flexContainer { -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .map-section .flexContainer.overlay__position--right { -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) { .map-section .flexContainer.overlay__position--right { -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .map__overlay { 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: 0; max-width: 25%; width: 100%; } @media only screen and (max-width: 798px) { .map__overlay { -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; bottom: 0; width: 100%; max-width: 100%; position: relative; } } .map__title { margin-top: 0; } .map__text { list-style: none; padding: 0; margin-bottom: 0; } .map__textItem { padding-bottom: 10px; line-height: 1.5; } .map__textItem:last-child { padding-bottom: 0; } .map__textItem p:last-child { margin-bottom: 0; } .map__button { margin-top: 20px; } .overlay__container { margin: 0 auto; max-width: 75%; padding: 20px 0; width: 100%; } @media only screen and (max-width: 798px) { .overlay__container { max-width: 80%; } } .overlay__container p { font-family: 'neue-ein', Muli, sans-serif; } .map__placeholder img { -o-object-fit: cover; object-fit: cover; font-family: "object-fit: cover"; } /* #Global banner ================================================== */ .globalBanner { position: relative; } .globalBanner .sectionHeader__headline.headline { text-transform: none; } @media only screen and (max-width: 480px) { .globalBanner .caption { margin-bottom: 20px; } } .globalBanner .caption__content .headline { text-transform: none; } .globalBanner .caption__content .heading, .globalBanner .caption__content .pretext, .globalBanner .caption__content .subtitle { color: #000000; } .globalBanner .caption__content .pretext, .globalBanner .caption__content .subtitle { font-size: 18px; } .globalBanner .caption__content .pretext { margin-bottom: 5px; } .globalBanner .caption__content .subtitle { margin-top: 5px; } .globalBanner.bannerImage--false, .mainContentArea { margin-top: 60px; } .globalBanner.bannerImage--true { margin-bottom: 60px; } @media only screen and (max-width: 798px) { .globalBanner.bannerImage--true { margin-bottom: 40px; } } @media only screen and (max-width: 480px) { .globalBanner.bannerImage--true { margin-bottom: 0; } } .globalBanner ~ .mainContentArea { margin-top: 0; } /* #Home page - Featured blog ================================================== */ .featuredBlog .featuredArticle__tags { margin-bottom: 0; } .featuredBlog .featuredArticle { padding-bottom: 20px; } @media only screen and (max-width: 480px) { .featuredBlog .featuredArticle { padding-bottom: 0; } } /* #Home page - Featured product ================================================== */ @media only screen and (max-width: 798px) { .featuredProduct .product__section { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .featuredProduct .product__section .product_gallery { padding-bottom: 35px; } } .featuredProduct__details { background-color: #ffffff; padding: 40px; } @media only screen and (max-width: 480px) { .featuredProduct__details { width: 100%; margin: 0; padding: 20px; } } .featuredProduct__details.show-border--false { padding: 0; } .featuredProduct__productImages img { background-color: transparent; } .featuredProduct .purchase-details__buttons { -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%; } /* #Home page - Featured collection ================================================== */ .featuredCollection .hover-info--false .info { display: none; } .featuredCollection .collection__item { padding-bottom: 20px; } @media only screen and (max-width: 480px) { .featuredCollection .collection__item { padding-bottom: 0; } } .featuredCollection img { max-width: 100%; } /* #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-child(even) .half { float: right; } /* #Home page - image with text ================================================== */ .image1--true .imageWithText__text, .image2--true .imageWithText__text { -webkit-box-flex: 1 0 60%; -moz-box-flex: 1 0 60%; -webkit-flex: 1 0 60%; -ms-flex: 1 0 60%; flex: 1 0 60%; top: 20px; } @media only screen and (max-width: 1024px) { .image1--true .imageWithText__text, .image2--true .imageWithText__text { margin-left: 0; margin-right: 0; margin-top: 5px; top: 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%; } } @media only screen and (max-width: 1024px) { .image1--true .imageWithText__text, .image2--true .imageWithText__text { margin-top: 20px; } } .imageWithText__image-wrapper { position: relative; z-index: 2; -webkit-box-flex: 1 0 40%; -moz-box-flex: 1 0 40%; -webkit-flex: 1 0 40%; -ms-flex: 1 0 40%; flex: 1 0 40%; text-align: right; max-width: 420px; } .imageWithText__text { position: relative; z-index: 0; width: 60%; } @media only screen and (max-width: 798px) { .imageWithText__text { margin-left: 0; margin-right: 0; width: 100%; } } .image1--true.image2--true .imageWithText__image-wrapper { -webkit-box-flex: 1 0 25%; -moz-box-flex: 1 0 25%; -webkit-flex: 1 0 25%; -ms-flex: 1 0 25%; flex: 1 0 25%; } @media all and (-ms-high-contrast: none) { .image1--true.image2--true .imageWithText__image-wrapper { -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; } } .image1--true.image2--true .imageWithText__text { -webkit-box-flex: 1 0 30%; -moz-box-flex: 1 0 30%; -webkit-flex: 1 0 30%; -ms-flex: 1 0 30%; flex: 1 0 30%; } .image1--true.image2--true .imageWithText__image-1-wrap { margin-bottom: 40px; } .image-without-text.image1--true.image2--true .imageWithText__image-1-wrap { margin-bottom: 160px; margin-left: 20px; left: 0; } @media only screen and (max-width: 1024px) { .image-without-text.image1--true.image2--true .imageWithText__image-1-wrap { margin-bottom: 40px; margin-left: 0; } } .image-without-text.image1--true.image2--true .imageWithText__image-2-wrap { right: 20px; } .imageWithText__section.image-position--left.image1--true .imageWithText__text, .imageWithText__section.image-position--left.image2--true .imageWithText__text { margin-right: 20px; } @media only screen and (max-width: 1024px) { .imageWithText__section.image-position--left.image1--true .imageWithText__text, .imageWithText__section.image-position--left.image2--true .imageWithText__text { margin-right: 0; } } .imageWithText__section.image-position--left .imageWithText__info { padding-left: 60px; } @media only screen and (max-width: 1024px) { .imageWithText__section.image-position--left .imageWithText__info { padding: 40px 20px; } } .imageWithText__section.image-position--left .imageWithText__image-wrapper { right: -20px; text-align: right; } @media only screen and (max-width: 1024px) { .imageWithText__section.image-position--left .imageWithText__image-wrapper { right: 0; } } @media only screen and (max-width: 1024px) { .imageWithText__section.image-position--left.image1--true.image2--true .imageWithText__image-wrapper { right: 10px; } } .imageWithText__section.image-position--left.image1--true.image2--true .imageWithText__text { margin-right: 5%; } @media only screen and (max-width: 1024px) { .imageWithText__section.image-position--left.image1--true.image2--true .imageWithText__text { -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: 20px 0 0; } } .imageWithText__section.image-position--left.image1--true.image2--true .imageWithText__image-1-wrap { right: -5%; } @media only screen and (max-width: 1024px) { .imageWithText__section.image-position--left.image1--true.image2--true .imageWithText__image-1-wrap { left: 10px; } } .imageWithText__section.image-position--right { -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .imageWithText__section.image-position--right.image1--true .imageWithText__text, .imageWithText__section.image-position--right.image2--true .imageWithText__text { margin-left: 20px; } @media only screen and (max-width: 1024px) { .imageWithText__section.image-position--right.image1--true .imageWithText__text, .imageWithText__section.image-position--right.image2--true .imageWithText__text { margin-left: 10px; } } .imageWithText__section.image-position--right .imageWithText__info { padding-right: 60px; } @media only screen and (max-width: 1024px) { .imageWithText__section.image-position--right .imageWithText__info { padding: 40px 20px; } } .imageWithText__section.image-position--right .imageWithText__image-wrapper { left: -20px; text-align: left; } @media only screen and (max-width: 1024px) { .imageWithText__section.image-position--right .imageWithText__image-wrapper { left: 0; } } @media only screen and (max-width: 1024px) { .imageWithText__section.image-position--right.image1--true.image2--true .imageWithText__image-wrapper { left: 10px; } } .imageWithText__section.image-position--right.image1--true.image2--true .imageWithText__text { margin-left: 5%; } @media only screen and (max-width: 1024px) { .imageWithText__section.image-position--right.image1--true.image2--true .imageWithText__text { -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: 10px 0; } } .imageWithText__section.image-position--right.image1--true.image2--true .imageWithText__image-1-wrap { left: -5%; } @media only screen and (max-width: 1024px) { .imageWithText__section.image-position--right.image1--true.image2--true .imageWithText__image-1-wrap { right: 20px; } } .imageWithText__topIndex--true { position: relative; z-index: 3; } .imageWithText__section { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; align-items: flex-end; -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: 1024px) { .imageWithText__section { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .imageWithText__section svg.imageWithText__image2 { fill: #bef6ff; background-color: #8befff; } .imageBox { -o-object-fit: cover; object-fit: cover; -o-object-position: right top; object-position: right top; font-family: "object-fit: cover; object-position: right top"; background-repeat: no-repeat; max-width: 100%; max-height: 90vh; } .imageWithText__info { padding: 40px; background-color: #ffffff; } .imageWithText__info.show-border--true { border: thin solid #b8b8b8; } .imageWithText__info .title { margin-top: 0; } /* #Home page - slideshow ================================================== */ .text-animation--true .caption-content { opacity: 0; } @media only screen and (max-width: 480px) { .text-animation--true .caption-content { opacity: 1; animation-duration: 0s; } } div.slideshow-section button.flickity-prev-next-button { height: 35px; width: 35px; background: transparent; } @media only screen and (max-width: 480px) { div.slideshow-section button.flickity-prev-next-button { display: none; } } @media only screen and (max-width: 1024px) { div.slideshow-section button.flickity-prev-next-button.next { right: 5px; } } @media only screen and (max-width: 1024px) { div.slideshow-section button.flickity-prev-next-button.next:hover { right: -2px; } } @media only screen and (max-width: 1024px) { div.slideshow-section button.flickity-prev-next-button.previous { left: 5px; } } @media only screen and (max-width: 1024px) { div.slideshow-section button.flickity-prev-next-button.previous:hover { left: -2px; } } div.slideshow-section .textButton { font-size: 16px; } .slideshow:hover .flickity-prev-next-button { display: block; border: 0px; } @media only screen and (max-width: 798px) { .slideshow:hover .flickity-prev-next-button { display: none; } } .slideshow { position: relative; opacity: 0; } .slideshow .flickity-viewport { overflow: hidden; } .slideshow .gallery-cell { width: 100%; background-color: #666; counter-increment: gallery-cell; } @media only screen and (max-width: 480px) { .slideshow .gallery-cell { background-color: transparent; } } .slideshow .gallery-cell img { width: 100%; display: block; } .slideshow .caption { transform: translate3d(0px, 0px, 0px); } @media only screen and (max-width: 798px) { .slideshow .caption { font-size: 16px; } } .slideshow .text_align--right .svgShape { right: 0; } .slideshow .text_align--left .svgShape { left: 0; } .slideshow.flickity-enabled { opacity: 1; } .slideshow.slideshow_animation--fade .flickity-viewport { background-color: #ffffff; } .slideshow.slideshow_animation--fade .flickity-slider { transform: none !important; } .slideshow.slideshow_animation--fade .gallery-cell { left: 0 !important; opacity: 0; transition: opacity 0.2s ease-in-out; z-index: -1; margin: 0 0.005%; width: 99.99%; } .slideshow.slideshow_animation--fade .gallery-cell.is-selected { opacity: 1; z-index: 0; } /* #Home page - testimonial ================================================== */ .homepage-testimonial[data-column-amount='1'] .flickity-prev-next-button, .homepage-testimonial[data-column-amount='2'] .flickity-prev-next-button, .homepage-testimonial[data-column-amount='3'] .flickity-prev-next-button { display: none; } .testimonial-section:hover .flickity-prev-next-button { display: block; } @media only screen and (max-width: 480px) { .testimonial-section:hover .flickity-prev-next-button { display: none; } } .testimonial-section .sectionHeader__pretext { opacity: 0.7; } @media only screen and (min-width: 799px) { .testimonial-section .flickity-prev-next-button.previous { left: -34px; } } @media only screen and (min-width: 799px) { .testimonial-section .flickity-prev-next-button.previous:hover { left: -40px; } } @media only screen and (min-width: 799px) { .testimonial-section .flickity-prev-next-button.next { right: -34px; } } @media only screen and (min-width: 799px) { .testimonial-section .flickity-prev-next-button.next:hover { right: -40px; } } .flickity-resize .testimonial__block { min-height: 100%; } .testimonial__block { background-color: transparent; border: thin solid #b8b8b8; } .testimonial__block .galleryCell--content { text-align: center; background: #ffffff; padding: 15px; } .testimonial__block .galleryCell--content img { margin-top: 15px; max-width: 120px; } .testimonial__block .galleryCell--content svg { padding-top: 15px; max-width: 70px; opacity: 0.5; } .testimonial__block .galleryCell--content .galleryCell--name { margin-bottom: 0; } .testimonial__block .galleryCell--content .galleryCell--additional p { margin-top: 0; opacity: 0.7; } /* #Home page - newsletter ================================================== */ .newsletter__wrapper { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -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; } .imagePosition--right { -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: 480px) { .imagePosition--right { -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .newsletter__content { padding: 40px; 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__content { padding: 20px; width: 100%; left: auto; } } @media only screen and (max-width: 798px) { .newsletter__image { width: 100%; } } h2.newsletter__title { margin-top: 0; } /* #Home page - richtext ================================================== */ .richtext__section, .block__rich_text_and_image { position: relative; } .richtext__container { padding: 40px 0; position: relative; z-index: 2; font-size: 15px; } .richtext__container h2 { font-size: 1.5em; margin-top: 0; margin-bottom: 0; } .richtext__container p { margin-bottom: 0; } .richtext__container.text-size--small { font-size: calc(15px * 0.8); } .richtext__container.text-size--large { font-size: calc(15px * 1.2); } .fullWidth--false .richtext__container { padding: 40px 30px; } /* #Home page - pricing table ================================================== */ .pricingTable__item { width: calc(33.333% - 40px); margin-right: 20px; } .pricingTable__headers { -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; } @media only screen and (max-width: 798px) { .pricingTable__headers { -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; align-items: flex-end; border-bottom: 10px solid; margin-top: 30px; } } .pricingTable__header { display: block; overflow: hidden; 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-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; } @media only screen and (max-width: 798px) { .pricingTable__header { cursor: pointer; flex: 1 0 33.3333%; 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; -webkit-align-self: stretch; -moz-align-self: stretch; -ms-align-self: stretch; align-self: stretch; text-align: center; margin: 0; } } .pricingTable__header:last-child { margin-right: 0; } .pricingTable__title { padding: 20px; text-transform: none; margin: 0; font-family: 'neutra', "Humanist 521", sans-serif; font-size: 28px; font-weight: 200; font-style: normal; text-transform: none; line-height: normal; color: #00bad8; display: block; letter-spacing: 0px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -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; text-transform: none; max-width: 100%; line-height: 1.3; } @media only screen and (max-width: 798px) { .pricingTable__title { font-size: 22px; } } @media only screen and (max-width: 798px) { .pricingTable__title { padding: 20px 10px; line-height: 1.1; font-family: 'neutra', "Humanist 521", sans-serif; font-size: 24px; font-weight: 200; font-style: normal; text-transform: none; line-height: normal; color: #00bad8; display: block; letter-spacing: 0px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } } @media only screen and (max-width: 798px) and (max-width: 798px) { .pricingTable__title { font-size: 19px; } } .pricingTable__contents { position: relative; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; } .pricingTable__content { color: #656565; background-color: #f2f2f2; -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; } @media only screen and (max-width: 798px) { .pricingTable__content { -webkit-box-flex: 0 1 auto; -moz-box-flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; height: 0; display: none; margin: 0; } } .pricingTable__content .placeholder-svg { height: initial; } .pricingTable__content .modal_price { font-family: 'neutra', "Humanist 521", sans-serif; font-size: 28px; font-weight: 200; font-style: normal; text-transform: none; line-height: normal; color: #00bad8; display: block; letter-spacing: 0px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-top: 30px; margin-bottom: 30px; color: #656565; } @media only screen and (max-width: 798px) { .pricingTable__content .modal_price { font-size: 22px; } } .pricingTable__content .modal_price .sale { color: #ff4503; } .pricingTable__content .modal_price .was_price { text-decoration: line-through; font-size: smaller; color: #b8b8b8; } .pricingTable__content .product__section.product_form { width: 100%; } .pricingTable__content .more-information { display: inline-block; padding: 10px; margin-top: 10px; } .pricingTable__content:last-child { margin-right: 0; } .pricingTable__margin { background-color: #f2f2f2; margin: 0px 40px; padding-bottom: 20px; } .pricingTable__description { border-bottom: 1px solid #b8b8b8; display: block; margin-bottom: 10px; width: 100%; } .pricingTable__description p { margin: 0 0 10px; } @media only screen and (max-width: 798px) { .pricingTable__header--active { -ms-transform: translateY(-24px); -webkit-transform: translateY(-24px); transform: translateY(-24px); padding-top: 12.5px; padding-bottom: 12.5px; margin-bottom: -25px; } .pricingTable__content.pricingTable--active { -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; height: auto; display: block; } } /* #Home page - logo list ================================================== */ .logoBar .show-border--true { border-top: 1px solid #b8b8b8; border-bottom: 1px solid #b8b8b8; } .logoBar .ls-shape1 .svgShape { opacity: 0.5; } .logoBar .ls-shape1 .svgShape svg { -ms-transform: rotate(-82deg); -webkit-transform: rotate(-82deg); transform: rotate(-82deg); } .logoBar .ls-shape2 .svgShape { opacity: 0.8; } .logoBar .ls-shape2 .svgShape svg { -ms-transform: rotate(43deg); -webkit-transform: rotate(43deg); transform: rotate(43deg); } .logoBar .ls-shape3 .svgShape { opacity: 0.4; } .logoBar .ls-shape3 .svgShape svg { -ms-transform: rotate(55deg); -webkit-transform: rotate(55deg); transform: rotate(55deg); } .logoBar .ls-shape4 .svgShape { opacity: 1; } .logoBar .ls-shape4 .svgShape svg { -ms-transform: rotate(12deg); -webkit-transform: rotate(12deg); transform: rotate(12deg); } .logoBar .rs-shape1 .svgShape { opacity: 0.6; } .logoBar .rs-shape1 .svgShape svg { -ms-transform: rotate(-10deg); -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } .logoBar .rs-shape2 .svgShape { opacity: 0.5; } .logoBar .rs-shape2 .svgShape svg { -ms-transform: rotate(30deg); -webkit-transform: rotate(30deg); transform: rotate(30deg); } .logoBar .rs-shape3 .svgShape { opacity: 0.8; } .logoBar .rs-shape3 .svgShape svg { -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .logoBar .rs-shape4 .svgShape { opacity: 0.3; } .logoBar .rs-shape4 .svgShape svg { -ms-transform: rotate(53deg); -webkit-transform: rotate(53deg); transform: rotate(53deg); } .logoBar__content { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: center; padding: 30px 0; } @media only screen and (max-width: 480px) { .logoBar__content { padding: 10px 0; } } .logoBar__content a { transition: ease all 0.6s; } .logoBar__content a:hover { opacity: 0.6; } .logoBar__item { max-width: 160px; margin: 10px; } @media only screen and (max-width: 480px) { .logoBar__item { width: calc(50% - 20px); } } /* #Home page - featured promotions ================================================== */ .slider--promotions:after { content: 'flickity'; display: none; } @media only screen and (min-width: 1025px) { .slider--promotions:after { content: ''; } } .featured-promotions { display: block; } @media only screen and (min-width: 1025px) { .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; -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; } } .featured-promotions .column, .featured-promotions .columns { -webkit-align-self: self-start; -moz-align-self: self-start; -ms-align-self: self-start; align-self: self-start; } .featured-promotions .column:last-child, .featured-promotions .columns:last-child { border-color: transparent; } .featured-promotions .column h2, .featured-promotions .columns h2 { line-height: 1; } .featured-promotions .column img, .featured-promotions .columns img { width: 90%; margin: 0px auto; } /* #Newsletter ================================================== */ /*--- Newsletter popup ---*/ .popup-section { display: none; } .newsletterPopupModal { padding: 10px 10px 0; overflow: auto; display: block; } @media only screen and (max-width: 480px) { .newsletterPopupModal { padding: 0; top: auto; bottom: 0; width: 100%; box-shadow: 0px -4px 5px 0px rgba(0, 0, 0, 0.25); } } .newsletterPopupModal .featherlight-content { padding: 0; max-height: none; border-bottom: none; margin-bottom: 10px; } @media only screen and (max-width: 480px) { .newsletterPopupModal .featherlight-content { width: 100%; margin-bottom: 0; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .newsletterPopupModal .featherlight-content { width: 95%; } } .newsletterPopupModal .featherlight-inner + .featherlight-inner { display: none; } /* commenting this out for Welcome Popup .newsletterPopupModal .featherlight-close { width: 35px; height: 35px; margin: 0; cursor: pointer; transition: color 0.2s; text-decoration: none; /* color: #95979c; outline: 0; background: transparent; z-index: 1000; } */ .newsletterPopup.featherlight-inner { -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; 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; max-width: 740px; padding: 0; overflow: hidden; } @media only screen and (max-width: 798px) { .newsletterPopup.featherlight-inner { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 100%; } } .newsletterPopup.featherlight-inner .popup-signup--false { display: none; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .newsletterPopup.featherlight-inner { margin: 0 auto; } } @media only screen and (max-width: 480px) { html.with-featherlight { overflow: initial; } } @media only screen and (max-width: 480px) { .newsletterPopup { pointer-events: auto; max-width: 100%; box-shadow: 0px -4px 5px 0px rgba(0, 0, 0, 0.25); bottom: 0; left: 0; margin-bottom: 0; } } .newsletterPopupModal:last-of-type { background: rgba(43, 46, 56, 0.9); } @media only screen and (max-width: 480px) { .newsletterPopupModal:last-of-type { background: transparent; } } .newsletterPopup.both-names--false .textAlign--right .newsletter__submit { -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: flex-end; } .newsletterPopup.both-names--false .textAlign--left .newsletter__submit { -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: flex-start; } .newsletterPopup.both-names--false .textAlign--center .newsletter__submit { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } .newsletter-image--true.newsletterPopupImage--right img { object-position: right; } @media only screen and (max-width: 798px) { .newsletter-image--true.newsletterPopupImage--right img { object-position: center; } } .newsletter-image--true.newsletterPopupImage--left img { object-position: left; } @media only screen and (max-width: 798px) { .newsletter-image--true.newsletterPopupImage--left img { object-position: center; } } .newsletter__inner { width: 100%; } .newsletterPopup__image { -webkit-box-flex: 1 0 48%; -moz-box-flex: 1 0 48%; -webkit-flex: 1 0 48%; -ms-flex: 1 0 48%; flex: 1 0 48%; } @media only screen and (max-width: 798px) { .newsletterPopup__image { width: 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%; } } @media only screen and (max-width: 480px) { .newsletterPopup__image { display: none; } } .newsletterPopup__image img { width: 100%; display: block; max-height: 100vh; object-fit: contain; } @media only screen and (max-width: 798px) { .newsletterPopup__image img { max-height: 50vh; } } .newsletterPopup__info { -webkit-box-flex: 1 0 48%; -moz-box-flex: 1 0 48%; -webkit-flex: 1 0 48%; -ms-flex: 1 0 48%; flex: 1 0 48%; } @media only screen and (max-width: 798px) { .newsletterPopup__info { -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%; position: relative; padding: 20px; } } .newsletter-image--false .newsletterPopup__info { width: 90%; margin: 0px auto; position: relative; height: auto; float: none; } .newsletterPopupImage--right { -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .newsletterPopupImage--left .newsletterPopup__info { right: 0; } .popup__logo { max-height: 100px; padding-top: 40px; margin-bottom: 20px; } @media only screen and (max-width: 480px) { .popup__logo { display: none; } } .newsletterPopup__description { -ms-transform: translateY(0%); -webkit-transform: translateY(0%); transform: translateY(0%); padding: 30px; } @media only screen and (max-width: 798px) { .newsletterPopup__description { width: auto; padding: 0; width: 100%; position: relative; } } .newsletter-image--false .newsletterPopup__description { position: relative; top: 0; } @media only screen and (max-width: 798px) { .newsletter-image--true .newsletterPopup__description { top: 0%; width: 100%; } } .newsletterPopup__description h2 { margin-top: 0; margin-bottom: 0; } /*--- Newsletter form styling ---*/ .flex-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; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; } .flex-row input { padding-left: 0; padding-right: 0; border: 0px; border-bottom: 1px solid #b8b8b8; display: block; height: 44px; margin: 5px 0; width: auto; } @media only screen and (max-width: 480px) { .flex-row input { margin: 5px 0 0; width: 100%; } } @media only screen and (max-width: 480px) { .flex-row input.action_button { margin-top: 20px; } } .newsletter__names input { width: 100%; } .both-names--true .newsletter__names input { width: calc(50% - 5px); } @media only screen and (max-width: 798px) { .both-names--true .newsletter__names input { width: 100%; } } .newsletter__submit .newsletter__contactEmail { -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; margin-right: 10px; width: 100px; } @media only screen and (max-width: 798px) { .newsletter__submit .newsletter__contactEmail { -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: 0; width: 100%; } } .newsletter__form .action_button.sign_up { float: right; border-radius: 0; } @media only screen and (max-width: 480px) { .newsletter__form .action_button.sign_up { float: left; } } .newsletter__firstName, .newsletter__lastName, .newsletter__contactEmail { border: 0; border-bottom: 1px solid #b8b8b8; } .email-row .newsletter__contactEmail { width: 100%; } .newsletter__contactEmail + .action_button.sign_up { margin-top: 20px; } .newsletter__contactEmail + .action_button.sign_up { margin-top: 5px; } @media only screen and (max-width: 798px) { .newsletter__contactEmail + .action_button.sign_up { margin-top: 20px; width: 100%; } } .block__newsletter input.newsletter__contactEmail { width: 100%; } .block__newsletter .newsletter__contactEmail + .action_button.sign_up { margin-top: 20px; } /* #Footer ================================================== */ body:not(.index) .footer { margin-top: 80px; } @media only screen and (max-width: 798px) { body:not(.index) .footer { margin-top: 40px; } } body:not(.index) .footer.footerIncrease--true { margin-top: 150px; } @media only screen and (max-width: 798px) { body:not(.index) .footer.footerIncrease--true { margin-top: 80px; } } .footer__socialIcons ul.social_icons li { display: inline-block; float: none; } @media only screen and (max-width: 798px) { .footer__socialIcons ul.social_icons li { text-align: center; } } .footer__container-details { padding-top: 40px; padding-bottom: 40px; } @media only screen and (max-width: 798px) { .footer__container-details { padding-top: 20px; padding-bottom: 20px; } } .footer__telephone { margin-top: 10px; } .footer__menu { position: relative; } .footer__menu ul li { padding-bottom: 10px; } .footer__content { position: relative; } .footer__content p { margin: 0; } .mobileToggle { cursor: pointer; display: none; left: 0; margin-top: 5px; position: absolute; top: 0; width: 100%; } @media only screen and (max-width: 798px) { .mobileToggle { display: block; } } .mobileToggle.active .icon-down-caret { color: #00bad8; } .mobileToggle.active .icon-down-caret:before { content: '\e910'; } .mobileToggle.active + .toggle_content { padding-bottom: 20px; } @media only screen and (max-width: 798px) { .block__logo .footer__content, .block__logo .footer__list { text-align: center; } } @media only screen and (max-width: 798px) { .block__page + .block__newsletter, .block__text + .block__newsletter, .block__menu + .block__newsletter { margin-top: 20px; } } .footer__title { font-family: 'neutra', "Humanist 521", sans-serif; font-size: 20px; font-weight: 200; font-style: normal; text-transform: none; line-height: normal; color: #00bad8; display: block; letter-spacing: 0px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing: 0; margin: 0; margin-bottom: 20px; color: #656565; } @media only screen and (max-width: 798px) { .footer__title { font-size: 20px; } } .footer__title.active svg { stroke: #00bad8; fill: #00bad8; } @media only screen and (max-width: 798px) { .footer__title { cursor: pointer; padding: 10px 0; } } .footer__title.logo { font-weight: 400; font-family: Muli, sans-serif; text-transform: uppercase; } .footer__credits a { color: #656565; } .footer__list { padding-left: 0; list-style-type: none; } .logo.footer__title { font-size: 20px; } .footer__credits { text-align: center; } @media only screen and (min-width: 1025px) { .footer__credits { text-align: left; } } .footer__credits a { color: #656565; } .footer__credits a:hover { color: #3f3e40; } .footer { font-size: 14px; color: #656565; } @media only screen and (max-width: 798px) { .footer .social_icons { font-size: 20px; } } .footer .toggle_content { display: none; } .footer .toggle_content img { max-width: 100%; } .footer .toggle_content ul { margin-top: 0; margin-bottom: 0; } .footer .toggle_content p { margin-top: 0; } @media only screen and (min-width: 799px) { .footer .toggle_content { display: block; } } .footer .icon-down-caret { cursor: pointer; margin: 10px; fill: none; stroke: #00bad8; stroke-width: 5; } @media only screen and (min-width: 799px) { .footer .icon-down-caret { display: none; } } .footer .payment_methods { margin: 15px 0; text-align: center; } @media only screen and (min-width: 1025px) { .footer .payment_methods { text-align: right; } } .footer .payment_methods svg { padding-right: 4px; height: 30px; width: 48px; } .footer .empty-column { width: 100%; height: 1px; } .footer .footer-logo { display: inline-block; width: 100%; height: auto; max-width: 250px; } @media only screen and (max-width: 798px) { .footer .footer-logo { margin: 0px auto; } } @media only screen and (min-width: 799px) { .footer .footer-logo { width: 80%; } } @media only screen and (min-width: 1025px) { .footer .footer-logo { width: 60%; } } .footer .contact-form input[type="submit"] { margin-top: 10px; } .footer .newsletter__form .email-row { width: 100%; } .footer .newsletter__form .flex-row, .footer .newsletter__form .email-row { width: 100%; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .footer .newsletter__form .flex-row input[type="email"], .footer .newsletter__form .email-row input[type="email"] { padding: 0; } .footer .newsletter__form .flex-row input[type="email"], .footer .newsletter__form .flex-row input[type="text"], .footer .newsletter__form .email-row input[type="email"], .footer .newsletter__form .email-row input[type="text"] { margin: 5px 0 0; padding: 0; } .footer .newsletter__form .flex-row input[type="submit"], .footer .newsletter__form .email-row input[type="submit"] { margin-top: 20px; } /* Currency / language switcher in footer */ #footer__selector-form .disclosure__list-wrap { bottom: 100%; } /* #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('https://cdn.shopify.com/s/files/1/0504/0439/3144/t/9/assets/FontName.eot'); src: url('https://cdn.shopify.com/s/files/1/0504/0439/3144/t/9/assets/FontName.eot?iefix') format('eot'), url('https://cdn.shopify.com/s/files/1/0504/0439/3144/t/9/assets/FontName.woff') format('woff'), url('https://cdn.shopify.com/s/files/1/0504/0439/3144/t/9/assets/FontName.ttf') format('truetype'), url('https://cdn.shopify.com/s/files/1/0504/0439/3144/t/9/assets/FontName.svg#webfontZam02nTh') format('svg'); font-weight: normal; font-style: normal; } */ /* #Custom Styles ================================================== */ @media only screen and (max-width: 798px) { .footer__socialIcons { text-align: center; } } #zapiet-delivery-validator #zapiet-delivery-validator__topbar { /* background: rgb(70, 218, 206) !important; */ background: #E9E2CC !important; } #zapiet-delivery-validator #zapiet-delivery-validator__topbar #zapiet-delivery-validator__container { color: #000000 !important; } #zapiet-delivery-validator #zapiet-delivery-validator__topbar #zapiet-delivery-validator__container #zapiet-delivery-validator__form .zapiet-delivery-validator__fields .zapiet-delivery-validator__submit { color: #333333 !important; background: rgba(255, 255, 255, 0.6) !important; border-radius: 0 !important; border-color: rgba(255, 255, 255, 0.6) !important; outline: none !important; } #zapiet-delivery-validator #zapiet-delivery-validator__topbar #zapiet-delivery-validator__container #zapiet-delivery-validator__form .zapiet-delivery-validator__fields #zapiet-delivery-validator__postal_code { border-radius: 0 !important; background: rgba(255, 255, 255, 0.6) !important; border-color: rgba(255, 255, 255, 0.6) !important; margin-left: 0.5em !important; } #zapiet-delivery-validator #zapiet-delivery-validator__topbar #zapiet-delivery-validator__close svg { fill: #333333 !important; } #zapiet-delivery-validator #zapiet-delivery-validator__modal .zapiet-delivery-validator__modal__container { padding: 2em !important; } #zapiet-delivery-validator #zapiet-delivery-validator__modal .zapiet-delivery-validator__modal__container, #zapiet-delivery-validator__modal__primary-action { border-radius: 0 !important; } #zapiet-delivery-validator__modal__primary-action { padding: 11px 20px !important; } #loyaltylion .lion-notification { border-radius: 0 !important; } #loyaltylion .lion-action-button { border-radius: 0 !important; text-transform: uppercase; font-family: 'Muli', sans-serif; } #loyaltylion .lion-notification__message { font-family: 'Muli', sans-serif; } /* Janette added */ .grecaptcha-badge { display: none; } .globalBanner.bannerImage--true .caption__content { background: rgba(255, 255, 255, 0.65); } .globalBanner.bannerImage--true .caption__content h1 { color: black; } /* .section--blog-template-producers.globalBanner { .image-element__wrap:after { position: absolute; content: ''; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.5); } } */ .rel { position: relative; } .abs { position: absolute; } .fix { position: fixed; } .fill, .top { top: 0; } .fill, .bottom { bottom: 0; } .fill, .left { left: 0; } .fill, .right { right: 0; } .x { width: 100%; } .y { height: 100%; } .f { display: flex; } .fw { flex-wrap: wrap; } .fdc { flex-direction: column; } .ais { align-items: flex-start; } .aie { align-items: flex-end; } .aic { align-items: center; } .aib { align-items: baseline; } .aist { align-items: stretch; } .jcs { justify-content: flex-start; } .jce { justify-content: flex-end; } .jcc { justify-content: center; } .jcb { justify-content: space-between; } .mxa, .ma { margin-left: auto; } .mxa, .ma { margin-right: auto; } .mya, .ma { margin-top: auto; } .mya, .ma { margin-bottom: auto; } .mt0, .my0, .m0 { margin-top: 0; } .mb0, .my0, .m0 { margin-bottom: 0; } .mt05, .my05, .m05 { margin-top: 0.5em; } .mb05, .my05, .m05 { margin-bottom: 0.5em; } .ml05, .mx05, .m05 { margin-left: 0.5em; } .mr05, .mx05, .m05 { margin-right: 0.5em; } .pt05, .py05, .p05 { padding-top: 0.5em; } .pb05, .py05, .p05 { padding-bottom: 0.5em; } .pl05, .px05, .p05 { padding-left: 0.5em; } .pr05, .px05, .p05 { padding-right: 0.5em; } .mt1, .my1, .m1 { margin-top: 1em; } .mb1, .my1, .m1 { margin-bottom: 1em; } .ml1, .mx1, .m1 { margin-left: 1em; } .mr1, .mx1, .m1 { margin-right: 1em; } .pt1, .py1, .p1 { padding-top: 1em; } .pb1, .py1, .p1 { padding-bottom: 1em; } .pl1, .px1, .p1 { padding-left: 1em; } .pr1, .px1, .p1 { padding-right: 1em; } .al { text-align: left; } .ac { text-align: center; } .ar { text-align: right; } .aj { text-align: justify; } .city-blocks { position: relative; max-width: 1220px; width: calc(90% + 20px); margin: 0 auto; flex-wrap: wrap; } @media (min-width: 800px) { .city-blocks { flex-wrap: nowrap; } } .city-blocks div { width: 100%; padding: 15px 24px 24px 24px; margin: 5px; border: 1px solid #b8b8b8; } @media (min-width: 800px) { .city-blocks div { width: 33.33333%; } } .city-blocks div p { margin-top: auto; } .account-icon { width: 18px; height: 30px; fill: #656565; transform: translateY(3px); } #header-rewards-div { margin-right: 16px; } .header-rewards svg { width: 24px; margin-top: 7px; fill: #999999; } .account-main { padding-top: 20px; padding-left: 20px; } .action_button.get-started { padding: 0 30px !important; } .action_button.get-started a { color: #ffffff; padding: 15px 0 !important; } .action_button.get-started a:hover { color: #ffffff !important; } /* jkwan 20210423 - styling to get started button specifically in footer */ .footer__content .get-started { margin: 16px 0; } ul.mainMenu { -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } .mobileMenu__list .action_button.get-started { margin: 15px !important; } .mobileMenu__wrapper .mobileMenu__social, .mobileMenu__wrapper div.h2, .mobileMenu__wrapper p { text-align: left !important; margin-left: 15px !important; } /**************************\ Basic Modal Styles \**************************/ .modal { font-family: -apple-system,BlinkMacSystemFont,avenir next,avenir,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif; } .modal__overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); display: flex; justify-content: center; align-items: center; z-index: 100000; } .modal__container { background-color: #fff; padding: 30px; max-width: 500px; max-height: 100vh; border-radius: 4px; overflow-y: auto; box-sizing: border-box; } .modal__header { display: flex; justify-content: space-around; align-items: center; } .modal__title { margin-top: 0; margin-bottom: 0; box-sizing: border-box; } .modal__close { background: transparent; color: black; border: 0; } .modal__header .modal__close:before { content: "\2715"; } .modal__content { margin-top: 2rem; margin-bottom: 2rem; } /**************************\ Demo Animation Style \**************************/ @keyframes mmfadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes mmfadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes mmslideIn { from { transform: translateY(15%); } to { transform: translateY(0); } } @keyframes mmslideOut { from { transform: translateY(0); } to { transform: translateY(-10%); } } .micromodal-slide { display: none; } .micromodal-slide.is-open { display: block; } .micromodal-slide[aria-hidden="false"] .modal__overlay { animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1); } .micromodal-slide[aria-hidden="false"] .modal__container { animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1); } .micromodal-slide[aria-hidden="true"] .modal__overlay { animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1); } .micromodal-slide[aria-hidden="true"] .modal__container { animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1); } .micromodal-slide .modal__container, .micromodal-slide .modal__overlay { will-change: transform; } .js-enter-zip-modal .modal__header { margin-top: 30px; } .js-enter-zip-form { padding: 0 40px 0 40px; } .js-enter-zip { border-left: none; border-top: none; border-right: none; } .js-enter-zip-skip { padding-right: 40px; } /* Hide close icon from "welcome, austin" popup redirecting lost visitors */ .featherlight.newsletterPopupModal { pointer-events: none; } .featherlight.newsletterPopupModal .featherlight-content { pointer-events: all; } .featherlight.newsletterPopupModal .featherlight-close-icon { display: none; } /* TAngus 20210312 - Don't display ReCharge links */ .user-customer { display: none; }