/****************************************************************** Theme Name: Turbo 4.1.5 Theme URI: https://outofthesandbox.com/collections/turbo-theme Author: Out of the Sandbox (https://outofthesandbox.com) Description: Shopify Theme (https://www.shopify.com/?ref=out-of-the-sandbox) ******************************************************************/ /* Table of Contents ================================================== #Variables #Mixins #Functions #Reset #Basic Styles #Typography #Links #Lists #Menu #Images #Placeholders #Videos #Buttons #Tabs #Accordions #Forms #Newsletter #Tables #Misc #Testimonials #FAQ Template #Team Template #Logo-list #Gallery Section #Recently Viewed #Search autocomplete #Search page #Search Section #Site Styles #Header #Swatch Styles #Flickity #Layout #Password Page #Account #Page Details #Product Details #Home page - general #Home page - slideshow #Home page - image with text #Home page - featured promotions #Home page - featured collection #Home page - image with text overlay #Home page - video #Home page - Text column with images #Font-Face #Custom Styles */ /* #Variables ================================================== */ /* #Mixins ================================================== */ /* This mixin can be used to set the object-fit: @include object-fit(contain); or object-fit and object-position: @include object-fit(cover, top); */ /* Prefix mixin for generating vendor prefixes. Based on https://github.com/thoughtbot/bourbon/blob/v4-stable/app/assets/stylesheets/addons/_prefixer.scss Usage: // Input: .element { @include prefix(transform, scale(1), ms webkit spec); } // Output: .element { -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } */ /* #Functions ================================================== */ /* #Reset & Basics ================================================== */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } [hidden] { display: none; } html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } a:focus { outline: thin dotted; } a:active, a:hover { outline: 0; } h1 { font-size: 2em; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: 700; } dfn { font-style: italic; } mark { background: #ff0; color: #000; } code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } pre { white-space: pre-wrap; word-wrap: break-word; } q { quotes: \201C \201D \2018 \2019; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -.5em; } sub { bottom: -.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em; } button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; } button, input { line-height: normal; } button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer; } button[disabled], input[disabled] { cursor: default; } input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0; } input[type=search] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none; } textarea { overflow: auto; vertical-align: top; } table { border-collapse: collapse; border-spacing: 0; } body, figure { margin: 0; } legend, button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } @media only screen and (max-width: 1024px) { .clear { display: none; } } /* #Fonts ================================================== */ @font-face { font-family: Memphis; font-weight: 500; font-style: normal; src: url("https://fonts.shopifycdn.com/memphis/memphis_n5.f34aa610f46e28caa6fb3b7fc3bf573414e71360.woff2?h1=dGVuZGVyYmVsbHkuY29t&hmac=3285c38e5c83ec29e0da124dadcd423e9c3dec51b3d886b72fc10960fba80086") format("woff2"), url("https://fonts.shopifycdn.com/memphis/memphis_n5.ecb2f1a766f67d699fc01ba1f1e848334a28a8ef.woff?h1=dGVuZGVyYmVsbHkuY29t&hmac=da4596ab86ad2e64a48b5767bc344e6c4c9da99088221bda90cfbe431a07dd6e") format("woff"); } @font-face { font-family: Memphis; font-weight: 700; font-style: normal; src: url("https://fonts.shopifycdn.com/memphis/memphis_n7.258d91127f68cdf2fd8318de72fc86055ac5ebd8.woff2?h1=dGVuZGVyYmVsbHkuY29t&hmac=31ac87fc44e71e27a8bc082a8c7ec31a9eeb6703169b9196918596a721e1dc33") format("woff2"), url("https://fonts.shopifycdn.com/memphis/memphis_n7.b3171c10acaf47d124b5e24c3b64951b2d8db5e1.woff?h1=dGVuZGVyYmVsbHkuY29t&hmac=492e85875173dabbf7152741cfab1e1084b10ffc36d806ef0a0a5092a4a0a775") format("woff"); } @font-face { font-family: Memphis; font-weight: 500; font-style: italic; src: url("https://fonts.shopifycdn.com/memphis/memphis_i5.8cfd9f1204faf7ae4117c7830dc48c88d0c5a6c2.woff2?h1=dGVuZGVyYmVsbHkuY29t&hmac=47b4f45bb2ed72d86cc961157636f691a0d14f1b85d89111b40c03d0488af28a") format("woff2"), url("https://fonts.shopifycdn.com/memphis/memphis_i5.86bea36c520c648c9cd6067c17f955c01f112e6a.woff?h1=dGVuZGVyYmVsbHkuY29t&hmac=db566d029bc577d1c9b0f9629900c550c13fa4008eb5f415545099ed289c9565") format("woff"); } @font-face { font-family: Memphis; font-weight: 700; font-style: italic; src: url("https://fonts.shopifycdn.com/memphis/memphis_i7.9ef80d4b7e71d5037a65bb0f15d6d1292e906643.woff2?h1=dGVuZGVyYmVsbHkuY29t&hmac=d9b4882d6ff4969c42c5492c8246ccf9fb3e4ae485d74c266e5e9811e2ad15ea") format("woff2"), url("https://fonts.shopifycdn.com/memphis/memphis_i7.70886b62a534ac164b25d82e751e3b0c2b3ec766.woff?h1=dGVuZGVyYmVsbHkuY29t&hmac=ebf820d352ba0cf03aedc113a086d5c3b2d4461113e9c78c8a58e856635a6d54") format("woff"); } @font-face { font-family: "DIN Next"; font-weight: 800; font-style: normal; src: url("https://fonts.shopifycdn.com/din_next/dinnext_n8.d93738b7307bc2257b67b8ed2164d42edfd7e4dc.woff2?h1=dGVuZGVyYmVsbHkuY29t&hmac=470b2e0262e289aac8b59193006fae71a0ab14bd7b1563d0291d311ccca72b9d") format("woff2"), url("https://fonts.shopifycdn.com/din_next/dinnext_n8.a0d973b854f0c8520b1ba1cf19dcbd9e269817d8.woff?h1=dGVuZGVyYmVsbHkuY29t&hmac=d0b0ad2ccbd8fe5326639c8b9b1b476b114ab27bbb270fe4afe8e455ddac0c65") format("woff"); } @font-face { font-family: "DIN Next"; font-weight: 900; font-style: normal; src: url("https://fonts.shopifycdn.com/din_next/dinnext_n9.6841c32654588bd5adcbe818e17ea9bdb99c7a94.woff2?h1=dGVuZGVyYmVsbHkuY29t&hmac=fb838d105d3591f2900560e3cffea5dfd365961015de5fbe4b790698c85c6287") format("woff2"), url("https://fonts.shopifycdn.com/din_next/dinnext_n9.9f5a67ca00f5313ade83c56bb90b842a6fd8421b.woff?h1=dGVuZGVyYmVsbHkuY29t&hmac=22e167affa3c57202979ed87da44aea0e1df1c486d33717e9bb6f5af9760c980") format("woff"); } @font-face { font-family: "DIN Next"; font-weight: 800; font-style: italic; src: url("https://fonts.shopifycdn.com/din_next/dinnext_i8.1bc5840be0dd6f3d0d179f4b16ef130ac5dc2033.woff2?h1=dGVuZGVyYmVsbHkuY29t&hmac=ad2195e63e77f785c52c1ceb689c51cf0b68e55b34624f5507f5b1858bf0be6a") format("woff2"), url("https://fonts.shopifycdn.com/din_next/dinnext_i8.123eaff4508f7348df607561c7d2699e0eb5b98e.woff?h1=dGVuZGVyYmVsbHkuY29t&hmac=dc99f5d073c1c44f9e5aae252e9a24c53060d5f34aa27815279499d61c5f7dff") format("woff"); } @font-face { font-family: "DIN Next"; font-weight: 900; font-style: italic; src: url("https://fonts.shopifycdn.com/din_next/dinnext_i9.8afefd0b37ce9f0091d87511189dc506ed8c6e2d.woff2?h1=dGVuZGVyYmVsbHkuY29t&hmac=55b7eeaf5e663ebc58afa296b61ec6f3e35c22187c37f1b2839dffbf2ca287cb") format("woff2"), url("https://fonts.shopifycdn.com/din_next/dinnext_i9.da7e88cec916f77244141f29518e8dc45455c6d6.woff?h1=dGVuZGVyYmVsbHkuY29t&hmac=8517c0edaea90ea0018a5d6bfac53adae80b1f5369ff7db3658f88ff4ba31a56") format("woff"); } @font-face { font-family: "DIN Next"; font-weight: 900; font-style: normal; src: url("https://fonts.shopifycdn.com/din_next/dinnext_n9.6841c32654588bd5adcbe818e17ea9bdb99c7a94.woff2?h1=dGVuZGVyYmVsbHkuY29t&hmac=fb838d105d3591f2900560e3cffea5dfd365961015de5fbe4b790698c85c6287") format("woff2"), url("https://fonts.shopifycdn.com/din_next/dinnext_n9.9f5a67ca00f5313ade83c56bb90b842a6fd8421b.woff?h1=dGVuZGVyYmVsbHkuY29t&hmac=22e167affa3c57202979ed87da44aea0e1df1c486d33717e9bb6f5af9760c980") format("woff"); } @font-face { font-family: "DIN Next"; font-weight: 900; font-style: italic; src: url("https://fonts.shopifycdn.com/din_next/dinnext_i9.8afefd0b37ce9f0091d87511189dc506ed8c6e2d.woff2?h1=dGVuZGVyYmVsbHkuY29t&hmac=55b7eeaf5e663ebc58afa296b61ec6f3e35c22187c37f1b2839dffbf2ca287cb") format("woff2"), url("https://fonts.shopifycdn.com/din_next/dinnext_i9.da7e88cec916f77244141f29518e8dc45455c6d6.woff?h1=dGVuZGVyYmVsbHkuY29t&hmac=8517c0edaea90ea0018a5d6bfac53adae80b1f5369ff7db3658f88ff4ba31a56") format("woff"); } @font-face { font-family: "DIN Next"; font-weight: 400; font-style: normal; src: url("https://fonts.shopifycdn.com/din_next/dinnext_n4.438c249fdbceeefafa64221353c5ece2fdb8ae14.woff2?h1=dGVuZGVyYmVsbHkuY29t&hmac=c33a9424302ac9b83086394342e3e09da287ad18a0b15d43fde2d1ded0af132f") format("woff2"), url("https://fonts.shopifycdn.com/din_next/dinnext_n4.ba1a214c52f07ec250a5179209eb84e73639e1c9.woff?h1=dGVuZGVyYmVsbHkuY29t&hmac=5a1d3b4611c48e7886959ae894ade759c84b09042b213c6a3e17c1968fc0b77d") format("woff"); } @font-face { font-family: "DIN Next"; font-weight: 700; font-style: normal; src: url("https://fonts.shopifycdn.com/din_next/dinnext_n7.57888b0b2051a4dba7d02aad7ca64db99eca3cf1.woff2?h1=dGVuZGVyYmVsbHkuY29t&hmac=f18d2948240ff9c4e8780bc6b151887d8274a8bacd5e03fbe7d59d15547efb75") format("woff2"), url("https://fonts.shopifycdn.com/din_next/dinnext_n7.8ca52ee0f403ce0c89c90387f16284e4637c1b10.woff?h1=dGVuZGVyYmVsbHkuY29t&hmac=6e6c5f1d379f0a45b72be6232699b637dda9fa5cc218555ff6fba60eabe3c1cd") format("woff"); } @font-face { font-family: "DIN Next"; font-weight: 400; font-style: italic; src: url("https://fonts.shopifycdn.com/din_next/dinnext_i4.61ded265c0c537a08a3ef6c1f78e76a5f3be91c9.woff2?h1=dGVuZGVyYmVsbHkuY29t&hmac=f38a2d5d0e12d096fe387d7dbbe04df187b4beac3b3443e91a4210962064382f") format("woff2"), url("https://fonts.shopifycdn.com/din_next/dinnext_i4.09dd19acb435d364f8a7263a588c573108d49efc.woff?h1=dGVuZGVyYmVsbHkuY29t&hmac=55748c94917d00a95191a4641a59d3904e808dc99ec23d81c0eb84dc33dd7bd7") format("woff"); } @font-face { font-family: "DIN Next"; font-weight: 700; font-style: italic; src: url("https://fonts.shopifycdn.com/din_next/dinnext_i7.3e0968fa491d382704988ea5c9fc6209193f03d0.woff2?h1=dGVuZGVyYmVsbHkuY29t&hmac=ff93a82bd31bcbf0b3ab268a31d6935bea0bc88ea66318dd32fb62fe7e52398f") format("woff2"), url("https://fonts.shopifycdn.com/din_next/dinnext_i7.28611b7c75be07249f4251b10e48a8d9f8dbf8ba.woff?h1=dGVuZGVyYmVsbHkuY29t&hmac=f572f8e2710adc142074bb5cc0d71cf94cfd061280cb55b0ac7d2d549c52bd62") format("woff"); } @font-face { font-family: "DIN Next"; font-weight: 200; font-style: normal; src: url("https://fonts.shopifycdn.com/din_next/dinnext_n2.763d126cd5d9c869bfdd76e8ebf1f1ba4aa8fbdd.woff2?h1=dGVuZGVyYmVsbHkuY29t&hmac=eb9f9a1d543917fd586fca1921c64306f00afb3fa2f312c65d7a6855fc039797") format("woff2"), url("https://fonts.shopifycdn.com/din_next/dinnext_n2.6e5a935652f349f44f53cdaf574f125491aee2d8.woff?h1=dGVuZGVyYmVsbHkuY29t&hmac=a6b6a69c3ee9ad00c64a1db63283765ea493351b714b5c3c9c8399c6b189bc51") format("woff"); } @font-face { font-family: "DIN Next"; font-weight: 200; font-style: italic; src: url("https://fonts.shopifycdn.com/din_next/dinnext_i2.17d2adca94a0a5302ac0782f68548ce97462a6c8.woff2?h1=dGVuZGVyYmVsbHkuY29t&hmac=d6ff6df534065c837913b1f625e1775513d4f5378d8a58f4176cc207e922db87") format("woff2"), url("https://fonts.shopifycdn.com/din_next/dinnext_i2.2ab356194ddbe3799b016ffe6fdf41100a6309f8.woff?h1=dGVuZGVyYmVsbHkuY29t&hmac=91e339e9e09b8a46691f0dca186c595dc8c9558e12f89d44b6176436225ed826") format("woff"); } @font-face { font-family: "DIN Next"; font-weight: 900; font-style: normal; src: url("https://fonts.shopifycdn.com/din_next/dinnext_n9.6841c32654588bd5adcbe818e17ea9bdb99c7a94.woff2?h1=dGVuZGVyYmVsbHkuY29t&hmac=fb838d105d3591f2900560e3cffea5dfd365961015de5fbe4b790698c85c6287") format("woff2"), url("https://fonts.shopifycdn.com/din_next/dinnext_n9.9f5a67ca00f5313ade83c56bb90b842a6fd8421b.woff?h1=dGVuZGVyYmVsbHkuY29t&hmac=22e167affa3c57202979ed87da44aea0e1df1c486d33717e9bb6f5af9760c980") format("woff"); } @font-face { font-family: "DIN Next"; font-weight: 900; font-style: italic; src: url("https://fonts.shopifycdn.com/din_next/dinnext_i9.8afefd0b37ce9f0091d87511189dc506ed8c6e2d.woff2?h1=dGVuZGVyYmVsbHkuY29t&hmac=55b7eeaf5e663ebc58afa296b61ec6f3e35c22187c37f1b2839dffbf2ca287cb") format("woff2"), url("https://fonts.shopifycdn.com/din_next/dinnext_i9.da7e88cec916f77244141f29518e8dc45455c6d6.woff?h1=dGVuZGVyYmVsbHkuY29t&hmac=8517c0edaea90ea0018a5d6bfac53adae80b1f5369ff7db3658f88ff4ba31a56") format("woff"); } @font-face { font-family: "DIN Next"; font-weight: 700; font-style: normal; src: url("https://fonts.shopifycdn.com/din_next/dinnext_n7.57888b0b2051a4dba7d02aad7ca64db99eca3cf1.woff2?h1=dGVuZGVyYmVsbHkuY29t&hmac=f18d2948240ff9c4e8780bc6b151887d8274a8bacd5e03fbe7d59d15547efb75") format("woff2"), url("https://fonts.shopifycdn.com/din_next/dinnext_n7.8ca52ee0f403ce0c89c90387f16284e4637c1b10.woff?h1=dGVuZGVyYmVsbHkuY29t&hmac=6e6c5f1d379f0a45b72be6232699b637dda9fa5cc218555ff6fba60eabe3c1cd") format("woff"); } @font-face { font-family: "DIN Next"; font-weight: 900; font-style: normal; src: url("https://fonts.shopifycdn.com/din_next/dinnext_n9.6841c32654588bd5adcbe818e17ea9bdb99c7a94.woff2?h1=dGVuZGVyYmVsbHkuY29t&hmac=fb838d105d3591f2900560e3cffea5dfd365961015de5fbe4b790698c85c6287") format("woff2"), url("https://fonts.shopifycdn.com/din_next/dinnext_n9.9f5a67ca00f5313ade83c56bb90b842a6fd8421b.woff?h1=dGVuZGVyYmVsbHkuY29t&hmac=22e167affa3c57202979ed87da44aea0e1df1c486d33717e9bb6f5af9760c980") format("woff"); } @font-face { font-family: "DIN Next"; font-weight: 700; font-style: italic; src: url("https://fonts.shopifycdn.com/din_next/dinnext_i7.3e0968fa491d382704988ea5c9fc6209193f03d0.woff2?h1=dGVuZGVyYmVsbHkuY29t&hmac=ff93a82bd31bcbf0b3ab268a31d6935bea0bc88ea66318dd32fb62fe7e52398f") format("woff2"), url("https://fonts.shopifycdn.com/din_next/dinnext_i7.28611b7c75be07249f4251b10e48a8d9f8dbf8ba.woff?h1=dGVuZGVyYmVsbHkuY29t&hmac=f572f8e2710adc142074bb5cc0d71cf94cfd061280cb55b0ac7d2d549c52bd62") format("woff"); } @font-face { font-family: "DIN Next"; font-weight: 900; font-style: italic; src: url("https://fonts.shopifycdn.com/din_next/dinnext_i9.8afefd0b37ce9f0091d87511189dc506ed8c6e2d.woff2?h1=dGVuZGVyYmVsbHkuY29t&hmac=55b7eeaf5e663ebc58afa296b61ec6f3e35c22187c37f1b2839dffbf2ca287cb") format("woff2"), url("https://fonts.shopifycdn.com/din_next/dinnext_i9.da7e88cec916f77244141f29518e8dc45455c6d6.woff?h1=dGVuZGVyYmVsbHkuY29t&hmac=8517c0edaea90ea0018a5d6bfac53adae80b1f5369ff7db3658f88ff4ba31a56") format("woff"); } /* #Basic Styles ================================================== */ body { font-family: Memphis, serif; font-weight: 500; font-style: normal; font-size: 16px; text-transform: none; color: #333333; line-height: 1.6em; overflow: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; background-color: #ffffff; } body.blocked-scroll { position: fixed; overflow: hidden; height: 100%; width: 100%; top: 0; left: 0; } body.blocked-overflow { overflow: hidden; } ::-moz-selection { background-color: #000; color: #fff; } ::selection { background: #FFF7B6; color: black; } abbr { border-bottom: 1px dotted #bbbbbb; } /* Theme editor */ .editor-visible--true { display: block !important; } /* Lazyloading styles */ .transition--blur-up { -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -webkit-filter: blur(5px); filter: blur(5px); transform: translate3d(0, 0, 0); transition: filter 200ms, -webkit-filter 200ms; } .transition--blur-up.lazyloaded { -webkit-filter: blur(0px); filter: none; transform: scale(1); } img[data-sizes="auto"].lazyloaded { height: auto; } img[data-sizes="auto"], img[data-sizes="100vw"] { display: block; width: 100%; margin-left: auto; margin-right: auto; } .image__container { display: block; margin-left: auto; margin-right: auto; } .image-element__wrap { overflow: hidden; margin-left: auto; margin-right: auto; max-width: 100%; } .product-wrap .image-element__wrap { max-height: 379px; } .image-element__wrap img { height: auto; } /*============================================================================ Grid - full width columns, no gutter - Based on CSS Wizardry grid ==============================================================================*/ .grid { *zoom: 1; list-style: none; margin: 0; padding: 0; } .grid::after { content: ''; display: table; clear: both; } .grid__item { float: left; width: 100%; } .grid__item[class*='--push'] { position: relative; } /*============================================================================ Reversed grids allow you to structure your source in the opposite order to how your rendered layout will appear. ==============================================================================*/ .grid--rev { direction: rtl; text-align: left; } .grid--rev > .grid__item { direction: ltr; text-align: left; float: right; } /*================ Build Base Grid Classes ================*/ /* Base Grid */ .one { width: calc(6.25% - 20px); } .two { width: calc(12.5% - 20px); } .three { width: calc(18.75% - 20px); } .four { width: calc(25% - 20px); } .five { width: calc(31.25% - 20px); } .six { width: calc(37.5% - 20px); } .seven { width: calc(43.75% - 20px); } .eight { width: calc(50% - 20px); } .nine { width: calc(56.25% - 20px); } .ten { width: calc(62.5% - 20px); } .eleven { width: calc(68.75% - 20px); } .twelve { width: calc(75% - 20px); } .thirteen { width: calc(81.25% - 20px); } .fourteen { width: calc(87.5% - 20px); } .fifteen { width: calc(93.75% - 20px); } .sixteen { width: calc(100% - 20px); } /** Whole */ .one-whole { width: calc(100% - 20px); left: auto !important; } /* Halves */ .one-half { width: calc(50% - 20px); } /* Thirds */ .one-third { width: calc(33.33333% - 20px); } .two-thirds { width: calc(66.66667% - 20px); } /* Fourths */ .one-fourth { width: calc(25% - 20px); } .two-fourths { width: calc(50% - 20px); } .three-fourths { width: calc(75% - 20px); } /* Fifths */ .one-fifth { width: calc(20% - 20px); } .two-fifths { width: calc(40% - 20px); } .three-fifths { width: calc(60% - 20px); } .four-fifths { width: calc(80% - 20px); } /* Sixths */ .one-sixth { width: calc(16.66667% - 20px); } .two-sixths { width: calc(33.33333% - 20px); } .three-sixths { width: calc(50% - 20px); } .four-sixths { width: calc(66.66667% - 20px); } .five-sixths { width: calc(83.33333% - 20px); } /* Sevenths */ .one-seventh { width: calc(14.28571% - 20px); } .two-sevenths { width: calc(28.57143% - 20px); } .three-sevenths { width: calc(42.85714% - 20px); } .four-sevenths { width: calc(57.14286% - 20px); } .five-sevenths { width: calc(71.42857% - 20px); } /* Eighths */ .one-eighth { width: calc(12.5% - 20px); } .two-eighths { width: calc(25% - 20px); } .three-eighths { width: calc(37.5% - 20px); } .four-eighths { width: calc(50% - 20px); } .five-eighths { width: calc(62.5% - 20px); } .six-eighths { width: calc(75% - 20px); } .seven-eighths { width: calc(87.5% - 20px); } /* Tenths */ .one-tenth { width: calc(10% - 20px); } .two-tenths { width: calc(20% - 20px); } .three-tenths { width: calc(30% - 20px); } .four-tenths { width: calc(40% - 20px); } .five-tenths { width: calc(50% - 20px); } .six-tenths { width: calc(60% - 20px); } .seven-tenths { width: calc(70% - 20px); } .eight-tenths { width: calc(80% - 20px); } .nine-tenths { width: calc(90% - 20px); } /* Twelfths */ .one-twelfth { width: calc(8.33333% - 20px); } .two-twelfths { width: calc(16.66667% - 20px); } .three-twelfths { width: calc(25% - 20px); } .four-twelfths { width: calc(33.33333% - 20px); } .five-twelfths { width: calc(41.66667% - 20px); } .six-twelfths { width: calc(50% - 20px); } .seven-twelfths { width: calc(58.33333% - 20px); } .eight-twelfths { width: calc(66.66667% - 20px); } .nine-twelfths { width: calc(75% - 20px); } .ten-twelfths { width: calc(83.33333% - 20px); } .eleven-twelfths { width: calc(91.66667% - 20px); } .equal-columns--clear .one-half:nth-of-type(2n+1), .equal-columns--clear .eight:nth-of-type(2n+1), .equal-columns--clear .one-third:nth-of-type(3n+1), .equal-columns--clear .one-fourth:nth-of-type(4n+1), .equal-columns--clear .four:nth-of-type(4n+1), .equal-columns--clear .one-fifth:nth-of-type(5n+1), .equal-columns--clear .one-sixth:nth-of-type(6n+1), .equal-columns--clear .one-seventh:nth-of-type(7n+1) { clear: both; } .equal-columns--outside-trim .one-half:nth-of-type(2n), .equal-columns--outside-trim .eight:nth-of-type(2n), .equal-columns--outside-trim .one-third:nth-of-type(3n), .equal-columns--outside-trim .one-fourth:nth-of-type(4n), .equal-columns--outside-trim .four:nth-of-type(4n), .equal-columns--outside-trim .one-fifth:nth-of-type(5n), .equal-columns--outside-trim .one-sixth:nth-of-type(6n), .equal-columns--outside-trim .one-seventh:nth-of-type(7n), .equal-columns--outside-trim .two:nth-of-type(8n) { margin-right: 0; } .equal-columns--outside-trim .one-half:nth-of-type(2n+1), .equal-columns--outside-trim .eight:nth-of-type(2n+1), .equal-columns--outside-trim .one-third:nth-of-type(3n+1), .equal-columns--outside-trim .one-fourth:nth-of-type(4n+1), .equal-columns--outside-trim .four:nth-of-type(4n+1), .equal-columns--outside-trim .one-fifth:nth-of-type(5n+1), .equal-columns--outside-trim .one-sixth:nth-of-type(6n+1), .equal-columns--outside-trim .one-seventh:nth-of-type(7n+1), .equal-columns--outside-trim .two:nth-of-type(8n+1) { margin-left: 0; } .equal-columns--outside-trim .one-whole:nth-of-type(1n+1) { width: 100%; margin-right: 0; margin-left: 0; } .equal-columns--outside-trim .one-half { width: calc(50% - (20px - (20px / 2))); } .equal-columns--outside-trim .one-third { width: calc(33.33333% - (20px - (20px / 3))); } .equal-columns--outside-trim .one-fifth { width: calc(20% - (20px - (20px / 5))); } .equal-columns--outside-trim .one-fourth { width: calc(25% - (20px - (20px / 4))); } .equal-columns--outside-trim .one-sixth { width: calc(16.66667% - (20px - (20px / 6))); } .equal-columns--outside-trim .one-seventh { width: calc(14.28571% - (20px - (20px / 7))); } .equal-columns--outside-trim .two { width: calc(12.5% - (20px - (20px / 8))); } .equal-columns--outside-trim .four { width: calc(25% - (20px - (20px / 4))); } .equal-columns--outside-trim .seven { width: calc(43.75% - (20px - (20px / 2))); } .equal-columns--outside-trim .eight { width: calc(50% - (20px / 2)); } .equal-columns--outside-trim .nine { width: calc(56.25% - (20px - (20px / 2))); } .show { display: block !important; } .hide { display: none !important; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } /*============================================================================ Generate breakpoint-specific column widths and push classes - Default column widths: $breakpoint-has-widths: ($small, $medium-up); - Default is no push classes - Will not work if `styles/global/grid.scss` is removed ==============================================================================*/ @media only screen and (max-width: 1024px) { /* Base Grid */ .large-down--one { width: calc(6.25% - 20px); } .large-down--two { width: calc(12.5% - 20px); } .large-down--three { width: calc(18.75% - 20px); } .large-down--four { width: calc(25% - 20px); } .large-down--five { width: calc(31.25% - 20px); } .large-down--six { width: calc(37.5% - 20px); } .large-down--seven { width: calc(43.75% - 20px); } .large-down--eight { width: calc(50% - 20px); } .large-down--nine { width: calc(56.25% - 20px); } .large-down--ten { width: calc(62.5% - 20px); } .large-down--eleven { width: calc(68.75% - 20px); } .large-down--twelve { width: calc(75% - 20px); } .large-down--thirteen { width: calc(81.25% - 20px); } .large-down--fourteen { width: calc(87.5% - 20px); } .large-down--fifteen { width: calc(93.75% - 20px); } .large-down--sixteen { width: calc(100% - 20px); } /** Whole */ .large-down--one-whole { width: calc(100% - 20px); left: auto !important; } /* Halves */ .large-down--one-half { width: calc(50% - 20px); } /* Thirds */ .large-down--one-third { width: calc(33.33333% - 20px); } .large-down--two-thirds { width: calc(66.66667% - 20px); } /* Fourths */ .large-down--one-fourth { width: calc(25% - 20px); } .large-down--two-fourths { width: calc(50% - 20px); } .large-down--three-fourths { width: calc(75% - 20px); } /* Fifths */ .large-down--one-fifth { width: calc(20% - 20px); } .large-down--two-fifths { width: calc(40% - 20px); } .large-down--three-fifths { width: calc(60% - 20px); } .large-down--four-fifths { width: calc(80% - 20px); } /* Sixths */ .large-down--one-sixth { width: calc(16.66667% - 20px); } .large-down--two-sixths { width: calc(33.33333% - 20px); } .large-down--three-sixths { width: calc(50% - 20px); } .large-down--four-sixths { width: calc(66.66667% - 20px); } .large-down--five-sixths { width: calc(83.33333% - 20px); } /* Sevenths */ .large-down--one-seventh { width: calc(14.28571% - 20px); } .large-down--two-sevenths { width: calc(28.57143% - 20px); } .large-down--three-sevenths { width: calc(42.85714% - 20px); } .large-down--four-sevenths { width: calc(57.14286% - 20px); } .large-down--five-sevenths { width: calc(71.42857% - 20px); } /* Eighths */ .large-down--one-eighth { width: calc(12.5% - 20px); } .large-down--two-eighths { width: calc(25% - 20px); } .large-down--three-eighths { width: calc(37.5% - 20px); } .large-down--four-eighths { width: calc(50% - 20px); } .large-down--five-eighths { width: calc(62.5% - 20px); } .large-down--six-eighths { width: calc(75% - 20px); } .large-down--seven-eighths { width: calc(87.5% - 20px); } /* Tenths */ .large-down--one-tenth { width: calc(10% - 20px); } .large-down--two-tenths { width: calc(20% - 20px); } .large-down--three-tenths { width: calc(30% - 20px); } .large-down--four-tenths { width: calc(40% - 20px); } .large-down--five-tenths { width: calc(50% - 20px); } .large-down--six-tenths { width: calc(60% - 20px); } .large-down--seven-tenths { width: calc(70% - 20px); } .large-down--eight-tenths { width: calc(80% - 20px); } .large-down--nine-tenths { width: calc(90% - 20px); } /* Twelfths */ .large-down--one-twelfth { width: calc(8.33333% - 20px); } .large-down--two-twelfths { width: calc(16.66667% - 20px); } .large-down--three-twelfths { width: calc(25% - 20px); } .large-down--four-twelfths { width: calc(33.33333% - 20px); } .large-down--five-twelfths { width: calc(41.66667% - 20px); } .large-down--six-twelfths { width: calc(50% - 20px); } .large-down--seven-twelfths { width: calc(58.33333% - 20px); } .large-down--eight-twelfths { width: calc(66.66667% - 20px); } .large-down--nine-twelfths { width: calc(75% - 20px); } .large-down--ten-twelfths { width: calc(83.33333% - 20px); } .large-down--eleven-twelfths { width: calc(91.66667% - 20px); } .equal-columns--outside-trim .large-down--one-half:nth-of-type(2n), .equal-columns--outside-trim .large-down--eight:nth-of-type(2n), .equal-columns--outside-trim .large-down--one-third:nth-of-type(3n), .equal-columns--outside-trim .large-down--one-fourth:nth-of-type(4n), .equal-columns--outside-trim .large-down--four:nth-of-type(4n), .equal-columns--outside-trim .large-down--one-fifth:nth-of-type(5n), .equal-columns--outside-trim .large-down--one-sixth:nth-of-type(6n), .equal-columns--outside-trim .large-down--one-seventh:nth-of-type(7n), .equal-columns--outside-trim .large-down--two:nth-of-type(8n) { margin-right: 0; } .equal-columns--outside-trim .large-down--one-half:nth-of-type(2n+1), .equal-columns--outside-trim .large-down--eight:nth-of-type(2n+1), .equal-columns--outside-trim .large-down--one-third:nth-of-type(3n+1), .equal-columns--outside-trim .large-down--one-fourth:nth-of-type(4n+1), .equal-columns--outside-trim .large-down--four:nth-of-type(4n+1), .equal-columns--outside-trim .large-down--one-fifth:nth-of-type(5n+1), .equal-columns--outside-trim .large-down--one-sixth:nth-of-type(6n+1), .equal-columns--outside-trim .large-down--one-seventh:nth-of-type(7n+1), .equal-columns--outside-trim .large-down--two:nth-of-type(8n+1) { margin-left: 0; } .equal-columns--outside-trim .large-down--one-whole:nth-of-type(1n+1) { width: 100%; margin-right: 0; margin-left: 0; } .equal-columns--outside-trim .large-down--one-half { width: calc(50% - (20px - (20px / 2))); } .equal-columns--outside-trim .large-down--one-third { width: calc(33.33333% - (20px - (20px / 3))); } .equal-columns--outside-trim .large-down--one-fifth { width: calc(20% - (20px - (20px / 5))); } .equal-columns--outside-trim .large-down--one-fourth { width: calc(25% - (20px - (20px / 4))); } .equal-columns--outside-trim .large-down--one-sixth { width: calc(16.66667% - (20px - (20px / 6))); } .equal-columns--outside-trim .large-down--one-seventh { width: calc(14.28571% - (20px - (20px / 7))); } .equal-columns--outside-trim .large-down--two { width: calc(12.5% - (20px - (20px / 8))); } .equal-columns--outside-trim .large-down--four { width: calc(25% - (20px - (20px / 4))); } .equal-columns--outside-trim .large-down--seven { width: calc(43.75% - (20px - (20px / 2))); } .equal-columns--outside-trim .large-down--eight { width: calc(50% - (20px / 2)); } .equal-columns--outside-trim .large-down--nine { width: calc(56.25% - (20px - (20px / 2))); } .large-down--show { display: block !important; } .large-down--hide { display: none !important; } .large-down--text-left { text-align: left !important; } .large-down--text-right { text-align: right !important; } .large-down--text-center { text-align: center !important; } } @media only screen and (max-width: 1024px) and (max-width: 1024px) { .equal-columns--clear .large-down--one-half.large-down--one-half, .equal-columns--clear .large-down--eight.large-down--eight, .equal-columns--clear .large-down--one-third.large-down--one-third, .equal-columns--clear .large-down--one-fourth.large-down--one-fourth, .equal-columns--clear .large-down--four.large-down--four, .equal-columns--clear .large-down--one-fifth.large-down--one-fifth, .equal-columns--clear .large-down--one-sixth.large-down--one-sixth, .equal-columns--clear .large-down--one-seventh.large-down--one-seventh { clear: none; } .equal-columns--clear .large-down--one-half:nth-of-type(2n+1), .equal-columns--clear .large-down--eight:nth-of-type(2n+1), .equal-columns--clear .large-down--one-third:nth-of-type(3n+1), .equal-columns--clear .large-down--one-fourth:nth-of-type(4n+1), .equal-columns--clear .large-down--four:nth-of-type(4n+1), .equal-columns--clear .large-down--one-fifth:nth-of-type(5n+1), .equal-columns--clear .large-down--one-sixth:nth-of-type(6n+1), .equal-columns--clear .large-down--one-seventh:nth-of-type(7n+1) { clear: both; } } @media only screen and (max-width: 1024px) and (max-width: 1024px) { .equal-columns--outside-trim .large-down--one-half.large-down--one-half, .equal-columns--outside-trim .large-down--eight.large-down--eight, .equal-columns--outside-trim .large-down--one-third.large-down--one-third, .equal-columns--outside-trim .large-down--one-fourth.large-down--one-fourth, .equal-columns--outside-trim .large-down--four.large-down--four, .equal-columns--outside-trim .large-down--one-fifth.large-down--one-fifth, .equal-columns--outside-trim .large-down--one-sixth.large-down--one-sixth, .equal-columns--outside-trim .large-down--one-seventh.large-down--one-seventh, .equal-columns--outside-trim .large-down--two.large-down--two { margin-right: 10px; margin-left: 10px; } .equal-columns--outside-trim .large-down--one-half:nth-of-type(2n), .equal-columns--outside-trim .large-down--eight:nth-of-type(2n), .equal-columns--outside-trim .large-down--one-third:nth-of-type(3n), .equal-columns--outside-trim .large-down--one-fourth:nth-of-type(4n), .equal-columns--outside-trim .large-down--four:nth-of-type(4n), .equal-columns--outside-trim .large-down--one-fifth:nth-of-type(5n), .equal-columns--outside-trim .large-down--one-sixth:nth-of-type(6n), .equal-columns--outside-trim .large-down--one-seventh:nth-of-type(7n), .equal-columns--outside-trim .large-down--two:nth-of-type(8n) { margin-right: 0; } .equal-columns--outside-trim .large-down--one-half:nth-of-type(2n+1), .equal-columns--outside-trim .large-down--eight:nth-of-type(2n+1), .equal-columns--outside-trim .large-down--one-third:nth-of-type(3n+1), .equal-columns--outside-trim .large-down--one-fourth:nth-of-type(4n+1), .equal-columns--outside-trim .large-down--four:nth-of-type(4n+1), .equal-columns--outside-trim .large-down--one-fifth:nth-of-type(5n+1), .equal-columns--outside-trim .large-down--one-sixth:nth-of-type(6n+1), .equal-columns--outside-trim .large-down--one-seventh:nth-of-type(7n+1), .equal-columns--outside-trim .large-down--two:nth-of-type(8n+1) { margin-left: 0; } } @media only screen and (max-width: 1024px) { /* Base Grid */ .medium-down--one { width: calc(6.25% - 20px); } .medium-down--two { width: calc(12.5% - 20px); } .medium-down--three { width: calc(18.75% - 20px); } .medium-down--four { width: calc(25% - 20px); } .medium-down--five { width: calc(31.25% - 20px); } .medium-down--six { width: calc(37.5% - 20px); } .medium-down--seven { width: calc(43.75% - 20px); } .medium-down--eight { width: calc(50% - 20px); } .medium-down--nine { width: calc(56.25% - 20px); } .medium-down--ten { width: calc(62.5% - 20px); } .medium-down--eleven { width: calc(68.75% - 20px); } .medium-down--twelve { width: calc(75% - 20px); } .medium-down--thirteen { width: calc(81.25% - 20px); } .medium-down--fourteen { width: calc(87.5% - 20px); } .medium-down--fifteen { width: calc(93.75% - 20px); } .medium-down--sixteen { width: calc(100% - 20px); } /** Whole */ .medium-down--one-whole { width: calc(100% - 20px); left: auto !important; } /* Halves */ .medium-down--one-half { width: calc(50% - 20px); } /* Thirds */ .medium-down--one-third { width: calc(33.33333% - 20px); } .medium-down--two-thirds { width: calc(66.66667% - 20px); } /* Fourths */ .medium-down--one-fourth { width: calc(25% - 20px); } .medium-down--two-fourths { width: calc(50% - 20px); } .medium-down--three-fourths { width: calc(75% - 20px); } /* Fifths */ .medium-down--one-fifth { width: calc(20% - 20px); } .medium-down--two-fifths { width: calc(40% - 20px); } .medium-down--three-fifths { width: calc(60% - 20px); } .medium-down--four-fifths { width: calc(80% - 20px); } /* Sixths */ .medium-down--one-sixth { width: calc(16.66667% - 20px); } .medium-down--two-sixths { width: calc(33.33333% - 20px); } .medium-down--three-sixths { width: calc(50% - 20px); } .medium-down--four-sixths { width: calc(66.66667% - 20px); } .medium-down--five-sixths { width: calc(83.33333% - 20px); } /* Sevenths */ .medium-down--one-seventh { width: calc(14.28571% - 20px); } .medium-down--two-sevenths { width: calc(28.57143% - 20px); } .medium-down--three-sevenths { width: calc(42.85714% - 20px); } .medium-down--four-sevenths { width: calc(57.14286% - 20px); } .medium-down--five-sevenths { width: calc(71.42857% - 20px); } /* Eighths */ .medium-down--one-eighth { width: calc(12.5% - 20px); } .medium-down--two-eighths { width: calc(25% - 20px); } .medium-down--three-eighths { width: calc(37.5% - 20px); } .medium-down--four-eighths { width: calc(50% - 20px); } .medium-down--five-eighths { width: calc(62.5% - 20px); } .medium-down--six-eighths { width: calc(75% - 20px); } .medium-down--seven-eighths { width: calc(87.5% - 20px); } /* Tenths */ .medium-down--one-tenth { width: calc(10% - 20px); } .medium-down--two-tenths { width: calc(20% - 20px); } .medium-down--three-tenths { width: calc(30% - 20px); } .medium-down--four-tenths { width: calc(40% - 20px); } .medium-down--five-tenths { width: calc(50% - 20px); } .medium-down--six-tenths { width: calc(60% - 20px); } .medium-down--seven-tenths { width: calc(70% - 20px); } .medium-down--eight-tenths { width: calc(80% - 20px); } .medium-down--nine-tenths { width: calc(90% - 20px); } /* Twelfths */ .medium-down--one-twelfth { width: calc(8.33333% - 20px); } .medium-down--two-twelfths { width: calc(16.66667% - 20px); } .medium-down--three-twelfths { width: calc(25% - 20px); } .medium-down--four-twelfths { width: calc(33.33333% - 20px); } .medium-down--five-twelfths { width: calc(41.66667% - 20px); } .medium-down--six-twelfths { width: calc(50% - 20px); } .medium-down--seven-twelfths { width: calc(58.33333% - 20px); } .medium-down--eight-twelfths { width: calc(66.66667% - 20px); } .medium-down--nine-twelfths { width: calc(75% - 20px); } .medium-down--ten-twelfths { width: calc(83.33333% - 20px); } .medium-down--eleven-twelfths { width: calc(91.66667% - 20px); } .equal-columns--outside-trim .medium-down--one-half:nth-of-type(2n), .equal-columns--outside-trim .medium-down--eight:nth-of-type(2n), .equal-columns--outside-trim .medium-down--one-third:nth-of-type(3n), .equal-columns--outside-trim .medium-down--one-fourth:nth-of-type(4n), .equal-columns--outside-trim .medium-down--four:nth-of-type(4n), .equal-columns--outside-trim .medium-down--one-fifth:nth-of-type(5n), .equal-columns--outside-trim .medium-down--one-sixth:nth-of-type(6n), .equal-columns--outside-trim .medium-down--one-seventh:nth-of-type(7n), .equal-columns--outside-trim .medium-down--two:nth-of-type(8n) { margin-right: 0; } .equal-columns--outside-trim .medium-down--one-half:nth-of-type(2n+1), .equal-columns--outside-trim .medium-down--eight:nth-of-type(2n+1), .equal-columns--outside-trim .medium-down--one-third:nth-of-type(3n+1), .equal-columns--outside-trim .medium-down--one-fourth:nth-of-type(4n+1), .equal-columns--outside-trim .medium-down--four:nth-of-type(4n+1), .equal-columns--outside-trim .medium-down--one-fifth:nth-of-type(5n+1), .equal-columns--outside-trim .medium-down--one-sixth:nth-of-type(6n+1), .equal-columns--outside-trim .medium-down--one-seventh:nth-of-type(7n+1), .equal-columns--outside-trim .medium-down--two:nth-of-type(8n+1) { margin-left: 0; } .equal-columns--outside-trim .medium-down--one-whole:nth-of-type(1n+1) { width: 100%; margin-right: 0; margin-left: 0; } .equal-columns--outside-trim .medium-down--one-half { width: calc(50% - (20px - (20px / 2))); } .equal-columns--outside-trim .medium-down--one-third { width: calc(33.33333% - (20px - (20px / 3))); } .equal-columns--outside-trim .medium-down--one-fifth { width: calc(20% - (20px - (20px / 5))); } .equal-columns--outside-trim .medium-down--one-fourth { width: calc(25% - (20px - (20px / 4))); } .equal-columns--outside-trim .medium-down--one-sixth { width: calc(16.66667% - (20px - (20px / 6))); } .equal-columns--outside-trim .medium-down--one-seventh { width: calc(14.28571% - (20px - (20px / 7))); } .equal-columns--outside-trim .medium-down--two { width: calc(12.5% - (20px - (20px / 8))); } .equal-columns--outside-trim .medium-down--four { width: calc(25% - (20px - (20px / 4))); } .equal-columns--outside-trim .medium-down--seven { width: calc(43.75% - (20px - (20px / 2))); } .equal-columns--outside-trim .medium-down--eight { width: calc(50% - (20px / 2)); } .equal-columns--outside-trim .medium-down--nine { width: calc(56.25% - (20px - (20px / 2))); } .medium-down--show { display: block !important; } .medium-down--hide { display: none !important; } .medium-down--text-left { text-align: left !important; } .medium-down--text-right { text-align: right !important; } .medium-down--text-center { text-align: center !important; } } @media only screen and (max-width: 1024px) and (max-width: 1024px) { .equal-columns--clear .medium-down--one-half.medium-down--one-half, .equal-columns--clear .medium-down--eight.medium-down--eight, .equal-columns--clear .medium-down--one-third.medium-down--one-third, .equal-columns--clear .medium-down--one-fourth.medium-down--one-fourth, .equal-columns--clear .medium-down--four.medium-down--four, .equal-columns--clear .medium-down--one-fifth.medium-down--one-fifth, .equal-columns--clear .medium-down--one-sixth.medium-down--one-sixth, .equal-columns--clear .medium-down--one-seventh.medium-down--one-seventh { clear: none; } .equal-columns--clear .medium-down--one-half:nth-of-type(2n+1), .equal-columns--clear .medium-down--eight:nth-of-type(2n+1), .equal-columns--clear .medium-down--one-third:nth-of-type(3n+1), .equal-columns--clear .medium-down--one-fourth:nth-of-type(4n+1), .equal-columns--clear .medium-down--four:nth-of-type(4n+1), .equal-columns--clear .medium-down--one-fifth:nth-of-type(5n+1), .equal-columns--clear .medium-down--one-sixth:nth-of-type(6n+1), .equal-columns--clear .medium-down--one-seventh:nth-of-type(7n+1) { clear: both; } } @media only screen and (max-width: 1024px) and (max-width: 1024px) { .equal-columns--outside-trim .medium-down--one-half.medium-down--one-half, .equal-columns--outside-trim .medium-down--eight.medium-down--eight, .equal-columns--outside-trim .medium-down--one-third.medium-down--one-third, .equal-columns--outside-trim .medium-down--one-fourth.medium-down--one-fourth, .equal-columns--outside-trim .medium-down--four.medium-down--four, .equal-columns--outside-trim .medium-down--one-fifth.medium-down--one-fifth, .equal-columns--outside-trim .medium-down--one-sixth.medium-down--one-sixth, .equal-columns--outside-trim .medium-down--one-seventh.medium-down--one-seventh, .equal-columns--outside-trim .medium-down--two.medium-down--two { margin-right: 10px; margin-left: 10px; } .equal-columns--outside-trim .medium-down--one-half:nth-of-type(2n), .equal-columns--outside-trim .medium-down--eight:nth-of-type(2n), .equal-columns--outside-trim .medium-down--one-third:nth-of-type(3n), .equal-columns--outside-trim .medium-down--one-fourth:nth-of-type(4n), .equal-columns--outside-trim .medium-down--four:nth-of-type(4n), .equal-columns--outside-trim .medium-down--one-fifth:nth-of-type(5n), .equal-columns--outside-trim .medium-down--one-sixth:nth-of-type(6n), .equal-columns--outside-trim .medium-down--one-seventh:nth-of-type(7n), .equal-columns--outside-trim .medium-down--two:nth-of-type(8n) { margin-right: 0; } .equal-columns--outside-trim .medium-down--one-half:nth-of-type(2n+1), .equal-columns--outside-trim .medium-down--eight:nth-of-type(2n+1), .equal-columns--outside-trim .medium-down--one-third:nth-of-type(3n+1), .equal-columns--outside-trim .medium-down--one-fourth:nth-of-type(4n+1), .equal-columns--outside-trim .medium-down--four:nth-of-type(4n+1), .equal-columns--outside-trim .medium-down--one-fifth:nth-of-type(5n+1), .equal-columns--outside-trim .medium-down--one-sixth:nth-of-type(6n+1), .equal-columns--outside-trim .medium-down--one-seventh:nth-of-type(7n+1), .equal-columns--outside-trim .medium-down--two:nth-of-type(8n+1) { margin-left: 0; } } @media only screen and (max-width: 850px) { /* Base Grid */ .small-down--one { width: calc(6.25% - 20px); } .small-down--two { width: calc(12.5% - 20px); } .small-down--three { width: calc(18.75% - 20px); } .small-down--four { width: calc(25% - 20px); } .small-down--five { width: calc(31.25% - 20px); } .small-down--six { width: calc(37.5% - 20px); } .small-down--seven { width: calc(43.75% - 20px); } .small-down--eight { width: calc(50% - 20px); } .small-down--nine { width: calc(56.25% - 20px); } .small-down--ten { width: calc(62.5% - 20px); } .small-down--eleven { width: calc(68.75% - 20px); } .small-down--twelve { width: calc(75% - 20px); } .small-down--thirteen { width: calc(81.25% - 20px); } .small-down--fourteen { width: calc(87.5% - 20px); } .small-down--fifteen { width: calc(93.75% - 20px); } .small-down--sixteen { width: calc(100% - 20px); } /** Whole */ .small-down--one-whole { width: calc(100% - 20px); left: auto !important; } /* Halves */ .small-down--one-half { width: calc(50% - 20px); } /* Thirds */ .small-down--one-third { width: calc(33.33333% - 20px); } .small-down--two-thirds { width: calc(66.66667% - 20px); } /* Fourths */ .small-down--one-fourth { width: calc(25% - 20px); } .small-down--two-fourths { width: calc(50% - 20px); } .small-down--three-fourths { width: calc(75% - 20px); } /* Fifths */ .small-down--one-fifth { width: calc(20% - 20px); } .small-down--two-fifths { width: calc(40% - 20px); } .small-down--three-fifths { width: calc(60% - 20px); } .small-down--four-fifths { width: calc(80% - 20px); } /* Sixths */ .small-down--one-sixth { width: calc(16.66667% - 20px); } .small-down--two-sixths { width: calc(33.33333% - 20px); } .small-down--three-sixths { width: calc(50% - 20px); } .small-down--four-sixths { width: calc(66.66667% - 20px); } .small-down--five-sixths { width: calc(83.33333% - 20px); } /* Sevenths */ .small-down--one-seventh { width: calc(14.28571% - 20px); } .small-down--two-sevenths { width: calc(28.57143% - 20px); } .small-down--three-sevenths { width: calc(42.85714% - 20px); } .small-down--four-sevenths { width: calc(57.14286% - 20px); } .small-down--five-sevenths { width: calc(71.42857% - 20px); } /* Eighths */ .small-down--one-eighth { width: calc(12.5% - 20px); } .small-down--two-eighths { width: calc(25% - 20px); } .small-down--three-eighths { width: calc(37.5% - 20px); } .small-down--four-eighths { width: calc(50% - 20px); } .small-down--five-eighths { width: calc(62.5% - 20px); } .small-down--six-eighths { width: calc(75% - 20px); } .small-down--seven-eighths { width: calc(87.5% - 20px); } /* Tenths */ .small-down--one-tenth { width: calc(10% - 20px); } .small-down--two-tenths { width: calc(20% - 20px); } .small-down--three-tenths { width: calc(30% - 20px); } .small-down--four-tenths { width: calc(40% - 20px); } .small-down--five-tenths { width: calc(50% - 20px); } .small-down--six-tenths { width: calc(60% - 20px); } .small-down--seven-tenths { width: calc(70% - 20px); } .small-down--eight-tenths { width: calc(80% - 20px); } .small-down--nine-tenths { width: calc(90% - 20px); } /* Twelfths */ .small-down--one-twelfth { width: calc(8.33333% - 20px); } .small-down--two-twelfths { width: calc(16.66667% - 20px); } .small-down--three-twelfths { width: calc(25% - 20px); } .small-down--four-twelfths { width: calc(33.33333% - 20px); } .small-down--five-twelfths { width: calc(41.66667% - 20px); } .small-down--six-twelfths { width: calc(50% - 20px); } .small-down--seven-twelfths { width: calc(58.33333% - 20px); } .small-down--eight-twelfths { width: calc(66.66667% - 20px); } .small-down--nine-twelfths { width: calc(75% - 20px); } .small-down--ten-twelfths { width: calc(83.33333% - 20px); } .small-down--eleven-twelfths { width: calc(91.66667% - 20px); } .equal-columns--outside-trim .small-down--one-half:nth-of-type(2n), .equal-columns--outside-trim .small-down--eight:nth-of-type(2n), .equal-columns--outside-trim .small-down--one-third:nth-of-type(3n), .equal-columns--outside-trim .small-down--one-fourth:nth-of-type(4n), .equal-columns--outside-trim .small-down--four:nth-of-type(4n), .equal-columns--outside-trim .small-down--one-fifth:nth-of-type(5n), .equal-columns--outside-trim .small-down--one-sixth:nth-of-type(6n), .equal-columns--outside-trim .small-down--one-seventh:nth-of-type(7n), .equal-columns--outside-trim .small-down--two:nth-of-type(8n) { margin-right: 0; } .equal-columns--outside-trim .small-down--one-half:nth-of-type(2n+1), .equal-columns--outside-trim .small-down--eight:nth-of-type(2n+1), .equal-columns--outside-trim .small-down--one-third:nth-of-type(3n+1), .equal-columns--outside-trim .small-down--one-fourth:nth-of-type(4n+1), .equal-columns--outside-trim .small-down--four:nth-of-type(4n+1), .equal-columns--outside-trim .small-down--one-fifth:nth-of-type(5n+1), .equal-columns--outside-trim .small-down--one-sixth:nth-of-type(6n+1), .equal-columns--outside-trim .small-down--one-seventh:nth-of-type(7n+1), .equal-columns--outside-trim .small-down--two:nth-of-type(8n+1) { margin-left: 0; } .equal-columns--outside-trim .small-down--one-whole:nth-of-type(1n+1) { width: 100%; margin-right: 0; margin-left: 0; } .equal-columns--outside-trim .small-down--one-half { width: calc(50% - (20px - (20px / 2))); } .equal-columns--outside-trim .small-down--one-third { width: calc(33.33333% - (20px - (20px / 3))); } .equal-columns--outside-trim .small-down--one-fifth { width: calc(20% - (20px - (20px / 5))); } .equal-columns--outside-trim .small-down--one-fourth { width: calc(25% - (20px - (20px / 4))); } .equal-columns--outside-trim .small-down--one-sixth { width: calc(16.66667% - (20px - (20px / 6))); } .equal-columns--outside-trim .small-down--one-seventh { width: calc(14.28571% - (20px - (20px / 7))); } .equal-columns--outside-trim .small-down--two { width: calc(12.5% - (20px - (20px / 8))); } .equal-columns--outside-trim .small-down--four { width: calc(25% - (20px - (20px / 4))); } .equal-columns--outside-trim .small-down--seven { width: calc(43.75% - (20px - (20px / 2))); } .equal-columns--outside-trim .small-down--eight { width: calc(50% - (20px / 2)); } .equal-columns--outside-trim .small-down--nine { width: calc(56.25% - (20px - (20px / 2))); } .small-down--show { display: block !important; } .small-down--hide { display: none !important; } .small-down--text-left { text-align: left !important; } .small-down--text-right { text-align: right !important; } .small-down--text-center { text-align: center !important; } } @media only screen and (max-width: 850px) and (max-width: 850px) { .equal-columns--clear .small-down--one-half.small-down--one-half, .equal-columns--clear .small-down--eight.small-down--eight, .equal-columns--clear .small-down--one-third.small-down--one-third, .equal-columns--clear .small-down--one-fourth.small-down--one-fourth, .equal-columns--clear .small-down--four.small-down--four, .equal-columns--clear .small-down--one-fifth.small-down--one-fifth, .equal-columns--clear .small-down--one-sixth.small-down--one-sixth, .equal-columns--clear .small-down--one-seventh.small-down--one-seventh { clear: none; } .equal-columns--clear .small-down--one-half:nth-of-type(2n+1), .equal-columns--clear .small-down--eight:nth-of-type(2n+1), .equal-columns--clear .small-down--one-third:nth-of-type(3n+1), .equal-columns--clear .small-down--one-fourth:nth-of-type(4n+1), .equal-columns--clear .small-down--four:nth-of-type(4n+1), .equal-columns--clear .small-down--one-fifth:nth-of-type(5n+1), .equal-columns--clear .small-down--one-sixth:nth-of-type(6n+1), .equal-columns--clear .small-down--one-seventh:nth-of-type(7n+1) { clear: both; } } @media only screen and (max-width: 850px) and (max-width: 850px) { .equal-columns--outside-trim .small-down--one-half.small-down--one-half, .equal-columns--outside-trim .small-down--eight.small-down--eight, .equal-columns--outside-trim .small-down--one-third.small-down--one-third, .equal-columns--outside-trim .small-down--one-fourth.small-down--one-fourth, .equal-columns--outside-trim .small-down--four.small-down--four, .equal-columns--outside-trim .small-down--one-fifth.small-down--one-fifth, .equal-columns--outside-trim .small-down--one-sixth.small-down--one-sixth, .equal-columns--outside-trim .small-down--one-seventh.small-down--one-seventh, .equal-columns--outside-trim .small-down--two.small-down--two { margin-right: 10px; margin-left: 10px; } .equal-columns--outside-trim .small-down--one-half:nth-of-type(2n), .equal-columns--outside-trim .small-down--eight:nth-of-type(2n), .equal-columns--outside-trim .small-down--one-third:nth-of-type(3n), .equal-columns--outside-trim .small-down--one-fourth:nth-of-type(4n), .equal-columns--outside-trim .small-down--four:nth-of-type(4n), .equal-columns--outside-trim .small-down--one-fifth:nth-of-type(5n), .equal-columns--outside-trim .small-down--one-sixth:nth-of-type(6n), .equal-columns--outside-trim .small-down--one-seventh:nth-of-type(7n), .equal-columns--outside-trim .small-down--two:nth-of-type(8n) { margin-right: 0; } .equal-columns--outside-trim .small-down--one-half:nth-of-type(2n+1), .equal-columns--outside-trim .small-down--eight:nth-of-type(2n+1), .equal-columns--outside-trim .small-down--one-third:nth-of-type(3n+1), .equal-columns--outside-trim .small-down--one-fourth:nth-of-type(4n+1), .equal-columns--outside-trim .small-down--four:nth-of-type(4n+1), .equal-columns--outside-trim .small-down--one-fifth:nth-of-type(5n+1), .equal-columns--outside-trim .small-down--one-sixth:nth-of-type(6n+1), .equal-columns--outside-trim .small-down--one-seventh:nth-of-type(7n+1), .equal-columns--outside-trim .small-down--two:nth-of-type(8n+1) { margin-left: 0; } } .container { position: relative; max-width: 1200px; margin: 0 auto; } @media only screen and (max-width: 1024px) { .container { width: calc(90% + 20px); } } @media only screen and (max-width: 850px) { .container { width: calc(100% - 40px); } } .container .container { width: 100%; } [class*="offset-by"] { position: relative; } @media only screen and (max-width: 850px) { [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: 850px) { .column:not([class*="small-down--one-half"]), .columns:not([class*="small-down--one-half"]) { width: 100%; margin-left: 0; margin-right: 0; } } @media only screen and (max-width: 850px) { .even { margin-left: 0; } } @media only screen and (max-width: 850px) { .odd { margin-right: 0; } } .flex-container { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .flex-container:after { visibility: hidden; display: none; font-size: 0; content: " "; clear: both; height: 0; } .row { margin-bottom: 20px; } .row:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .container-border--top::before { display: block; content: ''; height: 0; width: calc(100% - 20px); border-top: thin solid #bbbbbb; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; float: left; } @media only screen and (max-width: 850px) { .container-border--top::before { width: 100%; } } .container-border--bottom::after { display: block; content: ''; height: 0; width: calc(100% - 20px); border-top: thin solid #bbbbbb; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; clear: both; } @media only screen and (max-width: 850px) { .container-border--bottom::after { width: 100%; } } .narrow-width--true.container { max-width: 1000px; margin-left: auto; margin-right: auto; } .container.full-width--true, .full-width--true > .container { width: 100%; max-width: 100%; } @media only screen and (max-width: 850px) { .container.fullWidthMobile--true, .column.fullWidthMobile--true, .columns.fullWidthMobile--true { width: 100% !important; max-width: 100%; } } @media only screen and (min-width: 851px) { /* Nested Column Classes */ .column.alpha, .columns.alpha { margin-left: 0; } .column.omega, .columns.omega { margin-right: 0; } /* Offsets */ .offset-by-one { left: calc(6.25%); } .offset-by-two { left: calc(12.5%); } .offset-by-three { left: calc(18.75%); } .offset-by-four { left: calc(25%); } .offset-by-five { left: calc(31.25%); } .offset-by-six { left: calc(37.5%); } .offset-by-seven { left: calc(43.75%); } .offset-by-eight { left: calc(50%); } .offset-by-nine { left: calc(56.25%); } .offset-by-ten { left: calc(62.5%); } .offset-by-eleven { left: calc(68.75%); } .offset-by-twelve { left: calc(75%); } .offset-by-thirteen { left: calc(81.25%); } .offset-by-fourteen { left: calc(87.5%); } .offset-by-fifteen { left: calc(93.75%); } } /* #Typography ================================================== */ .logo { font-family: "DIN Next", sans-serif; font-weight: 800; font-style: normal; font-size: 20px; text-transform: uppercase; line-height: 1.2em; } /* Headings */ h1 { font-family: "DIN Next", sans-serif; font-weight: 900; font-style: normal; font-size: 30px; text-transform: uppercase; line-height: 1.5; color: #333333; display: block; letter-spacing: 2px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin: 0 auto 15px; clear: both; font-weight: 900; padding-top: 4px; } @media only screen and (max-width: 1024px) { h1 { font-size: 24px; } } h1 a:link, h1 a:visited { font-weight: inherit; color: #333333; } h1 a:hover, h1 a:active { color: #000000; } h1.collection_title_tags { padding-right: 25px; border-right: solid 1px #bbbbbb; } h2, .h2, h2.title { font-family: "DIN Next", sans-serif; font-weight: 900; font-style: normal; font-size: 27px; text-transform: uppercase; line-height: 1.5; color: #333333; display: block; letter-spacing: 2px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-bottom: 0.75em; } @media only screen and (max-width: 1024px) { h2, .h2, h2.title { font-size: 21px; } } h2 a, .h2 a, h2.title a { font-weight: inherit; } h2.collection_title, .h2.collection_title, h2.title.collection_title { margin-bottom: 0; display: inline; } h2.product_name a, .h2.product_name a, h2.title.product_name a { color: #333333; } .cart h2 { margin-top: 0; } h3, .h3 { font-family: "DIN Next", sans-serif; font-weight: 900; font-style: normal; font-size: 24px; text-transform: uppercase; line-height: 1.5; color: #333333; display: block; letter-spacing: 2px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin: 0 auto 15px 0; } @media only screen and (max-width: 1024px) { h3, .h3 { font-size: 19px; } } h3 a, h3 a:visited, .h3 a, .h3 a:visited { font-weight: inherit; color: #333333; } h3.title, .h3.title { line-height: 1.25; margin: 0 auto 15px; clear: both; padding-top: 4px; } h3.title a, h3.title a:visited, .h3.title a, .h3.title a:visited { color: #333333; } h3.sub_title, .h3.sub_title { padding: 5px 0; color: #333333; } h3.sub_title a, .h3.sub_title a { color: #333333; } h4, .h4 { font-family: "DIN Next", sans-serif; font-weight: 900; font-style: normal; font-size: 21px; text-transform: uppercase; line-height: 1.5; color: #333333; display: block; letter-spacing: 2px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin: 0 0 0.5em 0; padding: 7px 0; } @media only screen and (max-width: 1024px) { h4, .h4 { font-size: 16px; } } h4 a, .h4 a { font-weight: inherit; } h4.title a, .h4.title a { border: 0; padding: 0; margin: 0; } h5, .h5 { font-family: "DIN Next", sans-serif; font-weight: 900; font-style: normal; font-size: 19px; text-transform: uppercase; line-height: 1.5; color: #333333; display: block; letter-spacing: 2px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin: 0 0 0.5em 0; padding: 7px 0; } @media only screen and (max-width: 1024px) { h5, .h5 { font-size: 15px; } } h5 a, .h5 a { font-weight: inherit; } h5.sub_title, .h5.sub_title { padding: 5px 0; color: #333333; } h5.sub_title a, .h5.sub_title a { color: #333333; } h6, .h6 { font-family: "DIN Next", sans-serif; font-weight: 900; font-style: normal; font-size: 18px; text-transform: uppercase; line-height: 1.5; color: #333333; display: block; letter-spacing: 2px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing: 1px; margin: 0 0 0.5em 0; padding: 7px 0; } @media only screen and (max-width: 1024px) { h6, .h6 { font-size: 14px; } } h6 a, .h6 a { font-weight: inherit; } h6.title, .h6.title { line-height: 32px; margin: 0 0 0.5em 0; color: #333333; } .cart h6 { margin-top: 0; } .collection_title { font-family: "DIN Next", sans-serif; font-weight: 900; font-style: normal; font-size: 30px; text-transform: uppercase; line-height: 1.5; color: #333333; display: block; letter-spacing: 2px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin: 0 auto 15px; clear: both; padding-top: 4px; } @media only screen and (max-width: 1024px) { .collection_title { font-size: 24px; } } .collection_title a { font-weight: inherit; color: #333333; } .collection_title a:hover, .collection_title a:active { color: #000000; } div.collection_title { margin-bottom: 0; line-height: 30px; display: inline; } div.collection_title_tags { padding-right: 25px; border-right: solid 1px #bbbbbb; } .headline, .empty_cart, .promo_banner, .title { font-family: "DIN Next", sans-serif; font-weight: 900; font-style: normal; font-size: 30px; text-transform: uppercase; line-height: 1.5; color: #333333; display: block; letter-spacing: 2px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media only screen and (max-width: 1024px) { .headline, .empty_cart, .promo_banner, .title { font-size: 24px; } } @media only screen and (max-width: 1024px) { .title.insta, .title.twitter { text-align: center; } } .title.insta a, .title.twitter a { color: #333333; } .title.center.blog a { color: #333333; } /* Content */ p { margin: 0 0 15px; font-style: normal; line-height: 1.6em; } p img { margin: 0; } sub { font-size: 60%; } em, i { font-style: italic; } strong, b { font-weight: bold; } small { font-size: 90%; } .feature img { position: relative; top: 7px; margin-right: 5px; width: 25px; height: 25px; } .onboard-text { margin: 0; } .page-divider { opacity: 0; border-color: #aaaaaa; border-top: 0; } .active-divider { opacity: 1; } .feature p { font-size: smaller; } #featured_links { padding: 20px 0; } #featured_links h2 { padding-top: 15px; } #featured_links .column, #featured_links .columns { opacity: 1; } .slider-gallery .shopify-product-reviews-badge { height: 30px; display: block; } .spr-badge + .feature_divider { margin-top: 15px; } .spr-badge { padding: 5px 0; } .thumbnail .spr-badge-caption { display: none; } div#shopry-review-photos a { display: block !important; } .feature_divider { width: 100%; margin-bottom: 20px; display: block; border: 0; border-color: #aaaaaa; border-bottom-width: 1px; border-bottom-style: solid; } .feature_divider.no-margin { margin-bottom: 0px; } @media only screen and (max-width: 1024px) { .feature_divider { margin-bottom: 10px; } } div.container.bottom-fix { padding-bottom: 0px; } .page .feature_divider, .page h2.title + .feature_divider { margin-bottom: 15px; } /* Blockquotes */ blockquote, blockquote p { font-size: 17px; line-height: 24px; font-style: italic; } blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #bbbbbb; } blockquote cite { display: block; font-size: 12px; color: #555; } blockquote cite a, blockquote cite a:visited { color: #555; } blockquote cite:before { content: "\2014 \0020"; } hr { border-color: #aaaaaa; border-width: 1px; border-style: solid; clear: both; margin: 12px 0; height: 0; } .cart_container hr { border-top-width: 0px; } div.section.collection_description { margin: 0 0 1.5em 0; } /* #Links ================================================== */ a, a:visited, a span { color: #000000; text-decoration: none; position: relative; transition: color .1s linear; } a:hover, a:focus { color: #bbbbbb; } a, button, input, select, textarea, label, summary { touch-action: manipulation; } /* #Lists ================================================== */ ul, ol { margin-bottom: 20px; } ul ul, ul ol, ol ul, ol ol { margin: 4px 0 5px 30px; } ul ul li, ul ol li, ol ul li, ol ol li { margin-bottom: 6px; } ul li, ol li { margin-bottom: 12px; } ul { list-style: disc outside; } ul.square { list-style: square outside; } ul.circle { list-style: circle outside; } ul.disc { list-style: disc outside; } ul.large li { line-height: 21px; } ul.none { list-style: none outside; margin-left: 0; } ul.border { list-style: none outside; line-height: 26px; } ul.border li { border-bottom: 1px solid #bbbbbb; list-style: none outside none; padding: 12px 0; margin-bottom: 0; } ol { list-style: decimal; } /* #Menu ================================================== */ .header { z-index: 1000; width: 100%; top: 0; } .header a, .header a:visited, .header a span, .header select.currencies { color: #ffffff; text-shadow: none; } .header div.container { padding-bottom: 5px; padding-top: 5px; } body.is-active { overflow-y: hidden; } body.is-active #header { bottom: 0; overflow-y: scroll; overflow-x: hidden; -webkit-overflow-scrolling: touch; } #header.mobile_nav-fixed--true, .mobile_nav-fixed--false.is-active #header { position: fixed; z-index: 1001; width: 100%; top: 0; left: 0; } #header { display: none; } #header .top_bar { text-align: center; height: 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; } #header .top_bar .icon-search { z-index: 3; } #header .top_bar .icon-search:before { font-size: 18px; } #header .top_bar a.right { left: auto; right: 15px; font-size: 20px; padding-top: 8px; top: 4px; z-index: 1; } #header .top_bar a.mobile_nav { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; z-index: 1; } #header .top_bar > a, #header .top_bar > a:visited, #header .top_bar > a:active { display: block; font-size: 25px; outline: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } #header .top_bar a span { color: #ffffff; display: inline-block; padding-left: 4px; position: relative; } #header .top_bar a.icon-bag:before, #header .top_bar a.icon-cart:before { font-size: 18px !important; } .nav ul.mobile_menu li a { display: inline-block; } .menu .vertical-menu li { position: relative; } .vertical-menu { display: inline; } .menu .vertical-menu li:hover .vertical-menu_submenu { visibility: visible; opacity: 1; transition: opacity 0.3s ease-in; pointer-events: all; z-index: 2000; } .menu .vertical-menu_submenu li:hover .vertical-menu_sub-submenu { visibility: visible; opacity: 1; transition: opacity 0.3s ease-in; pointer-events: all; z-index: 2000; } .menu .vertical-menu_submenu { position: absolute; left: 0; top: 100%; padding-left: 0; margin: 0; visibility: hidden; opacity: 0; transition: opacity 0.5s ease-in; pointer-events: none; text-align: left; width: 270px; background: black; background: rgba(0, 0, 0, 0.9); } .menu .vertical-menu_submenu li { padding: 0 20px; display: block; } .menu .vertical-menu_submenu a { display: block; font-size: 14px; letter-spacing: 1px; } .menu .vertical-menu_submenu span.icon-down-arrow { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); transform: rotate(-90deg); } .menu .vertical-menu_submenu.is-visible, .menu .vertical-menu_sub-submenu.is-visible { visibility: visible; opacity: 1; transition: opacity 0.3s ease-in; pointer-events: all; z-index: 2000; } .menu .vertical-menu_sub-submenu { position: absolute; left: 100%; top: 0; padding-left: 0; margin: 0; visibility: hidden; opacity: 0; transition: opacity 5s ease-in; pointer-events: none; width: 270px; background: black; background: rgba(0, 0, 0, 0.9); } .menu .vertical-menu_sub-submenu li { padding: 0 20px; display: block; } .menu .vertical-menu_sub-submenu a { display: block; } .vertical-menu_submenu.vertical-menu--align-right { right: 0; left: auto; } .vertical-menu_sub-submenu.vertical-menu--align-right { right: 100%; left: auto; } /* Mobile nav */ #header .mobile_nav.dropdown_link { width: 25%; } #header .mobile_nav.dropdown_link span.menu_title { position: absolute; left: 40px; } .mobile_nav div { width: 30px; height: 40px; position: relative; float: left; margin: 0 8px 0 5px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); transition: .1s ease-in-out; cursor: pointer; } .mobile_nav div span { display: block !important; position: absolute !important; height: 1px !important; width: 100%; background: #ffffff; border-radius: 9px; opacity: 1; left: 0; padding: 0 !important; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); transition: .1s ease-in-out; } .mobile_nav div span:nth-child(1) { top: 10px; } .mobile_nav div span:nth-child(2), .mobile_nav div span:nth-child(3) { top: 20px; } .mobile_nav div span:nth-child(4) { top: 30px; } .mobile_nav div.open span:nth-child(1) { top: 9px; width: 0%; left: 50%; } .mobile_nav div.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .mobile_nav div.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .mobile_nav div.open span:nth-child(4) { top: 9px; width: 0%; left: 50%; } #mobile_menu { margin: 10px 20px; } #mobile_menu li { padding-right: 0; display: block; } #mobile_menu li a span.icon-down-arrow { padding: 0 15px !important; } #mobile_menu .sublink ul { display: none; margin-left: 0; padding-left: 10px; } .feature_image.editor-hover--true .main_nav, .feature_image.editor-hover--true .dropdown { background: black; background: rgba(0, 0, 0, 0.9); clear: both; transition: all 0.3s linear; animation: fadeIn 0.3s linear none; } .top_bar { height: 40px; background-color: #1b1f23; padding: 0 0 0 10px; } .top_bar .social_icons { float: left; margin: 0; padding-left: 10px; } .top_bar .social_icons li { padding: 5px; } .top_bar a { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } .top_bar ul.social_icons a { display: inline; -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; } .top_bar .top_bar--right { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; margin-left: auto; height: 40px; } .top_bar .top_bar--right .icon-search { display: inline-block; line-height: 0; padding-right: 15px; } .top_bar .top_bar--right .cart_container { display: inline-block; } .main_nav, .dropdown { background: black; background: rgba(0, 0, 0, 0.9); clear: both; transition: all 0.3s linear; animation: fadeIn 0.3s linear none; } .feature_image .main_nav, .feature_image .dropdown { background: transparent; } .sticky_nav { position: fixed; width: 100%; z-index: 35; top: 0; left: 0; padding: 0; /* Translate -100% to move off screen */ -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); /* Animations */ transition: all 300ms ease-in-out; } .is-active .sticky_nav { bottom: 0; overflow-y: scroll; overflow-x: hidden; } .sticky_nav--stick { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); opacity: 1; } @media only screen and (max-width: 1024px) { .sticky_nav--stick { display: none; } } .sticky_nav--unstick { opacity: 0; transition: opacity 0s; } .sticky_nav ul.menu, .sticky_nav .mini_cart { padding-bottom: 0 !important; } .menu.center, .menu.align_right, .menu.align_left { margin: 0 20px; } .menu { display: block; border: none; padding: 0; margin: 0; } .menu li { display: inline-block; margin: 0; border: 0; } .nav ul li a.sub-menu { padding: 10px 4px 10px 4px; z-index: 1001; } .nav ul li:hover a.sub-menu { color: #ffffff; } .menu a, .menu a:visited, .menu a:active, #header span.menu_title, .menu a span, select.currencies, .mini_cart span { font-family: "DIN Next", sans-serif; font-weight: 400; font-style: normal; font-size: 12px; text-transform: uppercase; color: #ffffff; padding-top: 12px; padding-bottom: 12px; position: relative; display: block; letter-spacing: 1px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); outline: 0; } @media only screen and (max-width: 1024px) { .menu a, .menu a:visited, .menu a:active, #header span.menu_title, .menu a span, select.currencies, .mini_cart span { font-size: 12px; } } .feature_image .main_nav a, .feature_image .main_nav a span { color: #ffffff; } .menu li, #header span.menu_title, .menu a span, select.currencies, .mini_cart span { padding-left: 5px; padding-right: 5px; } #header span.menu_title { cursor: pointer; height: 40px; line-height: 20px; margin-top: -2px; } .menu li { vertical-align: top; } select.currencies { height: 40px; min-height: 40px; padding-top: 0; padding-bottom: 0; cursor: pointer; background-image: url(//cdn.shopify.com/s/files/1/1956/1231/t/53/assets/select_light.png?v=153136132513795776861663018311); } @media only screen and (max-width: 1024px) { select.currencies { font-size: 16px; } } #mobile_menu select.currencies { padding-left: 0; } .feature_image .header .menu a, .feature_image .header .menu a:visited, .feature_image .header .menu a span { color: #ffffff; } .feature_image .header .menu a[href]:hover, .menu a.active, .menu a.active span, .feature_image .header .menu a.active, .header_bar a.active, .feature_image .header .menu a:focus { color: #bbbbbb; } .menu li a[href]:hover, .menu li a:focus, .menu a[href]:hover span { color: #bbbbbb; } .menu a.top_link, .menu a.dropdown_link { border-bottom: solid 1px transparent; } .menu a.top_link:hover, .menu a.dropdown_link:hover, .menu a.active_link { border-bottom: solid 1px #bbbbbb; } .feature_image a.top_link:hover { border-bottom: solid 1px #bbbbbb; } .menu a span { display: inline; vertical-align: top; } .top_bar a, .top_bar a:visited, .top_bar a:active, .top_bar a span, .top_bar select.currencies, a.mini_cart, a.mini_cart span, .feature_image .header .top_bar .menu a, .feature_image .header .top_bar .menu a span, .cart_container .mini_cart:hover { color: #ffffff; font-size: 12px; letter-spacing: 1px; } .top_bar li a:hover, .top_bar li a[href]:hover, .top_bar li a[href]:hover span, .top_bar li a:active, .top_bar li a:hover span, .top_bar a:active span, .top_bar .currencies:hover, .feature_image .header .top_bar .menu a:hover, .feature_image .header .top_bar .menu a:hover span { color: #bbbbbb; } .top_bar li { padding-left: 10px; padding-right: 10px; } .top_bar .menu a, .top_bar .social_icons a { height: 40px; line-height: 40px; padding: 0; } /* Mini cart */ .mini_cart, .nav a.mini_cart { float: right; text-align: center; cursor: pointer; background-color: #f84600; padding-left: 5px; padding-right: 5px; margin-left: 5px; height: 40px; z-index: 2001; } @media only screen and (min-width: 1025px) { .mini_cart, .nav a.mini_cart { padding-left: 15px; padding-right: 15px; } } @media only screen and (max-width: 1024px) { .mini_cart, .nav a.mini_cart { right: 0; } } .cart_container li.cart_item { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; } .cart_container li.cart_item .sale, .cart_container li.cart_item .price { margin-left: auto; margin-right: 10px; 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; text-align: right; } .cart_container li.cart_item .cart_item__title { width: 50%; } .nav a.mini_cart { margin-left: 15px; } .top_bar a.mini_cart span { padding-top: 0; padding-bottom: 0; line-height: 40px; } a.tos_icon, .cart_content a.tos_icon { font-size: 13px; color: #000000; } a.tos_icon:visited, .cart_content a.tos_icon:visited { color: #000000; } a.tos_icon:hover, .cart_content a.tos_icon:hover { color: #bbbbbb; } .cart_content__continue-shopping { display: none; } .no-touchevents a.cart_content__continue-shopping.secondary_button { display: none; } .no-touchevents a.cart_content__continue-shopping.secondary_button, .touchevents a.cart_content__continue-shopping.secondary_button { display: none; } @media only screen and (max-width: 1024px) { .no-touchevents a.cart_content__continue-shopping.secondary_button, .touchevents a.cart_content__continue-shopping.secondary_button { display: block; border-top: 0; margin: 0 auto; padding-top: 0; padding-bottom: 10px; margin-bottom: 10px; position: static; font-size: inherit; letter-spacing: inherit; } } .mini_cart span { display: inline-block; } .cart_container .cart_content { display: none; } .cart_container.active_link .cart_content { display: block; overflow-y: auto; max-height: calc(90vh - 60px); } .cart_container.active_link .cart_content::-webkit-scrollbar { -webkit-appearance: none; width: 7px; } .cart_container.active_link .cart_content::-webkit-scrollbar-thumb { border-radius: 0; background-color: rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5); } html.touchevents .cart .cart_container { pointer-events: none; } .cart_content .product-quantity-box, #cart_form .product-quantity-box { margin: 10px 0; width: 130px; } .cart_content .product-quantity-box .quantity, #cart_form .product-quantity-box .quantity { padding: 0 5px; width: 30%; min-height: 30px; height: 30px; } .cart_content .product-quantity-box .product-plus, #cart_form .product-quantity-box .product-plus { font-size: 15px; line-height: 30px; height: 30px; padding-right: 2px; width: 25%; } .cart_content .product-quantity-box .product-minus, #cart_form .product-quantity-box .product-minus { font-size: 15px; line-height: 30px; height: 30px; padding-right: 2px; width: 25%; } #cart_form .product-quantity-box .product-minus, #cart_form .product-quantity-box .product-plus, .nav .product-quantity-box .product-minus, .nav .product-quantity-box .product-plus { padding-right: 0; } #cart_form .icon-minus, #cart_form .icon-plus { position: relative; left: 1px; } .product-quantity-box .product-plus { -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .product-quantity-box .product-minus { -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .cart_container.active_link .mini_cart, .cart_container.active_link .mini_cart span { background-color: #ffffff; color: #333333 !important; } .cart_content { top: 40px; right: 0; position: absolute; z-index: 2000; background-color: #ffffff; font-family: Memphis, serif; font-weight: 500; font-style: normal; font-size: smaller; text-transform: none; color: #333333; border: 1px solid #bbbbbb; border-top: 0; border-right: 0; width: 100%; max-width: 320px; } @media only screen and (min-width: 1025px) { .cart_content { max-width: 420px; } } div.cart_content form { margin: 15px 0 0 0; padding: 0; } .cart .cart_subtotal { font-weight: bold; font-size: larger; } .cart_content .cart_subtotal { text-align: left; font-weight: bold; } .cart_content a, .cart_content a:visited, .cart_content a:hover, .cart_content a .price, .cart_content a .price span { color: #333333 !important; } .cart_content a .price span { padding-left: 5px; } .cart_content ul { list-style: none; margin: 0; padding: 15px 20px; } .cart_content ul li { list-style: none; clear: both; } .cart_content .action_button { width: 100%; } .top_bar [class^="icon-"]:before, .top_bar [class*=" icon-"]:before, .mini_cart { font-size: 15px; margin-right: 0; } #customer_login_guest, #customer_login { display: inline; } @media only screen and (max-width: 850px) { #customer_login_guest, #customer_login { display: block; } } input[type="submit"].guest_button, input[type="button"].guest_button { color: #000000; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: transparent; border: 0; padding: 0; text-align: left; } input[type="submit"].guest_button:hover, input[type="button"].guest_button:hover { background: transparent; border: 0; color: #bbbbbb; } @media only screen and (min-width: 1025px) { input[type="submit"].guest_button, input[type="button"].guest_button { text-align: center; } } .menu ul li .mini_cart span { padding-left: 5px; top: -1px; } .sticky_nav div.logo img { width: 60%; } .dropdown_container { clear: both; width: 100%; display: none; } .dropdown_container img { max-width: 100%; } .dropdown { position: absolute; width: 100%; z-index: 1000; } .dropdown_content { display: table; width: 100%; margin: 0 auto; } .dropdown_container.mega-menu .dropdown_content { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; width: 100%; margin: 0 auto; } .mega-menu__richtext, .mega-menu__image-caption-link { padding: 0 5px; } .mega-menu__richtext img, .mega-menu__image-caption-link img { margin-bottom: 10px; } .mega-menu__richtext a, .mega-menu__richtext a:active, .mega-menu__richtext a:hover { display: inline-block; text-transform: none; } .mega-menu__image-caption-link { text-align: center; margin-bottom: 10px; } .mega-menu__image-caption-link a, .mega-menu__image-caption-link a:visited, .mega-menu__image-caption-link a:active, .mega-menu__image-caption-link a:hover { text-transform: none; display: block; } .dropdown_content a p, .mobile-mega-menu a p { padding: 0; } .dropdown_content p, .mobile-mega-menu p { font-family: "DIN Next", sans-serif; font-size: 12px; font-style: normal; color: #ffffff; padding-top: 12px; padding-bottom: 12px; position: relative; display: block; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); outline: 0; margin-bottom: 0; } .dropdown_content p, .dropdown_content a, .dropdown_content a:hover, .dropdown_content a:active { font-size: 14px; letter-spacing: 1px; } .dropdown_column__menu + .dropdown_column__menu { margin-top: 10px; } .dropdown_narrow { width: 60%; } .dropdown_column { display: table-cell; padding: 15px 20px 30px 20px; width: 16.666%; vertical-align: top; } .dropdown_column img { max-width: 100%; } .dropdown_column ul { margin: 0; padding: 0; } .dropdown_column ul.dropdown_title { border-bottom: solid 1px #ffffff; padding-bottom: 10px; } .dropdown_column ul.dropdown_item { text-align: center; } .dropdown_container.mega-menu .dropdown_column { display: inline-block; padding: 15px 20px 30px 20px; -webkit-box-flex: 1; -ms-flex: 1 0 16.666%; flex: 1 0 16.666%; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; vertical-align: top; } .dropdown_column li { display: block; } .dropdown_column li a, .dropdown_column li a:hover, .dropdown_column li a:active { padding-bottom: 0; text-transform: none; } .dropdown_row { display: table-row; } select.currencies { border: 0 !important; background-color: transparent; margin-bottom: 0 !important; min-width: 65px; outline: 0; background-position: 96.5% 55%; background-size: 18px 12px; text-shadow: none !important; box-shadow: none !important; -webkit-appearance: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; appearance: none; } select.currencies:active { border: 0; outline: 0; text-shadow: 0; box-shadow: 0; } select.currencies option { background: black; background: rgba(0, 0, 0, 0.6); color: #ffffff; } .menu li.currencies { padding: 0; } .container div.collection_nav { margin-bottom: 1.5em; } .collection_menu, .collection_menu li { display: inline; list-style: none; border: none; position: relative; top: -3px; margin: 0; } .collection_menu li { padding-left: 25px; } .sidebar-wrap { border-right: 1px solid #bbbbbb; margin-right: 0px; padding-right: 20px; } @media only screen and (max-width: 1024px) { .sidebar-wrap { border: none; margin: 0; padding-right: 0; } } .sidebar-wrap h4, .sidebar-wrap h4.toggle { margin: 0; padding: 0; } @media only screen and (max-width: 1024px) { .sidebar-wrap h4.toggle { margin: 10px 0; } } .sidebar a, .sidebar a:visited { color: #363636; } .sidebar a:hover, .sidebar a:active { color: #03a196; } .sidebar .meta { margin-left: 2px; } .sidebar .spr-badge { color: #333333; } .toggle-all--true h4.toggle { cursor: pointer; pointer-events: all; } .toggle-all--true .toggle span { display: block; } .toggle-all--true .toggle_list { display: none; } .content_block.toggle_list a { display: inline; position: static; padding-left: 0; margin-left: 0; border-left: none; color: #000000; } .content_block.toggle_list a:hover { border-left: none; color: #bbbbbb; } .toggle_list { margin: 0; padding: 10px 0 15px 0; } .toggle_list a { display: inline-block; position: relative; margin-left: 0; max-width: 80%; border-left: solid 2px transparent; transition: border 200ms ease-out; } .toggle_list a.active, .toggle_list a.active--default { padding-left: 8px; border-left: solid 2px; } ul.toggle_list li ul { display: none; } ul.toggle_list li ul.active { display: block; } .sidebar .toggle_list a.active { border-left: solid 9px #03a196; } .toggle_list li { list-style: none; line-height: 1.4em; padding: 8px 0 8px 0; } .toggle_list .meta span { line-height: 2.5; } .sidebar_text { margin-bottom: 12px; padding-top: 10px; } .sidebar_content { border-left: solid 1px #bbbbbb; padding-left: 20px; } .sidebar_content .toggle_list li { line-height: 1.2; } .sidebar .newsletter { margin-bottom: 20px; } .sidebar .newsletter form { width: 100%; } .sidebar li ul { margin: 8px 0 0 15px; } .sidebar .toggle_list li ul { padding-left: 0; } .sidebar ul li { margin-bottom: 0; } .sidebar input.sign_up[type="submit"], .sidebar input.contact_email[type="email"] { width: 100% !important; margin-left: 0; } .blog_search { position: relative; } .sidebar-block { margin-bottom: 15px; border-bottom: 1px solid #bbbbbb; } .sidebar-block:last-child { border-bottom: none; } .sidebar-block:empty { border-bottom: none; } .sidebar-block:blank { border-bottom: none; } .sidebar-block:first-child h4.toggle { padding-top: 0; } .sidebar-block h4.toggle { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; margin-bottom: 0; padding: 15px 0; line-height: 1.5; } .sidebar .filter-active-tag { position: relative; } .color-filter--true label { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } .sidebar__collection-filter a, .sidebar__collection-filter label { cursor: pointer; } .sidebar__collection-filter label { text-transform: none; font-weight: normal; font-size: inherit; } .sidebar__collection-filter label:hover { color: #bbbbbb; } .sidebar__collection-filter input[type="checkbox"] { display: none; } .sidebar__collection-filter input.styled-checkbox[type="checkbox"] { -webkit-appearance: none; -moz-appearance: none; box-sizing: border-box; width: 20px; height: 20px; display: inline-block; cursor: pointer; position: relative; vertical-align: top; background-size: cover; margin-right: 15px; } .sidebar__collection-filter button.clear-active-filter, .sidebar__collection-filter button.clear-active-filter:active { color: #000000; background-color: transparent; border: none; outline: 0; box-shadow: 0; font-family: inherit; letter-spacing: 0; text-transform: none; position: absolute; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 0; right: 0; left: auto; padding: 2px 4px; line-height: 1.2; display: block; height: auto; min-height: auto; } .sidebar__collection-filter button.clear-active-filter:hover { color: #bbbbbb; } .sidebar__collection-filter .x-icon { position: relative; display: inline-block; overflow: visible; width: 15px; height: 15px; margin: 0 2px 0 0; padding: 0; cursor: pointer; transition: color 0.2s; text-decoration: none; font-style: normal; color: #95979c; border: 0; outline: 0; background: transparent; vertical-align: middle; top: -1px; } .sidebar__collection-filter .x-icon:before { font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important; font-size: 25px; line-height: 15px; position: absolute; top: 0; left: 0; display: block; width: 15px; content: "\00d7"; text-align: center; } ::-webkit-input-placeholder { color: #888; } :-moz-placeholder { /* Firefox 18- */ color: #888; } ::-moz-placeholder { /* Firefox 19+ */ color: #888; } :-ms-input-placeholder { color: #888; } /* Sub Collections */ .featured_collections.sub-collection { margin-bottom: 10px; } .featured_collections.sub-collection .thumbnail { margin-bottom: 10px; } @media only screen and (max-width: 1024px) { .featured_collections.sub-collection .thumbnail { width: 100%; } } .sub-collection--2 .thumbnail { width: calc(50% - 20px); } .sub-collection--2 .thumbnail:nth-child(2n+1) { clear: both; } .sub-collection--3 .thumbnail { width: calc(33.33333% - 20px); } .sub-collection--3 .thumbnail:nth-child(3n+1) { clear: both; } .sub-collection--4 .thumbnail { width: calc(25% - 20px); } .sub-collection--4 .thumbnail:nth-child(4n+1) { clear: both; } .list-collection-wrapper img[src*='/no-image'] { opacity: 0; } .list-collection-wrapper img[src*='/no-image'] ~ .thumbnail-overlay { opacity: 1 !important; } .list-collection-wrapper img[src*='/no-image'] ~ .thumbnail-overlay .collection-details { opacity: 1; transform: none; } @media only screen and (max-width: 1024px) { .list-collection-wrapper img[src*='/no-image'] ~ .collection-info__caption { display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } } .list-collection-wrapper .img { width: 100%; } .list-collection-wrapper .collection-info__caption { display: block; margin-top: 20px; } @media only screen and (max-width: 1024px) { .list-collection-wrapper .collection-info__caption { display: block; position: static; } } .blog-header { margin-bottom: 5px; } .blog-header .blog-title.blog-tags--true { float: none; } .blog-header .blog-title { float: left; } @media only screen and (max-width: 1024px) { .blog-header .blog-title { width: 100%; margin-bottom: 0; } } .blog-header .subtitle { clear: both; } .blog-header .feature_divider { clear: both; width: 100%; } /* Blog Article Styling */ .article .icon-slash { padding-right: 5px; } /* Styles for blog, collections */ .section_select { padding: 0; text-align: right; float: right; } .section_select .blog_filter, .section_select .tag_filter, .section_select .sort_by { color: #333333; display: inline-block; border: none; padding-right: 30px; background-position: 100% 50%; background-color: #ffffff; font-family: "DIN Next", sans-serif; font-weight: 400; font-style: normal; font-size: 12px; text-transform: uppercase; width: auto; margin-bottom: 0; max-width: 80%; } @media only screen and (max-width: 1024px) { .section_select .blog_filter, .section_select .tag_filter, .section_select .sort_by { float: none; width: 100%; max-width: 100%; font-size: 16px; padding-left: 0; } } div.breadcrumb-collection { margin-bottom: 20px; } div.breadcrumb-collection + div.section { margin-top: 0; } @media only screen and (max-width: 1024px) { div.breadcrumb-collection { margin-top: 15px; text-align: center; } } .breadcrumb_text, .article-pagination { margin-top: 0px; text-transform: uppercase; font-size: 12px; margin-bottom: 0; } @media only screen and (max-width: 1024px) { .breadcrumb_text, .article-pagination { margin-top: 0; } } .breadcrumb_text .breadcrumb-divider, .article-pagination .breadcrumb-divider { color: #000000; margin: 0 5px; } .breadcrumb_link:hover span { color: #bbbbbb; } .breadcrumb { font-size: 15px; } @media only screen and (max-width: 1024px) { .breadcrumb { margin-bottom: 20px; } } /* #Images ================================================== */ /* The purpose of the below declaration is to make sure images don't exceed the width of columns they are put into when resizing window. Unfortunately, this declaration breaks certain lightbox, slider or other plugins, so the best solution is to individually call these properties on images that are children of the grid that you want to resize with grid. */ .product_row img, .product_image_col img, .article img, .section img, .thumbnail img, .page img, .sidebar img, .logo img, .cart_image img, .footer img, #target img, .column img, .columns img { max-width: 100%; height: auto; } .image-crop--left img, .image-crop--left .image-element__wrap { -o-object-fit: cover; object-fit: cover; -o-object-position: left; object-position: left; font-family: "object-fit: cover; object-position: left"; height: 100% !important; } .image-crop--right img, .image-crop--right .image-element__wrap { -o-object-fit: cover; object-fit: cover; -o-object-position: right; object-position: right; font-family: "object-fit: cover; object-position: right"; height: 100% !important; } .image-crop--center img, .image-crop--center .image-element__wrap { -o-object-fit: cover; object-fit: cover; font-family: "object-fit: cover"; height: 100% !important; } /* #Placeholders ================================================== */ .featured-products-section .section { margin: 30px 0px; } .placeholder-svg { fill: rgba(51, 51, 51, 0.9); background-color: rgba(51, 51, 51, 0.5); width: 100%; height: 100%; max-width: 100%; max-height: 100%; box-sizing: border-box; display: block; } .placeholder-svg--banner, .placeholder-svg--slideshow, .placeholder-svg--video { max-height: 600px; } .placeholder-instagram .instas:nth-child(even) .placeholder-svg--instagram, .featured-promotions-section .feature-section:nth-child(even) .placeholder-svg--promotions { background-color: rgba(51, 51, 51, 0.6); } .image-with-text-section .featured-link--image:nth-child(odd) .placeholder-svg--promotions { background-color: rgba(51, 51, 51, 0.6); fill: rgba(51, 51, 51, 0.9); } .homepage-slideshow .flickity-slider .gallery-cell:nth-child(2n + 1) .placeholder-svg--slideshow { background-color: rgba(51, 51, 51, 0.6); } .homepage-slideshow .flickity-slider .gallery-cell:nth-child(2n) .placeholder-svg--slideshow { background-color: rgba(51, 51, 51, 0.8); } /* #Videos ================================================== */ .product_gallery .video-container > div { position: relative; } .product_gallery .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .product_gallery .vimeo { max-width: 830px; margin: 0 auto; } .product_gallery .vimeo > div { padding-top: 56.26506%; } .product_gallery .youtube { max-width: 853px; margin: 0 auto; } .product_gallery .youtube > div { padding-top: 56.271981%; } video { display: block; width: 100%; height: auto; } .video-section, .block__featured_video { position: relative; } .video-section .mediaWrapper { height: 100% !important; } /* #Buttons ================================================== */ a.button, .button, button, input[type="submit"], input[type="reset"], input[type="button"], .action_button, a.action_button, input.action_button[type="submit"], input.action_button[type="button"], input.action_button[type="button"], button.shopify-payment-button__button.shopify-payment-button__button--unbranded { background: #f84600; color: #ffffff; border: 1px solid #f84600; padding: 0 20px; text-align: center; cursor: pointer; min-height: 44px; height: 40px; line-height: 1.2; vertical-align: top; font-family: "DIN Next", sans-serif; font-weight: normal; font-style: normal; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; transition: all 0.2s linear; -webkit-appearance: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; border-radius: 3px; } .ie a.button, .ie .button, .ie button, .ie input[type="submit"], .ie input[type="reset"], .ie input[type="button"], .ie .action_button, .ie a.action_button, .ie input.action_button[type="submit"], .ie input.action_button[type="button"] { line-height: 40px; } a.button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .action_button:hover, input.action_button[type="submit"]:hover, input.action_button[type="button"]:hover, input.action_button[type="button"]:hover, button.shopify-payment-button__button.shopify-payment-button__button--unbranded:hover { background-color: #f84600; border: 1px solid #f84600; } a.button:active, button:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active, .action_button:active, input.action_button[type="submit"]:active, input.action_button[type="button"]:active, input.action_button[type="button"]:active, button.shopify-payment-button__button.shopify-payment-button__button--unbranded:active { box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); outline: 0; } .add_to_cart, .product_form input.add_to_cart { width: 100%; margin-bottom: 0px; } input[type="submit"], input[type="reset"], input[type="button"], input.action_button[type="submit"], input.action_button[type="button"], button.action_button { display: inline-block; } /* Animation for checkmark on add to cart button */ button.add_to_cart { position: relative; } button.add_to_cart .text { display: block; width: 100%; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; } button.add_to_cart .fadeInDown.text { -webkit-animation-duration: 0.8s; animation-duration: 0.8s; } button .checkmark { position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; } button .checkmark path { stroke-dasharray: 19.79 19.79; stroke-dashoffset: 19.79; stroke: #ffffff; opacity: 0; } button .checkmark.checkmark-active path { -webkit-animation: drawCheckmark 0.5s linear alternate forwards; animation: drawCheckmark 0.5s linear alternate forwards; } @keyframes drawCheckmark { from { stroke-dashoffset: 19.79; opacity: 1; } to { stroke-dashoffset: 0; opacity: 1; } } @-webkit-keyframes drawCheckmark { from { stroke-dashoffset: 19.79; opacity: 1; } to { stroke-dashoffset: 0; opacity: 1; } } .ie button .checkmark path { stroke-dashoffset: 0; opacity: 0; } .ie button .checkmark.checkmark-active path { -webkit-animation: fadeCheckmark 0.5s linear alternate forwards; animation: fadeCheckmark 0.5s linear alternate forwards; } @-webkit-keyframes fadeCheckmark { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeCheckmark { from { opacity: 0; } to { opacity: 1; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { button .checkmark path { stroke-dashoffset: 0; opacity: 0; } button .checkmark.checkmark-active path { animation: fadeCheckmark 0.5s linear alternate forwards; } @keyframes fadeCheckmark { from { opacity: 0; } to { opacity: 1; } } } label.tos_label { display: inline; font-weight: normal; text-transform: none; cursor: pointer; padding-left: 5px; } .tos { text-align: center; margin: 15px 20px 15px 0; } .cart_text { text-align: center; } .disabled { pointer-events: none; } .add_to_cart span.icon-lock { margin-right: 10px; font-size: larger; } .add_to_cart span.icon-lock:before { margin: 0; } .add_to_cart.action_button { min-height: 44px; margin-bottom: 0; height: 100%; } .shopify-payment-button { position: relative; height: 44px; } .shopify-payment-button div { height: 100%; } .shopify-payment-button button { line-height: 1.2; padding-top: 11px; padding-bottom: 11px; margin-bottom: 0; } button.shopify-payment-button__button.shopify-payment-button__button--unbranded { height: 100%; } div.shopify-payment-button__button { border-radius: 3px; } .shopify-payment-button__button--branded, .shopify-payment-button__button--unbranded { overflow: hidden; min-height: 44px; } button.shopify-payment-button__more-options { color: #333333; box-shadow: none; text-transform: none; font-size: 0.8rem; letter-spacing: 0; padding: 16px 0 28px; max-width: 80%; margin: 0 auto; position: absolute; top: 100%; left: 50%; font-weight: normal; font-family: Memphis, serif; font-style: normal; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } button.shopify-payment-button__more-options:hover { background-color: transparent; border: none; } .purchase-details { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .product_section .smart-payment-button--true.product_form { max-width: 100%; } .smart-payment-button--true .purchase-details { padding-bottom: 50px; } @media only screen and (max-width: 1024px) { .smart-payment-button--true .purchase-details { padding-bottom: 10px; } } .smart-payment-button--true button .checkmark path { stroke: #f84600; } .smart-payment-button--false .purchase-details { -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; align-items: flex-end; } .product-quantity-box.purchase-details__quantity { margin-right: 5px; width: calc(50% - 12px); } @media only screen and (max-width: 850px) { .product-quantity-box.purchase-details__quantity { width: 100%; } } .product-quantity-box.purchase-details__quantity input.quantity { padding-top: 11px; padding-bottom: 11px; line-height: 1.4; min-height: 44px; margin-bottom: 0; width: calc(100% - 88px); } @media only screen and (max-width: 1024px) { .smart-payment-button--true .product-quantity-box.purchase-details__quantity { width: 100%; margin-right: 0; } .smart-payment-button--true .product-quantity-box.purchase-details__quantity .input.quantity { width: calc(100% - 88px); } } .purchase-details__buttons { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-flex: 1 0 calc(50% - 12px); -moz-box-flex: 1 0 calc(50% - 12px); -webkit-flex: 1 0 calc(50% - 12px); -ms-flex: 1 0 calc(50% - 12px); flex: 1 0 calc(50% - 12px); -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: 6px; } @media only screen and (max-width: 1024px) { .purchase-details__buttons { margin-top: 20px; margin-left: 12px; -webkit-box-flex: 1 0 calc(50% - 12px); -moz-box-flex: 1 0 calc(50% - 12px); -webkit-flex: 1 0 calc(50% - 12px); -ms-flex: 1 0 calc(50% - 12px); flex: 1 0 calc(50% - 12px); } } @media only screen and (max-width: 850px) { .purchase-details__buttons { margin-top: 12px; margin-left: 0; -webkit-box-flex: 1 0 100%; -moz-box-flex: 1 0 100%; -webkit-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; } } .purchase-details__buttons .shopify-payment-button { -webkit-box-flex: 1 0 100%; -moz-box-flex: 1 0 100%; -webkit-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; margin-bottom: 0; max-width: 100%; } @media only screen and (min-width: 1401px) { .purchase-details__buttons .shopify-payment-button { -webkit-box-flex: 1 0 calc(50% - 4px); -moz-box-flex: 1 0 calc(50% - 4px); -webkit-flex: 1 0 calc(50% - 4px); -ms-flex: 1 0 calc(50% - 4px); flex: 1 0 calc(50% - 4px); max-width: calc(50% - 4px); } } .purchase-details__buttons .action_button.action_button--secondary { background-color: transparent; border: 1px solid #f84600; color: #f84600; box-shadow: none; line-height: 1.2; padding: 10px 0; min-height: 44px; height: 100%; -webkit-box-flex: 1 0 100%; -moz-box-flex: 1 0 100%; -webkit-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; margin: 0; max-width: 100%; } @media only screen and (min-width: 1401px) { .purchase-details__buttons .action_button.action_button--secondary { -webkit-box-flex: 1 0 calc(50% - 4px); -moz-box-flex: 1 0 calc(50% - 4px); -webkit-flex: 1 0 calc(50% - 4px); -ms-flex: 1 0 calc(50% - 4px); flex: 1 0 calc(50% - 4px); max-width: calc(50% - 4px); margin-right: 8px; } } @media only screen and (max-width: 1024px) { .purchase-details__buttons .action_button.action_button--secondary { margin-bottom: 12px; } } .purchase-details__buttons .action_button.action_button--secondary:hover, .purchase-details__buttons .action_button.action_button--secondary:focus { background-color: #f84600; color: #ffffff; } .purchase-details__buttons.purchase-details__spb--true { -webkit-box-flex: 1 0 100%; -moz-box-flex: 1 0 100%; -webkit-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; margin-top: 12px; margin-left: 0; } @media only screen and (max-width: 1024px) { .purchase-details__buttons.purchase-details__spb--true { margin-left: 0; margin-bottom: 0; } } .purchase-details__buttons.purchase-details__spb--true .action_button.action_button--secondary { -webkit-box-flex: 1 0 50%; -moz-box-flex: 1 0 50%; -webkit-flex: 1 0 50%; -ms-flex: 1 0 50%; flex: 1 0 50%; margin-right: 6px; max-width: calc(50% - 6px); } @media only screen and (max-width: 1024px) { .purchase-details__buttons.purchase-details__spb--true .action_button.action_button--secondary { -webkit-box-flex: 1 0 100%; -moz-box-flex: 1 0 100%; -webkit-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; margin-right: 0px; margin-top: 0; margin-bottom: 12px; max-width: 100%; } } .purchase-details__buttons.purchase-details__spb--true .shopify-payment-button { margin-left: 6px; max-width: calc(50% - 6px); height: inherit; } @media only screen and (max-width: 1024px) { .purchase-details__buttons.purchase-details__spb--true .shopify-payment-button { margin-left: 0; margin-top: 0; margin-bottom: 10px; max-width: 100%; } } @media only screen and (max-width: 1024px) { .sidebar--true .purchase-details { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; align-items: flex-start; } .sidebar--true .purchase-details .purchase-details__quantity, .sidebar--true .purchase-details .purchase-details__buttons { margin: 0 0 12px; width: 100%; } .sidebar--true .purchase-details .action_button.action_button--secondary, .sidebar--true .purchase-details .shopify-payment-button { -webkit-box-flex: 1 0 100%; -moz-box-flex: 1 0 100%; -webkit-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; margin: 0 0 12px; max-width: 100%; } } .additional-checkout-button + .additional-checkout-button { margin-left: 0 !important; max-width: 100% !important; } .additional-checkout-button, .additional-checkout-button.additional-checkout-button--paypal, .additional-checkout-button.additional-checkout-button--google-pay { min-width: 100% !important; /* Overwrite inline style */ } /* #Tabs ================================================== */ ul.tabs { display: block; margin: 25px 0; border-bottom: solid 1px #bbbbbb; border-top: 0; list-style: none outside; margin-left: 0; text-transform: uppercase; padding-left: 0; } ul.tabs li { display: block; width: auto; height: 30px; padding: 0; float: left; margin-bottom: 0; border: 0; list-style: none outside; margin-left: 0; cursor: pointer; } ul.tabs li a { display: block; text-decoration: none; width: auto; height: 29px; line-height: 30px; margin-right: 60px; font-size: 13px; outline: none; } @media (max-width: 960px) { ul.tabs li a { margin-right: 30px; } } @media only screen and (max-width: 1024px) { ul.tabs li a { font-size: 12px; } } @media only screen and (max-width: 850px) { ul.tabs li a { margin-right: 20px; } } ul.tabs li a.active { border-bottom: solid 3px #bbbbbb; background-color: #ffffff; border-bottom: solid 3px #aaaaaa; height: 31px; position: relative; border-right-width: 1px; color: #333333; } ul.tabs li:last-child a { margin: 0; } ul.tabs-content { margin: 0; display: block; border: 0; padding-left: 0; } ul.tabs-content > li { display: none; border: 0; } ul.tabs-content > li.active { display: block; border: 0; padding-left: 0px; } ul.tabs-content ul { padding-left: 0; } /* #Accordions ================================================== */ button { border: none; appearance: none; } .faqAccordion > dt > button { background: transparent; position: relative; padding: 20px 20px 20px 40px; color: #333333; border-bottom: 1px solid #bbbbbb; 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: Memphis, serif; font-style: normal; box-shadow: none; border-radius: 0px; font-size: 18px; } .faqAccordion > dt > button:hover, .faqAccordion > dt > button:focus { background: #f7f7f7; border: none; border-bottom: 1px solid #bbbbbb; color: #bbbbbb; } .faqAccordion > dt > button::after { position: absolute; top: 50%; -webkit-transform: translateY(-50.1%); -ms-transform: translateY(-50.1%); transform: translateY(-50.1%); left: 15px; font-size: 25px; content: "\002b"; color: inherit; } .faqAccordion > dt > button[aria-expanded="true"]::after { content: "\002d"; font-size: 30px; } .faqAccordion > dt:first-child > button { border-top: none; } .faqAccordion > dd { color: #333333; padding: 20px 0px 20px 0px; } .faqAccordion > dd[aria-hidden="true"] { display: none; } @media only screen and (max-width: 1024px) { .faqAccordion > dd { margin-left: 15px; } } .accordion-tabs > a { display: block; background-color: #D1D3D4; margin: 10px 0; padding: 10px; letter-spacing: 1px; text-transform: uppercase; color: #000000; } .accordion-tabs > a :hover { cursor: pointer; } .accordion-tabs > li[id*=tab] { display: none; list-style: none; } /* Clearfixing tabs for beautiful stacking */ ul.tabs:before, ul.tabs:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } ul.tabs:after { clear: both; } ul.tabs { zoom: 1; } /* #Forms ================================================== */ form { margin-bottom: 20px; } fieldset { margin-bottom: 20px; } input[type="text"], input[type="password"], input[type="email"], input[type="search"], input[type="url"], input[type="tel"], input[type="number"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="range"], input[type="color"], select, textarea { display: block; width: 100%; height: 44px; min-height: 44px; padding: 0 10px; margin: 0; line-height: 22px; border: 1px solid #bbbbbb; outline: none; background: #fff; color: #5f6a7d; font: 13px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif; margin-bottom: 15px; -webkit-appearance: none; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; border-radius: 3px; } @media only screen and (max-width: 850px) { input[type="text"], input[type="password"], input[type="email"], input[type="search"], input[type="url"], input[type="tel"], input[type="number"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="range"], input[type="color"], select, textarea { font-size: 16px; } } input[type="text"]:active, input[type="text"]:focus, input[type="password"]:active, input[type="password"]:focus, input[type="email"]:active, input[type="email"]:focus, input[type="search"]:active, input[type="search"]:focus, input[type="url"]:active, input[type="url"]:focus, input[type="tel"]:active, input[type="tel"]:focus, input[type="number"]:active, input[type="number"]:focus, input[type="date"]:active, input[type="date"]:focus, input[type="month"]:active, input[type="month"]:focus, input[type="week"]:active, input[type="week"]:focus, input[type="time"]:active, input[type="time"]:focus, input[type="range"]:active, input[type="range"]:focus, input[type="color"]:active, input[type="color"]:focus, select:active, select:focus, textarea:active, textarea:focus { border: 1px solid #aaa; color: #444; } input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type=text]::-ms-clear { display: none; width: 0; height: 0; } input[type=text]::-ms-reveal { display: none; width: 0; height: 0; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none; } input[type=number] { -moz-appearance: textfield !important; } select::-ms-expand { display: none; } select { background: white url(//cdn.shopify.com/s/files/1/1956/1231/t/53/assets/select.png?v=107782185004948933731663018311) no-repeat 96% 50%; background-size: 18px 12px; padding: 8px 14px 8px; border-radius: 3px; border: 1px solid #d9dbdc; -webkit-appearance: none; -ms-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; } label, legend, .option_title { display: block; font-weight: bold; font-size: 13px; text-align: left; margin-bottom: 5px; text-transform: uppercase; } input[type="checkbox"] { display: inline; } label span, legend span { font-weight: bold; font-size: 13px; color: #444; } textarea { min-height: 80px; padding: 15px 9px; } .acceptsMarketing { margin-bottom: 20px; } .acceptsMarketing label { display: inline; margin-left: 5px; } input.sign_up[type="submit"] { margin-left: 5px; display: inline-block; } input.contact_email[type="email"] { width: 320px; display: inline-block; float: left; } .btn.action_button, input.btn.action_button[type="submit"], input.btn.action_button[type="button"] { width: inherit; } #target { padding: 20px; text-align: center; } .items_left { color: #8c8b8b; } .quantity_label { display: inline; font-size: smaller; } .remove_item a { font-size: smaller; color: #333333; } input.quantity { width: 48px; display: inline; margin-bottom: 0; padding: 8px 5px; } ul.cart_items { padding-bottom: 0; } .cart_content li.cart_item a, .cart_content li.cart_item a:active, .cart_content li.cart_item a:focus { font-size: small; } .cart_content li.cart_item { padding: 0 0 10px 0; margin-bottom: 10px; border-bottom: 1px solid #bbbbbb; } li.cart_item a, li.cart_item a:active, #header li.cart_item a, #header li.cart_item a:active { position: relative; font-size: inherit; text-align: left; } ul.cart_items li:last-child { border: 0; padding-bottom: 0; margin-bottom: 0; } .cart_image { padding-right: 20px; max-width: 100px; text-align: center; float: left; width: 100%; } a.continue { text-align: right; font-size: 32px; margin-right: 15px !important; padding: 10px 0 5px 0 !important; opacity: 0.8; } a.continue:hover { opacity: 1; } .empty_cart { text-align: center; font-size: 18px; padding: 40px 0 25px 0; color: inherit; } #shipping-calculator.columns { float: none; } .cart__blocks { margin-top: 30px; } input[type="button"].get-rates.action_button { margin-top: 0; } #get-rates-submit { margin-top: -1px; } #customer_login { margin-bottom: 2px; } .multi_select { display: none; } /* Product Page Elements */ .container .align_right--images > div.columns { float: right; } .vendor { margin-bottom: 6px; } .section.product_section { margin-top: 0; } .product_section .description { margin-bottom: 15px; overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-word; word-break: break-word; } .modal_price { padding-bottom: 8px; display: block; } .product_section .description.bottom { border-bottom: none; } .sale_banner_product, .new_banner_product, .preorder_banner_product { font-family: "DIN Next", sans-serif; font-weight: 400; font-size: 12px; font-style: normal; text-transform: uppercase; letter-spacing: 1px; padding: 8px 20px; text-align: center; color: #fff; margin-bottom: 13px; display: inline-block; font-size: 15px; white-space: nowrap; } .sale_banner_product { background: #f84600; } .new_banner_product, .preorder_banner_product { background: #f52e2e; } .preorder_banner_product, .product-list .thumbnail .preorder_banner { font-size: 12px; } @media only screen and (max-width: 1024px) { .preorder_banner_product, .product-list .thumbnail .preorder_banner { font-size: 8px; } } .product_links { margin-bottom: 8px; font-size: 0.9em; border-top: 1px solid #bbbbbb; padding: 10px 0 5px 0; } .product_links p { margin: 2px 0; } .social_buttons { border-top: 1px solid #bbbbbb; padding-top: 20px; font-size: 1em; margin-bottom: 25px; } @media only screen and (max-width: 1024px) { .social_buttons { text-align: center; } } .share_article .social_buttons { border-top: none; padding-top: 0; } @media only screen and (max-width: 1024px) { .share_article .social_buttons { padding-top: 15px; } } .share-btn { display: inline-block; text-align: center; font-size: 1.2em; margin-right: 6px; margin-bottom: 10px; } .share-btn a { color: #fff; padding: 10px 10px 8px 10px; border: solid 1px #e2e2e2; display: inline-block; transition: all 500ms ease 0s; border-radius: 100px; width: 44px; height: 44px; } .icon-twitter-share:before { color: #09AEEC; } .icon-twitter-share:hover { background-color: #09AEEC; border-color: #09AEEC; color: #fff; } .icon-twitter-share:hover:before { color: #fff; } .icon-facebook-share:before { color: #49659D; } .icon-facebook-share:hover { background-color: #49659D; border-color: #49659D; color: #fff; } .icon-facebook-share:hover:before { color: #fff; } .icon-tiktok-share:before { color: #49659D; } .icon-tiktok-share:hover { background-color: #49659D; border-color: #49659D; color: #fff; } .icon-tiktok-share:hover:before { color: #fff; } .icon-pinterest-share:before { color: #CB1F2A; } .icon-pinterest-share:hover { background-color: #CB1F2A; border-color: #CB1F2A; color: #fff; } .icon-pinterest-share:hover:before { color: #fff; } .icon-mail-share:before { color: #888; } .icon-mail-share:hover { background-color: #888; border-color: #888; color: #fff; } .icon-mail-share:hover:before { color: #fff; } /* Quantity Box for Product Page */ .product-quantity-box .quantity, .product-quantity-box .quantity:focus, .product-quantity-box .product-plus, .product-quantity-box .product-minus { border: #e2e2e2 1px solid; color: #000; } .product-quantity-box label { margin-bottom: 0.5em; } .product-quantity-box { margin-right: 0; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .product-quantity-box label { text-align: left; } .product-quantity-box .quantity { text-align: center; padding: 6px 15px; width: 38%; height: 44px; border-radius: 0; -webkit-appearance: none; float: left; } @media only screen and (max-width: 1024px) { .product-quantity-box .quantity { width: calc(100% - 88px); } } .product-quantity-box .product-plus, .product-quantity-box .product-minus { background: #f2f2f2; font-weight: 300; position: relative; cursor: pointer; height: 44px; display: block; width: 44px; text-align: center; float: left; } .product-quantity-box .product-plus:hover, .product-quantity-box .product-minus:hover { background: #d9d9d9; } @media only screen and (max-width: 1024px) { .product-quantity-box .product-plus, .product-quantity-box .product-minus { display: inline; display: initial; margin: 0; } } .product-quantity-box .product-plus { border-left: 0; font-size: 16px; line-height: 44px; } .product-quantity-box .product-minus { border-right: 0; line-height: 44px; font-size: 18px; } .product-quantity-box + .inline_purchase { margin-top: 31.5px; width: 55%; float: left; } .product_section .product_form, .product_section .contact-form { max-width: 400px; } @media only screen and (max-width: 1024px) { .product_section .product_form, .product_section .contact-form { max-width: 100%; } } /* Full width product image template */ .product-full_width_images .product_section .description img { display: none; } .full-width-product-images img { display: block; width: 100%; } @media only screen and (max-width: 850px) { .full-width-product-images .caption.align-center, .full-width-product-images .caption.align-right, .full-width-product-images .caption.align-left { text-align: center; } } /* #Blog ================================================== */ .sidebar .sidebar_content .input-row { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-left: 0px; margin-right: 0px; } .sidebar .sidebar_content .input-row input { margin: 5px 0; } /* #Newsletter ================================================== */ .newsletter { margin: 0px auto; max-width: 640px; } .input-row { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -5px; margin-right: -5px; width: 100%; } @media only screen and (max-width: 1024px) { .input-row { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-left: 0px; margin-right: 0px; } } .input-row input { -webkit-flex-basis: 0; -moz-flex-basis: 0; -ms-flex-basis: 0; flex-basis: 0; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; -webkit-flex-shrink: 1; -moz-flex-shrink: 1; -ms-flex-shrink: 1; flex-shrink: 1; max-height: 40px; } @media only screen and (max-width: 1024px) { .input-row input { margin: 5px 0; } } .input-row input.sign_up { display: inline-block; -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; max-height: 40px; } @media only screen and (max-width: 1024px) { .input-row input.sign_up { width: 100%; } } .newsletter-both-names--true input.firstName { margin-right: 5px; } /*--- Newsletter popup ---*/ .js-newsletter-popup { display: none; } .newsletter__lightbox .fancybox-content { width: 100%; max-width: 740px; padding: 0; } @media only screen and (max-width: 850px) { .newsletter__lightbox .fancybox-close-small { display: block; } } @media only screen and (max-width: 1024px) { .newsletter__lightbox .fancybox-close-small svg path { fill: white; } } .newsletter__lightbox .fancybox-toolbar { display: none; } .newsletter-popup { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; background-color: #292929; padding: 0; width: 100%; } @media only screen and (max-width: 1024px) { .newsletter-popup { line-height: 0; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } @media only screen and (min-width: 1025px) and (max-width: 1024px) { .popup-signup-show--true input.sign_up { margin-left: 0px; } } .popup-signup-show--false { display: none; } .newsletter-both-names--false .newsletter input[type="text"] { width: 100%; } .newsletter-img { width: 40%; } @media only screen and (max-width: 1024px) { .newsletter-img { width: 100%; } } .newsletter-img img { width: 100%; display: block; } .newsletter-info { text-align: center; color: #363636; background-color: #292929; height: auto; float: left; } @media only screen and (max-width: 1024px) { .newsletter-info { padding: 20px; width: 100% !important; position: relative; } } .newsletter-info input.contact_email[type="email"] { width: 65%; float: left; } @media only screen and (max-width: 1024px) { .newsletter-info input.contact_email[type="email"] { width: 100%; } } .newsletter-info #contact_form input.sign_up[type="submit"] { width: calc(35% - 10px); } @media only screen and (max-width: 1024px) { .newsletter-info #contact_form input.sign_up[type="submit"] { width: 100%; } } .newsletter-info .input-row { margin-right: 0; margin-left: 0; } .newsletter-info .popup-signup-show--true { margin-top: 20px; } .newsletter-image--true .newsletter-popup__content { width: 60%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } @media only screen and (max-width: 1024px) { .newsletter-image--true .newsletter-popup__content { width: 100%; display: block; } } @media only screen and (min-width: 1025px) { .newsletter-image--true { max-height: 875px; } } @media only screen and (min-width: 1025px) { .newsletter-image--true.object-fit--none { height: auto; } } .newsletter-image--false { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } .newsletter-image--false .newsletter-info { width: 100%; position: relative; height: auto; float: none; } .align-left .newsletter-info { right: 0; } .newsletter-description h2 { color: #363636; margin-top: 0; } .newsletter-description { padding: 40px; margin: 0 auto; } @media only screen and (max-width: 1024px) { .newsletter-description { font-size: inherit; width: auto; } } @media only screen and (max-width: 850px) { .newsletter-description { padding: 20px; } } @media only screen and (min-width: 1025px) { .newsletter-description { min-width: 350px; } } @media only screen and (min-width: 1401px) { .newsletter-description { font-size: inherit; } } .newsletter-buttons .button { height: auto; background-color: transparent; color: #363636; border: 1px solid #363636; transition: background-color 0.2s cubic-bezier(0.55, 0.09, 0.68, 0.53), color 0.3s linear, border 0.2s cubic-bezier(0.55, 0.09, 0.68, 0.53); line-height: 1.5; padding-top: 10px; padding-bottom: 10px; margin-top: 10px; margin-bottom: 0; margin-left: 8px; margin-right: 8px; } .newsletter-buttons .button:hover, .newsletter-buttons .button.highlight-true { background-color: #363636; color: #292929; border: 1px solid #363636; } @media only screen and (max-width: 850px) { .newsletter-buttons .button { margin-top: 5px; } } /*--- Newsletter section above footer ---*/ .newsletter_section { -webkit-transform: translate3d(0, 0, 0); background-color: #f5f5f5; color: #000000; } .newsletter_section h2 { color: #000000; margin-top: 0; } .newsletter_section.newsletter-bgr-true { background-color: #f5f5f5; background-position: center center; background-repeat: no-repeat; background-size: cover; } .newsletter_section.newsletter-bgr-true input.contact_email[type="email"] { border: 0; } @media only screen and (max-width: 850px) { .newsletter_section.newsletter-bgr-true { text-align: center !important; } } .section_form { padding: 10px 20px; } .section_form input[type="email"], .section_form input[type="text"] { border: 0; } @media only screen and (max-width: 850px) { .section_form { padding: 0; } } .section_form .newsletter-text + .newsletter, .section_form h5 + .newsletter { margin-top: 15px; } .newsletter_section h5 { color: #000000 !important; padding-top: 0px; margin: 0; } .newsletter_section .newsletter-text p { margin-bottom: 0; } .newsletter_section .newsletter, .password-page-row form { display: inline-block; padding-top: 0 !important; width: 450px; } @media only screen and (min-width: 851px) and (max-width: 1024px) { .newsletter_section .newsletter, .password-page-row form { width: 100%; max-width: 100%; } } @media only screen and (max-width: 850px) { .newsletter_section .newsletter, .password-page-row form { width: 100%; } } .shopify-challenge__container { padding: 150px 0; } /*--- Newsletter in footer ---*/ .footer-section .newsletter_section { background-color: transparent; color: #bbbbbb; } .footer-section .newsletter_section h6 { color: #ffffff; font-size: 18px; } .footer-section .newsletter_section p { padding: 15px 0; } .footer-section .newsletter_section .newsletter { width: 100%; } .footer-section .newsletter_section .newsletter input { width: 100%; } .footer-section .newsletter_section .newsletter .action_button { margin-left: 0; } /* #Tables ================================================== */ table { width: 100%; } table th { font-weight: 700; background: #f9f9f9; text-align: left; } table th, table td { padding: 4px; } table tr { border-bottom: 1px solid #DCDCDC; } table tr:first-child { border-top: 1px solid #DCDCDC; } table td, table th { border-right: 1px solid #DCDCDC; } table td:first-child, table th:first-child { border-left: 1px solid #DCDCDC; } table .em { font-weight: 700; } table tr.order_summary td.label { text-align: right; } table { margin-bottom: 20px; } /* #Misc ================================================== */ .allow-clickthrough { pointer-events: none !important; } .hidden { display: none; } .remove { color: #333333; } .relative { position: relative; } .half-bottom { margin-bottom: 10px !important; } .add-bottom { margin-bottom: 20px !important; } .right { float: right; position: relative; } .left { float: left; } .inline { display: inline; } .center { text-align: center; } .relative { position: relative; } .align_right { text-align: right; } .align_left { text-align: left; } .text-align--center { text-align: center; } .text-align--left { text-align: left; } .text-align--right { text-align: right; } p.warning { text-align: center; font-weight: bold; } .warning--quantity { clear: both; display: inline-block; } @media only screen and (min-width: 1025px) { .large--right { float: right; position: relative; } } .visuallyhidden { position: absolute !important; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } .cart_item p.warning { margin-top: 5px; } .container div.mobile_only, span.mobile_only, .mobile_only { display: none; } .no_border { border: none !important; } .extra_padding { padding-top: 4px; } div.hidden { display: none; } div.is-absolute { position: absolute !important; top: 0; margin-top: 0; } .full-width-image { width: 100%; } #instantclick-bar { background: #000000; z-index: 100000; height: 4px; } #grid .column, #grid .columns { background: #ddd; height: 25px; line-height: 25px; margin-bottom: 10px; text-align: center; text-transform: uppercase; color: #555; font-size: 12px; font-weight: bold; border-radius: 2px; } #grid .column:hover, #grid .columns:hover { background: #bbb; color: #333; } #grid .example-grid { overflow: hidden; } .items_left { margin: 0 0 15px; line-height: 1.6em; font-size: normal; font-style: italic; color: #8c8b8b; } .cart .paypal-button + .paypal-button { display: none; } .shopify-reviews.reviewsVisibility--false { display: none; } /* #Testimonials ================================================== */ .testimonial-section { position: relative; } .testimonial-section .set-static { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .testimonial-section .set-static .caption { position: static; -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); padding: 40px; margin: auto; } .testimonial-section .set-testimonial-height { height: 95%; } @media only screen and (min-width: 1025px) { .testimonial-section .darken-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; background: rgba(0, 0, 0, 0.6); } } .testimonial-section .feature_divider { margin: 25px auto; width: 10%; display: inline-block; } @media only screen and (max-width: 850px) { .testimonial-section .feature_divider { margin: 5px auto; } } .testimonial-section .use-mobile-color .animated { -webkit-animation-delay: 0.25s; animation-delay: 0.25s; } .testimonial-block.gallery-cell.use-mobile-color { background-color: #ffffff; } .testimonial-block.gallery-cell.use-mobile-color .caption .caption-content p { color: #333333; } @media only screen and (max-width: 850px) { .testimonial-block.gallery-cell.use-mobile-color .caption .caption-content p { text-shadow: none; } } .caption-content.testimonial-text { width: 80%; } .caption-content.testimonial-text .subtitle { text-transform: none; color: #333333; } @media only screen and (max-width: 850px) { .caption-content.testimonial-text .subtitle { font-weight: normal; font-size: 14px; } } .caption-content.testimonial-text h2, .caption-content.testimonial-text p.headline { color: #333333; } @media only screen and (max-width: 850px) { .caption-content.testimonial-text h2, .caption-content.testimonial-text p.headline { text-shadow: none; } } @media only screen and (max-width: 850px) { .caption-content.testimonial-text-mobile h2, .caption-content.testimonial-text-mobile .subtitle, .caption-content.testimonial-text-mobile p.headline { color: #333333; } } @media only screen and (max-width: 850px) { .testimonial-block .caption { margin: auto; padding-top: 5%; padding-bottom: 5%; } } .testimonial-slideshow, .testimonial-block.gallery-cell { background-color: transparent; } /* #FAQ Template ================================================== */ .page-faq .faq--heading { padding-top: 30px; } /* #Team Template ================================================== */ .team-page__content--left { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } @media only screen and (max-width: 1024px) { .team-page__content--left { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .team-page__content--right { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } @media only screen and (max-width: 1024px) { .team-page__content--right { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .team-page__text, .team-page__image, .team-page__image img { width: 100%; } .team-page__content--multiple .team-page__text, .team-page__content--multiple .team-page__image { max-width: 50%; width: 100%; } @media only screen and (max-width: 1024px) { .team-page__content--multiple .team-page__text, .team-page__content--multiple .team-page__image { max-width: 100%; } } .team-page__content--multiple .team-page__text:first-child, .team-page__content--multiple .team-page__image:first-child { margin-right: 20px; } .team-page__text { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } .team-page__container { max-width: 70%; } .team-member__profile.columns, .team-member__profile.column { margin-bottom: 30px; } .team-member__name { padding-top: 10px; } .team-member__wrap { position: relative; } .team-member__wrap:hover .team-member__overlay { opacity: 1; } .team-member__overlay { opacity: 0; transition: opacity 0.3s linear; position: absolute; top: 0; right: 0; width: 100%; height: 100%; } .team-member__details { -ms-transform: translateY(-50.1%); -webkit-transform: translateY(-50.1%); transform: translateY(-50.1%); top: 50%; padding: 10px 0; position: absolute; width: 100%; padding: 20px; } .team-member__details img { display: block; } .team-member__details p { margin-top: 10px; line-height: 1.3; } .team-member__details .icon-twitter { display: inline-block; vertical-align: middle; } .team-member__title { padding-bottom: 0; text-align: center; margin-bottom: 0; text-transform: uppercase; line-height: 1; } .team-member__title:after { width: 30%; display: block; margin: 0 auto; content: ''; height: 3px; margin-top: 20px; } /* #Logo-list ================================================== */ .logo-bar { text-align: center; margin-bottom: 20px; } .logo-bar a { transition: ease all 0.6s; } .logo-bar a:hover { opacity: 0.6; } .logo-bar__item { display: inline-block; vertical-align: middle; max-width: 160px; width: 160px; margin-top: 20px; } @media only screen and (min-width: 1025px) { .logo-bar__item { margin-left: 25px; margin-right: 25px; } } /* #Gallery Section ================================================== */ div.container.gallery-content { margin-top: 0; padding-top: 0; } .gallery-section { text-align: center; } .gallery-section .container { padding: 0px; } .gallery-section .gallery-break { width: 100%; clear: both; } .gallery-section .display-table { display: table; table-layout: fixed; width: 100%; height: 100%; } .gallery-section .display-table-cell { display: table-cell; vertical-align: middle; float: none; } .gallery-section .gallery-image-wrapper, .gallery-section .gallery-empty-wrapper { margin: 5px; position: relative; } .gallery-section .gallery-empty-wrapper { min-height: 150px; } .gallery-section .gallery-empty-wrapper:nth-child(even) .placeholder-svg { background-color: rgba(51, 51, 51, 0.3); } .gallery-section a { display: block; } .gallery-image-wrapper .overlay { position: absolute; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.6); opacity: 0; transition: opacity 0.3s ease-in; } .gallery-image-wrapper .overlay .icon-zoom { color: white; font-size: 1.5em; top: 50%; } .gallery-image-wrapper:hover .overlay { opacity: 1; } .two-per-row .overlay .icon-zoom { font-size: 2.5em; } .three-per-row .overlay .icon-zoom { font-size: 2em; } .gallery-section.gallery-horizontal { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .gallery-section.gallery-horizontal i { display: block; } .gallery-section.gallery-horizontal img { position: absolute; top: 0; width: 100%; vertical-align: bottom; width: 100%; height: auto; display: block; } @media only screen and (min-width: 2000px) { .gallery-section.gallery-horizontal .gallery-image-wrapper:last-child { width: 15%; flex-basis: initial !important; flex-grow: initial !important; } } .gallery-section.gallery-horizontal .gallery-empty-wrapper { width: 190px; } .gallery-full { display: inline-block; width: 100%; } .gallery-full .gallery-image-wrapper, .gallery-full .gallery-empty-wrapper { margin: 0; } .gallery-full .gallery-empty-wrapper { width: 25%; } .gallery-section.gallery-classic .gallery-image-wrapper, .gallery-section.gallery-classic .gallery-empty-wrapper { display: block; float: left; margin: 0; } .gallery-section.gallery-classic .gallery-image-wrapper img, .gallery-section.gallery-classic .gallery-image-wrapper svg, .gallery-section.gallery-classic .gallery-empty-wrapper img, .gallery-section.gallery-classic .gallery-empty-wrapper svg { width: 100%; display: block; } .gallery-section.gallery-classic .add-padding { padding: 5px; } .gallery-section.gallery-classic .two-per-row { width: 50%; } @media only screen and (max-width: 1024px) { .gallery-section.gallery-classic .two-per-row { width: 100%; } } .gallery-section.gallery-classic .three-per-row { width: 33.333%; } @media only screen and (max-width: 1024px) { .gallery-section.gallery-classic .three-per-row { width: 100%; } } .gallery-section.gallery-classic .four-per-row { width: 25%; } @media only screen and (max-width: 1024px) { .gallery-section.gallery-classic .four-per-row { width: 100%; } } .gallery-section.gallery-classic .five-per-row { width: 20%; } @media only screen and (max-width: 1024px) { .gallery-section.gallery-classic .five-per-row { width: 100%; } } .gallery-section.gallery-masonry .masonry { font-size: .85em; line-height: 0px; margin: 10px 0; column-gap: 10px; -moz-column-gap: 10px; -webkit-column-gap: 10px; } .gallery-section.gallery-masonry .gallery-empty-wrapper { min-height: 100px; overflow: hidden; } .gallery-section.gallery-masonry .gallery-empty-wrapper svg { min-width: 800px; } .gallery-section.gallery-masonry .gallery-empty-wrapper svg path { display: none; } .gallery-section.gallery-masonry .adjust-columns { column-gap: 0px; -moz-column-gap: 0px; -webkit-column-gap: 0px; overflow: hidden; } .gallery-section.gallery-masonry .gallery-image-wrapper, .gallery-section.gallery-masonry .gallery-empty-wrapper { display: block; margin-bottom: 0px; width: 100%; margin: 5px 0; box-sizing: border-box; -webkit-column-break-inside: avoid; -webkit-backface-visibility: hidden; } .gallery-section.gallery-masonry .gallery-image-wrapper img, .gallery-section.gallery-masonry .gallery-image-wrapper svg, .gallery-section.gallery-masonry .gallery-empty-wrapper img, .gallery-section.gallery-masonry .gallery-empty-wrapper svg { width: 100%; display: block; } .gallery-section.gallery-masonry .two-per-row { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); } @media only screen and (max-width: 850px) { .gallery-section.gallery-masonry .two-per-row { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; } } @media only screen and (max-width: 400px) { .gallery-section.gallery-masonry .two-per-row { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; } } .gallery-section.gallery-masonry .three-per-row { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); } @media only screen and (max-width: 850px) { .gallery-section.gallery-masonry .three-per-row { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; } } @media only screen and (max-width: 400px) { .gallery-section.gallery-masonry .three-per-row { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; } } .gallery-section.gallery-masonry .four-per-row { -moz-column-count: 4; -webkit-column-count: 4; column-count: 4; -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); } @media only screen and (max-width: 850px) { .gallery-section.gallery-masonry .four-per-row { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; } } @media only screen and (max-width: 400px) { .gallery-section.gallery-masonry .four-per-row { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; } } .gallery-section.gallery-masonry .five-per-row { -moz-column-count: 5; -webkit-column-count: 5; column-count: 5; -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); } @media only screen and (max-width: 850px) { .gallery-section.gallery-masonry .five-per-row { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; } } @media only screen and (max-width: 400px) { .gallery-section.gallery-masonry .five-per-row { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; } } .gallery-section.gallery-masonry.gallery-full .gallery-image-wrapper, .gallery-section.gallery-masonry.gallery-full .gallery-empty-wrapper { margin: 0px; margin-bottom: 0px !important; } /* #Recently Viewed ================================================== */ .rv-container { display: block; } .rv-container .thumbnail:empty { margin-bottom: 0; } .sidebar .collection_swatches .swatch { float: left; } .sidebar .toggle_list .rv-container a:hover { border-color: transparent; } .sidebar .toggle_list .rv-container a.product-info__caption.hidden { display: none; } @media only screen and (max-width: 1024px) { .sidebar .toggle_list .rv-container a.product-info__caption.hidden { display: block; } } .sidebar .recently-viewed__title { display: none; } .sidebar .rv-sidebar-element .product_image, .sidebar .rv-sidebar-element .product-info__caption { max-width: 75%; } .sidebar .rv-sidebar-element .product_image a { display: block; } .sidebar .rv-sidebar-element .product_image img { height: auto; } @media only screen and (max-width: 1024px) { .sidebar .product-list .thumbnail .title, .sidebar .product-list .thumbnail .price, .sidebar .product-list .thumbnail .brand { text-align: left; display: block; } } .sidebar .product-list .thumbnail .thumbnail-overlay { position: relative; opacity: 1; background: transparent; } .sidebar .product-list .thumbnail .thumbnail-overlay .product-details { position: relative; transform: none; transition: none; opacity: 1; text-align: left; } .sidebar .product-list .thumbnail .thumbnail-overlay .product-details .title { color: #333333; padding: 0; } .sidebar .product-list .thumbnail .thumbnail-overlay .product-details .title, .sidebar .product-list .thumbnail .thumbnail-overlay .product-details .price { font-size: 0.9vw; } .sidebar .product-list .thumbnail .thumbnail-overlay .info { position: relative; font-size: 12px; opacity: 1; top: 0; transform: translateY(0); padding-bottom: 0; } .sidebar .product-list .thumbnail .thumbnail-overlay .info .quick_shop { display: none; } .product-description-bottom .js-recently-viewed.rv-main { clear: both; } .rv-box-element .js-recently-viewed-product:nth-child(2), .rv-sidebar-element .js-recently-viewed-product:nth-child(2) { display: none; } /* #Search autocomplete ================================================== */ .dropdown .header_search_form .search__results .item-result, .main_nav .search__results .item-result { left: 0; width: 100%; background: #000000; border-left: 0; border-right: 0; } .dropdown .header_search_form .search__results .item-result a .title, .main_nav .search__results .item-result a .title { color: #ffffff; transition: all 0.3s ease-in-out; } .dropdown .header_search_form .search__results .item-result a:hover, .main_nav .search__results .item-result a:hover { background: #000000; } .dropdown .header_search_form .search__results .item-result a:hover .title, .main_nav .search__results .item-result a:hover .title { color: #bbbbbb; } .dropdown .header_search_form .search__results .item-result a:hover span, .main_nav .search__results .item-result a:hover span { color: #ffffff; } .dropdown .header_search_form li.all-results a:hover, .main_nav li.all-results a:hover { color: #ffffff; } .nav .search__results { width: 350px; right: 0; left: auto; } .nav .search__results li a:active { transition: ease-in-out 0s all; } .search_container input { z-index: 29; } .search__results { z-index: 30; list-style-type: none; margin: 0; padding: 0; background: #fff; overflow: hidden; position: absolute; } .search__results li { display: block; width: 100%; margin: 0; padding: 0; border-top: 1px solid #bbbbbb; overflow: hidden; } .search__results li:first-child { border-top: none; } .search__results li a, .search__results li a:active { width: 100%; transition: ease-in-out 0.3s all; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; padding: 15px 20px; } .search__results li a:hover { background-color: rgba(0, 0, 0, 0.1); } .search__results li a:active { background-color: rgba(0, 0, 0, 0.3); } .search__results li img { display: block; } .search__results .title { text-transform: none; padding-left: 8px; text-align: left; font-size: 12px; } .search__results .thumbnail { padding: 0; text-align: center; } .search__results .thumbnail img { max-width: 70px; max-height: 70px; } .search__results .result--page .title { padding-left: 0; } .search__results .result--page span.item-pricing { text-transform: none; font-weight: lighter; font-size: 0.8rem; } .menu a span.item-pricing, span.item-pricing { padding: 0; } .menu a span.item-pricing span, span.item-pricing span { padding: 0; } .all-results { width: 100%; margin: 0; } .all-results span { display: block; width: 100%; text-align: center; } .all-results span.item-pricing { color: #000000; } .all-results a { color: #ffffff; background-color: #f84600; } .all-results a:hover { background-color: #f84600; } /* #Search page ================================================== */ .search-template-section form { position: relative; } .search-template-section .search_container { position: relative; } .search-template-section .search_container .search-submit { z-index: 900; } .search-template-section .search_container input { border-radius: 3px; } .search-matrix .product_row { padding: 20px 0; border-bottom: 1px solid #bbbbbb; } .search-matrix .product_row:last-child { border-bottom: none; } /* #Search Section ================================================== */ .search-bgr-true { background-position: center center; background-repeat: no-repeat; background-size: cover; } .search-section { background-color: #cccccc; width: 100%; display: inline-block; } .search-section h2 { margin-bottom: 0.25em; } .search-section h2, .search-section p { color: #000000; } .search-section .container { padding: 40px 0; } .text-align--center .search__container { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } .text-align--left .search__container { -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: flex-start; } .text-align--right .search__container { -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: flex-end; } .search__container { position: relative; width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .search__container .search__wrapper { display: inline-block; position: relative; max-width: 650px; width: 100%; } .search__container input[type="text"] { font-size: 16px; display: inline-block; border: 1px solid #000; min-height: 50px; height: 50px; margin-bottom: 0; } .search__container input[type="text"]:active, .search__container input[type="text"]:focus { border: 1px solid #000; } .search__form { width: 100%; max-width: 650px; position: relative; -webkit-box-flex: 0 0 auto; -moz-box-flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .search__results { top: 100%; width: 100%; } .search__results li { border-left: 1px solid #bbbbbb; border-right: 1px solid #bbbbbb; } .search__results .all-results { border: 0; background-color: #f84600; width: 100%; margin: 0; } .search__results .all-results span { display: block; width: 100%; text-align: center; padding-left: 0; } .search__results .all-results span.item-pricing { color: #000000; } .search__results .all-results a, .search__results .all-results a:active { color: #ffffff; padding: 20px; text-align: center; display: block; line-height: 1; } .search__results .all-results:hover { background-color: #f84600; } .search__button { position: absolute; margin-top: 0; top: 0; height: 50px; width: 50px; right: 0px; padding: 0; background-color: #000; border-color: transparent; color: white; font-size: 24px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .search__button:hover { color: white; background-color: #888888; border: 1px solid #000; border-left: 0px; } /* #Site Styles ================================================== */ div.container { margin: 0 auto; padding: 20px 0; } .featured_text { font-size: 18px; line-height: 36px; } .large_text { font-size: 28px; line-height: 50px; } div.content { padding: 30px 0px 15px 0; } /* #Header ================================================== */ @media only screen and (max-width: 1024px) { .dropdown .header_search_form .search__results { margin-top: 30px; } } .dropdown .header_search_form .search-terms { height: 50px; min-height: 50px; } .main_nav div.logo a { padding-top: px; padding-bottom: px; display: block; color: #ffffff !important; outline: 0; } .menu-position--block div.logo { width: 100%; } .menu-position--block .sticky_nav div.logo { display: none; } .menu-position--inline div.logo { padding-left: 20px; } div.logo { width: 16%; float: left; } div.logo img { width: 100%; } div.logo.text-align--center img { margin: 0 auto; } div.logo.text-align--left { padding-left: 20px; } .primary_logo { display: block; } .secondary_logo { display: none; } header.feature_image.secondary_logo--true img.primary_logo, header.feature_image.secondary_logo--true img.secondary_logo { display: none; } header.secondary_logo--true:not(.feature_image) img.secondary_logo { display: none !important; } header.secondary_logo--true:not(.feature_image) img.primary_logo { display: inline !important; } div.section { margin: 10px 0; } .featured_content, .featured_content h1, .featured_content h2, .featured_content h3, .featured_content h4, .featured_content h5, .featured_content h6 { color: #363636; } .featured_content { background-color: #f6f7f9; } .nav_arrows { float: right; } .sku { margin: 0; } #category { width: 100%; } /* Pagination & infinite scrolling */ .paginate, .load-more { text-align: center; } .paginate .page a, .paginate .current, a.tag { border: solid 1px #bbbbbb; margin: 10px 5px; padding: 0.5rem 1rem; display: inline-block; border-radius: 3px; } .paginate .page a:hover, .paginate .current:hover, a.tag:hover { color: #fff; background-color: #bbbbbb; border: solid 1px #bbbbbb; } .paginate .current { font-weight: bold; color: #fff; background-color: #bbbbbb; border: solid 1px #bbbbbb; } .paginate .next, .paginate .prev { display: inline-block; margin: 10px 0; padding: 0.5rem 1rem; } .load-more { display: none; width: 100%; } .collection-template-section .load-more, .search-template-section .load-more { display: block; clear: both; } .load-more__icon { opacity: 0; height: 0; width: 0; transition: all 0.3s linear; background: url("//cdn.shopify.com/s/files/1/1956/1231/t/53/assets/loader.gif") center center no-repeat; background-size: 32px 32px; margin: 0 auto; } .collection-matrix.loading-in-progress.filter-loading { height: 0; } .collection-matrix.loading-in-progress + .load-more__icon { width: 44px; height: 44px; opacity: 1; } a.tag { font-size: smaller; padding: 4px 6px; margin: 5px 2px 5px 0; } .paginate .deco { border: none; } /* Product list - collections */ .product-list .thumbnail, .slider-gallery .thumbnail, .list-collections .thumbnail { position: relative; text-align: center; margin-bottom: 25px; display: block; } .product-list .thumbnail .thumbnail-overlay, .slider-gallery .thumbnail .thumbnail-overlay, .list-collections .thumbnail .thumbnail-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; overflow: hidden; transition: opacity 0.3s ease-in; } .product-list .thumbnail .thumbnail-overlay > a, .slider-gallery .thumbnail .thumbnail-overlay > a, .list-collections .thumbnail .thumbnail-overlay > a { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } @media only screen and (max-width: 1024px) { .product-list .thumbnail .thumbnail-overlay, .slider-gallery .thumbnail .thumbnail-overlay, .list-collections .thumbnail .thumbnail-overlay { display: none; } } @media only screen and (min-width: 1401px) { .product-list .thumbnail .thumbnail-overlay, .slider-gallery .thumbnail .thumbnail-overlay, .list-collections .thumbnail .thumbnail-overlay { line-height: 1.5; } } .product-list .thumbnail .thumbnail-overlay, .slider-gallery .thumbnail .thumbnail-overlay, .list-collections .thumbnail .thumbnail-overlay { background-color: rgba(0, 0, 0, 0.7); } .product-list .thumbnail img, .slider-gallery .thumbnail img, .list-collections .thumbnail img { vertical-align: bottom; transition: opacity .3s ease-in; width: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: top center; object-position: top center; font-family: "object-fit: contain; object-position: top center"; } .product-list .thumbnail .product-info__caption, .slider-gallery .thumbnail .product-info__caption, .list-collections .thumbnail .product-info__caption { display: block; margin-top: 20px; } @media only screen and (max-width: 1024px) { .product-list .thumbnail .product-info__caption, .slider-gallery .thumbnail .product-info__caption, .list-collections .thumbnail .product-info__caption { display: block; } } @media only screen and (max-width: 1024px) { .touchevents .product-info__caption { display: block; } .touchevents .thumbnail-overlay { display: none; } } .hidden-product-link { line-height: 0; font-size: 0; color: transparent; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .featured_collections .thumbnail { text-align: center; } /* Thumbnail overlay */ .quick_shop, .view_all { font-family: "DIN Next", sans-serif; font-weight: 400; font-size: 14px; font-style: normal; text-transform: uppercase; letter-spacing: 1px; cursor: pointer; position: relative; display: inline-block; border: 1px solid #ffffff; padding: 10px 20px; margin-top: 2rem; color: #ffffff; opacity: 0; pointer-events: all; -webkit-appearance: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; -ms-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); transition: opacity 0.3s ease-out, transform 0.3s ease-out,color 0.3s linear, background-color 0.3s linear; border-radius: 3px; } .quick_shop:hover, .view_all:hover { color: #000000; background-color: #ffffff; } .thumbnail .price span.money { color: #000000; } .thumbnail .price span.money:hover { color: #bbbbbb; } .thumbnail .sale span.money { color: #f84600; } .thumbnail .was_price span.money { color: #8c8b8b; } .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%; -webkit-transform: translateY(-50.1%); -ms-transform: translateY(-50.1%); transform: translateY(-50.1%); padding: 10px 0; position: absolute; text-align: center; width: 100%; margin: 0 auto; pointer-events: none; } .thumbnail-overlay .quick_shop { pointer-events: all; margin-top: 0; } /* Product banners */ .new { position: relative; display: inline; padding: 5px; border-radius: 2px; font-size: 12px; } .thumbnail .sold_out, .sold_out { font-weight: bold; color: #333333; } .thumbnail-overlay .sold_out { font-weight: normal; color: #ffffff; } .thumbnail .sale, .sale { color: #f84600; } .banner_holder { position: absolute; top: 0; right: 0; } .sale_banner, .new_banner, .preorder_banner { background: #f84600; font-family: "DIN Next", sans-serif; font-weight: 400; font-style: normal; font-size: 15px; text-transform: uppercase; letter-spacing: 1px; padding: 8px 12px; text-align: center; color: #fff; -webkit-appearance: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; } @media only screen and (max-width: 1024px) { .sale_banner, .new_banner, .preorder_banner { padding: 4px 10px; font-size: smaller; } } .new_banner, .preorder_banner { background: #f52e2e; } a.secondary_button, input.secondary_button { display: block; padding: 15px 0; text-align: center; border-top: solid 1px #bbbbbb; border-bottom: solid 1px #bbbbbb; margin: 20px 0; font-family: "DIN Next", sans-serif; font-weight: 400; font-style: normal; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; color: #000000; -webkit-appearance: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; } a.secondary_button:hover, a.secondary_button:active, a.secondary_button:visited, input.secondary_button:hover, input.secondary_button:active, input.secondary_button:visited { color: #bbbbbb; } .thumbnail .price, .thumbnail .title { display: block; margin-bottom: 5px; font-size: inherit; line-height: 1.2; } .cart_price { float: right; text-align: right; padding-left: 20px; font-weight: bold; display: none; } #estimated-shipping, .excluding_tax { display: block; } .cart_page_image { text-align: center; } .cart_page_image img { margin-bottom: 1em; width: 100%; } .cart_content_info { padding: 0; } .cart_content_info h5 { padding: 0; margin-bottom: 10px; margin-top: 0; } .cart_content_info .price_total { padding: 0 0 10px; margin-bottom: 20px; font-size: 1.1em; } .subtotal { border-left: 1px solid #bbbbbb; padding-left: 40px; } @media only screen and (max-width: 1024px) { .subtotal { border-left: none; border-top: 1px solid #bbbbbb; padding-left: 0; padding-top: 20px; } } .subtotal_amount { font-size: 1.4em; font-weight: bold; } button.update { width: 30%; float: right; } .size_chart { float: right; padding-top: 5px; } #size-chart { display: none; } #size-chart h5 { padding: 15px 0 0 0; text-align: center; } .price_total_text { font-weight: normal; display: none; } .was_price { text-decoration: line-through; color: #8c8b8b; text-shadow: none; font-weight: normal; } .cart_savings { text-align: left; } .savings { font-size: 16px; display: block; } .thumbnails a { display: block; margin-bottom: 1em; } /* #Instagram Feed ================================================== */ #instafeed .instagram__item { position: relative; margin-bottom: 20px; } .instagram__item:after { content: ""; display: block; padding-bottom: 100%; } .instagram__link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .instagram__bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; } .instagram__video-link:after, .instagram__video-link:before { content: ""; position: absolute; top: 50%; left: 50%; z-index: 2; } .instagram__video-link:after { width: 0; height: 0; border: 16px solid transparent; border-left: 20px solid #fff; margin-top: -18px; margin-left: -7px; -webkit-filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.25)); } .instagram__video-link:before { margin-top: -34px; margin-left: -34px; width: 60px; height: 60px; border: 3px solid #fff; border-radius: 50%; box-shadow: 0 0 4px rgba(0, 0, 0, 0.18); background: rgba(0, 0, 0, 0.42); transition: background 0.3s ease; } .instagram__video-link:hover:before { background: rgba(0, 0, 0, 0.7); } .arrow { position: relative; top: -1px; left: 2px; opacity: 0.6; } .modal { margin: 10px 0; display: none; background-color: #ffffff; } .modal_product { width: auto; line-height: 0px; max-width: 940px; } .modal_product img { cursor: pointer; } .modal_image { text-align: center; } .modal a { padding-bottom: 0; } .modal p.modal_price, p.modal_price { font-size: 20px; margin-bottom: 10px; } .modal form { margin-bottom: 10px; } .notify_form #contact_form .action_button { width: 100%; } .product_image_col { margin-top: 15px; text-align: center; } .meta { font-size: 13px; } .meta p { font-size: 13px; margin-bottom: 0px; } p.meta { margin-bottom: 10px; } .comment-body p.meta { margin-bottom: 5px; } .comment-body h6 { padding: 0; } .sidebar_title { padding-bottom: 0px; } .blog-section h2 { margin-bottom: 0; line-height: 1.2; } .blog-section h2 a { color: #333333; } .blog_meta { margin-bottom: 0; } .blog_meta span { position: relative; display: inline-block; margin-right: 15px; font-size: smaller; color: #8c8b8b; } .blog_meta span:after { content: ''; position: absolute; right: -16px; top: 50%; margin: -1px 5px 0; width: 4px; height: 4px; border-radius: 2px; background-color: #8c8b8b; } .blog_meta span:last-child:after { background-color: transparent; } .tags span a { color: #000000; } .article h3.sub_title { letter-spacing: 0; margin: 10px auto 0; } .article_content { margin-top: 20px; } .excerpt { line-height: 1.5; margin: 1em 0; } .article, .article_image { padding-bottom: 15px; } #comment_form .action_button, #contact_form .action_button { display: block; padding-left: 40px; padding-right: 40px; } @media only screen and (max-width: 1024px) { #comment_form .action_button, #contact_form .action_button { width: 100%; } } #contact_form .action_button.sign_up { display: inline-block; width: 120px; padding-left: 0; padding-right: 0; float: none; } body.article { padding-bottom: 0; } .toggle span { color: #8c8b8b; font-weight: bold; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: smaller; float: right; display: none; } .sidebar .blog_search { margin-bottom: 15px; } .sidebar .blog_search input { width: 100%; border-radius: 3px; } .meta .label, .label { color: #8c8b8b; } .blog_meta, .blog_meta a { color: #8c8b8b; } .blog_meta a:hover { color: #bbbbbb; } .count { font-style: normal; font-size: 13px; } .checkout { display: block; float: right; margin-top: 0px; } .additional-checkout-buttons { text-align: center; margin-top: 10px; } .additional-checkout-buttons > *:not(script) { padding: 10px 0 0 10px; vertical-align: top; line-height: 1; } @media only screen and (max-width: 850px) { .additional-checkout-buttons > *:not(script) { padding: 10px 0 0 5px; } } .additional-checkout-buttons > *:not(script):first-child, .additional-checkout-buttons > *:not(script):empty { padding-left: 0px; } .or { line-height: 40px; font-style: normal; font-size: 14px; padding: 0 10px; text-align: center; } @media only screen and (max-width: 850px) { .or { line-height: initial; text-align: left; } } .comment { margin-bottom: 20px; } /*--Author Bio + Social Share Buttons--*/ .author_share_wrap { width: 100%; border-top: 1px solid #bbbbbb; min-height: 40px; padding: 15px 0; margin-top: 15px; overflow: auto; } .blog_author { width: 60%; float: left; } @media only screen and (max-width: 1024px) { .blog_author { width: 100%; border-bottom: 1px solid #bbbbbb; padding-bottom: 15px; } } .blog_author img { width: 80px; height: 80px; border: 1px solid #bbbbbb; float: left; margin-right: 15px; } .author_bio { text-align: left; } .author_bio h6 { padding-top: 0; } .author_bio p { font-size: 0.9em; } .blog_share { width: 38%; float: right; text-align: right; } @media only screen and (max-width: 1024px) { .blog_share { width: 100%; float: left; } } .red { color: #C33; } .address p { margin-bottom: 5px; } div#disqus_thread ul, div#disqus_thread li { border: none; } .search_page { padding: 100px 0; } /* #Swatch Styles ================================================== */ /* SASS variables for swatch dimensions */ .swatch-element.swatch--active { border-color: black; box-shadow: 0px 0px 0px 2px white; } .selector-wrapper label { margin-bottom: 0.5em; } .fancybox-bg { opacity: 1; background-color: rgba(43, 46, 56, 0.9); } @media only screen and (max-width: 850px) { .fancybox-bg { background-color: rgba(255, 255, 255, 0.99); } } @media only screen and (min-width: 851px) { .fancybox-toolbar { display: none; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .fancybox-slide { text-align: left; padding: 44px 0; } } /* Add border around images */ @media only screen and (min-width: 851px) { .fancybox-slide--image { padding: 44px; } } .fancybox-slide--image .fancybox-image { -o-object-fit: cover; object-fit: cover; font-family: "object-fit: cover"; height: 100%; } .fancybox-slide--image .fancybox-image-wrap { position: absolute; width: 100%; height: 100%; } .fancybox-slide--image .fancybox-content { padding: 0; background-color: white; } @media only screen and (min-width: 851px) { .fancybox-slide--image .fancybox-content { box-shadow: 0px 0px 0px 30px white; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .fancybox-slide--image .fancybox-content { position: relative !important; width: 100%; height: 100%; } } .fancybox-slide--image .fancybox-close-small { top: -30px; right: -30px; } .fancybox-is-scaling .fancybox-image-wrap, .fancybox-can-pan .fancybox-image-wrap { width: 100%; height: 100%; margin: 0; } /* Hide elements while zooming or when zoomed-in */ .fancybox-is-scaling .fancybox-item, .fancybox-can-pan .fancybox-item { display: none !important; } /* Style close button */ .fancybox-close, .fancybox-close-small { position: absolute; top: 0px; right: 0px; width: 36px; height: 36px; z-index: 2; color: #95979c; background-color: transparent; } .fancybox-close svg, .fancybox-close-small svg { display: none; } .fancybox-close:hover, .fancybox-close-small:hover { color: black; } @media only screen and (max-width: 850px) { .fancybox-close, .fancybox-close-small { display: none; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .fancybox-close, .fancybox-close-small { display: block !important; } } .fancybox-close:before, .fancybox-close-small:before { font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important; font-size: 25px; line-height: 35px; position: absolute; top: 0; left: 0; display: block; width: 35px; content: "\00d7"; text-align: center; } .fancybox-button { min-height: auto; } @media only screen and (max-width: 850px) { .fancybox-button { background-color: white; } .fancybox-button svg path { fill: #95979c; } } /* Style navigation elements */ .fancybox-content:hover .fancybox-nav { opacity: 1; } .fancybox-nav { transition: opacity 0.2s linear; opacity: 0; position: absolute; top: 0; width: 50px; height: 100%; cursor: pointer; text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); background-color: rgba(255, 255, 255, 0.25); display: flex; justify-content: center; align-items: center; } .fancybox-nav span { pointer-events: none; } .fancybox-nav svg path { fill: #000000; } .fancybox-next { right: 0; } .fancybox-prev { left: 0; } .fancybox-nav:hover { background-color: rgba(255, 255, 255, 0.5); } .fancybox-nav span { position: absolute; width: 36px; height: 36px; cursor: pointer; } @media only screen and (max-width: 1024px) { .touchevents .fancybox-nav { display: none; } } /* #Footer ================================================== */ .footer { font-size: 16px; padding: 20px 0; border-top: solid 1px #1b1f23; background-color: #1b1f23; background-position: center center; color: #bbbbbb; } .footer .input-row { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-left: 0px; margin-right: 0px; } .footer .input-row input { margin: 5px 0; } .footer-text .toggle_content { padding-top: 15px; } .no-footer-title.footer-text .toggle_content { padding-top: 0; } @media only screen and (max-width: 1024px) { .no-footer-title.footer-text .toggle_content { display: block; padding-top: 20px; } } /* If no shop logo used, apply text styling as per theme settings */ .footer .logo { color: #ffffff !important; font-size: 20px; margin-top: 0; margin-bottom: 20px; line-height: 1; width: 100%; word-wrap: break-word; float: none; } @media only screen and (max-width: 1024px) { .footer .logo { text-align: center; } } img.footer-logo { width: 60%; max-width: 250px; margin-bottom: 10px; display: inline-block; } @media only screen and (max-width: 1024px) { img.footer-logo { max-width: 50% !important; margin: 0 25% 25px; } } img.blue-logo { padding: 10%; } .footer .empty-column { width: 100%; height: 1px; } .footer .footer-menu-wrap h6 { margin: 0; padding: 0 0 5px 0; color: #ffffff; font-size: 18px; } @media only screen and (max-width: 1024px) { .footer .footer-menu-wrap h6 { border-top: 1px solid #1b1f23; margin-bottom: 5px; padding: 10px 0 5px; } } .footer .footer-menu-wrap h6 > span { display: none; } @media only screen and (max-width: 1024px) { .footer .footer-menu-wrap h6 > span { display: inline-block; transition: transform 0.3s linear; perspective: 1000; } } @media only screen and (min-width: 1025px) { .footer .toggle_content { display: block !important; } } .footer a, .footer a:visited { color: #bbbbbb; font-size: 16px; } .footer a:hover, .footer a:active { color: #ffffff; } .footer ul { list-style: none; margin: 0; padding: 15px 0 0 0; } .footer ul li { margin-bottom: 1em; line-height: 1.1; } .footer form { margin-bottom: 0; } .footer-menu-wrap { text-align: left; } .page-contact .footer { margin-top: 0; } .page-contact .maps { position: relative; bottom: -6px; } .page-landing .maps { position: relative; bottom: -7px; } .maps iframe { pointer-events: none; display: block; } .newsletter form { margin-bottom: 0; } .footer_credits { border-top: 1px solid #1b1f23; margin-top: 10px; } .payment_methods { margin: 10px 0 6px 0; padding-top: 10px; } @media only screen and (min-width: 1025px) { .payment_methods { float: right; text-align: right; } } .payment_methods svg { padding-right: 4px; height: 30px; width: 48px; } .credits { text-align: left; padding-top: 20px; } @media only screen and (min-width: 1025px) { .credits { float: left; } } h6 span, h4 span, .sublink span { transition: transform 0.3s linear; perspective: 1000; } .footer-menu-wrap, #mobile_menu, .sidebar { -webkit-transform: translate3d(0, 0, 0); } .footer-menu-wrap .active span, .footer-menu-wrap span.active, #mobile_menu .active span, #mobile_menu span.active, .sidebar .active span, .sidebar span.active { transform: rotateX(180deg); } .sidebar span.menu-toggle { float: right; display: inline-block; cursor: pointer; padding: 0 6px 0 6px; margin-right: 0; transition: transform 0.3s linear; perspective: 1000; transform: none; } .sidebar span.menu-toggle.active { transform: rotateX(180deg); } /* Footer and mobile menu accordion (mobile only) */ @media only screen and (max-width: 1024px) { .footer-menu-wrap h6, .sidebar h6, #mobile_menu h6 { padding-top: 8px; cursor: pointer; border-top: 1px solid #ffffff; margin-top: 0; } .footer-menu-wrap h6 span, .footer-menu-wrap h4 span, .footer-menu-wrap .sublink span, .sidebar h6 span, .sidebar h4 span, .sidebar .sublink span, #mobile_menu h6 span, #mobile_menu h4 span, #mobile_menu .sublink span { display: inline-block; transition: transform 0.3s linear; perspective: 1000; } .footer-menu-wrap .columns > ul, .sidebar .columns > ul, #mobile_menu .columns > ul { display: none; padding-left: 20px; } .footer-menu-wrap .columns > ul li, .sidebar .columns > ul li, #mobile_menu .columns > ul li { line-height: 1.7; } .toggle_content { display: none; padding: 0 20px; } } @media only screen and (min-width: 1025px) { h4.toggle { pointer-events: none; } .footer-menu-wrap h6 { pointer-events: none; } .footer-menu-wrap .columns > ul { display: block !important; } } /* Promo banner */ .header .promo_banner a, .header .promo_banner a:visited a:hover, #header .promo_banner a, #header .promo_banner a:visited a:hover { color: #ffffff; } .promo_banner { background-color: #f84600; text-align: center; color: #ffffff; font-size: 12px; position: relative; width: 100%; height: 0; line-height: 0; z-index: 5000; top: 0; transition: all 0.3s linear; overflow: hidden; } .promo_banner .promo_banner__content { margin: 0px auto; padding: 0 1.5rem; } @media only screen and (max-width: 1024px) { .promo_banner .promo_banner__content { font-size: 10px; max-height: 50px; } } .promo_banner p { margin-bottom: 0; display: inline; line-height: 1; } .promo_banner .promo_banner-close { position: absolute; top: 0; right: 0; display: block; overflow: visible; width: 35px; height: 35px; margin: 0; padding: 0; cursor: pointer; text-decoration: none; color: #ffffff; border: 0; outline: 0; background: transparent; z-index: 1000; } .promo_banner .promo_banner-close:before { font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important; font-size: 20px; line-height: 30px; position: absolute; top: 0; left: 0; display: block; width: 35px; content: "\00d7"; text-align: center; } .promo_banner-show .promo_banner { transition: all 0s linear; height: auto; min-height: 30px; line-height: 1.1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } .top_bar { padding-top: 0; position: relative; transition: padding-top 0.3s linear; } @media only screen and (max-width: 850px) { .top_bar { padding-top: 0; } } .page_banner + #pagecontent { padding-bottom: 0; } .promo_banner-show .page_banner { margin-top: calc(40px + 30px); } .promo_banner-show .page_banner + #pagecontent { padding-bottom: 0; } .index-sections .under-menu:nth-child(1) { margin-top: 40px; } .page-details-section .under-menu:nth-child(1) { margin-top: 0; } .index.promo_banner-show #pagecontent { display: block; padding-bottom: 30px; } @media only screen and (max-width: 1024px) { .mobile_nav-fixed--true #pagecontent, .mobile_nav-fixed--false #pagecontent { display: block; padding-bottom: 40px; } .mobile_nav-fixed--true .page_banner, .mobile_nav-fixed--false .page_banner { margin-top: 40px; } .mobile_nav-fixed--true .page_banner + #pagecontent, .mobile_nav-fixed--false .page_banner + #pagecontent { padding-bottom: 0; } .index-sections .under-menu:nth-child(1) { margin-top: 0; } .page-details-section .under-menu:nth-child(1) { margin-top: 0; } .page-banner .under-menu:nth-child(1) { margin-top: 0; } .promo_banner-show.mobile_nav-fixed--true #pagecontent, .promo_banner-show.mobile_nav-fixed--false #pagecontent { padding-bottom: calc(40px + 30px); } .promo_banner-show.mobile_nav-fixed--true .page_banner, .promo_banner-show.mobile_nav-fixed--false .page_banner { margin-top: calc(40px + 30px); } .promo_banner-show.mobile_nav-fixed--true .page_banner + #pagecontent, .promo_banner-show.mobile_nav-fixed--false .page_banner + #pagecontent { padding-bottom: 0; } } /*! Flickity v2.0.10 http://flickity.metafizzy.co ---------------------------------------------- */ .flickity-enabled { position: relative; } .flickity-enabled:focus { outline: 0; } .flickity-viewport { overflow: hidden; position: relative; height: 100%; } .flickity-slider { position: absolute; width: 100%; height: 100%; } .flickity-enabled.is-draggable { -webkit-tap-highlight-color: transparent; tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .flickity-enabled.is-draggable .flickity-viewport { cursor: move; cursor: -webkit-grab; cursor: grab; } .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down { cursor: -webkit-grabbing; cursor: grabbing; } .flickity-prev-next-button { position: absolute; top: 50%; width: 44px; height: 44px; border: none; border-radius: 50%; background: #fff; background: rgba(255, 255, 255, 0.75); cursor: pointer; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .flickity-prev-next-button:hover { background: #fff; } .flickity-prev-next-button:focus { outline: 0; box-shadow: 0 0 0 5px #09f; } .flickity-prev-next-button:active { opacity: .6; } .flickity-prev-next-button.previous { left: 10px; } .flickity-prev-next-button.next { right: 10px; } .flickity-rtl .flickity-prev-next-button.previous { left: auto; right: 10px; } .flickity-rtl .flickity-prev-next-button.next { right: auto; left: 10px; } .flickity-prev-next-button:disabled { opacity: .3; cursor: auto; } .flickity-prev-next-button svg { position: absolute; left: 20%; top: 20%; width: 60%; height: 60%; } .flickity-prev-next-button .arrow { fill: #333; } .flickity-page-dots { position: absolute; width: 100%; bottom: -25px; padding: 0; margin: 0; list-style: none; text-align: center; line-height: 1; } .flickity-rtl .flickity-page-dots { direction: rtl; } .flickity-page-dots .dot { display: inline-block; width: 10px; height: 10px; margin: 0 8px; background: #333; border-radius: 50%; opacity: .25; cursor: pointer; } .flickity-page-dots .dot.is-selected { opacity: 1; } .flickity-enabled { position: relative; overflow: hidden; } .flickity-enabled:focus { outline: none; } .flickity-viewport { overflow: hidden; position: relative; height: 100%; } .flickity-slider { position: absolute; width: 100%; height: 100%; } /* draggable */ .flickity-enabled.is-draggable { -webkit-tap-highlight-color: transparent; tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .flickity-enabled.is-draggable .flickity-viewport { cursor: move; cursor: -webkit-grab; cursor: grab; } .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down { cursor: -webkit-grabbing; cursor: grabbing; } /* ---- previous/next buttons ---- */ .flickity-prev-next-button { filter: alpha(opacity=50); opacity: 0.5; position: absolute; top: 0; bottom: 0; width: 11%; border: none; background: white; background: rgba(255, 255, 255, 0.75); cursor: pointer; border-radius: 0; height: auto; max-width: 100px; transform: none; } .flickity-prev-next-button:hover { background: white; border: none; } .flickity-prev-next-button:focus { outline: none; } .flickity-prev-next-button:hover, .flickity-prev-next-button:active { filter: alpha(opacity=80); opacity: 0.8; } .flickity-prev-next-button.previous { left: -1px; } .flickity-prev-next-button.next { right: -1px; } /* right to left */ .flickity-rtl .flickity-prev-next-button.previous { left: auto; right: -1px; } .flickity-rtl .flickity-prev-next-button.next { right: auto; left: -1px; } .flickity-prev-next-button:disabled { filter: alpha(opacity=10); /* IE8 */ opacity: 0.1; cursor: auto; } .flickity-prev-next-button svg { position: relative; top: 50%; -webkit-transform: translateY(-50.1%); -ms-transform: translateY(-50.1%); transform: translateY(-50.1%); padding: 10px 0; position: absolute; left: 20%; width: 60%; height: 60%; } .flickity-prev-next-button .arrow { fill: #000000; } /* color & size if no SVG - IE8 and Android 2.3 */ .flickity-prev-next-button.no-svg { color: #000000; font-size: 26px; } /* ---- page dots ---- */ .flickity-page-dots { position: absolute; width: 100%; bottom: -25px; padding: 0; margin: 0; list-style: none; text-align: center; line-height: 1; } .flickity-rtl .flickity-page-dots { direction: rtl; } .flickity-page-dots .dot { display: inline-block; width: 10px; height: 10px; margin: 0 8px; background: #333; border-radius: 50%; filter: alpha(opacity=25); /* IE8 */ opacity: 0.25; cursor: pointer; } .flickity-page-dots .dot.is-selected { filter: alpha(opacity=100); /* IE8 */ opacity: 1; } /* Custom sliders */ .flickity-slider > li { list-style-type: none; width: 100%; text-align: center; } /* General Flickity styling */ img[data-flickity-lazyload] { width: auto; } .slideshow_animation--fade .flickity-slider { transform: none !important; } .slideshow_animation--fade .gallery-cell { left: 0 !important; opacity: 0; transition: opacity 0.3s ease-in-out; z-index: -1; } .slideshow_animation--fade .gallery-cell.is-selected { opacity: 1; z-index: 0; } /* Gallery page */ .lightbox-gallery .gallery-cell { width: 100%; } .lightbox-gallery .gallery-cell img { width: auto; max-height: 90vh; max-width: 100%; display: inline-block; } /* Product gallery */ .gallery-arrows--true .product_gallery .flickity-prev-next-button { transition: opacity 0.3s linear; display: block; } @media only screen and (min-width: 1025px) { .gallery-arrows--true .product_gallery .flickity-prev-next-button { opacity: 0; } } .gallery-arrows--true .product_gallery:hover .flickity-prev-next-button { opacity: 0.5; } .product_gallery { margin-bottom: 30px; position: relative; opacity: 0; transition: opacity 0.2s; } @media only screen and (min-width: 1025px) and (max-width: 1024px) { .product_gallery { margin-bottom: 30px; } } @media only screen and (min-width: 851px) and (max-width: 1024px) { .product_gallery { margin-bottom: 0; padding-bottom: 50px; } .product_gallery .flickity-page-dots { bottom: 15px; } } .product_gallery .gallery-cell { width: 100%; text-align: center; display: block; margin-right: 10px; } .product_gallery .gallery-cell span { width: 100%; display: block !important; } .product_gallery.flickity-enabled { opacity: 1; } .product_gallery.single-image .flickity-prev-next-button { display: none; } .product_gallery .flickity-prev-next-button { display: none; } .product_gallery img { background-color: #ffffff; } .product_gallery_nav { text-align: center; margin-bottom: 30px; } .product_gallery_nav.product_gallery_nav--bottom-thumbnails .gallery-cell { width: auto; } .product_gallery_nav.product_gallery_nav--bottom-thumbnails img { height: 80px; width: auto; } @media only screen and (min-width: 851px) and (max-width: 1024px) { .product_gallery_nav.product_gallery_nav--bottom-slider { margin-bottom: 30px; } } .product_gallery_nav.product_gallery_nav--bottom-slider .flickity-prev-next-button { opacity: 1; background: #ffffff; } .product_gallery_nav.product_gallery_nav--bottom-slider .gallery-cell { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; width: auto; opacity: 0.5; margin-bottom: 0; } .product_gallery_nav.product_gallery_nav--bottom-slider .gallery-cell.is-nav-selected { opacity: 1; } .product_gallery_nav.product_gallery_nav--bottom-slider .gallery-cell img { width: auto; height: 80px; max-width: none; } .product_gallery_nav .gallery-cell { width: 20%; margin: 0 10px 10px 0; opacity: 0.7; display: inline-block; } .product_gallery_nav .gallery-cell.is-nav-selected { opacity: 1; } .product_gallery_nav .gallery-cell img { cursor: pointer; } .product_gallery .gallery-cell a { cursor: zoom-in; } .gallery-wrap.right-thumbnails .multi-image { width: 83%; float: left; } .gallery-wrap.right-thumbnails .product_gallery_nav { width: 12%; float: left; margin-left: 4%; } .gallery-wrap.right-thumbnails .product_gallery_nav .gallery-cell { width: 100%; margin: 0 0 10px 0; } .gallery-wrap.left-thumbnails .multi-image { width: 83%; float: right; } .gallery-wrap.left-thumbnails .product_gallery_nav { width: 12%; float: right; margin-right: 5%; } .gallery-wrap.left-thumbnails .product_gallery_nav .gallery-cell { width: 100%; margin: 0 0 10px 0; } .gallery-wrap .flickity-viewport { margin-top: 0; } .product-section__lightbox .zoom-wrap { width: 100%; height: 100%; } /* Quick Shop */ .js-quick-shop { display: none; } .quickshop-forms__container { display: none; } .quick-shop__lightbox .fancybox-content { width: 90%; max-width: 900px; background-color: #ffffff; cursor: pointer !important; } .quick-shop__lightbox .fancybox-close-small svg path { fill: #2b2e38; } .quick-shop__lightbox .fancybox-close-small svg path:hover { fill: #292c36; } .quick-shop .product_gallery img { background-color: #ffffff; } .quick-shop .container { max-width: 100%; text-align: left; margin-left: auto; margin-right: auto; max-width: 100%; text-align: left; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; padding: 0; color: #2b2e38; } .quick-shop .container .gallery-wrap.eight.columns { width: calc(55% - 40px); margin: 0; margin-right: 40px; min-height: 1px; transition: opacity 1s 0.3s linear; } .quick-shop .container .gallery-wrap.eight.columns.align-gallery-right { float: right; margin-right: 0; margin-left: 40px; } .quick-shop .container .text-modal-wrap.six.columns { width: 45%; margin: 0; min-height: 1px; transition: opacity 0.3s linear; } .quick-shop .container .new_banner_product:empty, .quick-shop .container .sale_banner_product:empty, .quick-shop .container .preorder_banner_product:empty { display: none; } .quick-shop img[alt*="[right]"], .quick-shop img[alt*="[left]"], .quick-shop img[alt*="[center]"] { display: none; } h3.quick-shop__title a { color: #2b2e38; } .quick-shop .product_gallery { opacity: 0; transition: opacity 0.3s; } .quick-shop .product_gallery.flickity-enabled { opacity: 1; } /* Related Items Gallery */ .related-products--grid { font-size: 0; text-align: center; } .related-products--grid.container { padding-top: 0; } .related-products--grid .product-list .thumbnail.column, .related-products--grid .product-list .thumbnail.columns { font-size: initial; display: inline-block; float: none; vertical-align: top; } .related-products__title { clear: both; } .title.slider-gallery { padding-top: 40px; } @media only screen and (max-width: 850px) { .title.slider-gallery { padding-top: 0; font-size: 1.5em; } } .slider-gallery { margin: 0 auto 40px; } .slider-gallery .gallery-cell { display: inline-block; margin-right: 10px; text-align: center; padding: 0; margin-bottom: 0; } @media only screen and (max-width: 850px) { .slider-gallery .gallery-cell { padding: 0; margin-right: 5px; } } .slider-gallery .gallery-cell .product-details { line-height: 1.2; letter-spacing: 0; } @media only screen and (max-width: 1024px) { .slider-gallery .gallery-cell .product-details { font-size: 3vw; } } .slider-gallery .gallery-cell img { display: block; max-width: 100%; } .slider-gallery .gallery-cell-heading { font-size: 0.8rem; line-height: 1.2; text-transform: none; margin-top: 10px; } .slider-gallery .flickity-prev-next-button { border-radius: 0; opacity: 0; width: 5%; } .slider-gallery:hover .flickity-prev-next-button { opacity: 0.5; } .transparentBackground--false .dot { background: #000000; } .transparentBackground--false .flickity-prev-next-button { background: transparent; } .transparentBackground--false .flickity-prev-next-button .arrow { fill: #000000; opacity: 1; } .homepage-slideshow.transparentBackground--false:hover .flickity-prev-next-button, .testimonial-slideshow.transparentBackground--false:hover .flickity-prev-next-button, .product-slider.transparentBackground--false:hover .flickity-prev-next-button, .slider-gallery.transparentBackground--false:hover .flickity-prev-next-button { opacity: 1; } .homepage-slideshow.transparentBackground--false .flickity-page-dots .dot, .testimonial-slideshow.transparentBackground--false .flickity-page-dots .dot, .product-slider.transparentBackground--false .flickity-page-dots .dot, .slider-gallery.transparentBackground--false .flickity-page-dots .dot { opacity: 0.4; } .homepage-slideshow.transparentBackground--false .flickity-page-dots .dot.is-selected, .testimonial-slideshow.transparentBackground--false .flickity-page-dots .dot.is-selected, .product-slider.transparentBackground--false .flickity-page-dots .dot.is-selected, .slider-gallery.transparentBackground--false .flickity-page-dots .dot.is-selected { opacity: 1; } /* Lazyframe */ .lazyframe { position: relative; background-color: #ffffff; background-repeat: no-repeat; background-size: cover; } .lazyframe__title { position: absolute; top: 0; left: 0; right: 0; padding: 15px 17px; z-index: 3; } .lazyframe__title:after { z-index: -1; } .lazyframe:hover { cursor: pointer; } .lazyframe:before { display: block; content: ""; width: 100%; padding-top: 100%; } .lazyframe[data-ratio="16:9"]:before { padding-top: 56.25%; } .lazyframe[data-ratio="4:3"]:before { padding-top: 75%; } .lazyframe[data-ratio="1:1"]:before { padding-top: 100%; } .lazyframe iframe { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 5; width: 100%; height: 100%; } .lazyframe[data-vendor="youtube"], .lazyframe[data-vendor="youtube_nocookie"] { background-color: #e52d27; font-family: Roboto, Arial, Helvetica, sans-serif; } .lazyframe[data-vendor="youtube"] .lazyframe__title, .lazyframe[data-vendor="youtube_nocookie"] .lazyframe__title { color: #eee; font-family: Roboto, Arial, Helvetica, sans-serif; font-size: 18px; text-shadow: rgba(0, 0, 0, 0.49804) 0px 0px 2px; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; transition: color 0.1s cubic-bezier(0.4, 0, 1, 1); } .lazyframe[data-vendor="youtube"] .lazyframe__title:hover, .lazyframe[data-vendor="youtube_nocookie"] .lazyframe__title:hover { color: #fff; } .lazyframe[data-vendor="youtube"] .lazyframe__title:before, .lazyframe[data-vendor="youtube_nocookie"] .lazyframe__title:before { content: ''; display: block; background: linear-gradient(rgba(0, 0, 0, 0.2), transparent); height: 98px; width: 100%; pointer-events: none; position: absolute; top: 0; left: 0; right: 0; z-index: -1; -webkit-tap-highlight-color: transparent; } .lazyframe[data-vendor="youtube"]:before, .lazyframe[data-vendor="youtube_nocookie"]:before { padding-top: 56.25%; } .lazyframe[data-vendor="youtube"][data-ratio="16:9"]:before, .lazyframe[data-vendor="youtube_nocookie"][data-ratio="16:9"]:before { padding-top: 56.25%; } .lazyframe[data-vendor="youtube"][data-ratio="4:3"]:before, .lazyframe[data-vendor="youtube_nocookie"][data-ratio="4:3"]:before { padding-top: 75%; } .lazyframe[data-vendor="youtube"][data-ratio="1:1"]:before, .lazyframe[data-vendor="youtube_nocookie"][data-ratio="1:1"]:before { padding-top: 100%; } .lazyframe[data-vendor="youtube"]:after, .lazyframe[data-vendor="youtube_nocookie"]:after { content: ''; position: absolute; left: 50%; top: 50%; width: 68px; height: 48px; margin-left: -34px; margin-top: -24px; background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjU1LjcgNDQ2LjNjLTUzLjMuMy0xMDYuNi0uNC0xNTkuOC0zLjMtMTcuNC0xLTM0LjctMi41LTUwLjQtMTFDMzUgNDI2LjMgMjcgNDE4LjQgMjIgNDA3LjIgMTMuMiAzODguNiAxMC41IDM2OSA5IDM0OWMtMy40LTQxLjMtMy42LTgyLjYtMS44LTEyMy44IDEtMjIgMS42LTQ0IDYuOC02NS41IDItOC40IDUtMTYuNiA4LjgtMjQuNEMzMiAxMTcgNDggMTA4IDY3LjMgMTA0YzE2LjItMyAzMi44LTMgNDkuMy0zLjcgNTYtMi4zIDExMi0zLjUgMTY4LTMgNDMgLjYgODYuMiAxLjcgMTI5LjMgNCAxMy4yLjYgMjYuNi44IDM5LjMgNS41IDE3LjIgNi40IDMwIDE3LjIgMzcgMzQuNyA2LjYgMTYuOCA5LjIgMzQuMiAxMC42IDUyIDMuOCA0OC43IDQgOTcuMy43IDE0Ni0xIDE2LjMtMi4yIDMyLjctNi41IDQ4LjgtOS43IDM3LTMyLjggNTEuNS02Ni43IDUzLjgtMzYuMiAyLjUtNzIuNSAzLjgtMTA4LjggNC4zLTIxLjMuMi00Mi43IDAtNjQgMHpNMjAzLjIgMzQ0TDM0OCAyNjQuN2wtMTQ0LjgtNzkuM1YzNDR6IiBmaWxsPSIjIzFmMWYxZiIvPjxwYXRoIGQ9Ik0yMDMuMiAzNDRWMTg1LjVMMzQ4IDI2NC44IDIwMy4yIDM0NHoiIGZpbGw9IiNGRUZERkQiLz48L3N2Zz4="); background-position: center center; background-size: 100%; background-repeat: no-repeat; opacity: .81; border: none; z-index: 4; } .lazyframe[data-vendor="youtube"]:hover:after, .lazyframe[data-vendor="youtube_nocookie"]:hover:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjU1LjcgNDQ2LjNjLTUzLjMuMy0xMDYuNi0uNC0xNTkuOC0zLjMtMTcuNC0xLTM0LjctMi41LTUwLjQtMTFDMzUgNDI2LjMgMjcgNDE4LjQgMjIgNDA3LjIgMTMuMiAzODguNiAxMC41IDM2OSA5IDM0OWMtMy40LTQxLjMtMy42LTgyLjYtMS44LTEyMy44IDEtMjIgMS42LTQ0IDYuOC02NS41IDItOC40IDUtMTYuNiA4LjgtMjQuNEMzMiAxMTcgNDggMTA4IDY3LjMgMTA0YzE2LjItMyAzMi44LTMgNDkuMy0zLjcgNTYtMi4zIDExMi0zLjUgMTY4LTMgNDMgLjYgODYuMiAxLjcgMTI5LjMgNCAxMy4yLjYgMjYuNi44IDM5LjMgNS41IDE3LjIgNi40IDMwIDE3LjIgMzcgMzQuNyA2LjYgMTYuOCA5LjIgMzQuMiAxMC42IDUyIDMuOCA0OC43IDQgOTcuMy43IDE0Ni0xIDE2LjMtMi4yIDMyLjctNi41IDQ4LjgtOS43IDM3LTMyLjggNTEuNS02Ni43IDUzLjgtMzYuMiAyLjUtNzIuNSAzLjgtMTA4LjggNC4zLTIxLjMuMi00Mi43IDAtNjQgMHpNMjAzLjIgMzQ0TDM0OCAyNjQuN2wtMTQ0LjgtNzkuM1YzNDR6IiBmaWxsPSIjREQyQzI4Ii8+PHBhdGggZD0iTTIwMy4yIDM0NFYxODUuNUwzNDggMjY0LjggMjAzLjIgMzQ0eiIgZmlsbD0iI0ZFRkRGRCIvPjwvc3ZnPg=="); opacity: 1; } .lazyframe[data-vendor="vimeo"] { background-color: #00adef; } .lazyframe[data-vendor="vimeo"] .lazyframe__title { font-family: "Helvetica Neue", Helvetica, Arial; color: #00adef; font-size: 20px; font-weight: bold; text-rendering: optimizeLegibility; user-select: none; -webkit-font-smoothing: auto; -webkit-tap-highlight-color: transparent; background-color: rgba(0, 0, 0, 0.5); } .lazyframe[data-vendor="vimeo"]:before { padding-top: 48.25%; } .lazyframe[data-vendor="vimeo"][data-ratio="16:9"]:before { padding-top: 56.25%; } .lazyframe[data-vendor="vimeo"][data-ratio="4:3"]:before { padding-top: 75%; } .lazyframe[data-vendor="vimeo"][data-ratio="1:1"]:before { padding-top: 100%; } .lazyframe[data-vendor="vimeo"]:after { content: ''; height: 40px; width: 65px; display: block; position: absolute; bottom: 10px; left: 10px; z-index: 3; background-color: rgba(0, 0, 0, 0.5); background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgYmFzZVByb2ZpbGU9InRpbnkiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTcuNzY1IDE2Ljg5bDguNDctNC44OS04LjQ3LTQuODkiLz48L3N2Zz4="); background-position: center center; background-size: 100% 100%; background-repeat: no-repeat; border-radius: 5px; position: relative; } .lazyframe[data-vendor="vimeo"]:hover:after { background-color: #00adef; } .lazyframe[data-vendor="vine"] { background-color: #00bf8f; } .lazyframe[data-vendor="vine"] .lazyframe__title { color: #fff; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 16px; white-space: nowrap; z-index: 3; positon: relative; } .lazyframe[data-vendor="vine"] .lazyframe__title:after { content: ''; position: absolute; top: 0; left: 0; right: 0; z-index: -1; height: 115px; padding: 24px 70px 24px 24px; background: linear-gradient(to top, rgba(23, 23, 23, 0) 0, rgba(23, 23, 23, 0.7) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b3171717", endColorstr="#00171717", GradientType=0 ); } .lazyframe[data-vendor="vine"]:before { padding-top: 100%; } .lazyframe[data-vendor="vine"][data-ratio="16:9"]:before { padding-top: 56.25%; } .lazyframe[data-vendor="vine"][data-ratio="4:3"]:before { padding-top: 75%; } .lazyframe[data-vendor="vine"][data-ratio="1:1"]:before { padding-top: 100%; } .lazyframe[data-vendor="vine"]:after { content: ''; width: 60px; height: 60px; position: absolute; left: 50%; top: 50%; z-index: 4; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMzYiIGhlaWdodD0iMTM2IiB2aWV3Qm94PSIwIDAgMTM2IDEzNiI+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTU2IDQ0Yy0uNyAwLTEuNC4yLTIgLjUtMS4yLjgtMiAyLTIgMy41djQwYzAgMS40LjggMi44IDIgMy41LjYuMyAxLjMuNSAyIC41czEuNC0uMiAyLS41bDM0LjYtMjBjMS4zLS43IDItMiAyLTMuNSAwLTEuNC0uNy0yLjgtMi0zLjVMNTggNDQuNWMtLjYtLjMtMS4zLS41LTItLjV6Ii8+PC9zdmc+"); background-color: rgba(0, 0, 0, 0.5); background-size: cover; background-repeat: no-repeat; margin-top: -30px; margin-left: -30px; border-radius: 50%; } .lazyframe[data-vendor="vine"]:hover:after { background-color: rgba(0, 0, 0, 0.75); } /* * Remodal - v1.0.6 * Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking. * http://vodkabears.github.io/remodal/ * * Made by Ilya Makarov * Under MIT License */ /* ========================================================================== Remodal's necessary styles ========================================================================== */ /* Hide scroll bar */ html.remodal-is-locked { overflow: hidden; -ms-touch-action: none; touch-action: none; } /* Anti FOUC */ .remodal, [data-remodal-id] { display: none; } /* Necessary styles of the overlay */ .remodal-overlay { position: fixed; z-index: 9999; top: -5000px; right: -5000px; bottom: -5000px; left: -5000px; display: none; } /* Necessary styles of the wrapper */ .remodal-wrapper { position: fixed; z-index: 10000; top: 0; right: 0; bottom: 0; left: 0; display: none; overflow: auto; text-align: center; -webkit-overflow-scrolling: touch; } .remodal-wrapper:after { display: inline-block; height: 100%; margin-left: -0.05em; content: ""; } /* Fix iPad, iPhone glitches */ .remodal-overlay, .remodal-wrapper { -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Necessary styles of the modal dialog */ .remodal { position: relative; outline: none; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; } .size-chart-remodal { max-height: calc(100vh - 20px); } .size-chart-remodal .size-chart-wrap { max-height: calc(100vh - 70px); overflow-y: scroll; } .remodal img { max-width: 100%; } .remodal-is-initialized { /* Disable Anti-FOUC */ display: inline-block; } /* ========================================================================== Remodal's default mobile first theme ========================================================================== */ /* Default theme styles for the background */ .remodal-bg.remodal-is-opening, .remodal-bg.remodal-is-opened { filter: blur(3px); } /* Default theme styles of the overlay */ .remodal-overlay { background: rgba(43, 46, 56, 0.9); } .remodal-overlay.remodal-is-opening, .remodal-overlay.remodal-is-closing { animation-duration: 0.3s; animation-fill-mode: forwards; } .remodal-overlay.remodal-is-opening { animation-name: remodal-overlay-opening-keyframes; } .remodal-overlay.remodal-is-closing { animation-name: remodal-overlay-closing-keyframes; } /* Default theme styles of the wrapper */ .remodal-wrapper { padding: 10px 10px 0; } /* Default theme styles of the modal dialog */ .remodal { width: 100%; margin-bottom: 10px; padding: 35px; -ms-transform: translateY(0, 0, 0); transform: translate3d(0, 0, 0); color: #2b2e38; background: #fff; } @media only screen and (max-width: 850px) { .remodal { overflow-x: scroll; } } .remodal.remodal-is-opening, .remodal.remodal-is-closing { animation-duration: 0.3s; animation-fill-mode: forwards; } .remodal.remodal-is-opening { animation-name: remodal-opening-keyframes; } .remodal.remodal-is-closing { animation-name: remodal-closing-keyframes; } /* Vertical align of the modal dialog */ .remodal, .remodal-wrapper:after { vertical-align: middle; } /* Close button */ .remodal-close { position: absolute; top: 0; right: 0; display: block; overflow: visible; width: 35px; height: 35px; margin: 0; padding: 0; cursor: pointer; transition: color 0.2s; text-decoration: none; color: #95979c; border: 0; outline: 0; background: transparent; z-index: 1000; } .remodal-close:hover, .remodal-close:focus { color: #2b2e38; } .remodal-close:before { font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important; font-size: 25px; line-height: 35px; position: absolute; top: 0; left: 0; display: block; width: 35px; content: "\00d7"; text-align: center; } /* Dialog buttons */ .remodal-confirm, .remodal-cancel { font: inherit; display: inline-block; overflow: visible; min-width: 110px; margin: 0; padding: 12px 0; cursor: pointer; transition: background 0.2s; text-align: center; vertical-align: middle; text-decoration: none; border: 0; outline: 0; } .remodal-confirm { color: #fff; background: #81c784; } .remodal-confirm:hover, .remodal-confirm:focus { background: #66bb6a; } .remodal-cancel { color: #fff; background: #e57373; } .remodal-cancel:hover, .remodal-cancel:focus { background: #ef5350; } /* Remove inner padding and border in Firefox 4+ for the button tag. */ .remodal-confirm::-moz-focus-inner, .remodal-cancel::-moz-focus-inner, .remodal-close::-moz-focus-inner { padding: 0; border: 0; } /* Keyframes ========================================================================== */ @keyframes remodal-opening-keyframes { from { transform: scale(1.05); opacity: 0; } to { transform: none; opacity: 1; } } @keyframes remodal-closing-keyframes { from { transform: scale(1); opacity: 1; } to { transform: scale(0.95); opacity: 0; } } @keyframes remodal-overlay-opening-keyframes { from { opacity: 0; } to { opacity: 1; } } @keyframes remodal-overlay-closing-keyframes { from { opacity: 1; } to { opacity: 0; } } /* #Media Queries ================================================== */ /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 1008px) { #contact_form input.sign_up[type="submit"] { margin-left: 0; margin-bottom: 1.5em; width: 100%; } input.contact_email[type="email"] { width: 100%; } .collection_menu { display: none; } h1.collection_title_tags, div.collection_title_tags { border-right: 0; margin-right: 0; padding-right: 0; } .newsletter .input-row input { margin: 5px 0px; } input.sign_up { margin: 0px; } .newsletter-both-names--true input.firstName { margin-right: 5px; } } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 799px) and (max-width: 1008px) { .nav a, .nav a:visited, .menu a:hover, .nav a:active, .nav a:focus { font-size: 10px; } .menu a, .menu a:visited, .menu a:hover, .menu a:active, .menu a:focus { font-size: 10px; } .menu li, #header span.menu_title, .menu a span { padding-left: 2px; padding-right: 2px; } .nav .menu li.search_link { display: inline-block; } .menu li.search_container { display: none; } } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 850px) { .article_image { padding-bottom: 0; } .sidebar_content { border: 0; padding: 0; } .nav_arrows { float: none; text-align: center; } .nav_arrows .prev { float: left; } .nav_arrows .next { float: right; } #header .top_bar a.mobile_logo { margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; font-size: 18px; line-height: 34px; z-index: 5; width: 50%; height: auto; color: #ffffff; display: -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; } #header a.mobile_logo img { width: auto; max-width: 140px; max-height: 30px; } .payment_methods { text-align: center; float: none; display: block; } .credits { float: none; display: block; text-align: center; } .is-absolute { top: 0px !important; } .blog_filter { margin-top: 1em; width: 100% !important; } .section_select { text-align: center; } .flex-control-nav { bottom: 10px; } .featured_links a span { font-size: 10px; } .or { width: 100%; display: inline-block; padding-left: 0; padding-bottom: 5px; } .mobile_hidden { display: none !important; } table tr.order_summary td.label { text-align: left; } .featured_text { font-size: 16px; line-height: 1.7em; } #header { display: block; } .header { display: none; } h4.toggle { cursor: pointer; } .toggle span { display: block; } .toggle_list { display: none; } select { width: 100%; margin-left: 0; } input[type="submit"], input[type="reset"], input[type="button"], input.action_button[type="submit"], input.action_button[type="button"], .sign_up { margin-left: 0; width: 100%; outline: 0; } .credits_right { text-align: left; } td { padding: 4px !important; } .title_column { float: left; } .container div.mobile_only, .mobile_only { display: block; } span.mobile_only { display: inline; } .price_total { text-align: right; } .price_total_text { display: block; } .update_subtotal, .price_total, .remove_column, .checkout_table_header { display: none; } .mobile_right { text-align: right; } .quick_shop { display: none !important; } .cart_price { display: block; margin-bottom: 0; } table tr th, table tr td { padding: 2px; } input.action_button { margin-bottom: 1em !important; } .multiple_product_images { display: none; } .headline { font-size: 1.3em; line-height: 1.2; position: relative; } p.subtitle { font-size: 1.1em; line-height: 1.2; position: relative; } } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (max-width: 850px) { .mobile_hidden { display: none !important; } } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { .cart_image { max-width: 60px; padding-right: 10px; } h1, h2, h3, h4, h5, h6, .collection_title, .empty_cart { font-size: 110%; line-height: 1.5em; } h1, h1.home, .title a, h2 { padding: 0; } } @media only screen and (min-device-width: 320px) and (max-device-width: 1024px) { html { -webkit-text-size-adjust: 100%; } } @font-face { font-family: 'turbo'; src: url("//cdn.shopify.com/s/files/1/1956/1231/t/53/assets/turbo.eot?v=48734892740725754481663018311"); src: url("//cdn.shopify.com/s/files/1/1956/1231/t/53/assets/turbo.eot?v=48734892740725754481663018311") format("embedded-opentype"), url("//cdn.shopify.com/s/files/1/1956/1231/t/53/assets/turbo.woff?v=150966577236684244781663018311") format("woff"), url("//cdn.shopify.com/s/files/1/1956/1231/t/53/assets/turbo.ttf?v=77481909974496710951663018311") format("truetype"), url("//cdn.shopify.com/s/files/1/1956/1231/t/53/assets/turbo.svg?v=173366358466109711321663018311") format("svg"); font-weight: normal; font-style: normal; } [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "turbo"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .15em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-bag:before { content: "\e901"; } .icon-cart:before { content: "\e902"; } .icon-check:before { content: "\e903"; } .icon-cross:before { content: "\e904"; } .icon-up-arrow:before { content: "\e917"; } .icon-down-arrow:before { content: "\e905"; } .icon-left-arrow:before { content: "\e90b"; } .icon-right-arrow:before { content: "\e912"; margin-right: 0; } .icon-plus:before { content: "\e911"; } .icon-minus:before { content: "\e90e"; } .icon-menu:before { content: "\e90d"; } .icon-email:before { content: "\e906"; } .icon-pinterest:before { content: "\e907"; } .icon-rss:before { content: "\e909"; } .icon-houzz:before { content: "\e90a"; } .icon-snapchat:before { content: "\e90c"; } .icon-phone:before { content: "\e90f"; } .icon-instagram:before { content: "\e910"; } .icon-vimeo:before { content: "\e913"; } .icon-search:before { content: "\e914"; } .icon-zoom:before { content: "\e900"; } .icon-youtube:before { content: "\e915"; } .icon-lock:before { content: "\e916"; color: #ffffff; } .icon-user:before { content: "\e918"; } .icon-facebook:before { content: "\ea90"; } .icon-twitter:before { content: "\ea96"; } .icon-tumblr:before { content: "\eab9"; } .icon-linkedin:before { content: "\eaca"; } .icon-twitter-share:before { content: "\ea96"; } .icon-facebook-share:before { content: "\ea90"; } .icon-pinterest-share:before { content: "\e907"; } .icon-mail-share:before { content: "\e906"; } span.icon-down-arrow { padding: 0 !important; font-size: 12px !important; } .menu li.search_link { display: none; padding-left: 10px; padding-right: 10px; } .sticky_nav .menu li.search_link { display: inline-block; float: right; } .sticky_nav .menu-position--block .logo { display: none; } .menu li.search_container { width: 30%; float: right; padding-top: 3px; } @media only screen and (min-width: 1401px) { .menu li.search_container { margin-left: 15px; } } .logo-align--left .menu li.search_container { width: 18%; } .menu-position--block .menu li.search_container { width: 18%; float: none; } form.search_form, .search_form input { padding-top: 0; margin-bottom: 0; position: relative; -webkit-appearance: none; border-radius: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; } .search_form input, .search_form input:active, .search_form input:focus { font-family: "DIN Next", sans-serif; font-weight: 400; font-style: normal; font-size: 12px; letter-spacing: 1px; color: #ffffff; background-color: transparent; padding-right: 35px; border-color: #ffffff; border-radius: 3px; } .feature_image .search_form input, .feature_image .search_form input:active, .feature_image .search_form input:focus { color: #ffffff; border-color: #ffffff; } .feature_image .search_form input::-webkit-input-placeholder, .feature_image .search_form input:active::-webkit-input-placeholder, .feature_image .search_form input:focus::-webkit-input-placeholder { color: #ffffff; } .feature_image .search_form input::-moz-placeholder, .feature_image .search_form input:active::-moz-placeholder, .feature_image .search_form input:focus::-moz-placeholder { color: #ffffff; } .feature_image .search_form input:-ms-input-placeholder, .feature_image .search_form input:active:-ms-input-placeholder, .feature_image .search_form input:focus:-ms-input-placeholder { color: #ffffff; } .feature_image .search-submit { color: #ffffff; } .header_search_form { width: 60%; margin: 0 auto 30px auto; padding: 30px 0 0 0; position: relative; border-bottom: solid 1px #ffffff; } @media only screen and (max-width: 850px) { .header_search_form { width: 90%; margin: 30px auto; padding: 0; } } .header_search_form input, .header_search_form input:focus, .header_search_form input:active { background-color: transparent; font-family: "DIN Next", sans-serif; font-weight: 400; font-style: normal; color: #ffffff; letter-spacing: 1px; border: none; font-size: 36px; line-height: 36px; } @media only screen and (max-width: 850px) { .header_search_form input, .header_search_form input:focus, .header_search_form input:active { font-size: 22px; line-height: 22px; margin-bottom: 0px; } } .header_search_form .search-submit { top: 38px; font-size: 30px; } @media only screen and (max-width: 850px) { .header_search_form .search-submit { top: 50%; position: absolute; transform: translateY(-50%); font-size: 20px; } } .feature_image .search_form input, .feature_image .search_form input:active, .feature_image .search_form input:focus { color: #ffffff; border: 1px solid #ffffff; } .feature_image .search_form input::-webkit-input-placeholder { color: #ffffff; } .feature_image .search_form input:-moz-placeholder { /* Firefox 18- */ color: #ffffff; } .feature_image .search_form input::-moz-placeholder { /* Firefox 19+ */ color: #ffffff; } .feature_image .search_form input:-ms-input-placeholder { color: #ffffff; } .search_form input::-webkit-input-placeholder { color: #ffffff; } .search_form input:-moz-placeholder { /* Firefox 18- */ color: #ffffff; } .search_form input::-moz-placeholder { /* Firefox 19+ */ color: #ffffff; } .search_form input:-ms-input-placeholder { color: #ffffff; } .search_form input:focus::-webkit-input-placeholder { color: #bbbbbb; } .search_form input:focus:-moz-placeholder { /* Firefox 18- */ color: #bbbbbb; } .search_form input:focus::-moz-placeholder { /* Firefox 19+ */ color: #bbbbbb; } .search_form input:focus:-ms-input-placeholder { color: #bbbbbb; } .feature_image .search_form input, .feature_image .search_form input:active, .feature_image .search_form input:focus { color: #ffffff; border: 1px solid #ffffff; } .feature_image .search_form input::-webkit-input-placeholder { color: #ffffff; } .feature_image .search_form input:-moz-placeholder { /* Firefox 18- */ color: #ffffff; } .feature_image .search_form input::-moz-placeholder { /* Firefox 19+ */ color: #ffffff; } .feature_image .search_form input:-ms-input-placeholder { color: #ffffff; } .search-submit { position: absolute; z-index: 1000; color: #ffffff; font-size: 20px; top: 9px; right: 7px; cursor: pointer; } .feature_image .search-submit { color: #ffffff; } .blog_search .search-submit { color: #333333; top: 10px; right: 8px; z-index: 1; } .social_icons { margin-left: 0; margin-top: 0; } .social_icons li { display: inline; padding-right: 2px; } @media only screen and (max-width: 1024px) { footer .footer-social-icons { display: none; } } footer .footer-social-icons--mobile.columns { display: none; padding-left: 0; } @media only screen and (max-width: 1024px) { footer .footer-social-icons--mobile.columns { display: block; } footer .footer-social-icons--mobile.columns > ul { display: block; padding-left: 0; } } footer .social_icons { display: block; margin-top: 15px; } @media only screen and (max-width: 1024px) { footer .social_icons { padding-left: 0; text-align: center; } } footer .social_icons a, footer .social_icons a:visited { color: #bbbbbb; font-size: 22px; display: inline-block; margin-bottom: 1em; } @media only screen and (max-width: 850px) { footer .social_icons a, footer .social_icons a:visited { margin-bottom: 0; } } footer .social_icons a:active, footer .social_icons a:hover { color: #ffffff; font-size: 22px; } /*! * animate.css -http://daneden.me/animate * Version - 3.5.2 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2017 Daniel Eden */ .animated { animation-duration: 1s; animation-fill-mode: both; } .animated.infinite { animation-iteration-count: infinite; } .animated.hinge { animation-duration: 2s; } .animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY { animation-duration: .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; } .delay-0s { -moz-animation-delay: 0; -webkit-animation-delay: 0; animation-delay: 0; } .delay-025s { -moz-animation-delay: .25s; -webkit-animation-delay: .25s; animation-delay: .25s; opacity: 0; } .delay-05s { -moz-animation-delay: .5s; -webkit-animation-delay: .5s; animation-delay: .5s; opacity: 0; } .delay-075s { -moz-animation-delay: .75s; -webkit-animation-delay: .75s; animation-delay: .75s; opacity: 0; } .delay-1s { -moz-animation-delay: 1s; -webkit-animation-delay: 1s; animation-delay: 1s; opacity: 0; } .animate_right, .animate_left, .animate_up, .animate_down { opacity: 0; } .ie .animated, .ie .animate_right, .ie .animate_left, .ie .hsContent, .ie #slide-1 .animated { opacity: 1 !important; } .ie delay-025s, .ie .delay-0s, .ie .delay-025s, .ie .delay-05s, .ie .delay-075s, .ie .delay-1s { opacity: 1 !important; } .ie select { background-image: none !important; } @media only screen and (max-width: 850px) { .delay-0s, .delay-025s, .delay-05s, .delay-075s, .delay-1s, .animate_right, .animate_left, .animate_up, .animate_down { opacity: 1; } } /* #Password Page ================================================== */ #password-container { margin: 75px auto 0; max-width: 100%; display: table; text-align: center; display: table; } @media only screen and (max-width: 1024px) { #password-container { margin-top: 10px; } } #password-container #contact_form input.sign_up[type="submit"] { width: calc(35% - 10px); } @media only screen and (max-width: 1024px) { #password-container #contact_form input.sign_up[type="submit"] { width: 100%; } } #password-container #contact_form input.contact_email[type="email"] { max-width: 100%; } .password-page-message { font-size: 3em; line-height: 1.2; margin: 10px auto; padding: 12px 0; } .password-page-follow { margin: 5px 0; } .password-social .social_icons a, .password-social .social_icons a:visited, .password-social .social_icons a:active { font-size: 25px; } .password-page-row { display: table-row; width: 100%; height: 100%; margin: 0 auto; } .password-page-col { display: table-cell; vertical-align: middle; padding: 5px 30px; width: 100%; } .password-logo { max-width: 200px; /* Allows logo to be more prominent*/ margin: 0px auto; } .password-message { max-width: 600px; font-size: 1.2em; color: #bbbbbb; } .hr-small { margin: 20px auto; width: 50px; } .password-social { margin-top: 10px; padding-top: 20px; } .password-social ul { margin-left: 0; padding-left: 0; margin-bottom: 10px; } .password-social .social_icons li { display: inline; margin-left: 0; } .password-social .social_icons a:hover { color: #bbbbbb; } .password-footer { margin-top: 15px; margin-bottom: 40px; font-size: 13px; color: #bbbbbb; text-align: center; } .powered { display: block; margin-top: 15px; } .shopify a { background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAYAAADUryzEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA0JJREFUeNqMU81vG0UU/83sR73YG+M4xrHj4jj9UCFNSaGlQQUhhFBRpXIo6jEHQFXFAbhy4B/gioTgzgGV7ws5IAoqUgUSoWoIaZJGpGpMHDuptf5a7+fM8nZpJaRy4M0+jd7szO/93u/NsAsX5vFvi6IInHNUq5NnstnsqXp96xur3f392HNlrIcLePHkS8hlTchIJvtVSTOjIaSAwhkiGsXi+BudjjVp28Oj+XzhrPDZh5qqfoIQD5j6wrxHCAJ6UMXVr3pgnB0c9O2843jrE5XMtZER47GTp+bOqfn++d9+Ct5TuLrCGAcjpgnAWEVSdg8HSyWUzTl8v7D08szxSltPB6/OPDWeW/q1caI2O0zfbrThBM7pjdbiz9PG7LsK01epYKiCaMlIQadnHag9UZ2vbuqvl47tVMwcY3fdFjLFCIHksB0bQojCTmfzlWyHf53S0qsyigESMRS0uqtvNbs330nXNHhRAWl3ChnNhLG/jzBy4fg27pGG5TSqWsARV6EGwk+WScgymIQ5auLpyTdRHj2arC//9QXuDpfgeDYkQcgoZixq4DKuAGoo7wEwVg5DD3PVt1EafRzL21/C0HJo9f4gYUO4gZNkFMk5Nkli3wcI4vP7yIvxhsLIIXhBHzfqlzHwWihkDiNjPEwlDJNE/zDABGPQKfR5QAzI8wRU9IWNurWIlJbF+dmP8Ig5ja67Az8cwvWdmCVi4YSMSlTzODjAQxGAvCZkaIpI4MeN97Fc/xbpfXk8WXmNqPcw9C1idR8gKSNN06GYEScZYwZVJ+xj/8hpPJp9HmvNK/Bd6g0zEXfJ9rvEwE0A4qbFLOibimN15RcLR57JVFx7iLGHpvFs9RJ8QZvofmzsXoEXDqAqWiIiyUaAUSIkBTVVY1BuXuth6rhxcaxizDb619EcrGPg7+JG8zJWdj8HZwplk7hTHyDiKrU5BVWXyKT57ncfNz9TRBjxrRWn3/zT2+7seV7DWuabnR+MTrCm6ikNnLLEL3R720dmQkMqFz8dia3rdmvhg8an7MH3hZRhKuVsQTtcPmCcGK+lZvLl1JEdK9T7PW9t75a72L7tXh3sBbdEELXxP00h1//rx98CDACS7p3N/ZPUwQAAAABJRU5ErkJggg==); padding-left: 21px; color: #bbbbbb; text-decoration: none; } .password-footer a { color: #bbbbbb; 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: #bbbbbb; } .close-me { z-index: 8000; } .modalbox { position: absolute; height: 100%; top: -1em; bottom: 0; left: 0; right: 0; padding: 0; z-index: 5000; } .overlay { position: fixed; width: 100%; height: 100%; max-height: 100%; top: 0; left: 0; background: #fff; background: rgba(255, 255, 255, 0.95); } .overlay-close { width: 150px; height: 50px; position: absolute; right: 10px; top: 10px; border: 1px solid #000; font-size: 14px; } .overlay-data { opacity: 0; visibility: hidden; transition: opacity 0.5s; visibility: 0s 0.5s; transition: opacity 0.5s, visibility 0s 0.5s; } .overlay-open { opacity: 1; visibility: visible; transition: opacity 0.5s; } .inputbox { margin: 0px auto; max-width: 80%; display: table; text-align: center; position: absolute; top: 50%; left: 50%; margin-right: -50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #000; } @media only screen and (max-width: 1024px) { #password-page-bg .modalbox .inputbox { top: 50%; } } .storefront-password-form label { font-size: 0.9em; margin: 0 0 1em 0; text-align: center; } .storefront-password-form .actions { display: inline-block; } .storefront-password-form #password { width: 50%; display: inline-block; } @media only screen and (max-width: 850px) { .storefront-password-form #password { width: 100%; } } #owner { font-size: 0.9em; margin-top: -1em; opacity: 0.8; } .pass-close { color: #000 !important; padding: 0 !important; margin: 1em !important; position: inherit !important; } @media screen and (min-width: 320px) and (max-width: 440px) and (max-height: 667px) { .modalbox { display: block; width: 414px !important; max-width: 100%; text-align: center; } .pass-close { display: block; margin: 0.65em -0.15em 1em 0 !important; } } /* #Page Details ================================================== */ .page-details-section .container { padding: 0; } .page-details-section .article { padding-bottom: 0; } .page-details-section div.container .featured_products { padding-top: 0; } @media only screen and (max-width: 850px) { .page-details-section .caption.position-center, .page-details-section .caption.position-left, .page-details-section .caption.position-right { margin: 5% 0 0 0; } } /* #Product Details ================================================== */ .product-details-template .product-details__blocks .container { padding: 0; } .product-details-template .action_button:not(.add_to_cart) { width: auto; } .product-details-template img { width: 100%; } .product-details-template img.rich-image { max-width: auto; margin-bottom: 20px; } @media only screen and (max-width: 850px) { .product-details-template .featured-link--section.text-block--left { flex-direction: column-reverse; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .quote { padding: 10px 0px; text-align: center; border-top-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-bottom-style: solid; border-color: #aaaaaa; } .grey-map { filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(99%); /* Chrome 19+ & Safari 6+ */ -webkit-backface-visibility: hidden; /* Fix for transition flickering */ } /* Home page - general ================================================== */ /* Full-width product slider */ .homepage-product-slider { margin: 0 10px; } .homepage-product-slider object.placeholder-image { width: 100%; display: block; height: auto; position: relative; padding-top: 100%; } .homepage-product-slider .placeholder-svg--product { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .homepage-product-slider.even-num-slides { padding-left: 10px; width: calc(100% - 20px); } @media only screen and (max-width: 1024px) { .homepage-product-slider.even-num-slides { padding-left: 0; width: 100%; } } .products-slider.slider-gallery.products-length-6 .gallery-cell { width: calc(16.6% - 10px); } @media only screen and (max-width: 1024px) { .products-slider.slider-gallery.products-length-6 .gallery-cell { width: calc(40% - 10px); } } .products-slider.slider-gallery.products-length-5 .gallery-cell { width: calc(20% - 10px); } @media only screen and (max-width: 1024px) { .products-slider.slider-gallery.products-length-5 .gallery-cell { width: calc(40% - 10px); } } .products-slider.slider-gallery.products-length-4 .gallery-cell { width: calc(25% - 10px); } @media only screen and (max-width: 1024px) { .products-slider.slider-gallery.products-length-4 .gallery-cell { width: calc(40% - 10px); } } .products-slider.slider-gallery.products-length-3 .gallery-cell, .products-slider.slider-gallery.products-length-2 .gallery-cell, .products-slider.slider-gallery.products-length-1 .gallery-cell { width: calc(33.33% - 10px); } .products-slider.slider-gallery .gallery-cell.visible-2 { width: calc(50% - 10px); } @media only screen and (max-width: 1024px) { .products-slider.slider-gallery .gallery-cell.visible-2 { width: calc(50% - 10px); } } .products-slider.slider-gallery .gallery-cell.visible-3 { width: calc(33.33% - 10px); } @media only screen and (max-width: 1024px) { .products-slider.slider-gallery .gallery-cell.visible-3 { width: calc(40% - 10px); } } .products-slider.slider-gallery .gallery-cell.visible-4 { width: calc(25% - 10px); } @media only screen and (max-width: 1024px) { .products-slider.slider-gallery .gallery-cell.visible-4 { width: calc(40% - 10px); } } .products-slider.slider-gallery .gallery-cell.visible-5 { width: calc(20% - 10px); } @media only screen and (max-width: 1024px) { .products-slider.slider-gallery .gallery-cell.visible-5 { width: calc(40% - 10px); } } .products-slider.slider-gallery .gallery-cell.visible-6 { width: calc(16.666% - 10px); } @media only screen and (max-width: 1024px) { .products-slider.slider-gallery .gallery-cell.visible-6 { width: calc(40% - 10px); } } .products-slider.slider-gallery .gallery-cell.visible-7 { width: calc(14.2% - 10px); } @media only screen and (max-width: 1024px) { .products-slider.slider-gallery .gallery-cell.visible-7 { width: calc(40% - 10px); } } .products-slider.slider-gallery .gallery-cell.visible-7 .product-details { font-size: 0.7rem; } .featured_products.product-slider { padding-bottom: 0; } .featured_products.product-slider .columns { padding-bottom: 0; } .banner-full-link { line-height: 0; font-size: 0; color: transparent; top: 0; left: 0; right: 0; bottom: 0; position: absolute; } .banner-full-link + .caption { pointer-events: none; cursor: pointer; } @media only screen and (max-width: 850px) { .full-width--true .caption { padding-left: 20px; padding-right: 20px; } } @media only screen and (min-width: 1025px) { .full-width--true .caption { max-width: 960px; padding: 0; } } @media only screen and (min-width: 1401px) { .full-width--true .caption { max-width: 1200px; padding: 0; } } .caption { width: 100%; position: absolute; top: 55%; padding: 0 5%; -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } @media only screen and (min-width: 1025px) { .caption { max-width: 960px; left: 0; right: 0; margin: 0 auto; } } @media only screen and (min-width: 1025px) { .caption { padding: 0 30px; } } @media only screen and (max-width: 1024px) { .caption { width: 100%; } } @media only screen and (max-width: 850px) { .caption { margin: 20px auto; font-size: 3vw; position: static; transform: none; width: 100%; } } .caption a { pointer-events: all; } .caption.position-center { left: 0; right: 0; text-align: center; margin-left: auto; margin-right: auto; } @media only screen and (max-width: 1024px) { .caption.position-center { width: 85%; } } @media only screen and (max-width: 850px) { .caption.position-center { width: 100%; } } .caption.position-left { left: 0; right: 0; text-align: left; } .caption.position-right { left: 0; right: 0; text-align: right; } .caption .pretext { color: #ffffff; font-family: "DIN Next", sans-serif; font-weight: 700; text-transform: uppercase; font-size: 18px; letter-spacing: 1px; margin-bottom: 10px; } @media only screen and (max-width: 850px) { .caption .pretext { font-size: 1.4em; color: #333333; text-shadow: none; } } @media only screen and (max-width: 1024px) { .caption .pretext { font-size: 12.0px; } } @media only screen and (min-width: 1025px) { .caption .pretext { font-size: 15.0px; } } @media only screen and (min-width: 1025px) { .caption .pretext { font-size: 18px; } } .caption .headline { color: #ffffff; font-family: "DIN Next", sans-serif; font-weight: 900; font-style: normal; text-transform: uppercase; font-size: 48px; letter-spacing: 0px; line-height: 1.4em; margin-bottom: 15px; } @media only screen and (max-width: 850px) { .caption .headline { font-size: 2.6em; color: #333333; text-shadow: none; } } @media only screen and (max-width: 1024px) { .caption .headline { font-size: 32.0px; } } @media only screen and (min-width: 1025px) { .caption .headline { font-size: 40.0px; } } @media only screen and (min-width: 1025px) { .caption .headline { font-size: 48px; } } .caption .subtitle { color: #ffffff; font-family: "DIN Next", sans-serif; font-weight: 700; text-transform: uppercase; font-style: uppercase; font-size: 18px; letter-spacing: 1px; position: relative; } @media only screen and (max-width: 850px) { .caption .subtitle { font-size: 1.4em; color: #333333; text-shadow: none; } } @media only screen and (max-width: 1024px) { .caption .subtitle { font-size: 12.0px; } } @media only screen and (min-width: 1025px) { .caption .subtitle { font-size: 15.0px; } } @media only screen and (min-width: 1025px) { .caption .subtitle { font-size: 18px; } } .caption .pretext:empty, .caption .headline:empty, .caption .subtitle:empty { display: none; } .caption .pretext:empty:before, .caption .headline:empty:before, .caption .subtitle:empty:before { height: 0; } .subtitle p a { pointer-events: all; } .caption-content { display: inline-block; float: none; max-width: 60%; font-size: 0; } @media only screen and (max-width: 1024px) { .caption-content { max-width: 80%; } } @media only screen and (max-width: 850px) { .caption-content { width: 100%; max-width: 100%; } } .caption-content .action_button { margin: 10px; } @media only screen and (max-width: 1024px) { .caption-content .action_button { margin: 5px; } } @media only screen and (max-width: 850px) { .caption-content .action_button { font-size: 16px; } } .caption-content.align-center { text-align: center; } @media only screen and (max-width: 1024px) { .caption-content.align-center { max-width: 80%; } } @media only screen and (max-width: 850px) { .caption-content.align-center { width: 100%; max-width: 100%; } } .caption-content.align-left { text-align: left; } .caption-content.align-left:first-child .action_button { margin-left: 0; } .caption-content.align-left .subtitle:before { margin-left: 0; } .caption-content.align-right { text-align: right; } .caption-content.align-right:last-child .action_button { margin-right: 0; } .caption-content.align-right .subtitle:before { margin-right: 0; } .caption-content.caption-background-true { padding: 30px; } @media only screen and (max-width: 850px) { .caption-content.caption-background-true { padding: 0; } } /* Transparency settings for each type of caption */ .caption-background-true { background-color: #1e1e1e; } .homepage-video .caption-background-true { background-color: #1e1e1e; } @media only screen and (max-width: 850px) { .homepage-video .caption-background-true { background-color: transparent; } } .caption-background-true { background-color: #1e1e1e; } .caption-background-true.caption-transparency-true { background-color: rgba(30, 30, 30, 0.6); } @media only screen and (max-width: 850px) { .caption-background-true.caption-transparency-true { background-color: transparent; } } @media only screen and (max-width: 850px) { .caption-background-true { background-color: transparent; } } a.highlight-false, input[type="button"].highlight-false, a.highlight-true, input[type="button"].highlight-true, a.continue-button { background-color: rgba(255, 255, 255, 0); color: #ffffff; border: 1px solid #ffffff; transition: background-color 0.2s linear, color 0.2s linear; margin: 25px 0; } a.highlight-false:hover, input[type="button"].highlight-false:hover, a.highlight-true:hover, input[type="button"].highlight-true:hover, a.continue-button:hover { background-color: #ffffff; border-color: #ffffff; color: #333; } @media only screen and (max-width: 850px) { a.highlight-false, input[type="button"].highlight-false, a.highlight-true, input[type="button"].highlight-true, a.continue-button { color: #333333; border-color: #333333; background-color: transparent; } a.highlight-false:hover, input[type="button"].highlight-false:hover, a.highlight-true:hover, input[type="button"].highlight-true:hover, a.continue-button:hover { border-color: #333333; background-color: #333333; color: #fff; } } a.highlight-true, input[type="button"].highlight-true { background-color: #ffffff; border-color: #ffffff; color: #333; } @media only screen and (max-width: 850px) { a.highlight-true, input[type="button"].highlight-true { border-color: #333333; background-color: #333333; color: #fff; } } a.continue-button, a.highlight-false--dark, input[type="button"].highlight-false--dark { color: #333333; border-color: #333333; background-color: transparent; } a.continue-button:hover, a.highlight-false--dark:hover, input[type="button"].highlight-false--dark:hover { border-color: #333333; background-color: #333333; color: #fff; } /* Slideshow */ .homepage-slideshow .gallery-cell:not(:first-child) { height: 0; } .homepage-slideshow.flickity-enabled .gallery-cell:not(:first-child) { height: auto; } .homepage-slideshow a.highlight-false:hover, .homepage-slideshow input[type="button"].highlight-false:hover, .homepage-slideshow a.highlight-true:hover, .homepage-slideshow input[type="button"].highlight-true:hover { color: #333; } @media only screen and (max-width: 850px) { .homepage-slideshow a.highlight-false, .homepage-slideshow input[type="button"].highlight-false, .homepage-slideshow a.highlight-true, .homepage-slideshow input[type="button"].highlight-true { color: #333333; border-color: #333333; background-color: transparent; } .homepage-slideshow a.highlight-false:hover, .homepage-slideshow input[type="button"].highlight-false:hover, .homepage-slideshow a.highlight-true:hover, .homepage-slideshow input[type="button"].highlight-true:hover { border-color: #333333; background-color: #333333; color: #fff; } } .homepage-slideshow a.highlight-true, .homepage-slideshow input[type="button"].highlight-true { background-color: #ffffff; border-color: #ffffff; color: #333; } @media only screen and (max-width: 850px) { .homepage-slideshow a.highlight-true, .homepage-slideshow input[type="button"].highlight-true { border-color: #333333; background-color: #333333; color: #fff; } } .contact-form_position--right { float: right; } /* #Account ================================================== */ .account-header-logout { text-align: right; text-transform: uppercase; } .account-sidebar { border-right: 1px solid #aaaaaa; box-sizing: border-box; padding-right: 10px; } @media only screen and (max-width: 1024px) { .account-sidebar { border: 0; padding-right: 0; } } .customers-addresses .account-sidebar { border-right: 0; padding-right: 0; } .customers-addresses .account-main { box-sizing: border-box; border-left: 1px solid #aaaaaa; padding-left: 20px; } @media only screen and (max-width: 1024px) { .customers-addresses .account-main { border: 0; padding-left: 0; } } .action_bottom .note { vertical-align: middle; line-height: 40px; } .address_title { margin-bottom: 0; padding-bottom: 0; } .action_edit { background-color: #f84600; border-color: #f84600; } .action_edit a { color: #ffffff; } .action_edit:hover { background-color: #f84600; border-color: #f84600; } .action_edit:hover a { color: #ffffff; } .action_delete { background-color: #ffffff; border-color: #f84600; } .action_delete a { color: #f84600; } .action_delete:hover { background-color: #f84600; border-color: #f84600; } .action_delete:hover a { color: #ffffff; } /* #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: 1024px) { .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; } .collection-in-detail .product_gallery.multi-image { width: 100%; display: block; margin-bottom: 0; } /* #Home page - text columns with images ================================================== */ .text-columns-with-images-section .border-style--box { padding: 10%; border: 1px solid #aaaaaa; } .text-columns-with-images-section .border-style--quote { padding-left: 20px; border-left: 1px solid #aaaaaa; margin-bottom: 10%; } .text-columns-with-images-section .large_text { font-family: "DIN Next", sans-serif; font-weight: 900; font-style: normal; font-size: 39px; text-transform: uppercase; line-height: 1.5; color: #333333; display: block; letter-spacing: 2px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media only screen and (max-width: 1024px) { .text-columns-with-images-section .large_text { font-size: 31px; } } .text-columns-with-images-section .text-column { margin-bottom: 25px; } .text-columns-with-images-section a.continue-button { margin-top: 10px; } .text-columns-with-images-section h2.title + .feature_divider { margin-bottom: 40px; } .text-columns-with-images-section img { margin: 0 0 15px; } /* OOTS Content Creator slideshow */ .flexslider img { display: block; margin: 0 auto; } /* #Home page - slideshow ================================================== */ .homepage-slideshow:hover .flickity-prev-next-button, .testimonial-section:hover .flickity-prev-next-button { opacity: 0.5; } .homepage-slideshow.text-animation--false .caption { opacity: 0; transition: opacity 0.3s linear; } .homepage-slideshow.text-animation--false.flickity-enabled .caption { opacity: 1; } .text-animation--true .caption-content { opacity: 0; } @media only screen and (max-width: 850px) { .text-animation--true .caption-content { opacity: 1; animation-duration: 0s; } } .homepage-slideshow, .testimonial-section { position: relative; overflow: hidden; } .homepage-slideshow.single-image .flickity-prev-next-button, .testimonial-section.single-image .flickity-prev-next-button { display: none; } .homepage-slideshow.single-image .flickity-page-dots, .testimonial-section.single-image .flickity-page-dots { display: none; } .homepage-slideshow .gallery-cell, .testimonial-section .gallery-cell { width: 100%; background-color: #666666; } @media only screen and (max-width: 850px) { .homepage-slideshow .gallery-cell, .testimonial-section .gallery-cell { background-color: transparent; } } .homepage-slideshow .gallery-cell img, .testimonial-section .gallery-cell img { width: 100%; display: block; } .homepage-slideshow .flickity-prev-next-button, .testimonial-section .flickity-prev-next-button { opacity: 0; width: 5%; height: 100%; border-radius: 0; } @media only screen and (min-width: 1025px) { .homepage-slideshow .flickity-prev-next-button, .testimonial-section .flickity-prev-next-button { opacity: 0; } } .homepage-slideshow .flickity-page-dots, .testimonial-section .flickity-page-dots { bottom: 2em; display: none; } @media only screen and (min-width: 1025px) { .homepage-slideshow .flickity-page-dots, .testimonial-section .flickity-page-dots { display: block; } } .homepage-slideshow .flickity-page-dots .dot, .testimonial-section .flickity-page-dots .dot { height: 4px; width: 40px; margin: 0; border-radius: 0; background: black; } @media only screen and (max-width: 850px) { .homepage-slideshow .flickity-page-dots, .testimonial-section .flickity-page-dots { display: block; bottom: 5px; } } /* Home - product slider */ .js-product-slider .product_clear { display: none; } .js-product-slider .column.alpha, .js-product-slider .columns.alpha { margin: 0 10px 0 20px; } .js-product-slider .flickity-prev-next-button { border-radius: 0; } /* #Home page - image with text ================================================== */ .image-with-text .featured-link--half a[href] img { box-shadow: #000 0em 0em 0em; transition: opacity 0.2s linear; } .image-with-text .featured-link--half:hover a[href] img.lazyloaded { opacity: 0.8; } .standard--width .image-with-text .featured-link--image, .full-width--false.image-with-text .featured-link--image { background-color: transparent; } .featured-link--section { width: 100%; box-sizing: border-box; float: left; min-height: 100px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .featured-link--half.featured-link__imageHalf { background-color: transparent; text-align: center; } .featured-link--half.featured-link__imageHalf a { width: 100%; display: block; } .featured-link--half.featured-link__imageHalf a img { width: 100%; } .featured-link--half { box-sizing: border-box; float: left; width: 50%; position: relative; text-align: center; display: table; -webkit-box-flex: 1 0 auto; -moz-box-flex: 1 0 auto; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; background-color: #ffffff; } @media only screen and (max-width: 850px) { .featured-link--half { width: 100%; -webkit-box-flex: 1; -webkit-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; } } .featured-link--half .featured-link--wrap { width: 100%; height: 100%; /* Fix for SVG set at 2 images per row */ -webkit-box-flex: 0 0 auto; -moz-box-flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .featured-link--half img { display: block; margin: 0 auto; width: 100%; max-width: 100%; } @media only screen and (max-width: 850px) { .featured-link--half img { width: 100%; max-width: auto; } } .featured-link--half .info { display: inline-block; width: 80%; margin: 0 auto; padding: 20px; } .featured-link--half .info.text-align--right { text-align: right; } .featured-link--half .info.text-align--right .description:before { margin-right: 0; } .featured-link--half .info.text-align--left { text-align: left; } .featured-link--half .info.text-align--left .description:before { margin-left: 0; } @media only screen and (max-width: 850px) { .featured-link--half .info { position: static; transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); padding: 2em 0; } } .featured-link--half .collection_title { margin-bottom: 15px; display: block; color: #333333; } .featured-link--half .description { position: relative; font-size: 16px; line-height: 1.5; margin-bottom: 20px; color: #333333; } @media only screen and (max-width: 1024px) { .featured-link--half .description { font-size: 2vw; } } @media only screen and (max-width: 850px) { .featured-link--half .description { font-size: inherit; } } @media only screen and (min-width: 1401px) { .featured-link--half .description { font-size: inherit; } } .featured-link--half .button { height: auto; background-color: transparent; color: #333333; border: 1px solid #333333; transition: background-color 0.2s cubic-bezier(0.55, 0.09, 0.68, 0.53), color 0.3s linear, border 0.2s cubic-bezier(0.55, 0.09, 0.68, 0.53); line-height: 1.5; padding-top: 10px; padding-bottom: 10px; } .featured-link--half .button:hover { background-color: #333333; color: #ffffff; border: 1px solid #333333; } .image-align--right.featured_collections.across-1 .featured-link--section:nth-child(odd) { -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .image-align--right.featured_collections.across-1 .featured-link--section:nth-child(odd) .featured-link--half { float: right; } .image-align--left.featured_collections.across-1 .featured-link--section:nth-child(even) { -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .image-align--left.featured_collections.across-1 .featured-link--section:nth-child(even) .featured-link--half { float: right; } .featured_collections.across-2 { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .image-align--left.featured_collections.across-2 .featured-link--section { -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } @media only screen and (max-width: 1024px) { .image-align--left.featured_collections.across-2 .featured-link--section:nth-of-type(2n) { -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } .image-align--left.featured_collections.across-2 .featured-link--image:nth-of-type(4n+3) { -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } @media only screen and (max-width: 1024px) { .image-align--left.featured_collections.across-2 .featured-link--image:nth-of-type(4n+3) { -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } } .image-align--left.featured_collections.across-2 .featured-link--image:nth-of-type(4n+4) { -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .image-align--right.featured_collections.across-2 .featured-link--section { -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } @media only screen and (max-width: 1024px) { .image-align--right.featured_collections.across-2 .featured-link--section:nth-of-type(2n) { -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } } .image-align--right.featured_collections.across-2 .featured-link--image:nth-of-type(4n+3) { -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } @media only screen and (max-width: 1024px) { .image-align--right.featured_collections.across-2 .featured-link--image:nth-of-type(4n+3) { -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } .image-align--right.featured_collections.across-2 .featured-link--image:nth-of-type(4n+4) { -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .featured_collections.across-2 .featured-link--section { width: 50%; } @media only screen and (max-width: 1024px) { .featured_collections.across-2 .featured-link--section { width: 100%; } } @media only screen and (max-width: 1024px) { .featured_collections.across-2 .featured-link--half { width: 50%; } } @media only screen and (max-width: 850px) { .featured_collections.across-2 .featured-link--half { width: 100%; } } .featured_collections.across-2 .description { font-size: 1.2vw; } @media only screen and (max-width: 1024px) { .featured_collections.across-2 .description { font-size: inherit; } } .featured_collections.across-2 .button { font-size: 1.2vw; } @media only screen and (max-width: 850px) { .featured_collections.across-2 .button { font-size: 14px; } } .featured_collections.across-2 .featured-link--image:nth-of-type(2n+1) { clear: both; } .featured_collections.across-2 .featured-link--image:nth-of-type(2n+2) .featured-link--half { float: left; } @media only screen and (max-width: 1024px) { .featured_collections.across-2 .featured-link--image:nth-of-type(2n+2) .featured-link--half { float: right; } } .featured_collections.across-2 .featured-link--image:nth-of-type(3n+3) .featured-link--half { float: right; } @media only screen and (max-width: 1024px) { .featured_collections.across-2 .featured-link--image:nth-of-type(3n+3) .featured-link--half { float: left; } } .featured_collections.across-2 .featured-link--image:nth-of-type(4n+4) .featured-link--half { float: right; } /* #Home page - featured products ================================================== */ .featured-products-section .product_gallery { margin-bottom: 0; padding-bottom: 0; } .featured-products-section .product_gallery img { width: 100%; vertical-align: bottom; } /* #Home page - featured promotions ================================================== */ .promo-animation--true { opacity: 0; } .featured-promotions .feature-section { text-align: center; float: left; margin: 0 10px 10px; position: relative; } @media only screen and (max-width: 1024px) { .featured-promotions .feature-section { opacity: 1; } } .featured-promotions .feature-section .link-promo { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; } .featured-promotions .feature-section .feature-inner { display: block; position: relative; overflow: hidden; } .featured-promotions .feature-section .feature-style--circle { border-radius: 50%; } .featured-promotions .feature-section .feature-style--circle img { border-radius: 50%; } .featured-promotions .feature-section .feature-style--rounded { border-radius: 10px; } .featured-promotions .feature-section .feature-style--rounded img { border-radius: 10px; } .featured-promotions .feature-section .feature-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; transition: background-color 0.25s linear; } @media only screen and (max-width: 1024px) { .featured-promotions .feature-section .feature-overlay { background: black; background: rgba(0, 0, 0, 0.5); } } .featured-promotions .feature-section .feature-wrap { position: relative; top: 50%; -webkit-transform: translateY(-50.1%); -ms-transform: translateY(-50.1%); transform: translateY(-50.1%); padding: 10px 0; position: absolute; width: 80%; margin: 0 auto; left: 0; right: 0; pointer-events: none; } .featured-promotions .feature-section .feature-details { display: none; opacity: 0; transition: opacity 0.3s linear; } @media only screen and (max-width: 1024px) { .featured-promotions .feature-section .feature-details { opacity: 1; display: block !important; } } .featured-promotions .feature-section .feature-details.reveal-details { opacity: 1; } .featured-promotions .feature-section .feature-details .button { margin-top: 15px; } .featured-promotions .feature-section .description { color: #fff; transition: all 0.3s linear; margin-bottom: 0; } .featured-promotions .feature-section .description a { pointer-events: auto; } .featured-promotions .feature-section.title-overlay-true .title { transition: all 0.3s linear; color: #fff; } @media only screen and (max-width: 1024px) { .featured-promotions .feature-section.title-overlay-true .title { margin-bottom: 10px; } } .featured-promotions .feature-section.title-overlay-true .title:after { content: ''; display: block; height: 1px; width: 0; background: #fff; transition: width .5s ease, background-color .5s ease; margin: 10px auto auto auto; } @media only screen and (max-width: 1024px) { .featured-promotions .feature-section.title-overlay-true .title:after { display: none; } } .featured-promotions .feature-section.title-overlay-false .feature-wrap .title { display: none; } .featured-promotions .feature-section:hover .feature-overlay { background: black; background: rgba(0, 0, 0, 0.5); } .featured-promotions .feature-section.title-overlay-true:hover .title:after { width: 50%; background: #fff; } .featured-promotions .feature-section.title-overlay-true:hover .title { color: #fff; } .featured-promotions .feature-section.title-overlay-true:hover .description { color: #fff; } .featured-promotions .feature-section.title-overlay-false:hover .description { color: #fff; } .featured-promotions .feature-section img { width: 100%; display: block; box-shadow: 0 0 1px rgba(0, 0, 0, 0.05); } .promo-1 { -webkit-animation-delay: 0s; animation-delay: 0s; } .promo-2 { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .promo-3 { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .promo-4 { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; } .promo-5 { -webkit-animation-delay: 1.2s; animation-delay: 1.2s; } .promo-6 { -webkit-animation-delay: 1.5s; animation-delay: 1.5s; } .promo-7 { -webkit-animation-delay: 1.8s; animation-delay: 1.8s; } .promo-8 { -webkit-animation-delay: 2.1s; animation-delay: 2.1s; } .promo-9 { -webkit-animation-delay: 2.4s; animation-delay: 2.4s; } .promo-10 { -webkit-animation-delay: 2.7s; animation-delay: 2.7s; } .promo-11 { -webkit-animation-delay: 3.0s; animation-delay: 3.0s; } .promo-12 { -webkit-animation-delay: 3.3s; animation-delay: 3.3s; } .featured-promotions.full-width--false .promo-per-row-2 .feature-section { width: calc(50% - 20px); } @media only screen and (max-width: 1024px) { .featured-promotions.full-width--false .promo-per-row-2 .feature-section { width: 100%; margin: 0 0 10px; } } .featured-promotions.full-width--false .promo-per-row-2 .feature-section:nth-child(2n+1) { clear: both; } .featured-promotions.full-width--false .promo-per-row-3 .feature-section { width: calc(33.3333% - 20px); } @media only screen and (max-width: 1024px) { .featured-promotions.full-width--false .promo-per-row-3 .feature-section { width: 100%; margin: 0 0 10px; } } .featured-promotions.full-width--false .promo-per-row-3 .feature-section:nth-child(3n+1) { clear: both; } .featured-promotions.full-width--false .promo-per-row-4 .feature-section { width: calc(25% - 20px); } .featured-promotions.full-width--false .promo-per-row-4 .feature-section:nth-child(4n+1) { clear: both; } @media only screen and (max-width: 1024px) { .featured-promotions.full-width--false .promo-per-row-4 .feature-section { width: calc(50% - 20px); } .featured-promotions.full-width--false .promo-per-row-4 .feature-section:nth-child(2n+1) { clear: both; } } @media only screen and (max-width: 850px) { .featured-promotions.full-width--false .promo-per-row-4 .feature-section { width: 100%; margin: 0 0 10px; } } .featured-promotions.full-width--true { padding-top: 0; } .featured-promotions.full-width--true .js-featured-promotions { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .featured-promotions.full-width--true .promo-per-row-2 .feature-section { width: 50%; margin: 0; } @media only screen and (max-width: 850px) { .featured-promotions.full-width--true .promo-per-row-2 .feature-section { width: 100%; } } .featured-promotions.full-width--true .promo-per-row-3 .feature-section { width: 33.333333%; margin: 0; } @media only screen and (max-width: 1024px) { .featured-promotions.full-width--true .promo-per-row-3 .feature-section { width: 100%; } } .featured-promotions.full-width--true .promo-per-row-4 .feature-section { width: 25%; margin: 0; } @media only screen and (max-width: 1024px) { .featured-promotions.full-width--true .promo-per-row-4 .feature-section { width: 50%; } } @media only screen and (max-width: 850px) { .featured-promotions.full-width--true .promo-per-row-4 .feature-section { width: 100%; } } /* #Home page - featured collection ================================================== */ .featured-collection__description.section { padding: 0 20px; margin: 20px 0; } .featured-collection__products.container { padding: 0; } /* #Home page - image with text overlay ================================================== */ .banner { max-height: 750px; width: 100%; position: relative; overflow: hidden; background-color: #666666; } @media only screen and (max-width: 850px) { .banner { max-height: inherit; background-color: transparent; } } .banner img { width: 100%; display: block; } /* #Home page - video ================================================== */ .block__featured_video .caption, .video-section .caption { z-index: 30; pointer-events: none; } @media only screen and (max-width: 850px) { .block__featured_video .caption .action_button, .video-section .caption .action_button { display: none; } .block__featured_video .caption, .video-section .caption { margin: 0; height: 0; } .block__featured_video .caption.caption--has-content, .video-section .caption.caption--has-content { margin: 20px 0; height: auto; } } .homepage-video { position: relative; overflow: hidden; transition: height 0.3s ease-in-out; background-color: #666666; } @media only screen and (max-width: 850px) { .homepage-video { background-color: transparent; } } .homepage-video img { width: 100%; display: block; } .homepage-video iframe { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; } .homepage-video video { background-color: #ffffff; } .homepage-video video[poster] { object-fit: cover; } .homepage-video video.video-autoplay--true.html-video { display: none; } .homepage-video .homepage-video--media { width: 100%; height: auto; padding-top: 0; } .homepage-video .placeholder-image--true a.video__play-button { pointer-events: none; } .homepage-video .caption.text-on-video { pointer-events: none; } @media only screen and (max-width: 850px) { .homepage-video .caption.text-on-video { position: absolute; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); margin: 0; } .homepage-video .caption.text-on-video a.highlight-false { color: white; border-color: white; } .homepage-video .caption.text-on-video .headline, .homepage-video .caption.text-on-video .pretext, .homepage-video .caption.text-on-video .subtitle { display: none; } } .homepage-video .mobile-video__buttons { display: block; text-align: center; top: 55%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; position: absolute; } .homepage-video .mobile-video__buttons.text-on-video { z-index: 20; } .homepage-video .mobile-video__buttons a.highlight-false { background-color: rgba(255, 255, 255, 0); color: #ffffff; border: 1px solid #ffffff; } .homepage-video .mobile-video__buttons a.highlight-true { background-color: #ffffff; border-color: #ffffff; color: #333; } @media only screen and (min-width: 851px) { .homepage-video .mobile-video__buttons { display: none; } } .darken-video { display: block; background: rgba(0, 0, 0, 0.3); top: 0; left: 0; right: 0; bottom: 0; position: absolute; pointer-events: none; z-index: 20; } /* #Page Banners ================================================== */ .page_banner { overflow: hidden; max-height: 100vh; margin-top: 40px; } .caption.captionOverlay--true { max-width: 960px; left: 0; right: 0; margin: 0 auto; position: absolute; top: 55%; -ms-transform: translate(0, -50%); transform: translate(0, -50%); z-index: 3; } .caption.captionOverlay--true .headline, .caption.captionOverlay--true .subtitle { color: #ffffff; } @media only screen and (max-width: 1024px) { .caption.captionOverlay--true { top: 50%; } } .dark-overlay-true:after { content: ''; position: absolute; z-index: 2; background: rgba(0, 0, 0, 0.5); top: 0; bottom: 0; left: 0; right: 0; } @font-face { font-family: 'fontawesome'; src: url("//cdn.shopify.com/s/files/1/1956/1231/t/53/assets/fa-solid-900.eot?v=63975522835706896441663018311"); src: url("//cdn.shopify.com/s/files/1/1956/1231/t/53/assets/fa-solid-900.eot?iefix&v=63975522835706896441663018311") format("eot"), url("//cdn.shopify.com/s/files/1/1956/1231/t/53/assets/fa-solid-900.woff?v=152359340705123928891663018311") format("woff"), url("//cdn.shopify.com/s/files/1/1956/1231/t/53/assets/fa-solid-900.ttf?v=123032254159339969771663018311") format("truetype"), url("//cdn.shopify.com/s/files/1/1956/1231/t/53/assets/fa-solid-900.svg?v=93675212231341107241663018311") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'fab'; font-style: normal; font-weight: normal; font-display: auto; src: url("//cdn.shopify.com/s/files/1/1956/1231/t/53/assets/fa-brands-400.eot?v=36927479991955007761663018311"); src: url("//cdn.shopify.com/s/files/1/1956/1231/t/53/assets/fa-brands-400.eot?%23iefix&v=36927479991955007761663018311") format("embedded-opentype"), url("//cdn.shopify.com/s/files/1/1956/1231/t/53/assets/fa-brands-400.woff2?v=35127370449968352001663018311") format("woff2"), url("//cdn.shopify.com/s/files/1/1956/1231/t/53/assets/fa-brands-400.woff?v=54094833576778070281663018311") format("woff"), url("//cdn.shopify.com/s/files/1/1956/1231/t/53/assets/fa-brands-400.ttf?v=10634848640188824371663018311") format("truetype"), url("//cdn.shopify.com/s/files/1/1956/1231/t/53/assets/fa-brands-400.svg%23fontawesome?20052") format("svg"); } .fa { font-family: 'fontawesome'; } .fab { font-family: 'fab'; } /*! * Font Awesome Free 5.10.1 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ .fa, .fab, .fad, .fal, .far, .fas { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; } .fa-lg { font-size: 1.33333em; line-height: .75em; vertical-align: -.0667em; } .fa-xs { font-size: .75em; } .fa-sm { font-size: .875em; } .fa-1x { font-size: 1em; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-6x { font-size: 6em; } .fa-7x { font-size: 7em; } .fa-8x { font-size: 8em; } .fa-9x { font-size: 9em; } .fa-10x { font-size: 10em; } .fa-fw { text-align: center; width: 1.25em; } .fa-ul { list-style-type: none; margin-left: 2.5em; padding-left: 0; } .fa-ul > li { position: relative; } .fa-li { left: -2em; position: absolute; text-align: center; width: 2em; line-height: inherit; } .fa-border { border: .08em solid #eee; border-radius: .1em; padding: .2em .25em .15em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left, .fab.fa-pull-left, .fal.fa-pull-left, .far.fa-pull-left, .fas.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right, .fab.fa-pull-right, .fal.fa-pull-right, .far.fa-pull-right, .fas.fa-pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: fa-spin 2s linear infinite; animation: fa-spin 2s linear infinite; } .fa-pulse { -webkit-animation: fa-spin 1s steps(8) infinite; animation: fa-spin 1s steps(8) infinite; } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scaleX(-1); transform: scaleX(-1); } .fa-flip-vertical { -webkit-transform: scaleY(-1); transform: scaleY(-1); } .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical, .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; } .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical { -webkit-transform: scale(-1); transform: scale(-1); } :root .fa-flip-both, :root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270 { -webkit-filter: none; filter: none; } .fa-stack { display: inline-block; height: 2em; line-height: 2em; position: relative; vertical-align: middle; width: 2.5em; } .fa-stack-1x, .fa-stack-2x { left: 0; position: absolute; text-align: center; width: 100%; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #fff; } .fa-500px:before { content: "\f26e"; } .fa-accessible-icon:before { content: "\f368"; } .fa-accusoft:before { content: "\f369"; } .fa-acquisitions-incorporated:before { content: "\f6af"; } .fa-ad:before { content: "\f641"; } .fa-address-book:before { content: "\f2b9"; } .fa-address-card:before { content: "\f2bb"; } .fa-adjust:before { content: "\f042"; } .fa-adn:before { content: "\f170"; } .fa-adobe:before { content: "\f778"; } .fa-adversal:before { content: "\f36a"; } .fa-affiliatetheme:before { content: "\f36b"; } .fa-air-freshener:before { content: "\f5d0"; } .fa-airbnb:before { content: "\f834"; } .fa-algolia:before { content: "\f36c"; } .fa-align-center:before { content: "\f037"; } .fa-align-justify:before { content: "\f039"; } .fa-align-left:before { content: "\f036"; } .fa-align-right:before { content: "\f038"; } .fa-alipay:before { content: "\f642"; } .fa-allergies:before { content: "\f461"; } .fa-amazon:before { content: "\f270"; } .fa-amazon-pay:before { content: "\f42c"; } .fa-ambulance:before { content: "\f0f9"; } .fa-american-sign-language-interpreting:before { content: "\f2a3"; } .fa-amilia:before { content: "\f36d"; } .fa-anchor:before { content: "\f13d"; } .fa-android:before { content: "\f17b"; } .fa-angellist:before { content: "\f209"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-down:before { content: "\f107"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angry:before { content: "\f556"; } .fa-angrycreative:before { content: "\f36e"; } .fa-angular:before { content: "\f420"; } .fa-ankh:before { content: "\f644"; } .fa-app-store:before { content: "\f36f"; } .fa-app-store-ios:before { content: "\f370"; } .fa-apper:before { content: "\f371"; } .fa-apple:before { content: "\f179"; } .fa-apple-alt:before { content: "\f5d1"; } .fa-apple-pay:before { content: "\f415"; } .fa-archive:before { content: "\f187"; } .fa-archway:before { content: "\f557"; } .fa-arrow-alt-circle-down:before { content: "\f358"; } .fa-arrow-alt-circle-left:before { content: "\f359"; } .fa-arrow-alt-circle-right:before { content: "\f35a"; } .fa-arrow-alt-circle-up:before { content: "\f35b"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-down:before { content: "\f063"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-arrows-alt-h:before { content: "\f337"; } .fa-arrows-alt-v:before { content: "\f338"; } .fa-artstation:before { content: "\f77a"; } .fa-assistive-listening-systems:before { content: "\f2a2"; } .fa-asterisk:before { content: "\f069"; } .fa-asymmetrik:before { content: "\f372"; } .fa-at:before { content: "\f1fa"; } .fa-atlas:before { content: "\f558"; } .fa-atlassian:before { content: "\f77b"; } .fa-atom:before { content: "\f5d2"; } .fa-audible:before { content: "\f373"; } .fa-audio-description:before { content: "\f29e"; } .fa-autoprefixer:before { content: "\f41c"; } .fa-avianex:before { content: "\f374"; } .fa-aviato:before { content: "\f421"; } .fa-award:before { content: "\f559"; } .fa-aws:before { content: "\f375"; } .fa-baby:before { content: "\f77c"; } .fa-baby-carriage:before { content: "\f77d"; } .fa-backspace:before { content: "\f55a"; } .fa-backward:before { content: "\f04a"; } .fa-bacon:before { content: "\f7e5"; } .fa-balance-scale:before { content: "\f24e"; } .fa-balance-scale-left:before { content: "\f515"; } .fa-balance-scale-right:before { content: "\f516"; } .fa-ban:before { content: "\f05e"; } .fa-band-aid:before { content: "\f462"; } .fa-bandcamp:before { content: "\f2d5"; } .fa-barcode:before { content: "\f02a"; } .fa-bars:before { content: "\f0c9"; } .fa-baseball-ball:before { content: "\f433"; } .fa-basketball-ball:before { content: "\f434"; } .fa-bath:before { content: "\f2cd"; } .fa-battery-empty:before { content: "\f244"; } .fa-battery-full:before { content: "\f240"; } .fa-battery-half:before { content: "\f242"; } .fa-battery-quarter:before { content: "\f243"; } .fa-battery-three-quarters:before { content: "\f241"; } .fa-battle-net:before { content: "\f835"; } .fa-bed:before { content: "\f236"; } .fa-beer:before { content: "\f0fc"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-bell:before { content: "\f0f3"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bezier-curve:before { content: "\f55b"; } .fa-bible:before { content: "\f647"; } .fa-bicycle:before { content: "\f206"; } .fa-biking:before { content: "\f84a"; } .fa-bimobject:before { content: "\f378"; } .fa-binoculars:before { content: "\f1e5"; } .fa-biohazard:before { content: "\f780"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitcoin:before { content: "\f379"; } .fa-bity:before { content: "\f37a"; } .fa-black-tie:before { content: "\f27e"; } .fa-blackberry:before { content: "\f37b"; } .fa-blender:before { content: "\f517"; } .fa-blender-phone:before { content: "\f6b6"; } .fa-blind:before { content: "\f29d"; } .fa-blog:before { content: "\f781"; } .fa-blogger:before { content: "\f37c"; } .fa-blogger-b:before { content: "\f37d"; } .fa-bluetooth:before { content: "\f293"; } .fa-bluetooth-b:before { content: "\f294"; } .fa-bold:before { content: "\f032"; } .fa-bolt:before { content: "\f0e7"; } .fa-bomb:before { content: "\f1e2"; } .fa-bone:before { content: "\f5d7"; } .fa-bong:before { content: "\f55c"; } .fa-book:before { content: "\f02d"; } .fa-book-dead:before { content: "\f6b7"; } .fa-book-medical:before { content: "\f7e6"; } .fa-book-open:before { content: "\f518"; } .fa-book-reader:before { content: "\f5da"; } .fa-bookmark:before { content: "\f02e"; } .fa-bootstrap:before { content: "\f836"; } .fa-border-all:before { content: "\f84c"; } .fa-border-none:before { content: "\f850"; } .fa-border-style:before { content: "\f853"; } .fa-bowling-ball:before { content: "\f436"; } .fa-box:before { content: "\f466"; } .fa-box-open:before { content: "\f49e"; } .fa-boxes:before { content: "\f468"; } .fa-braille:before { content: "\f2a1"; } .fa-brain:before { content: "\f5dc"; } .fa-bread-slice:before { content: "\f7ec"; } .fa-briefcase:before { content: "\f0b1"; } .fa-briefcase-medical:before { content: "\f469"; } .fa-broadcast-tower:before { content: "\f519"; } .fa-broom:before { content: "\f51a"; } .fa-brush:before { content: "\f55d"; } .fa-btc:before { content: "\f15a"; } .fa-buffer:before { content: "\f837"; } .fa-bug:before { content: "\f188"; } .fa-building:before { content: "\f1ad"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bullseye:before { content: "\f140"; } .fa-burn:before { content: "\f46a"; } .fa-buromobelexperte:before { content: "\f37f"; } .fa-bus:before { content: "\f207"; } .fa-bus-alt:before { content: "\f55e"; } .fa-business-time:before { content: "\f64a"; } .fa-buysellads:before { content: "\f20d"; } .fa-calculator:before { content: "\f1ec"; } .fa-calendar:before { content: "\f133"; } .fa-calendar-alt:before { content: "\f073"; } .fa-calendar-check:before { content: "\f274"; } .fa-calendar-day:before { content: "\f783"; } .fa-calendar-minus:before { content: "\f272"; } .fa-calendar-plus:before { content: "\f271"; } .fa-calendar-times:before { content: "\f273"; } .fa-calendar-week:before { content: "\f784"; } .fa-camera:before { content: "\f030"; } .fa-camera-retro:before { content: "\f083"; } .fa-campground:before { content: "\f6bb"; } .fa-canadian-maple-leaf:before { content: "\f785"; } .fa-candy-cane:before { content: "\f786"; } .fa-cannabis:before { content: "\f55f"; } .fa-capsules:before { content: "\f46b"; } .fa-car:before { content: "\f1b9"; } .fa-car-alt:before { content: "\f5de"; } .fa-car-battery:before { content: "\f5df"; } .fa-car-crash:before { content: "\f5e1"; } .fa-car-side:before { content: "\f5e4"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-caret-square-down:before { content: "\f150"; } .fa-caret-square-left:before { content: "\f191"; } .fa-caret-square-right:before { content: "\f152"; } .fa-caret-square-up:before { content: "\f151"; } .fa-caret-up:before { content: "\f0d8"; } .fa-carrot:before { content: "\f787"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-cart-plus:before { content: "\f217"; } .fa-cash-register:before { content: "\f788"; } .fa-cat:before { content: "\f6be"; } .fa-cc-amazon-pay:before { content: "\f42d"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-apple-pay:before { content: "\f416"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-centercode:before { content: "\f380"; } .fa-centos:before { content: "\f789"; } .fa-certificate:before { content: "\f0a3"; } .fa-chair:before { content: "\f6c0"; } .fa-chalkboard:before { content: "\f51b"; } .fa-chalkboard-teacher:before { content: "\f51c"; } .fa-charging-station:before { content: "\f5e7"; } .fa-chart-area:before { content: "\f1fe"; } .fa-chart-bar:before { content: "\f080"; } .fa-chart-line:before { content: "\f201"; } .fa-chart-pie:before { content: "\f200"; } .fa-check:before { content: "\f00c"; } .fa-check-circle:before { content: "\f058"; } .fa-check-double:before { content: "\f560"; } .fa-check-square:before { content: "\f14a"; } .fa-cheese:before { content: "\f7ef"; } .fa-chess:before { content: "\f439"; } .fa-chess-bishop:before { content: "\f43a"; } .fa-chess-board:before { content: "\f43c"; } .fa-chess-king:before { content: "\f43f"; } .fa-chess-knight:before { content: "\f441"; } .fa-chess-pawn:before { content: "\f443"; } .fa-chess-queen:before { content: "\f445"; } .fa-chess-rook:before { content: "\f447"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-down:before { content: "\f078"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-chevron-up:before { content: "\f077"; } .fa-child:before { content: "\f1ae"; } .fa-chrome:before { content: "\f268"; } .fa-chromecast:before { content: "\f838"; } .fa-church:before { content: "\f51d"; } .fa-circle:before { content: "\f111"; } .fa-circle-notch:before { content: "\f1ce"; } .fa-city:before { content: "\f64f"; } .fa-clinic-medical:before { content: "\f7f2"; } .fa-clipboard:before { content: "\f328"; } .fa-clipboard-check:before { content: "\f46c"; } .fa-clipboard-list:before { content: "\f46d"; } .fa-clock:before { content: "\f017"; } .fa-clone:before { content: "\f24d"; } .fa-closed-captioning:before { content: "\f20a"; } .fa-cloud:before { content: "\f0c2"; } .fa-cloud-download-alt:before { content: "\f381"; } .fa-cloud-meatball:before { content: "\f73b"; } .fa-cloud-moon:before { content: "\f6c3"; } .fa-cloud-moon-rain:before { content: "\f73c"; } .fa-cloud-rain:before { content: "\f73d"; } .fa-cloud-showers-heavy:before { content: "\f740"; } .fa-cloud-sun:before { content: "\f6c4"; } .fa-cloud-sun-rain:before { content: "\f743"; } .fa-cloud-upload-alt:before { content: "\f382"; } .fa-cloudscale:before { content: "\f383"; } .fa-cloudsmith:before { content: "\f384"; } .fa-cloudversify:before { content: "\f385"; } .fa-cocktail:before { content: "\f561"; } .fa-code:before { content: "\f121"; } .fa-code-branch:before { content: "\f126"; } .fa-codepen:before { content: "\f1cb"; } .fa-codiepie:before { content: "\f284"; } .fa-coffee:before { content: "\f0f4"; } .fa-cog:before { content: "\f013"; } .fa-cogs:before { content: "\f085"; } .fa-coins:before { content: "\f51e"; } .fa-columns:before { content: "\f0db"; } .fa-comment:before { content: "\f075"; } .fa-comment-alt:before { content: "\f27a"; } .fa-comment-dollar:before { content: "\f651"; } .fa-comment-dots:before { content: "\f4ad"; } .fa-comment-medical:before { content: "\f7f5"; } .fa-comment-slash:before { content: "\f4b3"; } .fa-comments:before { content: "\f086"; } .fa-comments-dollar:before { content: "\f653"; } .fa-compact-disc:before { content: "\f51f"; } .fa-compass:before { content: "\f14e"; } .fa-compress:before { content: "\f066"; } .fa-compress-arrows-alt:before { content: "\f78c"; } .fa-concierge-bell:before { content: "\f562"; } .fa-confluence:before { content: "\f78d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-contao:before { content: "\f26d"; } .fa-cookie:before { content: "\f563"; } .fa-cookie-bite:before { content: "\f564"; } .fa-copy:before { content: "\f0c5"; } .fa-copyright:before { content: "\f1f9"; } .fa-cotton-bureau:before { content: "\f89e"; } .fa-couch:before { content: "\f4b8"; } .fa-cpanel:before { content: "\f388"; } .fa-creative-commons:before { content: "\f25e"; } .fa-creative-commons-by:before { content: "\f4e7"; } .fa-creative-commons-nc:before { content: "\f4e8"; } .fa-creative-commons-nc-eu:before { content: "\f4e9"; } .fa-creative-commons-nc-jp:before { content: "\f4ea"; } .fa-creative-commons-nd:before { content: "\f4eb"; } .fa-creative-commons-pd:before { content: "\f4ec"; } .fa-creative-commons-pd-alt:before { content: "\f4ed"; } .fa-creative-commons-remix:before { content: "\f4ee"; } .fa-creative-commons-sa:before { content: "\f4ef"; } .fa-creative-commons-sampling:before { content: "\f4f0"; } .fa-creative-commons-sampling-plus:before { content: "\f4f1"; } .fa-creative-commons-share:before { content: "\f4f2"; } .fa-creative-commons-zero:before { content: "\f4f3"; } .fa-credit-card:before { content: "\f09d"; } .fa-critical-role:before { content: "\f6c9"; } .fa-crop:before { content: "\f125"; } .fa-crop-alt:before { content: "\f565"; } .fa-cross:before { content: "\f654"; } .fa-crosshairs:before { content: "\f05b"; } .fa-crow:before { content: "\f520"; } .fa-crown:before { content: "\f521"; } .fa-crutch:before { content: "\f7f7"; } .fa-css3:before { content: "\f13c"; } .fa-css3-alt:before { content: "\f38b"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-cut:before { content: "\f0c4"; } .fa-cuttlefish:before { content: "\f38c"; } .fa-d-and-d:before { content: "\f38d"; } .fa-d-and-d-beyond:before { content: "\f6ca"; } .fa-dashcube:before { content: "\f210"; } .fa-database:before { content: "\f1c0"; } .fa-deaf:before { content: "\f2a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-democrat:before { content: "\f747"; } .fa-deploydog:before { content: "\f38e"; } .fa-deskpro:before { content: "\f38f"; } .fa-desktop:before { content: "\f108"; } .fa-dev:before { content: "\f6cc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-dharmachakra:before { content: "\f655"; } .fa-dhl:before { content: "\f790"; } .fa-diagnoses:before { content: "\f470"; } .fa-diaspora:before { content: "\f791"; } .fa-dice:before { content: "\f522"; } .fa-dice-d20:before { content: "\f6cf"; } .fa-dice-d6:before { content: "\f6d1"; } .fa-dice-five:before { content: "\f523"; } .fa-dice-four:before { content: "\f524"; } .fa-dice-one:before { content: "\f525"; } .fa-dice-six:before { content: "\f526"; } .fa-dice-three:before { content: "\f527"; } .fa-dice-two:before { content: "\f528"; } .fa-digg:before { content: "\f1a6"; } .fa-digital-ocean:before { content: "\f391"; } .fa-digital-tachograph:before { content: "\f566"; } .fa-directions:before { content: "\f5eb"; } .fa-discord:before { content: "\f392"; } .fa-discourse:before { content: "\f393"; } .fa-divide:before { content: "\f529"; } .fa-dizzy:before { content: "\f567"; } .fa-dna:before { content: "\f471"; } .fa-dochub:before { content: "\f394"; } .fa-docker:before { content: "\f395"; } .fa-dog:before { content: "\f6d3"; } .fa-dollar-sign:before { content: "\f155"; } .fa-dolly:before { content: "\f472"; } .fa-dolly-flatbed:before { content: "\f474"; } .fa-donate:before { content: "\f4b9"; } .fa-door-closed:before { content: "\f52a"; } .fa-door-open:before { content: "\f52b"; } .fa-dot-circle:before { content: "\f192"; } .fa-dove:before { content: "\f4ba"; } .fa-download:before { content: "\f019"; } .fa-draft2digital:before { content: "\f396"; } .fa-drafting-compass:before { content: "\f568"; } .fa-dragon:before { content: "\f6d5"; } .fa-draw-polygon:before { content: "\f5ee"; } .fa-dribbble:before { content: "\f17d"; } .fa-dribbble-square:before { content: "\f397"; } .fa-dropbox:before { content: "\f16b"; } .fa-drum:before { content: "\f569"; } .fa-drum-steelpan:before { content: "\f56a"; } .fa-drumstick-bite:before { content: "\f6d7"; } .fa-drupal:before { content: "\f1a9"; } .fa-dumbbell:before { content: "\f44b"; } .fa-dumpster:before { content: "\f793"; } .fa-dumpster-fire:before { content: "\f794"; } .fa-dungeon:before { content: "\f6d9"; } .fa-dyalog:before { content: "\f399"; } .fa-earlybirds:before { content: "\f39a"; } .fa-ebay:before { content: "\f4f4"; } .fa-edge:before { content: "\f282"; } .fa-edit:before { content: "\f044"; } .fa-egg:before { content: "\f7fb"; } .fa-eject:before { content: "\f052"; } .fa-elementor:before { content: "\f430"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-ello:before { content: "\f5f1"; } .fa-ember:before { content: "\f423"; } .fa-empire:before { content: "\f1d1"; } .fa-envelope:before { content: "\f0e0"; } .fa-envelope-open:before { content: "\f2b6"; } .fa-envelope-open-text:before { content: "\f658"; } .fa-envelope-square:before { content: "\f199"; } .fa-envira:before { content: "\f299"; } .fa-equals:before { content: "\f52c"; } .fa-eraser:before { content: "\f12d"; } .fa-erlang:before { content: "\f39d"; } .fa-ethereum:before { content: "\f42e"; } .fa-ethernet:before { content: "\f796"; } .fa-etsy:before { content: "\f2d7"; } .fa-euro-sign:before { content: "\f153"; } .fa-evernote:before { content: "\f839"; } .fa-exchange-alt:before { content: "\f362"; } .fa-exclamation:before { content: "\f12a"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-exclamation-triangle:before { content: "\f071"; } .fa-expand:before { content: "\f065"; } .fa-expand-arrows-alt:before { content: "\f31e"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-external-link-alt:before { content: "\f35d"; } .fa-external-link-square-alt:before { content: "\f360"; } .fa-eye:before { content: "\f06e"; } .fa-eye-dropper:before { content: "\f1fb"; } .fa-eye-slash:before { content: "\f070"; } .fa-facebook:before { content: "\f09a"; } .fa-facebook-f:before { content: "\f39e"; } .fa-facebook-messenger:before { content: "\f39f"; } .fa-facebook-square:before { content: "\f082"; } .fa-fan:before { content: "\f863"; } .fa-fantasy-flight-games:before { content: "\f6dc"; } .fa-fast-backward:before { content: "\f049"; } .fa-fast-forward:before { content: "\f050"; } .fa-fax:before { content: "\f1ac"; } .fa-feather:before { content: "\f52d"; } .fa-feather-alt:before { content: "\f56b"; } .fa-fedex:before { content: "\f797"; } .fa-fedora:before { content: "\f798"; } .fa-female:before { content: "\f182"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-figma:before { content: "\f799"; } .fa-file:before { content: "\f15b"; } .fa-file-alt:before { content: "\f15c"; } .fa-file-archive:before { content: "\f1c6"; } .fa-file-audio:before { content: "\f1c7"; } .fa-file-code:before { content: "\f1c9"; } .fa-file-contract:before { content: "\f56c"; } .fa-file-csv:before { content: "\f6dd"; } .fa-file-download:before { content: "\f56d"; } .fa-file-excel:before { content: "\f1c3"; } .fa-file-export:before { content: "\f56e"; } .fa-file-image:before { content: "\f1c5"; } .fa-file-import:before { content: "\f56f"; } .fa-file-invoice:before { content: "\f570"; } .fa-file-invoice-dollar:before { content: "\f571"; } .fa-file-medical:before { content: "\f477"; } .fa-file-medical-alt:before { content: "\f478"; } .fa-file-pdf:before { content: "\f1c1"; } .fa-file-powerpoint:before { content: "\f1c4"; } .fa-file-prescription:before { content: "\f572"; } .fa-file-signature:before { content: "\f573"; } .fa-file-upload:before { content: "\f574"; } .fa-file-video:before { content: "\f1c8"; } .fa-file-word:before { content: "\f1c2"; } .fa-fill:before { content: "\f575"; } .fa-fill-drip:before { content: "\f576"; } .fa-film:before { content: "\f008"; } .fa-filter:before { content: "\f0b0"; } .fa-fingerprint:before { content: "\f577"; } .fa-fire:before { content: "\f06d"; } .fa-fire-alt:before { content: "\f7e4"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-firefox:before { content: "\f269"; } .fa-first-aid:before { content: "\f479"; } .fa-first-order:before { content: "\f2b0"; } .fa-first-order-alt:before { content: "\f50a"; } .fa-firstdraft:before { content: "\f3a1"; } .fa-fish:before { content: "\f578"; } .fa-fist-raised:before { content: "\f6de"; } .fa-flag:before { content: "\f024"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-flag-usa:before { content: "\f74d"; } .fa-flask:before { content: "\f0c3"; } .fa-flickr:before { content: "\f16e"; } .fa-flipboard:before { content: "\f44d"; } .fa-flushed:before { content: "\f579"; } .fa-fly:before { content: "\f417"; } .fa-folder:before { content: "\f07b"; } .fa-folder-minus:before { content: "\f65d"; } .fa-folder-open:before { content: "\f07c"; } .fa-folder-plus:before { content: "\f65e"; } .fa-font:before { content: "\f031"; } .fa-font-awesome:before { content: "\f2b4"; } .fa-font-awesome-alt:before { content: "\f35c"; } .fa-font-awesome-flag:before { content: "\f425"; } .fa-font-awesome-logo-full:before { content: "\f4e6"; } .fa-fonticons:before { content: "\f280"; } .fa-fonticons-fi:before { content: "\f3a2"; } .fa-football-ball:before { content: "\f44e"; } .fa-fort-awesome:before { content: "\f286"; } .fa-fort-awesome-alt:before { content: "\f3a3"; } .fa-forumbee:before { content: "\f211"; } .fa-forward:before { content: "\f04e"; } .fa-foursquare:before { content: "\f180"; } .fa-free-code-camp:before { content: "\f2c5"; } .fa-freebsd:before { content: "\f3a4"; } .fa-frog:before { content: "\f52e"; } .fa-frown:before { content: "\f119"; } .fa-frown-open:before { content: "\f57a"; } .fa-fulcrum:before { content: "\f50b"; } .fa-funnel-dollar:before { content: "\f662"; } .fa-futbol:before { content: "\f1e3"; } .fa-galactic-republic:before { content: "\f50c"; } .fa-galactic-senate:before { content: "\f50d"; } .fa-gamepad:before { content: "\f11b"; } .fa-gas-pump:before { content: "\f52f"; } .fa-gavel:before { content: "\f0e3"; } .fa-gem:before { content: "\f3a5"; } .fa-genderless:before { content: "\f22d"; } .fa-get-pocket:before { content: "\f265"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-ghost:before { content: "\f6e2"; } .fa-gift:before { content: "\f06b"; } .fa-gifts:before { content: "\f79c"; } .fa-git:before { content: "\f1d3"; } .fa-git-alt:before { content: "\f841"; } .fa-git-square:before { content: "\f1d2"; } .fa-github:before { content: "\f09b"; } .fa-github-alt:before { content: "\f113"; } .fa-github-square:before { content: "\f092"; } .fa-gitkraken:before { content: "\f3a6"; } .fa-gitlab:before { content: "\f296"; } .fa-gitter:before { content: "\f426"; } .fa-glass-cheers:before { content: "\f79f"; } .fa-glass-martini:before { content: "\f000"; } .fa-glass-martini-alt:before { content: "\f57b"; } .fa-glass-whiskey:before { content: "\f7a0"; } .fa-glasses:before { content: "\f530"; } .fa-glide:before { content: "\f2a5"; } .fa-glide-g:before { content: "\f2a6"; } .fa-globe:before { content: "\f0ac"; } .fa-globe-africa:before { content: "\f57c"; } .fa-globe-americas:before { content: "\f57d"; } .fa-globe-asia:before { content: "\f57e"; } .fa-globe-europe:before { content: "\f7a2"; } .fa-gofore:before { content: "\f3a7"; } .fa-golf-ball:before { content: "\f450"; } .fa-goodreads:before { content: "\f3a8"; } .fa-goodreads-g:before { content: "\f3a9"; } .fa-google:before { content: "\f1a0"; } .fa-google-drive:before { content: "\f3aa"; } .fa-google-play:before { content: "\f3ab"; } .fa-google-plus:before { content: "\f2b3"; } .fa-google-plus-g:before { content: "\f0d5"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-gopuram:before { content: "\f664"; } .fa-graduation-cap:before { content: "\f19d"; } .fa-gratipay:before { content: "\f184"; } .fa-grav:before { content: "\f2d6"; } .fa-greater-than:before { content: "\f531"; } .fa-greater-than-equal:before { content: "\f532"; } .fa-grimace:before { content: "\f57f"; } .fa-grin:before { content: "\f580"; } .fa-grin-alt:before { content: "\f581"; } .fa-grin-beam:before { content: "\f582"; } .fa-grin-beam-sweat:before { content: "\f583"; } .fa-grin-hearts:before { content: "\f584"; } .fa-grin-squint:before { content: "\f585"; } .fa-grin-squint-tears:before { content: "\f586"; } .fa-grin-stars:before { content: "\f587"; } .fa-grin-tears:before { content: "\f588"; } .fa-grin-tongue:before { content: "\f589"; } .fa-grin-tongue-squint:before { content: "\f58a"; } .fa-grin-tongue-wink:before { content: "\f58b"; } .fa-grin-wink:before { content: "\f58c"; } .fa-grip-horizontal:before { content: "\f58d"; } .fa-grip-lines:before { content: "\f7a4"; } .fa-grip-lines-vertical:before { content: "\f7a5"; } .fa-grip-vertical:before { content: "\f58e"; } .fa-gripfire:before { content: "\f3ac"; } .fa-grunt:before { content: "\f3ad"; } .fa-guitar:before { content: "\f7a6"; } .fa-gulp:before { content: "\f3ae"; } .fa-h-square:before { content: "\f0fd"; } .fa-hacker-news:before { content: "\f1d4"; } .fa-hacker-news-square:before { content: "\f3af"; } .fa-hackerrank:before { content: "\f5f7"; } .fa-hamburger:before { content: "\f805"; } .fa-hammer:before { content: "\f6e3"; } .fa-hamsa:before { content: "\f665"; } .fa-hand-holding:before { content: "\f4bd"; } .fa-hand-holding-heart:before { content: "\f4be"; } .fa-hand-holding-usd:before { content: "\f4c0"; } .fa-hand-lizard:before { content: "\f258"; } .fa-hand-middle-finger:before { content: "\f806"; } .fa-hand-paper:before { content: "\f256"; } .fa-hand-peace:before { content: "\f25b"; } .fa-hand-point-down:before { content: "\f0a7"; } .fa-hand-point-left:before { content: "\f0a5"; } .fa-hand-point-right:before { content: "\f0a4"; } .fa-hand-point-up:before { content: "\f0a6"; } .fa-hand-pointer:before { content: "\f25a"; } .fa-hand-rock:before { content: "\f255"; } .fa-hand-scissors:before { content: "\f257"; } .fa-hand-spock:before { content: "\f259"; } .fa-hands:before { content: "\f4c2"; } .fa-hands-helping:before { content: "\f4c4"; } .fa-handshake:before { content: "\f2b5"; } .fa-hanukiah:before { content: "\f6e6"; } .fa-hard-hat:before { content: "\f807"; } .fa-hashtag:before { content: "\f292"; } .fa-hat-wizard:before { content: "\f6e8"; } .fa-haykal:before { content: "\f666"; } .fa-hdd:before { content: "\f0a0"; } .fa-heading:before { content: "\f1dc"; } .fa-headphones:before { content: "\f025"; } .fa-headphones-alt:before { content: "\f58f"; } .fa-headset:before { content: "\f590"; } .fa-heart:before { content: "\f004"; } .fa-heart-broken:before { content: "\f7a9"; } .fa-heartbeat:before { content: "\f21e"; } .fa-helicopter:before { content: "\f533"; } .fa-highlighter:before { content: "\f591"; } .fa-hiking:before { content: "\f6ec"; } .fa-hippo:before { content: "\f6ed"; } .fa-hips:before { content: "\f452"; } .fa-hire-a-helper:before { content: "\f3b0"; } .fa-history:before { content: "\f1da"; } .fa-hockey-puck:before { content: "\f453"; } .fa-holly-berry:before { content: "\f7aa"; } .fa-home:before { content: "\f015"; } .fa-hooli:before { content: "\f427"; } .fa-hornbill:before { content: "\f592"; } .fa-horse:before { content: "\f6f0"; } .fa-horse-head:before { content: "\f7ab"; } .fa-hospital:before { content: "\f0f8"; } .fa-hospital-alt:before { content: "\f47d"; } .fa-hospital-symbol:before { content: "\f47e"; } .fa-hot-tub:before { content: "\f593"; } .fa-hotdog:before { content: "\f80f"; } .fa-hotel:before { content: "\f594"; } .fa-hotjar:before { content: "\f3b1"; } .fa-hourglass:before { content: "\f254"; } .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-start:before { content: "\f251"; } .fa-house-damage:before { content: "\f6f1"; } .fa-houzz:before { content: "\f27c"; } .fa-hryvnia:before { content: "\f6f2"; } .fa-html5:before { content: "\f13b"; } .fa-hubspot:before { content: "\f3b2"; } .fa-i-cursor:before { content: "\f246"; } .fa-ice-cream:before { content: "\f810"; } .fa-icicles:before { content: "\f7ad"; } .fa-icons:before { content: "\f86d"; } .fa-id-badge:before { content: "\f2c1"; } .fa-id-card:before { content: "\f2c2"; } .fa-id-card-alt:before { content: "\f47f"; } .fa-igloo:before { content: "\f7ae"; } .fa-image:before { content: "\f03e"; } .fa-images:before { content: "\f302"; } .fa-imdb:before { content: "\f2d8"; } .fa-inbox:before { content: "\f01c"; } .fa-indent:before { content: "\f03c"; } .fa-industry:before { content: "\f275"; } .fa-infinity:before { content: "\f534"; } .fa-info:before { content: "\f129"; } .fa-info-circle:before { content: "\f05a"; } .fa-instagram:before { content: "\f16d"; } .fa-intercom:before { content: "\f7af"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-invision:before { content: "\f7b0"; } .fa-ioxhost:before { content: "\f208"; } .fa-italic:before { content: "\f033"; } .fa-itch-io:before { content: "\f83a"; } .fa-itunes:before { content: "\f3b4"; } .fa-itunes-note:before { content: "\f3b5"; } .fa-java:before { content: "\f4e4"; } .fa-jedi:before { content: "\f669"; } .fa-jedi-order:before { content: "\f50e"; } .fa-jenkins:before { content: "\f3b6"; } .fa-jira:before { content: "\f7b1"; } .fa-joget:before { content: "\f3b7"; } .fa-joint:before { content: "\f595"; } .fa-joomla:before { content: "\f1aa"; } .fa-journal-whills:before { content: "\f66a"; } .fa-js:before { content: "\f3b8"; } .fa-js-square:before { content: "\f3b9"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-kaaba:before { content: "\f66b"; } .fa-kaggle:before { content: "\f5fa"; } .fa-key:before { content: "\f084"; } .fa-keybase:before { content: "\f4f5"; } .fa-keyboard:before { content: "\f11c"; } .fa-keycdn:before { content: "\f3ba"; } .fa-khanda:before { content: "\f66d"; } .fa-kickstarter:before { content: "\f3bb"; } .fa-kickstarter-k:before { content: "\f3bc"; } .fa-kiss:before { content: "\f596"; } .fa-kiss-beam:before { content: "\f597"; } .fa-kiss-wink-heart:before { content: "\f598"; } .fa-kiwi-bird:before { content: "\f535"; } .fa-korvue:before { content: "\f42f"; } .fa-landmark:before { content: "\f66f"; } .fa-language:before { content: "\f1ab"; } .fa-laptop:before { content: "\f109"; } .fa-laptop-code:before { content: "\f5fc"; } .fa-laptop-medical:before { content: "\f812"; } .fa-laravel:before { content: "\f3bd"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-laugh:before { content: "\f599"; } .fa-laugh-beam:before { content: "\f59a"; } .fa-laugh-squint:before { content: "\f59b"; } .fa-laugh-wink:before { content: "\f59c"; } .fa-layer-group:before { content: "\f5fd"; } .fa-leaf:before { content: "\f06c"; } .fa-leanpub:before { content: "\f212"; } .fa-lemon:before { content: "\f094"; } .fa-less:before { content: "\f41d"; } .fa-less-than:before { content: "\f536"; } .fa-less-than-equal:before { content: "\f537"; } .fa-level-down-alt:before { content: "\f3be"; } .fa-level-up-alt:before { content: "\f3bf"; } .fa-life-ring:before { content: "\f1cd"; } .fa-lightbulb:before { content: "\f0eb"; } .fa-line:before { content: "\f3c0"; } .fa-link:before { content: "\f0c1"; } .fa-linkedin:before { content: "\f08c"; } .fa-linkedin-in:before { content: "\f0e1"; } .fa-linode:before { content: "\f2b8"; } .fa-linux:before { content: "\f17c"; } .fa-lira-sign:before { content: "\f195"; } .fa-list:before { content: "\f03a"; } .fa-list-alt:before { content: "\f022"; } .fa-list-ol:before { content: "\f0cb"; } .fa-list-ul:before { content: "\f0ca"; } .fa-location-arrow:before { content: "\f124"; } .fa-lock:before { content: "\f023"; } .fa-lock-open:before { content: "\f3c1"; } .fa-long-arrow-alt-down:before { content: "\f309"; } .fa-long-arrow-alt-left:before { content: "\f30a"; } .fa-long-arrow-alt-right:before { content: "\f30b"; } .fa-long-arrow-alt-up:before { content: "\f30c"; } .fa-low-vision:before { content: "\f2a8"; } .fa-luggage-cart:before { content: "\f59d"; } .fa-lyft:before { content: "\f3c3"; } .fa-magento:before { content: "\f3c4"; } .fa-magic:before { content: "\f0d0"; } .fa-magnet:before { content: "\f076"; } .fa-mail-bulk:before { content: "\f674"; } .fa-mailchimp:before { content: "\f59e"; } .fa-male:before { content: "\f183"; } .fa-mandalorian:before { content: "\f50f"; } .fa-map:before { content: "\f279"; } .fa-map-marked:before { content: "\f59f"; } .fa-map-marked-alt:before { content: "\f5a0"; } .fa-map-marker:before { content: "\f041"; } .fa-map-marker-alt:before { content: "\f3c5"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-markdown:before { content: "\f60f"; } .fa-marker:before { content: "\f5a1"; } .fa-mars:before { content: "\f222"; } .fa-mars-double:before { content: "\f227"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mask:before { content: "\f6fa"; } .fa-mastodon:before { content: "\f4f6"; } .fa-maxcdn:before { content: "\f136"; } .fa-medal:before { content: "\f5a2"; } .fa-medapps:before { content: "\f3c6"; } .fa-medium:before { content: "\f23a"; } .fa-medium-m:before { content: "\f3c7"; } .fa-medkit:before { content: "\f0fa"; } .fa-medrt:before { content: "\f3c8"; } .fa-meetup:before { content: "\f2e0"; } .fa-megaport:before { content: "\f5a3"; } .fa-meh:before { content: "\f11a"; } .fa-meh-blank:before { content: "\f5a4"; } .fa-meh-rolling-eyes:before { content: "\f5a5"; } .fa-memory:before { content: "\f538"; } .fa-mendeley:before { content: "\f7b3"; } .fa-menorah:before { content: "\f676"; } .fa-mercury:before { content: "\f223"; } .fa-meteor:before { content: "\f753"; } .fa-microchip:before { content: "\f2db"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-alt:before { content: "\f3c9"; } .fa-microphone-alt-slash:before { content: "\f539"; } .fa-microphone-slash:before { content: "\f131"; } .fa-microscope:before { content: "\f610"; } .fa-microsoft:before { content: "\f3ca"; } .fa-minus:before { content: "\f068"; } .fa-minus-circle:before { content: "\f056"; } .fa-minus-square:before { content: "\f146"; } .fa-mitten:before { content: "\f7b5"; } .fa-mix:before { content: "\f3cb"; } .fa-mixcloud:before { content: "\f289"; } .fa-mizuni:before { content: "\f3cc"; } .fa-mobile:before { content: "\f10b"; } .fa-mobile-alt:before { content: "\f3cd"; } .fa-modx:before { content: "\f285"; } .fa-monero:before { content: "\f3d0"; } .fa-money-bill:before { content: "\f0d6"; } .fa-money-bill-alt:before { content: "\f3d1"; } .fa-money-bill-wave:before { content: "\f53a"; } .fa-money-bill-wave-alt:before { content: "\f53b"; } .fa-money-check:before { content: "\f53c"; } .fa-money-check-alt:before { content: "\f53d"; } .fa-monument:before { content: "\f5a6"; } .fa-moon:before { content: "\f186"; } .fa-mortar-pestle:before { content: "\f5a7"; } .fa-mosque:before { content: "\f678"; } .fa-motorcycle:before { content: "\f21c"; } .fa-mountain:before { content: "\f6fc"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-mug-hot:before { content: "\f7b6"; } .fa-music:before { content: "\f001"; } .fa-napster:before { content: "\f3d2"; } .fa-neos:before { content: "\f612"; } .fa-network-wired:before { content: "\f6ff"; } .fa-neuter:before { content: "\f22c"; } .fa-newspaper:before { content: "\f1ea"; } .fa-nimblr:before { content: "\f5a8"; } .fa-node:before { content: "\f419"; } .fa-node-js:before { content: "\f3d3"; } .fa-not-equal:before { content: "\f53e"; } .fa-notes-medical:before { content: "\f481"; } .fa-npm:before { content: "\f3d4"; } .fa-ns8:before { content: "\f3d5"; } .fa-nutritionix:before { content: "\f3d6"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-oil-can:before { content: "\f613"; } .fa-old-republic:before { content: "\f510"; } .fa-om:before { content: "\f679"; } .fa-opencart:before { content: "\f23d"; } .fa-openid:before { content: "\f19b"; } .fa-opera:before { content: "\f26a"; } .fa-optin-monster:before { content: "\f23c"; } .fa-osi:before { content: "\f41a"; } .fa-otter:before { content: "\f700"; } .fa-outdent:before { content: "\f03b"; } .fa-page4:before { content: "\f3d7"; } .fa-pagelines:before { content: "\f18c"; } .fa-pager:before { content: "\f815"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-paint-roller:before { content: "\f5aa"; } .fa-palette:before { content: "\f53f"; } .fa-palfed:before { content: "\f3d8"; } .fa-pallet:before { content: "\f482"; } .fa-paper-plane:before { content: "\f1d8"; } .fa-paperclip:before { content: "\f0c6"; } .fa-parachute-box:before { content: "\f4cd"; } .fa-paragraph:before { content: "\f1dd"; } .fa-parking:before { content: "\f540"; } .fa-passport:before { content: "\f5ab"; } .fa-pastafarianism:before { content: "\f67b"; } .fa-paste:before { content: "\f0ea"; } .fa-patreon:before { content: "\f3d9"; } .fa-pause:before { content: "\f04c"; } .fa-pause-circle:before { content: "\f28b"; } .fa-paw:before { content: "\f1b0"; } .fa-paypal:before { content: "\f1ed"; } .fa-peace:before { content: "\f67c"; } .fa-pen:before { content: "\f304"; } .fa-pen-alt:before { content: "\f305"; } .fa-pen-fancy:before { content: "\f5ac"; } .fa-pen-nib:before { content: "\f5ad"; } .fa-pen-square:before { content: "\f14b"; } .fa-pencil-alt:before { content: "\f303"; } .fa-pencil-ruler:before { content: "\f5ae"; } .fa-penny-arcade:before { content: "\f704"; } .fa-people-carry:before { content: "\f4ce"; } .fa-pepper-hot:before { content: "\f816"; } .fa-percent:before { content: "\f295"; } .fa-percentage:before { content: "\f541"; } .fa-periscope:before { content: "\f3da"; } .fa-person-booth:before { content: "\f756"; } .fa-phabricator:before { content: "\f3db"; } .fa-phoenix-framework:before { content: "\f3dc"; } .fa-phoenix-squadron:before { content: "\f511"; } .fa-phone:before { content: "\f095"; } .fa-phone-alt:before { content: "\f879"; } .fa-phone-slash:before { content: "\f3dd"; } .fa-phone-square:before { content: "\f098"; } .fa-phone-square-alt:before { content: "\f87b"; } .fa-phone-volume:before { content: "\f2a0"; } .fa-photo-video:before { content: "\f87c"; } .fa-php:before { content: "\f457"; } .fa-pied-piper:before { content: "\f2ae"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-pied-piper-hat:before { content: "\f4e5"; } .fa-pied-piper-pp:before { content: "\f1a7"; } .fa-piggy-bank:before { content: "\f4d3"; } .fa-pills:before { content: "\f484"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-p:before { content: "\f231"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-pizza-slice:before { content: "\f818"; } .fa-place-of-worship:before { content: "\f67f"; } .fa-plane:before { content: "\f072"; } .fa-plane-arrival:before { content: "\f5af"; } .fa-plane-departure:before { content: "\f5b0"; } .fa-play:before { content: "\f04b"; } .fa-play-circle:before { content: "\f144"; } .fa-playstation:before { content: "\f3df"; } .fa-plug:before { content: "\f1e6"; } .fa-plus:before { content: "\f067"; } .fa-plus-circle:before { content: "\f055"; } .fa-plus-square:before { content: "\f0fe"; } .fa-podcast:before { content: "\f2ce"; } .fa-poll:before { content: "\f681"; } .fa-poll-h:before { content: "\f682"; } .fa-poo:before { content: "\f2fe"; } .fa-poo-storm:before { content: "\f75a"; } .fa-poop:before { content: "\f619"; } .fa-portrait:before { content: "\f3e0"; } .fa-pound-sign:before { content: "\f154"; } .fa-power-off:before { content: "\f011"; } .fa-pray:before { content: "\f683"; } .fa-praying-hands:before { content: "\f684"; } .fa-prescription:before { content: "\f5b1"; } .fa-prescription-bottle:before { content: "\f485"; } .fa-prescription-bottle-alt:before { content: "\f486"; } .fa-print:before { content: "\f02f"; } .fa-procedures:before { content: "\f487"; } .fa-product-hunt:before { content: "\f288"; } .fa-project-diagram:before { content: "\f542"; } .fa-pushed:before { content: "\f3e1"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-python:before { content: "\f3e2"; } .fa-qq:before { content: "\f1d6"; } .fa-qrcode:before { content: "\f029"; } .fa-question:before { content: "\f128"; } .fa-question-circle:before { content: "\f059"; } .fa-quidditch:before { content: "\f458"; } .fa-quinscape:before { content: "\f459"; } .fa-quora:before { content: "\f2c4"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-quran:before { content: "\f687"; } .fa-r-project:before { content: "\f4f7"; } .fa-radiation:before { content: "\f7b9"; } .fa-radiation-alt:before { content: "\f7ba"; } .fa-rainbow:before { content: "\f75b"; } .fa-random:before { content: "\f074"; } .fa-raspberry-pi:before { content: "\f7bb"; } .fa-ravelry:before { content: "\f2d9"; } .fa-react:before { content: "\f41b"; } .fa-reacteurope:before { content: "\f75d"; } .fa-readme:before { content: "\f4d5"; } .fa-rebel:before { content: "\f1d0"; } .fa-receipt:before { content: "\f543"; } .fa-recycle:before { content: "\f1b8"; } .fa-red-river:before { content: "\f3e3"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-alien:before { content: "\f281"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-redhat:before { content: "\f7bc"; } .fa-redo:before { content: "\f01e"; } .fa-redo-alt:before { content: "\f2f9"; } .fa-registered:before { content: "\f25d"; } .fa-remove-format:before { content: "\f87d"; } .fa-renren:before { content: "\f18b"; } .fa-reply:before { content: "\f3e5"; } .fa-reply-all:before { content: "\f122"; } .fa-replyd:before { content: "\f3e6"; } .fa-republican:before { content: "\f75e"; } .fa-researchgate:before { content: "\f4f8"; } .fa-resolving:before { content: "\f3e7"; } .fa-restroom:before { content: "\f7bd"; } .fa-retweet:before { content: "\f079"; } .fa-rev:before { content: "\f5b2"; } .fa-ribbon:before { content: "\f4d6"; } .fa-ring:before { content: "\f70b"; } .fa-road:before { content: "\f018"; } .fa-robot:before { content: "\f544"; } .fa-rocket:before { content: "\f135"; } .fa-rocketchat:before { content: "\f3e8"; } .fa-rockrms:before { content: "\f3e9"; } .fa-route:before { content: "\f4d7"; } .fa-rss:before { content: "\f09e"; } .fa-rss-square:before { content: "\f143"; } .fa-ruble-sign:before { content: "\f158"; } .fa-ruler:before { content: "\f545"; } .fa-ruler-combined:before { content: "\f546"; } .fa-ruler-horizontal:before { content: "\f547"; } .fa-ruler-vertical:before { content: "\f548"; } .fa-running:before { content: "\f70c"; } .fa-rupee-sign:before { content: "\f156"; } .fa-sad-cry:before { content: "\f5b3"; } .fa-sad-tear:before { content: "\f5b4"; } .fa-safari:before { content: "\f267"; } .fa-salesforce:before { content: "\f83b"; } .fa-sass:before { content: "\f41e"; } .fa-satellite:before { content: "\f7bf"; } .fa-satellite-dish:before { content: "\f7c0"; } .fa-save:before { content: "\f0c7"; } .fa-schlix:before { content: "\f3ea"; } .fa-school:before { content: "\f549"; } .fa-screwdriver:before { content: "\f54a"; } .fa-scribd:before { content: "\f28a"; } .fa-scroll:before { content: "\f70e"; } .fa-sd-card:before { content: "\f7c2"; } .fa-search:before { content: "\f002"; } .fa-search-dollar:before { content: "\f688"; } .fa-search-location:before { content: "\f689"; } .fa-search-minus:before { content: "\f010"; } .fa-search-plus:before { content: "\f00e"; } .fa-searchengin:before { content: "\f3eb"; } .fa-seedling:before { content: "\f4d8"; } .fa-sellcast:before { content: "\f2da"; } .fa-sellsy:before { content: "\f213"; } .fa-server:before { content: "\f233"; } .fa-servicestack:before { content: "\f3ec"; } .fa-shapes:before { content: "\f61f"; } .fa-share:before { content: "\f064"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-share-square:before { content: "\f14d"; } .fa-shekel-sign:before { content: "\f20b"; } .fa-shield-alt:before { content: "\f3ed"; } .fa-ship:before { content: "\f21a"; } .fa-shipping-fast:before { content: "\f48b"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-shoe-prints:before { content: "\f54b"; } .fa-shopping-bag:before { content: "\f290"; } .fa-shopping-basket:before { content: "\f291"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-shopware:before { content: "\f5b5"; } .fa-shower:before { content: "\f2cc"; } .fa-shuttle-van:before { content: "\f5b6"; } .fa-sign:before { content: "\f4d9"; } .fa-sign-in-alt:before { content: "\f2f6"; } .fa-sign-language:before { content: "\f2a7"; } .fa-sign-out-alt:before { content: "\f2f5"; } .fa-signal:before { content: "\f012"; } .fa-signature:before { content: "\f5b7"; } .fa-sim-card:before { content: "\f7c4"; } .fa-simplybuilt:before { content: "\f215"; } .fa-sistrix:before { content: "\f3ee"; } .fa-sitemap:before { content: "\f0e8"; } .fa-sith:before { content: "\f512"; } .fa-skating:before { content: "\f7c5"; } .fa-sketch:before { content: "\f7c6"; } .fa-skiing:before { content: "\f7c9"; } .fa-skiing-nordic:before { content: "\f7ca"; } .fa-skull:before { content: "\f54c"; } .fa-skull-crossbones:before { content: "\f714"; } .fa-skyatlas:before { content: "\f216"; } .fa-skype:before { content: "\f17e"; } .fa-slack:before { content: "\f198"; } .fa-slack-hash:before { content: "\f3ef"; } .fa-slash:before { content: "\f715"; } .fa-sleigh:before { content: "\f7cc"; } .fa-sliders-h:before { content: "\f1de"; } .fa-slideshare:before { content: "\f1e7"; } .fa-smile:before { content: "\f118"; } .fa-smile-beam:before { content: "\f5b8"; } .fa-smile-wink:before { content: "\f4da"; } .fa-smog:before { content: "\f75f"; } .fa-smoking:before { content: "\f48d"; } .fa-smoking-ban:before { content: "\f54d"; } .fa-sms:before { content: "\f7cd"; } .fa-snapchat:before { content: "\f2ab"; } .fa-snapchat-ghost:before { content: "\f2ac"; } .fa-snapchat-square:before { content: "\f2ad"; } .fa-snowboarding:before { content: "\f7ce"; } .fa-snowflake:before { content: "\f2dc"; } .fa-snowman:before { content: "\f7d0"; } .fa-snowplow:before { content: "\f7d2"; } .fa-socks:before { content: "\f696"; } .fa-solar-panel:before { content: "\f5ba"; } .fa-sort:before { content: "\f0dc"; } .fa-sort-alpha-down:before { content: "\f15d"; } .fa-sort-alpha-down-alt:before { content: "\f881"; } .fa-sort-alpha-up:before { content: "\f15e"; } .fa-sort-alpha-up-alt:before { content: "\f882"; } .fa-sort-amount-down:before { content: "\f160"; } .fa-sort-amount-down-alt:before { content: "\f884"; } .fa-sort-amount-up:before { content: "\f161"; } .fa-sort-amount-up-alt:before { content: "\f885"; } .fa-sort-down:before { content: "\f0dd"; } .fa-sort-numeric-down:before { content: "\f162"; } .fa-sort-numeric-down-alt:before { content: "\f886"; } .fa-sort-numeric-up:before { content: "\f163"; } .fa-sort-numeric-up-alt:before { content: "\f887"; } .fa-sort-up:before { content: "\f0de"; } .fa-soundcloud:before { content: "\f1be"; } .fa-sourcetree:before { content: "\f7d3"; } .fa-spa:before { content: "\f5bb"; } .fa-space-shuttle:before { content: "\f197"; } .fa-speakap:before { content: "\f3f3"; } .fa-speaker-deck:before { content: "\f83c"; } .fa-spell-check:before { content: "\f891"; } .fa-spider:before { content: "\f717"; } .fa-spinner:before { content: "\f110"; } .fa-splotch:before { content: "\f5bc"; } .fa-spotify:before { content: "\f1bc"; } .fa-spray-can:before { content: "\f5bd"; } .fa-square:before { content: "\f0c8"; } .fa-square-full:before { content: "\f45c"; } .fa-square-root-alt:before { content: "\f698"; } .fa-squarespace:before { content: "\f5be"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-stackpath:before { content: "\f842"; } .fa-stamp:before { content: "\f5bf"; } .fa-star:before { content: "\f005"; } .fa-star-and-crescent:before { content: "\f699"; } .fa-star-half:before { content: "\f089"; } .fa-star-half-alt:before { content: "\f5c0"; } .fa-star-of-david:before { content: "\f69a"; } .fa-star-of-life:before { content: "\f621"; } .fa-staylinked:before { content: "\f3f5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-steam-symbol:before { content: "\f3f6"; } .fa-step-backward:before { content: "\f048"; } .fa-step-forward:before { content: "\f051"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-sticker-mule:before { content: "\f3f7"; } .fa-sticky-note:before { content: "\f249"; } .fa-stop:before { content: "\f04d"; } .fa-stop-circle:before { content: "\f28d"; } .fa-stopwatch:before { content: "\f2f2"; } .fa-store:before { content: "\f54e"; } .fa-store-alt:before { content: "\f54f"; } .fa-strava:before { content: "\f428"; } .fa-stream:before { content: "\f550"; } .fa-street-view:before { content: "\f21d"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-stripe:before { content: "\f429"; } .fa-stripe-s:before { content: "\f42a"; } .fa-stroopwafel:before { content: "\f551"; } .fa-studiovinari:before { content: "\f3f8"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-subscript:before { content: "\f12c"; } .fa-subway:before { content: "\f239"; } .fa-suitcase:before { content: "\f0f2"; } .fa-suitcase-rolling:before { content: "\f5c1"; } .fa-sun:before { content: "\f185"; } .fa-superpowers:before { content: "\f2dd"; } .fa-superscript:before { content: "\f12b"; } .fa-supple:before { content: "\f3f9"; } .fa-surprise:before { content: "\f5c2"; } .fa-suse:before { content: "\f7d6"; } .fa-swatchbook:before { content: "\f5c3"; } .fa-swimmer:before { content: "\f5c4"; } .fa-swimming-pool:before { content: "\f5c5"; } .fa-symfony:before { content: "\f83d"; } .fa-synagogue:before { content: "\f69b"; } .fa-sync:before { content: "\f021"; } .fa-sync-alt:before { content: "\f2f1"; } .fa-syringe:before { content: "\f48e"; } .fa-table:before { content: "\f0ce"; } .fa-table-tennis:before { content: "\f45d"; } .fa-tablet:before { content: "\f10a"; } .fa-tablet-alt:before { content: "\f3fa"; } .fa-tablets:before { content: "\f490"; } .fa-tachometer-alt:before { content: "\f3fd"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-tape:before { content: "\f4db"; } .fa-tasks:before { content: "\f0ae"; } .fa-taxi:before { content: "\f1ba"; } .fa-teamspeak:before { content: "\f4f9"; } .fa-teeth:before { content: "\f62e"; } .fa-teeth-open:before { content: "\f62f"; } .fa-telegram:before { content: "\f2c6"; } .fa-telegram-plane:before { content: "\f3fe"; } .fa-temperature-high:before { content: "\f769"; } .fa-temperature-low:before { content: "\f76b"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-tenge:before { content: "\f7d7"; } .fa-terminal:before { content: "\f120"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-th:before { content: "\f00a"; } .fa-th-large:before { content: "\f009"; } .fa-th-list:before { content: "\f00b"; } .fa-the-red-yeti:before { content: "\f69d"; } .fa-theater-masks:before { content: "\f630"; } .fa-themeco:before { content: "\f5c6"; } .fa-themeisle:before { content: "\f2b2"; } .fa-thermometer:before { content: "\f491"; } .fa-thermometer-empty:before { content: "\f2cb"; } .fa-thermometer-full:before { content: "\f2c7"; } .fa-thermometer-half:before { content: "\f2c9"; } .fa-thermometer-quarter:before { content: "\f2ca"; } .fa-thermometer-three-quarters:before { content: "\f2c8"; } .fa-think-peaks:before { content: "\f731"; } .fa-thumbs-down:before { content: "\f165"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbtack:before { content: "\f08d"; } .fa-ticket-alt:before { content: "\f3ff"; } .fa-times:before { content: "\f00d"; } .fa-times-circle:before { content: "\f057"; } .fa-tint:before { content: "\f043"; } .fa-tint-slash:before { content: "\f5c7"; } .fa-tired:before { content: "\f5c8"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-toilet:before { content: "\f7d8"; } .fa-toilet-paper:before { content: "\f71e"; } .fa-toolbox:before { content: "\f552"; } .fa-tools:before { content: "\f7d9"; } .fa-tooth:before { content: "\f5c9"; } .fa-torah:before { content: "\f6a0"; } .fa-torii-gate:before { content: "\f6a1"; } .fa-tractor:before { content: "\f722"; } .fa-trade-federation:before { content: "\f513"; } .fa-trademark:before { content: "\f25c"; } .fa-traffic-light:before { content: "\f637"; } .fa-train:before { content: "\f238"; } .fa-tram:before { content: "\f7da"; } .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-trash:before { content: "\f1f8"; } .fa-trash-alt:before { content: "\f2ed"; } .fa-trash-restore:before { content: "\f829"; } .fa-trash-restore-alt:before { content: "\f82a"; } .fa-tree:before { content: "\f1bb"; } .fa-trello:before { content: "\f181"; } .fa-tripadvisor:before { content: "\f262"; } .fa-trophy:before { content: "\f091"; } .fa-truck:before { content: "\f0d1"; } .fa-truck-loading:before { content: "\f4de"; } .fa-truck-monster:before { content: "\f63b"; } .fa-truck-moving:before { content: "\f4df"; } .fa-truck-pickup:before { content: "\f63c"; } .fa-tshirt:before { content: "\f553"; } .fa-tty:before { content: "\f1e4"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-tv:before { content: "\f26c"; } .fa-twitch:before { content: "\f1e8"; } .fa-twitter:before { content: "\f099"; } .fa-twitter-square:before { content: "\f081"; } .fa-typo3:before { content: "\f42b"; } .fa-uber:before { content: "\f402"; } .fa-ubuntu:before { content: "\f7df"; } .fa-uikit:before { content: "\f403"; } .fa-umbrella:before { content: "\f0e9"; } .fa-umbrella-beach:before { content: "\f5ca"; } .fa-underline:before { content: "\f0cd"; } .fa-undo:before { content: "\f0e2"; } .fa-undo-alt:before { content: "\f2ea"; } .fa-uniregistry:before { content: "\f404"; } .fa-universal-access:before { content: "\f29a"; } .fa-university:before { content: "\f19c"; } .fa-unlink:before { content: "\f127"; } .fa-unlock:before { content: "\f09c"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-untappd:before { content: "\f405"; } .fa-upload:before { content: "\f093"; } .fa-ups:before { content: "\f7e0"; } .fa-usb:before { content: "\f287"; } .fa-user:before { content: "\f007"; } .fa-user-alt:before { content: "\f406"; } .fa-user-alt-slash:before { content: "\f4fa"; } .fa-user-astronaut:before { content: "\f4fb"; } .fa-user-check:before { content: "\f4fc"; } .fa-user-circle:before { content: "\f2bd"; } .fa-user-clock:before { content: "\f4fd"; } .fa-user-cog:before { content: "\f4fe"; } .fa-user-edit:before { content: "\f4ff"; } .fa-user-friends:before { content: "\f500"; } .fa-user-graduate:before { content: "\f501"; } .fa-user-injured:before { content: "\f728"; } .fa-user-lock:before { content: "\f502"; } .fa-user-md:before { content: "\f0f0"; } .fa-user-minus:before { content: "\f503"; } .fa-user-ninja:before { content: "\f504"; } .fa-user-nurse:before { content: "\f82f"; } .fa-user-plus:before { content: "\f234"; } .fa-user-secret:before { content: "\f21b"; } .fa-user-shield:before { content: "\f505"; } .fa-user-slash:before { content: "\f506"; } .fa-user-tag:before { content: "\f507"; } .fa-user-tie:before { content: "\f508"; } .fa-user-times:before { content: "\f235"; } .fa-users:before { content: "\f0c0"; } .fa-users-cog:before { content: "\f509"; } .fa-usps:before { content: "\f7e1"; } .fa-ussunnah:before { content: "\f407"; } .fa-utensil-spoon:before { content: "\f2e5"; } .fa-utensils:before { content: "\f2e7"; } .fa-vaadin:before { content: "\f408"; } .fa-vector-square:before { content: "\f5cb"; } .fa-venus:before { content: "\f221"; } .fa-venus-double:before { content: "\f226"; } .fa-venus-mars:before { content: "\f228"; } .fa-viacoin:before { content: "\f237"; } .fa-viadeo:before { content: "\f2a9"; } .fa-viadeo-square:before { content: "\f2aa"; } .fa-vial:before { content: "\f492"; } .fa-vials:before { content: "\f493"; } .fa-viber:before { content: "\f409"; } .fa-video:before { content: "\f03d"; } .fa-video-slash:before { content: "\f4e2"; } .fa-vihara:before { content: "\f6a7"; } .fa-vimeo:before { content: "\f40a"; } .fa-vimeo-square:before { content: "\f194"; } .fa-vimeo-v:before { content: "\f27d"; } .fa-vine:before { content: "\f1ca"; } .fa-vk:before { content: "\f189"; } .fa-vnv:before { content: "\f40b"; } .fa-voicemail:before { content: "\f897"; } .fa-volleyball-ball:before { content: "\f45f"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-mute:before { content: "\f6a9"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-up:before { content: "\f028"; } .fa-vote-yea:before { content: "\f772"; } .fa-vr-cardboard:before { content: "\f729"; } .fa-vuejs:before { content: "\f41f"; } .fa-walking:before { content: "\f554"; } .fa-wallet:before { content: "\f555"; } .fa-warehouse:before { content: "\f494"; } .fa-water:before { content: "\f773"; } .fa-wave-square:before { content: "\f83e"; } .fa-waze:before { content: "\f83f"; } .fa-weebly:before { content: "\f5cc"; } .fa-weibo:before { content: "\f18a"; } .fa-weight:before { content: "\f496"; } .fa-weight-hanging:before { content: "\f5cd"; } .fa-weixin:before { content: "\f1d7"; } .fa-whatsapp:before { content: "\f232"; } .fa-whatsapp-square:before { content: "\f40c"; } .fa-wheelchair:before { content: "\f193"; } .fa-whmcs:before { content: "\f40d"; } .fa-wifi:before { content: "\f1eb"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-wind:before { content: "\f72e"; } .fa-window-close:before { content: "\f410"; } .fa-window-maximize:before { content: "\f2d0"; } .fa-window-minimize:before { content: "\f2d1"; } .fa-window-restore:before { content: "\f2d2"; } .fa-windows:before { content: "\f17a"; } .fa-wine-bottle:before { content: "\f72f"; } .fa-wine-glass:before { content: "\f4e3"; } .fa-wine-glass-alt:before { content: "\f5ce"; } .fa-wix:before { content: "\f5cf"; } .fa-wizards-of-the-coast:before { content: "\f730"; } .fa-wolf-pack-battalion:before { content: "\f514"; } .fa-won-sign:before { content: "\f159"; } .fa-wordpress:before { content: "\f19a"; } .fa-wordpress-simple:before { content: "\f411"; } .fa-wpbeginner:before { content: "\f297"; } .fa-wpexplorer:before { content: "\f2de"; } .fa-wpforms:before { content: "\f298"; } .fa-wpressr:before { content: "\f3e4"; } .fa-wrench:before { content: "\f0ad"; } .fa-x-ray:before { content: "\f497"; } .fa-xbox:before { content: "\f412"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-y-combinator:before { content: "\f23b"; } .fa-yahoo:before { content: "\f19e"; } .fa-yammer:before { content: "\f840"; } .fa-yandex:before { content: "\f413"; } .fa-yandex-international:before { content: "\f414"; } .fa-yarn:before { content: "\f7e3"; } .fa-yelp:before { content: "\f1e9"; } .fa-yen-sign:before { content: "\f157"; } .fa-yin-yang:before { content: "\f6ad"; } .fa-yoast:before { content: "\f2b1"; } .fa-youtube:before { content: "\f167"; } .fa-youtube-square:before { content: "\f431"; } .fa-zhihu:before { content: "\f63f"; } .sr-only { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .sr-only-focusable:active, .sr-only-focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* #Custom Styles ================================================== */ /*faq */ .accordion { font-size: 1rem; margin: 0 auto; border-radius: 5px; } .accordion-header, .accordion-body { background: white; } .accordion-header { padding: 1.5em 1.5em; background: transparent; text-transform: uppercase; color: #000; cursor: pointer; letter-spacing: .1em; transition: all .3s; font-size: 22px; } .accordion-header h2 { color: #000; } .accordion-header:hover { background: #f68a3d; position: relative; color: #000; z-index: 5; } .accordion-body { background: none; color: #3f3c3c; display: none; } .accordion-body__contents { padding: 1.5em 1.5em; } .accordion__item.active:last-child .accordion-header { border-radius: none; } .accordion:first-child > .accordion__item > .accordion-header { border-bottom: 1px solid transparent; } .accordion__item > .accordion-header h2:after { content: "\f067"; font-family: "fontawesome"; font-size: 1.2em; float: right; position: relative; top: -4px; transition: .3s all; transform: rotate(0deg); } .accordion__item.active > .accordion-header h2:after { transform: rotate(135deg); } .accordion__item.active .accordion-header { background: #ff4c23; } .accordion__item .accordion__item .accordion-header { background: #f1f1f1; color: black; } @media screen and (max-width: 850px) { body { padding: 1em; } .accordion { width: 100%; } } .accordion-header:hover { background-color: #f68a3d !important; color: #000 !important; } .accordion__item.active .accordion-header { background: none !important; text-decoration: underline; color: #fff !important; } .accordion-body { background-color: transparent !important; } .accordion-body .accordion .accordion-header { color: #fff !important; text-decoration: none; padding-left: 3em; } .accordion-body .accordion .accordion-body__contents { color: #000 !important; padding-left: 4em; padding-right: 10em; } .accordion-top-level__contents { display: none; } .active .active .accordion-header h3:before { content: "\f105"; font-family: fontawesome; padding-right: 1em; } .accordion-header { padding: 0 .5em 0 .5em !important; } .accordion .accordion .accordion-header { padding-left: 2em !important; } .accordion-body__contents a { text-decoration: underline; } .js-accordion h2, .js-accordion h3 { font-weight: normal; } .accordion-header h2 { position: relative; top: 13px; } /* misc */ .index-sections .under-menu:nth-child(1) { margin-top: 0; } .nav.menu-left { width: 40%; } .nav.menu-right { width: 30%; } div.logo { width: 20%; } .mini_cart { background-color: initial; padding-top: 15px; padding-bottom: 55px; } @media screen and (max-width: 850px) { .mini_cart { padding-bottom: 20px !important; } } .cart_content { top: 70px; } .sticky_nav--stick .cart_container:first-child .mini_cart { display: none; } footer .social_icons { margin-top: 0; padding-top: 0; } footer .social_icons a { margin-bottom: 0; } label.rc_label { color: #000 !important; } .page-details-section .under-menu:nth-child(1) { margin-top: 0 !important; } .related-products--grid .image-element__wrap { max-height: 280px; } .locatorBanner img { width: 100%; } #addresses_list .address, #addresses_list .city, #addresses_list .prov_state, #addresses_list .postal_zip, #addresses_list .country { color: #000; } /* store locator */ .search_bar { background: #fff !important; padding-left: 2.5%% !important; } .search_bar input[type="text"] { display: block; } .search_bar .main_search_bar { width: 50% !important; } .main_search_bar input { width: 90% !important; } .search_limit_label, .main_search_label, .distance_label { display: block !important; } .search_bar .search_limit { margin-left: 5%; min-width: 10% !important; } #submitBtn { width: 20%; display: inline-block; margin-top: 2.4em !important; float: none !important; margin-left: 5%; } .rc_popup__hover { text-decoration: underline; } .quick-shop .flickity-viewport { height: 450px !important; } .cart_content a.action_button { color: #fff !important; } /* Athletes seciton */ #page P { line-height: 28px; font-size: 17px; margin-top: 25px; } #page { text-align: left; } #page h2 { color: #ff9900; font-size: 36px; margin-bottom: 15px; } #page h3 { color: #000; font-size: 12px; letter-spacing: 2px; } #page p, #page h2, #page h3 { padding: 0 150px 0 150px; } #headerImageCaption { margin-top: 2em; } .athlete-details a { text-decoration: underline; } #headerImageCaption h1 { color: #f90; text-align: left; font-size: 60px; word-wrap: normal; text-transform: uppercase; border-bottom: none !important; text-shadow: 3px 3px 0 #000; line-height: 1em; } #headerImageCaption h2 { font-size: 35px; color: #fff !important; text-transform: uppercase; line-height: 1; word-wrap: break-word; padding: 0 !important; text-shadow: 3px 3px 0 #000; } .pageBanner { margin-top: 2em; margin-bottom: 2em; } .row.athlete { margin-top: 3em; } .athlete-details p, .athlete h2, .athlete h3 { padding: 0 !important; text-align: center; } #page .athlete-details p { color: #999; font: 16px/30px; } .athlete h2 { text-transform: uppercase; } #page .athlete h3 { font: 11px/16px; text-transform: uppercase; } #page .athlete-details h3 { color: #000; font: 25px/30px; text-transform: uppercase; margin-top: 0; } #page .athlete-details span { color: #ff4c23; font: 14px/25px; } .athlete .pointed-line { width: 90%; } #headerImageCaption p { padding: 0 !important; max-width: 80%; } .social-toolbar { text-align: center; } @media (max-width: 480px) { .hideMobile { display: none !important; } #page p { padding: 0; } } #headerImageCaption { padding-top: 150px; padding-left: 50px; } #headerImageCaption { height: 530px; background: url("//cdn.shopify.com/s/files/1/1956/1231/t/53/assets/athlete-skier.jpg?v=81722635226344537821663018311") no-repeat; background-size: cover; background-position: 25%; } .athlete img { width: 100% !important; } @media (max-width: 414px) { #headerImageCaption h1 { font-size: 36px !important; line-height: 1em !important; text-shadow: none !important; } #headerImageCaption h2 { text-shadow: none !important; } #headerImageCaption { padding: 1em !important; height: 270px !important; } } .blog_meta { margin-bottom: 2em; } .blog .image-element__wrap { height: 180px; } span > a { margin-left: .2em; } a > span { margin-left: .2em; } .noNitrate { font-style: italic; margin-bottom: 2em; } @media (max-width: 480px) { .container.footer-menu-wrap { width: 100%; } .feature-section { padding: 0px 20px 20px 20px; } } @media (min-width: 769px) { h6.has_socialicons { display: none; } } @media screen and (min-width: 851px) { .caption { top: 50%; } } @media screen and (max-width: 850px) { body { padding: 0; } .container.footer-menu-wrap { padding: 2em; } } .discontinued .discontinued__product { display: flex; align-items: flex-start; margin-bottom: 50px; } @media screen and (max-width: 850px) { .discontinued .discontinued__product { flex-wrap: wrap; justify-content: center; } } .discontinued .discontinued__product-image { width: 40%; height: 0; padding-bottom: 40%; background-size: cover; background-position: center center; flex-shrink: 0; } @media screen and (max-width: 850px) { .discontinued .discontinued__product-image { width: 100%; padding-bottom: 100%; } } .discontinued .discontinued__product-text { padding: 0 50px; text-align: left; width: 100%; } .discontinued .discontinued__product-text h2 { font-weight: 700; margin-bottom: 50px; } .discontinued .discontinued__product-text h1 { margin-bottom: 15px; text-transform: unset; font-weight: 700; font-size: 35px; line-height: 1; } .discontinued .discontinued__product-text h3 { font-weight: 400; text-transform: unset; letter-spacing: 1px; margin-bottom: 0; } .discontinued .discontinued__product-text p { font-style: italic; font-size: 12px; } .discontinued .discontinued__product-text a { text-decoration: underline; } @media screen and (max-width: 850px) { .discontinued .discontinued__product-text { padding: 25px 0; } } .discontinued .discontinued__product-list { margin-bottom: 50px; text-align: center; } .discontinued .discontinued__product-list h2 { font-weight: 700; margin-bottom: 30px; } @media screen and (min-width: 1025px) { .discontinued { padding: 0 15px; } } .notfound .notfound__block { display: flex; align-items: flex-start; margin-bottom: 50px; padding-top: 30px; padding-right: 50px; } @media screen and (max-width: 850px) { .notfound .notfound__block { flex-wrap: wrap; justify-content: center; flex-direction: row-reverse; padding-right: 0; } } .notfound .notfound__block-image { width: 40%; height: 0; padding-bottom: 40%; background-image: url("https://cdn.shopify.com/s/files/1/1956/1231/files/TenderBelly_Employee_BBQDSC_1791.jpg"); background-size: cover; background-position: center center; flex-shrink: 0; } @media screen and (max-width: 850px) { .notfound .notfound__block-image { width: 100%; padding-bottom: 100%; } } .notfound .notfound__block-text { padding: 0 50px; text-align: left; width: 100%; max-width: 500px; margin: 0 auto; } .notfound .notfound__block-text h3 { font-size: 40px; font-weight: 400; text-transform: unset; letter-spacing: 1px; margin-bottom: 0; } .notfound .notfound__block-text p { font-style: italic; font-size: 18px; } @media screen and (max-width: 850px) { .notfound .notfound__block-text { padding: 25px 0; } } .notfound .notfound__product-list { margin-bottom: 50px; text-align: center; } .notfound .notfound__product-list h2 { font-weight: 700; margin-bottom: 30px; } @media screen and (min-width: 1025px) { .notfound { padding: 0 15px; } } .bis__container { padding: 10px; border: 1px solid #f68a3d; margin-bottom: 20px; } .bis__container p { margin: 0; font-size: 14px; } .bis__container .bold { font-weight: bold; } .customers-account .account-header, .customers-addresses .account-header, .customers-order .account-header { display: flex; align-items: center; margin-bottom: 10px; } .customers-account .account-header .account-header-title, .customers-addresses .account-header .account-header-title, .customers-order .account-header .account-header-title { width: 50%; } .customers-account .account-header .account-header-title h1, .customers-addresses .account-header .account-header-title h1, .customers-order .account-header .account-header-title h1 { margin: 0; } .customers-account .account-header .account-header-logout, .customers-addresses .account-header .account-header-logout, .customers-order .account-header .account-header-logout { width: 50%; } .customers-account .account-header .return-header, .customers-addresses .account-header .return-header, .customers-order .account-header .return-header { color: #333; } .customers-account .account-header .return-header:hover, .customers-addresses .account-header .return-header:hover, .customers-order .account-header .return-header:hover { color: #bbb; } .customers-account .account-sidebar .name, .customers-addresses .account-sidebar .name, .customers-order .account-sidebar .name { margin-bottom: 0; } .customers-account .account-sidebar .link_left, .customers-addresses .account-sidebar .link_left, .customers-order .account-sidebar .link_left { color: #fff; } .customers-account .account-sidebar .button, .customers-addresses .account-sidebar .button, .customers-order .account-sidebar .button { width: 100%; max-width: 350px; background-color: #fff !important; border: 1px solid #f68a3d !important; color: #f68a3d !important; } .customers-account .account-sidebar .button:hover, .customers-addresses .account-sidebar .button:hover, .customers-order .account-sidebar .button:hover { background-color: #de7d38 !important; border: 1px solid #de7d38 !important; color: #fff !important; } .customers-account .account-sidebar .button--view-profile, .customers-account .account-sidebar .button--order-history, .customers-addresses .account-sidebar .button--view-profile, .customers-addresses .account-sidebar .button--order-history, .customers-order .account-sidebar .button--view-profile, .customers-order .account-sidebar .button--order-history { background-color: #f68a3d !important; border: 1px solid #f68a3d !important; color: #fff !important; font-weight: bold !important; } .customers-account .account-sidebar .button--view-profile:hover, .customers-account .account-sidebar .button--order-history:hover, .customers-addresses .account-sidebar .button--view-profile:hover, .customers-addresses .account-sidebar .button--order-history:hover, .customers-order .account-sidebar .button--view-profile:hover, .customers-order .account-sidebar .button--order-history:hover { background-color: #de7d38 !important; border: 1px solid #de7d38 !important; } .customers-account .account-main #customer_orders table thead tr th:first-child, .customers-addresses .account-main #customer_orders table thead tr th:first-child, .customers-order .account-main #customer_orders table thead tr th:first-child { border-left: none; } .customers-account .account-main #customer_orders table thead tr th, .customers-addresses .account-main #customer_orders table thead tr th, .customers-order .account-main #customer_orders table thead tr th { border-right: none; } .customers-account .account-main #customer_orders table tbody tr td:first-child, .customers-addresses .account-main #customer_orders table tbody tr td:first-child, .customers-order .account-main #customer_orders table tbody tr td:first-child { border-left: none; } .customers-account .account-main #customer_orders table tbody tr td, .customers-addresses .account-main #customer_orders table tbody tr td, .customers-order .account-main #customer_orders table tbody tr td { border-right: none; } .customers-account .account-main #customer_orders a, .customers-addresses .account-main #customer_orders a, .customers-order .account-main #customer_orders a { color: #f68a3d; text-decoration: underline; } .customers-account .account-main .action_edit:hover, .customers-addresses .account-main .action_edit:hover, .customers-order .account-main .action_edit:hover { background-color: #de7d38; border: 1px solid #de7d38; } .customers-account .account-main .action_delete:hover, .customers-addresses .account-main .action_delete:hover, .customers-order .account-main .action_delete:hover { background-color: #de7d38 !important; border: 1px solid #de7d38; } .customers-account .account-main .action_delete:hover a, .customers-addresses .account-main .action_delete:hover a, .customers-order .account-main .action_delete:hover a { color: #fff !important; } .customers-account .account-main .email, .customers-addresses .account-main .email, .customers-order .account-main .email { margin-bottom: 5px; } .customers-account .account-main .update-email, .customers-addresses .account-main .update-email, .customers-order .account-main .update-email { font-size: 12px; } .customers-account .account-main .update-email-link, .customers-addresses .account-main .update-email-link, .customers-order .account-main .update-email-link { color: #f68a3d; text-decoration: underline; } .customers-account .account-main .add_address, .customers-addresses .account-main .add_address, .customers-order .account-main .add_address { padding-bottom: 10px; } .customers-account .account-main hr, .customers-addresses .account-main hr, .customers-order .account-main hr { width: 50%; border-top-width: 1px; border-bottom-width: 0; border-left-width: 0; border-right-width: 0; } @media screen and (max-width: 850px) { .customers-account .account-main hr, .customers-addresses .account-main hr, .customers-order .account-main hr { width: 100%; } } .customers-account #order_details thead tr th:first-child, .customers-addresses #order_details thead tr th:first-child, .customers-order #order_details thead tr th:first-child { border-left: none; } .customers-account #order_details thead tr th, .customers-addresses #order_details thead tr th, .customers-order #order_details thead tr th { border-right: none; } .customers-account #order_details tbody tr td:first-child, .customers-addresses #order_details tbody tr td:first-child, .customers-order #order_details tbody tr td:first-child { border-left: none; } .customers-account #order_details tbody tr td, .customers-addresses #order_details tbody tr td, .customers-order #order_details tbody tr td { border-right: none; } .customers-account #order_details tbody .product-info, .customers-addresses #order_details tbody .product-info, .customers-order #order_details tbody .product-info { display: flex; align-items: center; } .customers-account #order_details tbody .product-info .product-image, .customers-addresses #order_details tbody .product-info .product-image, .customers-order #order_details tbody .product-info .product-image { height: 75px; width: 75px; margin-right: 5px; } @media screen and (max-width: 850px) { .customers-account #order_details tbody .product-info .product-image, .customers-addresses #order_details tbody .product-info .product-image, .customers-order #order_details tbody .product-info .product-image { display: none; } } .customers-account #order_details tfoot tr, .customers-addresses #order_details tfoot tr, .customers-order #order_details tfoot tr { border-bottom: none; } .customers-account #order_details tfoot tr td:first-child, .customers-addresses #order_details tfoot tr td:first-child, .customers-order #order_details tfoot tr td:first-child { border-left: none; } .customers-account #order_details tfoot tr td, .customers-addresses #order_details tfoot tr td, .customers-order #order_details tfoot tr td { border-right: none; } .customers-account #order_details tfoot tr .selected-currency, .customers-addresses #order_details tfoot tr .selected-currency, .customers-order #order_details tfoot tr .selected-currency { display: none; } .customers-account #order_details a, .customers-addresses #order_details a, .customers-order #order_details a { color: #f68a3d; text-decoration: underline; } #content__customers__subscriptions .rc_layout__sidebar .rc_sidebar__menu, #content__customers__deliver-schedule .rc_layout__sidebar .rc_sidebar__menu, #content__customers__billing .rc_layout__sidebar .rc_sidebar__menu, #content__customers__orders .rc_layout__sidebar .rc_sidebar__menu, #content__customers__orders__items .rc_layout__sidebar .rc_sidebar__menu, #content__customers__subscriptions__items .rc_layout__sidebar .rc_sidebar__menu, #content__customers__subscriptions__cancel .rc_layout__sidebar .rc_sidebar__menu, #content__customers__subscriptions__shipping-address .rc_layout__sidebar .rc_sidebar__menu, #content__customers__add-products .rc_layout__sidebar .rc_sidebar__menu { list-style: none; padding: 0; width: 100%; border-right: 1px solid #aaaaaa; box-sizing: border-box; padding-right: 10px; margin-top: 0; } #content__customers__subscriptions .rc_layout__sidebar .rc_sidebar__menu a, #content__customers__deliver-schedule .rc_layout__sidebar .rc_sidebar__menu a, #content__customers__billing .rc_layout__sidebar .rc_sidebar__menu a, #content__customers__orders .rc_layout__sidebar .rc_sidebar__menu a, #content__customers__orders__items .rc_layout__sidebar .rc_sidebar__menu a, #content__customers__subscriptions__items .rc_layout__sidebar .rc_sidebar__menu a, #content__customers__subscriptions__cancel .rc_layout__sidebar .rc_sidebar__menu a, #content__customers__subscriptions__shipping-address .rc_layout__sidebar .rc_sidebar__menu a, #content__customers__add-products .rc_layout__sidebar .rc_sidebar__menu a { width: 100%; background: #fff; color: #f68a3d; border: 1px solid #f68a3d; padding: 0 20px; text-align: center; cursor: pointer; min-height: 44px; height: 40px; line-height: 1.2; vertical-align: top; font-family: "DIN Next", sans-serif; font-weight: normal; font-style: normal; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; display: inline-flex; align-items: center; justify-content: center; border-radius: 3px; } #content__customers__subscriptions .rc_layout__sidebar .rc_sidebar__menu a:hover, #content__customers__deliver-schedule .rc_layout__sidebar .rc_sidebar__menu a:hover, #content__customers__billing .rc_layout__sidebar .rc_sidebar__menu a:hover, #content__customers__orders .rc_layout__sidebar .rc_sidebar__menu a:hover, #content__customers__orders__items .rc_layout__sidebar .rc_sidebar__menu a:hover, #content__customers__subscriptions__items .rc_layout__sidebar .rc_sidebar__menu a:hover, #content__customers__subscriptions__cancel .rc_layout__sidebar .rc_sidebar__menu a:hover, #content__customers__subscriptions__shipping-address .rc_layout__sidebar .rc_sidebar__menu a:hover, #content__customers__add-products .rc_layout__sidebar .rc_sidebar__menu a:hover { background: #de7d38; border: 1px solid #de7d38; color: #fff !important; } #content__customers__subscriptions .rc_layout__content .rc_table a, #content__customers__deliver-schedule .rc_layout__content .rc_table a, #content__customers__billing .rc_layout__content .rc_table a, #content__customers__orders .rc_layout__content .rc_table a, #content__customers__orders__items .rc_layout__content .rc_table a, #content__customers__subscriptions__items .rc_layout__content .rc_table a, #content__customers__subscriptions__cancel .rc_layout__content .rc_table a, #content__customers__subscriptions__shipping-address .rc_layout__content .rc_table a, #content__customers__add-products .rc_layout__content .rc_table a { color: #f68a3d; text-decoration: underline; } #content__customers__subscriptions .rc_layout__content .rc_table thead tr th:first-child, #content__customers__deliver-schedule .rc_layout__content .rc_table thead tr th:first-child, #content__customers__billing .rc_layout__content .rc_table thead tr th:first-child, #content__customers__orders .rc_layout__content .rc_table thead tr th:first-child, #content__customers__orders__items .rc_layout__content .rc_table thead tr th:first-child, #content__customers__subscriptions__items .rc_layout__content .rc_table thead tr th:first-child, #content__customers__subscriptions__cancel .rc_layout__content .rc_table thead tr th:first-child, #content__customers__subscriptions__shipping-address .rc_layout__content .rc_table thead tr th:first-child, #content__customers__add-products .rc_layout__content .rc_table thead tr th:first-child { border-left: none; } #content__customers__subscriptions .rc_layout__content .rc_table thead tr th, #content__customers__deliver-schedule .rc_layout__content .rc_table thead tr th, #content__customers__billing .rc_layout__content .rc_table thead tr th, #content__customers__orders .rc_layout__content .rc_table thead tr th, #content__customers__orders__items .rc_layout__content .rc_table thead tr th, #content__customers__subscriptions__items .rc_layout__content .rc_table thead tr th, #content__customers__subscriptions__cancel .rc_layout__content .rc_table thead tr th, #content__customers__subscriptions__shipping-address .rc_layout__content .rc_table thead tr th, #content__customers__add-products .rc_layout__content .rc_table thead tr th { border-right: none; } #content__customers__subscriptions .rc_layout__content .rc_table tbody tr td:first-child, #content__customers__deliver-schedule .rc_layout__content .rc_table tbody tr td:first-child, #content__customers__billing .rc_layout__content .rc_table tbody tr td:first-child, #content__customers__orders .rc_layout__content .rc_table tbody tr td:first-child, #content__customers__orders__items .rc_layout__content .rc_table tbody tr td:first-child, #content__customers__subscriptions__items .rc_layout__content .rc_table tbody tr td:first-child, #content__customers__subscriptions__cancel .rc_layout__content .rc_table tbody tr td:first-child, #content__customers__subscriptions__shipping-address .rc_layout__content .rc_table tbody tr td:first-child, #content__customers__add-products .rc_layout__content .rc_table tbody tr td:first-child { border-left: none; } #content__customers__subscriptions .rc_layout__content .rc_table tbody tr td, #content__customers__deliver-schedule .rc_layout__content .rc_table tbody tr td, #content__customers__billing .rc_layout__content .rc_table tbody tr td, #content__customers__orders .rc_layout__content .rc_table tbody tr td, #content__customers__orders__items .rc_layout__content .rc_table tbody tr td, #content__customers__subscriptions__items .rc_layout__content .rc_table tbody tr td, #content__customers__subscriptions__cancel .rc_layout__content .rc_table tbody tr td, #content__customers__subscriptions__shipping-address .rc_layout__content .rc_table tbody tr td, #content__customers__add-products .rc_layout__content .rc_table tbody tr td { border-right: none; } #content__customers__subscriptions .rc_layout__content .rc_table tfoot tr td:first-child, #content__customers__deliver-schedule .rc_layout__content .rc_table tfoot tr td:first-child, #content__customers__billing .rc_layout__content .rc_table tfoot tr td:first-child, #content__customers__orders .rc_layout__content .rc_table tfoot tr td:first-child, #content__customers__orders__items .rc_layout__content .rc_table tfoot tr td:first-child, #content__customers__subscriptions__items .rc_layout__content .rc_table tfoot tr td:first-child, #content__customers__subscriptions__cancel .rc_layout__content .rc_table tfoot tr td:first-child, #content__customers__subscriptions__shipping-address .rc_layout__content .rc_table tfoot tr td:first-child, #content__customers__add-products .rc_layout__content .rc_table tfoot tr td:first-child { border-left: none; } #content__customers__subscriptions .rc_layout__content .rc_table tfoot tr td, #content__customers__deliver-schedule .rc_layout__content .rc_table tfoot tr td, #content__customers__billing .rc_layout__content .rc_table tfoot tr td, #content__customers__orders .rc_layout__content .rc_table tfoot tr td, #content__customers__orders__items .rc_layout__content .rc_table tfoot tr td, #content__customers__subscriptions__items .rc_layout__content .rc_table tfoot tr td, #content__customers__subscriptions__cancel .rc_layout__content .rc_table tfoot tr td, #content__customers__subscriptions__shipping-address .rc_layout__content .rc_table tfoot tr td, #content__customers__add-products .rc_layout__content .rc_table tfoot tr td { border-right: none; } #content__customers__subscriptions .rc_button, #content__customers__subscriptions .rc_subscriptions__subscription__item__activate { background: #f68a3d; color: #ffffff; border: 1px solid #f68a3d; padding: 0 20px; text-align: center; cursor: pointer; min-height: 44px; height: 40px; line-height: 1.2; vertical-align: top; font-family: "DIN Next", sans-serif; font-weight: normal; font-style: normal; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; display: inline-flex; align-items: center; justify-content: center; border-radius: 3px; } #content__customers__subscriptions .rc_button:hover, #content__customers__subscriptions .rc_subscriptions__subscription__item__activate:hover { background: #de7d38; border: 1px solid #de7d38; } #content__customers__subscriptions .rc_button .action__reactivatePurchaseItem, #content__customers__subscriptions .rc_subscriptions__subscription__item__activate .action__reactivatePurchaseItem { color: #fff !important; text-decoration: none !important; } #content__customers__subscriptions .rc_subscriptions__subscription__item__actions .edit-item-link { background: #f68a3d; color: #ffffff !important; border: 1px solid #f68a3d; padding: 0 20px; text-align: center; cursor: pointer; min-height: 44px; height: 40px; line-height: 1.2; vertical-align: top; font-family: "DIN Next", sans-serif; font-weight: normal; font-style: normal; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; display: inline-flex; align-items: center; justify-content: center; border-radius: 3px; text-decoration: none !important; margin-bottom: 3px; } #content__customers__subscriptions .rc_subscriptions__subscription__item__actions .edit-item-link:hover { background: #de7d38; border: 1px solid #de7d38; } #content__customers__subscriptions .rc_subscriptions__subscription__item__actions .rc_subscriptions__subscription__item__cancel a { background: #ffffff !important; color: #f68a3d !important; border: 1px solid #f68a3d; padding: 0 20px; text-align: center; cursor: pointer; min-height: 44px; height: 40px; line-height: 1.2; vertical-align: top; font-family: "DIN Next", sans-serif; font-weight: normal; font-style: normal; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; display: inline-flex; align-items: center; justify-content: center; border-radius: 3px; text-decoration: none !important; } #content__customers__subscriptions .active { background-color: #f68a3d !important; color: #fff !important; border: 1px solid #f68a3d !important; font-weight: bold !important; border-radius: 3px; } #content__customers__subscriptions .active:hover { background-color: #de7d38 !important; border: 1px solid #de7d38 !important; border-radius: 3px; } #content__customers__subscriptions #customer_tab_content .edit_address_link { background: #f68a3d; color: #ffffff !important; border: 1px solid #f68a3d; padding: 0 20px; text-align: center; cursor: pointer; min-height: 44px; height: 40px; line-height: 1.2; vertical-align: top; font-family: "DIN Next", sans-serif; font-weight: normal; font-style: normal; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; display: inline-flex; align-items: center; justify-content: center; border-radius: 3px; text-decoration: none !important; margin-top: 10px; margin-left: 0; margin-right: 100%; } #content__customers__subscriptions #customer_tab_content .edit_address_link:hover { background: #de7d38; border: 1px solid #de7d38; } #content__customers__subscriptions #customer_tab_content .edit_address_link:after { content: 'ADDRESS'; margin-left: 2px; } #content__customers__deliver-schedule .active { background-color: #f68a3d !important; color: #fff !important; border: 1px solid #f68a3d !important; font-weight: bold !important; border-radius: 3px; } #content__customers__deliver-schedule .active:hover { background-color: #de7d38 !important; border: 1px solid #de7d38 !important; border-radius: 3px; } #content__customers__billing .rc_button { background: #f68a3d; color: #ffffff !important; border: 1px solid #f68a3d; padding: 0 20px; text-align: center; cursor: pointer; min-height: 44px; height: 40px; line-height: 1.2; vertical-align: top; font-family: "DIN Next", sans-serif; font-weight: normal; font-style: normal; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; display: inline-flex; align-items: center; justify-content: center; border-radius: 3px; text-decoration: none !important; } #content__customers__billing .rc_button:hover { background: #de7d38; border: 1px solid #de7d38; } #content__customers__billing .active { background-color: #f68a3d !important; color: #fff !important; border: 1px solid #f68a3d !important; font-weight: bold !important; border-radius: 3px; } #content__customers__billing .active:hover { background-color: #de7d38 !important; border: 1px solid #de7d38 !important; border-radius: 3px; } #content__customers__orders .rc_menu__item:last-of-type a, #content__customers__orders__items .rc_menu__item:last-of-type a { background-color: #f68a3d !important; color: #fff !important; border: 1px solid #f68a3d !important; font-weight: bold !important; border-radius: 3px; } #content__customers__orders .rc_menu__item:last-of-type a:hover, #content__customers__orders__items .rc_menu__item:last-of-type a:hover { background-color: #de7d38 !important; border: 1px solid #de7d38 !important; border-radius: 3px; } #content__customers__subscriptions__items #Change-ReCharge-variant, #content__customers__subscriptions__items #Change-ReCharge-Product-Quantity, #content__customers__subscriptions__items #Change-ReCharge-Delivery-Schedule, #content__customers__subscriptions__items #Change-ReCharge-Payment-Method, #content__customers__subscriptions__items #ReCharge-Address a { background: #f68a3d; color: #ffffff !important; border: 1px solid #f68a3d; padding: 0 20px; text-align: center; cursor: pointer; min-height: 44px; height: 40px; line-height: 1.2; vertical-align: top; font-family: "DIN Next", sans-serif; font-weight: normal; font-style: normal; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; display: inline-flex; align-items: center; justify-content: center; border-radius: 3px; text-decoration: none !important; } #content__customers__subscriptions__items #Change-ReCharge-variant:hover, #content__customers__subscriptions__items #Change-ReCharge-Product-Quantity:hover, #content__customers__subscriptions__items #Change-ReCharge-Delivery-Schedule:hover, #content__customers__subscriptions__items #Change-ReCharge-Payment-Method:hover, #content__customers__subscriptions__items #ReCharge-Address a:hover { background: #de7d38; border: 1px solid #de7d38; } #content__customers__subscriptions__items #rc_subscriptions__items__cancel a { background: #ffffff !important; color: #f68a3d !important; border: 1px solid #f68a3d; padding: 0 20px; text-align: center; cursor: pointer; min-height: 44px; height: 40px; line-height: 1.2; vertical-align: top; font-family: "DIN Next", sans-serif; font-weight: normal; font-style: normal; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; display: inline-flex; align-items: center; justify-content: center; border-radius: 3px; text-decoration: none !important; } #content__customers__subscriptions__shipping-address fieldset { border: none; } #content__customers__subscriptions__shipping-address fieldset label { margin-right: 5px; } #content__customers__subscriptions__shipping-address .rc_form__actions .rc_button:hover { background: #de7d38; } #content__customers__subscriptions__cancel #customer_tab_content a { color: #f68a3d; text-decoration: underline; } #content__customers__add-products #rc_product_search #trigger_search { margin-right: 5px; margin-bottom: 5px; } #content__customers__add-products #rc_product_search #trigger_search:hover { background-color: #de7d38 !important; border: 1px solid #de7d38 !important; } #content__customers__add-products #rc_product_search #product_search_reset { margin-right: 5px; margin-bottom: 5px; background-color: #fff !important; border: 1px solid #f68a3d !important; color: #f68a3d !important; } #content__customers__add-products #rc_product_search #product_search_reset:hover { background-color: #de7d38 !important; border: 1px solid #de7d38 !important; color: #fff !important; border-radius: 3px; } @media screen and (max-width: 850px) { .rc_layout__container { padding-top: 60px !important; } } #customer_tab_nav a.h2 { margin-top: 0.83em; color: #333; } #customer_tab_nav a.h2:hover { color: #bbbbbb; } #customer_tab_nav .rc_customer__name { display: none; } /* ============================================ COLLECTION TEMPLATE ===============================================*/ .collection .product-wrap:hover .quick_shop { width: 125px !important; padding-left: 0; padding-right: 0; text-align: center; } .collection .thumbnail-overlay .info .action_button:hover { background-color: #de7d38 !important; border: 1px solid #de7d38 !important; } .collection .js-quick-shop .purchase-details .quantity__container .quantity-dropdown { margin: 0 !important; background: none !important; border: 1px solid #f84600 !important; border-radius: 3px 0 0 3px !important; padding: 8px 14px 8px 20px !important; } .collection .js-quick-shop .purchase-details .quantity__container .quantity-dropdown:hover { border: 1px solid #f84600 !important; } .collection .js-quick-shop .purchase-details .add_to_cart.action_button { border-radius: 0 3px 3px 0 !important; } .collection .js-quick-shop .purchase-details .purchase-details__buttons { margin-left: 0 !important; } @media only screen and (max-width: 850px) { .collection .js-quick-shop .purchase-details .purchase-details__buttons { flex: 1 !important; } } /* ============================================ PRODUCT TEMPLATE ===============================================*/ .product .product__desc { width: 100%; } .product .product__desc-header { display: flex; align-items: center; border-bottom: 1px solid #aaaaaa; } .product .product__desc-header-item { flex-grow: 1; text-align: center; margin-bottom: -3px; } .product .product__desc-header-item.selected { border-bottom: 3px solid #333; } .product .product__desc-header-item:hover { cursor: pointer; } .product .product__desc-header h6 { color: #aaaaaa; } .product .product__desc-header-item.selected h6 { color: #333; margin-bottom: 6px; } .product .product__desc-content-item { padding-top: 20px; padding-bottom: 20px; display: none; } .product .product__desc-content-item.selected { display: block; } .product .product__desc-content-item table { border: none; } .product .product__desc-content-item table tr { border-bottom: 1px solid #DCDCDC !important; } .product .product__desc-content-item table tr:first-child { background: #f9f9f9; border-top: 1px solid #DCDCDC !important; } .product .product__desc-content-item table tr th:first-child { border-left: none !important; } .product .product__desc-content-item table tr th { border-right: none !important; } .product .product__desc-content-item table tr td:first-child { border-left: none !important; } .product .product__desc-content-item table tr td { border-right: none !important; } @media only screen and (max-width: 1024px) { .product h6 { font-size: 14px !important; } } .product .purchase-details__buttons { margin-left: 0; } .product .product_form .show-select { display: block; } .product .product_form .hide-select { display: none !important; } .product .purchase-details .quantity__container .quantity-dropdown { margin: 0; background: none; border: 1px solid #f84600; border-radius: 3px 0 0 3px; padding: 8px 14px 8px 20px; } .product .purchase-details .quantity__container .quantity-dropdown:hover { border: 1px solid #f84600; } .product .purchase-details .add_to_cart.action_button { border-radius: 0 3px 3px 0; } @media only screen and (max-width: 850px) { .product .purchase-details .purchase-details__buttons { flex: 1; } } .product .gift-product-button__container { margin-bottom: 30px; width: 100%; display: flex; justify-content: flex-start; flex-wrap: wrap; } .product .gift-product-button__container .action_button { width: 31%; margin-right: 2%; } @media only screen and (max-width: 499px) { .product .gift-product-button__container .action_button { width: 100%; margin-bottom: 10px; } } .product .gift-product-button__container .action_button--not-selected { border: 1px solid #f68a3d; background: transparent; color: #f68a3d; } /* ============================================ PAGE (narrow) TEMPLATE ===============================================*/ .page-narrow .content a, .page-narrow .content a > span { color: #f68a3d; text-decoration: underline; } .page-narrow .page-narrow__container .shipping-table { border: none; } .page-narrow .page-narrow__container .shipping-table tr { border-bottom: 1px solid #DCDCDC !important; } .page-narrow .page-narrow__container .shipping-table tr:first-child { background: #f9f9f9; border-top: 1px solid #DCDCDC !important; } .page-narrow .page-narrow__container .shipping-table tr th:first-child { border-left: none !important; } .page-narrow .page-narrow__container .shipping-table tr th { border-right: none !important; } .page-narrow .page-narrow__container .shipping-table tr td:first-child { border-left: none !important; } .page-narrow .page-narrow__container .shipping-table tr td { border-right: none !important; } /* ============================================ CART TEMPLATE ===============================================*/ .cart #cartnotesfields { display: block !important; } /* ============================================ DROPDOWN CART ===============================================*/ .cart_container .cart_min-message { text-align: left; padding: 0 20px; } /* ============================================ OPTIONAL BOTTOM TEXT BLOCK ON EVERY PAGE ===============================================*/ .bottom-text--section .bottom-text { text-align: center; } /* ============================================ STICKY PROMO BANNER ===============================================*/ .promo_banner { position: fixed; } .promo_banner-close { display: none !important; } .header { margin-top: 30px !important; } .sticky_nav { top: 30px !important; } #header.mobile_nav-fixed--true { top: 30px !important; } .sellify-countdown-timer-holder { font-family: "DIN Next", sans-serif !important; } /* .index.promo_banner-show #pagecontent { padding-bottom: 0; @media only screen and (max-width: 850px) { padding-bottom: 40px; } @media only screen and (max-width: 600px) { padding-bottom: 30px; } } */ .promo_banner .flickity-viewport { width: 100%; } .promo_banner .promo_banner__content { width: 100%; } .include-overlay .image-element__wrap { background: black; } .include-overlay .image-element__wrap img { opacity: .8; } .GiftWizard-gift-button { margin-right: 0 !important; } .social_icons li img { margin: 0 5px; } .social_icons li img:hover { filter: brightness(150%); } .product__desc-content-item strong { margin-right: .2em; } .product-name--giftwizard-giftcard [name=add] { display: none; } [href="/products/giftwizard-giftcard"] form { display: none; } #insta-feed { display: none; }