/** Shopify CDN: Minification failed
Line 422:2 Unexpected ";"
**/
@charset "UTF-8";
/* Normalize */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0;
}
/**
* Render the `main` element consistently in IE.
*/
main {
display: block;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1, .age-gate__heading {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box; /* 1 */
height: 0; /* 1 */
overflow: visible; /* 2 */
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none; /* 1 */
text-decoration: underline; /* 2 */
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted; /* 2 */
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit; /* 1 */
font-size: 100%; /* 1 */
line-height: 1.15; /* 1 */
margin: 0; /* 2 */
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input { /* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select { /* 1 */
text-transform: none;
}
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box; /* 1 */
color: inherit; /* 2 */
display: table; /* 1 */
max-width: 100%; /* 1 */
padding: 0; /* 3 */
white-space: normal; /* 1 */
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type=checkbox],
[type=radio] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type=search] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none;
}
/* Common */
html::before {
display: none;
content: "XS,S,M,L";
}
html::after {
display: none;
content: "XS";
}
@media screen and (min-width: 576px) {
html::after {
content: "S";
}
}
@media screen and (min-width: 768px) {
html::after {
content: "M";
}
}
@media screen and (min-width: 960px) {
html::after {
content: "L";
}
}
:root {
--font-size-heading-1: 2.1rem;
--font-size-heading-2: 1.75rem;
--font-size-heading-3: 1.37375rem;
--font-size-heading-4: 1.12875rem;
--font-size-heading-5: 0.93625rem;
--font-size-heading-6: 0.81375rem;
--font-size-banner-heading: 2.75rem;
}
@media screen and (max-width: 575px) {
:root {
--font-size-heading-1: 1.875rem;
--font-size-heading-2: 1.625rem;
--font-size-heading-3: 1.5rem;
--font-size-heading-4: 1.375rem;
--font-size-heading-5: 1.25rem;
--font-size-heading-6: 1.125rem;
}
}
;
/* Header */
/* General */
/* Sidebar */
/* Stickers */
/* Buttons */
/* Borders */
/* Swatches */
/* Background */
/* Popup */
/* Footer */
/* Password Page */
.signpost {
display: inline-block;
padding-bottom: 0.25rem;
color: #000000;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 0.1rem;
transition: color 0.2s ease-in-out;
}
.signpost::after {
position: relative;
display: block;
width: 100%;
height: 1px;
cursor: pointer;
content: "";
background-color: #000000;
transform: translateY(0.25rem);
}
.signpost:hover {
color: #0090e9;
}
.signpost:hover::after {
background-color: #0090e9;
}
.js body:not(.user-is-tabbing) a:focus,
.js body:not(.user-is-tabbing) button:focus {
outline: none;
}
label {
font-weight: 700;
cursor: default;
}
input[type=text],
input[type=date],
input[type=email],
input[type=password],
input[type=search],
input[type=telephone],
input[type=tel],
input[type=number],
textarea {
font-family: -apple-system,BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
font-style: normal;
font-weight: 400;
padding: 0.75rem 1rem;
font-size: 1.0rem;
margin-top: 0.5rem;
margin-bottom: 1rem;
line-height: 1.4;
color: #000000;
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.4);
transition: border-color 0.2s ease-out;
display: block;
width: 100%;
line-height: 1.4;
border-radius: 0.5rem;
-webkit-appearance: none;
appearance: none;
}
input[type=text]::placeholder,
input[type=date]::placeholder,
input[type=email]::placeholder,
input[type=password]::placeholder,
input[type=search]::placeholder,
input[type=telephone]::placeholder,
input[type=tel]::placeholder,
input[type=number]::placeholder,
textarea::placeholder {
color: rgba(0, 0, 0, 0.4);
}
input[type=text]:active,
input[type=date]:active,
input[type=email]:active,
input[type=password]:active,
input[type=search]:active,
input[type=telephone]:active,
input[type=tel]:active,
input[type=number]:active,
textarea:active {
border-color: #000000;
}
input[type=text]:focus,
input[type=date]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=telephone]:focus,
input[type=tel]:focus,
input[type=number]:focus,
textarea:focus {
border-color: #000000;
outline: #000000;
}
input[type=date] {
display: inline-flex;
}
input[type=search]::-webkit-search-cancel-button {
-webkit-appearance: none;
appearance: none;
position: absolute;
top: 50%;
right: 0.75rem;
width: 1rem;
height: 1rem;
margin: 0;
cursor: pointer;
background-image: url('data:image/svg+xml;utf8, %3Csvg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M6 12C9.31371 12 12 9.31371 12 6C12 2.68629 9.31371 0 6 0C2.68629 0 0 2.68629 0 6C0 9.31371 2.68629 12 6 12ZM4.04588 3.33875C3.85061 3.14348 3.53403 3.14348 3.33877 3.33875C3.14351 3.53401 3.14351 3.85059 3.33877 4.04585L5.29291 5.99999L3.33877 7.95413C3.14351 8.14939 3.14351 8.46597 3.33877 8.66124C3.53403 8.8565 3.85061 8.8565 4.04588 8.66124L6.00001 6.7071L7.95415 8.66124C8.14942 8.8565 8.466 8.8565 8.66126 8.66124C8.85652 8.46597 8.85652 8.14939 8.66126 7.95413L6.70712 5.99999L8.66126 4.04585C8.85652 3.85059 8.85652 3.53401 8.66126 3.33875C8.466 3.14348 8.14942 3.14348 7.95415 3.33875L6.00001 5.29288L4.04588 3.33875Z" fill="%23000000"/%3E%3C/svg%3E');
background-repeat: no-repeat;
background-size: 1rem 1rem;
opacity: 0.6;
transform: translateY(-50%);
}
@media screen and (min-width: 960px) {
input[type=search]::-webkit-search-cancel-button {
width: 0.75rem;
height: 0.75rem;
background-size: 0.75rem 0.75rem;
}
}
textarea {
font-family: -apple-system,BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
font-style: normal;
font-weight: 400;
}
select {
font-family: -apple-system,BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
font-style: normal;
font-weight: 400;
padding: 0.75rem 1rem;
font-size: 1.0rem;
margin-top: 0.5rem;
margin-bottom: 1rem;
line-height: 1.4;
color: #000000;
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.4);
transition: border-color 0.2s ease-out;
position: relative;
width: 100%;
text-align: left;
cursor: pointer;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border-radius: 0.5rem;
-webkit-appearance: none;
appearance: none;
}
select::placeholder {
color: rgba(0, 0, 0, 0.4);
}
select:active {
border-color: #000000;
}
select:focus {
border-color: #000000;
outline: #000000;
}
@media screen and (min-width: 768px) {
select {
min-width: 20px;
}
}
.select-wrapper {
position: relative;
}
.select-wrapper::after {
position: absolute;
pointer-events: none;
content: url('data:image/svg+xml,%3Csvg viewBox="0 0 16 9" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1 0.75L8 7.75L15 0.75" stroke="%23000000" stroke-width="1.75"/%3E%3C/svg%3E');
transform: translate(-100%, 25%);
width: 13.25px;
height: 7.5px;
padding: 0.75rem 1rem;
}
.form__required {
color: #ee575a;
}
::selection {
color: #fff;
text-shadow: none;
background: #000000;
}
.visually-hidden, .age-gate__select-label {
position: absolute !important;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
border: 0;
}
.skip-to-main {
position: absolute;
top: 0;
left: -9999px;
padding: 1em;
font-size: 1.0rem;
text-decoration: none;
background-color: #fff;
}
.skip-to-main:focus, .skip-to-main:active {
left: 0;
z-index: 901;
}
.errors,
.success {
padding: 12px 0;
margin-bottom: 30px;
text-align: center;
}
.errors {
color: #ea555c;
background-color: #fcecec;
border: 1px solid #edabb9;
}
.errors ul {
padding: 0;
margin: 0;
list-style-type: none;
}
.errors li {
margin: 0;
}
.field-error {
border: 1px solid #ee575a;
box-shadow: 0 0 10px rgba(238, 87, 90, 0.8);
}
.success {
color: #108144;
background-color: #f0fbdb;
border: 1px solid #c2cc98;
}
.placeholder-svg {
background-color: rgba(0, 0, 0, 0.1);
fill: rgba(0, 0, 0, 0.35);
}
.main__wrapper .shopify-challenge__container {
max-width: 800px;
margin: 3rem auto;
}
@media screen and (min-width: 576px) {
.main__wrapper .shopify-challenge__container {
margin: 3.5rem auto;
}
}
.static-page--width-wide .main__wrapper .shopify-challenge__container {
max-width: 1200px;
}
.static-page--width-narrow .main__wrapper .shopify-challenge__container {
max-width: 680px;
}
.text-align-center {
text-align: center;
}
.text-align-left,
.text-align-start {
text-align: left;
}
.text-align-right,
.text-align-end {
text-align: right;
}
.text-align-justify {
text-align: justify;
}
.font-weight--light {
font-weight: 300;
}
.font-weight--bold {
font-weight: 700;
}
.hidden {
display: none;
}
[data-rimg=lazy],
[data-rimg=loading],
[data-rimg=loaded] {
background-color: rgba(0, 0, 0, 0.1);
transition: opacity 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
[data-rimg=lazy],
[data-rimg=loading] {
opacity: 0;
}
[data-rimg=loaded] {
background-color: transparent;
opacity: 1;
}
[data-rimg-canvas] {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.1);
transition: visibility 0s linear 0.1s, opacity 0.1s linear;
}
[data-rimg=loaded] + [data-rimg-canvas], [data-rimg=""] + [data-rimg-canvas] {
visibility: hidden;
opacity: 0;
}
.no-js [data-rimg-canvas] {
display: none;
}
.no-js [data-rimg-noscript] + [data-rimg=lazy] {
display: none;
}
.no-js [data-rimg=lazy] {
opacity: 1;
}
* {
box-sizing: border-box;
}
html {
font-size: 16px;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
-moz-font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
}
body {
font-family: -apple-system,BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
font-style: normal;
font-weight: 400;
font-size: 1.0rem;
line-height: 1.5;
color: #000000;
text-align: left;
word-break: break-word;
background-color: #fff;
}
.scroll-locked body {
overflow: hidden;
touch-action: manipulation;
}header,
main,
footer {
width: 100%;
margin: 0;
}
main,
footer {
z-index: 1;
}
section {
margin: 3rem 24px;
}
@media screen and (min-width: 576px) {
section {
margin: 3rem 32px;
}
}
@media screen and (min-width: 768px) {
section {
margin: 3.5rem 40px;
}
}
@media screen and (min-width: 960px) {
section {
margin: 3.5rem 56px;
}
}
.section__wrapper {
position: relative;
max-width: 1200px;
margin: 0 auto;
}
.template-article .shopify-section:nth-child(2) section,
.template-collection .shopify-section:nth-child(2) section,
.template-product .shopify-section:nth-child(2) section {
border-top: 0;
}
h1, .age-gate__heading,
h2,
h3,
h4,
h5,
h6 {
font-family: -apple-system,BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
font-style: normal;
font-weight: 400;
line-height: 1.3;
color: #000000;
text-decoration: none;
text-transform: none;
letter-spacing: 0px;
margin: 2.5rem 0 1rem;
}
h1 a, .age-gate__heading a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
color: inherit;
text-decoration: none;
}
h1 a:visited, .age-gate__heading a:visited, h1 a:hover, .age-gate__heading a:hover, h1 a:focus, .age-gate__heading a:focus, h1 a:active, .age-gate__heading a:active,
h2 a:visited,
h2 a:hover,
h2 a:focus,
h2 a:active,
h3 a:visited,
h3 a:hover,
h3 a:focus,
h3 a:active,
h4 a:visited,
h4 a:hover,
h4 a:focus,
h4 a:active,
h5 a:visited,
h5 a:hover,
h5 a:focus,
h5 a:active,
h6 a:visited,
h6 a:hover,
h6 a:focus,
h6 a:active {
color: inherit;
}
h1, .age-gate__heading {
font-size: var(--font-size-heading-1);
}
h2 {
font-size: var(--font-size-heading-2);
}
h3 {
font-size: var(--font-size-heading-3);
}
h4 {
font-size: var(--font-size-heading-4);
}
h5 {
font-size: var(--font-size-heading-5);
}
h6 {
font-size: var(--font-size-heading-6);
}
a {
color: #000000;
transition: color 0.2s ease-out;
}
a:visited {
color: #000000;
}
a:hover, a:focus, a:active {
color: #0090e9;
}
p {
margin: 0 0 1.5rem;
}
p:last-child {
margin-bottom: 0;
}
img {
width: auto;
max-width: 100%;
height: auto;
}
ol,
ul {
padding-left: 1rem;
margin: 1rem 0 1.5rem;
}
ol > ol,
ol > ul,
ul > ol,
ul > ul {
margin: 0;
}
ol {
list-style-type: decimal;
}
ul {
list-style-type: disc;
}
li {
margin-bottom: 0.75rem;
}
table {
display: block;
max-width: 100%;
margin-bottom: 1.5rem;
overflow-x: auto;
white-space: nowrap;
border-collapse: collapse;
border: none;
}
@media screen and (min-width: 576px) {
table {
display: table;
overflow-x: visible;
white-space: normal;
}
}
tr {
border-bottom: 1px solid #f0f0f0;
}
th {
padding: 0.75rem 0.75rem 0.75rem 0;
color: #000000;
}
td {
padding: 0.75rem 0.75rem 0.75rem 0;
font-size: 1.0rem;
}
blockquote {
font-family: -apple-system,BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
font-style: normal;
font-weight: 400;
position: relative;
padding-left: 1.5rem;
margin: 1rem 0;
font-size: 1.25rem;
border-left: 0.5rem solid #f0f0f0;
opacity: 0.8;
}
iframe {
max-width: 100%;
}
b,
strong {
font-weight: 700;
}
em {
font-style: italic;
}
b em,
strong em,
em b,
em strong {
font-style: italic;
}
hr {
height: 0;
border: solid #f0f0f0;
border-width: 1px 0 0;
}
.breadcrumbs {
display: flex;
flex-wrap: wrap;
margin: 1.5rem 0;
font-size: 0.875rem;
}
.breadcrumbs__separator {
margin: 0 0.5rem;
}
.breadcrumbs__separator::after {
display: inline-block;
content: url('data:image/svg+xml,%3Csvg width="6" height="10" viewBox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1.35355 0.646447C1.15829 0.451184 0.841709 0.451184 0.646447 0.646447C0.451184 0.841709 0.451184 1.15829 0.646447 1.35355L1.35355 0.646447ZM5 5L5.35355 5.35355C5.54882 5.15829 5.54882 4.84171 5.35355 4.64645L5 5ZM0.646447 8.64645C0.451184 8.84171 0.451184 9.15829 0.646447 9.35355C0.841709 9.54882 1.15829 9.54882 1.35355 9.35355L0.646447 8.64645ZM0.646447 1.35355L4.64645 5.35355L5.35355 4.64645L1.35355 0.646447L0.646447 1.35355ZM4.64645 4.64645L0.646447 8.64645L1.35355 9.35355L5.35355 5.35355L4.64645 4.64645Z" fill="%23000000"/%3E%3C/svg%3E');
}
.breadcrumbs__link {
color: #000000;
text-decoration: none;
}
.breadcrumbs__link:visited {
color: #000000;
}
.breadcrumbs__link:hover {
color: #0090e9;
text-decoration: underline;
}
.breadcrumbs__current {
opacity: 0.5;
}
.pagination {
display: flex;
align-items: center;
justify-content: center;
margin: 2.5rem 0;
text-align: center;
}
@media screen and (min-width: 768px) {
.pagination {
margin: 4rem;
}
}
.pagination__previous-button,
.pagination__next-button {
display: flex;
align-items: center;
justify-content: center;
width: 2.75rem;
height: 2.75rem;
}
.pagination__previous-button {
margin-right: 1.5rem;
}
@media screen and (min-width: 768px) {
.pagination__previous-button {
margin-right: 2rem;
}
}
.pagination__next-button {
margin-left: 1.5rem;
}
@media screen and (min-width: 768px) {
.pagination__next-button {
margin-left: 2rem;
}
}
.pagination__page-list {
display: none;
align-items: center;
padding: 0;
margin: 0;
list-style-type: none;
}
@media screen and (min-width: 576px) {
.pagination__page-list {
display: flex;
}
}
.pagination__page {
display: inline-block;
margin: 0 1rem;
}
.pagination__page a {
color: #000000;
text-decoration: none;
border-bottom: 1px solid #fff;
}
.pagination__page a:hover {
color: #0090e9;
border-bottom: 1px solid #0090e9;
}
.pagination__page--current {
font-weight: bold;
}
@keyframes dotTyping {
0% {
box-shadow: 16px 0 0 0 var(--loading-icon-color), 32px 0 0 0 var(--loading-icon-color), 48px 0 0 0 var(--loading-icon-color);
}
16.667% {
box-shadow: 16px -10px 0 0 var(--loading-icon-color), 32px 0 0 0 var(--loading-icon-color), 48px 0 0 0 var(--loading-icon-color);
}
33.333% {
box-shadow: 16px 0 0 0 var(--loading-icon-color), 32px 0 0 0 var(--loading-icon-color), 48px 0 0 0 var(--loading-icon-color);
}
50% {
box-shadow: 16px 0 0 0 var(--loading-icon-color), 32px -10px 0 0 var(--loading-icon-color), 48px 0 0 0 var(--loading-icon-color);
}
66.667% {
box-shadow: 16px 0 0 0 var(--loading-icon-color), 32px 0 0 0 var(--loading-icon-color), 48px 0 0 0 var(--loading-icon-color);
}
83.333% {
box-shadow: 16px 0 0 0 var(--loading-icon-color), 32px 0 0 0 var(--loading-icon-color), 48px -10px 0 0 var(--loading-icon-color);
}
100% {
box-shadow: 16px 0 0 0 var(--loading-icon-color), 32px 0 0 0 var(--loading-icon-color), 48px 0 0 0 var(--loading-icon-color);
}
}
.loading-icon {
position: absolute;
top: 50%;
left: 50%;
display: block;
transform: translate(-50%, -50%);
}
.loading-icon__animation {
position: relative;
left: -32px;
width: 10px;
height: 10px;
color: var(--loading-icon-color);
border-radius: 5px;
box-shadow: 16px 0 0 0 var(--loading-icon-color), 32px 0 0 0 var(--loading-icon-color), 48px 0 0 0 var(--loading-icon-color);
animation: dotTyping 1.5s infinite linear;
}
.section-with-sidebar {
margin: 3rem 24px;
}
@media screen and (min-width: 576px) {
.section-with-sidebar {
margin: 3rem 32px;
}
}
@media screen and (min-width: 768px) {
.section-with-sidebar {
margin: 3.5rem 40px;
}
}
@media screen and (min-width: 960px) {
.section-with-sidebar {
margin: 3.5rem 56px;
}
}
.section-with-sidebar__wrapper {
width: 100%;
max-width: 1200px;
margin: 1rem auto;
}
@media screen and (min-width: 768px) {
.section-with-sidebar__wrapper {
display: flex;
}
}
.sidebar {
width: 100%;
}
@media screen and (min-width: 768px) {
.sidebar {
flex: 0 0 25%;
margin: 0;
}
}
.sidebar__block {
border-bottom: 1px solid #f0f0f0;
}
.sidebar__block-toggle {
position: relative;
display: block;
padding: 0;
margin: 0;
text-decoration: none;
}
.sidebar__block-toggle::after {
position: absolute;
top: 50%;
right: 1rem;
display: block;
width: 1rem;
height: 1rem;
content: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M7 13.5C7 13.7761 7.22386 14 7.5 14C7.77614 14 8 13.7761 8 13.5V9H12.5C12.7761 9 13 8.77614 13 8.5C13 8.22386 12.7761 8 12.5 8H8V3.5C8 3.22386 7.77614 3 7.5 3C7.22386 3 7 3.22386 7 3.5V8H2.5C2.22386 8 2 8.22386 2 8.5C2 8.77614 2.22386 9 2.5 9H7V13.5Z" fill="%23000000"/%3E%3C/svg%3E');
transform: translateY(-50%);
}
.sidebar__block-toggle[data-open=true]::after {
content: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M2 8.5C2 8.22386 2.22386 8 2.5 8H12.5C12.7761 8 13 8.22386 13 8.5C13 8.77614 12.7761 9 12.5 9H2.5C2.22386 9 2 8.77614 2 8.5Z" fill="%23000000"/%3E%3C/svg%3E');
}
.sidebar__block-heading {
font-family: -apple-system,BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
font-style: normal;
font-weight: 400;
padding: 1.5rem 2.5rem 1.5rem 0;
margin: 0;
font-size: 1.0rem;
font-weight: 700;
line-height: 1.5;
color: #000000;
text-transform: none;
letter-spacing: 0;
}
.sidebar__block-content p {
margin-bottom: 1rem;
}
.sidebar__block-content a {
position: relative;
color: #333333;
}
.sidebar__block-content a:visited {
color: #333333;
}
.sidebar__block-content a:hover, .sidebar__block-content a:focus {
color: #000000;
}
.sidebar__block-content > .sidebar__block-menu-list > li:last-child {
padding-bottom: 0.5rem;
}
.sidebar__block-content[data-animation-state=closed] {
display: none;
height: 0;
opacity: 0;
}
.sidebar__block-content[data-animation] {
display: block;
overflow: hidden;
transition: opacity 200ms, height 200ms;
}
.sidebar__block-content[data-animation-state=open] {
display: block;
height: auto;
opacity: 1;
}
.sidebar__block-content[data-animation][data-animation-state=open] {
height: var(--open-height);
}
.sidebar__block-menu-list,
.sidebar__tag-list {
padding: 0;
margin: 0;
list-style-type: none;
}
.sidebar__block-menu-list li,
.sidebar__tag-list li {
margin: 0;
}
.sidebar__block-menu-list ul,
.sidebar__tag-list ul {
margin-left: 1rem;
}
.sidebar__block-link,
.sidebar__tag-link {
display: inline-block;
margin: 0 0 0.5rem;
color: #333333;
text-decoration: none;
cursor: pointer;
}
.sidebar__block-link:visited,
.sidebar__tag-link:visited {
color: #333333;
}
.sidebar__block-link:hover, .sidebar__block-link:focus,
.sidebar__tag-link:hover,
.sidebar__tag-link:focus {
color: #000000;
text-decoration: underline;
}
.sidebar__blog-tags {
display: flex;
flex-wrap: wrap;
padding: 0 0 0.5rem;
margin: 0;
list-style-type: none;
}
.sidebar__blog-tags li {
margin: 0;
}
a.sidebar__blog-tag {
display: inline-block;
padding: 0.25rem 0.75rem;
margin: 0;
font-size: 0.8125rem;
color: #000000;
text-decoration: none;
background-color: rgba(0, 0, 0, 0.1);
border-radius: 1.25rem;
margin: 0 0.5rem 0.5rem 0;
color: #000000;
}
a.sidebar__blog-tag:visited {
color: #000000;
}
a.sidebar__blog-tag:visited {
color: #000000;
}
a.sidebar__blog-tag:hover, a.sidebar__blog-tag:focus {
color: #000000;
}
.sidebar__blog-date {
display: block;
font-size: 0.8125rem;
}
.sidebar__search-form {
position: relative;
padding-bottom: 1rem;
}
.sidebar__search-box[type=text] {
padding-right: 2.5rem;
margin: 0;
word-wrap: normal;
}
.sidebar__search-submit {
position: absolute;
top: 0.75rem;
right: 1rem;
padding: 0;
cursor: pointer;
background-color: #fff;
border: none;
}
.sidebar__search-submit svg {
display: block;
color: #000000;
}
.sidebar__newsletter-form {
padding-bottom: 1rem;
}
.sidebar__newsletter-form .sidebar__newsletter-first-name,
.sidebar__newsletter-form .sidebar__newsletter-last-name,
.sidebar__newsletter-form .sidebar__newsletter-email {
margin-bottom: 1rem;
}
.sidebar__newsletter-submit {
font-family: -apple-system,BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
font-style: normal;
font-weight: 400;
display: inline-block;
line-height: 1.4;
color: #FFFFFF;
text-decoration: none;
text-transform: none;
letter-spacing: 1px;
cursor: pointer;
background-color: #000000;
border: 1px solid #000000;
border-radius: 0;
outline: none;
transition: border-color 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out, box-shadow 0.2s ease-out;
padding: 0.75rem 1rem;
font-size: 1.0rem;
width: 100%;
}
.sidebar__newsletter-submit:visited {
color: #FFFFFF;
}
.sidebar__newsletter-submit:hover:not(:disabled), .sidebar__newsletter-submit:focus, .sidebar__newsletter-submit:active {
color: #fff;
background-color: #0090e9;
border: 1px solid #0090e9;
box-shadow: 0 4px 16px 1px rgba(0, 0, 0, 0.25);
}
.sidebar__newsletter-submit:disabled, .sidebar__newsletter-submit.disabled {
cursor: not-allowed !important;
opacity: 0.4;
}.sidebar__newsletter-submit {
border-radius: 0.25rem;
}.sidebar__tag-list {
padding-bottom: 0.75rem;
}
.sidebar__tag-list li {
position: relative;
}
.sidebar__tag-link::before {
line-height: 0;
content: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Ccircle cx="8" cy="8" r="7.5" fill="white" stroke="%23333333"/%3E%3C/svg%3E');
}
.search-filters__filter-list-item--swatch-presentation .sidebar__tag-link::before, .collection-filters__filter-list-item--swatch-presentation .sidebar__tag-link::before {
display: none;
}
.sidebar__tag-link.sidebar__tag-link--active::before {
content: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Ccircle cx="8" cy="8" r="7.5" stroke="%23333333"/%3E%3Ccircle cx="7.99996" cy="7.99996" r="5.33333" fill="%23333333"/%3E%3C/svg%3E');
}
.sidebar__block-faceted-search--hidden {
display: none;
}
.static-page .row,
.collection-page__description .row,
.product__description .row,
.page-section .row {
position: relative;
left: -1rem;
display: flex;
flex-wrap: wrap;
width: calc(100% + 1rem);
margin-bottom: 1rem;
}
@media screen and (max-width: 767px) {
.static-page .row,
.collection-page__description .row,
.product__description .row,
.page-section .row {
left: 0;
width: 100%;
}
}
.static-page .row .column,
.static-page .row .columns,
.collection-page__description .row .column,
.collection-page__description .row .columns,
.product__description .row .column,
.product__description .row .columns,
.page-section .row .column,
.page-section .row .columns {
margin-left: 1rem;
}
@media screen and (max-width: 767px) {
.static-page .row .column,
.static-page .row .columns,
.collection-page__description .row .column,
.collection-page__description .row .columns,
.product__description .row .column,
.product__description .row .columns,
.page-section .row .column,
.page-section .row .columns {
left: 0;
width: 100%;
margin: 0 0 1rem;
}
}
.static-page [class*=offset-by],
.collection-page__description [class*=offset-by],
.product__description [class*=offset-by],
.page-section [class*=offset-by] {
position: relative;
}
.static-page .hidden,
.collection-page__description .hidden,
.product__description .hidden,
.page-section .hidden {
display: none !important;
}
.static-page .visible,
.collection-page__description .visible,
.product__description .visible,
.page-section .visible {
display: block !important;
}
.static-page .one,
.collection-page__description .one,
.product__description .one,
.page-section .one {
width: calc(6.25% - 1rem);
}
.static-page .two,
.collection-page__description .two,
.product__description .two,
.page-section .two {
width: calc(12.5% - 1rem);
}
.static-page .three,
.collection-page__description .three,
.product__description .three,
.page-section .three {
width: calc(18.75% - 1rem);
}
.static-page .four,
.collection-page__description .four,
.product__description .four,
.page-section .four {
width: calc(25% - 1rem);
}
.static-page .five,
.collection-page__description .five,
.product__description .five,
.page-section .five {
width: calc(31.25% - 1rem);
}
.static-page .six,
.collection-page__description .six,
.product__description .six,
.page-section .six {
width: calc(37.5% - 1rem);
}
.static-page .seven,
.collection-page__description .seven,
.product__description .seven,
.page-section .seven {
width: calc(43.75% - 1rem);
}
.static-page .eight,
.collection-page__description .eight,
.product__description .eight,
.page-section .eight {
width: calc(50% - 1rem);
}
.static-page .nine,
.collection-page__description .nine,
.product__description .nine,
.page-section .nine {
width: calc(56.25% - 1rem);
}
.static-page .ten,
.collection-page__description .ten,
.product__description .ten,
.page-section .ten {
width: calc(62.5% - 1rem);
}
.static-page .eleven,
.collection-page__description .eleven,
.product__description .eleven,
.page-section .eleven {
width: calc(68.75% - 1rem);
}
.static-page .twelve,
.collection-page__description .twelve,
.product__description .twelve,
.page-section .twelve {
width: calc(75% - 1rem);
}
.static-page .thirteen,
.collection-page__description .thirteen,
.product__description .thirteen,
.page-section .thirteen {
width: calc(81.25% - 1rem);
}
.static-page .fourteen,
.collection-page__description .fourteen,
.product__description .fourteen,
.page-section .fourteen {
width: calc(87.5% - 1rem);
}
.static-page .fifteen,
.collection-page__description .fifteen,
.product__description .fifteen,
.page-section .fifteen {
width: calc(93.75% - 1rem);
}
.static-page .sixteen,
.collection-page__description .sixteen,
.product__description .sixteen,
.page-section .sixteen {
width: calc(100% - 1rem);
}
.static-page .one-whole,
.collection-page__description .one-whole,
.product__description .one-whole,
.page-section .one-whole {
width: calc(100% - 1rem);
}
.static-page .one-half,
.collection-page__description .one-half,
.product__description .one-half,
.page-section .one-half {
width: calc(50% - 1rem);
}
.static-page .one-third,
.collection-page__description .one-third,
.product__description .one-third,
.page-section .one-third {
width: calc(33.3333333333% - 1rem);
}
.static-page .two-thirds,
.collection-page__description .two-thirds,
.product__description .two-thirds,
.page-section .two-thirds {
width: calc(66.6666666667% - 1rem);
}
.static-page .one-fourth,
.collection-page__description .one-fourth,
.product__description .one-fourth,
.page-section .one-fourth {
width: calc(25% - 1rem);
}
.static-page .two-fourths,
.collection-page__description .two-fourths,
.product__description .two-fourths,
.page-section .two-fourths {
width: calc(50% - 1rem);
}
.static-page .three-fourths,
.collection-page__description .three-fourths,
.product__description .three-fourths,
.page-section .three-fourths {
width: calc(75% - 1rem);
}
.static-page .one-fifth,
.collection-page__description .one-fifth,
.product__description .one-fifth,
.page-section .one-fifth {
width: calc(20% - 1rem);
}
.static-page .two-fifths,
.collection-page__description .two-fifths,
.product__description .two-fifths,
.page-section .two-fifths {
width: calc(40% - 1rem);
}
.static-page .three-fifths,
.collection-page__description .three-fifths,
.product__description .three-fifths,
.page-section .three-fifths {
width: calc(60% - 1rem);
}
.static-page .four-fifths,
.collection-page__description .four-fifths,
.product__description .four-fifths,
.page-section .four-fifths {
width: calc(80% - 1rem);
}
.static-page .one-sixth,
.collection-page__description .one-sixth,
.product__description .one-sixth,
.page-section .one-sixth {
width: calc(16.6666666667% - 1rem);
}
.static-page .two-sixths,
.collection-page__description .two-sixths,
.product__description .two-sixths,
.page-section .two-sixths {
width: calc(33.3333333333% - 1rem);
}
.static-page .three-sixths,
.collection-page__description .three-sixths,
.product__description .three-sixths,
.page-section .three-sixths {
width: calc(50% - 1rem);
}
.static-page .four-sixths,
.collection-page__description .four-sixths,
.product__description .four-sixths,
.page-section .four-sixths {
width: calc(66.6666666667% - 1rem);
}
.static-page .five-sixths,
.collection-page__description .five-sixths,
.product__description .five-sixths,
.page-section .five-sixths {
width: calc(83.3333333333% - 1rem);
}
.static-page .one-seventh,
.collection-page__description .one-seventh,
.product__description .one-seventh,
.page-section .one-seventh {
width: calc(14.2857142857% - 1rem);
}
.static-page .two-sevenths,
.collection-page__description .two-sevenths,
.product__description .two-sevenths,
.page-section .two-sevenths {
width: calc(28.5714285714% - 1rem);
}
.static-page .three-sevenths,
.collection-page__description .three-sevenths,
.product__description .three-sevenths,
.page-section .three-sevenths {
width: calc(42.8571428571% - 1rem);
}
.static-page .four-sevenths,
.collection-page__description .four-sevenths,
.product__description .four-sevenths,
.page-section .four-sevenths {
width: calc(57.1428571429% - 1rem);
}
.static-page .five-sevenths,
.collection-page__description .five-sevenths,
.product__description .five-sevenths,
.page-section .five-sevenths {
width: calc(71.4285714286% - 1rem);
}
.static-page .one-eighth,
.collection-page__description .one-eighth,
.product__description .one-eighth,
.page-section .one-eighth {
width: calc(12.5% - 1rem);
}
.static-page .two-eighths,
.collection-page__description .two-eighths,
.product__description .two-eighths,
.page-section .two-eighths {
width: calc(25% - 1rem);
}
.static-page .three-eighths,
.collection-page__description .three-eighths,
.product__description .three-eighths,
.page-section .three-eighths {
width: calc(37.5% - 1rem);
}
.static-page .four-eighths,
.collection-page__description .four-eighths,
.product__description .four-eighths,
.page-section .four-eighths {
width: calc(50% - 1rem);
}
.static-page .five-eighths,
.collection-page__description .five-eighths,
.product__description .five-eighths,
.page-section .five-eighths {
width: calc(62.5% - 1rem);
}
.static-page .six-eighths,
.collection-page__description .six-eighths,
.product__description .six-eighths,
.page-section .six-eighths {
width: calc(75% - 1rem);
}
.static-page .seven-eighths,
.collection-page__description .seven-eighths,
.product__description .seven-eighths,
.page-section .seven-eighths {
width: calc(87.5% - 1rem);
}
.static-page .one-tenth,
.collection-page__description .one-tenth,
.product__description .one-tenth,
.page-section .one-tenth {
width: calc(10% - 1rem);
}
.static-page .two-tenths,
.collection-page__description .two-tenths,
.product__description .two-tenths,
.page-section .two-tenths {
width: calc(20% - 1rem);
}
.static-page .three-tenths,
.collection-page__description .three-tenths,
.product__description .three-tenths,
.page-section .three-tenths {
width: calc(30% - 1rem);
}
.static-page .four-tenths,
.collection-page__description .four-tenths,
.product__description .four-tenths,
.page-section .four-tenths {
width: calc(40% - 1rem);
}
.static-page .five-tenths,
.collection-page__description .five-tenths,
.product__description .five-tenths,
.page-section .five-tenths {
width: calc(50% - 1rem);
}
.static-page .six-tenths,
.collection-page__description .six-tenths,
.product__description .six-tenths,
.page-section .six-tenths {
width: calc(60% - 1rem);
}
.static-page .seven-tenths,
.collection-page__description .seven-tenths,
.product__description .seven-tenths,
.page-section .seven-tenths {
width: calc(70% - 1rem);
}
.static-page .eight-tenths,
.collection-page__description .eight-tenths,
.product__description .eight-tenths,
.page-section .eight-tenths {
width: calc(80% - 1rem);
}
.static-page .nine-tenths,
.collection-page__description .nine-tenths,
.product__description .nine-tenths,
.page-section .nine-tenths {
width: calc(90% - 1rem);
}
.static-page .one-twelfth,
.collection-page__description .one-twelfth,
.product__description .one-twelfth,
.page-section .one-twelfth {
width: calc(8.3333333333% - 1rem);
}
.static-page .two-twelfths,
.collection-page__description .two-twelfths,
.product__description .two-twelfths,
.page-section .two-twelfths {
width: calc(16.6666666667% - 1rem);
}
.static-page .three-twelfths,
.collection-page__description .three-twelfths,
.product__description .three-twelfths,
.page-section .three-twelfths {
width: calc(25% - 1rem);
}
.static-page .four-twelfths,
.collection-page__description .four-twelfths,
.product__description .four-twelfths,
.page-section .four-twelfths {
width: calc(33.3333333333% - 1rem);
}
.static-page .five-twelfths,
.collection-page__description .five-twelfths,
.product__description .five-twelfths,
.page-section .five-twelfths {
width: calc(41.6666666667% - 1rem);
}
.static-page .six-twelfths,
.collection-page__description .six-twelfths,
.product__description .six-twelfths,
.page-section .six-twelfths {
width: calc(50% - 1rem);
}
.static-page .seven-twelfths,
.collection-page__description .seven-twelfths,
.product__description .seven-twelfths,
.page-section .seven-twelfths {
width: calc(58.3333333333% - 1rem);
}
.static-page .eight-twelfths,
.collection-page__description .eight-twelfths,
.product__description .eight-twelfths,
.page-section .eight-twelfths {
width: calc(66.6666666667% - 1rem);
}
.static-page .nine-twelfths,
.collection-page__description .nine-twelfths,
.product__description .nine-twelfths,
.page-section .nine-twelfths {
width: calc(75% - 1rem);
}
.static-page .ten-twelfths,
.collection-page__description .ten-twelfths,
.product__description .ten-twelfths,
.page-section .ten-twelfths {
width: calc(83.3333333333% - 1rem);
}
.static-page .eleven-twelfths,
.collection-page__description .eleven-twelfths,
.product__description .eleven-twelfths,
.page-section .eleven-twelfths {
width: calc(91.6666666667% - 1rem);
}
.static-page .offset-by-one,
.collection-page__description .offset-by-one,
.product__description .offset-by-one,
.page-section .offset-by-one {
left: calc(6.25%);
}
.static-page .offset-by-two,
.collection-page__description .offset-by-two,
.product__description .offset-by-two,
.page-section .offset-by-two {
left: calc(12.5%);
}
.static-page .offset-by-three,
.collection-page__description .offset-by-three,
.product__description .offset-by-three,
.page-section .offset-by-three {
left: calc(18.75%);
}
.static-page .offset-by-four,
.collection-page__description .offset-by-four,
.product__description .offset-by-four,
.page-section .offset-by-four {
left: calc(25%);
}
.static-page .offset-by-five,
.collection-page__description .offset-by-five,
.product__description .offset-by-five,
.page-section .offset-by-five {
left: calc(31.25%);
}
.static-page .offset-by-six,
.collection-page__description .offset-by-six,
.product__description .offset-by-six,
.page-section .offset-by-six {
left: calc(37.5%);
}
.static-page .offset-by-seven,
.collection-page__description .offset-by-seven,
.product__description .offset-by-seven,
.page-section .offset-by-seven {
left: calc(43.75%);
}
.static-page .offset-by-eight,
.collection-page__description .offset-by-eight,
.product__description .offset-by-eight,
.page-section .offset-by-eight {
left: calc(50%);
}
.static-page .offset-by-nine,
.collection-page__description .offset-by-nine,
.product__description .offset-by-nine,
.page-section .offset-by-nine {
left: calc(56.25%);
}
.static-page .offset-by-ten,
.collection-page__description .offset-by-ten,
.product__description .offset-by-ten,
.page-section .offset-by-ten {
left: calc(62.5%);
}
.static-page .offset-by-eleven,
.collection-page__description .offset-by-eleven,
.product__description .offset-by-eleven,
.page-section .offset-by-eleven {
left: calc(68.75%);
}
.static-page .offset-by-twelve,
.collection-page__description .offset-by-twelve,
.product__description .offset-by-twelve,
.page-section .offset-by-twelve {
left: calc(75%);
}
.static-page .offset-by-thirteen,
.collection-page__description .offset-by-thirteen,
.product__description .offset-by-thirteen,
.page-section .offset-by-thirteen {
left: calc(81.25%);
}
.static-page .offset-by-fourteen,
.collection-page__description .offset-by-fourteen,
.product__description .offset-by-fourteen,
.page-section .offset-by-fourteen {
left: calc(87.5%);
}
.static-page .offset-by-fifteen,
.collection-page__description .offset-by-fifteen,
.product__description .offset-by-fifteen,
.page-section .offset-by-fifteen {
left: calc(93.75%);
}
.static-page .equal-columns--outside-trim .one-half:nth-of-type(2n),
.static-page .equal-columns--outside-trim .eight:nth-of-type(2n),
.static-page .equal-columns--outside-trim .one-third:nth-of-type(3n),
.static-page .equal-columns--outside-trim .one-fourth:nth-of-type(4n),
.static-page .equal-columns--outside-trim .four:nth-of-type(4n),
.static-page .equal-columns--outside-trim .one-fifth:nth-of-type(5n),
.static-page .equal-columns--outside-trim .one-sixth:nth-of-type(6n),
.static-page .equal-columns--outside-trim .one-seventh:nth-of-type(7n),
.static-page .equal-columns--outside-trim .two:nth-of-type(8n),
.collection-page__description .equal-columns--outside-trim .one-half:nth-of-type(2n),
.collection-page__description .equal-columns--outside-trim .eight:nth-of-type(2n),
.collection-page__description .equal-columns--outside-trim .one-third:nth-of-type(3n),
.collection-page__description .equal-columns--outside-trim .one-fourth:nth-of-type(4n),
.collection-page__description .equal-columns--outside-trim .four:nth-of-type(4n),
.collection-page__description .equal-columns--outside-trim .one-fifth:nth-of-type(5n),
.collection-page__description .equal-columns--outside-trim .one-sixth:nth-of-type(6n),
.collection-page__description .equal-columns--outside-trim .one-seventh:nth-of-type(7n),
.collection-page__description .equal-columns--outside-trim .two:nth-of-type(8n),
.product__description .equal-columns--outside-trim .one-half:nth-of-type(2n),
.product__description .equal-columns--outside-trim .eight:nth-of-type(2n),
.product__description .equal-columns--outside-trim .one-third:nth-of-type(3n),
.product__description .equal-columns--outside-trim .one-fourth:nth-of-type(4n),
.product__description .equal-columns--outside-trim .four:nth-of-type(4n),
.product__description .equal-columns--outside-trim .one-fifth:nth-of-type(5n),
.product__description .equal-columns--outside-trim .one-sixth:nth-of-type(6n),
.product__description .equal-columns--outside-trim .one-seventh:nth-of-type(7n),
.product__description .equal-columns--outside-trim .two:nth-of-type(8n),
.page-section .equal-columns--outside-trim .one-half:nth-of-type(2n),
.page-section .equal-columns--outside-trim .eight:nth-of-type(2n),
.page-section .equal-columns--outside-trim .one-third:nth-of-type(3n),
.page-section .equal-columns--outside-trim .one-fourth:nth-of-type(4n),
.page-section .equal-columns--outside-trim .four:nth-of-type(4n),
.page-section .equal-columns--outside-trim .one-fifth:nth-of-type(5n),
.page-section .equal-columns--outside-trim .one-sixth:nth-of-type(6n),
.page-section .equal-columns--outside-trim .one-seventh:nth-of-type(7n),
.page-section .equal-columns--outside-trim .two:nth-of-type(8n) {
margin-right: 0;
}
.static-page .equal-columns--outside-trim .one-half:nth-of-type(2n+1),
.static-page .equal-columns--outside-trim .eight:nth-of-type(2n+1),
.static-page .equal-columns--outside-trim .one-third:nth-of-type(3n+1),
.static-page .equal-columns--outside-trim .one-fourth:nth-of-type(4n+1),
.static-page .equal-columns--outside-trim .four:nth-of-type(4n+1),
.static-page .equal-columns--outside-trim .one-fifth:nth-of-type(5n+1),
.static-page .equal-columns--outside-trim .one-sixth:nth-of-type(6n+1),
.static-page .equal-columns--outside-trim .one-seventh:nth-of-type(7n+1),
.static-page .equal-columns--outside-trim .two:nth-of-type(8n+1),
.collection-page__description .equal-columns--outside-trim .one-half:nth-of-type(2n+1),
.collection-page__description .equal-columns--outside-trim .eight:nth-of-type(2n+1),
.collection-page__description .equal-columns--outside-trim .one-third:nth-of-type(3n+1),
.collection-page__description .equal-columns--outside-trim .one-fourth:nth-of-type(4n+1),
.collection-page__description .equal-columns--outside-trim .four:nth-of-type(4n+1),
.collection-page__description .equal-columns--outside-trim .one-fifth:nth-of-type(5n+1),
.collection-page__description .equal-columns--outside-trim .one-sixth:nth-of-type(6n+1),
.collection-page__description .equal-columns--outside-trim .one-seventh:nth-of-type(7n+1),
.collection-page__description .equal-columns--outside-trim .two:nth-of-type(8n+1),
.product__description .equal-columns--outside-trim .one-half:nth-of-type(2n+1),
.product__description .equal-columns--outside-trim .eight:nth-of-type(2n+1),
.product__description .equal-columns--outside-trim .one-third:nth-of-type(3n+1),
.product__description .equal-columns--outside-trim .one-fourth:nth-of-type(4n+1),
.product__description .equal-columns--outside-trim .four:nth-of-type(4n+1),
.product__description .equal-columns--outside-trim .one-fifth:nth-of-type(5n+1),
.product__description .equal-columns--outside-trim .one-sixth:nth-of-type(6n+1),
.product__description .equal-columns--outside-trim .one-seventh:nth-of-type(7n+1),
.product__description .equal-columns--outside-trim .two:nth-of-type(8n+1),
.page-section .equal-columns--outside-trim .one-half:nth-of-type(2n+1),
.page-section .equal-columns--outside-trim .eight:nth-of-type(2n+1),
.page-section .equal-columns--outside-trim .one-third:nth-of-type(3n+1),
.page-section .equal-columns--outside-trim .one-fourth:nth-of-type(4n+1),
.page-section .equal-columns--outside-trim .four:nth-of-type(4n+1),
.page-section .equal-columns--outside-trim .one-fifth:nth-of-type(5n+1),
.page-section .equal-columns--outside-trim .one-sixth:nth-of-type(6n+1),
.page-section .equal-columns--outside-trim .one-seventh:nth-of-type(7n+1),
.page-section .equal-columns--outside-trim .two:nth-of-type(8n+1) {
margin-left: 0;
}
.static-page .equal-columns--outside-trim .one-whole:nth-of-type(1n+1),
.collection-page__description .equal-columns--outside-trim .one-whole:nth-of-type(1n+1),
.product__description .equal-columns--outside-trim .one-whole:nth-of-type(1n+1),
.page-section .equal-columns--outside-trim .one-whole:nth-of-type(1n+1) {
width: 100%;
margin-right: 0;
margin-left: 0;
}
.static-page .equal-columns--outside-trim .one-half,
.collection-page__description .equal-columns--outside-trim .one-half,
.product__description .equal-columns--outside-trim .one-half,
.page-section .equal-columns--outside-trim .one-half {
width: calc(50% - (1rem - (math.div(1rem, 2))));
}
.static-page .equal-columns--outside-trim .one-third,
.collection-page__description .equal-columns--outside-trim .one-third,
.product__description .equal-columns--outside-trim .one-third,
.page-section .equal-columns--outside-trim .one-third {
width: calc(33.3333333333% - (1rem - (math.div(1rem, 3))));
}
.static-page .equal-columns--outside-trim .one-fifth,
.collection-page__description .equal-columns--outside-trim .one-fifth,
.product__description .equal-columns--outside-trim .one-fifth,
.page-section .equal-columns--outside-trim .one-fifth {
width: calc(20% - (1rem - (math.div(1rem, 5))));
}
.static-page .equal-columns--outside-trim .one-fourth,
.collection-page__description .equal-columns--outside-trim .one-fourth,
.product__description .equal-columns--outside-trim .one-fourth,
.page-section .equal-columns--outside-trim .one-fourth {
width: calc(25% - (1rem - (math.div(1rem, 4))));
}
.static-page .equal-columns--outside-trim .one-sixth,
.collection-page__description .equal-columns--outside-trim .one-sixth,
.product__description .equal-columns--outside-trim .one-sixth,
.page-section .equal-columns--outside-trim .one-sixth {
width: calc(16.6666666667% - (1rem - (math.div(1rem, 6))));
}
.static-page .equal-columns--outside-trim .one-seventh,
.collection-page__description .equal-columns--outside-trim .one-seventh,
.product__description .equal-columns--outside-trim .one-seventh,
.page-section .equal-columns--outside-trim .one-seventh {
width: calc(14.2857142857% - (1rem - (math.div(1rem, 7))));
}
.static-page .equal-columns--outside-trim .two,
.collection-page__description .equal-columns--outside-trim .two,
.product__description .equal-columns--outside-trim .two,
.page-section .equal-columns--outside-trim .two {
width: calc(12.5% - (1rem - (1rem / 8)));
}
.static-page .equal-columns--outside-trim .four,
.collection-page__description .equal-columns--outside-trim .four,
.product__description .equal-columns--outside-trim .four,
.page-section .equal-columns--outside-trim .four {
width: calc(25% - (1rem - (1rem / 4)));
}
.static-page .equal-columns--outside-trim .seven,
.collection-page__description .equal-columns--outside-trim .seven,
.product__description .equal-columns--outside-trim .seven,
.page-section .equal-columns--outside-trim .seven {
width: calc(43.75% - (1rem - (1rem / 2)));
}
.static-page .equal-columns--outside-trim .eight,
.collection-page__description .equal-columns--outside-trim .eight,
.product__description .equal-columns--outside-trim .eight,
.page-section .equal-columns--outside-trim .eight {
width: calc(50% - (1rem / 2));
}
.static-page .equal-columns--outside-trim .nine,
.collection-page__description .equal-columns--outside-trim .nine,
.product__description .equal-columns--outside-trim .nine,
.page-section .equal-columns--outside-trim .nine {
width: calc(56.25% - (1rem - (1rem / 2)));
}
.static-page .has-no-side-gutter.has-background,
.collection-page__description .has-no-side-gutter.has-background,
.product__description .has-no-side-gutter.has-background,
.page-section .has-no-side-gutter.has-background {
padding-right: 0;
padding-left: 0;
}
.static-page .has-no-side-gutter .one-whole,
.static-page .has-no-side-gutter .one-half,
.static-page .has-no-side-gutter .eight,
.static-page .has-no-side-gutter .one-third,
.static-page .has-no-side-gutter .two-thirds,
.static-page .has-no-side-gutter .one-fourth,
.static-page .has-no-side-gutter .four,
.static-page .has-no-side-gutter .one-fifth,
.static-page .has-no-side-gutter .three-fifths,
.static-page .has-no-side-gutter .two-fifths,
.static-page .has-no-side-gutter .one-sixth,
.static-page .has-no-side-gutter .one-seventh,
.static-page .has-no-side-gutter .one-eighth,
.static-page .has-no-side-gutter .two,
.collection-page__description .has-no-side-gutter .one-whole,
.collection-page__description .has-no-side-gutter .one-half,
.collection-page__description .has-no-side-gutter .eight,
.collection-page__description .has-no-side-gutter .one-third,
.collection-page__description .has-no-side-gutter .two-thirds,
.collection-page__description .has-no-side-gutter .one-fourth,
.collection-page__description .has-no-side-gutter .four,
.collection-page__description .has-no-side-gutter .one-fifth,
.collection-page__description .has-no-side-gutter .three-fifths,
.collection-page__description .has-no-side-gutter .two-fifths,
.collection-page__description .has-no-side-gutter .one-sixth,
.collection-page__description .has-no-side-gutter .one-seventh,
.collection-page__description .has-no-side-gutter .one-eighth,
.collection-page__description .has-no-side-gutter .two,
.product__description .has-no-side-gutter .one-whole,
.product__description .has-no-side-gutter .one-half,
.product__description .has-no-side-gutter .eight,
.product__description .has-no-side-gutter .one-third,
.product__description .has-no-side-gutter .two-thirds,
.product__description .has-no-side-gutter .one-fourth,
.product__description .has-no-side-gutter .four,
.product__description .has-no-side-gutter .one-fifth,
.product__description .has-no-side-gutter .three-fifths,
.product__description .has-no-side-gutter .two-fifths,
.product__description .has-no-side-gutter .one-sixth,
.product__description .has-no-side-gutter .one-seventh,
.product__description .has-no-side-gutter .one-eighth,
.product__description .has-no-side-gutter .two,
.page-section .has-no-side-gutter .one-whole,
.page-section .has-no-side-gutter .one-half,
.page-section .has-no-side-gutter .eight,
.page-section .has-no-side-gutter .one-third,
.page-section .has-no-side-gutter .two-thirds,
.page-section .has-no-side-gutter .one-fourth,
.page-section .has-no-side-gutter .four,
.page-section .has-no-side-gutter .one-fifth,
.page-section .has-no-side-gutter .three-fifths,
.page-section .has-no-side-gutter .two-fifths,
.page-section .has-no-side-gutter .one-sixth,
.page-section .has-no-side-gutter .one-seventh,
.page-section .has-no-side-gutter .one-eighth,
.page-section .has-no-side-gutter .two {
margin-right: 0;
margin-left: 0;
}
.static-page .has-no-side-gutter .one-whole,
.collection-page__description .has-no-side-gutter .one-whole,
.product__description .has-no-side-gutter .one-whole,
.page-section .has-no-side-gutter .one-whole {
width: 100%;
}
.static-page .has-no-side-gutter .one-half,
.collection-page__description .has-no-side-gutter .one-half,
.product__description .has-no-side-gutter .one-half,
.page-section .has-no-side-gutter .one-half {
width: 50%;
}
.static-page .has-no-side-gutter .one-third,
.collection-page__description .has-no-side-gutter .one-third,
.product__description .has-no-side-gutter .one-third,
.page-section .has-no-side-gutter .one-third {
width: 33.3333333333%;
}
.static-page .has-no-side-gutter .one-fourth,
.collection-page__description .has-no-side-gutter .one-fourth,
.product__description .has-no-side-gutter .one-fourth,
.page-section .has-no-side-gutter .one-fourth {
width: 25%;
}
.static-page .has-no-side-gutter .one-fifth,
.collection-page__description .has-no-side-gutter .one-fifth,
.product__description .has-no-side-gutter .one-fifth,
.page-section .has-no-side-gutter .one-fifth {
width: 20%;
}
.static-page .has-no-side-gutter .two-fifths,
.collection-page__description .has-no-side-gutter .two-fifths,
.product__description .has-no-side-gutter .two-fifths,
.page-section .has-no-side-gutter .two-fifths {
width: 40%;
}
.static-page .has-no-side-gutter .three-fifths,
.collection-page__description .has-no-side-gutter .three-fifths,
.product__description .has-no-side-gutter .three-fifths,
.page-section .has-no-side-gutter .three-fifths {
width: 60%;
}
.static-page .has-no-side-gutter .one-sixth,
.collection-page__description .has-no-side-gutter .one-sixth,
.product__description .has-no-side-gutter .one-sixth,
.page-section .has-no-side-gutter .one-sixth {
width: 16.6666666667%;
}
.static-page .has-no-side-gutter .one-seventh,
.collection-page__description .has-no-side-gutter .one-seventh,
.product__description .has-no-side-gutter .one-seventh,
.page-section .has-no-side-gutter .one-seventh {
width: 14.2857142857%;
}
.static-page .has-no-side-gutter .one-eighth,
.collection-page__description .has-no-side-gutter .one-eighth,
.product__description .has-no-side-gutter .one-eighth,
.page-section .has-no-side-gutter .one-eighth {
width: 12.5%;
}
.static-page .has-no-side-gutter .two-thirds,
.collection-page__description .has-no-side-gutter .two-thirds,
.product__description .has-no-side-gutter .two-thirds,
.page-section .has-no-side-gutter .two-thirds {
width: 66.6666666667%;
}
.static-page .has-no-side-gutter .two,
.collection-page__description .has-no-side-gutter .two,
.product__description .has-no-side-gutter .two,
.page-section .has-no-side-gutter .two {
width: 12.5%;
}
.static-page .has-no-side-gutter .four,
.collection-page__description .has-no-side-gutter .four,
.product__description .has-no-side-gutter .four,
.page-section .has-no-side-gutter .four {
width: 25%;
}
.static-page .has-no-side-gutter .seven,
.collection-page__description .has-no-side-gutter .seven,
.product__description .has-no-side-gutter .seven,
.page-section .has-no-side-gutter .seven {
width: 43.75%;
}
.static-page .has-no-side-gutter .eight,
.collection-page__description .has-no-side-gutter .eight,
.product__description .has-no-side-gutter .eight,
.page-section .has-no-side-gutter .eight {
width: 50%;
}
.static-page .has-no-side-gutter .nine,
.collection-page__description .has-no-side-gutter .nine,
.product__description .has-no-side-gutter .nine,
.page-section .has-no-side-gutter .nine {
width: 56.25%;
}
.product-thumbnail {
position: relative;
}
.product-thumbnail__media-wrapper {
position: relative;
margin-bottom: 0.5rem;
text-align: center;
}.product-thumbnail__media-wrapper {
display: flex;
align-items: center;
justify-content: center;
height: 400px;
}
.product-thumbnail__media-wrapper .product-thumbnail__media img {
width: 100%;
height: 100%;
}.product-thumbnail__media-wrapper .placeholder-svg {
display: block;
width: auto;
height: auto;
max-height: 100%;
}.product-thumbnail__media-wrapper .placeholder-svg {
width: 100%;
height: 100%;
}.product-thumbnail__media {
display: block;
width: 100%;
height: 100%;
transition: opacity 0.2s ease;
}
.product-thumbnail__media img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.product-thumbnail__media.hidden {
visibility: hidden;
opacity: 0;
}
.product-thumbnail__secondary-media {
position: absolute;
top: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}
.product-thumbnail__secondary-media img {
display: block;
max-height: 100%;
}
.product-thumbnail__secondary-media.hidden {
visibility: hidden;
opacity: 0;
}
.product-thumbnail__video .plyr__controls,
.product-thumbnail__video .plyr__control--overlaid {
opacity: 0;
}
.product-thumbnail__video .plyr__controls > *,
.product-thumbnail__video .plyr__control--overlaid > * {
pointer-events: none;
cursor: auto;
}
.product-thumbnail__video .plyr--video {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.product-thumbnail__video .plyr__video-wrapper {
height: 100%;
}
.product-thumbnail__video .plyr video {
height: 100%;
object-fit: cover;
}
.product-thumbnail__info {
padding-top: 0.5rem;
font-size: 1.0rem;
text-align: left;
}
.product-thumbnail__info--center {
text-align: center;
}
.product-thumbnail__header {
display: flex;
}
.product-thumbnail__title {
flex: 1 1 auto;
color: #000000;
text-decoration: none;
}
.product-thumbnail__title:hover {
color: #000000;
}
.product-thumbnail__title:visited {
color: #000000;
}
.product-thumbnail__link {
display: block;
text-decoration: none;
}.product-thumbnail__link {
height: 100%;
}.product-thumbnail__price {
display: block;
margin: 0.25rem 0;
opacity: 0.7;
}
.product-thumbnail__info--center .product-thumbnail__price {
text-align: center;
}
@media screen and (min-width: 1200px) {
.product-thumbnail__info--right .product-thumbnail__price {
display: none;
}
}
.product-thumbnail__header .product-thumbnail__price {
display: none;
}
@media screen and (min-width: 1200px) {
.product-thumbnail__header .product-thumbnail__price {
display: block;
flex: 0 0 auto;
margin: 0 0 0 1.5rem;
}
}
.product-thumbnail__price .money {
opacity: 100%;
}
.product-item__unit-price {
font-size: 0.8125rem;
}
.product-thumbnail__product-stickers {
position: absolute;
top: 0;
left: 0;
display: flex;
margin: 0.5rem 0 0 0.5rem;
}
.product-thumbnail__product-sticker {
display: block;
padding: 0.25rem;
margin-right: 0.5rem;
font-size: 0.875rem;
font-weight: bold;
color: #fff;
text-align: center;
}
.product-thumbnail__product-sticker--sale {
background: #AE3333;
}
.product-thumbnail__product-sticker--new {
background: #AE3333;
}
.product-thumbnail__product-sticker--coming-soon {
background: #AE3333;
}
.product-thumbnail__product-sticker--pre-order {
background: #AE3333;
}
.product-thumbnail--has-secondary-media-swap img {
visibility: visible;
}
.product-thumbnail--has-secondary-media-swap .product-thumbnail__media-hidden {
height: 0 !important;
visibility: hidden;
opacity: 0;
}
.product-thumbnail__compare-price {
font-weight: normal;
color: #AE3333;
text-decoration: line-through;
text-shadow: none;
opacity: 0.5;
}
.product-thumbnail__coming-soon-text,
.product-thumbnail__sold-out-text {
color: #000000;
opacity: 0.7;
}
.product-thumbnail__quickshop-button {
font-family: -apple-system,BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
font-style: normal;
font-weight: 400;
display: inline-block;
line-height: 1.4;
color: #FFFFFF;
text-decoration: none;
text-transform: none;
letter-spacing: 1px;
cursor: pointer;
background-color: #000000;
border: 1px solid #000000;
border-radius: 0;
outline: none;
transition: border-color 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out, box-shadow 0.2s ease-out;
padding: 0.75rem 1rem;
font-size: 1.0rem;
position: absolute;
right: 0;
bottom: 0;
left: 0;
z-index: 10;
display: none;
justify-content: center;
width: calc(100% - 1rem);
margin: 0 0.5rem 0.5rem 0.5rem;
font-size: 0.875rem;
text-align: center;
border-radius: 0;
opacity: 100%;
}
.product-thumbnail__quickshop-button:visited {
color: #FFFFFF;
}
.product-thumbnail__quickshop-button:hover:not(:disabled), .product-thumbnail__quickshop-button:focus, .product-thumbnail__quickshop-button:active {
color: #fff;
background-color: #0090e9;
border: 1px solid #0090e9;
box-shadow: 0 4px 16px 1px rgba(0, 0, 0, 0.25);
}
.product-thumbnail__quickshop-button:disabled, .product-thumbnail__quickshop-button.disabled {
cursor: not-allowed !important;
opacity: 0.4;
}.product-thumbnail__quickshop-button {
border-radius: 0.25rem;
}@media screen and (min-width: 768px) {
.product-thumbnail:hover .product-thumbnail__quickshop-button, .product-thumbnail:focus .product-thumbnail__quickshop-button {
display: flex;
}
}
.mobile-carousel__pagination {
position: absolute;
bottom: 0;
display: flex;
justify-content: center;
width: 100%;
padding: 0;
margin: 0;
list-style-type: none;
}
.mobile-carousel__pagination-item {
margin: 0 0.5rem 0 0;
}
.mobile-carousel__pagination-item:last-child {
margin-right: 0;
}
.mobile-carousel__pagination-button {
display: block;
width: 0.5rem;
height: 0.5rem;
padding: 0;
margin: 0;
cursor: pointer;
background-color: #000000;
border: none;
border-radius: 50%;
opacity: 0.5;
transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
}
.mobile-carousel__pagination-button[data-selected=true] {
opacity: 1;
transform: scale(1.25);
}
.product-form__quantity-box-wrapper {
margin-bottom: 1.5rem;
}
.product-form__quantity-box {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
max-height: 3rem;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.4);
border-radius: 0.5rem;
justify-content: center;
max-width: 6.25rem;
margin-top: 0.5rem;
margin-bottom: 1rem;
}
.product-form__quantity-box input {
width: 33.3333%;
padding: 0.75rem 0;
margin: 0.5rem 0;
text-align: center;
border: 0;
-moz-appearance: textfield;
}
.product-form__quantity-box input::-webkit-inner-spin-button, .product-form__quantity-box input::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.product-form__quantity-box button {
position: relative;
display: flex;
justify-content: center;
width: 33.3333%;
font-size: 0;
cursor: pointer;
background-color: transparent;
border: 0;
border-radius: 0.5rem;
}
.product-form__quantity-box button::after {
position: absolute;
top: 50%;
height: 11px;
transform: translateY(-50%);
}
.product-form__quantity-box .quantity--plus::after {
content: url('data:image/svg+xml,%3Csvg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M5 10.5C5 10.7761 5.22386 11 5.5 11C5.77614 11 6 10.7761 6 10.5V6H10.5C10.7761 6 11 5.77614 11 5.5C11 5.22386 10.7761 5 10.5 5H6V0.5C6 0.223858 5.77614 0 5.5 0C5.22386 0 5 0.223858 5 0.5V5H0.5C0.223858 5 0 5.22386 0 5.5C0 5.77614 0.223858 6 0.5 6H5V10.5Z" fill="%23000000"/%3E%3C/svg%3E');
}
.no-js .product-form__quantity-box .quantity--plus {
display: none;
}
.product-form__quantity-box .quantity--minus::after {
padding-top: 11px;
content: url('data:image/svg+xml,%3Csvg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M0 0.5C0 0.223858 0.223858 0 0.5 0H10.5C10.7761 0 11 0.223858 11 0.5C11 0.776142 10.7761 1 10.5 1H0.5C0.223858 1 0 0.776142 0 0.5Z" fill="%23000000"/%3E%3C/svg%3E');
}
.no-js .product-form__quantity-box .quantity--minus {
display: none;
}
.product-form__quantity-box input {
padding: 0.75rem 0;
margin: 0;
}
[data-product-quantity-box][data-enabled=false] {
display: none;
}
.product-form__inventory-remaining {
margin-bottom: 2rem;
font-size: 0.8125rem;
color: #000000;
opacity: 0.6;
}
[data-inventory-remaining][data-enabled=false] {
display: none;
}
.product__add-to-cart-button {
font-family: -apple-system,BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
font-style: normal;
font-weight: 400;
display: inline-block;
line-height: 1.4;
color: #FFFFFF;
text-decoration: none;
text-transform: none;
letter-spacing: 1px;
cursor: pointer;
background-color: #000000;
border: 1px solid #000000;
border-radius: 0;
outline: none;
transition: border-color 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out, box-shadow 0.2s ease-out;
padding: 0.75rem 1rem;
font-size: 1.0rem;
position: relative;
width: 100%;
padding: 1rem 1.5rem;
}
.product__add-to-cart-button:visited {
color: #FFFFFF;
}
.product__add-to-cart-button:hover:not(:disabled), .product__add-to-cart-button:focus, .product__add-to-cart-button:active {
color: #fff;
background-color: #0090e9;
border: 1px solid #0090e9;
box-shadow: 0 4px 16px 1px rgba(0, 0, 0, 0.25);
}
.product__add-to-cart-button:disabled, .product__add-to-cart-button.disabled {
cursor: not-allowed !important;
opacity: 0.4;
}.product__add-to-cart-button {
border-radius: 0.25rem;
}.product__add-to-cart-button .loading-icon {
display: none;
}
.product__add-to-cart-button:disabled + .shopify-payment-button, .product__add-to-cart-button:disabled ~ .surface-pick-up {
display: none;
}
.product__add-to-cart-button.cart-drawer--loading {
--loading-icon-color: #FFFFFF;
color: transparent;
}
.product__add-to-cart-button.cart-drawer--loading .loading-icon {
display: block;
}
.product__add-to-cart-button.cart-drawer--loading:hover, .product__add-to-cart-button.cart-drawer--loading:focus {
--loading-icon-color: #fff;
color: transparent;
}
.product__add-to-cart-button--secondary {
font-family: -apple-system,BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
font-style: normal;
font-weight: 400;
display: inline-block;
line-height: 1.4;
color: #FFFFFF;
text-decoration: none;
text-transform: none;
letter-spacing: 1px;
cursor: pointer;
background-color: #000000;
border: 1px solid #000000;
border-radius: 0;
outline: none;
transition: border-color 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out, box-shadow 0.2s ease-out;
padding: 0.75rem 1rem;
font-size: 1.0rem;
color: #000000;
background-color: transparent;
border: 1px solid #000000;
margin: 0 0 0.75rem;
}
.product__add-to-cart-button--secondary:visited {
color: #FFFFFF;
}
.product__add-to-cart-button--secondary:hover:not(:disabled), .product__add-to-cart-button--secondary:focus, .product__add-to-cart-button--secondary:active {
color: #fff;
background-color: #0090e9;
border: 1px solid #0090e9;
box-shadow: 0 4px 16px 1px rgba(0, 0, 0, 0.25);
}
.product__add-to-cart-button--secondary:disabled, .product__add-to-cart-button--secondary.disabled {
cursor: not-allowed !important;
opacity: 0.4;
}
.product__add-to-cart-button--secondary:visited {
color: #000000;
}
.product__add-to-cart-button--secondary:hover:not(:disabled), .product__add-to-cart-button--secondary:focus, .product__add-to-cart-button--secondary:active {
color: #FFFFFF;
background-color: #000000;
border: 1px solid #000000;
}.product__add-to-cart-button--secondary {
border-radius: 0.25rem;
}.product__add-to-cart-button--secondary.cart-drawer--loading {
--loading-icon-color: #000000;
color: transparent;
}
.product__add-to-cart-button--secondary.cart-drawer--loading:hover, .product__add-to-cart-button--secondary.cart-drawer--loading:focus {
--loading-icon-color: #FFFFFF;
color: transparent;
}
.shopify-payment-button__button.shopify-payment-button__button--unbranded {
font-family: -apple-system,BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
font-style: normal;
font-weight: 400;
display: inline-block;
line-height: 1.4;
color: #FFFFFF;
text-decoration: none;
text-transform: none;
letter-spacing: 1px;
cursor: pointer;
background-color: #000000;
border: 1px solid #000000;
border-radius: 0;
outline: none;
transition: border-color 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out, box-shadow 0.2s ease-out;
padding: 0.75rem 1rem;
font-size: 1.0rem;
}
.shopify-payment-button__button.shopify-payment-button__button--unbranded:visited {
color: #FFFFFF;
}
.shopify-payment-button__button.shopify-payment-button__button--unbranded:hover:not(:disabled), .shopify-payment-button__button.shopify-payment-button__button--unbranded:focus, .shopify-payment-button__button.shopify-payment-button__button--unbranded:active {
color: #fff;
background-color: #0090e9;
border: 1px solid #0090e9;
box-shadow: 0 4px 16px 1px rgba(0, 0, 0, 0.25);
}
.shopify-payment-button__button.shopify-payment-button__button--unbranded:disabled, .shopify-payment-button__button.shopify-payment-button__button--unbranded.disabled {
cursor: not-allowed !important;
opacity: 0.4;
}.shopify-payment-button__button.shopify-payment-button__button--unbranded {
border-radius: 0.25rem;
}.shopify-payment-button__button.shopify-payment-button__button--branded button,
.shopify-payment-button__button.shopify-payment-button__button--branded div[role=button] {
border-radius: 0.25rem !important;
}.shopify-payment-button__more-options[aria-hidden=true] {
display: none;
}
.product__title {
margin: 0;
}
.product__vendor {
font-size: 0.875rem;
}
.product__collection-link {
display: inline-block;
padding-bottom: 0.25rem;
color: #000000;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 0.1rem;
transition: color 0.2s ease-in-out;
font-size: 1.0rem;
text-transform: none;
letter-spacing: 0;
}
.product__collection-link::after {
position: relative;
display: block;
width: 100%;
height: 1px;
cursor: pointer;
content: "";
background-color: #000000;
transform: translateY(0.25rem);
}
.product__collection-link:hover {
color: #0090e9;
}
.product__collection-link:hover::after {
background-color: #0090e9;
}
.product__sku {
font-size: 0.8125rem;
}
.product__collections,
.product__tags,
.product__types {
margin-bottom: 0;
}
.product__collections a,
.product__tags a,
.product__types a {
display: inline-block;
padding: 0.25rem 0.75rem;
margin: 0;
font-size: 0.8125rem;
color: #000000;
text-decoration: none;
background-color: rgba(0, 0, 0, 0.1);
border-radius: 1.25rem;
margin: 0 0.5rem 0.75rem 0;
}
.product__collections a:visited,
.product__tags a:visited,
.product__types a:visited {
color: #000000;
}
.product__tags {
display: flex;
flex-wrap: wrap;
}
.product__description a {
color: #000000;
transition: color 0.2s ease-out;
}
.product__description a:visited {
color: #000000;
}
.product__description a:hover, .product__description a:focus, .product__description a:active {
color: #0090e9;
}
.product__sku--empty {
display: none;
}
.product-notify-form[data-form-enabled=false] {
display: none;
}
.product-notify-form label {
visibility: hidden;
}
.product-notify-form p {
margin-bottom: 0.5rem;
}
.product-notify-form__button {
font-family: -apple-system,BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
font-style: normal;
font-weight: 400;
display: inline-block;
line-height: 1.4;
color: #FFFFFF;
text-decoration: none;
text-transform: none;
letter-spacing: 1px;
cursor: pointer;
background-color: #000000;
border: 1px solid #000000;
border-radius: 0;
outline: none;
transition: border-color 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out, box-shadow 0.2s ease-out;
padding: 0.75rem 1rem;
font-size: 1.0rem;
width: 100%;
}
.product-notify-form__button:visited {
color: #FFFFFF;
}
.product-notify-form__button:hover:not(:disabled), .product-notify-form__button:focus, .product-notify-form__button:active {
color: #fff;
background-color: #0090e9;
border: 1px solid #0090e9;
box-shadow: 0 4px 16px 1px rgba(0, 0, 0, 0.25);
}
.product-notify-form__button:disabled, .product-notify-form__button.disabled {
cursor: not-allowed !important;
opacity: 0.4;
}.product-notify-form__button {
border-radius: 0.25rem;
}[data-sale=true] [data-product-price] {
color: #ff0000;
}
.product__sale-price {
color: #ff0000;
}
.price-container {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 0.5rem;
}
.price-container .product__sold-out-text,
.price-container .product__unavailable-text {
margin-left: 0.3rem;
}
.price-container__price {
margin-bottom: 0;
font-size: 1.375rem;
}
.product__compare-price {
font-weight: normal;
color: #AE3333;
text-decoration: line-through;
text-shadow: none;
opacity: 0.5;
}
[data-compare-price-visible=false] [data-product-price-compare] {
display: none;
}
.product__sold-out-text,
.product__unavailable-text {
font-size: 1.375rem;
}
[data-sold-out=false] .product__sold-out-text {
display: none;
}
[data-unavailable=false] .product__unavailable-text {
display: none;
}
.product-form__cart-buttons {
padding-top: 0.5rem;
}
.spr-badge {
margin: 0.5rem 0;
}
.product__size-chart-button {
display: inline-block;
padding-bottom: 0.25rem;
color: #000000;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 0.1rem;
transition: color 0.2s ease-in-out;
margin-left: auto;
font-size: 1.0rem;
text-transform: none;
letter-spacing: 0;
cursor: pointer;
background: transparent;
border: 0;
padding: 0;
}
.product__size-chart-button::after {
position: relative;
display: block;
width: 100%;
height: 1px;
cursor: pointer;
content: "";
background-color: #000000;
transform: translateY(0.25rem);
}
.product__size-chart-button:hover {
color: #0090e9;
}
.product__size-chart-button:hover::after {
background-color: #0090e9;
}
.product__size-chart {
display: none;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 2rem;
}
.product__size-chart-modal .product__size-chart {
display: flex;
}
.product__size-chart-modal {
padding: 3rem 24px;
}
@media screen and (min-width: 576px) {
.product__size-chart-modal {
padding: 3rem 32px;
}
}
@media screen and (min-width: 768px) {
.product__size-chart-modal {
padding: 3.5rem 40px;
}
}
@media screen and (min-width: 960px) {
.product__size-chart-modal {
padding: 3.5rem 56px;
}
}
.product__size-chart-modal .modal__window {
max-width: 800px;
}
.product__size-chart-heading {
font-size: var(--font-size-heading-5);
}
[data-selected-variant=false] {
display: none;
}
[data-variant-error-message] {
display: none;
margin-bottom: 0.5rem;
font-size: 1.25rem;
font-weight: bold;
color: #ea555c;
}
.product-form--error-option-unselected .option-name[data-variant-option-chosen-value=false] {
color: #ea555c;
}
.product-form--error-option-unselected [data-variant-error-message] {
display: block;
}
.product__unit-price {
display: block;
width: 100%;
padding-top: 0.25rem;
font-size: 0.8125rem;
}
.product__unit-price.product__unit-price--hidden {
display: none;
}
.variant-selection[variant=not-selected] ~ .product-form__cart-buttons .shopify-payment-button,
.variant-selection[variant=not-selected] ~ .product-form__cart-buttons .surface-pick-up {
display: none;
}
.product-block {
margin: 0.75rem 0;
}
.product-block.product-block--first {
margin-top: 0; /* Always remove the top margin from the first product block */
}
.options-selection__select-wrapper,
.options-selection__radios,
.options-selection__swatches {
padding: 0;
margin-right: 0;
margin-left: 0;
border: none;
}
.no-js .options-selection__select-wrapper,
.no-js .options-selection__radios,
.no-js .options-selection__swatches {
display: none;
}
.options-selection__option-header {
margin-bottom: 0.5rem;
}
.options-selection__option-name {
font-weight: bold;
}
.options-selection__option-name span {
font-weight: normal;
}
.options-selection__option-values {
display: flex;
flex-wrap: wrap;
margin-bottom: 0.75rem;
}
.options-selection__option-value {
margin-right: 0.75rem;
margin-bottom: 0.75rem;
}
.options-selection__option-value-name {
display: block;
padding: 0.75rem 1rem;
cursor: pointer;
border: 1px solid rgba(0, 0, 0, 0.4);
border-radius: 8px;
}
.options-selection__option-value-input:disabled + .options-selection__option-value-name {
cursor: default;
background-image: url('data:image/svg+xml,<svg width="44" height="44" viewBox="0 0 100 100" fill="none" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg"><line x1="0" y1="100" x2="100" y2="0" stroke-width="5" stroke="%23000000"/></svg>');
background-size: 100% 100%;
outline: none;
opacity: 0.5;
}
.options-selection__option-value-name:focus {
outline: 0;
}
.options-selection__option-value:last-child .options-selection__option-value-name {
margin-right: 0;
}
.options-selection__option-value-input {
position: absolute;
opacity: 0;
}
.options-selection__option-value-input:checked + .options-selection__option-value-name {
border-color: #000000;
}
.options-selection__option-value-input:checked + .options-selection__option-swatch-wrapper .options-selection__option-swatch {
border-color: #000000;
}
.options-selection__option-value-input:checked + .options-selection__option-swatch-wrapper .options-selection__option-swatch-inner {
background: #fff !important;
border-color: #000000;
}
.options-selection__option-value-input:checked + .options-selection__option-swatch-wrapper .options-selection__option-swatch-inner::after {
position: absolute;
top: 0.3125rem;
left: 0.3125rem;
box-sizing: border-box;
width: calc(100% - 0.625rem);
height: calc(100% - 0.625rem);
content: "";
background-color: var(--swatch-color);
background-image: var(--swatch-image);
background-position: center;
background-size: cover;
border: 1px solid #e2e2e2;
border-radius: 50%;
}
.options-selection__swatches--variant_image .options-selection__option-value-input:checked + .options-selection__option-swatch-wrapper .options-selection__option-swatch-inner {
background: transparent !important;
}
.options-selection__swatches--variant_image .options-selection__option-value-input:checked + .options-selection__option-swatch-wrapper .options-selection__option-swatch-inner::after {
background-color: var(--swatch-color);
background-image: none;
}
.options-selection__swatches--variant_image .options-selection__option-value-input:checked + .options-selection__option-swatch-wrapper [data-variant-image] .options-selection__option-swatch-inner::after {
background-color: transparent;
background-image: var(--swatch-variant-image);
}
.options-selection__swatches--variant_image .options-selection__option-swatch-wrapper [data-variant-image] .options-selection__option-swatch-inner {
background-color: transparent !important;
}
.options-selection__option-swatch-wrapper {
position: relative;
display: block;
height: 64px;
}
[data-variant-option-available=false] .options-selection__option-swatch-wrapper {
opacity: 0.6;
}
.options-selection__option-swatch-wrapper:focus {
outline: 0;
}
.options-selection__option-swatch-wrapper::before {
position: absolute;
top: 1.5rem;
left: 0.375rem;
z-index: 3;
box-sizing: border-box;
display: block;
width: auto;
padding: 0.25rem 0.5rem;
font-size: 0.8125rem;
color: #000000;
text-align: center;
white-space: nowrap;
visibility: hidden;
background: #fff;
border-radius: 0.25rem;
box-shadow: 0 4px 16px 1px rgba(0, 0, 0, 0.2);
opacity: 0;
transition: all 250ms ease-out;
transform: translate(-50%, 10px);
top: 2.5rem;
left: 1.5rem;
content: attr(data-swatch-tooltip);
}
.options-selection__option-swatch-wrapper:hover::before {
visibility: visible;
opacity: 1;
transform: translate(-50%, 0);
}
.options-selection__option-swatch {
height: 100%;
}
.options-selection__option-value-input:disabled + .options-selection__option-swatch-wrapper .options-selection__option-swatch {
position: relative;
overflow: hidden;
border-radius: 50%;
opacity: 0.8;
}
.options-selection__option-value-input:disabled + .options-selection__option-swatch-wrapper .options-selection__option-swatch::before {
cursor: default;
background-image: url('data:image/svg+xml,<svg width="44" height="44" viewBox="0 0 100 100" fill="none" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg"><line x1="0" y1="100" x2="100" y2="0" stroke-width="5" stroke="%23000000"/></svg>');
background-size: 100% 100%;
outline: none;
opacity: 0.5;
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
content: "";
opacity: 1;
}
.options-selection__option-value-input:disabled + .options-selection__option-swatch-wrapper .options-selection__option-swatch-inner {
border: 1px solid var(--swatch-color);
opacity: 0.8;
}
.options-selection__option-swatch-inner {
width: 0.75rem;
height: 0.75rem;
margin-top: 0;
background-position: center;
background-size: cover;
border-color: #e2e2e2;
border-style: solid;
border-width: 1px !important;
border-radius: 50%;
width: 64px;
height: 100%;
}
.options-selection__select,
.form-field-select-wrapper {
position: relative;
display: flex;
flex-direction: column;
margin-bottom: 0.5rem;
}
.options-selection__select .form-field-title,
.form-field-select-wrapper .form-field-title {
order: 1;
}
.options-selection__select .form-field-select,
.form-field-select-wrapper .form-field-select {
order: 2;
}
.options-selection__select svg,
.form-field-select-wrapper svg {
display: none;
}
.options-selection__select::after,
.form-field-select-wrapper::after {
position: absolute;
right: 1rem;
bottom: 1.8rem;
width: 0.5rem;
height: auto;
pointer-events: none;
content: url('data:image/svg+xml,%3Csvg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M9.35355 1.35355C9.54882 1.15829 9.54882 0.841709 9.35355 0.646447C9.15829 0.451184 8.84171 0.451184 8.64645 0.646447L9.35355 1.35355ZM5 5L4.64645 5.35355C4.84171 5.54882 5.15829 5.54882 5.35355 5.35355L5 5ZM1.35355 0.646447C1.15829 0.451184 0.841708 0.451184 0.646446 0.646447C0.451184 0.841709 0.451184 1.15829 0.646446 1.35355L1.35355 0.646447ZM8.64645 0.646447L4.64645 4.64645L5.35355 5.35355L9.35355 1.35355L8.64645 0.646447ZM5.35355 4.64645L1.35355 0.646447L0.646446 1.35355L4.64645 5.35355L5.35355 4.64645Z" fill="%23000000"/%3E%3C/svg%3E');
}
.user-is-tabbing .variant-selection fieldset:focus-within .options-selection__option-values {
align-items: center;
}
.user-is-tabbing .variant-selection fieldset:focus-within .options-selection__option-value-input:checked + .options-selection__option-swatch-wrapper .options-selection__option-swatch-inner,
.user-is-tabbing .variant-selection fieldset:focus-within .options-selection__option-value-input:checked + .options-selection__option-value-name {
border: 3px solid #000000;
}
ul.tabs {
display: block;
margin: 0;
padding: 0;
list-style: none outside;
}
ul.tabs li {
display: inline-block;
width: auto;
padding: 0;
margin: 0;
}
ul.tabs li a {
font-family: -apple-system,BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
font-style: normal;
font-weight: 400;
line-height: 1.3;
color: #000000;
text-decoration: none;
text-transform: none;
letter-spacing: 0px;
display: block;
text-decoration: none;
width: auto;
padding-top: 0.75rem;
padding-bottom: 0.5rem;
margin-right: 1.5rem;
font-size: var(--font-size-heading-4);
opacity: 0.6;
}
ul.tabs li a a {
color: inherit;
text-decoration: none;
}
ul.tabs li a a:visited, ul.tabs li a a:hover, ul.tabs li a a:focus, ul.tabs li a a:active {
color: inherit;
}
ul.tabs li a.active {
opacity: 1;
border-bottom: 1px solid #000000;
}
ul.tabs-content {
margin: 0;
padding: 0;
display: block;
}
ul.tabs-content > li {
display: none;
}
ul.tabs-content > li.active {
display: block;
padding: 1.5rem 0 0;
}
/* Clearfixing tabs for beautiful stacking */
ul.tabs:before,
ul.tabs:after {
content: " ";
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
ul.tabs:after {
clear: both;
}
ul.tabs {
zoom: 1;
}
.accordion {
position: relative;
}
.accordion dt {
border-top: 1px solid #f0f0f0;
}
.accordion dt a {
position: relative;
display: flex;
align-items: center;
padding: 1rem 0;
padding-right: 4rem;
font-weight: 700;
color: #000000;
text-decoration: none;
}
.accordion dt a.active small::after {
content: url('data:image/svg+xml,%3Csvg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M0 0.5C0 0.223858 0.223858 0 0.5 0H10.5C10.7761 0 11 0.223858 11 0.5C11 0.776142 10.7761 1 10.5 1H0.5C0.223858 1 0 0.776142 0 0.5Z" fill="%23000000"/%3E%3C/svg%3E');
}
.accordion small {
position: absolute;
right: 0;
padding-right: 0.75rem;
padding-left: 2.5rem;
font-size: 0;
}
.accordion small::after {
display: block;
content: url('data:image/svg+xml,%3Csvg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M5 10.5C5 10.7761 5.22386 11 5.5 11C5.77614 11 6 10.7761 6 10.5V6H10.5C10.7761 6 11 5.77614 11 5.5C11 5.22386 10.7761 5 10.5 5H6V0.5C6 0.223858 5.77614 0 5.5 0C5.22386 0 5 0.223858 5 0.5V5H0.5C0.223858 5 0 5.22386 0 5.5C0 5.77614 0.223858 6 0.5 6H5V10.5Z" fill="%23000000"/%3E%3C/svg%3E');
}
.accordion dd {
max-height: 0;
margin-left: 0;
visibility: hidden;
opacity: 0;
transition: ease-in-out 0.5s all;
}
.accordion dd a {
color: #000000;
transition: color 0.2s ease-out;
}
.accordion dd a:visited {
color: #000000;
}
.accordion dd a:hover, .accordion dd a:focus, .accordion dd a:active {
color: #0090e9;
}
.accordion dd.active {
max-height: 100vh;
padding-bottom: 1rem;
visibility: visible;
opacity: 1;
}
.collection-swatches {
text-align: left;
}
.product-thumbnail__info--center .collection-swatches {
text-align: center;
}
.collection-swatches__container {
display: flex;
flex-wrap: wrap;
margin: 0.5rem 0 0;
}
.product-thumbnail__info--center .collection-swatches__container {
justify-content: center;
}
.collection-swatches__swatch {
position: relative;
margin: 0 0.5rem 0.5rem 0;
}
.collection-swatches__swatch-inner {
width: 0.75rem;
height: 0.75rem;
margin-top: 0;
background-position: center;
background-size: cover;
border-color: #e2e2e2;
border-style: solid;
border-width: 1px !important;
border-radius: 50%;
width: 24px;
height: 24px;
}
/* Tooltips */
.collection-swatches__tooltip {
position: absolute;
top: 1.5rem;
left: 0.375rem;
z-index: 3;
box-sizing: border-box;
display: block;
width: auto;
padding: 0.25rem 0.5rem;
font-size: 0.8125rem;
color: #000000;
text-align: center;
white-space: nowrap;
visibility: hidden;
background: #fff;
border-radius: 0.25rem;
box-shadow: 0 4px 16px 1px rgba(0, 0, 0, 0.2);
opacity: 0;
transition: all 250ms ease-out;
transform: translate(-50%, 10px);
}
.collection-swatches__swatch:hover .collection-swatches__tooltip {
visibility: visible;
opacity: 1;
transform: translate(-50%, 0);
}
.featured-collection__wrapper--layout-slideshow .collection-swatches__swatch:first-child .collection-swatches__tooltip,
.product-recommendations__wrapper--slider-layout .collection-swatches__swatch:first-child .collection-swatches__tooltip {
left: 0;
transform: translateY(10px);
}
.featured-collection__wrapper--layout-slideshow .collection-swatches__swatch:first-child:hover .collection-swatches__tooltip,
.product-recommendations__wrapper--slider-layout .collection-swatches__swatch:first-child:hover .collection-swatches__tooltip {
transform: translateY(0);
}
.modal--quickshop {
padding: 3rem 24px;
}
@media screen and (min-width: 576px) {
.modal--quickshop {
padding: 3rem 32px;
}
}
@media screen and (min-width: 768px) {
.modal--quickshop {
padding: 3.5rem 40px;
}
}
@media screen and (min-width: 960px) {
.modal--quickshop {
padding: 3.5rem 56px;
}
}
.modal--quickshop .product-content {
width: 100%;
}
.product-quickshop__container {
padding: 1.5rem 1rem;
}
@media screen and (min-width: 768px) {
.product-quickshop__container {
padding: 1.5rem;
}
}
.product-quickshop__container .surface-pick-up {
display: none;
}
/*! 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: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
}
.pswp--zoomed-in .pswp__img {
/* autoprefixer: off */
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: grab;
}
.pswp--dragging .pswp__img {
/* autoprefixer: off */
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: 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: rgba(0, 0, 0, 0);
-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: 14px;
line-height: 16px;
margin-top: -8px;
color: #CCC;
}
.pswp__error-msg a {
color: #CCC;
text-decoration: underline;
}
/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
Contents:
1. Buttons
2. Share modal and links
3. Index indicator ("1 of X" counter)
4. Caption
5. Loading indicator
6. Additional styles (root element, top bar, idle state, hidden state, etc.)
*/
/*
1. Buttons
*/
/* <button> css reset */
.pswp__button {
width: 44px;
height: 44px;
position: relative;
background: none;
cursor: pointer;
overflow: visible;
-webkit-appearance: none;
display: block;
border: 0;
padding: 0;
margin: 0;
float: right;
opacity: 0.75;
transition: opacity 0.2s;
box-shadow: none;
}
.pswp__button:focus, .pswp__button:hover {
opacity: 1;
}
.pswp__button:active {
outline: none;
opacity: 0.9;
}
.pswp__button::-moz-focus-inner {
padding: 0;
border: 0;
}
/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
.pswp__ui--over-close .pswp__button--close {
opacity: 1;
}
.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
background: url(default-skin.png) 0 0 no-repeat;
background-size: 264px 88px;
width: 44px;
height: 44px;
}
@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
/* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
.pswp--svg .pswp__button,
.pswp--svg .pswp__button--arrow--left:before,
.pswp--svg .pswp__button--arrow--right:before {
background-image: url(default-skin.svg);
}
.pswp--svg .pswp__button--arrow--left,
.pswp--svg .pswp__button--arrow--right {
background: none;
}
}
.pswp__button--close {
background-position: 0 -44px;
}
.pswp__button--share {
background-position: -44px -44px;
}
.pswp__button--fs {
display: none;
}
.pswp--supports-fs .pswp__button--fs {
display: block;
}
.pswp--fs .pswp__button--fs {
background-position: -44px 0;
}
.pswp__button--zoom {
display: none;
background-position: -88px 0;
}
.pswp--zoom-allowed .pswp__button--zoom {
display: block;
}
.pswp--zoomed-in .pswp__button--zoom {
background-position: -132px 0;
}
/* no arrows on touch screens */
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
visibility: hidden;
}
/*
Arrow buttons hit area
(icon is added to :before pseudo-element)
*/
.pswp__button--arrow--left,
.pswp__button--arrow--right {
background: none;
top: 50%;
margin-top: -50px;
width: 70px;
height: 100px;
position: absolute;
}
.pswp__button--arrow--left {
left: 0;
}
.pswp__button--arrow--right {
right: 0;
}
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
content: "";
top: 35px;
background-color: rgba(0, 0, 0, 0.3);
height: 30px;
width: 32px;
position: absolute;
}
.pswp__button--arrow--left:before {
left: 6px;
background-position: -138px -44px;
}
.pswp__button--arrow--right:before {
right: 6px;
background-position: -94px -44px;
}
/*
2. Share modal/popup and links
*/
.pswp__counter,
.pswp__share-modal {
-webkit-user-select: none;
user-select: none;
}
.pswp__share-modal {
display: block;
background: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
top: 0;
left: 0;
padding: 10px;
position: absolute;
z-index: 1600;
opacity: 0;
transition: opacity 0.25s ease-out;
-webkit-backface-visibility: hidden;
will-change: opacity;
}
.pswp__share-modal--hidden {
display: none;
}
.pswp__share-tooltip {
z-index: 1620;
position: absolute;
background: #FFF;
top: 56px;
border-radius: 2px;
display: block;
width: auto;
right: 44px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
transform: translateY(6px);
transition: transform 0.25s;
-webkit-backface-visibility: hidden;
will-change: transform;
}
.pswp__share-tooltip a {
display: block;
padding: 8px 12px;
color: #000;
text-decoration: none;
font-size: 14px;
line-height: 18px;
}
.pswp__share-tooltip a:hover {
text-decoration: none;
color: #000;
}
.pswp__share-tooltip a:first-child {
/* round corners on the first/last list item */
border-radius: 2px 2px 0 0;
}
.pswp__share-tooltip a:last-child {
border-radius: 0 0 2px 2px;
}
.pswp__share-modal--fade-in {
opacity: 1;
}
.pswp__share-modal--fade-in .pswp__share-tooltip {
transform: translateY(0);
}
/* increase size of share links on touch devices */
.pswp--touch .pswp__share-tooltip a {
padding: 16px 12px;
}
a.pswp__share--facebook:before {
content: "";
display: block;
width: 0;
height: 0;
position: absolute;
top: -12px;
right: 15px;
border: 6px solid rgba(0, 0, 0, 0);
border-bottom-color: #FFF;
-webkit-pointer-events: none;
-moz-pointer-events: none;
pointer-events: none;
}
a.pswp__share--facebook:hover {
background: #3E5C9A;
color: #FFF;
}
a.pswp__share--facebook:hover:before {
border-bottom-color: #3E5C9A;
}
a.pswp__share--twitter:hover {
background: #55ACEE;
color: #FFF;
}
a.pswp__share--pinterest:hover {
background: #CCC;
color: #CE272D;
}
a.pswp__share--download:hover {
background: #DDD;
}
/*
3. Index indicator ("1 of X" counter)
*/
.pswp__counter {
position: absolute;
left: 0;
top: 0;
height: 44px;
font-size: 13px;
line-height: 44px;
color: #FFF;
opacity: 0.75;
padding: 0 10px;
}
/*
4. Caption
*/
.pswp__caption {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
min-height: 44px;
}
.pswp__caption small {
font-size: 11px;
color: #BBB;
}
.pswp__caption__center {
text-align: left;
max-width: 420px;
margin: 0 auto;
font-size: 13px;
padding: 10px;
line-height: 20px;
color: #CCC;
}
.pswp__caption--empty {
display: none;
}
/* Fake caption element, used to calculate height of next/prev image */
.pswp__caption--fake {
visibility: hidden;
}
/*
5. Loading indicator (preloader)
You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR
*/
.pswp__preloader {
width: 44px;
height: 44px;
position: absolute;
top: 0;
left: 50%;
margin-left: -22px;
opacity: 0;
transition: opacity 0.25s ease-out;
will-change: opacity;
direction: ltr;
}
.pswp__preloader__icn {
width: 20px;
height: 20px;
margin: 12px;
}
.pswp__preloader--active {
opacity: 1;
}
.pswp__preloader--active .pswp__preloader__icn {
/* We use .gif in browsers that don't support CSS animation */
background: url(preloader.gif) 0 0 no-repeat;
}
.pswp--css_animation .pswp__preloader--active {
opacity: 1;
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
animation: clockwise 500ms linear infinite;
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
}
.pswp--css_animation .pswp__preloader__icn {
background: none;
opacity: 0.75;
width: 14px;
height: 14px;
position: absolute;
left: 15px;
top: 15px;
margin: 0;
}
.pswp--css_animation .pswp__preloader__cut {
/*
The idea of animating inner circle is based on Polymer ("material") loading indicator
by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
*/
position: relative;
width: 7px;
height: 14px;
overflow: hidden;
}
.pswp--css_animation .pswp__preloader__donut {
box-sizing: border-box;
width: 14px;
height: 14px;
border: 2px solid #FFF;
border-radius: 50%;
border-left-color: transparent;
border-bottom-color: transparent;
position: absolute;
top: 0;
left: 0;
background: none;
margin: 0;
}
@media screen and (max-width: 1024px) {
.pswp__preloader {
position: relative;
left: auto;
top: auto;
margin: 0;
float: right;
}
}
@keyframes clockwise {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes donut-rotate {
0% {
transform: rotate(0);
}
50% {
transform: rotate(-140deg);
}
100% {
transform: rotate(0);
}
}
/*
6. Additional styles
*/
/* root element of UI */
.pswp__ui {
-webkit-font-smoothing: auto;
visibility: visible;
opacity: 1;
z-index: 1550;
}
/* top black bar with buttons and "1 of X" indicator */
.pswp__top-bar {
position: absolute;
left: 0;
top: 0;
height: 44px;
width: 100%;
}
.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
-webkit-backface-visibility: hidden;
will-change: opacity;
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
visibility: visible;
}
.pswp__top-bar,
.pswp__caption {
background-color: rgba(0, 0, 0, 0.5);
}
/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
background-color: rgba(0, 0, 0, 0.3);
}
/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
.pswp__ui--idle .pswp__top-bar {
opacity: 0;
}
.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
opacity: 0;
}
/*
pswp__ui--hidden class is added when controls are hidden
e.g. when user taps to toggle visibility of controls
*/
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
/* Force paint & create composition layer for controls. */
opacity: 0.001;
}
/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
display: none;
}
.pswp__element--disabled {
display: none !important;
}
.pswp--minimal--dark .pswp__top-bar {
background: none;
}
button.pswp__button {
width: 2.5rem;
height: 2.5rem;
margin: 0;
opacity: 1;
}
button.pswp__button::before {
top: 50%;
right: 0;
left: 50%;
background-color: transparent;
background-image: none;
}
.pswp__bg {
opacity: 80% !important;
}
.pswp__button--arrow--left,
.pswp__button--arrow--right {
background-color: #fff !important;
border-radius: 50%;
box-shadow: 0 4px 16px 1px rgba(0, 0, 0, 0.2);
}
.pswp__button--arrow--left::before,
.pswp__button--arrow--right::before {
height: 1rem;
content: url('data:image/svg+xml,%3Csvg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1.35355 0.646447C1.15829 0.451184 0.841709 0.451184 0.646447 0.646447C0.451184 0.841709 0.451184 1.15829 0.646447 1.35355L1.35355 0.646447ZM7 7L7.35355 7.35355C7.54882 7.15829 7.54882 6.84171 7.35355 6.64645L7 7ZM0.646447 12.6464C0.451184 12.8417 0.451184 13.1583 0.646447 13.3536C0.841709 13.5488 1.15829 13.5488 1.35355 13.3536L0.646447 12.6464ZM0.646447 1.35355L6.64645 7.35355L7.35355 6.64645L1.35355 0.646447L0.646447 1.35355ZM6.64645 6.64645L0.646447 12.6464L1.35355 13.3536L7.35355 7.35355L6.64645 6.64645Z" fill="%23000000"/%3E%3C/svg%3E');
}
.pswp__button--arrow--left:hover::before,
.pswp__button--arrow--right:hover::before {
content: url('data:image/svg+xml,%3Csvg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1.35355 0.646447C1.15829 0.451184 0.841709 0.451184 0.646447 0.646447C0.451184 0.841709 0.451184 1.15829 0.646447 1.35355L1.35355 0.646447ZM7 7L7.35355 7.35355C7.54882 7.15829 7.54882 6.84171 7.35355 6.64645L7 7ZM0.646447 12.6464C0.451184 12.8417 0.451184 13.1583 0.646447 13.3536C0.841709 13.5488 1.15829 13.5488 1.35355 13.3536L0.646447 12.6464ZM0.646447 1.35355L6.64645 7.35355L7.35355 6.64645L1.35355 0.646447L0.646447 1.35355ZM6.64645 6.64645L0.646447 12.6464L1.35355 13.3536L7.35355 7.35355L6.64645 6.64645Z" fill="%23000000"/%3E%3C/svg%3E');
}
.pswp__button--arrow--left:focus,
.pswp__button--arrow--right:focus {
border: 1px solid #000000;
outline: 0;
}
.pswp__button--arrow--left {
left: 2.5rem;
}
.pswp__button--arrow--left::before {
transform: translate(-50%, -50%) rotate(180deg);
}
.pswp__button--arrow--right {
right: 2.5rem;
}
.pswp__button--arrow--right::before {
transform: translate(-50%, -35%);
}
.pswp__button--close {
padding: 1rem 1rem 0 0;
}
.pswp__button--close::before {
content: url('data:image/svg+xml,%3Csvg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M1 13L13 1M13 13L1 1" stroke="%23ffffff"/%3E%3C/svg%3E');
}
.pswp__top-bar,
.pswp__ui--fit .pswp__top-bar {
background: transparent;
}
@keyframes modal-overlay-open {
from {
opacity: 0;
}
to {
opacity: 0.5;
}
}
@keyframes modal-window-open {
from {
opacity: 0;
transform: translateY(-1rem);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.modal {
position: fixed;
top: 0;
z-index: 2000;
display: none;
width: 100%;
height: 100%;
}
.modal[data-open=true] {
display: block;
}
.modal__overlay {
position: absolute;
top: 0;
left: 0;
z-index: 2001;
display: block;
width: 100%;
height: 100%;
background-color: #000;
opacity: 0;
transition: opacity 0.2 ease;
}
.modal[data-open=true] .modal__overlay {
animation-name: modal-overlay-open;
animation-duration: 0.2s;
animation-timing-function: ease;
animation-fill-mode: forwards;
}
.modal__window {
position: relative;
z-index: 2002;
max-width: 1200px;
height: auto;
max-height: 100%;
padding-top: 1.5rem;
margin: 0 auto;
overflow: auto;
background: #fff;
outline: none;
box-shadow: 0 2px 16px 1px rgba(0, 0, 0, 0.2);
opacity: 0;
}
@media screen and (min-width: 768px) {
.modal__window {
padding: 0;
}
}
.modal[data-open=true] .modal__window {
animation-name: modal-window-open;
animation-duration: 0.3s;
animation-timing-function: ease;
animation-delay: 0.1s;
animation-fill-mode: forwards;
}
.modal__close-button {
position: absolute;
top: 0;
right: 0;
z-index: 2001;
display: block;
padding: 1rem;
color: #000000;
cursor: pointer;
background-color: transparent;
border: none;
}
.modal__close-button svg {
display: block;
}
.modal__content {
position: relative;
min-height: 20rem;
}
.modal__content-loading {
--loading-icon-color: #000000;
position: absolute;
top: 50%;
left: 50%;
width: 4rem;
height: 3rem;
transform: translate(-50%, -50%);
}
.surface-pick-up-embed {
--surface-pick-up-embed-theme-success-color: rgb(50, 205, 50);
--surface-pick-up-embed-theme-error-color: rgb(179, 58, 58);
--surface-pick-up-embed-theme-paragraph-font-size: 16px;
--surface-pick-up-embed-theme-paragraph-smaller-font-size: calc(var(--surface-pick-up-embed-theme-paragraph-font-size) - 4px);
--surface-pick-up-embed-theme-body-font-weight-bold: 600;
--surface-pick-up-embed-theme-body-text-color: #808080;
--surface-pick-up-embed-theme-link-text-decoration: underline;
--surface-pick-up-embed-row-gap: 10px;
--surface-pick-up-embed-column-gap: 10px;
display: grid;
grid-template-columns: min-content auto;
row-gap: var(--surface-pick-up-embed-row-gap);
column-gap: var(--surface-pick-up-embed-column-gap);
justify-content: flex-start;
text-align: left;
}
.surface-pick-up-embed__in-stock-icon,
.surface-pick-up-embed__out-of-stock-icon {
grid-column-start: 1;
grid-column-end: 2;
margin-top: 3px;
}
.surface-pick-up-embed__in-stock-icon {
fill: var(--surface-pick-up-embed-theme-success-color);
}
.surface-pick-up-embed__out-of-stock-icon {
fill: var(--surface-pick-up-embed-theme-error-color);
}
.surface-pick-up-embed__location-info,
.surface-pick-up-embed__modal-btn {
grid-column-start: 2;
grid-column-end: 3;
}
.surface-pick-up-embed__location-info {
grid-row-start: 1;
grid-row-end: 2;
}
.surface-pick-up-embed__location-availability {
margin-top: 0;
margin-bottom: 0;
font-family: inherit;
font-size: var(--surface-pick-up-embed-theme-paragraph-font-size);
font-weight: inherit;
color: var(--surface-pick-up-embed-theme-body-text-color);
}
.surface-pick-up-embed__location-availability b {
font-weight: var(--surface-pick-up-embed-theme-body-font-weight-bold);
}
.surface-pick-up-embed__location-pick-up-time {
font-size: var(--surface-pick-up-embed-theme-paragraph-smaller-font-size);
color: var(--surface-pick-up-embed-theme-body-text-color);
}
.surface-pick-up-embed__modal-btn {
grid-row-start: 2;
grid-row-end: 3;
justify-self: start;
padding: 0;
font-size: var(--surface-pick-up-embed-theme-paragraph-smaller-font-size);
color: var(--surface-pick-up-embed-theme-body-text-color);
text-align: left;
-webkit-text-decoration: var(--surface-pick-up-embed-theme-link-text-decoration);
text-decoration: var(--surface-pick-up-embed-theme-link-text-decoration);
cursor: pointer;
background-color: initial;
border: 0;
}
.surface-pick-up-items {
padding: 0;
margin: 0;
}
.surface-pick-up-item {
--surface-pick-up-item-theme-success-color: rgb(50, 205, 50);
--surface-pick-up-item-theme-error-color: rgb(179, 58, 58);
--surface-pick-up-item-theme-paragraph-font-size: 16px;
--surface-pick-up-item-theme-paragraph-smaller-font-size: calc(var(--surface-pick-up-item-theme-paragraph-font-size) - 4px);
--surface-pick-up-item-theme-body-font-weight-bold: 600;
--surface-pick-up-item-theme-body-text-color: #808080;
--surface-pick-up-item-theme-border-color: #d9d9d9;
--surface-pick-up-item-theme-link-text-decoration: underline;
--surface-pick-up-item-row-gap: 10px;
--surface-pick-up-item-column-gap: 5px;
--surface-pick-up-item-gap: 28px;
display: grid;
grid-template-columns: repeat(2, auto) 1fr;
row-gap: var(--surface-pick-up-item-row-gap);
column-gap: var(--surface-pick-up-item-column-gap);
justify-content: flex-start;
padding-bottom: var(--surface-pick-up-item-gap);
margin: var(--surface-pick-up-item-gap) 0 0;
text-align: left;
border-bottom: 1px solid var(--surface-pick-up-item-theme-border-color);
}
.surface-pick-up-item:last-child {
padding-bottom: 0;
border-bottom: none;
}
.surface-pick-up-item__header {
display: flex;
grid-column: span 3;
align-items: flex-end;
}
.surface-pick-up-item__pick-up-location {
margin-top: 0;
margin-bottom: 0;
font-family: inherit;
font-size: var(--surface-pick-up-item-theme-paragraph-font-size);
font-weight: var(--surface-pick-up-item-theme-body-font-weight-bold);
color: var(--surface-pick-up-item-theme-body-text-color);
}
.surface-pick-up-item__pick-up-distance {
padding-left: 2rem;
margin: 0 0 0 auto;
}
.surface-pick-up-item__in-stock-icon,
.surface-pick-up-item__out-of-stock-icon {
grid-row-start: 2;
grid-row-end: 3;
grid-column-start: 1;
grid-column-end: 2;
margin-top: 1px;
}
.surface-pick-up-item__in-stock-icon {
fill: var(--surface-pick-up-item-theme-success-color);
}
.surface-pick-up-item__out-of-stock-icon {
fill: var(--surface-pick-up-item-theme-error-color);
}
.surface-pick-up-item__availability {
grid-row-start: 2;
grid-row-end: 3;
grid-column-start: 2;
grid-column-end: 3;
font-size: var(--surface-pick-up-item-theme-paragraph-smaller-font-size);
color: var(--surface-pick-up-item-theme-body-text-color);
}
.surface-pick-up-item__address-info {
grid-row-start: 3;
grid-row-end: 4;
grid-column-start: 1;
grid-column-end: 3;
font-size: var(--surface-pick-up-item-theme-paragraph-smaller-font-size);
font-style: normal;
line-height: 1.4;
color: var(--surface-pick-up-item-theme-body-text-color);
}
.surface-pick-up-item__address-info p {
margin: 0;
}
.surface-pick-up-item__address-info a,
.surface-pick-up-item__address-info a:visited {
color: inherit;
text-decoration: none;
}
.surface-pick-up-item__address-info a:focus,
.surface-pick-up-item__address-info a:active,
.surface-pick-up-item__address-info a:hover {
color: inherit;
}
.surface-pick-up-item__confirm-address {
margin-top: var(--surface-pick-up-item-row-gap);
}
.surface-pick-up-item__confirm-address-icon {
display: inline-block;
width: 10px;
height: 10px;
margin-right: 5px;
}
.surface-pick-up-embed {
--surface-pick-up-theme-embed-body-text-color: #000000;
--surface-pick-up-embed-theme-body-text-color: #000000;
--surface-pick-up-embed-theme-success-color: #32a960;
}
.surface-pick-up-item {
--surface-pick-up-item-gap: 1.5rem;
--surface-pick-up-item-border-colour: #f0f0f0;
--surface-pick-up-item-theme-border-color: #f0f0f0;
--surface-pick-up-item-theme-body-text-color: #000000;
--surface-pick-up-item-theme-success-color: #32a960;
}
.surface-pick-up {
padding: 1.5rem 0;
}
.surface-pick-up:empty {
display: none;
}
.surface-pick-up.surface-pick-up--spb-disabled {
display: none;
}
.surface-pick-up__popup {
padding: 3rem 24px;
}
@media screen and (min-width: 576px) {
.surface-pick-up__popup {
padding: 3rem 32px;
}
}
@media screen and (min-width: 768px) {
.surface-pick-up__popup {
padding: 3.5rem 40px;
}
}
@media screen and (min-width: 960px) {
.surface-pick-up__popup {
padding: 3.5rem 56px;
}
}
.surface-pick-up__popup .modal__window {
max-width: 680px;
}
.surface-pick-up__popup .modal__content {
padding: 0 1.5rem 1.5rem;
min-height: 0;
}
.surface-pick-up--hidden {
display: none;
}
.surface-pick-up-embed__location-availability,
.surface-pick-up-item__pick-up-location {
text-transform: none;
letter-spacing: initial;
}
.surface-pick-up-modal__title {
margin-bottom: 0.5rem;
}
.surface-pick-up-modal__header {
padding-bottom: 1.5rem;
border-bottom: 1px solid #f0f0f0;
}
.surface-pick-up-modal__header.surface-pick-up-modal__header--no-variants {
padding-bottom: 1rem;
}
/* Templates */
.product .main__wrapper {
margin: 1.5rem 24px;
}
@media screen and (min-width: 576px) {
.product .main__wrapper {
margin: 1.5rem 32px;
}
}
@media screen and (min-width: 768px) {
.product .main__wrapper {
margin: 2rem 40px;
}
}
@media screen and (min-width: 960px) {
.product .main__wrapper {
margin: 2rem 56px;
}
}
.banner-present--true .main__wrapper {
margin-top: 0;
}
.shopify-section--product-template:not(.shopify-section) {
position: relative;
max-width: 1200px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
}
.shopify-section--product-template:not(.shopify-section) .product-page {
margin: 0;
}
.shopify-section--product-template:not(.shopify-section) .breadcrumbs-wrapper {
position: relative;
max-width: 1200px;
margin: 0 auto;
}
.product-page__content {
position: relative;
max-width: 1200px;
margin: 0 auto;
}
.product-page__split-description {
margin-top: 1.5rem;
}
.product-page__sidebar--hide-mobile {
display: none;
}
@media screen and (min-width: 768px) {
.product-page__sidebar--hide-mobile {
display: block;
}
}
.product-content {
position: relative;
max-width: 1200px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr;
width: 100%;
}
@media screen and (min-width: 768px) {
.product-content {
grid-template-columns: 0.6fr 0.4fr;
grid-gap: 40px 56px;
}
}
@media screen and (min-width: 768px) {
.product-content.product-content--media-position-right {
grid-template-columns: 0.4fr 0.6fr;
}
}
@media screen and (min-width: 768px) {
.product-content--media-position-right .product-gallery__wrapper {
order: 1;
}
}
.product__coming-soon-text {
margin-bottom: 0;
}
#shopify-product-reviews {
margin-top: 2rem !important;
}
:root {
--color-body-text: #000000;
--color-body: #fff;
--color-bg: #fff;
}
shopify-payment-terms {
display: block;
margin-top: 0.75rem;
margin-bottom: 0.5rem;
font-size: 0.875rem;
}
.product-quickshop {
background-color: rgba(43, 46, 56, 0.9);
}
.product-quickshop .shopify-section--quick-shop {
margin: 4rem auto;
max-width: 1200px;
padding: 1.5rem;
cursor: pointer;
background-color: white;
}
.product-quickshop .shopify-section--quick-shop .product-quickshop__container {
padding: 0;
}
.product-quickshop .shopify-section--quick-shop > section {
margin: 0;
}
.product-quickshop .shopify-section:not(.shopify-section--quick-shop) {
display: none;
}
.shopify-section {
width: 100%;
}
.shopify-section--product-sidebar {
padding-right: 3.5rem;
}
@media screen and (max-width: 767px) {
.shopify-section--product-sidebar {
padding-right: 0;
}
}
@media screen and (max-width: 767px) {
.product-sidebar__mobile--below .shopify-section--product-sidebar {
order: 1;
}
}
.account-template__wrapper {
position: relative;
max-width: 1200px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr;
}
@media screen and (min-width: 768px) {
.account-template__wrapper {
grid-template-columns: 1fr 3fr;
grid-gap: 56px;
}
}
@media screen and (min-width: 960px) {
.account-template__wrapper {
grid-gap: 0;
}
}
.account-template__breadcrumb {
margin-top: 2.5rem;
}
.account-template__heading {
font-size: var(--font-size-heading-2);
text-align: center;
}
.account-template__log-out {
display: inline-block;
padding-bottom: 0.25rem;
color: #000000;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 0.1rem;
transition: color 0.2s ease-in-out;
text-transform: none;
letter-spacing: 0;
}
.account-template__log-out::after {
position: relative;
display: block;
width: 100%;
height: 1px;
cursor: pointer;
content: "";
background-color: #000000;
transform: translateY(0.25rem);
}
.account-template__log-out:hover {
color: #0090e9;
}
.account-template__log-out:hover::after {
background-color: #0090e9;
}
.account-template__breadcrumb-wrapper {
position: relative;
max-width: 1200px;
margin: 0 auto;
text-align: center;
}
@media screen and (min-width: 768px) {
.account-template__breadcrumb-wrapper {
text-align: right;
}
}
.account-template__customer-address {
display: flex;
flex-direction: column;
margin-bottom: 1.5rem;
}
.account-template__order {
display: block;
padding: 0.75rem 0;
border-bottom: 1px solid #f0f0f0;
}
.account-template__orders {
flex-grow: 2;
}
.account-template__customer-name,
.account-template__orders-title {
margin-bottom: 1.5rem;
font-size: var(--font-size-heading-4);
color: #000000;
}
.account-template_view-addresses {
font-family: -apple-system,BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
font-style: normal;
font-weight: 400;
display: inline-block;
line-height: 1.4;
color: #FFFFFF;
text-decoration: none;
text-transform: none;
letter-spacing: 1px;
cursor: pointer;
background-color: #000000;
border: 1px solid #000000;
border-radius: 0;
outline: none;
transition: border-color 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out, box-shadow 0.2s ease-out;
padding: 0.5rem 0.75rem;
font-size: 0.9rem;
}
.account-template_view-addresses:visited {
color: #FFFFFF;
}
.account-template_view-addresses:hover:not(:disabled), .account-template_view-addresses:focus, .account-template_view-addresses:active {
color: #fff;
background-color: #0090e9;
border: 1px solid #0090e9;
box-shadow: 0 4px 16px 1px rgba(0, 0, 0, 0.25);
}
.account-template_view-addresses:disabled, .account-template_view-addresses.disabled {
cursor: not-allowed !important;
opacity: 0.4;
}.account-template_view-addresses {
border-radius: 0.25rem;
}.account-template__orders-history {
display: none;
}
.account-template__orders-history th {
padding: 0 2.5rem 1rem 0;
font-size: 1.0rem;
word-break: normal;
}
@media screen and (min-width: 768px) {
.account-template__orders-history {
display: table;
width: 100%;
}
}
.account-template__order-line td {
padding: 1rem 2.5rem 1rem 0;
}
.account-template__order-number a {
display: inline-block;
padding-bottom: 0.25rem;
color: #000000;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 0.1rem;
transition: color 0.2s ease-in-out;
text-transform: none;
letter-spacing: 0;
}
.account-template__order-number a::after {
position: relative;
display: block;
width: 100%;
height: 1px;
cursor: pointer;
content: "";
background-color: #000000;
transform: translateY(0.25rem);
}
.account-template__order-number a:hover {
color: #0090e9;
}
.account-template__order-number a:hover::after {
background-color: #0090e9;
}
.account-template__order-history {
display: none;
}
@media screen and (min-width: 768px) {
.account-template__order-history {
display: table;
}
}
@media screen and (min-width: 768px) {
.account-template__order-history--mobile {
display: none;
}
}
.account-template__order-number-wrapper,
.account-template__order-date-wrapper,
.account-template__order-payment-wrapper,
.account-template__order-fulfillment-wrapper,
.account-template__order-price-wrapper {
display: flex;
justify-content: space-between;
margin-bottom: 0.75rem;
}
.account-template__order-number-title,
.account-template__order-date-title,
.account-template__order-payment-title,
.account-template__order-fulfillment-title,
.account-template__order-price-title {
font-weight: bold;
}
.account-template__order-price-wrapper {
margin-bottom: 0;
}
.customer-addresses__wrapper {
width: 100%;
}
@media screen and (min-width: 768px) {
.customer-addresses__wrapper {
width: 35%;
margin: 0 auto;
}
}
.customer-addresses__breadcrumb {
margin-bottom: 1rem;
}
.customer-addresses__breadcrumb-wrapper {
font-size: 1.0rem;
text-align: center;
}
.customer-addresses__breadcrumb-wrapper a {
display: inline-block;
padding-bottom: 0.25rem;
color: #000000;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 0.1rem;
transition: color 0.2s ease-in-out;
text-transform: none;
letter-spacing: 0;
}
.customer-addresses__breadcrumb-wrapper a::after {
position: relative;
display: block;
width: 100%;
height: 1px;
cursor: pointer;
content: "";
background-color: #000000;
transform: translateY(0.25rem);
}
.customer-addresses__breadcrumb-wrapper a:hover {
color: #0090e9;
}
.customer-addresses__breadcrumb-wrapper a:hover::after {
background-color: #0090e9;
}
.customer-addresses__heading {
margin-bottom: 0.75rem;
font-size: var(--font-size-heading-2);
text-align: center;
}
.customer-address__add-new-address {
text-align: center;
}
.customer-address__add-new-address-button {
font-family: -apple-system,BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
font-style: normal;
font-weight: 400;
display: inline-block;
line-height: 1.4;
color: #FFFFFF;
text-decoration: none;
text-transform: none;
letter-spacing: 1px;
cursor: pointer;
background-color: #000000;
border: 1px solid #000000;
border-radius: 0;
outline: none;
transition: border-color 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out, box-shadow 0.2s ease-out;
padding: 0.75rem 1rem;
font-size: 1.0rem;
text-align: center;
}
.customer-address__add-new-address-button:visited {
color: #FFFFFF;
}
.customer-address__add-new-address-button:hover:not(:disabled), .customer-address__add-new-address-button:focus, .customer-address__add-new-address-button:active {
color: #fff;
background-color: #0090e9;
border: 1px solid #0090e9;
box-shadow: 0 4px 16px 1px rgba(0, 0, 0, 0.25);
}
.customer-address__add-new-address-button:disabled, .customer-address__add-new-address-button.disabled {
cursor: not-allowed !important;
opacity: 0.4;
}.customer-address__add-new-address-button {
border-radius: 0.25rem;
}.address-table__customer-address-heading {
margin-top: 3.5rem;
margin-bottom: 0;
font-size: var(--font-size-heading-4);
text-align: center;
}
.address-table__view-addresses {
display: flex;
flex-direction: column;
margin-top: 1.5rem;
margin-bottom: 1.5rem;
font-size: 1.0rem;
text-align: center;
}
.address-table__adress-actions {
margin-bottom: 2.5rem;
text-align: center;
}
.address-table__action-edit {
font-family: -apple-system,BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
font-style: normal;
font-weight: 400;
display: inline-block;
line-height: 1.4;
color: #FFFFFF;
text-decoration: none;
text-transform: none;
letter-spacing: 1px;
cursor: pointer;
background-color: #000000;
border: 1px solid #000000;
border-radius: 0;
outline: none;
transition: border-color 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out, box-shadow 0.2s ease-out;
padding: 0.5rem 0.75rem;
font-size: 0.9rem;
margin: 0 0.375rem;
}
.address-table__action-edit:visited {
color: #FFFFFF;
}
.address-table__action-edit:hover:not(:disabled), .address-table__action-edit:focus, .address-table__action-edit:active {
color: #fff;
background-color: #0090e9;
border: 1px solid #0090e9;
box-shadow: 0 4px 16px 1px rgba(0, 0, 0, 0.25);
}
.address-table__action-edit:disabled, .address-table__action-edit.disabled {
cursor: not-allowed !important;
opacity: 0.4;
}.address-table__action-edit {
border-radius: 0.25rem;
}.address-table__action-delete {
font-family: -apple-system,BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
font-style: normal;
font-weight: 400;
display: inline-block;
line-height: 1.4;
color: #FFFFFF;
text-decoration: none;
text-transform: none;
letter-spacing: 1px;
cursor: pointer;
background-color: #000000;
border: 1px solid #000000;
border-radius: 0;
outline: none;
transition: border-color 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out, box-shadow 0.2s ease-out;
padding: 0.5rem 0.75rem;
font-size: 0.9rem;
color: #000000;
background-color: transparent;
border: 1px solid #000000;
margin: 0 0.375rem;
}
.address-table__action-delete:visited {
color: #FFFFFF;
}
.address-table__action-delete:hover:not(:disabled), .address-table__action-delete:focus, .address-table__action-delete:active {
color: #fff;
background-color: #0090e9;
border: 1px solid #0090e9;
box-shadow: 0 4px 16px 1px rgba(0, 0, 0, 0.25);
}
.address-table__action-delete:disabled, .address-table__action-delete.disabled {
cursor: not-allowed !important;
opacity: 0.4;
}
.address-table__action-delete:visited {
color: #000000;
}
.address-table__action-delete:hover:not(:disabled), .address-table__action-delete:focus, .address-table__action-delete:active {
color: #FFFFFF;
background-color: #000000;
border: 1px solid #000000;
}.address-table__action-delete {
border-radius: 0.25rem;
}.address-table__button,
.customer-addresses__button {
font-family: -apple-system,BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
font-style: normal;
font-weight: 400;
display: inline-block;
line-height: 1.4;
color: #FFFFFF;
text-decoration: none;
text-transform: none;
letter-spacing: 1px;
cursor: pointer;
background-color: #000000;
border: 1px solid #000000;
border-radius: 0;
outline: none;
transition: border-color 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out, box-shadow 0.2s ease-out;
padding: 0.5rem 0.75rem;
font-size: 0.9rem;
}
.address-table__button:visited,
.customer-addresses__button:visited {
color: #FFFFFF;
}
.address-table__button:hover:not(:disabled), .address-table__button:focus, .address-table__button:active,
.customer-addresses__button:hover:not(:disabled),
.customer-addresses__button:focus,
.customer-addresses__button:active {
color: #fff;
background-color: #0090e9;
border: 1px solid #0090e9;
box-shadow: 0 4px 16px 1px rgba(0, 0, 0, 0.25);
}
.address-table__button:disabled, .address-table__button.disabled,
.customer-addresses__button:disabled,
.customer-addresses__button.disabled {
cursor: not-allowed !important;
opacity: 0.4;
}.address-table__button,
.customer-addresses__button {
border-radius: 0.25rem;
}.address-table__button-cancel,
.customer-addresses__note-button {
display: inline-block;
padding-bottom: 0.25rem;
color: #000000;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 0.1rem;
transition: color 0.2s ease-in-out;
font-size: 1.0rem;
text-align: center;
text-transform: none;
letter-spacing: 0;
}
.address-table__button-cancel::after,
.customer-addresses__note-button::after {
position: relative;
display: block;
width: 100%;
height: 1px;
cursor: pointer;
content: "";
background-color: #000000;
transform: translateY(0.25rem);
}
.address-table__button-cancel:hover,
.customer-addresses__note-button:hover {
color: #0090e9;
}
.address-table__button-cancel:hover::after,
.customer-addresses__note-button:hover::after {
background-color: #0090e9;
}
.order-template__wrapper {
position: relative;
max-width: 1200px;
margin: 0 auto;
}
.order-template__order-title {
margin-bottom: 0.75rem;
text-align: center;
}
.order-template__order-date {
margin-bottom: 1rem;
text-align: center;
}
.order-template__return-to-account-wrapper {
margin-bottom: 2.5rem;
text-align: center;
}
.order-template__return-to-account-wrapper .account-template__log-out {
display: none;
}
.order-template__return-to-account-wrapper a {
display: inline-block;
padding-bottom: 0.25rem;
color: #000000;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 0.1rem;
transition: color 0.2s ease-in-out;
text-transform: none;
letter-spacing: 0;
}
.order-template__return-to-account-wrapper a::after {
position: relative;
display: block;
width: 100%;
height: 1px;
cursor: pointer;
content: "";
background-color: #000000;
transform: translateY(0.25rem);
}
.order-template__return-to-account-wrapper a:hover {
color: #0090e9;
}
.order-template__return-to-account-wrapper a:hover::after {
background-color: #0090e9;
}
@media screen and (min-width: 768px) {
.order-template__return-to-account-wrapper {
margin-bottom: 3.5rem;
}
.order-template__return-to-account-wrapper .account-template__return-to-account-link {
padding-left: 3.125rem;
margin: 0 auto;
}
.order-template__return-to-account-wrapper .account-template__log-out {
display: inline;
float: right;
text-align: right;
}
}
.order-template__details table {
display: none;
}
.order-template__details th {
min-width: 100px;
font-size: 1.0rem;
}
.order-template__details td:empty {
visibility: hidden;
}
.order-template__details td:blank {
visibility: hidden;
}
@media screen and (min-width: 768px) {
.order-template__details table {
display: table;
}
}
.order-template__product-name {
text-align: right;
}
@media screen and (min-width: 768px) {
.order-template__product-name {
text-align: left;
}
}
.order-template__product-name a {
text-decoration: underline;
}
.order-item__unit-price,
.order-template__selling-plan {
font-size: 0.8125rem;
}
.order-template__price-totals {
width: 100%;
padding-top: 0.75rem;
font-size: 1.0rem;
border-top: 1px solid #f0f0f0;
}
.order-template__price-totals span {
margin-bottom: 1rem;
}
@media screen and (min-width: 768px) {
.order-template__price-totals {
float: right;
width: 33.33%;
padding-top: 0;
border-top: none;
}
}
.order-template__price-totals .order-template__subtotal,
.order-template__price-totals .order-template__tax-summary,
.order-template__price-totals .order-template__shipping-summary,
.order-template__price-totals .order-template__total-summary,
.order-template__price-totals .order-template__order-price-discount {
display: flex;
justify-content: space-between;
}
.order-template__inline-total {
padding-right: 0;
text-align: right;
}
.order-template__total-summary {
padding-top: 1rem;
border-top: 1px solid #f0f0f0;
}
.order-template__account-details {
width: 100%;
font-size: 1.0rem;
}
@media screen and (min-width: 768px) {
.order-template__account-details {
display: flex;
justify-content: space-between;
}
}
.order-template__billing-wrapper,
.order-template__shipping-wrapper,
.order-template__customer-note {
width: 100%;
}
@media screen and (min-width: 768px) {
.order-template__billing-wrapper,
.order-template__shipping-wrapper,
.order-template__customer-note {
width: 33.33%;
}
}
@media screen and (min-width: 768px) {
.order-template__billing-title,
.order-template__shipping-title,
.order-template__customer-note-title {
padding-bottom: 1.5rem;
margin-top: 2rem;
margin-bottom: 0;
font-size: var(--font-size-heading-4);
}
}
.order-template__details--mobile {
display: flex;
flex-direction: column;
padding-top: 0.75rem;
border-top: 1px solid #f0f0f0;
}
@media screen and (min-width: 768px) {
.order-template__details--mobile {
display: none;
}
}
.order-template__product-wrapper,
.order-template__sku-wrapper,
.order-template__price-wrapper,
.order-template__quantity-wrapper,
.order-template__total-wrapper {
display: flex;
justify-content: space-between;
margin-bottom: 0.75rem;
}
.order-template__product-title,
.order-template__sku-title,
.order-template__price-title,
.order-template__quantity-title,
.order-template__total-title,
.order-template__subtotal-title,
.order-template__shipping-summary-title,
.order-template__tax-summary-title {
font-weight: bold;
}
/* Order discounts */
.order-template__original-line-price {
display: block;
font-weight: normal;
color: #AE3333;
text-decoration: line-through;
text-shadow: none;
opacity: 0.5;
}
.order-template__order-price-discount-title {
flex: 1;
padding-right: 0.75rem;
font-weight: bold;
}
.order-template__final-line-price,
.order-template__total-allocated-amount {
color: #ff0000;
}
.registration-form__wrapper {
width: 100%;
}
@media screen and (min-width: 768px) {
.registration-form__wrapper {
width: 35%;
margin: 0 auto;
}
}
.registration-form__heading {
font-size: var(--font-size-heading-2);
text-align: center;
}
.registration-form__richtext-enabled .registration-form__heading {
margin-bottom: 0.75rem;
}
.registration-form__richtext-disabled .registration-form__heading {
margin-bottom: 2.5rem;
}
.registration-form__richtext p {
margin-bottom: 1rem;
text-align: center;
}
.registration-form__actions {
text-align: center;
}
.registration-form__accept-marketing {
display: flex;
align-items: center;
margin-bottom: 1.5rem;
}
.registration-form__accept-marketing-label p {
margin-left: 0.5rem;
line-height: 0.75rem;
}
.registration-form__button {
font-family: -apple-system,BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
font-style: normal;
font-weight: 400;
display: inline-block;
line-height: 1.4;
color: #FFFFFF;
text-decoration: none;
text-transform: none;
letter-spacing: 1px;
cursor: pointer;
background-color: #000000;
border: 1px solid #000000;
border-radius: 0;
outline: none;
transition: border-color 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out, box-shadow 0.2s ease-out;
padding: 0.75rem 1rem;
font-size: 1.0rem;
width: 100%;
margin-bottom: 1.5rem;
}
.registration-form__button:visited {
color: #FFFFFF;
}
.registration-form__button:hover:not(:disabled), .registration-form__button:focus, .registration-form__button:active {
color: #fff;
background-color: #0090e9;
border: 1px solid #0090e9;
box-shadow: 0 4px 16px 1px rgba(0, 0, 0, 0.25);
}
.registration-form__button:disabled, .registration-form__button.disabled {
cursor: not-allowed !important;
opacity: 0.4;
}.registration-form__button {
border-radius: 0.25rem;
}.restration-form__login-link a {
display: inline-block;
padding-bottom: 0.25rem;
color: #000000;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 0.1rem;
transition: color 0.2s ease-in-out;
text-transform: none;
letter-spacing: 0;
}
.restration-form__login-link a::after {
position: relative;
display: block;
width: 100%;
height: 1px;
cursor: pointer;
content: "";
background-color: #000000;
transform: translateY(0.25rem);
}
.restration-form__login-link a:hover {
color: #0090e9;
}
.restration-form__login-link a:hover::after {
background-color: #0090e9;
}
.login-template__wrapper, .activate-account__wrapper {
width: 100%;
}
@media screen and (min-width: 768px) {
.login-template__wrapper, .activate-account__wrapper {
width: 35%;
margin: 0 auto;
}
}
.login-template__login-email,
.login-template__login-password-input {
font-size: 1.0rem;
}
.login-template__login-button, .activate-account__button {
font-family: -apple-system,BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
font-style: normal;
font-weight: 400;
display: inline-block;
line-height: 1.4;
color: #FFFFFF;
text-decoration: none;
text-transform: none;
letter-spacing: 1px;
cursor: pointer;
background-color: #000000;
border: 1px solid #000000;
border-radius: 0;
outline: none;
transition: border-color 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out, box-shadow 0.2s ease-out;
padding: 0.75rem 1rem;
font-size: 1.0rem;
width: 100%;
margin: 1.5rem 0 1.5rem 0;
}
.login-template__login-button:visited, .activate-account__button:visited {
color: #FFFFFF;
}
.login-template__login-button:hover:not(:disabled), .activate-account__button:hover:not(:disabled), .login-template__login-button:focus, .activate-account__button:focus, .login-template__login-button:active, .activate-account__button:active {
color: #fff;
background-color: #0090e9;
border: 1px solid #0090e9;
box-shadow: 0 4px 16px 1px rgba(0, 0, 0, 0.25);
}
.login-template__login-button:disabled, .activate-account__button:disabled, .login-template__login-button.disabled, .disabled.activate-account__button {
cursor: not-allowed !important;
opacity: 0.4;
}.login-template__login-button, .activate-account__button {
border-radius: 0.25rem;
}.login-template__login-label {
padding-top: 0.5rem;
margin-bottom: 4rem;
text-align: center;
}
.login-template__login-label a {
display: inline-block;
padding-bottom: 0.25rem;
color: #000000;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 0.1rem;
transition: color 0.2s ease-in-out;
text-transform: none;
letter-spacing: 0;
}
.login-template__login-label a::after {
position: relative;
display: block;
width: 100%;
height: 1px;
cursor: pointer;
content: "";
background-color: #000000;
transform: translateY(0.25rem);
}
.login-template__login-label a:hover {
color: #0090e9;
}
.login-template__login-label a:hover::after {
background-color: #0090e9;
}
.login-template__heading, .activate-account__heading {
margin-bottom: 2.5rem;
font-size: var(--font-size-heading-2);
text-align: center;
}
input.login-template__login-password-input {
margin-bottom: 0.75rem;
}
.login-template__recover-password {
display: block;
font-size: 0.875rem;
text-decoration: none;
}
.login-template__recover-password-heading {
margin-bottom: 2.5rem;
text-align: center;
}
.login-template__recover-note {
margin-bottom: 0;
}
.login-template__recover-button {
font-family: -apple-system,BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
font-style: normal;
font-weight: 400;
display: inline-block;
line-height: 1.4;
color: #FFFFFF;
text-decoration: none;
text-transform: none;
letter-spacing: 1px;
cursor: pointer;
background-color: #000000;
border: 1px solid #000000;
border-radius: 0;
outline: none;
transition: border-color 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out, box-shadow 0.2s ease-out;
padding: 0.75rem 1rem;
font-size: 1.0rem;
width: 100%;
margin: 1.5rem 0 1.5rem 0;
}
.login-template__recover-button:visited {
color: #FFFFFF;
}
.login-template__recover-button:hover:not(:disabled), .login-template__recover-button:focus, .login-template__recover-button:active {
color: #fff;
background-color: #0090e9;
border: 1px solid #0090e9;
box-shadow: 0 4px 16px 1px rgba(0, 0, 0, 0.25);
}
.login-template__recover-button:disabled, .login-template__recover-button.disabled {
cursor: not-allowed !important;
opacity: 0.4;
}.login-template__recover-button {
border-radius: 0.25rem;
}.login-template__action-recover-note {
display: block;
margin-bottom: 4rem;
text-align: center;
}
.login-template__action-recover-note a {
display: inline-block;
padding-bottom: 0.25rem;
color: #000000;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 0.1rem;
transition: color 0.2s ease-in-out;
text-transform: none;
letter-spacing: 0;
}
.login-template__action-recover-note a::after {
position: relative;
display: block;
width: 100%;
height: 1px;
cursor: pointer;
content: "";
background-color: #000000;
transform: translateY(0.25rem);
}
.login-template__action-recover-note a:hover {
color: #0090e9;
}
.login-template__action-recover-note a:hover::after {
background-color: #0090e9;
}
.reset-password__wrapper {
width: 100%;
}
@media screen and (min-width: 768px) {
.reset-password__wrapper {
width: 35%;
margin: 0 auto;
}
}
.reset-password__heading {
margin-bottom: 2.5rem;
font-size: var(--font-size-heading-2);
text-align: center;
}
.reset-password__subtext {
text-align: center;
}
.reset-password__button {
font-family: -apple-system,BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
font-style: normal;
font-weight: 400;
display: inline-block;
line-height: 1.4;
color: #FFFFFF;
text-decoration: none;
text-transform: none;
letter-spacing: 1px;
cursor: pointer;
background-color: #000000;
border: 1px solid #000000;
border-radius: 0;
outline: none;
transition: border-color 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out, box-shadow 0.2s ease-out;
padding: 0.75rem 1rem;
font-size: 1.0rem;
width: 100%;
margin: 1.5rem 0 1.5rem 0;
}
.reset-password__button:visited {
color: #FFFFFF;
}
.reset-password__button:hover:not(:disabled), .reset-password__button:focus, .reset-password__button:active {
color: #fff;
background-color: #0090e9;
border: 1px solid #0090e9;
box-shadow: 0 4px 16px 1px rgba(0, 0, 0, 0.25);
}
.reset-password__button:disabled, .reset-password__button.disabled {
cursor: not-allowed !important;
opacity: 0.4;
}.reset-password__button {
border-radius: 0.25rem;
}.activate-account__heading {
margin-bottom: 1rem;
}
.activate-account-subtext {
text-align: center;
}
.activate-account__button-cancel {
padding: 0 0 0.25rem;
margin: auto;
display: block;
color: #000000;
background: transparent;
border: none;
border-bottom: solid 1px #000000;
}
.activate-account__button-cancel:hover {
cursor: pointer;
color: #0090e9;
border-color: #0090e9;
}
.cart-template__header {
max-width: 1200px;
margin: 2.5rem auto;
margin: 0 auto 2.5rem;
font-size: 1.0rem;
text-align: center;
}
.section-with-sidebar__wrapper .cart-template__header {
margin-top: 0;
}
@media screen and (min-width: 768px) {
.cart-template__header {
margin: 0 auto 3.5rem;
}
}
.cart-template__heading {
margin: 0;
text-align: center;
padding: 0;
margin-bottom: 0.75rem;
}
@media screen and (min-width: 768px) {
.cart-template__heading {
padding: 2.5rem 0 0.75rem;
}
}
.main-content--section-headings-left .cart-template__heading {
text-align: left;
}
.section-with-sidebar__wrapper .cart-template__heading {
padding-top: 0;
margin-top: 0;
}
@media screen and (min-width: 768px) {
.cart-template__heading {
padding: 0;
}
}
.cart-template__continue,
.cart-template__continue:visited {
padding-bottom: 0.25rem;
text-decoration: none;
border-bottom: 1px solid #000000;
transition: ease-in-out 0.3s color, ease-in-out 0.3s border-color;
}
.cart-template__continue:hover, .cart-template__continue:focus,
.cart-template__continue:visited:hover,
.cart-template__continue:visited:focus {
color: #0090e9;
border-color: #0090e9;
}
.cart-template__empty {
margin-top: 2.5rem;
}
@media screen and (min-width: 576px) {
.cart-template__empty {
margin-top: 3.5rem;
}
}
.cart-template__wrapper {
position: relative;
max-width: 1200px;
margin: 0 auto;
display: flex;
flex-direction: column;
}
.cart-template__items {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
margin: 1.5rem 0;
border-top: 1px solid #f0f0f0;
border-bottom: 1px solid #f0f0f0;
}
@media screen and (min-width: 768px) {
.cart-template__items {
padding-top: 0;
padding-bottom: 2rem;
margin-bottom: 1.5rem;
border-top: 0;
}
}
.cart-item {
display: grid;
grid-template-areas: "info qty-remove";
grid-template-rows: 1fr;
grid-template-columns: 6rem 1fr;
gap: 0 1rem;
margin-bottom: 2rem;
}
.cart-item:last-child {
margin-bottom: 0;
}
@media screen and (min-width: 768px) {
.cart-item {
grid-template-areas: "info price quantity total";
grid-template-rows: 1fr;
grid-template-columns: 50% 1fr 6.5rem 1fr;
gap: 0 2.5rem;
padding-top: 2rem;
margin-bottom: 0;
}
}
.cart-item.cart-item--titles {
display: none;
}
@media screen and (min-width: 768px) {
.cart-item.cart-item--titles {
display: grid;
padding-top: 0;
padding-bottom: 1.5rem;
font-size: 1.0rem;
font-weight: 700;
text-align: center;
border-bottom: 1px solid #f0f0f0;
}
}
.cart-item__info {
display: flex;
flex-direction: column;
grid-area: info;
align-items: flex-start;
width: 100%;
}
@media screen and (min-width: 768px) {
.cart-item__info {
flex-direction: row;
align-items: center;
}
}
.cart-item__info h2 {
font-family: -apple-system,BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
font-style: normal;
font-weight: 400;
font-size: 1.375rem;
}
.cart-item__info h2,
.cart-item__info p {
display: none;
}
@media screen and (min-width: 768px) {
.cart-item__info h2,
.cart-item__info p {
display: block;
margin: 0;
}
}
.cart-item__info .cart-item__remove {
display: none;
text-decoration: none;
transition: color 0.2s;
position: relative;
}
.cart-item__info .cart-item__remove::after {
position: absolute;
bottom: 0.05rem;
left: 0;
width: 100%;
height: 1px;
content: "";
background-color: #0090e9;
opacity: 0;
transition: opacity 0.2s ease;
}
.cart-item__info .cart-item__remove:hover::after {
opacity: 1;
}
@media screen and (min-width: 768px) {
.cart-item__info .cart-item__remove {
display: inline-block;
padding-top: 1rem;
}
}
.cart-item__image {
width: 100%;
}
.cart-item__image-link {
position: relative;
width: 100%;
}
@media screen and (min-width: 768px) {
.cart-item__image-link {
max-width: 33.3333%;
margin-right: 2.5rem;
}
}
.cart-item__variants {
font-size: 0.75rem;
}
@media screen and (min-width: 768px) {
.cart-item__variants {
font-size: initial;
}
}
.cart-item__selling-plan {
font-size: 0.8125rem;
}
.cart-info .cart-item__selling-plan {
display: none;
}
@media screen and (min-width: 768px) {
.cart-info .cart-item__selling-plan {
display: block;
}
}
.cart-item__properties {
margin: 0;
}
.cart-item__price {
display: none;
}
@media screen and (min-width: 768px) {
.cart-item__price {
display: flex;
flex-direction: column;
grid-area: price;
justify-content: center;
text-align: center;
}
}
.cart-item__unit-price {
font-size: 0.8125rem;
}
.cart-item__quantity {
display: flex;
flex-direction: column;
}
@media screen and (min-width: 768px) {
.cart-item__quantity {
flex-direction: column;
flex-wrap: initial;
grid-area: quantity;
justify-content: center;
}
}
.cart-item__quantity .cart-item__remove {
display: block;
text-decoration: none;
}
@media screen and (min-width: 768px) {
.cart-item__quantity .cart-item__remove {
display: none;
}
}
.cart-item__quantity-top {
display: flex;
width: 100%;
grid-area: top;
}
.cart-item__quantity-bottom {
display: flex;
width: 100%;
justify-content: space-between;
align-items: center;
grid-area: bottom;
}
.cart-item__quantity--left {
align-self: flex-start;
width: 50%;
margin-bottom: 0.5rem;
}
@media screen and (min-width: 768px) {
.cart-item__quantity--left {
display: none;
margin-bottom: 0;
}
}
.cart-item__quantity--left p {
margin-bottom: 0.25rem;
}
.cart-item__quantity--right {
align-self: flex-start;
justify-content: space-between;
width: 50%;
text-align: right;
}
@media screen and (min-width: 768px) {
.cart-item__quantity--right {
display: none;
width: auto;
text-align: center;
}
}
.cart-item__quantity-wrapper {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
max-height: 3rem;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.4);
border-radius: 0.5rem;
justify-content: center;
width: 6.5rem;
}
.cart-item__quantity-wrapper input {
width: 33.3333%;
padding: 0.75rem 0;
margin: 0.5rem 0;
text-align: center;
border: 0;
-moz-appearance: textfield;
}
.cart-item__quantity-wrapper input::-webkit-inner-spin-button, .cart-item__quantity-wrapper input::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.cart-item__quantity-wrapper button {
position: relative;
display: flex;
justify-content: center;
width: 33.3333%;
font-size: 0;
cursor: pointer;
background-color: transparent;
border: 0;
border-radius: 0.5rem;
}
.cart-item__quantity-wrapper button::after {
position: absolute;
top: 50%;
height: 11px;
transform: translateY(-50%);
}
.cart-item__quantity-wrapper .quantity--plus::after {
content: url('data:image/svg+xml,%3Csvg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M5 10.5C5 10.7761 5.22386 11 5.5 11C5.77614 11 6 10.7761 6 10.5V6H10.5C10.7761 6 11 5.77614 11 5.5C11 5.22386 10.7761 5 10.5 5H6V0.5C6 0.223858 5.77614 0 5.5 0C5.22386 0 5 0.223858 5 0.5V5H0.5C0.223858 5 0 5.22386 0 5.5C0 5.77614 0.223858 6 0.5 6H5V10.5Z" fill="%23000000"/%3E%3C/svg%3E');
}
.no-js .cart-item__quantity-wrapper .quantity--plus {
display: none;
}
.cart-item__quantity-wrapper .quantity--minus::after {
padding-top: 11px;
content: url('data:image/svg+xml,%3Csvg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M0 0.5C0 0.223858 0.223858 0 0.5 0H10.5C10.7761 0 11 0.223858 11 0.5C11 0.776142 10.7761 1 10.5 1H0.5C0.223858 1 0 0.776142 0 0.5Z" fill="%23000000"/%3E%3C/svg%3E');
}
.no-js .cart-item__quantity-wrapper .quantity--minus {
display: none;
}
@media screen and (min-width: 768px) {
.cart-item__quantity-wrapper {
width: 100%;
}
}
.cart-item__quantity-wrapper input {
padding: 0.75rem 0;
margin: 0;
}
.cart-template__discounts {
display: inline-block;
list-style: none;
padding-left: 0;
margin: 0;
}
.cart-template__order-subtotal {
font-weight: 700;
}
.cart-item__total {
display: none;
}
@media screen and (min-width: 768px) {
.cart-item__total {
display: flex;
flex-direction: column;
grid-area: total;
justify-content: center;
text-align: right;
}
}
.cart-item__title {
text-decoration: none;
}
.cart-item__title h2 {
color: #000000;
}
@media screen and (min-width: 768px) {
.cart-item__title h2 {
margin: 0;
font-size: 1.375rem;
}
}
.cart-template__quantity {
display: flex;
align-items: center;
margin: 1rem 0;
}
.cart-template__quantity input {
width: auto;
margin: 0 0 0 0.75rem;
}
@media screen and (min-width: 768px) {
.cart-template__subtotal {
display: flex;
justify-content: space-between;
}
}
@media screen and (min-width: 768px) {
.cart-template__notes {
width: 50%;
}
}
.cart-template__terms {
display: flex;
justify-content: flex-end;
align-items: center;
margin: 1rem 0 0;
}
.cart-template__terms input {
margin-right: 0.75rem;
height: 1rem;
width: 1rem;
}
.cart-template__terms label p {
margin: 0;
}
.cart-template__checkout {
text-align: right;
}
@media screen and (min-width: 768px) {
.cart-template__checkout {
width: 50%;
}
}
.cart-template__checkout p {
margin-bottom: 0.25rem;
}
.cart-template__cart-total {
font-size: 1.375rem;
}
.cart-template__minor-text {
font-size: 0.8125rem;
}
.cart-template__checkout-buttons {
float: right;
width: 50%;
margin-top: 1.5rem;
}
@media screen and (min-width: 768px) {
.cart-template__checkout-buttons {
width: 30%;
}
}
.no-js .cart-template__checkout-buttons {
width: 100%;
}
@media screen and (min-width: 768px) {
.no-js .cart-template__checkout-buttons {
display: flex;
align-items: flex-end;
float: none;
width: 70%;
margin-left: auto;
}
}
.cart-template__add-to-cart {
font-family: -apple-system,BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
font-style: normal;
font-weight: 400;
display: inline-block;
line-height: 1.4;
color: #FFFFFF;
text-decoration: none;
text-transform: none;
letter-spacing: 1px;
cursor: pointer;
background-color: #000000;
border: 1px solid #000000;
border-radius: 0;
outline: none;
transition: border-color 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out, box-shadow 0.2s ease-out;
padding: 0.75rem 1rem;
font-size: 1.0rem;
width: 100%;
}
.cart-template__add-to-cart:visited {
color: #FFFFFF;
}
.cart-template__add-to-cart:hover:not(:disabled), .cart-template__add-to-cart:focus, .cart-template__add-to-cart:active {
color: #fff;
background-color: #0090e9;
border: 1px solid #0090e9;
box-shadow: 0 4px 16px 1px rgba(0, 0, 0, 0.25);
}
.cart-template__add-to-cart:disabled, .cart-template__add-to-cart.disabled {
cursor: not-allowed !important;
opacity: 0.4;
}.cart-template__add-to-cart {
border-radius: 0.25rem;
}@media screen and (min-width: 768px) {
.no-js .cart-template__add-to-cart {
flex: 0 1 50%;
}
}
@media screen and (min-width: 768px) {
.cart-update-noscript {
flex: 0 1 50%;
margin-right: 0.5rem;
}
}
.cart-template__update-cart {
font-family: -apple-system,BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
font-style: normal;
font-weight: 400;
display: inline-block;
line-height: 1.4;
color: #FFFFFF;
text-decoration: none;
text-transform: none;
letter-spacing: 1px;
cursor: pointer;
background-color: #000000;
border: 1px solid #000000;
border-radius: 0;
outline: none;
transition: border-color 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out, box-shadow 0.2s ease-out;
padding: 0.75rem 1rem;
font-size: 1.0rem;
color: #000000;
background-color: transparent;
border: 1px solid #000000;
width: 100%;
margin-bottom: 0.5rem;
}
.cart-template__update-cart:visited {
color: #FFFFFF;
}
.cart-template__update-cart:hover:not(:disabled), .cart-template__update-cart:focus, .cart-template__update-cart:active {
color: #fff;
background-color: #0090e9;
border: 1px solid #0090e9;
box-shadow: 0 4px 16px 1px rgba(0, 0, 0, 0.25);
}
.cart-template__update-cart:disabled, .cart-template__update-cart.disabled {
cursor: not-allowed !important;
opacity: 0.4;
}
.cart-template__update-cart:visited {
color: #000000;
}
.cart-template__update-cart:hover:not(:disabled), .cart-template__update-cart:focus, .cart-template__update-cart:active {
color: #FFFFFF;
background-color: #000000;
border: 1px solid #000000;
}.cart-template__update-cart {
border-radius: 0.25rem;
}@media screen and (min-width: 768px) {
.cart-template__update-cart {
flex: 0 1 50%;
margin-bottom: 0;
}
}
.applied-discount {
color: #ff0000;
}
.applied-discount .applied-discount__title {
font-weight: 700;
}
.discount-wrap {
white-space: nowrap;
}
.password-page__background {
color: #ffffff;
background-color: #000000;
}
.password-page {
display: flex;
flex-direction: column;
justify-content: center;
}
.password-page a,
.password-page a:hover {
color: #ffffff;
}
.password-page__wrapper {
position: relative;
max-width: 1200px;
margin: 0 auto;
}
.password-page__shop-title {
font-family: -apple-system,BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
font-style: normal;
font-weight: 400;
margin: 0;
font-size: 1.0rem;
color: #ffffff;
text-transform: none;
}
.password-page__opening-message {
margin: 0.5rem auto 1rem 0;
color: #ffffff;
}
.password-page__message {
font-size: 1.0rem;
}
.password-page__logo-img {
max-width: var(--password-page-logo-width);
margin: 0 auto;
}
.password-page__follow {
margin-top: 4.5rem;
margin-bottom: 0;
font-size: var(--font-size-heading-4);
color: #ffffff;
}
.password-page .newsletter-form {
max-width: 25rem;
padding: 1.5rem 0 1.5rem 0;
margin: 0 auto;
}
@media screen and (min-width: 768px) {
.password-page .newsletter-form__sign-up,
.password-page .newsletter-form__contact-email {
margin: 0.5rem 0;
}
}
.password-page__social {
margin-bottom: 4.5rem;
}
.password-page__social .social-icons {
justify-content: center;
}
.password-page__social .social-icons li {
margin-right: 0.5rem;
margin-left: 0.5rem;
}
.password-page__footer {
margin-top: 1.5rem;
font-size: 0.8125rem;
}
/* Password Page Modal CSS */
.password-page__controls {
margin-top: 1rem;
text-align: center;
}
@media screen and (min-width: 576px) {
.password-page__controls {
position: relative;
display: block;
margin: 1rem 2rem 1rem auto;
text-align: right;
}
}
.password-page__controls a {
display: inline-block;
padding-bottom: 0.25rem;
color: #000000;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 0.1rem;
transition: color 0.2s ease-in-out;
color: #ffffff;
text-transform: none;
letter-spacing: 0;
}
.password-page__controls a::after {
position: relative;
display: block;
width: 100%;
height: 1px;
cursor: pointer;
content: "";
background-color: #000000;
transform: translateY(0.25rem);
}
.password-page__controls a:hover {
color: #0090e9;
}
.password-page__controls a:hover::after {
background-color: #0090e9;
}
.password-page__controls a:hover {
color: #ffffff;
}
.password-page__controls a::after,
.password-page__controls a:hover::after {
background-color: #ffffff;
}
.password-page__modalbox {
display: block;
width: 100%;
max-width: 100%;
text-align: center;
}
@media screen and (min-width: 576px) {
.password-page__modalbox {
position: absolute;
top: 1rem;
right: 0;
bottom: 0;
left: 0;
z-index: 2001;
height: 100%;
padding: 0;
}
}
.password-page__overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
max-height: 100%;
visibility: hidden;
background: rgba(255, 255, 255, 0.95);
opacity: 0;
transition: all 0.5s ease;
}
.password-page__close-me {
z-index: 2002;
display: block;
text-align: right;
}
.password-page__close-me a {
color: #000;
}
@media screen and (min-width: 576px) {
.password-page__close-me {
margin: 0;
}
}
.password-page__close-icon {
padding: 0;
margin: 1rem;
color: #000;
cursor: pointer;
background-color: transparent;
border: none;
}
.password-page__overlay-open {
visibility: visible;
opacity: 1;
transition: opacity 0.5s;
}
.password-page__modalbox-inputbox {
position: absolute;
top: 50%;
left: 50%;
display: table;
max-width: 80%;
margin: 0 auto;
color: #000;
text-align: center;
transform: translate(-50%, -50%);
}
.password-page__modalbox-inputbox form {
margin-bottom: 1.25rem;
}
.password-page__modalbox-password {
display: block;
}
.password-page__form-actions {
margin-top: 0.5rem;
margin-left: 0.5rem;
}
.password-page__form-wrapper {
display: flex;
}
.password-page__owner {
margin-top: 1rem;
font-size: 0.875rem;
opacity: 0.8;
}
.password-page__button {
font-family: -apple-system,BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
font-style: normal;
font-weight: 400;
display: inline-block;
line-height: 1.4;
color: #FFFFFF;
text-decoration: none;
text-transform: none;
letter-spacing: 1px;
cursor: pointer;
background-color: #000000;
border: 1px solid #000000;
border-radius: 0;
outline: none;
transition: border-color 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out, box-shadow 0.2s ease-out;
padding: 0.75rem 1rem;
font-size: 1.0rem;
}
.password-page__button:visited {
color: #FFFFFF;
}
.password-page__button:hover:not(:disabled), .password-page__button:focus, .password-page__button:active {
color: #fff;
background-color: #0090e9;
border: 1px solid #0090e9;
box-shadow: 0 4px 16px 1px rgba(0, 0, 0, 0.25);
}
.password-page__button:disabled, .password-page__button.disabled {
cursor: not-allowed !important;
opacity: 0.4;
}.password-page__button {
border-radius: 0.25rem;
}.shopify a {
padding-left: 1.25rem;
color: ;
text-decoration: none;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAYAAADUryzEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA0JJREFUeNqMU81vG0UU/83sR73YG+M4xrHj4jj9UCFNSaGlQQUhhFBRpXIo6jEHQFXFAbhy4B/gioTgzgGV7ws5IAoqUgUSoWoIaZJGpGpMHDuptf5a7+fM8nZpJaRy4M0+jd7szO/93u/NsAsX5vFvi6IInHNUq5NnstnsqXp96xur3f392HNlrIcLePHkS8hlTchIJvtVSTOjIaSAwhkiGsXi+BudjjVp28Oj+XzhrPDZh5qqfoIQD5j6wrxHCAJ6UMXVr3pgnB0c9O2843jrE5XMtZER47GTp+bOqfn++d9+Ct5TuLrCGAcjpgnAWEVSdg8HSyWUzTl8v7D08szxSltPB6/OPDWeW/q1caI2O0zfbrThBM7pjdbiz9PG7LsK01epYKiCaMlIQadnHag9UZ2vbuqvl47tVMwcY3fdFjLFCIHksB0bQojCTmfzlWyHf53S0qsyigESMRS0uqtvNbs330nXNHhRAWl3ChnNhLG/jzBy4fg27pGG5TSqWsARV6EGwk+WScgymIQ5auLpyTdRHj2arC//9QXuDpfgeDYkQcgoZixq4DKuAGoo7wEwVg5DD3PVt1EafRzL21/C0HJo9f4gYUO4gZNkFMk5Nkli3wcI4vP7yIvxhsLIIXhBHzfqlzHwWihkDiNjPEwlDJNE/zDABGPQKfR5QAzI8wRU9IWNurWIlJbF+dmP8Ig5ja67Az8cwvWdmCVi4YSMSlTzODjAQxGAvCZkaIpI4MeN97Fc/xbpfXk8WXmNqPcw9C1idR8gKSNN06GYEScZYwZVJ+xj/8hpPJp9HmvNK/Bd6g0zEXfJ9rvEwE0A4qbFLOibimN15RcLR57JVFx7iLGHpvFs9RJ8QZvofmzsXoEXDqAqWiIiyUaAUSIkBTVVY1BuXuth6rhxcaxizDb619EcrGPg7+JG8zJWdj8HZwplk7hTHyDiKrU5BVWXyKT57ncfNz9TRBjxrRWn3/zT2+7seV7DWuabnR+MTrCm6ikNnLLEL3R720dmQkMqFz8dia3rdmvhg8an7MH3hZRhKuVsQTtcPmCcGK+lZvLl1JEdK9T7PW9t75a72L7tXh3sBbdEELXxP00h1//rx98CDACS7p3N/ZPUwQAAAABJRU5ErkJggg==);
background-repeat: no-repeat;
}
.error-page__heading {
margin: 0;
text-align: center;
}
@media screen and (min-width: 768px) {
.error-page__heading {
padding: 2.5rem 0 0.75rem;
}
}
.main-content--section-headings-left .error-page__heading {
text-align: left;
}
.section-with-sidebar__wrapper .error-page__heading {
padding-top: 0;
margin-top: 0;
}
.main-content--section-headings-left .error-page__heading, .main-content--section-headings-right .error-page__heading {
text-align: center;
}
.error-page__content-wrapper {
position: relative;
max-width: 1200px;
margin: 0 auto;
}
.error-page__quote {
font-size: 16px;
font-style: italic;
}
.error-page__continue-shopping a {
display: inline-block;
padding-bottom: 0.25rem;
color: #000000;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 0.1rem;
transition: color 0.2s ease-in-out;
text-transform: none;
letter-spacing: 0;
}
.error-page__continue-shopping a::after {
position: relative;
display: block;
width: 100%;
height: 1px;
cursor: pointer;
content: "";
background-color: #000000;
transform: translateY(0.25rem);
}
.error-page__continue-shopping a:hover {
color: #0090e9;
}
.error-page__continue-shopping a:hover::after {
background-color: #0090e9;
}
.search-template {
margin-top: 2.5rem;
}
@media screen and (min-width: 768px) {
.search-template {
margin: 3rem 24px;
}
}
@media screen and (min-width: 768px) and (min-width: 576px) {
.search-template {
margin: 3rem 32px;
}
}
@media screen and (min-width: 768px) and (min-width: 768px) {
.search-template {
margin: 3.5rem 40px;
}
}
@media screen and (min-width: 768px) and (min-width: 960px) {
.search-template {
margin: 3.5rem 56px;
}
}
.search-template__header {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
max-width: 24rem;
margin: 0 auto;
margin-bottom: 1.5rem;
}
@media screen and (min-width: 768px) {
.search-template__header {
margin-bottom: 3.5rem;
}
}
.search-template__heading {
margin: 0;
font-size: var(--font-size-heading-2);
}
.search-template__description {
margin-top: 0.75rem;
margin-bottom: 0;
}
.search-template__form {
width: 100%;
margin-top: 1.5rem;
}
.search-template__form-field {
position: relative;
}
input[type=text].search-template__form-input {
padding-left: 3.5rem;
margin-bottom: 0;
}
.search-template__form-submit {
position: absolute;
top: 50%;
left: 1rem;
width: 1.5rem;
height: 1.5rem;
padding: 0.125rem;
color: #000000;
cursor: pointer;
background-color: transparent;
border: 0;
transform: translateY(-50%);
}
.search-icon {
display: inline-block;
width: 100%;
height: 100%;
}
.search-icon svg {
display: block;
width: 100%;
height: 100%;
}
.search-template__wrapper {
position: relative;
max-width: 1200px;
margin: 0 auto;
}
.search-template__results-count {
padding-top: 1.5rem;
margin-top: 0;
margin-bottom: 1.5rem;
text-align: center;
}
@media screen and (min-width: 768px) {
.search-template__results-count {
margin-top: 1.5rem;
font-size: var(--font-size-heading-4);
border-top: 1px solid #f0f0f0;
}
}
.search-template__results-count p {
font-size: 1.0rem;
}
.search-template__results-products,
.search-template__results-articles {
display: grid;
grid-template-columns: 1fr;
grid-gap: 24px;
}
.search-template__results-1-mobile-column .search-template__results-products,
.search-template__results-1-mobile-column .search-template__results-articles {
grid-template-columns: 1fr;
}
.search-template__results-2-mobile-column .search-template__results-products,
.search-template__results-2-mobile-column .search-template__results-articles {
grid-template-columns: repeat(2, 1fr);
}
@media screen and (min-width: 768px) {
.search-template__results-products,
.search-template__results-articles {
grid-gap: 40px;
}
.search-template__results-2-column .search-template__results-products,
.search-template__results-2-column .search-template__results-articles {
grid-template-columns: repeat(2, 1fr);
}
.search-template__results-3-column .search-template__results-products,
.search-template__results-3-column .search-template__results-articles {
grid-template-columns: repeat(3, 1fr);
}
.search-template__results-4-column .search-template__results-products,
.search-template__results-4-column .search-template__results-articles {
grid-template-columns: repeat(4, 1fr);
}
}
.search-template__grid-heading {
display: none;
margin-bottom: 1rem;
font-size: 1.0rem;
font-weight: 700;
}
.search-template__grid-wrapper--with-heading .search-template__grid-heading {
display: block;
}
.search-template__grid-wrapper--spacer {
margin-top: 40px;
}
.search-template__result-page-link {
font-size: 1.0rem;
text-decoration: none;
}
.search-template__result-blog a,
.search-template__result-page a {
color: #000000;
text-decoration: none;
}
.search-template__result-blog a:hover, .search-template__result-blog a:visited,
.search-template__result-page a:hover,
.search-template__result-page a:visited {
color: #000000;
}
.search-template__result-blog--title,
.search-template__result-page-link {
font-size: 1.0rem;
}
.search-template__result-blog--meta {
font-size: 0.8125rem;
}
.search-template__result-blog--meta span::before {
padding: 0 0.25rem;
content: "·";
}
.search-template__result-blog--meta span:first-child::before {
display: none;
}
.search-template__result-blog--info {
margin-top: 0.75rem;
}
@media screen and (min-width: 768px) {
.search-template__result-blog--info {
margin-top: 1rem;
}
}
.search-template__result-blog--media-wrapper {
position: relative;
}
.search-template--section-with-sidebar .search-template__wrapper {
margin: 2.5rem 0 2.5rem;
}
@media screen and (min-width: 576px) {
.search-template--section-with-sidebar .search-template__wrapper {
margin: 3.5rem 0 3.5rem;
}
}
@media screen and (min-width: 768px) {
.search-template--section-with-sidebar .search-template__wrapper {
flex: 1 1 auto;
margin: 0 0 0 40px;
}
}
@media screen and (min-width: 960px) {
.search-template--section-with-sidebar .search-template__wrapper {
margin: 0 0 0 40px;
}
}
.search-template--sidebar {
display: none;
}
@media screen and (min-width: 768px) {
.search-template--sidebar {
display: block;
}
}
/* Sections */
.article-template--width-wide {
margin-top: 0;
}
@media screen and (min-width: 576px) {
.article-template--width-wide {
margin-top: 0;
}
}
@media screen and (min-width: 768px) {
.article-template--width-wide {
margin-top: 0;
}
}
@media screen and (min-width: 960px) {
.article-template--width-wide {
margin-top: 0;
}
}
.article-template__banner {
position: relative;
}
.article-template__banner .image-with-text-overlay--wide {
margin-bottom: 2rem;
}
@media screen and (min-width: 576px) {
.article-template__banner .image-with-text-overlay--wide {
margin-bottom: 2rem;
}
}
@media screen and (min-width: 768px) {
.article-template__banner .image-with-text-overlay--wide {
margin-bottom: 3rem;
}
}
.article-template__banner .image-with-text-overlay__image {
height: 37.5rem;
}
.article-template__banner .image-with-text-overlay__content-wrapper {
max-width: 800px;
}
.article-template__banner .image-with-text-overlay--text-position-center-center .image-with-text-overlay__content-wrapper {
align-items: center;
justify-content: center;
text-align: center;
}
.article-template__banner .image-with-text-overlay__heading {
font-family: -apple-system,BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
font-style: normal;
font-weight: 400;
font-size: var(--font-size-heading-2);
line-height: 1.3;
text-decoration: none;
text-transform: none;
letter-spacing: 1px;
text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.4);
}
@media screen and (min-width: 768px) {
.article-template__banner .image-with-text-overlay__heading {
font-size: 2.75rem;
}
}.article-template__banner .image-with-text-overlay__heading {
font-weight: bolder;
}@media screen and (min-width: 768px) {
.article-template__banner .image-with-text-overlay__heading {
font-size: 2.75rem;
}
}
.article-template__banner .image-with-text-overlay__heading a {
color: inherit;
text-decoration: none;
}
.article-template__banner .image-with-text-overlay__heading a:visited, .article-template__banner .image-with-text-overlay__heading a:hover, .article-template__banner .image-with-text-overlay__heading a:focus, .article-template__banner .image-with-text-overlay__heading a:active {
color: inherit;
}
.article-template__banner .image-with-text-overlay__preheading,
.article-template__banner .image-with-text-overlay__subheading {
font-family: -apple-system,BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
font-style: normal;
font-weight: 400;
font-size: 1.0rem;
line-height: 1.5;
text-decoration: none;
text-transform: uppercase;
text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.4);
}
@media screen and (min-width: 768px) {
.article-template__banner .image-with-text-overlay__preheading,
.article-template__banner .image-with-text-overlay__subheading {
font-size: 1.125rem;
}
}
.article-template__breadcrumbs--no-sidebar {
max-width: 800px;
margin: 0 auto;
}
.article-template--section-with-sidebar .article-template__wrapper-content {
margin: 2.5rem 0 2.5rem;
}
@media screen and (min-width: 576px) {
.article-template--section-with-sidebar .article-template__wrapper-content {
margin: 3.5rem 0 3.5rem;
}
}
@media screen and (min-width: 768px) {
.article-template--section-with-sidebar .article-template__wrapper-content {
flex: 1 1 auto;
margin: 0 0 0 40px;
}
}
@media screen and (min-width: 960px) {
.article-template--section-with-sidebar .article-template__wrapper-content {
margin: 0 0 0 40px;
}
}
.article-template--section-with-sidebar .article-template__wrapper {
margin: 0;
}
.article-template__sidebar--hide-mobile {
display: none;
}
@media screen and (min-width: 768px) {
.article-template__sidebar--hide-mobile {
display: block;
}
}
.article-template__bottom-sidebar {
display: block;
}
@media screen and (min-width: 768px) {
.article-template__bottom-sidebar {
display: none;
}
}
.article-template__wrapper {
max-width: 800px;
margin: 0 auto;
}
.article-template__meta {
margin: 0 auto 2.5rem;
text-align: center;
}
@media screen and (min-width: 768px) {
.article-template__meta {
margin: 3.5rem auto 2.5rem;
}
.article-template--section-with-sidebar .article-template__meta {
margin-top: 0;
}
}
.article-template__meta-banner-true {
margin: 1.5rem 0 1rem 0;
text-align: left;
}
.article-template__heading {
margin: 0 auto;
}
.article-template__meta-date {
margin-bottom: 0.25rem;
font-size: 0.875rem;
}
.article-template__meta-author {
margin-top: 0.5rem;
font-size: 0.875rem;
}
.article-template__articles {
max-width: 800px;
}
.article-template__image {
position: relative;
margin-bottom: 1.5rem;
}
.article-template__image img {
width: 100%;
}
.article-template__content {
margin-top: 1rem;
}
@media screen and (min-width: 768px) {
.article-template__content {
margin-top: 0;
}
}
.article-template__content blockquote {
border-left: 0.5rem solid #f0f0f0;
}
.article-template__content tr {
border-color: #f0f0f0;
}
.article-template__content td,
.article-template__content th {
padding: 1rem 1rem 1rem 0;
border-color: #f0f0f0;
}
.article-template__tags {
display: flex;
flex-wrap: wrap;
margin-top: 1.5rem;
}
.article-template__tag {
display: inline-block;
padding: 0.25rem 0.75rem;
margin: 0;
font-size: 0.8125rem;
color: #000000;
text-decoration: none;
background-color: rgba(0, 0, 0, 0.1);
border-radius: 1.25rem;
margin: 0 0.5rem 0.5rem 0;
}
.article-template__tag:visited {
color: #000000;
}
.article-template__tag a {
color: #000000;
text-decoration: none;
}
.article-template__articles-wrapper {
position: relative;
max-width: 1200px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr;
grid-gap: 32px 40px;
padding: 0;
list-style-type: none;
}
@media screen and (min-width: 576px) {
.article-template__articles-wrapper.article-template__articles-wrapper--3-column {
grid-template-columns: repeat(3, 1fr);
}
.article-template__articles-wrapper.article-template__articles-wrapper--2-column {
grid-template-columns: repeat(2, 1fr);
}
.article-template__articles-wrapper.article-template__articles-wrapper--1-column {
grid-template-columns: 1fr;
max-width: 50%;
}
}
.article-template__articles-header {
max-width: 1200px;
margin: 2.5rem auto;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
width: 100%;
margin: 1rem auto;
}
.section-with-sidebar__wrapper .article-template__articles-header {
margin-top: 0;
}
.article-template__articles--none {
margin: 1rem auto;
text-align: center;
}
.article-template__meta-comment-count {
display: block;
margin-top: 0.5rem;
}
.article-template__meta-comment-count-link {
display: inline-block;
padding-bottom: 0.25rem;
color: #000000;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 0.1rem;
transition: color 0.2s ease-in-out;
font-size: 0.8125rem;
}
.article-template__meta-comment-count-link::after {
position: relative;
display: block;
width: 100%;
height: 1px;
cursor: pointer;
content: "";
background-color: #000000;
transform: translateY(0.25rem);
}
.article-template__meta-comment-count-link:hover {
color: #0090e9;
}
.article-template__meta-comment-count-link:hover::after {
background-color: #0090e9;
}
.article-info__comments {
padding-top: 2rem;
margin-top: 2rem;
border-top: 1px solid #f0f0f0;
}
.article-info__comments.article-info__comments--none {
padding-top: 0;
margin-top: 0;
border-top: none;
}
.article-template__new-comment {
padding-top: 2rem;
margin-top: 2rem;
border-top: 1px solid #f0f0f0;
}
.article-template__new-comment-title {
margin-top: 0;
margin-bottom: 2rem;
}
.article-template__new-comment-title,
.article-template__comment-count {
font-size: var(--font-size-heading-3);
}
.article-template__comment-count {
margin-top: 0;
margin-bottom: 1.5rem;
}
.blog-comment {
margin-top: 2rem;
}
.blog-comment:first-of-type {
margin-top: 0;
}
.blog-comment__content {
margin-bottom: 0.5rem;
}
.blog-comment__author-bio h3 {
margin-top: 0;
margin-bottom: 0.5rem;
font-size: 1.0rem;
font-weight: bold;
text-transform: none;
}
.blog-comment__date {
font-size: 0.875rem;
opacity: 0.7;
}
.comment-form__submit input {
font-family: -apple-system,BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
font-style: normal;
font-weight: 400;
display: inline-block;
line-height: 1.4;
color: #FFFFFF;
text-decoration: none;
text-transform: none;
letter-spacing: 1px;
cursor: pointer;
background-color: #000000;
border: 1px solid #000000;
border-radius: 0;
outline: none;
transition: border-color 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out, box-shadow 0.2s ease-out;
padding: 0.75rem 1rem;
font-size: 1.0rem;
}
.comment-form__submit input:visited {
color: #FFFFFF;
}
.comment-form__submit input:hover:not(:disabled), .comment-form__submit input:focus, .comment-form__submit input:active {
color: #fff;
background-color: #0090e9;
border: 1px solid #0090e9;
box-shadow: 0 4px 16px 1px rgba(0, 0, 0, 0.25);
}
.comment-form__submit input:disabled, .comment-form__submit input.disabled {
cursor: not-allowed !important;
opacity: 0.4;
}.comment-form__submit input {
border-radius: 0.25rem;
}.blog-posts .flickity-viewport {
transition: height 0.4s ease-in-out;
}
.blog-posts__header {
max-width: 1200px;
margin: 2.5rem auto;
}
.section-with-sidebar__wrapper .blog-posts__header {
margin-top: 0;
}
.blog-posts__heading {
margin: 0;
text-align: center;
}
@media screen and (min-width: 768px) {
.blog-posts__heading {
padding: 2.5rem 0 0.75rem;
}
}
.main-content--section-headings-left .blog-posts__heading {
text-align: left;
}
.section-with-sidebar__wrapper .blog-posts__heading {
padding-top: 0;
margin-top: 0;
}
.blog-posts__wrapper {
position: relative;
max-width: 1200px;
margin: 0 auto;
padding: 0 0 2.5rem;
list-style-type: none;
}
@media screen and (min-width: 768px) {
.blog-posts__wrapper {
display: grid;
grid-template-columns: 1fr;
grid-gap: 40px;
justify-items: center;
padding: 0;
}
.main-content--section-headings-left .blog-posts__wrapper {
justify-items: start;
}
}
.blog-posts__wrapper--2-column {
grid-template-columns: repeat(2, 1fr);
}
.blog-posts__wrapper--3-column {
grid-template-columns: repeat(3, 1fr);
}
.blog-template--width-wide {
max-width: 100%;
margin-inline: 0;
margin-top: 0;
}
@media screen and (min-width: 576px) {
.blog-template--width-wide {
margin-top: 0;
}
}
@media screen and (min-width: 768px) {
.blog-template--width-wide {
margin-top: 0;
}
}
@media screen and (min-width: 960px) {
.blog-template--width-wide {
margin-top: 0;
}
}
.blog-template__content-wrapper {
margin: 1.5rem 24px;
}
@media screen and (min-width: 576px) {
.blog-template__content-wrapper {
margin: 1.5rem 32px;
}
}
@media screen and (min-width: 768px) {
.blog-template__content-wrapper {
margin: 2rem 40px;
}
}
@media screen and (min-width: 960px) {
.blog-template__content-wrapper {
margin: 2rem 56px;
}
}
.blog-template__sidebar--hide-mobile {
display: none;
}
@media screen and (min-width: 768px) {
.blog-template__sidebar--hide-mobile {
display: block;
}
}
.blog-template__bottom-sidebar {
display: block;
}
@media screen and (min-width: 768px) {
.blog-template__bottom-sidebar {
display: none;
}
}
.section-with-sidebar_wrapper .blog-template__blog-posts {
margin: 2.5rem 0 2.5rem;
}
@media screen and (min-width: 576px) {
.section-with-sidebar_wrapper .blog-template__blog-posts {
margin: 3.5rem 0 3.5rem;
}
}
@media screen and (min-width: 768px) {
.section-with-sidebar_wrapper .blog-template__blog-posts {
flex: 1 1 auto;
margin: 0 0 0 40px;
}
}
@media screen and (min-width: 960px) {
.section-with-sidebar_wrapper .blog-template__blog-posts {
margin: 0 0 0 40px;
}
}
.blog-template__header {
max-width: 1200px;
margin: 2.5rem auto;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
width: 100%;
}
.section-with-sidebar__wrapper .blog-template__header {
margin-top: 0;
}
.blog-template__header .breadcrumbs {
margin: 0 auto;
}
.main-content--section-headings-left .blog-template__header .breadcrumbs {
margin: 0;
}
@media screen and (min-width: 576px) {
.blog-template__header .breadcrumbs {
margin-right: 0;
margin-left: 0;
}
}
@media screen and (min-width: 576px) {
.blog-template__banner ~ .blog-template__header {
margin: 2.5rem auto;
}
}
.blog-template__tag-wrapper {
width: 100%;
margin: 0 0.75rem;
}
.main-content--section-headings-left .blog-template__tag-wrapper {
width: 100%;
margin: 0 auto;
}
@media screen and (min-width: 576px) {
.blog-template__tag-wrapper {
width: auto;
margin: 0 auto;
}
}
.blog-template__blog-tags {
display: flex;
flex-wrap: wrap;
justify-content: center;
padding: 0 0 0.5rem;
margin: 0;
list-style-type: none;
}
.main-content--section-headings-left .blog-template__blog-tags {
justify-content: flex-start;
}
.blog-template__blog-tags li {
margin: 0;
}
.blog-template__blog-tag {
display: inline-block;
padding: 0.25rem 0.75rem;
margin: 0;
font-size: 0.8125rem;
color: #000000;
text-decoration: none;
background-color: rgba(0, 0, 0, 0.1);
border-radius: 1.25rem;
margin: 0.75rem 0.5rem 0.5rem 0;
color: #000000;
}
.blog-template__blog-tag:visited {
color: #000000;
}
.blog-template__blog-tag:visited {
color: #000000;
}
.blog-template__blog-tag:hover, .blog-template__blog-tag:focus {
color: #000000;
}
.blog-template__content {
width: 100%;
}
.blog-template__heading {
margin: 0;
text-align: center;
}
@media screen and (min-width: 768px) {
.blog-template__heading {
padding: 2.5rem 0 0.75rem;
}
}
.main-content--section-headings-left .blog-template__heading {
text-align: left;
}
.section-with-sidebar__wrapper .blog-template__heading {
padding-top: 0;
margin-top: 0;
}
@media screen and (min-width: 576px) {
.blog-template__heading {
padding-top: 0;
}
}
.blog-template__text {
text-align: center;
}
.blog-template__banner .image-with-text-overlay__heading {
text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.4);
}
.blog-template__wrapper {
width: 100%;
}
.blog-template__blog-posts {
position: relative;
max-width: 1200px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr;
grid-gap: 32px 24px;
padding: 0;
list-style-type: none;
}
@media screen and (min-width: 576px) {
.blog-template__blog-posts {
grid-gap: 40px 32px;
}
}
.section-with-sidebar__wrapper .blog-template__blog-posts {
margin: 1.5rem 0 2.5rem;
}
@media screen and (min-width: 576px) {
.section-with-sidebar__wrapper .blog-template__blog-posts {
margin: 1.5rem 0 3.5rem;
}
}
@media screen and (min-width: 768px) {
.section-with-sidebar__wrapper .blog-template__blog-posts {
flex: 1 1 auto;
margin: 0 0 0 40px;
}
}
@media screen and (min-width: 960px) {
.section-with-sidebar__wrapper .blog-template__blog-posts {
margin: 0 0 0 40px;
}
}
.blog-template__blog-posts.blog-template__blog-posts--1-column {
max-width: 800px;
}
@media screen and (min-width: 576px) {
.blog-template__blog-posts--2-column {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (min-width: 576px) {
.blog-template__blog-posts--3-column {
grid-template-columns: repeat(3, 1fr);
}
}
@media screen and (min-width: 576px) {
.blog-template__blog-posts--4-column {
grid-template-columns: repeat(3, 1fr);
}
}
@media screen and (min-width: 768px) {
.blog-template__blog-posts--4-column {
grid-template-columns: repeat(4, 1fr);
}
}
.collection-list__header {
max-width: 1200px;
margin: 2.5rem auto;
}
.section-with-sidebar__wrapper .collection-list__header {
margin-top: 0;
}
.collection-list__heading {
margin: 0;
text-align: center;
}
@media screen and (min-width: 768px) {
.collection-list__heading {
padding: 2.5rem 0 0.75rem;
}
}
.main-content--section-headings-left .collection-list__heading {
text-align: left;
}
.section-with-sidebar__wrapper .collection-list__heading {
padding-top: 0;
margin-top: 0;
}
.collection-list__wrapper {
position: relative;
max-width: 1200px;
margin: 0 auto;
display: grid;
grid-gap: 24px;
padding: 0;
list-style-type: none;
}
@media screen and (min-width: 576px) {
.collection-list__wrapper {
grid-gap: 40px 32px;
grid-template-columns: 1fr;
}
}
@media screen and (min-width: 768px) {
.collection-list__wrapper--2-column {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (min-width: 768px) {
.collection-list__wrapper--3-column {
grid-template-columns: repeat(3, 1fr);
}
}
@media screen and (min-width: 768px) {
.collection-list__wrapper--4-column {
grid-template-columns: repeat(4, 1fr);
}
}
@media screen and (min-width: 768px) {
.collection-list__wrapper--5-column {
grid-template-columns: repeat(5, 1fr);
}
}
.collection-list-page {
margin: 3rem 24px;
}
@media screen and (min-width: 576px) {
.collection-list-page {
margin: 3rem 32px;
}
}
@media screen and (min-width: 768px) {
.collection-list-page {
margin: 3.5rem 40px;
}
}
@media screen and (min-width: 960px) {
.collection-list-page {
margin: 3.5rem 56px;
}
}
.collection-list-page__header-wrapper {
position: relative;
max-width: 1200px;
margin: 0 auto;
margin-bottom: 2.5rem;
}
.collection-list-page__header {
max-width: 1200px;
margin: 2.5rem auto;
margin: 0 auto;
}
.section-with-sidebar__wrapper .collection-list-page__header {
margin-top: 0;
}
.collection-list-page__heading {
margin: 0;
text-align: center;
font-size: var(--font-size-heading-2);
}
@media screen and (min-width: 768px) {
.collection-list-page__heading {
padding: 2.5rem 0 0.75rem;
}
}
.main-content--section-headings-left .collection-list-page__heading {
text-align: left;
}
.section-with-sidebar__wrapper .collection-list-page__heading {
padding-top: 0;
margin-top: 0;
}
@media screen and (min-width: 768px) {
.collection-list-page__heading {
padding: 0;
}
}
.collection-list-page__wrapper {
position: relative;
max-width: 1200px;
margin: 0 auto;
display: grid;
grid-gap: 24px;
padding: 0;
list-style-type: none;
}
@media screen and (min-width: 576px) {
.collection-list-page__wrapper {
grid-gap: 40px 32px;
grid-template-columns: 1fr;
}
}
@media screen and (min-width: 768px) {
.collection-list-page__wrapper--2-column {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (min-width: 768px) {
.collection-list-page__wrapper--3-column {
grid-template-columns: repeat(3, 1fr);
}
}
@media screen and (min-width: 768px) {
.collection-list-page__wrapper--4-column {
grid-template-columns: repeat(4, 1fr);
}
}
@media screen and (min-width: 768px) {
.collection-list-page__wrapper--5-column {
grid-template-columns: repeat(5, 1fr);
}
}
.collection-page {
margin: 1.5rem 24px;
}
@media screen and (min-width: 576px) {
.collection-page {
margin: 1.5rem 32px;
}
}
@media screen and (min-width: 768px) {
.collection-page {
margin: 2rem 40px;
}
}
@media screen and (min-width: 960px) {
.collection-page {
margin: 2rem 56px;
}
}
.collection-page--with-sorting .section-with-sidebar__wrapper,
.collection-page--with-tag-filters .section-with-sidebar__wrapper {
margin-top: 1.5rem;
}
.collection-page__header-wrapper {
position: relative;
max-width: 1200px;
margin: 0 auto;
margin-bottom: 2.5rem;
}
.collection-page--with-tag-filters .collection-page__header-wrapper {
margin-bottom: 0;
}
@media screen and (min-width: 768px) {
.collection-page--with-tag-filters .collection-page__header-wrapper {
margin-bottom: 2.5rem;
}
}
.collection-page--with-sorting .collection-page__header-wrapper {
margin-bottom: 0;
}
@media screen and (min-width: 768px) {
.collection-page--with-sorting .collection-page__header-wrapper {
margin-bottom: 1.5rem;
}
}
.collection-page__header {
max-width: 1200px;
margin: 2.5rem auto;
margin: 0 auto;
}
.section-with-sidebar__wrapper .collection-page__header {
margin-top: 0;
}
.collection-page__heading {
margin: 0;
text-align: center;
font-size: var(--font-size-heading-2);
}
@media screen and (min-width: 768px) {
.collection-page__heading {
padding: 2.5rem 0 0.75rem;
}
}
.main-content--section-headings-left .collection-page__heading {
text-align: left;
}
.section-with-sidebar__wrapper .collection-page__heading {
padding-top: 0;
margin-top: 0;
}
@media screen and (min-width: 768px) {
.collection-page__heading {
padding: 0;
}
}
.collection-page__description {
margin: 1rem 0 0;
text-align: center;
}
.main-content--section-headings-left .collection-page__description {
text-align: left;
}
.collection-page__filters {
display: flex;
justify-content: space-between;
margin: 1.5rem 0 0.75rem;
}
@media screen and (min-width: 768px) {
.collection-page__filters {
margin: 0 0 0.75rem;
}
}
.collection-page__tag-filter {
position: relative;
display: flex;
align-items: center;
margin-left: -0.375rem;
color: #000000;
cursor: pointer;
background-color: transparent;
border: none;
}
.collection-page__tag-filter::before {
display: block;
width: 1.5rem;
height: 1.5rem;
margin-right: 0.5rem;
content: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M6.5 6.5C6.5 5.94772 6.94772 5.5 7.5 5.5C8.05228 5.5 8.5 5.94772 8.5 6.5C8.5 7.05228 8.05228 7.5 7.5 7.5C6.94772 7.5 6.5 7.05228 6.5 6.5ZM5.56203 6.99619C5.54171 6.9987 5.52101 7 5.5 7H2.5C2.22386 7 2 6.77614 2 6.5C2 6.22386 2.22386 6 2.5 6H5.5C5.52101 6 5.54171 6.0013 5.56203 6.00381C5.78273 5.13926 6.56671 4.5 7.5 4.5C8.43329 4.5 9.21727 5.13926 9.43797 6.00381C9.45829 6.0013 9.47899 6 9.5 6L21.5 6C21.7761 6 22 6.22386 22 6.5C22 6.77614 21.7761 7 21.5 7L9.5 7C9.47899 7 9.45829 6.9987 9.43797 6.99619C9.21727 7.86074 8.43329 8.5 7.5 8.5C6.56671 8.5 5.78273 7.86074 5.56203 6.99619ZM15.5 11.5C14.9477 11.5 14.5 11.9477 14.5 12.5C14.5 13.0523 14.9477 13.5 15.5 13.5C16.0523 13.5 16.5 13.0523 16.5 12.5C16.5 11.9477 16.0523 11.5 15.5 11.5ZM13.5 13C13.521 13 13.5417 12.9987 13.562 12.9962C13.7827 13.8607 14.5667 14.5 15.5 14.5C16.4333 14.5 17.2173 13.8607 17.438 12.9962C17.4583 12.9987 17.479 13 17.5 13L21.5 13C21.7761 13 22 12.7761 22 12.5C22 12.2239 21.7761 12 21.5 12L17.5 12C17.479 12 17.4583 12.0013 17.438 12.0038C17.2173 11.1393 16.4333 10.5 15.5 10.5C14.5667 10.5 13.7827 11.1393 13.562 12.0038C13.5417 12.0013 13.521 12 13.5 12L2.5 12C2.22386 12 2 12.2239 2 12.5C2 12.7761 2.22386 13 2.5 13L13.5 13ZM6.5 18.5C6.5 17.9477 6.94772 17.5 7.5 17.5C8.05228 17.5 8.5 17.9477 8.5 18.5C8.5 19.0523 8.05228 19.5 7.5 19.5C6.94772 19.5 6.5 19.0523 6.5 18.5ZM5.56203 18.9962C5.54171 18.9987 5.52101 19 5.5 19H2.5C2.22386 19 2 18.7761 2 18.5C2 18.2239 2.22386 18 2.5 18H5.5C5.52101 18 5.54171 18.0013 5.56203 18.0038C5.78273 17.1393 6.56671 16.5 7.5 16.5C8.43329 16.5 9.21727 17.1393 9.43797 18.0038C9.45829 18.0013 9.47899 18 9.5 18H21.5C21.7761 18 22 18.2239 22 18.5C22 18.7761 21.7761 19 21.5 19H9.5C9.47899 19 9.45829 18.9987 9.43797 18.9962C9.21727 19.8607 8.43329 20.5 7.5 20.5C6.56671 20.5 5.78273 19.8607 5.56203 18.9962Z" fill="%23000000"/%3E%3C/svg%3E');
}
@media screen and (min-width: 768px) {
.collection-page__tag-filter {
display: none;
}
}
.collection-page__sort-filter {
position: relative;
flex: 1 0 auto;
text-align: right;
}
.collection-page__sort-filter .sort-filter {
margin-right: -0.5rem;
}
.collection-page__sort-filter .sort-filter__list {
top: 100%;
right: 0;
bottom: auto;
z-index: 3;
max-height: none;
margin-top: 0.25rem;
}
.sort-filter__toggle-selected-text {
position: absolute;
left: -9999px;
}
@media screen and (min-width: 768px) {
.sort-filter__toggle-selected-text {
position: static;
left: auto;
}
}
@media screen and (min-width: 768px) {
.collection-page--with-sorting .collection-page__sidebar {
margin-top: calc(var(--filter-bar-height) + 0.75rem);
}
}
@media screen and (min-width: 768px) {
.collection-page--with-sub-collections .collection-page__sidebar {
margin-top: 0;
}
}
.collection-page__sidebar--hide-mobile {
display: none;
}
@media screen and (min-width: 768px) {
.collection-page__sidebar--hide-mobile {
display: block;
}
}
.collection-page__bottom-sidebar {
margin-bottom: 3rem;
}
@media screen and (min-width: 768px) {
.collection-page__bottom-sidebar {
display: none;
}
}
.collection-page__sidebar-tags {
display: none;
}
@media screen and (min-width: 768px) {
.collection-page__sidebar-tags {
display: block;
}
}
.collection-page__content {
position: relative;
max-width: 1200px;
margin: 0 auto;
}
.section-with-sidebar__wrapper .collection-page__content {
margin: 1.5rem 0 1rem;
}
@media screen and (min-width: 576px) {
.section-with-sidebar__wrapper .collection-page__content {
margin: 1.5rem 0 3.5rem;
}
}
@media screen and (min-width: 768px) {
.section-with-sidebar__wrapper .collection-page__content {
flex: 1 1 auto;
margin: 0 0 0 40px;
}
}
@media screen and (min-width: 960px) {
.section-with-sidebar__wrapper .collection-page__content {
margin: 0 0 0 40px;
}
}
.collection-page__list {
display: grid;
grid-template-columns: 1fr;
grid-gap: 24px;
margin-bottom: 2rem;
}
@media screen and (min-width: 768px) {
.collection-page__list {
grid-gap: 40px;
}
}
.collection-page__list--2-column-mobile {
grid-template-columns: repeat(2, 1fr);
}
@media screen and (min-width: 768px) {
.collection-page__list--2-column {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (min-width: 768px) {
.collection-page__list--3-column {
grid-template-columns: repeat(3, 1fr);
}
}
@media screen and (min-width: 768px) {
.collection-page__list--4-column {
grid-template-columns: repeat(4, 1fr);
}
}
.image-with-text {
margin: 3rem 24px;
}
@media screen and (min-width: 576px) {
.image-with-text {
margin: 3rem 32px;
}
}
@media screen and (min-width: 768px) {
.image-with-text {
margin: 3.5rem 40px;
}
}
@media screen and (min-width: 960px) {
.image-with-text {
margin: 3.5rem 56px;
}
}
.image-with-text--fill-background {
padding: 2.5rem 24px;
margin: 3rem 0;
background-color: var(--background-color);
}
@media screen and (min-width: 576px) {
.image-with-text--fill-background {
padding: 2.5rem 32px;
margin: 3rem 0;
}
}
@media screen and (min-width: 768px) {
.image-with-text--fill-background {
padding: 3.5rem 40px;
margin: 3.5rem 0;
}
}
@media screen and (min-width: 960px) {
.image-with-text--fill-background {
padding: 3.5rem 56px;
margin: 3.5rem 0;
}
}
.image-with-text--wide {
max-width: 100%;
margin-inline: 0;
}
@media screen and (max-width: 767px) {
.image-with-text--wide {
padding: 0;
}
}
.image-with-text__container {
position: relative;
max-width: 1200px;
margin: 0 auto;
display: flex;
flex-direction: column;
height: 100%;
}
@media screen and (min-width: 768px) {
.image-with-text__container {
flex-direction: row;
}
}
.image-with-text--wide .image-with-text__container {
max-width: none;
margin: 0;
}
.image-with-text--image-position-right .image-with-text__container {
flex-direction: column;
}
@media screen and (min-width: 768px) {
.image-with-text--image-position-right .image-with-text__container {
flex-direction: row-reverse;
}
}
.image-with-text__image-wrapper {
height: 100%;
}
.image-with-text--mobile-height-small .image-with-text__image-wrapper {
height: 18.75rem;
}
.image-with-text--mobile-height-medium .image-with-text__image-wrapper {
height: 25rem;
}
.image-with-text--mobile-height-large .image-with-text__image-wrapper {
height: 31.25rem;
}
@media screen and (min-width: 768px) {
.image-with-text__image-wrapper {
flex: 0 0 50%;
}
.image-with-text--desktop-height-original .image-with-text__image-wrapper {
height: 100%;
}
.image-with-text--desktop-height-small .image-with-text__image-wrapper {
height: 31.25rem;
}
.image-with-text--desktop-height-medium .image-with-text__image-wrapper {
height: 37.5rem;
}
.image-with-text--desktop-height-large .image-with-text__image-wrapper {
height: 43.75rem;
}
}
.image-with-text__image {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.image-with-text__placeholder {
background-color: rgba(0, 0, 0, 0.1);
fill: rgba(0, 0, 0, 0.35);
}
.image-with-text__content {
text-align: left;
}
@media screen and (min-width: 768px) {
.image-with-text__content {
flex: 0 0 50%;
}
}
.image-with-text__content-wrapper {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
padding: 1.5rem 0 0;
}
@media screen and (min-width: 768px) {
.image-with-text__content-wrapper {
height: 100%;
padding: 1.5rem 40px 1.5rem 56px;
}
}
.image-with-text--wide .image-with-text__content-wrapper {
padding: 1.5rem 24px;
}
@media screen and (min-width: 576px) {
.image-with-text--wide .image-with-text__content-wrapper {
padding: 1.5rem 32px;
}
}
@media screen and (min-width: 768px) {
.image-with-text--wide .image-with-text__content-wrapper {
padding: 1.5rem 40px 1.5rem 56px;
}
}
@media screen and (min-width: 768px) {
.image-with-text--image-position-right .image-with-text__content-wrapper {
padding: 1.5rem 56px 1.5rem 40px;
}
}
.image-with-text--text-align-center .image-with-text__content-wrapper {
align-items: center;
text-align: center;
}
.image-with-text--text-align-right .image-with-text__content-wrapper {
align-items: flex-end;
text-align: right;
}
.image-with-text__heading {
margin: 0 0 1rem;
color: inherit;
}
.image-with-text__button {
font-family: -apple-system,BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
font-style: normal;
font-weight: 400;
display: inline-block;
line-height: 1.4;
color: #FFFFFF;
text-decoration: none;
text-transform: none;
letter-spacing: 1px;
cursor: pointer;
background-color: #000000;
border: 1px solid #000000;
border-radius: 0;
outline: none;
transition: border-color 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out, box-shadow 0.2s ease-out;
padding: 0.75rem 1rem;
font-size: 1.0rem;
margin-top: 1.5rem;
}
.image-with-text__button:visited {
color: #FFFFFF;
}
.image-with-text__button:hover:not(:disabled), .image-with-text__button:focus, .image-with-text__button:active {
color: #fff;
background-color: #0090e9;
border: 1px solid #0090e9;
box-shadow: 0 4px 16px 1px rgba(0, 0, 0, 0.25);
}
.image-with-text__button:disabled, .image-with-text__button.disabled {
cursor: not-allowed !important;
opacity: 0.4;
}.image-with-text__button {
border-radius: 0.25rem;
}.image-with-text-overlay {
position: relative;
}
.image-with-text-overlay--wide {
max-width: 100%;
margin-inline: 0;
}
.shopify-section:first-child .image-with-text-overlay--wide {
margin-top: 0;
}
.image-with-text-overlay--height-small {
height: 18.75rem;
}
@media screen and (min-width: 768px) {
.image-with-text-overlay--height-small {
height: 25rem;
}
}
.image-with-text-overlay--height-medium {
height: 25rem;
}
@media screen and (min-width: 768px) {
.image-with-text-overlay--height-medium {
height: 31.25rem;
}
}
.image-with-text-overlay--height-large {
height: 31.25rem;
}
@media screen and (min-width: 768px) {
.image-with-text-overlay--height-large {
height: 37.5rem;
}
}
.image-with-text-overlay__container {
position: relative;
max-width: 1200px;
margin: 0 auto;
height: 100%;
}
.image-with-text-overlay--wide .image-with-text-overlay__container {
max-width: none;
margin: 0;
}
.shopify-section:first-child .image-with-text-overlay--wide .image-with-text-overlay__container {
margin-top: 0;
}
.image-with-text-overlay__image-wrapper {
height: 100%;
}
.image-with-text-overlay__image {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.image-with-text-overlay__placeholder {
background-color: rgba(0, 0, 0, 0.1);
fill: rgba(0, 0, 0, 0.35);
display: block;
height: 100%;
}
.image-with-text-overlay__content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 1.5rem;
}
@media screen and (min-width: 768px) {
.image-with-text-overlay__content {
padding: 2.5rem;
}
}
.image-with-text-overlay__content-wrapper {
position: relative;
max-width: 1200px;
margin: 0 auto;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
height: 100%;
}
.image-with-text-overlay--text-position-top-center .image-with-text-overlay__content-wrapper, .image-with-text-overlay--text-position-center .image-with-text-overlay__content-wrapper, .image-with-text-overlay--text-position-bottom-center .image-with-text-overlay__content-wrapper {
align-items: center;
text-align: center;
}
.image-with-text-overlay--text-position-top-right .image-with-text-overlay__content-wrapper, .image-with-text-overlay--text-position-center-right .image-with-text-overlay__content-wrapper, .image-with-text-overlay--text-position-bottom-right .image-with-text-overlay__content-wrapper {
align-items: flex-end;
text-align: right;
}
.image-with-text-overlay--text-position-center-left .image-with-text-overlay__content-wrapper, .image-with-text-overlay--text-position-center .image-with-text-overlay__content-wrapper, .image-with-text-overlay--text-position-center-right .image-with-text-overlay__content-wrapper {
justify-content: center;
}
.image-with-text-overlay--text-position-bottom-left .image-with-text-overlay__content-wrapper, .image-with-text-overlay--text-position-bottom-center .image-with-text-overlay__content-wrapper, .image-with-text-overlay--text-position-bottom-right .image-with-text-overlay__content-wrapper {
justify-content: flex-end;
}
.image-with-text-overlay__heading {
font-family: -apple-system,BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
font-style: normal;
font-weight: 400;
font-size: var(--font-size-heading-2);
line-height: 1.3;
text-decoration: none;
text-transform: none;
letter-spacing: 1px;
margin: 0 0 0.5rem;
color: inherit;
}
@media screen and (min-width: 768px) {
.image-with-text-overlay__heading {
font-size: 2.75rem;
}
}.image-with-text-overlay__heading {
font-weight: bolder;
}@media screen and (min-width: 768px) {
.image-with-text-overlay__heading {
font-size: 2.75rem;
}
}
.image-with-text-overlay__heading a {
color: inherit;
text-decoration: none;
}
.image-with-text-overlay__heading a:visited, .image-with-text-overlay__heading a:hover, .image-with-text-overlay__heading a:focus, .image-with-text-overlay__heading a:active {
color: inherit;
}
@media screen and (min-width: 768px) {
.image-with-text-overlay__heading {
max-width: 600px;
margin: 0 0 0.75rem;
}
}
.image-with-text-overlay__text {
font-family: -apple-system,BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
font-style: normal;
font-weight: 400;
font-size: 1.0rem;
line-height: 1.5;
text-decoration: none;
text-transform: uppercase;
max-width: 600px;
margin: 0;
}
@media screen and (min-width: 768px) {
.image-with-text-overlay__text {
font-size: 1.125rem;
}
}
.image-with-text-overlay__button {
font-family: -apple-system,BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
font-style: normal;
font-weight: 400;
display: inline-block;
line-height: 1.4;
color: #FFFFFF;
text-decoration: none;
text-transform: none;
letter-spacing: 1px;
cursor: pointer;
background-color: #000000;
border: 1px solid #000000;
border-radius: 0;
outline: none;
transition: border-color 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out, box-shadow 0.2s ease-out;
padding: 0.75rem 1rem;
font-size: 1.0rem;
margin-top: 1rem;
}
.image-with-text-overlay__button:visited {
color: #FFFFFF;
}
.image-with-text-overlay__button:hover:not(:disabled), .image-with-text-overlay__button:focus, .image-with-text-overlay__button:active {
color: #fff;
background-color: #0090e9;
border: 1px solid #0090e9;
box-shadow: 0 4px 16px 1px rgba(0, 0, 0, 0.25);
}
.image-with-text-overlay__button:disabled, .image-with-text-overlay__button.disabled {
cursor: not-allowed !important;
opacity: 0.4;
}.image-with-text-overlay__button {
border-radius: 0.25rem;
}.image-with-text-overlay__button--style-secondary {
font-family: -apple-system,BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
font-style: normal;
font-weight: 400;
display: inline-block;
line-height: 1.4;
color: #FFFFFF;
text-decoration: none;
text-transform: none;
letter-spacing: 1px;
cursor: pointer;
background-color: #000000;
border: 1px solid #000000;
border-radius: 0;
outline: none;
transition: border-color 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out, box-shadow 0.2s ease-out;
padding: 0.75rem 1rem;
font-size: 1.0rem;
color: #000000;
background-color: transparent;
border: 1px solid #000000;
}
.image-with-text-overlay__button--style-secondary:visited {
color: #FFFFFF;
}
.image-with-text-overlay__button--style-secondary:hover:not(:disabled), .image-with-text-overlay__button--style-secondary:focus, .image-with-text-overlay__button--style-secondary:active {
color: #fff;
background-color: #0090e9;
border: 1px solid #0090e9;
box-shadow: 0 4px 16px 1px rgba(0, 0, 0, 0.25);
}
.image-with-text-overlay__button--style-secondary:disabled, .image-with-text-overlay__button--style-secondary.disabled {
cursor: not-allowed !important;
opacity: 0.4;
}
.image-with-text-overlay__button--style-secondary:visited {
color: #000000;
}
.image-with-text-overlay__button--style-secondary:hover:not(:disabled), .image-with-text-overlay__button--style-secondary:focus, .image-with-text-overlay__button--style-secondary:active {
color: #FFFFFF;
background-color: #000000;
border: 1px solid #000000;
}.image-with-text-overlay__button--style-secondary {
border-radius: 0.25rem;
}.map-section {
position: relative;
}
.map-section--width-wide {
max-width: 100%;
margin-inline: 0;
}
.map-section__wrapper {
position: relative;
max-width: 1200px;
margin: 0 auto;
position: static;
}
@media screen and (min-width: 768px) {
.map-section__wrapper {
position: relative;
}
}
.map-section--width-wide .map-section__wrapper {
max-width: none;
margin: 0;
}
.map-section__info--text-align-right {
text-align: right;
}
.map-section__info--text-align-center {
text-align: center;
}
.map-section__map {
position: relative;
width: 100%;
}
.map-section--height-small .map-section__map {
height: 18.75rem;
}
@media screen and (min-width: 768px) {
.map-section--height-small .map-section__map {
height: 25rem;
}
}
.map-section--height-medium .map-section__map {
height: 25rem;
}
@media screen and (min-width: 768px) {
.map-section--height-medium .map-section__map {
height: 31.25rem;
}
}
.map-section--height-large .map-section__map {
height: 31.25rem;
}
@media screen and (min-width: 768px) {
.map-section--height-large .map-section__map {
height: 37.5rem;
}
}
.map-section__map .map-section__image {
width: 100%;
height: 100%;
object-fit: cover;
}
.map-section__info {
position: relative;
z-index: 2;
}
@media screen and (min-width: 768px) {
.map-section__info {
position: absolute;
top: 2rem;
left: 2rem;
}
.map-section--width-wide .map-section__info {
left: 40px;
}
.map-section--info-top-center .map-section__info, .map-section--info-bottom-center .map-section__info {
left: 50%;
transform: translateX(-50%);
}
.map-section--info-top-right .map-section__info, .map-section--info-center-right .map-section__info, .map-section--info-bottom-right .map-section__info {
right: 2rem;
left: auto;
}
.map-section--info-center-right .map-section__info, .map-section--info-center-left .map-section__info {
top: 50%;
transform: translateY(-50%);
}
.map-section--info-bottom-left .map-section__info, .map-section--info-bottom-center .map-section__info, .map-section--info-bottom-right .map-section__info {
top: auto;
bottom: 2rem;
}
.map-section--info-center .map-section__info {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.map-section--width-wide.map-section--info-top-center .map-section__info, .map-section--width-wide.map-section--info-center .map-section__info, .map-section--width-wide.map-section--info-bottom-center .map-section__info {
left: 50%;
}
.map-section--width-wide.map-section--info-top-right .map-section__info, .map-section--width-wide.map-section--info-center-right .map-section__info, .map-section--width-wide.map-section--info-bottom-right .map-section__info {
right: 40px;
left: auto;
}
}
@media screen and (min-width: 960px) {
.map-section--width-wide .map-section__info {
left: 56px;
}
.map-section--width-wide.map-section--info-top-right .map-section__info, .map-section--width-wide.map-section--info-center-right .map-section__info, .map-section--width-wide.map-section--info-bottom-right .map-section__info {
right: 56px;
left: auto;
}
}
@media screen and (min-width: 1312px) {
.map-section--width-wide.map-section--info-top-left .map-section__info, .map-section--width-wide.map-section--info-center-left .map-section__info, .map-section--width-wide.map-section--info-bottom-left .map-section__info {
left: calc(50% - (1200px / 2));
}
.map-section--width-wide.map-section--info-top-right .map-section__info, .map-section--width-wide.map-section--info-center-right .map-section__info, .map-section--width-wide.map-section--info-bottom-right .map-section__info {
right: calc(50% - (1200px / 2));
left: auto;
}
}
.map-section__info-wrapper {
margin: 1rem 0;
color: #000000;
background: #fff;
}
@media screen and (min-width: 768px) {
.map-section__info-wrapper {
width: 20rem;
padding: 2rem;
margin: 0;
box-shadow: 0 4px 16px 1px rgba(0, 0, 0, 0.25);
}
}
.map-section--width-wide .map-section__info-wrapper {
margin: 1rem 24px;
}
@media screen and (min-width: 576px) {
.map-section--width-wide .map-section__info-wrapper {
margin: 1rem 32px;
}
}
@media screen and (min-width: 768px) {
.map-section--width-wide .map-section__info-wrapper {
margin: 0;
}
}
.map-section__heading {
padding-top: 0;
padding-bottom: 1rem;
margin: 0;
font-size: var(--font-size-heading-3);
}
.map-section__info--text-align-right .map-section__heading {
text-align: right;
}
.map-section__info--text-align-center .map-section__heading {
text-align: center;
}
.map-section__address,
.map-section__hours {
padding-bottom: 1rem;
}
.map-section__address p,
.map-section__hours p {
font-family: -apple-system,BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
font-style: normal;
font-weight: 400;
margin-bottom: 0.25rem;
}
.map-section__link {
font-family: -apple-system,BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
font-style: normal;
font-weight: 400;
display: inline-block;
line-height: 1.4;
color: #FFFFFF;
text-decoration: none;
text-transform: none;
letter-spacing: 1px;
cursor: pointer;
background-color: #000000;
border: 1px solid #000000;
border-radius: 0;
outline: none;
transition: border-color 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out, box-shadow 0.2s ease-out;
padding: 0.5rem 0.75rem;
font-size: 0.9rem;
}
.map-section__link:visited {
color: #FFFFFF;
}
.map-section__link:hover:not(:disabled), .map-section__link:focus, .map-section__link:active {
color: #fff;
background-color: #0090e9;
border: 1px solid #0090e9;
box-shadow: 0 4px 16px 1px rgba(0, 0, 0, 0.25);
}
.map-section__link:disabled, .map-section__link.disabled {
cursor: not-allowed !important;
opacity: 0.4;
}.map-section__link {
border-radius: 0.25rem;
}.gallery-section--homepage {
margin: 0;
}
.gallery-section__heading-wrapper,
.gallery-section__content-wrapper {
margin: 3rem 24px;
}
@media screen and (min-width: 576px) {
.gallery-section__heading-wrapper,
.gallery-section__content-wrapper {
margin: 3rem 32px;
}
}
@media screen and (min-width: 768px) {
.gallery-section__heading-wrapper,
.gallery-section__content-wrapper {
margin: 3.5rem 40px;
}
}
@media screen and (min-width: 960px) {
.gallery-section__heading-wrapper,
.gallery-section__content-wrapper {
margin: 3.5rem 56px;
}
}
@media screen and (min-width: 576px) {
.gallery-section--width-wide {
max-width: 100%;
margin-inline: 0;
}
.gallery-section--width-wide .gallery-section__wrapper {
max-width: none;
margin: 0;
}
.gallery-section--width-wide .gallery-section__content {
margin: 0;
}
.gallery-section--width-wide .gallery-section__content.gallery-section__content--layout-grid {
grid-gap: 0;
margin: 0;
}
}
@media screen and (min-width: 576px) and (min-width: 576px) {
.gallery-section--width-wide .gallery-section__content.gallery-section__content--layout-slideshow {
margin: 0;
}
}
@media screen and (min-width: 576px) {
.gallery-section--width-wide .gallery-section__image {
padding: 0;
}
}
.gallery-section__header {
max-width: 1200px;
margin: 2.5rem auto;
}
.section-with-sidebar__wrapper .gallery-section__header {
margin-top: 0;
}
.gallery-section__heading {
margin: 0;
text-align: center;
}
@media screen and (min-width: 768px) {
.gallery-section__heading {
padding: 2.5rem 0 0.75rem;
}
}
.main-content--section-headings-left .gallery-section__heading {
text-align: left;
}
.section-with-sidebar__wrapper .gallery-section__heading {
padding-top: 0;
margin-top: 0;
}
.gallery-section__wrapper {
position: relative;
max-width: 1200px;
margin: 0 auto;
}
.gallery-section__content {
display: block;
}
.gallery-section__content .flickity-button {
display: none;
width: 2.5rem;
height: 2.5rem;
background-color: #fff;
box-shadow: 0 4px 16px 1px rgba(0, 0, 0, 0.2);
}
@media screen and (min-width: 768px) {
.gallery-section__content .flickity-button {
display: block;
}
}
.gallery-section__content .flickity-button::after {
position: absolute;
top: 50%;
left: 50%;
display: block;
width: 0.5rem;
height: 0.875rem;
transform: translate(-50%, -50%);
}
.gallery-section__content .flickity-button.next {
right: 0.5rem;
}
.gallery-section__content .flickity-button.next::after {
margin-left: 1px;
content: url('data:image/svg+xml,%3Csvg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1.35355 0.646447C1.15829 0.451184 0.841709 0.451184 0.646447 0.646447C0.451184 0.841709 0.451184 1.15829 0.646447 1.35355L1.35355 0.646447ZM7 7L7.35355 7.35355C7.54882 7.15829 7.54882 6.84171 7.35355 6.64645L7 7ZM0.646447 12.6464C0.451184 12.8417 0.451184 13.1583 0.646447 13.3536C0.841709 13.5488 1.15829 13.5488 1.35355 13.3536L0.646447 12.6464ZM0.646447 1.35355L6.64645 7.35355L7.35355 6.64645L1.35355 0.646447L0.646447 1.35355ZM6.64645 6.64645L0.646447 12.6464L1.35355 13.3536L7.35355 7.35355L6.64645 6.64645Z" fill="%23000000"/%3E%3C/svg%3E');
}
.gallery-section__content .flickity-button.next:hover::after {
content: url('data:image/svg+xml,%3Csvg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1.35355 0.646447C1.15829 0.451184 0.841709 0.451184 0.646447 0.646447C0.451184 0.841709 0.451184 1.15829 0.646447 1.35355L1.35355 0.646447ZM7 7L7.35355 7.35355C7.54882 7.15829 7.54882 6.84171 7.35355 6.64645L7 7ZM0.646447 12.6464C0.451184 12.8417 0.451184 13.1583 0.646447 13.3536C0.841709 13.5488 1.15829 13.5488 1.35355 13.3536L0.646447 12.6464ZM0.646447 1.35355L6.64645 7.35355L7.35355 6.64645L1.35355 0.646447L0.646447 1.35355ZM6.64645 6.64645L0.646447 12.6464L1.35355 13.3536L7.35355 7.35355L6.64645 6.64645Z" fill="%23000000"/%3E%3C/svg%3E');
}
.gallery-section__content .flickity-button.previous {
left: 0.5rem;
}
.gallery-section__content .flickity-button.previous::after {
margin-right: 1px;
content: url('data:image/svg+xml,%3Csvg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M6.64645 0.646447C6.84171 0.451184 7.15829 0.451184 7.35355 0.646447C7.54882 0.841709 7.54882 1.15829 7.35355 1.35355L6.64645 0.646447ZM1 7L0.646447 7.35355C0.451184 7.15829 0.451184 6.84171 0.646447 6.64645L1 7ZM7.35355 12.6464C7.54882 12.8417 7.54882 13.1583 7.35355 13.3536C7.15829 13.5488 6.84171 13.5488 6.64645 13.3536L7.35355 12.6464ZM7.35355 1.35355L1.35355 7.35355L0.646447 6.64645L6.64645 0.646447L7.35355 1.35355ZM1.35355 6.64645L7.35355 12.6464L6.64645 13.3536L0.646447 7.35355L1.35355 6.64645Z" fill="%23000000"/%3E%3C/svg%3E');
}
.gallery-section__content .flickity-button.previous:hover::after {
content: url('data:image/svg+xml,%3Csvg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M6.64645 0.646447C6.84171 0.451184 7.15829 0.451184 7.35355 0.646447C7.54882 0.841709 7.54882 1.15829 7.35355 1.35355L6.64645 0.646447ZM1 7L0.646447 7.35355C0.451184 7.15829 0.451184 6.84171 0.646447 6.64645L1 7ZM7.35355 12.6464C7.54882 12.8417 7.54882 13.1583 7.35355 13.3536C7.15829 13.5488 6.84171 13.5488 6.64645 13.3536L7.35355 12.6464ZM7.35355 1.35355L1.35355 7.35355L0.646447 6.64645L6.64645 0.646447L7.35355 1.35355ZM1.35355 6.64645L7.35355 12.6464L6.64645 13.3536L0.646447 7.35355L1.35355 6.64645Z" fill="%23000000"/%3E%3C/svg%3E');
}
.gallery-section__content .flickity-button .flickity-button-icon {
display: none;
}
.gallery-section__content .flickity-button:focus {
border: 1px solid #000000;
}
@media screen and (min-width: 576px) {
.gallery-section__content.gallery-section__content--layout-slideshow {
margin: 0 -1.25rem;
}
}
.gallery-section__content::after {
display: none;
content: "flickity";
}
@media screen and (min-width: 576px) {
.gallery-section__content.gallery-section__content--layout-grid {
display: grid;
grid-template-columns: 1fr;
grid-gap: 40px 40px;
}
.gallery-section__content.gallery-section__content--layout-grid::after {
content: "";
}
}
@media screen and (min-width: 576px) {
.gallery-section__content.gallery-section__content--layout-slideshow {
margin: 0 -1.25rem;
}
}
.gallery-section__content .flickity-viewport {
transition: height 0.3s ease;
}
.gallery-section__content .flickity-button {
display: none;
}
@media screen and (min-width: 576px) {
.gallery-section__content .flickity-button {
display: block;
}
}
.gallery-section__content--layout-grid.gallery-section__content--2-column {
grid-template-columns: repeat(2, 1fr);
}
.gallery-section__content--layout-grid.gallery-section__content--3-column {
grid-template-columns: repeat(3, 1fr);
}
.gallery-section__content--layout-grid.gallery-section__content--4-column {
grid-template-columns: repeat(4, 1fr);
}
@media screen and (min-width: 576px) {
.gallery-section__content--layout-slideshow.gallery-section__content--2-column .gallery-section__image {
width: 50%;
}
}
@media screen and (min-width: 576px) {
.gallery-section__content--layout-slideshow.gallery-section__content--3-column .gallery-section__image {
width: 33.3333%;
}
}
@media screen and (min-width: 576px) {
.gallery-section__content--layout-slideshow.gallery-section__content--4-column .gallery-section__image {
width: 25%;
}
}
.gallery-section__image {
position: relative;
width: 90%;
padding-right: 1rem;
line-height: 0;
}
@media screen and (min-width: 576px) {
.gallery-section__image {
width: auto;
padding: 0 1.25rem;
}
}
.gallery-section__image img {
display: block;
width: 100%;
}
@media screen and (min-width: 576px) {
.gallery-section__content--layout-grid .gallery-section__image {
padding: 0;
}
}
.gallery-section__content .flickity-button.previous,
.gallery-section__content:hover .flickity-button.previous,
.gallery-section__content:focus-within .flickity-button.previous {
left: 1.75rem;
}
.gallery-section__content .flickity-button.next,
.gallery-section__content:hover .flickity-button.next,
.gallery-section__content:focus-within .flickity-button.next {
right: 1.75rem;
}
.slideshow {
position: relative;
}
.slideshow .flickity-button {
display: none;
width: 2.5rem;
height: 2.5rem;
background-color: #fff;
box-shadow: 0 4px 16px 1px rgba(0, 0, 0, 0.2);
}
@media screen and (min-width: 768px) {
.slideshow .flickity-button {
display: block;
}
}
.slideshow .flickity-button::after {
position: absolute;
top: 50%;
left: 50%;
display: block;
width: 0.5rem;
height: 0.875rem;
transform: translate(-50%, -50%);
}
.slideshow .flickity-button.next {
right: 0.5rem;
}
.slideshow .flickity-button.next::after {
margin-left: 1px;
content: url('data:image/svg+xml,%3Csvg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1.35355 0.646447C1.15829 0.451184 0.841709 0.451184 0.646447 0.646447C0.451184 0.841709 0.451184 1.15829 0.646447 1.35355L1.35355 0.646447ZM7 7L7.35355 7.35355C7.54882 7.15829 7.54882 6.84171 7.35355 6.64645L7 7ZM0.646447 12.6464C0.451184 12.8417 0.451184 13.1583 0.646447 13.3536C0.841709 13.5488 1.15829 13.5488 1.35355 13.3536L0.646447 12.6464ZM0.646447 1.35355L6.64645 7.35355L7.35355 6.64645L1.35355 0.646447L0.646447 1.35355ZM6.64645 6.64645L0.646447 12.6464L1.35355 13.3536L7.35355 7.35355L6.64645 6.64645Z" fill="%23000000"/%3E%3C/svg%3E');
}
.slideshow .flickity-button.next:hover::after {
content: url('data:image/svg+xml,%3Csvg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1.35355 0.646447C1.15829 0.451184 0.841709 0.451184 0.646447 0.646447C0.451184 0.841709 0.451184 1.15829 0.646447 1.35355L1.35355 0.646447ZM7 7L7.35355 7.35355C7.54882 7.15829 7.54882 6.84171 7.35355 6.64645L7 7ZM0.646447 12.6464C0.451184 12.8417 0.451184 13.1583 0.646447 13.3536C0.841709 13.5488 1.15829 13.5488 1.35355 13.3536L0.646447 12.6464ZM0.646447 1.35355L6.64645 7.35355L7.35355 6.64645L1.35355 0.646447L0.646447 1.35355ZM6.64645 6.64645L0.646447 12.6464L1.35355 13.3536L7.35355 7.35355L6.64645 6.64645Z" fill="%23000000"/%3E%3C/svg%3E');
}
.slideshow .flickity-button.previous {
left: 0.5rem;
}
.slideshow .flickity-button.previous::after {
margin-right: 1px;
content: url('data:image/svg+xml,%3Csvg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M6.64645 0.646447C6.84171 0.451184 7.15829 0.451184 7.35355 0.646447C7.54882 0.841709 7.54882 1.15829 7.35355 1.35355L6.64645 0.646447ZM1 7L0.646447 7.35355C0.451184 7.15829 0.451184 6.84171 0.646447 6.64645L1 7ZM7.35355 12.6464C7.54882 12.8417 7.54882 13.1583 7.35355 13.3536C7.15829 13.5488 6.84171 13.5488 6.64645 13.3536L7.35355 12.6464ZM7.35355 1.35355L1.35355 7.35355L0.646447 6.64645L6.64645 0.646447L7.35355 1.35355ZM1.35355 6.64645L7.35355 12.6464L6.64645 13.3536L0.646447 7.35355L1.35355 6.64645Z" fill="%23000000"/%3E%3C/svg%3E');
}
.slideshow .flickity-button.previous:hover::after {
content: url('data:image/svg+xml,%3Csvg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M6.64645 0.646447C6.84171 0.451184 7.15829 0.451184 7.35355 0.646447C7.54882 0.841709 7.54882 1.15829 7.35355 1.35355L6.64645 0.646447ZM1 7L0.646447 7.35355C0.451184 7.15829 0.451184 6.84171 0.646447 6.64645L1 7ZM7.35355 12.6464C7.54882 12.8417 7.54882 13.1583 7.35355 13.3536C7.15829 13.5488 6.84171 13.5488 6.64645 13.3536L7.35355 12.6464ZM7.35355 1.35355L1.35355 7.35355L0.646447 6.64645L6.64645 0.646447L7.35355 1.35355ZM1.35355 6.64645L7.35355 12.6464L6.64645 13.3536L0.646447 7.35355L1.35355 6.64645Z" fill="%23000000"/%3E%3C/svg%3E');
}
.slideshow .flickity-button .flickity-button-icon {
display: none;
}
.slideshow .flickity-button:focus {
border: 1px solid #000000;
}
.slideshow .flickity-viewport {
transition: height 0.3s ease;
}
.slideshow .flickity-button {
display: none;
}
@media screen and (min-width: 768px) {
.slideshow .flickity-button {
display: block;
}
}
.slideshow .flickity-button.previous {
left: -1.5rem;
}
@media screen and (min-width: 960px) {
.slideshow .flickity-button.previous {
left: -3rem;
}
}
@media screen and (min-width: 1350px) {
.slideshow .flickity-button.previous {
left: -4.5rem;
}
}
.slideshow .flickity-button.next {
right: -1.5rem;
}
@media screen and (min-width: 960px) {
.slideshow .flickity-button.next {
right: -3rem;
}
}
@media screen and (min-width: 1350px) {
.slideshow .flickity-button.next {
right: -4.5rem;
}
}
.slideshow.slideshow--nav-style-dots .flickity-button {
display: none;
}
.slideshow--width-wide {
max-width: 100%;
margin-inline: 0;
}
.shopify-section:first-child .slideshow--width-wide {
margin-top: 0;
}
.slideshow--width-wide .flickity-button.previous {
left: 0.75rem;
}
@media screen and (min-width: 1200px) {
.slideshow--width-wide .flickity-button.previous {
left: 1.5rem;
}
}
.slideshow--width-wide .flickity-button.next {
right: 0.75rem;
}
@media screen and (min-width: 1200px) {
.slideshow--width-wide .flickity-button.next {
right: 1.5rem;
}
}
.slideshow__wrapper {
position: relative;
max-width: 1200px;
margin: 0 auto;
position: relative;
width: 100%;
height: 100%;
}
.slideshow--width-wide .slideshow__wrapper {
max-width: none;
margin: 0;
}
.slideshow-slide {
display: none;
width: 100%;
height: auto;
overflow: hidden;
}
.flickity-enabled .slideshow-slide, .slideshow-slide:nth-of-type(1) {
display: block;
}
.is-fade .slideshow-slide {
opacity: 0 !important;
transition: opacity 1s ease !important;
}
.is-fade .slideshow-slide.is-selected {
opacity: 1 !important;
}
@media screen and (max-width: 767px) {
.slideshow--height-mobile-small .slideshow-slide {
height: 18.75rem;
}
}
@media screen and (max-width: 767px) {
.slideshow--height-mobile-medium .slideshow-slide {
height: 25rem;
}
}
@media screen and (max-width: 767px) {
.slideshow--height-mobile-large .slideshow-slide {
height: 31.25rem;
}
}
@media screen and (max-width: 767px) {
.slideshow--height-mobile-full .slideshow-slide {
height: 100vh;
min-height: 18.75rem;
}
.site-header--sticky .slideshow--height-mobile-full .slideshow-slide {
height: calc(100vh - var(--header-height));
}
}
@media screen and (min-width: 768px) {
.slideshow--height-small .slideshow-slide {
height: 25rem;
}
}
@media screen and (min-width: 768px) {
.slideshow--height-medium .slideshow-slide {
height: 31.25rem;
}
}
@media screen and (min-width: 768px) {
.slideshow--height-large .slideshow-slide {
height: 37.5rem;
}
}
@media screen and (min-width: 768px) {
.slideshow--height-full .slideshow-slide {
height: 100vh;
min-height: 18.75rem;
}
.site-header--sticky .slideshow--height-full .slideshow-slide {
height: calc(100vh - var(--header-height));
}
}
@media screen and (max-width: 767px) {
.shopify-section:first-child .slideshow--height-mobile-full .slideshow-slide {
height: calc(100vh - var(--announcement-height) - var(--header-height));
}
}
@media screen and (min-width: 768px) {
.shopify-section:first-child .slideshow--height-full .slideshow-slide {
height: calc(100vh - var(--announcement-height) - var(--utility-height) - var(--header-height));
}
.main--transparent-header .shopify-section:first-child .slideshow--height-full .slideshow-slide {
height: calc(100vh - var(--announcement-height));
}
}
.slideshow-slide__background-link,
.slideshow-slide__image-wrapper {
position: relative;
z-index: 2;
display: block;
width: 100%;
height: 100%;
}
.slideshow-slide__background-link {
cursor: pointer;
}
.slideshow-slide__image {
position: relative;
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
@media screen and (min-width: 768px) {
.slideshow-slide__image.slideshow-slide__image--mobile {
display: none;
}
}
.slideshow-slide__image.slideshow-slide__image--desktop {
display: none;
}
@media screen and (min-width: 768px) {
.slideshow-slide__image.slideshow-slide__image--desktop {
display: block;
}
}
.slideshow-slide__content {
position: absolute;
top: 0;
left: 0;
z-index: 3;
width: 100%;
padding: 2.5rem;
margin: 0;
}
.slideshow--width-wide .slideshow-slide__content {
padding: 1.5rem 24px;
}
@media screen and (min-width: 576px) {
.slideshow--width-wide .slideshow-slide__content {
padding: 1.5rem 32px;
}
}
@media screen and (min-width: 768px) {
.slideshow--width-wide .slideshow-slide__content {
padding: 2.5rem 40px;
}
}
@media screen and (min-width: 960px) {
.slideshow--width-wide .slideshow-slide__content {
padding: 2.5rem 56px;
}
}
@media screen and (min-width: 1200px) {
.slideshow--width-wide .slideshow-slide__content {
left: 50%;
max-width: 1312px;
transform: translateX(-50%);
}
}
.slideshow-slide--text-position-top-center .slideshow-slide__content, .slideshow-slide--text-position-center .slideshow-slide__content, .slideshow-slide--text-position-bottom-center .slideshow-slide__content {
text-align: center;
}
.slideshow-slide--text-position-top-right .slideshow-slide__content, .slideshow-slide--text-position-center-right .slideshow-slide__content, .slideshow-slide--text-position-bottom-right .slideshow-slide__content {
text-align: right;
}
.slideshow-slide--text-position-center-left .slideshow-slide__content, .slideshow-slide--text-position-center .slideshow-slide__content, .slideshow-slide--text-position-center-right .slideshow-slide__content {
top: 50%;
transform: translateY(-50%);
}
@media screen and (min-width: 1200px) {
.slideshow--width-wide .slideshow-slide--text-position-center-left .slideshow-slide__content, .slideshow--width-wide .slideshow-slide--text-position-center .slideshow-slide__content, .slideshow--width-wide .slideshow-slide--text-position-center-right .slideshow-slide__content {
transform: translate(-50%, -50%);
}
}
.slideshow-slide--text-position-bottom-left .slideshow-slide__content, .slideshow-slide--text-position-bottom-center .slideshow-slide__content, .slideshow-slide--text-position-bottom-right .slideshow-slide__content {
top: auto;
bottom: 0;
}
.slideshow-slide__content-background-link {
display: block;
text-decoration: none;
}
.slideshow-slide__heading {
font-family: -apple-system,BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
font-style: normal;
font-weight: 400;
font-size: var(--font-size-heading-2);
line-height: 1.3;
text-decoration: none;
text-transform: none;
letter-spacing: 1px;
margin: 0 0 0.5rem;
color: var(--slide-text-color);
}
@media screen and (min-width: 768px) {
.slideshow-slide__heading {
font-size: 2.75rem;
}
}.slideshow-slide__heading {
font-weight: bolder;
}@media screen and (min-width: 768px) {
.slideshow-slide__heading {
font-size: 2.75rem;
}
}
.slideshow-slide__heading a {
color: inherit;
text-decoration: none;
}
.slideshow-slide__heading a:visited, .slideshow-slide__heading a:hover, .slideshow-slide__heading a:focus, .slideshow-slide__heading a:active {
color: inherit;
}
@media screen and (min-width: 768px) {
.slideshow-slide__heading {
margin: 0 0 0.75rem;
}
}
.slideshow-slide__subheading {
font-family: -apple-system,BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
font-style: normal;
font-weight: 400;
font-size: 1.0rem;
line-height: 1.5;
text-decoration: none;
text-transform: uppercase;
margin-bottom: 1rem;
color: var(--slide-text-color);
}
@media screen and (min-width: 768px) {
.slideshow-slide__subheading {
font-size: 1.125rem;
}
}
.slideshow-slide__button {
font-family: -apple-system,BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
font-style: normal;
font-weight: 400;
display: inline-block;
line-height: 1.4;
color: #FFFFFF;
text-decoration: none;
text-transform: none;
letter-spacing: 1px;
cursor: pointer;
background-color: #000000;
border: 1px solid #000000;
border-radius: 0;
outline: none;
transition: border-color 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out, box-shadow 0.2s ease-out;
padding: 0.75rem 1rem;
font-size: 1.0rem;
}
.slideshow-slide__button:visited {
color: #FFFFFF;
}
.slideshow-slide__button:hover:not(:disabled), .slideshow-slide__button:focus, .slideshow-slide__button:active {
color: #fff;
background-color: #0090e9;
border: 1px solid #0090e9;
box-shadow: 0 4px 16px 1px rgba(0, 0, 0, 0.25);
}
.slideshow-slide__button:disabled, .slideshow-slide__button.disabled {
cursor: not-allowed !important;
opacity: 0.4;
}.slideshow-slide__button {
border-radius: 0.25rem;
}.slideshow-slide__button--secondary {
font-family: -apple-system,BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
font-style: normal;
font-weight: 400;
display: inline-block;
line-height: 1.4;
color: #FFFFFF;
text-decoration: none;
text-transform: none;
letter-spacing: 1px;
cursor: pointer;
background-color: #000000;
border: 1px solid #000000;
border-radius: 0;
outline: none;
transition: border-color 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out, box-shadow 0.2s ease-out;
padding: 0.75rem 1rem;
font-size: 1.0rem;
color: #000000;
background-color: transparent;
border: 1px solid #000000;
}
.slideshow-slide__button--secondary:visited {
color: #FFFFFF;
}
.slideshow-slide__button--secondary:hover:not(:disabled), .slideshow-slide__button--secondary:focus, .slideshow-slide__button--secondary:active {
color: #fff;
background-color: #0090e9;
border: 1px solid #0090e9;
box-shadow: 0 4px 16px 1px rgba(0, 0, 0, 0.25);
}
.slideshow-slide__button--secondary:disabled, .slideshow-slide__button--secondary.disabled {
cursor: not-allowed !important;
opacity: 0.4;
}
.slideshow-slide__button--secondary:visited {
color: #000000;
}
.slideshow-slide__button--secondary:hover:not(:disabled), .slideshow-slide__button--secondary:focus, .slideshow-slide__button--secondary:active {
color: #FFFFFF;
background-color: #000000;
border: 1px solid #000000;
}.slideshow-slide__button--secondary {
border-radius: 0.25rem;
}.slideshow-slide__overlay {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
}
.slideshow-pagination {
position: absolute;
bottom: 0.75rem;
left: 50%;
padding: 0;
margin: 0;
list-style-type: none;
transform: translateX(-50%);
}
@media screen and (min-width: 768px) {
.slideshow-pagination {
bottom: 1rem;
}
}
@media screen and (min-width: 768px) {
.slideshow--nav-style-buttons .slideshow-pagination {
display: none;
}
}
.slideshow-pagination__dot {
display: inline-block;
margin: 0;
}
.slideshow-pagination__button {
width: 0.5rem;
height: 0.5rem;
padding: 0;
margin: 0 0.375rem;
overflow: hidden;
cursor: pointer;
background: var(--slide-text-color);
border: none;
border-radius: 50%;
opacity: 0.5;
transition: opacity 0.2s ease;
}
.slideshow-pagination__button[data-selected=true] {
cursor: default;
opacity: 1;
}
@media screen and (min-width: 768px) {
.featured-collection--extra-space {
margin-bottom: -3rem;
}
}
.featured-collection__header {
max-width: 1200px;
margin: 2.5rem auto;
position: relative;
text-align: center;
}
.section-with-sidebar__wrapper .featured-collection__header {
margin-top: 0;
}
.main-content--section-headings-left .featured-collection__header {
padding-bottom: 0;
text-align: left;
}
.featured-collection__description {
max-width: 600px;
margin: 0.75rem auto 0;
text-align: center;
}
.main-content--section-headings-left .featured-collection__description {
margin: 1rem 0 0;
text-align: left;
}
.featured-collection__heading {
margin: 0;
text-align: center;
padding-bottom: 0;
}
@media screen and (min-width: 768px) {
.featured-collection__heading {
padding: 2.5rem 0 0.75rem;
}
}
.main-content--section-headings-left .featured-collection__heading {
text-align: left;
}
.section-with-sidebar__wrapper .featured-collection__heading {
padding-top: 0;
margin-top: 0;
}
@media screen and (min-width: 768px) {
.main-content--section-headings-left .featured-collection__heading {
padding-right: 5rem;
padding-bottom: 0;
}
}
.featured-collection__view-all {
display: inline-block;
padding-bottom: 0.25rem;
color: #000000;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 0.1rem;
transition: color 0.2s ease-in-out;
margin: 0.75rem auto;
text-transform: none;
letter-spacing: 0;
}
.featured-collection__view-all::after {
position: relative;
display: block;
width: 100%;
height: 1px;
cursor: pointer;
content: "";
background-color: #000000;
transform: translateY(0.25rem);
}
.featured-collection__view-all:hover {
color: #0090e9;
}
.featured-collection__view-all:hover::after {
background-color: #0090e9;
}
@media screen and (min-width: 768px) {
.featured-collection__view-all {
margin: 0 auto 0.75rem;
}
}
.main-content--section-headings-left .featured-collection__view-all {
margin: 0.75rem 0;
}
@media screen and (min-width: 768px) {
.main-content--section-headings-left .featured-collection__view-all {
position: absolute;
right: 0;
padding-bottom: 0.75rem;
margin: 0;
transform: translateY(-100%);
}
}
.featured-collection__sidebar--true {
display: flex;
flex-direction: column;
}
@media screen and (min-width: 768px) {
.featured-collection__sidebar--true {
flex-direction: row;
}
}
.featured-collection__wrapper {
position: relative;
max-width: 1200px;
margin: 0 auto;
}
.section-with-sidebar__wrapper .featured-collection__wrapper {
margin: 2.5rem 0 2.5rem;
}
@media screen and (min-width: 576px) {
.section-with-sidebar__wrapper .featured-collection__wrapper {
margin: 3.5rem 0 3.5rem;
}
}
@media screen and (min-width: 768px) {
.section-with-sidebar__wrapper .featured-collection__wrapper {
flex: 1 1 auto;
margin: 0 0 0 40px;
}
}
@media screen and (min-width: 960px) {
.section-with-sidebar__wrapper .featured-collection__wrapper {
margin: 0 0 0 40px;
}
}
@media screen and (min-width: 768px) {
.featured-collection__wrapper--layout-slideshow.featured-collection__wrapper--2-column .product-thumbnail {
width: 50%;
}
}
@media screen and (min-width: 768px) {
.featured-collection__wrapper--layout-slideshow.featured-collection__wrapper--3-column .product-thumbnail {
width: 33.3333%;
}
}
@media screen and (min-width: 768px) {
.featured-collection__wrapper--layout-slideshow.featured-collection__wrapper--4-column .product-thumbnail {
width: 25%;
}
}
.featured-collection__wrapper--layout-slideshow .product-thumbnail {
width: 90%;
margin: 0 0.375rem;
}
@media screen and (min-width: 768px) {
.featured-collection__wrapper--layout-slideshow .product-thumbnail {
width: auto;
padding: 0 1.25rem;
margin: 0;
}
}
.featured-collection--extra-space .featured-collection__wrapper--layout-slideshow .product-thumbnail {
padding-bottom: 3rem;
}
.featured-collection__slideshow-wrapper .flickity-button {
display: none;
width: 2.5rem;
height: 2.5rem;
background-color: #fff;
box-shadow: 0 4px 16px 1px rgba(0, 0, 0, 0.2);
}
@media screen and (min-width: 768px) {
.featured-collection__slideshow-wrapper .flickity-button {
display: block;
}
}
.featured-collection__slideshow-wrapper .flickity-button::after {
position: absolute;
top: 50%;
left: 50%;
display: block;
width: 0.5rem;
height: 0.875rem;
transform: translate(-50%, -50%);
}
.featured-collection__slideshow-wrapper .flickity-button.next {
right: 0.5rem;
}
.featured-collection__slideshow-wrapper .flickity-button.next::after {
margin-left: 1px;
content: url('data:image/svg+xml,%3Csvg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1.35355 0.646447C1.15829 0.451184 0.841709 0.451184 0.646447 0.646447C0.451184 0.841709 0.451184 1.15829 0.646447 1.35355L1.35355 0.646447ZM7 7L7.35355 7.35355C7.54882 7.15829 7.54882 6.84171 7.35355 6.64645L7 7ZM0.646447 12.6464C0.451184 12.8417 0.451184 13.1583 0.646447 13.3536C0.841709 13.5488 1.15829 13.5488 1.35355 13.3536L0.646447 12.6464ZM0.646447 1.35355L6.64645 7.35355L7.35355 6.64645L1.35355 0.646447L0.646447 1.35355ZM6.64645 6.64645L0.646447 12.6464L1.35355 13.3536L7.35355 7.35355L6.64645 6.64645Z" fill="%23000000"/%3E%3C/svg%3E');
}
.featured-collection__slideshow-wrapper .flickity-button.next:hover::after {
content: url('data:image/svg+xml,%3Csvg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1.35355 0.646447C1.15829 0.451184 0.841709 0.451184 0.646447 0.646447C0.451184 0.841709 0.451184 1.15829 0.646447 1.35355L1.35355 0.646447ZM7 7L7.35355 7.35355C7.54882 7.15829 7.54882 6.84171 7.35355 6.64645L7 7ZM0.646447 12.6464C0.451184 12.8417 0.451184 13.1583 0.646447 13.3536C0.841709 13.5488 1.15829 13.5488 1.35355 13.3536L0.646447 12.6464ZM0.646447 1.35355L6.64645 7.35355L7.35355 6.64645L1.35355 0.646447L0.646447 1.35355ZM6.64645 6.64645L0.646447 12.6464L1.35355 13.3536L7.35355 7.35355L6.64645 6.64645Z" fill="%23000000"/%3E%3C/svg%3E');
}
.featured-collection__slideshow-wrapper .flickity-button.previous {
left: 0.5rem;
}
.featured-collection__slideshow-wrapper .flickity-button.previous::after {
margin-right: 1px;
content: url('data:image/svg+xml,%3Csvg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M6.64645 0.646447C6.84171 0.451184 7.15829 0.451184 7.35355 0.646447C7.54882 0.841709 7.54882 1.15829 7.35355 1.35355L6.64645 0.646447ZM1 7L0.646447 7.35355C0.451184 7.15829 0.451184 6.84171 0.646447 6.64645L1 7ZM7.35355 12.6464C7.54882 12.8417 7.54882 13.1583 7.35355 13.3536C7.15829 13.5488 6.84171 13.5488 6.64645 13.3536L7.35355 12.6464ZM7.35355 1.35355L1.35355 7.35355L0.646447 6.64645L6.64645 0.646447L7.35355 1.35355ZM1.35355 6.64645L7.35355 12.6464L6.64645 13.3536L0.646447 7.35355L1.35355 6.64645Z" fill="%23000000"/%3E%3C/svg%3E');
}
.featured-collection__slideshow-wrapper .flickity-button.previous:hover::after {
content: url('data:image/svg+xml,%3Csvg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M6.64645 0.646447C6.84171 0.451184 7.15829 0.451184 7.35355 0.646447C7.54882 0.841709 7.54882 1.15829 7.35355 1.35355L6.64645 0.646447ZM1 7L0.646447 7.35355C0.451184 7.15829 0.451184 6.84171 0.646447 6.64645L1 7ZM7.35355 12.6464C7.54882 12.8417 7.54882 13.1583 7.35355 13.3536C7.15829 13.5488 6.84171 13.5488 6.64645 13.3536L7.35355 12.6464ZM7.35355 1.35355L1.35355 7.35355L0.646447 6.64645L6.64645 0.646447L7.35355 1.35355ZM1.35355 6.64645L7.35355 12.6464L6.64645 13.3536L0.646447 7.35355L1.35355 6.64645Z" fill="%23000000"/%3E%3C/svg%3E');
}
.featured-collection__slideshow-wrapper .flickity-button .flickity-button-icon {
display: none;
}
.featured-collection__slideshow-wrapper .flickity-button:focus {
border: 1px solid #000000;
}
.featured-collection__slideshow-wrapper::after {
display: none;
content: "flickity";
}
@media screen and (min-width: 768px) {
.featured-collection__slideshow-wrapper {
margin: 0 -1.25rem;
}
}
.featured-collection__slideshow-wrapper .flickity-button {
display: none;
}
@media screen and (min-width: 768px) {
.featured-collection__slideshow-wrapper .flickity-button {
display: block;
}
}
.featured-collection__slideshow-wrapper .flickity-button.previous, .featured-collection__slideshow-wrapper .flickity-button.next {
transform: translateY(-3rem);
}
.featured-collection__slideshow-wrapper .flickity-button.previous {
left: 1.75rem;
}
.featured-collection__slideshow-wrapper .flickity-button.next {
right: 1.75rem;
}
.featured-collection__wrapper--layout-grid {
display: grid;
grid-gap: 24px 24px;
width: 100%;
}
@media screen and (min-width: 768px) {
.featured-collection__wrapper--layout-grid {
grid-template-columns: 1fr;
grid-gap: 40px 40px;
}
}
.featured-collection__wrapper--1-mobile-column {
grid-template-columns: repeat(1, 1fr);
}
.featured-collection__wrapper--2-mobile-column {
grid-template-columns: repeat(2, 1fr);
}
@media screen and (min-width: 768px) {
.featured-collection__wrapper--2-column {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (min-width: 768px) {
.featured-collection__wrapper--3-column {
grid-template-columns: repeat(3, 1fr);
}
}
@media screen and (min-width: 768px) {
.featured-collection__wrapper--4-column {
grid-template-columns: repeat(4, 1fr);
}
}
.featured-promotions__wrapper {
position: relative;
max-width: 1200px;
margin: 0 auto;
display: grid;
grid-gap: 18px 24px;
}
@media screen and (min-width: 768px) {
.featured-promotions__wrapper {
grid-gap: 40px 40px;
}
}
@media screen and (min-width: 768px) {
.featured-promotions__wrapper--2-column {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (min-width: 768px) {
.featured-promotions__wrapper--3-column {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (min-width: 960px) {
.featured-promotions__wrapper--3-column {
grid-template-columns: repeat(3, 1fr);
}
}
@media screen and (min-width: 768px) {
.featured-promotions__wrapper--4-column {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (min-width: 960px) {
.featured-promotions__wrapper--4-column {
grid-template-columns: repeat(4, 1fr);
}
}
.featured-promotions__image {
position: relative;
line-height: 0;
}
.featured-promotions__image img {
width: 100%;
}
.featured-promotions__content-wrapper {
display: flex;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 1.5rem 1rem;
}
.featured-promotions__content-wrapper h2 {
margin: 0 0 0.5rem;
color: #000000;
}
.featured-promotions__content-wrapper p {
margin: 0 0 0.5rem;
color: #000000;
}
.featured-promotions__content-wrapper--overlay-gradient {
background: linear-gradient(180deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.65) 100%);
}
.featured-promotions__content-wrapper--overlay-solid {
background: rgba(0, 0, 0, 0.35);
}
.featured-promotions__content-wrapper--position-top {
align-items: flex-start;
}
.featured-promotions__content-wrapper--position-center {
align-items: center;
}
.featured-promotions__content-wrapper--position-bottom {
align-items: flex-end;
}
.featured-promotions__content-wrapper--align-left {
text-align: left;
}
.featured-promotions__content-wrapper--align-center {
text-align: center;
}
.featured-promotions__content-wrapper--align-right {
text-align: right;
}
.featured-promotions__content {
padding: 1rem;
width: 100%;
line-height: initial;
}
.featured-promotions__content.featured-promotions__content--background-true {
background-color: #fff;
}
.featured-promotions__content.featured-promotions__content--background-false h2, .featured-promotions__content.featured-promotions__content--background-false p {
color: #fff;
}
.featured-promotions__button {
margin: 0.5rem 0.375rem 0;
text-align: center;
}
.featured-promotions__button:first-child {
margin-left: 0;
}
.featured-promotions__button--primary,
.featured-promotions__button--tertiary {
font-family: -apple-system,BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
font-style: normal;
font-weight: 400;
display: inline-block;
line-height: 1.4;
color: #FFFFFF;
text-decoration: none;
text-transform: none;
letter-spacing: 1px;
cursor: pointer;
background-color: #000000;
border: 1px solid #000000;
border-radius: 0;
outline: none;
transition: border-color 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out, box-shadow 0.2s ease-out;
padding: 0.5rem 0.75rem;
font-size: 0.9rem;
}
.featured-promotions__button--primary:visited,
.featured-promotions__button--tertiary:visited {
color: #FFFFFF;
}
.featured-promotions__button--primary:hover:not(:disabled), .featured-promotions__button--primary:focus, .featured-promotions__button--primary:active,
.featured-promotions__button--tertiary:hover:not(:disabled),
.featured-promotions__button--tertiary:focus,
.featured-promotions__button--tertiary:active {
color: #fff;
background-color: #0090e9;
border: 1px solid #0090e9;
box-shadow: 0 4px 16px 1px rgba(0, 0, 0, 0.25);
}
.featured-promotions__button--primary:disabled, .featured-promotions__button--primary.disabled,
.featured-promotions__button--tertiary:disabled,
.featured-promotions__button--tertiary.disabled {
cursor: not-allowed !important;
opacity: 0.4;
}.featured-promotions__button--primary,
.featured-promotions__button--tertiary {
border-radius: 0.25rem;
}.featured-promotions__button--secondary {
font-family: -apple-system,BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
font-style: normal;
font-weight: 400;
display: inline-block;
line-height: 1.4;
color: #FFFFFF;
text-decoration: none;
text-transform: none;
letter-spacing: 1px;
cursor: pointer;
background-color: #000000;
border: 1px solid #000000;
border-radius: 0;
outline: none;
transition: border-color 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out, box-shadow 0.2s ease-out;
padding: 0.5rem 0.75rem;
font-size: 0.9rem;
color: #000000;
background-color: transparent;
border: 1px solid #000000;
}
.featured-promotions__button--secondary:visited {
color: #FFFFFF;
}
.featured-promotions__button--secondary:hover:not(:disabled), .featured-promotions__button--secondary:focus, .featured-promotions__button--secondary:active {
color: #fff;
background-color: #0090e9;
border: 1px solid #0090e9;
box-shadow: 0 4px 16px 1px rgba(0, 0, 0, 0.25);
}
.featured-promotions__button--secondary:disabled, .featured-promotions__button--secondary.disabled {
cursor: not-allowed !important;
opacity: 0.4;
}
.featured-promotions__button--secondary:visited {
color: #000000;
}
.featured-promotions__button--secondary:hover:not(:disabled), .featured-promotions__button--secondary:focus, .featured-promotions__button--secondary:active {
color: #FFFFFF;
background-color: #000000;
border: 1px solid #000000;
}.featured-promotions__button--secondary {
border-radius: 0.25rem;
}.featured-promotions__button--tertiary {
color: #fff;
background-color: transparent;
border: 1px solid #fff;
}
.featured-promotions__button--tertiary:visited {
color: #fff;
}
.featured-promotions__button--tertiary:hover:not(:disabled), .featured-promotions__button--tertiary:focus {
color: #000000;
background-color: #fff;
border: 1px solid #fff;
}
.featured-promotions__content--background-true .featured-promotions__button--tertiary {
color: #000000;
background-color: transparent;
border: 1px solid #000000;
}
.featured-promotions__content--background-true .featured-promotions__button--tertiary:visited {
color: #000000;
}
.featured-promotions__content--background-true .featured-promotions__button--tertiary:hover:not(:disabled), .featured-promotions__content--background-true .featured-promotions__button--tertiary:focus {
color: #fff;
background: #000000;
border: 1px solid #000000;
}
.footer-section {
display: grid;
grid-template-columns: 1fr;
grid-gap: 0;
font-size: 1.0rem;
color: #cbcbcb;
background-color: #333333;
}
@media screen and (min-width: 576px) {
.footer-section {
margin-top: 4rem;
}
}
.footer-section a,
.footer-section a:visited {
color: #f0f0f0;
text-decoration: none;
transition: ease-out 0.2s color, ease-out 0.2s border-color;
}
.footer-section a:hover, .footer-section a:focus,
.footer-section a:visited:hover,
.footer-section a:visited:focus {
color: #0090e9;
text-decoration: none;
border-bottom: 1px solid #0090e9;
}
.footer-top {
padding: 2rem 0 0;
margin: 0 24px;
}
@media screen and (min-width: 576px) {
.footer-top {
padding: 0 0 4rem;
margin: 0 32px 0;
}
}
@media screen and (min-width: 768px) {
.footer-top {
margin: 0 40px 0;
}
}
@media screen and (min-width: 960px) {
.footer-top {
margin: 0 56px 0;
}
}
.footer-top__wrapper {
position: relative;
max-width: 1200px;
margin: 0 auto;
display: grid;
grid-template-columns: 0.25fr;
grid-gap: 0;
}
@media screen and (min-width: 576px) {
.footer-top__wrapper {
grid-gap: 40px 32px;
}
}
@media screen and (min-width: 768px) {
.footer-top__wrapper {
grid-gap: 40px 2.5rem;
}
}
.footer-top__wrapper--2-column {
grid-template-columns: 1fr;
}
@media screen and (min-width: 576px) {
.footer-top__wrapper--2-column {
grid-template-columns: repeat(2, 0.25fr);
}
}
.footer-top__wrapper--3-column {
grid-template-columns: 1fr;
}
@media screen and (min-width: 576px) {
.footer-top__wrapper--3-column {
grid-template-columns: repeat(3, 0.25fr);
}
}
.footer-top__wrapper--4-column {
grid-template-columns: 1fr;
}
@media screen and (min-width: 576px) {
.footer-top__wrapper--4-column {
grid-template-columns: repeat(4, 1fr);
}
}
.footer-top__block {
padding-bottom: 1rem;
}
@media screen and (min-width: 576px) {
.footer-top__block {
padding-bottom: 0;
}
}
@media screen and (max-width: 575px) {
.footer-top__block.active .footer-top__block-heading::after {
content: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M2 8.5C2 8.22386 2.22386 8 2.5 8H12.5C12.7761 8 13 8.22386 13 8.5C13 8.77614 12.7761 9 12.5 9H2.5C2.22386 9 2 8.77614 2 8.5Z" fill="%23ffffff"/%3E%3C/svg%3E');
}
.footer-top__block.active .footer-top__block-menu {
padding-top: 1rem;
}
.footer-top__block p {
padding-top: 1rem;
}
}
.footer-top__block:not(.footer-top__block--newsletter_form) {
border-bottom: 1px solid #333333;
}
@media screen and (min-width: 576px) {
.footer-top__block:not(.footer-top__block--newsletter_form) {
border-bottom: 0;
}
}
.footer-top__block--newsletter_form p {
margin-top: 0.5rem;
}
@media screen and (min-width: 576px) {
.footer-top__block--newsletter_form p {
margin-top: initial;
}
}
.footer-top__block--newsletter_form .newsletter-form__bottom-half {
display: block;
}
.footer-top__block--newsletter_form .newsletter-form__bottom-half input {
width: 100%;
}
.footer-top__block--newsletter_form .newsletter-form__bottom-half input[type=email] {
margin-top: 0;
border-color: rgba(0, 0, 0, 0.4);
}
.footer-top__block--newsletter_form .newsletter-form__bottom-half input[type=email]:focus {
border-color: #000000;
}
.footer-top__block--newsletter_form .success {
padding: 12px;
}
.footer-top__block-menu {
padding-left: 0;
margin: 0;
list-style: none;
}
@media screen and (min-width: 576px) {
.footer-top__block-menu {
margin: initial;
}
}
.footer-top__block-heading {
margin: 0;
text-align: center;
padding: 0;
margin-top: 1rem;
margin-bottom: 0;
color: #fff;
text-align: left;
}
@media screen and (min-width: 768px) {
.footer-top__block-heading {
padding: 2.5rem 0 0.75rem;
}
}
.main-content--section-headings-left .footer-top__block-heading {
text-align: left;
}
.section-with-sidebar__wrapper .footer-top__block-heading {
padding-top: 0;
margin-top: 0;
}
@media screen and (min-width: 576px) {
.footer-top__block-heading {
padding-top: 0;
padding-bottom: 0;
margin-top: 3rem;
margin-bottom: 1rem;
font-size: var(--font-size-heading-4);
}
}
.footer-top__block-heading:not(.footer-top__block-heading--newsletter_form) {
position: relative;
cursor: pointer;
}
.footer-top__block-heading:not(.footer-top__block-heading--newsletter_form)::after {
position: absolute;
right: 0;
width: 1rem;
height: 1rem;
content: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M7 13.5C7 13.7761 7.22386 14 7.5 14C7.77614 14 8 13.7761 8 13.5V9H12.5C12.7761 9 13 8.77614 13 8.5C13 8.22386 12.7761 8 12.5 8H8V3.5C8 3.22386 7.77614 3 7.5 3C7.22386 3 7 3.22386 7 3.5V8H2.5C2.22386 8 2 8.22386 2 8.5C2 8.77614 2.22386 9 2.5 9H7V13.5Z" fill="%23ffffff"/%3E%3C/svg%3E');
}
@media screen and (min-width: 576px) {
.footer-top__block-heading:not(.footer-top__block-heading--newsletter_form) {
cursor: auto;
}
.footer-top__block-heading:not(.footer-top__block-heading--newsletter_form)::after {
content: "";
}
}
.footer-top__block-content {
display: none;
max-height: 0;
visibility: hidden;
opacity: 0;
transition: 1s opacity, 1s max-height;
}
.footer-top__block-content[data-animation-state=open] {
display: block;
max-height: 500vh;
visibility: visible;
opacity: 1;
}
.footer-top__block-content[data-animation="open=>closed"] {
display: block;
}
.footer-top__block-content[data-animation="closed=>open"] {
display: block;
}
@media screen and (min-width: 576px) {
.footer-top__block-content {
display: block;
max-height: 500vh;
visibility: visible;
opacity: 1;
transition: none;
}
}
.footer-top__block-content .accordion dt a:focus, .footer-top__block-content .accordion dt a:hover,
.footer-top__block-content .accordion dt a:visited:focus,
.footer-top__block-content .accordion dt a:visited:hover {
color: #cbcbcb;
border: 0;
}
.footer-bottom {
padding: 0 0 2rem;
margin: 0 24px;
}
@media screen and (min-width: 576px) {
.footer-bottom {
padding: 0 0 2rem;
margin: 0 32px;
}
}
@media screen and (min-width: 768px) {
.footer-bottom {
margin: 0 40px;
}
}
@media screen and (min-width: 960px) {
.footer-bottom {
margin: 0 56px;
}
}
.footer-bottom__wrapper {
position: relative;
max-width: 1200px;
margin: 0 auto;
display: flex;
flex-direction: column-reverse;
justify-content: space-between;
padding-top: 1.5rem;
}
@media screen and (min-width: 576px) {
.footer-bottom__wrapper {
flex-direction: row;
padding-top: 2rem;
border-top: 1px solid #333333;
}
}
.footer-bottom__wrapper form {
display: flex;
width: 100%;
padding-bottom: 1rem;
}
@media screen and (min-width: 576px) {
.footer-bottom__wrapper form {
width: initial;
}
}
.footer-bottom__wrapper form .selectors-form__item {
margin-right: 0.75rem;
border: 1px solid rgba(240, 240, 240, 0.4);
border-radius: 8px;
}
.footer-bottom__wrapper form .selectors-form__item button {
color: #f0f0f0;
}
.footer-bottom__wrapper form .selectors-form__item button::after {
content: url('data:image/svg+xml,%3Csvg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M9.35355 1.35355C9.54882 1.15829 9.54882 0.841709 9.35355 0.646447C9.15829 0.451184 8.84171 0.451184 8.64645 0.646447L9.35355 1.35355ZM5 5L4.64645 5.35355C4.84171 5.54882 5.15829 5.54882 5.35355 5.35355L5 5ZM1.35355 0.646447C1.15829 0.451184 0.841708 0.451184 0.646446 0.646447C0.451184 0.841709 0.451184 1.15829 0.646446 1.35355L1.35355 0.646447ZM8.64645 0.646447L4.64645 4.64645L5.35355 5.35355L9.35355 1.35355L8.64645 0.646447ZM5.35355 4.64645L1.35355 0.646447L0.646446 1.35355L4.64645 5.35355L5.35355 4.64645Z" fill="%23f0f0f0"/%3E%3C/svg%3E');
}
.footer-bottom__wrapper form .selectors-form__item[aria-expanded=true] {
border-color: #f0f0f0;
}
.footer-bottom__wrapper form .selectors-form__item a {
color: #000000;
}
.footer-bottom__wrapper form .selectors-form__item a:hover, .footer-bottom__wrapper form .selectors-form__item a:focus {
border-bottom: 1px solid #000000;
}
.footer-bottom__wrapper form .disclosure__toggle {
line-height: 1.25rem;
}
.footer-bottom__wrapper .social-icons {
width: 100%;
padding: 0 0 0.75rem;
}
@media screen and (min-width: 576px) {
.footer-bottom__wrapper .social-icons {
align-items: flex-start;
justify-content: flex-end;
width: initial;
padding: 0 0 1rem;
}
}
.footer-bottom__wrapper .social-icons a {
padding: 0.75rem 1.5rem 0.75rem 0;
}
.footer-bottom__wrapper .social-icons a:hover, .footer-bottom__wrapper .social-icons a:focus {
border-bottom: 0;
}
@media screen and (min-width: 576px) {
.footer-bottom__wrapper .social-icons a {
padding: 0.5rem 0.75rem;
}
}
.footer-bottom__left,
.footer-bottom__right {
width: 100%;
}
.footer-bottom__left .footer__follow-on-shop,
.footer-bottom__right .footer__follow-on-shop {
margin-bottom: 2rem;
}
@media screen and (min-width: 576px) {
.footer-bottom__left,
.footer-bottom__right {
max-width: 50%;
}
.footer-bottom__left .footer__follow-on-shop,
.footer-bottom__right .footer__follow-on-shop {
margin-bottom: 1rem;
text-align: right;
}
}
.footer-bottom__credits {
padding: 0;
margin: 0;
}
.footer-bottom__credits a {
color: #cbcbcb;
text-decoration: none;
}
.footer-bottom__credits a:hover, .footer-bottom__credits a:focus {
color: #000000;
text-decoration: none;
}
.footer-bottom__payment-methods {
padding-bottom: 2rem;
}
.footer-bottom__payment-methods svg {
margin: 0.25rem 0.5rem 0.25rem 0;
}
@media screen and (min-width: 960px) {
.footer-bottom__payment-methods svg {
margin: 0.25rem;
}
.footer-bottom__payment-methods svg:first-child {
margin-left: 0;
}
.footer-bottom__payment-methods svg:last-child {
margin-right: 0;
}
}
.testimonial {
margin: 3rem 24px;
}
@media screen and (min-width: 576px) {
.testimonial {
margin: 3rem 32px;
}
}
@media screen and (min-width: 768px) {
.testimonial {
margin: 3.5rem 40px;
}
}
@media screen and (min-width: 960px) {
.testimonial {
margin: 3.5rem 56px;
}
}
.testimonial__header {
max-width: 1200px;
margin: 2.5rem auto;
margin-top: 3rem;
margin-bottom: calc(2.5rem - 0.75rem);
}
.section-with-sidebar__wrapper .testimonial__header {
margin-top: 0;
}
.testimonial__heading {
margin: 0;
text-align: center;
}
@media screen and (min-width: 768px) {
.testimonial__heading {
padding: 2.5rem 0 0.75rem;
}
}
.main-content--section-headings-left .testimonial__heading {
text-align: left;
}
.section-with-sidebar__wrapper .testimonial__heading {
padding-top: 0;
margin-top: 0;
}
.main-content--section-headings-left .testimonial__heading {
text-align: center;
}
.testimonial__slideshow-wrapper {
position: relative;
width: 100%;
max-width: 36.5rem;
margin: 0 auto;
}
.testimonial__slideshow {
width: 100%;
max-width: 36.5rem;
margin: 0 auto;
}
.testimonial__slideshow .flickity-button {
display: none;
width: 2.5rem;
height: 2.5rem;
background-color: #fff;
box-shadow: 0 4px 16px 1px rgba(0, 0, 0, 0.2);
}
@media screen and (min-width: 768px) {
.testimonial__slideshow .flickity-button {
display: block;
}
}
.testimonial__slideshow .flickity-button::after {
position: absolute;
top: 50%;
left: 50%;
display: block;
width: 0.5rem;
height: 0.875rem;
transform: translate(-50%, -50%);
}
.testimonial__slideshow .flickity-button.next {
right: 0.5rem;
}
.testimonial__slideshow .flickity-button.next::after {
margin-left: 1px;
content: url('data:image/svg+xml,%3Csvg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1.35355 0.646447C1.15829 0.451184 0.841709 0.451184 0.646447 0.646447C0.451184 0.841709 0.451184 1.15829 0.646447 1.35355L1.35355 0.646447ZM7 7L7.35355 7.35355C7.54882 7.15829 7.54882 6.84171 7.35355 6.64645L7 7ZM0.646447 12.6464C0.451184 12.8417 0.451184 13.1583 0.646447 13.3536C0.841709 13.5488 1.15829 13.5488 1.35355 13.3536L0.646447 12.6464ZM0.646447 1.35355L6.64645 7.35355L7.35355 6.64645L1.35355 0.646447L0.646447 1.35355ZM6.64645 6.64645L0.646447 12.6464L1.35355 13.3536L7.35355 7.35355L6.64645 6.64645Z" fill="%23000000"/%3E%3C/svg%3E');
}
.testimonial__slideshow .flickity-button.next:hover::after {
content: url('data:image/svg+xml,%3Csvg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1.35355 0.646447C1.15829 0.451184 0.841709 0.451184 0.646447 0.646447C0.451184 0.841709 0.451184 1.15829 0.646447 1.35355L1.35355 0.646447ZM7 7L7.35355 7.35355C7.54882 7.15829 7.54882 6.84171 7.35355 6.64645L7 7ZM0.646447 12.6464C0.451184 12.8417 0.451184 13.1583 0.646447 13.3536C0.841709 13.5488 1.15829 13.5488 1.35355 13.3536L0.646447 12.6464ZM0.646447 1.35355L6.64645 7.35355L7.35355 6.64645L1.35355 0.646447L0.646447 1.35355ZM6.64645 6.64645L0.646447 12.6464L1.35355 13.3536L7.35355 7.35355L6.64645 6.64645Z" fill="%23000000"/%3E%3C/svg%3E');
}
.testimonial__slideshow .flickity-button.previous {
left: 0.5rem;
}
.testimonial__slideshow .flickity-button.previous::after {
margin-right: 1px;
content: url('data:image/svg+xml,%3Csvg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M6.64645 0.646447C6.84171 0.451184 7.15829 0.451184 7.35355 0.646447C7.54882 0.841709 7.54882 1.15829 7.35355 1.35355L6.64645 0.646447ZM1 7L0.646447 7.35355C0.451184 7.15829 0.451184 6.84171 0.646447 6.64645L1 7ZM7.35355 12.6464C7.54882 12.8417 7.54882 13.1583 7.35355 13.3536C7.15829 13.5488 6.84171 13.5488 6.64645 13.3536L7.35355 12.6464ZM7.35355 1.35355L1.35355 7.35355L0.646447 6.64645L6.64645 0.646447L7.35355 1.35355ZM1.35355 6.64645L7.35355 12.6464L6.64645 13.3536L0.646447 7.35355L1.35355 6.64645Z" fill="%23000000"/%3E%3C/svg%3E');
}
.testimonial__slideshow .flickity-button.previous:hover::after {
content: url('data:image/svg+xml,%3Csvg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M6.64645 0.646447C6.84171 0.451184 7.15829 0.451184 7.35355 0.646447C7.54882 0.841709 7.54882 1.15829 7.35355 1.35355L6.64645 0.646447ZM1 7L0.646447 7.35355C0.451184 7.15829 0.451184 6.84171 0.646447 6.64645L1 7ZM7.35355 12.6464C7.54882 12.8417 7.54882 13.1583 7.35355 13.3536C7.15829 13.5488 6.84171 13.5488 6.64645 13.3536L7.35355 12.6464ZM7.35355 1.35355L1.35355 7.35355L0.646447 6.64645L6.64645 0.646447L7.35355 1.35355ZM1.35355 6.64645L7.35355 12.6464L6.64645 13.3536L0.646447 7.35355L1.35355 6.64645Z" fill="%23000000"/%3E%3C/svg%3E');
}
.testimonial__slideshow .flickity-button .flickity-button-icon {
display: none;
}
.testimonial__slideshow .flickity-button:focus {
border: 1px solid #000000;
}
.testimonial__slideshow .flickity-button {
display: none;
}
@media screen and (min-width: 768px) {
.testimonial__slideshow .flickity-button {
display: block;
}
}
.testimonial__slideshow .flickity-button.next {
right: calc(-2.5rem + 0.75rem - 2.5rem);
}
.testimonial__slideshow .flickity-button.previous {
left: calc(-2.5rem + 0.75rem - 2.5rem);
}
.testimonial__slide {
width: 100%;
padding: 0.75rem;
padding-bottom: 0;
text-align: center;
}
@media screen and (min-width: 768px) {
.testimonial__slide {
max-width: 36.5rem;
}
}
.testimonial__body {
position: relative;
padding: 1.5rem;
margin-bottom: 1.5rem;
background-color: #fff;
border-radius: 0.5rem;
box-shadow: 0 2px 16px 1px rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 768px) {
.testimonial__body {
padding: 2rem;
margin-bottom: 2rem;
}
}
.testimonial__body::after {
position: absolute;
bottom: -0.75rem;
z-index: 1;
width: 0;
height: 0;
content: "";
border-top: 0.75rem solid #fff;
border-right: 0.75rem solid transparent;
border-left: 0.75rem solid transparent;
transform: translateX(-50%);
}
.testimonial__image {
position: relative;
display: flex;
max-width: 4rem;
padding: 0;
margin: 0.75rem auto;
background-color: unset;
border: 0;
opacity: 0.5;
transition: all 0.2s ease-in;
}
.testimonial__image.testimonial__image--circle img {
border-radius: 50%;
aspect-ratio: 1;
}
.testimonial__image img {
transition: box-shadow 0.2s ease-in;
}
.testimonial__image img:hover {
cursor: pointer;
box-shadow: 0 4px 16px 1px rgba(0, 0, 0, 0.2);
}
.is-nav-selected .testimonial__image {
opacity: 1;
}
.testimonial__image--none {
min-height: 4rem;
}
.testimonial__quote-icon {
font-family: -apple-system,BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
font-style: normal;
font-weight: 400;
font-size: 2.75rem;
opacity: 0.4;
}
.testimonial__slideshow--secondary .flickity-viewport,
.testimonial__slideshow .flickity-viewport {
transition: height 0.3s ease;
}
.testimonial__slideshow--secondary {
max-width: calc(7rem * 3 - 0.5rem);
margin-right: auto;
margin-left: auto;
}
.testimonial__slideshow--secondary .flickity-page-dots {
position: static;
margin-top: 1.5rem;
}
@media screen and (min-width: 768px) {
.testimonial__slideshow--secondary .flickity-page-dots {
margin-top: 2rem;
}
}
.testimonial__slideshow--secondary .flickity-page-dots .dot {
background: #000000;
}
.testimonial__slideshow--secondary .dot:not(.is-selected) {
opacity: 0.25;
}
.testimonial__name,
.testimonial__info {
display: block;
visibility: hidden;
}
.is-selected .testimonial__name,
.is-selected .testimonial__info {
visibility: visible;
}
.testimonial__info {
font-size: 0.875rem;
opacity: 0.6;
}
.testimonial__stars {
margin-top: 1.5rem;
}
.testimonial__star-container {
display: inline-block;
}
.testimonial__slide--secondary {
width: 7rem;
text-align: center;
}
.contact-form__header {
max-width: 1200px;
margin: 2.5rem auto;
}
.section-with-sidebar__wrapper .contact-form__header {
margin-top: 0;
}
.contact-form__heading {
margin: 0;
text-align: center;
text-align: center;
}
@media screen and (min-width: 768px) {
.contact-form__heading {
padding: 2.5rem 0 0.75rem;
}
}
.main-content--section-headings-left .contact-form__heading {
text-align: left;
}
.section-with-sidebar__wrapper .contact-form__heading {
padding-top: 0;
margin-top: 0;
}
.contact-form__text {
margin-bottom: 1.5rem;
}
.contact-form__image-wrapper {
position: relative;
}
.contact-form__image {
display: block;
margin-bottom: 1rem;
}
.contact-form__wrapper {
position: relative;
max-width: 1200px;
margin: 0 auto;
}
.contact-form__wrapper--center {
max-width: 680px;
}
@media screen and (min-width: 960px) {
.contact-form__wrapper--right,
.contact-form__wrapper--left {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 0 32px;
}
}
@media screen and (min-width: 960px) {
.contact-form__wrapper--left {
grid-template-areas: "form info";
}
}
@media screen and (min-width: 960px) {
.contact-form__wrapper--right {
grid-template-areas: "info form";
}
}
@media screen and (min-width: 576px) {
.contact-form__form {
display: grid;
grid-template-areas: "result result" "name email" "message message";
grid-template-columns: repeat(2, 1fr);
grid-auto-rows: max-content;
grid-gap: 0 32px;
}
}
.contact-form__form .success,
.contact-form__form .errors {
grid-area: result;
}
.contact-form__information {
grid-area: info;
}
.contact-form__subheading {
margin-top: 0;
}
.contact-form__information--align-right {
text-align: right;
}
.contact-form__information--align-center {
text-align: center;
}
.contact-form__name {
grid-area: name;
}
.contact-form__email {
grid-area: email;
}
.contact-form__message {
grid-area: message;
}
.contact-form__submit {
font-family: -apple-system,BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
font-style: normal;
font-weight: 400;
display: inline-block;
line-height: 1.4;
color: #FFFFFF;
text-decoration: none;
text-transform: none;
letter-spacing: 1px;
cursor: pointer;
background-color: #000000;
border: 1px solid #000000;
border-radius: 0;
outline: none;
transition: border-color 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out, box-shadow 0.2s ease-out;
padding: 0.75rem 1rem;
font-size: 1.0rem;
}
.contact-form__submit:visited {
color: #FFFFFF;
}
.contact-form__submit:hover:not(:disabled), .contact-form__submit:focus, .contact-form__submit:active {
color: #fff;
background-color: #0090e9;
border: 1px solid #0090e9;
box-shadow: 0 4px 16px 1px rgba(0, 0, 0, 0.25);
}
.contact-form__submit:disabled, .contact-form__submit.disabled {
cursor: not-allowed !important;
opacity: 0.4;
}.contact-form__submit {
border-radius: 0.25rem;
}[data-video-playing=true] .video-section {
height: 100%;
}
.video-section--width-wide-true {
max-width: 100%;
margin-inline: 0;
}
.shopify-section:first-child .video-section--width-wide-true {
margin-top: 0;
}
.video-section__wrapper {
position: relative;
max-width: 1200px;
margin: 0 auto;
position: relative;
width: 100%;
height: 100%;
}
.video-section--width-wide-true .video-section__wrapper {
max-width: none;
margin: 0;
}
.video-section__overlay {
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: 100%;
height: 100%;
}
.video-section--dark-overlay-enabled-true .video-section__overlay {
background: rgba(0, 0, 0, 0.3);
}
[data-video-transitioning=true] .video-section__overlay, [data-video-playing=true] .video-section__overlay {
pointer-events: none;
}
.video-section__overlay-image-wrapper {
height: 100%;
}
[data-video-transitioning=true] .video-section__overlay-image-wrapper, [data-video-playing=true] .video-section__overlay-image-wrapper {
opacity: 0;
transition: opacity 200ms ease-in-out;
}
[data-video-playing=true] .video-section__overlay-image-wrapper {
z-index: 0;
}
.video-section__overlay-image {
object-fit: cover;
width: 100%;
height: 100%;
}
.video-section__overlay-header {
position: absolute;
top: 0;
left: 0;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
width: 100%;
height: 100%;
padding: 0.5rem;
margin: auto;
background-color: var(--overlay-color);
}
.video-section--width-wide-true .video-section__overlay-header {
padding: 1.5rem;
}
@media screen and (min-width: 768px) {
.video-section--width-wide-true .video-section__overlay-header {
padding: 2.5rem;
}
}
@media screen and (min-width: 768px) {
.video-section__overlay-header {
padding: 2.5rem;
}
}
.video-section--text-shadow-enabled-true .video-section__overlay-header {
text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.4);
}
[data-video-transitioning=true] .video-section__wrapper--show-text-while-playing-false .video-section__overlay-header, [data-video-playing=true] .video-section__wrapper--show-text-while-playing-false .video-section__overlay-header {
opacity: 0;
transition: opacity 200ms ease-in-out;
}
[data-video-playing=true] .video-section__wrapper--show-text-while-playing-false .video-section__overlay-header {
z-index: 0;
}
.video-section__overlay-header.video-section__overlay-header--text-position-top-center, .video-section__overlay-header.video-section__overlay-header--text-position-center, .video-section__overlay-header.video-section__overlay-header--text-position-bottom-center {
align-items: center;
text-align: center;
}
.video-section__overlay-header.video-section__overlay-header--text-position-top-right, .video-section__overlay-header.video-section__overlay-header--text-position-center-right, .video-section__overlay-header.video-section__overlay-header--text-position-bottom-right {
align-items: flex-end;
text-align: right;
}
.video-section__overlay-header.video-section__overlay-header--text-position-top-left, .video-section__overlay-header.video-section__overlay-header--text-position-center-left, .video-section__overlay-header.video-section__overlay-header--text-position-bottom-left {
align-items: flex-start;
text-align: left;
}
.video-section__overlay-header.video-section__overlay-header--text-position-center-left, .video-section__overlay-header.video-section__overlay-header--text-position-center, .video-section__overlay-header.video-section__overlay-header--text-position-center-right {
justify-content: center;
}
.video-section__overlay-header.video-section__overlay-header--text-position-bottom-left, .video-section__overlay-header.video-section__overlay-header--text-position-bottom-center, .video-section__overlay-header.video-section__overlay-header--text-position-bottom-right {
justify-content: flex-end;
}
.video-section__overlay-heading {
font-family: -apple-system,BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
font-style: normal;
font-weight: 400;
font-size: var(--font-size-heading-2);
line-height: 1.3;
text-decoration: none;
text-transform: none;
letter-spacing: 1px;
margin: 0 0 0.5rem;
color: var(--overlay-text-color);
}
@media screen and (min-width: 768px) {
.video-section__overlay-heading {
font-size: 2.75rem;
}
}.video-section__overlay-heading {
font-weight: bolder;
}@media screen and (min-width: 768px) {
.video-section__overlay-heading {
font-size: 2.75rem;
}
}
.video-section__overlay-heading a {
color: inherit;
text-decoration: none;
}
.video-section__overlay-heading a:visited, .video-section__overlay-heading a:hover, .video-section__overlay-heading a:focus, .video-section__overlay-heading a:active {
color: inherit;
}
@media screen and (min-width: 768px) {
.video-section__overlay-heading {
margin: 0 0 0.75rem;
}
}
.video-section__overlay-subheading {
font-family: -apple-system,BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
font-style: normal;
font-weight: 400;
font-size: 1.0rem;
line-height: 1.5;
text-decoration: none;
text-transform: uppercase;
margin: 0 0 0.5rem;
color: var(--overlay-text-color);
}
@media screen and (min-width: 768px) {
.video-section__overlay-subheading {
font-size: 1.125rem;
}
}
@media screen and (min-width: 768px) {
.video-section__overlay-subheading {
margin: 0 0 0.75rem;
}
}
.video-section__button-wrapper {
display: flex;
align-items: center;
justify-content: center;
margin-top: 1rem;
}
.video-section__overlay-header--text-position-top-right .video-section__button-wrapper, .video-section__overlay-header--text-position-center-right .video-section__button-wrapper, .video-section__overlay-header--text-position-bottom-right .video-section__button-wrapper {
justify-items: flex-end;
}
.video-section__overlay-header--text-position-top-left .video-section__button-wrapper, .video-section__overlay-header--text-position-center-left .video-section__button-wrapper, .video-section__overlay-header--text-position-bottom-left .video-section__button-wrapper {
justify-content: flex-start;
}
.video-section__play-button {
font-family: -apple-system,BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
font-style: normal;
font-weight: 400;
display: inline-block;
line-height: 1.4;
color: #FFFFFF;
text-decoration: none;
text-transform: none;
letter-spacing: 1px;
cursor: pointer;
background-color: #000000;
border: 1px solid #000000;
border-radius: 0;
outline: none;
transition: border-color 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out, box-shadow 0.2s ease-out;
padding: 0.75rem 1rem;
font-size: 1.0rem;
position: relative;
display: flex;
align-items: center;
justify-content: center;
padding: 0.75rem 1rem;
line-height: 1;
}
.video-section__play-button:visited {
color: #FFFFFF;
}
.video-section__play-button:hover:not(:disabled), .video-section__play-button:focus, .video-section__play-button:active {
color: #fff;
background-color: #0090e9;
border: 1px solid #0090e9;
box-shadow: 0 4px 16px 1px rgba(0, 0, 0, 0.25);
}
.video-section__play-button:disabled, .video-section__play-button.disabled {
cursor: not-allowed !important;
opacity: 0.4;
}.video-section__play-button {
border-radius: 0.25rem;
}[data-video-transitioning=true] .video-section__play-button, [data-video-playing=true] .video-section__play-button {
opacity: 0;
transition: opacity 200ms ease-in-out;
}
[data-video-playing=true] .video-section__play-button {
display: none;
}
.video-section__play-icon {
margin-right: 0.75rem;
opacity: 1;
}
[data-video-loading=true] .video-section__play-icon {
opacity: 0;
}
.video-section__play-button-text {
opacity: 1;
}
[data-video-loading=true] .video-section__play-button-text {
opacity: 0;
}
.video-section__loading-icon {
--loading-icon-color: #FFFFFF;
position: absolute;
top: 50%;
left: 50%;
display: block;
opacity: 0;
transform: translate(-50%, -50%);
}
[data-video-loading=true] .video-section__loading-icon {
opacity: 1;
transition: opacity 200ms ease-in-out;
}
.video-section__loading-icon-animation {
position: relative;
left: -32px;
width: 10px;
height: 10px;
color: #FFFFFF;
border-radius: 5px;
box-shadow: 16px 0 0 0 #FFFFFF, 32px 0 0 0 #FFFFFF, 48px 0 0 0 #FFFFFF;
animation: dotTyping 1.5s infinite linear;
}
.video-section__call-to-action {
font-family: -apple-system,BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
font-style: normal;
font-weight: 400;
display: inline-block;
line-height: 1.4;
color: #FFFFFF;
text-decoration: none;
text-transform: none;
letter-spacing: 1px;
cursor: pointer;
background-color: #000000;
border: 1px solid #000000;
border-radius: 0;
outline: none;
transition: border-color 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out, box-shadow 0.2s ease-out;
padding: 0.75rem 1rem;
font-size: 1.0rem;
color: #000000;
background-color: transparent;
border: 1px solid #000000;
padding: 0.75rem 1rem;
text-align: center;
pointer-events: auto;
}
.video-section__call-to-action:visited {
color: #FFFFFF;
}
.video-section__call-to-action:hover:not(:disabled), .video-section__call-to-action:focus, .video-section__call-to-action:active {
color: #fff;
background-color: #0090e9;
border: 1px solid #0090e9;
box-shadow: 0 4px 16px 1px rgba(0, 0, 0, 0.25);
}
.video-section__call-to-action:disabled, .video-section__call-to-action.disabled {
cursor: not-allowed !important;
opacity: 0.4;
}
.video-section__call-to-action:visited {
color: #000000;
}
.video-section__call-to-action:hover:not(:disabled), .video-section__call-to-action:focus, .video-section__call-to-action:active {
color: #FFFFFF;
background-color: #000000;
border: 1px solid #000000;
}.video-section__call-to-action {
border-radius: 0.25rem;
}[data-video-transitioning=true] .video-section__call-to-action, [data-video-playing=true] .video-section__call-to-action {
opacity: 0;
transition: opacity 200ms ease-in-out;
}
[data-video-playing=true] .video-section__call-to-action {
z-index: 0;
margin-left: 0;
}
.video-section--call-to-action-enabled-true .video-section__call-to-action {
margin-left: 1rem;
}
@media screen and (min-width: 576px) {
.video-section--call-to-action-enabled-true .video-section__call-to-action {
margin-top: 0;
}
}
[data-video-playing=true] .video-section--call-to-action-enabled-true .video-section__call-to-action {
margin-top: 0;
margin-left: 0;
}
.video-section__wrapper--show-text-while-playing-true .video-section__call-to-action {
z-index: 1;
opacity: 1;
}
.video-section__video--youtube,
.video-section__video--vimeo {
position: relative;
height: 0;
}
.video-section__wrapper--aspect-ratio-16-9 .video-section__video--youtube,
.video-section__wrapper--aspect-ratio-16-9 .video-section__video--vimeo {
padding-bottom: 56.25%;
}
.video-section__wrapper--aspect-ratio-4-3 .video-section__video--youtube,
.video-section__wrapper--aspect-ratio-4-3 .video-section__video--vimeo {
padding-bottom: 75%;
}
.video-section__wrapper--aspect-ratio-16-9 .video-section__video--html5 {
padding-bottom: 56.25%;
}
.video-section__wrapper--aspect-ratio-4-3 .video-section__video--html5 {
padding-bottom: 75%;
}
.video-section--placeholder-image-enabled-true .video-section__video--html5 {
height: 0;
}
.video-section--placeholder-image-enabled-false .video-section__video--html5 {
padding-bottom: 0;
}
[data-video-playing=true] .video-section__video--html5 {
height: 100%;
padding-bottom: 0;
}
.video-section__video--html5 .plyr--video {
height: 100%;
}
.video-section__video--html5 .plyr__video-wrapper {
height: 100%;
}
.video-section__video--html5 .plyr video {
width: 100%;
height: 100%;
}
.video-section--placeholder-image-enabled-true .video-section__video {
visibility: hidden;
}
[data-video-transitioning=true] .video-section__video, [data-video-playing=true] .video-section__video {
z-index: 1;
visibility: visible;
}
.video-section__video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video-section__video .plyr--full-ui.plyr--video .plyr__control--overlaid {
display: none;
}
.product-recommendations__header {
max-width: 1200px;
margin: 2.5rem auto;
}
.section-with-sidebar__wrapper .product-recommendations__header {
margin-top: 0;
}
.product-recommendations__heading {
margin: 0;
text-align: center;
text-align: center;
}
@media screen and (min-width: 768px) {
.product-recommendations__heading {
padding: 2.5rem 0 0.75rem;
}
}
.main-content--section-headings-left .product-recommendations__heading {
text-align: left;
}
.section-with-sidebar__wrapper .product-recommendations__heading {
padding-top: 0;
margin-top: 0;
}
.product-recommendations__wrapper {
position: relative;
max-width: 1200px;
margin: 0 auto;
}
.product-recommendations__wrapper .flickity-button {
display: none;
width: 2.5rem;
height: 2.5rem;
background-color: #fff;
box-shadow: 0 4px 16px 1px rgba(0, 0, 0, 0.2);
}
@media screen and (min-width: 768px) {
.product-recommendations__wrapper .flickity-button {
display: block;
}
}
.product-recommendations__wrapper .flickity-button::after {
position: absolute;
top: 50%;
left: 50%;
display: block;
width: 0.5rem;
height: 0.875rem;
transform: translate(-50%, -50%);
}
.product-recommendations__wrapper .flickity-button.next {
right: 0.5rem;
}
.product-recommendations__wrapper .flickity-button.next::after {
margin-left: 1px;
content: url('data:image/svg+xml,%3Csvg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1.35355 0.646447C1.15829 0.451184 0.841709 0.451184 0.646447 0.646447C0.451184 0.841709 0.451184 1.15829 0.646447 1.35355L1.35355 0.646447ZM7 7L7.35355 7.35355C7.54882 7.15829 7.54882 6.84171 7.35355 6.64645L7 7ZM0.646447 12.6464C0.451184 12.8417 0.451184 13.1583 0.646447 13.3536C0.841709 13.5488 1.15829 13.5488 1.35355 13.3536L0.646447 12.6464ZM0.646447 1.35355L6.64645 7.35355L7.35355 6.64645L1.35355 0.646447L0.646447 1.35355ZM6.64645 6.64645L0.646447 12.6464L1.35355 13.3536L7.35355 7.35355L6.64645 6.64645Z" fill="%23000000"/%3E%3C/svg%3E');
}
.product-recommendations__wrapper .flickity-button.next:hover::after {
content: url('data:image/svg+xml,%3Csvg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1.35355 0.646447C1.15829 0.451184 0.841709 0.451184 0.646447 0.646447C0.451184 0.841709 0.451184 1.15829 0.646447 1.35355L1.35355 0.646447ZM7 7L7.35355 7.35355C7.54882 7.15829 7.54882 6.84171 7.35355 6.64645L7 7ZM0.646447 12.6464C0.451184 12.8417 0.451184 13.1583 0.646447 13.3536C0.841709 13.5488 1.15829 13.5488 1.35355 13.3536L0.646447 12.6464ZM0.646447 1.35355L6.64645 7.35355L7.35355 6.64645L1.35355 0.646447L0.646447 1.35355ZM6.64645 6.64645L0.646447 12.6464L1.35355 13.3536L7.35355 7.35355L6.64645 6.64645Z" fill="%23000000"/%3E%3C/svg%3E');
}
.product-recommendations__wrapper .flickity-button.previous {
left: 0.5rem;
}
.product-recommendations__wrapper .flickity-button.previous::after {
margin-right: 1px;
content: url('data:image/svg+xml,%3Csvg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M6.64645 0.646447C6.84171 0.451184 7.15829 0.451184 7.35355 0.646447C7.54882 0.841709 7.54882 1.15829 7.35355 1.35355L6.64645 0.646447ZM1 7L0.646447 7.35355C0.451184 7.15829 0.451184 6.84171 0.646447 6.64645L1 7ZM7.35355 12.6464C7.54882 12.8417 7.54882 13.1583 7.35355 13.3536C7.15829 13.5488 6.84171 13.5488 6.64645 13.3536L7.35355 12.6464ZM7.35355 1.35355L1.35355 7.35355L0.646447 6.64645L6.64645 0.646447L7.35355 1.35355ZM1.35355 6.64645L7.35355 12.6464L6.64645 13.3536L0.646447 7.35355L1.35355 6.64645Z" fill="%23000000"/%3E%3C/svg%3E');
}
.product-recommendations__wrapper .flickity-button.previous:hover::after {
content: url('data:image/svg+xml,%3Csvg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M6.64645 0.646447C6.84171 0.451184 7.15829 0.451184 7.35355 0.646447C7.54882 0.841709 7.54882 1.15829 7.35355 1.35355L6.64645 0.646447ZM1 7L0.646447 7.35355C0.451184 7.15829 0.451184 6.84171 0.646447 6.64645L1 7ZM7.35355 12.6464C7.54882 12.8417 7.54882 13.1583 7.35355 13.3536C7.15829 13.5488 6.84171 13.5488 6.64645 13.3536L7.35355 12.6464ZM7.35355 1.35355L1.35355 7.35355L0.646447 6.64645L6.64645 0.646447L7.35355 1.35355ZM1.35355 6.64645L7.35355 12.6464L6.64645 13.3536L0.646447 7.35355L1.35355 6.64645Z" fill="%23000000"/%3E%3C/svg%3E');
}
.product-recommendations__wrapper .flickity-button .flickity-button-icon {
display: none;
}
.product-recommendations__wrapper .flickity-button:focus {
border: 1px solid #000000;
}
.product-recommendations__wrapper .flickity-button.previous {
left: 0.5rem;
}
.product-recommendations__wrapper .flickity-button.next {
right: 0.5rem;
}
.product-recommendations__wrapper .flickity-button.next::after {
right: 0;
}
@media screen and (min-width: 576px) {
.product-recommendations__slider-wrapper {
margin: 0 -1.25rem;
}
}
.product-recommendations__wrapper--grid-layout {
display: grid;
grid-template-columns: 1fr;
grid-gap: 32px 24px;
}
@media screen and (min-width: 576px) {
.product-recommendations__wrapper--grid-layout {
grid-gap: 40px 32px;
}
}
.product-recommendations__wrapper--1-mobile-column {
grid-template-columns: repeat(1, 1fr);
}
.product-recommendations__wrapper--2-mobile-column {
grid-template-columns: repeat(2, 1fr);
}
@media screen and (min-width: 768px) {
.product-recommendations__wrapper--2-column {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (min-width: 768px) {
.product-recommendations__wrapper--3-column {
grid-template-columns: repeat(3, 1fr);
}
}
@media screen and (min-width: 768px) {
.product-recommendations__wrapper--4-column {
grid-template-columns: repeat(4, 1fr);
}
}
@media screen and (min-width: 768px) {
.product-recommendations__wrapper--extra-space {
margin-bottom: -3rem;
}
}
.product-recommendations--hidden {
display: none;
}
.product-recommendations-container--hidden {
display: none;
}
.product-recommendations__wrapper--slider-layout .product-thumbnail {
width: 85%;
padding-right: 2.5rem;
}
@media screen and (min-width: 576px) {
.product-recommendations__wrapper--slider-layout .product-thumbnail {
width: 20rem;
padding: 0 1.25rem;
}
}
.product-recommendations__wrapper--slider-layout.product-recommendations__wrapper--products-count-1 .product-thumbnail {
width: 100%;
padding-right: 0;
}
@media screen and (min-width: 576px) {
.product-recommendations__wrapper--slider-layout.product-recommendations__wrapper--2-column .product-thumbnail {
width: 50%;
}
}
@media screen and (min-width: 576px) {
.product-recommendations__wrapper--slider-layout.product-recommendations__wrapper--3-column .product-thumbnail {
width: 33.35%;
}
}
@media screen and (min-width: 576px) {
.product-recommendations__wrapper--slider-layout.product-recommendations__wrapper--4-column .product-thumbnail {
width: 25%;
}
}
.product-recommendations__wrapper--extra-space .product-thumbnail {
padding-bottom: 3rem;
}
.site-header__outer-wrapper {
position: sticky;
top: calc((var(--announcement-height, 0)) * -1);
z-index: 900;
opacity: 0;
transition: opacity 0.4s ease-out;
}
@media screen and (min-width: 768px) {
.site-header__outer-wrapper {
position: static;
}
}
.no-js .site-header__outer-wrapper, .site-header__outer-wrapper.site-header__outer-wrapper--loaded {
opacity: 1;
}
@media screen and (min-width: 768px) {
.site-header__outer-wrapper.site-header__outer-wrapper--transparent {
position: absolute;
top: 0;
width: 100%;
box-shadow: none;
}
}
@media screen and (min-width: 768px) {
.site-header--sticky .site-header__outer-wrapper {
position: sticky;
top: calc((var(--announcement-height, 0) + var(--utility-height, 0)) * -1);
}
}
@media screen and (max-width: 575px) {
.body--scrolled .site-header__outer-wrapper {
box-shadow: 0 2px 16px 1px rgba(0, 0, 0, 0.1);
}
}
.site-header--sticky.body--scrolled .site-header__outer-wrapper {
box-shadow: 0 2px 16px 1px rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 768px) {
.site-header--sticky .main--transparent-header {
margin-top: calc(var(--full-header-height, 0) * -1 - 1px);
}
}
.site-announcement {
text-align: center;
}
.site-announcement__link,
.site-announcement__text {
display: block;
padding: 0.75rem 24px;
font-size: 0.875rem;
color: var(--text-color);
text-decoration: none;
background-color: var(--background-color);
}
.site-announcement__link:visited, .site-announcement__link:hover,
.site-announcement__text:visited,
.site-announcement__text:hover {
color: var(--text-color);
}
@media screen and (min-width: 576px) {
.site-announcement__link,
.site-announcement__text {
padding: 0.75rem 32px;
}
}
@media screen and (min-width: 768px) {
.site-announcement__link,
.site-announcement__text {
padding: 0.75rem 40px;
}
}
@media screen and (min-width: 960px) {
.site-announcement__link,
.site-announcement__text {
padding: 0.75rem 56px;
}
}
.site-header-utility {
display: none;
padding: 0;
background-color: #000000;
border-bottom: 1px solid var(--border-color);
}
@media screen and (min-width: 768px) {
.site-header-utility {
display: block;
padding: 0 40px;
}
}
@media screen and (min-width: 960px) {
.site-header-utility {
padding: 0 56px;
}
}
.site-header__outer-wrapper--transparent .site-header-utility {
background-color: transparent;
border-bottom: 1px solid var(--transparent-border-color);
}
.site-header-utility__wrapper {
position: relative;
right: -0.75rem;
display: flex;
justify-content: flex-end;
max-width: 1200px;
margin: 0 auto;
}
.site-header-utility__wrapper .social-icons a {
color: #fff;
}
.site-header-utility__wrapper .social-icons a:visited {
color: #fff;
}
.site-header-utility__wrapper .social-icons a:hover, .site-header-utility__wrapper .social-icons a:focus {
color: #0090e9;
}
.site-header__outer-wrapper--transparent .site-header-utility__wrapper .social-icons a {
color: #ffffff;
}
.site-header__outer-wrapper--transparent .site-header-utility__wrapper .social-icons a:visited {
color: #ffffff;
}
.site-header__outer-wrapper--transparent .site-header-utility__wrapper .social-icons a:hover, .site-header__outer-wrapper--transparent .site-header-utility__wrapper .social-icons a:focus {
color: #0090e9;
}
.site-header-utility__cross-border {
display: flex;
align-items: center;
}
.site-header-utility__cross-border .disclosure {
--disclosure-text-color: #fff;
--disclosure-text-color-hover: #0090e9;
--disclosure-background-color: #000000;
--disclosure-border-color: #000000;
--disclosure-toggle-text-color: #fff;
--disclosure-toggle-background-color: transparent;
--disclosure-toggle-border-color: transparent;
--disclosure-toggle-svg-color: #fff;
}
.site-header__outer-wrapper--transparent .site-header-utility__cross-border .disclosure {
--disclosure-toggle-text-color: #ffffff;
--disclosure-toggle-svg-color: #ffffff;
}
.site-header-utility__cross-border .disclosure__toggle::after {
content: url('data:image/svg+xml,%3Csvg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M9.35355 1.35355C9.54882 1.15829 9.54882 0.841709 9.35355 0.646447C9.15829 0.451184 8.84171 0.451184 8.64645 0.646447L9.35355 1.35355ZM5 5L4.64645 5.35355C4.84171 5.54882 5.15829 5.54882 5.35355 5.35355L5 5ZM1.35355 0.646447C1.15829 0.451184 0.841708 0.451184 0.646446 0.646447C0.451184 0.841709 0.451184 1.15829 0.646446 1.35355L1.35355 0.646447ZM8.64645 0.646447L4.64645 4.64645L5.35355 5.35355L9.35355 1.35355L8.64645 0.646447ZM5.35355 4.64645L1.35355 0.646447L0.646446 1.35355L4.64645 5.35355L5.35355 4.64645Z" fill="%23ffffff"/%3E%3C/svg%3E');
}
.site-header__outer-wrapper--transparent .site-header-utility__cross-border .disclosure__toggle::after {
content: url('data:image/svg+xml,%3Csvg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M9.35355 1.35355C9.54882 1.15829 9.54882 0.841709 9.35355 0.646447C9.15829 0.451184 8.84171 0.451184 8.64645 0.646447L9.35355 1.35355ZM5 5L4.64645 5.35355C4.84171 5.54882 5.15829 5.54882 5.35355 5.35355L5 5ZM1.35355 0.646447C1.15829 0.451184 0.841708 0.451184 0.646446 0.646447C0.451184 0.841709 0.451184 1.15829 0.646446 1.35355L1.35355 0.646447ZM8.64645 0.646447L4.64645 4.64645L5.35355 5.35355L9.35355 1.35355L8.64645 0.646447ZM5.35355 4.64645L1.35355 0.646447L0.646446 1.35355L4.64645 5.35355L5.35355 4.64645Z" fill="%23ffffff"/%3E%3C/svg%3E');
}
.site-header-utility__cross-border form {
display: flex;
}
.site-header-utility__cross-border .selectors-form__item {
margin: 0;
}
.site-header-utility__cross-border .disclosure-list {
top: 100%;
bottom: auto;
margin-top: 0.25rem;
}
.site-header {
padding: 0.75rem 24px;
background-color: #000000;
border-bottom: 1px solid var(--border-color);
transition: background-color 0.2s ease, color 0.2s ease;
}
@media screen and (min-width: 576px) {
.site-header {
padding: 0.75rem 32px;
}
}
@media screen and (min-width: 768px) {
.site-header {
padding: 0 40px;
}
}
@media screen and (min-width: 960px) {
.site-header {
padding: 0 56px;
}
}
@media screen and (min-width: 768px) {
.site-header__outer-wrapper--transparent .site-header {
background-color: transparent;
border-bottom: 1px solid var(--transparent-border-color);
}
}
@media screen and (max-width: 575px) {
.body--scrolled .site-header {
border: none;
}
}
.site-header--sticky.body--scrolled .site-header {
border: none;
}
.site-header__wrapper {
display: flex;
align-items: center;
justify-content: space-between;
max-width: 1200px;
margin: 0 auto;
}
.site-header__heading {
font-family: -apple-system,BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
font-style: normal;
font-weight: 400;
flex: 1 0 auto;
margin: 0;
font-size: 1.125rem;
color: #FFFFFF;
text-transform: none;
}
@media screen and (min-width: 768px) {
.site-header__outer-wrapper--transparent .site-header__heading {
color: #ffffff;
}
}
.site-header__heading a {
display: block;
}
@media screen and (min-width: 768px) {
.site-header__heading {
flex: 0 0 auto;
margin: 0 1.5rem 0 0;
}
.site-header__wrapper--logo-center .site-header__heading {
flex: 1 0 auto;
}
}
.site-header__logo {
position: relative;
display: block;
width: var(--mobile-logo-width);
text-align: center;
}
@media screen and (min-width: 768px) {
.site-header__logo {
width: var(--desktop-logo-width);
margin: 1rem 0;
}
.site-header__wrapper--logo-left .site-header__logo {
text-align: left;
}
}
.site-header__logo img {
display: block;
width: 100%;
}
.site-header__logo-image,
.site-header__transparent-image,
.site-header__mobile-image {
width: 100%;
}
.site-header__logo--has-image .site-header__site-name {
display: none;
}
@media screen and (max-width: 767px) {
.site-header__logo--has-mobile-logo .site-header__site-name {
display: none;
}
}
.site-header__logo--has-mobile-logo .site-header__logo-image {
display: none;
}
@media screen and (min-width: 768px) {
.site-header__logo--has-mobile-logo .site-header__logo-image {
display: block;
}
}
.site-header__logo--has-mobile-logo .site-header__mobile-image {
display: block;
}
@media screen and (min-width: 768px) {
.site-header__logo--has-mobile-logo .site-header__mobile-image {
display: none;
}
}
.site-header__logo--has-mobile-logo .site-header__transparent-image {
display: none;
}
.site-header__logo--has-transparent-logo .site-header__transparent-image {
display: none;
}
.site-header__outer-wrapper--transparent .site-header__logo--has-transparent-logo .site-header__logo-image {
display: none;
}
@media screen and (min-width: 768px) {
.site-header__outer-wrapper--transparent .site-header__logo--has-transparent-logo .site-header__transparent-image {
display: block;
}
}
.site-header__navigation {
display: none;
}
@media screen and (min-width: 768px) {
.site-header__navigation {
display: block;
flex: 1 1 auto;
}
.site-header__wrapper--logo-center .site-header__navigation {
flex: 0 1 auto;
width: calc(50% - (var(--desktop-logo-width) / 2) + 1rem);
padding-right: 2rem;
margin-left: -1rem;
}
}
.header-controls {
display: flex;
flex: 0 0 auto;
margin-left: 1rem;
}
.header-controls__search,
.header-controls__account,
.header-controls__cart {
display: block;
padding: 0.75rem 1rem;
color: #fff;
text-decoration: none;
}
.header-controls__search svg,
.header-controls__account svg,
.header-controls__cart svg {
display: block;
}
.header-controls__search:visited,
.header-controls__account:visited,
.header-controls__cart:visited {
color: #fff;
}
.header-controls__search:hover, .user-is-tabbing .header-controls__search:focus,
.header-controls__account:hover,
.user-is-tabbing .header-controls__account:focus,
.header-controls__cart:hover,
.user-is-tabbing .header-controls__cart:focus {
color: #0090e9;
text-decoration: none;
}
@media screen and (min-width: 768px) {
.site-header__outer-wrapper--transparent .header-controls__search,
.site-header__outer-wrapper--transparent .header-controls__account,
.site-header__outer-wrapper--transparent .header-controls__cart {
color: #ffffff;
}
.site-header__outer-wrapper--transparent .header-controls__search:visited,
.site-header__outer-wrapper--transparent .header-controls__account:visited,
.site-header__outer-wrapper--transparent .header-controls__cart:visited {
color: #ffffff;
}
.site-header__outer-wrapper--transparent .header-controls__search:hover, .site-header__outer-wrapper--transparent .header-controls__search:focus,
.site-header__outer-wrapper--transparent .header-controls__account:hover,
.site-header__outer-wrapper--transparent .header-controls__account:focus,
.site-header__outer-wrapper--transparent .header-controls__cart:hover,
.site-header__outer-wrapper--transparent .header-controls__cart:focus {
color: #0090e9;
}
}
.header-controls__search {
display: none;
}
@media screen and (min-width: 768px) {
.header-controls__search {
display: block;
}
}
.header-controls__account {
display: none;
}
@media screen and (min-width: 768px) {
.header-controls__account {
display: block;
}
}
.header-controls__cart {
display: flex;
align-items: center;
padding: 0.75rem 0 0.75rem;
}
@media screen and (min-width: 768px) {
.header-controls__cart {
padding: 0.75rem 0 0.75rem 1rem;
}
}
.header-controls__cart-count {
display: flex;
align-items: center;
justify-content: center;
width: 1.375rem;
height: 1.375rem;
margin-left: 0.25rem;
font-size: 0.8125rem;
text-align: center;
background-color: rgba(255, 255, 255, 0.1);
border-radius: 50%;
}
@media screen and (min-width: 768px) {
.site-header__outer-wrapper--transparent .header-controls__cart-count {
background-color: rgba(255, 255, 255, 0.1);
}
}
.mobile-header-controls {
display: flex;
align-items: center;
width: calc(50% - (var(--mobile-logo-width) / 2) + 0.5rem);
margin-left: -0.5rem;
}
@media screen and (min-width: 768px) {
.mobile-header-controls {
display: none;
}
}
.mobile-header-controls__menu,
.mobile-header-controls__search {
display: block;
padding: 0.75rem 0.5rem;
color: #fff;
text-decoration: none;
}
.mobile-header-controls__menu svg,
.mobile-header-controls__search svg {
display: block;
}
.mobile-header-controls__menu:visited,
.mobile-header-controls__search:visited {
color: #fff;
}
.mobile-header-controls__menu:hover, .mobile-header-controls__menu:focus,
.mobile-header-controls__search:hover,
.mobile-header-controls__search:focus {
color: #0090e9;
text-decoration: none;
}
.section-with-sidebar__wrapper .static-page {
margin: 2.5rem 0 2.5rem;
}
@media screen and (min-width: 576px) {
.section-with-sidebar__wrapper .static-page {
margin: 3.5rem 0 3.5rem;
}
}
@media screen and (min-width: 768px) {
.section-with-sidebar__wrapper .static-page {
flex: 1 1 auto;
margin: 0 0 0 40px;
}
}
@media screen and (min-width: 960px) {
.section-with-sidebar__wrapper .static-page {
margin: 0 0 0 40px;
}
}
.static-page__header {
max-width: 800px;
margin: 3rem auto;
}
@media screen and (min-width: 576px) {
.static-page__header {
margin: 3.5rem auto;
}
}
.static-page--width-wide .static-page__header {
max-width: 1200px;
}
.static-page--width-narrow .static-page__header {
max-width: 680px;
}
.section-with-sidebar .static-page__header {
margin-top: 0;
}
.static-page__heading {
margin: 0;
text-align: center;
padding: 0;
margin: 1.5rem 0;
}
@media screen and (min-width: 768px) {
.static-page__heading {
padding: 2.5rem 0 0.75rem;
}
}
.main-content--section-headings-left .static-page__heading {
text-align: left;
}
.section-with-sidebar__wrapper .static-page__heading {
padding-top: 0;
margin-top: 0;
}
@media screen and (min-width: 576px) {
.static-page__heading {
padding: 0;
margin: 3.5rem 0;
}
}
.static-page__wrapper {
position: relative;
max-width: 1200px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr;
grid-gap: 1rem;
max-width: 800px;
}
.static-page--width-wide .static-page__wrapper {
max-width: 1200px;
}
.static-page--width-narrow .static-page__wrapper {
max-width: 680px;
}
@media screen and (min-width: 768px) {
.static-page__wrapper--2-column {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (min-width: 768px) {
.static-page__wrapper--3-column {
grid-template-columns: repeat(3, 1fr);
}
}
@media screen and (min-width: 768px) {
.static-page__wrapper--4-column {
grid-template-columns: repeat(4, 1fr);
}
}
.faq__wrapper {
position: relative;
max-width: 1200px;
margin: 0 auto;
max-width: 800px;
}
.quote-section .section__wrapper {
max-width: 800px;
}
.logo-bar {
margin-bottom: 0;
}
.logo-bar__header {
max-width: 1200px;
margin: 2.5rem auto;
}
.section-with-sidebar__wrapper .logo-bar__header {
margin-top: 0;
}
.logo-bar__heading {
margin: 0;
text-align: center;
}
@media screen and (min-width: 768px) {
.logo-bar__heading {
padding: 2.5rem 0 0.75rem;
}
}
.main-content--section-headings-left .logo-bar__heading {
text-align: left;
}
.section-with-sidebar__wrapper .logo-bar__heading {
padding-top: 0;
margin-top: 0;
}
.logo-bar__wrapper {
position: relative;
max-width: 1200px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
margin-bottom: 3.5rem;
}
.logo-bar__item {
position: relative;
width: 50%;
padding: 0 0.75rem;
margin: 0.75rem 0;
}
@media screen and (min-width: 576px) {
.logo-bar__item {
width: 33%;
}
}
@media screen and (min-width: 768px) {
.logo-bar__item {
width: 20%;
}
}
.logo-bar__item img {
display: block;
margin: 0 auto;
}
.divider {
opacity: 0;
color: #f0f0f0;
}
.divider.divider--true {
opacity: 1;
}
.divider-wrapper {
margin-right: 1.5rem;
margin-left: 1.5rem;
}
@media screen and (min-width: 768px) {
.divider-wrapper {
margin-right: 3.5rem;
margin-left: 3.5rem;
}
}
.richtext-section__wrapper {
position: relative;
max-width: 1200px;
margin: 0 auto;
padding: 2rem 0;
background-color: var(--richtext-background-color);
}
@media screen and (min-width: 768px) {
.richtext-section__wrapper {
padding: 3.5rem 0;
}
}
.richtext-section--wide-true .richtext-section__wrapper {
max-width: none;
margin: 0;
}
.richtext-section--image-true .richtext-section__wrapper {
padding-top: 0;
}
@media screen and (min-width: 768px) {
.richtext-section--image-true .richtext-section__wrapper {
padding-top: 0;
}
}
.richtext-section--wide-true {
max-width: 100%;
margin-inline: 0;
}
.richtext-section__content {
max-width: 800px;
margin: 0 auto;
}
.richtext-section--background-true .richtext-section__content, .richtext-section--wide-true .richtext-section__content {
margin: 0 24px;
}
@media screen and (min-width: 576px) {
.richtext-section--background-true .richtext-section__content, .richtext-section--wide-true .richtext-section__content {
margin: 0 32px;
}
}
@media screen and (min-width: 768px) {
.richtext-section--background-true .richtext-section__content, .richtext-section--wide-true .richtext-section__content {
margin: 0 40px;
}
}
@media screen and (min-width: 960px) {
.richtext-section--background-true .richtext-section__content, .richtext-section--wide-true .richtext-section__content {
margin: 0 auto;
}
}
.richtext-section__image {
position: relative;
margin-bottom: 2rem;
}
.richtext-section__image img {
display: block;
margin: 0 auto;
}
.richtext-section--wide-true .richtext-section__image img {
width: 100%;
}
.richtext-section__heading {
margin-top: 0;
}
.richtext-section__content--featured_text {
font-size: 1.25rem;
}
.richtext-section__button {
display: inline-block;
padding-bottom: 0.25rem;
color: #000000;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 0.1rem;
transition: color 0.2s ease-in-out;
text-transform: none;
letter-spacing: 0;
}
.richtext-section__button::after {
position: relative;
display: block;
width: 100%;
height: 1px;
cursor: pointer;
content: "";
background-color: #000000;
transform: translateY(0.25rem);
}
.richtext-section__button:hover {
color: #0090e9;
}
.richtext-section__button:hover::after {
background-color: #0090e9;
}
.newsletter-section--wide-true {
max-width: 100%;
margin-inline: 0;
}
.newsletter-section--wide-false.newsletter-section--background-color-true {
background-color: var(--newsletter-background-color);
}
.newsletter-section__heading {
margin: 0;
text-align: center;
color: var(--newsletter-text-color);
}
@media screen and (min-width: 768px) {
.newsletter-section__heading {
padding: 2.5rem 0 0.75rem;
}
}
.main-content--section-headings-left .newsletter-section__heading {
text-align: left;
}
.section-with-sidebar__wrapper .newsletter-section__heading {
padding-top: 0;
margin-top: 0;
}
.newsletter-section_alignment--center .newsletter-section__heading {
text-align: center;
}
.newsletter-section_alignment--left .newsletter-section__heading {
text-align: left;
}
.newsletter-section_alignment--right .newsletter-section__heading {
text-align: right;
}
@media screen and (min-width: 768px) {
.newsletter-section__heading {
padding-top: 0;
margin-bottom: 0;
}
}
.newsletter-section__subheading {
padding-top: 1rem;
text-align: center;
}
.newsletter-section_alignment--left .newsletter-section__subheading {
text-align: left;
}
.newsletter-section_alignment--right .newsletter-section__subheading {
text-align: right;
}
@media screen and (min-width: 768px) {
.newsletter-section__subheading {
padding-top: 0;
}
}
.newsletter-section__richtext {
margin-bottom: 1rem;
text-align: center;
}
.newsletter-section_alignment--left .newsletter-section__richtext {
text-align: left;
}
.newsletter-section_alignment--right .newsletter-section__richtext {
text-align: right;
}
.newsletter-section__wrapper {
max-width: 680px;
padding: 2.5rem;
margin: 0 auto;
}
.newsletter-form {
margin-top: 1rem;
}
input.newsletter-form__first-name,
input.newsletter-form__last-name,
input.newsletter-form__contact-email {
height: 3.5em;
margin-bottom: 0.75rem;
}
.newsletter-form__top-half {
display: grid;
}
@media screen and (min-width: 768px) {
.newsletter-form__top-half {
grid-gap: 0.75rem;
}
}
.newsletter-form__both-names-enabled {
grid-template-columns: 1fr;
}
@media screen and (min-width: 768px) {
.newsletter-form__both-names-enabled {
grid-template-columns: 1fr 1fr;
}
}
.newsletter-form__bottom-half {
display: grid;
grid-template-columns: 1fr;
}
@media screen and (min-width: 768px) {
.newsletter-form__bottom-half {
grid-template-columns: 5fr 1fr;
grid-gap: 0.75rem;
}
}
.newsletter-form__sign-up {
font-family: -apple-system,BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
font-style: normal;
font-weight: 400;
display: inline-block;
line-height: 1.4;
color: #FFFFFF;
text-decoration: none;
text-transform: none;
letter-spacing: 1px;
cursor: pointer;
background-color: #000000;
border: 1px solid #000000;
border-radius: 0;
outline: none;
transition: border-color 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out, box-shadow 0.2s ease-out;
padding: 0.75rem 1rem;
font-size: 1.0rem;
}
.newsletter-form__sign-up:visited {
color: #FFFFFF;
}
.newsletter-form__sign-up:hover:not(:disabled), .newsletter-form__sign-up:focus, .newsletter-form__sign-up:active {
color: #fff;
background-color: #0090e9;
border: 1px solid #0090e9;
box-shadow: 0 4px 16px 1px rgba(0, 0, 0, 0.25);
}
.newsletter-form__sign-up:disabled, .newsletter-form__sign-up.disabled {
cursor: not-allowed !important;
opacity: 0.4;
}.newsletter-form__sign-up {
border-radius: 0.25rem;
}@media screen and (min-width: 768px) {
.newsletter-form__sign-up {
margin: 0.5rem 0 0.75rem;
}
}
.featured-product__header {
max-width: 1200px;
margin: 2.5rem auto;
}
.section-with-sidebar__wrapper .featured-product__header {
margin-top: 0;
}
.featured-product__heading {
margin: 0;
text-align: center;
}
@media screen and (min-width: 768px) {
.featured-product__heading {
padding: 2.5rem 0 0.75rem;
}
}
.main-content--section-headings-left .featured-product__heading {
text-align: left;
}
.section-with-sidebar__wrapper .featured-product__heading {
padding-top: 0;
margin-top: 0;
}
.product__add-to-cart-button--onboarding {
margin-top: 2rem;
}
.featured-product--onboarding-true .product-gallery {
margin-bottom: 1rem;
}
@media screen and (min-width: 768px) {
.featured-product--onboarding-true .product-gallery {
margin-bottom: 0;
}
}
.countdown-timer {
--section-height-small: 200px;
--section-height-medium: 350px;
--section-height-large: 450px;
--product-card-padding: 2rem;
--countdown-item-padding: 1rem;
--countdown-item-gap: 2rem;
--countdown-items-message-gap: 1rem;
--countdown-background-color: 255, 255, 255;
--caption-gap: 1.75rem;
--caption-max-width: 75%;
--overlay-padding: 3.75rem;
display: flex;
}
.countdown-timer--complete .countdown--hide-items .countdown__items {
display: none;
}
.countdown-timer--complete .countdown--hide-items .countdown__message {
margin-top: 0;
}
.countdown-timer--complete .countdown__message {
display: block;
}
.countdown-timer__content {
position: relative;
flex: 1 1 75%;
}
.countdown-timer--small .countdown-timer__content {
min-height: var(--section-height-small);
}
.countdown-timer--medium .countdown-timer__content {
min-height: var(--section-height-medium);
}
.countdown-timer--large .countdown-timer__content {
min-height: var(--section-height-large);
}
.countdown-timer--natural .countdown-timer__content {
aspect-ratio: var(--image-aspect-ratio);
}
.countdown-timer__overlay {
position: relative;
display: flex;
align-items: center;
z-index: 1;
height: 100%;
min-height: inherit;
padding: var(--overlay-padding);
background-color: var(--overlay-background-color);
}
.countdown-timer__caption {
flex: 1;
color: var(--text-color);
}
.countdown-timer--product-enabled .countdown-timer__caption {
max-width: var(--caption-max-width);
}
.countdown-timer--product-disabled .countdown-timer__caption {
display: flex;
align-items: center;
column-gap: var(--caption-gap);
}
.countdown-timer--product-disabled .countdown-timer__caption-header {
flex: 1;
}
.countdown-timer--product-enabled .countdown-timer__caption-header .countdown-timer__caption-button {
display: none;
}
.countdown-timer__caption-heading {
margin: 0 0 0.5rem;
color: inherit;
}
.countdown-timer__caption-text p:first-child {
margin-top: 0;
}
.countdown-timer__caption-text p:last-child {
margin-bottom: 0;
}
.countdown-timer__caption-button {
display: inline-block;
margin-top: 1.75rem;
}
.countdown-timer__caption-button:focus {
outline: none;
}
.countdown-timer__caption-button:focus-visible {
outline: solid;
}
.countdown-timer--product-disabled .countdown-timer__caption-footer {
display: none;
}
.countdown-timer__image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.countdown-timer__image-element {
width: 100%;
height: 100%;
}
.countdown-timer__product-card {
display: flex;
flex: 1 1 25%;
flex-direction: column;
justify-content: center;
padding: var(--product-card-padding);
background-color: var(--product-card-background-color);
}
.countdown {
flex: 1;
}
.countdown-timer--product-enabled .countdown {
margin-top: 1.25rem;
}
.countdown__items {
display: grid;
position: relative;
grid-template-columns: repeat(4, 1fr);
width: 100%;
min-width: -moz-fit-content;
min-width: fit-content;
gap: var(--countdown-item-gap);
padding: var(--countdown-item-padding);
border: 1px solid var(--text-color-alpha);
}
.countdown--has-background .countdown__items {
color: #000000;
background-color: rgba(var(--countdown-background-color), 0.85);
border: 1px solid transparent;
}
.countdown__item {
position: relative;
text-align: center;
}
.countdown__item:after {
content: "";
position: absolute;
top: 0;
right: calc(var(--countdown-item-gap) / 2 * -1);
width: 1px;
height: 100%;
background-color: var(--text-color-alpha);
}
.countdown--has-background .countdown__item:after {
background-color: rgba(0, 0, 0, 0.1);
}
.countdown__item:last-child:after {
display: none;
}
.countdown__item.countdown__item--datetime {
/* Visually hide the countdown datetime */
position: absolute !important;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
border: 0;
}
.countdown__item-heading {
margin: 0 0 0.5rem;
font-size: 1.625rem;
line-height: 1;
color: inherit;
}
.countdown__item-heading:empty {
height: 1em;
}
.countdown__item-text {
font-size: 0.75rem;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.countdown__message {
display: none;
margin-top: var(--countdown-items-message-gap);
}
.countdown__message p:last-child {
margin-bottom: 0;
}
.countdown-timer--complete .countdown__message p {
margin-top: 0;
}
.countdown-timer--product-disabled .countdown__message {
text-align: center;
}
.countdown-timer {
--section-height-small: 12.5rem;
--section-height-medium: 21.875rem;
--section-height-large: 31.25rem;
--overlay-padding: 2rem;
--caption-gap: 3.5rem;
}
@media screen and (max-width: 767px) {
.countdown-timer {
--section-height-small: 18.75rem;
--section-height-medium: 25rem;
--overlay-padding: 0.75rem;
flex-direction: column;
}
}
.countdown-timer--full-width {
max-width: 100%;
margin-inline: 0;
}
.countdown-timer__wrapper {
position: relative;
max-width: 1200px;
margin: 0 auto;
}
@media screen and (min-width: 768px) {
.countdown-timer__wrapper {
flex: 1;
display: flex;
}
}
.countdown-timer--full-width .countdown-timer__wrapper {
max-width: none;
margin: 0;
}
@media screen and (max-width: 767px) {
.countdown-timer--natural .countdown-timer__content {
aspect-ratio: auto;
}
}
@media screen and (max-width: 767px) {
.countdown-timer__caption {
flex-direction: column;
}
}
@media screen and (max-width: 767px) {
.countdown-timer--product-enabled .countdown-timer__caption {
--caption-max-width: none;
}
}
@media screen and (max-width: 767px) {
.countdown-timer--product-disabled .countdown-timer__caption {
align-items: stretch;
}
}
@media screen and (max-width: 767px) {
.countdown-timer__caption-header {
padding: 24px 24px 0;
text-align: center;
}
}
@media screen and (max-width: 767px) {
.countdown-timer__caption-header .countdown-timer__caption-button {
display: none;
}
}
.countdown-timer__caption-heading {
font-family: -apple-system,BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
font-style: normal;
font-weight: 400;
font-size: var(--font-size-heading-2);
line-height: 1.3;
text-decoration: none;
text-transform: none;
letter-spacing: 1px;
}
@media screen and (min-width: 768px) {
.countdown-timer__caption-heading {
font-size: 2.75rem;
}
}.countdown-timer__caption-heading {
font-weight: bolder;
}@media screen and (min-width: 768px) {
.countdown-timer__caption-heading {
font-size: 2.75rem;
}
}
.countdown-timer__caption-heading a {
color: inherit;
text-decoration: none;
}
.countdown-timer__caption-heading a:visited, .countdown-timer__caption-heading a:hover, .countdown-timer__caption-heading a:focus, .countdown-timer__caption-heading a:active {
color: inherit;
}
.countdown-timer__caption-text {
font-family: -apple-system,BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
font-style: normal;
font-weight: 400;
font-size: 1.0rem;
line-height: 1.5;
text-decoration: none;
text-transform: uppercase;
}
@media screen and (min-width: 768px) {
.countdown-timer__caption-text {
font-size: 1.125rem;
}
}
@media screen and (min-width: 768px) {
.countdown-timer__caption-text {
font-size: 1.0rem;
}
}
.countdown-timer__caption-button {
margin-top: 1rem;
}
@media screen and (max-width: 767px) {
.countdown-timer__caption-button {
text-align: center;
}
}
.countdown-timer__caption-button--primary {
font-family: -apple-system,BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
font-style: normal;
font-weight: 400;
display: inline-block;
line-height: 1.4;
color: #FFFFFF;
text-decoration: none;
text-transform: none;
letter-spacing: 1px;
cursor: pointer;
background-color: #000000;
border: 1px solid #000000;
border-radius: 0;
outline: none;
transition: border-color 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out, box-shadow 0.2s ease-out;
padding: 0.75rem 1rem;
font-size: 1.0rem;
}
.countdown-timer__caption-button--primary:visited {
color: #FFFFFF;
}
.countdown-timer__caption-button--primary:hover:not(:disabled), .countdown-timer__caption-button--primary:focus, .countdown-timer__caption-button--primary:active {
color: #fff;
background-color: #0090e9;
border: 1px solid #0090e9;
box-shadow: 0 4px 16px 1px rgba(0, 0, 0, 0.25);
}
.countdown-timer__caption-button--primary:disabled, .countdown-timer__caption-button--primary.disabled {
cursor: not-allowed !important;
opacity: 0.4;
}.countdown-timer__caption-button--primary {
border-radius: 0.25rem;
}.countdown-timer__caption-button--secondary {
font-family: -apple-system,BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
font-style: normal;
font-weight: 400;
display: inline-block;
line-height: 1.4;
color: #FFFFFF;
text-decoration: none;
text-transform: none;
letter-spacing: 1px;
cursor: pointer;
background-color: #000000;
border: 1px solid #000000;
border-radius: 0;
outline: none;
transition: border-color 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out, box-shadow 0.2s ease-out;
padding: 0.75rem 1rem;
font-size: 1.0rem;
color: #000000;
background-color: transparent;
border: 1px solid #000000;
}
.countdown-timer__caption-button--secondary:visited {
color: #FFFFFF;
}
.countdown-timer__caption-button--secondary:hover:not(:disabled), .countdown-timer__caption-button--secondary:focus, .countdown-timer__caption-button--secondary:active {
color: #fff;
background-color: #0090e9;
border: 1px solid #0090e9;
box-shadow: 0 4px 16px 1px rgba(0, 0, 0, 0.25);
}
.countdown-timer__caption-button--secondary:disabled, .countdown-timer__caption-button--secondary.disabled {
cursor: not-allowed !important;
opacity: 0.4;
}
.countdown-timer__caption-button--secondary:visited {
color: #000000;
}
.countdown-timer__caption-button--secondary:hover:not(:disabled), .countdown-timer__caption-button--secondary:focus, .countdown-timer__caption-button--secondary:active {
color: #FFFFFF;
background-color: #000000;
border: 1px solid #000000;
}.countdown-timer__caption-button--secondary {
border-radius: 0.25rem;
}@media screen and (max-width: 767px) {
.countdown-timer__caption-footer {
padding: 0 24px 24px;
display: flex;
justify-content: center;
}
}
@media screen and (max-width: 767px) {
.countdown-timer--product-disabled .countdown-timer__caption-footer {
display: flex;
}
}
.countdown__items {
min-width: 450px;
}
@media screen and (max-width: 767px) {
.countdown__items {
--countdown-item-gap: 1rem;
--countdown-item-padding: 1rem;
min-width: auto;
}
}
@media screen and (max-width: 767px) {
.countdown-timer--product-enabled .countdown__items {
width: 100%;
}
}
@media screen and (max-width: 767px) {
.countdown--has-background .countdown__items {
padding-block: 1rem;
}
}
@media screen and (max-width: 575px) {
.countdown__items .countdown__item-heading {
font-size: 1.3rem;
}
}
@media screen and (max-width: 575px) {
.countdown__items .countdown__item-text {
font-size: 9px;
}
}
@media screen and (max-width: 767px) {
.countdown {
margin-top: 1.25rem;
}
}
@media screen and (min-width: 768px) {
.countdown-timer--product-enabled .countdown {
margin-top: 24px;
}
}
.countdown__message {
font-size: 0.875rem;
}
@media screen and (max-width: 767px) {
.countdown__message {
text-align: center;
}
}
@media screen and (max-width: 767px) {
.countdown-timer--product-enabled .countdown__message {
max-width: none;
}
}
.countdown-timer__product-card {
align-items: center;
}
@media screen and (max-width: 959px) {
.countdown-timer__product-card {
--product-card-padding: 24px;
}
}
.countdown-timer__product-card .product-thumbnail {
max-width: 400px;
}
/* Snippets */
.blog-article {
display: block;
width: 100%;
margin: 0;
}
.blog-posts__wrapper--1-column .blog-article {
margin: 0;
}
.blog-article__image {
position: relative;
display: block;
margin: 0 0 1.5rem;
}
.blog-article__image img {
display: block;
width: 100%;
}
.blog-article__tags {
display: flex;
flex-wrap: wrap;
margin: 1.5rem 0 0.5rem;
}
.blog-article__tag {
display: inline-block;
padding: 0.25rem 0.75rem;
margin: 0;
font-size: 0.8125rem;
color: #000000;
text-decoration: none;
background-color: rgba(0, 0, 0, 0.1);
border-radius: 1.25rem;
margin: 0 0.5rem 0.5rem 0;
}
.blog-article__tag:visited {
color: #000000;
}
.blog-article__title {
margin: 0;
font-size: var(--font-size-heading-3);
}
.blog-article__meta {
display: flex;
flex-wrap: wrap;
margin: 0.5rem 0 0;
font-size: 0.875rem;
}
.blog-article__meta span {
position: relative;
display: inline-block;
white-space: nowrap;
}
.blog-article__meta span::after {
position: relative;
margin: 0 0.5rem;
content: "·";
}
.blog-article__meta span:last-child::after {
content: none;
}
.blog-article__comments {
color: #000000;
text-decoration: none;
}
.blog-article__comments:hover {
color: #000000;
}
.blog-article__excerpt {
margin: 1rem 0 0;
}
.blog-article__link {
display: inline-block;
padding-bottom: 0.25rem;
color: #000000;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 0.1rem;
transition: color 0.2s ease-in-out;
margin: 1.5rem 0 0;
font-size: 1.0rem;
}
.blog-article__link::after {
position: relative;
display: block;
width: 100%;
height: 1px;
cursor: pointer;
content: "";
background-color: #000000;
transform: translateY(0.25rem);
}
.blog-article__link:hover {
color: #0090e9;
}
.blog-article__link:hover::after {
background-color: #0090e9;
}
.comment-form__info {
display: flex;
flex-direction: column;
}
@media screen and (min-width: 768px) {
.comment-form__info {
flex-direction: row;
}
}
.comment-form__name {
width: 100%;
}
@media screen and (min-width: 768px) {
.comment-form__name {
width: 50%;
margin-right: 1rem;
}
}
.comment-form__email {
width: 100%;
}
@media screen and (min-width: 768px) {
.comment-form__email {
width: 50%;
}
}
.comment-form__error,
.comment-form__success {
margin: 0.75rem 0 0.75rem;
}
.complementary-products {
--slide-item-padding: 1rem;
--slide-item-outer-gap: 1rem;
--slide-item-inner-gap: 1rem;
--slide-item-border-color: black;
--slide-item-border-thickness: 1px;
--slider-dot-gap: 0.5rem;
--slider-dot-size: 0.5rem;
--slider-dot-color: #cacaca;
--slider-active-dot-color: #787878;
}
.complementary-products__slider [data-slide] {
position: absolute;
display: flex;
flex-direction: column;
margin: 0 1rem;
gap: var(--slide-item-outer-gap);
width: 100%;
height: auto;
}
.complementary-products__slider .flickity-page-dots {
list-style-type: none;
display: flex;
justify-content: center;
gap: var(--slider-dot-gap);
}
.complementary-products__slider .flickity-page-dots .dot {
margin: 0;
border-radius: 50%;
background: var(--slider-dot-color);
height: var(--slider-dot-size);
width: var(--slider-dot-size);
}
.complementary-products__slider .flickity-page-dots .dot.is-selected {
background: var(--slider-active-dot-color);
}
.complementary-products__grid {
display: flex;
flex-direction: column;
gap: var(--slide-item-outer-gap);
}
.complementary-product {
display: flex;
flex-direction: row;
gap: var(--slide-item-inner-gap);
padding: var(--slide-item-padding);
border: var(--slide-item-border-thickness) solid var(--slide-item-border-color);
}
.complementary-product__name,
.complementary-product__price-text {
margin: 0;
}
.complementary-product__price-text {
display: inline-block;
}
.complementary-product__image-link {
display: block;
position: relative;
line-height: 0;
}
.complementary-products {
--slide-item-padding: 0;
--slide-item-outer-gap: 1.5rem;
--slide-item-inner-gap: 1rem;
--slide-item-border-thickness: 0;
--slider-dot-gap: 1rem;
--slider-dot-size: 0.625rem;
--slider-dot-color: #000000;
--slider-active-dot-color: #000000;
}
.complementary-products__container {
margin: 2rem 0 1.5rem;
}
.product-block--first .complementary-products__container {
margin-top: 0;
}
.complementary-products__slider .flickity-button {
display: none;
width: 2.5rem;
height: 2.5rem;
background-color: #fff;
box-shadow: 0 4px 16px 1px rgba(0, 0, 0, 0.2);
}
@media screen and (min-width: 768px) {
.complementary-products__slider .flickity-button {
display: block;
}
}
.complementary-products__slider .flickity-button::after {
position: absolute;
top: 50%;
left: 50%;
display: block;
width: 0.5rem;
height: 0.875rem;
transform: translate(-50%, -50%);
}
.complementary-products__slider .flickity-button.next {
right: 0.5rem;
}
.complementary-products__slider .flickity-button.next::after {
margin-left: 1px;
content: url('data:image/svg+xml,%3Csvg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1.35355 0.646447C1.15829 0.451184 0.841709 0.451184 0.646447 0.646447C0.451184 0.841709 0.451184 1.15829 0.646447 1.35355L1.35355 0.646447ZM7 7L7.35355 7.35355C7.54882 7.15829 7.54882 6.84171 7.35355 6.64645L7 7ZM0.646447 12.6464C0.451184 12.8417 0.451184 13.1583 0.646447 13.3536C0.841709 13.5488 1.15829 13.5488 1.35355 13.3536L0.646447 12.6464ZM0.646447 1.35355L6.64645 7.35355L7.35355 6.64645L1.35355 0.646447L0.646447 1.35355ZM6.64645 6.64645L0.646447 12.6464L1.35355 13.3536L7.35355 7.35355L6.64645 6.64645Z" fill="%23000000"/%3E%3C/svg%3E');
}
.complementary-products__slider .flickity-button.next:hover::after {
content: url('data:image/svg+xml,%3Csvg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1.35355 0.646447C1.15829 0.451184 0.841709 0.451184 0.646447 0.646447C0.451184 0.841709 0.451184 1.15829 0.646447 1.35355L1.35355 0.646447ZM7 7L7.35355 7.35355C7.54882 7.15829 7.54882 6.84171 7.35355 6.64645L7 7ZM0.646447 12.6464C0.451184 12.8417 0.451184 13.1583 0.646447 13.3536C0.841709 13.5488 1.15829 13.5488 1.35355 13.3536L0.646447 12.6464ZM0.646447 1.35355L6.64645 7.35355L7.35355 6.64645L1.35355 0.646447L0.646447 1.35355ZM6.64645 6.64645L0.646447 12.6464L1.35355 13.3536L7.35355 7.35355L6.64645 6.64645Z" fill="%23000000"/%3E%3C/svg%3E');
}
.complementary-products__slider .flickity-button.previous {
left: 0.5rem;
}
.complementary-products__slider .flickity-button.previous::after {
margin-right: 1px;
content: url('data:image/svg+xml,%3Csvg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M6.64645 0.646447C6.84171 0.451184 7.15829 0.451184 7.35355 0.646447C7.54882 0.841709 7.54882 1.15829 7.35355 1.35355L6.64645 0.646447ZM1 7L0.646447 7.35355C0.451184 7.15829 0.451184 6.84171 0.646447 6.64645L1 7ZM7.35355 12.6464C7.54882 12.8417 7.54882 13.1583 7.35355 13.3536C7.15829 13.5488 6.84171 13.5488 6.64645 13.3536L7.35355 12.6464ZM7.35355 1.35355L1.35355 7.35355L0.646447 6.64645L6.64645 0.646447L7.35355 1.35355ZM1.35355 6.64645L7.35355 12.6464L6.64645 13.3536L0.646447 7.35355L1.35355 6.64645Z" fill="%23000000"/%3E%3C/svg%3E');
}
.complementary-products__slider .flickity-button.previous:hover::after {
content: url('data:image/svg+xml,%3Csvg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M6.64645 0.646447C6.84171 0.451184 7.15829 0.451184 7.35355 0.646447C7.54882 0.841709 7.54882 1.15829 7.35355 1.35355L6.64645 0.646447ZM1 7L0.646447 7.35355C0.451184 7.15829 0.451184 6.84171 0.646447 6.64645L1 7ZM7.35355 12.6464C7.54882 12.8417 7.54882 13.1583 7.35355 13.3536C7.15829 13.5488 6.84171 13.5488 6.64645 13.3536L7.35355 12.6464ZM7.35355 1.35355L1.35355 7.35355L0.646447 6.64645L6.64645 0.646447L7.35355 1.35355ZM1.35355 6.64645L7.35355 12.6464L6.64645 13.3536L0.646447 7.35355L1.35355 6.64645Z" fill="%23000000"/%3E%3C/svg%3E');
}
.complementary-products__slider .flickity-button .flickity-button-icon {
display: none;
}
.complementary-products__slider .flickity-button:focus {
border: 1px solid #000000;
}
.complementary-products__slider .flickity-button.previous {
left: -0.75rem;
}
.complementary-products__slider .flickity-button.next {
right: -0.75rem;
}
.complementary-products__slider .flickity-page-dots {
position: relative;
bottom: 0;
margin: 1.5rem 0;
}
.complementary-products__slider .flickity-page-dots .dot {
margin: 0;
transition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 1);
background: #000000;
}
.complementary-products__slider .flickity-page-dots .dot.is-selected {
opacity: 1;
}
@media screen and (min-width: 768px) {
.complementary-products__slider .flickity-page-dots {
display: none;
}
}
.complementary-products__title {
font-family: -apple-system,BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
font-style: normal;
font-weight: 400;
font-size: 1.0rem;
font-weight: bold;
margin-top: 2rem;
}
.product-block--first .complementary-products__title {
margin-top: 0;
}
.complementary-products__title + .complementary-products__container {
margin-top: 0;
}
.complementary-product__name {
font-family: -apple-system,BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
font-style: normal;
font-weight: 400;
font-size: 1.0rem;
font-weight: 400;
color: #000000;
}
.complementary-product__name-link:hover {
color: #000000;
}
.complementary-product__name-link:visited {
color: #000000;
}
.complementary-product__price-text--now {
display: none;
}
.complementary-product__price-wrapper {
opacity: 0.7;
margin: 0.25rem 0 0.5rem;
}
.complementary-product--on-sale .complementary-product__price-wrapper {
color: #ff0000;
}
.complementary-product__unit-price {
font-size: 0.8125rem;
}
.complementary-product__price-compare {
font-weight: normal;
color: #AE3333;
text-decoration: line-through;
opacity: 0.5;
}
.complementary-product__link {
display: inline-block;
padding-bottom: 0.25rem;
color: #000000;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 0.1rem;
transition: color 0.2s ease-in-out;
text-transform: none;
letter-spacing: 0;
font-size: 0.875rem;
}
.complementary-product__link::after {
position: relative;
display: block;
width: 100%;
height: 1px;
cursor: pointer;
content: "";
background-color: #000000;
transform: translateY(0.25rem);
}
.complementary-product__link:hover {
color: #0090e9;
}
.complementary-product__link:hover::after {
background-color: #0090e9;
}
.complementary-product__image {
flex: 0 0 25%;
}
@media screen and (min-width: 576px) {
.complementary-product__image {
flex: 0 0 18%;
}
}
@media screen and (min-width: 768px) {
.complementary-product__image {
flex: 0 0 30%;
}
}
@media screen and (min-width: 1200px) {
.complementary-product__image {
flex: 0 0 25%;
}
}
.complementary-product__details {
flex-grow: 1;
}
.collection-list-card__image {
text-decoration: none;
}
.collection-list-card__image-wrapper {
position: relative;
}
.collection-list-card__image-wrapper img {
display: block;
width: 100%;
}
.collection-list-card__image,
.collection-list-card__image-wrapper,
.collection-list-card__image .placeholder-svg {
display: block;
}
.collection-list-card__info {
margin-top: 1rem;
color: #000000;
}
.collection-list-card__title {
font-family: -apple-system,BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
font-style: normal;
font-weight: 400;
line-height: 1.3;
color: #000000;
text-decoration: none;
text-transform: none;
letter-spacing: 0px;
font-size: var(--font-size-heading-3);
}
.collection-list-card__title a {
color: inherit;
text-decoration: none;
}
.collection-list-card__title a:visited, .collection-list-card__title a:hover, .collection-list-card__title a:focus, .collection-list-card__title a:active {
color: inherit;
}
.collection-list-card__product-count {
display: block;
font-size: 1.0rem;
}
.main-nav,
.main-nav__tier-2,
.main-nav__tier-3 {
padding: 0;
margin: 0;
list-style-type: none;
}
.main-nav {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 0 -1.25rem 0 0;
}
.site-header__wrapper--logo-center .main-nav {
justify-content: flex-start;
margin: 0;
}
@keyframes menu-fade-in {
from {
opacity: 0;
transform: translateY(0.25rem);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.main-nav__tier-2,
.main-nav__tier-3 {
position: absolute;
z-index: 901;
display: none;
padding: 1rem 0;
background-color: #000000;
border-radius: 0.5rem;
box-shadow: 0 2px 16px 1px rgba(0, 0, 0, 0.1);
}
.main-nav__tier-2.open,
.main-nav__tier-3.open {
display: block;
animation-name: menu-fade-in;
animation-duration: 0.2s;
animation-timing-function: ease;
animation-fill-mode: forwards;
}
.main-nav__tier-2 {
margin-left: 1rem;
}
.main-nav__tier-2.alternate-drop {
right: 0;
}
.main-nav__tier-3 {
top: 0;
left: 100%;
display: none;
}
.main-nav__tier-3.alternate-drop {
right: 100%;
left: auto;
}
.main-nav__tier-1-item,
.main-nav__tier-2-item,
.main-nav__tier-3-item {
margin: 0;
}
.main-nav__tier-2-item {
position: relative;
}
.main-nav__tier-1-link,
.main-nav__tier-2-link,
.main-nav__tier-3-link {
display: flex;
align-items: center;
padding: 0.75rem 1rem;
color: #fff;
text-decoration: none;
white-space: nowrap;
}
.main-nav__tier-1-link:visited,
.main-nav__tier-2-link:visited,
.main-nav__tier-3-link:visited {
color: #fff;
}
.main-nav__tier-1-link:hover, .main-nav__tier-1-link:focus,
.main-nav__tier-2-link:hover,
.main-nav__tier-2-link:focus,
.main-nav__tier-3-link:hover,
.main-nav__tier-3-link:focus {
color: #0090e9;
text-decoration: none;
}
.main-nav__tier-1-link svg,
.main-nav__tier-2-link svg,
.main-nav__tier-3-link svg {
margin-left: 0.5rem;
}
.main-nav__tier-1-link {
font-family: -apple-system,BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
font-style: normal;
font-weight: 400;
position: relative;
font-size: 1.125rem;
text-transform: uppercase;
letter-spacing: 0px;
}
.main-nav__tier-1-link::after {
position: absolute;
bottom: 0.25rem;
left: 1rem;
width: calc(100% - 2rem);
height: 1px;
content: "";
background-color: #0090e9;
opacity: 0;
transition: transform 0.2s ease, opacity 0.2s ease;
}
.main-nav__tier-1-link:hover::after {
opacity: 1;
transform: translateY(-0.25rem);
}
.site-header__outer-wrapper--transparent .main-nav__tier-1-link {
color: #ffffff;
}
.site-header__outer-wrapper--transparent .main-nav__tier-1-link:visited {
color: #ffffff;
}
.site-header__outer-wrapper--transparent .main-nav__tier-1-link:hover, .site-header__outer-wrapper--transparent .main-nav__tier-1-link:focus {
color: #0090e9;
}
.main-nav__tier-2-link,
.main-nav__tier-3-link {
position: relative;
padding: 0.25rem 1.5rem;
}
.main-nav__tier-2-link span,
.main-nav__tier-3-link span {
position: relative;
display: inline-block;
}
.main-nav__tier-2-link span:hover::after, .main-nav__tier-2-link span:focus::after,
.main-nav__tier-3-link span:hover::after,
.main-nav__tier-3-link span:focus::after {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
content: "";
border-bottom: 1px solid #0090e9;
}
.main-nav__tier-2-link svg,
.main-nav__tier-3-link svg {
margin-left: 1rem;
}
.main-nav__tier-2-link span {
pointer-events: none;
}
.no-js .site-header__navigation details[open] > .main-nav__tier-2,
.no-js .site-header__navigation details[open] > .main-nav__tier-3 {
display: block;
}
.site-header__navigation details > summary::-webkit-details-marker {
display: none;
}
.site-header__navigation summary {
list-style: none;
cursor: pointer;
}
.navigation-mobile {
position: fixed;
top: 0;
left: 0;
z-index: 1000;
display: none;
width: 100%;
height: 100%;
}
.navigation-mobile[data-open=true] {
display: flex;
}
.navigation-mobile__overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
opacity: 0;
}
.navigation-mobile__overlay[data-animation] {
transition: opacity 250ms ease;
}
.navigation-mobile__overlay[data-animation-state=open] {
opacity: 0.7;
}
.navigation-mobile__flyout {
position: relative;
display: flex;
flex-direction: column;
width: 100%;
max-width: 19rem;
height: 100%;
overflow: hidden;
background-color: #000000;
transform: translateX(-100%);
}
.navigation-mobile__flyout[data-animation] {
transition: transform 250ms ease;
}
.navigation-mobile__flyout[data-animation-state=open] {
transform: translateX(0);
}
.navigation-mobile[data-child-open=true] .navigation-mobile__flyout {
overflow: hidden;
}
.navigation-mobile__flyout-header {
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #f0f0f0;
}
.navigation-mobile__flyout-title {
font-family: -apple-system,BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
font-style: normal;
font-weight: 400;
flex: 1 0 auto;
margin: 1rem 0 1rem 2.875rem;
font-size: 1.0rem;
color: #fff;
text-align: center;
text-transform: uppercase;
letter-spacing: 0px;
}
.navigation-mobile__account {
display: flex;
align-items: center;
justify-content: flex-start;
margin-left: 1.5rem;
font-size: 0.875rem;
color: #fff;
}
.navigation-mobile__account-link {
font-family: -apple-system,BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
font-style: normal;
font-weight: 400;
display: flex;
align-items: center;
padding: 1rem 0;
margin-right: 0.25rem;
font-size: 1.0rem;
color: #fff;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 0px;
}
.navigation-mobile__account-link:visited {
color: #fff;
}
.navigation-mobile__account-link svg {
display: block;
margin-right: 0.5rem;
}
.navigation-mobile__sign-out {
color: #fff;
white-space: nowrap;
}
.navigation-mobile__close-button {
display: block;
padding: 1rem;
color: #fff;
cursor: pointer;
background-color: transparent;
border: none;
}
.navigation-mobile__close-button svg {
display: block;
}
.mobile-menu {
flex: 1 1 auto;
overflow: auto;
}
.mobile-menu,
.mobile-menu__tier-2-menu,
.mobile-menu__tier-3-menu {
padding: 0;
margin: 0;
list-style-type: none;
}
.mobile-menu__tier-1-item,
.mobile-menu__tier-2-item,
.mobile-menu__tier-3-item {
margin: 0;
text-align: left;
}
.mobile-menu__tier-1-link,
.mobile-menu__tier-2-link,
.mobile-menu__tier-3-link {
font-family: -apple-system,BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
font-style: normal;
font-weight: 400;
display: block;
padding: 1rem 1.5rem;
font-size: 1.0rem;
color: #fff;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 0px;
}
.mobile-menu__tier-1-link:visited, .mobile-menu__tier-1-link:hover, .mobile-menu__tier-1-link:focus, .mobile-menu__tier-1-link:active,
.mobile-menu__tier-2-link:visited,
.mobile-menu__tier-2-link:hover,
.mobile-menu__tier-2-link:focus,
.mobile-menu__tier-2-link:active,
.mobile-menu__tier-3-link:visited,
.mobile-menu__tier-3-link:hover,
.mobile-menu__tier-3-link:focus,
.mobile-menu__tier-3-link:active {
color: #fff;
}
.mobile-menu__tier-1-button,
.mobile-menu__tier-2-button {
font-family: -apple-system,BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
font-style: normal;
font-weight: 400;
position: relative;
display: block;
width: 100%;
padding: 1rem 1.5rem;
font-size: 1.0rem;
color: #fff;
text-align: left;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 0px;
cursor: pointer;
background-color: transparent;
border: none;
}
.mobile-menu__tier-1-button svg,
.mobile-menu__tier-2-button svg {
position: absolute;
top: 50%;
right: 1rem;
display: block;
pointer-events: none;
transform: translateY(-50%);
}
.mobile-menu__tier-2,
.mobile-menu__tier-3 {
position: absolute;
top: 0;
left: 0;
display: none;
width: 100%;
height: 100%;
}
.mobile-menu__tier-2[data-open=true],
.mobile-menu__tier-3[data-open=true] {
display: block;
}
.mobile-menu__tier-2 {
z-index: 2;
}
.mobile-menu__tier-3 {
z-index: 3;
}
.mobile-menu__tier-2-overlay,
.mobile-menu__tier-3-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
opacity: 0;
}
.mobile-menu__tier-2-overlay[data-animation],
.mobile-menu__tier-3-overlay[data-animation] {
transition: opacity 200ms ease;
}
.mobile-menu__tier-2-overlay[data-animation-state=open],
.mobile-menu__tier-3-overlay[data-animation-state=open] {
opacity: 0.2;
}
.mobile-menu__header {
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #f0f0f0;
}
.mobile-menu__back-button {
padding: 1rem 1.5rem;
color: #fff;
cursor: pointer;
background-color: transparent;
border: none;
}
.mobile-menu__back-button svg {
display: block;
transform: rotate(180deg);
}
.mobile-menu__heading {
font-family: -apple-system,BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
font-style: normal;
font-weight: 400;
display: block;
padding: 1rem 0;
margin: 0 0.75rem;
font-size: 1.0rem;
color: #fff;
text-align: center;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 0px;
}
.mobile-menu__heading:visited, .mobile-menu__heading:hover, .mobile-menu__heading:focus, .mobile-menu__heading:active {
color: #fff;
}
.mobile-menu__close-button {
display: block;
padding: 1rem;
color: #fff;
cursor: pointer;
background-color: transparent;
border: none;
}
.mobile-menu__close-button svg {
display: block;
}
.mobile-menu__tier-2-flyout,
.mobile-menu__tier-3-flyout {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: #000000;
transform: translateX(100%);
}
.mobile-menu__tier-2-flyout[data-animation],
.mobile-menu__tier-3-flyout[data-animation] {
transition: transform 250ms ease;
}
.mobile-menu__tier-2-flyout[data-animation-state=open],
.mobile-menu__tier-3-flyout[data-animation-state=open] {
transform: translateX(0);
}
.mobile-menu__tier-2[data-child-open=true] .mobile-menu__tier-2-flyout {
overflow: hidden;
}
.navigation-mobile__footer {
padding: 0.75rem;
border-top: 1px solid #f0f0f0;
}
.navigation-mobile__footer .social-icons a {
color: #fff;
}
.navigation-mobile__footer .social-icons a:visited {
color: #fff;
}
.navigation-mobile__footer .shopify-localization-form {
display: flex;
margin-top: 0.25rem;
}
.navigation-mobile__footer .disclosure {
--disclosure-text-color: #fff;
--disclosure-background-color: #000000;
--disclosure-border-color: #000000;
--disclosure-toggle-text-color: #fff;
--disclosure-toggle-background-color: transparent;
--disclosure-toggle-border-color: transparent;
--disclosure-toggle-svg-color: #fff;
--disclosure-toggle-svg: url('data:image/svg+xml,%3Csvg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M9.35355 1.35355C9.54882 1.15829 9.54882 0.841709 9.35355 0.646447C9.15829 0.451184 8.84171 0.451184 8.64645 0.646447L9.35355 1.35355ZM5 5L4.64645 5.35355C4.84171 5.54882 5.15829 5.54882 5.35355 5.35355L5 5ZM1.35355 0.646447C1.15829 0.451184 0.841708 0.451184 0.646446 0.646447C0.451184 0.841709 0.451184 1.15829 0.646446 1.35355L1.35355 0.646447ZM8.64645 0.646447L4.64645 4.64645L5.35355 5.35355L9.35355 1.35355L8.64645 0.646447ZM5.35355 4.64645L1.35355 0.646447L0.646446 1.35355L4.64645 5.35355L5.35355 4.64645Z" fill="%23ffffff"/%3E%3C/svg%3E');
}
.navigation-mobile__footer .disclosure__toggle {
font-size: 0.8125rem;
}
.mobile-menu-filters {
margin: 0 1.5rem;
overflow: unset;
}
.navigation-mobile__filters--active {
padding: 1.5rem;
border-bottom: 1px solid #f0f0f0;
}
.navigation-mobile-filters {
justify-content: flex-end;
}
.navigation-mobile-filters__flyout {
overflow: auto;
transform: translateX(100%);
}
.navigation-mobile-filters__flyout[data-animation-state=open] {
transform: translateX(0);
}
.navigation-mobile-filters__link {
position: relative;
padding: 1rem 0 1rem 1.5rem;
}
.navigation-mobile-filters__link:hover, .navigation-mobile-filters__link:focus {
text-decoration: none;
}
.navigation-mobile-filters__link::before {
position: absolute;
top: 1.2rem;
left: 0;
content: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Ccircle cx="8" cy="8" r="7.5" fill="white" stroke="%23ffffff"/%3E%3C/svg%3E');
}
.navigation-mobile-filters__link.navigation-mobile-filters__link--active::before {
content: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Ccircle cx="8" cy="8" r="7.5" stroke="%23ffffff"/%3E%3Ccircle cx="7.99996" cy="7.99996" r="5.33333" fill="%23ffffff"/%3E%3C/svg%3E');
}
/* #Flickity v2.2.1 https://flickity.metafizzy.co
================================================== */
.flickity-enabled {
position: relative;
}
.flickity-enabled:focus {
outline: 0;
}
.flickity-viewport {
overflow: hidden;
position: relative;
height: 100%;
}
.flickity-slider {
position: absolute;
width: 100%;
height: 100%;
}
.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-button {
position: absolute;
background: hsla(0deg, 0%, 100%, 0.75);
border: none;
color: #333;
}
.flickity-button:hover {
background: #fff;
cursor: pointer;
}
.flickity-button:focus {
outline: 0;
box-shadow: 0 0 0 5px #19f;
}
.flickity-button:active {
opacity: 0.6;
}
.flickity-button:disabled {
opacity: 0.3;
cursor: auto;
pointer-events: none;
}
.flickity-button-icon {
fill: currentColor;
}
.flickity-prev-next-button {
top: 50%;
width: 44px;
height: 44px;
border-radius: 50%;
transform: translateY(-50%);
}
.flickity-prev-next-button.previous {
left: 10px;
}
.flickity-prev-next-button.next {
right: 10px;
}
.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%;
}
.flickity-page-dots {
position: absolute;
width: 100%;
bottom: -25px;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
line-height: 1;
}
.flickity-rtl .flickity-page-dots {
direction: rtl;
}
.flickity-page-dots .dot {
display: inline-block;
width: 10px;
height: 10px;
margin: 0 8px;
background: #333;
border-radius: 50%;
opacity: 0.25;
cursor: pointer;
}
.flickity-page-dots .dot.is-selected {
opacity: 1;
}
/* flickity-fade */
.flickity-enabled.is-fade .flickity-slider > * {
pointer-events: none;
z-index: 0;
}
.flickity-enabled.is-fade .flickity-slider > .is-selected {
pointer-events: auto;
z-index: 1;
}
@keyframes plyr-progress {
to {
background-position: 25px 0;
}
}
@keyframes plyr-popup {
0% {
opacity: 0.5;
transform: translateY(10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes plyr-fade-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.plyr {
-moz-osx-font-smoothing: auto;
-webkit-font-smoothing: subpixel-antialiased;
direction: ltr;
font-family: Avenir, "Avenir Next", "Helvetica Neue", "Segoe UI", Helvetica, Arial, sans-serif;
font-variant-numeric: tabular-nums;
font-weight: 500;
line-height: 1.7;
max-width: 100%;
min-width: 200px;
position: relative;
text-shadow: none;
transition: box-shadow 0.3s ease;
}
.plyr audio, .plyr video {
border-radius: inherit;
height: auto;
vertical-align: middle;
width: 100%;
}
.plyr button {
font: inherit;
line-height: inherit;
width: auto;
}
.plyr:focus {
outline: 0;
}
.plyr--full-ui {
box-sizing: border-box;
}
.plyr--full-ui *, .plyr--full-ui ::after, .plyr--full-ui ::before {
box-sizing: inherit;
}
.plyr--full-ui a, .plyr--full-ui button, .plyr--full-ui input, .plyr--full-ui label {
touch-action: manipulation;
}
.plyr__badge {
background: #4a5764;
border-radius: 2px;
color: #fff;
font-size: 9px;
line-height: 1;
padding: 3px 4px;
}
.plyr--full-ui ::-webkit-media-text-track-container {
display: none;
}
.plyr__captions {
animation: plyr-fade-in 0.3s ease;
bottom: 0;
color: #fff;
display: none;
font-size: 14px;
left: 0;
padding: 10px;
position: absolute;
text-align: center;
transition: transform 0.4s ease-in-out;
width: 100%;
}
.plyr__captions .plyr__caption {
background: rgba(0, 0, 0, 0.8);
border-radius: 2px;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
line-height: 185%;
padding: 0.2em 0.5em;
white-space: pre-wrap;
}
.plyr__captions .plyr__caption div {
display: inline;
}
.plyr__captions span:empty {
display: none;
}
@media (min-width: 480px) {
.plyr__captions {
font-size: 16px;
padding: 20px;
}
}
@media (min-width: 768px) {
.plyr__captions {
font-size: 18px;
}
}
.plyr--captions-active .plyr__captions {
display: block;
}
.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions {
transform: translateY(-40px);
}
.plyr__control {
background: 0 0;
border: 0;
border-radius: 3px;
color: inherit;
cursor: pointer;
flex-shrink: 0;
overflow: visible;
padding: 7px;
position: relative;
transition: all 0.3s ease;
}
.plyr__control svg {
display: block;
fill: currentColor;
height: 18px;
pointer-events: none;
width: 18px;
}
.plyr__control:focus {
outline: 0;
}
.plyr__control.plyr__tab-focus {
box-shadow: 0 0 0 5px rgba(0, 179, 255, 0.5);
outline: 0;
}
a.plyr__control {
text-decoration: none;
}
a.plyr__control::after, a.plyr__control::before {
display: none;
}
.plyr__control.plyr__control--pressed .icon--not-pressed, .plyr__control.plyr__control--pressed .label--not-pressed, .plyr__control:not(.plyr__control--pressed) .icon--pressed, .plyr__control:not(.plyr__control--pressed) .label--pressed {
display: none;
}
.plyr--audio .plyr__control.plyr__tab-focus, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded=true] {
background: #00b3ff;
color: #fff;
}
.plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true] {
background: #00b3ff;
color: #fff;
}
.plyr__control--overlaid {
background: rgba(0, 179, 255, 0.8);
border: 0;
border-radius: 100%;
color: #fff;
display: none;
left: 50%;
padding: 15px;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
z-index: 2;
}
.plyr__control--overlaid svg {
left: 2px;
position: relative;
}
.plyr__control--overlaid:focus, .plyr__control--overlaid:hover {
background: #00b3ff;
}
.plyr--playing .plyr__control--overlaid {
opacity: 0;
visibility: hidden;
}
.plyr--full-ui.plyr--video .plyr__control--overlaid {
display: block;
}
.plyr--full-ui ::-webkit-media-controls {
display: none;
}
.plyr__controls {
align-items: center;
display: flex;
justify-content: flex-end;
text-align: center;
}
.plyr__controls .plyr__progress__container {
flex: 1;
min-width: 0;
}
.plyr__controls .plyr__controls__item {
margin-left: 2.5px;
}
.plyr__controls .plyr__controls__item:first-child {
margin-left: 0;
margin-right: auto;
}
.plyr__controls .plyr__controls__item.plyr__progress__container {
padding-left: 2.5px;
}
.plyr__controls .plyr__controls__item.plyr__time {
padding: 0 5px;
}
.plyr__controls .plyr__controls__item.plyr__progress__container:first-child, .plyr__controls .plyr__controls__item.plyr__time + .plyr__time, .plyr__controls .plyr__controls__item.plyr__time:first-child {
padding-left: 0;
}
.plyr__controls .plyr__controls__item.plyr__volume {
padding-right: 5px;
}
.plyr__controls .plyr__controls__item.plyr__volume:first-child {
padding-right: 0;
}
.plyr__controls:empty {
display: none;
}
.plyr--audio .plyr__controls {
background: #fff;
border-radius: inherit;
color: #4a5764;
padding: 10px;
}
.plyr--video .plyr__controls {
background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
bottom: 0;
color: #fff;
left: 0;
padding: 20px 5px 5px;
position: absolute;
right: 0;
transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
z-index: 3;
}
@media (min-width: 480px) {
.plyr--video .plyr__controls {
padding: 35px 10px 10px;
}
}
.plyr--video.plyr--hide-controls .plyr__controls {
opacity: 0;
pointer-events: none;
transform: translateY(100%);
}
.plyr [data-plyr=airplay], .plyr [data-plyr=captions], .plyr [data-plyr=fullscreen], .plyr [data-plyr=pip] {
display: none;
}
.plyr--airplay-supported [data-plyr=airplay], .plyr--captions-enabled [data-plyr=captions], .plyr--fullscreen-enabled [data-plyr=fullscreen], .plyr--pip-supported [data-plyr=pip] {
display: inline-block;
}
.plyr__menu {
display: flex;
position: relative;
}
.plyr__menu .plyr__control svg {
transition: transform 0.3s ease;
}
.plyr__menu .plyr__control[aria-expanded=true] svg {
transform: rotate(90deg);
}
.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip {
display: none;
}
.plyr__menu__container {
animation: plyr-popup 0.2s ease;
background: rgba(255, 255, 255, 0.9);
border-radius: 4px;
bottom: 100%;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
color: #4a5764;
font-size: 16px;
margin-bottom: 10px;
position: absolute;
right: -3px;
text-align: left;
white-space: nowrap;
z-index: 3;
}
.plyr__menu__container > div {
overflow: hidden;
transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.plyr__menu__container::after {
border: 4px solid transparent;
border-top-color: rgba(255, 255, 255, 0.9);
content: "";
height: 0;
position: absolute;
right: 15px;
top: 100%;
width: 0;
}
.plyr__menu__container [role=menu] {
padding: 7px;
}
.plyr__menu__container [role=menuitem], .plyr__menu__container [role=menuitemradio] {
margin-top: 2px;
}
.plyr__menu__container [role=menuitem]:first-child, .plyr__menu__container [role=menuitemradio]:first-child {
margin-top: 0;
}
.plyr__menu__container .plyr__control {
align-items: center;
color: #4a5764;
display: flex;
font-size: 14px;
padding: 4px 11px;
-webkit-user-select: none;
user-select: none;
width: 100%;
}
.plyr__menu__container .plyr__control > span {
align-items: inherit;
display: flex;
width: 100%;
}
.plyr__menu__container .plyr__control::after {
border: 4px solid transparent;
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.plyr__menu__container .plyr__control--forward {
padding-right: 28px;
}
.plyr__menu__container .plyr__control--forward::after {
border-left-color: rgba(74, 87, 100, 0.8);
right: 5px;
}
.plyr__menu__container .plyr__control--forward.plyr__tab-focus::after, .plyr__menu__container .plyr__control--forward:hover::after {
border-left-color: currentColor;
}
.plyr__menu__container .plyr__control--back {
font-weight: 500;
margin: 7px;
margin-bottom: 3px;
padding-left: 28px;
position: relative;
width: calc(100% - 14px);
}
.plyr__menu__container .plyr__control--back::after {
border-right-color: rgba(74, 87, 100, 0.8);
left: 7px;
}
.plyr__menu__container .plyr__control--back::before {
background: #c1c9d1;
box-shadow: 0 1px 0 #fff;
content: "";
height: 1px;
left: 0;
margin-top: 4px;
overflow: hidden;
position: absolute;
right: 0;
top: 100%;
}
.plyr__menu__container .plyr__control--back.plyr__tab-focus::after, .plyr__menu__container .plyr__control--back:hover::after {
border-right-color: currentColor;
}
.plyr__menu__container .plyr__control[role=menuitemradio] {
padding-left: 7px;
}
.plyr__menu__container .plyr__control[role=menuitemradio]::after, .plyr__menu__container .plyr__control[role=menuitemradio]::before {
border-radius: 100%;
}
.plyr__menu__container .plyr__control[role=menuitemradio]::before {
background: rgba(0, 0, 0, 0.1);
content: "";
display: block;
flex-shrink: 0;
height: 16px;
margin-right: 10px;
transition: all 0.3s ease;
width: 16px;
}
.plyr__menu__container .plyr__control[role=menuitemradio]::after {
background: #fff;
border: 0;
height: 6px;
left: 12px;
opacity: 0;
top: 50%;
transform: translateY(-50%) scale(0);
transition: transform 0.3s ease, opacity 0.3s ease;
width: 6px;
}
.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before {
background: #00b3ff;
}
.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::after {
opacity: 1;
transform: translateY(-50%) scale(1);
}
.plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus::before, .plyr__menu__container .plyr__control[role=menuitemradio]:hover::before {
background: rgba(0, 0, 0, 0.1);
}
.plyr__menu__container .plyr__menu__value {
align-items: center;
display: flex;
margin-left: auto;
margin-right: -5px;
overflow: hidden;
padding-left: 25px;
pointer-events: none;
}
.plyr--full-ui input[type=range] {
-webkit-appearance: none;
background: 0 0;
border: 0;
border-radius: 26px;
color: #00b3ff;
display: block;
height: 19px;
margin: 0;
padding: 0;
transition: box-shadow 0.3s ease;
width: 100%;
}
.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
background: 0 0;
border: 0;
border-radius: 2.5px;
height: 5px;
-webkit-transition: box-shadow 0.3s ease;
transition: box-shadow 0.3s ease;
-webkit-user-select: none;
user-select: none;
background-image: linear-gradient(to right, currentColor var(--value, 0), transparent var(--value, 0));
}
.plyr--full-ui input[type=range]::-webkit-slider-thumb {
background: #fff;
border: 0;
border-radius: 100%;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2);
height: 13px;
position: relative;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
width: 13px;
-webkit-appearance: none;
margin-top: -4px;
}
.plyr--full-ui input[type=range]::-moz-range-track {
background: 0 0;
border: 0;
border-radius: 2.5px;
height: 5px;
-moz-transition: box-shadow 0.3s ease;
transition: box-shadow 0.3s ease;
user-select: none;
}
.plyr--full-ui input[type=range]::-moz-range-thumb {
background: #fff;
border: 0;
border-radius: 100%;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2);
height: 13px;
position: relative;
-moz-transition: all 0.2s ease;
transition: all 0.2s ease;
width: 13px;
}
.plyr--full-ui input[type=range]::-moz-range-progress {
background: currentColor;
border-radius: 2.5px;
height: 5px;
}
.plyr--full-ui input[type=range]::-ms-track {
background: 0 0;
border: 0;
border-radius: 2.5px;
height: 5px;
-ms-transition: box-shadow 0.3s ease;
transition: box-shadow 0.3s ease;
user-select: none;
color: transparent;
}
.plyr--full-ui input[type=range]::-ms-fill-upper {
background: 0 0;
border: 0;
border-radius: 2.5px;
height: 5px;
-ms-transition: box-shadow 0.3s ease;
transition: box-shadow 0.3s ease;
user-select: none;
}
.plyr--full-ui input[type=range]::-ms-fill-lower {
background: 0 0;
border: 0;
border-radius: 2.5px;
height: 5px;
-ms-transition: box-shadow 0.3s ease;
transition: box-shadow 0.3s ease;
user-select: none;
background: currentColor;
}
.plyr--full-ui input[type=range]::-ms-thumb {
background: #fff;
border: 0;
border-radius: 100%;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2);
height: 13px;
position: relative;
-ms-transition: all 0.2s ease;
transition: all 0.2s ease;
width: 13px;
margin-top: 0;
}
.plyr--full-ui input[type=range]::-ms-tooltip {
display: none;
}
.plyr--full-ui input[type=range]:focus {
outline: 0;
}
.plyr--full-ui input[type=range]::-moz-focus-outer {
border: 0;
}
.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
box-shadow: 0 0 0 5px rgba(0, 179, 255, 0.5);
outline: 0;
}
.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track {
box-shadow: 0 0 0 5px rgba(0, 179, 255, 0.5);
outline: 0;
}
.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track {
box-shadow: 0 0 0 5px rgba(0, 179, 255, 0.5);
outline: 0;
}
.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
background-color: rgba(255, 255, 255, 0.25);
}
.plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
background-color: rgba(255, 255, 255, 0.25);
}
.plyr--full-ui.plyr--video input[type=range]::-ms-track {
background-color: rgba(255, 255, 255, 0.25);
}
.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5);
}
.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5);
}
.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5);
}
.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
background-color: rgba(193, 201, 209, 0.66);
}
.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
background-color: rgba(193, 201, 209, 0.66);
}
.plyr--full-ui.plyr--audio input[type=range]::-ms-track {
background-color: rgba(193, 201, 209, 0.66);
}
.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1);
}
.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1);
}
.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1);
}
.plyr__poster {
background-color: #000;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: contain;
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
transition: opacity 0.2s ease;
width: 100%;
z-index: 1;
}
.plyr--stopped.plyr__poster-enabled .plyr__poster {
opacity: 1;
}
.plyr__time {
font-size: 14px;
}
.plyr__time + .plyr__time::before {
content: "â„";
margin-right: 10px;
}
@media (max-width: 767px) {
.plyr__time + .plyr__time {
display: none;
}
}
.plyr--video .plyr__time {
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}
.plyr__tooltip {
background: rgba(255, 255, 255, 0.9);
border-radius: 3px;
bottom: 100%;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
color: #4a5764;
font-size: 14px;
font-weight: 500;
left: 50%;
line-height: 1.3;
margin-bottom: 10px;
opacity: 0;
padding: 5px 7.5px;
pointer-events: none;
position: absolute;
transform: translate(-50%, 10px) scale(0.8);
transform-origin: 50% 100%;
transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease;
white-space: nowrap;
z-index: 2;
}
.plyr__tooltip::before {
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid rgba(255, 255, 255, 0.9);
bottom: -4px;
content: "";
height: 0;
left: 50%;
position: absolute;
transform: translateX(-50%);
width: 0;
z-index: 2;
}
.plyr .plyr__control.plyr__tab-focus .plyr__tooltip, .plyr .plyr__control:hover .plyr__tooltip, .plyr__tooltip--visible {
opacity: 1;
transform: translate(-50%, 0) scale(1);
}
.plyr .plyr__control:hover .plyr__tooltip {
z-index: 3;
}
.plyr__controls > .plyr__control:first-child .plyr__tooltip, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip {
left: 0;
transform: translate(0, 10px) scale(0.8);
transform-origin: 0 100%;
}
.plyr__controls > .plyr__control:first-child .plyr__tooltip::before, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip::before {
left: 16px;
}
.plyr__controls > .plyr__control:last-child .plyr__tooltip {
left: auto;
right: 0;
transform: translate(0, 10px) scale(0.8);
transform-origin: 100% 100%;
}
.plyr__controls > .plyr__control:last-child .plyr__tooltip::before {
left: auto;
right: 16px;
transform: translateX(50%);
}
.plyr__controls > .plyr__control:first-child .plyr__tooltip--visible, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip--visible, .plyr__controls > .plyr__control:first-child + .plyr__control.plyr__tab-focus .plyr__tooltip, .plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip, .plyr__controls > .plyr__control:first-child.plyr__tab-focus .plyr__tooltip, .plyr__controls > .plyr__control:first-child:hover .plyr__tooltip, .plyr__controls > .plyr__control:last-child .plyr__tooltip--visible, .plyr__controls > .plyr__control:last-child.plyr__tab-focus .plyr__tooltip, .plyr__controls > .plyr__control:last-child:hover .plyr__tooltip {
transform: translate(0, 0) scale(1);
}
.plyr--video {
background: #000;
overflow: hidden;
}
.plyr--video.plyr--menu-open {
overflow: visible;
}
.plyr__video-wrapper {
background: #000;
border-radius: inherit;
overflow: hidden;
position: relative;
z-index: 0;
}
.plyr__video-embed, .plyr__video-wrapper--fixed-ratio {
height: 0;
padding-bottom: 56.25%;
}
.plyr__video-embed iframe, .plyr__video-wrapper--fixed-ratio video {
border: 0;
height: 100%;
left: 0;
position: absolute;
top: 0;
-webkit-user-select: none;
user-select: none;
width: 100%;
}
.plyr--full-ui .plyr__video-embed > .plyr__video-embed__container {
padding-bottom: 240%;
position: relative;
transform: translateY(-38.28125%);
}
.plyr__progress {
left: 6.5px;
margin-right: 13px;
position: relative;
}
.plyr__progress input[type=range], .plyr__progress__buffer {
margin-left: -6.5px;
margin-right: -6.5px;
width: calc(100% + 13px);
}
.plyr__progress input[type=range] {
position: relative;
z-index: 2;
}
.plyr__progress .plyr__tooltip {
font-size: 14px;
left: 0;
}
.plyr__progress__buffer {
-webkit-appearance: none;
background: 0 0;
border: 0;
border-radius: 100px;
height: 5px;
left: 0;
margin-top: -2.5px;
padding: 0;
position: absolute;
top: 50%;
}
.plyr__progress__buffer::-webkit-progress-bar {
background: 0 0;
}
.plyr__progress__buffer::-webkit-progress-value {
background: currentColor;
border-radius: 100px;
min-width: 5px;
-webkit-transition: width 0.2s ease;
transition: width 0.2s ease;
}
.plyr__progress__buffer::-moz-progress-bar {
background: currentColor;
border-radius: 100px;
min-width: 5px;
-moz-transition: width 0.2s ease;
transition: width 0.2s ease;
}
.plyr__progress__buffer::-ms-fill {
border-radius: 100px;
-ms-transition: width 0.2s ease;
transition: width 0.2s ease;
}
.plyr--video .plyr__progress__buffer {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
color: rgba(255, 255, 255, 0.25);
}
.plyr--audio .plyr__progress__buffer {
color: rgba(193, 201, 209, 0.66);
}
.plyr--loading .plyr__progress__buffer {
animation: plyr-progress 1s linear infinite;
background-image: linear-gradient(-45deg, rgba(35, 41, 47, 0.6) 25%, transparent 25%, transparent 50%, rgba(35, 41, 47, 0.6) 50%, rgba(35, 41, 47, 0.6) 75%, transparent 75%, transparent);
background-repeat: repeat-x;
background-size: 25px 25px;
color: transparent;
}
.plyr--video.plyr--loading .plyr__progress__buffer {
background-color: rgba(255, 255, 255, 0.25);
}
.plyr--audio.plyr--loading .plyr__progress__buffer {
background-color: rgba(193, 201, 209, 0.66);
}
.plyr__volume {
align-items: center;
display: flex;
flex: 1;
position: relative;
}
.plyr__volume input[type=range] {
margin-left: 5px;
position: relative;
z-index: 2;
}
@media (min-width: 480px) {
.plyr__volume {
max-width: 90px;
}
}
@media (min-width: 768px) {
.plyr__volume {
max-width: 110px;
}
}
.plyr--is-ios .plyr__volume {
display: none !important;
}
.plyr--is-ios.plyr--vimeo [data-plyr=mute] {
display: none !important;
}
.plyr:-webkit-full-screen {
background: #000;
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%;
}
.plyr:fullscreen {
background: #000;
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%;
}
.plyr:-webkit-full-screen video {
height: 100%;
}
.plyr:fullscreen video {
height: 100%;
}
.plyr:-webkit-full-screen .plyr__video-wrapper {
height: 100%;
position: static;
}
.plyr:fullscreen .plyr__video-wrapper {
height: 100%;
position: static;
}
.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
height: 0;
position: relative;
top: 50%;
transform: translateY(-50%);
}
.plyr:fullscreen.plyr--vimeo .plyr__video-wrapper {
height: 0;
position: relative;
top: 50%;
transform: translateY(-50%);
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
display: block;
}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
display: block;
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg {
display: none;
}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg {
display: none;
}
.plyr:-webkit-full-screen.plyr--hide-controls {
cursor: none;
}
.plyr:fullscreen.plyr--hide-controls {
cursor: none;
}
@media (min-width: 1024px) {
.plyr:-webkit-full-screen .plyr__captions {
font-size: 21px;
}
.plyr:fullscreen .plyr__captions {
font-size: 21px;
}
}
.plyr:-webkit-full-screen {
background: #000;
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%;
}
.plyr:-webkit-full-screen video {
height: 100%;
}
.plyr:-webkit-full-screen .plyr__video-wrapper {
height: 100%;
position: static;
}
.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
height: 0;
position: relative;
top: 50%;
transform: translateY(-50%);
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
display: block;
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg {
display: none;
}
.plyr:-webkit-full-screen.plyr--hide-controls {
cursor: none;
}
@media (min-width: 1024px) {
.plyr:-webkit-full-screen .plyr__captions {
font-size: 21px;
}
}
.plyr:-moz-full-screen {
background: #000;
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%;
}
.plyr:-moz-full-screen video {
height: 100%;
}
.plyr:-moz-full-screen .plyr__video-wrapper {
height: 100%;
position: static;
}
.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper {
height: 0;
position: relative;
top: 50%;
transform: translateY(-50%);
}
.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen {
display: block;
}
.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen + svg {
display: none;
}
.plyr:-moz-full-screen.plyr--hide-controls {
cursor: none;
}
@media (min-width: 1024px) {
.plyr:-moz-full-screen .plyr__captions {
font-size: 21px;
}
}
.plyr:-ms-fullscreen {
background: #000;
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%;
}
.plyr:-ms-fullscreen video {
height: 100%;
}
.plyr:-ms-fullscreen .plyr__video-wrapper {
height: 100%;
position: static;
}
.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
height: 0;
position: relative;
top: 50%;
transform: translateY(-50%);
}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
display: block;
}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg {
display: none;
}
.plyr:-ms-fullscreen.plyr--hide-controls {
cursor: none;
}
@media (min-width: 1024px) {
.plyr:-ms-fullscreen .plyr__captions {
font-size: 21px;
}
}
.plyr--fullscreen-fallback {
background: #000;
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%;
bottom: 0;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 10000000;
}
.plyr--fullscreen-fallback video {
height: 100%;
}
.plyr--fullscreen-fallback .plyr__video-wrapper {
height: 100%;
position: static;
}
.plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper {
height: 0;
position: relative;
top: 50%;
transform: translateY(-50%);
}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
display: block;
}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg {
display: none;
}
.plyr--fullscreen-fallback.plyr--hide-controls {
cursor: none;
}
@media (min-width: 1024px) {
.plyr--fullscreen-fallback .plyr__captions {
font-size: 21px;
}
}
.plyr__ads {
border-radius: inherit;
bottom: 0;
cursor: pointer;
left: 0;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
z-index: -1;
}
.plyr__ads > div, .plyr__ads > div iframe {
height: 100%;
position: absolute;
width: 100%;
}
.plyr__ads::after {
background: rgba(35, 41, 47, 0.8);
border-radius: 2px;
bottom: 10px;
color: #fff;
content: attr(data-badge-text);
font-size: 11px;
padding: 2px 6px;
pointer-events: none;
position: absolute;
right: 10px;
z-index: 3;
}
.plyr__ads::after:empty {
display: none;
}
.plyr__cues {
background: currentColor;
display: block;
height: 5px;
left: 0;
margin: -2.5px 0 0;
opacity: 0.8;
position: absolute;
top: 50%;
width: 3px;
z-index: 3;
}
.plyr__preview-thumb {
background-color: rgba(255, 255, 255, 0.9);
border-radius: 3px;
bottom: 100%;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
margin-bottom: 10px;
opacity: 0;
padding: 3px;
pointer-events: none;
position: absolute;
transform: translate(0, 10px) scale(0.8);
transform-origin: 50% 100%;
transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease;
z-index: 2;
}
.plyr__preview-thumb--is-shown {
opacity: 1;
transform: translate(0, 0) scale(1);
}
.plyr__preview-thumb::before {
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid rgba(255, 255, 255, 0.9);
bottom: -4px;
content: "";
height: 0;
left: 50%;
position: absolute;
transform: translateX(-50%);
width: 0;
z-index: 2;
}
.plyr__preview-thumb__image-container {
background: #c1c9d1;
border-radius: 2px;
overflow: hidden;
position: relative;
z-index: 0;
}
.plyr__preview-thumb__image-container img {
height: 100%;
left: 0;
max-height: none;
max-width: none;
position: absolute;
top: 0;
width: 100%;
}
.plyr__preview-thumb__time-container {
bottom: 6px;
left: 0;
position: absolute;
right: 0;
white-space: nowrap;
z-index: 3;
}
.plyr__preview-thumb__time-container span {
background-color: rgba(0, 0, 0, 0.55);
border-radius: 2px;
color: #fff;
font-size: 14px;
padding: 3px 6px;
}
.plyr__preview-scrubbing {
bottom: 0;
filter: blur(1px);
height: 100%;
left: 0;
margin: auto;
opacity: 0;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
transition: opacity 0.3s ease;
width: 100%;
z-index: 1;
}
.plyr__preview-scrubbing--is-shown {
opacity: 1;
}
.plyr__preview-scrubbing img {
height: 100%;
left: 0;
max-height: none;
max-width: none;
object-fit: contain;
position: absolute;
top: 0;
width: 100%;
}
.plyr--no-transition {
transition: none !important;
}
.plyr__sr-only {
clip: rect(1px, 1px, 1px, 1px);
overflow: hidden;
border: 0 !important;
height: 1px !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
}
.plyr [hidden] {
display: none !important;
}
.recipient-disclosure {
--recipient-disclosure-top-margin: 0;
--recipient-disclosure-bottom-margin: 0;
--recipient-form-field-gap: 0;
--recipient-form-label-gap: 0;
--recipient-form-label-margin: 6px;
--recipient-form-checkbox-width: 12px;
--recipient-form-checkbox-border-width: 1px;
--recipient-form-checkbox-border-color: #000000;
--recipient-form-checkbox-border-radius: 0;
--recipient-form-checkbox-svg-color: inherit;
--recipient-form-error-color: #cc3333;
margin: var(--recipient-disclosure-top-margin) 0 var(--recipient-disclosure-bottom-margin);
}
.recipient-disclosure__summary {
position: relative;
list-style: none;
}
.recipient-disclosure__summary::-webkit-details-marker {
display: none;
}
.recipient-disclosure__checkbox {
position: absolute;
-webkit-appearance: none;
appearance: none;
width: var(--recipient-form-checkbox-width);
height: var(--recipient-form-checkbox-width);
border: var(--recipient-form-checkbox-border-width) solid var(--recipient-form-checkbox-border-color);
border-radius: var(--recipient-form-checkbox-border-radius);
}
.recipient-disclosure__checkbox:checked ~ svg {
visibility: visible;
}
.recipient-disclosure__checkbox-label {
display: flex;
align-items: center;
}
.recipient-disclosure__checkbox-label svg {
visibility: hidden;
position: absolute;
width: var(--recipient-form-checkbox-width);
height: var(--recipient-form-checkbox-width);
color: var(--recipient-form-checkbox-svg-color);
}
.recipient-disclosure__checkbox,
.recipient-disclosure__checkbox-label {
cursor: pointer;
}
.recipient-disclosure__checkbox-label-text {
flex: 1;
margin-left: calc(var(--recipient-form-checkbox-width) + var(--recipient-form-label-margin));
}
.recipient-form {
display: flex;
flex-direction: column;
gap: var(--recipient-form-field-gap);
margin-top: 1rem;
}
.recipient-form__input-wrapper {
position: relative;
display: flex;
flex-direction: column;
gap: var(--recipient-form-label-gap);
}
.recipient-form__input {
box-sizing: border-box;
}
.recipient-form__error-message {
display: none;
}
.recipient-form--has-errors .recipient-form__error-message {
display: block;
}
.recipient-form__max-characters-message {
display: block;
margin-top: 0.25rem;
}
.recipient-disclosure {
--recipient-disclosure-top-margin: 0.5rem;
--recipient-disclosure-bottom-margin: 1rem;
--recipient-form-checkbox-width: 1rem;
--recipient-form-checkbox-border-color: #333333;
--recipient-form-checkbox-svg-color: #333333;
--recipient-form-checkbox-border-radius: 0.25rem;
--recipient-form-error-color: #ea555c;
}
.recipient-disclosure__checkbox:checked {
border: none;
}
.recipient-disclosure__checkbox-label {
font-weight: normal;
}
.recipient-disclosure__checkbox-label-text {
margin-left: calc(var(--recipient-form-checkbox-width) + 8px);
}
@media screen and (max-width: 575px) {
.recipient-disclosure__checkbox-label-text {
padding: 0.75rem 0;
}
}
@media screen and (max-width: 575px) {
.recipient-form {
margin-top: 0.5rem;
}
}
.recipient-form__required {
color: var(--recipient-form-error-color);
}
.recipient-form--has-errors input[type=email].recipient-form__input--email {
margin-bottom: 0.5rem;
border-color: var(--recipient-form-error-color);
}
.recipient-form__input.recipient-form__input--message {
margin-bottom: 0.25rem;
}
.recipient-form__input.recipient-form__input--date {
margin-bottom: 0;
}
.recipient-form__error-message {
margin-bottom: 1rem;
font-weight: bold;
color: var(--recipient-form-error-color);
}
.recipient-form__max-characters-message {
margin-bottom: 1rem;
}
.shopify-model-viewer-ui {
position: relative;
display: block;
cursor: pointer;
}
.shopify-model-viewer-ui model-viewer {
transform: translateZ(0);
z-index: 1;
}
.shopify-model-viewer-ui model-viewer.shopify-model-viewer-ui__disabled {
pointer-events: none;
}
.shopify-model-viewer-ui.shopify-model-viewer-ui--fullscreen model-viewer {
position: relative;
width: 100vw;
height: 100vh;
}
.shopify-model-viewer-ui.shopify-model-viewer-ui--fullscreen .shopify-model-viewer-ui__control-icon--exit-fullscreen {
display: block;
}
.shopify-model-viewer-ui.shopify-model-viewer-ui--fullscreen .shopify-model-viewer-ui__control-icon--enter-fullscreen {
display: none;
}
.shopify-model-viewer-ui.shopify-model-viewer-ui--desktop.shopify-model-viewer-ui--child-focused .shopify-model-viewer-ui__controls-area, .shopify-model-viewer-ui.shopify-model-viewer-ui--desktop:hover .shopify-model-viewer-ui__controls-area {
opacity: 1;
}
.shopify-model-viewer-ui:not(.shopify-model-viewer-ui--desktop) .shopify-model-viewer-ui__controls-area {
display: none;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-overlay {
position: absolute;
width: 100%;
height: 100%;
top: 0;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area {
display: flex;
flex-direction: column;
background: #fff;
opacity: 0;
border: 1px solid rgba(0, 0, 0, 0.05);
position: absolute;
bottom: 10px;
right: 10px;
z-index: 1;
transition: opacity 0.1s linear;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area:not(.shopify-model-viewer-ui__controls-area--playing) {
display: none;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button {
color: #3a3a3a;
border-radius: 0;
border: none;
margin: 0;
cursor: pointer;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button:not(.focus-visible) {
outline: 0;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control {
padding: 0;
height: 44px;
width: 44px;
background: 0 0;
position: relative;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:hover {
color: rgba(0, 0, 0, 0.55);
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control.focus-visible:focus, .shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:active {
color: rgba(0, 0, 0, 0.55);
background: rgba(0, 0, 0, 0.05);
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:not(:last-child):after {
position: absolute;
content: "";
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
width: 28px;
bottom: 0;
right: 8px;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__control-icon {
width: 44px;
height: 44px;
fill: none;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster {
background: #fff;
position: absolute;
border: 1px solid rgba(0, 0, 0, 0.05);
top: 50%;
left: 50%;
padding: 0;
transform: translate3d(-50%, -50%, 0);
height: 62px;
width: 62px;
z-index: 1;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:focus, .shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:hover {
color: rgba(0, 0, 0, 0.55);
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__poster-control-icon {
width: 60px;
height: 60px;
z-index: 1;
fill: none;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__control-icon--exit-fullscreen {
display: none;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__control-icon--enter-fullscreen {
display: block;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__spritesheet {
display: none;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__sr-only {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
white-space: nowrap;
width: 1px;
}
.product-gallery {
display: grid;
}
.product-gallery .flickity-viewport {
width: 100%;
}
.product-gallery:hover .flickity-prev-next-button {
opacity: 1;
}
.product-gallery .flickity-page-dots {
position: static;
margin: 1rem 0;
}
@media screen and (min-width: 768px) {
.product-gallery.product__sidebar-enabled--false.product-gallery--thumbnails-enabled-always.product-gallery__thumbnails--left-thumbnails {
grid-template-columns: 0.15fr 0.85fr;
grid-column-gap: 1.5rem;
}
}
@media screen and (min-width: 768px) {
.product-gallery.product__sidebar-enabled--false.product-gallery--thumbnails-enabled-always.product-gallery__thumbnails--left-thumbnails.product-gallery--media-size-many {
grid-template-columns: 0.25fr 0.75fr;
}
}
@media screen and (min-width: 768px) {
.product-gallery.product__sidebar-enabled--false.product-gallery--thumbnails-enabled-desktop.product-gallery__thumbnails--left-thumbnails {
grid-template-columns: 0.15fr 0.85fr;
grid-column-gap: 1.5rem;
}
}
@media screen and (min-width: 768px) {
.product-gallery.product__sidebar-enabled--false.product-gallery--thumbnails-enabled-desktop.product-gallery__thumbnails--left-thumbnails.product-gallery--media-size-many {
grid-template-columns: 0.25fr 0.75fr;
}
}
@media screen and (min-width: 768px) {
.product-gallery.product__sidebar-enabled--false.product-gallery--thumbnails-enabled-desktop.product-gallery__thumbnails--right-thumbnails {
grid-template-columns: 0.85fr 0.15fr;
grid-column-gap: 1.5rem;
}
}
@media screen and (min-width: 768px) {
.product-gallery.product__sidebar-enabled--false.product-gallery--thumbnails-enabled-desktop.product-gallery__thumbnails--right-thumbnails.product-gallery--media-size-many {
grid-template-columns: 0.75fr 0.25fr;
}
}
@media screen and (min-width: 768px) {
.product-gallery.product__sidebar-enabled--false.product-gallery--thumbnails-enabled-always.product-gallery__thumbnails--right-thumbnails {
grid-template-columns: 0.85fr 0.15fr;
grid-column-gap: 1.5rem;
}
}
@media screen and (min-width: 768px) {
.product-gallery.product__sidebar-enabled--false.product-gallery--thumbnails-enabled-always.product-gallery__thumbnails--right-thumbnails.product-gallery--media-size-many {
grid-template-columns: 0.75fr 0.25fr;
}
}
.product-gallery.product-gallery--media-size-1 {
margin-bottom: 1.5rem;
}
@media screen and (min-width: 768px) {
.product-gallery.product-gallery--media-size-1 {
margin-bottom: 0;
}
}
.product-gallery__main {
opacity: 0;
transition: ease-in-out 0.2s opacity;
}
.product-gallery__main .flickity-button {
display: none;
width: 2.5rem;
height: 2.5rem;
background-color: #fff;
box-shadow: 0 4px 16px 1px rgba(0, 0, 0, 0.2);
}
@media screen and (min-width: 768px) {
.product-gallery__main .flickity-button {
display: block;
}
}
.product-gallery__main .flickity-button::after {
position: absolute;
top: 50%;
left: 50%;
display: block;
width: 0.5rem;
height: 0.875rem;
transform: translate(-50%, -50%);
}
.product-gallery__main .flickity-button.next {
right: 0.5rem;
}
.product-gallery__main .flickity-button.next::after {
margin-left: 1px;
content: url('data:image/svg+xml,%3Csvg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1.35355 0.646447C1.15829 0.451184 0.841709 0.451184 0.646447 0.646447C0.451184 0.841709 0.451184 1.15829 0.646447 1.35355L1.35355 0.646447ZM7 7L7.35355 7.35355C7.54882 7.15829 7.54882 6.84171 7.35355 6.64645L7 7ZM0.646447 12.6464C0.451184 12.8417 0.451184 13.1583 0.646447 13.3536C0.841709 13.5488 1.15829 13.5488 1.35355 13.3536L0.646447 12.6464ZM0.646447 1.35355L6.64645 7.35355L7.35355 6.64645L1.35355 0.646447L0.646447 1.35355ZM6.64645 6.64645L0.646447 12.6464L1.35355 13.3536L7.35355 7.35355L6.64645 6.64645Z" fill="%23000000"/%3E%3C/svg%3E');
}
.product-gallery__main .flickity-button.next:hover::after {
content: url('data:image/svg+xml,%3Csvg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1.35355 0.646447C1.15829 0.451184 0.841709 0.451184 0.646447 0.646447C0.451184 0.841709 0.451184 1.15829 0.646447 1.35355L1.35355 0.646447ZM7 7L7.35355 7.35355C7.54882 7.15829 7.54882 6.84171 7.35355 6.64645L7 7ZM0.646447 12.6464C0.451184 12.8417 0.451184 13.1583 0.646447 13.3536C0.841709 13.5488 1.15829 13.5488 1.35355 13.3536L0.646447 12.6464ZM0.646447 1.35355L6.64645 7.35355L7.35355 6.64645L1.35355 0.646447L0.646447 1.35355ZM6.64645 6.64645L0.646447 12.6464L1.35355 13.3536L7.35355 7.35355L6.64645 6.64645Z" fill="%23000000"/%3E%3C/svg%3E');
}
.product-gallery__main .flickity-button.previous {
left: 0.5rem;
}
.product-gallery__main .flickity-button.previous::after {
margin-right: 1px;
content: url('data:image/svg+xml,%3Csvg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M6.64645 0.646447C6.84171 0.451184 7.15829 0.451184 7.35355 0.646447C7.54882 0.841709 7.54882 1.15829 7.35355 1.35355L6.64645 0.646447ZM1 7L0.646447 7.35355C0.451184 7.15829 0.451184 6.84171 0.646447 6.64645L1 7ZM7.35355 12.6464C7.54882 12.8417 7.54882 13.1583 7.35355 13.3536C7.15829 13.5488 6.84171 13.5488 6.64645 13.3536L7.35355 12.6464ZM7.35355 1.35355L1.35355 7.35355L0.646447 6.64645L6.64645 0.646447L7.35355 1.35355ZM1.35355 6.64645L7.35355 12.6464L6.64645 13.3536L0.646447 7.35355L1.35355 6.64645Z" fill="%23000000"/%3E%3C/svg%3E');
}
.product-gallery__main .flickity-button.previous:hover::after {
content: url('data:image/svg+xml,%3Csvg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M6.64645 0.646447C6.84171 0.451184 7.15829 0.451184 7.35355 0.646447C7.54882 0.841709 7.54882 1.15829 7.35355 1.35355L6.64645 0.646447ZM1 7L0.646447 7.35355C0.451184 7.15829 0.451184 6.84171 0.646447 6.64645L1 7ZM7.35355 12.6464C7.54882 12.8417 7.54882 13.1583 7.35355 13.3536C7.15829 13.5488 6.84171 13.5488 6.64645 13.3536L7.35355 12.6464ZM7.35355 1.35355L1.35355 7.35355L0.646447 6.64645L6.64645 0.646447L7.35355 1.35355ZM1.35355 6.64645L7.35355 12.6464L6.64645 13.3536L0.646447 7.35355L1.35355 6.64645Z" fill="%23000000"/%3E%3C/svg%3E');
}
.product-gallery__main .flickity-button .flickity-button-icon {
display: none;
}
.product-gallery__main .flickity-button:focus {
border: 1px solid #000000;
}
.no-js .product-gallery__main {
opacity: 1;
}
.product-gallery__main.flickity-enabled {
opacity: 1;
}
@media screen and (min-width: 768px) {
.product-gallery__main .flickity-page-dots {
display: none;
}
}
.product-gallery__main .flickity-page-dots .dot {
background: #000000;
}
@media screen and (min-width: 768px) {
.product__sidebar-enabled--false.product-gallery--thumbnails-enabled-always.product-gallery__thumbnails--left-thumbnails .product-gallery__main, .product__sidebar-enabled--false.product-gallery--thumbnails-enabled-desktop.product-gallery__thumbnails--left-thumbnails .product-gallery__main {
order: 1;
height: max-content;
}
}
@media screen and (min-width: 768px) {
.product__sidebar-enabled--false.product-gallery--thumbnails-enabled-desktop.product-gallery__thumbnails--right-thumbnails .product-gallery__main, .product__sidebar-enabled--false.product-gallery--thumbnails-enabled-always.product-gallery__thumbnails--right-thumbnails .product-gallery__main {
order: 0;
height: max-content;
}
}
@media screen and (min-width: 768px) {
.product-gallery__arrows--false .flickity-prev-next-button {
display: none;
}
}
.product-gallery__thumbnails {
display: flex;
flex-wrap: wrap;
align-content: flex-start;
margin-right: -1rem;
margin-bottom: 0.25rem;
}
.product-gallery__thumbnails .flickity-button {
display: none;
width: 2.5rem;
height: 2.5rem;
background-color: #fff;
box-shadow: 0 4px 16px 1px rgba(0, 0, 0, 0.2);
}
@media screen and (min-width: 768px) {
.product-gallery__thumbnails .flickity-button {
display: block;
}
}
.product-gallery__thumbnails .flickity-button::after {
position: absolute;
top: 50%;
left: 50%;
display: block;
width: 0.5rem;
height: 0.875rem;
transform: translate(-50%, -50%);
}
.product-gallery__thumbnails .flickity-button.next {
right: 0.5rem;
}
.product-gallery__thumbnails .flickity-button.next::after {
margin-left: 1px;
content: url('data:image/svg+xml,%3Csvg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1.35355 0.646447C1.15829 0.451184 0.841709 0.451184 0.646447 0.646447C0.451184 0.841709 0.451184 1.15829 0.646447 1.35355L1.35355 0.646447ZM7 7L7.35355 7.35355C7.54882 7.15829 7.54882 6.84171 7.35355 6.64645L7 7ZM0.646447 12.6464C0.451184 12.8417 0.451184 13.1583 0.646447 13.3536C0.841709 13.5488 1.15829 13.5488 1.35355 13.3536L0.646447 12.6464ZM0.646447 1.35355L6.64645 7.35355L7.35355 6.64645L1.35355 0.646447L0.646447 1.35355ZM6.64645 6.64645L0.646447 12.6464L1.35355 13.3536L7.35355 7.35355L6.64645 6.64645Z" fill="%23000000"/%3E%3C/svg%3E');
}
.product-gallery__thumbnails .flickity-button.next:hover::after {
content: url('data:image/svg+xml,%3Csvg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1.35355 0.646447C1.15829 0.451184 0.841709 0.451184 0.646447 0.646447C0.451184 0.841709 0.451184 1.15829 0.646447 1.35355L1.35355 0.646447ZM7 7L7.35355 7.35355C7.54882 7.15829 7.54882 6.84171 7.35355 6.64645L7 7ZM0.646447 12.6464C0.451184 12.8417 0.451184 13.1583 0.646447 13.3536C0.841709 13.5488 1.15829 13.5488 1.35355 13.3536L0.646447 12.6464ZM0.646447 1.35355L6.64645 7.35355L7.35355 6.64645L1.35355 0.646447L0.646447 1.35355ZM6.64645 6.64645L0.646447 12.6464L1.35355 13.3536L7.35355 7.35355L6.64645 6.64645Z" fill="%23000000"/%3E%3C/svg%3E');
}
.product-gallery__thumbnails .flickity-button.previous {
left: 0.5rem;
}
.product-gallery__thumbnails .flickity-button.previous::after {
margin-right: 1px;
content: url('data:image/svg+xml,%3Csvg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M6.64645 0.646447C6.84171 0.451184 7.15829 0.451184 7.35355 0.646447C7.54882 0.841709 7.54882 1.15829 7.35355 1.35355L6.64645 0.646447ZM1 7L0.646447 7.35355C0.451184 7.15829 0.451184 6.84171 0.646447 6.64645L1 7ZM7.35355 12.6464C7.54882 12.8417 7.54882 13.1583 7.35355 13.3536C7.15829 13.5488 6.84171 13.5488 6.64645 13.3536L7.35355 12.6464ZM7.35355 1.35355L1.35355 7.35355L0.646447 6.64645L6.64645 0.646447L7.35355 1.35355ZM1.35355 6.64645L7.35355 12.6464L6.64645 13.3536L0.646447 7.35355L1.35355 6.64645Z" fill="%23000000"/%3E%3C/svg%3E');
}
.product-gallery__thumbnails .flickity-button.previous:hover::after {
content: url('data:image/svg+xml,%3Csvg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M6.64645 0.646447C6.84171 0.451184 7.15829 0.451184 7.35355 0.646447C7.54882 0.841709 7.54882 1.15829 7.35355 1.35355L6.64645 0.646447ZM1 7L0.646447 7.35355C0.451184 7.15829 0.451184 6.84171 0.646447 6.64645L1 7ZM7.35355 12.6464C7.54882 12.8417 7.54882 13.1583 7.35355 13.3536C7.15829 13.5488 6.84171 13.5488 6.64645 13.3536L7.35355 12.6464ZM7.35355 1.35355L1.35355 7.35355L0.646447 6.64645L6.64645 0.646447L7.35355 1.35355ZM1.35355 6.64645L7.35355 12.6464L6.64645 13.3536L0.646447 7.35355L1.35355 6.64645Z" fill="%23000000"/%3E%3C/svg%3E');
}
.product-gallery__thumbnails .flickity-button .flickity-button-icon {
display: none;
}
.product-gallery__thumbnails .flickity-button:focus {
border: 1px solid #000000;
}
.product-gallery__thumbnails.flickity-enabled {
display: block;
}
.product-gallery__thumbnails .flickity-button {
background-color: transparent;
box-shadow: none;
}
.product-gallery__thumbnails .flickity-button.previous {
left: 0;
}
.product-gallery__thumbnails .flickity-button.previous::after {
left: initial;
}
.product-gallery__thumbnails .flickity-button.next {
right: 0;
}
.product-gallery__thumbnails .flickity-button.next::after {
right: 0;
left: initial;
}
.product-gallery--thumbnails-enabled-desktop .product-gallery__thumbnails {
display: none;
}
@media screen and (min-width: 768px) {
.product-gallery--thumbnails-enabled-desktop .product-gallery__thumbnails {
display: flex;
}
}
.product-gallery--thumbnails-enabled-disabled .product-gallery__thumbnails {
display: none;
}
@media screen and (min-width: 768px) {
.product__sidebar-enabled--false.product-gallery--thumbnails-enabled-always.product-gallery__thumbnails--left-thumbnails .product-gallery__thumbnails, .product__sidebar-enabled--false.product-gallery--thumbnails-enabled-desktop.product-gallery__thumbnails--left-thumbnails .product-gallery__thumbnails, .product__sidebar-enabled--false.product-gallery--thumbnails-enabled-always.product-gallery__thumbnails--right-thumbnails .product-gallery__thumbnails, .product__sidebar-enabled--false.product-gallery--thumbnails-enabled-desktop.product-gallery__thumbnails--right-thumbnails .product-gallery__thumbnails {
margin-right: 0;
margin-bottom: 0;
}
}
@media screen and (min-width: 768px) {
.product__sidebar-enabled--false.product-gallery--thumbnails-enabled-always.product-gallery--media-size-many.product-gallery__thumbnails--left-thumbnails .product-gallery__thumbnails, .product__sidebar-enabled--false.product-gallery--thumbnails-enabled-desktop.product-gallery--media-size-many.product-gallery__thumbnails--left-thumbnails .product-gallery__thumbnails, .product__sidebar-enabled--false.product-gallery--thumbnails-enabled-always.product-gallery--media-size-many.product-gallery__thumbnails--right-thumbnails .product-gallery__thumbnails, .product__sidebar-enabled--false.product-gallery--thumbnails-enabled-desktop.product-gallery--media-size-many.product-gallery__thumbnails--right-thumbnails .product-gallery__thumbnails {
display: grid;
grid-template-columns: 1fr 1fr;
grid-column-gap: 1rem;
}
}
@media screen and (min-width: 768px) {
.product-gallery__thumbnails--bottom-thumbnails .product-gallery__thumbnails, .product__sidebar-enabled--true.product-gallery__thumbnails--left-thumbnails .product-gallery__thumbnails, .product__sidebar-enabled--true.product-gallery__thumbnails--right-thumbnails .product-gallery__thumbnails {
padding: 1rem 0 0 0;
}
}
@media screen and (min-width: 768px) {
.product-gallery--slider-enabled-true.product-gallery__thumbnails--bottom-thumbnails .product-gallery__thumbnails {
padding: 1rem 1.5rem 0 2rem;
}
}
@media screen and (min-width: 768px) {
.product-gallery--slider-enabled-true.product-gallery__thumbnails--bottom-thumbnails.product-gallery__arrows--false .product-gallery__thumbnails, .product-gallery--slider-enabled-true.product-gallery__thumbnails--bottom-thumbnails.product-gallery--media-size-few .product-gallery__thumbnails {
padding: 1rem 0 0;
}
}
.product-gallery__thumbnail {
position: relative;
flex: 1 0 auto;
max-width: 25%;
padding-right: 1rem;
margin-bottom: 1rem;
}
@media screen and (min-width: 768px) {
.product-gallery__thumbnail {
max-width: 20%;
}
}
.product-gallery__thumbnail img {
display: block;
width: 100%;
}
.product-gallery__thumbnails.flickity-enabled .product-gallery__thumbnail {
width: 25%;
}
@media screen and (min-width: 768px) {
.product-gallery__thumbnails.flickity-enabled .product-gallery__thumbnail {
width: 20%;
}
}
@media screen and (min-width: 768px) {
.product-gallery__thumbnails--slider-enabled.product-gallery__thumbnails--left-thumbnails .product-gallery__thumbnail, .product-gallery__thumbnails--slider-enabled.product-gallery__thumbnails--right-thumbnails .product-gallery__thumbnail {
cursor: auto;
}
.product-gallery__thumbnails--slider-enabled.product-gallery__thumbnails--left-thumbnails .product-gallery__thumbnail:not(.is-selected), .product-gallery__thumbnails--slider-enabled.product-gallery__thumbnails--right-thumbnails .product-gallery__thumbnail:not(.is-selected) {
opacity: 1;
}
}
@media screen and (min-width: 768px) {
.product__sidebar-enabled--false.product-gallery--thumbnails-enabled-desktop.product-gallery__thumbnails--left-thumbnails .product-gallery__thumbnail, .product__sidebar-enabled--false.product-gallery--thumbnails-enabled-always.product-gallery__thumbnails--left-thumbnails .product-gallery__thumbnail, .product__sidebar-enabled--false.product-gallery--thumbnails-enabled-desktop.product-gallery__thumbnails--right-thumbnails .product-gallery__thumbnail, .product__sidebar-enabled--false.product-gallery--thumbnails-enabled-always.product-gallery__thumbnails--right-thumbnails .product-gallery__thumbnail {
max-width: 100%;
padding: 0;
margin-bottom: 1rem;
}
}
.product-gallery__thumbnail.is-nav-selected img {
border: 1px solid #000000;
}
.product-gallery__thumbnails--slider-enabled .product-gallery__thumbnail.is-nav-selected {
opacity: 1;
}
.product-gallery__slide {
width: 100%;
height: auto;
}
.product-gallery__slide:focus {
outline: -webkit-focus-ring-color auto 5px;
}
.product-gallery__slide [data-rimg] {
display: block;
width: 100%;
}
.product-gallery__link {
display: block;
width: 100%;
}
.product-gallery__link:focus {
outline: -webkit-focus-ring-color auto 5px;
outline-offset: 0;
}
.product-gallery__slide model-viewer {
min-height: 300px;
}
.product-gallery__slide model-viewer:focus {
outline: -webkit-focus-ring-color auto 5px;
}
.product-gallery--fixed-height-enabled .product-gallery__slide model-viewer {
margin: 0 auto;
}
.product-gallery--fixed-height-enabled .product-gallery__slide [data-rimg] {
object-fit: contain;
}
.product-gallery--fixed-height-enabled .product-gallery__slide .plyr--html5 video {
width: 100%;
}
.product-gallery--fixed-height-enabled .product-gallery__slide .plyr--youtube .plyr__video-embed {
height: 100%;
}
/* #Product Media Custom Styles
================================================== */
.model__container {
position: relative;
}
.model__container model-viewer {
min-height: 300px;
}
.view-in-your-space {
font-family: -apple-system,BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
font-style: normal;
font-weight: 400;
display: inline-block;
line-height: 1.4;
color: #FFFFFF;
text-decoration: none;
text-transform: none;
letter-spacing: 1px;
cursor: pointer;
background-color: #000000;
border: 1px solid #000000;
border-radius: 0;
outline: none;
transition: border-color 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out, box-shadow 0.2s ease-out;
padding: 0.75rem 1rem;
font-size: 1.0rem;
padding: 0;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
min-height: 44px;
background: #e6e6e6;
color: #000000;
font: inherit;
text-transform: none;
border-radius: 0px;
margin-top: 0;
}
.view-in-your-space:visited {
color: #FFFFFF;
}
.view-in-your-space:hover:not(:disabled), .view-in-your-space:focus, .view-in-your-space:active {
color: #fff;
background-color: #0090e9;
border: 1px solid #0090e9;
box-shadow: 0 4px 16px 1px rgba(0, 0, 0, 0.25);
}
.view-in-your-space:disabled, .view-in-your-space.disabled {
cursor: not-allowed !important;
opacity: 0.4;
}.view-in-your-space {
border-radius: 0.25rem;
}.view-in-your-space:active, .view-in-your-space:focus, .view-in-your-space:hover {
background: #e6e6e6;
color: #000000;
}
.view-in-your-space svg {
width: auto;
height: auto;
margin: 0;
}
.view-in-your-space svg path:first-child {
stroke: #000000;
}
.view-in-your-space svg path:last-child {
fill: #000000;
}
.plyr--video .plyr__controls {
background: rgba(255, 255, 255, 0.6);
padding: 10px;
}
.plyr--video .plyr__control {
background: transparent;
color: #000000;
}
.plyr--video .plyr__control:hover {
background: #fff;
color: #000000;
}
.plyr--video .plyr__controls__item.plyr__time,
.plyr--video input[type=range],
.plyr--video .plyr__controls__item {
color: #000000;
}
.plyr--video .plyr__progress input[type=range] + .thumb {
background-color: #000000;
color: #000000;
}
.plyr--video input[type=range]::-webkit-slider-thumb {
background-color: #000000;
}
.plyr--video input[type=range]::-moz-range-thumb {
background-color: #000000;
}
.plyr--video input[type=range]::-ms-thumb {
background-color: #000000;
}
.plyr--video .plyr__progress__buffer,
.plyr--video .plyr__control[aria-expanded=true] {
background-color: rgba(0, 0, 0, 0.6);
}
.plyr--video .plyr__control.plyr__tab-focus {
background-color: #000000;
}
.plyr--video .plyr__control--overlaid {
background: #fff;
padding: 4px;
border-radius: 0;
border: 1px solid rgba(0, 0, 0, 0.05);
}
.plyr--video .plyr__control--overlaid svg {
left: auto;
}
.plyr--video .plyr__control--overlaid:hover {
background: #fff;
}
.plyr--video .plyr__control--overlaid:hover .play-icon-button-control rect {
opacity: 0.75;
}
.plyr--video .plyr__control .play-icon-button-control {
width: 52px;
height: 52px;
}
.plyr--video .plyr__control .play-icon-button-control rect {
fill: #fff;
}
.plyr--video .plyr__control .play-icon-button-control path {
fill: #000000;
}
.plyr__controls .plyr__controls__item.plyr__progress__container {
padding-right: 10px;
padding-left: 10px;
}
.plyr--full-ui .plyr__volume {
background-color: rgba(255, 255, 255, 0.25);
border-radius: 5px;
bottom: 105px;
height: 40px;
opacity: 0;
padding: 10px 15px !important;
position: absolute;
transform: rotate(270deg);
transition: visibility 0.4s linear 0.4s, opacity 0.4s linear 0.3s;
width: 140px;
}
.plyr--full-ui .plyr__volume:before {
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid rgba(255, 255, 255, 0.25);
bottom: 18px;
content: "";
left: -6px;
position: absolute;
transform: rotate(90deg);
z-index: 2;
}
.plyr--full-ui .plyr__volume:hover {
opacity: 1;
visibility: visible;
}
.plyr--full-ui .plyr__volume.plyr__volume--is-visible {
opacity: 1;
transition: visibility 0.4s linear, opacity 0.4s linear;
}
.plyr--full-ui .plyr__volume input[type=range] {
color: #000000;
margin: 0 auto;
}
.plyr--full-ui .plyr__volume input[type=range]::-webkit-slider-runnable-track,
.plyr--full-ui .plyr__volume input[type=range]::-moz-range-track,
.plyr--full-ui .plyr__volume input[type=range]::-webkit-slider-thumb,
.plyr--full-ui .plyr__volume input[type=range]::-moz-range-thumb {
box-shadow: none;
}
.plyr--full-ui .plyr__volume input[type=range]::-ms-fill-upper,
.plyr--full-ui .plyr__volume input[type=range]::-ms-thumb,
.plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-webkit-slider-runnable-track,
.plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-moz-range-track,
.plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-ms-track {
box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.25);
}
.plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-webkit-slider-thumb,
.plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-moz-range-thumb,
.plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-ms-thumb,
.plyr--full-ui .plyr__volume input[type=range]:active::-webkit-slider-thumb,
.plyr--full-ui .plyr__volume input[type=range]:active::-moz-range-thumb,
.plyr--full-ui .plyr__volume input[type=range]:active::-ms-thumb {
box-shadow: none;
}
.plyr--audio .plyr--full-ui .plyr__volume {
bottom: 125px;
right: -37px;
}
.plyr--is-ios .plyr__volume {
display: none !important;
}
.plyr__control[data-plyr=mute]:hover + .plyr__volume {
opacity: 1;
transition: visibility 0.4s linear, opacity 0.4s linear;
}
@media screen and (min-width: 576px) {
.plyr--full-ui .plyr__volume input[type=range] {
max-width: 90px;
}
}
@media screen and (min-width: 576px) {
.plyr--full-ui .plyr__volume input[type=range] {
max-width: 110px;
}
}
.plyr--is-touch .plyr__volume {
display: none !important;
}
@media screen and (min-width: 768px) {
.plyr--is-touch .plyr__volume {
display: block;
}
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button {
color: #000000;
background: #fff;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button[hidden] {
display: none;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:hover,
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:focus {
color: rgba(0, 0, 0, 0.55);
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area {
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.05);
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:not(:last-child)::after {
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.shopify-model-viewer-ui model-viewer {
margin: 0 auto;
--progress-bar-height: 2px;
--progress-bar-color: #000000;
}
.plyr.plyr--stopped .plyr__controls {
display: none;
}
.product-gallery__thumbnail-image-wrapper {
position: relative;
display: block;
width: 100%;
padding: 0;
background-color: transparent;
border: 0;
}
.product-gallery__thumbnail-image-wrapper:focus {
outline: 1px auto Highlight;
}
.product-gallery__thumbnail-image-wrapper .media-badge {
position: absolute;
top: 0;
right: 0;
width: 1.56rem;
min-width: 1.25rem;
max-width: 33%;
height: 1.56rem;
max-height: 33%;
}
.product-gallery__thumbnail-image-wrapper svg {
width: 100%;
height: 100%;
}
.product-gallery__thumbnail-image-wrapper path:first-child {
fill: #fff;
}
.product-gallery__thumbnail-image-wrapper path:last-child {
fill: #000000;
}
.product-gallery__thumbnail-image-wrapper g path:first-child {
stroke: #000000;
}
.product-gallery__thumbnail-image-wrapper .media-badge__outline {
stroke: rgba(0, 0, 0, 0.05);
}
.rating {
display: flex;
align-items: center;
}
.rating__star-wrapper {
display: flex;
margin-bottom: 3px;
}
.icon-star-background {
transform: scaleX(var(--rating-scale, 0));
}
.icon-star-reference {
position: absolute;
left: -9999;
width: 0;
height: 0;
}
.rating__star {
width: 20px;
height: auto;
}
.rating__star-1 {
--rating-scale: calc(var(--rating-value));
}
.rating__star-2 {
--rating-scale: calc(var(--rating-value) - 1);
}
.rating__star-3 {
--rating-scale: calc(var(--rating-value) - 2);
}
.rating__star-4 {
--rating-scale: calc(var(--rating-value) - 3);
}
.rating__star-5 {
--rating-scale: calc(var(--rating-value) - 4);
}
.rating__text {
display: none;
}
.rating__count {
margin: 0 0 0 5px;
}
@media (forced-colors: active) {
.rating__star-wrapper {
display: none;
}
.rating__text {
display: block;
}
}
.social-icons,
.social-buttons {
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 0;
margin: 0;
list-style-type: none;
}
.social-icons li,
.social-buttons li {
margin: 0;
}
.social-icons a,
.social-buttons a {
display: block;
padding: 0.75rem;
}
.social-icons svg,
.social-buttons svg {
display: block;
}
.social-buttons a:first-child {
padding-left: 0;
}
.shopify-cross-border {
display: flex;
}
.no-js .selectors-form--no-js-hidden {
display: none;
}
.disclosure {
--disclosure-max-height: 300px;
--disclosure-min-height: 92px;
--disclosure-toggle-text-color: black;
--disclosure-toggle-background-color: transparent;
--disclosure-toggle-border-color: black;
--disclosure-toggle-svg: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6' viewBox='0 0 8 6' fill='none'%3E%3Cpath class='icon-chevron-down-left' d='M4 4.5L7 1.5' stroke='black' stroke-width='1.25' stroke-linecap='square'/%3E%3Cpath class='icon-chevron-down-right' d='M4 4.5L1 1.5' stroke='black' stroke-width='1.25' stroke-linecap='square'/%3E%3C/svg%3E");
--disclosure-toggle-svg-color: black;
--disclosure-text-color: black;
--disclosure-background-color: white;
--disclosure-border-color: black;
position: relative;
display: inline-block;
}
.disclosure > summary {
list-style: none;
}
.disclosure > summary::-webkit-details-marker {
display: none;
}
.disclosure__toggle {
width: auto;
padding: 5px 32px 4px 11px;
color: black;
background-color: transparent;
border: 1px solid black;
-webkit-appearance: none;
appearance: none;
}
@supports (color: var(--disclosure-toggle-text-color)) {
.disclosure__toggle {
color: var(--disclosure-toggle-text-color);
background-color: var(--disclosure-toggle-background-color);
border: 1px solid var(--disclosure-toggle-border-color);
}
}
.disclosure__toggle:hover {
cursor: pointer;
}
.disclosure__toggle::after {
position: absolute;
top: 50%;
right: 11px;
width: 10px;
height: 7.5px;
background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6' viewBox='0 0 8 6' fill='none'%3E%3Cpath class='icon-chevron-down-left' d='M4 4.5L7 1.5' stroke='black' stroke-width='1.25' stroke-linecap='square'/%3E%3Cpath class='icon-chevron-down-right' d='M4 4.5L1 1.5' stroke='black' stroke-width='1.25' stroke-linecap='square'/%3E%3C/svg%3E");
content: "";
transform: translateY(-50%);
}
@supports ((-webkit-mask-image: var(--disclosure-toggle-svg)) or (mask-image: var(--disclosure-toggle-svg))) {
.disclosure__toggle::after {
background-color: var(--disclosure-toggle-svg-color);
background-image: none;
-webkit-mask-image: var(--disclosure-toggle-svg);
mask-image: var(--disclosure-toggle-svg);
-webkit-mask-size: cover;
mask-size: cover;
}
}
.disclosure-list {
position: absolute;
bottom: 115%;
display: none;
max-height: 300px;
min-height: 92px;
max-width: 250px;
min-width: 200px;
padding: 11px 0;
margin: 0;
overflow-y: auto;
list-style: outside none;
background-color: white;
border: 1px solid black;
border-radius: 0;
}
@supports (max-height: var(--disclosure-max-height)) {
.disclosure-list {
max-height: var(--disclosure-max-height);
min-height: var(--disclosure-min-height);
background-color: var(--disclosure-background-color);
border: 1px solid var(--disclosure-border-color);
}
}
noscript .disclosure-list {
width: max-content;
}
.disclosure-list--visible {
display: block;
}
.disclosure-list--alternate-drop {
right: 0;
}
.disclosure-list__item-wrapper {
display: flex;
align-items: center;
margin-top: 1rem;
}
.disclosure-list__item-wrapper:first-child {
margin-top: 0;
}
.disclosure-list__item--label {
word-break: keep-all;
margin-left: 5px;
}
.disclosure__submit {
margin-top: 1rem;
}
.disclosure-list__item {
display: block;
padding: 5px 25px 4px 15px;
text-align: left;
text-decoration: none;
border-bottom: 1px solid transparent;
}
.disclosure-list__item.disclosure-list__item-wrapper {
display: flex;
}
.disclosure-list__item:focus, .disclosure-list__item:hover {
color: black;
text-decoration: underline;
}
@supports (color: var(--disclosure-text-color)) {
.disclosure-list__item:focus, .disclosure-list__item:hover {
color: var(--disclosure-text-color);
}
}
.disclosure-list__item--current {
text-decoration: underline;
}
.disclosure-list__option {
color: inherit;
text-decoration: inherit;
}
.disclosure-list__option-code {
white-space: nowrap;
}
.disclosure {
--disclosure-text-color: #000000;
--disclosure-max-height: 20rem;
}
.shopify-cross-border {
flex-direction: row;
}
@media screen and (max-width: 575px) {
.shopify-cross-border {
flex-direction: column;
}
}
.shopify-cross-border .selectors-form__item {
display: flex;
align-items: center;
}
.shopify-cross-border [data-disclosure-locale] .disclosure__toggle {
white-space: nowrap;
}
.disclosure__submit {
font-family: -apple-system,BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
font-style: normal;
font-weight: 400;
display: inline-block;
line-height: 1.4;
color: #FFFFFF;
text-decoration: none;
text-transform: none;
letter-spacing: 1px;
cursor: pointer;
background-color: #000000;
border: 1px solid #000000;
border-radius: 0;
outline: none;
transition: border-color 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out, box-shadow 0.2s ease-out;
padding: 0.5rem 0.75rem;
font-size: 0.9rem;
color: #000000;
background-color: transparent;
border: 1px solid #000000;
}
.disclosure__submit:visited {
color: #FFFFFF;
}
.disclosure__submit:hover:not(:disabled), .disclosure__submit:focus, .disclosure__submit:active {
color: #fff;
background-color: #0090e9;
border: 1px solid #0090e9;
box-shadow: 0 4px 16px 1px rgba(0, 0, 0, 0.25);
}
.disclosure__submit:disabled, .disclosure__submit.disabled {
cursor: not-allowed !important;
opacity: 0.4;
}
.disclosure__submit:visited {
color: #000000;
}
.disclosure__submit:hover:not(:disabled), .disclosure__submit:focus, .disclosure__submit:active {
color: #FFFFFF;
background-color: #000000;
border: 1px solid #000000;
}.disclosure__submit {
border-radius: 0.25rem;
}.disclosure__toggle {
padding: 0.5rem 1.75rem 0.5rem 0.75rem;
border: none;
}
.disclosure__toggle::after {
right: 0.75rem;
width: 0.5rem;
height: auto;
margin-top: -0.125rem;
content: url('data:image/svg+xml,%3Csvg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M9.35355 1.35355C9.54882 1.15829 9.54882 0.841709 9.35355 0.646447C9.15829 0.451184 8.84171 0.451184 8.64645 0.646447L9.35355 1.35355ZM5 5L4.64645 5.35355C4.84171 5.54882 5.15829 5.54882 5.35355 5.35355L5 5ZM1.35355 0.646447C1.15829 0.451184 0.841708 0.451184 0.646446 0.646447C0.451184 0.841709 0.451184 1.15829 0.646446 1.35355L1.35355 0.646447ZM8.64645 0.646447L4.64645 4.64645L5.35355 5.35355L9.35355 1.35355L8.64645 0.646447ZM5.35355 4.64645L1.35355 0.646447L0.646446 1.35355L4.64645 5.35355L5.35355 4.64645Z" fill="%23ffffff"/%3E%3C/svg%3E');
background-color: transparent;
background-image: none;
-webkit-mask-image: none;
mask-image: none;
}
.disclosure__toggle .disclosure-list__option-code {
color: var(--disclosure-toggle-text-color);
}
.disclosure-list {
z-index: 1;
padding: 1rem 1.5rem;
margin-bottom: 0.25rem;
border: none;
border-radius: 0.5rem;
box-shadow: 0 2px 16px 1px rgba(0, 0, 0, 0.1);
}
.disclosure-list li {
margin: 0;
}
.disclosure-list__item {
padding: 0.5rem 0;
color: var(--disclosure-text-color);
transition: ease-out 0.2s color, ease-out 0.2s border-color;
}
.disclosure-list__item:hover, .disclosure-list__item:focus {
text-decoration: none;
border-bottom: 1px solid var(--disclosure-text-color);
}
.disclosure-list__item.disclosure-list__item--current {
text-decoration: none;
}
.disclosure-list__option {
pointer-events: none;
}
.disclosure-list__option-code {
color: var(--disclosure-text-color);
}
.predictive-search__overlay {
display: none;
position: fixed;
top: 0;
left: 0;
z-index: 901;
width: 100vw;
height: 100vh;
background-color: rgba(0, 0, 0, 0.35);
opacity: 0;
overflow: hidden;
transform: translateX(-100%);
}
.predictive-search__overlay ul {
padding-left: 0;
list-style: none;
}
.predictive-search__overlay a {
text-decoration: none;
}
.predictive-search__overlay[data-animation-state=open] {
top: 0;
opacity: 1;
display: block;
transform: translateX(0);
}
.predictive-search__overlay[data-animation-state=closed] {
display: none;
}
.predictive-search__overlay[data-animation] {
display: block;
}
.predictive-search__overlay[data-animation="open=>closed"] {
transition: opacity 1s;
}
.predictive-search__overlay[data-animation="closed=>open"] {
transition: opacity 0.3s;
}
.predictive-search {
width: 100%;
background-color: #fff;
opacity: 0;
transform: translateY(-100%);
}
@media screen and (min-width: 576px) {
.predictive-search {
padding: 1rem;
}
}
@media screen and (min-width: 1200px) {
.predictive-search {
padding: 0;
}
}
.predictive-search[data-animation-state=open] {
opacity: 1;
transform: translateY(0);
}
.predictive-search[data-animation="open=>closed"] {
transition-property: opacity, transform;
transition-duration: 0.3s;
}
.predictive-search[data-animation="closed=>open"] {
transition-property: opacity, transform;
transition-duration: 0.3s;
}
.predictive-search__bar {
position: relative;
max-width: 1200px;
margin: 0 auto;
}
@media screen and (min-width: 576px) {
.predictive-search__bar {
padding: 0 1.5rem 0 1rem;
}
}
.predictive-search__form {
position: relative;
padding: 0;
}
.predictive-search__form-controls {
padding: 0.75rem 0;
margin: 0 1.5rem;
display: flex;
gap: 0.5rem;
border-bottom: 1px solid #f0f0f0;
}
@media screen and (min-width: 576px) {
.predictive-search__form-controls {
padding: 2rem 0;
margin: 0;
border-bottom: 0;
}
}
input.predictive-search__input {
padding: 0 3.5rem 0 0.5rem;
margin: 0;
font-size: 1.25rem;
border: 0;
border-radius: 0;
}
@media screen and (min-width: 1200px) {
input.predictive-search__input {
font-size: 1.0rem;
}
}
input.predictive-search__input:focus, input.predictive-search__input:active {
outline: 0;
}
.user-is-tabbing input.predictive-search__input:focus {
outline: 1px solid #000000;
}
.predictive-search__submit,
.predictive-search__close {
line-height: 0;
cursor: pointer;
color: #000000;
background-color: transparent;
border: 0;
}
.predictive-search__submit:focus, .predictive-search__submit:active,
.predictive-search__close:focus,
.predictive-search__close:active {
outline: 1px solid #000000;
}
.predictive-search__close path {
stroke: currentColor;
}
.predictive-search__results-wrapper {
max-height: 85vh;
overflow-y: auto;
}
.predictive-search__results {
position: relative;
max-width: 1200px;
margin: 0 auto;
padding: 1.5rem 1.5rem 2rem;
display: flex;
flex-direction: column;
gap: 1rem;
}
@media screen and (min-width: 576px) {
.predictive-search__results {
padding-top: 0;
}
}
.predictive-search__group-header {
margin: 0;
padding-bottom: 0;
font-size: 1rem;
font-weight: 700;
}
.predictive-search__query-link:hover, .predictive-search__query-link:focus {
border-bottom: 1px solid #000000;
}
.predictive-search__query-link mark {
color: inherit;
background: none;
font-weight: lighter;
}
.predictive-search__query-link span {
font-weight: bolder;
}
@media screen and (min-width: 576px) {
.predictive-search__products-pages-posts-wrapper:not(.predictive-search__products-pages-posts-wrapper--two-columns) .predictive-search__products-list {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 1.5rem;
}
}
.predictive-search__products-pages-posts-wrapper--two-columns {
display: flex;
flex-direction: column;
gap: 1rem;
}
@media screen and (min-width: 960px) {
.predictive-search__products-pages-posts-wrapper--two-columns {
flex-direction: row;
gap: 2.5rem;
}
}
.predictive-search__products-pages-posts-wrapper--two-columns .predictive-search__products {
flex: 1 1 80%;
}
@media screen and (min-width: 576px) {
.predictive-search__products-pages-posts-wrapper--two-columns .predictive-search__products-list {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 1.5rem;
}
}
@media screen and (min-width: 960px) {
.predictive-search__products-pages-posts-wrapper--two-columns .predictive-search__products-list {
display: grid;
grid-template-columns: repeat(4, 1fr);
}
}
@media screen and (min-width: 576px) {
.predictive-search__products-pages-posts-wrapper--two-columns .predictive-search__product {
flex: 0 0 30%;
}
}
.predictive-search__products-pages-posts-wrapper--two-columns .predictive-search__pages-posts {
flex-basis: 20%;
}
.predictive-search__products-list {
display: flex;
flex-direction: column;
gap: 1rem;
}
.predictive-search__product {
width: 100%;
margin-bottom: 0;
padding-bottom: 0;
}
@media screen and (max-width: 575px) {
.predictive-search__product {
max-width: none;
}
.predictive-search__product .product-thumbnail {
display: grid;
grid-template-columns: 5.2rem auto;
gap: 1rem;
}
.predictive-search__product .product-thumbnail__secondary-media.hidden {
display: none;
}
}
.predictive-search__product .product-thumbnail__media-wrapper {
margin-bottom: 0.75rem;
}
@media screen and (max-width: 575px) {
.predictive-search__product .product-thumbnail__media-wrapper {
margin-bottom: 0;
}
}
.predictive-search__product .product-thumbnail__info {
padding-top: 0;
text-align: left;
}
@media screen and (max-width: 575px) {
.predictive-search__product .product-thumbnail__info {
display: flex;
flex-direction: column;
justify-content: center;
}
}
.predictive-search__product .product-thumbnail__price {
text-align: inherit;
}
.predictive-search__product a,
.predictive-search__product a:visited,
.predictive-search__product a:hover,
.predictive-search__product a:focus {
color: #000000;
text-decoration: none;
}
@media screen and (min-width: 576px) {
.predictive-search__product img,
.predictive-search__product .placeholder-svg {
max-width: 100%;
}
}
.predictive-search__product .product__price {
color: #000000;
}
.predictive-search__product .sale {
color: #ff0000;
}
.predictive-search__pages-post-link:hover, .predictive-search__pages-post-link:focus {
border-bottom: 1px solid #000000;
}
.predictive-search__no-results {
text-align: center;
}
.predictive-search__search-for-btn {
-webkit-appearance: none;
appearance: none;
margin: 0 auto;
max-width: -moz-fit-content;
max-width: fit-content;
background: none;
border: none;
border-bottom: 1px solid #000000;
text-align: center;
cursor: pointer;
}
.predictive-search__search-for-btn:hover, .predictive-search__search-for-btn:focus {
border-color: #0090e9;
}
.cart-drawer__overlay {
position: fixed;
top: 0;
left: 0;
z-index: 2001;
width: 100vw;
height: 100vh;
background-color: rgba(0, 0, 0, 0.35);
opacity: 0;
transition: ease-in-out 0.3s opacity;
transform: translateX(-100%);
overflow: hidden;
display: none;
}
.cart-drawer__overlay.active {
transform: translateX(0);
}
.cart-drawer__overlay[data-animation-state=open] {
opacity: 1;
display: block;
}
.cart-drawer__overlay[data-animation="open=>closed"] {
transition: opacity 0.6s;
display: block;
}
.cart-drawer__overlay[data-animation="closed=>open"] {
transition: opacity 0.3s;
display: block;
}
.cart-drawer {
position: fixed;
top: 0;
right: -400px;
z-index: 901;
display: flex;
flex-direction: column;
width: 400px;
max-width: calc(-40px + 100vw);
height: 100vh;
max-height: 100vh;
padding: 0 2.5rem;
overflow-y: auto;
background-color: white;
transition: right 0.3s ease-in-out 0s;
will-change: right;
outline: 0;
}
.cart-drawer[data-animation-state=open] {
right: 0;
box-shadow: 0 2px 16px 1px rgba(0, 0, 0, 0.1);
}
.cart-drawer[data-animation="open=>closed"] {
transition: right 0.3s;
}
.cart-drawer[data-animation="closed=>open"] {
transition: right 0.6s;
}
.cart-drawer__header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 1.5rem 0;
border-bottom: 1px solid #f0f0f0;
}
.drawer-header__heading {
margin: 0;
}
.drawer-header__close {
padding: 0;
line-height: 0;
cursor: pointer;
background: transparent;
border: 0;
}
.cart-drawer__empty {
margin-top: 2rem;
}
.cart-drawer__form {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
}
.cart-drawer__items {
padding-top: 2.5rem;
}
.cart-drawer__item {
display: flex;
padding-bottom: 2.5rem;
}
.drawer-item__image {
position: relative;
max-width: 6rem;
margin-right: 1rem;
}
.drawer-item__info {
display: flex;
flex-direction: column;
width: 100%;
}
.item-info__top {
display: flex;
justify-content: space-between;
width: 100%;
}
.item-info__title {
width: 50%;
}
.item-info__title p {
margin-bottom: 0.25rem;
}
.item-info__price {
width: 50%;
text-align: right;
}
.item-info__unit-price {
font-size: 0.8125rem;
}
.item-info__variants,
.item-info__selling-plan {
font-size: 0.8125rem;
}
.item-info__bottom {
display: flex;
align-items: center;
width: 100%;
margin-top: 1rem;
}
.item-info__quantity-wrapper {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
max-height: 3rem;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.4);
border-radius: 0.5rem;
width: 45%;
margin-right: 1rem;
}
.item-info__quantity-wrapper input {
width: 33.3333%;
padding: 0.75rem 0;
margin: 0.5rem 0;
text-align: center;
border: 0;
-moz-appearance: textfield;
}
.item-info__quantity-wrapper input::-webkit-inner-spin-button, .item-info__quantity-wrapper input::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.item-info__quantity-wrapper button {
position: relative;
display: flex;
justify-content: center;
width: 33.3333%;
font-size: 0;
cursor: pointer;
background-color: transparent;
border: 0;
border-radius: 0.5rem;
}
.item-info__quantity-wrapper button::after {
position: absolute;
top: 50%;
height: 11px;
transform: translateY(-50%);
}
.item-info__quantity-wrapper .quantity--plus::after {
content: url('data:image/svg+xml,%3Csvg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M5 10.5C5 10.7761 5.22386 11 5.5 11C5.77614 11 6 10.7761 6 10.5V6H10.5C10.7761 6 11 5.77614 11 5.5C11 5.22386 10.7761 5 10.5 5H6V0.5C6 0.223858 5.77614 0 5.5 0C5.22386 0 5 0.223858 5 0.5V5H0.5C0.223858 5 0 5.22386 0 5.5C0 5.77614 0.223858 6 0.5 6H5V10.5Z" fill="%23000000"/%3E%3C/svg%3E');
}
.no-js .item-info__quantity-wrapper .quantity--plus {
display: none;
}
.item-info__quantity-wrapper .quantity--minus::after {
padding-top: 11px;
content: url('data:image/svg+xml,%3Csvg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M0 0.5C0 0.223858 0.223858 0 0.5 0H10.5C10.7761 0 11 0.223858 11 0.5C11 0.776142 10.7761 1 10.5 1H0.5C0.223858 1 0 0.776142 0 0.5Z" fill="%23000000"/%3E%3C/svg%3E');
}
.no-js .item-info__quantity-wrapper .quantity--minus {
display: none;
}
.item-info__remove {
background: transparent;
border: 0;
padding: 0;
cursor: pointer;
color: #000000;
}
.item-info__remove:hover, .item-info__remove:focus {
color: #0090e9;
}
.cart-drawer__details {
padding: 1.5rem 0;
border-top: 1px solid #f0f0f0;
}
.cart-drawer__details p {
margin-bottom: 0.25rem;
}
.cart-drawer__discounts {
display: inline-block;
list-style: none;
padding-left: 0;
margin: 0;
}
.cart-drawer__discounts-heading,
.cart-drawer__subtotal {
font-weight: 700;
}
.cart-drawer__cart-total {
font-size: 1.375rem;
}
.cart-drawer__terms {
display: flex;
align-items: center;
justify-content: flex-end;
}
.cart-drawer__terms input {
width: 1rem;
height: 1rem;
margin-right: 0.75rem;
}
.cart-drawer__checkout-buttons {
margin-top: 1.25rem;
}
.cart-drawer__checkout {
font-family: -apple-system,BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
font-style: normal;
font-weight: 400;
display: inline-block;
line-height: 1.4;
color: #FFFFFF;
text-decoration: none;
text-transform: none;
letter-spacing: 1px;
cursor: pointer;
background-color: #000000;
border: 1px solid #000000;
border-radius: 0;
outline: none;
transition: border-color 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out, box-shadow 0.2s ease-out;
padding: 0.75rem 1rem;
font-size: 1.0rem;
width: 100%;
}
.cart-drawer__checkout:visited {
color: #FFFFFF;
}
.cart-drawer__checkout:hover:not(:disabled), .cart-drawer__checkout:focus, .cart-drawer__checkout:active {
color: #fff;
background-color: #0090e9;
border: 1px solid #0090e9;
box-shadow: 0 4px 16px 1px rgba(0, 0, 0, 0.25);
}
.cart-drawer__checkout:disabled, .cart-drawer__checkout.disabled {
cursor: not-allowed !important;
opacity: 0.4;
}.cart-drawer__checkout {
border-radius: 0.25rem;
}.cart-drawer__view-cart {
font-family: -apple-system,BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
font-style: normal;
font-weight: 400;
display: inline-block;
line-height: 1.4;
color: #FFFFFF;
text-decoration: none;
text-transform: none;
letter-spacing: 1px;
cursor: pointer;
background-color: #000000;
border: 1px solid #000000;
border-radius: 0;
outline: none;
transition: border-color 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out, box-shadow 0.2s ease-out;
padding: 0.75rem 1rem;
font-size: 1.0rem;
color: #000000;
background-color: transparent;
border: 1px solid #000000;
width: 100%;
margin-top: 0.75rem;
text-align: center;
}
.cart-drawer__view-cart:visited {
color: #FFFFFF;
}
.cart-drawer__view-cart:hover:not(:disabled), .cart-drawer__view-cart:focus, .cart-drawer__view-cart:active {
color: #fff;
background-color: #0090e9;
border: 1px solid #0090e9;
box-shadow: 0 4px 16px 1px rgba(0, 0, 0, 0.25);
}
.cart-drawer__view-cart:disabled, .cart-drawer__view-cart.disabled {
cursor: not-allowed !important;
opacity: 0.4;
}
.cart-drawer__view-cart:visited {
color: #000000;
}
.cart-drawer__view-cart:hover:not(:disabled), .cart-drawer__view-cart:focus, .cart-drawer__view-cart:active {
color: #FFFFFF;
background-color: #000000;
border: 1px solid #000000;
}.cart-drawer__view-cart {
border-radius: 0.25rem;
}.newsletter-popup {
position: fixed;
right: 50%;
bottom: -100vh;
z-index: 2000;
display: flex;
width: calc(100vw - 3rem);
max-height: 100%;
visibility: hidden;
background-color: #ffffff;
box-shadow: 0 2px 16px 1px rgba(0, 0, 0, 0.1);
opacity: 0;
transition: bottom 1.5s, opacity 1.8s;
transform: translate(50%, 50%);
}
@media screen and (min-width: 576px) {
.newsletter-popup {
width: 23.5rem;
}
}
.newsletter-popup[data-popup-opened=true] {
visibility: visible;
}
.newsletter-popup[data-popup-opened=true].newsletter-popup--display-mobile-false {
visibility: hidden;
}
@media screen and (min-width: 576px) {
.newsletter-popup[data-popup-opened=true].newsletter-popup--display-mobile-false {
visibility: visible;
}
}
.newsletter-popup[data-animation-state=open] {
opacity: 1;
}
.newsletter-popup[data-animation-state=open].newsletter-popup--position-bottom-right {
bottom: 2.5rem;
transform: translate(50%, 0);
}
@media screen and (min-width: 576px) {
.newsletter-popup[data-animation-state=open].newsletter-popup--position-bottom-right {
right: 2.5rem;
transform: none;
}
}
.newsletter-popup[data-animation-state=open].newsletter-popup--position-bottom-right.newsletter-popup--vertical-fit {
bottom: 0;
}
.newsletter-popup[data-animation-state=open].newsletter-popup--position-center {
bottom: 50%;
}
.newsletter-popup[data-animation-state=closed].newsletter-popup--position-bottom-right {
transform: translate(50%, 0);
}
@media screen and (min-width: 576px) {
.newsletter-popup[data-animation-state=closed].newsletter-popup--position-bottom-right {
right: 2.5rem;
transform: none;
}
}
.newsletter-popup[data-animation] {
display: flex;
transition: bottom 1.5s, opacity 1.8s;
}
@media screen and (min-width: 576px) {
.newsletter-popup.newsletter-popup--image-true {
width: 47rem;
}
.newsletter-popup.newsletter-popup--image-true .popup__image,
.newsletter-popup.newsletter-popup--image-true .popup__content {
width: 50%;
}
}
.popup__close {
position: absolute;
top: 1rem;
right: 1rem;
width: 1rem;
height: 1rem;
padding: 0;
cursor: pointer;
background-color: transparent;
border: 0;
}
.popup__content {
display: flex;
flex-direction: column;
justify-content: center;
padding: 2rem 1.5rem;
color: #404040;
}
@media screen and (min-width: 576px) {
.popup__content {
padding: 2rem;
}
}
.popup__heading {
margin-top: 0;
margin-bottom: 1.5rem;
color: #404040;
}
.popup__text p {
margin-bottom: 1.5rem;
}
.popup__link {
display: inline-block;
padding-bottom: 0.25rem;
color: #000000;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 0.1rem;
transition: color 0.2s ease-in-out;
margin: 0;
text-transform: none;
}
.popup__link::after {
position: relative;
display: block;
width: 100%;
height: 1px;
cursor: pointer;
content: "";
background-color: #000000;
transform: translateY(0.25rem);
}
.popup__link:hover {
color: #0090e9;
}
.popup__link:hover::after {
background-color: #0090e9;
}
.popup__text-newsletter {
margin-bottom: 1.5rem;
}
.popup__text-newsletter .newsletter-form {
margin: 0;
}
.popup__text-newsletter .newsletter-form__bottom-half {
display: block;
}
.popup__text-newsletter .newsletter-form__bottom-half input {
width: 100%;
margin: 0;
}
.popup__text-newsletter .newsletter-form__bottom-half input[type=email] {
margin-bottom: 0.5rem;
}
.popup__image {
position: relative;
display: none;
}
@media screen and (min-width: 576px) {
.newsletter-popup--image-true .popup__image {
display: block;
}
}
.popup__image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.shipping-calculator {
position: relative;
max-width: 1200px;
margin: 0 auto;
padding-top: 2.5rem;
padding-bottom: 2.5rem;
margin-top: 1.5rem;
}
@media screen and (min-width: 576px) {
.shipping-calculator {
padding-bottom: 0;
border-top: 1px solid #f0f0f0;
}
}
.no-js .shipping-calculator {
display: none;
}
.shipping-calculator__heading {
padding-bottom: 1.5rem;
margin: 0;
}
@media screen and (min-width: 576px) {
.shipping-calculator__heading {
padding-bottom: 2.5rem;
}
}
.shipping-calculator__form {
display: flex;
flex-direction: column;
}
@media screen and (min-width: 576px) {
.shipping-calculator__form {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 2.5rem;
}
}
.shipping-calculator__form p {
margin-bottom: 0;
font-weight: 700;
}
.shipping-calculator__form select,
.shipping-calculator__form input {
margin-bottom: 0;
}
.shipping-calculator__form div {
padding-bottom: 1.5rem;
}
@media screen and (min-width: 576px) {
.shipping-calculator__form div {
padding-bottom: 2.5rem;
}
}
.shipping-calculator__form .form-field-select-wrapper {
padding-bottom: 0;
}
.shipping-calculator__form .form-field-select-wrapper::after {
top: 1.2rem;
}
.shipping-calculator__button-container {
display: flex;
align-items: flex-end;
}
.shipping-calculator__button {
font-family: -apple-system,BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
font-style: normal;
font-weight: 400;
display: inline-block;
line-height: 1.4;
color: #FFFFFF;
text-decoration: none;
text-transform: none;
letter-spacing: 1px;
cursor: pointer;
background-color: #000000;
border: 1px solid #000000;
border-radius: 0;
outline: none;
transition: border-color 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out, box-shadow 0.2s ease-out;
padding: 0.75rem 1rem;
font-size: 1.0rem;
width: 100%;
}
.shipping-calculator__button:visited {
color: #FFFFFF;
}
.shipping-calculator__button:hover:not(:disabled), .shipping-calculator__button:focus, .shipping-calculator__button:active {
color: #fff;
background-color: #0090e9;
border: 1px solid #0090e9;
box-shadow: 0 4px 16px 1px rgba(0, 0, 0, 0.25);
}
.shipping-calculator__button:disabled, .shipping-calculator__button.disabled {
cursor: not-allowed !important;
opacity: 0.4;
}.shipping-calculator__button {
border-radius: 0.25rem;
}.shipping-rates {
display: none;
padding: 1.5rem;
border: 1px solid #f0f0f0;
}
@media screen and (min-width: 576px) {
.shipping-rates {
padding: 2rem;
}
}
.shipping-rates.shipping-rates--display-rates {
display: block;
}
.shipping-rates.shipping-rates--display-error {
display: block;
}
.shipping-rates.shipping-rates--display-error ul {
display: none;
}
.shipping-rates p {
font-weight: 700;
margin-bottom: 0;
}
.shipping-rates ul {
margin-bottom: 0;
}
.shipping-rates li {
padding-left: 1rem;
}
/* #Content Creator
================================================== */
/* Slideshow */
.flickity-slider > li {
width: 100%;
text-align: center;
list-style-type: none;
}
.flexslider .flickity-prev-next-button {
opacity: 0;
background: transparent;
border: 1px solid #333;
color: #333;
}
.flexslider:hover .flickity-prev-next-button.previous {
left: 25px;
opacity: 0.6;
}
.flexslider:hover .flickity-prev-next-button.next {
right: 15px;
opacity: 0.6;
}
.flexslider:hover .flickity-prev-next-button:hover {
opacity: 1;
}
.flexslider .flickity-prev-next-button.arrow-is-inverse .flickity-button-icon {
transform: scale(-1, 1);
}
.collections-filters__container {
display: none;
}
@media screen and (min-width: 768px) {
.collections-filters__container {
display: block;
}
}
.collection-filters__heading {
margin-top: 0;
margin-bottom: 0.5rem;
}
.collection-filters__filter-range {
display: flex;
flex-wrap: wrap;
column-gap: 0.5rem;
}
.collection-filters__filter-range--from,
.collection-filters__filter-range--to {
flex: 1 0 7rem;
}
.collection-filters__filter-range-label {
font-weight: 400;
}
.collection-filters__filter-range-wrapper {
position: relative;
}
.collection-filters__filter-range-currency {
position: absolute;
top: 50%;
left: 0.5rem;
transform: translateY(-50%);
}
.collection-filters__filter-range-input[type=number] {
padding-left: 1.25rem;
}
.collection-filters__filter-range-input::placeholder {
color: currentColor;
opacity: 0.6;
}
.collection-filters__filter-link::before {
content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 0C1.34315 0 0 1.34315 0 3V13C0 14.6569 1.34315 16 3 16H13C14.6569 16 16 14.6569 16 13V3C16 1.34315 14.6569 0 13 0H3ZM3 1C1.89543 1 1 1.89543 1 3V13C1 14.1046 1.89543 15 3 15H13C14.1046 15 15 14.1046 15 13V3C15 1.89543 14.1046 1 13 1H3Z' fill='%23333333'/%3E %3C/svg%3E ");
}
.collection-filters__filter-link.collection-filters__filter-link--active::before {
content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M4.5 3C3.67157 3 3 3.67157 3 4.5V11.5C3 12.3284 3.67157 13 4.5 13H11.5C12.3284 13 13 12.3284 13 11.5V4.5C13 3.67157 12.3284 3 11.5 3H4.5Z' fill='%23333333'/%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 0C1.34315 0 0 1.34315 0 3V13C0 14.6569 1.34315 16 3 16H13C14.6569 16 16 14.6569 16 13V3C16 1.34315 14.6569 0 13 0H3ZM3 1C1.89543 1 1 1.89543 1 3V13C1 14.1046 1.89543 15 3 15H13C14.1046 15 15 14.1046 15 13V3C15 1.89543 14.1046 1 13 1H3Z' fill='%23333333'/%3E %3C/svg%3E ");
}
.collection-page__filters--active {
display: none;
}
@media screen and (min-width: 768px) {
.collection-page__filters--active {
display: block;
}
.collection-page__empty .collection-page__filters--active {
margin-bottom: 0.75rem;
}
}
.active-filter-group {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
align-items: center;
height: 100%;
padding: 0;
margin: 0;
list-style: none;
}
.active-filter-group--remove-all,
.active-filter-group__item-wrapper {
margin: 0;
}
.active-filter-group--remove-all-link {
color: #000000;
text-decoration: none;
}
.active-filter-group--remove-all-link:visited {
color: #000000;
}
.active-filter-group--remove-all-link:hover {
color: #0090e9;
text-decoration: underline;
}
.active-filter-group__item {
display: inline-block;
padding: 0.25rem 0.75rem;
margin: 0;
font-size: 0.8125rem;
color: #000000;
text-decoration: none;
background-color: rgba(0, 0, 0, 0.1);
border-radius: 1.25rem;
display: flex;
gap: 0.25rem;
align-items: center;
}
.active-filter-group__item:visited {
color: #000000;
}
.active-filter-group__item::after {
width: 11px;
height: 11px;
line-height: 1;
content: url('data:image/svg+xml,<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 9L9 1M9 9L1 1" stroke="black" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.collection-filters__filter-link {
display: inline-flex;
column-gap: 0.5rem;
align-items: center;
}
.collection-filters__filter-link[data-disabled] {
pointer-events: none;
opacity: 0.5;
}
.collection-filters__filter-link[data-disabled]:hover {
text-decoration: none;
}
.search-filters__container {
display: none;
}
@media screen and (min-width: 768px) {
.search-filters__container {
display: block;
}
}
.search-filters__heading {
margin-top: 0;
margin-bottom: 0.5rem;
}
.search-filters__filter-range {
display: flex;
flex-wrap: wrap;
column-gap: 0.5rem;
}
.search-filters__filter-range--from,
.search-filters__filter-range--to {
flex: 1 0 7rem;
}
.search-filters__filter-range-label {
font-weight: 400;
}
.search-filters__filter-range-wrapper {
position: relative;
}
.search-filters__filter-range-currency {
position: absolute;
top: 50%;
left: 0.5rem;
transform: translateY(-50%);
}
.search-filters__filter-range-input[type=number] {
padding-left: 1.25rem;
}
.search-filters__filter-range-input::placeholder {
color: currentColor;
opacity: 0.6;
}
.search-filters__filter-link::before {
content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 0C1.34315 0 0 1.34315 0 3V13C0 14.6569 1.34315 16 3 16H13C14.6569 16 16 14.6569 16 13V3C16 1.34315 14.6569 0 13 0H3ZM3 1C1.89543 1 1 1.89543 1 3V13C1 14.1046 1.89543 15 3 15H13C14.1046 15 15 14.1046 15 13V3C15 1.89543 14.1046 1 13 1H3Z' fill='%23333333'/%3E %3C/svg%3E ");
}
.search-filters__filter-link.search-filters__filter-link--active::before {
content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M4.5 3C3.67157 3 3 3.67157 3 4.5V11.5C3 12.3284 3.67157 13 4.5 13H11.5C12.3284 13 13 12.3284 13 11.5V4.5C13 3.67157 12.3284 3 11.5 3H4.5Z' fill='%23333333'/%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 0C1.34315 0 0 1.34315 0 3V13C0 14.6569 1.34315 16 3 16H13C14.6569 16 16 14.6569 16 13V3C16 1.34315 14.6569 0 13 0H3ZM3 1C1.89543 1 1 1.89543 1 3V13C1 14.1046 1.89543 15 3 15H13C14.1046 15 15 14.1046 15 13V3C15 1.89543 14.1046 1 13 1H3Z' fill='%23333333'/%3E %3C/svg%3E ");
}
.search-filters__filter-link.search-filters__filter-link--image::before {
display: none;
}
.search-page__filters--active {
display: none;
}
@media screen and (min-width: 768px) {
.search-page__filters--active {
display: block;
}
.search-page__empty .search-page__filters--active {
margin-bottom: 0.75rem;
}
}
.search-filters__filter-link {
display: inline-flex;
column-gap: 0.5rem;
align-items: center;
}
.search-filters__filter-link[data-disabled] {
pointer-events: none;
opacity: 0.5;
}
.search-filters__filter-link[data-disabled]:hover {
text-decoration: none;
}
.faceted-filter-swatch {
--faceted-filter-swatch-size: 1.375rem;
flex-shrink: 0;
width: var(--faceted-filter-swatch-size);
height: var(--faceted-filter-swatch-size);
}
.faceted-filter-swatch__inner {
position: relative;
width: 100%;
height: 100%;
background-color: var(--faceted-filter-swatch-color, transparent);
border: 1px solid #e2e2e2;
border-radius: 50%;
}
.search-filters__filter-link--active .faceted-filter-swatch__inner, .collection-filters__filter-link--active .faceted-filter-swatch__inner {
background-color: #fff;
border-color: #000000;
}
.search-filters__filter-link--active .faceted-filter-swatch__inner::after, .collection-filters__filter-link--active .faceted-filter-swatch__inner::after {
position: absolute;
top: 0.1rem;
left: 0.1rem;
box-sizing: border-box;
width: calc(100% - 0.2rem);
height: calc(100% - 0.2rem);
content: "";
background-color: var(--faceted-filter-swatch-color, transparent);
border: 1px solid #e2e2e2;
border-radius: 50%;
}
.faceted-filter-swatch__image {
width: 100%;
height: 100%;
border-radius: 50%;
object-fit: cover;
}
.search-filters__filter-link--active .faceted-filter-swatch__image, .collection-filters__filter-link--active .faceted-filter-swatch__image {
position: absolute;
top: 0.1rem;
left: 0.1rem;
box-sizing: border-box;
width: calc(100% - 0.2rem);
height: calc(100% - 0.2rem);
border: 1px solid #e2e2e2;
}
.faceted-filter-image {
position: relative;
width: 50px;
height: auto;
}
.faceted-filter-image__image {
width: 50px;
height: auto;
}
.search-filters__filter-link--active .faceted-filter-image__image, .collection-filters__filter-link--active .faceted-filter-image__image {
box-shadow: 0 0 0 1.5px #fff, 0 0 0 3px #000000;
}
.collection-filters__filter-link.collection-filters__filter-link--image::before {
display: none;
}
.age-gate {
position: fixed;
top: 0;
left: 0;
z-index: 999;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
text-align: center;
}
.age-gate::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--background-color, #ffffff);
content: "";
}
.age-gate__header {
margin-bottom: 32px;
}
.age-gate__logo-wrapper {
position: relative;
display: block;
max-width: 100px;
margin: 0 auto;
}
.age-gate__logo-wrapper + .age-gate__heading,
.age-gate__logo-wrapper + .age-gate__description {
margin-top: 32px;
}
.age-gate__logo {
width: auto;
height: auto;
max-width: 100%;
}
.age-gate__heading {
margin-top: 0;
margin-bottom: 0;
}
.age-gate__heading + .age-gate__description {
margin-top: 12px;
}
.age-gate__description {
margin-top: 0;
margin-bottom: 0;
}
.age-gate__content {
position: relative;
z-index: 1;
/* Extra small devices (phones, 768px and down) */
max-width: 75%;
/* Medium devices (landscape tablets, 768px and up) */
}
@media only screen and (min-width: 768px) {
.age-gate__content {
max-width: 50%;
}
}
.age-gate__form {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 16px;
}
.age-gate__select-wrapper {
/* Extra small devices (phones, 768px and down) */
grid-column: 1/4;
/* Medium devices (landscape tablets, 768px and up) */
}
@media only screen and (min-width: 768px) {
.age-gate__select-wrapper {
grid-column: unset;
}
}
.age-gate__select {
margin-top: 0;
margin-bottom: 0;
/* Medium devices (landscape tablets, 768px and up) */
}
@media only screen and (min-width: 768px) {
.age-gate__select {
margin-top: inherit;
margin-bottom: inherit;
}
}
.age-gate__confirm_btn {
grid-column: 1/4;
}
.age-gate__error {
grid-column: 1/4;
margin-top: 10px;
color: var(--color-error, #ea555c);
}
.age-gate__select-wrapper {
position: relative;
}
.age-gate__select-wrapper::after {
position: absolute;
pointer-events: none;
content: url('data:image/svg+xml,%3Csvg viewBox="0 0 16 9" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1 0.75L8 7.75L15 0.75" stroke="%23000000" stroke-width="1.75"/%3E%3C/svg%3E');
transform: translate(-100%, 25%);
width: 13.25px;
height: 7.5px;
padding: 0.75rem 1rem;
}
.age-gate__select-wrapper::after {
transform: translate(-100%, 0);
}
.age-gate__confirm_btn {
font-family: -apple-system,BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
font-style: normal;
font-weight: 400;
display: inline-block;
line-height: 1.4;
color: #FFFFFF;
text-decoration: none;
text-transform: none;
letter-spacing: 1px;
cursor: pointer;
background-color: #000000;
border: 1px solid #000000;
border-radius: 0;
outline: none;
transition: border-color 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out, box-shadow 0.2s ease-out;
padding: 0.75rem 1rem;
font-size: 1.0rem;
}
.age-gate__confirm_btn:visited {
color: #FFFFFF;
}
.age-gate__confirm_btn:hover:not(:disabled), .age-gate__confirm_btn:focus, .age-gate__confirm_btn:active {
color: #fff;
background-color: #0090e9;
border: 1px solid #0090e9;
box-shadow: 0 4px 16px 1px rgba(0, 0, 0, 0.25);
}
.age-gate__confirm_btn:disabled, .age-gate__confirm_btn.disabled {
cursor: not-allowed !important;
opacity: 0.4;
}.age-gate__confirm_btn {
border-radius: 0.25rem;
}/* #Custom Styles
====================================== */