/** Shopify CDN: Minification failed
Line 2541:2 Expected identifier but found "*"
Line 2646:2 Expected identifier but found "*"
Line 13093:43 Expected identifier but found "!"
Line 13093:56 Expected ":"
**/
@charset "UTF-8";
/*================ SETTINGS ================*/
/*================ Color Variables ================*/
/*================ SVG ================*/
/* LOGO */
@font-face {
font-family: Quattrocento;
font-weight: 400;
font-style: normal;
font-display: fallback;
src: url("//www.zasuwasportswear.com/cdn/fonts/quattrocento/quattrocento_n4.1353afc8cc29255df9e3f9bc80461a8d1cd6253c.woff2?h1=emFzdXdhLmNvbQ&h2=emFzdXdhZml0bmVzcy5jb20&h3=emFzdXdhc3BvcnRzd2Vhci5jb20&h4=dXAtbWFsbC5hY2NvdW50Lm15c2hvcGlmeS5jb20&h5=emFzdXNwb3J0cy5jb20&hmac=432ce34f43ccc0796120e39f06df063de796772171f48aeedc7325d56f435108") format("woff2"),
url("//www.zasuwasportswear.com/cdn/fonts/quattrocento/quattrocento_n4.a988de05f47f98889baa94e448dbfa1e47832588.woff?h1=emFzdXdhLmNvbQ&h2=emFzdXdhZml0bmVzcy5jb20&h3=emFzdXdhc3BvcnRzd2Vhci5jb20&h4=dXAtbWFsbC5hY2NvdW50Lm15c2hvcGlmeS5jb20&h5=emFzdXNwb3J0cy5jb20&hmac=b7cdbfba5aa5fe82339a7acc595204ab3aabe61688ef501cb796e3cad659e47a") format("woff");
}
/* FONT FAMILIES */
@font-face {
font-family: "Quattrocento Sans";
font-weight: 400;
font-style: normal;
font-display: fallback;
src: url("//www.zasuwasportswear.com/cdn/fonts/quattrocento_sans/quattrocentosans_n4.b43a78e6b8b9780ef5893d83cd043417f12e0d99.woff2?h1=emFzdXdhLmNvbQ&h2=emFzdXdhZml0bmVzcy5jb20&h3=emFzdXdhc3BvcnRzd2Vhci5jb20&h4=dXAtbWFsbC5hY2NvdW50Lm15c2hvcGlmeS5jb20&h5=emFzdXNwb3J0cy5jb20&hmac=f84e492a84abe4c595fc2f2585ea0aafac599b230def2481c6dd96e6ba8546d7") format("woff2"),
url("//www.zasuwasportswear.com/cdn/fonts/quattrocento_sans/quattrocentosans_n4.19c4a084d66bf65371b1784dad52aa1acf657cdd.woff?h1=emFzdXdhLmNvbQ&h2=emFzdXdhZml0bmVzcy5jb20&h3=emFzdXdhc3BvcnRzd2Vhci5jb20&h4=dXAtbWFsbC5hY2NvdW50Lm15c2hvcGlmeS5jb20&h5=emFzdXNwb3J0cy5jb20&hmac=fa5a6f3fa608d12f3f5cd9f7d6ae3ccbf574b6d33b57984676548d4d4ca6c9dd") format("woff");
}
@font-face {
font-family: "Quattrocento Sans";
font-weight: 700;
font-style: normal;
font-display: fallback;
src: url("//www.zasuwasportswear.com/cdn/fonts/quattrocento_sans/quattrocentosans_n7.3aa8bd40fbad0fb4d493af9ef60d80c7dc39d34e.woff2?h1=emFzdXdhLmNvbQ&h2=emFzdXdhZml0bmVzcy5jb20&h3=emFzdXdhc3BvcnRzd2Vhci5jb20&h4=dXAtbWFsbC5hY2NvdW50Lm15c2hvcGlmeS5jb20&h5=emFzdXNwb3J0cy5jb20&hmac=8f313b360374c149d256869ba72ce1aae31dcb2ba86d6ff30b51326c1b335c44") format("woff2"),
url("//www.zasuwasportswear.com/cdn/fonts/quattrocento_sans/quattrocentosans_n7.e5214af0eb400455ab60a0d1b9aee6be554f16be.woff?h1=emFzdXdhLmNvbQ&h2=emFzdXdhZml0bmVzcy5jb20&h3=emFzdXdhc3BvcnRzd2Vhci5jb20&h4=dXAtbWFsbC5hY2NvdW50Lm15c2hvcGlmeS5jb20&h5=emFzdXNwb3J0cy5jb20&hmac=090395cf4c21fb0bcd6aeff100549fc90c146ee3af15c5f9fdabe92f364d5006") format("woff");
}
@font-face {
font-family: "Quattrocento Sans";
font-weight: 400;
font-style: italic;
font-display: fallback;
src: url("//www.zasuwasportswear.com/cdn/fonts/quattrocento_sans/quattrocentosans_i4.05e513d210c064197634a6efb30ba9f47e76338d.woff2?h1=emFzdXdhLmNvbQ&h2=emFzdXdhZml0bmVzcy5jb20&h3=emFzdXdhc3BvcnRzd2Vhci5jb20&h4=dXAtbWFsbC5hY2NvdW50Lm15c2hvcGlmeS5jb20&h5=emFzdXNwb3J0cy5jb20&hmac=124f70f2aa0b2e4d001e7fcb7604fe159cb204e371c0e1fe03e7e74e65856f27") format("woff2"),
url("//www.zasuwasportswear.com/cdn/fonts/quattrocento_sans/quattrocentosans_i4.ff64670d7818e5cbd12e36eda543508a83010303.woff?h1=emFzdXdhLmNvbQ&h2=emFzdXdhZml0bmVzcy5jb20&h3=emFzdXdhc3BvcnRzd2Vhci5jb20&h4=dXAtbWFsbC5hY2NvdW50Lm15c2hvcGlmeS5jb20&h5=emFzdXNwb3J0cy5jb20&hmac=7e3c7e7308f060bf2975effdd938cdda374c5a2fb81ab835757058950ddb42bc") format("woff");
}
@font-face {
font-family: "Quattrocento Sans";
font-weight: 700;
font-style: italic;
font-display: fallback;
src: url("//www.zasuwasportswear.com/cdn/fonts/quattrocento_sans/quattrocentosans_i7.564e5b9e0e697bff7dfaf701660d797279f17606.woff2?h1=emFzdXdhLmNvbQ&h2=emFzdXdhZml0bmVzcy5jb20&h3=emFzdXdhc3BvcnRzd2Vhci5jb20&h4=dXAtbWFsbC5hY2NvdW50Lm15c2hvcGlmeS5jb20&h5=emFzdXNwb3J0cy5jb20&hmac=1a6dfb6814784495bb9cc08e3eb20662836224f1fce3ab0ade8fdbfeaa19033e") format("woff2"),
url("//www.zasuwasportswear.com/cdn/fonts/quattrocento_sans/quattrocentosans_i7.426503744cfa0a672b1956d7e2bc9a76947c65e2.woff?h1=emFzdXdhLmNvbQ&h2=emFzdXdhZml0bmVzcy5jb20&h3=emFzdXdhc3BvcnRzd2Vhci5jb20&h4=dXAtbWFsbC5hY2NvdW50Lm15c2hvcGlmeS5jb20&h5=emFzdXNwb3J0cy5jb20&hmac=2b89886deadf3d6dfefb6bb4a9a911c9cd4e077eb672c23752addd8e4a03ef30") format("woff");
}
@font-face {
font-family: Quattrocento;
font-weight: 400;
font-style: normal;
font-display: fallback;
src: url("//www.zasuwasportswear.com/cdn/fonts/quattrocento/quattrocento_n4.1353afc8cc29255df9e3f9bc80461a8d1cd6253c.woff2?h1=emFzdXdhLmNvbQ&h2=emFzdXdhZml0bmVzcy5jb20&h3=emFzdXdhc3BvcnRzd2Vhci5jb20&h4=dXAtbWFsbC5hY2NvdW50Lm15c2hvcGlmeS5jb20&h5=emFzdXNwb3J0cy5jb20&hmac=432ce34f43ccc0796120e39f06df063de796772171f48aeedc7325d56f435108") format("woff2"),
url("//www.zasuwasportswear.com/cdn/fonts/quattrocento/quattrocento_n4.a988de05f47f98889baa94e448dbfa1e47832588.woff?h1=emFzdXdhLmNvbQ&h2=emFzdXdhZml0bmVzcy5jb20&h3=emFzdXdhc3BvcnRzd2Vhci5jb20&h4=dXAtbWFsbC5hY2NvdW50Lm15c2hvcGlmeS5jb20&h5=emFzdXNwb3J0cy5jb20&hmac=b7cdbfba5aa5fe82339a7acc595204ab3aabe61688ef501cb796e3cad659e47a") format("woff");
}
@font-face {
font-family: Quattrocento;
font-weight: 400;
font-style: normal;
font-display: fallback;
src: url("//www.zasuwasportswear.com/cdn/fonts/quattrocento/quattrocento_n4.1353afc8cc29255df9e3f9bc80461a8d1cd6253c.woff2?h1=emFzdXdhLmNvbQ&h2=emFzdXdhZml0bmVzcy5jb20&h3=emFzdXdhc3BvcnRzd2Vhci5jb20&h4=dXAtbWFsbC5hY2NvdW50Lm15c2hvcGlmeS5jb20&h5=emFzdXNwb3J0cy5jb20&hmac=432ce34f43ccc0796120e39f06df063de796772171f48aeedc7325d56f435108") format("woff2"),
url("//www.zasuwasportswear.com/cdn/fonts/quattrocento/quattrocento_n4.a988de05f47f98889baa94e448dbfa1e47832588.woff?h1=emFzdXdhLmNvbQ&h2=emFzdXdhZml0bmVzcy5jb20&h3=emFzdXdhc3BvcnRzd2Vhci5jb20&h4=dXAtbWFsbC5hY2NvdW50Lm15c2hvcGlmeS5jb20&h5=emFzdXNwb3J0cy5jb20&hmac=b7cdbfba5aa5fe82339a7acc595204ab3aabe61688ef501cb796e3cad659e47a") format("woff");
}
/* FONT STYLES */
/* FONT SIZES */
/*================ Sizing Variables ================*/
/* Sub nav */
/*============================================================================
Grid Breakpoints and Class Names
- Do not change the variable names
==============================================================================*/
/*============================================================================
Generate breakpoint-specific column widths and push classes
- Default column widths: $breakpoint-has-widths: ($small, $medium-up);
- Default is no push classes
- Will not work if `styles/global/grid.scss` is removed
==============================================================================*/
/*================ Z-Index ================*/
/*================ VENDOR ================*/
/*! 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;
-ms-touch-action: none;
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 * {
-webkit-box-sizing: border-box;
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 */
-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
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;
-webkit-transform: translateZ(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 {
-ms-touch-action: none;
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;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
}
.pswp__zoom-wrap {
position: absolute;
width: 100%;
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top;
/* for open/close transition */
-webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp__bg {
will-change: opacity;
/* for open/close transition */
-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
-webkit-transition: none;
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;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
-webkit-box-shadow: none;
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(//www.zasuwasportswear.com/cdn/shop/t/36/assets/photoswipe-default-skin.png?v=161904484246282572931626231207) 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(//www.zasuwasportswear.com/cdn/shop/t/36/assets/photoswipe-default-skin.svg?v=153845424322445325761626231208);
}
.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;
-moz-user-select: none;
-ms-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;
-webkit-transition: opacity 0.25s ease-out;
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;
-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
-webkit-transform: translateY(6px);
-ms-transform: translateY(6px);
transform: translateY(6px);
-webkit-transition: -webkit-transform 0.25s;
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 {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
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 transparent;
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;
-webkit-transition: opacity 0.25s ease-out;
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(//www.zasuwasportswear.com/cdn/shop/t/36/assets/preloader.gif?v=85966437504222851131626231208) 0 0 no-repeat;
}
.pswp--css_animation .pswp__preloader--active {
opacity: 1;
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
-webkit-animation: clockwise 500ms linear infinite;
animation: clockwise 500ms linear infinite;
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
-webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
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 {
-webkit-box-sizing: border-box;
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;
}
}
@-webkit-keyframes clockwise {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes clockwise {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes donut-rotate {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
50% {
-webkit-transform: rotate(-140deg);
transform: rotate(-140deg);
}
100% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
}
@keyframes donut-rotate {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
50% {
-webkit-transform: rotate(-140deg);
transform: rotate(-140deg);
}
100% {
-webkit-transform: rotate(0);
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;
-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
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;
}
/* Slider */
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after {
display: table;
content: '';
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
min-height: 1px;
}
[dir='rtl'] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
/* Slider */
.slick-loading .slick-list {
background: #fff url(//www.zasuwasportswear.com/cdn/shop/t/36/assets/preloader.gif?v=85966437504222851131626231208) center center no-repeat;
}
/* Arrows */
.slick-prev,
.slick-next {
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
opacity: .25;
}
.slick-prev:before,
.slick-next:before {
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev {
left: -25px;
}
[dir='rtl'] .slick-prev {
right: -25px;
left: auto;
}
.slick-prev:before {
content: 'â†';
}
[dir='rtl'] .slick-prev:before {
content: '→';
}
.slick-next {
right: -25px;
}
[dir='rtl'] .slick-next {
right: auto;
left: -25px;
}
.slick-next:before {
content: '→';
}
[dir='rtl'] .slick-next:before {
content: 'â†';
}
/* Dots */
.slick-dots {
position: absolute;
bottom: -30px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li {
display: inline-block;
margin: 0 8px;
padding: 0;
}
.slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 8px;
height: 8px;
padding: 0;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: #8c8c8f;
border-radius: 8px;
transition: all 150ms;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
opacity: 1;
}
.slick-dots li.slick-active button {
background: #fff;
box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.5);
}
.will-slick:not(.slick-slider) > .slide:not(:first-child) {
display: none;
}
/*
Colorbox Core Style:
The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
overflow: hidden;
-webkit-transform: translate3d(0, 0, 0);
}
#cboxWrapper {
max-width: none;
}
#cboxOverlay {
position: fixed;
width: 100%;
height: 100%;
}
#cboxMiddleLeft, #cboxBottomLeft {
clear: left;
}
#cboxContent {
position: relative;
}
#cboxLoadedContent {
overflow: auto;
-webkit-overflow-scrolling: touch;
}
#cboxTitle {
margin: 0;
}
#cboxLoadingOverlay, #cboxLoadingGraphic {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
cursor: pointer;
}
.cboxPhoto {
float: left;
margin: auto;
border: 0;
display: block;
max-width: none;
-ms-interpolation-mode: bicubic;
}
.cboxIframe {
width: 100%;
height: 100%;
display: block;
border: 0;
padding: 0;
margin: 0;
}
#colorbox, #cboxContent, #cboxLoadedContent {
box-sizing: content-box;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
}
/*
The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to or needed in IE9.
See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}
.select2-container {
box-sizing: border-box;
display: inline-block;
margin: 0;
position: relative;
vertical-align: middle;
}
.select2-container .select2-selection--single {
box-sizing: border-box;
cursor: pointer;
display: block;
height: 28px;
user-select: none;
-webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
display: block;
padding-left: 8px;
padding-right: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.select2-container .select2-selection--single .select2-selection__clear {
position: relative;
}
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
padding-right: 8px;
padding-left: 20px;
}
.select2-container .select2-selection--multiple {
box-sizing: border-box;
cursor: pointer;
display: block;
min-height: 32px;
user-select: none;
-webkit-user-select: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
display: inline-block;
overflow: hidden;
padding-left: 8px;
text-overflow: ellipsis;
white-space: nowrap;
}
.select2-container .select2-search--inline {
float: left;
}
.select2-container .select2-search--inline .select2-search__field {
box-sizing: border-box;
border: none;
font-size: 100%;
margin-top: 5px;
padding: 0;
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none;
}
.select2-dropdown {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
box-sizing: border-box;
display: block;
position: absolute;
left: -100000px;
width: 100%;
z-index: 1051;
}
.select2-results {
display: block;
}
.select2-results__options {
list-style: none;
margin: 0;
padding: 0;
}
.select2-results__option {
padding: 6px;
user-select: none;
-webkit-user-select: none;
}
.select2-results__option[aria-selected] {
cursor: pointer;
}
.select2-container--open .select2-dropdown {
left: 0;
}
.select2-container--open .select2-dropdown--above {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.select2-container--open .select2-dropdown--below {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.select2-search--dropdown {
display: block;
padding: 4px;
}
.select2-search--dropdown .select2-search__field {
padding: 4px;
width: 100%;
box-sizing: border-box;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
display: none;
}
.select2-close-mask {
border: 0;
margin: 0;
padding: 0;
display: block;
position: fixed;
left: 0;
top: 0;
min-height: 100%;
min-width: 100%;
height: auto;
width: auto;
opacity: 0;
z-index: 99;
background-color: #fff;
filter: alpha(opacity=0);
}
.select2-hidden-accessible {
border: 0 !important;
clip: rect(0 0 0 0) !important;
-webkit-clip-path: inset(50%) !important;
clip-path: inset(50%) !important;
height: 1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
white-space: nowrap !important;
}
.select2-container--default .select2-selection--single {
background-color: #fff;
border: 1px solid #eaeaea;
border-radius: 4px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #444;
line-height: 28px;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
color: #999;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 26px;
position: absolute;
top: 1px;
right: 1px;
width: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
border-color: #888 transparent transparent transparent;
border-style: solid;
border-width: 5px 4px 0 4px;
height: 0;
left: 50%;
margin-left: -4px;
margin-top: -2px;
position: absolute;
top: 50%;
width: 0;
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
float: left;
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
left: 1px;
right: auto;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
background-color: #eee;
cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
display: none;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #888 transparent;
border-width: 0 4px 5px 4px;
}
.select2-container--default .select2-selection--multiple {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
cursor: text;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 0 5px;
width: 100%;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
list-style: none;
}
.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
color: #999;
margin-top: 5px;
float: left;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
margin-top: 5px;
margin-right: 10px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
background-color: #e4e4e4;
border: 1px solid #aaa;
border-radius: 4px;
cursor: default;
float: left;
margin-right: 5px;
margin-top: 5px;
padding: 0 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
color: #999;
cursor: pointer;
display: inline-block;
font-weight: bold;
margin-right: 2px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
color: #333;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
float: right;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
margin-left: 5px;
margin-right: auto;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
margin-left: 2px;
margin-right: auto;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
border: solid black 1px;
outline: 0;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
background-color: #eee;
cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
display: none;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
border: 1px solid #aaa;
}
.select2-container--default .select2-search--inline .select2-search__field {
background: transparent;
border: none;
outline: 0;
box-shadow: none;
-webkit-appearance: textfield;
}
.select2-container--default .select2-results > .select2-results__options {
max-height: 200px;
overflow-y: auto;
}
@media (max-width: 767px) {
.select2-container--default .select2-results > .select2-results__options {
max-height: 285px;
}
}
.select2-container--default .select2-results__option[role=group] {
padding: 0;
}
.select2-container--default .select2-results__option[aria-disabled=true] {
color: #999;
}
.select2-container--default .select2-results__option[aria-selected=true] {
background-color: #ddd;
}
.select2-container--default .select2-results__option .select2-results__option {
padding-left: 1em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
padding-left: 0;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
margin-left: -1em;
padding-left: 2em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -2em;
padding-left: 3em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -3em;
padding-left: 4em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -4em;
padding-left: 5em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -5em;
padding-left: 6em;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #5897fb;
color: white;
}
.select2-container--default .select2-results__group {
cursor: default;
display: block;
padding: 6px;
}
.select2-container--classic .select2-selection--single {
background-color: #f7f7f7;
border: 1px solid #aaa;
border-radius: 4px;
outline: 0;
background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}
.select2-container--classic .select2-selection--single:focus {
border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--single .select2-selection__rendered {
color: #444;
line-height: 28px;
}
.select2-container--classic .select2-selection--single .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
margin-right: 10px;
}
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
color: #999;
}
.select2-container--classic .select2-selection--single .select2-selection__arrow {
background-color: #ddd;
border: none;
border-left: 1px solid #aaa;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
height: 26px;
position: absolute;
top: 1px;
right: 1px;
width: 20px;
background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);
}
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
border-color: #888 transparent transparent transparent;
border-style: solid;
border-width: 5px 4px 0 4px;
height: 0;
left: 50%;
margin-left: -4px;
margin-top: -2px;
position: absolute;
top: 50%;
width: 0;
}
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
float: left;
}
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
border: none;
border-right: 1px solid #aaa;
border-radius: 0;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
left: 1px;
right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--single {
border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
background: transparent;
border: none;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #888 transparent;
border-width: 0 4px 5px 4px;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);
}
.select2-container--classic .select2-selection--multiple {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
cursor: text;
outline: 0;
}
.select2-container--classic .select2-selection--multiple:focus {
border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
list-style: none;
margin: 0;
padding: 0 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
display: none;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
background-color: #e4e4e4;
border: 1px solid #aaa;
border-radius: 4px;
cursor: default;
float: left;
margin-right: 5px;
margin-top: 5px;
padding: 0 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
color: #888;
cursor: pointer;
display: inline-block;
font-weight: bold;
margin-right: 2px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
color: #555;
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
float: right;
margin-left: 5px;
margin-right: auto;
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
margin-left: 2px;
margin-right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--multiple {
border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.select2-container--classic .select2-search--dropdown .select2-search__field {
border: 1px solid #aaa;
outline: 0;
}
.select2-container--classic .select2-search--inline .select2-search__field {
outline: 0;
box-shadow: none;
}
.select2-container--classic .select2-dropdown {
background-color: white;
border: 1px solid transparent;
}
.select2-container--classic .select2-dropdown--above {
border-bottom: none;
}
.select2-container--classic .select2-dropdown--below {
border-top: none;
}
.select2-container--classic .select2-results > .select2-results__options {
max-height: 200px;
overflow-y: auto;
}
.select2-container--classic .select2-results__option[role=group] {
padding: 0;
}
.select2-container--classic .select2-results__option[aria-disabled=true] {
color: grey;
}
.select2-container--classic .select2-results__option--highlighted[aria-selected] {
background-color: #3875d7;
color: white;
}
.select2-container--classic .select2-results__group {
cursor: default;
display: block;
padding: 6px;
}
.select2-container--classic.select2-container--open .select2-dropdown {
border-color: #5897fb;
}
.clickyboxes {
margin: 0.4em 0 1em;
padding: 0;
}
.clickyboxes li {
display: inline;
}
.clickyboxes li a {
position: relative;
display: inline-block;
margin: 0 10px 5px 0;
padding: 4px 10px;
border: 1px solid rgba(0, 0, 0, 0.1);
text-decoration: none;
color: inherit;
}
.clickyboxes li a.active, .clickyboxes li a.active:hover {
border-color: #999;
background: #fff;
color: #333;
}
.clickyboxes li a:hover {
color: inherit;
background: rgba(0, 0, 0, 0.05);
}
.clickyboxes li a.unavailable {
opacity: 0.5;
}
.clickyboxes li a.unavailable::before {
content: '';
position: absolute;
z-index: 1;
top: 50%;
left: 0;
width: 100%;
border-top: 1px solid;
opacity: 0.25;
}
/*================ TOOLS ================*/
/*================ Mixins ================*/
/*============================================================================
Prefix mixin for generating vendor prefixes.
Based on https://github.com/thoughtbot/bourbon/blob/v4-stable/app/assets/stylesheets/addons/_prefixer.scss
Usage:
// Input:
.element {
@include prefix(transform, scale(1), ms webkit spec);
}
// Output:
.element {
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}
==============================================================================*/
/*================ Media Query Mixin ================*/
/*================ Responsive Show/Hide Helper ================*/
/*================ Responsive Text Alignment Helper ================*/
/*============================================================================
To use on elements with border radius that can transition, or contains
elements that can transition.
In Safari, transitioning elements will ignore 'overflow: hidden' on parent
containers when rendering
This hack gives the element a new stacking context
============================================================================*/
@keyframes onAutoFillStart {
from {
/**/
}
to {
/**/
}
}
@keyframes onAutoFillCancel {
from {
/**/
}
to {
/**/
}
}
@keyframes radius-corners {
0% {
border-radius: 0 0px 0px 0;
}
100% {
border-radius: 0 0 0 0;
}
}
/*================ GENERIC ================*/
/*! normalize.css v7.0.0 | 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
* IE on Windows Phone and in iOS.
*/
html {
line-height: 1.15;
/* 1 */
-ms-text-size-adjust: 100%;
/* 2 */
-webkit-text-size-adjust: 100%;
/* 2 */
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers (opinionated).
*/
body {
margin: 0;
}
/**
* Add the correct display in IE 9-.
*/
article,
aside,
footer,
header,
nav,
section {
display: block;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* Add the correct display in IE 9-.
* 1. Add the correct display in IE.
*/
figcaption,
figure,
main {
/* 1 */
display: block;
}
/**
* Add the correct margin in IE 8.
*/
figure {
margin: 1em 40px;
}
/**
* 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;
/* 1 */
font-size: 1em;
/* 2 */
}
/* Text-level semantics
========================================================================== */
/**
* 1. Remove the gray background on active links in IE 10.
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
*/
a {
background-color: transparent;
/* 1 */
-webkit-text-decoration-skip: objects;
/* 2 */
}
/**
* 1. Remove the bottom border in Chrome 57- and Firefox 39-.
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none;
/* 1 */
text-decoration: underline;
/* 2 */
text-decoration: underline dotted;
/* 2 */
}
/**
* Prevent the duplicate application of `bolder` by the next rule in Safari 6.
*/
b,
strong {
font-weight: inherit;
}
/**
* 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;
/* 1 */
font-size: 1em;
/* 2 */
}
/**
* Add the correct font style in Android 4.3-.
*/
dfn {
font-style: italic;
}
/**
* Add the correct background and color in IE 9-.
*/
mark {
background-color: #ff0;
color: #000;
}
/**
* 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
========================================================================== */
/**
* Add the correct display in IE 9-.
*/
audio,
video {
display: inline-block;
}
/**
* Add the correct display in iOS 4-7.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Remove the border on images inside links in IE 10-.
*/
img {
border-style: none;
}
/**
* Hide the overflow in IE.
*/
svg:not(:root) {
overflow: hidden;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers (opinionated).
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: "Quattrocento Sans", sans-serif;
/* 1 */
font-weight: 400;
font-style: normal;
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;
}
/**
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
* controls in Android 4.
* 2. Correct the inability to style clickable types in iOS and Safari.
*/
button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
/* 2 */
}
/**
* 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 */
}
/**
* 1. Add the correct display in IE 9-.
* 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
display: inline-block;
/* 1 */
vertical-align: baseline;
/* 2 */
}
/**
* Remove the default vertical scrollbar in IE.
*/
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: none;
/* 1 */
outline-offset: -2px;
/* 2 */
}
/**
* Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-cancel-button,
[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 IE 9-.
* 1. Add the correct display in Edge, IE, and Firefox.
*/
details,
menu {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Scripting
========================================================================== */
/**
* Add the correct display in IE 9-.
*/
canvas {
display: inline-block;
}
/**
* Add the correct display in IE.
*/
template {
display: none;
}
/* Hidden
========================================================================== */
/**
* Add the correct display in IE 10-.
*/
[hidden] {
display: none;
}
/*================ Slate specific reset ================*/
*,
*::before,
*::after {
box-sizing: border-box;
}
body,
input,
textarea,
button,
select {
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
}
h1, h2, .product-detail__price, h3, h4, h5, h6, p {
margin: 0;
}
a:focus {
color: inherit;
}
img {
max-width: 100%;
}
ul {
margin: 0;
padding: 0;
}
li {
list-style: none;
}
/*================ Form element helpers ================*/
form {
margin: 0;
}
@media only screen and (max-width: 767px) {
input,
textarea,
select {
font-size: 16px;
}
}
button,
input[type="submit"],
label[for] {
cursor: pointer;
}
optgroup {
font-weight: 500;
}
option {
color: #1a1a1a;
background-color: #ffffff;
}
[tabindex='-1']:focus {
outline: none;
}
/*============================================================================
Fast Tap
enables no-delay taps (FastClick-esque) on supporting browsers
==============================================================================*/
a,
button,
[role="button"],
input,
label,
select,
textarea {
touch-action: manipulation;
}
/*================ Helper Classes ================*/
.clearfix {
*zoom: 1;
}
.clearfix::after {
content: '';
display: table;
clear: both;
}
.visually-hidden {
position: absolute !important;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
}
.js-focus-hidden:focus {
outline: none;
}
.label-hidden {
position: absolute !important;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
}
.no-placeholder .label-hidden {
position: inherit !important;
overflow: auto;
clip: auto;
width: auto;
height: auto;
margin: 0;
}
.visually-shown {
position: inherit !important;
overflow: auto;
clip: auto;
width: auto;
height: auto;
margin: 0;
}
.hidden {
display: none;
}
.no-js:not(html) {
display: none;
}
.no-js .no-js:not(html) {
display: block;
}
.no-js .js {
display: none;
}
.supports-no-cookies:not(html) {
display: none;
}
html.supports-no-cookies .supports-no-cookies:not(html) {
display: block;
}
html.supports-no-cookies .supports-cookies {
display: none;
}
/*============================================================================
Skip to content button
- Overrides .visually-hidden when focused
==============================================================================*/
.skip-link:focus {
position: absolute !important;
overflow: auto;
clip: auto;
width: auto;
height: auto;
margin: 0;
color: #1a1a1a;
background-color: #ffffff;
padding: 15px;
z-index: 10000;
transition: none;
}
/*============================================================================
Grid
- Based on CSS Wizardry grid
==============================================================================*/
.grid,
.grid-no-gutter {
*zoom: 1;
list-style: none;
margin: 0;
padding: 0;
}
.grid::after,
.grid-no-gutter::after {
content: '';
display: table;
clear: both;
}
.grid {
margin-left: -30px;
}
.grid__item,
.grid__item-no-gutter {
float: left;
width: 100%;
}
.grid__item[class*='--push'],
.grid__item-no-gutter[class*='--push'] {
position: relative;
}
.grid__item {
padding-left: 30px;
}
@media only screen and (max-width: 767px) {
.grid {
margin-left: -20px;
}
.grid__item {
padding-left: 20px;
}
}
/*============================================================================
Grid Columns
- Create width classes, prepended by the breakpoint name.
==============================================================================*/
/*================ Grid push classes ================*/
/*================ Clearfix helper on uniform grids ================*/
/*================ Spacing helper on uniform grids ================*/
/*================ Build Base Grid Classes ================*/
/** Whole */
.one-whole {
width: 100%;
}
/* Halves */
.one-half {
width: 50%;
}
/* Thirds */
.one-third {
width: 33.33333%;
}
.two-thirds {
width: 66.66667%;
}
/* Quarters */
.one-quarter {
width: 25%;
}
.two-quarters {
width: 50%;
}
.three-quarters {
width: 75%;
}
/* Fifths */
.one-fifth {
width: 20%;
}
.two-fifths {
width: 40%;
}
.three-fifths {
width: 60%;
}
.four-fifths {
width: 80%;
}
/* Sixths */
.one-sixth {
width: 16.66667%;
}
.two-sixths {
width: 33.33333%;
}
.three-sixths {
width: 50%;
}
.four-sixths {
width: 66.66667%;
}
.five-sixths {
width: 83.33333%;
}
/* Eighths */
.one-eighth {
width: 12.5%;
}
.two-eighths {
width: 25%;
}
.three-eighths {
width: 37.5%;
}
.four-eighths {
width: 50%;
}
.five-eighths {
width: 62.5%;
}
.six-eighths {
width: 75%;
}
.seven-eighths {
width: 87.5%;
}
/* Tenths */
.one-tenth {
width: 10%;
}
.two-tenths {
width: 20%;
}
.three-tenths {
width: 30%;
}
.four-tenths {
width: 40%;
}
.five-tenths {
width: 50%;
}
.six-tenths {
width: 60%;
}
.seven-tenths {
width: 70%;
}
.eight-tenths {
width: 80%;
}
.nine-tenths {
width: 90%;
}
/* Twelfths */
.one-twelfth {
width: 8.33333%;
}
.two-twelfths {
width: 16.66667%;
}
.three-twelfths {
width: 25%;
}
.four-twelfths {
width: 33.33333%;
}
.five-twelfths {
width: 41.66667%;
}
.six-twelfths {
width: 50%;
}
.seven-twelfths {
width: 58.33333%;
}
.eight-twelfths {
width: 66.66667%;
}
.nine-twelfths {
width: 75%;
}
.ten-twelfths {
width: 83.33333%;
}
.eleven-twelfths {
width: 91.66667%;
}
/* Hide/show - when used for spacing */
.hide {
display: none;
}
.show {
display: block;
}
.grid--uniform .one-half:nth-child(2n+1),
.grid--uniform .one-third:nth-child(3n+1),
.grid--uniform .one-quarter:nth-child(4n+1),
.grid--uniform .one-fifth:nth-child(5n+1),
.grid--uniform .one-sixth:nth-child(6n+1),
.grid--uniform .two-sixths:nth-child(3n+1),
.grid--uniform .three-sixths:nth-child(2n+1),
.grid--uniform .one-eighth:nth-child(8n+1),
.grid--uniform .two-eighths:nth-child(4n+1),
.grid--uniform .four-eighths:nth-child(2n+1),
.grid--uniform .five-tenths:nth-child(2n+1),
.grid--uniform .one-twelfth:nth-child(12n+1),
.grid--uniform .two-twelfths:nth-child(6n+1),
.grid--uniform .three-twelfths:nth-child(4n+1),
.grid--uniform .four-twelfths:nth-child(3n+1),
.grid--uniform .six-twelfths:nth-child(2n+1) {
clear: both;
}
.grid--uniform-row-gutters .one-whole:nth-child(n+2),
.grid--uniform-row-gutters .one-half:nth-child(n+3),
.grid--uniform-row-gutters .one-third:nth-child(n+4),
.grid--uniform-row-gutters .one-quarter:nth-child(n+5),
.grid--uniform-row-gutters .one-fifth:nth-child(n+6),
.grid--uniform-row-gutters .one-sixth:nth-child(n+7),
.grid--uniform-row-gutters .two-sixths:nth-child(n+4),
.grid--uniform-row-gutters .three-sixths:nth-child(n+3),
.grid--uniform-row-gutters .one-eighth:nth-child(n+9),
.grid--uniform-row-gutters .two-eighths:nth-child(n+5),
.grid--uniform-row-gutters .four-eighths:nth-child(n+3),
.grid--uniform-row-gutters .five-tenths:nth-child(n+3),
.grid--uniform-row-gutters .one-twelfth:nth-child(n+13),
.grid--uniform-row-gutters .two-twelfths:nth-child(n+7),
.grid--uniform-row-gutters .three-twelfths:nth-child(n+5),
.grid--uniform-row-gutters .four-twelfths:nth-child(n+4),
.grid--uniform-row-gutters .six-twelfths:nth-child(n+3) {
margin-top: 30px;
}
.show {
display: block !important;
}
.hide {
display: none !important;
}
.text-left {
text-align: left !important;
}
.text-right {
text-align: right !important;
}
.text-center {
text-align: center !important;
}
/*================ Build Responsive Grid Classes ================*/
@media only screen and (max-width: 1279px) {
/** Whole */
.large-down--one-whole {
width: 100%;
}
/* Halves */
.large-down--one-half {
width: 50%;
}
/* Thirds */
.large-down--one-third {
width: 33.33333%;
}
.large-down--two-thirds {
width: 66.66667%;
}
/* Quarters */
.large-down--one-quarter {
width: 25%;
}
.large-down--two-quarters {
width: 50%;
}
.large-down--three-quarters {
width: 75%;
}
/* Fifths */
.large-down--one-fifth {
width: 20%;
}
.large-down--two-fifths {
width: 40%;
}
.large-down--three-fifths {
width: 60%;
}
.large-down--four-fifths {
width: 80%;
}
/* Sixths */
.large-down--one-sixth {
width: 16.66667%;
}
.large-down--two-sixths {
width: 33.33333%;
}
.large-down--three-sixths {
width: 50%;
}
.large-down--four-sixths {
width: 66.66667%;
}
.large-down--five-sixths {
width: 83.33333%;
}
/* Eighths */
.large-down--one-eighth {
width: 12.5%;
}
.large-down--two-eighths {
width: 25%;
}
.large-down--three-eighths {
width: 37.5%;
}
.large-down--four-eighths {
width: 50%;
}
.large-down--five-eighths {
width: 62.5%;
}
.large-down--six-eighths {
width: 75%;
}
.large-down--seven-eighths {
width: 87.5%;
}
/* Tenths */
.large-down--one-tenth {
width: 10%;
}
.large-down--two-tenths {
width: 20%;
}
.large-down--three-tenths {
width: 30%;
}
.large-down--four-tenths {
width: 40%;
}
.large-down--five-tenths {
width: 50%;
}
.large-down--six-tenths {
width: 60%;
}
.large-down--seven-tenths {
width: 70%;
}
.large-down--eight-tenths {
width: 80%;
}
.large-down--nine-tenths {
width: 90%;
}
/* Twelfths */
.large-down--one-twelfth {
width: 8.33333%;
}
.large-down--two-twelfths {
width: 16.66667%;
}
.large-down--three-twelfths {
width: 25%;
}
.large-down--four-twelfths {
width: 33.33333%;
}
.large-down--five-twelfths {
width: 41.66667%;
}
.large-down--six-twelfths {
width: 50%;
}
.large-down--seven-twelfths {
width: 58.33333%;
}
.large-down--eight-twelfths {
width: 66.66667%;
}
.large-down--nine-twelfths {
width: 75%;
}
.large-down--ten-twelfths {
width: 83.33333%;
}
.large-down--eleven-twelfths {
width: 91.66667%;
}
/* Hide/show - when used for spacing */
.large-down--hide {
display: none;
}
.large-down--show {
display: block;
}
.grid--uniform .large-down--one-half:nth-child(2n+1),
.grid--uniform .large-down--one-third:nth-child(3n+1),
.grid--uniform .large-down--one-quarter:nth-child(4n+1),
.grid--uniform .large-down--one-fifth:nth-child(5n+1),
.grid--uniform .large-down--one-sixth:nth-child(6n+1),
.grid--uniform .large-down--two-sixths:nth-child(3n+1),
.grid--uniform .large-down--three-sixths:nth-child(2n+1),
.grid--uniform .large-down--one-eighth:nth-child(8n+1),
.grid--uniform .large-down--two-eighths:nth-child(4n+1),
.grid--uniform .large-down--four-eighths:nth-child(2n+1),
.grid--uniform .large-down--five-tenths:nth-child(2n+1),
.grid--uniform .large-down--one-twelfth:nth-child(12n+1),
.grid--uniform .large-down--two-twelfths:nth-child(6n+1),
.grid--uniform .large-down--three-twelfths:nth-child(4n+1),
.grid--uniform .large-down--four-twelfths:nth-child(3n+1),
.grid--uniform .large-down--six-twelfths:nth-child(2n+1) {
clear: both;
}
.grid--uniform-row-gutters .large-down--one-whole:nth-child(n+2),
.grid--uniform-row-gutters .large-down--one-half:nth-child(n+3),
.grid--uniform-row-gutters .large-down--one-third:nth-child(n+4),
.grid--uniform-row-gutters .large-down--one-quarter:nth-child(n+5),
.grid--uniform-row-gutters .large-down--one-fifth:nth-child(n+6),
.grid--uniform-row-gutters .large-down--one-sixth:nth-child(n+7),
.grid--uniform-row-gutters .large-down--two-sixths:nth-child(n+4),
.grid--uniform-row-gutters .large-down--three-sixths:nth-child(n+3),
.grid--uniform-row-gutters .large-down--one-eighth:nth-child(n+9),
.grid--uniform-row-gutters .large-down--two-eighths:nth-child(n+5),
.grid--uniform-row-gutters .large-down--four-eighths:nth-child(n+3),
.grid--uniform-row-gutters .large-down--five-tenths:nth-child(n+3),
.grid--uniform-row-gutters .large-down--one-twelfth:nth-child(n+13),
.grid--uniform-row-gutters .large-down--two-twelfths:nth-child(n+7),
.grid--uniform-row-gutters .large-down--three-twelfths:nth-child(n+5),
.grid--uniform-row-gutters .large-down--four-twelfths:nth-child(n+4),
.grid--uniform-row-gutters .large-down--six-twelfths:nth-child(n+3) {
margin-top: 30px;
}
.large-down--show {
display: block !important;
}
.large-down--hide {
display: none !important;
}
.large-down--text-left {
text-align: left !important;
}
.large-down--text-right {
text-align: right !important;
}
.large-down--text-center {
text-align: center !important;
}
}
@media only screen and (max-width: 1023px) {
/** Whole */
.medium-down--one-whole {
width: 100%;
}
/* Halves */
.medium-down--one-half {
width: 50%;
}
/* Thirds */
.medium-down--one-third {
width: 33.33333%;
}
.medium-down--two-thirds {
width: 66.66667%;
}
/* Quarters */
.medium-down--one-quarter {
width: 25%;
}
.medium-down--two-quarters {
width: 50%;
}
.medium-down--three-quarters {
width: 75%;
}
/* Fifths */
.medium-down--one-fifth {
width: 20%;
}
.medium-down--two-fifths {
width: 40%;
}
.medium-down--three-fifths {
width: 60%;
}
.medium-down--four-fifths {
width: 80%;
}
/* Sixths */
.medium-down--one-sixth {
width: 16.66667%;
}
.medium-down--two-sixths {
width: 33.33333%;
}
.medium-down--three-sixths {
width: 50%;
}
.medium-down--four-sixths {
width: 66.66667%;
}
.medium-down--five-sixths {
width: 83.33333%;
}
/* Eighths */
.medium-down--one-eighth {
width: 12.5%;
}
.medium-down--two-eighths {
width: 25%;
}
.medium-down--three-eighths {
width: 37.5%;
}
.medium-down--four-eighths {
width: 50%;
}
.medium-down--five-eighths {
width: 62.5%;
}
.medium-down--six-eighths {
width: 75%;
}
.medium-down--seven-eighths {
width: 87.5%;
}
/* Tenths */
.medium-down--one-tenth {
width: 10%;
}
.medium-down--two-tenths {
width: 20%;
}
.medium-down--three-tenths {
width: 30%;
}
.medium-down--four-tenths {
width: 40%;
}
.medium-down--five-tenths {
width: 50%;
}
.medium-down--six-tenths {
width: 60%;
}
.medium-down--seven-tenths {
width: 70%;
}
.medium-down--eight-tenths {
width: 80%;
}
.medium-down--nine-tenths {
width: 90%;
}
/* Twelfths */
.medium-down--one-twelfth {
width: 8.33333%;
}
.medium-down--two-twelfths {
width: 16.66667%;
}
.medium-down--three-twelfths {
width: 25%;
}
.medium-down--four-twelfths {
width: 33.33333%;
}
.medium-down--five-twelfths {
width: 41.66667%;
}
.medium-down--six-twelfths {
width: 50%;
}
.medium-down--seven-twelfths {
width: 58.33333%;
}
.medium-down--eight-twelfths {
width: 66.66667%;
}
.medium-down--nine-twelfths {
width: 75%;
}
.medium-down--ten-twelfths {
width: 83.33333%;
}
.medium-down--eleven-twelfths {
width: 91.66667%;
}
/* Hide/show - when used for spacing */
.medium-down--hide {
display: none;
}
.medium-down--show {
display: block;
}
.grid--uniform .medium-down--one-half:nth-child(2n+1),
.grid--uniform .medium-down--one-third:nth-child(3n+1),
.grid--uniform .medium-down--one-quarter:nth-child(4n+1),
.grid--uniform .medium-down--one-fifth:nth-child(5n+1),
.grid--uniform .medium-down--one-sixth:nth-child(6n+1),
.grid--uniform .medium-down--two-sixths:nth-child(3n+1),
.grid--uniform .medium-down--three-sixths:nth-child(2n+1),
.grid--uniform .medium-down--one-eighth:nth-child(8n+1),
.grid--uniform .medium-down--two-eighths:nth-child(4n+1),
.grid--uniform .medium-down--four-eighths:nth-child(2n+1),
.grid--uniform .medium-down--five-tenths:nth-child(2n+1),
.grid--uniform .medium-down--one-twelfth:nth-child(12n+1),
.grid--uniform .medium-down--two-twelfths:nth-child(6n+1),
.grid--uniform .medium-down--three-twelfths:nth-child(4n+1),
.grid--uniform .medium-down--four-twelfths:nth-child(3n+1),
.grid--uniform .medium-down--six-twelfths:nth-child(2n+1) {
clear: both;
}
.grid--uniform-row-gutters .medium-down--one-whole:nth-child(n+2),
.grid--uniform-row-gutters .medium-down--one-half:nth-child(n+3),
.grid--uniform-row-gutters .medium-down--one-third:nth-child(n+4),
.grid--uniform-row-gutters .medium-down--one-quarter:nth-child(n+5),
.grid--uniform-row-gutters .medium-down--one-fifth:nth-child(n+6),
.grid--uniform-row-gutters .medium-down--one-sixth:nth-child(n+7),
.grid--uniform-row-gutters .medium-down--two-sixths:nth-child(n+4),
.grid--uniform-row-gutters .medium-down--three-sixths:nth-child(n+3),
.grid--uniform-row-gutters .medium-down--one-eighth:nth-child(n+9),
.grid--uniform-row-gutters .medium-down--two-eighths:nth-child(n+5),
.grid--uniform-row-gutters .medium-down--four-eighths:nth-child(n+3),
.grid--uniform-row-gutters .medium-down--five-tenths:nth-child(n+3),
.grid--uniform-row-gutters .medium-down--one-twelfth:nth-child(n+13),
.grid--uniform-row-gutters .medium-down--two-twelfths:nth-child(n+7),
.grid--uniform-row-gutters .medium-down--three-twelfths:nth-child(n+5),
.grid--uniform-row-gutters .medium-down--four-twelfths:nth-child(n+4),
.grid--uniform-row-gutters .medium-down--six-twelfths:nth-child(n+3) {
margin-top: 30px;
}
.medium-down--show {
display: block !important;
}
.medium-down--hide {
display: none !important;
}
.medium-down--text-left {
text-align: left !important;
}
.medium-down--text-right {
text-align: right !important;
}
.medium-down--text-center {
text-align: center !important;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
/** Whole */
.medium--one-whole {
width: 100%;
}
/* Halves */
.medium--one-half {
width: 50%;
}
/* Thirds */
.medium--one-third {
width: 33.33333%;
}
.medium--two-thirds {
width: 66.66667%;
}
/* Quarters */
.medium--one-quarter {
width: 25%;
}
.medium--two-quarters {
width: 50%;
}
.medium--three-quarters {
width: 75%;
}
/* Fifths */
.medium--one-fifth {
width: 20%;
}
.medium--two-fifths {
width: 40%;
}
.medium--three-fifths {
width: 60%;
}
.medium--four-fifths {
width: 80%;
}
/* Sixths */
.medium--one-sixth {
width: 16.66667%;
}
.medium--two-sixths {
width: 33.33333%;
}
.medium--three-sixths {
width: 50%;
}
.medium--four-sixths {
width: 66.66667%;
}
.medium--five-sixths {
width: 83.33333%;
}
/* Eighths */
.medium--one-eighth {
width: 12.5%;
}
.medium--two-eighths {
width: 25%;
}
.medium--three-eighths {
width: 37.5%;
}
.medium--four-eighths {
width: 50%;
}
.medium--five-eighths {
width: 62.5%;
}
.medium--six-eighths {
width: 75%;
}
.medium--seven-eighths {
width: 87.5%;
}
/* Tenths */
.medium--one-tenth {
width: 10%;
}
.medium--two-tenths {
width: 20%;
}
.medium--three-tenths {
width: 30%;
}
.medium--four-tenths {
width: 40%;
}
.medium--five-tenths {
width: 50%;
}
.medium--six-tenths {
width: 60%;
}
.medium--seven-tenths {
width: 70%;
}
.medium--eight-tenths {
width: 80%;
}
.medium--nine-tenths {
width: 90%;
}
/* Twelfths */
.medium--one-twelfth {
width: 8.33333%;
}
.medium--two-twelfths {
width: 16.66667%;
}
.medium--three-twelfths {
width: 25%;
}
.medium--four-twelfths {
width: 33.33333%;
}
.medium--five-twelfths {
width: 41.66667%;
}
.medium--six-twelfths {
width: 50%;
}
.medium--seven-twelfths {
width: 58.33333%;
}
.medium--eight-twelfths {
width: 66.66667%;
}
.medium--nine-twelfths {
width: 75%;
}
.medium--ten-twelfths {
width: 83.33333%;
}
.medium--eleven-twelfths {
width: 91.66667%;
}
/* Hide/show - when used for spacing */
.medium--hide {
display: none;
}
.medium--show {
display: block;
}
.grid--uniform .medium--one-half:nth-child(2n+1),
.grid--uniform .medium--one-third:nth-child(3n+1),
.grid--uniform .medium--one-quarter:nth-child(4n+1),
.grid--uniform .medium--one-fifth:nth-child(5n+1),
.grid--uniform .medium--one-sixth:nth-child(6n+1),
.grid--uniform .medium--two-sixths:nth-child(3n+1),
.grid--uniform .medium--three-sixths:nth-child(2n+1),
.grid--uniform .medium--one-eighth:nth-child(8n+1),
.grid--uniform .medium--two-eighths:nth-child(4n+1),
.grid--uniform .medium--four-eighths:nth-child(2n+1),
.grid--uniform .medium--five-tenths:nth-child(2n+1),
.grid--uniform .medium--one-twelfth:nth-child(12n+1),
.grid--uniform .medium--two-twelfths:nth-child(6n+1),
.grid--uniform .medium--three-twelfths:nth-child(4n+1),
.grid--uniform .medium--four-twelfths:nth-child(3n+1),
.grid--uniform .medium--six-twelfths:nth-child(2n+1) {
clear: both;
}
.grid--uniform-row-gutters .medium--one-whole:nth-child(n+2),
.grid--uniform-row-gutters .medium--one-half:nth-child(n+3),
.grid--uniform-row-gutters .medium--one-third:nth-child(n+4),
.grid--uniform-row-gutters .medium--one-quarter:nth-child(n+5),
.grid--uniform-row-gutters .medium--one-fifth:nth-child(n+6),
.grid--uniform-row-gutters .medium--one-sixth:nth-child(n+7),
.grid--uniform-row-gutters .medium--two-sixths:nth-child(n+4),
.grid--uniform-row-gutters .medium--three-sixths:nth-child(n+3),
.grid--uniform-row-gutters .medium--one-eighth:nth-child(n+9),
.grid--uniform-row-gutters .medium--two-eighths:nth-child(n+5),
.grid--uniform-row-gutters .medium--four-eighths:nth-child(n+3),
.grid--uniform-row-gutters .medium--five-tenths:nth-child(n+3),
.grid--uniform-row-gutters .medium--one-twelfth:nth-child(n+13),
.grid--uniform-row-gutters .medium--two-twelfths:nth-child(n+7),
.grid--uniform-row-gutters .medium--three-twelfths:nth-child(n+5),
.grid--uniform-row-gutters .medium--four-twelfths:nth-child(n+4),
.grid--uniform-row-gutters .medium--six-twelfths:nth-child(n+3) {
margin-top: 30px;
}
.medium--show {
display: block !important;
}
.medium--hide {
display: none !important;
}
.medium--text-left {
text-align: left !important;
}
.medium--text-right {
text-align: right !important;
}
.medium--text-center {
text-align: center !important;
}
}
@media only screen and (max-width: 767px) {
/** Whole */
.small-down--one-whole {
width: 100%;
}
/* Halves */
.small-down--one-half {
width: 50%;
}
/* Thirds */
.small-down--one-third {
width: 33.33333%;
}
.small-down--two-thirds {
width: 66.66667%;
}
/* Quarters */
.small-down--one-quarter {
width: 25%;
}
.small-down--two-quarters {
width: 50%;
}
.small-down--three-quarters {
width: 75%;
}
/* Fifths */
.small-down--one-fifth {
width: 20%;
}
.small-down--two-fifths {
width: 40%;
}
.small-down--three-fifths {
width: 60%;
}
.small-down--four-fifths {
width: 80%;
}
/* Sixths */
.small-down--one-sixth {
width: 16.66667%;
}
.small-down--two-sixths {
width: 33.33333%;
}
.small-down--three-sixths {
width: 50%;
}
.small-down--four-sixths {
width: 66.66667%;
}
.small-down--five-sixths {
width: 83.33333%;
}
/* Eighths */
.small-down--one-eighth {
width: 12.5%;
}
.small-down--two-eighths {
width: 25%;
}
.small-down--three-eighths {
width: 37.5%;
}
.small-down--four-eighths {
width: 50%;
}
.small-down--five-eighths {
width: 62.5%;
}
.small-down--six-eighths {
width: 75%;
}
.small-down--seven-eighths {
width: 87.5%;
}
/* Tenths */
.small-down--one-tenth {
width: 10%;
}
.small-down--two-tenths {
width: 20%;
}
.small-down--three-tenths {
width: 30%;
}
.small-down--four-tenths {
width: 40%;
}
.small-down--five-tenths {
width: 50%;
}
.small-down--six-tenths {
width: 60%;
}
.small-down--seven-tenths {
width: 70%;
}
.small-down--eight-tenths {
width: 80%;
}
.small-down--nine-tenths {
width: 90%;
}
/* Twelfths */
.small-down--one-twelfth {
width: 8.33333%;
}
.small-down--two-twelfths {
width: 16.66667%;
}
.small-down--three-twelfths {
width: 25%;
}
.small-down--four-twelfths {
width: 33.33333%;
}
.small-down--five-twelfths {
width: 41.66667%;
}
.small-down--six-twelfths {
width: 50%;
}
.small-down--seven-twelfths {
width: 58.33333%;
}
.small-down--eight-twelfths {
width: 66.66667%;
}
.small-down--nine-twelfths {
width: 75%;
}
.small-down--ten-twelfths {
width: 83.33333%;
}
.small-down--eleven-twelfths {
width: 91.66667%;
}
/* Hide/show - when used for spacing */
.small-down--hide {
display: none;
}
.small-down--show {
display: block;
}
.grid--uniform .small-down--one-half:nth-child(2n+1),
.grid--uniform .small-down--one-third:nth-child(3n+1),
.grid--uniform .small-down--one-quarter:nth-child(4n+1),
.grid--uniform .small-down--one-fifth:nth-child(5n+1),
.grid--uniform .small-down--one-sixth:nth-child(6n+1),
.grid--uniform .small-down--two-sixths:nth-child(3n+1),
.grid--uniform .small-down--three-sixths:nth-child(2n+1),
.grid--uniform .small-down--one-eighth:nth-child(8n+1),
.grid--uniform .small-down--two-eighths:nth-child(4n+1),
.grid--uniform .small-down--four-eighths:nth-child(2n+1),
.grid--uniform .small-down--five-tenths:nth-child(2n+1),
.grid--uniform .small-down--one-twelfth:nth-child(12n+1),
.grid--uniform .small-down--two-twelfths:nth-child(6n+1),
.grid--uniform .small-down--three-twelfths:nth-child(4n+1),
.grid--uniform .small-down--four-twelfths:nth-child(3n+1),
.grid--uniform .small-down--six-twelfths:nth-child(2n+1) {
clear: both;
}
.grid--uniform-row-gutters .small-down--one-whole:nth-child(n+2),
.grid--uniform-row-gutters .small-down--one-half:nth-child(n+3),
.grid--uniform-row-gutters .small-down--one-third:nth-child(n+4),
.grid--uniform-row-gutters .small-down--one-quarter:nth-child(n+5),
.grid--uniform-row-gutters .small-down--one-fifth:nth-child(n+6),
.grid--uniform-row-gutters .small-down--one-sixth:nth-child(n+7),
.grid--uniform-row-gutters .small-down--two-sixths:nth-child(n+4),
.grid--uniform-row-gutters .small-down--three-sixths:nth-child(n+3),
.grid--uniform-row-gutters .small-down--one-eighth:nth-child(n+9),
.grid--uniform-row-gutters .small-down--two-eighths:nth-child(n+5),
.grid--uniform-row-gutters .small-down--four-eighths:nth-child(n+3),
.grid--uniform-row-gutters .small-down--five-tenths:nth-child(n+3),
.grid--uniform-row-gutters .small-down--one-twelfth:nth-child(n+13),
.grid--uniform-row-gutters .small-down--two-twelfths:nth-child(n+7),
.grid--uniform-row-gutters .small-down--three-twelfths:nth-child(n+5),
.grid--uniform-row-gutters .small-down--four-twelfths:nth-child(n+4),
.grid--uniform-row-gutters .small-down--six-twelfths:nth-child(n+3) {
margin-top: 20px;
}
.small-down--show {
display: block !important;
}
.small-down--hide {
display: none !important;
}
.small-down--text-left {
text-align: left !important;
}
.small-down--text-right {
text-align: right !important;
}
.small-down--text-center {
text-align: center !important;
}
}
@media only screen and (max-width: 479px) {
/** Whole */
.extra-small--one-whole {
width: 100%;
}
/* Halves */
.extra-small--one-half {
width: 50%;
}
/* Thirds */
.extra-small--one-third {
width: 33.33333%;
}
.extra-small--two-thirds {
width: 66.66667%;
}
/* Quarters */
.extra-small--one-quarter {
width: 25%;
}
.extra-small--two-quarters {
width: 50%;
}
.extra-small--three-quarters {
width: 75%;
}
/* Fifths */
.extra-small--one-fifth {
width: 20%;
}
.extra-small--two-fifths {
width: 40%;
}
.extra-small--three-fifths {
width: 60%;
}
.extra-small--four-fifths {
width: 80%;
}
/* Sixths */
.extra-small--one-sixth {
width: 16.66667%;
}
.extra-small--two-sixths {
width: 33.33333%;
}
.extra-small--three-sixths {
width: 50%;
}
.extra-small--four-sixths {
width: 66.66667%;
}
.extra-small--five-sixths {
width: 83.33333%;
}
/* Eighths */
.extra-small--one-eighth {
width: 12.5%;
}
.extra-small--two-eighths {
width: 25%;
}
.extra-small--three-eighths {
width: 37.5%;
}
.extra-small--four-eighths {
width: 50%;
}
.extra-small--five-eighths {
width: 62.5%;
}
.extra-small--six-eighths {
width: 75%;
}
.extra-small--seven-eighths {
width: 87.5%;
}
/* Tenths */
.extra-small--one-tenth {
width: 10%;
}
.extra-small--two-tenths {
width: 20%;
}
.extra-small--three-tenths {
width: 30%;
}
.extra-small--four-tenths {
width: 40%;
}
.extra-small--five-tenths {
width: 50%;
}
.extra-small--six-tenths {
width: 60%;
}
.extra-small--seven-tenths {
width: 70%;
}
.extra-small--eight-tenths {
width: 80%;
}
.extra-small--nine-tenths {
width: 90%;
}
/* Twelfths */
.extra-small--one-twelfth {
width: 8.33333%;
}
.extra-small--two-twelfths {
width: 16.66667%;
}
.extra-small--three-twelfths {
width: 25%;
}
.extra-small--four-twelfths {
width: 33.33333%;
}
.extra-small--five-twelfths {
width: 41.66667%;
}
.extra-small--six-twelfths {
width: 50%;
}
.extra-small--seven-twelfths {
width: 58.33333%;
}
.extra-small--eight-twelfths {
width: 66.66667%;
}
.extra-small--nine-twelfths {
width: 75%;
}
.extra-small--ten-twelfths {
width: 83.33333%;
}
.extra-small--eleven-twelfths {
width: 91.66667%;
}
/* Hide/show - when used for spacing */
.extra-small--hide {
display: none;
}
.extra-small--show {
display: block;
}
.grid--uniform .extra-small--one-half:nth-child(2n+1),
.grid--uniform .extra-small--one-third:nth-child(3n+1),
.grid--uniform .extra-small--one-quarter:nth-child(4n+1),
.grid--uniform .extra-small--one-fifth:nth-child(5n+1),
.grid--uniform .extra-small--one-sixth:nth-child(6n+1),
.grid--uniform .extra-small--two-sixths:nth-child(3n+1),
.grid--uniform .extra-small--three-sixths:nth-child(2n+1),
.grid--uniform .extra-small--one-eighth:nth-child(8n+1),
.grid--uniform .extra-small--two-eighths:nth-child(4n+1),
.grid--uniform .extra-small--four-eighths:nth-child(2n+1),
.grid--uniform .extra-small--five-tenths:nth-child(2n+1),
.grid--uniform .extra-small--one-twelfth:nth-child(12n+1),
.grid--uniform .extra-small--two-twelfths:nth-child(6n+1),
.grid--uniform .extra-small--three-twelfths:nth-child(4n+1),
.grid--uniform .extra-small--four-twelfths:nth-child(3n+1),
.grid--uniform .extra-small--six-twelfths:nth-child(2n+1) {
clear: both;
}
.grid--uniform-row-gutters .extra-small--one-whole:nth-child(n+2),
.grid--uniform-row-gutters .extra-small--one-half:nth-child(n+3),
.grid--uniform-row-gutters .extra-small--one-third:nth-child(n+4),
.grid--uniform-row-gutters .extra-small--one-quarter:nth-child(n+5),
.grid--uniform-row-gutters .extra-small--one-fifth:nth-child(n+6),
.grid--uniform-row-gutters .extra-small--one-sixth:nth-child(n+7),
.grid--uniform-row-gutters .extra-small--two-sixths:nth-child(n+4),
.grid--uniform-row-gutters .extra-small--three-sixths:nth-child(n+3),
.grid--uniform-row-gutters .extra-small--one-eighth:nth-child(n+9),
.grid--uniform-row-gutters .extra-small--two-eighths:nth-child(n+5),
.grid--uniform-row-gutters .extra-small--four-eighths:nth-child(n+3),
.grid--uniform-row-gutters .extra-small--five-tenths:nth-child(n+3),
.grid--uniform-row-gutters .extra-small--one-twelfth:nth-child(n+13),
.grid--uniform-row-gutters .extra-small--two-twelfths:nth-child(n+7),
.grid--uniform-row-gutters .extra-small--three-twelfths:nth-child(n+5),
.grid--uniform-row-gutters .extra-small--four-twelfths:nth-child(n+4),
.grid--uniform-row-gutters .extra-small--six-twelfths:nth-child(n+3) {
margin-top: 20px;
}
.extra-small--show {
display: block !important;
}
.extra-small--hide {
display: none !important;
}
.extra-small--text-left {
text-align: left !important;
}
.extra-small--text-right {
text-align: right !important;
}
.extra-small--text-center {
text-align: center !important;
}
}
/*================ Build Grid Push Classes ================*/
/*================ Rich Text Editor ================*/
.rte h3 {
font-size: 1.25rem;
line-height: 1.5;
}
.rte h4 {
font-size: 1rem;
line-height: 1.6;
}
.rte h5 {
font-size: 1rem;
line-height: 1.6;
font-style: italic;
}
.rte h6 {
font-size: 0.875rem;
line-height: 1.4;
}
.rte h1, .rte h2, .rte .product-detail__price, .rte h3, .rte h4, .rte h5, .rte h6 {
margin: 30px 0;
}
.rte img {
height: auto;
}
.rte table {
table-layout: fixed;
}
.rte ul,
.rte ol {
margin: 15px 0 15px 30px;
padding: 0;
}
.rte li {
list-style: inherit;
}
.rte ul {
list-style: disc outside;
}
.rte ul ul {
list-style: circle outside;
}
.rte ul ul ul {
list-style: square outside;
}
.rte cite {
font-size: 1rem;
}
.rte input,
.rte textarea,
.rte select {
margin: 5px 5px 5px 0;
}
.text-center.rte ul,
.text-center.rte ol,
.text-center .rte ul,
.text-center .rte ol,
.center.rte ul,
.center.rte ol,
.center .rte ul,
.center .rte ol {
margin-left: 0;
list-style-position: inside;
}
.expanded-width {
margin-left: -30px;
margin-right: -30px;
}
@media only screen and (max-width: 767px) {
.expanded-width {
margin-left: -20px;
margin-right: -20px;
}
}
.rte .embed-container {
overflow: initial;
max-width: initial;
padding-bottom: 0;
height: auto;
}
.rte-table {
max-width: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
.rte__video-wrapper {
position: relative;
height: 0;
margin-left: -30px;
margin-right: -30px;
overflow: hidden;
padding-bottom: calc(56.25% + ((30px * 2) * 0.5625));
border-radius: 0px;
}
.rte__video-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.rte__table-wrapper {
max-width: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
@media only screen and (max-width: 767px) {
.rte__video-wrapper {
margin-left: -20px;
margin-right: -20px;
border-radius: 0;
}
}
@media only screen and (max-width: 479px) {
.rte .expanded-width img {
border-radius: 0;
}
.rte__video-wrapper {
border-radius: 0;
}
}
/*============================================================================
Responsive tables, defined with .responsive-table on table element.
==============================================================================*/
@media only screen and (max-width: 767px) {
.responsive-table {
width: 100%;
}
.responsive-table thead {
display: none;
}
.responsive-table tr {
display: block;
}
.responsive-table th,
.responsive-table td {
display: block;
text-align: right !important;
padding: 15px;
margin: 0;
}
.responsive-table td::before {
content: attr(data-label);
float: left;
text-align: left;
padding-right: 10px;
}
.responsive-table td:empty::after {
content: '-';
opacity: 0;
}
.responsive-table-row + .responsive-table-row,
tfoot > .responsive-table-row:first-child {
position: relative;
margin-top: 10px;
padding-top: 15px;
}
.responsive-table-row + .responsive-table-row::after,
tfoot > .responsive-table-row:first-child::after {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
border-bottom: 1px solid #e8e8e8;
}
}
/*============================================================================
Form scaffolding
- Selectors setup for you to style form elements how you want
- Focus, error, and disabled states are set to be extended
==============================================================================*/
input,
textarea,
select {
background-color: transparent;
color: inherit;
border: 1px solid #c6c6c6;
border-radius: 0px;
font-family: "Quattrocento Sans", sans-serif;
font-weight: 400;
font-style: normal;
line-height: 1.4em;
max-width: 100%;
padding: 12px 15px;
margin: 5px 5px 5px 0;
}
input[disabled],
textarea[disabled],
select[disabled] {
cursor: default;
background-color: #000;
border-color: #000;
}
textarea {
min-height: 100px;
}
/*================ Custom select style ================*/
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-position: right center;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' stroke='rgb(26, 26, 26)' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right 8px center;
background-color: transparent;
background-size: 18px;
padding-right: 28px;
text-indent: 0.01px;
text-overflow: '';
cursor: pointer;
}
select::-ms-expand {
display: none;
}
/*================ Error styles ================*/
input.input-error,
select.input-error,
textarea.input-error {
border-color: #000;
background-color: transparent;
color: #000;
}
.errors {
background-color: #fce1e1;
color: #f05c5d;
padding: 5px 10px;
}
.error-message {
background-color: #fce1e1;
color: #f05c5d;
padding: 5px 10px 0;
}
.form-success {
background-color: #dfefdf;
color: #5ead60;
padding: 5px 10px;
}
/*================ Wrapper for input style ================*/
.input-wrapper {
position: relative;
border: 1px solid #c6c6c6;
border-radius: 0px;
}
.input-wrapper label {
position: absolute;
left: 15px;
top: 1.05em;
margin-top: -0.7em;
font-size: 0.75rem;
line-height: 1.4em;
color: #767676;
transition: all 100ms;
cursor: text;
pointer-events: none;
}
.input-wrapper input,
.input-wrapper textarea,
.input-wrapper select {
margin: 0;
border: 0;
padding-top: calc(12px * 1.6 - 1px);
padding-bottom: calc(12px * 0.4 - 1px);
width: 100%;
color: inherit;
}
.input-wrapper textarea {
width: calc(100% - 5px);
}
.input-wrapper.is-empty:not(.in-focus) label, .input-wrapper:empty:not(.in-focus) label {
top: calc((24px + 1.4em) / 2);
font-size: 1rem;
}
.input-wrapper-with-overlay-link .input-overlay-link {
display: block;
margin-top: 15px;
text-align: right;
}
@media only screen and (min-width: 480px) {
.input-wrapper-with-overlay-link {
position: relative;
text-align: left;
}
.input-wrapper-with-overlay-link input {
width: 50%;
}
.input-wrapper-with-overlay-link .input-overlay-link {
font-size: 0.875rem;
line-height: 1.2em;
display: flex;
align-items: center;
position: absolute;
right: 15px;
top: 0;
height: 100%;
max-width: calc(50% - 15px);
margin-top: 0;
}
}
.form-row {
margin: 15px 0;
}
.input-wrapper input:-webkit-autofill {
animation-name: onAutoFillStart;
transition: background-color 50000s ease-in-out 0s;
}
.input-wrapper input:not(:-webkit-autofill) {
animation-name: onAutoFillCancel;
}
/* Do not use focus outline unless tabbing */
body:not(.tab-used) *:focus {
outline: none;
}
.placeholder-svg {
display: block;
fill: #c8cbcd;
background-color: #e5eaea;
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
}
.placeholder-svg--small {
width: 480px;
}
.placeholder-noblocks {
padding: 40px;
text-align: center;
}
.placeholder-background {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.placeholder-background .icon {
border: 0;
}
.placeholder-landscape-container {
position: relative;
overflow: hidden;
height: 0;
padding: 66.6% 0 0 0;
}
.placeholder-landscape-container .placeholder-svg {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.placeholder-svg {
width: 100%;
height: 500px;
}
.one-quarter .placeholder-svg {
height: 275px;
}
}
html,
body {
background-color: #ffffff;
color: #1a1a1a;
}
main {
padding-bottom: 30px;
background-color: #ffffff;
position: relative;
z-index: 1;
}
main::before {
content: ' ';
display: table;
}
main .accent-background {
position: absolute;
content: '';
width: 100%;
left: 0;
top: 0;
background-color: #fafafa;
}
main .accent-background + .shopify-section {
position: relative;
margin-top: 60px;
}
main .accent-background + .shopify-section--with-padding {
margin-top: 30px;
}
@media only screen and (max-width: 767px) {
main .accent-background {
max-height: 25vh;
}
}
@media only screen and (max-width: 480px) {
main .accent-background {
display: none;
}
main .accent-background + .shopify-section {
margin-top: 0;
}
main .accent-background + .shopify-section .large-row {
margin-top: 0;
}
}
.template-blog main,
.template-article main {
padding-bottom: 0;
}
.template-password main {
background-color: transparent;
}
.focus-tint {
content: ' ';
position: fixed;
z-index: 100;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba(0, 0, 0, 0.3);
opacity: 0;
pointer-events: none;
visibility: hidden;
transition: opacity 250ms, visibility 250ms;
}
.search-bar-in-focus .focus-tint,
.search-bar-open .focus-tint {
opacity: 1;
pointer-events: auto;
cursor: pointer;
visibility: visible;
}
.page-width {
max-width: 1340px;
margin: 0 auto;
}
.template-index .shopify-section:first-child .featured-blog {
margin-top: 0;
}
.section {
padding-bottom: 15px;
padding-top: 15px;
width: 100%;
}
.large-section {
padding-bottom: 60px;
padding-top: 60px;
}
.container {
margin: 0 auto;
padding-left: 30px;
padding-right: 30px;
width: 100%;
}
.reading-width {
margin: 0 auto;
max-width: 900px;
padding-left: 30px;
padding-right: 30px;
}
.row {
margin-top: 15px;
margin-bottom: 15px;
}
.large-row {
margin-top: 30px;
margin-bottom: 30px;
}
.large-row-over {
margin-top: 30px;
}
.large-row-under {
margin-bottom: 30px;
}
.very-large-row-under {
margin-bottom: 60px;
}
.full-width {
min-width: 100%;
}
.full-width .rimage-outer-wrapper {
min-width: 100%;
}
.full-height {
min-height: 100vh;
}
.global-border-radius, .rte img, [data-product-media] .rimage__image, .full-width-slideshow .js-slideshow-section:not(.slick-initialized),
.full-width-slideshow .slick-list, .blog-articles-list__image .rimage-outer-wrapper, .collection-list-plain .product-block__image .rimage-outer-wrapper, .article-page .single-column-layout .article-featured-image.mobile-only .rimage-outer-wrapper, .article-overlay, .article__heading-image .rimage-outer-wrapper, .image-two .rimage-background {
border-radius: 0px;
overflow: hidden;
}
.global-border-radius-small {
border-radius: 0px;
overflow: hidden;
}
.global-border-radius-overlays {
border-radius: 0px;
overflow: hidden;
}
.relative {
position: relative;
}
.flex {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.mobile-menu-open {
max-height: 100vh;
overflow: hidden;
}
.shopify-policy__container {
padding-top: 30px;
}
@media only screen and (max-width: 767px) {
.container {
padding-left: 20px;
padding-right: 20px;
}
.large-row {
margin-top: 20px;
margin-bottom: 20px;
}
.large-row-over {
margin-top: 20px;
}
.large-row-under {
margin-bottom: 20px;
}
.very-large-row-under {
margin-bottom: 40px;
}
.no-margin-bottom-mobile {
margin-bottom: 0;
}
.large-section {
padding-bottom: 45px;
padding-top: 45px;
}
.full-height {
min-height: initial;
}
.reading-width {
padding-left: 20px;
padding-right: 20px;
}
.reading-width--no-mobile-padding {
padding-left: 0;
padding-right: 0;
}
}
@media only screen and (max-width: 479px) {
.container--no-mobile-padding {
padding-left: 0;
padding-right: 0;
}
.global-border-radius--not-extra-small {
border-radius: 0;
}
}
html,
body {
font-size: 16px;
}
body {
font-family: "Quattrocento Sans", sans-serif;
font-weight: 400;
font-style: normal;
line-height: 1.6;
}
h1, h2, .product-detail__price, h3, h4, h5, h6, .title, blockquote {
font-size: 1.5rem;
font-family: Quattrocento, serif;
font-weight: 400;
font-style: normal;
line-height: 1.4;
}
h1 a, h2 a, .product-detail__price a, h3 a, h4 a, h5 a, h6 a, .title a, blockquote a {
color: inherit;
text-decoration: none;
}
h1 a:hover, h2 a:hover, .product-detail__price a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .title a:hover, blockquote a:hover {
color: inherit;
text-decoration: none;
}
.large-title, .rte h1, .article-page .single-column-layout.with-image .article-overlay h1 {
font-size: 2.25rem;
line-height: 1.3;
}
.giant-title {
font-size: 3rem;
line-height: 1.3;
}
.small-title, .theme-product-reviews .spr-header-title, .theme-product-reviews .spr-form-title {
font-size: 1.5rem;
line-height: 1.4;
}
.small-text, small, th, .cart-summary__total-quantity-row {
font-size: 0.875rem;
line-height: 1.4;
}
.tiny-text, .product-detail__vendor,
.product-detail__sku,
.product-detail__type, .theme-product-reviews-summary, .theme-product-reviews .spr-review-header-byline, .theme-product-reviews .spr-review-reportreview, .sharing-label, .breadcrumbs, .article__meta, .styled-dropdown--label-small label, .styled-dropdown--label-inside label, .cart-summary__quantity {
font-size: 0.75rem;
line-height: 1.5;
}
blockquote {
margin: 30px 30px 30px 0;
padding: 0 0 0 30px;
border-left: 4px solid #e8e8e8;
}
hr {
margin: 30px 0;
padding: 0;
border: 0;
height: 0;
border-bottom: 1px solid #e8e8e8;
}
p {
margin: 15px 0;
}
a {
text-decoration: underline;
color: #080808;
transition: color 150ms;
-webkit-text-decoration-skip: ink;
text-decoration-skip: ink;
}
a:hover {
color: #000000;
}
button.standard-link,
.standard-link {
color: #080808;
font-size: 16px;
text-decoration: underline;
-webkit-text-decoration-skip: ink;
text-decoration-skip: ink;
}
button.standard-link.standard-link--inherit-color,
.standard-link.standard-link--inherit-color {
color: inherit;
}
.plain-link, .theme-product-reviews-summary, .breadcrumbs a {
color: inherit;
text-decoration: none;
transition: opacity 150ms;
}
.plain-link:hover, .theme-product-reviews-summary:hover, .breadcrumbs a:hover {
color: inherit;
text-decoration: none;
opacity: 0.8;
}
.center {
text-align: center;
}
@media only screen and (max-width: 767px) {
h1, h2, .product-detail__price, h3, h4, h5, h6, .title, blockquote {
font-size: 1.25rem;
}
.giant-title {
font-size: 2.25rem;
}
.large-title, .rte h1, .article-page .single-column-layout.with-image .article-overlay h1 {
font-size: 1.5rem;
}
.small-title, .theme-product-reviews .spr-header-title, .theme-product-reviews .spr-form-title {
font-size: 1.25rem;
}
}
.tag {
display: inline-block;
margin: 0 0.5em 0.5em 0;
padding: 0.5em 1em;
background: #f4f4f4;
color: inherit;
text-decoration: none;
font-size: 0.875rem;
line-height: 1.5;
}
.tag:hover {
background: #ededed;
color: inherit;
}
table {
margin: 30px auto;
width: 100%;
border-collapse: collapse;
}
tr {
border: none;
}
th,
td {
padding: 15px;
text-align: left;
border-top: 1px solid #e8e8e8;
}
th {
font-weight: normal;
}
/*================ TEMPLATES ================*/
.collection-header .product-block {
width: 50%;
margin: 120px auto;
}
.standout-collection-bg {
background-color: #e9e3e1;
color: #000;
}
.collection-header--split .collection-header__content-container {
padding-left: 20px;
padding-right: 20px;
}
@media only screen and (min-width: 768px) {
.collection-header--split {
display: flex;
align-items: center;
width: 100%;
}
.collection-header--split .collection-header__container {
width: 50%;
}
.collection-header--split .collection-header__container .overlay {
width: calc(100% - 120px);
}
.collection-header--split .collection-header__image-container {
height: auto;
}
.collection-header--split .collection-header__image-container .rimage-outer-wrapper {
margin-left: 0;
width: 100%;
}
.collection-header--split .collection-header__content-container {
padding-left: 60px;
padding-right: 60px;
padding-bottom: 90px;
}
.collection-header--split.collection-header--with-product {
align-items: initial;
}
}
.collection-header__content-container {
padding-top: 30px;
padding-bottom: 30px;
}
.collection-header__content-container .large-title, .collection-header__content-container .rte h1, .rte .collection-header__content-container h1, .collection-header__content-container .article-page .single-column-layout.with-image .article-overlay h1, .article-page .single-column-layout.with-image .article-overlay .collection-header__content-container h1 {
margin-top: 0;
}
.collection-header__content-container .collection-header__description {
margin-top: 15px;
}
.collection-header__image-container .rimage-background {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
@media only screen and (max-width: 767px) {
.collection-header__image-container .rimage-background {
position: static;
}
}
.collection-header__image-container .mobile-only {
display: none;
}
@media only screen and (max-width: 767px) {
.collection-header__image-container .desktop-only {
display: none;
}
.collection-header__image-container .mobile-only {
display: block;
}
}
@media only screen and (max-width: 767px) {
.collection-header__product-container {
display: none;
}
}
.collection-filters-container {
background-color: #ffffff;
color: #333;
position: relative;
z-index: 1;
margin: 0 60px 60px;
padding: 30px;
width: calc(100% - 120px);
}
.collection-filters-container select {
width: 100%;
}
.collection-filters-container .select2-container {
display: block;
width: auto !important;
}
.collection-filters-container .collection-filters .styled-dropdown .select2-selection,
.collection-filters-container .collection-sort .styled-dropdown .select2-selection {
border-color: rgba(0,0,0,0.2);
}
.collection-filters-container .collection-filters .styled-dropdown .select2-selection .select2-selection__arrow b,
.collection-filters-container .collection-sort .styled-dropdown .select2-selection .select2-selection__arrow b {
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' stroke='%23373737' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
}
.collection-filters-container .collection-filters-container__close {
display: none;
}
@media only screen and (min-width: 931px) {
.collection-filters-container.collection-filters-container--overlap {
top: -60px;
margin: 0 60px -60px 60px;
}
}
@media only screen and (max-width: 930px) {
.collection-filters-container {
display: block;
position: absolute;
left: 0;
bottom: 100%;
width: 100%;
margin: 0;
padding: 45px 30px 0;
border-radius: 0;
border-top: 1px solid #e8e8e8;
transform: translate3d(0, 100%, 0);
transition: transform cubic-bezier(0.4, 0, 0.2, 1) 500ms;
}
.collection-filters-container .dropdown-label {
display: block;
}
.collection-filters-container .grid {
margin-left: 0;
}
.collection-filters-container .grid__item {
float: none;
width: auto;
margin: 0 0 30px;
padding: 0;
}
.collection-filters-container .collection-filters-container__close {
display: block;
position: absolute;
top: 10px;
right: 10px;
}
.collection-filters-container.show-filters .collection-sort {
display: none;
}
.collection-filters-container.show-sort .collection-filters {
display: none;
}
.collection-filters-container .collection-filters {
margin-bottom: 0;
}
.collection-filters-container .collection-filters > .grid {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.collection-filters-container .collection-filters > .grid > .grid__item {
width: calc(50% - 15px);
}
.collection-filters-container .collection-sort .styled-dropdown {
margin-bottom: 15px;
width: calc(50% - 15px);
}
}
@media only screen and (max-width: 479px) {
.collection-filters-container .collection-filters > .grid > .grid__item {
width: 100%;
}
.collection-filters-container .styled-dropdown,
.collection-filters-container .collection-sort .styled-dropdown {
width: 100%;
}
}
.collection-filter-control {
position: relative;
z-index: 2;
}
.collection-filter-control button {
float: left;
width: 100%;
padding: 18px;
background: #ffffff;
}
.collection-filter-control button:nth-child(2) {
border-left: 1px solid #e8e8e8;
}
.collection-filter-control button:hover {
background: #ffffff;
}
.collection-filter-control.collection-filter-control--two-buttons button {
width: 50%;
}
@media only screen and (min-width: 931px) {
.collection-filter-control {
display: none;
}
}
.collection-product-list {
transition: opacity 0.2s;
}
@media only screen and (max-width: 930px) {
.collection-filters-row {
position: fixed;
z-index: 10;
bottom: 0;
left: 0;
width: 100%;
background: #ffffff;
}
.collection-filters-row .collection-filter-control {
border-top: 1px solid #e8e8e8;
}
.collection-filters-row .collection-filter-control .btn--plain, .collection-filters-row .collection-filter-control .payment-buttons .shopify-payment-button__more-options, .payment-buttons .collection-filters-row .collection-filter-control .shopify-payment-button__more-options {
border-radius: 0;
}
}
@media only screen and (max-width: 479px) {
.collection-header {
border-radius: 0;
}
.collection-product-list {
padding-left: 20px;
padding-right: 20px;
}
}
.cart-item {
border-bottom: 1px solid #e8e8e8;
padding-top: 45px;
padding-bottom: 45px;
flex-wrap: nowrap;
}
.cart-item.cart-item--titles {
border-top: 1px solid #e8e8e8;
font-size: 0.875rem;
margin-top: 30px;
padding-bottom: 15px;
padding-top: 0;
}
.cart-item.cart-item--titles .description,
.cart-item.cart-item--titles .price,
.cart-item.cart-item--titles .quantity,
.cart-item.cart-item--titles .total {
padding-top: 15px;
padding-left: 0;
}
.cart-item .image {
width: 200px;
display: block;
flex: 0 0 auto;
}
@media only screen and (max-width: 1023px) {
.cart-item .image {
width: 100px;
}
}
.cart-item .image img {
display: block;
}
.cart-item .description {
flex-grow: 1;
padding-left: 30px;
padding-top: 15px;
}
.cart-item .description__title {
text-decoration: none;
color: inherit;
font-size: 1rem;
}
.cart-item .description__variant,
.cart-item .description__vendor {
color: rgba(26, 26, 26, 0.7);
margin: 0;
}
.cart-item .description__variant {
font-size: 0.875rem;
line-height: 1.4;
}
.cart-item .price,
.cart-item .quantity,
.cart-item .total {
width: calc(100% / 6);
min-width: 145px;
flex: 0 0 auto;
}
.cart-item .price {
font-size: 1rem;
text-align: right;
}
.cart-item .unit-price {
font-size: 0.75rem;
}
@media only screen and (max-width: 1023px) {
.cart-item .price {
width: 120px;
min-width: 120px;
}
.cart-item .total {
width: 100px;
min-width: 100px;
}
}
.cart-item .quantity {
padding-top: 5px;
}
.cart-item .quantity__change {
justify-content: center;
}
.cart-item .quantity__plus,
.cart-item .quantity__minus,
.cart-item .quantity__number {
height: 38px;
width: 38px;
}
.cart-item .quantity__plus,
.cart-item .quantity__minus {
border-radius: 0px;
border: 1px solid #e8e8e8;
padding: 3px;
margin: 0 5px;
position: relative;
}
.cart-item .quantity__plus .icon,
.cart-item .quantity__minus .icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.cart-item .quantity__plus:hover,
.cart-item .quantity__minus:hover {
border: 1px solid #e8e8e8;
}
.cart-item .quantity__unusable {
opacity: 0.5;
background: #e8e8e8;
pointer-events: none;
}
.cart-item .quantity__number {
border: 0;
margin: 0;
padding-left: 0;
padding-right: 0;
text-align: center;
color: inherit;
}
.cart-item .quantity__remove {
color: inherit;
text-decoration: none;
}
.cart-item .quantity__remove-x {
height: 14px;
width: 14px;
line-height: 1em;
vertical-align: middle;
}
.cart-item .quantity__remove-x svg {
height: 100%;
width: 100%;
}
.cart-item .quantity__remove-x + .tiny-text, .cart-item .quantity__remove-x + .product-detail__vendor,
.cart-item .quantity__remove-x + .product-detail__sku,
.cart-item .quantity__remove-x + .product-detail__type, .cart-item .quantity__remove-x + .theme-product-reviews-summary, .cart-item .theme-product-reviews .quantity__remove-x + .spr-review-header-byline, .theme-product-reviews .cart-item .quantity__remove-x + .spr-review-header-byline, .cart-item .theme-product-reviews .quantity__remove-x + .spr-review-reportreview, .theme-product-reviews .cart-item .quantity__remove-x + .spr-review-reportreview, .cart-item .quantity__remove-x + .sharing-label, .cart-item .quantity__remove-x + .breadcrumbs, .cart-item .quantity__remove-x + .article__meta, .cart-item .styled-dropdown--label-small .quantity__remove-x + label, .styled-dropdown--label-small .cart-item .quantity__remove-x + label, .cart-item .styled-dropdown--label-inside .quantity__remove-x + label, .styled-dropdown--label-inside .cart-item .quantity__remove-x + label, .cart-item .quantity__remove-x + .cart-summary__quantity {
vertical-align: middle;
}
.cart-item .price,
.cart-item .total {
padding-top: 15px;
}
.cart-item .total {
text-align: right;
}
.cart-mobile-image {
display: none;
max-width: 200px;
flex: 0 0 auto;
}
.cart-mobile-image img {
display: block;
}
.total__title {
display: inline-block;
margin-right: 2em;
}
.total__amount {
display: inline-block;
}
@media only screen and (max-width: 767px) {
.subtotal-row {
display: flex;
flex-direction: column-reverse;
}
}
.shipping-title {
padding-top: 1.2em;
}
.cart-terms__checkbox {
display: block;
position: relative;
padding-left: 30px;
margin-bottom: 15px;
cursor: pointer;
user-select: none;
line-height: 24px;
}
.cart-terms__checkbox input {
position: absolute;
opacity: 0;
cursor: pointer;
left: 0;
top: 0;
height: 24px;
width: 24px;
}
.cart-terms__checkbox input:checked ~ .cart-terms__check svg {
opacity: 1;
}
.cart-terms__check {
position: absolute;
top: 0;
left: 0;
height: 24px;
width: 24px;
border: 1px solid #e8e8e8;
pointer-events: none;
}
.cart-terms__check svg {
opacity: 0;
position: absolute;
width: 20px;
height: 20px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: opacity 0.25s;
}
.cart-submit {
margin-right: 0;
}
.cart-finish {
text-align: right;
}
.cart-finish .cart-submit {
width: 30%;
}
.additional-checkout-buttons {
margin-top: 15px;
}
[data-shopify-buttoncontainer] {
justify-content: flex-end;
}
.cart-continue {
margin-bottom: 120px;
}
.cart-continue-shopping {
text-align: right;
display: block;
margin: 30px 0 0 auto;
}
.cart-notes {
margin-top: 15px;
width: 50%;
}
.shipping-calculator {
display: none;
}
.cart-trigger,
.shipping-calculator,
.cart-notes {
margin-bottom: 15px;
}
.shipping-calculator-form .field {
width: 30%;
margin: 15px 30px 15px 0;
}
.shipping-calculator-form .field:nth-child(3) {
margin-right: 0;
}
.shipping-calculator-form .field.calculator-submit {
margin-right: 0;
margin-left: auto;
}
.shipping-calculator-form .field .get-rates {
margin: 0;
width: 100%;
}
.shipping-calculator .success {
margin-bottom: 60px;
}
.cart-checks .cart-checks__titles {
justify-content: flex-end;
}
.cart-checks .cart-checks__titles label {
margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
.cart-items {
margin-top: 30px;
}
.cart-item-container {
border-bottom: 1px solid #e8e8e8;
padding-bottom: 20px;
margin-bottom: 30px;
display: flex;
}
.cart-item {
padding: 0;
margin-top: 0;
flex-direction: column;
width: auto;
border: 0;
height: 100%;
}
.cart-item .image,
.cart-item .price {
display: none;
}
.cart-item .description__title,
.cart-item .price,
.cart-item .quantity,
.cart-item .total {
font-size: 1.15rem;
}
.cart-item .description__variant,
.cart-item .quantity__remove .tiny-text,
.cart-item .quantity__remove .product-detail__vendor,
.cart-item .quantity__remove .product-detail__sku,
.cart-item .quantity__remove .product-detail__type,
.cart-item .quantity__remove .theme-product-reviews-summary,
.cart-item .quantity__remove .theme-product-reviews .spr-review-header-byline,
.theme-product-reviews .cart-item .quantity__remove .spr-review-header-byline,
.cart-item .quantity__remove .theme-product-reviews .spr-review-reportreview,
.theme-product-reviews .cart-item .quantity__remove .spr-review-reportreview,
.cart-item .quantity__remove .sharing-label,
.cart-item .quantity__remove .breadcrumbs,
.cart-item .quantity__remove .article__meta,
.cart-item .quantity__remove .styled-dropdown--label-small label,
.styled-dropdown--label-small .cart-item .quantity__remove label,
.cart-item .quantity__remove .styled-dropdown--label-inside label,
.styled-dropdown--label-inside .cart-item .quantity__remove label,
.cart-item .quantity__remove .cart-summary__quantity {
font-size: 1rem;
}
.cart-item .description,
.cart-item .price,
.cart-item .quantity,
.cart-item .total {
padding-left: 60px;
}
.cart-item .price,
.cart-item .quantity,
.cart-item .total {
text-align: left;
width: auto;
}
.cart-item .description {
padding-top: 0;
}
.cart-item .price {
padding-bottom: 20px;
}
.cart-item .quantity {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.cart-item .quantity__change {
justify-content: flex-start;
margin-right: 30px;
margin-bottom: 20px;
}
.cart-item .quantity__minus,
.cart-item .quantity__plus {
margin: 0;
}
.cart-item .quantity__remove {
display: block;
margin-bottom: 20px;
}
.cart-mobile-image {
display: block;
width: 30%;
}
.cart-item--titles {
display: none;
}
.cart-checks .cart-checks__titles {
display: block;
text-align: center;
}
.cart-terms__checkbox {
display: inline-block;
margin-bottom: 20px;
}
.cart-trigger {
margin: 0 auto 20px;
}
.shipping-calculator-container,
.cart-notes-container {
text-align: center;
}
.cart-continue {
margin-bottom: 40px;
}
.cart-notes {
width: 100%;
}
.shipping-calculator-form {
flex-direction: column;
}
.shipping-calculator-form .field {
width: 100%;
margin: 15px 0;
}
.shipping-calculator .success {
margin-bottom: 40px;
}
.cart-finish .cart-submit,
.cart-continue-shopping {
width: 100%;
text-align: center;
}
.shipping-title {
text-align: center;
padding-top: 0;
}
.subtotal-row .total {
text-align: center;
}
[data-shopify-buttoncontainer] {
justify-content: center;
}
}
@media only screen and (max-width: 479px) {
.cart-item .description,
.cart-item .price,
.cart-item .quantity,
.cart-item .total {
padding-left: 20px;
}
}
/*================ Giftcard Template ================*/
.template-giftcard {
background: #ffffff;
text-align: center;
padding: 15px 0;
}
.giftcard {
margin: 15px auto;
max-width: 500px;
padding: 20px;
}
.giftcard__illustration {
position: relative;
margin: 20px 0;
overflow: hidden;
border-radius: 0px;
}
.giftcard__illustration img {
display: block;
}
.giftcard__code {
background: #fff;
border-radius: 0px;
color: #484848;
position: absolute;
bottom: 10%;
right: 50%;
transform: translateX(50%);
padding: 10px 20px;
font-size: 22px;
line-height: 1em;
white-space: nowrap;
}
.giftcard-qr-row {
margin: 15px 0;
}
.giftcard-qr {
display: inline-block;
background: #fff;
padding: 10px;
border: 1px solid rgba(0, 0, 0, 0.1);
overflow: hidden;
border-radius: 0px;
}
.giftcard-qr img {
display: block;
margin: 0 auto;
}
.giftcard-apple-wallet {
margin: 15px 0;
}
.apple-wallet-image {
display: block;
margin: 0 auto;
}
.giftcard-button-row {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 15px;
}
/*================ Print Giftcard Styles ================*/
@media print {
@page {
margin: 0.5cm;
}
p {
orphans: 3;
widows: 3;
}
html,
body {
background-color: #fff;
color: #000;
}
.print-giftcard,
.apple-wallet {
display: none;
}
}
body.template-order .product-summary__fulfillment dt {
font-weight: bold;
}
body.template-order .product-summary__fulfillment dd {
margin: 0 0 10px 0;
}
/*================ SECTIONS ================*/
.site-header {
position: relative;
}
.page-header {
align-items: center;
display: flex;
justify-content: space-between;
position: relative;
padding: 15px 0;
}
.page-header .burger-icon {
display: none;
}
.header-content {
background-color: #ffffff;
color: #222222;
position: relative;
z-index: 101;
}
.store-logo--image {
margin-left: auto;
margin-right: auto;
max-width: 100%;
}
.site-logo {
color: #000000;
display: block;
font-family: Quattrocento, serif;
font-weight: 400;
font-style: normal;
font-size: 24px;
margin-right: 15px;
position: relative;
text-decoration: none;
z-index: 5;
}
.site-logo img {
display: block;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.site-logo.mobile-logo {
display: none;
}
.site-header__logo-image {
display: block;
}
.docked-mobile-navigation-container {
flex-grow: 1;
}
.utils {
align-items: center;
display: flex;
flex-grow: 1;
justify-content: flex-end;
}
.utils a:not(.btn) {
color: inherit;
text-decoration: none;
}
.utils__item {
color: inherit;
margin: 0 6px;
opacity: 1;
position: relative;
transition: opacity 0.25s;
}
.utils__item:last-child {
margin-right: 0;
}
.utils__item--hidden {
opacity: 0;
pointer-events: none;
}
.mobile-menu-utils {
display: none;
position: relative;
z-index: 1;
margin-bottom: 20px;
padding: 0 20px;
flex-wrap: nowrap;
justify-content: space-between;
}
.no-js .utils__item--currency {
display: none;
}
.header-cart {
position: relative;
}
.header-cart .icon {
height: 34px;
}
.header-cart .cart-summary {
display: none;
position: absolute;
z-index: 3;
top: 100%;
right: 0;
width: 412px;
padding: 15px 30px 30px;
background-color: #ffffff;
border-bottom: 3px solid #222222;
border-left: 1px solid rgba(34, 34, 34, 0.1);
border-right: 1px solid rgba(34, 34, 34, 0.1);
border-top: 1px solid rgba(34, 34, 34, 0.1);
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15);
}
@media only screen and (min-width: 768px) {
.header-cart:hover .cart-summary {
display: block;
}
}
.header-cart__count {
position: absolute;
top: 61%;
left: 0;
width: 100%;
margin-top: -0.5em;
font-size: 14px;
line-height: 1em;
text-align: center;
}
.header-social-icons {
display: none;
margin: 0 20px 20px;
}
.header-social-icons .social-link {
margin: 0 15px 15px 0;
color: #000000;
}
.docking-header__utils {
display: none;
margin-top: -12px;
color: #222222;
}
.docking-header__utils .search-bar__container {
margin-left: auto;
margin-right: auto;
max-width: 700px;
}
.docking-header__utils .search-form__input {
margin: 2px 0;
color: inherit;
}
.docking-header__utils .search-form__input::placeholder {
color: inherit;
}
.docking-header__utils .search-bar__results {
color: #212B36;
background: #fff;
}
@media only screen and (max-width: 767px) {
.docked-header--dock .docked-mobile-navigation-container__inner {
position: fixed;
top: 0;
left: 0;
width: 100%;
box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.75);
z-index: 101;
}
}
@media only screen and (min-width: 768px) {
.docked-header--dock .docked-navigation-container__inner {
position: fixed;
top: 0;
left: 0;
width: 100%;
box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.75);
z-index: 101;
}
.docked-header--dock .page-header .search-bar {
display: none;
}
.docked-header--dock .docked-navigation-container .docking-header__utils {
display: flex;
flex-wrap: nowrap;
}
.search-bar-open .docked-header--dock .docked-navigation-container .site-nav {
opacity: 0;
pointer-events: none;
}
.search-bar-open .docked-header--dock .docked-navigation-container .header-navigation {
z-index: 101;
}
}
.site-header--logo-only {
margin-bottom: 30px;
}
.site-header--logo-only .page-header {
justify-content: space-around;
}
@media only screen and (max-width: 767px) {
.header-content {
padding: 0;
}
.page-header {
display: block;
padding: 0;
}
.page-header .burger-icon {
display: block;
left: 20px;
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 2;
}
.store-logo,
.utils {
padding: 10px 20px;
}
.store-logo {
text-align: center;
}
.site-logo.mobile-logo {
display: block;
margin: 0 auto;
}
.site-logo.mobile-logo img {
width: auto;
max-height: 80px;
}
.site-logo.desktop-logo {
display: none;
}
.utils {
background-color: #f0dddd;
color: #222222;
position: relative;
width: 100%;
}
.social-link {
margin: 0 10px;
}
.mobile-menu-utils {
align-items: center;
display: flex;
}
.mobile-menu-utils .utils__item {
min-width: 50px;
}
.header-social-icons {
display: block;
margin-bottom: 60px;
}
.header-content .utils__item--currency {
display: none;
}
.mobile-menu-search-bar .search-form__input {
color: #000000;
}
.mobile-menu-search-bar .search-form__input::placeholder {
color: #000000;
}
}
.page-footer__inner {
padding-bottom: 45px;
background-color: #ffffff;
color: #000000;
}
@media only screen and (min-width: 1024px) {
.sticky-footer-partly-visible main,
.sticky-footer-fully-visible main {
border-bottom: 0;
}
.sticky-footer {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
}
.no-js .sticky-footer {
position: static;
}
.sticky-footer-taller-than-page .sticky-footer {
top: 0;
bottom: auto;
}
.sticky-footer-scrolled-into.sticky-footer-taller-than-page .sticky-footer,
.sticky-footer-partly-visible .sticky-footer {
position: static;
}
}
.footer-row {
padding-top: 30px;
padding-bottom: 30px;
position: relative;
}
.footer-row:after {
background-color: rgba(0, 0, 0, 0.3);
position: absolute;
content: '';
bottom: 0;
left: 0px;
width: 100%;
height: 1px;
opacity: 0.5;
}
.footer-row a {
color: inherit;
}
.subscribe-form__inputs .input-wrapper {
border-top-color: transparent;
border-left: 0;
border-right: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.3);
border-radius: 0;
padding-left: 0;
}
.subscribe-form__inputs .input-wrapper label {
color: rgba(0, 0, 0, 0.7);
left: 0;
top: 0;
}
.subscribe-form__inputs .subscribe-form__email {
border: 0;
border-radius: 0;
color: #000000;
margin: 0;
padding-left: 0;
transition: background-color 0.25s;
}
.subscribe-form__inputs .subscribe-form__email:focus {
outline: 0;
}
.subscribe-form__inputs .subscribe-form__email::placeholder {
color: #000000;
opacity: .75;
}
.subscribe-form__side-heading {
font-weight: 500;
line-height: 1.2;
padding-top: 15px;
}
.subscribe-form__response {
display: flex;
justify-content: center;
}
.footer-navigation {
padding-top: 30px;
}
footer {
align-items: flex-end;
display: flex;
justify-content: space-between;
margin-top: 90px;
}
.payment-icons {
margin-top: 8px;
text-align: right;
}
.payment-icon {
display: inline-block;
margin-right: 2px;
margin-bottom: 6px;
}
.payment-icon-svg {
height: 24px;
width: 38px;
vertical-align: top;
}
.copyright-text {
display: block;
font-size: 12.0px;
margin-top: 8px;
}
.copyright-text a {
color: #000000;
fill: #000000;
text-decoration: none;
}
@media only screen and (max-width: 767px) {
footer {
margin-top: 30px;
flex-direction: column;
align-items: flex-start;
}
footer > div:first-child {
order: 1;
}
.subscribe-form {
padding-bottom: 30px;
}
.subscribe-form:after {
left: -20px;
width: calc(100% + (20px * 2));
}
.subscribe-form .input-wrapper {
margin-bottom: 15px;
}
.subscribe-form__side-heading {
font-size: 16px;
padding-bottom: 15px;
}
.subscribe-form__inputs.grid {
margin-left: 0;
}
.subscribe-form__inputs.grid .grid__item {
padding-left: 0;
}
.subscribe-form__inputs .subscribe-form__submit {
margin-left: 0;
}
.payment-icons {
margin-bottom: 30px;
text-align: left;
}
}
@media only screen and (max-width: 479px) {
.subscribe-form::after {
left: 0;
width: 100%;
}
.subscribe-form__email {
margin-bottom: 15px;
width: 100%;
}
.subscribe-form__submit {
margin-left: 0;
}
}
.product-layout-grid__images,
.product-layout-grid__detail {
padding-top: 30px;
}
.product-detail__thumbnails {
display: none;
}
@media only screen and (min-width: 768px) {
.product-layout-grid {
display: flex;
justify-content: center;
margin-left: -30px;
}
.product-layout-grid__images {
padding-left: 30px;
width: 50%;
}
.product-layout-grid__images.layout--thumbnails-left.has-multiple-images {
width: 66.6%;
display: flex;
}
.product-layout-grid__images.layout--thumbnails-left.has-multiple-images .product-detail__images-container {
order: 1;
width: 85%;
align-self: flex-start;
}
.product-layout-grid__images.layout--thumbnails-left.has-multiple-images .product-detail__thumbnails {
width: 15%;
flex: 0 0 auto;
display: block;
margin: 0 30px 0 0;
}
.product-layout-grid__images.layout--thumbnails-left.has-multiple-images .product-detail__thumbnail {
display: block;
width: auto;
}
.product-layout-grid__detail {
padding-left: 60px;
width: 44.4%;
}
}
@media (min-width: 1280px) {
.product-layout-grid {
margin: 0 auto;
width: 83.33333%;
}
}
[data-product-media] {
display: block;
margin: 0 0 15px;
transition: opacity 250ms;
}
@media only screen and (max-width: 767px) {
[data-product-media] {
margin-bottom: 0;
}
}
.pswp__bg {
background-color: #000000;
}
@media only screen and (min-width: 768px) {
.product-detail__thumbnails {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
margin-left: -15px;
}
.product-detail__thumbnail {
margin: 0 0 15px 15px;
width: calc(25% - 15px);
}
}
@media (min-width: 1000px) {
.product-detail__thumbnail {
width: calc(20% - 15px);
}
}
.variant-dim {
opacity: 0.5;
}
.product-detail .grid__item {
padding-top: 30px;
}
.product-detail__title-area {
margin-bottom: 15px;
}
@media only screen and (max-width: 767px) {
.product-detail__title-area {
margin: 0 0 30px;
text-align: center;
}
}
@media only screen and (min-width: 768px) {
.product-description__no-expand .rte__video-wrapper,
.product-description__no-expand .expanded-width {
margin-left: 0;
margin-right: 0;
}
}
.product-detail__type + .product-detail__sku {
margin-top: 5px;
}
.product-detail__vendor {
color: #767676;
}
.product-detail__price {
margin-bottom: 15px;
}
.product-detail__quantity-row {
display: flex;
width: 100%;
}
.product-detail__quantity-row.with-payment-buttons {
flex-wrap: wrap;
}
.product-detail__quantity-row .quantity-wrapper {
margin-right: 15px;
width: 100px;
flex-shrink: 0;
}
.product-detail__quantity-row button {
flex-grow: 1;
padding-left: 30px;
padding-right: 30px;
}
.product-detail__quantity-row .payment-buttons {
margin-top: 30px;
width: 100%;
}
.quantity-wrapper label {
pointer-events: none;
}
.quantity-wrapper .quantity-actual {
display: none;
}
.quantity-wrapper.hide-proxy .quantity-actual {
display: inline-block;
}
.quantity-wrapper.hide-proxy .quantity-proxy,
.quantity-wrapper.hide-proxy .select2 {
display: none !important;
}
.no-js .quantity-wrapper .quantity-actual {
display: inline-block;
}
.no-js .quantity-wrapper .quantity-proxy {
display: none;
}
.product-form .select2-container {
display: block;
width: 100% !important;
}
.variant-option-title::before {
content: '- ';
}
.payment-buttons .btn, .payment-buttons .theme-product-reviews .spr-summary-actions-newreview, .theme-product-reviews .payment-buttons .spr-summary-actions-newreview {
width: calc(100% - 2px);
min-height: 44px;
}
.payment-buttons .shopify-payment-button__button {
margin: 1px;
border: 0;
font-size: 1rem;
line-height: 1;
font-weight: normal;
overflow: hidden;
border-radius: 0px;
min-height: 44px;
}
.payment-buttons .shopify-payment-button {
margin-top: 15px;
transition: opacity 0.25s;
}
.payment-buttons .shopify-payment-button .shopify-payment-button__button {
width: calc(100% - 2px);
}
.payment-buttons .shopify-payment-button .shopify-payment-button__button--unbranded {
padding: 11px 39px;
padding-left: 30px;
padding-right: 30px;
background-color: #1a1a1a;
border: 0;
box-shadow: 0 0 0 1px #1a1a1a;
color: #ffffff;
transition: background-color 0.25s, border-color 0.25s, box-shadow 0.25s, color 0.25s, opacity 0.25s;
}
.payment-buttons .shopify-payment-button .shopify-payment-button__button--unbranded:hover {
background-color: #4d4d4d;
box-shadow: 0 0 0 1px #4d4d4d;
color: #ffffff;
}
.payment-buttons .shopify-payment-button .shopify-payment-button__more-options {
margin-top: 16px;
margin-bottom: 12px;
font-size: 0.875rem;
line-height: 1.4;
transition: opacity 0.25s;
}
.payment-buttons .shopify-payment-button .shopify-payment-button__more-options.shopify-payment-button__button--hidden {
display: none;
}
.variant--unavailable .shopify-payment-button {
opacity: 0;
}
.product-detail__detail .tabs li {
margin: 0 10px -1px;
}
.product-detail__detail .tabs li:first-child {
margin-left: 0;
}
.product-detail__detail .tabs li:last-child {
margin-right: 0;
}
.spr-icon {
margin-right: 0.1em;
color: #f6c347;
}
.spr-icon-star-empty {
color: #888;
}
.theme-product-reviews-summary {
display: block;
margin-top: 0.5em;
}
.theme-product-reviews-summary .spr-badge[data-rating="0.0"] {
visibility: hidden;
}
.theme-product-reviews-summary a {
text-decoration: none;
}
.theme-product-reviews-summary a .spr-badge-caption {
text-decoration: underline;
}
.theme-product-reviews-summary .spr-badge-caption {
margin-left: 0.5em;
white-space: nowrap;
}
.product-detail .theme-product-reviews-summary .spr-badge[data-rating="0.0"] {
display: none;
}
.theme-product-reviews #shopify-product-reviews {
margin: 1em 0 2em;
}
.theme-product-reviews .spr-container {
padding: 0;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
.theme-product-reviews .spr-header {
padding: 30px 0;
}
.theme-product-reviews .spr-summary-actions-newreview {
margin-top: 1em;
}
.theme-product-reviews .spr-form-title {
margin: 0 0 0.5em;
}
.theme-product-reviews .spr-form {
margin: 0;
padding: 15px 0;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.theme-product-reviews .spr-reviews {
margin: 0;
padding: 0 0 15px;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.theme-product-reviews .spr-review {
margin: 0;
padding: 30px 0 0;
border: 0;
}
.theme-product-reviews .spr-review .spr-review-header-starratings {
margin-bottom: 0.9em;
}
.theme-product-reviews .spr-review .spr-icon {
font-size: 100%;
}
.theme-product-reviews .spr-review:first-child {
margin-top: 0;
}
.theme-product-reviews .spr-review-header-title {
font-size: 16px;
line-height: 1.6;
}
.theme-product-reviews .spr-review-header-byline {
display: block;
margin: 0.3em 0 1em;
font-style: normal;
opacity: 0.6;
}
.theme-product-reviews .spr-review-header-byline strong {
font-weight: normal;
}
.theme-product-reviews .spr-review-content {
margin: 0 0 15px;
}
.theme-product-reviews .spr-review-content-body {
font-size: 0.875rem;
line-height: 1.4;
}
.theme-product-reviews .spr-review-reportreview {
float: none;
}
.theme-product-reviews .spr-pagination {
margin-top: 30px;
padding-top: 30px;
width: 100%;
}
.theme-product-reviews .spr-pagination a {
color: inherit;
text-decoration: none;
}
.theme-product-reviews .spr-pagination .spr-pagination-next,
.theme-product-reviews .spr-pagination .spr-pagination-prev {
position: static;
}
.theme-product-reviews .spr-pagination .spr-pagination-next,
.theme-product-reviews .spr-pagination .spr-pagination-prev,
.theme-product-reviews .spr-pagination .spr-pagination-page {
margin: 0 8px;
padding: 0 2px;
}
.theme-product-reviews .spr-pagination .spr-pagination-page.is-active {
font-weight: normal;
border-bottom: 2px solid;
}
.theme-product-reviews .spr-summary-actions {
margin-top: 1em;
}
@media (min-width: 800px) {
.theme-product-reviews .spr-reviews {
display: flex;
flex-wrap: wrap;
}
.theme-product-reviews .spr-reviews .spr-review {
width: 50%;
}
.theme-product-reviews .spr-review:nth-child(2n) {
padding-left: 15px;
}
.theme-product-reviews .spr-review:nth-child(2n-1) {
padding-right: 15px;
}
}
@media (min-width: 481px) {
.theme-product-reviews .spr-summary-actions-newreview {
margin-top: -1.5em;
}
}
@media (max-width: 480px) {
.theme-product-reviews .spr-summary-actions {
display: block;
}
}
.add-in-progress .selector-wrapper a, .add-in-progress .selector-wrapper select, .add-in-progress .selector-wrapper input {
pointer-events: none;
}
.full-width-slideshow .slick-dots {
position: static;
width: calc(100% - 100px);
margin: 0 auto;
}
.full-width-slideshow-controls {
position: absolute;
bottom: -5px;
}
.full-width-slideshow-controls .icon {
transition: opacity 0.25s;
}
.full-width-slideshow-controls .icon:hover {
opacity: .7;
}
.full-width-slideshow-controls--prev {
left: 0;
}
.full-width-slideshow-controls--next {
right: 0;
}
.full-width-slideshow .slide {
display: none;
}
.full-width-slideshow .slide:first-child {
display: block;
}
.full-width-slideshow .slick-initialized .slide {
display: block;
}
@media only screen and (min-width: 1280px) {
.full-width-slideshow .overlay .large-title, .full-width-slideshow .overlay .rte h1, .rte .full-width-slideshow .overlay h1, .full-width-slideshow .overlay .article-page .single-column-layout.with-image .article-overlay h1, .article-page .single-column-layout.with-image .article-overlay .full-width-slideshow .overlay h1 {
font-size: 3rem;
line-height: 1.3;
}
}
@media only screen and (max-width: 767px) {
.full-width-slideshow {
margin-bottom: 20px;
margin-top: 20px;
}
.full-width-slideshow .slide .overlay {
margin-bottom: -30px;
}
.full-width-slideshow .slide .rimage-outer-wrapper,
.full-width-slideshow .slide .placeholder-svg {
border-radius: 0px;
overflow: hidden;
}
.full-width-slideshow .overlay {
padding: 45px 30px;
}
.full-width-slideshow .overlay--bg-matches-page-bg,
.full-width-slideshow .overlay--use-body-colours-mobile {
padding-bottom: 20px;
}
.full-width-slideshow-controls--prev {
left: 20px;
}
.full-width-slideshow-controls--next {
right: 20px;
}
}
@media only screen and (max-width: 479px) {
.full-width-slideshow {
padding-top: 0;
}
.full-width-slideshow .slide .rimage-outer-wrapper,
.full-width-slideshow .slide .placeholder-svg {
border-radius: 0;
}
.full-width-slideshow .slick-list {
border-radius: 0;
}
}
.rich-text-section {
padding-left: 30px;
padding-right: 30px;
}
.rich-text-section .rte {
margin-top: 15px;
}
.rich-text-section__btn-row {
margin-top: 15px;
}
@media only screen and (max-width: 479px) {
.rich-text-section,
.rich-text {
border-radius: 0;
}
}
.split-image-section {
overflow: hidden;
}
.split-image {
width: 100%;
}
.split-image--portrait {
padding-bottom: 150%;
}
.split-image--square {
padding-bottom: 100%;
}
@media only screen and (max-width: 767px) {
.split-image-section .split-image {
border-radius: 0px;
overflow: hidden;
}
.split-image-section .split-image__content-container {
border-radius: 0;
}
.split-image-section .block-2 .overlay {
margin-bottom: -20px;
}
}
@media only screen and (max-width: 479px) {
.split-image-section .split-image {
border-radius: 0;
}
}
.featured-product-section {
align-items: center;
}
.featured-product-section .btn, .featured-product-section .theme-product-reviews .spr-summary-actions-newreview, .theme-product-reviews .featured-product-section .spr-summary-actions-newreview {
margin-top: 10px;
}
.featured-product-section--reverse {
flex-direction: row-reverse;
}
.featured-product-image {
position: relative;
}
.featured-product-image-link {
position: relative;
overflow: hidden;
backface-visibility: hidden;
display: block;
}
.featured-product-image-link .rimage-background {
border-radius: 0;
}
@media only screen and (min-width: 768px) {
.featured-product-image--inset {
padding-left: 30px;
}
.featured-product-section--reverse .featured-product-image--inset {
padding-left: 0;
padding-right: 30px;
}
}
.featured-product-content-container {
height: 100%;
min-height: 100%;
}
.featured-product-content {
padding: 60px;
}
.featured-product-content .featured-product-link-mobile-only {
display: none;
}
.featured-product-content .featured-product__price-from {
font-size: 50%;
}
@media only screen and (max-width: 767px) {
.featured-product-content {
padding: 45px 30px;
}
.featured-product-content .featured-product-link-mobile-only {
display: inline-block;
}
.featured-product-content .featured-product-link-desktop-only {
display: none;
}
.featured-product-image-link {
background-color: initial;
}
}
.featured-blog {
margin-top: -30px;
}
.accent-background + .shopify-section .featured-blog {
margin-top: 0;
}
.featured-blog .article__title {
margin-top: 30px;
}
.featured-blog__header {
padding-top: 30px;
}
.featured-blog__header-image {
height: calc(100vh - 60px);
}
.featured-blog__article {
margin-top: 30px;
}
@media only screen and (min-width: 768px) {
.featured-blog__article-content {
padding: 0 30px;
}
}
.featured-blog__article-image {
display: block;
}
@media only screen and (max-width: 767px) {
.featured-blog {
margin-top: 0;
}
.featured-blog .featured-blog__header {
margin-top: -30px;
}
.featured-blog .article {
padding-bottom: 20px;
}
.featured-blog .article__title {
margin-top: 20px;
}
.featured-blog .article__tags,
.featured-blog .article__meta {
display: none;
}
.featured-blog .featured-blog__article {
margin-top: 0;
margin-bottom: 20px;
padding-top: 20px;
}
.featured-blog__header-image {
height: 55vh;
min-height: 340px;
}
}
@media only screen and (max-width: 479px) {
.featured-blog__article {
padding-left: 20px;
padding-right: 20px;
}
.featured-blog__article .content-products {
margin-left: -20px;
margin-right: -20px;
padding-left: 40px;
padding-right: 20px;
}
.featured-blog__header-image {
border-radius: 0;
}
}
.featured-collection--product .product-block {
padding: 0;
width: 100%;
}
.standout-collection-section .slider-container {
height: 100%;
}
.standout-collection-flex {
display: flex;
flex-wrap: wrap;
}
.standout-collection-flex .rimage-background {
min-height: 100%;
}
.standout-collection-flex .slider-container {
align-self: center;
}
.standout-collection-flex .desktop-background-image,
.standout-collection-flex .standout-collection__image--svg-placeholder {
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
@media only screen and (min-width: 768px) {
.standout-collection-flex--reverse > *:first-child {
order: 1;
}
}
.standout-collection__overlay-container {
position: relative;
width: 100%;
}
.standout-collection__image {
display: none;
}
.standout-collection-slider {
width: 280px;
height: auto;
margin: 180px auto;
z-index: 1;
}
.standout-collection-slider .standout-collection__image-placeholder {
display: block;
}
.standout-collection__price-placeholder {
text-align: center;
}
.standout-collection-slider__controls {
display: flex;
justify-content: space-between;
position: absolute;
width: 380px;
top: calc(50% - 40px);
right: 50%;
transform: translate(50%, -50%);
z-index: 0;
}
.standout-collection-slider__controls .icon {
transition: opacity 0.25s;
}
.standout-collection-slider__controls .icon:hover {
color: inherit;
opacity: .7;
}
@media only screen and (max-width: 1180px) {
.standout-collection-slider__controls {
width: 360px;
}
}
@media only screen and (max-width: 1080px) {
.standout-collection-slider {
width: 220px;
}
.standout-collection-slider__controls {
width: 280px;
}
}
@media only screen and (max-width: 880px) {
.standout-collection-slider {
margin-top: 60px;
margin-bottom: 60px;
}
}
@media only screen and (max-width: 767px) {
.standout-collection-section .slider-container {
margin-left: 0;
padding-left: 0;
padding-right: 0;
overflow: hidden;
}
.standout-collection-section .slider-container .btn--quicklook {
display: none;
}
.standout-collection-section .slick-track {
display: block;
}
.standout-collection-section .desktop-background-image {
display: none;
}
.standout-collection-section .standout-collection__image--svg-placeholder {
position: static;
}
.standout-collection-slider {
width: auto;
margin-top: 30px;
margin-bottom: 30px;
}
.standout-collection-slider__controls {
display: none;
}
.standout-collection-flex .rimage-background {
margin-bottom: 120px;
}
.standout-collection__image {
display: block;
}
}
@media only screen and (max-width: 479px) {
.standout-collection-flex {
border-radius: 0;
}
}
.get-the-look {
margin-top: -30px;
}
.get-the-look__image-container {
margin-top: 30px;
}
.get-the-look__products-container {
margin-top: 30px;
}
.get-the-look__product {
margin: 30px 18% 0;
height: 100%;
display: block;
padding-bottom: 90px;
}
.get-the-look__product:first-child {
padding-top: 18%;
}
.get-the-look__product:last-child {
padding-bottom: 18%;
}
@media only screen and (min-width: 768px) {
.get-the-look__image-container .rimage-outer-wrapper {
height: calc(100vh - 60px);
}
.get-the-look__image-container .rimage-wrapper {
padding: 0 !important;
height: 100%;
}
.get-the-look__image-container .rimage-wrapper .rimage__image {
object-fit: cover;
}
}
@media only screen and (max-width: 767px) {
.get-the-look {
border-radius: 0px;
margin-top: 0;
margin-left: 0;
}
.get-the-look .grid__item {
padding-left: 0;
}
.get-the-look .get-the-look__image-container {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.get-the-look .get-the-look__products-container {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.get-the-look__products-container,
.get-the-look__image-container {
margin-top: 0;
}
.get-the-look__products-container--margin-top {
padding-top: 20px;
}
.get-the-look__product {
padding-bottom: 20px;
width: auto;
margin-left: 0;
margin-right: 0;
}
.get-the-look__product:last-child {
padding-bottom: 0;
}
.get-the-look__product:first-child {
padding-top: 0;
}
}
@media only screen and (max-width: 479px) {
.get-the-look {
border-radius: 0;
}
.get-the-look .get-the-look__image-container,
.get-the-look .get-the-look__products-container {
border-radius: 0;
}
}
.image-with-text {
align-items: center;
}
.image-with-text .image-with-text__content {
padding: 60px;
}
.image-with-text .image-with-text__text {
margin-top: 15px;
}
.image-with-text .image-with-text__link {
margin-top: 25px;
display: inline-block;
}
.image-with-text--reverse {
flex-direction: row-reverse;
}
@media only screen and (min-width: 768px) {
.image-with-text__image--inset {
padding-left: 30px;
}
.image-with-text--reverse .image-with-text__image--inset {
padding-left: 0;
padding-right: 30px;
}
}
@media only screen and (max-width: 767px) {
.image-with-text__content {
padding: 45px 30px;
}
}
@media only screen and (max-width: 479px) {
.image-with-text {
border-radius: 0;
}
}
.video-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
}
.video-container iframe, .video-container object, .video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media only screen and (max-width: 479px) {
.video-container {
border-radius: 0;
}
}
.subscribe-section {
padding-left: 30px;
padding-right: 30px;
text-align: center;
}
.subscribe-section .subscribe-form::after {
display: none;
}
.subscribe-section .subscribe-form__inputs {
display: flex;
justify-content: space-between;
}
.subscribe-section .subscribe-form__email {
color: currentColor;
margin: 0;
padding-left: 0;
transition: background-color 0.25s;
}
.subscribe-section a {
color: inherit;
}
.subscribe-form-lightbox-response {
width: 500px;
max-width: 90vw;
padding: 30px;
text-align: center;
}
@media only screen and (max-width: 767px) {
.subscribe-section {
padding: 45px 30px;
}
.subscribe-section .subscribe-form {
padding-bottom: 0;
}
}
@media only screen and (max-width: 479px) {
.subscribe-section {
border-radius: 0;
}
.subscribe-section .subscribe-form__inputs {
flex-direction: column;
}
.subscribe-section .subscribe-form__submit {
margin: 20px 0 0 0;
}
}
.blog-featured-image {
border-radius: 0 0px 0 0;
overflow: hidden;
transition: border-radius 3s;
}
.blog-image {
left: 0;
top: 0;
width: 100%;
height: 100vh;
}
.blog-tags {
margin-top: 15px;
}
.blog-rsslink {
color: currentColor;
display: block;
margin-bottom: 15px;
margin-top: -10px;
}
.blog-articles-list {
max-width: calc((1340px / 2) + (30px * 2));
margin: 0 auto;
padding: 0 30px;
}
.blog-articles-list__image {
display: block;
margin: 0 0 30px;
}
.blog-articles-list__image .rimage-outer-wrapper .rimage-wrapper {
transform: scale(1);
transition: transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.blog-articles-list__image:hover .rimage-outer-wrapper .rimage-wrapper {
transform: scale(1.05);
}
.blog .overlay {
bottom: 50%;
left: 50%;
transform: translate(-50%, 50%);
min-width: 340px;
}
.blog .single-column-layout {
display: flex;
justify-content: center;
}
.blog .single-column-layout .one-half {
max-width: calc(100% - (30px * 2));
width: 900px;
}
.blog .single-column-layout .blog-articles-list {
max-width: initial;
width: 100%;
padding: 60px 0 0;
margin: 0;
}
.blog .single-column-layout .blog-rsslink {
display: inline-block;
position: absolute;
right: 0;
top: 30px;
}
.is_stuck .blog-featured-image {
animation: radius-corners .3s ease-in-out 1 forwards;
}
@media only screen and (max-width: 767px) {
.blog-image {
height: 55vh;
}
.blog-featured-image {
border-radius: 0;
margin-bottom: -30px;
}
.blog-articles-list__image {
margin: 20px 0;
}
.blog .blog-articles-list {
padding: 20px 0 0;
}
.blog .article-block .content-products {
margin-left: 0;
margin-right: 0;
padding: 0 20px;
}
.blog .single-column-layout .one-half {
max-width: 100%;
}
.blog .single-column-layout .blog-rsslink {
top: 0;
right: 20px;
}
.blog-rsslink {
top: -15px;
}
.blog .overlay {
bottom: 30px;
transform: translate(-50%, 0);
min-width: 0;
}
}
@media only screen and (max-width: 479px) {
.blog-featured-image {
border-radius: 0;
}
.single-column-layout .blog-articles-list__image {
border-radius: 0;
}
}
.promotional-row .image_before,
.promotional-row .image_after {
flex-direction: column;
flex-wrap: nowrap;
}
.promotional-row .image_before .promotional-row__container,
.promotional-row .image_before .promotional-image,
.promotional-row .image_after .promotional-row__container,
.promotional-row .image_after .promotional-image {
overflow: hidden;
}
.promotional-row .image_before .promotional-row__container {
border-radius: 0 0 0px 0px;
}
.promotional-row .image_before .promotional-image {
border-radius: 0px 0px 0 0;
}
.promotional-row .image_after .promotional-row__container {
border-radius: 0px 0px 0 0;
}
.promotional-row .image_after .promotional-image {
border-radius: 0 0 0px 0px;
}
.promotional-row .text_over_image .promotional-row__content {
width: calc(100% - (150px));
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
}
.promotional-row .text_over_image .promotional-row__container {
position: relative;
z-index: 1;
min-height: initial;
}
.promotional-row .text_over_image .promotional-image {
border-radius: 0px;
overflow: hidden;
}
.promotional-row .promotional-image.desktop-only {
position: absolute;
left: 30px;
top: 0;
right: 0;
height: 100%;
width: auto;
}
.promotional-row .single-block {
flex-direction: row;
width: 100%;
}
.promotional-row .single-block .promotional-image {
width: 50%;
}
.promotional-row .single-block.text_over_image {
width: 50%;
}
.promotional-row .single-block.text_over_image .promotional-image {
width: 100%;
}
.promotional-row .promotional-image {
width: 100%;
}
.promotional-row .promotional-image img {
display: block;
}
.promotional-row .promotional-image .rimage-background {
height: 100%;
}
.promotional-row .promotional-image .placeholder-svg {
width: auto;
}
.promotional-row .promotional-image.mobile-only {
display: none;
}
.promotional-row .promotional-row__container {
flex-grow: 1;
min-height: 340px;
display: flex;
flex-direction: column;
justify-content: center;
}
.promotional-row .promotional-row__content {
padding: 60px;
pointer-events: none;
}
.promotional-row .promotional-row__content a,
.promotional-row .promotional-row__content button {
pointer-events: auto;
}
.promotional-row .promotional-row__text {
margin-bottom: 15px;
}
.promotional-row .promotional-row__content--link {
display: inline-block;
margin-top: 15px;
}
@media only screen and (max-width: 1080px) and (min-width: 767px) {
.promotional-row .promotional-row__content {
padding: 40px 20px;
}
.promotional-row .promotional-row__title {
font-size: 1.75rem;
}
.promotional-row .promotional-row__text {
font-size: 1.2rem;
}
.promotional-row .text_over_image .promotional-row__content {
width: calc(100% - (15px * 7));
}
}
@media only screen and (max-width: 767px) {
.promotional-row {
flex-direction: column;
}
.promotional-row .extra-container {
width: 100%;
}
.promotional-row .single-block {
flex-direction: column;
}
.promotional-row .single-block .promotional-image {
width: 100%;
}
.promotional-row .single-block.text_over_image {
width: 100%;
}
.promotional-row .promotional-row__container {
min-height: initial;
}
.promotional-row .promotional-row__content {
position: static;
transform: translate(0, 0);
padding: 45px 30px;
width: 100%;
left: 50%;
}
.promotional-row .text_over_image .promotional-row__content--transparent-bg .standard-link {
color: #080808;
}
.promotional-row .text_over_image .promotional-row__content--transparent-bg .standard-link:hover {
color: #000000;
}
.promotional-row .text_over_image {
margin-bottom: 0;
}
.promotional-row .text_over_image .promotional-row__container {
height: auto;
min-height: initial;
max-height: initial;
transform: translate(0, -30px);
}
.promotional-row .text_over_image .promotional-row__content {
left: 0;
position: static;
transform: translate(0, 0);
width: calc(100% - (30px * 2));
margin: 0 auto;
}
.promotional-row .promotional-image.mobile-only {
display: block;
}
.promotional-row .promotional-image.desktop-only {
display: none;
}
.promotional-row .promotional-images-section .promotional-row .text_over_image .promotional-row__container {
background-color: transparent;
}
.promotional-images-section .promotional-row .text_over_image .promotional-row__container {
background-color: transparent;
}
.promotional-images-section .grid {
margin-left: 0;
}
.promotional-images-section .grid__item {
margin-bottom: 20px;
padding-left: 0;
}
.promotional-images-section .grid__item.text_over_image {
margin-bottom: 0;
}
.promotional-images-section.large-row {
margin-top: 0;
margin-bottom: 0;
}
}
@media only screen and (max-width: 479px) {
.promotional-row .text_over_image .promotional-row__content {
left: 0;
position: static;
transform: translate(0, 0);
width: calc(100% - (20px * 2));
}
.promotional-row .promotional-row__content {
padding: 40px 20px;
}
}
.map-section--load-error {
height: auto;
}
.map-section__error {
position: relative;
z-index: 3;
}
.map-section__content-wrapper {
margin: -50px auto 0;
}
.map-section__content {
position: relative;
background-color: #ffffff;
padding: 30px;
text-align: center;
z-index: 3;
}
.map-section__link {
display: block;
position: absolute;
top: 0;
left: 50%;
max-width: none;
width: 100%;
height: 100%;
z-index: 2;
transform: translateX(-50%);
}
.map-section__container {
position: relative;
height: 440px;
width: 100%;
}
.map_section__directions-btn > span {
vertical-align: middle;
}
.map_section__directions-btn .feather-icon {
display: inline-block;
margin-right: 0.3em;
}
.map-section__background-wrapper {
height: 350px;
overflow: hidden;
position: relative;
}
.map-section__background-wrapper .placeholder-background {
height: 100%;
}
.no-js .map-section__background-wrapper .js {
visibility: hidden;
}
.map-section__image {
height: 100%;
background-size: cover;
background-position: center;
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.map-section__image .rimage-background {
width: 100%;
height: 100%;
}
.map-section--display-map .map-section__image {
display: none !important;
}
.map-section--load-error .map-section__image {
display: block !important;
}
.gm-style-cc,
.gm-style-cc + div {
visibility: hidden;
}
@media only screen and (max-width: 479px) {
.map-section__background-wrapper {
border-radius: 0;
}
}
.shopify-challenge__container {
padding: 30px;
}
#shopify-section-password-template {
min-height: 100vh;
position: relative;
}
.template-password {
text-align: center;
}
.template-password #cboxContent {
background-color: #ffffff;
}
.password-page-container {
position: relative;
min-height: 100vh;
display: flex;
flex-direction: column;
justify-content: space-between;
z-index: 1;
height: 100%;
padding-bottom: 90px;
}
.password-background-image {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 0;
}
.password-background-image::after {
content: '';
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.password-background-image .rimage-background {
height: 100%;
}
.password-login-link {
color: inherit;
text-align: right;
position: absolute;
padding: 30px;
top: 0;
right: 0;
z-index: 3;
}
.password-page-content {
padding-bottom: 15px;
position: relative;
}
.password-page-content::after {
content: '';
position: absolute;
background-color: currentColor;
height: 1px;
width: 30%;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
.password-form-title {
margin-bottom: 15px;
}
.password-form-subtitle a,
.password-form-subtitle a:hover {
color: inherit;
}
.password-form-container {
display: flex;
justify-content: center;
}
.password-form-container .password-form-label {
color: inherit;
}
.password-form-container .password-form-submit {
margin-left: 15px;
}
.password-social-icons .social-links__list {
display: flex;
justify-content: center;
}
.password-social-icons .social-links__list a {
color: inherit;
}
.password-social-icons-title {
margin-bottom: 10px;
}
.password-footer {
display: block;
line-height: 1.5;
}
.password-shopify-link {
color: inherit;
display: inline-block;
vertical-align: bottom;
}
#password-login {
max-width: 500px;
padding: 30px;
}
@media only screen and (max-width: 767px) {
.password-page-container {
padding: 60px 20px 20px;
height: auto;
}
.password-page-container main {
width: 100%;
}
.password-page-container .contact-form {
max-width: 100%;
}
.password-login-link {
padding: 20px;
}
.password-form-container .password-form-submit {
padding-left: 20px;
padding-right: 20px;
min-width: auto;
width: 150px;
}
#password-login {
max-width: 300px;
}
}
/*================ COMPONENTS ================*/
/*================ Icons ================*/
.icon {
display: inline-block;
fill: currentColor;
height: 24px;
vertical-align: text-top;
width: 24px;
}
.no-svg .icon {
display: none;
}
.icon--header .icon {
height: 30px;
width: 30px;
margin: 5px;
vertical-align: top;
}
.feather-icon .icon,
.feather-icon.icon {
fill: transparent;
stroke: currentColor;
stroke-width: 2px;
}
.icon--wide {
width: 40px;
}
.icon-beside-text {
display: inline-block;
vertical-align: middle;
}
.text-beside-icon {
vertical-align: middle;
}
svg.icon:not(.icon--full-color) circle,
svg.icon:not(.icon--full-color) ellipse,
svg.icon:not(.icon--full-color) g,
svg.icon:not(.icon--full-color) line,
svg.icon:not(.icon--full-color) path,
svg.icon:not(.icon--full-color) polygon,
svg.icon:not(.icon--full-color) polyline,
svg.icon:not(.icon--full-color) rect,
symbol.icon:not(.icon--full-color) circle,
symbol.icon:not(.icon--full-color) ellipse,
symbol.icon:not(.icon--full-color) g,
symbol.icon:not(.icon--full-color) line,
symbol.icon:not(.icon--full-color) path,
symbol.icon:not(.icon--full-color) polygon,
symbol.icon:not(.icon--full-color) polyline,
symbol.icon:not(.icon--full-color) rect {
fill: inherit;
stroke: inherit;
stroke-linecap: round;
}
/*============================================================================
A generic way to visually hide content while
remaining accessible to screen readers (h5bp.com)
==============================================================================*/
.icon-fallback-text {
position: absolute !important;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
}
.no-svg .icon-fallback-text {
position: static !important;
overflow: auto;
clip: auto;
width: auto;
height: auto;
margin: 0;
}
/*================ Payment Icons ================*/
.payment-icons {
-moz-user-select: "none";
-ms-user-select: "none";
-webkit-user-select: "none";
user-select: "none";
cursor: default;
}
/*================ Shopify icon on password page ================*/
.icon-shopify-logo {
width: 82.28571428571429px;
height: 24.0px;
}
/*================ Links & Buttons ================*/
button,
input[type="submit"], .btn, .theme-product-reviews .spr-summary-actions-newreview,
.btn--primary {
-moz-user-select: "none";
-ms-user-select: "none";
-webkit-user-select: "none";
user-select: "none";
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 1px;
display: inline-block;
font-size: 1rem;
line-height: 1.4em;
min-width: 148px;
padding: 11px 39px;
text-align: center;
text-decoration: none;
vertical-align: middle;
width: auto;
border-radius: 0px;
border: 0;
box-shadow: 0 0 0 1px #1a1a1a;
background-color: #1a1a1a;
color: #ffffff;
transition: background-color 0.25s, color 0.25s, box-shadow 0.25s;
}
button:hover,
input[type="submit"]:hover,
.btn:hover,
.theme-product-reviews .spr-summary-actions-newreview:hover,
.btn--primary:hover {
background-color: #ffffff;
box-shadow: 0 0 0 1px rgba(26, 26, 26, 0.25);
color: #1a1a1a;
}
button[disabled],
input[type="submit"][disabled],
.btn[disabled],
.theme-product-reviews .spr-summary-actions-newreview[disabled],
.btn--primary[disabled] {
opacity: 0.5;
}
button.btn--secondary, .theme-product-reviews button.spr-summary-actions-newreview, button.btn--quicklook,
input[type="submit"].btn--secondary,
.theme-product-reviews input.spr-summary-actions-newreview[type="submit"],
input.btn--quicklook[type="submit"],
.btn.btn--secondary,
.theme-product-reviews .spr-summary-actions-newreview,
.btn.btn--quicklook {
box-shadow: 0 0 0 1px rgba(26, 26, 26, 0.25);
background-color: #ffffff;
color: #1a1a1a;
}
button.btn--secondary:hover, .theme-product-reviews button.spr-summary-actions-newreview:hover, button.btn--quicklook:hover,
input[type="submit"].btn--secondary:hover,
.theme-product-reviews input.spr-summary-actions-newreview[type="submit"]:hover,
input.btn--quicklook[type="submit"]:hover,
.btn.btn--secondary:hover,
.theme-product-reviews .spr-summary-actions-newreview:hover,
.btn.btn--quicklook:hover {
box-shadow: 0 0 0 1px #1a1a1a;
background-color: #1a1a1a;
color: #ffffff;
}
button.btn--subtle-hover:hover,
input[type="submit"].btn--subtle-hover:hover,
.btn.btn--subtle-hover:hover,
.theme-product-reviews .btn--subtle-hover.spr-summary-actions-newreview:hover {
box-shadow: 0 0 0 1px #4d4d4d;
background-color: #4d4d4d;
color: #ffffff;
}
.btn--wide {
min-width: 204px;
}
.btn.btn--fullwidth, .theme-product-reviews .btn--fullwidth.spr-summary-actions-newreview {
width: calc(100% - 2px);
}
.btn--plain, .payment-buttons .shopify-payment-button__more-options {
margin: 0;
padding: 0;
background-color: transparent;
border: 0;
box-shadow: none;
color: inherit;
min-width: 0;
}
.btn--plain:hover, .payment-buttons .shopify-payment-button__more-options:hover {
background-color: transparent;
border: 0;
box-shadow: none;
color: inherit;
}
.btn--quicklook {
margin-top: 30px;
}
.pswp__button {
min-width: 0;
box-shadow: none;
}
.pswp__button:hover {
background-color: transparent;
border: 0;
box-shadow: none;
}
@media only screen and (min-width: 768px) {
.btn.btn--small, .theme-product-reviews .btn--small.spr-summary-actions-newreview {
padding: 8px 14px;
min-width: 118px;
}
}
@media only screen and (max-width: 767px) {
.btn, .theme-product-reviews .spr-summary-actions-newreview {
font-size: 1rem;
}
}
.announcement-bar {
position: relative;
z-index: 1;
}
.announcement-bar__content {
display: block;
text-decoration: none;
padding-bottom: 4px;
padding-top: 4px;
font-size: 0.875rem;
text-align: center;
transition: background-color 0.25s;
}
.social-links__list {
display: flex;
flex-wrap: wrap;
}
.social-links__list li {
display: block;
margin: 0 6px 6px 0;
padding: 0 4px 4px 0;
}
.footer-social-icons .icon {
color: #000000;
fill: #000000;
}
.footer-social-icons__title {
font-size: 16px;
font-weight: 400;
margin-top: 0;
}
.sharing {
margin: 30px 0;
}
.sharing-link {
text-decoration: none;
color: inherit;
margin: 0 20px 0 0;
}
.sharing-list {
display: flex;
}
.article .sharing-label {
display: none;
}
.social-custom {
width: 24px;
height: 24px;
display: block;
}
@media only screen and (min-width: 768px) {
.social-links svg,
.sharing-link svg {
transition: transform 0.25s;
}
.social-links svg:hover,
.sharing-link svg:hover {
transform: scale(1.1);
}
}
@media only screen and (max-width: 767px) {
.footer-social-icons {
padding-left: 20px;
padding-top: 30px;
}
.footer-social-icons__title {
display: none;
}
}
.navigation__container {
align-items: center;
display: flex;
justify-content: space-between;
}
.nav {
font-family: Quattrocento, serif;
font-weight: 400;
font-style: normal;
}
.nav__link {
display: block;
text-decoration: none;
transition: color 0.25s;
}
.header-navigation {
background-color: #f0dddd;
padding-top: 12px;
position: relative;
z-index: 3;
}
.site-nav {
margin: 0 0 0 -12px;
padding: 0;
width: 100%;
white-space: nowrap;
overflow-x: hidden;
}
.site-nav > .site-nav__item {
display: inline-block;
font-size: 16px;
}
.site-nav .site-nav__link {
display: block;
text-decoration: none;
}
.site-nav > .site-nav__item > .site-nav__link {
position: relative;
padding: 0 15px 12px 15px;
color: #222222;
}
.site-nav > .site-nav__item > .site-nav__link:hover {
color: #222222;
}
.site-nav .site-nav__invisible {
right: 0;
}
.site-nav > .site-nav__item > .site-nav__link::after {
background-color: #222222;
bottom: 0;
content: '';
height: 3px;
left: 0;
position: absolute;
transform: scaleY(0);
transition: transform 0.25s;
transform-origin: bottom;
width: 100%;
}
.site-nav__item:hover .site-nav__link:after {
transform: scaleY(1);
}
.site-nav__item.site-nav--active .site-nav__link:after {
transform: scaleY(1);
}
.site-nav__icon {
display: inline-block;
vertical-align: middle;
position: relative;
margin-left: 0.1em;
height: 1em;
width: 18px;
}
.site-nav__icon .icon {
position: absolute;
left: 0;
top: 50%;
margin-top: -9px;
height: 18px;
width: 18px;
}
.site-nav__dropdown {
display: none;
position: absolute;
top: 100%;
z-index: 6;
background-color: #ffffff;
font-size: 14.0px;
color: rgba(34, 34, 34, 0.7);
white-space: normal;
width: 240px;
border-bottom: 3px solid #222222;
box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.15);
}
.site-nav__dropdown--with-promo {
width: 480px;
}
.site-nav__item--has-dropdown.open > .site-nav__dropdown,
.no-js .site-nav__item--has-dropdown:hover > .site-nav__dropdown {
display: block;
}
.site-nav .site-nav__dropdown-heading,
.site-nav .site-nav__dropdown-link[href="#"] {
margin: 0 0 0.25em;
font-size: 16px;
color: #222222;
}
.site-nav .site-nav__dropdown-heading:hover,
.site-nav .site-nav__dropdown-link[href="#"]:hover {
color: #222222;
}
.mega-dropdown__subitem:not(:first-child) .site-nav__dropdown-link[href="#"],
.small-dropdown__item:not(:first-child) .site-nav__dropdown-link[href="#"],
.site-nav__promo .site-nav__dropdown-heading {
margin-top: 0.5em;
}
.site-nav__dropdown-link {
margin: 0.25em 0;
color: rgba(34, 34, 34, 0.7);
}
.site-nav__dropdown-link:hover {
color: #222222;
}
.small-dropdown {
padding: 15px;
}
.small-dropdown .small-dropdown__item:not(:first-child) .site-nav__dropdown-heading {
margin-top: 15px;
}
.small-dropdown .small-dropdown__item:not(:last-child) .site-nav__submenu {
margin-bottom: 15px;
}
.mega-dropdown {
left: 0;
width: 100%;
padding-bottom: 15px;
padding-top: 15px;
}
.mega-dropdown__item {
padding-bottom: 15px;
}
.site-nav__more-links > .site-nav__dropdown > .small-dropdown__container > .site-nav__item > .site-nav__link {
margin: 0.25em 0;
color: rgba(34, 34, 34, 0.7);
}
.site-nav__more-links > .site-nav__dropdown > .small-dropdown__container > .site-nav__item > .site-nav__link:hover {
color: #222222;
}
.site-nav__invisible {
position: absolute !important;
pointer-events: none !important;
opacity: 0 !important;
}
.more-links--with-dropdown > .site-nav__dropdown {
left: 0;
width: 100%;
padding: 15px 30px;
}
.more-links--with-dropdown > .site-nav__dropdown > .page-width > .small-dropdown__container {
width: 25%;
}
.more-links--with-dropdown > .site-nav__dropdown > .page-width > .small-dropdown__container > .site-nav__item {
border-bottom: 1px solid rgba(34, 34, 34, 0.3);
}
.more-links--with-dropdown > .site-nav__dropdown > .page-width > .small-dropdown__container > .site-nav__item > .site-nav__link {
position: relative;
margin: 0;
padding: 15px 33px 15px 0;
font-size: 16px;
color: #222222;
}
.more-links--with-dropdown > .site-nav__dropdown > .page-width > .small-dropdown__container > .site-nav__item > .site-nav__link > .site-nav__icon {
position: absolute;
top: 50%;
right: 10px;
margin-top: -9px;
transform: rotate(-90deg);
}
.more-links--with-dropdown > .site-nav__dropdown > .page-width > .small-dropdown__container > .site-nav__item:last-child {
border-bottom: none;
}
.more-links--with-dropdown > .site-nav__dropdown > .page-width > .small-dropdown__container > .site-nav__item.open > .site-nav__dropdown,
.more-links--with-dropdown > .site-nav__dropdown > .page-width > .small-dropdown__container > .site-nav__item:hover > .site-nav__dropdown {
display: none;
}
.more-links__dropdown-container {
position: absolute;
left: 25%;
right: 30px;
top: 0;
padding-top: 15px;
padding-left: 30px;
}
.more-links__dropdown-container .site-nav__dropdown {
position: static;
display: block !important;
border: none;
box-shadow: none;
background: transparent;
padding: 0;
}
.more-links__dropdown-container .site-nav__link::after {
display: none;
}
.more-links__dropdown-container .page-width {
max-width: none;
}
.more-links__parent--inactive > .site-nav__link {
opacity: 0.5;
}
.footer-nav--inline .footer-nav__item {
display: inline-block;
margin-right: 15px;
}
.footer-nav__link {
color: #000000;
fill: #000000;
font-size: 16px;
padding: 3px 20px 3px 0;
}
.footer-nav__submenu {
font-size: 14.0px;
font-weight: 400;
margin-bottom: 15px;
}
.footer-nav__submenu .footer-nav__link {
color: rgba(0, 0, 0, 0.8);
}
.footer-nav__link--top {
margin-bottom: 7.5px;
padding-top: 0;
}
.small-nav {
display: flex;
font-size: 0.75rem;
flex-wrap: wrap;
}
.small-nav__link {
color: #000000;
fill: #000000;
position: relative;
padding-right: 15px;
text-decoration: none;
}
.small-nav__item:not(:last-child) .small-nav__link:after {
background-color: rgba(0, 0, 0, 0.3);
content: '';
height: 100%;
position: absolute;
right: 7.5px;
top: 0;
width: 1px;
}
@media only screen and (min-width: 768px) {
.footer-nav__link,
.small-nav__link {
transition: opacity 0.25s;
}
.footer-nav__link:hover,
.small-nav__link:hover {
color: #000000;
opacity: .7;
}
}
.mobile-site-nav {
display: none;
margin: 0 20px 20px;
}
.mobile-site-nav__item {
display: flex;
flex-wrap: wrap;
border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}
.mobile-site-nav__link {
position: relative;
display: block;
flex-grow: 1;
padding: 15px 7.5px;
font-size: 1.13rem;
color: #000000;
text-decoration: none;
}
.mobile-site-nav__link:hover {
color: #000000;
}
.mobile-site-nav .mobile-site-nav__icon {
padding: 0 25px;
margin: 12px 0;
border-left: 1px solid rgba(0, 0, 0, 0.25);
border-radius: 0;
}
.mobile-site-nav .mobile-site-nav__icon .icon {
width: 18px;
height: 18px;
vertical-align: top;
transition: transform 0.25s;
}
.mobile-site-nav .mobile-site-nav__icon.submenu-open .icon {
transform: rotate(180deg);
}
.mobile-site-nav__menu {
display: none;
width: 100%;
padding-left: 15px;
}
.mobile-site-nav__menu .mobile-site-nav__item {
border-bottom: 0;
}
@media only screen and (max-width: 767px) {
.mobile-site-nav {
display: block;
}
.site-nav {
display: none;
}
.header-navigation {
display: block;
padding: 0;
position: static;
pointer-events: none;
}
.header-navigation .navigation__container {
opacity: 0;
transition: all 150ms cubic-bezier(0.46, 0.03, 0, 1);
display: block;
position: fixed;
left: 0;
top: 0;
height: 100%;
width: 100%;
padding: 20px 0;
background-color: #f0dddd;
color: #000000;
z-index: 999;
overflow: scroll;
}
.header-navigation .navigation__container .site-nav__item:first-child .site-nav__link {
padding-left: 20px;
}
.header-navigation .mobile-menu-utils,
.header-navigation .mobile-menu-search-bar,
.header-navigation .mobile-site-nav,
.header-navigation .header-social-icons {
opacity: 0;
transform: translate3d(0, -10px, 0);
transition: all 350ms cubic-bezier(0.46, 0.03, 0, 1);
}
.header-navigation .mobile-menu-utils {
transition-delay: 100ms;
}
.header-navigation .mobile-menu-search-bar {
transition-delay: 200ms;
}
.header-navigation .mobile-site-nav {
transition-delay: 300ms;
}
.header-navigation .header-social-icons {
transition-delay: 400ms;
}
.header-navigation .mobile-menu-search-bar .mobile-menu-search {
pointer-events: none;
}
.header-navigation--open {
pointer-events: auto;
}
.header-navigation--open .navigation__container {
opacity: 1;
}
.header-navigation--open .mobile-menu-utils,
.header-navigation--open .mobile-menu-search-bar,
.header-navigation--open .mobile-site-nav,
.header-navigation--open .header-social-icons {
opacity: 1;
transform: translate3d(0, 0, 0);
}
.header-navigation--open .mobile-menu-search-bar .mobile-menu-search {
pointer-events: auto;
}
.footer-navigation {
padding-top: 15px;
}
.footer-nav.grid {
margin-left: 0;
}
.footer-nav--inline .footer-nav__item {
display: block;
}
.footer-nav--dropdowns .footer-nav__item {
border-bottom: 1px solid rgba(0, 0, 0, 0.3);
padding-left: 0;
padding-top: 15px;
}
}
.template-blog .store-messages-bar {
margin-bottom: 0;
}
.store-messages-bar {
background-color: #181717;
color: #ffffff;
position: relative;
z-index: 1;
}
.store-messages {
align-items: center;
display: flex;
justify-content: space-between;
text-align: center;
overflow: hidden;
}
.store-message {
font-size: 0.875rem;
flex: 1 0 33%;
padding: 8px;
position: relative;
}
.js-messages-slider > .store-message {
flex: 0 0 100%;
}
@media only screen and (max-width: 767px) {
.js-mobile-messages-slider > .store-message {
flex: 0 0 100%;
}
}
.store-message--static:not(:first-child)::before {
position: absolute;
content: '';
height: 15px;
width: 1px;
left: 0;
top: 50%;
transform: translateY(-50%);
background-color: rgba(255, 255, 255, 0.7);
}
.store-message-link {
color: inherit;
text-decoration: none;
transition: opacity 0.25s;
}
.store-message-link:hover {
color: inherit;
opacity: .7;
}
@media only screen and (max-width: 767px) {
.store-message--static::before {
display: none;
}
}
.customer-account {
position: relative;
}
.customer-account__menu {
background-color: #ffffff;
border-bottom: 3px solid #222222;
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15);
display: none;
left: 50%;
padding: 15px;
position: absolute;
top: 100%;
transform: translateX(-50%);
min-width: 160px;
width: max-content;
}
.customer-account__link {
color: #222222;
}
.customer-account__link a {
color: #222222;
font-weight: 500;
transition: opacity 0.25s;
}
.customer-account__link a:hover {
opacity: .6;
}
@media only screen and (min-width: 768px) {
.customer-account:not(.customer-account--using-touch):hover .customer-account__menu,
.customer-account--reveal-menu .customer-account__menu {
display: block;
}
}
.cart-discount-list {
margin: 1em 0;
}
.cart-discount-list:last-child {
margin-bottom: 0;
}
.cart-discount {
list-style: none;
}
.cart-discount:not(:last-child) {
margin-bottom: 0.5em;
}
.cart-discount__amount::before {
content: '-';
}
.cart-discount--inline .cart-discount__label {
margin-right: 1em;
}
.search-bar {
background-color: transparent;
margin: 0 auto;
opacity: 0;
pointer-events: none;
position: relative;
z-index: 1;
transition: opacity 0.25s;
width: 70%;
}
.search-bar-open .search-bar,
.search-bar--open {
opacity: 1;
pointer-events: auto;
}
.search-bar-open .search-bar .search-form__icon,
.search-bar--open .search-form__icon {
opacity: 1;
}
.search-bar__container {
position: relative;
display: flex;
}
.search-form__icon {
opacity: 0;
transition: opacity 0.25s;
}
.search-form {
padding: 0;
width: 100%;
}
.search-form__input {
color: #222222;
margin: 0;
padding: 10px 15px;
width: 100%;
border: 0;
border-radius: 0;
}
.search-form__input:focus {
outline: none;
}
.search-form__input::placeholder {
color: #222222;
opacity: .75;
}
.search-form__button {
display: none;
}
.search-bar__results {
display: none;
position: absolute;
left: -30px;
top: 100%;
width: calc(100% + 60px);
color: #212B36;
background: #fff;
padding: 15px 0;
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15);
}
.search-bar--has-results .search-bar__results {
display: block;
}
.search-bar--loading-results .search-bar__results {
display: block;
}
.hide-for-search {
z-index: 1;
}
.search-bar-open .hide-for-search {
opacity: 0;
pointer-events: none;
}
.mobile-search,
.mobile-menu-search-bar {
display: none;
}
.mobile-menu-search-bar {
margin: 0 20px;
}
.mobile-menu-search {
padding-bottom: 5px;
background: rgba(0, 0, 0, 0.1);
border-radius: 3px;
opacity: 1;
width: auto;
}
.mobile-menu-search .search-form__icon {
opacity: 1;
}
.mobile-menu-search-bar .mobile-menu-search {
margin: 0 -5px 10px;
padding: 5px;
}
.settings-open-bar.desktop-only {
opacity: 1;
}
.settings-open-bar.desktop-only .search-form__icon {
opacity: 1;
position: absolute;
left: 0;
}
.settings-open-bar.desktop-only .search-form__input {
padding-left: 50px;
}
@media only screen and (min-width: 768px) {
.search-bar--fadein {
left: 15%;
position: absolute;
z-index: 0;
}
.search-bar--fadein.search-bar--open {
z-index: 2;
}
}
@media only screen and (max-width: 767px) {
.mobile-menu-search-bar {
display: block;
}
.mobile-search {
display: block;
z-index: 2;
}
.search-bar.mobile-search {
display: block;
position: absolute;
top: 10px;
left: 0;
margin: 0 20px;
opacity: 0;
transition: opacity 0.25s;
width: calc(100% - (20px * 2));
z-index: 0;
pointer-events: none;
}
.search-bar-open .search-bar.mobile-search {
opacity: 1;
transition: opacity 0.25s;
z-index: 3;
pointer-events: auto;
}
.search-bar-open .search-bar.mobile-search .search-form__icon {
opacity: 1;
}
.search-form__input {
color: #222222;
}
.search-bar--fadein {
padding: 0;
}
.desktop-only {
display: none;
}
}
.breadcrumbs {
position: relative;
z-index: 2;
background-color: #ffffff;
}
.breadcrumbs .breadcrumbs__links,
.breadcrumbs .breadcrumbs__opposing-links {
margin: 15px 0;
}
.breadcrumbs li {
list-style: none;
display: inline;
}
.breadcrumbs .feather-icon {
vertical-align: middle;
}
.breadcrumbs .icon {
opacity: 0.5;
width: 1.2em;
height: 1.2em;
}
.breadcrumbs::before, .breadcrumbs::after {
content: " ";
display: table;
}
.breadcrumbs__inner {
display: flex;
}
.breadcrumbs__links {
flex: 1 1 auto;
}
@media only screen and (min-width: 768px) {
.breadcrumbs__links:not(:last-child) {
margin-right: 15px;
}
}
.breadcrumbs__opposing-links {
flex: 0 0 auto;
}
.breadcrumbs__opposing-links:nth-of-type(2)::before {
content: '·';
margin: 0 0.6em;
font-size: 120%;
line-height: 1em;
opacity: 0.5;
}
/* To make up for extra padding at top of sticky columns */
.template-product .breadcrumbs__inner {
margin-bottom: -30px;
}
.rimage-outer-wrapper {
margin-left: auto;
margin-right: auto;
}
.rimage-wrapper {
position: relative;
transition: background 500ms;
}
.rimage-wrapper.lazyload--placeholder {
background: #f4f4f4;
}
.rimage-wrapper .rimage__image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.rimage-wrapper .rimage__image.blur-in {
-webkit-filter: blur(10px);
filter: blur(10px);
transition: filter 400ms, -webkit-filter 400ms;
}
.rimage-wrapper .rimage__image.blur-in.lazyloaded {
-webkit-filter: blur(0);
filter: blur(0);
}
.rimage-wrapper .rimage__image.fade-in {
opacity: 0;
transition: opacity 500ms;
}
.rimage-wrapper .rimage__image.fade-in.lazyloaded {
opacity: 1;
}
.rimage-wrapper .rimage__image.cover {
object-fit: cover;
}
.rimage-background {
background-size: cover;
background-position: center center;
}
.rimage-background.fade-in {
opacity: 0;
transition: all 0.25s;
}
.rimage-background.fade-in.lazyloaded {
opacity: 1;
}
.selectors-form__item {
display: inline-block;
margin: 15px 15px 0 0;
}
.selectors-form__item:last-of-type {
margin-right: 0;
}
.disclosure {
position: relative;
}
.disclosure__toggle {
background-color: transparent;
border: 1px solid currentColor;
border-radius: 0px;
box-shadow: none;
color: currentColor;
font-family: "Quattrocento Sans", sans-serif;
font-weight: 400;
font-style: normal;
line-height: 1.4em;
max-width: 100%;
min-width: 0;
padding: 9px 34px 9px 14px;
white-space: nowrap;
position: relative;
}
.disclosure__toggle .icon {
width: 20px;
position: absolute;
right: 9px;
top: 50%;
transform: translateY(-50%);
}
.disclosure__toggle:hover {
background-color: transparent;
box-shadow: none;
border: 1px solid currentColor;
color: currentColor;
}
.disclosure__toggle[aria-expanded="true"]::before, .disclosure__toggle[aria-expanded="true"]::after {
content: '';
position: absolute;
z-index: 1;
left: 18px;
top: 0;
margin-top: -8px;
width: 0;
height: 0;
border-style: solid;
border-width: 8px 8px 0 8px;
z-index: 3;
}
.disclosure__toggle[aria-expanded="true"]::before {
border-color: #dde0e4 transparent transparent transparent;
}
.disclosure__toggle[aria-expanded="true"]::after {
margin-top: -9px;
border-color: #fff transparent transparent transparent;
}
.disclosure-list {
background: #fff;
border: 1px solid #dde0e4;
border-radius: 3px;
color: #393939;
bottom: 115%;
margin: 0;
padding: 0;
position: absolute;
display: none;
min-height: 90px;
max-height: 300px;
overflow-y: auto;
z-index: 1;
}
.disclosure-list:hover .disclosure-list__item--current .disclosure-list__option:not(:hover) {
background: transparent;
}
.disclosure-list--visible {
display: block;
}
.disclosure-list__item {
white-space: nowrap;
text-align: left;
}
.disclosure-list__item:not(:last-child) {
border-bottom: 1px solid #f6f6f6;
}
.disclosure-list__option {
display: block;
padding: 9px 35px 9px 15px;
color: #393939;
text-decoration: none;
}
.disclosure-list__option:focus, .disclosure-list__option:hover {
color: #393939;
background-color: #f2f2f2;
}
.disclosure-list__item--current .disclosure-list__option {
background: #f2f2f2;
}
.footer-localization {
margin-bottom: 15px;
text-align: right;
}
.header-localization .disclosure .disclosure-list {
top: calc(100% + 8px);
bottom: auto;
z-index: 1;
}
.header-localization .disclosure .disclosure__toggle[aria-expanded="true"]::before, .header-localization .disclosure .disclosure__toggle[aria-expanded="true"]::after {
top: auto;
bottom: 0;
margin-top: auto;
margin-bottom: -10px;
border-width: 0px 8px 8px 8px;
}
.header-localization .disclosure .disclosure__toggle[aria-expanded="true"]::before {
border-color: transparent transparent #dde0e4 transparent;
}
.header-localization .disclosure .disclosure__toggle[aria-expanded="true"]::after {
margin-bottom: -11px;
border-color: transparent transparent #fff transparent;
}
.header-localization .selectors-form__item {
margin: 0 15px 0 0;
}
.header-localization--desktop .selectors-form {
white-space: nowrap;
}
.header-localization--desktop .disclosure .disclosure__toggle {
border: none;
padding: 0 24px 0 0;
min-width: 0;
}
.header-localization--desktop .disclosure .disclosure__toggle .icon {
right: 0;
}
.header-localization--mobile .selectors-form__item {
margin-top: -10px;
}
.header-localization--mobile .selectors-form__item {
margin-top: 10px;
}
@media only screen and (max-width: 767px) {
.footer-localization {
margin: 30px 0;
text-align: left;
}
}
.search-result {
display: flex;
align-items: center;
padding: 7.5px 30px;
color: inherit;
}
.search-result .search-result__image {
width: 40px;
height: 40px;
margin-right: 15px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 3px;
overflow: hidden;
text-align: center;
flex-shrink: 0;
}
.search-result .search-result__image img {
vertical-align: top;
}
.search-result .search-result__image .search-result__char {
font-size: 27px;
line-height: 40px;
opacity: 0.3;
}
.search-result:hover {
background: rgba(0, 0, 0, 0.05);
}
.search-result--empty,
.search-result--loading,
.search-result--more {
padding: 15px 30px 15px 85px;
}
.search-page-form {
display: flex;
justify-content: center;
}
.search-page-button {
margin: 6px;
}
.search-result__vendor {
font-size: 0.75rem;
line-height: 1.5;
}
@media only screen and (max-width: 479px) {
.search-page-form {
flex-wrap: wrap;
}
.search-page-form #Search,
.search-page-form .search-page-button {
width: 100%;
margin: 10px 0;
}
}
.tabs {
margin: 0 0 22.5px;
padding: 0;
text-align: center;
border-bottom: 1px solid rgba(26, 26, 26, 0.2);
display: flex;
justify-content: center;
align-items: flex-end;
}
.tabs li {
padding: 0;
display: inline-block;
min-width: min-content;
margin: 0 20px -1px;
}
@media only screen and (max-width: 767px) {
.tabs li {
margin: 0 10px -1px;
}
}
.tabs li:first-child {
margin-left: 0;
}
.tabs li:last-child {
margin-right: 0;
}
.tabs a {
display: block;
padding: 6px;
color: #1a1a1a;
text-decoration: none;
position: relative;
line-height: normal;
}
.tabs a:after {
position: absolute;
content: '';
background-color: #1a1a1a;
height: 3px;
width: 100%;
left: 0;
transform-origin: bottom;
transition: transform 0.25s;
transform: scaleY(0);
bottom: 0;
}
.tabs .tab--active:after {
transform: scaleY(1);
}
.tab-content {
display: none;
}
.tab-content--active,
.no-js .tab-content {
display: block;
}
@media only screen and (min-width: 768px) {
.tabs a:hover:after {
transform: scaleY(1);
}
}
.product-price__reduced {
color: #a96b6b;
}
.product-price__compare,
.product-price__compare-large {
font-size: 70%;
opacity: 0.5;
text-decoration: line-through;
}
.product-price__compare {
font-size: 70%;
}
.product-price__compare-large {
font-size: 50%;
}
.unit-price {
font-size: 0.75rem;
line-height: 1.5;
}
.product-block {
position: relative;
text-align: center;
}
.product-block .product-price {
font-size: 1.25rem;
line-height: 1.5;
}
.product-block .product-price__from,
.product-block .product-price__compare {
font-size: 1rem;
}
.product-block__image {
display: block;
position: relative;
overflow: hidden;
}
.product-block__title {
margin-top: 0.5em;
}
.product-block__title-link {
text-decoration: none;
color: inherit;
}
.product-block__vendor {
margin-bottom: 0.1em;
font-size: 0.75rem;
line-height: 1.5;
}
.product-label {
font-size: 0.875rem;
line-height: 1.4;
position: absolute;
padding: 0.25em 0.75em;
}
@media only screen and (max-width: 1023px) {
.product-label {
font-size: 0.75rem;
line-height: 1.5;
}
}
.product-label {
top: 0;
right: 0;
}
.product-label--on-sale {
color: #fff;
background: #a96b6b;
}
.product-label--sold-out {
color: #fff;
background: #444649;
}
.product-block__quicklook-btn {
width: 100%;
}
.product-swatch-inline[data-swatch-count="1"] {
display: none;
}
.product-swatch-inline__dot {
display: inline-block;
width: 10px;
height: 10px;
border-radius: 5px;
margin: 6px 1px 0;
box-shadow: inset 0 3px 3px -2px rgba(0, 0, 0, 0.25);
background-size: 100%;
}
.product-swatch-inline__dot.bg-white {
box-shadow: inset 0 3px 3px -2px rgba(0, 0, 0, 0.25), inset 0 0 0 1px rgba(0, 0, 0, 0.2);
}
.bg-alice-blue {
background-color: aliceblue;
}
.bg-antique-white {
background-color: antiquewhite;
}
.bg-aqua {
background-color: aqua;
}
.bg-aquamarine {
background-color: aquamarine;
}
.bg-azure {
background-color: azure;
}
.bg-beige {
background-color: beige;
}
.bg-bisque {
background-color: bisque;
}
.bg-black {
background-color: black;
}
.bg-blanched-almond {
background-color: blanchedalmond;
}
.bg-blue {
background-color: blue;
}
.bg-blue-violet {
background-color: blueviolet;
}
.bg-brown {
background-color: brown;
}
.bg-burlywood {
background-color: burlywood;
}
.bg-cadet-blue {
background-color: cadetblue;
}
.bg-chartreuse {
background-color: chartreuse;
}
.bg-chocolate {
background-color: chocolate;
}
.bg-coral {
background-color: coral;
}
.bg-cornflower-blue {
background-color: cornflowerblue;
}
.bg-cornsilk {
background-color: cornsilk;
}
.bg-crimson {
background-color: crimson;
}
.bg-cyan {
background-color: cyan;
}
.bg-dark-blue {
background-color: darkblue;
}
.bg-dark-cyan {
background-color: darkcyan;
}
.bg-dark-goldenrod {
background-color: darkgoldenrod;
}
.bg-dark-gray {
background-color: darkgray;
}
.bg-dark-grey {
background-color: darkgrey;
}
.bg-dark-green {
background-color: darkgreen;
}
.bg-dark-khaki {
background-color: darkkhaki;
}
.bg-dark-magenta {
background-color: darkmagenta;
}
.bg-dark-olive-green {
background-color: darkolivegreen;
}
.bg-dark-orange {
background-color: darkorange;
}
.bg-dark-orchid {
background-color: darkorchid;
}
.bg-dark-red {
background-color: darkred;
}
.bg-dark-salmon {
background-color: darksalmon;
}
.bg-dark-sea-green {
background-color: darkseagreen;
}
.bg-dark-slate-blue {
background-color: darkslateblue;
}
.bg-dark-slate-gray {
background-color: darkslategray;
}
.bg-dark-slate-grey {
background-color: darkslategrey;
}
.bg-dark-turquoise {
background-color: darkturquoise;
}
.bg-dark-violet {
background-color: darkviolet;
}
.bg-deep-pink {
background-color: deeppink;
}
.bg-deep-sky-blue {
background-color: deepskyblue;
}
.bg-dim-gray {
background-color: dimgray;
}
.bg-dim-grey {
background-color: dimgrey;
}
.bg-dodger-blue {
background-color: dodgerblue;
}
.bg-firebrick {
background-color: firebrick;
}
.bg-floral-white {
background-color: floralwhite;
}
.bg-forest-green {
background-color: forestgreen;
}
.bg-fuchsia {
background-color: fuchsia;
}
.bg-gainsboro {
background-color: gainsboro;
}
.bg-ghost-white {
background-color: ghostwhite;
}
.bg-gold {
background-color: gold;
}
.bg-goldenrod {
background-color: goldenrod;
}
.bg-gray {
background-color: gray;
}
.bg-grey {
background-color: grey;
}
.bg-green {
background-color: green;
}
.bg-green-yellow {
background-color: greenyellow;
}
.bg-honeydew {
background-color: honeydew;
}
.bg-hot-pink {
background-color: hotpink;
}
.bg-indian-red {
background-color: indianred;
}
.bg-indigo {
background-color: indigo;
}
.bg-ivory {
background-color: ivory;
}
.bg-khaki {
background-color: khaki;
}
.bg-lavender {
background-color: lavender;
}
.bg-lavender-blush {
background-color: lavenderblush;
}
.bg-lawn-green {
background-color: lawngreen;
}
.bg-lemon-chiffon {
background-color: lemonchiffon;
}
.bg-light-blue {
background-color: lightblue;
}
.bg-light-coral {
background-color: lightcoral;
}
.bg-light-cyan {
background-color: lightcyan;
}
.bg-light-goldenrod-yellow {
background-color: lightgoldenrodyellow;
}
.bg-light-gray {
background-color: lightgray;
}
.bg-light-grey {
background-color: lightgrey;
}
.bg-light-green {
background-color: lightgreen;
}
.bg-light-pink {
background-color: lightpink;
}
.bg-light-salmon {
background-color: lightsalmon;
}
.bg-light-sea-green {
background-color: lightseagreen;
}
.bg-light-sky-blue {
background-color: lightskyblue;
}
.bg-light-slate-gray {
background-color: lightslategray;
}
.bg-light-slate-grey {
background-color: lightslategrey;
}
.bg-light-steel-blue {
background-color: lightsteelblue;
}
.bg-light-yellow {
background-color: lightyellow;
}
.bg-lime {
background-color: lime;
}
.bg-lime-green {
background-color: limegreen;
}
.bg-linen {
background-color: linen;
}
.bg-magenta {
background-color: magenta;
}
.bg-maroon {
background-color: maroon;
}
.bg-medium-aquamarine {
background-color: mediumaquamarine;
}
.bg-medium-blue {
background-color: mediumblue;
}
.bg-medium-orchid {
background-color: mediumorchid;
}
.bg-medium-purple {
background-color: mediumpurple;
}
.bg-medium-sea-green {
background-color: mediumseagreen;
}
.bg-medium-slate-blue {
background-color: mediumslateblue;
}
.bg-medium-spring-green {
background-color: mediumspringgreen;
}
.bg-medium-turquoise {
background-color: mediumturquoise;
}
.bg-medium-violet-red {
background-color: mediumvioletred;
}
.bg-midnight-blue {
background-color: midnightblue;
}
.bg-mint-cream {
background-color: mintcream;
}
.bg-misty-rose {
background-color: mistyrose;
}
.bg-moccasin {
background-color: moccasin;
}
.bg-navajo-white {
background-color: navajowhite;
}
.bg-navy {
background-color: navy;
}
.bg-old-lace {
background-color: oldlace;
}
.bg-olive {
background-color: olive;
}
.bg-olive-drab {
background-color: olivedrab;
}
.bg-orange {
background-color: orange;
}
.bg-orange-red {
background-color: orangered;
}
.bg-orchid {
background-color: orchid;
}
.bg-pale-goldenrod {
background-color: palegoldenrod;
}
.bg-pale-green {
background-color: palegreen;
}
.bg-pale-turquoise {
background-color: paleturquoise;
}
.bg-pale-violet-red {
background-color: palevioletred;
}
.bg-papaya-whip {
background-color: papayawhip;
}
.bg-peach-puff {
background-color: peachpuff;
}
.bg-peru {
background-color: peru;
}
.bg-pink {
background-color: pink;
}
.bg-plum {
background-color: plum;
}
.bg-powder-blue {
background-color: powderblue;
}
.bg-purple {
background-color: purple;
}
.bg-rebecca-purple {
background-color: rebeccapurple;
}
.bg-red {
background-color: red;
}
.bg-rosy-brown {
background-color: rosybrown;
}
.bg-royal-blue {
background-color: royalblue;
}
.bg-saddle-brown {
background-color: saddlebrown;
}
.bg-salmon {
background-color: salmon;
}
.bg-sandy-brown {
background-color: sandybrown;
}
.bg-sea-green {
background-color: seagreen;
}
.bg-seashell {
background-color: seashell;
}
.bg-sienna {
background-color: sienna;
}
.bg-silver {
background-color: silver;
}
.bg-sky-blue {
background-color: skyblue;
}
.bg-slate-blue {
background-color: slateblue;
}
.bg-slate-gray {
background-color: slategray;
}
.bg-slate-grey {
background-color: slategrey;
}
.bg-snow {
background-color: snow;
}
.bg-spring-green {
background-color: springgreen;
}
.bg-steel-blue {
background-color: steelblue;
}
.bg-tan {
background-color: tan;
}
.bg-teal {
background-color: teal;
}
.bg-thistle {
background-color: thistle;
}
.bg-tomato {
background-color: tomato;
}
.bg-turquoise {
background-color: turquoise;
}
.bg-violet {
background-color: violet;
}
.bg-wheat {
background-color: wheat;
}
.bg-white {
background-color: white;
}
.bg-white-smoke {
background-color: whitesmoke;
}
.bg-yellow {
background-color: yellow;
}
.bg-yellow-green {
background-color: yellowgreen;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--alice-blue::after {
background-color: aliceblue;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--antique-white::after {
background-color: antiquewhite;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--aqua::after {
background-color: aqua;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--aquamarine::after {
background-color: aquamarine;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--azure::after {
background-color: azure;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--beige::after {
background-color: beige;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--bisque::after {
background-color: bisque;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--black::after {
background-color: black;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--blanched-almond::after {
background-color: blanchedalmond;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--blue::after {
background-color: blue;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--blue-violet::after {
background-color: blueviolet;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--brown::after {
background-color: brown;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--burlywood::after {
background-color: burlywood;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--cadet-blue::after {
background-color: cadetblue;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--chartreuse::after {
background-color: chartreuse;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--chocolate::after {
background-color: chocolate;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--coral::after {
background-color: coral;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--cornflower-blue::after {
background-color: cornflowerblue;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--cornsilk::after {
background-color: cornsilk;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--crimson::after {
background-color: crimson;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--cyan::after {
background-color: cyan;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--dark-blue::after {
background-color: darkblue;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--dark-cyan::after {
background-color: darkcyan;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--dark-goldenrod::after {
background-color: darkgoldenrod;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--dark-gray::after {
background-color: darkgray;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--dark-grey::after {
background-color: darkgrey;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--dark-green::after {
background-color: darkgreen;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--dark-khaki::after {
background-color: darkkhaki;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--dark-magenta::after {
background-color: darkmagenta;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--dark-olive-green::after {
background-color: darkolivegreen;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--dark-orange::after {
background-color: darkorange;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--dark-orchid::after {
background-color: darkorchid;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--dark-red::after {
background-color: darkred;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--dark-salmon::after {
background-color: darksalmon;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--dark-sea-green::after {
background-color: darkseagreen;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--dark-slate-blue::after {
background-color: darkslateblue;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--dark-slate-gray::after {
background-color: darkslategray;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--dark-slate-grey::after {
background-color: darkslategrey;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--dark-turquoise::after {
background-color: darkturquoise;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--dark-violet::after {
background-color: darkviolet;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--deep-pink::after {
background-color: deeppink;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--deep-sky-blue::after {
background-color: deepskyblue;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--dim-gray::after {
background-color: dimgray;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--dim-grey::after {
background-color: dimgrey;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--dodger-blue::after {
background-color: dodgerblue;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--firebrick::after {
background-color: firebrick;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--floral-white::after {
background-color: floralwhite;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--forest-green::after {
background-color: forestgreen;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--fuchsia::after {
background-color: fuchsia;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--gainsboro::after {
background-color: gainsboro;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--ghost-white::after {
background-color: ghostwhite;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--gold::after {
background-color: gold;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--goldenrod::after {
background-color: goldenrod;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--gray::after {
background-color: gray;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--grey::after {
background-color: grey;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--green::after {
background-color: green;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--green-yellow::after {
background-color: greenyellow;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--honeydew::after {
background-color: honeydew;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--hot-pink::after {
background-color: hotpink;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--indian-red::after {
background-color: indianred;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--indigo::after {
background-color: indigo;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--ivory::after {
background-color: ivory;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--khaki::after {
background-color: khaki;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--lavender::after {
background-color: lavender;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--lavender-blush::after {
background-color: lavenderblush;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--lawn-green::after {
background-color: lawngreen;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--lemon-chiffon::after {
background-color: lemonchiffon;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--light-blue::after {
background-color: lightblue;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--light-coral::after {
background-color: lightcoral;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--light-cyan::after {
background-color: lightcyan;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--light-goldenrod-yellow::after {
background-color: lightgoldenrodyellow;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--light-gray::after {
background-color: lightgray;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--light-grey::after {
background-color: lightgrey;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--light-green::after {
background-color: lightgreen;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--light-pink::after {
background-color: lightpink;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--light-salmon::after {
background-color: lightsalmon;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--light-sea-green::after {
background-color: lightseagreen;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--light-sky-blue::after {
background-color: lightskyblue;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--light-slate-gray::after {
background-color: lightslategray;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--light-slate-grey::after {
background-color: lightslategrey;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--light-steel-blue::after {
background-color: lightsteelblue;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--light-yellow::after {
background-color: lightyellow;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--lime::after {
background-color: lime;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--lime-green::after {
background-color: limegreen;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--linen::after {
background-color: linen;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--magenta::after {
background-color: magenta;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--maroon::after {
background-color: maroon;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--medium-aquamarine::after {
background-color: mediumaquamarine;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--medium-blue::after {
background-color: mediumblue;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--medium-orchid::after {
background-color: mediumorchid;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--medium-purple::after {
background-color: mediumpurple;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--medium-sea-green::after {
background-color: mediumseagreen;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--medium-slate-blue::after {
background-color: mediumslateblue;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--medium-spring-green::after {
background-color: mediumspringgreen;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--medium-turquoise::after {
background-color: mediumturquoise;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--medium-violet-red::after {
background-color: mediumvioletred;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--midnight-blue::after {
background-color: midnightblue;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--mint-cream::after {
background-color: mintcream;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--misty-rose::after {
background-color: mistyrose;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--moccasin::after {
background-color: moccasin;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--navajo-white::after {
background-color: navajowhite;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--navy::after {
background-color: navy;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--old-lace::after {
background-color: oldlace;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--olive::after {
background-color: olive;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--olive-drab::after {
background-color: olivedrab;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--orange::after {
background-color: orange;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--orange-red::after {
background-color: orangered;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--orchid::after {
background-color: orchid;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--pale-goldenrod::after {
background-color: palegoldenrod;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--pale-green::after {
background-color: palegreen;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--pale-turquoise::after {
background-color: paleturquoise;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--pale-violet-red::after {
background-color: palevioletred;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--papaya-whip::after {
background-color: papayawhip;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--peach-puff::after {
background-color: peachpuff;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--peru::after {
background-color: peru;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--pink::after {
background-color: pink;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--plum::after {
background-color: plum;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--powder-blue::after {
background-color: powderblue;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--purple::after {
background-color: purple;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--rebecca-purple::after {
background-color: rebeccapurple;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--red::after {
background-color: red;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--rosy-brown::after {
background-color: rosybrown;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--royal-blue::after {
background-color: royalblue;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--saddle-brown::after {
background-color: saddlebrown;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--salmon::after {
background-color: salmon;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--sandy-brown::after {
background-color: sandybrown;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--sea-green::after {
background-color: seagreen;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--seashell::after {
background-color: seashell;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--sienna::after {
background-color: sienna;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--silver::after {
background-color: silver;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--sky-blue::after {
background-color: skyblue;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--slate-blue::after {
background-color: slateblue;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--slate-gray::after {
background-color: slategray;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--slate-grey::after {
background-color: slategrey;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--snow::after {
background-color: snow;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--spring-green::after {
background-color: springgreen;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--steel-blue::after {
background-color: steelblue;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--tan::after {
background-color: tan;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--teal::after {
background-color: teal;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--thistle::after {
background-color: thistle;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--tomato::after {
background-color: tomato;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--turquoise::after {
background-color: turquoise;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--violet::after {
background-color: violet;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--wheat::after {
background-color: wheat;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--white::after {
background-color: white;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--white-smoke::after {
background-color: whitesmoke;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--yellow::after {
background-color: yellow;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes .opt--yellow-green::after {
background-color: yellowgreen;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes a {
position: relative;
padding: 3px;
width: 28px;
height: 28px;
border: 2px solid transparent;
border-radius: 100%;
overflow: hidden;
text-indent: -100em;
min-width: 0;
background: transparent;
border-color: rgba(26, 26, 26, 0.12);
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes a.active {
border-color: #1a1a1a;
background: transparent;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes a.unavailable {
opacity: 1;
color: inherit;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes a.unavailable::after {
opacity: 0.8;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes a.unavailable::before {
opacity: 0.15;
}
select[data-listed][data-colour-swatch="true"] + .clickyboxes a::after {
content: '';
position: absolute;
left: 2px;
top: 2px;
width: 20px;
height: 20px;
border-radius: 100%;
background-size: 100%;
}
/**
* For use in cart, order, ajax-added notification
*/
.product-summary {
display: flex;
}
.product-summary__image {
width: 25%;
margin-right: 15px;
}
.product-summary__content {
margin: 15px 0;
}
.product-summary__variants {
color: #767676;
font-size: 0.875rem;
}
.size-chart-link {
display: block;
margin-top: 15px;
margin-bottom: 30px;
}
.size-chart-container {
background: #ffffff;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 5000;
overflow: auto;
pointer-events: none;
opacity: 0;
transition: opacity 0.25s;
}
.size-chart-is-open .header-content,
.size-chart-is-open .header-navigation,
.size-chart-is-open .breadcrumbs,
.size-chart-is-open .docked-header--dock .docked-navigation-container__inner {
z-index: 0;
}
.size-chart-is-open .size-chart-container {
pointer-events: auto;
opacity: 1;
}
.size-chart-content {
position: absolute;
left: 50%;
top: 60px;
transform: translateX(-50%);
max-width: 100%;
width: 900px;
}
.size-chart-content table {
white-space: nowrap;
display: flex;
overflow: auto;
}
.size-chart-close {
position: absolute;
right: 30px;
top: 30px;
}
@media only screen and (max-width: 767px) {
.size-chart-close {
right: 20px;
top: 20px;
}
}
.overlay {
padding: 30px;
position: absolute;
width: calc(50% - (30px * 4));
pointer-events: none;
}
.overlay .large-title, .overlay .rte h1, .rte .overlay h1, .overlay .article-page .single-column-layout.with-image .article-overlay h1, .article-page .single-column-layout.with-image .article-overlay .overlay h1 {
margin-bottom: 15px;
}
.overlay a {
margin: 10px 10px 0;
}
.overlay a,
.overlay button {
pointer-events: auto;
}
.overlay .overlay__links:first-child {
margin-top: -10px;
}
.overlay__bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.9;
}
@media only screen and (max-width: 767px) {
.overlay__bg {
opacity: 1;
}
}
.overlay__content {
position: relative;
z-index: 1;
}
.overlay__content > .large-title:last-child, .rte .overlay__content > h1:last-child, .article-page .single-column-layout.with-image .article-overlay .overlay__content > h1:last-child {
margin-bottom: 0;
}
.overlay--center {
text-align: center;
}
.overlay--bottom-wide {
bottom: 30px;
left: 50% !important;
min-width: auto;
top: auto !important;
transform: translateX(-50%);
width: calc(100% - (30px * 4));
}
.overlay--low-wide {
bottom: 90px;
left: 50% !important;
min-width: auto;
top: auto !important;
transform: translateX(-50%);
width: calc(100% - (30px * 4));
max-width: 516px;
}
.split-image-section .overlay {
min-width: 0;
width: calc(100% - (30px * 4));
}
.overlay--has-link .overlay-title {
margin-bottom: 15px;
}
.overlay-text {
margin: 15px 0;
}
.overlay-text:first-child {
margin-top: 0;
}
.overlay-text:last-child {
margin-bottom: 0;
}
.overlay-footer {
font-size: 16px;
}
.overlay-tag {
display: inline-block;
margin: 0 6px;
opacity: 0.8;
}
.overlay-tag.overlay-tag--inherit-color {
opacity: 1;
}
.overlay-tag.overlay-tag--inherit-color a {
color: inherit;
}
@media only screen and (max-width: 1080px) {
.overlay {
padding: 20px;
min-width: 0;
width: calc(50% - (20px * 2));
}
.overlay .large-title, .overlay .rte h1, .rte .overlay h1, .overlay .article-page .single-column-layout.with-image .article-overlay h1, .article-page .single-column-layout.with-image .article-overlay .overlay h1 {
font-size: 1.75rem;
}
.overlay.overlay--bottom-wide {
min-width: 0;
width: calc(100% - (20px * 2));
}
.split-image-section .overlay {
width: calc(100% - (20px * 2));
}
}
@media only screen and (max-width: 767px) {
.overlay {
bottom: 30px;
left: 50% !important;
min-width: auto;
position: relative;
top: auto !important;
transform: translateX(-50%);
width: calc(100% - (20px * 2));
padding: 45px 30px;
}
.split-image-section .overlay,
.standout-collection-section .overlay {
padding: 45px 30px;
}
.overlay--use-body-colours-mobile .overlay__bg {
background-color: #ffffff !important;
}
.overlay--use-body-colours-mobile .overlay__content {
color: #1a1a1a !important;
}
.overlay--use-body-colours-mobile .overlay__content .standard-link {
color: #080808 !important;
}
.overlay--use-body-colours-mobile .overlay__content .standard-link:hover {
color: #000000 !important;
}
}
@media only screen and (max-width: 479px) {
.overlay {
min-width: 0;
width: calc(100% - (40px));
}
}
.image-product-label {
position: absolute;
text-decoration: none;
}
.image-product-label.chevron-left .image-product-label__content {
padding-left: 36px;
}
.image-product-label.chevron-left .image-product-label__content .icon--image-product-label {
left: 10px;
}
.image-product-label.chevron-left .image-product-label__content .icon--image-product-label .icon {
transform: translate(-50%, -50%) rotate(180deg);
}
.image-product-label.chevron-right .image-product-label__content {
padding-right: 36px;
}
.image-product-label.chevron-right .image-product-label__content .icon--image-product-label {
right: 10px;
}
.image-product-label.is-overlapping {
visibility: hidden;
pointer-events: none;
}
.image-product-label-title {
font-size: 0.75rem;
line-height: 1.2;
margin-bottom: 3px;
max-width: 200px;
}
.image-product-label-price {
font-size: 1.25rem;
line-height: 1;
white-space: nowrap;
}
.image-product-label-price__from {
font-size: 0.875rem;
}
.image-product-label-price__compare {
font-size: 0.875rem;
}
.icon--image-product-label {
height: 12px;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 12px;
}
.icon--image-product-label .icon {
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
}
.image-product-label__background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.8;
}
.image-product-label__content {
position: relative;
z-index: 1;
padding: 10px;
}
@media only screen and (max-width: 767px) {
.image-product-label-title {
font-size: 0.75rem;
}
.image-product-label-price {
font-size: 1rem;
}
.image-product-label__content {
padding: 8px;
}
.image-product-label.chevron-left .image-product-label__content {
padding-left: 30px;
}
.image-product-label.chevron-left .image-product-label__content .icon--image-product-label {
left: 8px;
}
.image-product-label.chevron-right .image-product-label__content {
padding-right: 30px;
}
.image-product-label.chevron-right .image-product-label__content .icon--image-product-label {
right: 8px;
}
.icon--image-product-label {
height: 8px;
position: absolute;
right: 8px;
top: 50%;
transform: translateY(-50%);
width: 8px;
}
.icon--image-product-label .icon {
width: 18px;
height: 18px;
}
.image-product-label__background--dark-mobile {
background: #000;
opacity: 0.5;
}
.image-product-label__background--light-mobile {
background: #fff;
opacity: 0.5;
}
}
.article {
border-top: 1px solid rgba(26, 26, 26, 0.2);
padding-top: 30px;
padding-bottom: 37.5px;
}
.article:first-child {
border-top: 0;
padding-top: 0;
}
.article:first-child .article__heading-image {
margin-top: 0;
}
.article-page .split-column-layout .article-container {
padding-left: 60px;
padding-right: 60px;
padding-top: 30px;
}
.article-page .single-column-layout {
display: flex;
justify-content: center;
max-width: 900px;
}
.article-page .single-column-layout .one-half {
width: 100%;
}
.article-page .single-column-layout .article-container {
padding-left: 30px;
padding-right: 30px;
padding-top: 30px;
}
.article-page .single-column-layout .article-featured-image {
display: none;
}
.article-page .single-column-layout .article-featured-image.mobile-only {
display: block;
}
.article-page .single-column-layout .blog-articles-list {
max-width: initial;
width: 100%;
padding: 60px 0 0;
margin: 0;
}
.article-page .single-column-layout .blog-rsslink {
display: inline-block;
position: absolute;
right: 0;
top: 30px;
}
.article-page .single-column-layout.with-image {
flex-wrap: wrap;
}
.article-page .single-column-layout.with-image .article-overlay {
display: block;
bottom: 30px;
left: 50% !important;
min-width: auto;
position: relative;
top: auto !important;
transform: translateX(-50%);
width: calc(100% - (30px * 2));
padding: 45px 30px 0 30px;
}
.article-page .single-column-layout.with-image .article-overlay .article__authordate {
margin-top: 15px;
justify-content: center;
}
.article-page .single-column-layout.with-image .article__title {
display: none;
}
.article-page .single-column-layout.with-image .article-container {
padding-top: 0;
}
.article-content {
padding: 0 30px;
}
.article-container .content-products {
margin-left: -30px;
}
@media (max-width: 960px) {
.article-container .content-products {
margin-right: -60px;
padding-right: 60px;
}
}
@media only screen and (max-width: 767px) {
.article-container .content-products {
margin-left: -20px;
margin-right: -20px;
padding-right: 20px;
}
}
.article-overlay {
background-color: #ffffff;
display: none;
}
.template-article .article {
border-top: 0;
padding-bottom: 0;
}
.article__heading-image {
display: block;
margin: 30px 0;
}
.article-featured-image {
left: 0;
top: 0;
width: 100%;
height: 100vh;
border-radius: 0 0px 0 0;
overflow: hidden;
transition: border-radius 3s;
}
.article-featured-image.mobile-only {
display: none;
height: auto;
}
.is_stuck .article-featured-image {
animation: radius-corners .3s ease-in-out 1 forwards;
}
.article__title--no-image {
padding-top: 30px;
}
.article__tags {
margin: 30px 0 15px;
}
.article__read-more {
margin: 15px 0;
}
.article__meta {
display: flex;
}
.article__meta .article__authordate {
flex-grow: 1;
}
.article__authordate {
display: flex;
align-items: center;
}
.article__authordate .article__avatar {
margin: 0 15px 0 0;
width: 40px;
height: 40px;
overflow: hidden;
border-radius: 100%;
}
.article__authordate .article__avatar .rimage-background {
width: 100%;
height: 100%;
}
.article__authordate .article__date {
color: #767676;
}
.article__comments-count {
color: #767676;
}
.article-pagination {
margin-top: 30px;
padding: 30px 0;
border-top: 1px solid #e8e8e8;
border-bottom: 1px solid #e8e8e8;
}
.article-pagination .prev,
.article-pagination .next {
color: inherit;
line-height: 1;
text-decoration: none;
transition: opacity 0.25s;
}
.article-pagination .prev:hover,
.article-pagination .next:hover {
opacity: .7;
}
.article__comments-summary {
color: #767676;
}
.article__comments-summary a {
color: inherit;
text-decoration: none;
}
.article__comments-title {
margin: 60px 0 30px;
}
.article__comment {
padding: 7.5px 0;
}
.article__comment p {
margin-top: 0;
}
.article__comment .rte {
margin-bottom: 5px;
}
.article__comment .rte p {
margin-bottom: 5px;
}
.article__comment--author {
font-size: 75%;
}
.article__comment--author time {
color: #767676;
}
.article__comment-form-required {
color: #767676;
margin-bottom: 15px;
}
@media only screen and (max-width: 767px) {
.article {
padding-bottom: 40px;
}
.article .product-block.small-down--one-half {
clear: none;
}
.article-page .single-column-layout.with-image .article-overlay {
padding-bottom: 20px;
}
.article-overlay--no-image {
bottom: auto;
}
.article-content {
padding: 0 20px;
}
.article-block .content-products {
margin-left: -20px;
margin-right: -20px;
padding-left: 40px;
padding-right: 20px;
}
.article-page .split-column-layout {
padding-left: 20px;
padding-right: 20px;
}
.article-page .split-column-layout .article-container {
margin-top: -40px;
padding-top: 0;
padding-left: 20px;
padding-right: 20px;
}
.article-page .single-column-layout {
display: block;
}
.article-page .single-column-layout .article-container {
margin-top: -20px;
padding-top: 0;
padding-left: 20px;
padding-right: 20px;
}
.article-container {
overflow: hidden;
padding: 0 20px;
}
.article-container .product-block.small-down--one-half {
clear: none;
}
.article__heading-image {
margin: 0 0 20px;
}
.article__heading-image .rimage-outer-wrapper {
border-radius: 0;
}
.article__title.desktop-only {
display: none;
}
.article-featured-image {
display: none;
border-radius: 0px;
height: auto;
}
.article-featured-image.mobile-only {
display: block;
}
.article__comments-title {
margin: 40px 0 20px;
}
.article__meta {
display: none;
}
.mobile-only {
display: block;
}
.mobile-only .article__authordate {
display: block;
}
.mobile-only .article__authordate .article__avatar {
margin: 10px auto;
}
}
@media only screen and (max-width: 479px) {
.article-page .split-column-layout {
padding-left: 0;
padding-right: 0;
}
.article-page .article-featured-image {
border-radius: 0;
}
.article-page .article-featured-image .rimage-outer-wrapper {
border-radius: 0;
}
.article-page .single-column-layout .article-featured-image.mobile-only .rimage-outer-wrapper {
border-radius: 0;
}
}
.content-products {
margin-top: 30px;
overflow: hidden;
}
.content-products .grid {
margin-left: 0;
}
.content-products .product-block.grid__item {
clear: none;
}
.content-products .slick-track {
margin: 0;
}
.content-products .product-block .product-block__title,
.content-products .product-block .product-price,
.content-products .product-block .product-price__from,
.content-products .product-block .product-price__compare {
font-size: 0.875rem;
}
.content-products .product-block .product-label {
font-size: 0.75rem;
line-height: 1.5;
}
.content-products .product-block .unit-price {
font-size: 0.75rem;
line-height: 1.5;
}
.content-products__title {
margin: 0 0 15px;
font-size: 0.75rem;
line-height: 1.4em;
color: #767676;
}
.content-products__title {
padding: 0 30px;
}
.content-products-controls .prev,
.content-products-controls .next {
transition: opacity 0.25s;
}
.content-products-controls .prev:hover,
.content-products-controls .next:hover {
opacity: .7;
}
@media (max-width: 960px) {
.content-products {
margin-right: -30px;
padding-right: 30px;
}
}
@media only screen and (max-width: 767px) {
.content-products {
margin-right: -20px;
padding-right: 20px;
padding-left: 20px;
}
.content-products-controls {
display: none;
}
.content-products__title {
padding: 0;
}
.content-products__products {
margin-left: -20px;
}
.content-products__products .grid {
margin-left: 0;
}
}
@media only screen and (max-width: 479px) {
.content-products {
margin-right: 0;
}
}
#colorbox {
margin-top: 5px;
border-radius: 0px;
box-shadow: 0px 0px 4px 4px rgba(0, 0, 0, 0.15);
}
#colorbox,
#cboxWrapper {
overflow: visible !important;
}
#cboxOverlay {
background: rgba(0, 0, 0, 0.4);
}
#cboxContent {
background-color: #ffffff;
border-radius: 0px;
}
@media only screen and (max-width: 767px) {
#colorbox {
border-radius: 0;
}
}
#cboxClose {
position: absolute;
top: 0;
right: 0;
width: 48px;
height: 48px;
min-width: 0;
margin: 0;
padding: 0;
border: none;
box-shadow: none;
background-color: transparent;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23989898' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-x'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-size: 24px 24px;
background-position: center center;
overflow: hidden;
text-indent: -100px;
}
#cboxClose:hover {
background-color: transparent;
border: none;
}
.lightbox-content {
width: 600px;
}
@media (max-width: 680px) {
.lightbox-content {
width: 90vw;
padding-left: 20px;
padding-right: 20px;
}
.lightbox-content .container {
padding-left: 0;
padding-right: 0;
}
}
.clickyboxes li {
vertical-align: top;
}
.clickyboxes li a {
padding: 8px 11px;
min-width: 44px;
text-align: center;
vertical-align: top;
border-radius: 0px;
overflow: hidden;
}
.clickyboxes li a.active, .clickyboxes li a.active:hover {
background-color: #1a1a1a;
border-color: #1a1a1a;
color: #ffffff;
}
.quickbuy {
background-color: #ffffff;
border-radius: 0px;
padding-top: 20px;
position: relative;
width: 720px;
}
.quickbuy a {
color: inherit;
transition: opacity 0.25s;
}
.quickbuy a:hover {
opacity: .6;
}
.quickbuy .styled-dropdown .select2-container {
display: block;
width: 100% !important;
}
.quickbuy-form.placeholder {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
}
.quickbuy__product-media,
.quickbuy__toolbar,
.quickbuy__titlebar {
display: flex;
justify-content: space-between;
}
.quickbuy__toolbar {
padding-bottom: 5px;
}
.quickbuy__toolbar .feather-icon {
vertical-align: text-bottom;
}
.quickbuy__more {
text-decoration: none;
}
.quickbuy__more .feather-icon {
padding-left: 15px;
}
.quickbuy__close .feather-icon {
margin: 0 0 -20px;
width: 44px;
height: 44px;
text-align: right;
}
.quickbuy__product-media .rimage-outer-wrapper {
max-height: 100%;
max-width: initial;
}
.quickbuy__product-media.global-border-radius .slick-slide:last-child, .rte img.quickbuy__product-media .slick-slide:last-child, [data-product-media] .quickbuy__product-media.rimage__image .slick-slide:last-child, .full-width-slideshow .quickbuy__product-media.js-slideshow-section:not(.slick-initialized) .slick-slide:last-child, .full-width-slideshow .quickbuy__product-media.slick-list .slick-slide:last-child, .blog-articles-list__image .quickbuy__product-media.rimage-outer-wrapper .slick-slide:last-child, .collection-list-plain .product-block__image .quickbuy__product-media.rimage-outer-wrapper .slick-slide:last-child, .article-page .single-column-layout .article-featured-image.mobile-only .quickbuy__product-media.rimage-outer-wrapper .slick-slide:last-child, .quickbuy__product-media.article-overlay .slick-slide:last-child, .article__heading-image .quickbuy__product-media.rimage-outer-wrapper .slick-slide:last-child, .image-two .quickbuy__product-media.rimage-background .slick-slide:last-child {
overflow: hidden;
border-radius: 0 0px 0px 0;
}
.quickbuy__product-media,
.quickbuy__titlebar {
margin-top: 15px;
}
.quickbuy__titlebar {
position: relative;
padding-bottom: 15px;
}
.quickbuy__titlebar .quickbuy__slider-controls {
order: 1;
}
.quickbuy__media-container .product-label {
right: auto;
top: auto;
z-index: 1;
pointer-events: none;
transition: opacity 0.25s;
}
.quickbuy__media-container .product-label {
left: 0;
bottom: 0;
}
.quickbuy__media-container:not(.quickbuy__media-container--current-image) .product-label {
opacity: 0;
}
.quickbuy__title {
font-size: 0.875rem;
}
.quickbuy__price {
font-size: 1.25rem;
min-height: 50px;
}
.quickbuy__form {
background-color: #f2f2f2;
color: #222222;
padding-bottom: 30px;
padding-top: 30px;
border-radius: 0 0 0px 0px;
}
.quickbuy__form .input-wrapper {
background-color: #f2f2f2;
}
.quickbuy__form .select2-selection.select2-selection--single {
border: 0;
}
.quickbuy__form.has-dynamic-buttons {
margin-bottom: 0;
}
.quickbuy__form.has-dynamic-buttons .payment-buttons {
margin-bottom: -15px;
}
.quickbuy__variant .select2 {
margin-bottom: 1em;
}
.row.quickbuy__product-form--confirmation {
margin-bottom: 0;
display: flex;
}
.quickbuy__submit {
width: 100%;
}
.quickbuy .quickbuy__product-media,
.quickbuy .slick-list,
.quickbuy .slick-track {
height: 360px;
}
.quickbuy .slick-list {
width: 100%;
}
.quickbuy .prev,
.quickbuy .next {
margin: -15px 0;
width: 44px;
height: 44px;
transition: opacity 0.25s;
}
.quickbuy .prev:hover,
.quickbuy .next:hover {
opacity: .6;
}
.quickbuy .prev {
text-align: right;
}
.quickbuy .next {
margin-right: -22px;
text-align: left;
}
@media (max-height: 750px) {
.quickbuy .quickbuy__product-media,
.quickbuy .slick-list,
.quickbuy .slick-track {
height: 280px;
}
}
@media (max-height: 650px) {
.quickbuy .quickbuy__product-media,
.quickbuy .slick-list,
.quickbuy .slick-track {
height: 230px;
}
}
.quickbuy .payment-buttons {
display: flex;
align-items: flex-start;
}
.quickbuy .payment-buttons > .btn, .quickbuy .theme-product-reviews .payment-buttons > .spr-summary-actions-newreview, .theme-product-reviews .quickbuy .payment-buttons > .spr-summary-actions-newreview,
.quickbuy .payment-buttons > .shopify-payment-button {
width: 50%;
}
.quickbuy .payment-buttons > .btn, .quickbuy .theme-product-reviews .payment-buttons > .spr-summary-actions-newreview, .theme-product-reviews .quickbuy .payment-buttons > .spr-summary-actions-newreview {
margin-right: 15px;
}
.quickbuy .payment-buttons > .shopify-payment-button {
margin-left: 15px;
margin-top: 0;
}
@media only screen and (min-width: 480px) {
.product-block .btn--quicklook {
position: absolute;
bottom: 10px;
width: calc(100% - 20px);
min-width: auto;
left: 10px;
box-shadow: 0 0 0 1px rgba(26, 26, 26, 0.25);
opacity: 0;
transition: opacity 0.25s;
}
.product-block:hover .btn--quicklook {
opacity: 1;
}
.product-block:hover .btn--quicklook:hover {
background-color: #ffffff;
box-shadow: 0 0 0 1px rgba(26, 26, 26, 0.25);
color: #1a1a1a;
}
.product-block .btn--quicklook:focus {
opacity: 1;
}
}
@media only screen and (max-width: 768px) {
.product-block .btn--quicklook {
display: none;
}
}
.slick-dots {
position: static;
}
.slick-dots li button {
background-color: rgba(26, 26, 26, 0.5);
border: 2px solid transparent;
min-width: 0;
height: 6px;
width: 6px;
box-shadow: none;
}
.slick-dots li.slick-active button {
background-color: #ffffff;
border: 2px solid rgba(26, 26, 26, 0.3);
box-shadow: none;
height: 10px;
width: 10px;
}
.slick-disabled {
opacity: 0.2;
}
.slick-next,
.slick-prev {
min-width: 0;
border: none;
box-shadow: none;
color: inherit;
width: 44px;
height: 44px;
margin: 0;
}
.slick-next:before,
.slick-prev:before {
content: none;
}
.slick-next.slick-disabled,
.slick-prev.slick-disabled {
display: none;
}
.slick-prev {
left: 0;
}
.slick-next {
right: 0;
}
.slick-external-controls {
position: relative;
padding: 0 30px;
}
.slick-external-controls .slick-next,
.slick-external-controls .slick-prev {
top: -4px;
transform: none;
}
.slick-external-controls .slick-prev {
left: -15px;
}
.slick-external-controls .slick-next {
right: -15px;
}
.styled-dropdown > select,
.styled-dropdown > input {
margin: 0;
height: 48px;
padding-top: 15px;
padding-bottom: 0px;
}
.styled-dropdown .select2-container .select2-selection {
border: 1px solid #c6c6c6;
background-color: transparent;
border-radius: 0px;
height: 48px;
}
.styled-dropdown .select2-container .select2-selection__arrow {
top: 10px;
}
.styled-dropdown .select2-container .select2-selection__arrow b {
border: none;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' stroke='rgb(26, 26, 26)' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: center center;
width: 18px;
height: 18px;
margin-top: -5px;
margin-left: -16px;
}
.styled-dropdown .select2-container .select2-selection__rendered {
color: inherit;
padding-top: 8px;
}
.styled-dropdown .select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.styled-dropdown .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
border-radius: 3px;
}
.styled-dropdown--label-small label {
display: block;
}
.styled-dropdown--label-inside {
position: relative;
}
.styled-dropdown--label-inside label {
position: absolute;
top: 9px;
left: 14px;
z-index: 0;
line-height: 1;
opacity: 0.6;
}
.styled-dropdown--label-inside .select2-container .select2-selection__rendered {
padding-top: 17px;
padding-left: 13px;
}
.select2-dropdown {
border: 0;
background: transparent;
}
.select2-dropdown::before, .select2-dropdown::after {
content: '';
position: absolute;
right: 18px;
width: 0;
height: 0;
border-style: solid;
}
.select2-dropdown.select2-dropdown--below {
padding-top: 17px;
}
.select2-dropdown.select2-dropdown--below::before {
top: 9px;
border-width: 0 8px 8px 8px;
border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
}
.select2-dropdown.select2-dropdown--below::after {
top: 10px;
border-width: 0 8px 8px 8px;
border-color: transparent transparent #fff transparent;
}
.select2-dropdown.select2-dropdown--above {
padding-bottom: 17px;
}
.select2-dropdown.select2-dropdown--above::before {
bottom: 9px;
border-width: 8px 8px 0 8px;
border-color: rgba(0, 0, 0, 0.1) transparent transparent transparent;
}
.select2-dropdown.select2-dropdown--above::after {
bottom: 10px;
border-width: 8px 8px 0 8px;
border-color: #fff transparent transparent transparent;
}
.select2-results {
background: #fff;
border: 1px solid #dde0e4;
border-radius: 3px;
color: #393939;
}
.select2-results__option {
padding: 6px 13px;
}
.select2-container--default .select2-results__option[aria-selected=true] {
background: transparent;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background: #f2f2f2;
color: #393939;
}
.select2-results__option:not(:last-child) {
border-bottom: 1px solid #f6f6f6;
}
.swatch-option {
position: relative;
margin-left: 25px;
}
.swatch-option__nugget {
position: absolute;
top: 50%;
left: -18px;
margin: -7px;
width: 13px;
height: 13px;
border-radius: 13px;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
background-size: 100%;
}
.select2-selection .swatch-option--all {
margin-left: 0;
}
.pagination {
margin: 30px 0;
text-align: center;
}
.pagination span {
margin: 0 8px;
padding: 0 2px;
}
.pagination a {
color: inherit;
text-decoration: none;
}
.pagination .current {
border-bottom: 2px solid;
}
.added-notice {
position: fixed;
z-index: 1000;
top: 65px;
right: 30px;
width: 412px;
padding: 15px 30px 30px;
background: #ffffff;
color: #222222;
border-bottom: 3px solid #222222;
border-left: 1px solid rgba(34, 34, 34, 0.1);
border-right: 1px solid rgba(34, 34, 34, 0.1);
border-top: 1px solid rgba(34, 34, 34, 0.1);
transition: all 150ms;
}
@media (max-width: 560px) {
.added-notice {
top: 10px;
right: 10px;
left: 10px;
width: auto;
padding: 15px 20px 20px;
}
}
.added-notice--pre-reveal {
opacity: 0;
transform: scale(0.95);
}
.added-notice--pre-destroy {
transition: all 250ms;
opacity: 0;
transform: scale(0.95);
}
.added-notice__header {
position: relative;
}
.added-notice__close {
position: absolute;
top: 0;
right: 0;
color: #1a1a1a;
}
.added-notice__checkout .btn, .added-notice__checkout .theme-product-reviews .spr-summary-actions-newreview, .theme-product-reviews .added-notice__checkout .spr-summary-actions-newreview {
width: calc(100% - 2px);
}
.cart-summary__product-list {
overflow: auto;
max-height: calc(100vh - 300px);
}
.cart-summary__product {
display: flex;
padding-top: 15px;
}
.cart-summary__product-image {
padding-right: 15px;
width: 74px;
flex-shrink: 0;
}
.cart-summary__product-image img {
vertical-align: top;
}
.cart-summary__product__variants {
color: #767676;
font-size: 0.875rem;
line-height: 1.4;
}
.cart-summary__price-reduced {
padding-right: 5px;
}
.cart-summary__quantity {
color: #767676;
}
.cart-summary__quantity::before {
content: 'x';
margin-left: 0.5em;
}
.cart-summary__footer {
margin-top: 30px;
}
.cart-summary__total-quantity-row,
.cart-summary__total-price-row {
display: flex;
justify-content: space-between;
}
.cart-summary__total-quantity-row {
margin-bottom: 5px;
color: #767676;
}
.cart-summary__total-price-row {
margin-bottom: 15px;
}
.account-form {
margin: 60px auto;
max-width: 420px;
text-align: center;
}
.account-form .checkbox-wrapper {
text-align: left;
}
.address-card {
background-color: #f1f1f1;
padding: 30px;
}
.address-card p {
margin: 0;
}
.address-card__controls {
float: right;
margin: 0 0 10px 10px;
}
.address__name {
font-weight: bold;
margin-bottom: 0.75em;
}
.address__phone {
margin-top: 0.75em;
}
.order-table tbody td {
vertical-align: top;
padding: 30px 15px;
}
.order-table .product-summary {
margin: -15px 0;
}
@media only screen and (max-width: 767px) {
.order-table td[data-label="Product"]::before {
display: none;
}
.order-table td[data-label="Product"] .product-summary {
text-align: left;
}
}
.image-one,
.image-two {
backface-visibility: hidden;
display: block;
transition: opacity 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.image-one {
height: auto;
width: 100%;
}
.image-two {
position: absolute;
overflow: hidden;
top: 0;
left: 0;
width: calc(100% + 1.5px);
height: calc(100% + 1.5px);
opacity: 0;
}
.image-two .rimage-background {
background-size: cover;
background-repeat: no-repeat;
height: 100%;
}
@media only screen and (min-width: 1024px) {
.hover-images {
overflow: hidden;
}
.hover-images .image-one,
.hover-images .image-two {
transition: transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.hover-images:hover .image-one {
transform: scale(1.05);
}
.hover-images--two .image-two {
transform: scale(1.05);
}
.hover-images--two:hover .image-one {
opacity: 0;
transform: scale(1);
}
.hover-images--two:hover .image-two {
opacity: 1;
transform: scale(1);
}
.hover-images--two.same-aspect-ratio .image-one {
transition: opacity 0ms 0ms;
}
.hover-images--two.same-aspect-ratio:hover .image-one {
transition: opacity 50ms 400ms;
}
}
.avoid-overlaps .avoid-overlaps__item {
opacity: 0;
transition: opacity ease-in 0.25s;
}
html:not(.no-js) .avoid-overlaps:not(.avoid-overlaps--processed) .avoid-overlaps__item {
margin-left: -200px !important;
}
.no-js .avoid-overlaps__item,
.avoid-overlaps--processed .avoid-overlaps__item {
opacity: 1;
}
@media only screen and (max-width: 767px) {
.avoid-overlaps__mobile-container {
position: relative;
}
}
.no-js .avoid-overlaps .overlay {
transform: translate(-50%, -50%);
}
.recently-viewed-product {
text-align: center;
font-size: 0.875rem;
}
.recently-viewed-product .product-title {
margin-top: 15px;
}
.recently-viewed-product .product-vendor {
margin-top: 0.2em;
}
.recently-viewed-product .product-price {
margin-top: 0.3em;
font-size: 16px;
line-height: 1.6;
}
.recently-viewed-product .image-two {
background-position: center center;
background-size: cover;
}
.recently-viewed-product a {
color: inherit;
text-decoration: none;
}
.recently-viewed-product img {
vertical-align: top;
}
.simple-popup {
position: absolute;
z-index: 100000;
width: 200px;
padding: 10px 15px;
border: 1px solid #c6c6c6;
color: #1a1a1a;
background: #ffffff;
border-radius: 0px;
box-shadow: 0 0 3px -1px #c6c6c6;
text-align: center;
}
.simple-popup:before {
position: absolute;
top: 100%;
left: 50%;
margin: 0 0 0 -10px;
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 10px 10px 0 10px;
border-color: #c6c6c6 transparent transparent transparent;
}
.simple-popup:after {
position: absolute;
top: 100%;
left: 50%;
margin: -2px 0 0 -10px;
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 10px 10px 0 10px;
border-color: #ffffff transparent transparent transparent;
}
@media only screen and (min-width: 768px) and (max-width: 960px) {
.split-column-layout .product-carousel-peek {
overflow: hidden;
}
.split-column-layout .product-carousel-peek .slick-list {
padding-right: 30%;
overflow: visible;
}
}
.product-carousel-peek {
position: relative;
}
.product-carousel-peek__advice {
display: none;
cursor: pointer;
text-align: right;
position: absolute;
z-index: 2;
right: 15px;
top: 110px;
color: #000;
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 100%;
padding: 5px;
height: 36px;
width: 36px;
transition: all 300ms ease-in;
}
.product-carousel-peek__advice .feather-icon {
display: block;
}
.product-carousel-peek__advice .icon {
display: inline-block;
vertical-align: top;
width: 24px;
height: 24px;
}
@media only screen and (max-width: 767px) {
.container:not(.container--no-mobile-padding) .product-carousel-peek {
margin-left: -20px;
margin-right: -20px;
padding-left: 20px;
padding-right: 20px;
}
.container:not(.container--no-mobile-padding) .product-carousel-peek .product-carousel-peek__advice {
margin-right: 20px;
}
.product-carousel-peek {
overflow: hidden;
}
.product-carousel-peek .slick-list {
padding-right: 30%;
overflow: visible;
}
.product-carousel-peek .slick-list .slick-slide .product-block {
width: auto;
}
.product-carousel-peek .slick-list .slick-slide .grid__item {
width: auto;
float: none;
}
.product-carousel-peek .slick-list .product-block {
margin: 0 0 0 20px;
}
.product-carousel-peek .slick-list .grid__item {
clear: none;
padding: 0;
}
.product-carousel-peek--show-advice .product-carousel-peek__advice {
display: block;
}
.product-carousel-peek--dismiss-advice .product-carousel-peek__advice {
opacity: 0;
transform: translateX(-15px);
}
.no-js .product-carousel-peek__advice,
.product-carousel-peek--empty .product-carousel-peek__advice,
.product-carousel-peek--single .product-carousel-peek__advice {
display: none;
}
}
@media (min-width: 768px) {
.sticky-element {
position: -webkit-sticky;
position: sticky;
top: 0px;
}
}
.product-policies:not(:first-child) {
margin-top: 15px;
}
.product-policies:not(:last-child) {
margin-bottom: 15px;
}
/* AR view in your space button */
.view-in-space {
box-sizing: border-box;
display: block;
margin: 0 0 10px;
width: 100%;
color: #1a1a1a;
border: none;
box-shadow: none;
background: rgba(26, 26, 26, 0.08);
}
.view-in-space:hover {
color: #1a1a1a;
border: none;
box-shadow: none;
background: rgba(26, 26, 26, 0.08);
}
.view-in-space[data-shopify-xr-hidden] {
display: none;
}
.view-in-space .icon {
margin: 0;
height: 1.8em;
width: 1.8em;
fill: transparent;
vertical-align: middle;
}
.view-in-space .icon .icon-3d-badge-full-color-outline,
.view-in-space .icon .icon-video-badge-full-color-outline {
display: none;
}
.view-in-space .icon .icon-3d-badge-full-color-element,
.view-in-space .icon .icon-video-badge-full-color-element {
fill: currentColor;
}
.view-in-space .view-in-space__text {
vertical-align: middle;
}
/* Any product media with a fixed aspect ratio */
.product-media--frame {
position: relative;
padding-top: 56.25%;
height: 0;
max-width: 100%;
}
.product-media--frame iframe,
.product-media--frame object,
.product-media--frame embed,
.product-media--frame video,
.product-media--frame model-viewer,
.product-media--frame .shopify-model-viewer-ui,
.product-media--frame .media-item,
.product-media--frame .plyr {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.product-media--frame .plyr__video-wrapper {
height: 100%;
}
.media-thumbnail {
position: relative;
}
.media-thumbnail__badge {
width: 20px;
height: 20px;
position: absolute;
right: 6px;
top: 6px;
pointer-events: none;
}
.media-thumbnail__badge .icon {
fill: #ffffff;
width: 100%;
height: 100%;
vertical-align: baseline;
}
.media-thumbnail__badge .icon .icon-3d-badge-full-color-outline,
.media-thumbnail__badge .icon .icon-video-badge-full-color-outline {
stroke: rgba(26, 26, 26, 0.05);
}
.media-thumbnail__badge .icon .icon-3d-badge-full-color-element,
.media-thumbnail__badge .icon .icon-video-badge-full-color-element {
fill: #1a1a1a;
}
@media only screen and (min-width: 750px) {
.media-thumbnail__badge .product-single__thumbnail-badge {
width: 26px;
height: 26px;
}
}
@media only screen and (max-width: 767px) {
.slick-slider .product-media--video[data-video-type="external"]::before, .slick-slider .product-media--video[data-video-type="external"]::after {
content: '';
position: absolute;
top: 50px;
bottom: 70px;
width: calc(50% - 50px);
z-index: 1;
}
.slick-slider .product-media--video[data-video-type="external"]::before {
left: 0;
}
.slick-slider .product-media--video[data-video-type="external"]::after {
right: 0;
}
}
/* Plyr - used for playing product videos */
.plyr__control svg {
margin: 0;
}
.plyr.plyr--full-ui.plyr--video {
color: #1a1a1a;
background-color: transparent;
/* stylelint-disable-next-line */
/* stylelint-disable-next-line */
/* stylelint-disable-next-line */
}
.plyr.plyr--full-ui.plyr--video button {
min-width: 0;
box-shadow: none;
}
.plyr.plyr--full-ui.plyr--video .plyr__poster,
.plyr.plyr--full-ui.plyr--video .plyr__video-wrapper {
background-color: transparent;
}
.plyr.plyr--full-ui.plyr--video:fullscreen .plyr__video-wrapper .plyr.plyr--full-ui.plyr--video:fullscreen .plyr__poster {
background-color: #000;
}
.plyr.plyr--full-ui.plyr--video:-webkit-full-screen .plyr__video-wrapper,
.plyr.plyr--full-ui.plyr--video:-webkit-full-screen .plyr__poster {
background-color: #000;
}
.plyr.plyr--full-ui.plyr--video:-moz-full-screen .plyr__video-wrapper,
.plyr.plyr--full-ui.plyr--video:-moz-full-screen .plyr__poster {
background-color: #000;
}
.plyr.plyr--full-ui.plyr--video:-ms-fullscreen .plyr__video-wrapper,
.plyr.plyr--full-ui.plyr--video:-ms-fullscreen .plyr__poster {
background-color: #000;
}
.plyr.plyr--full-ui.plyr--video .plyr--fullscreen-fallback .plyr__video-wrapper,
.plyr.plyr--full-ui.plyr--video .plyr--fullscreen-fallback .plyr__poster {
background-color: #000;
}
.plyr.plyr--full-ui.plyr--video .plyr__control.plyr__control--overlaid {
background-color: #ffffff;
border-color: rgba(26, 26, 26, 0.05);
}
.plyr.plyr--full-ui.plyr--video .plyr__control.plyr__control--overlaid.plyr__tab-focus, .plyr.plyr--full-ui.plyr--video .plyr__control.plyr__control--overlaid:hover {
color: rgba(26, 26, 26, 0.55);
}
.plyr.plyr--full-ui.plyr--video .plyr__controls {
background-color: #ffffff;
border-color: rgba(26, 26, 26, 0.05);
border-radius: 0px;
}
.plyr.plyr--full-ui.plyr--video .plyr__progress input[type='range']::-moz-range-thumb {
box-shadow: 2px 0 0 0 #ffffff;
}
.plyr.plyr--full-ui.plyr--video .plyr__progress input[type='range']::-ms-thumb {
box-shadow: 2px 0 0 0 #ffffff;
}
.plyr.plyr--full-ui.plyr--video .plyr__progress input[type='range']::-webkit-slider-thumb {
box-shadow: 2px 0 0 0 #ffffff;
}
.plyr.plyr--full-ui.plyr--video .plyr__progress input[type='range']::-webkit-slider-runnable-track {
background-image: linear-gradient(to right, currentColor var(--value, 0), rgba(26, 26, 26, 0.6) var(--value, 0));
}
.plyr.plyr--full-ui.plyr--video .plyr__progress input[type='range']::-moz-range-track {
background-color: rgba(26, 26, 26, 0.6);
}
.plyr.plyr--full-ui.plyr--video .plyr__progress input[type='range']::-ms-fill-upper {
background-color: rgba(26, 26, 26, 0.6);
}
.plyr.plyr--full-ui.plyr--video .plyr__progress input[type='range'].plyr__tab-focus::-webkit-slider-runnable-track {
box-shadow: 0 0 0 4px rgba(26, 26, 26, 0.25);
}
.plyr.plyr--full-ui.plyr--video .plyr__progress input[type='range'].plyr__tab-focus::-moz-range-track {
box-shadow: 0 0 0 4px rgba(26, 26, 26, 0.25);
}
.plyr.plyr--full-ui.plyr--video .plyr__progress input[type='range'].plyr__tab-focus::-ms-track {
box-shadow: 0 0 0 4px rgba(26, 26, 26, 0.25);
}
.plyr.plyr--full-ui.plyr--video .plyr__progress input[type='range']:active::-moz-range-thumb {
box-shadow: 0 0 0 3px rgba(26, 26, 26, 0.25);
}
.plyr.plyr--full-ui.plyr--video .plyr__progress input[type='range']:active::-ms-thumb {
box-shadow: 0 0 0 3px rgba(26, 26, 26, 0.25);
}
.plyr.plyr--full-ui.plyr--video .plyr__progress input[type='range']:active::-webkit-slider-thumb {
box-shadow: 0 0 0 3px rgba(26, 26, 26, 0.25);
}
.plyr.plyr--full-ui.plyr--video .plyr__progress .plyr__tooltip {
background-color: #1a1a1a;
color: #ffffff;
}
.plyr.plyr--full-ui.plyr--video .plyr__progress .plyr__tooltip::before {
border-top-color: #1a1a1a;
}
.plyr.plyr--full-ui.plyr--video.plyr--loading .plyr__progress__buffer {
background-image: linear-gradient(-45deg, rgba(26, 26, 26, 0.6) 25%, transparent 25%, transparent 50%, rgba(26, 26, 26, 0.6) 50%, rgba(26, 26, 26, 0.6) 75%, transparent 75%, transparent);
}
.plyr.plyr--full-ui.plyr--video .plyr__volume input[type='range'] {
color: #ffffff;
}
.plyr.plyr--full-ui.plyr--video .plyr__volume input[type='range']::-moz-range-thumb {
box-shadow: 2px 0 0 0 #1a1a1a;
}
.plyr.plyr--full-ui.plyr--video .plyr__volume input[type='range']::-ms-thumb {
box-shadow: 2px 0 0 0 #1a1a1a;
}
.plyr.plyr--full-ui.plyr--video .plyr__volume input[type='range']::-webkit-slider-thumb {
box-shadow: 2px 0 0 0 #1a1a1a;
}
.plyr.plyr--full-ui.plyr--video .plyr__volume input[type='range']::-webkit-slider-runnable-track {
background-image: linear-gradient(to right, currentColor var(--value, 0), rgba(255, 255, 255, 0.6) var(--value, 0));
}
.plyr.plyr--full-ui.plyr--video .plyr__volume input[type='range']::-moz-range-track, .plyr.plyr--full-ui.plyr--video .plyr__volume input[type='range']::-ms-fill-upper {
background-color: rgba(255, 255, 255, 0.6);
}
.plyr.plyr--full-ui.plyr--video .plyr__volume input[type='range'].plyr__tab-focus::-webkit-slider-runnable-track {
box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.25);
}
.plyr.plyr--full-ui.plyr--video .plyr__volume input[type='range'].plyr__tab-focus::-moz-range-track {
box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.25);
}
.plyr.plyr--full-ui.plyr--video .plyr__volume input[type='range'].plyr__tab-focus::-ms-track {
box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.25);
}
.plyr.plyr--full-ui.plyr--video .plyr__volume input[type='range']:active::-moz-range-thumb {
box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.25);
}
.plyr.plyr--full-ui.plyr--video .plyr__volume input[type='range']:active::-ms-thumb {
box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.25);
}
.plyr.plyr--full-ui.plyr--video .plyr__volume input[type='range']:active::-webkit-slider-thumb {
box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.25);
}
/* Shopify's custom UI for the model-viewer component */
.shopify-model-viewer-ui button {
min-width: 0;
box-shadow: none;
}
.shopify-model-viewer-ui button svg {
margin: 0;
}
.shopify-model-viewer-ui button[hidden] {
display: none;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area {
background: #ffffff;
border-color: rgba(26, 26, 26, 0.05);
border-radius: 0px;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button {
color: #1a1a1a;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:hover {
color: rgba(26, 26, 26, 0.55);
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:active, .shopify-model-viewer-ui .shopify-model-viewer-ui__button--control.focus-visible:focus {
color: rgba(26, 26, 26, 0.55);
background: rgba(26, 26, 26, 0.05);
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:not(:last-child):after {
border-color: rgba(26, 26, 26, 0.05);
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster {
background: #ffffff;
border-color: rgba(26, 26, 26, 0.05);
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:hover, .shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:focus {
color: rgba(26, 26, 26, 0.55);
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster {
z-index: 2;
}
.shopify-model-viewer-ui .theme-event-proxy {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
cursor: pointer;
z-index: 1;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area--playing + .theme-event-proxy {
display: none;
}
/* hack for some model-viewer component 'quirks' */
model-viewer {
text-align: left;
}
model-viewer .container {
max-width: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
model-viewer button,
model-viewer button:hover {
background-color: transparent;
}
.tab-used .slick-slider model-viewer.focus-visible {
outline: none;
}
.tab-used .slick-slider model-viewer.focus-visible + .shopify-model-viewer-ui__controls-overlay::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
outline: none;
pointer-events: none;
z-index: 1;
box-shadow: 0 0 1px 1px rgba(26, 26, 26, 0.5) inset;
border-radius: 0px;
}
/* Highlights Banners */
@media screen and (max-width: 500px) {
.highlights-banners-container{
display: none;
}
}
.highlights-banners-container {
max-width: 100vw;
/* padding-right: 10px;
padding-left: 10px; */
margin-right: auto;
margin-left: auto;
}
/* @media screen and (max-width: 1079px) and (min-width: 720px) {
.highlights-banners-container{
padding-right: 1.75rem;
padding-left: 1.75rem;
}
} */
/* @media screen and (min-width: 1080px) {
.highlights-banners-container{
padding-right: 40px;
padding-left: 40px;
}
} */
.highlights-banners {
position: relative;
display: flex;
justify-content: center;
padding: 1.25rem 0;
outline: 0;
}
.highlights-banners .flickity-slider {
height: 100%;
display: flex;
align-items: center;
}
.highlights-banners:before, .highlights-banners:after {
position: absolute;
top: 0;
right: calc(100% - 20px);
bottom: 0;
left: 0;
z-index: 2;
content: '';
}
.highlights-banners:after {
right: 0;
left: calc(100% - 20px);
}
@media screen and (max-width: 1023px) {
.highlights-banners {
overflow: hidden;
}
}
@media screen and (min-width: 1024px) {
.highlights-banners {
height: auto;
padding-top: 1.75rem;
padding-bottom: 1.75rem;
}
.highlights-banners:before, .highlights-banners:after {
display: none;
}
}
.highlights-banners-block {
position: relative;
display: flex;
align-items: center;
width: 100%;
padding: 0 1.25rem;
color: #4D4D4D;
text-decoration: none;
}
.highlight-banners-align-center .highlights-banners-block {
flex-direction: column;
justify-content: center;
text-align: center;
}
.highlight-banners-align-right .highlights-banners-block {
justify-content: flex-end;
text-align: right;
}
@media screen and (max-width: 1023px) {
.highlights-banners-block {
max-width: 17.1875rem;
min-width: 12.5rem;
height: auto;
}
.flickity-slider .highlights-banners-block {
top: 0;
}
.highlight-banners-count-2 .highlights-banners-block {
width: 50%;
}
.highlight-banners-count-3 .highlights-banners-block {
width: 33%;
}
.highlight-banners-count-4 .highlights-banners-block {
width: 25%;
}
}
@media screen and (min-width: 1024px) {
.highlight-banners-count-2 .highlights-banners-block,
.highlight-banners-count-3 .highlights-banners-block {
width: 33%;
max-width: 21.25rem;
}
.highlight-banners-count-4 .highlights-banners-block {
width: 25%;
}
}
.highlights-banners-block:not(:last-of-type)::after {
position: absolute;
top: 0;
right: 0;
width: 1px;
height: 100%;
content: "";
}
.highlights-banners-icon {
width: auto;
height: 2.25rem;
margin-right: 1rem;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
@media screen and (min-width: 680px) {
.highlights-banners-icon {
height: 2.5rem;
}
}
@media screen and (min-width: 1024px) {
.highlights-banners-icon {
height: 2.875rem;
margin-right: 1.25rem;
}
}
.highlights-banners-icon svg {
height: 100%;
max-width: 3.75rem;
}
.highlights-banners-icon .highlights-banners-custom-icon {
width: auto;
height: 100%;
}
.highlight-banners-align-center .highlights-banners-icon {
margin-right: 0;
margin-bottom: 0.75rem;
}
@media screen and (min-width: 1024px) {
.highlight-banners-align-center .highlights-banners-icon {
margin-bottom: 1rem;
}
}
.highlight-banners-align-right .highlights-banners-icon {
margin-right: 0;
margin-left: 1.25rem;
}
.highlights-banners-text {
font-size: var(--font-size-body-smaller);
max-width: 100%;
line-height: 1.4;
}
.highlights-banners-text p {
margin: 0;
}
@media screen and (min-width: 1024px) {
.highlights-banners-text {
font-size: var(--font-size-body);
}
}
.highlights-banners-text a {
position: relative;
z-index: 1;
color: inherit;
text-decoration: underline;
}
.highlights-banners-heading {
/* font-size: var(--font-size-highlight-banner-heading);
font-family: ;
font-style: ;
font-weight: ; */
letter-spacing: 0.0em;
margin: 0;
}.highlights-banners-heading {
text-transform: none;
}.highlights-banners-block-link {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
button.accordion {
background-color: #fff;
color: #444;
cursor: pointer;
padding: 18px;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 15px;
transition: 0.4s;
margin-bottom: 0;
}
.Collapsible {
border-top: 1px solid #e3e3e3;
border-bottom: 1px solid #e3e3e3;
overflow: hidden;
margin-bottom: -1px;
margin-top: -1px;
box-sizing: border-box !important;
}
button.accordion:after {
content: '\002B';
color: #777;
font-weight: 300;
float: right;
margin-left: 5px;
}
button.accordion.active:after {
content: "\2212";
}
div.panel {
padding: 0 18px;
background-color: white;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
}
.Product__Tabs {
margin: 50px 0;
}
.gtd .switcher {
width:118px !important;
position: relative !important;
top:-27px;
right:-66px;
}
.gtd .switcher .option {
width:auto;
}
@media only screen and (max-width: 600px) {
.gtd .switcher {top: -68px;right: -20px; !important;Â }
}