/****************************************************************** Theme Name: Mobilia 6.2.1 Theme URI: http://themes.shopify.com/themes/mobilia/styles/tokyo?ref=out-of-the-sandbox Author: Out of the Sandbox (http://outofthesandbox.com) Description: Shopify Theme (http://www.shopify.com/?ref=out-of-the-sandbox) ******************************************************************/ /* Table of Content ================================================== #Mixins #Helper Classes #Variables #Reset & Basics #Fonts #Basic Styles #Typography #Links #Lists #Menu #Images #Placeholders #Videos #Buttons #Tabs #Forms #Tables #Misc #Site Styles #Home page - Image with text overlay #Home page - Slideshow #Home page - Map #Home page - Featured promotions #Home page - Featured product #Home page - Image with text #Home page - Twitter #Home page - Testimonials #Home page - Logo list #Banners #Image Gallery #Swatch Styles #Quick Shop #Flickity #Product Slider Custom Styles #Thumbnail Gallery Styles #Content Creator #FancyBox #Plyr #Model Viewer #Product Media Custom Styles #Currency / Language switcher #Lazyloading Styles #Layout #Policy Pages #Password Page #Functions #Currencies #Mega menu #Page Details #Shipping Rates Calculator #Customers #FAQ #Search Template #Contact form #Stickers #Font-Face #Custom Styles */ /* #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); */ /* #Helper Classes ================================================== */ .is-flex { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .is-inline-flex { display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flexbox; display: inline-flex; } .is-align-start, .is-align-left { -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; align-items: flex-start; } .is-align-end, .is-align-right { -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; align-items: flex-end; } .is-align-self-end, .is-align-self-right { -webkit-align-self: flex-end; -moz-align-self: flex-end; -ms-align-self: flex-end; align-self: flex-end; } .is-align-baseline { -webkit-align-items: baseline; -moz-align-items: baseline; -ms-align-items: baseline; align-items: baseline; } .is-align-center { -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } .is-align-stretch { -webkit-align-items: stretch; -moz-align-items: stretch; -ms-align-items: stretch; align-items: stretch; } .is-justify-start, .is-justify-left { -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: flex-start; } .is-justify-end, .is-justify-right { -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: flex-end; } .is-justify-center { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } .is-justify-space-around { -webkit-justify-content: space-around; -moz-justify-content: space-around; -ms-justify-content: space-around; justify-content: space-around; -ms-flex-pack: space-around; } .is-justify-space-between { -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; } .is-flex-nowrap { -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .is-flex-wrap { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .is-flex-wrap-reverse { -webkit-flex-wrap: wrap-reverse; -moz-flex-wrap: wrap-reverse; -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; } .is-flex-row { -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .is-flex-row-reverse { -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .is-flex-column { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .is-flex-column-reverse { -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .is-order-aligned-left { -webkit-box-ordinal-group: -1; -moz-box-ordinal-group: -1; -ms-flex-order: -1; -webkit-order: -1; order: -1; } @media (small-down) { .is-order-aligned-left { -webkit-box-ordinal-group: inherit; -moz-box-ordinal-group: inherit; -ms-flex-order: inherit; -webkit-order: inherit; order: inherit; } } .is-order-aligned-right { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; } @media (small-down) { .is-order-aligned-right { -webkit-box-ordinal-group: inherit; -moz-box-ordinal-group: inherit; -ms-flex-order: inherit; -webkit-order: inherit; order: inherit; } } .has-padding-top { padding-top: 20px; } .has-padding-bottom { padding-bottom: 20px; } .has-padding-left { padding-left: 20px; } .has-padding-right { padding-right: 20px; } .has-padding { padding: 20px; } .text-align-center { text-align: center; } .text-align-left, .text-align-start { text-align: left; } .text-align-left h1, .text-align-left h2, .text-align-left h3, .text-align-left h1.title, .text-align-left h2.title, .text-align-left h3.title, .text-align-start h1, .text-align-start h2, .text-align-start h3, .text-align-start h1.title, .text-align-start h2.title, .text-align-start h3.title { text-align: left; } .text-align-right, .text-align-end { text-align: right; } .text-align-right h1, .text-align-right h2, .text-align-right h3, .text-align-right h1.title, .text-align-right h2.title, .text-align-right h3.title, .text-align-end h1, .text-align-end h2, .text-align-end h3, .text-align-end h1.title, .text-align-end h2.title, .text-align-end h3.title { text-align: right; } /* #Variables ================================================== */ /* #Functions ================================================== */ /* #Reset & Basics ================================================== */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* #Fonts ================================================== */ @font-face { font-family: Roboto; font-weight: 400; font-style: normal; src: url("roboto_n4.da808834c2315f31dd3910e2ae6b1a895d7f73f5.woff2-h1=ZHJpZWRmcnVpdHMucGs&hmac=c02956ce2628daaff36a635d138eeb3532394677ed4dc7b95ae942adc57d4fc4"/*tpa=https://fonts.shopifycdn.com/roboto/roboto_n4.da808834c2315f31dd3910e2ae6b1a895d7f73f5.woff2?h1=ZHJpZWRmcnVpdHMucGs&hmac=c02956ce2628daaff36a635d138eeb3532394677ed4dc7b95ae942adc57d4fc4*/) format("woff2"), url("roboto_n4.a512c7b68cd7f12c72e1a5fd58e7f7315c552e93.woff-h1=ZHJpZWRmcnVpdHMucGs&hmac=6ff48a151505a45d03ecc30b001e49cc439557cd0968071e6729a7f5f0d910d1"/*tpa=https://fonts.shopifycdn.com/roboto/roboto_n4.a512c7b68cd7f12c72e1a5fd58e7f7315c552e93.woff?h1=ZHJpZWRmcnVpdHMucGs&hmac=6ff48a151505a45d03ecc30b001e49cc439557cd0968071e6729a7f5f0d910d1*/) format("woff"); } @font-face { font-family: Roboto; font-weight: 700; font-style: normal; src: url("roboto_n7.51ede27d5b58491d9cf07ad184108da52fef80b4.woff2-h1=ZHJpZWRmcnVpdHMucGs&hmac=9dd95432d87681810104808a0c2cd02c3573da9f34de2be552097b1c7d6268ab"/*tpa=https://fonts.shopifycdn.com/roboto/roboto_n7.51ede27d5b58491d9cf07ad184108da52fef80b4.woff2?h1=ZHJpZWRmcnVpdHMucGs&hmac=9dd95432d87681810104808a0c2cd02c3573da9f34de2be552097b1c7d6268ab*/) format("woff2"), url("roboto_n7.1babbb6a27f91b14216bafa40bf222e08f6999f4.woff-h1=ZHJpZWRmcnVpdHMucGs&hmac=5c94edd1824d0f242456f1e3ca7b9d11e38dc8f0983d53a9aee4b6ac69b1e996"/*tpa=https://fonts.shopifycdn.com/roboto/roboto_n7.1babbb6a27f91b14216bafa40bf222e08f6999f4.woff?h1=ZHJpZWRmcnVpdHMucGs&hmac=5c94edd1824d0f242456f1e3ca7b9d11e38dc8f0983d53a9aee4b6ac69b1e996*/) format("woff"); } @font-face { font-family: Roboto; font-weight: 400; font-style: italic; src: url("roboto_i4.f98951b4b9b6e1096fc799cd05debd098bd422ac.woff2-h1=ZHJpZWRmcnVpdHMucGs&hmac=3b84e855e3b8563a2e1caadc120fc6d41871a530eb7502665189de924697e878"/*tpa=https://fonts.shopifycdn.com/roboto/roboto_i4.f98951b4b9b6e1096fc799cd05debd098bd422ac.woff2?h1=ZHJpZWRmcnVpdHMucGs&hmac=3b84e855e3b8563a2e1caadc120fc6d41871a530eb7502665189de924697e878*/) format("woff2"), url("roboto_i4.688a26691d45bc4053b6ae24a196cabdeedbc25c.woff-h1=ZHJpZWRmcnVpdHMucGs&hmac=a074182588f6d2bee481ca0c89e489edb0dc9430701f0f32a86ee50c034948d0"/*tpa=https://fonts.shopifycdn.com/roboto/roboto_i4.688a26691d45bc4053b6ae24a196cabdeedbc25c.woff?h1=ZHJpZWRmcnVpdHMucGs&hmac=a074182588f6d2bee481ca0c89e489edb0dc9430701f0f32a86ee50c034948d0*/) format("woff"); } @font-face { font-family: Roboto; font-weight: 700; font-style: italic; src: url("roboto_i7.9c922c35bb84952cfb17e8c1d42e440e75aa8ccf.woff2-h1=ZHJpZWRmcnVpdHMucGs&hmac=c2d68aa6ac890231ac593aff20fee1bfb57df5aef71c34262b10bc37d5e13ab7"/*tpa=https://fonts.shopifycdn.com/roboto/roboto_i7.9c922c35bb84952cfb17e8c1d42e440e75aa8ccf.woff2?h1=ZHJpZWRmcnVpdHMucGs&hmac=c2d68aa6ac890231ac593aff20fee1bfb57df5aef71c34262b10bc37d5e13ab7*/) format("woff2"), url("roboto_i7.c50b5683f5731edb8040ff2110a54947108434de.woff-h1=ZHJpZWRmcnVpdHMucGs&hmac=60a63263b2c5889bd750ae7becd779f66e37ce8420d7e87b988ee649a85ec347"/*tpa=https://fonts.shopifycdn.com/roboto/roboto_i7.c50b5683f5731edb8040ff2110a54947108434de.woff?h1=ZHJpZWRmcnVpdHMucGs&hmac=60a63263b2c5889bd750ae7becd779f66e37ce8420d7e87b988ee649a85ec347*/) format("woff"); } @font-face { font-family: "ITC Avant Garde Gothic"; font-weight: 400; font-style: normal; src: url("itcavantgardegothic_n4.3faa6d14385be1440fff5303245c9b428781765b.woff2-h1=ZHJpZWRmcnVpdHMucGs&hmac=ba330b3000e63a8a101dc16ce51ec8b67547ffb077ab4234c0bc5fed80a074b4"/*tpa=https://fonts.shopifycdn.com/itc_avant_garde_gothic/itcavantgardegothic_n4.3faa6d14385be1440fff5303245c9b428781765b.woff2?h1=ZHJpZWRmcnVpdHMucGs&hmac=ba330b3000e63a8a101dc16ce51ec8b67547ffb077ab4234c0bc5fed80a074b4*/) format("woff2"), url("itcavantgardegothic_n4.28de822a8e0427bab41737e1017fe3e1ba4d2989.woff-h1=ZHJpZWRmcnVpdHMucGs&hmac=a69b8ecf1511699256d545b98c58f7bff0204c140983d4be4f72b9d0cb43c5de"/*tpa=https://fonts.shopifycdn.com/itc_avant_garde_gothic/itcavantgardegothic_n4.28de822a8e0427bab41737e1017fe3e1ba4d2989.woff?h1=ZHJpZWRmcnVpdHMucGs&hmac=a69b8ecf1511699256d545b98c58f7bff0204c140983d4be4f72b9d0cb43c5de*/) format("woff"); } @font-face { font-family: "ITC Avant Garde Gothic"; font-weight: 700; font-style: normal; src: url("itcavantgardegothic_n7.e4cdcda7001c6328cfe571734c25261390a886d4.woff2-h1=ZHJpZWRmcnVpdHMucGs&hmac=2be265e29108c29ce3db5fbb901d43d32b8f803a5598343b1d46f77c9b58132b"/*tpa=https://fonts.shopifycdn.com/itc_avant_garde_gothic/itcavantgardegothic_n7.e4cdcda7001c6328cfe571734c25261390a886d4.woff2?h1=ZHJpZWRmcnVpdHMucGs&hmac=2be265e29108c29ce3db5fbb901d43d32b8f803a5598343b1d46f77c9b58132b*/) format("woff2"), url("itcavantgardegothic_n7.92961a6809350e21152cba06e9fa88f81a23d481.woff-h1=ZHJpZWRmcnVpdHMucGs&hmac=61fe48a476914ef168b81237868581b0f6795dc4a0a478b12de5169e942ddf34"/*tpa=https://fonts.shopifycdn.com/itc_avant_garde_gothic/itcavantgardegothic_n7.92961a6809350e21152cba06e9fa88f81a23d481.woff?h1=ZHJpZWRmcnVpdHMucGs&hmac=61fe48a476914ef168b81237868581b0f6795dc4a0a478b12de5169e942ddf34*/) format("woff"); } @font-face { font-family: "ITC Avant Garde Gothic"; font-weight: 400; font-style: oblique; src: url("itcavantgardegothic_o4.95f6105ed41ad0f1d89b6734c4cab455541234be.woff2-h1=ZHJpZWRmcnVpdHMucGs&hmac=75bfcacf98cf10c1fe4fa1943e30b48d7548e436c2b011fc4e2af5b9fa4a9c9e"/*tpa=https://fonts.shopifycdn.com/itc_avant_garde_gothic/itcavantgardegothic_o4.95f6105ed41ad0f1d89b6734c4cab455541234be.woff2?h1=ZHJpZWRmcnVpdHMucGs&hmac=75bfcacf98cf10c1fe4fa1943e30b48d7548e436c2b011fc4e2af5b9fa4a9c9e*/) format("woff2"), url("itcavantgardegothic_o4.71438ca5fc9e4cc0534e21cd2e39d25b4cfbdfc1.woff-h1=ZHJpZWRmcnVpdHMucGs&hmac=e7e418bbe0a4f1b582c8264610321f765cb22b3e71d29af508654b44455289e6"/*tpa=https://fonts.shopifycdn.com/itc_avant_garde_gothic/itcavantgardegothic_o4.71438ca5fc9e4cc0534e21cd2e39d25b4cfbdfc1.woff?h1=ZHJpZWRmcnVpdHMucGs&hmac=e7e418bbe0a4f1b582c8264610321f765cb22b3e71d29af508654b44455289e6*/) format("woff"); } @font-face { font-family: "ITC Avant Garde Gothic"; font-weight: 700; font-style: oblique; src: url("itcavantgardegothic_o7.d81c8ac95b66b072e225c11a9f929ebfeeeacebe.woff2-h1=ZHJpZWRmcnVpdHMucGs&hmac=6a395d1cfd6b0dabd028b48341f9d7aecfef37ee61204383529eabdd948765ad"/*tpa=https://fonts.shopifycdn.com/itc_avant_garde_gothic/itcavantgardegothic_o7.d81c8ac95b66b072e225c11a9f929ebfeeeacebe.woff2?h1=ZHJpZWRmcnVpdHMucGs&hmac=6a395d1cfd6b0dabd028b48341f9d7aecfef37ee61204383529eabdd948765ad*/) format("woff2"), url("itcavantgardegothic_o7.c68868ce32fffd28bc3bf414efa7d13f0d9ac9f5.woff-h1=ZHJpZWRmcnVpdHMucGs&hmac=f6fc869b5757c94d6917e7c0242b1fb94f7db10027b20bc7c6fcada472e0b8e1"/*tpa=https://fonts.shopifycdn.com/itc_avant_garde_gothic/itcavantgardegothic_o7.c68868ce32fffd28bc3bf414efa7d13f0d9ac9f5.woff?h1=ZHJpZWRmcnVpdHMucGs&hmac=f6fc869b5757c94d6917e7c0242b1fb94f7db10027b20bc7c6fcada472e0b8e1*/) format("woff"); } @font-face { font-family: "ITC Avant Garde Gothic"; font-weight: 400; font-style: normal; src: url("itcavantgardegothic_n4.3faa6d14385be1440fff5303245c9b428781765b.woff2-h1=ZHJpZWRmcnVpdHMucGs&hmac=ba330b3000e63a8a101dc16ce51ec8b67547ffb077ab4234c0bc5fed80a074b4"/*tpa=https://fonts.shopifycdn.com/itc_avant_garde_gothic/itcavantgardegothic_n4.3faa6d14385be1440fff5303245c9b428781765b.woff2?h1=ZHJpZWRmcnVpdHMucGs&hmac=ba330b3000e63a8a101dc16ce51ec8b67547ffb077ab4234c0bc5fed80a074b4*/) format("woff2"), url("itcavantgardegothic_n4.28de822a8e0427bab41737e1017fe3e1ba4d2989.woff-h1=ZHJpZWRmcnVpdHMucGs&hmac=a69b8ecf1511699256d545b98c58f7bff0204c140983d4be4f72b9d0cb43c5de"/*tpa=https://fonts.shopifycdn.com/itc_avant_garde_gothic/itcavantgardegothic_n4.28de822a8e0427bab41737e1017fe3e1ba4d2989.woff?h1=ZHJpZWRmcnVpdHMucGs&hmac=a69b8ecf1511699256d545b98c58f7bff0204c140983d4be4f72b9d0cb43c5de*/) format("woff"); } @font-face { font-family: "ITC Avant Garde Gothic"; font-weight: 700; font-style: normal; src: url("itcavantgardegothic_n7.e4cdcda7001c6328cfe571734c25261390a886d4.woff2-h1=ZHJpZWRmcnVpdHMucGs&hmac=2be265e29108c29ce3db5fbb901d43d32b8f803a5598343b1d46f77c9b58132b"/*tpa=https://fonts.shopifycdn.com/itc_avant_garde_gothic/itcavantgardegothic_n7.e4cdcda7001c6328cfe571734c25261390a886d4.woff2?h1=ZHJpZWRmcnVpdHMucGs&hmac=2be265e29108c29ce3db5fbb901d43d32b8f803a5598343b1d46f77c9b58132b*/) format("woff2"), url("itcavantgardegothic_n7.92961a6809350e21152cba06e9fa88f81a23d481.woff-h1=ZHJpZWRmcnVpdHMucGs&hmac=61fe48a476914ef168b81237868581b0f6795dc4a0a478b12de5169e942ddf34"/*tpa=https://fonts.shopifycdn.com/itc_avant_garde_gothic/itcavantgardegothic_n7.92961a6809350e21152cba06e9fa88f81a23d481.woff?h1=ZHJpZWRmcnVpdHMucGs&hmac=61fe48a476914ef168b81237868581b0f6795dc4a0a478b12de5169e942ddf34*/) format("woff"); } @font-face { font-family: "ITC Avant Garde Gothic"; font-weight: 400; font-style: oblique; src: url("itcavantgardegothic_o4.95f6105ed41ad0f1d89b6734c4cab455541234be.woff2-h1=ZHJpZWRmcnVpdHMucGs&hmac=75bfcacf98cf10c1fe4fa1943e30b48d7548e436c2b011fc4e2af5b9fa4a9c9e"/*tpa=https://fonts.shopifycdn.com/itc_avant_garde_gothic/itcavantgardegothic_o4.95f6105ed41ad0f1d89b6734c4cab455541234be.woff2?h1=ZHJpZWRmcnVpdHMucGs&hmac=75bfcacf98cf10c1fe4fa1943e30b48d7548e436c2b011fc4e2af5b9fa4a9c9e*/) format("woff2"), url("itcavantgardegothic_o4.71438ca5fc9e4cc0534e21cd2e39d25b4cfbdfc1.woff-h1=ZHJpZWRmcnVpdHMucGs&hmac=e7e418bbe0a4f1b582c8264610321f765cb22b3e71d29af508654b44455289e6"/*tpa=https://fonts.shopifycdn.com/itc_avant_garde_gothic/itcavantgardegothic_o4.71438ca5fc9e4cc0534e21cd2e39d25b4cfbdfc1.woff?h1=ZHJpZWRmcnVpdHMucGs&hmac=e7e418bbe0a4f1b582c8264610321f765cb22b3e71d29af508654b44455289e6*/) format("woff"); } @font-face { font-family: "ITC Avant Garde Gothic"; font-weight: 700; font-style: oblique; src: url("itcavantgardegothic_o7.d81c8ac95b66b072e225c11a9f929ebfeeeacebe.woff2-h1=ZHJpZWRmcnVpdHMucGs&hmac=6a395d1cfd6b0dabd028b48341f9d7aecfef37ee61204383529eabdd948765ad"/*tpa=https://fonts.shopifycdn.com/itc_avant_garde_gothic/itcavantgardegothic_o7.d81c8ac95b66b072e225c11a9f929ebfeeeacebe.woff2?h1=ZHJpZWRmcnVpdHMucGs&hmac=6a395d1cfd6b0dabd028b48341f9d7aecfef37ee61204383529eabdd948765ad*/) format("woff2"), url("itcavantgardegothic_o7.c68868ce32fffd28bc3bf414efa7d13f0d9ac9f5.woff-h1=ZHJpZWRmcnVpdHMucGs&hmac=f6fc869b5757c94d6917e7c0242b1fb94f7db10027b20bc7c6fcada472e0b8e1"/*tpa=https://fonts.shopifycdn.com/itc_avant_garde_gothic/itcavantgardegothic_o7.c68868ce32fffd28bc3bf414efa7d13f0d9ac9f5.woff?h1=ZHJpZWRmcnVpdHMucGs&hmac=f6fc869b5757c94d6917e7c0242b1fb94f7db10027b20bc7c6fcada472e0b8e1*/) format("woff"); } @font-face { font-family: "ITC Avant Garde Gothic"; font-weight: 500; font-style: normal; src: url("itcavantgardegothic_n5.d00e150ea051c566a429f90893989d2d46fadcd2.woff2-h1=ZHJpZWRmcnVpdHMucGs&hmac=a7719103095d586f7e5996ab7769cb41fffd67f05c867961fc1d1d364cf8591c"/*tpa=https://fonts.shopifycdn.com/itc_avant_garde_gothic/itcavantgardegothic_n5.d00e150ea051c566a429f90893989d2d46fadcd2.woff2?h1=ZHJpZWRmcnVpdHMucGs&hmac=a7719103095d586f7e5996ab7769cb41fffd67f05c867961fc1d1d364cf8591c*/) format("woff2"), url("itcavantgardegothic_n5.df93c60e35fc5d3decb7a37c17990330d551bd55.woff-h1=ZHJpZWRmcnVpdHMucGs&hmac=a50c70a0d505bb0d9e7352c6b261a08a7c458bdf4cab88664b506101da21d566"/*tpa=https://fonts.shopifycdn.com/itc_avant_garde_gothic/itcavantgardegothic_n5.df93c60e35fc5d3decb7a37c17990330d551bd55.woff?h1=ZHJpZWRmcnVpdHMucGs&hmac=a50c70a0d505bb0d9e7352c6b261a08a7c458bdf4cab88664b506101da21d566*/) format("woff"); } @font-face { font-family: "ITC Avant Garde Gothic"; font-weight: 700; font-style: normal; src: url("itcavantgardegothic_n7.e4cdcda7001c6328cfe571734c25261390a886d4.woff2-h1=ZHJpZWRmcnVpdHMucGs&hmac=2be265e29108c29ce3db5fbb901d43d32b8f803a5598343b1d46f77c9b58132b"/*tpa=https://fonts.shopifycdn.com/itc_avant_garde_gothic/itcavantgardegothic_n7.e4cdcda7001c6328cfe571734c25261390a886d4.woff2?h1=ZHJpZWRmcnVpdHMucGs&hmac=2be265e29108c29ce3db5fbb901d43d32b8f803a5598343b1d46f77c9b58132b*/) format("woff2"), url("itcavantgardegothic_n7.92961a6809350e21152cba06e9fa88f81a23d481.woff-h1=ZHJpZWRmcnVpdHMucGs&hmac=61fe48a476914ef168b81237868581b0f6795dc4a0a478b12de5169e942ddf34"/*tpa=https://fonts.shopifycdn.com/itc_avant_garde_gothic/itcavantgardegothic_n7.92961a6809350e21152cba06e9fa88f81a23d481.woff?h1=ZHJpZWRmcnVpdHMucGs&hmac=61fe48a476914ef168b81237868581b0f6795dc4a0a478b12de5169e942ddf34*/) format("woff"); } @font-face { font-family: "ITC Avant Garde Gothic"; font-weight: 500; font-style: oblique; src: url("itcavantgardegothic_o5.521c8429f968f23469f13c5104980709a46dcbd7.woff2-h1=ZHJpZWRmcnVpdHMucGs&hmac=21bac2aa5a344b432cac39f9a244b0e37bdb8aab95f22488cf1875f64ee8192c"/*tpa=https://fonts.shopifycdn.com/itc_avant_garde_gothic/itcavantgardegothic_o5.521c8429f968f23469f13c5104980709a46dcbd7.woff2?h1=ZHJpZWRmcnVpdHMucGs&hmac=21bac2aa5a344b432cac39f9a244b0e37bdb8aab95f22488cf1875f64ee8192c*/) format("woff2"), url("itcavantgardegothic_o5.8b7b32cb43e0ad877f4ba0a6dd16dcc63afdc35e.woff-h1=ZHJpZWRmcnVpdHMucGs&hmac=134d02d4cd7e1c9397958b94c70f6112726cbd7a9c7d0b21b3e3525d46761530"/*tpa=https://fonts.shopifycdn.com/itc_avant_garde_gothic/itcavantgardegothic_o5.8b7b32cb43e0ad877f4ba0a6dd16dcc63afdc35e.woff?h1=ZHJpZWRmcnVpdHMucGs&hmac=134d02d4cd7e1c9397958b94c70f6112726cbd7a9c7d0b21b3e3525d46761530*/) format("woff"); } @font-face { font-family: "ITC Avant Garde Gothic"; font-weight: 700; font-style: oblique; src: url("itcavantgardegothic_o7.d81c8ac95b66b072e225c11a9f929ebfeeeacebe.woff2-h1=ZHJpZWRmcnVpdHMucGs&hmac=6a395d1cfd6b0dabd028b48341f9d7aecfef37ee61204383529eabdd948765ad"/*tpa=https://fonts.shopifycdn.com/itc_avant_garde_gothic/itcavantgardegothic_o7.d81c8ac95b66b072e225c11a9f929ebfeeeacebe.woff2?h1=ZHJpZWRmcnVpdHMucGs&hmac=6a395d1cfd6b0dabd028b48341f9d7aecfef37ee61204383529eabdd948765ad*/) format("woff2"), url("itcavantgardegothic_o7.c68868ce32fffd28bc3bf414efa7d13f0d9ac9f5.woff-h1=ZHJpZWRmcnVpdHMucGs&hmac=f6fc869b5757c94d6917e7c0242b1fb94f7db10027b20bc7c6fcada472e0b8e1"/*tpa=https://fonts.shopifycdn.com/itc_avant_garde_gothic/itcavantgardegothic_o7.c68868ce32fffd28bc3bf414efa7d13f0d9ac9f5.woff?h1=ZHJpZWRmcnVpdHMucGs&hmac=f6fc869b5757c94d6917e7c0242b1fb94f7db10027b20bc7c6fcada472e0b8e1*/) format("woff"); } @font-face { font-family: "ITC Avant Garde Gothic"; font-weight: 200; font-style: normal; src: url("itcavantgardegothic_n2.f6ae45bb286274f2203b74d228fd44b1317b7c41.woff2-h1=ZHJpZWRmcnVpdHMucGs&hmac=13fa59b72ebd5e639a48b4c2fe906a1870d6214cb3e612c9cc93e98916c3ad9d"/*tpa=https://fonts.shopifycdn.com/itc_avant_garde_gothic/itcavantgardegothic_n2.f6ae45bb286274f2203b74d228fd44b1317b7c41.woff2?h1=ZHJpZWRmcnVpdHMucGs&hmac=13fa59b72ebd5e639a48b4c2fe906a1870d6214cb3e612c9cc93e98916c3ad9d*/) format("woff2"), url("itcavantgardegothic_n2.9e1a76f9940d8e9db0f135014fb5993ec16552fc.woff-h1=ZHJpZWRmcnVpdHMucGs&hmac=39be2ce60006fb4b47fe5c0790c99e830c25d4acaaecf4f08b8a910639ed6b21"/*tpa=https://fonts.shopifycdn.com/itc_avant_garde_gothic/itcavantgardegothic_n2.9e1a76f9940d8e9db0f135014fb5993ec16552fc.woff?h1=ZHJpZWRmcnVpdHMucGs&hmac=39be2ce60006fb4b47fe5c0790c99e830c25d4acaaecf4f08b8a910639ed6b21*/) format("woff"); } @font-face { font-family: "ITC Avant Garde Gothic"; font-weight: 200; font-style: oblique; src: url("itcavantgardegothic_o2.12b6b2fa621fe6c30843d8878c267436e609dfab.woff2-h1=ZHJpZWRmcnVpdHMucGs&hmac=736419296ade2486a0c50803c509b72cb8799624df151da79c60dfa583afd5d9"/*tpa=https://fonts.shopifycdn.com/itc_avant_garde_gothic/itcavantgardegothic_o2.12b6b2fa621fe6c30843d8878c267436e609dfab.woff2?h1=ZHJpZWRmcnVpdHMucGs&hmac=736419296ade2486a0c50803c509b72cb8799624df151da79c60dfa583afd5d9*/) format("woff2"), url("itcavantgardegothic_o2.c7945718c41c8064b5cb51caa8432b03a3ebf6e7.woff-h1=ZHJpZWRmcnVpdHMucGs&hmac=955de38c063e4eadc7f2fa7c60a9498259d3ac75212c5af0742df583a1254733"/*tpa=https://fonts.shopifycdn.com/itc_avant_garde_gothic/itcavantgardegothic_o2.c7945718c41c8064b5cb51caa8432b03a3ebf6e7.woff?h1=ZHJpZWRmcnVpdHMucGs&hmac=955de38c063e4eadc7f2fa7c60a9498259d3ac75212c5af0742df583a1254733*/) format("woff"); } @font-face { font-family: "ITC Avant Garde Gothic"; font-weight: 400; font-style: normal; src: url("itcavantgardegothic_n4.3faa6d14385be1440fff5303245c9b428781765b.woff2-h1=ZHJpZWRmcnVpdHMucGs&hmac=ba330b3000e63a8a101dc16ce51ec8b67547ffb077ab4234c0bc5fed80a074b4"/*tpa=https://fonts.shopifycdn.com/itc_avant_garde_gothic/itcavantgardegothic_n4.3faa6d14385be1440fff5303245c9b428781765b.woff2?h1=ZHJpZWRmcnVpdHMucGs&hmac=ba330b3000e63a8a101dc16ce51ec8b67547ffb077ab4234c0bc5fed80a074b4*/) format("woff2"), url("itcavantgardegothic_n4.28de822a8e0427bab41737e1017fe3e1ba4d2989.woff-h1=ZHJpZWRmcnVpdHMucGs&hmac=a69b8ecf1511699256d545b98c58f7bff0204c140983d4be4f72b9d0cb43c5de"/*tpa=https://fonts.shopifycdn.com/itc_avant_garde_gothic/itcavantgardegothic_n4.28de822a8e0427bab41737e1017fe3e1ba4d2989.woff?h1=ZHJpZWRmcnVpdHMucGs&hmac=a69b8ecf1511699256d545b98c58f7bff0204c140983d4be4f72b9d0cb43c5de*/) format("woff"); } @font-face { font-family: "ITC Avant Garde Gothic"; font-weight: 700; font-style: normal; src: url("itcavantgardegothic_n7.e4cdcda7001c6328cfe571734c25261390a886d4.woff2-h1=ZHJpZWRmcnVpdHMucGs&hmac=2be265e29108c29ce3db5fbb901d43d32b8f803a5598343b1d46f77c9b58132b"/*tpa=https://fonts.shopifycdn.com/itc_avant_garde_gothic/itcavantgardegothic_n7.e4cdcda7001c6328cfe571734c25261390a886d4.woff2?h1=ZHJpZWRmcnVpdHMucGs&hmac=2be265e29108c29ce3db5fbb901d43d32b8f803a5598343b1d46f77c9b58132b*/) format("woff2"), url("itcavantgardegothic_n7.92961a6809350e21152cba06e9fa88f81a23d481.woff-h1=ZHJpZWRmcnVpdHMucGs&hmac=61fe48a476914ef168b81237868581b0f6795dc4a0a478b12de5169e942ddf34"/*tpa=https://fonts.shopifycdn.com/itc_avant_garde_gothic/itcavantgardegothic_n7.92961a6809350e21152cba06e9fa88f81a23d481.woff?h1=ZHJpZWRmcnVpdHMucGs&hmac=61fe48a476914ef168b81237868581b0f6795dc4a0a478b12de5169e942ddf34*/) format("woff"); } @font-face { font-family: "ITC Avant Garde Gothic"; font-weight: 400; font-style: oblique; src: url("itcavantgardegothic_o4.95f6105ed41ad0f1d89b6734c4cab455541234be.woff2-h1=ZHJpZWRmcnVpdHMucGs&hmac=75bfcacf98cf10c1fe4fa1943e30b48d7548e436c2b011fc4e2af5b9fa4a9c9e"/*tpa=https://fonts.shopifycdn.com/itc_avant_garde_gothic/itcavantgardegothic_o4.95f6105ed41ad0f1d89b6734c4cab455541234be.woff2?h1=ZHJpZWRmcnVpdHMucGs&hmac=75bfcacf98cf10c1fe4fa1943e30b48d7548e436c2b011fc4e2af5b9fa4a9c9e*/) format("woff2"), url("itcavantgardegothic_o4.71438ca5fc9e4cc0534e21cd2e39d25b4cfbdfc1.woff-h1=ZHJpZWRmcnVpdHMucGs&hmac=e7e418bbe0a4f1b582c8264610321f765cb22b3e71d29af508654b44455289e6"/*tpa=https://fonts.shopifycdn.com/itc_avant_garde_gothic/itcavantgardegothic_o4.71438ca5fc9e4cc0534e21cd2e39d25b4cfbdfc1.woff?h1=ZHJpZWRmcnVpdHMucGs&hmac=e7e418bbe0a4f1b582c8264610321f765cb22b3e71d29af508654b44455289e6*/) format("woff"); } @font-face { font-family: "ITC Avant Garde Gothic"; font-weight: 700; font-style: oblique; src: url("itcavantgardegothic_o7.d81c8ac95b66b072e225c11a9f929ebfeeeacebe.woff2-h1=ZHJpZWRmcnVpdHMucGs&hmac=6a395d1cfd6b0dabd028b48341f9d7aecfef37ee61204383529eabdd948765ad"/*tpa=https://fonts.shopifycdn.com/itc_avant_garde_gothic/itcavantgardegothic_o7.d81c8ac95b66b072e225c11a9f929ebfeeeacebe.woff2?h1=ZHJpZWRmcnVpdHMucGs&hmac=6a395d1cfd6b0dabd028b48341f9d7aecfef37ee61204383529eabdd948765ad*/) format("woff2"), url("itcavantgardegothic_o7.c68868ce32fffd28bc3bf414efa7d13f0d9ac9f5.woff-h1=ZHJpZWRmcnVpdHMucGs&hmac=f6fc869b5757c94d6917e7c0242b1fb94f7db10027b20bc7c6fcada472e0b8e1"/*tpa=https://fonts.shopifycdn.com/itc_avant_garde_gothic/itcavantgardegothic_o7.c68868ce32fffd28bc3bf414efa7d13f0d9ac9f5.woff?h1=ZHJpZWRmcnVpdHMucGs&hmac=f6fc869b5757c94d6917e7c0242b1fb94f7db10027b20bc7c6fcada472e0b8e1*/) format("woff"); } @font-face { font-family: Roboto; font-weight: 500; font-style: normal; src: url("roboto_n5.126dd24093e910b23578142c0183010eb1f2b9be.woff2-h1=ZHJpZWRmcnVpdHMucGs&hmac=782a23cf58c8ff2e5e80880053ac21759a057fb7a6b4e5b3aa645f5d67cc2cfd"/*tpa=https://fonts.shopifycdn.com/roboto/roboto_n5.126dd24093e910b23578142c0183010eb1f2b9be.woff2?h1=ZHJpZWRmcnVpdHMucGs&hmac=782a23cf58c8ff2e5e80880053ac21759a057fb7a6b4e5b3aa645f5d67cc2cfd*/) format("woff2"), url("roboto_n5.ef0ac6b5ed77e19e95b9512154467a6fb9575078.woff-h1=ZHJpZWRmcnVpdHMucGs&hmac=8d25e3ed6e2267402fbd30ee85e7be8f2edbcdd0d8d186b4b9c734a5d3b590d8"/*tpa=https://fonts.shopifycdn.com/roboto/roboto_n5.ef0ac6b5ed77e19e95b9512154467a6fb9575078.woff?h1=ZHJpZWRmcnVpdHMucGs&hmac=8d25e3ed6e2267402fbd30ee85e7be8f2edbcdd0d8d186b4b9c734a5d3b590d8*/) format("woff"); } @font-face { font-family: Roboto; font-weight: 700; font-style: normal; src: url("roboto_n7.51ede27d5b58491d9cf07ad184108da52fef80b4.woff2-h1=ZHJpZWRmcnVpdHMucGs&hmac=9dd95432d87681810104808a0c2cd02c3573da9f34de2be552097b1c7d6268ab"/*tpa=https://fonts.shopifycdn.com/roboto/roboto_n7.51ede27d5b58491d9cf07ad184108da52fef80b4.woff2?h1=ZHJpZWRmcnVpdHMucGs&hmac=9dd95432d87681810104808a0c2cd02c3573da9f34de2be552097b1c7d6268ab*/) format("woff2"), url("roboto_n7.1babbb6a27f91b14216bafa40bf222e08f6999f4.woff-h1=ZHJpZWRmcnVpdHMucGs&hmac=5c94edd1824d0f242456f1e3ca7b9d11e38dc8f0983d53a9aee4b6ac69b1e996"/*tpa=https://fonts.shopifycdn.com/roboto/roboto_n7.1babbb6a27f91b14216bafa40bf222e08f6999f4.woff?h1=ZHJpZWRmcnVpdHMucGs&hmac=5c94edd1824d0f242456f1e3ca7b9d11e38dc8f0983d53a9aee4b6ac69b1e996*/) format("woff"); } @font-face { font-family: Roboto; font-weight: 500; font-style: italic; src: url("roboto_i5.f36fc99adea860c14560731a265eca6bf8df6add.woff2-h1=ZHJpZWRmcnVpdHMucGs&hmac=af98306a6ed40b0a1ad69de6224ca3a9b8c5c109a92dd3cf2f6c853b0f9780be"/*tpa=https://fonts.shopifycdn.com/roboto/roboto_i5.f36fc99adea860c14560731a265eca6bf8df6add.woff2?h1=ZHJpZWRmcnVpdHMucGs&hmac=af98306a6ed40b0a1ad69de6224ca3a9b8c5c109a92dd3cf2f6c853b0f9780be*/) format("woff2"), url("roboto_i5.cfb884f4c639e5d79041e9a98ea9ebe9ef79543c.woff-h1=ZHJpZWRmcnVpdHMucGs&hmac=cc5d2db5119aee340d98c171ce80116c8d4f5dc2c9bfafcda5a4fa475701473e"/*tpa=https://fonts.shopifycdn.com/roboto/roboto_i5.cfb884f4c639e5d79041e9a98ea9ebe9ef79543c.woff?h1=ZHJpZWRmcnVpdHMucGs&hmac=cc5d2db5119aee340d98c171ce80116c8d4f5dc2c9bfafcda5a4fa475701473e*/) format("woff"); } @font-face { font-family: Roboto; font-weight: 700; font-style: italic; src: url("roboto_i7.9c922c35bb84952cfb17e8c1d42e440e75aa8ccf.woff2-h1=ZHJpZWRmcnVpdHMucGs&hmac=c2d68aa6ac890231ac593aff20fee1bfb57df5aef71c34262b10bc37d5e13ab7"/*tpa=https://fonts.shopifycdn.com/roboto/roboto_i7.9c922c35bb84952cfb17e8c1d42e440e75aa8ccf.woff2?h1=ZHJpZWRmcnVpdHMucGs&hmac=c2d68aa6ac890231ac593aff20fee1bfb57df5aef71c34262b10bc37d5e13ab7*/) format("woff2"), url("roboto_i7.c50b5683f5731edb8040ff2110a54947108434de.woff-h1=ZHJpZWRmcnVpdHMucGs&hmac=60a63263b2c5889bd750ae7becd779f66e37ce8420d7e87b988ee649a85ec347"/*tpa=https://fonts.shopifycdn.com/roboto/roboto_i7.c50b5683f5731edb8040ff2110a54947108434de.woff?h1=ZHJpZWRmcnVpdHMucGs&hmac=60a63263b2c5889bd750ae7becd779f66e37ce8420d7e87b988ee649a85ec347*/) format("woff"); } /* #Basic Styles ================================================== */ body { line-height: 1.8em; overflow-x: hidden; background-color: #ffffff; font-family: Roboto, sans-serif; font-weight: 400; font-size: 14px; text-transform: none; color: #545454; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; } ::-moz-selection { background-color: #000; color: #fff; } ::selection { background: #FFF7B6; color: black; } abbr { border-bottom: 1px dotted #d8d8d8; } .text-align--left { text-align: left; } .text-align--center { text-align: center; } .text-align--right { text-align: right; } /* #Typography ================================================== */ .logo { text-align: left; word-break: break-word; color: #040707; font-size: 26px; font-family: "ITC Avant Garde Gothic"; font-weight: 400; text-transform: none; } .logo a, .logo a:hover, .logo a:visited, .logo a:active { color: #040707; line-height: 1.5; } @media (max-width: 480px) { .logo a, .logo a:hover, .logo a:visited, .logo a:active { padding-bottom: 15px; } } h1, h2, h3, h4, h5, h6, .collection_title, .headline, .subtitle { font-family: "ITC Avant Garde Gothic", sans-serif; font-weight: 400; text-transform: none; color: #f9cca7; display: block; letter-spacing: 0px; text-rendering: optimizeLegibility; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .collection_title { font-weight: inherit; } h1 a, h1 a:visited, .collection_title a, .collection_title a:visited { color: #f9cca7; } h1 a:hover, h1 a:active, .collection_title a:hover, .collection_title a:active { color: #604f40; } h1, .h1, h1.home, .collection_title { font-size: 26px; line-height: 1.5em; margin: 0 auto 20px; clear: both; font-weight: 400; } h1.home { margin: 0 auto 15px; border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; padding: 12px 0; } h1.product_name { margin-bottom: 15px; } a.product_collection { padding-bottom: 0; display: inline-block; } h1.article_name { margin-bottom: 5px; } h2, .h2 { font-size: 26px; margin-bottom: 0.75em; } h2.center { margin: 15px 0; } h2.title, h2.title a { text-align: center; margin: 15px 0; color: #f9cca7; } h2.product_name a { color: #f9cca7; } h2.article_title { margin: 5px 0; font-size: 22px; } h2.article_title a { color: #f9cca7; } h3, .h3, h1.blog_title { font-size: 24px; line-height: 35px; margin: 0 auto 15px 0; text-align: left; } h1.collection_title, div.collection_title { margin-bottom: 0; display: inline; } h1.collection_title_tags, div.collection_title_tags { padding-right: 25px; border-right: solid 1px #d8d8d8; } h4, .h4, h4.title a { font-size: 20px; line-height: 32px; margin: 15px 0; text-align: left; padding: 0; border-bottom: 1px solid #d8d8d8; padding-bottom: 8px; } h4.title a { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; color: #f9cca7; } h4.product_name { border: 0; padding: 0; } h5, .h5 { font-size: 18px; padding-bottom: 1em; } h5.sub_title { padding-bottom: 0; } h6, .h6 { font-size: 18px; padding-bottom: 1em; } .footer h6 { color: #b8a79a; } .headline { font-size: 26px; } .subheader { color: #777; } p { margin: 0 0 15px; font-style: normal; line-height: 1.8em; } p img { margin: 0; } sub { font-size: 60%; } em, i { font-style: italic; } strong, b { font-weight: bold; } small { font-size: 90%; } .strikethrough { text-decoration: line-through; } .index h2.title, .index .title a, .index h2.title a { font-size: 26px; line-height: 1.15; } /* Promo banner */ .promo_banner-show .promo_banner { transition: all 0s linear; height: auto; line-height: inherit; padding: 2px 0; opacity: 1; font-weight: normal; } div.promo_banner { padding: 0; text-align: center; font-size: 13px; opacity: 0; height: 0; line-height: 0; z-index: 5000; top: 0; transition: all 0.3s linear; overflow: hidden; cursor: default; } div.promo_banner p, div.promo_banner span { width: 90%; margin: 0 auto; } div.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; border: 0; background: transparent; z-index: 1000; } div.promo_banner .promo_banner-close:before { font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important; font-size: 20px; line-height: 26px; position: absolute; top: 0; left: 0; display: block; width: 35px; content: "\00d7"; text-align: center; } .feature_divider { display: block; margin: 25px auto 25px auto; background-color: #545454; height: 3px; width: 30px; } .feature_divider.align_left { margin: 25px auto 25px 0; } .feature_divider.align_right { margin: 25px 0 25px auto; } /* 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 #d8d8d8; } blockquote cite { display: block; font-size: 12px; color: #555; } blockquote cite:before { content: "\2014 \0020"; } blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; } hr { border: solid #d8d8d8; border-width: 1px 0 0; clear: both; margin: 12px 0; height: 0; } .quote { font-size: 16px; line-height: 22px; text-align: center; margin: 0 0 20px 0; font-style: italic; } /* #Links ================================================== */ a, a:visited { color: #604f40; text-decoration: none; outline: 0; transition: color 0.1s linear; } a:hover, a:focus { color: #080809; } a:focus { outline: -webkit-focus-ring-color auto 5px; } a, button, input, select, textarea, label, summary { touch-action: manipulation; } /* #Lists ================================================== */ ul, ol { margin-bottom: 20px; } ul { list-style: circle outside; } ol { list-style: decimal; } ul, ol, ul.square, ul.circle, ul.disc { margin-left: 30px; } ul.square { list-style: square outside; } ul.circle { list-style: circle outside; } ul.disc { list-style: disc outside; } ul ul, ul ol, ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 95%; } li { line-height: 22px; padding-bottom: 12px; } 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 #d8d8d8; list-style: none outside none; padding: 12px 0; margin-bottom: 0; } /* #Menu ================================================== */ .header { background-color: #ffffff; background-image: url("bg-text.png-v=14456793918406277046.png"/*tpa=https://cdn.shopify.com/s/files/1/0426/0927/9131/t/2/assets/bg-text.png?v=14456793918406277046*/); } .header_border { border-bottom: solid 1px #d8d8d8; padding-bottom: 15px; } .homepage { padding-bottom: 15px; } .nav { text-align: right; } .nav .logo { margin: 0; } .nav ul { margin: 0 auto; border: none; padding: 0; margin: 0; } .nav ul li { display: inline-block; padding: 0 0 0 16px; position: relative; margin: 0; border: 0; } .nav ul li a, .nav ul li a:visited, .promo_banner, a.product_collection { font-family: "ITC Avant Garde Gothic", sans-serif; font-weight: 500; font-size: 16px; text-transform: uppercase; color: #503831; position: relative; display: block; letter-spacing: 1px; padding-bottom: 10px; cursor: pointer; } .nav ul li a.active, nav ul li a.active:visited, nav ul li a.active:active { color: #789048; } .nav ul li a:hover, nav ul li a:focus, a.product_collection:hover { color: #789048; } .nav ul li.current_page_item a { color: #789048; } .nav ul li.current_page_ancestor a { color: #789048; } .nav ul.menu { display: inline; } @media (max-width: 480px) { .nav ul.menu { position: relative; top: -15px; } } @media (max-width: 480px) { .before-item { margin-right: 100px !important; } .after-item { margin-right: 85px !important; } } .mobile_menu .mobile-mega-menu ul { display: none; } .nav ul li a.cart_button, .nav ul li a.navicon, input[type="submit"].guest_button { padding: 10px 15px 10px 15px; border: solid 1px #d8d8d8; border-radius: 5px; } ul.nav_buttons .button_label { margin-left: 5px; } input[type="submit"].guest_button, input[type="submit"].guest_button:hover { background: none; color: #604f40; padding: 8px 20px 8px 10px; } .nav ul li a.cart_button.active { color: #789048; border-color: #789048; } .nav ul li a.cart_button:hover, .nav ul li a.cart_button.active:hover { background-position: 9px -41px; color: #789048; border-color: #789048; } ul.menu li.navicon_button { display: none; } /* sub-levels link */ .menu ul a, .menu li:hover > ul a { padding: 15px; background: none; text-align: left; } /* sub-level ul */ .menu ul { position: absolute; left: 0; top: 28px; background-color: #ffffff; border: solid 1px #040707; z-index: 1000; opacity: 0; width: 215px; transition: opacity 0.3s 0.15s ease-in; pointer-events: none; visibility: hidden; } ul.menu ul.menu-dropdown li { display: block; border-bottom: solid 1px #d8d8d8; text-align: left; padding: 0; } ul.menu ul li:last-child { border-bottom: 0; } /* sub-sub-level dropdown */ .menu ul ul { left: 215px; top: -1px; } .menu li.dropdown--left ul ul { left: -215px; } .dropdown--left .menu-dropdown { right: 0; left: auto; } /* show dropdown ul on hover */ .menu li:hover > ul, .menu li:focus > ul, .menu li:focus-within > ul { opacity: 1; pointer-events: all; visibility: visible; } .toggle_menu { position: relative; overflow: hidden; display: none; top: -16px; } @media (min-width: 799px) { .toggle_menu { display: none !important; } } ul.top_menu { margin-bottom: 10px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: baseline; -moz-align-items: baseline; -ms-align-items: baseline; align-items: baseline; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: flex-end; } ul.top_menu li a { padding-bottom: 0; } ul.top_menu form.search { margin-bottom: 0; } ul.top_menu li a, ul.top_menu li a:visited, ul.top_menu li a:active { font-size: 13px; color: #828181; } ul.top_menu li a:hover { color: #789048; } /* Currency / language switcher in header */ #header__selector-form .icon-arrow-down { font-size: 9px; } #header__selector-form .selectors-form__item { margin: 0; } #header__selector-form .disclosure__toggle { color: #828181; font-size: 13px; letter-spacing: 1px; line-height: inherit; background-color: transparent; border: none; padding-right: 0; position: relative; } #header__selector-form .disclosure__toggle:hover, #header__selector-form .disclosure__toggle:focus, #header__selector-form .disclosure__toggle:active { box-shadow: none; background-color: transparent; } #header__selector-form .disclosure__toggle.is-clicked { color: #789048 !important; } #header__selector-form .disclosure__list-wrap { bottom: initial; top: 100%; } #header__selector-form button.disclosure__button { color: #828181; font-size: 13px; border-bottom: solid 1px #d8d8d8; padding: 15px 10px; } #header__selector-form button.disclosure__button:hover, #header__selector-form button.disclosure__button[aria-current="true"] { color: #789048; opacity: 1; } .mobile_menu .search_box { width: 100% !important; border: none; } @media (max-width: 798px) { .mobile_menu ul { display: block; } } .mobile_menu_container { display: inline; } .nav ul.mobile_menu { background-color: #867465; margin-bottom: 1em; clear: both; } .nav ul.mobile_menu li { border: none; text-align: left; display: block; border-top: 1px solid #313335; padding-left: 0; } .nav ul.mobile_menu .search_box { width: 100%; box-sizing: border-box; } .nav ul.mobile_menu form.search { margin: 10px 20px; } .nav ul.mobile_menu li a { color: white; text-decoration: none; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); display: inline-block; padding: 10px 20px; } .nav ul.mobile_menu li ul li a { padding-left: 40px; } .nav ul.mobile_menu li ul ul li a { padding-left: 60px; } .nav ul.mobile_menu li.active, .mobile_menu li:hover { background-color: #111111; } .nav ul.mobile_menu li.active a, .nav ul.mobile_menu li.active span, .nav ul.mobile_menu li a:hover { color: white; } .header-section { padding-bottom: 20px; } /* Currency / language switcher on mobile */ .mobile-menu__disclosure .disclosure-list__item { margin: 0 !important; padding: 0 !important; } .mobile-menu__disclosure form.selectors-form button.disclosure__button { font-size: 16px; padding: 8px 0 8px 40px; color: white; } .mobile-menu__disclosure form.selectors-form button.disclosure__button:hover, .mobile-menu__disclosure form.selectors-form button.disclosure__button:focus { color: white; } .index .header-section { padding-bottom: 0; } .container div.collection_nav { border-bottom: solid 1px #d8d8d8; padding-bottom: 20px; margin-bottom: 1.5em; } .container div.feature_banner { margin-bottom: 0; border-bottom: 0; } .collection_menu, .collection_menu li { display: inline; list-style: none; border: none; position: relative; top: -2px; margin: 0; } .collection_menu li { padding-left: 20px; } .collection_menu li a, .sidebar a { color: #545454; } .collection_menu li a span.active, .sidebar li.active a, ul.blog_list a.active, ul.blog_list a.active--default { color: #503831; font-weight: bold; } .collection_menu a li a:hover, .collection_menu li span.active:hover, .sidebar a:hover { color: #789048; } ul.blog_list li ul { display: none; margin: 15px 0 0 15px; padding-bottom: 15px; } ul.blog_list li ul.active { display: block; } ul.blog_list li ul:last-child { padding-bottom: 0; } ul.blog_list li ul li { margin-bottom: 0; padding-bottom: 15px; } ul.blog_list li ul li:last-child { padding-bottom: 0; } /* #Currencies ================================================== */ #currencies { border: none; display: block; width: inherit; cursor: pointer; font-size: 15px; margin-bottom: 0; position: relative; padding: 10px 20px 10px 0; color: #503831; font-size: 16px; font-weight: 500; text-transform: uppercase; font-family: "ITC Avant Garde Gothic", sans-serif; letter-spacing: 1px; } @media (max-width: 798px) { #currencies { padding-right: 25px; } } .currency-container #currencies { width: 100%; text-decoration: none; color: white; -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); padding: 10px 20px; background-color: transparent; background-position: 95.5% 50%; } .currency-container #currencies:hover { color: #FFF; } #currency_form { margin: 0; } select#currencies { font-size: 13px; color: #828181; } @supports (-ms-ime-align: auto) { select#currencies.currencies option { color: #000000; } } /* #Mega menu ================================================== */ .mega-mobile-arrow { display: none; } .nav { position: relative; } li.mega-menu-dropdown:hover + .mega-menu, li.mega-menu-dropdown:focus + .mega-menu, .mega-menu-dropdown[aria-expanded="true"] + .mega-menu { opacity: 1; visibility: visible; } .main .animated { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; } .mega-menu { background-color: #ffffff; border-top: 1px solid #d8d8d8; box-sizing: border-box; opacity: 0; visibility: hidden; position: absolute; top: 100%; width: 100%; z-index: 11; } @media (max-width: 798px) { .mega-menu { position: relative; } } .mega-menu p { padding: 10px 0 0 0; line-height: 1em; } .mega-menu__grid-wrap { width: 100%; overflow-x: auto; } .mega-menu__grid { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; text-align: left; } .mega-menu__column { -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; box-sizing: border-box; z-index: 1; padding: 0 33px; margin: 33px 0; width: 20%; } .mega-menu__column:last-child { border-right: 0px; } .mega-menu__sub-submenu { opacity: 0; visibility: hidden; } .main .mega-menu__sublink-item { padding: 8px 0; } .main .mega-menu__sublink-item a { line-height: 1; } .main .mega-menu__dropdown:hover .mega-menu__sub-submenu, .main .mega-menu__dropdown:focus-within .mega-menu__sub-submenu { opacity: 1; visibility: visible; } .main .mega-menu__dropdown ul.mega-menu__sub-submenu { position: relative; font-family: inherit; font-size: inherit; background-color: inherit; color: inherit; top: 5px; border: 0; } .main .mega-menu__dropdown ul.mega-menu__sub-submenu li { display: block; } .main .mega-menu__dropdown ul.mega-menu__sub-submenu a.mega-menu__sublink { padding: 8px 0; line-height: inherit; max-width: 80%; } .main .mega-menu__dropdown ul.mega-menu__sub-submenu.mega-menu__sub-submenu--open { display: block; } .main.menu .mega-sub-submenu-arrow { left: 0; padding: 10px; margin-left: 0; cursor: pointer; color: #604f40; transition: color 0.1s linear; } .mega-menu__dropdown:hover .mega-sub-submenu-arrow, .mega-menu__dropdown:focus .mega-sub-submenu-arrow { color: #080809; } .parent-link--false .mega-menu__sublink { cursor: pointer; } .main h3.mega-menu__subtitle { font-size: 1.2em; line-height: 1.5; } .main .mega-menu__banner a { width: 100%; text-align: center; } .main .mega-menu__banner p { width: 100%; text-align: center; padding-bottom: 10px; margin-bottom: 0; } .column_divider_active { border-right: thin solid #d8d8d8; } .column_divider_active:last-child { border-right: 0px; } .mega-menu__submenu { line-height: 1.4; } .mega-menu__submenu ul li a { font-family: inherit; font-weight: inherit; font-size: inherit; text-transform: none; color: #604f40; position: relative; display: block; letter-spacing: 1px; padding-bottom: 10px; cursor: pointer; } .mega-menu__submenu ul li a:hover { color: #080809; } .mobile-mega-menu .mega-menu { background-color: #867465; border: none; display: none; opacity: 1; visibility: visible; text-align: left; } .mobile-mega-menu .mega-menu a { color: white; text-decoration: none; display: inline-block; padding: 10px 20px; line-height: 1.4em; } .mobile-mega-menu .mega-menu a:hover { background-color: #111111; } .mobile-mega-menu .mega-menu__grid, .menu .mega-menu__grid { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; transition: ease-in-out 0.3s transform; } @media (max-width: 798px) { .mobile-mega-menu .mega-menu__grid, .menu .mega-menu__grid { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .mobile-mega-menu .mega-menu__submenu { display: none; } .mobile-mega-menu .mega-menu__submenu .mega-menu__sublink-item a.mega-menu__sublink { padding-left: 60px; } .mega-menu__text p { line-height: 1.2em; } @media (max-width: 798px) { .mega-menu__text p { margin-bottom: 0; color: white; padding: 0px 20px 10px 0px; } } .mobile-mega-menu .mega-menu .mega-menu__banner a { width: 90%; text-align: center; padding: 10px; text-shadow: 0 0 0 rgba(0, 0, 0, 0); box-shadow: inset 0 0 0 rgba(0, 0, 0, 0); } .mobile-mega-menu .mega-menu .mega-menu__banner a:hover { background-color: rgba(0, 0, 0, 0); } .mobile-mega-menu .mega-menu .mega-menu__banner a p { margin-bottom: 10px; padding-bottom: 0px; } .mobile-mega-menu .mega-menu .mega-menu__banner p { width: 95%; line-height: 1.2; text-align: center; padding: 10px; margin-bottom: 0px; } .mobile-mega-menu .js-mega-menu__dropdown .mega-menu__submenu .mega-menu__sublink-item { border-top: 1px solid #313335; } .mobile-mega-menu .js-mega-menu__dropdown .mega-menu__submenu .mega-menu__sublink-item a { padding-left: 60px; max-width: 75%; } @media (max-width: 480px) { .mobile-mega-menu .js-mega-menu__dropdown .mega-menu__submenu .mega-menu__sublink-item a { max-width: 67.5%; } } .mobile-mega-menu .sub-menu a { max-width: 75%; } @media (max-width: 480px) { .mobile-mega-menu .sub-menu a { max-width: 67.5%; } } @media (max-width: 798px) { .mega-menu__custom-column h3.mega-menu__subtitle + a.mega-menu__custom-image { padding-top: 0; } } .mobile-mega-menu .mega-menu .mega-menu__column { margin: 0; width: 100% !important; padding: 0; text-align: left; display: block; border-top: 1px solid #313335; line-height: inherit; } .mobile-mega-menu .mega-menu .mega-menu__column:hover { background-color: #111111; } .mobile-mega-menu .mega-menu .mega-menu__column a { padding: 10px 20px 10px 40px; } .mobile-mega-menu .mega-menu .mega-menu__column .mega-menu__subtitle { margin-bottom: 0; } .mobile-mega-menu .mega-menu .mega-menu__column .mega-menu__sub-submenu a.mega-menu__sublink { font-family: inherit; font-size: inherit; font-weight: inherit; padding-left: 80px; } .mobile-mega-menu .mega-menu .mega-menu__column span.mega-menu-toggle { padding: 0 15px; color: #545454; font-size: 1em; } .mega-menu__dropdown ul { font-size: 65%; } .mobile-mega-menu .mega-menu__dropdown { border-top: 1px solid #313335; } .mobile-mega-menu .mega-menu__dropdown:hover { background-color: #111111; } @media (max-width: 798px) { .mobile-mega-menu .mega-menu-submenu, .mobile-mega-menu .mega-menu-submenu ul { display: none; padding: 0; } } @media (min-width: 799px) { .mega-menu-sublink-item { padding: 8px 0; } } @media (max-width: 798px) { .mega-menu-sublink-item { padding: 8px 0 8px 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, .article_image img, .section img, .thumbnail img, .logo img, .page img, .sidebar img, #target img { max-width: 100%; height: auto; } .zoomImg { cursor: pointer; max-width: inherit !important; background-color: #ffffff; } .description_wide img { width: 100%; } .full-width-image { width: 100%; } .lazyload--fade-in { opacity: 0; transition: opacity 0.2s ease-in; } .lazyload--fade-in.lazyloaded { opacity: 1; } img[data-sizes="auto"] { display: block; width: 100%; margin-left: auto; margin-right: auto; } .image__container { display: block; margin-left: auto; margin-right: auto; } /* #Placeholders ================================================== */ .placeholder-svg { fill: rgba(249, 204, 167, 0.3); background-color: rgba(249, 204, 167, 0.4); width: 100%; height: 100%; max-width: 100%; max-height: 100%; box-sizing: border-box; display: block; } .placeholder-svg--banner, .placeholder-svg--video { max-height: 600px; } .placeholder-svg--slideshow, .placeholder-svg--image-with-text-overlay { max-height: 600px; } @media (max-width: 798px) { .placeholder-svg--slideshow, .placeholder-svg--image-with-text-overlay { min-height: 200px; } } .featured-promotions-section .feature-section:nth-child(even) .placeholder-svg--promotions, .image-with-text-section .image-with-text--image:nth-child(odd) .placeholder-svg--promotions, .gallery-section .gallery_image:nth-child(even) .placeholder-svg, .logo-bar-section .logo-bar__item:nth-child(even) .placeholder-svg { background-color: rgba(249, 204, 167, 0.35); } /* #Videos ================================================== */ /* #Home page - video */ .video-wrapper { position: relative; background-color: #ffffff; } .video-wrapper .video__overlay { position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin-left: auto; margin-right: auto; z-index: 1; pointer-events: none; } .video-wrapper.darken-video--true .video__overlay { background: rgba(0, 0, 0, 0.3); } .video-wrapper .plyr--full-ui.plyr--video .plyr__control--overlaid { display: none; } .video-wrapper.play-button-icon--visible .plyr--paused .plyr__control--overlaid { display: block; opacity: 1; } .video-wrapper .video-wrapper__image { line-height: 0; } .video-wrapper .video-wrapper__image img { -o-object-fit: cover; object-fit: cover; font-family: "object-fit: cover"; } @media (max-width: 798px) { .video-wrapper .video-wrapper__image img, .video-wrapper .video-wrapper__image .placeholder-svg { min-height: 400px; max-height: 600px; } } .video-wrapper a.action_button { width: auto; margin-top: 15px; padding: 12px 35px; line-height: 1.8; pointer-events: all; } @media (max-width: 798px) { .video-wrapper a.action_button { margin-top: 5px; font-size: 12px; width: initial; padding: 15px 20px; } } .video-wrapper video { display: block; width: 100%; height: auto; } .video-wrapper .video__text-container { position: absolute; top: 50%; transform: translate(0, -50%); width: 100%; margin: auto; z-index: 2; pointer-events: none; } .video-wrapper .video__text { height: 100%; text-align: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } .video-wrapper .video__text-wrapper { margin: 0; padding: 30px; text-shadow: 0 0 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.3); } .video-wrapper .video__text-wrapper .headline { font-family: "ITC Avant Garde Gothic", sans-serif; font-weight: 400; font-style: normal; color: #ffffff; font-size: 51px; margin-bottom: 0.2em; line-height: 56px; } @media (max-width: 798px) { .video-wrapper .video__text-wrapper .headline { font-size: 1.5em; line-height: 1em; } } .video-wrapper .video__text-wrapper .subtitle { font-family: Roboto, sans-serif; font-weight: 500; font-style: normal; text-transform: none; font-size: 25px; line-height: 1.5em; position: relative; color: #ffffff; margin-bottom: 0; } @media (max-width: 798px) { .video-wrapper .video__text-wrapper .subtitle { font-size: 1.2em; line-height: 1em; margin-bottom: 10px; } } @media (max-width: 798px) { .video-wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } :not(.plyr__video-wrapper) .plyr__video-embed { position: relative; } /* #Page Details ================================================== */ [class*="page-details"] .header-section { padding-bottom: 0; } [class*="page-details"] .homepage_content .action_button { width: auto; } [class*="page-details"] .page-divider { opacity: 0; border-color: #d8d8d8; } [class*="page-details"] .active-divider { opacity: 1; } [class*="page-details"] .maps iframe { pointer-events: none; display: block; } [class*="page-details"] .gallery--thumbnail.column { margin-top: 10px; margin-bottom: 10px; } [class*="page-details"] .gallery--thumbnail a img, [class*="page-details"] .gallery--thumbnail a svg { display: block; margin-left: auto; margin-right: auto; } [class*="page-details"] .page-quote { font-size: 18px; line-height: 18px; text-align: center; text-transform: uppercase; padding: 7px 0px; border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; } [class*="page-details"] .page-quote p { margin: 0; } .details-section > div:not(.block__image_with_text_overlay):not(.block__featured_video) { padding-top: 20px; } .contact_form { padding-top: 2em; padding-bottom: 2em; 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; } @media (max-width: 798px) { .contact_form { display: block; } } .contact_form h3 { text-align: inherit; } @media (max-width: 480px) { .contact_form img { margin-bottom: 20px; } } .contact_form input.action_button[type="submit"] { width: initial; padding: 10px 30px; } .contact_text_position--left { -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .contact_text_position--right { -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .contact_text_position--center { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } .contact_text_alignment--right .contact_content { text-align: right; } .contact_text_alignment--center .contact_content { text-align: center; } .contact-template_contact_form { margin-bottom: 50px; } /* #Home page - Featured promotions ================================================== */ .featured-promotions h2.title { padding: 0 20px 0; margin-bottom: 10px; } @media (max-width: 480px) { .featured-promotions h2.title { font-size: 14px; } } .featured-promotions .description { padding: 0 20px; } .featured-promotions .feature-section { text-align: center; float: left; margin: 0 10px 20px; position: relative; } .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; } .featured-promotions .feature-section .feature-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0); transition: background-color 0.25s linear; } @media (max-width: 798px) { .featured-promotions .feature-section .feature-overlay { background-color: 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 { opacity: 0; transition: opacity 0.3s linear; } @media (max-width: 798px) { .featured-promotions .feature-section .feature-details { opacity: 1; } } .featured-promotions .feature-section .feature-details h2.title, .featured-promotions .feature-section .feature-details h2.title a { color: #FFFFFF; padding: 0; } .featured-promotions .feature-section .feature-details .description, .featured-promotions .feature-section .feature-details .description a { color: #FFFFFF; } .featured-promotions .feature-section .description a { pointer-events: auto; } .featured-promotions .feature-section .action_button { width: auto; margin-bottom: 10px; pointer-events: all; } .featured-promotions .feature-section .action_button:hover { background-color: #604f40; } @media (max-width: 798px) { .featured-promotions .feature-section .action_button { padding: 15px 20px; } } .featured-promotions .feature-section:hover .feature-overlay { background-color: rgba(0, 0, 0, 0.5); } .featured-promotions .feature-section:hover .feature-details { opacity: 1; } .featured-promotions .feature-section img { width: 100%; display: block; box-shadow: #000 0em 0em 0em; } .feature-section:hover a[href] img { opacity: 0.8; } .feature-section:hover a[href] h2.title { color: #789048; } .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; } .featured-promotions.promo-per-row-2 .feature-section { width: calc(50% - 20px); } @media (max-width: 798px) { .featured-promotions.promo-per-row-2 .feature-section { width: 100%; margin: 0 0 10px; } } .featured-promotions.promo-per-row-2 .feature-section:nth-child(2n+1) { clear: both; } .featured-promotions.promo-per-row-3 .feature-section { width: calc(33.3333% - 20px); } @media (max-width: 798px) { .featured-promotions.promo-per-row-3 .feature-section { width: 100%; margin: 0 0 10px; } } .featured-promotions.promo-per-row-3 .feature-section:nth-child(3n+1) { clear: both; } .featured-promotions.promo-per-row-4 .feature-section { width: calc(25% - 20px); } .featured-promotions.promo-per-row-4 .feature-section:nth-child(4n+1) { clear: both; } @media (max-width: 798px) { .featured-promotions.promo-per-row-4 .feature-section { width: calc(50% - 20px); } .featured-promotions.promo-per-row-4 .feature-section:nth-child(2n+1) { clear: both; } } @media (max-width: 480px) { .featured-promotions.promo-per-row-4 .feature-section { width: 100%; margin: 0 0 10px; } } .featured-promotions-wrapper.wide-display-true { padding-top: 0; } .featured-promotions-wrapper.wide-display-true .featured-promotions.promo-per-row-2 .feature-section { width: 50%; margin: 0; } @media (max-width: 480px) { .featured-promotions-wrapper.wide-display-true .featured-promotions.promo-per-row-2 .feature-section { width: 100%; } } .featured-promotions-wrapper.wide-display-true .featured-promotions.promo-per-row-3 .feature-section { width: 33.333333%; margin: 0; } @media (max-width: 798px) { .featured-promotions-wrapper.wide-display-true .featured-promotions.promo-per-row-3 .feature-section { width: 100%; } } .featured-promotions-wrapper.wide-display-true .featured-promotions.promo-per-row-4 .feature-section { width: 25%; margin: 0; } @media (max-width: 798px) { .featured-promotions-wrapper.wide-display-true .featured-promotions.promo-per-row-4 .feature-section { width: 50%; } } @media (max-width: 480px) { .featured-promotions-wrapper.wide-display-true .featured-promotions.promo-per-row-4 .feature-section { width: 100%; } } /* #Home page - featured collection ================================================== */ .featured-collection--placeholder .eight:nth-child(2n+2) { margin-right: 0; } .featured-collection--placeholder .eight:nth-child(2n+1) { margin-left: 0; } .featured-collection--placeholder .one-third:nth-child(3n+3) { margin-right: 0; } .featured-collection--placeholder .one-third:nth-child(3n+1) { margin-left: 0; } .featured-collection--placeholder .four:nth-child(4n+4) { margin-right: 0; } .featured-collection--placeholder .four:nth-child(4n+1) { margin-left: 0; } /* #Home page - Image with text ================================================== */ .image-with-text .image-with-text--half a[href] img { box-shadow: #000 0em 0em 0em; transition: opacity 0.2s linear; } .image-with-text .image-with-text--half:hover a[href] img { opacity: 0.8; } .image-with-text--section { box-sizing: border-box; float: left; width: 100%; 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; } .image-with-text--section:nth-child(odd) { -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .image-with-text--section:nth-child(odd) .image-with-text--half { float: right; } .image-with-text--half.image-with-text--image { background-color: transparent; text-align: center; } .image-with-text--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: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; background-color: #ffffff; } @media (max-width: 480px) { .image-with-text--half { width: 100%; -webkit-box-flex: 1 0 100%; -moz-box-flex: 1 0 100%; -webkit-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; } } .image-with-text--half .image-with-text--wrap { width: 100%; -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; } .image-with-text--half img, .image-with-text--half svg { display: block; margin: 0 auto; width: 100%; max-width: 100%; } @media (max-width: 480px) { .image-with-text--half img, .image-with-text--half svg { width: 100%; max-width: auto; } } .image-with-text--half .info { display: inline-block; width: 80%; margin: 0 auto; padding: 20px; } .image-with-text--half .info.text-align--right { text-align: right; } .image-with-text--half .info.text-align--right .description:before { margin-right: 0; } .image-with-text--half .info.text-align--left { text-align: left; } .image-with-text--half .info.text-align--left .description:before { margin-left: 0; } @media (max-width: 480px) { .image-with-text--half .info { position: static; transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); padding: 2em 0; } } .image-with-text--half .collection_title { font-size: 2vw; margin-bottom: 0.3em; display: block; color: #f9cca7; } @media (max-width: 798px) { .image-with-text--half .collection_title { font-size: inherit; } } .image-with-text--half .description { position: relative; font-size: 1.6vw; line-height: 1.5; margin-bottom: 20px; } @media (max-width: 798px) { .image-with-text--half .description { font-size: 2vw; } } @media (max-width: 480px) { .image-with-text--half .description { font-size: inherit; } } @media (min-width: 1200px) { .image-with-text--half .description { font-size: inherit; } } .image-with-text--half .action_button { width: auto; } @media (max-width: 798px) { .image-with-text--half .action_button { padding: 15px 20px; font-size: 13px; } } @media (mobile) { .image-with-text--half .action_button { padding: 7px 15px; } } .image-with-text.across-2 .image-with-text--section.image-with-text--no-image { width: 100%; } .image-with-text.across-2 .image-with-text--section:nth-child(odd) .image-with-text--half { float: left; } .image-with-text--section.image-with-text--no-image > img { display: none; } .image-with-text--section.image-with-text--no-image .image-with-text--half { width: 100%; } .image-with-text--section.image-with-text--no-image .info { position: static; transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); text-align: center; padding: 2em; } .image-with-text--section.image-with-text--no-image .info.text-align--left { text-align: center; } .image-with-text--section.image-with-text--no-image .info.text-align--right { text-align: center; } .image-with-text--section.image-with-text--no-image .description, .image-with-text--section.image-with-text--no-image .collection_title { display: none; } .image-with-text.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-with-text.across-2 .image-with-text--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 (max-width: 798px) { .image-with-text.across-2 .image-with-text--image:nth-of-type(4n+3) { -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } } .image-with-text.across-2 .image-with-text--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-with-text.across-2 .image-with-text--section.image-with-text--no-image .image-with-text--half { width: 100%; } .image-with-text.across-2 .image-with-text--section { width: 50%; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } @media (max-width: 798px) { .image-with-text.across-2 .image-with-text--section { width: 100%; } .image-with-text.across-2 .image-with-text--section:nth-of-type(2n) { -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } @media (max-width: 798px) { .image-with-text.across-2 .image-with-text--section .image-with-text--half { width: 50%; } } @media (max-width: 480px) { .image-with-text.across-2 .image-with-text--section .image-with-text--half { width: 100%; } } .image-with-text.across-2 .image-with-text--section .description { font-size: 1.2vw; } @media (max-width: 798px) { .image-with-text.across-2 .image-with-text--section .description { font-size: inherit; } } .image-with-text.across-2 .image-with-text--section .button { font-size: 1.2vw; } @media (max-width: 798px) { .image-with-text.across-2 .image-with-text--section .button { font-size: inherit; } } .image-with-text.across-2 .image-with-text--image:nth-of-type(2n+1) { clear: both; } .image-with-text.across-2 .image-with-text--image:nth-of-type(2n+2) .image-with-text--half { float: left; } @media (max-width: 798px) { .image-with-text.across-2 .image-with-text--image:nth-of-type(2n+2) .image-with-text--half { float: right; } } .image-with-text.across-2 .image-with-text--image:nth-of-type(3n+3) .image-with-text--half { float: right; } @media (max-width: 798px) { .image-with-text.across-2 .image-with-text--image:nth-of-type(3n+3) .image-with-text--half { float: left; } } .image-with-text.across-2 .image-with-text--image:nth-of-type(4n+4) .image-with-text--half { float: right; } /* #Home page - Featured product ================================================== */ @media (max-width: 798px) { .grid-text-position--left { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .featured-product-section form a.size_chart { display: none; } /* #Buttons ================================================== */ a.button, button, input[type="submit"], input[type="reset"], input[type="button"], .action_button, a.action_button, input.action_button[type="submit"], input.action_button[type="button"], button.shopify-payment-button__button.shopify-payment-button__button--unbranded { background-color: #789048; color: #ffffff; border: 0; padding: 6px 12px !important; width: 100%; margin: 0; line-height: 1 !important; cursor: pointer; text-align: center; text-shadow: none; font-family: "ITC Avant Garde Gothic", sans-serif; font-weight: normal; font-size: 15px; text-transform: uppercase; letter-spacing: 1px; display: inline-block; transition: all 0.2s linear; -webkit-appearance: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; box-sizing: border-box; border-radius: 5px; } a.button, a.action_button { cursor: default; } a.button[href], a.action_button[href] { cursor: pointer; } a.button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .action_button:hover, input.action_button[type="submit"]:hover, input.action_button[type="button"]:hover, button.shopify-payment-button__button.shopify-payment-button__button--unbranded:hover { background-color: #604f40; } a.button:active, button:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active { box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); outline: 0; } .disabled { pointer-events: none; opacity: 0.8; } p.add-to-cart-wrap { margin-bottom: 0; } p.add-to-cart-wrap input { min-height: 55px; margin-bottom: 0 !important; } .add_to_cart { padding: 12px 30px; margin-top: 10px; min-height: 48px; line-height: 50%; } .action_button.btn { width: auto !important; } .amazon-payments-pay-button { display: block !important; text-align: center; } .add_to_cart.action_button { min-height: 44px; margin-bottom: 0; margin-top: 0; line-height: 1; } .action_button.action_button--secondary { background-color: transparent; border: 1px solid #789048; color: #789048; margin-bottom: 8px; box-shadow: none; line-height: 1.2; padding: 10px 15px; min-height: 44px; } .shopify-payment-button { position: relative; height: 44px; } .shopify-payment-button button { line-height: 1.2; padding-top: 11px; padding-bottom: 11px; margin-bottom: 0; } [data-shopify-buttoncontainer] { justify-content: flex-end; } div.shopify-payment-button__button { border-radius: 5px; } .shopify-payment-button__button--branded, .shopify-payment-button__button--unbranded { overflow: hidden; min-height: 44px; } button.shopify-payment-button__more-options { color: #545454; box-shadow: none; text-transform: none; font-size: 0.9rem; letter-spacing: 0; padding: 16px 0 28px; max-width: 80%; margin: 0 auto; position: absolute; top: 100%; left: 50%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } button.shopify-payment-button__more-options:hover { background-color: transparent; } .purchase-details.smart-payment-button--true { margin-top: 0; padding-bottom: 30px; } .purchase-details.smart-payment-button--true .purchase-details__buttons { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } @media (max-width: 960px) { .purchase-details.smart-payment-button--true .purchase-details__buttons { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .purchase-details.smart-payment-button--true .purchase-details__buttons .action_button--secondary, .purchase-details.smart-payment-button--true .purchase-details__buttons .shopify-payment-button { min-height: 43px; } @media (min-width: 799px) { .purchase-details.smart-payment-button--true .purchase-details__buttons .action_button--secondary, .purchase-details.smart-payment-button--true .purchase-details__buttons .shopify-payment-button { margin-top: 0; } } .purchase-details.smart-payment-button--false { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .purchase-details__quantity { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin: 12px 0 24px; width: 100%; } .purchase-details__quantity input.quantity { padding: 10px 15px; line-height: 1.4; min-height: 44px; margin-bottom: 0; text-align: center; width: calc(50% - 95px); -moz-appearance: textfield; border-radius: 0; } .purchase-details__quantity input.quantity::-webkit-inner-spin-button { -webkit-appearance: none; } @media (max-width: 960px) { .purchase-details__quantity input.quantity { max-width: 100%; width: calc(100% - 88px); } } .purchase-details__quantity .product-plus, .purchase-details__quantity .product-minus { border: 1px solid #d8d8d8; box-sizing: border-box; font-size: 10px; color: #545454; cursor: pointer; width: 44px; height: 44px; } .purchase-details__quantity .product-plus:hover, .purchase-details__quantity .product-minus:hover { background-color: rgba(0, 0, 0, 0.05); } .purchase-details__quantity .product-plus span, .purchase-details__quantity .product-minus span { display: block; line-height: 42px; text-align: center; } .purchase-details__quantity .product-minus { border-bottom-left-radius: 5px; border-top-left-radius: 5px; border-right: 0; } .purchase-details__quantity .product-plus { border-bottom-right-radius: 5px; border-top-right-radius: 5px; border-left: 0; } .purchase-details.smart-payment-button--false { -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; } @media (max-width: 798px) { .purchase-details.smart-payment-button--false { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .purchase-details.smart-payment-button--false .purchase-details__quantity { width: 50%; margin-right: 12px; max-width: 100%; } @media (max-width: 960px) { .purchase-details.smart-payment-button--false .purchase-details__quantity { width: 100%; } .purchase-details.smart-payment-button--false .purchase-details__quantity input.quantity { width: calc(100% - 88px); max-width: 100%; } } @media only screen and (min-width: 959px) { .purchase-details.smart-payment-button--false .purchase-details__quantity input.quantity { width: 100%; } } .purchase-details.smart-payment-button--false .purchase-details__buttons { width: calc(50% - 6px); } @media (max-width: 960px) { .purchase-details.smart-payment-button--false .purchase-details__buttons { width: 100%; } } .purchase-details__buttons { width: 100%; } @media (min-width: 799px) { .purchase-details__buttons { margin-top: 12px; } } .purchase-details__buttons .action_button--secondary { transition: none; } @media (min-width: 799px) { .purchase-details__buttons .action_button--secondary { margin-right: 12px; } } .purchase-details__buttons .shopify-payment-button, .purchase-details__buttons .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-bottom: 24px; margin-top: 0; max-width: 100%; } @media (min-width: 799px) { .purchase-details__buttons .shopify-payment-button, .purchase-details__buttons .action_button--secondary { -webkit-box-flex: 1 0 calc(50% - 6px); -moz-box-flex: 1 0 calc(50% - 6px); -webkit-flex: 1 0 calc(50% - 6px); -ms-flex: 1 0 calc(50% - 6px); flex: 1 0 calc(50% - 6px); max-width: 100%; } } .additional-checkout-button.additional-checkout-button--paypal { min-width: 100% !important; } .additional-checkout-button + .additional-checkout-button { margin-left: 0 !important; max-width: 100% !important; } /* #Tabs ================================================== */ ul.tabs { display: block; margin: 25px 0; border-bottom: solid 1px #d8d8d8; border-top: 0; list-style: none outside; margin-left: 0; text-transform: uppercase; padding-left: 0; padding-bottom: 3px; } 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 (max-width: 798px) { ul.tabs li a { font-size: 12px; } } @media (max-width: 480px) { ul.tabs li a { margin-right: 20px; } } ul.tabs li a.active { border-bottom: solid 3px #d8d8d8; background-color: #ffffff; border-bottom: solid 3px #f9cca7; height: 31px; position: relative; border-right-width: 1px; color: #545454; } 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; line-height: 1.8em; } ul.tabs-content > li.active { display: block; border: 0; padding-left: 0px; } ul.tabs-content ul { padding-left: 0; } /* 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="number"], input[type="password"], input[type="email"], input[type="tel"], textarea, select { border: 1px solid #d8d8d8; padding: 10px 15px; font: 15px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #51595d; margin: 0 0 20px 0; width: 100%; display: block; background: #fff; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 5px; } select { background: url("select_arrow.png-v=11568680768749808661.png"/*tpa=https://cdn.shopify.com/s/files/1/0426/0927/9131/t/2/assets/select_arrow.png?v=11568680768749808661*/) no-repeat 97% 50%; background-image: url("select_arrow.svg-v=15387604674100828123"/*tpa=https://cdn.shopify.com/s/files/1/0426/0927/9131/t/2/assets/select_arrow.svg?v=15387604674100828123*/), none; background-size: 16px 12px; cursor: pointer; -webkit-padding-end: 30px; text-indent: 0.01px; text-overflow: ''; padding: 14px 15px; } select::-ms-expand { display: none; } @-moz-document url-prefix() { select { background-size: 12px 10px; background-position: 95% 50%; } } input[type="text"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus { border: 1px solid #aaa; color: #333; box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); } label, legend { display: block; font-weight: bold; font-size: 13px; } input[type="checkbox"] { display: inline; } label span, legend span { font-weight: bold; font-size: 13px; color: #444; } textarea { border-radius: 5px; } input[type="submit"].sign_up { width: inherit; margin-left: 10px; } .continue_reading .action_button { width: auto; padding: 10px 15px; margin-top: 15px; line-height: 1.8; } @media (max-width: 798px) { .continue_reading .action_button { padding: 15px 20px; } } .continue_shopping { display: none; position: relative; text-align: center; margin-top: 20px; } .continue_shopping a { font-weight: bold; } .index div.section.product_section { padding: 25px 0; } .index div.section.product_section .product_info { margin-bottom: 2em; } div.product_section { margin-top: 5px; } #target { text-align: center; } #customer input[type="text"], #customer input[type="email"], #customer input[type="password"] { width: 100%; } #customer_login { margin-bottom: 2px; } #customer_decline { width: auto; } /* #Shipping Rates Calculator ================================================== */ select { padding: 10px 15px; } #shipping-calculator select, #shipping-calculator input { min-height: 50px; } /* #Customers ================================================== */ #customer_detail { word-break: break-word; } .acceptsMarketing { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .acceptsMarketing label { display: inline-block; margin-left: 5px; } .acceptsMarketing input[type="checkbox"] { margin-top: 5px; } /* #Tables ================================================== */ table:not(#customer-orders):not(#order-details) th { background-color: #fafafa; } table:not(#customer-orders):not(#order-details) th, table:not(#customer-orders):not(#order-details) td { padding: 10px; border-right: 1px solid gainsboro; } table:not(#customer-orders):not(#order-details) th:first-child, table:not(#customer-orders):not(#order-details) td:first-child { border-left: 1px solid gainsboro; } table:not(#customer-orders):not(#order-details) tr { border-bottom: 1px solid gainsboro; } table:not(#customer-orders):not(#order-details) tr:first-child { border-top: 1px solid gainsboro; } /* Responsive order tables */ .collapsible-table { width: 100%; margin-bottom: 20px; text-shadow: 1px 1px 0 #ffffff; } .collapsible-table th { font-weight: 700; text-align: left; border-top: 1px solid gainsboro; border-bottom: 1px solid gainsboro; background-color: #ededed; } .collapsible-table th, .collapsible-table td { padding: 12px; border-right: 1px solid gainsboro; } .collapsible-table th:first-child, .collapsible-table td:first-child { border-left: 1px solid gainsboro; } .collapsible-table tr { border-bottom: 1px solid gainsboro; } .collapsible-table tr:first-child { border-top: 1px solid gainsboro; } .collapsible-table tr td { background: #fafafa; } .collapsible-table tr td a { color: #666666; font-weight: bold; } .collapsible-table tr td a:visited { color: #999999; } .collapsible-table tr .order_summary td.label { text-align: right; } .collapsible-table .order-details__discount-block { display: block; } @media (max-width: 798px) { .collapsible-table { font-size: 16px; } .collapsible-table thead { display: none; } .collapsible-table tr { display: block; margin-bottom: 20px; border: 1px solid gainsboro; } .collapsible-table tr:last-child { margin-bottom: 0; } .collapsible-table tr td { position: relative; } .collapsible-table th:first-child, .collapsible-table td:first-child { border-left: none; } .collapsible-table td { display: block; 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; padding: 0 10px 0 0; border: none; border-bottom: 1px solid gainsboro; } .collapsible-table td:before { content: attr(data-label); z-index: 1; padding: 6px; font-weight: bold; width: calc(50% - 6px); word-break: break-word; } .collapsible-table td:after { content: ""; z-index: 0; width: 50%; min-height: 100%; position: absolute; border-right: 1px solid gainsboro; background-color: #ededed; } .collapsible-table td:last-child { border-bottom: none; } .collapsible-table tfoot { display: block; margin-top: 20px; } .collapsible-table tfoot tr { margin-bottom: 0; border-bottom: none; } .collapsible-table tfoot tr:last-child { border-bottom: 1px solid gainsboro; } .collapsible-table .order-details__total, .collapsible-table .order-details__product, .collapsible-table .order-details__discount { text-align: right; padding-left: 10px; width: calc(50% - 10px); word-break: break-word; } } /* #FAQ ================================================== */ .page-faq .header-section { padding: 0; } .page-faq .banner-section { padding-bottom: 60px; } .faq-accordion { padding-top: 0.75em; } .faq-accordion .faq-accordion--heading { padding-top: 1.5em; margin: 0 0 10px; } .faq-accordion .faq-accordion--heading:first-child { padding-top: 0; } .faq-accordion > dt > .faq-accordion--button { background: transparent; position: relative; padding: 20px 20px 20px 40px; color: #f9cca7; border-bottom: 1px solid #d8d8d8; text-align: left; display: block; cursor: pointer; width: 100%; outline: none; text-transform: initial; min-height: auto; height: auto; line-height: inherit; font-weight: normal; font-family: Roboto, sans-serif; box-shadow: none; border-radius: 0px; font-size: 18px; } .faq-accordion > dt > .faq-accordion--button:hover, .faq-accordion > dt > .faq-accordion--button:focus { background: #f7f7f7; border: none; border-bottom: 1px solid #d8d8d8; color: #080809; } .faq-accordion > dt > .faq-accordion--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; } .faq-accordion > dt > .faq-accordion--button[aria-expanded="true"]::after { content: "\002d"; font-size: 30px; } .faq-accordion > dt:first-child > button { border-top: none; } .faq-accordion > dd { color: #545454; padding: 20px 0px 20px 0px; } .faq-accordion > dd[aria-hidden="true"] { display: none; } @media (max-width: 798px) { .faq-accordion > dd { margin-left: 15px; } } /* #Search Template ================================================== */ .search-template-section .product_row .sub_title { margin: 10px 0; } @media only screen and (min-width: 768px) { .search-template-section .product_row .sub_title { margin: 0; } } @media only screen and (min-width: 768px) { .search-template-section .product_row { 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; } } /* #Contact form ================================================== */ .quote-container { margin: 2em 0; } .quote-container p { font-style: italic; font-weight: bold; } .contact_form { clear: both; padding-top: 0.75em; 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"; } @media (max-width: 798px) { .contact_form { display: block; } } .contact_form .contact_content .contact_text { padding-bottom: 20px; } @media (max-width: 798px) { .contact_image--right { padding-bottom: 20px; } } @media (min-width: 799px) { .contact_image--right { padding-right: 60px; } } @media (max-width: 798px) { .contact_image--left { padding-bottom: 20px; } } @media (min-width: 799px) { .contact_image--left { padding-left: 60px; } } .contact_text_alignment--right .contact_content p, .contact_text_alignment--right h2 { text-align: right; } .contact_text_alignment--center .contact_content p, .contact_text_alignment--center h2 { text-align: center; } .contact-template_contact_form { margin-bottom: 50px; } .contact_form.contact_text_position--center .contact_content { margin-bottom: 25px; } .contact_form .contact_image img { width: 100%; } /* #Home page - newsletter ================================================== */ .newsletter-section .newsletter-wrap { margin: 0 auto; padding: 40px 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .newsletter-section .newsletter-wrap.newsletter--left { -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: flex-start; } .newsletter-section .newsletter-wrap.newsletter--right { -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: flex-end; } .newsletter-section .newsletter-wrap.newsletter--right form.contact-form { -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: flex-end; } .newsletter-section .newsletter-wrap.newsletter--center { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } .newsletter-section .newsletter-wrap.newsletter--center form.contact-form { margin: 0 auto; } .newsletter-section .newsletter-wrap h2 { margin-bottom: 5px; } .newsletter-section .newsletter-wrap p { margin-bottom: 7px; } .newsletter-section .newsletter-wrap form.contact-form { padding-top: 0; } .newsletter-section .newsletter-wrap form.contact-form input.action_button { width: 120px; } @media (max-width: 798px) { .newsletter-section .newsletter-wrap form.contact-form input.action_button { width: 100%; } } @media (max-width: 798px) { .newsletter-section .newsletter-wrap { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } } .newsletter-section .text { max-width: 60%; } @media (max-width: 798px) { .newsletter-section .text { max-width: 100%; } } .newsletter-section .fullWidth--false .newsletter-wrap { margin: 0 10px; padding: 60px 40px; } @media (max-width: 798px) { .newsletter-section .fullWidth--false .newsletter-wrap { margin: 0; padding: 40px 20px; } .newsletter-section .fullWidth--false .newsletter-wrap .text { padding: 0px 10px; } } /* #Home page - Map ================================================== */ .maps iframe { pointer-events: none; display: block; } .page-contact .map--container { padding-top: 40px; } .map--container svg { height: 400px; } @media (max-width: 480px) { .map--container svg { height: 250px; } } .mapLayout { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } @media (max-width: 798px) { .mapLayout { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .mapLayout .placeholder-svg--banner { max-height: 400px; } .mapLayout.mapLayout--right { -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .mapLayout--display { width: 75%; -webkit-box-flex: 1 0 75%; -moz-box-flex: 1 0 75%; -webkit-flex: 1 0 75%; -ms-flex: 1 0 75%; flex: 1 0 75%; } @media (max-width: 798px) { .mapLayout--display { width: 100%; } } .mapLayout--display img.lazyloaded { width: 100%; max-height: 400px; -o-object-fit: cover; object-fit: cover; font-family: "object-fit: cover"; } @media (max-width: 798px) { .mapLayout--display img.lazyloaded { height: auto; } } .mapLayout--display iframe { height: 400px; } .mapLayout--display.mapLayout-hours--false { width: 100%; } .mapLayout--info { width: 25%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } @media (max-width: 798px) { .mapLayout--info { width: 100%; height: auto; } } .mapLayout--info .info { padding: 1.5rem; width: 100%; } .mapLayout--info .info p { margin-bottom: 0; } .mapLayout--info .info .action_button { margin-top: 20px; width: auto; padding: 10px 15px; line-height: 1.8; } .mapLayout--directions { max-width: 90%; margin: 20px auto; } /* #Home page - Image with text overlay ================================================== */ .banner-section { overflow: hidden; position: relative; } .banner-section .banner-section__image { margin: 0; width: 100%; display: block; } .banner-section .banner-section__caption { top: 50%; margin: 0; z-index: 3; width: 100%; position: absolute; color: #ffffff; text-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); pointer-events: none; } .banner-section .banner-section__caption .banner-section__caption-headline { font-family: "ITC Avant Garde Gothic", sans-serif; font-weight: 400; font-style: normal; color: #ffffff; font-size: 51px; margin-bottom: 0.2em; line-height: 56px; } @media (max-width: 798px) { .banner-section .banner-section__caption .banner-section__caption-headline { font-size: 1.5em; line-height: 1em; } } .banner-section .banner-section__caption .banner-section__caption-subtitle { font-family: Roboto, sans-serif; font-weight: 500; font-style: normal; text-transform: none; color: #ffffff; font-size: 25px; margin-bottom: 0; line-height: 1.5em; } @media (max-width: 798px) { .banner-section .banner-section__caption .banner-section__caption-subtitle { font-size: 1.2em; line-height: 1em; margin-bottom: 10px; } } .banner-section .banner-section__caption .banner-section__caption-button { width: auto; margin-top: 15px; padding: 10px 15px; line-height: 1.8; pointer-events: all; } @media (max-width: 798px) { .banner-section .banner-section__caption .banner-section__caption-button { margin-top: 5px; font-size: 12px; width: initial; } } .article .banner-section { margin-bottom: 2em; } /* #Home page - Slideshow ================================================== */ .slideshow { overflow: hidden; } .slideshow .slideshow__gallery-cell { width: 100%; } .slideshow .slideshow__gallery-cell .slideshow__gallery-cell-image { margin: 0; width: 100%; display: block; } .slideshow .slideshow__caption { top: 50%; margin: 0; z-index: 3; width: 100%; position: absolute; color: #ffffff; text-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); pointer-events: none; } .slideshow .slideshow__caption .container { opacity: 0; } .slideshow .slideshow__caption .container.text-animation--none { opacity: 1; } .slideshow .slideshow__caption .slideshow__caption-headline { font-family: "ITC Avant Garde Gothic", sans-serif; font-weight: 400; font-style: normal; color: #ffffff; font-size: 51px; margin-bottom: 0.2em; line-height: 56px; } @media (max-width: 798px) { .slideshow .slideshow__caption .slideshow__caption-headline { font-size: 1.5em; line-height: 1em; } } .slideshow .slideshow__caption .slideshow__caption-subtitle { font-family: Roboto, sans-serif; font-weight: 500; font-style: normal; text-transform: none; color: #ffffff; font-size: 25px; margin-bottom: 0; line-height: 1.5em; } @media (max-width: 798px) { .slideshow .slideshow__caption .slideshow__caption-subtitle { font-size: 1.2em; line-height: 1em; margin-bottom: 10px; } } .slideshow .slideshow__caption .slideshow__caption-button { width: auto; margin-top: 15px; padding: 10px 15px; line-height: 1.8; pointer-events: all; } @media (max-width: 798px) { .slideshow .slideshow__caption .slideshow__caption-button { margin-top: 5px; font-size: 12px; width: initial; } } .slideshow .flickity-page-dots { right: 5%; width: auto; bottom: 30px; } .slideshow .flickity-page-dots .dot { padding: 0; opacity: 1; width: 18px; height: 18px; margin: 0 7px; background-color: rgba(255, 255, 255, 0.3); } @media (max-width: 798px) { .slideshow .flickity-page-dots .dot { background-color: rgba(0, 0, 0, 0.3); } } .slideshow .flickity-page-dots .dot.is-selected { cursor: default; background-color: rgba(255, 255, 255, 0.7); } @media (max-width: 798px) { .slideshow .flickity-page-dots .dot.is-selected { background-color: rgba(0, 0, 0, 0.7); } } @media (max-width: 798px) { .slideshow .flickity-page-dots { bottom: auto; right: auto; position: relative; margin: 15px auto; } } .slideshow .flickity-button { color: #ffffff; border-radius: 0; background-color: rgba(0, 0, 0, 0.4); } .slideshow .flickity-button:hover { background-color: rgba(0, 0, 0, 0.6); } .slideshow .flickity-button.previous { left: -60px; } .slideshow .flickity-button.next { right: -60px; } .slideshow .flickity-button:active { box-shadow: none; } .slideshow .flickity-button .arrow { opacity: 1; } @media (max-width: 798px) { .slideshow .flickity-button { display: none; } } .slideshow:hover .flickity-prev-next-button.previous { left: 20px; } .slideshow:hover .flickity-prev-next-button.next { right: 20px; } .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; } .slideshow.slideshow-transition--fade .flickity-slider, .product-gallery.slideshow-transition--fade .product-gallery__main .flickity-slider { transform: none !important; } .slideshow.slideshow-transition--fade .product-gallery__image, .slideshow.slideshow-transition--fade .slideshow__gallery-cell, .product-gallery.slideshow-transition--fade .product-gallery__main .product-gallery__image, .product-gallery.slideshow-transition--fade .product-gallery__main .slideshow__gallery-cell { left: 0 !important; opacity: 0; transition: opacity 0.3s ease-in-out; z-index: -1; } .slideshow.slideshow-transition--fade .product-gallery__image.is-selected, .slideshow.slideshow-transition--fade .slideshow__gallery-cell.is-selected, .product-gallery.slideshow-transition--fade .product-gallery__main .product-gallery__image.is-selected, .product-gallery.slideshow-transition--fade .product-gallery__main .slideshow__gallery-cell.is-selected { opacity: 1; z-index: 0; } .full-width--false .slideshow__caption-content { padding: 0 20px; } .full-width--false .slideshow__caption .columns { margin: 0; } .full-width--false .align_center .slideshow__caption-content { padding: 0; } .testimonial-slideshow .flickity-page-dots { display: none; bottom: 20px; margin-top: 0; } @media (max-width: 798px) { .testimonial-slideshow .flickity-page-dots { display: block; } } /* #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; } .sidebar .sidebar_content .input-row input.action_button { width: 100%; } .blog_list { margin-left: 0; } .blog_list li { list-style: none; padding-left: 0; } .recent_articles li { padding-bottom: 10px; } .recent_articles a { font-size: 13px; padding-right: 15px; display: block; } .toggle span, .mobile_menu span { font-weight: bold; font-size: larger; float: right; display: none; } .mobile_menu span { display: block; padding: 8px 20px; cursor: pointer; color: white; } .toggle-all--true h4.toggle { cursor: pointer; } .toggle-all--true .toggle span { display: block; } .toggle-all--true .toggle_list { display: none; } @media (min-width: 799px) { .toggle-all--false .toggle_list { display: block !important; } } .menu-toggle { float: right; display: inline-block; cursor: pointer; padding: 1px 6px 0 6px; margin-right: 0; font-size: 12px; font-weight: bold; transition: transform 0.3s linear; } .menu-toggle.active { transform: rotate(-90deg); } @media (max-width: 798px) { .menu-toggle { font-size: 14px; } } .meta .label, .label { color: #808080; } .blog_meta, .blog_meta a { color: #808080; } .blog_meta a:hover { color: #080809; } .blog_meta p { padding-right: 40px; } .blog_meta span { position: relative; display: inline-block; margin-right: 15px; font-size: smaller; color: #808080; } .blog_meta span:after { content: ''; position: absolute; right: -16px; top: 50%; margin: -1px 5px 0; width: 4px; height: 4px; border-radius: 2px; background-color: #ced3d3; box-sizing: border-box; } .blog_meta span:last-child:after { background-color: transparent; } .tags span a { font-weight: bold; color: #604f40; } .blog_list li { list-style: none; } .count { font-style: normal; font-size: 13px; } #tag_filter, #sort-by { margin-bottom: 0; padding: 10px 30px 10px 12px; display: inline-block; } .excerpt { margin-top: -10px; line-height: 1.8em; position: relative; max-height: 9em; /* exactly five lines */ margin-bottom: 7px; overflow: hidden; } .excerpt-length--lg .truncation-fade { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; margin: 0; padding: 30px 0; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), white); } .excerpt-length--sm .truncation-fade { display: none; } .container div.tag_filter { display: none; } /* #Newsletter ================================================== */ .newsletter { margin: 0px auto; max-width: 640px; } .newsletter .message:empty { display: none; } .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 (max-width: 798px) { .input-row { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-left: 0px; margin-right: 0px; } } .input-row input { margin: 5px; max-height: 51px; min-width: 0; } @media (max-width: 798px) { .input-row input { margin: 5px 0; } } .input-row input[type="text"] { -webkit-flex-basis: 0; -moz-flex-basis: 0; -ms-flex-basis: 0; flex-basis: 0; -webkit-flex-grow: 2; -moz-flex-grow: 2; -ms-flex-grow: 2; flex-grow: 2; -webkit-flex-shrink: 2; -moz-flex-shrink: 2; -ms-flex-shrink: 2; flex-shrink: 2; } .input-row input[type="email"] { -webkit-flex-basis: 0; -moz-flex-basis: 0; -ms-flex-basis: 0; flex-basis: 0; -webkit-flex-grow: 2; -moz-flex-grow: 2; -ms-flex-grow: 2; flex-grow: 2; -webkit-flex-shrink: 2; -moz-flex-shrink: 2; -ms-flex-shrink: 2; flex-shrink: 2; } .input-row input.sign_up { display: inline-block; margin: 5px; -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; max-height: 51px; } @media (max-width: 798px) { .input-row input.sign_up { width: 100%; } } /* #Image Gallery ================================================== */ .gallery-section { text-align: center; } .gallery-section a { display: block; } .gallery-section img { width: 100%; height: auto; display: block; } .gallery-section .two-per-row { width: 50%; } @media (max-width: 798px) { .gallery-section .two-per-row { width: 100%; } } .gallery-section .three-per-row { width: 33.333%; } @media (max-width: 798px) { .gallery-section .three-per-row { width: 100%; } } .gallery-section .four-per-row { width: 25%; } @media (max-width: 798px) { .gallery-section .four-per-row { width: 100%; } } .gallery-section .gallery_image { display: block; float: left; margin: 0; } .gallery-section .add-padding { padding: 5px; } /* #Home page - Logo list ================================================== */ .logo-bar-section h2 { padding-bottom: 6px; } .logo-bar { text-align: center; margin-bottom: 20px; } .logo-bar .logo-bar__item { display: inline-block; vertical-align: middle; max-width: 160px; margin-top: 20px; margin-right: 25px; margin-left: 25px; } @media (max-width: 798px) { .logo-bar .logo-bar__item { margin-right: 15px; margin-left: 15px; } } /* #Rich text ================================================== */ .container img.richtext-logo { max-width: 200px; margin: 0px auto; display: block; } /* #Home page - Testimonials ================================================== */ .testimonial-section .featured-link--section:nth-child(odd) { -webkit-flex-direction: initial; -moz-flex-direction: initial; -ms-flex-direction: initial; flex-direction: initial; } .testimonial-section .featured-link--section:nth-child(odd) .featured-link--half { float: initial; } .testimonial-section .featured-link--half { background-color: #ffffff; } .testimonial-section .featured-link--half p, .testimonial-section .featured-link--half h2 { line-height: 1.8; color: #545454; } .testimonial-section .testimonial-image-right { -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .testimonial-section .testimonial-image-right:nth-child(odd) { -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } /* #Misc ================================================== */ .remove { color: #545454; } .half-bottom { margin-bottom: 10px !important; } .add-bottom { margin-bottom: 20px !important; } .right { float: right; position: relative; } .left { float: left; } .center { text-align: center; } .relative { position: relative; } .inline { display: inline; } h2.align_right { text-align: right; } .align_right { text-align: right; } h2.align_left { text-align: left; } .align_left { text-align: left; } .align_center { text-align: center; } .container div.mobile_only { display: none; } .no_border { border: none !important; } .extra_padding { padding-top: 4px; } .hidden { display: none; } div#gift-card-outer-container { background-color: #eee; } .warning { clear: both; padding-top: 20px; text-align: center; } #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; } .visuallyhidden { position: absolute !important; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } .image-with-text-section .grid-layout--standard { padding: 20px 0px; } .banner-option .headline { padding-top: 20px; } .banner-option .header-section { padding-bottom: 0; } .banner-option .wide_display--false { padding-top: 20px; } /* #Site Styles ================================================== */ .container { margin: 0 auto; } div.content { padding: 15px 0px 0px 0px; } .logo a { margin: 0; padding-top: 5px; display: block; } div.section { margin: 10px 0; } div.homepage_content { padding: 10px 0; } .featured-content-section { background-color: #ffffff; } .headline-section { background-color: #ffffff; } .headline-section .action_button { line-height: 1.8; width: auto; } @media (max-width: 798px) { .headline-section .action_button { padding: 15px 20px; } } div.product_section { margin: 5px 0; } .breadcrumb { margin-bottom: 1em; } .breadcrumb .prev, .breadcrumb .next { border: solid 1px #d8d8d8; color: #545454; margin: 5px 0 5px 8px; padding: 5px 12px; font-size: 12px; display: inline-block; min-width: 1em; border-radius: 5px; } .breadcrumb .prev:before, .breadcrumb .next:before { margin-right: 0; } .breadcrumb .prev:hover, .breadcrumb .prev:active, .breadcrumb .next:hover, .breadcrumb .next:active { background-color: #f7f7f7; color: #604f40; } .breadcrumb .icon-caret-right { top: -2px; font-size: 10px; position: relative; } #category { width: 100%; } .featured_content p { margin-bottom: 0; } .featured_text { font-size: 22px; } .paginate { text-align: center; } .paginate span, a.tag { border: solid 1px #d8d8d8; margin: 10px 5px; padding: 5px 10px; display: inline-block; min-width: 1em; border-radius: 5px; } a.tag { font-size: smaller; padding: 4px 6px; margin: 5px 2px 5px 0; } .paginate span:hover, a.tag:hover { color: #080809; } .paginate .current { background-color: #f2f2f2; } .paginate .deco { border: none; } /* #Thumbnails ================================================== */ .thumbnail { position: relative; margin-bottom: 1em; } .thumbnail a { display: block; padding-bottom: 0.5em; color: #545454; } .thumbnail a:hover { color: #604f40; } .thumbnail .vendor { font-size: 13px; font-weight: bold; letter-spacing: 0.5px; text-transform: uppercase; } .thumbnail img { transition: all 500ms ease 0s; } .thumbnail:hover img { opacity: 0.5; } .thumbnail .image__container { margin-bottom: 15px; } .thumbnail a img, .thumbnail a svg { display: block; margin-left: auto; margin-right: auto; } /* Swap to second image on hover */ .modal_price { font-weight: bold; color: #545454; } .thumbnail .sale, .sale { color: #be8a2b; } /* #Stickers ================================================== */ .sticker-holder { position: absolute; top: 0; left: 0; } .thumbnail-sticker { padding: 15px; font-weight: 500; text-align: center; letter-spacing: 1px; text-transform: uppercase; font-family: "ITC Avant Garde Gothic", sans-serif; } .thumbnail-sticker.sale-sticker { background-color: black; color: white; } .thumbnail-sticker.new-sticker { background-color: black; color: white; } .thumbnail-sticker.comingsoon-sticker { background-color: black; color: white; } .thumbnail-sticker.preorder-sticker { background-color: black; color: white; } .sticker-text { display: block; line-height: 1; font-size: 1em; } @media (max-width: 798px) { .sticker-text { font-size: 0.8em; } } @media (max-width: 798px) { .sticker-holder--mobile .sticker-text { font-size: 0.6em; } } /* Padding to add 50px gutter between image and description */ .product__description--right { padding-left: 50px; } @media (max-width: 959px) { .product__description--right { padding-left: 25px; } } @media (max-width: 798px) { .product__description--right { padding-left: 0; } } .product__description--left { padding-right: 50px; } @media (max-width: 959px) { .product__description--left { padding-right: 25px; } } @media (max-width: 798px) { .product__description--left { padding-right: 0; } } .thumbnail .info { text-align: center; } .thumbnail .price { display: block; font-weight: bold; color: #789048 !important; } .collection_swatches { text-align: center; } .checkout_table_header h4 { margin-bottom: 12px; } .cart_price { float: right; text-align: right; padding-left: 20px; font-weight: bold; display: none; } .tos_checkbox { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .tos_checkbox p { margin-bottom: 0; margin-left: 5px; text-align: left; line-height: 1.4em; } .tos_checkbox label.tos_label { font-weight: normal; } .excluding_tax, #estimated-shipping { display: block; } a.cart_image { display: block; max-width: 100px; } .cart_image img { float: left; margin-right: 20px; max-width: 100px; } .quantity_label { display: none; } .price-total-text { font-weight: bold; display: none; } .was_price { text-decoration: line-through; color: #808080; font-style: italic; text-shadow: none; font-weight: normal; } .thumbnail .quick_shop_container { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; text-align: center; } .thumbnail .quick_shop { display: none; background-color: #303030; color: #fff; font-family: "ITC Avant Garde Gothic", sans-serif; font-weight: bold; font-size: 15px; text-transform: uppercase; letter-spacing: 1px; padding: 10px 15px; line-height: 1.8; } .thumbnail .quick_shop:hover { color: #fff; background-color: #be8a2b; } .thumbnail:hover .quick_shop { display: inline; } .thumbnails a { display: block; margin-bottom: 1em; } .arrow { font-size: smaller; position: relative; top: -1px; left: 2px; opacity: 0.6; } .modal { margin: 10px 0; display: none; background-color: #ffffff; color: #545454; } .modal_product { width: auto; line-height: 0px; max-width: 940px; } .modal_product img { cursor: pointer; } .modal_image { text-align: center; } .modal_image img { max-height: 500px; } .modal p.modal_price, p.modal_price { font-size: 22px; margin-bottom: 1em; } .modal form { margin-bottom: 10px; } .notify_form .submit { padding: 8px 8px !important; } .product_image_col { margin-top: 15px; text-align: center; } .product_image { text-align: center; margin-bottom: 0.75em; } .meta { font-size: 13px; } .meta p { font-size: 13px; margin-bottom: 0px; } p.meta { margin-bottom: 10px; } .comment-body p.meta { margin-bottom: 5px; } /* Sidebar */ .sidebar_title { margin-bottom: 0; } .sidebar ul > li { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; } .sidebar ul > li a { max-width: 80%; } .sidebar ul > li ul { -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-basis: 100%; flex-basis: 100%; } .content_block { padding-right: 15px; } .sidebar .newsletter { margin-bottom: 25px; } .sidebar .newsletter .sign_up { margin-left: 0; width: 100%; } .sidebar p { font-size: 13px; } .sidebar .search { padding-top: 8px; } .sidebar .search input { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .section_select { float: right; text-align: right; margin-left: 15px; } @media (max-width: 798px) { .section_select { width: 100%; margin-left: 0; } } .checkout { display: block; float: right; margin-top: 0px; } .or { font-size: smaller; font-style: italic; padding: 0 10px; } input.quantity { padding: 14px 8px; width: 60px; display: inline; margin-bottom: 1em; } .inline_purchase { display: inline-block; margin-left: 20px; margin-top: 28px; } .inline_purchase .add_to_cart { float: left; margin-top: 0; } .subtotal, .discount { text-align: right; } @media (max-width: 798px) { .subtotal, .discount { text-align: left; margin-bottom: 0; border-bottom: none; padding-bottom: 0; } } .subtotal, .subtotal-price, .discount, .discount-price { margin-top: 0; } .discount-price { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .price-total { min-height: 48px; /* Match the minimum height of the quantity box. */ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } .price-total .price-total__container { width: 100%; } .mobile_left { text-align: right; } .article, .article_image { padding-bottom: 15px; } .article img, .article svg { margin-bottom: 15px; } body.article { padding-bottom: 0; } .sidebar_content { border-left: solid 1px #d8d8d8; padding-left: 20px; } .sidebar .newsletter { margin-bottom: 20px; } .comment { margin-bottom: 20px; } .comment-body h6 { padding-bottom: 0.25em; } .comment-form input { width: 100%; } .social_buttons a { display: inline-block; line-height: 32px; padding: 0 12px; color: #545454; border: 1px solid #d8d8d8; margin: 8px 8px 8px 0; font-size: 13px; border-radius: 5px; -webkit-transition: all .1s linear; -moz-transition: all .1s linear; -o-transition: all .1s linear; -ms-transition: all .1s linear; transition: all .1s linear; } .items_left p { margin-bottom: 0; } .gravatar { width: 100px !important; } .gravatar img { width: 80px; height: 80px; margin-bottom: 15px; -webkit-border-radius: 40px; -khtml-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; border-radius: 40px; } .red { color: #C33; } .address p { margin-bottom: 5px; } div#disqus_thread ul, div#disqus_thread li { border: none; } .search_page { padding: 40px 0 60px 0; } .search_page--no-results .search-field { line-height: 1.7; } @media (max-width: 798px) { .search_page--no-results .search-field { width: 100%; } } /* Size chart */ .size_chart { float: right; font-family: Roboto, sans-serif; font-size: smaller; position: relative; top: 4px; } .size_chart_content { display: none; padding: 10px 20px; } /* #Policy Pages ================================================== */ .container .shopify-policy__container { padding-left: 0; padding-right: 0; max-width: 1180px; } .container .shopify-policy__container .shopify-policy__title { text-align: left; padding-bottom: 20px; margin-bottom: 1.5em; border-bottom: solid 1px #d8d8d8; } .container .shopify-policy__container .shopify-policy__title h1 { display: inline; margin-bottom: 0; } /* #Password Page ================================================== */ #password-page-bg { background-color: #000000; color: #ffffff; background-repeat: no-repeat; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #password-container { margin: 55px auto 0; max-width: 100%; display: table; text-align: center; display: table; } #password-container h1 { color: #be8a2b; } .password-page-row { display: table-row; width: 100%; height: 100%; margin: 0 auto; } .password-page-col { display: table-cell; vertical-align: middle; padding: 15px 30px; width: 100%; } .password-page-name { color: #ffffff; } .password-page-message { margin: 0 auto 25px; line-height: initial; text-transform: uppercase; padding: 15px 0px 15px 0px; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; font-size: 26px; color: #be8a2b; } .password-page-follow { color: #be8a2b; text-align: center; font-size: 18px; margin-bottom: 0px; margin-top: 20px; } .password-logo { max-width: 240px; margin: 0px auto; } .password-message { max-width: 600px; } .hr-small { margin: 20px auto; width: 50px; } .password_spread { padding: 0px; } .password-social .social-icons li { display: inline-block; } .password-social .social-icons { margin: 0px; } .password-social .social-icons a, .password-social .social-icons a:visited, .password-social .social-icons a:active, .password-social .social-icons a:hover { color: #ffffff; font-size: 17px; padding: 0px; height: 42px; width: 42px; line-height: 42px; text-align: center; display: inline-block; } .password-social .social-icons a:before, .password-social .social-icons a:visited:before, .password-social .social-icons a:active:before, .password-social .social-icons a:hover:before { margin-right: 0px; } .password-footer { margin-top: 15px; margin-bottom: 40px; font-size: 14px; font-weight: bold; color: #ffffff; text-align: center; } #password-page-bg .powered { margin-top: 0px; } .powered { display: block; margin-top: 15px; } .password-footer a { color: #ffffff; text-decoration: none; } .shopify a { background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAYAAADUryzEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA0JJREFUeNqMU81vG0UU/83sR73YG+M4xrHj4jj9UCFNSaGlQQUhhFBRpXIo6jEHQFXFAbhy4B/gioTgzgGV7ws5IAoqUgUSoWoIaZJGpGpMHDuptf5a7+fM8nZpJaRy4M0+jd7szO/93u/NsAsX5vFvi6IInHNUq5NnstnsqXp96xur3f392HNlrIcLePHkS8hlTchIJvtVSTOjIaSAwhkiGsXi+BudjjVp28Oj+XzhrPDZh5qqfoIQD5j6wrxHCAJ6UMXVr3pgnB0c9O2843jrE5XMtZER47GTp+bOqfn++d9+Ct5TuLrCGAcjpgnAWEVSdg8HSyWUzTl8v7D08szxSltPB6/OPDWeW/q1caI2O0zfbrThBM7pjdbiz9PG7LsK01epYKiCaMlIQadnHag9UZ2vbuqvl47tVMwcY3fdFjLFCIHksB0bQojCTmfzlWyHf53S0qsyigESMRS0uqtvNbs330nXNHhRAWl3ChnNhLG/jzBy4fg27pGG5TSqWsARV6EGwk+WScgymIQ5auLpyTdRHj2arC//9QXuDpfgeDYkQcgoZixq4DKuAGoo7wEwVg5DD3PVt1EafRzL21/C0HJo9f4gYUO4gZNkFMk5Nkli3wcI4vP7yIvxhsLIIXhBHzfqlzHwWihkDiNjPEwlDJNE/zDABGPQKfR5QAzI8wRU9IWNurWIlJbF+dmP8Ig5ja67Az8cwvWdmCVi4YSMSlTzODjAQxGAvCZkaIpI4MeN97Fc/xbpfXk8WXmNqPcw9C1idR8gKSNN06GYEScZYwZVJ+xj/8hpPJp9HmvNK/Bd6g0zEXfJ9rvEwE0A4qbFLOibimN15RcLR57JVFx7iLGHpvFs9RJ8QZvofmzsXoEXDqAqWiIiyUaAUSIkBTVVY1BuXuth6rhxcaxizDb619EcrGPg7+JG8zJWdj8HZwplk7hTHyDiKrU5BVWXyKT57ncfNz9TRBjxrRWn3/zT2+7seV7DWuabnR+MTrCm6ikNnLLEL3R720dmQkMqFz8dia3rdmvhg8an7MH3hZRhKuVsQTtcPmCcGK+lZvLl1JEdK9T7PW9t75a72L7tXh3sBbdEELXxP00h1//rx98CDACS7p3N/ZPUwQAAAABJRU5ErkJggg==); padding-left: 21px; color: #ffffff; text-decoration: none; } /* Password Page Modal CSS */ .controls { display: block; margin: 1em 2em 1em auto; text-align: right; text-transform: uppercase; position: relative; } #open-me a { color: #ffffff; font-weight: bold; font-size: 15px; } .close-me { z-index: 8000; } .close-me a { color: #000; } .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; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; visibility: 0s 0.5s; transition: opacity 0.5s, visibility 0s 0.5s; } .overlay-open { opacity: 1; visibility: visible; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } .inputbox { margin: 0px auto; max-width: 95%; 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; } .storefront-password-form label { font-size: 0.9em; margin: 0 0 1em 0; } .storefront-password-form .actions { display: inline-block; } .storefront-password-form #password { width: 80%; display: inline-block; } #owner { font-size: 0.9em; margin-top: -1em; opacity: 0.8; } .pass-close { color: #000 !important; padding: 0 !important; margin: 1em !important; position: absolute !important; top: 0px !important; right: 0px !important; } @media screen and (min-width: 320px) and (max-width: 440px) and (max-height: 667px) { .modalbox { display: block; width: 414px !important; max-width: 100%; text-align: center; } .pass-close { display: block; margin: 0.65em -0.15em 1em 0 !important; } } /* #Product Details ================================================== */ div.product-details .action_button { width: auto; } div.product-details img { width: 100%; } div.product-details img.rich-image { width: auto; margin-bottom: 20px; } div.product-details .product-divider { margin: 20px 0px; opacity: 0; border-color: #d8d8d8; } div.product-details .active-divider { opacity: 1; } div.product-details .feature_divider_left { margin: 25px 0px 25px 0px; } div.product-details .detail_title { line-height: initial; font-size: 51px; margin-bottom: 0.3em; font-family: "ITC Avant Garde Gothic", sans-serif; font-weight: 400; text-transform: none; color: #f9cca7; display: block; letter-spacing: 0px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media (max-width: 798px) { div.product-details .detail_title { font-size: 25px; } } div.product-details .gallery--thumbnail.column { margin-top: 10px; margin-bottom: 10px; } /* #Swatch Styles ================================================== */ .product_section .product_form { opacity: 0; transition: opacity 0.2s ease; } .product_section .product_form.is-visible { opacity: 1; } .selector-wrapper, .select { display: none; } .swatch_options { margin-bottom: 1em; } .swatch .option_title { margin: 0.5em 0; font-weight: bold; } /* Hide radio buttons.*/ .swatch input { display: none; } .swatch label { float: left; min-width: 25px; height: 35px; margin: 0; font-size: 13px; text-align: center; line-height: 35px; white-space: nowrap; text-transform: uppercase; cursor: pointer; padding: 0 10px; font-weight: bold; } .swatch .color label { min-width: 34px; height: 26px; line-height: 26px; background-position: center; background-size: cover; } .swatch-element { border: #e2e2e2 1px solid; border-radius: 5px; } .swatch-element.color { padding: 5px; } .swatch-element.color, .swatch-element.color label { border: #e2e2e2 1px solid; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .swatch-element.color { border-color: transparent; } .color.swatch-element label { padding: 0; } .swatch_options input:checked + .swatch-element { border-color: #666; } .swatch .swatch-element { float: left; -webkit-transform: translateZ(0); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin: 0px 10px 15px 0; position: relative; } .crossed-out { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .swatch .swatch-element .crossed-out { display: none; } .swatch .swatch-element.soldout .crossed-out { display: block; height: 100%; width: 100%; } .swatch .swatch-element.soldout label { filter: alpha(opacity=60); -khtml-opacity: 0.6; -moz-opacity: 0.6; opacity: 0.6; } /* Tooltips */ .swatch .tooltip { text-align: center; background: #333; background: rgba(51, 51, 51, 0.9); color: #fff; bottom: 100%; padding: 5px 10px; display: block; position: absolute; width: 120px; font-size: 13px; left: -35px; margin-bottom: 15px; /* Make it invisible by default */ filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; visibility: hidden; /* Animations */ -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -ms-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); z-index: 10000; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .swatch .tooltip:before { bottom: -20px; content: " "; display: block; height: 20px; left: 0; position: absolute; width: 100%; } /* CSS triangle */ .swatch .tooltip:after { border-left: solid transparent 10px; border-right: solid transparent 10px; border-top: solid rgba(51, 51, 51, 0.9) 10px; bottom: -10px; content: " "; height: 0; left: 50%; margin-left: -13px; position: absolute; width: 0; } .swatch .swatch-element:hover .tooltip { filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; visibility: visible; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } /* #Footer ================================================== */ div.footer { background-color: #ffffff; border-top: solid 1px #ffffff; font-size: 14px; line-height: 1.7em; color: #000000; padding: 25px 0; margin-top: 2em; background-image: url("bg-text.png-v=14456793918406277046.png"/*tpa=https://cdn.shopify.com/s/files/1/0426/0927/9131/t/2/assets/bg-text.png?v=14456793918406277046*/); } @media (max-width: 480px) { div.footer { text-align: center; } } .index div.footer { margin-top: 0; } .footer p { margin-bottom: 10px; } .footer a { color: #574b41; } .footer a:hover { color: #f9cca7; } .contact-form { margin-bottom: 0; } form.search { margin-bottom: 10px; } input.search_box { padding: 10px 15px 10px 35px; background: white url("search.jpg-v=1453543429273817354.jpg"/*tpa=https://cdn.shopify.com/s/files/1/0426/0927/9131/t/2/assets/search.jpg?v=1453543429273817354*/) no-repeat 12px 50%; border: solid 1px #d8d8d8; border-radius: 5px; margin-bottom: 0px; } .search_box:focus { background-color: #fff; } .payment_methods { opacity: 0.8; margin: 4px 0 6px 0; filter: alpha(opacity=80); } .payment_methods svg { width: 48px; height: 30px; padding-right: 4px; } .credits_right { text-align: right; } @media (max-width: 798px) { .credits_right { text-align: left; } } .icons { list-style: none outside; margin-left: 0; border: 0; } .footer .social-icons li { border: 0; float: left; padding: 0 0 8px 0; } .footer ul { list-style: none outside; margin-left: 0; } @media (max-width: 480px) { .footer ul { display: inline-block; margin: 0 auto; max-width: 300px; } } .footer li { padding: 6px 0; list-style: none outside none; margin-bottom: 0; } .footer ul.footer_menu li:first-child { margin-left: 0; padding-top: 0; } .product_slider { margin-bottom: 1em; } .homepage_content { padding: 10px 0; } .index-sections .image-with-text-overlay-section:last-child { margin-bottom: 0; } .product .featured-link--half .collection_title, [class*="product"] .featured-link--half .collection_title { font-size: 2vw; } @media (max-width: 798px) { .product .featured-link--half .collection_title, [class*="product"] .featured-link--half .collection_title { font-size: inherit; } } .product .columns.product-image--align-right, [class*="product"] .columns.product-image--align-right { float: right; } /* Currency / language switcher in footer */ @media (max-width: 798px) { #footer__selector-form .selectors-form__wrap { -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: flex-start; } } #footer__selector-form .selectors-form__item { margin-left: 15px; } @media (max-width: 798px) { #footer__selector-form .selectors-form__item { margin-left: 0; margin-right: 15px; } } #footer__selector-form .disclosure { padding-top: 10px; margin-top: -10px; } /* #Quick shop ================================================== */ .quick-shop { 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; } .quick-shop .quick-shop__product-gallery, .quick-shop .quick-shop__product-description { width: calc(50% - 25px); } .fancybox-quickshop .fancybox-close { top: 10px; right: 10px; } /* #Flickity ================================================== */ /*! Flickity v2.2.1 https://flickity.metafizzy.co ---------------------------------------------- */ .flickity-enabled { position: relative; } .flickity-enabled:focus { outline: 0; } .flickity-viewport { overflow: hidden; position: relative; height: 100%; } .flickity-slider { position: absolute; width: 100%; height: 100%; } .flickity-enabled.is-draggable { -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .flickity-enabled.is-draggable .flickity-viewport { cursor: move; cursor: -webkit-grab; cursor: grab; } .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down { cursor: -webkit-grabbing; cursor: grabbing; } .flickity-button { position: absolute; background: rgba(255, 255, 255, 0.75); border: none; color: #333; } .flickity-button:hover { background: #fff; cursor: pointer; } .flickity-button:focus { outline: 0; box-shadow: 0 0 0 5px #19f; } .flickity-button:active { opacity: .6; } .flickity-button:disabled { opacity: .3; cursor: auto; pointer-events: none; } .flickity-button-icon { fill: currentColor; } .flickity-prev-next-button { top: 50%; width: 44px; height: 44px; border-radius: 50%; transform: translateY(-50%); } .flickity-prev-next-button.previous { left: 10px; } .flickity-prev-next-button.next { right: 10px; } .flickity-rtl .flickity-prev-next-button.previous { left: auto; right: 10px; } .flickity-rtl .flickity-prev-next-button.next { right: auto; left: 10px; } .flickity-prev-next-button .flickity-button-icon { position: absolute; left: 20%; top: 20%; width: 60%; height: 60%; } .flickity-page-dots { position: absolute; width: 100%; bottom: -25px; padding: 0; margin: 0; list-style: none; text-align: center; line-height: 1; } .flickity-rtl .flickity-page-dots { direction: rtl; } .flickity-page-dots .dot { display: inline-block; width: 10px; height: 10px; margin: 0 8px; background: #333; border-radius: 50%; opacity: .25; cursor: pointer; } .flickity-page-dots .dot.is-selected { opacity: 1; } /* flickity-fade */ .flickity-enabled.is-fade .flickity-slider > * { pointer-events: none; z-index: 0; } .flickity-enabled.is-fade .flickity-slider > .is-selected { pointer-events: auto; z-index: 1; } /* #Product Slider Custom Styles ================================================== */ .flickity-viewport { width: 100%; } .product-gallery:hover .flickity-prev-next-button { opacity: 1; } .product-gallery .product-gallery__main .flickity-prev-next-button { transition: all 0.3s ease-in-out; } .product-gallery .product-gallery__main .flickity-prev-next-button:hover { color: #333333; } @media screen and (max-width: 580px) { .product-gallery .product-gallery__main .flickity-prev-next-button { opacity: 1; top: 100%; padding: 0; z-index: 30; transform: none; opacity: 0.5; background: none; } .product-gallery .product-gallery__main .flickity-prev-next-button:hover { opacity: 1; } .product-gallery .product-gallery__main .flickity-prev-next-button .flickity-button-icon { height: 30px; width: 30px; fill: #545454; } .product-gallery .product-gallery__main .flickity-prev-next-button.next { right: 30%; } .product-gallery .product-gallery__main .flickity-prev-next-button.previous { left: 30%; } } .product-gallery .flickity-page-dots { display: none; } /* Thumbnail Gallery Styles ================================================== */ .product-gallery__thumbnails .product-gallery__thumbnail { width: calc(25% - 10px); margin: 0 5px; } .product-gallery__thumbnails .product-gallery__thumbnail img { max-width: 100%; height: auto; } .product-gallery__thumbnails.is-slide-nav--true .product-gallery__thumbnail { position: relative; opacity: 0.3; cursor: grab; } .product-gallery__thumbnails.is-slide-nav--true .product-gallery__thumbnail.is-nav-selected { opacity: 1; } @media screen and (min-width: 580px) { .product-gallery__thumbnails.is-slide-nav--true.product-gallery__thumbnails--right-thumbnails, .product-gallery__thumbnails.is-slide-nav--true.product-gallery__thumbnails--left-thumbnails { overflow-y: auto; overflow-x: hidden; scrollbar-width: none; /* Firefox */ -ms-overflow-style: none; /* IE 10+ */ } .product-gallery__thumbnails.is-slide-nav--true.product-gallery__thumbnails--right-thumbnails::-webkit-scrollbar, .product-gallery__thumbnails.is-slide-nav--true.product-gallery__thumbnails--left-thumbnails::-webkit-scrollbar { /* WebKit */ width: 0; height: 0; } } .product-gallery__thumbnails.is-slide-nav--false { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .product-gallery__thumbnails.is-slide-nav--false.product-gallery__thumbnails--bottom-thumbnails { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } .product-gallery__thumbnails.is-slide-nav--false.product-gallery__thumbnails--bottom-thumbnails .product-gallery__thumbnail { margin-bottom: 20px; line-height: 0; } @media screen and (min-width: 580px) { .product-gallery__thumbnails.product-gallery__thumbnails--bottom-thumbnails { margin-top: 20px; } } .product-gallery__thumbnails.product-gallery__thumbnails--right-thumbnails, .product-gallery__thumbnails.product-gallery__thumbnails--left-thumbnails { padding-top: 20px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } @media screen and (min-width: 580px) { .product-gallery__thumbnails.product-gallery__thumbnails--right-thumbnails, .product-gallery__thumbnails.product-gallery__thumbnails--left-thumbnails { -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: flex-start; -webkit-align-self: flex-start; -moz-align-self: flex-start; -ms-align-self: flex-start; align-self: flex-start; display: block; width: 100%; padding-top: 0; } .product-gallery__thumbnails.product-gallery__thumbnails--right-thumbnails .product-gallery__thumbnail, .product-gallery__thumbnails.product-gallery__thumbnails--left-thumbnails .product-gallery__thumbnail { width: 100%; margin: 0; } .product-gallery__thumbnails.product-gallery__thumbnails--right-thumbnails .product-gallery__thumbnail:last-child, .product-gallery__thumbnails.product-gallery__thumbnails--left-thumbnails .product-gallery__thumbnail:last-child { margin-bottom: 0; } .product-gallery__thumbnails.product-gallery__thumbnails--right-thumbnails .product-gallery__thumbnail:before, .product-gallery__thumbnails.product-gallery__thumbnails--left-thumbnails .product-gallery__thumbnail:before { line-height: 0; color: transparent; display: block; text-align: center; content: counter(carousel-cell); } } @media screen and (max-width: 580px) { .product-gallery__thumbnails { padding-top: 0px; margin-top: 60px; } } @media screen and (min-width: 580px) { .product-gallery--right-thumbnails:not(.product-gallery--media-amount-1), .product-gallery--left-thumbnails:not(.product-gallery--media-amount-1) { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .product-gallery--right-thumbnails:not(.product-gallery--media-amount-1) .product-gallery__main, .product-gallery--left-thumbnails:not(.product-gallery--media-amount-1) .product-gallery__main { width: 85%; height: 100%; } .product-gallery--right-thumbnails:not(.product-gallery--media-amount-1) .product-gallery__thumbnails, .product-gallery--left-thumbnails:not(.product-gallery--media-amount-1) .product-gallery__thumbnails { width: 12%; /* Specific width to accommodate thumbnail margin */ } .product-gallery--right-thumbnails:not(.product-gallery--media-amount-1) .product-gallery__thumbnail, .product-gallery--left-thumbnails:not(.product-gallery--media-amount-1) .product-gallery__thumbnail { width: 100% !important; margin-bottom: 10px; } .product-gallery--right-thumbnails:not(.product-gallery--media-amount-1) .product-gallery__thumbnail:last-child, .product-gallery--left-thumbnails:not(.product-gallery--media-amount-1) .product-gallery__thumbnail:last-child { margin-bottom: 0; } } @media screen and (min-width: 580px) { .product-gallery--right-thumbnails:not(.product-gallery--media-amount-1) .product-gallery__thumbnails { margin-left: 20px; } } @media screen and (min-width: 580px) { .product-gallery--left-thumbnails:not(.product-gallery--media-amount-1) .product-gallery__main { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; } .product-gallery--left-thumbnails:not(.product-gallery--media-amount-1) .product-gallery__thumbnails { margin-right: 20px; -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; } } @media screen and (max-width: 580px) { .product-gallery__thumbnails--false { margin-bottom: 3em; } } @media screen and (min-width: 580px) { .product-gallery.display-arrows--false .flickity-viewport:hover .flickity-prev-next-button, .product-gallery.display-arrows--false .flickity-prev-next-button { display: none !important; } } .product-gallery__main, .product-gallery__thumbnails.is-slide-nav--true { opacity: 0; transition: ease-in-out 0.2s opacity; } .product-gallery__main.flickity-enabled, .product-gallery__main.vertical-slider-enabled, .product-gallery__thumbnails.is-slide-nav--true.flickity-enabled, .product-gallery__thumbnails.is-slide-nav--true.vertical-slider-enabled { opacity: 1; } .product-gallery__image { width: 100%; height: auto; visibility: hidden; } .product-gallery__image.is-selected { visibility: visible; } .product-gallery__image:focus { outline: -webkit-focus-ring-color auto 5px; } .product-gallery__image img { width: 100%; height: auto; display: block; } .product-gallery__thumbnail img { max-width: 100%; height: auto; } .product-gallery__link { display: block; } .product-gallery__link:focus { outline: -webkit-focus-ring-color auto 5px; } .product_section.media-position--right { -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } @media screen and (max-width: 768px) { .product_section.media-position--left, .product_section.media-position--right { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } /* #Content Creator ================================================== */ /* Slideshow */ .flickity-slider > li { width: 100%; text-align: center; list-style-type: none; } .flexslider { overflow: hidden; position: relative; } .flexslider .flickity-button { color: #ffffff; border-radius: 0; background-color: rgba(0, 0, 0, 0.4); } .flexslider .flickity-button:hover { background-color: rgba(0, 0, 0, 0.6); } .flexslider .flickity-button.previous { left: -60px; } .flexslider .flickity-button.next { right: -60px; } .flexslider .flickity-button:active { box-shadow: none; } .flexslider .flickity-button .arrow { opacity: 1; } .flexslider .flickity-button .flickity-prev-next-button { opacity: 0; background: transparent; } .flexslider .flickity-prev-next-button.arrow-is-inverse .flickity-button-icon { -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .flexslider:hover .flickity-prev-next-button.previous { left: 20px; } .flexslider:hover .flickity-prev-next-button.next { right: 20px; } /* #Fancybox ================================================== */ /*! fancyBox v2.1.2 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background-color: #ffffff; color: #545454; text-shadow: none; border-radius: 5px; } .fancybox-opened { z-index: 8030; } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -306px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { background: white url("fancybox_loading.gif-v=3840824444089752909.gif"/*tpa=https://cdn.shopify.com/s/files/1/0426/0927/9131/t/2/assets/fancybox_loading.gif?v=3840824444089752909*/) center center no-repeat; background-size: 35px 35px; width: 50px; height: 50px; border-radius: 5px; } .fancybox-close { position: absolute; top: 3px; width: 35px; height: 35px; line-height: 35px; text-align: center; cursor: pointer; z-index: 8040; font-size: 18px; color: #545454; opacity: 0.6; transition: all .3s ease; } .newsletter_popup--image-left .fancybox-close { right: 3px; } .newsletter_popup--image-right .fancybox-close { left: 3px; } .fancybox-close span:before { margin-right: 0; } .gallery .fancybox-skin { padding: 0 !important; /* Overwrite Fancybox padding */ } .gallery .fancybox-close { top: 0; right: 0; color: #fff; background-color: rgba(0, 0, 0, 0.4); } .gallery .fancybox-close:hover { background-color: rgba(0, 0, 0, 0.6); } .fancybox-close:hover { opacity: 0.8; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; margin-top: -20px; cursor: pointer; z-index: 8040; visibility: hidden; width: 60px; height: 60px; font-size: 30px; color: #fff; display: block; opacity: 0; transition: all .3s ease; background-color: rgba(0, 0, 0, 0.4); text-align: center; line-height: 60px; } .fancybox-nav span:before { margin-right: 0; } .fancybox-prev span { left: 20px; } .fancybox-next span:before { left: -5px; } .fancybox-prev span:before { right: 5px; } .fancybox-prev span:hover, .fancybox-next span:hover { background-color: rgba(0, 0, 0, 0.6); } .fancybox-next span { right: 20px; } .fancybox-nav:hover span { visibility: visible; opacity: 1; } .fancybox-tmp { position: absolute; top: -9999px; left: -9999px; visibility: hidden; } /* Overlay helper */ .fancybox-lock { overflow: hidden; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background-color: rgba(0, 0, 0, 0.6); transition: all .1s linear; } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { display: none; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, 0.8); } /* #Plyr ================================================== */ @keyframes plyr-progress { to { background-position: 25px 0; } } @keyframes plyr-popup { 0% { opacity: .5; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } @keyframes plyr-fade-in { from { opacity: 0; } to { opacity: 1; } } .plyr { -moz-osx-font-smoothing: auto; -webkit-font-smoothing: subpixel-antialiased; direction: ltr; font-family: Avenir,"Avenir Next","Helvetica Neue","Segoe UI",Helvetica,Arial,sans-serif; font-variant-numeric: tabular-nums; font-weight: 500; line-height: 1.7; max-width: 100%; min-width: 200px; position: relative; text-shadow: none; transition: box-shadow .3s ease; } .plyr audio, .plyr video { border-radius: inherit; height: auto; vertical-align: middle; width: 100%; } .plyr button { font: inherit; line-height: inherit; width: auto; } .plyr:focus { outline: 0; } .plyr--full-ui { box-sizing: border-box; } .plyr--full-ui *, .plyr--full-ui ::after, .plyr--full-ui ::before { box-sizing: inherit; } .plyr--full-ui a, .plyr--full-ui button, .plyr--full-ui input, .plyr--full-ui label { touch-action: manipulation; } .plyr__badge { background: #4a5764; border-radius: 2px; color: #fff; font-size: 9px; line-height: 1; padding: 3px 4px; } .plyr--full-ui ::-webkit-media-text-track-container { display: none; } .plyr__captions { animation: plyr-fade-in .3s ease; bottom: 0; color: #fff; display: none; font-size: 14px; left: 0; padding: 10px; position: absolute; text-align: center; transition: transform .4s ease-in-out; width: 100%; } .plyr__captions .plyr__caption { background: rgba(0, 0, 0, 0.8); border-radius: 2px; -webkit-box-decoration-break: clone; box-decoration-break: clone; line-height: 185%; padding: .2em .5em; white-space: pre-wrap; } .plyr__captions .plyr__caption div { display: inline; } .plyr__captions span:empty { display: none; } @media (min-width: 480px) { .plyr__captions { font-size: 16px; padding: 20px; } } @media (min-width: 768px) { .plyr__captions { font-size: 18px; } } .plyr--captions-active .plyr__captions { display: block; } .plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions { transform: translateY(-40px); } .plyr__control { background: 0 0; border: 0; border-radius: 3px; color: inherit; cursor: pointer; flex-shrink: 0; overflow: visible; padding: 7px; position: relative; transition: all .3s ease; } .plyr__control svg { display: block; fill: currentColor; height: 18px; pointer-events: none; width: 18px; } .plyr__control:focus { outline: 0; } .plyr__control.plyr__tab-focus { box-shadow: 0 0 0 5px rgba(0, 179, 255, 0.5); outline: 0; } a.plyr__control { text-decoration: none; } a.plyr__control::after, a.plyr__control::before { display: none; } .plyr__control.plyr__control--pressed .icon--not-pressed, .plyr__control.plyr__control--pressed .label--not-pressed, .plyr__control:not(.plyr__control--pressed) .icon--pressed, .plyr__control:not(.plyr__control--pressed) .label--pressed { display: none; } .plyr--audio .plyr__control.plyr__tab-focus, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded=true] { background: #00b3ff; color: #fff; } .plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true] { background: #00b3ff; color: #fff; } .plyr__control--overlaid { background: rgba(0, 179, 255, 0.8); border: 0; border-radius: 100%; color: #fff; display: none; left: 50%; padding: 15px; position: absolute; top: 50%; transform: translate(-50%, -50%); z-index: 2; } .plyr__control--overlaid svg { left: 2px; position: relative; } .plyr__control--overlaid:focus, .plyr__control--overlaid:hover { background: #00b3ff; } .plyr--playing .plyr__control--overlaid { opacity: 0; visibility: hidden; } .plyr--full-ui.plyr--video .plyr__control--overlaid { display: block; } .plyr--full-ui ::-webkit-media-controls { display: none; } .plyr__controls { align-items: center; display: flex; justify-content: flex-end; text-align: center; } .plyr__controls .plyr__progress__container { flex: 1; min-width: 0; } .plyr__controls .plyr__controls__item { margin-left: 2.5px; } .plyr__controls .plyr__controls__item:first-child { margin-left: 0; margin-right: auto; } .plyr__controls .plyr__controls__item.plyr__progress__container { padding-left: 2.5px; } .plyr__controls .plyr__controls__item.plyr__time { padding: 0 5px; } .plyr__controls .plyr__controls__item.plyr__progress__container:first-child, .plyr__controls .plyr__controls__item.plyr__time + .plyr__time, .plyr__controls .plyr__controls__item.plyr__time:first-child { padding-left: 0; } .plyr__controls .plyr__controls__item.plyr__volume { padding-right: 5px; } .plyr__controls .plyr__controls__item.plyr__volume:first-child { padding-right: 0; } .plyr__controls:empty { display: none; } .plyr--audio .plyr__controls { background: #fff; border-radius: inherit; color: #4a5764; padding: 10px; } .plyr--video .plyr__controls { background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7)); border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; bottom: 0; color: #fff; left: 0; padding: 20px 5px 5px; position: absolute; right: 0; transition: opacity .4s ease-in-out,transform .4s ease-in-out; z-index: 3; } @media (min-width: 480px) { .plyr--video .plyr__controls { padding: 35px 10px 10px; } } .plyr--video.plyr--hide-controls .plyr__controls { opacity: 0; pointer-events: none; transform: translateY(100%); } .plyr [data-plyr=airplay], .plyr [data-plyr=captions], .plyr [data-plyr=fullscreen], .plyr [data-plyr=pip] { display: none; } .plyr--airplay-supported [data-plyr=airplay], .plyr--captions-enabled [data-plyr=captions], .plyr--fullscreen-enabled [data-plyr=fullscreen], .plyr--pip-supported [data-plyr=pip] { display: inline-block; } .plyr__menu { display: flex; position: relative; } .plyr__menu .plyr__control svg { transition: transform .3s ease; } .plyr__menu .plyr__control[aria-expanded=true] svg { transform: rotate(90deg); } .plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip { display: none; } .plyr__menu__container { animation: plyr-popup .2s ease; background: rgba(255, 255, 255, 0.9); border-radius: 4px; bottom: 100%; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); color: #4a5764; font-size: 16px; margin-bottom: 10px; position: absolute; right: -3px; text-align: left; white-space: nowrap; z-index: 3; } .plyr__menu__container > div { overflow: hidden; transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1); } .plyr__menu__container::after { border: 4px solid transparent; border-top-color: rgba(255, 255, 255, 0.9); content: ''; height: 0; position: absolute; right: 15px; top: 100%; width: 0; } .plyr__menu__container [role=menu] { padding: 7px; } .plyr__menu__container [role=menuitem], .plyr__menu__container [role=menuitemradio] { margin-top: 2px; } .plyr__menu__container [role=menuitem]:first-child, .plyr__menu__container [role=menuitemradio]:first-child { margin-top: 0; } .plyr__menu__container .plyr__control { align-items: center; color: #4a5764; display: flex; font-size: 14px; padding: 4px 11px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; } .plyr__menu__container .plyr__control > span { align-items: inherit; display: flex; width: 100%; } .plyr__menu__container .plyr__control::after { border: 4px solid transparent; content: ''; position: absolute; top: 50%; transform: translateY(-50%); } .plyr__menu__container .plyr__control--forward { padding-right: 28px; } .plyr__menu__container .plyr__control--forward::after { border-left-color: rgba(74, 87, 100, 0.8); right: 5px; } .plyr__menu__container .plyr__control--forward.plyr__tab-focus::after, .plyr__menu__container .plyr__control--forward:hover::after { border-left-color: currentColor; } .plyr__menu__container .plyr__control--back { font-weight: 500; margin: 7px; margin-bottom: 3px; padding-left: 28px; position: relative; width: calc(100% - 14px); } .plyr__menu__container .plyr__control--back::after { border-right-color: rgba(74, 87, 100, 0.8); left: 7px; } .plyr__menu__container .plyr__control--back::before { background: #c1c9d1; box-shadow: 0 1px 0 #fff; content: ''; height: 1px; left: 0; margin-top: 4px; overflow: hidden; position: absolute; right: 0; top: 100%; } .plyr__menu__container .plyr__control--back.plyr__tab-focus::after, .plyr__menu__container .plyr__control--back:hover::after { border-right-color: currentColor; } .plyr__menu__container .plyr__control[role=menuitemradio] { padding-left: 7px; } .plyr__menu__container .plyr__control[role=menuitemradio]::after, .plyr__menu__container .plyr__control[role=menuitemradio]::before { border-radius: 100%; } .plyr__menu__container .plyr__control[role=menuitemradio]::before { background: rgba(0, 0, 0, 0.1); content: ''; display: block; flex-shrink: 0; height: 16px; margin-right: 10px; transition: all .3s ease; width: 16px; } .plyr__menu__container .plyr__control[role=menuitemradio]::after { background: #fff; border: 0; height: 6px; left: 12px; opacity: 0; top: 50%; transform: translateY(-50%) scale(0); transition: transform .3s ease,opacity .3s ease; width: 6px; } .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before { background: #00b3ff; } .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::after { opacity: 1; transform: translateY(-50%) scale(1); } .plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus::before, .plyr__menu__container .plyr__control[role=menuitemradio]:hover::before { background: rgba(0, 0, 0, 0.1); } .plyr__menu__container .plyr__menu__value { align-items: center; display: flex; margin-left: auto; margin-right: -5px; overflow: hidden; padding-left: 25px; pointer-events: none; } .plyr--full-ui input[type=range] { -webkit-appearance: none; background: 0 0; border: 0; border-radius: 26px; color: #00b3ff; display: block; height: 19px; margin: 0; padding: 0; transition: box-shadow .3s ease; width: 100%; } .plyr--full-ui input[type=range]::-webkit-slider-runnable-track { background: 0 0; border: 0; border-radius: 2.5px; height: 5px; transition: box-shadow .3s ease; -webkit-user-select: none; user-select: none; background-image: linear-gradient(to right, currentColor var(--value, 0), transparent var(--value, 0)); } .plyr--full-ui input[type=range]::-webkit-slider-thumb { background: #fff; border: 0; border-radius: 100%; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2); height: 13px; position: relative; transition: all .2s ease; width: 13px; -webkit-appearance: none; margin-top: -4px; } .plyr--full-ui input[type=range]::-moz-range-track { background: 0 0; border: 0; border-radius: 2.5px; height: 5px; transition: box-shadow .3s ease; -moz-user-select: none; user-select: none; } .plyr--full-ui input[type=range]::-moz-range-thumb { background: #fff; border: 0; border-radius: 100%; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2); height: 13px; position: relative; transition: all .2s ease; width: 13px; } .plyr--full-ui input[type=range]::-moz-range-progress { background: currentColor; border-radius: 2.5px; height: 5px; } .plyr--full-ui input[type=range]::-ms-track { background: 0 0; border: 0; border-radius: 2.5px; height: 5px; transition: box-shadow .3s ease; -ms-user-select: none; user-select: none; color: transparent; } .plyr--full-ui input[type=range]::-ms-fill-upper { background: 0 0; border: 0; border-radius: 2.5px; height: 5px; transition: box-shadow .3s ease; -ms-user-select: none; user-select: none; } .plyr--full-ui input[type=range]::-ms-fill-lower { background: 0 0; border: 0; border-radius: 2.5px; height: 5px; transition: box-shadow .3s ease; -ms-user-select: none; user-select: none; background: currentColor; } .plyr--full-ui input[type=range]::-ms-thumb { background: #fff; border: 0; border-radius: 100%; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2); height: 13px; position: relative; transition: all .2s ease; width: 13px; margin-top: 0; } .plyr--full-ui input[type=range]::-ms-tooltip { display: none; } .plyr--full-ui input[type=range]:focus { outline: 0; } .plyr--full-ui input[type=range]::-moz-focus-outer { border: 0; } .plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track { box-shadow: 0 0 0 5px rgba(0, 179, 255, 0.5); outline: 0; } .plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track { box-shadow: 0 0 0 5px rgba(0, 179, 255, 0.5); outline: 0; } .plyr--full-ui input[type=range].plyr__tab-focus::-ms-track { box-shadow: 0 0 0 5px rgba(0, 179, 255, 0.5); outline: 0; } .plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track { background-color: rgba(255, 255, 255, 0.25); } .plyr--full-ui.plyr--video input[type=range]::-moz-range-track { background-color: rgba(255, 255, 255, 0.25); } .plyr--full-ui.plyr--video input[type=range]::-ms-track { background-color: rgba(255, 255, 255, 0.25); } .plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5); } .plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5); } .plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5); } .plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track { background-color: rgba(193, 201, 209, 0.66); } .plyr--full-ui.plyr--audio input[type=range]::-moz-range-track { background-color: rgba(193, 201, 209, 0.66); } .plyr--full-ui.plyr--audio input[type=range]::-ms-track { background-color: rgba(193, 201, 209, 0.66); } .plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1); } .plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1); } .plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1); } .plyr__poster { background-color: #000; background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; transition: opacity .2s ease; width: 100%; z-index: 1; } .plyr--stopped.plyr__poster-enabled .plyr__poster { opacity: 1; } .plyr__time { font-size: 14px; } .plyr__time + .plyr__time::before { content: '\2044'; margin-right: 10px; } @media (max-width: 767px) { .plyr__time + .plyr__time { display: none; } } .plyr--video .plyr__time { text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); } .plyr__tooltip { background: rgba(255, 255, 255, 0.9); border-radius: 3px; bottom: 100%; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); color: #4a5764; font-size: 14px; font-weight: 500; left: 50%; line-height: 1.3; margin-bottom: 10px; opacity: 0; padding: 5px 7.5px; pointer-events: none; position: absolute; transform: translate(-50%, 10px) scale(0.8); transform-origin: 50% 100%; transition: transform .2s .1s ease,opacity .2s .1s ease; white-space: nowrap; z-index: 2; } .plyr__tooltip::before { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid rgba(255, 255, 255, 0.9); bottom: -4px; content: ''; height: 0; left: 50%; position: absolute; transform: translateX(-50%); width: 0; z-index: 2; } .plyr .plyr__control.plyr__tab-focus .plyr__tooltip, .plyr .plyr__control:hover .plyr__tooltip, .plyr__tooltip--visible { opacity: 1; transform: translate(-50%, 0) scale(1); } .plyr .plyr__control:hover .plyr__tooltip { z-index: 3; } .plyr__controls > .plyr__control:first-child .plyr__tooltip, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip { left: 0; transform: translate(0, 10px) scale(0.8); transform-origin: 0 100%; } .plyr__controls > .plyr__control:first-child .plyr__tooltip::before, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip::before { left: 16px; } .plyr__controls > .plyr__control:last-child .plyr__tooltip { left: auto; right: 0; transform: translate(0, 10px) scale(0.8); transform-origin: 100% 100%; } .plyr__controls > .plyr__control:last-child .plyr__tooltip::before { left: auto; right: 16px; transform: translateX(50%); } .plyr__controls > .plyr__control:first-child .plyr__tooltip--visible, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip--visible, .plyr__controls > .plyr__control:first-child + .plyr__control.plyr__tab-focus .plyr__tooltip, .plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip, .plyr__controls > .plyr__control:first-child.plyr__tab-focus .plyr__tooltip, .plyr__controls > .plyr__control:first-child:hover .plyr__tooltip, .plyr__controls > .plyr__control:last-child .plyr__tooltip--visible, .plyr__controls > .plyr__control:last-child.plyr__tab-focus .plyr__tooltip, .plyr__controls > .plyr__control:last-child:hover .plyr__tooltip { transform: translate(0, 0) scale(1); } .plyr--video { background: #000; overflow: hidden; } .plyr--video.plyr--menu-open { overflow: visible; } .plyr__video-wrapper { background: #000; border-radius: inherit; overflow: hidden; position: relative; z-index: 0; } .plyr__video-embed, .plyr__video-wrapper--fixed-ratio { height: 0; padding-bottom: 56.25%; } .plyr__video-embed iframe, .plyr__video-wrapper--fixed-ratio video { border: 0; height: 100%; left: 0; position: absolute; top: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; } .plyr--full-ui .plyr__video-embed > .plyr__video-embed__container { padding-bottom: 240%; position: relative; transform: translateY(-38.28125%); } .plyr__progress { left: 6.5px; margin-right: 13px; position: relative; } .plyr__progress input[type=range], .plyr__progress__buffer { margin-left: -6.5px; margin-right: -6.5px; width: calc(100% + 13px); } .plyr__progress input[type=range] { position: relative; z-index: 2; } .plyr__progress .plyr__tooltip { font-size: 14px; left: 0; } .plyr__progress__buffer { -webkit-appearance: none; background: 0 0; border: 0; border-radius: 100px; height: 5px; left: 0; margin-top: -2.5px; padding: 0; position: absolute; top: 50%; } .plyr__progress__buffer::-webkit-progress-bar { background: 0 0; } .plyr__progress__buffer::-webkit-progress-value { background: currentColor; border-radius: 100px; min-width: 5px; transition: width .2s ease; } .plyr__progress__buffer::-moz-progress-bar { background: currentColor; border-radius: 100px; min-width: 5px; transition: width .2s ease; } .plyr__progress__buffer::-ms-fill { border-radius: 100px; transition: width .2s ease; } .plyr--video .plyr__progress__buffer { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); color: rgba(255, 255, 255, 0.25); } .plyr--audio .plyr__progress__buffer { color: rgba(193, 201, 209, 0.66); } .plyr--loading .plyr__progress__buffer { animation: plyr-progress 1s linear infinite; background-image: linear-gradient(-45deg, rgba(35, 41, 47, 0.6) 25%, transparent 25%, transparent 50%, rgba(35, 41, 47, 0.6) 50%, rgba(35, 41, 47, 0.6) 75%, transparent 75%, transparent); background-repeat: repeat-x; background-size: 25px 25px; color: transparent; } .plyr--video.plyr--loading .plyr__progress__buffer { background-color: rgba(255, 255, 255, 0.25); } .plyr--audio.plyr--loading .plyr__progress__buffer { background-color: rgba(193, 201, 209, 0.66); } .plyr__volume { align-items: center; display: flex; flex: 1; position: relative; } .plyr__volume input[type=range] { margin-left: 5px; position: relative; z-index: 2; } @media (min-width: 480px) { .plyr__volume { max-width: 90px; } } @media (min-width: 768px) { .plyr__volume { max-width: 110px; } } .plyr--is-ios .plyr__volume { display: none !important; } .plyr--is-ios.plyr--vimeo [data-plyr=mute] { display: none !important; } .plyr:-webkit-full-screen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; } .plyr:-ms-fullscreen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; } .plyr:fullscreen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; } .plyr:-webkit-full-screen video { height: 100%; } .plyr:-ms-fullscreen video { height: 100%; } .plyr:fullscreen video { height: 100%; } .plyr:-webkit-full-screen .plyr__video-wrapper { height: 100%; position: static; } .plyr:-ms-fullscreen .plyr__video-wrapper { height: 100%; position: static; } .plyr:fullscreen .plyr__video-wrapper { height: 100%; position: static; } .plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper { height: 0; position: relative; top: 50%; transform: translateY(-50%); } .plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper { height: 0; position: relative; top: 50%; transform: translateY(-50%); } .plyr:fullscreen.plyr--vimeo .plyr__video-wrapper { height: 0; position: relative; top: 50%; transform: translateY(-50%); } .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen { display: block; } .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen { display: block; } .plyr:fullscreen .plyr__control .icon--exit-fullscreen { display: block; } .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg { display: none; } .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg { display: none; } .plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg { display: none; } .plyr:-webkit-full-screen.plyr--hide-controls { cursor: none; } .plyr:-ms-fullscreen.plyr--hide-controls { cursor: none; } .plyr:fullscreen.plyr--hide-controls { cursor: none; } @media (min-width: 1024px) { .plyr:-webkit-full-screen .plyr__captions { font-size: 21px; } .plyr:-ms-fullscreen .plyr__captions { font-size: 21px; } .plyr:fullscreen .plyr__captions { font-size: 21px; } } .plyr:-webkit-full-screen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; } .plyr:-webkit-full-screen video { height: 100%; } .plyr:-webkit-full-screen .plyr__video-wrapper { height: 100%; position: static; } .plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper { height: 0; position: relative; top: 50%; transform: translateY(-50%); } .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen { display: block; } .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg { display: none; } .plyr:-webkit-full-screen.plyr--hide-controls { cursor: none; } @media (min-width: 1024px) { .plyr:-webkit-full-screen .plyr__captions { font-size: 21px; } } .plyr:-moz-full-screen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; } .plyr:-moz-full-screen video { height: 100%; } .plyr:-moz-full-screen .plyr__video-wrapper { height: 100%; position: static; } .plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper { height: 0; position: relative; top: 50%; transform: translateY(-50%); } .plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen { display: block; } .plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen + svg { display: none; } .plyr:-moz-full-screen.plyr--hide-controls { cursor: none; } @media (min-width: 1024px) { .plyr:-moz-full-screen .plyr__captions { font-size: 21px; } } .plyr:-ms-fullscreen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; } .plyr:-ms-fullscreen video { height: 100%; } .plyr:-ms-fullscreen .plyr__video-wrapper { height: 100%; position: static; } .plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper { height: 0; position: relative; top: 50%; transform: translateY(-50%); } .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen { display: block; } .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg { display: none; } .plyr:-ms-fullscreen.plyr--hide-controls { cursor: none; } @media (min-width: 1024px) { .plyr:-ms-fullscreen .plyr__captions { font-size: 21px; } } .plyr--fullscreen-fallback { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 10000000; } .plyr--fullscreen-fallback video { height: 100%; } .plyr--fullscreen-fallback .plyr__video-wrapper { height: 100%; position: static; } .plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper { height: 0; position: relative; top: 50%; transform: translateY(-50%); } .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen { display: block; } .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg { display: none; } .plyr--fullscreen-fallback.plyr--hide-controls { cursor: none; } @media (min-width: 1024px) { .plyr--fullscreen-fallback .plyr__captions { font-size: 21px; } } .plyr__ads { border-radius: inherit; bottom: 0; cursor: pointer; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; z-index: -1; } .plyr__ads > div, .plyr__ads > div iframe { height: 100%; position: absolute; width: 100%; } .plyr__ads::after { background: rgba(35, 41, 47, 0.8); border-radius: 2px; bottom: 10px; color: #fff; content: attr(data-badge-text); font-size: 11px; padding: 2px 6px; pointer-events: none; position: absolute; right: 10px; z-index: 3; } .plyr__ads::after:empty { display: none; } .plyr__cues { background: currentColor; display: block; height: 5px; left: 0; margin: -2.5px 0 0; opacity: .8; position: absolute; top: 50%; width: 3px; z-index: 3; } .plyr__preview-thumb { background-color: rgba(255, 255, 255, 0.9); border-radius: 3px; bottom: 100%; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); margin-bottom: 10px; opacity: 0; padding: 3px; pointer-events: none; position: absolute; transform: translate(0, 10px) scale(0.8); transform-origin: 50% 100%; transition: transform .2s .1s ease,opacity .2s .1s ease; z-index: 2; } .plyr__preview-thumb--is-shown { opacity: 1; transform: translate(0, 0) scale(1); } .plyr__preview-thumb::before { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid rgba(255, 255, 255, 0.9); bottom: -4px; content: ''; height: 0; left: 50%; position: absolute; transform: translateX(-50%); width: 0; z-index: 2; } .plyr__preview-thumb__image-container { background: #c1c9d1; border-radius: 2px; overflow: hidden; position: relative; z-index: 0; } .plyr__preview-thumb__image-container img { height: 100%; left: 0; max-height: none; max-width: none; position: absolute; top: 0; width: 100%; } .plyr__preview-thumb__time-container { bottom: 6px; left: 0; position: absolute; right: 0; white-space: nowrap; z-index: 3; } .plyr__preview-thumb__time-container span { background-color: rgba(0, 0, 0, 0.55); border-radius: 2px; color: #fff; font-size: 14px; padding: 3px 6px; } .plyr__preview-scrubbing { bottom: 0; filter: blur(1px); height: 100%; left: 0; margin: auto; opacity: 0; overflow: hidden; position: absolute; right: 0; top: 0; transition: opacity .3s ease; width: 100%; z-index: 1; } .plyr__preview-scrubbing--is-shown { opacity: 1; } .plyr__preview-scrubbing img { height: 100%; left: 0; max-height: none; max-width: none; object-fit: contain; position: absolute; top: 0; width: 100%; } .plyr--no-transition { transition: none !important; } .plyr__sr-only { clip: rect(1px, 1px, 1px, 1px); overflow: hidden; border: 0 !important; height: 1px !important; padding: 0 !important; position: absolute !important; width: 1px !important; } .plyr [hidden] { display: none !important; } /* #Model Viewer ================================================== */ .shopify-model-viewer-ui { position: relative; display: block; cursor: pointer; } .shopify-model-viewer-ui model-viewer { transform: translateZ(0); z-index: 1; } .shopify-model-viewer-ui model-viewer.shopify-model-viewer-ui__disabled { pointer-events: none; } .shopify-model-viewer-ui.shopify-model-viewer-ui--fullscreen model-viewer { position: relative; width: 100vw; height: 100vh; } .shopify-model-viewer-ui.shopify-model-viewer-ui--fullscreen .shopify-model-viewer-ui__control-icon--exit-fullscreen { display: block; } .shopify-model-viewer-ui.shopify-model-viewer-ui--fullscreen .shopify-model-viewer-ui__control-icon--enter-fullscreen { display: none; } .shopify-model-viewer-ui.shopify-model-viewer-ui--desktop.shopify-model-viewer-ui--child-focused .shopify-model-viewer-ui__controls-area, .shopify-model-viewer-ui.shopify-model-viewer-ui--desktop:hover .shopify-model-viewer-ui__controls-area { opacity: 1; } .shopify-model-viewer-ui:not(.shopify-model-viewer-ui--desktop) .shopify-model-viewer-ui__controls-area { display: none; } .shopify-model-viewer-ui .shopify-model-viewer-ui__controls-overlay { position: absolute; width: 100%; height: 100%; top: 0; } .shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area { display: flex; flex-direction: column; background: #fff; opacity: 0; border: 1px solid rgba(0, 0, 0, 0.05); position: absolute; bottom: 10px; right: 10px; z-index: 1; transition: opacity .1s linear; } .shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area:not(.shopify-model-viewer-ui__controls-area--playing) { display: none; } .shopify-model-viewer-ui .shopify-model-viewer-ui__button { color: #3a3a3a; border-radius: 0; border: none; margin: 0; cursor: pointer; } .shopify-model-viewer-ui .shopify-model-viewer-ui__button:not(.focus-visible) { outline: 0; } .shopify-model-viewer-ui .shopify-model-viewer-ui__button--control { padding: 0; height: 44px; width: 44px; background: 0 0; position: relative; } .shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:hover { color: rgba(0, 0, 0, 0.55); } .shopify-model-viewer-ui .shopify-model-viewer-ui__button--control.focus-visible:focus, .shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:active { color: rgba(0, 0, 0, 0.55); background: rgba(0, 0, 0, 0.05); } .shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:not(:last-child):after { position: absolute; content: ""; border-bottom: 1px solid rgba(0, 0, 0, 0.05); width: 28px; bottom: 0; right: 8px; } .shopify-model-viewer-ui .shopify-model-viewer-ui__control-icon { width: 44px; height: 44px; fill: none; } .shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster { background: #fff; position: absolute; border: 1px solid rgba(0, 0, 0, 0.05); top: 50%; left: 50%; padding: 0; transform: translate3d(-50%, -50%, 0); height: 62px; width: 62px; z-index: 1; } .shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:focus, .shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:hover { color: rgba(0, 0, 0, 0.55); } .shopify-model-viewer-ui .shopify-model-viewer-ui__poster-control-icon { width: 60px; height: 60px; z-index: 1; fill: none; } .shopify-model-viewer-ui .shopify-model-viewer-ui__control-icon--exit-fullscreen { display: none; } .shopify-model-viewer-ui .shopify-model-viewer-ui__control-icon--enter-fullscreen { display: block; } .shopify-model-viewer-ui .shopify-model-viewer-ui__spritesheet { display: none; } .shopify-model-viewer-ui .shopify-model-viewer-ui__sr-only { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px; } /* #Product Media Custom Styles ================================================== */ .model__container { position: relative; } .model__container model-viewer { width: 100%; min-height: 300px; } .view-in-your-space { padding: 0; width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; min-height: 44px; background: #e6e6e6; color: #545454; font: inherit; text-transform: none; border-radius: 0px; margin-top: 0; } .view-in-your-space:active, .view-in-your-space:focus, .view-in-your-space:hover { background: #e6e6e6; color: #545454; } .view-in-your-space svg { width: auto; height: auto; margin: 0; } .view-in-your-space svg path:first-child { stroke: #545454; } .view-in-your-space svg path:last-child { fill: #545454; } .plyr--video .plyr__controls { background: rgba(255, 255, 255, 0.6); padding: 10px; } .plyr--video .plyr__control { background: transparent; color: #545454; } .plyr--video .plyr__control:hover { background: white; color: #545454; } .plyr--video .plyr__controls__item.plyr__time, .plyr--video input[type=range], .plyr--video .plyr__controls__item { color: #545454; } .plyr--video .plyr__progress input[type=range] + .thumb { background-color: #545454; color: #545454; } .plyr--video input[type=range]::-webkit-slider-thumb { background-color: #545454; } .plyr--video input[type=range]::-moz-range-thumb { background-color: #545454; } .plyr--video input[type=range]::-ms-thumb { background-color: #545454; } .plyr--video .plyr__progress__buffer, .plyr--video .plyr__control[aria-expanded=true] { background-color: rgba(84, 84, 84, 0.6); } .plyr--video .plyr__control.plyr__tab-focus { background-color: #545454; } .plyr--video .plyr__control--overlaid { background: white; padding: 4px; border-radius: 0; border: 1px solid rgba(0, 0, 0, 0.05); } .plyr--video .plyr__control--overlaid svg { left: auto; } .plyr--video .plyr__control--overlaid:hover { background: white; } .plyr--video .plyr__control--overlaid:hover .play-icon-button-control rect { opacity: 0.75; } .plyr--video .plyr__control .play-icon-button-control { width: 52px; height: 52px; } .plyr--video .plyr__control .play-icon-button-control rect { fill: white; } .plyr--video .plyr__control .play-icon-button-control path { fill: #545454; } .plyr__controls .plyr__controls__item.plyr__progress__container { padding-right: 10px; padding-left: 10px; } .plyr--full-ui .plyr__volume { background-color: rgba(255, 255, 255, 0.25); border-radius: 5px; bottom: 105px; height: 40px; opacity: 0; padding: 10px 15px !important; position: absolute; transform: rotate(270deg); transition: visibility 0.4s linear 0.4s, opacity 0.4s linear 0.3s; width: 140px; } .plyr--full-ui .plyr__volume:before { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid rgba(255, 255, 255, 0.25); bottom: 18px; content: ""; left: -6px; position: absolute; transform: rotate(90deg); z-index: 2; } .plyr--full-ui .plyr__volume:hover { opacity: 1; visibility: visible; } .plyr--full-ui .plyr__volume.plyr__volume--is-visible { opacity: 1; transition: visibility 0.4s linear, opacity 0.4s linear; } .plyr--full-ui .plyr__volume input[type=range] { color: #545454; margin: 0 auto; } .plyr--full-ui .plyr__volume input[type=range]::-webkit-slider-runnable-track, .plyr--full-ui .plyr__volume input[type=range]::-moz-range-track, .plyr--full-ui .plyr__volume input[type=range]::-webkit-slider-thumb, .plyr--full-ui .plyr__volume input[type=range]::-moz-range-thumb { box-shadow: none; } .plyr--full-ui .plyr__volume input[type=range]::-ms-fill-upper, .plyr--full-ui .plyr__volume input[type=range]::-ms-thumb, .plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-webkit-slider-runnable-track, .plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-moz-range-track, .plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-ms-track { box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.25); } .plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-webkit-slider-thumb, .plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-moz-range-thumb, .plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-ms-thumb, .plyr--full-ui .plyr__volume input[type=range]:active::-webkit-slider-thumb, .plyr--full-ui .plyr__volume input[type=range]:active::-moz-range-thumb, .plyr--full-ui .plyr__volume input[type=range]:active::-ms-thumb { box-shadow: none; } .plyr--audio .plyr--full-ui .plyr__volume { bottom: 125px; right: -37px; } .plyr--is-ios .plyr__volume { display: none !important; } .plyr__control[data-plyr=mute]:hover + .plyr__volume { opacity: 1; transition: visibility 0.4s linear, opacity 0.4s linear; } @media (min-width: 480px) { .plyr--full-ui .plyr__volume input[type=range] { max-width: 90px; } } @media (min-width: 750px) { .plyr--full-ui .plyr__volume input[type=range] { max-width: 110px; } } @media only screen and (max-width: 989px) { .plyr--is-touch .plyr__volume { display: none !important; } } .shopify-model-viewer-ui .shopify-model-viewer-ui__button { color: #545454; background: white; } .shopify-model-viewer-ui .shopify-model-viewer-ui__button[hidden] { display: none; } .shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:hover, .shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:focus { color: rgba(84, 84, 84, 0.55); } .shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area { background: white; border: 1px solid rgba(84, 84, 84, 0.05); } .shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:not(:last-child):after { border-bottom: 1px solid rgba(84, 84, 84, 0.05); } .video-on-hover .plyr__controls, .video-on-hover .plyr__control--overlaid, .video-controls-enabled--false .plyr__controls, .video-controls-enabled--false .plyr__control--overlaid { opacity: 0; } .video-on-hover .plyr__controls > *, .video-on-hover .plyr__control--overlaid > *, .video-controls-enabled--false .plyr__controls > *, .video-controls-enabled--false .plyr__control--overlaid > * { pointer-events: none; cursor: auto; } .plyr.plyr--stopped .plyr__controls { display: none; } .product_slider.product-height-set model-viewer { margin: 0 auto; } .product_slider.product-height-set .product-gallery__main img, .product_slider.product-height-set .product-gallery__main .plyr--html5 video { width: 100%; } .product_slider.product-height-set .product-gallery__main img { -o-object-fit: contain; object-fit: contain; font-family: "object-fit: contain"; } .product_slider.product-height-set .product-gallery__main .plyr--youtube .plyr__video-embed { height: 100%; } @media (max-width: 480px) { .product-gallery .product-gallery__main .product-gallery__image a, .product-gallery .product-gallery__main .product-gallery__image .video__container, .product-gallery .product-gallery__main .product-gallery__image .plyr--youtube { min-height: 100%; max-height: 75vh; } } @media (max-width: 480px) { .product-gallery .product-gallery__main model-viewer { min-height: 300px; } } .product-gallery__thumbnails .product-gallery__thumbnail { position: relative; } .product-gallery__thumbnails .media-badge { position: absolute; top: 0; right: 0; max-width: 33%; max-height: 33%; min-width: 20px; width: 25px; height: 25px; } .product-gallery__thumbnails .media-badge svg { width: 100%; height: 100%; } .product-gallery__thumbnails .media-badge path:first-child { fill: white; } .product-gallery__thumbnails .media-badge path:last-child { fill: #545454; } .product-gallery__thumbnails .media-badge g path:first-child { stroke: #545454; } .product-gallery__thumbnails .media-badge .media-badge__outline { stroke: rgba(84, 84, 84, 0.05); } /* #Currency / Language switcher ================================================== */ .selectors-form, .selectors-form__wrap, .selectors-form__item { margin: 0; } .selectors-form__wrap { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: flex-end; } .disclosure { position: relative; } li.currencies { padding-left: 0 !important; } .disclosure-text-style-none button.disclosure__toggle, .disclosure-text-style-none button.disclosure__button { text-transform: capitalize; } .disclosure-text-style-uppercase button.disclosure__toggle, .disclosure-text-style-uppercase button.disclosure__button { text-transform: uppercase; } .disclosure-text-style-lowercase button.disclosure__toggle, .disclosure-text-style-lowercase button.disclosure__button { text-transform: lowercase; } form.selectors-form .disclosure__toggle { font-family: "ITC Avant Garde Gothic", sans-serif; font-size: 14px; font-weight: 500; font-style: normal; background-color: #fff; color: #000; padding: 10px; border: solid 1px #ffffff; } form.selectors-form .disclosure__toggle:hover, form.selectors-form .disclosure__toggle:focus { background-color: #fff; color: #789048; opacity: 1; } form.selectors-form .disclosure__toggle.is-clicked + .disclosure__list-wrap, form.selectors-form .disclosure__toggle:focus + .disclosure__list-wrap { opacity: 1; visibility: visible; pointer-events: all; } form.selectors-form .disclosure__toggle .icon-arrow-down { font-size: 10px; margin-left: 3px; } form.selectors-form .disclosure__list-wrap { position: absolute; bottom: 100%; opacity: 0; visibility: hidden; pointer-events: none; z-index: 1000; transition: opacity 0.3s 0.15s ease-in; } form.selectors-form .disclosure__list-wrap.disclosure--left { left: auto; right: 0; } form.selectors-form .disclosure-list { background-color: #ffffff; border: solid 1px #040707; list-style: none; margin-left: 0; margin-bottom: 0; white-space: nowrap; } form.selectors-form .disclosure-list__item { display: block; background-color: inherit; color: inherit; margin: 0 15px; padding: 0; } form.selectors-form .disclosure-list__item:last-of-type button.disclosure__button { border-bottom: none; } form.selectors-form button.disclosure__button { background-color: inherit; color: #503831; font-family: "ITC Avant Garde Gothic", sans-serif; font-weight: 500; font-size: 14px; letter-spacing: 1px; text-align: left; transition: none; } form.selectors-form button.disclosure__button:hover, form.selectors-form button.disclosure__button[aria-current="true"] { color: #789048; opacity: 1; } /* Newsletter Popup */ .newsletter_popup .fancybox-inner, .newsletter_popup { max-width: 600px; } .popup-container { 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; height: 100%; } .popup-container.image-position--right { -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .popup-container .popup-image { width: 40%; height: 100%; } @media (max-width: 798px) { .popup-container .popup-image { display: none; } } .popup-container .popup-image img { width: 100%; } .popup-container .popup-text { box-sizing: border-box; padding: 0 40px; width: 60%; max-width: 500px; max-height: 100%; } @media (max-width: 798px) { .popup-container .popup-text { width: 100%; max-height: 100%; } } @media (max-width: 480px) { .popup-container .popup-text { margin-top: 25%; } } .popup-container .popup-text p.headline { line-height: 1.2; } .popup-container .popup-text p.headline, .popup-container .popup-text p { margin-bottom: 24px; } .popup-container .popup-text .input-row .action_button { width: calc(100% - 10px); } .popup-container.no-image .popup-text { width: 100%; padding-top: 40px; padding-bottom: 40px; } .popup-container .newsletter form.contact-form { padding-top: 0; } #password-page-bg .newsletter { margin-bottom: 0px; } .newsletter form.contact-form { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: stretch; -moz-align-items: stretch; -ms-align-items: stretch; align-items: stretch; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 20px; width: auto; } .newsletter .input-row input { margin: 5px; padding: 15px 25px 15px 15px; line-height: 1; } .newsletter .input-row input[type='submit'] { padding: 15px; } .newsletter .input-row input[type='text'], .newsletter .input-row input[type='email'] { margin-bottom: 12px; } @media (max-width: 798px) { .newsletter .input-row input.action_button { width: 100%; } } @media (min-width: 799px) { .newsletter .input-row input.action_button { width: 35%; } } @media (min-width: 960px) { .newsletter .input-row input.action_button { width: 25%; } } @media (max-width: 480px) { .newsletter .input-row input[type='text'], .newsletter .input-row input[type='email'], .newsletter .input-row input[type='submit'].action_button { width: 100%; margin: 5px 0; } } .footer .newsletter .contact-form { margin: 0 0 15px; width: 95%; } @media (max-width: 798px) { .footer .newsletter .contact-form { width: 100%; } } .sidebar .newsletter .contact-form { width: auto; } .sidebar .newsletter .contact-form input { width: 100%; } .newsletter_popup .fancybox-skin, .newsletter_popup .fancybox-skin p.headline, .newsletter_popup .fancybox-skin a, .newsletter_popup .fancybox-skin a:visited { color: #545454; } .newsletter_popup .fancybox-skin { padding: 0px !important; /* Overwrite fancybox padding */ background-color: #ffffff; } .newsletter_popup .fancybox-close { color: #545454 !important; } [data-slideshow-animation="zoom"] img { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); cursor: zoom-in; } /* #Lazyloading Styles ================================================== */ img[data-sizes="auto"].lazyloaded { height: auto; } img[data-sizes="auto"], img[data-sizes="100vw"] { display: block; width: 100%; margin-left: auto; margin-right: auto; } .image__container { display: block; margin-left: auto; margin-right: auto; } .image-element__wrap { overflow: hidden; margin-left: auto; margin-right: auto; max-width: 100%; } .image-element__wrap img { height: auto; } /* * Layout * Skeleton V1.2 * Copyright 2011, Dave Gamache * www.getskeleton.com * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php * 6/20/2012 */ /* Table of Contents ================================================== #Base 960 Grid #Tablet (Portrait) #Mobile (Portrait) #Mobile (Landscape) #Clearing #Media Queries */ /* #Base 1200 Grid ================================================== */ .container { position: relative; width: 1200px; margin: 0 auto; padding: 0; } .column, .columns { float: left; display: inline; margin-left: 10px; margin-right: 10px; } .row { margin-bottom: 20px; } /* Nested Column Classes */ .column.alpha, .columns.alpha { margin-left: 0; } .column.omega, .columns.omega { margin-right: 0; } /* Base Grid */ .container .one.column { width: 55px; } .container .two.columns { width: 130px; } .container .three.columns { width: 205px; } .container .four.columns { width: 280px; } .container .five.columns { width: 355px; } .container .six.columns { width: 430px; } .container .seven.columns { width: 505px; } .container .eight.columns { width: 580px; } .container .nine.columns { width: 655px; } .container .ten.columns { width: 730px; } .container .eleven.columns { width: 805px; } .container .twelve.columns { width: 880px; } .container .thirteen.columns { width: 955px; } .container .fourteen.columns { width: 1030px; } .container .fifteen.columns { width: 1105px; } .container .sixteen.columns { width: 1180px; } .container .one-third.column { width: 380px; } .container .two-thirds.column { width: 780px; } .container .one-fifth.column { width: 220px; } /* Offsets */ .container .offset-by-one { padding-left: 75px; } .container .offset-by-two { padding-left: 150px; } .container .offset-by-three { padding-left: 225px; } .container .offset-by-four { padding-left: 300px; } .container .offset-by-five { padding-left: 375px; } .container .offset-by-six { padding-left: 450px; } .container .offset-by-seven { padding-left: 525px; } .container .offset-by-eight { padding-left: 600px; } .container .offset-by-nine { padding-left: 675px; } .container .offset-by-ten { padding-left: 750px; } .container .offset-by-eleven { padding-left: 825px; } .container .offset-by-twelve { padding-left: 900px; } .container .offset-by-thirteen { padding-left: 975px; } .container .offset-by-fourteen { padding-left: 1050px; } .container .offset-by-fifteen { padding-left: 1125px; } .container .alternate { padding-right: 75px; } /* #Base 960 Grid ================================================== */ @media only screen and (min-width: 960px) and (max-width: 1199px) { .container { position: relative; width: 960px; margin: 0 auto; padding: 0; } .container .column, .container .columns { float: left; display: inline; margin-left: 10px; margin-right: 10px; } .row { margin-bottom: 20px; } /* Nested Column Classes */ .column.alpha, .columns.alpha { margin-left: 0; } .column.omega, .columns.omega { margin-right: 0; } /* Base Grid */ .container .one.column, .container .one.columns { width: 40px; } .container .two.columns { width: 100px; } .container .three.columns { width: 160px; } .container .four.columns { width: 220px; } .container .five.columns { width: 280px; } .container .six.columns { width: 340px; } .container .seven.columns { width: 400px; } .container .eight.columns { width: 460px; } .container .nine.columns { width: 520px; } .container .ten.columns { width: 580px; } .container .eleven.columns { width: 640px; } .container .twelve.columns { width: 700px; } .container .thirteen.columns { width: 760px; } .container .fourteen.columns { width: 820px; } .container .fifteen.columns { width: 880px; } .container .sixteen.columns { width: 940px; } .container .one-third.column { width: 300px; } .container .two-thirds.column { width: 620px; } .container .one-fifth.column { width: 172px; } /* Offsets */ .container .offset-by-one { padding-left: 60px; } .container .offset-by-two { padding-left: 120px; } .container .offset-by-three { padding-left: 180px; } .container .offset-by-four { padding-left: 240px; } .container .offset-by-five { padding-left: 300px; } .container .offset-by-six { padding-left: 360px; } .container .offset-by-seven { padding-left: 420px; } .container .offset-by-eight { padding-left: 480px; } .container .offset-by-nine { padding-left: 540px; } .container .offset-by-ten { padding-left: 600px; } .container .offset-by-eleven { padding-left: 660px; } .container .offset-by-twelve { padding-left: 720px; } .container .offset-by-thirteen { padding-left: 780px; } .container .offset-by-fourteen { padding-left: 840px; } .container .offset-by-fifteen { padding-left: 900px; } .container .alternate { padding-right: 60px; } } /* #Tablet (Portrait) ================================================== */ /* Note: Design for a width of 768px */ @media only screen and (min-width: 799px) and (max-width: 959px) { .container { width: 768px; } .container .column, .container .columns { margin-left: 10px; margin-right: 10px; } .column.alpha, .columns.alpha { margin-left: 0; margin-right: 10px; } .column.omega, .columns.omega { margin-right: 0; margin-left: 10px; } .alpha.omega { margin-left: 0; margin-right: 0; } .container .one.column, .container .one.columns { width: 28px; } .container .two.columns { width: 76px; } .container .three.columns { width: 124px; } .container .four.columns { width: 172px; } .container .five.columns { width: 220px; } .container .six.columns { width: 268px; } .container .seven.columns { width: 316px; } .container .eight.columns { width: 364px; } .container .nine.columns { width: 412px; } .container .ten.columns { width: 460px; } .container .eleven.columns { width: 508px; } .container .twelve.columns { width: 556px; } .container .thirteen.columns { width: 604px; } .container .fourteen.columns { width: 652px; } .container .fifteen.columns { width: 700px; } .container .sixteen.columns { width: 748px; } .container .one-third.column { width: 236px; } .container .two-thirds.column { width: 492px; } .container .one-fifth.column { width: 133px; } /* Offsets */ .container .offset-by-one { padding-left: 48px; } .container .offset-by-two { padding-left: 96px; } .container .offset-by-three { padding-left: 144px; } .container .offset-by-four { padding-left: 192px; } .container .offset-by-five { padding-left: 240px; } .container .offset-by-six { padding-left: 288px; } .container .offset-by-seven { padding-left: 336px; } .container .offset-by-eight { padding-left: 384px; } .container .offset-by-nine { padding-left: 432px; } .container .offset-by-ten { padding-left: 480px; } .container .offset-by-eleven { padding-left: 528px; } .container .offset-by-twelve { padding-left: 576px; } .container .offset-by-thirteen { padding-left: 624px; } .container .offset-by-fourteen { padding-left: 672px; } .container .offset-by-fifteen { padding-left: 720px; } .container .alternate { padding-right: 48px; } } /* #Mobile (Portrait) ================================================== */ /* Note: Design for a width of 320px */ @media only screen and (max-width: 798px) { .container { width: 300px; } .container .columns, .container .column { margin: 0; } .container .one.column, .container .one.columns, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column, .container .one-fifth.column { width: 300px; } .container .logo.columns { width: 260px; margin: 0 20px; } .container .logo.columns img { /* max-width:160px; */ } .container .nav.columns { width: 130px; margin-left: 10px; } /* Offsets */ .container .offset-by-one, .container .offset-by-two, .container .offset-by-three, .container .offset-by-four, .container .offset-by-five, .container .offset-by-six, .container .offset-by-seven, .container .offset-by-eight, .container .offset-by-nine, .container .offset-by-ten, .container .offset-by-eleven, .container .offset-by-twelve, .container .offset-by-thirteen, .container .offset-by-fourteen, .container .offset-by-fifteen { padding-left: 0; } .container .alternate { padding-right: 0; } } /* #Mobile (Landscape) ================================================== */ /* Note: Design for a width of 480px */ @media only screen and (min-width: 480px) and (max-width: 798px) { .container { width: 420px; } .container .columns, .container .column { margin: 0; } .container .one.column, .container .one.columns, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column, .container .one-fifth.column { width: 420px; } .container .logo.columns { width: 160px; } .container .nav.columns { width: 230px; margin-left: 10px; } } /* #Clearing ================================================== */ /* Self Clearing Goodness */ .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } /* Use clearfix class on parent to clear nested columns, or wrap each row of columns in a
*/ .clearfix:before, .clearfix:after, .row:before, .row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .row:after, .clearfix:after { clear: both; } .row, .clearfix { zoom: 1; } /* You can also use a
to clear columns */ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } /* #Media Queries ================================================== */ /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 959px) { input.contact_email, .footer input[type="text"] { width: 100% !important; } h1.collection_title_tags, div.collection_title_tags { border-right: 0; margin-right: 0; padding-right: 0; } .cloudzoom-lens { width: 140px; height: 120px; } } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 799px) and (max-width: 959px) { .nav ul li { padding: 0 0 0 10px; } input.search_box { width: inherit !important; } input[type="submit"].sign_up { padding: 15px; } a.button, button, input[type="submit"], input[type="reset"], input[type="button"], input[type="email"], .action_button, a.action_button, input.action_button[type="submit"], input.action_button[type="button"], select.single-option-selector { width: 100%; } input[type="submit"].sign_up { margin-left: 0; } input.action_button { margin-bottom: 1em !important; } .input-row.newsletter-both-names--false input.action_button { width: calc(100% - 10px); margin-left: 5px; } } /* All Mobile Sizes (devices and browser) */ @media (max-width: 798px) { .article_image { padding-bottom: 0; } .sidebar_content { border: 0; padding: 0; } .subtotal { text-align: left; } .logo a { padding-top: 5px; } .toggle_menu { top: 0; } .collection_menu { display: none; } .container div.tag_filter { display: block; } #tag_filter, #sort-by { margin: 1.5em 0 0.5em 0; } .blog_filter { display: block !important; width: 100%; } .blog h2 { margin-top: 1.5em; } .section_select { text-align: center; } .or { text-align: center; width: 100%; display: inline-block; padding-left: 0; padding-bottom: 5px; } h4.toggle { cursor: pointer; } .toggle span { display: block; } .toggle_list { display: none; } select { width: 100%; } .search_page_text { text-align: left; } a.button, button, .action_button, a.action_button, textarea { width: 100%; } input[type="submit"], input[type="reset"], input[type="button"], input[type="email"], input.action_button[type="submit"], input.action_button[type="button"], .sign_up { width: 100%; } .cart_icons { display: none; } .container .column.thumbnail, .container .columns.thumbnail { margin-top: 1em; } .title_column { float: left; } .mobile_left { text-align: left; } .container div.mobile_only { display: block; } .quantity_label { display: inline; } .price-total { text-align: right; } .price-total-text { display: inline; margin-left: 5px; } .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; } .container .blog_content { padding-left: 0; border: 0; } } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media (max-width: 798px) { .mobile_hidden { display: none !important; } ul.menu li.navicon_button { display: inline-block; } ul.menu li { padding: 0 0 0 10px; } } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media (max-width: 480px) { .mobile_hidden { display: none !important; } ul.menu li.navicon_button { display: inline-block; } ul.menu li { padding: 0; } ul.nav_buttons .button_label { display: none; } ul.menu li a, ul.menu li a:hover, ul.menu li a:active { display: inline-block; } span.icon-cart:before, span.icon-bag:before, span.icon-menu:before { margin-right: 0; } input.search_box { width: 240px !important; } h1, h2, h3, h4, h5, h6 h1.home, h1.blog_title, .title a { font-size: 150%; } h1, h2, h1.home, h1.blog_title, .title a { padding: 0; } } @media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2 / 1), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { input.search_box { background: white url("search2x.jpg-v=8317465898369137560.jpg"/*tpa=https://cdn.shopify.com/s/files/1/0426/0927/9131/t/2/assets/search2x.jpg?v=8317465898369137560*/) no-repeat 12px 50%; background-size: 14px 14px; } } @media only screen and (min-device-width: 320px) and (max-device-width: 1024px) { html { -webkit-text-size-adjust: 100%; } } @media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 798px) { select, textarea, input { font-size: 16px !important; } } /* #Icons ================================================== */ @font-face { font-family: 'mobilia'; src: url("mobilia.eot-v=12652485914063461094"/*tpa=https://cdn.shopify.com/s/files/1/0426/0927/9131/t/2/assets/mobilia.eot?v=12652485914063461094*/); src: url("mobilia.eot--iefix&v=12652485914063461094"/*tpa=https://cdn.shopify.com/s/files/1/0426/0927/9131/t/2/assets/mobilia.eot?%23iefix&v=12652485914063461094*/) format("embedded-opentype"), url("mobilia.woff-v=9708181573672387862"/*tpa=https://cdn.shopify.com/s/files/1/0426/0927/9131/t/2/assets/mobilia.woff?v=9708181573672387862*/) format("woff"), url("mobilia.ttf-v=11018069077096078104"/*tpa=https://cdn.shopify.com/s/files/1/0426/0927/9131/t/2/assets/mobilia.ttf?v=11018069077096078104*/) format("truetype"), url("mobilia.svg-v=4530040945447244479"/*tpa=https://cdn.shopify.com/s/files/1/0426/0927/9131/t/2/assets/mobilia.svg?v=4530040945447244479*/) format("svg"); font-weight: normal; font-style: normal; } [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "mobilia"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1.01em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; position: relative; top: 1px; } .icon-arrow-up:before { content: "\e900"; } .icon-check:before { content: "\e901"; } .icon-close:before { content: "\e902"; } .icon-arrow-down:before { content: "\e903"; } .icon-arrow-right:before { content: "\e918"; } .icon-email:before { content: "\e905"; } .icon-pinterest:before { content: "\e906"; } .icon-gplus:before { content: "\e907"; } .icon-rss:before { content: "\e908"; } .icon-houzz:before { content: "\e909"; } .icon-arrow-left:before { content: "\e90d"; } .icon-snapchat:before { content: "\e90b"; } .icon-minus:before { content: "\e90c"; } .icon-phone:before { content: "\e90e"; } .icon-instagram:before { content: "\e90f"; } .icon-menu:before { content: "\e910"; } .icon-search:before { content: "\e911"; } .icon-vimeo:before { content: "\e912"; } .icon-cart:before { content: "\e913"; } .icon-youtube:before { content: "\e914"; } .icon-account:before { content: "\e915"; } .icon-bag:before { content: "\e916"; } .icon-plus:before { content: "\e917"; } .icon-facebook:before { content: "\ea90"; } .icon-twitter:before { content: "\ea96"; } .icon-tumblr:before { content: "\eab9"; } .icon-linkedin:before { content: "\eaca"; } .icon-caret-right:before { content: "\e904"; } .icon-twitter-share:before { content: "\ea96"; margin-right: 0.6em; 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 { content: "\ea90"; margin-right: 0.6em; color: #49659D; } .icon-facebook-share:hover { background-color: #49659D; border-color: #49659D; color: #fff; } .icon-facebook-share:hover:before { color: #fff; } .icon-pinterest-share:before { content: "\e906"; margin-right: 0.6em; color: #CB1F2A; } .icon-pinterest-share:hover { background-color: #CB1F2A; border-color: #CB1F2A; color: #fff; } .icon-pinterest-share:hover:before { color: #fff; } .icon-email-share:before { content: "\e905"; margin-right: 0.6em; color: #888; } .icon-email-share:hover { background-color: #888; border-color: #888; color: #fff; } .icon-email-share:hover:before { color: #fff; } /* Social icons */ .footer .social-icons li, .top_menu .social-icons li { padding-left: 0; } .footer .social-icons a, .top_menu .social-icons a { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; height: 32px; width: 32px; opacity: 0.8; font-size: 15px; border-radius: 50%; line-height: 1; transition: all .1s linear; } .footer .social-icons a:hover, .top_menu .social-icons a:hover { opacity: 1; } .footer .social-icons a span:before, .top_menu .social-icons a span:before { margin-right: 0; } .footer .social-icons-circle-false a, .top_menu .social-icons-circle-false a { color: #604f40; margin: 0; } .footer .social-icons-circle-false a:hover, .top_menu .social-icons-circle-false a:hover { color: #789048; } .footer .social-icons-circle-true a, .top_menu .social-icons-circle-true a { color: #fff; margin: 0 8px 5px 5px; background-color: #604f40; } .footer .social-icons-circle-true a:hover, .top_menu .social-icons-circle-true a:hover { color: #fff; background-color: #789048; } .remove, .remove:visited { color: #545454; } .remove:hover, .remove:active { color: #604f40; } .icon-cart, .icon-bag, .icon-menu { font-size: 16px; } .menu .icon-arrow-down, .menu .icon-arrow-right { font-size: 10px; margin-left: 5px; } .menu .icon-arrow-down, .menu .icon-arrow-right, .disclosure .icon-arrow-down, .disclosure .icon-arrow-right { position: relative; top: -2px; } /*! * 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; } /* #Font-Face ================================================== */ /* This is the proper syntax for an @font-face file. Upload your font files to Assets and then copy your FontName into code below and remove comment brackets */ /* @font-face { font-family: 'FontName'; src: url('FontName.eot'); src: url('FontName.eot?iefix') format('eot'), url('FontName.woff') format('woff'), url('FontName.ttf') format('truetype'), url('FontName.svg#webfontZam02nTh') format('svg'); font-weight: normal; font-style: normal; } */ /* #Custom Styles ================================================== */ h6.social { text-transform: uppercase; } @media only screen and (max-width: 798px) { .four.columns { margin-bottom: 20px; } h6.social { margin-bottom: 10px; } } .info .title { font-size: 15px; margin-bottom: 0.2em; line-height: 25px; font-weight: 500; text-transform: none; color: #574b41; display: block; letter-spacing: 0px; text-rendering: optimizeLegibility; } .nav ul.mobile_menu li.active, .mobile_menu li:hover { background-color: #48842d !important; }