/** Shopify CDN: Minification failed
Line 8833:1 Expected identifier but found "*"
Line 8834:1 Expected identifier but found "*"
Line 8856:1 Expected identifier but found "*"
Line 8857:1 Expected identifier but found "*"
Line 9068:1 Expected identifier but found "*"
Line 9069:1 Expected identifier but found "*"
Line 9100:2 Unexpected "@"
**/
@charset "UTF-8";
@keyframes loader-rotate {
100% {
transform: rotate(360deg);
}
}
.removing {
opacity: 0;
transition: opacity 250ms linear;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
display: block;
}
summary {
list-style: none;
transition: all 0.25s ease 0s;
backface-visibility: hidden;
}
summary::-webkit-details-marker {
display: none;
}
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%;
}
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;
transition: all 0.25s ease 0s;
backface-visibility: hidden;
}
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"] {
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;
}
html {
color: var(--body_font_color);
font-family: var(--body_font_fallback);
font-size: var(--small);
font-style: var(--body_font_style);
font-weight: var(--body_font_weight);
font-size: var(--small);
line-height: calc(var(--small) * 1.25);
font-family: var(--body_font);
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body {
background: var(--white);
margin: 0;
padding: 0;
overflow-x: hidden;
}
.container {
margin: 0 auto;
max-width: 1200px;
padding: 0 calc(var(--master_spacing) / 2);
}
.container.full {
max-width: 1600px;
}
.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;
}
.skip-to {
background: var(--button_color);
color: var(--white);
transition: all 0.125s ease 0s;
backface-visibility: hidden;
}
.skip-to:focus {
color: var(--white);
display: block;
outline-offset: -4px;
top: 0;
position: relative;
}
.one {
width: 8.33%;
}
/* 100px / 1200 */
.two {
width: 16.66%;
}
/* 200px */
.two-half {
width: 20%;
}
/* 250px */
@media only screen and (max-width: 768px) {
.purchase-section .two-half {
width: 33.33%;
}
}
.three {
width: 25%;
}
/* 300px */
.four, .sorting.open-container .filter.vertical-form .form, .filter.vertical-form .form {
width: 33.33%;
}
/* 400px */
.five {
width: 41.66%;
}
/* 500px */
.six {
width: 50%;
}
/* 600px */
.seven {
width: 58.33%;
}
/* 700px */
.eight {
width: 66.66%;
}
/* 800px */
.nine {
width: 75%;
}
/* 900px */
.ten {
width: 83.33%;
}
/* 1000px */
.eleven {
width: 91.66%;
}
/* 1100px */
.twelve {
width: 100%;
}
/* 1200px */
.recently-viewed .three,
.recently-viewed .four,
.recently-viewed .sorting.open-container .filter.vertical-form .form, .sorting.open-container .filter.vertical-form
.recently-viewed .form,
.recently-viewed .filter.vertical-form .form, .filter.vertical-form
.recently-viewed .form {
width: 20%;
}
.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);
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);
}
.one.clear,
.two.clear,
.two-half.clear,
.three.clear,
.four.clear,
.sorting.open-container .filter.vertical-form .clear.form,
.filter.vertical-form .clear.form,
.five.clear,
.six.clear,
.seven.clear,
.eight.clear,
.nine.clear,
.ten.clear,
.eleven.clear,
.twelve.clear {
clear: right;
}
@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) {
.one:not(.mobile),
.two:not(.mobile),
.two-half:not(.mobile),
.three:not(.mobile),
.four:not(.mobile),
.sorting.open-container .filter.vertical-form .form:not(.mobile),
.filter.vertical-form .form:not(.mobile),
.five:not(.mobile),
.six:not(.mobile),
.seven:not(.mobile),
.eight:not(.mobile),
.nine:not(.mobile),
.ten:not(.mobile),
.eleven:not(.mobile),
.twelve:not(.mobile) {
width: 100%;
}
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 {
display: none;
}
.visually-hidden {
clip: rect(0 0 0 0);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
.left {
float: left;
}
body.rtl .left {
float: right;
}
.right {
float: right;
}
body.rtl .right {
float: left;
}
.center {
display: block;
float: none;
margin: 0 auto;
text-align: center;
}
.center.center-table {
display: table;
}
.center.hidden {
display: none;
}
.flex-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%;
}
@media only screen and (max-width: 600px) {
.table.left-width {
width: 100%;
}
}
.table.icon-text-table {
width: auto;
}
.full-width .table.icon-text-table {
width: 100%;
}
.table.icon-text-table .icon-text {
box-sizing: border-box;
display: inline-block;
padding: calc(var(--master_spacing) * .25) var(--master_spacing) 0;
padding-left: 0;
width: auto;
}
.center .table.icon-text-table .icon-text {
padding: calc(var(--master_spacing) * .25) calc(var(--master_spacing) / 2) 0;
}
.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;
}
.table.icon-text-table .icon-text.relative:hover {
cursor: pointer;
text-decoration: underline;
}
@media only screen and (max-width: 600px) {
.banner .table.icon-text-table {
display: block;
float: none;
margin: 0 auto calc(var(--master_spacing) / 2);
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 {
margin-bottom: 0;
}
.table-cell > div.no-pad {
padding-top: 0;
}
.table-cell.bottom {
vertical-align: bottom;
}
.table-cell.top {
vertical-align: top;
}
.table-cell.search-page {
display: block;
float: left;
width: 100%;
}
.word-break {
word-break: break-all;
}
.absolute {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
}
.relative {
position: relative;
}
.relative.media-viewer {
padding-top: 100%;
margin: 0px;
}
.relative.image-align {
padding-left: 100%;
padding-bottom: 100%;
width: auto;
}
.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.toppad {
padding-top: calc(var(--master_spacing) * 1.5);
}
.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);
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);
}
}
.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.customers-page, .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.formatted {
list-style: none;
padding-bottom: var(--master_spacing);
padding-left: 0;
}
.content ul.formatted li:before {
content: none;
}
.content ul.formatted li a {
font-size: var(--small);
text-decoration: none;
}
.content ul.formatted li a:hover {
text-decoration: underline;
}
.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;
}
body.rtl .content ul li:before {
left: auto;
right: calc(-1 * var(--base));
}
body.rtl .content ul {
padding: 0 var(--base) var(--base) 0;
}
.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);
}
}
.lazycontainer:not(.lazyignore):not(.lazyskip):after {
background: #F3F3F8;
content: '';
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
height: 100%;
width: 100%;
}
.lazycontainer:not(.lazyignore):not(.lazyskip) .relative {
z-index: 1;
}
img {
border: 0;
display: block;
height: auto;
margin: 0 auto calc(var(--master_spacing) / 2);
max-width: 100%;
vertical-align: bottom;
}
img.nopad {
margin: 0 auto;
}
img.lazybackground {
height: 100%;
object-fit: cover;
left: 0;
opacity: 1;
position: absolute;
top: 0;
transition: opacity 0.5s ease 0s;
backface-visibility: hidden;
width: 100%;
}
img.lazybackground.left-top {
object-position: left top;
}
img.lazybackground.center-top {
object-position: center top;
}
img.lazybackground.right-top {
object-position: right top;
}
img.lazybackground.left-center {
object-position: left center;
}
img.lazybackground.center-center {
object-position: center center;
}
img.lazybackground.right-center {
object-position: right center;
}
img.lazybackground.left-bottom {
object-position: left bottom;
}
img.lazybackground.center-bottom {
object-position: center bottom;
}
img.lazybackground.right-bottom {
object-position: right bottom;
}
img.lazyload {
opacity: 0;
transition: opacity 0.5s ease 0s;
backface-visibility: hidden;
width: 100%;
}
img.lazyload:not(.nopad) {
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 100%;
}
.magnify img.lazyload {
transform: scale(4);
}
img.lazyloaded {
opacity: 1;
}
.image-align img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
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;
}
}
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 calc(var(--master_spacing) / 2);
}
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 {
font-size: var(--x_large);
line-height: calc(var(--x_large) * 1.25);
}
h1.offers,
h2.offers {
font-size: var(--large);
line-height: calc(var(--large) * 1.25);
}
h1.vendors,
h2.vendors {
border-bottom: 1px solid var(--line_color);
margin: 0 0 calc(var(--master_spacing) / 2);
padding: 0 0 calc(var(--master_spacing) / 2);
}
@media only screen and (max-width: 600px) {
h1,
h2 {
font-size: var(--large);
line-height: calc(var(--large) * 1.25);
}
}
h3 {
font-size: var(--large);
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);
}
.product-title h4,
.item-title h4 {
font-size: var(--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);
}
.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);
position: relative;
z-index: 9;
}
.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;
margin: 0 0 var(--master_spacing);
}
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);
}
.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);
}
.product-price h6.no-pad,
.product-price h6 a.no-pad, h6.blog-data.no-pad {
margin: 0;
}
.product-price h6,
.product-price h6 a {
font-size: var(--small);
line-height: calc(var(--small) * 1.25);
}
h6.selling {
line-height: 1em;
}
p {
font-size: var(--small);
padding: 0 0 calc(var(--small) * 1.25);
}
p a {
text-decoration: underline;
}
.white p {
color: var(--white);
}
p.bold {
font-weight: var(--body_font_weight_bold);
}
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.blog-data a, p.feedback a, p.additional a,
.search-text p a {
text-decoration: none;
}
p.blog-data a:hover, p.feedback a:hover, p.additional a:hover,
.search-text p a:hover {
text-decoration: underline;
}
p.comparison-p {
align-items: center;
border-bottom: 1px solid var(--line_color);
display: flex;
font-size: var(--x_small);
flex-wrap: wrap;
line-height: calc(var(--base) * 1.5);
margin: 0 0 calc(var(--master_spacing) / 2);
padding: 0 0 calc(var(--master_spacing) * 0.75);
}
p.comparison-p.center,
.text-center p.comparison-p {
justify-content: center;
}
.text-right p.comparison-p {
justify-content: end;
}
p.comparison-p.comparison-row {
border-bottom: none;
margin: calc(var(--master_spacing) / 2) 0 0;
padding: 0;
}
p.comparison-p.comparison-row.no-image {
margin: 0;
}
p.comparison-p input, p.comparison-p a {
align-items: center;
display: flex;
}
p.comparison-p a {
text-decoration: none;
}
p.comparison-p a:hover {
text-decoration: underline;
}
@media only screen and (max-width: 768px) {
p.comparison-p {
border-bottom: none;
margin: calc(var(--master_spacing) / 2) 0;
padding: 0;
justify-content: center;
}
.collection-products p.comparison-p,
.glider-slide p.comparison-p {
margin-bottom: 0;
}
}
@media only screen and (max-width: 320px) {
p.comparison-p {
margin: calc(var(--master_spacing) / 2) 0 var(--master_spacing);
}
p.comparison-p.no-image {
margin: 0 0 var(--master_spacing);
}
}
p .vendors {
color: var(--headline_font_color);
}
p .vendors a {
color: var(--headline_font_color);
text-decoration: none;
}
p .vendors a:hover {
text-decoration: underline;
}
p.selling {
color: var(--body_font_color);
font-size: var(--xx_small);
margin: 0 0 calc(var(--master_spacing) / 2);
padding: 0;
}
.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,
.item p.feedback,
.purchase-section p.feedback {
display: none;
opacity: 0;
margin: calc(var(--master_spacing)/ 2) 0 0;
padding: 0;
transition: all 0.25s ease 0s;
backface-visibility: hidden;
}
.product p.feedback.open,
.item p.feedback.open,
.purchase-section p.feedback.open {
display: block;
}
.product p.feedback.visible,
.item p.feedback.visible,
.purchase-section p.feedback.visible {
opacity: 1;
}
.product p.feedback .icon,
.item p.feedback .icon,
.purchase-section p.feedback .icon {
margin: 1px 5px 0 0;
}
p.meta {
padding-bottom: calc(var(--master_spacing) / 2);
}
p.no-pad {
padding: 0;
}
a {
text-decoration: none;
color: var(--body_font_color);
transition: all 0.25s ease 0s;
backface-visibility: hidden;
}
.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;
}
body.rtl .text-left {
text-align: right;
}
.text-right {
text-align: right;
}
body.rtl .text-right {
text-align: left;
}
.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%;
transform: translate(-50%, -50%);
}
.icon.hidden {
display: none;
}
.icon.hiwt {
padding: 2px 0;
transition: all 0.125s ease 0s;
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;
}
body.rtl .icon-text .icon {
padding-left: calc(var(--master_spacing) / 2);
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.icon-left:not(.prev), .icon.icon-right:not(.next) {
background: var(--white);
border: 1px solid var(--line_color);
border-radius: 100%;
padding: 4px;
}
.slideshow-carousel .icon.icon-left:not(.prev), .slideshow-carousel .icon.icon-right:not(.next) {
border-width: 2px;
background: none;
}
.slideshow-carousel .icon.icon-left:not(.prev).white, .slideshow-carousel .icon.icon-right:not(.next).white {
border-color: var(--white);
}
.slideshow-carousel .icon.icon-left:not(.prev).white svg path:last-child, .slideshow-carousel .icon.icon-right:not(.next).white svg path:last-child {
stroke: var(--white);
}
.slideshow-carousel .icon.icon-left:not(.prev) svg path:first-child, .slideshow-carousel .icon.icon-right:not(.next) svg path:first-child {
stroke: none;
}
.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="tel"],
input[type="password"],
input[type="reset"],
input[type="search"],
input[type="text"],
select,
textarea,
.styledSelect,
.shopify-payment-button__button.shopify-payment-button__button--unbranded,
.shopify-email-marketing-confirmation__container a,
.btn {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: var(--white);
border: 1px solid var(--line_color);
box-sizing: border-box;
border-radius: 0;
color: var(--body_font_color);
font-weight: var(--body_font_weight_medium);
font-size: var(--x_small);
font-family: var(--body_font);
line-height: calc(var(--small) * 1.25);
min-height: 40px;
padding: calc(var(--master_spacing) / 2) var(--xx_small);
position: relative;
transition: all 0.25s ease 0s;
backface-visibility: hidden;
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="tel"].qtybtn,
input[type="tel"].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,
.styledSelect.qtybtn,
.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,
.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="tel"].qtybtn,
input[type="password"].qtybtn,
input[type="reset"].qtybtn,
input[type="search"].qtybtn,
input[type="text"].qtybtn,
select.qtybtn,
textarea.qtybtn,
.styledSelect.qtybtn,
.shopify-payment-button__button.shopify-payment-button__button--unbranded.qtybtn,
.shopify-email-marketing-confirmation__container a.qtybtn,
.btn.qtybtn {
background: var(--button_color);
border: none;
border-radius: 100%;
height: calc(var(--base) * 2);
margin: 6px 0;
min-height: calc(var(--base) * 2);
padding: 0;
width: calc(var(--base) * 2);
}
a.ajaxified-cart.qtybtn.icon-minus,
input[type="button"].qtybtn.icon-minus,
input[type="email"].qtybtn.icon-minus,
input[type="number"].qtybtn.icon-minus,
input[type="tel"].qtybtn.icon-minus,
input[type="password"].qtybtn.icon-minus,
input[type="reset"].qtybtn.icon-minus,
input[type="search"].qtybtn.icon-minus,
input[type="text"].qtybtn.icon-minus,
select.qtybtn.icon-minus,
textarea.qtybtn.icon-minus,
.styledSelect.qtybtn.icon-minus,
.shopify-payment-button__button.shopify-payment-button__button--unbranded.qtybtn.icon-minus,
.shopify-email-marketing-confirmation__container a.qtybtn.icon-minus,
.btn.qtybtn.icon-minus {
margin-right: calc(var(--master_spacing) / 2);
}
a.ajaxified-cart.qtybtn.icon-plus,
input[type="button"].qtybtn.icon-plus,
input[type="email"].qtybtn.icon-plus,
input[type="number"].qtybtn.icon-plus,
input[type="tel"].qtybtn.icon-plus,
input[type="password"].qtybtn.icon-plus,
input[type="reset"].qtybtn.icon-plus,
input[type="search"].qtybtn.icon-plus,
input[type="text"].qtybtn.icon-plus,
select.qtybtn.icon-plus,
textarea.qtybtn.icon-plus,
.styledSelect.qtybtn.icon-plus,
.shopify-payment-button__button.shopify-payment-button__button--unbranded.qtybtn.icon-plus,
.shopify-email-marketing-confirmation__container a.qtybtn.icon-plus,
.btn.qtybtn.icon-plus {
margin-left: calc(var(--master_spacing) / 2);
}
a.ajaxified-cart.add-to-cart, a.ajaxified-cart.shopify-payment-button__button.shopify-payment-button__button--unbranded,
input[type="button"].add-to-cart,
input[type="button"].shopify-payment-button__button.shopify-payment-button__button--unbranded,
input[type="email"].add-to-cart,
input[type="email"].shopify-payment-button__button.shopify-payment-button__button--unbranded,
input[type="number"].add-to-cart,
input[type="number"].shopify-payment-button__button.shopify-payment-button__button--unbranded,
input[type="tel"].add-to-cart,
input[type="tel"].shopify-payment-button__button.shopify-payment-button__button--unbranded,
input[type="password"].add-to-cart,
input[type="password"].shopify-payment-button__button.shopify-payment-button__button--unbranded,
input[type="reset"].add-to-cart,
input[type="reset"].shopify-payment-button__button.shopify-payment-button__button--unbranded,
input[type="search"].add-to-cart,
input[type="search"].shopify-payment-button__button.shopify-payment-button__button--unbranded,
input[type="text"].add-to-cart,
input[type="text"].shopify-payment-button__button.shopify-payment-button__button--unbranded,
select.add-to-cart,
select.shopify-payment-button__button.shopify-payment-button__button--unbranded,
textarea.add-to-cart,
textarea.shopify-payment-button__button.shopify-payment-button__button--unbranded,
.styledSelect.add-to-cart,
.styledSelect.shopify-payment-button__button.shopify-payment-button__button--unbranded,
.shopify-payment-button__button.shopify-payment-button__button--unbranded.add-to-cart,
.shopify-payment-button__button.shopify-payment-button__button--unbranded.shopify-payment-button__button.shopify-payment-button__button--unbranded,
.shopify-email-marketing-confirmation__container a.add-to-cart,
.shopify-email-marketing-confirmation__container a.shopify-payment-button__button.shopify-payment-button__button--unbranded,
.btn.add-to-cart,
.btn.shopify-payment-button__button.shopify-payment-button__button--unbranded {
min-height: 44px;
}
a.ajaxified-cart.modelthreed,
input[type="button"].modelthreed,
input[type="email"].modelthreed,
input[type="number"].modelthreed,
input[type="tel"].modelthreed,
input[type="password"].modelthreed,
input[type="reset"].modelthreed,
input[type="search"].modelthreed,
input[type="text"].modelthreed,
select.modelthreed,
textarea.modelthreed,
.styledSelect.modelthreed,
.shopify-payment-button__button.shopify-payment-button__button--unbranded.modelthreed,
.shopify-email-marketing-confirmation__container a.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="tel"].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],
.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],
.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="tel"].modelthreed:hover:not([disabled]),
input[type="tel"].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]),
.styledSelect.modelthreed:hover:not([disabled]),
.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]),
.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="tel"].modelthreed:hover:not([disabled]) svg,
input[type="tel"].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,
.styledSelect.modelthreed:hover:not([disabled]) svg,
.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,
.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="tel"]::-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,
.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,
.btn::-webkit-input-placeholder {
opacity: 0.75;
font-size: var(--x_small);
}
a.ajaxified-cart::-moz-placeholder,
input[type="button"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="number"]::-moz-placeholder,
input[type="tel"]::-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,
.styledSelect::-moz-placeholder,
.shopify-payment-button__button.shopify-payment-button__button--unbranded::-moz-placeholder,
.shopify-email-marketing-confirmation__container a::-moz-placeholder,
.btn::-moz-placeholder {
opacity: 0.75;
font-size: var(--x_small);
}
a.ajaxified-cart:-moz-placeholder,
input[type="button"]:-moz-placeholder,
input[type="email"]:-moz-placeholder,
input[type="number"]:-moz-placeholder,
input[type="tel"]:-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,
.styledSelect:-moz-placeholder,
.shopify-payment-button__button.shopify-payment-button__button--unbranded:-moz-placeholder,
.shopify-email-marketing-confirmation__container a:-moz-placeholder,
.btn:-moz-placeholder {
opacity: 0.75;
font-size: var(--x_small);
}
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="tel"]:-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,
.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,
.btn:-ms-input-placeholder {
opacity: 0.75;
font-size: var(--x_small);
}
input[type="email"],
input[type="number"],
input[type="tel"],
input[type="password"],
input[type="reset"],
input[type="search"],
input[type="text"] {
height: 40px;
}
.mobile-only input[type="email"], .mobile-only
input[type="number"], .mobile-only
input[type="tel"], .mobile-only
input[type="password"], .mobile-only
input[type="reset"], .mobile-only
input[type="search"], .mobile-only
input[type="text"] {
font-size: 16px;
}
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;
}
.mobile-only textarea {
font-size: 16px;
}
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,
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,
input[type="button"]:hover {
outline: 0;
}
.btn:hover:not([disabled]), .btn:focus:not([disabled]),
.shopify-payment-button__button.shopify-payment-button__button--unbranded:hover:not([disabled]),
.shopify-payment-button__button.shopify-payment-button__button--unbranded:focus:not([disabled]),
.shopify-email-marketing-confirmation__container a:hover:not([disabled]),
.shopify-email-marketing-confirmation__container a:focus:not([disabled]),
input[type="button"]:hover:not([disabled]),
input[type="button"]:focus: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,
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
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
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
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,
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,
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,
.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,
.shopify-email-marketing-confirmation__container a.active:focus,
.shopify-email-marketing-confirmation__container a.outline,
.shopify-email-marketing-confirmation__container a.smart-outline,
input[type="button"].active:focus,
input[type="button"].outline,
input[type="button"].smart-outline {
background: none;
border-color: var(--button_color);
color: var(--button_color);
}
.btn.active:focus.dark, .btn.outline.dark, .btn.smart-outline.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,
.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,
input[type="button"].active:focus.dark,
input[type="button"].outline.dark,
input[type="button"].smart-outline.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]),
.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]),
.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]),
input[type="button"].active:focus:hover:not([disabled]),
input[type="button"].outline:hover:not([disabled]),
input[type="button"].smart-outline:hover:not([disabled]) {
background: var(--hover_button_color);
border-color: var(--hover_button_color);
color: var(--white);
}
.white .btn.active:focus, .white .btn.outline, .white .btn.smart-outline, .white
.shopify-payment-button__button.shopify-payment-button__button--unbranded.active:focus, .white
.shopify-payment-button__button.shopify-payment-button__button--unbranded.outline, .white
.shopify-payment-button__button.shopify-payment-button__button--unbranded.smart-outline, .white
.shopify-email-marketing-confirmation__container a.active:focus, .white
.shopify-email-marketing-confirmation__container a.outline, .white
.shopify-email-marketing-confirmation__container a.smart-outline, .white
input[type="button"].active:focus, .white
input[type="button"].outline, .white
input[type="button"].smart-outline {
border-color: var(--white);
color: var(--white);
}
.white .btn.active:focus:hover:not([disabled]), .white .btn.outline:hover:not([disabled]), .white .btn.smart-outline:hover:not([disabled]), .white
.shopify-payment-button__button.shopify-payment-button__button--unbranded.active:focus:hover:not([disabled]), .white
.shopify-payment-button__button.shopify-payment-button__button--unbranded.outline:hover:not([disabled]), .white
.shopify-payment-button__button.shopify-payment-button__button--unbranded.smart-outline:hover:not([disabled]), .white
.shopify-email-marketing-confirmation__container a.active:focus:hover:not([disabled]), .white
.shopify-email-marketing-confirmation__container a.outline:hover:not([disabled]), .white
.shopify-email-marketing-confirmation__container a.smart-outline:hover:not([disabled]), .white
input[type="button"].active:focus:hover:not([disabled]), .white
input[type="button"].outline:hover:not([disabled]), .white
input[type="button"].smart-outline:hover:not([disabled]) {
background: var(--hover_button_color);
border-color: var(--hover_button_color);
}
.btn.cart-link,
.shopify-payment-button__button.shopify-payment-button__button--unbranded.cart-link,
.shopify-email-marketing-confirmation__container a.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,
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,
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.additional,
.shopify-payment-button__button.shopify-payment-button__button--unbranded.additional,
.shopify-email-marketing-confirmation__container a.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,
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,
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,
input[type="button"] {
min-width: auto;
}
}
.shopify-payment-button__button--hidden,
.shopify-payment-button__button[disabled] {
transition: all 0.25s ease 0s;
backface-visibility: hidden;
}
.shopify-payment-button__button--hidden {
display: none !important;
}
.no-select,
.styledSelect {
border-color: var(--line_color);
}
select,
.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,
.styledSelect option {
color: var(--body_font_color);
}
select:hover, select:focus,
.styledSelect:hover,
.styledSelect:focus {
cursor: pointer;
text-decoration: none;
}
select.sortBy,
.styledSelect.sortBy {
width: auto;
}
.search-page select.sortBy, .search-page
.styledSelect.sortBy {
width: 100%;
}
select::-ms-expand,
.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 {
background-color: var(--white);
border: 1px solid var(--line_color);
border-top-color: var(--white);
box-sizing: border-box;
left: 0;
line-height: 1em;
list-style: none;
margin: -1px 0 0;
max-height: 250px;
overflow-y: auto;
padding: 0 0;
position: absolute;
right: 0;
text-align: left;
top: 100%;
z-index: 999;
}
@-moz-document url-prefix() {
.options {
overflow-y: auto;
}
}
input[type="checkbox"],
input[type="radio"] {
min-height: 16px;
margin-right: calc(var(--master_spacing) / 4);
position: relative;
min-width: 16px;
}
.rtl input[type="checkbox"], .rtl
input[type="radio"] {
margin-left: calc(var(--master_spacing) / 4);
margin-right: 0;
}
input[type="checkbox"]:before,
input[type="radio"]:before {
background: var(--white);
content: var(--box);
font-size: 0;
left: 50%;
position: absolute;
text-align: center;
top: 50%;
transform: translate(-50%, -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.hidden,
.selector-wrapper.hidden {
display: none;
}
.select:before,
.selector-wrapper:before {
bottom: 0;
content: var(--arrow_down);
position: absolute;
right: 0;
width: calc(var(--xx_small) * 2.5);
top: 50%;
transform: translate(0, -50%);
}
.select.disabled,
.selector-wrapper.disabled {
opacity: 0.75;
}
.tag-select.disabled .select:after, .select.disabled:after,
.select.disabled .styledSelect:after, .tag-select.disabled
.selector-wrapper:after,
.selector-wrapper.disabled:after,
.selector-wrapper.disabled .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 .styledSelect:after:hover,
.select.disabled .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 .styledSelect:after:hover,
.selector-wrapper.disabled .styledSelect:after:focus {
cursor: not-allowed;
}
.tag-select.disabled .select:hover, .tag-select.disabled .select:focus, .select.disabled:hover, .select.disabled:focus,
.select.disabled .styledSelect:hover,
.select.disabled .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 .styledSelect:hover,
.selector-wrapper.disabled .styledSelect:focus {
cursor: not-allowed;
}
.selector-wrapper,
.swatch {
margin: var(--master_spacing) auto var(--master_spacing);
}
.banner .product-template .selector-wrapper, .banner .product-template
.swatch {
margin-top: 0;
text-align: left;
}
@media only screen and (max-width: 600px) {
.banner .product-template .selector-wrapper, .banner .product-template
.swatch {
margin: var(--master_spacing) auto var(--master_spacing);
text-align: center;
}
}
.selector-wrapper label:not(.swatch-label),
.swatch label:not(.swatch-label) {
box-sizing: border-box;
display: flex;
font-size: var(--xx_small);
font-weight: var(--body_font_weight_medium);
line-height: var(--master_spacing);
margin: 0;
overflow: hidden;
position: absolute;
text-overflow: ellipsis;
top: calc(var(--master_spacing) / 4 * -1);
transform: translate(0, -100%);
white-space: nowrap;
width: 100%;
z-index: 9;
}
.selector-wrapper label:not(.swatch-label) span,
.swatch label:not(.swatch-label) span {
font-weight: var(--body_font_weight_bold);
}
.selector-wrapper label:not(.swatch-label) button,
.swatch label:not(.swatch-label) button {
background: none;
border: 1px solid var(--button_color);
border-radius: 100%;
color: var(--button_color);
display: table;
font-family: serif;
font-size: 11px;
font-weight: var(--body_font_weight_bold);
height: 14px;
line-height: 13px;
margin: 2px 0 2px 4px;
opacity: 0.50;
width: 14px;
text-decoration: none;
text-align: center;
}
.selector-wrapper label:not(.swatch-label) button:hover,
.swatch label:not(.swatch-label) button:hover {
background: var(--button_color);
color: var(--white);
cursor: pointer;
opacity: 1;
}
.center .selector-wrapper label:not(.swatch-label), .center
.swatch label:not(.swatch-label) {
justify-content: center;
}
.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);
box-sizing: border-box;
float: left;
width: 100%;
position: relative;
}
.selector-wrapper .select {
background: var(--white);
display: block;
position: relative;
}
@media only screen and (max-width: 600px) {
.purchase-section .negative-left,
.purchase-section .negative-right {
padding-left: 0;
padding-right: 0;
}
}
.stars-rating,
.stars,
.stars-count {
display: inline-block;
font-family: sans-serif;
font-size: var(--xx_small);
line-height: 1;
vertical-align: middle;
}
.search-results .stars-rating,
#cart-dropdown .stars-rating,
.cart-table .stars-rating, .search-results
.stars,
#cart-dropdown
.stars,
.cart-table
.stars, .search-results
.stars-count,
#cart-dropdown
.stars-count,
.cart-table
.stars-count {
font-size: 10px;
}
.stars {
font-family: Times;
font-size: calc(var(--stars) * 1.5px);
}
.stars::before {
content: '★★★★★';
letter-spacing: calc(var(--star_spacing) * 1px);
background: linear-gradient(90deg, var(--rating_color) var(--percent), var(--rating_background_color) var(--percent));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.search-results .stars,
#cart-dropdown .stars,
.cart-table .stars {
font-size: calc(var(--stars) * 1px);
}
@media only screen and (max-width: 600px) {
.stars {
font-size: calc(var(--stars) * 1.25px);
}
}
.swatch {
display: block;
font-size: 0;
line-height: 0;
margin: calc(var(--master_spacing) * 1.5) auto calc(var(--master_spacing) / 2);
position: relative;
}
.product-loop .swatch {
margin: 0 -4px 8px;
}
.swatch.selectors.grid {
overflow: hidden;
max-height: 34px;
transition: max-height 0.5s ease-out 0s;
position: relative;
z-index: 9;
}
.swatch.selectors.grid.var_hover, .swatch.selectors.grid:hover {
max-height: 100rem;
overflow: visible;
transition: max-height 0.75s ease-in 0s;
}
.banner .swatch {
margin: 0 -4px var(--master_spacing);
}
.banner .swatch label:not(.swatch-label) {
padding: 0 4px;
}
.swatch.hidden {
display: none;
}
.swatch .swatch-element,
.swatch .swatch-element-text {
background: var(--white);
display: inline-block;
-webkit-transform: translateZ(0);
-webkit-font-smoothing: antialiased;
margin: 0 0 calc(var(--master_spacing) / 2);
padding: 0 4px;
position: relative;
}
.text-left .swatch .swatch-element, .text-left
.swatch .swatch-element-text {
margin: 0 0 8px;
padding: 0 8px 0 0;
}
.swatch .swatch-element:hover,
.swatch .swatch-element-text:hover {
cursor: pointer;
}
.swatch .swatch-element.var_hover,
.swatch .swatch-element-text.var_hover {
z-index: 9;
}
.product-loop .swatch .swatch-element, .product-loop
.swatch .swatch-element-text {
border: 3px solid var(--white);
margin: 0;
padding: 0;
}
.swatch .swatch-element.color .label,
.swatch .swatch-element-text.color .label {
border-color: var(--line_color);
}
.swatch .swatch-element.color .label.active .label,
.swatch .swatch-element-text.color .label.active .label {
border-color: var(--body_font_color);
}
.swatch .swatch-element.var_hover .label,
.swatch .swatch-element.active .label,
.swatch .swatch-element-text.var_hover .label,
.swatch .swatch-element-text.active .label {
border-color: var(--body_font_color);
}
.swatch .swatch-element input,
.swatch .swatch-element-text input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
height: 100%;
left: 0;
margin: 0;
position: absolute;
top: 0;
width: 100%;
}
.swatch .swatch-element input:hover,
.swatch .swatch-element-text input:hover {
cursor: pointer;
}
.swatch .swatch-element input:before,
.swatch .swatch-element-text input:before {
background: none;
content: ' ';
height: 100%;
top: 0;
width: 100%;
}
.swatch .swatch-element .label,
.swatch .swatch-element-text .label {
border: 1px solid var(--line_color);
box-sizing: border-box;
color: var(--body_font_color);
float: left;
height: var(--swatches);
line-height: var(--swatches);
margin: 0;
min-width: var(--swatches);
overflow: hidden;
padding: 0 10px;
text-align: center;
transition: all 0.25s ease 0s;
backface-visibility: hidden;
white-space: nowrap;
}
.swatch .swatch-element .label:hover,
.swatch .swatch-element-text .label:hover {
cursor: pointer;
}
.swatch .swatch-element .label:after,
.swatch .swatch-element-text .label:after {
content: '';
position: absolute;
width: calc(100% - 2px);
height: calc(100% - 2px);
left: 0;
border: 1px solid var(--white);
top: 0;
}
.product-loop .swatch .swatch-element .label, .product-loop
.swatch .swatch-element-text .label {
height: calc(var(--swatches) - 10px);
line-height: calc(var(--swatches) - 10px);
min-width: calc(var(--swatches) - 10px);
}
.swatch .swatch-element .label.nopad,
.swatch .swatch-element-text .label.nopad {
padding: 0;
}
.swatch .swatch-element label.error,
.swatch .swatch-element-text label.error {
background: var(--white);
bottom: var(--swatches);
border: 1px solid var(--button_color);
color: var(--button_color);
right: 50%;
transform: translate(50%, 0);
z-index: 9;
}
.swatch .swatch-element label.error:after,
.swatch .swatch-element-text label.error:after {
border-color: transparent;
border-top-color: var(--white);
border-width: 6px;
}
.swatch .swatch-element label.error:before,
.swatch .swatch-element-text label.error:before {
border-color: transparent;
border-top-color: var(--button_color);
border-width: 7px;
}
.product-details.text-left .swatch .swatch-element label.error, .product-details.text-left
.swatch .swatch-element-text label.error {
right: calc(50% + 4px);
}
.product-loop .swatch .swatch-element label.error, .product-loop
.swatch .swatch-element-text label.error {
bottom: calc(var(--swatches) - 10px);
}
.swatch .swatch-element.var_hover label.error,
.swatch .swatch-element-text.var_hover label.error {
display: block;
}
.swatch .swatch-element.soldout,
.swatch .swatch-element-text.soldout {
border-color: var(--error_color);
}
.swatch .swatch-element.soldout .label,
.swatch .swatch-element-text.soldout .label {
opacity: 0.50;
background: var(--error_color);
color: var(--white);
}
.swatch .swatch-element.soldout .label.color:before,
.swatch .swatch-element-text.soldout .label.color:before {
box-sizing: border-box;
content: var(--times_w);
position: absolute;
top: 50%;
left: 50%;
width: 24px;
height: 24px;
transform: translate(-50%, -50%);
z-index: 9;
}
.swatch .swatch-element.soldout .label.color.white:after,
.swatch .swatch-element-text.soldout .label.color.white:after {
content: var(--times_r);
}
@media only screen and (max-width: 600px) {
.banner .swatch {
margin: calc(var(--master_spacing) / 2) auto var(--master_spacing);
}
.banner .swatch label:not(.swatch-label) {
justify-content: center;
}
}
span.form {
background: var(--white);
display: block;
float: left;
width: 100%;
margin-bottom: var(--master_spacing);
position: relative;
}
span.form.nopad {
margin-bottom: 0;
}
span.form.halfpad {
margin-bottom: calc(var(--master_spacing) / 2);
}
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.radiobox {
align-items: center;
display: flex;
flex-wrap: wrap;
font-size: var(--x_small);
line-height: calc(var(--x_small) * 1.25);
}
span.form.radiobox.center,
.center span.form.radiobox {
justify-content: center;
}
span.form.radiobox.center.ignore,
.center span.form.radiobox.ignore {
justify-content: left;
}
span.form.radiobox.center.ignore span,
.center span.form.radiobox.ignore span {
justify-content: left;
}
span.form.radiobox span {
align-items: center;
display: flex;
flex: 0 0 100%;
padding: calc(var(--master_spacing) / 5);
}
.center span.form.radiobox span {
justify-content: center;
}
span.form.radiobox span.cart {
display: block;
flex: auto;
padding: 0;
}
span.form.quantity {
background: none;
display: inline-flex;
float: left;
max-height: 40px;
width: auto;
}
span.form.quantity label.error {
right: 50%;
transform: translate(50%, 0);
}
.cart-details span.form.quantity {
margin: 0;
}
.label,
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 {
display: inline-flex;
align-items: center;
}
.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: 18px;
margin: 0;
min-height: 18px;
min-width: 18px;
padding: 0;
position: relative;
top: -1px;
text-align: center;
width: 18px;
}
.open-container .open.open-btn .btn:before {
height: 18px;
width: 18px;
}
.open-container .open.open-btn.open-header .btn {
background: none;
top: 0;
}
.open-container .open.open-btn.open-header .btn:before {
content: var(--open_plus_header);
}
.open-container .open-slide {
display: block;
width: 100%;
}
.currency-selector .open-container .open-slide {
left: 0;
padding: calc(var(--master_spacing) / 4) calc(var(--master_spacing) / 2);
right: auto;
width: auto;
white-space: nowrap;
}
.open-container .open-slide.search, .open-container .open-slide.collection-template-filters {
overflow: visible;
}
.open-container.search details {
height: 100%;
}
.open-container.search details[open]:before {
background-color: rgba(255, 255, 255, 0.85);
content: '';
height: 100%;
position: fixed;
right: 0;
top: 0;
transition: background-color .25s;
width: 100%;
z-index: 99999;
}
.open-container.search details[open] summary .modal-close.hidden {
background: none;
display: block;
z-index: 999999;
}
.open-container.search details[open] summary .modal-close.hidden:after {
content: var(--times_r);
}
.open-container.search details summary .icon {
height: 100%;
display: flex;
align-items: center;
}
.open-container details[open] .open-slide {
animation: appear-down 0.5s ease;
}
.open-container details[open] .btn:before {
content: var(--open_minus_rev_a);
}
.open-container details[open] .open.open-btn.open-header .btn:before {
content: var(--open_minus_header);
}
@media only screen and (max-width: 600px) {
.open-container.desktop > details {
display: none;
}
.mobile-only .open-container.desktop > details {
display: block;
}
}
header {
background: var(--white);
}
.header {
opacity: 0;
}
.desktop-only .header,
.mobile-only .header {
opacity: 1;
transition: all 0.125s ease 0s;
backface-visibility: hidden;
}
.header-announcement,
.header-customerbar {
font-family: var(--body_font_fallback);
font-family: var(--body_font);
font-size: var(--xx_small);
font-weight: var(--body_font_weight_medium);
line-height: calc(var(--xx_small) * 1.25);
padding: calc(var(--master_spacing) / 2);
}
.header-announcement p,
.header-customerbar p {
font-size: var(--xx_small);
padding: 0;
}
.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 {
display: block;
height: auto;
padding: calc(var(--master_spacing) / 2) 0 0;
}
.header-toolbar .customer-links > ul {
display: flex;
justify-content: flex-end;
}
.header-toolbar .header-customerbar {
display: flex;
min-height: calc(var(--master_spacing) * 2);
padding: 0;
}
.mobile-only .header-toolbar .header-customerbar {
min-height: unset;
}
.header-toolbar .header-customerbar > div {
width: 100%;
}
.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:not(.product) > a,
.header-toolbar .header-customerbar.customer_color_scheme .customer-links li:not(.product) summary,
.header-toolbar .header-customerbar.customer_color_scheme .customer-links li:not(.product) > span.icon, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li:not(.product).account:before {
color: var(--customer_font_color);
}
.header-toolbar .header-customerbar.customer_color_scheme .customer-links li:not(.product).hover.account a, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li:not(.product):hover.account a, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li:not(.product):focus.account a, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li:not(.product):focus-within.account a {
color: var(--body_font_color);
}
.header-toolbar .header-customerbar.customer_color_scheme .customer-links li:not(.product).hover.account a.active, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li:not(.product).hover.account a:hover, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li:not(.product).hover.account a:focus, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li:not(.product).hover.account a:focus-within, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li:not(.product):hover.account a.active, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li:not(.product):hover.account a:hover, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li:not(.product):hover.account a:focus, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li:not(.product):hover.account a:focus-within, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li:not(.product):focus.account a.active, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li:not(.product):focus.account a:hover, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li:not(.product):focus.account a:focus, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li:not(.product):focus.account a:focus-within, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li:not(.product):focus-within.account a.active, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li:not(.product):focus-within.account a:hover, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li:not(.product):focus-within.account a:focus, .header-toolbar .header-customerbar.customer_color_scheme .customer-links li:not(.product):focus-within.account a:focus-within {
color: var(--customer_hover_font_color);
}
.mobile-only.no-scroll .header-toolbar .header-customerbar.customer_color_scheme {
opacity: 0;
}
.header-toolbar .header-customerbar .header-customerbar-container {
position: relative;
width: 100%;
}
.header-toolbar .header-customerbar .header-customerbar-container .customer-bullets {
height: 100%;
padding: 0 calc(var(--master_spacing) / 2);
position: relative;
}
.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 summary {
display: none;
}
@media only screen and (max-width: 600px) {
.header-toolbar .header-customerbar .header-customerbar-container .customer-bullets ul .open-container-bullets summary {
display: block;
}
}
.header-toolbar .header-customerbar .header-customerbar-container .customer-bullets ul .open-container-bullets .open-bullets .icon {
display: none;
left: 0;
line-height: 0;
position: absolute;
top: 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 .icon {
display: block;
}
}
.header-toolbar .header-customerbar .header-customerbar-container .customer-bullets ul li {
display: table-cell;
padding: calc(var(--master_spacing) / 2) 0;
text-align: left;
vertical-align: middle;
}
body.rtl .header-toolbar .header-customerbar .header-customerbar-container .customer-bullets ul li {
text-align: right;
}
.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);
}
body.rtl .header-toolbar .header-customerbar .header-customerbar-container .customer-bullets ul li .borders p {
border-left: none;
border-right: 1px solid;
margin-left: 0;
padding-left: 0;
margin-right: var(--master_spacing);
padding-right: 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;
text-align: center;
}
.header-toolbar .header-customerbar .header-customerbar-container .customer-bullets ul li.open-container {
padding: 0;
}
}
.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 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 {
transition: all 0.125s ease 0s;
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,
.customer-links summary {
display: table-cell;
font-size: var(--x_small);
height: 100%;
line-height: var(--x_small);
padding: 0 9px;
text-decoration: none;
vertical-align: middle;
transition: color .25s ease 0s,background .25s ease 0s;
}
.customer-links a.currencies,
.customer-links summary.currencies {
font-size: var(--xx_small);
}
.customer-links .static-search a {
align-items: center;
background: none;
display: flex;
}
.customer-links .static-search a.modal-close {
display: none;
}
.customer-links span.icon {
vertical-align: middle;
}
.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;
vertical-align: middle;
}
.customer-links ul li.search {
display: inline-grid;
}
.customer-links ul li ul:not(.search-list) {
background: var(--white);
border: 1px solid var(--line_color);
border-top: none;
display: block;
height: 0;
left: auto;
max-width: 400px;
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:not(.search-list).hidden {
display: none;
}
.customer-links ul li ul:not(.search-list) li {
display: block;
padding: 0;
}
.customer-links ul li ul:not(.search-list) li a {
display: block;
font-size: var(--x_small);
padding: 4px 0;
}
.customer-links ul li ul:not(.search-list) li a:hover, .customer-links ul li ul:not(.search-list) li a:focus {
text-decoration: underline;
}
.customer-links ul li ul:not(.search-list) li.hidden {
display: none;
}
body.rtl .customer-links ul li ul:not(.search-list) {
right: auto;
left: -1px;
}
.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:not(.avoid):focus ul, .desktop-only .customer-links ul li.key:not(.avoid):focus-within ul,
.no-js .customer-links ul li.hover ul,
.no-js .customer-links ul li:not(.avoid):hover ul,
.no-js .customer-links ul li:not(.avoid):focus ul,
.no-js .customer-links ul li.key:not(.avoid):focus-within ul {
height: auto;
opacity: 1;
transition: all 0.25s ease 0s;
backface-visibility: hidden;
visibility: visible;
}
.mobile-only .customer-links ul li.hover ul {
height: auto;
opacity: 1;
transition: all 0.25s ease 0s;
backface-visibility: hidden;
visibility: visible;
}
.customer-links ul li.search.static-search {
display: inline-flex;
flex-grow: 1;
margin: 0 calc(var(--master_spacing) / 4);
}
.customer-links ul li.search.static-search.static-search-max {
max-width: 600px;
}
.customer-links ul li.search summary {
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 {
display: block;
min-width: 400px;
padding: calc(var(--master_spacing) / 2) 0 0;
text-align: left;
}
.customer-links ul li.cart-info #cart-dropdown.hidden {
display: none;
}
.customer-links ul li.cart-info #cart-dropdown span {
display: block;
height: auto;
overflow-y: auto;
padding: 0;
transition: all 0.25s ease 0s;
backface-visibility: hidden;
}
.customer-links ul li.cart-info #cart-dropdown span.stars-rating, .customer-links ul li.cart-info #cart-dropdown span.stars-count {
display: inline-block;
}
.customer-links ul li.cart-info #cart-dropdown li {
border-bottom: 1px solid var(--line_color);
margin-bottom: calc(var(--master_spacing) / 2);
padding: calc(var(--master_spacing) / 2) var(--master_spacing);
}
.customer-links ul li.cart-info #cart-dropdown li a {
padding: 0;
}
.customer-links ul li.cart-info #cart-dropdown li a.btn {
line-height: calc(var(--small) * 1.25);
padding: calc(var(--master_spacing) / 2) var(--xx_small);
}
.customer-links ul li.cart-info #cart-dropdown li a.btn:hover, .customer-links ul li.cart-info #cart-dropdown li a.btn:focus {
text-decoration: none;
}
.customer-links ul li.cart-info #cart-dropdown li .reviews {
color: var(--body_font_color);
}
.customer-links ul li.cart-info #cart-dropdown li .reviews span {
padding: 0;
}
.customer-links ul li.cart-info #cart-dropdown li.last {
border: none;
margin-bottom: 0;
}
.customer-links ul li.cart-info #cart-dropdown li.buttons {
background: var(--white);
border-bottom: none;
border-top: 1px solid var(--line_color);
bottom: 0;
margin: 0;
padding: var(--master_spacing);
position: sticky;
}
.customer-links ul li.cart-info span {
display: inline-table;
padding: 0 3px;
vertical-align: middle;
}
.customer-links ul li.cart-info span.money {
vertical-align: baseline;
}
@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 {
padding: 0;
}
.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%;
transform: translate(0, -50%);
width: 0;
}
body.rtl .customer-links ul li.account:before {
left: auto;
right: -1px;
}
.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);
left: 0;
position: absolute;
top: 105%;
z-index: 99999;
}
.header-searchbar input[type="text"] {
border: none;
}
.sticky-navigation {
position: relative;
z-index: 9999;
}
.sticky-navigation.include-border {
border-bottom: 1px solid var(--line_color);
}
@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;
transition: all 0.25s ease 0s;
backface-visibility: hidden;
/*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;
}
}
.sticky-navigation.password {
z-index: auto;
}
.header-navigation {
background: var(--header_background_color);
}
.header-navigation .flex-right {
justify-content: space-between;
}
.header-navigation .cartCountSelector {
background: var(--header_background_color);
display: inline-table;
font-family: Arial;
font-size: 10px;
height: 12px;
left: 50%;
line-height: 12px;
margin-top: 2px;
position: absolute;
text-align: center;
top: 50%;
transform: translate(-50%, -50%);
}
.header-navigation .cartCountSelector.cart-icon {
margin-left: 1px;
margin-top: -5px;
}
@media only screen and (max-width: 480px) {
.header-navigation .cartCountSelector {
height: 8px;
line-height: 8px;
}
}
.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;
}
}
body.rtl .header-navigation .logo {
padding-left: var(--master_spacing);
padding-right: 0;
}
@media only screen and (max-width: 600px) {
.header-navigation .logo {
padding-right: calc(var(--master_spacing) / 2);
}
}
@media only screen and (max-width: 480px) {
.header-navigation .logo {
padding: 0;
}
.header-navigation .logo.static-search {
display: block;
height: auto;
margin: 0 auto;
text-align: center;
width: auto;
}
.header-navigation .logo.static-search a {
display: block;
padding: calc(var(--master_spacing) / 2) 0;
}
.header-navigation .logo.static-search a img {
margin: 0 auto;
}
}
@media only screen and (max-width: 320px) {
.header-navigation .logo {
display: block;
height: auto;
margin: 0 auto;
text-align: center;
width: auto;
}
.header-navigation .logo a {
display: block;
padding: calc(var(--master_spacing) / 2) 0;
}
}
.header-navigation .main-menu {
scrollbar-color: var(--line_color) var(--white);
scrollbar-width: thin;
}
.header-navigation .main-menu ::-webkit-scrollbar {
-webkit-appearance: none;
width: 14px;
}
.header-navigation .main-menu ::-webkit-scrollbar-thumb {
border: 2px solid var(--white);
background-color: var(--line_color);
}
@media only screen and (max-width: 600px) {
.header-navigation .main-menu {
text-align: right;
}
}
@media only screen and (max-width: 480px) {
.header-navigation .main-menu.static-search {
display: block;
height: auto;
margin: 0 auto;
text-align: center;
}
.header-navigation .main-menu.static-search .customer-links ul:not(.search-list) {
height: calc(var(--master_spacing) * 2);
}
.header-navigation .main-menu.static-search .search.static-search {
margin: 0 calc(var(--master_spacing) / 3) 0 0;
}
.header-navigation .main-menu.static-search .customer-links {
margin: 0 0 calc(var(--master_spacing) / 2);
}
}
@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:not(.search-list),
.header-navigation .account ul:not(.search-list) {
display: block;
height: 100%;
padding: 0;
}
.header-navigation .customer-links ul:not(.search-list) li,
.header-navigation .account ul:not(.search-list) li {
height: 100%;
}
.header-navigation .customer-links ul:not(.search-list) li.cart-info,
.header-navigation .account ul:not(.search-list) li.cart-info {
position: unset;
}
.header-navigation .customer-links ul:not(.search-list) li.cart-info > a,
.header-navigation .account ul:not(.search-list) li.cart-info > a {
position: relative;
}
.header-navigation .customer-links ul:not(.search-list) li.cart-info > a span,
.header-navigation .account ul:not(.search-list) li.cart-info > a span {
padding: 0;
}
@media only screen and (max-width: 480px) {
.header-navigation .customer-links ul:not(.search-list) li.cart-info #cart-dropdown,
.header-navigation .account ul:not(.search-list) li.cart-info #cart-dropdown {
box-sizing: border-box;
left: 0;
height: auto;
max-width: none;
min-width: auto;
width: 100%;
}
}
.header-navigation .customer-links ul:not(.search-list) li.account:before,
.header-navigation .account ul:not(.search-list) li.account:before {
content: '';
}
@media only screen and (max-width: 600px) {
.header-navigation .customer-links,
.header-navigation .account {
display: inline-table;
}
}
.header-navigation .static-search .customer-links ul:not(.search-list) {
display: flex;
}
@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.cart-info.hover .cartCountSelector {
background: var(--white);
}
.mobile-only .header-navigation .customer-links li > a,
.mobile-only .header-navigation .customer-links li summary {
color: var(--header_font_color);
padding: 0 calc(var(--master_spacing) / 3);
}
.mobile-only .header-navigation .customer-links li > a:hover, .mobile-only .header-navigation .customer-links li > a:focus, .mobile-only .header-navigation .customer-links li > a:focus-within,
.mobile-only .header-navigation .customer-links li summary:hover,
.mobile-only .header-navigation .customer-links li summary:focus,
.mobile-only .header-navigation .customer-links li summary:focus-within {
color: var(--header_hover_font_color);
}
.mobile-only .header-navigation .customer-links li > a.toggleMenu,
.mobile-only .header-navigation .customer-links li summary.toggleMenu {
padding-right: 0;
}
@media only screen and (max-width: 320px) {
.mobile-only .header-navigation .customer-links {
text-align: center;
}
}
body.rtl.mobile-only .header-navigation .customer-links {
text-align: left;
}
body.rtl.mobile-only .header-navigation .customer-links li > a.toggleMenu {
padding-left: 0;
padding-right: calc(var(--master_spacing) / 2);
}
@media only screen and (max-width: 320px) {
body.rtl.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%;
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%;
transform: translate(0, -50%);
transition: all 0.25s ease 0s;
backface-visibility: hidden;
width: calc(var(--large) - 4px);
}
.header-navigation .toggleMenu.active span.icon:after {
border-bottom: none;
height: 0;
transform: translate(0, -50%) rotate(45deg);
}
.header-navigation .toggleMenu.active span.icon:before {
background: var(--headline_font_color);
transform: translate(0, -50%) rotate(-45deg);
}
.header-navigation nav {
height: 100%;
}
.header-navigation nav .responsiveMenu {
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 {
position: unset;
}
.header-navigation nav .responsiveMenu.isDesktop ul {
overflow-y: auto;
}
.header-navigation nav .responsiveMenu.isDesktop li.hover > ul, .header-navigation nav .responsiveMenu.isDesktop li:hover > ul, .header-navigation nav .responsiveMenu.isDesktop li:focus > ul, .header-navigation nav .responsiveMenu.isDesktop li.key:focus-within > ul {
height: auto;
opacity: 1;
visibility: visible;
}
.header-navigation nav .responsiveMenu.isDesktop li a:hover, .header-navigation nav .responsiveMenu.isDesktop li a:focus, .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:focus > a, .header-navigation nav .responsiveMenu.isDesktop > li:focus-within > 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: 0 calc(var(--master_spacing) * 1.5);
transition: all 0.25s ease 0s;
backface-visibility: hidden;
}
.header-navigation nav .responsiveMenu li ul > span {
padding: calc(var(--master_spacing) * 1.5) 0;
}
.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 {
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.semi > span {
float: left;
width: 100%;
}
.header-navigation nav .responsiveMenu li ul.dropdown {
white-space: nowrap;
}
.header-navigation nav .responsiveMenu li ul.dropdown > span {
float: left;
width: 100%;
}
.header-navigation nav .responsiveMenu li ul.dropdown li {
width: 100%;
}
.header-navigation nav .responsiveMenu li ul li {
padding-bottom: calc(var(--master_spacing) / 2);
padding-top: calc(var(--master_spacing) / 2);
}
.header-navigation nav .responsiveMenu li ul li a {
display: block;
position: relative;
z-index: 100;
}
.header-navigation nav .responsiveMenu li ul li a span {
display: grid;
}
.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 {
content: var(--open_minus_rev_a);
}
.header-navigation nav .responsiveMenu li.hover > ul {
height: auto;
opacity: 1;
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;
position: absolute;
top: 100%;
visibility: hidden;
z-index: 9999;
}
body.rtl .header-navigation nav .responsiveMenu > li > ul {
left: auto;
right: 0;
}
.header-navigation nav .responsiveMenu > li > ul.dropdown.text-right {
left: auto;
right: 0;
}
body.rtl .header-navigation nav .responsiveMenu > li > ul.dropdown.text-right {
left: 0;
right: auto;
}
.header-navigation nav .responsiveMenu > li > ul.dropdown.text-center {
left: -50%;
}
body.rtl .header-navigation nav .responsiveMenu > li > ul.dropdown.text-center {
right: auto;
}
.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%;
transition: all 0.5s ease 0s;
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;
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 > span, .header-navigation nav .responsiveMenu.isMobile ul.semi > span, .header-navigation nav .responsiveMenu.isMobile ul.dropdown > span {
padding: 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 {
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 > ul {
display: none;
}
.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 {
font-size: var(--xx_small);
padding: calc(var(--master_spacing) / 2) 0;
}
.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 > ul {
border: none;
display: block;
position: relative;
left: 0;
-webkit-transition: opacity 1s,transform 1s ease;
transition: opacity 1s,transform 1s ease;
}
.header-navigation nav .responsiveMenu.isMobile li.hover > a {
color: var(--header_hover_font_color_darken_15);
}
.header-navigation nav .responsiveMenu.isMobile li.hover a.active {
color: var(--header_hover_font_color);
}
.header-navigation nav .responsiveMenu.isMobile li.has-dropdown > a:after {
height: 18px;
line-height: var(--medium);
position: absolute;
right: 0;
text-align: center;
top: 50%;
transform: translate(0, -50%);
width: 18px;
}
@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);
}
.video {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.video video {
height: 100%;
object-fit: cover;
pointer-events: none;
width: 100%;
}
iframe {
max-width: 100%;
}
.youtube-container {
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 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9;
}
.youtube-container .loader {
z-index: 0;
}
.pagination {
align-items: center;
color: var(--button_color);
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;
}
body.rtl .pagination .left {
text-align: right;
}
.pagination .right {
text-align: right;
}
body.rtl .pagination .right {
text-align: left;
}
.pagination .next,
.pagination .prev {
display: table-cell;
line-height: 12px;
vertical-align: middle;
width: calc(var(--xx_small) * 2);
}
body.rtl .pagination .icon {
transform: rotate(180deg);
}
label.error {
-webkit-animation: fadein 0.4s;
animation: fadein 0.4s;
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;
}
.pop label.error {
bottom: 100%;
left: 0;
right: auto;
}
.radiobox label.error {
bottom: 100%;
}
.contact label.error {
left: 0;
right: auto;
}
label.error:after, label.error:before {
top: 100%;
right: 50%;
border: solid transparent;
content: ' ';
height: 0;
width: 0;
position: absolute;
pointer-events: none;
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: 60px;
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%;
transform: translate(-50%, 50%);
white-space: nowrap;
}
.password .password-links button {
background: none;
color: var(--body_font_color);
}
.password .password-links.full {
border-bottom: none;
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;
padding: 5px 5px 5px 2px;
overflow: hidden;
list-style: none;
transition: all 0.25s ease 0s;
backface-visibility: hidden;
}
.socials ul li:hover,
.addthis_horizontal_follow_toolbox ul li:hover,
.addthis_inline_share_toolbox ul li:hover {
padding: 0px 5px 10px 2px;
}
.socials ul li:last-child,
.addthis_horizontal_follow_toolbox ul li:last-child,
.addthis_inline_share_toolbox ul li:last-child {
padding-right: 0;
}
.socials ul li a,
.addthis_horizontal_follow_toolbox ul li a,
.addthis_inline_share_toolbox ul li a {
font-size: var(--medium);
padding: 5px;
}
.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: 0 5px 10px;
text-decoration: none;
}
.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;
transition: all 0.25s ease 0s;
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);
}
.breadcrumbs .breadcrumb_text span:last-child,
.breadcrumbs .breadcrumb_text span:last-child a {
color: var(--button_color);
}
.white .breadcrumbs *,
.white .breadcrumbs a,
.white .breadcrumbs span {
color: var(--white);
}
.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 .btn {
margin: 0 0 var(--master_spacing);
height: 40px;
line-height: 20px;
}
.sorting.open-container .btn.open {
display: none;
}
@media only screen and (max-width: 600px) {
.sorting.open-container .btn.open {
display: inline-block;
}
}
.sorting.open-container span {
display: inline-block;
}
.sorting.open-container span.open-btn:after {
float: right;
height: 20px;
margin: 0 0 0 calc(var(--xx_small) / 2);
text-align: right;
width: 15px;
}
.sorting.open-container details .btn.outline .icon-filter svg {
fill: none;
height: 20px;
padding: 0 4px;
stroke: var(--button_color);
}
.sorting.open-container details .btn.outline:hover .icon-filter svg, .sorting.open-container details .btn.outline:focus .icon-filter svg {
fill: none;
stroke: var(--white);
}
.sorting.open-container details[open] .btn.outline:before {
content: '';
}
.sorting.open-container details[open] .btn.outline .icon-filter svg {
fill: none;
stroke: var(--button_color);
}
.sorting.open-container details[open] .btn.outline:hover .icon-filter svg, .sorting.open-container details[open] .btn.outline:focus .icon-filter svg {
fill: none;
stroke: var(--white);
}
.sorting.open-container details[open] .btn.icon-open-plus:before {
content: var(--open_plus);
}
.sorting.open-container details[open] details[open] .btn.icon:before {
content: var(--open_minus_rev_a);
}
.sorting.open-container details[open] details[open] details[open] {
float: left;
padding-bottom: 24px;
width: 100%;
position: relative;
}
.sorting.open-container details[open] details[open] details[open] summary {
bottom: 0;
position: absolute;
}
@media only screen and (max-width: 600px) {
.sorting.open-container {
padding: 0 calc(var(--master_spacing) / 2);
}
}
.sorting.open-container .open-slide .open-container-filter .open .icon {
display: none;
left: calc((var(--master_spacing) * 2) * -1);
margin: -1px 0 0;
padding: 0;
position: absolute;
top: 50%;
transform: translate(0, -50%);
}
@media only screen and (max-width: 600px) {
.sorting.open-container .open-slide .open-container-filter .open .icon {
display: block;
}
}
@media only screen and (max-width: 600px) {
.sorting.open-container .open-slide .open-container-filter .open span {
margin: calc(var(--master_spacing) / 2) 0;
}
}
@media only screen and (max-width: 600px) {
.sorting.open-container .open-slide {
float: left;
}
.sorting.open-container .open-slide.active {
display: block;
}
}
@media only screen and (max-width: 600px) {
.sorting.open-container .btn {
max-width: none;
width: 100%;
}
}
.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;
float: none;
margin: 0 auto;
text-align: center;
}
}
.sorting.open-container .three {
padding-top: var(--master_spacing);
}
.search-page .sorting.open-container .three {
padding-top: 0;
}
@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;
}
.sorting.open-container .filter .price-container:after {
content: '-';
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
}
.sorting.open-container .filter .price-container .form {
margin: 0;
}
@media only screen and (max-width: 600px) {
.sorting.open-container .filter .price-container .form {
margin: calc(var(--master_spacing) / 2) 0;
}
}
.sorting.open-container .filter .price-container .form span {
background: var(--white);
border-radius: 100%;
font-size: 14px;
height: 20px;
left: 0;
line-height: 20px;
position: absolute;
text-align: center;
top: calc(50% - 11px);
width: 20px;
}
.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,
.sorting.open-container .filter .open-more {
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,
.sorting.open-container .filter .open-more:before {
content: none;
}
.sorting.open-container .filter li a,
.sorting.open-container .filter li span,
.sorting.open-container .filter .open-more a,
.sorting.open-container .filter .open-more span {
display: inline-block;
font-size: var(--xx_small);
font-weight: var(--body_font_weight_medium);
line-height: var(--base);
position: relative;
text-decoration: none;
}
.sorting.open-container .filter li a:hover,
.sorting.open-container .filter li a:focus,
.sorting.open-container .filter li.active a,
.sorting.open-container .filter .open-more a:hover,
.sorting.open-container .filter .open-more a:focus,
.sorting.open-container .filter .open-more.active a {
text-decoration: none;
opacity: 1;
}
.sorting.open-container .filter .open-more {
font-weight: var(--body_font_weight_bold);
}
.sorting.open-container .filter .open-more:hover, .sorting.open-container .filter .open-more:focus {
color: var(--body_font_hover_color);
cursor: pointer;
}
.sorting.open-container .filter.formatted li a,
.sorting.open-container .filter.formatted li.disabled span {
padding-left: calc(var(--x_small) * 2);
}
.sorting.open-container .filter.formatted li :before,
.sorting.open-container .filter.formatted li :after {
content: '';
left: 0;
line-height: var(--xx_small);
opacity: 0.50;
position: absolute;
text-align: center;
top: 50%;
transform: translate(0, -50%);
transition: all 0.25s ease 0s;
backface-visibility: hidden;
}
.sorting.open-container .filter.formatted li a:before,
.sorting.open-container .filter.formatted li.disabled span:before {
color: var(--button_color);
content: var(--box);
}
.sorting.open-container .filter.formatted li a.hover:after {
color: var(--button_color);
content: var(--square_solid);
opacity: 1;
text-decoration: none;
}
.sorting.open-container .filter.formatted li a.hover:before,
.sorting.open-container .filter.formatted li.active a.hover:before {
color: var(--body_font_color);
}
.sorting.open-container .filter.formatted li.active a:after {
color: var(--button_color);
content: var(--square_solid);
opacity: 1;
text-decoration: none;
}
.sorting.open-container .filter.formatted li.active a.hover:after,
.sorting.open-container .filter.formatted li.active a:hover:after,
.sorting.open-container .filter.formatted li.active a:focus:after {
content: var(--x_only);
}
.sorting.open-container .filter.formatted li.disabled span {
opacity: 0.50;
padding-bottom: 8px;
padding-top: 8px;
}
.sorting.open-container .filter.formatted li.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);
}
}
div[slider] {
position: relative;
height: 4px;
text-align: left;
margin: 15px 0;
}
div[slider] > div {
position: absolute;
left: 10px;
right: 10px;
height: 4px;
}
div[slider] > div > [inverse-left] {
position: absolute;
left: 0;
height: 4px;
background-color: var(--line_color);
}
div[slider] > div > [inverse-right] {
position: absolute;
right: 0;
height: 4px;
background-color: var(--line_color);
}
div[slider] > div > [range] {
position: absolute;
left: 0;
height: 4px;
background-color: var(--button_color);
}
div[slider] > div > [thumb] {
border: 1px solid var(--button_color);
position: absolute;
top: -9px;
z-index: 2;
height: 20px;
width: 20px;
text-align: left;
margin-left: -11px;
cursor: pointer;
background-color: var(--white);
border-radius: 50%;
outline: none;
}
div[slider] > input[type=range] {
position: absolute;
pointer-events: none;
-webkit-appearance: none;
z-index: 3;
height: 4px;
top: 0px;
width: 100%;
opacity: 0;
}
div[slider] > input[type=range]:hover {
cursor: grab;
}
div[slider] > input[type=range]:focus {
cursor: grabbing;
}
div[slider] > input[type=range]::-ms-thumb {
pointer-events: all;
width: 20px;
height: 20px;
border-radius: 0px;
border: 0 none;
background: var(--white);
}
div[slider] > input[type=range]::-moz-range-thumb {
pointer-events: all;
width: 20px;
height: 20px;
border-radius: 0px;
border: 0 none;
background: var(--white);
}
div[slider] > input[type=range]::-webkit-slider-thumb {
pointer-events: all;
width: 20px;
height: 20px;
border-radius: 0px;
border: 0 none;
background: var(--white);
-webkit-appearance: none;
}
div[slider] > input[type=range]::-ms-fill-lower {
background: transparent;
border: 0 none;
}
div[slider] > input[type=range]::-ms-fill-upper {
background: transparent;
border: 0 none;
}
div[slider] > input[type=range]::-ms-track {
-webkit-appearance: none;
background: transparent;
color: transparent;
}
div[slider] > input[type=range]::-moz-range-track {
-moz-appearance: none;
background: transparent;
color: transparent;
}
div[slider] > input[type=range]:focus::-webkit-slider-runnable-track {
background: transparent;
border: transparent;
}
div[slider] > input[type=range]::-ms-tooltip {
display: none;
}
.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;
}
}
#form-add-to-cart {
background: var(--white);
bottom: 60px;
border-top: 1px solid var(--line_color);
padding: calc(var(--master_spacing) / 2);
position: fixed;
right: 0;
z-index: 99;
}
.collection-products {
background: var(--white);
padding: 0;
position: relative;
}
.collection-products.glider {
background: none;
}
.collection-products.comparison-products {
overflow-x: scroll;
}
.collection-products.comparison-products table {
margin: 0;
width: auto;
}
.collection-products.comparison-products table td {
border: none;
border-bottom: 1px solid var(--line_color);
padding: calc(var(--master_spacing) / 2);
min-width: 160px;
width: 160px;
}
.collection-products.comparison-products table td:first-child {
background: var(--white);
border-right: 1px solid var(--line_color);
font-weight: var(--body_font_weight_bold);
left: 0;
padding-right: calc(var(--master_spacing) * 0.75);
position: sticky;
text-align: left;
min-width: auto;
width: auto;
}
@media only screen and (max-width: 600px) {
.collection-products.comparison-products table td {
min-width: 140px;
width: 140px;
}
}
.collection-products.comparison-products table tr:last-child td {
border-bottom: none;
}
.collection-products.comparison-products table h4, .collection-products.comparison-products table .product-logistics, .collection-products.comparison-products table .reviews.bottompad-quarter, .collection-products.comparison-products table h6, .collection-products.comparison-products table p {
margin: 0;
padding: 0;
}
.collection-products.comparison-products table h4 a:hover, .collection-products.comparison-products table .product-logistics a:hover, .collection-products.comparison-products table .reviews.bottompad-quarter a:hover, .collection-products.comparison-products table h6 a:hover, .collection-products.comparison-products table p a:hover {
text-decoration: underline;
}
.collection-products.comparison-products table .compare-link {
margin: calc(var(--master_spacing) / 2);
}
.collection-products.comparison-products table .compare-remove {
color: var(--error_color);
}
@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-container,
.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-container {
display: block;
width: 100%;
}
}
@media only screen and (max-width: 768px) and (max-width: 480px) {
.collection-products .product.glider-slide .product-border .product-details {
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
margin: 0;
width: 100%;
}
}
@media only screen and (max-width: 768px) {
.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-container,
.collection-products .product .product-details {
box-sizing: border-box;
display: inline-block;
margin: 0;
vertical-align: middle;
width: 50%;
}
.collection-products .product .product-thumb-container.hidden,
.collection-products .product .product-details.hidden {
display: none;
}
.collection-products .product .product-thumb-container {
padding-right: var(--master_spacing);
}
.collection-products .product .product-thumb-container.cart {
width: 33.33%;
}
}
@media only screen and (max-width: 768px) and (max-width: 320px) {
.collection-products .product .product-thumb-container.cart {
width: 100%;
}
}
@media only screen and (max-width: 768px) and (max-width: 768px) {
.collection-products .product .product-thumb-container:after {
display: none;
}
}
@media only screen and (max-width: 768px) {
.collection-products .product .product-thumb,
.collection-products .product .product-details {
margin: 0;
}
}
@media only screen and (max-width: 480px) {
.collection-products .product.glider-slide {
border: none;
}
.collection-products .product.glider-slide .product-border {
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-container {
margin-bottom: calc(var(--master_spacing) / 2);
padding-right: 0;
}
}
@media only screen and (max-width: 320px) {
.collection-products .product .product-thumb-container,
.collection-products .product .product-details {
display: block;
margin-bottom: calc(var(--master_spacing) / 2);
padding-right: 0;
width: 100%;
}
.collection-products .product .product-thumb-container.hidden,
.collection-products .product .product-details.hidden {
display: none;
}
}
.product-loop {
display: flex;
flex-wrap: wrap;
float: left;
width: 100%;
}
.product-loop .center {
width: 100%;
}
.product-loop.center,
.recently-viewed .product-loop {
-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,
.recently-viewed .product-loop {
-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;
}
.product {
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);
box-sizing: border-box;
padding: calc(var(--master_spacing) / 2);
}
.product.borders > div.no-pad {
padding-left: 0;
padding-right: 0;
}
.product .product-border {
box-sizing: border-box;
display: flex;
flex-direction: column;
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 .purchase {
max-height: 0;
overflow: hidden;
transition: max-height 0.5s ease-out 0s;
}
.mobile-only .product.hover .purchase {
max-height: none;
}
.product.hover .purchase .btn {
margin-top: calc(var(--master_spacing)/ 2);
}
.product.hover:hover .purchase, .product.hover:focus .purchase {
max-height: 100rem;
transition: max-height 0.75s ease-in 0s;
}
.product .collection {
display: block;
}
.product .collection:hover, .product .collection:focus {
color: var(--button_color);
}
.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: flex;
flex-direction: column;
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 a:hover,
.product .product-details .product-title a:focus {
color: var(--button_color);
text-decoration: underline;
}
.product .product-details .product-title.collection h4,
.product .product-details .product-title.collection h4 a {
color: var(--button_color);
-ms-word-break: break-all;
-ms-hyphens: auto;
}
.product .product-details .product-variants {
display: flex;
flex-direction: column;
flex-grow: 1;
-webkit-justify-content: flex-end;
justify-content: flex-end;
}
.product .product-details .product-price {
font-size: var(--xx_small);
}
.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 img.lazyload {
transition: none;
}
.product-thumb .product-thumb-main.product-thumb-align.var_hover,
.product-thumb .product-thumb-hover,
.product-thumb .product-thumb-var {
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 0;
}
.product-thumb.enable-thumb-hover:hover .product-thumb-main.product-thumb-align,
.product-thumb.enable-thumb-hover:hover .product-thumb-var, .product-thumb.enable-thumb-hover:focus .product-thumb-main.product-thumb-align,
.product-thumb.enable-thumb-hover:focus .product-thumb-var, .product-thumb.enable-thumb-hover:focus-visible .product-thumb-main.product-thumb-align,
.product-thumb.enable-thumb-hover:focus-visible .product-thumb-var {
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 0;
}
.product-thumb.enable-thumb-hover:hover .product-thumb-hover, .product-thumb.enable-thumb-hover:focus .product-thumb-hover, .product-thumb.enable-thumb-hover:focus-visible .product-thumb-hover {
background: var(--white);
opacity: 1;
position: unset;
z-index: 2;
}
.product-thumb.enable-thumb-hover:hover.title-align .product-thumb-hover, .product-thumb.enable-thumb-hover:focus.title-align .product-thumb-hover, .product-thumb.enable-thumb-hover:focus-visible.title-align .product-thumb-hover {
position: absolute;
}
.product-thumb .product-thumb-var.var_hover {
background: var(--white);
opacity: 1;
position: unset;
z-index: 1;
}
.product-thumb.title-align .product-thumb-var.var_hover {
position: absolute;
}
.badge {
background: var(--badge_background_color);
border: 1px solid var(--badge_color);
border-collapse: initial;
border-radius: 100%;
color: var(--badge_color);
display: table;
font-size: 10px;
font-weight: var(--body_font_weight_bold);
line-height: 12px;
position: absolute;
left: calc(-1 * var(--master_spacing) / 4);
text-align: center;
top: calc(-1 * var(--master_spacing) / 4);
z-index: 3;
}
.badge > span {
display: table-cell;
vertical-align: middle;
}
.title-align.title-align-left {
padding-bottom: 0;
}
.title-align.title-align-left.item-thumb {
padding-bottom: calc(var(--master_spacing) / 2);
}
.title-align .relative:not(.ignore) {
padding-left: 100%;
padding-bottom: 100%;
width: auto;
}
.title-align a.img-align {
bottom: 0;
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;
}
.title-align img.img-align.cart {
height: auto;
width: auto;
max-height: 100%;
max-width: 100%;
}
.title-align img.img-align.landscape {
height: auto;
}
.title-align img.dropdown {
height: auto;
max-height: 100%;
width: auto;
}
.title-align img.vertical {
height: 100%;
width: auto;
}
#ajaxBusy {
background: rgba(255, 255, 255, 0.75) !important;
display: none;
}
.modal-active #ajaxBusy .loader,
.modal-active-pw #ajaxBusy .loader {
display: none;
}
.modal-active #ajaxBusy .loader.currency-active,
.modal-active-pw #ajaxBusy .loader.currency-active {
display: block;
}
.product-id .variant-inventory {
display: block;
}
.product-id .variant-inventory h4 {
color: var(--success_color);
font-weight: normal;
line-height: calc(var(--medium) * 1.5);
margin: 0;
}
.product-id .variant-inventory h4 span {
display: inline-flex;
margin: 0 2px;
vertical-align: middle;
}
.product-id .variant-inventory h4 .error-text {
padding-left: 20px;
position: relative;
white-space: nowrap;
}
.product-id .variant-inventory h4 .error-text span {
left: 0;
position: absolute;
top: 50%;
transform: translate(0, -50%);
}
@media only screen and (max-width: 768px) {
.product-id .variant-inventory h4 {
line-height: calc(var(--x_small) * 1.5);
}
}
.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-zoom-pane.drift-open {
background: var(--white);
}
.drift-zoom-pane.drift-open.drift-loading {
background: none;
}
.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%;
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 span {
vertical-align: top;
}
.offers span.price-field {
color: var(--button_color);
}
.offers span.price-field del {
display: block;
opacity: 0.50;
}
@media only screen and (max-width: 768px) {
.offers span.price-field del {
display: inline-block;
margin: 0 4px;
}
}
.offers span.price-field.product-single__price del {
display: inline-block;
margin: 0;
}
.white .offers span.price-field {
color: var(--white);
}
.offers span.savings:not(.hidden) {
color: var(--button_color);
display: inline-block;
font-size: var(--medium);
vertical-align: middle;
}
.white .offers span.savings:not(.hidden) {
color: var(--white);
}
.offers.meta a {
text-decoration: underline;
}
.product-logistics {
color: var(--headline_font_color);
font-size: var(--x_small);
padding: 0 0 calc(var(--master_spacing) / 2);
}
.product-logistics .vendor a,
.product-logistics .variant-sku span {
color: var(--headline_font_color);
font-weight: var(--body_font_weight_bold);
text-decoration: none;
}
.white .product-logistics .vendor a, .white
.product-logistics .variant-sku span {
color: var(--white);
}
.form-blocks {
border-bottom: 1px solid var(--line_color);
color: var(--headline_font_color);
margin-bottom: calc(var(--master_spacing) * 0.75);
padding-bottom: calc(var(--master_spacing) * 0.75);
}
.form-blocks.meta {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
.form-blocks.meta p,
.form-blocks.meta h3,
.form-blocks.meta h4,
.form-blocks.meta h5,
.form-blocks.meta
.h5,
.form-blocks.meta .customer-links ul li.cart-info .item-title h5 a, .customer-links ul li.cart-info .item-title h5
.form-blocks.meta a,
.form-blocks.meta .header-navigation nav .responsiveMenu li ul.mega > span > li > a, .header-navigation nav .responsiveMenu li
.form-blocks.meta ul.mega > span > li > a,
.form-blocks.meta .header-navigation nav .responsiveMenu li ul.semi > span > li > a, .header-navigation nav .responsiveMenu li
.form-blocks.meta ul.semi > span > li > a,
.form-blocks.meta .header-navigation nav .responsiveMenu.isMobile > li > a, .header-navigation nav
.form-blocks.meta .responsiveMenu.isMobile > li > a,
.form-blocks.meta h6 {
margin-bottom: calc(var(--master_spacing) / 4);
padding-bottom: calc(var(--master_spacing) / 4);
}
.form-blocks.meta p:empty,
.form-blocks.meta h3:empty,
.form-blocks.meta h4:empty,
.form-blocks.meta h5:empty,
.form-blocks.meta
.h5:empty,
.form-blocks.meta .customer-links ul li.cart-info .item-title h5 a:empty, .customer-links ul li.cart-info .item-title h5
.form-blocks.meta a:empty,
.form-blocks.meta .header-navigation nav .responsiveMenu li ul.mega > span > li > a:empty, .header-navigation nav .responsiveMenu li
.form-blocks.meta ul.mega > span > li > a:empty,
.form-blocks.meta .header-navigation nav .responsiveMenu li ul.semi > span > li > a:empty, .header-navigation nav .responsiveMenu li
.form-blocks.meta ul.semi > span > li > a:empty,
.form-blocks.meta .header-navigation nav .responsiveMenu.isMobile > li > a:empty, .header-navigation nav
.form-blocks.meta .responsiveMenu.isMobile > li > a:empty,
.form-blocks.meta h6:empty {
display: none;
}
.form-blocks.meta p:last-child,
.form-blocks.meta h3:last-child,
.form-blocks.meta h4:last-child,
.form-blocks.meta h5:last-child,
.form-blocks.meta
.h5:last-child,
.form-blocks.meta .customer-links ul li.cart-info .item-title h5 a:last-child, .customer-links ul li.cart-info .item-title h5
.form-blocks.meta a:last-child,
.form-blocks.meta .header-navigation nav .responsiveMenu li ul.mega > span > li > a:last-child, .header-navigation nav .responsiveMenu li
.form-blocks.meta ul.mega > span > li > a:last-child,
.form-blocks.meta .header-navigation nav .responsiveMenu li ul.semi > span > li > a:last-child, .header-navigation nav .responsiveMenu li
.form-blocks.meta ul.semi > span > li > a:last-child,
.form-blocks.meta .header-navigation nav .responsiveMenu.isMobile > li > a:last-child, .header-navigation nav
.form-blocks.meta .responsiveMenu.isMobile > li > a:last-child,
.form-blocks.meta h6:last-child {
border-bottom: 1px solid var(--line_color);
margin-bottom: calc(var(--master_spacing) * 0.75);
padding-bottom: calc(var(--master_spacing) * 0.75);
}
.form-blocks hr {
border-color: var(--white);
margin: calc(var(--master_spacing) / 4) 0;
}
.shopify-payment-terms {
font-size: calc(var(--x_small) - 1px);
display: block;
}
.shopify-payment-terms:empty {
display: none;
}
.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: 1px solid var(--line_color);
padding: calc(var(--master_spacing) / 2) calc(var(--master_spacing) / 2) 0;
}
.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;
}
.shopify-installments {
border-bottom: 1px solid var(--line_color);
font-size: calc(var(--small) - 1px);
margin-bottom: var(--master_spacing);
}
.feedback.cart-success, .feedback.cart-success a {
color: var(--success_color);
}
.feedback.error {
color: var(--error_color);
}
.tabs {
float: left;
width: 100%;
padding: 0;
z-index: 1;
}
.tabs .glider {
margin: 0;
}
.tabs a {
border-bottom: 2px solid transparent;
display: flex;
flex-direction: column;
justify-content: center;
margin: 0 calc(var(--master_spacing)/ 2);
position: relative;
text-align: center;
transition: all 0.25s ease 0s;
backface-visibility: hidden;
width: auto;
}
.tabs a:hover, .tabs a:focus {
text-decoration: none;
}
.tabs a.ignore {
outline: none;
}
.product-page .tabs a {
bottom: -1px;
}
.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;
transition: all 0.25s ease 0s;
backface-visibility: hidden;
}
.product-page .tabs a .h5 {
display: block;
}
.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, .tabs a:hover {
border-color: var(--button_color);
}
.tabs a.first .h5, .tabs a:hover .h5 {
color: var(--button_color);
}
.tabs a.first .h5.underline, .tabs a:hover .h5.underline {
padding: calc(var(--master_spacing) * 0.25) 0 calc(var(--master_spacing) * 0.75);
}
.tabs a:first-child {
margin-left: 0;
}
.tabs a:last-child {
margin-right: 0;
}
.tabs:before, .tabs:after {
content: ' ';
display: block;
height: 0;
overflow: hidden;
visibility: hidden;
width: 0;
}
.tabs:after {
clear: both;
}
.tab-body {
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);
}
.product-description .tab-body.tab-body-content {
padding: calc(var(--master_spacing) * 2) 0 0;
}
.product-description .tab-body {
border-top: 1px solid var(--line_color);
}
.product-description .tab-body.hide {
border: none;
padding: 0;
}
.tab-body.hide {
height: 0;
overflow: hidden;
padding: 0;
visibility: hidden;
}
.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;
}
@media only screen and (max-width: 480px) {
.spr-summary-actions-newreview {
display: block;
margin: calc(var(--master_spacing) / 2) 0;
}
}
.plyr.plyr--full-ui.plyr--video {
color: var(--body_font_color);
background-color: transparent;
z-index: 9;
}
.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 calc(var(--master_spacing) / 2);
}
.cart-table .item.last {
border: none;
margin: 0;
padding: 0;
}
.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;
}
.cart-table .item .variants {
display: block;
margin: calc(var(--master_spacing) / 4) 0 0;
}
.cart-table .item span.form {
margin: 0 0 calc(var(--master_spacing) / 2);
}
@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;
text-align: center;
width: 100%;
}
.cart-table .item .item-details.half {
display: inline-block;
vertical-align: middle;
text-align: center;
width: 50%;
}
.cart-table .item .item-details .total-item-hidden.hidden {
display: inline-block;
margin-right: 4px;
}
.cart-table .item .item-details h6 {
margin: calc(var(--master_spacing) / 2) 0;
}
.cart-table .item .item-details .remove_item_multi {
display: block;
margin-bottom: calc(var(--master_spacing) / 2);
}
}
@media only screen and (max-width: 320px) {
.cart-table .item .item-thumb:not(.ignore) {
margin-bottom: calc(var(--master_spacing) / 2);
padding-left: 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-bottom: 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;
}
header predictive-search {
align-items: center;
background: none;
border: none;
display: flex;
width: 100%;
}
predictive-search .rows-true .twelve,
predictive-search .rows-true .six,
predictive-search .rows-true .three {
width: 100%;
}
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;
font-size: var(--x_small);
}
input[type="text"].search-field::-moz-placeholder {
font-weight: normal;
font-size: var(--x_small);
}
input[type="text"].search-field:-moz-placeholder {
font-weight: normal;
font-size: var(--x_small);
}
input[type="text"].search-field:-ms-input-placeholder {
font-weight: normal;
font-size: var(--x_small);
}
.static-search input[type="text"].search-field {
border: 1px solid var(--customer_font_color);
height: auto;
margin: 0;
min-height: auto;
padding: calc(var(--master_spacing) / 4) calc(var(--master_spacing) / 2);
}
.text-center input[type="text"].search-field {
text-align: center;
}
.search-form {
margin: 0 0 calc(var(--master_spacing) * 1.5);
scrollbar-color: var(--line_color) var(--white);
scrollbar-width: thin;
transition: all .5s ease;
}
.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-form-header {
border: 1px solid var(--body_font_color);
display: block;
margin: 0;
width: 100%;
}
.search-form.search-form-header.active {
border-color: var(--line_color);
}
.search-form.search-form-header > span {
display: block;
width: 100%;
}
.static-search .search-form.search-form-header {
align-items: center;
background: none;
border: none;
display: flex;
width: 100%;
}
.static-search .search-form.search-form-header > span {
display: flex;
width: 100%;
}
.static-search .search-form.search-form-header > span button {
background: var(--customer_font_color);
color: var(--customer_background_color);
}
.static-search .search-form.search-form-header > span button svg {
height: 20px;
padding: calc(var(--master_spacing) / 4);
}
.static-search .search-form.search-form-header#search-header-mobile > span {
border: 1px solid var(--line_color);
}
.static-search .search-form.search-form-header#search-header-mobile > span button {
color: var(--header_font_color);
}
.static-search .search-form.search-form-header#search-header-mobile > span button:hover {
color: var(--header_hover_font_color);
}
.static-search .search-form.search-form-header.static-search-max {
max-width: 600px;
}
.search-form.static-search.active {
left: 0;
position: absolute;
top: calc(var(--master_spacing) / 2);
width: 100%;
z-index: 99999;
}
.search-form.static-search.active.static-search-max {
max-width: none;
}
.search-form.static-search.active .search-field {
border: 1px solid var(--line_color);
height: 40px;
padding: 0 calc(var(--master_spacing) / 2);
position: relative;
width: 100%;
z-index: 99;
}
.search-form.static-search.active > span button {
display: none;
}
.search-form.static-search.active:before {
background-color: rgba(255, 255, 255, 0.85);
content: '';
height: 100%;
position: fixed;
right: 0;
top: 0;
transition: background-color .5s;
width: 100%;
z-index: 9;
}
.search-form .search-results {
-webkit-animation: fadein 0.5s;
animation: fadein 0.5s;
background: rgba(255, 255, 255, 0.98);
border: 1px solid var(--line_color);
border-top-color: var(--white);
box-sizing: border-box;
display: none;
float: none;
height: auto;
left: -1px;
list-style-type: none;
margin: -1px 0 0;
max-width: none;
overflow-y: auto;
padding: calc(var(--master_spacing) / 2) 0 0;
position: absolute;
right: -1px;
top: 100%;
white-space: normal;
z-index: 999;
}
predictive-search[open] .search-form .search-results {
display: block;
}
.static-search .search-form .search-results {
left: 0;
margin: -2px 0 0;
right: 0;
top: calc(50% + 20px);
}
.mobile-only .static-search .search-form .search-results {
left: 1px;
right: 1px;
}
.search-form .search-results ul {
margin: 0;
padding: 0;
}
.search-form .search-results ul li {
display: inline-block;
float: none;
margin: 0;
padding: 0 var(--master_spacing) var(--master_spacing);
overflow: hidden;
vertical-align: middle;
}
.search-form .search-results ul li.twelve {
border-top: none;
padding: 0 var(--master_spacing) calc(var(--master_spacing) / 2);
}
.search-form .search-results ul li.twelve.first {
border-top: 1px solid var(--line_color);
padding-top: var(--master_spacing);
}
.search-form .search-results ul li.twelve.collection {
padding: var(--master_spacing) calc(var(--master_spacing) / 2) calc(var(--master_spacing) / 2);
}
.search-form .search-results ul li.twelve.collection.title {
padding: var(--master_spacing) var(--master_spacing) 0;
}
.search-form .search-results ul li.twelve.page {
padding: 0 var(--master_spacing) calc(var(--master_spacing) / 2);
}
.search-form .search-results ul li.twelve.page.title {
padding: var(--master_spacing) var(--master_spacing) 0;
}
.search-form .search-results ul li.twelve.article {
padding: var(--master_spacing) calc(var(--master_spacing) / 2) 0;
}
.search-form .search-results ul li.twelve.article.title {
padding: var(--master_spacing) var(--master_spacing) 0;
}
.search-form .search-results ul li.twelve.article .article:not(.title),
.search-form .search-results ul li.twelve.article h4 {
margin: 0 0 calc(var(--master_spacing) / 2);
}
.search-form .search-results ul li.twelve.article .thumbnail {
margin-bottom: calc(var(--master_spacing) / 2);
}
.search-form .search-results ul li p {
color: var(--body_font_color);
font-size: var(--small);
line-height: calc(var(--xx_small) * 1.25);
padding: 0 0 calc(var(--small) * 1.25);
}
.search-form .search-results ul li a {
align-items: center;
color: var(--body_font_color);
display: flex;
font-size: var(--x_small);
line-height: calc(var(--small) * 1.25);
padding: 0;
text-decoration: none;
}
.search-form .search-results ul li a:hover, .search-form .search-results ul li a:focus {
text-decoration: none;
}
.search-form .search-results ul li a h4,
.search-form .search-results ul li a .product-logistics,
.search-form .search-results ul li a .reviews.bottompad-quarter,
.search-form .search-results ul li a .product-price h6 {
margin: 0 0 calc(var(--master_spacing) / 4);
padding: 0;
}
.search-form .search-results ul li a .product-logistics {
font-size: var(--x_small);
}
@media only screen and (max-width: 600px) {
.search-form .search-results ul li a .product-logistics {
font-size: var(--xx_small);
}
.search-form .search-results ul li a .product-price h6 {
font-size: var(--x_small);
}
}
.mobile-only .search-form .search-results ul li a {
padding: 0;
}
.search-form .search-results ul li button {
color: var(--body_font_color);
font-size: var(--x_small);
}
.search-form .search-results ul li > h6 {
margin: 0 0 var(--master_spacing);
font-weight: var(--headline_font_weight_bold);
}
.search-form .search-results ul li.collection {
vertical-align: top;
}
.search-form .search-results ul li.collection .thumbnail {
margin: 0 0 calc(var(--master_spacing) / 2);
max-width: 260px;
padding-right: 0;
}
.search-form .search-results ul li.collection .thumbnail img {
max-height: 260px;
max-width: 260px;
width: 100%;
}
.search-form .search-results ul li.collection a {
display: block;
}
.search-form .search-results ul li.see-all {
border-top: 1px solid var(--line_color);
padding: 0;
}
.search-form .search-results ul li.see-all button {
background: none;
color: var(--headline_font_color);
display: block;
margin: 0 auto;
padding: var(--master_spacing);
}
.search-form .search-results ul li:first-child {
border-top: none;
}
.search-form .search-results ul li .thumbnail {
min-width: 120px;
margin: 0;
margin-right: var(--master_spacing);
text-align: center;
}
.search-form .search-results ul li .thumbnail img {
max-height: 120px;
max-width: 120px;
width: auto;
}
.search-form .search-results ul li .title {
width: 100%;
text-align: left;
}
.with-image .search-form .search-results ul li .title {
width: 80%;
}
.content .search-form .search-results {
border-width: 1px;
left: 0;
right: 0;
}
.content .search-form .search-results li.see-all {
border-top-width: 1px;
}
.search-form .modal-close {
display: none;
}
.static-search predictive-search[open] .search-form .modal-close {
display: block;
}
.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 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 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 .footer-menu.six {
float: left;
}
footer .footer-menu ul {
list-style: none;
padding-bottom: var(--master_spacing);
padding-left: 0;
}
footer .footer-menu ul li {
padding: calc(var(--master_spacing) / 3) 0;
}
footer .footer-menu ul li a {
font-size: var(--x_small);
}
@media only screen and (max-width: 960px) {
footer .footer-menu.six {
padding: 0;
width: 100%;
}
}
footer .sub-footer li {
padding: 0;
}
footer .sub-footer li a {
display: block;
padding: calc(var(--base) / 2);
}
footer .sub-footer li a.active {
color: var(--button_color);
}
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);
margin-bottom: calc(var(--master_spacing) / 2);
padding-bottom: calc(var(--master_spacing) / 2);
}
footer .inline-container .bottompad {
margin: 0 0 calc(var(--master_spacing) / 2);
}
}
.modal {
display: none;
font-size: var(--small);
opacity: 0;
transition: all .25s ease;
}
.modal.is-open, .modal.loaded {
display: block;
opacity: 1;
}
.modal .modal-overlay {
display: flex;
height: 100%;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
overflow-y: scroll;
width: 100%;
z-index: 9999999;
}
.modal .modal-overlay.quick-view {
background: rgba(255, 255, 255, 0.75);
}
.modal .modal-overlay .modal-container {
margin: auto;
max-width: 800px;
opacity: 0;
transform: scale(0.9);
transition: all .25s ease;
z-index: 1;
width: 100%;
will-change: transform;
}
@media only screen and (max-width: 600px) {
.modal .modal-overlay .modal-container {
max-width: 98vw;
}
}
.modal .modal-overlay .modal-container.loaded {
opacity: 1;
transform: scale(1);
}
@media only screen and (max-width: 820px) {
.modal .modal-overlay .modal-container.comparison-products {
max-width: 98vw;
}
}
.modal .modal-overlay .modal-container.nopad {
display: flex;
padding: 0;
}
.modal .modal-overlay .modal-container .modal-content {
background: var(--white);
border: 1px solid;
margin: var(--master_spacing);
padding: calc(var(--master_spacing) * 2);
scrollbar-color: var(--line_color) var(--white);
scrollbar-width: thin;
text-align: left;
}
.modal .modal-overlay .modal-container .modal-content ::-webkit-scrollbar {
-webkit-appearance: none;
width: 14px;
}
.modal .modal-overlay .modal-container .modal-content ::-webkit-scrollbar-thumb {
border: 2px solid var(--white);
background-color: var(--line_color);
}
.modal .modal-overlay .modal-container .modal-content.nopad {
display: flex;
padding: 0;
}
.modal .modal-overlay .modal-container .modal-content.text-center {
text-align: center;
}
.modal .modal-overlay .modal-container .modal-content .youtube-container {
margin: 0;
width: 100%;
}
.modal .modal-overlay .modal-container .modal-content .page-content {
float: none;
}
.modal .modal-overlay .modal-container .modal-content .page-content *:last-child {
margin-bottom: 0;
padding-bottom: 0;
}
.modal-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;
}
.modal-close svg path {
stroke: var(--white);
}
.modal-close:after {
content: var(--times_w);
position: absolute;
top: 50%;
left: 50%;
width: 24px;
height: 24px;
transform: translate(-50%, -50%);
transition: background-color .25s;
box-sizing: border-box;
z-index: 2;
}
.modal-close:hover {
background: var(--hover_button_color);
}
.customer-links .modal-close,
.search-form .modal-close,
.cart-info .modal-close {
background: var(--white);
height: calc(var(--master_spacing) * 1.5);
}
.customer-links .modal-close.hidden,
.search-form .modal-close.hidden,
.cart-info .modal-close.hidden {
display: none;
}
.customer-links .modal-close:after,
.search-form .modal-close:after,
.cart-info .modal-close:after {
content: var(--times_g);
}
.customer-links .modal-close:hover:after,
.search-form .modal-close:hover:after,
.cart-info .modal-close:hover:after {
content: var(--times_r);
}
.static-search .modal-close {
right: 0;
top: 50%;
transform: translate(0, -50%);
}
.cart-info .modal-close {
right: calc(var(--master_spacing) / 2);
top: 0;
transform: none;
}
body.modal-active {
overflow: hidden !important;
}
body.modal-active:not(.true-mobile) {
margin-right: 17px;
}
.modal-active {
height: auto;
}
#shopify-payment-terms-cover {
z-index: 9999999 !important;
}
.loader {
animation: loader-rotate 1s linear infinite;
background: transparent;
border: 2px solid var(--button_color_25);
border-bottom-color: var(--button_color);
border-radius: 50%;
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;
padding: 0;
position: absolute;
top: 50%;
width: calc(var(--master_spacing) * 2.5);
z-index: 999;
}
.glider .product:not(.ignore) .product-thumb,
.glider.thumbnails .image,
.glider .product,
.glider .glider-slide[data-glider="unloaded"] {
opacity: 0.001;
filter: alpha(opacity=0.1);
visibility: hidden;
}
.glider .product.visible .product-thumb,
.glider.thumbnails.loaded .image,
.glider.loaded .product {
transition: all 0.5s ease 0s;
opacity: 1;
visibility: visible;
}
.glider-contain {
direction: ltr;
margin: 0 auto;
overflow: hidden;
position: relative;
width: 100%;
}
.glider {
margin: 0 calc(-1 * var(--master_spacing) / 2);
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: none;
position: relative;
transform: translateZ(0);
scrollbar-width: none;
-ms-overflow-style: none;
}
.glider .image,
.glider .product {
flex: none;
}
.glider.thumbnails {
margin: 0 calc(-1 * var(--master_spacing) / 2) var(--master_spacing);
padding: 2px 0;
}
.glider.slideshow {
margin: 0;
}
.glider:not(.slideshow):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%;
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;
padding: 0;
position: absolute;
top: 50%;
width: calc(var(--master_spacing) * 2.5);
z-index: 999;
}
.glider.loaded:after,
.no-js .glider:after {
display: none;
}
.glider.load {
/* @include opacity-0; */
opacity: 0.01;
}
.glider::-webkit-scrollbar {
display: none;
}
.glider-track {
display: flex;
margin: 0 auto;
min-width: 100%;
padding: 0;
transform: translateZ(0);
width: 100%;
z-index: 1;
}
.glider-track.loaded {
transition: all 0.125s ease 0s;
backface-visibility: hidden;
}
.glider-track.center {
justify-content: center;
}
.glider-track.slideshow {
flex-wrap: wrap;
}
.glider-track.product-tabs {
margin: 0 0 1px;
}
.glider-track .product {
margin: 0;
padding-top: calc(var(--master_spacing) / 2);
}
.glider-track.product-tabs, .glider-track.glider-tabs {
align-items: stretch;
}
.glider.draggable {
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(.image) 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 {
/*height:0;*/
user-select: none;
justify-content: center;
align-content: center;
/*width: 100%;*/;
}
.glider-slide.visible {
height: auto;
}
.glider-slide.hidden.center {
display: block;
}
.glider-slide.center {
margin: 0;
}
.glider-slide img {
max-width: 100%;
}
.slideshow .glider-slide {
height: 0;
width: 100%;
}
.slideshow .glider-slide.visible {
height: auto;
}
.glider-button-prev,
.glider-button-next {
background: none;
position: absolute;
top: 50%;
padding: calc(var(--master_spacing) / 2);
transform: translate(0, -50%);
transition: all 0.25s ease 0s;
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;
transform: translate(0, 0);
}
.glider-button-prev.disabled,
.glider-button-next.disabled {
cursor: auto;
opacity: 0.01;
pointer-events: none;
}
.glider-button-prev.disabled.thumbs,
.glider-button-next.disabled.thumbs {
opacity: 0.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%;
}
.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;
}
.glider-dots {
user-select: none;
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 0 auto;
padding: 0;
}
.glider-dot {
border: 0;
padding: 0;
user-select: none;
display: block;
cursor: pointer;
background: none;
width: 44px;
height: 44px;
opacity: 0.50;
position: relative;
}
.glider-dot:before {
border: 2px solid var(--white);
border-radius: 100%;
content: ' ';
position: absolute;
top: 50%;
left: 50%;
width: 20px;
height: 20px;
transform: translate(-50%, -50%);
transition: background-color .25s;
box-sizing: border-box;
z-index: 2;
}
.glider-dot:after {
border-radius: 100%;
content: ' ';
position: absolute;
top: 50%;
left: 50%;
width: 12px;
height: 12px;
transform: translate(-50%, -50%);
transition: background-color .25s;
box-sizing: border-box;
z-index: 2;
}
.glider-dot:hover, .glider-dot:focus-visible {
opacity: 1;
}
.glider-dot.active:after {
background: var(--white);
}
.wrap {
width: 95%;
max-width: 540px;
margin: 0 auto;
}
.wrap:after {
content: '';
display: table;
clear: both;
}
.animate-section {
clear: both;
}
.animate-section.animate-section-margin {
margin-bottom: calc(-1 * var(--master_spacing));
padding-bottom: var(--master_spacing);
}
.animate-section .animate {
position: relative;
/*z-index:9;*/;
}
.animate-section .animate.animate-search {
z-index: 99;
}
.animate-section .animate.animate-button {
z-index: 8;
}
.animate-section.load .animate {
-webkit-transform: translateY(0px);
transform: translateY(0px);
-webkit-animation: slideup 1s ease;
animation: slideup 1s ease;
opacity: 1;
}
.animate-section.load .animate.animate-loop-0:not(.animate-filter) {
-webkit-transition: transform 1s ease;
transition: transform 1s ease;
}
.animate-section.load .animate.animate-loop-1:not(.animate-filter) {
-webkit-transition: transform 1.2s ease;
transition: transform 1.2s ease;
}
.animate-section.load .animate.animate-loop-2:not(.animate-filter) {
-webkit-transition: transform 1.4s ease;
transition: transform 1.4s ease;
}
.animate-section.load .animate.animate-loop-3:not(.animate-filter) {
-webkit-transition: transform 1.6s ease;
transition: transform 1.6s ease;
}
.animate-section.load .animate.animate-loop-4:not(.animate-filter), .animate-section.load .animate.animate-loop-5, .animate-section.load .animate.animate-loop-6, .animate-section.load .animate.animate-loop-7, .animate-section.load .animate.animate-loop-8, .animate-section.load .animate.animate-loop-9, .animate-section.load .animate.animate-loop-10, .animate-section.load .animate.animate-loop-11, .animate-section.load .animate.animate-loop-12, .animate-section.load .animate.animate-loop-13, .animate-section.load .animate.animate-loop-14, .animate-section.load .animate.animate-loop-15 {
-webkit-transition: transform 1.8s ease;
transition: transform 1.8s ease;
}
.animate-section:not(.load) .animate {
-webkit-transform: translateY(60px);
transform: translateY(60px);
-webkit-transition: opacity 1s,transform 1s ease;
transition: opacity 1s,transform 1s ease;
opacity: 0;
}
.animate-section.up .animate {
-webkit-transform: translateY(-60px);
transform: translateY(-60px);
}
.animate-section.go .animate {
-webkit-transform: translateY(0px);
transform: translateY(0px);
opacity: 1;
}
.animate-section.go .animate.animate-loop-0:not(.animate-filter) {
-webkit-transition: transform 1s ease;
transition: transform 1s ease;
}
.animate-section.go .animate.animate-loop-1:not(.animate-filter) {
-webkit-transition: transform 1.2s ease;
transition: transform 1.2s ease;
}
.animate-section.go .animate.animate-loop-2:not(.animate-filter) {
-webkit-transition: transform 1.4s ease;
transition: transform 1.4s ease;
}
.animate-section.go .animate.animate-loop-3:not(.animate-filter) {
-webkit-transition: transform 1.6s ease;
transition: transform 1.6s ease;
}
.animate-section.go .animate.animate-loop-4:not(.animate-filter), .animate-section.go .animate.animate-loop-5, .animate-section.go .animate.animate-loop-6, .animate-section.go .animate.animate-loop-7, .animate-section.go .animate.animate-loop-8, .animate-section.go .animate.animate-loop-9, .animate-section.go .animate.animate-loop-10, .animate-section.go .animate.animate-loop-11, .animate-section.go .animate.animate-loop-12, .animate-section.go .animate.animate-loop-13, .animate-section.go .animate.animate-loop-14, .animate-section.go .animate.animate-loop-15 {
-webkit-transition: transform 1.8s ease;
transition: transform 1.8s ease;
}
.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,
.animate-section.filter-loaded{
z-index: 99;
}
.animate-section.loaded .animate,
.animate-section.filter-loaded .animate {
-webkit-transform: none;
transform: 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(/cdn/s/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(/cdn/s/assets/themes_support/gift-card/corner-top-left-cc5e5fa342669b3ea989527fbbd6439b8adb3b6dedcb198e79cdd8d6776012c5.svg) 0 0 no-repeat;
}
.no-borderradius #gift-card-holder .corner.top-left {
background: url(/cdn/s/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(/cdn/s/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(/cdn/s/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(/cdn/s/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;
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.absolute {
position: absolute;
}
.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;
transition: opacity 0.3s ease-in-out;
}
.action-link .ico-16:hover, .action-link .ico-16:focus {
opacity: 0.50;
}
.ico-16.print {
background-image: url(/cdn/s/assets/themes_support/gift-card/icon-print-cf28b8511c10e7aab79a5c4111a6d6a81a5944ae0b2e9b79cfc2d64df762d977.png);
}
@media print {
#shopify-section-header,
#shopify-section-footer {
display: none;
}
@ 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;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.placeholder-svg-background.with-height {
height: 50vh;
}
@-webkit-keyframes fadein {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadein {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes fadeout {
100% {
opacity: 1;
}
0% {
opacity: 0;
}
}
@keyframes fadeout {
100% {
opacity: 1;
}
0% {
opacity: 0;
}
}
@-webkit-keyframes appear-down {
0% {
opacity: 0;
margin-top: -1rem;
}
100% {
opacity: 1;
margin-top: 0;
}
}
@keyframes appear-down {
0% {
opacity: 0;
margin-top: -1rem;
}
100% {
opacity: 1;
margin-top: 0;
}
}
@-webkit-keyframes slideup {
0% {
opacity: 0;
-webkit-transform: translateY(60px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@keyframes slideup {
0% {
opacity: 0;
-webkit-transform: translateY(60px);
}
60% {
opacity: 1;
}
100% {
-webkit-transform: translateY(0);
}
}
@-webkit-keyframes popup {
0% {
opacity: 0;
-webkit-transform: translateY(30px);
}
60% {
opacity: 1;
}
100% {
-webkit-transform: translateY(0);
}
}
@keyframes popup {
0% {
opacity: 0;
-webkit-transform: translateY(30px);
}
60% {
opacity: 1;
}
100% {
-webkit-transform: translateY(0);
}
}
@-webkit-keyframes container-slide {
0% {
opacity: 0;
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(0deg);
}
}
@keyframes container-slide {
0% {
opacity: 0;
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(0deg);
}
}