/** Shopify CDN: Minification failed
Line 20258:7 Unexpected "{"
**/
@charset "UTF-8";
/*============================================================================
Modular | Built with Skate
- You cannot use native CSS/Sass @imports in this file without a build script
==============================================================================*/
/*================ VARIABLES ================*/
/*============================================================================
#Breakpoint and Grid Variables
==============================================================================*/
/* ============================================================================
#Colors
--static vars have uppercase letters
--dynamic vars have lowercase letters
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-BACKGROUND);
--text: var(--COLOR-TEXT);
--text-alpha-5: var(--COLOR-TEXT-ALPHA-5);
--text-alpha-25: var(--COLOR-TEXT-ALPHA-25);
--text-alpha-55: var(--COLOR-TEXT-ALPHA-55);
--heading: var(--COLOR-HEADING);
--border: var(--COLOR-BORDER);
--border-dark: var(--COLOR-BORDER-DARK);
--border-alpha-8: var(--COLOR-BORDER-ALPHA-8);
--error-text: var(--COLOR-ERROR-TEXT);
--error-bg: var(--COLOR-ERROR-BG);
--error-border: var(--COLOR-ERROR-BORDER);
}
/*================ TOOLS ================*/
/*================ Media Query Mixin ================*/
/*================ GLOBAL ================*/
/*! normalize.css v2.1.2 | MIT License | git.io/normalize */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
}
@font-face {
font-family: "Ultramagnetic", serif;
src: url("ywft-ultramagnetic.woff2") format("woff2"),
url("ywft-ultramagnetic.woff") format("woff");
font-display: swap;
font-style: normal;
-webkit-font-feature-settings: normal;
font-feature-settings: normal;
}
@font-face {
font-family: "Gin", sans-serif;
src: url("Gin-Regular.woff2") format("woff2"),
url("Gin-Regular.woff") format("woff");
font-display: swap;
font-style: normal;
-webkit-font-feature-settings: normal;
font-feature-settings: normal;
}
audio,
canvas,
video {
display: inline-block;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
html {
scroll-behavior: smooth;
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
body:not(.is-focused) *:focus {
outline: none;
}
a {
background: transparent;
}
a[href="#!"] {
cursor: default;
}
h1 {
margin: 0.67em 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: var(--BODY-FONT-WEIGHT-BOLD);
}
dfn {
font-style: italic;
}
hr {
box-sizing: content-box;
height: 0;
}
mark {
background: #ff0;
color: #000;
}
code,
kbd,
pre,
samp {
font-family: monospace, serif;
font-size: calc(1rem * var(--FONT-ADJUST-BODY));
}
pre {
white-space: pre-wrap;
}
q {
quotes: "“" "â€" "‘" "’";
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 0;
}
/**
* Forms
*/
fieldset {
border: 1px solid var(--COLOR-BORDER);
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
font-size: calc(0.875rem * var(--FONT-ADJUST-BODY));
}
legend {
border: 0;
padding: 0;
}
button,
.btn,
.shopify-payment-button__button--unbranded,
input,
select,
textarea {
font-family: var(--BODY-FONT-FAMILY);
font-weight: var(--BODY-FONT-WEIGHT);
font-style: var(--BODY-FONT-STYLE);
font-size: calc(0.875rem * var(--FONT-ADJUST-BODY));
margin: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0;
}
input[type="number"] {
-moz-appearance: textfield;
}
button,
.btn,
.shopify-payment-button__button--unbranded,
select {
text-transform: none;
}
button,
.btn,
.shopify-payment-button__button--unbranded,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
[disabled].btn,
[disabled].shopify-payment-button__button--unbranded,
html input[disabled] {
cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="search"] {
-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
button::-moz-focus-inner,
.btn::-moz-focus-inner,
.shopify-payment-button__button--unbranded::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
vertical-align: top;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
html,
html a {
-webkit-font-smoothing: antialiased;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
margin: auto;
}
.icon {
fill: currentColor;
display: inline-block;
vertical-align: middle;
}
*,
.border-box {
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
ul,
ol,
li,
nav {
list-style-type: none;
margin: 0;
padding: 0;
-webkit-margin-before: 0em;
-webkit-margin-after: 0em;
}
body.is-focused .product-media--image.focus-visible::after,
body.is-focused model-viewer.focus-visible::after,
body.is-focused video.focus-visible::after {
content: "";
box-sizing: border-box;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: var(--overlay-opacity);
background-color: var(--overlay-color);
z-index: 100;
box-shadow: inset 0 0 0 2px var(--COLOR-BORDER);
box-sizing: border-box;
pointer-events: none;
}
body.is-focused .swatch__input:focus + .swatch__label .swatch__color,
body.is-focused .variant-input:focus + .variant__button-label {
outline: 4px solid var(--COLOR-BUTTON-PRIMARY-BG);
}
@media only screen and (min-width: 768px) {
body.is-focused .product-block__image:focus .product-block__image-inner,
body.is-focused
.product-block__image:focus-within
.product-block__image-inner {
opacity: 1;
transition: opacity 0.25s ease-in-out, visibility 0s;
}
}
body.is-focused .product-block__image__link:focus {
outline: -webkit-focus-ring-color auto 5px;
outline-offset: -2px;
}
body.is-focused .collection__filter-tag .focus-visible + label {
outline: -webkit-focus-ring-color auto 1px;
}
body.is-focused .skip-link:focus,
.no-js .skip-link:focus {
clip: auto;
width: auto;
height: auto;
max-width: none;
max-height: none;
margin: 0;
color: var(--COLOR-TEXT);
background-color: var(--COLOR-BACKGROUND);
padding: 10px;
opacity: 1;
z-index: 10000;
transition: none;
}
.no-js body:not(.is-focused) *:focus {
outline: auto;
outline: -webkit-focus-ring-color auto 5px;
}
.collection-block__link:focus {
outline: none;
}
.collection-block:focus-within,
.collection__filter-tag-btn:focus-within,
.collection__filter-tag:focus-within,
.product-image__lightbox-link:focus {
outline: -webkit-focus-ring-color auto 2px;
}
button,
.btn,
.shopify-payment-button__button--unbranded,
.button {
display: inline-block;
position: relative;
font-family: var(--BODY-FONT-FAMILY);
font-weight: var(--BODY-FONT-WEIGHT);
font-style: var(--BODY-FONT-STYLE);
transition: opacity 0.2s ease-in-out;
cursor: pointer;
padding: 10px 30px;
margin: auto;
font-size: 18px;
line-height: 22px;
text-transform: capitalize;
text-align: center;
text-decoration: none !important;
letter-spacing: var(--BODY-LETTER-SPACING);
background-color: var(--COLOR-BUTTON-PRIMARY-BG);
color: var(--COLOR-BUTTON-PRIMARY-TEXT);
border: 1px solid var(--COLOR-BUTTON-PRIMARY-BORDER);
border-radius: 0;
/* Never show border on image overlay buttons */
}
button + .button,
.btn + .button,
.shopify-payment-button__button--unbranded + .button,
.button + .button {
margin-left: 10px;
}
button.button--large,
.button--large.btn,
.button--large.shopify-payment-button__button--unbranded,
.button.button--large {
padding: 16px 40px;
}
button:hover,
.btn:hover,
.shopify-payment-button__button--unbranded:hover,
.button:hover {
opacity: 0.8;
}
button:disabled,
.btn:disabled,
.shopify-payment-button__button--unbranded:disabled,
button[disabled],
[disabled].btn,
[disabled].shopify-payment-button__button--unbranded,
button.disabled,
.disabled.btn,
.disabled.shopify-payment-button__button--unbranded,
.button:disabled,
.button[disabled],
.button.disabled {
opacity: 0.5;
}
.hero button,
.hero .btn,
.hero .shopify-payment-button__button--unbranded,
.split-hero button,
.split-hero .btn,
.split-hero .shopify-payment-button__button--unbranded,
.featured-block__content button,
.featured-block__content .btn,
.featured-block__content .shopify-payment-button__button--unbranded,
.collection-block button,
.collection-block .btn,
.collection-block .shopify-payment-button__button--unbranded,
.product-block__image-inner button,
.product-block__image-inner .btn,
.product-block__image-inner .shopify-payment-button__button--unbranded,
.hero .button,
.split-hero .button,
.featured-block__content .button,
.collection-block .button,
.product-block__image-inner .button {
border-color: transparent !important;
}
.btn--ar {
display: block;
max-width: 100%;
width: 100%;
}
.button--light,
.button--secondary {
color: var(--COLOR-BUTTON-SECONDARY-TEXT);
border-color: var(--COLOR-BUTTON-SECONDARY-BORDER);
background-color: var(--COLOR-BUTTON-SECONDARY-BG);
}
[data-payment-button="false"] {
display: none;
}
@media only screen and (min-width: 768px) {
.product-layout-4--info .shopify-payment-button {
margin-left: 0 !important;
}
}
@media only screen and (max-width: 767px) {
.shopify-payment-button {
margin-right: auto;
margin-left: auto;
}
}
.shopify-payment-button__button--unbranded {
line-height: 20px !important;
font-weight: normal;
padding: 12px 30px !important;
margin: 0;
color: var(--COLOR-BUTTON-PRIMARY-TEXT) !important;
border: 1px solid var(--COLOR-BUTTON-PRIMARY-BORDER) !important;
background-color: var(--COLOR-BUTTON-PRIMARY-BG) !important;
transition: opacity 0.2s ease-in-out !important;
max-width: 180px !important;
}
.product__form-buttons--alt .shopify-payment-button__button--unbranded {
color: var(--COLOR-BUTTON-ALT-TEXT) !important;
border: 1px solid var(--COLOR-BUTTON-ALT-BORDER) !important;
background-color: var(--COLOR-BUTTON-ALT-BG) !important;
}
.button--alt {
color: var(--COLOR-BUTTON-ALT-TEXT);
border: 1px solid var(--COLOR-BUTTON-ALT-BORDER);
background-color: transparent;
width: 100%;
}
.product__form-buttons--alt .button--alt {
color: var(--COLOR-BUTTON-PRIMARY-BG);
border: 1px solid var(--COLOR-BUTTON-PRIMARY-BORDER);
background-color: var(--COLOR-BUTTON-PRIMARY-TEXT);
}
div.shopify-payment-button__button--unbranded span:nth-child(2) {
margin-right: 10px;
}
.size-guide {
display: block;
position: relative;
font-weight: var(--BODY-FONT-WEIGHT);
font-size: calc(0.7em * var(--FONT-ADJUST-BODY));
margin-bottom: 12px;
text-align: right;
text-decoration: underline;
width: 100%;
color: #222;
}
.shopify-payment-button__more-options {
width: auto !important;
color: black !important;
background-color: transparent !important;
padding: 5px 0;
margin: auto;
max-width: 180px !important;
}
.shopify-payment-button__more-options[aria-hidden="true"] {
display: none;
}
@media only screen and (max-width: 767px) {
.shopify-payment-button__more-options,
.shopify-payment-button__button--branded,
.shopify-payment-button__button--unbranded {
margin: auto;
}
}
.shopify-payment-button__button {
width: 100% !important;
height: 44px;
border-radius: 0 !important;
}
.shopify-payment-button__button[disabled] {
display: none;
}
.additional-checkout-buttons button[type="submit"],
.additional-checkout-buttons [type="submit"].btn,
.additional-checkout-buttons
[type="submit"].shopify-payment-button__button--unbranded {
border-radius: 0 !important;
}
/**
* Animations
*/
@keyframes moFadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes moZoomOut {
from {
transform: scale(1.1);
}
to {
transform: scale(1);
}
}
@keyframes moZoomIn {
from {
transform: scale(1);
}
to {
transform: scale(1.1);
}
}
@keyframes bounceUp {
0% {
transform: translateZ(0);
}
40% {
transform: translateY(-16%);
}
85% {
transform: translateY(4%);
}
100% {
transform: translateZ(0);
}
}
@keyframes boxShadow {
0% {
box-shadow: 0 0 0 0 currentColor;
}
100% {
box-shadow: 0 0 10px 5px transparent;
}
}
.animated {
animation-duration: 1s;
animation-fill-mode: both;
}
[data-animation="moZoomOut"] {
will-change: transform;
animation-duration: 1.75s;
animation-fill-mode: both;
animation-timing-function: ease-out;
}
body.allow-image-animations .lazyload.slide-background::after,
body.allow-image-animations .lazyloading.slide-background::after {
background-color: var(--color-placeholder-bg);
}
body.allow-image-animations .lazyload.logo__image::after,
body.allow-image-animations .lazyloading.logo__image::after {
background-color: transparent;
}
body.allow-image-animations .lazyload::after,
body.allow-image-animations .lazyloading::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: var(--COLOR-BACKGROUND);
background-image: var(--icon-loading);
background-size: 64px auto;
background-repeat: no-repeat;
background-position: center center;
opacity: 0.65;
pointer-events: none;
}
body.allow-image-animations .lazyloaded {
animation: moFadeIn 0.65s ease;
}
body.allow-image-animations .lazyloaded::after {
opacity: 0;
}
body.allow-image-animations img.lazyload,
body.allow-image-animations img.lazyloading {
background-image: var(--icon-loading);
background-size: 64px auto;
background-repeat: no-repeat;
background-position: center center;
}
body.allow-image-animations img.lazyloaded {
background: none;
}
body.allow-image-animations img.logo__image {
animation: none;
}
body.allow-image-animations .slide-background {
opacity: 0.35;
}
body.allow-image-animations .slide-background--placeholder,
body.allow-image-animations .slide-background.lazyloaded {
animation: none;
transition: opacity 0.65s ease;
opacity: 1;
}
p,
.p,
input,
select,
textarea,
label,
.swatch .header,
.tab-title,
.breadcrumbs,
.spr-badge,
.spr-container,
.footer__menu {
letter-spacing: var(--BODY-LETTER-SPACING);
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
color: var(--COLOR-HEADING);
/* font-family: var(--HEADING-FONT-FAMILY); */
font-family: "Gin";
text-transform: uppercase;
font-weight: var(--HEADING-FONT-WEIGHT);
font-style: var(--HEADING-FONT-STYLE);
letter-spacing: var(--HEADING-LETTER-SPACING);
margin-bottom: 0.2em;
}
h1 .strong,
h1.strong,
h1 strong,
h2 .strong,
h2.strong,
h2 strong,
h3 .strong,
h3.strong,
h3 strong,
h4 .strong,
h4.strong,
h4 strong,
h5 .strong,
h5.strong,
h5 strong,
h6 .strong,
h6.strong,
h6 strong,
.h1 .strong,
.h1.strong,
.h1 strong,
.h2 .strong,
.h2.strong,
.h2 strong,
.h3 .strong,
.h3.strong,
.h3 strong,
.h4 .strong,
.h4.strong,
.h4 strong,
.h5 .strong,
.h5.strong,
.h5 strong,
.h6 .strong,
.h6.strong,
.h6 strong {
font-weight: var(--HEADING-FONT-WEIGHT-BOLD);
}
html,
body {
font-family: var(--BODY-FONT-FAMILY);
font-weight: var(--BODY-FONT-WEIGHT);
font-style: var(--BODY-FONT-STYLE);
color: var(--COLOR-TEXT);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
-moz-font-feature-settings: “liga†on;
height: 100%;
}
h1,
.h1 {
font-size: calc(2.625rem * var(--FONT-ADJUST-HEADING));
line-height: 1.2;
}
@media only screen and (max-width: 767px) {
h1,
.h1 {
font-size: calc(1.875rem * var(--FONT-ADJUST-HEADING));
}
}
h1.logo {
font-size: calc(1.3125rem * var(--FONT-ADJUST-NAV));
}
h2,
.h2 {
font-size: 46px;
line-height: 1.32;
}
@media only screen and (max-width: 767px) {
h2,
.h2 {
font-size: 36px;
}
}
h3,
.h3 {
font-size: 32px;
line-height: 1.3;
}
h4,
.h4 {
font-size: calc(1.0625rem * var(--FONT-ADJUST-HEADING));
line-height: 1.5;
}
h5,
.h5 {
font-size: calc(0.875rem * var(--FONT-ADJUST-HEADING));
line-height: 1.6;
}
h6,
.h6 {
font-size: calc(0.7rem * var(--FONT-ADJUST-HEADING));
line-height: 1.6;
}
p,
.p {
font-size: 18px;
line-height: 1.5;
margin-bottom: 0.618em;
}
p a {
text-decoration: underline;
color: var(--COLOR-BUTTON-PRIMARY-BORDER);
}
i {
font-style: italic;
}
.subheading-text {
font-family: var(--BODY-FONT-FAMILY);
font-weight: var(--BODY-FONT-WEIGHT);
font-style: var(--BODY-FONT-STYLE);
font-size: calc(0.875rem * var(--FONT-ADJUST-BODY));
line-height: 1.5;
line-height: normal;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 10px;
}
.size--heading-1 {
font-size: calc(2.625rem * var(--FONT-ADJUST-BODY));
line-height: 1.2;
}
@media only screen and (max-width: 767px) {
.size--heading-1 {
font-size: calc(1.875rem * var(--FONT-ADJUST-BODY));
}
}
.size--heading-2 {
font-size: calc(2rem * var(--FONT-ADJUST-BODY));
line-height: 1.32;
}
@media only screen and (max-width: 767px) {
.size--heading-2 {
font-size: calc(1.5625rem * var(--FONT-ADJUST-BODY));
}
}
.size--heading-3 {
font-size: calc(1.375rem * var(--FONT-ADJUST-BODY));
line-height: 1.3;
}
.size--heading-4 {
font-size: calc(1.0625rem * var(--FONT-ADJUST-BODY));
line-height: 1.5;
}
.size--heading-5 {
font-size: calc(0.875rem * var(--FONT-ADJUST-BODY));
line-height: 1.6;
}
.size--heading-6 {
font-size: calc(0.7rem * var(--FONT-ADJUST-BODY));
line-height: 1.6;
}
/** * Inline-block grid sizing * * [s = "size"] [applied columns] [total number of columns] * Where ".s12" means "size, 1 column of 2". * */
.row.inline .s1 {
width: 100%;
}
.row.inline .s12 {
width: calc(50% - var(--gutter) / 2);
}
.row.inline .s13 {
width: calc(33.333333% - var(--gutter) / 1.666666);
}
.row.inline .s23 {
width: calc(66.666666% - var(--gutter) / 2.333333);
}
.row.inline .s14 {
width: calc(25% - var(--gutter) / 1.333333);
}
.row.inline .s34 {
width: calc(75% - var(--gutter) / 2.666666);
}
.row.inline .s15 {
width: calc(20% - var(--gutter) / 1.333333);
}
.row.inline .s25 {
width: calc(40% - var(--gutter) / 2);
}
.row.inline .s35 {
width: calc(60% - var(--gutter) / 2.333333);
}
.row.inline .s45 {
width: calc(80% - var(--gutter) / 2.666666);
}
.row.inline .s16 {
width: calc(16.666666% - var(--gutter) / 1.666666);
}
.row.inline .s56 {
width: calc(83.333333% - var(--gutter) / 2.166666);
}
.row.inline .p12 {
left: calc(50% + var(--gutter) / 2);
}
.row.inline .p13 {
left: calc(33.333333% + var(--gutter) / 3.666666);
}
.row.inline .p23 {
left: calc(66.666666% + var(--gutter) / 2.333333);
}
.row.inline .p14 {
left: calc(25% + var(--gutter) / 2.333333);
}
.row.inline .p34 {
left: calc(75% + var(--gutter) / 1.333333);
}
.row.inline .p16 {
left: calc(16.666666% + var(--gutter) / 2.166666);
}
.row.inline .p56 {
left: calc(83.333333% + var(--gutter) / 1.666666);
}
.row.inline .p12,
.row.inline .p13,
.row.inline .p23,
.row.inline .p14,
.row.inline .p34,
.row.inline .p16,
.row.inline .p56 {
min-height: 1px;
}
.row.inline .pl12 {
left: calc(-50% + var(--gutter) / 2);
}
.row.inline .pl13 {
left: calc(-33.333333% + var(--gutter) / 3.666666);
}
.row.inline .pl23 {
left: calc(-66.666666% + var(--gutter) / 2.333333);
}
.row.inline .pl14 {
left: calc(-25% + var(--gutter) / 2.666666);
}
.row.inline .pl34 {
left: calc(-75% + var(--gutter) / 1.333333);
}
.row.inline .pl16 {
left: calc(-16.666666% + var(--gutter) / 2.166666);
}
.row.inline .pl56 {
left: calc(-83.333333% + var(--gutter) / 1.666666);
}
.row.inline .sx12 {
margin-right: calc(50% + var(--gutter) / 2);
}
.row.inline .sx13 {
margin-right: calc(33.333333% + var(--gutter) / 1.666666);
}
.row.inline .sx23 {
margin-right: calc(66.666666% + var(--gutter) / 2.333333);
}
.row.inline .sx14 {
margin-right: calc(25% + var(--gutter) / 2.666666);
}
.row.inline .sx34 {
margin-right: calc(75% + var(--gutter) / 1.333333);
}
.row.inline .sx16 {
margin-right: calc(16.666666% + var(--gutter) / 2.166666);
}
.row.inline .sx56 {
margin-right: calc(83.333333% + var(--gutter) / 1.666666);
}
@media only screen and (min-width: 480px) {
.row.inline .xs_s1 {
width: 100%;
}
.row.inline .xs_s12 {
width: calc(50% - var(--gutter) / 2);
}
.row.inline .xs_s13 {
width: calc(33.333333% - var(--gutter) / 1.666666);
}
.row.inline .xs_s23 {
width: calc(66.666666% - var(--gutter) / 2.333333);
}
.row.inline .xs_s14 {
width: calc(25% - var(--gutter) / 1.333333);
}
.row.inline .xs_s34 {
width: calc(75% - var(--gutter) / 2.666666);
}
.row.inline .xs_s15 {
width: calc(20% - var(--gutter) / 1.333333);
}
.row.inline .xs_s25 {
width: calc(40% - var(--gutter) / 2);
}
.row.inline .xs_s35 {
width: calc(60% - var(--gutter) / 2.333333);
}
.row.inline .xs_s45 {
width: calc(80% - var(--gutter) / 2.666666);
}
.row.inline .xs_s16 {
width: calc(16.666666% - var(--gutter) / 1.666666);
}
.row.inline .xs_s56 {
width: calc(83.333333% - var(--gutter) / 2.166666);
}
.row.inline .xs_p12 {
left: calc(50% + var(--gutter) / 2);
}
.row.inline .xs_p13 {
left: calc(33.333333% + var(--gutter) / 3.666666);
}
.row.inline .xs_p23 {
left: calc(66.666666% + var(--gutter) / 2.333333);
}
.row.inline .xs_p14 {
left: calc(25% + var(--gutter) / 2.333333);
}
.row.inline .xs_p34 {
left: calc(75% + var(--gutter) / 1.333333);
}
.row.inline .xs_p16 {
left: calc(16.666666% + var(--gutter) / 2.166666);
}
.row.inline .xs_p56 {
left: calc(83.333333% + var(--gutter) / 1.666666);
}
.row.inline .xs_p12,
.row.inline .xs_p13,
.row.inline .xs_p23,
.row.inline .xs_p14,
.row.inline .xs_p34,
.row.inline .xs_p16,
.row.inline .xs_p56 {
min-height: 1px;
}
.row.inline .xs_pl12 {
left: calc(-50% + var(--gutter) / 2);
}
.row.inline .xs_pl13 {
left: calc(-33.333333% + var(--gutter) / 3.666666);
}
.row.inline .xs_pl23 {
left: calc(-66.666666% + var(--gutter) / 2.333333);
}
.row.inline .xs_pl14 {
left: calc(-25% + var(--gutter) / 2.666666);
}
.row.inline .xs_pl34 {
left: calc(-75% + var(--gutter) / 1.333333);
}
.row.inline .xs_pl16 {
left: calc(-16.666666% + var(--gutter) / 2.166666);
}
.row.inline .xs_pl56 {
left: calc(-83.333333% + var(--gutter) / 1.666666);
}
.row.inline .xs_sx12 {
margin-right: calc(50% + var(--gutter) / 2);
}
.row.inline .xs_sx13 {
margin-right: calc(33.333333% + var(--gutter) / 1.666666);
}
.row.inline .xs_sx23 {
margin-right: calc(66.666666% + var(--gutter) / 2.333333);
}
.row.inline .xs_sx14 {
margin-right: calc(25% + var(--gutter) / 2.666666);
}
.row.inline .xs_sx34 {
margin-right: calc(75% + var(--gutter) / 1.333333);
}
.row.inline .xs_sx16 {
margin-right: calc(16.666666% + var(--gutter) / 2.166666);
}
.row.inline .xs_sx56 {
margin-right: calc(83.333333% + var(--gutter) / 1.666666);
}
}
@media only screen and (min-width: 480px) {
.row.inline .sm_s1 {
width: 100%;
}
.row.inline .sm_s12 {
width: calc(50% - var(--gutter) / 2);
}
.row.inline .sm_s13 {
width: calc(33.333333% - var(--gutter) / 1.666666);
}
.row.inline .sm_s23 {
width: calc(66.666666% - var(--gutter) / 2.333333);
}
.row.inline .sm_s14 {
width: calc(25% - var(--gutter) / 1.333333);
}
.row.inline .sm_s34 {
width: calc(75% - var(--gutter) / 2.666666);
}
.row.inline .sm_s15 {
width: calc(20% - var(--gutter) / 1.333333);
}
.row.inline .sm_s25 {
width: calc(40% - var(--gutter) / 2);
}
.row.inline .sm_s35 {
width: calc(60% - var(--gutter) / 2.333333);
}
.row.inline .sm_s45 {
width: calc(80% - var(--gutter) / 2.666666);
}
.row.inline .sm_s16 {
width: calc(16.666666% - var(--gutter) / 1.666666);
}
.row.inline .sm_s56 {
width: calc(83.333333% - var(--gutter) / 2.166666);
}
.row.inline .sm_p12 {
left: calc(50% + var(--gutter) / 2);
}
.row.inline .sm_p13 {
left: calc(33.333333% + var(--gutter) / 3.666666);
}
.row.inline .sm_p23 {
left: calc(66.666666% + var(--gutter) / 2.333333);
}
.row.inline .sm_p14 {
left: calc(25% + var(--gutter) / 2.333333);
}
.row.inline .sm_p34 {
left: calc(75% + var(--gutter) / 1.333333);
}
.row.inline .sm_p16 {
left: calc(16.666666% + var(--gutter) / 2.166666);
}
.row.inline .sm_p56 {
left: calc(83.333333% + var(--gutter) / 1.666666);
}
.row.inline .sm_p12,
.row.inline .sm_p13,
.row.inline .sm_p23,
.row.inline .sm_p14,
.row.inline .sm_p34,
.row.inline .sm_p16,
.row.inline .sm_p56 {
min-height: 1px;
}
.row.inline .sm_pl12 {
left: calc(-50% + var(--gutter) / 2);
}
.row.inline .sm_pl13 {
left: calc(-33.333333% + var(--gutter) / 3.666666);
}
.row.inline .sm_pl23 {
left: calc(-66.666666% + var(--gutter) / 2.333333);
}
.row.inline .sm_pl14 {
left: calc(-25% + var(--gutter) / 2.666666);
}
.row.inline .sm_pl34 {
left: calc(-75% + var(--gutter) / 1.333333);
}
.row.inline .sm_pl16 {
left: calc(-16.666666% + var(--gutter) / 2.166666);
}
.row.inline .sm_pl56 {
left: calc(-83.333333% + var(--gutter) / 1.666666);
}
.row.inline .sm_sx12 {
margin-right: calc(50% + var(--gutter) / 2);
}
.row.inline .sm_sx13 {
margin-right: calc(33.333333% + var(--gutter) / 1.666666);
}
.row.inline .sm_sx23 {
margin-right: calc(66.666666% + var(--gutter) / 2.333333);
}
.row.inline .sm_sx14 {
margin-right: calc(25% + var(--gutter) / 2.666666);
}
.row.inline .sm_sx34 {
margin-right: calc(75% + var(--gutter) / 1.333333);
}
.row.inline .sm_sx16 {
margin-right: calc(16.666666% + var(--gutter) / 2.166666);
}
.row.inline .sm_sx56 {
margin-right: calc(83.333333% + var(--gutter) / 1.666666);
}
}
@media only screen and (min-width: 768px) {
.row.inline .med_s1 {
width: 100%;
}
.row.inline .med_s12 {
width: calc(50% - var(--gutter) / 2);
}
.row.inline .med_s13 {
width: calc(33.333333% - var(--gutter) / 1.666666);
}
.row.inline .med_s23 {
width: calc(66.666666% - var(--gutter) / 2.333333);
}
.row.inline .med_s14 {
width: calc(25% - var(--gutter) / 1.333333);
}
.row.inline .med_s34 {
width: calc(75% - var(--gutter) / 2.666666);
}
.row.inline .med_s15 {
width: calc(20% - var(--gutter) / 1.333333);
}
.row.inline .med_s25 {
width: calc(40% - var(--gutter) / 2);
}
.row.inline .med_s35 {
width: calc(60% - var(--gutter) / 2.333333);
}
.row.inline .med_s45 {
width: calc(80% - var(--gutter) / 2.666666);
}
.row.inline .med_s16 {
width: calc(16.666666% - var(--gutter) / 1.666666);
}
.row.inline .med_s56 {
width: calc(83.333333% - var(--gutter) / 2.166666);
}
.row.inline .med_p12 {
left: calc(50% + var(--gutter) / 2);
}
.row.inline .med_p13 {
left: calc(33.333333% + var(--gutter) / 3.666666);
}
.row.inline .med_p23 {
left: calc(66.666666% + var(--gutter) / 2.333333);
}
.row.inline .med_p14 {
left: calc(25% + var(--gutter) / 2.333333);
}
.row.inline .med_p34 {
left: calc(75% + var(--gutter) / 1.333333);
}
.row.inline .med_p16 {
left: calc(16.666666% + var(--gutter) / 2.166666);
}
.row.inline .med_p56 {
left: calc(83.333333% + var(--gutter) / 1.666666);
}
.row.inline .med_p12,
.row.inline .med_p13,
.row.inline .med_p23,
.row.inline .med_p14,
.row.inline .med_p34,
.row.inline .med_p16,
.row.inline .med_p56 {
min-height: 1px;
}
.row.inline .med_pl12 {
left: calc(-50% + var(--gutter) / 2);
}
.row.inline .med_pl13 {
left: calc(-33.333333% + var(--gutter) / 3.666666);
}
.row.inline .med_pl23 {
left: calc(-66.666666% + var(--gutter) / 2.333333);
}
.row.inline .med_pl14 {
left: calc(-25% + var(--gutter) / 2.666666);
}
.row.inline .med_pl34 {
left: calc(-75% + var(--gutter) / 1.333333);
}
.row.inline .med_pl16 {
left: calc(-16.666666% + var(--gutter) / 2.166666);
}
.row.inline .med_pl56 {
left: calc(-83.333333% + var(--gutter) / 1.666666);
}
.row.inline .med_sx12 {
margin-right: calc(50% + var(--gutter) / 2);
}
.row.inline .med_sx13 {
margin-right: calc(33.333333% + var(--gutter) / 1.666666);
}
.row.inline .med_sx23 {
margin-right: calc(66.666666% + var(--gutter) / 2.333333);
}
.row.inline .med_sx14 {
margin-right: calc(25% + var(--gutter) / 2.666666);
}
.row.inline .med_sx34 {
margin-right: calc(75% + var(--gutter) / 1.333333);
}
.row.inline .med_sx16 {
margin-right: calc(16.666666% + var(--gutter) / 2.166666);
}
.row.inline .med_sx56 {
margin-right: calc(83.333333% + var(--gutter) / 1.666666);
}
}
@media only screen and (min-width: 1024px) {
.row.inline .lg_s1 {
width: 100%;
}
.row.inline .lg_s12 {
width: calc(50% - var(--gutter) / 2);
}
.row.inline .lg_s13 {
width: calc(33.333333% - var(--gutter) / 1.666666);
}
.row.inline .lg_s23 {
width: calc(66.666666% - var(--gutter) / 2.333333);
}
.row.inline .lg_s14 {
width: calc(25% - var(--gutter) / 1.333333);
}
.row.inline .lg_s34 {
width: calc(75% - var(--gutter) / 2.666666);
}
.row.inline .lg_s15 {
width: calc(20% - var(--gutter) / 1.333333);
}
.row.inline .lg_s25 {
width: calc(40% - var(--gutter) / 2);
}
.row.inline .lg_s35 {
width: calc(60% - var(--gutter) / 2.333333);
}
.row.inline .lg_s45 {
width: calc(80% - var(--gutter) / 2.666666);
}
.row.inline .lg_s16 {
width: calc(16.666666% - var(--gutter) / 1.666666);
}
.row.inline .lg_s56 {
width: calc(83.333333% - var(--gutter) / 2.166666);
}
.row.inline .lg_p12 {
left: calc(50% + var(--gutter) / 2);
}
.row.inline .lg_p13 {
left: calc(33.333333% + var(--gutter) / 3.666666);
}
.row.inline .lg_p23 {
left: calc(66.666666% + var(--gutter) / 2.333333);
}
.row.inline .lg_p14 {
left: calc(25% + var(--gutter) / 2.333333);
}
.row.inline .lg_p34 {
left: calc(75% + var(--gutter) / 1.333333);
}
.row.inline .lg_p16 {
left: calc(16.666666% + var(--gutter) / 2.166666);
}
.row.inline .lg_p56 {
left: calc(83.333333% + var(--gutter) / 1.666666);
}
.row.inline .lg_p12,
.row.inline .lg_p13,
.row.inline .lg_p23,
.row.inline .lg_p14,
.row.inline .lg_p34,
.row.inline .lg_p16,
.row.inline .lg_p56 {
min-height: 1px;
}
.row.inline .lg_pl12 {
left: calc(-50% + var(--gutter) / 2);
}
.row.inline .lg_pl13 {
left: calc(-33.333333% + var(--gutter) / 3.666666);
}
.row.inline .lg_pl23 {
left: calc(-66.666666% + var(--gutter) / 2.333333);
}
.row.inline .lg_pl14 {
left: calc(-25% + var(--gutter) / 2.666666);
}
.row.inline .lg_pl34 {
left: calc(-75% + var(--gutter) / 1.333333);
}
.row.inline .lg_pl16 {
left: calc(-16.666666% + var(--gutter) / 2.166666);
}
.row.inline .lg_pl56 {
left: calc(-83.333333% + var(--gutter) / 1.666666);
}
.row.inline .lg_sx12 {
margin-right: calc(50% + var(--gutter) / 2);
}
.row.inline .lg_sx13 {
margin-right: calc(33.333333% + var(--gutter) / 1.666666);
}
.row.inline .lg_sx23 {
margin-right: calc(66.666666% + var(--gutter) / 2.333333);
}
.row.inline .lg_sx14 {
margin-right: calc(25% + var(--gutter) / 2.666666);
}
.row.inline .lg_sx34 {
margin-right: calc(75% + var(--gutter) / 1.333333);
}
.row.inline .lg_sx16 {
margin-right: calc(16.666666% + var(--gutter) / 2.166666);
}
.row.inline .lg_sx56 {
margin-right: calc(83.333333% + var(--gutter) / 1.666666);
}
}
@media only screen and (min-width: 1320px) {
.row.inline .xl_s1 {
width: 100%;
}
.row.inline .xl_s12 {
width: calc(50% - var(--gutter) / 2);
}
.row.inline .xl_s13 {
width: calc(33.333333% - var(--gutter) / 1.666666);
}
.row.inline .xl_s23 {
width: calc(66.666666% - var(--gutter) / 2.333333);
}
.row.inline .xl_s14 {
width: calc(25% - var(--gutter) / 1.333333);
}
.row.inline .xl_s34 {
width: calc(75% - var(--gutter) / 2.666666);
}
.row.inline .xl_s15 {
width: calc(20% - var(--gutter) / 1.333333);
}
.row.inline .xl_s25 {
width: calc(40% - var(--gutter) / 2);
}
.row.inline .xl_s35 {
width: calc(60% - var(--gutter) / 2.333333);
}
.row.inline .xl_s45 {
width: calc(80% - var(--gutter) / 2.666666);
}
.row.inline .xl_s16 {
width: calc(16.666666% - var(--gutter) / 1.6666666);
}
.row.inline .xl_s56 {
width: calc(83.333333% - var(--gutter) / 2.1666666);
}
.row.inline .xl_p12 {
left: calc(50% + var(--gutter) / 2);
}
.row.inline .xl_p13 {
left: calc(33.333333% + var(--gutter) / 3.666666);
}
.row.inline .xl_p23 {
left: calc(66.666666% + var(--gutter) / 2.333333);
}
.row.inline .xl_p14 {
left: calc(25% + var(--gutter) / 2.333333);
}
.row.inline .xl_p34 {
left: calc(75% + var(--gutter) / 1.333333);
}
.row.inline .xl_p16 {
left: calc(16.666666% + var(--gutter) / 2.166666);
}
.row.inline .xl_p56 {
left: calc(83.333333% + var(--gutter) / 1.666666);
}
.row.inline .xl_p12,
.row.inline .xl_p13,
.row.inline .xl_p23,
.row.inline .xl_p14,
.row.inline .xl_p34,
.row.inline .xl_p16,
.row.inline .xl_p56 {
min-height: 1px;
}
.row.inline .xl_pl12 {
left: calc(-50% + var(--gutter) / 2);
}
.row.inline .xl_pl13 {
left: calc(-33.333333% + var(--gutter) / 3.666666);
}
.row.inline .xl_pl23 {
left: calc(-66.666666% + var(--gutter) / 2.333333);
}
.row.inline .xl_pl14 {
left: calc(-25% + var(--gutter) / 2.666666);
}
.row.inline .xl_pl34 {
left: calc(-75% + var(--gutter) / 1.333333);
}
.row.inline .xl_pl16 {
left: calc(-16.666666% + var(--gutter) / 2.166666);
}
.row.inline .xl_pl56 {
left: calc(-83.333333% + var(--gutter) / 1.666666);
}
.row.inline .xl_sx12 {
margin-right: calc(50% + var(--gutter) / 2);
}
.row.inline .xl_sx13 {
margin-right: calc(33.333333% + var(--gutter) / 1.666666);
}
.row.inline .xl_sx23 {
margin-right: calc(66.666666% + var(--gutter) / 2.333333);
}
.row.inline .xl_sx14 {
margin-right: calc(25% + var(--gutter) / 2.666666);
}
.row.inline .xl_sx34 {
margin-right: calc(75% + var(--gutter) / 1.333333);
}
.row.inline .xl_sx16 {
margin-right: calc(16.666666% + var(--gutter) / 2.166666);
}
.row.inline .xl_sx56 {
margin-right: calc(83.333333% + var(--gutter) / 1.666666);
}
}
@media only screen and (min-width: 1320px) {
.row.inline .xxl_s1 {
width: 100%;
}
.row.inline .xxl_s12 {
width: calc(50% - var(--gutter) / 2);
}
.row.inline .xxl_s13 {
width: calc(33.333333% - var(--gutter) / 1.666666);
}
.row.inline .xxl_s23 {
width: calc(66.666666% - var(--gutter) / 2.333333);
}
.row.inline .xxl_s14 {
width: calc(25% - var(--gutter) / 1.333333);
}
.row.inline .xxl_s34 {
width: calc(75% - var(--gutter) / 2.666666);
}
.row.inline .xxl_s15 {
width: calc(20% - var(--gutter) / 1.333333);
}
.row.inline .xxl_s25 {
width: calc(40% - var(--gutter) / 2);
}
.row.inline .xxl_s35 {
width: calc(60% - var(--gutter) / 2.333333);
}
.row.inline .xxl_s45 {
width: calc(80% - var(--gutter) / 2.666666);
}
.row.inline .xxl_s16 {
width: calc(16.666666% - var(--gutter) / 1.666666);
}
.row.inline .xxl_s56 {
width: calc(83.333333% - var(--gutter) / 2.166666);
}
.row.inline .xxl_p12 {
left: calc(50% + var(--gutter) / 2);
}
.row.inline .xxl_p13 {
left: calc(33.333333% + var(--gutter) / 3.666666);
}
.row.inline .xxl_p23 {
left: calc(66.666666% + var(--gutter) / 2.333333);
}
.row.inline .xxl_p14 {
left: calc(25% + var(--gutter) / 2.333333);
}
.row.inline .xxl_p34 {
left: calc(75% + var(--gutter) / 1.333333);
}
.row.inline .xxl_p16 {
left: calc(16.666666% + var(--gutter) / 2.166666);
}
.row.inline .xxl_p56 {
left: calc(83.333333% + var(--gutter) / 1.666666);
}
.row.inline .xxl_p12,
.row.inline .xxl_p13,
.row.inline .xxl_p23,
.row.inline .xxl_p14,
.row.inline .xxl_p34,
.row.inline .xxl_p16,
.row.inline .xxl_p56 {
min-height: 1px;
}
.row.inline .xxl_pl12 {
left: calc(-50% + var(--gutter) / 2);
}
.row.inline .xxl_pl13 {
left: calc(-33.333333% + var(--gutter) / 3.666666);
}
.row.inline .xxl_pl23 {
left: calc(-66.666666% + var(--gutter) / 2.333333);
}
.row.inline .xxl_pl14 {
left: calc(-25% + var(--gutter) / 2.666666);
}
.row.inline .xxl_pl34 {
left: calc(-75% + var(--gutter) / 1.333333);
}
.row.inline .xxl_pl16 {
left: calc(-16.666666% + var(--gutter) / 2.166666);
}
.row.inline .xxl_pl56 {
left: calc(-83.333333% + var(--gutter) / 1.666666);
}
.row.inline .xxl_sx12 {
margin-right: calc(50% + var(--gutter) / 2);
}
.row.inline .xxl_sx13 {
margin-right: calc(33.333333% + var(--gutter) / 1.666666);
}
.row.inline .xxl_sx23 {
margin-right: calc(66.666666% + var(--gutter) / 2.333333);
}
.row.inline .xxl_sx14 {
margin-right: calc(25% + var(--gutter) / 2.666666);
}
.row.inline .xxl_sx34 {
margin-right: calc(75% + var(--gutter) / 1.333333);
}
.row.inline .xxl_sx16 {
margin-right: calc(16.666666% + var(--gutter) / 2.166666);
}
.row.inline .xxl_sx56 {
margin-right: calc(83.333333% + var(--gutter) / 1.666666);
}
}
/** * Float based grid layouts, by default. */
.s1 {
width: 100%;
float: none;
}
.s12 {
width: 50%;
}
.s13 {
width: 33.333333%;
}
.s23 {
width: 66.666666%;
}
.s14 {
width: 25%;
}
.s34 {
width: 75%;
}
.s15 {
width: 20%;
}
.s25 {
width: 40%;
}
.s35 {
width: 60%;
}
.s45 {
width: 80%;
}
.s16 {
width: 16.666666%;
}
.s56 {
width: 83.333333%;
}
.p12 {
left: 50%;
}
.p13 {
left: 33.333333%;
}
.p23 {
left: 66.666666%;
}
.p14 {
left: 25%;
}
.p34 {
left: 75%;
}
.p16 {
left: 16.666666%;
}
.p56 {
left: 83.333333%;
}
.p12,
.p13,
.p23,
.p14,
.p34,
.p16,
.p56 {
min-height: 1px;
}
.pl12 {
left: -50%;
}
.pl13 {
left: -33.333333%;
}
.pl23 {
left: -66.666666%;
}
.pl14 {
left: -25%;
}
.pl34 {
left: -75%;
}
.pl16 {
left: -16.666666%;
}
.pl56 {
left: -83.333333%;
}
.sx12 {
margin-right: 50%;
}
.sx13 {
margin-right: 33.333333%;
}
.sx23 {
margin-right: 66.666666%;
}
.sx14 {
margin-right: 25%;
}
.sx34 {
margin-right: 75%;
}
.sx16 {
margin-right: 16.666666%;
}
.sx56 {
margin-right: 83.333333%;
}
@media only screen and (min-width: 480px) {
.xs_s1 {
width: 100%;
float: none;
}
.xs_s12 {
width: 50%;
}
.xs_s13 {
width: 33.333333%;
}
.xs_s23 {
width: 66.666666%;
}
.xs_s14 {
width: 25%;
}
.xs_s34 {
width: 75%;
}
.xs_s15 {
width: 20%;
}
.xs_s25 {
width: 40%;
}
.xs_s35 {
width: 60%;
}
.xs_s45 {
width: 80%;
}
.xs_s16 {
width: 16.666666%;
}
.xs_s56 {
width: 83.333333%;
}
.xs_p12 {
left: 50%;
}
.xs_p13 {
left: 33.333333%;
}
.xs_p23 {
left: 66.666666%;
}
.xs_p14 {
left: 25%;
}
.xs_p34 {
left: 75%;
}
.xs_p16 {
left: 16.666666%;
}
.xs_p56 {
left: 83.333333%;
}
.xs_p12,
.xs_p13,
.xs_p23,
.xs_p14,
.xs_p34,
.xs_p16,
.xs_p56 {
min-height: 1px;
}
.xs_pl12 {
left: -50%;
}
.xs_pl13 {
left: -33.333333%;
}
.xs_pl23 {
left: -66.666666%;
}
.xs_pl14 {
left: -25%;
}
.xs_pl34 {
left: -75%;
}
.xs_pl16 {
left: -16.666666%;
}
.xs_pl56 {
left: -83.333333%;
}
.xs_sx12 {
margin-right: 50%;
}
.xs_sx13 {
margin-right: 33.333333%;
}
.xs_sx23 {
margin-right: 66.666666%;
}
.xs_sx14 {
margin-right: 25%;
}
.xs_sx34 {
margin-right: 75%;
}
.xs_sx16 {
margin-right: 16.666666%;
}
.xs_sx56 {
margin-right: 83.333333%;
}
}
@media only screen and (min-width: 480px) {
.sm_s1 {
width: 100%;
float: none;
}
.sm_s12 {
width: 50%;
}
.sm_s13 {
width: 33.333333%;
}
.sm_s23 {
width: 66.666666%;
}
.sm_s14 {
width: 25%;
}
.sm_s34 {
width: 75%;
}
.sm_s15 {
width: 20%;
}
.sm_s25 {
width: 40%;
}
.sm_s35 {
width: 60%;
}
.sm_s45 {
width: 80%;
}
.sm_s16 {
width: 16.666666%;
}
.sm_s56 {
width: 83.333333%;
}
.sm_p12 {
left: 50%;
}
.sm_p13 {
left: 33.333333%;
}
.sm_p23 {
left: 66.666666%;
}
.sm_p14 {
left: 25%;
}
.sm_p34 {
left: 75%;
}
.sm_p16 {
left: 16.666666%;
}
.sm_p56 {
left: 83.333333%;
}
.sm_p12,
.sm_p13,
.sm_p23,
.sm_p14,
.sm_p34,
.sm_p16,
.sm_p56 {
min-height: 1px;
}
.sm_pl12 {
left: -50%;
}
.sm_pl13 {
left: -33.333333%;
}
.sm_pl23 {
left: -66.666666%;
}
.sm_pl14 {
left: -25%;
}
.sm_pl34 {
left: -75%;
}
.sm_pl16 {
left: -16.666666%;
}
.sm_pl56 {
left: -83.333333%;
}
.sm_sx12 {
margin-right: 50%;
}
.sm_sx13 {
margin-right: 33.333333%;
}
.sm_sx23 {
margin-right: 66.666666%;
}
.sm_sx14 {
margin-right: 25%;
}
.sm_sx34 {
margin-right: 75%;
}
.sm_sx16 {
margin-right: 16.666666%;
}
.sm_sx56 {
margin-right: 83.333333%;
}
}
@media only screen and (min-width: 768px) {
.med_s1 {
width: 100%;
float: none;
}
.med_s12 {
width: 50%;
}
.med_s13 {
width: 33.333333%;
}
.med_s23 {
width: 66.666666%;
}
.med_s14 {
width: 25%;
}
.med_s34 {
width: 75%;
}
.med_s15 {
width: 20%;
}
.med_s25 {
width: 40%;
}
.med_s35 {
width: 60%;
}
.med_s45 {
width: 80%;
}
.med_s16 {
width: 16.666666%;
}
.med_s56 {
width: 83.333333%;
}
.med_p12 {
left: 50%;
}
.med_p13 {
left: 33.333333%;
}
.med_p23 {
left: 66.666666%;
}
.med_p14 {
left: 25%;
}
.med_p34 {
left: 75%;
}
.med_p16 {
left: 16.666666%;
}
.med_p56 {
left: 83.333333%;
}
.med_p12,
.med_p13,
.med_p23,
.med_p14,
.med_p34,
.med_p16,
.med_p56 {
min-height: 1px;
}
.med_pl12 {
left: -50%;
}
.med_pl13 {
left: -33.333333%;
}
.med_pl23 {
left: -66.666666%;
}
.med_pl14 {
left: -25%;
}
.med_pl34 {
left: -75%;
}
.med_pl16 {
left: -16.666666%;
}
.med_pl56 {
left: -83.333333%;
}
.med_sx12 {
margin-right: 50%;
}
.med_sx13 {
margin-right: 33.333333%;
}
.med_sx23 {
margin-right: 66.666666%;
}
.med_sx14 {
margin-right: 25%;
}
.med_sx34 {
margin-right: 75%;
}
.med_sx16 {
margin-right: 16.666666%;
}
.med_sx56 {
margin-right: 83.333333%;
}
}
@media only screen and (min-width: 1024px) {
.lg_s1 {
width: 100%;
float: none;
}
.lg_s12 {
width: 50%;
}
.lg_s13 {
width: 33.333333%;
}
.lg_s23 {
width: 66.666666%;
}
.lg_s14 {
width: 25%;
}
.lg_s34 {
width: 75%;
}
.lg_s15 {
width: 20%;
}
.lg_s25 {
width: 40%;
}
.lg_s35 {
width: 60%;
}
.lg_s45 {
width: 80%;
}
.lg_s16 {
width: 16.666666%;
}
.lg_s56 {
width: 83.333333%;
}
.lg_p12 {
left: 50%;
}
.lg_p13 {
left: 33.333333%;
}
.lg_p23 {
left: 66.666666%;
}
.lg_p14 {
left: 25%;
}
.lg_p34 {
left: 75%;
}
.lg_p16 {
left: 16.666666%;
}
.lg_p56 {
left: 83.333333%;
}
.lg_p12,
.lg_p13,
.lg_p23,
.lg_p14,
.lg_p34,
.lg_p16,
.lg_p56 {
min-height: 1px;
}
.lg_pl12 {
left: -50%;
}
.lg_pl13 {
left: -33.333333%;
}
.lg_pl23 {
left: -66.666666%;
}
.lg_pl14 {
left: -25%;
}
.lg_pl34 {
left: -75%;
}
.lg_pl16 {
left: -16.666666%;
}
.lg_pl56 {
left: -83.333333%;
}
.lg_sx12 {
margin-right: 50%;
}
.lg_sx13 {
margin-right: 33.333333%;
}
.lg_sx23 {
margin-right: 66.666666%;
}
.lg_sx14 {
margin-right: 25%;
}
.lg_sx34 {
margin-right: 75%;
}
.lg_sx16 {
margin-right: 16.666666%;
}
.lg_sx56 {
margin-right: 83.333333%;
}
}
@media only screen and (min-width: 1320px) {
.xl_s1 {
width: 100%;
float: none;
}
.xl_s12 {
width: 50%;
}
.xl_s13 {
width: 33.333333%;
}
.xl_s23 {
width: 66.666666%;
}
.xl_s14 {
width: 25%;
}
.xl_s34 {
width: 75%;
}
.xl_s15 {
width: 20%;
}
.xl_s25 {
width: 40%;
}
.xl_s35 {
width: 60%;
}
.xl_s45 {
width: 80%;
}
.xl_s16 {
width: 16.666666%;
}
.xl_s56 {
width: 83.333333%;
}
.xl_p12 {
left: 50%;
}
.xl_p13 {
left: 33.333333%;
}
.xl_p23 {
left: 66.666666%;
}
.xl_p14 {
left: 25%;
}
.xl_p34 {
left: 75%;
}
.xl_p16 {
left: 16.666666%;
}
.xl_p56 {
left: 83.333333%;
}
.xl_p12,
.xl_p13,
.xl_p23,
.xl_p14,
.xl_p34,
.xl_p16,
.xl_p56 {
min-height: 1px;
}
.xl_pl12 {
left: -50%;
}
.xl_pl13 {
left: -33.333333%;
}
.xl_pl23 {
left: -66.666666%;
}
.xl_pl14 {
left: -25%;
}
.xl_pl34 {
left: -75%;
}
.xl_pl16 {
left: -16.666666%;
}
.xl_pl56 {
left: -83.333333%;
}
.xl_sx12 {
margin-right: 50%;
}
.xl_sx13 {
margin-right: 33.333333%;
}
.xl_sx23 {
margin-right: 66.666666%;
}
.xl_sx14 {
margin-right: 25%;
}
.xl_sx34 {
margin-right: 75%;
}
.xl_sx16 {
margin-right: 16.666666%;
}
.xl_sx56 {
margin-right: 83.333333%;
}
}
@media only screen and (min-width: 1320px) {
.xxl_s1 {
width: 100%;
float: none;
}
.xxl_s12 {
width: 50%;
}
.xxl_s13 {
width: 33.333333%;
}
.xxl_s23 {
width: 66.666666%;
}
.xxl_s14 {
width: 25%;
}
.xxl_s34 {
width: 75%;
}
.xxl_s15 {
width: 20%;
}
.xxl_s25 {
width: 40%;
}
.xxl_s35 {
width: 60%;
}
.xxl_s45 {
width: 80%;
}
.xxl_s16 {
width: 16.666666%;
}
.xxl_s56 {
width: 83.333333%;
}
.xxl_p12 {
left: 50%;
}
.xxl_p13 {
left: 33.333333%;
}
.xxl_p23 {
left: 66.666666%;
}
.xxl_p14 {
left: 25%;
}
.xxl_p34 {
left: 75%;
}
.xxl_p16 {
left: 16.666666%;
}
.xxl_p56 {
left: 83.333333%;
}
.xxl_p12,
.xxl_p13,
.xxl_p23,
.xxl_p14,
.xxl_p34,
.xxl_p16,
.xxl_p56 {
min-height: 1px;
}
.xxl_pl12 {
left: -50%;
}
.xxl_pl13 {
left: -33.333333%;
}
.xxl_pl23 {
left: -66.666666%;
}
.xxl_pl14 {
left: -25%;
}
.xxl_pl34 {
left: -75%;
}
.xxl_pl16 {
left: -16.666666%;
}
.xxl_pl56 {
left: -83.333333%;
}
.xxl_sx12 {
margin-right: 50%;
}
.xxl_sx13 {
margin-right: 33.333333%;
}
.xxl_sx23 {
margin-right: 66.666666%;
}
.xxl_sx14 {
margin-right: 25%;
}
.xxl_sx34 {
margin-right: 75%;
}
.xxl_sx16 {
margin-right: 16.666666%;
}
.xxl_sx56 {
margin-right: 83.333333%;
}
}
.c-error {
color: var(--error-text);
}
.caps {
text-transform: uppercase;
}
.hr--clear {
border: 0;
}
.visually-hidden {
position: absolute;
display: block;
overflow: hidden;
clip: rect(0 0 0 0);
width: 1px;
height: 1px;
max-width: 1px;
max-height: 1px;
margin: -1px;
padding: 0;
border: 0;
}
.hidden {
display: none;
}
.skip-link {
position: absolute !important;
position: absolute;
display: block;
overflow: hidden;
clip: rect(0 0 0 0);
width: 1px;
height: 1px;
max-width: 1px;
max-height: 1px;
margin: -1px;
padding: 0;
border: 0;
}
.u-center {
text-align: center !important;
}
.u-right {
text-align: right !important;
}
.u-left {
text-align: left !important;
}
/*
* Responsive Table Styles
* Used for the cart and account
*/
.med_show {
display: none !important;
}
.sm_show {
display: none !important;
}
@media only screen and (max-width: 767px) {
.med_hide {
display: none !important;
}
.med_show {
display: block !important;
}
.med_d-block-ab {
display: block;
position: absolute;
}
.med_d-block {
display: block;
position: relative;
}
.med_u-container {
width: 100%;
}
.med_u-row {
display: block;
position: relative;
}
.med_u-row::before,
.med_u-row::after {
content: " "; /* 1 */
display: table; /* 2 */
}
.med_u-row::after {
clear: both;
border-bottom: 1px solid var(--COLOR-BORDER);
width: 100%;
}
}
@media only screen and (max-width: 479px) {
.sm_hide {
display: none !important;
}
.sm_show {
display: block !important;
}
}
.divider {
display: block;
position: relative;
background-color: var(--COLOR-BORDER);
height: 4px;
margin: 1rem 0rem 1.4rem;
width: 100px;
}
.divider--wide {
display: block;
position: relative;
background-color: var(--COLOR-BORDER);
height: 1px;
margin: 1rem 0rem 1.4rem;
width: 100%;
}
.inline-block {
display: inline-block;
}
.clear-both {
display: block;
clear: both;
}
.placeholder-wrapper--footer {
position: relative;
width: 150px;
max-width: 100%;
}
@media only screen and (max-width: 767px) {
.placeholder-wrapper--footer {
margin-left: auto;
margin-right: auto;
}
}
.text-light {
color: #fff;
}
.text-dark {
color: #000;
}
.errors {
color: #c0363a;
}
.fallback-text {
text-transform: capitalize;
position: absolute;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
}
.one-hundred-height-hero {
height: 100vh !important;
}
.seventy-five-height-hero {
height: 75vh !important;
}
.sixty-six-height-hero {
height: 66vh !important;
}
.seven-fifty-height-hero {
height: 750px !important;
}
.sixty-fifty-height-hero {
height: 650px !important;
}
.five-fifty-height-hero {
height: 550px !important;
}
.four-fifty-height-hero {
height: 450px !important;
}
.bg-position--top-center {
background-position: top center;
}
.bg-position--right-center {
background-position: right center;
}
.bg-position--center-center {
background-position: center center;
}
.bg-position--left-center {
background-position: left center;
}
.bg-position--bottom-center {
background-position: bottom center;
}
.wide-image {
overflow: hidden;
position: relative;
background-color: transparent;
}
/*
* Image Overlay
*/
.image-overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 10;
opacity: var(--overlay-opacity);
background-color: var(--overlay-color);
}
/*
* Flex alignment
*/
.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;
}
/*
* Background Cover
*/
.background-size-cover {
display: block;
background-size: cover;
background-position: center center;
background-color: var(--bg);
width: 100%;
height: 100%;
overflow: hidden;
position: absolute;
top: 0;
right: 0;
z-index: 1;
}
/*
* snippets/hero.liquid
*/
.image__hero__frame {
position: relative;
overflow: hidden;
min-height: inherit;
}
.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);
}
/*
* Desktop/Mobile classes
*/
@media only screen and (min-width: 768px) {
.mobile {
display: none;
}
}
@media only screen and (max-width: 767px) {
.desktop {
display: none;
}
}
[data-style="black"] .slider-arrow {
color: black;
}
[data-style="white"] .slider-arrow {
color: white;
}
[data-scroll-locked] {
padding-right: var(--scrollbar-width);
}
[data-scroll-locked] .announcement__wrapper,
[data-scroll-locked] .site-header,
[data-scroll-locked] .site-footer {
width: 100vw;
}
[data-scroll-locked] .announcement__wrapper,
[data-scroll-locked] .site-header,
[data-scroll-locked] .site-footer,
[data-scroll-locked] .shop-bar {
padding-right: var(--scrollbar-width);
}
[data-scroll-locked] .header-cartPopover {
margin-right: var(--scrollbar-width);
}
/*
* Styles when JS is disabled
*/
.no-js #shopify-section-header,
.no-js .site-header {
position: relative;
height: auto;
}
.no-js .site-header > .container,
.no-js .site-header > .container > .row,
.no-js .site-header > .container > .row > .header-fix-cont,
.no-js .header-fix-cont-inner {
height: auto;
}
.no-js .site-header .logo {
display: block;
float: none !important;
margin: 20px 0;
}
.no-js .site-header .nav-standard {
position: static;
padding: 0;
float: left;
margin-left: -14px;
}
.no-js .cart-drawer,
.no-js .menuToggle {
display: none;
}
.no-js .header__icons .searchToggle {
display: flex;
}
.no-js .template-index .site-header {
color: var(--COLOR-TEXT);
background-color: var(--COLOR-BACKGROUND);
}
.no-js
.site-header:not(.header--has-scrolled)[data-text-color="white"]:not(.header--search-visible):not(.header--megamenu-visible).header--transparent {
color: var(--COLOR-TEXT);
}
.no-js .menu-item--meganav .submenu {
opacity: 0;
visibility: hidden;
transition: none;
}
.no-js .menu-item:hover .submenu,
.no-js .menu-item:hover .megamenu-wrapper,
.no-js .submenu-item:hover .submenu,
.no-js .submenu-item:hover .megamenu-wrapper {
z-index: 10;
opacity: 1;
visibility: visible;
pointer-events: auto;
max-height: none;
}
.no-js .menu-item--meganav:hover > a {
z-index: 10;
pointer-events: auto !important;
}
.no-js .menu-item--meganav:hover > a::before {
content: "";
position: absolute;
left: -10px;
right: -30px;
top: 0;
height: var(--header-initial-height);
background: rgba(0, 0, 0, 0);
}
.no-js .menu-item--meganav .submenu,
.no-js .menu-item--meganav:not(.is-expanded) > .megamenu-wrapper {
pointer-events: auto;
}
.no-js .has-submenu:hover > .submenu,
.no-js .has-submenu:hover > .megamenu-wrapper,
.no-js .has-submenu:focus-within > .submenu,
.no-js .has-submenu:focus-within > .megamenu-wrapper {
opacity: 1;
visibility: visible;
pointer-events: auto;
z-index: auto;
max-height: none;
}
.no-js .has-submenu:hover > .megamenu-wrapper .submenu,
.no-js .has-submenu:focus-within > .megamenu-wrapper .submenu {
opacity: 1;
visibility: visible;
}
.no-js .nav-standard .submenu--dropdown,
.no-js .megamenu-wrapper,
.no-js .nav-search-overlay {
transition: none;
}
.no-js .megamenu-wrapper {
top: 100%;
box-shadow: none;
}
.no-js .megamenu-inner {
margin-top: var(--header-height);
}
.no-js .nav-search-overlay {
display: none;
}
.no-js .main-content {
padding-top: 0;
}
.no-js .logo-list__slider {
text-align: center;
white-space: nowrap;
overflow-x: auto;
overflow-y: hidden;
}
.no-js .logo-list__slider .logo-list__slide {
display: inline-block;
margin: 0 60px;
}
@media only screen and (max-width: 767px) {
.no-js .logo-list__slider .logo-list__slide {
margin: 0 30px;
}
}
.no-js .hero {
height: auto !important;
}
.no-js .no-js-image,
.no-js .hero:not(.flickity-enabled) .hero-slide:not(.initial-slide) {
display: block;
}
.no-js body.allow-image-animations .lazyload:after,
.no-js body.allow-image-animations .lazyloading:after {
content: none;
}
.no-js body.allow-image-animations .slide-background {
opacity: 1;
}
.no-js .allow-grid-animations [data-aos][data-aos],
.no-js .allow-image-animations [data-aos][data-aos],
.no-js .allow-text-animations [data-aos][data-aos] {
opacity: 1;
transform: none;
}
.no-js .hero--is-loading {
background: none;
}
.no-js .hero--is-loading .slide-background-container,
.no-js .hero--is-loading .slide-image-container {
opacity: 1;
}
.no-js .cart-product .lazyload,
.no-js .product-block .lazyload,
.no-js .collection-block .lazyload,
.no-js .article__image.lazyload,
.no-js .gallery-slider .lazyload,
.no-js .product-block__image-inner,
.no-js .qty__adjust-btn,
.no-js .inputCounter__btn,
.no-js .icons-row__image .lazyload,
.no-js .slider-arrow,
.no-js .split-hero__image.lazyload,
.no-js .tab-title .button-toggle,
.no-js .faq__item-question svg,
.no-js .faq--tabs .faq__nav,
.no-js .featured-product .media--hidden,
.no-js .product-single__media.lazyload,
.no-js .product__images__slider-nav,
.no-js .product__images__slider-nav:not(.flickity-enabled),
.no-js .variant-wrapper,
.no-js .product__form .selector-wrapper,
.no-js .cart__checkout--no-js,
.no-js .additional-checkout-buttons,
.no-js .pagination--infinity .loadMore,
.no-js .pagination--infinity .icon-load-more {
display: none;
}
.no-js .tab-content {
height: auto;
opacity: 1;
transition: none;
}
.no-js .tab-content + .tab-content {
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid var(--border);
}
.no-js select {
-moz-appearance: auto;
appearance: auto;
-webkit-appearance: auto;
}
.no-js .cart__update,
.no-js .product-single__variants {
display: block;
}
.no-js .acceptance__input:checked ~ .cart__buttons .cart__checkout {
display: block;
}
.no-js .acceptance__input:checked ~ .cart__buttons .cart__checkout--no-js {
display: none;
}
.no-js .is-page-loading {
opacity: 1;
}
.no-js .is-page-loading [data-aos] {
opacity: 1;
}
.no-js .faq__item__answer__wrapper {
max-height: none;
visibility: visible;
opacity: 1;
}
.no-js .faq--tabs .faq__item {
height: auto;
opacity: 1;
overflow: visible;
transition: opacity 0.25s cubic-bezier(1, 0, 1, 0.5), visibility 0s linear 0s;
}
.no-js .faq--tabs .faq__list .faq__item__question {
display: block;
}
.no-js [data-slider].announcement__bar-holder .announcement__bar {
opacity: 1;
}
.no-js .popout:hover .popout-list {
display: block;
margin: 0;
}
.no-js .collection__filters {
position: relative;
top: 0;
}
.no-js .collection__filter:hover .collection__filter-container {
max-height: none;
opacity: 1;
}
.no-js .collection__filter:focus-within .collection__filter-container,
.no-js .collection__filter:hover .collection__filter-container {
opacity: 1;
visibility: visible;
transition-delay: 0s;
}
.no-js .collection__filter:focus-within input,
.no-js .collection__filter:hover input {
visibility: initial;
}
.no-js .product-block__image,
.no-js .product-block__inner {
overflow: initial !important;
}
@media only screen and (min-width: 1320px) {
.no-js .collection__filters--left {
position: sticky;
position: -webkit-sticky;
height: 100vh;
}
.no-js .collection__filters--left .collection__filter-container {
max-height: none;
opacity: 1;
visibility: visible;
}
.no-js
.collection__filters--left
.collection__filter:not(.is-expanded)
input {
visibility: visible;
}
.no-js .collection__filters--left .collection__filters-form .btn--submit {
display: block;
width: 100%;
}
}
.no-js .swatch__color::before {
content: "";
box-sizing: border-box;
position: absolute;
left: 0;
top: 3px;
width: 16px;
height: 16px;
border: 1px solid var(--COLOR-BORDER);
background-color: var(--COLOR-BACKGROUND);
}
.no-js input:checked ~ .swatch__color::before {
color: var(--COLOR-BACKGROUND);
border-color: var(--COLOR-TEXT);
background-color: var(--COLOR-TEXT);
}
.icon {
width: 12px;
height: 12px;
}
.icon-loader {
display: inline-block;
width: 60px;
height: 60px;
background-image: var(--icon-loading);
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
margin: 0 auto;
}
.icon-cart {
width: 32px;
height: 26px;
}
.icon-circle {
width: 27px;
height: 27px;
}
.icon-curved-line {
display: block;
width: 100%;
height: 100%;
}
.icon-close {
width: 24px;
height: 24px;
}
.icon-search {
width: 22px;
height: 22px;
}
.icon-search path {
stroke: currentColor;
}
.icon-submit {
width: 24px;
height: 24px;
}
.icon-user {
width: 22px;
height: 22px;
}
.icon-menu {
position: relative;
width: 22px;
height: 20px;
transition: all 0.3s ease;
}
.icon-menu .diamond-bar {
position: absolute;
top: -12px;
left: -10px;
width: 44px;
height: 42px;
background-color: transparent;
transition: all 0.3s ease;
background-color: var(--COLOR-BACKGROUND);
}
.icon-menu .icon-bar,
.icon-menu .icon-bar:before,
.icon-menu .icon-bar:after {
position: absolute;
display: block;
width: 24px;
height: 2px;
border-radius: 2px;
transition: all 0.3s ease;
background-color: var(--COLOR-TEXT);
}
.icon-menu .icon-bar:before,
.icon-menu .icon-bar:after {
content: "";
}
.icon-menu .icon-bar {
top: 8px;
}
.icon-menu .icon-bar:before {
top: -8px;
}
.icon-menu .icon-bar:after {
top: 8px;
}
.icon-media-video path {
fill: none;
}
.icon-media-video .icon-media-video-outline {
fill: var(--bg);
}
.icon-media-video .icon-media-video-element {
fill: currentColor;
}
.icon-star {
stroke: currentColor;
}
.icon-star--empty {
fill: transparent;
}
/*
* Accent line
*/
.accent-line {
display: block;
margin: 2px 0 0;
}
.accent-line--curved {
width: 75px;
height: 10px;
}
.accent-line--straight {
width: 75px;
height: 2px;
margin-top: 8px;
margin-bottom: 4px;
background-color: var(--COLOR-TEXT);
}
/*
* Load more
*/
.loadMore {
margin: 0 0 40px;
min-width: 148px;
text-align: center;
text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
.loadMore {
margin: 20px 0 60px;
}
}
@media only screen and (max-width: 767px) {
.collection-no-products .loadMore {
margin: 20px 0 60px;
}
}
.loadMore.loading {
display: none;
}
.loadMore.loading + .icon-load-more {
display: block;
}
.loadMore--fake {
display: none;
}
.visually-hidden + .pagination .loadMore--fake {
display: inline-block;
}
.icon-load-more {
width: 60px;
height: 60px;
background-image: var(--icon-loading);
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
margin: 0 auto;
display: none;
}
.pagination--infinity .icon-load-more {
display: block;
}
.loadMore--fake + .icon-load-more {
display: none;
}
::-webkit-input-placeholder {
color: var(--COLOR-INPUT-PLACEHOLDER);
}
:-moz-placeholder {
color: var(--COLOR-INPUT-PLACEHOLDER);
}
::-moz-placeholder {
color: var(--COLOR-INPUT-PLACEHOLDER);
}
:-ms-input-placeholder {
color: var(--COLOR-INPUT-PLACEHOLDER);
}
input:-webkit-autofill {
background-color: transparent !important;
box-shadow: 0 0 0 1000px white inset;
}
input,
textarea,
select {
color: var(--COLOR-TEXT);
background-color: var(--COLOR-BACKGROUND);
border-radius: 0;
}
input,
textarea,
select {
display: block;
position: relative;
font-size: calc(0.875rem * var(--FONT-ADJUST-BODY));
line-height: 1.5;
line-height: normal;
border: 0;
padding: 10px 14px;
-webkit-appearance: none;
-moz-appearance: none;
}
@media only screen and (max-width: 767px) {
input,
textarea,
select {
font-size: 16px;
}
}
/* IE 10 */
select::-ms-expand {
display: none;
}
input[type="checkbox"] {
-webkit-appearance: checkbox;
cursor: pointer;
}
select {
padding-right: 5rem;
cursor: pointer;
}
.selector-wrapper {
position: relative;
max-width: 180px;
/* max-width: 101px; */
font-size: calc(0.875em * var(--FONT-ADJUST-BODY));
}
.selector-wrapper .size-guide-heading{
display: flex;
justify-content: space-between;
align-items: flex-end;
width: 100%;
}
.selector-wrapper .icon-arrow {
display: block;
position: absolute;
color: var(--COLOR-TEXT);
right: 14px;
pointer-events: none;
z-index: 10;
bottom: 0;
width: 12px;
height: 44px;
display: flex;
display: inline-block;
align-items: center;
justify-content: center;
}
.selector-wrapper select {
display: inline-block;
height: 44px;
max-width: 100%;
padding: 0 40px 0 14px;
border: 1px solid var(--COLOR-BORDER);
}
legend {
margin-bottom: 1rem;
width: 100%;
}
label {
display: block;
position: relative;
font-weight: var(--BODY-FONT-WEIGHT);
width: 100%;
margin-bottom: 10px;
}
.accessible-label {
position: absolute;
display: block;
overflow: hidden;
clip: rect(0 0 0 0);
width: 1px;
height: 1px;
max-width: 1px;
max-height: 1px;
margin: -1px;
padding: 0;
border: 0;
}
.inputGroup {
display: block;
position: relative;
font-size: calc(0.875rem * var(--FONT-ADJUST-BODY));
margin-bottom: 1em;
text-align: justify;
}
.inputGroup::after {
display: inline-block;
position: relative;
content: "";
width: 100%;
}
.inputGroup.inline {
margin: 1rem auto;
}
.inputGroup.inline:first-child {
margin-left: 0;
}
.inputGroup.inline:last-child {
margin-right: 0;
}
.inputGroup.no-label {
padding-top: 10px;
}
.inputGroup::after {
display: block;
}
.inputGroup .icon-arrow {
position: absolute;
right: 14px;
bottom: 0;
height: 45px;
z-index: 5;
pointer-events: none;
}
input.inline {
display: inline-block;
position: relative;
margin: 1rem auto;
}
input.inline:first-child {
margin-left: 0;
}
input.inline:last-child {
margin-right: 0;
}
input[type="password"] {
border: 1px solid var(--COLOR-BORDER);
}
/*
* Mail Chimp
*/
.mce_hidden {
font-size: 0;
width: 0;
height: 0;
overflow: hidden;
}
.d-table {
display: table;
table-layout: fixed;
width: 100%;
}
.d-table-row-group {
display: table-row-group;
}
.d-table-header {
display: table-header-group;
}
.d-table-footer {
display: table-footer-group;
}
.d-table-row {
display: table-row;
}
.d-table-cell {
display: table-cell;
vertical-align: middle;
}
/*
* Pagination
*/
.pagination {
padding: 50px 0;
width: 100%;
clear: both;
display: flex;
align-items: center;
justify-content: center;
font-size: calc(0.875rem * var(--FONT-ADJUST-BODY));
line-height: 1.43;
}
.pagination .prev,
.pagination .next,
.pagination .deco {
display: block;
margin: 10px;
}
.pagination .prev a,
.pagination .next a,
.pagination .deco a {
display: block;
padding: 4px;
}
.pagination .page {
opacity: 0.6;
transition: opacity 0.25s ease;
margin: 10px;
border-radius: 50%;
}
.pagination .page:hover,
.pagination .page.current {
opacity: 1;
}
.pagination .page a,
.pagination .page.current {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
min-width: 28px;
border-radius: 50%;
padding: 3px 6px;
border: 1px solid var(--COLOR-TEXT);
}
.account-home .pagination {
padding-top: 20px;
}
.pagination--infinity {
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: auto;
padding: 0;
}
.pagination--infinity .loadMore {
position: absolute;
min-width: 0;
}
.responsive-image {
position: relative;
height: 0;
width: 100%;
}
.responsive-image img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.rte {
font-size: calc(0.875rem * var(--FONT-ADJUST-BODY));
line-height: 1.5;
}
.rte h1,
.rte h2,
.rte h3,
.rte h4,
.rte h5,
.rte h6 {
margin: 0;
}
.rte h1 {
margin-bottom: 0.8em;
}
.rte h2 {
margin-bottom: 0.6em;
}
.rte h3 {
margin-bottom: 0.5em;
}
.rte h4 {
margin-bottom: 0.4em;
}
.rte h5 {
margin-bottom: 0.35em;
}
.rte h6 {
margin-bottom: 0.3em;
}
.rte p {
margin: 0.7em 0;
}
.rte img {
max-width: 100%;
}
.rte ul,
.rte ol {
margin: 0 0 1em 25px;
padding: 0;
text-align: left !important;
}
.rte ol {
list-style: decimal inside;
}
.rte ol ul,
.rte ol ol {
margin: 0;
padding-left: 1em;
}
.rte ol ul {
list-style: disc inside;
}
.rte ol ol {
list-style: decimal inside;
}
.rte ul {
list-style: disc inside;
}
.rte ul ul,
.rte ul ol {
margin: 0;
padding-left: 1em;
}
.rte ul ul {
list-style: circle inside;
}
.rte ul ul ul {
list-style: square inside;
}
.rte ul ol {
list-style: decimal inside;
}
.rte li {
font-size: calc(0.875rem * var(--FONT-ADJUST-BODY));
line-height: 1.5;
list-style: inherit;
text-align: left !important;
}
.rte li div {
text-align: left !important;
}
.rte li ul,
.rte li ol {
margin: 0;
padding-left: 1em;
}
.rte li ul {
list-style: decimal inside;
}
.rte li ol {
list-style: decimal inside;
}
.rte a {
transition: opacity 0.2s ease;
color: var(--COLOR-TEXT);
}
.rte a:hover {
opacity: 0.8;
}
.rte blockquote {
margin: 2em 0;
padding-left: 1em;
border-left: 4px solid var(--COLOR-BORDER);
font-size: calc(1.25rem * var(--FONT-ADJUST-BODY));
line-height: 1.3;
letter-spacing: 0.25px;
}
@media only screen and (min-width: 480px) {
.rte blockquote {
font-size: calc(1.5625rem * var(--FONT-ADJUST-BODY));
line-height: 1.2;
padding-left: 2em;
}
}
.rte table,
.rte th,
.rte td {
border: 1px solid var(--COLOR-BORDER);
border-collapse: collapse;
padding: 0;
}
.rte table {
width: 100%;
margin: 20px 0;
}
.rte table tr {
height: 40px;
}
.rte table tr:first-of-type td {
font-size: calc(1.0625rem * var(--FONT-ADJUST-BODY));
line-height: 1.5;
font-weight: var(--BODY-FONT-WEIGHT-MEDIUM);
}
.rte table th,
.rte table td {
padding: 20px;
}
.rte table th {
font-size: calc(1.0625rem * var(--FONT-ADJUST-BODY));
line-height: 1.5;
font-weight: var(--BODY-FONT-WEIGHT-MEDIUM);
text-transform: uppercase;
background: var(--COLOR-BACKGROUND-TABLE-HEADER);
margin: 0;
}
.rte table td {
font-size: calc(0.875rem * var(--FONT-ADJUST-BODY));
line-height: 1.5;
margin: 0;
}
.rte__table-wrapper {
overflow: auto;
}
html {
font-size: 1rem;
scroll-behavior: smooth;
--scroll-behavior: smooth;
}
html * {
-webkit-font-smoothing: antialiased;
}
body {
font-family: var(--BODY-FONT-FAMILY);
font-weight: var(--BODY-FONT-WEIGHT);
font-style: var(--BODY-FONT-STYLE);
min-width: 320px;
font-size: 1rem;
transition: opacity 0.25s ease-in-out;
background-color: var(--COLOR-BACKGROUND);
}
body.is-page-loading {
opacity: 0;
}
a {
color: inherit;
text-decoration: none;
}
a .link-hover {
transition: opacity 0.2s ease;
color: var(--COLOR-TEXT);
}
a .link-hover:hover {
opacity: 0.8;
}
.container-wrap {
display: block;
position: relative;
margin: auto;
}
.container, .okeReviews-widget-holder {
display: block;
position: relative;
margin: 0 auto;
max-width: 1600px;
width: calc(100% - 80px);
padding-left: 15px;
padding-right: 15px;
z-index: 0;
}
.container-sm-width {
max-width: 1200px;
margin: 0px auto;
}
.container-md-width {
max-width: 1400px;
padding-left: 20px;
padding-right: 20px;
margin: 0px auto;
}
.shopify-app-block {
margin: 20px 0px;
}
@media only screen and (max-width: 1023px) {
.container,
.container-md-width, .okeReviews-widget-holder {
width: calc(100% - 80px);
}
.container-md-width {
width: calc(100% - 80px);
padding-left: 40px;
padding-right: 40px;
}
}
@media only screen and (max-width: 479px) {
.container {
padding: 0 10px;
}
.okeReviews-widget-holder {
padding: 0 20px;
}
.container-md-width {
padding: 0 20px;
}
.shopify-app-block {
margin: 20px 0px;
}
}
/* Use a row to specify width and .inline or .float options
* to set up a wrapper for grids.
*/
.row {
display: block;
position: relative;
margin: 0 auto;
max-width: 100%;
width: 100%;
}
.row::before,
.row::after {
content: " "; /* 1 */
display: table; /* 2 */
}
.row::after {
clear: both;
}
.row.row-sm {
width: 90%;
}
@media only screen and (min-width: 480px) {
.row.row-sm {
width: 75%;
}
}
@media only screen and (min-width: 768px) {
.row.row-sm {
max-width: 980px;
margin: 0px auto;
}
}
.row.row-med {
width: 90%;
}
@media only screen and (min-width: 480px) {
.row.row-med {
width: 80%;
}
}
@media only screen and (min-width: 768px) {
.row.row-med {
width: 70%;
}
}
.row.row-lg {
width: 90%;
}
@media only screen and (min-width: 480px) {
.row.row-lg {
width: 87.5%;
}
}
@media only screen and (min-width: 768px) {
.row.row-lg {
width: 85%;
}
}
.row.inline {
text-align: justify;
}
.row.inline::before {
display: none;
}
.row.inline::after {
display: inline-block;
position: relative;
content: "";
width: 100%;
}
.row.inline.center {
text-align: center;
}
.row.inline .block {
display: inline-block;
position: relative;
float: none;
}
.block {
display: block;
position: relative;
float: left;
vertical-align: top;
}
.block--right {
float: right;
}
.content {
display: inline-block;
position: relative;
margin: auto;
text-align: left;
width: 99%;
vertical-align: middle;
}
.placeholder-svg,
.svg-placeholder > svg {
background: var(--color-placeholder-bg);
fill: var(--color-placeholder-fill);
}
.svg-placeholder {
position: relative;
overflow: hidden;
background: var(--color-placeholder-bg);
}
.svg-placeholder > svg {
position: absolute;
left: 50%;
top: 50%;
height: 100%;
max-height: 100%;
min-height: 400px;
max-width: 100%;
transform: translate(-50%, -50%);
}
.header--full + .shopify-section {
margin-top: 10px;
}
/**
* Outer carousel container.
*/
.carousel {
overflow: hidden;
}
.carousel .button {
margin: 10px 0 30px;
}
/**
* Title of section.
*/
.carousel-slide {
padding: 0 1rem;
}
.carousel-slide-image {
display: block;
position: relative;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding-top: 100%;
width: 100%;
}
.carousel-slide-image:hover .collection-block__image-inner {
opacity: 1;
}
.page-wrap {
display: block;
position: relative;
background: inherit;
}
.body-wrap {
transition: transform 0.25s ease-in-out;
}
.main-content {
display: block;
outline: none;
padding-top: 120px;
}
@media (max-width: 767px) {
.main-content {
padding-top: 86px;
padding-bottom: 10px;
}
}
.has-transparent-header .main-content {
padding-top: 0;
}
.shopify-challenge__container {
padding: 50px 0;
}
.button-wrapper {
margin: 30px auto;
}
.social-links {
margin: 0 0 10px;
}
.social-links li {
display: inline-block;
margin-right: 20px;
}
.social-links li:last-child {
margin-right: 0;
}
.social-link {
display: inline-block;
}
.social-link:nth-child(even) {
margin-right: 10px !important;
}
.social-link .icon {
display: block;
width: 20px;
height: 20px;
fill: currentColor;
}
.social-link:hover {
opacity: 0.7;
}
.slider-arrow {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
box-shadow: none;
border-radius: 0;
border: 0;
background: none;
position: absolute;
top: calc(50% - 20px);
z-index: 100;
display: flex;
align-items: center;
justify-content: center;
opacity: 1;
cursor: pointer;
font-size: 0;
padding: 0;
width: 40px;
height: 40px;
color: var(--text);
}
@media only screen and (max-width: 767px) {
.slider-arrow {
display: none;
}
}
.slider-arrow--prev {
left: 20px;
}
.slider-arrow--next {
right: 20px;
}
.slider-arrow--prev .icon,
.mfp-arrow-left .icon,
.slick-prev .icon {
transform: rotate(180deg);
}
.text-dark .slick-dots li {
border-color: var(--COLOR-TEXT);
}
.mfp-arrow-left::before,
.mfp-arrow-left::after,
.mfp-arrow-right::before,
.mfp-arrow-right::after {
content: none;
}
hr {
display: block;
position: relative;
border: 0;
border-top: 1px solid var(--COLOR-BORDER);
}
/*
* Cart Popover
*/
.popover-container {
display: block;
position: fixed;
height: 0;
top: 0;
width: 100%;
z-index: 2000;
}
.popover {
display: block;
position: relative;
transition: opacity 0.3s ease-in-out;
background-color: var(--COLOR-BACKGROUND);
border: 1px solid var(--COLOR-BORDER);
color: var(--COLOR-TEXT);
margin: 0 auto;
opacity: 0;
top: 20px;
}
.popover.is-visible {
opacity: 1;
}
.header-cartPopover {
position: absolute;
top: 100%;
right: 80px;
z-index: 1011;
background-color: var(--COLOR-BACKGROUND);
color: var(--COLOR-TEXT);
opacity: 0;
visibility: hidden;
margin-top: -30px;
transition: opacity 0.3s ease-in-out, visibility 0s linear 0.3s;
}
@media only screen and (max-width: 1023px) {
.header-cartPopover {
right: 40px;
}
}
@media only screen and (max-width: 767px) {
.header-cartPopover {
margin-top: -10px;
}
}
.header--logo_center_links_center .header-cartPopover {
margin-top: -50px;
}
.header--has-scrolled .header-cartPopover {
margin-top: 0;
}
.header-cartPopover.is-visible {
opacity: 1;
visibility: visible;
transition-delay: 0.3s, 0s;
}
.header-cartPopover .h3 {
font-family: var(--BODY-FONT-FAMILY);
font-weight: var(--BODY-FONT-WEIGHT);
font-style: var(--BODY-FONT-STYLE);
font-size: calc(0.7rem * var(--FONT-ADJUST-BODY));
font-weight: var(--BODY-FONT-WEIGHT-BOLD);
text-transform: uppercase;
letter-spacing: 0.05em;
padding-bottom: 10px;
text-align: center;
width: 100%;
}
.popover-error {
display: block;
position: relative;
font-size: calc(0.786rem * var(--FONT-ADJUST-BODY));
color: var(--error-text);
border: 1px solid var(--error-border);
background-color: var(--error-bg);
padding: 10px 20px;
margin: -1px;
text-align: left;
width: 250px;
}
.popover-inner {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
cursor: pointer;
padding: 10px;
text-align: left;
width: 300px;
border: 1px solid var(--COLOR-BORDER);
}
.popover-item-heading {
width: 100%;
}
.popover-item-thumb {
display: block;
position: relative;
float: left;
width: 120px;
height: 120px;
margin-right: 20px;
background-size: var(--IMAGE-SIZE);
background-repeat: no-repeat;
background-position: center center;
}
.popover-item-info {
display: grid;
grid-template-columns: 100%;
gap: 5px;
overflow: hidden;
font-size: calc(1rem * var(--FONT-ADJUST-BODY));
width: calc(100% - 140px);
}
.popover-item-title {
display: block;
font-size: calc(1rem * var(--FONT-ADJUST-BODY));
}
.popover-item-variant,
.popover-item-price,
.popover-item-selling-plan,
.popover-item-properties {
display: block;
opacity: 0.8;
font-size: calc(0.786rem * var(--FONT-ADJUST-BODY));
}
.popover-item-properties {
margin: 5px 0;
}
.popover-item-properties p {
margin: 0;
line-height: inherit;
word-break: break-word;
}
.popover-item-selling-plan {
font-style: italic;
margin: 5px 0;
}
.popover-item-unit-price {
display: block;
opacity: 0.6;
font-size: calc(0.786rem * var(--FONT-ADJUST-BODY));
}
.custom-scrollbar {
--track-width: 100%;
position: relative;
width: 100%;
height: 5px;
padding: 0;
background-color: var(--text-alpha-5);
border-radius: 3px;
}
@media only screen and (min-width: 768px) {
.custom-scrollbar {
display: none;
}
}
.custom-scrollbar--offset {
width: calc(100% - var(--gutter) * 2);
margin: 0 var(--gutter);
}
.custom-scrollbar__track {
position: absolute;
top: 0;
left: 0;
width: var(--track-width);
height: 100%;
background-color: var(--text-alpha-55);
border-radius: 3px;
transform: translateX(var(--position));
transition: transform 0.05s linear;
will-change: transform;
} /*================ VENDOR ================*/
.swatch {
display: flex;
flex-wrap: wrap;
margin: -9px;
}
@media only screen and (max-width: 767px) {
.swatch {
justify-content: center;
}
}
.swatch.error {
background-color: #e8d2d2 !important;
color: #333 !important;
padding: 1em;
}
.swatch.error p {
margin: 0.7em 0;
}
.swatch.error p:first-child {
margin-top: 0;
}
.swatch.error p:last-child {
margin-bottom: 0;
}
.swatch.error code {
font-family: monospace;
}
.swatch__element {
padding: 9px;
position: relative;
margin: 0;
-webkit-transform: translateZ(0); /* webkit flicker fix */
-webkit-font-smoothing: antialiased; /* webkit text rendering fix */
}
.swatch__element::after {
content: attr(data-value);
position: absolute;
left: 0;
top: 100%;
margin-top: 8px;
background: var(--COLOR-BACKGROUND);
color: var(--COLOR-TEXT);
padding: 2px 5px;
border-radius: 3px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
border: 1px solid var(--COLOR-TEXT-ALPHA-60);
white-space: nowrap;
pointer-events: none;
opacity: 0;
visibility: hidden;
transition: transform 0.15s ease, opacity 0.15s ease,
visibility 0s linear 0.15s;
font-size: calc(0.8125rem * var(--FONT-ADJUST-BODY));
transform: translateY(50%);
}
.swatch__element:hover {
z-index: 5;
}
.swatch__element:hover::after {
opacity: 1;
visibility: visible;
transition: transform 0.3s ease, opacity 0.3s ease, visibility 0s linear 0s;
transform: translateY(0);
}
.swatch__input {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
border-radius: 50%;
display: block;
cursor: pointer;
}
.swatch__label {
position: relative;
border-radius: 50%;
height: var(--swatch-size);
min-width: var(--swatch-size);
margin: 0;
font-size: calc(0.875rem * var(--FONT-ADJUST-BODY));
text-align: center;
line-height: var(--swatch-size);
white-space: nowrap;
text-transform: uppercase;
display: flex;
align-items: flex-start;
justify-content: center;
cursor: pointer;
}
.soldout .swatch__label {
opacity: 0.6;
}
.swatch__color {
position: absolute;
top: calc(1.4rem * var(--FONT-ADJUST-BODY) * 22px);
left: 0;
width: var(--swatch-size);
height: var(--swatch-size);
border-radius: 50%;
background: var(--swatch) no-repeat center center/cover;
transition: box-shadow 0.2s ease;
}
.swatch__color[class*="white"] {
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.35);
}
.swatch__color-name {
text-transform: none;
padding: 0 0 0 30px;
width: 100%;
display: block;
white-space: normal;
text-align: left;
line-height: calc(1.4rem * var(--FONT-ADJUST-BODY));
}
.swatch--square .swatch__label {
border-radius: 0;
}
.swatch--square .swatch__color {
border-radius: 0;
}
.swatch--square .swatch__color::after {
border-radius: 0;
top: -3px;
left: -3px;
right: -3px;
bottom: -3px;
}
.swatch__link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
overflow: hidden;
font-size: 0;
line-height: 0;
text-indent: -100%;
display: none;
}
.swatch__input:checked + .swatch__label .swatch__color,
.swatch.is-active .swatch__color {
box-shadow: inset 0 0 0 1px #000;
}
.swatch__input:checked + .swatch__label .swatch__color[class*="black"],
.swatch.is-active .swatch__color[class*="black"] {
box-shadow: inset 0 0 0 1px #000, inset 0 0 0 2px #fff;
}
.popout {
position: relative;
margin-bottom: 10px;
}
.popout__toggle {
text-transform: uppercase;
text-align: left;
letter-spacing: 0.02em;
font-size: calc(0.7rem * var(--FONT-ADJUST-BODY));
line-height: normal;
margin: 0 0 10px;
padding: 10px 44px 10px 14px;
white-space: nowrap;
border: 1px solid var(--COLOR-BORDER);
background: var(--COLOR-BACKGROUND);
}
.popout__toggle .icon-arrow {
position: absolute;
top: 0;
}
.popout-list {
background-color: var(--COLOR-BACKGROUND);
border: 1px solid var(--COLOR-BORDER);
bottom: 100%;
position: absolute;
display: none;
margin: 0 0 5px;
padding: 0;
min-height: 30px;
max-height: 300px;
overflow-y: auto;
}
.popout-list--visible {
display: block;
}
.popout-list__item {
white-space: nowrap;
padding: 0;
margin: 0;
text-align: left;
}
.popout-list__option {
text-transform: uppercase;
padding: 8px 15px 8px 15px;
width: 100%;
display: block;
font-size: calc(0.7rem * var(--FONT-ADJUST-BODY));
}
.popout-list__option:hover {
background-color: var(--COLOR-FOOTER-BOTTOM-BG-HOVER);
}
.popout-list__item--current .popout-list__option span {
border-bottom: 1px solid var(--COLOR-FOOTER-BOTTOM-TEXT);
}
.popout--footer {
display: flex;
justify-content: flex-end;
margin: 15px -10px 5px 0;
}
.popout--footer .popout {
padding-right: 10px;
}
.popout--footer .popout__toggle {
color: var(--COLOR-FOOTER-BOTTOM-TEXT);
background-color: var(--COLOR-FOOTER-BOTTOM-BG);
border-color: var(--COLOR-FOOTER-BOTTOM-BORDER);
margin-bottom: 0;
}
.popout--footer .popout-list {
background-color: var(--COLOR-FOOTER-BOTTOM-BG);
border: 1px solid var(--COLOR-FOOTER-BOTTOM-BORDER);
}
.popout--footer .icon-arrow {
right: 10px;
height: 100%;
color: inherit;
}
@media only screen and (max-width: 767px) {
.popout--footer {
justify-content: center;
}
}
/*! Flickity v3.0.0
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
position: relative;
}
.flickity-enabled:focus {
outline: none;
}
.flickity-viewport {
overflow: hidden;
position: relative;
height: 100%;
touch-action: pan-y;
transition: height 0.2s;
}
.flickity-slider {
position: absolute;
width: 100%;
height: 100%;
left: 0;
}
.flickity-rtl .flickity-slider {
left: unset;
right: 0;
}
/* draggable */
.flickity-enabled.is-draggable {
-webkit-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-cell ---- */
.flickity-cell {
position: absolute;
left: 0;
}
.flickity-rtl .flickity-cell {
left: unset;
right: 0;
}
/* ---- flickity-button ---- */
.flickity-button {
position: absolute;
background: hsla(0deg, 0%, 100%, 0.75);
border: none;
color: #333;
}
.flickity-button:hover {
background: white;
cursor: pointer;
}
.flickity-button:focus {
outline: none;
box-shadow: 0 0 0 5px #19f;
}
.flickity-button:active {
opacity: 0.6;
}
.flickity-button:disabled {
opacity: 0.3;
cursor: auto;
/* prevent disabled button from capturing pointer up event. #716 */
pointer-events: none;
}
.flickity-button-icon {
fill: currentColor;
}
/* ---- previous/next buttons ---- */
.flickity-prev-next-button {
top: 50%;
width: 44px;
height: 44px;
border-radius: 50%;
/* vertically center */
transform: translateY(-50%);
}
.flickity-prev-next-button.previous {
left: 10px;
}
.flickity-prev-next-button.next {
right: 10px;
}
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
left: auto;
right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
right: auto;
left: 10px;
}
.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;
text-align: center;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.flickity-rtl .flickity-page-dots {
direction: rtl;
}
.flickity-page-dot {
display: block;
width: 17px;
height: 17px;
padding: 0;
margin: 0 8px;
background: hsla(0deg, 0%, 20%, 0.25);
border-radius: 50%;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
text-indent: -9999px;
overflow: hidden;
}
.flickity-rtl .flickity-page-dot {
text-indent: 9999px;
}
.flickity-page-dot:focus {
outline: none;
box-shadow: 0 0 0 5px #19f;
}
.flickity-page-dot.is-selected {
background: hsl(0deg, 0%, 20%);
}
/*====== Custom styles ======*/
.flickity-button {
position: absolute;
background: transparent;
border: none;
color: var(--text);
}
.flickity-button:disabled {
cursor: auto;
pointer-events: none;
}
.flickity-prev-next-button {
top: 50%;
width: 40px;
height: 40px;
padding: 5px;
display: flex;
align-items: center;
justify-content: center;
transform: translateY(-50%);
}
.flickity-page-dots {
display: block;
position: absolute;
bottom: 0;
left: 40px;
right: 40px;
padding: 0;
text-align: center;
}
.flickity-rtl .flickity-page-dots {
direction: rtl;
}
.flickity-page-dot {
display: inline-block;
width: 17px;
height: 17px;
margin: 0 8px;
background: transparent;
border-radius: 50%;
opacity: 0.3;
cursor: pointer;
border: 2px solid var(--text) !important;
}
.flickity-page-dot.is-selected {
opacity: 1;
background: white;
}
[data-dots-style="line"] .flickity-page-dot {
height: 2px;
width: 40px;
border-width: 1px !important;
border-radius: 0;
}
button.flickity-prev-next-button,
.flickity-prev-next-button.btn,
.flickity-prev-next-button.shopify-payment-button__button--unbranded {
display: block;
background-color: transparent;
border: 0;
z-index: 100;
cursor: pointer;
}
button.flickity-prev-next-button.previous,
.flickity-prev-next-button.previous.btn,
.flickity-prev-next-button.previous.shopify-payment-button__button--unbranded {
left: 0;
}
button.flickity-prev-next-button.next,
.flickity-prev-next-button.next.btn,
.flickity-prev-next-button.next.shopify-payment-button__button--unbranded {
right: 0;
}
button.flickity-prev-next-button:disabled,
.flickity-prev-next-button.btn:disabled,
.flickity-prev-next-button.shopify-payment-button__button--unbranded:disabled,
button.flickity-prev-next-button[disabled],
.flickity-prev-next-button[disabled].btn,
.flickity-prev-next-button[disabled].shopify-payment-button__button--unbranded {
cursor: default;
}
@media only screen and (min-width: 768px) {
button.flickity-prev-next-button,
.flickity-prev-next-button.btn,
.flickity-prev-next-button.shopify-payment-button__button--unbranded {
display: block;
}
}
button.flickity-prev-next-button svg,
.flickity-prev-next-button.btn svg,
.flickity-prev-next-button.shopify-payment-button__button--unbranded svg {
fill: var(--text);
}
.allow-text-animations [data-aos][data-aos][data-aos-duration="50"],
.allow-text-animations[data-aos-duration="50"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-duration="50"],
.allow-image-animations[data-aos-duration="50"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-duration="50"],
.allow-grid-animations[data-aos-duration="50"] [data-aos] {
transition-duration: 50ms;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="50"],
.allow-text-animations[data-aos-delay="50"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-delay="50"],
.allow-image-animations[data-aos-delay="50"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-delay="50"],
.allow-grid-animations[data-aos-delay="50"] [data-aos] {
transition-delay: 0s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="50"].aos-animate,
.allow-text-animations[data-aos-delay="50"] [data-aos].aos-animate,
.allow-image-animations [data-aos][data-aos][data-aos-delay="50"].aos-animate,
.allow-image-animations[data-aos-delay="50"] [data-aos].aos-animate,
.allow-grid-animations [data-aos][data-aos][data-aos-delay="50"].aos-animate,
.allow-grid-animations[data-aos-delay="50"] [data-aos].aos-animate {
transition-delay: 50ms;
}
.allow-text-animations [data-aos][data-aos][data-aos-duration="100"],
.allow-text-animations[data-aos-duration="100"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-duration="100"],
.allow-image-animations[data-aos-duration="100"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-duration="100"],
.allow-grid-animations[data-aos-duration="100"] [data-aos] {
transition-duration: 0.1s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="100"],
.allow-text-animations[data-aos-delay="100"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-delay="100"],
.allow-image-animations[data-aos-delay="100"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-delay="100"],
.allow-grid-animations[data-aos-delay="100"] [data-aos] {
transition-delay: 0s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="100"].aos-animate,
.allow-text-animations[data-aos-delay="100"] [data-aos].aos-animate,
.allow-image-animations [data-aos][data-aos][data-aos-delay="100"].aos-animate,
.allow-image-animations[data-aos-delay="100"] [data-aos].aos-animate,
.allow-grid-animations [data-aos][data-aos][data-aos-delay="100"].aos-animate,
.allow-grid-animations[data-aos-delay="100"] [data-aos].aos-animate {
transition-delay: 0.1s;
}
.allow-text-animations [data-aos][data-aos][data-aos-duration="150"],
.allow-text-animations[data-aos-duration="150"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-duration="150"],
.allow-image-animations[data-aos-duration="150"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-duration="150"],
.allow-grid-animations[data-aos-duration="150"] [data-aos] {
transition-duration: 0.15s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="150"],
.allow-text-animations[data-aos-delay="150"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-delay="150"],
.allow-image-animations[data-aos-delay="150"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-delay="150"],
.allow-grid-animations[data-aos-delay="150"] [data-aos] {
transition-delay: 0s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="150"].aos-animate,
.allow-text-animations[data-aos-delay="150"] [data-aos].aos-animate,
.allow-image-animations [data-aos][data-aos][data-aos-delay="150"].aos-animate,
.allow-image-animations[data-aos-delay="150"] [data-aos].aos-animate,
.allow-grid-animations [data-aos][data-aos][data-aos-delay="150"].aos-animate,
.allow-grid-animations[data-aos-delay="150"] [data-aos].aos-animate {
transition-delay: 0.15s;
}
.allow-text-animations [data-aos][data-aos][data-aos-duration="200"],
.allow-text-animations[data-aos-duration="200"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-duration="200"],
.allow-image-animations[data-aos-duration="200"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-duration="200"],
.allow-grid-animations[data-aos-duration="200"] [data-aos] {
transition-duration: 0.2s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="200"],
.allow-text-animations[data-aos-delay="200"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-delay="200"],
.allow-image-animations[data-aos-delay="200"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-delay="200"],
.allow-grid-animations[data-aos-delay="200"] [data-aos] {
transition-delay: 0s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="200"].aos-animate,
.allow-text-animations[data-aos-delay="200"] [data-aos].aos-animate,
.allow-image-animations [data-aos][data-aos][data-aos-delay="200"].aos-animate,
.allow-image-animations[data-aos-delay="200"] [data-aos].aos-animate,
.allow-grid-animations [data-aos][data-aos][data-aos-delay="200"].aos-animate,
.allow-grid-animations[data-aos-delay="200"] [data-aos].aos-animate {
transition-delay: 0.2s;
}
.allow-text-animations [data-aos][data-aos][data-aos-duration="250"],
.allow-text-animations[data-aos-duration="250"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-duration="250"],
.allow-image-animations[data-aos-duration="250"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-duration="250"],
.allow-grid-animations[data-aos-duration="250"] [data-aos] {
transition-duration: 0.25s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="250"],
.allow-text-animations[data-aos-delay="250"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-delay="250"],
.allow-image-animations[data-aos-delay="250"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-delay="250"],
.allow-grid-animations[data-aos-delay="250"] [data-aos] {
transition-delay: 0s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="250"].aos-animate,
.allow-text-animations[data-aos-delay="250"] [data-aos].aos-animate,
.allow-image-animations [data-aos][data-aos][data-aos-delay="250"].aos-animate,
.allow-image-animations[data-aos-delay="250"] [data-aos].aos-animate,
.allow-grid-animations [data-aos][data-aos][data-aos-delay="250"].aos-animate,
.allow-grid-animations[data-aos-delay="250"] [data-aos].aos-animate {
transition-delay: 0.25s;
}
.allow-text-animations [data-aos][data-aos][data-aos-duration="300"],
.allow-text-animations[data-aos-duration="300"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-duration="300"],
.allow-image-animations[data-aos-duration="300"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-duration="300"],
.allow-grid-animations[data-aos-duration="300"] [data-aos] {
transition-duration: 0.3s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="300"],
.allow-text-animations[data-aos-delay="300"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-delay="300"],
.allow-image-animations[data-aos-delay="300"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-delay="300"],
.allow-grid-animations[data-aos-delay="300"] [data-aos] {
transition-delay: 0s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="300"].aos-animate,
.allow-text-animations[data-aos-delay="300"] [data-aos].aos-animate,
.allow-image-animations [data-aos][data-aos][data-aos-delay="300"].aos-animate,
.allow-image-animations[data-aos-delay="300"] [data-aos].aos-animate,
.allow-grid-animations [data-aos][data-aos][data-aos-delay="300"].aos-animate,
.allow-grid-animations[data-aos-delay="300"] [data-aos].aos-animate {
transition-delay: 0.3s;
}
.allow-text-animations [data-aos][data-aos][data-aos-duration="350"],
.allow-text-animations[data-aos-duration="350"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-duration="350"],
.allow-image-animations[data-aos-duration="350"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-duration="350"],
.allow-grid-animations[data-aos-duration="350"] [data-aos] {
transition-duration: 0.35s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="350"],
.allow-text-animations[data-aos-delay="350"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-delay="350"],
.allow-image-animations[data-aos-delay="350"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-delay="350"],
.allow-grid-animations[data-aos-delay="350"] [data-aos] {
transition-delay: 0s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="350"].aos-animate,
.allow-text-animations[data-aos-delay="350"] [data-aos].aos-animate,
.allow-image-animations [data-aos][data-aos][data-aos-delay="350"].aos-animate,
.allow-image-animations[data-aos-delay="350"] [data-aos].aos-animate,
.allow-grid-animations [data-aos][data-aos][data-aos-delay="350"].aos-animate,
.allow-grid-animations[data-aos-delay="350"] [data-aos].aos-animate {
transition-delay: 0.35s;
}
.allow-text-animations [data-aos][data-aos][data-aos-duration="400"],
.allow-text-animations[data-aos-duration="400"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-duration="400"],
.allow-image-animations[data-aos-duration="400"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-duration="400"],
.allow-grid-animations[data-aos-duration="400"] [data-aos] {
transition-duration: 0.4s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="400"],
.allow-text-animations[data-aos-delay="400"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-delay="400"],
.allow-image-animations[data-aos-delay="400"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-delay="400"],
.allow-grid-animations[data-aos-delay="400"] [data-aos] {
transition-delay: 0s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="400"].aos-animate,
.allow-text-animations[data-aos-delay="400"] [data-aos].aos-animate,
.allow-image-animations [data-aos][data-aos][data-aos-delay="400"].aos-animate,
.allow-image-animations[data-aos-delay="400"] [data-aos].aos-animate,
.allow-grid-animations [data-aos][data-aos][data-aos-delay="400"].aos-animate,
.allow-grid-animations[data-aos-delay="400"] [data-aos].aos-animate {
transition-delay: 0.4s;
}
.allow-text-animations [data-aos][data-aos][data-aos-duration="450"],
.allow-text-animations[data-aos-duration="450"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-duration="450"],
.allow-image-animations[data-aos-duration="450"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-duration="450"],
.allow-grid-animations[data-aos-duration="450"] [data-aos] {
transition-duration: 0.45s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="450"],
.allow-text-animations[data-aos-delay="450"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-delay="450"],
.allow-image-animations[data-aos-delay="450"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-delay="450"],
.allow-grid-animations[data-aos-delay="450"] [data-aos] {
transition-delay: 0s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="450"].aos-animate,
.allow-text-animations[data-aos-delay="450"] [data-aos].aos-animate,
.allow-image-animations [data-aos][data-aos][data-aos-delay="450"].aos-animate,
.allow-image-animations[data-aos-delay="450"] [data-aos].aos-animate,
.allow-grid-animations [data-aos][data-aos][data-aos-delay="450"].aos-animate,
.allow-grid-animations[data-aos-delay="450"] [data-aos].aos-animate {
transition-delay: 0.45s;
}
.allow-text-animations [data-aos][data-aos][data-aos-duration="500"],
.allow-text-animations[data-aos-duration="500"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-duration="500"],
.allow-image-animations[data-aos-duration="500"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-duration="500"],
.allow-grid-animations[data-aos-duration="500"] [data-aos] {
transition-duration: 0.5s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="500"],
.allow-text-animations[data-aos-delay="500"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-delay="500"],
.allow-image-animations[data-aos-delay="500"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-delay="500"],
.allow-grid-animations[data-aos-delay="500"] [data-aos] {
transition-delay: 0s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="500"].aos-animate,
.allow-text-animations[data-aos-delay="500"] [data-aos].aos-animate,
.allow-image-animations [data-aos][data-aos][data-aos-delay="500"].aos-animate,
.allow-image-animations[data-aos-delay="500"] [data-aos].aos-animate,
.allow-grid-animations [data-aos][data-aos][data-aos-delay="500"].aos-animate,
.allow-grid-animations[data-aos-delay="500"] [data-aos].aos-animate {
transition-delay: 0.5s;
}
.allow-text-animations [data-aos][data-aos][data-aos-duration="550"],
.allow-text-animations[data-aos-duration="550"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-duration="550"],
.allow-image-animations[data-aos-duration="550"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-duration="550"],
.allow-grid-animations[data-aos-duration="550"] [data-aos] {
transition-duration: 0.55s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="550"],
.allow-text-animations[data-aos-delay="550"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-delay="550"],
.allow-image-animations[data-aos-delay="550"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-delay="550"],
.allow-grid-animations[data-aos-delay="550"] [data-aos] {
transition-delay: 0s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="550"].aos-animate,
.allow-text-animations[data-aos-delay="550"] [data-aos].aos-animate,
.allow-image-animations [data-aos][data-aos][data-aos-delay="550"].aos-animate,
.allow-image-animations[data-aos-delay="550"] [data-aos].aos-animate,
.allow-grid-animations [data-aos][data-aos][data-aos-delay="550"].aos-animate,
.allow-grid-animations[data-aos-delay="550"] [data-aos].aos-animate {
transition-delay: 0.55s;
}
.allow-text-animations [data-aos][data-aos][data-aos-duration="600"],
.allow-text-animations[data-aos-duration="600"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-duration="600"],
.allow-image-animations[data-aos-duration="600"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-duration="600"],
.allow-grid-animations[data-aos-duration="600"] [data-aos] {
transition-duration: 0.6s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="600"],
.allow-text-animations[data-aos-delay="600"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-delay="600"],
.allow-image-animations[data-aos-delay="600"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-delay="600"],
.allow-grid-animations[data-aos-delay="600"] [data-aos] {
transition-delay: 0s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="600"].aos-animate,
.allow-text-animations[data-aos-delay="600"] [data-aos].aos-animate,
.allow-image-animations [data-aos][data-aos][data-aos-delay="600"].aos-animate,
.allow-image-animations[data-aos-delay="600"] [data-aos].aos-animate,
.allow-grid-animations [data-aos][data-aos][data-aos-delay="600"].aos-animate,
.allow-grid-animations[data-aos-delay="600"] [data-aos].aos-animate {
transition-delay: 0.6s;
}
.allow-text-animations [data-aos][data-aos][data-aos-duration="650"],
.allow-text-animations[data-aos-duration="650"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-duration="650"],
.allow-image-animations[data-aos-duration="650"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-duration="650"],
.allow-grid-animations[data-aos-duration="650"] [data-aos] {
transition-duration: 0.65s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="650"],
.allow-text-animations[data-aos-delay="650"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-delay="650"],
.allow-image-animations[data-aos-delay="650"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-delay="650"],
.allow-grid-animations[data-aos-delay="650"] [data-aos] {
transition-delay: 0s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="650"].aos-animate,
.allow-text-animations[data-aos-delay="650"] [data-aos].aos-animate,
.allow-image-animations [data-aos][data-aos][data-aos-delay="650"].aos-animate,
.allow-image-animations[data-aos-delay="650"] [data-aos].aos-animate,
.allow-grid-animations [data-aos][data-aos][data-aos-delay="650"].aos-animate,
.allow-grid-animations[data-aos-delay="650"] [data-aos].aos-animate {
transition-delay: 0.65s;
}
.allow-text-animations [data-aos][data-aos][data-aos-duration="700"],
.allow-text-animations[data-aos-duration="700"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-duration="700"],
.allow-image-animations[data-aos-duration="700"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-duration="700"],
.allow-grid-animations[data-aos-duration="700"] [data-aos] {
transition-duration: 0.7s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="700"],
.allow-text-animations[data-aos-delay="700"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-delay="700"],
.allow-image-animations[data-aos-delay="700"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-delay="700"],
.allow-grid-animations[data-aos-delay="700"] [data-aos] {
transition-delay: 0s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="700"].aos-animate,
.allow-text-animations[data-aos-delay="700"] [data-aos].aos-animate,
.allow-image-animations [data-aos][data-aos][data-aos-delay="700"].aos-animate,
.allow-image-animations[data-aos-delay="700"] [data-aos].aos-animate,
.allow-grid-animations [data-aos][data-aos][data-aos-delay="700"].aos-animate,
.allow-grid-animations[data-aos-delay="700"] [data-aos].aos-animate {
transition-delay: 0.7s;
}
.allow-text-animations [data-aos][data-aos][data-aos-duration="750"],
.allow-text-animations[data-aos-duration="750"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-duration="750"],
.allow-image-animations[data-aos-duration="750"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-duration="750"],
.allow-grid-animations[data-aos-duration="750"] [data-aos] {
transition-duration: 0.75s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="750"],
.allow-text-animations[data-aos-delay="750"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-delay="750"],
.allow-image-animations[data-aos-delay="750"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-delay="750"],
.allow-grid-animations[data-aos-delay="750"] [data-aos] {
transition-delay: 0s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="750"].aos-animate,
.allow-text-animations[data-aos-delay="750"] [data-aos].aos-animate,
.allow-image-animations [data-aos][data-aos][data-aos-delay="750"].aos-animate,
.allow-image-animations[data-aos-delay="750"] [data-aos].aos-animate,
.allow-grid-animations [data-aos][data-aos][data-aos-delay="750"].aos-animate,
.allow-grid-animations[data-aos-delay="750"] [data-aos].aos-animate {
transition-delay: 0.75s;
}
.allow-text-animations [data-aos][data-aos][data-aos-duration="800"],
.allow-text-animations[data-aos-duration="800"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-duration="800"],
.allow-image-animations[data-aos-duration="800"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-duration="800"],
.allow-grid-animations[data-aos-duration="800"] [data-aos] {
transition-duration: 0.8s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="800"],
.allow-text-animations[data-aos-delay="800"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-delay="800"],
.allow-image-animations[data-aos-delay="800"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-delay="800"],
.allow-grid-animations[data-aos-delay="800"] [data-aos] {
transition-delay: 0s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="800"].aos-animate,
.allow-text-animations[data-aos-delay="800"] [data-aos].aos-animate,
.allow-image-animations [data-aos][data-aos][data-aos-delay="800"].aos-animate,
.allow-image-animations[data-aos-delay="800"] [data-aos].aos-animate,
.allow-grid-animations [data-aos][data-aos][data-aos-delay="800"].aos-animate,
.allow-grid-animations[data-aos-delay="800"] [data-aos].aos-animate {
transition-delay: 0.8s;
}
.allow-text-animations [data-aos][data-aos][data-aos-duration="850"],
.allow-text-animations[data-aos-duration="850"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-duration="850"],
.allow-image-animations[data-aos-duration="850"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-duration="850"],
.allow-grid-animations[data-aos-duration="850"] [data-aos] {
transition-duration: 0.85s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="850"],
.allow-text-animations[data-aos-delay="850"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-delay="850"],
.allow-image-animations[data-aos-delay="850"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-delay="850"],
.allow-grid-animations[data-aos-delay="850"] [data-aos] {
transition-delay: 0s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="850"].aos-animate,
.allow-text-animations[data-aos-delay="850"] [data-aos].aos-animate,
.allow-image-animations [data-aos][data-aos][data-aos-delay="850"].aos-animate,
.allow-image-animations[data-aos-delay="850"] [data-aos].aos-animate,
.allow-grid-animations [data-aos][data-aos][data-aos-delay="850"].aos-animate,
.allow-grid-animations[data-aos-delay="850"] [data-aos].aos-animate {
transition-delay: 0.85s;
}
.allow-text-animations [data-aos][data-aos][data-aos-duration="900"],
.allow-text-animations[data-aos-duration="900"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-duration="900"],
.allow-image-animations[data-aos-duration="900"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-duration="900"],
.allow-grid-animations[data-aos-duration="900"] [data-aos] {
transition-duration: 0.9s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="900"],
.allow-text-animations[data-aos-delay="900"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-delay="900"],
.allow-image-animations[data-aos-delay="900"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-delay="900"],
.allow-grid-animations[data-aos-delay="900"] [data-aos] {
transition-delay: 0s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="900"].aos-animate,
.allow-text-animations[data-aos-delay="900"] [data-aos].aos-animate,
.allow-image-animations [data-aos][data-aos][data-aos-delay="900"].aos-animate,
.allow-image-animations[data-aos-delay="900"] [data-aos].aos-animate,
.allow-grid-animations [data-aos][data-aos][data-aos-delay="900"].aos-animate,
.allow-grid-animations[data-aos-delay="900"] [data-aos].aos-animate {
transition-delay: 0.9s;
}
.allow-text-animations [data-aos][data-aos][data-aos-duration="950"],
.allow-text-animations[data-aos-duration="950"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-duration="950"],
.allow-image-animations[data-aos-duration="950"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-duration="950"],
.allow-grid-animations[data-aos-duration="950"] [data-aos] {
transition-duration: 0.95s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="950"],
.allow-text-animations[data-aos-delay="950"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-delay="950"],
.allow-image-animations[data-aos-delay="950"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-delay="950"],
.allow-grid-animations[data-aos-delay="950"] [data-aos] {
transition-delay: 0s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="950"].aos-animate,
.allow-text-animations[data-aos-delay="950"] [data-aos].aos-animate,
.allow-image-animations [data-aos][data-aos][data-aos-delay="950"].aos-animate,
.allow-image-animations[data-aos-delay="950"] [data-aos].aos-animate,
.allow-grid-animations [data-aos][data-aos][data-aos-delay="950"].aos-animate,
.allow-grid-animations[data-aos-delay="950"] [data-aos].aos-animate {
transition-delay: 0.95s;
}
.allow-text-animations [data-aos][data-aos][data-aos-duration="1000"],
.allow-text-animations[data-aos-duration="1000"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-duration="1000"],
.allow-image-animations[data-aos-duration="1000"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-duration="1000"],
.allow-grid-animations[data-aos-duration="1000"] [data-aos] {
transition-duration: 1s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="1000"],
.allow-text-animations[data-aos-delay="1000"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-delay="1000"],
.allow-image-animations[data-aos-delay="1000"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-delay="1000"],
.allow-grid-animations[data-aos-delay="1000"] [data-aos] {
transition-delay: 0s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="1000"].aos-animate,
.allow-text-animations[data-aos-delay="1000"] [data-aos].aos-animate,
.allow-image-animations [data-aos][data-aos][data-aos-delay="1000"].aos-animate,
.allow-image-animations[data-aos-delay="1000"] [data-aos].aos-animate,
.allow-grid-animations [data-aos][data-aos][data-aos-delay="1000"].aos-animate,
.allow-grid-animations[data-aos-delay="1000"] [data-aos].aos-animate {
transition-delay: 1s;
}
.allow-text-animations [data-aos][data-aos][data-aos-duration="1050"],
.allow-text-animations[data-aos-duration="1050"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-duration="1050"],
.allow-image-animations[data-aos-duration="1050"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-duration="1050"],
.allow-grid-animations[data-aos-duration="1050"] [data-aos] {
transition-duration: 1.05s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="1050"],
.allow-text-animations[data-aos-delay="1050"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-delay="1050"],
.allow-image-animations[data-aos-delay="1050"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-delay="1050"],
.allow-grid-animations[data-aos-delay="1050"] [data-aos] {
transition-delay: 0s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="1050"].aos-animate,
.allow-text-animations[data-aos-delay="1050"] [data-aos].aos-animate,
.allow-image-animations [data-aos][data-aos][data-aos-delay="1050"].aos-animate,
.allow-image-animations[data-aos-delay="1050"] [data-aos].aos-animate,
.allow-grid-animations [data-aos][data-aos][data-aos-delay="1050"].aos-animate,
.allow-grid-animations[data-aos-delay="1050"] [data-aos].aos-animate {
transition-delay: 1.05s;
}
.allow-text-animations [data-aos][data-aos][data-aos-duration="1100"],
.allow-text-animations[data-aos-duration="1100"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-duration="1100"],
.allow-image-animations[data-aos-duration="1100"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-duration="1100"],
.allow-grid-animations[data-aos-duration="1100"] [data-aos] {
transition-duration: 1.1s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="1100"],
.allow-text-animations[data-aos-delay="1100"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-delay="1100"],
.allow-image-animations[data-aos-delay="1100"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-delay="1100"],
.allow-grid-animations[data-aos-delay="1100"] [data-aos] {
transition-delay: 0s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="1100"].aos-animate,
.allow-text-animations[data-aos-delay="1100"] [data-aos].aos-animate,
.allow-image-animations [data-aos][data-aos][data-aos-delay="1100"].aos-animate,
.allow-image-animations[data-aos-delay="1100"] [data-aos].aos-animate,
.allow-grid-animations [data-aos][data-aos][data-aos-delay="1100"].aos-animate,
.allow-grid-animations[data-aos-delay="1100"] [data-aos].aos-animate {
transition-delay: 1.1s;
}
.allow-text-animations [data-aos][data-aos][data-aos-duration="1150"],
.allow-text-animations[data-aos-duration="1150"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-duration="1150"],
.allow-image-animations[data-aos-duration="1150"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-duration="1150"],
.allow-grid-animations[data-aos-duration="1150"] [data-aos] {
transition-duration: 1.15s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="1150"],
.allow-text-animations[data-aos-delay="1150"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-delay="1150"],
.allow-image-animations[data-aos-delay="1150"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-delay="1150"],
.allow-grid-animations[data-aos-delay="1150"] [data-aos] {
transition-delay: 0s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="1150"].aos-animate,
.allow-text-animations[data-aos-delay="1150"] [data-aos].aos-animate,
.allow-image-animations [data-aos][data-aos][data-aos-delay="1150"].aos-animate,
.allow-image-animations[data-aos-delay="1150"] [data-aos].aos-animate,
.allow-grid-animations [data-aos][data-aos][data-aos-delay="1150"].aos-animate,
.allow-grid-animations[data-aos-delay="1150"] [data-aos].aos-animate {
transition-delay: 1.15s;
}
.allow-text-animations [data-aos][data-aos][data-aos-duration="1200"],
.allow-text-animations[data-aos-duration="1200"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-duration="1200"],
.allow-image-animations[data-aos-duration="1200"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-duration="1200"],
.allow-grid-animations[data-aos-duration="1200"] [data-aos] {
transition-duration: 1.2s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="1200"],
.allow-text-animations[data-aos-delay="1200"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-delay="1200"],
.allow-image-animations[data-aos-delay="1200"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-delay="1200"],
.allow-grid-animations[data-aos-delay="1200"] [data-aos] {
transition-delay: 0s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="1200"].aos-animate,
.allow-text-animations[data-aos-delay="1200"] [data-aos].aos-animate,
.allow-image-animations [data-aos][data-aos][data-aos-delay="1200"].aos-animate,
.allow-image-animations[data-aos-delay="1200"] [data-aos].aos-animate,
.allow-grid-animations [data-aos][data-aos][data-aos-delay="1200"].aos-animate,
.allow-grid-animations[data-aos-delay="1200"] [data-aos].aos-animate {
transition-delay: 1.2s;
}
.allow-text-animations [data-aos][data-aos][data-aos-duration="1250"],
.allow-text-animations[data-aos-duration="1250"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-duration="1250"],
.allow-image-animations[data-aos-duration="1250"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-duration="1250"],
.allow-grid-animations[data-aos-duration="1250"] [data-aos] {
transition-duration: 1.25s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="1250"],
.allow-text-animations[data-aos-delay="1250"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-delay="1250"],
.allow-image-animations[data-aos-delay="1250"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-delay="1250"],
.allow-grid-animations[data-aos-delay="1250"] [data-aos] {
transition-delay: 0s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="1250"].aos-animate,
.allow-text-animations[data-aos-delay="1250"] [data-aos].aos-animate,
.allow-image-animations [data-aos][data-aos][data-aos-delay="1250"].aos-animate,
.allow-image-animations[data-aos-delay="1250"] [data-aos].aos-animate,
.allow-grid-animations [data-aos][data-aos][data-aos-delay="1250"].aos-animate,
.allow-grid-animations[data-aos-delay="1250"] [data-aos].aos-animate {
transition-delay: 1.25s;
}
.allow-text-animations [data-aos][data-aos][data-aos-duration="1300"],
.allow-text-animations[data-aos-duration="1300"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-duration="1300"],
.allow-image-animations[data-aos-duration="1300"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-duration="1300"],
.allow-grid-animations[data-aos-duration="1300"] [data-aos] {
transition-duration: 1.3s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="1300"],
.allow-text-animations[data-aos-delay="1300"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-delay="1300"],
.allow-image-animations[data-aos-delay="1300"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-delay="1300"],
.allow-grid-animations[data-aos-delay="1300"] [data-aos] {
transition-delay: 0s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="1300"].aos-animate,
.allow-text-animations[data-aos-delay="1300"] [data-aos].aos-animate,
.allow-image-animations [data-aos][data-aos][data-aos-delay="1300"].aos-animate,
.allow-image-animations[data-aos-delay="1300"] [data-aos].aos-animate,
.allow-grid-animations [data-aos][data-aos][data-aos-delay="1300"].aos-animate,
.allow-grid-animations[data-aos-delay="1300"] [data-aos].aos-animate {
transition-delay: 1.3s;
}
.allow-text-animations [data-aos][data-aos][data-aos-duration="1350"],
.allow-text-animations[data-aos-duration="1350"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-duration="1350"],
.allow-image-animations[data-aos-duration="1350"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-duration="1350"],
.allow-grid-animations[data-aos-duration="1350"] [data-aos] {
transition-duration: 1.35s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="1350"],
.allow-text-animations[data-aos-delay="1350"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-delay="1350"],
.allow-image-animations[data-aos-delay="1350"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-delay="1350"],
.allow-grid-animations[data-aos-delay="1350"] [data-aos] {
transition-delay: 0s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="1350"].aos-animate,
.allow-text-animations[data-aos-delay="1350"] [data-aos].aos-animate,
.allow-image-animations [data-aos][data-aos][data-aos-delay="1350"].aos-animate,
.allow-image-animations[data-aos-delay="1350"] [data-aos].aos-animate,
.allow-grid-animations [data-aos][data-aos][data-aos-delay="1350"].aos-animate,
.allow-grid-animations[data-aos-delay="1350"] [data-aos].aos-animate {
transition-delay: 1.35s;
}
.allow-text-animations [data-aos][data-aos][data-aos-duration="1400"],
.allow-text-animations[data-aos-duration="1400"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-duration="1400"],
.allow-image-animations[data-aos-duration="1400"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-duration="1400"],
.allow-grid-animations[data-aos-duration="1400"] [data-aos] {
transition-duration: 1.4s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="1400"],
.allow-text-animations[data-aos-delay="1400"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-delay="1400"],
.allow-image-animations[data-aos-delay="1400"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-delay="1400"],
.allow-grid-animations[data-aos-delay="1400"] [data-aos] {
transition-delay: 0s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="1400"].aos-animate,
.allow-text-animations[data-aos-delay="1400"] [data-aos].aos-animate,
.allow-image-animations [data-aos][data-aos][data-aos-delay="1400"].aos-animate,
.allow-image-animations[data-aos-delay="1400"] [data-aos].aos-animate,
.allow-grid-animations [data-aos][data-aos][data-aos-delay="1400"].aos-animate,
.allow-grid-animations[data-aos-delay="1400"] [data-aos].aos-animate {
transition-delay: 1.4s;
}
.allow-text-animations [data-aos][data-aos][data-aos-duration="1450"],
.allow-text-animations[data-aos-duration="1450"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-duration="1450"],
.allow-image-animations[data-aos-duration="1450"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-duration="1450"],
.allow-grid-animations[data-aos-duration="1450"] [data-aos] {
transition-duration: 1.45s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="1450"],
.allow-text-animations[data-aos-delay="1450"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-delay="1450"],
.allow-image-animations[data-aos-delay="1450"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-delay="1450"],
.allow-grid-animations[data-aos-delay="1450"] [data-aos] {
transition-delay: 0s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="1450"].aos-animate,
.allow-text-animations[data-aos-delay="1450"] [data-aos].aos-animate,
.allow-image-animations [data-aos][data-aos][data-aos-delay="1450"].aos-animate,
.allow-image-animations[data-aos-delay="1450"] [data-aos].aos-animate,
.allow-grid-animations [data-aos][data-aos][data-aos-delay="1450"].aos-animate,
.allow-grid-animations[data-aos-delay="1450"] [data-aos].aos-animate {
transition-delay: 1.45s;
}
.allow-text-animations [data-aos][data-aos][data-aos-duration="1500"],
.allow-text-animations[data-aos-duration="1500"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-duration="1500"],
.allow-image-animations[data-aos-duration="1500"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-duration="1500"],
.allow-grid-animations[data-aos-duration="1500"] [data-aos] {
transition-duration: 1.5s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="1500"],
.allow-text-animations[data-aos-delay="1500"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-delay="1500"],
.allow-image-animations[data-aos-delay="1500"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-delay="1500"],
.allow-grid-animations[data-aos-delay="1500"] [data-aos] {
transition-delay: 0s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="1500"].aos-animate,
.allow-text-animations[data-aos-delay="1500"] [data-aos].aos-animate,
.allow-image-animations [data-aos][data-aos][data-aos-delay="1500"].aos-animate,
.allow-image-animations[data-aos-delay="1500"] [data-aos].aos-animate,
.allow-grid-animations [data-aos][data-aos][data-aos-delay="1500"].aos-animate,
.allow-grid-animations[data-aos-delay="1500"] [data-aos].aos-animate {
transition-delay: 1.5s;
}
.allow-text-animations [data-aos][data-aos][data-aos-duration="1550"],
.allow-text-animations[data-aos-duration="1550"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-duration="1550"],
.allow-image-animations[data-aos-duration="1550"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-duration="1550"],
.allow-grid-animations[data-aos-duration="1550"] [data-aos] {
transition-duration: 1.55s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="1550"],
.allow-text-animations[data-aos-delay="1550"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-delay="1550"],
.allow-image-animations[data-aos-delay="1550"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-delay="1550"],
.allow-grid-animations[data-aos-delay="1550"] [data-aos] {
transition-delay: 0s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="1550"].aos-animate,
.allow-text-animations[data-aos-delay="1550"] [data-aos].aos-animate,
.allow-image-animations [data-aos][data-aos][data-aos-delay="1550"].aos-animate,
.allow-image-animations[data-aos-delay="1550"] [data-aos].aos-animate,
.allow-grid-animations [data-aos][data-aos][data-aos-delay="1550"].aos-animate,
.allow-grid-animations[data-aos-delay="1550"] [data-aos].aos-animate {
transition-delay: 1.55s;
}
.allow-text-animations [data-aos][data-aos][data-aos-duration="1600"],
.allow-text-animations[data-aos-duration="1600"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-duration="1600"],
.allow-image-animations[data-aos-duration="1600"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-duration="1600"],
.allow-grid-animations[data-aos-duration="1600"] [data-aos] {
transition-duration: 1.6s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="1600"],
.allow-text-animations[data-aos-delay="1600"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-delay="1600"],
.allow-image-animations[data-aos-delay="1600"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-delay="1600"],
.allow-grid-animations[data-aos-delay="1600"] [data-aos] {
transition-delay: 0s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="1600"].aos-animate,
.allow-text-animations[data-aos-delay="1600"] [data-aos].aos-animate,
.allow-image-animations [data-aos][data-aos][data-aos-delay="1600"].aos-animate,
.allow-image-animations[data-aos-delay="1600"] [data-aos].aos-animate,
.allow-grid-animations [data-aos][data-aos][data-aos-delay="1600"].aos-animate,
.allow-grid-animations[data-aos-delay="1600"] [data-aos].aos-animate {
transition-delay: 1.6s;
}
.allow-text-animations [data-aos][data-aos][data-aos-duration="1650"],
.allow-text-animations[data-aos-duration="1650"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-duration="1650"],
.allow-image-animations[data-aos-duration="1650"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-duration="1650"],
.allow-grid-animations[data-aos-duration="1650"] [data-aos] {
transition-duration: 1.65s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="1650"],
.allow-text-animations[data-aos-delay="1650"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-delay="1650"],
.allow-image-animations[data-aos-delay="1650"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-delay="1650"],
.allow-grid-animations[data-aos-delay="1650"] [data-aos] {
transition-delay: 0s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="1650"].aos-animate,
.allow-text-animations[data-aos-delay="1650"] [data-aos].aos-animate,
.allow-image-animations [data-aos][data-aos][data-aos-delay="1650"].aos-animate,
.allow-image-animations[data-aos-delay="1650"] [data-aos].aos-animate,
.allow-grid-animations [data-aos][data-aos][data-aos-delay="1650"].aos-animate,
.allow-grid-animations[data-aos-delay="1650"] [data-aos].aos-animate {
transition-delay: 1.65s;
}
.allow-text-animations [data-aos][data-aos][data-aos-duration="1700"],
.allow-text-animations[data-aos-duration="1700"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-duration="1700"],
.allow-image-animations[data-aos-duration="1700"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-duration="1700"],
.allow-grid-animations[data-aos-duration="1700"] [data-aos] {
transition-duration: 1.7s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="1700"],
.allow-text-animations[data-aos-delay="1700"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-delay="1700"],
.allow-image-animations[data-aos-delay="1700"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-delay="1700"],
.allow-grid-animations[data-aos-delay="1700"] [data-aos] {
transition-delay: 0s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="1700"].aos-animate,
.allow-text-animations[data-aos-delay="1700"] [data-aos].aos-animate,
.allow-image-animations [data-aos][data-aos][data-aos-delay="1700"].aos-animate,
.allow-image-animations[data-aos-delay="1700"] [data-aos].aos-animate,
.allow-grid-animations [data-aos][data-aos][data-aos-delay="1700"].aos-animate,
.allow-grid-animations[data-aos-delay="1700"] [data-aos].aos-animate {
transition-delay: 1.7s;
}
.allow-text-animations [data-aos][data-aos][data-aos-duration="1750"],
.allow-text-animations[data-aos-duration="1750"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-duration="1750"],
.allow-image-animations[data-aos-duration="1750"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-duration="1750"],
.allow-grid-animations[data-aos-duration="1750"] [data-aos] {
transition-duration: 1.75s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="1750"],
.allow-text-animations[data-aos-delay="1750"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-delay="1750"],
.allow-image-animations[data-aos-delay="1750"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-delay="1750"],
.allow-grid-animations[data-aos-delay="1750"] [data-aos] {
transition-delay: 0s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="1750"].aos-animate,
.allow-text-animations[data-aos-delay="1750"] [data-aos].aos-animate,
.allow-image-animations [data-aos][data-aos][data-aos-delay="1750"].aos-animate,
.allow-image-animations[data-aos-delay="1750"] [data-aos].aos-animate,
.allow-grid-animations [data-aos][data-aos][data-aos-delay="1750"].aos-animate,
.allow-grid-animations[data-aos-delay="1750"] [data-aos].aos-animate {
transition-delay: 1.75s;
}
.allow-text-animations [data-aos][data-aos][data-aos-duration="1800"],
.allow-text-animations[data-aos-duration="1800"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-duration="1800"],
.allow-image-animations[data-aos-duration="1800"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-duration="1800"],
.allow-grid-animations[data-aos-duration="1800"] [data-aos] {
transition-duration: 1.8s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="1800"],
.allow-text-animations[data-aos-delay="1800"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-delay="1800"],
.allow-image-animations[data-aos-delay="1800"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-delay="1800"],
.allow-grid-animations[data-aos-delay="1800"] [data-aos] {
transition-delay: 0s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="1800"].aos-animate,
.allow-text-animations[data-aos-delay="1800"] [data-aos].aos-animate,
.allow-image-animations [data-aos][data-aos][data-aos-delay="1800"].aos-animate,
.allow-image-animations[data-aos-delay="1800"] [data-aos].aos-animate,
.allow-grid-animations [data-aos][data-aos][data-aos-delay="1800"].aos-animate,
.allow-grid-animations[data-aos-delay="1800"] [data-aos].aos-animate {
transition-delay: 1.8s;
}
.allow-text-animations [data-aos][data-aos][data-aos-duration="1850"],
.allow-text-animations[data-aos-duration="1850"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-duration="1850"],
.allow-image-animations[data-aos-duration="1850"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-duration="1850"],
.allow-grid-animations[data-aos-duration="1850"] [data-aos] {
transition-duration: 1.85s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="1850"],
.allow-text-animations[data-aos-delay="1850"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-delay="1850"],
.allow-image-animations[data-aos-delay="1850"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-delay="1850"],
.allow-grid-animations[data-aos-delay="1850"] [data-aos] {
transition-delay: 0s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="1850"].aos-animate,
.allow-text-animations[data-aos-delay="1850"] [data-aos].aos-animate,
.allow-image-animations [data-aos][data-aos][data-aos-delay="1850"].aos-animate,
.allow-image-animations[data-aos-delay="1850"] [data-aos].aos-animate,
.allow-grid-animations [data-aos][data-aos][data-aos-delay="1850"].aos-animate,
.allow-grid-animations[data-aos-delay="1850"] [data-aos].aos-animate {
transition-delay: 1.85s;
}
.allow-text-animations [data-aos][data-aos][data-aos-duration="1900"],
.allow-text-animations[data-aos-duration="1900"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-duration="1900"],
.allow-image-animations[data-aos-duration="1900"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-duration="1900"],
.allow-grid-animations[data-aos-duration="1900"] [data-aos] {
transition-duration: 1.9s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="1900"],
.allow-text-animations[data-aos-delay="1900"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-delay="1900"],
.allow-image-animations[data-aos-delay="1900"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-delay="1900"],
.allow-grid-animations[data-aos-delay="1900"] [data-aos] {
transition-delay: 0s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="1900"].aos-animate,
.allow-text-animations[data-aos-delay="1900"] [data-aos].aos-animate,
.allow-image-animations [data-aos][data-aos][data-aos-delay="1900"].aos-animate,
.allow-image-animations[data-aos-delay="1900"] [data-aos].aos-animate,
.allow-grid-animations [data-aos][data-aos][data-aos-delay="1900"].aos-animate,
.allow-grid-animations[data-aos-delay="1900"] [data-aos].aos-animate {
transition-delay: 1.9s;
}
.allow-text-animations [data-aos][data-aos][data-aos-duration="1950"],
.allow-text-animations[data-aos-duration="1950"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-duration="1950"],
.allow-image-animations[data-aos-duration="1950"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-duration="1950"],
.allow-grid-animations[data-aos-duration="1950"] [data-aos] {
transition-duration: 1.95s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="1950"],
.allow-text-animations[data-aos-delay="1950"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-delay="1950"],
.allow-image-animations[data-aos-delay="1950"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-delay="1950"],
.allow-grid-animations[data-aos-delay="1950"] [data-aos] {
transition-delay: 0s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="1950"].aos-animate,
.allow-text-animations[data-aos-delay="1950"] [data-aos].aos-animate,
.allow-image-animations [data-aos][data-aos][data-aos-delay="1950"].aos-animate,
.allow-image-animations[data-aos-delay="1950"] [data-aos].aos-animate,
.allow-grid-animations [data-aos][data-aos][data-aos-delay="1950"].aos-animate,
.allow-grid-animations[data-aos-delay="1950"] [data-aos].aos-animate {
transition-delay: 1.95s;
}
.allow-text-animations [data-aos][data-aos][data-aos-duration="2000"],
.allow-text-animations[data-aos-duration="2000"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-duration="2000"],
.allow-image-animations[data-aos-duration="2000"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-duration="2000"],
.allow-grid-animations[data-aos-duration="2000"] [data-aos] {
transition-duration: 2s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="2000"],
.allow-text-animations[data-aos-delay="2000"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-delay="2000"],
.allow-image-animations[data-aos-delay="2000"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-delay="2000"],
.allow-grid-animations[data-aos-delay="2000"] [data-aos] {
transition-delay: 0s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="2000"].aos-animate,
.allow-text-animations[data-aos-delay="2000"] [data-aos].aos-animate,
.allow-image-animations [data-aos][data-aos][data-aos-delay="2000"].aos-animate,
.allow-image-animations[data-aos-delay="2000"] [data-aos].aos-animate,
.allow-grid-animations [data-aos][data-aos][data-aos-delay="2000"].aos-animate,
.allow-grid-animations[data-aos-delay="2000"] [data-aos].aos-animate {
transition-delay: 2s;
}
.allow-text-animations [data-aos][data-aos][data-aos-duration="2050"],
.allow-text-animations[data-aos-duration="2050"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-duration="2050"],
.allow-image-animations[data-aos-duration="2050"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-duration="2050"],
.allow-grid-animations[data-aos-duration="2050"] [data-aos] {
transition-duration: 2.05s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="2050"],
.allow-text-animations[data-aos-delay="2050"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-delay="2050"],
.allow-image-animations[data-aos-delay="2050"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-delay="2050"],
.allow-grid-animations[data-aos-delay="2050"] [data-aos] {
transition-delay: 0s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="2050"].aos-animate,
.allow-text-animations[data-aos-delay="2050"] [data-aos].aos-animate,
.allow-image-animations [data-aos][data-aos][data-aos-delay="2050"].aos-animate,
.allow-image-animations[data-aos-delay="2050"] [data-aos].aos-animate,
.allow-grid-animations [data-aos][data-aos][data-aos-delay="2050"].aos-animate,
.allow-grid-animations[data-aos-delay="2050"] [data-aos].aos-animate {
transition-delay: 2.05s;
}
.allow-text-animations [data-aos][data-aos][data-aos-duration="2100"],
.allow-text-animations[data-aos-duration="2100"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-duration="2100"],
.allow-image-animations[data-aos-duration="2100"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-duration="2100"],
.allow-grid-animations[data-aos-duration="2100"] [data-aos] {
transition-duration: 2.1s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="2100"],
.allow-text-animations[data-aos-delay="2100"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-delay="2100"],
.allow-image-animations[data-aos-delay="2100"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-delay="2100"],
.allow-grid-animations[data-aos-delay="2100"] [data-aos] {
transition-delay: 0s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="2100"].aos-animate,
.allow-text-animations[data-aos-delay="2100"] [data-aos].aos-animate,
.allow-image-animations [data-aos][data-aos][data-aos-delay="2100"].aos-animate,
.allow-image-animations[data-aos-delay="2100"] [data-aos].aos-animate,
.allow-grid-animations [data-aos][data-aos][data-aos-delay="2100"].aos-animate,
.allow-grid-animations[data-aos-delay="2100"] [data-aos].aos-animate {
transition-delay: 2.1s;
}
.allow-text-animations [data-aos][data-aos][data-aos-duration="2150"],
.allow-text-animations[data-aos-duration="2150"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-duration="2150"],
.allow-image-animations[data-aos-duration="2150"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-duration="2150"],
.allow-grid-animations[data-aos-duration="2150"] [data-aos] {
transition-duration: 2.15s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="2150"],
.allow-text-animations[data-aos-delay="2150"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-delay="2150"],
.allow-image-animations[data-aos-delay="2150"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-delay="2150"],
.allow-grid-animations[data-aos-delay="2150"] [data-aos] {
transition-delay: 0s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="2150"].aos-animate,
.allow-text-animations[data-aos-delay="2150"] [data-aos].aos-animate,
.allow-image-animations [data-aos][data-aos][data-aos-delay="2150"].aos-animate,
.allow-image-animations[data-aos-delay="2150"] [data-aos].aos-animate,
.allow-grid-animations [data-aos][data-aos][data-aos-delay="2150"].aos-animate,
.allow-grid-animations[data-aos-delay="2150"] [data-aos].aos-animate {
transition-delay: 2.15s;
}
.allow-text-animations [data-aos][data-aos][data-aos-duration="2200"],
.allow-text-animations[data-aos-duration="2200"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-duration="2200"],
.allow-image-animations[data-aos-duration="2200"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-duration="2200"],
.allow-grid-animations[data-aos-duration="2200"] [data-aos] {
transition-duration: 2.2s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="2200"],
.allow-text-animations[data-aos-delay="2200"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-delay="2200"],
.allow-image-animations[data-aos-delay="2200"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-delay="2200"],
.allow-grid-animations[data-aos-delay="2200"] [data-aos] {
transition-delay: 0s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="2200"].aos-animate,
.allow-text-animations[data-aos-delay="2200"] [data-aos].aos-animate,
.allow-image-animations [data-aos][data-aos][data-aos-delay="2200"].aos-animate,
.allow-image-animations[data-aos-delay="2200"] [data-aos].aos-animate,
.allow-grid-animations [data-aos][data-aos][data-aos-delay="2200"].aos-animate,
.allow-grid-animations[data-aos-delay="2200"] [data-aos].aos-animate {
transition-delay: 2.2s;
}
.allow-text-animations [data-aos][data-aos][data-aos-duration="2250"],
.allow-text-animations[data-aos-duration="2250"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-duration="2250"],
.allow-image-animations[data-aos-duration="2250"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-duration="2250"],
.allow-grid-animations[data-aos-duration="2250"] [data-aos] {
transition-duration: 2.25s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="2250"],
.allow-text-animations[data-aos-delay="2250"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-delay="2250"],
.allow-image-animations[data-aos-delay="2250"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-delay="2250"],
.allow-grid-animations[data-aos-delay="2250"] [data-aos] {
transition-delay: 0s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="2250"].aos-animate,
.allow-text-animations[data-aos-delay="2250"] [data-aos].aos-animate,
.allow-image-animations [data-aos][data-aos][data-aos-delay="2250"].aos-animate,
.allow-image-animations[data-aos-delay="2250"] [data-aos].aos-animate,
.allow-grid-animations [data-aos][data-aos][data-aos-delay="2250"].aos-animate,
.allow-grid-animations[data-aos-delay="2250"] [data-aos].aos-animate {
transition-delay: 2.25s;
}
.allow-text-animations [data-aos][data-aos][data-aos-duration="2300"],
.allow-text-animations[data-aos-duration="2300"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-duration="2300"],
.allow-image-animations[data-aos-duration="2300"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-duration="2300"],
.allow-grid-animations[data-aos-duration="2300"] [data-aos] {
transition-duration: 2.3s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="2300"],
.allow-text-animations[data-aos-delay="2300"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-delay="2300"],
.allow-image-animations[data-aos-delay="2300"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-delay="2300"],
.allow-grid-animations[data-aos-delay="2300"] [data-aos] {
transition-delay: 0s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="2300"].aos-animate,
.allow-text-animations[data-aos-delay="2300"] [data-aos].aos-animate,
.allow-image-animations [data-aos][data-aos][data-aos-delay="2300"].aos-animate,
.allow-image-animations[data-aos-delay="2300"] [data-aos].aos-animate,
.allow-grid-animations [data-aos][data-aos][data-aos-delay="2300"].aos-animate,
.allow-grid-animations[data-aos-delay="2300"] [data-aos].aos-animate {
transition-delay: 2.3s;
}
.allow-text-animations [data-aos][data-aos][data-aos-duration="2350"],
.allow-text-animations[data-aos-duration="2350"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-duration="2350"],
.allow-image-animations[data-aos-duration="2350"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-duration="2350"],
.allow-grid-animations[data-aos-duration="2350"] [data-aos] {
transition-duration: 2.35s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="2350"],
.allow-text-animations[data-aos-delay="2350"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-delay="2350"],
.allow-image-animations[data-aos-delay="2350"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-delay="2350"],
.allow-grid-animations[data-aos-delay="2350"] [data-aos] {
transition-delay: 0s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="2350"].aos-animate,
.allow-text-animations[data-aos-delay="2350"] [data-aos].aos-animate,
.allow-image-animations [data-aos][data-aos][data-aos-delay="2350"].aos-animate,
.allow-image-animations[data-aos-delay="2350"] [data-aos].aos-animate,
.allow-grid-animations [data-aos][data-aos][data-aos-delay="2350"].aos-animate,
.allow-grid-animations[data-aos-delay="2350"] [data-aos].aos-animate {
transition-delay: 2.35s;
}
.allow-text-animations [data-aos][data-aos][data-aos-duration="2400"],
.allow-text-animations[data-aos-duration="2400"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-duration="2400"],
.allow-image-animations[data-aos-duration="2400"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-duration="2400"],
.allow-grid-animations[data-aos-duration="2400"] [data-aos] {
transition-duration: 2.4s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="2400"],
.allow-text-animations[data-aos-delay="2400"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-delay="2400"],
.allow-image-animations[data-aos-delay="2400"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-delay="2400"],
.allow-grid-animations[data-aos-delay="2400"] [data-aos] {
transition-delay: 0s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="2400"].aos-animate,
.allow-text-animations[data-aos-delay="2400"] [data-aos].aos-animate,
.allow-image-animations [data-aos][data-aos][data-aos-delay="2400"].aos-animate,
.allow-image-animations[data-aos-delay="2400"] [data-aos].aos-animate,
.allow-grid-animations [data-aos][data-aos][data-aos-delay="2400"].aos-animate,
.allow-grid-animations[data-aos-delay="2400"] [data-aos].aos-animate {
transition-delay: 2.4s;
}
.allow-text-animations [data-aos][data-aos][data-aos-duration="2450"],
.allow-text-animations[data-aos-duration="2450"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-duration="2450"],
.allow-image-animations[data-aos-duration="2450"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-duration="2450"],
.allow-grid-animations[data-aos-duration="2450"] [data-aos] {
transition-duration: 2.45s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="2450"],
.allow-text-animations[data-aos-delay="2450"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-delay="2450"],
.allow-image-animations[data-aos-delay="2450"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-delay="2450"],
.allow-grid-animations[data-aos-delay="2450"] [data-aos] {
transition-delay: 0s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="2450"].aos-animate,
.allow-text-animations[data-aos-delay="2450"] [data-aos].aos-animate,
.allow-image-animations [data-aos][data-aos][data-aos-delay="2450"].aos-animate,
.allow-image-animations[data-aos-delay="2450"] [data-aos].aos-animate,
.allow-grid-animations [data-aos][data-aos][data-aos-delay="2450"].aos-animate,
.allow-grid-animations[data-aos-delay="2450"] [data-aos].aos-animate {
transition-delay: 2.45s;
}
.allow-text-animations [data-aos][data-aos][data-aos-duration="2500"],
.allow-text-animations[data-aos-duration="2500"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-duration="2500"],
.allow-image-animations[data-aos-duration="2500"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-duration="2500"],
.allow-grid-animations[data-aos-duration="2500"] [data-aos] {
transition-duration: 2.5s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="2500"],
.allow-text-animations[data-aos-delay="2500"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-delay="2500"],
.allow-image-animations[data-aos-delay="2500"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-delay="2500"],
.allow-grid-animations[data-aos-delay="2500"] [data-aos] {
transition-delay: 0s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="2500"].aos-animate,
.allow-text-animations[data-aos-delay="2500"] [data-aos].aos-animate,
.allow-image-animations [data-aos][data-aos][data-aos-delay="2500"].aos-animate,
.allow-image-animations[data-aos-delay="2500"] [data-aos].aos-animate,
.allow-grid-animations [data-aos][data-aos][data-aos-delay="2500"].aos-animate,
.allow-grid-animations[data-aos-delay="2500"] [data-aos].aos-animate {
transition-delay: 2.5s;
}
.allow-text-animations [data-aos][data-aos][data-aos-duration="2550"],
.allow-text-animations[data-aos-duration="2550"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-duration="2550"],
.allow-image-animations[data-aos-duration="2550"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-duration="2550"],
.allow-grid-animations[data-aos-duration="2550"] [data-aos] {
transition-duration: 2.55s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="2550"],
.allow-text-animations[data-aos-delay="2550"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-delay="2550"],
.allow-image-animations[data-aos-delay="2550"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-delay="2550"],
.allow-grid-animations[data-aos-delay="2550"] [data-aos] {
transition-delay: 0s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="2550"].aos-animate,
.allow-text-animations[data-aos-delay="2550"] [data-aos].aos-animate,
.allow-image-animations [data-aos][data-aos][data-aos-delay="2550"].aos-animate,
.allow-image-animations[data-aos-delay="2550"] [data-aos].aos-animate,
.allow-grid-animations [data-aos][data-aos][data-aos-delay="2550"].aos-animate,
.allow-grid-animations[data-aos-delay="2550"] [data-aos].aos-animate {
transition-delay: 2.55s;
}
.allow-text-animations [data-aos][data-aos][data-aos-duration="2600"],
.allow-text-animations[data-aos-duration="2600"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-duration="2600"],
.allow-image-animations[data-aos-duration="2600"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-duration="2600"],
.allow-grid-animations[data-aos-duration="2600"] [data-aos] {
transition-duration: 2.6s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="2600"],
.allow-text-animations[data-aos-delay="2600"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-delay="2600"],
.allow-image-animations[data-aos-delay="2600"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-delay="2600"],
.allow-grid-animations[data-aos-delay="2600"] [data-aos] {
transition-delay: 0s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="2600"].aos-animate,
.allow-text-animations[data-aos-delay="2600"] [data-aos].aos-animate,
.allow-image-animations [data-aos][data-aos][data-aos-delay="2600"].aos-animate,
.allow-image-animations[data-aos-delay="2600"] [data-aos].aos-animate,
.allow-grid-animations [data-aos][data-aos][data-aos-delay="2600"].aos-animate,
.allow-grid-animations[data-aos-delay="2600"] [data-aos].aos-animate {
transition-delay: 2.6s;
}
.allow-text-animations [data-aos][data-aos][data-aos-duration="2650"],
.allow-text-animations[data-aos-duration="2650"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-duration="2650"],
.allow-image-animations[data-aos-duration="2650"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-duration="2650"],
.allow-grid-animations[data-aos-duration="2650"] [data-aos] {
transition-duration: 2.65s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="2650"],
.allow-text-animations[data-aos-delay="2650"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-delay="2650"],
.allow-image-animations[data-aos-delay="2650"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-delay="2650"],
.allow-grid-animations[data-aos-delay="2650"] [data-aos] {
transition-delay: 0s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="2650"].aos-animate,
.allow-text-animations[data-aos-delay="2650"] [data-aos].aos-animate,
.allow-image-animations [data-aos][data-aos][data-aos-delay="2650"].aos-animate,
.allow-image-animations[data-aos-delay="2650"] [data-aos].aos-animate,
.allow-grid-animations [data-aos][data-aos][data-aos-delay="2650"].aos-animate,
.allow-grid-animations[data-aos-delay="2650"] [data-aos].aos-animate {
transition-delay: 2.65s;
}
.allow-text-animations [data-aos][data-aos][data-aos-duration="2700"],
.allow-text-animations[data-aos-duration="2700"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-duration="2700"],
.allow-image-animations[data-aos-duration="2700"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-duration="2700"],
.allow-grid-animations[data-aos-duration="2700"] [data-aos] {
transition-duration: 2.7s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="2700"],
.allow-text-animations[data-aos-delay="2700"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-delay="2700"],
.allow-image-animations[data-aos-delay="2700"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-delay="2700"],
.allow-grid-animations[data-aos-delay="2700"] [data-aos] {
transition-delay: 0s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="2700"].aos-animate,
.allow-text-animations[data-aos-delay="2700"] [data-aos].aos-animate,
.allow-image-animations [data-aos][data-aos][data-aos-delay="2700"].aos-animate,
.allow-image-animations[data-aos-delay="2700"] [data-aos].aos-animate,
.allow-grid-animations [data-aos][data-aos][data-aos-delay="2700"].aos-animate,
.allow-grid-animations[data-aos-delay="2700"] [data-aos].aos-animate {
transition-delay: 2.7s;
}
.allow-text-animations [data-aos][data-aos][data-aos-duration="2750"],
.allow-text-animations[data-aos-duration="2750"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-duration="2750"],
.allow-image-animations[data-aos-duration="2750"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-duration="2750"],
.allow-grid-animations[data-aos-duration="2750"] [data-aos] {
transition-duration: 2.75s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="2750"],
.allow-text-animations[data-aos-delay="2750"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-delay="2750"],
.allow-image-animations[data-aos-delay="2750"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-delay="2750"],
.allow-grid-animations[data-aos-delay="2750"] [data-aos] {
transition-delay: 0s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="2750"].aos-animate,
.allow-text-animations[data-aos-delay="2750"] [data-aos].aos-animate,
.allow-image-animations [data-aos][data-aos][data-aos-delay="2750"].aos-animate,
.allow-image-animations[data-aos-delay="2750"] [data-aos].aos-animate,
.allow-grid-animations [data-aos][data-aos][data-aos-delay="2750"].aos-animate,
.allow-grid-animations[data-aos-delay="2750"] [data-aos].aos-animate {
transition-delay: 2.75s;
}
.allow-text-animations [data-aos][data-aos][data-aos-duration="2800"],
.allow-text-animations[data-aos-duration="2800"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-duration="2800"],
.allow-image-animations[data-aos-duration="2800"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-duration="2800"],
.allow-grid-animations[data-aos-duration="2800"] [data-aos] {
transition-duration: 2.8s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="2800"],
.allow-text-animations[data-aos-delay="2800"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-delay="2800"],
.allow-image-animations[data-aos-delay="2800"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-delay="2800"],
.allow-grid-animations[data-aos-delay="2800"] [data-aos] {
transition-delay: 0s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="2800"].aos-animate,
.allow-text-animations[data-aos-delay="2800"] [data-aos].aos-animate,
.allow-image-animations [data-aos][data-aos][data-aos-delay="2800"].aos-animate,
.allow-image-animations[data-aos-delay="2800"] [data-aos].aos-animate,
.allow-grid-animations [data-aos][data-aos][data-aos-delay="2800"].aos-animate,
.allow-grid-animations[data-aos-delay="2800"] [data-aos].aos-animate {
transition-delay: 2.8s;
}
.allow-text-animations [data-aos][data-aos][data-aos-duration="2850"],
.allow-text-animations[data-aos-duration="2850"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-duration="2850"],
.allow-image-animations[data-aos-duration="2850"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-duration="2850"],
.allow-grid-animations[data-aos-duration="2850"] [data-aos] {
transition-duration: 2.85s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="2850"],
.allow-text-animations[data-aos-delay="2850"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-delay="2850"],
.allow-image-animations[data-aos-delay="2850"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-delay="2850"],
.allow-grid-animations[data-aos-delay="2850"] [data-aos] {
transition-delay: 0s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="2850"].aos-animate,
.allow-text-animations[data-aos-delay="2850"] [data-aos].aos-animate,
.allow-image-animations [data-aos][data-aos][data-aos-delay="2850"].aos-animate,
.allow-image-animations[data-aos-delay="2850"] [data-aos].aos-animate,
.allow-grid-animations [data-aos][data-aos][data-aos-delay="2850"].aos-animate,
.allow-grid-animations[data-aos-delay="2850"] [data-aos].aos-animate {
transition-delay: 2.85s;
}
.allow-text-animations [data-aos][data-aos][data-aos-duration="2900"],
.allow-text-animations[data-aos-duration="2900"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-duration="2900"],
.allow-image-animations[data-aos-duration="2900"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-duration="2900"],
.allow-grid-animations[data-aos-duration="2900"] [data-aos] {
transition-duration: 2.9s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="2900"],
.allow-text-animations[data-aos-delay="2900"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-delay="2900"],
.allow-image-animations[data-aos-delay="2900"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-delay="2900"],
.allow-grid-animations[data-aos-delay="2900"] [data-aos] {
transition-delay: 0s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="2900"].aos-animate,
.allow-text-animations[data-aos-delay="2900"] [data-aos].aos-animate,
.allow-image-animations [data-aos][data-aos][data-aos-delay="2900"].aos-animate,
.allow-image-animations[data-aos-delay="2900"] [data-aos].aos-animate,
.allow-grid-animations [data-aos][data-aos][data-aos-delay="2900"].aos-animate,
.allow-grid-animations[data-aos-delay="2900"] [data-aos].aos-animate {
transition-delay: 2.9s;
}
.allow-text-animations [data-aos][data-aos][data-aos-duration="2950"],
.allow-text-animations[data-aos-duration="2950"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-duration="2950"],
.allow-image-animations[data-aos-duration="2950"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-duration="2950"],
.allow-grid-animations[data-aos-duration="2950"] [data-aos] {
transition-duration: 2.95s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="2950"],
.allow-text-animations[data-aos-delay="2950"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-delay="2950"],
.allow-image-animations[data-aos-delay="2950"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-delay="2950"],
.allow-grid-animations[data-aos-delay="2950"] [data-aos] {
transition-delay: 0s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="2950"].aos-animate,
.allow-text-animations[data-aos-delay="2950"] [data-aos].aos-animate,
.allow-image-animations [data-aos][data-aos][data-aos-delay="2950"].aos-animate,
.allow-image-animations[data-aos-delay="2950"] [data-aos].aos-animate,
.allow-grid-animations [data-aos][data-aos][data-aos-delay="2950"].aos-animate,
.allow-grid-animations[data-aos-delay="2950"] [data-aos].aos-animate {
transition-delay: 2.95s;
}
.allow-text-animations [data-aos][data-aos][data-aos-duration="3000"],
.allow-text-animations[data-aos-duration="3000"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-duration="3000"],
.allow-image-animations[data-aos-duration="3000"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-duration="3000"],
.allow-grid-animations[data-aos-duration="3000"] [data-aos] {
transition-duration: 3s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="3000"],
.allow-text-animations[data-aos-delay="3000"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-delay="3000"],
.allow-image-animations[data-aos-delay="3000"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-delay="3000"],
.allow-grid-animations[data-aos-delay="3000"] [data-aos] {
transition-delay: 0s;
}
.allow-text-animations [data-aos][data-aos][data-aos-delay="3000"].aos-animate,
.allow-text-animations[data-aos-delay="3000"] [data-aos].aos-animate,
.allow-image-animations [data-aos][data-aos][data-aos-delay="3000"].aos-animate,
.allow-image-animations[data-aos-delay="3000"] [data-aos].aos-animate,
.allow-grid-animations [data-aos][data-aos][data-aos-delay="3000"].aos-animate,
.allow-grid-animations[data-aos-delay="3000"] [data-aos].aos-animate {
transition-delay: 3s;
}
.allow-text-animations [data-aos][data-aos][data-aos-easing="linear"],
.allow-text-animations[data-aos-easing="linear"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-easing="linear"],
.allow-image-animations[data-aos-easing="linear"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-easing="linear"],
.allow-grid-animations[data-aos-easing="linear"] [data-aos] {
transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
.allow-text-animations [data-aos][data-aos][data-aos-easing="ease"],
.allow-text-animations[data-aos-easing="ease"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-easing="ease"],
.allow-image-animations[data-aos-easing="ease"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-easing="ease"],
.allow-grid-animations[data-aos-easing="ease"] [data-aos] {
transition-timing-function: ease;
}
.allow-text-animations [data-aos][data-aos][data-aos-easing="ease-in"],
.allow-text-animations[data-aos-easing="ease-in"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-easing="ease-in"],
.allow-image-animations[data-aos-easing="ease-in"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-easing="ease-in"],
.allow-grid-animations[data-aos-easing="ease-in"] [data-aos] {
transition-timing-function: ease-in;
}
.allow-text-animations [data-aos][data-aos][data-aos-easing="ease-out"],
.allow-text-animations[data-aos-easing="ease-out"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-easing="ease-out"],
.allow-image-animations[data-aos-easing="ease-out"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-easing="ease-out"],
.allow-grid-animations[data-aos-easing="ease-out"] [data-aos] {
transition-timing-function: ease-out;
}
.allow-text-animations [data-aos][data-aos][data-aos-easing="ease-in-out"],
.allow-text-animations[data-aos-easing="ease-in-out"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-easing="ease-in-out"],
.allow-image-animations[data-aos-easing="ease-in-out"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-easing="ease-in-out"],
.allow-grid-animations[data-aos-easing="ease-in-out"] [data-aos] {
transition-timing-function: ease-in-out;
}
.allow-text-animations [data-aos][data-aos][data-aos-easing="ease-in-back"],
.allow-text-animations[data-aos-easing="ease-in-back"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-easing="ease-in-back"],
.allow-image-animations[data-aos-easing="ease-in-back"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-easing="ease-in-back"],
.allow-grid-animations[data-aos-easing="ease-in-back"] [data-aos] {
transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
.allow-text-animations [data-aos][data-aos][data-aos-easing="ease-out-back"],
.allow-text-animations[data-aos-easing="ease-out-back"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-easing="ease-out-back"],
.allow-image-animations[data-aos-easing="ease-out-back"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-easing="ease-out-back"],
.allow-grid-animations[data-aos-easing="ease-out-back"] [data-aos] {
transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.allow-text-animations [data-aos][data-aos][data-aos-easing="ease-in-out-back"],
.allow-text-animations[data-aos-easing="ease-in-out-back"] [data-aos],
.allow-image-animations
[data-aos][data-aos][data-aos-easing="ease-in-out-back"],
.allow-image-animations[data-aos-easing="ease-in-out-back"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-easing="ease-in-out-back"],
.allow-grid-animations[data-aos-easing="ease-in-out-back"] [data-aos] {
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.allow-text-animations [data-aos][data-aos][data-aos-easing="ease-in-sine"],
.allow-text-animations[data-aos-easing="ease-in-sine"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-easing="ease-in-sine"],
.allow-image-animations[data-aos-easing="ease-in-sine"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-easing="ease-in-sine"],
.allow-grid-animations[data-aos-easing="ease-in-sine"] [data-aos] {
transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}
.allow-text-animations [data-aos][data-aos][data-aos-easing="ease-out-sine"],
.allow-text-animations[data-aos-easing="ease-out-sine"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-easing="ease-out-sine"],
.allow-image-animations[data-aos-easing="ease-out-sine"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-easing="ease-out-sine"],
.allow-grid-animations[data-aos-easing="ease-out-sine"] [data-aos] {
transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}
.allow-text-animations [data-aos][data-aos][data-aos-easing="ease-in-out-sine"],
.allow-text-animations[data-aos-easing="ease-in-out-sine"] [data-aos],
.allow-image-animations
[data-aos][data-aos][data-aos-easing="ease-in-out-sine"],
.allow-image-animations[data-aos-easing="ease-in-out-sine"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-easing="ease-in-out-sine"],
.allow-grid-animations[data-aos-easing="ease-in-out-sine"] [data-aos] {
transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.allow-text-animations [data-aos][data-aos][data-aos-easing="ease-in-quad"],
.allow-text-animations[data-aos-easing="ease-in-quad"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-easing="ease-in-quad"],
.allow-image-animations[data-aos-easing="ease-in-quad"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-easing="ease-in-quad"],
.allow-grid-animations[data-aos-easing="ease-in-quad"] [data-aos] {
transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
.allow-text-animations [data-aos][data-aos][data-aos-easing="ease-out-quad"],
.allow-text-animations[data-aos-easing="ease-out-quad"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-easing="ease-out-quad"],
.allow-image-animations[data-aos-easing="ease-out-quad"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-easing="ease-out-quad"],
.allow-grid-animations[data-aos-easing="ease-out-quad"] [data-aos] {
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.allow-text-animations [data-aos][data-aos][data-aos-easing="ease-in-out-quad"],
.allow-text-animations[data-aos-easing="ease-in-out-quad"] [data-aos],
.allow-image-animations
[data-aos][data-aos][data-aos-easing="ease-in-out-quad"],
.allow-image-animations[data-aos-easing="ease-in-out-quad"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-easing="ease-in-out-quad"],
.allow-grid-animations[data-aos-easing="ease-in-out-quad"] [data-aos] {
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.allow-text-animations [data-aos][data-aos][data-aos-easing="ease-in-cubic"],
.allow-text-animations[data-aos-easing="ease-in-cubic"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-easing="ease-in-cubic"],
.allow-image-animations[data-aos-easing="ease-in-cubic"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-easing="ease-in-cubic"],
.allow-grid-animations[data-aos-easing="ease-in-cubic"] [data-aos] {
transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
.allow-text-animations [data-aos][data-aos][data-aos-easing="ease-out-cubic"],
.allow-text-animations[data-aos-easing="ease-out-cubic"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-easing="ease-out-cubic"],
.allow-image-animations[data-aos-easing="ease-out-cubic"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-easing="ease-out-cubic"],
.allow-grid-animations[data-aos-easing="ease-out-cubic"] [data-aos] {
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.allow-text-animations
[data-aos][data-aos][data-aos-easing="ease-in-out-cubic"],
.allow-text-animations[data-aos-easing="ease-in-out-cubic"] [data-aos],
.allow-image-animations
[data-aos][data-aos][data-aos-easing="ease-in-out-cubic"],
.allow-image-animations[data-aos-easing="ease-in-out-cubic"] [data-aos],
.allow-grid-animations
[data-aos][data-aos][data-aos-easing="ease-in-out-cubic"],
.allow-grid-animations[data-aos-easing="ease-in-out-cubic"] [data-aos] {
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.allow-text-animations [data-aos][data-aos][data-aos-easing="ease-in-quart"],
.allow-text-animations[data-aos-easing="ease-in-quart"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-easing="ease-in-quart"],
.allow-image-animations[data-aos-easing="ease-in-quart"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-easing="ease-in-quart"],
.allow-grid-animations[data-aos-easing="ease-in-quart"] [data-aos] {
transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
.allow-text-animations [data-aos][data-aos][data-aos-easing="ease-out-quart"],
.allow-text-animations[data-aos-easing="ease-out-quart"] [data-aos],
.allow-image-animations [data-aos][data-aos][data-aos-easing="ease-out-quart"],
.allow-image-animations[data-aos-easing="ease-out-quart"] [data-aos],
.allow-grid-animations [data-aos][data-aos][data-aos-easing="ease-out-quart"],
.allow-grid-animations[data-aos-easing="ease-out-quart"] [data-aos] {
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.allow-text-animations
[data-aos][data-aos][data-aos-easing="ease-in-out-quart"],
.allow-text-animations[data-aos-easing="ease-in-out-quart"] [data-aos],
.allow-image-animations
[data-aos][data-aos][data-aos-easing="ease-in-out-quart"],
.allow-image-animations[data-aos-easing="ease-in-out-quart"] [data-aos],
.allow-grid-animations
[data-aos][data-aos][data-aos-easing="ease-in-out-quart"],
.allow-grid-animations[data-aos-easing="ease-in-out-quart"] [data-aos] {
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.allow-text-animations [data-aos^="fade"][data-aos^="fade"],
.allow-image-animations [data-aos^="fade"][data-aos^="fade"],
.allow-grid-animations [data-aos^="fade"][data-aos^="fade"] {
opacity: 0;
transition-property: opacity, transform;
}
.allow-text-animations [data-aos^="fade"][data-aos^="fade"].aos-animate,
.allow-image-animations [data-aos^="fade"][data-aos^="fade"].aos-animate,
.allow-grid-animations [data-aos^="fade"][data-aos^="fade"].aos-animate {
opacity: 1;
transform: translate(0);
}
.allow-text-animations [data-aos="fade-up"],
.allow-image-animations [data-aos="fade-up"],
.allow-grid-animations [data-aos="fade-up"] {
transform: translateY(var(--move-offset));
}
.allow-text-animations [data-aos="fade-down"],
.allow-image-animations [data-aos="fade-down"],
.allow-grid-animations [data-aos="fade-down"] {
transform: translateY(-var(--move-offset));
}
.allow-text-animations [data-aos="fade-right"],
.allow-image-animations [data-aos="fade-right"],
.allow-grid-animations [data-aos="fade-right"] {
transform: translate(-var(--move-offset));
}
.allow-text-animations [data-aos="fade-left"],
.allow-image-animations [data-aos="fade-left"],
.allow-grid-animations [data-aos="fade-left"] {
transform: translate(var(--move-offset));
}
.allow-text-animations [data-aos="fade-up-right"],
.allow-image-animations [data-aos="fade-up-right"],
.allow-grid-animations [data-aos="fade-up-right"] {
transform: translate(-var(--move-offset), var(--move-offset));
}
.allow-text-animations [data-aos="fade-up-left"],
.allow-image-animations [data-aos="fade-up-left"],
.allow-grid-animations [data-aos="fade-up-left"] {
transform: translate(var(--move-offset), var(--move-offset));
}
.allow-text-animations [data-aos="fade-down-right"],
.allow-image-animations [data-aos="fade-down-right"],
.allow-grid-animations [data-aos="fade-down-right"] {
transform: translate(-var(--move-offset), -var(--move-offset));
}
.allow-text-animations [data-aos="fade-down-left"],
.allow-image-animations [data-aos="fade-down-left"],
.allow-grid-animations [data-aos="fade-down-left"] {
transform: translate(var(--move-offset), -var(--move-offset));
}
.allow-text-animations [data-aos^="zoom"][data-aos^="zoom"],
.allow-image-animations [data-aos^="zoom"][data-aos^="zoom"],
.allow-grid-animations [data-aos^="zoom"][data-aos^="zoom"] {
opacity: 0;
transition-property: opacity, transform;
}
.allow-text-animations [data-aos^="zoom"][data-aos^="zoom"].aos-animate,
.allow-image-animations [data-aos^="zoom"][data-aos^="zoom"].aos-animate,
.allow-grid-animations [data-aos^="zoom"][data-aos^="zoom"].aos-animate {
opacity: 1;
transform: translate(0) scale(1);
}
.allow-text-animations [data-aos="zoom-in"],
.allow-image-animations [data-aos="zoom-in"],
.allow-grid-animations [data-aos="zoom-in"] {
transform: scale(0.6);
}
.allow-text-animations [data-aos="zoom-in-up"],
.allow-image-animations [data-aos="zoom-in-up"],
.allow-grid-animations [data-aos="zoom-in-up"] {
transform: translateY(var(--move-offset)) scale(0.9);
}
.allow-text-animations [data-aos="zoom-in-down"],
.allow-image-animations [data-aos="zoom-in-down"],
.allow-grid-animations [data-aos="zoom-in-down"] {
transform: translateY(-var(--move-offset)) scale(0.6);
}
.allow-text-animations [data-aos="zoom-in-right"],
.allow-image-animations [data-aos="zoom-in-right"],
.allow-grid-animations [data-aos="zoom-in-right"] {
transform: translate(-var(--move-offset)) scale(0.6);
}
.allow-text-animations [data-aos="zoom-in-left"],
.allow-image-animations [data-aos="zoom-in-left"],
.allow-grid-animations [data-aos="zoom-in-left"] {
transform: translate(var(--move-offset)) scale(0.6);
}
.allow-text-animations [data-aos="zoom-out"],
.allow-image-animations [data-aos="zoom-out"],
.allow-grid-animations [data-aos="zoom-out"] {
transform: scale(1.2);
}
.allow-text-animations [data-aos="zoom-out-up"],
.allow-image-animations [data-aos="zoom-out-up"],
.allow-grid-animations [data-aos="zoom-out-up"] {
transform: translateY(var(--move-offset)) scale(1.2);
}
.allow-text-animations [data-aos="zoom-out-down"],
.allow-image-animations [data-aos="zoom-out-down"],
.allow-grid-animations [data-aos="zoom-out-down"] {
transform: translateY(-var(--move-offset)) scale(1.2);
}
.allow-text-animations [data-aos="zoom-out-right"],
.allow-image-animations [data-aos="zoom-out-right"],
.allow-grid-animations [data-aos="zoom-out-right"] {
transform: translate(-var(--move-offset)) scale(1.2);
}
.allow-text-animations [data-aos="zoom-out-left"],
.allow-image-animations [data-aos="zoom-out-left"],
.allow-grid-animations [data-aos="zoom-out-left"] {
transform: translate(var(--move-offset)) scale(1.2);
}
.allow-text-animations [data-aos^="slide"][data-aos^="slide"],
.allow-image-animations [data-aos^="slide"][data-aos^="slide"],
.allow-grid-animations [data-aos^="slide"][data-aos^="slide"] {
transition-property: transform;
}
.allow-text-animations [data-aos^="slide"][data-aos^="slide"].aos-animate,
.allow-image-animations [data-aos^="slide"][data-aos^="slide"].aos-animate,
.allow-grid-animations [data-aos^="slide"][data-aos^="slide"].aos-animate {
transform: translate(0);
}
.allow-text-animations [data-aos="slide-up"],
.allow-image-animations [data-aos="slide-up"],
.allow-grid-animations [data-aos="slide-up"] {
transform: translateY(100%);
}
.allow-text-animations [data-aos="slide-down"],
.allow-image-animations [data-aos="slide-down"],
.allow-grid-animations [data-aos="slide-down"] {
transform: translateY(-100%);
}
.allow-text-animations [data-aos="slide-right"],
.allow-image-animations [data-aos="slide-right"],
.allow-grid-animations [data-aos="slide-right"] {
transform: translateX(-100%);
}
.allow-text-animations [data-aos="slide-left"],
.allow-image-animations [data-aos="slide-left"],
.allow-grid-animations [data-aos="slide-left"] {
transform: translateX(100%);
}
.allow-text-animations [data-aos^="flip"][data-aos^="flip"],
.allow-image-animations [data-aos^="flip"][data-aos^="flip"],
.allow-grid-animations [data-aos^="flip"][data-aos^="flip"] {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition-property: transform;
}
.allow-text-animations [data-aos="flip-left"],
.allow-image-animations [data-aos="flip-left"],
.allow-grid-animations [data-aos="flip-left"] {
transform: perspective(2500px) rotateY(-100deg);
}
.allow-text-animations [data-aos="flip-left"].aos-animate,
.allow-image-animations [data-aos="flip-left"].aos-animate,
.allow-grid-animations [data-aos="flip-left"].aos-animate {
transform: perspective(2500px) rotateY(0);
}
.allow-text-animations [data-aos="flip-right"],
.allow-image-animations [data-aos="flip-right"],
.allow-grid-animations [data-aos="flip-right"] {
transform: perspective(2500px) rotateY(100deg);
}
.allow-text-animations [data-aos="flip-right"].aos-animate,
.allow-image-animations [data-aos="flip-right"].aos-animate,
.allow-grid-animations [data-aos="flip-right"].aos-animate {
transform: perspective(2500px) rotateY(0);
}
.allow-text-animations [data-aos="flip-up"],
.allow-image-animations [data-aos="flip-up"],
.allow-grid-animations [data-aos="flip-up"] {
transform: perspective(2500px) rotateX(-100deg);
}
.allow-text-animations [data-aos="flip-up"].aos-animate,
.allow-image-animations [data-aos="flip-up"].aos-animate,
.allow-grid-animations [data-aos="flip-up"].aos-animate {
transform: perspective(2500px) rotateX(0);
}
.allow-text-animations [data-aos="flip-down"],
.allow-image-animations [data-aos="flip-down"],
.allow-grid-animations [data-aos="flip-down"] {
transform: perspective(2500px) rotateX(100deg);
}
.allow-text-animations [data-aos="flip-down"].aos-animate,
.allow-image-animations [data-aos="flip-down"].aos-animate,
.allow-grid-animations [data-aos="flip-down"].aos-animate {
transform: perspective(2500px) rotateX(0);
}
.allow-text-animations .hero-slide.is-selected [data-aos="fade-up"].aos-animate,
.allow-image-animations
.hero-slide.is-selected
[data-aos="fade-up"].aos-animate,
.allow-grid-animations
.hero-slide.is-selected
[data-aos="fade-up"].aos-animate {
opacity: 1;
transform: translate(0);
}
.allow-text-animations .hero-slide [data-aos="fade-up"].aos-init,
.allow-image-animations .hero-slide [data-aos="fade-up"].aos-init,
.allow-grid-animations .hero-slide [data-aos="fade-up"].aos-init {
opacity: 0;
transform: translateY(var(--move-offset));
}
.allow-text-animations [data-aos][data-aos][data-aos-order="1"],
.allow-image-animations [data-aos][data-aos][data-aos-order="1"],
.allow-grid-animations [data-aos][data-aos][data-aos-order="1"] {
transition-delay: 0ms;
}
.allow-text-animations [data-aos][data-aos][data-aos-order="2"],
.allow-image-animations [data-aos][data-aos][data-aos-order="2"],
.allow-grid-animations [data-aos][data-aos][data-aos-order="2"] {
transition-delay: 250ms;
}
.allow-text-animations [data-aos][data-aos][data-aos-order="3"],
.allow-image-animations [data-aos][data-aos][data-aos-order="3"],
.allow-grid-animations [data-aos][data-aos][data-aos-order="3"] {
transition-delay: 500ms;
}
.allow-text-animations [data-aos][data-aos][data-aos-order="4"],
.allow-image-animations [data-aos][data-aos][data-aos-order="4"],
.allow-grid-animations [data-aos][data-aos][data-aos-order="4"] {
transition-delay: 750ms;
}
.allow-text-animations [data-aos][data-aos][data-aos-order="5"],
.allow-image-animations [data-aos][data-aos][data-aos-order="5"],
.allow-grid-animations [data-aos][data-aos][data-aos-order="5"] {
transition-delay: 1000ms;
}
@media only screen and (max-width: 767px) {
html.iframe [data-aos] {
opacity: 1 !important;
transform: none !important;
}
}
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: 0 !important;
-webkit-backface-visibility: hidden;
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box;
}
.mfp-container::before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
}
.mfp-align-top .mfp-container::before {
display: none;
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045;
}
.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
width: 100%;
cursor: auto;
}
.mfp-ajax-cur {
cursor: progress;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: zoom-out;
}
.mfp-zoom {
cursor: pointer;
cursor: zoom-in;
cursor: -webkit-zoom-in;
}
.mfp-auto-cursor .mfp-content {
cursor: auto;
}
.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
-webkit-user-select: none;
user-select: none;
}
.mfp-loading.mfp-figure {
display: none;
}
.mfp-hide {
display: none !important;
}
.mfp-preloader {
color: #ccc;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044;
}
.mfp-preloader a {
color: #ccc;
}
.mfp-preloader a:hover {
color: #fff;
}
.mfp-s-ready .mfp-preloader {
display: none;
}
.mfp-s-error .mfp-content {
display: none;
}
button.mfp-arrow,
.mfp-arrow.btn,
.mfp-arrow.shopify-payment-button__button--unbranded,
button.mfp-close,
.mfp-close.btn,
.mfp-close.shopify-payment-button__button--unbranded {
overflow: visible;
cursor: pointer;
background: none;
border: 0;
-webkit-appearance: none;
display: block;
outline: 0;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation;
}
button.mfp-arrow .icon,
.mfp-arrow.btn .icon,
.mfp-arrow.shopify-payment-button__button--unbranded .icon,
button.mfp-close .icon,
.mfp-close.btn .icon,
.mfp-close.shopify-payment-button__button--unbranded .icon {
pointer-events: none;
fill: currentColor;
}
button::-moz-focus-inner,
.btn::-moz-focus-inner,
.shopify-payment-button__button--unbranded::-moz-focus-inner {
padding: 0;
border: 0;
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #fff;
font-style: normal;
font-size: 40px;
}
.mfp-close:focus,
.mfp-close:hover {
opacity: 1;
}
.mfp-close .icon-close {
display: block;
width: 20px;
height: 20px;
margin: 10px;
fill: currentColor;
pointer-events: none;
}
.mfp-close-btn-in .mfp-close {
color: #333;
}
.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
color: #fff;
right: -10px;
text-align: right;
padding-right: 0;
width: auto;
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #ccc;
font-size: 12px;
line-height: 18px;
white-space: nowrap;
}
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
margin-top: -54px;
}
.mfp-arrow:focus,
.mfp-arrow:hover {
opacity: 1;
}
.mfp-arrow::after,
.mfp-arrow::before {
content: "";
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent;
}
.mfp-arrow::after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px;
}
.mfp-arrow::before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7;
}
.mfp-arrow-left {
left: 0;
}
.mfp-arrow-right {
right: 0;
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
top: -40px;
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000;
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto;
cursor: default;
}
.mfp-figure {
line-height: 0;
}
.mfp-figure::after {
content: "";
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444;
}
.mfp-figure small {
color: #bdbdbd;
display: block;
font-size: 12px;
line-height: 14px;
}
.mfp-figure figure {
margin: 0;
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
}
.mfp-title {
text-align: left;
line-height: 18px;
color: #f3f3f3;
word-wrap: break-word;
padding-right: 36px;
}
.mfp-image-holder .mfp-content {
max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;
}
.mfp-gallery .mfp-arrow {
font-size: 1.8rem;
display: flex;
align-items: center;
justify-content: center;
}
.mfp-gallery .mfp-arrow::before {
border: 0;
margin: 0;
position: static;
width: auto;
height: auto;
}
.mfp-gallery .mfp-arrow::after {
content: none;
}
@media screen and (max-width: 800px) and (orientation: landscape),
screen and (max-height: 300px) {
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0;
}
.mfp-img-mobile img.mfp-img {
padding: 0;
}
.mfp-img-mobile .mfp-figure::after {
top: 0;
bottom: 0;
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px;
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0;
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px;
}
.mfp-img-mobile .mfp-close {
top: -3px;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0;
}
}
@media all and (max-width: 900px) {
.mfp-arrow {
transform: scale(0.75);
}
.mfp-arrow-left {
transform-origin: 0;
}
.mfp-arrow-right {
transform-origin: 100%;
}
.mfp-container {
padding-left: 6px;
padding-right: 6px;
}
}
div.mce_inline_error {
font-size: calc(0.875rem * var(--FONT-ADJUST-HEADING));
line-height: 1.6;
color: var(--error-text);
padding: 10px 0;
text-align: center;
} /*================ Modals ================*/
.modal {
transform: translateY(-20px);
background-color: var(--COLOR-BACKGROUND);
color: var(--COLOR-TEXT);
right: 0;
left: 0;
top: 0;
bottom: 0;
overflow: hidden;
position: fixed;
touch-action: manipulation;
opacity: 0;
visibility: hidden;
transition: opacity 0.5s ease-in-out, visibility 0s linear 0.5s;
}
.modal--is-active {
transform: translateY(0);
display: block;
opacity: 1;
visibility: visible;
transition: opacity 0.25s ease-in-out, visibility 0s linear 0s;
}
.modal__inner {
transform-style: preserve-3d;
height: 100%;
}
.modal__centered {
transform: translateY(-50%);
position: relative;
top: 50%;
}
.modal__close {
border: 0;
padding: 55px;
position: fixed;
top: 0;
right: 0;
z-index: 2;
}
/* Shopify Model Viewer UI */
.shopify-model-viewer-ui {
position: relative;
display: inline-block;
cursor: pointer;
}
.shopify-model-viewer-ui model-viewer {
--progress-bar-height: 2px;
--progress-bar-color: currentColor;
transform: translateZ(0);
z-index: 1;
background: #fff;
}
.is-loading .shopify-model-viewer-ui model-viewer {
background: #fff var(--icon-loading) no-repeat center center/64px auto;
}
.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: var(--COLOR-BACKGROUND);
opacity: 0;
border: 1px solid var(--COLOR-TEXT-ALPHA-5);
position: absolute;
bottom: 10px;
right: 10px;
z-index: 1;
transition: opacity 0.1s linear;
}
.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: var(--COLOR-TEXT);
border-radius: 0;
border: none;
margin: 0px;
cursor: pointer;
}
.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: var(--COLOR-TEXT-ALPHA-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: var(--COLOR-TEXT-ALPHA-55);
background: var(--COLOR-TEXT-ALPHA-5);
}
.shopify-model-viewer-ui
.shopify-model-viewer-ui__button--control:not(:last-child):after {
position: absolute;
content: "";
border-bottom: 1px solid var(--COLOR-TEXT-ALPHA-5);
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: var(--COLOR-BACKGROUND);
position: absolute;
border: 1px solid var(--COLOR-TEXT-ALPHA-5);
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: var(--COLOR-TEXT-ALPHA-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;
}
/**
* Product Rating
*/
.product__rating {
display: inline-flex;
align-items: center;
justify-content: flex-end;
}
.product__rating__value {
font-weight: var(--BODY-FONT-WEIGHT-MEDIUM);
margin-left: 5px;
}
.product__rating__value[aria-hidden="true"] {
position: absolute;
display: block;
overflow: hidden;
clip: rect(0 0 0 0);
width: 1px;
height: 1px;
max-width: 1px;
max-height: 1px;
margin: -1px;
padding: 0;
border: 0;
}
.product__rating__star {
position: relative;
display: block;
margin: 0 2px 2px 0;
}
.product__rating__star .icon {
display: block;
width: 18px;
height: 18px;
}
.product__rating__star__empty,
.product__rating__star__full {
display: flex;
}
.product__rating__star__full {
position: absolute;
top: 0;
left: 0;
clip-path: inset(0 var(--percent) 0 0);
-webkit-clip-path: inset(0 var(--percent) 0 0);
}
.slick-slider {
box-sizing: border-box;
display: block;
position: relative;
-moz-box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
user-select: none;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
display: block;
height: 100%;
margin: 0;
overflow: hidden;
padding: 0;
position: relative;
transition: height 0.3s ease;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-list,
.slick-slider .slick-track {
transform: translate3d(0, 0, 0);
}
.slick-track {
will-change: transform;
display: block;
height: 100%;
left: 0;
position: relative;
top: 0;
}
.slick-track::after,
.slick-track::before {
content: "";
display: table;
}
.slick-track::after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
will-change: transform;
display: none;
float: left;
height: 100%;
min-height: 1px;
position: relative !important;
width: 100%;
}
[dir="rtl"] .slick-slide {
float: right;
}
.slick-slide img {
position: relative;
display: block;
width: 100%;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
border: 1px solid transparent;
display: block;
height: auto;
}
.adaptiveHeight .slick-slide {
height: auto !important;
}
button.slick-next,
.slick-next.btn,
.slick-next.shopify-payment-button__button--unbranded,
button.slick-prev,
.slick-prev.btn,
.slick-prev.shopify-payment-button__button--unbranded {
position: absolute;
top: calc(50% - 20px);
z-index: 100;
display: flex;
align-items: center;
justify-content: center;
background-color: none !important;
opacity: 1 !important;
border: 0;
cursor: pointer;
font-size: 0;
padding: 0;
width: 40px;
height: 40px;
}
@media only screen and (max-width: 767px) {
button.slick-next,
.slick-next.btn,
.slick-next.shopify-payment-button__button--unbranded,
button.slick-prev,
.slick-prev.btn,
.slick-prev.shopify-payment-button__button--unbranded {
display: none !important;
visibility: hidden;
}
}
button.slick-next.slick-disabled,
.slick-next.slick-disabled.btn,
.slick-next.slick-disabled.shopify-payment-button__button--unbranded,
button.slick-prev.slick-disabled,
.slick-prev.slick-disabled.btn,
.slick-prev.slick-disabled.shopify-payment-button__button--unbranded {
cursor: default;
opacity: 0;
visibility: hidden;
}
button.slick-next.slick-disabled::after,
.slick-next.slick-disabled.btn::after,
.slick-next.slick-disabled.shopify-payment-button__button--unbranded::after,
button.slick-prev.slick-disabled::after,
.slick-prev.slick-disabled.btn::after,
.slick-prev.slick-disabled.shopify-payment-button__button--unbranded::after {
opacity: 0;
}
.slick-next {
right: 20px;
}
@media only screen and (max-width: 1023px) {
.slick-next {
right: 0;
}
}
.slick-prev {
left: 20px;
}
@media only screen and (max-width: 1023px) {
.slick-prev {
left: 0;
}
}
.slick-dots {
display: block;
position: absolute;
padding: 0 0 1rem 0;
left: 0;
right: 0;
bottom: 30px;
text-align: center;
}
.slick-dots li {
display: inline-block;
position: relative;
transition: opacity 0.2s ease-in-out;
-webkit-transition: opacity 0.2s ease-in-out;
background: 0 0;
border: 2px solid #fff;
border-radius: 50%;
cursor: pointer;
width: 10px;
height: 10px;
margin: 0 8px;
opacity: 0.3;
}
.slick-dots li:hover {
opacity: 1;
}
.slick-dots li.slick-active {
opacity: 1;
}
.slick-dots li button,
.slick-dots li .btn,
.slick-dots li .shopify-payment-button__button--unbranded {
display: none;
}
[data-dots-style="line"] .slick-dots li {
height: 2px;
width: 40px;
border-width: 1px;
border-radius: 0;
}
.slick-next,
.slick-prev {
background: 0 0 !important;
} /*! 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;
}
/*================ MODULES ================*/
/*
* Header
*/
:root {
--hamburger-menu-width: 100vw;
}
@media only screen and (min-width: 768px) {
:root {
--hamburger-menu-width: 320px;
}
}
.shopify-section-header {
position: absolute;
width: 100%;
z-index: 1000;
}
[data-scroll-lock-locked="true"] .shopify-section-header {
width: 100vw;
}
.shopify-section-header .overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
opacity: 0;
visibility: hidden;
z-index: 9999;
background-color: var(--overlay-color);
transition: opacity 0.5s, visibility 0s 0.5s;
}
.shopify-section-header--fixed {
position: fixed;
top: 0;
left: 0;
}
.site-header {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 120px;
z-index: 1000;
color: var(--text);
background: var(--bg);
transform: translateZ(0);
-webkit-transform: translateZ(0);
will-change: height, color, background, transform;
transition: height 0.25s ease-in-out, color 0.25s ease-in-out,
background 0.25s ease-in-out, transform 0.25s ease-in-out;
}
@media (max-width: 767px) {
.site-header {
height: 85px;
}
}
.site-header.header--has-scrolled {
height: 60px;
}
.site-header.header--has-scrolled::before {
height: calc(100vh - 60px);
}
.site-header > .container,
.site-header > .container > .row,
.site-header > .container > .row > .header-fix-cont {
height: 100%;
}
.site-header::before {
content: "";
position: absolute;
top: 100%;
left: 0;
right: 0;
z-index: -1;
height: calc(100vh - 120px);
background: var(--COLOR-SEARCH-OVERLAY);
opacity: 0;
visibility: hidden;
transition: opacity 0.25s ease-in-out, height 0.25s ease-in-out,
visibility 0s linear 0.25s;
}
.header--transparent:not(.header--has-scrolled):not(.header--search-visible) {
background: transparent;
}
.header--transparent.header--is-hamburger:not(.header--has-scrolled)[data-text-color="white"],
.header--transparent.header--is-standard:not(.header--has-scrolled):not(.header--megamenu-visible):not(.header--search-visible)[data-text-color="white"] {
color: #fff;
}
.header--transparent.header--is-hamburger:not(.header--has-scrolled)[data-text-color="white"]
.menu-item__link::after,
.header--transparent.header--is-standard:not(.header--has-scrolled):not(.header--megamenu-visible):not(.header--search-visible)[data-text-color="white"]
.menu-item__link::after {
border-color: #fff;
}
.header--transparent.header--is-hamburger:not(.header--has-scrolled)[data-text-color="black"],
.header--transparent.header--is-standard:not(.header--has-scrolled):not(.header--megamenu-visible):not(.header--search-visible)[data-text-color="black"] {
color: #000;
}
.header--transparent.header--is-hamburger:not(.header--has-scrolled)[data-text-color="black"]
.menu-item__link::after,
.header--transparent.header--is-standard:not(.header--has-scrolled):not(.header--megamenu-visible):not(.header--search-visible)[data-text-color="black"]
.menu-item__link::after {
border-color: #000;
}
.header--is-standard {
height: 120px;
}
@media only screen and (min-width: 1024px) {
.header--is-standard .menuToggle {
display: none;
}
.header--is-standard .header-fix-cont {
position: relative;
z-index: auto;
}
.header--is-standard .logo {
position: relative;
align-items: center;
}
.header--is-standard .nav-standard {
display: flex;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1023px) {
.header--is-standard .nav-standard {
display: none;
}
}
@media only screen and (min-width: 1024px) {
.header--is-standard.header--has-scrolled .nav-standard .menu-item--meganav {
padding-bottom: 16px;
margin-bottom: -12px;
}
.header--is-standard.header--has-scrolled .nav-standard .megamenu-inner {
margin-top: var(--header-height);
}
}
@media only screen and (min-width: 1024px) {
.header--logo_center_links_left .nav-standard,
.header--logo_left_links_left .nav-standard {
float: left;
margin-left: calc(var(--nav-links-gap) * -1);
}
.header--logo_center_links_left .logo,
.header--logo_left_links_left .logo {
position: absolute;
top: 0;
left: 50%;
}
}
@media only screen and (min-width: 1024px) and (min-width: 768px) {
.header--logo_center_links_left .logo,
.header--logo_left_links_left .logo {
transform: translateX(-50%);
}
}
@media only screen and (min-width: 1024px) {
.header--logo_left_links_right .logo,
.header--logo_center_links_right .logo {
float: left;
white-space: nowrap;
text-align: left;
}
.header--logo_left_links_right .nav-standard,
.header--logo_center_links_right .nav-standard {
float: right;
}
.header--logo_left_links_right .nav-standard .menu,
.header--logo_center_links_right .nav-standard .menu {
margin-right: 15px;
}
.header--logo_left_links_right .nav-standard .menu-item:last-child > .submenu,
.header--logo_center_links_right
.nav-standard
.menu-item:last-child
> .submenu {
left: auto;
right: 0;
}
.header--logo_left_links_right
.nav-standard
.menu-item:last-child
.submenu-item
> .submenu,
.header--logo_center_links_right
.nav-standard
.menu-item:last-child
.submenu-item
> .submenu {
left: auto;
right: 100%;
}
}
@media only screen and (min-width: 1024px) {
.header--logo_left_links_center .logo {
float: left;
white-space: nowrap;
text-align: left;
}
.header--logo_left_links_center .nav-standard {
position: absolute;
top: 0;
left: 0;
right: 0;
padding-left: 400px;
padding-right: 400px;
justify-content: center;
}
.header--logo_left_links_center .nav-standard .menu {
width: auto;
margin: 0;
}
.header--logo_left_links_center .nav-standard .menu-item:last-child {
margin-right: 0;
}
.header--logo_left_links_center.header--has-scrolled .nav-standard .menu {
margin-top: 0;
}
}
.header--logo_center_links_center:not(.header--is-hamburger) {
height: 160px;
}
@media only screen and (min-width: 1024px) {
.header--logo_center_links_center:not(.header--is-hamburger) .logo {
position: absolute;
top: 0;
left: 50%;
text-align: center;
white-space: nowrap;
visibility: visible;
justify-content: center;
margin: 0 auto;
max-height: 120px;
transform: translateX(-50%);
transition: none;
}
.header--logo_center_links_center:not(.header--is-hamburger) .logo__text {
margin-top: 0px;
}
.header--logo_center_links_center:not(.header--is-hamburger) .nav-standard {
position: static;
padding-top: 120px;
clear: both;
height: auto;
justify-content: center;
transition: padding 0.15s ease-in-out;
}
.header--logo_center_links_center:not(.header--is-hamburger)
.nav-standard
.menu {
width: auto;
margin: 0;
}
.header--logo_center_links_center:not(.header--is-hamburger)
.nav-standard
.menu-item:last-child {
margin-right: 0;
}
.header--logo_center_links_center:not(.header--is-hamburger) .header__icons {
position: absolute;
top: 0;
right: 0;
max-height: 120px;
}
.header--logo_center_links_center:not(.header--is-hamburger).header--has-scrolled {
height: 60px;
}
.header--logo_center_links_center:not(.header--is-hamburger).header--has-scrolled
.logo {
position: absolute;
top: 0;
left: 0;
text-align: left;
justify-content: flex-start;
transform: none;
}
.header--logo_center_links_center:not(.header--is-hamburger).header--has-scrolled
.nav-standard {
padding-top: 0;
height: 100%;
}
}
.header--has-scrolled,
.header--search-visible {
background-color: var(--COLOR-BACKGROUND);
}
.header--has-scrolled .logo__image--transparent:not(.logo__image--single),
.header--megamenu-visible .logo__image--transparent:not(.logo__image--single),
.header--search-visible .logo__image--transparent:not(.logo__image--single) {
position: absolute !important;
visibility: hidden !important;
}
.header--has-scrolled .logo__image--default,
.header--megamenu-visible .logo__image--default,
.header--search-visible .logo__image--default {
position: relative !important;
visibility: visible !important;
}
.header--search-visible {
background-color: var(--COLOR-BACKGROUND);
width: 100%;
}
.header--search-visible::before {
opacity: 1;
visibility: visible;
transition: opacity 0.25s ease-in-out, height 0.25s ease-in-out,
visibility 0s linear 0s;
}
.header--search-hiding {
width: 100%;
}
.header--search-hiding::before {
opacity: 0;
visibility: hidden;
}
.header--is-hamburger .header__icons .searchToggle {
display: none;
}
.header--is-hamburger .logo {
float: none;
max-width: calc(100% - 160px);
}
.header--is-hamburger .header__icons {
position: static;
}
.header--is-hamburger.header--has-scrolled {
height: 60px;
}
.header--is-hamburger.header--has-scrolled .logo__text + .logo {
display: block;
}
@media only screen and (max-width: 479px) {
.header--is-hamburger.header--has-scrolled .logo__text {
display: none;
}
}
@media only screen and (max-width: 479px) {
.header--is-hamburger.header--has-scrolled .logo--text-only .logo__text {
display: block;
}
}
.header-fix-cont {
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 3;
height: 100%;
}
.header-fix-cont-inner {
height: 100%;
}
.header--logo_left_links_right .header-fix-cont-inner,
.header--logo_center_links_right .header-fix-cont-inner {
display: flex;
flex-direction: row;
justify-content: flex-end;
}
/**
* The "X" that closes the nav on mobile.
*/
.nav-mobile-close {
position: absolute;
right: 40px;
top: 10px;
display: flex;
align-items: center;
justify-content: center;
width: 45px;
height: 45px;
z-index: 3;
background: none;
border: 0;
padding: 0;
color: inherit;
cursor: pointer;
}
.nav-mobile-close .icon-close {
display: block;
width: 22px;
height: 22px;
}
/*
* Navigations
*/
.header--is-standard ~ .nav-hamburger {
display: none;
}
.nav-hamburger {
font-family: var(--NAV-FONT-FAMILY);
font-weight: var(--NAV-FONT-WEIGHT);
font-style: var(--NAV-FONT-STYLE);
letter-spacing: var(--NAV-LETTER-SPACING);
position: fixed;
top: 0;
right: 100%;
width: var(--hamburger-menu-width);
height: 100vh;
padding: 70px 0 0;
z-index: 10000;
will-change: transform;
visibility: hidden;
transition: transform 0.25s ease-in-out, visibility 0s linear 0.25s;
color: var(--COLOR-TEXT);
background-color: var(--COLOR-BACKGROUND);
display: flex;
flex-direction: column;
}
.nav--is-visible:not(.nav--is-hiding) .nav-hamburger {
transform: translateX(100%);
visibility: visible;
transition-delay: 0s;
}
.nav-hamburger .menu {
padding-bottom: 0;
padding-right: 0;
margin-bottom: 20px;
overflow: hidden;
text-align: left;
min-height: 1px;
z-index: 1;
}
.nav-hamburger .menu-item {
font-size: calc(1.25rem * var(--FONT-ADJUST-NAV));
}
.nav-hamburger .menu-item,
.nav-hamburger .submenu-item {
position: relative;
line-height: 25px;
margin: 7px 0 24px;
}
.nav-hamburger .menu-item:last-child,
.nav-hamburger .submenu-item:last-child {
margin-bottom: 0;
}
.nav-hamburger .menu-item a,
.nav-hamburger .submenu-item a {
padding: 5px 0;
line-height: inherit;
word-break: break-word;
font-size: 18px;
}
.nav-hamburger .menu-item .dropdown-arrow,
.nav-hamburger .submenu-item .dropdown-arrow {
position: absolute;
top: 0;
right: 0;
margin: 0;
padding: 10px;
width: 36px;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
color: inherit;
border: 0;
background-color: transparent;
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
}
.nav-hamburger .menu-item .dropdown-arrow .icon-arrow,
.nav-hamburger .submenu-item .dropdown-arrow .icon-arrow {
transition: transform 0.25s ease;
}
.nav-hamburger .menu-item.has-submenu > a,
.nav-hamburger .submenu-item.has-submenu > a {
padding-right: 36px;
}
.nav-hamburger .menu-item.has-submenu > a::after,
.nav-hamburger .submenu-item.has-submenu > a::after {
content: none;
}
.nav-hamburger .menu-item.has-submenu.is-expanded > .dropdown-arrow .icon-arrow,
.nav-hamburger
.submenu-item.has-submenu.is-expanded
> .dropdown-arrow
.icon-arrow {
transform: rotateX(180deg);
}
.nav-hamburger .submenu-item {
margin: 0;
font-size: calc(1rem * var(--FONT-ADJUST-NAV));
}
.nav-hamburger .submenu-item a {
border-bottom: 1px solid var(--COLOR-TEXT);
padding: 12px 0;
line-height: 20px;
}
.nav-hamburger .submenu-item .dropdown-arrow {
top: 5px;
}
.nav-hamburger .submenu-item .submenu {
border: 1px solid var(--COLOR-TEXT);
border-top: 0;
padding: 0 20px;
}
.nav-hamburger .submenu-item .submenu .submenu-item {
font-size: calc(0.875rem * var(--FONT-ADJUST-NAV));
}
.nav-hamburger .submenu-item .submenu .submenu-item:last-child a {
border-bottom: none;
}
.nav-hamburger .submenu-item.is-expanded .submenu {
margin-bottom: 10px;
}
.nav--is-visible:not(.nav--is-hiding) .shopify-section-header .overlay {
opacity: 0.25;
visibility: visible;
transition-delay: 0s;
}
.nav-inner {
width: 100%;
overflow-x: hidden;
overflow-y: auto;
max-height: calc(100vh - 70px);
padding: 0 45px;
}
.nav-inner .nav-search .h4 {
color: inherit;
}
.nav-inner-wrapper {
position: relative;
width: calc(100vw - 90px);
margin: 0 auto 70px;
}
@media only screen and (min-width: 768px) {
.nav-inner-wrapper {
width: 230px;
}
}
.nav-user {
border-top: 2px solid var(--COLOR-BORDER);
padding: 33px 0 15px;
font-size: 18px;
line-height: 25px;
}
.nav-user__item {
margin-bottom: 17px;
}
.nav-user__item:last-child {
margin-bottom: 0;
}
.nav--is-hiding {
overflow-x: hidden;
}
/*
* Menu
*/
.menu {
display: block;
position: relative;
min-height: 48%;
text-align: center;
width: 100%;
padding-bottom: 35px;
}
.menu.menu--has-meganav {
position: static;
}
.menu-item,
.submenu-item {
font-size: calc(0.937rem * var(--FONT-ADJUST-NAV));
line-height: 1.5;
margin: 0.6em auto;
/**
* Just the link is what get's animated out of frame.
*/
}
.menu-item > a,
.submenu-item > a {
font-size: 16px;
display: block;
opacity: 1;
line-height: 25px;
}
.no-touch .menu-item a[href^="#"],
.no-touch .submenu-item a[href^="#"] {
pointer-events: none;
}
.no-touch .nav-hamburger .menu-item a[href^="#"],
.no-touch .nav-hamburger .submenu-item a[href^="#"] {
pointer-events: auto;
}
.menu-item__link::after,
.submenu-item__link::after,
.submenu-item__title::after {
content: "";
display: block;
border-bottom: 2px solid var(--COLOR-TEXT);
margin-bottom: -2px;
transform-origin: 100% 50%;
transform: scaleX(0);
transition: transform 0.2s ease-in-out, border-color 0.3s ease-in-out;
}
.nav-hamburger .menu-item__link::after,
.nav-hamburger .submenu-item__link::after,
.nav-hamburger .submenu-item__title::after {
content: none;
}
.menu-item__link:hover::after,
.submenu-item__link:hover::after,
.submenu-item__title:hover::after {
transform: scaleX(1);
transform-origin: 0% 50%;
}
.toggle-submenu {
display: inline-block;
vertical-align: middle;
margin: 0 0 0 6px;
line-height: 25px;
padding: 0;
background: transparent;
color: inherit;
border: none;
}
.no-touch .toggle-submenu {
pointer-events: none;
}
.toggle-submenu .icon {
display: block;
width: 12px;
height: 12px;
will-change: transform;
transform-style: preserve-3d;
transition: transform 0.25s ease-in-out;
}
.is-expanded .toggle-submenu .icon {
transform: rotateX(180deg);
}
/**
* Submenu
*/
.nav-standard .submenu--dropdown,
.nav-hamburger .submenu {
font-family: var(--NAV-FONT-FAMILY);
font-weight: var(--NAV-FONT-WEIGHT);
font-style: var(--NAV-FONT-STYLE);
letter-spacing: var(--NAV-LETTER-SPACING);
display: block;
position: absolute;
transition: max-height 0.25s ease-in-out, opacity 0.25s ease-in-out,
visibility 0s linear 0.25s;
left: 0;
right: 0;
top: 0;
z-index: 9999;
opacity: 0;
max-height: 0;
overflow: hidden;
visibility: hidden;
background: var(--COLOR-BACKGROUND);
pointer-events: none;
}
.nav-hamburger .submenu {
position: static;
padding: 0 0 0 25px;
}
.is-expanded > .submenu {
opacity: 1;
visibility: visible;
pointer-events: auto;
transition: max-height 0.25s ease-in-out, opacity 0.25s ease-in-out,
visibility 0s linear 0s;
}
.nav-standard .is-expanded > .submenu {
max-height: 100vh;
}
/**
* Stabdard Navigation
*/
.nav-standard {
font-family: var(--NAV-FONT-FAMILY);
font-weight: var(--NAV-FONT-WEIGHT);
font-style: var(--NAV-FONT-STYLE);
letter-spacing: var(--NAV-LETTER-SPACING);
display: none;
align-items: center;
justify-content: flex-start;
height: 100%;
--nav-links-gap: 20px;
}
.nav-standard .menu {
display: flex;
align-items: flex-start;
min-height: 1px;
padding: 0;
height: auto !important;
}
.nav-standard .submenu--dropdown {
top: 100%;
right: auto;
z-index: 1000;
background: var(--COLOR-BACKGROUND);
color: var(--COLOR-TEXT);
border-radius: 3px;
width: auto;
min-width: 124px;
text-align: left;
padding: 4px 0 0;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
transform: none;
}
.nav-standard .menu-item,
.nav-standard .submenu-item {
position: relative;
font-size: calc(0.937rem * var(--FONT-ADJUST-NAV));
}
.nav-standard .menu-item {
margin: 0 9px 0 0;
padding: 5px var(--nav-links-gap);
white-space: nowrap;
}
.nav-standard .menu-item__link,
.nav-standard .submenu-item__link {
position: relative;
display: inline-block;
width: auto;
white-space: nowrap;
vertical-align: middle;
}
.nav-standard .menu-item__link,
.nav-standard .toggle-submenu {
z-index: 3;
}
.nav-standard .menu-item--meganav {
position: static;
}
.nav-standard .menu-item--meganav .submenu-item {
position: static;
}
.nav-standard .menu-item--meganav .submenu-item.has-submenu > a::after {
content: "";
display: block;
margin: 0 0 -2px;
transform-origin: 100% 50%;
transform: scaleX(0);
transition: transform 0.2s ease-in-out;
}
.nav-standard .menu-item--meganav .submenu-item.has-submenu > a:hover::after {
transform: scaleX(1);
transform-origin: 0% 50%;
}
.nav-standard .submenu-item {
display: block;
margin: 0 0 4px;
}
.nav-standard .submenu-item.has-submenu {
position: relative;
}
.nav-standard .submenu-item.has-submenu > a::after {
content: "\e601";
transform: none;
display: inline-block;
vertical-align: middle;
margin: 7px 0 0 4px;
top: auto;
right: auto;
}
.nav-standard .submenu-item a {
display: block;
color: inherit;
width: auto;
padding: 5px 20px;
}
.nav-standard .submenu-item .submenu {
top: 0;
left: 100%;
right: auto;
margin: 0 1px;
}
.nav-standard .login-links {
padding: 8px 0;
position: static;
}
.nav-standard .nav-footer {
padding: 0;
}
.menu-item--meganav {
position: static;
}
.menu-item--meganav.is-expanded {
padding-bottom: 57px;
margin-bottom: -53px;
}
.menu-item--meganav .submenu {
padding: 0;
margin: 0;
}
.menu-item--meganav .submenu > ul {
display: flex;
flex-wrap: wrap;
}
.menu-item--meganav .submenu-item {
width: 25%;
padding-bottom: 20px;
padding-right: 40px;
}
.menu-item--meganav .submenu-item:nth-child(4n + 1) {
clear: left;
}
.menu-item--meganav .submenu-item a {
display: inline-block;
opacity: 1;
padding: 0;
white-space: normal;
}
.menu-item--meganav .submenu-item a.submenu-item__title {
padding: 5px 0;
font-size: calc(1.125rem * var(--FONT-ADJUST-NAV));
font-weight: var(--NAV-FONT-WEIGHT-MEDIUM);
margin-bottom: 15px;
opacity: 1;
}
.menu-item--meganav .submenu-item:hover > a {
transform: none;
}
.menu-item--meganav .submenu-item .submenu {
top: auto;
left: auto;
margin: 0;
display: block;
}
.menu-item--meganav .submenu-item .submenu .submenu-item {
float: none;
display: block;
padding-bottom: 0;
margin-bottom: 10px;
width: 100%;
}
.menu-item--meganav .submenu--items-1 .submenu-item {
width: 90%;
}
.menu-item--meganav .submenu--items-2 .submenu-item {
width: 40%;
}
.menu-item--meganav .submenu--items-2 .submenu-item:nth-child(2n + 1) {
clear: left;
}
.menu-item--meganav .submenu--items-3 .submenu-item {
width: 33.33%;
}
.menu-item--meganav .submenu--items-3 .submenu-item:nth-child(4n + 1) {
clear: none;
}
.menu-item--meganav .submenu--items-3 .submenu-item:nth-child(3n + 1) {
clear: left;
}
.megamenu__image {
float: left;
width: 29%;
margin-right: 6%;
text-align: left;
padding-bottom: 20px;
}
.megamenu__image a {
width: 100%;
opacity: 1;
}
.megamenu__image h2 {
font-size: calc(2.625rem * var(--FONT-ADJUST-HEADING));
line-height: 1.2;
}
@media only screen and (max-width: 767px) {
.megamenu__image h2 {
font-size: calc(1.875rem * var(--FONT-ADJUST-HEADING));
}
}
.megamenu__image h4 {
font-family: var(--BODY-FONT-FAMILY);
font-weight: var(--BODY-FONT-WEIGHT);
font-style: var(--BODY-FONT-STYLE);
font-size: calc(0.875rem * var(--FONT-ADJUST-BODY));
line-height: 1.5;
text-transform: uppercase;
letter-spacing: 1px;
position: relative;
display: flex;
}
.megamenu__image h4 span {
position: relative;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
background: var(--COLOR-BACKGROUND);
padding-right: 16px;
max-width: 90%;
}
.megamenu__image h4::before {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 1px;
background: var(--COLOR-BORDER);
}
.megamenu__image-inner {
display: block;
width: 100%;
height: auto;
margin-bottom: 20px;
}
.megamenu__image-bg {
display: block;
width: 100%;
height: 0;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.megamenu-wrapper {
position: absolute;
top: 0;
left: -80px;
right: -80px;
z-index: -1;
margin-top: 0px;
max-height: 0;
overflow: hidden;
text-align: left;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
opacity: 0;
visibility: hidden;
pointer-events: none;
background: var(--COLOR-BACKGROUND);
color: var(--COLOR-TEXT);
transition: opacity 0.25s ease-in-out, max-height 0.25s ease-in-out,
visibility 0s linear 0.25s;
}
@media only screen and (max-width: 1023px) {
.megamenu-wrapper {
left: -40px;
right: -40px;
}
}
@media only screen and (max-width: 479px) {
.megamenu-wrapper {
left: -20px;
right: -20px;
}
}
.megamenu-wrapper .container {
z-index: initial;
}
.is-expanded > .megamenu-wrapper {
z-index: 2;
opacity: 1;
pointer-events: auto;
visibility: visible;
max-height: 100vh;
transition: opacity 0.25s ease-in-out, max-height 0.25s ease-in-out,
visibility 0s linear 0s;
}
.megamenu-inner {
margin-top: var(--header-initial-height);
padding-top: 34px;
max-height: calc(80vh - var(--header-initial-height));
overflow-y: auto;
overflow-x: hidden;
transition: margin 0.15s ease-in-out;
}
.nav-social {
margin: 10px 0;
padding: 0;
}
.nav-social .social-links li {
margin: 0 15px 10px 0;
}
.nav-social .social-links li:last-child {
margin-right: 0;
}
.nav-social .social-link .icon {
width: 20px;
height: 20px;
}
.header__icons {
float: right;
height: 100%;
display: flex;
align-items: center;
justify-content: flex-end;
color: inherit;
}
.header__icons .nav-item {
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
margin-right: 12px;
cursor: pointer;
position: relative;
z-index: 3;
}
@media only screen and (max-width: 767px) {
.header__icons .nav-item {
margin-right: 8px;
}
}
.header__icons .nav-item:last-child {
margin-right: 0;
}
.header__icons .searchToggle {
top: auto;
}
@media only screen and (max-width: 1023px) {
.header__icons .searchToggle {
display: none;
}
}
.header__icons .icon path {
stroke: currentColor;
}
.header__icons .icon-cart path:first-child {
fill: currentColor;
}
.header__icons .icon-cart path:last-child {
fill: var(--COLOR-BUTTON-PRIMARY-BG);
}
.header__icons .cartToggle--empty .icon-cart path:last-child {
opacity: 0;
}
.nav-account-link {
width: 30px;
height: 30px;
display: none !important;
align-items: center;
justify-content: center;
}
.nav-account-link .icon {
display: block;
}
@media only screen and (max-width: 479px) {
.nav-account-link {
margin-right: 10px;
}
}
/**
* Menu Icon
*/
.menuToggle {
position: absolute;
left: 0;
top: 50%;
margin-top: -20px;
font-size: calc(1.25rem * var(--FONT-ADJUST-BODY));
padding: 12px 10px 10px;
z-index: 100;
cursor: pointer;
transition: opacity 0.25s, background 0.25s;
/**
* Square behind hamburger, rotates when menu is open.
*/
}
.menuToggle .diamond-bar {
background-color: var(--COLOR-BACKGROUND);
}
.icon-menu .icon-bar,
.icon-menu .icon-bar:before,
.icon-menu .icon-bar:after {
background-color: var(--COLOR-TEXT);
}
/**
* Cart Icon - The number of items within the cartToggle.
*/
.cartToggle {
position: relative;
margin-top: -3px;
}
.cartToggle .icon-circle {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.cartToggle .icon-cart {
overflow: initial;
}
.cartToggle .icon-cart path {
position: relative;
transform-origin: center center;
}
.cartToggle--circle {
max-width: 27px;
margin-left: 3px;
}
.cartToggle--circle::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 24px;
height: 24px;
margin: -12px 0 0 -12px;
border-radius: 50%;
}
.cartToggle--circle.is-added::before {
animation: boxShadow 0.8s ease-in;
animation-fill-mode: both;
}
.cartToggle-items {
position: relative;
color: inherit;
font-size: calc(0.857rem * var(--FONT-ADJUST-BODY));
line-height: normal;
text-align: center;
}
.cartToggle.is-added .icon-cart path:last-child {
animation: bounceUp 0.8s ease-in-out;
animation-fill-mode: both;
}
.searchToggle {
width: 30px;
height: 30px;
margin: 0;
padding: 0;
border: 0;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.searchToggle .icon-close {
display: block;
width: 20px;
height: 20px;
padding: 0;
fill: currentColor;
}
.searchToggle--close {
position: absolute;
right: 0;
top: 2px;
right: -5px;
z-index: 3;
color: inherit;
background-color: transparent;
padding: 0;
border: none;
}
/*
* Main Logo
*/
.logo {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
position: relative;
z-index: 4;
margin: 0 auto;
padding: 10px 0;
text-align: center;
color: inherit;
font-family: var(--NAV-FONT-FAMILY);
font-weight: var(--NAV-FONT-WEIGHT);
font-style: var(--NAV-FONT-STYLE);
letter-spacing: var(--NAV-LETTER-SPACING);
}
@media only screen and (max-width: 1023px) {
.logo {
max-width: calc(100% - 160px);
}
}
@media only screen and (max-width: 767px) {
.logo {
flex-direction: column;
}
}
.logo .logo__image--transparent:not(.logo__image--single) {
position: absolute;
visibility: hidden;
}
.header--transparent .logo .logo__image--transparent {
position: relative;
visibility: visible;
}
.header--transparent .logo .logo__image--default:not(.logo__image--single) {
position: absolute;
visibility: hidden;
}
.logo__image {
display: block;
width: auto;
max-width: inherit;
max-height: 100%;
object-fit: contain;
transition: width 0.25s ease-in-out, height 0.25s ease-in-out;
}
.logo__image-link {
float: left;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
position: relative;
}
.logo__image-link + .logo__text {
padding-left: 15px;
}
@media only screen and (max-width: 479px) {
.logo__image-link + .logo__text {
padding: 10px 0;
}
}
@media only screen and (max-width: 479px) {
.logo__image-link {
max-width: 100%;
}
}
.logo__text {
padding: 0;
margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
.logo__text {
white-space: nowrap;
}
}
@media only screen and (max-width: 767px) {
.logo__text {
display: none;
}
.logo--text-only .logo__text {
display: block;
}
}
/**
* Navigation Ajax search
*/
.nav-search {
position: absolute;
top: 100%;
left: 0;
right: 0;
margin: 0;
}
.nav-search .search-form__sticky-container {
position: sticky;
position: -webkit-sticky;
top: 0;
z-index: 10;
background-color: var(--COLOR-BACKGROUND);
padding: 30px 0;
}
.nav-search .search-form {
position: relative;
width: 100%;
margin: 0 auto;
}
.nav-search label.icon-search {
position: absolute;
top: 7px;
left: 0;
width: 22px;
height: 22px;
margin-bottom: 0;
}
.nav-search label.icon-search .icon {
display: block;
width: 100%;
height: 100%;
}
.nav-search .inputGroup {
margin: 0 auto;
width: 100%;
height: 35px;
}
.nav-search-overlay {
display: block;
position: absolute;
transition: opacity 0.25s ease-in-out, visibility 0s linear 0.25s;
top: 0;
left: -80px;
right: -80px;
opacity: 0;
overflow: hidden;
z-index: 1;
pointer-events: none;
border-top: 1px solid var(--COLOR-BORDER);
background-color: var(--COLOR-BACKGROUND);
will-change: opacity, visibility;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 1023px) {
.nav-search-overlay {
left: -40px;
right: -40px;
}
}
@media only screen and (max-width: 479px) {
.nav-search-overlay {
left: -20px;
right: -20px;
}
}
.header--search-visible .nav-search-overlay {
opacity: 1;
visibility: visible;
pointer-events: auto;
right: calc(-80px - var(--scrollbar-width));
transition: opacity 0.25s ease-in-out, visibility 0s linear 0s;
}
.header--search-hiding .nav-search-overlay {
opacity: 0;
visibility: hidden;
transition: opacity 0.25s ease-in-out, visibility 0s linear 0.25s;
}
.nav-search-input {
font-size: calc(1.375rem * var(--FONT-ADJUST-BODY));
line-height: normal;
height: 100%;
padding: 0 47px;
width: 100%;
border-radius: 0;
background: transparent;
-webkit-appearance: none;
box-sizing: border-box;
color: var(--COLOR-TEXT);
box-sizing: border-box;
box-shadow: none;
}
.nav-search-input::-ms-clear {
display: none;
}
.nav-search-input::placeholder {
color: var(--COLOR-TEXT);
}
.nav-search-input::-webkit-input-placeholder {
color: var(--COLOR-TEXT);
}
.nav-search-input:-moz-placeholder {
color: var(--COLOR-TEXT);
}
.nav-search-input::-moz-placeholder {
color: var(--COLOR-TEXT);
}
.nav-search-input:-ms-input-placeholder {
color: var(--COLOR-TEXT);
}
input[type="search"].nav-search-input {
box-sizing: border-box;
}
.nav-search-submit {
display: none;
}
.nav-search-scroller {
width: 100vw;
max-height: calc(90vh - 60px);
overflow-x: hidden;
overflow-y: scroll;
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;
}
.nav-search-scroller:hover {
-webkit-mask-position: left top;
}
.nav-search-container {
position: relative;
width: calc(100% - 80px);
margin-left: 40px;
}
.nav-search-container.is-searching .results::after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: var(--COLOR-BACKGROUND-OVERLAY) var(--icon-loading) no-repeat
center center/64px 64px;
z-index: 1;
}
.results {
color: var(--COLOR-TEXT);
}
.results .no-results {
flex-grow: 1;
margin: 44px 20px;
text-align: center;
}
.results__inner {
display: none;
justify-content: space-between;
margin: 0 -20px;
}
.results--visible .results__inner {
display: flex;
}
.results__column {
width: 20%;
padding: 0 20px 20px;
}
.results__column--products {
min-width: 50%;
flex-grow: 1;
}
.results__heading {
font-family: var(--BODY-FONT-FAMILY);
font-weight: var(--BODY-FONT-WEIGHT);
font-style: var(--BODY-FONT-STYLE);
position: relative;
font-size: calc(1rem * var(--FONT-ADJUST-BODY));
font-weight: var(--BODY-FONT-WEIGHT-MEDIUM);
color: inherit;
border-bottom: 2px solid var(--COLOR-BORDER);
display: flex;
justify-content: space-between;
text-align: left;
margin-bottom: 30px;
padding-bottom: 9px;
}
.results__heading .view-all {
position: absolute;
bottom: 0;
right: 0;
height: 30px;
}
.results__heading .view-all.is-hidden {
display: none;
}
.results__list {
list-style: none;
}
.results__column--products .results__list {
margin: 20px -5px 0;
display: flex;
flex-wrap: wrap;
}
.result__item {
margin-bottom: 10px;
}
.results__column--products .result__item {
width: calc(25% - 10px);
margin: 0 5px 40px;
}
.results__column--products .result__item::after {
content: "";
display: table;
clear: both;
line-height: 0;
height: 0;
}
.result__item--center {
display: flex;
flex-direction: column;
}
.result__image {
position: relative;
width: 100%;
height: 0;
padding-top: var(--IMAGE-ASPECT-RATIO-PADDING);
margin-bottom: 15px;
}
.result__image a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.result__image img {
display: block;
max-width: 100%;
max-height: 100%;
width: 100%;
height: 100%;
object-fit: cover;
object-fit: var(--IMAGE-SIZE);
cursor: pointer;
}
.result__image .product__badge__item {
display: flex;
align-items: center;
justify-content: center;
}
.result__title {
text-align: left;
margin: 0;
color: inherit;
font-family: var(--BODY-FONT-FAMILY);
font-weight: var(--BODY-FONT-WEIGHT);
font-style: var(--BODY-FONT-STYLE);
font-size: calc(1.0625rem * var(--FONT-ADJUST-BODY));
line-height: 1.5;
}
.result__item--center .result__title {
text-align: center;
}
.result__item--center .result__price {
max-width: 100%;
text-align: center;
margin: 0 auto;
}
/*
* Footer
*/
.site-footer {
color: var(--COLOR-FOOTER-TEXT);
background-color: var(--COLOR-FOOTER-BG);
}
.site-footer ul,
.site-footer li {
list-style-type: none;
}
@media only screen and (min-width: 992px) {
.site-footer li {
padding-right: 40px;
}
}
.site-footer .footer__inner {
padding-top: 40px;
padding-bottom: 36px;
}
@media only screen and (max-width: 767px) {
.site-footer ul,
.site-footer li {
padding-right: 0px;
margin-bottom: 15px;
}
}
@media only screen and (min-width: 1024px) {
.site-footer--push {
padding-bottom: 48px;
}
}
.footer__blocks {
display: grid;
grid-template-columns: var(--footer-grid);
justify-content: space-between;
gap: 50px;
}
@media only screen and (max-width: 1023px) {
.footer__blocks {
grid-auto-flow: dense;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media only screen and (max-width: 767px) {
.footer__blocks {
grid-template-columns: 100%;
text-align: center;
justify-content: center;
margin-left: 0;
margin-right: 0;
}
}
.footer__block {
font-size: calc(0.875rem * var(--FONT-ADJUST-BODY));
line-height: 1.5;
max-width: 400px;
}
@media only screen and (max-width: 767px) {
.footer__block {
margin: 0 auto;
}
}
@media only screen and (max-width: 479px) {
.footer__block {
max-width: 100%;
}
}
.footer__block .sign-up-form .inputGroup {
border-color: var(--COLOR-FOOTER-TEXT);
}
.footer__block .sign-up-form .inputGroup ::-webkit-input-placeholder {
color: var(--COLOR-FOOTER-PLACEHOLDER-TEXT);
}
.footer__block .sign-up-form .inputGroup :-moz-placeholder {
color: var(--COLOR-FOOTER-PLACEHOLDER-TEXT);
}
.footer__block .sign-up-form .inputGroup ::-moz-placeholder {
color: var(--COLOR-FOOTER-PLACEHOLDER-TEXT);
}
.footer__block .sign-up-form .inputGroup :-ms-input-placeholder {
color: var(--COLOR-FOOTER-PLACEHOLDER-TEXT);
}
.footer__block .contact-form .inputGroup ::-webkit-input-placeholder,
.footer__block .comment-form .inputGroup ::-webkit-input-placeholder {
color: var(--COLOR-FOOTER-PLACEHOLDER-TEXT);
}
.footer__block .contact-form .inputGroup :-moz-placeholder,
.footer__block .comment-form .inputGroup :-moz-placeholder {
color: var(--COLOR-FOOTER-PLACEHOLDER-TEXT);
}
.footer__block .contact-form .inputGroup ::-moz-placeholder,
.footer__block .comment-form .inputGroup ::-moz-placeholder {
color: var(--COLOR-FOOTER-PLACEHOLDER-TEXT);
}
.footer__block .contact-form .inputGroup :-ms-input-placeholder,
.footer__block .comment-form .inputGroup :-ms-input-placeholder {
color: var(--COLOR-FOOTER-PLACEHOLDER-TEXT);
}
.footer__block .contact-form input.sign-up-input,
.footer__block .comment-form input.sign-up-input {
color: var(--COLOR-FOOTER-TEXT);
border-color: var(--COLOR-FOOTER-TEXT);
}
.footer__block .contact-form button.sign-up-submit,
.footer__block .comment-form button.sign-up-submit,
.footer__block .contact-form .sign-up-submit.btn,
.footer__block .comment-form .sign-up-submit.btn,
.footer__block
.contact-form
.sign-up-submit.shopify-payment-button__button--unbranded,
.footer__block
.comment-form
.sign-up-submit.shopify-payment-button__button--unbranded {
color: var(--COLOR-FOOTER-TEXT);
border-color: var(--COLOR-FOOTER-TEXT);
}
.footer__block .contact-form button.sign-up-submit:hover,
.footer__block .comment-form button.sign-up-submit:hover,
.footer__block .contact-form .sign-up-submit.btn:hover,
.footer__block .comment-form .sign-up-submit.btn:hover,
.footer__block
.contact-form
.sign-up-submit.shopify-payment-button__button--unbranded:hover,
.footer__block
.comment-form
.sign-up-submit.shopify-payment-button__button--unbranded:hover {
color: var(--COLOR-FOOTER-TEXT);
background-color: var(--COLOR-FOOTER-BG-HOVER);
}
.footer__block__title {
font-size: calc(1.125rem * var(--FONT-ADJUST-BODY));
font-weight: var(--BODY-FONT-WEIGHT-MEDIUM);
margin: 0 0 15px;
}
.footer__block__text {
margin-bottom: 10px;
}
.footer__block__menu-link {
margin-bottom: 5px;
}
.footer__bottom {
padding: 70px 0px 60px 0px;
font-size: 18px;
line-height: 1.5;
color: var(--COLOR-FOOTER-BOTTOM-TEXT);
background-color: var(--COLOR-FOOTER-BOTTOM-BG);
}
@media only screen and (max-width: 767px) {
.footer__bottom {
text-align: center;
padding: 15px 0px 30px 0px;
}
}
@media only screen and (min-width: 992px) {
.footer__bottom__wrapper {
display: flex;
justify-content: space-between;
flex-direction: row-reverse;
}
}
@media only screen and (min-width: 992px) {
.footer__bottom__left,
.footer__bottom__right {
/* flex-basis: calc(50% - 25px); */
display: flex;
flex-direction: row;
}
}
@media only screen and (max-width: 767px) {
.footer__bottom__left {
margin-top: 40px;
}
}
.footer__logo {
display: inline-block;
margin: 5px 0;
}
.footer__logo img {
display: block;
}
.footer__logo--placeholder {
position: relative;
width: 100%;
height: 0;
padding-top: 100%;
overflow: hidden;
}
.footer__logo--placeholder svg {
position: absolute;
top: 50%;
left: 50%;
width: 150%;
height: 150%;
transform: translate(-50%, -50%);
}
.footer__payment {
margin: 15px 0;
}
.footer__copyright {
color: inherit;
margin: 15px 0;
}
.footer__copyright p {
font-size: 18px;
line-height: inherit;
margin: 0;
}
.footer__copyright a {
text-decoration: none;
color: white;
}
.footer__social {
margin: 15px 0;
}
.footer__social .social-links {
display: flex;
justify-content: flex-end;
flex-wrap: wrap;
font-size: 0;
margin: 0;
}
@media only screen and (max-width: 767px) {
.footer__social .social-links {
justify-content: center;
}
}
.footer__menu {
font-size: inherit;
line-height: inherit;
margin: 15px 0;
}
@media only screen and (max-width: 767px) {
.footer__menu {
margin: 30px 0;
}
}
.footer__menu__links {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
}
@media only screen and (max-width: 991px) {
.footer__menu__links {
display: block;
}
}
.footer__menu__item {
margin-left: 15px;
}
@media only screen and (max-width: 767px) {
.footer__menu__item {
margin: 0 6px 6px;
}
}
@media only screen and (min-width: 992px) {
.footer__menu__item--first {
margin-left: 0;
}
}
@media only screen and (max-width: 991px) {
.footer__copyright {
text-align: center;
}
.footer__menu__item {
text-align: center;
}
.footer__social .social-links {
justify-content: center;
margin: 15px 0 30px 0;
}
}
.payment-icons__list {
margin: 0;
color: var(--COLOR-FOOTER-TEXT);
font-size: 0;
line-height: 0;
}
@media only screen and (max-width: 479px) {
.payment-icons__list {
text-align: center;
}
}
.payment-icons__item {
display: inline-block;
list-style: outside none none;
margin: 0 4px 4px 0;
}
@media only screen and (max-width: 479px) {
.payment-icons__item:first-child {
margin-left: 4px;
}
}
.payment-icon {
display: inline-block;
width: 38px;
height: 24px;
vertical-align: middle;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
border-radius: 3px;
}
.announcement__wrapper {
position: relative;
overflow: hidden;
}
.announcement__wrapper--top {
z-index: 999;
}
@keyframes ticker {
0% {
transform: translate3d(0, 0, 0);
visibility: visible;
}
100% {
transform: translate3d(-100%, 0, 0);
}
}
.announcement__bar-outer {
min-height: var(--announcement-height);
} /* Set initial height based on the font-size to prevent CLS */
.announcement__bar-outer .flickity-button {
display: none;
}
.announcement__bar-outer--high {
transform: translateY(var(--menu-height));
}
.js
.announcement__bar-holder:not(.flickity-enabled)
.announcement__bar
~ .announcement__bar {
display: none;
}
[data-header-transparent="true"][data-header-sticky="static"]
+ .announcement__bar-outer--high,
[data-header-transparent="true"][data-header-sticky="sticky"]
+ .announcement__bar-outer--high {
position: absolute;
z-index: 201;
width: 100%;
background-color: var(--bg);
}
.announcement__bar {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
background-color: var(--bg);
color: var(--text);
transition: transform 0.25s ease-in-out;
padding: 5px 0;
min-height: 35px;
z-index: 1000;
overflow: hidden;
}
[data-scroll-lock-locked="true"] .announcement__bar {
width: 100vw;
}
@media only screen and (max-width: 1023px) {
.announcement__bar[data-status-mobile="false"] {
display: none;
}
}
.announcement__bar a:link,
.announcement__bar a:hover {
color: inherit;
text-decoration: none;
}
.announcement__bar p {
margin: 0;
color: inherit;
}
.announcement__bar .icon {
fill: currentColor;
}
.announcement__bar--error {
display: none;
}
.announcement__bar .cart__message.is-hidden {
visibility: visible;
max-height: none;
padding: 0 15px;
border: none;
opacity: 1;
}
.announcement__bar.is-selected {
z-index: 1010;
}
.announcement__text {
display: flex;
flex-flow: row nowrap;
align-items: center;
padding: 2px 0;
}
.announcement__text p {
font-size: 18px;
}
.announcement__text > div {
display: inline-block;
margin: 0px auto;
vertical-align: middle;
}
.announcement__text * {
white-space: inherit;
}
.announcement__text a {
position: relative;
display: inline-block;
color: inherit;
}
.announcement__text a:after {
content: "";
position: absolute;
left: 50%;
bottom: -2px;
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;
display: flex;
}
.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: 767px) {
.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;
}
.announcement__scale + .announcement__text {
display: none;
}
.no-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 .announcement__bar {
opacity: 0;
transition: opacity 1s ease;
}
[data-slider].announcement__bar-holder .announcement__bar.is-selected {
opacity: 1;
}
.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__comparator {
position: absolute;
transform: translateY(-5000px);
visibility: hidden;
}
.ie .announcement__bar--error {
display: block;
height: auto;
padding: 15px;
}
.account-page {
margin-top: 50px;
margin-bottom: 50px;
font-size: calc(0.875rem * var(--FONT-ADJUST-BODY));
}
.account-page .button.is-hidden {
display: none;
}
.no-js .account-form {
display: block !important;
margin-left: auto;
margin-right: auto;
}
.account-form h2 {
margin-bottom: 20px;
}
.account-form h3 {
font-size: calc(2rem * var(--FONT-ADJUST-HEADING));
line-height: 1.32;
margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
.account-form h3 {
font-size: calc(1.5625rem * var(--FONT-ADJUST-HEADING));
}
}
.account-form input[type="text"],
.account-form input[type="email"],
.account-form input[type="password"],
.account-form input[type="tel"] {
font-size: calc(1.0625rem * var(--FONT-ADJUST-BODY));
line-height: 1.5;
background-color: var(--COLOR-BACKGROUND) !important;
border: 1px solid var(--COLOR-BORDER);
width: 100%;
}
.account-form input[type="hidden"] {
display: none;
}
.account-form select {
font-size: calc(1.0625rem * var(--FONT-ADJUST-BODY));
line-height: 1.5;
background-color: #fff;
border: 1px solid var(--COLOR-BORDER);
width: 100%;
}
.account-form .errors {
margin: 10px 0;
}
.account-form .errors a {
text-decoration: underline;
}
.account-form .button,
.account-form .account-form__submit {
display: inline-block;
vertical-align: middle;
float: left;
}
@media only screen and (max-width: 479px) {
.account-form .button,
.account-form .account-form__submit {
text-align: center;
width: 100%;
}
}
.account-form .guest-login-submit {
margin-left: 10px;
}
@media only screen and (max-width: 479px) {
.account-form .guest-login-submit {
margin-left: 0px;
margin-top: 10px;
}
}
.account-page .account-form.is-hidden {
display: none;
}
.account-form__link {
display: inline-block;
margin: 8px auto;
}
@media only screen and (min-width: 768px) {
.account-form__link--password {
position: absolute;
}
}
.account-page--reset-password .inputGroup {
margin-left: auto;
margin-right: auto;
}
.account-form__info-text {
margin-bottom: 20px;
}
.account-form[data-form] span.validation {
font-size: calc(0.7rem * var(--FONT-ADJUST-HEADING));
line-height: 1.6;
font-family: var(--BODY-FONT-FAMILY);
font-weight: var(--BODY-FONT-WEIGHT);
font-style: var(--BODY-FONT-STYLE);
color: #000;
padding-top: 7px;
display: block;
height: 0;
overflow: hidden;
transition: height 0.3s ease;
}
.account-form[data-form] span.validation.validation--showup {
height: 20px;
}
.checkboxBlock input[type="checkbox"] {
display: inline-block;
margin-right: 10px;
}
.checkboxBlock label {
display: inline;
}
.account-home h3 {
margin-bottom: 10px;
}
.account-home .account-orders,
.account-home .account-details {
vertical-align: top;
}
.account-home .account-title {
margin-bottom: 2em;
}
.account-home .account-title a {
opacity: 0.6;
}
/* The Account: Link at the tops of the inner account pages
*/
.account-crumbs {
margin-bottom: 2em;
}
a.account-breadcrumb {
transition: opacity 0.2s ease;
color: var(--COLOR-TEXT);
text-decoration: underline;
}
a.account-breadcrumb:hover {
opacity: 0.8;
}
a.account-addresses {
transition: opacity 0.2s ease;
color: var(--COLOR-TEXT);
}
a.account-addresses:hover {
opacity: 0.8;
}
/* Global Table styles for /account pages
*/
.account-table .d-table-cell {
padding: 15px 0;
border-bottom: 1px solid var(--COLOR-BORDER);
text-align: center;
}
@media only screen and (max-width: 767px) {
.account-table .d-table-header {
display: none;
}
.account-table .d-table-cell {
float: left;
text-align: left;
border-bottom: 0;
border-top: 1px solid var(--COLOR-BORDER);
}
.account-table .d-table-row {
border-bottom: 1px solid var(--COLOR-BORDER);
}
.account-table .d-table-row::before,
.account-table .d-table-row::after {
content: " ";
display: table;
}
.account-table .d-table-row::after {
clear: both;
}
.account-table .order-table-summary .d-table-cell {
border: 0;
}
.account-table .u-right {
text-align: left;
}
}
/* Order table on /account page
*/
.account-home-table .order-number {
text-align: left;
}
.account-home-table .order-number a {
text-decoration: underline;
transition: opacity 0.2s ease;
color: var(--COLOR-TEXT);
}
.account-home-table .order-number a:hover {
opacity: 0.8;
}
.account-home-table .order-total {
text-align: right;
}
@media only screen and (max-width: 767px) {
.account-home-table .order {
margin: 30px 0 0;
}
.account-home-table .d-table-cell {
width: 50%;
}
.account-home-table .order-number {
border-top: 0px solid var(--COLOR-BORDER);
width: 100%;
}
.account-home-table .order-number h4 {
color: var(--COLOR-TEXT);
}
.account-home-table .order-number h4,
.account-home-table .order-number a {
display: inline !important;
}
.account-home-table .order-total {
text-align: left;
}
}
@media only screen and (max-width: 1023px) {
.account-details {
margin-top: 50px;
}
}
/*
* Orders Page
*/
@media only screen and (min-width: 1024px) {
.order-table .product__unit-price {
justify-content: center;
}
}
@media only screen and (max-width: 767px) {
.order-table .d-table-cell {
width: 33%;
}
.order-table .order-product {
border-top: 0px solid var(--COLOR-BORDER);
width: 100%;
}
.order-table .order-product__total {
text-align: left !important;
}
.order-table .price {
text-align: right;
}
.order-table .product__unit-price {
justify-content: flex-start;
}
}
@media only screen and (max-width: 479px) {
.order-table .table-cell-summary {
border-top: none;
}
.order-table .table-cell-summary.title {
width: 55%;
}
.order-table .table-cell-summary.price {
width: 40%;
padding-left: 5%;
text-align: right !important;
}
}
.order-table-summary {
margin: 30px 0;
}
@media only screen and (max-width: 767px) {
.order-table-summary .d-table-cell {
width: 50%;
}
}
@media only screen and (max-width: 479px) {
.order-table-summary h2.med_show {
border-bottom: 1px solid var(--COLOR-BORDER);
padding-bottom: 15px;
margin-bottom: 0;
}
}
.order-product {
text-align: left;
}
.order-product__thumb {
display: inline-block;
position: relative;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
height: 50px;
margin-right: 10px;
width: 50px;
vertical-align: middle;
}
.order-product__title {
display: inline-block;
position: relative;
width: 60%;
vertical-align: middle;
}
.order-product__fulfillment,
.order-product__subscription {
font-size: calc(0.7875rem * var(--FONT-ADJUST-BODY));
opacity: 0.7;
padding-top: 5px;
}
.order-product__subscription {
font-style: italic;
}
.order-product__discounts {
padding-top: 5px;
}
.order-product__discounts p {
font-size: calc(0.7875rem * var(--FONT-ADJUST-BODY));
opacity: 0.7;
}
.order-container h3 {
margin-top: 15px;
}
/*
* Addresses
*/
.saved-addresses {
margin: 50px 0;
}
.saved-addresses .address {
margin: 20px 0;
}
.saved-addresses .address a {
line-height: 2.5;
text-decoration: underline;
}
.article .page-content {
margin-top: 0;
}
.article .page-title {
text-align: left;
}
.article__image {
position: relative;
padding-top: 66%;
margin: 30px 0px;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
}
.article__image a {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.article__content img {
display: block;
margin: auto;
margin-bottom: 40px;
max-width: 100%;
}
@media only screen and (max-width: 767px) {
.article__content .row.row-sm {
width: 100%;
}
}
.article__footer {
margin-top: 20px;
margin-bottom: 50px;
}
.article__footer .accent-line {
margin-bottom: 30px;
}
.article__footer .tags {
color: var(--COLOR-TEXT);
}
.article__footer .tags a {
color: var(--COLOR-TEXT);
}
.article__footer .share-links {
justify-content: initial;
margin: 30px 0;
}
.article__footer .tags {
font-family: var(--BODY-FONT-FAMILY);
font-weight: var(--BODY-FONT-WEIGHT);
font-style: var(--BODY-FONT-STYLE);
}
.article__controls {
display: flex;
justify-content: space-between;
text-align: center;
width: 100%;
margin: 50px 0;
}
.article__control {
transition: opacity 0.2s ease;
display: flex;
align-items: center;
color: var(--COLOR-TEXT);
text-decoration: none;
}
.article__control:hover {
opacity: 0.8;
}
.article__control .icon-arrow {
width: 12px;
height: 12px;
}
.article__control--prev .icon-arrow {
transform: rotate(90deg);
margin-right: 6px;
margin-left: -3px;
}
.article__control--next .icon-arrow {
transform: rotate(-90deg);
margin-left: 6px;
margin-right: -3px;
}
.back-to-all {
float: left;
}
.back-to-all a {
transition: opacity 0.2s ease;
color: var(--COLOR-TEXT);
text-decoration: none;
}
.back-to-all a:hover {
opacity: 0.8;
}
.blog-listing .back-to-all {
margin-top: -40px;
margin-bottom: 60px;
}
.article__comments h3 {
margin-bottom: 10px;
}
.article__comments .meta-comments {
border-bottom: 1px solid var(--COLOR-BORDER);
padding-bottom: 5px;
}
.article__comments #comments {
display: flex;
flex-wrap: wrap;
}
.article__comments #comments > * {
flex: 0 1 100%;
}
.article__comments #comments > .success {
order: -1;
}
.article__comments #comments > ul > li {
border-top: 1px solid var(--COLOR-BORDER);
padding-top: 20px;
padding-bottom: 20px;
}
.article__comments #comments > ul > li:first-child {
border-top: 0;
}
.comment-form {
margin-top: 10px;
}
.comment-form input[type="submit"].button {
margin-top: 10px;
margin-bottom: 45px;
}
@media only screen and (max-width: 479px) {
.comment-form input[type="submit"].button {
margin-left: 0;
width: 100%;
}
}
.comment-form h4 {
margin-bottom: 15px;
}
.blog-index-link {
margin-bottom: 50px;
}
.blog-index-link .icon-arrow {
transform: rotate(90deg);
margin-right: 6px;
margin-left: -3px;
}
.blog-index-link a {
display: flex;
align-items: center;
color: var(--text);
text-decoration: none;
transition: opacity 0.2s ease;
}
.blog-index-link a:hover {
opacity: 0.8;
}
.pagination--comments {
padding: 0;
}
/*
* Page Banners - Collections Page and About Page
*/
.shopify-section + .shopify-section .banner {
margin-top: 10px;
}
.banner {
display: block;
position: relative;
overflow: hidden;
margin: 10px 0 0;
color: var(--text);
}
.banner .page-title__heading {
color: inherit;
}
.banner .page-title {
position: relative;
margin-bottom: 0;
padding-top: 30px;
padding-bottom: 30px;
width: 100%;
}
.banner .svg-placeholder::after {
content: none;
}
.banner .svg-placeholder > svg {
max-width: none;
}
.template-page .banner--transparent-header,
.shopify-section:first-child .banner--transparent-header {
margin: 0;
}
@media only screen and (max-width: 479px) {
.template-page .banner--transparent-header .page-title,
.shopify-section:first-child .banner--transparent-header .page-title {
padding-top: var(--header-initial-height);
}
}
.banner {
height: 750px;
}
.banner--small {
height: 550px;
}
.banner--normal {
height: 650px;
}
.banner--one-hundred {
height: 100vh;
}
.banner--original-height {
height: 0;
}
.banner__inner {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.banner__inner--text-center {
text-align: center;
}
.banner__inner--text-left,
.banner__inner--text-bottom-left {
text-align: left;
justify-content: flex-start;
}
.banner__inner--text-right,
.banner__inner--text-bottom-right {
justify-content: flex-end;
}
.banner__inner--text-bottom-left,
.banner__inner--text-bottom-right {
align-items: flex-end;
}
.banner__inner--text-bottom-left .page-title,
.banner__inner--text-bottom-right .page-title {
padding-bottom: 40px;
}
@media only screen and (max-width: 479px) {
.banner__inner--text-bottom-left .page-title,
.banner__inner--text-bottom-right .page-title {
padding-bottom: 20px;
}
}
.banner__inner--text-left .page-title,
.banner__inner--text-bottom-left .page-title {
margin-left: 0;
text-align: left;
}
.banner__inner--text-right .page-title,
.banner__inner--text-bottom-right .page-title {
margin-right: 0;
text-align: right;
}
.banner__image {
display: block;
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
z-index: 0;
background-size: cover;
background-repeat: no-repeat;
}
.banner__image::before {
content: "";
box-sizing: border-box;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: var(--overlay-opacity);
background-color: var(--overlay-color);
z-index: 1;
}
.banner__image.banner__image--single {
display: block;
}
@media only screen and (max-width: 767px) {
.banner__image {
display: none;
}
}
.banner__image--mobile {
display: none;
}
@media only screen and (max-width: 767px) {
.banner__image--mobile {
display: block;
}
}
@media only screen and (max-width: 767px) {
.banner__image--placeholder {
display: block;
}
}
/*
* Blog module
*/
.blogModule {
margin: 10px 0;
color: var(--COLOR-TEXT);
}
.blogModule h1,
.blogModule h2,
.blogModule h3,
.blogModule h4,
.blogModule h5,
.blogModule h6 {
color: var(--COLOR-HEADING);
}
.blogModule .page-title {
position: relative;
margin-top: 50px;
margin-bottom: 50px;
}
.blogModule .page-title h2 {
font-size: calc(2rem * var(--FONT-ADJUST-HEADING));
line-height: 1.32;
margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
.blogModule .page-title h2 {
font-size: calc(1.5625rem * var(--FONT-ADJUST-HEADING));
}
}
.blogModule .page-title p {
margin: 0;
}
.blogModule .page-title .button {
position: absolute;
top: 1px;
right: 0;
margin: 0;
}
.blogModule .page-title .button:first-child:last-child {
display: inline-block;
position: relative;
top: auto;
}
@media only screen and (max-width: 1023px) {
.blogModule .page-title .button {
margin: 10px auto;
position: relative;
right: auto;
top: auto;
}
}
@media only screen and (max-width: 479px) {
.blogModule .page-title .button {
width: 100%;
}
}
.blogModule .page-title--no-text {
text-align: center;
}
.blogModule .page-title--no-text .button {
position: static;
}
.blogModule .article__info {
padding: 0 10px 0 0;
display: block;
}
@media only screen and (max-width: 767px) {
.blogModule .article__info {
padding-left: 10px;
}
}
.blogModule .article__info + .post__image {
margin: 0 0 30px;
}
.blogModule .button-wrapper {
margin: 30px auto 50px;
}
.blogModule--template {
margin: 50px 0;
}
@media only screen and (max-width: 767px) {
.blogModule--template {
margin-top: 20px;
}
}
.post__image {
display: block;
position: relative;
width: 100%;
height: 0;
margin-bottom: 10px;
padding-top: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
overflow: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.article__meta {
display: flex;
flex-wrap: wrap;
margin: 0;
}
.article__meta span::after {
content: "•";
margin: 0 4px;
}
.article__meta span:last-child::after {
content: none;
}
.article__info {
display: block;
position: relative;
padding: 20px 0px 30px;
}
@media only screen and (max-width: 479px) {
.article__info {
padding: 15px 0px 0px;
}
}
.article__meta__date {
margin-bottom: 0;
text-align: left;
}
.article__meta__author {
position: relative;
overflow: hidden;
text-align: right;
text-transform: capitalize;
}
.article__title {
margin-bottom: 15px;
}
.article__excerpt {
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
}
.article--featured .article__excerpt {
-webkit-line-clamp: 10;
}
.article__excerpt a {
display: block;
text-decoration: none;
}
.article__meta,
.post__tags {
font-size: calc(0.75rem * var(--FONT-ADJUST-BODY));
line-height: 1.5;
margin-bottom: 15px;
}
.post__tags {
display: flex;
flex-wrap: wrap;
margin: 0;
padding-bottom: 8px;
pointer-events: none;
}
.blogModule-posts__post--has-image .post__tags {
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding: 0 0 0 10px;
}
.article--has-image .post__tags {
position: absolute;
top: 0;
left: 0;
right: 0;
padding: 18px 0 0 10px;
}
.article--no-image .post__tags {
justify-content: center;
}
.post__tags__tag {
display: inline-block;
line-height: 1.5;
padding: 1px 8px;
background: var(--COLOR-BACKGROUND);
border: 1px solid var(--COLOR-TEXT);
margin: 0 10px 10px 0;
letter-spacing: 1px;
text-transform: uppercase;
pointer-events: auto;
}
@media only screen and (max-width: 479px) {
.post__tags__tag {
padding: 0 5px;
}
}
.blogModule-posts__post--has-image .post__tags__tag,
.article--has-image .post__tags__tag {
border-color: transparent;
}
@media only screen and (min-width: 1024px) {
.blogModule-posts__post.lg_s12:nth-child(2n + 1),
.blogModule-posts__post.lg_s13:nth-child(3n + 1),
.blogModule-posts__post.lg_s14:nth-child(4n + 1),
.blogModule-posts__post.lg_s15:nth-child(5n + 1) {
clear: both;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.blogModule-posts__post:nth-child(2n + 1) {
clear: both;
}
}
.blogModule-posts__wrapper {
position: relative;
overflow: hidden;
}
.blogModule-posts {
margin: 0 5px;
/**
* Infinity scroll padding bottom
*/
}
.blogModule-posts[data-infinity] {
padding-bottom: 50px;
}
@media only screen and (min-width: 768px) {
.blogModule-posts::after {
content: "";
display: table;
clear: both;
line-height: 0;
height: 0;
}
}
.blogModule-posts--horizontal {
margin-bottom: -25px;
}
@media only screen and (max-width: 767px) {
.blogModule-posts--horizontal {
margin: 0 auto;
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
overflow-x: auto;
overflow-y: hidden;
display: flex;
flex-flow: row nowrap;
scroll-behavior: smooth;
scroll-snap-type: x mandatory;
scroll-padding: var(--gap);
padding-left: var(--outer);
padding-right: 0;
scrollbar-width: none;
-ms-overflow-style: none; /* for Internet Explorer, Edge */
}
.blogModule-posts--horizontal::-webkit-scrollbar {
display: none; /* for Chrome, Safari, and Opera */
}
.blogModule-posts--horizontal::after {
content: "";
display: block;
position: relative;
padding-right: var(--outer);
}
.blogModule-posts--horizontal .blogModule-posts__post {
display: block;
width: 66%;
flex: 0 0 auto;
float: none;
scroll-snap-align: start;
padding: 0;
margin-right: var(--gap);
}
.blogModule-posts--horizontal .blogModule-posts__post:last-child {
margin-right: 0;
}
}
.blogModule-posts__post {
padding: 0 5px;
overflow: hidden;
will-change: transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
@media only screen and (min-width: 768px) {
.blogModule-posts__post {
float: left;
margin-bottom: 20px;
}
}
.blogModule--template .blogModule-posts__post {
margin-bottom: 20px;
}
.blogModule-posts__post .article__title {
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.blogModule-posts__post-block {
position: relative;
}
.fake-blog--image {
padding-top: 0 !important;
height: 200px !important;
width: 300px !important;
max-width: 100%;
position: relative;
overflow: hidden;
margin-left: auto;
margin-right: auto;
}
.fake-blog--image svg {
display: block;
max-width: 100%;
max-height: 100%;
}
hr.post-divider {
display: block;
position: relative;
border-top: 2px solid var(--COLOR-BORDER);
margin: 0 auto 40px;
width: 80px;
}
@media only screen and (min-width: 768px) {
hr.post-divider {
display: none;
}
}
.article--featured {
position: relative;
margin-bottom: var(--gutter);
}
.article--featured::after {
content: "";
display: table;
clear: both;
line-height: 0;
height: 0;
}
.article--featured .article__image-container {
position: relative;
float: right;
width: calc(50% + 75px - var(--gutter));
margin-right: calc(-80px + var(--gutter));
}
@media only screen and (max-width: 1023px) {
.article--featured .article__image-container {
width: calc(50% + 35px - var(--gutter));
margin-right: calc(-40px + var(--gutter));
}
}
@media only screen and (max-width: 767px) {
.article--featured .article__image-container {
float: none;
width: calc(100% + 20px);
margin: 0 -10px 15px;
}
}
.article--featured .article__image {
margin: 0;
padding-top: 89%;
}
@media only screen and (max-width: 767px) {
.article--featured .article__image {
padding-top: 66%;
}
}
.article--featured .article__title {
margin: 0 0 10px;
}
.article--featured .article__meta {
margin: 10px 0 0 10px;
text-align: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: calc(0.75rem * var(--FONT-ADJUST-BODY));
}
@media only screen and (min-width: 768px) {
.article--featured .article__meta {
position: absolute;
top: auto;
bottom: 0;
width: auto;
text-align: left;
width: 100%;
max-width: 100%;
margin: 0 0 0 -8px;
transform-origin: left bottom;
-webkit-transform-origin: left bottom;
transform: rotate(-90deg);
}
}
.article--featured .article__content {
overflow: hidden;
padding-right: 50px;
opacity: 1;
transition: opacity 0.15s ease-out;
}
.article--featured .article__content p {
font-size: calc(1rem * var(--FONT-ADJUST-BODY));
line-height: 1.78;
margin: 0 0 1em;
}
.article--featured .accent-line {
margin-top: 10px;
margin-bottom: 10px;
}
.article--featured .accent-line--straight {
margin-top: 14px;
margin-bottom: 14px;
}
.article--featured.article--no-image {
text-align: center;
margin-bottom: 50px;
}
.article--featured.article--no-image .article__content {
padding-right: 0;
max-width: 725px;
margin: 0 auto;
}
.article--featured.article--no-image .article__meta {
margin: 10px 0;
display: block;
text-align: inherit;
}
@media only screen and (min-width: 768px) {
.article--featured.article--no-image .article__meta {
position: static;
width: 100%;
max-width: 100%;
transform: none;
}
}
@media only screen and (max-width: 767px) {
.article--featured {
margin-left: -20px;
margin-right: -20px;
}
.article--featured .accent-line {
margin-left: auto;
margin-right: auto;
}
.article--featured .article__content {
padding-right: 0;
margin-bottom: 15px;
}
}
@media only screen and (max-width: 479px) {
.article--featured {
margin-left: 0;
margin-right: 0;
}
}
.article--featured.is-loading .article__content {
opacity: 0;
}
.blogModule-posts__post--no-image .post__image {
display: none;
}
@media only screen and (max-width: 767px) {
.blogModule-posts__post--no-image .post__tags {
margin-left: 10px;
}
}
.blog-title {
width: auto;
}
.blog-title span + .blog-rss {
margin-left: 12px;
}
.blog-title--has-rss {
max-width: calc(100% - 150px);
margin-bottom: 0;
}
.blog-rss {
position: relative;
display: inline-flex;
align-items: center;
vertical-align: middle;
transition: opacity 0.2s ease;
font-size: calc(0.875rem * var(--FONT-ADJUST-BODY));
line-height: normal;
opacity: 0.4;
white-space: nowrap;
}
.blog-rss .icon-rss {
display: block;
width: 24px;
height: 24px;
fill: currentColor;
}
.blog-rss .blog-rss__label {
font-size: calc(1.0625rem * var(--FONT-ADJUST-HEADING));
line-height: 1.5;
transition: opacity 0.2s ease;
opacity: 0;
line-height: 1.2;
display: inline-block;
vertical-align: middle;
margin-left: 5px;
}
.blog-rss:hover {
opacity: 1;
}
.blog-rss:hover .blog-rss__label {
opacity: 1;
}
.tag-label {
color: var(--COLOR-TEXT);
}
/*
* Breadcrumbs
*/
.breadcrumbs {
padding: 8px 0;
font-size: calc(0.875rem * var(--FONT-ADJUST-BODY));
}
.breadcrumbs a,
.breadcrumbs span {
opacity: 1;
}
.breadcrumbs a:hover {
opacity: 0.7;
}
@media only screen and (max-width: 767px) {
.breadcrumbs {
display: none;
}
}
.breadcrumbs-sep {
margin: 0 5px;
}
.cart-wrapper {
max-width: 100%;
}
.cart {
padding-top: 50px;
font-size: calc(0.875rem * var(--FONT-ADJUST-BODY));
}
@media only screen and (max-width: 767px) {
.cart {
padding-top: 25px;
}
}
.cart .is-hidden {
display: none !important;
}
.cart-drawer {
position: fixed;
top: 0;
left: 0;
z-index: 1012;
width: 100%;
height: 100vh;
background-color: var(--bg);
font-size: calc(0.875rem * var(--FONT-ADJUST-BODY));
touch-action: manipulation;
opacity: 0;
visibility: hidden;
transition: opacity 0.5s ease-in-out, visibility 0s linear 0.5s;
}
.cart--is-visible .cart-drawer {
opacity: 1;
visibility: visible;
transition: opacity 0.25s ease-in-out, visibility 0s linear 0s;
}
.cart-drawer .scroll {
position: relative;
padding: 40px 0;
width: 100%;
height: 100vh;
overflow-x: hidden;
overflow-y: auto;
}
.cart-drawer .cart {
display: block;
position: relative;
min-height: calc(100vh - 80px);
transform: translateX(80%);
transition: transform 0.5s ease-in-out;
}
.cart-drawer .cart.is-open {
transform: translateX(0);
}
.cart-drawer .cart .product__price {
display: block;
}
.cart-drawer .cart__title {
padding-top: 80px;
}
.cart-drawer .cart__empty {
position: absolute;
top: 50%;
left: 0;
right: 0;
margin: 0;
transform: translateY(-50%);
}
@media only screen and (max-width: 767px) {
.cart-drawer .cart__empty {
padding: 0 20px;
}
}
.cart-drawer .cart__empty h2 {
padding-top: 0;
}
.cart__message > span {
display: block;
}
.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__message-progress {
display: block;
width: 100%;
height: 10px;
padding: 2px;
border: 1px solid var(--COLOR-BORDER);
margin: 5px 0 20px;
}
.cart__message-progress span {
display: block;
height: 100%;
width: 100%;
background-color: var(--COLOR-BUTTON-PRIMARY-BG);
transition: transform 0.3s;
transform: scaleX(calc(var(--percent) / 100));
transform-origin: left center;
will-change: transform;
}
.cart-product__discounts p,
.cart-discounts {
opacity: 0.7;
font-size: calc(0.75rem * var(--FONT-ADJUST-BODY));
margin: 5px 0;
}
.cart-discounts {
display: grid;
grid-template-columns: 50% 50%;
}
.cart-discounts__title {
padding-right: 10px;
}
.cart-discounts__price {
text-align: right;
}
.cart__form {
display: none;
margin-bottom: 50px;
}
@media only screen and (max-width: 1023px) {
.cart__form {
flex-direction: column;
margin-bottom: 25px;
}
}
.is-hidden + .cart__form {
display: flex;
flex-flow: row wrap;
}
.cart__form .cart__title {
margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
.cart__form .cart__title {
margin-bottom: 40px;
text-align: center;
}
}
.cart__form .cart__table {
padding-top: 3px;
width: calc(100% - 465px);
}
@media only screen and (max-width: 1319px) {
.cart__form .cart__table {
width: 100%;
}
}
.cart__form .checkout-buttons {
width: 100%;
max-width: 465px;
padding: 0 0 0 80px;
}
@media only screen and (min-width: 1320px) {
.cart__form .checkout-buttons {
position: sticky;
position: -webkit-sticky;
top: 60px;
align-self: flex-start;
}
.cart-drawer .cart__form .checkout-buttons {
top: 0;
}
}
@media only screen and (max-width: 1319px) {
.cart__form .checkout-buttons {
width: 360px;
padding: 30px 0 0;
margin: 0 auto;
}
}
.cart__form .additional-checkout-buttons {
float: left;
width: 100%;
position: relative;
}
.cart__form .additional-checkout-buttons .shopify-cleanslate > div > div {
margin-left: 0 !important;
margin-right: 0 !important;
}
.cart__form .additional-checkout-buttons ul[data-shopify-buttoncontainer] {
flex-direction: column !important;
margin: 0 !important;
}
.cart__form .additional-checkout-buttons ul[data-shopify-buttoncontainer] > li {
flex-basis: initial !important;
margin: 0 0 8px !important;
}
.cart__form .additional-checkout-buttons .paypalLight,
.cart__form .additional-checkout-buttons .shopify-cleanslate,
.cart__form .additional-checkout-buttons .shopify-cleanslate > div,
.cart__form .additional-checkout-buttons .shopify-cleanslate > div > div,
.cart__form .additional-checkout-buttons .shopify-cleanslate > div > div > div {
min-width: 385px !important;
}
@media only screen and (max-width: 1319px) {
.cart__form .additional-checkout-buttons .paypalLight,
.cart__form .additional-checkout-buttons .shopify-cleanslate,
.cart__form .additional-checkout-buttons .shopify-cleanslate > div,
.cart__form .additional-checkout-buttons .shopify-cleanslate > div > div,
.cart__form
.additional-checkout-buttons
.shopify-cleanslate
> div
> div
> div {
min-width: 260px !important;
}
}
@media only screen and (max-width: 1023px) {
.cart__form .additional-checkout-buttons .paypalLight,
.cart__form .additional-checkout-buttons .shopify-cleanslate,
.cart__form .additional-checkout-buttons .shopify-cleanslate > div,
.cart__form .additional-checkout-buttons .shopify-cleanslate > div > div,
.cart__form
.additional-checkout-buttons
.shopify-cleanslate
> div
> div
> div {
min-width: 100% !important;
}
}
.cart-close {
position: absolute;
top: 6px;
right: -6px;
width: 36px;
height: 36px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
z-index: 5;
color: inherit;
background: transparent;
padding: 0;
border: 0;
}
.cart-close .icon-close {
width: 24px;
height: 24px;
}
@media only screen and (max-width: 767px) {
.cart-close {
top: -3px;
right: -22px;
}
}
@media only screen and (max-width: 479px) {
.cart-close {
right: -5px;
}
}
.cart__empty {
margin-bottom: 50px;
float: none;
text-align: center;
}
@media only screen and (max-width: 767px) {
.cart__empty {
margin-bottom: 40px;
text-align: center;
}
}
.cart__empty p {
font-size: calc(1.125rem * var(--FONT-ADJUST-BODY));
margin: 0 0 17px;
}
@media only screen and (max-width: 767px) {
.cart__empty p {
font-size: 1.14rem;
}
}
.cart__empty .button {
text-align: center;
min-width: 385px;
padding: 13px 30px;
letter-spacing: 1px;
text-transform: uppercase;
}
@media only screen and (max-width: 479px) {
.cart__empty .button {
min-width: 0;
width: auto;
}
}
@media only screen and (max-width: 479px) {
.cart__empty .button {
width: 100%;
}
}
.cart__title {
width: 100%;
font-family: var(--BODY-FONT-FAMILY);
font-weight: var(--BODY-FONT-WEIGHT);
font-style: var(--BODY-FONT-STYLE);
font-size: calc(2rem * var(--FONT-ADJUST-BODY));
line-height: 1.32;
margin-bottom: 7px;
padding-top: 20px;
}
@media only screen and (max-width: 767px) {
.cart__title {
font-size: calc(1.5625rem * var(--FONT-ADJUST-BODY));
}
}
@media only screen and (max-width: 767px) {
.cart__title {
font-size: 1.83rem;
}
}
.cart__empty .cart__title {
text-align: center;
padding-top: 0;
margin-bottom: 7px;
}
@media only screen and (min-width: 768px) {
.template-cart .cart__title--mobile {
display: none;
}
}
/*
* Cart Table
*/
.cart__table {
display: block;
}
.cart__table-row {
display: grid;
grid-template-areas: "product price quantity total";
grid-template-columns: auto 20% 170px 20%;
align-items: center;
}
@media only screen and (min-width: 768px) {
.cart__table-row {
border-bottom: 1px solid var(--COLOR-BORDER);
}
}
.cart__table-row.is-disabled {
position: relative;
}
.cart__table-row.is-disabled::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 50;
}
.cart__table-row.is-loading::before {
background-color: var(--COLOR-BACKGROUND-OVERLAY);
background-image: var(--icon-loading);
background-position: center center;
background-repeat: no-repeat;
background-size: 64px auto;
}
.cart__table-cell {
padding: 25px;
text-align: center;
position: relative;
}
@media only screen and (min-width: 768px) {
.cart__table-cell:first-child {
text-align: left;
padding-left: 0;
}
.cart__table-cell:last-child {
text-align: right;
padding-right: 0;
}
}
@media only screen and (max-width: 1319px) {
.cart__table-cell {
padding: 15px;
}
}
@media only screen and (max-width: 767px) {
.cart__table-cell {
border-bottom: 0px solid var(--COLOR-BORDER);
width: auto;
padding: 0;
text-align: center;
}
.cart__table-cell:empty {
display: none;
}
.cart__table-cell.is-update {
text-align: right;
}
}
.cart__table-header .cart__table-cell {
color: var(--COLOR-CART-TEXT);
padding-top: 2px;
padding-bottom: 9px;
}
.cart__table-body .cart__table-cell:first-child {
padding-left: 0;
}
.cart__table-footer .cart__table-cell {
color: var(--COLOR-CART-TEXT);
border-bottom: 0px solid var(--COLOR-BORDER);
padding: 5px 0;
}
.cart__table-footer .cart__table-cell.is-update {
text-align: center;
}
.cart__table-cell--product {
grid-area: product;
}
.cart__table-cell--price {
grid-area: price;
}
.cart__table-cell--quantity {
grid-area: quantity;
}
@media only screen and (max-width: 767px) {
.cart__table-cell--quantity {
margin: 17px auto;
}
}
.cart__table-cell--total {
grid-area: total;
}
@media only screen and (min-width: 768px) {
.cart-product {
display: flex;
align-items: center;
}
}
.cart-product__thumb {
display: inline-block;
position: relative;
overflow: hidden;
}
@media only screen and (min-width: 768px) {
.cart-product__thumb {
flex: 0 0 110px;
min-width: 110px;
height: 110px;
margin-right: 20px;
}
}
@media only screen and (max-width: 767px) {
.cart-product__thumb {
display: flex;
align-items: center;
justify-content: center;
max-height: 180px;
margin: 0 auto 10px;
}
}
.cart-product__thumb-img {
position: relative;
display: block;
width: 100%;
height: 100%;
object-fit: contain;
}
.cart-product__thumb-img.no-image-placeholder {
position: absolute;
width: 200%;
height: 200%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
@media only screen and (max-width: 767px) {
.cart-product__thumb-img {
width: 180px;
height: auto;
max-height: inherit;
}
.cart-product__thumb-img.no-image-placeholder {
position: static;
width: 360px;
height: 360px;
max-height: 360px;
transform: none;
}
}
@media only screen and (min-width: 768px) {
.cart-product__desc {
flex: 0 0 calc(100% - 130px);
}
}
@media only screen and (max-width: 767px) {
.cart-product__title {
font-size: 1.14rem;
}
}
.cart-product__variant,
.cart-product__selling-plan-name,
.cart-product__property {
display: block;
padding-top: 4px;
margin: 0;
opacity: 0.7;
font-size: calc(0.75rem * var(--FONT-ADJUST-BODY));
word-break: break-word;
}
.cart-product__selling-plan-name {
font-style: italic;
}
.cart-product__selling-plan-name span {
display: block;
margin-bottom: 10px;
}
.cart-product__quantity {
text-align: center;
width: 100px;
margin: 0 auto;
}
@media only screen and (min-width: 1320px) {
.cart-product__quantity {
width: 120px;
}
}
.cart-product__quantity .counter {
display: inline-block;
position: relative;
}
.cart-product__quantity .counter .inputCounter {
background-color: transparent;
max-width: 100%;
}
.cart-product__quantity select {
border: 1px solid var(--COLOR-BORDER);
}
.cart-product__remove {
display: inline-block;
position: absolute;
left: 50%;
width: 120px;
min-width: 0;
margin: 7px 0 0 -60px;
padding: 0;
border: none;
font-size: calc(0.75rem * var(--FONT-ADJUST-BODY));
opacity: 0.5;
color: var(--COLOR-TEXT);
background-color: transparent;
text-align: center;
cursor: pointer;
transition: opacity 0.2s;
}
.cart-product__remove:hover {
opacity: 1;
}
@media only screen and (max-width: 767px) {
.cart-product__remove {
position: static;
width: auto;
margin-left: 0;
}
}
@media only screen and (min-width: 1320px) {
.cart-product__price {
white-space: nowrap;
}
}
@media only screen and (max-width: 767px) {
.cart-product__price {
margin: 6px 0;
}
}
.cart-product__price .product__unit-price {
justify-content: center;
}
@media only screen and (min-width: 1320px) {
.cart-product__total-price {
white-space: nowrap;
}
}
.cart-product__total {
width: 150px;
text-align: center;
font-size: 1.11rem;
}
@media only screen and (max-width: 767px) {
.cart-product__total {
float: left;
font-size: 1.2rem;
padding: 0px 3px 15px 3px !important;
width: auto;
text-align: left;
}
}
.cart-subtotal-title {
position: relative;
}
.cart-subtotal-title p {
float: right;
}
.cart-total-price {
text-align: left;
font-size: calc(1.25rem * var(--FONT-ADJUST-BODY));
margin: 0;
overflow: hidden;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
}
.cart-total-price__label {
padding-right: 10px;
}
.cart-total-price__value {
text-align: right;
}
.cart-product__error {
position: absolute;
top: 100%;
left: 0;
right: 0;
text-align: center;
font-size: 0.8rem;
padding: 5px 0;
}
@media only screen and (max-width: 767px) {
.cart__table,
.cart__table-header,
.cart__table-body,
.cart__table-footer,
.cart__table-row,
.cart__table-cell {
display: block;
}
.cart-subtotal-title {
display: none;
}
.cart-update {
z-index: 2;
margin-left: 0;
}
.cart__table-row {
padding: 16px 0;
}
.cart__table-row::after {
content: "";
display: block;
width: 200px;
height: 1px;
margin: 0 auto;
background: var(--COLOR-BORDER);
}
.cart__table-row:last-child::after {
content: none;
}
}
@media only screen and (max-width: 479px) {
.cart__table {
margin: 0 auto;
}
.cart__table-footer {
text-align: center;
}
.cart__table-footer .cart__table-cell.is-update {
text-align: inherit;
}
.cart__table-footer .cart-update {
margin-top: 0px;
margin-left: auto;
}
}
/*
* Bottom Section: Checkout Buttons
*/
.checkout-buttons .cart-discounts {
text-align: left;
}
.checkout-buttons .button--secondary {
font-size: 0.95rem;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 8px;
}
@media only screen and (max-width: 479px) {
.checkout-buttons .button--secondary {
margin-bottom: 0;
}
}
.checkout-buttons .button {
width: 100%;
height: 54px;
padding: 14px 0;
margin: 0 0 8px;
}
@media only screen and (max-width: 767px) {
.checkout-buttons .button {
width: 100%;
}
}
@media only screen and (max-width: 767px) {
.additional-checkout-buttons button,
.additional-checkout-buttons .btn,
.additional-checkout-buttons .shopify-payment-button__button--unbranded {
margin-top: 20px;
}
.additional-checkout-buttons button:first-child,
.additional-checkout-buttons .btn:first-child,
.additional-checkout-buttons
.shopify-payment-button__button--unbranded:first-child {
margin-top: 0;
}
}
.additional-checkout-buttons .shopify-cleanslate > div > div > div {
min-width: 240px !important;
margin-top: 0 !important;
}
@media only screen and (max-width: 767px) {
.additional-checkout-buttons .shopify-cleanslate > div > div > div {
min-width: 240px !important;
}
}
@media only screen and (min-width: 768px) {
.additional-checkout-buttons .shopify-cleanslate > div > div > div > div,
.additional-checkout-buttons
.shopify-cleanslate
> div
> div
> div
> div:only-child {
margin-left: 0 !important;
float: left !important;
}
}
@media only screen and (max-width: 767px) {
.additional-checkout-buttons {
width: 300px;
margin-left: 0;
}
}
@media only screen and (max-width: 479px) {
.additional-checkout-buttons {
width: 100%;
}
}
.cart__checkout {
float: left;
font-size: 0.95rem;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 8px;
}
.cart__buttons-wrapper {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
}
@media only screen and (max-width: 767px) {
.cart__buttons-wrapper {
justify-content: flex-start;
}
}
.cart__buttons {
position: relative;
width: 100%;
}
.cart__buttons .cart__update,
.cart__buttons .cart__checkout {
margin-right: 0;
}
@media only screen and (max-width: 767px) {
.cart__buttons .cart__update,
.cart__buttons .cart__checkout {
margin-right: auto;
}
}
.cart__buttons--disabled::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0);
cursor: default;
}
.cart__button-fieldset {
padding: 0;
margin: 0;
border: 0;
}
.cart__checkout {
display: block;
margin-left: auto;
margin-right: 0;
margin-bottom: 0;
width: 100%;
}
@media only screen and (max-width: 767px) {
.cart__checkout {
display: block;
margin-left: 0;
margin-right: auto;
}
}
@media only screen and (max-width: 479px) {
.cart__checkout {
width: 100%;
}
}
.cart__update {
display: none;
margin: 20px auto 0;
padding: 0;
letter-spacing: 1px;
text-transform: uppercase;
text-decoration: underline;
font-size: calc(0.875rem * var(--FONT-ADJUST-BODY));
border: none;
background: none;
color: var(--text);
}
.cart__update--visible {
display: inline-block;
}
.acceptance__input {
display: block;
width: 13px;
height: 13px;
margin: 4px 7px 4px 0;
float: none;
}
.acceptance__input ~ .cart__buttons::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: var(--COLOR-BACKGROUND-ALPHA-35);
z-index: 1;
cursor: default;
transition: opacity 0.3s ease, visibility 0s linear 0s;
}
.acceptance__input:checked ~ .cart__buttons::after {
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease, visibility 0s linear 0.3s;
}
.acceptance__label {
display: block;
margin: 0 0 20px;
max-width: calc(100% - 20px);
}
.acceptance__label p {
margin: 0;
}
.acceptance__error {
width: 385px;
max-width: 100%;
margin: 0 0 20px auto;
display: none;
}
@media only screen and (max-width: 767px) {
.acceptance__error {
margin-right: auto;
margin-left: 0;
}
}
.cart-tax-info {
margin: 0 0 27px;
font-size: calc(1rem * var(--FONT-ADJUST-BODY));
color: var(--COLOR-CART-TEXT);
letter-spacing: 0.05em;
}
@media only screen and (max-width: 1023px) {
.cart-tax-info {
margin-bottom: 27px;
}
}
.order-notes {
margin: 27px 0;
}
@media only screen and (max-width: 1023px) {
.order-notes {
margin: 20px 0;
}
}
.order-notes__label {
font-family: var(--BODY-FONT-FAMILY);
font-weight: var(--BODY-FONT-WEIGHT);
font-style: var(--BODY-FONT-STYLE);
color: var(--COLOR-TEXT);
font-size: calc(1rem * var(--FONT-ADJUST-BODY));
line-height: 1.5;
margin-bottom: 5px;
}
.order-notes__content {
border: 1px solid var(--COLOR-BORDER);
width: 100%;
height: 114px;
resize: none;
}
/*====== Cart Errors ======*/
.cart__errors {
position: relative;
display: none;
width: 100%;
padding: 15px;
margin: 15px auto;
color: var(--error-text);
background-color: var(--error-bg);
border: 1px solid var(--error-border);
}
.cart__errors__heading,
.cart__errors__content {
margin: 0;
}
.cart__errors__btn {
position: absolute;
top: 4px;
right: 4px;
width: 20px;
height: 20px;
padding: 5px;
transition: opacity 0.3s;
background: none;
border: 0;
line-height: 0;
color: var(--error-text);
}
.cart__errors__btn:hover {
opacity: 0.7;
}
.cart__errors__btn svg {
width: 100%;
height: 100%;
stroke: currentColor;
stroke-width: 3px;
}
#dynamic-checkout-cart:empty {
min-height: 0 !important;
}
/*
* Counter Elements in product__form in quickView and on product.liquid
*/
.counter {
font-size: 0;
}
.inputCounter {
border: 1px solid var(--COLOR-BORDER);
text-align: center;
width: 100%;
height: 44px;
padding-left: 30px;
padding-right: 30px;
}
@media only screen and (min-width: 1320px) {
.inputCounter {
width: 120px;
}
}
.inputCounter__btn {
display: block;
position: absolute;
bottom: 0;
color: var(--COLOR-TEXT);
background-color: transparent;
border: 0;
padding: 0;
cursor: pointer;
font-size: calc(0.875rem * var(--FONT-ADJUST-BODY));
line-height: normal;
text-align: center;
width: 40px;
height: 44px;
min-width: 0;
display: flex;
align-items: center;
justify-content: center;
z-index: 10;
}
.inputCounter__btn:disabled {
opacity: 1;
}
@media only screen and (min-width: 480px) {
.inputCounter__btn {
width: 30px;
}
}
.inputCounter__btn--down {
left: 0px;
}
.inputCounter__btn--up {
right: 0px;
}
/*====== Cart Graph ======*/
.cart__graph {
--circle-size: 14px;
--circumference: calc(var(--PI) * var(--circle-size));
align-self: flex-start;
position: relative;
display: block;
width: var(--circle-size);
height: var(--circle-size);
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-BUTTON-PRIMARY-BG);
}
.cart__graph .cart__graph-dot--3 {
color: var(--COLOR-BUTTON-SECONDARY-BG);
}
.cart__graph .cart__graph-dot--4 {
color: var(--COLOR-BORDER);
}
.cart__graph .cart__graph-dot--5 {
color: var(--COLOR-BUTTON-ALT-BG);
}
.cart__graph .cart__graph-dot--6 {
color: var(--COLOR-BADGE-BG);
}
.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: var(--text-alpha-25);
fill: none;
}
.cart__graph .cart__graph-progress {
position: absolute;
top: 0;
left: 0;
max-width: 100%;
max-height: 100%;
stroke: var(--text);
transform: rotate(-90deg);
transform-origin: 50% 50%;
transition: stroke-dashoffset 0.3s;
stroke-dashoffset: calc(
var(--percent) / 100 * var(--circumference) - var(--circumference)
);
}
.template-collection .banner {
display: block;
}
@media only screen and (min-width: 768px) {
.template-collection .banner {
display: block;
}
}
.template-collection .banner,
.template-collection .page-title,
.template-collection .site-footer {
position: relative;
z-index: 10;
}
.collection-no-products {
width: 100%;
text-align: center;
margin-top: 50px;
}
@media only screen and (max-width: 767px) {
.collection-no-products {
margin: 50px 0;
}
}
.collection-no-products h4 {
margin: 0 0 30px;
}
.page-title__heading-tag {
margin-left: 10px;
}
/**
* Collection featured block
*/
.featured-block {
align-self: stretch;
max-height: var(--collection-featured-block-height);
}
.featured-block__container {
position: relative;
overflow: hidden;
height: 100%;
}
@media only screen and (max-width: 767px) {
.featured-block--mobile-1 .featured-block__container {
height: auto;
padding-top: var(--IMAGE-ASPECT-RATIO-PADDING);
}
}
.featured-block__wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.featured-block__image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
z-index: 0;
}
.featured-block__image.svg-placeholder svg {
display: block;
width: 100%;
height: 100%;
}
.featured-block__image.svg-placeholder::before {
z-index: 1;
}
.featured-block__image::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.featured-block__content {
position: relative;
text-align: center;
padding: 40px;
width: 100%;
word-break: break-word;
}
@media only screen and (max-width: 1023px) {
.featured-block__content {
padding: 25px;
}
}
@media only screen and (max-width: 767px) {
.featured-block__content {
padding: 20px;
}
}
.featured-block__content h2 {
color: inherit;
}
.featured-block__content p {
margin: 0 0 20px;
font-size: calc(1.25rem * var(--FONT-ADJUST-BODY));
}
.featured-block__content .button {
margin-bottom: 0;
}
.collection-grid {
margin: var(--gutter) 0;
}
.collection-grid .product-block {
margin-bottom: var(--gutter);
}
.collection-grid .button {
min-width: 156px;
}
.collection-grid .button-wrapper {
margin-top: 20px;
}
@media only screen and (max-width: 479px) {
.collection-grid .button {
min-width: 0;
}
.collection-grid .featured-block--mobile-2 .button {
padding-left: 20px;
padding-right: 20px;
}
}
.template-collection .collection-grid,
.template-search .collection-grid {
padding: 20px 0;
}
@media only screen and (min-width: 768px) {
.template-collection .collection-grid,
.template-search .collection-grid {
padding: 25px 0;
}
}
.collection-grid::before {
content: "";
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 5;
background-color: var(--COLOR-BACKGROUND-OVERLAY);
background-image: var(--icon-loading);
background-position: center center;
background-repeat: no-repeat;
background-size: 64px auto;
opacity: 0;
visibility: hidden;
transition: opacity 0.2s ease, visibility 0s linear 0.2s;
}
.collection-grid.is-loading::before {
opacity: 1;
visibility: visible;
transition: opacity 0.2s ease, visibility 0s linear 0s;
}
.collection-grid__wrapper {
overflow: hidden;
position: relative;
}
.collection-grid__wrapper > .container {
z-index: 3;
}
.collection-grid__row {
position: relative;
display: flex;
align-items: flex-start;
justify-content: center;
flex-wrap: wrap;
padding-left: calc(var(--gutter) / 2);
padding-right: calc(var(--gutter) / 2);
/**
* Infinity scroll padding bottom
*/
/**
* Static to accommodate Quick View.
*/
}
.collection-grid__row[data-infinity] {
padding-bottom: 0px;
}
.collection-grid__row .product-block {
padding: 0 calc(var(--gutter) / 2);
}
.collection-grid__row--grid {
overflow: hidden;
}
@media only screen and (max-width: 479px) {
.collection-grid__row--grid .gridSpacer {
display: none;
}
}
.collection-grid__row--grid > .product-block {
position: static;
}
@media only screen and (max-width: 479px) {
.collection-grid__row--grid > .product-block {
display: block;
}
.collection-grid__row--grid > .product-block.grid-sort {
display: inline-block;
}
}
.collection-grid__row--slider {
display: block;
position: relative;
clear: both;
padding: 0 calc(var(--gutter) / 2);
}
@media only screen and (max-width: 767px) {
.collection-grid__row--slider {
width: 100%;
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
overflow-x: auto;
overflow-y: hidden;
display: flex;
flex-flow: row nowrap;
scroll-behavior: smooth;
scroll-snap-type: x mandatory;
scroll-padding: var(--gap);
padding-left: var(--outer);
padding-right: 0;
scrollbar-width: none;
-ms-overflow-style: none; /* for Internet Explorer, Edge */
}
.collection-grid__row--slider::-webkit-scrollbar {
display: none; /* for Chrome, Safari, and Opera */
}
.collection-grid__row--slider::after {
content: "";
display: block;
position: relative;
padding-right: var(--outer);
}
}
.collection-grid__row--slider .product-block {
padding: 0 5px;
margin-bottom: 0;
white-space: normal;
}
@media only screen and (max-width: 767px) {
.collection-grid__row--slider .product-block {
min-width: 0;
width: 66%;
display: block;
flex: 0 0 auto;
float: none;
scroll-snap-align: start;
padding: 0;
margin-right: var(--gap);
}
.collection-grid__row--slider .product-block:last-child {
margin-right: 0;
}
}
.collection-grid__row--slider.flickity-enabled > .flickity-viewport {
overflow: visible;
}
.collection-grid__row--slider.flickity-enabled .product-block {
flex: 0 0 auto;
}
.collection-slider__wrapper {
position: relative;
}
@media only screen and (max-width: 767px) {
.collection-slider__wrapper {
overflow: hidden;
}
}
/*
* Product Grid Nav - breadcrumbs and filters
*/
.collection-grid__nav {
display: flex;
justify-content: space-between;
align-items: center;
margin: 0 auto 25px;
padding: 0px 10px;
}
.collection-grid__nav .breadcrumbs {
padding-right: 30px;
}
@media only screen and (min-width: 768px) {
.collection-grid__nav .grid-sort {
display: flex;
align-items: center;
justify-content: space-between;
margin-left: auto;
}
}
@media only screen and (max-width: 767px) {
.collection-grid__nav .breadcrumbs:not(.search-alert) {
display: none !important;
}
}
@media only screen and (max-width: 479px) {
.collection-grid__nav {
flex-wrap: wrap;
}
}
.collection-grid__nav--center {
justify-content: center;
}
.search-alert {
margin-bottom: 20px;
}
.grid-sort {
text-align: justify;
}
@media only screen and (max-width: 767px) {
.grid-sort {
min-width: 100%;
}
}
.collection-grid__sort {
text-align: left;
width: 100%;
z-index: 5;
}
@media only screen and (min-width: 768px) {
.collection-grid__sort {
text-align: right;
width: auto;
}
.collection-grid__sort .selector-wrapper {
text-align: right;
min-width: 200px;
max-width: 100%;
}
}
@media only screen and (max-width: 767px) {
.collection-grid__sort .selector-wrapper {
min-width: 100%;
}
}
.collection-grid__sort label {
display: inline-block;
position: relative;
font-size: 18px;
line-height: 1.5;
font-weight: var(--BODY-FONT-WEIGHT);
color: var(--COLOR-LABEL);
margin: 0 10px 0 0;
width: auto;
}
@media only screen and (min-width: 768px) {
.collection-grid__sort label {
margin-right: 20px;
}
}
@media only screen and (max-width: 767px) {
.collection-grid__sort label {
display: block;
padding-bottom: 1rem;
}
}
.collection-grid__sort .popout {
display: inline-block;
position: relative;
max-width: 100%;
margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
.collection-grid__sort .popout {
max-width: 220px;
}
}
@media only screen and (max-width: 767px) {
.collection-grid__sort .popout {
min-width: 100%;
}
}
.collection-grid__sort .popout__toggle {
width: 100%;
height: 44px;
padding: 0 40px 0 14px;
margin: 0;
color: var(--COLOR-TEXT);
font-size: 16px;
text-transform: capitalize;
}
@media only screen and (min-width: 768px) {
/* .collection-grid__sort .popout__toggle {
width: auto;
} */
}
.collection-grid__sort .popout-list {
bottom: auto;
top: 100%;
margin: 5px 0 0;
right: 0px;
}
@media only screen and (max-width: 767px) {
.collection-grid__sort .popout-list {
z-index: 9;
width: 100%;
}
}
/**
* These are the individual grid items.
*/
@media only screen and (min-width: 768px) {
.product-block:hover .price--hover,
.product-block:hover .product-block__swatch--hover,
.is-focused .product-block .price--hover,
.is-focused .product-block .product-block__swatch--hover {
transform: translateY(0%);
opacity: 1;
}
.product-block:hover .price--hover,
.is-focused .product-block .price--hover {
transition-delay: 0s;
}
.product-block:hover .product-block__swatch--hover,
.is-focused .product-block .product-block__swatch--hover {
transition-delay: 0.1s;
}
}
.ajax-sorting .product-block {
opacity: 0;
}
.product-block .product__rating__star .icon {
width: 16px;
height: 16px;
}
.product-block__inner {
position: relative;
overflow: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
will-change: transform, opacity;
}
.price--hover,
.product-block__swatch--hover {
transform: translateY(50%);
opacity: 0;
transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out;
}
@media only screen and (max-width: 767px) {
.price--hover,
.product-block__swatch--hover {
opacity: 1;
transform: none;
}
}
.price--hover {
transition-delay: 0.1s;
}
.product-block__swatch--hover {
transition-delay: 0s;
}
/**
* The text portion below the block.
*/
.product-block__info {
padding: 20px 0;
overflow: hidden;
display: flex;
flex-direction: column;
}
.product-block__top {
display: flex;
flex-direction: column;
}
@media only screen and (min-width: 768px) {
.product-block__info--left .product-block__top {
display: grid;
grid-template-areas: "title rating";
grid-template-columns: auto auto;
}
}
.product-block__info--center {
display: flex;
flex-direction: column;
text-align: center;
}
.product-block__info--center .product-block__title {
text-align: center;
margin-bottom: 0;
}
.product-block__info--center .product-block__price {
text-align: center;
float: none;
max-width: 100%;
}
.product-block__info--center .product-block__badge {
margin: 0;
padding: 0;
width: 100%;
justify-content: center;
text-align: center;
}
.product-block__info--center .product-block__swatch {
justify-content: center;
}
.product-block__title {
font-family: var(--BODY-FONT-FAMILY);
font-style: var(--BODY-FONT-STYLE);
font-size: 18px;
font-weight: 700;
text-transform: capitalize;
line-height: 26px;
text-align: left;
margin: 0;
}
.product-block__badge {
display: flex;
align-self: flex-start;
line-height: 1;
}
.product-block__badge:empty {
display: none;
}
@media only screen and (min-width: 768px) {
.product-block__badge {
justify-content: flex-end;
text-align: left;
margin-left: 10px;
margin-top: 4px;
}
}
.product-block__badge .product__rating {
margin: 4px -2px;
}
.product-block__badge .product__rating .icon {
margin: 0 2px;
}
.product-block__info--left .product-block__badge {
margin-top: 0;
}
.product-block__info--left .product__unit-price {
justify-content: flex-start;
}
.product-block__info--center .product__unit-price {
justify-content: center;
}
.product-block__price p {
margin: 0;
font-size: 18px;
}
.product-block__swatch {
display: flex;
align-items: center;
justify-content: flex-start;
margin: 4px -4px -4px;
}
.product-block__swatch .swatch__element {
margin: 4px;
padding: 0;
}
.product-block__swatch .swatch__element::after {
content: none;
}
.product-block__swatch .swatch__label {
min-width: 12px;
max-width: 12px;
width: 12px;
height: 12px;
max-height: 12px;
border: 0;
border-radius: 0;
cursor: default;
}
.product-block__swatch .swatch__color {
width: 100%;
height: 100%;
}
.product-block__swatch .swatch__link {
display: block;
}
/**
* This controls the size of image.
*/
.product-block__image {
display: block;
position: relative;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
padding-top: 65%;
overflow: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
@media only screen and (max-width: 479px) {
.product-block__image {
margin-left: auto;
margin-right: auto;
}
}
.is-loading .product-block__image::after {
content: "";
box-sizing: border-box;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: var(--overlay-opacity);
background-color: var(--overlay-color);
background-image: var(--icon-loading);
background-size: 64px auto !important;
background-repeat: no-repeat;
background-position: center center;
}
.product-block__image .product-image--empty {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
max-width: none;
aspect-ratio: var(--IMAGE-ASPECT-RATIO);
object-fit: var(--IMAGE-SIZE);
}
.product-block__image-hover {
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: 100%;
height: 100%;
background-color: var(--COLOR-BACKGROUND);
opacity: 0;
visibility: hidden;
transition: opacity 0.5s ease-in-out, transform 0.5s ease,
visibility 0s linear 0.5s;
transform: scale(1.05);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
will-change: transform;
}
.product-block__image-hover__image {
display: block;
position: relative;
width: 100%;
height: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: var(--IMAGE-SIZE);
}
.product-block__image-hover--placeholder {
background: #fff;
}
/**
* This is the hover layer over the image.
*/
.product-block__image-inner {
display: block;
position: absolute;
transition: opacity 0.25s ease-in-out;
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
max-width: 90%;
opacity: 0;
visibility: visible;
text-align: center;
z-index: 3;
/**
* Hide hover effect alltogether for screens below 1024px.
*/
}
.product-block__image-inner .button {
margin: auto;
}
@media only screen and (max-width: 1023px) {
.product-block__image-inner {
display: none;
}
}
.product-block__image__link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0);
touch-action: manipulation;
}
.no-touch .product-block__image {
display: block;
position: relative;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
padding-top: 65%;
overflow: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
@media only screen and (min-width: 768px) {
.no-touch .product-block__image:hover .product-block__image-hover,
.no-touch .product-block__image:hover .product-block__image-inner {
opacity: 1;
visibility: visible;
will-change: transform;
transition: opacity 0.5s ease-in-out, transform 0.5s ease,
visibility 0s linear 0s;
}
.no-touch .product-block__image:hover .product-block__image-hover {
transform: scale(1);
}
}
.supports-touch .product-block__image-hover,
.supports-touch .product-block__image-inner,
.supports-touch .quickView-button {
display: none;
}
.product__badge {
position: absolute;
top: 0;
right: 0;
max-width: 100%;
display: grid;
grid-template-columns: auto;
align-items: start;
justify-items: start;
margin: 5px;
gap: 5px;
transition: transform 0.2s ease;
}
.product__badge__item {
background-color: var(--COLOR-BADGE-BG);
color: var(--COLOR-BADGE-TEXT);
text-align: left;
text-transform: uppercase;
font-weight: bold;
font-size: calc(0.6875rem * var(--FONT-ADJUST-BODY));
/* letter-spacing: 0.1em; */
line-height: 1.2;
transition: opacity 0.15s ease;
padding: 12px 16px;
height: auto;
}
.product__badge__item > span {
display: block;
}
.product__badge__item--saving {
background-color: var(--COLOR-TAG-SAVING);
}
.product__badge__item--sold {
background-color: #414145 !important;
}
/*
* Collection Filters
*/
.collection-section {
position: relative;
}
.collection__wrapper::after {
content: "";
display: table;
clear: both;
line-height: 0;
height: 0;
}
.collection__filters {
position: sticky;
position: -webkit-sticky;
top: var(--header-height);
margin-bottom: 25px;
z-index: 4;
background: var(--bg);
}
.collection__filters.has-tags-expanded .collection__filter:not(.is-expanded) {
opacity: 0.5;
}
.collection__filters .container {
z-index: 1;
}
.collection__filters--has-tags-selected {
margin-bottom: 0;
}
.collection__filters-list {
display: flex;
flex-direction: column-reverse;
}
@media only screen and (min-width: 1320px) {
.collection__filters--left {
top: calc(var(--header-height) + 12px);
float: left;
width: 320px;
height: calc(100vh - 60px);
padding: 5px 0;
margin-top: 7px;
margin-bottom: 0;
overflow-x: hidden;
overflow-y: auto;
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__filters--left:hover {
-webkit-mask-position: left top;
}
.collection__filters--left + .collection-grid__wrapper {
min-height: calc(100vh - 60px);
}
.collection__filters--left + .collection-grid__wrapper > .container {
padding: 0;
margin: 0 80px 0 var(--gutter);
width: auto;
}
.collection__filters--left.has-tags-expanded
.collection__filter:not(.is-expanded) {
opacity: 1;
}
.collection__filters--left .collection__filters-list {
display: block;
width: 200px;
padding: 0;
}
.collection__filters--left .collection__filter {
margin-right: 0;
display: block;
}
.collection__filters--left .collection__filter-container {
position: static;
top: auto;
left: auto;
right: auto;
max-height: 0;
margin: 10px 0;
visibility: visible;
pointer-events: auto;
overflow: hidden;
}
.collection__filters--left .collection__filter-title {
padding: 0 20px 5px 0;
border-bottom: 1px solid var(--border);
margin: 0 0 15px;
}
.collection__filters--left .collection__filter-title .icon-arrow {
position: absolute;
top: 0;
right: 0;
margin-right: 0;
}
.collection__filters--left .collection__filters-reset {
margin-left: 0;
float: none;
}
.collection__filters--left .collection__filters-reset-btn {
margin: 0 0 20px;
}
.collection__filters--left .collection__filter-tags {
display: flex;
flex-wrap: wrap;
padding: 0 0 20px;
border-bottom: 0;
gap: 0;
}
.collection__filters--left .collection__filter-tag--default,
.collection__filters--left .collection__filter-tag--swatch {
width: 100%;
margin-right: 0;
margin-bottom: 10px;
}
.collection__filters--left .collection__filter-tag--number {
margin: 0 10px 10px 0;
}
.collection__filters--left .is-expanded .collection__filter-container {
opacity: 1;
max-height: none;
}
.collection__filters--left
.is-expanded
.collection__filter-title
.icon-arrow {
transform: rotateX(180deg);
}
.collection__filters--left .filter__price {
padding: 0;
border-bottom: 0;
}
.collection__filters--left .collection__filters-form {
width: 100%;
border-bottom: 0;
order: 1;
}
.collection__filters--left .collection__active__filters {
margin: 0 0 20px;
}
.collection__filters--left .collection__active__filters:empty {
margin: 0;
}
.collection__filters--left .clear__holder {
width: 100%;
margin: -8px 0 8px;
float: none;
}
}
.collection-grid__wrapper {
min-height: 300px;
}
.collection__filters-wrapper {
position: relative;
width: 100%;
padding: 20px 0;
background: var(--bg);
z-index: 1;
}
.collection__filters-reset {
float: right;
}
.collection__filters-reset-btn {
font-size: calc(0.875rem * var(--FONT-ADJUST-BODY));
line-height: 22px;
padding: 0 0 0 20px;
margin: 10px 0;
text-align: left;
border: 0;
color: var(--text);
background: transparent;
display: inline-block;
position: relative;
}
.collection__filters-reset-btn .icon-close {
position: absolute;
top: 0;
left: 0;
display: block;
width: 20px;
height: 22px;
padding: 5px;
margin-left: -5px;
fill: currentColor;
}
.collection__filters-reset-btn:hover {
opacity: 1;
}
.collection__filter {
position: static;
margin-right: 50px;
display: inline-block;
white-space: normal;
overflow: hidden;
}
@media only screen and (max-width: 479px) {
.collection__filter {
margin-right: 30px;
}
}
.collection__filter .swatch {
display: block;
}
.collection__filter:not(.is-expanded) input {
visibility: hidden;
}
.collection__filter-tag-btn {
font-family: var(--BODY-FONT-FAMILY);
font-weight: var(--BODY-FONT-WEIGHT);
font-style: var(--BODY-FONT-STYLE);
display: block;
font-size: calc(0.875rem * var(--FONT-ADJUST-BODY));
color: var(--text);
background: transparent;
border: 0;
padding: 0 0 0 25px;
text-align: left;
cursor: pointer;
}
.collection__filter-tag-btn.swatch__element {
padding: 0;
margin: 0;
display: flex;
align-items: flex-start;
width: 100%;
}
.collection__filter-tag-btn.swatch__element::after {
content: none;
}
.collection__filter-tag-btn .swatch__label {
height: auto;
padding: 0;
}
.link--disable .collection__filter-tag-btn {
cursor: default;
color: var(--COLOR-TEXT-ALPHA-60);
}
.link--disable .collection__filter-tag-btn .swatch__label {
cursor: default;
}
.collection__filter-container {
position: absolute;
top: 100%;
right: -40px;
left: -40px;
margin: 0;
opacity: 0;
visibility: hidden;
background: var(--bg);
transition: opacity 0.25s ease-in-out, max-height 0.25s ease-in-out,
visibility 0s linear 0.25s;
overflow: hidden;
-webkit-overflow-scrolling: touch;
}
.collection__filter-title[aria-expanded="true"]
+ .collection__filter-container {
opacity: 1;
visibility: visible;
transition-delay: 0s;
}
@media only screen and (max-width: 1023px) {
.collection__filter-container {
left: 0;
right: 0;
}
}
@media only screen and (max-width: 767px) {
.collection__filters--has-tags-selected .collection__filter-container {
max-height: calc(100vh - 130px);
}
}
.collection__filter-title {
position: relative;
display: flex;
width: 100%;
cursor: pointer;
padding: 10px 0;
margin: 0;
color: var(--text);
border: none;
background: none;
font-size: calc(0.875rem * var(--FONT-ADJUST-BODY));
line-height: 22px;
text-align: left;
text-transform: none;
}
.collection__filter-title .icon-arrow {
margin: 6px;
width: 10px;
height: 10px;
fill: currentColor;
transition: transform 0.2s ease;
}
.collection__filter-title[aria-expanded="true"] .icon-arrow {
transform: rotateX(180deg);
}
.collection__filter-tags {
list-style: none;
display: grid;
grid-template-columns: repeat(4, 1fr);
margin: 0;
border-bottom: 1px solid var(--border);
padding: 25px 80px;
gap: 10px;
}
@media only screen and (min-width: 1320px) {
.collection__filter-tags {
gap: 20px;
}
}
@media only screen and (max-width: 1319px) {
.collection__filter-tags {
overflow-x: hidden;
overflow-y: auto;
max-height: calc(100vh - 102px);
}
}
@media only screen and (max-width: 1023px) {
.collection__filter-tags {
padding-left: 40px;
padding-right: 40px;
}
}
@media only screen and (max-width: 767px) {
.collection__filter-tags {
grid-template-columns: repeat(3, 1fr);
}
}
@media only screen and (max-width: 479px) {
.collection__filter-tags {
grid-template-columns: repeat(2, 1fr);
padding-left: 20px;
padding-right: 20px;
}
}
.collection__filter-tag {
position: relative;
}
.collection__filter-tag--swatch {
margin: 0;
}
.collection__filter-tag input {
position: absolute;
top: 50%;
left: 0;
opacity: 0;
}
.collection__filter-tag--default {
margin: 0;
}
.collection__filter-tag--default .collection__filter-tag-btn {
display: block;
margin: 0;
padding: 0 0 0 25px;
position: relative;
border: 0;
text-align: left;
line-height: 22px;
}
.collection__filter-tag--default .collection__filter-tag-btn::before {
content: "";
box-sizing: border-box;
position: absolute;
left: 0;
top: 3px;
width: 16px;
height: 16px;
border: 1px solid var(--border);
background-color: var(--bg);
}
.collection__filter-tag--default .collection__filter-tag-btn .icon-check {
position: absolute;
top: 6px;
left: 3px;
width: 10px;
height: 10px;
opacity: 0;
visibility: hidden;
transition: opacity 0.2s ease, visibility 0s linear 0.2s;
fill: var(--bg);
}
.collection__filter-tag--default
input:checked
+ .collection__filter-tag-btn::before,
.collection__filter-tag--default.is-active .collection__filter-tag-btn::before {
color: var(--bg);
border-color: var(--text);
background-color: var(--text);
}
.collection__filter-tag--default
input:checked
+ .collection__filter-tag-btn
.icon-check,
.collection__filter-tag--default.is-active
.collection__filter-tag-btn
.icon-check {
opacity: 1;
visibility: visible;
transition: opacity 0.2s ease, visibility 0s linear 0s;
}
.link--disable .collection__filter-tag-btn:before {
border-color: var(--COLOR-TEXT-ALPHA-25);
}
.collection__filter-tag--number {
display: inline-block;
padding: 0;
margin: 0 6px 10px 0;
}
.collection__filter-tag--number .collection__filter-tag-btn {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 6px;
height: 32px;
min-width: 32px;
border-radius: 16px;
line-height: 18px;
border: 1px solid var(--border);
margin: 0;
}
.collection__filter-tag--number.is-active .collection__filter-tag-btn {
color: var(--bg);
border-color: var(--text);
background: var(--text);
}
.collection__filter-tags--swatches {
display: grid;
}
.collection__filters-form {
border-bottom: 1px solid var(--border);
}
@media only screen and (max-width: 1319px) {
.collection__filters-form {
padding: 0 80px;
margin: 0 -80px;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
scrollbar-width: none;
-ms-overflow-style: none; /* for Internet Explorer, Edge */
}
.collection__filters-form::-webkit-scrollbar {
display: none; /* for Chrome, Safari, and Opera */
}
}
@media only screen and (max-width: 1023px) {
.collection__filters-form {
margin: 0 -40px;
padding: 0 40px;
}
}
@media only screen and (max-width: 479px) {
.collection__filters-form {
margin: 0 -20px;
padding: 0 20px;
}
}
.collection__filters-form .btn--submit {
vertical-align: top;
}
.collection__active__filters {
position: relative;
width: 100%;
margin: 20px 0;
}
.collection__active__filters:empty {
margin: 0;
}
.collection__filter-count {
margin-left: 4px;
}
.collection__filter-count::after {
content: "(" attr(data-count) ")";
font-family: var(--BODY-FONT-FAMILY);
font-weight: var(--BODY-FONT-WEIGHT);
font-style: var(--BODY-FONT-STYLE);
box-sizing: border-box;
}
.collection__filter-count[data-count="0"] {
display: none;
}
.active__filters__clear,
.active__filters__remove {
display: inline-block;
position: relative;
color: var(--COLOR-BUTTON-SECONDARY-TEXT);
background-color: var(--COLOR-BUTTON-SECONDARY-BG);
border: 1px solid var(--COLOR-BUTTON-SECONDARY-BORDER);
padding: 10px 32px 10px 12px;
font-size: calc(0.875rem * var(--FONT-ADJUST-BODY));
transition: opacity 0.2s ease;
margin: 4px;
}
.active__filters__clear .filter__x,
.active__filters__remove .filter__x {
position: absolute;
top: 0;
right: 0;
padding: 10px 12px;
font-weight: var(--BODY-FONT-WEIGHT-BOLD);
transition: color 0.2s ease;
}
.active__filters__clear:hover,
.active__filters__remove:hover {
opacity: 0.8;
}
.active__filters__clear:hover .filter__x,
.active__filters__remove:hover .filter__x {
color: var(--error-text);
}
.active__filters__clear {
padding: 10px 0;
font-weight: var(--BODY-FONT-WEIGHT-BOLD);
border-color: transparent;
background: transparent;
}
.clear__holder {
float: right;
margin-left: 10px;
}
.reset__holder {
display: flex;
flex-wrap: wrap;
margin: -4px;
}
.filter__price {
padding: 25px 80px 0;
border-bottom: 1px solid var(--border);
}
@media only screen and (max-width: 1023px) {
.filter__price {
padding-left: 40px;
padding-right: 40px;
}
}
@media only screen and (max-width: 479px) {
.filter__price {
padding-left: 20px;
padding-right: 20px;
}
}
.filter__price__fields {
display: flex;
align-items: center;
justify-content: flex-start;
width: 100%;
max-width: 400px;
padding-bottom: 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__field {
display: flex;
align-items: center;
flex: 1;
max-width: calc(50% - 10px);
color: var(--text);
border: 1px solid var(--border);
background: var(--background);
padding: 5px 7px;
border-radius: 0;
}
.filter__price__field span {
margin-right: 3px;
font-size: calc(0.875rem * var(--FONT-ADJUST-BODY));
}
.filter__price__field ::-webkit-input-placeholder {
color: inherit;
}
.filter__price__field :-moz-placeholder {
color: inherit;
}
.filter__price__field ::-moz-placeholder {
color: inherit;
}
.filter__price__field :-ms-input-placeholder {
color: inherit;
}
.filter__price__spacer {
flex: 0 0 20px;
position: relative;
padding: 0;
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;
text-align: right;
}
.range {
position: relative;
display: block;
height: 36px;
margin-left: -8px;
margin-right: -8px;
-webkit-user-select: none;
user-select: none;
width: calc(100% + 16px);
max-width: 416px;
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(--text);
border: 1px solid var(--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(--text);
}
.range__line span {
display: block;
height: 100%;
width: 0%;
background: var(--text);
font-size: 0;
}
.contact-form__container {
margin-bottom: 50px;
}
.contact-form__container .contact-form,
.contact-form__container .comment-form {
margin: 50px 0;
}
.contact-form__success {
margin: 0 0 30px;
}
.contact-text {
text-align: center;
}
.contact-text h2 {
font-size: calc(2.625rem * var(--FONT-ADJUST-HEADING));
line-height: 1.2;
}
@media only screen and (max-width: 767px) {
.contact-text h2 {
font-size: calc(1.875rem * var(--FONT-ADJUST-HEADING));
}
}
.contact-form,
.comment-form {
margin-top: 14px;
}
.footer__block .contact-form,
.footer__block .comment-form {
margin-top: 18px;
}
@media only screen and (max-width: 767px) {
.footer__block .contact-form,
.footer__block .comment-form {
margin: 15px auto 0;
}
}
.contact-form .form-item,
.comment-form .form-item,
.contact-form .form-field,
.comment-form .form-field {
margin-bottom: 50px;
}
.contact-form input,
.comment-form input,
.contact-form textarea,
.comment-form textarea,
.contact-form select,
.comment-form select {
line-height: normal;
}
.contact-form input[type="text"],
.comment-form input[type="text"],
.contact-form input[type="email"],
.comment-form input[type="email"],
.contact-form input[type="tel"],
.comment-form input[type="tel"],
.contact-form textarea,
.comment-form textarea,
.contact-form select,
.comment-form select {
display: block;
width: 100%;
border: 1px solid var(--COLOR-BORDER);
}
.contact-form input[type="submit"],
.comment-form input[type="submit"] {
padding-left: 45px;
padding-right: 45px;
}
@media only screen and (max-width: 479px) {
.contact-form input[type="submit"],
.comment-form input[type="submit"] {
display: block;
margin: 0;
}
}
@media only screen and (max-width: 479px) {
.contact-form input[type="submit"],
.comment-form input[type="submit"] {
/* width: 100%; */
}
}
.contact-form input[type="radio"],
.comment-form input[type="radio"],
.contact-form input[type="checkbox"],
.comment-form input[type="checkbox"] {
display: inline-block;
vertical-align: middle;
margin: 0 4px 2px 0;
}
.contact-form input[type="radio"],
.comment-form input[type="radio"] {
-webkit-appearance: radio;
-moz-appearance: radio;
-o-appearance: radio;
appearance: radio;
}
.contact-form input[type="checkbox"],
.comment-form input[type="checkbox"] {
-webkit-appearance: checkbox;
-moz-appearance: checkbox;
-o-appearance: checkbox;
appearance: checkbox;
}
.contact-form fieldset,
.comment-form fieldset {
padding: 0;
margin: 0;
border: 0;
}
.contact-form ::-webkit-input-placeholder,
.comment-form ::-webkit-input-placeholder {
color: var(--COLOR-INPUT-PLACEHOLDER);
}
.contact-form :-moz-placeholder,
.comment-form :-moz-placeholder {
color: var(--COLOR-INPUT-PLACEHOLDER);
}
.contact-form ::-moz-placeholder,
.comment-form ::-moz-placeholder {
color: var(--COLOR-INPUT-PLACEHOLDER);
}
.contact-form :-ms-input-placeholder,
.comment-form :-ms-input-placeholder {
color: var(--COLOR-INPUT-PLACEHOLDER);
}
.contact-form label,
.comment-form label {
font-family: var(--BODY-FONT-FAMILY);
font-weight: var(--BODY-FONT-WEIGHT);
font-style: var(--BODY-FONT-STYLE);
font-size: 22px;
}
.contact-form__wrapper {
max-width: 800px;
margin: auto;
margin-bottom: 80px;
}
@media (max-width: 768px) {
.contact-form__wrapper {
margin-bottom: 60px;
}
}
/**
* Custom HTML Section
*/
.custom-html-section {
margin: 50px 0;
text-align: center;
}
.custom-html__code p:last-child {
margin-bottom: 0;
}
/**
* FAQ Section
*/
.faq-section {
margin-top: 50px;
margin-bottom: 50px;
padding: 0px 10px;
}
.faq-section .page-title__subheading {
margin-bottom: 0;
}
.faq__nav {
display: none;
}
.faq__list {
list-style: none;
max-width: 1000px;
margin: 0 auto;
}
.faq__item {
border: none;
border-bottom: 1px solid var(--border);
margin-bottom: 10px;
}
.faq__item__question {
font-size: 26px;
line-height: 1.3;
display: block;
position: relative;
padding: 40px 40px 20px 0;
cursor: pointer;
width: 100%;
background: none;
border: none;
color: inherit;
text-align: left;
text-transform: inherit;
}
@media (max-width: 767px) {
.faq__item__question {
font-size: 22px;
}
}
.faq__item__question .icon {
top: 50%;
right: 0;
position: absolute;
display: flex;
align-items: center;
justify-content: center;
width: 35px;
height: 40px;
padding: 10px;
margin-top: -20px;
transition: opacity 0.25s linear, transform 0.25s linear;
pointer-events: none;
}
.faq__item__question .icon-minus {
opacity: 0;
transform: rotate(90deg);
}
.faq__item__question .icon-plus {
opacity: 1;
}
.is-active .faq__item__question .icon-minus {
opacity: 1;
transform: rotate(0deg);
}
.is-active .faq__item__question .icon-plus {
opacity: 0;
transform: rotate(90deg);
}
.faq__item__answer__wrapper {
overflow: hidden;
max-height: 0;
opacity: 0;
visibility: hidden;
transition: max-height 0.25s ease, opacity 0.25s ease, visibility 0s 0.25s;
}
.is-active .faq__item__answer__wrapper {
max-height: none;
opacity: 1;
visibility: visible;
transition-delay: 0s;
}
.faq__item__answer {
padding: 0 0 35px;
}
@media only screen and (min-width: 768px) {
.faq--tabs {
display: flex;
margin-top: 40px;
}
.faq--tabs .faq__nav {
display: block;
width: 500px;
max-width: 50%;
}
.faq--tabs .faq__contents {
flex: 1;
padding-left: 60px;
margin-top: 25px;
}
.faq--tabs .faq__list .faq__item__question {
display: none;
}
.faq--tabs .faq__item {
height: 0;
opacity: 0;
overflow: hidden;
transition: opacity 0.25s cubic-bezier(0, 1, 0.5, 1),
visibility 0s linear 0.25s;
border: none;
}
.faq--tabs .faq__item.is-active {
height: auto;
opacity: 1;
overflow: visible;
transition: opacity 0.25s cubic-bezier(1, 0, 1, 0.5),
visibility 0s linear 0s;
}
.faq--tabs .faq__item__question {
border: none;
border-bottom: 1px solid var(--COLOR-BORDER);
}
.faq--tabs .faq__item__question:before {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
opacity: 0.15;
background: var(--COLOR-BORDER);
background: linear-gradient(
90deg,
transparent 0%,
var(--COLOR-BORDER) 25%,
var(--COLOR-BORDER) 75%,
transparent 100%
);
transform: scaleX(0);
}
.faq--tabs .is-active .faq__item__question:before {
transform: scaleX(1);
opacity: 0;
transition: transform 0.15s linear 0s, opacity 0.5s ease;
}
}
.faq--tabs .faq__item__answer {
max-height: none;
}
.featured-collection {
overflow: hidden;
padding: 60px 0px 0px 0px;
}
.featured-collection:before {
content: none;
}
@media only screen and (max-width: 767px) {
.featured-collection {
overflow: hidden;
}
.featured-collection {
padding: 0px 0px 0px 0px;
}
}
.featured-collection .button-wrapper {
text-align: center;
margin-bottom: 50px;
}
.collection-grid__header {
margin-top: 50px;
margin-bottom: 50px;
text-align: center;
}
.collection-grid__header h2 {
margin: 0;
font-size: 36px;
}
.collection-grid__header p {
margin: 10px 0 0;
}
.collection-grid__header--no-products {
margin-bottom: -30px;
}
/*
* Hero Background Video Section
*/
.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: 1024px) {
.featured-video-section .hero__content {
max-width: 50%;
}
}
.main-content > .section-fullscreen:first-of-type .hero__content__wrapper {
padding-top: 60px;
}
.hero__content {
margin: var(--gutter);
padding: 60px;
}
@media only screen and (max-width: 767px) {
.hero__content {
padding: 30px;
}
}
.hero__content__link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.hero__button-image {
max-width: 50%;
padding: 60px;
}
@media only screen and (max-width: 1023px) {
.hero__button-image {
max-width: 70%;
padding: 45px;
}
}
@media only screen and (max-width: 767px) {
.hero__button-image {
max-width: 80%;
padding: 30px;
}
}
.hero__button-image img {
display: block;
width: 100%;
}
.hero__title {
margin-bottom: 15px;
color: inherit;
font-size: 36px;
}
.hero__description {
font-size: 18px;
word-break: break-word;
margin-bottom: 35px;
}
@media only screen and (max-width: 767px) {
.hero__description {
font-size: calc(1rem * var(--FONT-ADJUST-BODY));
}
}
.hero__title,
.hero__description {
margin-top: 0;
}
.hero__title:last-child,
.hero__description:last-child {
margin-bottom: 0;
}
.hero__buttons {
margin: 0 -8px;
display: flex;
flex-flow: row wrap;
align-items: center;
justify-content: center;
}
.align--top-left .hero__buttons,
.align--middle-left .hero__buttons,
.align--bottom-left .hero__buttons {
justify-content: flex-start;
}
.align--top-right .hero__buttons,
.align--middle-right .hero__buttons,
.align--bottom-right .hero__buttons {
justify-content: flex-end;
}
@media only screen and (max-width: 479px) {
.hero__buttons {
flex-flow: column;
}
.align--top-left .hero__buttons,
.align--middle-left .hero__buttons,
.align--bottom-left .hero__buttons {
align-items: flex-start;
}
.align--top-right .hero__buttons,
.align--middle-right .hero__buttons,
.align--bottom-right .hero__buttons {
align-items: flex-end;
}
}
.hero__button {
margin: 0 8px;
z-index: 5;
}
/*=== Text colors with bg settings ==*/
.text-light .hero__content {
background-color: var(--COLOR-TEXT-DARK);
}
.text-light p a,
.text-light h1 a,
.text-light h2 a,
.text-light h3 a,
.text-light h4 a,
.text-light h5 a,
.text-light h6 a {
color: inherit;
}
.text-light p a:hover,
.text-light h1 a:hover,
.text-light h2 a:hover,
.text-light h3 a:hover,
.text-light h4 a:hover,
.text-light h5 a:hover,
.text-light h6 a:hover {
opacity: 0.9;
}
.text-dark .hero__content {
background-color: var(--COLOR-WHITE);
}
.hero__content__wrapper--transparent .hero__content {
background: none;
}
/**
* Icons row
*/
.icons-row {
margin: 10px 0;
}
.icons-row .pad-sm {
margin: 0;
}
.icons-row--background {
padding: 50px 0;
}
.icons-row-wrapper {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
}
@media only screen and (max-width: 1023px) {
/* .icons-row-wrapper {
margin-left: -40px;
margin-right: -40px;
} */
}
@media only screen and (max-width: 767px) {
.icons-row-wrapper {
/* margin: 0 -25px -25px; */
}
}
@media only screen and (max-width: 479px) {
.icons-row-wrapper {
margin: 0 0 -10px;
}
}
.icons-row-wrapper--center {
justify-content: center !important; /*adjusted to center the retail page items*/
text-align: center;
}
.icons-row-wrapper--left {
justify-content: flex-start;
text-align: left;
}
.icons-row__item {
/* width: 25%; removed to make it variable*/
padding: 20px 10px;
margin-bottom: 35px;
}
@media only screen and (max-width: 1023px) {
.icons-row__item {
padding: 20px 40px;
width: 50% !important;
}
}
@media only screen and (max-width: 767px) {
.icons-row__item {
padding: 20px 25px;
width: 100% !important;
margin-bottom: 40px;
}
}
.icons-row__item p {
margin: 20px 0px 10px 0px;
}
@media only screen and (max-width: 479px) {
.icons-row__item {
width: 100% !important;
margin-bottom: 40px;
padding: 5px;
}
.icons-row__item h3 {
font-size: 28px;
}
.icons-row__item p {
font-size: 16px;
}
.icons-row__item:last-child {
margin-bottom: 10px;
}
}
.icons-row__item .icon {
display: inline-block;
width: 30px;
height: 30px;
margin-right: 10px;
font-size: 2.5em;
margin-bottom: 10px;
}
.icons-row__item .icon path {
fill: currentColor;
}
.icons-row__image {
position: relative;
display: inline-block;
width: 100%;
height: 100%;
margin-bottom: 20px;
}
.icons-row__image img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
margin: 0 auto;
}
body.allow-grid-animations.allow-image-animations
.icons-row__image
img.lazyload,
body.allow-grid-animations.allow-image-animations
.icons-row__image
img.lazyloading {
background-size: 45px auto !important;
}
.icons-row__image .icon-svg-placeholder {
position: absolute;
top: 50%;
left: 50%;
width: 70px;
height: 70px;
display: block;
overflow: hidden;
transform: translate(-50%, -50%);
}
.icons-row__image .icon-svg-placeholder svg {
position: absolute;
top: 50%;
left: 50%;
width: 160px;
height: 160px;
margin: -80px 0 0 -80px;
}
.icons-row__title {
margin-bottom: 18px;
color: inherit !important;
}
.icons-row__content {
margin-bottom: 0;
opacity: 0.75;
}
.gallery {
overflow: hidden;
/* margin: 20px; */
}
.gallery .row {
height: 100%;
}
@media only screen and (max-width: 767px) {
.gallery {
margin: 0px;
}
.gallery .row {
height: auto !important;
}
div#shopify-section-template--14608225239145__16637321408f52f695
.gallery
.row {
height: auto !important;
display: flex;
flex-direction: column-reverse;
}
.row.five-fifty-height-hero {
display: flex;
flex-direction: column;
}
.row.five-fifty-height-hero reverse{
display: flex;
flex-direction: column-reverse;
}
}
.gallery .row.original-height {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
height: auto;
}
@media only screen and (max-width: 767px) {
.gallery .row.original-height {
min-height: 0;
}
}
.gallery .row.original-height::before,
.gallery .row.original-height::after {
content: none;
}
.gallery .block {
text-align: center;
}
@media (max-width: 767px) {
.gallery .block {
margin: 10px 0px!important
}
}
.original-height .gallery-slider,
.original-height .gallery-content,
.original-height .slide-image {
height: auto;
}
.original-height .gallery-slider .slide-image {
position: static;
}
.original-height .gallery-slider .slide-image-bg {
height: 0;
}
.gallery-slider {
padding: 0 calc(var(--gutter) / 2);
height: 100%;
}
@media only screen and (max-width: 767px) {
.gallery-slider {
height: 50vw;
min-height: 275px;
padding: 0px;
margin-bottom: 20px;
}
}
.gallery-slider .is-fade .slide-image {
opacity: 0 !important;
transition: opacity 1s ease !important;
}
.gallery-slider .is-fade .slide-image.is-selected {
opacity: 1 !important;
}
.original-height .gallery-slider {
height: auto;
}
.gallery-slider .slide-image-bg {
position: relative;
width: 100%;
height: 100%;
background: no-repeat center center/cover;
}
.gallery-slider .slide-image-bg.slide-background--blank,
.gallery-slider .slide-image-bg.slide-image-bg--single {
display: block;
}
@media only screen and (max-width: 767px) {
.gallery-slider .slide-image-bg {
display: none;
}
}
.gallery-slider .slide-image-bg--mobile {
display: none;
}
@media only screen and (max-width: 767px) {
.gallery-slider .slide-image-bg--mobile {
display: block;
}
}
.gallery-slider .placeholder-svg,
.gallery-slider .svg-placeholder > svg {
position: absolute;
top: 0;
left: 0;
}
.gallery-slider .slide-background {
background: no-repeat top center/cover;
}
.gallery-slider .slide-background__inner {
height: 100%;
overflow: hidden;
}
.gallery-slider .flickity-page-dots {
padding: 0;
left: 0;
right: 0;
text-align: center;
bottom: 10px;
}
@media only screen and (max-width: 479px) {
.gallery-slider .flickity-page-dots {
bottom: 0;
}
}
.gallery-slider__inner {
height: 100%;
}
.js
.gallery-slider__inner:not(.flickity-enabled)
.slide-image:not(:first-child) {
position: absolute;
top: 0;
left: 0;
visibility: hidden;
}
/**
* Text portion of the gallery module.
*/
.gallery-content {
padding: 0 calc(var(--gutter) / 2);
height: 100%;
/**
* Vertically aligns .gallery-content-inner
*/
}
@media only screen and (max-width: 767px) {
.gallery-content {
height: auto;
padding: 5px 0 40px 0px !important;
}
}
.gallery-content::after {
display: inline-block;
position: relative;
content: "";
height: 100%;
vertical-align: middle;
}
/**
* This is the vertically aligned bit.
*/
.gallery-content-inner {
display: inline-block;
max-width: 510px;
text-align: left;
vertical-align: middle;
width: 90%;
padding: 0px 20px 0px 20px;
}
@media (max-width: 767px) {
.gallery-content-inner {
text-align: center;
}
}
.gallery-content__text {
margin-bottom: 20px;
font-size: calc(0.875rem * var(--FONT-ADJUST-BODY));
padding: 0px 0px 20px 0px;
}
.gallery-wrap {
background-color: var(--bg);
color: var(--text);
max-width: 1600px;
padding: 20px;
}
@media (max-width: 767px) {
.gallery-wrap {
padding: 0px 20px;
}
}
.gallery-wrap h1,
.gallery-wrap h2,
.gallery-wrap h3,
.gallery-wrap h4,
.gallery-wrap h5,
.gallery-wrap h6 {
color: var(--heading);
}
.gallery-wrap .flickity-page-dots li {
border-color: var(--text);
}
.gallery-wrap a {
transition: opacity 0.2s ease;
}
.gallery-wrap a:hover {
opacity: 0.8;
}
.gallery-slider--zoom-out .slide-image.is-selected .slide-background,
.gallery-slider--zoom-out .slide-image.is-selected .slide-background__inner {
animation-name: moZoomOut;
animation-duration: 2.5s;
animation-fill-mode: both;
animation-timing-function: ease-out;
}
.gallery-slider--zoom-out.gallery-slider--is-loading
.slide-image
.slide-background,
.gallery-slider--zoom-out.gallery-slider--is-loading
.slide-image
.slide-background__inner {
animation-name: none;
}
.collection-list {
margin: var(--gutter) 0;
max-width: 1600px;
margin: auto;
}
.template-collection .collection-list,
.template-search .collection-list {
margin: 20px 0;
}
@media only screen and (min-width: 768px) {
.template-collection .collection-list,
.template-search .collection-list {
margin: 25px 0;
}
}
.collection-list__header {
margin-top: 50px;
margin-bottom: 50px;
text-align: center;
}
@media only screen and (max-width: 767px) {
.collection-list__header {
margin-top: 30px;
margin-bottom: 0px;
}
}
.collection-list__header p:last-child {
margin-bottom: 5px;
}
.collection-list__row {
/**
* Infinity scroll padding bottom
*/
}
@media only screen and (min-width: 768px) {
.collection-list__row {
padding: 0 calc(var(--outer) / 2);
}
}
.collection-list__row[data-infinity] {
padding-bottom: 0px;
}
.collection-list__wrapper {
overflow: hidden;
max-width: 1600px;
margin: auto;
}
@media only screen and (max-width: 767px) {
.collection-list__wrapper {
padding: 0px 10px;
}
}
.collection-list__inner {
float: left;
width: 100%;
margin: calc(var(--gap) / -2) 0;
}
.collection-block__link {
display: block;
position: relative;
height: 100%;
}
.collection-block__info {
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 20px;
}
@media only screen and (min-width: 1320px) {
.collection-block__info {
padding: 50px;
}
}
@media only screen and (min-width: 768px) {
.collection-block__info.text-position--top_left {
align-items: flex-start;
justify-content: flex-start;
text-align: left;
}
.collection-block__info.text-position--top_right {
align-items: flex-start;
justify-content: flex-end;
text-align: right;
}
.collection-block__info.text-position--bottom_left {
align-items: flex-end;
justify-content: flex-start;
text-align: left;
}
.collection-block__info.text-position--bottom_right {
align-items: flex-end;
justify-content: flex-end;
text-align: right;
}
}
.collection-block__info .button {
margin-top: 10px;
}
@media only screen and (max-width: 479px) {
.collection-block__info p {
display: none;
}
}
.collection-block {
overflow: hidden;
border: 10px solid var(--COLOR-BACKGROUND);
will-change: transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
@media only screen and (min-width: 1024px) {
.collection-block.lg_s14 .collection-block__description {
-webkit-line-clamp: 1;
}
}
@media only screen and (min-width: 1320px) {
.collection-block.lg_s14 .collection-block__description {
-webkit-line-clamp: 3;
}
}
.collection-block__title {
color: inherit;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.collection-block__description {
margin: 10px 0;
font-size: calc(1rem * var(--FONT-ADJUST-BODY));
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.collection-block__image {
display: block;
position: relative;
padding-top: 100%;
height: 700px;
overflow: hidden;
will-change: transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.collection-block__image::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: var(--overlay-opacity);
background-color: var(--overlay-color);
}
.collection-block__image svg {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
transform: translate(-50%, -50%);
}
.collection-block__image--zoom {
transition: transform 3s ease-out;
}
@media only screen and (min-width: 768px) {
.collection-block__link:hover .collection-block__image--zoom {
transform: scale(1.2);
}
}
.collection-block__image-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.collection-block__image-bg.collection-block__image-bg--single,
.collection-block__image-bg.collection-block__image-bg--placeholder {
display: block;
}
@media only screen and (max-width: 767px) {
.collection-block__image {
padding-top: 100%;
height: 340px;
}
.collection-block__image-bg {
display: none;
}
}
.collection-block__image-bg--mobile {
display: none;
}
@media only screen and (max-width: 767px) {
.collection-block__image-bg--mobile {
display: block;
}
}
.collection-block__image__empty {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.row--mosaic::after {
content: "";
display: table;
clear: both;
line-height: 0;
height: 0;
}
@media only screen and (min-width: 768px) {
.row--mosaic {
position: relative;
height: calc(100vh - 60px);
}
.row--mosaic.row--default-height {
height: 75vh;
min-height: 600px;
}
.row--mosaic .collection-block {
float: left;
position: relative;
width: 100%;
height: 100%;
}
.row--mosaic .collection-block__image {
height: 100%;
padding-top: 0;
}
.row--mosaic .collection-block__info {
padding: 30px;
}
.row--mosaic .collection-block__info div {
width: 100%;
}
.row--mosaic.row--2-blocks .collection-block {
width: 50%;
height: 100%;
}
.row--mosaic.row--3-blocks {
padding-right: 50%;
}
.row--mosaic.row--3-blocks .collection-block {
width: 100%;
height: 50%;
}
.row--mosaic.row--3-blocks .collection-block:last-child {
width: calc(50% - 5px);
height: 100%;
position: absolute;
top: 0;
right: 5px;
}
.row--mosaic.row--4-blocks {
padding-right: 50%;
}
.row--mosaic.row--4-blocks .collection-block {
width: 100%;
height: 50%;
}
.row--mosaic.row--4-blocks .collection-block:nth-child(2),
.row--mosaic.row--4-blocks .collection-block:nth-child(3) {
width: 50%;
}
.row--mosaic.row--4-blocks .collection-block:last-child {
width: calc(50% - 5px);
height: 100%;
position: absolute;
top: 0;
right: 5px;
}
.row--mosaic.row--5-blocks {
padding-right: 40%;
}
.row--mosaic.row--5-blocks .collection-block {
height: 50%;
}
.row--mosaic.row--5-blocks .collection-block:nth-child(1),
.row--mosaic.row--5-blocks .collection-block:nth-child(4) {
width: 66.66%;
}
.row--mosaic.row--5-blocks .collection-block:nth-child(2),
.row--mosaic.row--5-blocks .collection-block:nth-child(3) {
width: 33.33%;
}
.row--mosaic.row--5-blocks .collection-block:last-child {
width: calc(40% - 5px);
height: 100%;
position: absolute;
top: 0;
right: 5px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.row--mosaic {
height: auto;
min-height: 0;
}
.row--mosaic.row--1-blocks .collection-block,
.row--mosaic.row--2-blocks .collection-block {
height: 50vh;
min-height: 600px;
}
.row--mosaic.row--3-blocks,
.row--mosaic.row--4-blocks,
.row--mosaic.row--5-blocks {
padding-right: 5px;
}
.row--mosaic.row--3-blocks .collection-block,
.row--mosaic.row--4-blocks .collection-block,
.row--mosaic.row--5-blocks .collection-block {
height: 25vh;
min-height: 300px;
}
.row--mosaic.row--3-blocks .collection-block:last-child,
.row--mosaic.row--4-blocks .collection-block:last-child,
.row--mosaic.row--5-blocks .collection-block:last-child {
width: 100%;
height: 50vh;
min-height: 600px;
position: relative;
right: 0;
}
.row--mosaic.row--5-blocks .collection-block:last-child {
right: 0;
}
.row--mosaic.row--default-height {
height: auto;
min-height: 0;
}
.row--mosaic.row--default-height .collection-block {
height: 35vh;
min-height: 300px;
}
.row--mosaic.row--default-height.row--1-blocks .collection-block,
.row--mosaic.row--default-height.row--2-blocks .collection-block {
height: 75vh;
}
.row--mosaic.row--default-height.row--3-blocks .collection-block:last-child,
.row--mosaic.row--default-height.row--4-blocks .collection-block:last-child,
.row--mosaic.row--default-height.row--5-blocks .collection-block:last-child {
height: 75vh;
min-height: 600px;
}
}
@media only screen and (max-width: 767px) {
.row--mosaic .collection-block {
float: left;
width: 100%;
}
.row--mosaic .collection-block__image {
padding-top: 50%;
height: 340px;
}
}
@media only screen and (max-width: 479px) {
.row--mosaic .collection-block {
width: 100%;
}
.row--mosaic .button {
padding: 14px 18px;
}
}
@media only screen and (max-width: 767px) {
.row--slider {
width: 100%;
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
overflow-x: auto;
overflow-y: hidden;
display: flex;
flex-flow: row nowrap;
scroll-behavior: smooth;
scroll-snap-type: x mandatory;
scroll-padding: var(--gap);
padding-left: var(--outer);
padding-right: 0;
scrollbar-width: none;
-ms-overflow-style: none; /* for Internet Explorer, Edge */
}
.row--slider::-webkit-scrollbar {
display: none; /* for Chrome, Safari, and Opera */
}
.row--slider::after {
content: "";
display: block;
position: relative;
padding-right: var(--outer);
}
.row--slider .collection-block {
width: 66%;
flex: 0 0 auto;
scroll-snap-align: start;
border: 0;
margin-right: var(--gap);
}
.row--slider .collection-block:last-child {
margin-right: 0;
}
.row--slider .collection-block__image {
padding-top: 100%;
}
}
/*
* Logo list
*/
.logo-list {
position: relative;
overflow: hidden;
text-align: center;
padding: 25px 0;
}
.logo-list__slider {
margin: auto;
position: static;
}
.logo-list__slider .flickity-slider {
display: flex;
justify-content: center;
align-items: center;
}
.logo-list__slide {
display: inline-block;
vertical-align: middle;
width: auto;
padding: 0 20px;
}
.logo-list__item {
margin: auto;
}
.logo-list__item-container {
position: relative;
height: 0;
}
.logo-list__item-link {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.logo-list__item-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent;
}
.logo-list__item-image svg {
background: transparent;
fill: var(--COLOR-TEXT-ALPHA-30);
}
/**
* Mosaic Section
*/
.header--full + .shopify-section--mosaic {
margin-top: var(--gutter);
}
.section-mosaic {
margin: var(--gutter) 0;
}
.section-mosaic .block {
padding: calc(var(--gutter) / 2);
}
@media only screen and (max-width: 767px) {
.section-mosaic .block--left {
display: flex;
flex-direction: column;
}
.section-mosaic .block--left .mosaic__blocks {
order: 1;
width: 100%;
}
.section-mosaic .block--left .mosaic__content {
order: 2;
width: 100%;
}
}
.section-mosaic .slider-arrow {
display: none;
}
@media only screen and (max-width: 767px) {
.section-mosaic .slider-arrow {
display: block;
}
}
.section-mosaic .slider-arrow--prev {
left: var(--gutter);
}
.section-mosaic .slider-arrow--next {
right: var(--gutter);
}
.mosaic__wrapper {
overflow: hidden;
padding: 30px 10px 0px 10px;
max-width: 1600px;
margin: 0px auto;
}
.mosaic__inner {
float: left;
width: 100%;
margin: calc(var(--gutter) / -2) 0;
padding-left: calc(var(--gutter) / 2);
padding-right: calc(var(--gutter) / 2);
}
.mosaic__content {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
height: 100%;
}
@media only screen and (min-width: 768px) {
.mosaic__blocks--one .mosaic__content {
height: 50%;
}
.mosaic__blocks--two .mosaic__content {
height: 60%;
}
.mosaic__blocks--three .mosaic__content {
height: 60%;
}
.mosaic__blocks--four .mosaic__content {
height: 40%;
}
}
@media only screen and (max-width: 767px) {
.mosaic__content {
padding: 50px 0;
}
}
.mosaic__content-container {
padding: 0 100px;
}
@media only screen and (max-width: 1319px) {
.mosaic__content-container {
padding: 0 var(--gutter);
}
}
.mosaic__text {
margin: 0 auto 20px;
line-height: normal;
}
.mosaic__image {
position: relative;
overflow: hidden;
height: calc(100vh - var(--gutter) * 2);
}
.block--default-height .mosaic__image {
height: calc(75vh - var(--gutter) * 2);
}
@media only screen and (max-width: 1023px) {
.mosaic__image {
height: calc(50vh - var(--gutter) * 2);
}
.block--default-height .mosaic__image {
height: calc(37.5vh - var(--gutter) * 2);
}
}
@media only screen and (max-width: 767px) {
.mosaic__image {
height: 0;
padding-top: calc(100% - var(--gutter));
}
.block--default-height .mosaic__image {
height: 0;
padding-top: calc(75% - var(--gutter));
}
}
@media only screen and (min-width: 768px) {
.mosaic__image--one {
min-height: 496px;
}
.mosaic__image--two,
.mosaic__image--three {
min-height: 426px;
}
.mosaic__image--four,
.mosaic__image--five {
min-height: 600px;
}
}
/*
* Mosaic Blocks
*/
@media only screen and (min-width: 768px) {
.mosaic__blocks-wrapper {
height: calc(100vh - var(--gutter) * 2);
}
.block--default-height .mosaic__blocks-wrapper {
height: calc(75vh - var(--gutter) * 2);
}
.mosaic__blocks--one {
min-height: 496px;
}
.mosaic__blocks--two,
.mosaic__blocks--three {
min-height: 426px;
}
.mosaic__blocks--four,
.mosaic__blocks--five {
min-height: 600px;
}
.mosaic__blocks--five .mosaic__block {
width: calc(50% - var(--gutter));
}
.mosaic__blocks--five .mosaic__block:first-child {
width: calc(100% - var(--gutter));
}
.block--images-only .mosaic__blocks--four .mosaic__block:nth-child(2),
.block--images-only .mosaic__blocks--four .mosaic__block:nth-child(3) {
width: calc(40% - var(--gutter));
}
.block--images-only .mosaic__blocks--four .mosaic__block:nth-child(1),
.block--images-only .mosaic__blocks--four .mosaic__block:nth-child(4) {
width: calc(60% - var(--gutter));
}
.block--images-only .mosaic__blocks--five .mosaic__block:nth-child(1) {
width: calc(100% - var(--gutter));
}
.block--images-only .mosaic__blocks--five .mosaic__block:nth-child(3),
.block--images-only .mosaic__blocks--five .mosaic__block:nth-child(4) {
width: calc(40% - var(--gutter));
}
.block--images-only .mosaic__blocks--five .mosaic__block:nth-child(2),
.block--images-only .mosaic__blocks--five .mosaic__block:nth-child(5) {
width: calc(60% - var(--gutter));
}
.block--no-text .mosaic__blocks--two .mosaic__block {
width: calc(100% - var(--gutter));
height: calc(50% - var(--gutter));
}
.block--no-text .mosaic__blocks--three .mosaic__block {
width: calc(50% - var(--gutter));
height: calc(50% - var(--gutter));
}
.block--no-text .mosaic__blocks--three .mosaic__block:first-child {
width: calc(100% - var(--gutter));
}
.block--no-text .mosaic__blocks--four .mosaic__block {
height: calc(50% - var(--gutter));
}
.block--no-text .mosaic__blocks--five .mosaic__block {
height: calc(33.3333% - var(--gutter));
}
}
.mosaic__blocks {
position: relative;
}
@media only screen and (min-width: 768px) {
.mosaic__blocks {
float: left;
width: calc(100% + var(--gutter));
margin: calc(var(--gutter) / -2);
}
.mosaic__blocks--one .mosaic__blocks {
height: calc(50% + var(--gutter));
}
.mosaic__blocks--two .mosaic__blocks {
height: calc(40% + var(--gutter));
}
.mosaic__blocks--three .mosaic__blocks {
height: calc(40% + var(--gutter));
}
.mosaic__blocks--four .mosaic__blocks {
height: calc(60% + var(--gutter));
}
.mosaic__blocks--five .mosaic__blocks {
height: calc(100% + var(--gutter));
}
.block--no-text .mosaic__blocks {
height: calc(100% + var(--gutter));
}
}
.mosaic__blocks .mosaic__blocks-inner {
height: 100%;
}
@media only screen and (min-width: 768px) {
.mosaic__blocks .mosaic__blocks-inner {
display: flex;
flex-wrap: wrap;
}
}
.mosaic__blocks .slider-arrow {
color: inherit;
display: none;
}
[data-text-color="black"] .mosaic__blocks {
color: #000;
}
[data-text-color="white"] .mosaic__blocks {
color: #fff;
}
.mosaic__block {
position: relative;
height: calc(100% - var(--gutter));
}
@media only screen and (max-width: 767px) {
.mosaic__block {
height: 0;
padding-top: calc(100% - var(--gutter));
width: 100%;
display: block;
padding: 20px;
}
.block--default-height .mosaic__block {
padding-top: calc(75% - var(--gutter));
}
.flickity-slider .mosaic__block {
position: absolute;
}
}
@media only screen and (min-width: 768px) {
.mosaic__block {
margin: calc(var(--gutter) / 2);
}
.mosaic__blocks--one .mosaic__block {
width: calc(100% - var(--gutter));
}
.mosaic__blocks--two .mosaic__block {
width: calc(50% - var(--gutter));
}
.mosaic__blocks--three .mosaic__block {
width: calc(33.33% - var(--gutter));
}
.mosaic__blocks--four .mosaic__block {
width: calc(50% - var(--gutter));
height: calc(50% - var(--gutter));
}
.mosaic__blocks--four .mosaic__blocks--split .mosaic__block:nth-child(1),
.mosaic__blocks--four .mosaic__blocks--split .mosaic__block:nth-child(2),
.mosaic__blocks--four .mosaic__blocks--split .mosaic__block:nth-child(3),
.mosaic__blocks--four .mosaic__blocks--split .mosaic__block:nth-child(4) {
width: calc(50% - var(--gutter));
}
.mosaic__blocks--five .mosaic__blocks--split .mosaic__block:nth-child(2),
.mosaic__blocks--five .mosaic__blocks--split .mosaic__block:nth-child(3),
.mosaic__blocks--five .mosaic__blocks--split .mosaic__block:nth-child(4),
.mosaic__blocks--five .mosaic__blocks--split .mosaic__block:nth-child(5) {
width: calc(50% - var(--gutter));
}
}
.mosaic__block__inner {
height: 100%;
margin: 10px;
}
@media only screen and (min-width: 768px) {
.mosaic__block__inner {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
}
.mosaic__block--collection .svg-placeholder svg,
.mosaic__block--product .svg-placeholder svg {
min-height: 200px;
}
.mosaic__block-link--video {
z-index: 5;
color: inherit;
}
.mosaic__block-link--video .icon-play {
position: absolute;
top: 50%;
left: 50%;
display: inline-block;
width: 50px;
height: 50px;
min-height: 50px;
padding: 4px;
text-align: center;
opacity: 1;
transform: translate(-50%, -50%);
}
.mosaic__block-image {
position: relative;
height: 100%;
display: block;
}
@media only screen and (max-width: 767px) {
.mosaic__block-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
}
}
.mosaic__block-bg,
.mosaic__image-bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
overflow: hidden;
}
.mosaic__image-bg--no-image .svg-placeholder,
.mosaic__block-bg--no-image .svg-placeholder {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.mosaic__image-bg--no-image .svg-placeholder svg,
.mosaic__block-bg--no-image .svg-placeholder svg {
max-width: 200%;
}
.mosaic__image {
margin: 0px 10px;
}
@media (max-width: 767px) {
.mosaic__image {
margin: 0px 0px;
}
}
.mosaic__block-text,
.mosaic__image-text {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 16px;
z-index: 2;
display: flex;
align-items: flex-end;
justify-content: flex-start;
font-size: calc(1.125rem * var(--FONT-ADJUST-BODY));
font-family: var(--BODY-FONT-FAMILY);
font-weight: var(--BODY-FONT-WEIGHT);
font-style: var(--BODY-FONT-STYLE);
}
[data-text-color="black"] .mosaic__block-text,
[data-text-color="black"] .mosaic__image-text {
color: #000;
}
[data-text-color="white"] .mosaic__block-text,
[data-text-color="white"] .mosaic__image-text {
color: #fff;
}
.mosaic__block-text p,
.mosaic__image-text p {
margin: 0;
font-size: inherit;
line-height: inherit;
}
.mosaic__block-link {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.mosaic__product__price {
display: block;
font-size: 70%;
}
.mosaic__image-bg::before,
.mosaic__block-bg::before {
content: "";
box-sizing: border-box;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: var(--overlay-opacity);
background-color: var(--overlay-color);
z-index: 1;
}
.mosaic__image-bg .svg-placeholder::after,
.mosaic__block-bg .svg-placeholder::after {
content: none;
}
.section-newsletter {
padding: 50px 0;
}
.sign-up-body {
max-width: 400px;
margin-bottom: 30px;
padding-right: 30px;
}
.section-newsletter h4 {
font-family: var(--BODY-FONT-FAMILY);
font-weight: 700;
font-size: 28px;
text-transform: inherit;
}
@media only screen and (max-width: 767px) {
.section-newsletter {
padding: 60px 0;
}
}
.sign-up {
/**
* Auto required to center container
*/
margin: 0 auto;
text-align: left;
}
/* .sign-up h4 {
max-width: 550px;
} */
.sign-up-confirmation {
display: none;
}
.sign-up-posted {
/**
* Hide body text, hide form.
*/
/**
* Show confirmation
*/
}
.sign-up-posted .sign-up-body,
.sign-up-posted .sign-up-form {
display: none;
}
.sign-up-posted .sign-up-confirmation {
display: block;
}
.sign-up-failed .sign-up-error {
display: block;
color: var(--error-text);
}
.sign-up-error {
display: none;
}
.sign-up-form {
display: block;
position: relative;
margin: 0px;
width: 100%;
max-width: 100%;
}
@media only screen and (min-width: 768px) {
.sign-up-form {
width: 460px;
}
}
@media only screen and (max-width: 767px) {
.sign-up-form {
width: 100%;
display: inline-block;
margin-top: 0px;
}
}
.sign-up-form .inputGroup {
display: block;
position: relative;
height: 45px;
width: 100%;
margin-bottom: 0;
}
.sign-up-form .inputGroup ::-webkit-input-placeholder {
color: var(--COLOR-INPUT-PLACEHOLDER);
}
.sign-up-form .inputGroup :-moz-placeholder {
color: var(--COLOR-INPUT-PLACEHOLDER);
}
.sign-up-form .inputGroup ::-moz-placeholder {
color: var(--COLOR-INPUT-PLACEHOLDER);
}
.sign-up-form .inputGroup :-ms-input-placeholder {
color: var(--COLOR-INPUT-PLACEHOLDER);
}
.sign-up-form .inputGroup::after {
display: none;
}
.sign-up-form + .errors {
margin: 0.5em 0;
}
input.sign-up-input {
height: 100%;
padding: 0;
width: 100%;
padding: 0 45px 0 10px;
color: var(--COLOR-TEXT);
border: 2px solid var(--COLOR-TEXT);
background-color: transparent;
}
.contact-form input.sign-up-input,
.comment-form input.sign-up-input {
color: var(--COLOR-TEXT);
border: 1px solid var(--COLOR-TEXT);
}
button.sign-up-submit,
.sign-up-submit.btn,
.sign-up-submit.shopify-payment-button__button--unbranded {
position: absolute;
background-color: rgba(255, 255, 255, 0);
border: 0;
color: var(--COLOR-TEXT);
background: transparent;
border: 1px solid var(--COLOR-TEXT);
top: 0;
bottom: 0;
right: 0;
width: 45px;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
transition: background 0.2s ease;
}
button.sign-up-submit .icon-submit,
.sign-up-submit.btn .icon-submit,
.sign-up-submit.shopify-payment-button__button--unbranded .icon-submit {
display: block;
width: 20px;
height: 20px;
}
button.sign-up-submit:hover,
.sign-up-submit.btn:hover,
.sign-up-submit.shopify-payment-button__button--unbranded:hover {
opacity: 1;
background-color: var(--COLOR-TEXT-ALPHA-5);
color: var(--COLOR-TEXT);
}
.page-container {
margin: 50px 0;
}
.page-title {
margin: 0 auto 20px;
text-align: center;
}
@media only screen and (min-width: 768px) {
.page-title {
max-width: 1000px;
padding: 40px 0px;
}
}
.page-title h1,
.page-title h2 {
font-size: 58px;
font-family: "Ultramagnetic";
font-weight: 400;
text-transform: inherit;
margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
.page-title h1, .page-title h2 {
font-size: 42px;
max-width: 300px;
}
}
.page-title .rte p {
margin: 20px 0;
}
.page-title--left {
margin-left: 0;
text-align: left;
}
.template-collection .page-title,
.template-page .page-title {
margin-top: 30px;
margin-bottom: 30px;
}
@media only screen and (min-width: 480px) {
.template-collection .page-title,
.template-page .page-title {
margin-top: 30px;
margin-bottom: 30px;
}
}
.template-collection .banner .page-title,
.template-page .banner .page-title {
margin-top: 0;
margin-bottom: 0;
}
.template-collection .banner .page-title h1,
.template-page .banner .page-title h1 {
margin-bottom: 15px;
}
.template-collection .text-content,
.template-page .text-content {
margin-top: 50px;
margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
.template-collection .text-content .row.row-sm,
.template-page .text-content .row.row-sm {
width: 100%;
}
}
.page-title__heading {
margin-top: 15px;
margin-bottom: 15px;
}
.page-title__subheading {
color: inherit;
margin: 0 0 15px;
}
.page-title__text p {
font-size: calc(1.125rem * var(--FONT-ADJUST-BODY));
word-break: break-word;
margin-bottom: 15px;
}
@media only screen and (max-width: 767px) {
.page-title__text p {
font-size: calc(1rem * var(--FONT-ADJUST-BODY));
}
}
.page-title__text p:last-child {
margin-bottom: 0;
}
/*
* About page
*/
.page-content {
margin: 60px auto;
max-width: 1000px;
}
.page-content img {
max-width: 100%;
height: auto;
}
.page-content::after {
content: "";
display: table;
clear: both;
line-height: 0;
height: 0;
}
/*
* .template-404
*/
.fourOhFour-button {
margin-top: 15px;
}
.password__container {
position: relative;
min-height: 100%;
min-height: 100vh;
overflow-x: hidden;
overflow-y: auto;
display: flex;
align-items: center;
justify-content: center;
}
.password__container a {
text-decoration: none;
}
.password__container h1,
.password__container h3,
.password__container a,
.password__container p,
.password__container label,
.password__container .feedback.error,
.password__container .logo__text {
color: white;
}
.password__container .logo {
margin: 20px auto;
max-width: 100%;
font-size: calc(1.5rem * var(--FONT-ADJUST-HEADING));
}
.password__container .logo img {
margin-left: auto;
margin-right: auto;
max-width: 100%;
height: auto;
}
.password__container .input-group {
display: flex;
align-items: flex-start;
justify-content: center;
max-width: 440px;
margin: 30px auto;
}
.password__container .input-group input {
margin: 0;
width: 100%;
height: 48px;
line-height: normal;
}
.password__container .input-group input.button {
padding: 12px 30px;
}
.password__container .input-group .form-field--email,
.password__container .input-group .form-field--password {
width: calc(100% - 120px);
margin: 0;
}
.password__container .input-group .form-field--email input,
.password__container .input-group .form-field--password input {
border: 0;
}
.password__container .input-group .form-field--submit {
width: 120px;
margin: 0;
}
.password__container .password__newsletter-text p {
margin: 20px 0 0;
}
.password__background {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: transparent no-repeat center center;
background-size: cover;
background-repeat: no-repeat;
}
.password__overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #333;
opacity: 0.4;
}
.password__login {
padding-top: 30px;
}
.password__footer {
margin: 20px 0;
}
.shopify-policy__title {
margin-bottom: 50px;
}
.shopify-policy__body {
margin: 50px 0;
}
.product {
width: 100%;
margin: 50px 0;
}
.product .breadcrumbs {
margin-bottom: 40px;
}
@media only screen and (min-width: 768px) {
.product__container {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
align-items: flex-start;
gap: 40px;
}
}
@media only screen and (min-width: 1024px) {
.product__container {
gap: 100px;
}
}
@media only screen and (min-width: 768px) {
.product__container--vertical {
grid-template-columns: 75%;
justify-content: center;
gap: 30px;
}
.product__container--vertical .product__info__wrapper {
margin: 0 auto;
}
.product__container--vertical .product__title__wrapper {
width: 100%;
text-align: center;
grid-template-areas: "vendor" "title" "price" "rating";
grid-template-columns: 100%;
}
.product__container--vertical .product__info .product__price,
.product__container--vertical .product__rating {
width: auto;
margin: 0 auto;
}
.product__container--vertical .product__form {
text-align: center;
}
.product__container--vertical .product__form-block--options-inline {
flex-direction: column;
width: 100%;
margin: 0;
}
.product__container--vertical .product__form .selector-wrapper,
.product__container--vertical .product__form .selector-wrapper:last-child,
.product__container--vertical .product__form .inputGroup,
.product__container--vertical .product__form .inputGroup:last-child {
margin: 0 auto var(--form-gap);
}
.product__container--vertical .swatch,
.product__container--vertical .share-links,
.product__container--vertical .product__rating,
.product__container--vertical .product__unit-price,
.product__container--vertical .variant-input-wrap--boxes {
justify-content: center;
}
.product__container--vertical .qty__adjust,
.product__container--vertical .selector-wrapper,
.product__container--vertical .shopify-payment-button {
margin-left: auto;
margin-right: auto;
}
}
@media only screen and (min-width: 1024px) {
.product__container--vertical {
grid-template-columns: 50%;
}
}
.product__images__slider {
position: relative;
margin: 0 auto;
padding: 0;
width: 100%;
overflow: visible;
}
@media only screen and (min-width: 1024px) {
.product__images--large .product__images__slider {
width: 100%;
}
.product__images--medium .product__images__slider {
width: 85%;
max-width: 720px;
}
.product__images--small .product__images__slider {
width: 70%;
max-width: 640px;
}
}
@media only screen and (max-width: 767px) {
.product__images__slider {
width: calc(100% + 80px);
max-width: none;
margin-left: -40px;
margin-right: -40px;
padding: 0px 20px;
}
}
@media only screen and (max-width: 479px) {
.product__images__slider {
width: calc(100% + 40px);
margin-left: -20px;
margin-right: -20px;
}
}
.product__images__slider .flickity-page-dots {
left: 0;
right: 0;
bottom: 0;
}
@media only screen and (min-width: 480px) {
.product-layout-1--images .product__images__slider {
margin: 0 auto;
}
}
/*
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
.product__images__slider:not(.flickity-enabled)
.product-image.media--hidden {
position: absolute;
top: 0;
left: 0;
visibility: hidden;
}
.product__images__slider .flickity-viewport::after {
content: "";
display: block;
width: 100%;
}
@media only screen and (max-width: 767px) {
.product__images__slider .flickity-viewport::after {
width: calc(100% - var(--gutter) * 2);
}
}
.product__images__slider-nav {
outline: 0;
position: relative;
padding: 0 30px;
margin: 5px auto;
max-width: 380px;
}
.product__images__slider-nav:not(.flickity-enabled) {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.product__images__slider-nav .flickity-prev-next-button {
width: 30px;
height: 30px;
visibility: hidden;
}
@media only screen and (max-width: 767px) {
.product__images__slider-nav {
margin-left: -40px;
margin-right: -40px;
width: auto;
max-width: none;
}
}
@media only screen and (max-width: 479px) {
.product__images__slider-nav {
/* margin-left: -20px;
margin-right: -20px; */
}
}
@media only screen and (max-width: 479px) {
.product__images__slider-nav {
padding: 0;
max-width: 96%;
margin: 0px auto;
}
.product__images__slider-nav .flickity-prev-next-button {
display: none;
}
}
.product__images__slider-nav .flickity-viewport::after {
content: "";
display: block;
width: 100%;
height: 108px;
}
@media only screen and (max-width: 479px) {
.product__images__slider-nav .flickity-viewport::after {
height: 96px;
}
}
.product__images__slider-nav--arrows .flickity-prev-next-button {
visibility: visible;
}
.product__images .custom-scrollbar {
margin-top: var(--gutter);
}
.product-single__media-thumb {
width: 108px;
height: 108px;
padding: 5px;
display: flex;
align-items: center;
justify-content: center;
}
@media only screen and (max-width: 479px) {
.product-single__media-thumb {
width: 96px;
height: 96px;
}
}
.product-single__media-thumb img {
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
object-fit: cover;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
.product-single__thumbnail {
position: relative;
display: block;
width: 100%;
height: 100%;
--overlay-opacity: 1;
--overlay-color: transparent;
}
.is-nav-selected .product-single__thumbnail::before {
content: "";
box-sizing: border-box;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: var(--overlay-opacity);
background-color: var(--overlay-color);
z-index: 5;
pointer-events: none;
box-sizing: border-box;
border: 1px solid var(--COLOR-BUTTON-PRIMARY-BG);
}
.product-single__thumbnail .icon {
position: absolute;
top: 2px;
right: 2px;
margin: 5px;
height: 22px;
width: 22px;
fill: var(--COLOR-BACKGROUND);
vertical-align: baseline;
}
.product-single__thumbnail .icon-media-model-outline,
.product-single__thumbnail .icon-media-video-outline {
stroke: var(--COLOR-TEXT-ALPHA-5);
}
.product-single__thumbnail .icon-media-model-element,
.product-single__thumbnail .icon-media-video-element {
fill: var(--COLOR-TEXT);
}
.product-single__thumbnail-img {
cursor: pointer;
display: block;
max-width: 100%;
max-height: 100%;
width: 100%;
height: 100%;
}
body.allow-image-animations .product-single__thumbnail-img.lazyload,
body.allow-image-animations .product-single__thumbnail-img.lazyloading,
body.allow-image-animations .product-single__thumbnail-img.lazyloaded {
background-size: 45px auto !important;
}
.product-single__media--onboarding svg {
display: block;
width: 150%;
height: 150%;
max-width: 150%;
max-height: 150%;
}
@media only screen and (max-width: 767px) {
.product-single__media--onboarding {
margin-bottom: -40px;
}
.product-single__media--onboarding svg {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
}
.product-layout-1--images .product-single__media--onboarding {
position: relative;
height: 50vh;
max-height: 50vw;
overflow: hidden;
}
@media only screen and (max-width: 767px) {
.product-layout-1--images .product-single__media--onboarding {
margin-bottom: -25px;
max-height: 268px;
}
}
.product-layout-1--images .product-single__media--onboarding svg {
position: absolute;
top: 50%;
left: 50%;
width: 150%;
height: 150%;
max-width: 150%;
max-height: 150%;
transform: translate(-50%, -50%);
}
.product-single__media {
width: 100%;
min-height: 1px;
position: relative;
overflow: hidden;
}
.product-single__media video,
.product-single__media model-viewer {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.product-single__media--image {
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
height: auto;
}
@media only screen and (min-width: 768px) {
[data-gallery="zoom"] .product-single__media--image {
cursor: zoom-in;
cursor: var(--icon-zoom-in), zoom-in;
}
.is-moving .product-single__media--image:active {
cursor: move;
cursor: grab;
cursor: -webkit-grab;
}
}
.quickView .product-single__media--image {
max-height: 600px;
}
.product-single__media iframe,
.product-single__media video,
.product-single__media model-viewer,
.product-single__media .shopify-model-viewer-ui,
.product-single__media img,
.product-single__media .media-item {
position: absolute;
top: 0;
left: 0;
width: 100%;
max-width: 100%;
height: 100%;
}
.product-single__media img {
object-fit: contain;
}
/**
* Product Images Scroller
*/
@media only screen and (min-width: 768px) {
.product--layout-scrollable .product__info {
position: sticky;
position: -webkit-sticky;
top: 100px;
}
}
.product__images__scroller {
scroll-snap-type: x mandatory;
}
@media only screen and (min-width: 768px) {
.product__images__scroller {
display: grid;
grid-template-columns: auto;
gap: 40px;
}
}
@media only screen and (max-width: 767px) {
.product__images__scroller {
margin: 0 -40px;
white-space: nowrap;
line-height: 0;
overflow-x: auto;
overflow-y: hidden;
scrollbar-width: none;
-ms-overflow-style: none; /* for Internet Explorer, Edge */
}
.product__images__scroller::-webkit-scrollbar {
display: none; /* for Chrome, Safari, and Opera */
}
.product__images__scroller .product-image {
display: inline-block;
scroll-snap-align: start;
}
.product__images__scroller .product-single__media {
padding-top: var(--IMAGE-ASPECT-RATIO-PADDING) !important;
}
}
@media only screen and (max-width: 479px) {
.product__images__scroller {
margin: 0 -20px;
}
}
@media only screen and (min-width: 768px) {
.product__images__scroller--single {
margin-left: 0;
}
.product__images__scroller--single .product-single__media--image {
background-position: top left;
}
}
@media only screen and (max-width: 767px) {
.product__images__container .product-image {
padding-left: 40px;
padding-right: 40px;
}
}
@media only screen and (max-width: 479px) {
.product__images__container .product-image {
padding-left: var(--gutter);
padding-right: var(--gutter);
}
}
/**
* Product Images and Layouts
*/
.product-image {
width: 100%;
}
.product__images__slider:not(.product__images__slider--single)
.product-image:not(.is-selected)
a,
.product__images__slider:not(.product__images__slider--single)
.product-image:not(.is-selected)
button,
.product__images__slider:not(.product__images__slider--single)
.product-image:not(.is-selected)
.btn,
.product__images__slider:not(.product__images__slider--single)
.product-image:not(.is-selected)
.shopify-payment-button__button--unbranded,
.product__images__slider:not(.product__images__slider--single)
.product-image:not(.is-selected)
input,
.product__images__slider:not(.product__images__slider--single)
.product-image:not(.is-selected)
iframe,
.product__images__slider:not(.product__images__slider--single)
.product-image:not(.is-selected)
video,
.product__images__slider:not(.product__images__slider--single)
.product-image:not(.is-selected)
.shopify-model-viewer-ui__button,
.product__images__slider:not(.product__images__slider--single)
.product-image:not(.is-selected)
.shopify-model-viewer-ui__controls-area {
visibility: hidden;
}
.product-image.flickity-cell {
position: absolute;
}
.product-image--onboarding {
overflow: hidden;
}
.product-image--onboarding svg {
margin: -20% 0;
background: transparent;
fill: var(--COLOR-TEXT);
}
.product-image--empty {
display: block;
max-width: 540px;
height: auto;
aspect-ratio: 1;
margin: 0 auto;
}
.product-image__lightbox-link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
cursor: zoom-in;
cursor: var(--icon-zoom-in), zoom-in;
outline: none;
}
.is-moving .product-image__lightbox-link:active {
cursor: move;
cursor: grab;
cursor: -webkit-grab;
}
.product-single__view-in-space {
width: 100%;
position: relative;
margin: 0;
padding: 10px 15px;
border-color: transparent;
color: var(--COLOR-TEXT);
background: var(--COLOR-TEXT-ALPHA-8);
}
.product-single__view-in-space[data-shopify-xr-hidden] {
visibility: hidden;
position: absolute;
width: 0;
height: 0;
overflow: hidden;
}
@media only screen and (min-width: 768px) {
.product-single__view-in-space[data-shopify-xr-hidden] {
display: none;
}
}
.product-single__view-in-space:hover .product-single__view-in-space-text,
.product-single__view-in-space:focus .product-single__view-in-space-text {
border-bottom-color: var(--COLOR-TEXT);
}
.product-single__view-in-space .icon {
display: inline-block;
width: 22px;
height: 22px;
margin-right: 4px;
fill: transparent;
}
.product-single__view-in-space .icon .icon-media-model-outline {
stroke: none;
}
.product-single__view-in-space .icon .icon-media-model-element {
fill: var(--COLOR-TEXT);
opacity: 1;
}
.product-single__view-in-space-text {
display: inline-block;
vertical-align: middle;
}
.product__info__wrapper {
/* max-width: 500px; */
display: grid;
grid-template-columns: 100%;
gap: 20px;
}
.product__info__wrapper .embed-container,
.product__info__wrapper .rte__video-wrapper {
/* display: none; */
}
.product__description.rte p {
max-width: 550px;
}
.product__description.rte {
max-width: 620px;
}
@media only screen and (max-width: 767px) {
.product__info__wrapper {
margin: 30px auto 0;
}
}
.product__title__wrapper {
display: block;
/* align-items: flex-start;
grid-template-columns: auto min-content;
grid-template-rows: auto;
grid-template-areas: "vendor vendor" "title title" "price rating";
gap: 10px; */
}
@media only screen and (max-width: 767px) {
.product__title__wrapper {
align-items: center;
justify-content: center;
grid-template-columns: auto;
grid-template-areas: "vendor" "title" "price" "rating";
}
}
.product__title__wrapper .product__rating__star__full {
position: relative;
}
.product__title__wrapper .product__rating {
margin: 5px 0px 15px 0;
}
@media only screen and (min-width: 768px) {
.product__title__wrapper--no-subheading {
grid-template-areas: "title title" "price rating";
}
}
.product__vendor {
grid-area: vendor;
width: 100%;
margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
.product__title__wrapper .product__rating {
display: flex;
justify-content: center;
}
.product__vendor {
text-align: center;
}
}
.product__title {
font-family: var(--BODY-FONT-FAMILY);
font-size: 30px;
line-height: 1.32;
grid-area: title;
width: 100%;
color: var(--COLOR-HEADING);
text-transform: initial;
}
@media only screen and (max-width: 767px) {
.product__title {
font-size: 30px;
font-family: var(--BODY-FONT-FAMILY);
}
}
@media only screen and (max-width: 767px) {
.product__title {
text-align: center;
}
}
.product__price {
grid-area: price;
display: block;
font-size: calc(0.875rem * var(--FONT-ADJUST-BODY));
}
.product__price span {
margin-right: 4px;
}
.product__info .product__price,
.shop-bar__info .product__price {
font-size: 18px;
}
@media only screen and (min-width: 768px) {
.product__info .product__price {
margin-right: 10px;
}
}
@media only screen and (max-width: 767px) {
.product__price {
float: none;
text-align: center;
justify-content: center;
}
}
.product__price--hidden {
opacity: 0;
}
.product__price__sale {
text-decoration: line-through;
}
.product__unit-price {
display: flex;
flex-wrap: wrap;
margin-top: 4px;
font-size: calc(0.8em * var(--FONT-ADJUST-BODY));
opacity: 0.5;
flex-basis: 100%;
}
@media only screen and (max-width: 767px) {
.product__unit-price {
justify-content: center;
}
}
.product__unit-price.hidden {
display: none;
}
.product__unit-price > span {
margin-right: 4px;
}
.shop-bar__price .product__unit-price {
display: none !important;
}
.product__rating {
grid-area: rating;
}
.product__badge {
grid-area: rating;
}
.collection-grid .product__badge {
margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
.product__badge {
text-align: right;
}
}
@media only screen and (max-width: 767px) {
.product__badge {
text-align: center;
margin-bottom: 12px;
}
}
.product__description {
display: block;
position: relative;
clear: both;
font-size: calc(0.875rem * var(--FONT-ADJUST-BODY));
line-height: 1.5;
padding-top: 20px;
border-top: 1px solid rgba(0, 0, 0, 0.5);
}
.product__description p {
margin: 0 0 0.7em;
}
.product__description p:last-child {
margin-bottom: 0;
}
.product__share {
display: block;
position: relative;
}
@media only screen and (max-width: 767px) {
.product__share {
text-align: center;
}
}
.product__share .share-links {
margin: 0;
}
.share-links {
width: 100%;
margin: 0 0 10px;
display: flex;
flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
.share-links {
justify-content: center;
}
}
.share-link {
display: inline-block;
color: var(--COLOR-TEXT);
text-decoration: none;
padding: 0px;
background: transparent;
/* border: 1px solid var(--COLOR-TEXT-ALPHA-8); */
margin: 0 10px 0 0;
display: flex;
align-items: center;
justify-content: center;
font-size: calc(1.2rem * var(--FONT-ADJUST-BODY));
letter-spacing: 1px;
position: relative;
background: transparent;
transition: border 0.25s ease;
}
.share-link .icon {
display: inline-block;
vertical-align: middle;
margin: 0 5px 0 0;
width: 22px;
height: 22px;
fill: currentColor;
}
.share-link:hover {
border-color: var(--COLOR-TEXT-ALPHA-60);
}
.shopify-model-viewer-ui,
model-viewer,
video {
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;
}
.deferred-media {
display: block;
}
.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-BACKGROUND);
border: 1px solid var(--COLOR-TEXT-ALPHA-5);
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%;
}
/* Override default magnific popup cursors */
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: pointer;
}
.mfp-zoom {
cursor: zoom-in;
cursor: var(--icon-zoom-in), zoom-in;
}
.flickity-enabled .flickity-viewport .zoom-container,
.flickity-enabled .flickity-viewport.is-pointer-down .zoom-container {
cursor: zoom-in;
cursor: var(--icon-zoom-in), zoom-in;
}
/* Photoswipe popup custom style */
.template-product .pswp {
position: fixed;
opacity: 0;
z-index: -1;
will-change: opacity, z-index, transform;
transform: translateY(100%);
transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out,
z-index 0.25s ease-in-out;
}
.template-product .pswp--visible {
z-index: 10000;
opacity: 1 !important;
transform: translateY(0);
}
.template-product .pswp .pswp__bg {
background: var(--bg);
}
.featured-product {
margin: 50px auto;
}
@media (max-width: 767px) {
.featured-product {
margin: 20px auto;
}
}
.onboarding-product select {
display: none;
}
.pseudoform select {
display: none;
}
/**
* Product Features
*/
.product-features--container {
margin: 50px 0;
}
@media only screen and (max-width: 767px) {
.product-features--container {
margin-top: 10px;
}
}
.feature-item {
display: flex;
align-items: flex-start;
justify-content: space-between;
margin-bottom: 50px;
}
.feature-item[data-alignment="center"] {
align-items: center;
}
.feature-item:last-child {
margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
.feature-item {
flex-direction: row-reverse;
flex-wrap: wrap;
margin-bottom: 20px;
text-align: center;
}
.feature-item:last-child {
margin-bottom: 0;
}
}
.feature-item .button {
margin-top: 10px;
}
.feature-item--reversed {
flex-direction: row-reverse;
}
.feature-item--center {
align-items: center;
}
.feature-image {
position: relative;
width: calc(50% - 30px);
}
.feature-image .svg-placeholder {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media only screen and (max-width: 767px) {
.feature-image {
width: calc(100% + 60px);
margin: 0 -30px 20px;
}
.feature-image .placeholder-svg-filled {
margin-left: auto;
margin-right: auto;
max-height: 320px;
}
}
@media only screen and (max-width: 479px) {
.feature-image {
width: calc(100% + var(--gutter) * 2);
margin: 0 calc(var(--gutter) * -1) 20px;
}
}
.feature-image-bg {
width: 100%;
height: 0;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.feature-text {
width: calc(50% - 30px);
}
@media only screen and (max-width: 767px) {
.feature-text {
width: 100%;
}
}
.feature-text-wrap {
max-width: 520px;
}
@media only screen and (max-width: 767px) {
.feature-text-wrap {
margin: 0 auto;
}
}
.product__form {
--form-gap: 20px;
position: relative;
display: flex;
flex-direction: column;
}
@media only screen and (max-width: 767px) {
.product__form label {
text-align: center;
}
}
.product__form h2 {
font-size: calc(2.625rem * var(--FONT-ADJUST-HEADING));
line-height: 1.2;
margin-bottom: 0.6em;
}
@media only screen and (max-width: 767px) {
.product__form h2 {
font-size: calc(1.875rem * var(--FONT-ADJUST-HEADING));
}
}
.product__form .selector-wrapper,
.product__form .inputGroup {
display: inline-block;
position: relative;
width: calc(50% - var(--form-gap));
margin-right: var(--form-gap);
}
.product__form .selector-wrapper:last-child,
.product__form .inputGroup:last-child {
margin-right: 0;
}
@media only screen and (min-width: 768px) {
.product__form .selector-wrapper,
.product__form .inputGroup {
margin-right: var(--form-gap);
}
}
@media only screen and (max-width: 767px) {
.product__form .selector-wrapper,
.product__form .inputGroup {
margin: 0 auto var(--form-gap);
}
}
.product__form .selector-wrapper select,
.product__form .inputGroup select {
display: inline-block;
min-width: 101px;
border: 1px solid var(--COLOR-BORDER);
}
.shop-bar .product__form .selector-wrapper,
.shop-bar .product__form .inputGroup {
width: auto;
}
.product__form .sign-up-form .inputGroup {
width: 100%;
}
.product__form select,
.product__form input {
border: 0;
border-bottom: 1px solid var(--COLOR-BORDER);
width: 100%;
}
@media only screen and (min-width: 480px) {
.product__form select,
.product__form input {
width: auto;
}
}
.product__form .inputCounter {
width: 120px;
}
.product__form .product__form-submit,
.product__form .shopify-payment-button__button {
display: block;
margin-left: 0;
font-size: calc(0.9625rem * var(--FONT-ADJUST-BODY));
}
.product-layout-1--info .product__form .product__form-submit,
.product-layout-1--info .product__form .shopify-payment-button__button {
margin-left: auto;
margin-right: auto;
}
@media only screen and (max-width: 767px) {
.product__form {
text-align: center;
}
.product__form .shopify-payment-button__more-options {
margin: 0px auto;
}
}
.product__form .sign-up-form {
margin: 0;
}
.product-layout-1--info .product__form .sign-up-form {
margin-left: auto;
margin-right: auto;
}
.product__form .sign-up-form {
width: 100%;
}
.product__form .contact-form label,
.product__form .comment-form label {
color: inherit;
}
.product__form .contact-form label p,
.product__form .comment-form label p {
color: inherit;
font-family: inherit;
font-size: inherit;
line-height: inherit;
margin: 0 0 10px;
}
.qty__adjust {
display: block;
position: relative;
width: 101px;
color: var(--COLOR-BUTTON-PRIMARY-BG);
margin-bottom: calc(var(--gutter) * 4);
}
@media only screen and (max-width: 767px) {
.qty__adjust {
position: relative;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
}
}
.qty__adjust input {
display: block;
width: 100%;
height: 44px;
text-align: center;
padding: 0 35px;
color: var(--COLOR-TEXT);
background: var(--COLOR-BACKGROUND);
border: 1px solid var(--COLOR-BORDER);
}
.qty__adjust input::-webkit-inner-spin-button,
.qty__adjust input::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
[data-show-quantity="false"] .qty__adjust {
display: none;
}
.qty__adjust-btn {
position: absolute;
top: 0;
bottom: 0;
width: 30px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
cursor: pointer;
color: var(--COLOR-TEXT);
padding: 0;
margin: 0;
background: none;
border: 0;
}
.qty__adjust-btn.qty__adjust-btn--minus {
left: 0;
}
.qty__adjust-btn.qty__adjust-btn--plus {
right: 0;
}
.product__form-block {
position: relative;
display: flex;
flex-direction: column;
margin-bottom: calc(var(--gutter) * 2);
}
.product__form-block:last-child {
margin-bottom: 0;
}
@media only screen and (min-width: 480px) {
.product__form-block .inputGroup {
display: inline-block;
}
}
@media only screen and (max-width: 767px) {
.product__form-block {
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
.product__form-block .inputGroup,
.product__form-block .selector-wrapper,
.product__form-block label,
.product__form-block input,
.product__form-block select {
width: 100%;
max-width: 500px;
}
.product__form-block .inputGroup .inputCounter {
width: 100%;
}
}
@media only screen and (min-width: 768px) {
.product__form-block--options-inline {
flex-direction: row;
align-items: flex-start;
flex-wrap: wrap;
margin-right: calc(var(--form-gap) * -1);
}
.product__form-block--options-inline .selector-wrapper select {
width: 100%;
}
}
@media only screen and (max-width: 767px) {
.product__form-block--options-inline {
margin-bottom: 0;
}
}
.product__form-block--options-inline .swatch {
width: calc(100% + 18px);
}
.product__form-buttons .product__form-submit,
.product__form-buttons .shopify-payment-button,
.product__form-buttons .shopify-payment-button__button,
.product__form-buttons .shopify-payment-button .button {
width: 500px;
max-width: 100%;
font-weight: var(--BODY-FONT-WEIGHT);
margin-bottom: calc(var(--gutter) * 1);
}
@media only screen and (max-width: 767px) {
.product__form-buttons .product__form-submit,
.product__form-buttons .shopify-payment-button,
.product__form-buttons .shopify-payment-button__button,
.product__form-buttons .shopify-payment-button .button {
margin-left: auto;
margin-right: auto;
}
}
.product__form-submit {
position: relative;
display: block;
margin: auto;
height: 44px;
white-space: nowrap;
}
.product__form-submit .icon {
position: absolute;
top: 50%;
left: 50%;
margin: -10px 0 0 -10px;
display: inline-block;
width: 20px;
height: 20px;
opacity: 0;
visibility: hidden;
}
.product__form-submit .icon,
.product__form-submit span {
pointer-events: none;
}
.product__form-submit--success [data-add-to-cart-text] {
opacity: 0;
visibility: hidden;
}
.product__form-submit--success .icon {
opacity: 1;
visibility: visible;
}
.product__form-select {
position: relative;
display: inline-block;
vertical-align: top;
height: 48px;
min-width: 60px;
background: #fff;
}
.product__form-select select {
height: 100%;
padding: 1rem 5rem 0 0.6rem;
background-color: transparent;
border: 1px solid var(--COLOR-BORDER);
}
.pseudoform .product__form-select select {
display: block;
}
.product__form-select label {
position: absolute;
top: 0;
left: 0;
text-align: left;
text-transform: uppercase;
font-size: 0.69rem;
padding: 0.3rem 0.6rem;
}
.product__form-select .icon-arrow {
height: 100%;
}
@media only screen and (min-width: 768px) {
.product__form-select + .product__form-submit {
margin-left: 10px;
}
}
@media only screen and (max-width: 767px) {
.product__form-select {
margin-top: 15px;
margin-bottom: 15px;
}
}
.shopify-payment-button__button--hidden {
position: absolute;
display: block;
overflow: hidden;
clip: rect(0 0 0 0);
width: 1px;
height: 1px;
max-width: 1px;
max-height: 1px;
margin: -1px;
padding: 0;
border: 0;
}
.shop-pay-terms {
--payment-terms-background-color: var(--COLOR-BACKGROUND);
font-size: calc(0.875rem * var(--FONT-ADJUST-BODY));
margin-bottom: var(--form-gap);
}
.shop-pay-terms:empty {
display: none;
}
.product-single__variants {
display: none;
}
.variants-wrapper {
margin-bottom: 5px;
}
.variant-wrapper {
font-size: calc(0.875rem * var(--FONT-ADJUST-BODY));
margin-bottom: var(--form-gap);
}
.variant-wrapper--boxes {
display: flex;
flex-wrap: wrap;
}
.variant-wrapper--color {
width: 100%;
}
.selector-wrapper + .variant-wrapper--color {
margin-top: var(--form-gap);
}
.variant-input-wrap {
margin: 0;
padding: 0;
border: 0;
width: 100%;
}
.variant-input-wrap--boxes {
display: flex;
flex-wrap: wrap;
margin: 0 -5px -5px 0;
width: calc(100% + 5px);
}
@media only screen and (max-width: 767px) {
.variant-input-wrap--boxes {
justify-content: center;
}
}
.variant-label {
display: block;
margin-bottom: 5px;
}
.variant-label--color {
width: 100%;
}
@media only screen and (max-width: 767px) {
.variant-label--color {
text-align: center;
margin-left: auto;
margin-right: auto;
}
}
.variant-label__value {
color: var(--COLOR-LABEL);
}
.variant-label__value::before {
content: ": ";
}
.variant-field {
position: relative;
display: inline-block;
margin: 0 5px 5px 0;
}
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__button-label {
font-size: calc(0.875rem * var(--FONT-ADJUST-BODY));
line-height: 1.6;
letter-spacing: 0.025em;
position: relative;
display: inline-block;
line-height: 26px;
margin: 0;
padding: 9px 15px;
background-color: var(--COLOR-BACKGROUND);
box-shadow: inset 0 0 0 1px var(--COLOR-TEXT-ALPHA-10);
cursor: pointer;
transition: box-shadow 0.25s ease;
}
.variant__button-label:hover {
box-shadow: inset 0 0 0 1px var(--COLOR-TEXT-ALPHA-25);
}
.variant__button-label.disabled {
color: var(--COLOR-TEXT);
}
.variant__button-label.disabled:after {
position: absolute;
content: "";
left: 50%;
top: 0;
bottom: 0;
border-left: 1px solid;
border-color: var(--COLOR-TEXT);
transform: rotate(45deg);
}
.variant__button-label--color {
margin: 0;
}
.variant-input:checked + .variant__button-label {
box-shadow: inset 0 0 0 1px var(--COLOR-TEXT);
}
/*
* Sticky "Shop" Bar
*/
.shop-bar {
position: fixed;
z-index: 10;
top: auto !important;
left: 0;
bottom: 0;
display: flex;
flex-flow: row-reverse nowrap;
width: 100%;
height: 48px;
background: var(--COLOR-BACKGROUND);
border-top: 1px solid var(--COLOR-BORDER);
opacity: 0;
visibility: hidden;
will-change: transform, opacity;
transition: transform 0.3s ease-in-out, opacity 0.3s linear,
visibility 0s linear 0.3s;
}
@media only screen and (max-width: 1023px) {
.shop-bar {
display: none;
}
}
.is-focused .shop-bar,
.shop-bar--is-visible {
opacity: 1;
visibility: visible;
transition: transform 0.3s ease-in-out, opacity 0.3s linear,
visibility 0s linear 0s;
}
.product__form--shop-bar {
align-items: center;
flex-direction: row;
flex-wrap: nowrap;
width: auto;
}
.product__form--shop-bar button,
.product__form--shop-bar .btn,
.product__form--shop-bar .shopify-payment-button__button--unbranded {
min-width: 150px;
padding: 12px 30px;
text-align: center;
}
.product__form--shop-bar .selector-wrapper {
margin: 0;
border-right: 1px solid var(--COLOR-BORDER);
}
.product__form--shop-bar .selector-wrapper select {
padding-left: 18px;
border-bottom: 0;
height: 47px;
max-width: 150px;
line-height: normal;
border: 0;
border-radius: 0;
}
.product__form--shop-bar .selector-wrapper label {
display: none !important;
}
.product__form--shop-bar .selector-wrapper::after {
right: 18px;
}
.product__form--shop-bar .product__form-block {
margin-bottom: 0;
flex-direction: row;
flex-wrap: nowrap;
}
.product__form--shop-bar .product__form-submit {
margin: 0;
height: 47px;
border: 0;
border-radius: 0;
}
.shop-bar__info {
display: flex;
flex-grow: 1;
height: 100%;
align-items: center;
position: relative;
border-right: 1px solid var(--COLOR-BORDER);
font-size: calc(1rem * var(--FONT-ADJUST-BODY));
line-height: 1.5;
overflow: hidden;
}
.shop-bar__images {
flex-basis: 48px;
flex-shrink: 0;
}
.shop-bar__image {
display: none;
width: 48px;
height: 48px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
position: relative;
}
.shop-bar__image--shown {
display: block;
}
.shop-bar__title {
margin: 0 20px 0;
font-size: inherit;
line-height: inherit;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.shop-bar__vendor {
margin: 0 20px 0 0;
opacity: 0.7;
font-size: inherit;
line-height: inherit;
}
.shop-bar__price {
display: flex;
align-items: center;
justify-content: flex-end;
text-align: right;
font-size: inherit;
line-height: inherit;
padding-right: 30px;
}
.shop-bar__price .product__price {
margin-bottom: 0;
white-space: nowrap;
}
/**
* Popup
*/
.popup {
position: fixed;
bottom: 0;
z-index: -1;
opacity: 0;
visibility: hidden;
transform: translateY(20%);
transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out,
visibility 0s linear 0.5s, z-index 0s linear 0.5s;
}
.no-js .popup {
display: none;
}
.popup .popup__heading {
margin: 6px 0 12px;
font-size: calc(1.094rem * var(--FONT-ADJUST-BODY));
font-weight: var(--BODY-FONT-WEIGHT-MEDIUM);
}
.popup p {
line-height: 1.5;
}
.popup #mail {
display: table-cell;
}
.popup .input-group {
margin-top: 25px;
}
.popup .input-group-btn {
display: table-cell;
vertical-align: top;
}
.popup .sign-up-form {
width: 100%;
margin-top: 20px;
margin-bottom: 0;
padding: 0;
}
@media only screen and (min-width: 768px) {
.popup--visible {
opacity: 1;
visibility: visible;
z-index: 9999;
transform: translateY(0%);
transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out,
visibility 0s linear 0s, z-index 0s linear 0s;
}
}
.popup--left {
left: 0;
}
.popup--right {
right: 0;
}
.popup--center {
left: 50%;
}
.popup--no-image {
width: 440px;
max-width: 100%;
}
.popup--no-image .popup__column {
width: 100%;
}
.popup__container {
position: relative;
background-color: var(--COLOR-BACKGROUND);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
width: 720px;
max-width: calc(100% - 20px);
margin: 10px;
}
.popup--center .popup__container {
transform: translateX(-50%);
}
.popup__wrap {
display: flex;
align-items: center;
}
.popup__column {
width: 50%;
padding: 40px;
display: flex;
align-items: center;
justify-content: center;
}
@media only screen and (max-width: 767px) {
.popup__column {
padding: 40px 20px;
}
}
.popup__column--image {
align-self: stretch;
position: relative;
overflow: hidden;
}
.popup__image {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
padding: 0;
background-color: #e0e0e0;
}
.popup__image img {
display: block;
min-width: 100%;
min-height: 100%;
width: 100%;
height: 100%;
object-fit: cover;
}
.popup__close {
position: absolute;
top: 0px;
right: 0px;
color: var(--COLOR-TEXT);
background: none;
border: none;
width: 48px;
height: 48px;
padding: 0;
transition: opacity 0.3s ease;
}
.popup__close .icon-close {
width: 15px;
height: 15px;
}
.popup__close:hover {
opacity: 0.75;
}
.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-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__button {
display: none;
padding: 0;
line-height: 1;
font-size: 100%;
}
.pswp .pswp__custom-close {
display: block;
position: absolute;
top: 0;
right: 0;
z-index: 4;
width: 44px;
height: 44px;
border: 0;
background-color: var(--bg);
color: var(--text);
text-align: center;
}
.pswp .pswp__custom-close:hover svg {
background: var(--COLOR-TEXT-ALPHA-10);
}
.pswp .pswp__custom-close svg {
width: 44px;
height: 44px;
padding: 12px;
background: var(--COLOR-TEXT-ALPHA-5);
transition: background 0.2s ease;
}
.pswp .pswp__counter {
position: absolute;
bottom: 0;
right: 0;
white-space: nowrap;
font-size: calc(0.875rem * var(--FONT-ADJUST-BODY));
line-height: 24px;
padding: 10px 20px;
color: var(--COLOR-TEXT);
background: var(--COLOR-TEXT-ALPHA-5);
}
.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: 0;
left: 0;
right: 0;
bottom: 0;
background-color: var(--COLOR-BACKGROUND);
background-image: var(--icon-loading);
background-size: 64px auto;
background-repeat: no-repeat;
background-position: center center;
opacity: 0.65;
}
.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(--bg);
}
.pswp[data-pswp-option-classes*="pswp-zoom-gallery"] .pswp__bg,
.pswp-zoom-gallery .pswp__bg {
background: var(--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__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: 767px) {
.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 {
display: block;
position: absolute;
bottom: 0;
left: 0;
z-index: 3;
width: 44px;
height: 44px;
border: 0;
background: var(--bg);
color: currentColor;
}
.pswp[data-pswp-option-classes*="pswp-zoom-gallery"]
.pswp__button--arrow--right
.icon,
.pswp[data-pswp-option-classes*="pswp-zoom-gallery"]
.pswp__button--arrow--left
.icon,
.pswp-zoom-gallery .pswp__button--arrow--right .icon,
.pswp-zoom-gallery .pswp__button--arrow--left .icon {
width: 44px;
height: 44px;
padding: 12px;
background: var(--COLOR-TEXT-ALPHA-5);
pointer-events: none;
transition: background 0.2s ease;
}
.pswp[data-pswp-option-classes*="pswp-zoom-gallery"]
.pswp__button--arrow--right:hover
.icon,
.pswp[data-pswp-option-classes*="pswp-zoom-gallery"]
.pswp__button--arrow--left:hover
.icon,
.pswp-zoom-gallery .pswp__button--arrow--right:hover .icon,
.pswp-zoom-gallery .pswp__button--arrow--left:hover .icon {
background: var(--COLOR-TEXT-ALPHA-10);
}
.pswp[data-pswp-option-classes*="pswp-zoom-gallery"] .pswp__button--arrow--left,
.pswp-zoom-gallery .pswp__button--arrow--left {
transform: rotate(180deg);
}
.pswp[data-pswp-option-classes*="pswp-zoom-gallery"]
.pswp__button--arrow--right,
.pswp-zoom-gallery .pswp__button--arrow--right {
left: 44px;
}
.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;
display: none;
}
@media only screen and (max-width: 767px) {
.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 {
display: inline-block;
width: 80px;
height: 80px;
border-radius: 50%;
border: 1px solid transparent;
margin: 10px;
background-size: 105%;
background-color: var(--bg);
background-position: 50% 50%;
background-repeat: no-repeat;
color: inherit;
vertical-align: top;
transition: border 0.2s, transform 0.2s;
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);
}
@media only screen and (max-width: 767px) {
.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,
.pswp-zoom-gallery .pswp__thumb.is-current {
border-color: var(--bg);
}
@media only screen and (max-width: 767px) {
.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(--bg);
display: none;
}
@media only screen and (max-width: 767px) {
.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),
.pswp-zoom-gallery
.pswp__caption
.pswp__caption__center
*:not(.product__title) {
display: 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-TEXT-ALPHA-60);
}
.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: 767px) {
.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: 767px) {
.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: 767px) {
.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__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;
}
.quickView-button {
cursor: pointer;
vertical-align: middle;
text-transform: uppercase;
font-size: calc(0.7875rem * var(--FONT-ADJUST-BODY));
letter-spacing: 1px;
transition: opacity 0.3s ease, visibility 0s linear 0s;
}
.quickView {
display: block;
height: 0;
max-height: 0;
opacity: 0;
visibility: hidden;
position: static;
overflow: hidden;
transition: height 0.2s ease-in-out 0.1s, max-height 0.2s ease-in-out 0.1s,
opacity 0.2s ease-in-out 0.1s, visibility 0s 0.3s;
}
@media only screen and (max-width: 1023px) {
.quickView {
display: none;
}
}
.quickView.is-visible {
max-height: 90%;
height: 650px;
opacity: 1;
visibility: visible;
transition-delay: 0s;
}
.quickView .container {
max-width: 1280px;
}
.quickView-inner-wrap {
overflow-x: hidden;
overflow-y: auto;
padding-top: 50px;
height: 650px;
}
.quickView-wrap {
display: block;
position: absolute;
z-index: 10;
background-color: var(--COLOR-BACKGROUND);
height: 0;
left: 0;
right: 0;
overflow: hidden;
transition: height 0.2s ease-in-out 0.1s;
}
.is-visible .quickView-wrap {
height: 650px;
}
.collection-slider .quickView-wrap {
padding-left: 15px;
padding-right: 15px;
}
.quickView-wrap .container {
height: 600px;
}
.quickView-wrap .container .row {
height: 100%;
display: flex;
justify-content: space-between;
}
.quickView-wrap .product-single__media {
cursor: default !important;
}
.quickView-wrap .product__title {
text-align: left;
}
.quickView-wrap .product__form-buttons {
max-width: 500px;
}
.quickView-wrap .zoom-container,
.quickView-wrap .product-image__lightbox-link {
display: none;
}
.quickView-wrap [data-payment-button-quickview="true"] {
display: block;
}
.quickView-wrap [data-payment-button-quickview="false"] {
display: none;
}
.quickView-img {
width: 50%;
height: 100%;
}
.quickView-info {
width: 50%;
height: 100%;
-webkit-user-select: initial;
user-select: initial;
padding-left: 70px;
padding-right: 40px;
align-self: center;
}
.quickView-info .product__info h2 {
margin-right: 20px;
}
.quickView-close {
transition: opacity 0.2s ease;
position: absolute;
top: 0;
right: -8px;
z-index: 10;
color: var(--COLOR-TEXT);
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
}
.quickView-close:hover {
opacity: 0.8;
}
/**
* Related/Recently viewed products
*/
.related-products {
padding: 60px 40px;
}
.related-products .page-title {
margin-top: 50px;
margin-bottom: 50px;
}
.related-products .page-title h2 {
margin: 0;
}
@media only screen and (min-width: 768px) {
.related-products .collection-grid__row.row--center {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
}
.related-products .carousel-slide {
overflow: visible;
}
@media only screen and (max-width: 767px) {
.related-products {
padding: 20px;
}
.related-products .carousel-slide {
margin-bottom: 50px;
}
.related-products .carousel-slide:last-child {
margin-bottom: 0;
}
}
.related-products .carousel-slide:hover .product-block__image-inner {
opacity: 1;
}
.title-module {
text-align: center;
margin: 30px 0;
}
.rich-content p {
margin: 30px 0px;
}
@media only screen and (min-width: 768px) {
.title-module {
margin: 80px 0;
}
}
.title-module .accent-line {
margin: 22px auto;
}
.title-module .accent-line--straight {
margin: 20px auto 16px;
}
.rich__subheading {
margin-top: 0;
}
.rich-content p {
margin-bottom: 1em;
}
.rich-content .button-wrapper {
margin: 15px 0 0;
overflow: hidden;
}
@media only screen and (max-width: 767px) {
.rich__heading {
margin-bottom: 40px;
}
.rich-content p {
margin-bottom: 2em;
}
.rich-content .button-wrapper {
margin: 15px 0 15px 0;
overflow: hidden;
}
}
.rich-content.no-button p {
margin-bottom: 5px;
}
@media only screen and (min-width: 768px) {
.row--split {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: center;
position: relative;
text-align: left;
margin-bottom: 20px;
margin-top: 20px;
}
.row--split .rich__subheading {
padding-top: 10px;
}
.row--split .accent-line {
position: absolute;
top: 50%;
left: 50%;
margin: 0;
transform: rotate(90deg);
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
.row--split .accent-line--curved {
height: 75px;
margin: -37.5px 0 0 -37.5px;
}
.row--split .accent-line--straight {
margin: -1px 0 0 -37.5px;
}
.row--split .rich-heading {
width: calc(50% - 5px);
padding: 0 45px 0 0;
margin: 0 auto 0 0;
}
.row--split .rich-heading h2 {
margin: 0;
}
.row--split .rich-text__accent-line {
position: relative;
margin: auto;
width: 10px;
height: 75px;
align-self: center;
}
.row--split .rich-content {
width: calc(50% - 5px);
padding: 0px 0 0 0px;
margin: 0 0 0 auto;
}
.row--split .rich-content p {
margin: 0;
}
.row--split + .row {
margin-top: 40px;
}
.row--split::before,
.row--split::after {
content: none;
}
}
/**
* Template search
*/
.template-search .page-title {
margin-bottom: 3px;
}
.template-search .page-title h1 {
margin-top: 50px;
}
@media only screen and (max-width: 767px) {
.template-search .page-title h1 {
margin-top: 25px;
margin-bottom: 0;
}
}
.search-info {
padding: 8px 0;
margin: 0;
}
@media only screen and (min-width: 1320px) {
.search-info {
text-align: center;
flex-grow: 1;
}
}
.search-info h3 {
font-family: var(--BODY-FONT-FAMILY);
font-weight: var(--BODY-FONT-WEIGHT);
font-style: var(--BODY-FONT-STYLE);
font-size: calc(1.125rem * var(--FONT-ADJUST-BODY));
margin-bottom: 0;
}
.search-container {
position: relative;
width: 500px;
max-width: 100%;
text-align: center;
margin: 0 auto 50px;
}
.search-page-form {
display: flex;
border-bottom: 1px solid var(--COLOR-BORDER);
}
.search__icon-label {
position: absolute;
top: 0;
left: 0;
margin: 14px 0;
width: 22px;
transition: opacity 0.2s ease;
}
.search__field {
box-sizing: border-box;
width: 100%;
height: 50px;
padding-left: 40px;
padding-right: 60px;
margin-bottom: 0;
line-height: normal;
border: 0;
transition: padding 0.3s ease;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
}
.search__field:focus {
padding-left: 0;
}
.search__field:focus + .search__icon-label {
opacity: 0;
}
.search__submit {
position: absolute;
top: 0;
right: 0;
width: 40px;
height: 50px;
margin: 0;
color: inherit;
background: transparent;
border: 0;
padding: 0;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
}
.search-results__item {
position: relative;
}
.search-results__item__image {
background: var(--COLOR-TEXT-ALPHA-5);
border: 1px solid var(--COLOR-TEXT-ALPHA-8);
}
.search-results__item__img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: var(--IMAGE-SIZE);
}
.search-results__item__info {
text-align: center;
}
.search-results__item__image .search-results__item__info {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
padding: 20px;
display: flex;
align-items: center;
justify-content: center;
}
/**
* Hero Module
*/
.shopify-section--slideshow {
position: relative;
}
.hero {
overflow: hidden;
}
@media only screen and (min-width: 768px) {
.hero:hover .slider-arrow {
/**
* Same as default state.
*/
opacity: 1;
}
.hero:hover .slider-arrow:hover {
opacity: 1;
}
}
.hero .hero-slide {
width: 100%;
}
.hero.is-fade .hero-slide {
transition: opacity 1s ease-out;
opacity: 0 !important;
}
.hero.is-fade .hero-slide.is-selected {
z-index: 1;
opacity: 1 !important;
transition: opacity 0.5s ease-in;
}
.hero .flickity-page-dots {
left: 0;
right: 0;
width: auto;
padding: 0;
bottom: 30px;
}
@media only screen and (max-width: 767px) {
.hero[data-down-arrow="true"] .flickity-page-dots {
bottom: 25px;
}
}
.hero[data-down-arrow="true"].hero--dots-center .flickity-page-dots {
bottom: 25px;
}
.hero.original-height {
padding: 0;
height: auto !important;
min-height: 0;
}
.hero.original-height .slide-text {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
}
.main-content
> .shopify-section--slideshow:first-of-type
.hero.original-height
.slide-text {
padding-top: 60px;
}
.hero.original-height .slide-image {
position: static;
overflow: hidden;
height: auto;
display: flex;
align-items: center;
}
.hero.original-height .slide-image img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.hero.original-height .slide-image__container {
position: relative;
height: 0;
width: 100%;
min-height: 360px;
overflow: hidden;
}
.hero.original-height .slide-image--blank {
width: 100%;
height: 60vh;
}
.hero.original-height .slide-image--blank .placeholder-svg,
.hero.original-height .slide-image--blank .svg-placeholder > svg {
width: 100%;
height: 100%;
}
.hero.original-height .hero-slide,
.hero.original-height .slide-inner {
height: auto;
}
.hero.original-height .hero-slide {
position: relative;
}
.hero.original-height .slide-background-container {
position: relative;
height: 360px;
}
.hero.original-height .slide-background {
height: 100%;
}
.hero[data-current-style="black"] .hero-scroll-down,
.hero[data-current-style="black"] .slider-arrow {
color: var(--text);
}
.hero[data-current-style="black"] .flickity-page-dot {
border-color: var(--text) !important;
}
.hero[data-current-style="white"] .hero-scroll-down,
.hero[data-current-style="white"] .slider-arrow {
color: white;
}
.hero[data-current-style="white"] .flickity-page-dot {
border-color: white !important;
}
.hero:not(.flickity-enabled) .hero-slide:not(.initial-slide) {
display: none;
}
.hero .hero-slide:not(.is-selected) [data-aos] {
transition-duration: 0s !important;
transition-delay: 0s !important;
}
.hero--dots-left .flickity-page-dots {
text-align: left;
margin-left: 72px;
}
@media only screen and (max-width: 1023px) {
.hero--dots-left .flickity-page-dots {
margin-left: 32px;
}
}
@media only screen and (max-width: 479px) {
.hero--dots-left .flickity-page-dots {
margin-left: 12px;
}
}
.hero--dots-center .flickity-page-dots {
text-align: center;
}
.hero--dots-right .flickity-page-dots {
text-align: right;
margin-right: 72px;
}
@media only screen and (max-width: 1023px) {
.hero--dots-right .flickity-page-dots {
margin-right: 32px;
}
}
@media only screen and (max-width: 479px) {
.hero--dots-right .flickity-page-dots {
margin-right: 12px;
}
}
.hero-slide--center .slide-inner {
text-align: center;
}
.hero-slide--center .slide-inner .row {
justify-content: center;
}
.hero-slide--left,
.hero-slide--bottom-left {
text-align: left;
}
.hero-slide--left .slide-inner .row,
.hero-slide--bottom-left .slide-inner .row {
justify-content: flex-start;
}
.hero-slide--left .slide-content .button,
.hero-slide--bottom-left .slide-content .button {
margin-left: 0;
}
@media only screen and (min-width: 768px) {
.hero-slide--left .slide-content .button,
.hero-slide--bottom-left .slide-content .button {
margin-right: 16px;
}
}
.hero-slide--right,
.hero-slide--bottom-right {
text-align: right;
}
.hero-slide--right .slide-inner .row,
.hero-slide--bottom-right .slide-inner .row {
justify-content: flex-end;
}
.hero-slide--right .slide-content .button,
.hero-slide--bottom-right .slide-content .button {
margin-right: 0;
}
@media only screen and (min-width: 768px) {
.hero-slide--right .slide-content .button,
.hero-slide--bottom-right .slide-content .button {
margin-left: 16px;
}
}
.hero-slide--bottom-left .slide-inner .row,
.hero-slide--bottom-right .slide-inner .row {
align-items: flex-end;
}
@media only screen and (max-width: 767px) {
.hero-slide--bottom-left .slide-inner .row,
.hero-slide--bottom-right .slide-inner .row {
align-items: center;
}
}
.hero-slide--bottom-left .slide-content,
.hero-slide--bottom-right .slide-content {
margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
.hero-slide--bottom-left .slide-content,
.hero-slide--bottom-right .slide-content {
margin-bottom: 0;
}
}
/* Selina's code, all mobile sliders centered */
@media only screen and (max-width: 767px) {
.hero-slide--right,
.hero-slide--left,
.hero-slide--bottom-left,
.hero-slide--bottom-right {
text-align: center;
}
}
/* END Selina's code, all mobile sliders centered */
.hero-slide--style-white {
color: #fff;
background-color: #000;
}
.hero-slide--style-white.slide--onboarding {
background-color: transparent;
}
.hero-slide--style-black {
color: #000;
background-color: #fff;
}
.hero-slide--style-black.slide--onboarding {
background-color: transparent;
}
.hero-scroll-down {
position: absolute;
left: 50%;
bottom: 0;
z-index: 10;
width: 64px;
height: 32px;
margin-left: -32px;
display: flex;
align-items: center;
justify-content: center;
}
.hero-scroll-down .icon-arrow-slider {
width: 22px;
height: 22px;
}
.slide-content {
padding: 30px 30px;
display: inline-block;
position: relative;
max-width: 100%;
}
.slide-content::before {
content: "";
height: 100%;
left: 0;
opacity: 0.5;
position: absolute;
top: 0;
width: 100%;
z-index: 0;
}
@media only screen and (min-width: 768px) {
.slide-content {
max-width: 700px;
}
}
@media only screen and (max-width: 767px) {
.slide-content {
padding: 60px 0px;
bottom: 40px;
position: absolute;
width: 100%;
}
}
.slide-content__subheading,
.slide-content__heading,
.slide-content__text {
color: inherit;
}
.slide-content__subheading,
.slide-content__heading,
.slide-content__text,
.slide-content__buttons {
position: relative;
overflow: hidden;
z-index: 9;
}
.slide-content__button {
margin-left: 10px;
margin-right: 10px;
margin-top: 10px;
min-width: 150px;
padding-left: 15px;
padding-right: 15px;
}
@media only screen and (max-width: 479px) {
.slide-content__button {
margin-left: 0;
margin-right: 0;
padding-left: 10px;
padding-right: 10px;
width: 100%;
}
.slide-content__button + .button {
margin-left: 0;
}
}
.slide-content__heading {
margin-bottom: 15px;
font-family: "ultramagnetic";
text-transform: inherit;
}
.slide-content__text p {
font-size: calc(1.125rem * var(--FONT-ADJUST-BODY));
margin: 0 0 15px;
}
@media only screen and (max-width: 767px) {
.slide-content__text p {
font-size: calc(1rem * var(--FONT-ADJUST-BODY));
}
}
.slide-inner {
display: block;
position: relative;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
height: 100%;
width: 100%;
}
.slide-inner .container {
height: 100%;
max-height: 100%;
overflow: hidden;
z-index: 999;
}
.slide-inner .row {
height: 100%;
display: flex;
align-items: center;
}
.slide-inner .row::before,
.slide-inner .row::after {
content: none;
}
.slide-background-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
}
.slide-background {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.slide-background--top-center {
background-position: top center;
}
.slide-background--right-center {
background-position: center right;
}
.slide-background--center-center {
background-position: center center;
}
.slide-background--left-center {
background-position: center left;
}
.slide-background--bottom-center {
background-position: bottom center;
}
@media only screen and (min-width: 768px) {
.slide-background--mobile,
.slide-image--mobile {
display: none !important;
}
}
.slide-background--blank {
position: relative;
width: 0;
height: 100%;
min-height: 100%;
top: 0;
left: 50%;
padding-right: 264%;
transform: translateX(-50%);
}
@media only screen and (min-width: 1320px) {
.slide-background--blank {
top: 50%;
left: 0;
width: 100%;
padding-right: 0;
padding-top: 38%;
transform: translateY(-50%);
}
}
.slide-background--blank .placeholder-svg,
.slide-background--blank .svg-placeholder > svg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
min-height: 100%;
transform: none;
}
.gallery-slider .slide-background--blank {
top: 0;
left: 50%;
padding-right: 264%;
transform: translateX(-50%);
min-height: 275px;
}
@media only screen and (max-width: 767px) {
.slide-background--has-mobile .slide-background--desktop {
display: none !important;
}
}
.slide-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media only screen and (max-width: 767px) {
.slide-image--has-mobile .slide-image--desktop {
display: none !important;
}
}
.slide-placeholder svg {
top: 50%;
left: 50%;
height: 100%;
width: 100%;
max-width: 100%;
max-height: 100%;
min-height: 400px;
position: absolute;
transform: translate(-50%, -50%);
}
.hero-slide {
overflow: hidden;
}
.overlay {
position: absolute;
width: 100%;
height: 100%;
z-index: 99;
}
.hero--is-loading {
background-image: var(--icon-loading);
background-position: center center;
background-repeat: no-repeat;
background-size: 64px auto;
}
.hero--zoom-out .hero-slide .slide-image,
.hero--zoom-out .hero-slide .slide-image-container,
.hero--zoom-out .hero-slide .slide-background,
.hero--zoom-out .hero-slide .slide-background-container {
animation-name: moZoomIn;
}
.hero--zoom-out .hero-slide.is-selected .slide-image,
.hero--zoom-out .hero-slide.is-selected .slide-image-container,
.hero--zoom-out .hero-slide.is-selected .slide-background,
.hero--zoom-out .hero-slide.is-selected .slide-background-container {
animation-name: moZoomOut;
}
.hero--zoom-out.hero--is-loading .hero-slide .slide-image,
.hero--zoom-out.hero--is-loading .hero-slide .slide-image-container,
.hero--zoom-out.hero--is-loading .hero-slide .slide-background,
.hero--zoom-out.hero--is-loading .hero-slide .slide-background-container {
animation-name: none;
}
/**
* Split hero Section
*/
.split-hero {
display: flex;
align-items: stretch;
justify-content: space-between;
margin: var(--gutter);
position: relative;
}
@media only screen and (max-width: 767px) {
.split-hero {
flex-direction: column;
}
}
.split-hero[data-style="white"] {
color: #fff;
}
.split-hero[data-style="black"] {
color: #000;
}
.split-hero__half {
position: relative;
width: calc(50% - var(--gutter) / 2);
height: 100%;
}
@media only screen and (max-width: 767px) {
.split-hero__half {
height: calc(50% - var(--gutter) / 2);
width: 100%;
}
}
.split-hero__box {
height: 100%;
}
.split-hero__image {
height: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
overflow: hidden;
}
.split-hero__image--top-center {
background-position: top center;
}
.split-hero__image--center-right {
background-position: center right;
}
.split-hero__image--center-left {
background-position: center left;
}
.split-hero__image--bottom-center {
background-position: bottom center;
}
@media only screen and (min-width: 768px) {
.split-hero__image--mobile {
display: none !important;
}
}
@media only screen and (max-width: 767px) {
.split-hero__box--has-mobile .split-hero__image--desktop {
display: none !important;
}
}
@media only screen and (max-width: 767px) {
.split-hero__box--has-mobile .split-hero__image--desktop {
display: none !important;
}
}
.split-hero__image--onboarding {
position: relative;
background-color: var(--color-placeholder-bg);
}
.split-hero__image--onboarding svg {
position: absolute;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 150%;
transform: translate(-50%, -50%);
}
.split-hero__overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.split-hero__content {
position: absolute;
top: 0;
left: -10px;
right: -10px;
bottom: 0;
}
.split-hero__content .container {
height: 100%;
overflow: hidden;
}
.split-hero__content .row {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
text-align: center;
}
.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 (max-width: 767px) {
.split-hero__content--left .row,
.split-hero__content--right .row {
align-items: flex-start;
}
}
.split-hero__heading {
margin-bottom: 15px;
}
.split-hero__text {
padding: 60px 0;
width: calc(50% - 70px);
}
@media only screen and (max-width: 1023px) {
.split-hero__text {
width: calc(50% - 35px);
}
}
@media only screen and (max-width: 767px) {
.split-hero__text {
width: 100%;
padding: 20px 0;
text-align: center;
}
}
@media only screen and (max-width: 767px) {
.split-hero__text h2,
.split-hero__text p,
.split-hero__text .button {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
.split-hero__text h2 {
color: inherit;
}
.split-hero__richtext {
line-height: 1.4;
margin-bottom: 0;
}
.split-hero__richtext p {
font-size: calc(1.125rem * var(--FONT-ADJUST-BODY));
line-height: inherit;
font-family: inherit;
margin: 0 0 15px;
}
@media only screen and (max-width: 767px) {
.split-hero__richtext p {
font-size: calc(1rem * var(--FONT-ADJUST-BODY));
}
}
@media only screen and (max-width: 767px) {
[data-mobile="stacked"] .split-hero__richtext {
margin-bottom: 20px;
}
}
.split-hero__buttons {
margin: 0 calc(var(--gutter) * -1);
}
@media only screen and (max-width: 479px) {
.split-hero__buttons {
margin: 0 calc(var(--gutter) / -2);
}
}
.split-hero__buttons .button {
min-width: 150px;
text-align: center;
margin: 10px var(--gutter) 0;
padding-left: 15px;
padding-right: 15px;
}
@media only screen and (max-width: 479px) {
.split-hero__buttons .button {
min-width: 0;
padding-left: 10px;
padding-right: 10px;
margin: 10px calc(var(--gutter) / 2) 0;
width: calc(100% - var(--gutter));
}
}
@media only screen and (max-width: 479px) {
.split-hero__buttons--inline .button {
width: calc(50% - var(--gutter));
}
}
.store-availability-small-text {
font-size: 90%;
}
.store-availability-information {
display: flex;
width: 100%;
}
@media only screen and (max-width: 767px) {
.store-availability-information {
justify-content: center;
}
}
.store-availability-information-container {
margin-left: 5px;
}
.store-availability-information__title {
margin-bottom: 0;
}
.store-availability-information__stock {
margin-bottom: 0;
}
.store-availability-information__stores {
margin-top: 8px;
}
.store-availability-information__link {
text-decoration: underline;
cursor: pointer;
}
.store-availability-container .icon,
.store-availabilities-modal .icon {
width: 12px;
height: 12px;
margin: 0 4px 0 0;
height: calc(0.875rem * var(--FONT-ADJUST-BODY) * 1.5);
}
.store-availability-container .icon-in-stock,
.store-availabilities-modal .icon-in-stock {
fill: #00730b;
}
.store-availability-container .icon-out-of-stock,
.store-availabilities-modal .icon-out-of-stock {
fill: var(--error-text);
}
.store-availability-container .icon-close,
.store-availabilities-modal .icon-close {
width: 24px;
height: 24px;
margin: 0;
}
.store-availability-container .store-availability-list__stock,
.store-availabilities-modal .store-availability-list__stock {
line-height: 20px;
}
.store-availability-container .store-availability-list__stock .icon,
.store-availabilities-modal .store-availability-list__stock .icon {
margin: 0 2px 0 0;
height: 20px;
vertical-align: top;
}
.store-availabilities-modal {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
box-sizing: border-box;
border: 0;
box-shadow: none;
display: flex;
flex-direction: column;
touch-action: manipulation;
z-index: 1010;
opacity: 0;
visibility: hidden;
transition: opacity 0.5s ease-in-out, visibility 0s linear 0.5s;
transform: translateY(0);
text-align: left;
}
.store-availabilities-modal .container {
transform: translateX(80%);
transition: transform 0.5s ease-in-out;
height: 100%;
display: flex;
flex-direction: column;
}
.store-availabilities-modal--active {
opacity: 1;
visibility: visible;
transition: opacity 0.25s ease-in-out, visibility 0s linear 0s;
}
.store-availabilities-modal--active .container {
transform: translateX(0);
}
@media only screen and (max-width: 767px) {
.store-availabilities-modal--active {
width: 100%;
height: 100%;
z-index: 9999;
}
}
.store-availabilities-modal__header {
position: relative;
margin: 16px 0 16px 0;
padding: 0 32px 0 0;
}
.store-availabilities-modal__product__title {
text-transform: none;
margin-bottom: 0;
padding-top: 40px;
color: inherit;
font-weight: var(--HEADING-FONT-WEIGHT-BOLD);
font-size: calc(1.375rem * var(--FONT-ADJUST-HEADING));
line-height: 1.3;
}
@media only screen and (max-width: 767px) {
.store-availabilities-modal__product__title {
padding-top: 0;
}
}
.store-availabilities-modal__variant-title {
margin: 0;
}
.store-availabilities-list {
overflow-y: auto;
margin-right: -80px;
padding-right: 80px;
}
@media only screen and (max-width: 1023px) {
.store-availabilities-list {
margin-right: -40px;
padding-right: 40px;
}
}
@media only screen and (max-width: 479px) {
.store-availabilities-list {
margin-right: -20px;
padding-right: 20px;
}
}
.store-availabilities-modal__close {
position: absolute;
top: 0;
right: 0;
padding: 0;
margin: -5px -5px 0 0;
background: none;
border: none;
width: 36px;
height: 36px;
align-self: start;
color: inherit;
}
.store-availability-list__item {
padding-bottom: 16px;
}
.store-availability-list__item::before {
content: "";
display: block;
margin: 0 0 16px 0;
border-bottom: 1px solid var(--COLOR-BORDER);
}
.store-availability-list__address {
font-size: 90%;
font-style: var(--BODY-FONT-WEIGHT);
margin-bottom: 0;
}
.store-availability-list__address p {
font-size: inherit;
margin: 0;
}
.store-availability-list-header {
display: flex;
justify-content: space-between;
align-items: baseline;
margin-bottom: 8px;
}
.store-availability-list-header__location {
font-weight: var(--BODY-FONT-WEIGHT-BOLD);
color: inherit;
}
.store-availability-list-header__location,
.store-availability-list-header__distance {
font-size: calc(1rem * var(--FONT-ADJUST-BODY));
margin: 0;
}
.store-availability-list__stock {
margin-top: 5px;
margin-bottom: 15px;
}
.store-availability-list__phone {
margin-bottom: 0;
}
.store-availability-list__phone a {
text-decoration: none;
}
/**
* Instafeed
*/
#insta-feed,
.instafeed-shopify {
padding: 40px 0 30px 0 !important;
max-width: 1600px;
margin: 0px auto;
}
@media (max-width: 767px){
#insta-feed,
.instafeed-shopify {
padding: 20px !important;
max-width: 1600px;
margin: 0px auto;
}
}
#insta-feed h2 {
font-size: 36px!important;
}
#insta-feed a:nth-child(6),
#insta-feed a:nth-child(7),
#insta-feed a:nth-child(8),
#insta-feed a:nth-child(9),
#insta-feed a:nth-child(10) {
display:none;
}
/**
* Testimonials
*/
.testimonials-section {
margin: 5rem 0;
}
@media only screen and (max-width: 767px) {
.testimonials-section {
margin: 50px 0;
}
#insta-feed,
.instafeed-shopify {
margin: 0rem 0 !important;
padding: 20px 0px;
}
}
@media only screen and (max-width: 767px) {
.testimonials {
margin: 0 -40px;
overflow: hidden;
}
}
@media only screen and (max-width: 479px) {
.testimonials {
margin: 0 -20px;
}
}
@media only screen and (max-width: 767px) {
.testimonials h2 {
margin-bottom: 15px;
text-align: center;
}
}
@media only screen and (min-width: 480px) {
.testimonials__blocks {
display: flex;
flex-wrap: wrap;
}
}
@media only screen and (min-width: 1024px) {
.testimonials__blocks {
/* margin: 0 -40px; */
/* max-width: 85%; */
margin: 0px auto;
}
}
@media only screen and (max-width: 767px) {
.testimonials__blocks {
display: block;
white-space: nowrap;
overflow-x: auto;
overflow-y: hidden;
scrollbar-width: none;
-ms-overflow-style: none; /* for Internet Explorer, Edge */
}
.testimonials__blocks::-webkit-scrollbar {
display: none; /* for Chrome, Safari, and Opera */
}
}
.testimonial {
padding: 28px 25px 0;
width: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
@media only screen and (min-width: 480px) {
.testimonial {
padding-left: 40px;
padding-right: 40px;
}
}
@media only screen and (min-width: 768px) {
.testimonial {
margin-bottom: 30px;
}
}
@media only screen and (max-width: 767px) {
.testimonial {
display: inline-block;
width: 85%;
white-space: normal;
}
.testimonial:first-child {
margin-left: 10%;
}
.testimonial:last-child {
margin-right: 10%;
}
}
@media only screen and (min-width: 768px) {
.testimonial--one-half {
width: 50%;
}
}
@media only screen and (min-width: 768px) {
.testimonial--one-third {
width: 50%;
}
}
@media only screen and (min-width: 1024px) {
.testimonial--one-third {
width: 33.33%;
}
}
.testimonial--justify {
text-align: justify;
}
@media only screen and (min-width: 768px) {
.testimonial--justify .testimonial__author {
margin-left: 26px;
}
}
.testimonial--center {
text-align: center;
}
.testimonial--center .testimonial__bottom {
justify-content: center;
}
@media only screen and (min-width: 768px) {
.testimonial--center .accent-line + .testimonial__author {
margin-left: 26px;
}
}
.testimonial__blockquote {
position: relative;
z-index: 1;
margin: 0 0 20px;
line-height: 1.55;
text-align: inherit;
}
@media only screen and (min-width: 1320px) {
.testimonial__blockquote {
margin: 0 0 48px;
}
}
@media only screen and (min-width: 768px) {
.testimonial__blockquote {
margin: 0 0 30px;
}
}
@media only screen and (max-width: 767px) {
.testimonial__blockquote {
text-align-last: center;
}
}
.testimonial__blockquote-quotes {
content: "";
position: absolute;
left: -23px;
top: -28px;
z-index: -1;
width: 114px;
height: 71px;
}
.testimonial__blockquote-quotes svg {
display: block;
width: 100%;
height: 100%;
}
@media only screen and (max-width: 767px) {
.testimonial__blockquote-quotes {
left: -14px;
}
}
.testimonial__bottom {
display: flex;
justify-content: flex-end;
align-items: center;
}
@media only screen and (max-width: 767px) {
.testimonial__bottom {
flex-direction: column;
}
}
.testimonial__author {
font-family: var(--BODY-FONT-FAMILY);
font-weight: var(--BODY-FONT-WEIGHT);
font-style: var(--BODY-FONT-STYLE);
margin: 0;
}
@media only screen and (max-width: 767px) {
.testimonial__author {
margin: 15px 0 0;
}
}
.video-module {
overflow: hidden;
background-color: var(--COLOR-BACKGROUND);
}
.video-module h2,
.video-module a,
.video-module p {
color: inherit;
text-align: center;
}
.video-container {
display: block;
position: relative;
text-align: center;
min-height: 0;
overflow: hidden;
}
.video-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--overlay-color);
opacity: var(--overlay-opacity);
}
.video-button {
display: inline-block;
margin-top: 10px;
}
.video-button .icon-play {
display: block;
width: 72px;
height: 72px;
}
.video-container-bg {
height: 100%;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.original-height .video-container-bg {
height: 0;
min-height: 360px;
}
.video-container-bg--placeholder {
position: relative;
}
.video-container-bg--placeholder .placeholder-svg,
.video-container-bg--placeholder .svg-placeholder > svg {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
min-width: 946.8px;
transform: translate(-50%, -50%);
}
.video-text-wrapper {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.video-text__content {
max-width: 700px;
margin: 0 auto;
padding: 30px;
}
.main-content > .featured-video:first-of-type .video-text__content {
padding-top: 115px;
}
.video-text__heading {
margin: 0 0 15px;
}
.video-text__text p {
font-size: calc(1.125rem * var(--FONT-ADJUST-BODY));
margin-bottom: 15px;
}
@media only screen and (max-width: 767px) {
.video-text__text p {
font-size: calc(1rem * var(--FONT-ADJUST-BODY));
}
}
.video__logo {
display: block;
margin: 15px auto;
height: auto;
width: 100%;
max-width: 100%;
}
/* Video Background */
.video-background {
position: relative;
}
.video-background video {
position: absolute;
top: 50%;
left: 50%;
overflow: hidden;
min-height: 100%;
min-width: 100%;
width: auto;
height: auto;
max-width: none;
max-height: none;
transform: translate(-50%, -50%);
opacity: 1;
}
.video-background video::-webkit-media-controls {
display: none;
}
.text-center {
text-align: center;
}
@media (min-width: 768px) {
.mobile-only {
display: none;
}
}
@media (max-width: 767px) {
.desktop-only {
display: none;
}
}
.hero__content img {
max-height: 110px;
margin-bottom: 40px;
margin-top: -40px;
}
@media (max-width: 767px) {
.hero__content img {
max-height: 80px;
}
}
.shop-pay-terms {
display: none;
}
.product__form-buttons {
max-width: 180px;
}
.product__share {
margin-top: -10px;
margin-bottom: 10px;
}
button.shopify-payment-button__more-options {
margin: 0px;
}
@media (min-width: 767px) {
.gallery-wrap h2 {
margin-bottom: 30px;
}
}
/* .sixty-fifty-height-hero .gallery-slider .slide-background {
background: no-repeat top center/c0ve;
} */
.pb-4 {
padding-bottom: 40px;
}
.body-font {
font-family: var(--BODY-FONT-FAMILY);
text-transform: initial;
}
.icons-row__item p,
.lg_body_font p,
.lg_body_font {
font-size: 20px;
font-weight: 500;
}
.bold, {
font-weight: 700;
}
/* Returns and Exchanges */
div#shopify-section-template--14614086123625__16639832075969c878 {
margin: 100px 0px;
}
/* Faq */
.shopify-section--faq {
margin-top: 80px;
}
span.product__rating__count {
margin-left: 10px;
margin-top: 5px;
}
button.product__form-submit.button--alt {
border-color: black;
color: black;
margin-bottom: 15px;
}
.okeReviews-button,
button.okeReviews-reviews-showMore.okeReviews-showMore.js-okeReviews-showMore {
background: #00726b !important;
color: white !important;
border: 0px !important;
}
.okeReviews .okeReviews-review-main-heading {
font-family: "Cardo";
text-transform: inherit;
}
button.okeReviews-reviews-showMore.okeReviews-showMore.js-okeReviews-showMore {
margin-top: 20px;
}
.okeReviews-review-primary {
font-size: 16px;
color: black !important;
}
p.hero__description {
max-width: 650px;
}
@media (max-width: 768px) {
.pb-4 {
padding-bottom: 0px;
}
div#shopify-section-template--14614086123625__16639832075969c878 {
margin: 60px 0px;
}
.reverse {
display: flex;
flex-flow: column-reverse !important;
}
.product__form-block.product__form-block--options-inline.product__form-block--swatches {
max-width: 200px;
width: 100%;
}
.product__description.rte {
text-align: center;
font-size: 16px;
padding: 20px ;
}
.product__form-buttons {
max-width: 200px;
}
/* Hide Mobile Img on Zilker Session */
section#gallery-module--template--14616310775913__166434779655dabc2e
.gallery-slider.block.s1.med_s12 {
display: none;
}
[data-section-id="template--14616310775913__1664347863191785e8"]
h1.hero__title.aos-init.aos-animate {
display: none;
}
section#title-module--template--14617533907049__rich-text {
padding: 30px 0px 0px 0px;
}
}
p.mosaic__text.aos-init.aos-animate {
margin: 30px 0px;
}
/* Homepage Description */
section#title-module--template--14617773310057__rich-text h2 {
font-family: "Cardo";
text-transform: inherit;
}
.text-left {
text-align: left;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.slide-image-bg.slide-image-bg--single.contain_img {
background: no-repeat center center/contain;
}
.icons-row-wrapper.icons-row-wrapper--left .icons-row__item {
width: 33.3333%;
}
@media (max-width: 767px){
.icons-row-wrapper.icons-row-wrapper--left .icons-row__item {
width: 100%;
}
.sm-text-center {
text-align: center;
}
.sm-text-left {
text-align: left;
}
.sm-text-right {
text-align: right;
}
.pad-sm {
padding: 40px 0px;
}
.contact-form {
padding: 10px 10px 0px 10px;
}
}