/** Shopify CDN: Minification failed
Line 1811:2 Expected identifier but found "*"
Line 2095:2 Expected identifier but found "*"
Line 6121:2 Expected identifier but found "*"
Line 6133:2 Expected identifier but found "*"
Line 6145:2 Expected identifier but found "*"
Line 11315:2 Expected identifier but found "*"
Line 11329:2 Expected identifier but found "*"
Line 23973:52 Unexpected ")"
Line 24312:6 Comments in CSS use "/* ... */" instead of "//"
Line 24312:16 Unexpected "{"
... and 25 more hidden warnings
**/
@charset "UTF-8";
/*! ============================================================================
Broadcast Theme | (c) Invisible Themes
============================================================================== */
/* ============================================================================
This file is included for advanced development by
Shopify Agencies. Modified versions of the theme
code are not supported by Shopify or Groupthought.
In order to use this file you will need to change
theme.css to theme.dev.css in /templates/theme.liquid
============================================================================== */
/*================ TOOLS ================*/
/**
* Mixins
*/
/*============================================================================
Prefix mixin for generating vendor prefixes.
Based on https://github.com/thoughtbot/bourbon/blob/v4-stable/app/assets/stylesheets/addons/_prefixer.scss
Usage:
// Input:
.element {
@include prefix(transform, scale(1), ms webkit spec);
}
// Output:
.element {
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}
==============================================================================*/
/*================ Media Query Mixin ================*/
/*================ Responsive Show/Hide Helper ================*/
/*================ Responsive Text Alignment Helper ================*/
/*================ REM Function https://github.com/pierreburel/sass-rem MIT License ================*/
/*================ Chevron ================*/
/*================ Close ================*/
/*================ VARIABLES ================*/
/* ============================================================================
#Colors
---static vars have three dashes
--dynamic vars have two dashes
A static var is set in theme settings and doesn't change in any context
A dynamic var is context dependent and can be overwritten by its wrapper
This file is primarily concerned with setting the values of dynamic color
variables depending on which container the text or background is inside.
============================================================================== */
: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;
}
.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;
}
/*============================================================================
Grid Breakpoints and Class Names
- Do not change the variable names
==============================================================================*/
/*============================================================================
Generate breakpoint-specific column widths and push classes
- Default column widths: $breakpoint-has-widths: ($small, $medium-up);
- Default is no push classes
- Will not work if `styles/global/grid.scss` is removed
==============================================================================*/
/*============================================================================
Generate breakpoint-specific column widths and push classes
- Default column widths: $breakpoint-has-widths: ($small, $medium-up);
- Default is no push classes
- Will not work if `styles/global/grid.scss` is removed
==============================================================================*/
/*================ Sizing Variables ================*/
/*================ VENDOR ================*/
/*! Flickity v2.1.2
https://flickity.metafizzy.co
---------------------------------------------- */
.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%;
}
/* -- Fixes slide effects with iOS 13+ -- */
.flickity-viewport {
touch-action: pan-y;
}
/* draggable */
.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 ---- */
.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;
/* prevent disabled button from capturing pointer up event. #716 */
pointer-events: none;
}
.flickity-button-icon {
display: none;
fill: #333;
}
/* ---- previous/next buttons ---- */
.flickity-prev-next-button {
top: 50%;
width: 50px;
height: 50px;
/* vertically center */
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-width: 0 0 2px 2px;
border-style: solid;
border-color: currentColor;
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: 50px;
}
.flickity-prev-next-button.next {
right: 0;
}
.flickity-button-circle .flickity-prev-next-button.next {
right: 50px;
}
.flickity-prev-next-button.next:before {
margin-left: -7px;
transform: rotate(-135deg);
}
/* right to left */
.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%;
}
/* ---- page dots ---- */
.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 currentColor;
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;
}
[data-dots=line] .flickity-page-dots .dot.is-selected {
opacity: 1;
}
.flickity-page-dots .dot.is-selected {
opacity: 1;
}
/* flickity-fade */
.flickity-enabled.is-fade .flickity-slider > * {
pointer-events: none;
z-index: 0;
}
.flickity-enabled.is-fade .flickity-slider > .is-selected {
pointer-events: auto;
z-index: 1;
}
/* Flickity Resize */
.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);
}
.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;
}
.no-js .aos-initialized [data-aos=svg-dash] path {
stroke-dashoffset: 0;
}
.aos-initialized [data-aos=svg-dash].aos-animate path {
animation: dash 1.5s linear forwards 1;
}
.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: 250ms;
}
.aos-initialized [data-aos][data-aos][data-aos-order="3"] {
animation-delay: 500ms;
}
.aos-initialized [data-aos][data-aos][data-aos-order="4"] {
animation-delay: 750ms;
}
.aos-initialized [data-aos][data-aos][data-aos-order="5"] {
animation-delay: 1000ms;
}
.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 {
from {
opacity: 0;
transform: translate3d(0, 15px, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
@keyframes dash {
from {
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:hover .shopify-model-viewer-ui__controls-area, .shopify-model-viewer-ui.shopify-model-viewer-ui--desktop.shopify-model-viewer-ui--child-focused .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: 0px;
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: 0px;
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:active, .shopify-model-viewer-ui .shopify-model-viewer-ui__button--control.focus-visible:focus {
color: rgba(0, 0, 0, 0.55);
background: rgba(0, 0, 0, 0.05);
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:not(:last-child):after {
position: absolute;
content: "";
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
width: 28px;
bottom: 0px;
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:hover, .shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:focus {
color: rgba(0, 0, 0, 0.55);
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__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 */
/*
Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* pswp = photoswipe */
.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%;
/* create separate layer, to avoid paint on window.onscroll in webkit/blink */
-webkit-backface-visibility: hidden;
outline: none;
}
.pswp * {
box-sizing: border-box;
}
.pswp img {
max-width: none;
}
/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
/* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
opacity: 0.001;
will-change: opacity;
/* for open/close transition */
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp--open {
display: block;
}
.pswp--zoom-allowed .pswp__img {
/* autoprefixer: off */
cursor: zoom-in;
cursor: -moz-zoom-in;
cursor: -webkit-zoom-in;
cursor: var(--icon-zoom-in), zoom-in;
}
.pswp--zoomed-in .pswp__img {
/* autoprefixer: off */
cursor: zoom-out;
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: var(--icon-zoom-out), zoom-out;
}
.pswp--dragging .pswp__img {
/* autoprefixer: off */
cursor: grabbing;
cursor: -moz-grabbing;
cursor: -webkit-grabbing;
}
/*
Background is added as a separate element.
As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0;
transform: translateZ(0);
-webkit-backface-visibility: hidden;
will-change: opacity;
}
.pswp__scroll-wrap {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.pswp__container,
.pswp__zoom-wrap {
touch-action: none;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
/* Prevent selection and tap highlights */
.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;
/* for open/close transition */
transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp__bg {
will-change: opacity;
/* for open/close transition */
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 {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden;
}
.pswp__img {
position: absolute;
width: auto;
height: auto;
top: 0;
left: 0;
}
/*
stretched thumbnail or div placeholder element (see below)
style is added to avoid flickering in webkit/blink when layers overlap
*/
.pswp__img--placeholder {
-webkit-backface-visibility: hidden;
}
/*
div element that matches size of large image
large image loads on top of it
*/
.pswp__img--placeholder--blank {
background: #222;
}
.pswp--ie .pswp__img {
width: 100% !important;
height: auto !important;
left: 0;
top: 0;
}
/*
Error message appears when image is not loaded
(JS option errorMsg controls markup)
*/
.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;
}
/*================ GLOBAL ================*/
/**
* Reset
*/
html,
body,
div,
span,
object,
iframe,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
img,
ins,
kbd,
q,
samp,
small,
sub,
sup,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
content: none;
}
ins {
background-color: var(---color-secondary);
color: var(---color-secondary-opposite);
text-decoration: none;
}
mark {
background-color: var(---color-secondary);
color: var(---color-secondary-opposite);
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;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
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 0;
}
nav ul,
nav li {
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 {
display: none;
width: 0;
height: 0;
}
input[type=search]::-ms-reveal {
display: none;
width: 0;
height: 0;
}
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
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: baseline;
}
.ie6 input {
vertical-align: text-bottom;
}
input[type=button],
input[type=submit],
input[type=image],
button {
cursor: pointer;
}
button,
input,
select,
.popout__toggle,
textarea {
margin: 0;
}
select, .popout__toggle {
max-width: 99%;
}
input[type=text].error,
input[type=email].error,
input[type=password].error {
border-color: var(---color-error);
}
input[type=text],
input[type=password],
input[type=email],
input[type=tel] {
-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;
}
/**
* Helpers
*/
.clearfix {
*zoom: 1;
}
.clearfix::after {
content: "";
display: table;
clear: both;
}
.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 {
position: inherit !important;
overflow: auto;
clip: auto;
width: auto;
height: auto;
margin: 0;
}
.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 {
display: none;
}
.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;
}
/*================ Responsive Show/Hide Helper ================*/
/*================ Responsive Text Alignment Helper ================*/
/*============================================================================
Skip to content button
- Overrides .visually-hidden when focused
==============================================================================*/
.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 .deferred-media__poster-button,
body.is-focused .deferred-media__poster.focus-visible .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] .js__header__stuck,
[data-scroll-locked] .theme__header,
[data-scroll-locked] .collection__nav,
[data-scroll-locked] .announcement__wrapper,
[data-scroll-locked] .announcement__bar-outer,
[data-scroll-locked] .search__popdown__outer {
width: 100vw;
}
[data-scroll-locked] .js__header__stuck,
[data-scroll-locked] .theme__header,
[data-scroll-locked] .collection__nav,
[data-scroll-locked] .announcement__bar,
[data-scroll-locked] .search__popdown__outer {
padding-right: var(--scrollbar-width);
}
#challenge #shopify-section-popups {
display: none;
}
#challenge .shopify-challenge__container {
margin: 60px auto;
}
/**
* UTILS
*/
.ir {
display: block;
text-indent: -999em;
overflow: hidden;
background-repeat: no-repeat;
text-align: left;
direction: ltr;
}
.hidden {
display: none;
visibility: hidden;
}
.clearfix:before,
.clearfix:after {
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;
transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.is-hidden {
visibility: hidden;
max-height: 0;
overflow: hidden;
opacity: 0;
transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media only screen and (min-width: 750px) {
.mobile {
display: none;
}
}
@media only screen and (max-width: 749px) {
.desktop {
display: none;
}
}
/*================ SVG Placeholder ================*/
.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%);
}
/*================ SVG Loader ================*/
@keyframes animate-svg {
0% {
stroke-dashoffset: 88;
}
100% {
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, .grid--full {
*zoom: 1;
list-style: none;
margin: 0;
padding: 0;
margin-left: calc(var(--outer) * -1);
}
.grid::after, .grid--full::after {
content: "";
display: table;
clear: both;
}
.grid__item {
float: left;
padding-left: var(--outer);
width: 100%;
}
.grid__item[class*="--push"] {
position: relative;
}
/* Manual grid__item clearfix */
.grid__item.clear {
clear: both;
}
/*============================================================================
Reversed grids allow you to structure your source in the opposite
order to how your rendered layout will appear.
==============================================================================*/
.grid--rev {
direction: rtl;
text-align: left;
}
.grid--rev > .grid__item {
direction: ltr;
text-align: left;
float: right;
}
/* Gutterless grids have all the properties of regular grids, minus any spacing. */
.grid--full {
margin-left: 0;
}
.grid--full > .grid__item {
padding-left: 0;
}
/*============================================================================
Grid Columns
- Create width classes, prepended by the breakpoint name.
==============================================================================*/
/*================ Grid push classes ================*/
/*================ Clearfix helper on uniform grids ================*/
/*================ Build Base Grid Classes ================*/
/** Whole */
.one-whole {
width: 100%;
}
/* Halves */
.one-half {
width: 50%;
}
/* Thirds */
.one-third {
width: 33.3333333333%;
}
.two-thirds {
width: 66.6666666667%;
}
/* Quarters */
.one-quarter {
width: 25%;
}
.two-quarters {
width: 50%;
}
.three-quarters {
width: 75%;
}
/* Fifths */
.one-fifth {
width: 20%;
}
.two-fifths {
width: 40%;
}
.three-fifths {
width: 60%;
}
.four-fifths {
width: 80%;
}
/* Sixths */
.one-sixth {
width: 16.6666666667%;
}
.two-sixths {
width: 33.3333333333%;
}
.three-sixths {
width: 50%;
}
.four-sixths {
width: 66.6666666667%;
}
.five-sixths {
width: 83.3333333333%;
}
/* Eighths */
.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%;
}
/* Tenths */
.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%;
}
/* Twelfths */
.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;
}
/*================ Build Responsive Grid Classes ================*/
@media only screen and (max-width: 749px) {
/** Whole */
.small--one-whole {
width: 100%;
}
/* Halves */
.small--one-half {
width: 50%;
}
/* Thirds */
.small--one-third {
width: 33.3333333333%;
}
.small--two-thirds {
width: 66.6666666667%;
}
/* Quarters */
.small--one-quarter {
width: 25%;
}
.small--two-quarters {
width: 50%;
}
.small--three-quarters {
width: 75%;
}
/* Fifths */
.small--one-fifth {
width: 20%;
}
.small--two-fifths {
width: 40%;
}
.small--three-fifths {
width: 60%;
}
.small--four-fifths {
width: 80%;
}
/* Sixths */
.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%;
}
/* Eighths */
.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%;
}
/* Tenths */
.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%;
}
/* Twelfths */
.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--one-half:nth-child(2n+1),
.grid--uniform .small--one-third:nth-child(3n+1),
.grid--uniform .small--one-quarter:nth-child(4n+1),
.grid--uniform .small--one-fifth:nth-child(5n+1),
.grid--uniform .small--one-sixth:nth-child(6n+1),
.grid--uniform .small--two-sixths:nth-child(3n+1),
.grid--uniform .small--three-sixths:nth-child(2n+1),
.grid--uniform .small--one-eighth:nth-child(8n+1),
.grid--uniform .small--two-eighths:nth-child(4n+1),
.grid--uniform .small--four-eighths:nth-child(2n+1),
.grid--uniform .small--five-tenths:nth-child(2n+1),
.grid--uniform .small--one-twelfth:nth-child(12n+1),
.grid--uniform .small--two-twelfths:nth-child(6n+1),
.grid--uniform .small--three-twelfths:nth-child(4n+1),
.grid--uniform .small--four-twelfths:nth-child(3n+1),
.grid--uniform .small--six-twelfths:nth-child(2n+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) {
/** Whole */
.medium--one-whole {
width: 100%;
}
/* Halves */
.medium--one-half {
width: 50%;
}
/* Thirds */
.medium--one-third {
width: 33.3333333333%;
}
.medium--two-thirds {
width: 66.6666666667%;
}
/* Quarters */
.medium--one-quarter {
width: 25%;
}
.medium--two-quarters {
width: 50%;
}
.medium--three-quarters {
width: 75%;
}
/* Fifths */
.medium--one-fifth {
width: 20%;
}
.medium--two-fifths {
width: 40%;
}
.medium--three-fifths {
width: 60%;
}
.medium--four-fifths {
width: 80%;
}
/* Sixths */
.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%;
}
/* Eighths */
.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%;
}
/* Tenths */
.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%;
}
/* Twelfths */
.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--one-half:nth-child(2n+1),
.grid--uniform .medium--one-third:nth-child(3n+1),
.grid--uniform .medium--one-quarter:nth-child(4n+1),
.grid--uniform .medium--one-fifth:nth-child(5n+1),
.grid--uniform .medium--one-sixth:nth-child(6n+1),
.grid--uniform .medium--two-sixths:nth-child(3n+1),
.grid--uniform .medium--three-sixths:nth-child(2n+1),
.grid--uniform .medium--one-eighth:nth-child(8n+1),
.grid--uniform .medium--two-eighths:nth-child(4n+1),
.grid--uniform .medium--four-eighths:nth-child(2n+1),
.grid--uniform .medium--five-tenths:nth-child(2n+1),
.grid--uniform .medium--one-twelfth:nth-child(12n+1),
.grid--uniform .medium--two-twelfths:nth-child(6n+1),
.grid--uniform .medium--three-twelfths:nth-child(4n+1),
.grid--uniform .medium--four-twelfths:nth-child(3n+1),
.grid--uniform .medium--six-twelfths:nth-child(2n+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) {
/** Whole */
.medium-up--one-whole {
width: 100%;
}
/* Halves */
.medium-up--one-half {
width: 50%;
}
/* Thirds */
.medium-up--one-third {
width: 33.3333333333%;
}
.medium-up--two-thirds {
width: 66.6666666667%;
}
/* Quarters */
.medium-up--one-quarter {
width: 25%;
}
.medium-up--two-quarters {
width: 50%;
}
.medium-up--three-quarters {
width: 75%;
}
/* Fifths */
.medium-up--one-fifth {
width: 20%;
}
.medium-up--two-fifths {
width: 40%;
}
.medium-up--three-fifths {
width: 60%;
}
.medium-up--four-fifths {
width: 80%;
}
/* Sixths */
.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%;
}
/* Eighths */
.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%;
}
/* Tenths */
.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%;
}
/* Twelfths */
.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--one-half:nth-child(2n+1),
.grid--uniform .medium-up--one-third:nth-child(3n+1),
.grid--uniform .medium-up--one-quarter:nth-child(4n+1),
.grid--uniform .medium-up--one-fifth:nth-child(5n+1),
.grid--uniform .medium-up--one-sixth:nth-child(6n+1),
.grid--uniform .medium-up--two-sixths:nth-child(3n+1),
.grid--uniform .medium-up--three-sixths:nth-child(2n+1),
.grid--uniform .medium-up--one-eighth:nth-child(8n+1),
.grid--uniform .medium-up--two-eighths:nth-child(4n+1),
.grid--uniform .medium-up--four-eighths:nth-child(2n+1),
.grid--uniform .medium-up--five-tenths:nth-child(2n+1),
.grid--uniform .medium-up--one-twelfth:nth-child(12n+1),
.grid--uniform .medium-up--two-twelfths:nth-child(6n+1),
.grid--uniform .medium-up--three-twelfths:nth-child(4n+1),
.grid--uniform .medium-up--four-twelfths:nth-child(3n+1),
.grid--uniform .medium-up--six-twelfths:nth-child(2n+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) {
/** Whole */
.medium-down--one-whole {
width: 100%;
}
/* Halves */
.medium-down--one-half {
width: 50%;
}
/* Thirds */
.medium-down--one-third {
width: 33.3333333333%;
}
.medium-down--two-thirds {
width: 66.6666666667%;
}
/* Quarters */
.medium-down--one-quarter {
width: 25%;
}
.medium-down--two-quarters {
width: 50%;
}
.medium-down--three-quarters {
width: 75%;
}
/* Fifths */
.medium-down--one-fifth {
width: 20%;
}
.medium-down--two-fifths {
width: 40%;
}
.medium-down--three-fifths {
width: 60%;
}
.medium-down--four-fifths {
width: 80%;
}
/* Sixths */
.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%;
}
/* Eighths */
.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%;
}
/* Tenths */
.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%;
}
/* Twelfths */
.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--one-half:nth-child(2n+1),
.grid--uniform .medium-down--one-third:nth-child(3n+1),
.grid--uniform .medium-down--one-quarter:nth-child(4n+1),
.grid--uniform .medium-down--one-fifth:nth-child(5n+1),
.grid--uniform .medium-down--one-sixth:nth-child(6n+1),
.grid--uniform .medium-down--two-sixths:nth-child(3n+1),
.grid--uniform .medium-down--three-sixths:nth-child(2n+1),
.grid--uniform .medium-down--one-eighth:nth-child(8n+1),
.grid--uniform .medium-down--two-eighths:nth-child(4n+1),
.grid--uniform .medium-down--four-eighths:nth-child(2n+1),
.grid--uniform .medium-down--five-tenths:nth-child(2n+1),
.grid--uniform .medium-down--one-twelfth:nth-child(12n+1),
.grid--uniform .medium-down--two-twelfths:nth-child(6n+1),
.grid--uniform .medium-down--three-twelfths:nth-child(4n+1),
.grid--uniform .medium-down--four-twelfths:nth-child(3n+1),
.grid--uniform .medium-down--six-twelfths:nth-child(2n+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) {
/** Whole */
.large--one-whole {
width: 100%;
}
/* Halves */
.large--one-half {
width: 50%;
}
/* Thirds */
.large--one-third {
width: 33.3333333333%;
}
.large--two-thirds {
width: 66.6666666667%;
}
/* Quarters */
.large--one-quarter {
width: 25%;
}
.large--two-quarters {
width: 50%;
}
.large--three-quarters {
width: 75%;
}
/* Fifths */
.large--one-fifth {
width: 20%;
}
.large--two-fifths {
width: 40%;
}
.large--three-fifths {
width: 60%;
}
.large--four-fifths {
width: 80%;
}
/* Sixths */
.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%;
}
/* Eighths */
.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%;
}
/* Tenths */
.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%;
}
/* Twelfths */
.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--one-half:nth-child(2n+1),
.grid--uniform .large--one-third:nth-child(3n+1),
.grid--uniform .large--one-quarter:nth-child(4n+1),
.grid--uniform .large--one-fifth:nth-child(5n+1),
.grid--uniform .large--one-sixth:nth-child(6n+1),
.grid--uniform .large--two-sixths:nth-child(3n+1),
.grid--uniform .large--three-sixths:nth-child(2n+1),
.grid--uniform .large--one-eighth:nth-child(8n+1),
.grid--uniform .large--two-eighths:nth-child(4n+1),
.grid--uniform .large--four-eighths:nth-child(2n+1),
.grid--uniform .large--five-tenths:nth-child(2n+1),
.grid--uniform .large--one-twelfth:nth-child(12n+1),
.grid--uniform .large--two-twelfths:nth-child(6n+1),
.grid--uniform .large--three-twelfths:nth-child(4n+1),
.grid--uniform .large--four-twelfths:nth-child(3n+1),
.grid--uniform .large--six-twelfths:nth-child(2n+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 (max-width: 1399px) {
/** Whole */
.large-down--one-whole {
width: 100%;
}
/* Halves */
.large-down--one-half {
width: 50%;
}
/* Thirds */
.large-down--one-third {
width: 33.3333333333%;
}
.large-down--two-thirds {
width: 66.6666666667%;
}
/* Quarters */
.large-down--one-quarter {
width: 25%;
}
.large-down--two-quarters {
width: 50%;
}
.large-down--three-quarters {
width: 75%;
}
/* Fifths */
.large-down--one-fifth {
width: 20%;
}
.large-down--two-fifths {
width: 40%;
}
.large-down--three-fifths {
width: 60%;
}
.large-down--four-fifths {
width: 80%;
}
/* Sixths */
.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%;
}
/* Eighths */
.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%;
}
/* Tenths */
.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%;
}
/* Twelfths */
.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--one-half:nth-child(2n+1),
.grid--uniform .large-down--one-third:nth-child(3n+1),
.grid--uniform .large-down--one-quarter:nth-child(4n+1),
.grid--uniform .large-down--one-fifth:nth-child(5n+1),
.grid--uniform .large-down--one-sixth:nth-child(6n+1),
.grid--uniform .large-down--two-sixths:nth-child(3n+1),
.grid--uniform .large-down--three-sixths:nth-child(2n+1),
.grid--uniform .large-down--one-eighth:nth-child(8n+1),
.grid--uniform .large-down--two-eighths:nth-child(4n+1),
.grid--uniform .large-down--four-eighths:nth-child(2n+1),
.grid--uniform .large-down--five-tenths:nth-child(2n+1),
.grid--uniform .large-down--one-twelfth:nth-child(12n+1),
.grid--uniform .large-down--two-twelfths:nth-child(6n+1),
.grid--uniform .large-down--three-twelfths:nth-child(4n+1),
.grid--uniform .large-down--four-twelfths:nth-child(3n+1),
.grid--uniform .large-down--six-twelfths:nth-child(2n+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: 990px) {
/** Whole */
.large-up--one-whole {
width: 100%;
}
/* Halves */
.large-up--one-half {
width: 50%;
}
/* Thirds */
.large-up--one-third {
width: 33.3333333333%;
}
.large-up--two-thirds {
width: 66.6666666667%;
}
/* Quarters */
.large-up--one-quarter {
width: 25%;
}
.large-up--two-quarters {
width: 50%;
}
.large-up--three-quarters {
width: 75%;
}
/* Fifths */
.large-up--one-fifth {
width: 20%;
}
.large-up--two-fifths {
width: 40%;
}
.large-up--three-fifths {
width: 60%;
}
.large-up--four-fifths {
width: 80%;
}
/* Sixths */
.large-up--one-sixth {
width: 8.9666666667%;
}
.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%;
}
/* Eighths */
.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%;
}
/* Tenths */
.large-up--one-tenth {
width: 10%;
}
.large-up--two-tenths {
width: 20%;
}
.large-up--three-tenths {
width: 30%;
}
.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%;
}
/* Twelfths */
.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--one-half:nth-child(2n+1),
.grid--uniform .large-up--one-third:nth-child(3n+1),
.grid--uniform .large-up--one-quarter:nth-child(4n+1),
.grid--uniform .large-up--one-fifth:nth-child(5n+1),
.grid--uniform .large-up--one-sixth:nth-child(6n+1),
.grid--uniform .large-up--two-sixths:nth-child(3n+1),
.grid--uniform .large-up--three-sixths:nth-child(2n+1),
.grid--uniform .large-up--one-eighth:nth-child(8n+1),
.grid--uniform .large-up--two-eighths:nth-child(4n+1),
.grid--uniform .large-up--four-eighths:nth-child(2n+1),
.grid--uniform .large-up--five-tenths:nth-child(2n+1),
.grid--uniform .large-up--one-twelfth:nth-child(12n+1),
.grid--uniform .large-up--two-twelfths:nth-child(6n+1),
.grid--uniform .large-up--three-twelfths:nth-child(4n+1),
.grid--uniform .large-up--four-twelfths:nth-child(3n+1),
.grid--uniform .large-up--six-twelfths:nth-child(2n+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) {
/** Whole */
.large-down--one-whole {
width: 100%;
}
/* Halves */
.large-down--one-half {
width: 50%;
}
/* Thirds */
.large-down--one-third {
width: 33.3333333333%;
}
.large-down--two-thirds {
width: 66.6666666667%;
}
/* Quarters */
.large-down--one-quarter {
width: 25%;
}
.large-down--two-quarters {
width: 50%;
}
.large-down--three-quarters {
width: 75%;
}
/* Fifths */
.large-down--one-fifth {
width: 20%;
}
.large-down--two-fifths {
width: 40%;
}
.large-down--three-fifths {
width: 60%;
}
.large-down--four-fifths {
width: 80%;
}
/* Sixths */
.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%;
}
/* Eighths */
.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%;
}
/* Tenths */
.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%;
}
/* Twelfths */
.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--one-half:nth-child(2n+1),
.grid--uniform .large-down--one-third:nth-child(3n+1),
.grid--uniform .large-down--one-quarter:nth-child(4n+1),
.grid--uniform .large-down--one-fifth:nth-child(5n+1),
.grid--uniform .large-down--one-sixth:nth-child(6n+1),
.grid--uniform .large-down--two-sixths:nth-child(3n+1),
.grid--uniform .large-down--three-sixths:nth-child(2n+1),
.grid--uniform .large-down--one-eighth:nth-child(8n+1),
.grid--uniform .large-down--two-eighths:nth-child(4n+1),
.grid--uniform .large-down--four-eighths:nth-child(2n+1),
.grid--uniform .large-down--five-tenths:nth-child(2n+1),
.grid--uniform .large-down--one-twelfth:nth-child(12n+1),
.grid--uniform .large-down--two-twelfths:nth-child(6n+1),
.grid--uniform .large-down--three-twelfths:nth-child(4n+1),
.grid--uniform .large-down--four-twelfths:nth-child(3n+1),
.grid--uniform .large-down--six-twelfths:nth-child(2n+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) {
/** Whole */
.widescreen--one-whole {
width: 100%;
}
/* Halves */
.widescreen--one-half {
width: 50%;
}
/* Thirds */
.widescreen--one-third {
width: 33.3333333333%;
}
.widescreen--two-thirds {
width: 66.6666666667%;
}
/* Quarters */
.widescreen--one-quarter {
width: 25%;
}
.widescreen--two-quarters {
width: 50%;
}
.widescreen--three-quarters {
width: 75%;
}
/* Fifths */
.widescreen--one-fifth {
width: 20%;
}
.widescreen--two-fifths {
width: 40%;
}
.widescreen--three-fifths {
width: 60%;
}
.widescreen--four-fifths {
width: 80%;
}
/* Sixths */
.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%;
}
/* Eighths */
.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%;
}
/* Tenths */
.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%;
}
/* Twelfths */
.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--one-half:nth-child(2n+1),
.grid--uniform .widescreen--one-third:nth-child(3n+1),
.grid--uniform .widescreen--one-quarter:nth-child(4n+1),
.grid--uniform .widescreen--one-fifth:nth-child(5n+1),
.grid--uniform .widescreen--one-sixth:nth-child(6n+1),
.grid--uniform .widescreen--two-sixths:nth-child(3n+1),
.grid--uniform .widescreen--three-sixths:nth-child(2n+1),
.grid--uniform .widescreen--one-eighth:nth-child(8n+1),
.grid--uniform .widescreen--two-eighths:nth-child(4n+1),
.grid--uniform .widescreen--four-eighths:nth-child(2n+1),
.grid--uniform .widescreen--five-tenths:nth-child(2n+1),
.grid--uniform .widescreen--one-twelfth:nth-child(12n+1),
.grid--uniform .widescreen--two-twelfths:nth-child(6n+1),
.grid--uniform .widescreen--three-twelfths:nth-child(4n+1),
.grid--uniform .widescreen--four-twelfths:nth-child(3n+1),
.grid--uniform .widescreen--six-twelfths:nth-child(2n+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;
}
}
/*================ Build Grid Push Classes ================*/
@media only screen and (max-width: 749px) {
/* Halves */
.small--push-one-half {
left: 50%;
}
/* Thirds */
.small--push-one-third {
left: 33.3333333333%;
}
.small--push-two-thirds {
left: 66.6666666667%;
}
/* Quarters */
.small--push-one-quarter {
left: 25%;
}
.small--push-two-quarters {
left: 50%;
}
.small--push-three-quarters {
left: 75%;
}
/* Fifths */
.small--push-one-fifth {
left: 20%;
}
.small--push-two-fifths {
left: 40%;
}
.small--push-three-fifths {
left: 60%;
}
.small--push-four-fifths {
left: 80%;
}
/* Sixths */
.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%;
}
/* Eighths */
.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%;
}
/* Tenths */
.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%;
}
/* Twelfths */
.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) {
/* Halves */
.medium--push-one-half {
left: 50%;
}
/* Thirds */
.medium--push-one-third {
left: 33.3333333333%;
}
.medium--push-two-thirds {
left: 66.6666666667%;
}
/* Quarters */
.medium--push-one-quarter {
left: 25%;
}
.medium--push-two-quarters {
left: 50%;
}
.medium--push-three-quarters {
left: 75%;
}
/* Fifths */
.medium--push-one-fifth {
left: 20%;
}
.medium--push-two-fifths {
left: 40%;
}
.medium--push-three-fifths {
left: 60%;
}
.medium--push-four-fifths {
left: 80%;
}
/* Sixths */
.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%;
}
/* Eighths */
.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%;
}
/* Tenths */
.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%;
}
/* Twelfths */
.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) {
/* Halves */
.medium-up--push-one-half {
left: 50%;
}
/* Thirds */
.medium-up--push-one-third {
left: 33.3333333333%;
}
.medium-up--push-two-thirds {
left: 66.6666666667%;
}
/* Quarters */
.medium-up--push-one-quarter {
left: 25%;
}
.medium-up--push-two-quarters {
left: 50%;
}
.medium-up--push-three-quarters {
left: 75%;
}
/* Fifths */
.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%;
}
/* Sixths */
.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%;
}
/* Eighths */
.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%;
}
/* Tenths */
.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%;
}
/* Twelfths */
.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) {
/* Halves */
.medium-down--push-one-half {
left: 50%;
}
/* Thirds */
.medium-down--push-one-third {
left: 33.3333333333%;
}
.medium-down--push-two-thirds {
left: 66.6666666667%;
}
/* Quarters */
.medium-down--push-one-quarter {
left: 25%;
}
.medium-down--push-two-quarters {
left: 50%;
}
.medium-down--push-three-quarters {
left: 75%;
}
/* Fifths */
.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%;
}
/* Sixths */
.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%;
}
/* Eighths */
.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%;
}
/* Tenths */
.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%;
}
/* Twelfths */
.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) {
/* Halves */
.large--push-one-half {
left: 50%;
}
/* Thirds */
.large--push-one-third {
left: 33.3333333333%;
}
.large--push-two-thirds {
left: 66.6666666667%;
}
/* Quarters */
.large--push-one-quarter {
left: 25%;
}
.large--push-two-quarters {
left: 50%;
}
.large--push-three-quarters {
left: 75%;
}
/* Fifths */
.large--push-one-fifth {
left: 20%;
}
.large--push-two-fifths {
left: 40%;
}
.large--push-three-fifths {
left: 60%;
}
.large--push-four-fifths {
left: 80%;
}
/* Sixths */
.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%;
}
/* Eighths */
.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%;
}
/* Tenths */
.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%;
}
/* Twelfths */
.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 (max-width: 1399px) {
/* Halves */
.large-down--push-one-half {
left: 50%;
}
/* Thirds */
.large-down--push-one-third {
left: 33.3333333333%;
}
.large-down--push-two-thirds {
left: 66.6666666667%;
}
/* Quarters */
.large-down--push-one-quarter {
left: 25%;
}
.large-down--push-two-quarters {
left: 50%;
}
.large-down--push-three-quarters {
left: 75%;
}
/* Fifths */
.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%;
}
/* Sixths */
.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%;
}
/* Eighths */
.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%;
}
/* Tenths */
.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%;
}
/* Twelfths */
.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: 990px) {
/* Halves */
.large-up--push-one-half {
left: 50%;
}
/* Thirds */
.large-up--push-one-third {
left: 33.3333333333%;
}
.large-up--push-two-thirds {
left: 66.6666666667%;
}
/* Quarters */
.large-up--push-one-quarter {
left: 25%;
}
.large-up--push-two-quarters {
left: 50%;
}
.large-up--push-three-quarters {
left: 75%;
}
/* Fifths */
.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%;
}
/* Sixths */
.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%;
}
/* Eighths */
.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%;
}
/* Tenths */
.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%;
}
/* Twelfths */
.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) {
/* Halves */
.large-down--push-one-half {
left: 50%;
}
/* Thirds */
.large-down--push-one-third {
left: 33.3333333333%;
}
.large-down--push-two-thirds {
left: 66.6666666667%;
}
/* Quarters */
.large-down--push-one-quarter {
left: 25%;
}
.large-down--push-two-quarters {
left: 50%;
}
.large-down--push-three-quarters {
left: 75%;
}
/* Fifths */
.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%;
}
/* Sixths */
.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%;
}
/* Eighths */
.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%;
}
/* Tenths */
.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%;
}
/* Twelfths */
.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) {
/* Halves */
.widescreen--push-one-half {
left: 50%;
}
/* Thirds */
.widescreen--push-one-third {
left: 33.3333333333%;
}
.widescreen--push-two-thirds {
left: 66.6666666667%;
}
/* Quarters */
.widescreen--push-one-quarter {
left: 25%;
}
.widescreen--push-two-quarters {
left: 50%;
}
.widescreen--push-three-quarters {
left: 75%;
}
/* Fifths */
.widescreen--push-one-fifth {
left: 20%;
}
.widescreen--push-two-fifths {
left: 40%;
}
.widescreen--push-three-fifths {
left: 60%;
}
.widescreen--push-four-fifths {
left: 80%;
}
/* Sixths */
.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%;
}
/* Eighths */
.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%;
}
/* Tenths */
.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%;
}
/* Twelfths */
.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%;
}
}
/* ================ Heights ================ */
: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: 0px;
}
.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;
}
@media only screen and (max-width: 749px) {
.screen-height-full--mobile {
height: var(--full-screen);
}
.screen-height-three-quarters--mobile {
height: var(--three-quarters);
}
.screen-height-two-thirds--mobile {
height: var(--two-thirds);
}
.screen-height-one-half--mobile {
height: var(--one-half);
}
.screen-height-one-third--mobile {
height: var(--one-third);
}
.seven-fifty-height-hero--mobile {
height: 750px;
}
.sixty-fifty-height-hero--mobile {
height: 650px;
}
.five-fifty-height-hero--mobile {
height: 550px;
}
.four-fifty-height-hero--mobile {
height: 450px;
}
.three-fifty-height-hero--mobile {
height: 350px;
}
.two-fifty-height-hero--mobile {
height: 250px;
}
}
/**
* Layout
*/
: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;
}
}
html,
body {
min-height: 100%;
}
* {
box-sizing: border-box;
}
html {
font-size: var(--base);
scroll-behavior: smooth;
--scroll-behavior: smooth;
}
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 {
margin: 0;
padding: 0;
display: block;
width: 100%;
min-height: 100%;
background-color: var(---color-bg);
}
/**
* CONTENT WRAPPER
*/
.main-content {
margin: 0;
padding: 0;
min-width: 100%;
display: block;
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;
}
/**
* TABLES
*/
table {
border-collapse: collapse;
border-spacing: 0;
border: 1px solid var(---color-border);
margin: 1em 0;
}
table tr > th,
table tr > td {
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;
}
dt,
dd {
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 > * {
display: inline-block;
text-align: left;
vertical-align: top;
font-size: var(---font-size-base);
}
.just:after {
content: "";
display: inline-block;
width: 100%;
height: 0;
}
/**
* Typography
* https://type-scale.com/
*/
: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, .h5, .recent__title {
font-size: calc(var(--font-5) * var(---font-adjust-heading));
}
h6, .article__author-bio h3, .blog .article__image .article__tags, .h6 {
font-size: calc(var(--font-4) * var(---font-adjust-heading));
}
.h1, .h2, .h3, .h4, .h5, .recent__title, .h6,
h1, h2, h3, h4, h5, h6, .article__author-bio h3, .blog .article__image .article__tags {
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 0;
margin: 0.5em 0;
}
.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, .recent__title .strong, .h5.strong, .strong.recent__title,
.h5 strong,
.recent__title strong, .h6 .strong, .h6.strong,
.h6 strong,
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, .blog .article__image .article__tags .strong, h6.strong, .blog .article__image .strong.article__tags,
h6 strong,
.article__author-bio h3 strong,
.blog .article__image .article__tags strong {
font-weight: var(---font-weight-heading-bold);
}
.h1.theme, .h2.theme, .h3.theme, .h4.theme, .h5.theme, .theme.recent__title, .h6.theme,
h1.theme, h2.theme, h3.theme, h4.theme, h5.theme, h6.theme, .blog .article__image .theme.article__tags {
text-align: center;
position: relative;
z-index: 11;
}
/*================ Headings with body font ================*/
.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: 0px;
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,
.small,
p small {
font-size: calc(var(--font-2) * var(---font-adjust-body));
}
.xs {
font-size: calc(var(--font-1) * var(---font-adjust-body));
}
/*================ Standard elements ================*/
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 {
font-size: calc(var(--font-3) * var(---font-adjust-body));
padding-left: 1.5em;
border-left: 5px solid var(--link);
margin: 0 0 1.5em 1.25em;
}
ul,
ol {
font-size: calc(var(--font-3) * var(---font-adjust-body));
margin: 0 0 1.5em 1.3em;
}
ul.unstyled,
ol.unstyled {
list-style-type: none;
margin-left: 0;
}
ul.inline-list li,
ol.inline-list li {
display: inline-block;
margin-bottom: 0;
}
li {
margin: 0 0 0.25em 0;
}
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;
}
.caps, .footer__copyright, .blog .article__image .article__tags, .popout__toggle, .search-submit, .product-item .sale-box,
.product-item .preorder-box, prefall-box,
.product-item .badge-box {
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) {
.caps, .footer__copyright, .blog .article__image .article__tags, .popout__toggle, .search-submit, .product-item .sale-box,
.product-item .preorder-box, prefall-box,
.product-item .badge-box {
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-holder > *,
.grid__heading-holder,
.grid__heading {
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;
}
/**
* Icons
*/
.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-video path,
.icon-media-model path {
fill: none;
}
.icon-media-video .icon-media-video-outline,
.icon-media-model .icon-media-model-outline {
fill: var(--bg);
opacity: 0.6;
}
.icon-media-video .icon-media-video-element,
.icon-media-model .icon-media-model-element {
fill: currentColor;
}
/*============================================================================
A generic way to visually hide content while
remaining accessible to screen readers (h5bp.com)
==============================================================================*/
.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 ================*/
.payment-icons {
-webkit-user-select: "none";
user-select: "none";
cursor: default;
}
/**
* Rich Text Editor
*/
.rte img {
max-width: 100%;
height: auto;
margin: 10px 0;
}
.rte a {
text-decoration: underline;
}
.rte table {
table-layout: fixed;
}
.rte ul,
.rte ol {
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 ul,
.text-center.rte ol,
.text-center .rte ul,
.text-center .rte ol {
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;
}
/**
* Responsive tables
* defined with .responsive-table on table element.
*/
@media only screen and (max-width: 749px) {
.responsive-table {
width: 100%;
}
.responsive-table thead {
display: none;
}
.responsive-table tr {
display: block;
}
.responsive-table tr,
.responsive-table td {
float: left;
clear: both;
width: 100%;
}
.responsive-table th,
.responsive-table td {
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);
}
}
/**
* Links & Buttons
*/
: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;
}
/*=== Button Styles ====*/
.btn, .shopify-payment-button .shopify-payment-button__button--unbranded, .product__reviews .spr-summary-actions-newreview,
.button {
--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);
}
.btn.caps, .btn.footer__copyright, .blog .article__image .btn.article__tags, .btn.popout__toggle, .btn.search-submit, .shopify-payment-button .caps.shopify-payment-button__button--unbranded, .shopify-payment-button .shopify-payment-button__button--unbranded.footer__copyright, .shopify-payment-button .blog .article__image .shopify-payment-button__button--unbranded.article__tags, .blog .article__image .shopify-payment-button .shopify-payment-button__button--unbranded.article__tags, .shopify-payment-button .shopify-payment-button__button--unbranded.popout__toggle, .shopify-payment-button .shopify-payment-button__button--unbranded.search-submit, .product__reviews .caps.spr-summary-actions-newreview, .product__reviews .spr-summary-actions-newreview.footer__copyright, .product__reviews .blog .article__image .spr-summary-actions-newreview.article__tags, .blog .article__image .product__reviews .spr-summary-actions-newreview.article__tags, .product__reviews .spr-summary-actions-newreview.popout__toggle, .product__reviews .spr-summary-actions-newreview.search-submit, .product-item .btn.sale-box, .product-item .shopify-payment-button .sale-box.shopify-payment-button__button--unbranded, .shopify-payment-button .product-item .sale-box.shopify-payment-button__button--unbranded, .product-item .product__reviews .sale-box.spr-summary-actions-newreview, .product__reviews .product-item .sale-box.spr-summary-actions-newreview,
.product-item .btn.preorder-box,
.product-item .shopify-payment-button .preorder-box.shopify-payment-button__button--unbranded,
.shopify-payment-button .product-item .preorder-box.shopify-payment-button__button--unbranded,
.product-item .product__reviews .preorder-box.spr-summary-actions-newreview,
.product__reviews .product-item .preorder-box.spr-summary-actions-newreview,
.product-item .btn.badge-box,
.product-item .shopify-payment-button .badge-box.shopify-payment-button__button--unbranded,
.shopify-payment-button .product-item .badge-box.shopify-payment-button__button--unbranded,
.product-item .product__reviews .badge-box.spr-summary-actions-newreview,
.product__reviews .product-item .badge-box.spr-summary-actions-newreview,
.button.caps,
.button.footer__copyright,
.blog .article__image .button.article__tags,
.button.popout__toggle,
.button.search-submit,
.product-item .button.sale-box,
.product-item .button.preorder-box,
.product-item .button.badge-box {
font-size: calc(var(--font-1) * var(---font-adjust-body));
}
.btn:hover, .shopify-payment-button .shopify-payment-button__button--unbranded:hover, .product__reviews .spr-summary-actions-newreview:hover, .btn:focus, .shopify-payment-button .shopify-payment-button__button--unbranded:focus, .product__reviews .spr-summary-actions-newreview:focus,
.button:hover,
.button:focus {
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, .shopify-payment-button .shopify-payment-button__button--unbranded:active, .product__reviews .spr-summary-actions-newreview:active,
.button:active {
transform: translateY(1px);
}
.btn--outline, .product__submit--spb .product__submit__add, .product__reviews .spr-summary-actions-newreview {
--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: rgba(255, 255, 255, 0);
color: var(--btn-text);
border: 1px solid var(--btn-border);
box-shadow: none;
}
.btn--outline:hover, .product__submit--spb .product__submit__add:hover, .product__reviews .spr-summary-actions-newreview:hover, .btn--outline:active, .product__submit--spb .product__submit__add:active, .product__reviews .spr-summary-actions-newreview:active, .btn--outline:focus, .product__submit--spb .product__submit__add:focus, .product__reviews .spr-summary-actions-newreview:focus {
background-color: var(--btn-bg-hover);
color: var(--btn-text-hover);
border: 1px solid var(--btn-bg-hover);
}
.btn--outline:active, .product__submit--spb .product__submit__add:active, .product__reviews .spr-summary-actions-newreview:active {
transform: translateY(1px);
}
/*=== Button Colors ====*/
.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__submit--spb .btn--primary.product__submit__add, .product__reviews .btn--primary.spr-summary-actions-newreview {
--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__submit--spb .btn--secondary.product__submit__add, .product__reviews .btn--secondary.spr-summary-actions-newreview {
--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__submit--spb .btn--link.product__submit__add, .product__reviews .btn--link.spr-summary-actions-newreview {
--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__submit--spb .btn--neutral.product__submit__add, .product__reviews .btn--neutral.spr-summary-actions-newreview {
--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__submit--spb .btn--black.product__submit__add, .product__reviews .btn--black.spr-summary-actions-newreview {
--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__submit--spb .btn--white.product__submit__add, .product__reviews .btn--white.spr-summary-actions-newreview {
--btn-bg: $transparent;
--btn-text: #FFF;
--btn-border: #FFF;
--btn-bg-hover: #F7F7F7;
--btn-text-hover: var(---color-text-dark);
--btn-shadow: $transparent;
}
/*=== Button Sizes ====*/
.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);
color: var(---color-text);
border-radius: 100%;
box-shadow: none;
transition: 0.25s ease-out;
transition-property: color, background, border;
}
.btn--pill:hover {
box-shadow: none;
background-color: var(---color-border);
color: var(---color-text);
}
.btn--pill:active, .btn--pill:focus {
background-color: var(---color-border);
box-shadow: none;
}
.btn--pill .icon,
.btn--pill [class^=ico-],
.btn--pill .oi {
margin-left: 6px;
}
/*=== Scroll to top button ==*/
.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-width: 0 0 1px 1px;
border-style: solid;
border-color: currentcolor;
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);
}
}
/*=== Text links ====*/
.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-left: none;
border-right: none;
border-top: none;
border-radius: 0;
background-color: rgba(255, 255, 255, 0);
text-decoration: none !important;
cursor: pointer;
color: var(---color-text);
border-bottom: 1px solid var(---color-border-light);
padding: 0 0 3px;
transition: all 0.25s ease-in;
}
.text-link:hover {
background-color: rgba(255, 255, 255, 0);
color: var(---color-text);
border-bottom: 1px solid var(--border);
padding-bottom: 1px;
margin-bottom: 2px;
box-shadow: none;
}
.text-link:active, .text-link:focus {
background-color: rgba(255, 255, 255, 0);
color: var(---color-text);
transform: translateY(2px);
border-bottom: 1px solid var(--border);
border-left: none;
border-right: none;
border-top: none;
box-shadow: none;
}
.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, .shopify-payment-button .shopify-payment-button__button--unbranded + .text-link, .product__reviews .spr-summary-actions-newreview + .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 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 .shopify-payment-button .shopify-payment-button__button--unbranded,
.shopify-payment-button .input-group.newsletter-form .input-group-btn .shopify-payment-button__button--unbranded,
.input-group.newsletter-form .input-group-btn .product__reviews .spr-summary-actions-newreview,
.product__reviews .input-group.newsletter-form .input-group-btn .spr-summary-actions-newreview,
.input-group.newsletter-form .input-group-btn .btn:active,
.input-group.newsletter-form .input-group-btn .btn:focus {
height: 100%;
padding-top: 0;
padding-bottom: 0;
}
.input-group.newsletter-form .input-group-btn .btn, .input-group.newsletter-form .input-group-btn .shopify-payment-button .shopify-payment-button__button--unbranded, .shopify-payment-button .input-group.newsletter-form .input-group-btn .shopify-payment-button__button--unbranded, .input-group.newsletter-form .input-group-btn .product__reviews .spr-summary-actions-newreview, .product__reviews .input-group.newsletter-form .input-group-btn .spr-summary-actions-newreview,
.input-group.newsletter-form .input-group-btn .btn:active,
.input-group.newsletter-form .input-group-btn .btn:focus {
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;
}
.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 .shopify-payment-button .shopify-payment-button__button--unbranded,
.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 .product__reviews .spr-summary-actions-newreview,
.product__reviews .site-footer-wrapper .input-group.newsletter-form .input-group-btn .spr-summary-actions-newreview,
.site-footer-wrapper .input-group.newsletter-form .input-group-btn .btn:active,
.site-footer-wrapper .input-group.newsletter-form .input-group-btn .btn:focus {
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 .shopify-payment-button .shopify-payment-button__button--unbranded, .shopify-payment-button .input-group.newsletter-form .input-group-btn .shopify-payment-button__button--unbranded, .input-group.newsletter-form .input-group-btn .product__reviews .spr-summary-actions-newreview, .product__reviews .input-group.newsletter-form .input-group-btn .spr-summary-actions-newreview {
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;
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: scale(0, 1);
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__button--unbranded:hover,
.show-button-animation .shopify-payment-button .shopify-payment-button__button--unbranded:not([disabled]):hover {
background: rgba(255, 255, 255, 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;
}
/**
* Forms
*/
input,
textarea,
select,
.popout__toggle,
.input-group {
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: rgba(255, 255, 255, 0);
font-family: var(---font-stack-body);
font-weight: var(---font-weight-body);
font-style: var(---font-style-body);
}
.text-light input,
.text-light textarea,
.text-light select,
.text-light .popout__toggle,
.text-light .input-group {
color: #FFF;
}
@media only screen and (max-width: 749px) {
input,
textarea,
select,
.popout__toggle,
.input-group {
padding: 9px 10px;
font-size: 1rem;
}
}
input:focus,
textarea:focus,
select:focus,
.popout__toggle:focus,
.input-group:focus {
border: 1px solid var(---color-link);
}
input[disabled],
textarea[disabled],
select[disabled],
[disabled].popout__toggle,
.input-group[disabled] {
cursor: default;
background-color: var(---color-border);
border-color: var(---color-border-dark);
}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active,
select:-webkit-autofill,
.popout__toggle:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
select:-webkit-autofill:active,
.input-group:-webkit-autofill,
.input-group:-webkit-autofill:hover,
.input-group:-webkit-autofill:focus,
.input-group:-webkit-autofill:active {
-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-item,
.form-field {
width: 100%;
max-width: 400px;
margin: 0 auto 20px;
line-height: 1;
text-align: left;
position: relative;
}
.form-item select, .form-item .popout__toggle {
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 select, .form-field .popout__toggle,
.form-field input[type=text],
.form-field input[type=password],
.form-field input[type=email],
.form-field input[type=number],
.form-field input[type=tel],
.form-field textarea {
display: block;
width: 100%;
}
input[type=text],
input[type=password],
input[type=email],
input[type=number],
input[type=tel],
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 0px;
-webkit-appearance: radio;
-moz-appearance: radio;
-o-appearance: radio;
appearance: radio;
}
legend {
padding-bottom: 6px;
}
.label--block {
display: block;
}
/*================ Input Group ================*/
.input-group {
background-color: rgba(255, 255, 255, 0);
position: relative;
display: table;
border-collapse: separate;
padding: 0;
}
.input-group .btn, .input-group .shopify-payment-button .shopify-payment-button__button--unbranded, .shopify-payment-button .input-group .shopify-payment-button__button--unbranded, .input-group .product__reviews .spr-summary-actions-newreview, .product__reviews .input-group .spr-summary-actions-newreview {
box-shadow: none;
}
.input-group input,
.input-group input:focus,
.input-group input:active {
background-color: rgba(255, 255, 255, 0);
border: none;
box-shadow: none;
margin: 0;
}
.input-group input::-moz-focus-inner,
.input-group input:focus::-moz-focus-inner,
.input-group input:active::-moz-focus-inner {
border: 0;
padding: 0;
margin-top: -1px;
margin-bottom: -1px;
}
.input-group-field,
.input-group-btn {
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);
}
/*================ Custom select style ================*/
select, .popout__toggle {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-position: right center;
background-image: var(---ico-select);
background-repeat: no-repeat;
background-position: right 10px center;
background-color: transparent;
background-size: 11px auto;
padding-right: 28px;
text-indent: 0.01px;
text-overflow: "";
cursor: pointer;
}
select::-ms-expand, .popout__toggle::-ms-expand {
display: none;
}
/*================ Error styles ================*/
input.input-error,
select.input-error,
.input-error.popout__toggle,
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 0;
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 .shopify-payment-button .shopify-payment-button__button--unbranded, .shopify-payment-button .form--search .shopify-payment-button__button--unbranded, .form--search .product__reviews .spr-summary-actions-newreview, .product__reviews .form--search .spr-summary-actions-newreview {
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;
}
/**
* Blank States
*/
.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;
}
/**
* Images
*/
.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;
}
/* === snippets/image-fill.liquid === */
.image__fill {
display: block;
position: relative;
overflow: hidden;
}
/* === snippets/hero.liquid === */
.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 that fills a position: relative image wrapper == */
.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);
}
/* == Radial underlay with images with overlayed text == */
.backdrop--radial {
position: relative;
}
.backdrop--radial:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transform: scale(5);
z-index: -1;
opacity: 0.25;
background: radial-gradient(var(--bg), rgba(255, 255, 255, 0) 50%);
}
.image-overlay-bottom {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
opacity: 0.5;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.3) 100%);
}
/* === image load animations === */
.fade-in-image .background-size-cover.lazyloaded {
opacity: 1;
}
.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 {
content: "";
position: absolute;
background-color: inherit;
top: 0;
left: -35%;
width: 100%;
bottom: 0;
will-change: transform;
animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
}
.loader-indeterminate::after {
content: "";
position: absolute;
background-color: inherit;
top: 0;
left: -200%;
width: 100%;
bottom: 0;
will-change: transform;
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) scale(0.35, 1);
}
60% {
transform: translateX(50%) scale(0.9, 1);
}
100% {
transform: translateX(100%) scale(0.9, 1);
}
}
@keyframes indeterminate-short {
0% {
transform: translateX(0) scale(2, 1);
}
60% {
transform: translateX(460px) scale(0.01, 1);
}
100% {
transform: translateX(460px) scale(0.01, 1);
}
}
/* Tooltip Default */
.tooltip-default {
position: absolute;
z-index: 9999;
top: 0;
left: 0;
right: 0;
pointer-events: none;
opacity: 0;
transition: opacity 0.2s ease-out;
}
.tooltip-default__inner {
position: relative;
display: inline-block;
max-width: 100%;
}
.tooltip-default__arrow {
position: absolute;
top: 8px;
left: 0;
z-index: 1;
margin-top: 3px;
transition: top 0.2s ease-out;
}
.tooltip-default__arrow:before {
position: absolute;
top: 0;
left: 0;
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);
content: "";
}
.tooltip-default__text {
position: relative;
top: 8px;
margin-top: 10px;
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;
transition: top 0.2s ease-out;
}
.tooltip-default.is-hiding {
opacity: 1;
}
.tooltip-default.is-hiding .tooltip-default__arrow,
.tooltip-default.is-hiding .tooltip-default__text {
top: 0;
}
.tooltip-default.is-visible {
transition: none;
animation: tooltip-opacity 0.2s ease-out;
animation-fill-mode: forwards;
}
.tooltip-default.is-visible .tooltip-default__arrow,
.tooltip-default.is-visible .tooltip-default__text {
transition: none;
animation: tooltip-top 0.2s ease-out;
animation-fill-mode: forwards;
}
@keyframes tooltip-top {
from {
top: 8px;
}
to {
top: 0;
}
}
@keyframes tooltip-opacity {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
/*================ MODULES ================*/
/* ============================================================================
#Site Header
============================================================================== */
.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);
}
.theme__header:hover, .meganav--visible .theme__header {
z-index: 9998;
}
.header__wrapper:hover,
.header__wrapper.meganav--visible {
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-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 {
justify-content: flex-start;
}
.header__mobile__left .header__mobile__button .navlink {
justify-content: flex-start;
}
.header__mobile__right {
justify-content: flex-end;
}
.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;
width: auto;
height: 100%;
display: flex;
align-items: center;
margin-right: 24px;
transition: 0.25s ease-in-out;
}
.header__icons--text .header__mobile__button .navlink {
padding: 15px;
margin-right: 0;
}
@media only screen and (max-width: 749px) {
.header__icons--text .header__mobile__button .navlink {
padding: 0;
margin-right: 11px;
}
}
.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__upper,
.header__desktop__lower,
.header__mobile {
padding-left: var(--outer);
padding-right: var(--outer);
}
.header__desktop__upper,
.header__desktop__lower {
display: flex;
width: 100%;
justify-content: space-around;
align-items: center;
flex-wrap: nowrap;
}
.header__desktop__bar__l,
.header__desktop__bar__c,
.header__desktop__bar__r {
display: flex;
align-self: stretch;
}
.header__desktop__bar__l {
flex: 1 0 0;
justify-content: flex-start;
}
.header__desktop__upper--reverse .header__desktop__bar__l {
justify-content: center;
}
.header__desktop__bar__c {
flex-grow: 0;
}
.header__desktop__upper--reverse .header__desktop__bar__c {
order: -1;
min-width: 33.33%;
}
.header__desktop__buttons {
display: flex;
}
.header__menu__inner {
display: flex;
height: 100%;
}
.navlink--toplevel,
.header__desktop__button .navlink {
align-items: center;
display: flex;
height: 100%;
}
.header__desktop__button .navlink:not(.navlink--toplevel) {
padding: 5px 11px;
transition: 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.header__desktop {
width: 100%;
}
.header__icons--size-large .icon {
width: 30px;
height: 30px;
}
.header__icons--size-regular .icon {
width: 20px;
height: 20px;
}
.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--toplevel::after {
content: "";
position: absolute;
left: 8px;
right: 8px;
bottom: 0;
height: 2px;
background-color: var(---color-menu-link-hover);
transform: scaleX(0);
transition: transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media only screen and (max-width: 749px) {
.navlink--toplevel::after {
display: none;
}
}
.navlink--toplevel:hover {
color: var(--color-link);
}
@media only screen and (max-width: 749px) {
.navlink--toplevel:hover {
color: var(--link-hover);
}
}
.navlink--toplevel:hover::after {
transform: scaleX(1);
}
.is-visible .navlink--toplevel::after {
transform: scaleX(1);
}
.navtext {
font-size: calc(var(--font-2) * var(---font-adjust-nav));
display: block;
transition: color 0.25s ease-out;
}
.header__desktop__bar__r {
flex: 1 0 0;
justify-content: flex-end;
}
.header__desktop__bar__r > .header__menu__inner,
.header__desktop__bar__r > .header__desktop__buttons {
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);
}
/* ================ Sticky header ================ */
.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(0px);
transition: transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.theme__header::after {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
z-index: -5;
transition: opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), visibility 0s linear 0.2s;
opacity: 0;
visibility: hidden;
background: var(--bg);
}
/* ================ Transparent header ================ */
.logo__img {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
object-fit: contain;
opacity: 0;
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__upper,
[data-header-transparent=true]:not(.meganav--visible) .header__desktop__lower,
[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: rgba(255, 255, 255, 0);
}
[data-header-transparent=true]:not(.meganav--visible) .header__desktop__lower,
[data-header-transparent=true]:not(.meganav--visible) .header__desktop__upper {
background-color: rgba(255, 255, 255, 0);
}
[data-header-transparent=true]:not(.meganav--visible) .header__desktop__lower {
border-top: 1px solid rgba(255, 255, 255, 0);
}
[data-header-transparent=true]:not(.meganav--visible) .navlink--toplevel::after {
background-color: currentColor;
}
[data-header-transparent=true]:not(.meganav--visible) .parent .navlink--toplevel::after,
[data-header-transparent=true]:not(.meganav--visible) .grandparent .navlink--toplevel::after {
display: none;
}
[data-header-transparent=true]:not(.meganav--visible) .header__logo--has-transparent .logo__img--color {
opacity: 0;
}
[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;
}
.header__menu.caps, .header__menu.footer__copyright, .blog .article__image .header__menu.article__tags, .header__menu.popout__toggle, .header__menu.search-submit, .product-item .header__menu.sale-box,
.product-item .header__menu.preorder-box,
.product-item .header__menu.badge-box {
letter-spacing: 0.1em;
}
/* ================ Large / Small Display Logic ================ */
@media only screen and (max-width: 479px) {
.header__mobile {
display: grid;
}
.header__desktop {
position: relative;
overflow: hidden;
max-height: 0;
opacity: 0;
visibility: hidden;
pointer-events: none;
}
}
@media only screen and (min-width: 480px) {
.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 {
position: relative;
overflow: hidden;
max-height: 0;
opacity: 0;
visibility: hidden;
pointer-events: none;
}
/* ============================================================================
#Site Nav and Dropdowns
============================================================================== */
.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);
}
.menu__item:not(.grandparent):hover > .header__dropdown,
.header__dropdown.is-visible {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.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:hover .hero__description,
.header__dropdown__image a .hero__description {
color: var(--text);
}
/* ============================================================================
#Large Meganav
============================================================================== */
.grandparent .header__dropdown {
width: 100%;
left: 0;
max-width: 100vw;
overflow-y: auto;
max-height: calc(100vh - var(--menu-height));
}
.grandparent .header__dropdown__inner {
display: flex;
justify-content: space-between;
}
.grandparent .header__grandparent__links {
flex: 3;
display: grid;
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: rgba(0, 0, 0, 0);
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 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.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));
}
[class*=images-].grandparent.kids-4 .header__grandparent__links {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
[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-2.images-1 .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%;
}
/* ================ Hover animations ================ */
/* Basic Dropdown */
.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:hover .navlink--child,
.menu__item.parent .is-visible .navlink--child {
opacity: 1;
transform: translateY(0);
}
/* Basic Meganav */
.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: transparent;
}
/* Image Meganav */
.header__dropdown:not(.is-visible) .header__dropdown__image,
.header__dropdown:not(.is-visible) .background-size-cover {
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 > div,
.is-visible .header__dropdown__image .background-size-cover {
transition-delay: inherit;
}
/* Match hover state of button */
.header__dropdown__image:hover .btn--white {
background-color: #FFF;
color: var(---color-text);
border: 1px solid #FFF;
box-shadow: none;
}
.menu__item:not(.grandparent):hover > .header__dropdown,
.header__dropdown.is-visible {
opacity: 1;
visibility: visible;
pointer-events: auto;
transition-delay: 0s;
}
/* ================ Hover animations ================ */
.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;
}
/* ================ Header cart status ================ */
.cart__icon__content {
position: relative;
font-size: 0;
}
.cart__icon__content--modern {
top: -1px;
}
.cart__icon__content--text .navtext:not([data-cart-count="0"]) {
display: inline;
}
[data-cart-count="0"] {
display: none;
}
.header__desktop__buttons--icons .header__cart__status:not([data-cart-count="0"]):not(.navtext),
.header__mobile__button .header__cart__status:not([data-cart-count="0"]):not(.navtext) {
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 var(--bg);
color: var(--bg);
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__desktop__buttons--icons .header__cart__status.navtext:not([data-cart-count="0"]):before,
.header__mobile__button .header__cart__status.navtext:not([data-cart-count="0"]):before {
content: attr(data-status-separator);
}
.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: 0px;
right: -8px;
}
.navlink--cart:hover .header__cart__status:not(.navtext) {
transform: scale(1.1);
}
/* ================ Icon sizes ================ */
.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.parent:focus-within .header__dropdown,
.no-js .menu__item.parent:focus-within .navlink,
.no-js .menu__item.grandparent:focus-within .header__dropdown,
.no-js .menu__item.grandparent:focus-within .navlink,
.no-js .menu__item.parent:hover .header__dropdown,
.no-js .menu__item.parent:hover .navlink,
.no-js .menu__item.grandparent:hover .header__dropdown,
.no-js .menu__item.grandparent:hover .navlink {
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto;
}
.no-js .navlink--toplevel:focus + .header__dropdown {
opacity: 1 !important;
visibility: visible !important;
}
.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: translate3d(0, 0, 0);
visibility: visible;
}
100% {
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__slide {
min-height: 45px;
}
.announcement__slide:not(.announcement__bar) {
white-space: nowrap;
}
.announcement__slide:not(.announcement__bar) > *, .announcement__slide:not(.announcement__bar):before {
display: inline-block;
width: 100%;
vertical-align: middle;
}
.announcement__slide:not(.announcement__bar):before {
min-height: 45px;
width: 0;
content: "";
}
.announcement__bar {
display: flex;
justify-content: space-between;
align-items: center;
text-align: center;
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:link,
.announcement__bar a:hover {
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__text,
.announcement__main,
.announcement__more {
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 currentColor;
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;
}
[data-slider].announcement__bar-holder.flickity-enabled .announcement__scale.ticker--unloaded {
position: static;
}
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);
animation-play-state: paused;
display: inline-block;
padding-right: 50px;
padding-left: 50px;
width: max-content;
will-change: transform, padding, width;
}
.ticker--animated:hover {
animation-play-state: paused;
}
[data-slider].announcement__bar-holder {
background-color: var(--bg);
}
[data-slider].announcement__bar-holder .announcement__bar {
top: 50%;
opacity: 0 !important;
transition: opacity 1s ease !important;
transform: translateY(-50%);
}
[data-slider].announcement__bar-holder .announcement__bar.is-selected {
opacity: 1 !important;
}
.announcement__bar-holder > .announcement__bar:hover .ticker--animated,
.announcement__bar:hover .ticker--animated,
.announcement__bar-holder > .announcement__bar [data-stop] .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: 50vw;
max-width: 640px;
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: translate3d(0, 0, 0);
}
@media only screen and (max-width: 989px) {
.drawer__content {
max-width: 380px;
}
}
@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;
overflow-x: hidden;
overflow-y: auto;
overscroll-behavior: contain;
-webkit-overflow-scrolling: touch;
transition: padding-top 0.5s linear;
will-change: padding;
mask-image: linear-gradient(to top, transparent, black), linear-gradient(to left, transparent var(--scrollbar-width), black var(--scrollbar-width));
mask-size: 100% 20000px;
mask-position: left bottom;
-webkit-mask-image: linear-gradient(to top, transparent, black), linear-gradient(to left, transparent var(--scrollbar-width), black 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:hover, .drawer__close:focus {
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);
}
.header__drawer.caps, .header__drawer.footer__copyright, .blog .article__image .header__drawer.article__tags, .header__drawer.popout__toggle, .header__drawer.search-submit, .product-item .header__drawer.sale-box,
.product-item .header__drawer.preorder-box,
.product-item .header__drawer.badge-box {
letter-spacing: 0.1em;
}
.header__drawer__selects {
display: flex;
height: 100%;
width: 100%;
margin: 0 -20px;
}
.header__drawer__selects .popout-list {
bottom: initial;
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__left,
.drawer__bottom__center {
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
============================================================================== */
.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;
overflow-y: auto;
}
.search-popdown.has-errors {
position: static;
width: 100%;
padding: 10px 0 0 0;
border-bottom: none;
}
.search-popdown.is-visible {
opacity: 1;
visibility: visible;
transition-delay: 0s;
transform: translate3d(0, 0, 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 {
font-size: calc(1rem * var(---font-adjust-body));
cursor: pointer;
padding: 20px 0;
height: 100%;
display: flex;
align-items: center;
}
.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:focus, .search__popdown__form input:active {
box-shadow: none;
}
.search__popdown__form__button {
padding: 0 15px;
}
.search__popdown__form__button .icon {
width: 30px;
height: 30px;
}
/* Results */
.header__search__results {
background: var(--bg);
mask-image: linear-gradient(to top, transparent, black), linear-gradient(to left, transparent var(--scrollbar-width), black var(--scrollbar-width));
mask-size: 100% 20000px;
mask-position: left bottom;
-webkit-mask-image: linear-gradient(to top, transparent, black), linear-gradient(to left, transparent var(--scrollbar-width), black 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;
}
.drawer__menu[data-sliderule-pane="0"]:not(.is-hiding) {
overflow-x: hidden;
}
.drawer__menu[data-sliderule-pane="0"] .sliderule__panel.is-hiding {
overflow-y: auto;
overflow-x: hidden;
}
.drawer__menu[data-sliderule-pane="0"] .sliderule__panel.is-hiding .sliderule__panel {
overflow-y: hidden;
overflow-x: hidden;
}
.drawer__menu[data-sliderule-pane="1"] {
transform: translateX(-100%);
}
.drawer__menu[data-sliderule-pane="1"].is-hiding .sliderule__panel {
overflow: visible;
}
.drawer__menu[data-sliderule-pane="1"]:not(.is-hiding) .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="1"] .sliderule__panel .sliderule__panel.is-hiding {
overflow-y: visible;
overflow-x: visible;
height: auto;
}
.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%;
transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
visibility: hidden;
height: 0;
opacity: 0;
flex-direction: column;
display: flex;
overflow: hidden;
}
.sliderule__panel.is-hiding,
.sliderule__panel.is-visible {
visibility: visible;
opacity: 1;
height: auto;
transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.header__drawer.drawer--visible .drawer__menu > .sliderule__wrapper > [data-animates].is-hidden,
.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].is-hidden,
[data-sliderule-pane] [data-animates].is-hidden.is-visible,
[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] .is-hiding .sliderow.sliderow__back[data-animates],
[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%;
min-height: var(--item-height);
display: flex;
align-items: center;
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__title {
min-height: var(--item-height);
width: calc(100% - var(--outer));
padding: 0 calc(var(--outer) / 2);
margin: 0 calc(var(--outer) / 2);
position: relative;
display: flex;
align-items: center;
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-width: 0 0 2px 2px;
border-style: solid;
border-color: currentColor;
margin: 0 5px;
vertical-align: middle;
transform: rotate(-135deg);
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 {
cursor: pointer;
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 + .sliderow__title:hover {
color: var(--link-hover);
}
.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-hiding > *,
.sliderule__panel.is-visible > * {
opacity: 1;
transition: opacity 0.2s ease-out;
}
.sliderule__panel.is-hiding {
overflow: visible;
}
@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 {
grid-template-columns: repeat(1, 1fr);
}
.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:nth-child(1) {
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:nth-child(1) {
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) scale(0, 1);
}
.header__icons--clean .hamburger__lines span {
width: 26px;
height: 1px;
}
.header__icons--clean .hamburger__lines span:nth-child(1) {
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:nth-child(1) {
top: 15px;
}
.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:nth-child(1) {
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:nth-child(1) {
top: 15px;
}
.header__icons--modern .drawer--visible .hamburger__lines span:nth-child(3) {
top: 15px;
}
.header__icons--size-regular .hamburger__lines span {
width: 16px;
height: 3px;
}
.header__icons--size-regular .hamburger__lines span:nth-child(1) {
top: 8px;
}
.header__icons--size-regular .hamburger__lines span:nth-child(2) {
top: 14px;
}
.header__icons--size-regular .hamburger__lines span:nth-child(3) {
top: 20px;
}
.header__icons--size-regular .drawer--visible .hamburger__lines span:nth-child(1),
.header__icons--size-regular .drawer--visible .hamburger__lines span:nth-child(3) {
top: 15px;
}
.header__icons--size-regular.header__icons--clean .hamburger__lines span {
height: 1px;
}
.header__icons--size-regular.header__icons--modern .hamburger__lines span {
height: 2px;
}
.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;
}
/**
* Home page spacing
*/
.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-right, .layout--grid .grid__heading-holder > *.text-left {
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) .shopify-payment-button .shopify-payment-button__button--unbranded, .shopify-payment-button .layout--grid .grid__btn-wrapper:not(.grid__btn-wrapper--static) .shopify-payment-button__button--unbranded, .layout--grid .grid__btn-wrapper:not(.grid__btn-wrapper--static) .product__reviews .spr-summary-actions-newreview, .product__reviews .layout--grid .grid__btn-wrapper:not(.grid__btn-wrapper--static) .spr-summary-actions-newreview {
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: center center;
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) {
.layout--slider .grid-container > .grid__heading-holder + * .product-grid--slider .collection-item,
.layout--slider .grid-container > .grid__heading-holder + * .product-grid--slider .product-item {
width: 38% !important;
}
}
@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 .product-item {
width: 72% !important;
}
}
@media only screen and (min-width: 750px) and (max-width: 989px) {
.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: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: calc(50px * 2);
padding-bottom: calc(50px * 2);
}
.margin--large {
padding-top: calc(50px * 3);
padding-bottom: calc(50px * 3);
}
.margin--zero {
padding-top: 0;
padding-bottom: 0;
}
/*=============== Backgrounds ===============*/
.homepage-columns,
.index-collections-list,
.index-product,
.index-products,
.index-tab-collections,
.index-newsletter,
.index-page,
.index-contact,
.index-rte,
.index-blog {
background-color: var(---color-bg);
}
/*=============== Sections Helpers ===============*/
.rte--homepage {
font-size: calc(var(--font-3) * var(---font-adjust-body));
margin-bottom: 0;
}
.wide-image {
overflow: hidden;
position: relative;
background-color: transparent;
}
.background-size-cover {
display: block;
background-size: cover;
background-position: center center;
background-color: var(---color-bg);
width: 100%;
height: 100%;
overflow: hidden;
position: absolute;
top: 0;
right: 0;
z-index: 1;
}
.responsive-wide-image {
width: 100%;
display: block;
}
/*=============== Overlays ===============*/
.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 Section Layout ==*/
.hero__content__wrapper {
display: flex;
position: absolute;
top: 0;
right: 0;
z-index: 200;
width: 100%;
height: 100%;
overflow: hidden;
}
@media only screen and (min-width: 990px) {
.index-hero .hero__content,
.homepage-slideshow .hero__content,
.featured-video-section .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-left: auto;
margin-right: auto;
margin-top: 15px;
margin-bottom: 15px;
height: auto;
max-width: 100%;
}
.hero__title {
margin-bottom: var(--line);
font-size: calc(var(--font-6) * var(---font-adjust-heading));
}
/*=== Larger title for hero sections only ==*/
.featured-video-section .hero__title,
.section-video .hero__title,
.index-hero .hero__title,
.split-hero .hero__title,
.homepage-slideshow .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__title,
.hero__description,
.hero__button {
margin-top: 0;
}
.hero__title:last-child,
.hero__description:last-child,
.hero__button:last-child {
margin-bottom: 0;
}
/*=== Text sections ===*/
@media only screen and (max-width: 749px) {
.text__standard {
padding-top: 10px;
padding-bottom: 10px;
}
}
.text__standard *:last-child,
.standard__heading:last-child {
margin-bottom: 0;
}
.standard__heading:first-child {
margin-top: 0;
}
.standard__subheading,
.standard__heading,
.standard__rte,
.standard__cta {
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: 2 180px;
column-gap: var(--gutter);
}
.columns--3 {
columns: 3 180px;
column-gap: var(--gutter);
}
.columns--4 {
columns: 4 180px;
column-gap: var(--gutter);
}
/*=== Text colors with bg settings ==*/
.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 .image-overlay,
.text-dark .hero__content {
background-color: #FFF;
}
.hero__content--transparent .hero__content {
padding: 0;
background-color: rgba(255, 255, 255, 0);
box-shadow: none;
}
.template-index .container {
background-color: rgba(255, 255, 255, 0);
}
.index-newsletter .hero__content__wrapper {
z-index: 11;
}
.no-js .section-video,
.no-js .popout__toggle {
display: none;
}
/*=============== Section Columns ===============*/
.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:after, .section-columns .grid--full:after {
content: "";
display: none;
}
}
@media only screen and (max-width: 749px) {
.section-columns .grid__outer {
overflow: hidden;
}
}
.section-columns .wrapper .grid__outer,
.section-columns .wrapper--narrow .grid__outer {
overflow: hidden;
}
.section-columns .wrapper--full {
overflow: hidden;
}
.section-columns .wrapper--full .flickity-viewport {
overflow: visible;
}
@media only screen and (min-width: 990px) {
.section-columns .wrapper .grid, .section-columns .wrapper .grid--full,
.section-columns .wrapper--narrow .grid,
.section-columns .wrapper--narrow .grid--full {
margin: 0 calc(var(--inner) * -1);
}
}
@media only screen and (min-width: 750px) {
.section-columns [data-slider].grid:after, .section-columns [data-slider].grid--full:after {
content: "flickity";
display: none;
}
}
@media only screen and (max-width: 989px) {
.section-columns .wrapper--narrow,
.section-columns .wrapper--full,
.section-columns .wrapper {
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: calc(100% - 50px);
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: center center;
}
.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;
}
/* Changes to padding due to border setting*/
.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: "";
}
@media only screen and (max-width: 989px) {
.column--border .column__grid__item:not(:first-child) {
margin-left: 0;
}
}
.column--border .column__image__bg {
border-bottom: 1px solid var(--border);
}
.column--border .column__content {
padding: var(--inner);
}
.column--borderless {
background-color: var(--bg);
}
@media only screen and (min-width: 990px) {
.column--borderless .wrapper--narrow,
.column--borderless .wrapper--full,
.column--borderless .wrapper {
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, .shopify-payment-button .column__text + .shopify-payment-button__button--unbranded, .product__reviews .column__text + .spr-summary-actions-newreview {
margin-top: 15px;
}
/**
* General modal styles
*/
@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__text,
.modal__image {
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: center center;
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 {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 1;
background: rgba(255, 255, 255, 0.5);
}
.modal__outer {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
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.prev,
.modal__outer a.next {
display: block;
width: 24px;
height: 24px;
position: absolute;
top: 20px;
z-index: 20;
margin: 0;
opacity: 1;
}
.modal__outer a.prev .icon,
.modal__outer a.next .icon {
stroke: #B1B1B1;
width: 100%;
height: 100%;
pointer-events: none;
}
.modal__outer a.prev:hover .icon,
.modal__outer a.next:hover .icon {
stroke: #D8D8D8;
}
.modal__outer a.prev {
right: 100px;
left: auto;
}
.modal__outer a.next {
right: 60px;
}
/**
* Home Modal
*/
.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.modal__overlay--newsletter,
.modal__overlay--newsletter .modal__outer {
position: fixed;
top: initial;
left: initial;
right: initial;
bottom: 0;
width: auto;
height: auto;
background: transparent;
z-index: 6000;
padding: 0;
}
.modal__overlay--newsletter .modal__outer,
.modal__overlay--newsletter .modal--newsletter {
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 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;
}
}
/**
* Dark and light for home newsletter
*/
.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);
}
/**
* Gift cards
*/
.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 img,
.template-giftcard .wrapper object,
.template-giftcard .wrapper iframe {
max-width: 100%;
}
.giftcard-header {
padding: 60px 0 0 0;
font-size: 1em;
text-align: center;
animation: fadein 0.5s ease-in-out both 0.4s;
}
.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:before, .giftcard__wrap:after {
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:before, .lt-ie9 .giftcard__wrap:after {
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: baseline;
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: baseline;
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 {
display: block;
position: absolute;
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 both 0.7s;
}
.tooltip:before {
content: "";
display: block;
position: absolute;
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:hover, .action-link:focus {
color: var(--text);
}
.action-link__print {
display: inline-block;
vertical-align: baseline;
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 both 0.4s;
}
.giftcard__icon {
width: 45px;
display: inline-block;
vertical-align: baseline;
}
#QrCode {
text-align: center;
}
#QrCode img {
padding: 30px;
border: 1px solid var(--border);
border-radius: 4px;
margin: 0 auto 30px;
}
/*============================================================================
#Media Queries
==============================================================================*/
/*================ Medium-down width ================*/
@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__border,
.giftcard__actions {
padding: 15px;
}
.giftcard__actions .btn, .giftcard__actions .shopify-payment-button .shopify-payment-button__button--unbranded, .shopify-payment-button .giftcard__actions .shopify-payment-button__button--unbranded, .giftcard__actions .product__reviews .spr-summary-actions-newreview, .product__reviews .giftcard__actions .spr-summary-actions-newreview {
width: 100%;
padding-left: 0;
padding-right: 0;
}
.action-link {
display: none;
}
}
/*================ Small width ================*/
@media screen and (max-width: 400px) {
.giftcard__amount strong {
text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);
}
.giftcard__wrap:before,
.giftcard__wrap:after {
display: none;
}
.giftcard__code {
font-size: 0.75em;
}
.giftcard__code--medium {
font-size: 0.65em;
}
.giftcard__code--small {
font-size: 0.55em;
}
}
/*================ Small height ================*/
@media screen and (max-height: 800px) {
.header-logo img {
max-height: 90px;
}
}
/*============================================================================
#Print Styles
==============================================================================*/
@media print {
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
html,
body {
background-color: #FFF;
}
.giftcard-header {
padding: 10px 0;
}
.giftcard__content,
.giftcard__border {
border: 0 none;
}
.giftcard__actions,
.giftcard__wrap:before,
.giftcard__wrap:after,
.tooltip,
.add-to-apple-wallet {
display: none;
}
.giftcard__title {
float: none;
text-align: center;
}
.giftcard__code__text {
color: #555;
}
.shop-url {
display: block;
}
.logo {
color: #58686F;
}
}
/*============================================================================
#Keyframe Animations
==============================================================================*/
@keyframes slideup {
0% {
opacity: 0;
-webkit-transform: translateY(2000px) rotate(10deg);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
}
100% {
-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);
}
100% {
-webkit-transform: translateY(0);
}
}
@keyframes container-slide {
0% {
opacity: 0;
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(0deg);
}
}
@keyframes fadein {
0% {
opacity: 0;
}
100% {
opacity: 100;
}
}
/**
* NEWSLETTER
*/
.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: 0px;
}
@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;
padding-right: var(--outer);
}
@media only screen and (max-width: 749px) {
.align--middle-stacked .newsletter__entry {
padding-right: 0;
}
}
.align--middle-stacked .hero__content--default .newsletter__entry {
max-width: calc(500px + var(--outer));
}
@media only screen and (max-width: 749px) {
.align--middle-stacked .hero__content--default .newsletter__entry {
max-width: none;
}
}
.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 {
margin-left: 0;
}
.text-left .newsletter-signup {
margin-left: 0;
}
.align--middle-right .newsletter-signup {
margin-right: 0;
}
.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;
}
}
.input-group-btn .caps, .input-group-btn .footer__copyright, .input-group-btn .blog .article__image .article__tags, .blog .article__image .input-group-btn .article__tags, .input-group-btn .popout__toggle, .input-group-btn .search-submit, .input-group-btn .product-item .sale-box, .product-item .input-group-btn .sale-box,
.input-group-btn .product-item .preorder-box,
.product-item .input-group-btn .preorder-box,
.input-group-btn .product-item .badge-box,
.product-item .input-group-btn .badge-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 currentColor;
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:hover,
.newsletter .input-group.newsletter-form input:-webkit-autofill:focus,
.newsletter .input-group.newsletter-form input:-webkit-autofill:active {
-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 .shopify-payment-button .shopify-payment-button__button--unbranded:active, .shopify-payment-button .newsletter .input-group.newsletter-form .shopify-payment-button__button--unbranded:active, .newsletter .input-group.newsletter-form .product__reviews .spr-summary-actions-newreview:active, .product__reviews .newsletter .input-group.newsletter-form .spr-summary-actions-newreview: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:after,
.newsletter .input-group.newsletter-form .input-group-btn .btn--arrow:active: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 currentColor;
border-bottom: 2px solid currentColor;
transform: translateY(-50%) rotate(-135deg);
}
.newsletter .input-group.newsletter-form .input-group-btn .btn--arrow:before,
.newsletter .input-group.newsletter-form .input-group-btn .btn--arrow:active: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
* without image
*/
.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: center center;
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;
min-height: 48px;
padding-left: 68px;
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 strong:last-child {
padding-bottom: 0;
}
.review__author span {
display: block;
font-size: calc(0.6875rem * var(---font-adjust-body));
text-transform: uppercase;
letter-spacing: 2px;
margin-top: 5px;
}
.review__author span:first-child {
margin-top: 0;
}
.review--no-image .review__author {
display: inline-block;
}
.review__author--no-bio-image {
padding-left: 0;
}
.review__author__content {
display: flex;
flex-direction: column;
justify-content: center;
min-height: 48px;
padding-left: 19px;
}
.review__author__content:first-child {
padding-left: 0;
}
@media only screen and (max-width: 749px) {
.review__author__content {
padding-left: 0;
}
}
.review__author-bio-image {
position: absolute;
top: -10px;
left: 0;
width: 68px;
height: 68px;
border-radius: 50%;
overflow: hidden;
background-position: center center;
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) {
.wrapper--brick .look__slide:first-child:last-child, .brick--margin .look__slide:first-child:last-child, .look__slide:first-child:last-child {
width: calc(100% - 25px);
}
}
@media only screen and (max-width: 749px) {
.wrapper--brick .look__slide, .brick--margin .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 0;
}
.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: center center;
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:before, .look__dot__wrapper:after {
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;
}
100% {
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);
}
100% {
transform: translateY(0);
}
}
/**
* List Collections Page
*/
.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 auto;
}
}
.collection-block__image-bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-position: center center;
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
*/
.password-page__wrapper {
height: 100%;
width: 100%;
position: absolute;
}
.password-page__background {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: table;
height: 100%;
width: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.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 h1,
.password-page__signup-form h3,
.password-page__signup-form p,
.password-page__signup-form small,
.password-page__signup-form i,
.password-page__signup-form a {
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: 0px;
margin-bottom: 25px;
}
}
.form-customer-signup,
.form-admin-login {
overflow: hidden;
padding-bottom: 20px;
}
.signup-input,
.password-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;
}
.signup-input,
.password-input,
.signup-input:hover,
.password-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 {
width: 100%;
height: 100%;
}
.password__wrapper {
display: table;
height: 100%;
width: 100%;
color: var(---color-text);
background-color: var(---color-link);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
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 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 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__message,
.password__login-form,
.password__signup-form {
max-width: 500px;
margin: 0 auto;
}
.password__login-form {
text-align: center;
padding: 100px 50px;
}
.password__login-form,
.password__box {
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 {
display: flex;
flex-wrap: wrap;
margin-right: -10px;
}
.selector-wrapper {
min-width: 50%;
flex-grow: 1;
padding-right: 10px;
}
.selector-wrapper select, .selector-wrapper .popout__toggle {
width: 100%;
}
.selector-wrapper label {
font-size: calc(12px * var(---font-adjust-body));
}
/* = both radio and swatch = */
.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;
}
.swatch__button label:hover,
.radio__button label:hover {
cursor: pointer;
}
/* = radio button specific = */
.radio__button {
position: relative;
display: inline-block;
padding: 5px 10px 5px 0;
}
.radio__button:first-of-type {
padding-left: 0px;
}
.radio__fieldset {
margin-bottom: var(--form-margin);
}
.radio__fieldset .radio__button label {
display: block;
font-size: inherit;
line-height: 1.3;
position: relative;
margin: 0;
padding: var(--form-top) var(--form-left);
color: inherit;
background-color: transparent;
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:hover, .radio__fieldset .radio__button label:active, .radio__fieldset .radio__button label:focus {
border: 1px solid var(--secondary);
}
.radio__fieldset .radio__button input:checked ~ label {
border: 1px solid var(--primary);
}
.radio__fieldset .selector-wrapper__scrollbar {
overflow: hidden;
position: relative;
margin: 0 30px -17px;
padding-bottom: 17px;
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: scale(-1, 1);
}
.radio__fieldset .radio__fieldset-arrow--next {
right: 5px;
}
.radio__fieldset .radio__fieldset-arrow:before {
content: "";
display: inline-block;
width: 8px;
height: 8px;
border-width: 0 0 2px 2px;
border-style: solid;
border-color: currentColor;
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 ~ label::after {
width: 26px;
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 * {
pointer-events: none;
}
.radio__fieldset--swatches .swatch__button input:checked ~ label {
margin: 0;
}
.radio__fieldset--swatches .swatch__button input:checked + label:after {
border-color: var(--border);
}
.radio__fieldset--swatches.radio__fieldset--small .swatch__button input:checked + label:after {
top: -1px;
left: -1px;
width: 26px;
height: 26px;
}
.radio__fieldset--swatches .swatch__button input:disabled + label:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 2px;
height: 26px;
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: initial;
transform: translateY(-50%);
}
.radio__fieldset--swatches .radio__fieldset-arrow--prev {
transform: translateY(-50%) scale(-1, 1);
}
/* = swatch button specific = */
.swatch__button {
--swatch: #CCC;
display: inline-block;
vertical-align: top;
padding: 5px 0;
margin-right: 10px;
position: relative;
pointer-events: initial;
}
.swatch__button input,
.radio__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: 32px;
height: 32px;
margin: 0;
border-radius: 100%;
background-color: var(--swatch);
}
.swatch__button input:checked ~ label {
margin: 4px;
width: 24px;
height: 24px;
}
.swatch__button input:checked ~ label[data-swatch=white i] {
box-shadow: inset 0 0 0 1px var(--border);
}
.swatch__button input ~ label::after {
content: "";
position: absolute;
top: -1px;
left: -1px;
width: 32px;
height: 32px;
border-radius: 100%;
border: 1px solid var(--border);
}
.swatch__button input:checked ~ label::after {
top: -5px;
left: -5px;
border-color: var(--primary);
}
.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;
}
/* = swatches on collections = */
.grid__swatch__container {
min-height: 29px;
}
.grid__swatch__container .swatch__button {
padding: 10px 0 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: initial;
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: 0px;
bottom: -10px;
height: 2px;
width: 100%;
background: var(--secondary);
}
/**
* Product Grid
*/
.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;
}
.product-grid.flickity-enabled .flickity-viewport {
overflow: visible;
}
@media only screen and (min-width: 750px) {
.product-grid.flickity-enabled .product-item {
width: 28% !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: 28% !important;
}
}
@media only screen and (min-width: 750px) {
.product-grid--slider .product-item.one-quarter {
flex: 0 0 auto;
position: relative !important;
left: 0 !important;
}
}
@media only screen and (min-width: 750px) {
.product-grid--slider-alt .product-item:not(.one-quarter) {
flex: 0 0 auto;
position: relative !important;
left: 0 !important;
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: 1px 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: 1px 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 .sale-box,
.product-item .preorder-box,
.product-item .badge-box {
position: absolute;
left: 5px;
top: 5px;
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: var(--sale-text);
background: var(--sale-bg);
}
.product-item .preorder-box,
.product-item .badge-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;
}
.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 .svg-placeholder {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.product-item__image-overlay {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
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 .shopify-payment-button .shopify-payment-button__button--unbranded, .shopify-payment-button .product-item__image-content .shopify-payment-button__button--unbranded, .product-item__image-content .product__reviews .spr-summary-actions-newreview, .product__reviews .product-item__image-content .spr-summary-actions-newreview {
color: inherit;
border-color: inherit;
margin-top: 1em;
}
.product-item__image-link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.product-item__bg__inner,
.product-item__bg {
position: absolute;
display: block;
top: 0;
height: 100%;
width: 100%;
overflow: hidden;
background-size: cover;
background-position: center center;
font-size: 0;
line-height: 1;
will-change: transform, opacity;
}
.product-item__bg__inner {
opacity: 0;
transition: opacity 0.25s ease-in-out;
}
.product-item__bg__inner.is-visible {
opacity: 1;
}
.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__cutline,
.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 0;
transition: color 0.3s;
}
@media only screen and (max-width: 749px) {
.product__grid__cutline,
.product__grid__title {
margin: 0;
}
}
.product-item:hover .product__grid__cutline,
.product-item:hover .product__grid__title {
color: var(--primary);
}
.product__grid__cutline {
font-size: calc(var(--font-2)*var(---font-adjust-body));
}
@media only screen and (max-width: 749px) {
.product__grid__cutline {
margin: 4px 0;
font-size: calc(0.9rem*var(---font-adjust-body));
}
}
.product-information {
position: relative;
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: calc(var(--inner) / 2) var(--inner);
}
.product-information > a.no-events {
pointer-events: none;
}
@media (hover: none) and (pointer: coarse) {
.product-information > a.no-events {
pointer-events: initial;
}
}
@media only screen and (max-width: 749px) {
.product-information > a {
padding: 12px;
}
}
.product-information .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;
}
}
.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 {
margin-right: 0;
}
.old-price {
color: var(---color-text);
text-decoration: line-through;
color: var(--text-light);
}
.no-results {
padding: 50px 30px;
text-align: center;
width: 100%;
}
.product-item--borderless {
border: none;
margin-top: 0;
}
.product-item--borderless:before {
content: initial;
}
.product-item--borderless .product-item__image {
border: none;
}
.product-item--borderless .product-information {
padding: calc(var(--inner) / 2) var(--inner) var(--gutter) var(--inner);
}
@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: 30px;
margin-top: 0;
margin-bottom: -30px;
}
.product-grid--mobile-slider .product-item,
.product-grid--mobile-slider .collection-item {
flex: 0 0 auto;
}
.product-grid--mobile-slider .product-item:first-child:last-child,
.product-grid--mobile-slider .collection-item:first-child:last-child {
width: 100%;
}
.flickity-slider--default {
position: relative;
display: block;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
.flickity-slider--default .product-item,
.flickity-slider--default .collection-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% - 50px);
}
.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 {
width: 100%;
}
.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:hover .product-item__bg__under {
opacity: 1;
}
.no-touch .double__image.is-visible .product-item__bg__under {
opacity: 1;
}
.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: center center;
font-size: 0;
line-height: 1;
overflow: hidden;
transition: opacity 0.25s ease-in-out;
}
.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 0px 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 0;
color: var(---color-text);
}
.product__column__image {
display: block;
background-size: cover;
background-position: center center;
width: 33%;
height: 100%;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
/**
* Product Page
*/
.product__wrapper {
margin: 90px var(--outer) 0 var(--outer);
}
@media only screen and (max-width: 989px) {
.product__wrapper {
margin-top: 15px;
}
}
.no-js .product__wrapper noscript img {
max-width: 100%;
}
.product__wrapper--thumbnails-small .product__slides,
.product__wrapper--thumbnails-small .product__thumbs--square {
width: 75%;
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 {
display: flex;
padding-bottom: 30px;
}
@media only screen and (max-width: 749px) {
.product__page {
display: block;
}
}
.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;
}
.has-sticky-header .product__page .form__wrapper.is-sticky {
top: var(--header-height);
}
@media only screen and (max-width: 749px) {
.has-sticky-header .product__page .form__wrapper.is-sticky {
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 {
margin-bottom: 15px;
}
}
.product__wrapper--stretch {
margin: 90px 0 0;
}
@media only screen and (min-width: 750px) {
.product__wrapper--grid .product__slides {
column-count: 2;
column-gap: 15px;
}
}
@media only screen and (min-width: 750px) {
.product__wrapper--grid .product__slide {
break-inside: avoid;
margin-bottom: 15px;
}
}
.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:after, body.is-focused .product__photo.focus-visible: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 {
max-width: 480px;
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: calc(1.75rem * var(---font-adjust-heading));
margin-bottom: 0.5em;
}
}
@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;
margin-bottom: 0.75em;
justify-content: flex-start;
align-items: flex-start;
}
.product__price {
margin: 0;
font-size: calc(var(--font-5) * var(---font-adjust-body));
}
.product__price--unit {
color: var(--text-light);
font-size: calc(var(--font-2) * var(---font-adjust-body));
}
.product__price--strike {
color: var(--text-light);
}
.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;
}
script,
#recently-viewed-product-template,
[id*=recently-viewed-product-template] {
display: none !important;
}
.recent__wrapper {
display: none;
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 .h5,
.recent__content .title .recent__title {
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 .social-sharing .social__link svg,
.product__sharing .share 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:nth-child(1) {
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: 0px;
}
.product__sharing-button .product__sharing-button-text:hover:after {
width: 100%;
}
/*================ Reviews ================*/
.product__reviews--alt {
margin: 30px 0;
}
.product__reviews .spr-header {
margin-bottom: -12px;
}
.product__reviews .spr-summary-starrating,
.product__reviews .spr-summary-caption {
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 popdown ================*/
.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;
}
.cart-popover h6, .cart-popover .article__author-bio h3, .article__author-bio .cart-popover h3, .cart-popover .blog .article__image .article__tags, .blog .article__image .cart-popover .article__tags {
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 .shopify-payment-button .shopify-payment-button__button--unbranded, .shopify-payment-button .cart-popover .shopify-payment-button__button--unbranded, .cart-popover .product__reviews .spr-summary-actions-newreview, .product__reviews .cart-popover .spr-summary-actions-newreview {
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 .shopify-payment-button .shopify-payment-button__button--unbranded, .shopify-payment-button .cart-popover .shopify-payment-button__button--unbranded, .cart-popover .product__reviews .spr-summary-actions-newreview, .product__reviews .cart-popover .spr-summary-actions-newreview {
padding: 1.2em 0;
}
}
.cart-popover .product__variant {
font-style: italic;
}
.product__form__errors,
.cart-popover {
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;
}
.product__form__errors.is-visible,
.cart-popover.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: translate3d(0, 0, 0);
}
.product__form__errors .close,
.cart-popover .close {
position: absolute;
top: 4px;
right: 12px;
width: 20px;
height: 20px;
padding: 5px;
z-index: 20;
cursor: pointer;
}
.product__form__errors .close .icon,
.cart-popover .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: calc(400px - 10px);
}
}
.product__form__errors .errors {
max-width: 100%;
margin: 0;
padding: 24px 30px;
}
@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: center center;
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 {
position: fixed;
top: 0;
left: 0;
z-index: 9999;
display: none;
width: 100%;
height: 100%;
}
.product-modal__overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
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__icon__row {
display: flex;
}
.product__icon {
flex: 0 0 auto;
margin: 0.5em 10px 0 0;
}
.product__icon__text {
flex: 0 1 100%;
}
/*================ Product Media ================*/
.product__photo {
position: relative;
}
.product__slides {
position: relative;
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;
}
/* Prevent CLS on flickity init */
.js .product__wrapper--thumbnails-left .product__slides:not(.flickity-enabled) .product__slide:not(:first-child),
.js .product__wrapper--thumbnails-bottom .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__photo,
.product__wrapper--thumbnails .product__slides:not(.flickity-enabled) .product__media {
opacity: 0;
height: 0;
}
.no-js .product__wrapper--thumbnails .product__slides:not(.flickity-enabled) .product__photo,
.no-js .product__wrapper--thumbnails .product__slides:not(.flickity-enabled) .product__media {
opacity: 1;
height: auto;
}
.no-js .index-product .product__wrapper--thumbnails .product__slides:not(.flickity-enabled) .product__photo:not(:first-child),
.no-js .index-product .product__wrapper--thumbnails .product__slides:not(.flickity-enabled) .product__media: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 {
position: absolute;
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;
}
}
/*================ Product thumbnails ================*/
.no-js .product__thumbs--square {
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: left;
padding: 0;
margin: 0;
width: 100%;
overflow-x: auto;
white-space: nowrap;
mask-image: linear-gradient(to right, transparent, black), linear-gradient(to top, transparent var(--scrollbar-width), black var(--scrollbar-width));
mask-size: 20000px 100%;
mask-position: left bottom;
-webkit-mask-image: linear-gradient(to right, transparent, black), linear-gradient(to top, transparent var(--scrollbar-width), black var(--scrollbar-width));
-webkit-mask-size: 20000px 100%;
-webkit-mask-position: left bottom;
transition: mask-position 0.3s, -webkit-mask-position 0.3s;
}
.thumbs-holder:hover {
-webkit-mask-position: top;
}
@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;
/* for Internet Explorer, Edge */
}
.product__wrapper .thumbs-holder::-webkit-scrollbar {
display: none;
/* for Chrome, Safari, and Opera */
}
.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: cover;
}
.thumbs-holder .icon {
position: absolute;
top: 2px;
right: 2px;
margin: 0;
height: 20px;
width: 20px;
color: transparent;
fill: var(---color-bg);
vertical-align: baseline;
}
.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 .product__slide,
.product__wrapper--stretch .lazy-image {
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;
}
}
.video__contain,
.model__contain {
margin: 0 auto;
min-height: 1px;
width: 100%;
height: 0;
position: relative;
}
.shopify-model-viewer-ui,
model-viewer,
.video__contain > video,
.video__contain > iframe {
width: 100%;
height: 100%;
position: absolute !important;
top: 0;
left: 0;
max-width: 100%;
/* IE FIX */
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:hover .product-single__view-in-space-text, .btn--ar:focus .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--video,
.thumb__link--model {
position: relative;
}
/*====== 3D Models ======*/
.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:active, .shopify-model-viewer-ui .shopify-model-viewer-ui__button--control.focus-visible:focus {
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:hover, .shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:focus {
color: var(---color-a55);
}
.deferred-media {
display: block;
position: relative;
}
.deferred-media img,
.deferred-media video,
.deferred-media iframe,
.deferred-media model-viewer {
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: initial;
background: transparent;
border: 0;
color: inherit;
transition: none;
}
.no-touch .deferred-media__poster:hover {
opacity: initial;
}
.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-video-outline,
.deferred-media__poster-button .icon-media-model-outline {
stroke: none;
}
.deferred-media__poster-button .icon {
width: 100%;
height: 100%;
}
:root {
--form-top: 14px;
--form-left: 20px;
--form-margin: 10px;
}
.quantity-selector,
.select-popout__toggle,
.select-popout__list,
.product__subs__option,
.radio__button {
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 {
margin-top: 45px;
display: flex;
flex-wrap: wrap;
}
.product-form a + .product__selectors {
margin-top: 20px;
}
.shop-pay-terms {
--payment-terms-background-color: var(--bg);
margin: 0 0 20px 0;
}
.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--fullwidth,
.selector-wrapper--color {
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 7px;
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 .variant-input:focus + .variant__button-label:before,
.is-focused .swatch input[type=radio]:focus + .variant__button-label--color:before {
position: absolute;
content: "";
left: -2px;
bottom: -8px;
height: 2px;
width: calc(100% + 4px);
background: var(---color-primary);
}
.quantity-selector {
position: relative;
margin-bottom: var(--form-margin);
}
.quantity-selector input[type=number]::-webkit-outer-spin-button,
.quantity-selector input[type=number]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.no-js .quantity-selector input[type=number]::-webkit-outer-spin-button,
.no-js .quantity-selector input[type=number]::-webkit-inner-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__plus,
.quantity__minus {
position: absolute;
top: 0;
height: 100%;
width: 40%;
display: flex;
align-items: center;
}
.quantity__plus *,
.quantity__minus * {
pointer-events: none;
}
.quantity__plus svg,
.quantity__minus svg {
width: 12px;
height: 12px;
color: var(---color-text);
}
.quantity__plus:active,
.quantity__minus:active {
transform: translateY(1px);
}
.no-js .quantity__plus,
.no-js .quantity__minus {
display: none;
}
/*================ Add to cart ================*/
.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 {
margin: 0 -10px 0 0;
}
.product__submit__buttons {
display: inline-flex;
flex-flow: row wrap;
align-items: flex-start;
width: 100%;
margin: 0 0 1em 0;
}
@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%;
}
}
/*================ Smart Shopify Payment Buttons ================*/
.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:hover, .shopify-payment-button .shopify-payment-button__more-options:focus {
background-color: transparent;
box-shadow: none;
}
/*================ Variant states ================*/
.variant--soldout .quantity-selector,
.variant--soldout .shopify-payment-button,
.variant--soldout .product__price,
.variant--unavailable .quantity-selector,
.variant--unavailable .shopify-payment-button,
.variant--unavailable .product__price {
opacity: 0.3;
}
.variant--soldout .quantity-selector label,
.variant--soldout .quantity-selector input,
.variant--soldout .quantity-selector button,
.variant--soldout .shopify-payment-button label,
.variant--soldout .shopify-payment-button input,
.variant--soldout .shopify-payment-button button,
.variant--soldout .product__price label,
.variant--soldout .product__price input,
.variant--soldout .product__price button,
.variant--unavailable .quantity-selector label,
.variant--unavailable .quantity-selector input,
.variant--unavailable .quantity-selector button,
.variant--unavailable .shopify-payment-button label,
.variant--unavailable .shopify-payment-button input,
.variant--unavailable .shopify-payment-button button,
.variant--unavailable .product__price label,
.variant--unavailable .product__price input,
.variant--unavailable .product__price button {
cursor: default;
}
.variant--soldout .product__submit__add:not(.product__submit__add--default),
.variant--soldout .product__submit__add:not(.product__submit__add--default):hover,
.variant--unavailable .product__submit__add:not(.product__submit__add--default),
.variant--unavailable .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) > *,
.variant--soldout .product__submit__add:not(.product__submit__add--default):hover > *,
.variant--unavailable .product__submit__add:not(.product__submit__add--default) > *,
.variant--unavailable .product__submit__add:not(.product__submit__add--default):hover > * {
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--unavailable .product__submit__add:not(.product__submit__add--default),
.variant--unavailable .product__submit__add:not(.product__submit__add--default):hover {
transform: none;
pointer-events: none;
}
}
.variant--soldout .shopify-payment-button,
.variant--unavailable .shopify-payment-button {
position: relative;
pointer-events: none;
}
.variant--soldout .shopify-payment-button::after,
.variant--unavailable .shopify-payment-button::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0);
z-index: 2;
}
.variant--unavailable .product__price {
opacity: 0;
}
/* Variant Countdown */
.product__button__meta {
margin-top: 30px;
}
.variant__countdown {
font-size: calc(15px * var(---font-adjust-body));
padding: 0;
margin: 0 0 12px 0;
}
.count-is-low .variant__countdown--low {
display: block;
}
.variant__countdown--in,
.variant__countdown--low,
.variant__countdown--out,
.variant__countdown--unavailable {
display: none;
}
.product__pickup {
margin: 32px 0;
}
.product__details + .product__pickup {
margin-top: 26px;
}
.pickup__preview {
margin: 0;
}
.pickup__preview p {
margin: 0 0 6px 0;
}
.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:focus, .pickup__preview--primary button.pickup__button:active {
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(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 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 0;
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 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 {
color: var(--text-light);
font-size: calc(var(--font-2) * var(---font-adjust-body));
background: var(--hairline);
margin: 0;
padding: 10px 20px;
font-style: italic;
}
.product__price--each {
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 ======*/
.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 select, .cart-bar__form .popout__toggle {
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-width: 0 0 1px 1px;
border-style: solid;
border-color: currentColor;
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--unavailable .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 Template ======*/
.cart {
width: auto;
padding: 0 20px;
position: relative;
margin: 80px auto 50px;
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-family: var(---font-stack-body);
font-weight: var(---font-weight-body);
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;
border-bottom: 1px solid var(--border);
align-items: stretch;
}
.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 ins,
.cart__items .cart__price del,
.cart__items .cart__price small {
display: inline-block;
}
@media only screen and (min-width: 750px) and (max-width: 989px) {
.cart__items .cart__price ins,
.cart__items .cart__price del,
.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:before,
.cart__widget > a:after {
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;
font-size: calc(0.75rem * var(---font-adjust-body));
line-height: 1.16;
font-weight: var(---font-weight-body-bold);
}
.cart__widget label {
font-size: calc(0.75rem * var(---font-adjust-body));
line-height: 1.36;
color: inherit;
font-weight: var(---font-weight-body-bold);
}
.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 select.cart__field, .cart__widget .cart__field.popout__toggle {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-position: right center;
background-image: url(//cdn.shopify.com/s/files/1/0081/5654/5088/t/2/assets/ico-select.svg?v=1156308…);
background-repeat: no-repeat;
background-position: right 10px center;
background-color: transparent;
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 ======*/
.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;
background-color: transparent;
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-outer-spin-button, .no-js .cart__quantity .cart__quantity-field::-webkit-inner-spin-button {
-webkit-appearance: auto;
}
.cart__quantity input[type=number] {
-moz-appearance: textfield;
}
.cart__quantity input[type=number]::-webkit-outer-spin-button,
.cart__quantity input[type=number]::-webkit-inner-spin-button {
-webkit-appearance: none;
}
.cart__quantity .cart__quantity-minus {
left: 0;
}
.cart__quantity .cart__quantity-plus {
right: 0;
}
/*====== Cart Quantity ======*/
.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 Quantity ======*/
.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 ======*/
.shipping-calculator ul {
list-style: none outside none;
margin-left: 0;
}
.shipping-calculator__province[data-aria-hidden=true] {
display: none;
}
/*====== Cart Errors ======*/
.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 ======*/
.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-loading .cart__quantity,
.is-disabled .cart__quantity {
pointer-events: none;
opacity: 0.6;
}
/*====== Cart Message ======*/
.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:before,
.cart__message.is-success .cart__graph .cart__graph-dot:after {
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--4:after,
.cart__message.is-success .cart__graph .cart__graph-dot--1: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--5:after,
.cart__message.is-success .cart__graph .cart__graph-dot--2: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--6:after,
.cart__message.is-success .cart__graph .cart__graph-dot--3: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 ======*/
.cart__graph {
align-self: flex-start;
position: relative;
display: block;
width: 18px;
height: 18px;
margin-right: 8px;
transform: scale(-1, 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:before,
.cart__graph .cart__graph-dot:after {
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;
}
/*====== Pair Product ======*/
.product-upsell-holder--cart:first-child:last-child {
margin-bottom: 38px;
}
.cart__widget--products .product-upsell-holder--cart:last-child {
margin-bottom: 0;
}
.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 a,
.product-upsell-holder--cart .product-upsell__image-inner {
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);
}
/**
* Pages
*/
.page,
body .shopify-policy__container {
position: relative;
text-align: left;
margin: 60px auto;
max-width: 670px;
padding: 0px 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 {
max-width: 100%;
}
.page img,
.page iframe,
.shopify-policy__container img,
.shopify-policy__container iframe {
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(1.0rem * 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: 0px;
border-bottom-left-radius: 0px;
}
.shopify-challenge__errors ul.shopify-challenge__error {
text-align: center;
margin: 0;
}
/* ================ Newslettet double opt in ================ */
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-item,
.index-contact .form-field {
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-width: 0 0 1px 1px;
border-style: solid;
border-color: currentColor;
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;
max-width: 100vw;
z-index: 100;
overflow-y: auto;
list-style-type: none;
pointer-events: 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;
pointer-events: auto;
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 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: transparent;
}
.popout--drawer {
height: 100%;
}
.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: initial;
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-color: var(--border);
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
*/
.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 button,
.account-header .btn,
.account-header .product__reviews .spr-summary-actions-newreview,
.product__reviews .account-header .spr-summary-actions-newreview,
.account-header .shopify-payment-button .shopify-payment-button__button--unbranded,
.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 th,
.account table.customer-address-table td {
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 table,
.account .edit-address form {
margin: 0;
padding: 0;
}
.account .edit-address table td {
padding: 0 0 15px;
}
.account .edit-address select, .account .edit-address .popout__toggle {
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;
}
@media only screen and (max-width: 749px) {
.account-sidebar,
.account-main {
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-style: solid;
border-width: 6px 5px 0 5px;
border-color: currentColor transparent transparent transparent;
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
*/
.custom-html-section--padding {
padding-top: 50px;
padding-bottom: 50px;
}
/**
* Blog
*/
.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: 0;
}
.index-blog .blog-listing .article__text-wrapper {
padding: 25px;
}
.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;
}
/* Blog articles */
.article {
-ms-break-inside: avoid;
-webkit-break-inside: avoid;
break-inside: avoid;
}
.article-grid-item {
margin-bottom: 30px;
}
.article-grid-item.grid__item--no-float,
.article.grid__item.grid__item--no-float,
.article--onboarding.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 {
font-size: calc(0.865rem * var(---font-adjust-body));
margin-top: 16px;
margin-bottom: 16px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.article__link {
font-size: calc(0.865rem * var(---font-adjust-body));
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 rgba(255, 255, 255, 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: rgba(0, 0, 0, 0);
}
.comments-form {
margin-top: 20px;
position: relative;
}
.comments-form .btn, .comments-form .product__reviews .spr-summary-actions-newreview, .product__reviews .comments-form .spr-summary-actions-newreview, .comments-form .shopify-payment-button .shopify-payment-button__button--unbranded, .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
*/
.article__wrapper .grid, .article__wrapper .grid--full {
display: flex;
}
.article__wrapper .grid:after, .article__wrapper .grid--full:after {
display: none;
}
@media only screen and (max-width: 749px) {
.article__wrapper .grid, .article__wrapper .grid--full {
display: block;
}
.article__wrapper .grid:after, .article__wrapper .grid--full: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: center center;
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, .product__reviews .comment-form .spr-summary-actions-newreview, .comment-form .shopify-payment-button .shopify-payment-button__button--unbranded, .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, .product__reviews .comment-form .spr-summary-actions-newreview, .comment-form .shopify-payment-button .shopify-payment-button__button--unbranded, .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-width: 0 0 4px 4px;
border-style: solid;
border-color: currentColor;
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;
}
}
.widget__links--secondary a {
display: inline-block;
border-bottom: 1px solid transparent;
}
.widget__links--secondary a:after {
opacity: 0;
pointer-events: none;
}
.widget__links--secondary a.is-selected {
border-bottom-color: currentColor;
}
@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: normal;
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 0px 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 0;
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: center center;
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;
position: relative;
}
.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: 749px) {
.editorial__image {
width: 100%;
height: 50vw;
margin: 30px auto 0 auto;
}
}
.editorial__image-bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
/**
* Collections
*/
.template-collection .container {
background-color: rgba(255, 255, 255, 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: space-between;
}
/**
* COLLECTION PAGE HEADER
*/
.collection__title .hero__title {
padding: 0;
margin: 0;
}
.collection__title .hero__description {
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;
}
}
/*================ Collection Reviews ================*/
@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(to top, transparent, black), linear-gradient(to left, transparent var(--scrollbar-width), black var(--scrollbar-width));
mask-size: 100% 20000px;
mask-position: left bottom;
-webkit-mask-image: linear-gradient(to top, transparent, black), linear-gradient(to left, transparent var(--scrollbar-width), black 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__slider::after,
.collection__sidebar__slide-out::after {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
right: var(--scrollbar-width);
height: 60px;
background: linear-gradient(to bottom, rgba(var(---color-bg-rgb), 0%) 0%, var(---color-bg) 100%);
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__slider.expanded,
.collection__sidebar__slide-out.expanded {
opacity: 1;
visibility: visible;
}
.collection__sidebar__slider.expanded .collection__sidebar,
.collection__sidebar__slide-out.expanded {
transform: translateX(0);
}
/**
* middle step because you need display none for
* A11Y tabbing but we can't animate display none
*/
.collection__sidebar__slider.expanding {
visibility: hidden;
}
@media only screen and (max-width: 749px) {
.collection__sidebar__slider.expanding {
opacity: 1;
}
}
.collection__sidebar__slider.expanded {
min-width: 270px;
visibility: visible;
opacity: 1;
transform: translateZ(0);
transition-delay: 0s;
margin-right: 0px;
}
@media only screen and (max-width: 749px) {
.collection__sidebar__slider.expanded {
min-width: 100%;
transform: translateX(0);
}
}
/**
* Prevent collection filters sidebar fading out on page load on mobile
*/
@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 {
content: "";
position: absolute;
top: 2px;
left: 5px;
width: 4px;
height: 4px;
border-top: 1px solid currentColor;
border-right: 1px solid currentColor;
transform: rotate(-45deg);
}
.collection__sidebar__link:after {
content: "";
position: absolute;
bottom: 2px;
left: 5px;
width: 4px;
height: 4px;
border-top: 1px solid currentColor;
border-right: 1px solid currentColor;
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 currentColor;
border-right: 1px solid currentColor;
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.725rem * var(---font-adjust-body));
padding: 0;
margin: 12px 0 0;
}
.sidebar__item label,
.sidebar__item a {
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;
}
.link--remove > a,
.link--remove > label,
.link--add > a,
.link--add > label,
.link--disable:not(.sidebar__item--swatch) {
padding-left: 23px;
position: relative;
}
.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 {
pointer-events: none;
}
.link--disable .swatch__button [data-swatch]:before {
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: initial;
right: 0;
max-width: 100vw !important;
padding: 14px 15px;
}
.popout--filter .popout__toggle,
.popout--group .popout__toggle,
.popout--sort .popout__toggle {
padding: 20px 15px;
height: 100%;
border-top: none;
border-left: 1px solid var(---color-border);
border-radius: 0;
color: var(---color-text);
border-bottom: none;
border-right: none;
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__toggle__text:nth-child(2),
.popout--sort .popout--active .popout__toggle__text:nth-child(1) {
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: 1px solid var(---color-border);
border-left: none;
}
.collection__nav .popout--filter .popout-list,
.collection__nav .popout--group .popout-list {
right: initial;
}
.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;
}
/**
* Slide out filters sidebar
*/
.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.expanding,
.collection__sidebar__slide-out.expanded {
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;
background: var(--bg);
}
.collection__sidebar__buttons::after {
content: "";
display: block;
position: absolute;
bottom: 100%;
left: 0;
right: 0;
height: 45px;
background: linear-gradient(to bottom, rgba(var(---color-bg-rgb), 0%) 0%, var(---color-bg) 100%);
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;
font-weight: var(---font-weight-body-bold);
padding: 0 7px;
}
.active__filters__clear {
padding-right: 14px;
font-weight: var(---font-weight-body-bold);
}
.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;
}
/**
* List Collections Index
*/
.collection-list {
display: flex;
flex-wrap: wrap;
}
.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: initial;
}
@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;
}
/**
* Subcollection
*/
.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 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.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;
/* for Internet Explorer, Edge */
}
.subcollections:not(.subcollections__grid--1) .subcollections__inner::-webkit-scrollbar {
display: none;
/* for Chrome, Safari, and Opera */
}
}
@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 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow-y: hidden;
transform: scale(1.06);
transition: transform 2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.subcollection__image img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.subcollection__link:hover .subcollection__image {
transform: scale(1);
}
.subcollection__height {
height: 100%;
width: 100%;
}
.subcollection__link {
position: absolute;
top: 0;
left: 0;
display: flex;
justify-content: flex-start;
align-items: flex-end;
padding: 20px;
width: 100%;
height: 100%;
}
.subcollection__link:hover .subcollection__title,
.subcollection__link:hover .subcollection__description {
color: #FFF;
}
.subcollection__text {
position: relative;
z-index: 200;
max-height: 100%;
}
.subcollection__title,
.subcollection__description {
margin: 0;
color: #FFF;
}
.subcollection__title {
margin-bottom: 3px;
font-weight: var(---font-weight-heading-bold);
}
/* ============================================================================
#Pagination (Including Shopify Product Reviews)
============================================================================== */
.pagination {
margin-bottom: 1em;
}
/* ================ Custom Pagination ================ */
.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:hover, .pagination-custom > li > a:focus {
color: var(--link-hover);
}
.pagination-custom > li > span:hover,
.pagination-custom > li > span:focus {
color: var(--text-dark);
}
.pagination-custom > .active > a,
.pagination-custom > .active > span,
.pagination-custom > .active > a:hover,
.pagination-custom > .active > span:hover,
.pagination-custom > .active > a:focus,
.pagination-custom > .active > span:focus {
z-index: 2;
cursor: default;
color: var(--text-dark);
font-weight: var(---font-weight-body-bold);
}
.pagination-custom > .disabled > span,
.pagination-custom > .disabled > a,
.pagination-custom > .disabled > a:hover,
.pagination-custom > .disabled > a:focus {
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-width: 0 0 1px 1px;
border-style: solid;
border-color: currentColor;
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 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__num > a,
.pagination-custom__num > span,
.pagination-custom__arr > a,
.pagination-custom__arr > span {
padding: 10px 15px;
}
}
/**
* Footer
*/
.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: rgba(255, 255, 255, 0);
}
.site-footer {
position: relative;
z-index: 100;
padding: 0 var(--outer);
}
.site-footer .grid__item {
padding-left: var(--outer);
}
.site-footer .grid, .site-footer .grid--full {
margin-left: calc(var(--outer) * -1);
}
.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: 30px;
margin-bottom: 0px;
}
}
.footer__quicklinks {
font-size: calc(1rem * var(---font-adjust-body));
}
.footer__quicklinks li {
margin: 0 0 1em 0;
}
.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__social__text,
.footer__newsletter__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: 68px 0 40px 0;
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: var(---font-weight-body-bold) !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
*/
.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 {
padding-bottom: 30px;
margin-bottom: -30px;
}
.tabs__head .tabs__arrow:before {
display: block;
}
.tabs__arrow {
position: absolute;
top: 50%;
display: block;
width: 26px;
height: 26px;
max-height: none;
margin-top: -15px;
border-radius: 0;
background-color: var(---color-bg);
box-shadow: none;
transition: all 0.2s;
}
.tabs__arrow:before {
position: absolute;
top: 50%;
left: 0;
display: none;
width: 100%;
height: 200%;
transform: translateY(-50%);
background-color: var(---color-bg);
content: "";
}
.tabs__arrow:after {
content: "";
display: inline-block;
width: 8px;
height: 8px;
border-width: 0 0 2px 2px;
border-style: solid;
border-color: currentColor;
margin: -4px 0 0;
vertical-align: middle;
transform: rotate(-135deg);
transform-origin: 50% 50%;
transition: all 0.4s;
}
.tabs__arrow--prev {
left: 0;
transform: scale(-1, 1);
}
.tabs__arrow--next {
right: 0;
}
ul.tabs {
display: block;
overflow-x: auto;
white-space: nowrap;
margin: 0px 0px 0px 0px;
padding: 0px;
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 0px;
margin: 0rem 3rem 0rem 0rem;
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;
width: 100%;
opacity: 0;
padding: 15px 15px 15px 0px;
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 */
.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: currentColor;
}
.product-tabs__head {
padding-bottom: 16px;
margin-bottom: -13px;
}
/* Tabs Collections */
.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 ul.tabs,
.index-tab-collections .tabs-collections .tabs-collections__head {
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-content {
padding: 0;
min-height: 0;
}
.index-tab-collections .tabs-collections .tabs__arrow {
margin-top: calc(var(--gutter) * -1 - 13px);
}
/* Accordion */
.accordion {
border-bottom: 1px solid var(---color-border);
}
.product-accordion .accordion {
border-top: none;
}
.accordion-toggle {
position: relative;
cursor: pointer;
border-top: 1px solid var(---color-border);
padding: 1rem 30px 1rem 0;
margin: 0 0 auto;
color: var(---color-text);
}
.accordion-toggle:before, .accordion-toggle:after {
content: "";
position: absolute;
top: 50%;
background-color: #000;
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;
}
.no-js .accordion-content {
display: block;
}
.accordion-content.accordion--open {
display: block;
}
/* Tabs/Accordion Truncated */
.accordion-content__entry--truncate,
.tab-content__entry--truncate,
.product-description__content--truncate {
display: none;
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.accordion-content__actions,
.tab-content__actions,
.product-description__content__actions {
display: none;
}
.accordion-content__actions .text-link-default,
.tab-content__actions .text-link-default,
.product-description__content__actions .text-link-default {
font-style: italic;
}
.accordion-content__actions button,
.tab-content__actions button,
.product-description__content__actions button {
padding: 0;
}
.accordion-content__holder,
.tab-content__holder,
.product-description__content__holder {
position: relative;
word-break: break-word;
}
.accordion-content__holder.is-expanded .accordion-content__entry:not(.accordion-content__entry--truncate),
.accordion-content__holder.is-expanded .tab-content__entry:not(.tab-content__entry--truncate),
.accordion-content__holder.is-expanded .product-description__content__entry:not(.product-description__content__entry--truncate),
.tab-content__holder.is-expanded .accordion-content__entry:not(.accordion-content__entry--truncate),
.tab-content__holder.is-expanded .tab-content__entry:not(.tab-content__entry--truncate),
.tab-content__holder.is-expanded .product-description__content__entry:not(.product-description__content__entry--truncate),
.product-description__content__holder.is-expanded .accordion-content__entry:not(.accordion-content__entry--truncate),
.product-description__content__holder.is-expanded .tab-content__entry:not(.tab-content__entry--truncate),
.product-description__content__holder.is-expanded .product-description__content__entry:not(.product-description__content__entry--truncate) {
display: none;
}
.accordion-content__holder.is-expanded .accordion-content__entry--truncate,
.accordion-content__holder.is-expanded .tab-content__entry--truncate,
.accordion-content__holder.is-expanded .product-description__content__entry--truncate,
.tab-content__holder.is-expanded .accordion-content__entry--truncate,
.tab-content__holder.is-expanded .tab-content__entry--truncate,
.tab-content__holder.is-expanded .product-description__content__entry--truncate,
.product-description__content__holder.is-expanded .accordion-content__entry--truncate,
.product-description__content__holder.is-expanded .tab-content__entry--truncate,
.product-description__content__holder.is-expanded .product-description__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 .tab-content__actions,
.accordion-content__holder.is-expanded .product-description__content__actions,
.tab-content__holder.is-expanded .accordion-content__actions,
.tab-content__holder.is-expanded .tab-content__actions,
.tab-content__holder.is-expanded .product-description__content__actions,
.product-description__content__holder.is-expanded .accordion-content__actions,
.product-description__content__holder.is-expanded .tab-content__actions,
.product-description__content__holder.is-expanded .product-description__content__actions {
display: block;
}
.compare {
position: relative;
overflow: hidden;
}
.compare__image {
position: relative;
padding-top: 100%;
}
.no-js .compare__image {
width: 50% !important;
}
.compare__image__holder .image__fill,
.compare__image:nth-child(2),
.compare__image__holder {
position: absolute;
top: 0;
right: 0;
z-index: 2;
overflow: hidden;
width: 100%;
height: 100%;
padding-top: 0 !important;
}
.compare__image--rotate .background-size-cover {
transform: rotate(180deg);
}
.no-js .compare__image__holder .responsive-wide-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.compare__btn {
position: absolute;
top: 50%;
z-index: 3;
width: 50px;
height: 50px;
border-radius: 50%;
margin-top: -25px;
background: var(---color-bg);
cursor: move;
}
.no-js .compare__btn {
display: none;
}
.compare__btn:before, .compare__btn:after {
position: absolute;
top: 20px;
content: "";
display: inline-block;
width: 8px;
height: 8px;
border-width: 0 0 2px 2px;
border-style: solid;
border-color: currentColor;
margin: 0;
vertical-align: middle;
transform: rotate(45deg);
transform-origin: 50% 50%;
transition: all 0s;
}
.compare__btn:before {
left: 12px;
}
.compare__btn:after {
left: 28px;
transform: rotate(-135deg);
}
/**
* Custom content
*/
.brick__section {
display: flex;
align-items: stretch;
}
@media only screen and (max-width: 749px) {
.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% - calc(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 .video-background,
.brick__block .image__hero__frame,
.brick__block__video,
.brick__block__image {
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;
}
.hero__btn + .hero__btn,
.caps--large + .hero__btn,
.hero__btn + .caps--large {
margin-left: 15px;
}
.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 {
padding: 20px var(--inner);
}
.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 0;
}
.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%;
}
@media only screen and (max-width: 749px) {
.brick__block--compare {
min-height: 0 !important;
}
}
.brick__block__compare .compare__image:first-child,
.brick__block__compare .compare,
.brick__block__compare {
height: 100%;
}
@media only screen and (max-width: 749px) {
.brick__block__compare .compare__image:first-child,
.brick__block__compare .compare,
.brick__block__compare {
height: auto;
}
}
@media only screen and (min-width: 750px) {
.brick__block__compare .compare__image:first-child {
padding-top: 0;
}
}
/* Video */
.video-background {
position: relative;
padding-top: var(--desktop-padding, 0);
}
@media only screen and (max-width: 749px) {
.video-background {
padding-top: var(--mobile-padding, 0);
}
}
.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: 100%;
height: 100%;
transform: translate(-50%, -50%);
opacity: 1;
object-fit: cover;
}
/* Video Play Button*/
.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);
}
/**
* Home Map
*/
.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-slideshow,
.no-js .homepage-image:not(.column__block) {
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));
}
}
/*=============== Image Columns ===============*/
.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: initial;
}
.column__block .text-right .home__subtitle::after {
left: initial;
}
@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;
}
}
/**
* Home Slideshow
*/
.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 {
opacity: 1 !important;
}
.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 {
display: block;
min-height: 100%;
height: 100%;
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) .slideshow__slide.seven-fifty-height-hero, .homepage-slideshow:not(.transparent__wrapper).seven-fifty-height-hero {
height: 500px;
}
.homepage-slideshow:not(.transparent__wrapper) .slideshow__slide.sixty-fifty-height-hero, .homepage-slideshow:not(.transparent__wrapper).sixty-fifty-height-hero {
height: 433.3333333333px;
}
.homepage-slideshow:not(.transparent__wrapper) .slideshow__slide.five-fifty-height-hero, .homepage-slideshow:not(.transparent__wrapper).five-fifty-height-hero {
height: 366.6666666667px;
}
.homepage-slideshow:not(.transparent__wrapper) .slideshow__slide.four-fifty-height-hero, .homepage-slideshow:not(.transparent__wrapper).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: center center;
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%;
}
/*
Prevent CLS on page load
Images are stacked until flickity is initialized which causes CLS
Position absolute makes them stay unchanged (if only JS is enabled)
*/
.js .slideshow__slider:not(.flickity-enabled) .slideshow__slide:not(:first-child) {
position: absolute;
top: 0;
left: 0;
visibility: hidden;
}
/**
* Social sharing
*/
.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);
}
.social-sharing .social__link,
.share {
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);
}
.social-sharing .social__link svg,
.share svg {
fill: var(---color-text);
transition: transform 0.25s ease-out;
margin: 0;
height: 17px;
width: 17px;
}
.social-sharing .social__link span,
.share 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;
}
/**
* Logo list
*/
.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: center center;
background-repeat: no-repeat;
background-size: contain;
}
.logos__img.svg-placeholder {
background-color: transparent;
}
.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 a:hover .logos__logo,
.logos__slide.is-selected .logos__logo,
.logos__slide.is-active .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;
}
100% {
transform: translateZ(0);
opacity: 1;
}
}
/**
* Index text row
*/
.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 {
--size: 20px;
}
.icon__animated,
.icon__animated svg {
width: var(--size);
height: var(--size);
fill: none !important;
}
.icon__animated svg.icon g, .icon__animated svg.icon path, .icon__animated svg.icon circle {
stroke: var(--text);
}
.icon--large .icon__animated {
--size: 40px;
}
.icon--custom {
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.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 {
margin-bottom: 0;
}
.rte.icon__column__paragraph p {
margin-bottom: 0;
}
.icon__column__text h2 {
line-height: 1.3em;
margin-top: 15px;
margin-bottom: 4px;
}
.icon__column__text p {
margin-top: 0px;
font-size: calc(0.9rem * var(---font-adjust-body));
}
/**
* Split hero
*/
.split-hero {
display: flex;
align-items: stretch;
position: relative;
background-color: var(---color-bg);
}
@media only screen and (max-width: 749px) {
.split-hero:not(.split-hero--mobile-inline) {
flex-direction: column;
}
.split-hero:not(.split-hero--mobile-inline) .split-hero__half {
width: 100%;
}
.split-hero.split-hero--mobile-stacked .split-hero__half {
height: 50%;
}
.split-hero.split-hero--mobile-image-right .split-hero__half--left, .split-hero.split-hero--mobile-image-left .split-hero__half--right {
display: none;
}
}
.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: center center;
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--left .row,
.split-hero__content--bottom-left .row {
justify-content: flex-start;
text-align: left;
}
.split-hero__content--right .row,
.split-hero__content--bottom-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%;
}
}
/**
* Sidebar Section
*/
.section-sidebar__body {
display: flex;
margin: 0 calc(var(--gutter)/2 * -1);
}
@media only screen and (max-width: 749px) {
.section-sidebar__body {
display: block;
margin: 0;
}
}
.section-sidebar__aside {
flex: 0 0 33.33%;
padding: 0 calc(var(--gutter)/2);
}
@media only screen and (max-width: 749px) {
.section-sidebar__aside {
display: none;
padding: 0;
}
}
.section-sidebar__widget {
position: sticky;
top: 0;
padding-top: calc(1.5rem - 6px);
}
.has-sticky-header .section-sidebar__widget {
top: var(--menu-height);
}
.section-sidebar__content {
flex: 0 1 100%;
padding: 0 calc(var(--gutter)/2);
}
@media only screen and (max-width: 749px) {
.section-sidebar__content {
padding: 0;
}
}
.section-sidebar__row {
margin-bottom: 30px;
}
.section-sidebar__row:last-child {
margin-bottom: 0;
}
.section-sidebar__row--accordion + .section-sidebar__row--accordion {
overflow: hidden;
margin-top: -30px;
}
.section-sidebar__row--title {
margin-bottom: 0;
}
.section-sidebar__title {
padding: 1.5rem 0;
margin: 0;
line-height: 1.2;
}
/**
* Related
*/
.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-link,
.related__products .tab-content {
padding: 0;
}
.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[data-pswp-option-classes*=pswp-zoom-gallery] .pswp__loader,
.pswp-zoom-gallery .pswp__loader {
z-index: 5;
display: block;
background: var(---color-bg);
}
.pswp[data-pswp-option-classes*=pswp-zoom-gallery] .pswp__title,
.pswp-zoom-gallery .pswp__title {
cursor: pointer;
}
.pswp[data-pswp-option-classes*=pswp-zoom-gallery] .pswp__bg,
.pswp-zoom-gallery .pswp__bg {
background: var(---color-bg);
}
.pswp[data-pswp-option-classes*=pswp-zoom-gallery] .pswp__container,
.pswp-zoom-gallery .pswp__container {
transition: transform 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.pswp[data-pswp-option-classes*=pswp-zoom-gallery] .pswp__scroll-wrap,
.pswp-zoom-gallery .pswp__scroll-wrap {
bottom: 146px;
height: auto;
overflow: visible;
}
@media only screen and (max-width: 749px) {
.pswp[data-pswp-option-classes*=pswp-zoom-gallery] .pswp__scroll-wrap,
.pswp-zoom-gallery .pswp__scroll-wrap {
bottom: 0;
overflow: hidden;
}
}
.pswp[data-pswp-option-classes*=pswp-zoom-gallery] .pswp__zoom-wrap,
.pswp-zoom-gallery .pswp__zoom-wrap {
display: block;
}
.pswp[data-pswp-option-classes*=pswp-zoom-gallery] .pswp__item,
.pswp-zoom-gallery .pswp__item {
overflow: visible;
}
@media only screen and (max-width: 749px) {
.pswp[data-pswp-option-classes*=pswp-zoom-gallery] .pswp__item,
.pswp-zoom-gallery .pswp__item {
overflow: hidden;
}
}
.pswp[data-pswp-option-classes*=pswp-zoom-gallery] .pswp__button--arrow--right,
.pswp[data-pswp-option-classes*=pswp-zoom-gallery] .pswp__button--arrow--left,
.pswp-zoom-gallery .pswp__button--arrow--right,
.pswp-zoom-gallery .pswp__button--arrow--left {
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[data-pswp-option-classes*=pswp-zoom-gallery] .pswp__button--arrow--right,
.pswp[data-pswp-option-classes*=pswp-zoom-gallery] .pswp__button--arrow--left,
.pswp-zoom-gallery .pswp__button--arrow--right,
.pswp-zoom-gallery .pswp__button--arrow--left {
left: 10px;
transform: translateY(0);
}
}
.pswp[data-pswp-option-classes*=pswp-zoom-gallery] .pswp__button--arrow--right:hover,
.pswp[data-pswp-option-classes*=pswp-zoom-gallery] .pswp__button--arrow--left:hover,
.pswp-zoom-gallery .pswp__button--arrow--right:hover,
.pswp-zoom-gallery .pswp__button--arrow--left:hover {
transform: scale(1.1);
--primary: var(---color-primary-hover);
border-color: var(---color-border-dark);
}
.pswp[data-pswp-option-classes*=pswp-zoom-gallery] .pswp__button--arrow--right:before,
.pswp[data-pswp-option-classes*=pswp-zoom-gallery] .pswp__button--arrow--left:before,
.pswp-zoom-gallery .pswp__button--arrow--right:before,
.pswp-zoom-gallery .pswp__button--arrow--left:before {
position: absolute;
top: 20px;
left: 21px;
content: "";
display: inline-block;
width: 6px;
height: 6px;
border-width: 0 0 1px 1px;
border-style: solid;
border-color: var(--primary);
margin: 0;
vertical-align: middle;
transform: rotate(45deg);
transform-origin: 50% 50%;
transition: all 0s;
}
.pswp[data-pswp-option-classes*=pswp-zoom-gallery] .pswp__button--arrow--right,
.pswp-zoom-gallery .pswp__button--arrow--right {
left: auto;
right: 40px;
}
@media only screen and (max-width: 749px) {
.pswp[data-pswp-option-classes*=pswp-zoom-gallery] .pswp__button--arrow--right,
.pswp-zoom-gallery .pswp__button--arrow--right {
right: 10px;
}
}
.pswp[data-pswp-option-classes*=pswp-zoom-gallery] .pswp__button--arrow--right:before,
.pswp-zoom-gallery .pswp__button--arrow--right:before {
left: 19px;
transform: rotate(-135deg);
}
.pswp[data-pswp-option-classes*=pswp-zoom-gallery] .pswp__thumbs,
.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[data-pswp-option-classes*=pswp-zoom-gallery] .pswp__thumbs,
.pswp-zoom-gallery .pswp__thumbs {
bottom: 0;
padding: 10px 0;
}
}
.pswp[data-pswp-option-classes*=pswp-zoom-gallery] .pswp__thumb,
.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[data-pswp-option-classes*=pswp-zoom-gallery] .pswp__thumb:hover,
.pswp-zoom-gallery .pswp__thumb:hover {
transform: scale(1.1);
}
.pswp[data-pswp-option-classes*=pswp-zoom-gallery] .pswp__thumb:before,
.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[data-pswp-option-classes*=pswp-zoom-gallery] .pswp__thumb,
.pswp-zoom-gallery .pswp__thumb {
width: 42px;
height: 42px;
}
}
.pswp[data-pswp-option-classes*=pswp-zoom-gallery] .pswp__thumb.is-current:before,
.pswp-zoom-gallery .pswp__thumb.is-current:before {
border-color: var(---color-bg);
}
@media only screen and (max-width: 749px) {
.pswp[data-pswp-option-classes*=pswp-zoom-gallery] .pswp__thumb.is-current,
.pswp-zoom-gallery .pswp__thumb.is-current {
transform: scale(1.4);
}
}
.pswp[data-pswp-option-classes*=pswp-zoom-gallery] .pswp__caption,
.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[data-pswp-option-classes*=pswp-zoom-gallery] .pswp__caption,
.pswp-zoom-gallery .pswp__caption {
top: 50px;
left: 10px;
max-width: 250px;
max-width: calc(100% - 80px);
padding: 7px 14px 7px 7px;
}
}
.pswp[data-pswp-option-classes*=pswp-zoom-gallery] .pswp__caption .pswp__caption__center *:not(.product__title):not(.product__title > a),
.pswp-zoom-gallery .pswp__caption .pswp__caption__center *:not(.product__title):not(.product__title > a) {
display: none;
}
.pswp[data-pswp-option-classes*=pswp-zoom-gallery] .pswp__caption .product__title > a,
.pswp-zoom-gallery .pswp__caption .product__title > a {
pointer-events: none;
}
.pswp[data-pswp-option-classes*=pswp-zoom-gallery] .pswp__caption .pswp__caption-close,
.pswp-zoom-gallery .pswp__caption .pswp__caption-close {
position: absolute;
top: 5px;
left: 0;
width: 40px;
height: 40px;
color: currentColor;
}
.pswp[data-pswp-option-classes*=pswp-zoom-gallery] .pswp__caption .pswp__caption-close:hover,
.pswp-zoom-gallery .pswp__caption .pswp__caption-close:hover {
color: var(---color-primary-hover);
}
.pswp[data-pswp-option-classes*=pswp-zoom-gallery] .pswp__caption .pswp__caption-close:before,
.pswp-zoom-gallery .pswp__caption .pswp__caption-close:before {
position: absolute;
top: 12px;
left: 14px;
content: "";
display: inline-block;
width: 12px;
height: 12px;
border-width: 0 0 2px 2px;
border-style: solid;
border-color: currentColor;
margin: 0;
vertical-align: middle;
transform: rotate(45deg);
transform-origin: 50% 50%;
transition: all 0.4s;
}
@media only screen and (max-width: 749px) {
.pswp[data-pswp-option-classes*=pswp-zoom-gallery] .pswp__caption .pswp__caption-close,
.pswp-zoom-gallery .pswp__caption .pswp__caption-close {
display: none;
}
}
.pswp[data-pswp-option-classes*=pswp-zoom-gallery] .pswp__caption .product__link-holder,
.pswp[data-pswp-option-classes*=pswp-zoom-gallery] .pswp__caption .product__badge,
.pswp-zoom-gallery .pswp__caption .product__link-holder,
.pswp-zoom-gallery .pswp__caption .product__badge {
display: none;
}
.pswp[data-pswp-option-classes*=pswp-zoom-gallery] .pswp__caption h1,
.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[data-pswp-option-classes*=pswp-zoom-gallery] .pswp__caption h1,
.pswp-zoom-gallery .pswp__caption h1 {
font-size: calc(1rem * var(---font-adjust-heading));
}
}
.pswp[data-pswp-option-classes*=pswp-zoom-gallery] .pswp__caption h1:last-child,
.pswp-zoom-gallery .pswp__caption h1:last-child {
margin-bottom: 0;
}
.pswp[data-pswp-option-classes*=pswp-zoom-gallery] .pswp__caption div,
.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[data-pswp-option-classes*=pswp-zoom-gallery] .pswp__caption div,
.pswp-zoom-gallery .pswp__caption div {
font-size: calc(0.875rem * var(---font-adjust-body));
}
}
.pswp[data-pswp-option-classes*=pswp-zoom-gallery] .pswp__caption div:last-child,
.pswp-zoom-gallery .pswp__caption div:last-child {
margin-bottom: 0;
}
.pswp[data-pswp-option-classes*=pswp-zoom-gallery] .pswp__caption--fake,
.pswp-zoom-gallery .pswp__caption--fake {
display: none;
}
.pswp-zoom-gallery--single[data-pswp-option-classes*=pswp-zoom-gallery] .pswp__scroll-wrap,
.pswp-zoom-gallery--single .pswp__scroll-wrap {
bottom: 0;
}
.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__button--arrow--left,
.pswp-zoom-gallery--single[data-pswp-option-classes*=pswp-zoom-gallery] .pswp__thumbs,
.pswp-zoom-gallery--single .pswp__button--arrow--right,
.pswp-zoom-gallery--single .pswp__button--arrow--left,
.pswp-zoom-gallery--single .pswp__thumbs {
display: none;
}
/*====== Cart Dropdown ======*/
.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: var(--bg);
opacity: 0;
transition: opacity 0.5s, transform 0.5s, visibility 0.5s;
transform: translate3d(0, 0, 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 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-family: var(---font-stack-body);
font-weight: var(---font-weight-body);
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));
margin: 0;
line-height: 1;
margin-bottom: -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 ======*/
.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: 0px;
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;
}
.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 0.5em 0;
margin-bottom: 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 var(--outer);
}
.popup-cookies--bottom .popup__tracking__text,
.popup-cookies--bottom .popup__tracking {
display: flex;
align-items: center;
}
.popup-cookies--bottom .popup__tracking__text {
flex-wrap: wrap;
}
.popup-cookies--bottom .popup__tracking p,
.popup-cookies--bottom .popup__tracking p:nth-child(2),
.popup-cookies--bottom .popup__tracking > a:not(.btn),
.popup-cookies--bottom .popup__tracking > button:not(.close) {
margin: 0 16px 0 0;
font-size: calc(var(--font-2) * var(---font-adjust-body));
}
.popup-cookies--bottom .popup__tracking > button:not(.close) {
flex: 0 0 auto;
padding-right: 0;
margin: 0 0 0 auto;
}
.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-promo-text][data-popup-delay=always],
[data-popup-delay=always]:not([data-large-popup]) > * {
z-index: 9995;
}
[data-promo-text][data-popup-delay=delay],
[data-popup-delay^=delayed]:not([data-large-popup]) > * {
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 > .quantity-selector {
display: none;
}
.select-popout.popout-container--alt > *:not(.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-width: 0 0 1px 1px;
border-style: solid;
border-color: var(--primary);
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;
}
/*====== Product Upsell ======*/
: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: center center;
}
.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 0;
}
@media only screen and (max-width: 749px) {
.product-upsell__title {
font-size: calc(1.0rem*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 {
visibility: hidden;
position: absolute;
top: 0;
left: 0;
font-size: 80%;
opacity: 0;
white-space: nowrap;
}
.product-upsell__btn-text {
visibility: hidden;
overflow: hidden;
width: 0;
opacity: 0;
font-size: 80%;
white-space: nowrap;
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;
}
/*====== Global Accordions ======*/
.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;
padding: 1.5rem 30px 1.5rem 0;
margin: 0;
cursor: pointer;
}
.accordion__title:not(p) {
font-size: calc(var(--font-4) * var(---font-adjust-heading));
font-weight: var(---font-weight-heading);
line-height: 1.2;
}
.accordion__title:before, .accordion__title:after {
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);
}
.no-js .accordion__title:after, .accordion__title.is-open:after {
transform: translateY(-50%) rotate(90deg);
}
.accordion__body {
display: none;
padding-bottom: 1rem;
overflow: hidden;
}
.no-js .accordion__body {
display: block;
}
@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;
}
}
/*====== FAQ List ======*/
@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__item .contact-form {
display: inline-block;
}
.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;
}
/**
* Quick View Modal
*/
.slideup {
position: absolute;
width: 100%;
bottom: -60px;
transition: bottom 0.25s ease-in;
z-index: 9;
width: 100%;
background: rgba(255, 255, 255, 0);
border-top: none;
}
.slideup > div,
.slideup > button {
opacity: 0;
}
.slideup > div {
font-size: 0;
}
.product-item__image .slideup {
position: absolute;
text-align: center;
transition: bottom 0.4s ease-in-out;
}
.product-item__image .slideup span:hover {
color: inherit;
}
.product-item__image .slideup > div,
.product-item__image .slideup > button {
opacity: 0;
}
.product-item__image .slideup > div {
transition: opacity 0.3s;
}
.product-item__image:hover .slideup {
bottom: 0;
}
.product-item__image:hover .slideup > div, .product-item__image:hover .slideup > button {
opacity: 1;
}
.slideup.is-visible,
.slideup.has-error,
.slideup:focus-within {
bottom: 0;
}
.slideup.is-visible > div,
.slideup.is-visible > button,
.slideup.has-error > div,
.slideup.has-error > button,
.slideup:focus-within > div,
.slideup:focus-within > button {
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: opacity 0.3s;
}
.slideup > button svg {
visibility: hidden;
width: 18px;
height: 18px;
opacity: 0;
transition: opacity 0.3s, visibility 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 currentColor;
border-bottom: 1px solid currentColor;
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 small:nth-child(2) {
display: none;
}
.slideup > button .caps__error {
display: none;
}
@media only screen and (max-width: 989px) {
.slideup > button {
display: none;
}
.slideup > button.is-added {
display: block;
}
}
.has-error {
background-color: #F8D7DA;
}
.has-error .caps svg, .has-error .product-item .sale-box svg, .product-item .has-error .sale-box svg,
.has-error .product-item .preorder-box svg,
.product-item .has-error .preorder-box svg,
.has-error .product-item .badge-box svg,
.product-item .has-error .badge-box svg, .has-error .search-submit svg, .has-error .popout__toggle svg, .has-error .blog .article__image .article__tags svg, .blog .article__image .has-error .article__tags svg, .has-error .footer__copyright svg,
.has-error .caps span,
.has-error .product-item .sale-box span,
.product-item .has-error .sale-box span,
.has-error .product-item .preorder-box span,
.product-item .has-error .preorder-box span,
.has-error .product-item .badge-box span,
.product-item .has-error .badge-box span,
.has-error .search-submit span,
.has-error .popout__toggle span,
.has-error .blog .article__image .article__tags span,
.blog .article__image .has-error .article__tags span,
.has-error .footer__copyright span,
.has-error .caps span:first-child {
display: none;
}
.has-error .caps .caps__error, .has-error .product-item .sale-box .caps__error, .product-item .has-error .sale-box .caps__error,
.has-error .product-item .preorder-box .caps__error,
.product-item .has-error .preorder-box .caps__error,
.has-error .product-item .badge-box .caps__error,
.product-item .has-error .badge-box .caps__error, .has-error .search-submit .caps__error, .has-error .popout__toggle .caps__error, .has-error .blog .article__image .article__tags .caps__error, .blog .article__image .has-error .article__tags .caps__error, .has-error .footer__copyright .caps__error,
.has-error .caps .caps__error:hover {
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:before, .quick-add-button:after {
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:before, .quick-add-button.is-loading:after {
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 input:disabled + label span,
.form-quick-add .select-popout__option.is-disable span {
opacity: 0.3;
}
.form-quick-add .swatch__button input:disabled + label:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 2px;
height: 26px;
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 currentColor;
border-bottom: 2px solid currentColor;
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__cta,
.text-promo-inner .standard__heading,
.text-promo-inner .standard__app,
.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;
}
}
.section-before-after .section__body {
display: flex;
align-items: flex-start;
}
@media only screen and (max-width: 749px) {
.section-before-after .section__body {
display: block;
}
}
.section-before-after .section__content {
width: 100%;
align-self: center;
}
.section-before-after .section__content:not(:only-child) {
width: 50%;
margin-right: var(--outer);
}
@media only screen and (max-width: 749px) {
.section-before-after .section__content:not(:only-child) {
width: auto;
margin-right: 0;
}
}
.section-before-after .section__images {
width: 100%;
}
@media only screen and (max-width: 749px) {
.section-before-after .section__images {
margin: 0;
}
}
.section-before-after .section__images:not(:only-child) {
width: 50%;
}
@media only screen and (max-width: 749px) {
.section-before-after .section__images:not(:only-child) {
width: auto;
margin: calc(var(--gutter) * 2) 0;
}
}
/*! ============ Add any custom styles below this line ================== */
/* Tipo */
html, body {width: 100%;overflow-x: hidden;}
@font-face {
font-family: 'Marcellus';
src: url('https://cdn.shopify.com/s/files/1/0637/6279/2683/files/Marcellus-Regular.eot?v=1664140373');
src: url('https://cdn.shopify.com/s/files/1/0637/6279/2683/files/Marcellus-Regular.eot?v=1664140373?#iefix') format('embedded-opentype'),
url('https://cdn.shopify.com/s/files/1/0637/6279/2683/files/Marcellus-Regular.woff2?v=1664140373') format('woff2'),
url('https://cdn.shopify.com/s/files/1/0637/6279/2683/files/Marcellus-Regular.woff?v=1664140373') format('woff'),
url('https://cdn.shopify.com/s/files/1/0637/6279/2683/files/Marcellus-Regular.ttf?v=1664140373') format('truetype'),
url('https://cdn.shopify.com/s/files/1/0637/6279/2683/files/Marcellus-Regular.svg?v=1664140373#Marcellus-Regular') format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'ITCAvantGarde';
src: url('/cdn/shop/files/ITCAvantGardeStd-Bold.eot?v=1680262640');
src: url('/cdn/shop/files/ITCAvantGardeStd-Bold.eot?v=1680262640?#iefix') format('embedded-opentype'),
url('/cdn/shop/files/ITCAvantGardeStd-Bold.woff2?v=1680262640') format('woff2'),
url('/cdn/shop/files/ITCAvantGardeStd-Bold.woff?v=1680262640') format('woff'),
url('/cdn/shop/files/ITCAvantGardeStd-Bold.ttf?v=1680262640') format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
}
.h1, .h2, .h3, .h4, .h5, .recent__title, .h6, h1, h2, h3, h4, h5, h6, .article__author-bio h3, .blog .article__image .article__tags { font-family: 'Marcellus';}
.centered {text-align:center;}
.svgmedio { max-width:30%; text-align:center;}
.header__menu .navlink--toplevel span { font-family: 'Marcellus'; font-weight:700;}
.menu__item.grandparent .navlink--child span { border-bottom: 1px solid #000; font-size: 20px; font-family: 'Marcellus';}
.grandparent.kids-5.images-1 .header__grandparent__links {grid-template-columns: repeat(5,minmax(0,1fr)) !important;}
.announcement__bar-holder .flickity-viewport {height:30px !important;}
.iconomenu {width:24px;}
.theme__header {border-bottom: 0px solid var(--border);}
.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(4, minmax(0, 1fr));
}
.cart-dropdown.is-open, .collection__sidebar__slide-out { background: #fff;}
.product-modal__content {background-color: #fff;}
.form-quick-add .selector-wrapper { background: #fff;}
.radio__fieldset .radio__button label { border: 1px solid #000;}
.movilsi{display:none;}
.movilno{display:block;}
.header__menu__inner .child a {}
.navlink--grandchild .navtext span:nth-last-of-type() { color: #FF0000;}
.ly-languages-switcher {position:absolute; top:10px; right:220px;}
/* INDEX */
.strong, strong {
font-weight: 800;
}
.btn--white.caps--large {
font-family: 'Marcellus' !important;
font-size: 50px !important;
color:#fff !important;
}
.announcement__text * {letter-spacing:2px;}
.index-tab-collections .tabs-collections:first-child {padding-top: 0;}
#shopify-section-template--15950441152747__1664192723d83c04ac .custom-html-section--padding, #shopify-section-template--15950440857835__1663781719e888d8be .custom-html-section--padding, #shopify-section-template--15950440857835__1663781597e9a52e4c .custom-html-section--padding, #shopify-section-template--15950440857835__166378167336fa1b0f .custom-html-section--padding{padding-top: 50px;padding-bottom: 0px;}
.video-password {margin-bottom:0px; text-align:center;}
.video-password iframe, .video-password object, .video-password video { width: 100%;height: 100%;}
.video-password-nomargin {position: relative;padding-bottom: 56.25%; padding-top: 30px; height: 0;overflow: hidden;}
.video-password-nomargin iframe, .video-password-nomargin object, .video-password-nomargin video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.img-password-nomargin { position: relative; padding-top: 30px; }
.img-password-nomargin-mv { position: relative; padding-top: 30px; display:none;}
.collection__nav { background: #fff; border-top: 0px solid #fff;}
.footer__logo img {width: 100%;}
.footer__block__title { font-weight: 700 !important; font-size: calc(1.2rem * var(---font-adjust-body)); text-align:left !important}
#shopify-section-1664379243bb16e4eb .custom-html, #shopify-section-1664379243bb16e4ex .custom-html { margin-bottom: -20px;}
#shopify-section-1664379243bb16e4eb .section, #shopify-section-1664379243bb16e4ex .section, #shopify-section-1643385289b503bc00 .section, #shopify-section-1643385289b503fc09 .section, #shopify-section-1664379243bb16e4ez .section {overflow: inherit !important;}
#shopify-section-166454221827784085, #shopify-section-166454067465a9ed71, #shopify-section-1664542309b6746845 { display: none;}
#shopify-section-166444261094c32f47 { margin-top:-24px;}
#shopify-section-1664379243bb16e4eb, #shopify-section-template--14419977896016__1663781597e9a52e4c { margin-bottom:20px;}
#shopify-section-1664379243bb16e4eb,#shopify-section-1643385289b503fc09, #shopify-section-template--14443878023248__789d1fe0-5d19-4855-9f7d-4e02eea4835c {margin-top:-5px;}
#hero--template--14419977896016__ccdca731-68be-4b9b-acad-2aec0bc21d20 h2 {font-size:4em;}
#hero--template--14419977896016__ccdca731-68be-4b9b-acad-2aec0bc21d20 p {font-size:2em;}
#shopify-section-template--14419977896016__16637787470247b379 {display:block}
#shopify-section-template--14419977896016__65b4f821-4925-4fde-8300-418c159f949f {display:none}
#shopify-section-1664379243bb16e4eb, #shopify-section-1664379243bb16e4ex {margin-bottom:0px;}
#shopify-section-template--14443878023248__c008db75-c235-42cb-b732-1b85096e2e73 {margin-top:-5px;}
#shopify-section-template--14470030622800__6c65bbbb-f597-4019-938d-1253d8f2a0df {margin-top:-5px;}
.custom-html-section--padding {padding-top: 10px;padding-bottom: 10px;}
.hero__title { text-transform: uppercase; font: inherit; font-weight:800;}
#instagramhome .section, #shopify-section-1664379243bb16e4ez .section, #shopify-section-16644426391e06aa2f .section, #shopify-section-166444261094c32f47 .section, #shopify-section-1664379243bb16e4ex .section, #shopify-section-1657197824cd8755c8 .section, #shopify-section-1664379243bb16e4eb .section, #shopify-section-1664381875e6ac4002 .section, #shopify-section-1643385289b503bc00 .section, #shopify-section-1643385289b503fc09 .section {padding: 0!important; max-width: 100%;}
#shopify-section-template--14450732728400__0d3a6d8c-8f4d-4611-bd2d-2fb0c18e831f {margin-bottom:40px;}
#shopify-section-template--14450732728400__d02e4db2-e1ea-4c78-a0c0-885dbf5c7145 {margin-top:40px;}
#shopify-section-template--14527597707344__16860484598396441d {margin-top:-50px;}
#shopify-section-template--14538674700368__033e933d-58a1-4c22-bc5c-38309ce4ab98, #shopify-section-template--14470030622800__b18e2154-c8e9-446b-8715-8187abba93b4, #shopify-section-template--14527597707344__b18e2154-c8e9-446b-8715-8187abba93b4, #shopify-section-template--14527597707344__bb7e25bb-bb5f-4ec1-ad0b-46f3bcf55d4d {margin-top:-5px;}
.caps { font-size: calc(12px * var(---font-adjust-body));}
.aos-initialized [data-aos=img-in] { opacity: 1 !important;}
select {padding-right: 10px}
.ly-languages-switcher {background: transparent; color:#000 !important;}
.ly-languages-switcher:focus {border:0;}
.hero__btn { max-width: 300px !important;}
.separador { width: 100%; height:20px;}
.separador1 { width: 100%; height:5px;}
.espacio {padding-top:60px;}
.espaciolateral {padding-right:30px;}
.imagencentral { position: relative; text-align: center; color: #000; }
.imagencentral img { width:100%;}
.centeredboton:hover {color: #000!important;}
.centeredboton a {color: #fff; text-transform:uppercase}
.centeredboton {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
font-size: 1.3rem;
line-height: 1.4rem;
color: #fff;
padding: 10px 20px;
border: 0px solid #fff;
font-weight: 400;
text-transform: uppercase;
}
.centeredboton1:hover {color: #fff!important;}
.centeredboton1 a {color: #000; text-transform:uppercase}
.centeredboton1 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
font-size: 1.3rem;
line-height: 1.4rem;
color: #fff;
padding: 10px 20px;
border: 0px solid #fff;
font-weight: 400;
text-transform: uppercase;
}
.catalogo, .catalogo2, .catalogo3{margin:0 auto;}
.catelogoimg {width:25%; float:left;}
.catelogoimg1 {width:38%; float:left; padding: 20px;}
.catelogoimg2 {width:62%; float:left; padding: 20px;}
.catelogoimg2 .centeredboton, .catelogoimg1 .centeredboton {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
font-size: 1.3rem;
line-height: 1.4rem;
text-transform: uppercase;
background: #00000035;
opacity: .9;
color: #fff;
padding: 10px 20px;
border: 1px solid #fff;
font-weight: 400;
}
.catelogoimg6 .centeredboton{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
font-size: 1.1rem;
line-height: 1.2rem;
text-transform: uppercase;
background: none;
opacity: .9;
color: #000;
padding: 8px 16px;
border: 1px solid #000;
font-weight: 400;
}
.catelogoimg6 .centeredboton:hover {background: #fff;color: #000!important; border:1px solid #000;}
.catelogoimg6 .centeredboton a:hover {color: #000!important; }
.catelogoimg6 {width:16.66%; float:left;}
.catelogoimg3 {width:50%; float:left; padding:20px;}
.catalogo22 {width:50%; float:left; padding:0 40px}
.catelogoimg3 h2 {margin:0.1em 0 0 !important; font-size:3.5em !important;}
.catalogo23 {width:50%; float:left; padding-left:2px}
.hero__btn{font-size: 18px !important;}
.catalogoimg100 {width:100%; padding:0px; margin:0 auto; text-align:center;}
.catelogoimg4 {width:25%; padding:10px; margin:0 auto; text-align:center; float:left;}
.catalogoimg100 img,.catalogoimg100 .imagencentral img,.catalogo3 .imagencentral img, .catalogo2 .imagencentral img, .catelogoimg4 .imagencentral img, .catelogoimg4 img, .catelogoimg6 .imagencentral img{width:auto; max-width:100%;}
.derecha {text-align:left;}
.izquierda {text-align:right;}
.centro {padding:10% 0 0 5%;}
.marquesina { width:100%; height:180px; animation: changefondo 5s linear infinite; display:grid; place-items:center; }
.cart__price del { color: #d7362b;}
@keyframes changefondo {
0% { background-color: #f346aa;}
50% { background-color: #d7362b;}
100% { background-color: #f346aa;}
}
.ofertabanner { height:180px; width: 100%; position: relative; padding:20px 0;}
.ofertalinea {max-width:200px; height:1px; background-color:#fff; text-align:center; margin: 0 auto;}
.oferta { width: 100%; padding:20px 0; text-align:center;}
.oferta a {color:#fff; font-size: 1.6rem; line-height: 1.8rem; font-weight:700;}
.oferta25{width: 100%; padding:0; text-align:center;}
.oferta25 img {width:100%;}
.marqueehome {
height: 140px;
width: 1900px;
max-width: 1900px;
border: 0px solid #eee;
overflow: hidden;
box-sizing: border-box;
position: relative;
}
.marquee--inner {
display: block;
width: 200%;
margin: 55px 0;
position: absolute;
animation: marqueehome 12s linear infinite;
}
.marquee--inner:hover { animation-play-state: paused;}
.marquee--inner span {float: left; width: 50%; font-size: 1.6rem; line-height: 1.8rem; font-weight:700; color:#683f2b;}
.marquee--inner span a{ color:#683f2b;}
.marquee--inner span a:hover { color:#683f2b;}
@keyframes marqueehome {
0% { left: 0; }
100% { left: -100%; }
}
@keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: 0%; }
}
body { margin: 0; }
div#slider { overflow: hidden; }
div#slider figure img { width: 25%; float: left; }
div#slider figure {
position: relative;
width: 400%;
margin: 0;
left: 0;
text-align: left;
font-size: 0;
animation: 14s slidy infinite;
}
.btn--outline.btn--white { border: 0; --btn-bg-hover: transparent; --btn-border: #FFF;}
.bannermovil img{max-width:100%;}
[data-parallax-wrapper] .image__hero__scale {
min-height: 100%;
max-height: 100%;
}
#shopify-section-template--14470030622800__df96f567-ccc5-4986-9ef9-911f42720bec {margin-top:-5px;}
@media only screen and (min-width: 990px) {
.index-hero .hero__content, .homepage-slideshow .hero__content, .featured-video-section .hero__content {
width: 400px !important;
text-align:center;
}
}
.hero__content--transparent .hero__content {opacity:0.9;}
.hero__btn {
background:#f5d522 !important;
color:#000 !important;
font-size:30px !important;
font-weight:800 !important;
letter-spacing:0.5px;
border:2px solid #f5d522 !important;
}
.announcement__text, .announcement__main, .announcement__more { font-weight:800; letter-spacing:0.6px;}
.marquesinacontenedor { width: 100vw; max-width: 100%; overflow-x: hidden; color: #fff;z-index: 1; margin-bottom:20px; height:188px; margin-top:-40px;}
.track2 { position: absolute; white-space: nowrap; will-change: transform; animation: marquesinacontenedor 82s linear infinite; font-size:30px; font-weight:800; letter-spacing:0.5px;margin-bottom:20px;}
.track2 a {color:#000; font-weight:700;}
.track2 a:hover {color:#fff;}
.track2 img {max-width:350px !important; padding:0 60px;}
.grid__heading { font-size: 60px;}
.grid__heading-holder h2 { margin-bottom:10px;}
.grid__heading-holder > *, .grid__heading-holder, .grid__heading { padding: 10px; }
.textocondiciones { text-align: left; font-size:14px; padding-left:15px;}
.catalogoimg7 .centeredboton{
position: relative;
bottom: 0;
left: 0;
transform: translate(0,0);
font-size: 1.2rem;
line-height: 1.2rem;
text-transform: uppercase;
color: #000;
padding: 8px 0;
font-weight: 900;
text-align:center;
background:#f5d522;
border:0;
}
.catalogoimg7 .centeredboton:hover {color: #fff !important; border:0;}
.catalogoimg7 .centeredboton a:hover {color: #fff !important; }
.catalogoimg7 {width:16.66%; float:left; padding:5px;}
#shopify-section-template--14550311403600__5f45c9f8-0c81-48ed-82cb-1aad62bd3456 { max-width:1400px; margin:0 auto;}
.newin {max-width:300px !important; margin:30px auto 5px; text-align:center;}
@keyframes marquesinacontenedor { from { transform: translateX(0); } to { transform: translateX(-50%); }}
/* MENU */
/* #dropdown-f9bbf6492d45285d239203bad1bcd75a {background: #F5D522; border-bottom:1px solid #fff;}*/
/*
[data-header-transparent=true]:not(.meganav--visible) .header__desktop__upper, [data-header-transparent="true"]:not(.meganav--visible) {
--link: white;
--text-dark: white;
--text-light: white;
--underline: white;
}
[data-header-transparent=true]:not(.meganav--visible) .header__desktop__upper img, [data-header-transparent="true"]:not(.meganav--visible) img{filter: invert(1);}
[data-header-transparent="true"]:not(.meganav--visible) .hamburger__lines span {background:#fff;}
[data-header-transparent=true]:not(.meganav--visible) .header__desktop__upper img, [data-header-transparent="true"]:not(.meganav--visible) .country-selector a, [data-header-transparent=true]:not(.meganav--visible) .header__desktop__upper .wg-drop.country-selector.closed .wgcurrent::after { color:#fff;}
[data-header-transparent=true]:not(.meganav--visible) .header__desktop__upper .wg-drop.country-selector li, [data-header-transparent="true"]:not(.meganav--visible) .wg-drop.country-selector li {
list-style-type: none;
width: auto;
background: black;
}*/
.wg-drop.country-selector { background-color: transparent !important;}
/* CART */
.cart-bar {background: rgb(0,205,159);background: linear-gradient(90deg, rgba(0,205,159,1) 0%, rgba(1,120,230,1) 33%, rgba(1,120,230,1) 100%);color:#fff;}
.cart-bar__form .product__submit__add { background: #fff;}
.cart-bar__product__price {color:#fff;}
.cart__discount {background:#f4f4f4;}
.cart-dropdown__head { border-bottom: 0px solid var(--border);}
.form-cart {padding:5px;}
.cart__widget {border-top: 0px solid var(--border); background: #f4f4f4; margin-bottom: 30px;}
.cart__checkout {background:#f4f4f4; color:#000; text-transform:uppercase;}
.cart__foot-inner {border-top: 0px solid var(--border);}
.cart__quantity {border:1px solid #000;}
.cart-item {padding: 10px; border-bottom: 0px solid var(--border);}
.header__desktop__buttons--icons .header__cart__status:not([data-cart-count="0"]):not(.navtext), .header__mobile__button .header__cart__status:not([data-cart-count="0"]):not(.navtext) {
border: 0px solid var(--bg);}
.shopify-app-block {
width: auto;
padding: 0;
position: relative;
margin: 30px auto 30px;
overflow: visible;
display: block;
text-align: left;
max-width: 1250px;
}
.sezzle-checkout-button {margin-top:10px !important;}
/* PRODUCT */
.radio__fieldset .radio__button label { padding: 8px 12px;}
.product__wrapper--thumbnails-left .product__thumbs--square { margin-right: 10px;}
.thumb__link__image {max-height: inherit; height: auto; margin-bottom:30px;}
.show-button-animation .product__submit__add { background:#f4f4f4; text-transform: uppercase;}
.product__submit--spb .shopify-payment-button__button--unbranded { border: 1px solid #000; background:#f4f4f4; color:#000; text-transform: uppercase;}
.accordion-toggle { border-top: 0px solid var(---color-border);}
.accordion {border-bottom: 0px solid var(---color-border);}
.form__width .breadcrumbs {display:none;}
.shopify-payment-button .shopify-payment-button__button--unbranded { font-size: inherit;}
.product-form { margin-top:40px;}
.accordion-toggle {text-transform: uppercase;}
.old-price, .product__price--strike {color:#ff0000}
.product__price--off {color:#ff0000; background:#fff; border:1px solid #ff0000}
.product__price--strike {font-size: calc(var(--font-3) * var(---font-adjust-body));}
.product-upsell-holder h2 {font-family: inherit; background:#f4f4f4; padding: 10px; text-transform: uppercase; font-size: 15px;}
.product-upsell__btn {border-radius: 0;}
.product-upsell__content h3 {font-family: inherit;}
.variant__labels--hide .radio__fieldset { margin-bottom:5px ;}
.tabs-wrapper { padding-top: 0px;}
.related__products .tabs__head { margin-bottom: 0px;}
#fspb-subtotal { margin-top: 20px !important; }
p.freeship {
margin-bottom: -2.7em !important;
z-index: 3 !important;
position: relative !important;
margin-left: 10px !important;
font-size: 13px !important;
color: #000 !important;
}
p.freeship span {
//color: {{subSubOptimumColor}};
color: #000 !important;
font-weight: bold !important;
}
#fspb-subtotal meter {
margin: 1em 0 !important;
width: 80% !important;
height: 22px !important;
background: #fff !important;
border-radius: 20px !important;
border:1px solid #000 !important;
box-shadow: 0 0 0 rgba(0,0,0,0.2) inset !important;
}
#fspb-subtotal meter:-moz-meter-optimum::-moz-meter-bar { background: {{optimumColor}} !important; border-radius: 20px !important; }
#fspb-subtotal meter:-moz-meter-sub-optimum::-moz-meter-bar {background: {{subOptimumColor}} !important; border-radius: 20px !important; }
#fspb-subtotal meter:-moz-meter-sub-sub-optimum::-moz-meter-bar {background: {{subSubOptimumColor}} !important; border-radius: 20px !important; }
/* WebKit */
#fspb-subtotal meter::-webkit-meter-bar {
background: #fff !important;
border-radius: 20px !important;
height:22px !important;
border:1px solid #000 !important;
}
#fspb-subtotal meter::-webkit-meter-optimum-value { background: {{optimumColor}} !important; border-radius: 20px !important; }
#fspb-subtotal meter::-webkit-meter-suboptimum-value { background: {{subOptimumColor}} !important; border-radius: 20px !important;}
#fspb-subtotal meter::-webkit-meter-even-less-good-value {background: {{subSubOptimumColor}} !important;border-radius: 20px !important;}
.iconos img {width:60px !important; margin-right:10px;}
/* LISTADO*/
.promosandals { background:#862020 !important; margin:0 0 20px 20px !important; float:left;}
.promosandalsbox { background:#862020 !important; color:#fff !important;}
.radio__fieldset .radio__button input:checked ~ label {border: 1px solid #000;background: beige;}
.product__price--sale .money, .sale .new-price {text-decoration:line-through;}
.new-price {float:left;margin-top: 2px;}
.product__price {font-size: 16px;}
.old-price, .product__price--strike { color: #000;}
.collection__nav {z-index: 101;}
.product__price--sale .money{font-size: 16px;}
#shopify-section-template--14458655047760__1664185809f51d8978, #shopify-section-template--14453360689232__1664185809f51d8978, #shopify-section-template--14453360787536__1664185809f51d8978, #shopify-section-template--14453360754768__1664185809f51d8978, #shopify-section-template--14453360722000__1664185809f51d8978, #shopify-section-template--14453360656464__1664185809f51d8978, #shopify-section-template--14453360689232__1664185809f51d8978, #shopify-section-template--14453360951376__1664143318db4148f4, #shopify-section-template--14453360820304__1664185809f51d8978 {position: -webkit-sticky; position: sticky; top: 67px; background-color: white; z-index: 100; padding-bottom:3px;}
/*.collection__nav {position: -webkit-sticky; position: sticky; top: 95px; background-color: white; z-index: 100; padding-bottom:3px;}*/
.cambiarlayout {position: absolute; right: 200px; margin-top: 18px;display:block;}
.cambiarlayout a {border:1px solid #000; color:#000; padding:5px 10px;}
.cambiarlayout button:hover, .cambiarlayoutmv button:hover {color:#fff; background:#000; }
.cambiarlayout button, .cambiarlayoutmv button {border:1px solid #000;}
.cambiarlayoutmv {position: absolute; right: 190px; margin-top: 17px; display:none;}
.cambiarlayoutmv a {border:1px solid #000; color:#000; padding:5px 10px;}
.cambiarlayoutmv a:hover {border:1px solid #000; color:#fff; background:#000; }
.popout--sort {max-width:195px;}
.popout__toggle {font-size: calc(0.8rem * var(---font-adjust-body));}
.popout--sort .popout--active .popout__toggle__text:nth-child(1), .popout--sort .popout--active .popout__toggle__text:nth-child(2) { font-size: 10px;}
.collection__nav .popout--group .popout__toggle { border-right: 0px solid var(---color-border);}
.popout--sort .popout__toggle {border-left: 0px solid var(---color-border);}
.collection__title:not(.hero__content__wrapper) { padding: 8px var(--outer);}
.popout--sort .popout-list {padding: 0;}
.collection__sidebar__slider, .popout-list {border: 0px solid var(---color-border-hairline);}
.product-item--borderless { border: 0.2px #fff solid !important;}
.product-information > a {padding:0;}
div.swatch-preset-4781 .swatch-custom-image {border-width: 0 !important;}
div.swatch-preset-4781 .star-set-image { border-radius: 0 !important;}
.badge {color:#fff; background:red; padding: 3px 5px; margin-top:15px;}
.badgesale { margin:0 0 0 10px !important;}
.bg-sales2 {color:#3256FA; background:transparent; padding: 3px 0 5px;}
.product-item .sale-box {color: #fff; background:red; font-weight:700;}
.product-item .platform {background:#83ff37; color:#000;}
.sintachar {padding: 2px; margin-left: 5px; text-decoration: none !important;}
.popout--group .popout__toggle { padding: 8px 12px;}
.trescolumnas .large-up--one-quarter { width: 33.333333% !important;}
.docecolumnas .product-item .sale-box, .docecolumnas .product-item .badge-box {
padding: 0 5px;
height: 24px;
min-width: 60px;
line-height: 24px;
}
.badge {font-size: 14px;}
.ss23 {background:#8f4ac1 !important;}
.lastunits {background:transparent !important; color:red !important; font-style:italic !important; left:0 !important; padding:0 8px !important}
.prefall {background:#ebcdb1 !important; color:#720f14 !important;}
.product-item .lastunits {top: 35px !important;}
.trescolumnas .product-item .lastunits {top: 35px !important;}
.docecolumnas .product-item .lastunits {top: 30px !important;}
.marquesinacolection {position: absolute;
width: 100vw;
max-width: 100%;
height: 25px;
overflow-x: hidden;
background: #3256FA;
color: #fff;
z-index: 1;
bottom: 40px;
padding: 5px;
font-size: 0.8rem;
text-transform: uppercase;}
.track { position: absolute; white-space: nowrap; will-change: transform; animation: marquesinacolection 32s linear infinite;}
@keyframes marquesinacolection { from { transform: translateX(0); } to { transform: translateX(-50%); }}
/* CMS */
#judgeme_all_reviews_page { max-width:1300px !important;}
.reviews{font-size:15px; font-weight:600; text-transform:uppercase;}
.enlace {position:relative; height:50px; display:inline-block;}
/* PAGINATION*/
.pagination-custom > li > a { font-size: 1.1em;}
.pagination-custom > .active > a, .pagination-custom > .active > span, .pagination-custom > .active > a:hover, .pagination-custom > .active > span:hover, .pagination-custom > .active > a:focus, .pagination-custom > .active > span:focus {
font-weight: 800; font-size: 1.2em;}
.pagination-custom__arr > a::before, .pagination-custom__arr > span::before { width: 0.8em; height: 0.8em;}
.pagination-custom__num.active span::after { background: #000;}
/* BREADCRUMBS */
.breadcrumbs { margin: 0; font-size: calc(var(--font-1) * var(---font-adjust-body));}
.breadcrumbs__list { list-style-type: none; margin: 0;padding: 0; font-size:13px;}
.breadcrumbs__item { display: inline-block; }
.breadcrumbs__item:not(:last-child):after {
border-style: solid;
border-width: .10em .10em 0 0;
content: '';
display: inline-block;
height: .20em;
margin: 0 .20em;
position: relative;
transform: rotate(45deg);
vertical-align: middle;
width: .20em;
}
.breadcrumbs__link {text-decoration: underline;}
.breadcrumbs__link[aria-current="page"] {color: inherit;font-weight: normal;text-decoration: none;}
.breadcrumbs__link[aria-current="page"]:hover,.breadcrumbs__link[aria-current="page"]:focus {text-decoration: underline;}
.product-modal__content { max-width: 900px;}
/* ACCOUNT */
#Login, #Register { background: #f4f4f4;}
input, textarea, select, .input-group { background: rgb(255, 255, 255); border:0;}
/* FAQ */
#faq h2 { text-align:center;}
#faq h5 {font-family:inherit; padding-bottom:15px; border-bottom: 1px solid #000; margin-top:25px;}
.so-accordion-wrapper {margin-top:15px;}
.so-tab {position: relative;width: 100%;overflow: hidden;margin: 25px 0;border-bottom: 1px solid #000;}
.so-tab label {position: relative;display: block;padding: 0 25px 0 0;margin-bottom: 15px;line-height: normal;cursor: pointer;}
.so-tab input {position: absolute;opacity: 0;z-index: -1;}
.so-tab-content {max-height: 0;overflow: hidden;transition: max-height .35s;}
.so-tab-content p {padding-bottom:50px;}
/* :checked */
.so-tab input:checked ~ .so-tab-content {max-height: none;}
/* Icon */
.so-tab label::after {position: absolute;right: 0;top: -20px;display: block;width: 3em;height: 3em;line-height: 3;text-align: center;-webkit-transition: all .35s;
-o-transition: all .35s;
transition: all .35s;
}
.so-tab input[type=checkbox] + label::after {
content: "+";
}
.so-tab input[type=radio] + label::after {
content: "\25BC";
}
.so-tab input[type=checkbox]:checked + label::after {
transform: rotate(315deg);
}
.so-tab input[type=radio]:checked + label::after {
transform: rotateX(180deg);
}
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-container-pointer-events{touch-action:pan-y}.swiper-container-pointer-events.swiper-container-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:50%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-container-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;-webkit-filter:blur(50px);filter:blur(50px)}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.swiper-container {
width: 94%;
height: 100%;
margin-top:10px;
margin-bottom:10px;
}
.swiper-slide {
border-radius:0px;
border:1px solid #000;
text-align: center;
font-size: 13px;
background: #fff;
padding:5px 8px;
color:#000;
/* Center slide text vertically */
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.void { border:0px solid #000;}
.swiper-slide:hover{border:1px solid #000; background: #000; color:#fff !important;}
.swiper-slide:hover a {color:#fff !important;}
.swiper-slide a {color:#000 !important;}
.swiper-slide a:hover {color:#fff !important;}
@media (max-width: 1500px){
.espaciolateral {padding-right:20px;}
.badge {display:block; width: fit-content;}
}
@media (max-width: 1290px){
.swiper-container { width: 96%;}
.swiper-slide { font-size: 13px; padding:5px 6px;}
}
@media only screen and (min-width: 990px){
.form__width {max-width: 600px; margin: 0 auto;}
.cuatrocolumnas .large-up--one-quarter { width: 25% !important;}
.docecolumnas .large-up--one-quarter {width: 8.3333333% !important;}
.docecolumnas .product-item--borderless .product-information {display: none;}
.large-up--one-sixth { width: 8.3333333335%;}
.large-up--one-sixth .product-information {display:none;}
.hero__btn, .hero__btn:hover { border:0 solid;}
.hero__title {text-transform: none !important ; font-size: 44px !important;}
.hero__description { font-weight: 800;}
}
@media (max-width:767px){
.subir{ margin-top:-10px;}
.newin {margin:0px auto 5px; text-align: center;}
.marquesinacontenedor { margin-top:-20px; height:120px;}
.track2 img {max-width:300px !important; padding:0 70px;}
.promosandals { margin:10px 0 0 0 !important;}
.product__price--sale .money{font-size: 14px;}
.textocondiciones { display:none;}
.svgmedio {max-width:60%;}
.product__thumbs--square {display:none;}
.product-item__bg__under {display:none;}
.badge {font-size: 12px;}
.popout--sort { }
.cambiarlayout {display:none;}
.cambiarlayoutmv {display:none; right: 180px; padding: 2px 4px !important;}
#shopify-section-16644688417f231f4b, #shopify-section-1657197824cd8755c8, #shopify-section-1664381875e6ac4002 {display:none;}
#shopify-section-166454067465a9ed71, #shopify-section-166454221827784085, #shopify-section-1664542309b6746845 { display:block}
#shopify-section-166454221827784085 .section, #shopify-section-1664542309b6746845 .section{padding: 0!important; max-width: 100%;}
#shopify-section-template--14419977896016__16637787470247b379 {display:none;}
#shopify-section-template--14419977896016__65b4f821-4925-4fde-8300-418c159f949f {display:block;}
.catelogoimg { width: 50%; margin-top: -5px;}
.svgmedio { max-width:70%; text-align:center;}
.trescolumnas .product-item--borderless .product-information {display: none;}
#shopify-section-166454067465a9ed71 .bttn {font-size:8px;}
#shopify-section-166454067465a9ed71 .type-heading-1 {font-size:25px;}
#shopify-section-166454067465a9ed71 .content-overlay * + * { margin-top: 10px;}
select {padding-right: 15px}
.hero__description { display:none;}
.quick-add-button {display:none !important;}
.product-item .sale-box, .product-item .preorder-box, .product-item .badge-box { padding: 0 8px; height: 24px; min-width: 60px; line-height: 24px; }
p.freeship { font-size: 12px !important; margin-bottom: -2.9em !important;}
#fspb-subtotal meter {width: 100% !important;}
.banner3 p {font-size:1.6rem; line-height: 1.8rem; padding: 40px;}
.breadcrumbs {display:none;}
.centeredboton{font-size: 1rem; line-height: 1.2rem; padding: 10px;}
.movilno{display:none;}
.movilsi{display:block;}
.product__grid__title { min-height: 40px;}
.catelogoimg1, .catelogoimg2 {width:100%;}
.catelogoimg2 .centeredboton { left: 50%; padding: 10px; font-size: 1rem; line-height: 1.2rem;}
.marquee--inner {animation: marqueehome 15s linear infinite;}
.marquee--inner span { font-size: 1.4rem; line-height: 1.6rem;}
.oferta a {font-size: 1.4rem; line-height: 1.6rem;}
.look__title { padding: 0;}
.caps { font-size: 16px;}
.ly-languages-switcher {top:5px; right:90px;}
.catelogoimg3 {width:100%; float:left; padding:10px 20px 5px;}
.centeredboton{font-size: 1.2rem; line-height: 1.3rem; padding: 10px;}
.catelogoimg4 {width:50%;}
.espacio {padding-top:0px;}
.izquierda {margin-bottom:20px;}
.catalogo2, .catalogo3{margin:0px auto;}
.catalogo3 {padding:0 10px;}
.catalogo3 .imagencentral img, .catalogo2 .imagencentral img{width:auto; max-width:100%;}
.catelogoimg4 .imagencentral img{width:auto; max-width:100%;}
#shopify-section-template--14450732728400__0d3a6d8c-8f4d-4611-bd2d-2fb0c18e831f {margin-bottom:10px;}
#shopify-section-template--14450732728400__d02e4db2-e1ea-4c78-a0c0-885dbf5c7145 {margin-top:10px;}
#shopify-section-template--14458655047760__1664185809f51d8978,#shopify-section-template--14453360689232__1664185809f51d8978, #shopify-section-template--14453360787536__1664185809f51d8978, #shopify-section-template--14453360754768__1664185809f51d8978, #shopify-section-template--14453360722000__1664185809f51d8978, #shopify-section-template--14453360656464__1664185809f51d8978, #shopify-section-template--14453360689232__1664185809f51d8978, #shopify-section-template--14453360951376__1664143318db4148f4, #shopify-section-template--14453360820304__1664185809f51d8978 {top: 60px; padding-bottom:1px;}
/*.collection__nav {top: 89px; padding-bottom:1px;}*/
.product__price--off {margin-left: 2px; padding: 3px 2px; letter-spacing: 0;}
.new-price { margin-right: 5px; margin-top:3px;}
.product-information .price {font-size: calc(0.8rem * var(---font-adjust-body));}
.catalogo, .catalogo22 {width:100%; float:left; padding-right:20px; padding-bottom:10px; padding-left:20px;}
.catalogo23 {width:100%; float:left; padding-left:0px;}
.catelogoimg6 {width:50%; float:left;}
.catelogoimg6 .centeredboton { font-size: 0.7rem;}
.catalogoimg7 {width: 50%; }
.catalogomargen {margin:0 20px;}
.catalogoimg7 .centeredboton {font-size: 1.1rem;}
.hero__btn, .hero__btn:hover { border:2px solid; }
.hero__title {text-transform: none !important ; font-size: 34px !important;}
.hero__description { font-family: 'Marcellus'; display:none;}
.hero__btn {font-size: 20px !important;background: transparent !important;border: 0 !important;color: #000 !important;}
.hero__btn:hover {color:#fff !important;}
.marquesinacolection { height: 20px; bottom: 0px; padding: 2px; font-size: 0.7rem;}
.track2 {font-size: 20px}
.hero__content--transparent .hero__content { margin:0 auto;}
#shopify-section-template--14470030622800__b18e2154-c8e9-446b-8715-8187abba93b4, #shopify-section-template--14470030622800__dab296de-b028-4b01-b9cc-37d438b24236, .catelogoimg6 {margin-top:-5px;}
.weglot-container { position: fixed;bottom: 0;padding: 10px; background:#fff;}
.sliderule-grid {display:none;}
.jdgm-carousel-wrapper .jdgm-all-reviews-rating-wrapper {text-align: center !important;}
.jdgm-carousel-title {text-align: center !important;}
}
@media (max-width:560px){
#shopify-section-template--14453360689232__1664185809f51d8978, #shopify-section-template--14453360787536__1664185809f51d8978, #shopify-section-template--14453360754768__1664185809f51d8978, #shopify-section-template--14453360722000__1664185809f51d8978, #shopify-section-template--14453360656464__1664185809f51d8978, #shopify-section-template--14453360689232__1664185809f51d8978, #shopify-section-template--14453360951376__1664143318db4148f4, #shopify-section-template--14453360820304__1664185809f51d8978 {top: 60px; padding-bottom:1px;}
#hero--template--14419977896016__ccdca731-68be-4b9b-acad-2aec0bc21d20 h2 {font-size:3em;}
.fondoverdespring .fila12A { text-align: center;padding: 0 15%;}
}
@media (max-width:450px){
.ly-languages-switcher {padding-right:10px;}
.header__mobile__button .navlink {margin-right: 10px;}
.header__mobile__button .header__mobile__hamburger {margin-right: 3px;}
.ly-languages-switcher {right:70px;}
.fondoverdespring .fila12A { padding: 0 2%;}
.badge {font-size: 11px;}
}
@media (max-width:400px){
.selectoridiomamobile {display:none;}
.catalogoimg7 .centeredboton { font-size: 1.1rem;}
}
@media only screen and (max-width: 749px) {
.product-grid--mobile-slider:not(.flickity-slider--default) .collection-item, .product-grid--mobile-slider:not(.flickity-slider--default) .product-item {
width: calc(70% - 50px);
}
}