/* Open Snippets > head.liquid and change 'styles.min.css' to 'styles.css' */ /* Edit styles.css */ /* Minimize with: https://cssminifier.com/ */ /* Copy and paste to styles.min.css */ /* Revert head.liquid */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } [hidden] { display: none; } html { font-family: var(--body_font); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } :focus { outline: 1px dotted var(--button_color_25); outline-offset: 4px; } a:focus { outline: none; } a:active, a:hover { /*outline:none*/; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: var(--body_font_weight_bold); } dfn, em { font-style: italic; } em strong { font-style: italic; font-weight: var(--body_font_weight_bold); } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } mark { color: var(--black); } code, kbd, pre, samp { font-family: monospace, serif; font-size: var(--small); } pre { white-space: pre-wrap; } q { quotes: "\201C" "\201D" "\2018" "\2019"; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: calc(var(--master_spacing) / 2); } legend { border: 0; padding: 0; } button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; } button, input { line-height: normal; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: no-drop !important; } input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding: 0; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; } table { border-collapse: collapse; border-spacing: 0; display: table; margin: 0 0 var(--master_spacing); width: 100%; } th { font-size: 80%; } td { border: 1px solid var(--line_color); font-size: var(--xx_small); height: calc(var(--xx_small) * 2); padding: calc(var(--master_spacing) / 4); text-align: center; vertical-align: middle; } blockquote { color: var(--a11ygrey); font-style: italic; font-weight: var(--body_font_weight_medium); font-size: var(--small); line-height: calc(var(--small) * 1.25); font-family: var(--body_font); border-left: 3px solid var(--line_color); padding-left: var(--base); margin-bottom: calc(var(--base) + var(--base) / 4); margin-left: 0px; } * { border: 0; margin: 0; padding: 0; } .container { padding: 0 calc(var(--master_spacing) / 2); } .container.no-pad { padding: 0 20px; max-width: 1180px; } @media only screen and (max-width: 1220px) { .container.no-pad { padding: 0; max-width: 1220px; } .container.no-pad.cancel { padding-left: 20px; padding-right: 20px; max-width: 1180px; } } .container.under { padding: 0 20px; max-width: 1180px; } @media only screen and (max-width: 768px) { .container.under { padding: 0; } } .container.remove-pad { padding: 0; } .four, .sorting.open-container .filter.vertical-form .form, .filter.vertical-form .form { width: 33.33%; } /* 400px */ .one, .two, .two-half, .three, .four, .sorting.open-container .filter.vertical-form .form, .filter.vertical-form .form, .five, .six, .seven, .eight, .nine, .ten, .eleven, .twelve { float: left; font-size: var(--small); padding: 0 calc(var(--master_spacing) / 2); -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .one.doublepad, .two.doublepad, .two-half.doublepad, .three.doublepad, .four.doublepad, .sorting.open-container .filter.vertical-form .doublepad.form, .filter.vertical-form .doublepad.form, .five.doublepad, .six.doublepad, .seven.doublepad, .eight.doublepad, .nine.doublepad, .ten.doublepad, .eleven.doublepad, .twelve.doublepad { padding-left: var(--master_spacing); padding-right: var(--master_spacing); } .one.negative-left, .two.negative-left, .two-half.negative-left, .three.negative-left, .four.negative-left, .sorting.open-container .filter.vertical-form .negative-left.form, .filter.vertical-form .negative-left.form, .five.negative-left, .six.negative-left, .seven.negative-left, .eight.negative-left, .nine.negative-left, .ten.negative-left, .eleven.negative-left, .twelve.negative-left { padding-left: 0; } .one.negative-right, .two.negative-right, .two-half.negative-right, .three.negative-right, .four.negative-right, .sorting.open-container .filter.vertical-form .negative-right.form, .filter.vertical-form .negative-right.form, .five.negative-right, .six.negative-right, .seven.negative-right, .eight.negative-right, .nine.negative-right, .ten.negative-right, .eleven.negative-right, .twelve.negative-right { padding-right: 0; } .table-center .one, .table-center .two, .table-center .two-half, .table-center .three, .table-center .four, .table-center .sorting.open-container .filter.vertical-form .form, .sorting.open-container .filter.vertical-form .table-center .form, .table-center .filter.vertical-form .form, .filter.vertical-form .table-center .form, .table-center .five, .table-center .six, .table-center .seven, .table-center .eight, .table-center .nine, .table-center .ten, .table-center .eleven, .table-center .twelve { display: inline-block; float: none; height: 100%; vertical-align: middle; } .table-center .one.hidden, .table-center .two.hidden, .table-center .two-half.hidden, .table-center .three.hidden, .table-center .four.hidden, .table-center .filter.vertical-form .hidden.form, .filter.vertical-form .table-center .hidden.form, .table-center .five.hidden, .table-center .six.hidden, .table-center .seven.hidden, .table-center .eight.hidden, .table-center .nine.hidden, .table-center .ten.hidden, .table-center .eleven.hidden, .table-center .twelve.hidden { display: none; } .table-center .one.top, .table-center .two.top, .table-center .two-half.top, .table-center .three.top, .table-center .four.top, .table-center .filter.vertical-form .top.form, .filter.vertical-form .table-center .top.form, .table-center .five.top, .table-center .six.top, .table-center .seven.top, .table-center .eight.top, .table-center .nine.top, .table-center .ten.top, .table-center .eleven.top, .table-center .twelve.top { vertical-align: top; } .table-center .one.no-height, .table-center .two.no-height, .table-center .two-half.no-height, .table-center .three.no-height, .table-center .four.no-height, .table-center .filter.vertical-form .no-height.form, .filter.vertical-form .table-center .no-height.form, .table-center .five.no-height, .table-center .six.no-height, .table-center .seven.no-height, .table-center .eight.no-height, .table-center .nine.no-height, .table-center .ten.no-height, .table-center .eleven.no-height, .table-center .twelve.no-height { height: auto; } .table-center .one.brands, .table-center .two.brands, .table-center .two-half.brands, .table-center .three.brands, .table-center .four.brands, .table-center .filter.vertical-form .brands.form, .filter.vertical-form .table-center .brands.form, .table-center .five.brands, .table-center .six.brands, .table-center .seven.brands, .table-center .eight.brands, .table-center .nine.brands, .table-center .ten.brands, .table-center .eleven.brands, .table-center .twelve.brands { height: auto; } @media only screen and (max-width: 600px) { .table-center .one, .table-center .two, .table-center .two-half, .table-center .three, .table-center .four, .table-center .sorting.open-container .filter.vertical-form .form, .sorting.open-container .filter.vertical-form .table-center .form, .table-center .filter.vertical-form .form, .filter.vertical-form .table-center .form, .table-center .five, .table-center .six, .table-center .seven, .table-center .eight, .table-center .nine, .table-center .ten, .table-center .eleven, .table-center .twelve { height: auto; } .table-center .one.brands, .table-center .one.orders, .table-center .two.brands, .table-center .two.orders, .table-center .two-half.brands, .table-center .two-half.orders, .table-center .three.brands, .table-center .three.orders, .table-center .four.brands, .table-center .filter.vertical-form .brands.form, .filter.vertical-form .table-center .brands.form, .table-center .four.orders, .table-center .filter.vertical-form .orders.form, .filter.vertical-form .table-center .orders.form, .table-center .five.brands, .table-center .five.orders, .table-center .six.brands, .table-center .six.orders, .table-center .seven.brands, .table-center .seven.orders, .table-center .eight.brands, .table-center .eight.orders, .table-center .nine.brands, .table-center .nine.orders, .table-center .ten.brands, .table-center .ten.orders, .table-center .eleven.brands, .table-center .eleven.orders, .table-center .twelve.brands, .table-center .twelve.orders { width: 50%; } .table-center .one.brands.odd, .table-center .one.orders.odd, .table-center .two.brands.odd, .table-center .two.orders.odd, .table-center .two-half.brands.odd, .table-center .two-half.orders.odd, .table-center .three.brands.odd, .table-center .three.orders.odd, .table-center .four.brands.odd, .table-center .filter.vertical-form .brands.odd.form, .filter.vertical-form .table-center .brands.odd.form, .table-center .four.orders.odd, .table-center .filter.vertical-form .orders.odd.form, .filter.vertical-form .table-center .orders.odd.form, .table-center .five.brands.odd, .table-center .five.orders.odd, .table-center .six.brands.odd, .table-center .six.orders.odd, .table-center .seven.brands.odd, .table-center .seven.orders.odd, .table-center .eight.brands.odd, .table-center .eight.orders.odd, .table-center .nine.brands.odd, .table-center .nine.orders.odd, .table-center .ten.brands.odd, .table-center .ten.orders.odd, .table-center .eleven.brands.odd, .table-center .eleven.orders.odd, .table-center .twelve.brands.odd, .table-center .twelve.orders.odd { width: 100%; } .table-center .one.brands.odd > div, .table-center .one.orders.odd > div, .table-center .two.brands.odd > div, .table-center .two.orders.odd > div, .table-center .two-half.brands.odd > div, .table-center .two-half.orders.odd > div, .table-center .three.brands.odd > div, .table-center .three.orders.odd > div, .table-center .four.brands.odd > div, .table-center .filter.vertical-form .brands.odd.form > div, .filter.vertical-form .table-center .brands.odd.form > div, .table-center .four.orders.odd > div, .table-center .filter.vertical-form .orders.odd.form > div, .filter.vertical-form .table-center .orders.odd.form > div, .table-center .five.brands.odd > div, .table-center .five.orders.odd > div, .table-center .six.brands.odd > div, .table-center .six.orders.odd > div, .table-center .seven.brands.odd > div, .table-center .seven.orders.odd > div, .table-center .eight.brands.odd > div, .table-center .eight.orders.odd > div, .table-center .nine.brands.odd > div, .table-center .nine.orders.odd > div, .table-center .ten.brands.odd > div, .table-center .ten.orders.odd > div, .table-center .eleven.brands.odd > div, .table-center .eleven.orders.odd > div, .table-center .twelve.brands.odd > div, .table-center .twelve.orders.odd > div { border: none; } .collection-products .table-center .one, .collection-products .table-center .two, .collection-products .table-center .two-half, .collection-products .table-center .three, .collection-products .table-center .four, .collection-products .table-center .filter.vertical-form .form, .filter.vertical-form .collection-products .table-center .form, .collection-products .table-center .five, .collection-products .table-center .six, .collection-products .table-center .seven, .collection-products .table-center .eight, .collection-products .table-center .nine, .collection-products .table-center .ten, .collection-products .table-center .eleven, .collection-products .table-center .twelve { height: auto; } } .table-center.product-variants .one, .table-center.product-variants .two, .table-center.product-variants .two-half, .table-center.product-variants .three, .table-center.product-variants .four, .table-center.product-variants .filter.vertical-form .form, .filter.vertical-form .table-center.product-variants .form, .table-center.product-variants .five, .table-center.product-variants .six, .table-center.product-variants .seven, .table-center.product-variants .eight, .table-center.product-variants .nine, .table-center.product-variants .ten, .table-center.product-variants .eleven, .table-center.product-variants .twelve { vertical-align: top; } .one.margin-bottom, .two.margin-bottom, .two-half.margin-bottom, .three.margin-bottom, .four.margin-bottom, .sorting.open-container .filter.vertical-form .margin-bottom.form, .filter.vertical-form .margin-bottom.form, .five.margin-bottom, .six.margin-bottom, .seven.margin-bottom, .eight.margin-bottom, .nine.margin-bottom, .ten.margin-bottom, .eleven.margin-bottom, .twelve.margin-bottom { margin-bottom: calc(var(--master_spacing) / 2); } .one.margin-top, .two.margin-top, .two-half.margin-top, .three.margin-top, .four.margin-top, .sorting.open-container .filter.vertical-form .margin-top.form, .filter.vertical-form .margin-top.form, .five.margin-top, .six.margin-top, .seven.margin-top, .eight.margin-top, .nine.margin-top, .ten.margin-top, .eleven.margin-top, .twelve.margin-top { margin-top: calc(var(--master_spacing) / 2); } .one.margin-top-bottom, .two.margin-top-bottom, .two-half.margin-top-bottom, .three.margin-top-bottom, .four.margin-top-bottom, .sorting.open-container .filter.vertical-form .margin-top-bottom.form, .filter.vertical-form .margin-top-bottom.form, .five.margin-top-bottom, .six.margin-top-bottom, .seven.margin-top-bottom, .eight.margin-top-bottom, .nine.margin-top-bottom, .ten.margin-top-bottom, .eleven.margin-top-bottom, .twelve.margin-top-bottom { margin-bottom: calc(var(--master_spacing) / 2); margin-top: calc(var(--master_spacing) / 2); } @media only screen and (max-width: 768px) { .collection-products .one, .cart-table .one, .collection-products .two, .cart-table .two, .collection-products .two-half, .cart-table .two-half, .collection-products .three, .cart-table .three, .collection-products .four, .collection-products .sorting.open-container .filter.vertical-form .form, .sorting.open-container .filter.vertical-form .collection-products .form, .collection-products .filter.vertical-form .form, .filter.vertical-form .collection-products .form, .cart-table .four, .cart-table .sorting.open-container .filter.vertical-form .form, .sorting.open-container .filter.vertical-form .cart-table .form, .cart-table .filter.vertical-form .form, .filter.vertical-form .cart-table .form, .collection-products .five, .cart-table .five, .collection-products .six, .cart-table .six, .collection-products .seven, .cart-table .seven, .collection-products .eight, .cart-table .eight, .collection-products .nine, .cart-table .nine, .collection-products .ten, .cart-table .ten, .collection-products .eleven, .cart-table .eleven, .collection-products .twelve, .cart-table .twelve { width: 100%; } } @media only screen and (max-width: 600px) { footer .one:not(.brands), footer .two:not(.brands), footer .two-half:not(.brands), footer .three:not(.brands), footer .four:not(.brands), footer .sorting.open-container .filter.vertical-form .form:not(.brands), .sorting.open-container .filter.vertical-form footer .form:not(.brands), footer .filter.vertical-form .form:not(.brands), .filter.vertical-form footer .form:not(.brands), footer .five:not(.brands), footer .six:not(.brands), footer .seven:not(.brands), footer .eight:not(.brands), footer .nine:not(.brands), footer .ten:not(.brands), footer .eleven:not(.brands), footer .twelve:not(.brands) { padding: 0 calc(var(--master_spacing) * 3); } } .hidden { -webkit-transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s; -ms-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } .left { float: left; } .right { float: right; } .center { display: block; float: none; margin: 0 auto; text-align: center; } .center.center-table { display: table; } .flex-wrap { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (max-width: 600px) { .flex-wrap { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } .slide-center { float: none; margin: 0 auto; } .table { display: table; height: 100%; width: 100%; } .table.left-width { width: auto; } .mobile-only .table.left-width { width: 100%; } .table.icon-text-table { font-size: 0; width: auto; } .full-width .table.icon-text-table { width: 100%; } .table.icon-text-table .icon-text { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; display: inline-block; margin-bottom: calc(var(--master_spacing) / 2); padding: 0 calc(var(--master_spacing) * 0.75); width: auto; } .table.icon-text-table .icon-text .img { padding-right: calc(var(--master_spacing) / 2); } .table.icon-text-table .icon-text .img img { margin: 0; max-height: 30px; max-width: 30px; } @media only screen and (max-width: 600px) { .table.icon-text-table { margin: 0 auto; text-align: center; } } .table-center { font-size: 0; } .table-cell { display: table-cell; height: 100%; vertical-align: middle; } .table-cell > div { padding-top: var(--master_spacing); } .table-cell > div.no-height.image { padding-top: 0; } .table-cell > div.no-height.image img, .table-cell > div.no-height.image .lazypadding div { margin-bottom: 0; } .table-cell > div.no-pad { padding-top: 0; } .table-cell.bottom { vertical-align: bottom; } .table-cell.top { vertical-align: top; } .absolute { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .relative { position: relative; } .relative.media-viewer { padding-top: 100%; margin: 0px; } .clearfix { zoom: 1; } .clearfix:before, .clearfix:after { content: ''; display: table; } .clearfix:after { clear: both; } .background-white { background: var(--white); padding-top: var(--master_spacing); position: relative; } .background-white.doublepad { margin: 0 0 calc(var(--master_spacing) / 2); padding: calc(var(--master_spacing) / 2) var(--master_spacing) var(--master_spacing); } .background-white .doublepad { margin: calc(-1 * var(--master_spacing)) 0 0; padding: calc(var(--master_spacing) / 2) var(--master_spacing) var(--master_spacing); } .background-white.needed { background: none; padding-top: 0; } .background-white.needed .product-img, .background-white.needed .no-img { background: var(--white); -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding: var(--master_spacing); } .background-colored.color-primary { background: var(--section_color_primary); } .background-colored.color-secondary { background: var(--section_color_secondary); } .background-colored.colored-bottom { padding-bottom: calc(var(--master_spacing) * 3); } @media only screen and (max-width: 600px) { .background-colored.colored-bottom { padding-bottom: calc(var(--master_spacing) * 2); } } .background-colored.colored-top { padding-top: calc(var(--master_spacing) * 3); } @media only screen and (max-width: 600px) { .background-colored.colored-top { padding-top: calc(var(--master_spacing) * 2); } } .background-colored.colored-top-bottom { padding-bottom: calc(var(--master_spacing) * 3); padding-top: calc(var(--master_spacing) * 3); } @media only screen and (max-width: 600px) { .background-colored.colored-top-bottom { padding-top: calc(var(--master_spacing) * 2); padding-bottom: calc(var(--master_spacing) * 2); } } .background-cover { -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; } .background-contain { -webkit-background-size: contain !important; -moz-background-size: contain !important; -o-background-size: contain !important; background-size: contain !important; } .lazyload, .lazyloading { position: relative; opacity: 0.25; filter: alpha(opacity=25); } .lazyload.background-cover, .lazyloading.background-cover { opacity: 1; filter: alpha(opacity=100); } .lazyload.background-cover:before, .lazyloading.background-cover:before { background: var(--line_color_darken_10); content: ''; height: 100%; left: 0; opacity: 0.25; filter: alpha(opacity=25); position: absolute; top: 0; width: 100%; } .lazyloaded { /* -webkit-transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s; -ms-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; */ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } .toppad { margin-top: var(--master_spacing); } .toppad-quarter { padding-top: calc(var(--master_spacing) / 2); } .bottompad { margin-bottom: calc(var(--master_spacing) * 1.5); } .bottompad-half { margin-bottom: var(--master_spacing); } .bottompad-quarter { margin-bottom: calc(var(--master_spacing) / 2); } .bottompad-section, #content .shopify-policy__container { margin-bottom: calc(var(--master_spacing) * 3); } @media only screen and (max-width: 600px) { .bottompad-section, #content .shopify-policy__container { margin-bottom: calc(var(--master_spacing) * 2); } } .margins-section { margin-bottom: calc(var(--master_spacing) * 3); margin-top: calc(var(--master_spacing) * 3); } @media only screen and (max-width: 600px) { .margins-section { margin-bottom: calc(var(--master_spacing) * 2); margin-top: calc(var(--master_spacing) * 2); } } .margins-bottom-section { margin-bottom: calc(var(--master_spacing) * 3); } @media only screen and (max-width: 600px) { .margins-bottom-section { margin-bottom: calc(var(--master_spacing) * 2); } } .margins-top-section { margin-top: calc(var(--master_spacing) * 3); } @media only screen and (max-width: 600px) { .margins-top-section { margin-top: calc(var(--master_spacing) * 2); } } .content.error-page, .content.default-page, .content.article-page, .content.list-collections-page, .content.customers-page, .content.page-page:not(.contact), .content.captcha-page, .content .shopify-policy__container { margin-top: calc(var(--master_spacing) * 3); } .content ul.unformatted.options li { padding: 0; } .content ul.unformatted.options li a, .content ul.unformatted.options li.first { font-size: var(--xx_small); padding: calc(var(--base) / 2); } .content ul.unformatted.options li a { display: block; } .content ul.unformatted.options li.first { font-weight: var(--body_font_weight_bold); } .content ul.unformatted li { list-style-position: outside; list-style-type: inherit; } .content ul.unformatted li:before { content: none; } .content ul li { list-style: none; position: relative; } .content ul li:before { content: '\2011'; font-size: var(--base)1; left: calc(-1 * var(--base)); position: absolute; } .row { border-bottom: 1px solid var(--line_color); float: left; width: 100%; margin: 0 0 calc(var(--master_spacing) * 2); padding: 0 0 calc(var(--master_spacing) * 2); } .row.half { margin: 0 0 var(--master_spacing); padding: 0 0 var(--master_spacing); } .row.last { border: none; margin: 0; padding: 0; } .row img { margin: 0; } .center .row img { margin: 0 auto; } @media only screen and (max-width: 600px) { .row img { margin: 0 auto calc(var(--master_spacing) / 2); } } .product-thumb-hover img { opacity: 0; filter: alpha(opacity=0); } img.lazywidth { font-size: 0; height: 100%; left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } img.lazyload:after { background: var(--line_color_darken_10); content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; } img.lazyloaded { opacity: 1; filter: alpha(opacity=100); -webkit-transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s; -ms-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } .product-thumb-hover img.lazyloaded { -webkit-transition: all 0.125s ease 0s; -moz-transition: all 0.125s ease 0s; -ms-transition: all 0.125s ease 0s; -o-transition: all 0.125s ease 0s; transition: all 0.125s ease 0s; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } hr { display: block; border-bottom: 1px solid var(--line_color); margin: var(--master_spacing) 0; } @media only screen and (max-width: 600px) { hr { margin: 0; } hr.search { margin: 0 0 var(--master_spacing); } hr.mobile-hide { display: none; } } .lazypadding div { margin: 0 0 calc(var(--master_spacing) / 2); padding-bottom: 100%; width: 100%; } h1, h2, h3, h4, h5, .h5, .customer-links ul li.cart-info .item-title h5 a, .header-navigation nav .responsiveMenu li ul.mega > span > li > a, .header-navigation nav .responsiveMenu li ul.semi > span > li > a, .header-navigation nav .responsiveMenu.isMobile > li > a, h6 { font: var(--headline_font_style) var(--headline_font_weight) var(--base)/calc(var(--base) * 1.25) var(--headline_font); color: var(--headline_font_color); margin: 0 0 var(--master_spacing); } h1 a, h2 a, h3 a, h4 a, h5 a, .h5 a, .customer-links ul li.cart-info .item-title h5 a a, .header-navigation nav .responsiveMenu li ul.mega > span > li > a a, .header-navigation nav .responsiveMenu li ul.semi > span > li > a a, .header-navigation nav .responsiveMenu.isMobile > li > a a, h6 a { color: inherit; text-decoration: none; font-weight: inherit; } h1 a:hover, h1 a:focus, h2 a:hover, h2 a:focus, h3 a:hover, h3 a:focus, h4 a:hover, h4 a:focus, h5 a:hover, .h5 a:hover, .customer-links ul li.cart-info .item-title h5 a a:hover, .header-navigation nav .responsiveMenu li ul.mega > span > li > a a:hover, .header-navigation nav .responsiveMenu li ul.semi > span > li > a a:hover, .header-navigation nav .responsiveMenu.isMobile > li > a a:hover, h5 a:focus, .h5 a:focus, .customer-links ul li.cart-info .item-title h5 a a:focus, .header-navigation nav .responsiveMenu li ul.mega > span > li > a a:focus, .header-navigation nav .responsiveMenu li ul.semi > span > li > a a:focus, .header-navigation nav .responsiveMenu.isMobile > li > a a:focus, h6 a:hover, h6 a:focus { text-decoration: none; } .white h1, .white h2, .white h3, .white h4, .white h5, .white .h5, .white .customer-links ul li.cart-info .item-title h5 a, .customer-links ul li.cart-info .item-title h5 .white a, .white .header-navigation nav .responsiveMenu li ul.mega > span > li > a, .header-navigation nav .responsiveMenu li .white ul.mega > span > li > a, .white .header-navigation nav .responsiveMenu li ul.semi > span > li > a, .header-navigation nav .responsiveMenu li .white ul.semi > span > li > a, .white .header-navigation nav .responsiveMenu.isMobile > li > a, .header-navigation nav .white .responsiveMenu.isMobile > li > a, .white h6 { color: var(--white); } .bold h1, h1 strong, .bold h2, h2 strong, .bold h3, h3 strong, .bold h4, h4 strong, .bold h5, .bold .h5, .bold .customer-links ul li.cart-info .item-title h5 a, .customer-links ul li.cart-info .item-title h5 .bold a, .bold .header-navigation nav .responsiveMenu li ul.mega > span > li > a, .header-navigation nav .responsiveMenu li .bold ul.mega > span > li > a, .bold .header-navigation nav .responsiveMenu li ul.semi > span > li > a, .header-navigation nav .responsiveMenu li .bold ul.semi > span > li > a, .bold .header-navigation nav .responsiveMenu.isMobile > li > a, .header-navigation nav .bold .responsiveMenu.isMobile > li > a, h5 strong, .h5 strong, .customer-links ul li.cart-info .item-title h5 a strong, .header-navigation nav .responsiveMenu li ul.mega > span > li > a strong, .header-navigation nav .responsiveMenu li ul.semi > span > li > a strong, .header-navigation nav .responsiveMenu.isMobile > li > a strong, .bold h6, h6 strong { font-weight: var(--headline_font_weight_bold); } .bold h1, h1 strong, h1 b, .bold h2, h2 strong, h2 b, .bold h3, h3 strong, h3 b, .bold h4, h4 strong, h4 b, .bold h5, .bold .h5, .bold .customer-links ul li.cart-info .item-title h5 a, .customer-links ul li.cart-info .item-title h5 .bold a, .bold .header-navigation nav .responsiveMenu li ul.mega > span > li > a, .header-navigation nav .responsiveMenu li .bold ul.mega > span > li > a, .bold .header-navigation nav .responsiveMenu li ul.semi > span > li > a, .header-navigation nav .responsiveMenu li .bold ul.semi > span > li > a, .bold .header-navigation nav .responsiveMenu.isMobile > li > a, .header-navigation nav .bold .responsiveMenu.isMobile > li > a, h5 strong, .h5 strong, .customer-links ul li.cart-info .item-title h5 a strong, .header-navigation nav .responsiveMenu li ul.mega > span > li > a strong, .header-navigation nav .responsiveMenu li ul.semi > span > li > a strong, .header-navigation nav .responsiveMenu.isMobile > li > a strong, h5 b, .h5 b, .customer-links ul li.cart-info .item-title h5 a b, .header-navigation nav .responsiveMenu li ul.mega > span > li > a b, .header-navigation nav .responsiveMenu li ul.semi > span > li > a b, .header-navigation nav .responsiveMenu.isMobile > li > a b, .bold h6, h6 strong, h6 b { font-weight: var(--headline_font_weight_bold); } h1 dfn, h1 em, h1 i, h2 dfn, h2 em, h2 i, h3 dfn, h3 em, h3 i, h4 dfn, h4 em, h4 i, h5 dfn, .h5 dfn, .customer-links ul li.cart-info .item-title h5 a dfn, .header-navigation nav .responsiveMenu li ul.mega > span > li > a dfn, .header-navigation nav .responsiveMenu li ul.semi > span > li > a dfn, .header-navigation nav .responsiveMenu.isMobile > li > a dfn, h5 em, .h5 em, .customer-links ul li.cart-info .item-title h5 a em, .header-navigation nav .responsiveMenu li ul.mega > span > li > a em, .header-navigation nav .responsiveMenu li ul.semi > span > li > a em, .header-navigation nav .responsiveMenu.isMobile > li > a em, h5 i, .h5 i, .customer-links ul li.cart-info .item-title h5 a i, .header-navigation nav .responsiveMenu li ul.mega > span > li > a i, .header-navigation nav .responsiveMenu li ul.semi > span > li > a i, .header-navigation nav .responsiveMenu.isMobile > li > a i, h6 dfn, h6 em, h6 i { font-style: italic; } h1.medium, h2.medium, h3.medium, h4.medium, h5.medium, .medium.h5, .customer-links ul li.cart-info .item-title h5 a.medium, .header-navigation nav .responsiveMenu li ul.mega > span > li > a.medium, .header-navigation nav .responsiveMenu li ul.semi > span > li > a.medium, .header-navigation nav .responsiveMenu.isMobile > li > a.medium, h6.medium { font-weight: var(--headline_font_weight_medium); } .h1 { font-size: var(--xx_large); font-weight: var(--headline_font_weight); line-height: calc(var(--xx_large) * 1.25); } @media only screen and (max-width: 600px) { .h1 { font-size: var(--x_large); line-height: calc(var(--x_large) * 1.25); } } @media only screen and (max-width: 480px) { .h1 { font-size: var(--large); line-height: calc(var(--large) * 1.25); } } h1, h2, h2.spr-header-title { font-size: var(--x_large); line-height: calc(var(--x_large) * 1.25); } h1.offers, h2.offers, h2.spr-header-title.offers { margin: 0 0 var(--master_spacing); } @media only screen and (max-width: 600px) { h1, h2, h2.spr-header-title { font-size: var(--large); line-height: calc(var(--large) * 1.25); } } h3 { font-size: var(--large); font-weight: var(--headline_font_weight_medium); line-height: calc(var(--large) * 1.25); } @media only screen and (max-width: 600px) { h3 { font-size: var(--medium); line-height: calc(var(--medium) * 1.25); } } h4 { font-size: var(--medium); } @media only screen and (max-width: 600px) { h4 { font-size: var(--x_small); } } h5, .h5, .customer-links ul li.cart-info .item-title h5 a, .header-navigation nav .responsiveMenu li ul.mega > span > li > a, .header-navigation nav .responsiveMenu li ul.semi > span > li > a, .header-navigation nav .responsiveMenu.isMobile > li > a, .h5 { font-size: var(--small); line-height: calc(var(--small) * 1.25); margin: 0 0 calc(var(--master_spacing) / 2); } .sidebar h5, .sidebar .h5, .sidebar .customer-links ul li.cart-info .item-title h5 a, .customer-links ul li.cart-info .item-title h5 .sidebar a, .sidebar .header-navigation nav .responsiveMenu li ul.mega > span > li > a, .header-navigation nav .responsiveMenu li .sidebar ul.mega > span > li > a, .sidebar .header-navigation nav .responsiveMenu li ul.semi > span > li > a, .header-navigation nav .responsiveMenu li .sidebar ul.semi > span > li > a, .sidebar .header-navigation nav .responsiveMenu.isMobile > li > a, .header-navigation nav .sidebar .responsiveMenu.isMobile > li > a, #filters h5, #filters .h5, #filters .customer-links ul li.cart-info .item-title h5 a, .customer-links ul li.cart-info .item-title h5 #filters a, #filters .header-navigation nav .responsiveMenu li ul.mega > span > li > a, .header-navigation nav .responsiveMenu li #filters ul.mega > span > li > a, #filters .header-navigation nav .responsiveMenu li ul.semi > span > li > a, .header-navigation nav .responsiveMenu li #filters ul.semi > span > li > a, #filters .header-navigation nav .responsiveMenu.isMobile > li > a, .header-navigation nav #filters .responsiveMenu.isMobile > li > a, .sidebar .h5, #filters .h5 { color: var(--body_font_color); font-weight: var(--headline_font_weight_bold); } .item-title h5, .item-title .h5, .customer-links ul li.cart-info .item-title h5 a, .item-title .header-navigation nav .responsiveMenu li ul.mega > span > li > a, .header-navigation nav .responsiveMenu li .item-title ul.mega > span > li > a, .item-title .header-navigation nav .responsiveMenu li ul.semi > span > li > a, .header-navigation nav .responsiveMenu li .item-title ul.semi > span > li > a, .item-title .header-navigation nav .responsiveMenu.isMobile > li > a, .header-navigation nav .item-title .responsiveMenu.isMobile > li > a, .item-title .h5 { margin: 0; } .item-reviews h5, .item-reviews .h5, .item-reviews .customer-links ul li.cart-info .item-title h5 a, .customer-links ul li.cart-info .item-title h5 .item-reviews a, .item-reviews .header-navigation nav .responsiveMenu li ul.mega > span > li > a, .header-navigation nav .responsiveMenu li .item-reviews ul.mega > span > li > a, .item-reviews .header-navigation nav .responsiveMenu li ul.semi > span > li > a, .header-navigation nav .responsiveMenu li .item-reviews ul.semi > span > li > a, .item-reviews .header-navigation nav .responsiveMenu.isMobile > li > a, .header-navigation nav .item-reviews .responsiveMenu.isMobile > li > a, .item-reviews .h5 { margin: calc(var(--master_spacing) / 2) 0 0; } h5.desktop-hide, .desktop-hide.h5, .customer-links ul li.cart-info .item-title h5 a.desktop-hide, .header-navigation nav .responsiveMenu li ul.mega > span > li > a.desktop-hide, .header-navigation nav .responsiveMenu li ul.semi > span > li > a.desktop-hide, .header-navigation nav .responsiveMenu.isMobile > li > a.desktop-hide, .h5.desktop-hide { display: none; } @media only screen and (max-width: 600px) { h5.desktop-hide, .desktop-hide.h5, .customer-links ul li.cart-info .item-title h5 a.desktop-hide, .header-navigation nav .responsiveMenu li ul.mega > span > li > a.desktop-hide, .header-navigation nav .responsiveMenu li ul.semi > span > li > a.desktop-hide, .header-navigation nav .responsiveMenu.isMobile > li > a.desktop-hide, .h5.desktop-hide { display: block; } h5.mobile-hide, .mobile-hide.h5, .customer-links ul li.cart-info .item-title h5 a.mobile-hide, .header-navigation nav .responsiveMenu li ul.mega > span > li > a.mobile-hide, .header-navigation nav .responsiveMenu li ul.semi > span > li > a.mobile-hide, .header-navigation nav .responsiveMenu.isMobile > li > a.mobile-hide, .h5.mobile-hide { display: none; } } h6 { font-size: var(--x_small); line-height: calc(var(--x_small) * 1.25); margin: 0 0 calc(var(--master_spacing) / 2); } .product-price h6, .product-price h6 a, h6.blog-data { color: var(--button_color); } .product-price h6 small, .product-price h6 a small, h6.blog-data small { color: var(--headline_font_color); } h6.selling { line-height: 1em; } p a { text-decoration: underline; } .white p { color: var(--white); } p.bold { font-weight: var(--body_font_weight_bold); } p .vendors, p.blog-data, p.feedback, p.additional, .search-text p { color: var(--body_font_color); font-size: var(--xx_small); line-height: calc(var(--xx_small) * 1.25); } p .vendors a, p.blog-data a, p.feedback a, p.additional a, .search-text p a { text-decoration: none; } .icon-text p { font-size: var(--xx_small); line-height: calc(var(--xx_small) * 1.25); padding: 0; } p.feedback a { text-decoration: underline; } .product p.feedback, .purchase-section p.feedback { display: none; opacity: 0; filter: alpha(opacity=0); padding: 0; -webkit-transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s; -ms-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } .product p.feedback.open, .purchase-section p.feedback.open { display: block; } .product p.feedback.visible, .purchase-section p.feedback.visible { opacity: 1; filter: alpha(opacity=100); padding: calc(var(--master_spacing) / 2) 0 0; } .product p.feedback .icon, .purchase-section p.feedback .icon { margin: 1px 5px 0 0; } .hover p.feedback { padding: 0 calc(var(--master_spacing) / 2) calc(var(--master_spacing) / 2); } p.no-pad { padding: 0; } .product-desc li a, .page li a, .blog-content li a, a:hover, a:focus { text-decoration: underline; } a.no-deco:hover, a.no-deco:focus { text-decoration: none; } a:hover, a:focus { color: var(--body_font_hover_color); } .white a { color: var(--white); } ul, ol { padding: 0 0 var(--base) var(--base); } ul li, ol li { padding: 0 0 calc(var(--base) / 2) 0; } ul ul, ul ol, ol ul, ol ol { padding: calc(var(--base) / 2) var(--base); } ul li li, ol li li { font-size: var(--xx_small); } .text-center { text-align: center; } .text-center .quantity.form { float: none; margin-left: auto; margin-right: auto; } .text-left { text-align: left; } .text-right { text-align: right; } .text-right .quantity.form { float: right; } @media only screen and (max-width: 600px) { .mobile-center { text-align: center; } } .capitalize { text-transform: capitalize; } .icon { display: inline-block; line-height: 0; position: relative; vertical-align: top; } .icon:not(.ignore):before { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .icon.hidden { display: none; } .icon.hiwt { padding: 2px 0; -webkit-transition: all 0.125s ease 0s; -moz-transition: all 0.125s ease 0s; -ms-transition: all 0.125s ease 0s; -o-transition: all 0.125s ease 0s; transition: all 0.125s ease 0s; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } a:hover .icon.hiwt { padding: 0 0 4px; } .icon-text .icon { padding-right: calc(var(--master_spacing) / 2); vertical-align: middle; } .icon-text .icon.no-pad { padding-right: 0; } .white .icon svg { fill: var(--white); stroke: var(--white); } .icon.thumbnail { background: var(--white); border: 1px solid var(--headline_font_color_05); height: 26px; position: absolute; right: 2px; top: 2px; width: 26px; } .icon.thumbnail svg { fill: var(--headline_font_color); padding: 5px; opacity: 0.6; filter: alpha(opacity=60); } .icon-plus:before { content: var(--plus); } .icon-minus:before { content: var(--minus); } .icon-open-plus:before { content: var(--open_plus); } .icon-open-minus:before { content: var(--open_minus); } .icon-bell { height: calc(var(--base) * 1.25); margin-right: 5px; width: 14px; } .icon-bell:before { content: var(--bell); } a.ajaxified-cart, input[type="button"], input[type="email"], input[type="number"], input[type="password"], input[type="reset"], input[type="search"], input[type="text"], select, textarea, a.styledSelect, .shopify-payment-button__button.shopify-payment-button__button--unbranded, .shopify-email-marketing-confirmation__container a, .spr-summary-actions-newreview, .btn { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: var(--white); border: 1px solid var(--line_color); -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: var(--body_font_color); font-weight: var(--body_font_weight_medium); font-size: var(--x_small); line-height: calc(var(--x_small) * 1.25); font-family: var(--body_font); min-height: 40px; padding: calc(var(--master_spacing) / 2) var(--xx_small); position: relative; width: 100%; } a.ajaxified-cart.qtybtn, a.ajaxified-cart.item-qty, input[type="button"].qtybtn, input[type="button"].item-qty, input[type="email"].qtybtn, input[type="email"].item-qty, input[type="number"].qtybtn, input[type="number"].item-qty, input[type="password"].qtybtn, input[type="password"].item-qty, input[type="reset"].qtybtn, input[type="reset"].item-qty, input[type="search"].qtybtn, input[type="search"].item-qty, input[type="text"].qtybtn, input[type="text"].item-qty, select.qtybtn, select.item-qty, textarea.qtybtn, textarea.item-qty, a.styledSelect.qtybtn, a.styledSelect.item-qty, .shopify-payment-button__button.shopify-payment-button__button--unbranded.qtybtn, .shopify-payment-button__button.shopify-payment-button__button--unbranded.item-qty, .shopify-email-marketing-confirmation__container a.qtybtn, .shopify-email-marketing-confirmation__container a.item-qty, .spr-summary-actions-newreview.qtybtn, .spr-summary-actions-newreview.item-qty, .btn.qtybtn, .btn.item-qty { background: var(--white); border-color: var(--line_color); color: var(--body_font_color); width: calc(var(--base) * 3); min-width: auto; } a.ajaxified-cart.qtybtn, input[type="button"].qtybtn, input[type="email"].qtybtn, input[type="number"].qtybtn, input[type="password"].qtybtn, input[type="reset"].qtybtn, input[type="search"].qtybtn, input[type="text"].qtybtn, select.qtybtn, textarea.qtybtn, a.styledSelect.qtybtn, .shopify-payment-button__button.shopify-payment-button__button--unbranded.qtybtn, .shopify-email-marketing-confirmation__container a.qtybtn, .spr-summary-actions-newreview.qtybtn, .btn.qtybtn { background: var(--button_color); border: none; border-radius: 100%; height: calc(var(--base) * 2); margin: calc(var(--base) * 0.25) calc(var(--master_spacing) / 2); min-height: calc(var(--base) * 2); padding: 0; width: calc(var(--base) * 2); } a.ajaxified-cart.qtybtn.icon-minus, a.ajaxified-cart.qtybtn.qtyminus_multi, input[type="button"].qtybtn.icon-minus, input[type="button"].qtybtn.qtyminus_multi, input[type="email"].qtybtn.icon-minus, input[type="email"].qtybtn.qtyminus_multi, input[type="number"].qtybtn.icon-minus, input[type="number"].qtybtn.qtyminus_multi, input[type="password"].qtybtn.icon-minus, input[type="password"].qtybtn.qtyminus_multi, input[type="reset"].qtybtn.icon-minus, input[type="reset"].qtybtn.qtyminus_multi, input[type="search"].qtybtn.icon-minus, input[type="search"].qtybtn.qtyminus_multi, input[type="text"].qtybtn.icon-minus, input[type="text"].qtybtn.qtyminus_multi, select.qtybtn.icon-minus, select.qtybtn.qtyminus_multi, textarea.qtybtn.icon-minus, textarea.qtybtn.qtyminus_multi, a.styledSelect.qtybtn.icon-minus, a.styledSelect.qtybtn.qtyminus_multi, .shopify-payment-button__button.shopify-payment-button__button--unbranded.qtybtn.icon-minus, .shopify-payment-button__button.shopify-payment-button__button--unbranded.qtybtn.qtyminus_multi, .shopify-email-marketing-confirmation__container a.qtybtn.icon-minus, .shopify-email-marketing-confirmation__container a.qtybtn.qtyminus_multi, .spr-summary-actions-newreview.qtybtn.icon-minus, .spr-summary-actions-newreview.qtybtn.qtyminus_multi, .btn.qtybtn.icon-minus, .btn.qtybtn.qtyminus_multi { margin-left: 0; } a.ajaxified-cart.qtybtn.icon-plus, a.ajaxified-cart.qtybtn.qtyplus_multi, input[type="button"].qtybtn.icon-plus, input[type="button"].qtybtn.qtyplus_multi, input[type="email"].qtybtn.icon-plus, input[type="email"].qtybtn.qtyplus_multi, input[type="number"].qtybtn.icon-plus, input[type="number"].qtybtn.qtyplus_multi, input[type="password"].qtybtn.icon-plus, input[type="password"].qtybtn.qtyplus_multi, input[type="reset"].qtybtn.icon-plus, input[type="reset"].qtybtn.qtyplus_multi, input[type="search"].qtybtn.icon-plus, input[type="search"].qtybtn.qtyplus_multi, input[type="text"].qtybtn.icon-plus, input[type="text"].qtybtn.qtyplus_multi, select.qtybtn.icon-plus, select.qtybtn.qtyplus_multi, textarea.qtybtn.icon-plus, textarea.qtybtn.qtyplus_multi, a.styledSelect.qtybtn.icon-plus, a.styledSelect.qtybtn.qtyplus_multi, .shopify-payment-button__button.shopify-payment-button__button--unbranded.qtybtn.icon-plus, .shopify-payment-button__button.shopify-payment-button__button--unbranded.qtybtn.qtyplus_multi, .shopify-email-marketing-confirmation__container a.qtybtn.icon-plus, .shopify-email-marketing-confirmation__container a.qtybtn.qtyplus_multi, .spr-summary-actions-newreview.qtybtn.icon-plus, .spr-summary-actions-newreview.qtybtn.qtyplus_multi, .btn.qtybtn.icon-plus, .btn.qtybtn.qtyplus_multi { margin-right: 0; } a.ajaxified-cart.modelthreed, input[type="button"].modelthreed, input[type="email"].modelthreed, input[type="number"].modelthreed, input[type="password"].modelthreed, input[type="reset"].modelthreed, input[type="search"].modelthreed, input[type="text"].modelthreed, select.modelthreed, textarea.modelthreed, a.styledSelect.modelthreed, .shopify-payment-button__button.shopify-payment-button__button--unbranded.modelthreed, .shopify-email-marketing-confirmation__container a.modelthreed, .spr-summary-actions-newreview.modelthreed, .btn.modelthreed { background: var(--headline_font_color_08); border-color: var(--headline_font_color_00); color: var(--headline_font_color); } a.ajaxified-cart.modelthreed[data-shopify-xr-hidden], input[type="button"].modelthreed[data-shopify-xr-hidden], input[type="email"].modelthreed[data-shopify-xr-hidden], input[type="number"].modelthreed[data-shopify-xr-hidden], input[type="password"].modelthreed[data-shopify-xr-hidden], input[type="reset"].modelthreed[data-shopify-xr-hidden], input[type="search"].modelthreed[data-shopify-xr-hidden], input[type="text"].modelthreed[data-shopify-xr-hidden], select.modelthreed[data-shopify-xr-hidden], textarea.modelthreed[data-shopify-xr-hidden], a.styledSelect.modelthreed[data-shopify-xr-hidden], .shopify-payment-button__button.shopify-payment-button__button--unbranded.modelthreed[data-shopify-xr-hidden], .shopify-email-marketing-confirmation__container a.modelthreed[data-shopify-xr-hidden], .spr-summary-actions-newreview.modelthreed[data-shopify-xr-hidden], .btn.modelthreed[data-shopify-xr-hidden] { display: none; } a.ajaxified-cart.modelthreed:hover:not([disabled]), a.ajaxified-cart.modelthreed:focus:not([disabled]), input[type="button"].modelthreed:hover:not([disabled]), input[type="button"].modelthreed:focus:not([disabled]), input[type="email"].modelthreed:hover:not([disabled]), input[type="email"].modelthreed:focus:not([disabled]), input[type="number"].modelthreed:hover:not([disabled]), input[type="number"].modelthreed:focus:not([disabled]), input[type="password"].modelthreed:hover:not([disabled]), input[type="password"].modelthreed:focus:not([disabled]), input[type="reset"].modelthreed:hover:not([disabled]), input[type="reset"].modelthreed:focus:not([disabled]), input[type="search"].modelthreed:hover:not([disabled]), input[type="search"].modelthreed:focus:not([disabled]), input[type="text"].modelthreed:hover:not([disabled]), input[type="text"].modelthreed:focus:not([disabled]), select.modelthreed:hover:not([disabled]), select.modelthreed:focus:not([disabled]), textarea.modelthreed:hover:not([disabled]), textarea.modelthreed:focus:not([disabled]), a.styledSelect.modelthreed:hover:not([disabled]), a.styledSelect.modelthreed:focus:not([disabled]), .shopify-payment-button__button.shopify-payment-button__button--unbranded.modelthreed:hover:not([disabled]), .shopify-payment-button__button.shopify-payment-button__button--unbranded.modelthreed:focus:not([disabled]), .shopify-email-marketing-confirmation__container a.modelthreed:hover:not([disabled]), .shopify-email-marketing-confirmation__container a.modelthreed:focus:not([disabled]), .spr-summary-actions-newreview.modelthreed:hover:not([disabled]), .spr-summary-actions-newreview.modelthreed:focus:not([disabled]), .btn.modelthreed:hover:not([disabled]), .btn.modelthreed:focus:not([disabled]) { background: var(--headline_font_color); border-color: var(--headline_font_color); color: var(--white); } a.ajaxified-cart.modelthreed:hover:not([disabled]) svg, a.ajaxified-cart.modelthreed:focus:not([disabled]) svg, input[type="button"].modelthreed:hover:not([disabled]) svg, input[type="button"].modelthreed:focus:not([disabled]) svg, input[type="email"].modelthreed:hover:not([disabled]) svg, input[type="email"].modelthreed:focus:not([disabled]) svg, input[type="number"].modelthreed:hover:not([disabled]) svg, input[type="number"].modelthreed:focus:not([disabled]) svg, input[type="password"].modelthreed:hover:not([disabled]) svg, input[type="password"].modelthreed:focus:not([disabled]) svg, input[type="reset"].modelthreed:hover:not([disabled]) svg, input[type="reset"].modelthreed:focus:not([disabled]) svg, input[type="search"].modelthreed:hover:not([disabled]) svg, input[type="search"].modelthreed:focus:not([disabled]) svg, input[type="text"].modelthreed:hover:not([disabled]) svg, input[type="text"].modelthreed:focus:not([disabled]) svg, select.modelthreed:hover:not([disabled]) svg, select.modelthreed:focus:not([disabled]) svg, textarea.modelthreed:hover:not([disabled]) svg, textarea.modelthreed:focus:not([disabled]) svg, a.styledSelect.modelthreed:hover:not([disabled]) svg, a.styledSelect.modelthreed:focus:not([disabled]) svg, .shopify-payment-button__button.shopify-payment-button__button--unbranded.modelthreed:hover:not([disabled]) svg, .shopify-payment-button__button.shopify-payment-button__button--unbranded.modelthreed:focus:not([disabled]) svg, .shopify-email-marketing-confirmation__container a.modelthreed:hover:not([disabled]) svg, .shopify-email-marketing-confirmation__container a.modelthreed:focus:not([disabled]) svg, .spr-summary-actions-newreview.modelthreed:hover:not([disabled]) svg, .spr-summary-actions-newreview.modelthreed:focus:not([disabled]) svg, .btn.modelthreed:hover:not([disabled]) svg, .btn.modelthreed:focus:not([disabled]) svg { fill: var(--white); } a.ajaxified-cart::-webkit-input-placeholder, input[type="button"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="reset"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="text"]::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder, a.styledSelect::-webkit-input-placeholder, .shopify-payment-button__button.shopify-payment-button__button--unbranded::-webkit-input-placeholder, .shopify-email-marketing-confirmation__container a::-webkit-input-placeholder, .spr-summary-actions-newreview::-webkit-input-placeholder, .btn::-webkit-input-placeholder { opacity: 0.75; filter: alpha(opacity=75); } a.ajaxified-cart::-moz-placeholder, input[type="button"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="reset"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="text"]::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder, a.styledSelect::-moz-placeholder, .shopify-payment-button__button.shopify-payment-button__button--unbranded::-moz-placeholder, .shopify-email-marketing-confirmation__container a::-moz-placeholder, .spr-summary-actions-newreview::-moz-placeholder, .btn::-moz-placeholder { opacity: 0.75; filter: alpha(opacity=75); } a.ajaxified-cart:-moz-placeholder, input[type="button"]:-moz-placeholder, input[type="email"]:-moz-placeholder, input[type="number"]:-moz-placeholder, input[type="password"]:-moz-placeholder, input[type="reset"]:-moz-placeholder, input[type="search"]:-moz-placeholder, input[type="text"]:-moz-placeholder, select:-moz-placeholder, textarea:-moz-placeholder, a.styledSelect:-moz-placeholder, .shopify-payment-button__button.shopify-payment-button__button--unbranded:-moz-placeholder, .shopify-email-marketing-confirmation__container a:-moz-placeholder, .spr-summary-actions-newreview:-moz-placeholder, .btn:-moz-placeholder { opacity: 0.75; filter: alpha(opacity=75); } a.ajaxified-cart:-ms-input-placeholder, input[type="button"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="reset"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, input[type="text"]:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder, a.styledSelect:-ms-input-placeholder, .shopify-payment-button__button.shopify-payment-button__button--unbranded:-ms-input-placeholder, .shopify-email-marketing-confirmation__container a:-ms-input-placeholder, .spr-summary-actions-newreview:-ms-input-placeholder, .btn:-ms-input-placeholder { opacity: 0.75; filter: alpha(opacity=75); } input[type="email"], input[type="number"], input[type="password"], input[type="reset"], input[type="search"], input[type="text"] { height: 40px; } input[type="number"] { padding: 0; text-align: center; -moz-appearance: textfield; } input[type="number"].text-left { padding: calc(var(--master_spacing) / 2) var(--xx_small); text-align: left; } input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; } textarea { padding: var(--xx_small); } textarea#contactFormMessage { height: 216px; } span.btn:hover:not(.disabled), span.btn:focus:not(.disabled) { cursor: pointer; } span.btn.disabled:hover, span.btn.disabled:focus { cursor: not-allowed; } .btn, .shopify-payment-button__button.shopify-payment-button__button--unbranded, .shopify-email-marketing-confirmation__container a, .spr-summary-actions-newreview, input[type="button"] { background: var(--button_color); border-color: var(--button_color); color: var(--white); display: inline-block; max-width: 220px; text-align: center; text-decoration: none; vertical-align: middle; white-space: normal; width: 100%; } .btn:hover, .shopify-payment-button__button.shopify-payment-button__button--unbranded:hover, .shopify-email-marketing-confirmation__container a:hover, .spr-summary-actions-newreview:hover, input[type="button"]:hover { outline: 0; } .btn:hover:not([disabled]), .shopify-payment-button__button.shopify-payment-button__button--unbranded:hover:not([disabled]), .shopify-email-marketing-confirmation__container a:hover:not([disabled]), .spr-summary-actions-newreview:hover:not([disabled]), input[type="button"]:hover:not([disabled]) { background: var(--hover_button_color); border-color: var(--hover_button_color); color: var(--white); text-decoration: none; } .btn.auto-width, .shopify-payment-button__button.shopify-payment-button__button--unbranded.auto-width, .shopify-email-marketing-confirmation__container a.auto-width, .spr-summary-actions-newreview.auto-width, input[type="button"].auto-width { width: auto; } .auto-full-width .btn, .btn.auto-full-width, .negative-left .btn, .negative-right .btn, .auto-full-width .shopify-payment-button__button.shopify-payment-button__button--unbranded, .shopify-payment-button__button.shopify-payment-button__button--unbranded.auto-full-width, .negative-left .shopify-payment-button__button.shopify-payment-button__button--unbranded, .negative-right .shopify-payment-button__button.shopify-payment-button__button--unbranded, .auto-full-width .shopify-email-marketing-confirmation__container a, .shopify-email-marketing-confirmation__container a.auto-full-width, .negative-left .shopify-email-marketing-confirmation__container a, .negative-right .shopify-email-marketing-confirmation__container a, .auto-full-width .spr-summary-actions-newreview, .spr-summary-actions-newreview.auto-full-width, .negative-left .spr-summary-actions-newreview, .negative-right .spr-summary-actions-newreview, .auto-full-width input[type="button"], input[type="button"].auto-full-width, .negative-left input[type="button"], .negative-right input[type="button"] { max-width: none; width: 100%; } .auto-full-width .btn.auto-width, .btn.auto-full-width.auto-width, .negative-left .btn.auto-width, .negative-right .btn.auto-width, .auto-full-width .shopify-payment-button__button.shopify-payment-button__button--unbranded.auto-width, .shopify-payment-button__button.shopify-payment-button__button--unbranded.auto-full-width.auto-width, .negative-left .shopify-payment-button__button.shopify-payment-button__button--unbranded.auto-width, .negative-right .shopify-payment-button__button.shopify-payment-button__button--unbranded.auto-width, .auto-full-width .shopify-email-marketing-confirmation__container a.auto-width, .shopify-email-marketing-confirmation__container a.auto-full-width.auto-width, .negative-left .shopify-email-marketing-confirmation__container a.auto-width, .negative-right .shopify-email-marketing-confirmation__container a.auto-width, .auto-full-width .spr-summary-actions-newreview.auto-width, .spr-summary-actions-newreview.auto-full-width.auto-width, .negative-left .spr-summary-actions-newreview.auto-width, .negative-right .spr-summary-actions-newreview.auto-width, .auto-full-width input[type="button"].auto-width, input[type="button"].auto-full-width.auto-width, .negative-left input[type="button"].auto-width, .negative-right input[type="button"].auto-width { width: auto; } .auto-full-width .btn.standard-width, .btn.auto-full-width.standard-width, .negative-left .btn.standard-width, .negative-right .btn.standard-width, .auto-full-width .shopify-payment-button__button.shopify-payment-button__button--unbranded.standard-width, .shopify-payment-button__button.shopify-payment-button__button--unbranded.auto-full-width.standard-width, .negative-left .shopify-payment-button__button.shopify-payment-button__button--unbranded.standard-width, .negative-right .shopify-payment-button__button.shopify-payment-button__button--unbranded.standard-width, .auto-full-width .shopify-email-marketing-confirmation__container a.standard-width, .shopify-email-marketing-confirmation__container a.auto-full-width.standard-width, .negative-left .shopify-email-marketing-confirmation__container a.standard-width, .negative-right .shopify-email-marketing-confirmation__container a.standard-width, .auto-full-width .spr-summary-actions-newreview.standard-width, .spr-summary-actions-newreview.auto-full-width.standard-width, .negative-left .spr-summary-actions-newreview.standard-width, .negative-right .spr-summary-actions-newreview.standard-width, .auto-full-width input[type="button"].standard-width, input[type="button"].auto-full-width.standard-width, .negative-left input[type="button"].standard-width, .negative-right input[type="button"].standard-width { max-width: 220px; width: 100%; } .btn.dark, .shopify-payment-button__button.shopify-payment-button__button--unbranded.dark, .shopify-email-marketing-confirmation__container a.dark, .spr-summary-actions-newreview.dark, input[type="button"].dark { background: var(--body_font_color); border-color: var(--body_font_color); color: var(--white); } .btn.dark:hover, .shopify-payment-button__button.shopify-payment-button__button--unbranded.dark:hover, .shopify-email-marketing-confirmation__container a.dark:hover, .spr-summary-actions-newreview.dark:hover, input[type="button"].dark:hover { background: var(--body_font_color_darken_10); border-color: var(--body_font_color_darken_10); } .btn.active:focus, .btn.outline, .btn.smart-outline, .spr-summary-actions .btn, .shopify-payment-button__button.shopify-payment-button__button--unbranded.active:focus, .shopify-payment-button__button.shopify-payment-button__button--unbranded.outline, .shopify-payment-button__button.shopify-payment-button__button--unbranded.smart-outline, .spr-summary-actions .shopify-payment-button__button.shopify-payment-button__button--unbranded, .shopify-email-marketing-confirmation__container a.active:focus, .shopify-email-marketing-confirmation__container a.outline, .shopify-email-marketing-confirmation__container a.smart-outline, .spr-summary-actions .shopify-email-marketing-confirmation__container a, .spr-summary-actions-newreview.active:focus, .spr-summary-actions-newreview.outline, .spr-summary-actions-newreview.smart-outline, .spr-summary-actions .spr-summary-actions-newreview, input[type="button"].active:focus, input[type="button"].outline, input[type="button"].smart-outline, .spr-summary-actions input[type="button"] { background: none; border-color: var(--button_color); color: var(--button_color); } .btn.active:focus.dark, .btn.outline.dark, .btn.smart-outline.dark, .spr-summary-actions .btn.dark, .shopify-payment-button__button.shopify-payment-button__button--unbranded.active:focus.dark, .shopify-payment-button__button.shopify-payment-button__button--unbranded.outline.dark, .shopify-payment-button__button.shopify-payment-button__button--unbranded.smart-outline.dark, .spr-summary-actions .shopify-payment-button__button.shopify-payment-button__button--unbranded.dark, .shopify-email-marketing-confirmation__container a.active:focus.dark, .shopify-email-marketing-confirmation__container a.outline.dark, .shopify-email-marketing-confirmation__container a.smart-outline.dark, .spr-summary-actions .shopify-email-marketing-confirmation__container a.dark, .spr-summary-actions-newreview.active:focus.dark, .spr-summary-actions-newreview.outline.dark, .spr-summary-actions-newreview.smart-outline.dark, .spr-summary-actions .spr-summary-actions-newreview.dark, input[type="button"].active:focus.dark, input[type="button"].outline.dark, input[type="button"].smart-outline.dark, .spr-summary-actions input[type="button"].dark { border-color: var(--body_font_color); color: var(--body_font_color); } .btn.active:focus:hover:not([disabled]), .btn.outline:hover:not([disabled]), .btn.smart-outline:hover:not([disabled]), .spr-summary-actions .btn:hover:not([disabled]), .shopify-payment-button__button.shopify-payment-button__button--unbranded.active:focus:hover:not([disabled]), .shopify-payment-button__button.shopify-payment-button__button--unbranded.outline:hover:not([disabled]), .shopify-payment-button__button.shopify-payment-button__button--unbranded.smart-outline:hover:not([disabled]), .spr-summary-actions .shopify-payment-button__button.shopify-payment-button__button--unbranded:hover:not([disabled]), .shopify-email-marketing-confirmation__container a.active:focus:hover:not([disabled]), .shopify-email-marketing-confirmation__container a.outline:hover:not([disabled]), .shopify-email-marketing-confirmation__container a.smart-outline:hover:not([disabled]), .spr-summary-actions .shopify-email-marketing-confirmation__container a:hover:not([disabled]), .spr-summary-actions-newreview.active:focus:hover:not([disabled]), .spr-summary-actions-newreview.outline:hover:not([disabled]), .spr-summary-actions-newreview.smart-outline:hover:not([disabled]), .spr-summary-actions .spr-summary-actions-newreview:hover:not([disabled]), input[type="button"].active:focus:hover:not([disabled]), input[type="button"].outline:hover:not([disabled]), input[type="button"].smart-outline:hover:not([disabled]), .spr-summary-actions input[type="button"]:hover:not([disabled]) { background: var(--hover_button_color); border-color: var(--hover_button_color); color: var(--white); } .btn.collection-hover, .shopify-payment-button__button.shopify-payment-button__button--unbranded.collection-hover, .shopify-email-marketing-confirmation__container a.collection-hover, .spr-summary-actions-newreview.collection-hover, input[type="button"].collection-hover { background: var(--white); } .btn.cart-link, .shopify-payment-button__button.shopify-payment-button__button--unbranded.cart-link, .shopify-email-marketing-confirmation__container a.cart-link, .spr-summary-actions-newreview.cart-link, input[type="button"].cart-link { background: none; color: var(--body_font_color); display: inline-block; margin-right: calc(-1 * var(--small)); padding: calc(var(--small) / 2) var(--small); vertical-align: middle; } .btn.cart-link:hover, .btn.cart-link:focus, .shopify-payment-button__button.shopify-payment-button__button--unbranded.cart-link:hover, .shopify-payment-button__button.shopify-payment-button__button--unbranded.cart-link:focus, .shopify-email-marketing-confirmation__container a.cart-link:hover, .shopify-email-marketing-confirmation__container a.cart-link:focus, .spr-summary-actions-newreview.cart-link:hover, .spr-summary-actions-newreview.cart-link:focus, input[type="button"].cart-link:hover, input[type="button"].cart-link:focus { text-decoration: underline; } .btn.remove, .shopify-payment-button__button.shopify-payment-button__button--unbranded.remove, .shopify-email-marketing-confirmation__container a.remove, .spr-summary-actions-newreview.remove, input[type="button"].remove { background: var(--error_color); font-size: var(--x_small); line-height: var(--x_small); padding: calc(var(--x_small) / 3) calc(var(--x_small) / 2); } .btn.skip-to, .shopify-payment-button__button.shopify-payment-button__button--unbranded.skip-to, .shopify-email-marketing-confirmation__container a.skip-to, .spr-summary-actions-newreview.skip-to, input[type="button"].skip-to { display: block; top: -999px; position: absolute; max-width: none; -webkit-transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s; -ms-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } .btn.skip-to:focus, .shopify-payment-button__button.shopify-payment-button__button--unbranded.skip-to:focus, .shopify-email-marketing-confirmation__container a.skip-to:focus, .spr-summary-actions-newreview.skip-to:focus, input[type="button"].skip-to:focus { top: 0; position: relative; } .btn.additional, .shopify-payment-button__button.shopify-payment-button__button--unbranded.additional, .shopify-email-marketing-confirmation__container a.additional, .spr-summary-actions-newreview.additional, input[type="button"].additional { border-width: 2px; font-size: var(--xx_small); } .btn.additional span, .shopify-payment-button__button.shopify-payment-button__button--unbranded.additional span, .shopify-email-marketing-confirmation__container a.additional span, .spr-summary-actions-newreview.additional span, input[type="button"].additional span { font-weight: var(--body_font_weight_bold); } .btn.additional span:after, .shopify-payment-button__button.shopify-payment-button__button--unbranded.additional span:after, .shopify-email-marketing-confirmation__container a.additional span:after, .spr-summary-actions-newreview.additional span:after, input[type="button"].additional span:after { padding: 0 4px; content: '\2022'; } @media only screen and (max-width: 600px) { .btn, .shopify-payment-button__button.shopify-payment-button__button--unbranded, .shopify-email-marketing-confirmation__container a, .spr-summary-actions-newreview, input[type="button"] { min-width: auto; } } .shopify-payment-button__button--hidden, .shopify-payment-button__button[disabled] { display: none !important; -webkit-transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s; -ms-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } .no-select, a.styledSelect { border-color: var(--line_color); } select, a.styledSelect { background: none; display: block; overflow: hidden; padding-right: calc(var(--xx_small) * 2.5); text-indent: 0.01px; text-overflow: ellipsis; white-space: nowrap; } select option, a.styledSelect option { color: var(--body_font_color); } select:hover, select:focus, a.styledSelect:hover, a.styledSelect:focus { cursor: pointer; text-decoration: none; } select.sortBy, a.styledSelect.sortBy { width: auto; } select::-ms-expand, a.styledSelect::-ms-expand { display: none; } .new-select { display: block; position: relative; scrollbar-color: var(--line_color) var(--white); scrollbar-width: thin; } .new-select ::-webkit-scrollbar { -webkit-appearance: none; width: 14px; } .new-select ::-webkit-scrollbar-thumb { border: 2px solid var(--white); background-color: var(--line_color); } .options { border: 1px solid var(--line_color); border-top-color: var(--white); background-color: var(--white); display: none; left: 0; line-height: 1em; list-style: none; margin: 0 0; max-height: 250px; overflow-y: auto; padding: 0 0; position: absolute; right: 0; text-align: left; top: 100%; z-index: 999; -webkit-transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s; -ms-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } .options.active { display: block; } input[type="checkbox"], input[type="radio"] { display: inline-block; margin-right: calc(var(--master_spacing) / 4); position: relative; } input[type="checkbox"]:before, input[type="radio"]:before { background: var(--white); content: var(--box); height: 16px; left: -2px; padding: 2px; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } input[type="checkbox"]:hover:before, input[type="checkbox"]:focus:before, input[type="radio"]:hover:before, input[type="radio"]:focus:before { cursor: pointer; } input[type="checkbox"]:checked:before, input[type="radio"]:checked:before { content: var(--box_check); } input[type="radio"]:before { content: var(--circle); } input[type="radio"]:checked:before { content: var(--circle_check); } .select, .selector-wrapper { background: var(--white); display: block; position: relative; } .select:before, .selector-wrapper:before { bottom: 0; content: var(--arrow_down); position: absolute; right: 0; width: calc(var(--xx_small) * 2.5); top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .select.disabled, .selector-wrapper.disabled { opacity: 0.75; filter: alpha(opacity=75); } .tag-select.disabled .select:after, .select.disabled:after, .select.disabled a.styledSelect:after, .tag-select.disabled .selector-wrapper:after, .selector-wrapper.disabled:after, .selector-wrapper.disabled a.styledSelect:after { bottom: 0; content: ''; display: block; left: 0; position: absolute; right: 0; top: 0; z-index: 9; } .tag-select.disabled .select:after:hover, .tag-select.disabled .select:after:focus, .select.disabled:after:hover, .select.disabled:after:focus, .select.disabled a.styledSelect:after:hover, .select.disabled a.styledSelect:after:focus, .tag-select.disabled .selector-wrapper:after:hover, .tag-select.disabled .selector-wrapper:after:focus, .selector-wrapper.disabled:after:hover, .selector-wrapper.disabled:after:focus, .selector-wrapper.disabled a.styledSelect:after:hover, .selector-wrapper.disabled a.styledSelect:after:focus { cursor: not-allowed; } .tag-select.disabled .select:hover, .tag-select.disabled .select:focus, .select.disabled:hover, .select.disabled:focus, .select.disabled a.styledSelect:hover, .select.disabled a.styledSelect:focus, .tag-select.disabled .selector-wrapper:hover, .tag-select.disabled .selector-wrapper:focus, .selector-wrapper.disabled:hover, .selector-wrapper.disabled:focus, .selector-wrapper.disabled a.styledSelect:hover, .selector-wrapper.disabled a.styledSelect:focus { cursor: not-allowed; } .selector-wrapper, .swatch { margin: calc(var(--master_spacing) / 2) 0 var(--master_spacing); } .banner .selector-wrapper, .banner .swatch { margin-top: 0; text-align: left; } @media only screen and (max-width: 600px) { .banner .selector-wrapper, .banner .swatch { margin-top: calc(var(--master_spacing) / 2); text-align: center; } } .selector-wrapper label:not(.swatch-label), .swatch label:not(.swatch-label) { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; font-size: 11px; font-weight: var(--body_font_weight_medium); line-height: var(--master_spacing); margin: 0; overflow: hidden; position: absolute; text-overflow: ellipsis; -webkit-transform: translate(0, -100%); -moz-transform: translate(0, -100%); -o-transform: translate(0, -100%); -ms-transform: translate(0, -100%); transform: translate(0, -100%); white-space: nowrap; width: 100%; z-index: 0; } .selector-wrapper { background: var(--white); -webkit-box-shadow: inset 0px 0px 0px 1px var(--line_color); -moz-box-shadow: inset 0px 0px 0px 1px var(--line_color); box-shadow: inset 0px 0px 0px 1px var(--line_color); display: none; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; float: left; width: 100%; position: relative; } .selector-wrapper .select { background: var(--white); display: block; position: relative; } .swatch { display: none; font-size: 0; line-height: 0; margin: calc(var(--master_spacing) / 2) auto var(--master_spacing); position: relative; } .product-loop .swatch { margin: 0 -4px calc(var(--master_spacing) / 2); } .item-title .swatch { margin: calc(var(--master_spacing) / 2) -4px 0; } @media only screen and (max-width: 768px) { .item-title .swatch { margin-top: 0; } } .banner .swatch { margin: 0 -4px var(--master_spacing); } .banner .swatch label:not(.error), .banner .swatch label:not(.swatch-label) { margin: 0 4px; } .swatch.hidden { display: none; } .swatch .swatch-element { border: 1px solid var(--line_color); display: inline-block; -webkit-transform: translateZ(0); -webkit-font-smoothing: antialiased; margin: 0 4px 8px; opacity: 0.50; filter: alpha(opacity=50); position: relative; } .swatch .swatch-element:hover { cursor: pointer; } .product-loop .swatch .swatch-element { margin: 0 2px 4px; } .swatch .swatch-element.color { border-color: var(--line_color); opacity: 1; filter: alpha(opacity=100); } .swatch .swatch-element.color.active { border-color: var(--body_font_color); } .swatch .swatch-element.var_hover, .swatch .swatch-element.active { border-color: var(--body_font_color); opacity: 1; filter: alpha(opacity=100); } .swatch .swatch-element input { height: 100%; left: 0; opacity: 0; filter: alpha(opacity=0); margin: 0; position: absolute; top: 0; visibility: hidden; width: 100%; } .swatch .swatch-element input:hover { cursor: pointer; } #product-id-product-template-quick .swatch .swatch-element input { visibility: visible; } .swatch .swatch-element input:before { height: 100%; top: 0; width: 100%; } .swatch .swatch-element label:not(.error) { background-position: center center; background-repeat: no-repeat; border: 1px solid var(--white); -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; color: var(--body_font_color); float: left; height: var(--swatches); line-height: var(--swatches); margin: 0; min-width: var(--swatches); padding: 0 10px; text-align: center; white-space: nowrap; } .swatch .swatch-element label:not(.error):hover { cursor: pointer; } .product-loop .swatch .swatch-element label:not(.error) { height: calc(var(--swatches) - 10px); line-height: calc(var(--swatches) - 10px); min-width: calc(var(--swatches) - 10px); } .swatch .swatch-element label.error { background: var(--white); bottom: var(--swatches); border: 1px solid var(--button_color); color: var(--button_color); right: 50%; -webkit-transform: translate(50%, 0); -moz-transform: translate(50%, 0); -o-transform: translate(50%, 0); -ms-transform: translate(50%, 0); transform: translate(50%, 0); z-index: 9; } .swatch .swatch-element label.error:after { border-color: transparent; border-top-color: var(--white); border-width: 6px; top: 100%; } .swatch .swatch-element label.error:before { border-color: transparent; border-top-color: var(--button_color); border-width: 7px; top: 100%; } .product-loop .swatch .swatch-element label.error { bottom: calc(var(--swatches) - 10px); } .swatch .swatch-element.var_hover label.error { display: block; } .swatch .swatch-element.soldout { border-color: var(--error_color); } .swatch .swatch-element.soldout label:not(.hidden) { opacity: 0.50; filter: alpha(opacity=50); background: var(--error_color); color: var(--white); } .swatch .swatch-element.soldout label:not(.hidden).color:after { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; content: var(--times_w); position: absolute; top: 50%; left: 50%; width: 24px; height: 24px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .swatch .swatch-element.soldout label:not(.hidden).color.white:after { content: var(--times_r); } @media only screen and (max-width: 600px) { .banner .swatch { margin: 0 auto var(--master_spacing); } } span.form { background: var(--white); display: block; float: left; width: 100%; margin-bottom: var(--master_spacing); position: relative; } span.form.auto-width { margin-right: var(--master_spacing); width: auto; } .center span.form.auto-width { margin-left: calc(var(--master_spacing) / 2); margin-right: calc(var(--master_spacing) / 2); } span.form.quantity { background: none; display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; float: left; max-height: 40px; width: auto; } span.form.quantity label.error { right: 50%; -webkit-transform: translate(50%, 0); -moz-transform: translate(50%, 0); -o-transform: translate(50%, 0); -ms-transform: translate(50%, 0); transform: translate(50%, 0); } .cart-details span.form.quantity { margin: 0; } label { color: var(--headline_font_color); display: block; font-size: var(--xx_small); margin: 0 0 calc(var(--xx_small) / 3); position: relative; } .separator { padding: 0 calc(var(--base) / 2); } .separator:before { border-left: 1px solid var(--line_color_darken_10); content: '\00a0'; display: inline-block; width: 0; } .white .separator:before { border-color: var(--white); } .open-container .open:hover, .open-container .open:focus { cursor: pointer; } .open-container .open.open-btn .btn { background: var(--button_color); border: none; border-radius: 100%; height: var(--medium); margin: 0; min-height: var(--medium); min-width: auto; padding: 0; vertical-align: top; width: var(--medium); } .open-container .open.open-btn .btn:before { height: var(--medium); width: var(--medium); } .open-container .open.open-btn.open-header .btn { background: none; } .open-container .open.open-btn.open-header .btn:before { content: var(--open_plus_header); } .open-container .open.open-btn.open-header.active .btn:before { content: var(--open_minus_header); } .open-container .open.active .icon-open-plus:before { content: var(--open_minus_rev_a); } .open-container .open-slide { display: none; overflow: hidden; -webkit-transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s; -ms-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } .open-container .open-slide.active { display: block; } .open-container .open-slide.search.visible { overflow: visible; } .header { opacity: 0; filter: alpha(opacity=0); } .desktop-only .header, .mobile-only .header { opacity: 1; filter: alpha(opacity=100); -webkit-transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s; -ms-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } .header-announcement.include-border, .header-customerbar.include-border { border-bottom: 1px solid var(--line_color); } .banner.text-right span, .banner a.text-right span { padding-right: calc(var(--master_spacing) / 2); } @media only screen and (max-width: 600px) { .banner.text-right span, .banner a.text-right span { padding-right: 0; } } @media only screen and (max-width: 600px) { .banner, .banner a { text-align: center; } } .header-toolbar ul { height: 100%; padding: 0; } .header-toolbar ul.search-results { height: auto; padding: calc(var(--master_spacing) / 2) 0 0; } .header-toolbar .header-customerbar { padding: 0; } .header-toolbar .header-customerbar.customer_color_scheme { background: var(--customer_background_color); color: var(--customer_font_color); } .header-toolbar .header-customerbar.customer_color_scheme .customer-links li > a, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li > span.icon, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.account:before { color: var(--customer_font_color); } .header-toolbar .header-customerbar.customer_color_scheme .customer-links li:hover.account a, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.hover.account a, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li:focus.account a { color: var(--body_font_color); } .header-toolbar .header-customerbar.customer_color_scheme .customer-links li:hover.account a:hover, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li.hover.account a:hover, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li:focus.account a:hover { color: var(--customer_hover_font_color); } .mobile-only.no-scroll .header-toolbar .header-customerbar.customer_color_scheme { visibility: hidden; } .header-toolbar .header-customerbar .header-customerbar-container { position: relative; width: 100%; } .header-toolbar .header-customerbar .header-customerbar-container .customer-bullets { height: 100%; padding-left: calc(var(--master_spacing) / 2); position: relative; width: 50%; } .header-toolbar .header-customerbar .header-customerbar-container .customer-bullets ul { display: table-cell; height: 100%; } .header-toolbar .header-customerbar .header-customerbar-container .customer-bullets ul .open-container-bullets .open-bullets { display: none; left: 0; line-height: 0; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); z-index: 9; } @media only screen and (max-width: 600px) { .header-toolbar .header-customerbar .header-customerbar-container .customer-bullets ul .open-container-bullets .open-bullets { display: block; } } .header-toolbar .header-customerbar .header-customerbar-container .customer-bullets ul .open-container-bullets .open-slide-bullets { display: block; } @media only screen and (max-width: 600px) { .header-toolbar .header-customerbar .header-customerbar-container .customer-bullets ul .open-container-bullets .open-slide-bullets { display: none; } } .header-toolbar .header-customerbar .header-customerbar-container .customer-bullets ul .open-container-bullets .open-slide-bullets.active { display: block; } @media only screen and (max-width: 600px) { .header-toolbar .header-customerbar .header-customerbar-container .customer-bullets ul .open-container-bullets { display: block; padding: 0; } } .header-toolbar .header-customerbar .header-customerbar-container .customer-bullets ul li { height: 100%; display: table-cell; padding: calc(var(--master_spacing) / 2) 0; text-align: center; } .header-toolbar .header-customerbar .header-customerbar-container .customer-bullets ul li p { font-size: var(--xx_small); } .header-toolbar .header-customerbar .header-customerbar-container .customer-bullets ul li p a { color: var(--customer_font_color); } .header-toolbar .header-customerbar .header-customerbar-container .customer-bullets ul li p a:hover, .header-toolbar .header-customerbar .header-customerbar-container .customer-bullets ul li p a:focus { color: var(--customer_font_color); } .header-toolbar .header-customerbar .header-customerbar-container .customer-bullets ul li .borders p { border-left: 1px solid; color: var(--customer_font_color); margin-left: var(--master_spacing); padding-left: var(--master_spacing); } @media only screen and (max-width: 600px) { .header-toolbar .header-customerbar .header-customerbar-container .customer-bullets ul li .borders p { border-left: none; margin-left: 0; padding-left: 0; border-top: 1px solid; padding: calc(var(--master_spacing) / 2) 0; } } @media only screen and (max-width: 600px) { .header-toolbar .header-customerbar .header-customerbar-container .customer-bullets ul li { display: block; height: auto; text-align: center; } } @media only screen and (max-width: 600px) { .header-toolbar .header-customerbar .header-customerbar-container .customer-bullets ul { display: block; } } .mobile-only .header-toolbar .header-customerbar .header-customerbar-container .customer-bullets ul { display: table; margin: auto; } @media only screen and (max-width: 600px) { .header-toolbar .header-customerbar .header-customerbar-container .customer-bullets { padding: 0 calc(var(--master_spacing) * 1.5); } } .customer-links { -webkit-transition: all 0.125s ease 0s; -moz-transition: all 0.125s ease 0s; -ms-transition: all 0.125s ease 0s; -o-transition: all 0.125s ease 0s; transition: all 0.125s ease 0s; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; font-size: 0; white-space: nowrap; } .mobile-only .customer-links { display: none; } @media only screen and (max-width: 600px) { .customer-links { display: none; } } .customer-links a { display: table-cell; font-size: var(--x_small); height: 100%; line-height: var(--x_small); text-decoration: none; vertical-align: middle; } .customer-links a.currencies { font-size: var(--xx_small); } .customer-links span.icon { display: table-cell; vertical-align: middle; } .customer-links a { padding: 0 9px; } .customer-links .total-item { color: var(--a11ygrey); font-size: var(--x_small); } .customer-links ul li { display: inline-table; height: 100%; min-height: var(--x_large); padding: 0; position: relative; vertical-align: middle; } .customer-links ul li ul { background: var(--white); border: 1px solid var(--line_color); border-top: none; display: block; height: 0; left: auto; max-width: 400px; opacity: 0; filter: alpha(opacity=0); padding: var(--master_spacing); position: absolute; right: -1px; top: 100%; visibility: hidden; white-space: normal; z-index: 999999; } .customer-links ul li ul.hidden { display: none; } .customer-links ul li ul li { display: block; padding: 0; } .customer-links ul li ul li a { display: block; font-size: var(--x_small); padding: 4px 0; } .customer-links ul li ul li a:hover, .customer-links ul li ul li a:focus { text-decoration: underline; } .customer-links ul li ul li.hidden { display: none; } .customer-links ul li.currencies a { font-size: var(--xx_small); } .desktop-only .customer-links ul li.hover ul, .desktop-only .customer-links ul li:not(.avoid):hover ul, .desktop-only .customer-links ul li.focused ul, .desktop-only .customer-links ul li:focus ul { height: auto; opacity: 1; filter: alpha(opacity=100); -webkit-transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s; -ms-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; visibility: visible; } .mobile-only .customer-links ul li.hover ul, .mobile-only .customer-links ul li.focused ul { height: auto; opacity: 1; filter: alpha(opacity=100); -webkit-transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s; -ms-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; visibility: visible; } .customer-links ul li.search a { padding-left: 6px; padding-right: 6px; } .customer-links ul li.cart-info { scrollbar-color: var(--line_color) var(--white); scrollbar-width: thin; } .customer-links ul li.cart-info ::-webkit-scrollbar { -webkit-appearance: none; width: 14px; } .customer-links ul li.cart-info ::-webkit-scrollbar-thumb { border: 2px solid var(--white); background-color: var(--line_color); } .customer-links ul li.cart-info a { padding-left: 3px; padding-right: 3px; } .customer-links ul li.cart-info .item-title h5, .customer-links ul li.cart-info .item-title .h5, .customer-links ul li.cart-info .item-title h5 a, .customer-links ul .header-navigation nav .responsiveMenu li.cart-info .item-title ul.mega > span > li > a, .header-navigation nav .responsiveMenu .customer-links ul li.cart-info .item-title ul.mega > span > li > a, .customer-links ul .header-navigation nav .responsiveMenu li.cart-info .item-title ul.semi > span > li > a, .header-navigation nav .responsiveMenu .customer-links ul li.cart-info .item-title ul.semi > span > li > a, .customer-links ul li.cart-info .item-title .header-navigation nav .responsiveMenu.isMobile > li > a, .header-navigation nav .customer-links ul li.cart-info .item-title .responsiveMenu.isMobile > li > a { margin: 0 0 calc(var(--master_spacing) / 2); } .customer-links ul li.cart-info #cart-dropdown { height: auto; min-width: 300px; text-align: left; overflow-y: auto; } .customer-links ul li.cart-info #cart-dropdown a { padding: 0; } .customer-links ul li.cart-info #cart-dropdown .cart-product { border-bottom: 1px solid var(--line_color); margin-bottom: calc(var(--master_spacing) / 2); padding-bottom: calc(var(--master_spacing) / 2); } .customer-links ul li.cart-info #cart-dropdown .cart-product.last { border: none; } .customer-links ul li.cart-info #cart-dropdown .count { color: var(--body_font_color); } .customer-links ul li.cart-info #cart-dropdown .count span { vertical-align: baseline; } .customer-links ul li.cart-info span { display: inline-table; padding: 0 3px; vertical-align: middle; } @media only screen and (max-width: 600px) { .customer-links ul li.cart-info span { vertical-align: middle; } } .customer-links ul li.cart-info span.icon-bag { position: relative; top: -1px; } .customer-links ul li.cart-info span.vendors, .customer-links ul li.cart-info span.spr-badge, .customer-links ul li.cart-info span.spr-badge * { padding: 0; } .customer-links ul li.cart-info span.spr-badge { display: block; margin: 0 0 calc(var(--master_spacing) / 2); } .customer-links ul li.cart-info span.spr-badge[data-rating="0.0"] { display: none; visibility: hidden; } .customer-links ul li.account { position: relative; } .customer-links ul li.account:before { border-left: 1px solid; content: '\00a0'; left: -1px; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); width: 0; } .customer-links ul li.account ul { padding: calc(var(--master_spacing) / 2) var(--master_spacing); white-space: nowrap; } .customer-links ul li.account ul li a { border-left: none; padding: calc(var(--master_spacing) / 4) 0; } @media only screen and (max-width: 320px) { .customer-links { margin: 0 0 calc(var(--master_spacing) / 2); } } .header-searchbar { background: var(--white); border-top: 1px solid var(--white); border-bottom: 1px solid var(--line_color); } .mobile-only .header-searchbar { background: var(--white); border-top: 1px solid var(--line_color); position: absolute; width: 100%; } .header-searchbar input[type="text"] { border: none; } .header-searchbar .search-form { margin: 0; opacity: 0; filter: alpha(opacity=0); } .header-searchbar.visible .search-form { opacity: 1; filter: alpha(opacity=100); } .sticky-navigation { position: relative; z-index: 9999; } .sticky-navigation.include-border { border-bottom: 1px solid var(--line_color); } .sticky-navigation .sticky-text { max-width: 240px; } @media only screen and (max-width: 480px) { .sticky-navigation .sticky-text { max-width: 100px; } } @media only screen and (max-width: 320px) { .sticky-navigation .sticky-text { margin: 0 auto; max-width: 100%; } } .mobile-only.no-scroll .sticky-navigation { position: relative; z-index: 9; } .mobile-only.no-scroll .sticky-navigation .sticky-navigation-container { border-bottom: 1px solid var(--line_color); bottom: auto; position: fixed; top: 0; width: 100%; } .mobile-only.no-scroll .sticky-navigation .sticky-navigation-container .responsiveMenu.isMobile { overflow-y: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; } .mobile-only.no-scroll .sticky-navigation .sticky-navigation-container:before { background: var(--header_background_color); content: ''; height: 100vh; left: 0; opacity: 0.95; filter: alpha(opacity=95); overflow: hidden; position: fixed; top: 0; width: 100%; } .sticky-navigation .sticky-navigation-container { position: relative; -webkit-transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s; -ms-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -o-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); top: 0; width: 100%; } .sticky-navigation .sticky-navigation-container .responsiveMenu.isMobile { border: none; } .sticky-navigation .sticky-navigation-container.sticky { z-index: 999; } @media only screen and (max-width: 320px) { .sticky-navigation .sticky-navigation-container.sticky { border: none; } } .header-navigation { background: var(--header_background_color); } .header-navigation .flex-right { -webkit-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; } .header-navigation .logo { padding-right: var(--master_spacing); } .header-navigation .logo a { display: table; padding: calc(var(--master_spacing) / 2) 0; } .header-navigation .logo a img { margin: 0; } @media only screen and (max-width: 480px) { .header-navigation .logo a img { margin: 0 auto; max-width: 110px; } } @media only screen and (max-width: 600px) { .header-navigation .logo { padding: 0; } } @media only screen and (max-width: 320px) { .header-navigation .logo { display: block; height: auto; margin: 0 auto; text-align: center; } .header-navigation .logo a { display: block; padding: calc(var(--master_spacing) / 2) 0; } } .header-navigation .main-menu ::-webkit-scrollbar { -webkit-appearance: none; width: 0; } @media only screen and (max-width: 600px) { .header-navigation .main-menu { text-align: right; } } @media only screen and (max-width: 320px) { .header-navigation .main-menu { display: block; height: auto; margin: 0 auto; text-align: center; } } .header-navigation .customer-links, .header-navigation .account { display: none; height: 100%; text-align: right; } .mobile-only .header-navigation .customer-links, .mobile-only .header-navigation .account { display: inline-table; } .header-navigation .customer-links ul, .header-navigation .account ul { height: 100%; padding: 0; } .header-navigation .customer-links ul li, .header-navigation .account ul li { height: 100%; } .header-navigation .customer-links ul li.cart-info, .header-navigation .account ul li.cart-info { position: unset; } .header-navigation .customer-links ul li.cart-info > a, .header-navigation .account ul li.cart-info > a { position: relative; } .header-navigation .customer-links ul li.cart-info > a span, .header-navigation .account ul li.cart-info > a span { padding: 0; } .header-navigation .customer-links ul li.cart-info #cart-dropdown, .header-navigation .account ul li.cart-info #cart-dropdown { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; left: 0; max-width: none; min-width: auto; padding: var(--master_spacing); width: 100%; } .header-navigation .customer-links ul li.account:before, .header-navigation .account ul li.account:before { content: ''; } @media only screen and (max-width: 600px) { .header-navigation .customer-links, .header-navigation .account { display: inline-table; } } @media only screen and (max-width: 600px) { .header-navigation .customer-links { display: block; } } .mobile-only .header-navigation .customer-links { display: block; text-align: right; } .mobile-only .header-navigation .customer-links li.cart-info.hover { background: var(--white); } .mobile-only .header-navigation .customer-links li > a { color: var(--header_font_color); padding: 0 calc(var(--master_spacing) / 2); } .mobile-only .header-navigation .customer-links li > a:hover, .mobile-only .header-navigation .customer-links li > a:focus { color: var(--header_hover_font_color); } .mobile-only .header-navigation .customer-links li > a.toggleMenu { padding-right: 0; } @media only screen and (max-width: 320px) { .mobile-only .header-navigation .customer-links { text-align: center; } } .header-navigation .toggleMenu span.icon { width: calc(var(--large) - 2px); } .header-navigation .toggleMenu span.icon:after { border-top: 2px solid; border-bottom: 2px solid; content: ''; display: block; height: 10px; position: absolute; right: 0px; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); width: calc(var(--large) - 4px); } .header-navigation .toggleMenu span.icon:before { border-top: 2px solid; content: ''; display: block; position: absolute; right: 0px; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s; -ms-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; width: calc(var(--large) - 4px); } .header-navigation .toggleMenu.active span.icon:after { border-bottom: none; height: 0; -webkit-transform: translate(0, -50%) rotate(45deg); -moz-transform: translate(0, -50%) rotate(45deg); -ms-transform: translate(0, -50%) rotate(45deg); -o-transform: translate(0, -50%) rotate(45deg); transform: translate(0, -50%) rotate(45deg); } .header-navigation .toggleMenu.active span.icon:before { background: var(--headline_font_color); -webkit-transform: translate(0, -50%) rotate(-45deg); -moz-transform: translate(0, -50%) rotate(-45deg); -ms-transform: translate(0, -50%) rotate(-45deg); -o-transform: translate(0, -50%) rotate(-45deg); transform: translate(0, -50%) rotate(-45deg); } .header-navigation nav { height: 100%; } .header-navigation nav .responsiveMenu { font-size: 0; height: 100%; padding: 0; scrollbar-color: var(--line_color) var(--white); scrollbar-width: thin; zoom: 1; } .header-navigation nav .responsiveMenu ::-webkit-scrollbar { -webkit-appearance: none; width: 14px; } .header-navigation nav .responsiveMenu ::-webkit-scrollbar-thumb { border: 2px solid var(--white); background-color: var(--line_color); } .header-navigation nav .responsiveMenu:before, .header-navigation nav .responsiveMenu:after { content: ' '; display: table; } .header-navigation nav .responsiveMenu:after { clear: both; } .header-navigation nav .responsiveMenu ul { background: var(--header_background_color); -webkit-overflow-scrolling: touch; overscroll-behavior: contain; } .header-navigation nav .responsiveMenu.isDesktop ul { overflow-y: auto; } .header-navigation nav .responsiveMenu.isDesktop li:hover > ul { height: auto; } .header-navigation nav .responsiveMenu.isDesktop li a:hover, .header-navigation nav .responsiveMenu.isDesktop li a.focused, .header-navigation nav .responsiveMenu.isDesktop li a.active { color: var(--header_hover_font_color); } .header-navigation nav .responsiveMenu.isDesktop > li.hover > a, .header-navigation nav .responsiveMenu.isDesktop > li.focused > a { background: var(--header_hover_font_color); color: var(--header_background_color); } .header-navigation nav .responsiveMenu li { list-style: none; } .header-navigation nav .responsiveMenu li a { color: var(--header_font_color); display: block; font-weight: var(--body_font_weight_medium); font-size: var(--x_small); font-family: var(--body_font); } .header-navigation nav .responsiveMenu li ul { display: unset; margin: 0; padding: calc(var(--master_spacing) * 1.5); } .header-navigation nav .responsiveMenu li ul.mega > span, .header-navigation nav .responsiveMenu li ul.semi > span { font-size: 0; } .header-navigation nav .responsiveMenu li ul.mega > span > li > a, .header-navigation nav .responsiveMenu li ul.semi > span > li > a { color: var(--header_font_color_darken_15); font-weight: var(--headline_font_weight_bold); } .header-navigation nav .responsiveMenu li ul.mega { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; } .header-navigation nav .responsiveMenu li ul.mega > span { font-size: 0; } .header-navigation nav .responsiveMenu li ul.mega > span.has_no_image_right { display: block; text-align: right; } .header-navigation nav .responsiveMenu li ul.mega > span > li { display: inline-block; float: none; vertical-align: top; } .mobile-only .header-navigation nav .responsiveMenu li ul.mega > span > li.three { width: 100%; } @media only screen and (max-width: 960px) { .header-navigation nav .responsiveMenu li ul.mega > span > li.three { width: 33.33%; } } @media only screen and (max-width: 768px) { .header-navigation nav .responsiveMenu li ul.mega > span > li.three { width: 50%; } } @media only screen and (max-width: 600px) { .header-navigation nav .responsiveMenu li ul.mega > span > li.three { width: 100%; } } .header-navigation nav .responsiveMenu li ul.dropdown { white-space: nowrap; } .header-navigation nav .responsiveMenu li ul.dropdown li { width: 100%; } .header-navigation nav .responsiveMenu li ul li { padding-bottom: calc(var(--master_spacing) / 3); padding-top: calc(var(--master_spacing) / 3); } .header-navigation nav .responsiveMenu li ul li a { display: block; position: relative; z-index: 100; } .header-navigation nav .responsiveMenu li ul li ul { padding: 0; } .header-navigation nav .responsiveMenu li.has-dropdown > a:after { background: var(--button_color); border-radius: 100%; color: var(--header_background_color); content: var(--open_plus); display: none; margin-left: calc(var(--master_spacing) / 4); } .mobile-only .header-navigation nav .responsiveMenu li.has-dropdown > a:after { display: block; } @media only screen and (max-width: 600px) { .header-navigation nav .responsiveMenu li.has-dropdown > a:after { display: block; } } .header-navigation nav .responsiveMenu li.has-dropdown.hover > a:after, .header-navigation nav .responsiveMenu li.has-dropdown.focused > a:after { content: var(--open_minus_rev_a); } .header-navigation nav .responsiveMenu li.hover > ul, .header-navigation nav .responsiveMenu li.focused > ul { height: auto; opacity: 1; filter: alpha(opacity=100); visibility: visible; } .header-navigation nav .responsiveMenu > li { display: inline-table; height: 100%; padding: 0; vertical-align: middle; } .header-navigation nav .responsiveMenu > li > ul { border: 1px solid var(--line_color); border-top: none; height: 0; left: 0; opacity: 0; filter: alpha(opacity=0); position: absolute; top: 100%; visibility: hidden; z-index: 9999; } .header-navigation nav .responsiveMenu > li > ul.dropdown.text-right { left: auto; right: 0; } .header-navigation nav .responsiveMenu > li > a { display: table-cell; height: 100%; padding: 0 calc(var(--master_spacing) / 2); text-align: center; text-decoration: none; vertical-align: middle; } .header-navigation nav .responsiveMenu.isMobile { border-bottom: 1px solid var(--line_color); position: absolute; height: auto; left: calc(-1 * var(--master_spacing)); padding: 0 var(--master_spacing) var(--master_spacing); top: 100%; -webkit-transition: all 0.125s ease 0s; -moz-transition: all 0.125s ease 0s; -ms-transition: all 0.125s ease 0s; -o-transition: all 0.125s ease 0s; transition: all 0.125s ease 0s; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; width: 100%; z-index: 99; } .header-navigation nav .responsiveMenu.isMobile a:hover, .header-navigation nav .responsiveMenu.isMobile a:focus { text-decoration: none; } .header-navigation nav .responsiveMenu.isMobile .account { display: block; font-size: var(--x_small); margin: 0 0 calc(var(--master_spacing) / 2); text-align: center; } .header-navigation nav .responsiveMenu.isMobile ul { background: none; float: left; width: 100%; opacity: 0; filter: alpha(opacity=0); position: fixed; margin: 0 0 calc(var(--master_spacing) / 2); padding: 0; } .header-navigation nav .responsiveMenu.isMobile ul.mega span > li > a, .header-navigation nav .responsiveMenu.isMobile ul.semi span > li > a, .header-navigation nav .responsiveMenu.isMobile ul.dropdown span > li > a { color: var(--header_hover_font_color); font-weight: var(--headline_font_weight_medium); font-size: calc(var(--small) - 1); line-height: calc(var(--small) * 1.25); font-family: var(--headline_font); font-size: var(--x_small); margin: 0; } .header-navigation nav .responsiveMenu.isMobile ul.mega { float: left; width: 100%; } .header-navigation nav .responsiveMenu.isMobile ul.mega > .three { display: none; } .header-navigation nav .responsiveMenu.isMobile ul.mega span.eight, .header-navigation nav .responsiveMenu.isMobile ul.mega span.twelve { float: none; padding: 0; } .header-navigation nav .responsiveMenu.isMobile > li > a { color: var(--header_font_color_darken_15); } .header-navigation nav .responsiveMenu.isMobile li { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; float: left; width: 100%; height: auto; padding-bottom: 0; padding-top: 0; text-align: left; } .header-navigation nav .responsiveMenu.isMobile li a { display: block; margin: 0; padding: 0; position: relative; text-align: left; } .header-navigation nav .responsiveMenu.isMobile li a span { display: block; margin-right: calc(var(--master_spacing) * 1.5); padding: calc(var(--master_spacing) / 2) 0; } .header-navigation nav .responsiveMenu.isMobile li li { padding: 0 0 0 calc(var(--master_spacing) / 2); } .header-navigation nav .responsiveMenu.isMobile li li li a { color: var(--body_font_color_lighten_15); font-size: var(--xx_small); } .header-navigation nav .responsiveMenu.isMobile li li li a:hover { color: var(--header_hover_font_color); text-decoration: underline; } .header-navigation nav .responsiveMenu.isMobile li.hover li.hover li a, .header-navigation nav .responsiveMenu.isMobile li.focused li.hover li a { padding: calc(var(--master_spacing) / 2) 0; } .header-navigation nav .responsiveMenu.isMobile li.hover > a, .header-navigation nav .responsiveMenu.isMobile li.focused > a { color: var(--header_hover_font_color_darken_15); } .header-navigation nav .responsiveMenu.isMobile li.hover > ul, .header-navigation nav .responsiveMenu.isMobile li.focused > ul { border: none; position: relative; left: 0; } .header-navigation nav .responsiveMenu.isMobile li.hover a.active, .header-navigation nav .responsiveMenu.isMobile li.focused a.active { color: var(--header_hover_font_color); } .header-navigation nav .responsiveMenu.isMobile li.has-dropdown > a:after { height: var(--medium); line-height: var(--medium); position: absolute; right: 0; text-align: center; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); width: var(--medium); } @media only screen and (max-width: 600px) { .header-navigation nav .responsiveMenu { display: none; } } .header-announcement.announcement_color_scheme { background: var(--announcement_background_color); color: var(--announcement_font_color); } .header-announcement.announcement_color_scheme a { color: var(--announcement_font_color); } .header-announcement.announcement_color_scheme a:hover { color: var(--announcement_hover_font_color); } .newsletter span { float: left; margin: 0 0 var(--master_spacing); width: 25%; } .newsletter span.form { left: 2px; right: -2px; width: 75%; } .newsletter span .btn { padding: 0; } .map-container { position: relative; } .map-container .loader { z-index: 0; } .map-container .map-box { z-index: 9; } .map-container.no-background .map-box { background: var(--white); } .map-body { position: relative; z-index: 9; } .map-body h3 { border-bottom: 1px solid var(--line_color); padding-bottom: var(--master_spacing); } iframe { max-width: 100%; } .youtube-container, .fancybox-slide--iframe .fancybox-content { margin: 0 0 var(--master_spacing); position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .youtube-container iframe, .youtube-container object, .youtube-container embed, .fancybox-slide--iframe .fancybox-content iframe, .fancybox-slide--iframe .fancybox-content object, .fancybox-slide--iframe .fancybox-content embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9; } .youtube-container .loader, .fancybox-slide--iframe .fancybox-content .loader { z-index: 0; } .pagination { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: var(--button_color); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; font-size: var(--xx_small); font-weight: var(--body_font_weight_bold); line-height: calc(var(--xx_small) * 1.25); float: left; width: 100%; padding-top: calc(var(--master_spacing) / 2); text-align: center; text-transform: uppercase; } .pagination > div { display: table; margin: 0 auto; padding-bottom: calc(var(--master_spacing) / 2); padding-top: calc(var(--master_spacing) / 2); } .pagination a { color: var(--button_color); display: table-cell; font-size: var(--xx_small); } .pagination a:hover, .pagination a:focus { color: var(--hover_button_color); } .pagination .left { text-align: left; } .pagination .right { text-align: right; } .pagination .next, .pagination .prev { display: table-cell; line-height: 0; vertical-align: middle; width: calc(var(--xx_small) * 2); } label.error { bottom: 40px; color: var(--white); background: var(--error_color); font-size: 10px; line-height: 12px; right: 0; padding: calc(var(--xx_small) / 2) var(--xx_small); position: absolute; text-align: center; white-space: nowrap; } .message label.error { top: -5px; bottom: auto; } label.error:after, label.error:before { top: 98%; right: 50%; border: solid transparent; content: ' '; height: 0; width: 0; position: absolute; pointer-events: none; -webkit-transform: translate(50%, 0); -moz-transform: translate(50%, 0); -o-transform: translate(50%, 0); -ms-transform: translate(50%, 0); transform: translate(50%, 0); } label.error:after { border-color: var(--error_color_00); border-top-color: var(--error_color); border-width: calc(var(--xx_small) / 2); margin-left: calc(-1 * var(--xx_small) / 2); } .error-text { color: var(--error_color); font-weight: var(--body_font_weight); } .product .error-text, .item .error-text { padding: 0 0 calc(var(--master_spacing) / 2); } .product .error-text .upper, .item .error-text .upper { text-transform: uppercase; } .success, .successForm, .errors, .errorForm, .reset-errors { background: var(--white); border: 1px solid var(--line_color); color: var(--success_color); display: block; margin: 0 0 var(--master_spacing); padding: var(--master_spacing) var(--master_spacing) 0; text-align: center; } .success li, .successForm li, .errors li, .errorForm li, .reset-errors li { display: inline-block; } .success.hidden, .successForm.hidden, .errors.hidden, .errorForm.hidden, .reset-errors.hidden { display: none; } .errors, .errorForm, .form-error, .reset-errors { background: var(--error_color); border-color: var(--error_color); } .errors, .errors a, .errorForm, .errorForm a, .form-error, .form-error a, .reset-errors, .reset-errors a { color: var(--white); } .noscript { background: var(--error_color_75); bottom: 0; height: 100px; position: fixed; width: 100%; z-index: 999; } .noscript span { color: var(--white); display: block; padding: 0 var(--master_spacing); text-align: center; } .password, .password-page { height: 100vh; padding: 0; width: 100%; } .password { display: table; margin: 0 auto; } .password .password-page { display: table-cell; vertical-align: middle; } .password .password-links { background: var(--white); border: 1px solid var(--line_color); bottom: 0; font-size: var(--x_small); padding: calc(var(--x_small) / 2); position: absolute; left: 50%; -webkit-transform: translate(-50%, 50%); -moz-transform: translate(-50%, 50%); -o-transform: translate(-50%, 50%); -ms-transform: translate(-50%, 50%); transform: translate(-50%, 50%); white-space: nowrap; } .password .password-links.full { border-bottom: none; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } .socials, .addthis_horizontal_follow_toolbox, .addthis_inline_share_toolbox { float: left; width: 100%; } .socials ul, .addthis_horizontal_follow_toolbox ul, .addthis_inline_share_toolbox ul { padding: 0 0 calc(var(--master_spacing) / 2); } .socials ul li, .addthis_horizontal_follow_toolbox ul li, .addthis_inline_share_toolbox ul li { display: inline-block; margin: 0 2px 5px; margin-right: 5px; padding: 5px; overflow: hidden; line-height: 0; list-style: none; } .socials ul li:last-child, .addthis_horizontal_follow_toolbox ul li:last-child, .addthis_inline_share_toolbox ul li:last-child { margin-right: 0; } .socials ul li a, .addthis_horizontal_follow_toolbox ul li a, .addthis_inline_share_toolbox ul li a { font-size: var(--medium); } .white .socials ul li a .icon, .white .addthis_horizontal_follow_toolbox ul li a .icon, .white .addthis_inline_share_toolbox ul li a .icon { color: var(--white) !important; } .socials ul li a .icon, .addthis_horizontal_follow_toolbox ul li a .icon, .addthis_inline_share_toolbox ul li a .icon { color: var(--button_color) !important; } .socials ul li a:hover, .addthis_horizontal_follow_toolbox ul li a:hover, .addthis_inline_share_toolbox ul li a:hover { padding-bottom: 4px; position: relative; text-decoration: none; top: -4px; } .socials ul li a:hover .icon, .addthis_horizontal_follow_toolbox ul li a:hover .icon, .addthis_inline_share_toolbox ul li a:hover .icon { color: var(--hover_button_color) !important; -webkit-transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s; -ms-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } .socials ul li a:focus, .addthis_horizontal_follow_toolbox ul li a:focus, .addthis_inline_share_toolbox ul li a:focus { text-decoration: none; } .socials p, .addthis_horizontal_follow_toolbox p, .addthis_inline_share_toolbox p { display: none; } .white .socials a.at-icon-wrapper .at-icon, .white .socials a .at-icon-wrapper .at-icon, .white .addthis_horizontal_follow_toolbox a.at-icon-wrapper .at-icon, .white .addthis_horizontal_follow_toolbox a .at-icon-wrapper .at-icon, .white .addthis_inline_share_toolbox a.at-icon-wrapper .at-icon, .white .addthis_inline_share_toolbox a .at-icon-wrapper .at-icon { fill: var(--white) !important; } .socials a.at-icon-wrapper, .socials a .at-icon-wrapper, .addthis_horizontal_follow_toolbox a.at-icon-wrapper, .addthis_horizontal_follow_toolbox a .at-icon-wrapper, .addthis_inline_share_toolbox a.at-icon-wrapper, .addthis_inline_share_toolbox a .at-icon-wrapper { background: none !important; } .socials a.at-icon-wrapper .at-icon, .socials a .at-icon-wrapper .at-icon, .addthis_horizontal_follow_toolbox a.at-icon-wrapper .at-icon, .addthis_horizontal_follow_toolbox a .at-icon-wrapper .at-icon, .addthis_inline_share_toolbox a.at-icon-wrapper .at-icon, .addthis_inline_share_toolbox a .at-icon-wrapper .at-icon { fill: var(--button_color) !important; } .socials a:hover.at-icon-wrapper .at-icon, .socials a:hover .at-icon-wrapper .at-icon, .socials a:focus.at-icon-wrapper .at-icon, .socials a:focus .at-icon-wrapper .at-icon, .addthis_horizontal_follow_toolbox a:hover.at-icon-wrapper .at-icon, .addthis_horizontal_follow_toolbox a:hover .at-icon-wrapper .at-icon, .addthis_horizontal_follow_toolbox a:focus.at-icon-wrapper .at-icon, .addthis_horizontal_follow_toolbox a:focus .at-icon-wrapper .at-icon, .addthis_inline_share_toolbox a:hover.at-icon-wrapper .at-icon, .addthis_inline_share_toolbox a:hover .at-icon-wrapper .at-icon, .addthis_inline_share_toolbox a:focus.at-icon-wrapper .at-icon, .addthis_inline_share_toolbox a:focus .at-icon-wrapper .at-icon { fill: var(--hover_button_color) !important; } .breadcrumbs { display: block; } .breadcrumbs a, .breadcrumbs span { color: var(--a11ygrey); font-size: var(--x_small); font-weight: var(--body_font_weight_medium); } .breadcrumbs a.active, .breadcrumbs a:hover, .breadcrumbs a:focus, .breadcrumbs span.active, .breadcrumbs span:hover, .breadcrumbs span:focus { color: var(--button_color); } .white .breadcrumbs *, .white .breadcrumbs a, .white .breadcrumbs span { color: var(--white); } @media only screen and (max-width: 768px) { .desk-only .breadcrumbs { display: none; } } .tablet-only .breadcrumbs { display: none; } @media only screen and (max-width: 768px) { .tablet-only .breadcrumbs { display: block; text-align: center; } } .sub-collections { border-bottom: 1px solid var(--line_color); padding: 0 0 var(--master_spacing); } @media only screen and (max-width: 600px) { .sub-collections { border-bottom: none; padding: 0; } } .sorting.open-container .open { display: none; } @media only screen and (max-width: 600px) { .sorting.open-container .open { display: inline-block; } } .sorting.open-container .open-div { display: none; } .sorting.open-container .open-div .btn { margin: 0 0 var(--master_spacing); height: 40px; line-height: 20px; } .sorting.open-container .open-div .btn:hover span.open-btn:after { content: var(--open_plus); } .sorting.open-container .open-div .btn:hover.active span.open-btn:after { content: var(--open_minus); } .sorting.open-container .open-div span { display: inline-block; } .sorting.open-container .open-div span.open-btn:after { content: var(--open_plus_rev); float: right; height: 20px; margin: 0 0 0 calc(var(--xx_small) / 2); text-align: right; width: var(--xx_small); } .sorting.open-container .open-div .active span.open-btn:after { content: var(--open_minus_rev_b); } @media only screen and (max-width: 600px) { .sorting.open-container .open-div { display: block; padding: 0 calc(var(--master_spacing) / 2); } } .sorting.open-container .open-slide { display: block; width: 100%; } .sorting.open-container .open-slide .open-container-filter .open .icon { left: calc(var(--master_spacing) * 1.5 - var(--medium) / 2); padding: 0; position: absolute; } .sorting.open-container .open-slide .open-container-filter .open span { margin: 0; } @media only screen and (max-width: 600px) { .sorting.open-container .open-slide { display: none; float: left; } .sorting.open-container .open-slide.active { display: block; } } @media only screen and (max-width: 480px) { .sorting.open-container .open-div span { width: 100%; } .sorting.open-container .open-div .btn { max-width: none; } .sorting.open-container .open-div .btn.open-collection-template { width: 100%; } .sorting.open-container .open-div > div { display: block; margin: 0 auto var(--master_spacing); width: 100%; } } @media only screen and (max-width: 480px) and (max-width: 480px) { .sorting.open-container .open-div > div.sort { display: none; } } .sorting.open-container .sortby { border-bottom: 1px solid var(--line_color); font-size: var(--x_small); margin: 0 0 var(--master_spacing); } .sorting.open-container .sortby h5, .sorting.open-container .sortby .h5, .sorting.open-container .sortby .customer-links ul li.cart-info .item-title h5 a, .customer-links ul li.cart-info .item-title h5 .sorting.open-container .sortby a, .sorting.open-container .sortby .header-navigation nav .responsiveMenu li ul.mega > span > li > a, .header-navigation nav .responsiveMenu li .sorting.open-container .sortby ul.mega > span > li > a, .sorting.open-container .sortby .header-navigation nav .responsiveMenu li ul.semi > span > li > a, .header-navigation nav .responsiveMenu li .sorting.open-container .sortby ul.semi > span > li > a, .sorting.open-container .sortby .header-navigation nav .responsiveMenu.isMobile > li > a, .header-navigation nav .sorting.open-container .sortby .responsiveMenu.isMobile > li > a { margin: 0; } .sorting.open-container .sortby .paginateBy { color: var(--a11ygrey); font-size: var(--x_small); padding: 0 calc(var(--master_spacing) / 2); } .sorting.open-container .sortby .paginateBy.first { padding-left: calc(var(--master_spacing) * 2); } .sorting.open-container .sortby .paginateBy.active-filter.active, .sorting.open-container .sortby .paginateBy:hover, .sorting.open-container .sortby .paginateBy:focus { color: var(--button_color); cursor: pointer; } .sorting.open-container .sortby .breadcrumbs { padding: 0 var(--master_spacing); } .sorting.open-container .sortby .breadcrumbs.negative-left { padding-left: 0; } .sorting.open-container .sortby .breadcrumbs.negative-right { padding-right: 0; } @media only screen and (max-width: 600px) { .sorting.open-container .sortby .breadcrumbs.text-left, .sorting.open-container .sortby .breadcrumbs.text-right { text-align: center; } } @media only screen and (max-width: 600px) { .sorting.open-container .sortby .table-cell { display: block; height: auto; text-align: center; } .sorting.open-container .sortby .table-cell.sort { display: none; } } @media only screen and (max-width: 600px) and (max-width: 480px) { .sorting.open-container .sortby .table-cell.sort { display: table; float: none; margin: 0 auto; } } @media only screen and (max-width: 600px) { .sorting.open-container .collection-desc { display: none; } } .sorting.open-container .three { padding-top: var(--master_spacing); } @media only screen and (max-width: 600px) { .sorting.open-container .three { padding-top: 0; } } .sorting.open-container .filter { border-bottom: 1px solid var(--line_color); margin: 0 0 calc(var(--master_spacing) * 1.5); padding: 0 0 calc(var(--master_spacing) * 1.25); position: relative; } .sorting.open-container .filter.none { border: none; } .sorting.open-container .filter .form { background: none; margin: 0 auto calc(var(--master_spacing) / 2); } .sorting.open-container .filter.vertical-form .form { float: none; padding: 0; } .sorting.open-container .filter a { padding: 8px 0; } .sorting.open-container .filter a.hover { color: var(--button_color); } .sorting.open-container .filter ul.unformatted { padding: 0; } .sorting.open-container .filter li { background: var(--white); display: block; font-size: var(--xx_small); font-weight: var(--body_font_weight_medium); line-height: calc(var(--base) * 1.5); padding: 0; } .sorting.open-container .filter li:before { content: none; } .sorting.open-container .filter li a, .sorting.open-container .filter li span { display: inline-block; font-size: var(--xx_small); font-weight: var(--body_font_weight_medium); line-height: var(--base); position: relative; } .sorting.open-container .filter li.open-more-container a { font-weight: var(--body_font_weight_bold); } .sorting.open-container .filter li a:hover, .sorting.open-container .filter li a:focus, .sorting.open-container .filter li.active a { text-decoration: none; opacity: 1; filter: alpha(opacity=100); } .sorting.open-container .filter li.toggleable { display: none; -webkit-transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s; -ms-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } .sorting.open-container .filter li.toggleable.open { display: block; } .sorting.open-container .filter.formatted li:not(.open-more-container) a, .sorting.open-container .filter.formatted li:not(.open-more-container).disabled span { padding-left: calc(var(--x_small) * 2); } .sorting.open-container .filter.formatted li:not(.open-more-container) :before, .sorting.open-container .filter.formatted li:not(.open-more-container) :after { content: ''; left: 0; line-height: var(--xx_small); opacity: 0.50; filter: alpha(opacity=50); position: absolute; text-align: center; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .sorting.open-container .filter.formatted li:not(.open-more-container) a:before, .sorting.open-container .filter.formatted li:not(.open-more-container).disabled span:before { color: var(--button_color); content: var(--box); } .sorting.open-container .filter.formatted li:not(.open-more-container) a.hover:after { color: var(--button_color); content: var(--square_solid); opacity: 1; filter: alpha(opacity=100); text-decoration: none; } .sorting.open-container .filter.formatted li:not(.open-more-container) a.hover:before, .sorting.open-container .filter.formatted li:not(.open-more-container).active a.hover:before { color: var(--body_font_color); } .sorting.open-container .filter.formatted li:not(.open-more-container).active a:after { color: var(--button_color); content: var(--square_solid); opacity: 1; filter: alpha(opacity=100); text-decoration: none; } .sorting.open-container .filter.formatted li:not(.open-more-container).active a.hover:after, .sorting.open-container .filter.formatted li:not(.open-more-container).active a:hover:after, .sorting.open-container .filter.formatted li:not(.open-more-container).active a:focus:after { content: var(--x_only); } .sorting.open-container .filter.formatted li:not(.open-more-container).disabled span { opacity: 0.50; filter: alpha(opacity=50); padding-bottom: 8px; padding-top: 8px; } .sorting.open-container .filter.formatted li:not(.open-more-container).disabled span:after { content: var(--square_crossed); } @media only screen and (max-width: 600px) { .sorting.open-container .filter { margin: 0 0 calc(var(--master_spacing) / 2); padding: 0 calc(var(--master_spacing) * 3) calc(var(--small) / 2); } .sorting.open-container .filter .dropdown { margin-bottom: calc(var(--master_spacing) / 2); } } @media only screen and (max-width: 600px) { .sorting.open-container { float: left; width: 100%; } } .filter .center { width: 100%; } .filter .form { background: none; margin: 0 auto var(--master_spacing); } .filter.vertical-form .form { float: none; padding: 0; } @media only screen and (max-width: 600px) { .filter.horizontal-form .form, .filter.vertical-form .form { float: none; padding: 0; width: 75%; } } @media only screen and (max-width: 600px) { .collection-desc.hidden { display: block; } } .collection-products { background: var(--white); padding: 0; position: relative; } .collection-products.glider { background: none; } @media only screen and (max-width: 768px) { .collection-products .product { border-bottom: 1px solid var(--line_color); height: auto; padding-bottom: var(--master_spacing); } .collection-products .product.glider-slide { border-bottom: none; border-right: 1px solid var(--line_color); margin: 0; padding-bottom: calc(var(--master_spacing) / 2); } .collection-products .product.glider-slide .product-border { padding: calc(var(--master_spacing) / 2); } .collection-products .product.glider-slide .product-border .product-thumb, .collection-products .product.glider-slide .product-border .product-details { display: table-cell; } } @media only screen and (max-width: 768px) and (max-width: 480px) { .collection-products .product.glider-slide .product-border .product-thumb, .collection-products .product.glider-slide .product-border .product-details { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; width: 100%; } } @media only screen and (max-width: 768px) { .collection-products .product.glider-slide .badge { left: calc(var(--master_spacing) / 4); top: calc(var(--master_spacing) / 4); } .collection-products .product .badge { left: calc(-1 * var(--master_spacing) / 4); top: calc(-1 * var(--master_spacing) / 4); } .collection-products .product .product-border { display: table; } .collection-products .product.borders > div { border: none; padding: 0; } .collection-products .product.last { border: none; padding-bottom: 0; } .collection-products .product .product-thumb, .collection-products .product .product-details { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; display: inline-block; margin: 0; vertical-align: middle; width: 50%; } .collection-products .product .product-thumb.hidden, .collection-products .product .product-details.hidden { display: none; } .collection-products .product .product-thumb { padding-right: var(--master_spacing); } .collection-products .product .product-thumb .lazypadding div { margin: 0; } .collection-products .product .product-thumb.cart { width: 33.33%; } } @media only screen and (max-width: 768px) and (max-width: 320px) { .collection-products .product .product-thumb.cart { width: 100%; } } @media only screen and (max-width: 768px) and (max-width: 768px) { .collection-products .product .product-thumb:after { display: none; } } @media only screen and (max-width: 480px) { .collection-products .product.glider-slide { border: none; } .collection-products .product.glider-slide .badge { left: auto; right: calc(var(--master_spacing) / 4); } .collection-products .product.glider-slide .product-border { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .collection-products .product.glider-slide.borders > div { border: 1px solid var(--line_color); padding: calc(var(--master_spacing) / 2); } .collection-products .product.glider-slide .product-thumb { margin-bottom: calc(var(--master_spacing) / 2); padding-right: 0; } } @media only screen and (max-width: 320px) { .collection-products .product .product-thumb, .collection-products .product .product-details { display: block; width: 100%; } .collection-products .product .product-thumb.hidden, .collection-products .product .product-details.hidden { display: none; } .collection-products .product .product-thumb { margin-bottom: calc(var(--master_spacing) / 2); padding-right: 0; } } .product-loop { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; float: left; width: 100%; } .product-loop .center { width: 100%; } .product-loop.center { -webkit-box-pack: center; -moz-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; float: none; justify-content: center; } @media only screen and (max-width: 600px) { .product-loop.center { -webkit-box-pack: left; -moz-box-pack: left; -webkit-justify-content: left; -ms-flex-pack: left; justify-content: left; } } .product-loop.glider-track { flex-wrap: nowrap; } .cart-table .reviews .spr-badge, .cart-table .reviews .jdgm-widget { margin: calc(var(--master_spacing) / 2) 0 0; } .cart-table .reviews .spr-badge[data-rating="0.0"], .cart-table .reviews .jdgm-widget[data-rating="0.0"] { margin: 0; } .reviews .spr-badge[data-rating="0.0"], .reviews .jdgm-widget[data-rating="0.0"] { display: none; visibility: hidden; } .reviews span, .reviews div { color: var(--body_font_color); font-size: var(--xx_small); line-height: calc(var(--xx_small) * 1.25); margin: 0 0 calc(var(--master_spacing) / 2); } .product-product-template .reviews span, .product-product-template .reviews div { margin: 0 0 var(--master_spacing); } .product-product-template .reviews span .spr-summary-actions, .product-product-template .reviews div .spr-summary-actions { margin: 0; } @media only screen and (max-width: 600px) { .product-product-template .reviews span .spr-summary-actions, .product-product-template .reviews div .spr-summary-actions { display: block; float: none; margin: var(--master_spacing) 0 0; text-align: left; width: 100%; } .product-product-template .reviews span .spr-summary-actions a, .product-product-template .reviews div .spr-summary-actions a { float: none; } } @media only screen and (max-width: 480px) { .product-product-template .reviews span .spr-summary-actions, .product-product-template .reviews div .spr-summary-actions { text-align: center; } } .reviews span .spr-starrating, .reviews span .spr-starratings, .reviews div .spr-starrating, .reviews div .spr-starratings { margin-right: calc(var(--master_spacing) / 4); } .reviews span .spr-starrating .spr-icon-star-empty, .reviews span .spr-starratings .spr-icon-star-empty, .reviews div .spr-starrating .spr-icon-star-empty, .reviews div .spr-starratings .spr-icon-star-empty { color: #e4e5ec !important; } .reviews span .spr-starrating .spr-icon-star-empty:before, .reviews span .spr-starratings .spr-icon-star-empty:before, .reviews div .spr-starrating .spr-icon-star-empty:before, .reviews div .spr-starratings .spr-icon-star-empty:before { content: '\e800'; } .white .reviews span .spr-starrating .spr-icon-star, .white .reviews span .spr-starrating .spr-icon-star-half-alt, .white .reviews span .spr-starrating .spr-icon-star-empty, .white .reviews span .spr-starratings .spr-icon-star, .white .reviews span .spr-starratings .spr-icon-star-half-alt, .white .reviews span .spr-starratings .spr-icon-star-empty, .white .reviews div .spr-starrating .spr-icon-star, .white .reviews div .spr-starrating .spr-icon-star-half-alt, .white .reviews div .spr-starrating .spr-icon-star-empty, .white .reviews div .spr-starratings .spr-icon-star, .white .reviews div .spr-starratings .spr-icon-star-half-alt, .white .reviews div .spr-starratings .spr-icon-star-empty { color: var(--white) !important; } .white .reviews span, .white .reviews div { color: var(--white); } .reviews .jdgm-qa-badge span { margin: 0; } .reviews .spr-review-reportreview { border: 1px solid var(--line_color); float: left; padding: calc(var(--master_spacing) / 2); } .product { /* new comment */ /* display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; */ font-size: 0; margin: 0 0 var(--master_spacing); vertical-align: top; } .product.first { clear: left; } .product.borders > div { border: 1px solid var(--line_color); -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding: calc(var(--master_spacing) / 2); } .product.borders > div.no-pad { padding-left: 0; padding-right: 0; } .product .product-border { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex-grow: 1; -ms-flex: 1 1 auto; flex-grow: 1; float: left; width: 100%; height: 100%; position: relative; } .product .product-border.product-border-background { background: var(--white); } .product .product-border.table { display: table; } .product.hover:hover:after, .product.hover:focus:after { background: rgba(255, 255, 255, 0.5); content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .product .hover { /* new comment */ /* left: 0; height: 100%; position: absolute; top: 0; visibility: hidden; width: 100%; z-index: 1; */ } .product .hover .hover-body { position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); width: 100%; } .product .hover .hover-body > div { margin: calc(var(--master_spacing) / 2) 0; padding: 0 var(--master_spacing); } @media only screen and (max-width: 600px) { .product .hover .hover-body > div { padding: 0; } } .product .hover .hover-body .btn.auto-width { width: 100%; } .product:hover .hover, .product:focus .hover { visibility: visible; } .product .product-thumb { line-height: 0; margin: 0 0 var(--master_spacing); text-align: center; } .product .product-thumb.relative:after { border-bottom: 1px solid var(--line_color); bottom: calc(-1 * var(--master_spacing) / 2 - 1); content: ''; left: 0; padding: 0 0 var(--master_spacing); position: absolute; width: 100%; } .product .product-thumb a:hover, .product .product-thumb a:focus { text-decoration: none; } .product .product-thumb img { margin: 0 auto; max-width: 100%; } .product .product-thumb.no-pad { margin: 0; } .product .product-details { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex-grow: 1; -ms-flex: 1 1 auto; flex-grow: 1; } .product .product-details.table-cell { display: table-cell; } .product .product-details.table-cell .product-title { display: block; } .product .product-details .product-title { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex-grow: 1; -ms-flex: 1 1 auto; flex-grow: 1; } .product .product-details .product-title a:hover, .product .product-details .product-title a:focus { color: var(--button_color); text-decoration: underline; } .product .product-details .product-title.collection h5, .product .product-details .product-title.collection .h5, .product .product-details .product-title.collection .customer-links ul li.cart-info .item-title h5 a, .customer-links ul li.cart-info .item-title h5 .product .product-details .product-title.collection a, .product .product-details .product-title.collection .header-navigation nav .responsiveMenu li ul.mega > span > li > a, .header-navigation nav .responsiveMenu li .product .product-details .product-title.collection ul.mega > span > li > a, .product .product-details .product-title.collection .header-navigation nav .responsiveMenu li ul.semi > span > li > a, .header-navigation nav .responsiveMenu li .product .product-details .product-title.collection ul.semi > span > li > a, .product .product-details .product-title.collection .header-navigation nav .responsiveMenu.isMobile > li > a, .header-navigation nav .product .product-details .product-title.collection .responsiveMenu.isMobile > li > a, .product .product-details .product-title.collection h5 a, .product .product-details .product-title.collection .h5 a, .customer-links ul li.cart-info .item-title h5 .product .product-details .product-title.collection a a, .product .product-details .product-title.collection .header-navigation nav .responsiveMenu li ul.mega > span > li > a a, .header-navigation nav .responsiveMenu li .product .product-details .product-title.collection ul.mega > span > li > a a, .product .product-details .product-title.collection .header-navigation nav .responsiveMenu li ul.semi > span > li > a a, .header-navigation nav .responsiveMenu li .product .product-details .product-title.collection ul.semi > span > li > a a, .product .product-details .product-title.collection .header-navigation nav .responsiveMenu.isMobile > li > a a, .header-navigation nav .product .product-details .product-title.collection .responsiveMenu.isMobile > li > a a { color: var(--button_color); overflow: hidden; text-overflow: ellipsis; -ms-word-break: break-all; -ms-hyphens: auto; } .product .product-details .product-price { font-size: var(--small); font-weight: bold; margin-bottom: 25px; } .product.additional a { background: none; border: 2px solid var(--button_color); color: var(--button_color); font-size: var(--xx_small); } .product.additional a .product-details { padding: calc(var(--master_spacing) / 2); } .product.additional a .product-details span { border-bottom: 1px solid; display: table; font-weight: var(--body_font_weight_bold); font-size: var(--x_small); margin: 0 auto 4px; padding-bottom: 4px; } .product.additional a:hover { background: var(--button_color); border-color: var(--button_color); color: var(--white); text-decoration: none; } .product.order-form { vertical-align: middle; } @media only screen and (max-width: 600px) { .product p.no-pad { padding: 0 0 var(--master_spacing); } } .product-thumb .product-thumb-hover, .product-thumb .product-thumb-var { opacity: 0; filter: alpha(opacity=0); position: absolute; z-index: -1; } .product-thumb.enable-thumb-hover:hover .product-thumb-load, .product-thumb.enable-thumb-hover:hover .product-thumb-var.var_hover, .product-thumb.enable-thumb-hover:focus .product-thumb-load, .product-thumb.enable-thumb-hover:focus .product-thumb-var.var_hover { opacity: 0; filter: alpha(opacity=0); position: absolute; z-index: -1; } .product-thumb.enable-thumb-hover:hover .product-thumb-hover, .product-thumb.enable-thumb-hover:focus .product-thumb-hover { opacity: 1; filter: alpha(opacity=100); position: unset; z-index: 0; } .product-thumb .product-thumb-var.var_hover { opacity: 1; filter: alpha(opacity=100); position: unset; z-index: 0; } .product-thumb.title-align .product-thumb-var.var_hover { position: absolute; } .product-thumb.title-align.enable-thumb-hover:hover .product-thumb-hover, .product-thumb.title-align.enable-thumb-hover:focus .product-thumb-hover { position: absolute; } .badge { background: var(--badge_background_color); border: 1px solid var(--badge_color); border-radius: 100%; color: var(--badge_color); display: table; font-size: 10px; font-weight: var(--body_font_weight_bold); line-height: 12px; position: absolute; right: calc(var(--master_spacing) / 4); text-align: center; top: calc(var(--master_spacing) / 4); z-index: 1; } .badge span { display: table-cell; vertical-align: middle; } .title-align.title-align-left { padding-bottom: 0; } .title-align .relative { padding-left: 100%; padding-bottom: 100%; width: auto; } .title-align a.img-align { bottom: 0; height: 100%; left: 0; right: 0; top: 0; padding: 0; position: absolute; } .title-align img { margin: 0 auto; max-width: 100%; height: auto; } .title-align img.img-align { padding: 0; height: 100%; } .title-align img.img-align.landscape { height: auto; } .title-align img.img-align.landscape.lazyload, .title-align img.img-align.landscape.lazyloading { height: 100%; } .title-align img.dropdown { max-height: 180px; width: auto; } .title-align img.vertical { height: 100%; width: auto; } #ajaxBusy { background: rgba(255, 255, 255, 0.75) !important; display: none; } .fancybox-active #ajaxBusy { visibility: hidden; } .product-id .variant-inventory { display: block; } .go-to-cart { width: 100%; } .drift-zoom-pane.drift-inline { position: absolute; width: 150px; height: 150px; border-radius: 75px; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.3); } .drift-loading .drift-zoom-pane-loader { background: rgba(255, 255, 255, 0.75); content: ''; display: block; height: 100%; position: absolute; right: 0; top: 0; width: 100%; z-index: 999; } .drift-zoom-pane-loader:after { content: ''; animation: loader-rotate 1s linear infinite; background: transparent; border: 2px solid var(--button_color_25); border-bottom-color: var(--button_color); border-radius: 50%; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; height: calc(var(--master_spacing) * 2.5); left: 50%; margin-left: calc(-1 * var(--master_spacing) * 1.25); margin-top: calc(-1 * var(--master_spacing) * 1.25); opacity: 0.75; filter: alpha(opacity=75); padding: 0; position: absolute; top: 50%; width: calc(var(--master_spacing) * 2.5); z-index: 999; } .thumbnails a:hover, .thumbnails a:focus { cursor: pointer; } .featured-image, .thumbnails, .product-form { margin: 0 auto var(--master_spacing); } .featured-image .variant-image, .featured-image img, .thumbnails .variant-image, .thumbnails img, .product-form .variant-image, .product-form img { margin: 0 auto; } .featured-image model-viewer, .featured-image .shopify-model-viewer-ui, .thumbnails model-viewer, .thumbnails .shopify-model-viewer-ui, .product-form model-viewer, .product-form .shopify-model-viewer-ui { width: 100%; height: 100%; left: 0; position: absolute; top: 0px; } .offers { margin: 0; } .offers span { vertical-align: middle; } .offers span.price-field { color: var(--button_color); } .offers span.price-field del { opacity: 0.50; filter: alpha(opacity=50); } .white .offers span.price-field { color: var(--white); } .offers span.savings:not(.hidden) { color: var(--button_color); display: inline-block; font-size: var(--medium); } .white .offers span.savings:not(.hidden) { color: var(--white); } .product-logistics { font-size: var(--medium); font-weight: var(--body_font_weight_medium); padding: 0 0 calc(var(--master_spacing) / 2); } .product-logistics a { text-decoration: none; } .product-logistics a:hover, .product-logistics a:focus { text-decoration: underline; } .product-single__store-availability-container p, .store-availabilities-modal p { font-size: calc(var(--small) - 1px); padding: 0 0 calc(var(--master_spacing) / 2); } .product-single__store-availability-container .icon, .store-availabilities-modal .icon { line-height: var(--small); vertical-align: middle; margin-right: 5px; } .product-single__store-availability-container .store-availability-container, .store-availabilities-modal .store-availability-container { border-bottom: 1px solid var(--line_color); } .product-single__store-availability-container .list, .store-availabilities-modal .list { border-bottom: 1px solid var(--line_color); margin: 0 0 var(--master_spacing); } .product-single__store-availability-container .list.last, .store-availabilities-modal .list.last { border: none; margin: 0; padding: 0; } .product-single__store-availability-container .list .store-availability-list__stock, .store-availabilities-modal .list .store-availability-list__stock { font-size: var(--xx_small); } .product-single__store-availability-container .list .store-availability-list__stock .icon, .store-availabilities-modal .list .store-availability-list__stock .icon { line-height: var(--xx_small); vertical-align: middle; } .feedback.cart-success, .feedback.cart-success a { color: var(--success_color); } .feedback.error { color: var(--error_color); } #shopify-section-product-template-quick .feedback .quick-hidden { display: none; } .tabs { float: left; width: 100%; padding: 0; z-index: 1; } .tabs .glider { margin: 0; } .tabs a { border: 1px solid transparent; display: inline-block; position: relative; text-align: center; width: auto; } .tabs a:hover, .tabs a:focus { text-decoration: none; } .tabs a .h5 { color: var(--a11ygrey); display: inline-block; font-weight: var(--headline_font_weight_medium); margin: 0; padding: calc(var(--master_spacing) / 2) 0; position: relative; text-decoration: none; -webkit-transition: all 0.125s ease 0s; -moz-transition: all 0.125s ease 0s; -ms-transition: all 0.125s ease 0s; -o-transition: all 0.125s ease 0s; transition: all 0.125s ease 0s; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; white-space: nowrap; } .tabs a .h5.underline:after { border-bottom: 2px solid transparent; bottom: calc(var(--master_spacing) * 0.25); content: ''; left: 0; padding: 0 0 var(--master_spacing); position: absolute; width: 100%; } .tabs a .h5:hover, .tabs a .h5:focus { color: var(--hover_button_color); cursor: pointer; text-decoration: none; } .tabs a .h5:hover.underline, .tabs a .h5:focus.underline { padding: calc(var(--master_spacing) * 0.25) 0 calc(var(--master_spacing) * 0.75); } .tabs a .h5:hover:after, .tabs a .h5:focus:after { border-color: var(--hover_button_color); } @media only screen and (max-width: 600px) { .tabs a .h5 { font-size: var(--x_small); } } .tabs a.first .h5 { color: var(--button_color); } .tabs a.first .h5.underline { padding: calc(var(--master_spacing) * 0.25) 0 calc(var(--master_spacing) * 0.75); } .tabs a.first .h5:after { border-color: var(--button_color); } @media only screen and (max-width: 600px) { .tabs a { padding: calc(var(--master_spacing) / 2) 0; } } .tabs .product-page a.first { background: var(--button_color); border-color: var(--line_color); } .tabs .product-page a.first .h5 { /*color: var(--button_color);*/ color: var(--white); } @media only screen and (max-width: 600px) { .tabs .product-page a { padding: 0; } } .tabs:before, .tabs:after { content: ' '; display: block; height: 0; overflow: hidden; visibility: hidden; width: 0; } .tabs:after { clear: both; } .tab-body { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; float: left; width: 100%; height: auto; overflow: visible; position: relative; } .tab-body.tab-body-badge { padding-top: calc(var(--master_spacing) / 2); } .tab-body.tab-body-content { padding-top: calc(var(--master_spacing) / 2); } .tab-body.tab-body-content.tab-body-id-product-template { padding: calc(var(--master_spacing) * 2) 0 0; } .product-grid-product-template .tab-body { /*border-top: 1px solid var(--line_color);*/ top: -1px; } .product-grid-product-template .tab-body.hide { border: none; padding: 0; } .tab-body.hide { height: 0; overflow: hidden; padding: 0; } .tab-body .product-loop { margin-bottom: calc(-1 * var(--master_spacing)); } .tab-body .product-loop.glider-track { margin-bottom: 0; } .tab-body h5:hover, .tab-body .h5:hover, .tab-body .customer-links ul li.cart-info .item-title h5 a:hover, .customer-links ul li.cart-info .item-title h5 .tab-body a:hover, .tab-body .header-navigation nav .responsiveMenu li ul.mega > span > li > a:hover, .header-navigation nav .responsiveMenu li .tab-body ul.mega > span > li > a:hover, .tab-body .header-navigation nav .responsiveMenu li ul.semi > span > li > a:hover, .header-navigation nav .responsiveMenu li .tab-body ul.semi > span > li > a:hover, .tab-body .header-navigation nav .responsiveMenu.isMobile > li > a:hover, .header-navigation nav .tab-body .responsiveMenu.isMobile > li > a:hover, .tab-body h5:focus, .tab-body .h5:focus, .tab-body .customer-links ul li.cart-info .item-title h5 a:focus, .customer-links ul li.cart-info .item-title h5 .tab-body a:focus, .tab-body .header-navigation nav .responsiveMenu li ul.mega > span > li > a:focus, .header-navigation nav .responsiveMenu li .tab-body ul.mega > span > li > a:focus, .tab-body .header-navigation nav .responsiveMenu li ul.semi > span > li > a:focus, .header-navigation nav .responsiveMenu li .tab-body ul.semi > span > li > a:focus, .tab-body .header-navigation nav .responsiveMenu.isMobile > li > a:focus, .header-navigation nav .tab-body .responsiveMenu.isMobile > li > a:focus { cursor: pointer; text-decoration: underline; } .product-select { display: none; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; font-size: var(--xx_small); margin-bottom: var(--master_spacing); padding: calc(var(--master_spacing) / 2) var(--xx_small); position: relative; } .plyr.plyr--full-ui.plyr--video { color: var(--body_font_color); background-color: transparent; position:unset; } .plyr.plyr--full-ui.plyr--video .plyr__poster, .plyr.plyr--full-ui.plyr--video .plyr__video-wrapper { background-color: transparent; } .plyr.plyr--full-ui.plyr--video:fullscreen .plyr__video-wrapper .plyr.plyr--full-ui.plyr--video:fullscreen .plyr__poster { background-color: var(--black); } .plyr.plyr--full-ui.plyr--video:-webkit-full-screen .plyr__video-wrapper, .plyr.plyr--full-ui.plyr--video:-webkit-full-screen .plyr__poster { background-color: var(--black); } .plyr.plyr--full-ui.plyr--video:-moz-full-screen .plyr__video-wrapper, .plyr.plyr--full-ui.plyr--video:-moz-full-screen .plyr__poster { background-color: var(--black); } .plyr.plyr--full-ui.plyr--video:-ms-fullscreen .plyr__video-wrapper, .plyr.plyr--full-ui.plyr--video:-ms-fullscreen .plyr__poster { background-color: var(--black); } .plyr.plyr--full-ui.plyr--video .plyr--fullscreen-fallback .plyr__video-wrapper, .plyr.plyr--full-ui.plyr--video .plyr--fullscreen-fallback .plyr__poster { background-color: var(--black); } .plyr.plyr--full-ui.plyr--video .plyr__control.plyr__control--overlaid { background-color: var(--white); border-color: var(--body_font_color_05); } .plyr.plyr--full-ui.plyr--video .plyr__control.plyr__control--overlaid.plyr__tab-focus, .plyr.plyr--full-ui.plyr--video .plyr__control.plyr__control--overlaid:hover { color: var(--body_font_color_50); } .plyr.plyr--full-ui.plyr--video .plyr__controls { background-color: var(--white); border-color: var(--body_font_color_05); } .plyr.plyr--full-ui.plyr--video .plyr__progress input[type='range']::-moz-range-thumb { box-shadow: 2px 0 0 0 var(--white); } .plyr.plyr--full-ui.plyr--video .plyr__progress input[type='range']::-ms-thumb { box-shadow: 2px 0 0 0 var(--white); } .plyr.plyr--full-ui.plyr--video .plyr__progress input[type='range']::-webkit-slider-thumb { box-shadow: 2px 0 0 0 var(--white); } .plyr.plyr--full-ui.plyr--video .plyr__progress input[type='range']::-webkit-slider-runnable-track { background-image: linear-gradient(to right, currentColor var(--value, 0), var(--body_font_color_05) var(--value, 0)); } .plyr.plyr--full-ui.plyr--video .plyr__progress input[type='range']::-moz-range-track { background-color: var(--body_font_color_50); } .plyr.plyr--full-ui.plyr--video .plyr__progress input[type='range']::-ms-fill-upper { background-color: var(--body_font_color_50); } .plyr.plyr--full-ui.plyr--video .plyr__progress input[type='range'].plyr__tab-focus::-webkit-slider-runnable-track { box-shadow: 0 0 0 4px var(--body_font_color_25); } .plyr.plyr--full-ui.plyr--video .plyr__progress input[type='range'].plyr__tab-focus::-moz-range-track { box-shadow: 0 0 0 4px var(--body_font_color_25); } .plyr.plyr--full-ui.plyr--video .plyr__progress input[type='range'].plyr__tab-focus::-ms-track { box-shadow: 0 0 0 4px var(--body_font_color_25); } .plyr.plyr--full-ui.plyr--video .plyr__progress input[type='range']:active::-moz-range-thumb { box-shadow: 0 0 0 3px var(--body_font_color_25); } .plyr.plyr--full-ui.plyr--video .plyr__progress input[type='range']:active::-ms-thumb { box-shadow: 0 0 0 3px var(--body_font_color_25); } .plyr.plyr--full-ui.plyr--video .plyr__progress input[type='range']:active::-webkit-slider-thumb { box-shadow: 0 0 0 3px var(--body_font_color_25); } .plyr.plyr--full-ui.plyr--video .plyr__progress .plyr__tooltip { background-color: var(--body_font_color); color: var(--white); } .plyr.plyr--full-ui.plyr--video .plyr__progress .plyr__tooltip::before { border-top-color: var(--body_font_color); } .plyr.plyr--full-ui.plyr--video.plyr--loading .plyr__progress__buffer { background-image: linear-gradient(-45deg, var(--body_font_color_50) 25%, transparent 25%, transparent 50%, var(--body_font_color_50) 50%, var(--body_font_color_50) 75%, transparent 75%, transparent); } .plyr.plyr--full-ui.plyr--video .plyr__volume input[type='range'] { color: var(--white); } .plyr.plyr--full-ui.plyr--video .plyr__volume input[type='range']::-moz-range-thumb { box-shadow: 2px 0 0 0 var(--body_font_color); } .plyr.plyr--full-ui.plyr--video .plyr__volume input[type='range']::-ms-thumb { box-shadow: 2px 0 0 0 var(--body_font_color); } .plyr.plyr--full-ui.plyr--video .plyr__volume input[type='range']::-webkit-slider-thumb { box-shadow: 2px 0 0 0 var(--body_font_color); } .plyr.plyr--full-ui.plyr--video .plyr__volume input[type='range']::-webkit-slider-runnable-track { background-image: linear-gradient(to right, currentColor var(--value, 0), rgba(255, 255, 255, 0.6) var(--value, 0)); } .plyr.plyr--full-ui.plyr--video .plyr__volume input[type='range']::-moz-range-track, .plyr.plyr--full-ui.plyr--video .plyr__volume input[type='range']::-ms-fill-upper { background-color: rgba(255, 255, 255, 0.6); } .plyr.plyr--full-ui.plyr--video .plyr__volume input[type='range'].plyr__tab-focus::-webkit-slider-runnable-track { box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.25); } .plyr.plyr--full-ui.plyr--video .plyr__volume input[type='range'].plyr__tab-focus::-moz-range-track { box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.25); } .plyr.plyr--full-ui.plyr--video .plyr__volume input[type='range'].plyr__tab-focus::-ms-track { box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.25); } .plyr.plyr--full-ui.plyr--video .plyr__volume input[type='range']:active::-moz-range-thumb { box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.25); } .plyr.plyr--full-ui.plyr--video .plyr__volume input[type='range']:active::-ms-thumb { box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.25); } .plyr.plyr--full-ui.plyr--video .plyr__volume input[type='range']:active::-webkit-slider-thumb { box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.25); } .shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area { background: var(--white); border-color: var(--line_color_05); } .shopify-model-viewer-ui .shopify-model-viewer-ui__button { color: var(--body_font_color); } .shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:hover { color: var(--body_font_color_50); } .shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:active, .shopify-model-viewer-ui .shopify-model-viewer-ui__button--control.focus-visible:focus { color: var(--body_font_color_50); background: var(--body_font_color_05); } .shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:not(:last-child):after { border-color: var(--body_font_color_05); } .shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster { background: var(--white); border-color: var(--body_font_color_05); } .shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:hover, .shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:focus { color: var(--body_font_color_50); } #cart-table table { margin: 0 auto; width: auto; } #cart-table table tr.table-border-top { border-bottom: 1px solid var(--line_color); } #cart-table table tr.table-border-bottom { height: calc(var(--xx_small) * 3); } #cart-table table tr.table-border-bottom td { vertical-align: bottom; } #cart-table table tr td { border: none; height: auto; padding: 0 calc(var(--master_spacing) / 4); } #cart-table table tr td p { padding: 0 0 calc(var(--master_spacing) / 2); } #cart-table .additional-checkout-buttons > div { margin: 0 auto; max-width: 220px; min-height: auto !important; } #cart-table .additional-checkout-buttons .shopify-cleanslate [data-testid="grid-cell"] { -webkit-box-flex: auto !important; -webkit-flex: auto !important; -ms-flex: auto !important; flex: auto !important; margin: 0 0 calc(var(--master_spacing) / 2) !important; width: 100% !important; } #cart-table .additional-checkout-buttons .shopify-cleanslate ul { padding: 0; } #cart-table .additional-checkout-buttons .shopify-cleanslate ul li { padding: 0; } .cart-table-header { border-bottom: 1px solid var(--line_color); } .color-primary .cart-table-header { border-color: var(--section_color_primary); } .color-secondary .cart-table-header { border-color: var(--section_color_secondary); } .cart-table-header h4 { color: var(--a11ygrey); } .cart-table-header h4.item { color: var(--button_color); } @media only screen and (max-width: 768px) { .cart-table-header { display: none; } } .cart-table .product-loop { display: block; } .cart-table .item { border-bottom: 1px solid var(--line_color); margin: 0 0 var(--master_spacing); padding: 0 0 var(--master_spacing); } .cart-table .item.last { border: none; margin: 0; padding: 0; } .cart-table .item .badge { left: calc(-1 * var(--master_spacing) / 4); top: calc(-1 * var(--master_spacing) / 4); } .cart-table .item img { margin: 0 auto; } .cart-table .item .item-title h3 { margin: 0; } .cart-table .item .variants, .cart-table .item .total-item { color: var(--a11ygrey); font-weight: var(--headline_font_weight_medium); } .cart-table .item .variants del, .cart-table .item .total-item del { opacity: 0.50; filter: alpha(opacity=50); } .cart-table .item .variants { display: block; } .cart-table .item h6 { margin: calc(var(--master_spacing) / 2) 0 0; } .cart-table .item span.form { margin: 0 0 calc(var(--master_spacing) / 2); } .cart-table .item p { line-height: var(--small); padding: 0; margin: calc(var(--master_spacing) / 2) 0 0; } .cart-table .item p.error-text { line-height: calc(var(--small) * 1.25); } @media only screen and (max-width: 768px) { .cart-table .item .item-thumb { padding-right: var(--master_spacing); width: 50%; } .cart-table .item .item-details.full { display: block; width: 100%; } .cart-table .item .item-details.half { display: inline-block; vertical-align: middle; width: 50%; } .cart-table .item .item-details > .text-center { text-align: left; } .cart-table .item .item-details h5, .cart-table .item .item-details .h5, .cart-table .item .item-details .customer-links ul li.cart-info .item-title h5 a, .customer-links ul li.cart-info .item-title h5 .cart-table .item .item-details a, .cart-table .item .item-details .header-navigation nav .responsiveMenu li ul.mega > span > li > a, .header-navigation nav .responsiveMenu li .cart-table .item .item-details ul.mega > span > li > a, .cart-table .item .item-details .header-navigation nav .responsiveMenu li ul.semi > span > li > a, .header-navigation nav .responsiveMenu li .cart-table .item .item-details ul.semi > span > li > a, .cart-table .item .item-details .header-navigation nav .responsiveMenu.isMobile > li > a, .header-navigation nav .cart-table .item .item-details .responsiveMenu.isMobile > li > a, .cart-table .item .item-details p { margin: calc(var(--master_spacing) / 2) 0; } .cart-table .item .item-details h5.hidden, .cart-table .item .item-details .hidden.h5, .cart-table .item .item-details .customer-links ul li.cart-info .item-title h5 a.hidden, .customer-links ul li.cart-info .item-title h5 .cart-table .item .item-details a.hidden, .cart-table .item .item-details .header-navigation nav .responsiveMenu li ul.mega > span > li > a.hidden, .header-navigation nav .responsiveMenu li .cart-table .item .item-details ul.mega > span > li > a.hidden, .cart-table .item .item-details .header-navigation nav .responsiveMenu li ul.semi > span > li > a.hidden, .header-navigation nav .responsiveMenu li .cart-table .item .item-details ul.semi > span > li > a.hidden, .cart-table .item .item-details .header-navigation nav .responsiveMenu.isMobile > li > a.hidden, .header-navigation nav .cart-table .item .item-details .responsiveMenu.isMobile > li > a.hidden, .cart-table .item .item-details h6 { display: block; font-size: var(--xx_small); } .cart-table .item .item-details .price-preview-hidden, .cart-table .item .item-details .total-item-hidden { display: none; } .cart-table .item .item-details h6 { margin: calc(var(--master_spacing) / 2) 0; } .cart-table .item .item-details h6 .variants { margin-top: 0; } } @media only screen and (max-width: 320px) { .cart-table .item .badge { left: auto; right: calc(var(--master_spacing) / 4); top: calc(-1 * var(--master_spacing) / 4); } .cart-table .item .item-thumb:not(.ignore) { margin-bottom: calc(var(--master_spacing) / 2); padding-right: calc(var(--master_spacing) / 2); width: 100%; } .cart-table .item .item-details:not(.ignore) { width: 100%; } .cart-table .item .item-details:not(.ignore).half { width: 100%; } } @media only screen and (max-width: 480px) { .cart-table .remove-row .remove-text { display: none; } } .blog-article img { display: block; margin: 0 0 var(--master_spacing); } .blog-article .blog-data { margin: 0 0 calc(var(--master_spacing) / 2); } .blog-article .blog-data a, .blog-article .blog-tags a { text-decoration: none; } .blog-article .blog-data a:hover, .blog-article .blog-data a:focus, .blog-article .blog-tags a:hover, .blog-article .blog-tags a:focus { text-decoration: underline; } .blog-header { border-bottom: 1px solid var(--line_color); margin-bottom: var(--master_spacing); } .single-article { border-bottom: none; margin: 0 0 calc(var(--master_spacing) * 1.5); } @media only screen and (max-width: 600px) { .sidebar { margin-top: var(--master_spacing); } } .comments { border-top: 1px solid var(--line_color); float: left; width: 100%; margin: 0; padding: calc(var(--master_spacing) * 2) 0 0; } input[type="text"].search-field { font-weight: var(--body_font_weight_bold); padding: calc(var(--master_spacing) / 2); } input[type="text"].search-field::-webkit-input-placeholder { font-weight: normal; } input[type="text"].search-field::-moz-placeholder { font-weight: normal; } input[type="text"].search-field:-moz-placeholder { font-weight: normal; } input[type="text"].search-field:-ms-input-placeholder { font-weight: normal; } .text-center input[type="text"].search-field { text-align: center; } @-webkit-keyframes fadeIn { from { opacity: 0; filter: alpha(opacity=0); } to { opacity: 1; filter: alpha(opacity=100); } } @keyframes fadeIn { from { opacity: 0; filter: alpha(opacity=0); } to { opacity: 1; filter: alpha(opacity=100); } } .search-form { margin: 0 0 calc(var(--master_spacing) * 1.5); scrollbar-color: var(--line_color) var(--white); scrollbar-width: thin; } .search-form ::-webkit-scrollbar { -webkit-appearance: none; width: 14px; } .search-form ::-webkit-scrollbar-thumb { border: 2px solid var(--white); background-color: var(--line_color); } .search-form .search-results { background: rgba(255, 255, 255, 0.98); border: 1px solid var(--line_color); border-top-color: var(--white); -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; float: none; left: 0; list-style-type: none; margin: -1px 0 0; padding: calc(var(--master_spacing) / 2) 0 0; position: absolute; top: 100%; -webkit-animation: fadeIn 0.4s; animation: fadeIn 0.4s; width: 100%; z-index: 999; } .header-searchbar .search-form .search-results { z-index: 9999999; } .mobile-only .search-form .search-results { max-height: 250px; overflow-y: auto; } .search-form .search-results li { display: inline-block; float: none; margin: 0; padding: 0 var(--master_spacing) calc(var(--master_spacing) / 2); overflow: hidden; vertical-align: middle; } .search-form .search-results li.twelve { border-top: 1px solid var(--line_color); } .search-form .search-results li.twelve.page, .search-form .search-results li.twelve.article, .search-form .search-results li.twelve.collection { padding-top: var(--master_spacing); } .search-form .search-results li.twelve.page ~ .twelve.page, .search-form .search-results li.twelve.article ~ .twelve.article .search-form .search-results li.twelve.collection ~ .twelve.collection { border-top: none; padding-top: 0; } .search-form .search-results li a { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: var(--body_font_color); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; font-size: var(--x_small); text-decoration: none; } .search-form .search-results li a span:not(.thumbnail) { display: block; } .search-form .search-results li a:hover, .search-form .search-results li a:focus { text-decoration: none; } .search-form .search-results li.see-all { border-top: 1px solid var(--line_color); padding: 0; } .search-form .search-results li.see-all a { display: block; padding: var(--master_spacing); } .search-form .search-results li:first-child { border-top: none; } .search-form .search-results li .thumbnail { min-width: 100px; margin: 0; padding-right: 20px; text-align: center; } .search-form .search-results li .thumbnail img { max-height: 100px; max-width: 100px; } .search-form .search-results li .title { width: 100%; text-align: left; } .with-image .search-form .search-results li .title { width: 80%; } .content .search-form .search-results { border-width: 1px; left: 0; } .content .search-form .search-results li.see-all { border-top-width: 1px; } .account-secondary { background: none; color: var(--body_font_color); font-size: var(--x_small); margin-left: var(--master_spacing); } .account-secondary.error-text { color: var(--error_color); font-weight: var(--body_font_weight_bold); } .account-secondary:hover, .account-secondary:focus { text-decoration: underline; } footer { margin: calc(var(--master_spacing) * 3) 0 0; } footer h5, footer .h5, footer .customer-links ul li.cart-info .item-title h5 a, .customer-links ul li.cart-info .item-title h5 footer a, footer .header-navigation nav .responsiveMenu li ul.mega > span > li > a, .header-navigation nav .responsiveMenu li footer ul.mega > span > li > a, footer .header-navigation nav .responsiveMenu li ul.semi > span > li > a, .header-navigation nav .responsiveMenu li footer ul.semi > span > li > a, footer .header-navigation nav .responsiveMenu.isMobile > li > a, .header-navigation nav footer .responsiveMenu.isMobile > li > a { margin: 0 0 var(--master_spacing); } footer h4, footer h5, footer .h5, footer .customer-links ul li.cart-info .item-title h5 a, .customer-links ul li.cart-info .item-title h5 footer a, footer .header-navigation nav .responsiveMenu li ul.mega > span > li > a, .header-navigation nav .responsiveMenu li footer ul.mega > span > li > a, footer .header-navigation nav .responsiveMenu li ul.semi > span > li > a, .header-navigation nav .responsiveMenu li footer ul.semi > span > li > a, footer .header-navigation nav .responsiveMenu.isMobile > li > a, .header-navigation nav footer .responsiveMenu.isMobile > li > a { font-weight: var(--headline_font_weight_bold); } @media only screen and (max-width: 600px) { footer h4, footer h5, footer .h5, footer .customer-links ul li.cart-info .item-title h5 a, .customer-links ul li.cart-info .item-title h5 footer a, footer .header-navigation nav .responsiveMenu li ul.mega > span > li > a, .header-navigation nav .responsiveMenu li footer ul.mega > span > li > a, footer .header-navigation nav .responsiveMenu li ul.semi > span > li > a, .header-navigation nav .responsiveMenu li footer ul.semi > span > li > a, footer .header-navigation nav .responsiveMenu.isMobile > li > a, .header-navigation nav footer .responsiveMenu.isMobile > li > a { margin: 0 0 calc(var(--master_spacing) / 2); } } footer img { display: inline-block; margin-left: 0; margin-right: 0; } footer .first { clear: left; } footer .open-container .open { display: none; left: calc(var(--master_spacing) * 1.5 - var(--medium) / 2); position: absolute; top: 0; } @media only screen and (max-width: 600px) { footer .open-container .open { display: block; } } footer .open-container .open-slide { display: block; } @media only screen and (max-width: 600px) { footer .open-container .open-slide { display: none; } } footer .footer-menu.six { float: left; } footer .footer-menu ul { list-style: none; padding-left: 0; } footer .footer-menu ul li { padding: calc(var(--master_spacing) / 2) 0; } footer .footer-menu ul li a { font-size: var(--xx_small); } @media only screen and (max-width: 960px) { footer .footer-menu.six { padding: 0; width: 100%; } } @media only screen and (max-width: 600px) { footer .footer-menu.first { margin-top: var(--master_spacing); } } footer .sub-footer li { padding: 0; } footer .sub-footer li a { display: block; padding: calc(var(--base) / 2); } footer .sub-footer p { font-size: var(--xx_small); padding: 0 0 calc(var(--master_spacing) / 2); } footer .sub-footer p a { text-decoration: none; } footer .sub-footer .small p { font-size: calc(var(--xx_small) - 2px); } footer .sub-footer .small p a { text-decoration: underline; } footer .payment-icons { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: default; padding: 0; } footer .payment-icons li { display: inline-block; margin: 0 4px 0 0; padding: 0; cursor: default; } footer .payment-icons li .payment-icon { height: 24px; margin: 0; width: 38px; } @media only screen and (max-width: 600px) { footer .footer-logo { text-align: center; } footer .text-center:not(.img), footer .text-right:not(.img) { text-align: left; } footer h5.dual-titles, footer .dual-titles.h5, footer .customer-links ul li.cart-info .item-title h5 a.dual-titles, .customer-links ul li.cart-info .item-title h5 footer a.dual-titles, footer .header-navigation nav .responsiveMenu li ul.mega > span > li > a.dual-titles, .header-navigation nav .responsiveMenu li footer ul.mega > span > li > a.dual-titles, footer .header-navigation nav .responsiveMenu li ul.semi > span > li > a.dual-titles, .header-navigation nav .responsiveMenu li footer ul.semi > span > li > a.dual-titles, footer .header-navigation nav .responsiveMenu.isMobile > li > a.dual-titles, .header-navigation nav footer .responsiveMenu.isMobile > li > a.dual-titles { border-bottom: 1px solid var(--line_color); font-size: var(--x_small); font-weight: var(--body_font_weight_medium); padding-bottom: calc(var(--master_spacing) / 2); } footer .inline-container .bottompad { margin: 0 0 calc(var(--master_spacing) / 2); } } .basicLightbox__close { background: var(--black); border: 0; border-radius: 100%; cursor: pointer; height: calc(var(--master_spacing) * 1.5); padding: 0; position: absolute; right: calc(var(--master_spacing) / 4); top: calc(var(--master_spacing) / 4); width: calc(var(--master_spacing) * 1.5); z-index: 401; } .basicLightbox__close svg path { stroke: var(--white); } .basicLightbox__close:after { content: var(--times_w); position: absolute; top: 50%; left: 50%; width: 24px; height: 24px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); transition: background-color .25s; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; z-index: 2; } .basicLightbox__close:hover { background: var(--hover_button_color); } .cart-info .basicLightbox__close { right: calc(var(--master_spacing) / -2); top: calc(var(--master_spacing) / -2); } .search-form .basicLightbox__close, .cart-info .basicLightbox__close { background: var(--white); height: calc(var(--master_spacing) * 1.5); } .search-form .basicLightbox__close.hidden, .cart-info .basicLightbox__close.hidden { display: none; } .search-form .basicLightbox__close:after, .cart-info .basicLightbox__close:after { content: var(--times_g); } .search-form .basicLightbox__close:hover:after, .cart-info .basicLightbox__close:hover:after { content: var(--times_r); } .basicLightbox { align-items: center; background: rgba(255, 255, 255, 0.9); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; height: 100vh; justify-content: center; left: 0; opacity: 0.01; filter: alpha(opacity=0.01); overflow: auto; position: fixed; transition: opacity .4s ease; top: 0; width: 100%; will-change: opacity; z-index: 99999; } .basicLightbox .basicLightbox__placeholder { /*max-width:100%;*/ max-width: 800px; max-height: 90vh; transform: scale(0.9); transition: transform .4s ease; z-index: 1; width: 100%; will-change: transform; } .basicLightbox .basicLightbox__placeholder .basicLightbox__div { background: var(--white); border: 1px solid; margin: var(--master_spacing); padding: calc(var(--master_spacing) * 2); text-align: left; } .basicLightbox .basicLightbox__placeholder .basicLightbox__div.nopad { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; padding: 0; } .basicLightbox .basicLightbox__placeholder .basicLightbox__div .youtube-container { margin: 0; width: 100%; } .basicLightbox .basicLightbox__placeholder > iframe:first-child:last-child, .basicLightbox .basicLightbox__placeholder > img:first-child:last-child, .basicLightbox .basicLightbox__placeholder > video:first-child:last-child { bottom: 0; display: block; left: 0; margin: auto; max-width: 95%; max-height: 95%; position: absolute; right: 0; top: 0; } .basicLightbox .basicLightbox__placeholder > iframe:first-child:last-child, .basicLightbox .basicLightbox__placeholder > video:first-child:last-child { pointer-events: auto; } .basicLightbox .basicLightbox__placeholder > img:first-child:last-child, .basicLightbox .basicLightbox__placeholder > video:first-child:last-child { height: auto; width: auto; } .basicLightbox.basicLightbox--visible { opacity: 1; filter: alpha(opacity=100); } .basicLightbox.basicLightbox--visible .basicLightbox__placeholder { transform: scale(1); } .basicLightbox.basicLightbox--iframe .basicLightbox__placeholder, .basicLightbox.basicLightbox--img .basicLightbox__placeholder, .basicLightbox.basicLightbox--video .basicLightbox__placeholder { height: 100%; pointer-events: none; width: 100%; } body.basicLightbox__active { overflow: hidden !important; } .basicLightbox__active { margin-right: 17px; } .basicLightbox__active { height: auto; } .loader { animation: rotate 1s linear infinite; background: transparent; border: 2px solid var(--button_color_25); border-bottom-color: var(--button_color); border-radius: 50%; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; height: calc(var(--master_spacing) * 2.5); left: 50%; margin-left: calc(-1 * var(--master_spacing) * 1.25); margin-top: calc(-1 * var(--master_spacing) * 1.25); opacity: 0.75; filter: alpha(opacity=75); padding: 0; position: absolute; top: 50%; width: calc(var(--master_spacing) * 2.5); z-index: 999; } @keyframes rotate { 100% { transform: rotate(360deg); } } .glider .product.visible .product-thumb, .glider.thumbnails.loaded .image, .glider.loaded .product { -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; opacity: 1; filter: alpha(opacity=100); visibility: visible; } .glider-contain { margin: 0 auto; overflow: hidden; position: relative; width: 100%; } .glider-contain h3 { margin-bottom: 30px; } .glider { margin: 0 calc(-1 * var(--master_spacing) / 2); position: relative; overflow-y: hidden; -webkit-overflow-scrolling: touch; -ms-overflow-style: none; transform: translateZ(0); scrollbar-width: none; -ms-overflow-style: none; } .glider .image, .glider .product { flex: none; } .glider.slideshow { margin: 0; } .glider:not(.slideshow):after { content: ''; animation: rotate 1s linear infinite; background: transparent; border: 2px solid var(--button_color_25); border-bottom-color: var(--button_color); border-radius: 50%; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; height: calc(var(--master_spacing) * 2.5); left: 50%; margin-left: calc(-1 * var(--master_spacing) * 1.25); margin-top: calc(-1 * var(--master_spacing) * 1.25); opacity: 0.75; filter: alpha(opacity=75); padding: 0; position: absolute; top: 50%; width: calc(var(--master_spacing) * 2.5); z-index: 999; } .glider.loaded:after { display: none; } .glider.load { opacity: 0; filter: alpha(opacity=0); } .glider::-webkit-scrollbar { display: none; } .glider-track { transform: translateZ(0); width: 100%; margin: 0 auto; padding: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; z-index: 1; -webkit-transition: all 0.125s ease 0s; -moz-transition: all 0.125s ease 0s; -ms-transition: all 0.125s ease 0s; -o-transition: all 0.125s ease 0s; transition: all 0.125s ease 0s; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } .glider-track.center { justify-content: center; } .glider-track.slideshow { flex-wrap: wrap; } .glider-track.product-tabs { margin: 0; } .glider-track .product { margin: 0; padding-top: calc(var(--master_spacing) / 2); } .glider.draggable { user-select: none; cursor: -webkit-grab; cursor: grab; } .glider.draggable.no-drag { cursor: -webkit-default; cursor: default; } @media only screen and (max-width: 768px) { .glider.draggable.no-drag { cursor: -webkit-grab; cursor: grab; } } .glider.draggable .glider-slide:not(.thumb-image-product-template) img { user-select: none; pointer-events: none; } .glider.drag { cursor: -webkit-grabbing; cursor: grabbing; } .glider.drag.no-drag { cursor: -webkit-default; cursor: default; } @media only screen and (max-width: 768px) { .glider.drag.no-drag { cursor: -webkit-grabbing; cursor: grabbing; } } .glider-slide { user-select: none; justify-content: center; align-content: center; width: 100%; } .glider-slide img { max-width: 100%; } .glider-button-prev, .glider-button-next { position: absolute; top: 50%; width: calc(var(--master_spacing) * 2); padding: calc(var(--master_spacing) / 2) 0; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s; -ms-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; z-index: 10; cursor: pointer; } .glider-button-prev.white, .glider-button-next.white { color: var(--white); } .glider-pagination .glider-button-prev, .glider-pagination .glider-button-next { display: inline-block; position: relative; top: 0; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .slideshow-carousel .glider-button-prev, .slideshow-carousel .glider-button-next { padding: calc(var(--master_spacing) / 4) 0; } .glider-button-prev.disabled, .glider-button-next.disabled { cursor: auto; opacity: 0; filter: alpha(opacity=0); pointer-events: none; } .glider-button-prev.disabled.thumbs, .glider-button-next.disabled.thumbs { opacity: 0.50; filter: alpha(opacity=50); } .glider-button-prev:hover, .glider-button-prev:focus, .glider-button-next:hover, .glider-button-next:focus { color: var(--hover_button_color); } .tabs .glider-button-prev, .tabs .glider-button-next { text-align: center; } .tabs .glider-button-prev:before, .tabs .glider-button-next:before { background: var(--white); border-radius: 100%; } @media only screen and (max-width: 1220px) { .glider-button-prev, .glider-button-next { display: none; } .tabs .glider-button-prev, .tabs .glider-button-next { display: block; } } .tabs .glider-button-prev { left: 0; } .tabs .glider-button-next { right: 0; } .glider-pagination { bottom: 0; margin: calc(var(--master_spacing) / 2) 0 0; position: absolute; text-align: center; -webkit-transition: 300ms opacity; -o-transition: 300ms opacity; transition: 300ms opacity; width: 100%; z-index: 10; } .glider-pagination.relative { position: relative; } @media only screen and (max-width: 768px) { .glider-pagination.hidden { display: block; } } .glider-hide { opacity: 0; filter: alpha(opacity=0); } .glider-dots { user-select: none; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: center; margin: 0 auto; padding: 0; } .glider-dot { border: 0; padding: 0; user-select: none; outline: none; display: block; cursor: pointer; color: #ccc; border-radius: 999px; background: #ccc; width: 12px; height: 12px; margin: 7px; } .glider-dot:hover, .glider-dot:focus, .glider-dot.active { background: #a89cc8; } @-webkit-viewport { width: device-width; } @-moz-viewport { width: device-width; } @viewport { width: device-width; } .wrap { width: 95%; max-width: 540px; margin: 0 auto; } .wrap:after { content: ''; display: table; clear: both; } @-webkit-keyframes slideup { 0% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(2000px); } 100% { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); } } @keyframes slideup { 0% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(2000px); } 60% { opacity: 1; filter: alpha(opacity=100); } 100% { -webkit-transform: translateY(0); } } @-webkit-keyframes popup { 0% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(30px); } 60% { opacity: 1; filter: alpha(opacity=100); } 100% { -webkit-transform: translateY(0); } } @keyframes popup { 0% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(30px); } 60% { opacity: 1; filter: alpha(opacity=100); } 100% { -webkit-transform: translateY(0); } } @-webkit-keyframes container-slide { 0% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(0deg); } } @keyframes container-slide { 0% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(0deg); } } @-webkit-keyframes fadein { 0% { opacity: 0; filter: alpha(opacity=0); } 100% { opacity: 1; filter: alpha(opacity=100); } } @keyframes fadein { 0% { opacity: 0; filter: alpha(opacity=0); } 100% { opacity: 1; filter: alpha(opacity=100); } } /* .animate-section { clear: both; overflow: hidden; } .animate-section.animate-section-margin { margin-bottom: calc(-1 * var(--master_spacing)); padding-bottom: var(--master_spacing); } .animate-section.load .animate { -webkit-transform: translateY(0px); transform: translateY(0px); -webkit-animation: slideup 1s ease; animation: slideup 1s ease; opacity: 1; filter: alpha(opacity=100); } .animate-section.load .animate.animate-loop-0 { -webkit-animation-duration: 1s; animation-duration: 1s; } .animate-section.load .animate.animate-loop-1 { -webkit-animation-duration: 1.1s; animation-duration: 1.1s; } .animate-section.load .animate.animate-loop-2 { -webkit-animation-duration: 1.2s; animation-duration: 1.2s; } .animate-section.load .animate.animate-loop-3 { -webkit-animation-duration: 1.3s; animation-duration: 1.3s; } .animate-section.load .animate.animate-loop-4 { -webkit-animation-duration: 1.4s; animation-duration: 1.4s; } .animate-section.load .animate.animate-loop-5 { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; } .animate-section.load .animate.animate-loop-6 { -webkit-animation-duration: 1.6s; animation-duration: 1.6s; } .animate-section.load .animate.animate-loop-7 { -webkit-animation-duration: 1.7s; animation-duration: 1.7s; } .animate-section.load .animate.animate-loop-8 { -webkit-animation-duration: 1.8s; animation-duration: 1.8s; } .animate-section.load .animate.animate-loop-9 { -webkit-animation-duration: 1.9s; animation-duration: 1.9s; } .animate-section.load .animate.animate-loop-10 { -webkit-animation-duration: 2s; animation-duration: 2s; } .animate-section.load .animate.animate-loop-11 { -webkit-animation-duration: 2.1s; animation-duration: 2.1s; } .animate-section.load .animate.animate-loop-12 { -webkit-animation-duration: 2.2s; animation-duration: 2.2s; } .animate-section.load .animate.animate-loop-13 { -webkit-animation-duration: 2.3s; animation-duration: 2.3s; } .animate-section.load .animate.animate-loop-14 { -webkit-animation-duration: 2.4s; animation-duration: 2.4s; } .animate-section.load .animate.animate-loop-15 { -webkit-animation-duration: 2.5s; animation-duration: 2.5s; } .animate-section .animate { -webkit-transform: translateY(500%); transform: translateY(500%); -webkit-transition: transform 1s ease; transition: transform 1s ease; } @media screen\0 { .animate-section .animate { transform: translateY(0); } } .animate-section.up .animate { -webkit-transform: translateY(-500%); transform: translateY(-500%); } @media screen\0 { .animate-section.up .animate { transform: translateY(0); } } .animate-section.go .animate { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1; filter: alpha(opacity=100); } .animate-section.go .animate.animate-loop-0 { -webkit-transition-duration: 1s; transition-duration: 1s; } .animate-section.go .animate.animate-loop-1 { -webkit-transition-duration: 1.1s; transition-duration: 1.1s; } .animate-section.go .animate.animate-loop-2 { -webkit-transition-duration: 1.2s; transition-duration: 1.2s; } .animate-section.go .animate.animate-loop-3 { -webkit-transition-duration: 1.3s; transition-duration: 1.3s; } .animate-section.go .animate.animate-loop-4 { -webkit-transition-duration: 1.4s; transition-duration: 1.4s; } .animate-section.go .animate.animate-loop-5 { -webkit-transition-duration: 1.5s; transition-duration: 1.5s; } .animate-section.go .animate.animate-loop-6 { -webkit-transition-duration: 1.6s; transition-duration: 1.6s; } .animate-section.go .animate.animate-loop-7 { -webkit-transition-duration: 1.7s; transition-duration: 1.7s; } .animate-section.go .animate.animate-loop-8 { -webkit-transition-duration: 1.8s; transition-duration: 1.8s; } .animate-section.go .animate.animate-loop-9 { -webkit-transition-duration: 1.9s; transition-duration: 1.9s; } .animate-section.go .animate.animate-loop-10 { -webkit-transition-duration: 2s; transition-duration: 2s; } .animate-section.go .animate.animate-loop-11 { -webkit-transition-duration: 2.1s; transition-duration: 2.1s; } .animate-section.go .animate.animate-loop-12 { -webkit-transition-duration: 2.2s; transition-duration: 2.2s; } .animate-section.go .animate.animate-loop-13 { -webkit-transition-duration: 2.3s; transition-duration: 2.3s; } .animate-section.go .animate.animate-loop-14 { -webkit-transition-duration: 2.4s; transition-duration: 2.4s; } .animate-section.go .animate.animate-loop-15 { -webkit-transition-duration: 2.5s; transition-duration: 2.5s; } .animate-section.load .glider.loaded .animate.glider-slide, .animate-section.go .glider.loaded .animate.glider-slide, .animate-section.stop .glider.loaded .animate.glider-slide { -webkit-animation: none; animation: none; } .animate-section.loaded { overflow: visible; z-index: 99; } .animate-section.loaded .animate { -webkit-transform: none; transform: none; -webkit-transition: none; transition: none; } */ #gift-card-outer-container { padding: var(--master_spacing); -webkit-animation: container-slide 0.8s ease-in-out; animation: container-slide 0.8s ease-in-out; } @media only screen and (max-width: 600px) { #gift-card-outer-container { padding: calc(var(--master_spacing) / 2); } } #gift-card-inner-container:after { content: ''; display: table; clear: both; } #gift-card-header { padding: var(--master_spacing) var(--master_spacing) 0; display: block; overflow: hidden; position: relative; } #gift-card-holder { margin: var(--master_spacing) auto; position: relative; } #gift-card-holder .corner { display: block; width: 47px; height: 47px; position: absolute; z-index: 2; } #gift-card-holder .corner.top-left { background: url(../../../../../../../../assets/themes_support/gift-card/corner-top-left-407e052d38db02cf8ccc1d63452be868fdeec83d4c0be2fd14a4c9558d422948.png) 0 0 no-repeat; top: -1px; left: -1px; } .svg #gift-card-holder .corner.top-left { background: url(../../../../../../../../assets/themes_support/gift-card/corner-top-left-cc5e5fa342669b3ea989527fbbd6439b8adb3b6dedcb198e79cdd8d6776012c5.svg) 0 0 no-repeat; } .no-borderradius #gift-card-holder .corner.top-left { background: url(../../../../../../../../assets/themes_support/gift-card/corner-bottom-left-2f09e5ef16cb158265e88f20dc0d8b7316a255f7e338814dcf8413b9f3af6b2a.png) 0 0 no-repeat; bottom: 0px; left: 0px; width: 7px; height: 7px; } .no-borderradius #gift-card-holder .corner.top-right { background: url(../../../../../../../../assets/themes_support/gift-card/corner-top-right-59c963522314de9275c892c82b8f294c3cf284d4f592c739967147e586ce334a.png) 0 0 no-repeat; top: 0px; right: 0px; width: 7px; height: 7px; } #gift-card-holder .corner.bottom-right { background: url(../../../../../../../../assets/themes_support/gift-card/corner-bottom-right-8733072c71085ba883290401b7a9dd49ae03d6f287a9f0913dc439ac7319b7a5.png) 0 0 no-repeat; bottom: -1px; right: -1px; } .svg #gift-card-holder .corner.bottom-right { background: url(../../../../../../../../assets/themes_support/gift-card/corner-bottom-right-cc7664ee5e687c68f307b59802f08677b6333ee52a61b8e192e321854d94dc90.svg) 0 0 no-repeat; } @media only screen and (max-width: 480px) { #gift-card-holder .corner.bottom-right { background-position: bottom right !important; } } @media only screen and (max-width: 480px) { #gift-card-holder .corner { display: none; } } #gift-card { position: relative; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; position: relative; } #gift-card:before { content: ''; position: absolute; width: 100%; height: 100%; box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.1); border-radius: 10px; z-index: 1; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: block; } #gift-card img { border-radius: 10px; display: block; } @media only screen and (max-width: 480px) { #gift-card { font-size: 10px; } } #gift-card-code-outer { position: absolute; bottom: var(--master_spacing); text-align: center; width: 100%; } #gift-card-code-outer.medium { font-size: var(--x_small); } #gift-card-code-outer.small { font-size: var(--xx_small); } #gift-card-code-inner { display: inline-block; vertical-align: baseline; zoom: 1; *display: inline; *vertical-align: auto; background-color: var(--white); padding: calc(var(--master_spacing) / 2); border-radius: 4px; max-width: 450px; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1); } .small #gift-card-code-inner { overflow: auto; } #gift-card-code-inner strong { font-weight: 400; font-size: var(--large); text-transform: uppercase; border-radius: 2px; border: 1px dashed #e5e5e5; padding: calc(var(--master_spacing) / 2); display: inline-block; vertical-align: baseline; zoom: 1; *display: inline; *vertical-align: auto; color: #777; line-height: 1; } .disabled #gift-card-code-inner strong { color: #999; text-decoration: line-through; } #gift-card-code-inner span + span { margin-left: calc(var(--master_spacing) / 4); } #gift-card-amount { position: absolute; top: 0; right: 0; color: var(--white); font-size: var(--x_large); padding: calc(var(--master_spacing) / 2); } #gift-card-amount.medium { font-size: var(--large); } #gift-card-amount strong { text-shadow: 3px 3px 0 rgba(0, 0, 0, 0.1); display: block; } @media only screen and (max-width: 480px) { #gift-card-amount strong { text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1); } } #gift-card-amount .tooltip-label { font-size: calc(var(--medium) / 2); color: var(--white); } #gift-card-amount .tooltip-label small { text-transform: uppercase; letter-spacing: 1px; color: #b3b3b3; font-size: var(--xx_small); } .tooltip { position: relative; } .tooltip-container { display: block; position: absolute; top: -100%; right: 50%; z-index: 3; color: var(--white); text-align: center; white-space: nowrap; -webkit-animation: popup 0.5s ease-in-out both 0.7s; animation: popup 0.5s ease-in-out both 0.7s; top: -50%; margin-top: calc(var(--medium) / 4); } @media only screen and (max-width: 600px) { .tooltip-container { top: -65%; } } @media only screen and (max-width: 480px) { .tooltip-container { top: -75%; } } .tooltip:hover .tooltip-container, .tooltip:focus .tooltip-container { display: block; } .tooltip-triangle { content: ''; display: block; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 5px solid #333; border-top: 5px solid rgba(51, 51, 51, 0.9); position: absolute; left: 100%; bottom: 0; margin-left: -5px; margin-bottom: -5px; } .tooltip-label { display: block; position: relative; right: -50%; border: none; border-radius: 4px; background: #333; background: rgba(51, 51, 51, 0.9); min-height: 14px; font-weight: 400; font-size: 12px; text-decoration: none; line-height: 16px; text-shadow: none; padding: calc(var(--master_spacing) / 2) calc(var(--master_spacing) * 0.75); margin-left: calc(var(--master_spacing) / 4); } #gift-card-instructions { font-size: var(--xx_small); text-align: center; color: #999; margin: 0 calc(var(--master_spacing) * 0.75); } #QrCode { display: block; float: left; padding: 0 0 var(--master_spacing); text-align: center; width: 100%; } #QrCode img { padding: calc(var(--master_spacing) * 0.75); border: 1px solid #e5e5e5; border-radius: 6px; margin: 0 auto; } #apple-wallet-badge { margin: auto; } #gift-card-actions { border-top: 1px solid var(--line_color); padding: var(--master_spacing); text-align: center; position: relative; display: block; overflow: hidden; } #gift-card-actions .btn { float: right; } @media only screen and (max-width: 600px) { #gift-card-actions .btn { width: 100%; padding-left: 0; padding-right: 0; font-size: var(--large); } } .action-link { font-size: var(--small); text-transform: uppercase; letter-spacing: 1px; line-height: 1; color: #bfbfbf; padding: var(--master_spacing) 0; vertical-align: bottom; } .action-link:hover, .action-link:focus { color: #999999; } .action-link.left { float: left; } @media only screen and (max-width: 600px) { .action-link { position: relative !important; left: auto !important; right: auto !important; top: auto !important; font-size: var(--medium); display: none; } } @media only screen and (max-width: 600px) { .action-link + .action-link { margin-left: var(--master_spacing); } } .ico-16 { display: inline-block; vertical-align: baseline; zoom: 1; *display: inline; *vertical-align: auto; width: 17px; height: 17px; vertical-align: bottom; margin-bottom: -1px; background-position: 0 0; background-repeat: no-repeat; } .action-link .ico-16 { margin-right: calc(var(--master_spacing) / 2); } .action-link .ico-16 { opacity: 0.25; filter: alpha(opacity=25); transition: opacity 0.3s ease-in-out; } .action-link .ico-16:hover, .action-link .ico-16:focus { opacity: 0.50; filter: alpha(opacity=50); } .ico-16.print { background-image: url(../../../../../../../../assets/themes_support/gift-card/icon-print-cf28b8511c10e7aab79a5c4111a6d6a81a5944ae0b2e9b79cfc2d64df762d977.png); } @media print { #shopify-section-header, #shopify-section-footer { display: none; } /* new comment */ /* @ page { margin: 0.5cm; } */ p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } body { background-color: var(--white); } #gift-card-actions, #gift-card-holder .corner, .tooltip-container, #gift-card:before, #apple-wallet-badge { display: none; } #gift-card-code-inner strong { color: #555; } #gift-card-amount .tooltip { color: var(--white) !important; } .shop-url { color: #7c8f97; display: block; } .logo { color: #58686F; } #gift-card-outer-container, #gift-card-inner-container, #gift-card-code-inner, #gift-card:before { box-shadow: none; } } .shopify-challenge__container, .shopify-email-marketing-confirmation__container { margin-bottom: calc(var(--master_spacing) * 3) !important; } .placeholder-svg { background-color: var(--white); border: 1px solid var(--line_color); display: block; fill: var(--body_font_color); height: auto; margin: 0; max-width: 100%; max-height: 100%; position: relative; width: 100%; z-index: 99; } .placeholder-svg.half { max-height: 290px; } .placeholder-svg-background { background-blend-mode: overlay; background-color: var(--button_color_lighten_30); background-position: center center; background-repeat: no-repeat; } .placeholder-svg-background.with-height { height: 50vh; } /* * * * * * * * * * * Demon's Cycle customizations * * * * * * * * * * */ /* @font-face { font-family: "Neuzeit Office 400"; font-weight: 400; font-style: normal; font-display: swap; src: url("../../../../../../../../../neuzeit_office/neuzeitoffice_n4.ae7f155182babff68f1ef962040edcc74cbc0239.woff") format("woff2"), url("../../../../../../../../../neuzeit_office/neuzeitoffice_n4.d928145105c25df05cd26a4f8c81aff1e65bd4fe_-hmac-3c5de54214eaa3932d490d2e1f78129c866413fc43a350ab998c13a7c7c5d5ef.woff") format("woff"); } */ body { /*background-color: var(--section_color_primary);*/ } .background-colored.color-primary.relative-collection-template, .background-colored.color-primary.relative-collection-all-template, .background-colored.color-primary.relative-collection-handlebars-template, .background-colored.color-primary.relative-product-template, .background-colored.color-primary.relative-search-template, .background-colored.color-primary.relative-page-contact-template{ background: #111; } .grid3 .grid__item { width: 30%; display: inline-block; vertical-align: text-top; padding: 10px 0.5%; } .hide-all { display: none !important; } h1 { text-transform: uppercase; padding-top: 15px; padding-bottom: 15px; letter-spacing: 1px; } h1.product-header { border-bottom: 1px solid #ddd; font-size: var(--large); line-height: calc(var(--large) * 1.25); margin-bottom: 8px; padding-bottom: 8px; } h2 { font-size: var(--large); line-height: calc(var(--large) * 1.25); } .header-navigation nav .responsiveMenu > li > a, .header-navigation nav .responsiveMenu li a { font: var(--headline_font_style) var(--headline_font_weight) var(--base)/calc(var(--base) * 1.25) var(--headline_font); text-transform: uppercase; } @media only screen and (max-width: 767px) { .grid3 .grid__item { padding: 10px 0; width: 100%; } } @media only screen and (max-width: 576px) { h1.product-header { font-size: var(--medium); line-height: calc(var(--medium) * 1.25); } } /* HOME */ h5 a, .glider-contain h2 { font-family: "Neuzeit Office 400",sans-serif; } .home-post-hero { margin-bottom: 50px; margin-top: 25px; position: relative; /*top: -70px;*/ } #shopify-section-16154288072a294db2 .container { background: #9c001d; } #shopify-section-16154288072a294db2 h2 { color: #fff; margin-bottom: 0; } [data-section-type="home_search"] { position: relative; top: -55px; } [data-section-type="home_search"] .container { box-shadow: 4px 7px 25px rgba(0,0,0,0.7); } [data-section-type="home_image_with_text_overlay"] .table { background: transparent; border: 1px solid #000; box-shadow: 4px 7px 20px rgba(0,0,0,0.7); margin: 10px; padding: 5px; } [data-section-type="home_image_with_text_overlay"] h3 { border-bottom: 1px solid #fff; display: inline-block; padding-bottom: 15px; } div[data-section-type="home_collections_tabbed"] .product-details { padding: 0 0 15px; } .filter-form-16154288072a294db2 h2 { font-size: var(--large); } @media only screen and (max-width: 767px) { .glider-contain h1 { font-size: var(--x_large); line-height: calc(var(--x_large) * 1.25); } } @media only screen and (max-width: 480px) { .filter-form-16154288072a294db2 h2 { /* Home search */ font-size: var(--medium); } .filter-form-16154288072a294db2 .tab-body { /* Home search */ padding: 0; } .glider-contain h1 { font-size: var(--large); line-height: calc(var(--large) * 1.15); } .table-center .four.brands { width: 100%; } } /* NAV */ body.desktop-only .customer-links.desktop-only, body.desktop-only .account.desktop-only { display: table-cell; } body.mobile-only .customer-links.desktop-only, body.mobile-only .account.desktop-only { display: none; } .header-navigation nav .responsiveMenu li ul { padding: calc(var(--master_spacing) / 2.5); } .header-navigation .cartCountSelector { left: 15px; } .header-customerbar { text-align: center; } .header-customerbar .seperator { margin-left: 10px; margin-right: 10px; } .header-toolbar .header-customerbar .header-customerbar-container .customer-bullets ul { display: inline-block; } @media only screen and (max-width: 767px) { .header-navigation nav .responsiveMenu > li > a { font-size: 12px !important; padding-left: 7px; padding-right: 7px; } } @media only screen and (min-width: 600px) { .header-navigation .customer-links ul li.cart-info #cart-dropdown, .header-navigation .account ul li.cart-info #cart-dropdown { left: auto; right: 0; width: 50%; } } @media only screen and (max-width: 600px) { .header-navigation .cartCountSelector { left: 22px; } .parent-level.parent.isMobile.hover ul ul { float: none; position: relative; } .parent-level.parent.isMobile.hover ul ul li { float: none; } } @media only screen and (max-width: 480px) { .header-customerbar { display: none; } } /* PRODUCTS */ .affirm-as-low-as { margin-bottom: 0; padding-bottom: 0; padding-top: 10px; } .badge { background: var(--badge_color); box-shadow: 4px 4px 10px 0 rgba(0,0,0,0.4); color: var(--white); border: none; border-radius: 0; height: auto; line-height: 1rem; right: -5px; top: 10px; } .badge span { display: inline-block; font-size: 16px; text-transform: uppercase; } #BIS_trigger { font-weight: bold; max-width: 100%; width: auto; } #BIS_trigger:before { color: #fff; content: "\2192"; padding-right: 5px; } .breadcrumbs a, .breadcrumbs span { font-size: var(--xx_small); } .cart-table-header { padding-bottom: 0 !important; padding-top: 0 !important; } .cart-table-header h4 { color: var(--button_color); text-transform: uppercase; } .discount { color: #aaa !important; font-size: 0.8em; font-style: italic; } .featured-image { /*box-shadow: -20px 20px 30px rgba(0,0,0,0.2);*/ } .featured-image img { /*border: 1px solid #eee;*/ } .glider-contain { margin-top: 40px; } .glider-contain h1 { padding-bottom: 0; padding-top: 0; } .glider-contain h2 { font-size: var(--large); line-height: calc(var(--x_large) * 1.15); } .icon-text-table { margin-top: 30px; } .item-title h2 { font-size: var(--medium); line-height: calc(var(--small) * 1.25); margin: 0 0 calc(var(--master_spacing) / 2); } .table.icon-text-table .icon-text { margin-bottom: 0; padding: 0; } #product-id-product-template .table.icon-text-table .icon-text { display: block; } .index-page .glider-contain { margin-top: 0; } .product-details .offers { margin-top: 10px; } .product-tabs a { text-transform: uppercase; } .offers span.price-field { color: var(--headline_font_color); display: block; font-family: "Neuzeit Office 400",sans-serif; font-size: var(--large); font-weight: bold; margin-top: 10px; } .offers span.price-field del { color: var(--black); font-size: 0.7em; font-style: italic; padding-left: 15px; } .offers span.savings:not(.hidden) { background-color: var(--badge_color); color: var(--badge_background_color); display: inline-block; font-size: 0.7em; font-weight: bold; margin-bottom: 5px; padding: 5px 10px; } .offers .price-preview .money { font-size: var(--medium); } .pagination { font-size: var(--small); } .product-details { padding: 0 10px; /*text-align: center;*/ } .glider-contain .product-details { text-align: center !important; } .list-collections-page .product-details { padding: 0; } #product-id-collection-template .product-details { padding: 0 10px; } #product-id-product-recommendations { align-content: space-around; flex-direction: column; } #product-id-product-recommendations .item-row { margin-bottom: 15px; } .product-images { padding:15px; } .product-logistics { font-size: 0.8em; } /* .product-grid-product-template .tab-body { border-top: none !important; } */ .product-title h2 { font-size: var(--small); line-height: calc(var(--small) * 1.25); margin: 0 0 calc(var(--master_spacing) / 2); } .purchase-section label { margin-top: 10px; text-align: left; } #recommended { margin-top: 70px; } .shopify-payment-button__more-options { text-align: left !important; } span.purchase input { text-transform: uppercase; } .spr-summary-actions-newreview { float: none !important; margin-left: 30px; margin-right: 30px; } .selector-wrapper label:not(.swatch-label), .swatch label:not(.swatch-label) { font-size: 1em; padding-bottom: 5px; text-transform: uppercase; } .stamped-badge[data-rating="0.0"] { display: none !important; } .tab-body { /*border-top: 1px solid var(--button_color) !important;*/ padding-left: 25px !important; padding-right: 25px !important; top: 0; } @media only screen and (max-width: 1200px) { span.separator.sku { display: block; visibility: hidden; height: 2px; } } @media only screen and (max-width: 576px) { .pagination { /* background-color: var(--black); color: var(--white) !important; */ display: inline-block; } .product-details { padding: 0; } .product-title h2 { font-weight: normal !important; line-height: calc(var(--small) * 1.15); } } @media only screen and (max-width: 480px) { .glider-contain h2 { font-size: var(--medium); line-height: calc(var(--medium) * 1.15); } .purchase input.btn { font-weight: bold; font-size: 12px !important; } } /* COLLECTIONS */ .collection-desc { margin-top: 70px; } .collection-desc a { color: var(--headline_font_color); } .collection-desc h2 { text-decoration: underline; } .collection-products .product-details { text-align: left; } .content.list-collections-page { margin-top: 0; } li.advanced-filter.disabled { display: none !important; } .open-container .open-slide#collection-collection-all-template-filters, .open-container .open-slide#collection-collection-template-filters, .open-container .open-slide#collection-collection-handlebars-template-filters { overflow: visible; } .pagination { padding-bottom: calc(var(--master_spacing) / 2); } #side-menu { padding-left: 0; } #side-menu li { line-height: 1.5; padding: 0; } #side-menu li:before { display: none; } #side-menu .parent { font-weight: bold; margin-top: 15px; } #side-menu li.child { font-size: var(--small); padding-top: 4px; } .sorting.open-container .open-div .btn { font-weight: bold; text-transform: uppercase; } @media only screen and (max-width: 1060px) { #shopify-section-collection-template-list .product.two-half.brands { width: 25%; } } @media only screen and (max-width: 992px) { #shopify-section-collection-template-list .product.two-half.brands { width: 33%; } } @media only screen and (max-width: 600px) { /* new comment */ /* .collection-products .product .product-thumb, .collection-products .product .product-details { width: 100%; } */ .collection-products .product { padding-left: 0; padding-right: 0; } .collection-products .product .product-thumb { margin-bottom: 15px; width: 40%; } .collection-products .product .product-details { width: 60%; } .collection-wrap { padding:20px 10px !important; } #shopify-section-collection-template-list .product.two-half.brands { width: 50%; } #sorting { margin-bottom: 40px; } .collection-desc.hidden { text-align: left; } } /* PAGES */ .background-white { padding: calc(var(--master_spacing) *2); } .content.page-page:not(.contact) { margin-top: 0; } .content-height-collection-template { height:100%; height:5vh;min-height:5vh; } .relative-collection-template{ margin-bottom:-5vh; padding-bottom:5vh; position: relative; } @media only screen and (max-width: 480px) { .background-white { padding: 0; } } /* SEARCH */ .header-searchbar input[type="text"] { color: var(--headline_font_color); } .search-form .search-results li.see-all a { font-size: 18px; font-weight: bold; text-transform: uppercase; } .search-form .search-results li a span.vendor { display: none; } .search-form .search-results span.product-price h6 { color: #000; font-weight: 400; } body div.snize ul.snize-product-filters-list { max-height: 350px; } /* SUBCOLLECTIONS */ #subcollections { background-color: var(--button_color); margin-bottom: 50px; padding: 5px; text-align: center; } #subcollections h3 { color: #fff; font-weight: 400; margin-bottom: 0; padding-top: 15px; } #subcollections li { border: 1px solid #fff; display: inline-block; padding: 5px 10px; font-size: 0.8em; margin-top: 10px; text-align: center; text-transform: uppercase; } #subcollections li:before { content: ""; } #subcollections li:hover { background-color: #fff; } #subcollections a { color: #fff; } #subcollections a:hover { color: var(--button_color); text-decoration: none; } /* YMM */ #gv-mmy .mmy-tab { max-width: 200px; margin: 5px; display: inline-block; } .gv-mmy-bar { background: #9c001d; display: inline-block; float: none !important; margin: 10px auto 50px !important; max-width: 775px; padding: 15px; text-align: center; width: 100%; } .gv-mmy-bar h2 { color: #fff; text-transform: uppercase; } .gv-mmy-bar .mmy-tab { float: none !important; } .gv-mmy-bar .mmy-tab .gv-btn-search, .gv-mmy-bar .mmy-tab .gv-btn-clear { font-size: 14px; height: 42px !important; padding: 10px !important; text-transform: uppercase; } .gv-mmy-bar .mmy-tab select { background-color: #fff; } @media only screen and (max-width: 600px) { .gv-mmy-bar { padding: 15px 0; } .gv-mmy-bar .mmy-tab { max-width: 100% !important; width: 90% !important; } } /* REVIEWS */ [data-count="0"] .stamped-summary-starrating, .stamped-container[data-count="0"] .stamped-empty-state:before { text-align: left; } div[data-widget-style*=standard] .stamped-summary-actions { display: inline-block !important; float: none; } .stamped-content { margin-top: 20px; } .stamped-summary-actions-newreview { margin-left: 0; } .stamped-container[data-count="0"][data-widget-language=""] .stamped-empty-state, .stamped-container[data-count="0"][data-widget-language=en] .stamped-empty-state { display: inline-block !important; } .stamped-summary-actions-newquestion, .stamped-summary-actions-newreview { margin:0 15px 0 0; } .stamped-review { margin-bottom: 0 !important; } .stamped-review-reply-body a { font-weight: bold; text-decoration: underline; } .stamped-badge[data-rating="0.0"] { display: none !important; } .stamped-review-content-body { color: var(--headline_font_color); font-weight: 700; } span.stamped-badge-caption { display: none; } /* CART */ .cart-table .offers span.price-field { color: #000; font-size: var(--small); } .cart-table .offers span.price-field del { font-size: var(--small); } .cart-table .total-item { color: #000 !important; } .cart-table .total-item .discounted { display: none; } .customer-links ul li.cart-info span { display: inline-table !important; } /* FOOTER */ footer { background-color: #000 !important; margin-top: 0; padding-top: 70px; } footer, footer a { color: #fff; } footer a:hover { color: #fff; text-decoration: underline; } footer .footer-menu ul li { padding: 2px 0; } footer .footer-menu ul li a { font-size: var(--small); padding: 2px 0; } footer img { height: auto !important; max-width: 80% !important; } .footer-block a { font-size: 1.2em; } @media only screen and (max-width: 600px) { .footer-block .relative { padding-top: 0 !important; } .footer-block.img { max-width: 100% !important; text-align: left; width: 100% !important; } .footer-block.img img { left: 0; position: relative; right: 0; top: 0 !important; -webkit-transform: none; -ms-transform: none; transform: none; } footer .three:not(.brands) { padding: 0 calc(var(--master_spacing)); } } footer .footer-menu ul li a { font-size: 16px; padding: 5px 0; } .newsletter-section { margin: 0 auto; max-width: 70%; padding: 30px; } #shopify-section-footer { background-color: #000 !important; } #shopify-section-footer-newsletter { background-color: var(--headline_font_color); color: var(--white); margin-top: 50px; padding-top: 20px; text-align: center; } #shopify-section-footer-newsletter h5 { border-bottom: 1px solid var(--white); color: #fff !important; display: inline-block; font-size: 40px; margin-bottom: 20px; padding-bottom: 30px; text-transform: uppercase; } @media only screen and (max-width: 600px) { #shopify-section-footer-newsletter h5 { font-size: 24px; } .newsletter-section { margin: 0 auto; max-width: 90%; padding: 30px; } } .socials { margin-top: 15px; } #shopify-section-footer .socials ul li a .icon { color: var(--white) !important; } /* MISC */ .list-columns { -webkit-column-count: 3; -moz-column-count: 3; column-count: 4; } .list-columns li:before { content: "" !important; } #sitemap ul { padding-left: 0; } #sitemap ul li { list-style-type: none; padding: 0; } #sitemap ul li a { color: var(--button_color); text-decoration: none; } #sitemap ul li:before { content:""; } .sm-collection-wrap { border: 1px solid #ccc; padding: 10px 20px !important; margin-bottom: 20px; } #sitemap ul > li > ul > li > a { color: #000; font-weight: 400; } /* C2 CSS */ button.custom-button { background: #9c001d; width: 100%; height: 49px; color: #fff; font-size: 15px; font-weight: 600; letter-spacing: 0.5px; line-height: 20px; font-family: 'Montserrat'; text-transform: uppercase; margin-bottom: 8px; } .customize-bars { border: 1px solid #E2E2E2; padding: 12px; max-width: 346px; } .customize-bars > p { font-family: Montserrat; font-size: 12px; font-weight: 500; letter-spacing: 0; line-height: 20px; padding-bottom: 5px; } .customize-bars > p span{ color: #AB0006; } div#popup-custombar { background: rgba(0,0,0,0.48); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; display: flex; align-items: center; justify-content: center; } .bars-popup { background: #fff; width: 100%; max-width: 678px; padding: 60px 90px 80px; box-sizing: border-box; position: relative; } ul.tabs-links-bars { padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 515px; margin: auto; } .customize-bars .content ul li { padding: 0; } .customize-bars ul li { padding: 0; } .bars-popup h2 { text-align: center; } ul.tabs-links-bars a { -webkit-box-shadow: 0 1px 3px 0 rgb(0 0 0 / 6%); box-shadow: 0 1px 3px 0 rgb(0 0 0 / 6%); border: 1px solid #F0F0F0; border-radius: 4px; -webkit-transition: .3s all; -o-transition: .3s all; transition: .3s all; height: 182px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } ul.tabs-links-bars a span { letter-spacing: 0; line-height: 20px; color: #000; display: block; font-size: 15px; font-weight: bold; text-transform: uppercase; text-align: center; margin-bottom: 0px; } .bars-tab h2 { color: #000000; font-family: 'Montserrat'; font-size: 28px; font-weight: bold; letter-spacing: -0.7px; line-height: 34px; text-transform: uppercase; margin-bottom: 48px; } span#close-custombar-popup { position: absolute; top: 20px; right: 20px; display: block; height: 24px; width: 24px; cursor: pointer; } .tabs-content-bars > div { display: none; } .bar-tab-footer { margin-top: 50px; } .bar-tab-footer .btn { background: #AB0006; width: 100%; max-width: 100%; height: 49px; font-size: 15px; letter-spacing: 0.5px; line-height: 20px; } .tabs-content-bars select { height: 47px; font-size: 16px; letter-spacing: 0; line-height: 20px; } .bar-options > div { width: 100%; padding: 0; } div#popup-custombar .bar-options label, div#popup-custombar .selector-wrapper.selectors[data-option-index="0"]:before, div#popup-custombar .selector-wrapper.selectors[data-option-index="1"]:before{ font-size: 28px; font-weight: bold; letter-spacing: -0.7px; line-height: 34px; color: #000; display: block; margin-bottom: 20px; position: static; padding: 0; transform: none; width: auto; text-transform: uppercase; } .bar-options > div { display: block; overflow: hidden; } div#popup-custombar .selector-wrapper.selectors { border: none; box-shadow: none; margin: 0; } .bar-options > div:not(:last-child) { margin-bottom: 30px; } div#popup-custombar .selector-wrapper.selectors::before { display: none; } div#popup-custombar .bar-options label span { color: #9B001D; } div#popup-custombar label[for="product-select-product-template-option-0"]:before, div#popup-custombar label[for="product-select-product-template-option-1"]:before{ content: 'select '; } div#popup-custombar .selector-wrapper.selectors[data-option-index="0"]:before, div#popup-custombar .selector-wrapper.selectors[data-option-index="1"]:before { content: 'First'; -webkit-transform: none; -ms-transform: none; transform: none; position: static; display: inline; width: auto; margin-right: 5px; text-transform: uppercase; color: #ab0006; } div#popup-custombar .selector-wrapper.selectors[data-option-index="1"]:before{ content: 'THEN'; } div#popup-custombar .selector-wrapper.selectors { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } div#popup-custombar span.select { display: block; width: 100%; } div#popup-custombar span#price-product-template { display: block; text-align: center; margin-bottom: 30px; color: #000000; font-family: Montserrat; font-size: 28px; font-weight: bold; letter-spacing: -0.7px; line-height: 34px; } div#popup-custombar span#price-product-template:before { color: #AB0006; font-family: Montserrat; font-size: 20px; font-weight: bold; letter-spacing: -0.5px; line-height: 24px; content: 'SUBTOTAL'; display: block; } .purchase-section.byob-product { display: none; } span#back-custombar-popup { width: 20px; height: 30px; position: absolute; top: 20px; left: 20px; cursor: pointer; } span#back-custombar-popup svg { width: 100%; height: 100%; } ul.tabs-links-bars a:hover { text-decoration: none; background: #AB0107; -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.26); box-shadow: 0 1px 3px 0 rgba(0,0,0,0.26); } ul.tabs-links-bars a:hover span { color: #fff; } ul.tabs-links-bars a:hover svg path { fill: #fff; } .tabs-start{ margin-bottom: 30px; } .orignal-price > *:not(.money) { display: none; } .bars-tab h2{ text-align: center; } span#price_range { color: var(--headline_font_color); display: block; font-family: "Neuzeit Office 400",sans-serif; font-size: var(--medium); font-weight: bold; margin-top: 10px; margin-bottom: 5px; } @media (max-width:768px){ .bars-popup { padding: 50px 20px 40px; } } @media (max-width:490px){ .bars-tab h2 { text-align: center; font-size: 18px; margin-bottom: 30px; } ul.tabs-links-bars { display: block; } ul.tabs-links-bars a {text-align: center;display: block;height: auto;} ul.tabs-links-bars a span { margin-bottom: 20px; } .customize-bars ul li { margin: 20px; max-width: 250px; margin: 0 auto 20px; } ul.tabs-links-bars a svg { height: 100px; } span#close-custombar-popup { top: 10px; right: 10px; height: 20px; width: 20px; } span#close-custombar-popup svg { width: 100%; height: 100%; } span#back-custombar-popup { top: 10px; left: 10px; } div#popup-custombar .bar-options label, div#popup-custombar .selector-wrapper.selectors[data-option-index="0"]:before, div#popup-custombar .selector-wrapper.selectors[data-option-index="1"]:before { font-size: 20px; margin-bottom: 10px; } .bar-options > div:not(:last-child) { margin-bottom: 15px; } .bar-tab-footer { margin-top: 30px; } div#popup-custombar span#price-product-template { margin-bottom: 20px; font-size: 20px; } div#popup-custombar span#price-product-template:before { font-size: 16px; } } .header-customerbar { position: relative; } .ymm__top { position: absolute; right: 25px; top: 10px; } #collection .ymm-tag-wrapper{ margin-bottom: 20px; } .btn.ymm__go { max-width: 100px; background: #740318; min-height: 42px; border: none; cursor:pointer; } #collection .btn.ymm__go { min-height: 41px; } span.select.error select { border-color: red; } span.select.error:after { content: ''; display: block !important; color: red; font-size: 14px; text-align: left; } .switches span.select.error:after{ content: 'No switches available'; } .controls span.select.error:after{ content: 'No controls available'; } @media only screen and (max-width:1140px){ .ymm__top{ display:none; } } @media only screen and (max-width:767px){ .ymm-tag-wrapper { display: block !important; } .make-wrapper{ width: 100%; } .ymm-tag-wrapper > * { margin-bottom: 7px; } .btn.ymm__go { max-width: 100%; } } .is-starting_at > .money:before {content: 'Starting at: ';font-size: 15px;font-style: italic;font-weight: normal;font-family: 'Montserrat';margin-right: 3px;} div#collection .snize-price-range input.snize-price-range-input { border: 1px solid var(--line_color); } .ymm-tag-wrapper select { min-width: 180px; } .ymm-tag-wrapper select:focus { outline: none; } @media only screen and (min-width: 767px) { select#model-dropdown { border-left: 0; border-right: 0; } }