/** Shopify CDN: Minification failed
Line 1787:2 Expected identifier but found "*"
Line 2016:2 Expected identifier but found "*"
Line 4647:2 Expected identifier but found "*"
Line 4658:2 Expected identifier but found "*"
Line 4669:2 Expected identifier but found "*"
Line 9514:2 Expected identifier but found "*"
Line 9527:2 Expected identifier but found "*"
Line 15473:6 Comments in CSS use "/* ... */" instead of "//"
Line 15477:6 Comments in CSS use "/* ... */" instead of "//"
Line 15478:28 Comments in CSS use "/* ... */" instead of "//"
... and 1 more hidden warnings
**/
/** Shopify CDN: Minification failed
**/
@charset "UTF-8";
/*! ============================================================================ Broadcast Theme | (c) Invisible Themes ============================================================================== */
:root {
--bg: var(---color-bg);
--bg-accent: var(---color-bg-secondary);
--text-dark: var(---color-text-dark);
--text: var(---color-text);
--text-light: var(---color-text-light);
--link: var(---color-link);
--link-hover: var(---color-link-hover);
--border: var(---color-border);
--hairline: var(---color-border-hairline);
--sale-bg: var(---color-sale-bg);
--sale-text: var(---color-sale-text);
--sale-text-secondary: var(---color-sale-text-secondary);
--contrast: #000;
--primary: var(---color-primary);
--primary-hover: var(---color-primary-hover);
--primary-fade: var(---color-primary-fade);
--primary-opposite: var(---color-primary-opposite);
--secondary: var(---color-secondary);
--secondary-hover: var(---color-secondary-hover);
--secondary-fade: var(---color-secondary-fade);
--success: #56ad6a;
--error: #d02e2e;
}
@media only screen and (max-width: 800px) {
.product-grid {
display: grid !important;
}
}
.palette--contrast {
--text: #000;
--text-light: #000;
--text-dark: #000;
--bg: #fff;
}
.palette--primary {
--text: var(---color-primary);
--text-light: var(---color-primary);
--text-dark: var(---color-primary);
--bg: var(---color-primary-opposite);
}
.palette--secondary {
--text: var(---color-secondary);
--text-light: var(---color-secondary);
--text-dark: var(---color-secondary);
--bg: var(---color-secondary-opposite);
}
.palette--contrast--dark {
--text: #fff;
--text-light: #fff;
--text-dark: #f7f7f7;
--bg: #000;
}
.flickity-enabled {
position: relative;
}
.flickity-enabled:focus {
outline: none;
}
.flickity-viewport {
flex: 0 1 100%;
overflow: hidden;
position: relative !important;
height: 100%;
}
.flickity-slider {
position: absolute;
width: 100%;
height: 100%;
}
.flickity-viewport {
touch-action: pan-y;
}
.flickity-enabled.is-draggable {
-webkit-tap-highlight-color: transparent;
tap-highlight-color: transparent;
-webkit-user-select: none;
user-select: none;
}
.flickity-enabled.is-draggable .flickity-viewport {
cursor: move;
cursor: grab;
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
cursor: grabbing;
}
.flickity-button {
position: absolute;
border: none;
background: none;
color: inherit;
transition: background 0.3s, color 0.3s, opacity 0.3s, visibility 0.3s,
top 0.3s;
}
.flickity-button-hide .flickity-button {
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.flickity-button-circle .flickity-button {
width: 30px;
height: 30px;
border-radius: 50%;
background: var(---color-bg);
}
.flickity-button:hover {
cursor: pointer;
}
.flickity-button:focus {
outline: none;
}
.flickity-button:active {
opacity: 1;
}
.flickity-button:disabled {
opacity: 0;
cursor: auto;
visibility: hidden;
transition: opacity 0.3s, visibility 0.3s;
pointer-events: none;
}
.flickity-button-icon {
display: none;
fill: #333;
}
.flickity-prev-next-button {
top: 50%;
width: 50px;
height: 50px;
margin-top: -25px;
}
.flickity-button-circle .flickity-prev-next-button {
margin-top: -15px;
}
.flickity-prev-next-button:before {
position: absolute;
top: 50%;
left: 50%;
content: "";
display: inline-block;
width: 8px;
height: 8px;
border-color: currentcolor;
border-style: solid;
border-width: 0 0 2px 2px;
margin: -5px 0 0 -3px;
vertical-align: middle;
transform: rotate(45deg);
transform-origin: 50% 50%;
transition: all 0s;
}
.flickity-prev-next-button.previous {
left: 0;
}
.flickity-button-circle .flickity-prev-next-button.previous {
left: 0px;
}
.flickity-prev-next-button.next {
right: 0;
}
.flickity-button-circle .flickity-prev-next-button.next {
right: 0px;
}
.flickity-prev-next-button.next:before {
margin-left: -7px;
transform: rotate(-135deg);
}
.flickity-rtl .flickity-prev-next-button.previous {
left: auto;
right: 0;
}
.flickity-button-circle .flickity-rtl .flickity-prev-next-button.previous {
right: 50px;
}
.flickity-rtl .flickity-prev-next-button.previous:before {
margin-left: -4px;
transform: rotate(-135deg);
}
.flickity-rtl .flickity-prev-next-button.next {
right: auto;
left: 0;
}
.flickity-button-circle .flickity-rtl .flickity-prev-next-button.next {
left: 50px;
}
.flickity-rtl .flickity-prev-next-button.next:before {
margin-left: -2px;
transform: rotate(45deg);
}
.flickity-prev-next-button .flickity-button-icon {
position: absolute;
left: 20%;
top: 20%;
width: 60%;
height: 60%;
}
.flickity-page-dots {
position: absolute;
width: 100%;
bottom: -25px;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
line-height: 1;
}
.flickity-rtl .flickity-page-dots {
direction: rtl;
}
.flickity-page-dots .dot {
display: inline-block;
width: 10px;
height: 10px;
margin: 0 8px;
border: 1px solid;
border-radius: 50%;
cursor: pointer;
}
.flickity-page-dots .dot:first-child:last-child {
display: none;
}
.flickity-page-dots .dot.is-selected {
background: currentColor;
}
[data-dots="line"] .flickity-page-dots .dot {
width: 40px;
height: 2px;
border-radius: initial;
opacity: 0.25;
background: currentColor;
}
.flickity-page-dots .dot.is-selected,
[data-dots="line"] .flickity-page-dots .dot.is-selected {
opacity: 1;
}
.flickity-enabled.is-fade .flickity-slider > * {
pointer-events: none;
z-index: 0;
}
.flickity-enabled.is-fade .flickity-slider > .is-selected {
pointer-events: auto;
z-index: 1;
}
.flickity-resize .flickity-slider > * {
min-height: 100%;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="50"],
.aos-initialized body[data-aos-duration="50"] [data-aos] {
transition-duration: 50ms;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="50"],
.aos-initialized body[data-aos-delay="50"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="50"].aos-animate,
.aos-initialized body[data-aos-delay="50"] [data-aos].aos-animate {
transition-delay: 50ms;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="100"],
.aos-initialized body[data-aos-duration="100"] [data-aos] {
transition-duration: 0.1s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="100"],
.aos-initialized body[data-aos-delay="100"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="100"].aos-animate,
.aos-initialized body[data-aos-delay="100"] [data-aos].aos-animate {
transition-delay: 0.1s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="150"],
.aos-initialized body[data-aos-duration="150"] [data-aos] {
transition-duration: 0.15s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="150"],
.aos-initialized body[data-aos-delay="150"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="150"].aos-animate,
.aos-initialized body[data-aos-delay="150"] [data-aos].aos-animate {
transition-delay: 0.15s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="200"],
.aos-initialized body[data-aos-duration="200"] [data-aos] {
transition-duration: 0.2s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="200"],
.aos-initialized body[data-aos-delay="200"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="200"].aos-animate,
.aos-initialized body[data-aos-delay="200"] [data-aos].aos-animate {
transition-delay: 0.2s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="250"],
.aos-initialized body[data-aos-duration="250"] [data-aos] {
transition-duration: 0.25s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="250"],
.aos-initialized body[data-aos-delay="250"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="250"].aos-animate,
.aos-initialized body[data-aos-delay="250"] [data-aos].aos-animate {
transition-delay: 0.25s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="300"],
.aos-initialized body[data-aos-duration="300"] [data-aos] {
transition-duration: 0.3s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="300"],
.aos-initialized body[data-aos-delay="300"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="300"].aos-animate,
.aos-initialized body[data-aos-delay="300"] [data-aos].aos-animate {
transition-delay: 0.3s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="350"],
.aos-initialized body[data-aos-duration="350"] [data-aos] {
transition-duration: 0.35s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="350"],
.aos-initialized body[data-aos-delay="350"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="350"].aos-animate,
.aos-initialized body[data-aos-delay="350"] [data-aos].aos-animate {
transition-delay: 0.35s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="400"],
.aos-initialized body[data-aos-duration="400"] [data-aos] {
transition-duration: 0.4s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="400"],
.aos-initialized body[data-aos-delay="400"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="400"].aos-animate,
.aos-initialized body[data-aos-delay="400"] [data-aos].aos-animate {
transition-delay: 0.4s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="450"],
.aos-initialized body[data-aos-duration="450"] [data-aos] {
transition-duration: 0.45s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="450"],
.aos-initialized body[data-aos-delay="450"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="450"].aos-animate,
.aos-initialized body[data-aos-delay="450"] [data-aos].aos-animate {
transition-delay: 0.45s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="500"],
.aos-initialized body[data-aos-duration="500"] [data-aos] {
transition-duration: 0.5s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="500"],
.aos-initialized body[data-aos-delay="500"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="500"].aos-animate,
.aos-initialized body[data-aos-delay="500"] [data-aos].aos-animate {
transition-delay: 0.5s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="550"],
.aos-initialized body[data-aos-duration="550"] [data-aos] {
transition-duration: 0.55s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="550"],
.aos-initialized body[data-aos-delay="550"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="550"].aos-animate,
.aos-initialized body[data-aos-delay="550"] [data-aos].aos-animate {
transition-delay: 0.55s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="600"],
.aos-initialized body[data-aos-duration="600"] [data-aos] {
transition-duration: 0.6s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="600"],
.aos-initialized body[data-aos-delay="600"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="600"].aos-animate,
.aos-initialized body[data-aos-delay="600"] [data-aos].aos-animate {
transition-delay: 0.6s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="650"],
.aos-initialized body[data-aos-duration="650"] [data-aos] {
transition-duration: 0.65s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="650"],
.aos-initialized body[data-aos-delay="650"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="650"].aos-animate,
.aos-initialized body[data-aos-delay="650"] [data-aos].aos-animate {
transition-delay: 0.65s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="700"],
.aos-initialized body[data-aos-duration="700"] [data-aos] {
transition-duration: 0.7s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="700"],
.aos-initialized body[data-aos-delay="700"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="700"].aos-animate,
.aos-initialized body[data-aos-delay="700"] [data-aos].aos-animate {
transition-delay: 0.7s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="750"],
.aos-initialized body[data-aos-duration="750"] [data-aos] {
transition-duration: 0.75s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="750"],
.aos-initialized body[data-aos-delay="750"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="750"].aos-animate,
.aos-initialized body[data-aos-delay="750"] [data-aos].aos-animate {
transition-delay: 0.75s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="800"],
.aos-initialized body[data-aos-duration="800"] [data-aos] {
transition-duration: 0.8s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="800"],
.aos-initialized body[data-aos-delay="800"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="800"].aos-animate,
.aos-initialized body[data-aos-delay="800"] [data-aos].aos-animate {
transition-delay: 0.8s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="850"],
.aos-initialized body[data-aos-duration="850"] [data-aos] {
transition-duration: 0.85s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="850"],
.aos-initialized body[data-aos-delay="850"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="850"].aos-animate,
.aos-initialized body[data-aos-delay="850"] [data-aos].aos-animate {
transition-delay: 0.85s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="900"],
.aos-initialized body[data-aos-duration="900"] [data-aos] {
transition-duration: 0.9s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="900"],
.aos-initialized body[data-aos-delay="900"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="900"].aos-animate,
.aos-initialized body[data-aos-delay="900"] [data-aos].aos-animate {
transition-delay: 0.9s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="950"],
.aos-initialized body[data-aos-duration="950"] [data-aos] {
transition-duration: 0.95s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="950"],
.aos-initialized body[data-aos-delay="950"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="950"].aos-animate,
.aos-initialized body[data-aos-delay="950"] [data-aos].aos-animate {
transition-delay: 0.95s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="1000"],
.aos-initialized body[data-aos-duration="1000"] [data-aos] {
transition-duration: 1s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1000"],
.aos-initialized body[data-aos-delay="1000"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1000"].aos-animate,
.aos-initialized body[data-aos-delay="1000"] [data-aos].aos-animate {
transition-delay: 1s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="1050"],
.aos-initialized body[data-aos-duration="1050"] [data-aos] {
transition-duration: 1.05s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1050"],
.aos-initialized body[data-aos-delay="1050"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1050"].aos-animate,
.aos-initialized body[data-aos-delay="1050"] [data-aos].aos-animate {
transition-delay: 1.05s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="1100"],
.aos-initialized body[data-aos-duration="1100"] [data-aos] {
transition-duration: 1.1s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1100"],
.aos-initialized body[data-aos-delay="1100"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1100"].aos-animate,
.aos-initialized body[data-aos-delay="1100"] [data-aos].aos-animate {
transition-delay: 1.1s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="1150"],
.aos-initialized body[data-aos-duration="1150"] [data-aos] {
transition-duration: 1.15s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1150"],
.aos-initialized body[data-aos-delay="1150"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1150"].aos-animate,
.aos-initialized body[data-aos-delay="1150"] [data-aos].aos-animate {
transition-delay: 1.15s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="1200"],
.aos-initialized body[data-aos-duration="1200"] [data-aos] {
transition-duration: 1.2s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1200"],
.aos-initialized body[data-aos-delay="1200"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1200"].aos-animate,
.aos-initialized body[data-aos-delay="1200"] [data-aos].aos-animate {
transition-delay: 1.2s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="1250"],
.aos-initialized body[data-aos-duration="1250"] [data-aos] {
transition-duration: 1.25s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1250"],
.aos-initialized body[data-aos-delay="1250"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1250"].aos-animate,
.aos-initialized body[data-aos-delay="1250"] [data-aos].aos-animate {
transition-delay: 1.25s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="1300"],
.aos-initialized body[data-aos-duration="1300"] [data-aos] {
transition-duration: 1.3s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1300"],
.aos-initialized body[data-aos-delay="1300"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1300"].aos-animate,
.aos-initialized body[data-aos-delay="1300"] [data-aos].aos-animate {
transition-delay: 1.3s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="1350"],
.aos-initialized body[data-aos-duration="1350"] [data-aos] {
transition-duration: 1.35s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1350"],
.aos-initialized body[data-aos-delay="1350"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1350"].aos-animate,
.aos-initialized body[data-aos-delay="1350"] [data-aos].aos-animate {
transition-delay: 1.35s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="1400"],
.aos-initialized body[data-aos-duration="1400"] [data-aos] {
transition-duration: 1.4s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1400"],
.aos-initialized body[data-aos-delay="1400"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1400"].aos-animate,
.aos-initialized body[data-aos-delay="1400"] [data-aos].aos-animate {
transition-delay: 1.4s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="1450"],
.aos-initialized body[data-aos-duration="1450"] [data-aos] {
transition-duration: 1.45s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1450"],
.aos-initialized body[data-aos-delay="1450"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1450"].aos-animate,
.aos-initialized body[data-aos-delay="1450"] [data-aos].aos-animate {
transition-delay: 1.45s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="1500"],
.aos-initialized body[data-aos-duration="1500"] [data-aos] {
transition-duration: 1.5s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1500"],
.aos-initialized body[data-aos-delay="1500"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1500"].aos-animate,
.aos-initialized body[data-aos-delay="1500"] [data-aos].aos-animate {
transition-delay: 1.5s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="1550"],
.aos-initialized body[data-aos-duration="1550"] [data-aos] {
transition-duration: 1.55s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1550"],
.aos-initialized body[data-aos-delay="1550"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1550"].aos-animate,
.aos-initialized body[data-aos-delay="1550"] [data-aos].aos-animate {
transition-delay: 1.55s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="1600"],
.aos-initialized body[data-aos-duration="1600"] [data-aos] {
transition-duration: 1.6s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1600"],
.aos-initialized body[data-aos-delay="1600"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1600"].aos-animate,
.aos-initialized body[data-aos-delay="1600"] [data-aos].aos-animate {
transition-delay: 1.6s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="1650"],
.aos-initialized body[data-aos-duration="1650"] [data-aos] {
transition-duration: 1.65s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1650"],
.aos-initialized body[data-aos-delay="1650"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1650"].aos-animate,
.aos-initialized body[data-aos-delay="1650"] [data-aos].aos-animate {
transition-delay: 1.65s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="1700"],
.aos-initialized body[data-aos-duration="1700"] [data-aos] {
transition-duration: 1.7s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1700"],
.aos-initialized body[data-aos-delay="1700"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1700"].aos-animate,
.aos-initialized body[data-aos-delay="1700"] [data-aos].aos-animate {
transition-delay: 1.7s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="1750"],
.aos-initialized body[data-aos-duration="1750"] [data-aos] {
transition-duration: 1.75s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1750"],
.aos-initialized body[data-aos-delay="1750"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1750"].aos-animate,
.aos-initialized body[data-aos-delay="1750"] [data-aos].aos-animate {
transition-delay: 1.75s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="1800"],
.aos-initialized body[data-aos-duration="1800"] [data-aos] {
transition-duration: 1.8s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1800"],
.aos-initialized body[data-aos-delay="1800"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1800"].aos-animate,
.aos-initialized body[data-aos-delay="1800"] [data-aos].aos-animate {
transition-delay: 1.8s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="1850"],
.aos-initialized body[data-aos-duration="1850"] [data-aos] {
transition-duration: 1.85s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1850"],
.aos-initialized body[data-aos-delay="1850"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1850"].aos-animate,
.aos-initialized body[data-aos-delay="1850"] [data-aos].aos-animate {
transition-delay: 1.85s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="1900"],
.aos-initialized body[data-aos-duration="1900"] [data-aos] {
transition-duration: 1.9s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1900"],
.aos-initialized body[data-aos-delay="1900"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1900"].aos-animate,
.aos-initialized body[data-aos-delay="1900"] [data-aos].aos-animate {
transition-delay: 1.9s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="1950"],
.aos-initialized body[data-aos-duration="1950"] [data-aos] {
transition-duration: 1.95s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1950"],
.aos-initialized body[data-aos-delay="1950"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1950"].aos-animate,
.aos-initialized body[data-aos-delay="1950"] [data-aos].aos-animate {
transition-delay: 1.95s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="2000"],
.aos-initialized body[data-aos-duration="2000"] [data-aos] {
transition-duration: 2s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2000"],
.aos-initialized body[data-aos-delay="2000"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2000"].aos-animate,
.aos-initialized body[data-aos-delay="2000"] [data-aos].aos-animate {
transition-delay: 2s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="2050"],
.aos-initialized body[data-aos-duration="2050"] [data-aos] {
transition-duration: 2.05s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2050"],
.aos-initialized body[data-aos-delay="2050"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2050"].aos-animate,
.aos-initialized body[data-aos-delay="2050"] [data-aos].aos-animate {
transition-delay: 2.05s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="2100"],
.aos-initialized body[data-aos-duration="2100"] [data-aos] {
transition-duration: 2.1s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2100"],
.aos-initialized body[data-aos-delay="2100"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2100"].aos-animate,
.aos-initialized body[data-aos-delay="2100"] [data-aos].aos-animate {
transition-delay: 2.1s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="2150"],
.aos-initialized body[data-aos-duration="2150"] [data-aos] {
transition-duration: 2.15s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2150"],
.aos-initialized body[data-aos-delay="2150"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2150"].aos-animate,
.aos-initialized body[data-aos-delay="2150"] [data-aos].aos-animate {
transition-delay: 2.15s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="2200"],
.aos-initialized body[data-aos-duration="2200"] [data-aos] {
transition-duration: 2.2s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2200"],
.aos-initialized body[data-aos-delay="2200"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2200"].aos-animate,
.aos-initialized body[data-aos-delay="2200"] [data-aos].aos-animate {
transition-delay: 2.2s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="2250"],
.aos-initialized body[data-aos-duration="2250"] [data-aos] {
transition-duration: 2.25s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2250"],
.aos-initialized body[data-aos-delay="2250"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2250"].aos-animate,
.aos-initialized body[data-aos-delay="2250"] [data-aos].aos-animate {
transition-delay: 2.25s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="2300"],
.aos-initialized body[data-aos-duration="2300"] [data-aos] {
transition-duration: 2.3s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2300"],
.aos-initialized body[data-aos-delay="2300"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2300"].aos-animate,
.aos-initialized body[data-aos-delay="2300"] [data-aos].aos-animate {
transition-delay: 2.3s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="2350"],
.aos-initialized body[data-aos-duration="2350"] [data-aos] {
transition-duration: 2.35s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2350"],
.aos-initialized body[data-aos-delay="2350"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2350"].aos-animate,
.aos-initialized body[data-aos-delay="2350"] [data-aos].aos-animate {
transition-delay: 2.35s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="2400"],
.aos-initialized body[data-aos-duration="2400"] [data-aos] {
transition-duration: 2.4s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2400"],
.aos-initialized body[data-aos-delay="2400"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2400"].aos-animate,
.aos-initialized body[data-aos-delay="2400"] [data-aos].aos-animate {
transition-delay: 2.4s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="2450"],
.aos-initialized body[data-aos-duration="2450"] [data-aos] {
transition-duration: 2.45s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2450"],
.aos-initialized body[data-aos-delay="2450"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2450"].aos-animate,
.aos-initialized body[data-aos-delay="2450"] [data-aos].aos-animate {
transition-delay: 2.45s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="2500"],
.aos-initialized body[data-aos-duration="2500"] [data-aos] {
transition-duration: 2.5s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2500"],
.aos-initialized body[data-aos-delay="2500"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2500"].aos-animate,
.aos-initialized body[data-aos-delay="2500"] [data-aos].aos-animate {
transition-delay: 2.5s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="2550"],
.aos-initialized body[data-aos-duration="2550"] [data-aos] {
transition-duration: 2.55s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2550"],
.aos-initialized body[data-aos-delay="2550"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2550"].aos-animate,
.aos-initialized body[data-aos-delay="2550"] [data-aos].aos-animate {
transition-delay: 2.55s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="2600"],
.aos-initialized body[data-aos-duration="2600"] [data-aos] {
transition-duration: 2.6s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2600"],
.aos-initialized body[data-aos-delay="2600"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2600"].aos-animate,
.aos-initialized body[data-aos-delay="2600"] [data-aos].aos-animate {
transition-delay: 2.6s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="2650"],
.aos-initialized body[data-aos-duration="2650"] [data-aos] {
transition-duration: 2.65s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2650"],
.aos-initialized body[data-aos-delay="2650"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2650"].aos-animate,
.aos-initialized body[data-aos-delay="2650"] [data-aos].aos-animate {
transition-delay: 2.65s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="2700"],
.aos-initialized body[data-aos-duration="2700"] [data-aos] {
transition-duration: 2.7s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2700"],
.aos-initialized body[data-aos-delay="2700"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2700"].aos-animate,
.aos-initialized body[data-aos-delay="2700"] [data-aos].aos-animate {
transition-delay: 2.7s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="2750"],
.aos-initialized body[data-aos-duration="2750"] [data-aos] {
transition-duration: 2.75s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2750"],
.aos-initialized body[data-aos-delay="2750"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2750"].aos-animate,
.aos-initialized body[data-aos-delay="2750"] [data-aos].aos-animate {
transition-delay: 2.75s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="2800"],
.aos-initialized body[data-aos-duration="2800"] [data-aos] {
transition-duration: 2.8s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2800"],
.aos-initialized body[data-aos-delay="2800"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2800"].aos-animate,
.aos-initialized body[data-aos-delay="2800"] [data-aos].aos-animate {
transition-delay: 2.8s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="2850"],
.aos-initialized body[data-aos-duration="2850"] [data-aos] {
transition-duration: 2.85s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2850"],
.aos-initialized body[data-aos-delay="2850"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2850"].aos-animate,
.aos-initialized body[data-aos-delay="2850"] [data-aos].aos-animate {
transition-delay: 2.85s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="2900"],
.aos-initialized body[data-aos-duration="2900"] [data-aos] {
transition-duration: 2.9s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2900"],
.aos-initialized body[data-aos-delay="2900"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2900"].aos-animate,
.aos-initialized body[data-aos-delay="2900"] [data-aos].aos-animate {
transition-delay: 2.9s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="2950"],
.aos-initialized body[data-aos-duration="2950"] [data-aos] {
transition-duration: 2.95s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2950"],
.aos-initialized body[data-aos-delay="2950"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2950"].aos-animate,
.aos-initialized body[data-aos-delay="2950"] [data-aos].aos-animate {
transition-delay: 2.95s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="3000"],
.aos-initialized body[data-aos-duration="3000"] [data-aos] {
transition-duration: 3s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="3000"],
.aos-initialized body[data-aos-delay="3000"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="3000"].aos-animate,
.aos-initialized body[data-aos-delay="3000"] [data-aos].aos-animate {
transition-delay: 3s;
}
.aos-initialized [data-aos][data-aos][data-aos-easing="linear"],
.aos-initialized body[data-aos-easing="linear"] [data-aos] {
transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
.aos-initialized [data-aos][data-aos][data-aos-easing="ease"],
.aos-initialized body[data-aos-easing="ease"] [data-aos] {
transition-timing-function: ease;
}
.aos-initialized [data-aos][data-aos][data-aos-easing="ease-in"],
.aos-initialized body[data-aos-easing="ease-in"] [data-aos] {
transition-timing-function: ease-in;
}
.aos-initialized [data-aos][data-aos][data-aos-easing="ease-out"],
.aos-initialized body[data-aos-easing="ease-out"] [data-aos] {
transition-timing-function: ease-out;
}
.aos-initialized [data-aos][data-aos][data-aos-easing="ease-in-out"],
.aos-initialized body[data-aos-easing="ease-in-out"] [data-aos] {
transition-timing-function: ease-in-out;
}
.aos-initialized [data-aos][data-aos][data-aos-easing="ease-in-back"],
.aos-initialized body[data-aos-easing="ease-in-back"] [data-aos] {
transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
.aos-initialized [data-aos][data-aos][data-aos-easing="ease-out-back"],
.aos-initialized body[data-aos-easing="ease-out-back"] [data-aos] {
transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.aos-initialized [data-aos][data-aos][data-aos-easing="ease-in-out-back"],
.aos-initialized body[data-aos-easing="ease-in-out-back"] [data-aos] {
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.aos-initialized [data-aos][data-aos][data-aos-easing="ease-in-sine"],
.aos-initialized body[data-aos-easing="ease-in-sine"] [data-aos] {
transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}
.aos-initialized [data-aos][data-aos][data-aos-easing="ease-out-sine"],
.aos-initialized body[data-aos-easing="ease-out-sine"] [data-aos] {
transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}
.aos-initialized [data-aos][data-aos][data-aos-easing="ease-in-out-sine"],
.aos-initialized body[data-aos-easing="ease-in-out-sine"] [data-aos] {
transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.aos-initialized [data-aos][data-aos][data-aos-easing="ease-in-quad"],
.aos-initialized body[data-aos-easing="ease-in-quad"] [data-aos] {
transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
.aos-initialized [data-aos][data-aos][data-aos-easing="ease-out-quad"],
.aos-initialized body[data-aos-easing="ease-out-quad"] [data-aos] {
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.aos-initialized [data-aos][data-aos][data-aos-easing="ease-in-out-quad"],
.aos-initialized body[data-aos-easing="ease-in-out-quad"] [data-aos] {
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.aos-initialized [data-aos][data-aos][data-aos-easing="ease-in-cubic"],
.aos-initialized body[data-aos-easing="ease-in-cubic"] [data-aos] {
transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
.aos-initialized [data-aos][data-aos][data-aos-easing="ease-out-cubic"],
.aos-initialized body[data-aos-easing="ease-out-cubic"] [data-aos] {
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.aos-initialized [data-aos][data-aos][data-aos-easing="ease-in-out-cubic"],
.aos-initialized body[data-aos-easing="ease-in-out-cubic"] [data-aos] {
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.aos-initialized [data-aos][data-aos][data-aos-easing="ease-in-quart"],
.aos-initialized body[data-aos-easing="ease-in-quart"] [data-aos] {
transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
.aos-initialized [data-aos][data-aos][data-aos-easing="ease-out-quart"],
.aos-initialized body[data-aos-easing="ease-out-quart"] [data-aos] {
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
background-repeat: no-repeat;
}
.aos-initialized [data-aos][data-aos][data-aos-easing="ease-in-out-quart"],
.aos-initialized body[data-aos-easing="ease-in-out-quart"] [data-aos] {
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.aos-initialized [data-aos^="fade"][data-aos^="fade"] {
opacity: 0;
transition-property: opacity, transform;
}
.aos-initialized [data-aos^="fade"][data-aos^="fade"].aos-animate {
opacity: 1;
transform: translate(0);
}
.aos-initialized [data-aos="fade-up"] {
transform: translateY(50px);
}
.aos-initialized [data-aos="fade-down"] {
transform: translateY(-50px);
}
.aos-initialized [data-aos="fade-right"] {
transform: translate(-50px);
}
.aos-initialized [data-aos="fade-left"] {
transform: translate(50px);
}
.aos-initialized [data-aos="fade-up-right"] {
transform: translate(-50px, 50px);
}
.aos-initialized [data-aos="fade-up-left"] {
transform: translate(50px, 50px);
}
.aos-initialized [data-aos="fade-down-right"] {
transform: translate(-50px, -50px);
}
.aos-initialized [data-aos="fade-down-left"] {
transform: translate(50px, -50px);
}
.aos-initialized [data-aos^="zoom"][data-aos^="zoom"] {
opacity: 0;
transition-property: opacity, transform;
}
.aos-initialized [data-aos^="zoom"][data-aos^="zoom"].aos-animate {
opacity: 1;
transform: translate(0) scale(1);
}
.aos-initialized [data-aos="zoom-in"] {
transform: scale(0.6);
}
.aos-initialized [data-aos="zoom-in-up"] {
transform: translateY(50px) scale(0.6);
}
.aos-initialized [data-aos="zoom-in-down"] {
transform: translateY(-50px) scale(0.6);
}
.aos-initialized [data-aos="zoom-in-right"] {
transform: translate(-50px) scale(0.6);
}
.aos-initialized [data-aos="zoom-in-left"] {
transform: translate(50px) scale(0.6);
}
.aos-initialized [data-aos="zoom-out"] {
transform: scale(1.2);
}
.aos-initialized [data-aos="zoom-out-up"] {
transform: translateY(50px) scale(1.2);
}
.aos-initialized [data-aos="zoom-out-down"] {
transform: translateY(-50px) scale(1.2);
}
.aos-initialized [data-aos="zoom-out-right"] {
transform: translate(-50px) scale(1.2);
}
.aos-initialized [data-aos="zoom-out-left"] {
transform: translate(50px) scale(1.2);
}
.aos-initialized [data-aos^="slide"][data-aos^="slide"] {
transition-property: transform;
}
.aos-initialized [data-aos^="slide"][data-aos^="slide"].aos-animate {
transform: translate(0);
}
.aos-initialized [data-aos="slide-up"] {
transform: translateY(100%);
}
.aos-initialized [data-aos="slide-down"] {
transform: translateY(-100%);
}
.aos-initialized [data-aos="slide-right"] {
transform: translateX(-100%);
}
.aos-initialized [data-aos="slide-left"] {
transform: translateX(100%);
}
.aos-initialized [data-aos^="flip"][data-aos^="flip"] {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition-property: transform;
}
.aos-initialized [data-aos="flip-left"] {
transform: perspective(2500px) rotateY(-100deg);
}
.aos-initialized [data-aos="flip-left"].aos-animate {
transform: perspective(2500px) rotateY(0);
}
.aos-initialized [data-aos="flip-right"] {
transform: perspective(2500px) rotateY(100deg);
}
.aos-initialized [data-aos="flip-right"].aos-animate {
transform: perspective(2500px) rotateY(0);
}
.aos-initialized [data-aos="flip-up"] {
transform: perspective(2500px) rotateX(-100deg);
}
.aos-initialized [data-aos="flip-up"].aos-animate {
transform: perspective(2500px) rotateX(0);
}
.aos-initialized [data-aos="flip-down"] {
transform: perspective(2500px) rotateX(100deg);
}
.aos-initialized [data-aos="flip-down"].aos-animate {
transform: perspective(2500px) rotateX(0);
}
.aos-initialized [data-aos="img-in"] {
opacity: 0;
transform: scale(1.06);
transition-property: transform, opacity;
}
.aos-initialized [data-aos="img-in"].aos-animate {
opacity: 1;
transform: scale(1);
}
.aos-initialized [data-aos="img-in-bg"] .background-size-cover {
opacity: 0;
transform: scale(1.06);
transition-property: transform, opacity;
}
.aos-initialized
[data-aos="img-in-bg"]
.background-size-cover.aos-animate
.background-size-cover {
opacity: 1;
transform: scale(1);
}
.aos-initialized [data-aos="fade"] {
opacity: 0;
transition-property: opacity;
}
.aos-initialized [data-aos="fade"].aos-animate {
opacity: 1;
}
.aos-initialized [data-aos="svg-dash"] path {
stroke-dasharray: 100;
stroke-dashoffset: 100;
}
.aos-initialized [data-aos="svg-dash"].aos-animate path {
animation: dash 1.5s linear 1 forwards;
}
.aos-initialized [data-aos][data-aos][data-aos-order="1"] {
animation-delay: 0ms;
}
.aos-initialized [data-aos][data-aos][data-aos-order="2"] {
animation-delay: 0.25s;
}
.aos-initialized [data-aos][data-aos][data-aos-order="3"] {
animation-delay: 0.5s;
}
.aos-initialized [data-aos][data-aos][data-aos-order="4"] {
animation-delay: 0.75s;
}
.aos-initialized [data-aos][data-aos][data-aos-order="5"] {
animation-delay: 1s;
}
.aos-initialized [data-aos="hero"] {
opacity: 0;
will-change: transform, opacity;
}
.no-js .aos-initialized [data-aos="hero"] {
opacity: 1;
}
.aos-initialized [data-aos="hero"].aos-animate {
animation-name: heroFade;
animation-duration: 1s;
animation-fill-mode: both;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.aos-initialized .aos-no-transition {
transition: none !important;
}
@keyframes heroFade {
0% {
opacity: 0;
transform: translate3d(0, 15px, 0);
}
to {
opacity: 1;
transform: translateZ(0);
}
}
@keyframes dash {
0% {
stroke-dashoffset: 100;
}
to {
stroke-dashoffset: 0;
}
}
@media only screen and (max-width: 749px) {
html.iframe [data-aos]:not([data-aos="hero"]) {
opacity: 1 !important;
transform: none !important;
}
}
.shopify-model-viewer-ui {
position: relative;
display: inline-block;
cursor: pointer;
}
.shopify-model-viewer-ui model-viewer {
transform: translateZ(0);
z-index: 1;
}
.shopify-model-viewer-ui model-viewer.shopify-model-viewer-ui__disabled {
pointer-events: none;
}
.shopify-model-viewer-ui.shopify-model-viewer-ui--fullscreen model-viewer {
position: relative;
width: 100vw;
height: 100vh;
}
.shopify-model-viewer-ui.shopify-model-viewer-ui--fullscreen
.shopify-model-viewer-ui__control-icon--exit-fullscreen {
display: block;
}
.shopify-model-viewer-ui.shopify-model-viewer-ui--fullscreen
.shopify-model-viewer-ui__control-icon--enter-fullscreen {
display: none;
}
.shopify-model-viewer-ui.shopify-model-viewer-ui--desktop.shopify-model-viewer-ui--child-focused
.shopify-model-viewer-ui__controls-area,
.shopify-model-viewer-ui.shopify-model-viewer-ui--desktop:hover
.shopify-model-viewer-ui__controls-area {
opacity: 1;
}
.shopify-model-viewer-ui:not(.shopify-model-viewer-ui--desktop)
.shopify-model-viewer-ui__controls-area {
display: none;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-overlay {
position: absolute;
width: 100%;
height: 100%;
top: 0;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area {
display: flex;
flex-direction: column;
background: #fff;
opacity: 0;
border: 1px solid rgba(0, 0, 0, 0.05);
position: absolute;
bottom: 10px;
right: 10px;
z-index: 1;
transition: opacity 0.1s linear;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area:focus-within {
opacity: 1;
}
.shopify-model-viewer-ui
.shopify-model-viewer-ui__controls-area:not(
.shopify-model-viewer-ui__controls-area--playing
) {
display: none;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button {
color: #3a3a3a;
border-radius: 0;
border: none;
margin: 0;
cursor: pointer;
}
body:not(.is-focused)
.shopify-model-viewer-ui
.shopify-model-viewer-ui__button:not(.focus-visible) {
outline: none;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control {
padding: 0;
height: 44px;
width: 44px;
background: transparent;
position: relative;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:hover {
color: rgba(0, 0, 0, 0.55);
}
.shopify-model-viewer-ui
.shopify-model-viewer-ui__button--control.focus-visible:focus,
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:active {
color: rgba(0, 0, 0, 0.55);
background: rgba(0, 0, 0, 0.05);
}
.shopify-model-viewer-ui
.shopify-model-viewer-ui__button--control:not(:last-child):after {
position: absolute;
content: "";
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
width: 28px;
bottom: 0;
right: 8px;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__control-icon {
width: 44px;
height: 44px;
fill: none;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster {
background: #fff;
position: absolute;
border: 1px solid rgba(0, 0, 0, 0.05);
top: 50%;
left: 50%;
padding: 0;
transform: translate3d(-50%, -50%, 0);
height: 62px;
width: 62px;
z-index: 1;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:focus,
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:hover {
color: rgba(0, 0, 0, 0.55);
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__poster-control-icon {
width: 60px;
height: 60px;
z-index: 1;
fill: none;
}
.shopify-model-viewer-ui
.shopify-model-viewer-ui__control-icon--exit-fullscreen {
display: none;
}
.shopify-model-viewer-ui
.shopify-model-viewer-ui__control-icon--enter-fullscreen {
display: block;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__spritesheet {
display: none;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__sr-only {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
white-space: nowrap;
width: 1px;
}
/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
.pswp {
display: none;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
overflow: hidden;
touch-action: none;
z-index: 1500;
-webkit-text-size-adjust: 100%;
-webkit-backface-visibility: hidden;
outline: none;
}
.pswp * {
box-sizing: border-box;
}
.pswp img {
max-width: none;
}
.pswp--animate_opacity {
opacity: 0.001;
will-change: opacity;
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp--open {
display: block;
}
.pswp--zoom-allowed .pswp__img {
cursor: zoom-in;
cursor: var(--icon-zoom-in), zoom-in;
}
.pswp--zoomed-in .pswp__img {
cursor: zoom-out;
cursor: var(--icon-zoom-out), zoom-out;
}
.pswp--dragging .pswp__img {
cursor: grabbing;
cursor: -webkit-grabbing;
}
.pswp__bg {
background: #000;
opacity: 0;
transform: translateZ(0);
-webkit-backface-visibility: hidden;
}
.pswp__bg,
.pswp__scroll-wrap {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.pswp__scroll-wrap {
overflow: hidden;
}
.pswp__container,
.pswp__zoom-wrap {
touch-action: none;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.pswp__container,
.pswp__img {
-webkit-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
}
.pswp__zoom-wrap {
position: absolute;
width: 100%;
transform-origin: left top;
transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp__bg {
will-change: opacity;
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
transition: none;
}
.pswp__container,
.pswp__zoom-wrap {
-webkit-backface-visibility: hidden;
}
.pswp__item {
right: 0;
bottom: 0;
overflow: hidden;
}
.pswp__img,
.pswp__item {
position: absolute;
left: 0;
top: 0;
}
.pswp__img {
width: auto;
height: auto;
}
.pswp__img--placeholder {
-webkit-backface-visibility: hidden;
}
.pswp__img--placeholder--blank {
background: #222;
}
.pswp--ie .pswp__img {
width: 100% !important;
height: auto !important;
left: 0;
top: 0;
}
.pswp__error-msg {
position: absolute;
left: 0;
top: 50%;
width: 100%;
text-align: center;
font-size: calc(0.875rem * var(---font-adjust-body));
line-height: 16px;
margin-top: -8px;
color: #ccc;
}
.pswp__error-msg a {
color: #ccc;
text-decoration: underline;
}
abbr,
address,
article,
aside,
audio,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
fieldset,
figcaption,
figure,
footer,
form,
header,
hgroup,
html,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: initial;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
blockquote,
q {
quotes: none;
}
blockquote:after,
blockquote:before,
q:after,
q:before {
content: "";
content: none;
}
ins {
text-decoration: none;
}
ins,
mark {
background-color: var(---color-secondary);
color: var(---color-secondary-opposite);
}
mark {
font-style: italic;
font-weight: var(---font-weight-body-bold);
}
del {
text-decoration: line-through;
}
abbr[title],
dfn[title] {
border-bottom: 1px dotted;
cursor: help;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
ol {
list-style-type: decimal;
}
p {
margin: 0 0 1em;
}
nav li,
nav ul {
margin: 0;
list-style: none;
list-style-image: none;
}
small {
font-size: 85%;
}
strong,
th {
font-weight: var(---font-weight-body-bold);
}
td {
vertical-align: top;
}
sub sup {
font-size: 75%;
line-height: 0;
position: relative;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
input[type="search"]::-ms-clear,
input[type="search"]::-ms-reveal {
display: none;
width: 0;
height: 0;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
display: none;
}
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
padding: 15px;
}
textarea {
overflow: auto;
}
.ie6 legend,
.ie7 legend {
margin-left: -7px;
}
input[type="radio"] {
vertical-align: text-bottom;
}
input[type="checkbox"] {
vertical-align: bottom;
}
.ie7 input[type="checkbox"] {
vertical-align: initial;
}
.ie6 input {
vertical-align: text-bottom;
}
button,
input[type="button"],
input[type="image"],
input[type="submit"] {
cursor: pointer;
}
.popout__toggle,
button,
input,
select,
textarea {
margin: 0;
}
.popout__toggle,
select {
max-width: 99%;
}
input[type="email"].error,
input[type="password"].error,
input[type="text"].error {
border-color: var(---color-error);
}
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="text"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
button {
border: none;
background: none;
font-family: inherit;
font-size: 100%;
margin: 0;
text-transform: none;
line-height: 1;
color: currentColor;
}
.clearfix {
*zoom: 1;
}
.clearfix:after {
content: "";
display: table;
}
.visually-hidden {
position: absolute !important;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
}
.js-focus-hidden:focus {
outline: none;
}
.label-hidden {
position: absolute !important;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
}
.no-placeholder .label-hidden,
.visually-shown {
position: inherit !important;
overflow: auto;
clip: auto;
width: auto;
height: auto;
margin: 0;
}
.no-js:not(html) {
display: none;
}
.no-js .no-js:not(html) {
display: block;
}
.no-js .no-js:not(html).is-hidden {
visibility: visible;
max-height: none;
opacity: 1;
}
.no-js .js,
.supports-no-cookies:not(html) {
display: none;
}
html.supports-no-cookies .supports-no-cookies:not(html) {
display: block;
}
html.supports-no-cookies .supports-cookies {
display: none;
}
.skip-link:focus {
position: absolute !important;
overflow: auto;
clip: auto;
width: auto;
height: auto;
margin: 0;
color: var(---color-link);
background-color: var(---color-bg);
padding: 20px;
z-index: 15000;
transition: none;
}
body.is-focused :focus {
outline-color: var(---color-primary) !important;
outline-offset: -2px !important;
outline-style: auto !important;
outline-width: 5px !important;
}
html:not(.no-js) body:not(.is-focused) :focus {
outline: none;
}
body.is-focused .swatch input[type="radio"]:focus + label:after {
border-width: 3px;
}
body.is-focused .variant-input:focus + .variant__button-label {
box-shadow: 0 0 0 4px var(---color-primary);
}
body.is-focused
.deferred-media__poster.focus-visible
.deferred-media__poster-button,
body.is-focused .deferred-media__poster:focus .deferred-media__poster-button {
outline-color: var(---color-primary);
outline-offset: 2px;
outline-style: auto;
outline-width: 5px;
}
[data-scroll-locked] {
padding-right: var(--scrollbar-width);
}
[data-scroll-locked] .announcement__bar-outer,
[data-scroll-locked] .announcement__wrapper,
[data-scroll-locked] .collection__nav,
[data-scroll-locked] .js__header__stuck,
[data-scroll-locked] .search__popdown__outer,
[data-scroll-locked] .theme__header {
width: 100vw;
}
[data-scroll-locked] .announcement__bar,
[data-scroll-locked] .collection__nav,
[data-scroll-locked] .js__header__stuck,
[data-scroll-locked] .search__popdown__outer,
[data-scroll-locked] .theme__header {
padding-right: var(--scrollbar-width);
}
#challenge #shopify-section-popups {
display: none;
}
.ir {
display: block;
text-indent: -999em;
overflow: hidden;
background-repeat: no-repeat;
text-align: left;
direction: ltr;
}
.hidden {
display: none;
visibility: hidden;
}
.clearfix:after,
.clearfix:before {
content: " ";
display: block;
height: 0;
overflow: hidden;
}
.clearfix {
zoom: 1;
}
.clearfix:after {
clear: both;
}
.left {
float: left;
}
.right {
float: right;
}
.center {
text-align: center;
}
.align-left {
text-align: left;
}
.align-right {
text-align: right;
}
.gutter-top {
padding-top: 50px;
}
.gutter-bottom {
padding-bottom: 50px;
}
.animates {
visibility: visible;
opacity: 1;
}
.animates,
.is-hidden {
transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.is-hidden {
visibility: hidden;
max-height: 0;
overflow: hidden;
opacity: 0;
}
@media only screen and (min-width: 480px) {
.mobile {
display: none;
}
}
@media only screen and (max-width: 749px) {
.desktop {
display: none;
}
}
.svg-placeholder {
background-color: #f7f7f7;
height: 100%;
position: relative;
width: 100%;
}
.svg-placeholder svg {
fill: #aaa;
max-height: 100%;
max-width: 100%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
@keyframes animate-svg {
0% {
stroke-dashoffset: 88;
}
to {
stroke-dashoffset: 0;
}
}
.svg-loader {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.svg-loader circle {
stroke-width: 1;
stroke: var(--primary-fade);
fill: none;
}
.svg-loader circle ~ circle {
stroke: var(--primary);
stroke-dashoffset: 88;
animation: animate-svg 1s linear infinite;
animation-play-state: paused;
}
.grid,
.grid--full {
*zoom: 1;
list-style: none;
margin: 0;
padding: 0;
margin-left: calc(var(--outer) * -1);
}
.grid--full:after,
.grid:after {
content: "";
display: table;
clear: both;
}
.grid__item {
float: left;
padding-left: var(--outer);
width: 100%;
}
.grid__item[class*="--push"] {
position: relative;
}
.grid__item.clear {
clear: both;
}
.grid--rev {
direction: rtl;
text-align: left;
}
.grid--rev > .grid__item {
direction: ltr;
text-align: left;
float: right;
}
.grid--full {
margin-left: 0;
}
.grid--full > .grid__item {
padding-left: 0;
}
.one-whole {
width: 100%;
}
.one-half {
width: 50%;
}
.one-third {
width: 33.3333333333%;
}
.two-thirds {
width: 66.6666666667%;
}
.one-quarter {
width: 25%;
}
.two-quarters {
width: 50%;
}
.three-quarters {
width: 75%;
}
.one-fifth {
width: 20%;
}
.two-fifths {
width: 40%;
}
.three-fifths {
width: 60%;
}
.four-fifths {
width: 80%;
}
.one-sixth {
width: 16.6666666667%;
}
.two-sixths {
width: 33.3333333333%;
}
.three-sixths {
width: 50%;
}
.four-sixths {
width: 66.6666666667%;
}
.five-sixths {
width: 83.3333333333%;
}
.one-eighth {
width: 12.5%;
}
.two-eighths {
width: 25%;
}
.three-eighths {
width: 37.5%;
}
.four-eighths {
width: 50%;
}
.five-eighths {
width: 62.5%;
}
.six-eighths {
width: 75%;
}
.seven-eighths {
width: 87.5%;
}
.one-tenth {
width: 10%;
}
.two-tenths {
width: 20%;
}
.three-tenths {
width: 30%;
}
.four-tenths {
width: 40%;
}
.five-tenths {
width: 50%;
}
.six-tenths {
width: 60%;
}
.seven-tenths {
width: 70%;
}
.eight-tenths {
width: 80%;
}
.nine-tenths {
width: 90%;
}
.one-twelfth {
width: 8.3333333333%;
}
.two-twelfths {
width: 16.6666666667%;
}
.three-twelfths {
width: 25%;
}
.four-twelfths {
width: 33.3333333333%;
}
.five-twelfths {
width: 41.6666666667%;
}
.six-twelfths {
width: 50%;
}
.seven-twelfths {
width: 58.3333333333%;
}
.eight-twelfths {
width: 66.6666666667%;
}
.nine-twelfths {
width: 75%;
}
.ten-twelfths {
width: 83.3333333333%;
}
.eleven-twelfths {
width: 91.6666666667%;
}
.show {
display: block !important;
}
.hide {
display: none !important;
}
.text-left {
text-align: left !important;
}
.text-right {
text-align: right !important;
}
.text-center {
text-align: center !important;
}
@media only screen and (max-width: 749px) {
.small--one-whole {
width: 100%;
}
.small--one-half {
width: 50%;
}
.small--one-third {
width: 33.3333333333%;
}
.small--two-thirds {
width: 66.6666666667%;
}
.small--one-quarter {
width: 25%;
}
.small--two-quarters {
width: 50%;
}
.small--three-quarters {
width: 75%;
}
.small--one-fifth {
width: 20%;
}
.small--two-fifths {
width: 40%;
}
.small--three-fifths {
width: 60%;
}
.small--four-fifths {
width: 80%;
}
.small--one-sixth {
width: 16.6666666667%;
}
.small--two-sixths {
width: 33.3333333333%;
}
.small--three-sixths {
width: 50%;
}
.small--four-sixths {
width: 66.6666666667%;
}
.small--five-sixths {
width: 83.3333333333%;
}
.small--one-eighth {
width: 12.5%;
}
.small--two-eighths {
width: 25%;
}
.small--three-eighths {
width: 37.5%;
}
.small--four-eighths {
width: 50%;
}
.small--five-eighths {
width: 62.5%;
}
.small--six-eighths {
width: 75%;
}
.small--seven-eighths {
width: 87.5%;
}
.small--one-tenth {
width: 10%;
}
.small--two-tenths {
width: 20%;
}
.small--three-tenths {
width: 30%;
}
.small--four-tenths {
width: 40%;
}
.small--five-tenths {
width: 50%;
}
.small--six-tenths {
width: 60%;
}
.small--seven-tenths {
width: 70%;
}
.small--eight-tenths {
width: 80%;
}
.small--nine-tenths {
width: 90%;
}
.small--one-twelfth {
width: 8.3333333333%;
}
.small--two-twelfths {
width: 16.6666666667%;
}
.small--three-twelfths {
width: 25%;
}
.small--four-twelfths {
width: 33.3333333333%;
}
.small--five-twelfths {
width: 41.6666666667%;
}
.small--six-twelfths {
width: 50%;
}
.small--seven-twelfths {
width: 58.3333333333%;
}
.small--eight-twelfths {
width: 66.6666666667%;
}
.small--nine-twelfths {
width: 75%;
}
.small--ten-twelfths {
width: 83.3333333333%;
}
.small--eleven-twelfths {
width: 91.6666666667%;
}
.grid--uniform .small--five-tenths:nth-child(odd),
.grid--uniform .small--four-eighths:nth-child(odd),
.grid--uniform .small--four-twelfths:nth-child(3n + 1),
.grid--uniform .small--one-eighth:nth-child(8n + 1),
.grid--uniform .small--one-fifth:nth-child(5n + 1),
.grid--uniform .small--one-half:nth-child(odd),
.grid--uniform .small--one-quarter:nth-child(4n + 1),
.grid--uniform .small--one-sixth:nth-child(6n + 1),
.grid--uniform .small--one-third:nth-child(3n + 1),
.grid--uniform .small--one-twelfth:nth-child(12n + 1),
.grid--uniform .small--six-twelfths:nth-child(odd),
.grid--uniform .small--three-sixths:nth-child(odd),
.grid--uniform .small--three-twelfths:nth-child(4n + 1),
.grid--uniform .small--two-eighths:nth-child(4n + 1),
.grid--uniform .small--two-sixths:nth-child(3n + 1),
.grid--uniform .small--two-twelfths:nth-child(6n + 1) {
clear: both;
}
.small--show {
display: block !important;
}
.small--hide {
display: none !important;
}
.small--text-left {
text-align: left !important;
}
.small--text-right {
text-align: right !important;
}
.small--text-center {
text-align: center !important;
}
}
@media only screen and (min-width: 750px) and (max-width: 989px) {
.medium--one-whole {
width: 100%;
}
.medium--one-half {
width: 50%;
}
.medium--one-third {
width: 33.3333333333%;
}
.medium--two-thirds {
width: 66.6666666667%;
}
.medium--one-quarter {
width: 25%;
}
.medium--two-quarters {
width: 50%;
}
.medium--three-quarters {
width: 75%;
}
.medium--one-fifth {
width: 20%;
}
.medium--two-fifths {
width: 40%;
}
.medium--three-fifths {
width: 60%;
}
.medium--four-fifths {
width: 80%;
}
.medium--one-sixth {
width: 16.6666666667%;
}
.medium--two-sixths {
width: 33.3333333333%;
}
.medium--three-sixths {
width: 50%;
}
.medium--four-sixths {
width: 66.6666666667%;
}
.medium--five-sixths {
width: 83.3333333333%;
}
.medium--one-eighth {
width: 12.5%;
}
.medium--two-eighths {
width: 25%;
}
.medium--three-eighths {
width: 37.5%;
}
.medium--four-eighths {
width: 50%;
}
.medium--five-eighths {
width: 62.5%;
}
.medium--six-eighths {
width: 75%;
}
.medium--seven-eighths {
width: 87.5%;
}
.medium--one-tenth {
width: 10%;
}
.medium--two-tenths {
width: 20%;
}
.medium--three-tenths {
width: 30%;
}
.medium--four-tenths {
width: 40%;
}
.medium--five-tenths {
width: 50%;
}
.medium--six-tenths {
width: 60%;
}
.medium--seven-tenths {
width: 70%;
}
.medium--eight-tenths {
width: 80%;
}
.medium--nine-tenths {
width: 90%;
}
.medium--one-twelfth {
width: 8.3333333333%;
}
.medium--two-twelfths {
width: 16.6666666667%;
}
.medium--three-twelfths {
width: 25%;
}
.medium--four-twelfths {
width: 33.3333333333%;
}
.medium--five-twelfths {
width: 41.6666666667%;
}
.medium--six-twelfths {
width: 50%;
}
.medium--seven-twelfths {
width: 58.3333333333%;
}
.medium--eight-twelfths {
width: 66.6666666667%;
}
.medium--nine-twelfths {
width: 75%;
}
.medium--ten-twelfths {
width: 83.3333333333%;
}
.medium--eleven-twelfths {
width: 91.6666666667%;
}
.grid--uniform .medium--five-tenths:nth-child(odd),
.grid--uniform .medium--four-eighths:nth-child(odd),
.grid--uniform .medium--four-twelfths:nth-child(3n + 1),
.grid--uniform .medium--one-eighth:nth-child(8n + 1),
.grid--uniform .medium--one-fifth:nth-child(5n + 1),
.grid--uniform .medium--one-half:nth-child(odd),
.grid--uniform .medium--one-quarter:nth-child(4n + 1),
.grid--uniform .medium--one-sixth:nth-child(6n + 1),
.grid--uniform .medium--one-third:nth-child(3n + 1),
.grid--uniform .medium--one-twelfth:nth-child(12n + 1),
.grid--uniform .medium--six-twelfths:nth-child(odd),
.grid--uniform .medium--three-sixths:nth-child(odd),
.grid--uniform .medium--three-twelfths:nth-child(4n + 1),
.grid--uniform .medium--two-eighths:nth-child(4n + 1),
.grid--uniform .medium--two-sixths:nth-child(3n + 1),
.grid--uniform .medium--two-twelfths:nth-child(6n + 1) {
clear: both;
}
.medium--show {
display: block !important;
}
.medium--hide {
display: none !important;
}
.medium--text-left {
text-align: left !important;
}
.medium--text-right {
text-align: right !important;
}
.medium--text-center {
text-align: center !important;
}
}
@media only screen and (min-width: 750px) {
.medium-up--one-whole {
width: 100%;
}
.medium-up--one-half {
width: 50%;
}
.medium-up--one-third {
width: 33.3333333333%;
}
.medium-up--two-thirds {
width: 66.6666666667%;
}
.medium-up--one-quarter {
width: 25%;
}
.medium-up--two-quarters {
width: 50%;
}
.medium-up--three-quarters {
width: 75%;
}
.medium-up--one-fifth {
width: 20%;
}
.medium-up--two-fifths {
width: 40%;
}
.medium-up--three-fifths {
width: 60%;
}
.medium-up--four-fifths {
width: 80%;
}
.medium-up--one-sixth {
width: 16.6666666667%;
}
.medium-up--two-sixths {
width: 33.3333333333%;
}
.medium-up--three-sixths {
width: 50%;
}
.medium-up--four-sixths {
width: 66.6666666667%;
}
.medium-up--five-sixths {
width: 83.3333333333%;
}
.medium-up--one-eighth {
width: 12.5%;
}
.medium-up--two-eighths {
width: 25%;
}
.medium-up--three-eighths {
width: 37.5%;
}
.medium-up--four-eighths {
width: 50%;
}
.medium-up--five-eighths {
width: 62.5%;
}
.medium-up--six-eighths {
width: 75%;
}
.medium-up--seven-eighths {
width: 87.5%;
}
.medium-up--one-tenth {
width: 10%;
}
.medium-up--two-tenths {
width: 20%;
}
.medium-up--three-tenths {
width: 30%;
}
.medium-up--four-tenths {
width: 40%;
}
.medium-up--five-tenths {
width: 50%;
}
.medium-up--six-tenths {
width: 60%;
}
.medium-up--seven-tenths {
width: 70%;
}
.medium-up--eight-tenths {
width: 80%;
}
.medium-up--nine-tenths {
width: 90%;
}
.medium-up--one-twelfth {
width: 8.3333333333%;
}
.medium-up--two-twelfths {
width: 16.6666666667%;
}
.medium-up--three-twelfths {
width: 25%;
}
.medium-up--four-twelfths {
width: 33.3333333333%;
}
.medium-up--five-twelfths {
width: 41.6666666667%;
}
.medium-up--six-twelfths {
width: 50%;
}
.medium-up--seven-twelfths {
width: 58.3333333333%;
}
.medium-up--eight-twelfths {
width: 66.6666666667%;
}
.medium-up--nine-twelfths {
width: 75%;
}
.medium-up--ten-twelfths {
width: 83.3333333333%;
}
.medium-up--eleven-twelfths {
width: 91.6666666667%;
}
.grid--uniform .medium-up--five-tenths:nth-child(odd),
.grid--uniform .medium-up--four-eighths:nth-child(odd),
.grid--uniform .medium-up--four-twelfths:nth-child(3n + 1),
.grid--uniform .medium-up--one-eighth:nth-child(8n + 1),
.grid--uniform .medium-up--one-fifth:nth-child(5n + 1),
.grid--uniform .medium-up--one-half:nth-child(odd),
.grid--uniform .medium-up--one-quarter:nth-child(4n + 1),
.grid--uniform .medium-up--one-sixth:nth-child(6n + 1),
.grid--uniform .medium-up--one-third:nth-child(3n + 1),
.grid--uniform .medium-up--one-twelfth:nth-child(12n + 1),
.grid--uniform .medium-up--six-twelfths:nth-child(odd),
.grid--uniform .medium-up--three-sixths:nth-child(odd),
.grid--uniform .medium-up--three-twelfths:nth-child(4n + 1),
.grid--uniform .medium-up--two-eighths:nth-child(4n + 1),
.grid--uniform .medium-up--two-sixths:nth-child(3n + 1),
.grid--uniform .medium-up--two-twelfths:nth-child(6n + 1) {
clear: both;
}
.medium-up--show {
display: block !important;
}
.medium-up--hide {
display: none !important;
}
.medium-up--text-left {
text-align: left !important;
}
.medium-up--text-right {
text-align: right !important;
}
.medium-up--text-center {
text-align: center !important;
}
}
@media only screen and (max-width: 989px) {
.medium-down--one-whole {
width: 100%;
}
.medium-down--one-half {
width: 50%;
}
.medium-down--one-third {
width: 33.3333333333%;
}
.medium-down--two-thirds {
width: 66.6666666667%;
}
.medium-down--one-quarter {
width: 25%;
}
.medium-down--two-quarters {
width: 50%;
}
.medium-down--three-quarters {
width: 75%;
}
.medium-down--one-fifth {
width: 20%;
}
.medium-down--two-fifths {
width: 40%;
}
.medium-down--three-fifths {
width: 60%;
}
.medium-down--four-fifths {
width: 80%;
}
.medium-down--one-sixth {
width: 16.6666666667%;
}
.medium-down--two-sixths {
width: 33.3333333333%;
}
.medium-down--three-sixths {
width: 50%;
}
.medium-down--four-sixths {
width: 66.6666666667%;
}
.medium-down--five-sixths {
width: 83.3333333333%;
}
.medium-down--one-eighth {
width: 12.5%;
}
.medium-down--two-eighths {
width: 25%;
}
.medium-down--three-eighths {
width: 37.5%;
}
.medium-down--four-eighths {
width: 50%;
}
.medium-down--five-eighths {
width: 62.5%;
}
.medium-down--six-eighths {
width: 75%;
}
.medium-down--seven-eighths {
width: 87.5%;
}
.medium-down--one-tenth {
width: 10%;
}
.medium-down--two-tenths {
width: 20%;
}
.medium-down--three-tenths {
width: 30%;
}
.medium-down--four-tenths {
width: 40%;
}
.medium-down--five-tenths {
width: 50%;
}
.medium-down--six-tenths {
width: 60%;
}
.medium-down--seven-tenths {
width: 70%;
}
.medium-down--eight-tenths {
width: 80%;
}
.medium-down--nine-tenths {
width: 90%;
}
.medium-down--one-twelfth {
width: 8.3333333333%;
}
.medium-down--two-twelfths {
width: 16.6666666667%;
}
.medium-down--three-twelfths {
width: 25%;
}
.medium-down--four-twelfths {
width: 33.3333333333%;
}
.medium-down--five-twelfths {
width: 41.6666666667%;
}
.medium-down--six-twelfths {
width: 50%;
}
.medium-down--seven-twelfths {
width: 58.3333333333%;
}
.medium-down--eight-twelfths {
width: 66.6666666667%;
}
.medium-down--nine-twelfths {
width: 75%;
}
.medium-down--ten-twelfths {
width: 83.3333333333%;
}
.medium-down--eleven-twelfths {
width: 91.6666666667%;
}
.grid--uniform .medium-down--five-tenths:nth-child(odd),
.grid--uniform .medium-down--four-eighths:nth-child(odd),
.grid--uniform .medium-down--four-twelfths:nth-child(3n + 1),
.grid--uniform .medium-down--one-eighth:nth-child(8n + 1),
.grid--uniform .medium-down--one-fifth:nth-child(5n + 1),
.grid--uniform .medium-down--one-half:nth-child(odd),
.grid--uniform .medium-down--one-quarter:nth-child(4n + 1),
.grid--uniform .medium-down--one-sixth:nth-child(6n + 1),
.grid--uniform .medium-down--one-third:nth-child(3n + 1),
.grid--uniform .medium-down--one-twelfth:nth-child(12n + 1),
.grid--uniform .medium-down--six-twelfths:nth-child(odd),
.grid--uniform .medium-down--three-sixths:nth-child(odd),
.grid--uniform .medium-down--three-twelfths:nth-child(4n + 1),
.grid--uniform .medium-down--two-eighths:nth-child(4n + 1),
.grid--uniform .medium-down--two-sixths:nth-child(3n + 1),
.grid--uniform .medium-down--two-twelfths:nth-child(6n + 1) {
clear: both;
}
.medium-down--show {
display: block !important;
}
.medium-down--hide {
display: none !important;
}
.medium-down--text-left {
text-align: left !important;
}
.medium-down--text-right {
text-align: right !important;
}
.medium-down--text-center {
text-align: center !important;
}
}
@media only screen and (min-width: 990px) and (max-width: 1399px) {
.large--one-whole {
width: 100%;
}
.large--one-half {
width: 50%;
}
.large--one-third {
width: 33.3333333333%;
}
.large--two-thirds {
width: 66.6666666667%;
}
.large--one-quarter {
width: 25%;
}
.large--two-quarters {
width: 50%;
}
.large--three-quarters {
width: 75%;
}
.large--one-fifth {
width: 20%;
}
.large--two-fifths {
width: 40%;
}
.large--three-fifths {
width: 60%;
}
.large--four-fifths {
width: 80%;
}
.large--one-sixth {
width: 16.6666666667%;
}
.large--two-sixths {
width: 33.3333333333%;
}
.large--three-sixths {
width: 50%;
}
.large--four-sixths {
width: 66.6666666667%;
}
.large--five-sixths {
width: 83.3333333333%;
}
.large--one-eighth {
width: 12.5%;
}
.large--two-eighths {
width: 25%;
}
.large--three-eighths {
width: 37.5%;
}
.large--four-eighths {
width: 50%;
}
.large--five-eighths {
width: 62.5%;
}
.large--six-eighths {
width: 75%;
}
.large--seven-eighths {
width: 87.5%;
}
.large--one-tenth {
width: 10%;
}
.large--two-tenths {
width: 20%;
}
.large--three-tenths {
width: 30%;
}
.large--four-tenths {
width: 40%;
}
.large--five-tenths {
width: 50%;
}
.large--six-tenths {
width: 60%;
}
.large--seven-tenths {
width: 70%;
}
.large--eight-tenths {
width: 80%;
}
.large--nine-tenths {
width: 90%;
}
.large--one-twelfth {
width: 8.3333333333%;
}
.large--two-twelfths {
width: 16.6666666667%;
}
.large--three-twelfths {
width: 25%;
}
.large--four-twelfths {
width: 33.3333333333%;
}
.large--five-twelfths {
width: 41.6666666667%;
}
.large--six-twelfths {
width: 50%;
}
.large--seven-twelfths {
width: 58.3333333333%;
}
.large--eight-twelfths {
width: 66.6666666667%;
}
.large--nine-twelfths {
width: 75%;
}
.large--ten-twelfths {
width: 83.3333333333%;
}
.large--eleven-twelfths {
width: 91.6666666667%;
}
.grid--uniform .large--five-tenths:nth-child(odd),
.grid--uniform .large--four-eighths:nth-child(odd),
.grid--uniform .large--four-twelfths:nth-child(3n + 1),
.grid--uniform .large--one-eighth:nth-child(8n + 1),
.grid--uniform .large--one-fifth:nth-child(5n + 1),
.grid--uniform .large--one-half:nth-child(odd),
.grid--uniform .large--one-quarter:nth-child(4n + 1),
.grid--uniform .large--one-sixth:nth-child(6n + 1),
.grid--uniform .large--one-third:nth-child(3n + 1),
.grid--uniform .large--one-twelfth:nth-child(12n + 1),
.grid--uniform .large--six-twelfths:nth-child(odd),
.grid--uniform .large--three-sixths:nth-child(odd),
.grid--uniform .large--three-twelfths:nth-child(4n + 1),
.grid--uniform .large--two-eighths:nth-child(4n + 1),
.grid--uniform .large--two-sixths:nth-child(3n + 1),
.grid--uniform .large--two-twelfths:nth-child(6n + 1) {
clear: both;
}
.large--show {
display: block !important;
}
.large--hide {
display: none !important;
}
.large--text-left {
text-align: left !important;
}
.large--text-right {
text-align: right !important;
}
.large--text-center {
text-align: center !important;
}
}
@media only screen and (min-width: 990px) {
.large-up--one-whole {
width: 100%;
}
.large-up--one-half {
width: 50%;
}
.large-up--one-third {
width: 33.3333333333%;
}
.large-up--two-thirds {
width: 66.6666666667%;
}
.large-up--one-quarter {
width: 25%;
}
.large-up--two-quarters {
width: 50%;
}
.large-up--three-quarters {
width: 75%;
}
.large-up--one-fifth {
width: 20%;
}
.large-up--two-fifths {
width: 40%;
}
.large-up--three-fifths {
width: 60%;
}
.large-up--four-fifths {
width: 80%;
}
.large-up--one-sixth {
width: 16.6666666667%;
}
.large-up--two-sixths {
width: 33.3333333333%;
}
.large-up--three-sixths {
width: 50%;
}
.large-up--four-sixths {
width: 66.6666666667%;
}
.large-up--five-sixths {
width: 83.3333333333%;
}
.large-up--one-eighth {
width: 12.5%;
}
.large-up--two-eighths {
width: 25%;
}
.large-up--three-eighths {
width: 37.5%;
}
.large-up--four-eighths {
width: 50%;
}
.large-up--five-eighths {
width: 62.5%;
}
.large-up--six-eighths {
width: 75%;
}
.large-up--seven-eighths {
width: 87.5%;
}
.large-up--one-tenth {
width: 10%;
}
.large-up--two-tenths {
width: 20%;
}
.large-up--three-tenths {
width: 25%;
}
.large-up--four-tenths {
width: 40%;
}
.large-up--five-tenths {
width: 50%;
}
.large-up--six-tenths {
width: 60%;
}
.large-up--seven-tenths {
width: 70%;
}
.large-up--eight-tenths {
width: 80%;
}
.large-up--nine-tenths {
width: 90%;
}
.large-up--one-twelfth {
width: 8.3333333333%;
}
.large-up--two-twelfths {
width: 16.6666666667%;
}
.large-up--three-twelfths {
width: 25%;
}
.large-up--four-twelfths {
width: 33.3333333333%;
}
.large-up--five-twelfths {
width: 41.6666666667%;
}
.large-up--six-twelfths {
width: 50%;
}
.large-up--seven-twelfths {
width: 58.3333333333%;
}
.large-up--eight-twelfths {
width: 66.6666666667%;
}
.large-up--nine-twelfths {
width: 75%;
}
.large-up--ten-twelfths {
width: 83.3333333333%;
}
.large-up--eleven-twelfths {
width: 91.6666666667%;
}
.grid--uniform .large-up--five-tenths:nth-child(odd),
.grid--uniform .large-up--four-eighths:nth-child(odd),
.grid--uniform .large-up--four-twelfths:nth-child(3n + 1),
.grid--uniform .large-up--one-eighth:nth-child(8n + 1),
.grid--uniform .large-up--one-fifth:nth-child(5n + 1),
.grid--uniform .large-up--one-half:nth-child(odd),
.grid--uniform .large-up--one-quarter:nth-child(4n + 1),
.grid--uniform .large-up--one-sixth:nth-child(6n + 1),
.grid--uniform .large-up--one-third:nth-child(3n + 1),
.grid--uniform .large-up--one-twelfth:nth-child(12n + 1),
.grid--uniform .large-up--six-twelfths:nth-child(odd),
.grid--uniform .large-up--three-sixths:nth-child(odd),
.grid--uniform .large-up--three-twelfths:nth-child(4n + 1),
.grid--uniform .large-up--two-eighths:nth-child(4n + 1),
.grid--uniform .large-up--two-sixths:nth-child(3n + 1),
.grid--uniform .large-up--two-twelfths:nth-child(6n + 1) {
clear: both;
}
.large-up--show {
display: block !important;
}
.large-up--hide {
display: none !important;
}
.large-up--text-left {
text-align: left !important;
}
.large-up--text-right {
text-align: right !important;
}
.large-up--text-center {
text-align: center !important;
}
}
@media only screen and (max-width: 1399px) {
.large-down--one-whole {
width: 100%;
}
.large-down--one-half {
width: 50%;
}
.large-down--one-third {
width: 33.3333333333%;
}
.large-down--two-thirds {
width: 66.6666666667%;
}
.large-down--one-quarter {
width: 25%;
}
.large-down--two-quarters {
width: 50%;
}
.large-down--three-quarters {
width: 75%;
}
.large-down--one-fifth {
width: 20%;
}
.large-down--two-fifths {
width: 40%;
}
.large-down--three-fifths {
width: 60%;
}
.large-down--four-fifths {
width: 80%;
}
.large-down--one-sixth {
width: 16.6666666667%;
}
.large-down--two-sixths {
width: 33.3333333333%;
}
.large-down--three-sixths {
width: 50%;
}
.large-down--four-sixths {
width: 66.6666666667%;
}
.large-down--five-sixths {
width: 83.3333333333%;
}
.large-down--one-eighth {
width: 12.5%;
}
.large-down--two-eighths {
width: 25%;
}
.large-down--three-eighths {
width: 37.5%;
}
.large-down--four-eighths {
width: 50%;
}
.large-down--five-eighths {
width: 62.5%;
}
.large-down--six-eighths {
width: 75%;
}
.large-down--seven-eighths {
width: 87.5%;
}
.large-down--one-tenth {
width: 10%;
}
.large-down--two-tenths {
width: 20%;
}
.large-down--three-tenths {
width: 30%;
}
.large-down--four-tenths {
width: 40%;
}
.large-down--five-tenths {
width: 50%;
}
.large-down--six-tenths {
width: 60%;
}
.large-down--seven-tenths {
width: 70%;
}
.large-down--eight-tenths {
width: 80%;
}
.large-down--nine-tenths {
width: 90%;
}
.large-down--one-twelfth {
width: 8.3333333333%;
}
.large-down--two-twelfths {
width: 16.6666666667%;
}
.large-down--three-twelfths {
width: 25%;
}
.large-down--four-twelfths {
width: 33.3333333333%;
}
.large-down--five-twelfths {
width: 41.6666666667%;
}
.large-down--six-twelfths {
width: 50%;
}
.large-down--seven-twelfths {
width: 58.3333333333%;
}
.large-down--eight-twelfths {
width: 66.6666666667%;
}
.large-down--nine-twelfths {
width: 75%;
}
.large-down--ten-twelfths {
width: 83.3333333333%;
}
.large-down--eleven-twelfths {
width: 91.6666666667%;
}
.grid--uniform .large-down--five-tenths:nth-child(odd),
.grid--uniform .large-down--four-eighths:nth-child(odd),
.grid--uniform .large-down--four-twelfths:nth-child(3n + 1),
.grid--uniform .large-down--one-eighth:nth-child(8n + 1),
.grid--uniform .large-down--one-fifth:nth-child(5n + 1),
.grid--uniform .large-down--one-half:nth-child(odd),
.grid--uniform .large-down--one-quarter:nth-child(4n + 1),
.grid--uniform .large-down--one-sixth:nth-child(6n + 1),
.grid--uniform .large-down--one-third:nth-child(3n + 1),
.grid--uniform .large-down--one-twelfth:nth-child(12n + 1),
.grid--uniform .large-down--six-twelfths:nth-child(odd),
.grid--uniform .large-down--three-sixths:nth-child(odd),
.grid--uniform .large-down--three-twelfths:nth-child(4n + 1),
.grid--uniform .large-down--two-eighths:nth-child(4n + 1),
.grid--uniform .large-down--two-sixths:nth-child(3n + 1),
.grid--uniform .large-down--two-twelfths:nth-child(6n + 1) {
clear: both;
}
.large-down--show {
display: block !important;
}
.large-down--hide {
display: none !important;
}
.large-down--text-left {
text-align: left !important;
}
.large-down--text-right {
text-align: right !important;
}
.large-down--text-center {
text-align: center !important;
}
}
@media only screen and (min-width: 1400px) {
.widescreen--one-whole {
width: 100%;
}
.widescreen--one-half {
width: 50%;
}
.widescreen--one-third {
width: 33.3333333333%;
}
.widescreen--two-thirds {
width: 66.6666666667%;
}
.widescreen--one-quarter {
width: 25%;
}
.widescreen--two-quarters {
width: 50%;
}
.widescreen--three-quarters {
width: 75%;
}
.widescreen--one-fifth {
width: 20%;
}
.widescreen--two-fifths {
width: 40%;
}
.widescreen--three-fifths {
width: 60%;
}
.widescreen--four-fifths {
width: 80%;
}
.widescreen--one-sixth {
width: 16.6666666667%;
}
.widescreen--two-sixths {
width: 33.3333333333%;
}
.widescreen--three-sixths {
width: 50%;
}
.widescreen--four-sixths {
width: 66.6666666667%;
}
.widescreen--five-sixths {
width: 83.3333333333%;
}
.widescreen--one-eighth {
width: 12.5%;
}
.widescreen--two-eighths {
width: 25%;
}
.widescreen--three-eighths {
width: 37.5%;
}
.widescreen--four-eighths {
width: 50%;
}
.widescreen--five-eighths {
width: 62.5%;
}
.widescreen--six-eighths {
width: 75%;
}
.widescreen--seven-eighths {
width: 87.5%;
}
.widescreen--one-tenth {
width: 10%;
}
.widescreen--two-tenths {
width: 20%;
}
.widescreen--three-tenths {
width: 30%;
}
.widescreen--four-tenths {
width: 40%;
}
.widescreen--five-tenths {
width: 50%;
}
.widescreen--six-tenths {
width: 60%;
}
.widescreen--seven-tenths {
width: 70%;
}
.widescreen--eight-tenths {
width: 80%;
}
.widescreen--nine-tenths {
width: 90%;
}
.widescreen--one-twelfth {
width: 8.3333333333%;
}
.widescreen--two-twelfths {
width: 16.6666666667%;
}
.widescreen--three-twelfths {
width: 25%;
}
.widescreen--four-twelfths {
width: 33.3333333333%;
}
.widescreen--five-twelfths {
width: 41.6666666667%;
}
.widescreen--six-twelfths {
width: 50%;
}
.widescreen--seven-twelfths {
width: 58.3333333333%;
}
.widescreen--eight-twelfths {
width: 66.6666666667%;
}
.widescreen--nine-twelfths {
width: 75%;
}
.widescreen--ten-twelfths {
width: 83.3333333333%;
}
.widescreen--eleven-twelfths {
width: 91.6666666667%;
}
.grid--uniform .widescreen--five-tenths:nth-child(odd),
.grid--uniform .widescreen--four-eighths:nth-child(odd),
.grid--uniform .widescreen--four-twelfths:nth-child(3n + 1),
.grid--uniform .widescreen--one-eighth:nth-child(8n + 1),
.grid--uniform .widescreen--one-fifth:nth-child(5n + 1),
.grid--uniform .widescreen--one-half:nth-child(odd),
.grid--uniform .widescreen--one-quarter:nth-child(4n + 1),
.grid--uniform .widescreen--one-sixth:nth-child(6n + 1),
.grid--uniform .widescreen--one-third:nth-child(3n + 1),
.grid--uniform .widescreen--one-twelfth:nth-child(12n + 1),
.grid--uniform .widescreen--six-twelfths:nth-child(odd),
.grid--uniform .widescreen--three-sixths:nth-child(odd),
.grid--uniform .widescreen--three-twelfths:nth-child(4n + 1),
.grid--uniform .widescreen--two-eighths:nth-child(4n + 1),
.grid--uniform .widescreen--two-sixths:nth-child(3n + 1),
.grid--uniform .widescreen--two-twelfths:nth-child(6n + 1) {
clear: both;
}
.widescreen--show {
display: block !important;
}
.widescreen--hide {
display: none !important;
}
.widescreen--text-left {
text-align: left !important;
}
.widescreen--text-right {
text-align: right !important;
}
.widescreen--text-center {
text-align: center !important;
}
}
@media only screen and (max-width: 749px) {
.small--push-one-half {
left: 50%;
}
.small--push-one-third {
left: 33.3333333333%;
}
.small--push-two-thirds {
left: 66.6666666667%;
}
.small--push-one-quarter {
left: 25%;
}
.small--push-two-quarters {
left: 50%;
}
.small--push-three-quarters {
left: 75%;
}
.small--push-one-fifth {
left: 20%;
}
.small--push-two-fifths {
left: 40%;
}
.small--push-three-fifths {
left: 60%;
}
.small--push-four-fifths {
left: 80%;
}
.small--push-one-sixth {
left: 16.6666666667%;
}
.small--push-two-sixths {
left: 33.3333333333%;
}
.small--push-three-sixths {
left: 50%;
}
.small--push-four-sixths {
left: 66.6666666667%;
}
.small--push-five-sixths {
left: 83.3333333333%;
}
.small--push-one-eighth {
left: 12.5%;
}
.small--push-two-eighths {
left: 25%;
}
.small--push-three-eighths {
left: 37.5%;
}
.small--push-four-eighths {
left: 50%;
}
.small--push-five-eighths {
left: 62.5%;
}
.small--push-six-eighths {
left: 75%;
}
.small--push-seven-eighths {
left: 87.5%;
}
.small--push-one-tenth {
left: 10%;
}
.small--push-two-tenths {
left: 20%;
}
.small--push-three-tenths {
left: 30%;
}
.small--push-four-tenths {
left: 40%;
}
.small--push-five-tenths {
left: 50%;
}
.small--push-six-tenths {
left: 60%;
}
.small--push-seven-tenths {
left: 70%;
}
.small--push-eight-tenths {
left: 80%;
}
.small--push-nine-tenths {
left: 90%;
}
.small--push-one-twelfth {
left: 8.3333333333%;
}
.small--push-two-twelfths {
left: 16.6666666667%;
}
.small--push-three-twelfths {
left: 25%;
}
.small--push-four-twelfths {
left: 33.3333333333%;
}
.small--push-five-twelfths {
left: 41.6666666667%;
}
.small--push-six-twelfths {
left: 50%;
}
.small--push-seven-twelfths {
left: 58.3333333333%;
}
.small--push-eight-twelfths {
left: 66.6666666667%;
}
.small--push-nine-twelfths {
left: 75%;
}
.small--push-ten-twelfths {
left: 83.3333333333%;
}
.small--push-eleven-twelfths {
left: 91.6666666667%;
}
}
@media only screen and (min-width: 750px) and (max-width: 989px) {
.medium--push-one-half {
left: 50%;
}
.medium--push-one-third {
left: 33.3333333333%;
}
.medium--push-two-thirds {
left: 66.6666666667%;
}
.medium--push-one-quarter {
left: 25%;
}
.medium--push-two-quarters {
left: 50%;
}
.medium--push-three-quarters {
left: 75%;
}
.medium--push-one-fifth {
left: 20%;
}
.medium--push-two-fifths {
left: 40%;
}
.medium--push-three-fifths {
left: 60%;
}
.medium--push-four-fifths {
left: 80%;
}
.medium--push-one-sixth {
left: 16.6666666667%;
}
.medium--push-two-sixths {
left: 33.3333333333%;
}
.medium--push-three-sixths {
left: 50%;
}
.medium--push-four-sixths {
left: 66.6666666667%;
}
.medium--push-five-sixths {
left: 83.3333333333%;
}
.medium--push-one-eighth {
left: 12.5%;
}
.medium--push-two-eighths {
left: 25%;
}
.medium--push-three-eighths {
left: 37.5%;
}
.medium--push-four-eighths {
left: 50%;
}
.medium--push-five-eighths {
left: 62.5%;
}
.medium--push-six-eighths {
left: 75%;
}
.medium--push-seven-eighths {
left: 87.5%;
}
.medium--push-one-tenth {
left: 10%;
}
.medium--push-two-tenths {
left: 20%;
}
.medium--push-three-tenths {
left: 30%;
}
.medium--push-four-tenths {
left: 40%;
}
.medium--push-five-tenths {
left: 50%;
}
.medium--push-six-tenths {
left: 60%;
}
.medium--push-seven-tenths {
left: 70%;
}
.medium--push-eight-tenths {
left: 80%;
}
.medium--push-nine-tenths {
left: 90%;
}
.medium--push-one-twelfth {
left: 8.3333333333%;
}
.medium--push-two-twelfths {
left: 16.6666666667%;
}
.medium--push-three-twelfths {
left: 25%;
}
.medium--push-four-twelfths {
left: 33.3333333333%;
}
.medium--push-five-twelfths {
left: 41.6666666667%;
}
.medium--push-six-twelfths {
left: 50%;
}
.medium--push-seven-twelfths {
left: 58.3333333333%;
}
.medium--push-eight-twelfths {
left: 66.6666666667%;
}
.medium--push-nine-twelfths {
left: 75%;
}
.medium--push-ten-twelfths {
left: 83.3333333333%;
}
.medium--push-eleven-twelfths {
left: 91.6666666667%;
}
}
@media only screen and (min-width: 750px) {
.medium-up--push-one-half {
left: 50%;
}
.medium-up--push-one-third {
left: 33.3333333333%;
}
.medium-up--push-two-thirds {
left: 66.6666666667%;
}
.medium-up--push-one-quarter {
left: 25%;
}
.medium-up--push-two-quarters {
left: 50%;
}
.medium-up--push-three-quarters {
left: 75%;
}
.medium-up--push-one-fifth {
left: 20%;
}
.medium-up--push-two-fifths {
left: 40%;
}
.medium-up--push-three-fifths {
left: 60%;
}
.medium-up--push-four-fifths {
left: 80%;
}
.medium-up--push-one-sixth {
left: 16.6666666667%;
}
.medium-up--push-two-sixths {
left: 33.3333333333%;
}
.medium-up--push-three-sixths {
left: 50%;
}
.medium-up--push-four-sixths {
left: 66.6666666667%;
}
.medium-up--push-five-sixths {
left: 83.3333333333%;
}
.medium-up--push-one-eighth {
left: 12.5%;
}
.medium-up--push-two-eighths {
left: 25%;
}
.medium-up--push-three-eighths {
left: 37.5%;
}
.medium-up--push-four-eighths {
left: 50%;
}
.medium-up--push-five-eighths {
left: 62.5%;
}
.medium-up--push-six-eighths {
left: 75%;
}
.medium-up--push-seven-eighths {
left: 87.5%;
}
.medium-up--push-one-tenth {
left: 10%;
}
.medium-up--push-two-tenths {
left: 20%;
}
.medium-up--push-three-tenths {
left: 30%;
}
.medium-up--push-four-tenths {
left: 40%;
}
.medium-up--push-five-tenths {
left: 50%;
}
.medium-up--push-six-tenths {
left: 60%;
}
.medium-up--push-seven-tenths {
left: 70%;
}
.medium-up--push-eight-tenths {
left: 80%;
}
.medium-up--push-nine-tenths {
left: 90%;
}
.medium-up--push-one-twelfth {
left: 8.3333333333%;
}
.medium-up--push-two-twelfths {
left: 16.6666666667%;
}
.medium-up--push-three-twelfths {
left: 25%;
}
.medium-up--push-four-twelfths {
left: 33.3333333333%;
}
.medium-up--push-five-twelfths {
left: 41.6666666667%;
}
.medium-up--push-six-twelfths {
left: 50%;
}
.medium-up--push-seven-twelfths {
left: 58.3333333333%;
}
.medium-up--push-eight-twelfths {
left: 66.6666666667%;
}
.medium-up--push-nine-twelfths {
left: 75%;
}
.medium-up--push-ten-twelfths {
left: 83.3333333333%;
}
.medium-up--push-eleven-twelfths {
left: 91.6666666667%;
}
}
@media only screen and (max-width: 989px) {
.medium-down--push-one-half {
left: 50%;
}
.medium-down--push-one-third {
left: 33.3333333333%;
}
.medium-down--push-two-thirds {
left: 66.6666666667%;
}
.medium-down--push-one-quarter {
left: 25%;
}
.medium-down--push-two-quarters {
left: 50%;
}
.medium-down--push-three-quarters {
left: 75%;
}
.medium-down--push-one-fifth {
left: 20%;
}
.medium-down--push-two-fifths {
left: 40%;
}
.medium-down--push-three-fifths {
left: 60%;
}
.medium-down--push-four-fifths {
left: 80%;
}
.medium-down--push-one-sixth {
left: 16.6666666667%;
}
.medium-down--push-two-sixths {
left: 33.3333333333%;
}
.medium-down--push-three-sixths {
left: 50%;
}
.medium-down--push-four-sixths {
left: 66.6666666667%;
}
.medium-down--push-five-sixths {
left: 83.3333333333%;
}
.medium-down--push-one-eighth {
left: 12.5%;
}
.medium-down--push-two-eighths {
left: 25%;
}
.medium-down--push-three-eighths {
left: 37.5%;
}
.medium-down--push-four-eighths {
left: 50%;
}
.medium-down--push-five-eighths {
left: 62.5%;
}
.medium-down--push-six-eighths {
left: 75%;
}
.medium-down--push-seven-eighths {
left: 87.5%;
}
.medium-down--push-one-tenth {
left: 10%;
}
.medium-down--push-two-tenths {
left: 20%;
}
.medium-down--push-three-tenths {
left: 30%;
}
.medium-down--push-four-tenths {
left: 40%;
}
.medium-down--push-five-tenths {
left: 50%;
}
.medium-down--push-six-tenths {
left: 60%;
}
.medium-down--push-seven-tenths {
left: 70%;
}
.medium-down--push-eight-tenths {
left: 80%;
}
.medium-down--push-nine-tenths {
left: 90%;
}
.medium-down--push-one-twelfth {
left: 8.3333333333%;
}
.medium-down--push-two-twelfths {
left: 16.6666666667%;
}
.medium-down--push-three-twelfths {
left: 25%;
}
.medium-down--push-four-twelfths {
left: 33.3333333333%;
}
.medium-down--push-five-twelfths {
left: 41.6666666667%;
}
.medium-down--push-six-twelfths {
left: 50%;
}
.medium-down--push-seven-twelfths {
left: 58.3333333333%;
}
.medium-down--push-eight-twelfths {
left: 66.6666666667%;
}
.medium-down--push-nine-twelfths {
left: 75%;
}
.medium-down--push-ten-twelfths {
left: 83.3333333333%;
}
.medium-down--push-eleven-twelfths {
left: 91.6666666667%;
}
}
@media only screen and (min-width: 990px) and (max-width: 1399px) {
.large--push-one-half {
left: 50%;
}
.large--push-one-third {
left: 33.3333333333%;
}
.large--push-two-thirds {
left: 66.6666666667%;
}
.large--push-one-quarter {
left: 25%;
}
.large--push-two-quarters {
left: 50%;
}
.large--push-three-quarters {
left: 75%;
}
.large--push-one-fifth {
left: 20%;
}
.large--push-two-fifths {
left: 40%;
}
.large--push-three-fifths {
left: 60%;
}
.large--push-four-fifths {
left: 80%;
}
.large--push-one-sixth {
left: 16.6666666667%;
}
.large--push-two-sixths {
left: 33.3333333333%;
}
.large--push-three-sixths {
left: 50%;
}
.large--push-four-sixths {
left: 66.6666666667%;
}
.large--push-five-sixths {
left: 83.3333333333%;
}
.large--push-one-eighth {
left: 12.5%;
}
.large--push-two-eighths {
left: 25%;
}
.large--push-three-eighths {
left: 37.5%;
}
.large--push-four-eighths {
left: 50%;
}
.large--push-five-eighths {
left: 62.5%;
}
.large--push-six-eighths {
left: 75%;
}
.large--push-seven-eighths {
left: 87.5%;
}
.large--push-one-tenth {
left: 10%;
}
.large--push-two-tenths {
left: 20%;
}
.large--push-three-tenths {
left: 30%;
}
.large--push-four-tenths {
left: 40%;
}
.large--push-five-tenths {
left: 50%;
}
.large--push-six-tenths {
left: 60%;
}
.large--push-seven-tenths {
left: 70%;
}
.large--push-eight-tenths {
left: 80%;
}
.large--push-nine-tenths {
left: 90%;
}
.large--push-one-twelfth {
left: 8.3333333333%;
}
.large--push-two-twelfths {
left: 16.6666666667%;
}
.large--push-three-twelfths {
left: 25%;
}
.large--push-four-twelfths {
left: 33.3333333333%;
}
.large--push-five-twelfths {
left: 41.6666666667%;
}
.large--push-six-twelfths {
left: 50%;
}
.large--push-seven-twelfths {
left: 58.3333333333%;
}
.large--push-eight-twelfths {
left: 66.6666666667%;
}
.large--push-nine-twelfths {
left: 75%;
}
.large--push-ten-twelfths {
left: 83.3333333333%;
}
.large--push-eleven-twelfths {
left: 91.6666666667%;
}
}
@media only screen and (min-width: 990px) {
.large-up--push-one-half {
left: 50%;
}
.large-up--push-one-third {
left: 33.3333333333%;
}
.large-up--push-two-thirds {
left: 66.6666666667%;
}
.large-up--push-one-quarter {
left: 25%;
}
.large-up--push-two-quarters {
left: 50%;
}
.large-up--push-three-quarters {
left: 75%;
}
.large-up--push-one-fifth {
left: 20%;
}
.large-up--push-two-fifths {
left: 40%;
}
.large-up--push-three-fifths {
left: 60%;
}
.large-up--push-four-fifths {
left: 80%;
}
.large-up--push-one-sixth {
left: 16.6666666667%;
}
.large-up--push-two-sixths {
left: 33.3333333333%;
}
.large-up--push-three-sixths {
left: 50%;
}
.large-up--push-four-sixths {
left: 66.6666666667%;
}
.large-up--push-five-sixths {
left: 83.3333333333%;
}
.large-up--push-one-eighth {
left: 12.5%;
}
.large-up--push-two-eighths {
left: 25%;
}
.large-up--push-three-eighths {
left: 37.5%;
}
.large-up--push-four-eighths {
left: 50%;
}
.large-up--push-five-eighths {
left: 62.5%;
}
.large-up--push-six-eighths {
left: 75%;
}
.large-up--push-seven-eighths {
left: 87.5%;
}
.large-up--push-one-tenth {
left: 10%;
}
.large-up--push-two-tenths {
left: 20%;
}
.large-up--push-three-tenths {
left: 30%;
}
.large-up--push-four-tenths {
left: 40%;
}
.large-up--push-five-tenths {
left: 50%;
}
.large-up--push-six-tenths {
left: 60%;
}
.large-up--push-seven-tenths {
left: 70%;
}
.large-up--push-eight-tenths {
left: 80%;
}
.large-up--push-nine-tenths {
left: 90%;
}
.large-up--push-one-twelfth {
left: 8.3333333333%;
}
.large-up--push-two-twelfths {
left: 16.6666666667%;
}
.large-up--push-three-twelfths {
left: 25%;
}
.large-up--push-four-twelfths {
left: 33.3333333333%;
}
.large-up--push-five-twelfths {
left: 41.6666666667%;
}
.large-up--push-six-twelfths {
left: 50%;
}
.large-up--push-seven-twelfths {
left: 58.3333333333%;
}
.large-up--push-eight-twelfths {
left: 66.6666666667%;
}
.large-up--push-nine-twelfths {
left: 75%;
}
.large-up--push-ten-twelfths {
left: 83.3333333333%;
}
.large-up--push-eleven-twelfths {
left: 91.6666666667%;
}
}
@media only screen and (max-width: 1399px) {
.large-down--push-one-half {
left: 50%;
}
.large-down--push-one-third {
left: 33.3333333333%;
}
.large-down--push-two-thirds {
left: 66.6666666667%;
}
.large-down--push-one-quarter {
left: 25%;
}
.large-down--push-two-quarters {
left: 50%;
}
.large-down--push-three-quarters {
left: 75%;
}
.large-down--push-one-fifth {
left: 20%;
}
.large-down--push-two-fifths {
left: 40%;
}
.large-down--push-three-fifths {
left: 60%;
}
.large-down--push-four-fifths {
left: 80%;
}
.large-down--push-one-sixth {
left: 16.6666666667%;
}
.large-down--push-two-sixths {
left: 33.3333333333%;
}
.large-down--push-three-sixths {
left: 50%;
}
.large-down--push-four-sixths {
left: 66.6666666667%;
}
.large-down--push-five-sixths {
left: 83.3333333333%;
}
.large-down--push-one-eighth {
left: 12.5%;
}
.large-down--push-two-eighths {
left: 25%;
}
.large-down--push-three-eighths {
left: 37.5%;
}
.large-down--push-four-eighths {
left: 50%;
}
.large-down--push-five-eighths {
left: 62.5%;
}
.large-down--push-six-eighths {
left: 75%;
}
.large-down--push-seven-eighths {
left: 87.5%;
}
.large-down--push-one-tenth {
left: 10%;
}
.large-down--push-two-tenths {
left: 20%;
}
.large-down--push-three-tenths {
left: 30%;
}
.large-down--push-four-tenths {
left: 40%;
}
.large-down--push-five-tenths {
left: 50%;
}
.large-down--push-six-tenths {
left: 60%;
}
.large-down--push-seven-tenths {
left: 70%;
}
.large-down--push-eight-tenths {
left: 80%;
}
.large-down--push-nine-tenths {
left: 90%;
}
.large-down--push-one-twelfth {
left: 8.3333333333%;
}
.large-down--push-two-twelfths {
left: 16.6666666667%;
}
.large-down--push-three-twelfths {
left: 25%;
}
.large-down--push-four-twelfths {
left: 33.3333333333%;
}
.large-down--push-five-twelfths {
left: 41.6666666667%;
}
.large-down--push-six-twelfths {
left: 50%;
}
.large-down--push-seven-twelfths {
left: 58.3333333333%;
}
.large-down--push-eight-twelfths {
left: 66.6666666667%;
}
.large-down--push-nine-twelfths {
left: 75%;
}
.large-down--push-ten-twelfths {
left: 83.3333333333%;
}
.large-down--push-eleven-twelfths {
left: 91.6666666667%;
}
}
@media only screen and (min-width: 1400px) {
.widescreen--push-one-half {
left: 50%;
}
.widescreen--push-one-third {
left: 33.3333333333%;
}
.widescreen--push-two-thirds {
left: 66.6666666667%;
}
.widescreen--push-one-quarter {
left: 25%;
}
.widescreen--push-two-quarters {
left: 50%;
}
.widescreen--push-three-quarters {
left: 75%;
}
.widescreen--push-one-fifth {
left: 20%;
}
.widescreen--push-two-fifths {
left: 40%;
}
.widescreen--push-three-fifths {
left: 60%;
}
.widescreen--push-four-fifths {
left: 80%;
}
.widescreen--push-one-sixth {
left: 16.6666666667%;
}
.widescreen--push-two-sixths {
left: 33.3333333333%;
}
.widescreen--push-three-sixths {
left: 50%;
}
.widescreen--push-four-sixths {
left: 66.6666666667%;
}
.widescreen--push-five-sixths {
left: 83.3333333333%;
}
.widescreen--push-one-eighth {
left: 12.5%;
}
.widescreen--push-two-eighths {
left: 25%;
}
.widescreen--push-three-eighths {
left: 37.5%;
}
.widescreen--push-four-eighths {
left: 50%;
}
.widescreen--push-five-eighths {
left: 62.5%;
}
.widescreen--push-six-eighths {
left: 75%;
}
.widescreen--push-seven-eighths {
left: 87.5%;
}
.widescreen--push-one-tenth {
left: 10%;
}
.widescreen--push-two-tenths {
left: 20%;
}
.widescreen--push-three-tenths {
left: 30%;
}
.widescreen--push-four-tenths {
left: 40%;
}
.widescreen--push-five-tenths {
left: 50%;
}
.widescreen--push-six-tenths {
left: 60%;
}
.widescreen--push-seven-tenths {
left: 70%;
}
.widescreen--push-eight-tenths {
left: 80%;
}
.widescreen--push-nine-tenths {
left: 90%;
}
.widescreen--push-one-twelfth {
left: 8.3333333333%;
}
.widescreen--push-two-twelfths {
left: 16.6666666667%;
}
.widescreen--push-three-twelfths {
left: 25%;
}
.widescreen--push-four-twelfths {
left: 33.3333333333%;
}
.widescreen--push-five-twelfths {
left: 41.6666666667%;
}
.widescreen--push-six-twelfths {
left: 50%;
}
.widescreen--push-seven-twelfths {
left: 58.3333333333%;
}
.widescreen--push-eight-twelfths {
left: 66.6666666667%;
}
.widescreen--push-nine-twelfths {
left: 75%;
}
.widescreen--push-ten-twelfths {
left: 83.3333333333%;
}
.widescreen--push-eleven-twelfths {
left: 91.6666666667%;
}
}
:root {
--full-screen: 100vh;
--three-quarters: 75vh;
--two-thirds: 66vh;
--one-half: 50vh;
--one-third: 33vh;
--header-height: 100px;
--footer-height: 500px;
--announcmenet-height: 33px;
--content-full: 90vh;
--content-min: 90vh;
--header-padding: 0;
}
.screen-height-full {
height: var(--full-screen);
}
.screen-height-three-quarters {
height: var(--three-quarters);
}
.screen-height-two-thirds {
height: var(--two-thirds);
}
.screen-height-one-half {
height: var(--one-half);
}
.screen-height-one-third {
height: var(--one-third);
}
.seven-fifty-height-hero {
height: 750px;
}
.sixty-fifty-height-hero {
height: 650px;
}
.five-fifty-height-hero {
height: 550px;
}
.four-fifty-height-hero {
height: 450px;
}
.three-fifty-height-hero {
height: 350px;
}
.two-fifty-height-hero {
height: 250px;
}
:root {
--gutter: 32px;
--outer: 50px;
--inner: 20px;
--base: 16;
--line: 1rem;
--content-max: 1100px;
}
@media only screen and (min-width: 750px) and (max-width: 989px) {
:root {
--gutter: 22px;
--outer: 30px;
--inner: 18px;
--base: 15;
}
}
@media only screen and (max-width: 749px) {
:root {
--gutter: 16px;
--outer: 16px;
--inner: 16px;
--base: 14;
--line: 0.66rem;
}
}
@media only screen and (min-width: 1400px) {
:root {
--content-max: 80vw;
}
}
body,
html {
min-height: 100%;
}
* {
box-sizing: border-box;
}
html {
font-size: var(--base);
}
body {
position: relative;
min-width: 320px;
color: var(---color-text);
background-color: var(---color-bg);
font-family: var(---font-stack-body);
font-size: var(---font-size-base);
}
body * {
-webkit-font-smoothing: antialiased;
}
.container {
width: 100%;
min-height: 100%;
background-color: var(---color-bg);
}
.container,
.main-content {
margin: 0;
padding: 0;
display: block;
}
.main-content {
min-width: 100%;
min-height: var(--content-min);
}
.wrapper {
*zoom: 1;
max-width: var(--content-max);
margin: 0 auto;
padding: 0 var(--outer);
}
.wrapper:after {
content: "";
display: table;
clear: both;
}
.wrapper--narrow {
*zoom: 1;
max-width: 670px;
margin: 0 auto;
padding: 0 var(--outer);
}
.wrapper--narrow:after {
content: "";
display: table;
clear: both;
}
.wrapper--full {
*zoom: 1;
max-width: none;
margin: 0 auto;
padding: 0 var(--outer);
}
.wrapper--full:after {
content: "";
display: table;
clear: both;
}
table {
border-collapse: collapse;
border-spacing: 0;
border: 1px solid var(---color-border);
margin: 1em 0;
}
table tr > td,
table tr > th {
border-bottom: 1px solid var(---color-border);
border-right: 1px solid var(---color-border);
padding: 10px;
line-height: 1.3;
vertical-align: middle;
}
.table {
display: table;
width: 100%;
height: 100%;
}
dl {
margin-bottom: 1.5em;
}
dd,
dt {
line-height: 1.5em;
}
dt {
font-weight: var(---font-weight-body-bold);
}
dd {
margin-left: 0.8em;
}
.just {
text-align: justify;
font-size: 0.01em;
}
.product-grid.just {
font-size: 0.001px;
}
.just > * {
text-align: left;
vertical-align: top;
font-size: var(---font-size-base);
}
.just:after,
.just > * {
display: inline-block;
}
.just:after {
content: "";
width: 100%;
height: 0;
}
:root {
--font-10: 44px;
--font-9: 37px;
--font-8: 32px;
--font-7: 27px;
--font-6: 23px;
--font-5: 19px;
--font-4: 16px;
--font-3: 14px;
--font-2: 12px;
--font-1: 10px;
}
@media only screen and (min-width: 750px) and (max-width: 989px) {
:root {
--font-10: 48px;
--font-9: 41px;
--font-8: 35px;
--font-7: 29px;
--font-6: 25px;
--font-5: 21px;
--font-4: 18px;
--font-3: 15px;
--font-2: 13px;
--font-1: 11px;
}
}
@media only screen and (min-width: 990px) {
:root {
--font-10: 53px;
--font-9: 45px;
--font-8: 38px;
--font-7: 32px;
--font-6: 27px;
--font-5: 23px;
--font-4: 19px;
--font-3: 16px;
--font-2: 14px;
--font-1: 12px;
}
}
.h1,
h1 {
font-size: calc(var(--font-9) * var(---font-adjust-heading));
}
.h2,
h2 {
font-size: calc(var(--font-8) * var(---font-adjust-heading));
}
.h3,
h3 {
font-size: calc(var(--font-7) * var(---font-adjust-heading));
}
.h4,
h4 {
font-size: calc(var(--font-6) * var(---font-adjust-heading));
}
.h5,
.recent__title,
h5 {
font-size: calc(var(--font-5) * var(---font-adjust-heading));
}
.article__author-bio h3,
.blog .article__image .article__tags,
.h6,
h6 {
font-size: calc(var(--font-4) * var(---font-adjust-heading));
}
.article__author-bio h3,
.blog .article__image .article__tags,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.recent__title,
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: var(---font-stack-heading);
font-style: var(---font-style-heading);
line-height: 1.2;
font-weight: var(---font-weight-heading);
margin: 0.5em 0;
}
.article__author-bio h3 strong,
.blog .article__image .article__tags .strong,
.blog .article__image .article__tags strong,
.blog .article__image .strong.article__tags,
.h1 .strong,
.h1 strong,
.h1.strong,
.h2 .strong,
.h2 strong,
.h2.strong,
.h3 .strong,
.h3 strong,
.h3.strong,
.h4 .strong,
.h4 strong,
.h4.strong,
.h5 .strong,
.h5 strong,
.h5.strong,
.h6 .strong,
.h6 strong,
.h6.strong,
.recent__title .strong,
.recent__title strong,
.strong.recent__title,
h1 .strong,
h1 strong,
h1.strong,
h2 .strong,
h2 strong,
h2.strong,
h3 .strong,
h3 strong,
h3.strong,
h4 .strong,
h4 strong,
h4.strong,
h5 .strong,
h5 strong,
h5.strong,
h6 .strong,
h6 strong,
h6.strong {
font-weight: var(---font-weight-heading-bold);
}
.blog .article__image .theme.article__tags,
.h1.theme,
.h2.theme,
.h3.theme,
.h4.theme,
.h5.theme,
.h6.theme,
.theme.recent__title,
h1.theme,
h2.theme,
h3.theme,
h4.theme,
h5.theme,
h6.theme {
text-align: center;
position: relative;
z-index: 11;
}
.h1--body,
.h2--body,
.h3--body,
.h4--body,
.h5--body,
.h6--body {
font-family: var(---font-stack-body);
font-weight: var(---font-weight-body);
font-style: var(---font-style-body);
text-transform: none;
letter-spacing: 0;
margin: 0.5em 0;
line-height: 1.2;
}
.h1--body a,
.h2--body a,
.h3--body a,
.h4--body a,
.h5--body a,
.h6--body a {
text-decoration: none;
font-weight: inherit;
}
.h1--body {
font-size: calc(var(--font-9) * var(---font-adjust-body));
}
.h2--body {
font-size: calc(var(--font-8) * var(---font-adjust-body));
}
.h3--body {
font-size: calc(var(--font-7) * var(---font-adjust-body));
}
.h4--body {
font-size: calc(var(--font-6) * var(---font-adjust-body));
}
.h5--body {
font-size: calc(var(--font-5) * var(---font-adjust-body));
}
.h6--body {
font-size: calc(var(--font-4) * var(---font-adjust-body));
}
p .p {
font-size: calc(var(--font-3) * var(---font-adjust-body));
}
.small,
p small,
small {
font-size: calc(var(--font-2) * var(---font-adjust-body));
}
.xs {
font-size: calc(var(--font-1) * var(---font-adjust-body));
}
.p,
p {
margin: 0.5em 0;
}
.strong,
strong {
font-weight: var(---font-weight-body-bold);
}
a {
text-decoration: none;
color: var(--link);
}
a:hover {
color: var(--link-hover);
}
blockquote {
padding-left: 1.5em;
border-left: 5px solid var(--link);
margin: 0 0 1.5em 1.25em;
}
blockquote,
ol,
ul {
font-size: calc(var(--font-3) * var(---font-adjust-body));
}
ol,
ul {
margin: 0 0 1.5em 1.3em;
}
ol.unstyled,
ul.unstyled {
list-style-type: none;
margin-left: 0;
}
ol.inline-list li,
ul.inline-list li {
display: inline-block;
margin-bottom: 0;
}
li {
margin: 0 0 0.25em;
}
.hr,
hr {
clear: both;
border-top: solid var(---color-border);
border-width: 1px 0 0;
margin: 1.25rem 0;
height: 0;
}
.hr.hr--small,
hr.hr--small {
margin: 0.625rem 0;
}
.hr.hr--tall,
hr.hr--tall {
margin: 2.5rem 0;
}
.hr.hr--clear,
hr.hr--clear {
border-top-color: transparent;
}
.hr.hr--dash,
hr.hr--dash {
margin: 50px auto;
width: 40px;
}
.hr.hr--thick,
hr.hr--thick {
border-width: 2px 0 0;
}
.hr.hr--underline,
hr.hr--underline {
margin-top: 10px;
margin-bottom: 20px;
}
.hr.hr--no-margin,
hr.hr--no-margin {
margin: 0;
}
.blog .article__image .article__tags,
.caps,
.footer__copyright,
.popout__toggle,
.product-item .badge-box,
.product-item .preorder-box,
.product-item .sale-box,
.search-submit {
text-transform: uppercase;
letter-spacing: 0.12em;
font-family: var(---font-stack-body);
font-weight: var(---font-weight-body);
font-size: calc(11px * var(---font-adjust-body));
}
@media only screen and (max-width: 749px) {
.blog .article__image .article__tags,
.caps,
.footer__copyright,
.popout__toggle,
.product-item .badge-box,
.product-item .preorder-box,
.product-item .sale-box,
.search-submit {
font-size: calc(10px * var(---font-adjust-body));
}
}
.caps--large {
text-transform: uppercase;
letter-spacing: 0.12em;
font-family: var(---font-stack-body);
font-weight: var(---font-weight-body-bold);
font-size: calc(12px * var(---font-adjust-body));
}
@media only screen and (max-width: 749px) {
.caps--large {
font-size: calc(12px * var(---font-adjust-body));
}
}
.highlight {
background-color: var(--primary-fade);
color: var(---color-primary);
padding: 3px 6px;
border-radius: 3px;
}
.grid__heading,
.grid__heading-holder,
.grid__heading-holder > * {
position: relative;
z-index: 11;
padding: var(--gutter) var(--outer);
margin: 0;
text-align: center;
word-break: break-word;
}
.grid__heading-holder > * {
padding-left: 0;
padding-right: 0;
}
.grid__heading-holder
> :not(.image-overlay):first-child
~ :not(.grid__btn-wrapper) {
padding-top: 0;
margin-top: calc(var(--gutter) * -1);
}
.grid__heading-holder > .grid__btn-wrapper:not(:first-child) {
padding-top: 0;
}
.grid__heading {
font-size: calc(var(--font-5) * var(---font-adjust-heading));
}
.grid__description:first-child > :first-child {
margin-top: 0;
}
.grid__description > :last-child {
margin-bottom: 0;
}
.icon {
display: inline-block;
width: 20px;
height: 20px;
vertical-align: middle;
fill: currentColor;
}
.no-svg .icon {
display: none;
}
.icon circle,
.icon ellipse,
.icon g,
.icon line,
.icon path,
.icon polygon,
.icon polyline,
.icon rect {
fill: inherit;
stroke: inherit;
}
.icon-media-model path,
.icon-media-video path {
fill: none;
}
.icon-media-model .icon-media-model-outline,
.icon-media-video .icon-media-video-outline {
fill: var(--bg);
opacity: 0.6;
}
.icon-media-model .icon-media-model-element,
.icon-media-video .icon-media-video-element {
fill: currentColor;
}
.icon-fallback-text {
position: absolute !important;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
}
.no-svg .icon-fallback-text {
position: static !important;
overflow: auto;
clip: auto;
width: auto;
height: auto;
margin: 0;
}
.payment-icons {
-webkit-user-select: "none";
user-select: "none";
cursor: default;
}
.rte img {
max-width: 100%;
height: auto;
margin: 10px 0;
}
.rte a {
text-decoration: underline;
}
.rte table {
table-layout: fixed;
}
.rte ol,
.rte ul {
margin: 0 0 25px 50px;
}
.rte ul {
list-style: disc outside;
}
.rte ul ul {
list-style: circle outside;
}
.rte ul ul ul {
list-style: square outside;
}
.text-center.rte ol,
.text-center .rte ol,
.text-center.rte ul,
.text-center .rte ul {
margin-left: 0;
list-style-position: inside;
}
.rte-table {
max-width: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
.rte__video-wrapper {
position: relative;
overflow: hidden;
max-width: 100%;
padding-bottom: 56.25%;
height: 0;
height: auto;
}
.rte__video-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.rte__table-wrapper {
max-width: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
@media only screen and (max-width: 749px) {
.responsive-table {
width: 100%;
}
.responsive-table thead {
display: none;
}
.responsive-table tr {
display: block;
}
.responsive-table td,
.responsive-table tr {
float: left;
clear: both;
width: 100%;
}
.responsive-table td,
.responsive-table th {
display: block;
text-align: right;
padding: 25px;
margin: 0;
}
.responsive-table td:before {
content: attr(data-label);
float: left;
text-align: center;
padding-right: 10px;
}
.responsive-table-row + .responsive-table-row,
tfoot > .responsive-table-row:first-child {
position: relative;
margin-top: 10px;
padding-top: 25px;
}
.responsive-table-row + .responsive-table-row:after,
tfoot > .responsive-table-row:first-child:after {
content: "";
display: block;
position: absolute;
top: 0;
left: 25px;
right: 25px;
border-bottom: 1px solid var(---color-border);
}
}
:root {
--radius: var(---radius);
--btn-top: 10px;
--btn-left: 18px;
}
@media only screen and (max-width: 749px) {
:root {
--btn-top: 8px;
--btn-left: 16px;
}
}
button {
width: auto;
overflow: visible;
}
.btn,
.button,
.product__reviews .spr-summary-actions-newreview,
.shopify-payment-button .shopify-payment-button__button--unbranded {
--btn-bg: var(---color-primary);
--btn-text: var(---color-primary-opposite);
--btn-border: var(---color-primary);
--btn-bg-hover: var(---color-primary-hover);
--btn-text-hover: var(---color-primary-opposite);
--btn-shadow: var(---color-primary-fade);
-webkit-user-select: "none";
user-select: "none";
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-size: calc(var(--font-3) * var(---font-adjust-body));
line-height: 1.5;
font-family: inherit;
transition: 0.25s ease-out;
transition-property: color, background, border;
display: inline-block;
width: auto;
text-decoration: none;
text-align: center;
vertical-align: middle;
border: 1px solid var(--btn-bg);
border-radius: var(---radius);
font-weight: var(---font-weight-body);
cursor: pointer;
background: var(--btn-bg);
color: var(--btn-text);
padding: var(--btn-top) var(--btn-left);
}
.blog .article__image .btn.article__tags,
.blog .article__image .button.article__tags,
.blog
.article__image
.product__reviews
.spr-summary-actions-newreview.article__tags,
.blog
.article__image
.shopify-payment-button
.shopify-payment-button__button--unbranded.article__tags,
.btn.caps,
.btn.footer__copyright,
.btn.popout__toggle,
.btn.search-submit,
.button.caps,
.button.footer__copyright,
.button.popout__toggle,
.button.search-submit,
.product-item .btn.badge-box,
.product-item .btn.preorder-box,
.product-item .btn.sale-box,
.product-item .button.badge-box,
.product-item .button.preorder-box,
.product-item .button.sale-box,
.product-item .product__reviews .badge-box.spr-summary-actions-newreview,
.product-item .product__reviews .preorder-box.spr-summary-actions-newreview,
.product-item .product__reviews .sale-box.spr-summary-actions-newreview,
.product-item
.shopify-payment-button
.badge-box.shopify-payment-button__button--unbranded,
.product-item
.shopify-payment-button
.preorder-box.shopify-payment-button__button--unbranded,
.product-item
.shopify-payment-button
.sale-box.shopify-payment-button__button--unbranded,
.product__reviews
.blog
.article__image
.spr-summary-actions-newreview.article__tags,
.product__reviews .caps.spr-summary-actions-newreview,
.product__reviews .product-item .badge-box.spr-summary-actions-newreview,
.product__reviews .product-item .preorder-box.spr-summary-actions-newreview,
.product__reviews .product-item .sale-box.spr-summary-actions-newreview,
.product__reviews .spr-summary-actions-newreview.footer__copyright,
.product__reviews .spr-summary-actions-newreview.popout__toggle,
.product__reviews .spr-summary-actions-newreview.search-submit,
.shopify-payment-button
.blog
.article__image
.shopify-payment-button__button--unbranded.article__tags,
.shopify-payment-button .caps.shopify-payment-button__button--unbranded,
.shopify-payment-button
.product-item
.badge-box.shopify-payment-button__button--unbranded,
.shopify-payment-button
.product-item
.preorder-box.shopify-payment-button__button--unbranded,
.shopify-payment-button
.product-item
.sale-box.shopify-payment-button__button--unbranded,
.shopify-payment-button
.shopify-payment-button__button--unbranded.footer__copyright,
.shopify-payment-button
.shopify-payment-button__button--unbranded.popout__toggle,
.shopify-payment-button
.shopify-payment-button__button--unbranded.search-submit {
font-size: calc(var(--font-1) * var(---font-adjust-body));
}
.btn:focus,
.btn:hover,
.button:focus,
.button:hover,
.product__reviews .spr-summary-actions-newreview:focus,
.product__reviews .spr-summary-actions-newreview:hover,
.shopify-payment-button .shopify-payment-button__button--unbranded:focus,
.shopify-payment-button .shopify-payment-button__button--unbranded:hover {
color: var(--btn-text-hover);
background: var(--btn-bg-hover);
border: 1px solid var(--btn-bg-hover);
box-shadow: 0 3px 14px var(--btn-shadow), 0 2px 4px var(--btn-shadow);
}
.btn:active,
.button:active,
.product__reviews .spr-summary-actions-newreview:active,
.shopify-payment-button .shopify-payment-button__button--unbranded:active {
transform: translateY(1px);
}
.btn--outline,
.product__reviews .spr-summary-actions-newreview,
.product__submit--spb .product__submit__add {
--btn-bg: $transparent;
--btn-text: var(---color-primary);
--btn-border: var(---color-primary);
--btn-bg-hover: var(---color-primary);
--btn-text-hover: var(---color-primary-opposite);
--btn-shadow: $transparent;
background-color: hsla(0, 0%, 100%, 0);
color: var(--btn-text);
border: 1px solid var(--btn-border);
box-shadow: none;
}
.btn--outline:active,
.btn--outline:focus,
.btn--outline:hover,
.product__reviews .spr-summary-actions-newreview:active,
.product__reviews .spr-summary-actions-newreview:focus,
.product__reviews .spr-summary-actions-newreview:hover,
.product__submit--spb .product__submit__add:active,
.product__submit--spb .product__submit__add:focus,
.product__submit--spb .product__submit__add:hover {
background-color: var(--btn-bg-hover);
color: var(--btn-text-hover);
border: 1px solid var(--btn-bg-hover);
}
.btn--outline:active,
.product__reviews .spr-summary-actions-newreview:active,
.product__submit--spb .product__submit__add:active {
transform: translateY(1px);
}
.btn--primary {
--btn-bg: var(---color-primary);
--btn-text: var(---color-primary-opposite);
--btn-border: var(---color-primary);
--btn-bg-hover: var(---color-primary-hover);
--btn-text-hover: var(---color-primary-opposite);
--btn-shadow: var(---color-primary-fade);
}
.btn--outline.btn--primary,
.product__reviews .btn--primary.spr-summary-actions-newreview,
.product__submit--spb .btn--primary.product__submit__add {
--btn-bg: $transparent;
--btn-text: var(---color-primary);
--btn-border: var(---color-primary);
--btn-bg-hover: var(---color-primary);
--btn-text-hover: var(---color-primary-opposite);
--btn-shadow: $transparent;
}
.btn--secondary {
--btn-bg: var(---color-secondary);
--btn-text: var(---color-secondary-opposite);
--btn-border: var(---color-secondary);
--btn-bg-hover: var(---color-secondary-hover);
--btn-text-hover: var(---color-secondary-opposite);
--btn-shadow: var(---color-secondary-fade);
}
.btn--outline.btn--secondary,
.product__reviews .btn--secondary.spr-summary-actions-newreview,
.product__submit--spb .btn--secondary.product__submit__add {
--btn-bg: $transparent;
--btn-text: var(---color-secondary);
--btn-border: var(---color-secondary);
--btn-bg-hover: var(---color-secondary);
--btn-text-hover: var(---color-secondary-opposite);
--btn-shadow: $transparent;
}
.btn--link {
--btn-bg: var(---color-link);
--btn-text: var(---color-link-opposite);
--btn-border: var(---color-link);
--btn-bg-hover: var(---color-link-hover);
--btn-text-hover: var(---color-link-opposite);
--btn-shadow: var(---color-link-fade);
}
.btn--outline.btn--link,
.product__reviews .btn--link.spr-summary-actions-newreview,
.product__submit--spb .btn--link.product__submit__add {
--btn-bg: $transparent;
--btn-text: var(---color-link);
--btn-border: var(---color-link);
--btn-bg-hover: var(---color-link);
--btn-text-hover: var(---color-link-opposite);
--btn-shadow: $transparent;
}
.btn--neutral {
--btn-bg: var(---color-text);
--btn-shadow: var(---color-border-hairline);
--btn-text: var(---color-bg);
--btn-border: var(---color-text);
--btn-bg-hover: var(---color-text-dark);
--btn-text-hover: var(---color-bg);
}
.btn--outline.btn--neutral,
.product__reviews .btn--neutral.spr-summary-actions-newreview,
.product__submit--spb .btn--neutral.product__submit__add {
--btn-bg: $transparent;
--btn-text: var(---color-text);
--btn-border: var(---color-text);
--btn-bg-hover: var(---color-text);
--btn-text-hover: var(---color-bg);
--btn-shadow: $transparent;
}
.btn--black {
--btn-bg: #000;
--btn-shadow: $transparent;
--btn-text: #fff;
--btn-border: #000;
--btn-bg-hover: #000;
--btn-text-hover: #ddd;
}
.btn--outline.btn--black,
.product__reviews .btn--black.spr-summary-actions-newreview,
.product__submit--spb .btn--black.product__submit__add {
--btn-bg: $transparent;
--btn-text: #000;
--btn-border: #000;
--btn-bg-hover: #000;
--btn-text-hover: #fff;
--btn-shadow: $transparent;
}
.btn--white {
--btn-bg: #fff;
--btn-shadow: $transparent;
--btn-text: var(---color-text-dark);
--btn-border: #fff;
--btn-bg-hover: #fff;
--btn-text-hover: var(---color-text);
}
.btn--outline.btn--white,
.product__reviews .btn--white.spr-summary-actions-newreview,
.product__submit--spb .btn--white.product__submit__add {
--btn-bg: $transparent;
--btn-text: #fff;
--btn-border: #fff;
--btn-bg-hover: #f7f7f7;
--btn-text-hover: var(---color-text-dark);
--btn-shadow: $transparent;
}
.btn--large {
width: 100%;
max-width: 260px;
--btn-top: 16px;
--btn-left: 22px;
}
@media only screen and (max-width: 749px) {
.btn--large {
--btn-top: 12px;
--btn-left: 18px;
}
}
.btn--small,
.product__reviews .spr-summary-actions-newreview {
font-size: calc(var(--font-1) * var(---font-adjust-body));
--btn-top: 5px;
--btn-left: 10px;
}
@media only screen and (max-width: 749px) {
.btn--small,
.product__reviews .spr-summary-actions-newreview {
--btn-top: 4px;
--btn-left: 8px;
}
}
.btn--input {
font-size: calc(var(--font-2) * var(---font-adjust-body));
--btn-top: 9px;
--btn-left: 16px;
}
@media only screen and (max-width: 749px) {
.btn--input {
--btn-top: 9px;
--btn-left: 16px;
}
}
.btn--half {
margin: 0;
min-width: 50%;
}
@media only screen and (max-width: 749px) {
.btn--half {
width: 100%;
}
}
.btn--full {
width: 100%;
min-width: 100%;
max-width: 100%;
}
.btn--pill {
border: none;
padding: 3px 10px;
background-color: var(---color-border-light);
border-radius: 100%;
transition: 0.25s ease-out;
transition-property: color, background, border;
}
.btn--pill,
.btn--pill:hover {
color: var(---color-text);
box-shadow: none;
}
.btn--pill:active,
.btn--pill:focus,
.btn--pill:hover {
background-color: var(---color-border);
}
.btn--pill:active,
.btn--pill:focus {
box-shadow: none;
}
.btn--pill .icon,
.btn--pill .oi,
.btn--pill [class^="ico-"] {
margin-left: 6px;
}
.btn--scroll-top {
position: fixed;
right: var(--outer);
bottom: var(--outer);
z-index: 500;
overflow: hidden;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
opacity: 0;
visibility: hidden;
transform: translateY(100%);
transition: opacity 0.3s ease, transform 0.3s ease, visibility 0s linear 0.3s;
}
.btn--scroll-top:after {
content: "";
display: inline-block;
width: 5px;
height: 5px;
border-color: currentcolor;
border-style: solid;
border-width: 0 0 1px 1px;
margin: 0;
vertical-align: middle;
transform: rotate(135deg);
transform-origin: 50% 50%;
transition: all 0.3s;
}
.btn--scroll-top.is-visible {
opacity: 1;
visibility: visible;
transform: translateY(0);
transition: opacity 0.5s ease, transform 0.5s ease, visibility 0s linear 0s;
}
@media only screen and (max-width: 749px) {
.btn--scroll-top {
bottom: var(--mobile-newsletter-with-cookie-height);
}
}
.btn--primary.caps--large {
--link: var(---color-primary);
}
.btn--secondary.caps--large {
--link: var(---color-secondary);
}
.btn--link.caps--large {
--link: var(---color-link);
}
.btn--neutral.caps--large {
--link: var(---color-text);
}
.btn--black.caps--large {
--link: #000;
}
.btn--white.caps--large {
--link: #fff;
}
.text-link {
border-radius: 0;
background-color: hsla(0, 0%, 100%, 0);
text-decoration: none !important;
cursor: pointer;
color: var(---color-text);
border: none;
border-bottom: 1px solid var(---color-border-light);
padding: 0 0 3px;
transition: all 0.25s ease-in;
}
.text-link:hover {
border-bottom: 1px solid var(--border);
padding-bottom: 1px;
margin-bottom: 2px;
}
.text-link:active,
.text-link:focus,
.text-link:hover {
background-color: hsla(0, 0%, 100%, 0);
color: var(---color-text);
box-shadow: none;
}
.text-link:active,
.text-link:focus {
transform: translateY(2px);
border: none;
border-bottom: 1px solid var(--border);
}
.text-link-default {
padding: 0;
border: none;
color: var(---color-link);
text-decoration: none;
}
.text-link-default:hover {
color: var(---color-link-hover);
text-decoration: none;
}
.btn + .text-link,
.product__reviews .spr-summary-actions-newreview + .text-link,
.shopify-payment-button .shopify-payment-button__button--unbranded + .text-link,
button + .text-link {
margin-left: 15px;
}
.inline-nav {
list-style: none;
list-style-type: none;
text-align: center;
padding: 0;
margin: 30px 0;
}
.inline-nav li {
display: inline-block;
padding: 5px 0;
margin: 5px 20px;
}
@media only screen and (max-width: 749px) {
.inline-nav li {
margin: 5px 15px 5px 0;
}
}
.inline-nav li a {
color: var(---color-link);
position: relative;
}
.inline-nav li a:after {
content: "";
margin: auto;
width: 10%;
height: 2px;
position: absolute;
bottom: -4px;
left: 0;
opacity: 0;
background: var(---color-link-hover);
transition: 0.25s ease-out;
transition-property: color, background, border;
}
.inline-nav li.inline-nav--active a,
.inline-nav li a:hover {
color: var(---color-link);
}
.inline-nav li.inline-nav--active a:after,
.inline-nav li a:hover:after {
color: var(---color-link);
opacity: 1;
width: 100%;
}
.blog-title + .inline-nav {
margin-top: 0;
}
.input-group.newsletter-form {
overflow: hidden;
height: 1px;
}
.input-group.newsletter-form .input-group-btn,
.input-group.newsletter-form .input-group-btn .btn,
.input-group.newsletter-form .input-group-btn .btn:active,
.input-group.newsletter-form .input-group-btn .btn:focus,
.input-group.newsletter-form
.input-group-btn
.product__reviews
.spr-summary-actions-newreview,
.input-group.newsletter-form
.input-group-btn
.shopify-payment-button
.shopify-payment-button__button--unbranded,
.product__reviews
.input-group.newsletter-form
.input-group-btn
.spr-summary-actions-newreview,
.shopify-payment-button
.input-group.newsletter-form
.input-group-btn
.shopify-payment-button__button--unbranded {
height: 100%;
padding-top: 0;
padding-bottom: 0;
}
.input-group.newsletter-form .input-group-btn .btn,
.input-group.newsletter-form .input-group-btn .btn:active,
.input-group.newsletter-form .input-group-btn .btn:focus,
.input-group.newsletter-form
.input-group-btn
.product__reviews
.spr-summary-actions-newreview,
.input-group.newsletter-form
.input-group-btn
.shopify-payment-button
.shopify-payment-button__button--unbranded,
.product__reviews
.input-group.newsletter-form
.input-group-btn
.spr-summary-actions-newreview,
.shopify-payment-button
.input-group.newsletter-form
.input-group-btn
.shopify-payment-button__button--unbranded {
border: none;
}
.input-group.newsletter-form input {
padding: 14px 18px;
color: var(--text);
border: none;
}
.input-group.newsletter-form input::placeholder {
color: var(--text);
}
.input-group.newsletter-form input:active,
.input-group.newsletter-form input:focus {
border: none;
box-shadow: none;
}
.product__reviews
.site-footer-wrapper
.input-group.newsletter-form
.input-group-btn
.spr-summary-actions-newreview,
.shopify-payment-button
.site-footer-wrapper
.input-group.newsletter-form
.input-group-btn
.shopify-payment-button__button--unbranded,
.site-footer-wrapper .input-group.newsletter-form .input-group-btn,
.site-footer-wrapper .input-group.newsletter-form .input-group-btn .btn,
.site-footer-wrapper .input-group.newsletter-form .input-group-btn .btn:active,
.site-footer-wrapper .input-group.newsletter-form .input-group-btn .btn:focus,
.site-footer-wrapper
.input-group.newsletter-form
.input-group-btn
.product__reviews
.spr-summary-actions-newreview,
.site-footer-wrapper
.input-group.newsletter-form
.input-group-btn
.shopify-payment-button
.shopify-payment-button__button--unbranded {
background-color: var(--input-group-bg);
color: var(--input-group-text);
}
.modal-text--light .input-group.newsletter-form,
.text-light .input-group.newsletter-form {
--input-group-bg: #fff;
--input-group-text: var(---color-text);
}
.modal-text--dark .input-group.newsletter-form,
.text-dark .input-group.newsletter-form {
--input-group-bg: var(---color-text);
--input-group-text: var(---color-bg);
}
.input-group--fullwidth.newsletter-form {
width: 100%;
}
.input-group.newsletter-form .input-group-btn .btn,
.input-group.newsletter-form
.input-group-btn
.product__reviews
.spr-summary-actions-newreview,
.input-group.newsletter-form
.input-group-btn
.shopify-payment-button
.shopify-payment-button__button--unbranded,
.product__reviews
.input-group.newsletter-form
.input-group-btn
.spr-summary-actions-newreview,
.shopify-payment-button
.input-group.newsletter-form
.input-group-btn
.shopify-payment-button__button--unbranded {
border-radius: var(---radius-sm);
}
.aos-initialized a[data-aos][data-aos][data-aos-delay="200"].aos-animate,
.aos-initialized a[data-aos][data-aos][data-aos-delay="500"].aos-animate {
transition: 0.25s ease-out;
transition-property: color, background, border;
}
.show-button-animation .cart__checkout,
.show-button-animation .product__submit__add,
.show-button-animation .shopify-payment-button__button--unbranded {
position: relative;
overflow: hidden;
will-change: color, border;
text-transform: uppercase;
transition: color 0.3s ease, border 0.3s ease, background 0s linear 0s;
z-index: 1;
}
.show-button-animation .cart__checkout:before,
.show-button-animation .product__submit__add:before,
.show-button-animation .shopify-payment-button__button--unbranded:before {
content: "";
position: absolute;
display: flex;
left: 0;
top: 0;
right: 0;
bottom: 0;
cursor: pointer;
background: var(--btn-bg-hover);
will-change: transform;
transform: scaleX(0);
transform-origin: right center;
transition: transform 0.3s ease;
z-index: -1;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
.show-button-animation .cart__checkout:before,
.show-button-animation .shopify-payment-button__button--unbranded:before {
background: var(--btn-text);
}
.show-button-animation .cart__checkout:hover,
.show-button-animation .product__submit__add:hover {
background: var(--btn-bg);
border-color: var(--btn-bg-hover);
transition: color 0.3s ease, border 0.3s ease, background 0s linear 0.3s;
}
.show-button-animation .cart__checkout:not([disabled]):hover,
.show-button-animation
.shopify-payment-button
.shopify-payment-button__button--unbranded:not([disabled]):hover,
.show-button-animation .shopify-payment-button__button--unbranded:hover {
background: hsla(0, 0%, 100%, 0);
border-color: var(--btn-bg);
color: var(--btn-bg);
transition: color 0.3s ease, border 0.3s ease, background 0s linear 0.3s;
}
.show-button-animation .cart__checkout:hover:before,
.show-button-animation .product__submit__add:hover:before,
.show-button-animation .shopify-payment-button__button--unbranded:hover:before {
transform-origin: left center;
transform: none;
}
.show-button-animation .cart__checkout[disabled]:hover:before,
.show-button-animation .product__submit__add[disabled]:hover:before,
.show-button-animation
.shopify-payment-button__button--unbranded[disabled]:hover:before {
content: none;
}
.badge {
border: none;
padding: 3px 6px;
background-color: var(---color-border-light);
color: var(---color-text);
border-radius: 3px;
}
.input-group,
.popout__toggle,
input,
select,
textarea {
border: 1px solid var(---color-border);
font-size: var(---font-size-base);
border-radius: var(---radius-sm);
max-width: 100%;
padding: 9px 16px;
margin: 7px 0;
background: hsla(0, 0%, 100%, 0);
font-family: var(---font-stack-body);
font-weight: var(---font-weight-body);
font-style: var(---font-style-body);
}
.text-light .input-group,
.text-light .popout__toggle,
.text-light input,
.text-light select,
.text-light textarea {
color: #fff;
}
@media only screen and (max-width: 749px) {
.input-group,
.popout__toggle,
input,
select,
textarea {
padding: 9px 10px;
font-size: 1rem;
}
}
.input-group:focus,
.popout__toggle:focus,
input:focus,
select:focus,
textarea:focus {
border: 1px solid var(---color-link);
}
.input-group[disabled],
[disabled].popout__toggle,
input[disabled],
select[disabled],
textarea[disabled] {
cursor: default;
background-color: var(---color-border);
border-color: var(---color-border-dark);
}
.input-group:-webkit-autofill,
.input-group:-webkit-autofill:active,
.input-group:-webkit-autofill:focus,
.input-group:-webkit-autofill:hover,
.popout__toggle:-webkit-autofill,
input:-webkit-autofill,
input:-webkit-autofill:active,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover,
select:-webkit-autofill,
select:-webkit-autofill:active,
select:-webkit-autofill:focus,
select:-webkit-autofill:hover,
textarea:-webkit-autofill,
textarea:-webkit-autofill:active,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:hover {
-webkit-transition: background-color 5000s ease-in-out 0s,
border-color 5000s ease-in-out 0s;
transition: background-color 5000s ease-in-out 0s,
border-color 5000s ease-in-out 0s;
-webkit-text-fill-color: var(---color-text) !important;
}
textarea {
min-height: 100px;
padding: 16px;
}
.form-field,
.form-item {
width: 100%;
max-width: 400px;
margin: 0 auto 20px;
line-height: 1;
text-align: left;
position: relative;
}
.form-item .popout__toggle,
.form-item select {
width: 100%;
}
.form-field label {
background: var(---color-bg);
color: var(---color-text);
font-size: calc(0.75rem * var(---font-adjust-body));
font-weight: var(---font-weight-body-bold);
left: 9px;
opacity: 0;
padding: 0 0.5em;
position: absolute;
top: 2em;
transition: 0.25s ease-out;
transition-property: color, background, border;
z-index: -1;
}
.form-field label.label--float {
opacity: 1;
top: -0.8em;
z-index: 1;
}
.form-field .popout__toggle,
.form-field input[type="email"],
.form-field input[type="number"],
.form-field input[type="password"],
.form-field input[type="tel"],
.form-field input[type="text"],
.form-field select,
.form-field textarea {
display: block;
width: 100%;
}
input[type="email"],
input[type="number"],
input[type="password"],
input[type="tel"],
input[type="text"],
textarea {
-webkit-appearance: none;
}
input[type="checkbox"] {
margin: 4px 3px 4px 0;
-webkit-appearance: checkbox;
-moz-appearance: checkbox;
-o-appearance: checkbox;
appearance: checkbox;
}
input[type="radio"] {
margin: 11px 3px 4px 0;
-webkit-appearance: radio;
-moz-appearance: radio;
-o-appearance: radio;
appearance: radio;
}
legend {
padding-bottom: 6px;
}
.label--block {
display: block;
}
.input-group {
background-color: hsla(0, 0%, 100%, 0);
position: relative;
display: table;
border-collapse: initial;
padding: 0;
}
.input-group .btn,
.input-group .product__reviews .spr-summary-actions-newreview,
.input-group .shopify-payment-button .shopify-payment-button__button--unbranded,
.product__reviews .input-group .spr-summary-actions-newreview,
.shopify-payment-button
.input-group
.shopify-payment-button__button--unbranded {
box-shadow: none;
}
.input-group input,
.input-group input:active,
.input-group input:focus {
background-color: hsla(0, 0%, 100%, 0);
border: none;
box-shadow: none;
margin: 0;
}
.input-group input::-moz-focus-inner,
.input-group input:active::-moz-focus-inner,
.input-group input:focus::-moz-focus-inner {
border: 0;
padding: 0;
margin-top: -1px;
margin-bottom: -1px;
}
.input-group-btn,
.input-group-field {
display: table-cell;
vertical-align: middle;
margin: 0;
}
.input-group .input-group-field {
width: 100%;
margin-bottom: 0;
}
.input-group-btn {
position: relative;
white-space: nowrap;
width: 1%;
padding: 0;
margin: 0;
}
.form__legal p {
font-style: italic;
color: var(---color-a70);
font-size: calc(0.75rem * var(---font-adjust-body));
}
.form__legal a {
color: var(---color-a90);
}
.popout__toggle,
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-position: 100%;
background-image: var(---ico-select);
background-repeat: no-repeat;
background-position: right 10px center;
background-color: initial;
background-size: 11px auto;
padding-right: 28px;
text-indent: 0.01px;
text-overflow: "";
cursor: pointer;
}
.popout__toggle::-ms-expand,
select::-ms-expand {
display: none;
}
.input-error.popout__toggle,
input.input-error,
select.input-error,
textarea.input-error {
border-color: var(---color-error);
background-color: var(---color-error-bg);
color: var(---color-error);
}
@media only screen and (min-width: 750px) {
.form-padding--medium-up {
padding-right: 10px;
}
}
.form-errors,
form .errors {
padding: 0.9375rem 1.25rem;
border: 1px solid #f5c6cb;
border-radius: var(---radius-sm);
margin: 2em auto;
background-color: #f8d7da;
color: #721c24;
}
.form-errors ul,
form .errors ul {
list-style-type: none;
margin: 10px 20px;
padding: 0;
color: inherit;
}
form .errors {
max-width: 400px;
}
.cart-form-errors {
padding: 0.9375rem 1.25rem;
border: 1px solid #f5c6cb;
border-radius: var(---radius-sm);
margin: 2em 0;
background-color: #f8d7da;
color: #721c24;
}
.cart-form-errors ul {
list-style-type: none;
margin: 10px 20px;
padding: 0;
color: inherit;
}
.form-success {
border: 1px solid var(---color-border);
border-radius: var(---radius-sm);
margin: 0 0 1.875rem;
padding: 0.9375rem 1.25rem;
color: var(---color-text);
box-shadow: 0 1px 3px var(--hairline), 0 1px 2px var(--hairline);
}
.form--search input {
width: 80%;
}
.form--search .btn,
.form--search .product__reviews .spr-summary-actions-newreview,
.form--search
.shopify-payment-button
.shopify-payment-button__button--unbranded,
.product__reviews .form--search .spr-summary-actions-newreview,
.shopify-payment-button
.form--search
.shopify-payment-button__button--unbranded {
width: 19%;
padding: 10px 0;
}
.contact-form .form-success {
max-width: 400px;
margin: 30px auto;
}
.template- .main-content > :not(.shopify-policy__container) {
margin-top: 60px;
}
.placeholder-svg {
display: block;
fill: var(---color-text-light);
background-color: var(---color-bg-secondary);
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
border: 1px solid var(---color-bg-secondary);
}
.placeholder-svg--small {
width: 480px;
}
.placeholder-noblocks {
padding: 40px;
text-align: center;
}
.placeholder-background {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.placeholder-background .icon {
border: 0;
}
.lazy-image {
display: block;
position: relative;
background-size: cover;
}
.lazy-image img {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: auto;
}
.fade-in.lazyloaded {
opacity: 1;
}
.fade-in {
opacity: 0;
transition: opacity 0.25s ease-in-out;
}
.image__fill {
display: block;
}
.image__fill,
.image__hero__frame {
position: relative;
overflow: hidden;
}
.image__hero__pane {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.image__hero__scale {
position: relative;
display: block;
width: 100%;
height: 100%;
min-height: 100%;
}
[data-parallax-wrapper] .image__hero__pane {
display: flex;
align-items: center;
}
[data-parallax-wrapper] .image__hero__scale {
min-height: var(---parallax-strength-min);
max-height: var(---parallax-strength-max);
}
.link-over-image {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 20;
}
.link-over-image .background-size-cover {
transition: transform 2s cubic-bezier(0.215, 0.61, 0.355, 1);
transform: scale(1);
}
.link-over-image:hover .background-size-cover {
transform: scale(1.06);
}
.backdrop--radial {
position: relative;
}
.backdrop--radial:after {
content: "";
transform: scale(5);
z-index: -1;
opacity: 0.25;
background: radial-gradient(var(--bg), hsla(0, 0%, 100%, 0) 50%);
}
.backdrop--radial:after,
.image-overlay-bottom {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.image-overlay-bottom {
z-index: 10;
opacity: 0.5;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.3));
}
.fade-in-image .background-size-cover.lazyloaded {
opacity: 1;
background-repeat: no-repeat;
background-size: contain;
}
.fade-in-image .background-size-cover {
opacity: 0;
transition: opacity 0.5s ease-in;
}
.no-js .fade-in-image .background-size-cover {
opacity: 1;
}
.fade-in-image-zoom .background-size-cover.lazyloaded {
opacity: 1;
transform: scale(1);
}
.fade-in-image-zoom .background-size-cover {
opacity: 0;
transform: scale(1.06);
transition: opacity 0.65s cubic-bezier(0.215, 0.61, 0.355, 1),
transform 2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.no-js .fade-in-image-zoom .background-size-cover {
opacity: 1;
transform: scale(1);
}
.no-js .lazyload {
display: none !important;
}
.no-js .image__fill {
padding-top: 0 !important;
}
.no-js .no-js-image {
display: block;
}
.no-js [data-aos] {
opacity: 1 !important;
transform: none !important;
}
.loader {
position: relative;
height: 4px;
display: block;
background-color: var(--primary-fade);
border-radius: 2px;
overflow: hidden;
width: 150px;
margin: 30px auto;
}
.loadMore .loader {
opacity: 1;
visibility: visible;
}
.lazyloaded .loader {
opacity: 0;
visibility: hidden;
}
.loader-indeterminate {
background-color: var(--primary);
}
.loader-indeterminate:before {
left: -35%;
animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
}
.loader-indeterminate:after,
.loader-indeterminate:before {
content: "";
position: absolute;
background-color: inherit;
top: 0;
width: 100%;
bottom: 0;
will-change: transform;
}
.loader-indeterminate:after {
left: -200%;
animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1)
infinite;
animation-delay: 1.15s;
}
@keyframes indeterminate {
0% {
transform: translateX(0) scaleX(0.35);
}
60% {
transform: translateX(50%) scaleX(0.9);
}
to {
transform: translateX(100%) scaleX(0.9);
}
}
@keyframes indeterminate-short {
0% {
transform: translateX(0) scaleX(2);
}
60% {
transform: translateX(460px) scaleX(0.01);
}
to {
transform: translateX(460px) scaleX(0.01);
}
}
.tooltip-default {
position: absolute;
z-index: 9999;
top: 0;
left: 0;
pointer-events: none;
transform: translateZ(0);
}
.tooltip-default__inner {
position: relative;
display: inline-block;
max-width: 100%;
opacity: 0;
transform: translateY(8px);
transition: opacity 0.2s ease-out, transform 0.2s ease-out;
}
.tooltip-default__arrow {
position: absolute;
top: 4px;
left: 50%;
z-index: 1;
width: 12px;
height: 12px;
margin-left: -6px;
background: var(--bg);
border: 1px solid var(--border);
-webkit-clip-path: polygon(0 0, 100% 100%, 0 100%);
clip-path: polygon(0 0, 100% 100%, 0 100%);
transform: rotate(135deg);
}
.tooltip-default__text {
position: relative;
margin-top: 10px;
display: none;
background: var(--bg);
color: var(--text-dark);
padding: 3px 10px;
border-radius: 0;
box-shadow: 0 0 0 1px var(--border);
font-size: calc(var(--font-2) * var(---font-adjust-body));
text-align: center;
}
.tooltip-default.is-hiding .tooltip-default__inner {
opacity: 1;
transform: translateY(0);
}
.tooltip-default.is-visible .tooltip-default__inner {
transition: none;
animation: tooltip 0.2s ease-out;
animation-fill-mode: forwards;
}
@keyframes tooltip {
0% {
opacity: 0;
transform: translateY(8px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.header__wrapper {
--bg: var(---color-menu-bg);
--border: var(---color-menu-border);
--text: var(---color-menu-link);
--link: var(---color-menu-link);
--link-hover: var(---color-menu-link-hover);
--text-dark: var(---color-menu-link);
--text-light: var(---color-menu-link);
--text-transparent: var(---color-menu-transparent);
--underline: var(---color-menu-border);
transition: top 0.2s linear;
}
.header__desktop__upper {
--bg: var(---color-header-bg);
--text: var(---color-header-link);
--link: var(---color-header-link);
--link-hover: var(---color-header-link-hover);
background-color: var(--bg);
color: var(--text);
transition: background-color 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.header__desktop__lower {
border-top: 1px solid var(--border);
background-color: var(--bg);
color: var(--text);
transition: background-color 0.2s cubic-bezier(0.215, 0.61, 0.355, 1),
border-top 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.theme__header {
position: absolute;
z-index: 5000;
width: 100%;
color: var(--text);
border-bottom: 1px solid var(--border);
transition: border 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.header__wrapper.meganav--visible,
.header__wrapper:hover,
.meganav--visible .theme__header,
.theme__header:hover {
z-index: 9998;
}
.header__mobile {
display: grid;
min-height: 60px;
grid-template-columns: repeat(3, minmax(0, 1fr));
background: var(--bg);
transition: background-color 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.header__mobile .icon {
height: 27px;
width: 27px;
}
.header-override-border,
[data-header-transparent="true"] .theme__header {
border-bottom-color: transparent;
}
.header-override-border .grandparent .header__dropdown,
[data-header-transparent="true"] .theme__header .grandparent .header__dropdown {
border-bottom: none;
}
[data-header-transparent="true"] .theme__header .parent .header__dropdown {
padding-top: 18px;
}
.header__backfill {
visibility: hidden;
z-index: -1;
position: relative;
}
.header__logo {
margin: 0;
padding: 15px 0;
display: flex;
align-items: center;
justify-content: center;
}
.header__logo__link {
display: block;
text-decoration: none;
color: var(--text);
position: relative;
max-width: 50vw;
}
.header__logo__link:hover {
color: var(--text);
}
.header__logo--image .header__logo__link:before {
content: "";
display: block;
width: 100%;
height: 0;
font-size: 0;
}
.header__logo__text {
text-transform: uppercase;
letter-spacing: 0.12em;
font-family: var(---font-stack-body);
font-weight: var(---font-weight-body);
font-size: calc(11px * var(---font-adjust-body));
font-family: var(---font-stack-nav);
font-style: var(---font-style-nav);
font-weight: var(---font-weight-nav);
font-weight: var(---font-weight-nav-bold);
font-size: calc(var(--font-4) * var(---font-adjust-nav));
height: 50px;
display: inline-flex;
justify-content: center;
align-items: center;
padding: 1em 1.5em;
background: var(---color-header-link);
color: var(---color-header-bg);
}
@media only screen and (max-width: 749px) {
.header__logo__text {
font-size: calc(10px * var(---font-adjust-body));
}
}
.header__logo__text span {
max-width: calc(50vw - 1em);
text-align: center;
line-height: 1;
height: auto;
}
.header__logo__text--no-bg {
background: initial;
color: currentColor;
transition: 0.25s ease-in-out;
}
.header__logo__text--long {
font-size: calc(var(--font-3) * var(---font-adjust-nav));
}
@media only screen and (max-width: 749px) {
.header__logo__text--break.header__logo__text {
word-break: break-all;
}
}
.header__mobile__left,
.header__mobile__right {
display: flex;
}
.header__mobile__left,
.header__mobile__left .header__mobile__button .navlink {
justify-content: flex-start;
}
.header__mobile__right,
.header__mobile__right .header__mobile__button .navlink {
justify-content: flex-end;
}
.header__mobile__button {
height: 100%;
display: flex;
align-items: center;
align-content: center;
}
.header__mobile__button .navlink {
padding: 0;
height: 100%;
display: flex;
align-items: center;
transition: 0.25s ease-in-out;
}
.header__mobile__button {
margin-left: 14px;
}
.header__mobile__button:first-child {
margin-left: 0;
}
.header__mobile__button .header__mobile__hamburger {
margin-right: 11px;
}
.header__mobile__button:last-child .header__mobile__hamburger,
.header__mobile__button:last-child .navlink {
margin-right: 0;
}
.header__desktop__lower,
.header__desktop__upper,
.header__mobile {
padding-left: var(--outer);
padding-right: var(--outer);
}
.header__desktop__lower,
.header__desktop__upper {
display: flex;
width: 100%;
padding-left: 5%;
padding-right: 5%;
justify-content: right;
align-items: center;
flex-wrap: nowrap;
}
.header__desktop__bar__c,
.header__desktop__bar__l,
.header__desktop__bar__r {
display: flex;
align-self: stretch;
}
.header__desktop__bar__l {
flex: 1 0 0;
justify-content: flex-start;
}
.header__desktop__bar__c {
flex-grow: 0;
}
.header__desktop__buttons {
display: flex;
}
.header__menu__inner {
display: flex;
height: 100%;
justify-content: center !important;
}
.header__desktop__button .navlink,
.navlink--toplevel {
align-items: center;
display: flex;
height: 100%;
}
.header__desktop__button .navlink,
.navlink--toplevel2 {
align-items: center;
display: flex;
height: 100%;
}
.header__desktop__button .navlink {
padding: 5px 11px;
transition: 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.header__desktop {
width: 100%;
}
.header__desktop .icon {
height: 30px;
width: 30px;
}
.navlink {
padding: 5px 0;
position: relative;
}
.navlink .icon-account {
margin-top: 3px;
}
.navlink--child,
.navlink--grandchild {
color: var(--text-light);
transition: color 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.navlink--child:hover,
.navlink--grandchild:hover {
color: var(--link-hover);
}
.navlink--child .navtext,
.navlink--grandchild .navtext {
color: var(--text-light);
}
.navlink--child:hover .navtext,
.navlink--grandchild:hover .navtext {
color: var(--link-hover);
}
.navlink--toplevel {
font-family: var(---font-stack-nav);
font-style: var(---font-style-nav);
font-weight: var(---font-weight-nav);
position: relative;
padding: 15px;
font-weight: var(---font-weight-body-bold);
transition: opacity 0.25s linear,
color 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
z-index: 6;
}
.navlink--toplevel2 {
font-family: var(---font-stack-nav);
font-style: var(---font-style-nav);
font-weight: var(---font-weight-nav);
position: relative;
padding: 15px;
font-weight: var(---font-weight-body-bold);
transition: opacity 0.25s linear,
color 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
z-index: 6;
}
.navlink--toplevel:after {
content: "";
position: absolute;
left: 0;
right: 0px;
bottom: 8px;
height: 2px;
background-color: #a9a8a8;
transform: scaleX(0);
transition: transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.navlink--toplevel:hover {
color: var(--color-link);
}
.is-visible .navlink--toplevel:after,
.navlink--toplevel:hover:after {
transform: scaleX(1);
}
.navtext {
font-size: calc(var(--font-2) * var(---font-adjust-nav));
display: block;
transition: color 0.25s ease-out;
white-space: nowrap;
}
.header__desktop__bar__c.header_bottom_menu_desktop {
padding: 0 5%;
}
.header__desktop__bar__c.header_bottom_menu_desktop .header__menu {
width: 89%;
}
.header__desktop__bar__c.header_bottom_menu_desktop .navlink--toplevel {
padding: 0px 0;
}
.header__desktop__bar__c.header_bottom_menu_desktop .header__menu__inner {
justify-content: space-between;
padding-top: 10px;
}
.header__desktop__bar__c.header_bottom_menu_desktop .navtext {
text-transform: uppercase;
}
.header__desktop__bar__r {
flex: 1 0 0;
justify-content: flex-end;
}
.header__desktop__bar__r > .header__desktop__buttons,
.header__desktop__bar__r > .header__menu__inner {
margin-right: -10px;
}
.header__desktop__bar__l .header__menu__inner {
margin-left: -10px;
}
.header__desktop__bar__l .social__links {
list-style: none;
display: flex;
flex-wrap: wrap;
margin: 0 0 0 -11px;
}
.header__desktop__bar__l .social__links li {
padding: 0;
}
.header__desktop__bar__l .social__links a {
align-items: center;
display: flex;
height: 100%;
padding: 5px 11px;
}
.header__desktop__bar__l .social__links svg {
fill: var(--text);
}
.header__desktop__bar__l .social__links a:hover svg {
fill: var(--link-hover);
}
.js__header__stuck {
position: fixed;
width: 100%;
top: 0;
z-index: 6000;
}
.js__header__stuck .theme__header:after {
opacity: 1;
visibility: visible;
transition-delay: 0s;
}
.js__header__stuck--animated .theme__header {
transform: translateY(-100%);
transition: transform 0.2s linear;
}
.js__header__stuck--animated.js__header__stuck--trigger-animation
.theme__header,
.js__header__stuck--trigger-animation .theme__header {
transform: translateY(0);
transition: transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.theme__header:after {
content: "";
z-index: -5;
transition: opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1),
visibility 0s linear 0.2s;
visibility: hidden;
background: var(--bg);
}
.logo__img,
.theme__header:after {
width: 100%;
height: 100%;
position: absolute;
top: 0;
opacity: 0;
}
.logo__img {
left: 0;
display: block;
object-fit: contain;
transition: opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.logo__img--transparent {
position: absolute;
top: 0;
opacity: 0;
}
.lazyloaded.logo__img--color {
opacity: 1;
}
[data-header-transparent="true"]:not(.meganav--visible),
[data-header-transparent="true"]:not(.meganav--visible) .header__desktop__lower,
[data-header-transparent="true"]:not(.meganav--visible) .header__desktop__upper,
[data-header-transparent="true"]:not(.meganav--visible) .header__mobile {
--text: var(--text-transparent);
--link: var(--text-transparent);
--link-hover: var(--text-transparent);
--text-dark: var(--text-transparent);
--text-light: var(--text-transparent);
--underline: var(--text-transparent);
background-color: hsla(0, 0%, 100%, 0);
}
[data-header-transparent="true"]:not(.meganav--visible) .header__desktop__lower,
[data-header-transparent="true"]:not(.meganav--visible)
.header__desktop__upper {
background-color: hsla(0, 0%, 100%, 0);
}
[data-header-transparent="true"]:not(.meganav--visible)
.header__desktop__lower {
border-top: 1px solid hsla(0, 0%, 100%, 0);
}
[data-header-transparent="true"]:not(.meganav--visible)
.navlink--toplevel:after {
background-color: currentColor;
}
[data-header-transparent="true"]:not(.meganav--visible)
.grandparent
.navlink--toplevel:after,
[data-header-transparent="true"]:not(.meganav--visible)
.parent
.navlink--toplevel:after {
display: none;
}
[data-header-transparent="true"]:not(.meganav--visible)
.header__logo--has-transparent
.logo__img--color,
[data-header-transparent="true"]:not(.meganav--visible)
.header__logo--has-transparent
.logo__img--transparent {
opacity: 0;
}
[data-header-transparent="true"]:not(.meganav--visible)
.header__logo--has-transparent
.logo__img--transparent.lazyloaded {
opacity: 1;
transition: opacity 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.header__menu {
z-index: 5;
}
.blog .article__image .header__menu.article__tags,
.header__menu.caps,
.header__menu.footer__copyright,
.header__menu.popout__toggle,
.header__menu.search-submit,
.product-item .header__menu.badge-box,
.product-item .header__menu.preorder-box,
.product-item .header__menu.sale-box {
letter-spacing: 0.1em;
}
@media only screen and (max-width: 479px) {
.header__mobile {
justify-content: space-between;
display: flex;
}
.header__desktop {
display: none;
}
}
@media only screen and (min-width: 480px) {
.header__logo {
padding-top: 45px;
}
.header__desktop {
position: static;
}
.header__mobile {
display: none;
}
}
.js__header__clone {
position: absolute;
transform: translatey(-5000px);
width: 1400px;
visibility: hidden;
}
.js__show__mobile .header__mobile,
[data-header-style="drawer"] .header__mobile {
display: grid;
}
.js__show__mobile .header__desktop,
[data-header-style="drawer"] .header__desktop {
display: none;
}
.header__dropdown {
--bg: var(---color-submenu-bg);
--text: var(---color-submenu-link);
--text-dark: var(---color-submenu-link);
--text-light: var(---color-submenu-link);
--link-hover: var(---color-submenu-link-hover);
color: var(---color-submenu-link);
position: absolute;
top: 100%;
opacity: 0;
background-color: var(--bg);
border-bottom: var(--border);
border-top: 1px solid var(--border);
visibility: hidden;
pointer-events: none;
transition: opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1),
visibility 0s 0.2s,
background-color 0.2s cubic-bezier(0.215, 0.61, 0.355, 1),
border 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.dropdown__family {
padding: 30px 0;
display: flex;
flex-direction: column;
}
.dropdown__family .navlink--child {
font-weight: var(---font-weight-body-bold);
}
.header__dropdown__image {
position: relative;
opacity: 0;
transition: opacity 0.75s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.no-js .header__dropdown__image {
opacity: 1;
}
.header__dropdown__image .hero__title {
color: #fff;
font-size: calc(var(--font-5) * var(---font-adjust-heading));
}
.header__dropdown__image .hero__content {
padding: 30px;
margin: 0;
max-width: none;
}
.header__dropdown__image a .hero__description,
.header__dropdown__image a:hover .hero__description {
color: var(--text);
}
.grandparent .header__dropdown {
width: 100%;
left: ;
max-width: 100vw;
overflow-y: auto;
max-height: calc(100vh - var(--menu-height));
}
.grandparent .header__dropdown__inner {
display: flex;
justify-content: center;
}
.grandparent .header__grandparent__links {
flex: 3;
display: contents;
grid-row-gap: 1.5em;
}
.grandparent .dropdown__family {
margin-left: var(--outer);
}
.grandparent .dropdown__family:last-child {
margin-right: var(--outer);
}
.grandparent .menu__block--narrow {
flex: 1;
}
.grandparent .menu__block--wide {
flex: 3;
}
.grandparent .navlink--child,
.grandparent .navlink--grandchild {
display: inline-block;
will-change: transform;
margin-right: auto;
padding-right: 5px;
}
.grandparent .navlink--child {
margin-bottom: 20px;
}
.meganav--is-transitioning .grandparent.is-visible:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: var(--header-height);
background: transparent;
z-index: 5;
}
.grandparent.kids-1 .header__grandparent__links {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grandparent.kids-2 .header__grandparent__links {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grandparent.kids-3 .header__grandparent__links {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grandparent.kids-4 .header__grandparent__links {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grandparent.kids-5 .header__grandparent__links {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grandparent.kids-6 .header__grandparent__links {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grandparent.kids-7 .header__grandparent__links,
.grandparent.kids-8 .header__grandparent__links {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grandparent.kids-9 .header__grandparent__links {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grandparent.kids-10 .header__grandparent__links,
.grandparent.kids-11 .header__grandparent__links,
.grandparent.kids-12 .header__grandparent__links,
.grandparent.kids-13 .header__grandparent__links,
.grandparent.kids-14 .header__grandparent__links,
.grandparent.kids-15 .header__grandparent__links,
.grandparent.kids-16 .header__grandparent__links,
.grandparent.kids-17 .header__grandparent__links,
.grandparent.kids-18 .header__grandparent__links,
.grandparent.kids-19 .header__grandparent__links,
.grandparent.kids-20 .header__grandparent__links {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grandparent.kids-2.images-1 .header__grandparent__links,
[class*="images-"].grandparent.kids-4 .header__grandparent__links,
[class*="images-"].grandparent.kids-5 .header__grandparent__links,
[class*="images-"].grandparent.kids-6 .header__grandparent__links,
[class*="images-"].grandparent.kids-7 .header__grandparent__links,
[class*="images-"].grandparent.kids-8 .header__grandparent__links,
[class*="images-"].grandparent.kids-10 .header__grandparent__links,
[class*="images-"].grandparent.kids-11 .header__grandparent__links,
[class*="images-"].grandparent.kids-12 .header__grandparent__links,
[class*="images-"].grandparent.kids-13 .header__grandparent__links,
[class*="images-"].grandparent.kids-14 .header__grandparent__links,
[class*="images-"].grandparent.kids-15 .header__grandparent__links,
[class*="images-"].grandparent.kids-16 .header__grandparent__links,
[class*="images-"].grandparent.kids-17 .header__grandparent__links,
[class*="images-"].grandparent.kids-18 .header__grandparent__links,
[class*="images-"].grandparent.kids-19 .header__grandparent__links,
[class*="images-"].grandparent.kids-20 .header__grandparent__links {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grandparent.kids-3.images-1 .header__grandparent__links,
.grandparent.kids-4.images-1 .header__grandparent__links,
.grandparent.kids-5.images-1 .header__grandparent__links,
.grandparent.kids-6.images-1 .header__grandparent__links,
.grandparent.kids-7.images-1 .header__grandparent__links,
.grandparent.kids-8.images-1 .header__grandparent__links,
.grandparent.kids-9.images-1 .header__grandparent__links,
.grandparent.kids-10.images-1 .header__grandparent__links,
.grandparent.kids-11.images-1 .header__grandparent__links,
.grandparent.kids-12.images-1 .header__grandparent__links,
.grandparent.kids-13.images-1 .header__grandparent__links,
.grandparent.kids-14.images-1 .header__grandparent__links,
.grandparent.kids-15.images-1 .header__grandparent__links,
.grandparent.kids-16.images-1 .header__grandparent__links,
.grandparent.kids-17.images-1 .header__grandparent__links,
.grandparent.kids-18.images-1 .header__grandparent__links,
.grandparent.kids-19.images-1 .header__grandparent__links,
.grandparent.kids-20.images-1 .header__grandparent__links {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grandparent.images-2 .header__grandparent__links,
.grandparent.images-2 .menu__block--wide {
flex: 2;
}
.grandparent.grandparent--all-images .header__grandparent__links {
flex: 0;
}
.grandparent.grandparent--all-images.images-1 .menu__block--narrow {
flex-grow: 0;
flex-basis: 50%;
}
.menu__item.parent .navlink--child {
opacity: 0;
transform: translateY(-5px);
transition: transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1),
opacity 0.35s cubic-bezier(0.215, 0.61, 0.355, 1),
color 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
will-change: transform, opacity;
}
.menu__item.parent .is-visible .navlink--child,
.menu__item.parent:hover .navlink--child {
opacity: 1;
transform: translateY(0);
}
.menu__item.grandparent .navlink--child {
opacity: 0;
transition: none;
}
.menu__item.grandparent .navlink--grandchild {
opacity: 0;
transform: translateY(-5px);
transition: none;
}
.menu__item.grandparent .is-visible .navlink--child,
.menu__item.grandparent .is-visible .navlink--grandchild {
opacity: 1;
transform: translateY(0);
transition: transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1),
opacity 0.35s cubic-bezier(0.215, 0.61, 0.355, 1),
color 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.menu__item.grandparent:not(.is-visible) .header__dropdown {
border-bottom-color: transparent;
background-color: initial;
}
.header__dropdown:not(.is-visible) .background-size-cover,
.header__dropdown:not(.is-visible) .header__dropdown__image {
transition-delay: 0s !important;
}
.header__dropdown__image .background-size-cover {
transform: scale(1.06);
transform-origin: bottom center;
transition: transform 0.75s cubic-bezier(0.215, 0.61, 0.355, 1);
will-change: transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.is-visible .header__dropdown__image {
opacity: 1;
}
.is-visible .header__dropdown__image .background-size-cover {
transform: scale(1);
transition: transform 1.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.is-visible .header__dropdown__image .background-size-cover,
.is-visible .header__dropdown__image > div {
transition-delay: inherit;
}
.header__dropdown__image:hover .btn--white {
background-color: #fff;
color: var(---color-text);
border: 1px solid #fff;
box-shadow: none;
}
.header__dropdown.is-visible,
.menu__item:not(.grandparent):hover > .header__dropdown {
opacity: 1;
visibility: visible;
pointer-events: auto;
transition-delay: 0s;
}
.parent .header__dropdown {
border-left: 1px solid var(--border);
border-right: 1px solid var(--border);
border-bottom: 1px solid var(--border);
background: var(--bg);
padding: 20px 32px;
margin-left: -17px;
}
.parent .header__dropdown__inner {
display: flex;
flex-direction: column;
}
.parent .navlink--child {
padding: 5px 0;
display: inline-block;
margin-right: auto;
}
.navlink[href="#"] {
cursor: default;
}
.cart__icon__content {
position: relative;
}
[data-cart-count="0"] {
display: none;
}
.header__desktop__buttons--icons
.header__cart__status:not([data-cart-count="0"]),
.header__mobile__button .header__cart__status:not([data-cart-count="0"]) {
display: inline-flex;
justify-content: center;
align-items: center;
font-weight: var(---font-weight-body-bold);
padding: 2px;
height: 15px;
min-width: 15px;
background-color: var(--primary);
border: 1px solid black;
color: black;
position: absolute;
top: -5px;
right: -8px;
border-radius: 17px;
z-index: 1;
font-size: calc(0.589rem * var(---font-adjust-nav));
line-height: 1em;
transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
will-change: transform;
}
.header__icons--clean
.header__desktop__buttons--icons
.header__cart__status:not([data-cart-count="0"]),
.header__icons--clean
.header__mobile__button
.header__cart__status:not([data-cart-count="0"]) {
top: -2px;
right: -8px;
}
.header__icons--modern
.header__desktop__buttons--icons
.header__cart__status:not([data-cart-count="0"]),
.header__icons--modern
.header__mobile__button
.header__cart__status:not([data-cart-count="0"]) {
top: 0;
right: -8px;
}
.navlink--cart:hover .header__cart__status {
transform: scale(1.1);
}
.theme__header [data-glyph="cart"] {
font-size: calc(1.1875rem * var(---font-adjust-nav));
}
.theme__header [data-glyph="magnifying-glass"] {
font-size: calc(1rem * var(---font-adjust-nav));
}
.no-js .header__dropdown {
background-color: var(--bg) !important;
}
.no-js .menu__item.grandparent:focus-within .header__dropdown,
.no-js .menu__item.grandparent:focus-within .navlink,
.no-js .menu__item.grandparent:hover .header__dropdown,
.no-js .menu__item.grandparent:hover .navlink,
.no-js .menu__item.parent:focus-within .header__dropdown,
.no-js .menu__item.parent:focus-within .navlink,
.no-js .menu__item.parent:hover .header__dropdown,
.no-js .menu__item.parent:hover .navlink {
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto;
}
.no-js .navlink--toplevel:focus + .header__dropdown,
.no-js .navlink--toplevel:focus + .header__dropdown .navlink {
opacity: 1 !important;
visibility: visible !important;
}
.announcement__wrapper {
position: relative;
overflow: hidden;
}
.announcement__wrapper--top {
z-index: 5500;
}
@keyframes ticker {
0% {
transform: translateZ(0);
visibility: visible;
}
to {
transform: translate3d(-100%, 0, 0);
}
}
.announcement__bar-outer .flickity-button {
display: none;
}
.announcement__bar-outer--high {
transform: translateY(var(--menu-height));
}
.js
.announcement__bar-holder:not(.flickity-enabled)
.announcement__bar
~ .announcement__bar {
display: none;
}
[data-header-transparent="true"][data-header-sticky="static"]
+ .announcement__bar-outer--high,
[data-header-transparent="true"][data-header-sticky="sticky"]
+ .announcement__bar-outer--high {
position: absolute;
z-index: 201;
width: 100%;
background-color: var(--bg);
}
.announcement__bar {
display: flex;
justify-content: space-between;
align-items: center;
text-align: center;
height: 45px;
background-color: var(--bg);
color: var(--text);
}
.announcement__bar:not(.desktop):not(.mobile) {
width: 100%;
}
.announcement__bar.desktop {
display: flex;
width: 100%;
}
@media only screen and (max-width: 749px) {
.announcement__bar.desktop {
display: none;
}
}
.announcement__bar.mobile {
display: none;
width: 0;
}
@media only screen and (max-width: 749px) {
.announcement__bar.mobile {
display: flex;
width: 100%;
}
}
.announcement__bar a:hover,
.announcement__bar a:link {
color: inherit;
text-decoration: none;
}
.announcement__bar .icon {
fill: currentColor;
}
.announcement__bar--error {
display: none;
}
.announcement__bar .cart__message.is-hidden {
visibility: visible;
max-height: none;
padding: 15px;
border: none;
opacity: 1;
}
.announcement__main {
font-family: var(---font-stack-body);
font-weight: var(---font-weight-body);
font-style: var(---font-style-body);
font-weight: var(---font-weight-body-bold);
}
.announcement__text {
display: flex;
flex-flow: row nowrap;
align-items: center;
}
.announcement__text > * {
font-size: inherit;
}
.announcement__text > div {
display: inline-block;
margin: 0 50px;
vertical-align: middle;
}
.announcement__text > .mobile {
display: none;
}
@media only screen and (max-width: 749px) {
.announcement__text > .mobile {
display: inline-block;
}
.announcement__text > .desktop {
display: none;
}
}
.announcement__text * {
white-space: nowrap;
}
.announcement__text a {
position: relative;
display: inline-block;
color: inherit;
}
.announcement__text a:after {
content: "";
position: absolute;
left: 50%;
bottom: -3px;
height: 1px;
width: 100%;
transform: translateX(-50%);
box-shadow: 0 -1px 0 0 currentColor;
transition: width 0.2s linear;
}
.announcement__text a:hover:after {
width: 85%;
}
.announcement__text .cart-dropdown__message {
padding: 0;
border: none;
font-size: inherit;
}
.announcement__text .cart-dropdown__message circle + circle {
stroke: currentColor;
}
.announcement__main,
.announcement__more,
.announcement__text {
color: var(--text);
font-size: calc(0.8rem * var(---font-adjust-body));
}
.announcement__divider {
margin-left: 10px;
padding-right: 10px;
width: 0;
border-left: 1px solid;
height: 10%;
}
.announcement__message {
overflow: hidden;
width: 100%;
padding: 0 45px;
font-size: 0;
}
@media only screen and (max-width: 749px) {
.announcement__message {
padding: 0 25px;
}
}
.announcement__scale {
display: inline-flex;
transition: opacity 0.5s linear;
}
.announcement__scale.ticker--unloaded {
opacity: 0;
position: absolute;
width: max-content;
}
html:not(.js) .announcement__scale.ticker--unloaded {
opacity: 1;
position: static;
width: auto;
}
.ticker--animated {
animation-iteration-count: infinite;
animation-timing-function: linear;
animation-name: ticker;
animation-duration: var(--animation-time);
display: inline-block;
padding-right: 50px;
padding-left: 50px;
width: max-content;
will-change: transform, padding, width;
}
.ticker--animated,
.ticker--animated:hover {
animation-play-state: paused;
}
[data-slider].announcement__bar-holder .announcement__bar {
opacity: 0 !important;
transition: opacity 1s ease !important;
}
[data-slider].announcement__bar-holder .announcement__bar.is-selected {
opacity: 1 !important;
}
.announcement__bar-holder > .announcement__bar:hover .ticker--animated,
.announcement__bar-holder > .announcement__bar [data-stop] .ticker--animated,
.announcement__bar:hover .ticker--animated {
animation-play-state: paused;
}
.announcement__bar-holder > .announcement__bar .ticker--animated,
.is-selected .ticker--animated {
animation-play-state: running;
}
.ticker__comparitor {
position: absolute;
transform: translatey(-5000px);
visibility: hidden;
}
.ie .announcement__bar--error {
display: block;
height: auto;
padding: 15px;
}
.drawer__content {
position: fixed;
z-index: 4001;
padding-top: var(--header-height);
top: 0;
left: 0;
display: flex;
flex-direction: column;
height: 100%;
width: 100vw;
max-width: 100%;
background: var(--bg);
border-right: 1px solid var(--border);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06), 0 3px 12px rgba(0, 0, 0, 0.02);
transform: translate3d(-100%, 0, 0);
visibility: hidden;
transition: transform 0.3s ease 0.01s, visibility 0.3s ease 0.01s;
}
.js__header__stuck .drawer__content {
padding-top: var(--menu-height);
}
.drawer--visible .drawer__content {
visibility: visible;
transform: translateZ(0);
}
@media only screen and (max-width: 989px) {
.drawer__content {
max-width: 100%;
}
}
@media only screen and (max-width: 749px) {
.drawer__content {
width: 100vw;
border-right: none;
}
}
.drawer__underlay {
position: fixed;
z-index: 4000;
visibility: hidden;
top: 0;
left: 0;
height: 100vh;
width: calc(100vw - var(--scrollbar-width));
opacity: 0;
background: #000;
transition: opacity 0.3s ease 0.1s, visibility 0s linear 0.4s;
}
.drawer--visible .drawer__underlay {
visibility: visible;
opacity: 0.4;
transition-duration: 0.3s, 0s;
transition-delay: 0.1s, 0s;
}
.drawer__inner {
position: relative;
flex: 1;
width: 100%;
padding-top: 40px;
overscroll-behavior: contain;
-webkit-overflow-scrolling: touch;
transition: padding-top 0.5s linear;
will-change: padding;
mask-image: linear-gradient(0deg, transparent, #000),
linear-gradient(
270deg,
transparent var(--scrollbar-width),
#000 var(--scrollbar-width)
);
mask-size: 100% 20000px;
mask-position: left bottom;
-webkit-mask-image: linear-gradient(0deg, transparent, #000),
linear-gradient(
270deg,
transparent var(--scrollbar-width),
#000 var(--scrollbar-width)
);
-webkit-mask-size: 100% 20000px;
-webkit-mask-position: left bottom;
transition: mask-position 0.3s, -webkit-mask-position 0.3s;
}
.drawer__inner:hover {
-webkit-mask-position: left top;
}
.is-not-visible .drawer__inner {
padding-top: 0;
}
.drawer__close {
height: var(--menu-height);
border-radius: 0;
width: 100%;
border-top: 0;
border-right: 0;
border-left: 0;
cursor: pointer;
position: relative;
color: var(--text-dark);
font-size: calc(1.25rem * var(---font-adjust-body));
font-weight: var(---font-weight-body-bold);
text-align: left;
}
.drawer__close:before {
content: "✕";
right: 25px;
top: calc(50% - 15px);
position: absolute;
}
.drawer__close:focus,
.drawer__close:hover {
outline: none;
}
.drawer__content > :not(.drawer__inner) {
opacity: 0;
transition: opacity 0.8s ease-out;
}
.drawer--visible .drawer__content > :not(.drawer__inner) {
opacity: 1;
}
.header__drawer {
--border: var(---color-menu-border);
--text: var(---color-menu-link);
--text-light: var(---color-menu-link);
--text-dark: var(---color-menu-link);
color: var(--text);
}
.blog .article__image .header__drawer.article__tags,
.header__drawer.caps,
.header__drawer.footer__copyright,
.header__drawer.popout__toggle,
.header__drawer.search-submit,
.product-item .header__drawer.badge-box,
.product-item .header__drawer.preorder-box,
.product-item .header__drawer.sale-box {
letter-spacing: 0.1em;
}
.header__drawer__selects {
display: flex;
height: 100%;
width: 100%;
margin: 0 -20px;
}
.header__drawer__selects .popout-list {
bottom: auto;
top: 100%;
min-width: calc(100% + 1px);
}
.drawer__bottom {
display: flex;
margin-top: auto;
border-top: 1px solid var(--border);
justify-content: space-between;
min-height: 51px;
width: 100%;
padding: 0 var(--outer);
}
@media only screen and (max-width: 989px) {
.drawer__bottom {
flex-wrap: wrap;
}
}
.drawer__bottom .icon-select {
color: var(--text);
}
.drawer__bottom__center,
.drawer__bottom__left {
display: flex;
justify-content: flex-start;
min-height: 50px;
padding: 10px 0;
}
@media only screen and (max-width: 989px) {
.drawer__bottom__left {
order: 2;
width: 100%;
padding: 0;
}
}
.drawer__bottom__right {
margin-left: auto;
}
@media only screen and (max-width: 989px) {
.drawer__bottom__right {
order: 1;
width: 100%;
min-height: 50px;
}
}
.drawer__bottom__center {
display: flex;
justify-content: center;
width: 100%;
}
.drawer__search {
border-bottom: 1px solid var(--border);
}
.drawer__bottom .social__links {
list-style: none;
display: flex;
flex-wrap: wrap;
gap: 6px 18px;
margin: 0;
font-size: 0;
padding-left: 0;
}
.drawer__bottom .social__links li {
display: flex;
align-items: center;
}
.drawer__bottom .social__links svg {
fill: var(--text);
}
@media only screen and (max-width: 749px) {
.drawer__bottom .social__links svg {
width: 15px;
height: 15px;
}
}
.drawer__bottom .social__links a:hover svg {
fill: var(--link-hover);
}
.search-popdown {
--bg: var(---color-menu-bg);
--border: var(---color-menu-border);
--text: var(---color-menu-link);
--link-hover: var(---color-menu-link-hover);
--text-dark: var(---color-menu-link);
--text-light: var(---color-menu-link);
--text-transparent: var(---color-menu-transparent);
--underline: var(---color-menu-border);
position: fixed;
z-index: 20000;
top: 0;
right: 0;
left: 0;
width: 100%;
opacity: 0;
visibility: hidden;
max-height: 100vh;
transition: opacity 0.5s ease, transform 0.5s ease, visibility 0s linear 0.5s;
transform: translate3d(0, -100%, 0);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
background: var(--bg);
overflow: hidden;
display: flex;
flex-direction: column;
}
.search-popdown.has-errors {
position: static;
width: 100%;
padding: 10px 0 0;
border-bottom: none;
}
.search-popdown.is-visible {
opacity: 1;
visibility: visible;
transition-delay: 0s;
transform: translateZ(0);
}
.search__popdown__upper {
transition: background-color 0.5s ease;
color: inherit;
height: var(--announcement-height);
display: flex;
position: absolute;
width: 100%;
justify-content: center;
align-items: center;
text-align: center;
height: 30px;
pointer-events: none;
}
.search__popdown__outer {
width: 100%;
height: 100%;
position: sticky;
top: 0;
z-index: 1000;
color: var(--text);
background: var(--bg);
border-bottom: 1px solid var(--border);
}
.search__popdown__main {
width: 100%;
min-height: 78px;
height: var(--header-height);
display: flex;
justify-content: space-between;
align-items: center;
transition: transform 0.5s ease;
}
.search__popdown__close {
text-align: left;
width: 80px;
height: 100%;
}
.search__popdown__close__inner {
height: 100%;
display: flex;
align-items: center;
}
.popdown__close__inner,
.search__popdown__close__inner {
font-size: calc(1rem * var(---font-adjust-body));
cursor: pointer;
padding: 20px 0;
}
.search__popdown__form {
display: flex;
justify-content: flex-end;
height: 100%;
width: 100%;
text-align: left;
margin: 0;
}
.search__popdown__form input {
width: 100%;
border: none;
margin: 0;
text-align: left;
color: var(--text);
font-size: calc(1rem * var(---font-adjust-body));
}
.search__popdown__form input::placeholder {
color: var(--text);
}
.search__popdown__form input:active,
.search__popdown__form input:focus {
box-shadow: none;
}
.search__popdown__form__button {
padding: 0 15px;
}
.search__popdown__form__button .icon {
width: 30px;
height: 30px;
}
.header__search__results {
background: var(--bg);
height: auto;
overflow-y: scroll;
mask-image: linear-gradient(0deg, transparent, #000),
linear-gradient(
270deg,
transparent var(--scrollbar-width),
#000 var(--scrollbar-width)
);
mask-size: 100% 20000px;
mask-position: left bottom;
-webkit-mask-image: linear-gradient(0deg, transparent, #000),
linear-gradient(
270deg,
transparent var(--scrollbar-width),
#000 var(--scrollbar-width)
);
-webkit-mask-size: 100% 20000px;
-webkit-mask-position: left bottom;
transition: mask-position 0.3s, -webkit-mask-position 0.3s;
}
.header__search__results:hover {
-webkit-mask-position: left top;
}
.search__results__outer {
display: grid;
grid-template-columns: repeat(1, 1fr);
}
.search__results__products__list {
display: grid;
grid-template-columns: repeat(4, 1fr);
border-left: 1px solid transparent;
}
@media only screen and (max-width: 989px) {
.search__results__products__list {
grid-template-columns: repeat(2, 1fr);
}
}
.search__results__products__list .product-information {
padding: calc(var(--inner) / 2) var(--inner);
}
@media only screen and (max-width: 749px) {
.search__results__products__list .product-information {
padding: 12px;
}
}
.search__results__products__list--borderless {
border-left: none;
}
.search__loader {
height: 0;
margin: 0;
opacity: 0;
transition: all 0.3s ease;
}
.is-loading .search__loader {
height: 4px;
margin: 20px auto;
opacity: 1;
}
.drawer__menu {
--item-height: 50px;
--sliderule-height: auto;
position: absolute;
transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
width: 100%;
height: 100%;
max-height: var(--sliderule-height);
display: flex;
flex-direction: column;
justify-content: center;
}
.drawer__menu[data-sliderule-pane="0"] {
transform: translateX(0);
position: relative;
display: block;
height: auto;
overflow-x: hidden;
overflow-y: auto;
}
.drawer__menu[data-sliderule-pane="1"] {
transform: translateX(-100%);
}
.drawer__menu[data-sliderule-pane="1"] .sliderule__panel.is-visible {
overflow-y: auto;
overflow-x: hidden;
}
.drawer__menu[data-sliderule-pane="1"]
.sliderule__panel.is-visible
.sliderule__panel {
overflow-y: hidden;
overflow-x: hidden;
}
.drawer__menu[data-sliderule-pane="2"] {
transform: translateX(-200%);
}
.drawer__menu[data-sliderule-pane="2"] .sliderule__panel.is-visible {
overflow-y: visible;
overflow-x: visible;
height: auto;
}
.sliderule__panel {
position: absolute;
top: 0;
left: 100%;
width: 100%;
visibility: hidden;
height: 0;
opacity: 0;
flex-direction: column;
display: flex;
overflow: hidden;
}
.sliderule__panel,
.sliderule__panel.is-visible {
transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.sliderule__panel.is-visible {
visibility: visible;
opacity: 1;
height: auto;
}
.drawer__menu > .sliderule__wrapper > [data-animates] {
opacity: 0;
transform: translateY(-50%);
transition: opacity 0.65s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s,
transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
}
.header__drawer.drawer--visible
.drawer__menu
> .sliderule__wrapper
> [data-animates] {
opacity: 1;
transform: translateY(0);
}
[data-sliderule-pane] [data-animates] {
opacity: 0;
transform: translateY(-50%);
transition: opacity 0.65s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s,
transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
}
[data-sliderule-pane] [data-animates].is-visible {
opacity: 1;
transform: translateY(0);
}
.sliderule-grid > * {
opacity: 0;
transition: opacity 2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.sliderule-grid > .is-visible {
opacity: 1;
}
.sliderule__wrapper {
width: 100%;
}
.sliderow__links {
padding-top: var(--item-height);
padding-bottom: var(--outer);
overflow: hidden;
max-height: var(--sliderule-height);
}
.sliderow.sliderow__back {
top: 0;
position: fixed;
z-index: 40;
background: var(--bg);
}
.sliderow.sliderow__back .sliderow__title {
justify-content: center;
}
.sliderule__wrapper--secondary {
padding-top: 24px;
}
.sliderule__wrapper--secondary .sliderow,
.sliderule__wrapper--secondary .sliderow__title {
height: calc(var(--item-height) - 21px);
}
.sliderule__wrapper--secondary + .sliderule__wrapper--secondary {
padding-top: 0;
}
.sliderow {
width: 100%;
justify-content: flex-start;
color: var(--text);
background-color: var(--bg);
padding: 0;
z-index: 10;
font-size: calc(var(--font-4) * var(---font-adjust-nav));
text-transform: inherit;
}
.sliderow,
.sliderow__title {
min-height: var(--item-height);
display: flex;
align-items: center;
}
.sliderow__title {
width: calc(100% - var(--outer));
padding: 0 calc(var(--outer) / 2);
margin: 0 calc(var(--outer) / 2);
position: relative;
justify-content: space-between;
text-align: left;
transition: color 0.4s cubic-bezier(0.215, 0.61, 0.355, 1),
background 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.sliderow:hover .sliderow__title {
background: var(--bg-accent);
}
.drawer__menu > .sliderule__wrapper > .sliderow > .sliderow__title {
font-weight: var(---font-weight-body-bold);
}
.drawer__menu
> .sliderule__wrapper
> .sliderow
> .sliderow__title.sliderow__title--secondary {
font-size: calc(var(--font-3) * var(---font-adjust-nav));
font-weight: var(---font-weight-body);
}
.sliderow:not(.sliderow__back) .sliderow__title:after {
bottom: 0;
}
.drawer__menu:after {
top: 0;
left: var(--outer);
z-index: 1;
}
.sliderule__chevron--right {
align-self: stretch;
width: 40px;
display: flex;
justify-content: flex-end;
align-items: center;
}
.sliderow:hover .sliderule__chevron--right:before {
transform: translateX(5px) rotate(-135deg);
}
.sliderule__chevron--left,
.sliderule__chevron--right {
position: relative;
}
.sliderule__chevron--left:before,
.sliderule__chevron--right:before {
content: "";
display: inline-block;
width: 9px;
height: 9px;
border-color: currentcolor;
border-style: solid;
border-width: 0 0 2px 2px;
margin: 0 5px;
vertical-align: middle;
transform: rotate(-45deg);
transform-origin: 50% 50%;
transition: all 1s;
will-change: transform;
}
.sliderule__chevron--left:after,
.sliderule__chevron--right:after {
content: "";
position: absolute;
top: 20%;
bottom: 20%;
left: 8px;
width: 2px;
background: var(--bg);
}
.sliderule__panel .sliderow {
padding-left: 0;
}
.sliderow__back__button + .sliderow__title {
font-family: var(---font-stack-body);
font-weight: var(---font-weight-body);
font-style: var(---font-style-body);
font-weight: var(---font-weight-body-bold);
}
.sliderow__back__button {
position: absolute;
top: 0;
padding-left: 0;
color: var(--text);
left: var(--outer);
height: 100%;
z-index: 5;
}
.sliderow__back__button:hover .sliderule__chevron--left:before {
transform: translateX(-5px) rotate(45deg);
}
.sliderule__chevron--left {
align-self: stretch;
height: 100%;
width: calc(var(--outer) * 1.5);
min-width: 40px;
display: flex;
justify-content: flex-start;
align-items: center;
}
.sliderule__chevron--left:before {
transform: rotate(45deg);
}
.sliderule__chevron--left:after {
left: 32px;
}
.sliderule__panel > * {
opacity: 0;
transition: opacity 0.05s ease-out;
}
.sliderule__panel.is-visible > * {
opacity: 1;
transition: opacity 0.2s ease-out;
}
@media only screen and (max-width: 479px) {
.js-grid[data-grid-small="1"] {
grid-template-columns: repeat(1, 1fr);
}
.js-grid[data-grid-small="2"] {
grid-template-columns: repeat(2, 1fr);
}
[data-toggle-grid="3"],
[data-toggle-grid="4"],
[data-toggle-grid="5"],
[data-toggle-grid="6"] {
display: none;
}
}
.sliderule-grid {
display: grid;
margin: var(--outer);
column-gap: var(--outer);
row-gap: var(--outer);
}
.sliderule-grid .hero__content {
max-width: 100%;
padding: 30px;
margin: 0;
}
@media only screen and (max-width: 479px) {
.sliderule-grid .hero__content {
padding: 5px;
}
}
.sliderule-grid.blocks-1,
.sliderule-grid.blocks-2,
.sliderule-grid.blocks-3,
.sliderule-grid.blocks-4,
.sliderule-grid.blocks-5,
.sliderule-grid.blocks-6,
.sliderule-grid.blocks-7,
.sliderule-grid.blocks-8,
.sliderule-grid.blocks-9,
.sliderule-grid.blocks-10 .sliderule-grid.blocks-11,
.sliderule-grid.blocks-12,
.sliderule-grid.blocks-13,
.sliderule-grid.blocks-14,
.sliderule-grid.blocks-15,
.sliderule-grid.blocks-16,
.sliderule-grid.blocks-17,
.sliderule-grid.blocks-18,
.sliderule-grid.blocks-19,
.sliderule-grid.blocks-20 {
grid-template-columns: repeat(1, 1fr);
}
.sliderule-grid.blocks-0 {
margin: 0;
column-gap: 0;
row-gap: 0;
}
.header__mobile__hamburger {
position: relative;
width: 30px;
height: 30px;
left: 0;
padding: 0;
cursor: pointer;
}
.header__mobile__hamburger:hover .hamburger__lines span {
background-color: var(--link-hover);
}
.hamburger__lines {
display: block;
width: 100%;
height: 100%;
transition: 0.5s ease-in-out;
}
.hamburger__lines span {
display: block;
position: absolute;
height: 3px;
width: 24px;
background: var(--text);
opacity: 1;
transform: rotate(0deg);
transition: 0.25s ease-in-out;
border-radius: 3px;
}
.hamburger__lines span:first-child {
top: 6px;
}
.hamburger__lines span:nth-child(2) {
top: 14px;
}
.hamburger__lines span:nth-child(3) {
top: 22px;
}
.drawer--visible .hamburger__lines span {
background: var(--text);
}
.drawer--visible .hamburger__lines span:first-child {
top: 15px;
transform: rotate(225deg);
}
.drawer--visible .hamburger__lines span:nth-child(3) {
top: 15px;
transform: rotate(-225deg);
}
.drawer--visible .hamburger__lines span:nth-child(2) {
opacity: 0;
transform: rotate(180deg) scaleX(0);
}
.header__icons--clean .hamburger__lines span {
width: 26px;
height: 1px;
}
.header__icons--clean .hamburger__lines span:first-child {
top: 6px;
}
.header__icons--clean .hamburger__lines span:nth-child(2) {
top: 15px;
}
.header__icons--clean .hamburger__lines span:nth-child(3) {
top: 24px;
}
.header__icons--clean .drawer--visible .hamburger__lines span:first-child,
.header__icons--clean .drawer--visible .hamburger__lines span:nth-child(3) {
top: 15px;
}
.header__icons--modern .hamburger__lines span {
height: 2px;
width: 26px;
}
.header__icons--modern .hamburger__lines span:first-child {
top: 4px;
}
.header__icons--modern .hamburger__lines span:nth-child(2) {
top: 14px;
}
.header__icons--modern .hamburger__lines span:nth-child(3) {
top: 24px;
}
.header__icons--modern .drawer--visible .hamburger__lines span:first-child,
.header__icons--modern .drawer--visible .hamburger__lines span:nth-child(3) {
top: 15px;
}
.breadcrumbs {
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: center;
padding: 0 var(--outer);
margin: 30px 0;
font-family: var(---font-stack-body);
font-weight: var(---font-weight-body);
font-size: calc(var(--font-2) * var(---font-adjust-body));
color: var(--link);
}
@media only screen and (max-width: 749px) {
.breadcrumbs {
padding: 0 15px;
}
}
.breadcrumbs a {
display: inline-block;
vertical-align: middle;
color: inherit;
transition: color 0.3s linear;
}
.breadcrumbs a:hover {
color: var(--link-hover);
}
.breadcrumbs--no-padding {
padding: 0;
}
.breadcrumbs__arrow {
width: 4px;
height: 4px;
border-radius: 50%;
margin: 0 10px;
background-color: var(---color-text);
opacity: 0.4;
}
.breadcrumbs__arrow svg {
width: 5px;
height: 10px;
}
.index-product {
padding-bottom: 90px;
}
@media only screen and (max-width: 749px) {
.index-product {
padding-bottom: 30px;
}
}
@media only screen and (min-width: 990px) {
.layout--grid .grid__heading-holder {
width: 100%;
margin-left: auto;
margin-right: auto;
}
.layout--grid .grid__heading-holder > * {
width: 60vw;
margin-left: auto;
margin-right: auto;
}
.layout--grid .grid__heading-holder > .text-left,
.layout--grid .grid__heading-holder > .text-right {
margin-left: 0;
margin-right: 0;
}
.layout--grid .grid__btn-wrapper:not(.grid__btn-wrapper--static) {
position: absolute;
top: calc(var(--gutter) * 2);
right: var(--outer);
width: auto;
padding: 0;
margin: 0;
}
.layout--grid .grid__btn-wrapper:not(.grid__btn-wrapper--static) .btn,
.layout--grid
.grid__btn-wrapper:not(.grid__btn-wrapper--static)
.product__reviews
.spr-summary-actions-newreview,
.layout--grid
.grid__btn-wrapper:not(.grid__btn-wrapper--static)
.shopify-payment-button
.shopify-payment-button__button--unbranded,
.product__reviews
.layout--grid
.grid__btn-wrapper:not(.grid__btn-wrapper--static)
.spr-summary-actions-newreview,
.shopify-payment-button
.layout--grid
.grid__btn-wrapper:not(.grid__btn-wrapper--static)
.shopify-payment-button__button--unbranded {
width: auto;
margin-top: -4px;
}
.layout--grid .grid__btn-wrapper:not(.grid__btn-wrapper--static) .btn--large {
margin-top: -11px;
}
}
.layout--slider .grid-container {
display: flex;
}
@media only screen and (max-width: 749px) {
.layout--slider .grid-container {
display: block;
}
}
.layout--slider .grid-container > * {
flex: 1;
max-width: 100%;
}
@media only screen and (max-width: 749px) {
.layout--slider .grid-container > * {
max-width: none;
}
}
.layout--slider .grid-container .grid__heading-holder {
display: flex;
flex-direction: column;
justify-content: center;
flex: 0 0 450px;
max-width: 450px;
}
.layout--slider .grid-container .grid__heading-holder--end {
justify-content: flex-end;
flex: 0 0 100%;
max-width: 100%;
height: 100%;
text-align: left;
background-size: cover;
background-position: 50%;
background-repeat: no-repeat;
}
.layout--slider .grid-container .grid__heading-holder--end > * {
text-align: left;
}
@media only screen and (max-width: 989px) {
.layout--slider .grid-container .grid__heading-holder {
flex: 0 0 350px;
max-width: 350px;
}
}
@media only screen and (max-width: 749px) {
.layout--slider .grid-container .grid__heading-holder {
max-width: none;
}
.layout--slider .grid-container .grid__heading-holder--end {
padding: 50px 20px;
}
}
.layout--slider .grid-container .grid__counter {
position: absolute;
top: var(--gutter);
left: var(--outer);
padding: 0;
margin: 0;
}
.layout--slider .grid-container > .grid__heading-holder + * {
flex: 0 1 100%;
max-width: calc(100% - 450px);
}
@media only screen and (max-width: 989px) {
.layout--slider .grid-container > .grid__heading-holder + * {
max-width: calc(100% - 350px);
}
}
@media only screen and (max-width: 749px) {
.layout--slider .grid-container > .grid__heading-holder + * {
max-width: none;
}
}
@media only screen and (min-width: 750px) and (max-width: 989px) {
.layout--slider
.grid-container
> .grid__heading-holder
+ *
.product-grid--slider
.collection-item,
.layout--slider
.grid-container
> .grid__heading-holder
+ *
.product-grid--slider
.collection-item:first-child:nth-last-child(2),
.layout--slider
.grid-container
> .grid__heading-holder
+ *
.product-grid--slider
.collection-item:nth-child(2):last-child,
.layout--slider
.grid-container
> .grid__heading-holder
+ *
.product-grid--slider
.product-item,
.layout--slider
.grid-container
> .grid__heading-holder
+ *
.product-grid--slider
.product-item:first-child:nth-last-child(2),
.layout--slider
.grid-container
> .grid__heading-holder
+ *
.product-grid--slider
.product-item:nth-child(2):last-child {
width: 72% !important;
}
}
.margin--small {
padding-top: 50px;
padding-bottom: 50px;
}
.margin--medium {
padding-top: 100px;
padding-bottom: 100px;
}
.margin--large {
padding-top: 150px;
padding-bottom: 150px;
}
.margin--zero {
padding-top: 0;
padding-bottom: 0;
}
.homepage-columns,
.index-blog,
.index-collections-list,
.index-contact,
.index-newsletter,
.index-page,
.index-product,
.index-products,
.index-rte,
.index-tab-collections {
background-color: var(---color-bg);
}
.rte--homepage {
font-size: calc(var(--font-3) * var(---font-adjust-body));
margin-bottom: 0;
}
.wide-image {
overflow: hidden;
position: relative;
background-color: initial;
}
.background-size-cover {
background-size: cover;
background-position: 50%;
background-color: var(---color-bg);
height: 100%;
overflow: hidden;
position: absolute;
top: 0;
right: 0;
z-index: 1;
}
.background-size-cover,
.responsive-wide-image {
display: block;
width: 100%;
}
.image-overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 10;
}
.align--top-left {
align-items: flex-start;
justify-content: flex-start;
text-align: left;
}
.align--top-center {
align-items: flex-start;
justify-content: center;
text-align: center;
}
.align--top-right {
align-items: flex-start;
justify-content: flex-end;
text-align: right;
}
.align--middle-left {
align-items: center;
justify-content: flex-start;
text-align: left;
}
.align--middle-center {
align-items: center;
justify-content: center;
text-align: center;
}
.align--middle-right {
align-items: center;
justify-content: flex-end;
text-align: right;
}
.align--bottom-left {
align-items: flex-end;
justify-content: flex-start;
text-align: left;
}
.align--bottom-center {
align-items: flex-end;
justify-content: center;
text-align: center;
}
.align--bottom-right {
align-items: flex-end;
justify-content: flex-end;
text-align: right;
}
.hero__content__wrapper {
display: flex;
position: absolute;
top: 0;
right: 0;
z-index: 200;
width: 95%;
height: 100%;
overflow: hidden;
}
@media only screen and (min-width: 990px) {
.featured-video-section .hero__content,
.homepage-slideshow .hero__content,
.index-hero .hero__content {
max-width: 50%;
}
}
[data-overlay-header] .hero__content__wrapper {
padding-top: var(--header-padding);
}
.hero__content {
margin: var(--outer);
padding: 60px;
}
.hero__content__link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.no-js .hero__content__link:focus-visible {
outline-offset: -2px;
}
.hero__button-image {
max-width: 50%;
padding: 60px;
}
@media only screen and (min-width: 750px) and (max-width: 989px) {
.hero__button-image {
max-width: 70%;
padding: 45px;
}
}
@media only screen and (max-width: 749px) {
.hero__button-image {
max-width: 80%;
padding: 30px;
}
}
.hero__button-image img {
display: block;
width: 100%;
}
.hero__logo {
display: block;
margin: 15px auto;
height: auto;
max-width: 100%;
}
.hero__title {
margin-bottom: var(--line);
font-size: calc(var(--font-6) * var(---font-adjust-heading));
}
.featured-video-section .hero__title,
.homepage-slideshow .hero__title,
.index-hero .hero__title,
.section-video .hero__title,
.split-hero .hero__title {
font-size: calc(var(--font-8) * var(---font-adjust-heading));
}
.index-hero .hero__title {
font-size: calc(var(--font-7) * var(---font-adjust-heading));
}
.hero__description,
.standard__app,
.standard__rte {
margin-bottom: calc(var(--line) * 1.5);
font-size: calc(var(--font-3) * var(---font-adjust-body));
line-height: 1.5;
}
.hero__description p,
.standard__app p,
.standard__rte p {
font-size: inherit;
font-style: inherit;
font-weight: inherit;
line-height: inherit;
margin-bottom: calc(var(--line) * 1.25);
margin-top: inherit;
}
.hero__title + .hero__description {
margin-top: 0.875em;
}
.hero__button,
.hero__description,
.hero__title {
margin-top: 0;
}
.hero__button:last-child,
.hero__description:last-child,
.hero__title:last-child {
margin-bottom: 0;
}
@media only screen and (max-width: 749px) {
.text__standard {
padding-top: 10px;
padding-bottom: 10px;
}
}
.standard__heading:last-child,
.text__standard :last-child {
margin-bottom: 0;
}
.standard__heading:first-child {
margin-top: 0;
}
.standard__cta,
.standard__heading,
.standard__rte,
.standard__subheading {
margin-bottom: var(--line);
}
.standard__rte.font--2 {
font-size: calc(var(--font-2) * var(---font-adjust-body));
}
.standard__rte.font--3 {
font-size: calc(var(--font-3) * var(---font-adjust-body));
}
.standard__rte.font--4 {
font-size: calc(var(--font-4) * var(---font-adjust-body));
}
.standard__rte.font--5 {
font-size: calc(var(--font-5) * var(---font-adjust-body));
}
.standard__rte.font--6 {
font-size: calc(var(--font-6) * var(---font-adjust-body));
}
.standard__cta.btn--large {
margin-top: 1rem;
}
.columns--2 {
columns: 180px 2;
}
.columns--2,
.columns--3 {
column-gap: var(--gutter);
}
.columns--3 {
columns: 180px 3;
}
.columns--4 {
columns: 180px 4;
column-gap: var(--gutter);
}
.text-light {
--text: #fff;
color: #fff;
}
.text-light .image-overlay {
background-color: #000;
}
.text-light .hero__content {
background-color: var(---color-text-dark);
}
.text-light a:not(.btn) {
color: #fff;
}
.text-light a:not(.btn):hover {
opacity: 0.9;
}
.text-dark {
--text: var(---color-text);
}
.text-dark .hero__content,
.text-dark .image-overlay {
background-color: #fff;
}
.hero__content--transparent .hero__content {
padding: 0;
background-color: hsla(0, 0%, 100%, 0);
box-shadow: none;
}
.template-index .container {
background-color: hsla(0, 0%, 100%, 0);
}
.index-newsletter .hero__content__wrapper {
z-index: 11;
}
.no-js .popout__toggle,
.no-js .section-video {
display: none;
}
.section-columns {
background-color: var(--bg);
padding-top: calc(var(--inner) * 2);
padding-bottom: calc(var(--inner) * 2);
}
.section-columns .grid,
.section-columns .grid--full {
margin: 0;
}
@media only screen and (max-width: 749px) {
.section-columns .grid,
.section-columns .grid--full {
display: flex;
flex-wrap: nowrap;
overflow-x: auto;
overflow-y: hidden;
max-width: 100%;
margin: 0 0 -30px;
padding: 0 0 calc(30px - var(--scrollbar-width));
}
.section-columns .grid--full:after,
.section-columns .grid:after {
content: "";
display: none;
}
}
@media only screen and (max-width: 749px) {
.section-columns .grid__outer {
overflow: hidden;
}
}
.section-columns .wrapper--full,
.section-columns .wrapper--narrow .grid__outer,
.section-columns .wrapper .grid__outer {
overflow: hidden;
}
.section-columns .wrapper--full .flickity-viewport {
overflow: visible;
}
@media only screen and (min-width: 990px) {
.section-columns .wrapper--narrow .grid,
.section-columns .wrapper--narrow .grid--full,
.section-columns .wrapper .grid,
.section-columns .wrapper .grid--full {
margin: 0 calc(var(--inner) * -1);
}
}
@media only screen and (min-width: 750px) {
.section-columns [data-slider].grid--full:after,
.section-columns [data-slider].grid:after {
content: "flickity";
display: none;
}
}
@media only screen and (max-width: 989px) {
.section-columns .wrapper,
.section-columns .wrapper--full,
.section-columns .wrapper--narrow {
padding: 0;
}
}
.column__grid__item {
padding: 0 var(--inner) 0;
}
@media only screen and (max-width: 989px) {
.column__grid__item {
flex: 0 0 auto;
width: 100%;
padding: 0 var(--outer);
}
.column__grid__item:not(:first-child) {
margin-left: calc(var(--outer) * -1);
}
}
@media only screen and (max-width: 749px) {
.column__grid__item:first-child:last-child {
width: 100%;
}
}
.wrapper--columns {
max-width: none;
margin: 0 50px;
}
@media only screen and (min-width: 750px) and (max-width: 989px) {
.wrapper--columns {
margin: 0 30px;
}
}
@media only screen and (max-width: 749px) {
.wrapper--columns:not(.icon--top) {
margin: 0;
}
}
.column__heading {
margin-top: 0;
margin-bottom: 3px;
}
@media only screen and (max-width: 749px) {
.column__heading:last-child {
margin-bottom: 0;
}
}
.column__text p {
margin-top: 10px;
font-size: calc(0.9rem * var(---font-adjust-body));
line-height: 1.5;
}
@media only screen and (max-width: 749px) {
.column__text:last-child p:last-child {
margin-bottom: 0;
}
}
.column__image {
display: block;
height: 0;
position: relative;
overflow: hidden;
}
.column__image__bg {
position: absolute;
display: block;
top: -1px;
height: 100%;
width: 100%;
overflow: hidden;
background-size: cover;
background-position: 50%;
}
.column__image__wrapper {
position: relative;
overflow: hidden;
}
.column__image__wrapper noscript img {
max-width: 100%;
}
.column__image__link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
}
.column__content {
padding: var(--inner) 0;
}
.column--border {
padding-top: 0;
padding-bottom: 0;
}
.column--border .grid,
.column--border .grid--full {
margin: 0;
border-left: 1px solid var(--border);
}
@media only screen and (max-width: 749px) {
.column--border .grid,
.column--border .grid--full {
margin-bottom: -30px;
}
}
.column--border .column__grid__item {
border: 1px solid var(--border);
border-left: 0;
background-color: var(--bg);
padding: 0;
}
.column--border .column__grid__item:before {
position: absolute;
top: -1px;
left: -1px;
bottom: -1px;
border-left: 1px solid var(--border);
content: "";
}
.column--border .column__image__bg {
border-bottom: 1px solid var(--border);
}
.column--border .column__content {
padding: var(--inner);
}
.column--borderless {
background-color: var(--bg);
margin-bottom: -10px;
}
@media only screen and (min-width: 990px) {
.column--borderless .wrapper,
.column--borderless .wrapper--full,
.column--borderless .wrapper--narrow {
margin: 0;
padding: 0 calc(var(--outer) - var(--inner));
}
}
.icon__play--column {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
opacity: 1;
transition: all 0.15s ease;
}
.icon__play--column:hover {
opacity: 0.75;
}
.icon__play--column svg {
position: absolute;
top: 50%;
left: 50%;
margin-top: -33px;
margin-left: -33px;
width: 66px;
height: 66px;
fill: #fff;
}
.column__text + .btn,
.product__reviews .column__text + .spr-summary-actions-newreview,
.shopify-payment-button
.column__text
+ .shopify-payment-button__button--unbranded {
margin-top: 15px;
}
@media only screen and (max-width: 749px) {
.modal-section {
height: auto;
}
}
.modal-wrapper {
display: flex;
align-items: stretch;
height: 100%;
}
@media only screen and (max-width: 749px) {
.modal-wrapper {
flex-direction: column;
height: auto;
}
}
.image-height .modal-wrapper {
height: auto;
align-items: center;
}
.modal-wrapper--reverse {
flex-direction: row-reverse;
}
@media only screen and (max-width: 749px) {
.modal-wrapper--reverse {
flex-direction: column;
}
}
.modal__inner {
max-width: 600px;
margin: 0 auto;
padding: 50px;
}
.modal__image,
.modal__text {
display: flex;
align-items: center;
justify-content: center;
width: 50%;
height: 100%;
text-align: center;
}
.modal__text {
flex-direction: column;
}
.modal__text .contact-form {
margin-top: var(--inner);
}
.modal__image {
position: relative;
overflow: hidden;
}
.modal__image:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
}
.image-height .modal__image {
height: auto;
}
.image-height .modal__image img {
display: block;
width: 100%;
height: auto;
}
.modal__image-img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
background-color: #fff;
z-index: 0;
}
.modal__image-img svg {
display: block;
min-width: 100%;
height: 100%;
margin: auto;
fill: #e0e0e0;
background-color: #f7f7f7;
}
.image-height .modal__image-img {
position: relative;
bottom: auto;
display: block;
width: 100%;
height: 0;
padding-bottom: 100%;
}
.image-height .modal__image-img svg {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.modal__overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background: transparent;
z-index: 6000;
display: none;
}
.modal__wrapper {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
flex-direction: column;
}
.modal__body {
z-index: 100;
}
.modal__underlay {
z-index: 1;
background: hsla(0, 0%, 100%, 0.5);
}
.modal__outer,
.modal__underlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
}
.modal__outer {
z-index: 901;
}
.modal__outer a.close,
.modal__outer button.close {
display: block;
width: 20px;
height: 20px;
position: absolute;
top: 20px;
right: 20px;
z-index: 20;
padding: 0;
cursor: pointer;
transition: transform 0.3s;
}
.modal__outer a.close:hover,
.modal__outer button.close:hover {
transform: rotate(90deg);
}
.modal__outer a.close .icon,
.modal__outer button.close .icon {
width: 100%;
height: 100%;
pointer-events: none;
}
.modal__outer a.more {
text-decoration: none;
}
.modal__outer a.next,
.modal__outer a.prev {
display: block;
width: 24px;
height: 24px;
position: absolute;
top: 20px;
z-index: 20;
margin: 0;
opacity: 1;
}
.modal__outer a.next .icon,
.modal__outer a.prev .icon {
stroke: #b1b1b1;
width: 100%;
height: 100%;
pointer-events: none;
}
.modal__outer a.next:hover .icon,
.modal__outer a.prev:hover .icon {
stroke: #d8d8d8;
}
.modal__outer a.prev {
right: 100px;
left: auto;
}
.modal__outer a.next {
right: 60px;
}
.modal--newsletter {
overflow-y: auto;
background-color: var(--bg);
position: relative;
max-width: 1000px;
max-height: 90vh;
width: 50vw;
}
.modal--newsletter.modal-wrapper--has-image {
width: 75vw;
}
.modal--newsletter a.close {
top: 15px;
right: 15px;
width: 22px;
height: 22px;
}
.modal--newsletter .modal__image {
overflow: hidden;
max-height: none;
width: 50%;
height: auto;
border: 1px solid var(--bg);
max-height: 100%;
}
.modal--newsletter .modal__image:after {
display: block;
width: 100%;
padding-top: 100%;
content: "";
}
.modal--newsletter .modal__image img {
width: 100%;
}
.modal--newsletter .modal__text {
height: auto;
}
.modal--newsletter .modal-wrapper--no-image {
justify-content: center;
}
.modal--newsletter .modal-wrapper--no-image .modal__text {
width: 100%;
}
.modal--newsletter .modal__title {
font-size: calc(var(--font-6) * var(---font-adjust-heading));
}
.modal--newsletter .modal__subtitle {
margin-top: -30px;
margin-bottom: 30px;
text-transform: uppercase;
letter-spacing: 0.2em;
font-size: 0.7rem;
}
@media only screen and (max-width: 749px) {
.modal--newsletter {
overflow-y: visible;
}
.modal__overlay--newsletter .modal__outer,
.modal__overlay.modal__overlay--newsletter {
position: fixed;
top: auto;
left: auto;
right: auto;
bottom: 0;
width: auto;
height: auto;
background: transparent;
z-index: 6000;
padding: 0;
}
.modal__overlay--newsletter .modal--newsletter,
.modal__overlay--newsletter .modal__outer {
width: 100%;
max-width: 100%;
}
.modal__overlay--newsletter .modal-wrapper {
flex-wrap: wrap;
flex-direction: column-reverse;
padding-top: 22px;
}
.modal__overlay--newsletter .modal__text {
width: 100%;
flex-shrink: 0;
margin-top: -100px;
}
.modal__overlay--newsletter .modal-wrapper--no-image .modal__text {
padding-left: 10px;
}
.modal__overlay--newsletter .modal__subtitle {
margin-top: 0;
margin-bottom: 10px;
}
.modal__overlay--newsletter .modal__title {
font-size: calc(var(--font-5) * var(---font-adjust-heading));
}
.modal__overlay--newsletter .modal__description {
font-size: calc(var(--font-3) * var(---font-adjust-body));
}
.modal__overlay--newsletter .input-group-field {
padding: 8px 12px;
}
.modal__overlay--newsletter .modal--newsletter a.close {
padding: 3px;
top: 10px;
right: 10px;
width: 22px;
height: 22px;
}
.modal__overlay--newsletter .modal__inner {
padding: 10px 25px 25px;
}
.modal__overlay--newsletter .modal__image {
flex-shrink: 0;
height: calc(20vh + 20px);
width: calc(20vh + 20px);
border-radius: 50%;
border-width: 8px;
margin: auto;
top: -100px;
border: 1px solid var(--bg);
}
.input-group.newsletter-form {
margin-top: 22px;
}
.modal-wrapper--reverse.modal-wrapper--no-image {
padding-top: 100px;
}
}
.modal-text--light {
--text: #fff;
}
.modal-text--light .modal--newsletter {
color: #fff;
}
.modal-text--light .modal__outer a.close .icon,
.modal-text--light .modal__outer a:hover.close .icon {
stroke: #fff;
}
.modal-text--dark {
--text: var(---color-text);
}
.modal-text--dark .modal--newsletter {
color: var(---color-text);
}
.modal-text--dark .modal__outer a.close .icon {
stroke: var(---color-a50);
}
.modal-text--dark .modal__outer a:hover.close .icon {
stroke: var(---color-text);
}
.template-giftcard,
.template-giftcard body {
background: var(--bg);
}
.template-giftcard a,
.template-giftcard body a {
text-decoration: none;
}
.template-gift_card #logo {
margin-top: 40px;
text-align: center;
}
.template-giftcard .wrapper {
max-width: 588px;
}
.template-giftcard .wrapper iframe,
.template-giftcard .wrapper img,
.template-giftcard .wrapper object {
max-width: 100%;
}
.giftcard-header {
padding: 60px 0 0;
font-size: 1em;
text-align: center;
animation: fadein 0.5s ease-in-out 0.4s both;
}
.giftcard-header .h1 {
margin: 0;
}
.shop-url {
display: none;
}
.giftcard {
animation: slideup 0.8s ease-in-out;
}
.giftcard__border {
background-color: var(--hairline);
border-radius: 4px;
border: 1px solid var(--border);
padding: 1em;
animation: container-slide 0.8s ease-in-out;
}
.giftcard__content {
*zoom: 1;
background-color: #fff;
color: var(--text);
border: 1px solid var(--border);
border-radius: 3px;
animation: cardslide 0.8s ease-in-out;
}
.giftcard__content:after {
content: "";
display: table;
clear: both;
}
.giftcard__header {
*zoom: 1;
border-bottom: 1px solid var(--border);
padding: 15px;
}
.giftcard__header:after {
content: "";
display: table;
clear: both;
}
.giftcard__title {
float: left;
margin-bottom: 0;
}
.giftcard__tag {
display: block;
float: right;
background-color: var(--text-light);
border: 1px solid transparent;
color: #fff;
padding: 10px;
border-radius: 4px;
font-size: 0.75em;
text-transform: uppercase;
letter-spacing: 0.05em;
line-height: 1;
}
.giftcard__tag--active {
background: transparent;
color: var(--text);
border: 1px solid var(--border);
}
.giftcard__wrap {
position: relative;
margin: 15px 15px 30px;
}
.giftcard__wrap img {
position: relative;
display: block;
border-radius: 10px;
z-index: 2;
}
.giftcard__wrap:after,
.giftcard__wrap:before {
content: "";
position: absolute;
width: 47px;
height: 47px;
z-index: 3;
}
.giftcard__wrap:before {
background: url(/cdn/s/assets/gift-card/corner-top-left-2ba3edcd9e97ba146cd01a8161365c5e.svg)
0 0 no-repeat;
top: -1px;
left: -1px;
}
.giftcard__wrap:after {
background: url(/cdn/s/assets/gift-card/corner-bottom-right-1fb9bf49ff9564325e6b7c0fb0a7ff45.svg)
0 0 no-repeat;
bottom: -1px;
right: -1px;
}
.lt-ie9 .giftcard__wrap:after,
.lt-ie9 .giftcard__wrap:before {
display: none;
}
.giftcard__code {
position: absolute;
bottom: 30px;
text-align: center;
width: 100%;
z-index: 50;
}
.giftcard__code--medium {
font-size: 0.875em;
}
.giftcard__code--small {
font-size: 0.75em;
}
.giftcard__code__inner {
display: inline-block;
vertical-align: initial;
background-color: #fff;
padding: 0.5em;
border-radius: 4px;
max-width: 450px;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}
.giftcard__code--small .giftcard__code__inner {
overflow: auto;
}
.giftcard__code__text {
font-size: 1.875em;
text-transform: uppercase;
border-radius: 2px;
border: 1px dashed var(--border);
padding: 0.4em 0.5em;
display: inline-block;
vertical-align: initial;
color: #777;
line-height: 1;
}
.disabled .giftcard__code__text {
color: #999;
text-decoration: line-through;
}
.giftcard__amount {
position: absolute;
top: 0;
right: 0;
color: #fff;
font-size: 2.75em;
line-height: 1.2;
padding: 15px;
z-index: 50;
}
.giftcard__amount strong {
display: block;
text-shadow: 3px 3px 0 rgba(0, 0, 0, 0.1);
}
.giftcard__amount--medium {
font-size: 2em;
}
.tooltip {
top: -50%;
right: 50%;
margin-top: 16px;
z-index: 3;
color: #fff;
text-align: center;
white-space: nowrap;
animation: popup 0.5s ease-in-out 0.7s both;
}
.tooltip,
.tooltip:before {
display: block;
position: absolute;
}
.tooltip:before {
content: "";
left: 100%;
bottom: 0;
width: 0;
height: 0;
margin-left: -5px;
margin-bottom: -5px;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 5px solid #333;
border-top: 5px solid rgba(51, 51, 51, 0.9);
}
.tooltip__label {
display: block;
position: relative;
right: -50%;
border: none;
border-radius: 4px;
background: #333;
background: rgba(51, 51, 51, 0.9);
min-height: 14px;
font-size: calc(0.75rem * var(---font-adjust-body));
text-decoration: none;
line-height: 16px;
text-shadow: none;
padding: 0.5em 0.75em;
margin-left: 0.25em;
}
.tooltip__label small {
text-transform: uppercase;
letter-spacing: 0.1em;
color: #b3b3b3;
font-size: 0.875em;
}
.giftcard__instructions {
text-align: center;
margin: 0 15px 30px;
}
.giftcard__actions {
position: relative;
border-top: 1px solid var(--border);
padding: 30px 15px;
text-align: center;
overflow: hidden;
}
.action-link {
position: absolute;
left: 15px;
top: 50%;
font-size: 0.875em;
display: block;
text-transform: uppercase;
letter-spacing: 0.2em;
color: var(--text-light);
margin-top: -10px;
}
.action-link:focus,
.action-link:hover {
color: var(--text);
}
.action-link__print {
display: inline-block;
vertical-align: initial;
width: 17px;
height: 17px;
vertical-align: middle;
margin-right: 5px;
opacity: 0.25;
background-image: url(/cdn/s/assets/gift-card/icon-print-164daa1ae32d10d1f9b83ac21b6f2c70.png);
background-repeat: no-repeat;
background-position: 0 0;
}
.svg .action-link__print {
background-image: url(/cdn/s/assets/gift-card/icon-print-6a10b2fb86d223b8c783c9696eaf4c31.svg);
}
.action-link:hover .action-link__print {
opacity: 0.4;
}
.giftcard__footer {
text-align: center;
padding: 60px 0;
animation: fadein 0.5s ease-in-out 0.4s both;
}
.giftcard__icon {
width: 45px;
display: inline-block;
vertical-align: initial;
}
#QrCode {
text-align: center;
}
#QrCode img {
padding: 30px;
border: 1px solid var(--border);
border-radius: 4px;
margin: 0 auto 30px;
}
@media screen and (max-width: 580px) {
.giftcard {
font-size: calc(0.75rem * var(---font-adjust-body));
}
.giftcard-header {
padding: 30px 0;
}
.header-logo {
font-size: 2em;
}
.giftcard__actions,
.giftcard__border {
padding: 15px;
}
.giftcard__actions .btn,
.giftcard__actions .product__reviews .spr-summary-actions-newreview,
.giftcard__actions
.shopify-payment-button
.shopify-payment-button__button--unbranded,
.product__reviews .giftcard__actions .spr-summary-actions-newreview,
.shopify-payment-button
.giftcard__actions
.shopify-payment-button__button--unbranded {
width: 100%;
padding-left: 0;
padding-right: 0;
}
.action-link {
display: none;
}
}
@media screen and (max-width: 400px) {
.giftcard__amount strong {
text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);
}
.giftcard__wrap:after,
.giftcard__wrap:before {
display: none;
}
.giftcard__code {
font-size: 0.75em;
}
.giftcard__code--medium {
font-size: 0.65em;
}
.giftcard__code--small {
font-size: 0.55em;
}
}
@media screen and (max-height: 800px) {
.header-logo img {
max-height: 90px;
}
}
@media print {
@page {
margin: 0.5cm;
}
h2,
h3,
p {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
body,
html {
background-color: #fff;
}
.giftcard-header {
padding: 10px 0;
}
.giftcard__border,
.giftcard__content {
border: 0;
}
.add-to-apple-wallet,
.giftcard__actions,
.giftcard__wrap:after,
.giftcard__wrap:before,
.tooltip {
display: none;
}
.giftcard__title {
float: none;
text-align: center;
}
.giftcard__code__text {
color: #555;
}
.shop-url {
display: block;
}
.logo {
color: #58686f;
}
}
@keyframes slideup {
0% {
opacity: 0;
-webkit-transform: translateY(2000px) rotate(10deg);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
}
to {
-webkit-transform: translateY(0) rotate(0deg);
}
}
@keyframes popup {
0% {
opacity: 0;
-webkit-transform: translateY(30px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-10px);
}
80% {
-webkit-transform: translateY(2px);
}
to {
-webkit-transform: translateY(0);
}
}
@keyframes container-slide {
0% {
opacity: 0;
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(0deg);
}
}
@keyframes fadein {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
.index-newsletter .hero__content--full {
width: 100%;
max-width: 100%;
}
.index-newsletter .align--middle-stacked {
align-items: center;
}
.index-newsletter .align--middle-stacked .hero__content {
margin-left: auto;
margin-right: auto;
padding-left: var(--outer);
padding-right: var(--outer);
}
.index-newsletter .align--middle-stacked .newsletter__title:first-child {
margin-top: 0;
}
@media only screen and (max-width: 749px) {
.index-newsletter .responsive-wide-image {
min-height: inherit;
object-fit: cover;
}
}
.newsletter__content {
max-width: 450px;
}
.hero__content--full .newsletter__content {
max-width: none;
}
.align--middle-center .newsletter__content {
margin-left: auto;
margin-right: auto;
}
.align--middle-right .newsletter__content {
margin-left: auto;
margin-right: 0;
}
.align--middle-stacked .newsletter__content {
display: flex;
justify-content: space-between;
align-items: center;
max-width: none;
margin-left: auto;
margin-right: auto;
}
@media only screen and (max-width: 749px) {
.align--middle-stacked .newsletter__content {
display: block;
}
}
.align--middle-stacked .newsletter__entry {
flex: 1;
max-width: calc(500px + var(--outer));
padding-right: var(--outer);
}
@media only screen and (max-width: 749px) {
.align--middle-stacked .newsletter__entry {
max-width: none;
padding-right: 0;
}
}
.newsletter__entry p:last-child {
margin-bottom: 0;
}
.newsletter-signup {
position: relative;
max-width: 300px;
margin: 25px auto auto;
}
.newsletter-signup:first-child {
margin-top: 0;
}
.align--middle-left .newsletter-signup,
.text-left .newsletter-signup {
margin-left: 0;
}
.align--middle-right .newsletter-signup,
.text-right .newsletter-signup {
margin-right: 0;
}
.align--middle-stacked .newsletter-signup {
flex: 0 0 auto;
width: 100%;
margin: 0;
}
@media only screen and (max-width: 749px) {
.align--middle-stacked .newsletter-signup {
margin: 25px auto auto;
}
}
.align--middle-stacked .newsletter-signup:only-child {
margin-left: auto;
margin-right: auto;
}
@media only screen and (max-width: 749px) {
.newsletter-signup {
max-width: none;
}
}
.blog .article__image .input-group-btn .article__tags,
.input-group-btn .blog .article__image .article__tags,
.input-group-btn .caps,
.input-group-btn .footer__copyright,
.input-group-btn .popout__toggle,
.input-group-btn .product-item .badge-box,
.input-group-btn .product-item .preorder-box,
.input-group-btn .product-item .sale-box,
.input-group-btn .search-submit,
.product-item .input-group-btn .badge-box,
.product-item .input-group-btn .preorder-box,
.product-item .input-group-btn .sale-box {
font-weight: var(---font-weight-body-bold) !important;
}
.newsletter-message {
display: none;
line-height: 150%;
}
.has-success .newsletter-message--success {
display: block;
}
.has-success .newsletter-message--success span,
.has-success .newsletter-message--success strong {
padding: 0 5px;
border: 1px dashed;
font-weight: 500;
}
.not-success .newsletter-message--error {
display: block;
}
.contact-form.has-success .input-group {
display: none;
}
.newsletter-outer {
display: flex;
align-items: flex-start;
position: absolute;
left: 0;
top: calc(
var(--menu-height) + var(--announcement-height) +
var(--announcement-height-high)
);
width: 100%;
height: calc(100% - var(--menu-height) - var(--announcement-height));
pointer-events: none !important;
}
@media only screen and (max-width: 479px) {
.newsletter-outer {
position: fixed;
top: auto;
bottom: 15px;
right: 15px;
left: 15px;
width: auto;
height: auto;
z-index: inherit;
}
}
.has-sticky-header .newsletter {
top: var(--menu-height);
}
@media only screen and (max-width: 479px) {
.has-sticky-header .newsletter {
top: 0;
}
}
[data-scroll-locked] .newsletter {
visibility: hidden;
z-index: -1;
opacity: 0 !important;
pointer-events: none;
transition: z-index 0.3s, opacity 0.3s, visibility 0.3s;
}
.newsletter {
position: sticky;
top: 0;
left: 0;
z-index: 9999;
display: none;
width: 350px;
padding: 0 60px 0 16px;
background-color: var(--bg);
font-size: calc(var(--font-2) * var(---font-adjust-body));
color: var(--text-newsletter);
pointer-events: auto;
}
.newsletter--top-left {
margin-right: auto;
}
.newsletter--top-right {
margin-left: auto;
}
.newsletter--bottom-left.newsletter,
.newsletter--bottom-right.newsletter {
top: auto;
bottom: 0;
}
.newsletter--bottom-left {
margin: auto auto 0 0;
}
.newsletter--bottom-right {
margin: auto 0 0 auto;
}
@media only screen and (max-width: 989px) {
.newsletter {
width: 48%;
}
}
@media only screen and (max-width: 479px) {
.newsletter {
position: relative;
width: 100%;
}
}
.newsletter form {
display: none;
width: 100%;
}
.newsletter .hide + form {
display: block;
}
.newsletter .input-group.newsletter-form {
border: none;
}
.newsletter .input-group {
position: static;
width: 100%;
margin: 0;
}
.newsletter .input-group.newsletter-form input {
width: 100%;
padding: 10px 0;
color: var(--text-newsletter);
font-size: calc(var(--font-2) * var(---font-adjust-body));
}
.newsletter .input-group.newsletter-form input:-webkit-autofill,
.newsletter .input-group.newsletter-form input:-webkit-autofill:active,
.newsletter .input-group.newsletter-form input:-webkit-autofill:focus,
.newsletter .input-group.newsletter-form input:-webkit-autofill:hover {
-webkit-transition: background-color 5000s ease-in-out 0s,
border-color 5000s ease-in-out 0s;
transition: background-color 5000s ease-in-out 0s,
border-color 5000s ease-in-out 0s;
-webkit-text-fill-color: var(--text-newsletter) !important;
}
.newsletter .input-group.newsletter-form input::placeholder {
color: var(--text-newsletter);
}
.newsletter .input-group.newsletter-form .input-group-btn {
visibility: hidden;
position: absolute;
top: 50%;
right: 12px;
width: auto;
background: none;
color: inherit;
transform: translateY(-50%);
opacity: 0;
transition: opacity 0.3s, visibility 0.3s;
}
.newsletter .input-group.newsletter-form .btn:active,
.newsletter
.input-group.newsletter-form
.product__reviews
.spr-summary-actions-newreview:active,
.newsletter
.input-group.newsletter-form
.shopify-payment-button
.shopify-payment-button__button--unbranded:active,
.product__reviews
.newsletter
.input-group.newsletter-form
.spr-summary-actions-newreview:active,
.shopify-payment-button
.newsletter
.input-group.newsletter-form
.shopify-payment-button__button--unbranded:active {
transform: none;
}
.newsletter .input-group.newsletter-form .input-group-btn .btn--arrow,
.newsletter .input-group.newsletter-form .input-group-btn .btn--arrow:active,
.newsletter .input-group.newsletter-form .input-group-btn .btn--arrow:focus {
padding: 0;
width: 20px;
height: 20px;
border: none;
background: none;
color: inherit;
font-size: 0;
}
.newsletter
.input-group.newsletter-form
.input-group-btn
.btn--arrow:active:after,
.newsletter .input-group.newsletter-form .input-group-btn .btn--arrow:after,
.newsletter
.input-group.newsletter-form
.input-group-btn
.btn--arrow:focus:after {
content: "";
position: absolute;
top: 50%;
right: 2px;
width: 6px;
height: 6px;
border-left: 2px solid;
border-bottom: 2px solid;
transform: translateY(-50%) rotate(-135deg);
}
.newsletter
.input-group.newsletter-form
.input-group-btn
.btn--arrow:active:before,
.newsletter .input-group.newsletter-form .input-group-btn .btn--arrow:before,
.newsletter
.input-group.newsletter-form
.input-group-btn
.btn--arrow:focus:before {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 18px;
height: 2px;
background-color: currentColor;
margin-top: -1px;
}
.newsletter.has-value .input-group.newsletter-form .input-group-btn {
visibility: visible;
opacity: 1;
}
.newsletter__heading {
padding: 10px 0;
cursor: pointer;
}
.newsletter__heading p {
margin: 0;
}
@media only screen and (max-width: 479px) {
.newsletter__heading p {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
}
.newsletter__close {
position: absolute;
top: 50%;
right: 10px;
padding: 0;
transform: translateY(-50%);
transition: all 0.3s;
}
.newsletter__close:hover {
transform: translateY(-50%) rotate(90deg);
}
.has-value .newsletter__close {
visibility: hidden;
opacity: 0;
}
.reviews {
text-align: center;
position: relative;
}
@media only screen and (max-width: 749px) {
.reviews {
overflow: hidden;
}
}
.review__slide {
flex: 1;
min-width: 33.33%;
}
@media only screen and (max-width: 749px) {
.review__slide {
flex: 0 0 auto;
overflow: hidden;
min-width: 0;
width: 100%;
}
}
.reviews__slider {
display: flex;
flex-wrap: wrap;
position: relative;
padding: 0 30px;
}
@media only screen and (max-width: 749px) {
.reviews__slider {
flex-wrap: nowrap;
overflow-x: auto;
padding: 0 75px 30px 0;
margin-bottom: -30px;
-webkit-overflow-scrolling: touch;
}
.reviews__slider--with-only-one-slide {
padding-right: 0;
}
}
.review {
display: flex;
justify-content: center;
align-items: center;
}
@media only screen and (max-width: 749px) {
.review {
flex-direction: column-reverse;
}
}
.tesimonial__quotes {
display: block;
font-size: calc(1.5rem * var(---font-adjust-body));
margin-bottom: 40px;
}
@media only screen and (max-width: 749px) {
.tesimonial__quotes {
font-size: calc(1.1875rem * var(---font-adjust-body));
margin-bottom: 30px;
}
}
.tesimonial__quotes .icon {
display: inline-block;
width: 1em;
height: 1em;
margin: 0;
}
.review__image {
align-self: stretch;
position: relative;
margin-right: 75px;
width: 50%;
}
@media only screen and (max-width: 749px) {
.review__image {
width: 100%;
height: 50vh;
}
}
.review__image-bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.reviews__slider .review__content {
max-width: 540px;
padding: 104px 15px;
}
@media only screen and (max-width: 1399px) {
.reviews__slider .review__content {
padding: 60px 15px;
}
}
@media only screen and (max-width: 749px) {
.reviews__slider .review__content {
text-align: center;
width: 100%;
padding: 40px 15px;
}
}
.review__content blockquote {
border: 0;
padding: 0;
margin: 0 0 71px;
font-size: calc(1.125rem * var(---font-adjust-body));
line-height: 1.73;
}
@media only screen and (max-width: 1399px) {
.review__content blockquote {
margin-bottom: 40px;
}
}
@media only screen and (max-width: 749px) {
.review__content blockquote {
margin-bottom: 30px;
font-size: calc(1rem * var(---font-adjust-body));
}
}
.review__content blockquote p {
font-size: inherit;
line-height: inherit;
}
.review__content blockquote svg {
display: block;
width: 41px;
height: 31px;
margin-bottom: 64px;
}
@media only screen and (max-width: 1399px) {
.review__content blockquote svg {
margin-bottom: 42px;
}
}
@media only screen and (max-width: 749px) {
.review__content blockquote svg {
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
}
}
.review--no-image .review__content blockquote svg {
margin-left: auto;
margin-right: auto;
}
.review--no-image .review__content {
text-align: center;
}
.review__author {
position: relative;
display: inline-block;
padding-left: 87px;
margin-bottom: 40px;
}
@media only screen and (max-width: 1399px) {
.review__author {
margin-bottom: 30px;
}
}
@media only screen and (max-width: 749px) {
.review__author {
margin-bottom: 20px;
padding-left: 0;
}
}
.review__author strong {
display: block;
font-size: calc(1.125rem * var(---font-adjust-body));
font-weight: var(---font-weight-body-bold);
padding-bottom: 2px;
}
.review__author span {
display: block;
font-size: calc(0.6875rem * var(---font-adjust-body));
text-transform: uppercase;
letter-spacing: 2px;
margin-top: 5px;
}
.review--no-image .review__author {
display: inline-block;
}
.review__author--no-bio-image {
padding-left: 0;
}
.review__author-bio-image {
position: absolute;
top: -10px;
left: 0;
width: 68px;
height: 68px;
border-radius: 50%;
overflow: hidden;
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.review__author-bio-image .placeholder-svg {
position: absolute;
top: 50%;
left: 50%;
width: 150%;
height: 150%;
max-width: 150%;
max-height: 150%;
transform: translate(-50%, -50%);
}
@media only screen and (max-width: 749px) {
.review__author-bio-image {
position: static;
display: block;
margin: 0 auto 20px;
}
}
.review__tweet-url {
font-size: calc(0.6875rem * var(---font-adjust-body));
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: 30px;
}
@media only screen and (max-width: 1399px) {
.review__tweet-url {
margin-bottom: 15px;
}
}
.index-look,
.look__slider {
position: relative;
}
@media only screen and (min-width: 750px) {
.index-look .look__aside {
display: flex;
}
}
@media only screen and (min-width: 750px) and (max-width: 989px) {
.index-look .look__aside {
padding-top: 35px;
padding-bottom: 35px;
}
}
@media only screen and (min-width: 750px) {
.index-look .look__content {
flex: 1;
display: flex;
flex-direction: column;
}
}
@media only screen and (min-width: 750px) and (max-width: 989px) {
.index-look .look__title {
padding-bottom: 10px;
}
}
@media only screen and (min-width: 750px) {
.index-look .look__slider {
display: flex;
flex: 0 1 100%;
width: 100%;
}
}
.index-look .look__slider .flickity-page-dots {
bottom: -57px;
}
@media only screen and (max-width: 1399px) {
.index-look .look__slider .flickity-page-dots {
bottom: -35px;
}
}
@media only screen and (max-width: 989px) {
.index-look .look__slider .flickity-page-dots {
bottom: -22px;
}
}
@media only screen and (min-width: 750px) {
.index-look .look__slide {
height: 100%;
}
}
@media only screen and (min-width: 750px) {
.index-look .product-item {
display: flex;
flex-direction: column;
flex: 0 0 auto;
position: relative !important;
left: 0 !important;
width: 100% !important;
}
}
@media only screen and (min-width: 750px) {
.index-look .product-item__image {
flex: 1;
padding-top: 0;
}
}
@media only screen and (min-width: 750px) {
.index-look .flickity-viewport {
flex: 0 1 100%;
max-width: 100%;
height: 100% !important;
}
}
.look {
flex: 1;
display: flex;
}
@media only screen and (max-width: 749px) {
.look {
flex-direction: column;
}
}
.look__slider {
max-width: calc(25vw + 150px);
padding-left: 75px;
padding-right: 75px;
margin-left: auto;
margin-right: auto;
}
@media only screen and (max-width: 989px) {
.look__slider {
max-width: calc(25vw + 100px);
padding-left: 50px;
padding-right: 50px;
}
}
@media only screen and (max-width: 749px) {
.look__slider {
display: flex;
overflow-x: auto;
max-width: none;
padding: 0 0 30px 25px;
margin: 0 0 -30px;
}
}
.look__slider:after {
content: "flickity";
display: none;
}
@media only screen and (max-width: 749px) {
.look__slider:after {
flex: 0 0 25px;
display: block;
height: 1px;
content: "";
}
}
.look__slider > .look__slide ~ .look__slide {
display: none;
}
@media only screen and (max-width: 749px) {
.look__slider > .look__slide ~ .look__slide {
display: flex;
}
}
.look__slider .flickity-viewport {
width: 100%;
}
.look__slider .flickity-button {
color: var(---color-primary);
}
.look__slider .flickity-page-dots {
left: 50%;
bottom: -40px;
transform: translateX(-50%);
}
.look__slider .flickity-page-dots .dot {
width: 5px;
height: 5px;
}
.look__slide {
flex: 0 0 auto;
display: flex;
width: 100%;
}
@media only screen and (max-width: 749px) {
.look__slide {
width: calc(100% - 70px);
margin-right: 25px;
}
}
@media only screen and (max-width: 749px) {
.look__slide:last-child {
margin-right: 0;
}
}
@media only screen and (max-width: 749px) {
.brick--margin .look__slide:first-child:last-child,
.look__slide:first-child:last-child,
.wrapper--brick .look__slide:first-child:last-child {
width: calc(100% - 25px);
}
}
@media only screen and (max-width: 749px) {
.brick--margin .look__slide,
.wrapper--brick .look__slide {
width: calc(100% - 50px);
}
}
.look__aside {
width: 100%;
text-align: left;
padding: 104px 10px;
}
@media only screen and (max-width: 1399px) {
.look__aside {
padding: 60px 10px;
}
}
@media only screen and (max-width: 749px) {
.look__aside {
padding: 35px 0;
}
}
@media only screen and (max-width: 749px) {
.look__content {
overflow: hidden;
}
}
.look__content .product-item {
border: 1px solid var(---color-border);
width: 100%;
margin: 0;
}
.look__content .product-information,
.look__content .product-item--borderless .product-information {
padding: 0;
}
.look__content .product-information > a[href="#"] {
pointer-events: none;
}
.look__content .product-information > a,
.look__content .product-item--borderless .product-information > a {
padding: 20px var(--inner);
}
.look__content .product-information > a .product__grid__title,
.look__content
.product-item--borderless
.product-information
> a
.product__grid__title {
font-size: calc(1rem * var(---font-adjust-heading));
margin: 0 0 5px;
}
.look__content .product-information > a .price,
.look__content .product-item--borderless .product-information > a .price {
font-size: calc(0.9rem * var(---font-adjust-body));
margin-top: 5px;
}
.look__title {
text-align: center;
padding-bottom: 30px;
margin: 0;
}
@media only screen and (max-width: 749px) {
.look__title {
padding: 30px 0;
}
}
.look__image {
position: relative;
width: 50%;
padding-top: 50%;
}
@media only screen and (max-width: 749px) {
.look__image {
width: 100%;
padding-top: 100vw;
margin: 0 auto;
}
}
.look__image + .look__aside {
width: 50%;
}
@media only screen and (max-width: 749px) {
.look__image + .look__aside {
width: 100%;
}
}
.look__image-bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.look__dots {
position: absolute;
top: 12px;
left: 12px;
bottom: 11px;
right: 11px;
}
.look__dot__wrapper {
position: absolute;
width: 23px;
height: 23px;
margin-top: -12px;
margin-left: -12px;
cursor: pointer;
}
.look__dot__wrapper:after,
.look__dot__wrapper:before {
position: absolute;
z-index: 101;
background-color: var(---color-primary);
content: "";
}
.look__dot__wrapper:before {
width: 11px;
height: 1px;
top: 11px;
left: 6px;
}
.look__dot__wrapper:after {
width: 1px;
height: 11px;
top: 6px;
left: 11px;
}
.look__dot__wrapper.is-selected .look__dot:before {
animation: pulse 2.5s linear;
animation-iteration-count: infinite;
}
.look__dot {
position: absolute;
z-index: 100;
width: 100%;
height: 100%;
background-color: #fff;
border-radius: 50%;
}
.look__dot:after,
.look__dot:before {
content: "";
width: 35px;
height: 35px;
background-color: inherit;
border-radius: 50%;
opacity: 0.3;
position: absolute;
top: -6px;
left: -6px;
}
.look__dot:before {
opacity: 0;
}
@keyframes pulse {
0% {
transform: scale(0);
opacity: 0;
}
89% {
transform: scale(0);
opacity: 0;
}
90% {
transform: scale(1);
opacity: 0.2;
}
to {
transform: scale(5);
opacity: 0;
}
}
.bounce-animation {
animation-duration: 3s;
animation-iteration-count: infinite;
animation-name: bounce-custom;
animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1);
}
@keyframes bounce-custom {
0% {
transform: translateY(0);
}
60% {
transform: translateY(0);
}
65% {
transform: translateY(-10px);
}
70% {
transform: translateY(0);
}
75% {
transform: translateY(-2px);
}
80% {
transform: translateY(0);
}
to {
transform: translateY(0);
}
}
.collection-block__wrapper {
display: block;
width: 100%;
position: relative;
}
.collection-block {
display: flex;
align-items: center;
min-height: 50vw;
background: var(---color-bg-secondary);
}
@media only screen and (min-width: 750px) and (max-width: 989px) {
.collection-block {
min-height: 400px;
}
}
@media only screen and (min-width: 990px) and (max-width: 1399px) {
.collection-block {
min-height: 500px;
}
}
@media only screen and (min-width: 1400px) {
.collection-block {
min-height: 600px;
}
}
@media only screen and (max-width: 749px) {
.collection-block {
flex-direction: column;
}
}
.collection-block__content {
height: 100%;
width: 50%;
text-align: left;
padding: 104px;
}
@media only screen and (max-width: 1399px) {
.collection-block__content {
padding: 60px;
}
}
@media only screen and (max-width: 749px) {
.collection-block__content {
width: 100%;
padding: 40px;
}
}
.collection-block__button {
margin-top: 10px;
}
.collection-block__image {
align-self: stretch;
position: relative;
width: 50%;
}
@media only screen and (max-width: 749px) {
.collection-block__image {
width: 100%;
height: 50vw;
margin: 30px auto 0;
}
}
.collection-block__image-bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.collection-block__products {
width: 50%;
}
@media only screen and (min-width: 750px) {
.collection-block__products {
display: flex;
}
}
.collection-block__products .product-item {
width: 50%;
}
.password-page__background,
.password-page__wrapper {
height: 100%;
width: 100%;
position: absolute;
}
.password-page__background {
top: 0;
right: 0;
bottom: 0;
left: 0;
display: table;
background-repeat: no-repeat;
background-size: cover;
background-position: 50%;
}
.password-page__signup-form {
position: relative;
margin: 0 auto;
text-align: center;
background-color: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.password-page__signup-form a,
.password-page__signup-form h1,
.password-page__signup-form h3,
.password-page__signup-form i,
.password-page__signup-form p,
.password-page__signup-form small {
color: #fff;
}
.password-page__signup-form a:hover {
color: var(---color-link-hover);
}
.password-page__signup-form h3 {
margin-bottom: 40px;
padding-bottom: 0;
}
.password-page__signup-form .errors {
font-size: calc(0.75rem * var(---font-adjust-body));
}
.password-page__signup-form .errors ul {
text-align: center;
}
@media only screen and (max-width: 749px) {
.password-page__signup-form .wrapper {
height: 100%;
overflow: auto;
padding-bottom: 25px;
}
}
.toggle-wrapper {
position: absolute;
top: 20px;
right: 20px;
padding-bottom: 50px;
}
@media only screen and (max-width: 749px) {
.toggle-wrapper {
position: relative;
text-align: center;
right: 0;
margin-bottom: 25px;
}
}
.form-admin-login,
.form-customer-signup {
overflow: hidden;
padding-bottom: 20px;
}
.password-input,
.signup-input {
background-color: #fff;
height: 40px;
padding: 0 11px;
vertical-align: middle;
}
.signup-input {
min-width: 280px;
}
.customer-signup-button,
.password-login-button {
height: 40px;
padding: 0 11px;
vertical-align: middle;
border: 1px solid transparent;
}
.customer-signup-button:focus,
.password-login-button:focus {
transform: none;
}
.password-input,
.password-input:hover,
.signup-input,
.signup-input:hover {
border: none;
}
.template-password {
height: 100vh;
text-align: center;
}
.template-password .main-content {
height: 100vh;
padding: 0;
}
.template-password .newsletter-form {
border: 1px solid var(---color-border-light);
}
.password-section,
.password__wrapper {
width: 100%;
height: 100%;
}
.password__wrapper {
display: table;
color: var(---color-text);
background-color: var(---color-link);
background-size: cover;
background-repeat: no-repeat;
background-position: 50%;
background-color: var(---color-bg);
}
.password__wrapper .password__footer__inner {
color: #fff;
}
.password__wrapper a {
color: inherit;
}
.password__main {
display: table-row;
width: 100%;
height: 100%;
margin: 0 auto;
}
.password__main__inner {
display: table-cell;
vertical-align: middle;
padding: 25px 50px;
}
@media only screen and (max-width: 749px) {
.password__main__inner {
padding: 16.6666666667px;
}
}
@media only screen and (min-width: 750px) {
.password__main__inner {
padding: 16.6666666667px 50px;
}
}
.password__box {
background-color: var(---color-bg);
max-width: 600px;
margin: 0 auto;
padding: 50px 0 0;
}
.password__hero {
font-size: calc(2.625rem * var(---font-adjust-body));
line-height: 1.15;
letter-spacing: 0;
text-rendering: optimizeLegibility;
padding-bottom: 50px;
padding-top: 50px;
}
@media only screen and (min-width: 750px) {
.password__hero {
font-size: calc(3.125rem * var(---font-adjust-body));
}
}
@media only screen and (min-width: 990px) {
.password__hero {
font-size: calc(3.4375rem * var(---font-adjust-body));
}
}
.password__hero .logo {
max-width: 100%;
max-height: 200px;
}
.password__message {
font-size: 120%;
}
.password__message img {
max-width: 100%;
}
.password__logo,
.password__logo--text {
margin-bottom: 20px;
text-align: center;
}
.password__hero,
.password__login-form,
.password__message,
.password__signup-form {
max-width: 500px;
margin: 0 auto;
}
.password__login-form {
text-align: center;
padding: 100px 50px;
}
.password__box,
.password__login-form {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
border-radius: 4px;
overflow: hidden;
}
.password-login {
color: #fff;
}
.password__login-form,
.password__signup-form {
background-color: var(---color-bg);
padding: 50px;
}
.password__login-form .input-group,
.password__signup-form .input-group {
width: 100%;
}
.password__login-form .errors,
.password__signup-form .errors {
font-size: calc(0.75rem * var(---font-adjust-body));
}
.password__login-form .errors ul,
.password__signup-form .errors ul {
color: #fff;
list-style-type: none;
margin-left: 0;
}
.password__signup-form {
padding-top: 50px;
}
.password__signup-form__heading {
margin-bottom: 0.8em;
}
.admin-login {
margin-top: 25px;
margin-bottom: 0;
font-size: 95%;
}
.admin-login a {
text-decoration: none;
}
.password__social-sharing.product__sharing .sharing,
.password__social-sharing .sharing {
padding: 20px 0;
}
.password__social-sharing.product__sharing .social-sharing,
.password__social-sharing .social-sharing {
border-top-color: #fff;
margin-left: 0;
margin-right: 0;
}
.password__social-sharing.product__sharing .social-sharing svg,
.password__social-sharing .social-sharing svg {
margin-left: 0.312rem;
margin-right: 0.312rem;
}
.password__social-sharing.product__sharing a svg,
.password__social-sharing a svg {
fill: #fff;
}
.password__social-sharing.product__sharing a:hover svg,
.password__social-sharing a:hover svg {
fill: var(---color-link-hover);
}
.password__footer {
display: table-row;
height: 1px;
}
.password__footer__inner {
display: table-cell;
vertical-align: bottom;
padding: 50px;
line-height: 20px;
font-size: 95%;
color: var(---color-text);
}
.password__footer__inner a {
text-decoration: none;
margin: 0 25px;
}
@media only screen and (max-width: 749px) {
.password__footer__inner a {
display: block;
margin-top: 25px;
}
}
.shopify-section.password + .shopify-section {
padding-top: 100vh;
}
.product__selectors {
margin-right: -10px;
}
.selector-wrapper {
padding-right: 10px;
}
.selector-wrapper .popout__toggle,
.selector-wrapper select {
width: 100%;
}
.selector-wrapper label {
font-size: calc(12px * var(---font-adjust-body));
}
.radio__legend {
display: block;
margin: 0;
padding: 0;
width: 100%;
font-weight: var(---font-weight-body);
font-size: calc(var(--font-2) * var(---font-adjust-body));
}
.radio__legend.is-hidden {
display: none;
padding: 0;
margin: 0;
}
.radio__legend.radio__legend--flex {
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: center;
}
.radio__legend .radio__legend__dot {
width: 4px;
height: 4px;
border-radius: 50%;
margin: 0 10px 0 0;
background-color: var(---color-text);
opacity: 0.4;
}
.radio__legend__label {
font-size: calc(var(--font-2) * var(---font-adjust-body));
padding-right: 6px;
margin-right: 5px;
}
.radio__button label:hover,
.swatch__button label:hover {
cursor: pointer;
}
.radio__button {
position: relative;
display: inline-block;
padding: 5px 10px 5px 0;
}
.radio__button:first-of-type {
padding-left: 0;
}
.radio__fieldset {
margin-bottom: var(--form-margin);
}
.radio__fieldset .radio__button label {
display: block;
font-size: 19px !important;
line-height: 1.3;
position: relative;
margin: 0;
padding-top: 0px;
padding: var(--form-top) var(--form-left);
color: inherit;
background-color: initial;
border: 1px solid var(--border);
border-radius: var(---radius-sm);
transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.radio__fieldset .radio__button label:active,
.radio__fieldset .radio__button label:focus,
.radio__fieldset .radio__button label:hover {
border: 1px solid var(--secondary);
}
.radio__fieldset .radio__button input:checked ~ label {
border: 1px solid black;
text-align: center;
margin: auto;
border-radius: 0px;
font-size: 17px !important;
padding: 5px;
}
.radio__fieldset .selector-wrapper__scrollbar {
overflow: hidden;
position: relative;
margin: 0 30px -17px;
padding-bottom: 17px;
border-radius: 0px;
white-space: nowrap;
}
.radio__fieldset .radio__fieldset-arrow {
position: absolute;
bottom: 50%;
display: block;
width: 26px;
height: 26px;
max-height: none;
margin-bottom: -26px;
border-radius: 0;
box-shadow: none;
transition: all 0.2s;
}
.radio__fieldset .radio__fieldset-arrow--prev {
left: 5px;
transform: scaleX(-1);
}
.radio__fieldset .radio__fieldset-arrow--next {
right: 5px;
}
.radio__fieldset .radio__fieldset-arrow:before {
content: "";
display: inline-block;
width: 8px;
height: 8px;
border-color: currentcolor;
border-style: solid;
border-width: 0 0 2px 2px;
margin: -4px 0 0;
vertical-align: middle;
transform: rotate(-135deg);
transform-origin: 50% 50%;
transition: all 0.4s;
}
.radio__fieldset--small {
min-width: 0;
}
.radio__fieldset--small .radio__button label {
padding: 5px;
min-height: 36px;
min-width: 36px;
font-size: calc(0.75rem * var(---font-adjust-body));
line-height: 26px;
}
.radio__fieldset--small .radio__legend__label {
font-size: calc(var(--font-1) * var(---font-adjust-body));
padding-right: 0;
margin-right: 0;
text-transform: uppercase;
letter-spacing: 0.1em;
}
.radio__fieldset--small .swatch__button label {
width: calc(24px * var(---font-adjust-body));
height: calc(24px * var(---font-adjust-body));
min-width: 26px;
min-height: 26px;
}
.radio__fieldset--small .swatch__button input:checked ~ label:after {
top: -3px;
left: -3px;
width: 30px;
height: 30px;
}
.radio__fieldset--swatches {
visibility: hidden;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
padding: calc(var(--inner) / 2) var(--inner);
background-color: var(---color-bg);
opacity: 0;
transition: opacity 0.3s ease, visibility 0.3s ease;
}
@media (hover: none) and (pointer: coarse) {
.radio__fieldset--swatches {
display: none;
}
}
.radio__fieldset--swatches.is-visible {
visibility: visible;
opacity: 1;
}
.radio__fieldset--swatches .swatch__button {
margin: 0 5px;
}
.radio__fieldset--swatches .swatch__button input:checked ~ label {
margin: 0;
}
.radio__fieldset--swatches .swatch__button input:disabled + label {
overflow: hidden;
}
.radio__fieldset--swatches .swatch__button input:checked + label:after {
display: none;
}
.radio__fieldset--swatches .swatch__button input:disabled + label:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 2px;
height: 26px;
margin-left: -1px;
background-color: var(--text-dark);
transform: rotate(-45deg) translate(-50%, -50%);
transform-origin: left top;
}
.radio__fieldset--swatches .selector-wrapper__scrollbar {
padding-bottom: 0;
margin-bottom: 0;
}
.radio__fieldset--swatches .radio__fieldset-arrow {
bottom: auto;
top: 50%;
margin: 0;
pointer-events: auto;
transform: translateY(-50%);
}
.radio__fieldset--swatches .radio__fieldset-arrow--prev {
transform: translateY(-50%) scaleX(-1);
}
.swatch__button {
--swatch: #ccc;
display: inline-block;
padding-right: 5px;
vertical-align: top;
position: relative;
pointer-events: auto;
}
.radio__button input,
.swatch__button input {
position: absolute;
top: 0;
left: 0;
opacity: 0;
width: 0;
height: 0;
margin: 0;
overflow: hidden;
pointer-events: none;
display: block;
}
.selector-wrapper fieldset label {
margin-top: unset;
}
.swatch__button label {
display: block;
position: relative;
width: 28px;
height: 28px;
margin: 0;
border-radius: 100%;
background-color: var(--swatch);
}
.swatch__button input:checked ~ label {
margin: 0px;
width: 24px;
height: 24px;
}
@media only screen and (max-width: 750px) {
.swatch__button input:checked ~ label:after {
top: -1px !important;
left: -1px !important;
width: 18px !important;
height: 18px !important;
}
}
.swatch__button input:checked ~ label:after {
content: "";
position: absolute;
top: -4px;
left: -4px;
width: 28px;
height: 28px;
border-radius: 100%;
border: 2px solid var(--swatch);
}
.select__fieldset .radio__legend__label,
.select__fieldset .select__label {
display: block;
padding-right: 0;
margin-right: 0;
margin-bottom: 5px;
font-size: calc(var(--font-2) * var(---font-adjust-body));
font-weight: var(---font-weight-bold);
}
.select__fieldset .radio__legend__label.is-hidden,
.select__fieldset .select__label.is-hidden {
display: none;
margin: 0;
padding: 0;
}
.select__fieldset--small .radio__legend__label {
display: inline;
margin-bottom: 0;
font-size: calc(var(--font-1) * var(---font-adjust-body));
text-transform: uppercase;
letter-spacing: 0.1em;
}
.swatch__button label[data-swatch="white" i] {
box-shadow: 0 0 0 1px var(--text-light);
}
.swatch__button label[data-swatch="white" i]:after {
--swatch: var(--text-light);
}
.swatch__button input:checked ~ label[data-swatch="white" i] {
box-shadow: inset 0 0 0 1px var(--text-light);
}
.grid__swatch__container {
min-height: 29px;
}
.grid__swatch__container .swatch__button {
padding: 10px 0 0;
margin-right: 0;
}
.grid__swatch__container .swatch__button label {
width: 19px;
height: 19px;
margin: 0 6px;
cursor: pointer;
}
.grid__swatch__container .swatch__button input:checked ~ label {
margin: 0 6px;
width: 19px;
height: 19px;
}
.grid__swatch__container .swatch__button input:checked ~ label:after {
content: "";
position: absolute;
top: -3px;
left: -3px;
width: 23px;
height: 23px;
}
.grid__swatch__container .swatch__button:after {
top: auto;
bottom: 100%;
}
.is-focused .swatch__button input:focus ~ label:before {
position: absolute;
content: "";
left: -3px;
bottom: -10px;
height: 2px;
width: calc(100% + 6px);
background: var(--secondary);
}
.is-focused .radio__button input:focus ~ label:before {
position: absolute;
content: "";
left: 0;
bottom: -10px;
height: 2px;
width: 100%;
background: var(--secondary);
}
.product-grid {
display: flex;
flex-wrap: wrap;
align-content: flex-start;
padding-top: 1px;
padding-left: 1px;
-webkit-overflow-scrolling: touch;
scroll-snap-type: mandatory;
scroll-snap-destination: 0 100%;
scroll-snap-points-x: repeat(100%);
}
.product-grid.flickity-enabled {
overflow: hidden;
width: 70%;
margin: 0 auto;
}
.product-grid.flickity-enabled .flickity-viewport {
overflow: visible;
}
@media only screen and (max-width: 750px) {
.swatch__button input:checked ~ label {
width: 20px !important;
height: 20px !important;
}
.product-grid.flickity-enabled .product-item {
width: 25% !important;
}
}
.product-grid .flickity-button:disabled {
opacity: 0;
}
.product-grid--borderless {
padding-top: 0;
padding-left: 0;
}
@media only screen and (min-width: 750px) {
.product-grid--slider:after {
content: "flickity";
display: none;
}
}
@media only screen and (min-width: 750px) {
.product-grid--slider .flickity-viewport {
flex: 0 1 100%;
max-width: 100%;
height: auto !important;
}
}
@media only screen and (min-width: 750px) {
.product-grid--slider .flickity-slider {
position: relative !important;
display: flex;
left: 0 !important;
width: auto;
}
}
@media only screen and (min-width: 750px) {
.product-grid--slider .collection-item,
.product-grid--slider .product-item:not(.one-quarter) {
flex: 0 0 auto;
position: relative !important;
left: 0 !important;
width: 25% !important;
}
}
@media only screen and (min-width: 750px) {
.product-grid--slider-alt .product-item:not(.one-quarter),
.product-grid--slider .product-item.one-quarter {
flex: 0 0 auto;
position: relative !important;
left: 0 !important;
}
.product-grid--slider-alt .product-item:not(.one-quarter) {
width: 28% !important;
}
}
.product-grid--loader {
position: relative;
}
.product-grid--loader.is-loading .product-grid__loader {
opacity: 1;
visibility: visible;
}
.product-grid__loader {
position: absolute;
top: 0;
left: 0;
z-index: 4;
width: 100%;
height: 100%;
pointer-events: none;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s, visibility 0.3s;
}
@media only screen and (max-width: 749px) {
.product-grid__loader {
z-index: 201;
}
}
.product-grid__loader-line {
position: sticky;
top: 0;
width: 100%;
margin: 0;
}
.product-item {
position: relative;
border: 0px solid var(---color-border);
border-left: 0;
background: #fff;
margin-top: -1px;
scroll-snap-align: start;
}
.product-item:before {
position: absolute;
top: -1px;
left: -1px;
bottom: -1px;
z-index: 10;
border-left: 0px solid var(---color-border);
content: "";
}
.product-item .product-link {
display: block;
height: 100%;
color: var(---color-text);
}
.product-item .product-link[href="#"] {
pointer-events: none;
}
.product-item .badge-box,
.product-item .preorder-box,
.product-item .sale-box {
position: absolute;
left: 10px;
top: 0px;
z-index: 3;
text-align: center;
padding: 0 15px;
height: 34px;
min-width: 80px;
width: auto;
max-width: 100%;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
line-height: 34px;
}
.product-item .sale-box {
color: white;
background: #eb7c36;
}
.product-item .badge-box,
.product-item .preorder-box {
color: var(---color-badge-text);
background: var(---color-badge-bg);
}
.product-item
.preorder-box:not(.is-hidden)
~ .slideup
> button
small:first-child:not(:last-child) {
display: none;
}
.product-item
.preorder-box:not(.is-hidden)
~ .slideup
> button
small:nth-child(2) {
display: inline;
}
@media (min-width: 1200px) {
.product-item__image {
}
}
.product-item__image {
display: block;
padding-top: var(---product-grid-aspect-ratio);
height: 0;
position: relative;
overflow: hidden;
border-bottom: 1px solid var(---color-border);
}
.product-item__image:last-child:first-child {
border-bottom: none;
}
.is-focused .product-item__image {
overflow: visible;
}
.product-item__image.is-visible {
overflow: visible;
z-index: 12;
}
.product-item__image .product-link {
overflow: hidden;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.product-item--featured-image .product-item__image {
padding: 0;
height: 100%;
border-bottom: none;
}
.product-item__image-overlay,
.product-item__image .svg-placeholder {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.product-item__image-overlay {
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
}
.product-item__image-overlay:before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.product-item__image-content {
position: relative;
text-align: center;
}
.product-item__image-content h3 {
font-size: calc(1.75rem * var(---font-adjust-heading));
}
@media only screen and (max-width: 749px) {
.product-item__image-content h3 {
font-size: calc(1.5rem * var(---font-adjust-heading));
}
}
.product-item__image-content .btn,
.product-item__image-content .product__reviews .spr-summary-actions-newreview,
.product-item__image-content
.shopify-payment-button
.shopify-payment-button__button--unbranded,
.product__reviews .product-item__image-content .spr-summary-actions-newreview,
.shopify-payment-button
.product-item__image-content
.shopify-payment-button__button--unbranded {
color: inherit;
border-color: inherit;
margin-top: 1em;
}
.product-item__image-link {
left: 0;
}
.product-item__bg,
.product-item__image-link {
position: absolute;
top: 0;
width: 100%;
height: 100%;
}
.product-item__bg {
display: block;
overflow: hidden;
background-size: contain;
background-repeat: no-repeat;
background-position: 50%;
font-size: 0;
line-height: 1;
will-change: transform, opacity;
}
.product-item__bg--empty img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.product-item--centered .product-information {
text-align: center;
}
.product-item--centered .product__grid__title {
margin-bottom: 4px;
}
.product__grid__title {
font-weight: var(---font-weight-body);
font-size: calc(1rem * var(---font-adjust-body));
color: var(--text-dark);
margin: 7px 0 0;
transition: color 0.3s;
}
@media only screen and (max-width: 749px) {
.product__grid__title {
margin: 0;
}
}
.product-item:hover .product__grid__title {
color: var(--primary);
}
.product-information {
z-index: 10;
position: relative;
text-align: left;
line-height: 1.4;
}
@media only screen and (max-width: 749px) {
.product-information {
line-height: 1.2;
}
}
.product-information > a {
padding-top: 0px;
padding-bottom: 0px;
}
.product-information > a.no-events {
pointer-events: none;
}
@media (hover: none) and (pointer: coarse) {
.product-information > a.no-events {
pointer-events: auto;
}
}
@media only screen and (max-width: 749px) {
.product-information > a {
padding: 12px;
}
}
.bold-pre-compare-price {
font-size: calc(var(--font-2) * var(---font-adjust-body));
color: var(--text-light);
}
@media only screen and (max-width: 749px) {
.product-information .price {
font-size: calc(0.9rem * var(---font-adjust-body));
margin-top: 5px;
text-align: left;
display: block;
}
}
.product-information .price.sale {
opacity: 1;
}
.product-information .price small {
font-size: inherit;
}
.product-information .unit {
color: var(--text-light);
}
@media only screen and (max-width: 749px) {
.product-information .unit {
font-size: calc(0.75rem * var(---font-adjust-body));
}
}
.product-information .item-type {
color: var(---color-text);
}
.product-information .spr-icon {
padding: 0 1px;
}
.product-information .spr-badge-starrating {
display: block;
margin: 3px 0 5px;
font-size: calc(0.75rem * var(---font-adjust-body));
font-weight: var(---font-weight-body);
color: var(---color-link);
}
.product-information .spr-badge-caption {
display: none;
}
.product-information .sold-out {
color: var(--text-light);
}
.product-information .grid__product-swatches-count {
display: block;
font-size: calc(var(--font-2) * var(---font-adjust-body));
color: var(--text-light);
font-style: italic;
}
.product-grid__rating {
margin: 5px 0;
font-size: 0;
}
.product-grid__rating__inner {
position: relative;
display: inline-block;
}
.product-grid__rating__stars {
overflow: hidden;
white-space: nowrap;
color: var(---color-link);
}
.product-grid__rating__stars svg {
width: calc(0.8rem * var(---font-adjust-body));
height: calc(0.8rem * var(---font-adjust-body));
margin: 0 2px;
}
.product-grid__rating__stars svg.icon path,
.product-grid__rating__stars svg path {
stroke-width: 30px;
fill: currentColor;
stroke: currentColor !important;
}
.product-grid__rating__stars--solid {
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.product-grid__rating__stars--transparent svg path {
fill: #fff !important;
}
.new-price {
margin-right: 10px;
}
.new-price:last-child {
display: flex;
flex-direction: row-reverse;
justify-content: flex-end;
margin-right: 0;
}
.old-price {
color: #838383;
text-decoration: line-through;
}
.no-results {
padding: 50px 30px;
text-align: center;
width: 100%;
}
.product-item--borderless {
border: none;
margin-top: 0;
}
.product-item--borderless:before {
content: normal;
}
.product-item--borderless .product-item__image {
border: none;
margin: auto;
}
.product-item--borderless .product-information {
padding-left: 10px !important;
padding: calc(var(--inner) / 2) var(--inner) var(--gutter) var(--inner);
padding-top: 0px;
padding-bottom: 0px;
}
@media only screen and (max-width: 749px) {
.product-grid-outer {
overflow: hidden;
}
.product-grid-outer
.product-grid--mobile-slider:not(.flickity-slider--default) {
padding-bottom: 10px;
margin-top: 0;
margin-bottom: 0px;
}
.product-grid--mobile-slider .collection-item,
.product-grid--mobile-slider .product-item {
flex: 0 0 auto;
}
.product-grid--mobile-slider .collection-item:first-child:last-child,
.product-grid--mobile-slider .product-item:first-child:last-child {
width: 100%;
}
.flickity-slider--default {
position: relative;
display: block;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
.flickity-slider--default .collection-item,
.flickity-slider--default .product-item {
min-width: 250px;
width: auto;
}
.flickity-slider--default:not(.collection-list) .flickity-viewport {
height: auto !important;
}
.flickity-slider--default:not(.collection-list) .flickity-slider {
position: relative;
display: flex;
}
.flickity-slider--default:not(.collection-list)
.flickity-slider
.product-item {
position: relative !important;
left: 0 !important;
}
.product-grid--mobile-slider:not(.flickity-slider--default) {
display: flex;
flex-wrap: nowrap;
overflow-x: auto;
overflow-y: hidden;
max-width: 100%;
}
.product-grid--mobile-slider:not(.flickity-slider--default) .collection-item,
.product-grid--mobile-slider:not(.flickity-slider--default) .product-item {
width: calc(100%);
}
.product-grid--mobile-slider:not(.flickity-slider--default)
.collection-item:first-child:last-child,
.product-grid--mobile-slider:not(.flickity-slider--default)
.product-item:first-child:last-child,
.product-grid:not(.product-grid--mobile-slider):not(.flickity-slider--default)
.product-item:first-child:last-child {
width: 100%;
}
}
.no-touch .double__image .product-item__bg__under {
opacity: 0;
}
.no-touch .double__image.is-visible .product-item__bg__under,
.no-touch .double__image:hover .product-item__bg__under {
opacity: 1;
background-size: contain;
background-repeat: no-repeat;
}
.no-touch .double__image.is-visible:hover .product-item__bg__under {
opacity: 0;
}
.touch .product-item__bg__under {
display: none;
}
.product-item__bg__under {
display: block;
position: absolute;
top: 0;
right: 0;
z-index: 1;
width: 100%;
height: 100%;
background-size: cover;
background-position: 50%;
font-size: 0;
line-height: 1;
overflow: hidden;
}
.widget__products {
margin-top: 30px;
}
.product__column {
display: flex;
align-items: center;
justify-content: flex-start;
text-align: left;
position: relative;
min-height: 120px;
margin-bottom: 30px;
transition: all 0.3s ease-out;
border: 1px solid var(---color-border);
}
.product__column:last-child {
margin-bottom: 0;
}
.product__column .meta--light {
margin-top: 8px;
font-size: calc(0.875rem * var(---font-adjust-body));
color: var(---color-text-light);
}
.product__column:hover {
box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
.product__column__image__wrapper {
width: 33%;
}
.product__column__image__wrapper img {
display: block;
}
.product__column__contents {
padding: 10px 10px 10px 5%;
flex: 1;
}
.product__column__title {
margin: 0 0 9px;
color: var(---color-text);
}
.product__column__image {
display: block;
background-size: cover;
background-position: 50%;
width: 33%;
height: 100%;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.product__wrapper {
}
@media only screen and (max-width: 989px) {
.product__wrapper {
margin-top: 15px;
margin-right: 0px;
}
}
.no-js .product__wrapper noscript img {
max-width: 100%;
}
.product__wrapper--thumbnails-small .product__slides,
.product__wrapper--thumbnails-small .product__thumbs--square {
width: 100%;
float: right;
}
@media only screen and (max-width: 989px) {
.product__wrapper--thumbnails-small .product__slides,
.product__wrapper--thumbnails-small .product__thumbs--square {
width: 100%;
}
}
.product__wrapper--stretch .product__slides,
.product__wrapper--stretch .product__thumbs--square {
margin-left: var(--outer);
}
@media only screen and (max-width: 989px) {
.product__wrapper--stretch .product__slides,
.product__wrapper--stretch .product__thumbs--square {
margin-left: 0;
}
}
.product__page {
max-width: 1500px;
margin: auto;
margin-top: 60px;
}
@media only screen and (max-width: 749px) {
.product__title {
font-size: 20px !important;
}
.product__page {
display: block;
margin-top: 0px;
}
}
.product__page .form__wrapper.is-sticky {
position: sticky;
top: 30px;
}
@media only screen and (max-width: 749px) {
.product__page .form__wrapper.is-sticky {
position: static;
top: 0;
}
}
.product__page .form__wrapper.has-popup {
z-index: 99999;
}
.product__page .form__wrapper.is-sticky.with-sticky-header {
top: var(--header-height);
}
@media only screen and (max-width: 749px) {
.product__page .form__wrapper.is-sticky.with-sticky-header {
top: 0;
}
}
.product__page.grid--no-margin {
margin: 0;
}
.product__breadcrumbs {
padding-right: 70px;
margin: 0 0 0.5em;
}
@media only screen and (max-width: 989px) {
.product__breadcrumbs {
padding: 0;
margin-top: 20px;
margin-bottom: 20px;
}
}
@media only screen and (min-width: 750px) {
.product__wrapper--stacked .product__slide {
}
}
.product__wrapper--stretch {
margin: 90px 0 0;
}
.product__media iframe {
display: block;
width: 100%;
height: 100%;
}
.product__photo img {
pointer-events: none;
}
[data-image-zoom-enable="true"] .product__photo [data-zoom-wrapper] {
cursor: zoom-in;
cursor: var(--icon-zoom-in), zoom-in;
}
[data-image-zoom-enable="true"]
.product__photo
[data-zoom-wrapper].is-dragging {
pointer-events: none;
}
body.is-focused .product__photo.focus-visible:after,
body.is-focused .product__photo:focus:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 2px solid var(---color-border);
pointer-events: none;
box-sizing: border-box;
z-index: 2;
}
@media only screen and (min-width: 990px) {
.form__width {
margin: 0 auto;
}
}
.grid__item.small-show {
display: none;
}
@media only screen and (max-width: 749px) {
.grid__item.small-show {
display: block;
}
}
.product__rating {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.product__rating > * {
margin: 4px 0 4px 4px;
}
.product__rating .rating {
font-size: 0;
}
.product__rating .rating svg {
margin-top: -1px;
margin-right: 0;
width: calc(16px * var(---font-adjust-heading));
height: calc(16px * var(---font-adjust-heading));
color: var(--primary);
}
.product__title__wrapper {
position: relative;
padding-right: 70px;
}
@media only screen and (max-width: 749px) {
.product__title__wrapper {
margin: 20px 0;
}
.product__title__wrapper.small-hide {
display: none;
}
}
@media only screen and (min-width: 750px) {
.product__title {
font-size: 20px;
margin-bottom: 0.5em;
font-weight: 500;
margin-bottom: 0;
padding-bottom: 20px;
padding-top: 10px;
}
}
.money-details,
.pre-money {
padding-right: 20px !important;
}
@media only screen and (max-width: 749px) {
.product__title {
margin-top: 0.5em;
margin-bottom: 0.25em;
font-size: calc(1.5rem * var(---font-adjust-heading));
}
}
.product__price__wrap {
display: flex;
padding-top: 0.75em;
justify-content: flex-start;
align-items: flex-start;
gap: 20px;
}
.product__price {
margin: 0;
font-size: calc(var(--font-5) * var(---font-adjust-body));
}
.product__price--unit {
font-size: calc(var(--font-2) * var(---font-adjust-body));
}
.product__price--strike,
.product__price--unit {
color: #838383;
}
.product__price--sale {
margin-right: 10px;
}
.product__badge {
position: absolute;
top: 0;
right: 0;
}
.product__badge:nth-child(3) {
top: 0;
}
.product__badge a:not(.product__badge-link) {
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: center;
margin-top: 4px;
}
.product__badge-link {
cursor: default;
transition: color 0.25s ease-out;
}
.product__badge .spr-badge:after {
content: attr(data-rating);
font-size: calc(var(--font-2) * var(---font-adjust-body));
}
.product__badge:nth-child(2) .spr-badge:after {
font-size: calc(var(--font-2) * var(---font-adjust-heading));
line-height: 2.4;
}
.product__badge svg {
width: calc(16px * var(---font-adjust-body));
height: calc(16px * var(---font-adjust-body));
margin-right: 4px;
margin-top: -1px;
color: var(--primary);
}
.product__badge:nth-child(2) svg {
width: calc(16px * var(---font-adjust-heading));
height: calc(16px * var(---font-adjust-heading));
}
.product__badge .spr-badge:not([data-rating="0.0"]) ~ svg {
display: inline-block;
}
.product__badge .spr-badge span {
display: none;
}
#recently-viewed-product-template,
[id*="recently-viewed-product-template"],
script {
display: none !important;
}
.recent__wrapper {
padding-top: 1px;
margin-top: 20px;
overflow: hidden;
display: none;
opacity: 1;
}
@media only screen and (min-width: 990px) {
.recent__wrapper {
margin-top: 60px;
}
}
.recent__wrapper.loading {
opacity: 0;
}
.recent__content {
margin-top: -1px;
}
.recent__content .title {
padding: 0;
}
.recent__content .title .h5,
.recent__content .title .recent__title,
.recent__content .title h5 {
margin: 0;
}
.recent__content .title:after {
content: "";
}
.recent__content a {
opacity: 1;
width: auto;
height: auto;
display: block;
}
.fb_iframe_widget span {
vertical-align: top !important;
}
.fb_iframe_widget iframe {
z-index: 4000;
}
.sharing {
padding: 20px 0;
position: relative;
overflow: visible;
width: 100%;
display: block;
}
.sharing input {
position: absolute;
top: 0;
left: 0;
opacity: 0;
pointer-events: none;
}
.product__sharing:not(.password__social-sharing) {
display: flex;
flex-wrap: wrap;
align-items: center;
border-top: 1px solid var(---color-border-light);
margin-top: 20px;
color: var(---color-primary);
}
.product__sharing:not(.password__social-sharing) .sharing {
margin: 0;
width: auto;
border-top: none;
color: inherit;
}
.product__sharing:not(.password__social-sharing) .share {
margin: 0 0.8rem;
color: inherit;
opacity: 0;
visibility: hidden;
transition: opacity 0.4s, visibility 0.4s;
}
@media only screen and (max-width: 989px) {
.product__sharing:not(.password__social-sharing) .share {
margin: 0 0.5rem;
}
}
.product__sharing:not(.password__social-sharing) .share:first-child {
margin-left: 0;
}
.product__sharing:not(.password__social-sharing) .share svg {
width: 30px;
height: 30px;
margin: 0;
fill: currentColor;
}
.product__sharing .sharing {
display: flex;
width: 100%;
padding: 0;
border-top: 1px solid var(---color-border-light);
margin: 15px 0 0;
color: #fff;
}
.product__sharing .share svg,
.product__sharing .social-sharing .social__link svg {
width: 36px;
height: 36px;
}
.productTabsWrapper--accordion ~ .product__sharing {
border-top-color: transparent;
}
.product__sharing.is-expanded .share {
opacity: 1;
visibility: visible;
}
.product__sharing.is-expanded .share:first-child {
transition-delay: 0.2s;
}
.product__sharing.is-expanded .share:nth-child(2) {
transition-delay: 0.25s;
}
.product__sharing.is-expanded .share:nth-child(3) {
transition-delay: 0.3s;
}
.product__sharing.is-expanded .share:nth-child(4) {
transition-delay: 0.35s;
}
.product__sharing-button {
display: inline-block;
padding: 0.5rem 0;
margin-right: 30px;
text-transform: uppercase;
letter-spacing: 0.12em;
font-family: var(---font-stack-body);
font-weight: var(---font-weight-body-bold);
font-size: calc(12px * var(---font-adjust-body));
}
@media only screen and (max-width: 749px) {
.product__sharing-button {
font-size: calc(12px * var(---font-adjust-body));
}
}
@media only screen and (max-width: 989px) {
.product__sharing-button {
margin-right: 20px;
}
}
.product__sharing-button svg {
width: 20px;
height: 20px;
margin-right: 5px;
}
.product__sharing-button .product__sharing-button-text {
position: relative;
}
.product__sharing-button .product__sharing-button-text:after {
content: "";
position: absolute;
left: 50%;
bottom: -3px;
height: 1px;
width: 100%;
transform: translateX(-50%);
box-shadow: 0 -1px 0 0 currentColor;
transition: width 0.2s linear;
width: 0;
}
.product__sharing-button .product__sharing-button-text:hover:after {
width: 100%;
}
.product__reviews--alt {
margin: 30px 0;
}
.product__reviews .spr-header {
margin-bottom: -12px;
}
.product__reviews .spr-summary-caption,
.product__reviews .spr-summary-starrating {
display: inline-block;
margin-top: 12px;
margin-bottom: 12px;
}
@media (max-width: 480px) {
.product__reviews .spr-summary-actions {
display: block;
}
}
.product__reviews .spr-summary-actions-newreview {
margin: 12px 0;
}
.product__reviews .spr-container {
border: none !important;
padding: 0 !important;
}
#shopify-product-reviews {
margin: 0 !important;
padding: 1em 0;
}
.cart-popover {
position: fixed;
right: 0;
top: 0;
z-index: 8000;
width: 50%;
max-width: 100%;
}
@media only screen and (min-width: 750px) and (max-width: 989px) {
.cart-popover {
width: 75%;
}
}
@media only screen and (max-width: 749px) {
.cart-popover {
width: 100%;
}
}
.cart-popover h3 {
font-size: calc(1.125rem * var(---font-adjust-heading));
line-height: 1.45;
}
.article__author-bio .cart-popover h3,
.blog .article__image .cart-popover .article__tags,
.cart-popover .article__author-bio h3,
.cart-popover .blog .article__image .article__tags,
.cart-popover h6 {
text-transform: uppercase;
font-family: var(---font-stack-body);
font-weight: var(---font-weight-body);
font-style: var(---font-style-body);
font-size: calc(0.75rem * var(---font-adjust-heading));
letter-spacing: 0.1em;
margin-top: 32px;
margin-bottom: 5px;
}
.cart-popover p {
font-size: calc(0.75rem * var(---font-adjust-body));
line-height: 1.2;
}
.cart-popover .buttons-wrap {
margin-top: 30px;
}
.cart-popover .btn,
.cart-popover .product__reviews .spr-summary-actions-newreview,
.cart-popover
.shopify-payment-button
.shopify-payment-button__button--unbranded,
.product__reviews .cart-popover .spr-summary-actions-newreview,
.shopify-payment-button
.cart-popover
.shopify-payment-button__button--unbranded {
display: block;
width: 100%;
margin-bottom: 6px;
font-size: calc(0.8125rem * var(---font-adjust-body));
}
@media only screen and (max-width: 749px) {
.cart-popover .btn,
.cart-popover .product__reviews .spr-summary-actions-newreview,
.cart-popover
.shopify-payment-button
.shopify-payment-button__button--unbranded,
.product__reviews .cart-popover .spr-summary-actions-newreview,
.shopify-payment-button
.cart-popover
.shopify-payment-button__button--unbranded {
padding: 1.2em 0;
}
}
.cart-popover .product__variant {
font-style: italic;
}
.cart-popover,
.product__form__errors {
opacity: 0;
visibility: hidden;
transition: opacity 0.5s ease, transform 0.5s ease, visibility 0s linear 0.5s,
max-height 0s linear 0.5s;
text-align: center;
transform: translate3d(0, -100%, 0);
max-height: 100vh;
}
.cart-popover.is-visible,
.product__form__errors.is-visible {
max-height: 100vh;
opacity: 1;
visibility: visible;
transition: opacity 0.5s ease, transform 0.5s ease, visibility 0s linear 0s,
max-height 0s linear 0s;
transform: translateZ(0);
}
.cart-popover .close,
.product__form__errors .close {
position: absolute;
top: 4px;
right: 12px;
width: 20px;
height: 20px;
padding: 5px;
z-index: 20;
cursor: pointer;
}
.cart-popover .close .icon,
.product__form__errors .close .icon {
stroke: #333;
width: 100%;
height: 100%;
pointer-events: none;
}
.product__form__errors {
overflow: hidden;
position: relative;
max-height: 0;
margin-right: 10px;
text-align: left;
}
.product__form__errors.is-visible {
padding-bottom: 20px;
}
@media only screen and (max-width: 479px) {
.product__form__errors {
max-width: 390px;
}
}
.product__form__errors .errors {
max-width: 100%;
margin: 0;
padding: 14px 20px;
font-size: 12px;
font-weight: 400;
}
@media only screen and (max-width: 749px) {
.product__form__errors .errors {
padding: 15px 30px 15px 15px;
}
}
.product__form__errors .errors .errors__close {
position: absolute;
top: 4px;
right: 12px;
width: 20px;
height: 20px;
padding: 5px;
z-index: 20;
cursor: pointer;
}
.product__form__errors .errors .errors__close .icon {
width: 100%;
height: 100%;
stroke: #721c24;
}
.product__add__success {
display: flex;
align-items: stretch;
background: var(---color-bg);
border-left: 1px solid var(---color-border);
border-bottom: 1px solid var(---color-border);
}
@media only screen and (max-width: 749px) {
.product__add__success {
border-left: none;
}
}
.product__add__success__image {
width: 50%;
}
@media only screen and (max-width: 749px) {
.product__add__success__image {
display: none;
}
}
.product__add__success__image-bg {
height: 100%;
background-size: cover;
background-position: 50%;
background-repeat: no-repeat;
}
.product__add__success__content {
width: 50%;
padding: 50px;
}
@media only screen and (max-width: 749px) {
.product__add__success__content {
width: 100%;
padding: 15px 20px;
}
}
.product__add__success--hide {
display: none;
}
.is-focused model-viewer:focus:after,
.is-focused video:focus:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10;
box-shadow: inset 0 0 2px 2px var(---color-border);
box-sizing: border-box;
pointer-events: none;
}
.product-modal {
z-index: 9999;
display: none;
}
.product-modal,
.product-modal__overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.product-modal__overlay {
background: rgba(0, 0, 0, 0.6);
cursor: pointer;
}
.product-modal__inner {
position: relative;
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
height: 100%;
padding: 15px;
}
.product-modal__content {
overflow: hidden;
position: relative;
max-width: 600px;
width: 100%;
background-color: var(--bg);
padding: 25px;
font-size: calc(var(--font-2) * var(---font-adjust-body));
}
.product-modal__content .product-tabs {
overflow-x: hidden;
overflow-y: auto;
max-height: calc(100vh - 140px);
margin-top: 20px;
}
.product-modal__close {
position: absolute;
top: 10px;
right: 10px;
z-index: 20;
}
.product__photo,
.product__slides {
position: relative;
}
.product__slides {
font-size: 0;
}
.product__slides .flickity-viewport {
transition: height 0.4s;
}
.product__slides .flickity-slider > * {
width: 100%;
opacity: 0 !important;
transition: opacity 1s ease !important;
}
.product__slides .flickity-slider > .is-selected {
opacity: 1 !important;
}
.no-js .product__slide > :not(noscript) {
display: none;
}
.js
.product__wrapper--thumbnails-bottom
.product__slides:not(.flickity-enabled)
.product__slide:not(:first-child),
.js
.product__wrapper--thumbnails-left
.product__slides:not(.flickity-enabled)
.product__slide:not(:first-child) {
position: absolute;
top: 0;
left: 0;
visibility: hidden;
}
.product__slides .flickity-viewport:after {
content: "";
display: block;
width: 100%;
}
.product__wrapper--thumbnails .product__slides:not(.flickity-enabled) {
display: block;
width: 100%;
height: 60vw;
}
.no-js .product__wrapper--thumbnails .product__slides:not(.flickity-enabled) {
height: auto;
}
.product__wrapper--thumbnails
.product__slides:not(.flickity-enabled)
.product__media,
.product__wrapper--thumbnails
.product__slides:not(.flickity-enabled)
.product__photo {
opacity: 0;
height: 0;
}
.no-js
.product__wrapper--thumbnails
.product__slides:not(.flickity-enabled)
.product__media,
.no-js
.product__wrapper--thumbnails
.product__slides:not(.flickity-enabled)
.product__photo {
opacity: 1;
height: auto;
}
.no-js
.index-product
.product__wrapper--thumbnails
.product__slides:not(.flickity-enabled)
.product__media:not(:first-child),
.no-js
.index-product
.product__wrapper--thumbnails
.product__slides:not(.flickity-enabled)
.product__photo:not(:first-child) {
opacity: 0;
height: 0;
}
.product__wrapper--thumbnails-left .grid__item.medium-up--one-half:first-child {
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: flex-start;
}
.product__wrapper--thumbnails-left .product__thumbs--square {
overflow: hidden;
position: relative;
order: -1;
margin-left: 0;
margin-right: 20px;
flex: 0 0 85px;
height: 100%;
width: 85px;
padding-right: var(--scrollbar-width);
}
.product__wrapper--thumbnails-left .thumb {
margin: 0 0 20px;
padding: 0;
font-size: 0;
}
.product__wrapper--thumbnails-left .thumbs-holder {
top: 0;
left: 0;
bottom: 0;
padding-left: 10px;
width: calc(100% + var(--scrollbar-width));
overflow-y: auto;
overflow-x: hidden;
white-space: normal;
}
@media only screen and (max-width: 749px) {
.product__wrapper--thumbnails-left .thumbs-holder {
position: relative;
white-space: nowrap;
}
}
.product__wrapper--thumbnails-left .thumb:after {
position: absolute;
top: 50%;
left: -10px;
width: 2px;
height: 30px;
max-height: 90%;
margin: 0;
background: var(---color-border-dark);
opacity: 0;
pointer-events: none;
transform: translateY(-50%);
transition: opacity 0.2s;
}
.product__wrapper--thumbnails-left.product__wrapper--thumbnails-small
.grid__item.medium-up--one-half:first-child {
justify-content: flex-end;
}
.product__wrapper--thumbnails-left.product__wrapper--thumbnails-small
.product__slides {
width: calc(75% - 95px);
}
.product__wrapper--thumbnails-left .product__slides {
flex: 1 1 auto;
}
@media only screen and (max-width: 749px) {
.product__wrapper--thumbnails-left
.grid__item.medium-up--one-half:first-child {
display: block;
}
.product__wrapper--thumbnails-left.product__wrapper--thumbnails-small
.product__slides {
width: 100%;
}
.product__wrapper--thumbnails-left .product__thumbs--square .thumb:after {
width: 100%;
padding-right: 0;
}
.product__wrapper--thumbnails-left .product__thumbs--square {
width: auto;
height: auto;
padding: 0;
margin: 0;
}
.product__wrapper--thumbnails-left .thumbs-holder {
overflow: auto;
width: 100%;
height: auto;
padding: 0;
margin: 0;
}
.product__wrapper--thumbnails-left .thumb {
padding-bottom: 10px;
margin: 10px 10px 0 0;
}
.product__wrapper--thumbnails-left .thumb:after {
top: auto;
bottom: 0;
left: 0;
right: 0;
margin: auto;
height: 2px;
transform: none;
}
}
#template-product .product__wrapper--thumbnails-left .product__thumbs--square {
position: sticky;
top: var(--header-height);
}
@media only screen and (max-width: 749px) {
#template-product
.product__wrapper--thumbnails-left
.product__thumbs--square {
position: static;
float: none;
display: none;
}
}
@media only screen and (max-width: 749px) {
.product__wrapper .product__thumbs--square {
overflow: hidden;
padding-left: 15px;
padding-right: 15px;
margin-left: -15px;
margin-right: -15px;
float: none;
width: auto;
}
}
.thumbs-holder {
position: relative;
list-style: none;
display: block;
text-align: center;
padding: 0;
margin: 0;
width: 100%;
overflow-x: auto;
white-space: nowrap;
}
@media only screen and (max-width: 749px) {
.product__wrapper .thumbs-holder {
width: auto;
padding: 0 15px;
margin: 0 -15px;
scrollbar-width: none;
-ms-overflow-style: none;
}
.product__wrapper .thumbs-holder::-webkit-scrollbar {
display: none;
}
.product__wrapper .thumbs-holder .flickity-viewport {
overflow: visible;
}
}
.thumb {
position: relative;
display: inline-block;
margin: 10px 10px 0 0;
padding: 0 0 10px;
cursor: pointer;
}
.thumb:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 100%;
height: 2px;
background-color: var(---color-border-dark);
opacity: 0;
transition: opacity 0.2s;
}
.thumb.is-active:after {
opacity: 1;
}
@media only screen and (max-width: 749px) {
.thumb:last-child {
margin-right: 0;
}
}
.thumb__link {
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
width: 75px;
height: 75px;
font-size: 0;
line-height: 0;
text-align: center;
}
.thumb__link:before {
display: inline-block;
width: 0;
height: 100%;
vertical-align: middle;
content: "";
}
.thumb__link__image {
display: inline-block;
max-width: 100%;
max-height: 100%;
width: 100%;
height: 100%;
object-fit: contain;
}
.thumbs-holder .icon {
position: absolute;
top: 2px;
right: 2px;
margin: 0;
height: 20px;
width: 20px;
color: transparent;
fill: var(---color-bg);
vertical-align: initial;
}
.thumbs-holder .icon path {
fill: inherit;
stroke: inherit;
}
.thumbs-holder .icon path.icon-media-model-outline,
.thumbs-holder .icon path.icon-media-video-outline {
stroke: var(--hairline);
}
.thumbs-holder .icon path.icon-media-model-element,
.thumbs-holder .icon path.icon-media-video-element {
fill: var(---color-text);
}
.product__wrapper--stretch .grid__item.medium-up--one-half:first-child {
padding-left: 0;
}
.product__wrapper--stretch .lazy-image,
.product__wrapper--stretch .product__slide {
height: calc(100vh - var(--header-height) - 90px);
min-height: 200px;
}
.product__wrapper--stretch .stretch {
height: 100%;
min-height: 200px;
object-fit: cover;
}
.product__wrapper--stretch .product__thumbs--square {
display: none;
}
@media only screen and (max-width: 749px) {
.product__wrapper--stretch .product__thumbs--square {
display: block;
}
}
.product__wrapper--stacked-stretch .grid__item.medium-up--one-half:first-child {
padding-left: 0;
}
.product__wrapper--stacked-stretch.product__wrapper {
margin: 90px 0 0;
}
@media only screen and (max-width: 749px) {
.product__wrapper--stacked-stretch.product__wrapper {
margin: 15px 15px 0;
}
.product__wrapper--stacked-stretch .grid__item {
padding-left: 0;
}
}
.model__contain,
.video__contain {
margin: 0 auto;
min-height: 1px;
width: 100%;
height: 0;
position: relative;
}
.shopify-model-viewer-ui,
.video__contain > iframe,
.video__contain > video,
model-viewer {
width: 100%;
height: 100%;
position: absolute !important;
top: 0;
left: 0;
max-width: 100%;
min-width: 100%;
min-height: 100%;
}
video::-webkit-media-controls-panel {
display: flex !important;
opacity: 1 !important;
}
.btn--ar {
width: 100%;
position: relative;
margin-top: 4px;
padding: 10px 15px;
}
.btn--ar[data-shopify-xr-hidden] {
position: absolute;
overflow: hidden;
visibility: hidden;
max-width: 0;
max-height: 0;
padding: 0;
border: none;
margin: 0;
opacity: 0;
}
@media only screen and (min-width: 750px) {
.btn--ar[data-shopify-xr-hidden] {
display: none;
}
}
.btn--ar:focus .product-single__view-in-space-text,
.btn--ar:hover .product-single__view-in-space-text {
border-bottom-color: var(---color-text);
}
.btn--ar .icon {
display: inline-block;
width: 20px;
height: 20px;
color: transparent;
}
.btn--ar .icon path {
fill: inherit;
stroke: inherit;
}
.btn--ar .icon path.icon-media-model-outline {
stroke: none;
}
.btn--ar .icon path.icon-media-model-element {
fill: var(---color-text);
opacity: 1;
}
.product-single__view-in-space-text {
display: inline-block;
vertical-align: middle;
}
.thumb__link--model,
.thumb__link--video {
position: relative;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area {
background: var(---color-bg);
border-color: var(--hairline);
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button {
color: var(---color-a60);
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:hover {
color: var(---color-a55);
}
.shopify-model-viewer-ui
.shopify-model-viewer-ui__button--control.focus-visible:focus,
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:active {
color: var(---color-a55);
background: var(--hairline);
}
.shopify-model-viewer-ui
.shopify-model-viewer-ui__button--control:not(:last-child):after {
border-color: var(--hairline);
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster {
background: var(---color-bg);
border-color: var(--hairline);
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:focus,
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:hover {
color: var(---color-a55);
}
.deferred-media {
display: block;
position: relative;
}
.deferred-media iframe,
.deferred-media img,
.deferred-media model-viewer,
.deferred-media video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.deferred-media:not([loaded]) template {
z-index: -1;
}
.deferred-media[loaded] > .deferred-media__poster {
display: none;
}
.deferred-media__poster {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
cursor: default;
padding: 0;
letter-spacing: normal;
line-height: normal;
background: transparent;
border: 0;
color: inherit;
transition: none;
}
.no-touch .deferred-media__poster:hover {
opacity: 1;
}
.deferred-media__poster-button {
position: absolute;
top: 50%;
left: 50%;
margin: -30px 0 0 -30px;
display: flex;
align-items: center;
justify-content: center;
width: 60px;
height: 60px;
padding: 8px;
background-color: var(---color-bg);
border: 1px solid var(---color-a5);
z-index: 1;
cursor: pointer;
}
.deferred-media__poster-button .icon-media-model-outline,
.deferred-media__poster-button .icon-media-video-outline {
stroke: none;
}
.deferred-media__poster-button .icon {
width: 100%;
height: 100%;
}
:root {
--form-top: 14px;
--form-left: 20px;
--form-margin: 10px;
}
.product__subs__option,
.quantity-selector,
.radio__button,
.select-popout__list,
.select-popout__toggle {
font-size: calc(var(--font-2) * var(---font-adjust-body));
}
.variant__labels--hide .radio__legend__label,
.variant__labels--hide .select__label {
position: absolute !important;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
}
.variant__labels--hide .radio__fieldset {
margin-bottom: calc(var(--form-margin) * 2);
}
.variant__labels--hide a {
font-family: var(---font-stack-body);
font-weight: var(---font-weight-body);
font-size: calc(var(--font-2) * var(---font-adjust-body));
color: var(--link);
transition: color 0.3s;
}
.variant__labels--hide a:hover {
color: var(--link-hover);
}
.product__selectors {
display: flex;
gap: 15px;
flex-wrap: wrap;
flex-flow: column-reverse;
flex-direction: column-reverse;
}
.product-form a + .product__selectors {
margin-top: 20px;
}
.shop-pay-terms {
--payment-terms-background-color: var(--bg);
margin: 0 0 20px;
}
.shop-pay-terms + .size-popup-link {
display: inline-block;
margin-bottom: 15px;
font-size: calc(0.85rem * var(---font-adjust-body));
}
.shop-pay-terms:empty {
margin: 0;
}
.selector-wrapper {
min-width: 50%;
flex-grow: 1;
}
.selector-wrapper label {
font-size: calc(0.75rem * var(---font-adjust-body));
}
@media only screen and (max-width: 479px) {
.selector-wrapper {
width: 100%;
}
}
.selector-wrapper .select-popout--small {
max-width: none;
}
.selector-wrapper--color,
.selector-wrapper--fullwidth {
width: 100%;
}
.variant-input-wrap {
margin-left: -4px;
}
.variant-label {
display: block;
margin: 15px 0 var(--form-margin);
}
.variant-field {
position: relative;
display: inline-block;
}
input[type="radio"].variant-input {
top: 0;
left: 0;
opacity: 0;
z-index: 2;
width: 100%;
height: 32px;
margin: 0;
clip: unset;
cursor: pointer;
}
.variant-input:checked + .variant__button-label {
box-shadow: 0 0 0 2px var(---color-primary);
}
.variant__button-label {
letter-spacing: 0.025em;
line-height: 1.6;
position: relative;
display: inline-block;
font-weight: var(---font-weight-body);
padding: 7px 15px;
border-radius: var(---radius-sm);
background-color: #fff;
box-shadow: 0 0 0 1px #e8e8e1;
margin: 0 4px 12px;
cursor: pointer;
}
.variant__button-label.disabled {
color: #e8e8e1;
}
.variant__button-label.disabled:after {
position: absolute;
content: "";
left: 50%;
top: 0;
bottom: 0;
border-left: 1px solid;
border-color: #e8e8e1;
transform: rotate(45deg);
}
.is-focused
.swatch
input[type="radio"]:focus
+ .variant__button-label--color:before,
.is-focused .variant-input:focus + .variant__button-label:before {
position: absolute;
content: "";
left: -2px;
bottom: -8px;
height: 2px;
width: calc(100% + 4px);
background: var(---color-primary);
}
@media (max-width: 768px) {
.quantity-selector {
width: 100px !important;
}
}
.quantity-selector {
width: 150px;
position: relative;
}
.quantity-selector input[type="number"]::-webkit-inner-spin-button,
.quantity-selector input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.no-js .quantity-selector input[type="number"]::-webkit-inner-spin-button,
.no-js .quantity-selector input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: auto;
}
.quantity-selector input[type="number"] {
-moz-appearance: textfield;
}
.no-js .quantity-selector input[type="number"] {
-moz-appearance: auto;
}
.quantity__input {
display: block;
width: 100%;
padding-top: var(--form-top);
padding-bottom: var(--form-top);
margin: 0;
font-family: inherit;
font-size: inherit;
font-weight: inherit;
line-height: 1.3;
text-align: center;
color: var(---color-text);
}
.quantity__plus {
right: 0;
justify-content: flex-end;
padding-right: 15px;
}
.quantity__minus {
left: 0;
justify-content: flex-start;
padding-left: 15px;
}
.quantity__minus,
.quantity__plus {
position: absolute;
top: 0;
height: 100%;
width: 40%;
display: flex;
align-items: center;
}
.quantity__minus *,
.quantity__plus * {
pointer-events: none;
}
.quantity__minus svg,
.quantity__plus svg {
width: 12px;
height: 12px;
color: var(---color-text);
}
.quantity__minus:active,
.quantity__plus:active {
transform: translateY(1px);
}
.no-js .quantity__minus,
.no-js .quantity__plus {
display: none;
}
.product__submit__add {
position: relative;
width: 100%;
min-height: 55px;
padding: var(--form-top) var(--form-left);
}
.product__submit__add svg {
visibility: hidden;
position: absolute;
top: 50%;
left: 50%;
width: 18px;
height: 18px;
opacity: 0;
transform: translate(-50%, -50%);
transition: opacity 0.3s;
}
.product__submit__add circle ~ circle {
stroke: currentColor;
}
.product__submit__add span {
pointer-events: none;
transition: opacity 0.3s;
}
.product__submit__add.is-loading span {
opacity: 0;
}
.product__submit__add.is-loading svg {
visibility: visible;
opacity: 1;
}
.product__submit__add.is-loading circle ~ circle {
animation-play-state: running;
}
.product__submit--spb .shopify-payment-button__button--unbranded {
border: 1px solid transparent;
padding: var(--form-top) var(--form-left);
}
.product__submit {
width: 50%;
}
.product__submit__buttons {
display: inline-flex;
flex-flow: row wrap;
align-items: flex-start;
width: 100%;
margin: 0 0 0em;
}
@media only screen and (max-width: 479px) {
.product__submit__buttons {
display: flex;
flex-direction: column;
}
}
.product__submit__item {
padding: 1em 10px 0 0;
min-width: 50%;
flex: 1;
}
@media only screen and (max-width: 479px) {
.product__submit__item {
min-width: 0;
max-width: 400px;
width: 100%;
}
}
.shopify-payment-button {
max-width: 400px;
transition: opacity 0.4s ease-out;
}
.shopify-payment-button .shopify-payment-button__button {
border-radius: var(---radius);
overflow: hidden;
transition: 0.25s ease-out;
transition-property: color, background, border;
}
.shopify-payment-button .shopify-payment-button__button:active,
.shopify-payment-button .shopify-payment-button__button:focus {
transform: translateY(1px);
}
.shopify-payment-button .shopify-payment-button__button--branded {
min-height: 55px;
}
.shopify-payment-button .shopify-payment-button__button--branded form {
display: flex !important;
flex-direction: column;
flex: 1;
}
.shopify-payment-button .shopify-payment-button__button--unbranded {
width: 100%;
min-height: 55px;
font-size: calc(1.05rem * var(---font-adjust-body));
}
.shopify-payment-button
.shopify-payment-button__button--unbranded:not([disabled]):hover {
background: var(---color-primary-hover);
}
.shopify-payment-button .shopify-payment-button__more-options {
display: none;
font-weight: var(---font-weight-body-bold);
font-size: calc(0.9rem * var(---font-adjust-body));
color: var(---color-text);
}
.shopify-payment-button .shopify-payment-button__more-options:active {
text-decoration: underline;
transform: translateY(1px);
}
.shopify-payment-button .shopify-payment-button__more-options:focus,
.shopify-payment-button .shopify-payment-button__more-options:hover {
background-color: initial;
box-shadow: none;
}
.variant--soldout .product__price,
.variant--soldout .quantity-selector,
.variant--soldout .shopify-payment-button,
.variant--unavailabe .product__price,
.variant--unavailabe .quantity-selector,
.variant--unavailabe .shopify-payment-button {
opacity: 0.3;
}
.variant--soldout .product__price button,
.variant--soldout .product__price input,
.variant--soldout .product__price label,
.variant--soldout .quantity-selector button,
.variant--soldout .quantity-selector input,
.variant--soldout .quantity-selector label,
.variant--soldout .shopify-payment-button button,
.variant--soldout .shopify-payment-button input,
.variant--soldout .shopify-payment-button label,
.variant--unavailabe .product__price button,
.variant--unavailabe .product__price input,
.variant--unavailabe .product__price label,
.variant--unavailabe .quantity-selector button,
.variant--unavailabe .quantity-selector input,
.variant--unavailabe .quantity-selector label,
.variant--unavailabe .shopify-payment-button button,
.variant--unavailabe .shopify-payment-button input,
.variant--unavailabe .shopify-payment-button label {
cursor: default;
}
.variant--soldout .product__submit__add:not(.product__submit__add--default),
.variant--soldout
.product__submit__add:not(.product__submit__add--default):hover,
.variant--unavailabe .product__submit__add:not(.product__submit__add--default),
.variant--unavailabe
.product__submit__add:not(.product__submit__add--default):hover {
border-color: transparent;
background-color: var(---color-a10);
color: var(---color-a40);
cursor: not-allowed;
}
.variant--soldout
.product__submit__add:not(.product__submit__add--default):hover
> *,
.variant--soldout .product__submit__add:not(.product__submit__add--default) > *,
.variant--unavailabe
.product__submit__add:not(.product__submit__add--default):hover
> *,
.variant--unavailabe
.product__submit__add:not(.product__submit__add--default)
> * {
pointer-events: none;
}
@media only screen and (max-width: 749px) {
.variant--soldout .product__submit__add:not(.product__submit__add--default),
.variant--soldout
.product__submit__add:not(.product__submit__add--default):hover,
.variant--unavailabe
.product__submit__add:not(.product__submit__add--default),
.variant--unavailabe
.product__submit__add:not(.product__submit__add--default):hover {
transform: none;
pointer-events: none;
}
}
.variant--soldout .shopify-payment-button,
.variant--unavailabe .shopify-payment-button {
position: relative;
pointer-events: none;
}
.variant--soldout .shopify-payment-button:after,
.variant--unavailabe .shopify-payment-button:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: transparent;
z-index: 2;
}
.variant--unavailabe .product__price {
opacity: 0;
}
.product__pickup {
margin: 32px 0;
}
.product__details + .product__pickup {
margin-top: 26px;
}
.pickup__preview {
margin: 0;
}
.pickup__preview p {
margin: 0 0 6px;
}
.pickup__info__timing,
.pickup__preview--primary button.pickup__button {
font-size: calc(var(--font-2) * var(---font-adjust-body));
}
.pickup__preview--primary {
display: flex;
align-items: flex-start;
}
.pickup__preview--primary button.pickup__button:active,
.pickup__preview--primary button.pickup__button:focus {
transform: none;
}
.pickup__list__item .icon {
width: 15px;
}
.pickup__preview .icon {
width: 12px;
}
.pickup__list__item .icon,
.pickup__preview .icon {
margin: 0 6px 0 0;
height: calc(0.875rem * var(---font-adjust-body) * 1.5);
}
.pickup__list__item .icon-in-stock path,
.pickup__preview .icon-in-stock path {
fill: var(--success);
}
.pickup__list__item .icon-out-of-stock,
.pickup__preview .icon-out-of-stock {
fill: var(--error);
}
.pickup__preview .icon-out-of-stock {
width: 9px;
margin: 1px 6px 0 0;
}
.pickup__list__item .icon-out-of-stock {
width: 12px;
margin: -3px 7px 0 0;
}
@media only screen and (min-width: 750px) {
.pickup__drawer {
--gutter: 20px;
}
}
.pickup__address {
font-size: calc(var(--font-2) * var(---font-adjust-body));
font-style: normal;
margin: 8px 0 0;
}
.pickup__content {
display: flex;
flex-direction: column;
}
.pickup__head {
display: flex;
margin: 0;
padding: var(--gutter);
align-items: center;
height: auto;
}
.pickup__head__title {
font-family: var(---font-stack-heading);
font-style: var(---font-style-heading);
line-height: 1.2;
font-weight: var(---font-weight-heading);
margin: 0 0 0.5em;
font-weight: var(---font-weight-heading-bold);
}
.pickup__head__title p {
margin: 0;
}
.pickup__head__close {
padding: 0;
}
.pickup__product__wrap {
padding: var(--gutter);
border-bottom: 1px solid var(--border);
}
.pickup__product__title {
font-family: var(---font-stack-body);
font-weight: var(---font-weight-body);
font-style: var(---font-style-body);
font-weight: var(---font-weight-body-bold);
font-size: calc(var(--font-4) * var(---font-adjust-body));
margin: 0;
}
.pickup__variant {
font-size: calc(var(--font-1) * var(---font-adjust-body));
margin: 12px 0 0;
}
.pickup__variant .text-light {
color: var(--text-light);
}
.pickup__variant .divide {
color: var(--text-light);
opacity: 0.5;
padding: 0 1px;
}
.pickup__variant .badge {
margin: 8px 8px 8px 0;
}
.pickup__drawer-button {
position: absolute;
top: 0;
right: 0;
width: 20px;
height: 20px;
padding: 0;
font-size: 0;
}
.pickup__drawer-button .icon-close {
width: 12px;
height: 12px;
margin: 0;
}
.pickup__drawer__body {
padding: 0;
height: auto;
flex: 1;
overflow-x: hidden;
overflow-y: auto;
overscroll-behavior: contain;
-webkit-overflow-scrolling: touch;
}
.pickup__list {
padding: var(--gutter);
margin: 0;
list-style: none;
}
.pickup__list__item {
margin-bottom: 32px;
}
.pickup__list__item p {
margin: 2px 0;
}
.pickup__list__item p.small {
margin-top: 8px;
}
.pickup__list__item + .pickup__list__item {
margin-top: 32px;
padding-top: 32px;
border-top: 1px solid var(--bg-accent);
}
.product__subs__group {
display: block;
border: 1px solid var(--border);
}
.product__subs__group + .product__subs__group {
border-top: none;
}
.product__subs__plans {
margin-left: 1.5rem;
}
.product__subs__plans .product__subs__option {
padding-top: 0;
}
.product__subs__option {
display: flex;
width: 100%;
padding: var(--form-top) var(--form-left);
align-items: center;
cursor: pointer;
}
.product__subs__option input[type="radio"] {
color: var(--text-dark);
width: 1rem;
height: 1rem;
flex-shrink: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
position: relative;
padding: 0;
border: 0;
margin: 0 0.5rem 0 0;
cursor: pointer;
}
.product__subs__option input[type="radio"]:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
border: 1px solid var(--text-dark);
box-sizing: border-box;
}
.product__subs__option input[type="radio"]:checked:before {
background-image: radial-gradient(var(--primary) 50%, var(--bg) 51%);
}
.product__subs__description {
background: var(--hairline);
margin: 0;
padding: 10px 20px;
font-style: italic;
}
.product__price--each,
.product__subs__description {
color: var(--text-light);
font-size: calc(var(--font-2) * var(---font-adjust-body));
}
.product__price--off {
background: var(--primary-fade);
color: var(--primary);
padding: 6px 9px;
margin-left: 1rem;
border-radius: 3px;
text-transform: uppercase;
letter-spacing: 0.12em;
font-family: var(---font-stack-body);
font-weight: var(---font-weight-body);
font-size: calc(11px * var(---font-adjust-body));
}
@media only screen and (max-width: 749px) {
.product__price--off {
font-size: calc(10px * var(---font-adjust-body));
}
}
.product__price--off em {
opacity: 0.5;
padding: 0 6px;
}
.product__subs__wrap {
margin-bottom: 20px;
}
[data-subscription-watch-price] {
display: none;
}
.cart-bar {
position: fixed;
left: 0;
bottom: 0;
z-index: 500;
width: 100%;
height: 80px;
overflow: hidden;
background: var(---color-bg);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
opacity: 0;
visibility: hidden;
transform: translateY(100%);
transition: opacity 0.3s ease, transform 0.3s ease, visibility 0s linear 0.3s;
}
.cart-bar[data-position="top"] {
top: 0;
bottom: auto;
transform: translateY(-100%);
}
.cart-bar.is-visible {
opacity: 1;
visibility: visible;
transform: translateY(calc(var(--cookie-bar-height) * -1));
transition: opacity 0.5s ease, transform 0.5s ease, visibility 0s linear 0s;
}
@media only screen and (max-width: 749px) {
.cart-bar {
display: flex;
align-items: center;
min-height: 120px;
height: auto;
}
.cart-bar:after {
min-height: inherit;
font-size: 0;
content: "";
}
}
.cart-bar__form__wrapper {
display: flex;
flex-direction: row-reverse;
align-items: center;
height: 100%;
padding: 0 var(--outer);
}
@media only screen and (max-width: 749px) {
.cart-bar__form__wrapper {
flex: 0 1 100%;
flex-direction: column;
align-items: stretch;
padding: 10px var(--outer);
}
}
.cart-bar__form,
.cart-bar__info {
display: flex;
align-items: center;
}
.cart-bar__form {
max-width: 50%;
margin-left: auto;
}
@media only screen and (max-width: 749px) {
.cart-bar__form {
display: block;
max-width: none;
margin: 0 0 15px;
}
}
.cart-bar__form .product__selectors {
margin: 0;
display: flex;
align-items: stretch;
flex-wrap: nowrap;
height: 50px;
padding: 0;
}
.cart-bar__form .popout__toggle,
.cart-bar__form select {
height: 100%;
border: 0;
margin: 0;
}
.cart-bar__form .selector-wrapper {
height: 100%;
min-width: 120px;
padding-right: 5px;
border-left: 1px solid var(---color-border);
}
.cart-bar__form .product__submit {
min-width: 0;
margin: 0;
}
.cart-bar__form .product__submit__buttons {
display: inline-block;
width: auto;
margin: 0;
}
.cart-bar__form .product__submit__add {
overflow: hidden;
min-height: 50px;
height: 50px;
min-width: 260px;
padding-left: 35px;
padding-right: 35px;
margin: 0;
line-height: 0;
text-overflow: ellipsis;
white-space: nowrap;
}
@media only screen and (max-width: 989px) {
.cart-bar__form .product__submit__add {
min-width: 200px;
}
}
@media only screen and (max-width: 749px) {
.cart-bar__form .product__submit__add {
display: block;
width: 100%;
}
}
.cart-bar__form .product__submit__add--chevron {
position: relative;
}
.cart-bar__form .product__submit__add--chevron:after {
position: absolute;
top: 50%;
right: 20px;
content: "";
display: inline-block;
width: 6px;
height: 6px;
border-color: currentcolor;
border-style: solid;
border-width: 0 0 1px 1px;
margin: -1px 0 0;
vertical-align: middle;
transform: rotate(135deg);
transform-origin: 50% 50%;
transition: all 0s;
}
.cart-bar__info {
justify-content: flex-start;
position: relative;
min-width: 0;
padding-right: 10px;
}
@media only screen and (max-width: 749px) {
.cart-bar__info {
display: block;
flex-wrap: wrap;
justify-content: center;
padding-right: 0;
text-align: center;
}
}
.cart-bar__image {
width: 50px;
height: 50px;
padding: 5px;
margin: 0 10px 0 0;
}
.cart-bar__image img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
}
.cart-bar__product__title {
line-height: 25px;
margin: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: calc(1rem * var(---font-adjust-heading));
}
@media only screen and (max-width: 749px) {
.cart-bar__product__title {
display: inline;
padding: 0 3px;
white-space: normal;
font-size: calc(0.75rem * var(---font-adjust-heading));
}
}
.cart-bar__product__price {
position: relative;
display: flex;
align-items: center;
line-height: 25px;
padding: 0 0 0 10px;
margin: 0;
font-size: calc(1rem * var(---font-adjust-body));
}
@media only screen and (max-width: 749px) {
.cart-bar__product__price {
display: inline;
padding: 0 3px;
font-size: calc(0.75rem * var(---font-adjust-body));
}
}
.variant--unavailabe .cart-bar__product__price {
display: none;
}
.cart-bar__product__price:before {
padding-right: 10px;
content: "•";
}
@media only screen and (max-width: 749px) {
.cart-bar__product__price:before {
padding-right: 6px;
}
}
@media only screen and (max-width: 749px) {
.cart-bar__product__price .product__price--sale {
padding-right: 6px;
margin-right: 0;
}
}
.cart-bar__submit {
margin-right: 0;
}
.cart {
width: auto;
padding: 0 20px;
position: relative;
margin: 80px auto 0;
overflow: visible;
display: block;
text-align: left;
max-width: 1250px;
}
@media only screen and (max-width: 749px) {
.cart {
margin: 40px 0;
}
}
.cart__empty {
text-align: center;
}
.cart__empty p {
margin: 15px;
}
.cart__empty:not(.is-hidden) + .cart__inner {
display: none;
}
.cart__inner {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: flex-start;
}
@media only screen and (max-width: 749px) {
.cart__inner {
display: block;
}
}
.cart__content {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: center;
width: calc(100% - 340px);
}
@media only screen and (min-width: 750px) and (max-width: 989px) {
.cart__content {
width: calc(100% - 300px);
}
}
@media only screen and (max-width: 749px) {
.cart__content {
width: 100%;
margin-bottom: 25px;
}
}
.cart__title {
text-transform: uppercase;
letter-spacing: 0.12em;
font-size: calc(11px * var(---font-adjust-body));
font-family: var(---font-stack-body);
font-weight: var(---font-weight-body);
font-style: var(---font-style-body);
font-weight: var(---font-weight-body-bold);
margin-bottom: 0;
line-height: 1.36;
color: var(--text);
font-size: calc(1rem * var(---font-adjust-body));
}
@media only screen and (max-width: 749px) {
.cart__title {
font-size: calc(10px * var(---font-adjust-body));
}
}
.cart__items {
width: 100%;
border-top: 1px solid var(--border);
margin-top: 15px;
}
.cart__items .cart-item {
padding: 15px 0;
align-items: stretch;
}
.cart__items .cart-item,
.cart__items .cart-item:last-child {
border-bottom: 1px solid var(--border);
}
@media only screen and (max-width: 749px) {
.cart__items .cart-item {
padding-bottom: 40px;
align-items: flex-start;
}
}
.cart__items .cart-item__content {
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
align-items: center;
padding-right: 0;
}
@media only screen and (min-width: 750px) and (max-width: 989px) {
.cart__items .cart-item__content {
padding-left: 15px;
}
}
@media only screen and (max-width: 749px) {
.cart__items .cart-item__content {
display: block;
}
}
.cart__items .cart-item__content-inner {
width: 40%;
}
@media only screen and (max-width: 749px) {
.cart__items .cart-item__content-inner {
width: 100%;
}
}
.cart__items .cart__price {
width: calc(60% - 95px);
padding: 0 10px;
text-align: center;
}
.cart__items .cart__price del,
.cart__items .cart__price ins,
.cart__items .cart__price small {
display: inline-block;
}
@media only screen and (min-width: 750px) and (max-width: 989px) {
.cart__items .cart__price del,
.cart__items .cart__price ins,
.cart__items .cart__price small {
display: block;
margin: 0;
}
}
@media only screen and (max-width: 749px) {
.cart__items .cart__price {
width: 100%;
padding: 0;
text-align: left;
}
}
.cart__items .cart-item__remove {
position: static;
display: block;
font-size: calc(0.6875rem * var(---font-adjust-body));
color: inherit;
letter-spacing: 0.03em;
text-transform: uppercase;
transition: opacity 0.3s;
}
.cart__items .cart-item__remove:hover {
opacity: 0.75;
}
.cart__items .cart-item__remove .icon {
display: none;
}
@media only screen and (max-width: 749px) {
.cart__items .cart-item__remove {
position: absolute;
top: auto;
right: auto;
bottom: 15px;
left: 0;
width: 90px;
text-align: center;
}
}
.cart__items .cart__quantity {
width: 95px;
}
.cart__items .cart__discount {
margin: 10px 0 0 120px;
}
@media only screen and (min-width: 750px) and (max-width: 989px) {
.cart__items .cart__discount {
margin-left: 105px;
}
}
.cart__aside {
position: sticky;
top: 10px;
width: 300px;
}
@media only screen and (min-width: 750px) and (max-width: 989px) {
.cart__aside {
width: 280px;
}
}
@media only screen and (max-width: 749px) {
.cart__aside {
width: 100%;
padding-top: 0;
}
}
.cart__widget {
border-top: 1px solid var(--border);
}
.cart__widget.is-hidden {
border-top: none;
}
.cart__widget > a,
.cart__widget > p {
color: var(--text);
position: relative;
padding: 13px 45px 13px 15px;
display: block;
font-size: calc(0.75rem * var(---font-adjust-body));
line-height: 1.16;
font-weight: var(---font-weight-body-bold);
}
.cart__widget > a:after,
.cart__widget > a:before {
content: "";
position: absolute;
top: 50%;
background-color: currentColor;
transform: translateY(-50%);
transition: transform 0.3s;
}
.cart__widget > a:before {
right: 25px;
width: 12px;
height: 2px;
}
.cart__widget > a:after {
right: 30px;
width: 2px;
height: 12px;
}
.cart__widget .is-active:after {
transform: translateY(-50%) rotate(90deg);
}
.cart__widget > p {
color: var(--text);
position: relative;
padding: 0 0 13px;
display: block;
line-height: 1.16;
}
.cart__widget > p,
.cart__widget label {
font-size: calc(0.75rem * var(---font-adjust-body));
font-weight: var(---font-weight-body-bold);
}
.cart__widget label {
line-height: 1.36;
color: inherit;
}
.cart__widget .cart__field {
display: block;
width: 100%;
font-size: calc(0.75rem * var(---font-adjust-body));
line-height: 1.4;
}
.cart__widget .cart__field--textarea {
height: 90px;
resize: none;
}
.cart__widget .cart__field.popout__toggle,
.cart__widget select.cart__field {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-position: 100%;
background-image: url(//cdn.shopify.com/s/files/1/0081/5654/5088/t/2/assets/ico-select.svg?v=1156308%E2%80%A6);
background-repeat: no-repeat;
background-position: right 10px center;
background-color: initial;
background-size: 11px auto;
padding-right: 28px;
text-indent: 0.01px;
text-overflow: "";
cursor: pointer;
}
.cart__widget--products {
border: none;
}
.cart__widget--products .cart__widget-content {
display: block;
padding-left: 0;
padding-right: 0;
}
.cart__widget--products .cart__widget-content-inner {
overflow: hidden;
display: block;
margin-bottom: 0;
}
.cart__widget-content-inner {
overflow-x: auto;
position: relative;
display: flex;
flex-flow: row nowrap;
margin-bottom: -38px;
}
.cart__widget-content-inner > * {
flex: 0 0 auto;
width: 100%;
margin-bottom: 22px;
}
.cart__widget-content-inner .product-upsell__btn {
position: relative;
display: flex;
right: auto;
bottom: auto;
}
.cart__widget-content {
overflow: hidden;
position: relative;
display: none;
padding: 20px 15px;
border-top: 1px solid var(--border);
}
.no-js .cart__widget-content {
display: block;
}
.cart__foot-inner {
padding: 13px 15px;
border-top: 1px solid var(--border);
}
.cart__foot-inner em {
display: block;
margin-bottom: 20px;
font-size: calc(0.6875rem * var(---font-adjust-body));
line-height: 1.36;
}
.cart__foot-inner--alt {
padding: 15px 0 0;
}
.cart__foot-inner--alt em {
margin-top: 15px;
}
.cart__total {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: center;
margin-bottom: 10px;
font-size: calc(0.75rem * var(---font-adjust-body));
line-height: 1.33;
font-weight: var(---font-weight-body-bold);
}
.cart__total span:first-child {
text-transform: uppercase;
letter-spacing: 0.14em;
padding-right: 10px;
}
.cart__total__money {
font-size: calc(1.5rem * var(---font-adjust-body));
}
.cart__or {
display: block;
margin-bottom: 20px;
font-size: calc(0.75rem * var(---font-adjust-body));
line-height: 1.16;
font-weight: var(---font-weight-body-bold);
text-align: center;
text-transform: uppercase;
}
.cart__checkout {
padding: 15px;
}
.no-js .cart__checkout ~ .cart__checkout {
margin-top: 15px;
}
.additional-checkout-buttons {
padding: 10px 0 15px;
border-top: 1px solid var(--border);
min-height: 68px;
display: flex;
justify-content: center;
}
.additional-checkout-buttons ul {
justify-content: center;
}
.additional-checkout-buttons li {
list-style: none outside none;
border-radius: var(---radius);
}
.additional-checkout-buttons .dynamic-checkout__content {
width: 100%;
}
.cart__quantity {
position: relative;
width: 95px;
transition: opacity 0.4s;
}
@media only screen and (max-width: 479px) {
.cart__quantity {
width: 120px;
}
}
.cart__quantity.read-only {
opacity: 0.5;
pointer-events: none;
}
.cart__quantity button {
position: absolute;
top: 50%;
display: flex;
align-items: center;
justify-content: center;
width: 36px;
height: 100%;
font-size: 0;
line-height: 1;
transform: translateY(-50%);
transition: opacity 0.3s;
}
.no-js .cart__quantity button {
display: none;
}
.cart__quantity button.is-disabled {
pointer-events: none;
opacity: 0.5;
}
.cart__quantity button:hover {
opacity: 0.75;
}
.cart__quantity .icon {
width: 8px;
height: 8px;
}
.cart__quantity .cart__quantity-field {
padding: 10px 30px;
border-color: var(--border);
margin: 0;
font-size: calc(0.6875rem * var(---font-adjust-body));
line-height: 1.36;
color: inherit;
font-weight: var(---font-weight-body-bold);
text-align: center;
}
@media only screen and (max-width: 479px) {
.cart__quantity .cart__quantity-field {
padding: 15px 30px;
}
}
.no-js .cart__quantity .cart__quantity-field {
-moz-appearance: auto;
}
.no-js .cart__quantity .cart__quantity-field::-webkit-inner-spin-button,
.no-js .cart__quantity .cart__quantity-field::-webkit-outer-spin-button {
-webkit-appearance: auto;
}
.cart__quantity input[type="number"] {
-moz-appearance: textfield;
}
.cart__quantity input[type="number"]::-webkit-inner-spin-button,
.cart__quantity input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;
}
.cart__quantity .cart__quantity-minus {
left: 0;
}
.cart__quantity .cart__quantity-plus {
right: 0;
}
.cart__discount {
width: 100%;
padding: 5px 15px;
border-radius: 3px;
margin-top: 13px;
background-color: var(--primary-fade);
font-size: calc(0.75rem * var(---font-adjust-body));
color: var(--primary);
}
.cart__discount svg {
width: 12px;
height: 12px;
}
.cart__discount svg path {
opacity: 0.75;
stroke: var(--primary) !important;
fill: none !important;
}
.cart__price {
margin-bottom: 8px;
font-size: calc(0.9rem * var(---font-adjust-body));
line-height: 1.33;
font-weight: var(---font-weight-body-bold);
}
.cart__price ins {
background: none;
margin-right: 5px;
color: var(--text-dark);
}
.cart__price del {
color: var(--text-light);
}
.cart__price .line__price {
display: block;
margin-top: 4px;
}
.shipping-calculator ul {
list-style: none outside none;
margin-left: 0;
}
.shipping-calculator__province[data-aria-hidden="true"] {
display: none;
}
.cart__errors {
position: relative;
display: none;
width: 100%;
padding: 15px;
border: 1px solid #f5c6cb;
border-radius: var(---radius-sm);
margin: 15px auto;
background-color: #f8d7da;
color: #721c24;
}
.cart__errors .cart__errors__heading {
margin: 0;
font-family: var(---font-stack-body);
font-weight: var(---font-weight-body);
font-style: var(---font-style-body);
font-weight: var(---font-weight-body-bold);
font-size: calc(var(--font-2) * var(---font-adjust-body));
}
.cart__errors .cart__errors__content {
margin: 0;
font-size: calc(0.75rem * var(---font-adjust-body));
}
.cart__errors button {
position: absolute;
top: 4px;
right: 4px;
width: 20px;
height: 20px;
padding: 5px;
transition: opacity 0.3s;
}
.cart__errors a:hover {
opacity: 0.75;
}
.cart__errors svg {
width: 100%;
height: 100%;
stroke: #721c24;
}
.cart__errors-dropdown {
position: sticky;
top: 0;
z-index: 9;
padding: 10px;
margin: 0;
border-left: none;
border-right: none;
}
.cart__loader {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
margin: 0;
opacity: 0;
transition: opacity 0.3s, visibility 0.3s;
}
.is-loading .cart__loader {
display: block;
opacity: 1;
}
.is-disabled .cart__quantity,
.is-loading .cart__quantity {
pointer-events: none;
opacity: 0.6;
}
.cart__message {
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: center;
padding: 6px 0;
border-bottom: 1px solid var(--border);
margin-bottom: 15px;
font-size: calc(0.6875rem * var(---font-adjust-body));
line-height: 1.3;
transition: max-height 0.3s, padding 0.3s, border 0.3s, opacity 0.3s,
visibility 0.3s;
}
.cart__message.is-hidden {
overflow: hidden;
visibility: hidden;
max-height: 0;
padding: 0 15px;
border: none;
opacity: 0;
}
.cart__message .cart__message-success {
display: none;
}
.cart__message.is-success .cart__message-success {
display: inline;
}
.cart__message.is-success .cart__message-success ~ .cart__message-default {
display: none;
}
.cart__message.is-success .cart__graph .cart__graph-dot {
transition: top 0.4s;
}
.cart__message.is-success .cart__graph .cart__graph-dot:after,
.cart__message.is-success .cart__graph .cart__graph-dot:before {
transform: scale(1);
opacity: 0;
transition: top 1s, left 1s, transform 1s, opacity 0.6s 0.4s;
}
.cart__message.is-success .cart__graph .cart__graph-dot--1:before {
top: -35px;
left: 65px;
}
.cart__message.is-success .cart__graph .cart__graph-dot--1:after,
.cart__message.is-success .cart__graph .cart__graph-dot--4:after {
top: 5px;
left: 45px;
}
.cart__message.is-success .cart__graph .cart__graph-dot--2:before {
top: 35px;
left: 15px;
}
.cart__message.is-success .cart__graph .cart__graph-dot--2:after,
.cart__message.is-success .cart__graph .cart__graph-dot--5:after {
top: 5px;
left: -35px;
}
.cart__message.is-success .cart__graph .cart__graph-dot--3:before {
top: -25px;
left: 5px;
}
.cart__message.is-success .cart__graph .cart__graph-dot--3:after,
.cart__message.is-success .cart__graph .cart__graph-dot--6:after {
top: 45px;
left: -45px;
}
.cart__message.is-success .cart__graph .cart__graph-dot--4:before {
top: -35px;
left: 90px;
}
.cart__message.is-success .cart__graph .cart__graph-dot--5:before {
top: -70px;
left: 15px;
}
.cart__message.is-success .cart__graph .cart__graph-dot--6:before {
top: -50px;
left: 55px;
}
.cart__graph {
align-self: flex-start;
position: relative;
display: block;
width: 18px;
height: 18px;
margin-right: 8px;
transform: scaleX(-1);
}
.cart__graph .cart__graph-dot {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
transform: rotate(90deg);
}
.cart__graph .cart__graph-dot--2 {
color: var(---color-primary);
}
.cart__graph .cart__graph-dot--3 {
color: var(---color-secondary);
}
.cart__graph .cart__graph-dot--4 {
color: var(---color-border);
}
.cart__graph .cart__graph-dot--5 {
color: var(---color-link);
}
.cart__graph .cart__graph-dot--6 {
color: var(---color-bg-secondary);
}
.cart__graph .cart__graph-dot--4,
.cart__graph .cart__graph-dot--5,
.cart__graph .cart__graph-dot--6 {
transform: rotate(205deg);
}
.cart__graph .cart__graph-dot:after,
.cart__graph .cart__graph-dot:before {
position: absolute;
top: 0;
left: 0;
width: 5px;
height: 5px;
border-radius: 50%;
background: currentColor;
transform: scale(0);
pointer-events: none;
content: "";
}
.cart__graph circle {
transform-origin: 50% 50%;
stroke-width: 2;
stroke: #d8d8d8;
fill: none;
}
.cart__graph .cart__graph-progress {
position: absolute;
top: 0;
left: 0;
max-width: 100%;
max-height: 100%;
stroke: #747474;
transform: rotate(-90deg);
transform-origin: 50% 50%;
transition: stroke-dashoffset 0.3s;
}
.product-upsell-holder--cart:first-child:last-child {
margin-bottom: 38px;
}
.product-upsell-holder--cart .product-upsell,
.product-upsell-holder--cart .product-upsell__errors.is-visible {
margin-bottom: 0;
}
.product-upsell-holder--cart .product-upsell__content {
padding-right: 30px;
}
.product-upsell-holder--cart .product-upsell__image-inner,
.product-upsell-holder--cart .product-upsell__image a {
height: 100%;
}
.product-upsell-holder--cart .product-upsell__skip {
position: absolute;
top: 5px;
right: 5px;
width: 24px;
height: 24px;
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
padding: 0;
font-size: 0;
color: var(--link);
transition: color 0.3s ease;
}
.product-upsell-holder--cart .product-upsell__skip .icon {
display: block;
width: 12px;
height: 12px;
transition: transform 0.3s ease;
}
.product-upsell-holder--cart .product-upsell__skip:hover {
color: var(--link-hover);
}
.product-upsell-holder--cart .product-upsell__skip:hover .icon {
transform: rotate(90deg);
}
.page,
body .shopify-policy__container {
position: relative;
text-align: left;
margin: 60px auto;
max-width: 670px;
padding: 0 30px;
}
.wrapper .accordions-holder {
padding: 0;
margin-top: 40px;
}
@media only screen and (max-width: 989px) {
.wrapper .accordions-holder .accordion__body {
margin: 0;
}
}
.page .giftcard__wrap img {
margin: auto;
}
.page-fullwidth,
.page iframe,
.page img,
.shopify-policy__container iframe,
.shopify-policy__container img {
max-width: 100%;
}
.page img,
.shopify-policy__container img {
height: auto;
}
.page__title,
.shopify-policy__title h1 {
font-size: calc(var(--font-7) * var(---font-adjust-heading));
text-align: center;
margin: 0 0 50px;
}
.gift-card-footer {
text-align: center;
}
#QrCode {
padding: 10px 0 20px;
}
#QrCode img {
display: inline-block !important;
}
.search-page {
margin: 20px auto 0;
padding: 0;
max-width: 100%;
}
.search-outer {
max-width: 700px;
padding: 0 var(--outer);
margin: var(--outer) auto;
}
.search__caption {
text-align: center;
padding: 15px var(--outer);
margin: 0;
border-top: 1px solid var(--border);
border-bottom: 1px solid var(--border);
text-transform: none;
}
.search-form {
position: relative;
}
.search-form input[type="text"] {
width: 100%;
margin: 0;
padding: 15px;
font-size: calc(1rem * var(---font-adjust-body));
}
.search-submit {
font-weight: var(---font-weight-body-bold) !important;
position: absolute;
top: 0;
bottom: 0;
right: 0;
border: 0;
padding: 0 10px;
margin: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.shopify-challenge__errors ul.shopify-challenge__error {
text-align: center;
margin: 0;
}
body .shopify-email-marketing-confirmation__container {
text-align: center;
}
body .shopify-email-marketing-confirmation__container h1 {
font-size: calc(var(--font-8) * var(---font-adjust-heading));
margin-bottom: 60px;
}
body .shopify-email-marketing-confirmation__container p {
font-size: calc(var(--font-5) * var(---font-adjust-body));
}
body .shopify-email-marketing-confirmation__container a {
display: block;
font-size: calc(var(--font-2) * var(---font-adjust-body));
text-decoration: underline;
margin-top: 50px;
}
.contact__form__heading {
font-family: var(---font-stack-body);
font-weight: var(---font-weight-body);
font-style: var(---font-style-body);
font-size: calc(var(--font-3) * var(---font-adjust-body));
padding: 0;
margin: var(--gutter) 0;
text-align: center;
}
.index-contact .form-field,
.index-contact .form-item {
max-width: 100%;
}
.popout {
position: relative;
}
.popout__toggle {
touch-action: manipulation;
font-size: calc(0.625rem * var(---font-adjust-body));
margin: 10px 0;
white-space: nowrap;
padding: 14px 16px;
background-image: none;
}
.popout__toggle .icon {
margin: -5px 0 -5px 7px;
width: 9px;
transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.popout__toggle:after {
content: "";
display: inline-block;
width: 5px;
height: 5px;
border-color: currentcolor;
border-style: solid;
border-width: 0 0 1px 1px;
margin: -4px 0 0 10px;
vertical-align: middle;
transform: rotate(-45deg);
transform-origin: 50% 50%;
transition: all 0.3s;
}
@media only screen and (max-width: 749px) {
.popout__toggle:after {
margin-top: -5px;
}
}
.popout__toggle[aria-expanded="true"]:after {
margin-top: 2px;
transform: rotate(135deg);
}
@media only screen and (max-width: 749px) {
.popout__toggle[aria-expanded="true"]:after {
margin-top: 0;
}
}
.popout__toggle[aria-expanded="true"] .icon {
transform: rotate(180deg) translateY(2px);
}
.popout-list {
background-color: var(---color-bg);
border: 1px solid var(---color-border-hairline);
bottom: 100%;
position: absolute;
opacity: 0;
visibility: hidden;
margin: 0;
padding: 15px;
min-height: 30px;
max-height: 300px;
z-index: 100;
overflow-y: auto;
list-style-type: none;
transition-property: opacity, transform, visibility;
transition-duration: 0.25s, 0.25s, 0s;
transition-delay: 0s, 0s, 0.25s;
transition-timing-function: ease-out;
}
.popout-list--visible {
opacity: 1;
visibility: visible;
transition-delay: 0s;
}
.popout-list__item {
white-space: nowrap;
padding: 0;
margin: 0;
text-align: left;
}
.popout-list__item a {
color: var(---color-text);
}
.popout-list__option {
padding: 8px 15px;
width: 100%;
display: block;
font-size: calc(0.725rem * var(---font-adjust-body));
}
.popout-list__option:hover {
background-color: var(---color-border-hairline);
}
.popout-list__option--reset {
display: none;
margin-bottom: 10px;
opacity: 0.7;
}
.popout-list__option--visible {
display: block;
}
.popout-list__item--current .popout-list__option span {
border-bottom: 1px solid var(---color-text-light);
}
.popout--footer {
display: flex;
}
.popout--footer .popout {
padding-right: 10px;
}
.popout--footer .popout__toggle {
color: var(---color-footer-text);
border-color: var(---color-footer-border);
}
.popout--footer .popout-list {
background-color: var(---color-footer-bg);
border: 1px solid var(---color-footer-border);
}
.popout--footer .popout-list__option:hover {
background-color: initial;
}
.popout--drawer,
.popout--drawer .popout {
height: 100%;
}
.popout--drawer .popout-list {
background-color: var(--bg);
border: 1px solid var(--border);
z-index: 1000;
max-height: 90vh;
bottom: 100%;
top: auto;
left: 0;
}
.popout--drawer .popout-list__option:hover {
background-color: var(--border);
color: var(--text-dark);
}
.popout--drawer .popout__toggle {
padding: 0 20px;
height: 100%;
color: var(--text);
border-radius: 0;
border: none;
margin: 0;
display: flex;
align-items: center;
}
.popout--drawer .popout__toggle .icon {
margin-left: 8px;
}
@media only screen and (max-width: 479px) {
.popout--drawer .popout__toggle {
padding: 0 15px;
}
}
.account-header {
display: flex;
justify-content: space-between;
align-items: flex-end;
border-bottom: 1px solid var(--border);
padding-bottom: 0.9375rem;
margin-bottom: 1.875rem;
}
.account-header h1 {
margin-bottom: 0;
}
.account-header .btn,
.account-header .product__reviews .spr-summary-actions-newreview,
.account-header
.shopify-payment-button
.shopify-payment-button__button--unbranded,
.account-header button,
.product__reviews .account-header .spr-summary-actions-newreview,
.shopify-payment-button
.account-header
.shopify-payment-button__button--unbranded {
margin-bottom: 10px;
}
.account--login.just {
text-align: justify;
}
.account--login.just h2.theme {
text-align: left;
}
.account--login {
text-align: center;
}
.no-js .account--login .is-hidden {
visibility: visible;
max-height: none;
opacity: 1;
}
.account {
padding: 0 30px;
max-width: 1160px;
margin: 40px auto;
}
.account .col {
display: inline-block;
width: 45%;
}
.account form {
padding: 20px 0;
}
.account .form-field {
max-width: none;
}
.account .forgot-password {
display: inline-block;
width: 100%;
padding: 20px 0;
text-align: right;
}
.errors ul {
text-align: left;
color: #b00;
}
.action-bottom .note {
margin: 0 10px;
}
.note > a {
margin-left: 5px;
}
.align-left .form-field {
margin: 0 0 15px;
}
.account table {
width: 100%;
}
.account table th {
background: var(---color-bg-secondary);
color: var(---color-text-light);
border: 1px solid var(---color-bg-secondary);
-webkit-backface-visibility: visible;
}
.account-sidebar {
width: 22%;
}
.account-sidebar ul {
list-style: none;
margin: 0;
}
.account-sidebar li {
margin: 8px 0;
}
.account-sidebar li.is-current a {
color: var(--link-hover);
}
.account-main {
width: 74%;
}
.account-main h2.theme,
.account h4.theme {
text-align: left;
}
.account table.customer-address-table,
.account table.customer-address-table td,
.account table.customer-address-table th {
border: 0;
padding: 15px 0 0;
}
.account table.customer-address-table input[type="text"] {
width: 100%;
}
.account .h2--body {
font-family: var(---font-stack-heading);
}
.address-tables {
padding-top: 10px;
}
.address-actions {
font-size: calc(var(--font-2) * var(---font-adjust-body));
}
.account .edit-address form,
.account .edit-address table {
margin: 0;
padding: 0;
}
.account .edit-address table td {
padding: 0 0 15px;
}
.account .edit-address .popout__toggle,
.account .edit-address select {
max-width: 150px;
}
.account .edit-address label {
padding: 0 15px 0 0;
}
.account table a {
text-decoration: underline;
}
.order-address .col {
width: auto;
margin-right: 40px;
}
.order-info {
width: 100%;
margin-bottom: 30px;
}
.order-info p {
line-height: 1;
}
.order-info span.status {
font-style: italic;
}
.account-sidebar--mobile {
display: none;
}
/*
Breakpoint it's a @media (max-width: {number}) { your styles },
for example:
@include breakpoint(medium) it's equal to
@media (max-width: 1199px) {}
*/
.main-slider {
.main-slider__slide {
position: relative;
height: 640px;
@include breakpoint(medium) {
height: 0;
padding-top: 56.25%;
}
}
.main-slider__slide--image {
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
}
.main-slider__slide--video {
iframe {
position: absolute;
left: 0;
width: 100%;
//
height: calc(100vw * 0.5625);
top: 50%;
transform: translateY(-50%);
//
pointer-events: none; // prevent click on embed video
}
@include breakpoint(medium) {
iframe {
height: 100%;
top: 0;
transform: translateY(0);
pointer-events: auto;
}
}
}
.main-slider__content {
position: absolute;
left: 57px;
top: 100px;
z-index: 3;
max-width: 600px;
width: 100%;
@include breakpoint(small) {
top: 70px;
}
@include breakpoint(extra-small) {
display: none;
}
}
.main-slider__title {
font-family: $marion-regular;
font-size: 42px;
color: #000;
p {
line-height: 1;
}
@include breakpoint(small) {
font-size: 32px;
}
}
.main-slider__text {
margin-top: 16px;
font-family: $nobel-book;
font-size: 20px;
font-weight: normal;
line-height: 1.25;
letter-spacing: 0.3px;
color: #0a0a0a;
+ * {
margin-top: 42px;
}
}
.main-slider__button {
}
}
@media only screen and (max-width: 749px) {
.account-main,
.account-sidebar {
width: 100%;
margin: 0 0 20px;
}
.address-table {
width: 100%;
}
.account {
padding: 15px;
margin: 0 auto;
}
.account-sidebar {
margin: 0 0 20px;
padding: 0;
text-align: left;
min-height: 0;
position: relative;
background: var(---color-bg-secondary);
}
.account-sidebar--mobile {
display: block;
padding: 15px;
cursor: pointer;
position: relative;
}
.account-sidebar--mobile:after {
position: absolute;
top: 50%;
right: 15px;
width: 0;
height: 0;
border-color: currentcolor transparent transparent;
border-style: solid;
border-width: 6px 5px 0;
margin-top: -4px;
content: "";
}
.account-sidebar ul {
position: absolute;
z-index: 999;
background: var(---color-bg-secondary);
top: 100%;
left: 0;
right: 0;
max-height: 0;
overflow: hidden;
transition: max-height 0.5s ease-in;
}
.account-sidebar ul.visible {
max-height: 640px;
}
.account-sidebar li {
margin: 0;
display: block;
border-top: 1px solid var(---color-border);
}
.account-sidebar a {
display: block;
padding: 15px;
}
}
@media screen and (max-width: 480px) {
.account .col {
width: 100%;
}
.account .edit-address table td {
display: block;
padding: 0 0 10px;
}
.account table .payment-status,
.account table .total {
display: none;
}
.order-address .col {
width: 100%;
margin: 0 0 15px;
}
.order-details-m,
.order-details-m td {
border: 0;
vertical-align: top;
}
.order-details-m > img,
.order-details-m td > img {
max-width: 90px;
}
.order-details-m p {
margin: 0;
}
}
.order__item__subscription {
margin-top: 10px;
margin-bottom: 0;
font-size: calc(var(--font-2) * var(---font-adjust-body));
}
.order__item__savings {
margin-top: 10px;
}
.order__item--original {
color: var(---color-a50);
text-decoration: line-through;
}
.custom-html-section--padding {
padding-top: 50px;
padding-bottom: 50px;
}
.blog-title {
/* padding:50px 20px; */
margin: 0;
font-size: calc(var(--font-7) * var(---font-adjust-heading));
text-align: center;
}
.blog-title .icon {
position: relative;
top: -2px;
width: 0.73em;
height: 0.73em;
}
.blog-nav {
padding-bottom: 50px;
margin: 0;
text-align: center;
}
.blog-nav .icon {
width: 0.9em;
height: 0.9em;
}
@media only screen and (max-width: 749px) {
.blog-listing-outer {
overflow: hidden;
}
.wrapper--full .blog-listing-outer {
padding: 0 var(--outer);
margin-left: calc(var(--outer) * -1);
margin-right: calc(var(--outer) * -1);
}
}
.blog-listing:after {
content: "";
}
.blog-listing .flickity-prev-next-button.previous {
left: calc(var(--outer) * -1);
}
.index-blog .blog-listing .flickity-prev-next-button.previous {
left: -20px;
}
.blog-listing .flickity-prev-next-button.next {
right: calc(var(--outer) * -1);
}
.index-blog .blog-listing .flickity-prev-next-button.next {
right: -20px;
}
@media only screen and (max-width: 749px) {
.blog-listing {
margin: 0;
}
.blog-listing:not(.flickity-enabled) {
display: flex;
flex-wrap: nowrap;
overflow-x: auto;
padding-bottom: 30px;
margin-bottom: -30px;
-webkit-overflow-scrolling: touch;
}
.wrapper--full .blog-listing:not(.flickity-enabled) {
margin-left: calc(var(--outer) * -1);
margin-right: calc(var(--outer) * -1);
}
.blog-listing:not(.flickity-enabled) .article {
flex: 0 0 auto;
width: calc(100% - 50px);
}
.blog-listing:not(.flickity-enabled) .article:first-child:last-child {
width: 100%;
}
.blog-listing:not(.flickity-enabled) .article__text-wrapper {
padding: 0 25px;
}
.no-js .blog-listing:after {
content: "";
display: block;
}
.blog-listing .grid__item {
padding-left: 0;
}
}
.index-blog .blog-listing {
margin: 0;
}
.index-blog .blog-listing .article {
padding: 20px;
}
.index-blog .blog-listing .article__text-wrapper {
padding: 0px;
}
.index-blog .blog-listing .article__tags {
font-family: var(---font-stack-body);
font-weight: var(---font-weight-body);
font-style: var(---font-style-body);
font-size: calc(var(--font-1) * var(---font-adjust-body));
text-transform: uppercase;
padding-left: 25px;
padding-right: 25px;
}
@media only screen and (max-width: 749px) {
.index-blog .blog-listing {
margin: 0 20px;
}
.index-blog .blog-listing:not(.flickity-enabled) {
margin: 0 0 -30px;
}
}
.blog-listing .article__tags {
padding: 15px 0;
font-size: calc(var(--font-2) * var(---font-adjust-body));
}
.blog-listing--bordered {
flex-wrap: wrap;
padding-left: 1px;
padding-top: 1px;
}
.blog-listing--bordered:not(.grid--no-float) {
display: flex;
}
.blog-listing--bordered .article {
position: relative;
border: 1px solid var(---color-border);
border-left: 0;
margin-top: -1px;
}
.blog-listing--bordered .article:before {
position: absolute;
top: -1px;
left: -1px;
bottom: -1px;
z-index: 10;
border-left: 1px solid var(---color-border);
content: "";
}
.blog-listing--bordered .article__image {
border-bottom: 1px solid var(---color-border);
}
.blog-listing-arrow {
position: absolute;
top: 50%;
margin-top: -10px;
}
.blog-listing-arrow--left {
left: -10px;
}
.blog-listing-arrow--right {
right: -10px;
}
.article {
-ms-break-inside: avoid;
-webkit-break-inside: avoid;
break-inside: avoid;
}
.article-grid-item {
margin-bottom: 30px;
}
.article--onboarding.grid__item--no-float,
.article-grid-item.grid__item--no-float,
.article.grid__item.grid__item--no-float {
float: none;
}
.article__title {
font-size: calc(var(--font-4) * var(---font-adjust-heading));
line-height: 1.25;
margin-bottom: 8px;
}
.article__title a {
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
color: var(--text);
}
.article__title a:hover {
color: var(--link-hover);
}
.article__meta {
display: flex;
flex-flow: row wrap;
margin-bottom: 16px;
font-size: calc(var(--font-1) * var(---font-adjust-body));
line-height: 1.4;
font-weight: var(---font-weight-body);
color: var(--text-light);
}
.article__meta .separator {
margin: 0 5px;
opacity: 0.75;
}
.article__image {
display: block;
max-width: 100%;
margin-bottom: 16px;
}
.blog-page .article__image {
overflow: hidden;
padding-top: 56.25%;
}
.blog-page .article__image img {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.index-blog .article__image img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
}
.article__excerpt {
margin-top: 16px;
margin-bottom: 16px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.article__excerpt,
.article__link {
font-size: calc(0.865rem * var(---font-adjust-body));
}
.article__link {
margin-bottom: 0;
}
.article__link a {
color: var(--text);
}
.article__link a:hover {
color: var(--link-hover);
}
.editorial__content .article__link {
margin-top: 1em;
}
.article__tags {
width: 100%;
padding: 0 15px 5px 25px;
margin-bottom: -20px;
}
.article__tag {
line-height: 1;
display: inline-block;
border: 1px solid var(--text);
color: var(--text);
padding: 3px 8px;
margin: 0 10px 10px 0;
}
.article__tag:hover {
color: var(--text-light);
}
.blog {
position: relative;
text-align: left;
}
.blog .article__image {
height: 200px;
overflow: hidden;
position: relative;
margin-bottom: 0;
}
.blog .article__image .article__tags {
position: absolute;
z-index: 20;
left: 0;
bottom: 0;
margin-bottom: 0;
}
.blog .article__image .article__tag {
border: 1px solid hsla(0, 0%, 100%, 0.9);
color: #fff;
}
.blog .article__image .article__tag:hover {
color: #fff;
}
.blog .flash {
text-align: center;
}
.blog .comments {
margin: 10px 0 20px;
padding-top: 20px;
position: relative;
}
.blog .comments .gravatar {
float: left;
margin-right: 15px;
width: 50px;
}
.blog .comments .label {
float: right;
}
.blog .comments .comment {
padding-bottom: 10px;
margin-top: 10px;
border-bottom: 1px solid var(---color-border);
}
.blog .comment-body {
overflow: hidden;
}
.blog .paginate {
text-align: center;
}
.article__image-holder {
overflow: hidden;
display: block;
}
.article__image-link {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: transparent;
}
.comment-count {
display: block;
width: 100%;
padding-top: 7px;
}
.comments-form {
margin-top: 20px;
position: relative;
}
.comments-form .btn,
.comments-form .product__reviews .spr-summary-actions-newreview,
.comments-form
.shopify-payment-button
.shopify-payment-button__button--unbranded,
.product__reviews .comments-form .spr-summary-actions-newreview,
.shopify-payment-button
.comments-form
.shopify-payment-button__button--unbranded {
margin: 10px 0;
}
.flash {
margin-bottom: 1em;
}
.paginate .num {
margin: 0 5px;
}
.blog__title {
padding: var(--gutter) var(--outer);
margin: 0;
font-size: calc(var(--font-5) * var(---font-adjust-heading));
}
.blog__title a {
color: inherit;
}
.blog__button {
margin-top: 20px;
}
.article__wrapper .grid,
.article__wrapper .grid--full {
display: flex;
}
.article__wrapper .grid--full:after,
.article__wrapper .grid:after {
display: none;
}
@media only screen and (max-width: 749px) {
.article__wrapper .grid,
.article__wrapper .grid--full,
.article__wrapper .grid--full:after,
.article__wrapper .grid:after {
display: block;
}
}
.article__wrapper .grid__item {
float: none;
}
@media only screen and (max-width: 749px) {
.article__wrapper .grid__item {
float: left;
}
}
.article--single {
padding: 50px 0;
position: relative;
}
@media only screen and (max-width: 749px) {
.article--single {
padding-top: 0;
}
}
.article--single .article {
position: relative;
margin-bottom: 30px;
}
@media only screen and (max-width: 749px) {
.article--single .article {
margin-top: 63px;
}
}
.article--single .article__title {
font-size: calc(1.75rem * var(---font-adjust-heading));
font-weight: var(---font-weight-heading-bold);
margin: 11px 0 30px;
}
.article--single .article__meta {
font-size: calc(0.8rem * var(---font-adjust-body));
display: flex;
flex-wrap: wrap;
padding: 7px 0;
opacity: 1;
}
.article--single .article__tags {
margin: 24px 0;
padding: 0;
}
.article--single .article__image {
position: relative;
margin: -50px 0 50px;
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.article--single .article__image .image-overlay {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 1;
}
@media only screen and (max-width: 749px) {
.article--single .article {
padding-left: 9px;
padding-right: 9px;
}
.article--single .article__title {
font-size: calc(1.625rem * var(---font-adjust-heading));
line-height: 31px;
margin: 0;
}
.article--single .article__meta {
padding: 0;
margin: 0;
font-size: calc(0.875rem * var(---font-adjust-body));
}
.article--single .article__image {
margin: 0 0 -22px;
}
.article--single .hr {
margin: 10px 0;
}
}
.article__content {
padding: 14px 0 0;
font-size: calc(1.125rem * var(---font-adjust-body));
line-height: 26px;
}
.article__content p {
font-size: inherit;
line-height: inherit;
margin: 0 0 24px;
}
.article__content blockquote {
font-style: italic;
margin: 52px 0;
padding: 0 0 0 28px;
border-left: 2px solid var(---color-border);
}
.article__content blockquote p {
margin: 0;
}
.article__content img {
display: block;
max-width: 100%;
height: auto;
margin: 24px 0;
}
@media only screen and (min-width: 750px) {
.article__content {
min-height: 130px;
}
}
@media only screen and (max-width: 749px) {
.article__content {
font-size: calc(0.9375rem * var(---font-adjust-body));
}
.article__content blockquote {
margin: 26px 0;
padding: 0 0 0 18px;
border-width: 1px;
}
}
.article__meta > :not(:last-child):after,
.editorial__meta > :not(:last-child):after {
content: "•";
padding: 0 7px;
}
.article__author-bio {
margin: 24px 0;
display: flex;
}
.article__author__image {
flex-shrink: 0;
margin-right: 20px;
margin-top: 7px;
position: relative;
width: 80px;
height: 80px;
border-radius: 80px;
display: inline-block;
overflow: hidden;
}
@media only screen and (max-width: 749px) {
.article__author__image {
width: 60px;
height: 60px;
margin-right: 15px;
border-radius: 40px;
}
}
.article__content__wrapper {
position: relative;
}
.article__social {
position: absolute;
top: 0;
height: 100%;
}
.article__social .share svg {
height: 24px;
width: 24px;
}
.article__social .sharing {
position: sticky;
width: 100%;
top: 0;
left: 0;
padding: 20px 0 0;
}
@media only screen and (min-width: 750px) {
.article__social .sharing {
display: flex;
align-items: flex-start;
flex-direction: column;
}
}
.has-sticky-header .article__social .sharing {
top: var(--menu-height);
}
.article__social .sharing .share {
padding: 0;
margin-bottom: 15px;
}
@media only screen and (min-width: 750px) and (max-width: 989px) {
.article__social .sharing .share {
margin-left: 0;
}
}
@media only screen and (min-width: 990px) and (max-width: 1399px) {
.article__social .sharing .share {
margin-left: 0;
}
}
.article__social .sharing .share:last-child {
margin-bottom: 0;
}
@media only screen and (min-width: 750px) {
.article__social ~ .article__content {
margin-left: 60px;
}
}
@media only screen and (min-width: 1400px) {
.article__social ~ .article__content {
margin-left: 0;
}
}
@media only screen and (min-width: 750px) {
.article__social {
width: 60px;
margin-left: 0;
}
}
@media only screen and (min-width: 1400px) {
.article__social {
margin-left: -135px;
width: 135px;
}
.article__social .share span {
display: block;
}
}
@media only screen and (max-width: 749px) {
.article__social {
position: fixed;
right: 0;
bottom: 0;
left: 0;
height: auto;
top: auto !important;
z-index: 1000;
}
.article__social .sharing {
position: static;
padding: 10px 0;
background: #fff;
box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.15);
display: flex;
align-items: center;
justify-content: space-between;
}
.article__social .sharing .share {
margin: 0 10px;
}
}
.comments-container {
margin: 80px 0;
}
@media only screen and (max-width: 749px) {
.comments-container {
padding-left: 9px;
padding-right: 9px;
margin: 22px 0;
}
}
.comments h3 {
margin: 0;
font-size: calc(1.265rem * var(---font-adjust-heading));
line-height: 1.2;
}
@media only screen and (max-width: 749px) {
.comments h3 {
font-size: calc(1rem * var(---font-adjust-heading));
line-height: 1.5;
}
}
.comment-body {
margin: 32px 0;
padding-bottom: 9px;
font-size: calc(0.875rem * var(---font-adjust-body));
line-height: 17px;
}
.comment-body p {
font-size: inherit;
line-height: inherit;
}
@media only screen and (max-width: 749px) {
.comment-body {
margin: 20px 0;
font-size: calc(0.8125rem * var(---font-adjust-body));
line-height: 15px;
}
}
.comment-meta {
margin: 15px 0;
font-weight: var(---font-weight-body-bold);
}
@media only screen and (max-width: 749px) {
.comment-meta {
margin: 6px 0;
font-weight: var(---font-weight-body);
color: var(--text-light);
}
}
.comments-form {
margin-top: 13px;
}
.comments-form h3 {
margin: 0;
font-size: calc(1.265rem * var(---font-adjust-heading));
line-height: 1.2;
}
@media only screen and (max-width: 749px) {
.comments-form h3 {
font-size: calc(1.125rem * var(---font-adjust-heading));
line-height: 1.5;
}
}
.comment-form {
max-width: 600px;
margin: 0;
padding: 4px 0 0;
}
.comment-form .form-field {
max-width: 100%;
}
.comment-form p {
font-size: calc(0.75rem * var(---font-adjust-body));
line-height: 17px;
}
.comment-form p.error {
margin-bottom: 1.75em;
}
.comment-form .form-row {
display: flex;
justify-content: space-between;
}
.comment-form .form-row .form-field {
width: calc(50% - 5px);
}
.comment-form .form-row .form-field .label--float {
top: -0.3em;
}
.comment-form .btn,
.comment-form .product__reviews .spr-summary-actions-newreview,
.comment-form
.shopify-payment-button
.shopify-payment-button__button--unbranded,
.product__reviews .comment-form .spr-summary-actions-newreview,
.shopify-payment-button
.comment-form
.shopify-payment-button__button--unbranded {
font-size: calc(0.9375rem * var(---font-adjust-body));
line-height: normal;
height: 44px;
padding: 0 42px;
}
@media only screen and (max-width: 749px) {
.comment-form {
padding-top: 11px;
}
.comment-form .form-field {
margin-bottom: 8px;
}
.comment-form .form-field textarea {
height: 158px;
}
.comment-form .form-row .form-field {
width: calc(50% - 4px);
}
.comment-form .btn,
.comment-form .product__reviews .spr-summary-actions-newreview,
.comment-form
.shopify-payment-button
.shopify-payment-button__button--unbranded,
.product__reviews .comment-form .spr-summary-actions-newreview,
.shopify-payment-button
.comment-form
.shopify-payment-button__button--unbranded {
font-size: calc(0.8125rem * var(---font-adjust-body));
height: 35px;
padding: 0 15px;
}
}
.sidebar {
position: sticky;
top: 0;
max-width: 100%;
padding-left: 20px;
width: 340px;
}
@media only screen and (max-width: 749px) {
.sidebar {
position: relative;
width: 100%;
padding: 10px 9px;
margin-top: 54px;
}
}
.has-sticky-header .sidebar {
top: var(--menu-height);
}
@media only screen and (max-width: 749px) {
.has-sticky-header .sidebar {
top: 0;
}
}
.pinterest__image {
max-width: 365px;
}
.widget {
padding-bottom: 30px;
}
@media only screen and (min-width: 750px) {
.widget:first-child {
padding-top: 30px;
}
}
@media only screen and (max-width: 749px) {
.widget {
padding-bottom: 3px;
}
}
.widget__title {
font-size: calc(1rem * var(---font-adjust-heading));
line-height: 1.4;
font-weight: var(---font-weight-body);
padding: 8px 0;
margin-bottom: 15px;
border-bottom: 1px solid var(---color-border);
}
.widget__links {
margin: 0;
font-weight: var(---font-weight-body-bold);
font-size: calc(0.875rem * var(---font-adjust-body));
line-height: 17px;
}
.widget__links:after {
content: "";
}
.widget__links li {
list-style: none;
}
.widget__links a {
display: block;
color: var(---color-link);
padding: 6px 0;
transition: opacity 0.2s ease-out;
}
.widget__links a:hover {
color: var(---color-link-hover);
}
.widget__links .has-sub-nav > a {
position: relative;
padding: 6px 24px 6px 0;
}
.widget__links .has-sub-nav > a:after {
position: absolute;
top: 50%;
right: 15px;
content: "";
display: inline-block;
width: 0.48em;
height: 0.48em;
border-color: currentcolor;
border-style: solid;
border-width: 0 0 4px 4px;
margin: -6px 0 0;
vertical-align: middle;
transform: rotate(-45deg);
transform-origin: 50% 50%;
transition: all 0.4s;
}
.widget__links .has-sub-nav.active > a {
opacity: 1;
}
.widget__links .has-sub-nav.active > a:after {
margin-top: -4px;
transform: rotate(135deg);
}
.widget__links .submenu {
font-weight: var(---font-weight-body);
margin: 4px 0 4px 2px;
padding: 0 0 0 15px;
border-left: 2px solid var(---color-border);
display: none;
}
.widget__links .submenu li.active a {
opacity: 1;
}
@media only screen and (max-width: 749px) {
.widget__links .has-sub-nav > a:after {
content: none;
display: none;
}
.widget__links .submenu {
display: none !important;
}
}
@media only screen and (max-width: 749px) {
.widget--categories {
border-bottom: 1px solid var(---color-border);
margin: 0;
}
.widget--categories .widget__title {
font-size: calc(0.875rem * var(---font-adjust-heading));
padding: 9px 10px;
text-align: center;
margin-bottom: 0;
}
.widget--categories .widget__links {
text-align: center;
height: 33px;
overflow: hidden;
z-index: 1;
}
.no-js .widget--categories .widget__links {
height: auto;
}
.widget--categories .widget__links:after {
content: "flickity";
display: none;
}
.widget--categories .widget__links li {
width: 100%;
margin: 0;
}
.widget--categories .widget__links li a {
padding: 8px 10px;
font-weight: 400;
opacity: 1;
}
}
.widget__links--active a {
color: var(---color-primary);
}
.widget--pinterest .widget__image {
margin-top: 20px;
position: relative;
overflow: hidden;
}
.widget--pinterest .widget__image img {
display: block;
width: 100%;
height: auto;
border-radius: 10px;
}
.widget__recent {
margin-top: 30px;
}
.article__column {
display: flex;
align-items: center;
justify-content: flex-start;
text-align: left;
position: relative;
min-height: 120px;
margin-bottom: 30px;
transition: all 0.3s ease-out;
border: 1px solid var(---color-border);
}
.article__column:last-child {
margin-bottom: 0;
}
.article__column .meta--light {
margin-top: 8px;
font-size: calc(0.875rem * var(---font-adjust-body));
color: var(--text-light);
}
@media only screen and (min-width: 750px) and (max-width: 989px) {
.article__column .meta--light {
color: var(--bg);
}
}
.article__column:hover {
box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
.article__column__image__wrapper {
width: 33%;
}
.article__column__image__wrapper img {
display: block;
}
@media only screen and (min-width: 750px) and (max-width: 989px) {
.article__column__image__wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
.article__column__contents {
padding: 10px 10px 10px 5%;
flex: 1;
}
@media only screen and (min-width: 750px) and (max-width: 989px) {
.article__column__contents {
position: relative;
z-index: 2;
}
}
.article__column__title {
margin: 0 0 9px;
color: var(---color-text);
}
@media only screen and (min-width: 750px) and (max-width: 989px) {
.article__column__title {
color: var(--bg);
}
}
.article__column__image {
display: block;
background-size: cover;
background-position: 50%;
width: 33%;
height: 100%;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
@media only screen and (min-width: 750px) and (max-width: 989px) {
.article__column__image {
width: 100%;
}
}
.blog-editorial {
text-align: center;
}
.blog-editorial,
.editorial__slider {
position: relative;
}
.editorial__slider .flickity-button {
top: 90%;
margin-top: -32px;
}
@media only screen and (max-width: 749px) {
.editorial__slider .flickity-button {
top: 10%;
}
}
.editorial__slider .flickity-button.previous {
left: 90px;
}
@media only screen and (max-width: 1399px) {
.editorial__slider .flickity-button.previous {
left: 45px;
}
}
@media only screen and (max-width: 749px) {
.editorial__slider .flickity-button.previous {
left: 0;
}
}
.editorial__slider .flickity-button.next {
right: auto;
left: 145px;
}
@media only screen and (max-width: 1399px) {
.editorial__slider .flickity-button.next {
left: 100px;
}
}
@media only screen and (max-width: 749px) {
.editorial__slider .flickity-button.next {
left: auto;
right: 0;
}
}
.editorial__slide {
width: 100%;
}
.editorial {
display: flex;
align-items: center;
min-height: 50vw;
background: var(---color-bg-secondary);
}
@media only screen and (min-width: 750px) and (max-width: 989px) {
.editorial {
min-height: 500px;
}
}
@media only screen and (min-width: 990px) and (max-width: 1399px) {
.editorial {
min-height: 600px;
}
}
@media only screen and (min-width: 1400px) {
.editorial {
min-height: 785px;
}
}
@media only screen and (max-width: 749px) {
.editorial {
flex-direction: column;
}
}
.editorial__content {
height: 100%;
width: 50%;
text-align: left;
padding: 104px;
}
@media only screen and (max-width: 1399px) {
.editorial__content {
padding: 90px 60px;
}
}
@media only screen and (max-width: 749px) {
.editorial__content {
width: 100%;
padding: 40px;
}
}
.editorial__title a {
color: var(---text);
}
.editorial__subheading {
position: absolute;
top: 10%;
padding-left: 5px;
}
@media only screen and (max-width: 749px) {
.editorial__subheading {
position: relative;
padding-bottom: 30px;
}
}
.editorial__meta {
font-size: calc(0.8rem * var(---font-adjust-body));
display: flex;
flex-wrap: wrap;
padding: 7px 0;
}
.editorial__meta .span,
.editorial__meta time {
font-family: var(--- (font-stack-body));
}
.editorial__image {
align-self: stretch;
position: relative;
width: 50%;
}
@media only screen and (max-width: 849px) {
.editorial__image {
width: 100%;
height: 50vw;
margin: 30px auto 0;
}
.collection__nav,
.product-grid {
display: grid !important;
}
.product-grid {
display: grid !important;
}
}
.editorial__image-bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.template-collection .container {
background-color: hsla(0, 0%, 100%, 0);
}
.collection__nav,
.product-grid {
background-color: var(---color-bg);
flex-grow: 1;
}
.collection__products {
position: relative;
}
@media only screen and (min-width: 480px) {
.collection__products--group-tags {
display: flex;
flex-flow: row;
}
}
.collection__nav {
display: flex;
background: var(---color-bg-secondary);
border-top: 1px solid var(---color-border);
}
.collection__nav--filter {
justify-content: flex-start;
}
.collection__nav--sort {
justify-content: flex-end;
}
.collection__nav--filter.collection__nav--sort {
justify-content: center !important;
display: flex !important;
background: white;
}
.collection__title .hero__description,
.collection__title .hero__title {
padding: 0;
margin: 0;
}
.collection__title .hero__title + .hero__description {
margin-top: 0.5em;
}
.collection__title:not(.hero__content__wrapper) {
padding: 30px var(--outer);
}
@media only screen and (max-width: 989px) {
.collection__title:not(.hero__content__wrapper) {
padding: 25px var(--outer);
}
}
.product-grid--search .product-item {
width: 33.33%;
}
@media only screen and (max-width: 749px) {
.product-grid--search .product-item {
width: 50%;
}
}
.collection-all .collection__title {
padding: 0;
}
.collection__image img {
display: block;
min-height: inherit;
width: 100%;
object-fit: cover;
}
.collection__image.image-height .collection__title {
min-height: inherit;
}
.collection__image__original__inner {
position: absolute;
top: 0;
height: 100%;
}
.collection__image-inline {
display: flex;
align-items: stretch;
position: relative;
}
.collection__image-inline .collection__image {
width: 65%;
min-height: inherit;
}
.collection__image-inline .collection__title-wrapper {
position: static;
min-height: inherit;
width: 35%;
}
.collection__image-inline .hero__content__wrapper {
position: relative;
}
.collection__image-inline
.hero__content__wrapper:not(.hero__content--transparent)
.hero__content {
margin: 0;
}
.collection__image-inline .hero__content {
max-width: none;
}
@media only screen and (max-width: 989px) {
.collection__image-inline {
flex-direction: column;
}
.collection__image-inline .collection__image,
.collection__image-inline .collection__title-wrapper {
width: 100%;
}
.collection__image-inline .collection__title-wrapper {
height: auto;
}
}
@media only screen and (min-width: 750px) {
.transparent-header #FeaturedImage-collection {
min-height: 360px;
}
.transparent-header .hero__content__wrapper {
padding-top: 110px;
}
}
.collection__sidebar {
padding: 15px 15px 30px;
font-size: calc(0.825rem * var(---font-adjust-body));
overflow-y: auto;
max-height: 100%;
min-width: 270px;
mask-image: linear-gradient(0deg, transparent, #000),
linear-gradient(
270deg,
transparent var(--scrollbar-width),
#000 var(--scrollbar-width)
);
mask-size: 100% 20000px;
mask-position: left bottom;
-webkit-mask-image: linear-gradient(0deg, transparent, #000),
linear-gradient(
270deg,
transparent var(--scrollbar-width),
#000 var(--scrollbar-width)
);
-webkit-mask-size: 100% 20000px;
-webkit-mask-position: left bottom;
transition: mask-position 0.3s, -webkit-mask-position 0.3s;
}
.collection__sidebar:hover {
-webkit-mask-position: left top;
}
.collection__sidebar .no-results {
padding: 25px 0;
}
.collection__sidebar--has-buttons .collection__sidebar__slider:after {
content: none;
}
.collection__sidebar__slider {
position: sticky;
position: -webkit-sticky;
top: var(--newsletter-small-height);
display: flex;
flex-direction: column;
width: 0;
min-width: 0;
height: var(--full-screen);
background: var(---color-bg);
border: 1px solid var(---color-border-hairline);
opacity: 0;
transition-property: opacity, min-width, margin, visibility, transform;
transition-duration: 0.3s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-delay: 0s, 0s, 0s, 0.3s;
overflow: hidden;
margin-right: -2px;
}
@media only screen and (max-width: 749px) {
.collection__sidebar__slider {
position: fixed;
z-index: 200;
top: var(--collection-nav-height);
min-width: 100%;
height: calc(100% - var(--collection-nav-height));
transform: translateX(-100%);
}
}
.has-sticky-header .collection__sidebar__slider {
top: calc(var(--newsletter-small-height) + var(--menu-height));
}
@media only screen and (max-width: 749px) {
.has-sticky-header .collection__sidebar__slider {
top: calc(var(--collection-nav-height) + var(--menu-height));
height: calc(100% - var(--collection-nav-height) - var(--menu-height));
}
}
.collection__sidebar__slide-out:after,
.collection__sidebar__slider:after {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
right: var(--scrollbar-width);
height: 60px;
background: linear-gradient(
180deg,
rgba(var(---color-bg-rgb), 0) 0,
var(---color-bg)
);
pointer-events: none;
}
.collection__sidebar__slider .collection__sidebar {
transform: translateX(-100%);
transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1),
mask-position 0.3s, -webkit-mask-position 0.3s;
}
.collection__sidebar__slide-out.expanded,
.collection__sidebar__slider.expanded {
opacity: 1;
visibility: visible;
}
.collection__sidebar__slide-out.expanded,
.collection__sidebar__slider.expanded .collection__sidebar {
transform: translateX(0);
height: 80vh !important;
}
.collection__sidebar__slider.expanding {
visibility: hidden;
}
@media only screen and (max-width: 749px) {
.collection__sidebar__slider.expanding {
opacity: 1;
}
}
.collection__sidebar__slider.expanded {
overflow-y: scroll;
min-width: 280px;
visibility: visible;
opacity: 1;
transform: translateZ(0);
transition-delay: 0s;
margin-right: 0;
}
@media only screen and (max-width: 749px) {
.collection__sidebar__slider.expanded {
min-width: 100%;
transform: translateX(0);
}
}
@media only screen and (max-width: 749px) {
.no-mobile-animation {
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none;
}
}
.product-grid--sidebar {
width: 75%;
}
@media only screen and (max-width: 749px) {
.product-grid--sidebar {
width: 100%;
}
}
.collection__active__filters ~ .collection__sidebar__group,
.collection__sidebar__group:not(.collection__sidebar__group--hidden)
~ .collection__sidebar__group {
margin-top: 25px;
}
.collection__sidebar__actions {
padding-top: 17px;
}
.collection__sidebar__actions.is-hidden {
display: none !important;
}
.collection__sidebar__link {
position: relative;
display: inline-block;
padding-left: 23px;
}
.collection__sidebar__link:before {
top: 2px;
transform: rotate(-45deg);
}
.collection__sidebar__link:after,
.collection__sidebar__link:before {
content: "";
position: absolute;
left: 5px;
width: 4px;
height: 4px;
border-top: 1px solid;
border-right: 1px solid;
}
.collection__sidebar__link:after {
bottom: 2px;
transform: rotate(135deg);
}
.collection__sidebar__heading {
position: relative;
border-bottom: 1px solid var(---color-border-hairline);
padding: 0 15px 5px 0;
margin-bottom: 0;
font-weight: var(---font-weight-body-bold);
cursor: pointer;
}
.collection__sidebar__heading:after {
content: "";
position: absolute;
top: 5px;
right: 3px;
width: 6px;
height: 6px;
border-top: 1px solid;
border-right: 1px solid;
transform: rotate(135deg);
transition: transform 0.3s;
}
.collection__sidebar__heading.is-active:after {
transform: rotate(-45deg);
}
.collection-nav {
list-style-type: none;
overflow: hidden;
padding: 0;
margin: 0;
}
.collection-nav--inline {
overflow: visible;
}
.sidebar__item {
position: relative;
font-size: calc(0.8rem * var(---font-adjust-body));
padding: 0;
margin: 12px 0 0;
}
.sidebar__item a,
.sidebar__item label {
color: var(---color-text);
}
.sidebar__item label {
cursor: pointer;
}
.sidebar__item input {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
}
body.is-focused .sidebar__item input:focus ~ label {
outline-color: var(---color-primary);
outline-offset: -2px;
outline-style: auto;
outline-width: 5px;
}
.sidebar__item.is-hidden {
display: none;
}
.sidebar__item--swatch {
display: inline-block;
vertical-align: top;
width: 100%;
}
.link--add > a,
.link--add > label,
.link--disable:not(.sidebar__item--swatch),
.link--remove > a,
.link--remove > label {
padding-left: 23px;
position: relative;
text-transform: capitalize;
}
.sidebar__item > label:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 1em;
height: 1em;
border: 1px solid var(---color-text-light);
background: var(---color-bg);
}
.sidebar__item > input:checked ~ label:after {
background: var(---color-primary);
box-shadow: inset 0 0 0 2px var(---color-bg);
}
.link--disable {
text-decoration: line-through;
opacity: 0.8;
}
.link--disable > label:after {
border: 2px solid var(---color-border);
background-color: var(---color-border);
}
.link--disable .swatch__button [data-swatch]:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 2px;
height: 32px;
background-color: var(--text-dark);
transform: rotate(-45deg) translate(-50%, -50%);
transform-origin: left top;
}
.collection__nav.collection__nav--both {
justify-content: space-between;
}
.popout--filter .popout,
.popout--group .popout,
.popout--sort .popout {
height: 100%;
}
.popout--filter .popout-list,
.popout--group .popout-list,
.popout--sort .popout-list {
z-index: 1000;
max-height: 90vh;
top: 100%;
bottom: auto;
right: 0;
padding: 14px 15px;
}
.popout--filter .popout__toggle,
.popout--group .popout__toggle,
.popout--sort .popout__toggle {
padding: 20px 15px;
height: 100%;
border-radius: 0;
color: var(---color-text);
border: none;
border-left: 0px solid var(---color-border);
margin: 0;
}
@media only screen and (min-width: 990px) {
.popout--filter .popout__toggle,
.popout--group .popout__toggle,
.popout--sort .popout__toggle {
padding: 23px 18px;
}
}
.popout--sort .popout--active .popout__toggle__text:first-child,
.popout--sort .popout__toggle__text:nth-child(2) {
display: none;
}
.popout--sort .popout--active .popout__toggle__text:nth-child(2) {
display: inline;
}
.popout--filter .popout-list,
.popout--sort .popout-list {
width: 0;
overflow-x: hidden;
overflow-y: auto;
transition-property: opacity, width, visibility;
}
.popout--filter .popout-list--visible,
.popout--sort .popout-list--visible {
width: 200px;
}
.popout--filter .popout-list__item,
.popout--sort .popout-list__item {
white-space: normal;
min-width: calc(170px - var(--scrollbar-width));
}
.collection__nav .popout--filter .popout__toggle,
.collection__nav .popout--group .popout__toggle {
border-right: 0px solid var(---color-border);
border-left: none;
}
.collection__nav .popout--filter .popout-list,
.collection__nav .popout--group .popout-list {
right: auto;
}
.popout--group .popout__toggle {
background-image: none;
display: flex;
align-items: center;
}
.popout--group .popout__toggle span:before {
content: "(";
}
.popout--group .popout__toggle span:after {
content: ")";
}
.popout--group .popout__toggle .icon {
width: 10px;
margin-left: 6px;
transform: translateY(-1px);
}
.popout--group .popout__toggle[aria-expanded="true"] .icon {
transform: rotate(180deg) translateY(1px);
}
.popout--group .popout__toggle:after {
display: none;
}
.collection__sidebar__slide-out {
position: fixed;
top: 0;
right: 100%;
z-index: 9999;
display: flex;
flex-direction: column;
height: 100%;
width: 100%;
max-width: 380px;
border-left: 1px solid var(--border);
background-color: var(--bg);
opacity: 0;
transition: opacity 0.3s ease, transform 0.3s ease, visibility 0s linear 0.3s;
transform: translateZ(0);
overflow: hidden;
visibility: hidden;
}
.collection__sidebar__slide-out.expanded,
.collection__sidebar__slide-out.expanding {
visibility: visible;
opacity: 1;
transition-delay: 0s;
}
.collection__sidebar__slide-out.expanded {
transform: translate3d(100%, 0, 0);
}
.collection__sidebar__head {
position: relative;
width: 100%;
padding: 24px 18px;
border-bottom: 1px solid var(--border);
}
.collection__sidebar__head h3 {
font-family: var(---font-stack-body);
font-weight: var(---font-weight-body);
font-style: var(---font-style-body);
font-weight: var(---font-weight-body-bold);
font-size: calc(1em * var(---font-adjust-body));
line-height: 1;
text-transform: uppercase;
letter-spacing: 0.12em;
margin: 0 0 -3px;
}
.collection__sidebar__close {
position: absolute;
top: 50%;
right: 10px;
width: 30px;
height: 30px;
padding: 5px;
color: inherit;
font-size: 0;
text-decoration: none;
transform: translateY(-50%);
transition: color 0.3s ease;
}
.collection__sidebar__close .icon {
display: block;
width: 100%;
height: 100%;
fill: currentColor;
transition: transform 0.3s;
}
.collection__sidebar__close:hover {
color: var(--link-hover);
}
.collection__sidebar__close:hover .icon {
transform: rotate(90deg);
}
.collection__sidebar__buttons {
position: relative;
left: 0;
right: var(--scrollbar-width);
bottom: 0;
z-index: 2;
min-width: calc(270px - var(--scrollbar-width));
padding: 5px 15px 15px;
margin-top: auto;
display: none;
background: var(--bg);
}
.collection__sidebar__buttons:after {
content: "";
display: block;
position: absolute;
bottom: 100%;
left: 0;
right: 0;
height: 45px;
background: linear-gradient(
180deg,
rgba(var(---color-bg-rgb), 0) 0,
var(---color-bg)
);
pointer-events: none;
}
.collection__sidebar__slide-out .collection__sidebar {
flex-grow: 1;
height: auto;
overflow-y: auto;
}
.collection__products .drawer__underlay {
z-index: 6000;
}
.expanded ~ .drawer__underlay {
visibility: visible;
opacity: 0.4;
transition: opacity 0.3s ease;
}
.collection__active__filters {
display: flex;
flex-wrap: wrap;
}
.active__filters__clear,
.active__filters__remove {
color: var(--text);
display: flex;
background-color: var(---color-bg-secondary);
padding: 8px 7px 8px 14px;
margin: 0 7px 7px 0;
font-size: calc(var(--font-1) * var(---font-adjust-body));
}
.active__filters__clear:hover,
.active__filters__remove:hover {
color: var(--text-dark);
}
.active__filters__clear:hover .filter__x,
.active__filters__remove:hover .filter__x {
color: var(--primary);
}
.active__filters__clear small,
.active__filters__remove small {
align-self: center;
flex: 0 1 100%;
word-break: break-word;
font-size: inherit;
}
.filter__x {
flex: 0 0 auto;
padding: 0 7px;
}
.active__filters__clear,
.filter__x {
font-weight: var(---font-weight-body-bold);
}
.active__filters__clear {
padding-right: 14px;
}
.filter__price {
margin-top: 12px;
}
.filter__price__fields {
display: flex;
align-items: center;
justify-content: flex-start;
max-width: 100%;
margin: 0 0 25px;
}
.filter__price__fields label {
position: absolute !important;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
}
.filter__price__spacer {
padding: 0 2px;
}
.filter__price__field {
display: flex;
align-items: center;
flex: 1;
max-width: calc(50% - 20px);
padding: 8px 0 8px 8px;
border: 1px solid var(---color-text);
border-radius: 5px;
}
.filter__price__field span {
margin-right: 5px;
}
.filter__price__spacer {
flex: 0 0 40px;
position: relative;
padding: 5px;
font-size: 0;
text-align: center;
}
.filter__price__spacer:before {
position: absolute;
top: 50%;
left: 50%;
width: 6px;
height: 1px;
margin-left: -3px;
background: currentColor;
content: "";
}
.filter__price__input {
flex: 1;
display: block;
min-width: 0;
max-width: 100%;
width: auto;
padding: 0 3px;
border: 1px solid transparent;
border-radius: 0;
margin: 0;
font-family: inherit;
font-size: inherit;
font-weight: inherit;
text-align: right;
}
.range {
position: relative;
display: block;
height: 36px;
margin-left: -8px;
margin-right: -8px;
-webkit-user-select: none;
user-select: none;
opacity: 0;
}
.range.is-initialized {
opacity: 1;
}
.range__dot {
position: absolute;
z-index: 2;
display: block;
width: 36px;
height: 36px;
padding: 8px;
}
.range__dot span {
display: block;
width: 100%;
height: 100%;
background: var(---color-text);
border: 1px solid var(---color-text);
border-radius: 50%;
font-size: 0;
cursor: pointer;
}
.range__line {
position: absolute;
top: 16px;
left: 8px;
z-index: 0;
overflow: hidden;
width: calc(100% - 16px);
height: 4px;
border-radius: 4px;
border: 1px solid var(---color-text);
}
.range__line span {
display: block;
height: 100%;
width: 0;
background: var(---color-text);
font-size: 0;
}
.collection-list {
display: flex;
flex-wrap: wrap;
max-width: var(--content-max);
margin: 0 auto;
}
.collection-item {
position: relative;
border: 1px solid var(--border);
border-left: 0;
background: #fff;
margin-top: -1px;
}
.collection-item:before {
position: absolute;
top: -1px;
left: -1px;
bottom: -1px;
border-left: 1px solid var(---color-border);
content: "";
}
.collection-item.collection-item--borderless {
border: none;
margin-top: 0;
}
.collection-item.collection-item--borderless:before {
content: normal;
}
@media only screen and (min-width: 750px) {
.collection-item:hover .background-size-cover {
transform: scale(1.08);
}
}
@media only screen and (min-width: 750px) {
.collection-item:hover .collection-item__info a {
color: var(--link-hover);
}
}
.collection-item__image {
overflow: hidden;
display: block;
border-bottom: 1px solid var(--border);
transition: transform 0.3s cubic-bezier(0.95, 0.05, 0.795, 0.035);
}
.collection-item__image.svg-placeholder {
position: relative;
padding-top: 100%;
height: 0;
}
.collection-item--borderless .collection-item__image {
border: none;
}
.collection-item__image .background-size-cover {
transition: transform 2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.collection-item__info {
padding: calc(var(--inner) / 2) var(--inner);
overflow: hidden;
}
.collection-item__info p {
font-size: calc(var(--font-3) * var(---font-adjust-body));
}
.collection-item--centered .collection-item__info {
text-align: center;
text-align: center;
position: absolute;
z-index: 9;
top: 0%;
width: auto;
--align-items: flex-end;
--justify-content: flex-start;
height: 100%;
display: flex;
justify-content: var(--justify-content);
align-items: var(--align-items);
padding: 16px;
white-space: normal;
}
.subcollections {
position: relative;
overflow: hidden;
background-color: #fff;
}
.subcollections__inner {
display: grid;
column-gap: var(--inner);
row-gap: var(--inner);
padding: var(--inner);
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.subcollections__inner > * {
min-width: 0;
}
.subcollections__inner--slider {
display: block;
overflow: hidden;
padding-left: calc(var(--inner) * 0.5);
padding-right: calc(var(--inner) * 0.5);
}
@media only screen and (max-width: 749px) {
.subcollections__inner--slider {
padding-left: var(--inner);
padding-right: var(--inner);
}
}
.subcollections__inner--slider:after {
content: "flickity";
display: none;
}
@media only screen and (max-width: 749px) {
.subcollections__inner--slider:after {
content: "";
display: inline;
}
}
.subcollections__inner--slider .flickity-viewport {
overflow: visible;
}
.subcollections__inner--slider .subcollection__item {
width: 25%;
padding-left: calc(var(--inner) * 0.5);
padding-right: calc(var(--inner) * 0.5);
}
@media only screen and (max-width: 749px) {
.subcollections__inner--slider .subcollection__item {
width: 90%;
padding-left: 0;
padding-right: 0;
}
}
.collection__title + .subcollections .subcollections__inner {
padding-top: 0;
}
.subcollection__item {
position: relative;
height: 300px;
overflow: hidden;
}
.subcollections__grid--1 .subcollections__inner {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.subcollections__grid--2 .subcollections__inner {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.subcollections__grid--3 .subcollections__inner,
.subcollections__grid--5 .subcollections__inner,
.subcollections__grid--6 .subcollections__inner {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media only screen and (max-width: 749px) {
.subcollections:not(.subcollections__grid--1) .subcollections__inner {
display: flex;
flex-wrap: nowrap;
overflow-x: auto;
overflow-y: hidden;
max-width: 100%;
padding-right: 0;
column-gap: normal;
scrollbar-width: none;
-ms-overflow-style: none;
}
.subcollections:not(.subcollections__grid--1)
.subcollections__inner::-webkit-scrollbar {
display: none;
}
}
@media only screen and (max-width: 749px) {
.subcollections:not(.subcollections__grid--1) .subcollections__inner:after {
content: "";
flex: 0 0 auto;
min-height: 1px;
width: var(--inner);
}
}
@media only screen and (max-width: 749px) {
.subcollections:not(.subcollections__grid--1)
.subcollections__inner
.subcollection__item {
flex: 0 0 auto;
width: 90%;
margin-right: var(--inner);
}
}
@media only screen and (max-width: 749px) {
.subcollections:not(.subcollections__grid--1)
.subcollections__inner
.subcollection__item:last-child {
margin-right: 0;
}
}
.subcollection__inner {
position: relative;
overflow: hidden;
height: 100%;
}
.subcollection__image {
overflow-y: hidden;
transform: scale(1.06);
transition: transform 2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.subcollection__image,
.subcollection__image img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.subcollection__image img {
object-fit: cover;
}
.subcollection__link:hover .subcollection__image {
transform: scale(1);
}
.subcollection__height,
.subcollection__link {
height: 100%;
width: 100%;
}
.subcollection__link {
position: absolute;
top: 0;
left: 0;
display: flex;
justify-content: flex-start;
align-items: flex-end;
padding: 20px;
}
.subcollection__link:hover .subcollection__description,
.subcollection__link:hover .subcollection__title {
color: #fff;
}
.subcollection__text {
position: relative;
z-index: 200;
max-height: 100%;
}
.subcollection__description,
.subcollection__title {
margin: 0;
color: #fff;
}
.subcollection__title {
margin-bottom: 3px;
font-weight: var(---font-weight-heading-bold);
}
.pagination {
margin-bottom: 1em;
}
.pagination-custom {
padding-left: 0;
margin: var(--outer) auto;
border-radius: var(---radius-sm);
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.pagination-custom > li {
display: inline;
}
.pagination-custom > li:first-child > a,
.pagination-custom > li:first-child > span {
margin-left: 0;
border-bottom-left-radius: var(---radius-sm);
border-top-left-radius: var(---radius-sm);
}
.pagination-custom > li:last-child > a,
.pagination-custom > li:last-child > span {
border-top-right-radius: var(---radius-sm);
border-bottom-right-radius: var(---radius-sm);
}
.pagination-custom > li > a {
color: var(--text-light);
}
.pagination-custom > li > a:focus,
.pagination-custom > li > a:hover {
color: var(--link-hover);
}
.pagination-custom > li > span:focus,
.pagination-custom > li > span:hover {
color: var(--text-dark);
}
.pagination-custom > .active > a,
.pagination-custom > .active > a:focus,
.pagination-custom > .active > a:hover,
.pagination-custom > .active > span,
.pagination-custom > .active > span:focus,
.pagination-custom > .active > span:hover {
z-index: 2;
cursor: default;
color: var(--text-dark);
font-weight: var(---font-weight-body-bold);
}
.pagination-custom > .disabled > a,
.pagination-custom > .disabled > a:focus,
.pagination-custom > .disabled > a:hover,
.pagination-custom > .disabled > span {
border: 1px solid var(--border);
color: var(--border);
cursor: not-allowed;
}
.pagination-custom__arr > a,
.pagination-custom__arr > span {
position: relative;
float: left;
padding: 10px 20px;
line-height: 1.42;
text-decoration: none;
border: 1px solid var(--border);
}
.pagination-custom__arr > a:before,
.pagination-custom__arr > span:before {
content: "";
display: inline-block;
width: 0.25em;
height: 0.25em;
border-color: currentcolor;
border-style: solid;
border-width: 0 0 1px 1px;
margin: 0 2px 0 0;
vertical-align: middle;
transform: rotate(-135deg);
transform-origin: 50% 50%;
transition: all 0.25s;
}
.pagination-custom__arr > a:hover:before,
.pagination-custom__arr > span:hover:before {
transform: rotate(-135deg) scale(1.5);
}
.pagination-custom__arr:first-child > a:before,
.pagination-custom__arr:first-child > span:before {
margin: 0 0 0 2px;
transform: rotate(45deg);
}
.pagination-custom__arr:first-child > a:hover:before,
.pagination-custom__arr:first-child > span:hover:before {
transform: rotate(45deg) scale(1.5);
}
.pagination-custom__num > a,
.pagination-custom__num > span {
position: relative;
float: left;
padding: 10px 20px;
line-height: 1.42;
text-decoration: none;
border-top: 1px solid var(--border);
border-bottom: 1px solid var(--border);
}
.pagination-custom__num.active span:after {
content: "";
width: 50%;
left: 25%;
position: absolute;
bottom: -1px;
height: 1px;
background: var(--text-dark);
}
.pagination-custom__spacer > span {
position: relative;
float: left;
padding: 10px;
line-height: 1.42;
border-top: 1px solid var(--border);
border-bottom: 1px solid var(--border);
}
.pagination-custom__num--dots > span {
padding: 10px 5px;
}
@media only screen and (max-width: 479px) {
.pagination-custom__num--dots > span,
.pagination-custom__spacer > span {
padding: 10px 0;
}
.pagination-custom__arr > a,
.pagination-custom__arr > span,
.pagination-custom__num > a,
.pagination-custom__num > span {
padding: 10px 15px;
}
}
.site-footer-wrapper {
--bg: ---color-footer-bg;
--text: ---color-footer-text;
--border: ---color-footer-border;
position: relative;
background-color: var(---color-footer-bg);
color: var(---color-footer-text);
text-align: left;
}
.site-footer-wrapper a {
color: var(---color-footer-link);
}
.site-footer-wrapper a:hover {
color: var(---color-footer-link-hover);
}
.site-footer-wrapper--image {
background-color: hsla(0, 0%, 100%, 0);
}
.site-footer {
position: relative;
z-index: 100;
padding: 0 var(--outer);
}
.site-footer .grid__item {
padding-left: var(--outer);
width: auto;
padding-right: 30px;
}
@media only screen and (max-width: 749px) {
.site-footer .grid,
.site-footer .grid--full {
display: grid !important;
}
}
.site-footer .grid,
.site-footer .grid--full {
display: flex;
justify-content: center;
margin: auto;
}
.footer__image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.footer__logo {
padding-top: 75px;
display: inline-block;
}
.footer__block {
margin-top: 75px;
margin-bottom: 25px;
}
@media only screen and (min-width: 750px) and (max-width: 989px) {
.footer__block {
margin-top: 50px;
}
}
@media only screen and (max-width: 749px) {
.footer__block {
margin-top: 0px;
margin-bottom: 0;
text-align: center;
}
}
.footer__quicklinks {
font-size: calc(1rem * var(---font-adjust-body));
}
.footer__quicklinks li {
margin: 0 0 1em;
}
.footer__social {
display: flex;
flex-wrap: wrap;
gap: 1em 1.5em;
}
.footer__social li svg {
height: 20px;
width: 20px;
fill: var(---color-footer-link);
}
.footer__social li svg:hover {
fill: var(---color-footer-link-hover);
}
.footer__newsletter__text,
.footer__social__text {
margin-bottom: 15px;
}
.footer__secondary {
margin: 50px 0 40px;
}
@media only screen and (max-width: 749px) {
.footer__secondary {
margin-bottom: 0;
}
}
.footer__copyright {
font-size: calc(0.625rem * var(---font-adjust-body));
}
.footer__copyright li {
display: inline-block;
padding: 15px 20px 10px 0;
}
@media only screen and (max-width: 749px) {
.footer__copyright {
order: 100;
text-align: left;
margin: 20px 0;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
width: 100%;
}
}
.footer__payment {
margin: 0px 0 0px;
text-align: right;
}
.footer__payment li {
display: inline-block;
padding: 0 10px 10px 0;
}
.footer__payment a {
text-decoration: none;
}
.footer__payment .payment-icon {
width: 36px;
}
@media only screen and (max-width: 749px) {
.footer__payment {
line-height: 2em;
text-align: left;
margin: 15px 0;
}
.footer__payment li {
padding: 0 15px 5px 0;
}
.footer__payment li:last-child {
padding-right: 0;
}
}
.site-footer-wrapper .input-group.newsletter-form {
--input-group-bg: var(---color-footer-text);
--input-group-text: var(---color-footer-bg);
}
.footer__block__title {
font-weight: 800 !important;
font-size: calc(1rem * var(---font-adjust-body));
padding-bottom: 10px;
}
.site-footer--push {
margin-bottom: 80px;
}
@media only screen and (max-width: 749px) {
.site-footer--push {
margin-bottom: 120px;
}
}
.tabs-wrapper {
overflow: hidden;
position: relative;
padding-top: 30px;
}
.productTabsWrapper {
padding-top: 0.75em;
}
.tabs__head {
position: relative;
z-index: 2;
overflow: hidden;
}
.tabs__head ul.tabs {
text-align: left;
padding-bottom: 30px;
margin-bottom: -30px;
font-family: "poppins";
font-size: 20px;
font-weight: bold;
line-height: 20px;
}
.tabs__head .tabs__arrow:before {
display: block;
}
.tabs__arrow {
display: block;
width: 26px;
height: 26px;
max-height: none;
margin-top: -15px;
border-radius: 0;
box-shadow: none;
transition: all 0.2s;
}
.tabs__arrow,
.tabs__arrow:before {
position: absolute;
top: 50%;
background-color: var(---color-bg);
}
.tabs__arrow:before {
left: 0;
display: none;
width: 100%;
height: 200%;
transform: translateY(-50%);
content: "";
}
.tabs__arrow:after {
content: "";
display: inline-block;
width: 8px;
height: 8px;
border-color: currentcolor;
border-style: solid;
border-width: 0 0 2px 2px;
margin: -4px 0 0;
vertical-align: middle;
transform: rotate(-135deg);
transform-origin: 50% 50%;
transition: all 0.4s;
}
.tabs__arrow--prev {
left: 0;
transform: scaleX(-1);
}
.tabs__arrow--next {
right: 0;
}
ul.tabs {
display: block;
overflow-x: auto;
white-space: nowrap;
margin: 0;
padding: 0;
list-style: none;
position: relative;
}
ul.tabs--center {
text-align: center;
}
ul.tabs > li {
background: none;
color: var(--text-light);
display: inline-block;
padding: 10px 0;
margin: 0 3rem 0 0;
font-weight: var(---font-weight-body);
cursor: pointer;
vertical-align: bottom;
border-bottom: 3px solid transparent;
}
ul.tabs > li.current {
border-bottom-color: var(--border);
color: var(--text-dark);
}
ul.tabs--center > li {
margin: 0 15px;
}
.tab-content {
visibility: hidden;
position: absolute;
top: 0;
display: none;
width: 100%;
opacity: 0;
padding: 15px 15px 15px 0;
min-height: 6rem;
}
.no-js .tab-content {
visibility: visible;
position: static;
opacity: 1;
display: inherit;
}
.tab-content:not(.current),
.tab-content:not(.current) * {
pointer-events: none !important;
}
.tab-content.current {
visibility: visible;
position: static;
opacity: 1;
display: inherit;
}
.product-tabs {
max-width: 100%;
}
.product-tabs ul.tabs {
padding-bottom: 46px;
margin-bottom: -46px;
}
@media only screen and (max-width: 989px) {
.product-tabs ul.tabs {
padding-right: 15px;
margin-right: -15px;
}
}
.product-tabs ul.tabs::-webkit-scrollbar {
-webkit-appearance: none;
width: 0;
height: 0;
}
.product-tabs ul.tabs > li {
padding-bottom: 0;
border-bottom-width: 1px;
white-space: normal;
}
.product-tabs ul.tabs > li:last-child {
margin-right: 0;
}
.product-tabs ul.tabs > li.current {
border-bottom-color: initial;
}
.product-tabs__head {
padding-bottom: 16px;
margin-bottom: -13px;
}
.index-tab-collections .grid__heading {
padding-top: calc(var(--gutter) * 2);
font-size: calc(var(--font-6) * var(---font-adjust-heading));
}
.index-tab-collections .grid__heading ~ .tabs-collections ul.tabs {
padding-top: 0;
}
.index-tab-collections .tabs-collections {
position: relative;
}
.index-tab-collections .tabs-collections:first-child {
padding-top: var(--gutter);
}
.index-tab-collections .tabs-collections .tabs-collections__head,
.index-tab-collections .tabs-collections ul.tabs {
position: relative;
margin: 0 auto;
padding: var(--gutter) 0;
text-align: center;
}
.index-tab-collections .tabs-collections .tabs-collections__head {
padding: 0;
}
.index-tab-collections
.tabs-collections
.tabs-collections__head
.grid__heading {
padding: 5px;
}
.index-tab-collections .tabs-collections ul.tabs {
display: block;
overflow-x: auto;
white-space: nowrap;
padding-bottom: calc(var(--gutter) * 3);
margin-bottom: calc(var(--gutter) * -1);
}
.index-tab-collections .tabs-collections ul.tabs::-webkit-scrollbar {
-webkit-appearance: none;
width: 0;
height: 0;
}
.index-tab-collections .tabs-collections .tab-link {
padding: 0;
}
.index-tab-collections .tabs-collections .tab-link:first-of-type {
margin-left: 0;
}
.index-tab-collections .tabs-collections .tab-content {
padding: 0;
min-height: 0;
}
.product-accordion .accordion {
border-top: none;
}
.accordion-toggle {
font-weight: 600 !important;
position: relative;
cursor: pointer;
padding: 1rem 30px 1rem 0;
margin: 0 0 auto;
color: var(---color-text);
}
.accordion-toggle:after,
.accordion-toggle:before {
content: "";
position: absolute;
top: 50%;
background-color: var(--primary);
transform: translateY(-50%);
}
.accordion-toggle:before {
right: 10px;
width: 15px;
height: 1px;
}
.accordion-toggle:after {
right: 17px;
width: 1px;
height: 15px;
transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.accordion-toggle.is-open:after {
transform: translateY(-50%) rotate(90deg);
}
.accordion-content {
display: none;
overflow: hidden;
color: var(---color-text);
padding-bottom: 50px;
}
.accordion-content.accordion--open,
.no-js .accordion-content {
display: block;
}
.accordion-content__entry--truncate,
.product-description__content--truncate,
.tab-content__entry--truncate {
display: none;
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.accordion-content__actions,
.product-description__content__actions,
.tab-content__actions {
display: none;
}
.accordion-content__actions .text-link-default,
.product-description__content__actions .text-link-default,
.tab-content__actions .text-link-default {
font-style: italic;
}
.accordion-content__actions button,
.product-description__content__actions button,
.tab-content__actions button {
padding: 0;
}
.accordion-content__holder,
.product-description__content__holder,
.tab-content__holder {
position: relative;
}
.accordion-content__holder.is-expanded
.accordion-content__entry:not(.accordion-content__entry--truncate),
.accordion-content__holder.is-expanded
.product-description__content__entry:not(
.product-description__content__entry--truncate
),
.accordion-content__holder.is-expanded
.tab-content__entry:not(.tab-content__entry--truncate),
.product-description__content__holder.is-expanded
.accordion-content__entry:not(.accordion-content__entry--truncate),
.product-description__content__holder.is-expanded
.product-description__content__entry:not(
.product-description__content__entry--truncate
),
.product-description__content__holder.is-expanded
.tab-content__entry:not(.tab-content__entry--truncate),
.tab-content__holder.is-expanded
.accordion-content__entry:not(.accordion-content__entry--truncate),
.tab-content__holder.is-expanded
.product-description__content__entry:not(
.product-description__content__entry--truncate
),
.tab-content__holder.is-expanded
.tab-content__entry:not(.tab-content__entry--truncate) {
display: none;
}
.accordion-content__holder.is-expanded .accordion-content__entry--truncate,
.accordion-content__holder.is-expanded
.product-description__content__entry--truncate,
.accordion-content__holder.is-expanded .tab-content__entry--truncate,
.product-description__content__holder.is-expanded
.accordion-content__entry--truncate,
.product-description__content__holder.is-expanded
.product-description__content__entry--truncate,
.product-description__content__holder.is-expanded .tab-content__entry--truncate,
.tab-content__holder.is-expanded .accordion-content__entry--truncate,
.tab-content__holder.is-expanded .product-description__content__entry--truncate,
.tab-content__holder.is-expanded .tab-content__entry--truncate {
position: relative;
display: block !important;
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.accordion-content__holder.is-expanded .accordion-content__actions,
.accordion-content__holder.is-expanded .product-description__content__actions,
.accordion-content__holder.is-expanded .tab-content__actions,
.product-description__content__holder.is-expanded .accordion-content__actions,
.product-description__content__holder.is-expanded
.product-description__content__actions,
.product-description__content__holder.is-expanded .tab-content__actions,
.tab-content__holder.is-expanded .accordion-content__actions,
.tab-content__holder.is-expanded .product-description__content__actions,
.tab-content__holder.is-expanded .tab-content__actions {
display: block;
}
.brick__section {
display: flex;
align-items: stretch;
}
@media only screen and (max-width: 749px) {
.accordion-toggle {
border-top: 1px solid var(---color-border);
}
.brick__section {
flex-direction: column;
height: auto;
}
}
@media only screen and (max-width: 749px) {
.brick__section--reverse {
flex-direction: column-reverse;
}
}
@media only screen and (min-width: 750px) {
.brick--2 .brick__block {
width: 50%;
}
}
.brick__block {
width: 100%;
height: 100%;
}
.brick--border .brick__block {
border: 1px solid var(--border);
}
@media only screen and (min-width: 750px) {
.brick--border:not(.brick--margin) .brick__block + .brick__block {
border-left: none;
}
}
.brick--margin {
margin: var(--outer);
}
@media only screen and (min-width: 750px) {
.brick--margin .brick__block + .brick__block {
margin-left: var(--outer);
}
}
@media only screen and (max-width: 749px) {
.brick--border:not(.brick--margin):not(.brick__section--reverse)
.brick__block
+ .brick__block {
border-top: none;
}
.brick--border.brick__section--reverse:not(.brick--margin)
.brick__block
+ .brick__block {
border-bottom: none;
}
.brick--margin:not(.brick__section--reverse) .brick__block + .brick__block {
margin-top: var(--outer);
}
.brick--margin.brick__section--reverse .brick__block + .brick__block {
margin-bottom: var(--outer);
}
}
.wrapper--brick {
margin-top: var(--outer);
margin-bottom: var(--outer);
}
@media only screen and (min-width: 750px) {
.wrapper--brick {
max-width: var(--content-max);
margin-left: auto;
margin-right: auto;
}
.wrapper--brick .brick__block:first-child {
margin-left: var(--outer);
}
.wrapper--brick .brick__block:last-child {
margin-right: var(--outer);
}
}
@media only screen and (max-width: 749px) {
.wrapper--brick .brick__block {
width: calc(100% - var(--outer) * 2);
margin-left: var(--outer);
margin-right: var(--outer);
}
}
.brick__block__text {
height: 100%;
display: flex;
padding: var(--outer);
align-items: center;
}
.brick__block__text__inner {
width: 100%;
}
@media only screen and (min-width: 750px) {
.brick__block .image__hero__frame,
.brick__block .video-background,
.brick__block__image,
.brick__block__video {
height: 100%;
}
}
.brick__section.image-height .brick__block__image .image__hero__frame {
padding-top: var(--padding-ratio) !important;
}
.brick__section.image-height .brick__block {
height: auto;
}
.hero__btn.btn.image__video__play,
.product__reviews .hero__btn.image__video__play.spr-summary-actions-newreview,
.shopify-payment-button
.hero__btn.image__video__play.shopify-payment-button__button--unbranded {
width: unset;
min-width: unset;
max-width: unset;
border-radius: 0;
aspect-ratio: 1;
display: inline-flex;
align-items: center;
justify-content: center;
}
.hero__btn.btn.image__video__play .icon-play,
.product__reviews
.hero__btn.image__video__play.spr-summary-actions-newreview
.icon-play,
.shopify-payment-button
.hero__btn.image__video__play.shopify-payment-button__button--unbranded
.icon-play {
width: 14px;
height: 14px;
}
.caps--large + .hero__btn,
.hero__btn + .caps--large,
.hero__btn + .hero__btn {
margin-left: 0px;
}
.brick__product__subheading {
padding-bottom: 30px;
text-transform: uppercase;
letter-spacing: 0.12em;
font-family: var(---font-stack-body);
font-weight: var(---font-weight-body);
font-size: calc(11px * var(---font-adjust-body));
}
@media only screen and (max-width: 749px) {
.brick__product__subheading {
font-size: calc(10px * var(---font-adjust-body));
}
}
.brick__product {
border: 1px solid var(--border);
display: block;
max-width: 350px;
margin: 0 auto;
}
.brick__product .product-item {
border: none;
margin-top: 0;
}
.brick__product .product-information,
.brick__product .product-item--borderless .product-information {
padding: 0;
}
.brick__product .product-information > a[href="#"] {
pointer-events: none;
}
.brick__product .product-information > a,
.brick__product .product-item--borderless .product-information > a {
}
.brick__product .product-information > a .product__grid__title,
.brick__product
.product-item--borderless
.product-information
> a
.product__grid__title {
font-size: calc(1rem * var(---font-adjust-heading));
margin: 0 0 5px;
}
.brick__product .product-information > a .price,
.brick__product .product-item--borderless .product-information > a .price {
font-size: calc(0.9rem * var(---font-adjust-body));
margin-top: 5px;
}
.brick__block--collection {
display: flex;
align-items: center;
}
@media only screen and (max-width: 749px) {
.brick__block--collection {
min-height: 0 !important;
}
}
.brick__block__collection {
flex: 1;
max-width: 100%;
}
.video-background {
position: relative;
}
.video-background video {
position: absolute;
top: 0;
opacity: 0;
}
.video-background video::-webkit-media-controls {
display: none;
}
.video-background > video {
position: absolute;
top: 50%;
left: 50%;
overflow: hidden;
min-height: 100%;
min-width: 100%;
width: auto;
height: auto;
transform: translate(-50%, -50%);
opacity: 1;
}
.video__play {
display: inline-block;
width: 50px;
height: 50px;
border-radius: 50%;
margin-bottom: 1em;
}
.video__play:last-child {
margin-bottom: 0;
}
.video__play svg {
width: 100%;
height: 100%;
}
.text-light .video__play svg {
fill: #fff;
}
.text-dark .video__play svg {
fill: var(---color-text);
}
.map-section--display-map:not(.image-height) .map-section__image {
display: none !important;
}
.map-section__image img {
display: block;
width: 100%;
height: auto;
}
.map-section__image img.image-placeholder {
max-height: 100%;
max-width: 100%;
width: auto;
height: auto;
}
.image-height .map-section__image + .map-section__container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
}
@media only screen and (min-width: 990px) and (max-width: 1399px) {
.map-section--load-error {
width: 50%;
margin: 0 auto;
}
}
.map-section--load-error .errors {
width: 100%;
}
.map-section__container {
min-height: 100%;
}
.flex--centered {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
}
.no-js .lazy-image {
display: none;
}
.no-js .homepage-image:not(.column__block),
.no-js .homepage-slideshow {
height: auto !important;
}
.map__text {
margin-bottom: 1.5625rem;
}
.map__text:last-child {
margin-bottom: 0;
}
@media only screen and (max-width: 749px) {
.map__text p {
font-size: calc(var(--font-2) * var(---font-adjust-body));
}
}
.homepage-columns {
display: flex;
align-items: stretch;
}
.homepage-columns .column__block {
height: 100%;
}
.homepage-columns.image-height .column__block {
height: auto;
}
.homepage-columns.image-height.auto-height .column__block {
height: 33vw;
display: flex;
align-items: center;
justify-content: center;
}
.column__block {
position: relative;
overflow: hidden;
float: none;
}
.column__block .flex--centered {
padding: 15px;
}
.column__block .text-left .home__subtitle:after {
right: auto;
}
.column__block .text-right .home__subtitle:after {
left: auto;
}
@media only screen and (max-width: 749px) {
.homepage-columns.screen-height-full {
height: auto;
}
.homepage-columns.screen-height-full .column__block {
height: 100vh;
}
.homepage-columns.screen-height-three-quarters {
height: auto;
}
.homepage-columns.screen-height-three-quarters .column__block {
height: 66vh;
}
.homepage-columns.screen-height-two-thirds {
height: auto;
}
.homepage-columns.screen-height-two-thirds .column__block {
height: 66vh;
}
.homepage-columns.screen-height-one-half {
height: auto;
}
.homepage-columns.screen-height-one-half .column__block {
height: 50vh;
}
.homepage-columns.screen-height-one-third {
height: auto;
}
.homepage-columns.screen-height-one-third .column__block {
height: 33vh;
}
}
.homepage-slideshow {
position: relative;
height: auto;
transition: all 0.5s linear;
}
.homepage-slideshow .flickity-viewport {
min-height: inherit;
transition: height 0.5s linear;
}
.homepage-slideshow .flickity-enabled {
min-height: inherit;
height: 100%;
}
.homepage-slideshow .flickity-enabled.is-selected .flickity-viewport {
transition: none;
}
.homepage-slideshow .slideshow__slide {
display: block;
float: none;
width: 100%;
}
.homepage-slideshow .flickity-page-dots,
.homepage-slideshow .slick-dots {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
margin: 0;
padding: 0 10px 20px;
display: flex;
align-items: center;
justify-content: center;
list-style: none;
}
.homepage-slideshow .flickity-page-dots li,
.homepage-slideshow .slick-dots li {
margin: 0 4px;
}
.homepage-slideshow .flickity-page-dots li.is-selected button:before,
.homepage-slideshow .flickity-page-dots li.slick-active button:before,
.homepage-slideshow .slick-dots li.is-selected button:before,
.homepage-slideshow .slick-dots li.slick-active button:before {
color: #fff;
}
.homepage-slideshow .flickity-page-dots .dot,
.homepage-slideshow .slick-dots .dot {
margin-left: 5px;
margin-right: 5px;
transition: all 0.3s ease;
}
.homepage-slideshow .flickity-page-dots button,
.homepage-slideshow .slick-dots button {
position: relative;
}
.homepage-slideshow .hero__content--transparent .hero__content {
padding: 60px;
margin-top: 0;
margin-bottom: 0;
}
@media only screen and (min-width: 750px) and (max-width: 989px) {
.homepage-slideshow .hero__content--transparent .hero__content {
padding: 45px;
}
}
@media only screen and (max-width: 749px) {
.homepage-slideshow .hero__content--transparent .hero__content {
padding: 30px;
}
}
.slideshow__slider[data-fade] .slideshow__slide {
opacity: 0 !important;
transition: opacity 1s ease !important;
}
.no-js .slideshow__slider[data-fade] .slideshow__slide,
.slideshow__slider[data-fade] .slideshow__slide.is-selected {
opacity: 1 !important;
}
.slideshow__slider[data-fade]
.slideshow__slide.is-selected
.fade-in-image-zoom
.background-size-cover.lazyloaded {
transform: scale(1);
}
.slideshow__slider[data-fade] .fade-in-image-zoom .background-size-cover {
transform: scale(1.2);
transition: opacity 0.65s cubic-bezier(0.215, 0.61, 0.355, 1),
transform 2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.no-js
.slideshow__slider[data-fade]
.fade-in-image-zoom
.background-size-cover {
transform: scale(1);
}
.slideshow__slide {
position: relative;
}
.slideshow__slide > a {
color: inherit;
}
.slideshow__slide img {
max-width: 100%;
min-height: inherit;
object-fit: cover;
}
.slideshow__slide .hero__content__wrapper {
position: relative;
z-index: 100;
}
.slideshow__slide .image__hero__frame {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.slideshow__slide .fade-in-image-zoom .background-size-cover {
transform: scale(1);
}
.image-height .slideshow__slide .hero__content__wrapper {
position: absolute;
}
.image-height .slideshow__slide .image__hero__frame {
position: relative;
height: 0;
min-height: inherit;
}
.homepage-slideshow.screen-height-full {
min-height: 100vh;
}
.homepage-slideshow.screen-height-three-quarters {
min-height: 75vh;
}
.homepage-slideshow.screen-height-two-thirds {
min-height: 66vh;
}
.homepage-slideshow.screen-height-one-half {
min-height: 50vh;
}
.homepage-slideshow.screen-height-one-third {
min-height: 33vh;
}
.homepage-slideshow.seven-fifty-height-hero {
min-height: 750px;
}
.homepage-slideshow.sixty-fifty-height-hero {
min-height: 650px;
}
.homepage-slideshow.five-fifty-height-hero {
min-height: 550px;
}
.homepage-slideshow.four-fifty-height-hero {
min-height: 450px;
}
.homepage-slideshow.three-fifty-height-hero {
min-height: 350px;
}
@media only screen and (max-width: 749px) {
.homepage-slideshow:not(.transparent__wrapper).seven-fifty-height-hero,
.homepage-slideshow:not(.transparent__wrapper)
.slideshow__slide.seven-fifty-height-hero {
height: 500px;
}
.homepage-slideshow:not(.transparent__wrapper).sixty-fifty-height-hero,
.homepage-slideshow:not(.transparent__wrapper)
.slideshow__slide.sixty-fifty-height-hero {
height: 433.3333333333px;
}
.homepage-slideshow:not(.transparent__wrapper).five-fifty-height-hero,
.homepage-slideshow:not(.transparent__wrapper)
.slideshow__slide.five-fifty-height-hero {
height: 366.6666666667px;
}
.homepage-slideshow:not(.transparent__wrapper).four-fifty-height-hero,
.homepage-slideshow:not(.transparent__wrapper)
.slideshow__slide.four-fifty-height-hero {
height: 300px;
}
.homepage-slideshow:not(.transparent__wrapper)
.slideshow__slide.three-fifty-height-hero,
.homepage-slideshow:not(.transparent__wrapper).three-fifty-height-hero {
height: 233.3333333333px;
}
}
.background-size-cover {
min-height: 100%;
}
.background-size-cover--slide {
display: block;
background-size: cover;
background-position: 50%;
width: 100%;
height: 100%;
overflow: hidden;
z-index: 1;
}
.button-image {
display: block;
max-width: 100%;
width: 100vw;
}
.button-image:focus {
outline: 0;
opacity: 0.8;
padding-top: 2px;
}
.button-image span {
position: relative;
display: block;
width: 100%;
height: 0;
}
.button-image span img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.js
.slideshow__slider:not(.flickity-enabled)
.slideshow__slide:not(:first-child) {
position: absolute;
top: 0;
left: 0;
visibility: hidden;
}
.sharing ul {
list-style: none outside none;
font-size: 0;
}
.sharing li {
display: inline-block;
vertical-align: top;
}
.social-sharing {
display: flex;
justify-content: center;
color: #fff;
margin: 30px -0.9375rem 0;
width: 100%;
border-top: 1px solid var(---color-border-light);
}
.share,
.social-sharing .social__link {
display: flex;
align-items: center;
text-align: left;
color: var(---color-text);
padding: 0.9375rem 0;
margin: 0 0.9375rem;
text-transform: uppercase;
font-weight: var(---font-weight-body-bold);
letter-spacing: 2px;
font-size: calc(0.625rem * var(---font-adjust-body));
transition: background-color 0.25s ease-in;
color: var(---color-text-light);
}
.share svg,
.social-sharing .social__link svg {
fill: var(---color-text);
transition: transform 0.25s ease-out;
margin: 0;
height: 17px;
width: 17px;
}
.share span,
.social-sharing .social__link span {
transform: translateY(2px);
}
.share--pinterest:hover {
color: #bd081c;
}
.share--pinterest:hover svg {
fill: #a00718;
}
.share--facebook:hover {
color: #3b5998;
}
.share--facebook:hover svg {
fill: #324c82;
}
.share--twitter:hover {
color: #1da1f2;
}
.share--twitter:hover svg {
fill: #0d92e3;
}
.logos {
padding: 15px 0;
overflow: hidden;
background-color: var(--bg);
}
.logos__wrapper {
display: flex;
flex-direction: column;
position: relative;
text-align: center;
padding: 0 40px;
}
.logos__wrapper .logos__slider-inner {
width: 100%;
}
.logos__wrapper .logos__slider-inner:after {
content: "flickity";
display: none;
}
@media only screen and (max-width: 749px) {
.logos__wrapper .logos__slider-inner:after {
content: "";
}
}
.logos__wrapper .flickity-prev-next-button.previous {
transform: translateX(-100%);
}
.logos__wrapper .flickity-prev-next-button.next {
transform: translateX(100%);
}
@media only screen and (max-width: 749px) {
.logos__wrapper {
padding: 0 30px;
}
}
.logos__wrapper--tall {
padding: var(--gutter);
}
.logos__title:first-child {
margin-top: 0;
}
.logos__title:last-child {
margin-bottom: 0;
}
.logos__logo {
cursor: pointer;
opacity: var(---logo-opacity);
width: 200px;
padding: 0 10px;
transition: opacity 0.3s ease;
}
@media only screen and (max-width: 749px) {
.logos__logo {
width: auto;
padding: 0 25px;
}
}
.logos__img {
display: block;
margin: 0 auto;
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
}
.logos__img.svg-placeholder {
background-color: initial;
}
.logos__img .placeholder-svg-logo {
background-color: #e1e1e1;
}
.logos__slider {
position: relative;
width: calc(100% - 120px);
order: 1;
height: 100%;
margin: auto;
}
@media screen and (max-width: 1440px) {
.logos__slider {
max-width: 1200px;
width: 100%;
}
}
@media screen and (max-width: 1380px) {
.logos__slider {
max-width: 1000px;
}
}
@media screen and (max-width: 1170px) {
.logos__slider {
max-width: 800px;
}
}
@media screen and (max-width: 950px) {
.logos__slider {
max-width: 600px;
}
}
@media only screen and (max-width: 749px) {
.logos__slider {
overflow: hidden;
max-width: none;
width: auto;
margin-left: calc(var(--gutter) * -1);
margin-right: calc(var(--gutter) * -1);
}
}
.logos__title + .logos__slider:last-child {
margin-top: 30px;
}
.logos__slider .logos__slider-inner:not(.flickity-enabled) {
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
}
@media only screen and (max-width: 749px) {
.logos__slider .logos__slider-inner:not(.flickity-enabled) {
overflow-x: auto;
display: block;
padding-bottom: 30px;
margin-bottom: -30px;
white-space: nowrap;
font-size: 0;
text-align: center;
-webkit-overflow-scrolling: touch;
}
}
.logos__slider .flickity-slider {
display: flex;
justify-content: center;
align-items: center;
}
.logos__slider .logos__slide {
width: auto;
}
@media only screen and (max-width: 749px) {
.logos__slider .logos__slide {
display: inline-block;
vertical-align: middle;
}
}
.logos__slider .logos__img {
cursor: pointer;
}
.logos__slider .logos__img:hover {
opacity: 1;
}
.logos__slide {
width: 100%;
}
.logos__slide.is-active .logos__logo,
.logos__slide.is-selected .logos__logo,
.logos__slide a:hover .logos__logo {
opacity: 1;
}
.logos__slider-text {
margin: 30px 0 20px;
padding-bottom: 10px;
overflow: hidden;
}
.logos__slider-text .flickity-viewport {
overflow: visible;
}
.logos__slider-text .logos__slide {
transform: translateY(-100%);
transition: transform 0.2s ease-in, opacity 0.15s ease-out;
}
@media only screen and (max-width: 749px) {
.logos__slider-text .logos__slide {
-webkit-backface-visibility: hidden;
}
}
.logos__slider-text .logos__slide.is-selected {
transform: translateZ(0);
transition: none;
animation: fadeInUp 0.3s ease-out;
animation-delay: 0.25s;
animation-fill-mode: backwards;
}
.no-js .logos__slider-text .logos__slide {
opacity: 1;
transform: none;
}
@keyframes fadeInUp {
0% {
transform: translateY(100%);
opacity: 0;
}
25% {
opacity: 1;
}
to {
transform: translateZ(0);
opacity: 1;
}
}
.text-row[data-text-alignment="left"] {
text-align: left;
}
.text-row[data-text-alignment="center"] {
text-align: center;
}
.text-row[data-text-alignment="center"] .icon--top .icon__animated {
margin: auto;
}
@media only screen and (max-width: 989px) {
.text-row {
padding: 30px 0;
}
}
@media only screen and (max-width: 749px) {
.text-row .grid__item {
padding-bottom: 25px;
}
.text-row .grid__item:last-child {
padding-bottom: 0;
}
.text-row .wrapper--columns {
margin: 0 15px;
}
}
.icon__animated {
padding-bottom: 10px;
}
.icon__animated:last-child {
padding-bottom: 0;
}
.icon__animated,
.icon__animated svg {
width: 20px;
height: 20px;
fill: none !important;
}
.icon__animated svg.icon circle,
.icon__animated svg.icon g,
.icon__animated svg.icon path {
stroke: var(--text);
}
.icon--large .icon__animated,
.icon--large .icon__animated svg {
width: 40px;
height: 40px;
}
.icon--custom {
background-size: contain;
background-repeat: no-repeat;
background-position: 50%;
}
.icon--left .icon__column {
display: flex;
}
.icon--left .icon__column .icon__animated {
margin-right: 20px;
}
.icon--left.icon--large .icon__animated {
display: flex;
align-self: center;
flex-shrink: 0;
}
.icon--left.icon--small .icon__animated {
flex-shrink: 0;
}
.rte.icon__column__paragraph,
.rte.icon__column__paragraph p {
margin-bottom: 0;
}
.icon__column__text h2 {
line-height: 1.8em;
margin-top: 10px;
margin-bottom: 0;
}
.icon__column__text p {
margin-top: 0;
font-size: calc(0.9rem * var(---font-adjust-body));
}
.split-hero {
display: flex;
align-items: stretch;
position: relative;
background-color: var(---color-bg);
}
@media only screen and (max-width: 749px) {
.split-hero[data-mobile="stacked"] {
flex-direction: column;
}
.split-hero[data-mobile="stacked"] .split-hero__half {
height: 50%;
width: 100%;
}
}
.split-hero__half {
width: 50%;
height: 100%;
}
.split-hero__box {
height: 100%;
}
.split-hero__image {
height: 100%;
background-color: var(---color-bg);
background-repeat: no-repeat;
background-size: cover;
background-position: 50%;
overflow: hidden;
}
.split-hero__image--onboarding {
position: relative;
}
.split-hero__image--onboarding svg {
position: absolute;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 150%;
transform: translate(-50%, -50%);
fill: #bbb;
background-color: #ccc;
border: none;
}
.split-hero__overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.split-hero__content--bottom-left .row,
.split-hero__content--left .row {
justify-content: flex-start;
text-align: left;
}
.split-hero__content--bottom-right .row,
.split-hero__content--right .row {
justify-content: flex-end;
text-align: right;
}
.split-hero__content--bottom-left .row,
.split-hero__content--bottom-right .row {
align-items: flex-end;
}
@media only screen and (min-width: 750px) {
.split-hero__text--one-half {
width: 50%;
}
.split-hero__text--one-third {
width: 33.33%;
}
.split-hero__text--full-width {
width: 100%;
}
}
.related__wrapper > div:not(.related__products):not(.recent__wrapper) {
margin-top: 20px;
}
@media only screen and (min-width: 990px) {
.related__wrapper > div:not(.related__products):not(.recent__wrapper) {
margin-top: 60px;
}
}
.related__products {
--text: var(---color-text-light);
text-align: center;
}
.related__products .tabs__head {
margin-bottom: 30px;
}
.related__products .tabs__arrow {
margin-top: -9px;
}
.related__products .tab-content,
.related__products .tab-link {
padding: 0;
max-width: 1500px;
margin: auto;
}
.related__products .tab-link {
transition: border-color 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.related__products .tab-link.current {
--text: var(---color-text);
border-color: var(--border);
pointer-events: none;
}
.related__products .tab-link:hover .recent__title {
color: var(--text-dark);
}
.related__products .tab-link:focus {
outline-offset: 1px !important;
}
.related__products .tab-link:only-child {
border-bottom-color: transparent;
}
.related__products .recent__title {
padding: 15px 5px 5px;
border: 0;
}
@media only screen and (max-width: 749px) {
.related__products .recent__title {
font-size: 1rem;
}
}
.related__products > .recent__title {
margin-bottom: 30px;
}
.related__products .recent__wrapper {
margin-top: 0;
}
@media only screen and (min-width: 750px) {
.related__products .product-grid {
justify-content: center;
}
}
@media only screen and (min-width: 750px) {
.related__products .product-grid:after {
content: "flickity";
display: none;
}
}
.related__products
.product-grid.flickity-resize
.flickity-slider
.product-item {
height: 100%;
}
.related__products.alt ul.tabs > li {
border-bottom-color: transparent;
cursor: default;
}
.recent__title {
background: var(--bg);
color: var(--text);
margin: 0;
padding: 20px 0;
border-bottom: 1px solid var(--text);
transition: color 0.3s;
}
.pswp {
z-index: 10000;
}
.pswp .pswp__bg {
background: rgba(0, 0, 0, 0.75);
}
.pswp .pswp__zoom-wrap {
display: flex;
flex-direction: column;
justify-content: center;
}
.pswp .pswp__custom-inner {
max-width: 920px;
width: 100%;
padding: 0 10px;
margin: 0 auto;
font-size: 0;
text-align: center;
}
.pswp .pswp__custom-inner:before {
display: inline-block;
width: 0;
height: 100%;
vertical-align: middle;
content: "";
}
.pswp .pswp__custom-content {
display: inline-block;
width: 100%;
vertical-align: middle;
}
.pswp .pswp__custom-native video {
width: 100%;
height: auto;
}
.pswp .pswp__custom-iframe-outer {
overflow: hidden;
position: relative;
width: 100%;
height: 0;
padding-top: 56.25%;
}
.pswp .pswp__custom-iframe-outer > video,
.pswp .pswp__custom-iframe-outer iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.pswp .pswp__custom-close svg {
width: 13px;
height: 13px;
position: absolute;
margin-left: -7px;
transform: translateY(-50%);
transition: transform 0.3s;
}
.pswp .pswp__custom-close {
position: absolute;
top: 34px;
right: 40px;
z-index: 4;
width: 50px;
height: 50px;
border: 1px solid var(--border);
background-color: var(---color-bg);
color: var(--primary);
text-align: center;
transition: all 0.4s;
}
@media only screen and (max-width: 749px) {
.pswp .pswp__custom-close {
top: 50px;
right: 10px;
}
}
.pswp .pswp__custom-close:hover {
border-color: var(---color-border-dark);
transform: scale(1.1);
}
.pswp .pswp__custom-close:hover svg {
transform: translateY(-50%) rotate(90deg);
}
.pswp .pswp__counter {
display: none;
}
.pswp .pswp__loader {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
transition: opacity 0.4s, visibility 0.4s;
}
.pswp .pswp__loader-line {
position: absolute;
top: 50%;
left: 50%;
width: 40%;
margin: auto;
transform: translate(-50%, -50%);
}
.pswp--not-close-btn .pswp__custom-close {
display: none;
}
.pswp[data-pswp-option-classes*="pswp-zoom-gallery"] {
position: fixed;
display: block;
opacity: 1 !important;
}
.pswp[data-pswp-option-classes*="pswp-zoom-gallery"] .pswp__img--placeholder {
display: none;
}
.pswp-zoom-gallery .pswp__loader {
opacity: 0;
visibility: hidden;
transition-delay: 0.8s;
}
.pswp-zoom-gallery .pswp__loader,
.pswp[data-pswp-option-classes*="pswp-zoom-gallery"] .pswp__loader {
z-index: 5;
display: block;
background: var(---color-bg);
}
.pswp-zoom-gallery .pswp__title,
.pswp[data-pswp-option-classes*="pswp-zoom-gallery"] .pswp__title {
cursor: pointer;
}
.pswp-zoom-gallery .pswp__bg,
.pswp[data-pswp-option-classes*="pswp-zoom-gallery"] .pswp__bg {
background: var(---color-bg);
}
.pswp-zoom-gallery .pswp__container,
.pswp[data-pswp-option-classes*="pswp-zoom-gallery"] .pswp__container {
transition: transform 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.pswp-zoom-gallery .pswp__scroll-wrap,
.pswp[data-pswp-option-classes*="pswp-zoom-gallery"] .pswp__scroll-wrap {
bottom: 146px;
height: auto;
overflow: visible;
}
@media only screen and (max-width: 749px) {
.pswp-zoom-gallery .pswp__scroll-wrap,
.pswp[data-pswp-option-classes*="pswp-zoom-gallery"] .pswp__scroll-wrap {
bottom: 0;
overflow: hidden;
}
}
.pswp-zoom-gallery .pswp__zoom-wrap,
.pswp[data-pswp-option-classes*="pswp-zoom-gallery"] .pswp__zoom-wrap {
display: block;
}
.pswp-zoom-gallery .pswp__item,
.pswp[data-pswp-option-classes*="pswp-zoom-gallery"] .pswp__item {
overflow: visible;
}
@media only screen and (max-width: 749px) {
.pswp-zoom-gallery .pswp__item,
.pswp[data-pswp-option-classes*="pswp-zoom-gallery"] .pswp__item {
overflow: hidden;
}
}
.pswp-zoom-gallery .pswp__button--arrow--left,
.pswp-zoom-gallery .pswp__button--arrow--right,
.pswp[data-pswp-option-classes*="pswp-zoom-gallery"] .pswp__button--arrow--left,
.pswp[data-pswp-option-classes*="pswp-zoom-gallery"]
.pswp__button--arrow--right {
position: absolute;
top: 50%;
left: 40px;
z-index: 3;
width: 50px;
height: 50px;
border: 1px solid var(--border);
margin-top: -25px;
background: var(---color-bg);
color: currentColor;
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media only screen and (max-width: 749px) {
.pswp-zoom-gallery .pswp__button--arrow--left,
.pswp-zoom-gallery .pswp__button--arrow--right,
.pswp[data-pswp-option-classes*="pswp-zoom-gallery"]
.pswp__button--arrow--left,
.pswp[data-pswp-option-classes*="pswp-zoom-gallery"]
.pswp__button--arrow--right {
left: 10px;
transform: translateY(0);
}
}
.pswp-zoom-gallery .pswp__button--arrow--left:hover,
.pswp-zoom-gallery .pswp__button--arrow--right:hover,
.pswp[data-pswp-option-classes*="pswp-zoom-gallery"]
.pswp__button--arrow--left:hover,
.pswp[data-pswp-option-classes*="pswp-zoom-gallery"]
.pswp__button--arrow--right:hover {
transform: scale(1.1);
--primary: var(---color-primary-hover);
border-color: var(---color-border-dark);
}
.pswp-zoom-gallery .pswp__button--arrow--left:before,
.pswp-zoom-gallery .pswp__button--arrow--right:before,
.pswp[data-pswp-option-classes*="pswp-zoom-gallery"]
.pswp__button--arrow--left:before,
.pswp[data-pswp-option-classes*="pswp-zoom-gallery"]
.pswp__button--arrow--right:before {
position: absolute;
top: 20px;
left: 21px;
content: "";
display: inline-block;
width: 6px;
height: 6px;
border-color: var(--primary);
border-style: solid;
border-width: 0 0 1px 1px;
margin: 0;
vertical-align: middle;
transform: rotate(45deg);
transform-origin: 50% 50%;
transition: all 0s;
}
.pswp-zoom-gallery .pswp__button--arrow--right,
.pswp[data-pswp-option-classes*="pswp-zoom-gallery"]
.pswp__button--arrow--right {
left: auto;
right: 40px;
}
@media only screen and (max-width: 749px) {
.pswp-zoom-gallery .pswp__button--arrow--right,
.pswp[data-pswp-option-classes*="pswp-zoom-gallery"]
.pswp__button--arrow--right {
right: 10px;
}
}
.pswp-zoom-gallery .pswp__button--arrow--right:before,
.pswp[data-pswp-option-classes*="pswp-zoom-gallery"]
.pswp__button--arrow--right:before {
left: 19px;
transform: rotate(-135deg);
}
.pswp-zoom-gallery .pswp__thumbs,
.pswp[data-pswp-option-classes*="pswp-zoom-gallery"] .pswp__thumbs {
position: absolute;
bottom: -146px;
left: 0;
z-index: 2;
overflow-x: auto;
width: 100%;
padding: 10px 10px 16px;
font-size: 0;
text-align: center;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
}
@media only screen and (max-width: 749px) {
.pswp-zoom-gallery .pswp__thumbs,
.pswp[data-pswp-option-classes*="pswp-zoom-gallery"] .pswp__thumbs {
bottom: 0;
padding: 10px 0;
}
}
.pswp-zoom-gallery .pswp__thumb,
.pswp[data-pswp-option-classes*="pswp-zoom-gallery"] .pswp__thumb {
position: relative;
display: inline-block;
width: 80px;
height: 80px;
border-radius: 50%;
margin: 10px;
background-size: cover;
background-color: var(---color-bg);
background-position: 50% 50%;
background-repeat: no-repeat;
color: inherit;
vertical-align: top;
transition: all 0.2s ease-in-out;
}
.pswp-zoom-gallery .pswp__thumb:hover,
.pswp[data-pswp-option-classes*="pswp-zoom-gallery"] .pswp__thumb:hover {
transform: scale(1.1);
}
.pswp-zoom-gallery .pswp__thumb:before,
.pswp[data-pswp-option-classes*="pswp-zoom-gallery"] .pswp__thumb:before {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
border: 1px solid transparent;
border-radius: 50%;
pointer-events: none;
transition: border-color 0.2s ease-in-out;
content: "";
}
@media only screen and (max-width: 749px) {
.pswp-zoom-gallery .pswp__thumb,
.pswp[data-pswp-option-classes*="pswp-zoom-gallery"] .pswp__thumb {
width: 42px;
height: 42px;
}
}
.pswp-zoom-gallery .pswp__thumb.is-current:before,
.pswp[data-pswp-option-classes*="pswp-zoom-gallery"]
.pswp__thumb.is-current:before {
border-color: var(---color-bg);
}
@media only screen and (max-width: 749px) {
.pswp-zoom-gallery .pswp__thumb.is-current,
.pswp[data-pswp-option-classes*="pswp-zoom-gallery"] .pswp__thumb.is-current {
transform: scale(1.4);
}
}
.pswp-zoom-gallery .pswp__caption,
.pswp[data-pswp-option-classes*="pswp-zoom-gallery"] .pswp__caption {
position: absolute;
z-index: 1;
top: 30px;
left: 30px;
max-width: 50vw;
padding: 10px 20px 10px 50px;
background: var(---color-bg);
}
@media only screen and (max-width: 749px) {
.pswp-zoom-gallery .pswp__caption,
.pswp[data-pswp-option-classes*="pswp-zoom-gallery"] .pswp__caption {
top: 50px;
left: 10px;
max-width: 250px;
max-width: calc(100% - 80px);
padding: 7px 14px 7px 7px;
}
}
.pswp-zoom-gallery
.pswp__caption
.pswp__caption__center
:not(.product__title):not(.product__title > a),
.pswp[data-pswp-option-classes*="pswp-zoom-gallery"]
.pswp__caption
.pswp__caption__center
:not(.product__title):not(.product__title > a) {
display: none;
}
.pswp-zoom-gallery .pswp__caption .product__title > a,
.pswp[data-pswp-option-classes*="pswp-zoom-gallery"]
.pswp__caption
.product__title
> a {
pointer-events: none;
}
.pswp-zoom-gallery .pswp__caption .pswp__caption-close,
.pswp[data-pswp-option-classes*="pswp-zoom-gallery"]
.pswp__caption
.pswp__caption-close {
position: absolute;
top: 5px;
left: 0;
width: 40px;
height: 40px;
color: currentColor;
}
.pswp-zoom-gallery .pswp__caption .pswp__caption-close:hover,
.pswp[data-pswp-option-classes*="pswp-zoom-gallery"]
.pswp__caption
.pswp__caption-close:hover {
color: var(---color-primary-hover);
}
.pswp-zoom-gallery .pswp__caption .pswp__caption-close:before,
.pswp[data-pswp-option-classes*="pswp-zoom-gallery"]
.pswp__caption
.pswp__caption-close:before {
position: absolute;
top: 12px;
left: 14px;
content: "";
display: inline-block;
width: 12px;
height: 12px;
border-color: currentcolor;
border-style: solid;
border-width: 0 0 2px 2px;
margin: 0;
vertical-align: middle;
transform: rotate(45deg);
transform-origin: 50% 50%;
transition: all 0.4s;
}
@media only screen and (max-width: 749px) {
.pswp-zoom-gallery .pswp__caption .pswp__caption-close,
.pswp[data-pswp-option-classes*="pswp-zoom-gallery"]
.pswp__caption
.pswp__caption-close {
display: none;
}
}
.pswp-zoom-gallery .pswp__caption .product__badge,
.pswp-zoom-gallery .pswp__caption .product__link-holder,
.pswp[data-pswp-option-classes*="pswp-zoom-gallery"]
.pswp__caption
.product__badge,
.pswp[data-pswp-option-classes*="pswp-zoom-gallery"]
.pswp__caption
.product__link-holder {
display: none;
}
.pswp-zoom-gallery .pswp__caption h1,
.pswp[data-pswp-option-classes*="pswp-zoom-gallery"] .pswp__caption h1 {
margin: 0 0 5px;
font-size: calc(1.375rem * var(---font-adjust-heading));
}
@media only screen and (max-width: 749px) {
.pswp-zoom-gallery .pswp__caption h1,
.pswp[data-pswp-option-classes*="pswp-zoom-gallery"] .pswp__caption h1 {
font-size: calc(1rem * var(---font-adjust-heading));
}
}
.pswp-zoom-gallery .pswp__caption h1:last-child,
.pswp[data-pswp-option-classes*="pswp-zoom-gallery"]
.pswp__caption
h1:last-child {
margin-bottom: 0;
}
.pswp-zoom-gallery .pswp__caption div,
.pswp[data-pswp-option-classes*="pswp-zoom-gallery"] .pswp__caption div {
margin-top: 0;
font-size: calc(1rem * var(---font-adjust-body));
}
@media only screen and (max-width: 749px) {
.pswp-zoom-gallery .pswp__caption div,
.pswp[data-pswp-option-classes*="pswp-zoom-gallery"] .pswp__caption div {
font-size: calc(0.875rem * var(---font-adjust-body));
}
}
.pswp-zoom-gallery .pswp__caption div:last-child,
.pswp[data-pswp-option-classes*="pswp-zoom-gallery"]
.pswp__caption
div:last-child {
margin-bottom: 0;
}
.pswp-zoom-gallery .pswp__caption--fake,
.pswp[data-pswp-option-classes*="pswp-zoom-gallery"] .pswp__caption--fake {
display: none;
}
.pswp-zoom-gallery--single .pswp__scroll-wrap,
.pswp-zoom-gallery--single[data-pswp-option-classes*="pswp-zoom-gallery"]
.pswp__scroll-wrap {
bottom: 0;
}
.pswp-zoom-gallery--single .pswp__button--arrow--left,
.pswp-zoom-gallery--single .pswp__button--arrow--right,
.pswp-zoom-gallery--single .pswp__thumbs,
.pswp-zoom-gallery--single[data-pswp-option-classes*="pswp-zoom-gallery"]
.pswp__button--arrow--left,
.pswp-zoom-gallery--single[data-pswp-option-classes*="pswp-zoom-gallery"]
.pswp__button--arrow--right,
.pswp-zoom-gallery--single[data-pswp-option-classes*="pswp-zoom-gallery"]
.pswp__thumbs {
display: none;
}
.cart-dropdown {
visibility: hidden;
overflow-y: auto;
position: fixed;
top: 0;
left: 100vw;
z-index: 9999;
display: flex;
flex-direction: column;
height: 100%;
width: 100%;
max-width: 380px;
border-left: 1px solid var(--border);
background-color: white;
opacity: 0;
transition: opacity 0.5s, transform 0.5s, visibility 0.5s;
transform: translateZ(0);
}
@media only screen and (max-width: 749px) {
.cart-dropdown {
border-left: none;
}
}
.cart-dropdown.is-open {
visibility: visible;
opacity: 1;
transform: translate3d(-100%, 0, 0);
}
.cart-dropdown .additional-checkout-buttons {
padding: 10px 15px 15px;
}
.cart-dropdown__head {
position: relative;
width: 100%;
padding: 24px 18px;
border-bottom: 1px solid var(--border);
}
.cart-dropdown__head h3 {
text-transform: uppercase;
letter-spacing: 0.12em;
font-size: calc(11px * var(---font-adjust-body));
font-family: var(---font-stack-body);
font-weight: var(---font-weight-body);
font-style: var(---font-style-body);
font-weight: var(---font-weight-body-bold);
font-size: calc(1em * var(---font-adjust-body));
line-height: 1;
margin: 0 0 -3px;
}
@media only screen and (max-width: 749px) {
.cart-dropdown__head h3 {
font-size: calc(10px * var(---font-adjust-body));
}
}
.cart-dropdown__close {
position: absolute;
top: 50%;
right: 10px;
width: 30px;
height: 30px;
padding: 5px;
color: inherit;
font-size: 0;
text-decoration: none;
transform: translateY(-50%);
transition: color 0.3s ease;
}
.cart-dropdown__close .icon {
display: block;
width: 100%;
height: 100%;
fill: currentColor;
transition: transform 0.3s;
}
.cart-dropdown__close:hover {
color: var(--link-hover);
}
.cart-dropdown__close:hover .icon {
transform: rotate(90deg);
}
.cart-dropdown__body {
overflow-y: auto;
flex: 1;
width: 100%;
min-height: 250px;
}
.cart-dropdown__foot {
width: 100%;
margin-top: auto;
}
.cart-dropdown__message {
padding: 6px 15px;
margin: 0;
}
.cart-dropdown__empty-message {
padding: 20px;
text-align: center;
transition: all 0.3s;
}
.cart-dropdown__empty-message.is-hidden {
padding: 0;
margin: 0;
}
.cart-item {
position: relative;
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: flex-start;
padding: 20px;
border-bottom: 1px solid var(--border);
}
.cart-item--no-border {
border-bottom: none;
}
.cart-item__image {
font-size: 0;
}
.no-js .cart-item__image noscript {
height: 100%;
}
.cart-item__image img {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
object-fit: cover;
}
.cart-item__image a {
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
width: 90px;
height: 90px;
text-decoration: none;
transition: opacity 0.3s;
}
.cart-item__image a:hover {
opacity: 0.75;
}
.cart-item__content {
width: calc(100% - 90px);
padding: 0 30px;
}
.cart-item__title {
font-family: var(---font-stack-body);
font-weight: var(---font-weight-body);
font-style: var(---font-style-body);
font-weight: var(---font-weight-body-bold);
margin-bottom: 5px;
line-height: 1.35;
font-size: calc(1rem * var(---font-adjust-body));
}
.cart-item__remove {
position: absolute;
top: 8px;
right: 18px;
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
font-size: 0;
transition: color 0.3s ease;
}
.cart-item__remove .icon {
display: block;
width: 12px;
height: 12px;
transition: transform 0.3s ease;
}
.cart-item__remove:hover {
color: var(--link-hover);
}
.cart-item__remove:hover .icon {
transform: rotate(90deg);
}
.cart-item__meta {
margin-bottom: 10px;
}
.cart-item__selling-plan {
font-size: calc(0.75rem * var(---font-adjust-body));
font-style: italic;
}
.cart-item__selling-plan span {
display: block;
margin: 5px 0;
}
.item__title .cart-item__selling-plan span {
margin-bottom: 0;
margin-top: 10px;
}
.cart-item__selected-options,
.cart__items__property {
margin: 2px 0 0;
font-size: calc(0.75rem * var(---font-adjust-body));
line-height: 1.3;
}
.cart-item__selected-options span:first-child,
.cart__items__property span:first-child {
font-weight: var(---font-weight-body-bold);
}
.popup-cookies {
position: fixed;
display: none;
padding: var(--gutter);
background-color: var(--bg);
color: var(--text);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
text-align: center;
}
.popup-cookies :root {
--bg: var(---color-bg);
--text: var(---color-text);
}
.popup-cookies:not([data-promo-text]) {
z-index: 9999;
transition: z-index 0.3s, opacity 0.3s, visibility 0.3s;
}
[data-scroll-locked] .popup-cookies:not([data-promo-text]) {
z-index: -1;
visibility: hidden;
opacity: 0 !important;
pointer-events: none;
}
.popup-cookies .popup__title {
font-family: var(---font-stack-heading);
font-style: var(---font-style-heading);
line-height: 1.2;
font-weight: var(---font-weight-heading);
margin: 0 0 10px;
font-size: calc(var(--font-4) * var(---font-adjust-heading));
}
.popup-cookies .popup__title--cookies {
font-size: calc(var(--font-3) * var(---font-adjust-heading));
}
.popup-cookies .popup__tracking p:nth-child(2) {
margin-bottom: 15px;
font-size: calc(var(--font-2) * var(---font-adjust-body));
}
.popup-cookies a:not(.btn):not(.btn--neutral),
.popup-cookies button:not(.close):not(.btn) {
color: var(---color-primary);
transition: opacity 0.3s;
font-size: calc(var(--font-2) * var(---font-adjust-body));
}
.popup-cookies a:not(.btn):not(.btn--neutral):hover,
.popup-cookies button:not(.close):not(.btn):hover {
opacity: 0.75;
}
.popup-cookies .close {
position: absolute;
top: 10px;
right: 10px;
width: 20px;
height: 20px;
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
padding: 0;
color: inherit;
transition: transform 0.3s;
}
.popup-cookies .close:hover {
transform: rotate(90deg);
}
@media only screen and (max-width: 479px) {
.popup-cookies .close {
top: 5px;
right: 5px;
}
}
.popup-cookies .close svg {
width: 100%;
height: 100%;
}
@media only screen and (min-width: 480px) {
.popup-cookies--left {
left: 0;
bottom: 30px;
max-width: 350px;
}
.popup-cookies--right {
right: 0;
bottom: 30px;
max-width: 350px;
}
.popup-cookies--bottom {
left: 0;
right: 0;
bottom: 0;
padding: 10px 30px;
}
.popup-cookies--bottom .popup__tracking {
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
}
.popup-cookies--bottom .popup__tracking > a:not(.btn),
.popup-cookies--bottom .popup__tracking > button:not(.close),
.popup-cookies--bottom .popup__tracking p,
.popup-cookies--bottom .popup__tracking p:nth-child(2) {
margin: 0 8px;
font-size: calc(var(--font-2) * var(---font-adjust-body));
}
.popup-cookies--center {
top: 50%;
left: 50%;
max-width: 350px;
transform: translate(-50%, -50%);
}
}
@media only screen and (max-width: 479px) {
.popup-cookies {
max-width: none;
left: 15px;
right: 15px;
bottom: 60px;
}
.popup-cookies:first-child:last-child {
bottom: 15px;
}
}
[data-popup-delay].desktop {
display: block;
}
@media only screen and (max-width: 749px) {
[data-popup-delay].desktop {
display: none;
}
}
[data-popup-delay].mobile {
display: none;
}
@media only screen and (max-width: 749px) {
[data-popup-delay].mobile {
display: block;
}
}
[data-popup-delay="always"]:not([data-large-popup]) > *,
[data-promo-text][data-popup-delay="always"] {
z-index: 9995;
}
[data-popup-delay^="delayed"]:not([data-large-popup]) > *,
[data-promo-text][data-popup-delay="delay"] {
z-index: 9994;
}
[data-large-popup] > * {
z-index: 9993;
}
[data-popup-delay]:not([data-popup-delay="always"]):not(
[data-popup-delay^="delayed"]
):not([data-large-popup]):not([data-tracking-consent]) {
z-index: 9992;
}
.has-block-selected > div:not(.selected) {
visibility: hidden;
}
.select-popout {
position: relative;
margin-bottom: 10px;
text-align: left;
}
.select-popout.popout-container--alt > :not(.quantity-selector),
.select-popout > .quantity-selector {
display: none;
}
.select-popout.popout-container--alt > .quantity-selector {
display: block;
}
.select-popout__toggle {
position: relative;
overflow: hidden;
display: block;
width: 100%;
padding: var(--form-top) calc(var(--form-left) * 2) var(--form-top)
var(--form-left);
border: 1px solid var(---color-border);
border-radius: var(---radius-sm);
line-height: 1.3;
text-align: inherit;
white-space: nowrap;
text-overflow: ellipsis;
}
.select-popout__toggle:before {
position: absolute;
top: 50%;
right: 20px;
content: "";
display: inline-block;
width: 6px;
height: 6px;
border-color: var(--primary);
border-style: solid;
border-width: 0 0 1px 1px;
margin: -7px 0 0;
vertical-align: middle;
transform: rotate(-45deg);
transform-origin: 50% 50%;
transition: all 0.4s;
}
.select-popout__toggle[aria-expanded="true"]:before {
margin-top: -4px;
transform: rotate(135deg);
}
.select-popout__list {
position: absolute;
top: 100%;
left: 0;
z-index: 1001;
overflow-x: hidden;
overflow-y: auto;
max-height: 350px;
width: 100%;
border: 1px solid var(---color-border);
border-top: none;
margin: -1px 0 0;
background: var(---color-bg);
list-style: none outside none;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 0.4s, visibility 0.4s;
}
.select-popout__list.popout-list--visible {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.select-popout__item {
display: block;
margin-bottom: 0;
}
.select-popout__item--current .select-popout__option {
background: var(---color-bg-secondary);
}
.select-popout__option {
display: block;
padding: var(--form-top) var(--form-left);
color: inherit;
transition: background 0.4s;
}
.select-popout__option:hover {
background: var(---color-bg-secondary);
}
.select-popout--small {
max-width: 7.5rem;
}
:root {
--btn-text-width: 0px;
}
.product-upsell-holder__title {
font-weight: var(---font-weight-heading);
}
@media only screen and (max-width: 749px) {
.product-upsell-holder__title {
font-size: calc(0.9rem * var(---font-adjust-body));
}
}
.product-upsell {
position: relative;
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: stretch;
margin-bottom: 2rem;
background-color: var(--bg-accent);
}
.product-upsell__image {
width: 120px;
}
.product-upsell__image a {
display: block;
}
.product-upsell__image img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.product-upsell__image-inner {
overflow: hidden;
position: relative;
padding-top: var(---product-grid-aspect-ratio);
background-size: cover;
background-position: 50%;
}
.product-upsell__content {
width: calc(100% - 120px);
padding: 10px 60px 10px 10px;
}
.product-upsell__content a {
display: block;
transition: color 0.3s ease;
}
.product-upsell__title {
font-family: var(---font-stack-heading);
font-style: var(---font-style-heading);
line-height: 1.2;
font-weight: var(---font-weight-heading);
margin: 0 0 0.5em;
}
@media only screen and (max-width: 749px) {
.product-upsell__title {
font-size: calc(1rem * var(---font-adjust-heading));
}
}
.product-upsell__variant-title {
font-family: var(---font-stack-body);
font-weight: var(---font-weight-body);
font-style: var(---font-style-body);
color: var(--text-light);
}
.product-upsell__variant-title span {
display: inline-block;
width: 2px;
height: 2px;
border-radius: 50%;
margin: 0 4px;
background-color: currentColor;
vertical-align: middle;
opacity: 0.8;
}
@media only screen and (max-width: 749px) {
.product-upsell__price {
font-size: calc(0.9rem * var(---font-adjust-body));
}
}
.product-upsell__price .unit {
display: block;
margin-top: 5px;
font-family: var(---font-stack-body);
font-weight: var(---font-weight-body);
font-style: var(---font-style-body);
color: var(--text-light);
}
.product-upsell__btn {
overflow: hidden;
position: absolute;
right: 20px;
bottom: 20px;
display: flex;
flex-flow: row nowrap;
justify-content: center;
min-width: 32px;
min-height: 32px;
padding: 0 9px;
border: 1px solid var(--primary);
border-radius: 16px;
font-size: calc(18px * var(---font-adjust-body));
line-height: 30px;
color: var(--primary);
text-align: center;
transition: all 0.3s ease;
}
.product-upsell__btn:hover {
min-width: calc(37px + var(--btn-text-width));
}
.product-upsell__btn-hidden {
position: absolute;
top: 0;
left: 0;
}
.product-upsell__btn-hidden,
.product-upsell__btn-text {
visibility: hidden;
font-size: 80%;
opacity: 0;
white-space: nowrap;
}
.product-upsell__btn-text {
overflow: hidden;
width: 0;
transition: all 0.3s ease;
}
@media only screen and (max-width: 479px) {
.product-upsell__btn-text {
display: none;
}
}
.product-upsell__btn:hover .product-upsell__btn-text {
visibility: visible;
width: calc(5px + var(--btn-text-width));
padding-right: 5px;
opacity: 1;
}
.product-upsell__btn-progress {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: opacity 0.3s ease;
}
.product-upsell__btn-check {
position: absolute;
top: 50%;
left: 50%;
width: 14px;
height: 8px;
border-left: 1px solid #fff;
border-bottom: 1px solid #fff;
margin-top: -2px;
transform: translate(-50%, -50%) rotate(-45deg);
opacity: 0;
}
.product-upsell__btn-plus {
transition: opacity 0.3s ease;
width: 10px;
height: 10px;
display: flex;
justify-content: center;
align-items: center;
align-self: center;
}
.product-upsell__icon-plus {
display: block;
width: 100%;
height: 100%;
fill: currentColor;
}
.product-upsell__btn.is-loading {
pointer-events: none;
}
.product-upsell__btn.is-loading:hover {
min-width: 32px;
}
.product-upsell__btn.is-loading:hover .product-upsell__btn-text {
width: 0;
padding-right: 0;
}
.product-upsell__btn.is-loading > .product-upsell__btn-plus {
opacity: 0;
}
.product-upsell__btn.is-loading > .product-upsell__btn-progress {
opacity: 1;
}
.product-upsell__btn.is-loading
> .product-upsell__btn-progress
circle
~ circle {
animation-play-state: running;
}
.product-upsell__btn.is-success {
background-color: var(--primary);
}
.product-upsell__btn.is-success:hover {
min-width: 32px;
}
.product-upsell__btn.is-success:hover .product-upsell__btn-text {
width: 0;
padding-right: 0;
}
.product-upsell__btn.is-success > .product-upsell__btn-plus {
opacity: 0;
}
.product-upsell__btn.is-success > .product-upsell__btn-check {
opacity: 1;
}
.product-upsell__out-of-stock {
display: none;
font-size: calc(var(--font-2) * var(---font-adjust-body));
color: var(--sale-text-secondary);
}
.product-upsell__btn.is-hidden {
display: none;
}
.product-upsell__btn.is-hidden ~ .product-upsell__out-of-stock {
display: block;
}
.product-upsell__errors {
overflow: hidden;
visibility: hidden;
position: relative;
max-height: 0;
border: 1px solid #f5c6cb;
border-radius: var(---radius-sm);
background-color: #f8d7da;
color: #721c24;
opacity: 0;
transition: all 0.3s;
}
.product-upsell__errors.is-visible {
visibility: visible;
max-height: 100vh;
margin: 10px 0;
opacity: 1;
}
.product-upsell__errors .errors {
padding: 10px 30px 10px 10px;
margin: 0;
border: none;
}
.product-upsell__errors .errors__close {
position: absolute;
top: 4px;
right: 12px;
width: 20px;
height: 20px;
padding: 5px;
z-index: 20;
cursor: pointer;
}
.product-upsell__errors .icon {
width: 100%;
height: 100%;
stroke: #721c24;
}
.accordions-holder {
max-width: var(--content-max);
margin: 0 auto 30px;
padding: 0 var(--outer);
}
.accordions-holder + .shopify-section:not(.accordions-holder),
.shopify-section:not(.accordions-holder) + .accordions-holder {
margin-top: 30px;
}
.accordions-holder + .accordions-holder {
margin-top: -31px;
}
.accordions-holder + .accordions-holder .product__reviews--alt {
margin-top: 61px;
}
.accordions-holder:empty {
margin: 0 !important;
}
.accordion {
border-bottom: 1px solid var(---color-border);
border-top: 1px solid var(---color-border);
margin-top: -1px;
}
.accordion__title {
position: relative;
font-family: var(---font-stack-heading);
font-style: var(---font-style-heading);
line-height: 1.2;
padding: 1.5rem 30px 1.5rem 0;
margin: 0;
font-size: calc(var(--font-4) * var(---font-adjust-heading));
font-weight: var(---font-weight-heading);
cursor: pointer;
}
.accordion__title:after,
.accordion__title:before {
content: "";
position: absolute;
top: 50%;
background-color: var(--primary);
transform: translateY(-50%);
}
.accordion__title:before {
right: 10px;
width: 15px;
height: 1px;
}
.accordion__title:after {
right: 17px;
width: 1px;
height: 15px;
transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.accordion__title.is-open:after {
transform: translateY(-50%) rotate(90deg);
}
.accordion__body {
display: none;
padding-bottom: 1rem;
overflow: hidden;
}
@media only screen and (max-width: 749px) {
.accordion__body .product__reviews {
padding: 0 15px;
}
}
@media only screen and (max-width: 749px) {
.section-faq .accordion__body {
margin-left: -15px;
margin-right: -15px;
}
}
@media only screen and (max-width: 749px) {
.faq-list-holder {
overflow: hidden;
}
}
.faq-list {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: flex-start;
}
@media only screen and (max-width: 749px) {
.faq-list {
overflow-x: auto;
overflow-y: hidden;
flex-wrap: nowrap;
padding-bottom: 30px;
margin-bottom: -30px;
-webkit-overflow-scrolling: touch;
}
}
.faq-list__item {
width: 45%;
padding: calc(var(--gutter) / 2) 0;
font-size: calc(var(--font-2) * var(---font-adjust-body));
line-height: 1.3;
}
.faq-list__item:first-child:last-child {
width: 100%;
}
@media only screen and (max-width: 749px) {
.faq-list__item {
flex: 0 0 auto;
width: calc(100% - 50px);
padding-left: 15px;
padding-right: 15px;
}
}
.faq-list--3 .faq-list__item,
.faq-list--6 .faq-list__item,
.faq-list--9 .faq-list__item {
width: 30%;
}
@media only screen and (max-width: 749px) {
.faq-list--3 .faq-list__item,
.faq-list--6 .faq-list__item,
.faq-list--9 .faq-list__item {
width: calc(100% - 50px);
}
}
.faq-list__item-title {
margin-bottom: calc(var(--gutter) / 3);
font-size: calc(var(--font-3) * var(---font-adjust-heading));
font-weight: var(---font-weight-heading);
}
.image__fill + .faq-list__item-title {
margin-top: calc(var(--gutter) / 3);
}
.faq-list__item-icon .icon__animated {
padding-bottom: calc(var(--inner) / 4);
}
@media only screen and (max-width: 749px) {
.faq-list__item-image {
margin-left: -15px;
margin-right: -15px;
}
}
.faq__title {
margin: 0 0 2.5rem;
font-size: calc(var(--font-5) * var(---font-adjust-heading));
font-weight: var(---font-weight-heading);
}
.faq__title ~ .faq__title {
margin-top: 60px;
}
.slideup {
position: absolute;
bottom: -60px;
transition: bottom 0.25s ease-in;
z-index: 9;
width: 100%;
background: hsla(0, 0%, 100%, 0);
border-top: none;
}
.slideup > button,
.slideup > div {
opacity: 0;
}
.slideup > div {
font-size: 0;
}
.product-item__image .slideup {
position: absolute;
text-align: center;
transition: all 0.4s ease-in-out;
}
.product-item__image .slideup span:hover {
color: inherit;
}
.product-item__image .slideup > button,
.product-item__image .slideup > div {
opacity: 0;
}
.product-item__image:hover .slideup {
bottom: 0;
}
.product-item__image:hover .slideup > button,
.product-item__image:hover .slideup > div {
opacity: 1;
}
.slideup.has-error,
.slideup.is-visible,
.slideup:focus-within {
bottom: 0;
}
.slideup.has-error > button,
.slideup.has-error > div,
.slideup.is-visible > button,
.slideup.is-visible > div,
.slideup:focus-within > button,
.slideup:focus-within > div {
opacity: 1;
}
@media only screen and (max-width: 989px) {
.slideup.has-error > button,
.slideup.has-error > button.is-hidden {
visibility: visible;
overflow: visible;
display: block;
max-height: none;
padding: 15px;
opacity: 1;
}
}
.slideup > button {
position: relative;
text-decoration: none;
display: block;
width: 100%;
color: var(---color-text);
padding: 15px;
cursor: pointer;
text-align: center;
box-shadow: none;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
transition: all 0.3s;
}
.slideup > button svg {
visibility: hidden;
width: 18px;
height: 18px;
opacity: 0;
transition: all 0.3s;
}
.slideup > button:after {
content: "";
width: 100%;
height: 100%;
z-index: -1;
top: 0;
left: 0;
position: absolute;
background: var(--bg);
opacity: 0.7;
}
.slideup > button.is-hidden {
visibility: hidden;
overflow: hidden;
max-height: 0;
padding: 0;
opacity: 0;
transition: visibility 0.3s, opacity 0.3s;
}
.slideup > button.is-disabled {
pointer-events: none;
}
.slideup > button.is-loading,
.slideup > button.is-loading:hover {
color: transparent;
}
.slideup > button.is-loading svg {
visibility: visible;
opacity: 1;
}
.slideup > button.is-loading circle ~ circle {
animation-play-state: running;
}
.slideup > button.is-added span + span,
.slideup > button span:first-child {
display: block;
}
.slideup > button.is-added span:first-child,
.slideup > button span + span {
display: none;
}
.slideup > button span + span:before {
content: "";
display: inline-block;
width: 8px;
height: 4px;
border-left: 1px solid;
border-bottom: 1px solid;
margin: -3px 8px 0 0;
color: var(--link-hover);
vertical-align: middle;
transform: rotate(-45deg);
transform-origin: center center;
}
.slideup > button small {
font-size: inherit;
}
.slideup > button .caps__error,
.slideup > button small:nth-child(2) {
display: none;
}
@media only screen and (max-width: 989px) {
.slideup > button {
display: none;
}
.slideup > button.is-added {
display: block;
}
}
.has-error {
background-color: #f8d7da;
}
.blog .article__image .has-error .article__tags span,
.blog .article__image .has-error .article__tags svg,
.has-error .blog .article__image .article__tags span,
.has-error .blog .article__image .article__tags svg,
.has-error .caps span,
.has-error .caps span:first-child,
.has-error .caps svg,
.has-error .footer__copyright span,
.has-error .footer__copyright svg,
.has-error .popout__toggle span,
.has-error .popout__toggle svg,
.has-error .product-item .badge-box span,
.has-error .product-item .badge-box svg,
.has-error .product-item .preorder-box span,
.has-error .product-item .preorder-box svg,
.has-error .product-item .sale-box span,
.has-error .product-item .sale-box svg,
.has-error .search-submit span,
.has-error .search-submit svg,
.product-item .has-error .badge-box span,
.product-item .has-error .badge-box svg,
.product-item .has-error .preorder-box span,
.product-item .has-error .preorder-box svg,
.product-item .has-error .sale-box span,
.product-item .has-error .sale-box svg {
display: none;
}
.blog .article__image .has-error .article__tags .caps__error,
.has-error .blog .article__image .article__tags .caps__error,
.has-error .caps .caps__error,
.has-error .caps .caps__error:hover,
.has-error .footer__copyright .caps__error,
.has-error .popout__toggle .caps__error,
.has-error .product-item .badge-box .caps__error,
.has-error .product-item .preorder-box .caps__error,
.has-error .product-item .sale-box .caps__error,
.has-error .search-submit .caps__error,
.product-item .has-error .badge-box .caps__error,
.product-item .has-error .preorder-box .caps__error,
.product-item .has-error .sale-box .caps__error {
display: block;
color: #721c24;
}
.quick-add-button {
display: none;
position: absolute;
bottom: 20px;
left: 20px;
z-index: 1;
width: 38px;
height: 38px;
border-radius: 50%;
background-color: var(---color-bg);
}
.quick-add-button:after,
.quick-add-button:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
background-color: var(---color-primary);
transform: translate(-50%, -50%);
}
.quick-add-button:before {
width: 14px;
height: 2px;
}
.quick-add-button:after {
width: 2px;
height: 14px;
}
.supports-touch .quick-add-button {
display: block;
}
.quick-add-button svg {
visibility: hidden;
position: absolute;
top: 50%;
left: 50%;
width: 18px;
height: 18px;
opacity: 0;
transform: translate(-50%, -50%);
}
.quick-add-button.is-loading svg {
visibility: visible;
opacity: 1;
}
.quick-add-button.is-loading circle ~ circle {
animation-play-state: running;
}
.quick-add-button.is-loading:after,
.quick-add-button.is-loading:before {
display: none;
}
.quick-add-button.is-hidden {
max-height: none;
}
@media only screen and (max-width: 989px) {
.quick-add-button {
display: block;
}
}
.form-quick-add .selector-wrapper {
visibility: hidden;
overflow: hidden;
opacity: 0;
max-height: 0;
padding: 0 10px;
background: var(--bg);
transform: translateY(100%);
transition: visibility 0.5s ease, opacity 0.5s ease;
}
.form-quick-add .selector-wrapper--select {
overflow: visible;
}
.form-quick-add .selector-wrapper.is-active {
visibility: visible;
opacity: 1;
padding: 10px;
max-height: none;
transform: translateY(0);
}
.form-quick-add .radio__fieldset {
margin-bottom: 0;
}
.form-quick-add .select-popout__option.is-disable {
pointer-events: none;
}
.form-quick-add .select-popout__option.is-disable span,
.form-quick-add input:disabled + label span {
opacity: 0.3;
}
.form-quick-add .swatch__button input:disabled + label {
overflow: hidden;
}
.form-quick-add .swatch__button input:disabled + label:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 2px;
height: 26px;
margin-left: -1px;
background-color: var(--text-dark);
transform: rotate(-45deg) translate(-50%, -50%);
transform-origin: left top;
}
.form-quick-add .swatch__button input:checked ~ label {
margin: 0;
}
.form-quick-add .radio__legend {
position: relative;
padding-left: 40px;
padding-right: 40px;
margin-bottom: 5px;
}
.form-quick-add .radio__button,
.form-quick-add .swatch__button {
padding-right: 0;
margin: 0 5px;
}
.form-quick-add .swatch__button {
padding: 11px 0;
}
.form-quick-add .radio__legend-back {
position: absolute;
top: 50%;
left: 2px;
width: 18px;
height: 12px;
transform: translateY(-50%);
transition: opacity 0.3s;
}
.form-quick-add .radio__legend-back:hover {
opacity: 0.75;
}
.form-quick-add .radio__legend-back:after {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 6px;
height: 6px;
border-left: 2px solid;
border-bottom: 2px solid;
transform: translateY(-50%) rotate(45deg);
}
.form-quick-add .radio__legend-back:before {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 18px;
height: 2px;
background-color: currentColor;
margin-top: -1px;
}
.form-quick-add .select-popout {
margin: 5px 0 0;
}
.text-promo {
margin-top: var(--outer);
margin-bottom: var(--outer);
}
.text-promo-inner {
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
width: 100%;
padding: var(--outer);
background-size: cover;
background-repeat: no-repeat;
position: relative;
overflow: hidden;
}
.text-promo-inner--border {
border: 1px solid var(---color-border);
}
.text-promo-inner .standard__app,
.text-promo-inner .standard__cta,
.text-promo-inner .standard__heading,
.text-promo-inner .standard__rte {
position: relative;
margin: 0 20px;
z-index: 20;
}
@media only screen and (max-width: 749px) {
.text-promo-inner {
display: block;
text-align: center;
}
.text-promo-inner .standard__cta {
display: inline-block;
}
.text-promo-inner .standard__cta,
.text-promo-inner .standard__heading,
.text-promo-inner .standard__rte {
margin: 0 10px 20px;
}
.text-promo-inner .standard__cta:last-child,
.text-promo-inner .standard__heading:last-child,
.text-promo-inner .standard__rte:last-child {
margin-bottom: 0;
}
}
/*! ============ Add any custom styles below this line ================== */
.texto-b2b {
margin: auto;
width: 50%;
padding: 10px;
}
@media only screen and (max-width: 900px) {
.texto-b2b {
width: 100%;
}
}
.gc1 {
padding: 10px;
position: relative;
width: 100%;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
}
.gc2 {
margin-top: 100px;
margin-bottom: -180px;
width: 100%;
position: relative;
}
.gc3 {
max-width: 1260px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-right: auto;
margin-left: auto;
position: relative;
}
.gc4 {
width: 33.333%;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.gc5 {
padding: 30px;
position: relative;
width: 100%;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
}
.gc6 {
width: 66.666% !important;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.gc7 {
max-width: 1260px;
display: -ms-flexbox;
display: flex;
margin-right: auto;
margin-left: auto;
position: relative;
}
.gc8 {
background-image: url(https://dndhandles.it/wp-content/uploads/2020/08/Catalogo_dnd_2020-1.png);
background-position: top right;
background-repeat: no-repeat;
background-size: 35% auto;
opacity: 0.99;
max-height: 600px;
width: 100%;
left: 0;
z-index: 0;
height: 100%;
position: absolute;
mix-blend-mode: multiply;
transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}
.gc9 {
margin-bottom: 0px;
text-align: center;
width: 100%;
}
.gc10 {
margin: 20px 0px 20px 0px;
text-align: center;
}
.gc11 {
font-weight: 600;
padding: 0;
margin: 0;
line-height: 1;
font-size: 15px;
font-style: normal;
}
.gc12 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
text-decoration: inherit;
-ms-flex-pack: center;
justify-content: center;
}
.gc13 {
font-size: 14px;
width: auto;
font-weight: 100;
line-height: 1.2em;
fill: #000000;
color: #000000;
background-color: rgba(2, 1, 1, 0);
padding: 0px 0px 0px 0px;
}
.gc14 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
text-decoration: inherit;
-ms-flex-pack: center;
justify-content: center;
}
.gc15 {
width: 33.333%;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.gc16 {
padding: 30px;
position: relative;
width: 100%;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
}
.gc17 {
transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s,
-webkit-border-radius 0.3s, -webkit-box-shadow 0.3s;
}
.gc18 {
margin-bottom: 0px;
width: 100%;
text-align: center;
}
.gc19 {
margin-bottom: 0px;
width: 100%;
text-align: center;
position: relative;
}
.gc20 {
margin: 20px 0px 20px 0px;
transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s,
-webkit-border-radius 0.3s, -webkit-box-shadow 0.3s;
}
.gc21 {
width: 33.334%;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.gc22 {
margin-top: 0px;
margin-bottom: 100px;
position: relative;
z-index: -1;
}
.gc23 {
min-height: 180px;
max-width: 1260px;
-webkit-box-align: center;
-ms-flex-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-right: auto;
margin-left: auto;
position: relative;
align-items: center;
}
.gc24 {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 66.666%;
}
.gc25 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
width: 100%;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
}
.gc26 {
padding: 0px 0px 0px 0px;
position: relative;
width: 100%;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
}
.gc27 {
font-size: 1.5rem;
font-weight: 600;
font-size: 1.125rem;
line-height: 1.2em;
padding: 0 15px;
display: inline-block;
position: relative;
z-index: 9;
transition: all 0.3s ease-in-out;
}
@media only screen and (min-width: 749px) {
.no-desktop {
display: none !important;
}
}
@media only screen and (max-width: 749px) {
.no-mobile {
display: none !important;
}
}
.hide-submit {
display: none;
}
#search-popdown-results
> div
> div
> div.search__results__products__list.search__results__products__list--borderless
> div:nth-child(1)
> a
> div.product-information
> span
> span {
font-size: 16px;
}
#search-popdown-results
> div
> div
> div.search__results__products__list.search__results__products__list--borderless
> div:nth-child(4)
> a
> div.product-information
> span
> span {
font-size: 16px;
}
.buscador-jd {
align-items: center;
border-radius: 20px;
font-size: 16px;
font-weight: 300;
background-color: #f6f6f6;
height: 36px;
margin-top: 45px;
border: 1px solid #f6f6f6;
cursor: pointer;
padding: 0 45px;
}
@media (max-width: 1200px) {
.product__title__wrapper {
padding-right: 0px !important;
}
}
@media (min-width: 480px) {
.buscador-jd {
margin-top: 43px;
}
.header__desktop__bar__r {
margin-top: 25px;
padding: 15px;
}
}
@media (max-width: 600px) {
.bloque-precios-jd {
padding-right: 15px !important;
text-align: right;
padding: initial;
}
.falso-titulo {
padding-left: 15px;
font-weight: 600;
padding-top: 0px;
}
.colores-jd {
padding-left: 0px;
padding-top: 0px !important;
justify-content: flex-start;
}
.old-price {
margin-top: 0px;
}
.product__grid__title {
padding-top: 15px;
}
.precio_sup {
font-size: 9px !important;
top: -0.4em !important;
}
.old-price {
font-size: 0.9rem;
}
.new-price {
}
}
@media (min-width: 600px) {
.dimensiones {
margin-left: 3rem;
}
}
@media (min-width: 1200px) {
.header__logo__link {
margin-right: 16px;
}
}
.buscador-jd {
align-items: center;
border-radius: 20px;
font-size: 16px;
font-weight: 300;
background-color: #f6f6f6;
height: 36px;
margin-top: 45px;
border: 1px solid #f6f6f6;
cursor: pointer;
padding: 0 45px;
}
@media (max-width: 1200px) {
.product__title__wrapper {
padding-right: 0px !important;
}
}
.colores-jd {
padding-left: 0px !important;
justify-content: flex-start !important;
text-align: left;
/* padding-left: 90px; */
display: flex;
align-items: center;
justify-content: center;
align-items: flex-start;
}
.colores-jd {
padding-left: 15px;
padding-top: 15px;
}
.swatch-color-jd:nth-child(n + 6) {
display: none;
}
@media (min-width: 1200px) {
.gc6 {
width: 100%;
}
.gc4c {
width: 100% !important;
}
.gc21c {
width: 0% !important;
}
}
.container-prods-jd {
justify-items: center;
}
@media (max-width: 999px) {
.slick-initialized .slick-slide {
min-height: auto !important;
}
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
content: "next";
font-size: 2rem !important;
font-weight: bolder;
color: black;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
content: "prev";
font-size: 2rem !important;
font-weight: bolder;
color: black;
}
@media (max-width: 767px) {
.icono-mobile {
height: auto;
max-width: 100px !important;
}
}
@media (min-width: 767px) {
.product-item--centered .product__grid__title {
height: 1px;
margin-bottom: 48px !important;
}
}
@media (max-width: 767px) {
.footer__quicklinks {
font-size: calc(0.8rem * var(---font-adjust-body));
}
.product-item--cent {
margin-bottom: 28px !important;
}
.site-footer {
padding-left: 30px;
}
.hnskCB {
text-align: center;
display: block;
margin-left: 30px;
margin-right: 30px;
}
.hnskCB {
text-align: center;
display: block;
margin-left: 30px;
margin-right: 30px;
}
.hnskCB {
margin: auto;
display: block;
padding: 0px;
font-size: 1.2rem;
}
.text-groel-nosotros {
padding-top: 10px !important;
padding-bottom: 10px !important;
}
.product__title__wrapper {
margin-bottom: -10px !important;
}
#header-menu > div > div > div > div:nth-child(1) > button > span {
font-weight: 400;
}
#header-menu > div > div > div > div:nth-child(2) > button > span {
font-weight: 400;
}
#header-menu > div > div > div > div:nth-child(3) > button > span {
font-weight: 400;
}
#header-menu > div > div > div > div:nth-child(4) > button > span {
font-weight: 400;
}
#header-menu > div > div > div > div:nth-child(5) > div > a {
margin-top: 30px;
}
.foto-destacada-mobile {
margin: auto !important;
display: block;
width: 100%;
}
.swatch__button.swatch-color-jd:nth-child(n + 4) {
display: none !important;
}
.product-item--borderless .product-information {
padding: 0 !important;
}
.product__grid__title {
font-size: 0.8rem !important;
}
.swatch__button {
padding-top: 0px;
height: 24px;
margin-bottom: 20px;
}
}
.swatch__button.swatch-color-jd:nth-child(n + 5) {
display: none !important;
}
.product-item--borderless {
border: none !important;
margin-top: 0px !important;
margin-bottom: 50px;
}
@media (max-width: 767px) {
.collection__sidebar__slider.expanded .collection__sidebar {
transform: translateX(0);
margin: auto;
width: 90%;
overflow: auto;
height: 80vh !important;
}
.sidebar__item {
font-size: 0.9rem;
}
}
@media only screen and (max-width: 935px) and (min-width: 768px) {
.product-item .product-link {
display: contents;
}
.product-item--centered .product__grid__title {
height: 16px !important;
}
}
@media only screen and (max-width: 935px) and (min-width: 480px) {
.buscador-jd {
width: 250px !important;
}
.pranab {
width: 250px !important;
}
.header__menu__inner {
gap: 1rem !important;
}
}
@media only screen and (max-width: 1200px) and (min-width: 750px) {
.tablet {
display: none;
}
.LqaYl,
.ifpKHf img {
width: 60% !important;
}
}
.no-touch .double__image.is-visible .product-item__bg__under,
.no-touch .double__image:hover .product-item__bg__under {
visibility: 0 !important;
}
@media only screen and (min-width: 749px) {
div.swiper-button-next.no-desktop {
display: none !important;
}
div.swiper-button-prev.no-desktop {
display: none !important;
}
}
@media (min-width: 990px) {
.img-desktop {
width: 85% !important;
padding-left: var(--outer);
float: right;
}
}
primera-letra:first-letter {
text-transform: uppercase;
}
.boton-groel-jd {
color: #000;
font-weight: 400;
border-radius: 50px;
font-size: 16px;
padding: 20px 40px;
margin-top: 70px;
background-color: #fff;
text-align: center;
font-family: Poppins;
opacity: 1;
display: inline-block;
margin-left: auto;
margin-right: auto;
border: 1px solid #000000;
margin-top: 40px !important;
border-radius: 31px;
margin: auto;
display: block;
}
@media (min-width: 767px) {
.who-we-are {
text-align: center;
font-weight: bold;
letter-spacing: 0px;
font-style: italic;
color: #000000;
font-size: 20px;
padding-top: 70px;
opacity: 1;
padding-bottom: 20px;
}
}
@media (max-width: 767px) {
.who-we-are {
text-align: left;
font-weight: bold;
letter-spacing: 0px;
font-style: italic;
color: #000000;
font-size: 17px;
padding-top: 40px;
opacity: 1;
padding-left: 30px;
padding-bottom: 30px;
}
}
@media (min-width: 767px) {
.who-we-are2 {
margin: auto;
display: block;
max-width: 40%;
font-size: 16px;
text-align: center;
}
}
@media (max-width: 767px) {
.who-we-are2 {
margin: auto;
display: block;
max-width: 90%;
font-size: 16px;
text-align: center;
}
}
@media (max-width: 767px) {
.novedades {
display: none !important;
}
}
@media (min-width: 767px) {
.cincuentacincuenta {
width: 80%;
position: relative;
margin: auto;
padding-top: 5%;
padding-bottom: 5%;
}
.cincuentacincuenta2 {
display: flex;
align-items: center;
justify-content: center;
}
.cincuentacincuentaimg {
padding-left: 10%;
text-align: right;
padding-right: 19px;
width: 60%;
flex-shrink: 0;
display: flex;
flex-direction: column;
justify-content: space-between;
margin-top: 0;
}
.cincuentacincuentatext {
margin-top: 20px;
margin-bottom: 20px;
color: white;
}
.cincuentacincuentabutton {
border-radius: 30px;
width: fit-content;
display: inline-block;
background: transparent;
padding: 10px 110px;
color: white;
border: 1px solid white;
}
}
@media (max-width: 767px) {
.cincuentacincuenta2 {
display: flex;
flex-direction: column;
width: 90%;
margin: auto;
}
.cincuentacincuentaimg {
width: 90%;
margin: auto;
display: block;
text-align: center;
order: 1;
padding-bottom: 30px;
}
.cincuentacincuentatext {
order: 2;
color: white;
}
.cincuentacincuentabutton {
border-radius: 30px;
margin: auto;
margin-top: 25px;
width: fit-content;
display: block;
background: transparent;
padding: 10px 40px;
color: white;
border: 1px solid white;
}
}
@media (max-width: 767px) {
.index-blog .blog-listing .article {
width: 100%;
}
}
@media (max-width: 767px) {
.blog-title {
text-align: left;
font-weight: 600 !important;
letter-spacing: 0px;
color: #000000;
font-size: 20px;
padding-top: 0px;
opacity: 1;
padding-left: 30px;
padding-bottom: 7px;
}
.blog-desc {
padding-left: 30px;
padding-right: 30px;
}
.title-projects {
margin-top: -25px;
margin-bottom: 15px;
}
}
@media (min-width: 767px) {
.blog-title {
text-align: center;
font-weight: bold;
letter-spacing: 0px;
color: #000000;
font-size: 26px;
opacity: 1;
padding-bottom: 50px;
}
.blog-desc {
padding-left: 30px;
padding-right: 30px;
margin-top: -30px;
text-align: center;
margin-bottom: 50px;
}
}
@media (min-width: 767px) {
.catalog {
display: flex;
justify-content: space-between;
align-items: stretch;
}
.catalog1 {
order: 1;
padding-left: 10px;
width: 33.3%;
flex-shrink: 0;
}
.catalog2 {
order: 0;
padding-left: 10px;
width: 33.3%;
flex-shrink: 0;
display: flex;
flex-direction: column;
justify-content: space-between;
margin-top: 0;
}
.catalogbg {
--bg: #f4f4f4;
height: 400px;
background-position: center center;
background-size: cover;
}
.catalogheight {
height: 400px;
}
.bio-groel2 {
height: 500px;
}
.groeleditorialdesktop {
padding-top: 10%;
}
}
@media (max-width: 767px) {
.catalog {
display: flex;
justify-content: space-between;
align-items: stretch;
flex-direction: column;
}
.catalog1 {
order: 1;
padding-left: 10px;
width: 100%;
flex-shrink: 0;
}
.catalog2 {
order: 0;
padding-left: 10px;
width: 100%;
flex-shrink: 0;
display: flex;
flex-direction: column;
justify-content: space-between;
margin-top: 0;
}
.catalogbg {
--bg: #f4f4f4;
height: 1000px;
background-position: center center;
background-size: cover;
}
.catalogheight {
height: 35rem;
}
.bio-groel2 {
height: 35rem;
}
.product__grid__title {
font-size: 0.8rem !important;
text-align: left;
padding-top: 0px;
}
.catalogomobile {
padding-top: 40px;
}
.groeleditorialmobile {
margin-top: 300px;
}
.biogroelmobile {
padding-bottom: 30px;
}
}
#downshift-0-menu {
background: #0000008a !important;
}
@media (min-width: 2000px) {
.cincuentacincuenta {
width: 80%;
position: relative;
margin: auto;
margin-top: 15vw;
padding-bottom: 5%;
}
.groeleditorialdesktop {
padding-top: 15%;
}
}
@media (min-width: 3000px) {
.cincuentacincuenta {
width: 80%;
position: relative;
margin: auto;
margin-top: 20vw;
padding-bottom: 5%;
}
.groeleditorialdesktop {
padding-top: 17%;
}
}
@media (min-width: 4000px) {
.cincuentacincuenta {
width: 80%;
position: relative;
margin: auto;
margin-top: 30vw;
padding-bottom: 5%;
}
.groeleditorialdesktop {
padding-top: 20%;
}
}
.buttonwhoweare {
color: #000;
font-weight: 400;
border-radius: 50px;
font-size: 16px;
padding: 20px 40px;
margin-top: 70px;
background-color: #fff;
text-align: center;
font-family: Poppins;
opacity: 1;
display: inline-block;
margin-left: auto;
margin-right: auto;
border: 1px solid #000000;
margin-top: 40px !important;
border-radius: 31px;
margin: auto;
display: block;
}
.buttonwhoweare:hover {
background: black;
color: white;
}
.cincuentacincuentabutton:hover {
background: white;
color: black;
}
.cincuentacincuentabuttonblack {
border-radius: 30px;
width: 60%;
display: inline-block;
background: transparent;
padding: 10px 0px;
color: black;
border: 1px solid black;
margin-top: 20px;
text-align: center;
}
.cincuentacincuentabuttonblack:hover {
background: black;
color: white;
}
.boton-groel-jd:hover {
color: #fff;
font-weight: 400;
border-radius: 50px;
font-size: 16px;
padding: 20px 40px;
margin-top: 70px;
background-color: #000;
text-align: center;
font-family: Poppins;
opacity: 1;
display: inline-block;
margin-left: auto;
margin-right: auto;
border: 1px solid #000000;
margin-top: 40px !important;
border-radius: 31px;
margin: auto;
display: block;
}
.header__menu .main-menu--active .navlink {
font-weight: bold;
}
.header__dropdown {
display: none;
}
.mega_menu_custom {
position: absolute;
border-bottom: 1px solid black;
border-top: 1px solid black;
overflow: hidden;
opacity: 0;
visibility: hidden;
background-color: #fff;
padding: 20px 5%;
left: 0;
width: 100%;
transition: opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1),
visibility 0s 0.2s,
background-color 0.2s cubic-bezier(0.215, 0.61, 0.355, 1),
border 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.mega_menu_custom_inner {
max-width: 100%;
margin: 0 auto;
}
.menu__item:hover .mega_menu_custom {
opacity: 1;
visibility: visible;
pointer-events: auto;
transition-delay: 0s;
}
.mega_menu_custom_inner {
display: flex;
justify-content: center;
}
.mega_menu_custom_left {
width: 100%;
padding-right: 20px;
padding-top: 25px;
}
.mega_menu_custom_middle {
border-left: 1px solid #dfdfdf;
width: 88%;
}
.mega_menu_custom_right {
width: 100%;
}
.mega_menu_custom_right.right_border_show {
border-left: 1px solid #dfdfdf;
}
.mega_menu_custom_left_box_inner h3 {
font-size: 13px;
margin: 0 0 8px;
text-transform: uppercase;
font-weight: 600;
color: #8b8b8b;
}
.mega_menu_custom_left_box_inner img {
width: 150px;
height: 150px;
object-fit: cover;
object-position: center;
}
.mega_menu_custom_left_box_inner {
display: flex;
flex-direction: column-reverse;
justify-content: end;
width: min-content;
}
.mega_menu_custom_left_box_inner a:hover h3 {
color: #000;
}
.mega_menu_custom_left_box_upper {
display: grid;
grid-template-columns: 1fr;
gap: 5px;
}
.mega_menu_custom_middle_box_upper {
display: flex;
flex-wrap: wrap;
padding: 25px 45px;
}
.mega_menu_custom_middle_box_inner {
width: 50%;
}
.mega_menu_custom_middle_box_inner ul {
list-style-type: none;
margin: 0;
padding: 0;
text-transform: uppercase;
}
.mega_menu_custom_middle_box_inner ul > li {
margin-bottom: 6px;
}
.mega_menu_custom_middle_box_inner ul > li.child_a:first-child {
margin-bottom: 0;
margin-top: 0px;
}
.mega_menu_custom_middle_box_inner ul > li.child_a {
margin-bottom: 0;
margin-top: 0px;
}
.mega_menu_custom_middle_box_inner ul > li > a {
font-size: 14px;
margin: 0;
color: #8b8b8b;
font-weight: 600;
}
.mega_menu_custom_middle_box_inner ul > li > a.ver_todas {
font-size: 12.5px;
text-decoration: underline;
display: flex;
align-items: center;
font-weight: 600;
color: #8b8b8b;
margin-top: 15px;
margin-bottom: 26px;
}
.mega_menu_custom_middle_box_inner ul > li > a.ver_todas img {
width: 22px;
height: 16px;
padding-left: 5px;
}
.mega_menu_custom_middle_box_inner ul > li > a.child_a {
font-size: 11px;
margin: 0 0 15px;
display: block;
color: #5c5c5c;
font-weight: 600;
}
.mega_menu_custom_middle_box_inner ul > li ul li {
margin: 0 0 3px;
}
.mega_menu_custom_middle_box_inner ul > li ul li a {
font-size: 14px;
margin: 0;
color: #8b8b8b;
font-weight: 600;
}
.mega_menu_custom_middle_box_inner ul > li ul li a:hover {
font-weight: 700;
color: #343434;
}
.mega_menu_custom_middle_box_upper
> .mega_menu_custom_middle_box_inner
> ul
> li.middle_li {
display: none;
}
.mega_menu_custom_middle_box_upper
> .mega_menu_custom_middle_box_inner
> ul
> li.middle_li.li_active {
display: block;
}
.mega_menu_custom_middle_box_inner .itg_menu_img {
position: relative;
height: 261px;
}
.mega_menu_custom_middle_box_inner .itg_mega_menu_img {
display: none;
position: absolute;
top: 0;
right: 0;
}
.mega_menu_custom_middle_box_inner .itg_mega_menu_img:first-child,
.mega_menu_custom_middle_box_inner .itg_mega_menu_img.active {
display: block;
}
.mega_menu_custom_middle_box_inner
.itg_mega_menu_img
.megamenu__colection-image {
width: 261px;
height: 261px;
display: block;
background-size: cover;
background-position: center;
}
.mega_menu_custom_right_box_upper {
display: flex;
flex-wrap: wrap;
padding: 25px 0 25px 45px;
}
.mega_menu_custom_right_box_inner {
width: 50%;
}
.mega_menu_custom_right_box_inner ul {
list-style-type: none;
margin: 0;
padding: 0;
text-transform: uppercase;
}
.mega_menu_custom_right_box_inner ul > li {
margin-bottom: 40px;
}
.mega_menu_custom_right_box_inner ul > li > a {
font-size: 14px;
margin: 0 0 13px;
display: block;
font-weight: 700;
color: #5c5c5c;
}
.mega_menu_custom_right_box_inner ul > li ul li {
margin: 0 0 5px;
}
.mega_menu_custom_right_box_inner ul > li ul li a {
font-size: 11px;
margin: 0;
font-weight: 400;
color: #5c5c5c;
}
.mega_menu_custom_right_box_inner img {
width: 320px;
height: 320px;
object-fit: cover;
object-position: center;
}
.header__mobile {
display: none !important;
}
.mega_menu_custom_middle .mega_menu_link {
margin-top: 15px;
}
.mega_menu_custom_middle .mega_menu_link a {
font-size: 12.5px;
text-decoration: underline;
display: flex;
align-items: center;
font-weight: 600;
color: #8b8b8b;
}
.mega_menu_custom_middle .mega_menu_link a img {
width: 22px;
height: 16px;
padding-left: 5px;
}
@media only screen and (min-width: 300px) and (max-width: 1072px) {
.main-menu--active .main_link {
font-weight: bold;
}
.header__logo {
padding-top: 15px;
}
.header__mobile {
display: flex !important;
padding-top: 15px;
padding-bottom: 15px;
gap: 15px;
justify-content: space-between;
}
.drawer__content {
overflow-y: auto;
}
.drawer__content .drawer__bottom__right {
order: unset !important;
width: auto !important;
min-height: auto !important;
margin-left: 0 !important;
}
.drawer__content .drawer__bottom {
align-items: center;
min-height: auto;
padding: 15px 10px;
}
.header__mobile__login a {
display: flex;
align-items: center;
}
.header__drawer .drawer__inner {
padding-top: 0;
border-top: 1px solid #8a8a8a;
border-bottom: 1px solid #8a8a8a;
}
.header__drawer .drawer__menu {
padding: 0 20px;
}
.nav_mobile_menu_main {
padding: 0 5px;
border-bottom: 1px solid #eeeeee;
text-transform: uppercase;
position: relative;
}
.nav_mobile_menu_main .main_link {
padding: 15px 0;
display: block;
}
.nav_mobile_menu_main span {
position: absolute;
display: block;
right: 0;
top: 12px;
}
.nav_mobile_menu_main span:before {
content: "";
display: inline-block;
width: 6px;
height: 6px;
border-color: #5c5c5c;
border-style: solid;
border-width: 0 0 2px 2px;
margin: 0 5px;
vertical-align: middle;
transform: rotate(-45deg);
}
.nav_submenu_mobile {
position: relative;
top: 100%;
width: 100vw;
height: 100%;
left: 0;
background: #fafafa;
display: none;
padding: 50px 43px;
margin-left: -25px;
}
.mobile_add .header__mobile__right {
display: none;
}
.mobile_add .header__mobile__left {
display: flex;
width: 100%;
justify-content: space-between;
flex-direction: row-reverse;
}
.mobile_add .header__mobile__button .header__mobile__hamburger {
margin-right: 0;
}
.nav_mobile_menu_main .arrow_move:before {
transform: rotate(135deg);
}
.mega_menu_custom {
position: relative;
overflow: hidden;
opacity: 1;
visibility: visible;
background-color: #fafafa;
padding: 50px 15%;
left: 0;
width: 100%;
transition: opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1),
visibility 0s 0.2s,
background-color 0.2s cubic-bezier(0.215, 0.61, 0.355, 1),
border 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.mega_menu_custom_left_box_upper {
display: flex;
justify-content: flex-start;
column-gap: 40px;
row-gap: 40px;
flex-wrap: wrap;
}
.nav_mobile_menu_main .mega_menu_custom_left_box {
max-width: 260px;
margin: 0;
}
.drawer_next_menu {
background-color: #fafafa;
padding: 30px 20px;
margin-left: -20px;
margin-right: -20px;
}
.mega_menu_custom_left_box_inner {
width: 42%;
}
.mega_menu_custom_left_box_inner h3 {
font-weight: 400;
margin: 0 0 12px;
font-size: 13px;
}
.drawer_next_menu ul li {
padding: 0 5px;
border-bottom: 1px solid #eeeeee;
}
.drawer_next_menu ul li a {
padding: 15px 0;
display: block;
}
.mega_menu_link {
margin-top: 40px;
}
.mega_menu_link a {
border-bottom: 1px solid;
font-size: 13px;
}
.header__mobile__login img {
width: 16px;
margin-left: 6px;
}
.header__mobile__login span {
font-size: 12px;
border-bottom: 1px solid;
}
.mega_menu_custom_left_box_inner img {
width: 90px;
height: 90px;
}
}
@media only screen and (min-width: 1073px) and (max-width: 1199px) {
.header__desktop__bar__c.header_bottom_menu_desktop {
padding: 0 0%;
}
.mega_menu_custom {
padding: 0px 5%;
}
.header__desktop__bar__c.header_bottom_menu_desktop .header__menu {
width: 100%;
}
.header__desktop__bar__c.header_bottom_menu_desktop
.header__menu
.header__menu__inner {
gap: 0.5rem !important;
}
.header__desktop__bar__c.header_bottom_menu_desktop .navtext {
text-transform: uppercase;
font-size: 12.1px;
}
.mega_menu_custom_inner {
max-width: 100%;
margin: 0 auto;
}
.mega_menu_custom_middle_box_inner .itg_menu_img {
height: 152px;
}
.mega_menu_custom_middle_box_inner
.itg_mega_menu_img
.megamenu__colection-image {
width: 152px;
height: 152px;
}
.mega_menu_custom_right_box_inner img {
max-width: 100%;
height: 203px;
width: 100%;
object-fit: cover;
object-position: center;
}
.mega_menu_custom_left_box_inner h3 {
font-size: 12px;
}
.mega_menu_custom_middle_box_upper {
padding: 25px 25px;
}
.mega_menu_custom_right_box_upper {
padding: 25px 0 25px 25px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1367px) {
.header__desktop__bar__c.header_bottom_menu_desktop .header__menu__inner {
gap: 0.5rem !important;
}
.header__desktop__bar__c.header_bottom_menu_desktop {
padding: 0 0%;
}
.mega_menu_custom {
padding: 18px 5%;
}
.header__desktop__bar__c.header_bottom_menu_desktop .header__menu {
width: 100%;
}
.header__desktop__bar__c.header_bottom_menu_desktop
.header__menu
.header__menu__inner {
gap: 0.5rem !important;
}
.header__desktop__bar__c.header_bottom_menu_desktop .navtext {
text-transform: uppercase;
font-size: 12.1px;
}
.mega_menu_custom_inner {
max-width: 100%;
margin: 0 auto;
}
.mega_menu_custom_middle_box_upper {
padding: 20px 30px;
}
.mega_menu_custom_left {
width: 100%;
padding-right: 0px;
padding-top: 0px;
}
.mega_menu_custom_middle_box_inner .itg_menu_img {
height: 190px;
}
.mega_menu_custom_middle_box_inner
.itg_mega_menu_img
.megamenu__colection-image {
width: 190px;
height: 190px;
}
.mega_menu_custom_right_box_upper {
padding: 20px 0 20px 30px;
}
.mega_menu_custom_right_box_inner img {
width: 100%;
height: 213px;
}
}
@media only screen and (min-width: 1368px) and (max-width: 1600px) {
.header__desktop__bar__c.header_bottom_menu_desktop .header__menu__inner {
gap: 0.8rem !important;
}
.header__desktop__bar__c.header_bottom_menu_desktop {
padding: 0 0%;
}
.mega_menu_custom {
padding: 38px 5%;
}
.mega_menu_custom_right_box_upper {
padding: 20px 0 20px 30px;
}
.mega_menu_custom_middle_box_upper {
padding: 20px 30px;
}
.mega_menu_custom_right_box_inner img {
width: 100%;
height: 227px;
}
.mega_menu_custom_left {
width: 40%;
padding-right: 15px;
padding-top: 20px;
}
.mega_menu_custom_left_box_inner h3 {
font-size: 12px;
}
.mega_menu_custom_middle_box_inner .itg_menu_img {
height: 184px;
}
.mega_menu_custom_middle_box_inner
.itg_mega_menu_img
.megamenu__colection-image {
width: 184px;
height: 184px;
}
}
@media only screen and (min-width: 1601px) and (max-width: 1700px) {
.header__desktop__bar__c.header_bottom_menu_desktop {
padding: 0 5%;
}
.mega_menu_custom {
padding: 45px 5%;
}
.mega_menu_custom_right_box_upper {
padding: 20px 0 20px 30px;
}
.mega_menu_custom_middle_box_upper {
padding: 20px 30px;
}
.mega_menu_custom_right_box_inner img {
width: 100%;
height: 279px;
}
.mega_menu_custom_left {
width: 40%;
padding-right: 15px;
padding-top: 20px;
}
}
@media only screen and (min-width: 1701px) and (max-width: 1920px) {
.header__desktop__bar__c.header_bottom_menu_desktop {
padding: 0 5%;
}
.mega_menu_custom {
padding: 70px 5%;
}
.mega_menu_custom_right_box_inner img {
width: 100%;
height: 295px;
}
}
[data-index^="option2"] {
top: 20px !important;
left: 0 !important;
opacity: 1 !important;
width: auto !important;
height: auto !important;
margin: auto !important;
}
.mega_menu_custom_middle_box_inner ul > li:first-child {
font-weight: bold;
}
.cart-indicator {
fill: var(--accent);
visibility: hidden;
color: #418fde;
}
.cart__toggle--has-items .cart-indicator {
visibility: visible;
}
.cart__toggle--animation .cart-indicator {
animation: pulse 1.7s infinite;
}
@keyframes parpadeo {
0%,
100% {
opacity: 1;
}
50% {
opacity: 0;
}
}
.cart-indicator {
animation: parpadeo 1s infinite;
}
.so-accordion-wrapper:hover {
cursor: pointer;
}
.anadir-carrito-y-cantidad {
display: flex;
justify-content: flex-end;
flex-direction: row-reverse;
align-items: flex-end;
}
@media only screen and (min-width: 479px) {
.anadir-carrito-y-cantidad {
width: 480px;
}
}
@media only screen and (max-width: 479px) {
.swatch__button label {
width: 20px !important;
height: 20px !important;
}
.radio__fieldset .radio__button label {
}
}
.navlink--toplevel.no-height:after {
height: 0;
font-weight: bold;
}
@media only screen and (max-width: 800px) {
.product-grid {
grid-template-columns: 50% 50%;
display: grid !important;
}
.anadir-carrito-y-cantidad {
flex-direction: row-reverse !important;
width: -webkit-fill-available;
}
}
@media only screen and (max-width: 749px) {
.container-prods-jd {
display: block !important;
}
}
@media (min-width: 768px) {
.thumbs-holder {
}
}
@media only screen and (max-width: 749px) {
{
margin-right: var(--outer);
}
}
.related__products .recent__title {
font-family: "poppins";
font-size: 20px;
text-transform: uppercase;
font-weight: bold;
line-height: 20px;
}
.swatch__button_topo {
display: flex;
align-items: center;
gap: 10px;
padding: 0px;
}
.swatch__button_topo img {
max-width: 100px; /* Establece un ancho máximo para las imágenes */
height: auto; /* Permite que la altura se ajuste proporcionalmente */
}
.drawer__content {
overflow-y: auto;
}
.header__drawer {
overflow-y: auto;
}
.menu__item > a.navlink.navlink--toplevel2:hover {
font-weight: bold;
}
.product__submit__add:after {
background: white;
color: black;
}
.selector-wrapper--fullwidth {
padding: 0px;
}
.menu__item:hover .mega_menu_custom {
opacity: 1;
visibility: visible;
pointer-events: auto;
transition-delay: 0.1s;
}
@media only screen and (min-width: 749px) {
.selector-wrapper__scrollbar {
margin-top: 12px;
}
}
@media only screen and (max-width: 800px) {
.select__fieldset {
border: 1px solid black;
height: 37px;
}
.quantity__minus,
.quantity__plus {
height: 37px;
}
.quantity-selector input[type="number"] {
height: 37px;
}
.accordion label {
border-top: 1px solid black;
}
.accordion label:last-of-type {
border-bottom: 1px solid black;
}
.product-grid {
grid-template-columns: 50% 50%; /* Hace que ambos tengan el mismo tamaño */
display: grid !important;
}
.anadir-carrito-y-cantidad {
/*flex-direction: inherit!important; */
gap: 10px;
}
}