/** Shopify CDN: Minification failed
Line 15355:17 Expected identifier but found "!"
Line 15384:17 Expected identifier but found "!"
Line 15413:17 Expected identifier but found "!"
Line 15442:17 Expected identifier but found "!"
Line 15471:17 Expected identifier but found "!"
Line 16096:16 Expected ":"
Line 16096:18 Expected identifier but found "-0.015625rem"
Line 16110:16 Expected ":"
Line 16110:18 Expected identifier but found "-0.003125rem"
Line 16193:16 Expected ":"
... and 3 more hidden warnings
**/
@charset "UTF-8";
/*
File structure:
[Assign user-editable variables in liquid]
[Assign settings variables in liquid]
[Assign variables in scss]
*/
/* Store availability variables */
/* Shopify Fonts */
@font-face {
font-family: Helvetica;
font-weight: 400;
font-style: normal;
font-display: fallback;
src: url("//urbnique.com/cdn/fonts/helvetica/helvetica_n4.d69105cb90210426151dd10f163649fe91cd9f9a.woff2?h1=OTVlZWYzLTQuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bWlsbGktYmlsbGkuY29t&h3=dXJibmlxdWUuY29t&hmac=c25c4ac6182ebe017d59d5d0e3d99173f861141c70119c80492758a5630b593f") format("woff2"),
url("//urbnique.com/cdn/fonts/helvetica/helvetica_n4.055900bab399f46841ccc0b135a986963b38d520.woff?h1=OTVlZWYzLTQuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bWlsbGktYmlsbGkuY29t&h3=dXJibmlxdWUuY29t&hmac=14de4457dd04260584b0155f8bc9437abbdeb280ba8c891625d3ed7ec7d4c34a") format("woff");
}
@font-face {
font-family: Helvetica;
font-weight: 700;
font-style: normal;
font-display: fallback;
src: url("//urbnique.com/cdn/fonts/helvetica/helvetica_n7.6173cb1dda8a2052781a4d18ba96fa162e18ab2c.woff2?h1=OTVlZWYzLTQuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bWlsbGktYmlsbGkuY29t&h3=dXJibmlxdWUuY29t&hmac=310e8a48a2ad474a8dfd313029df2ed6adddbc60f764a27d017929e2ed423283") format("woff2"),
url("//urbnique.com/cdn/fonts/helvetica/helvetica_n7.1799c26d0e620d460114da9415d931b10c7e4f22.woff?h1=OTVlZWYzLTQuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bWlsbGktYmlsbGkuY29t&h3=dXJibmlxdWUuY29t&hmac=966f3a64d8a4095049d90d0f639a367e2fefee70e848085ce05599a70dc6b3d4") format("woff");
}
@font-face {
font-family: Helvetica;
font-weight: 400;
font-style: oblique;
font-display: fallback;
src: url("//urbnique.com/cdn/fonts/helvetica/helvetica_o4.ac6519122d10a0c9bf7713055e12e5b753c76776.woff2?h1=OTVlZWYzLTQuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bWlsbGktYmlsbGkuY29t&h3=dXJibmlxdWUuY29t&hmac=eb0bbcb9a19d1dba14ae50d2ab688695954df7c4d387979bf9b0e072b41ba695") format("woff2"),
url("//urbnique.com/cdn/fonts/helvetica/helvetica_o4.9fec29a3c00ae40898ee820b2f8502ce5d83d27d.woff?h1=OTVlZWYzLTQuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bWlsbGktYmlsbGkuY29t&h3=dXJibmlxdWUuY29t&hmac=8483c8fb1b170aaf4caa2249df1c9da7a52874b928b1444fd21629996897a22d") format("woff");
}
@font-face {
font-family: Helvetica;
font-weight: 700;
font-style: oblique;
font-display: fallback;
src: url("//urbnique.com/cdn/fonts/helvetica/helvetica_o7.697f4dd542c5a9119af7816239a9ebf738d6dde6.woff2?h1=OTVlZWYzLTQuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bWlsbGktYmlsbGkuY29t&h3=dXJibmlxdWUuY29t&hmac=cd360543729a5d01d867a734475577c3c1cdf588389021c3878d323f8a200fab") format("woff2"),
url("//urbnique.com/cdn/fonts/helvetica/helvetica_o7.fcb4b4b404bfa8c3792f0c91650e21d5e574db74.woff?h1=OTVlZWYzLTQuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bWlsbGktYmlsbGkuY29t&h3=dXJibmlxdWUuY29t&hmac=ff00400c8583c47611911cb8e40d23864fb636db3abec1af84446a33b5664a5f") format("woff");
}
@font-face {
font-family: Helvetica;
font-weight: 700;
font-style: normal;
font-display: fallback;
src: url("//urbnique.com/cdn/fonts/helvetica/helvetica_n7.6173cb1dda8a2052781a4d18ba96fa162e18ab2c.woff2?h1=OTVlZWYzLTQuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bWlsbGktYmlsbGkuY29t&h3=dXJibmlxdWUuY29t&hmac=310e8a48a2ad474a8dfd313029df2ed6adddbc60f764a27d017929e2ed423283") format("woff2"),
url("//urbnique.com/cdn/fonts/helvetica/helvetica_n7.1799c26d0e620d460114da9415d931b10c7e4f22.woff?h1=OTVlZWYzLTQuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bWlsbGktYmlsbGkuY29t&h3=dXJibmlxdWUuY29t&hmac=966f3a64d8a4095049d90d0f639a367e2fefee70e848085ce05599a70dc6b3d4") format("woff");
}
@font-face {
font-family: Helvetica;
font-weight: 400;
font-style: normal;
font-display: fallback;
src: url("//urbnique.com/cdn/fonts/helvetica/helvetica_n4.d69105cb90210426151dd10f163649fe91cd9f9a.woff2?h1=OTVlZWYzLTQuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bWlsbGktYmlsbGkuY29t&h3=dXJibmlxdWUuY29t&hmac=c25c4ac6182ebe017d59d5d0e3d99173f861141c70119c80492758a5630b593f") format("woff2"),
url("//urbnique.com/cdn/fonts/helvetica/helvetica_n4.055900bab399f46841ccc0b135a986963b38d520.woff?h1=OTVlZWYzLTQuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bWlsbGktYmlsbGkuY29t&h3=dXJibmlxdWUuY29t&hmac=14de4457dd04260584b0155f8bc9437abbdeb280ba8c891625d3ed7ec7d4c34a") format("woff");
}
@font-face {
font-family: Helvetica;
font-weight: 400;
font-style: normal;
font-display: fallback;
src: url("//urbnique.com/cdn/fonts/helvetica/helvetica_n4.d69105cb90210426151dd10f163649fe91cd9f9a.woff2?h1=OTVlZWYzLTQuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bWlsbGktYmlsbGkuY29t&h3=dXJibmlxdWUuY29t&hmac=c25c4ac6182ebe017d59d5d0e3d99173f861141c70119c80492758a5630b593f") format("woff2"),
url("//urbnique.com/cdn/fonts/helvetica/helvetica_n4.055900bab399f46841ccc0b135a986963b38d520.woff?h1=OTVlZWYzLTQuYWNjb3VudC5teXNob3BpZnkuY29t&h2=bWlsbGktYmlsbGkuY29t&h3=dXJibmlxdWUuY29t&hmac=14de4457dd04260584b0155f8bc9437abbdeb280ba8c891625d3ed7ec7d4c34a") format("woff");
}
/**
* Label must come directly after input and be a separate element (not wrapped around input)
*
* Checkbox example
* ================
* Markup:
*
*
*
* CSS:
* @include cc-custom-checkbox();
*
*
* Radio button group example
* ==========================
* Markup:
*
*
* CSS:
* @include cc-custom-radio();
*/
@font-face {
font-family: icons;
src: url(https://cdn.shopify.com/s/files/1/0551/0656/8351/files/icons.eot) format("embedded-opentype"),
url(https://cdn.shopify.com/s/files/1/0551/0656/8351/files/icons.woff2) format("woff2"),
url(https://cdn.shopify.com/s/files/1/0551/0656/8351/files/icons.woff) format("woff");
}
.no-js .no-js-hidden {
display: none !important;
}
@media (max-width: 767.98px) {
.md-down-hidden {
display: none !important;
}
}
@media (min-width: 768px) {
.md-up-hidden {
display: none !important;
}
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type=number] {
-moz-appearance: textfield;
}
.cc-filters-control {
display: flex;
justify-content: space-between;
/* margin-bottom: 15px; */
margin-bottom: 0px;
align-items: center;
}
.c-filters__icon {
/* font-size: 9px; */
font-size: 8px;
line-height: 10px;
}
.c-filters__icon:before {
vertical-align: initial !important;
}
.cc-filters-control__btn {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
/* padding: 13px 15px; */
padding: 3px 6px;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 3px;
background: none;
line-height: 1.5;
}
.cc-filters-control__btn:first-child:not(:last-child), .cc-filters-control__btn:last-child:not(:first-child) {
width: calc(50% - 10px);
}
.cc-filters-control__btn.has-active-filters,
.cc-filter__toggle.has-active-filters {
border-color: #000000;
}
.cc-filters-container svg,
.cc-active-filter > svg {
color: rgb(51, 51, 51);
pointer-events: none;
}
.cc-filters,
.cc-filter__panel {
z-index: 1;
background: #fff;
}
.cc-filters__header,
.cc-filter__header {
display: flex;
align-items: center;
position: relative;
padding: 20px;
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
/* .cc-filter li:not(:last-child) {
padding-bottom: 1.25em;
} */
.cc-filter li {
/* margin-bottom: 1.25em; */
padding-bottom: 1.25em;
}
.cc-filter label {
display: flex;
align-items: flex-start;
width: 100%;
}
.cc-filter label::before {
/* border-color: #383838; */
border-color: #000;
}
.cc-filter .radio + label::before,
.cc-filter .checkbox + label::before {
border-color: rgba(0, 0, 0, 0.15);
}
.cc-filter .radio:checked + label::after,
.cc-filter .checkbox:checked + label::before {
/* border-color: #383838;
background-color: #383838; */
border-color: #000;
background-color: #000;
}
.cc-filter .checkbox:checked + label::after {
border-color: #fff;
}
.cc-filter-heading {
flex: 1 1 auto;
padding: 0 3.2em;
font-size: 1.25em;
font-weight: 700;
text-align: center;
}
.cc-filter-close-btn,
.cc-filter-back-btn {
position: absolute;
left: 4px;
min-width: 0;
padding: 11px;
border: 0;
background: none;
line-height: 1.3;
}
.cc-filter-label {
/* flex: 1 1 auto; */
cursor: pointer;
}
.cc-filter__toggle {
display: block;
position: relative;
background: right 10px center no-repeat;
text-align: left;
cursor: pointer;
font-size: 11px;
line-height: 14px;
}
.cc-filter__toggle::-webkit-details-marker {
display: none;
}
.cc-filter__toggle::after {
content: "";
position: absolute;
/* top: calc(50% - 8px);
right: 13px;
width: 16px;
height: 16px; */
top: calc(50% - 4px);
right: 8px;
width: 8px;
height: 8px;
background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' stroke='rgb(51, 51, 51)' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") no-repeat center;
}
.cc-filter__toggle > span {
pointer-events: none;
}
.cc-filter__content {
padding: 20px;
}
.cc-filters__footer,
.cc-filter__footer {
z-index: 10;
border-top: 1px solid rgba(0, 0, 0, 0.15);
padding: 15px 20px;
background: #fff;
}
.cc-filters__footer .btn,
.cc-filter__footer .btn {
width: 100%;
}
.cc-filters__footer {
position: absolute;
top: 100%;
width: 100%;
}
.swatch-input {
position: absolute;
z-index: -1;
opacity: 0;
}
.swatch-input:checked + .swatch-label .swatch-sample {
border-color: #000000;
}
.swatch-input[disabled] + label {
opacity: 0.5;
}
.swatch-sample {
flex-shrink: 0;
position: relative;
width: 18px;
height: 18px;
margin-top: calc(0.75em - 9px);
margin-right: 0.625em;
border-radius: 50%;
background: no-repeat center/100%;
}
.cc-sort-label {
display: block;
font-size: 0.75rem;
line-height: 1.6;
opacity: 0.6;
}
.cc-sort-selected {
display: block;
line-height: 1.3;
white-space: nowrap;
}
.cc-active-filters {
margin-bottom: 20px;
}
.cc-active-filters__items {
display: flex;
flex-shrink: 0;
padding: 0 20px;
}
.cc-active-filter,
.cc-active-filter-reset {
margin-right: 8px;
padding: 6px 12px;
transition: background-color 0.25s ease;
border-radius: 3px;
color: #000000;
text-decoration: none;
white-space: nowrap;
}
.cc-active-filter {
display: flex;
align-items: center;
background: #ebebeb;
}
.cc-active-filter:last-child {
margin-right: 0;
}
.cc-active-filter:hover {
background: #dedede;
}
.cc-active-filter > svg {
width: 16px;
height: 16px;
margin: 0 -3px 0 6px;
fill: #000000;
stroke: #000000;
}
.cc-active-filter-reset {
background: #d9d9d9;
}
.cc-active-filter-reset:hover {
background: #cccccc;
}
.swatch-input:focus + .swatch-label .swatch-sample {
outline: auto;
}
.swatch-input:focus-visible + .swatch-label .swatch-sample {
outline: auto Highlight;
outline: auto -webkit-focus-ring-color;
}
.swatch-input:focus:not(:focus-visible) + .swatch-label .swatch-sample {
outline: 0;
}
.cc-price-range__inputs {
display: flex;
align-items: center;
margin-top: 10px;
}
.cc-price-range__input-container {
flex: 1 1 auto;
position: relative;
}
.cc-price-range__input-separator {
margin: 0 6px;
}
.cc-price-range__input-currency {
position: absolute;
top: calc(50% - 0.5em);
left: 1px;
width: calc(13px + 1em);
font-size: 16px;
line-height: 1em;
text-align: right;
}
.cc-price-range__input {
width: 100%;
height: auto;
margin: 0;
padding-right: 16px;
padding-left: calc(16px + 1em);
border-color: rgba(0, 0, 0, 0.15);
background: #fff;
color: inherit;
font-size: 16px;
}
.cc-price-range__input::placeholder {
color: rgba(56, 56, 56, 0.5);
}
.cc-price-range__bar {
position: relative;
height: 2px;
margin: 35px 10px 20px 12px;
}
.cc-price-range__bar-inactive {
height: 100%;
opacity: 0.2;
background: #383838;
}
.cc-price-range__bar-active {
position: absolute;
top: 0;
right: 0;
left: 0;
height: 100%;
background: #383838;
}
.cc-price-range__control {
position: absolute;
top: -21px;
left: 0;
width: 44px;
height: 44px;
margin-left: -23px;
padding: 11px;
cursor: grab;
}
.cc-price-range__control::after {
content: "";
display: block;
width: 22px;
height: 22px;
transition: 0.3s ease-out;
transition-property: transform, box-shadow;
border: 2px solid #383838;
border-radius: 22px;
background: #fff;
}
.cc-price-range__control:hover::after {
transform: scale(1.08);
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15);
}
.cc-filters-results {
transition: opacity 0.5s ease;
}
.cc-filters-results.is-loading {
opacity: 0.5;
}
.cc-filters-results__summary {
margin: 0;
opacity: 0.7;
text-align: center;
}
@media (max-width: 767.98px) {
.filters-open {
overflow: hidden;
}
.cc-filters-container {
position: fixed;
z-index: 100;
top: 0;
left: 100%;
width: 100%;
height: 100%;
background: #fff;
}
.filters-open .cc-filters-container {
transform: translate3d(-100%, 0, 0);
}
.cc-filters-container,
.cc-filters,
.cc-filter__panel {
display: flex;
flex-direction: column;
color: #383838;
}
.cc-filters {
position: relative;
width: 100%;
height: 100%;
transition: height 0.2s ease;
}
.cc-filters__items,
.cc-filter__content {
flex: 1 1 auto;
overflow: auto;
}
.cc-filters__items {
margin-bottom: -1px;
padding: 0 20px;
}
.cc-filter--sort,
.cc-filter__panel {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
background: #fff;
}
.cc-filters-container,
.cc-filter__panel {
transition: transform 0.3s cubic-bezier(0.78, 0.13, 0.15, 0.85);
}
.cc-filter:not(.cc-filter--sort) {
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.cc-filter__toggle {
padding: 16px 35px 16px 0;
border: 0;
}
.cc-filter__toggle::after {
right: -4px;
transform: rotate(-90deg);
}
.cc-filters .cc-filter__panel {
left: 100%;
transition-delay: 0.3s;
}
.filters-open .cc-filters .cc-filter__panel {
transition-delay: 0s;
}
.cc-filters .cc-filter.is-open .cc-filter__panel {
transform: translate3d(-100%, 0, 0);
}
.cc-filter-clear-btn {
position: absolute;
right: 20px;
}
.cc-filter--sort {
visibility: hidden;
transition: visibility 0s 0.3s;
}
.cc-filter--sort.is-open {
visibility: visible;
transition: none;
}
.cc-active-filters {
overflow: hidden;
width: 100vw;
margin-left: calc(50% - 50vw);
}
.cc-active-filters__scroller {
display: flex;
margin-bottom: -30px;
padding-bottom: 30px;
overflow: auto;
}
.cc-price-range {
padding: 20px 0;
}
}
@media (min-width: 768px) {
.cc-filters-container {
display: flex;
align-items: flex-start;
}
.no-js .cc-filters-container {
display: block;
}
.cc-filters {
background: none;
}
.no-js .cc-filters {
display: inline-block;
vertical-align: top;
}
.cc-filters__items {
display: flex;
flex-wrap: wrap;
}
.js .cc-filters__items {
margin-bottom: -15px;
}
.cc-filter {
position: relative;
margin: 0 15px 15px 0;
}
.js .cc-filter.cc-filter--sort {
/* margin: 0 0 0 auto; */
margin: 30px 0 0 auto;
}
.no-js .cc-filter.cc-filter--sort {
display: inline-block;
}
/* .cc-filter li:not(:last-child) {
padding-bottom: 0.6em;
} */
.cc-filter li {
/* margin-bottom: 0.75em; */
/* margin-bottom: 0.6em; */
padding-bottom: 0.6em;
}
.cc-filter__toggle {
min-width: 9em;
/* padding: 12px 45px 12px 15px; */
padding: 8px 24px 8px 12px;
border: 1px solid rgba(0, 0, 0, 0.15);
/* border-radius: 3px; */
background: right 10px center no-repeat;
}
.cc-filter--sort .cc-filter__toggle {
min-width: 11.7em;
/* padding: 5px 45px 5px 15px; */
padding: 2px 24px 2px 12px;
}
.cc-filter.is-open .cc-filter__toggle::after, .no-js .cc-filter[open] .cc-filter__toggle::after {
transform: scaleY(-1);
}
.cc-filter__panel {
position: absolute;
top: calc(100% + 10px);
left: 0;
width: 340px;
transition: transform 0.2s ease-out, opacity 0.2s ease-out;
transform: translate3d(0, -10px, 0);
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
border-radius: 3px;
color: #383838;
opacity: 0;
overflow: hidden;
}
.js .cc-filter--sort .cc-filter__panel {
right: 0;
left: auto;
}
.is-open .cc-filter__panel, .no-js .cc-filter[open] .cc-filter__panel {
opacity: 1;
transform: translate3d(0, 0, 0);
}
.cc-filter__header {
justify-content: space-between;
padding: 15px 20px;
}
.cc-filter-clear-btn {
margin-left: auto;
}
.cc-filter__content {
position: relative;
max-height: 15em;
padding: 20px;
overflow: auto;
}
.cc-filter--sort .cc-filter__content {
max-height: none;
}
.cc-active-filters__items {
flex-wrap: wrap;
margin: 15px -8px -8px 0;
padding: 0;
}
.cc-active-filter,
.cc-active-filter-reset {
margin-bottom: 8px;
}
.cc-filters-results__summary {
margin: 25px 0 -10px;
}
.no-js-apply-filters {
display: inline-block;
vertical-align: top;
}
}
gift-card-recipient {
display: block;
padding-top: 8px;
padding-bottom: 8px;
}
.cc-gift-card-recipient__fields {
text-align: left;
display: none;
}
.cc-gift-card-recipient__checkbox:checked ~ .cc-gift-card-recipient__fields {
max-height: 480px;
display: block;
}
.cc-gift-card-recipient__checkbox:checked ~ .cc-gift-card-recipient__checkbox-container .cc-gift-card-recipient__label::after {
opacity: 1;
transform: rotate(45deg) scale(1);
}
.cc-gift-card-recipient .cc-gift-card-recipient__checkbox-container {
display: inline;
margin-bottom: 0px;
margin-left: 8px;
}
.no-js .cc-gift-card-recipient__fields {
opacity: 1;
max-height: unset;
}
.no-js .cc-gift-card-recipient__checkbox,
.no-js .cc-gift-card-recipient__checkbox-container {
display: none;
}
.cc-modal-window {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9000;
}
.cc-modal-window__background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0.2;
cursor: pointer;
z-index: 1;
}
.cc-modal-window__foreground {
position: relative;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
pointer-events: none;
z-index: 2;
}
.cc-modal-window__close {
position: absolute;
top: 0;
right: 0;
background: transparent;
border: none;
color: inherit;
box-shadow: none;
cursor: pointer;
padding: 15px;
border-radius: 0;
transition: none;
}
.cc-modal-window__close:hover {
background: transparent;
border: none;
color: inherit;
box-shadow: none;
}
.cc-modal-window__close svg {
stroke-width: 2;
}
.cc-modal-window__content-container {
position: relative;
overflow: auto;
width: 800px;
max-width: calc(100vw - 30px);
max-height: 80vh;
background: #fff;
box-shadow: 0 1px 50px -20px #000;
border-radius: 0px;
pointer-events: auto;
}
@media (min-width: 768px) {
.cc-modal-window__content-container {
max-width: 90vw;
}
}
@media (min-width: 960px) {
.cc-modal-window__content-container {
max-width: 80vw;
}
}
.cc-modal-window--size-small .cc-modal-window__content-container {
width: 500px;
}
.cc-modal-window__content {
margin: 60px 20px 20px;
}
@media (min-width: 768px) {
.cc-modal-window__content {
margin: 60px 40px 40px;
}
}
.cc-modal-window--closing {
visibility: hidden;
}
.cc-modal-visible {
overflow: hidden;
}
body.cc-popup-no-scroll {
overflow: hidden;
}
.popup-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll;
pointer-events: none;
}
.cc-popup {
position: fixed;
display: flex;
height: 100%;
width: 100%;
top: 0;
left: 0;
z-index: 997;
transition: opacity 0.15s, visibility 0.15s;
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.cc-popup.cc-popup--center {
justify-content: center;
align-items: center;
}
.cc-popup.cc-popup--center .cc-popup-modal {
transform: translate3d(0, 60px, 0);
}
.cc-popup.cc-popup--bottom-left, .cc-popup.cc-popup--bottom-right {
align-items: flex-end;
}
.cc-popup.cc-popup--bottom-left {
justify-content: flex-start;
}
.cc-popup.cc-popup--bottom-left .cc-popup-modal {
transform: translate3d(-60px, 0, 0);
}
[dir=rtl] .cc-popup.cc-popup--bottom-left .cc-popup-modal {
transform: translate3d(60px, 0, 0);
}
.cc-popup.cc-popup--bottom-right {
justify-content: flex-end;
}
.cc-popup.cc-popup--bottom-right .cc-popup-modal {
transform: translate3d(60px, 0, 0);
}
[dir=rtl] .cc-popup.cc-popup--bottom-right .cc-popup-modal {
transform: translate3d(-60px, 0, 0);
}
.cc-popup.cc-popup--left {
justify-content: flex-start;
}
.cc-popup.cc-popup--left .cc-popup-modal {
transform: translate3d(-60px, 0, 0);
width: 100%;
min-width: 0;
overflow: auto;
}
[dir=rtl] .cc-popup.cc-popup--left .cc-popup-modal {
transform: translate3d(60px, 0, 0);
}
@media (min-width: 768px) {
.cc-popup.cc-popup--left .cc-popup-modal {
width: 400px;
}
}
.cc-popup.cc-popup--right {
justify-content: flex-end;
}
.cc-popup.cc-popup--right .cc-popup-modal {
transform: translate3d(60px, 0, 0);
width: 100%;
min-width: 0;
overflow: auto;
}
[dir=rtl] .cc-popup.cc-popup--right .cc-popup-modal {
transform: translate3d(-60px, 0, 0);
}
@media (min-width: 768px) {
.cc-popup.cc-popup--right .cc-popup-modal {
width: 400px;
}
}
.cc-popup.cc-popup--visible {
visibility: visible;
opacity: 1;
pointer-events: auto;
}
.cc-popup.cc-popup--visible .cc-popup-modal {
transform: translate3d(0, 0, 0);
}
[dir=rtl] .cc-popup.cc-popup--visible .cc-popup-modal {
transform: translate3d(0, 0, 0);
}
.cc-popup .cc-popup-background {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.3);
z-index: 998;
}
.cc-popup .cc-popup-modal {
position: relative;
z-index: 999;
transition: transform 0.25s;
overflow: hidden;
background-color: #ffffff;
color: #222;
}
.cc-popup .cc-popup-container {
display: flex;
}
.cc-popup .cc-popup-container .cc-popup-title {
color: #222;
}
.cc-popup .cc-popup-close {
position: absolute;
right: 3px;
top: 3px;
width: 44px;
height: 44px;
padding: 7px;
min-width: auto;
background-color: transparent;
border: none;
box-shadow: none;
}
.cc-popup .cc-popup-close svg {
stroke: #222;
stroke-width: 2px;
}
[dir=rtl] .cc-popup .cc-popup-close {
left: 3px;
right: auto;
}
.cc-popup .cc-popup-image .rimage-background {
height: 100%;
}
.cc-popup .cc-popup-column {
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
.cc-rating {
display: inline-block;
margin: 0;
font-size: 12px;
line-height: 1.2em;
white-space: nowrap;
vertical-align: middle;
}
.cc-rating-stars {
display: block;
position: relative;
}
.cc-rating-stars--active {
position: absolute;
top: 0;
left: 0;
color: rgb(128, 130, 132);
}
.cc-rating-stars--inactive {
display: block;
color: rgba(128, 130, 132, 0.2);
}
.cc-rating-stars__svg {
width: 1em;
height: 1em;
fill: currentColor;
vertical-align: top;
}
.cc-rating-stars__svg:not(:first-child) {
margin-left: 1px;
}
.cc-rating[data-rating-decimal="0.5"] .cc-rating-stars--active .cc-rating-stars__svg:last-child {
clip-path: polygon(0 0, 52% 0, 52% 100%, 0% 100%);
}
.cc-rating-text {
display: none;
}
.cc-rating-count {
display: inline-block;
margin: 0;
}
.store-availability-container-outer.store-availability-initialized {
transition: height 0.3s;
overflow: hidden;
}
.store-availability-container {
padding: 1em 0;
transition: opacity 0.3s;
}
.store-availability-loading .store-availability-container {
pointer-events: none;
opacity: 0.4;
transition-delay: 0.4s;
}
.payment-and-quantity--buttons-active ~ [data-store-availability-container] .store-availability-container {
padding-bottom: 1.5em;
}
.store-availability-container small {
font-size: 0.85em;
}
.store-availability-container .store-availability-small-text {
margin-bottom: 0.85em;
}
.store-availability-container .store-availability-information {
display: flex;
}
.store-availability-container .store-availability-information .store-availability-icon {
padding-inline-end: 10px;
position: relative;
top: -1px;
}
.store-availability-container .store-availability-information .store-availability-icon svg {
height: 16px;
width: 16px;
}
.store-availability-container .store-availability-information .store-availability-icon.store-availability-icon--available {
color: #108043;
}
.store-availability-container .store-availability-information .store-availability-icon.store-availability-icon--unavailable {
color: #de3618;
}
.store-availability-container .store-availability-information .store-availability-information__stores {
margin-top: 0.5em;
}
.store-availability-container .store-availability-information .store-availability-information__title,
.store-availability-container .store-availability-information .store-availability-information__stores,
.store-availability-container .store-availability-information .store-availability-information__stock {
margin-bottom: 0;
}
.store-availability-container .store-availability-information .store-availability-information__title,
.store-availability-container .store-availability-information .store-availability-information__stock {
margin-top: 0;
}
.store-availability-container .store-availability-information .store-availability-information__title strong {
font-weight: 600;
}
.store-availabilities-modal {
z-index: 99999;
}
.store-availabilities-modal small {
font-size: 0.85em;
}
.store-availabilities-modal .store-availability-small-text {
margin-bottom: 0.85em;
}
.store-availabilities-modal .cc-icon-available {
color: #108043;
}
.store-availabilities-modal .cc-icon-unavailable {
color: #de3618;
}
.store-availabilities-modal .cc-popup-close {
color: #000000 !important;
}
.store-availabilities-modal .cc-popup-close:hover {
color: #000000 !important;
}
.store-availabilities-modal .cc-popup-close svg {
stroke: #000000 !important;
}
.store-availabilities-modal .cc-popup-close svg:hover {
stroke: #000000 !important;
}
.store-availabilities-modal .cc-popup-modal {
background-color: #ffffff;
color: #000000;
}
.store-availabilities-modal .cc-popup-modal .cc-popup-content {
text-align: start;
}
.store-availabilities-modal .cc-popup-modal .cc-popup-content button {
white-space: nowrap;
}
.store-availabilities-modal .cc-popup-modal .cc-popup-content .cc-popup-text {
margin-bottom: 1em;
padding-inline-end: 20px;
}
.store-availabilities-modal .cc-popup-modal .cc-popup-content .cc-popup-text .store-availabilities-modal__product-title {
margin-bottom: 0;
text-align: start;
color: #000000;
}
.store-availabilities-modal .cc-popup-modal .cc-popup-content .store-availability-list__item {
margin-top: 1em;
}
.store-availabilities-modal .cc-popup-modal .cc-popup-content .store-availability-list__item:before {
content: "";
display: inline-block;
background-color: #e7e7e7;
width: 100%;
height: 1px;
margin-bottom: 1em;
margin-top: 0.5em;
}
.store-availabilities-modal .cc-popup-modal .cc-popup-content .store-availability-list__item address {
font-style: normal;
}
.store-availabilities-modal .cc-popup-modal .cc-popup-content .store-availability-list__item a {
color: #c16452;
}
.store-availabilities-modal .cc-popup-modal .cc-popup-content .store-availability-list__item .store-availability-list__location {
display: flex;
}
.store-availabilities-modal .cc-popup-modal .cc-popup-content .store-availability-list__item .store-availability-list__location .store-availability-list__location__text {
flex: 1;
margin-bottom: 0.2em;
}
.store-availabilities-modal .cc-popup-modal .cc-popup-content .store-availability-list__item .store-availability-list__location .store-availability-list__location__text strong {
font-weight: 600;
}
.store-availabilities-modal .cc-popup-modal .cc-popup-content .store-availability-list__item .store-availability-list__location .store-availability-list__location__distance {
visibility: hidden;
opacity: 0;
margin-bottom: 0;
transition: visibility 0.4s, opacity 0.4s;
}
.store-availabilities-modal .cc-popup-modal .cc-popup-content .store-availability-list__item .store-availability-list__location .store-availability-list__location__distance.-in {
opacity: 1;
visibility: visible;
}
.store-availabilities-modal .cc-popup-modal .cc-popup-content .store-availability-list__item .store-availability-list__location .store-availability-list__location__distance svg {
position: relative;
height: 11px;
width: 11px;
}
.store-availabilities-modal .cc-popup-modal .cc-popup-content .store-availability-list__item .store-availability-list__invalid_address svg {
height: 14px;
width: 14px;
}
.store-availabilities-modal .cc-popup-modal .cc-popup-content .store-availability-list__item .cc-icon-available, .store-availabilities-modal .cc-popup-modal .cc-popup-content .store-availability-list__item .cc-icon-unavailable {
display: inline-block;
}
.store-availabilities-modal .cc-popup-modal .cc-popup-content .store-availability-list__item .cc-icon-available svg, .store-availabilities-modal .cc-popup-modal .cc-popup-content .store-availability-list__item .cc-icon-unavailable svg {
height: 13px;
width: 13px;
}
@media (min-width: 768px) {
.store-availabilities-modal .cc-popup-modal .cc-popup-content .store-availability-list__item .store-availability-list__phone--mobile {
display: none;
}
}
.store-availabilities-modal .cc-popup-modal .cc-popup-content .store-availability-list__item .store-availability-list__phone--desktop {
display: none;
}
@media (min-width: 768px) {
.store-availabilities-modal .cc-popup-modal .cc-popup-content .store-availability-list__item .store-availability-list__phone--desktop {
display: block;
}
}
.store-availability-list__phone {
direction: ltr;
}
[dir=rtl] .store-availability-list__phone {
text-align: right;
}
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
(Tweaked for Clean Canvas theme)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 11px;
/* line-height: 14px; */
line-height: 13px;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* CSS cross-browser clear fix - also apply to .block! */
.cf:before, .page-footer__lower:before, .two-input-row:before, .subtotal-row:before, .cf:after, .page-footer__lower:after, .two-input-row:after, .subtotal-row:after,
.block:before, .block:after,
.inner:before, .inner:after {
content: "";
display: table;
}
.cf:after, .page-footer__lower:after, .two-input-row:after, .subtotal-row:after,
.block:after,
.inner:after {
clear: both;
}
.cf, .page-footer__lower, .two-input-row, .subtotal-row,
.block,
.inner {
zoom: 1;
}
/* Remove FF input padding for consistant alignment */
input::-moz-focus-inner,
button::-moz-focus-inner {
border: 0;
padding: 0;
}
/* Remove the odd input formatting from iOS */
button,
input[type=submit],
input[type=button] {
-webkit-appearance: none;
}
/*
* FancyBox - jQuery Plugin
* Simple and fancy lightbox alternative
*
* Examples and documentation at: http://fancybox.net
*
* Copyright (c) 2008 - 2010 Janis Skarnelis
* That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
*
* Version: 1.3.4 (11/11/2010)
* Requires: jQuery v1.3+
*
* Dual licensed under the MIT and GPL licenses:
* http://www.opensource.org/licenses/mit-license.php
* http://www.gnu.org/licenses/gpl.html
*/
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
width: 48px;
height: 48px;
margin-top: -24px;
margin-left: -24px;
cursor: pointer;
z-index: 1104;
display: none;
background: #222;
border-radius: 10px;
}
#fancybox-loading div,
#fancybox-loading div:before,
#fancybox-loading div:after {
border-radius: 50%;
}
#fancybox-loading div {
top: 0 !important;
color: #ffffff;
font-size: 11px;
text-indent: -99999em;
position: relative;
margin: 4px;
width: 40px;
height: 40px;
box-shadow: inset 0 0 0 4px;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
}
#fancybox-loading div:before,
#fancybox-loading div:after {
position: absolute;
content: "";
}
#fancybox-loading div:before {
width: 22px;
height: 42px;
background: #222;
border-radius: 100% 0 0 100%;
top: -1px;
left: -1px;
-webkit-transform-origin: 21px 21px;
transform-origin: 21px 21px;
-webkit-animation: load2 2s infinite ease 1.5s;
animation: load2 2s infinite ease 1.5s;
}
#fancybox-loading div:after {
width: 22px;
height: 42px;
background: #222;
border-radius: 0 100% 100% 0;
top: -1px;
left: 19px;
-webkit-transform-origin: 1px 21px;
transform-origin: 1px 21px;
-webkit-animation: load2 2s infinite ease;
animation: load2 2s infinite ease;
}
@-webkit-keyframes load2 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes load2 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
#fancybox-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 1100;
display: none;
}
#fancybox-tmp {
padding: 0;
margin: 0;
border: 0;
overflow: auto;
display: none;
}
#fancybox-wrap {
position: absolute;
top: 0;
left: 0;
padding: 20px;
z-index: 1101;
outline: none;
display: none;
}
#fancybox-outer {
position: relative;
width: 100%;
height: 100%;
background: #ffffff;
box-shadow: 0 0 20px -4px rgba(0, 0, 0, 0.4);
}
#fancybox-content {
width: 0;
height: 0;
padding: 0;
outline: none;
position: relative;
overflow: hidden;
z-index: 1102;
border: 0px solid #fff;
}
#fancybox-hide-sel-frame {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent;
z-index: 1101;
}
#fancybox-close {
position: absolute;
top: 20px;
right: 20px;
width: 30px;
height: 30px;
background-color: rgba(255, 255, 255, 0.9);
background-image: url("data:image/svg+xml,%3Csvg fill='%23848484' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
background-position: center center;
background-size: 20px 20px;
background-repeat: no-repeat;
border-radius: 100%;
cursor: pointer;
z-index: 1103;
display: none;
transform: scale(1);
transition: all 80ms ease-out;
}
#fancybox-close:hover {
transform: scale(1.08);
background-color: #fff;
box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.18);
}
#fancybox-error {
color: #444;
font: normal 12px/20px Arial;
padding: 14px;
margin: 0;
}
#fancybox-img {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
border: none;
outline: none;
line-height: 0;
vertical-align: top;
}
#fancybox-frame {
width: 100%;
height: 100%;
border: none;
display: block;
}
#fancybox-left, #fancybox-right {
position: absolute;
bottom: 0px;
height: 100%;
width: 35%;
cursor: pointer;
outline: none;
background: transparent url("blank.gif");
z-index: 1102;
display: none;
}
#fancybox-left {
left: 0px;
}
#fancybox-right {
right: 0px;
}
#fancybox-left-ico, #fancybox-right-ico {
position: absolute;
top: 50%;
left: -9999px;
width: 63px;
height: 63px;
margin-top: -32px;
cursor: pointer;
z-index: 1102;
display: block;
transform: scale(1);
transition: all 80ms ease-out;
background-color: rgba(255, 255, 255, 0.9);
background-position: center center;
background-repeat: no-repeat;
background-size: 39px 39px;
}
#fancybox-left-ico:hover, #fancybox-right-ico:hover {
transform: scale(1.1);
background-color: #fff;
box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.18);
}
#fancybox-left-ico {
background-image: url("data:image/svg+xml,%3Csvg fill='%23848484' viewBox='0 0 24 24' height='24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.298 18.187l1.061-1.061-5.127-5.126 5.127-5.126-1.061-1.061-6.187 6.187z'%3E%3C/path%3E%3C/svg%3E");
}
#fancybox-right-ico {
background-image: url("data:image/svg+xml,%3Csvg fill='%23848484' viewBox='0 0 24 24' height='24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.702 18.187l-1.061-1.061 5.127-5.126-5.127-5.126 1.061-1.061 6.187 6.187z'%3E%3C/path%3E%3C/svg%3E");
}
#fancybox-left:hover, #fancybox-right:hover {
visibility: visible; /* IE6 */
}
#fancybox-left:hover span {
left: 20px;
}
#fancybox-right:hover span {
left: auto;
right: 20px;
}
.fancybox-bg {
position: absolute;
padding: 0;
margin: 0;
border: 0;
width: 20px;
height: 20px;
z-index: 1001;
}
#fancybox-bg-n {
top: -20px;
left: 0;
width: 100%;
}
#fancybox-bg-ne {
top: -20px;
right: -20px;
background-position: -40px -162px;
}
#fancybox-bg-e {
top: 0;
right: -20px;
height: 100%;
background-position: -20px 0px;
}
#fancybox-bg-se {
bottom: -20px;
right: -20px;
background-position: -40px -182px;
}
#fancybox-bg-s {
bottom: -20px;
left: 0;
width: 100%;
background-position: 0px -20px;
}
#fancybox-bg-sw {
bottom: -20px;
left: -20px;
background-position: -40px -142px;
}
#fancybox-bg-w {
top: 0;
left: -20px;
height: 100%;
}
#fancybox-bg-nw {
top: -20px;
left: -20px;
background-position: -40px -122px;
}
#fancybox-title {
font-family: Helvetica;
font-size: 12px;
z-index: 1102;
}
.fancybox-title-inside {
padding-bottom: 10px;
text-align: center;
color: #333;
background: #fff;
position: relative;
}
.fancybox-title-outside {
padding-top: 10px;
color: #fff;
}
.fancybox-title-over {
position: absolute;
bottom: 0;
left: 0;
color: #FFF;
text-align: left;
}
#fancybox-title-over {
padding: 10px;
display: block;
}
.fancybox-title-float {
position: absolute;
left: 0;
bottom: -7px;
height: 32px;
}
#fancybox-title-float-wrap {
border: none;
border-collapse: collapse;
width: auto;
background: #fff;
box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.4);
}
#fancybox-title-float-wrap td {
border: none;
white-space: nowrap;
}
#fancybox-title-float-left {
padding: 0 0 0 15px;
}
#fancybox-title-float-main {
color: #888;
line-height: 29px;
font-weight: bold;
padding: 0;
}
#fancybox-title-float-right {
padding: 0 0 0 15px;
}
/* Slick slider */
.slick-slider {
position: relative;
display: block;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
}
.slick-track:before, .slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
/* FOUC */
.slideshow .slide {
display: none;
}
.slideshow .slide:first-child {
display: block;
}
/* /FOUC */
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none;
}
[dir=rtl] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
width: 100%;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-slide:focus, .slick-slide a:focus {
outline: none;
}
.slick-arrow.slick-hidden {
display: none;
}
/* Arrows */
.slick-prev,
.slick-next {
position: absolute;
z-index: 1;
display: block;
height: 60px;
width: 60px;
line-height: 60px;
font-size: 0px;
cursor: pointer;
background: #ffffff;
color: #000000;
bottom: 0;
padding: 0;
border: none;
outline: none;
opacity: 0.75;
border-radius: 0;
}
.slick-prev:hover,
.slick-next:hover {
outline: none;
background: #ffffff;
color: #000000;
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
opacity: 0.25;
}
.slick-prev svg,
.slick-next svg {
width: 30px;
height: 30px;
fill: currentColor;
vertical-align: middle;
margin-top: -6px;
}
.slick-prev {
right: 60px;
}
.slick-next {
right: 0;
}
/* Dots */
.slick-dots {
list-style: none;
display: block;
text-align: center;
margin: 0;
padding: 10px 0;
width: 100%;
}
.slick-dots li {
position: relative;
display: inline-block;
vertical-align: top;
height: 20px;
width: 21px;
margin: 0;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
border: 0;
background: transparent;
display: block;
height: 20px;
width: 20px;
min-width: 0;
outline: none;
line-height: 0px;
font-size: 0px;
color: transparent;
padding: 0;
cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
opacity: 0.5;
}
.slick-dots li button:before {
position: absolute;
top: 0;
left: 0;
content: "•";
width: 20px;
height: 20px;
font-family: Courier New, Courier, Lucida Sans Typewriter, Lucida Typewriter, monospace;
font-size: 30px;
line-height: 20px;
text-align: center;
color: black;
opacity: 0.5;
transition: opacity 150ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
color: black;
opacity: 0.25;
}
/* lazy load */
.slick-slide img {
opacity: 1;
transition: opacity 250ms;
}
.slick-slide img.slick-loading {
opacity: 0;
}
/* Custom slideshow layouts */
.slideshow--nav-joined-bottom-left .slick-prev {
right: auto;
left: 0;
}
.slideshow--nav-joined-bottom-left .slick-next {
right: auto;
left: 60px;
}
.slideshow--nav-joined-bottom-center .slick-prev {
right: 50%;
}
.slideshow--nav-joined-bottom-center .slick-next {
right: auto;
left: 50%;
}
.slideshow--nav-joined-top-right .slick-prev,
.slideshow--nav-joined-top-right .slick-next {
bottom: auto;
top: 0;
}
.slideshow--nav-split-middle .slick-prev {
bottom: calc(50% - 30px);
right: auto;
left: 0;
}
.slideshow--nav-split-middle .slick-next {
bottom: calc(50% - 30px);
}
.slideshow--nav-split-bottom .slick-prev {
right: auto;
left: 0;
}
.slick-slider--overlay-dots .slick-dots {
position: absolute;
bottom: 0;
}
.slick-slider--overlay-dots .slick-dots li button::before {
color: #ffffff;
}
.slick-slider--overlay-dots .slick-dots li.slick-active button::before {
opacity: 1;
}
.slick-dotted .overlay-text__inner {
padding-bottom: 50px;
}
/**
* Swiper 3.4.0
* Most modern mobile touch slider and framework with hardware accelerated transitions
*
* http://www.idangero.us/swiper/
*
* Copyright 2016, Vladimir Kharlampidi
* The iDangero.us
* http://www.idangero.us/
*
* Licensed under MIT
*
* Released on: October 16, 2016
*/
.swiper-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
float: left;
}
.swiper-container-vertical > .swiper-wrapper {
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.swiper-container-android .swiper-slide, .swiper-wrapper {
-webkit-transform: translate3d(0px, 0, 0);
-moz-transform: translate3d(0px, 0, 0);
-o-transform: translate(0px, 0px);
-ms-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
margin: 0 auto;
/* justify-content: space-between; */
/* justify-content: center; */
}
.swiper-slide {
-webkit-flex-shrink: 0;
-ms-flex: 0 0 auto;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
}
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
-webkit-box-align: start;
-ms-flex-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-transition-property: -webkit-transform, height;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform, height;
}
.swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
.swiper-wp8-horizontal {
-ms-touch-action: pan-y;
touch-action: pan-y;
}
.swiper-wp8-vertical {
-ms-touch-action: pan-x;
touch-action: pan-x;
}
.swiper-button-prev, .swiper-button-next {
position: absolute;
top: 50%;
width: 27px;
height: 44px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
-moz-background-size: 27px 44px;
-webkit-background-size: 27px 44px;
background-size: 27px 44px;
background-position: center;
background-repeat: no-repeat;
}
.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
left: 10px;
right: auto;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
right: 10px;
left: auto;
}
.swiper-pagination {
position: absolute;
text-align: center;
-webkit-transition: 300ms;
-moz-transition: 300ms;
-o-transition: 300ms;
transition: 300ms;
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
bottom: 10px;
left: 0;
width: 100%;
}
.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 100%;
background: #000;
opacity: 0.2;
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-moz-appearance: none;
-ms-appearance: none;
-webkit-appearance: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-white .swiper-pagination-bullet {
background: #fff;
}
.swiper-pagination-bullet-active {
opacity: 1;
/* background: #007aff; */
background: #000000;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
background: #fff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
background: #000;
}
.swiper-container-vertical > .swiper-pagination-bullets {
right: 10px;
top: 50%;
-webkit-transform: translate3d(0px, -50%, 0);
-moz-transform: translate3d(0px, -50%, 0);
-o-transform: translate(0px, -50%);
-ms-transform: translate3d(0px, -50%, 0);
transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 5px 0;
display: block;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 5px;
}
.swiper-pagination-progress {
background: rgba(0, 0, 0, 0.25);
position: absolute;
}
.swiper-pagination-progress .swiper-pagination-progressbar {
/* background: #007aff; */
background: #000000;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
-webkit-transform-origin: right top;
-moz-transform-origin: right top;
-ms-transform-origin: right top;
-o-transform-origin: right top;
transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progress {
width: 100%;
height: 4px;
left: 0;
top: 0;
}
.swiper-container-vertical > .swiper-pagination-progress {
width: 4px;
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-progress.swiper-pagination-white {
background: rgba(255, 255, 255, 0.5);
}
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
background: #fff;
}
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
background: #000;
}
.swiper-container-3d {
-webkit-perspective: 1200px;
-moz-perspective: 1200px;
-o-perspective: 1200px;
perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper {
-ms-perspective: 1200px;
}
.swiper-container-cube, .swiper-container-flip {
overflow: visible;
}
.swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
}
.swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-cube .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-container-cube .swiper-slide {
visibility: hidden;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
-webkit-transform-origin: 100% 0;
-moz-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide {
pointer-events: auto;
visibility: visible;
}
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
background: #000;
opacity: 0.6;
-webkit-filter: blur(50px);
filter: blur(50px);
z-index: 0;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
text-align: center;
}
.swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1);
}
/*.swiper-container-horizontal > .swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%;
}*/
.swiper-horizontal > .swiper-scrollbar, .swiper-container-horizontal > .swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%;
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
left: 0;
top: 0;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
-webkit-transform-origin: 50%;
-moz-transform-origin: 50%;
transform-origin: 50%;
-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
-moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
display: block;
content: "";
width: 100%;
height: 100%;
background-position: 50%;
-webkit-background-size: 100%;
background-size: 100%;
background-repeat: no-repeat;
}
@-webkit-keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes swiper-preloader-spin {
100% {
transform: rotate(360deg);
}
}
.swiper-container .swiper-button-prev {
left: 20px;
}
.swiper-container .swiper-button-next {
right: 20px;
}
.swiper-container .swiper-button-prev,
.swiper-container .swiper-button-next {
background: rgba(255, 255, 255, 0.9);
opacity: 0;
padding: 6px;
width: auto;
height: auto;
transform: scale(1);
transition: all 80ms ease-out;
}
.swiper-container .swiper-button-prev svg,
.swiper-container .swiper-button-next svg {
width: 32px;
height: 32px;
fill: #aaa;
}
.swiper-container .swiper-button-prev:hover, .swiper-container .swiper-button-prev:focus,
.swiper-container .swiper-button-next:hover,
.swiper-container .swiper-button-next:focus {
background: #fff;
opacity: 1;
/*box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.18);*/
/*transform: scale(1.1);*/
}
.swiper-container .swiper-button-prev:hover svg, .swiper-container .swiper-button-prev:focus svg,
.swiper-container .swiper-button-next:hover svg,
.swiper-container .swiper-button-next:focus svg {
fill: #848484;
}
/*.swiper-container .swiper-button-disabled {
opacity: 0 !important;
}*/
.swiper-container:hover .swiper-button-prev,
.swiper-container:hover .swiper-button-next {
opacity: 1;
}
.swiper-container.arrow-position-top .swiper-button-prev, .swiper-container.arrow-position-top .swiper-button-next {
top: 40px;
}
.swiper-container.arrow-position-bottom .swiper-button-prev, .swiper-container.arrow-position-bottom .swiper-button-next {
top: auto;
bottom: 20px;
}
.swiper-no-swiping .swiper-button-prev,
.swiper-no-swiping .swiper-button-next {
display: none;
}
.swiper-arrows-on-focus-only .swiper-button-prev:not(:focus),
.swiper-arrows-on-focus-only .swiper-button-next:not(:focus) {
opacity: 0 !important;
pointer-events: none;
}
.swiper-wrapper {
transition-timing-function: ease-in-out;
}
/* .template-index .swiper-wrapper {
transition-duration: 600ms !important;
} */
/*================ Giftcard Template ================*/
.template-giftcard {
background: #ffffff;
text-align: center;
padding: 15px 0;
}
.template-giftcard .shoplogo .logotext {
text-align: center;
}
.giftcard {
margin: 15px auto;
max-width: 500px;
padding: 20px;
}
.giftcard__illustration {
position: relative;
margin: 20px 0;
overflow: hidden;
border-radius: 0;
}
.giftcard__illustration img {
display: block;
}
.giftcard__code {
background: #fff;
border-radius: 0;
color: #484848;
position: absolute;
bottom: 10%;
right: 50%;
transform: translateX(50%);
padding: 10px 20px;
font-size: 22px;
line-height: 1em;
white-space: nowrap;
}
.giftcard-qr-row {
margin: 15px 0;
}
.giftcard-qr {
display: inline-block;
background: #fff;
padding: 10px;
border: 1px solid rgba(0, 0, 0, 0.1);
overflow: hidden;
border-radius: 0;
}
.giftcard-qr img {
display: block;
margin: 0 auto;
}
.giftcard-apple-wallet {
margin: 15px 0;
}
.apple-wallet-image {
display: block;
margin: 0 auto;
}
.giftcard-button-row {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 15px;
}
.print-giftcard svg {
margin-left: -10px;
fill: none !important;
stroke: currentColor !important;
stroke-width: 2 !important;
}
/*================ Print Giftcard Styles ================*/
@media print {
@page {
margin: 0.5cm;
}
p {
orphans: 3;
widows: 3;
}
html,
body {
background-color: #fff;
color: #000;
}
.print-giftcard,
.apple-wallet {
display: none;
}
}
/*================ Gift Card Recipient ================*/
gift-card-recipient {
margin-top: 20px;
padding-top: 0px;
}
.cc-gift-card-recipient__checkbox {
padding: 0px;
}
.cc-gift-card-recipient__fields {
padding-top: 8px;
}
.cc-gift-card-recipient__fields textarea {
margin-bottom: 4px;
}
.cc-gift-card-recipient__checkbox {
margin-top: -2px;
}
.cc-gift-card-recipient .cc-gift-card-recipient__checkbox-container {
margin-left: 5px;
}
.cc-popup, .cc-popup * {
box-sizing: border-box;
}
.cc-popup.cc-popup--bottom-left, .cc-popup.cc-popup--bottom-right {
padding: 30px;
}
.cc-popup .cc-popup-background {
z-index: 9998;
}
.cc-popup .cc-popup-modal {
background-color: #ffffff;
color: #000000;
width: 40vw;
min-width: 500px;
z-index: 9999;
}
.cc-popup .cc-popup-container {
flex-direction: column;
}
.cc-popup .cc-popup-container .cc-popup-title {
color: #000000;
}
.cc-popup .cc-popup-content {
padding: 30px;
text-align: center;
}
.cc-popup .cc-popup-text,
.cc-popup .cc-popup-form__input-wrapper,
.cc-popup .cc-popup-form-buttons {
margin-bottom: 1em;
}
.cc-popup .cc-popup-form-input {
width: 100%;
}
.cc-popup .social-links svg,
.cc-popup .social-links svg g {
fill: currentColor;
}
.cc-popup .cc-popup-close {
z-index: 1;
color: #000000;
}
.cc-popup .cc-popup-close svg {
stroke: #000000;
height: 26px;
width: 26px;
}
@media (max-width: 767px) {
.cc-popup .cc-popup-modal {
min-width: 400px;
}
}
@media (max-width: 479px) {
.cc-popup .cc-popup-modal {
width: 100%;
min-width: 100%;
border-radius: 0;
}
.cc-popup.cc-popup--right .cc-popup-modal {
width: 82%;
min-width: 0;
}
.cc-popup .cc-popup-content {
padding: 20px;
}
}
.store-availability-icon svg {
vertical-align: middle;
}
.store-availabilities-modal {
transition: opacity 250ms ease, visibility 250ms;
}
.store-availabilities-modal .cc-popup-modal {
transition: transform 250ms ease;
}
.store-availabilities-modal.cc-popup--right:not(.cc-popup--visible) .cc-popup-modal {
transform: translate3d(100%, 0, 0);
}
.store-availabilities-modal .store-availability-list__item svg {
vertical-align: middle;
}
.overlay-text {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 100%;
text-align: center;
display: flex;
align-items: center;
z-index: 2;
color: #ffffff;
}
.overlay-text .overlay-text__title {
margin: 0 auto 0.25em;
color: inherit;
max-width: 38ch;
}
.overlay-text .overlay-text__subheading {
margin: 0 auto;
max-width: 60ch;
}
.overlay-text .overlay-text__subheading:not(:last-child) {
margin-bottom: 0.75em;
}
.overlay-text .overlay-text__rte {
margin: 0 auto;
max-width: 60ch;
line-height: 1.3;
}
@media (min-width: 767px) {
.overlay-text .overlay-text__rte {
font-size: 130%;
}
.overlay-text .overlay-text__rte.enlarged-text {
font-size: 160%;
}
}
.overlay-text .overlay-text__rte:not(:last-child) {
margin-bottom: 1.5em;
}
.overlay-text .overlay-text__rte a,
.overlay-text .overlay-text__rte a:hover {
color: inherit;
text-decoration: none;
border-bottom: 1px solid;
}
.overlay-text .overlay-text__button-row {
margin-top: 0.75em;
}
.overlay-text .overlay-text__button {
background: transparent;
border-color: currentColor;
border-width: 2px;
color: currentColor;
}
.overlay-text .overlay-text__button:hover {
background: #fff;
border-color: #fff;
color: #333;
}
.overlay--h-left {
text-align: left;
}
.overlay--h-left .overlay-text__title,
.overlay--h-left .overlay-text__subheading,
.overlay--h-left .overlay-text__rte {
margin-left: 0;
}
.overlay--h-right {
text-align: right;
}
.overlay--h-right .overlay-text__title,
.overlay--h-right .overlay-text__subheading,
.overlay--h-right .overlay-text__rte {
margin-right: 0;
}
.overlay--v-top {
align-items: flex-start;
}
.overlay--v-bottom {
align-items: flex-end;
}
.overlay-text__text a,
.overlay-text__text a:hover {
color: inherit;
}
.overlay-text__inner {
position: relative;
z-index: 2;
display: block;
width: 100%;
padding: 30px;
}
@media (min-width: 768px) {
.overlay-text__inner {
padding: 40px;
}
}
@media (min-width: 1366px) {
.overlay-text__inner {
padding-left: 60px;
padding-right: 60px;
}
}
.overlay-text--with-bg::after {
content: "";
position: absolute;
pointer-events: none;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
background: #000000;
opacity: 0.1;
}
@media (min-width: 768px) {
.slideshow--nav-split-middle .overlay-text__inner {
padding-left: 100px;
padding-right: 100px;
}
.slideshow--nav-split-bottom .overlay-text__inner {
padding-bottom: 100px;
}
.slideshow--nav-joined-bottom-left .overlay-text__inner,
.slideshow--nav-joined-bottom-center .overlay-text__inner,
.slideshow--nav-joined-bottom-right .overlay-text__inner {
padding-bottom: 100px;
}
.slideshow--nav-joined-top-right .overlay-text__inner {
padding-top: 100px;
}
}
.slick--overlay-transitions .overlay-text__title,
.slick--overlay-transitions .overlay-text__subheading,
.slick--overlay-transitions .overlay-text__rte,
.slick--overlay-transitions .overlay-text__button-row {
opacity: 0;
transform: translateX(-15px);
}
.slick--transition-left .overlay-text__title,
.slick--transition-left .overlay-text__subheading,
.slick--transition-left .overlay-text__rte,
.slick--transition-left .overlay-text__button-row {
transform: translateX(15px);
}
.slick-slide--transition-enable .overlay-text__title,
.slick-slide--transition-enable .overlay-text__subheading,
.slick-slide--transition-enable .overlay-text__rte,
.slick-slide--transition-enable .overlay-text__button-row {
transition: all 750ms ease;
}
.slick-slide--transition-enable .overlay-text__subheading {
transition-delay: 100ms;
}
.slick-slide--transition-enable .overlay-text__rte {
transition-delay: 100ms;
}
.slick-slide--transition-enable .overlay-text__button-row {
transition-delay: 200ms;
}
.slick--overlay-transitions .slick-slide--transition-start .overlay-text__title,
.slick--overlay-transitions .slick-slide--transition-start .overlay-text__subheading,
.slick--overlay-transitions .slick-slide--transition-start .overlay-text__rte,
.slick--overlay-transitions .slick-slide--transition-start .overlay-text__button-row {
opacity: 1;
transform: translateX(0);
}
.gallery .overlay-text .overlay-text__subheading,
.gallery .overlay-text .overlay-text__rte {
max-width: 40ch;
}
.gallery.slick-slider {
margin-top: 0;
padding-top: 0;
margin-bottom: 0;
}
.gallery.slick-slider .gallery__item {
margin-bottom: 0;
}
.gallery__item {
position: relative;
flex: 1 1 320px;
width: 100%;
overflow: hidden;
transition: background-color 150ms;
}
.gallery__item .gallery__image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
.gallery__item.lazyload--placeholder {
background-color: rgba(0, 0, 0, 0.05);
}
@media (max-width: 767px) {
.gallery--with-hover-reveal .gallery__item .overlay-text__inner {
transform: none !important;
}
}
@media (min-width: 768px) {
.gallery--with-hover-reveal .gallery__item .gallery__transition-el,
.gallery--with-hover-reveal .gallery__item .overlay-text__inner {
transition: all 500ms ease;
}
.gallery--with-hover-reveal .gallery__item .gallery__transition-el {
height: 0px !important;
}
.gallery--with-hover-reveal .gallery__item:not(:hover) .overlay-text__inner {
transform: translateY(0px) !important;
}
.gallery--with-hover-reveal .gallery__item:not(:hover) .gallery__transition-el {
opacity: 0;
}
.gallery--with-hover-reveal .gallery__item:hover .overlay--v-top .overlay-text__inner {
transform: translateY(10px) !important;
}
}
.gallery--with-margins:not(.slick-slider) {
margin-left: 20px;
margin-right: 20px;
}
.gallery--with-margins:not(.slick-slider) .gallery__row:last-child {
margin-bottom: -20px;
}
.gallery--with-margins:not(.slick-slider) .gallery__item {
margin-bottom: 20px;
}
@media (min-width: 768px) {
.gallery {
margin-left: 0;
margin-right: 0;
}
.gallery--with-vertical-outer-padding {
padding-top: 20px;
padding-bottom: 20px;
}
.gallery--with-margins:not(.slick-slider) {
margin-left: 0;
margin-right: 20px;
}
.container > .gallery--with-margins:not(.slick-slider) {
margin-left: -20px;
margin-right: 0;
}
.gallery--with-margins:not(.slick-slider) .gallery__item {
margin-left: 20px;
margin-bottom: 20px;
}
.gallery__row {
display: flex;
flex-wrap: wrap;
}
.gallery--grid-2 .gallery__item.gallery__item--enlarged {
flex-grow: 2;
}
.gallery--grid-3 .gallery__item.gallery__item--enlarged {
flex-grow: 3;
}
.gallery--grid-4 .gallery__item {
flex-basis: 40%;
}
.gallery--grid-4 .gallery__item.gallery__item--enlarged {
flex-grow: 4;
}
}
@media (min-width: 1200px) {
.gallery--grid-4 .gallery__item {
flex-basis: 20%;
}
}
@media (min-width: 1301px) {
.gallery--with-margins .gallery__row:last-child {
margin-bottom: -30px;
}
.gallery--with-vertical-outer-padding {
padding-top: 30px;
padding-bottom: 30px;
}
.gallery--with-margins {
margin-right: 30px;
}
.container > .gallery--with-margins {
margin-left: -30px;
}
.gallery--with-margins .gallery__item {
margin-left: 30px;
margin-bottom: 30px;
}
}
/* :root {
--payment-terms-background-color: #ffffff;
} */
shopify-payment-terms {
display: block;
/* margin-top: 8px; */
margin-top: 4px;
margin-bottom: 12px;
}
.placeholder-image {
position: relative;
padding-top: 100%;
height: 0px;
overflow: hidden;
background: #ececec;
}
.placeholder-image.dark {
background: #c6c7c8;
}
.placeholder-image.dark svg, .placeholder-image.dark svg g {
fill: #a3a6a9;
}
.placeholder-image.landscape {
padding-top: 55%;
}
.placeholder-image.placeholder--banner {
padding-top: 475px;
}
.placeholder-image.fixed-height-item {
padding-top: 0;
}
.placeholder-image svg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.placeholder-image svg, .placeholder-image svg g {
fill: #afb1b3;
}
.product-block-mini {
margin: 20px 0;
display: flex;
}
.product-block-mini__image {
flex: 0 0 auto;
width: 70px;
margin-right: 20px;
}
.product-block-mini__detail {
flex: 1 0 0;
}
.product-block-mini__price-area {
margin-bottom: 10px;
}
.cc-rating-stars {
margin-right: 0.25em;
}
.cc-rating-custom-caption {
font-size: 10.2px;
line-height: 1.7em;
white-space: nowrap;
}
.product-block__rating {
margin-top: 5px;
}
.product-block__rating .cc-rating {
font-size: 10.2px;
}
.theme-product-reviews {
margin-top: 0.2em;
}
.theme-product-reviews > a {
display: inline-block;
}
#shopify-product-reviews .spr-icon {
position: relative;
display: inline-block;
width: 14px;
height: 14px;
margin-right: 1px;
}
#shopify-product-reviews .spr-icon::before,
#shopify-product-reviews .spr-icon-star::after,
#shopify-product-reviews .spr-icon-star-half-alt::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: no-repeat url("data:image/svg+xml,%3Csvg fill='rgba(128, 130, 132, 0.2)' width='13' height='13' viewBox='0 0 13 13' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.43579 4.9459L13.63 4.9536L9.42653 8.01929L11.0329 12.97L6.81981 9.91778L2.60673 12.97L4.20346 8.01929L0 4.9536L5.20383 4.9459L6.81981 0L8.43579 4.9459Z'%3E%3C/path%3E%3C/svg%3E") top left;
background-size: 100% 100%;
}
#shopify-product-reviews .spr-icon-star::after,
#shopify-product-reviews .spr-icon-star-half-alt::after {
background-image: url("data:image/svg+xml,%3Csvg fill='rgb(128, 130, 132)' width='13' height='13' viewBox='0 0 13 13' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.43579 4.9459L13.63 4.9536L9.42653 8.01929L11.0329 12.97L6.81981 9.91778L2.60673 12.97L4.20346 8.01929L0 4.9536L5.20383 4.9459L6.81981 0L8.43579 4.9459Z'%3E%3C/path%3E%3C/svg%3E");
}
#shopify-product-reviews .spr-icon-star-half-alt::after {
clip: rect(0px, 7.5px, 14px, 0px);
}
#shopify-product-reviews .spr-container {
padding: 0;
border-color: rgba(0, 0, 0, 0.2);
}
#shopify-product-reviews .spr-header {
padding: 20px;
}
#shopify-product-reviews .spr-form {
margin: 0;
padding: 20px;
border-top: 1px solid rgba(0, 0, 0, 0.2);
}
#shopify-product-reviews .spr-reviews {
margin: 0;
padding: 0 0 20px;
border-top: 1px solid rgba(0, 0, 0, 0.2);
}
#shopify-product-reviews .spr-review {
box-sizing: border-box;
margin: 0;
padding: 20px 20px 0;
border: 0;
}
#shopify-product-reviews .spr-review:first-child {
margin-top: 0;
}
#shopify-product-reviews .spr-review-header-title {
font-size: 18px;
}
#shopify-product-reviews .spr-review-header-byline {
display: block;
margin: 0.1em 0 0.6em;
font-size: 15px;
line-height: 1.4em;
font-style: normal;
opacity: 0.6;
}
#shopify-product-reviews .spr-review-header-byline strong {
font-weight: normal;
}
#shopify-product-reviews .spr-review-content-body {
font-size: 15px;
line-height: 1.4em;
}
#shopify-product-reviews .spr-review-reportreview {
font-size: 10.2px;
}
@media (min-width: 800px) {
#shopify-product-reviews .spr-reviews {
display: flex;
flex-wrap: wrap;
}
#shopify-product-reviews .spr-reviews .spr-review {
width: 50%;
}
}
#shopify-product-reviews .spr-pagination {
width: 100%;
margin-top: 20px;
padding: 20px 0 0;
border-top-color: rgba(0, 0, 0, 0.2);
}
#shopify-product-reviews .spr-pagination .spr-pagination-page {
margin: 0 5px;
}
#shopify-product-reviews .spr-pagination .spr-pagination-page.is-active {
font-weight: normal;
}
#shopify-product-reviews .spr-pagination .spr-pagination-prev {
left: 20px;
}
#shopify-product-reviews .spr-pagination .spr-pagination-next {
right: 20px;
}
.search-suggestions-wrapper {
margin-top: 1em;
color: #000;
}
.search-suggestions {
display: flex;
line-height: 1.4em;
/* height: 1.4em; */
margin-left: 1em;
margin-right: 1em;
/* overflow: hidden; */
overflow: initial;
}
.search-suggestions__heading {
margin: 0 0.75em 0 0;
opacity: 0.75;
}
.search-suggestions__results-list {
display: flex;
flex-wrap: wrap;
margin: 0;
}
.search-suggestions__results-list,
.search-suggestions__list-item {
/* display: inline; */
display: flex;
list-style: none;
}
.search-suggestions__list-item {
margin: 0 0.75em 0 0;
/* font-weight: 700; */
}
.search-suggestions__list-item .search-suggestions__item {
font-weight: 700;
}
.search-suggestions__list-item mark {
background: transparent;
color: inherit;
font-weight: 400;
}
.video-container__video,
.product-media--frame {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
}
.video-container__video iframe,
.video-container__video object,
.video-container__video embed,
.video-container__video video,
.video-container__video model-viewer,
.video-container__video .shopify-model-viewer-ui,
.video-container__video .media-item,
.video-container__video .plyr,
.product-media--frame iframe,
.product-media--frame object,
.product-media--frame embed,
.product-media--frame video,
.product-media--frame model-viewer,
.product-media--frame .shopify-model-viewer-ui,
.product-media--frame .media-item,
.product-media--frame .plyr {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video-container__video .plyr__video-wrapper,
.product-media--frame .plyr__video-wrapper {
height: 100%;
}
.video-container {
position: relative;
}
.video-container--background {
background: #000;
overflow: hidden;
}
.video-container--background .video-container__video {
position: relative;
height: 100%;
max-width: none;
padding: 0 !important;
opacity: 0;
transition: opacity 300ms ease-in;
}
.video-container--background.video-container--playing .video-container__video {
opacity: 1;
}
.video-container--background div.video-container__video-element {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}
.video-container--background video {
object-fit: cover;
object-position: 50% 50%;
}
.video-container__stop {
display: none;
}
@media (max-width: 767px) {
.video-container--modal-mobile {
padding-bottom: 0 !important;
height: auto;
}
.video-container--modal-mobile::before {
content: "";
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10000;
pointer-events: none;
background: #000;
opacity: 0;
transition: opacity 350ms;
}
.video-container--modal-mobile .video-container__video {
position: fixed;
z-index: 10001;
top: 50%;
left: 20px;
width: calc(100% - 40px);
transform: translateY(-50%);
display: flex;
align-items: center;
opacity: 0;
pointer-events: none;
background: #000;
transition: opacity 350ms;
}
.video-container--modal-mobile .video-container__stop {
display: block;
position: fixed;
top: 0;
right: 0;
color: #fff;
z-index: 10002;
padding: 20px;
pointer-events: none;
opacity: 0;
transition: opacity 350ms;
}
.video-container--modal-mobile .video-container__stop svg {
stroke: currentColor;
}
.video-container--modal-mobile .overlay-text {
position: relative;
height: auto;
padding-top: 50px;
padding-bottom: 50px;
}
.video-container--modal-mobile.video-container--playing::before,
.video-container--modal-mobile.video-container--playing .video-container__video,
.video-container--modal-mobile.video-container--playing .video-container__stop {
opacity: 1;
pointer-events: auto;
}
.video-container:not(.video-container--background)[data-video-type=mp4] .video-container__video {
padding: 0;
height: 100%;
}
.video-container:not(.video-container--background)[data-video-type=mp4] .video-container__video video {
object-fit: contain;
}
}
.video-container__cover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
background: #eee;
}
.video-container__cover .rimage-outer-wrapper,
.video-container__cover .placeholder-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 0;
background-size: cover;
background-position: center center;
}
.video-container--playing .video-container__cover {
opacity: 0 !important;
pointer-events: none;
}
.video-container--playing .video-container__cover + .overlay-text {
opacity: 0 !important;
pointer-events: none;
}
.video-container--playing.image-overlay--bg-full::after {
opacity: 0;
}
.video-container__play {
display: inline-block;
transition: transform 150ms;
color: inherit;
}
.video-container__play svg {
width: 80px;
height: 80px;
fill: transparent;
stroke: currentColor;
transition: stroke 150ms;
}
.video-container__play svg polygon {
fill: currentColor;
transition: fill 150ms;
}
.video-container__play:hover {
transform: scale(1.1);
color: inherit;
}
.video-container__fallback {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
transition: opacity 250ms;
}
.video--play-started .video-container__fallback {
opacity: 0 !important;
}
html {
font-size: 12px;
}
body {
font-family: Helvetica, 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif;
font-size: 11px;
font-weight: 400;
font-style: normal;
font-size: 12px;
line-height: 1.6em;
color: #000000;
background-color: #ffffff;
/* Fonts on Macs look bad without these */
-moz-font-feature-settings: "liga";
-moz-osx-font-smoothing: grayscale;
-webkit-font-feature-settings: "liga";
-webkit-font-smoothing: antialiased;
}
h1, .h1, .h1-style {
font-size: 160%;
line-height: 1.3;
margin: 1em 0;
}
h2, .h2, .h2-style {
font-size: 123.1%;
line-height: 1.3;
margin: 0.6em 0;
}
h3, .h3, .h3-style {
font-size: 108%;
line-height: 1.3;
margin: 0.8em 0;
}
h4, .h4, .h4-style {
font-size: 100%;
line-height: 1.3;
/* margin: 0.7em 0; */
margin: 0;
line-height: 14px;
}
h5, .h5, .h5-style {
font-size: 93%;
line-height: 1.3;
margin: 0.6em 0;
}
h6, .h6, .h6-style {
font-size: 85%;
line-height: 1.3;
margin: 0.5em 0;
}
h1, .h1, .h1-style, h2, .h2, .h2-style, h3, .h3, .h3-style, h4, .h4, .h4-style, h5, .h5, .h5-style, h6, .h6, .h6-style {
text-transform: uppercase;
}
.enlarged-text {
font-size: 120%;
line-height: 1.3;
}
@media (min-width: 768px) {
.enlarged-text {
font-size: 130%;
}
}
strong, b {
font-weight: bold;
}
abbr, acronym {
/*indicating to users that more info is available */
border-bottom: 1px dotted;
cursor: help;
}
em, i {
/*bringing italics back to the em element*/
font-style: italic;
}
ul, ol, dl {
/*giving lists room to breath*/
margin: 1em;
font-size: 100%;
}
blockquote {
position: relative;
margin: 1.5em 0;
quotes: "“" "”";
color: inherit;
line-height: 1.6em;
text-align: inherit;
}
blockquote:before {
content: open-quote;
}
blockquote:after {
content: close-quote;
}
blockquote :first-child {
display: inline;
}
blockquote :last-child {
margin-bottom: 0;
}
ol, ul, dl {
/*bringing lists on to the page with breathing room */
margin-left: 2em;
}
ol li {
/*giving OL's LIs generated numbers*/
list-style: decimal outside;
}
ul li {
/*giving UL's LIs generated disc markers*/
list-style: disc outside;
}
dl dd {
/*giving UL's LIs generated numbers*/
margin-left: 1em;
}
th, td {
/*borders and padding to make the table readable*/
border-bottom: 1px solid #e7e7e7;
border-collapse: collapse;
border-top: 1px solid #e7e7e7;
padding: 0.7em;
}
th {
/*distinguishing table headers from data cells*/
font-weight: bold;
text-align: left;
border-bottom-width: 3px;
}
caption {
/*coordinated marking to match cell's padding*/
margin-bottom: 0.5em;
/*centered so it doesn't blend in to other content*/
text-align: center;
}
p, fieldset, table {
/*so things don't run into each other*/
margin-bottom: 1em;
}
hr {
border: 0;
width: 100%;
background: #e7e7e7;
height: 1px;
margin-top: 1em;
margin-bottom: 1em;
}
a {
color: #c16452;
-moz-transition: color 100ms;
-webkit-transition: color 100ms;
transition: color 100ms;
text-decoration: none;
}
a:hover {
/* color: #a54c3b; */
/* text-decoration: underline; */
}
input,
textarea {
box-sizing: border-box;
font-family: Helvetica, 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif;
font-weight: 400;
font-style: normal;
/* font-size: 14px; */
font-size: 11px;
/* line-height: 17px; */
line-height: 14px;
height: auto;
background: #fff;
color: #444;
border: 1px solid rgba(0, 0, 0, 0.15);
margin: 0;
padding: 14px 20px;
vertical-align: middle;
/* border-radius: 3px; */
}
@media (max-width: 767px) {
input,
textarea {
font-size: 16px;
}
}
input[type=text],
input[type=number],
input[type=email],
input[type=password] {
-webkit-appearance: none;
}
input[type=checkbox] {
border: none;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}
textarea {
height: 120px;
}
select {
display: inline-block;
color: #333;
border: 1px solid rgba(0, 0, 0, 0.15);
padding: 8px 19px;
padding-right: 40px;
width: 200px;
height: auto;
font-family: Helvetica, 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif;
font-weight: 400;
font-style: normal;
/* font-size: 15px;
line-height: 1.2em; */
font-size: 12px;
line-height: 12px;
/* border-radius: 3px; */
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: #fff url("data:image/svg+xml;utf8,%3Csvg%20fill%3D%22%23616161%22%20height%3D%2224%22%20viewBox%3D%220%200%2030%2024%22%20width%3D%2230%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M7.41%207.84L12%2012.42l4.59-4.58L18%209.25l-6%206-6-6z%22%2F%3E%3Cpath%20d%3D%22M0-.75h24v24H0z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E") no-repeat right center;
cursor: pointer;
max-width: 100%;
}
@media (max-width: 767px) {
select {
font-size: 16px;
}
}
/* Do not use focus outline unless tabbing */
html:not(.no-js) body:not(.tab-used) *:focus {
outline: none;
}
/*============================================================================
Responsive tables, defined with .responsive-table on table element.
==============================================================================*/
@media only screen and (max-width: 767px) {
.responsive-table {
width: 100%;
}
.responsive-table thead {
display: none;
}
.responsive-table tr {
display: block;
border-top: 1px solid #000000;
}
.responsive-table tr td:first-child {
border-top: 0;
}
.responsive-table tr:last-child {
border-bottom: 1px solid #000000;
}
.responsive-table tr,
.responsive-table td {
float: left;
clear: both;
width: 100%;
}
.responsive-table th,
.responsive-table td {
display: block;
text-align: right;
padding: 6px 0 !important;
margin: 0;
border-bottom: 0;
}
.responsive-table td::before {
content: attr(data-label);
float: left;
text-align: center;
padding-right: 10px;
font-weight: 700;
}
.responsive-table .responsive-table--label-cell {
display: none;
}
tfoot > .responsive-table-row:first-child {
position: relative;
margin-top: 10px;
padding-top: 25px;
}
tfoot > .responsive-table-row:first-child::after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
border-bottom: 1px solid #e7e7e7;
}
}
.button,
button,
input[type=submit],
input[type=reset],
input[type=button] {
display: inline-block;
margin: 0;
padding: 14px 3em;
border: 1px solid #000000;
background: #000000;
color: #ffffff;
font-family: Helvetica, 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif;
font-weight: bold;
font-style: normal;
/* font-size: 14px; */
font-size: 11px;
/* line-height: 17px; */
line-height: 14px;
text-decoration: none;
text-transform: uppercase;
cursor: pointer;
letter-spacing: 1px;
height: auto;
border-radius: 0px;
transition: all 100ms linear;
}
.button.full-width,
button.full-width,
input[type=submit].full-width,
input[type=reset].full-width,
input[type=button].full-width {
width: 100%;
}
.button.auto-width,
button.auto-width,
input[type=submit].auto-width,
input[type=reset].auto-width,
input[type=button].auto-width {
width: auto;
}
.button.plain, .button.plain:hover, .button.btn--plain, .button.btn--plain:hover,
button.plain,
button.plain:hover,
button.btn--plain,
button.btn--plain:hover,
input[type=submit].plain,
input[type=submit].plain:hover,
input[type=submit].btn--plain,
input[type=submit].btn--plain:hover,
input[type=reset].plain,
input[type=reset].plain:hover,
input[type=reset].btn--plain,
input[type=reset].btn--plain:hover,
input[type=button].plain,
input[type=button].plain:hover,
input[type=button].btn--plain,
input[type=button].btn--plain:hover {
background: transparent;
border: none;
padding: 0;
width: auto;
color: #c16452;
font-family: inherit;
font-size: inherit;
line-height: inherit;
font-weight: inherit;
letter-spacing: inherit;
text-transform: none;
}
.button.plain:hover, .button.btn--plain:hover,
button.plain:hover,
button.btn--plain:hover,
input[type=submit].plain:hover,
input[type=submit].btn--plain:hover,
input[type=reset].plain:hover,
input[type=reset].btn--plain:hover,
input[type=button].plain:hover,
input[type=button].btn--plain:hover {
color: #a54c3b;
}
.button svg,
button svg,
input[type=submit] svg,
input[type=reset] svg,
input[type=button] svg {
margin-top: -4px;
margin-bottom: -10px;
fill: currentColor;
}
.button:hover,
button:hover,
input[type=submit]:hover,
input[type=reset]:hover,
input[type=button]:hover {
color: #ffffff;
background-color: #1a1a1a;
border-color: #1a1a1a;
}
.button.disabled,
button[disabled],
input[type=submit][disabled],
input[type=reset][disabled],
input[type=button][disabled] {
/* border-color: #ccc;
background: #ccc;
color: #999; */
border-color: #ccc !important;
background: #ccc !important;
color: #999 !important;
}
.button.disabled:hover,
button[disabled]:hover,
input[type=submit][disabled]:hover,
input[type=reset][disabled]:hover,
input[type=button][disabled]:hover {
/* border-color: #ccc;
background: #ccc;
color: #999; */
border-color: #ccc!important;
background: #ccc!important;
color: #999!important;
}
.button--slim,
button.button--slim,
input[type=submit].button--slim,
input[type=reset].button--slim,
input[type=button].button--slim {
padding: 6px 18px 5px;
font-size: 80%;
}
.button--alt,
.button--secondary,
button.button--alt,
input[type=submit].button--alt,
input[type=reset].button--alt,
input[type=button].button--alt {
border: 1px solid #000000;
background: #ffffff;
color: #000000;
}
.button--alt:hover,
.button--secondary:hover,
button.button--alt:hover,
input[type=submit].button--alt:hover,
input[type=reset].button--alt:hover,
input[type=button].button--alt:hover {
border: 1px solid #000000;
background: #000000;
color: #ffffff;
}
h1, h2, h3, h4, h5, h6.h1, .h2, .h3, .h4, .h5, .h6 {
font-family: Helvetica, 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif;
font-weight: 700;
font-style: normal;
color: #000000;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6.h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a {
color: inherit;
}
.page-title,
h2.majortitle,
blockquote {
/* font-size: 210%; */
font-size: 11px;
/* line-height: 1em; */
line-height: 14px;
text-align: center;
}
blockquote {
font-family: Helvetica, 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif;
font-weight: 700;
font-style: normal;
}
.page-title a {
text-decoration: none;
}
.main ol, .main ul, .main dl {
margin-top: 1.7em;
margin-bottom: 1.7em;
line-height: 2em;
}
img, svg {
max-width: 100%;
height: auto;
vertical-align: top;
}
iframe {
max-width: 100%;
}
svg {
/* width: 24px;
height: 24px; */
width: 20px;
height: 20px;
fill: #000000;
}
.logoimg svg {
fill: inherit;
transition: fill 0.3s cubic-bezier(.25,.1,.25,1);
width: 135px;
height: 20px;
}
.logoimg svg:hover {
/*fill: inherit;*/
opacity: 75%;
}
.logoimg svg.desktop-logo {
width: 180px;
height: 24px;
}
.logoimg svg.mobile-logo {
/* width: 125px;
height: 16px; */
/* width: 140px;
height: 20px; */
width: 134px;
height: 18px;
}
.bodywrap {
position: relative;
}
#content {
display: block;
padding: calc(2px + 2.4em) 0 20px 240px;
/* padding: calc(2px + 2.4em) 240px 20px 240px; */
}
.template-index #content {
padding: calc(2px + 2.4em) 0 20px 0;
}
@media (max-width: 1000px) {
.template-index #content {
padding-top: 0;
padding-bottom: 0;
}
.template-index .section-slideshow {
/*margin-top: calc(-15px - 2.4em);*/
}
.template-page #content {
padding: calc(2px + 2.4em) 0 0 0px;
}
}
@media (min-width: 1001px) {
#navbar {
height: auto;
background: transparent;
}
#content {
padding: calc(2px + 2.4em) 240px 20px 240px;
/* max-width: 1800px;
margin-left: auto;
margin-right: auto; */
}
}
.hidden {
display: none;
}
.visually-hidden, .block.product:not(:hover) .quick-buy:not(:focus) {
position: absolute !important;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
}
.only-in-quickbuy {
display: none;
}
.skip-link:focus {
position: absolute !important;
overflow: auto;
clip: auto;
width: auto;
height: auto;
margin: 0;
color: #26262c;
background-color: #fdfdfa;
padding: 10px;
z-index: 10000;
transition: none;
}
/* usability for when JS is disabled */
html.no-js,
.no-js body {
height: 100%;
}
.no-js .bodywrap {
min-height: 100%;
}
.blocklayout {
margin: 25px 40px;
position: relative;
}
.template-blog .blocklayout {
/* margin: 25px 40px; */
margin: 2px 4px;
position: relative;
}
.template-blog .blocklayout.double-sized .block {
margin: 4px;
}
.blocklayout + .pagination-row {
display: none;
}
.no-js .blocklayout + .pagination-row,
.blocklayout--reveal-pagination + .pagination-row {
display: block;
}
.fixedlayout {
/* margin: 25px 40px; */
/* margin: 0 40px; */
margin: 15px 25px;
position: relative;
display: flex;
flex-wrap: wrap;
/* min-height: 900px; */
}
@media (min-width: 1001px) {
/*.fixedlayout, #content {*/
#content {
/* min-height: 850px; */
min-height: 850px;
}
.fixedlayout {
/* margin: 0px 25px; */
margin: 0px 2%;
}
}
@media (max-width: 767px) {
/*.fixedlayout, #content {*/
#content {
/* min-height: 650px; */
min-height: 550px;
}
}
.block {
position: relative;
/* margin: 0 10px 44px; */
/* margin: 0 3px 18px; */
/* margin: 0 3px 6px; */
margin: 0 2px 4px;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
transition: top 500ms ease-in-out, left 500ms ease-in-out, transform 250ms, opacity 250ms, box-shadow 100ms;
}
.block.initially-hidden {
opacity: 0;
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
.no-js .block.initially-hidden {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.block.hidden {
display: none !important;
}
.block.product img {
vertical-align: top;
}
.blocklayout .block,
.fixedlayout .block {
display: inline-block;
width: 250px;
max-width: 100%;
}
.fixedlayout .block.product {
/*flex: 1 0 auto;*/
}
@media (max-width: 767px) {
.fixedlayout {
/* margin-left: 10px;
margin-right: 10px; */
margin-left: 2px;
margin-right: 2px;
}
/* .fixedlayout .block.product {
margin-left: 10px;
margin-right: 10px;
width: calc(50% - 20px);
}*/
}
.block--flex-placeholder {
height: 0;
visibility: hidden;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
}
.block--flex-placeholder::after, .block--flex-placeholder::before {
content: none;
}
.block.size-medium {
/*width: 250px;*/
/*width: calc(33% - 6px);*/
/* width: calc(33.333333% - 6px); */
/* width: calc(33.333333% - 4px); */
width: calc(25% - 4px);
}
.template-search .block.size-medium {
width: calc(19% - 2px) !important;
/* position: static !important; */
position: initial !important;
/* display: inline-block; */
display: inline-table;
}
.template-search .blocklayout {
display: contents;
}
.template-search .block.size-medium .main {
width: auto;
float: initial;
height: auto;
}
.template-search .block.size-medium .sub {
width: auto;
float: initial;
height: auto;
position: relative;
opacity: initial;
}
@media only screen and (max-width: 1000px) {
.template-search .blocklayout {
display: block;
text-align: center;
}
.template-search .block.size-medium {
width: calc(32% - 2px) !important;
}
}
@media (max-width: 767px) {
.template-search .block.size-medium {
width: calc(48% - 2px) !important;
}
}
.block.size-large,
.blocklayout.double-sized .block {
width: 520px;
}
.block.size-grande {
width: 790px;
}
.block.size-uber {
width: 1060px;
}
.block.size-full-width {
width: 100%;
}
.block .border {
border-bottom: 1px solid #e7e7e7;
margin-bottom: 10px;
}
.block.text .main a {
text-decoration: none;
}
.template-index .block.page img,
.template-index .block.home-image img {
vertical-align: top;
}
.template-index .block.home-image img {
width: 100%;
}
.block.text.transparent .main {
background: transparent;
}
.block.home-image .main {
margin: 10px;
}
.block.collection img {
vertical-align: top;
}
.block.product .main {
text-align: center;
position: relative;
}
/* @media (max-width: 767px) {
.template-collection .fixedlayout .block.product:nth-child(2n-1) .main {
margin-left: -8px;
}
.template-collection .fixedlayout .block.product:nth-child(2n) .main {
margin-right: -8px;
}
} */
.block.product .main .rimage-outer-wrapper {
/* background-position: center top; */
background-position: center center;
}
.block.product .product-image {
overflow: hidden;
position: relative;
}
.block.product .product-image:hover .product-image--secondary {
opacity: 1;
}
.block.product .product-image__primary,
.block.product .product-image__secondary {
/* transition: opacity 250ms; */
transition: opacity .5s ease-in-out;
}
.block.product .product-image__secondary {
width: 100%;
height: 100%;
background-size: cover;
background-position: center center;
position: absolute;
top: 0;
left: 0;
opacity: 0;
}
@media only screen and (min-width: 960px) {
.block.product .main .product-image--has-secondary:hover .product-image__primary {
opacity: 0;
transition: opacity .5s ease-in-out;
}
.block.product .main .product-image--has-secondary:hover .product-image__secondary {
opacity: 1;
transition: opacity .5s ease-in-out;
}
}
.block.product .main {
/* padding-top: 150%; */
padding-top: 130%;
}
.block.product .main .placeholder-image {
height: 100%;
padding: 0;
}
.block.product .main .product-image {
width: 100%;
height: 100%;
}
.block.product .main .rimage-outer-wrapper {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.block.product .main .product-image__secondary {
/* width: auto;
height: auto; */
position: static;
opacity: 0;
/* transition: opacity 250ms; */
transition: opacity 0.5s ease-in-out;
background-size: contain;
max-height: 100%;
}
.block.product .main .img-link {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
overflow: hidden;
}
.block.product .main .img-link img {
max-height: 100%;
}
.block.collection .main {
padding-top: 150%;
}
.block.collection .main .placeholder-image {
height: 100%;
padding: 0;
}
.block.collection .main .product-image {
width: 100%;
height: 100%;
}
.block.collection .main .rimage-outer-wrapper {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.block.collection .main .img-link {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
overflow: hidden;
}
.block.collection .main .img-link img {
max-height: 100%;
}
.block.product .sub .unit-price {
font-size: 85%;
}
.block.product .quick-buy-row {
position: absolute;
/* bottom: 20px; */
bottom: 15px;
left: 0;
right: 0;
text-align: center;
pointer-events: none;
z-index: 2;
}
.block.product .quick-buy-row .quick-buy {
pointer-events: auto;
transition: background 100ms linear;
}
.block .readmore {
border-bottom: 1px solid #e7e7e7;
text-decoration: none;
text-align: center;
display: block;
position: relative;
top: 0px;
margin: 1em 0 2em;
}
.block .readmore span {
position: relative;
top: 0.7em;
padding: 1em 1.5em;
}
.block .fullarticle {
margin: 1em 0 1em;
}
.block .page-title {
margin-top: 0;
}
.block.product p {
/* margin-bottom: 0.5em; */
/* line-height: 1.4em; */
/* line-height: 11px; */
/* line-height: 10px;
font-size: 10px; */
/* line-height: 9px;
font-size: 9px; */
line-height: 9px;
font-size: 8px;
/* display: inline-flex; */
padding: 3px 6px;
/* border-radius: 15px; */
border-radius: 4px;
margin-bottom: 1px;
}
@media (max-width: 1000px) {
.block.product p {
padding: 2px 4px;
}
}
.block.product .sub {
/* border-top: 1px solid #e7e7e7;
margin-top: 1.5em;
padding: 1em 0 0; */
margin-top: 0;
padding: 0;
position: relative;
text-align: center;
}
.block.product .sub {
padding-bottom: 15px;
}
.block.product .sub .product-block-title, .block.product .sub .pricearea {
/* padding-top: 7px; */
padding-top: 2px;
}
.block.product .themed-product-reviews {
margin: 0.4em 0 0;
min-height: 1.6em;
font-size: 10.2px;
}
.themed-product-reviews .spr-badge {
white-space: nowrap;
font-size: 10.2px;
line-height: 1.6em;
}
.themed-product-reviews .spr-badge[data-rating="0.0"] {
display: none;
}
.spr-icon {
color: #f6c347;
margin-right: 0.1em;
}
.spr-icon:before {
font-size: 100%;
}
.spr-icon-star-empty {
color: #888;
}
.price--reduced .price,
.product .price--reduced.price,
.product-info .price--reduced.price,
.item-price .price--reduced,
.line-total .price--reduced,
.product-price__amount--on-sale {
/* color: #bb3428; */
color: #bb3428 !important;
}
.product .was-price,
.product-price__compare {
margin-left: 4px;
text-decoration: line-through;
opacity: 0.5;
/* font-size: 80%; */
/* font-size: 85%; */
font-size: 90%;
line-height: 1.2em;
}
.product .from,
.product-price__from {
margin-right: 2px;
font-size: 90%;
line-height: 1.2em;
}
.original-price {
opacity: 0.6;
text-decoration: line-through;
}
.unit-price {
color: #000000;
}
.block.padded,
.block .padded {
padding: 10px;
}
.block .sidesonly {
padding-top: 0;
padding-bottom: 0;
}
.block.double-padded,
.block .double-padded {
padding: 20px;
}
.block .sub.double-padded,
.block .double-padded.sidesonly {
padding-top: 10px;
padding-bottom: 10px;
}
.block .main.contactpagecontent {
margin-bottom: 0;
padding-bottom: 0;
}
#contact_form .inputrow {
width: 100%;
/* margin-top: 5px; */
max-width: 100%;
}
#contact_form textarea {
width: 100%;
/* margin-top: 5px; */
max-width: 100%;
resize: vertical;
}
.block.collection img {
width: 100%;
}
.block.tight-margin {
margin: 20px;
}
.three-block-layout {
display: flex;
flex-wrap: wrap;
margin-left: -20px;
margin-bottom: -20px;
}
@media (max-width: 767px) {
.three-block-layout {
margin-left: -10px;
}
}
.three-block-layout img {
display: block;
width: 100%;
}
.three-block-layout .col-block {
flex: 0 0 auto;
margin-left: 20px;
margin-bottom: 20px;
width: calc(33.33% - 20px);
}
@media (max-width: 767px) {
.three-block-layout .col-block {
margin-left: 10px;
width: calc(33.33% - 10px);
}
}
.three-block-layout .halfrow-size {
width: calc(50% - 20px);
}
.three-block-layout .double-size {
width: calc(66.66% - 20px);
}
.three-block-layout .triple-size {
width: calc(100% - 20px);
}
.three-block-layout .even-fill-size {
flex: 1 0 0;
}
@media (max-width: 767px) {
.three-block-layout .halfrow-size {
width: calc(50% - 10px);
}
.three-block-layout .double-size {
width: calc(66.66% - 10px);
}
.three-block-layout .triple-size {
width: calc(100% - 10px);
}
.three-block-layout .even-fill-size {
flex: 0 0 100%;
}
}
@media (max-width: 600px) {
.three-block-layout {
margin-left: 0;
}
.three-block-layout .col-block {
width: 100%;
margin: 0 0 20px;
}
}
.article-image {
margin-bottom: 1em;
margin-left: -50px;
margin-right: -50px;
}
@media (max-width: 767px) {
.article-image {
/* margin-left: -20px;
margin-right: -20px; */
margin-left: -8px;
margin-right: -8px;
}
}
.article-image-block {
margin-bottom: 1em;
}
.article-excerpt {
margin: 1em 0;
}
.shoplogo {
background: rgba(0,0,0,0);
font-family: Helvetica, 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif;
font-weight: 400;
font-style: normal;
font-size: 20px;
line-height: 1.4em;
text-align: center;
word-break: break-word;
}
.shoplogo,
.shoplogo .logotext {
color: #000000;
text-decoration: none;
}
.shoplogo .logoimg {
/* display: block; */
/* display: inline-flex; */
display: flex;
}
.shoplogo img {
max-width: 100%;
/* vertical-align: top; */
vertical-align: middle;
}
.shoplogo .logotext {
display: block;
text-align: left;
padding: 30px 27px;
}
#navbar {
position: fixed;
background: #ffffff;
color: #000000;
top: 0;
left: 0;
width: 240px;
height: 100%;
font-size: 10.2px;
z-index: 5;
transition: left 250ms ease;
overflow: visible;
}
#navbar .shoplogo.with-margin .logoimg {
/* margin: 27px; */
margin: 20px 30px;
}
#navbar.nav-style-in {
overflow: hidden;
}
.navbar--with-shadow {
box-shadow: 0 0 15px 5px rgba(0,0,0,0.15);
}
#navpanel {
height: 100%;
overflow-x: hidden;
overflow-y: auto;
}
.mainnav {
/* padding-top: 20px; */
/* padding-bottom: 50px; */
font-family: Helvetica, 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif;
font-weight: 400;
font-style: normal;
}
@media (min-width: 1001px) {
#navbar {
height: auto;
background: transparent;
}
#navpanel {
padding-top: 30px;
}
.mainnav {
height: calc(100% - 30px);
/*padding-top: 230px;*//*okas*/
overflow-y: scroll;
overflow-x: hidden;
}
}
.mainnav a {
color: inherit;
}
.mainnav a:hover {
color: inherit;
}
.mainnav .wk-link:hover {
color: inherit;
background-color: transparent;
}
.mainnav .search:hover {
color: inherit;
background-color: transparent;
}
.mainnav .search svg:hover .st0, .page-header__inner .search:hover .st0 {
fill: #000;
}
#right_navbar .search svg:hover .st0, .page-header__inner .search:hover .st0 {
fill: #000;
}
.mainnav .nav-cart:hover {
color: inherit;
background-color: transparent;
}
.mainnav .nav-cart svg {
fill: #000;
/* fill: transparent; */
}
.mainnav .nav-cart:hover .st0 {
fill: #000;
}
/* .template-index .mainnav .nav-cart:hover .st0 {
fill: currentColor;
} */
@media (max-width: 1000px) {
.mainnav .nav-cart:hover .numitems {
color: #fff;
font-weight: 600;
transform: scale(1.2);
}
.go-cart__trigger.filled .numitems {
color: #FFF;
}
/* .template-product .page-header__inner .st0 {
fill: none !important;
} */
}
.go-cart__trigger.filled .st0 {
/* fill: #000; */
fill: #000 !important;
}
.go-cart__trigger.filled .not-filled {
/* fill: transparent; */
fill: transparent !important;
}
/* .go-cart__trigger.filled .numitems {
color: #FFF;
} */
/* .mainnav .nav-cart svg:hover {
fill: #15f717;
} */
/* .page-header__inner .nav-cart svg {
fill: #000;
}
.page-header__inner .nav-cart svg:hover {
fill: #15f717;
}
.page-header__inner .search svg {
fill: #000;
}
.page-header__inner .search svg:hover {
fill: #15f717;
}
.page-header__inner .nav-toggle svg {
fill: #000;
}
.page-header__inner .nav-toggle svg:hover {
fill: #15f717;
} */
.no-js .mainnav .tier1 > ul > li:focus-within .tier2,
.no-js .mainnav .tier1 > ul > li:focus-within .tier3 {
display: block;
}
.mainnav ul {
margin: 0;
}
/* .mainnav ul.c-nav__level2 {
background: rgb(248, 248, 248);
border: 1px solid rgb(237, 237, 237);
border-width: 1px 0;
} */
.mainnav li {
list-style: none;
}
.mainnav .tier1 {
transition: all 250ms ease;
}
.mainnav a {
display: block;
margin: 0 27px;
padding: 2px 0;
transition: 250ms border-color;
font-size: 11px;
line-height: 11px;
text-transform: uppercase;
cursor: pointer;
}
@media (max-width: 1000px) {
.mainnav a {
/* padding: 8px 0; */
padding: 4px 0;
}
}
#right_navbar .clear_sidebar_wrapper a {
display: block;
margin: 0 27px;
padding: 2px 0;
transition: 250ms border-color;
font-size: 11px;
line-height: 11px;
text-transform: uppercase;
cursor: pointer;
color: #000;
}
#right_navbar .clear_sidebar_wrapper a:hover {
text-shadow: .5px 0px 0px currentColor;
}
@media (min-width: 1001px) {
.mainnav .search,
.mainnav .nav-cart,
.mainnav .account-links,
.mainnav .cartsummary,
.mainnav .sidebar__right_block2 {
position: fixed;
padding: 0 !important;
margin: 0 !important;
right: 27px;
/* top: 5%; */
z-index: 999;
}
.mainnav .search {
top: 5%;
}
.nav-cart {
top: 10%;
}
.mainnav .account-links {
/* top: 11.4%; */
/* top: 11.5%; */
top: 13%;
}
.mainnav .cartsummary {
/* top: 13.2%; */
/* top: 13%; */
top: 14.5%;
}
.mainnav .sidebar__right_block2 {
/* top: 21%; */
/* top: 19%; */
/* top: 21%; */
top: 20%;
}
.template-index .mainnav .numitems {
display: none;
}
.template-index #right_navbar .numitems {
display: none;
}
}
.mainnav li.active > a,
.mainnav li > a:hover,
.mainnav .tier1 > ul > li.expanded > a {
border-bottom-color: rgba(0, 0, 0, 0.9);
}
.mainnav:not(.mainnav--with-dividers) .tier1 > ul > li > a:not(.featured-link):hover {
color: #333333;
}
.mainnav:not(.mainnav--with-dividers) .tier2 > ul > li > a:not(.featured-link):hover {
opacity: 0.8;
}
.mainnav--with-dividers a {
padding: 14px 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}
.mainnav .tier-title {
text-transform: uppercase;
font-weight: 400;
/* padding: 2px; */
padding: 0;
}
.mainnav .tier3 {
display: none;
margin: 0 27px;
padding: 10px 0;
}
.mainnav .tier3 a {
border: none;
padding: 0;
}
.mainnav .tier3 a:hover,
.mainnav .tier3 .active > a {
text-decoration: underline;
}
.mainnav--with-dividers .tier3 {
border-bottom: 1px solid rgba(0, 0, 0, 0.9);
padding: 20px 0;
}
.mainnav .tier2 {
display: none;
font-weight: normal;
}
.mainnav .tier2 .expanded > a {
border-bottom-color: rgba(0, 0, 0, 0.9);
}
.mainnav .tier2 .expanded > .tier3 {
display: block;
}
.mainnav .tier2 > ul {
padding-bottom: 50px;
}
.mainnav .account-links {
/* display: none; */
margin: 30px 27px 0;
/* line-height: 18px; */
/* line-height: 15px; */
/* line-height: 18px; */
line-height: 13px;
}
.mainnav .account-links a {
display: inline;
border: none;
/* margin: 0 0.5em; */
margin: 0 0.1em;
padding: 0;
}
.mainnav .account-links a:first-child {
margin-left: 0;
}
@media (max-width: 1000px) {
.mainnav .account-links {
display: block;
}
}
.mainnav .back {
display: none;
}
.nav-outside-expanded-mode .mainnav .tier2 {
display: block;
position: absolute;
left: 240px;
top: 0;
width: 0;
height: 100%;
overflow: hidden;
transition: width 250ms ease;
z-index: 5;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
background: #f2f2f2;
}
.nav-outside-expanded-mode .mainnav .tier2, .nav-outside-expanded-mode .mainnav .tier2 a, .nav-outside-expanded-mode .mainnav .tier2 a:hover {
color: #333;
}
.nav-outside-expanded-mode .mainnav .tier2 > ul > li > a {
border-bottom-color: rgba(51, 51, 51, 0.25);
}
.nav-outside-expanded-mode .mainnav .tier2 > ul > li.active > a,
.nav-outside-expanded-mode .mainnav .tier2 > ul > li > a:hover {
border-bottom-color: rgba(51, 51, 51, 0.9);
}
.nav-outside-expanded-mode .mainnav .tier2 .tier3,
.nav-outside-expanded-mode .mainnav .tier2 > ul > li.expanded > a {
border-bottom-color: rgba(51, 51, 51, 0.9);
}
.nav-outside-expanded-mode .mainnav .tier2 > * {
min-width: 210px;
}
.nav-outside-expanded-mode .mainnav .tier1 > ul > li > a {
position: relative;
}
.nav-outside-expanded-mode .mainnav .tier1 > ul > li > a:after {
content: "";
position: absolute;
right: -27px;
margin-top: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 8px 8px 8px 0;
border-color: transparent #f2f2f2 transparent transparent;
opacity: 0;
-webkit-transform: translateX(5px);
transform: translateX(5px);
transition: all 250ms ease;
}
.nav-outside-expanded-mode .mainnav .tier1 .outside-expanded > a:after {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
.nav-outside-expanded-mode .mainnav .tier1 .outside-expanded .tier2 {
width: 210px;
overflow-y: auto;
}
.nav-outside-expanded-mode .mainnav .tier-title {
padding-top: 20px;
}
.show-nav-mobile .mainnav .tier2,
.nav-style-in .mainnav .tier2 {
position: absolute;
left: 100%;
top: 0;
width: calc(100% - 30px);
margin-left: 30px;
height: auto;
background: transparent;
}
.show-nav-mobile .mainnav .tier2, .show-nav-mobile .mainnav .tier2 a, .show-nav-mobile .mainnav .tier2 a:hover,
.nav-style-in .mainnav .tier2,
.nav-style-in .mainnav .tier2 a,
.nav-style-in .mainnav .tier2 a:hover {
color: inherit;
}
.show-nav-mobile .mainnav .inside-expanded-tier2,
.nav-style-in .mainnav .inside-expanded-tier2 {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
.show-nav-mobile .mainnav .back,
.nav-style-in .mainnav .back {
display: block;
position: absolute;
top: 0;
left: 100%;
width: 50px;
padding: 9px 0 0;
margin: 0;
text-align: center;
z-index: 3;
font-size: 20px;
border: 0;
opacity: 0;
pointer-events: none;
transition: opacity 200ms;
}
.show-nav-mobile .mainnav .back svg,
.nav-style-in .mainnav .back svg {
fill: #000000;
}
.show-nav-mobile .mainnav .showback .back,
.nav-style-in .mainnav .showback .back {
opacity: 1;
pointer-events: auto;
}
.show-nav-mobile .mainnav .tier2,
.nav-style-in .mainnav .tier2 {
display: none;
}
.show-nav-mobile .mainnav .expanded .tier2,
.nav-style-in .mainnav .expanded .tier2 {
display: block;
}
#navbar #navpanel .mainnav .tier1.removetrans,
#navbar #navpanel .mainnav .tier1.removetrans .tier2,
#navbar #navpanel .mainnav .tier1.removetrans .back {
transition: none;
}
body:after {
content: "";
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 4;
pointer-events: none;
opacity: 0;
background: rgba(0, 0, 0, 0.5);
transition: opacity 500ms;
}
body.nav-outside-expanded-mode {
overflow: hidden;
}
body.nav-outside-expanded-mode:after {
opacity: 1;
}
body.nav-outside-expanded-mode .page-header {
z-index: 4;
}
.mainnav .special-links {
margin: 40px 27px;
display: none;
}
.mainnav .special-links .special-link {
margin: 20px 0;
border-radius: 0px;
}
.mainnav .special-links .special-link a {
display: block;
margin: 0;
padding: 14px 27px;
border: none;
border-radius: 0px;
text-align: center;
color: inherit !important;
font-family: Helvetica, 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif;
font-weight: bold;
font-style: normal;
font-size: 14px;
line-height: 17px;
letter-spacing: 1px;
}
.mainnav .special-links .special-link a:hover {
background: rgba(255, 255, 255, 0.1);
}
.desktop-header-localization {
display: inline-block;
text-align: left;
}
.desktop-header-localization .disclosure .disclosure__toggle {
/* padding: 0 23px 0 0; */
padding: 0;
}
.desktop-header-localization .disclosure .disclosure__toggle, .desktop-header-localization .disclosure .disclosure__toggle:hover {
background: transparent;
border: none;
color: inherit;
line-height: 1.2em;
text-transform: uppercase;
}
.desktop-header-localization .disclosure .disclosure__toggle-arrow {
right: 0;
transform: scale(0.8);
top: 2px;
}
.desktop-header-localization .disclosure .disclosure-list {
top: calc(100% + 8px);
bottom: auto;
right: -40px;
max-width: 260px;
}
/* .desktop-header-localization .selectors-form__item {
display: inline-block;
} */
.mobile-header-localization {
margin: 30px 27px 0;
text-align: right;
stroke: #000;
}
.mobile-header-localization .disclosure {
display: inline-block;
}
.mobile-header-localization .disclosure .disclosure-list {
max-width: 100%;
}
.mobile-header-localization .disclosure .disclosure-list__option {
line-height: 1.4em;
color: #333;
}
.mobile-header-localization .disclosure[data-disclosure-locale] + .disclosure__toggle-arrow + .disclosure-list .disclosure-list__item {
white-space: normal;
}
.mobile-header-localization .selectors-form__item {
/* margin-bottom: 20px; */
margin-bottom: 5px;
display: inline-block;
margin-left: 15px;
}
.mobile-copy {
margin: 10px 27px 0;
padding-bottom: 30px;
}
@media (min-width: 1001px) {
.mobile-copy {
display: none;
}
}
.social-links .social-links__list {
margin: 0;
}
.social-links li {
list-style: none;
display: inline-block;
}
.social-links a {
font-size: 16px;
line-height: 1em;
margin-right: 10px;
vertical-align: middle;
}
.social-links a:hover {
opacity: 0.75;
}
.social-links svg {
width: 16px;
height: 16px;
}
.social-links svg,
.social-links svg path, .social-links svg g {
fill: #000000;
}
.social-links img {
width: auto;
height: 16px;
}
.align-center,
.align-centre {
text-align: center;
}
.align-left {
text-align: left;
}
.align-right {
text-align: right;
}
.content-header,
.reading-container {
margin-left: auto;
margin-right: auto;
/* max-width: 760px; */
max-width: 800px;
padding-left: 50px;
padding-right: 50px;
}
.template-article .reading-container, .template-blog .reading-container {
max-width: 1050px;
padding-left: 8px;
padding-right: 8px;
}
@media (max-width: 767px) {
.content-header,
.reading-container {
padding-left: 20px;
padding-right: 20px;
}
}
.content-header .row,
.reading-container .row {
margin-left: 0;
margin-right: 0;
}
.reading-container--form {
max-width: 600px;
}
.reading-container--left {
margin-left: 0;
}
.container-fluid .page-title {
/* font-size: 14px;
font-weight: 700; */
font-size: 12px;
font-weight: 600;
padding-top: 50px;
}
.row {
/* margin: 20px 50px; */
margin: 10px 20px;
}
@media (max-width: 767px) {
.row {
/* margin-left: 20px;
margin-right: 20px; */
margin-left: 10px;
margin-right: 10px;
}
}
.template-search .row {
/* margin: 20px 50px; */
margin: 30px 20px;
}
.spacey-row {
/* margin: 50px; */
margin: 35px;
font-size: 0.85rem;
text-align: center;
text-transform: uppercase;
font-weight: bold;
}
@media (max-width: 767px) {
.spacey-row {
/* margin: 20px; */
/* margin: 10px; */
margin: 15px 10px 10px;
font-size: 0.85rem;
text-align: center;
text-transform: uppercase;
font-weight: bold;
}
#content .spacey-row {
margin-left: 0;
margin-right: 0;
}
}
.template-product .spacey-row {
font-size: 11px;
line-height: 16px;
}
.template-page .spacey-row {
margin: 0;
}
.super-spacey-row {
margin: 100px;
}
@media (max-width: 767px) {
.super-spacey-row {
margin: 40px;
}
}
.row .reading-container, .spacey-row .reading-container, .super-spacey-row .reading-container {
padding-left: 0;
padding-right: 0;
}
.inner-row {
margin-top: 20px;
margin-bottom: 20px;
}
.inner-row a {
color: #000;
}
.inner-row a:hover {
text-shadow: .5px 0px 0px currentColor;
}
.inner-row .light-inner-row a.address-edit-toggle {
color: #fff;
}
.inner-row.edit_address h2, .inner-row.edit_address .inputrow, .inner-row.edit_address .buttonrow {
text-align: initial;
}
.c-icon--arrow-right-two:before {
content: "\f101";
font-family: FontAwesome !important;
font-size: 12px;
line-height: 12px;
font-weight: 400 !important;
}
.light-inner-row {
/* margin-top: 20px;
margin-bottom: 20px; */
margin-top: 15px;
margin-bottom: 15px;
text-align: right;
line-height: 16px;
/* font-size: 13px; */
font-size: 11px;
}
.spaced-row {
margin-top: 1.5em;
margin-bottom: 1.5em;
}
.button-row {
margin-top: 2em;
}
.inline-width-container {
display: inline-block;
vertical-align: top;
max-width: 100%;
}
.pagination {
/* text-align: right; */
text-align: center;
}
.pagination__summary {
/* font-size: 12px; */
font-size: 11px;
/* line-height: 14px; */
line-height: 15px;
}
.pagination .prev, .pagination .page, .pagination .next {
/* line-height: 24px; */
line-height: 15px;
/* vertical-align: bottom; */
/* vertical-align: middle; */
padding-left: 5px;
padding-right: 5px;
}
.pagination svg {
/* width: 24px;
height: 24px; */
width: 18px;
height: 18px;
vertical-align: middle;
fill: #000000;
}
.pagination span svg {
opacity: 0.5;
}
@media (max-width: 767px) {
.pagination {
text-align: center;
}
}
.pagination .infiniscroll.no-more {
font-style: italic;
}
.infiniscroll {
color: #000;
background-color: #fff;
/* border: 1px solid #000; */
padding: 5px 80px;
font-size: 11px;
line-height: 18px;
animation: blinker 1s ease-in-out infinite alternate;
}
.infiniscroll:hover {
color: #15f717;
}
@keyframes blinker {
to {
opacity: 0;
}
}
@media (min-width: 1000px) {
.mobile-only,
.tablet-down {
display: none !important;
}
}
.sharing .sharing-label {
font-size: 10.2px;
margin-right: 0.5em;
vertical-align: middle;
}
.sharing ul {
line-height: 16px;
display: inline-block;
margin: 0;
vertical-align: middle;
}
.sharing li {
display: inline-block;
vertical-align: top;
/* margin: 0 0 0 5px; */
margin: 0 0 0 2px;
}
.sharing a {
color: inherit;
transition: opacity 150ms;
}
.sharing a:hover {
opacity: 0.8;
}
.sharing svg {
/* width: 16px;
height: 16px; */
width: 12px;
height: 12px;
}
@media only screen and (max-width: 1000px) {
.sharing svg {
/* width: 12px;
height: 12px; */
width: 12px;
height: 12px;
}
}
.sharing svg, .sharing svg g {
fill: #000000;
}
.sharing .email svg {
position: relative;
top: -2px;
height: 20px;
width: 20px;
}
.added-cta {
display: block;
padding-top: 1em;
opacity: 0;
text-align: right;
transition: opacity 500ms;
}
.added-cta.show {
opacity: 1;
}
.productlabel {
background: #c20000;
color: #fff;
display: table;
transition: opacity 200ms;
border-radius: 100px;
/* padding: 6px; */
padding: 5px;
/* height: 68px;
width: 68px; */
/* height: 40px;
width: 40px; */
height: 25px;
width: 25px;
pointer-events: none;
}
.block.product .productlabel {
position: absolute;
z-index: 1;
top: 10px;
right: 10px;
}
.productlabel.soldout {
background: #000000;
color: #fff;
}
.productlabel.general {
background: #de9d9a;
color: #fff;
}
.block.product:hover .productlabel {
opacity: 0;
filter: alpha(opacity=0);
}
.productlabel span {
/* font-size: 95%; */
/* line-height: 1.4em; */
display: table-cell;
vertical-align: middle;
text-align: center;
/* font-size: 10px;
line-height: 10px; */
font-size: 9px;
line-height: 9px;
}
@media only screen and (max-width: 480px) {
.block.product .productlabel {
/* font-size: 70%; */
/* height: 50px;
width: 50px; */
height: 20px;
width: 20px;
-webkit-border-radius: 80px;
-moz-border-radius: 80px;
border-radius: 80px;
}
}
.checkbox {
position: absolute;
opacity: 0;
}
.checkbox + label {
display: inline-flex;
vertical-align: top;
position: relative;
align-items: flex-start;
margin: 0;
font-size: 1em;
line-height: 1.5em;
cursor: pointer;
}
.checkbox + label::before {
content: "";
display: block;
width: 18px;
height: 18px;
margin-top: calc(0.75em - 9px);
margin-right: 10px;
border-radius: 0;
border: 1px solid rgba(0, 0, 0, 0.6);
}
.checkbox:focus + label::before {
outline: auto;
}
.checkbox:focus-visible + label::before {
outline: auto Highlight;
outline: auto -webkit-focus-ring-color;
}
.checkbox:focus:not(:focus-visible) + label::before {
outline: 0;
}
.checkbox:checked + label::before {
border-color: #000000;
background-color: #000000;
}
.checkbox:checked + label::after {
content: "";
position: absolute;
top: calc(0.75em - 1px);
left: 9px;
width: 6px;
height: 12px;
transform: translate(-50%, -50%) rotate(45deg);
border: solid #ffffff;
border-width: 0 2px 2px 0;
}
.checkbox[disabled] + label {
opacity: 0.5;
cursor: default;
}
.radio {
position: absolute;
opacity: 0;
}
.radio + label {
display: inline-flex;
vertical-align: top;
position: relative;
align-items: flex-start;
margin: 0;
font-size: 1em;
line-height: 1.5em;
cursor: pointer;
}
.radio + label::before {
content: "";
display: block;
/* width: 18px;
height: 18px; */
/* width: 16px;
height: 16px; */
width: 14px;
height: 14px;
/* margin-top: calc(0.75em - 9px); */
/* margin-top: calc(0.75em - 8px); */
margin-top: calc(0.75em - 7px);
/* margin-right: 10px; */
margin-right: 7px;
border-radius: 0;
/* border: 1px solid rgba(0, 0, 0, 0.6); */
border: 1px solid rgba(0, 0, 0, 0.3);
}
.radio:focus + label::before {
outline: auto;
}
.radio:focus-visible + label::before {
outline: auto Highlight;
outline: auto -webkit-focus-ring-color;
}
.radio:focus:not(:focus-visible) + label::before {
outline: 0;
}
.radio + label::before {
/* width: 18px;
height: 18px; */
/* width: 16px;
height: 16px; */
width: 14px;
height: 14px;
/* margin-top: calc(0.75em - 9px); */
/* margin-top: calc(0.75em - 8px); */
margin-top: calc(0.75em - 7px);
border-radius: 50%;
}
.radio:checked + label::before {
border: 1px solid #000000;
}
.radio:checked + label::after {
content: "";
position: absolute;
top: 0.75em;
/* left: 9px;
width: 10px;
height: 10px; */
/* left: 8px;
width: 8px;
height: 8px; */
left: 7px;
width: 7px;
height: 7px;
transform: translate(-50%, -50%);
border-radius: 50%;
background-color: #000000;
}
.cc-filters__footer,
.cc-filter__toggle,
.cc-price-range__control,
.cc-price-range__control::after,
.checkbox + label::before,
.radio + label::before,
.checkbox:checked + label::after {
box-sizing: border-box;
}
.cc-filters-control__btn {
border: 1px solid #000000;
background: #ffffff;
color: #000000;
}
.cc-filters-control__btn:hover {
border-color: #000000;
background-color: #000000;
color: #ffffff;
}
.cc-filter-close-btn:hover,
.cc-filter-back-btn:hover {
border: 0;
background: none;
}
.cc-filter-clear-btn {
color: inherit;
}
.cc-filter__content ul {
margin: 0;
}
.cc-filter__content li {
list-style: none;
}
.no-js-apply-filters > button {
line-height: 18px;
}
.cc-sort-label {
margin: 3px 0;
font-size: 0.86em;
line-height: 1;
}
@media (min-width: 768px) {
.cc-filter__toggle {
border-color: rgba(0, 0, 0, 0.6);
}
.cc-filter__toggle::after {
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' stroke='rgb(0, 0, 0)' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
}
}
.filter-dropdown {
position: relative;
border-bottom: 1px solid #e7e7e7;
padding: 1em 0;
width: 100%;
}
@media (min-width: 768px) {
.filter-dropdown {
width: 300px;
}
}
.filter-dropdown select {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
opacity: 0;
z-index: 1;
cursor: pointer;
-webkit-appearance: menulist-button;
-moz-appearance: menulist-button;
appearance: menulist-button;
}
.filter-dropdown svg {
float: right;
}
.filter-row {
margin: 25px 5px;
}
@media (min-width: 481px) {
.filter-row {
margin-left: 15px;
margin-right: 15px;
}
}
@media (min-width: 768px) {
.filter-row {
margin-left: 40px;
margin-right: 40px;
display: flex;
justify-content: space-between;
align-items: center;
}
}
.product-block-title {
color: #000000;
position: relative;
display: block;
/* line-height: 14px; */
line-height: 11px;
font-size: 11px;
/* padding-top: 7px; */
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
@media (max-width: 767px) {
.product-block-title {
-webkit-line-clamp: 3;
}
}
[data-gridtype=SECONDARY] .product-block-title {
-webkit-line-clamp: 2;
}
[data-gridtype=PRIMARY] .product-block-title {
padding-top: 7px;
}
.template-search .product-block-title {
padding-top: 7px;
}
[data-gridtype=PRIMARY] .block.product .sub, .template-search .block.product .sub {
/* padding-bottom: 15px; */
/* padding-bottom: 15px; */
padding-bottom: 25px;
text-align: center;
/* text-align: justify;
text-align-last: center; */
}
@media (max-width: 1000px) {
[data-gridtype=PRIMARY] .block.product .sub, .template-search .block.product .sub {
padding-bottom: 10px;
}
[data-gridtype=SECONDARY] .product-image__secondary {
display: none;
}
}
.product-vendor {
opacity: 0.75;
/* font-size: 85%; */
/* font-size: 10px;
line-height: 10px; */
font-size: 11px;
line-height: 11px;
padding-top: 5px;
/* font-weight: 900; */
}
.inline-select label {
margin-right: 5px;
}
.opposing-items {
display: flex;
justify-content: space-between;
align-items: flex-end;
}
.opposing-items__left {
flex: 1 0 0;
margin-bottom: 0;
}
.opposing-items__right {
flex: 0 0 auto;
}
.opposing-items__right .swiper-prev,
.opposing-items__right .swiper-next {
display: inline-block;
padding: 2px;
}
.nowrap {
white-space: nowrap;
}
.border-under {
margin-bottom: 1em;
padding-bottom: 1em;
border-bottom: 1px solid #e7e7e7;
}
.light-border-under {
margin-bottom: 1em;
padding-bottom: 1em;
border-bottom: 1px solid rgba(231, 231, 231, 0.4);
}
.meta {
font-size: 10.2px;
}
.meta label,
.meta .label,
.meta .meta-item {
margin-right: 10px;
white-space: nowrap;
}
.cart-item-list {
margin: 0;
}
.cart-item {
display: flex;
list-style: none;
/* padding: 2em 0; */
padding: 1em 0;
border-top: 1px solid rgba(231, 231, 231, 0.4);
/* padding-top: 30px; */
}
.cart-list-header {
border-top: none;
/* padding: 1em 0; */
padding: 0.5em 0;
font-weight: bold;
/* line-height: 16px; */
line-height: 12px;
font-size: 12px;
}
.cart-item .col-image {
flex: 0 0 auto;
/* width: 80px; */
width: 120px;
margin: 0 20px 0 0;
}
.cart-item .col-notimage {
flex-grow: 1;
display: flex;
}
@media (min-width: 768px) {
.cart-product-list .desc, .cart-product-list .item-price, .cart-product-list .quantity-and-remove, .cart-product-list .line-total {
position: relative;
/* top: calc(50% - 20px); */
top: calc(50% - 30px);
}
.cart-product-list .col-image {
border: 1px solid transparent;
}
.cart-product-list .col-image:hover {
border: 1px solid #000;
}
}
.cart-product-title {
margin-bottom: 5px;
/* line-height: 15px; */
line-height: 12px;
}
.cart-item .desc {
flex-grow: 1;
margin: 0 20px 0 0;
/* line-height: 16px;
font-size: 13px; */
line-height: 16px;
}
.cart-item .desc .name {
color: inherit;
/* font-weight: 700; */
text-shadow: 0.5px 0px 0px currentColor;
}
.cart-item .desc .name:hover {
text-decoration: underline;
/* text-shadow: 0.5px 0px 0px currentColor; */
}
.cart-item .desc .variant,
.subscription-description {
margin-top: 0.25em;
/* font-size: 80%;
line-height: 1.4; */
font-size: 10px;
line-height: 10px;
}
.cart-item .desc .cart-variant-group {
margin-top: 0.5em;
}
.cart-item .backorder {
font-style: italic;
}
.cart-item .backorder p {
font-size: 10px;
line-height: 10px;
}
.cart-item .item-price {
flex: 0 0 auto;
width: 140px;
/* text-align: right; */
display: flex;
justify-content: center;
}
.mobile-item-price {
font-size: 12px;
}
.mobile-item-price .original-price {
display: inline-block;
}
.mobile-item-price .price--reduced {
display: inline-block;
color: #bb3428;
}
@media (min-width: 768px) {
.mobile-item-price {
display: none;
}
}
.cart-item .unit-price {
font-size: 90%;
}
.cart-item .quantity-and-remove-header, .cart-item .quantity-and-remove {
flex: 0 0 auto;
margin: 0 20px;
/* width: calc(4em + 1px); */
width: calc(4em + 18px);
text-align: center;
position: relative;
/* display: flex;
align-items: center;
flex-direction: column; */
}
/* .cart-item .quantity-and-remove {
margin-top: -7px;
position: relative;
min-width: 55px;
} */
.max_qty_reached {
font-size: 9px;
color: #d93025;
position: absolute;
top: -20px;
/* top: -9px; */
line-height: 11px;
}
@media (max-width: 767px) {
.max_qty_reached {
top: -9px;
}
}
.cart-item .quantity {
display: inline-block;
vertical-align: middle;
}
.cart-item .quantity input {
padding-left: 1em;
padding-right: 1em;
width: 4em;
text-align: center;
}
.cart-item .remove {
display: block;
margin-top: 5px;
/* margin-top: 25px; */
/* font-size: 13px;
line-height: 13px; */
/* font-size: 12px;
line-height: 12px; */
font-size: 11px;
line-height: 11px;
color: #000;
}
.cart-item .remove:hover {
color: #000;
text-decoration: underline;
text-shadow: 0.5px 0px 0px currentColor;
}
.cart-item .line-total {
flex: 0 0 auto;
width: 140px;
text-align: right;
}
#cartform #checkout-note {
margin-top: 1em;
}
#cartform #checkout-note textarea {
width: 100%;
/* margin-top: 5px; */
max-width: 100%;
resize: vertical;
}
#cartform .update-totals {
float: right;
padding: 6px 10px 5px;
}
.cart-update-row {
margin: 1em 0;
display: none;
}
.cart-update {
float: right;
}
.cart-policies {
text-align: right;
}
.cart-terms-row {
text-align: right;
}
.cart-terms-row input {
margin-bottom: 4px;
}
.subtotal-row {
border-top: 1px solid #e7e7e7;
margin-top: 1em;
padding-top: 1em;
text-align: right;
}
.subtotal-row .cart-discount-list {
padding-bottom: 0.5em;
}
.subtotal-amount {
display: flex;
justify-content: space-between;
}
.subtotal-amount .subtotal-label {
margin-right: 10px;
}
@media (max-width: 767px) {
.subtotal-amount {
justify-content: flex-end;
}
.subtotal-amount .theme-money {
line-height: 18px;
}
}
.checkout-row {
margin-top: 2em;
text-align: right;
}
.checkout-row .button--alt {
position: relative;
display: inline-block;
flex: none;
/* margin-top: 10px; */
/* margin: 10px 5px 0; */
/* margin: 10px 0px 0px; */
margin: 5px 0px 0px;
/* width: calc(50% - 12px); */
/* min-height: 47px;
padding-left: 1em;
padding-right: 1em; */
background: #fff;
color: #000;
/* border: 1px solid #000;
letter-spacing: .16071429rem; */
/* font-weight: 400; */
/* font-weight: 700; */
font-weight: 400;
/* font-size: 12px; */
font-size: 11px;
padding: 14px 4em;
}
.checkout-row .button--alt:hover {
/* color: #fff; */
color: #ffffff;
border: 1px solid #000;
background: rgba(var(--primary-button-background-rgb), 0);
z-index: 0;
/* text-decoration: underline; */
text-shadow: .5px 0px 0px currentColor;
}
.checkout-row .button--alt span {
position: relative;
z-index: 2;
}
/* .checkout-row .button--alt:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #000;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.4s;
transition-duration: 0.4s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
text-shadow: .5px 0px 0px currentColor;
}
.checkout-row .button--alt:hover:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
} */
.checkout-row .button--alt:after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transform-origin: right center;
transform-origin: right center;
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transition: Transform 0.5s ease;
-o-transition: Transform 0.5s ease;
transition: Transform 0.5s ease;
}
.checkout-row .button--alt:after {
background: #222;
/* border-radius: 4px; */
}
.checkout-row .button--alt:hover span {
color: #fff;
}
.checkout-row .button--alt:hover:after {
-webkit-transform-origin: left center;
transform-origin: left center;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
[data-shopify-buttoncontainer] {
justify-content: flex-end;
}
@media (max-width: 749px) {
.checkout-row #update-cart {
width: 100%;
}
[data-shopify-buttoncontainer] {
justify-content: center;
}
}
#shipping-calculator {
border-bottom: 1px solid #e7e7e7;
margin-top: 2em;
padding-bottom: 1em;
}
.cart-discount-list {
margin: 1em 0;
padding: 0;
}
.cart-discount-list:first-child {
margin-top: 0;
}
.cart-discount-list:last-child {
margin-bottom: 0;
}
.cart-discount {
list-style: none;
}
.cart-discount:not(:last-child) {
margin-bottom: 0.5em;
}
.cart-discount__amount::before {
content: "-";
}
.cart-discount--inline .cart-discount__label {
margin-right: 1em;
}
.form .req,
.form .error,
.form .errors {
color: #f5447b;
}
.inputrow,
.buttonrow {
clear: both;
margin: 1.5em 0;
}
.inputrow label {
display: block;
color: #000000;
/* margin-bottom: 0.5em; */
font-size: 11px;
line-height: 14px;
}
.inputrow input,
.inputrow textarea {
width: 100%;
padding: 10px 20px;
font-weight: 400;
font-size: 11px;
}
.inputrow input[type=checkbox] {
width: auto;
}
.two-input-row {
margin-left: -25px;
}
.two-input-row .inputrow {
clear: none;
float: left;
width: calc(50% - 25px);
margin: 0 0 1em 25px;
}
.two-input-row .inputrow select {
width: 100%;
font-size: 11px;
padding: 10px 40px 10px 19px;
}
@media (max-width: 767px) {
.two-input-row {
margin-left: 0;
}
.two-input-row .inputrow {
float: none;
width: auto;
margin: 1em 0;
}
}
.buttonrow span.note {
margin-left: 0.5em;
}
.form .has-error input,
.form .has-error textarea {
border: 1px solid #f88;
-webkit-box-shadow: 0 0 2px 0 #f88;
-moz-box-shadow: 0 0 2px 0 #f88;
box-shadow: 0 0 2px 0 #f88;
}
/* non-template forms */
.form-row,
.large_form {
clear: both;
padding: 1px 0 10px 120px;
}
.form-row label,
.large_form label {
margin-left: -120px;
width: 110px;
float: left;
}
.cc-gift-card-recipient__fields .form-row {
padding-left: 0px;
}
.cc-gift-card-recipient__fields input,
.cc-gift-card-recipient__fields textarea {
width: 100%;
}
.table-container {
overflow: auto;
max-width: 100%;
}
.table-container table {
width: 100%;
}
.product-container {
margin-left: auto;
margin-right: auto;
/* padding-left: 50px;
padding-right: 50px;
max-width: 1100px; */
padding-left: 15px;
padding-right: 15px;
max-width: 1500px;
}
@media (max-width: 767px) {
.product-container {
/* padding-left: 20px;
padding-right: 20px; */
padding-left: 10px;
padding-right: 10px;
}
}
.product-gallery,
.product-info {
float: left;
}
.product-gallery {
margin-right: 50px;
width: calc(100% - 300px - 50px);
}
.product-gallery__image {
display: block;
width: 100%;
}
button.product-gallery__image {
background: transparent;
border: none;
color: inherit;
transition: none;
border-radius: 0;
padding: 0;
}
.product-gallery.single-image {
margin-bottom: 20px;
}
.product-gallery.single-image .swiper-button-prev,
.product-gallery.single-image .swiper-button-next,
.product-gallery.single-image .gallery-thumbs {
display: none;
}
.product-gallery.single-image .gallery-top {
border: none;
}
.product-gallery.single-image .gallery-top .swiper-slide {
width: 100%;
}
/* .product-gallery .gallery-top {
border: 1px solid rgba(231, 231, 231, 0.4);
} */
.product-gallery .gallery-top .swiper-slide {
width: auto;
max-width: 100%;
}
.product-gallery .gallery-thumbs {
position: relative;
margin: 20px 0;
}
.product-gallery .gallery-thumbs a {
position: relative;
display: inline-block;
vertical-align: top;
width: 68px;
/* margin: 0 10px 14px 0; */
margin: 0 2px 8px 0;
}
@media (max-width: 767px) {
.product-gallery .gallery-thumbs {
white-space: nowrap;
overflow: auto;
}
}
.product-container--full-width {
max-width: none;
}
@media (min-width: 768px) {
.product-container--full-width .product-gallery .gallery-top .swiper-slide img {
max-height: calc(max(100vh, 520px) - 275px);
}
}
.product-container--full-width .product-gallery__image {
max-width: 100%;
}
.product-container--full-width .gallery-thumbs a {
height: 68px;
width: auto;
}
.product-container--full-width .gallery-thumbs img {
height: 68px;
width: auto;
max-width: none;
}
.no-js .product-gallery .swiper-slide {
width: 100%;
}
.no-js .swiper-button-prev,
.no-js .swiper-button-next {
display: none;
}
.product-info {
/*width: 300px;*/
width: calc(40% - 30px);
margin-top: 30px;
padding-left: 30px;
}
.product-info .themed-product-reviews .spr-badge {
margin-top: -0.2em;
margin-bottom: 1em;
cursor: pointer;
}
.product-info .pricearea {
/* margin-bottom: 10px; */
margin-bottom: 0;
}
.product-info .sku_block {
display: inline-block;
}
.product-info .sku {
margin-bottom: 10px;
}
[data-gridtype=PRIMARY] .sub .pricearea {
padding-top: 7px;
}
.product-info .pricearea .price,
.atc-product-info .price,
.atc_pricearea .price,
.atc_pricearea .was-price,
.atc-product-info .was-price,
.product-info .pricearea .was-price {
/* font-size: 170%;
line-height: 1.2em; */
margin-bottom: 10px;
/* font-size: 16px; */
/* font-size: 15px; */
font-size: 13px;
/* font-weight: 600; */
font-weight: 400;
line-height: 18px;
}
.atc-product-info .price,
.atc-product-info .was-price {
margin-top: 10px;
}
.product-info .pricearea .was-price,
.atc_pricearea .was-price,
.atc-product-info .was-price {
opacity: 0.5;
filter: alpha(opacity=50);
font-style: italic;
text-decoration: line-through;
/* padding-left: 12px;
padding-right: 12px; */
padding-left: 5px;
padding-right: 5px;
}
.atc_sku {
/* margin-top: 5px; */
margin-bottom: 10px;
}
.product-info .productlabel {
float: right;
margin-left: 10px;
opacity: 1;
filter: alpha(opacity=100);
}
.product-info .vendor {
/* padding-bottom: 5px; */
padding-bottom: 2px;
}
.product-info .vendor a {
/* font-size: 13px;
line-height: 13px;
padding-bottom: 5px;
color: #333; */
/* font-size: 13px;
line-height: 13px; */
font-size: 11px;
line-height: 11px;
color: #000;
/* font-weight: 900; */
font-weight: 400;
}
.product-info .vendor a:hover {
text-decoration: underline;
}
.product-info .product-title,
.atc_product-title {
/* margin: 0 0 10px 0; */
/* margin: 0 0 5px 0; */
margin: 0 0 3px 0;
/* font-size: 16px; */
font-size: 14px;
/* line-height: 18px; */
/* line-height: 16px; */
line-height: 14px;
/* font-weight: 600; */
font-weight: 400;
text-shadow: .5px 0px 0px currentColor;
}
.product-info .section {
/* border-top: 1px solid #e7e7e7; */
/* padding: 1.3em 0; */
padding: 0.75em 0;
}
.product-info .section.description {
margin-bottom: 1.3em;
padding-bottom: 0;
}
.product-info .section .inputrow:first-child {
margin-top: 0;
}
.product-info .section .inputrow:last-child {
margin-bottom: 0;
}
.product-info .selector-wrapper {
/* margin-bottom: 15px; */
margin-bottom: 20px;
}
.product-info .original-selector {
display: none;
}
.no-js .product-info .option-selectors {
display: none;
}
.no-js .product-info .original-selector {
display: inline;
}
.product-classification {
margin-bottom: 1em;
}
.descriptionunder {
clear: both;
}
.product-info .section.morelinks {
font-size: 10.2px;
}
.product-info .section.morelinks a {
color: #000;
text-decoration: underline;
}
.product-info .section.morelinks a:hover {
text-shadow: .5px 0px 0px currentColor;
}
.product-info .sharing {
/* padding: 20px 0; */
padding: 10px 0;
border-top: 1px solid #e7e7e7;
}
.product-info .quantadd {
text-align: right;
/* overflow: hidden; */
}
.product-info .quantadd .quantity {
float: left;
text-align: center;
margin-right: 4px;
width: 60px;
}
.product-info .quantadd .add-to-cart {
padding-left: 1em;
padding-right: 1em;
width: 210px;
font-weight: 400;
}
.js-go-cart-add-to-cart svg {
height: 16px;
width: 16px;
}
.add-to-cart svg {
/* width: 12px;
height: 12px;
margin-top: -2px; */
width: 10px;
height: 10px;
/* margin-top: -1px; */
margin-top: 0px;
margin-left: 4px;
}
.check_out svg {
/* width: 12px;
height: 12px; */
width: 10px;
height: 10px;
/* margin-top: 2px; */
/* margin-top: 0; */
margin-top: 2px;
margin-left: 2px;
}
.check_out svg .st0 {
fill: transparent;
stroke-width: 0;
stroke-miterlimit: 1;
}
.product-info #free-shipping {
font-size: 11px;
/* line-height: 140%; */
line-height: 11px;
color: gray;
/* margin: 10px 0; */
/* margin: 12px 0; */
margin: 15px 0;
letter-spacing: 0;
font-weight: 400;
}
@media (max-width: 360px) {
.product-info .quantadd .add-to-cart {
width: 180px;
}
}
.product-info .add-to-cart.button {
position: relative;
display: inline-block;
width: 100%;
min-height: 1.5625rem;
/* padding: 10px 1.25rem; */
padding: 8px 1.25rem;
/* font-size: 10px; */
line-height: 12px;
background: #fff;
color: #000;
border: 1px solid #000;
/* border-radius: 1.5rem; */
}
/* .product-info .add-to-cart.button:hover {
color: #fff;
border: 1px solid #000;
background: rgba(var(--primary-button-background-rgb), 0);
z-index: 0;
} */
.product-info .add-to-cart.button span {
position: relative;
z-index: 2;
}
/* .product-info .add-to-cart.button:before {
content: "";
position: absolute;
z-index: -1;
top: -1px;
left: -1px;
right: -1px;
bottom: -1px;
background: #000;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.4s;
transition-duration: 0.4s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
} */
/* .product-info .add-to-cart.button:hover:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
} */
.product-info .add-to-cart.button:after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transform-origin: right center;
transform-origin: right center;
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transition: Transform 0.5s ease;
-o-transition: Transform 0.5s ease;
transition: Transform 0.5s ease;
}
.product-info .add-to-cart.button:after {
background: #222;
/* border-radius: 4px; */
}
.product-info .add-to-cart.button:hover {
color: #fff;
}
.product-info .add-to-cart.button:hover:after {
-webkit-transform-origin: left center;
transform-origin: left center;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.product-info .add-to-cart.button svg {
margin-left: 5px;
/* height: 14px;
width: 14px; */
/* height: 12px;
width: 12px; */
height: 10px;
width: 10px;
/* margin-bottom: 2px; */
margin-bottom: 0;
margin-top: 1px;
}
.product-info .add-to-cart.button svg .st0 {
/* stroke-width: 1; */
stroke-width: 0;
stroke-miterlimit: 1;
fill: transparent;
}
/* .product-info .add-to-cart.button:hover .st0 {
fill: #000000;
} */
.productoptions label {
display: block;
color: #000000;
margin-bottom: 0.5em;
font-size: 11px;
line-height: 14px;
}
.option-selectors label {
display: inline-block;
}
.product-inventory-notice {
margin: 0 0 1em;
}
label .product-inventory-notice {
position: absolute;
display: inline;
margin: 0 0 0 0.4em;
}
label .product-inventory-notice::before {
content: "—";
margin-right: 0.4em;
opacity: 0.5;
}
.sku--no-sku,
.product-inventory-notice--no-inventory {
display: none !important;
}
.quickbuy-form {
width: 680px;
margin: 30px;
}
.quickbuy-form .product-container {
margin: 0;
padding: 0;
}
.quickbuy-form .action-icons {
position: absolute;
top: 10px;
right: 0;
}
.quickbuy-form .action-icons .action-icon {
margin-right: 10px;
}
.quickbuy-form .action-icons .action-icon svg {
width: 30px;
height: 30px;
}
.quickbuy-form .action-icons .action-icon[data-idx="-1"] {
display: none;
}
.quickbuy-form .action-icon {
opacity: 0.6;
}
.quickbuy-form .action-icon:hover {
opacity: 1;
}
.quickbuy-form .product-gallery .main-image a {
cursor: default;
}
.quickbuy-form .product-gallery .main-image img {
max-height: 460px;
}
.quickbuy-form .product-gallery .thumbs li a img {
max-height: 60px;
}
.quickbuy-form .product-info {
margin-top: 30px;
}
.home-image {
position: relative;
}
.cta-link {
display: inline-block;
position: relative;
}
/* .cta-link::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
border-bottom: 2px solid;
opacity: 0;
transform: scale(0) translateY(5px);
transition: all 350ms cubic-bezier(0.1, 0.1, 0, 1);
} */
@media (max-width: 767px) {
.cta-link::after {
opacity: 1;
transform: scale(1) translateY(0);
}
}
.cta-link:hover::after {
opacity: 1;
transform: scale(1) translateY(0);
}
.cta-link-hover-parent:hover .cta-link::after {
opacity: 1;
transform: scale(1) translateY(0);
}
#crumbregion {
/* display: flex; */
display: none;
justify-content: space-between;
margin: 2em 50px;
text-transform: uppercase;
font-size: 10.2px;
line-height: 1em;
}
#crumbregion .beside-img {
vertical-align: middle;
}
@media (max-width: 767px) {
#crumbregion {
margin-left: 20px;
margin-right: 20px;
}
}
#crumbregion a {
color: inherit;
text-decoration: none;
vertical-align: middle;
}
#crumbregion a:hover {
opacity: 0.75;
}
/* bit of a hack */
#crumbregion svg {
vertical-align: middle;
height: 24px;
width: 24px;
line-height: 24px;
}
#crumbregion .crumbs .div {
margin: 0 15px;
}
#crumbregion .crumbs .social-links a {
font-size: 16px;
line-height: 1em;
vertical-align: top;
margin: 0 0 0 10px;
}
#crumbregion .nextprev .divider {
margin: 0 10px;
visibility: hidden;
}
.has-rss {
margin-top: 1.6em;
margin-bottom: 1.6em;
}
.has-rss .page-title {
display: inline;
}
.has-rss .sharing {
margin-left: 0.75em;
opacity: 0.5;
}
.page-header {
position: fixed;
z-index: 4;
left: 240px;
top: 0;
right: 0;
/* padding: 1px 50px; */
padding: 0 50px;
background: #000000;
color: #ffffff;
/* text-align: right; */
text-align: center;
font-size: 10.2px;
line-height: 2.4em;
}
.page-header a {
color: inherit;
font-size: 11px;
line-height: 14px;
font-weight: 400;
}
.quick-search__results-items a, .quick-search__results-items span {
color: #000;
}
.quick-search__results-items .product .price--reduced.price {
color: #bb3428;
}
.page-header .store-message a {
color: #FFF;
}
.page-header a:hover {
/* opacity: 0.75; */
text-decoration: underline;
}
.page-header .quick-search__tabs a:hover {
text-decoration: none;
}
.page-header .shoplogo {
display: none;
}
.page-header .shoplogo .logotext {
margin-top: 20px;
margin-bottom: 20px;
padding: 0;
text-align: center;
font-size: 80%;
line-height: 1.2em;
}
.page-header .shoplogo.with-margin {
/* margin-top: 13px;
margin-bottom: 13px; */
/* margin-top: 12px;
margin-bottom: 12px; */
margin-top: 10px;
margin-bottom: 10px;
/* margin-top: 8px;
margin-bottom: 8px; */
}
.page-header .shoplogo.with-margin .logotext {
margin-top: 0;
margin-bottom: 0;
}
.page-header .nav-toggle {
display: none;
float: left;
}
.page-header .store-message {
font-weight: bold;
}
.page-header .store-message.store-message--upper {
float: left;
margin-top: 0.5em;
margin-bottom: 0.5em;
max-width: calc(100% - 320px);
line-height: 1.4em;
text-align: left;
}
.page-header .store-message.store-message--lower {
display: none;
background: #000000;
color: #ffffff;
text-align: center;
padding: 1px 20px;
}
.page-header .account-links {
position: relative;
line-height: 1em;
margin-right: 15px;
padding-right: 20px;
}
.page-header .account-links:after {
content: "";
position: absolute;
right: 0;
top: -3px;
bottom: -3px;
border-right: 1px solid;
opacity: 0.25;
}
.page-header .search {
position: relative;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
/* width: 20px; */
/* width: 16px;
height: 1em; */
width: 18px;
height: 18px;
}
.page-header .search svg {
position: absolute;
left: 0;
/* top: 50%; */
/* top: 2%; */
top: 0%;
/* margin-top: -10px; */
/* margin-top: -9px; */
vertical-align: middle;
/* fill: #ffffff; */
fill: transparent;
/* width: 20px;
height: 20px; */
/* width: 18px;
height: 18px; */
/* width: 15px;
height: 15px; */
width: 18px;
height: 18px;
}
.page-header .account {
position: relative;
display: inline-block;
vertical-align: middle;
/* margin-right: 10px; */
margin-right: 14px;
/* width: 20px; */
/* width: 16px;
height: 1em; */
/* width: 18px;
height: 18px; */
width: 15px;
height: 15px;
}
.page-header .account svg {
position: absolute;
left: 0;
/* top: 50%; */
top: 2%;
/* margin-top: -10px; */
/* margin-top: -9px; */
vertical-align: middle;
fill: #ffffff;
/* width: 20px;
height: 20px; */
/* width: 18px;
height: 18px; */
width: 15px;
height: 15px;
}
.page-header .selectors-form__item {
margin-right: 15px;
}
@media (max-width: 1000px) {
.page-header {
/* position: relative; */
position: fixed;
height: auto;
text-align: center;
padding: 0;
background: #ffffff;
color: #000000;
}
body.downscroll .page-header {
background: transparent;
}
.template-index .page-header {
background: transparent;
}
.page-header svg {
/* fill: #000000; */
fill: inherit;
/* margin-top: -2px; */
/* width: 16px;
height: 16px; */
width: 19px;
height: 19px;
}
.page-header .logoimg svg {
width: 128px;
height: 18px;
}
.page-header .page-header__inner {
position: relative;
background: rgba(0,0,0,0);
color: #000000;
}
.page-header .nav-toggle svg {
margin-top: -1px;
}
.page-header .nav-cart svg {
fill: currentColor;
/* width: 18px;
height: 19px; */
/* width: 18px;
height: 18px; */
/* width: 15px;
height: 15px; */
width: 18px;
height: 18px;
}
.page-header .nav-toggle {
display: block;
position: absolute;
/* top: 50%; */
top: 8%;
/* left: 20px; */
/* right: 3px; */
/* right: 12px; */
left: 12px;
/* margin-top: -22px; */
/* margin-top: -21px; */
/* width: 44px;
height: 44px; */
/* width: 14px;
height: 14px; */
/* width: 16px;
height: 16px; */
/* width: 14px;
height: 14px; */
width: 17px;
height: 17px;
}
/* .page-header .nav-toggle svg {
margin-top: 10px;
} */
.page-header .search {
display: block;
position: absolute;
/* top: 8%; */
/* top: 7%; */
top: 8%;
/* left: 12px; */
/* left: 40px; */
left: 44px;
/* margin-left: 10px; */
/* width: 18px;
height: 18px; */
/* width: 15px;
height: 15px; */
width: 18px;
height: 18px;
}
.page-header .shoplogo {
/* display: inline-block; */
display: block;
/* width: 125px; */
/* width: 140px; */
width: 134px;
/* margin-left: 5px; */
margin-left: auto;
margin-right: auto;
}
.page-header .account-links {
display: none;
}
.page-header .search-and-cart {
position: absolute;
/* top: 50%; */
top: 0;
height: 100%;
margin: 0;
text-align: right;
/* right: 20px; */
/* right: 48px; */
/* right: 36px; */
right: 12px;
/* margin-top: -0.5em; */
line-height: 1.2em;
-webkit-display: flex;
display: flex;
align-items: center;
}
.page-header .store-message.store-message--upper {
display: none;
}
.page-header .store-message.store-message--lower {
display: block;
line-height: 24px;
}
}
@media (max-width: 767px) {
.page-header .search-and-cart {
top: 0;
height: 100%;
margin: 0;
text-align: right;
-webkit-display: flex;
display: flex;
align-items: center;
}
.page-header .search-and-cart .cartsummary a {
display: block;
}
}
@media (min-width: 1001px) {
.page-header .search-and-cart {
display: none;
}
.page-header .search {
display: none;
}
}
.page-header--full-width {
z-index: 6;
left: 0;
padding-left: 27px;
padding-right: 27px;
}
@media (max-width: 1000px) {
.page-header--full-width {
padding: 0;
/* z-index: 1; */
z-index: 3;
}
.downscroll.page-header--full-width {
z-index: 2;
}
}
.page-header--full-width + #navbar {
top: calc(2px + 2.4em);
}
@media (max-width: 1000px) {
.page-header--full-width + #navbar {
top: 0;
}
}
.padded-block {
padding: 50px;
}
@media (max-width: 767px) {
.padded-block {
padding: 20px;
}
}
.vertically-padded-block {
padding: 50px 0;
}
@media (max-width: 767px) {
.vertically-padded-block {
padding: 20px 0;
}
}
@media (min-width: 768px) {
.padded-block-desktop-left {
padding-left: 50px;
}
.padded-block-desktop-right {
padding-right: 50px;
}
}
.background-tint {
background: #f2f2f2;
}
.signup-form {
/* margin: 0 50px 50px; */
margin: 0 0 50px;
}
.signup-form-select {
display: flex;
flex-direction: row;
align-items: stretch;
position: relative;
max-width: 400px;
margin-left: auto;
margin-right: auto;
}
.signup-form-select-input {
display: flex;
/* justify-content: flex-start; */
justify-content: center;
padding: 0px;
position: relative;
flex: 1 0 0px;
}
.signup-form-select-input-gender {
align-self: flex-end;
flex-flow: column wrap;
}
.signup-form-select-input-body {
display: inline-flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.signup-form-select-men-input {
position: absolute;
width: 0;
opacity: 0;
}
.signup-form-select-men-label {
display: flex;
align-items: center;
flex: 0 0 auto;
/* padding-bottom: 8px; */
word-break: break-word;
max-width: 100%;
cursor: pointer;
margin: 0 12px;
}
.signup-form-select-men-label:hover .signup-form-select-click {
text-shadow: 0.5px 0px 0px currentColor;
}
.signup-form-select-men-svg-check {
cursor: pointer;
display: none;
position: absolute;
margin: 0px;
}
.signup-form-select-women-input {
position: absolute;
width: 0px;
opacity: 0;
}
.signup-form-select-women-label {
display: flex;
align-items: center;
flex: 0 0 auto;
/* padding-bottom: 8px; */
word-break: break-word;
max-width: 100%;
cursor: pointer;
margin: 0 12px;
}
.signup-form-select-women-label:hover .signup-form-select-click {
text-shadow: 0.5px 0px 0px currentColor;
}
.signup-form-select-women-svg-check {
cursor: pointer;
display: none;
position: absolute;
margin: 0px;
}
.signup-form-select-input svg {
stroke: rgb(180, 187, 195);
margin-right: 8px;
min-width: 20px;
width: auto;
height: auto;
}
input[type=radio]:checked+label>*, input[type=checkbox]:checked+label>* {
display: inline-block !important;
}
.signup-form-select-click {
cursor: pointer;
color: rgb(0, 0, 0);
font-size: 12px;
font-weight: 400;
letter-spacing: 0px;
display: flex;
position: relative;
top: 1px;
}
.signup-form-select-clear {
width: 100%;
position: relative;
}
.header-group,
.footer-group {
margin-left: 240px;
}
.footer-full {
/* border-top: 1px solid rgba(23,23,23,.25); */
border-top: 1px solid #e7e7e7;
}
.page-footer a {
color: inherit;
}
.page-footer a:hover {
/* opacity: 0.75; */
text-decoration: underline;
text-shadow: 0.5px 0px 0px currentColor;
/* text-transform: uppercase; */
}
.page-footer__lower {
background: #ffffff;
color: #000000;
padding: 10px 50px;
text-align: right;
font-size: 10.2px;
}
@media only screen and (min-width: 1001px) {
.page-footer__lower {
padding: 10px calc(240px + 50px) 10px 50px;
}
.page-footer__column {
/* text-align: center !important; */
}
.page-footer__nav-column-container {
margin-left: 0 !important;
}
}
@media only screen and (min-width: 1600px) {
.page-footer__column {
width: 275px !important;
padding-left: 8em !important;
}
}
.page-footer__lower .page-footer__nav,
.page-footer__lower .copy {
float: left;
text-align: left;
margin-top: 10px;
}
.page-footer__lower .copy {
/* color: #595959; */
color: #000;
/* font-size: 10px; */
font-size: 11px;
margin-right: 15px;
}
.page-footer__row--flex {
display: flex;
text-align: left;
align-items: center;
}
/* @media only screen and (max-width: 600px) {
.page-footer__row--flex {
flex-direction: column;
align-items: flex-start;
}
} */
.page-footer__nav {
margin: 10px 10px 10px 0;
}
.page-footer__nav a {
white-space: nowrap;
font-size: 11px;
text-decoration: underline;
}
.page-footer__nav > li {
display: inline;
list-style: none;
margin: 0 6px 0 0;
}
.page-footer__nav .separator {
margin-left: 6px;
color: #595959;
}
.page-footer__social-icons {
white-space: nowrap;
}
.page-footer__row-spacing {
margin-top: 10px;
margin-bottom: 10px;
}
.page-footer__nav-column-container {
margin-left: -3em;
}
.page-footer__column {
float: left;
width: 250px;
max-width: 25%;
padding-left: 3em;
text-align: left;
box-sizing: border-box;
}
.page-footer__column ul {
margin: 0 0 2em;
}
.page-footer__column li {
list-style: none;
margin: 0.2em 0;
}
.page-footer__column p {
margin: 0.2em 0;
}
.page-footer__column .rte a {
color: #c16452;
}
.page-footer__column .nav-column__title {
color: inherit;
margin-bottom: 0.5em;
}
.page-footer__column .nav-column__title .button,
.page-footer__column .nav-column__title .button:hover {
color: inherit;
width: 100%;
text-align: inherit;
cursor: auto;
text-transform: uppercase;
font-size: 11px;
line-height: 11px;
}
.page-footer__column .nav-column__title .chevron {
display: none;
}
.footer-localization {
flex-grow: 1;
text-align: right;
}
.footer-localization .selectors-form__item {
display: inline-block;
margin: 10px 0;
}
.footer-localization .selectors-form__item:not(:nth-of-type(2)) {
margin-right: 25px;
}
.footer-localization .disclosure {
font-size: 15px;
line-height: 1.2em;
}
/* @media (max-width: 600px) {
.footer-localization {
text-align: left;
}
} */
.disclosure {
position: relative;
display: flex;
font-family: Helvetica, 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif;
font-weight: 400;
font-style: normal;
}
.mainnav .disclosure, #right_navbar .disclosure {
display: inherit;
text-align: right;
line-height: 13px;
}
.disclosure .disclosure__toggle {
color: #333;
border: 1px solid rgba(0, 0, 0, 0.15);
/* padding: 8px 40px 8px 19px; */
padding: 6px 30px 6px 10px;
font-family: inherit;
font-weight: inherit;
font-style: inherit;
/* font-size: inherit;
line-height: inherit; */
font-size: 11px;
line-height: 14px;
border-radius: 3px;
background: #fff;
cursor: pointer;
text-transform: none;
letter-spacing: 0;
text-align: left;
}
.disclosure .disclosure__toggle:hover {
color: #333;
border-color: rgba(0, 0, 0, 0.15);
background-color: #fff;
}
.disclosure .disclosure__toggle-arrow {
position: absolute;
height: 1em;
/* width: 24px; */
/* width: 18px; */
width: 16px;
top: 50%;
transform: translateY(-50%);
transform-origin: top;
/* right: 10px; */
/* right: 7px; */
right: 0;
}
.disclosure .disclosure__toggle-arrow svg {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
margin: 0 0 0;
fill: currentColor;
/* opacity: 0.75; */
/* width: 9px;
height: 10px; */
/* width: 8px;
height: 9px; */
width: 7px;
height: 7px;
}
.disclosure .disclosure__toggle-arrow svg path {
fill: #000;
}
@media (min-width: 1001px) {
.mainnav .disclosure .disclosure__toggle-arrow,
#right_navbar .disclosure .disclosure__toggle-arrow {
display: none;
}
}
.disclosure .disclosure-list {
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.15);
bottom: calc(100% + 8px);
border-radius: 3px;
position: absolute;
display: none;
min-height: 40px;
max-height: 300px;
overflow-y: auto;
width: max-content;
/* max-width: 80vw; */
max-width: 40vw;
margin: 0;
font-family: inherit;
font-weight: inherit;
font-style: inherit;
font-size: inherit;
line-height: inherit;
}
.disclosure .disclosure-list--visible {
/* display: block; */
display: none;
}
.disclosure .disclosure-list__item {
text-align: left;
}
.disclosure .disclosure-list__item:first-child .disclosure-list__option {
padding-top: 12px;
}
.disclosure .disclosure-list__item:last-child .disclosure-list__option {
padding-bottom: 12px;
}
.disclosure .disclosure-list__option {
display: block;
margin: 0;
padding: 0.6em 40px 0.6em 15px;
color: #333;
line-height: 1.2em;
}
.signup-form .title, .signup-form .message {
margin: 0 0 10px;
}
.signup-form-container {
margin-left: auto;
margin-right: auto;
/* max-width: 760px; */
max-width: 500px;
}
.size-chart-container {
/* margin-bottom: 15px; */
display: inline-block;
float: right;
}
.size-chart-container a {
color: #000;
text-transform: uppercase;
}
.size-chart-container a:hover .product-size-chart-letter {
text-shadow: 0.5px 0px 0px currentColor;
}
.size-chart {
padding: 20px;
max-width: 84vw;
width: 700px;
}
@media (max-width: 767px) {
.size-chart {
padding: 10px;
}
.size-chart table {
display: flex;
overflow: auto;
width: 100%;
}
}
.size-chart__inner {
width: 100%;
overflow: auto;
}
.quick-search {
/*position: absolute;
background: #f2f2f2;
color: #333;
top: 100%;
left: 0;
width: 100%;
text-align: left;
line-height: 1.6em;
pointer-events: none;
opacity: 0;
transition: 150ms;
*/
position: fixed;
top: 0;
right: -432px;
z-index: 40;
width: 100%;
max-width: 432px;
height: 100%;
background-color: #fff;
transition: all .3s ease-in-out;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
/* .quick-search .row {
position: relative;
} */
/* @media (max-width: 767px) {
.quick-search {
display: none;
}
} */
.quick-search__input-row {
text-align: center;
transform: translateY(-5px);
transition: 150ms;
}
.quick-search__input-row .quick-search__submit-icon svg {
width: 18px;
height: 24px;
}
.quick-search__input {
width: 100%;
/* padding: 14px 50px; */
padding: 14px 40px;
/* font-size: 11px; */
font-size: 12px;
padding-right: 95px;
}
.quick-search__form {
position: relative;
margin-right: 36px;
}
.quick-search__submit-icon,
.quick-search__close {
position: absolute;
top: calc(50% - 12px);
}
.quick-search__submit-icon svg,
.quick-search__close svg {
fill: #444;
}
.quick-search__submit-icon {
pointer-events: none;
left: 10px;
}
.quick-search__submit-icon svg {
margin: 0;
}
.quick-search .quick-search__submit-button {
position: absolute;
top: 6px;
bottom: 6px;
right: 6px;
padding: 0 1.8em;
/* font-size: 0.8rem; */
font-size: 10px;
background: #fff;
color: #000;
}
.quick-search__close {
right: -36px;
}
.page-header-above-mask .page-header {
/* z-index: 5; */
z-index: 40;
}
.page-header-above-mask .page-header--full-width + #navbar {
z-index: 2;
}
.quick-search__loader {
display: none;
opacity: 0;
position: absolute;
top: 45%;
left: 0;
width: 100%;
text-align: center;
transition: all 150ms;
}
.show-quick-search {
overflow: hidden;
}
.show-quick-search .quick-search__loader {
display: block;
}
.quick-search__results--loading {
position: relative;
min-height: 80px;
}
.quick-search__results--loading .quick-search__loader {
opacity: 0.5;
}
.quick-search__results--loading.quick-search__results--populated .block {
opacity: 0.1;
}
.quick-search__results--empty {
margin-top: 20px;
}
.quick-search__results--populated {
margin-top: 20px;
margin-left: -20px;
}
.quick-search__results {
position: relative;
/* height: calc(100vh - 100px); */
height: calc(100vh - 120px);
max-height: calc(100vh - 120px);
overflow-y: auto;
}
@media (min-width: 768px) and (max-width: 1000px) {
.quick-search__results {
height: calc(100vh - 100px);
max-height: calc(100vh - 100px);
}
}
.quick-search__results .quick-search__results-items-inner {
display: flex;
flex-wrap: wrap;
width: 100%;
}
.quick-search__results .block {
flex: 0 0 auto;
margin: 0 0 10px 20px;
/* border: 1px solid #000; */
float: left;
/* width: calc(50% - 22px) !important; */
width: calc(50% - 26px) !important;
}
/* .quick-search__results .block.block-result--more .sub, .quick-search__results .block.block-result--more .quick-buy-row, .quick-search__results .block.block-result--more .productlabel, .quick-search__results .block.block-result--more .themed-product-reviews {
display: none;
} */
.quick-search__results .block.block-result--more .quick-search__show-all {
display: flex;
}
/*.quick-search__results .block.block-result--hide {
display: none;
} */
.quick-search__results .block.product .main {
padding-top: 150%;
}
.quick-search__results .block.product .main .img-link,
.quick-search__results .block.product .main .product-image,
.quick-search__results .block.product .main .product-image__primary,
.quick-search__results .block.product .main img {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.quick-search__results .block.product .main .img-link img {
object-fit: contain;
}
.quick-search__results .block:not(.product) .main .image,
.quick-search__results .block:not(.product) .main .search-result-description {
display: none;
}
.quick-search__results .button {
color: #ffffff;
}
.quick-search__results .quick-search__show-all {
display: none;
box-sizing: border-box;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 30px 10px;
background: rgba(0, 0, 0, 0.6);
color: #fff;
align-items: center;
text-align: center;
font-size: 12px;
line-height: 1.6em;
}
.quick-search__results .quick-search__show-all:hover {
opacity: 1;
}
.quick-search__results .quick-search__show-all-text {
flex-grow: 1;
}
.show-quick-search:after {
opacity: 1;
}
.show-quick-search .quick-search {
pointer-events: auto;
opacity: 1;
transform: translateX(-432px);
}
.show-quick-search .quick-search .quick-search__input-row {
transform: translateY(0);
}
.show-quick-search .quick-search-close-mask {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 3;
}
@media (min-width: 1001px) {
.quick-search {
right: -30vw;
max-width: 30vw;
/* border-left: 1px solid black; */
}
.show-quick-search .quick-search {
transform: translateX(-30vw);
/* border-left: 1px solid black; */
}
}
.lds-ellipsis {
display: inline-block;
position: relative;
width: 32px;
height: 32px;
}
.lds-ellipsis div {
position: absolute;
top: 13px;
width: 5px;
height: 5px;
border-radius: 50%;
background: #000;
animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
left: 3px;
animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
left: 3px;
animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
left: 13px;
animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
left: 22px;
animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
0% {
transform: scale(0);
}
100% {
transform: scale(1);
}
}
@keyframes lds-ellipsis3 {
0% {
transform: scale(1);
}
100% {
transform: scale(0);
}
}
@keyframes lds-ellipsis2 {
0% {
transform: translate(0, 0);
}
100% {
transform: translate(9px, 0);
}
}
.search-box {
position: relative;
border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}
.search-box input[type=text] {
padding-left: 27px;
padding-right: 27px;
width: 100%;
border: none;
background: #000000;
color: #ffffff;
font-size: 10.2px;
line-height: 1.6em;
text-transform: uppercase;
font-weight: bold;
border-radius: 0;
}
.search-box input[type=text]::-webkit-input-placeholder {
color: #ffffff;
}
.search-box input[type=text]:-moz-placeholder {
color: #ffffff;
opacity: 1;
}
.search-box input[type=text]::-moz-placeholder {
color: #ffffff;
opacity: 1;
}
.search-box input[type=text]:-ms-input-placeholder {
color: #ffffff;
}
.search-box button {
position: absolute;
right: 27px;
top: 50%;
margin-top: -9px !important;
}
.search-box button svg {
fill: #ffffff;
}
.payment-methods .payment-icon {
margin: 0 0 6px 2px;
width: 40px;
height: 25px;
vertical-align: top;
}
.inline-input-button-row {
display: flex;
flex-direction: row;
align-items: stretch;
position: relative;
}
.inline-input-button-row .inline-input-button-row__input {
flex-grow: 1;
/* margin-right: 20px; */
display: flex;
justify-content: flex-start;
padding: 0px;
position: relative;
flex: 1 0 0px;
}
.inline-input-button-row__input_input {
display: flex;
flex-grow: 1;
flex-direction: column;
align-self: flex-end;
}
.inline-input-button-row .inline-input-button-row__input input {
width: 100%;
height: 4.5rem;
border: none;
border-bottom: 1px solid rgba(0,0,0,.15);
/* padding: 5px 10px; */
padding: 20px 10px 5px;
}
.inline-input-button-row .inline-input-button-row__input input:hover, .inline-input-button-row .inline-input-button-row__input input:active, inline-input-button-row .inline-input-button-row__input input:focus {
border-bottom: 1px solid rgba(0,0,0,1);
}
.template-search .inline-input-button-row .inline-input-button-row__input input {
height: 3.0rem;
padding: 12px 10px 6px;
font-size: 12px;
}
.template-search .inline-input-button-row .inline-input-button-row__button input[type=submit] {
padding: 10px 3em;
}
.inline-input-button-row__button {
display: flex;
justify-content: flex-start;
padding: 0px 0px 0px 10px;
position: relative;
flex: 0 1 auto;
}
.inline-input-button-row__button button {
min-width: 8rem;
position: absolute;
display: inline-block;
/* right: 1.4375rem;
top: 0.4375rem;
padding: 11px 0em */
right: 1.4rem;
top: 0.8rem;
padding: 10px 0;
border: 1px solid #000000;
background: #fff;
color: #000;
font-weight: 400;
letter-spacing: 0.2px;
}
.inline-input-button-row__button button:hover {
color: #fff;
border: 1px solid #000;
background: rgba(var(--primary-button-background-rgb), 0);
z-index: 0;
}
.inline-input-button-row__button button:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #000;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.4s;
transition-duration: 0.4s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.inline-input-button-row__button button:hover:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
.slideshow .slide {
position: relative;
overflow: hidden;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.xyz.contentsection {
display: flex;
}
.xyz.contentsection span {
margin-right: 3px;
}
.majorinfo .morelinks .contentsection {
font-size: 10.2px;
display: flex;
}
.majorinfo .morelinks .contentsection span {
margin-right: 3px;
}
.in-page-tags {
font-size: 10.2px;
display: flex;
}
.in-page-tags span {
margin-right: 3px;
}
.in-page-tags .tag {
margin-right: 0.5em;
}
.in-page-tags .tag:last-child {
margin-right: 0;
}
.height--full {
height: 100vh;
}
.height--full .slick-list,
.height--full .slick-track,
.height--full .slide,
.height--full .rimage-outer-wrapper,
.height--full .placeholder-image {
height: 100%;
}
/* onboarding placeholder */
.placeholder-image {
position: relative;
padding-top: 100%;
height: 0px;
overflow: hidden;
background: #ececec;
}
.placeholder-image.dark {
background: #c6c7c8;
}
.placeholder-image.dark svg, .placeholder-image.dark svg g {
fill: #a3a6a9;
}
.placeholder-image.landscape {
padding-top: 55%;
}
.placeholder-image.placeholder--banner {
padding-top: 475px;
}
.placeholder-image.fixed-height-item {
padding-top: 0;
}
.placeholder-image svg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.placeholder-image svg, .placeholder-image svg g {
fill: #afb1b3;
}
table.noborder,
table.noborder tr,
table.noborder th,
table.noborder td {
border: 0;
}
.simple-popup {
position: absolute;
width: 170px;
padding: 10px 15px;
border: 1px solid #999;
background: #fff;
color: #333;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 0 2px 0 #888;
-moz-box-shadow: 0 0 2px 0 #888;
box-shadow: 0 0 2px 0 #888;
text-align: center;
z-index: 10000;
opacity: 1;
-webkit-transform: scale(1) translateY(0);
transform: scale(1) translateY(0);
transition: opacity 250ms, transform 250ms;
}
.simple-popup.hidden {
opacity: 0;
-webkit-transform: scale(0.9) translateY(10px);
transform: scale(0.9) translateY(10px);
}
.fb_iframe_widget iframe {
max-width: none;
}
.gift-card-container {
margin: 100px auto;
max-width: 640px;
padding: 0 10px;
text-align: center;
}
.giftcard-header {
margin: 0 auto 2em;
width: 240px;
}
.giftcard-header .shoplogo .logotext {
text-align: center;
}
.rte > p:last-child {
margin-bottom: 0;
}
.text-beside-image {
display: flex;
}
.text-beside-image .text-beside-image__text {
float: left;
width: 50%;
display: flex;
flex: 0 0 auto;
flex-basis: 50%;
align-items: center;
}
.text-beside-image .text-beside-image__text .text-beside-image__text__wrap {
width: 100%;
}
.text-beside-image .text-beside-image__text .text-beside-image__title {
margin-top: 0;
}
.text-beside-image .text-beside-image__image {
float: left;
width: 50%;
display: flex;
flex: 0 0 auto;
flex-basis: 50%;
}
.text-beside-image .text-beside-image__image .rimage-outer-wrapper,
.text-beside-image .text-beside-image__image .placeholder-image {
min-height: 100%;
flex-grow: 1;
}
.text-beside-image .text-beside-image__image .placeholder-image {
padding: 0;
}
.text-beside-image .text-beside-image__image .rimage-outer-wrapper {
max-width: none !important;
max-height: none !important;
}
.text-beside-image .text-beside-image__image a {
display: flex;
flex-grow: 1;
transition: opacity 250ms;
}
.text-beside-image .text-beside-image__image a:hover {
opacity: 0.8;
}
@media (max-width: 767px) {
.text-beside-image {
flex-wrap: wrap;
}
.text-beside-image .text-beside-image__text,
.text-beside-image .text-beside-image__image {
float: none;
width: auto;
display: block;
flex-basis: 100%;
}
.text-beside-image .text-beside-image__text {
order: 2;
}
.text-beside-image .text-beside-image__text .text-beside-image__text__wrap {
width: auto;
}
.text-beside-image .text-beside-image__image {
order: 1;
text-align: center;
}
.text-beside-image .text-beside-image__image img {
width: auto;
}
.text-beside-image .text-beside-image__image--using-bg {
background-image: none !important;
}
.text-beside-image .text-beside-image__image--using-bg img {
visibility: visible;
}
}
/* Map section */
.map-section__wrapper {
position: relative;
}
.map-section__wrapper .errors {
padding: 50px;
}
.map-section__text {
margin-left: 50%;
}
.map-section__text .map-section__title {
margin-top: 0;
}
.map-section__map {
position: absolute;
left: 0;
top: 0;
width: 50%;
height: 100%;
}
.map-section__image {
height: 100%;
background-size: cover;
background-position: center;
}
.map-section--display-map .map-section__image {
display: none !important;
}
.map-section__placeholder {
height: 100%;
padding: 0;
}
.map-section--display-map .map-section__placeholder {
display: none !important;
}
.map-section__map-container {
height: 100%;
}
.map-section__button-row {
margin-top: 40px;
}
@media (max-width: 767px) {
.map-section__wrapper {
display: flex;
flex-direction: column;
}
.map-section__text {
margin-left: 0;
}
.map-section__map {
position: static;
width: auto;
order: 2;
}
.map-section__placeholder,
.map-section__map-container {
height: 55vh;
}
}
.rimage-outer-wrapper {
margin-left: auto;
margin-right: auto;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
/* .c-productcarousel__slide:first-child .rimage-wrapper {
position: relative;
display: block;
padding-top: 0 !important;
}
.c-productcarousel__slide:first-child .rimage-wrapper::after {
content: "";
display: block;
width: 100%;
height: 0;
padding-top: 100%;
background: #000;
opacity: .027;
} */
.template-collection .block.product .main .img-link:first-child .rimage-wrapper {
position: relative;
display: block;
padding-top: 0 !important;
}
.template-collection .block.product .main .img-link:first-child .rimage-wrapper::after {
content: "";
display: block;
width: 100%;
height: 0;
padding-top: 150%;
background: #000;
opacity: .025;
}
.rimage-outer-wrapper.fade-in {
opacity: 0;
transition: opacity 500ms;
}
.rimage-outer-wrapper.fade-in.lazyloaded {
opacity: 1;
}
.no-js .rimage-outer-wrapper.fade-in {
opacity: 1;
}
[data-parent-fit=contain] {
background-size: contain;
}
[data-parent-fit=cover] {
background-size: cover;
}
.rimage-wrapper {
position: relative;
transition: background 150ms;
}
.rimage-wrapper.lazyload--placeholder {
background: rgba(0, 0, 0, 0.05);
}
.rimage-wrapper .rimage__image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.rimage-wrapper .fade-in {
opacity: 0;
transition: opacity 500ms;
}
.rimage-wrapper .fade-in.lazyloaded {
opacity: 1;
}
.rimage-wrapper .blur-in {
-webkit-filter: blur(10px);
filter: blur(10px);
transition: filter 400ms, -webkit-filter 400ms;
}
.rimage-wrapper .blur-in.lazyloaded {
-webkit-filter: blur(0);
filter: blur(0);
}
.rimage-wrapper .cover {
object-fit: cover;
}
.rimage-wrapper.rimage-wrapper--natural-size .rimage__image {
position: static;
width: auto;
height: auto;
}
.shopify-payment-button {
margin-top: 10px;
transition: opacity 100ms;
}
.shopify-payment-button .shopify-payment-button__button {
border-radius: 0px;
overflow: hidden;
height: 47px;
}
.shopify-payment-button .shopify-payment-button__button--unbranded {
border: 1px solid #000000;
background: #000000;
color: #ffffff;
font-family: Helvetica, 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif;
font-style: normal;
font-weight: bold;
font-size: 14px;
line-height: 17px;
}
.shopify-payment-button .shopify-payment-button__button--unbranded:hover {
background: #1a1a1a;
border-color: #1a1a1a;
}
.shopify-payment-button .shopify-payment-button__more-options {
display: block;
margin: 1em 0 0;
padding: 0 15%;
text-align: center;
border: none;
background: transparent;
color: inherit;
font-family: inherit;
font-weight: normal;
font-size: 14px;
line-height: 1.4em;
text-transform: none;
letter-spacing: inherit;
border-radius: 0;
height: auto;
}
.shopify-payment-button .shopify-payment-button__more-options:hover {
background: transparent;
}
.shopify-payment-button .shopify-payment-button__more-options[disabled] {
border: none;
background: transparent;
color: inherit;
}
.variant-status--unavailable .shopify-payment-button {
opacity: 0;
}
.variant-status--unavailable .product-purchase-form p {
font-size: 12px;
line-height: 12px;
/* font-weight: 900; */
font-weight: 600;
}
.with-payment-button .quantity {
margin-bottom: 10px;
}
.with-payment-button .add-to-cart {
display: block;
margin-top: 10px;
width: 100%;
min-height: 47px;
padding-left: 1em;
padding-right: 1em;
}
.go-cart__viewbag {
position: relative;
display: inline-block;
flex: none;
}
.go-cart-drawer__footer .go-cart__viewbag:hover {
color: #fff;
/* border: 1px solid #fff; */
/* border: 1px solid #000; */
border-top: 1px solid #000;
border-bottom: 1px solid #000;
/* background: rgba(var(--primary-button-background-rgb), 0); */
background: transparent;
/* z-index: 0; */
}
.go-cart-drawer__footer .go-cart__viewbag:before {
content: '';
position: absolute;
z-index: -1;
width: calc(100% + 4px);
height: 0;
top: 50%;
left: 50%;
background: #000;
opacity: 0;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
transition: height .5s cubic-bezier(.32, .24, .15, 1);
transition: height 0.5s;
}
.go-cart-drawer__footer .go-cart__viewbag:hover:before {
opacity: 1;
height: 35px;
/* border-radius: 50px; */
/* -webkit-transform: translateX(-100%) translateY(-100%);
transform: translateX(-100%) translateY(-100%); */
/* height: var(--height-button); */
/* -webkit-transform: translateX(100%) translateY(-50%);;
transform: translateX(-50%) translateY(-50%);; */
}
.go-cart__checkout {
position: relative;
display: inline-block;
flex: none;
}
.go-cart-drawer__footer .go-cart__checkout:hover {
color: #000;
/* border: 1px solid #000; */
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
background: #000;
/* z-index: 0; */
}
.go-cart-drawer__footer .go-cart__checkout:before {
content: '';
position: absolute;
z-index: -1;
width: calc(100% + 4px);
height: 0;
top: 50%;
left: 50%;
background: #fff;
opacity: 0;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
transition: height .5s cubic-bezier(.32, .24, .15, 1);
transition: height 0.5s;
}
.go-cart-drawer__footer .go-cart__checkout:hover:before {
opacity: 1;
height: 35px;
/* border-radius: 50px; */
/* -webkit-transform: translateX(-100%) translateY(-100%);
transform: translateX(-100%) translateY(-100%); */
/* height: var(--height-button); */
/* -webkit-transform: translateX(100%) translateY(-50%);;
transform: translateX(-50%) translateY(-50%);; */
}
.thumbnail__badge {
width: 22px;
height: 22px;
position: absolute;
right: 6px;
top: 6px;
pointer-events: none;
}
.thumbnail__badge .icon {
fill: #ffffff;
width: 100%;
height: 100%;
vertical-align: baseline;
}
.thumbnail__badge .icon .icon-3d-badge-full-color-outline,
.thumbnail__badge .icon .icon-video-badge-full-color-outline {
stroke: rgba(0, 0, 0, 0.05);
}
.thumbnail__badge .icon .icon-3d-badge-full-color-element,
.thumbnail__badge .icon .icon-video-badge-full-color-element {
fill: #000000;
}
@media only screen and (min-width: 750px) {
.thumbnail__badge .product-single__thumbnail-badge {
width: 26px;
height: 26px;
}
}
.view-in-space {
box-sizing: border-box;
display: block;
width: 100%;
color: #000000;
border: none;
background: rgba(0, 0, 0, 0.08);
}
.view-in-space:hover {
color: #000000;
border: none;
background: rgba(0, 0, 0, 0.08);
}
.view-in-space[data-shopify-xr-hidden] {
display: none;
}
.view-in-space .icon {
margin: 0;
height: 1.8em;
width: 1.8em;
fill: transparent;
vertical-align: middle;
}
.view-in-space .icon .icon-3d-badge-full-color-outline,
.view-in-space .icon .icon-video-badge-full-color-outline {
display: none;
}
.view-in-space .icon .icon-3d-badge-full-color-element,
.view-in-space .icon .icon-video-badge-full-color-element {
fill: currentColor;
}
.view-in-space .view-in-space__text {
vertical-align: middle;
}
.product-media--video[data-video-type=external]::before, .product-media--video[data-video-type=external]::after {
content: "";
position: absolute;
top: 50px;
bottom: 70px;
width: calc(50% - 50px);
z-index: 1;
}
.product-media--video[data-video-type=external]::before {
left: 0;
}
.product-media--video[data-video-type=external]::after {
right: 0;
}
.plyr__control svg {
margin: 0;
}
.plyr.plyr--full-ui.plyr--video {
color: #000000;
background-color: transparent;
/* stylelint-disable-next-line */
/* stylelint-disable-next-line */
/* stylelint-disable-next-line */
}
.plyr.plyr--full-ui.plyr--video button:hover {
color: inherit;
background: transparent;
}
.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: #000;
}
.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: #000;
}
.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: #000;
}
.plyr.plyr--full-ui.plyr--video:-ms-fullscreen .plyr__video-wrapper, .plyr.plyr--full-ui.plyr--video:-ms-fullscreen .plyr__poster {
background-color: #000;
}
.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: #000;
}
.plyr.plyr--full-ui.plyr--video .plyr__control.plyr__control--overlaid {
background-color: #ffffff;
border-color: rgba(0, 0, 0, 0.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: rgba(0, 0, 0, 0.55);
}
.plyr.plyr--full-ui.plyr--video .plyr__controls {
background-color: #ffffff;
border-color: rgba(0, 0, 0, 0.05);
}
.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range]::-moz-range-thumb {
box-shadow: 2px 0 0 0 #ffffff;
}
.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range]::-ms-thumb {
box-shadow: 2px 0 0 0 #ffffff;
}
.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range]::-webkit-slider-thumb {
box-shadow: 2px 0 0 0 #ffffff;
}
.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), rgba(0, 0, 0, 0.6) var(--value, 0));
}
.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range]::-moz-range-track {
background-color: rgba(0, 0, 0, 0.6);
}
.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range]::-ms-fill-upper {
background-color: rgba(0, 0, 0, 0.6);
}
.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.25);
}
.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range].plyr__tab-focus::-moz-range-track {
box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.25);
}
.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range].plyr__tab-focus::-ms-track {
box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.25);
}
.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range]:active::-moz-range-thumb {
box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.25);
}
.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range]:active::-ms-thumb {
box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.25);
}
.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range]:active::-webkit-slider-thumb {
box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.25);
}
.plyr.plyr--full-ui.plyr--video .plyr__progress .plyr__tooltip {
background-color: #000000;
color: #ffffff;
}
.plyr.plyr--full-ui.plyr--video .plyr__progress .plyr__tooltip::before {
border-top-color: #000000;
}
.plyr.plyr--full-ui.plyr--video.plyr--loading .plyr__progress__buffer {
background-image: linear-gradient(-45deg, rgba(0, 0, 0, 0.6) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0.6) 75%, transparent 75%, transparent);
}
.plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range] {
color: #ffffff;
}
.plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range]::-moz-range-thumb {
box-shadow: 2px 0 0 0 #000000;
}
.plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range]::-ms-thumb {
box-shadow: 2px 0 0 0 #000000;
}
.plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range]::-webkit-slider-thumb {
box-shadow: 2px 0 0 0 #000000;
}
.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);
}
/* hack for some model-viewer 'quirks' */
model-viewer {
text-align: left;
}
model-viewer .container {
max-width: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
model-viewer button,
model-viewer button:hover {
background-color: transparent;
}
.shopify-model-viewer-ui button svg {
margin: 0;
}
.shopify-model-viewer-ui button[hidden] {
display: none;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area {
background: #ffffff;
border-color: rgba(0, 0, 0, 0.05);
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button {
color: #000000;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:hover {
color: rgba(0, 0, 0, 0.55);
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:active, .shopify-model-viewer-ui .shopify-model-viewer-ui__button--control.focus-visible:focus {
color: rgba(0, 0, 0, 0.55);
background: rgba(0, 0, 0, 0.05);
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:not(:last-child):after {
border-color: rgba(0, 0, 0, 0.05);
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster {
background: #ffffff;
border-color: rgba(0, 0, 0, 0.05);
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:hover, .shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:focus {
color: rgba(0, 0, 0, 0.55);
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster {
z-index: 2;
}
.shopify-model-viewer-ui .theme-event-proxy {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
cursor: pointer;
z-index: 1;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area--playing + .theme-event-proxy {
display: none;
}
.clickyboxes {
margin: 0 0 -10px;
padding: 0;
}
.clickyboxes li {
/* display: inline; */
display: inline-block;
color: #444;
}
.clickyboxes li a {
position: relative;
overflow: hidden;
display: inline-block;
/* display: table; */
vertical-align: middle;
text-align: center;
margin: 0 10px 10px 0;
/* padding: 0.6em 1.25em; */
padding: 0.6em 0.9em;
min-width: 1em;
/* font-size: 14px; */
font-size: 11px;
/* line-height: 1.2em; */
/* line-height: 14px; */
/* line-height: 28px; */
line-height: 24px;
background: #fff;
/* border-radius: 3px; */
border: 1px solid rgba(0, 0, 0, 0.15);
color: inherit;
/* width: 42px;
height: 13px; */
/* width: 34px; */
width: 32px;
/* width: 2.5rem; */
/* height: 28px; */
height: 24px;
padding: 0;
/* margin: 1px 3px 2px 0; */
margin: 1px 5px 2px 0;
}
.clickyboxes.options--color li a {
line-height: 14px;
width: 42px;
height: 13px;
margin: 1px 3px 2px 0;
}
.clickyboxes li a.active, .clickyboxes li a.active:hover {
border-color: #000000;
}
.clickyboxes li a:hover {
color: inherit;
background: #f2f2f2;
}
.clickyboxes li a.unavailable {
color: #808080;
/* background: #ebebeb; */
background: linear-gradient(to top left,#f2f2f2 calc(50% - 0.0625rem),#d5d5d5,#f2f2f2 calc(50% + 0.09375rem));
/* background: linear-gradient(to top left,currentColor calc(50% - 0.0625rem),#d5d5d5,#f2f2f2 calc(50% + 0.09375rem)) !important; */
}
.template-non-theme #content > div:first-child {
margin-top: 50px;
}
@media only screen and (max-width: 1000px) {
.desktop-up {
display: none !important;
}
.tablet-down {
display: block;
}
#content {
padding-top: 0;
padding-left: 0;
}
.page-header {
left: 0;
}
.header-group,
.footer-group {
margin-left: 0;
}
#navbar {
left: -240px;
background-color: #ffffff;
}
.navbar--with-shadow {
box-shadow: none;
}
#navbar .shoplogo {
display: none;
}
.show-nav-mobile #navbar {
left: 0;
box-shadow: 0 0 15px 5px rgba(0,0,0,0.15);
overflow: hidden;
}
.show-nav-mobile {
overflow: hidden;
}
.show-nav-mobile:after {
opacity: 1;
pointer-events: auto;
}
}
@media (min-width: 768px) and (max-width: 1000px) {
.show-nav-mobile #navbar {
width: 50% !important;
/* border-right: 1px solid #000; */
}
}
@media only screen and (max-width: 1000px) {
.show-nav-mobile #navbar {
width: 100%;
z-index: 40;
}
}
@media only screen and (max-width: 950px) {
.page-footer__nav-column-container {
margin-left: 0;
}
.page-footer__column {
float: none;
width: auto;
max-width: none;
padding: 0;
/* border-bottom: 1px solid rgba(0, 0, 0, 0.25); */
border-bottom: 1px solid #e7e7e7;
}
.page-footer__column.page-footer__column--text {
padding: 0.8em 0;
}
.page-footer__column:last-child {
margin-bottom: 2em;
}
.page-footer__column ul {
display: none;
}
.page-footer__column li {
/* margin: 0.25em 0; */
margin: 0;
padding: 0.35em 0;
}
.page-footer__column li a {
display: block;
}
.page-footer__column .nav-column__title {
position: relative;
margin: 0;
}
.page-footer__column .nav-column__title .button {
/* padding: 0.8em 30px 0.8em 0; */
padding: 1.0em 30px 1.0em 0;
}
.page-footer__column .nav-column__title .button:hover {
cursor: pointer;
}
.page-footer__column .nav-column__title .chevron {
display: block;
position: absolute;
/* right: 0; */
right: 4px;
top: 50%;
/* margin-top: -12px; */
margin-top: -5px;
pointer-events: none;
}
.page-footer__column .nav-column__title .chevron svg {
fill: currentColor;
/* width: 9px;
height: 10px; */
width: 8px;
height: 9px;
}
.page-footer__column .nav-column__title .chevron svg path {
fill: #000;
/* width: 9px;
height: 10px; */
}
.page-footer__column.open ul {
display: block;
}
.page-footer__column.open .chevron {
transform: rotate(180deg);
}
/* .quick-buy-row {
display: none !important; */
.block.product .quick-buy-row,
.block.product:hover .quick-buy-row {
display: none;
}
}
@media only screen and (max-width: 767px) {
.mobile-only {
display: block;
}
.desktop-only {
display: none !important;
}
.reading-column,
.page-footer__lower {
/* padding-left: 20px;
padding-right: 20px; */
padding-left: 15px;
padding-right: 15px;
}
.signup-form {
margin: 20px;
}
.page-footer__lower {
text-align: left;
}
.page-footer__lower .page-footer__nav,
.page-footer__lower .copy {
float: none;
/* margin: 0 0 20px; */
margin: 10px 0;
/* text-align: left; */
text-align: center;
display: flex;
justify-content: center;
}
.page-footer__nav .separator {
margin-left: 2px;
}
.page-footer__nav li {
display: block;
margin-bottom: 6px;
}
/* .page-footer__nav .separator {
display: none;
} */
.social-links a {
margin: 0 5px;
}
input,
textarea {
box-sizing: border-box;
}
.blocklayout,
.block {
/* margin: 10px; */
margin: 4px;
}
.template-search .blocklayout,
.template-search .block {
/* margin: 10px; */
margin: 0;
}
.template-search .blocklayout .block.product {
margin-left: 2px;
margin-right: 2px;
width: calc(50% - 4px);
}
.block.double-padded,
.block .double-padded {
padding: 10px;
}
.block.padded > .padded {
padding: 0;
}
.cart-list-header {
display: none;
}
.cart-item:nth-child(2) {
border-top: none;
}
.cart-item .col-notimage {
flex-wrap: wrap;
}
.cart-item .desc,
.cart-item .item-price,
.cart-item .quantity-and-remove,
.cart-item .line-total {
margin: 0 0 1em;
width: 100%;
text-align: left;
}
.cart-item .remove {
display: inline-block;
margin: 0 0 0 1em;
}
.cart-item .item-price {
display: none;
}
#cartform .checkoutrow .checkoutbuttoncont {
float: none;
text-align: center;
clear: both;
}
.block.product .main .img-link {
display: block;
}
.product-gallery,
.product-info {
float: none;
width: auto;
/* margin-top: 25px; */
margin-top: 0;
}
.product-gallery {
margin-right: 0;
}
.product-gallery .swiper-container .swiper-button-prev,
.product-gallery .swiper-container .swiper-button-next {
display: none;
}
.product-gallery .swiper-container-autoheight .swiper-slide,
.product-gallery .gallery-top .swiper-slide {
height: auto;
width: 100%;
}
.product-gallery .swiper-container-autoheight .swiper-slide .product-gallery__image,
.product-gallery .gallery-top .swiper-slide .product-gallery__image {
width: 100%;
}
}
/* @media (max-width: 600px) {
.inline-input-button-row {
display: block;
}
.inline-input-button-row .inline-input-button-row__input {
margin: 0;
}
.inline-input-button-row .inline-input-button-row__button {
margin: 20px 0 0;
}
.inline-input-button-row .inline-input-button-row__button button, .inline-input-button-row .inline-input-button-row__button input[type=submit] {
width: 100%;
}
} */
@media only screen and (max-width: 480px) {
/* Remove extraneous space on text pages */
.template-page #content .block,
.template-page #content .block .main,
.template-article #content .block,
.template-article #content .block .main,
.template-blog #content .blocklayout {
margin: 0;
}
.template-page #content .list-collections .block {
margin: 10px;
}
.template-blog .blocklayout.double-sized .block {
margin-left: 20px;
margin-right: 20px;
}
.block.double-padded, .block .double-padded {
padding: 10px;
}
.product-info .quantadd .quantity {
padding-left: 10px;
padding-right: 10px;
}
.cart-item .col-image {
width: 60px;
}
}
.template-password {
height: 100vh;
font-size: 15px;
line-height: 1.3em;
text-align: center;
}
.template-password .password-container {
display: table;
height: 100%;
width: 100%;
}
.template-password .password-store-name,
.template-password .password-main,
.template-password .password-footer {
display: table-row;
}
.template-password .password-store-name-inner,
.template-password .password-main-inner,
.template-password .password-footer-inner {
display: table-cell;
padding: 20px;
}
.template-password .password-store-name {
height: 1px;
}
.template-password .password-main {
height: 100%;
}
.template-password .password-main-inner {
vertical-align: middle;
}
.template-password .password-footer {
height: 1px;
}
.template-password .password-login-link {
margin: 20px 0 40px;
text-align: right;
}
.template-password .password-login-link svg {
width: 10px;
height: 12px;
margin-right: 4px;
}
.template-password h1 {
font-size: 2em;
line-height: 1.2em;
}
.template-password h1 a:hover {
text-decoration: none;
}
.template-password h2 {
font-size: 4em;
line-height: 1.2em;
}
.template-password input[type=text], .template-password input[type=email], .template-password input[type=password] {
height: auto;
padding: 6px;
margin: 0 5px 0 0;
color: #666;
background: #fff;
border: 1px solid #ccc;
vertical-align: top;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.template-password input[type=submit] {
display: inline-block;
border: none;
background: #000000;
color: #ffffff;
vertical-align: top;
margin: 0;
padding: 5px 14px;
width: auto;
font-family: Arial, sans-serif;
font-size: 90%;
height: 30px;
cursor: pointer;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.template-password input[type=submit]:hover {
background: #1a1a1a;
text-decoration: underline;
}
.template-password .shoplogo {
background: transparent;
color: inherit;
width: auto;
}
.template-password .shoplogo.with-margin .logoimg {
padding: 27px;
}
.template-password .shoplogo a {
color: inherit;
}
.template-password .shoplogo .logotext {
text-align: center;
color: inherit;
}
.template-password .shoplogo .logoimg {
display: block;
width: 240px;
margin: 0 auto;
}
.template-password .shoplogo .logoimg.with-bg {
background: rgba(0,0,0,0);
}
.template-password .shopify-name {
display: none;
}
.template-password .password-message {
margin-bottom: 2em;
}
.template-password .password-signup {
margin-bottom: 4em;
}
.template-password .password-signup input[type=email] {
box-sizing: content-box;
font-size: 16px;
line-height: 36px;
height: 36px;
padding: 4px 18px;
margin-right: -1px;
width: 250px;
border-radius: 3px 0 0 3px;
}
.template-password .password-signup input[type=submit] {
box-sizing: content-box;
font-size: 16px;
line-height: 36px;
height: 36px;
padding: 4px 18px;
border: 1px solid #000000;
border-radius: 0 3px 3px 0;
}
@media only screen and (max-width: 420px) {
.template-password .password-signup input[type=email] {
width: 90%;
}
.template-password .password-signup input[type=email],
.template-password .password-signup input[type=submit] {
margin: 0 0 10px;
border-radius: 3px;
}
}
.template-password .password-social li {
display: inline-block;
white-space: nowrap;
}
.template-password .password-social a {
margin: 10px;
display: inline-block;
padding: 2px 12px 2px 4px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.template-password .password-social a span {
vertical-align: middle;
}
.template-password .password-social a:hover {
opacity: 0.8;
}
.template-password .password-social a:hover, .template-password .password-social a:hover span {
text-decoration: none;
}
.template-password .password-social a svg {
display: inline-block;
vertical-align: middle;
}
.template-password .password-footer-inner {
padding-top: 150px;
line-height: 2em;
}
.template-password .password-footer-inner .powered-by, .template-password .password-footer-inner svg {
vertical-align: top;
}
.template-password .password-footer-inner svg {
margin: 0 0 0 5px;
width: 80px;
height: 23px;
}
.template-password #password-login {
width: 300px;
padding: 1em 0;
}
.template-password #password-login, .template-password #password-login a, .template-password #password-login a:link, .template-password #password-login a:visited, .template-password #password-login a:hover {
color: #333;
}
.template-password #password-login label {
display: block;
margin: 0 0 0.5em;
}
.template-password #password-login input[type=password] {
width: 150px;
}
.template-password #password-login .password-owner {
margin-top: 2em;
}
/************* --- --- --- *************/
/************* | ENTER YOUR CUSTOM CODE BELOW HERE | *************/
/************* --- --- --- *************/
::-webkit-scrollbar {
/* width: 8px; */
width: 4px;
background-color: #f3f3f3;
/* display: none;
-webkit-appearance: none; */
}
.mainnav::-webkit-scrollbar {
display: none;
-webkit-appearance: none;
}
.go-cart-drawer__content::-webkit-scrollbar, .c-popin__content::-webkit-scrollbar, .quick-search__results::-webkit-scrollbar {
width: 4px;
background-color: #FFF;
display: block;
}
:host([open]) .okas_side_drawer::-webkit-scrollbar {
display: none;
-webkit-appearance: none;
}
::-webkit-scrollbar-thumb {
background-color: #464646;
border-radius: 0px;
}
::-webkit-scrollbar-thumb:hover {
background-color: #999999;
}
::selection {
/* background-color: #000;
color: #fff; */
background: #FFF7B6;
color: black;
text-shadow: none;
}
.accounts-info {
text-align: center;
margin-bottom: 20px;
}
.accounts-info-link {
font-size: 12px;
line-height: 18px;
}
.accounts-info a {
color: #000;
}
.accounts-info a:hover {
text-decoration: underline;
color: #000;
}
.account-page .page-title, .account-summary {
margin-bottom: 15px;
}
.default-account-info {
margin-bottom: 10px;
}
#customer_sidebar h4 {
margin: 5px 0 2px;
line-height: 13px;
font-size: 13px;
}
#customer_sidebar p {
margin-bottom: 10px;
font-size: 13px;
line-height: 18px;
}
#customer_sidebar .address {
line-height: 18px;
font-size: 13px;
}
#view_address {
color: #000;
padding-bottom: 1px;
line-height: 1em;
text-decoration: none;
font-weight: 700;
}
.recent-orders {
margin-bottom: 10px;
}
.remodal .odd a, .responsive-table .odd a, .responsive-table .even a {
text-decoration: underline;
}
.odd a {
color: #000;
}
.remodal .odd a, .responsive-table .odd a, .responsive-table .even a {
text-decoration: underline;
}
.even a {
color: #000;
}
.odd a:hover, .even a:hover {
text-decoration: underline !important;
}
#customer_orders th {
border-bottom: none;
border: none;
}
#order_address {
text-align: right;
margin: 10px 0;
}
#order_payment {
display: inline-block;
margin-right: 20px;
}
#order_shipping {
display: inline-block;
}
.mobile-order_summary tr {
border-top: none !important;
}
.mobile-order_summary td {
/* line-height: 18px; */
line-height: 14px;
padding: 8px 0 4px;
}
.mobile-order_summary .cart-discount:not(:last-child) {
margin-bottom: 0;
}
.inner-row {
margin-top: 15px;
margin-bottom: 15px;
text-align: right;
line-height: 16px;
font-size: 12px;
}
.order_section_title {
font-weight: 700;
margin: 3px 0;
text-transform: capitalize;
font-size: 12px;
}
#order_details .product {
display: flex;
border-bottom: none;
}
#order_details tr:first-child .product:first-child {
border-top: none;
}
#order_details th:first-child {
border-bottom: 1px solid #e9ecef;
}
#order_details th {
border-bottom: none;
}
.line-item__image-wrapper {
width: 90px;
min-width: 90px;
margin-right: 20px;
display: inline-block;
}
.order-title {
line-height: 15px;
margin-bottom: 5px;
}
.responsive-table .order-title a {
text-decoration: none;
}
.order-variant {
font-size: 12px;
line-height: 16px;
font-weight: 700;
}
#order_details .total {
min-width: 70px;
}
.responsive-table .desktop-order_summary tr, .responsive-table .desktop-order_summary td {
padding-top: 10px;
padding-bottom: 10px;
border: none;
}
.responsive-table .mobile-order_summary tr, .responsive-table .mobile-order_summary td {
padding-top: 5px !important;
padding-bottom: 5px !important;
}
@media (min-width: 768px) {
.responsive-table tr:last-child td, .responsive-table tr:last-child {
border-bottom: 1px solid #000000;
}
}
.desktop-order_summary .label, .desktop-order_summary .cart-discount__label {
border-top: none;
text-align: right;
}
.order_summary-title {
font-weight: 700;
}
@media (min-width: 768px) {
.mobile-order_summary {
display: none;
}
}
@media (max-width: 767px) {
.desktop-order_summary {
display: none;
}
}
@media only screen and (min-width: 768px) {
.responsive-table tr, .responsive-table td {
padding-top: 30px;
padding-bottom: 30px;
}
.responsive-table tr:last-child td, .responsive-table tr:last-child {
border-bottom: 1px solid #000000;
}
.mobile-order_summary {
display: none;
}
}
@media only screen and (max-width: 767px) {
.responsive-table tr, .responsive-table td {
float: left;
clear: both;
width: 100%;
padding-top: 25px;
padding-bottom: 25px;
}
.responsive-table tr {
display: block;
border-top: 1px solid #e9ecef;
}
}
.main-number {
position: absolute;
/* right: 18%;
top: 6px; */
/* right: 13%; */
/* right: 12%; */
right: 15%;
/* top: 2px; */
top: 5px;
/* font-size: 9px; */
/* font-size: 8px; */
font-size: 7px;
font-weight: 100;
}
[data-gridtype=PRIMARY] .main .custom_tags, [data-gridtype=SECONDARY] .main .custom_tags {
display: block;
position: absolute;
/* top: 10px; */
top: 1px;
/* right: 10px; */
/* left: 10px; */
left: 1px;
color: #000;
z-index: 1;
text-align: left;
}
[data-gridtype=SECONDARY] .fixed-ratio:hover .custom_tags, [data-gridtype=SECONDARY] .fixed-ratio:hover .custom_tags p {
display: block;
}
[data-gridtype=SECONDARY] .fixed-ratio:hover .main .custom_tags {
display: none;
}
[data-gridtype=SECONDARY] .fixed-ratio:hover .custom_tags {
position: absolute;
top: 1px;
left: 1px;
color: #000;
z-index: 1;
text-align: left;
}
[data-gridtype=LIST] .main .custom_tags {
display: none;
}
.custom_tags .custom_tag_sale,
.atc_custom_tags .custom_tag_sale {
color: #dd4b39;
background: transparent;
font-weight: 700;
/* margin-bottom: 5px; */
margin-bottom: 1px;
}
.custom_tags .custom_tag_soldout,
.atc_custom_tags .custom_tag_soldout {
/* color: #dd4b39; */
color: #ffffff;
background: #000000;
font-weight: 700;
/* margin-bottom: 5px; */
margin-bottom: 1px;
}
.custom_tags .custom_tag.exclusive,
.atc_custom_tags .custom_tag.exclusive {
/* background-color: #000082; */
background-color: transparent;
font-weight: 700;
/* color: #FFFF00; */
color: #000082;
/* margin-bottom: 5px; */
margin-bottom: 1px;
}
.custom_tags .custom_tag.bestseller,
.atc_custom_tags .custom_tag.bestseller {
/* background-color: #000082; */
background-color: #986b58;
font-weight: 400;
/* color: #FFFF00; */
color: #fff;
/* margin-bottom: 5px; */
margin-bottom: 1px;
}
.custom_tags .custom_tag,
.atc_custom_tags .custom_tag {
/* background-color: #42934B; */
background-color: #222222;
/* font-weight: 700; */
font-weight: 400;
color: #FFF;
/* margin-bottom: 5px; */
margin-bottom: 0;
}
.custom_tags p, .product-recommendations .custom_tags p {
display: none;
margin-bottom: 0;
}
.blocklayout.search-results .custom_tags, .product-recommendations .custom_tags {
position: absolute;
/* top: 10px; */
top: 1px;
/* right: 10px; */
/* left: 10px; */
left: 1px;
color: #000;
z-index: 1;
text-align: left;
}
.blocklayout.search-results .custom_tags p {
/* display: none; */
display: block;
}
.search-results .main:hover .img-link {
opacity: 0.4;
}
.search-results .main:hover .sub {
opacity: 1;
}
.search-results .main:hover .custom_tags {
display: none;
}
/* @media only screen and (max-width: 1163px) {
.template-collection .custom_tags p {
font-size: 10px;
}
} */
[data-gridtype=PRIMARY] .main .custom_tags p:nth-child(1),
[data-gridtype=PRIMARY] .main .custom_tags p:nth-child(2),
[data-gridtype=PRIMARY] .main .custom_tags p:nth-child(3){
/* display: block; */
display: table;
}
.blocklayout.search-results .custom_tags p:nth-child(1),
.product-recommendations .custom_tags p:nth-child(1) {
display: block;
}
[data-gridtype=SECONDARY] .main .wk-button-collection {
display: none;
}
[data-gridtype=SECONDARY] .main .custom_tags p:nth-child(1) {
/* display: block; */
font-size: 10px;
/* display: none; */
}
@media only screen and (max-width: 1163px) {
[data-gridtype=SECONDARY] .main .custom_tags p:nth-child(1) {
font-size: 9px;
}
}
[data-gridtype=SECONDARY] .main:hover .custom_tags {
display: none;
}
[data-gridtype=LIST] .custom_tags {
float: left;
display: block;
}
[data-gridtype=LIST] .custom_tags p:nth-child(1),
[data-gridtype=LIST] .custom_tags p:nth-child(2)
{
/* display: block; */
display: table;
font-size: 9px;
}
.product-container .custom_tags,
.atc_custom_tags {
display: table;
color: #000;
float: right;
margin-left: 10px;
opacity: 1;
/* margin-top: 3px; */
margin-top: 0;
}
.product-container .custom_tags p,
.atc_custom_tags p {
/* display: block; */
display: inherit;
/* font-size: 12px;
line-height: 12px; */
/* font-size: 11px;
line-height: 11px;
margin-bottom: 0; */
font-size: 10px;
line-height: 10px;
margin-bottom: 0;
padding: 2px 5px;
/* border-radius: 15px; */
border-radius: 4px;
}
@media only screen and (max-width: 1000px) {
.product-container .custom_tags p,
.atc_custom_tags p {
font-size: 9px;
line-height: 9px;
padding: 2px 4px;
}
}
/* .product-container .custom_tags p.custom_tag {
padding: 0;
} */
.quickbuy-form .custom_tags p {
display: block;
}
.quick-search__show-all-text .cta-link {
/* opacity: 1; */
/* -webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: black;
font-size: 26px; */
top: 40%;
left: 0;
/* left: -15px; */
-webkit-text-stroke-width: 1.5px;
-webkit-text-stroke-color: black;
font-size: 20px;
color: #fff;
opacity: 1;
text-transform: uppercase;
/* font-size: 18px; */
font-weight: 700;
margin: 0;
letter-spacing: .04em;
}
.quick-search__show-all:hover .cta-link {
color: yellow;
}
@media only screen and (min-width: 1164px) {
.cta-link-hover-parent .cta-link {
/* font-size: 1.5rem; */
font-size: 24px;
padding: 0 1.25rem;
height: 100%;
top: 0;
left: 0;
opacity: 0;
}
.quick-search__show-all-text .cta-link {
opacity: 1;
-webkit-text-stroke-width: 2px;
-webkit-text-stroke-color: black;
/* font-size: 28px; */
font-size: 24px;
/* left: -15px; */
}
.home-image.cta-link-hover-parent:hover .rimage-outer-wrapper {
opacity: 0.4;
}
.home-image.cta-link-hover-parent:hover .cta-link {
opacity: 1;
}
.mobile_list_custom_tags {
display: none;
}
}
@media only screen and (max-width: 767px) {
.collection-list-type1 .block-layout, .collection-list-type2 .block-layout {
margin-left: 0px;
margin-right: 0px;
}
.collection-list-type1 .col-block {
width: calc(50% - 16px);
margin: 0px;
padding: 0 8px;
margin: 0 0 25px 0;
}
.collection-list-type2 .col-block {
width: calc(100% - 16px);
margin: 0 0 25px 0;
padding: 0 8px;
display: inline-block;
}
.collection-list-type2 img {
width: 55%;
float: left;
}
.collection-list-type2 .col-block span {
width: 42%;
}
[data-gridtype=LIST] .custom_tags {
display: none;
}
[data-gridtype=LIST] .mobile_list_custom_tags .custom_tags {
display: block;
float: right;
margin-right: 15px;
/* margin-top: -15px; */
/* margin-top: -20px; */
margin-top: -13px;
}
.blocklayout.search-results .custom_tags p:nth-child(2),
.product-recommendations .custom_tags p:nth-child(2) {
display: block;
}
}
.timezone {
/* float: left; */
display: block;
padding-bottom: 56px;
text-align: center;
font-size: 11px;
line-height: 16px;
}
.page_position {
margin-bottom: 0;
}
@media only screen and (max-width: 1000px) {
.timezone {
/* margin-top: 15px; */
/* padding-bottom: 30px; */
padding-bottom: 15px;
}
.template-index .timezone {
margin-top: 15px;
}
}
@media only screen and (min-width: 1001px) {
/* .timezone_datetime {
padding-left: 5px;
padding-right: 5px;
}
.timezone_location {
padding-left: 5px;
padding-right: 5px;
} */
.page_position {
text-align: right;
margin: 0;
}
.timezone_datetime {
display: block;
text-align: right;
}
.timezone_location {
display: block;
text-align: right;
}
}
.nav-toggle {
position: absolute;
/* top: 50px; */
top: 20px;
/* right: 5px; */
right: 12px;
/* font-size: 40px; */
/* font-size: 32px; */
font-size: 34px;
/* font-weight: bold; */
font-weight: 100;
margin-left: 0;
padding: 0px 0 0 0;
/* width: 32px;
height: 32px; */
width: 22px;
height: 22px;
color: #000;
}
.xbtn.nav-toggle {
display: none;
}
@media only screen and (max-width: 1000px) {
.xbtn.nav-toggle {
display: block;
}
}
.template-collection .reading-container span {
position: relative;
display: block;
line-height: 14px;
font-size: 11px;
}
.template-product .description span {
position: relative;
display: block;
line-height: 14px;
font-size: 11px;
}
/**********************/
.manu_tier1.active > .c-nav__subnav {
visibility: visible;
max-height: fit-content;
}
.c-nav__item.active > .c-nav__subnav {
visibility: visible;
max-height: fit-content;
}
.c-nav__link {
background: transparent;
border: 0px solid;
color: #000;
font-weight: 400;
padding: 0;
margin: 0 27px;
letter-spacing: 0px;
}
.c-nav__link:hover {
background: transparent;
color: #000;
}
.manu_tier1.close .c-nav__subnav {
height: 0;
transition: height 1s ease-out;
transform: scaleY(0);
}
.c-nav__subnav {
visibility: hidden;
max-height: 0;
overflow: hidden;
-webkit-transition: max-height .3s ease-out;
transition: max-height .3s ease-out;
}
.c-nav__subnav--open {
visibility: visible;
-webkit-animation: delay-overflow 1s;
animation: delay-overflow 1s;
font-weight: 700;
}
.c-nav__level2, .c-nav__level3 {
padding: 15px 0;
}
.mainnav .c-nav__item {
margin-bottom: 1px;
}
.mainnav .c-nav__link {
/* line-height: 11px; */
/* line-height: 8px; */
line-height: 9px;
}
@media only screen and (min-width: 1001px) {
.c-productcarousel__slide * {
height: 100%;
}
.c-productcarousel__slide .rimage-wrapper {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
padding-top: 0 !important;
}
.c-productcarousel__slide .rimage-wrapper img {
/*position: relative;
height: 100%;
width: auto;*/
left: 50%;
transform: translate(-50%, 0);
width: 100%;
}
.c-productcarousel__slide .rimage-wrapper img.lazyloading {
height: 100%;
}
}
@media only screen and (max-width: 1000px) {
.mainnav .c-nav__link {
padding-top: 5px;
padding-bottom: 5px;
font-size: 12px;
line-height: 12px;
}
.mainnav .c-nav__link.tier1title {
font-size: 14px;
}
}
.c-nav__link.active {
font-weight: 700;
}
.mainnav .c-nav__link[aria-expanded="true"] {
font-weight: 700;
}
.c-nav__level3 > li > a {
text-align: right;
}
.product-container {
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.l-pdp__images {
/*width: 60%;*/
width: 40%;
margin-bottom: 20px;
/*margin-left: 80px;*/
margin-left: 30%;
margin-right: -20px;
position: relative;
/*width: 40%;
margin-left: 30%;*/
margin-right: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.l-pdp__images>* {
width: 100%;
}
.product-info .inner {
width: 100%;
position: sticky;
top: 55px;
height: auto;
/* min-height: 667px; */
min-height: 620px;
}
.c-productcarousel__thumbs {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: right;
overflow: auto;
max-height: calc(100% - 64px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: visible;
}
/*.c-productcarousel__thumbs:not(.c-productcarousel__thumbs--notloaded) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: visible;
}*/
.c-productcarousel__thumb {
position: relative;
margin-right: 1.20px;
padding: 0;
width: 52px;
background-color: transparent !important;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-appearance: none;
border: 0;
overflow: auto;
}
.c-productcarousel__thumb--active {
/* border: 1px solid #000;
z-index: 1; */
}
.c-productcarousel__thumb:not(:last-child) {
margin-bottom: 2px;
}
.c-productcarousel__thumb img {
display: block;
-webkit-transform: translateZ(0.125rem);
transform: translateZ(0.125rem);
}
[data-element=container] {
margin: 0 auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
}
.c-productcarousel {
margin: 0;
}
[data-element=wrapper] {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform,-webkit-transform;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
[class*=android] [data-element=slide], [data-element=wrapper] {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.c-productcarousel__wrapper {
display: block;
}
[data-element=slide] {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform,-webkit-transform;
}
.c-productcarousel__slide {
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.c-productcarousel__slide {
padding: 0;
height: auto;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
/*max-height: calc(100vh - 20px);*/
background-color: #f5f5f7;
}
.c-productcarousel__slide:not(:last-child) {
/* margin-bottom: 2px; */
margin-bottom: 0px;
}
.c-productcarousel__slide .c-productcarousel__button {
cursor: url(../images/zoom-plus.svg),pointer;
width: 100%;
background-color: #f5f5f7;
border: 0px solid;
padding: 0px;
}
[data-context=PDP] .c-productcarousel__slide .c-productcarousel__button {
padding: 0;
border: 0;
margin: 0;
}
.c-productcarousel__slide .c-productcarousel__buttoncontent {
display: block;
height: 100%;
}
.c-productcarousel__slide .c-productcarousel__buttoncontent {
/*max-height: calc(100vh - 1.25rem);*/
}
.c-productcarousel__slide img {
width: 100%;
height: 100%;
display: block;
}
.c-productcarousel__slide img {
max-width: 100%;
height: 100%;
width: 100%;
max-height: none;
margin: 0 auto;
}
.c-productcarousel__actions {
display: none;
}
.c-productcarousel__zoomicon {
display: none;
}
.c-zoom.c-popin--closed {
display: none;
}
.side__collection_title, .side__product_title, .side__page_title {
text-transform: uppercase;
text-align: right;
margin-top: 15px;
max-width: 120px;
margin-left: auto;
margin-right: auto;
display: -webkit-box;
/* -webkit-line-clamp: 4; */
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
@media only screen and (max-width: 1000px) {
.side__collection_title, .side__product_title, .side__page_title {
text-align: center;
}
.template-index .side__collection_title, .template-product .side__collection_title {
display: none;
}
}
@media only screen and (min-width: 1001px) {
.template-page .side__page_title.okas123 {
display: none;
}
}
.template-page .side__collection_title {
display: none;
}
/* collection view 3/6 */
.collection-grid-type__desktop {
display: block !important;
}
.collection-grid-type__mobile {
display: none !important;
}
.collection-grid-type-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 12px;
line-height: 12px;
justify-content: flex-end;
text-transform: uppercase;
white-space: nowrap;
}
.collection-grid-type__button {
background-color: transparent;
color: inherit;
font-family: inherit;
text-decoration: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 10px 2px 10px 8px;
border: none;
cursor: pointer;
line-height: 12px;
font-weight: 400;
font-size: 12px;
}
.collection-grid-type__button:hover {
background-color: #FFF;
border-color: #FFF;
color: #000;
}
.collection-grid-type__button.active {
/* font-weight: 700; */
text-shadow: 0.5px 0px 0px currentColor;
}
.collection-grid-type__label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.collection-grid-type__label:hover {
/* text-decoration: underline; */
/* color: #000; */
/* color: #15f717; */
font-weight: bold;
}
[class*=c-icon-]:before, [class^=c-icon-]:before {
display: inline-block;
vertical-align: middle;
font-family: icons !important;
font-style: normal;
/* font-weight: 400!important; */
font-weight: bold !important;
color: #000;
font-variant: normal;
text-transform: none;
/* line-height: 1; */
/*font-size: 8px;*/
line-height: 7px;
/* line-height: 8px; */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@media only screen and (max-width: 1000px) {
[class*=c-icon-]:before, [class^=c-icon-]:before {
line-height: 14px;
}
}
.c-icon--arrow-right:before, .is-rtl .pika-prev:before, .pika-next:before {
content: "\F106";
}
.c-icon--arrow-down:before {
content: "\F102";
}
.mainnav a.filter_sidebar,
.mainnav a.sort_sidebar,
.mainnav a.clear_sidebar {
margin: 5px 0;
text-align: right;
}
#right_navbar a.filter_sidebar,
#right_navbar a.sort_sidebar,
#right_navbar a.clear_sidebar {
margin: 5px 0;
text-align: right;
}
.quick-buy-row {
display: none;
}
[data-gridtype=SECONDARY] .fixed-ratio {
/* width: calc(16.66666667% - 6px); */
width: calc(16.66666667% - 4px);
margin: 0 2px 1px;
}
[data-gridtype=SECONDARY] .fixed-ratio .sub {
position: absolute;
bottom: 0;
opacity: 0;
}
[data-gridtype=SECONDARY] .block.product:hover .main {
opacity: 0.3;
}
[data-gridtype=SECONDARY] .block.product:hover .sub {
opacity: 1;
}
.swiper-wrapper .fixed-ratio {
width: 100%!important;
margin: 0;
padding: 0!important;
}
.collection__title.unhide, .collection__description.unhide {
display: none;
}
@media only screen and (min-width: 1001px) {
.row.facet-filters {
/*display: none;*/
}
.collection__title, .collection__description {
display: none;
}
.collection__title.unhide, .collection__description.unhide {
display: block;
max-width: 100%;
}
.collection__description.unhide {
margin-bottom: 15px !important;
max-width: 780px;
}
.template-collection .page-title {
font-weight: 400;
text-shadow: 0.5px 0px 0px currentColor;
}
.template-collection .page-title, .template-collection .collection__description {
text-align: left;
margin: 0;
}
.template-product #content {
padding-left: 0;
padding-right: 0;
}
.product-info {
width: calc(30% - 20px);
margin-top: 30px;
padding-left: 20px;
}
.product-info .inner {
width: 60%;
padding-right: 20px;
}
.product-info .quantadd .add-to-cart {
/* width: calc(100% - 66px); */
width: calc(100%);
}
}
.sidebar__right_block2 .collection-grid-type,
#right_navbar .collection-grid-type,
.sidebar__right_block2 .filter_sidebar,
#right_navbar .filter_sidebar {
display: none;
}
.template-collection .sidebar__right_block2 .collection-grid-type,
.template-collection #right_navbar .collection-grid-type,
.template-collection .sidebar__right_block2 .filter_sidebar,
.template-collection #right_navbar .filter_sidebar,
.template-collection .sidebar__right_block2 .side__collection_title,
.template-collection #right_navbar .side__collection_title {
display: block;
}
@media only screen and (max-width: 1000px) {
.product-container {
display: block;
}
.collection__description {
margin: 1em 0;
}
.sidebar__right_block2 .collection-grid-type,
.sidebar__right_block2 .filter_sidebar {
display: none !important;
}
.c-productcarousel__thumbs {
display: none;
}
.l-pdp__images {
margin-left: -15px;
margin-right: -10px;
width: calc(100% + 25px);
}
.c-productcarousel__wrapper {
display: flex;
}
.c-productcarousel__slide img {
width: auto;
height: 100%;
max-width: none;
}
.c-productcarousel__actions {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
bottom: 0.3125rem;
right: 25%;
left: 25%;
text-align: center;
z-index: 1;
height: 2.625rem;
}
.u-visually-hidden {
position: absolute!important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px 1px 1px 1px);
clip: rect(1px,1px,1px,1px);
}
.c-productcarousel__next, .c-productcarousel__prev {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
padding: 1.25rem;
font-size: 2rem;
z-index: 500;
}
.c-productcarousel__prev {
left: 0;
}
.c-productcarousel__next {
right: 0;
}
.swiper-pagination-bullets {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
}
.c-productcarousel__actions .swiper-pagination-bullet {
display: inline-block;
width: auto;
max-width: 30px;
height: 2px;
background-color: #d0d0d2;
margin: 0 5px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
background: #000;
border-radius: 0;
opacity: 0.3;
}
.c-productcarousel__actions .swiper-pagination-bullet-active {
max-width: 40px;
background-color: #000;
opacity: 1;
}
.c-productcarousel__actions .swiper-pagination-bullet:first-child {
margin: 0 5px 0 0;
}
/* collection grid type */
.collection-grid-type__desktop {
display: none !important;
}
.collection-grid-type__mobile {
display: block !important;
}
.cc-filters-control__btn {
border: 0px solid;
display: flex;
width: auto !important;
align-items: center;
font-weight: 100;
}
.fixedlayout .block.product {
margin-left: 2px;
margin-right: 2px;
width: calc(50% - 4px);
}
[data-gridtype=SECONDARY] .block.product {
width: calc(33.3% - 4px);
margin: 2px;
}
.product-info {
padding-left: 0;
width: calc(100%);
margin-top: 0;
margin-left: -10px;
margin-right: -10px;
}
.product-info .inner {
position: relative;
min-height: auto;
top: 0;
padding-left: 10px;
padding-right: 10px;
}
}
/* collections slider */
.home-common-title {
color: #000;
line-height: normal;
font-style: normal;
font-weight: 400;
text-align: center;
text-transform: uppercase;
margin: 0;
/* font-size: 24px; */
/* font-size: 18px; */
/* font-size: 16px; */
font-size: 12px;
/* letter-spacing: 3.77px; */
margin-bottom: 10px;
}
.home-common-title:after {
animation: pulse 2s infinite;
-moz-animation: pulse 2s infinite;
-webkit-animation: pulse 2s infinite;
background-color: #000;
content: "";
display: inline-block;
height: 10px;
margin-left: 5px;
margin-bottom: 1px;
min-width: 10px;
transform: scale(1);
width: 10px;
}
@keyframes pulse {
0% {
opacity: 1;
}
25% {
opacity: 0;
transform:scale(.9);
}
to {
opacity:1;
}
}
@media (min-width: 1001px) {
.home-common-title:after {
/* height: 11px;
margin-top: 0;
min-width: 11px;
width: 11px;
margin-left: 6px;
margin-bottom: -0.25px; */
height: 8px;
margin-top: 0;
min-width: 8px;
width: 8px;
margin-left: 6px;
margin-bottom: 0px;
}
}
.template-product .home-common-title:after {
display: none;
}
.product-slider-wrap .tabs, .quick-search__tabs .tabs {
text-align: center;
margin-bottom: 25px;
margin-top: 10px;
}
.product-slider-wrap .tab, .quick-search__tabs .tab {
color: #000;
text-transform: uppercase;
display: inline-block !important;
text-decoration: none;
cursor: pointer;
font-style: normal;
font-weight: 400;
/* font-size: 13px; */
font-size: 12px;
line-height: 18px;
margin: 5px 10px 0 10px;
position: relative;
}
@media screen and (max-width: 767px) {
.template-product .product-slider-wrap .tab, .template-product .quick-search__tabs .tab {
font-size: 13px;
margin: 4px 8px 0 8px;
}
}
.product-slider-wrap .tab::before, .quick-search__tabs .tab::before {
content: "";
position: absolute;
display: block;
width: calc(100% - 2px);
height: 1px;
bottom: 0;
left: 0;
background-color: #000;
transform: scaleX(0);
transition: transform 0.3s ease;
}
.product-slider-wrap .tab:hover::before, .quick-search__tabs .tab:hover::before {
transform: scaleX(1);
}
.product-slider-wrap .tab.active, .quick-search__tabs .tab.active {
transition: all .3s ease-out;
position: relative;
}
.product-slider-wrap .tab.active:after, .quick-search__tabs .tab.active:after {
content: "";
width: 100%;
height: 2px;
background-color: #000;
position: absolute;
left: 0;
/* bottom: 1px; */
transition: all .3s ease-out;
bottom: -1px;
/* width: calc(100% - 2px); */
width: calc(100%);
left: 0;
}
.quick-search__tabs .tabs {
text-align: left;
margin-bottom: 15px;
}
.quick-search__tabs li {
list-style: none !important;
/* list-style: initial; */
/* text-transform: uppercase; */
text-transform: capitalize;
/* color: #888; */
/* color: #bbb; */
color: #999;
padding: 5px 0;
/* font-size: 12px; */
font-size: 13px;
line-height: 18px;
cursor: pointer;
/* font-weight: 700; */
text-align: left;
}
.quick-search__tabs .deleteall {
color: #000;
margin-top: 5px;
}
.quick-search__tabs li:hover {
color: #000;
text-decoration: underline;
}
.quick-search__tabs li:before {
content: url(https://cdn.shopify.com/s/files/1/0551/0656/8351/files/mini-search.svg);
/* margin-right: 12px; */
margin-right: 8px;
position: relative;
/* top: 2px; */
top: 4px;
}
.quick-search__tabs .deleteall:before {
display: none;
}
.quick-search__tabs .deleteall.hide {
opacity: 0;
}
.quick-search__tabs .content > .empty_search {
/* text-align: center; */
text-align: left;
font-size: 14px;
color: #000;
margin-top: 30px;
margin-bottom: 20px;
margin-left: 30px;
}
/* .quick-search__results-items-inner .product-image {
max-height: 185px;
} */
.swiper-slider-wrapper {
/* margin-bottom: 91px; */
/* margin-bottom: 60px;
margin-top: 50px; */
margin-bottom: 50px;
margin-top: 25px;
/* margin: 50px 5px 60px; */
}
.swiper-slider-wrapper .content, .quick-search__tabs .content {
display: none;
}
.swiper-slider-wrapper .content.active, .quick-search__tabs .content.active {
display: block;
}
.product-slider-wrap .block-content {
margin-right: 5px;
margin-left: 5px;
}
.widget {
clear: both;
}
.products-grid {
width: 100%;
overflow: hidden;
}
.product-items {
margin: 0;
padding: 0;
list-style: none none;
}
.product-item {
box-sizing: border-box;
vertical-align: top;
position: relative;
font-size: 13px;
}
.product-slider-wrap .products-grid .product-item {
display: inline-block;
width: 18%;
/* margin-bottom: 38px; */
margin-bottom: 25px;
/* margin-bottom: 60px; */
margin-left: 0 !important;
margin-right: 4px !important;
padding: 0;
}
.template-cart .product-slider-wrap .products-grid .product-item {
width: 28% !important;
margin-bottom: 12px;
}
@media (min-width: 1001px) {
.template-cart .product-slider-wrap .products-grid .product-item {
width: 14% !important;
margin-bottom: 12px;
}
}
.products-grid .product-item-photo {
display: block;
line-height: 0;
}
.product-item .photo.image {
width: 100%;
}
.products-grid .product-item-details {
text-align: center;
/* padding-top: 30px; */
padding-top: 15px;
}
.products-grid .product-item-details .brand {
display: block;
font-style: normal;
font-weight: 700;
color: #000;
font-size: 15px;
letter-spacing: .236rem;
margin-bottom: 15px;
padding: 0 20px;
}
.product-item-name, .product.name a {
font-weight: 400;
}
.product-item-name {
display: block;
/* margin: 5px 0; */
margin: 0;
}
.products-grid .product-item-details .product-item-link {
display: block;
text-decoration: none;
font-style: normal;
/* font-weight: 400; */
font-weight: 700;
color: #000;
/* font-size: 13px;
line-height: 16px; */
font-size: 11px;
line-height: 12px;
/* letter-spacing: .93px; */
/* margin-bottom: 13px; */
}
.products-grid .product-item-details .product-item-link:hover {
text-decoration: underline;
}
.products-grid .product-item-details .price-box {
display: block;
margin: 0;
font-style: normal;
/* font-weight: 700; */
font-weight: 400;
color: #000;
line-height: 12px;
font-size: 11px;
}
.products-grid .product-item .price-box {
padding: 2px 0 0;
}
.products-grid .product-item-details .price-box {
font-size: 12px;
letter-spacing: .86px;
}
.products-grid .pricearea {
font-size: 12px;
/* letter-spacing: .86px; */
/* line-height: 18px; */
line-height: 14px;
}
.products-grid .was-price {
color: #666;
/* margin: 5px 0; */
font-weight: 400;
text-decoration: line-through;
font-size: 11px;
margin-left: 4px;
}
.products-grid .price--reduced {
color: #bb3428;
}
/* .normal-price .price-in-sale {
color: #bb3428;
} */
.old-price, .old.price {
color: #666;
}
.product-item .old-price {
margin: 5px 0;
}
.products-grid .product-item-details .old-price .price {
color: #000;
/* font-weight: 700; */
font-weight: 400;
text-decoration: line-through;
opacity: .5;
padding-right: 5px;
font-size: 11px;
}
.section__recently_viewed_products {
margin-bottom: 20px;
}
.product-recommendations .block.size-medium {
width: calc(100% + 20px);
}
/*.swiper {
width: 100%;
height: 200px;
}
.swiper-container {
margin: 0 auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
visibility: hidden;
}
.swiper-container.swiper-horizontal {
visibility: visible;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform,-webkit-transform;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.swiper-slide {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform,-webkit-transform;
}
.productlist-container-android .swiper-slide, .swiper-wrapper {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.product-slider-wrap .product-items.swiper-wrapper {
flex-wrap: nowrap;
}*/
.product-slider-wrap .productlist-container .swiper-scrollbar {
text-align: center;
line-height: 0;
max-width: 600px;
margin: 0 auto;
left: 50%;
transform: translate(-50%);
background: 0 0;
height: 7px;
bottom: auto;
display: block !important;
}
.product-slider-wrap .productlist-container .swiper-scrollbar-drag {
background-color: #000;
z-index: 1;
height: 4px;
top: 2px;
}
.product-slider-wrap .productlist-container .swiper-scrollbar-drag:hover, .product-slider-wrap .productlist-container .swiper-scrollbar-drag:active, .product-slider-wrap .productlist-container .swiper-scrollbar-drag:focus {
height: 6px;
margin: -1px 0;
}
.product-slider-wrap .productlist-container .swiper-scrollbar:after {
content: "";
position: absolute;
left: 0;
width: 100%;
height: 1px;
background-color: #ddd;
/* border-radius: 8px; */
border-radius: 50%;
top: 4px;
}
.swiper__recently_viewed .swiper__empty_container {
min-height: 300px;
display: flex;
justify-content: center;
width: 100%;
align-items: center;
}
.tab-customize {
overflow: hidden;
margin-top: 15px;
display: flex;
justify-content: flex-start;
max-width: 100%;
white-space: nowrap;
cursor: grab;
overflow-x: auto;
margin: 0;
position: relative;
}
.tab-customize::-webkit-scrollbar {
height: 0px;
}
.tab-customize button {
background-color: inherit;
float: left;
border: none;
outline: none;
cursor: pointer;
padding: 0;
margin: 5px 6px 5px 3px;
color: #aaa;
font-size: 12px;
font-weight: 700;
position: relative;
text-transform: uppercase;
}
.tab-customize button span {
font-size: 11px;
line-height: 11px;
font-weight: 400;
text-shadow: 0.5px 0px 0px currentColor;
}
.tab-customize button:first-child {
margin-left: 0;
}
.tab-customize.tab-style button:before {
display : block;
position: absolute;
content : '';
width: calc(100% - 2px);
border-bottom: solid 1px #000;
transform : scaleX(0);
transform-origin: top left;
height: 1px;
bottom: -5px;
left: 0;
transition : transform 350ms ease-in-out;
}
.tab-customize.tab-style button:last-child:before {
transform-origin: top right;
}
.tab-customize.tab-style button:hover:before {
transform: scaleX(1);
}
.tab-customize.tab-style button.active, .tab-customize.tab-style button.active {
color: #000;
transition: all .5s ease-out;
position: relative;
}
.tab-customize.tab-style button.active:after {
content: "";
width: 100%;
height: 2px;
background-color: #000;
position: absolute;
left: 0;
/* bottom: 1px; */
transition: all .3s ease-out;
bottom: -5px;
width: calc(100% - 2px);
left: 0;
}
.swiper-wrapper .fixed-ratio {
width: 100% !important;
margin: 0;
padding: 0 !important;
}
.product__sidebar-links {
overflow: hidden;
display: flex;
justify-content: flex-start;
max-width: 100%;
white-space: nowrap;
cursor: grab;
overflow-x: auto;
margin: 0;
position: relative;
margin-bottom: 10px;
}
.product__sidebar-link {
background-color: inherit;
float: left;
border: none;
outline: none;
cursor: pointer;
padding: 0;
margin: 5px 6px 5px 3px;
color: #000 !important;
font-size: 12px;
font-weight: 700;
position: relative;
text-transform: uppercase;
color: #000;
transition: all .5s ease-out;
position: relative;
}
.product__sidebar-link:first-child {
margin-left: 0;
}
.product__sidebar-link:hover {
background-color: inherit;
color: #000;
}
.product__sidebar-link span {
/* font-size: 11px;
line-height: 11px; */
font-size: 10px !important;
line-height: 10px !important;
}
.product__sidebar-links button {
border: 1px solid #000;
border-radius: 50px;
padding: 2px 4px;
}
.product__sidebar-links button:hover {
color: #fff !important;
background: #000;
}
.tabcontent-cus {
display: none;
/* padding: 6px 12px; */
padding: 1em 0;
/* border-top: none; */
border-top: 1px solid #e9ecef;
/* margin-bottom: 20px; */
margin-bottom: 1em;
padding-bottom: 0;
font-size: 12px;
line-height: 16px;
}
.tabcontent-cus p, .tabcontent-cus ul {
font-size: 13px !important;
line-height: 16px !important;
}
/* Side Filter Panel */
.cc-filters-container {
display: block;
position: relative;
left: 0;
}
.cc-filters__items {
padding: 0;
}
.side-facet-filters {
margin-left: 30px;
}
.side-facet-filters .cc-filter {
width: 100%;
}
.side-facet-filters .cc-filter__panel {
opacity: 1;
position: relative;
top: auto;
box-shadow: none;
left: auto;
}
.cc-filter:not(.cc-filter--sort) {
border-bottom: 0px solid rgba(0,0,0,.15);
}
.cc-filter--sort {
position: relative;
visibility: visible;
}
.cc-filters__footer, .cc-filter__footer {
border-top: 0px solid rgba(0,0,0,.15);
}
.side-facet-filters .cc-filter__content {
max-height: fit-content;
padding: 10px 0 0 0;
}
.c-filters__title {
font-weight: 400;
text-shadow: 0.5px 0px 0px currentColor;
}
.cc-filter {
/* margin-bottom: 15px; */
margin-bottom: 5px;
}
.filter_sidebar_mobile {
display: flex;
align-items: center;
color: #000;
text-transform: uppercase;
}
.filter_sidebar_mobile .collection__filter-icon svg {
/* width: 11px;
height: 11px; */
width: 10px;
height: 10px;
/* top: 1px; */
margin-top: 1px;
margin-right: 3px;
}
.filter-toggle.filter_sidebar .collection__filter-icon svg {
/* width: 11px;
height: 11px; */
width: 10px;
height: 10px;
/* top: 1px; */
margin-top: 1px;
}
.cc-filter__color .swatch-input+.swatch-label .swatch-sample {
/* border: 0px solid #000; */
border: 1px solid #979797;
margin-left: 2px;
width: 8px;
height: 8px;
border-radius: 0px;
/* margin-top: 00px; */
/* margin-top: 1px; */
margin-top: 0;
}
.cc-filter__color .swatch-input:checked+.swatch-label .swatch-sample:before {
content: "";
position: absolute;
top: 4px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
display: block;
border: 1px solid #000;
background: transparent;
width: 10px;
height: 10px;
margin-left: -2px;
display: inline-block;
}
.swatch-input+.swatch-label .swatch-sample {
border: 1px solid #000;
border-radius: 0px;
width: 8px;
height: 8px;
/* top: 2px; */
top: 1px;
cursor: pointer;
}
.swatch-input.swatch-size:checked+.swatch-label .swatch-sample,
.swatch-input.swatch-product.type:checked+.swatch-label .swatch-sample,
.swatch-input.swatch-brand:checked+.swatch-label .swatch-sample,
.swatch-input.swatch-feature:checked+.swatch-label .swatch-sample {
background-color: #000;
}
.filter_item_hide, .c-filters__groupexpandlabel--close {
display: none;
}
.c-button--aslink {
background-color: transparent;
border: 0;
color: #000;
cursor: pointer;
/* padding: 0 0 1px; */
padding: 2px 0;
text-decoration: underline;
line-height: .6875rem;
text-transform: uppercase;
font-size: .625rem;
margin: 0.1875rem 0 0 1.25rem;
margin-left: 0;
display: block;
font-weight: 300;
/* margin-top: 10px; */
padding-top: 4px;
padding-bottom: 4px;
margin-bottom: 6px;
}
.c-button--aslink:hover {
color: #000;
background-color: #fff;
border-color: #fff;
}
.c-button--aslink span {
font-size: 10px;
}
/* collection page swatches */
ul.c-swatches {
clip: rect(1px,1px,1px,1px);
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative!important;
width: auto;
height: auto;
overflow: visible;
margin: 0;
display:none;
}
.collection__items .block.product:hover .collection__num_colors {
display:none;
}
.collection__items .block.product:hover .c-swatches {
display: inline-block;
}
.collection__items.fixedlayout {
min-height: 850px;
/* display: inline-block; */
/* display: inline-table; */
display: flex;
}
@media (min-width: 1001px) {
[data-gridtype=SECONDARY].collection__items.fixedlayout {
display: inline-table;
}
}
li.c-swatches__itemcontainer {
display: inline-block;
}
a.c-swatches__item {
display: inline-block;
margin-right: 2px;
}
span.u-sronly {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0,0,0,0);
white-space: nowrap;
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
border: 0;
}
span.c-swatches__itemimage {
width: 27px;
height: 6px;
background: #fff;
display: inline-block;
position: relative;
border: 1px solid #979797;
}
.collection__num_colors_mobile {
display: none;
}
[data-gridtype=SECONDARY] .block.product:hover .collection__num_colors {
display: block;
}
@media (min-width: 768px) {
.current_color {
/*display: none !important;*/
}
}
@media (max-width: 1000px) {
[data-gridtype=SECONDARY] .block.product:hover .main {
opacity: 1;
}
[data-gridtype=SECONDARY] .block.product:hover .sub {
opacity: 0;
}
.collection__items.fixedlayout {
min-height: 550px;
display: flex;
}
}
@media (max-width: 767px) {
ul.c-swatches {
display: inline-block;
margin-top: 10px;
}
li.c-swatches__itemcontainer {
display: none;
}
li.c-swatches__itemcontainer:nth-child(1) {
display: inline-block;
}
li.c-swatches__itemcontainer:nth-child(2) {
display: inline-block;
}
li.c-swatches__itemcontainer:nth-child(3) {
display: inline-block;
}
.collection__num_colors {
display: none;
}
.collection__num_colors_mobile {
display: inline-block;
}
.cc-filters-control {
position: relative;
padding: 0 5px;
}
.clear_sidebar_wrapper.mobile {
position: absolute;
right: 5px;
top: 30px;
}
.clear_sidebar_wrapper.mobile .clear_sidebar {
color: #000;
text-transform: uppercase;
}
}
/* nested slideshow */
.page-home .bodywrap {
width: 100%;
height: 100%;
}
.page-home main#content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 0 !important;
min-height: auto;
}
.swiper-hor .swiper-button-prev,
.swiper-hor .swiper-button-next {
opacity: 1;
background: transparent;
color: #000;
}
.swiper-hor .swiper-button-next:hover, .swiper-hor .swiper-button-prev:hover,
.swiper-hor .swiper-button-next:focus, .swiper-hor .swiper-button-prev:focus {
background: transparent;
color: #000;
}
.hor.swiper-slide img {
width: 100%;
height: 100%;
position: relative;
}
.swiper-button-prev:before {
content: 'prev';
}
.swiper-button-prev:before {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none!important;
letter-spacing: 0;
font-variant: initial;
line-height: 1;
}
.swiper-button-prev:after {
content: '' !important;
}
.swiper-button-next:after, .swiper-button-prev:before {
/* font-size: 24px !important; */
font-size: 20px !important;
/* display: flex; */
}
.swiper-button-next:hover:after, .swiper-button-prev:hover:before {
animation: a3 .5s infinite alternate;
}
@keyframes a3 {
/* 0% {transform: scaleX(var(--s,1)) translate(-4px)}
100%{transform: scaleX(var(--s,1)) translate( 4px)} */
0% {transform: scaleX(var(--s,1)) translate(-3px)}
100%{transform: scaleX(var(--s,1)) translate( 3px)}
}
.slide-nav-label--next {
margin-right: 10px;
text-transform: uppercase;
}
.slide-nav-label--prev {
margin-left: 10px;
text-transform: uppercase;
}
/*.swiper-ver .swiper-pagination-v {
position: absolute;
bottom: 40px !important;
left: 50% !important;
margin-right: -50%;
max-width: 90%;
display: block;
text-align: center;
transform: translateX(-50%) !important;
right: auto !important;
top: auto !important;
}*/
.swiper-ver .swiper-pagination-v {
right: 27px!important;
top: auto!important;
/*transform: translate3d(0,-35%,0)!important; */
bottom: 40px !important;
left: auto!important;
width: auto!important;
transition-duration: .5s!important;
display: block;
}
/*
.swiper-ver .swiper-pagination-bullet {
display: inline-block !important;
white-space: nowrap;
background: transparent;
width: auto;
font-size: 12px;
text-transform: uppercase;
margin-right: 64px !important;
margin-bottom: 20px !important;
opacity: 0.6;
}*/
/*.swiper-ver .swiper-pagination-bullet:last-child {
margin-right: 0 !important;
}
.swiper-ver .swiper-pagination-bullet-active {
font-weight: 400;
opacity: 1;
}*/
.swiper-footer {
display: flex;
height: 100%;
overflow: hidden;
position: relative !important;
width: 100% !important;
text-align: center;
align-items: center;
}
.slider-spot__slide-content {
margin: 0 auto;
width: 100%;
}
.home-footer__main {
align-items: center;
/* display: flex; */
display: block;
/* flex-direction: column; */
justify-content: center;
width: 100%;
/* flex-grow: 1; */
}
.home-footer__newsletter {
margin-top: 200px;
}
.home-page__newsletter {
/* font-size: 16px; */
font-size: 18px;
/* line-height: 32px; */
line-height: 36px;
/* letter-spacing: 0.9px; */
letter-spacing: 1.2px;
text-transform: uppercase;
font-stretch: condensed;
font-weight: 300;
}
.home-footer__social-network {
margin-bottom: 121px;
}
.zds-body-s {
font-size: 13px;
line-height: 18px;
letter-spacing: 0.8px;
text-transform: uppercase;
font-stretch: condensed;
font-weight: 300;
}
#homeSocialFooter {
display: flex;
flex-wrap: wrap;
justify-content: center;
padding: 0;
margin-top: 100px;
}
#homeSocialFooter li {
display: inline-block;
text-transform: uppercase;
margin: 12px !important;
}
#homeSocialFooter li a {
color: #000;
font-size: 12px;
}
.home-footer__legal-section {
text-transform: uppercase;
width: 100%;
text-align: center;
margin-bottom: 50px
}
.home-footer__legal-section-link {
display: inline;
font-size: 11px;
line-height: 16px;
letter-spacing: 0.8px;
text-transform: uppercase;
font-stretch: condensed;
font-weight: 300;
margin-right: 5px;
}
.home-footer__legal-section-link a {
color: #000;
}
.home-footer__legal-section-link::after {
margin-left: 5px;
}
.home-footer__legal-section-link::after {
content: "|";
}
.home-footer__legal-section-link:last-child::after {
content: "";
}
.media_wrapper--fill img {
object-fit: cover;
/* object-fit: initial; */
}
.media_wrapper--fit img {
object-fit: contain;
}
.swiper-slide video {
height: 100%;
/*-o-object-fit: fill;
object-fit: fill;*/
-o-object-fit: cover;
object-fit: cover;
/* -o-object-fit: initial;
object-fit: initial; */
width: 100%;
}
/* swiper pagination*/
.swiper-pagination-v {
position: absolute;
text-align: center;
transition: .3s opacity;
transform: translate3d(0,0,0);
z-index: 10;
}
.swiper-pagination-vertical.swiper-pagination-custom, .swiper-vertical>.swiper-pagination-custom {
right: 27px !important;
top: auto !important;
/* transform: translate3d(0px,-50%,0) !important; */
/* transform: translate3d(0px,-35%,0) !important;*/
/* bottom: 40px !important; */
bottom: 0 !important;
left: auto !important;
width: auto !important;
/*transition-duration: 6s !important;*/
display: block;
}
.template-index .swiper-pagination-bullet {
cursor: pointer;
display: block;
/* margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0; */
margin: 10px 0 20px 0;
display: block;
opacity: var(--swiper-pagination-bullet-inactive-opacity, 1);
/* height: 4px;
width: 4px; */
height: 5px;
width: 5px;
/* background-color: #FFF; */
background-color: transparent;
border: 1px solid #000;
}
.template-index .swiper-pagination-bullet:hover {
/* transform: scale(1.5); */
transform: scale(1.3);
}
.template-index .swiper-pagination-bullet:last-child {
margin-bottom: 0;
}
@media (max-width: 1000px) {
.swiper-pagination-vertical.swiper-pagination-custom, .swiper-vertical>.swiper-pagination-custom {
/*transform: translate3d(0px,-30%,0) !important;*/
}
.template-index .swiper-pagination-bullet {
margin: 7px 0 14px 0;
}
}
.template-index .swiper-pagination-bullet-active {
/* background: var(--swiper-pagination-color,var(--swiper-theme-color)) !important; */
background: #000 !important;
}
.swiper-pagination-title {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
text-transform: uppercase;
transform-origin: top left;
/* margin-left: -5px; */
/* margin-left: -4px; */
margin-left: -2px;
position: absolute;
/* white-space: nowrap; */
font-size: 11px;
line-height: 11px;
/* top: -5px; */
top: -6px;
width: 140px;
max-width: 140px;
text-align: left;
}
@media (max-width: 1000px) {
.swiper-pagination-title {
max-width: 100px;
}
.home-footer__newsletter {
margin-top: 120px;
}
.home-page__newsletter {
font-size: 14px;
}
.home-footer__social-network {
margin-bottom: 200px;
}
.home-footer__legal-section-link a {
font-size: 8px;
}
}
.mobile-account_cart {
text-align: right;
padding-right: 15px;
/* margin-top: 60px; */
/* margin-top: 30px; */
margin-top: 15px;
margin-bottom: 15px;
text-transform: uppercase;
}
.mobile-menu_account {
/* text-align: right; */
padding-right: 15px;
/* margin-top: 60px; */
/* display: inline-block; */
display: inline-block !important;
margin: 0 !important;
}
.mobile-menu_account a {
color: #000;
/* font-weight: bold; */
}
.mobile-menu_cart a {
color: #000;
/* font-weight: bold; */
margin: 0;
}
.mobile-menu_cart {
display: inline-block;
}
@media (min-width: 1001px) {
.template-index #navpanel,
.template-index #navbar {
background: inherit;
}
.template-index .c-nav__link {
color: inherit;
transition: color 0.3s cubic-bezier(.25,.1,.25,1);
}
}
.template-index #navbar,
.template-index .mainnav:not(.mainnav--with-dividers) .tier1>ul>li>a:not(.featured-link):hover,
.template-index .swiper-hor .swiper-button-prev,
.template-index .swiper-hor .swiper-button-next,
.template-index .main-number,
.template-index .page-header,
.template-index .page-header .page-header__inner {
color: inherit;
transition: color 0.3s cubic-bezier(.25,.1,.25,1);
}
.template-index #navbar {
/*background: inherit;*/
}
.template-index .swiper-pagination-bullet-active {
background-color: inherit !important;
transition: background-color 0.3s cubic-bezier(.25,.1,.25,1);
}
.template-index .swiper-pagination-bullet {
border-color: inherit;
transition: border-color 0.3s cubic-bezier(.25,.1,.25,1);
}
.template-index .st0,
.template-index .st1 {
stroke: inherit;
transition: stroke 0.3s cubic-bezier(.25,.1,.25,1);
}
.template-index .swiper-footer .st0,
.template-index .swiper-footer .st1 {
stroke: #000;
}
.template-index .quick-search {
color: #000;
stroke: #000;
}
@media (max-width: 1000px) {
.mainnav {
color: #000;
}
}
.product-quantity .go-cart-item__quantity .go-cart-item__quantity-number:hover {
border: 1px solid #ccc;
background: #fff;
}
.product-quantity .go-cart-item__quantity .go-cart-item__quantity-number:active, .product-quantity .go-cart-item__quantity .go-cart-item__quantity-number:focus {
border: 1px solid #000;
background: #fff;
}
.product-block-title:hover {
text-shadow: 0.5px 0px 0px currentColor;
}
.mainnav .c-nav__link:hover {
text-shadow: 0.5px 0px 0px currentColor;
}
.c-nav__link.active:hover, .mainnav .c-nav__link[aria-expanded="true"]:hover {
text-shadow: none;
}
#homeSocialFooter li a:hover {
text-shadow: 1px 0px 0px currentColor;
}
.home-footer__legal-section-link a:hover {
text-shadow: 1px 0px 0px currentColor;
}
.mainnav .account-links a:hover {
text-shadow: 0.5px 0px 0px currentColor;
}
#right_navbar .account-links a:hover {
text-shadow: 0.5px 0px 0px currentColor;
}
.desktop-header-localization .disclosure .disclosure__toggle:hover {
text-shadow: 0.5px 0px 0px currentColor;
}
.mainnav .nav-cart:hover .title {
text-shadow: 0.5px 0px 0px currentColor;
}
#right_navbar .nav-cart:hover .title {
text-shadow: 0.5px 0px 0px currentColor;
}
#right_navbar a.filter_sidebar:hover .title {
text-shadow: 0.5px 0px 0px currentColor;
}
.filter_drawer_content label:hover {
text-shadow: 0.5px 0px 0px currentColor;
}
.filter_drawer_content .c-filters__groupexpandlabel:hover {
text-shadow: 0.5px 0px 0px currentColor;
}
.brand_container {
position: relative;
margin: 0 auto;
padding: 0 20px;
display: flex;
flex-flow: row wrap;
}
.brand_link_list_item {
width: 4.22rem;
display: inline-flex;
justify-content: center;
align-items: center;
}
.brand_link_list {
/* padding-top: 30px; */
/* padding-top: 5px; */
padding-top: 10px;
box-sizing: border-box;
position: -webkit-sticky;
position: sticky;
/* top: 26px; */
/* top: 60px; */
/* top: 24px; */
/* top: 26px; */
top: 66px;
width: auto;
max-width: 100%;
z-index: 4;
/* z-index: 1; */
overflow: hidden;
display: flex;
flex: 1 100%;
justify-content: space-between;
/* background-color: #FFF; */
background-color: transparent;
}
body.downscroll .brand_link_list {
top: 42px;
}
.brand_link_list > div {
display: flex;
flex: 1 100%;
width: 100%;
max-width: 940px;
}
.brand_link_list a {
transition: opacity .15s;
text-decoration: none;
box-sizing: border-box;
position: relative;
width: 100%;
display: inline-block;
vertical-align: middle;
/* color: #222; */
color: #888;
text-decoration: none;
text-align: center;
font-size: 14px;
line-height: 14px;
}
.brand_link_list a:hover {
text-shadow: 0.5px 0px 0px currentColor;
text-decoration: underline;
}
.brand_link_list a.active {
color: #222;
}
@media screen and (max-width: 767px) {
.brand_link_list_item {
width: 35px;
}
.brand_link_list>div {
width: auto;
}
}
@media screen and (max-width: 1000px) {
.brand_link_list {
/* overflow-x: scroll; */
/* top: 65px; */
/* top: 63px; */
/* top: 62px; */
top: 64px;
z-index: 1;
overflow-x: hidden;
}
.brand_link_list::-webkit-scrollbar {
height: 0px;
}
.brand_search_container {
/* top: 115px; */
/* top: 86px !important; */
/* top: 85px !important; */
/* top: 87px !important; */
top: 84px !important;
}
}
.brand_search_container {
display: block;
flex: none;
width: 100%;
z-index: 2;
position: sticky;
/* top: 75px; */
/* top: 40px; */
/* top: 42px; */
top: 86px;
/* background-color: #FFF; */
background-color: transparent;
}
body.downscroll .brand_search_container {
top: 62px;
}
.brand_search_wrapper {
}
.brand_search_wrapper .brand-search-box {
margin: 20px 0 20px;
}
.search-input-group {
position: relative;
}
.brand-icon {
transform: translateY(-50%);
top: 50%;
position: absolute;
margin: auto;
padding: 0;
text-align: right;
left: 1.2rem;
width: 2.4rem;
height: 2.4rem;
}
.brand_search_input {
width: 100%;
/* height: 45px; */
height: 38px;
border: .1rem solid #ddd;
outline: none;
padding-left: 55px;
padding-right: 10px;
font-size: 12px;
}
.designers-list-area {
position: relative;
flex: 1;
word-break: break-word;
z-index: 1;
}
/* .designers-list-area .designers-list-container::before {
background: #161616;
bottom: 0;
content: "";
height: 1px;
left: 0;
position: absolute;
width: 92.3%;
} */
.designers-list-container {
box-sizing: border-box;
width: 100%;
margin: 0;
padding: 0;
display: inline-block;
vertical-align: top;
/* margin-top: 35px; */
margin-top: 30px;
/* margin-top: -150px;
padding-top: 150px; */
/* padding-bottom: 30px;
border-bottom: 1px solid #eee; */
}
[data-brand-section=""] {
display: none;
}
.designers-list-container:target {
padding-top: 185px;
margin-top: -150px;
}
.designers-list-head {
text-transform: uppercase;
font-weight: 700;
/* font-size: 1.5rem; */
font-size: 18px;
line-height: 18px;
/* margin: .6em 0 0; */
/* margin: .4em 0; */
margin: .8em 0;
position: relative;
}
.designers-list-head::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 0.5em;
border-top: 1px solid #ddd;
margin-left: 28px;
}
.designers-list {
display: flex;
flex-flow: row wrap;
margin: 0;
padding: 0;
outline: none;
transition: all .5s ease-in-out;
}
.designers-item {
flex: 0 0 100%;
page-break-inside: avoid;
-moz-column-break-inside: avoid;
break-inside: avoid;
flex: 0 0 33%;
padding: 3px 0 3px;
list-style: none;
line-height: 14px;
}
.c-wish {
overflow: hidden;
position: relative;
display: inline-block;
/* margin: -2px 4px 0 0; */
margin: -2px 2px 0 0;
vertical-align: middle;
}
.c-wish, .c-wish input {
height: 14px;
width: 10px;
}
.c-wish label {
background-image: url(https://cdn.shopify.com/s/files/1/0531/6660/4456/files/ico_wish.png);
height: 14px;
width: 10px;
display: block;
color: transparent;
text-indent: -10000em;
background-repeat: no-repeat;
background-position: 50%;
background-size: cover;
}
@media (min-width: 1001px) {
.designers-item {
flex: 0 0 25%;
}
#shopify-section-collection-template .block.product:hover .collection-product__priceavailability {
display: none;
}
#shopify-section-collection-template .block.product:hover .product_grid__size {
display: block;
}
}
.designers-item a {
color: #000;
/* font-size: 13px; */
/* font-size: 12px;
line-height: 12px; */
font-size: 11px;
line-height: 11px;
/* display: flex; */
display: inline-block;
align-items: center;
}
.designers-item a:hover {
/* opacity: 0.5; */
text-shadow: 0.5px 0px 0px currentColor;
text-decoration: underline;
}
.text_highlight {
font-weight: 700;
}
.brand_link_list_item a.disabled {
color: #e6e6e6;
pointer-events: none;
}
.brands__noresult {
display: none;
}
.brands__noresult h3 {
font-weight: 700;
}
.menu-image {
/* width: 15vw;
height: 52px; */
/* width: 4vw;
height: 16px; */
/* background-image: url('../images/spacer.png');
background-image: none !important; */
background-size: cover;
top: 0px;
right: 0px;
border-radius: 0;
/* margin-right: 5px; */
}
.designers-item-link span {
/* width: 100%; */
text-align: left;
/* padding: 5px; */
/* padding: 6px 0 0; */
padding: 0;
}
.menu_adidas{
/* width: 4vw;
height: 16px; */
width: 100%;
max-width: 60px;
height: 15px;
background-image:url('https://cdn.shopify.com/s/files/1/0551/0656/8351/files/adidas.png') !important;
margin-right: 5px;
}
.menu_home_\0026_kitchen{
width: 4vw;
height: 16px;
background-image:url('https://cdn.shopify.com/s/files/1/0531/6660/4456/files/png-transparent-house-symbol-home-appliance-cooking-ranges-stove-major-appliance-kitchen-logo-angle.png?v=1612150125') !important;
}
@media (max-width: 767px) {
[data-gridtype=PRIMARY].collection__items.fixedlayout {
/* margin-left: -2px;
margin-right: -2px; */
margin: 0;
}
/* [data-gridtype=PRIMARY] .block.product .sub {
margin-left: 2px;
margin-right: 2px;
}
.template-collection [data-gridtype=PRIMARY].collection__items.fixedlayout .block.product {
margin: 0;
width: calc(50%);
}
.template-collection [data-gridtype=PRIMARY].collection__items.fixedlayout .block:nth-child(2n-1) .main {
margin-left: -2px;
}
.template-collection [data-gridtype=PRIMARY].collection__items.fixedlayout .block:nth-child(2n) .main {
margin-right: -4px;
} */
[data-gridtype=PRIMARY] .block.product .sub {
margin-left: 2px;
margin-right: 2px;
}
[data-gridtype=SECONDARY].collection__items.fixedlayout {
margin: 0;
}
[data-gridtype=SECONDARY] .block.product .sub {
margin-left: 2px;
margin-right: 2px;
}
}
/* .manu_tier1:nth-child(5) {
animation: blinkingText 2.4s infinite;
}
.manu_tier1:nth-child(5):hover {
animation: none;
}
.blinking {
animation: blinkingText 2.4s infinite;
}
@keyframes blinkingText {
0% { color: #0000ff; }
49% { color: #0000ff; }
60% { color: transparent; }
99% { color: transparent; }
100% { color: #0000ff; }
} */
/* .template-collection .block::before, .template-collection .block::after {
box-sizing: inherit;
content: '';
position: absolute;
border: 1px solid transparent;
width: 0;
height: 0;
top: 0;
left: 0;
}
.template-collection .block::before {
top: 0;
left: 0;
}
.template-collection .block::before {
border-top-color: #000;
border-right-color: #000;
transition: width 0.25s ease-out,height 0.25s ease-out 0.25s;
}
.template-collection .block::after {
bottom: 0;
right: 0;
}
.template-collection .block:hover::after {
border-bottom-color: #000;
border-left-color: #000;
transition: height 0.25s ease-out,width 0.25s ease-out 0.25s;
}
.template-collection .block:hover::before, .template-collection .block:hover::after {
width: 100%;
height: 100%;
} */
body.downscroll .store-message, body.downscroll .announcement-bar {
/* position: absolute; */
display: none !important;
}
.page-header--full-width {
padding-left: 0;
padding-right: 0;
}
.hellobar-item {
opacity: 0;
max-height: 0;
overflow: hidden;
transition: opacity 1s;
text-align: center;
}
.hb-active {
opacity: 1;
max-height: 500px;
/*transition: opacity 5s;*/
transition-delay: 1s;
}
.hellobar-item p {
color: inherit;
/*padding: 10px 24px 11px 24px;*/
padding: 5px 24px 5px 24px;
margin: 0;
/* font-size: 14px; */
font-size: 11px;
/* line-height: 14px; */
line-height: 16px;
font-weight: 400;
}
.hellobar-item a {
color: inherit;
/* opacity: 0.85;
font-size: 90%; */
border-bottom: 1px solid;
font-size: 11px;
/* line-height: 14px; */
line-height: 16px;
font-weight: 400;
}
.hellobar-item a:hover,
.hellobar-item a:focus {
color: inherit;
opacity: 1;
}
/* .hellobar-item-1 {
color: #ffffff;
background: #cb0000 !important;
}
.hellobar-item-2 {
color: #ffffff;
background: #cccccc !important;
} */
.show-size-chart,
.show-sidebar-content,
.show-sidebar-content-details {
overflow: hidden;
}
.size-chart-sidebar,
.sidebar-content-container {
position: fixed;
top: 0;
right: -432px;
/* z-index: 40; */
/* z-index: 4; */
z-index: 6;
width: 100%;
max-width: 432px;
height: 100%;
background-color: #fff;
transition: all .3s ease-in-out;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.c-popin__head {
/* padding: 30px; */
/* padding: 10px; */
padding: 5px;
}
.size-chart__close,
.sidebar-content__close {
position: absolute;
top: 15px;
right: 15px;
}
.size-chart-sidebar,
.sidebar-content-container.active {
right: -50vw;
max-width: 50vw;
}
.show-size-chart .size-chart-sidebar,
.show-sidebar-content .sidebar-content-container.active,
.show-sidebar-content-details .sidebar-content-container {
pointer-events: auto;
opacity: 1;
transform: translate(-432px);
}
.show-size-cart,
.show-sidebar-content-details {
overflow: hidden;
}
.show-size-cart .size-chart-sidebar,
.show-sidebar-content .sidebar-content-container.active,
.show-sidebar-content-details .sidebar-content-container {
transform: translate(-50vw);
}
.size-chart__close svg,
.sidebar-content__close svg {
fill: #444;
}
.show-size-cart .size-chart-close-mask,
.show-sidebar-content .sidebar-content-close-mask,
.show-sidebar-content-details .sidebar-content-close-mask {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 3;
background: rgba(0,0,0,0.2);
}
.c-popin__content {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
overflow-y: auto;
overflow-x: hidden;
background-color: #fff;
padding: 0 30px 30px 30px;
}
@media (max-width: 767px) {
.c-popin__content {
/*max-height: 680px;(*/
max-height: calc(100vh - 200px);
}
}
@media (min-width: 768px) and (max-width: 1000px) {
.c-popin__content {
/*max-height: 820px;*/
max-height: calc(100vh - 125px);
}
}
@media (min-width: 1001px) {
.c-popin__content {
/*max-height: 800px;*/
/* max-height: calc(100vh - 140px); */
max-height: calc(100vh - 125px);
}
}
.c-popin__innercontent {
text-transform: uppercase;
margin-bottom: 20px;
font-size: 10px;
}
.c-sizeguide__chart p {
margin: 10px 0;
}
.c-sizeguide__chart table {
table-layout: auto;
width: 100%;
border-spacing: 0;
border-collapse: separate;
border: 1px solid #000;
}
.c-sizeguide__content td {
display: table-cell;
vertical-align: middle;
}
.c-sizeguide__chart td {
text-align: center;
height: 40px;
width: 32px;
border: 1px solid #000;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.c-sizeguide__chart td:first-child {
width: 100px;
padding: 0 8px;
text-align: left;
font-family: Helvetica_Bold,Arial,sans-serif;
font-weight: 700;
}
.c-sizeguide .c-sizeguide__chart td {
border: 1px solid #000;
border-right: 0;
border-bottom: 0;
}
.c-sizeguide .c-sizeguide__chart td {
width: 56px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.c-sizeguide tr:first-child td {
border-top: 0;
}
.c-sizeguide .c-sizeguide__chart td:first-child {
border-left: 0;
}
.c-sizeguide__chart tr:hover {
background-color: #e6e6e6;
cursor: pointer;
}
.c-sizeguide__chart td.c-sizeguide--hovered {
background-color: #e6e6e6;
cursor: pointer;
}
.c-sizeguide__chart td:hover {
background-color: silver;
cursor: pointer;
}
/* product zoom */
.product-images-zoom {
position: fixed;
top: 0;
left: 0;
z-index: 20;
width: 100%;
height: 100%;
min-height: 100vh;
height: 100vh;
overflow-y: auto;
text-align: center;
visibility: hidden;
background-color: #fff;
cursor: url(//res.cloudinary.com/ssenseweb/image/upload/v1422559667/web/zoom-out-16x16.png),pointer;
z-index: 9999999999;
}
.pdp-product-images-zoom-image-icon {
position: fixed;
top: 20px;
right: 30px;
z-index: 9;
cursor: pointer;
}
@media (min-width: 1001px) {
.product__zoom-navigation {
display: none;
}
.product-images-zoom .swiper-container {
height: auto;
}
.product__zoom-image-container {
overflow: auto;
}
.product__zoom-image-wrapper {
display: block;
}
.product-images-zoom .product-images-zoom-wrapper {
display: table;
width: 100%;
min-height: 100vh;
}
.product-images-zoom .product-images-zoom-image-wrapper {
display: table-cell;
vertical-align: middle;
text-align: center;
height: 100vh;
width: 100%;
/*padding: 40px 0;*/
background-color: #fff;
}
.product-images-zoom .product-images-zoom-image-wrapper {
min-height: 100vh;
height: auto;
width: auto;
}
.product-images-zoom .product-images-zoom-image-wrapper .rimage-outer-wrapper {
max-width: 100% !important;
}
}
.product-images-zoom picture {
display: block;
position: relative;
}
.product-images-zoom picture.zoom-modal-item img {
margin: 0 auto;
}
.product-images-zoom .product-images-zoom-image-wrapper img {
/* max-width: 90%; */
max-width: 100%;
}
.image_zoomin_icon, .image_zoomout_icon {
display: none;
}
.product-media--image .rimage__image {
/* cursor: url("https://cdn.shopify.com/s/files/1/0551/0656/8351/files/zoom-inn-1.png"),auto; */
cursor: url("https://cdn.shopify.com/s/files/1/0551/0656/8351/files/zoom-inn-5.png"),auto;
}
.c-zoomcarousel__thumbs {
position: fixed;
bottom: 16px;
left: 16px;
max-width: 26px;
z-index: 1051;
display: none;
}
.c-zoomcarousel__thumbs {
max-width: 52px;
}
.c-zoomcarousel__thumbs {
display: block;
}
.c-zoomcarousel__thumb {
position: relative;
cursor: pointer;
padding: 0;
z-index: 2;
border: 1px solid #000;
background: transparent !important;
/* opacity: .2; */
opacity: .4;
width: 52px;
}
.c-zoomcarousel__thumb--active {
opacity: 1;
}
.c-zoomcarousel__thumb:not(:last-child) {
margin-bottom:4px;
}
.c-zoomcarousel__thumb img {
display: block;
}
.c-zoomcarousel__thumb {
/*position: relative;
margin-right: 1.2px;
padding: 0;
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-appearance: none;
border: 0;
overflow: auto;*/
}
.zoom_mobile_slide_num_container {
display: none;
}
@media (max-width: 1000px) {
.product__zoom-image-container {
margin: 0 auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
height: 100%;
}
.product__zoom-image-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform,-webkit-transform;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.product__zoom-image-wrapper {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.product-images-zoom-wrapper {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform,-webkit-transform;
}
.product-images-zoom-wrapper {
cursor: url(../images/zoom-minus.svg) 9 9,pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 0;
display: block;
padding: 0;
overflow: hidden;
}
.product-images-zoom-wrapper {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.product-images-zoom-image-wrapper {
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
.product-images-zoom picture {
width: 100%;
}
.product-images-zoom .rimage-wrapper {
padding-top: 0 !important;
}
.product-images-zoom .product-images-zoom-image-wrapper .rimage-outer-wrapper {
display: flex;
justify-content: center;
}
.product-images-zoom .product-images-zoom-image-wrapper img {
height: 100vh;
position: relative;
max-width: none;
z-index: 1;
display: block;
width: auto;
}
.c-zoomcarousel__prev {
position: fixed;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 2;
padding: 20px;
font-size: 36px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 0;
background: none;
}
.c-zoomcarousel__prev:hover,
.c-zoomcarousel__next {
background: none !important;
}
.c-zoomcarousel__next {
position: fixed;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 2;
padding: 20px;
font-size: 36px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 0;
background: none;
}
.c-zoomcarousel__next [class*=c-icon-]:before,
.c-zoomcarousel__next [class^=c-icon-]:before,
.c-zoomcarousel__prev [class*=c-icon-]:before,
.c-zoomcarousel__prev [class^=c-icon-]:before {
font-size: 28px;
}
.c-icon--carousel-arrow-right:before {
content: "\F10F";
}
.c-icon--carousel-arrow-left:before {
content: "\F10E";
}
.c-zoomcarousel__thumbs {
display: none;
}
.c-productcarousel__zoomicon {
display: block;
}
.c-icon--zoom-plus {
position: absolute;
bottom: 20px;
right: 20px;
font-size: 20px;
z-index: 1;
}
.c-icon--zoom-plus:before {
content: "\F13A";
font-size: 16px;
}
.zoom_mobile_slide_num_container {
position: absolute;
top: 10px;
left: 10px;
display: block;
z-index: 2;
}
}
@media (max-width: 767px) {
.size-chart-sidebar,
.sidebar-content-container.active {
right: -100vw;
max-width: 100vw;
}
.show-size-cart .size-chart-sidebar,
.show-sidebar-content .sidebar-content-container.active,
.show-sidebar-content-details .sidebar-content-container {
transform: translate(-100vw);
}
.c-popin__content {
padding: 0 10px 40px 10px;
overflow-x: auto;
}
.c-sizeguide__content td {
padding: inherit;
}
}
.template-index .swiper-button-next.swiper-button-disabled, .template-index .swiper-button-prev.swiper-button-disabled {
display: none !important;
}
/* okas v4 */
.product-image__secondary video,
.product-image__tertiary video {
width: 100%;
height: 100%;
object-fit: fill;
}
.mobile_image_swiper {
background-size: contain !important;
}
.product-image__tertiary {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: translateX(100%) !important;
-webkit-transform: translateX(100%) !important;
transition: transform .5s !important;
background-color: #fff;
}
.block.product .main .product-image__tertiary.rimage-outer-wrapper {
z-index: 9;
}
.thumb_slide_active {
transition: transform .5s !important;
-webkit-transform: translateX(0) !important;
transform: translateX(0) !important;
}
.model_product_toggle {
display: flex;
justify-content: end;
text-transform: uppercase;
padding: 8px 0px 10px 0px;
}
.model_product_toggle div:hover {
/* font-weight: 700; */
text-shadow: .5px 0px 0px currentColor;
}
.model_product_toggle .show_products {
/* margin-right: 10px; */
margin-right: 6px;
cursor: pointer;
}
.model_product_toggle .show_models {
/* margin-left: 10px; */
margin-left: 6px;
cursor: pointer;
}
.model_product_toggle .active {
/* font-weight: 700; */
text-shadow: .5px 0px 0px currentColor;
}
.c-productcarousel__thumb video {
width: 100%;
height: 100%;
}
.product-image__tertiary.thumb_slide_active + .swiper-pagination {
display: none !important;
}
.wk-button,.custom_tags {
z-index: 10 !important;
}
@media (max-width: 1000px) {
.model_product_toggle {
margin-left: -5px;
}
[data-gridtype=PRIMARY] .mobile_image_swiper {
flex-shrink: 0 !important;
width: 100% !important;
height: 100% !important;
position: relative !important;
transition-property: transform !important;
top: auto !important;
left: auto !important;
opacity: 1;
-webkit-transform: translate3d(0px,0,0) !important;
-moz-transform: translate3d(0px,0,0) !important;
-o-transform: translate(0px,0px) !important;
-ms-transform: translate3d(0px,0,0) !important;
transform: translateZ(0) !important;
background-size: contain !important;
}
.block.product .main .product-image__secondary.swiper-slide-active {
opacity: 1;
}
[data-gridtype=PRIMARY] .product-image--has-secondary .swiper-pagination {
/* left: 50%; */
/* left: 48%; */
bottom: 0px;
position: absolute;
display: block;
text-align: left;
/* transform: translate(0%, -50%); */
/* transform: translate(0%, -48%); */
}
[data-gridtype=PRIMARY] .product-image--has-secondary .swiper-pagination-bullet {
margin: 0 3px 0 0 !important;
/* height: 5px;
width: 5px; */
/* height: 4px;
width: 4px; */
}
[data-gridtype=SECONDARY] .swiper-wrapper {
transform: none !important;
}
[data-gridtype=SECONDARY] .swiper-pagination {
display: none;
}
.sidebar__right_block2 .model_product_toggle {
display: none;
}
.sidebar__right_block2 .clear_sidebar_wrapper {
display: none;
}
.block.product .main .rimage-outer-wrapper {
z-index: 9;
}
}
@media (max-width: 767px) {
[data-gridtype=PRIMARY] .product-image--has-secondary .swiper-pagination {
left: 48%;
transform: translate(0%, -48%);
}
[data-gridtype=PRIMARY] .product-image--has-secondary .swiper-pagination-bullet {
height: 4px;
width: 4px;
}
.quick-search__results {
/* height: calc(100vh - 160px); */
height: calc(100vh - 90px);
max-height: calc(100vh - 175px);
}
}
@media (min-width: 768px) and (max-width: 1000px) {
[data-gridtype=PRIMARY] .product-image--has-secondary .swiper-pagination {
left: 49%;
transform: translate(0%, -49%);
}
[data-gridtype=PRIMARY] .product-image--has-secondary .swiper-pagination-bullet {
height: 5px;
width: 5px;
}
.cc-filters-control {
display: flex !important;
position: relative;
margin-left: 15px;
margin-right: 15px;
}
.clear_sidebar_wrapper.mobile {
position: absolute;
right: 5px;
top: 30px;
}
.clear_sidebar_wrapper.mobile .clear_sidebar {
color: #000;
text-transform: uppercase;
}
}
/****4.2 */
.text-red {
position: relative;
display: inline-block;
color: rgba(239,68,68,1);
font-size: 90%;
}
.collection__title_filters {
background-color: #FFF;
}
.c-faq__intro {
font-size: 11px;
line-height: 11px;
text-transform: uppercase;
margin-bottom: 50px;
}
.c-faq__title {
font-size: 14px;
line-height: 15px;
/* font-family: Helvetica_Bold,Arial,sans-serif; */
font-weight: 700;
/* letter-spacing: -0.224px; */
text-transform: uppercase;
margin-bottom: 30px;
margin-top: 0px;
}
.c-faq__wrapper .c-faq__title {
margin-bottom: 10px;
}
.c-faq a, .c-faq p {
font-size: 11px;
margin: 0;
color: #000;
}
.c-faq a span, .c-faq p span {
font-size: 10px;
color: #000;
}
/* .u-hidden {
display: none!important;
} */
.c-faq__intro p:not(:first-child) {
margin-top: 10px;
}
.c-faq__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 11px;
line-height: 11px;
text-transform: uppercase;
padding-bottom: 20px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.c-faq__wrapper>div {
position: relative;
padding-bottom: 45px;
margin-bottom: 40px;
margin-left: 15px;
margin-right: 15px;
width: calc(33.3333% - 30px);
}
.c-faq__wrapper .c-bookappointment__faqbutton, .c-faq__wrapper .c-faq__content .open-chat-container>a, .c-faq__wrapper .c-faq__content a:last-child {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
text-align: center;
line-height: 21px;
border: 1px solid #000;
}
.c-faq__wrapper .c-bookappointment__faqbutton:hover, .c-faq__wrapper .c-faq__content .open-chat-container>a:hover, .c-faq__wrapper .c-faq__content a:last-child:hover {
color: #fff;
background: #000;
}
.c-faq__infos {
font-size: 11px;
line-height: 11px;
text-transform: uppercase;
/* margin-bottom: 110px; */
margin-bottom: 75px;
}
.c-faq__infos p:not(:first-child) {
margin-top: 15px;
}
.c-faq__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.c-faq__item {
font-size: 11px;
line-height: 11px;
text-transform: uppercase;
text-align: left;
padding: 0;
border: none;
background: none;
cursor: pointer;
background-color: transparent;
color: #000;
font-weight: 100;
font-family: Helvetica_Bold,Arial,sans-serif;
letter-spacing: normal;
}
.c-faq__item:hover {
text-shadow: .5px 0px 0px currentColor;
}
.c-faq__item--selected {
font-weight: 700;
}
@media (min-width: 1001px) {
.c-faq__item--selected {
font-weight: 700;
text-decoration: underline;
}
}
[data-element=accordion] {
margin: 0;
padding: 0;
border: 2px solid #d1d1d1;
border-radius: 7px;
width: 320px;
}
.c-faq__mobileaccordion {
width: 100%;
border: none;
}
[data-element=accordion] [role=button] {
background: none;
color: #000;
display: block;
font-size: 1rem;
font-weight: 400;
margin: 0;
padding: 16px 24px;
position: relative;
text-align: left;
width: 100%;
outline: none;
border-style: none;
}
.c-faq__foldertitle[role=button] {
font-size: 14px;
line-height: 15px;
font-family: Helvetica_Bold,Arial,sans-serif;
font-weight: 700;
letter-spacing: -.224px;
text-transform: uppercase;
margin: 0 -20px;
padding: 23px 20px;
border-top: 1px solid #eee;
cursor: pointer;
width: calc(100% + 40px);
}
.c-faq__mobileaccordion :first-child [role=button] {
border-radius: 0;
}
[data-element=accordion] [data-element=icon] {
border: solid #9e9e9e;
border-width: 0 2px 2px 0;
height: 8px;
pointer-events: none;
position: absolute;
right: 16px;
top: 50%;
-webkit-transform: translateY(-60%) rotate(45deg);
transform: translateY(-60%) rotate(45deg);
width: 8px;
}
.c-faq__foldertitle[role=button] [data-element=icon] {
border: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
height: 10px;
width: 16px;
top: 50%;
right: 20px;
font-size: 9px;
}
[class*=c-icon-]:before, [class^=c-icon-]:before {
display: inline-block;
vertical-align: middle;
font-family: icons!important;
font-style: normal;
font-weight: 400!important;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.c-backtotopsticky:before, .c-icon--fold:before {
content: "\F118";
}
.c-icon--unfold:before {
content: "\F133";
}
.c-faq__foldertitle[role=button] [data-element=icon]:before, .c-icon--trigger-arrow:before {
content: "\F131";
}
[hidden], template {
display: none;
}
.c-faq__folder[role=region] {
width: 100%;
border: none;
padding: 0 0 20px;
}
.c-faq__asset h3 {
margin: 0;
}
[data-element=accordion] [role=region] {
margin: 0;
padding: 16px 24px;
}
.c-faq__assetcontent[role=region], .c-faq__assettitle[role=button] {
padding: 0 0 0px;
}
.c-faq__assettitle[role=button] {
font-size: 11px;
line-height: 11px;
text-transform: uppercase;
text-decoration: underline;
padding-bottom: 0;
margin-bottom: 20px;
cursor: pointer;
letter-spacing: normal;
}
[data-element=accordion] :first-child [role=button] {
border-radius: 5px 5px 0 0;
}
.c-faq__mobileaccordion :first-child [role=button] {
border-radius: 0;
}
.c-faq__assettitle[role=button]:hover, .c-faq__assettitle[role=button]:hover:focus, .c-faq__assettitle[role=button][aria-expanded=true] {
background-color: #fff;
}
.c-faq__folder[role=region] :first-child [role=button] {
border-radius: 0;
}
.c-faq__folder[role=region] :first-child [role=button]:hover {
text-shadow: .5px 0px 0px currentColor;
}
.c-faq__assetcontent[role=region] {
font-size: 11px;
line-height: 11px;
text-transform: uppercase;
}
.c-faq__assetcontent[role=region] p+p {
margin-top: 10px;
}
.close .c-faq__assetcontent {
height: 0px;
transition: height 1s ease-out;
transform: scaleY(0);
display: block;
}
.open .c-faq__assetcontent {
padding-bottom: 20px;
width: 100%;
display: block;
transform: scaleY(1);
transform-origin: top;
transition: transform 0.4s ease;
box-sizing: border-box;
}
@media (min-width: 1001px) {
.c-faq {
padding-bottom: 50px;
padding-top: 30px;
}
.c-faq__intro {
/* font-size: 10px; */
font-size: 11px;
max-width: 80%;
}
.c-faq__title {
/* font-size: 16px;
line-height: 17px; */
font-size: 15px;
line-height: 16px;
margin-top: 0px;
}
.c-faq a, .c-faq p {
/* font-size: 10px; */
font-size: 11px;
}
.c-faq__clientservice {
border-bottom: 1px solid #eee;
margin-bottom: 30px;
}
.c-faq__wrapper {
/* font-size: 10px; */
font-size: 11px;
margin-left: -15px;
margin-right: -15px;
padding-bottom: 15px;
}
.c-faq__wrapper>div {
margin-bottom: 50px;
}
.c-faq__infos {
/* font-size: 10px; */
font-size: 11px;
margin-bottom: 50px;
}
.c-faq__questions {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.c-faq__switcher {
width: calc(33.33333% - 16.66667px);
}
.c-faq__switcher .c-faq__title {
max-width: 170px;
}
.c-faq__item {
/* font-size: 10px; */
font-size: 11px;
}
.c-faq__item:hover {
background-color: transparent;
color: #000;
}
.c-faq__mobileaccordion {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
margin-left: 25px;
}
.c-faq__foldertitle[role=button] {
display: none;
}
.c-faq__folder[role=region] {
display: none;
}
.c-faq__assettitle[role=button] {
/* font-size: 10px; */
font-size: 11px;
}
.c-faq__assetcontent[role=region] {
/* font-size: 10px; */
font-size: 11px;
}
.c-productcarousel:after {
content: "";
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
background: #fff;
transition: all 1s ease;
}
.c-productcarousel.from-left:after {
transform: translateX(100%);
}
.product-info.product-form.landing {
opacity: 0;
transform: translateY(32px);
}
.product-info.product-form {
transition: all 1s ease;
transition-delay: .3s;
}
}
.c-faq__folder--active[role=region] {
display: block;
}
@media (max-width: 1000px) {
.swiper__product_recommendation .product-image__secondary {
display: none !important;
}
.c-faq {
margin-left: 20px;
margin-right: 20px;
padding-top: 20px;
}
.c-faq__wrapper {
padding-bottom: 60rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-bottom: 60px;
}
.c-faq__wrapper>div {
margin-bottom: 0;
margin-right: 0;
margin-left: 0;
width: 100%;
}
.c-faq__wrapper>div:not(:first-child) {
margin-top: 30px;
}
.c-faq__list {
display: none;
}
.c-faq__folder[role=region] {
width: 100%;
border: none;
padding: 0 0 20px;
}
.c-faq__foldertitle[role=button].c-faq__item--selected [data-element=icon] {
-webkit-transform: rotate(.5turn);
transform: rotate(.5turn);
}
.c-productcarousel:after {
content: "";
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
background: #fff;
transition: all 1s ease;
}
.c-productcarousel.from-left:after {
transform: translateX(100%);
}
.product-info.product-form.landing {
opacity: 0;
transform: translateY(32px);
}
.product-info.product-form {
transition: all 1s ease;
transition-delay: .3s;
}
}
.drawer-filter-container {
overflow: hidden;
height: 100vh;
}
/*input[type=search]::-webkit-search-cancel-button {
-webkit-appearance: searchfield-cancel-button;
opacity: 1;
}*/
.clean-NLnbd {
flex-shrink: 0;
cursor: pointer;
display: flex;
display: -webkit-flex;
justify-content: center;
-webkit-justify-content: center;
align-items: center;
-webkit-align-items: center;
flex-direction: row;
width: 20px;
height: 20px;
position: absolute;
right: 98px;
top: calc(50% - 10px);
display: none;
}
.clean-NLnbd svg {
fill: #cdcdcd;
}
.shoppable-item__hotspot {
margin: 0;
padding: 0;
background-color: transparent;
position: absolute;
top: auto;
left: auto;
/* width: 40px;
height: 40px; */
width: 30px;
height: 30px;
border-radius: 100%;
/* border: 12px solid rgba(29,29,29,0.6); */
border: 9px solid rgba(29,29,29,0.6);
box-shadow: 0 0 0 1px #fff;
transition: transform 0.33s cubic-bezier(.33,0,0,1),border-color .33s cubic-bezier(.33,0,0,1);
cursor: pointer;
pointer-events: all;
z-index: 1;
opacity: 1 !important;
}
.shoppable-item__hotspot:before {
content: "";
display: block;
/* height: 16px;
width: 16px; */
height: 12px;
width: 12px;
border-radius: 100%;
background-color: #FFF;
}
.shoppable-item__hotspot:hover, .active .shoppable-item__hotspot {
transform: scale(1.1);
border-color: rgba(29, 29, 29, 0.8);
}
.ff-body {
font-weight: 400;
font-style: normal;
line-height: 1.56;
letter-spacing: 0.0em;
}
.fs-body-small {
font-size: 16px;
line-height: 1.75;
width: 140px;
}
.fs-product-title {
margin: 0;
text-transform: uppercase;
letter-spacing: 0.025em;
}
.fs-body-bold {
font-weight: 700;
}
.t-subdued {
opacity: .65;
}
.shoppable-item__product-card {
z-index: 10000;
position: absolute;
bottom: unset;
right: unset;
top: calc(50% - (80px / 2));
left: calc(50% + 40px);
display: flex;
padding: 0;
color: #1D1D1D;
max-width: 240px;
background-color: #FFFFFF;
box-shadow: 0px 4px 6px rgba(0, 0, 0, .15);
pointer-events: all;
transition: transform .4s ease,opacity .2s ease,visibility .25s ease;
display: none;
}
.shoppable-item__product-card-inner {
display: inline-block;
/* padding: 12px 40px 12px 10px; */
padding: 12px 40px 12px 10px;
position: relative;
z-index: 1;
}
.shoppable-item__image-link {
display: none;
}
.shoppable-item__text span.money {
color: #000;
/* font-size: 16px; */
font-size: 13px;
}
.shoppable-item__text .product-price__sale.sale {
color: #bb3428;
}
.shoppable-item__text .product-price__was {
text-decoration: line-through;
opacity: 0.5;
}
.shoppable-item__arrow {
position: absolute;
top: 10px;
right: 3px;
}
.shoppable-item__arrow svg {
display: inline-block;
/* height: 24px;
width: 24px; */
height: 22px;
width: 22px;
fill: #000;
transition-property: transform,fill;
transition-duration: 250ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.4, 1);
}
.shoppable-item__product-card .custom_tags>p:nth-child(1) {
display: block !important;
}
.shoppable_show_all {
display: none;
}
.shoppable-item__product-card .product-media-wrapper {
position: absolute;
top: -40px;
}
.shoppable-item__product-card .rimage-wrapper {
padding-top: 0 !important;
}
.shoppable-item__product-card .rimage__image {
width: auto !important;
height: 40px !important;
}
.shoppable_show_all {
display: inline-block;
position: absolute;
bottom: 20px;
left: 20px;
/* opacity: 0.7; */
background-color: #777;
border-radius: 15px;
width: 30px;
height: 30px;
cursor: pointer;
}
.shoppable_show_all:hover {
background-color: #000;
}
.shoppable_show_all svg {
color: white;
/* margin-left: 7px;
margin-top: 7px; */
margin-left: 8px;
margin-top: 8px;
/* width: 16px; */
width: 14px;
display: inline-block;
/* height: 16px; */
height: 14px;
}
.shoppable_show_all .hide {
display: none;
margin-left: 7px;
margin-top: 7px;
width: 16px;
height: 16px;
/* margin-left: 6px;
margin-top: 6px;
width: 18px;
height: 18px; */
}
.shoppable_show_all .shoppable_hide {
fill: #FFF;
}
.shoppable_show_all.show .shoppable_show {
display: none;
}
.shoppable_show_all.show .shoppable_hide {
display: block;
}
@media (min-width: 768px) {
.clean-NLnbd svg:hover {
fill: #0d0d0d;
}
.shoppable-item__hotspot {
display: none;
}
.swiper-slide:hover .shoppable-item__hotspot {
display: block;
}
}
@media (max-width: 767px) {
.clean-NLnbd {
width: 24px;
height: 24px;
top: calc(50% - 24px);
right: 92px;
padding: 10px;
}
.clean-NLnbd svg {
display: block;
width: 24px;
height: 24px;
padding: 0px;
}
.fs-body-small {
width: 100px;
}
}
.shoppable-item__hotspot.active + .shoppable-item__product-card,
.shoppable-item__hotspot.active1 + .shoppable-item__product-card {
display: block;
}
/* Section collection slider */
.section-collection-slider-wrap .collection-recommendations {
overflow: hidden;
}
.section-collection-slider-wrap .collection-items {
margin: 0;
padding: 0;
list-style: none none;
}
.section-collection-slider-wrap .collections-grid .collection-item {
display: inline-block;
margin-bottom: 25px;
margin-left: 0;
padding: 0;
}
.section-collection-slider-wrap .collections-grid .collection-item.featured-brand {
width: 12% !important;
}
.section-collection-slider-wrap .collections-grid .collection-item a {
/*padding: 0 8px;
display: inline-block;
width: calc(100% - 16px);*/
}
@media (max-width: 1000px) {
.section-collection-slider-wrap .collections-grid .collection-item.featured-brand {
width: 18% !important;
}
}
.image-hover__cta-wrap, .image-hover__cta-wrap:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.image-hover__cta-wrap {
transition: opacity .35s;
opacity: 0;
z-index: 2;
}
.image-hover__cta-wrap:before {
display: inline-block;
transition: opacity .35s;
background-color: transparent;
content: "";
}
.section-collection-slider-wrap .collectionlist-container .swiper-scrollbar {
text-align: center;
line-height: 0;
max-width: 600px;
margin: 0 auto;
left: 50%;
transform: translate(-50%);
background: 0 0;
height: 7px;
bottom: auto;
display: block!important;
}
.section-collection-slider-wrap .collectionlist-container .swiper-scrollbar:after {
content: "";
position: absolute;
left: 0;
width: 100%;
height: 1px;
background-color: #ddd;
border-radius: 50%;
top: 4px;
}
.section-collection-slider-wrap .collectionlist-container .swiper-scrollbar-drag {
background-color: #000;
z-index: 1;
height: 4px;
top: 2px;
}
/* Brand Page*/
#brand_content {
min-height: 450px;
/* margin-top: 25px; */
padding-top: 20px;
max-width: 1600px;
margin-left: auto;
margin-right: auto;
}
#brand_content .category-head {
float: left;
width: 100%;
color: #161616;
font-size: 17px;
/* font-weight: 700; */
text-shadow: 0.5px 0px 0px currentColor;
line-height: 24px;
}
#brand_content .category-wrapper li {
float: left;
width: 100%;
/* line-height: 26px; */
line-height: 18px;
margin: 5px 0;
list-style: none;
}
#brand_content .category-wrapper li a {
color: #161616;
cursor: pointer;
display: inline-block;
font-weight: 400;
padding-bottom: 5px;
position: relative;
text-decoration: none;
/* font-size: 14px; */
font-size: 12px;
}
.brand_image_placeholder {
display: inline-block;
margin: 0 -26px 0px -26px;
padding-top: 20px;
/* background-color: #FFF; */
background-color: transparent;
width: calc(100% + 52px);
}
.brand_image_placeholder img {
width: 100%;
height: 100%;
}
.brand_name_placeholder {
/* background-color: #FFF; */
background-color: transparent;
margin: 0 -26px -32px -26px;
text-align: center;
/* padding-top: 10px; */
font-size: 16px;
text-shadow: .5px 0px 0px currentColor;
}
.brand_image_placeholder, .brand_name_placeholder {
display: none;
}
/* mobile menu collection slider */
.mobile_menu__collection_slider {
display: flex;
width: 100%;
padding: 0;
margin: 0;
text-align: left;
position: relative;
flex-direction: column;
}
.mobile_menu__collection_slider>li {
cursor: pointer;
vertical-align: top;
color: #000;
width: 100%;
background-color: #fff;
text-align: left;
height: auto;
display: block;
font-weight: 400;
position: initial;
padding: 0;
overflow: hidden;
line-height: normal;
margin: 0 0 3px;
}
.mobile_menu__collection_slider>li .slot-mobile-header-menu {
white-space: nowrap;
overflow: auto;
font-size: 0;
text-align: center;
padding-left: 3px;
padding-bottom: 7px;
-ms-overflow-style: none;
display: block;
}
.mobile_menu__collection_slider span,
.mobile_menu__collection_slider a {
color: #000;
font-size: 10px;
font-family: agBook;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: 1.1px;
margin: 0;
}
.mobile_menu__collection_slider .category-picture {
position: relative;
display: -ms-inline-grid;
display: inline-grid;
vertical-align: top;
width: 20.7%;
margin: 0 10px 0 0;
max-width: 77px;
}
.mobile_menu__collection_slider .category-picture a {
text-transform: none;
width: 100%;
line-height: normal;
padding: 0;
}
.mobile_menu__collection_slider .category-picture span[data-pictureholder] {
border-radius: 50%;
overflow: hidden;
display: block;
}
.mobile_menu__collection_slider .category-picture picture {
display: block;
width: 100%;
}
.mobile_menu__collection_slider .category-picture picture img {
height: auto;
max-width: 100%;
display: block;
width: 100%;
}
.mobile_menu__collection_slider .category-text {
display: block;
margin: 5px auto 0;
position: relative;
/* font-size: 12px; */
font-size: 11px;
color: #000;
text-transform: none;
white-space: normal;
text-align: center;
line-height: normal;
/* letter-spacing: .02em; */
padding: 0;
}
.common-title {
letter-spacing: .2142857143rem;
margin-top: 1.6071428571rem;
padding-top: 20px;
margin-bottom: 0;
font-size: 1.7142857143rem;
line-height: 2.1428571429rem;
text-align: center;
}
@media (max-width: 1000px) {
.common-title {
padding-top: 10px;
}
}
.common-subtitle {
line-height: 1.4285714286em;
letter-spacing: .0214285714rem;
text-align: center;
}
.common-subtitle a {
position: relative;
text-transform: uppercase;
color: #000;
font-weight: 700;
text-decoration: underline;
/* -webkit-text-decoration: var(--text-link-decoration); */
/* text-decoration: var(--text-link-decoration); */
text-underline-position: under;
}
/* .common-subtitle a:after {
content: "";
width: 100%;
height: 1px;
background-color: #000;
position: absolute;
left: 0;
bottom: 1px;
transition: all .3s ease-out;
} */
.common-subtitle a:hover {
/* text-decoration: underline; */
text-shadow: .5px 0px 0px currentColor;
}
.collection__title {
color: #000;
font-weight: 700;
/* letter-spacing: .1428571429em; */
text-transform: uppercase;
text-align: center;
margin-top: 10px;
}
.featured-brand .mobile_only.collection__title {
font-weight: 400;
letter-spacing: 0;
font-size: 11px;
line-height: 11px;
}
.c-nav-protection-left-overlay, .c-nav-protection-right-overlay {
/* z-index: 3; */
z-index: 5;
position: absolute;
left: auto;
right: 0;
width: 100%;
height: 100%;
opacity: 0;
background-color: #000;
transition: opacity .4s ease-in,0s transform .4s;
transform: scaleX(0);
pointer-events: none;
}
.c-nav-protection-right-overlay {
left: 0;
right: auto;
}
.c-nav-protection-left-overlay.is-visible, .c-nav-protection-right-overlay.is-visible {
opacity: .5;
transform: scaleX(1);
transition: opacity .4s ease-in;
}
.c-nav-protection-right-overlay.is-visible {
}
.c-nav-protection-left, .c-nav-protection-right {
position: absolute;
min-width: 850px;
height: 100%;
top: 0;
left: 0;
right: auto;
/* z-index: 3; */
z-index: 5;
pointer-events: none;
opacity: 1;
background-color: #fff;
transform: scaleX(0);
transform-origin: left 0;
transition: background-color .6s cubic-bezier(.645,.045,.355,1),transform .4s cubic-bezier(.215,.61,.355,1);
}
.c-nav-protection-right {
left: auto;
right: 0;
transform-origin: right 0;
}
.c-nav-protection-left.is-visible, .c-nav-protection-right.is-visible {
transform: scaleX(1);
}
@media (max-width: 1000px) {
.c-nav-protection-left, .c-nav-protection-right, .c-nav-protection-left-overlay, .c-nav-protection-right-overlay {
display: none;
}
}
@media (min-width: 1001px) {
.c-nav-overlay-left-open .logoimg svg {
fill: #000;
}
.c-nav-overlay-left-open .hmo-header-fixed a {
color: #000;
}
.c-nav-overlay-left-open .manu_tier1 {
color: #000;
}
}
/* .c-nav-overlay-left-open .logoimg svg {
fill: #000;
}
.c-nav-overlay-left-open .manu_tier1 {
color: #000;
} */
@media (min-width: 1001px) {
.mainnav .timezone,
.mainnav .side__product_title,
.mainnav .side__collection_title {
display: none !important;
}
#right_navbar {
position: fixed;
background: #ffffff;
/* top: 0px; */
top: 15px;
right: 0px;
padding-right: 30px;
padding-top: 35px;
text-align: right;
height: 100%;
font-size: 10.2px;
z-index: 5;
transition: left .25s ease;
overflow: visible;
height: auto;
background: transparent;
}
.c-nav-overlay-right-open #right_navbar {
min-width: 820px;
color: #000;
}
.c-nav-overlay-right-open .st0 {
stroke: #000;
}
#right_navbar > a,
#right_navbar .account-links>a,
#right_navbar .withlist-desktop > a {
display: block;
padding: 0px 0;
transition: .25s border-color;
font-size: 11px;
line-height: 11px;
text-transform: uppercase;
cursor: pointer;
color: inherit;
transition: color 0.3s cubic-bezier(.25,.1,.25,1);
}
#right_navbar .disclosure-list__option {
text-transform: uppercase;
}
#right_navbar .withlist-desktop {
position: relative;
right: 0;
}
#right_navbar .account-links a {
display: inline-block;
}
.c-nav-overlay-right-open .side__collection_title,
.c-nav-overlay-right-open .side__product_title,
.c-nav-overlay-right-open .side__page_title {
margin-right: 0;
}
.mobile_menu__collection_slider .category-picture a,
.mobile_menu__collection_slider .category-picture picture img {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-user-drag: none;
-khtml-user-drag: none;
-moz-user-drag: none;
-o-user-drag: none;
user-drag: none;
}
.anchor_destination {
position:absolute;
z-index:-1;
left:0;
margin-top:-150px;
}
#brand_content .lhs {
float: left;
background: #f6f6f6;
margin-bottom: 20px;
/* padding: 25px 26px 32px; */
/* padding: 22px 20px 26px; */
padding: 18px 20px 20px;
position: sticky;
position: -webkit-sticky;
position: -moz-sticky;
position: -ms-sticky;
position: -o-sticky;
/* top: 26px; */
top: 70px;
transition: all .2s ease-in;
width: 22.2%;
z-index: 1;
/* padding-left: 26px;
padding-right: 26px; */
padding-left: 20px;
padding-right: 20px;
/* width: 20.2%; */
width: 18%;
}
body.downscroll #brand_content .lhs {
top: 56px;
}
#brand_content .category-wrapper {
float: left;
margin-top: 10px;
width: 100%;
list-style: none;
margin-left: 0px;
}
#brand_content .category-wrapper li a:after {
background: #161616;
bottom: 1px;
content: "";
height: 2px;
left: 0;
position: absolute;
transition: all .2s ease-in;
width: 0;
}
#brand_content .category-wrapper li a:hover:after, #brand_content .category-wrapper li.selected a:after {
width: 100%;
}
.image-hover:active .image-hover__cta-wrap,
.image-hover:focus .image-hover__cta-wrap,
.image-hover:hover .image-hover__cta-wrap {
transition: opacity .35s;
opacity: 1;
}
.image-hover:hover .image-hover__cta-wrap:before {
opacity: 0.5;
}
.featured-brand .image-hover:hover .image-hover__cta-wrap:before {
opacity: 0.25;
}
.image-hover:active .image-hover__cta,
.image-hover:focus .image-hover__cta,
.image-hover:hover .image-hover__cta {
transform: translate3d(0,-50%,0);
transition: transform .35s;
}
.image-hover__cta-wrap--dark:before {
background-color: #000;
}
.image-hover__cta {
position: absolute;
top: 50%;
width: 100%;
transform: translate3d(0,-50%,0);
transition: transform .35s;
}
.image-hover .image-hover__cta>div{
color: #fff;
font-weight: 700;
letter-spacing: .1428571429em;
text-transform: uppercase;
text-align: center;
}
.mobile_menu__collection_slider {
display: none !important;
}
.mobile__menu_title {
display: none;
}
.c-nav-overlay-left-open #navbar {
min-width: 850px;
}
.c-nav-overlay-left-open .mobile_menu__collection_slider.desktop_only {
display: block !important;
}
.c-nav-overlay-left-open #navpanel {
width: 240px;
height: 100vh;
overflow: hidden;
}
.mobile_menu__collection_slider .category-picture {
width: 35.7%;
}
.mobile_menu__collection_slider.desktop_only .tab-customize::-webkit-scrollbar {
height: 4px;
display: block;
}
.mobile_menu__collection_slider.desktop_only h2 {
/* text-align: center; */
/* font-weight: 400; */
/* font-size: 16px; */
/* font-size: 12px; */
font-size: 11px;
}
.template-collection #right_navbar .collection-grid-type, .template-collection #right_navbar .filter_sidebar {
/* margin-top: 12px; */
margin-top: 10px;
}
.side__collection_title, .side__product_title, .side__page_title {
/* margin-top: 22px; */
margin-top: 20px;
margin-right: 0;
}
.c-productcarousel .swiper-slide video {
position: relative;
height: 100%;
width: auto;
}
}
@media (max-width: 1000px) {
#right_navbar {
display: none;
}
.designers-item {
flex: 0 0 calc(50% - 10px);
padding: 3px 5px;
}
#brand_content {
min-height: 850px;
padding-top: 10px;
}
#brand_content .lhs {
min-width: auto;
position: relative;
width: calc(100vw - 25px);
margin: 0 -15px;
z-index: 1;
}
#brand_content .category-head {
display: none;
}
#brand_content .category-wrapper {
align-items: center;
display: flex;
overflow-x: auto;
width: 100%;
z-index: 11;
position: relative;
margin: 11px 11px 11px 22px;
}
#brand_content .category-wrapper li {
line-height: 16px;
margin: 0 5px;
}
#brand_content .category-wrapper li:first-child {
margin-left: 15px;
}
#brand_content .category-wrapper li a {
border: 1px solid #000;
/* font-size: 15px; */
font-size: 13px;
padding: 4px 8px;
white-space: nowrap;
}
#brand_content .category-wrapper li.selected a {
background-color: #000;
color: #fff;
}
.brand_image_placeholder, .brand_name_placeholder {
display: none;
}
.brand_container {
/* width: calc(100% - 40px); */
width: calc(100% - 14px);
display: block;
/* padding: 0 0 0 12px; */
padding: 0;
}
.brand_search_container {
position: initial;
/* padding-right: 12px; */
}
#brand_content .brand_link_list {
position: sticky;
top: 72px;
float: right;
max-width: 50px;
padding-top: 0px;
}
#brand_content .brand_link_list>div {
display: flex;
flex-flow: wrap;
margin-top: 0px;
max-height: 800px;
padding: 0 6px;
}
#brand_content .brand_link_list_item {
margin: 0 3px;
/* display: inline-block; */
text-align: center;
}
.brand_link_list a {
font-size: 14px;
line-height: 22px;
padding: 0 10px;
color: #959595;
font-weight: 100;
}
a.brand_link_list_item_href.active {
text-shadow: .5px 0px 0px currentColor;
color: #000;
}
#brand_content .designers-list-area {
width: calc(100% - 50px);
/*float: left;*/
margin-top: 19px;
padding-left: 0;
}
#brand_content .designers-list {
/*flex-flow: column;*/
}
.designers-list-container:target {
padding-top: 55px;
margin-top: 20px;
}
.anchor_destination {
position:absolute;
z-index:-1;
left:0;
margin-top: -30px;
}
.mobile_menu__collection_slider h2 {
text-align: center;
font-size: 12px;
}
.mobile_menu__collection_slider.desktop_only {
display: none !important;
}
.mobile__menu_title {
display: block;
text-transform: uppercase;
/* font-size: 14px; */
font-weight: 700;
text-align: center;
margin-top: 10px;
margin-bottom: 15px;
font-size: 12px;
}
}
.bf-slider-container {
position: relative;
width: 900px;
height: 600px;
border: 2px solid white;
}
.bf-slider-container .img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: 900px 100%;
}
.bf-slider-container .background-img {
background-image: url('https://i.imgur.com/s08MkXC.jpg');
}
.bf-slider-container .foreground-img {
background-image: url('https://i.imgur.com/PfIWek4.jpg');
width: 50%;
}
.bf-slider-container .bf-slider {
position: absolute;
-webkit-appearance: none;
appearance: none;
width: 100%;
height: 100%;
background: rgba(242, 242, 242, 0.3);
outline: none;
margin: 0;
padding: 0;
border: none;
transition: all 0.2s;
display: flex;
justify-content: center;
align-items: center;
}
.bf-slider-container .bf-slider:hover {
background: rgba(242, 242, 242, 0.1);
}
.bf-slider-container .bf-slider::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 6px;
height: 600px;
background: white;
cursor: pointer;
}
.bf-slider-container .bf-slider::-moz-range-thumb {
width: 6px;
height: 600px;
background: white;
cursor: pointer;
}
.bf-slider-container .bf-slider-button {
pointer-events: none;
position: absolute;
width: 30px;
height: 30px;
border-radius: 50%;
background-color: white;
left: calc(50% - 18px);
top: calc(50% - 18px);
display: flex;
justify-content: center;
align-items: center;
}
.bf-slider-container .bf-slider-button:before {
content: "";
padding: 3px;
display: inline-block;
border: solid #5D5D5D;
border-width: 0 2px 2px 0;
transform: rotate(135deg);
}
.bf-slider-container .bf-slider-button:after {
content: "";
padding: 3px;
display: inline-block;
border: solid #5D5D5D;
border-width: 0 2px 2px 0;
transform: rotate(-45deg);
}
.template-index .swiper-wrapper {
transition-timing-function: unset;
}
.template-index .swiper-slide {
overflow: hidden;
}
.template-index .swiper-slide-inner {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-position: center;
background-size: cover;
}
.product-image__primary .aspect-ratio {
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.block.product .main .img-link img.lazyload {
/*position: relative;
height: 100%;
width: auto;*/
}
.swiper-hor .swiper-backface-hidden .swiper-slide {
transform: none;
}
/* page changes as per color*/
body[data-color="White"] .logoimg svg {
fill: #ffffff;
}
body[data-color="White"] .logoimg svg {
fill: #ffffff;
}
body[data-color="White"] .page-header #announcement-bar,
body[data-color="White"] .page-header #announcement-bar .hellobar-item,
body[data-color="White"] .page-header #announcement-bar .hellobar-item p{
background-color: #ffffff !important;
color: #000; !important;
}
body[data-color="White"] .product-info .add-to-cart.button,
body[data-color="White"] .product__buy--button,
body[data-color="White"] .atc_container .quantadd>button {
background-color: #ffffff;
color: #000;
border-color: transparent;
}
body[data-color="White"] .product-info .add-to-cart.button:hover {
color: #FFF;
}
body[data-color="White"] .go-cart__checkout {
background-color: #ffffff;
color: #000;
border-color: #ffffff;
}
body[data-color="Cream"] .logoimg svg {
fill: #f5f4e2;
}
body[data-color="Cream"] .logoimg svg {
fill: #f5f4e2;
}
body[data-color="Cream"] .page-header #announcement-bar,
body[data-color="Cream"] .page-header #announcement-bar .hellobar-item,
body[data-color="Cream"] .page-header #announcement-bar .hellobar-item p{
background-color: #f5f4e2 !important;
color: #000; !important;
}
body[data-color="Cream"] .product-info .add-to-cart.button,
body[data-color="Cream"] .product__buy--button,
body[data-color="Cream"] .atc_container .quantadd>button {
background-color: #f5f4e2;
color: #000;
border-color: transparent;
}
body[data-color="Cream"] .product-info .add-to-cart.button:hover {
color: #FFF;
}
body[data-color="Cream"] .go-cart__checkout {
background-color: #f5f4e2;
color: #000;
border-color: #f5f4e2;
}
body[data-color="Beige"] .logoimg svg {
fill: #e8ccb4;
}
body[data-color="Beige"] .logoimg svg {
fill: #e8ccb4;
}
body[data-color="Beige"] .page-header #announcement-bar,
body[data-color="Beige"] .page-header #announcement-bar .hellobar-item,
body[data-color="Beige"] .page-header #announcement-bar .hellobar-item p{
background-color: #e8ccb4 !important;
color: #000; !important;
}
body[data-color="Beige"] .product-info .add-to-cart.button,
body[data-color="Beige"] .product__buy--button,
body[data-color="Beige"] .atc_container .quantadd>button {
background-color: #e8ccb4;
color: #000;
border-color: transparent;
}
body[data-color="Beige"] .product-info .add-to-cart.button:hover {
color: #FFF;
}
body[data-color="Beige"] .go-cart__checkout {
background-color: #e8ccb4;
color: #000;
border-color: #e8ccb4;
}
body[data-color="Rose"] .logoimg svg {
fill: #ecb4bc;
}
body[data-color="Rose"] .logoimg svg {
fill: #ecb4bc;
}
body[data-color="Rose"] .page-header #announcement-bar,
body[data-color="Rose"] .page-header #announcement-bar .hellobar-item,
body[data-color="Rose"] .page-header #announcement-bar .hellobar-item p{
background-color: #ecb4bc !important;
color: #FFF; !important;
}
body[data-color="Rose"] .product-info .add-to-cart.button,
body[data-color="Rose"] .product__buy--button,
body[data-color="Rose"] .atc_container .quantadd>button {
background-color: #ecb4bc;
color: #FFF;
border-color: transparent;
}
body[data-color="Rose"] .product-info .add-to-cart.button:hover {
color: #FFF;
}
body[data-color="Rose"] .go-cart__checkout {
background-color: #ecb4bc;
color: #FFF;
border-color: #ecb4bc;
}
body[data-color="Black"] .logoimg svg {
fill: #000;
}
body[data-color="Black"] .logoimg svg {
fill: #000;
}
body[data-color="Black"] .page-header #announcement-bar,
body[data-color="Black"] .page-header #announcement-bar .hellobar-item,
body[data-color="Black"] .page-header #announcement-bar .hellobar-item p{
background-color: #000 !important;
color: #FFF; !important;
}
body[data-color="Black"] .product-info .add-to-cart.button,
body[data-color="Black"] .product__buy--button,
body[data-color="Black"] .atc_container .quantadd>button {
background-color: #000;
color: #FFF;
border-color: transparent;
}
body[data-color="Black"] .product-info .add-to-cart.button:hover {
color: #FFF;
}
body[data-color="Black"] .go-cart__checkout {
background-color: #000;
color: #FFF;
border-color: #000;
}
.newsletter-popup-modal {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
opacity: 0;
display: none;
transform: scale(1.1);
transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
}
.pop-up-content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: white;
padding: 20px;
width: auto;
border-radius: 0rem;
width: 90%;
max-width: 480px;
}
.popup-inner-content {
margin-top: 20px;
}
.pop-up-content table {
table-layout: auto;
}
.close-button {
float: right;
width: 1.5rem;
line-height: 1.5rem;
text-align: center;
cursor: pointer;
border-radius: 0.25rem;
}
.close-button:hover {
background-color: darkgray;
}
.popup-title {
font-size: 12px;
font-weight: 700;
line-height: 21px;
text-align: center;
padding: 10px 6px;
text-transform: uppercase;
}
.popup-inner-content .msg {
text-align: center;
}
.popup-newsletter-form {
padding: 15px;
}
.popup-newsletter-form .email-input {
width: 100%;
border: 1px solid #000;
border-radius: 2px;
font-size: 11px;
margin-bottom: 5px;
}
.popup-newsletter-form .button {
margin: 0;
width: calc(100% - 2px);
background-color: #000;
padding: 0;
}
.popup-newsletter-form .button:hover {
opacity: 0.85;
}
.popup-newsletter-form .button .btn {
font-size: 11px;
/* font-size: 10px; */
background: transparent;
border: none;
padding: 11px 6px;
text-align: center;
width: 100%;
}
/* .popup-newsletter-form .button .btn:hover {
color: #15f717;
} */
.popup-newsletter-form p {
margin-top: 20px;
font-size: 12px;
}
.action_add.note:hover {
/* color: #15f717; */
text-decoration: none;
background-color: #000;
border-color: #000;
text-shadow: .5px 0px 0px currentColor;
}
.show-pop-up {
/* z-index: 12; */
z-index: 40;
opacity: 1;
display: block;
transform: scale(1.0);
transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
}
.trigger-pop-up {
margin: 10px 0 10px 130px;
width: 100%;
}
@media only screen and (max-width: 749px) {
.pop-up-content, .popup-inner-content table {
width: 85% ;
}
.popup-inner-content th, .popup-inner-content td {
padding: 10px;
}
}
.localization-popup-modal {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
opacity: 0;
display: none;
transform: scale(1.1);
transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
}
.pop-up-content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: white;
padding: 20px;
width: auto;
border-radius: 0rem;
width: 90%;
max-width: 480px;
}
.localization-popup-modal .popup-inner-content {
margin-top: 20px;
padding: 0 40px 50px 40px;
}
.pop-up-content table {
table-layout: auto;
}
.localization-close-button {
float: right;
width: 1.5rem;
line-height: 1.5rem;
text-align: center;
cursor: pointer;
border-radius: 0.25rem;
}
.localization-close-button:hover {
background-color: darkgray;
}
.localization-popup-modal .popup-title {
/* font-size: 18px; */
font-size: 16px;
font-weight: 700;
line-height: 21px;
text-align: center;
padding: 10px 6px;
text-transform: uppercase;
}
.localization-popup-modal .popup-subtitle {
font-size: 12px;
font-weight: 700;
line-height: 21px;
text-align: center;
padding: 10px 6px;
text-transform: uppercase;
}
.localization-popup-modal .nation_img {
vertical-align: baseline;
width: 60px;
text-align: center;
margin: 40px auto 25px auto;
}
#select_box_lang {
-webkit-appearance: none;
min-height: 26px;
min-width: 80px;
border: 1px solid #ccc;
padding-left: 5px;
/* font-size: 100%; */
font-size: 13px;
color: #000;
vertical-align: middle;
border: 1px solid #101010;
color: #101010;
width: 100%;
height: 49px;
margin-bottom: 5px;
padding-left: 10px;
background: #fff url(https://cdn.shopify.com/s/files/1/0551/0656/8351/files/arrow-bottom_bigger_1.svg) no-repeat right center;
background-size: 32px 27px;
-webkit-appearance: none;
}
.popup-inner-content .msg {
text-align: center;
}
.localization-popup-modal .button {
margin: 0;
width: calc(100% - 2px);
background-color: #000;
padding: 0;
}
.localization-popup-modal .button:hover {
opacity: 0.85;
}
.localization-popup-modal .button .btn {
font-size: 11px;
background: transparent;
border: none;
padding: 11px 6px;
text-align: center;
width: 100%;
}
/* .localization-popup-modal .button .btn:hover {
color: #15f717;
} */
.localization-popup-modal p {
margin-top: 10px;
font-size: 12px;
text-align: center;
}
.show-pop-up {
/* z-index: 12; */
z-index: 40;
opacity: 1;
display: block;
transform: scale(1.0);
transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
}
.trigger-pop-up {
margin: 10px 0 10px 130px;
width: 100%;
}
.swiper_slide_number {
display: block;
position: absolute;
top: 10px;
left: 20px;
z-index: 2;
}
.currency-popup-modal {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
opacity: 0;
display: none;
/*transform: scale(1.1);
transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;*/
}
.pop-up-content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: white;
padding: 20px;
width: auto;
border-radius: 0rem;
width: 90%;
max-width: 480px;
}
.currency-popup-modal .popup-inner-content {
margin-top: 20px;
padding: 0 40px 50px 40px;
}
.pop-up-content table {
table-layout: auto;
}
.currency-close-button {
float: right;
width: 1.5rem;
line-height: 1.5rem;
text-align: center;
cursor: pointer;
border-radius: 0.25rem;
}
.currency-close-button:hover {
background-color: darkgray;
}
.currency-popup-modal .popup-title {
/* font-size: 18px; */
font-size: 16px;
font-weight: 700;
line-height: 21px;
text-align: center;
padding: 10px 6px;
text-transform: uppercase;
}
.currency-popup-modal .popup-subtitle {
font-size: 12px;
font-weight: 700;
line-height: 21px;
text-align: center;
padding: 10px 6px;
text-transform: uppercase;
}
.currency-popup-modal .nation_img {
vertical-align: baseline;
width: 60px;
text-align: center;
margin: 40px auto 25px auto;
}
.currency_select {
-webkit-appearance: none;
min-height: 26px;
min-width: 80px;
border: 1px solid #ccc;
padding-left: 5px;
font-size: 100%;
color: #000;
vertical-align: middle;
border: 1px solid #101010;
color: #101010;
width: 100%;
height: 49px;
margin-bottom: 5px;
padding-left: 10px;
background: #fff url(https://cdn.shopify.com/s/files/1/0551/0656/8351/files/arrow-bottom_bigger_1.svg) no-repeat right center;
background-size: 32px 27px;
-webkit-appearance: none;
}
.popup-inner-content .msg {
text-align: center;
}
.currency-popup-modal .button {
margin: 0;
width: calc(100% - 2px);
background-color: #000;
padding: 0;
}
.currency-popup-modal .button:hover {
opacity: 0.85;
}
.currency-popup-modal .button .btn {
font-size: 11px;
background: transparent;
border: none;
padding: 11px 6px;
text-align: center;
width: 100%;
}
/* .currency-popup-modal .button .btn:hover {
color: #15f717;
background-color: #000;
border-color: #000;
} */
.currency-popup-modal p {
margin-top: 10px;
font-size: 12px;
text-align: center;
}
.show-pop-up {
/* z-index: 12; */
z-index: 40;
opacity: 1;
display: block;
transform: scale(1.0);
transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
}
.trigger-pop-up {
margin: 10px 0 10px 130px;
width: 100%;
}
@media only screen and (max-width: 749px) {
.pop-up-content, .popup-inner-content table {
width: 85% ;
}
.popup-inner-content th, .popup-inner-content td {
padding: 10px;
}
}
.media__video-button {
position: absolute;
top: .81rem;
right: .81rem;
cursor: pointer;
z-index: 2;
}
.swiper-hor .media__video-button {
top: 50%;
left: 50%;
right: auto;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
transform: translate(-50%, -50%);
}
.product-media--loading .media__video-button .data-icon-loading {
width: 30px;
height: 30px;
background: transparent;
}
.media__video-button[data-icon="play"] .data-icon-play, .media__video-button[data-icon="play"] .data-icon-loading {
display: none;
}
.swiper-hor .media__video-button[data-icon="play"] > div {
display: none;
}
.btn__price:before {
content: "\2022";
margin: 0 5px;
}
/* product video container */
@media (min-width: 1001px) {
.product-media.product-media--video {
padding-bottom: 0% !important;
}
}
.product-media.product-media--video .media__video-button,
.collection__items .media__video-button {
left: 0.81rem;
right: auto;
top: calc(100% - 50px);
}
.mainnav .desktop_only {
display: block;
}
.mainnav .mobile_only {
display: none;
}
@media (max-width: 1000px) {
.mainnav .desktop_only {
display: none;
}
.mainnav .mobile_only {
display: block;
}
}
@media (min-width: 1001px) {
#content {
/* margin-top: 50px; */
/* padding-top: 50px; */
}
.page-header {
background: transparent !important;
color: inherit;
}
#right_navbar {
margin-top: 30px;
}
.l-pdp__images {
height: calc(100vh - 76px);
}
.hmo-header-right .disclosure .disclosure__toggle-arrow svg path {
fill: inherit;
}
.hmo-header-fixed {
/*position: fixed;
top: 26px;*/
position: relative;
top: 0;
left: 0;
width: 100vw;
z-index: 1000;
background: transparent;
/*border-bottom: 1px solid #eee;*/
height: 50px;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 30px;
box-sizing: border-box;
}
.hmo-header-fixed.desktop-only:before {
content: "";
position: absolute;
left: 0; top: 0;
width: 100%;
height: 0;
background: white;
z-index: -1;
transition: height 0.5s;
pointer-events: none;
}
.hmo-header-fixed.desktop-only:hover:before {
height: 100%;
}
.hmo-header-fixed:hover .logoimg svg {
fill: #000;
}
.hmo-header-fixed.desktop-only:hover {
/*background-color: #FFF;*/
color: #000;
fill: #000;
stroke: #000;
}
.hmo-header-fixed a:last-child {
margin-right: 0;
}
.hmo-header-fixed .hmo-header-left,
.hmo-header-fixed .hmo-header-right {
display: block;
align-items: center;
gap: 32px;
}
.hmo-header-fixed .hmo-header-center {
position: absolute;
left: 50%;
top: 0;
transform: translateX(-50%);
height: 64px;
display: flex;
align-items: center;
justify-content: center;
width: auto;
pointer-events: auto;
}
.hmo-header-fixed a {
/*color: #111;*/
color: inherit;
font-weight: 500;
font-size: 11px;
text-transform: uppercase;
text-decoration: none;
padding: 0px;
transition: color 0.2s;
margin-right: 20px;
}
.hmo-header-fixed a:hover {
/*color: #888;*/
/* font-weight: 700; */
text-shadow: 0.5px 0px 0px currentColor;
}
.hmo-header-right [data-remodal-target=login], .hmo-header-right .account-link-popup {
margin: 0 !important;
}
}
.c-nav__subnav {
/*visibility: visible;
max-height: unset;*/
}
.section-blog-posts h2 > a {
font-size: 20px;
}
.blog-container-half {
margin-bottom: 4rem;
}
.blog-container-half > div {
padding: 0;
}
.blog-container-half-flex_grid {
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
list-style: none;
margin: 0;
padding: 0;
font-size: 0;
margin: 0 -22.5px -60px;
}
.blog-container-half-flex_cell {
box-sizing: inherit;
min-width: 0;
font-size: 0;
line-height: 0;
flex-basis: 50%;
max-width: 50%;
padding: 0 1.875rem 5rem;
}
.blog-container-half-flex_cell > a {
display: inline-block;
width: 100%;
text-decoration: none;
color: inherit;
}
.blog-container-half-image_wrapper {
overflow: hidden;
background: #f4f4f4;
line-height: 0;
position: relative;
text-align: left;
}
.blog-container-half-flex_image img {
border: 0;
max-width: 100%;
width: 100%;
position: absolute;
z-index: 100;
}
.blog-container-half-article_wrapper {
margin: 0.625rem 0 0 0;
}
.blog-container-half-article_wrapper > div {
display: inline-block;
display: flex;
flex-direction: column;
width: 100%;
position: relative;
}
.blog-container-half-article_title {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin: 15px 0 0 0;
letter-spacing; -0.015625rem;
text-transform: uppercase;
font-weight: normal;
padding-left: 5rem;
}
.blog-container-half-article_title.no-blog-title {
padding-left: 0;
}
.blog-container-third-article_title.no-blog-title {
padding-left: 0;
}
.blog-container-half-article_category {
cursor: default;
margin: 0;
letter-spacing; -0.003125rem;
text-transform: none;
display: inline-block;
width: 5rem;
margin-left: -5rem;
/* font-size: 15px; */
font-size: 13px;
}
.blog-container-half-article_wrapper span {
margin: 0;
text-transform: uppercase;
font-weight: normal;
/* font-size: 19px; */
font-size: 16px;
line-height: normal;
}
.blog-container-half-article_content {
margin: 0;
/* font-size: 16px; */
font-size: 12px;
line-height: normal;
margin: 10px 0;
}
/* one third */
.blog-container-third {
margin-bottom: 4rem;
}
.blog-container-third > div {
padding: 0;
}
.blog-container-third-flex_grid {
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
list-style: none;
margin: 0;
padding: 0;
font-size: 0;
margin: 0 -1.875rem -5rem;
}
.blog-container-third-flex_cell {
box-sizing: inherit;
min-width: 0;
font-size: 0;
line-height: 0;
flex-basis: 33.3333%;
max-width: 33.3333%;
padding: 0 1.875rem 5rem;
}
.blog-container-third-flex_cell > a {
display: inline-block;
width: 100%;
text-decoration: none;
color: inherit;
}
.blog-container-third-image_wrapper {
overflow: hidden;
background: #f4f4f4;
line-height: 0;
position: relative;
text-align: left;
}
.blog-container-third-flex_image img {
border: 0;
max-width: 100%;
width: 100%;
position: absolute;
z-index: 100;
}
.blog-container-third-article_wrapper {
margin: 0.625rem 0 0 0;
}
.blog-container-third-article_wrapper > div {
display: inline-block;
display: flex;
flex-direction: column;
width: 100%;
position: relative;
}
.blog-container-third-article_title {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin: 15px 0 0 0;
letter-spacing; -0.015625rem;
text-transform: uppercase;
font-weight: normal;
padding-left: 80px;
}
.blog-container-third-article_category {
cursor: default;
margin: 0;
letter-spacing; -0.003125rem;
text-transform: uppercase;
display: inline-block;
margin-bottom: 0.3125rem;
display: inline-block;
width: 80px;
margin-left: -80px;
line-height: 0;
/* font-size: 15px; */
font-size: 13px;
}
.blog-container-third-article_title span {
margin: 0;
text-transform: uppercase;
font-weight: normal;
/* font-size: 19px; */
font-size: 16px;
line-height: normal;
}
.blog-container-third-article_date {
display: block;
padding-left: 80px;
margin: 10px 0;
/* font-size: 15px; */
font-size: 12px;
}
.blog-container-third-article_date span {
margin: 0;
/* font-size: 15px; */
font-size: 12px;
}
.blog-container-third-article_date label {
display: inherit;
/* font-size: inherit; */
font-size: 12px;
font-weight: inherit;
line-height: inherit;
margin: 0 .2125rem 0 .125rem;
text-align: left;
}
.blog-container-third-article_date time {
/* font-size: 15px; */
font-size: 12px;
}
.blog-container-third-article_date time:before {
/* font-size: 15px; */
font-size: 12px;
content: "|";
display: inline-block;
-webkit-font-smoothing: none;
padding: 0 0.28125rem 0 0.125rem;
transform: translateY(-0.0625rem);
}
.blog-container-third-article_content {
display: none;
letter-spacing: -0.003125rem;
margin: 0;
font-size: 20px;
line-height: 24px;
margin: 10px 0;
}
.blog-carouselContainer {
margin-bottom: 24px;
}
.blog-carousel-row {
}
.blog-carousel-row-container {
margin: 0 20px;
}
.blog-carousel-row-container > div {
position: relative;
}
.blog-carousel-wrapper {
width: 100%;
position: relative;
overflow: hidden;
}
.blog-carousel-inner {
display: flex;
flex-direction: row;
backface-visibility: hidden;
}
.blog-carousel-slide {
flex-basis: inherit;
/*flex-grow: 0;
flex-shrink: 0;*/
user-select: none;
flex: 1;
margin: 0 10px;
}
.blog-carousel-slide.swiper-slide {
height: auto;
}
.blog-carousel-slide a {
text-decoration: none;
color: inherit;
display: flex;
margin: 0 0px;
padding: 10px 0;
position: relative;
border-top: 1px solid #979797;
border-bottom: 1px solid #979797;
flex-direction: row;
flex: 1 1;
flex-basis: calc((100vw - 20px) / 2);
height: calc(100% - 22px);
}
.blog-carousel-main-title h4 span {
font-weight: normal;
/* font-size: 24px; */
font-size: 18px;
}
.blog-carousel-slide h4 {
text-transform: uppercase;
}
.blog-carousel-cat-link {
text-transform: uppercase;
position: absolute;
bottom: 10px;
left: 0;
/* font-size: 14px; */
font-size: 12px;
}
.blog-carousel-cat-link span {
/* font-size: 14px; */
font-size: 12px;
}
.blog-carousel-slide-thumbnail {
display: flex;
position: relative;
flex-direction: row;
flex: 1 1;
}
.blog-carousel-slide-image-container {
flex-basis: 33.3333%;
max-width: 33.3333%;
}
.blog-carousel-slide-image-wraper {
overflow: hidden;
background: #f4f4f4;
line-height: 0;
position: relative;
text-align: left;
}
.blog-carousel-slide-image-wraper img {
position: absolute;
z-index: 100;
width: 100%;
}
.blog-carousel-slide-text-container {
position: relative;
flex-basis: 66.6666%;
max-width: 66.666%;
}
.blog-carousel-slide-text-container h4 {
text-transform: uppercase;
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
margin-left: 10px;
font-weight: normal;
/* font-size: 14px; */
font-size: 13px;
line-height: normal;
}
.blog-carousel-slide-text-container label {
text-align: left;
display: block;
margin-left: 10px;
position: absolute;
bottom: 0;
font-size: 12px;
}
.ed-Row-cta {
display: none;
}
.btn__price:before {
content: "\2022";
margin: 0 5px;
}
.search.desktop-only .st0:hover {
fill: #000;
}
.hmo-header-fixed {
z-index: 40;
}
.hmo-header-right .trigger-localization-pop-up,
.hmo-header-right .disclosure__toggle {
/*color: #000 !important;*/
}
.hmo-header-right .desktop-header-localization .disclosure .disclosure__toggle-arrow {
right: -18px;
display: none;
}
.hmo-header-right form {
display: flex;
}
.hmo-header-right .selectors-form__item {
/* margin-right: 40px; */
margin-right: 20px;
}
.hmo-header-right .search svg {
width: 15px;
height: 15px;
margin-top: 0px;
}
@media (max-width: 1000px) {
.quick-search {
right: auto;
left: -432px;
}
.show-quick-search .quick-search {
transform: translateX(432px);
}
}
@media (max-width: 767px) {
.mobile_menu__collection_slider h2,
.mobile_menu__collection_slider>li .slot-mobile-header-menu {
display: none;
}
.mobile_menu__collection_slider h2:nth-child(1),
.mobile_menu__collection_slider>li .slot-mobile-header-menu:nth-child(2) {
display: block;
}
.blog-container-half > div,
.blog-container-third > div {
padding: 0 10px;
}
.blog-container-half-flex_cell {
padding-bottom: 32px;
}
.blog-container-half-flex_grid,
.blog-container-third-flex_grid {
margin: 0 0 60px 0;
}
.blog-container-half-flex_cell,
.blog-container-third-flex_cell {
flex-basis: 100%;
max-width: 100%;
padding: 0 0 32px 0;
}
.blog-container-half-article_title {
padding-left: 0;
}
.blog-container-half-article_category {
display: none;
}
.blog-container-half-article_wrapper span,
.blog-container-third-article_title > span {
font-size: 17px;
}
.blog-container-half-article_content,
.blog-container-third-article_content {
font-size: 16px;
margin: 5px 0;
}
.blog-container-third-article_content {
display: block;
}
.blog-container-third-article_title {
padding-left: 0;
}
.blog-container-third-article_category {
display: none;
}
.blog-container-third-article_date {
display: none;
}
.blog-carousel-slide {
flex: none;
margin: 0;
}
.blog-carousel-slide-head {
display: none;
}
.ed-Row-cta {
text-align: center;
margin: 18px 0px 0 0px;
width: calc(100% - 0px);
display: block;
}
.ed-ButtonCTA {
text-transform: uppercase;
text-decoration: none;
box-sizing: border-box;
color: inherit !important;
border: 1px solid #979797;
border-radius: 10px;
width: 100%;
height: 44px;
line-height: 44px;
display: inline-block;
display: inline-flex;
flex-direction: column;
justify-content: center;
max-width: 100%;
padding: 0 15px;
white-space: nowrap;
}
.ed-ButtonCTA-label {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin: 0;
letter-spacing: 0;
text-align: center;
width: 100%;
height: auto;
vertical-align: middle;
white-space: nowrap;
font-size: 14px;
}
}
.sqs-block-image .design-layout-card:not(.sqs-narrow-width) {
display: flex;
justify-content: space-between;
}
.sqs-block-image .image-block-outer-wrapper.image-block-v2 {
position: relative;
}
.sqs-block-image .sqs-block-image-figure {
margin: 0;
}
.sqs-block-image .design-layout-card:not(.sqs-narrow-width)>:first-child {
width: calc(50% - 1%);
}
.sqs-block-image .image-block-outer-wrapper.image-block-v2 .intrinsic {
position: relative;
max-width: initial !important;
}
.sqs-block-image .image-block-outer-wrapper.image-block-v2 .image-inset {
position: relative;
}
.sqs-block-image .image-block-outer-wrapper.image-block-v2 .intrinsic img {
display: block;
width: 100%;
}
.sqs-block-image .design-layout-card:not(.sqs-narrow-width).image-position-left .image-card-wrapper {
margin-left: 2%;
}
.image-block-card-content-position-center .sqs-block-image .design-layout-card .image-card-wrapper {
align-items: center;
}
.sqs-block-image .design-layout-card:not(.sqs-narrow-width) .image-card-wrapper {
display: flex;
align-items: center;
justify-content: center;
min-height: 100%;
}
.sqs-block-image .design-layout-card:not(.sqs-narrow-width) .image-card-wrapper {
position: relative;
width: calc(50% - 1%);
}
.sqs-block-image .image-block-outer-wrapper.image-block-v2 .image-card-wrapper {
z-index: 2;
pointer-events: none;
}
.sqs-block-image .design-layout-card:not(.sqs-narrow-width) .image-card {
position: relative;
width: 100%;
}
.sqs-block-image .image-block-outer-wrapper.image-block-v2 .image-card {
pointer-events: auto;
}
.sqs-block-image .design-layout-card .image-card {
padding: 15px 0;
}
.slide.sqs-gallery-design-grid-slide {
float: left;
width: 25%;
}
.sqs-gallery-design-grid-slide {
width: 25%;
}
.sqs-gallery-block-grid .sqs-gallery-design-grid-slide .margin-wrapper {
margin-right: 20px;
margin-bottom: 20px;
}
.sqs-gallery-block-grid .slide .margin-wrapper {
position: relative;
}
.sqs-gallery-block-grid .slide .margin-wrapper a.image-slide-anchor {
padding-bottom: 100%;
width: 100%;
height: 0;
display: block;
cursor: default;
border-bottom: none;
}
.sqs-gallery-block-grid.sqs-gallery-aspect-ratio-square .slide .margin-wrapper a.image-slide-anchor {
padding-bottom: 100%;
}
.sqs-gallery-block-grid .slide .margin-wrapper a.image-slide-anchor img {
display: inline-block;
}
@media screen and (max-width: 767px) {
.sqs-gallery-design-grid-slide {
width: 50% !important;
clear: none !important;
}
}
.Intro {
position: relative;
overflow: hidden;
background-color: #fff;
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: auto;
}
.Intro--has-image {
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: auto;
background-color: #fff;
color: #fff;
}
.Intro-content {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 60px 58px;
}
.Intro--has-image .Intro-content {
position: relative;
z-index: 2;
padding-top: 214px;
padding-bottom: 214px;
}
.sqs-row {
width: auto !important;
}
.sqs-layout > .sqs-row {
margin-left: -17px;
margin-right: -17px;
}
.sqs-col-12 {
width: 100%;
}
.Intro-content .sqs-col-12>.sqs-block:not(.float):not(.sqs-float-left):not(.sqs-float-right):not(.sqs-block-gallery):not(.sqs-block-image):not(.sqs-block-video):not(.sqs-block-map):not(.sqs-block-calendar):not(.sqs-block-menu):not(.sqs-block-tourdates):not(.sqs-block-summary-v2):not(.sqs-block-archive):not(.sqs-block-instagram), .Main:not(.Main--events-list):not(.Main--events-item):not(.Main--blog-list) .Main-content .sqs-layout .sqs-col-12>.sqs-block:not(.float):not(.sqs-float-left):not(.sqs-float-right):not(.sqs-block-gallery):not(.sqs-block-image):not(.sqs-block-video):not(.sqs-block-map):not(.sqs-block-calendar):not(.sqs-block-menu):not(.sqs-block-tourdates):not(.sqs-block-summary-v2):not(.sqs-block-archive):not(.sqs-block-instagram), .tweak-blog-list-style-stacked .BlogList--posts-full .sqs-layout .sqs-col-12>.sqs-block:not(.float):not(.sqs-float-left):not(.sqs-float-right):not(.sqs-block-gallery):not(.sqs-block-image):not(.sqs-block-video):not(.sqs-block-map):not(.sqs-block-calendar):not(.sqs-block-menu):not(.sqs-block-tourdates):not(.sqs-block-summary-v2):not(.sqs-block-archive):not(.sqs-block-instagram), .Index-page .sqs-layout .sqs-col-12>.sqs-block:not(.float):not(.sqs-float-left):not(.sqs-float-right):not(.sqs-block-gallery):not(.sqs-block-image):not(.sqs-block-video):not(.sqs-block-map):not(.sqs-block-calendar):not(.sqs-block-menu):not(.sqs-block-tourdates):not(.sqs-block-summary-v2):not(.sqs-block-archive):not(.sqs-block-instagram), .Footer-blocks--top .sqs-col-12>.sqs-block:not(.float):not(.sqs-float-left):not(.sqs-float-right):not(.sqs-block-gallery):not(.sqs-block-image):not(.sqs-block-video):not(.sqs-block-map):not(.sqs-block-calendar):not(.sqs-block-menu):not(.sqs-block-tourdates):not(.sqs-block-summary-v2):not(.sqs-block-archive):not(.sqs-block-instagram), .Footer-blocks--bottom .sqs-col-12>.sqs-block:not(.float):not(.sqs-float-left):not(.sqs-float-right):not(.sqs-block-gallery):not(.sqs-block-image):not(.sqs-block-video):not(.sqs-block-map):not(.sqs-block-calendar):not(.sqs-block-menu):not(.sqs-block-tourdates):not(.sqs-block-summary-v2):not(.sqs-block-archive):not(.sqs-block-instagram), .tweak-footer-layout-stacked .Footer-blocks--middle .sqs-col-12>.sqs-block:not(.float):not(.sqs-float-left):not(.sqs-float-right):not(.sqs-block-gallery):not(.sqs-block-image):not(.sqs-block-video):not(.sqs-block-map):not(.sqs-block-calendar):not(.sqs-block-menu):not(.sqs-block-tourdates):not(.sqs-block-summary-v2):not(.sqs-block-archive):not(.sqs-block-instagram) {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 55.8245%;
margin-right: auto;
margin-left: auto;
}
.sqs-layout:not(.sqs-editing) .sqs-row .sqs-block:not(.float):not(.sqs-feature-gated-wrapper):first-child:last-child {
padding-bottom: 0;
}
.sqs-layout:not(.sqs-editing) .sqs-row .sqs-block:not(.float):not(.sqs-feature-gated-wrapper):first-child {
padding-top: 0;
}
.sqs-block {
position: relative;
height: auto;
padding-top: 17px;
padding-bottom: 17px;
}
[class*=sqs-col] .sqs-block {
padding-left: 17px;
padding-right: 17px;
}
.Intro--has-image h2 {
color: #fff;
}
.Intro-image {
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 100%;
margin: 0;
}
.enable-load-effects .Intro-image {
opacity: 0;
-webkit-transition: opacity 200ms ease-out;
-moz-transition: opacity 200ms ease-out;
-ms-transition: opacity 200ms ease-out;
-o-transition: opacity 200ms ease-out;
transition: opacity 200ms ease-out;
}
.enable-load-effects .Intro-image.loaded {
opacity: 1;
}
.sqs-gallery-design-carousel .sqs-gallery-container {
width: 100%;
overflow: hidden;
}
.summary-block-setting-design-carousel .summary-block-header {
overflow: hidden;
}
.sqs-gallery-design-carousel .sqs-gallery {
margin: 0 0 0 -1%;
white-space: nowrap;
vertical-align: top;
font-size: 0;
transition: -webkit-transform ease .4s;
transition: transform ease .4s;
transition: transform ease .4s, -webkit-transform ease .4s;
}
.summary-item-list {
list-style-type: none;
margin: 0;
padding: 0;
}
.sqs-gallery-design-carousel .sqs-gallery-design-carousel-slide {
display: inline-block;
width: 33.66666667%;
padding: 0 1%;
white-space: nowrap;
vertical-align: top;
font-size: 0;
}
.sqs-block-summary-v2 .img-wrapper, .sqs-block-summary-v2 .sqs-video-wrapper {
position: relative;
width: 100%;
height: auto;
}
.Index-gallery-control {
background: transparent;
border: 0;
padding: 0;
line-height: 0;
outline: 0;
display: none;
position: absolute;
top: 50%;
z-index: 3;
padding: 5px;
stroke: #fff;
background-color: rgba(255, 255, 255, 0);
}
.Index-gallery-indicators {
display: none;
box-sizing: border-box;
position: absolute;
bottom: 0;
z-index: 2;
width: 100%;
text-align: center;
}
.Index-gallery-item {
position: relative;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
[data-index-gallery-images='9'] .Index-gallery-item:nth-child(9n+1) {
width: 66.67%;
}
[data-index-gallery-images='9'] .Index-gallery-item:nth-child(9n+2) {
width: 33.33%;
}
[data-index-gallery-images='9'] .Index-gallery-item:nth-child(9n+3) {
width: 33.33%;
}
[data-index-gallery-images='9'] .Index-gallery-item:nth-child(9n+4) {
width: 66.67%;
}
[data-index-gallery-images='9'] .Index-gallery-item:nth-child(9n+5) {
width: 33.33%;
}
[data-index-gallery-images='9'] .Index-gallery-item:nth-child(9n+6) {
width: 33.33%;
}
[data-index-gallery-images='9'] .Index-gallery-item:nth-child(9n+7) {
width: 66.67%;
}
[data-index-gallery-images='9'] .Index-gallery-item:nth-child(9n+8) {
width: 33.33%;
}
[data-index-gallery-images='9'] .Index-gallery-item:nth-child(9n+9) {
width: 33.33%;
}
[data-index-gallery-images='9']:nth-child(odd) .Index-gallery-item:nth-child(9n+4) {
float: right;
}
.Index-gallery-item-inner {
/* position: absolute; */
position: relative;
top: 0;
right: 25px;
bottom: 25px;
left: 0;
white-space: nowrap;
overflow: hidden;
font-size: 0;
}
.Index-gallery-item-inner, .Index-gallery-item-inner, .Index-gallery-item-inner {
text-align: left;
}
.Index-gallery-item-inner:before, .Index-gallery-item-inner:before, .Index-gallery-item-inner:before {
vertical-align: top;
}
.Index-gallery-item-inner:before {
content: '';
display: inline-block;
width: 0;
height: 100%;
}
.Index-gallery-item-image {
display: block;
/* position: absolute; */
position: relative;
top: -1px;
right: -1px;
bottom: -1px;
left: -1px;
z-index: 0;
margin: 0;
background-color: #f7f7f7;
}
.Index-gallery-item-image img {
-webkit-transition: opacity 200ms ease-out;
-moz-transition: opacity 200ms ease-out;
-ms-transition: opacity 200ms ease-out;
-o-transition: opacity 200ms ease-out;
transition: opacity 200ms ease-out;
}
.Index-gallery-item-image img {
opacity: 1;
}
.Index-gallery {
background-color: #fff;
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: auto;
overflow: hidden;
}
.Index-gallery.loaded {
opacity: 1;
}
.Index-gallery-wrapper {
position: relative;
}
@media screen and (min-width: 1001px) {
.Index-gallery.loaded {
margin-left: -250px;
margin-right: -250px;
}
}