@charset "UTF-8";
/*!
Impulse, by Archetype Themes
http://archetypethemes.co
*/
:root{
--colorBtnPrimary:{{ settings.color_button | default: "#000" }};
--colorBtnPrimaryLight:{{ settings.color_button | default: "#000" | color_lighten: 10 }};
--colorBtnPrimaryDim:{{ settings.color_button | default: "#000" | color_darken: 5 }};
--colorBtnPrimaryText:{{ settings.color_button_text | default: "#fff" }};
--colorCartDot:{{ settings.color_cart_dot | default: "#ff4f33" }};
--colorLink:{{ settings.color_body_text | default: "#1c1d1d" }};
--colorTextBody:{{ settings.color_body_text | default: "#1c1d1d" }};
--colorPrice:{{ settings.color_price | default: "#1c1d1d" }};
--colorTextSavings:{{ settings.color_savings_text | default: "#1c1d1d" }};
--colorSaleTag:{{ settings.color_sale_tag | default: "#1c1d1d" }};
--colorSaleTagText:{{ settings.color_sale_tag_text | default: "#ffffff" }};
--colorBody:{{ settings.color_body_bg | default: "#fff" }};
--colorBodyDim:{{ settings.color_body_bg | default: "#1c1d1d" | color_darken: 5 }};
--colorFooter:{{ settings.color_footer | default: "#111" }};
--colorFooterText:{{ settings.color_footer_text | default: "#fff" }};
--colorBorder:{{ settings.color_borders | default: "#1c1d1d" }};
--colorNav:{{ settings.color_header | default: "#fff" }};
--colorNavText:{{ settings.color_header_text | default: "#000" }};
--colorAnnouncement:{{ settings.color_announcement | default: "#1c1d1d" }};
--colorAnnouncementText:{{ settings.color_announcement_text | default: "#fff" }};
--colorHeroText:{{ settings.color_image_text | default: "#fff" }};
--colorModalBg:{{ settings.color_modal_overlays | default: "#000" }};
--colorImageOverlay:{{ settings.color_image_overlay | default: "#000" }};
--colorImageOverlayOpacity:{{ settings.color_image_overlay_opacity | divided_by: 100.0 }};
--colorImageOverlayTextShadow:{{ settings.color_image_overlay_text_shadow | divided_by: 100.0 }};
--colorSmallImageBg:{{ settings.color_small_image_bg | default: "#eee" }};
--colorLargeImageBg:{{ settings.color_large_image_bg | default: "#1c1d1d" }};
--colorGridOverlay:{{ settings.collection_grid_tint | default: "#000" }};
--colorGridOverlayOpacity:0.1;
--colorDrawers:{{ settings.color_drawer_background | default: "#1c1d1d" }};
--colorDrawersDim:{{ settings.color_drawer_background | default: "#1c1d1d" | color_darken: 5 }};
--colorDrawerBorder:{{ settings.color_drawer_border | default: "#343535" }};
--colorDrawerText:{{ settings.color_drawer_text | default: "#fff" }};
--colorDrawerTextDark:{{ settings.color_drawer_text | default: "#fff" | color_darken: 15 }};
--colorDrawerButton:{{ settings.color_drawer_button | default: "#a26b25" }};
--colorDrawerButtonText:{{ settings.color_drawer_button_text | default: "#fff" }};
--grid-gutter:17px;
--drawer-gutter:20px;
--sizeChartMargin:25px 0;
--sizeChartIconMargin:5px;
--newsletterReminderPadding:40px;
--color-body-text:{{ settings.color_body_text | default: "#1c1d1d" }};
--color-body:{{ settings.color_body_bg | default: "#fff" }};
--color-bg:{{ settings.color_body_bg | default: "#fff" }};
}
@media only screen and (min-width:769px){
:root{
--grid-gutter:22px;
--drawer-gutter:30px;
}
}
@keyframes spin{
0%{
transform:rotate(0deg);
}
to{
transform:rotate(360deg);
}
}
@keyframes preloading{
0%{ transform-origin:0% 50%; transform:scaleX(0); opacity:0; }
40%{ transform-origin:0% 50%; transform:scaleX(1); opacity:1; }
41%{ transform-origin:100% 50%; transform:scaleX(1); opacity:1; }
to{ transform-origin:100% 50%; transform:scaleX(0); opacity:1; }
}
@keyframes slideshowBars{
0%{ transform:translateX(-100%); }
to{ transform:translateX(0); }
}
@keyframes grid-product__loading{
0%{ opacity:1; }
60%{ opacity:0; }
to{ opacity:1; }
}
@keyframes shine{
to{
left:-200%;
}
}
@keyframes overlay-on{
0%{ opacity:0; }
to{ opacity:0.6; }
}
@keyframes overlay-off{
0%{ opacity:0.6; }
to{ opacity:0; }
}
@keyframes full-overlay-on{
0%{ opacity:0; }
to{ opacity:1; }
}
@keyframes full-overlay-off{
0%{ opacity:1; }
to{ opacity:0; }
}
@keyframes modal-open{
0%{
opacity:0;
transform:translateY(30px);
}
to{
opacity:1;
transform:translateY(0);
}
}
@keyframes modal-closing{
0%{
opacity:1;
transform:scale(1);
}
to{
opacity:0;
transform:scale(0.9);
}
}
@keyframes rise-up{
0%{
opacity:1;
transform:translateY(120%);
}
to{
opacity:1;
transform:translateY(0%);
}
}
@keyframes rise-up-out{
0%{
opacity:1;
transform:translateY(0%);
}
to{
opacity:1;
transform:translateY(-120%);
}
}
@keyframes fade-in{
0%{
opacity:0;
}
to{
opacity:1;
}
}
@keyframes fade-out{
0%{
opacity:1;
}
to{
opacity:0;
}
}
@keyframes zoom-fade{
0%{
opacity:0;
transform:scale(1.3);
}
to{
opacity:1;
transform:scale(1);
}
}
@keyframes placeholder-shimmer{
0%{
background-position:-150% 0;
}
to{
background-position:150% 0;
}
}
.flickity-enabled{
position:relative;
}
.flickity-enabled:focus{ outline:none; }
.flickity-viewport{
overflow:hidden;
position:relative;
transition:height 0.35s;
height:100%;
}
.flickity-slider{
position:absolute;
width:100%;
height:100%;
}
.flickity-enabled.is-draggable{
-webkit-user-select:none;
user-select:none;
}
.flickity-enabled.is-draggable .flickity-viewport{
cursor:move;
cursor:grab;
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{
cursor:grabbing;
}
.flickity-button{
position:absolute;
border:none;
color:{{ settings.color_button_text | default: "#fff" }};
color:var(--colorBtnPrimaryText);
background:{{ settings.color_button | default: "#000" }};
background:var(--colorBtnPrimary);
border-radius:50%
}
.hero .flickity-button{
color:{{ settings.color_body_text | default: "#1c1d1d" }};
color:var(--colorTextBody);
background-color:{{ settings.color_body_bg | default: "#fff" }};
background-color:var(--colorBody);
box-shadow:0 5px 5px rgba(0, 0, 0, 0.1)
}
.flickity-button:hover{
cursor:pointer;
opacity:1;
}
.flickity-button:disabled{
display:none;
cursor:auto;
pointer-events:none;
}
.flickity-prev-next-button{
top:50%;
width:40px;
height:40px;
transform:translateY(-50%)
}
@media only screen and (max-width:768px){
.flickity-prev-next-button{
width:33px;
height:33px
}
}
.flickity-prev-next-button:hover{
transform:translateY(-50%) scale(1.12);
}
.flickity-prev-next-button:active{
transform:translateY(-50%) scale(1);
transition:transform 0.05s ease-out;
}
.flickity-previous{ left:10px; }
.flickity-next{ right:10px; }
.flickity-rtl .flickity-previous{
left:auto;
right:10px;
}
.flickity-rtl .flickity-next{
right:auto;
left:10px;
}
.flickity-button-icon{
position:absolute;
left:35%;
top:35%;
width:30%;
height:30%;
fill:currentColor;
}
.flickity-page-dots{
position:absolute;
width:100%;
bottom:-25px;
padding:0;
margin:0;
list-style:none;
text-align:center;
line-height:1;
color:currentColor
}
.hero .flickity-page-dots{
bottom:20px;
color:#fff
}
.flickity-rtl .flickity-page-dots{ direction:rtl; }
.flickity-page-dots .dot{
display:inline-block;
vertical-align:middle;
width:6px;
height:6px;
margin:0 5px;
border-radius:100%;
cursor:pointer;
background-color:currentColor;
opacity:0.4
}
.flickity-page-dots .dot:hover{
opacity:0.6;
}
.flickity-page-dots .dot.is-selected{
opacity:1;
background-color:currentColor;
width:9px;
height:9px;
}
.flickity-enabled.is-fade .flickity-slider>*{
pointer-events:none;
z-index:0;
}
.flickity-enabled.is-fade .flickity-slider>.is-selected{
pointer-events:auto;
z-index:1;
}
.hero[data-arrows=true]{
overflow:visible;
z-index:5
}
.hero[data-arrows=true] .flickity-prev-next-button{
top:auto;
bottom:-20px;
transform:none;
}
.hero[data-arrows=true] .flickity-prev-next-button:hover{
transform:scale(1.12);
}
.hero[data-arrows=true] .flickity-prev-next-button:active{
transform:scale(1);
}
.hero[data-arrows=true] .flickity-previous{
left:auto;
right:90px;
}
.hero[data-arrows=true] .flickity-next{
right:40px;
}
.hero[data-arrows=true].flickity-rtl .flickity-previous{
right:auto;
left:90px;
}
.hero[data-arrows=true].flickity-rtl .flickity-next{
right:auto;
left:40px;
}
@media only screen and (max-width:768px){
.hero[data-arrows=true] .flickity-prev-next-button{
bottom:-16px;
}
.hero[data-arrows=true] .flickity-previous{
right:60px;
}
.hero[data-arrows=true] .flickity-next{
right:20px;
}
.hero[data-arrows=true].flickity-rtl .flickity-previous{
left:60px;
}
.hero[data-arrows=true].flickity-rtl .flickity-next{
left:20px;
}
}
[data-bars=true].hero .flickity-page-dots{
bottom:0;
height:6px;
line-height:6px;
z-index:6;
}
[data-bars=true] .flickity-page-dots .dot{
position:relative;
border-radius:0;
width:120px;
height:6px;
border:0;
opacity:1;
vertical-align:top;
background:none;
overflow:hidden
}
@media only screen and (max-width:768px){
[data-bars=true] .flickity-page-dots .dot{
width:45px
}
}
[data-bars=true] .flickity-page-dots .dot:after,[data-bars=true] .flickity-page-dots .dot:before{
content:"";
display:block;
position:absolute;
left:0;
height:100%;
width:100%;
background-color:currentColor;
}
[data-bars=true] .flickity-page-dots .dot:before{
opacity:0.4;
}
[data-bars=true] .flickity-page-dots .dot:hover:before{
opacity:0.6;
}
[data-bars=true] .flickity-page-dots .dot:after{
transform:translateX(-100%);
transition:none;
}
[data-bars=true] .flickity-page-dots .dot.is-selected:after{
animation:slideshowBars 0s linear forwards;
}
.noUi-target,.noUi-target *{
-webkit-touch-callout:none;
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
-webkit-user-select:none;
touch-action:none;
user-select:none;
box-sizing:border-box;
}
.noUi-target{
position:relative;
}
.noUi-base,.noUi-connects{
width:100%;
height:100%;
position:relative;
z-index:1;
}
.noUi-connects{
overflow:hidden;
z-index:0;
}
.noUi-connect,.noUi-origin{
will-change:transform;
position:absolute;
z-index:1;
top:0;
right:0;
-ms-transform-origin:0 0;
-webkit-transform-origin:0 0;
-webkit-transform-style:preserve-3d;
transform-origin:0 0;
transform-style:flat;
}
.noUi-connect{
height:100%;
width:100%;
}
.noUi-origin{
height:10%;
width:10%;
}
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{
left:0;
right:auto;
}
.noUi-vertical .noUi-origin{
width:0;
}
.noUi-horizontal .noUi-origin{
height:0;
}
.noUi-handle{
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
position:absolute;
}
.noUi-touch-area{
height:100%;
width:100%;
}
.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{
transition:transform 0.3s;
}
.noUi-state-drag *{
cursor:inherit !important;
}
.noUi-horizontal{
height:18px;
}
.noUi-horizontal .noUi-handle{
width:34px;
height:28px;
right:-17px;
top:-6px;
}
.noUi-vertical{
width:18px;
}
.noUi-vertical .noUi-handle{
width:28px;
height:34px;
right:-6px;
top:-17px;
}
.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{
left:-17px;
right:auto;
}
.noUi-target{
background:#fafafa;
border-radius:4px;
border:1px solid #d3d3d3;
box-shadow:inset 0 1px 1px #f0f0f0,0 3px 6px -5px #bbb;
}
.noUi-connects{
border-radius:3px;
}
.noUi-connect{
background:#3fb8af;
}
.noUi-draggable{
cursor:ew-resize;
}
.noUi-vertical .noUi-draggable{
cursor:ns-resize;
}
.noUi-handle{
border:1px solid #d9d9d9;
border-radius:3px;
background:#fff;
cursor:default;
box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ebebeb,0 3px 6px -3px #bbb;
}
.noUi-active{
box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ddd,0 3px 6px -3px #bbb;
}
.noUi-handle:after,.noUi-handle:before{
content:"";
display:block;
position:absolute;
height:14px;
width:1px;
background:#e8e7e6;
left:14px;
top:6px;
}
.noUi-handle:after{
left:17px;
}
.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{
width:14px;
height:1px;
left:6px;
top:14px;
}
.noUi-vertical .noUi-handle:after{
top:17px;
}
[disabled] .noUi-connect{
background:#b8b8b8;
}
[disabled].noUi-handle,[disabled] .noUi-handle,[disabled].noUi-target{
cursor:not-allowed;
}
.noUi-pips,.noUi-pips *{
box-sizing:border-box;
}
.noUi-pips{
position:absolute;
color:#999;
}
.noUi-value{
position:absolute;
white-space:nowrap;
text-align:center;
}
.noUi-value-sub{
color:#ccc;
font-size:10px;
}
.noUi-marker{
position:absolute;
background:#ccc;
}
.noUi-marker-sub{
background:#aaa;
}
.noUi-marker-large{
background:#aaa;
}
.noUi-pips-horizontal{
padding:10px 0;
height:80px;
top:100%;
left:0;
width:100%;
}
.noUi-value-horizontal{
transform:translate(-50%, 50%);
}
.noUi-rtl .noUi-value-horizontal{
transform:translate(50%, 50%);
}
.noUi-marker-horizontal.noUi-marker{
margin-left:-1px;
width:2px;
height:5px;
}
.noUi-marker-horizontal.noUi-marker-sub{
height:10px;
}
.noUi-marker-horizontal.noUi-marker-large{
height:15px;
}
.noUi-pips-vertical{
padding:0 10px;
height:100%;
top:0;
left:100%;
}
.noUi-value-vertical{
transform:translateY(-50%);
padding-left:25px;
}
.noUi-rtl .noUi-value-vertical{
transform:translateY(50%);
}
.noUi-marker-vertical.noUi-marker{
width:5px;
height:2px;
margin-top:-1px;
}
.noUi-marker-vertical.noUi-marker-sub{
width:10px;
}
.noUi-marker-vertical.noUi-marker-large{
width:15px;
}
.noUi-tooltip{
display:block;
position:absolute;
border:1px solid #d9d9d9;
border-radius:3px;
background:#fff;
color:#000;
padding:5px;
text-align:center;
white-space:nowrap;
}
.noUi-horizontal .noUi-tooltip{
transform:translate(-50%);
left:50%;
bottom:120%;
}
.noUi-vertical .noUi-tooltip{
transform:translateY(-50%);
top:50%;
right:120%;
}
.noUi-horizontal .noUi-origin>.noUi-tooltip{
transform:translate(50%);
left:auto;
bottom:10px;
}
.noUi-vertical .noUi-origin>.noUi-tooltip{
transform:translateY(-18px);
top:auto;
right:28px;
}
tool-tip{
display:none;
}
tool-tip[data-tool-tip-open=true]{
display:flex;
justify-content:center;
align-items:center;
z-index:10001;
position:fixed;
top:0;
left:0;
width:100%;
height:100%
}
tool-tip[data-tool-tip-open=true]:before{
content:"";
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background-color:#e0e0e0;
background-color:{{ settings.color_modal_overlays | default: "#000" }};
background-color:var(--colorModalBg);
animation:overlay-on 0.3s forwards;
cursor:pointer;
}
.tool-tip__inner{
animation:modal-close 0.3s forwards;
opacity:0
}
tool-tip[data-tool-tip-open=true] .tool-tip__inner{
animation:modal-open 0.3s forwards;
display:block;
position:fixed;
background:{{ settings.color_body_bg | default: "#fff" }};
background:var(--colorBody);
box-shadow:0 10px 20px rgba(0, 0, 0, 0.0902);
padding:30px;
max-width:720px;
min-width:250px;
min-height:250px
}
@media only screen and (max-width:768px){
tool-tip[data-tool-tip-open=true] .tool-tip__inner{
width:100%;
max-width:93%
}
}
.tool-tip__content{
overflow:auto;
max-height:80vh
}
@media only screen and (max-width:768px){
.tool-tip__content{
font-size:0.85em
}
}
.tool-tip__close{
position:absolute;
top:0;
right:0;
}
.tool-tip__close .icon{
width:28px;
height:28px;
}
.tool-tip-trigger{
background:none;
border:0;
cursor:pointer;
}
.tool-tip-trigger .icon{
width:28px;
height:28px;
}
.tool-tip-trigger__title{
display:inline-block;
}
.tool-tip-trigger__title:focus,.tool-tip-trigger__title:hover{
text-decoration:underline;
text-underline-offset:2px;
}
.tool-tip-trigger__content{
display:none !important;
}
.size-chart__standalone{
margin:25px 0;
margin:var(--sizeChartMargin)
}
.size-chart__standalone svg{
margin-left:5px;
margin-left:var(--sizeChartIconMargin);
}
.text-with-icons__blocks{
display:flex;
flex-wrap:wrap;
justify-content:center;
margin-left:-30px;
margin-right:-30px
}
@media only screen and (max-width:768px){
.text-with-icons__blocks{
flex-direction:column;
margin:0
}
}
.has-1-per-row .text-with-icons__block{
width:100%;
}
.has-2-per-row .text-with-icons__block{
width:50%;
}
.has-3-per-row .text-with-icons__block{
width:33.333%;
}
.has-4-per-row .text-with-icons__block{
width:25%;
}
.has-5-per-row .text-with-icons__block{
width:20%;
}
.text-with-icons__blocks .text-with-icons__block{
display:flex;
flex-direction:column;
flex:none;
padding:30px
}
@media only screen and (max-width:768px){
.text-with-icons__blocks .text-with-icons__block{
width:100%;
padding:0 0 60px
}
}
.text-with-icons__block-icon{
display:block;
margin-bottom:10px
}
.text-with-icons__block-icon .icon{
width:70px;
height:70px
}
@media only screen and (max-width:768px){
.text-with-icons__block-icon .icon{
width:60px;
height:60px
}
}
.text-with-icons__button{
display:flex;
justify-content:center;
}
newsletter-reminder{
position:fixed;
left:20px;
bottom:20px;
transition:opacity 0.3s ease-in-out;
box-shadow:0px 12px 25px rgba(0, 0, 0, 0.15);
max-width:240px;
z-index:10
}
@media only screen and (max-width:768px){
newsletter-reminder{
max-width:calc(100% - 40px)
}
}
newsletter-reminder[data-enabled=false]{
opacity:0;
visibility:hidden;
pointer-events:none;
}
newsletter-reminder[class*=color-scheme-]:not(.color-scheme-none){
position:fixed;
}
newsletter-reminder .color-scheme-none{
color:{{ settings.color_button_text | default: "#fff" }};
color:var(--colorBtnPrimaryText);
background-color:{{ settings.color_button | default: "#000" }};
background-color:var(--colorBtnPrimary);
}
.newsletter-reminder__message.h3{
cursor:pointer;
padding:40px;
padding:var(--newsletterReminderPadding);
margin:0;
}
.parallax-image{
height:100%;
overflow:hidden;
transition:transform 0.05s linear;
}
.countdown-wrapper{
position:relative;
}
.countdown__background-image-wrapper{
width:100%;
height:100%;
position:absolute;
}
.countdown__background-image{
position:absolute;
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
top:0;
left:0;
}
.countdown__mobile-image-wrapper{
width:100%;
height:100%;
position:absolute;
}
.countdown__mobile-image{
height:100%;
-o-object-fit:cover;
object-fit:cover;
}
.countdown-layout--banner .countdown__content{
padding:2rem
}
@media only screen and (min-width:769px){
.countdown-layout--banner .countdown__content{
display:flex;
flex-wrap:nowrap;
flex-direction:row;
justify-content:space-around;
grid-gap:1rem;
gap:1rem;
padding:1.6rem 2rem
}
}
.countdown-layout--banner.countdown-blocks--2.page-width .countdown__content{
justify-content:space-around;
}
.countdown-layout--banner.countdown-blocks--2 .countdown__content{
justify-content:center;
}
@media only screen and (min-width:769px){
.countdown-layout--banner .countdown__block{
width:33%
}
}
.countdown__content{
width:100%;
height:auto;
max-height:650px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
padding:5rem 2rem;
text-align:center
}
.page-width .countdown__content{
position:relative
}
@media only screen and (min-width:769px){
.countdown-layout--hero .countdown__content{
height:100vh
}
}
.countdown__block{
width:100%;
margin:1rem auto;
z-index:3;
}
.countdown__block--content{
display:flex;
flex-direction:column;
justify-content:center;
align-items:center
}
.countdown__block--content .countdown__block--button{
width:100%;
margin:0;
}
@media only screen and (min-width:769px){
.countdown-blocks--2.countdown-layout--banner .countdown__block--content,.countdown-blocks--2.countdown-layout--banner .countdown__block--timer{
width:50%
}
}
@media only screen and (min-width:769px){
.countdown-blocks--2.countdown-layout--banner .countdown__block--button.button-block-active{
width:50%
}
}
.countdown__text-wrapper{
display:flex;
flex-direction:column;
justify-content:center
}
@media only screen and (min-width:769px){
.countdown-layout--hero .countdown__text-wrapper{
width:50%
}
}
.countdown__text-wrapper--content-alignment-left{
text-align:left;
}
.countdown__text-wrapper--content-alignment-right{
text-align:right;
}
.countdown__display{
display:flex;
justify-content:center;
}
.countdown__display--visible+.countdown__timer-message--visible{
margin-top:1.5rem;
}
.countdown__display--hidden{
visibility:hidden;
opacity:0;
width:0;
height:0;
margin:0;
transition:opacity 3s ease-out;
}
.countdown__display-block{
display:flex;
flex-wrap:wrap;
flex-direction:column;
align-content:center;
border-right:1px solid;
padding:0 1rem
}
.countdown__display-block h2{
margin-bottom:16px
}
@media only screen and (min-width:769px){
.countdown__display-block h2{
margin-bottom:4px
}
}
.countdown__display-block span{
font-size:0.6rem;
letter-spacing:1.7px
}
@media only screen and (min-width:769px){
.countdown__display-block span{
font-size:0.75rem
}
}
.countdown__display-block:last-child{
border-right:none;
}
.countdown__timer-message{
opacity:0;
visibility:hidden;
margin:0;
height:0;
}
.countdown__timer-message--visible{
opacity:1;
visibility:visible;
transition:opacity 1s ease-in;
height:auto;
}
.countdown__block--hidden{
opacity:0;
visibility:hidden;
margin:0;
transition:opacity 1s ease-out;
width:0 !important;
}
.countdown__overlay:after{
content:"";
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
right:0;
bottom:0;
z-index:2;
background-color:var(--countdown-overlay-rgba);
}
@media only screen and (max-width:768px){
.hotspots-section .index-section{
margin-bottom:10px
}
}
.hotspots-section .hotspots-wrapper{
display:flex;
flex-wrap:wrap
}
.hotspots-section .hotspots-wrapper.is-reverse{
flex-direction:row-reverse;
}
.hotspots__title{
width:100%;
padding-top:1.5rem;
}
.hotspots{
position:relative;
width:70%
}
@media only screen and (max-width:768px){
.hotspots{
width:100%
}
}
.hotspots .grid__image-ratio img{
opacity:1;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover
}
[data-animate_images=true] .hotspots .grid__image-ratio img{
opacity:1
}
.hotspots__buttons{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.hotspot__button{
padding:10px;
border-radius:50%;
position:absolute;
line-height:0;
transform:translate(-50%, -50%)
}
@media only screen and (max-width:768px){
.hotspot__button{
padding:6px
}
}
.hotspot__button:hover .hotspot__button-content{
opacity:1;
visibility:visible;
pointer-events:auto;
}
.hotspot__button-content{
color:{{ settings.color_body_text | default: "#1c1d1d" }};
color:var(--colorTextBody);
background-color:{{ settings.color_body_bg | default: "#fff" }};
background-color:var(--colorBody);
opacity:0;
visibility:hidden;
pointer-events:none;
padding:1rem;
position:absolute;
top:calc(100% + 1rem);
left:50%;
transform:translateX(-50%);
transition:opacity 0.3s ease-in-out;
min-width:5rem;
border-radius:5px;
box-shadow:3px 3px 10px 3px rgba(0, 0, 0, 0.2)
}
.hotspot__button-content p,.hotspot__button-content span{
white-space:nowrap;
margin-bottom:0
}
.hotspot__button-content:before{
position:absolute;
top:-10px;
left:50%;
content:"";
width:0px;
height:0px;
border-style:solid;
border-width:0 5px 10px 5px;
transform:translateX(-50%);
border-color:transparent transparent {{ settings.color_body_bg | default: "#fff" }} transparent;
border-color:transparent transparent var(--colorBody) transparent;
}
.hotspot__button-content .content__prices{
display:flex;
flex-wrap:nowrap;
}
.hotspots__content{
width:30%;
padding:24px;
display:flex;
align-items:center
}
.page-width .hotspots__content{
padding-right:0;
padding-left:40px
}
@media only screen and (max-width:768px){
.page-width .hotspots__content{
padding-left:0
}
}
.page-width.is-reverse .hotspots__content{
padding-left:0;
padding-right:40px
}
@media only screen and (max-width:768px){
.page-width.is-reverse .hotspots__content{
padding-right:20px
}
}
@media only screen and (max-width:768px){
.hotspots__content{
width:100%;
padding:1rem 20px 0
}
}
.hotspot-content__block{
display:none;
max-height:0;
width:100%;
animation:fade-in .5s ease 0s forwards;
position:sticky;
top:0
}
.modal-closing .hotspot-content__block,.modal-open .hotspot-content__block{
animation:none;
position:static
}
@media only screen and (max-width:768px){
.hotspot-content__block{
align-items:center;
position:relative;
padding-top:0
}
}
.hotspot-content__block.is-active{
display:block;
max-height:none;
}
.hotspot-content__block .grid-product__image-wrap{
margin:0;
}
.hotspot-content__block .grid__item{
display:block;
float:none;
padding:0;
}
.hotspot-content__block .grid-product__tags{
margin-left:0;
}
@media only screen and (max-width:768px){
.hotspot-content__block .grid-product__tag{
right:auto;
left:0
}
}
.hotspot-content__block .grid-item__meta,.hotspot-content__block .grid-product__meta{
padding-top:10px
}
@media only screen and (max-width:768px){
.hotspot-content__block .grid-item__meta,.hotspot-content__block .grid-product__meta{
display:flex;
justify-content:center;
flex-direction:column;
flex-wrap:wrap;
padding-left:10px;
padding-top:0;
text-align:left
}
.hotspot-content__block .grid-item__meta .grid-item__meta-main,.hotspot-content__block .grid-item__meta .grid-item__meta-secondary,.hotspot-content__block .grid-product__meta .grid-item__meta-main,.hotspot-content__block .grid-product__meta .grid-item__meta-secondary{
width:100%;
flex:none;
}
}
@media only screen and (max-width:768px){
.hotspot-content__block .grid-product{
padding-right:0;
padding-left:0;
}
.hotspot-content__block .quick-add-btn{
display:none;
}
.hotspot-content__block .grid-item__link,.hotspot-content__block .grid-product__link{
display:flex;
flex-wrap:nowrap;
}
[data-grid-style=grey-round] .hotspot-content__block .grid-item__link{
border-radius:10px 0 0 10px
}
[data-grid-style=white-round] .hotspot-content__block .grid-item__link{
border-radius:10px 0 0 10px
}
.hotspot-content__block .grid-product__image-mask,.hotspot-content__block .grid-product__image-wrap,.hotspot-content__block .product-slider{
width:30%;
}
.hotspot-content__block .grid-product__actions{
right:auto;
left:10px;
top:10px;
}
}
.hotspot-content__block .modal .grid__item{
float:left;
}
image-compare{
position:relative;
display:block;
width:100%;
background:#222;
overflow:hidden;
}
.comparison__draggable{
position:absolute;
top:0;
height:100%;
width:50%;
overflow:hidden;
}
.comparison__image{
width:100%;
height:100%;
max-width:none;
-o-object-fit:cover;
object-fit:cover;
display:block;
-webkit-user-select:none;
user-select:none;
}
.comparison__image-wrapper{
width:100%;
height:100%;
}
.comparison__button{
width:64px;
height:64px;
position:absolute;
border-radius:50%;
left:50%;
top:50%;
transform:translate(-32px, -50%);
border:0;
cursor:pointer;
z-index:3;
display:flex;
flex-wrap:nowrap;
justify-content:center;
align-items:center;
border:3px solid #fff
}
.comparison--style-minimal .comparison__button{
border:0;
background:transparent;
width:auto;
transform:translate(-56px, -50%)
}
.comparison--style-minimal .comparison__button svg{
margin:0 20px
}
@supports (-webkit-touch-callout:none){
.comparison--style-minimal .comparison__button svg{
position:absolute
}
.comparison--style-minimal .comparison__button svg.icon-chevron-left{
left:2px;
width:9px;
}
.comparison--style-minimal .comparison__button svg.icon-chevron-right{
right:2px;
width:9px;
}
}
@media only screen and (max-width:768px){
.comparison--style-classic .comparison__button{
width:48px;
height:48px;
transform:translate(-24px, -50%)
}
}
.comparison__button svg{
width:12px;
height:auto;
pointer-events:none;
margin:0 5px;
}
.comparison__button:before{
content:"";
width:2px;
position:absolute;
background-color:#fff !important;
}
.comparison__button:after{
content:"";
width:2px;
height:50%;
position:absolute;
bottom:0%;
left:50%;
transform:translate(-50%);
background-color:#fff !important;
}
.age-verification-popup .rte{
margin-top:20px;
margin-bottom:20px
}
@media only screen and (min-width:769px){
.age-verification-popup .rte{
margin-bottom:30px
}
}
.age-verification-popup .age-verification-popup__btns-wrapper{
display:flex;
flex-wrap:wrap;
justify-content:center;
grid-gap:10px;
gap:10px;
}
.age-verification-popup__background-image-wrapper{
overflow:hidden;
width:100%;
height:100%;
position:absolute;
}
.age-verification-popup__background-image{
-o-object-fit:cover;
object-fit:cover;
width:100%;
height:100%;
}
.age-verification-popup__content--active{
opacity:1;
transition:opacity 1.5s ease-in;
}
.age-verification-popup__content--inactive,.age-verification-popup__content--inactive *,.age-verification-popup__content--inactive .btn{
opacity:0;
width:0;
height:0;
position:absolute;
visibility:hidden;
padding:0;
border:0;
margin:0;
line-height:0;
font-size:0;
}
.age-verification-popup__decline-content--inactive,.age-verification-popup__decline-content--inactive *,.age-verification-popup__decline-content--inactive .btn{
opacity:0;
width:0;
height:0;
position:absolute;
visibility:hidden;
padding:0;
border:0;
margin:0;
line-height:0;
font-size:0;
}
.age-verification-popup__decline-content--active{
opacity:1;
transition:opacity 1.5s ease-in;
}
.age-verification-popup__content-wrapper{
text-align:center;
max-width:520px;
margin:0 auto;
}
product-recommendations[data-intent=complementary]{
display:block
}
product-recommendations[data-intent=complementary] .product-recommendations__title{
margin-top:40px;
width:100%;
max-width:72%;
margin-bottom:20px;
text-align:left;
}
product-recommendations[data-intent=complementary] .grid{
margin-left:0;
}
product-recommendations[data-intent=complementary] .grid-item,product-recommendations[data-intent=complementary] .grid__item{
margin-bottom:1rem;
padding-left:0;
padding-bottom:8px
}
@media only screen and (max-width:768px){
product-recommendations[data-intent=complementary] .grid-item,product-recommendations[data-intent=complementary] .grid__item{
margin-left:0 !important;
flex:0 0 100%
}
}
product-recommendations[data-intent=complementary] .grid-product__image-wrap{
min-width:90px;
}
product-recommendations[data-intent=complementary] .grid__image-ratio{
background-color:transparent;
}
product-recommendations[data-intent=complementary] img.image-style--circle{
border-radius:50%;
-o-object-fit:cover;
object-fit:cover;
width:85%;
height:85%;
position:absolute;
top:0;
right:0;
left:0;
bottom:0;
margin:auto;
}
product-recommendations[data-intent=complementary] .grid-item__link,product-recommendations[data-intent=complementary] .grid-product__link{
display:flex;
align-items:center
}
product-recommendations[data-intent=complementary] .grid-item__link .grid-product__image-mask,product-recommendations[data-intent=complementary] .grid-item__link .grid-product__image-wrap,product-recommendations[data-intent=complementary] .grid-item__link .image-wrap,product-recommendations[data-intent=complementary] .grid-product__link .grid-product__image-mask,product-recommendations[data-intent=complementary] .grid-product__link .grid-product__image-wrap,product-recommendations[data-intent=complementary] .grid-product__link .image-wrap{
width:112px;
margin:0;
}
product-recommendations[data-intent=complementary] .grid-item__link .grid-product__meta,product-recommendations[data-intent=complementary] .grid-product__link .grid-product__meta{
margin-left:48px;
width:calc(100% - 112px);
text-align:left;
}
product-recommendations[data-intent=complementary] .grid-product__actions{
top:0;
right:0;
}
product-recommendations[data-intent=complementary] .grid-product__tag{
top:auto;
right:auto;
left:0;
bottom:0;
}
product-recommendations[data-intent=complementary] .flickity-viewport{
width:100%;
}
product-recommendations[data-intent=complementary] .flickity-previous{
left:auto;
top:-32px;
right:50px
}
@media only screen and (max-width:768px){
product-recommendations[data-intent=complementary] .flickity-previous{
right:45px
}
}
product-recommendations[data-intent=complementary] .flickity-next{
right:0;
top:-32px;
}
product-recommendations[data-intent=complementary] .flickity-page-dots{
top:-41px;
right:0;
width:auto;
bottom:auto;
}
product-recommendations[data-intent=complementary] .flickity-button:disabled{
display:block;
opacity:0.35;
}
.product-recommendations__slide{
display:block;
overflow:hidden;
width:100%;
margin:0;
padding:0
}
@media only screen and (max-width:768px){
.product-recommendations__slide{
display:flex;
flex-wrap:wrap
}
}
.product-recommendations__slide .grid__item:last-child{
margin-bottom:0;
padding-bottom:0;
}
.product-recommendations--title-missing{
margin-top:80px;
}
img{
display:block;
max-width:100%;
}
.image-wrap img{
width:100%;
height:100%;
position:absolute;
-o-object-fit:cover;
object-fit:cover;
}
.svg-mask{
background:transparent !important;
background-color:transparent !important;
padding-bottom:100% !important;
position:relative !important
}
.svg-mask .grid__image-ratio{
background:transparent !important;
background-color:transparent !important;
}
.svg-mask img,.svg-mask svg{
-webkit-mask-size:100% 100%;
mask-size:100% 100%;
-webkit-mask-repeat:no-repeat;
mask-repeat:no-repeat;
-webkit-mask-position:center;
mask-position:center;
height:100% !important;
position:absolute !important;
-o-object-fit:cover !important;
object-fit:cover !important;
}
.svg-mask--landscape{
padding-bottom:56.25% !important;
}
.svg-mask--portrait{
padding-bottom:150% !important;
}
.svg-mask--square{
padding-bottom:100% !important;
}
.svg-mask--rounded-top img,.svg-mask--rounded-top svg{
border-top-right-radius:50%;
border-top-left-radius:50%;
}
.svg-mask--rounded img,.svg-mask--rounded svg{
border-radius:50%;
}
.svg-mask--star img,.svg-mask--star svg{
-webkit-mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTI4NCIgaGVpZ2h0PSIxMjUxIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik02NDIgMGwxNzcuMDA3IDI5MC40NDEgMzM3LjQ0My00Mi42OTctMTE2LjcyIDMxOS40NzYgMjQzLjc3IDIzNy4xOTktMzIyLjU0NCAxMDcuOTQtMzMuNDYxIDMzOC40ODFMNjQyIDEwNjUuOTZsLTI4NS40OTYgMTg0Ljg4LTMzLjQ2LTMzOC40ODFMLjQ5NyA4MDQuNDE5IDI0NC4yNjggNTY3LjIyIDEyNy41NTUgMjQ3Ljc0NGwzMzcuNDM4IDQyLjY5N0w2NDIgMHoiIGZpbGw9IiNBNDk1RkIiLz48L3N2Zz4=");
mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTI4NCIgaGVpZ2h0PSIxMjUxIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik02NDIgMGwxNzcuMDA3IDI5MC40NDEgMzM3LjQ0My00Mi42OTctMTE2LjcyIDMxOS40NzYgMjQzLjc3IDIzNy4xOTktMzIyLjU0NCAxMDcuOTQtMzMuNDYxIDMzOC40ODFMNjQyIDEwNjUuOTZsLTI4NS40OTYgMTg0Ljg4LTMzLjQ2LTMzOC40ODFMLjQ5NyA4MDQuNDE5IDI0NC4yNjggNTY3LjIyIDEyNy41NTUgMjQ3Ljc0NGwzMzcuNDM4IDQyLjY5N0w2NDIgMHoiIGZpbGw9IiNBNDk1RkIiLz48L3N2Zz4=");
}
.svg-mask--rounded-wave img,.svg-mask--rounded-wave svg{
-webkit-mask-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTA2NiIgaGVpZ2h0PSIxMDY2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik00OTIuNTA5IDMxLjgzYzEwLjU0NS00Mi4xNDUgNzAuNDM3LTQyLjE0NSA4MC45ODIgMCA4LjkzMyAzNS43MDEgNTYuMzQyIDQzLjIxIDc1Ljg3IDEyLjAxNkM2NzIuNDEzIDcuMDIzIDcyOS4zNzQgMjUuNTMgNzI2LjM4IDY4Ljg3Yy0yLjUzNyAzNi43MTUgNDAuMjMxIDU4LjUwNiA2OC40NDMgMzQuODczIDMzLjMwMi0yNy44OTcgODEuNzU3IDcuMzA3IDY1LjUxNiA0Ny42LTEzLjc1OCAzNC4xMzQgMjAuMTgzIDY4LjA3NSA1NC4zMTcgNTQuMzE3IDQwLjI5My0xNi4yNDEgNzUuNDk3IDMyLjIxNCA0Ny42IDY1LjUxNi0yMy42MzMgMjguMjEyLTEuODQyIDcwLjk4IDM0Ljg3MyA2OC40NDMgNDMuMzQxLTIuOTk0IDYxLjg1MSA1My45NjcgMjUuMDIxIDc3LjAxOS0zMS4xOSAxOS41MjgtMjMuNjgxIDY2LjkzNyAxMi4wMiA3NS44NyA0Mi4xNCAxMC41NDUgNDIuMTQgNzAuNDM3IDAgODAuOTgyLTM1LjcwMSA4LjkzMy00My4yMSA1Ni4zNDItMTIuMDIgNzUuODcgMzYuODMgMjMuMDUyIDE4LjMyIDgwLjAxMy0yNS4wMjEgNzcuMDE5LTM2LjcxNS0yLjUzNy01OC41MDYgNDAuMjMxLTM0Ljg3MyA2OC40NDMgMjcuODk3IDMzLjMwMi03LjMwNyA4MS43NTctNDcuNiA2NS41MTYtMzQuMTM0LTEzLjc1OC02OC4wNzUgMjAuMTgzLTU0LjMxNyA1NC4zMTcgMTYuMjQxIDQwLjI5My0zMi4yMTQgNzUuNDk3LTY1LjUxNiA0Ny42LTI4LjIxMi0yMy42MzMtNzAuOTgtMS44NDItNjguNDQzIDM0Ljg3MyAyLjk5NCA0My4zNDEtNTMuOTY3IDYxLjg1MS03Ny4wMTkgMjUuMDIxLTE5LjUyOC0zMS4xOS02Ni45MzctMjMuNjgxLTc1Ljg3IDEyLjAyLTEwLjU0NSA0Mi4xNC03MC40MzcgNDIuMTQtODAuOTgyIDAtOC45MzMtMzUuNzAxLTU2LjM0Mi00My4yMS03NS44Ny0xMi4wMi0yMy4wNTIgMzYuODMtODAuMDEzIDE4LjMyLTc3LjAxOS0yNS4wMjEgMi41MzctMzYuNzE1LTQwLjIzMS01OC41MDYtNjguNDQzLTM0Ljg3My0zMy4zMDIgMjcuODk3LTgxLjc1Ny03LjMwNy02NS41MTYtNDcuNiAxMy43NTgtMzQuMTM0LTIwLjE4My02OC4wNzUtNTQuMzE3LTU0LjMxNy00MC4yOTMgMTYuMjQxLTc1LjQ5Ny0zMi4yMTQtNDcuNi02NS41MTYgMjMuNjMzLTI4LjIxMiAxLjg0Mi03MC45OC0zNC44NzMtNjguNDQzLTQzLjM0IDIuOTk0LTYxLjg0OC01My45NjctMjUuMDI1LTc3LjAxOSAzMS4xOTQtMTkuNTI4IDIzLjY4NS02Ni45MzctMTIuMDE3LTc1Ljg3LTQyLjE0NC0xMC41NDUtNDIuMTQ0LTcwLjQzNyAwLTgwLjk4MiAzNS43MDItOC45MzMgNDMuMjEtNTYuMzQyIDEyLjAxNy03NS44N0M3LjAyMyAzOTMuNTg3IDI1LjUzIDMzNi42MjYgNjguODcgMzM5LjYyYzM2LjcxNSAyLjUzNyA1OC41MDYtNDAuMjMxIDM0Ljg3My02OC40NDMtMjcuODk3LTMzLjMwMiA3LjMwNy04MS43NTcgNDcuNi02NS41MTYgMzQuMTM0IDEzLjc1OCA2OC4wNzUtMjAuMTgzIDU0LjMxNy01NC4zMTctMTYuMjQxLTQwLjI5MyAzMi4yMTQtNzUuNDk3IDY1LjUxNi00Ny42IDI4LjIxMiAyMy42MzMgNzAuOTggMS44NDIgNjguNDQzLTM0Ljg3My0yLjk5NC00My4zNCA1My45NjctNjEuODQ4IDc3LjAxOS0yNS4wMjUgMTkuNTI4IDMxLjE5NCA2Ni45MzcgMjMuNjg1IDc1Ljg3LTEyLjAxN3oiIGZpbGw9IiNBNDk1RkIiLz48L3N2Zz4=);
mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTA2NiIgaGVpZ2h0PSIxMDY2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik00OTIuNTA5IDMxLjgzYzEwLjU0NS00Mi4xNDUgNzAuNDM3LTQyLjE0NSA4MC45ODIgMCA4LjkzMyAzNS43MDEgNTYuMzQyIDQzLjIxIDc1Ljg3IDEyLjAxNkM2NzIuNDEzIDcuMDIzIDcyOS4zNzQgMjUuNTMgNzI2LjM4IDY4Ljg3Yy0yLjUzNyAzNi43MTUgNDAuMjMxIDU4LjUwNiA2OC40NDMgMzQuODczIDMzLjMwMi0yNy44OTcgODEuNzU3IDcuMzA3IDY1LjUxNiA0Ny42LTEzLjc1OCAzNC4xMzQgMjAuMTgzIDY4LjA3NSA1NC4zMTcgNTQuMzE3IDQwLjI5My0xNi4yNDEgNzUuNDk3IDMyLjIxNCA0Ny42IDY1LjUxNi0yMy42MzMgMjguMjEyLTEuODQyIDcwLjk4IDM0Ljg3MyA2OC40NDMgNDMuMzQxLTIuOTk0IDYxLjg1MSA1My45NjcgMjUuMDIxIDc3LjAxOS0zMS4xOSAxOS41MjgtMjMuNjgxIDY2LjkzNyAxMi4wMiA3NS44NyA0Mi4xNCAxMC41NDUgNDIuMTQgNzAuNDM3IDAgODAuOTgyLTM1LjcwMSA4LjkzMy00My4yMSA1Ni4zNDItMTIuMDIgNzUuODcgMzYuODMgMjMuMDUyIDE4LjMyIDgwLjAxMy0yNS4wMjEgNzcuMDE5LTM2LjcxNS0yLjUzNy01OC41MDYgNDAuMjMxLTM0Ljg3MyA2OC40NDMgMjcuODk3IDMzLjMwMi03LjMwNyA4MS43NTctNDcuNiA2NS41MTYtMzQuMTM0LTEzLjc1OC02OC4wNzUgMjAuMTgzLTU0LjMxNyA1NC4zMTcgMTYuMjQxIDQwLjI5My0zMi4yMTQgNzUuNDk3LTY1LjUxNiA0Ny42LTI4LjIxMi0yMy42MzMtNzAuOTgtMS44NDItNjguNDQzIDM0Ljg3MyAyLjk5NCA0My4zNDEtNTMuOTY3IDYxLjg1MS03Ny4wMTkgMjUuMDIxLTE5LjUyOC0zMS4xOS02Ni45MzctMjMuNjgxLTc1Ljg3IDEyLjAyLTEwLjU0NSA0Mi4xNC03MC40MzcgNDIuMTQtODAuOTgyIDAtOC45MzMtMzUuNzAxLTU2LjM0Mi00My4yMS03NS44Ny0xMi4wMi0yMy4wNTIgMzYuODMtODAuMDEzIDE4LjMyLTc3LjAxOS0yNS4wMjEgMi41MzctMzYuNzE1LTQwLjIzMS01OC41MDYtNjguNDQzLTM0Ljg3My0zMy4zMDIgMjcuODk3LTgxLjc1Ny03LjMwNy02NS41MTYtNDcuNiAxMy43NTgtMzQuMTM0LTIwLjE4My02OC4wNzUtNTQuMzE3LTU0LjMxNy00MC4yOTMgMTYuMjQxLTc1LjQ5Ny0zMi4yMTQtNDcuNi02NS41MTYgMjMuNjMzLTI4LjIxMiAxLjg0Mi03MC45OC0zNC44NzMtNjguNDQzLTQzLjM0IDIuOTk0LTYxLjg0OC01My45NjctMjUuMDI1LTc3LjAxOSAzMS4xOTQtMTkuNTI4IDIzLjY4NS02Ni45MzctMTIuMDE3LTc1Ljg3LTQyLjE0NC0xMC41NDUtNDIuMTQ0LTcwLjQzNyAwLTgwLjk4MiAzNS43MDItOC45MzMgNDMuMjEtNTYuMzQyIDEyLjAxNy03NS44N0M3LjAyMyAzOTMuNTg3IDI1LjUzIDMzNi42MjYgNjguODcgMzM5LjYyYzM2LjcxNSAyLjUzNyA1OC41MDYtNDAuMjMxIDM0Ljg3My02OC40NDMtMjcuODk3LTMzLjMwMiA3LjMwNy04MS43NTcgNDcuNi02NS41MTYgMzQuMTM0IDEzLjc1OCA2OC4wNzUtMjAuMTgzIDU0LjMxNy01NC4zMTctMTYuMjQxLTQwLjI5MyAzMi4yMTQtNzUuNDk3IDY1LjUxNi00Ny42IDI4LjIxMiAyMy42MzMgNzAuOTggMS44NDIgNjguNDQzLTM0Ljg3My0yLjk5NC00My4zNCA1My45NjctNjEuODQ4IDc3LjAxOS0yNS4wMjUgMTkuNTI4IDMxLjE5NCA2Ni45MzcgMjMuNjg1IDc1Ljg3LTEyLjAxN3oiIGZpbGw9IiNBNDk1RkIiLz48L3N2Zz4=");
}
.svg-mask--splat-1 img,.svg-mask--splat-1 svg{
-webkit-mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTA0OCIgaGVpZ2h0PSIxMDUyIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNTcwLjkwNSAxNTIuMzQ4QzY4OC40NDEgMTQwLjMzIDc3MS4xODctMjcuOTE1IDg4NC45NDEgNC4wMjYgOTg3Ljk5NyAzMi45NjIgMTAwNi4yMyAxNzguMTg4IDEwMzIuNiAyODEuOTg1YzIzLjE2IDkxLjE2OSAxOS42NSAxODYuMTQ5LTYuODQgMjc2LjQwMy0yNC4wNiA4MS45NDgtODUuNDYyIDE0Mi4xNTEtMTM2LjIwOCAyMTAuODMxLTU1LjUzIDc1LjE1Ni05NC4yNTIgMTY1LjI0MS0xNzUuNjAyIDIxMS4xNzgtOTEuNjMyIDUxLjc0My0yMDMuODQyIDkzLjEwMy0zMDMuNTE0IDU5LjM3My05OS4yNS0zMy41OS0xMzQuNTA5LTE1Mi4zNjUtMjAzLjc1OS0yMzEuMDMzLTY5Ljk3NC03OS40ODktMTkyLjAyMy0xMjguNzU5LTIwNS40NTMtMjMzLjgzLTEzLjQzOS0xMDUuMTQ0IDg3LjA2Ni0xODYuNDc0IDEzOS45OTctMjc4LjI5NSA0Ny4zOTUtODIuMjE4IDY0LjQyMi0yMDIuMTMgMTU0LjM1NC0yMzIuMzI0IDkzLjIzNC0zMS4zMDMgMTc3LjQ5NiA5OC4wNjMgMjc1LjMzIDg4LjA2eiIgZmlsbD0iI0E0OTVGQiIvPjwvc3ZnPg==");
mask-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTA0OCIgaGVpZ2h0PSIxMDUyIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNTcwLjkwNSAxNTIuMzQ4QzY4OC40NDEgMTQwLjMzIDc3MS4xODctMjcuOTE1IDg4NC45NDEgNC4wMjYgOTg3Ljk5NyAzMi45NjIgMTAwNi4yMyAxNzguMTg4IDEwMzIuNiAyODEuOTg1YzIzLjE2IDkxLjE2OSAxOS42NSAxODYuMTQ5LTYuODQgMjc2LjQwMy0yNC4wNiA4MS45NDgtODUuNDYyIDE0Mi4xNTEtMTM2LjIwOCAyMTAuODMxLTU1LjUzIDc1LjE1Ni05NC4yNTIgMTY1LjI0MS0xNzUuNjAyIDIxMS4xNzgtOTEuNjMyIDUxLjc0My0yMDMuODQyIDkzLjEwMy0zMDMuNTE0IDU5LjM3My05OS4yNS0zMy41OS0xMzQuNTA5LTE1Mi4zNjUtMjAzLjc1OS0yMzEuMDMzLTY5Ljk3NC03OS40ODktMTkyLjAyMy0xMjguNzU5LTIwNS40NTMtMjMzLjgzLTEzLjQzOS0xMDUuMTQ0IDg3LjA2Ni0xODYuNDc0IDEzOS45OTctMjc4LjI5NSA0Ny4zOTUtODIuMjE4IDY0LjQyMi0yMDIuMTMgMTU0LjM1NC0yMzIuMzI0IDkzLjIzNC0zMS4zMDMgMTc3LjQ5NiA5OC4wNjMgMjc1LjMzIDg4LjA2eiIgZmlsbD0iI0E0OTVGQiIvPjwvc3ZnPg==);
}
.svg-mask--splat-2 img,.svg-mask--splat-2 svg{
-webkit-mask-image:url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9Ijg5NiIgd2lkdGg9Ijk3NyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05NzUuNjg0IDM4MS44MzJjMTcuMjYzIDk1LjAzMy0xNDAuMjE0IDEyOS4yMzEtMTg3LjE3NyAyMTMuNjY2LTUyLjEzOCA5My43MzcgOC41MTUgMjg4LjA5NS05OC4yNTMgMjk5LjUwMy0xMjcuMTc1IDEzLjU4Ny0xMzguMDQ5LTExNS4zNjItMjYzLTE0Mi42My0xMDkuNTg1LTIzLjkxNC0yMjQuNTM1IDkxLjg5NC0zMDguNzE1IDE3Ljg2NC04NC41NDMtNzQuMzQ4IDExOC42ODgtMjA3LjM3MyA5My44MjktMzE3LjA5NEMxOTAuMjE5IDM1NS4zODEgOC4xNzEgMzQ4LjI2My4yOTcgMjQ4LjM0MS02LjU3IDE2MS4yMjMgMTA3LjMxOCAxMTIuMTY0IDE4MS44OTMgNjYuNDRjNjYuMTYzLTQwLjU2NyAxNDIuNTMxLTc2LjcwNSAyMTkuMDgyLTYzLjc3IDcxLjM4MyAxMi4wNjIgMTQwLjQ4NiA2Mi43NzMgMTY4Ljg1MiAxMjkuMzIgOS45MjkgMjMuMjkzIDI1LjgzOSA1NC41MjggNjkuOTIgNzguNTE3IDkxLjg1OSA0OS45OSAzMDQuODE2IDAgMzM1LjkzNyAxNzEuMzI1eiIgZmlsbD0iI2E0OTVmYiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+");
mask-image:url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9Ijg5NiIgd2lkdGg9Ijk3NyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05NzUuNjg0IDM4MS44MzJjMTcuMjYzIDk1LjAzMy0xNDAuMjE0IDEyOS4yMzEtMTg3LjE3NyAyMTMuNjY2LTUyLjEzOCA5My43MzcgOC41MTUgMjg4LjA5NS05OC4yNTMgMjk5LjUwMy0xMjcuMTc1IDEzLjU4Ny0xMzguMDQ5LTExNS4zNjItMjYzLTE0Mi42My0xMDkuNTg1LTIzLjkxNC0yMjQuNTM1IDkxLjg5NC0zMDguNzE1IDE3Ljg2NC04NC41NDMtNzQuMzQ4IDExOC42ODgtMjA3LjM3MyA5My44MjktMzE3LjA5NEMxOTAuMjE5IDM1NS4zODEgOC4xNzEgMzQ4LjI2My4yOTcgMjQ4LjM0MS02LjU3IDE2MS4yMjMgMTA3LjMxOCAxMTIuMTY0IDE4MS44OTMgNjYuNDRjNjYuMTYzLTQwLjU2NyAxNDIuNTMxLTc2LjcwNSAyMTkuMDgyLTYzLjc3IDcxLjM4MyAxMi4wNjIgMTQwLjQ4NiA2Mi43NzMgMTY4Ljg1MiAxMjkuMzIgOS45MjkgMjMuMjkzIDI1LjgzOSA1NC41MjggNjkuOTIgNzguNTE3IDkxLjg1OSA0OS45OSAzMDQuODE2IDAgMzM1LjkzNyAxNzEuMzI1eiIgZmlsbD0iI2E0OTVmYiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+");
}
.svg-mask--splat-3 img,.svg-mask--splat-3 svg{
-webkit-mask-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTA3MiIgaGVpZ2h0PSIxMDUxIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNjE4LjkxMyAyMTUuMzgzQzc0NS43NzUgMjI1LjY1NyA4NDEuNzUgMTguMDA1IDk2MC42NzggNjMuMzIzYzEwOS4xNzIgNDEuNjAxIDEwOS43NTIgMjA3LjkzOSAxMTEuMzEyIDMyNC43MDUgMS4yNiA5NC4yNi05OS45NjQgMTYyLjgyNy0xMDMuNTQxIDI1Ny4wMjctNC4zMDIgMTEzLjI3NiAxMzUuMjQxIDIyMy4yNDMgODEuNTExIDMyMy4wNzEtNDkuNzIgOTIuMzc0LTE5My40OTIgNzAuNjk0LTI5OC4wODQgNzkuMjg0LTg3LjU2IDcuMTktMTc4LjIxMiA3LjAzLTI1Ni4wMDYtMzMuNzctNzEuMTM5LTM3LjMwOS04Ni4wMzYtMTM0Ljk1MS0xNTIuMjg4LTE4MC4zNjhDMjQxLjM0OSA3NjMuMTkgNjYuNCA3OTMuNDE2IDEyLjExOSA2ODIuMDIzYy00OS42OTMtMTAxLjk3OSA2Ny4xNTctMjA5LjQ4NSAxMDMuMjgzLTMxNy4wMTUgNDEuMjctMTIyLjg0NC0uMDgyLTMyMy4xNTIgMTI0LjE5Ni0zNjAuMDgyIDE0MS40ODMtNDIuMDQ0IDIzMi4xOTMgMTk4LjU0MiAzNzkuMzE1IDIxMC40NTd6IiBmaWxsPSIjQTQ5NUZCIi8+PC9zdmc+);
mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTA3MiIgaGVpZ2h0PSIxMDUxIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNjE4LjkxMyAyMTUuMzgzQzc0NS43NzUgMjI1LjY1NyA4NDEuNzUgMTguMDA1IDk2MC42NzggNjMuMzIzYzEwOS4xNzIgNDEuNjAxIDEwOS43NTIgMjA3LjkzOSAxMTEuMzEyIDMyNC43MDUgMS4yNiA5NC4yNi05OS45NjQgMTYyLjgyNy0xMDMuNTQxIDI1Ny4wMjctNC4zMDIgMTEzLjI3NiAxMzUuMjQxIDIyMy4yNDMgODEuNTExIDMyMy4wNzEtNDkuNzIgOTIuMzc0LTE5My40OTIgNzAuNjk0LTI5OC4wODQgNzkuMjg0LTg3LjU2IDcuMTktMTc4LjIxMiA3LjAzLTI1Ni4wMDYtMzMuNzctNzEuMTM5LTM3LjMwOS04Ni4wMzYtMTM0Ljk1MS0xNTIuMjg4LTE4MC4zNjhDMjQxLjM0OSA3NjMuMTkgNjYuNCA3OTMuNDE2IDEyLjExOSA2ODIuMDIzYy00OS42OTMtMTAxLjk3OSA2Ny4xNTctMjA5LjQ4NSAxMDMuMjgzLTMxNy4wMTUgNDEuMjctMTIyLjg0NC0uMDgyLTMyMy4xNTIgMTI0LjE5Ni0zNjAuMDgyIDE0MS40ODMtNDIuMDQ0IDIzMi4xOTMgMTk4LjU0MiAzNzkuMzE1IDIxMC40NTd6IiBmaWxsPSIjQTQ5NUZCIi8+PC9zdmc+");
}
.svg-mask--splat-4 img,.svg-mask--splat-4 svg{
-webkit-mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTE4IiBoZWlnaHQ9IjUwNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMwMy43OTMgODQuNjczYzE2LjE0OSAyMy44NDggMzEuNzM3IDQzLjU4IDU2LjQ5NiA0OC43MjQgNDMuMzU0IDkuMDA3IDk0LjEzMi0zNS42NjUgMTMwLjE5LTkuOTQgMjkuODMyIDIxLjI4MiAzMy4zMjEgODcuMTg5IDIwIDExMi41NDItMTUuNSAyOS41LTUyLjIwMSA0NC4wNDEtNjcuNSA3NC0xOC4zNSAzNS45MzIgMTAuNzYxIDc0Ljk2OC0zMi41IDEwMy41LTMyLjkwMSAyMS42OTktNjguNjYzLTE1LjYyNy0xMDYuNjg2LTUuMzAxLTU5LjkwNyAxNi4yNjgtOTQuNTkzIDk2LjM0My0xNTYuNjQ1IDk0LjgwMS01Ny44MDctMS40MzYtMTE1LjYzOC00OC4xNjMtMTM2LjY2OS0xMDIuMDkxLTIxLjIyNy01NC40MzEtOC4wNDQtMTI1Ljg1MiAzMC43MzYtMTY5LjU0MkM2OS41IDE5OS41IDEwNSAxODkgMTIyLjQ4IDEzOWM5LjQ1NS0yNy4wNDctMy0xMDMgNTEuODk3LTEzMi4wNSA0NS4yNC0yMy45NCA5Mi4wNjUgMTcuMDcyIDEyOS40MTYgNzcuNzIzeiIgZmlsbD0iI0E0OTVGQiIvPjwvc3ZnPg==");
mask-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTE4IiBoZWlnaHQ9IjUwNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMwMy43OTMgODQuNjczYzE2LjE0OSAyMy44NDggMzEuNzM3IDQzLjU4IDU2LjQ5NiA0OC43MjQgNDMuMzU0IDkuMDA3IDk0LjEzMi0zNS42NjUgMTMwLjE5LTkuOTQgMjkuODMyIDIxLjI4MiAzMy4zMjEgODcuMTg5IDIwIDExMi41NDItMTUuNSAyOS41LTUyLjIwMSA0NC4wNDEtNjcuNSA3NC0xOC4zNSAzNS45MzIgMTAuNzYxIDc0Ljk2OC0zMi41IDEwMy41LTMyLjkwMSAyMS42OTktNjguNjYzLTE1LjYyNy0xMDYuNjg2LTUuMzAxLTU5LjkwNyAxNi4yNjgtOTQuNTkzIDk2LjM0My0xNTYuNjQ1IDk0LjgwMS01Ny44MDctMS40MzYtMTE1LjYzOC00OC4xNjMtMTM2LjY2OS0xMDIuMDkxLTIxLjIyNy01NC40MzEtOC4wNDQtMTI1Ljg1MiAzMC43MzYtMTY5LjU0MkM2OS41IDE5OS41IDEwNSAxODkgMTIyLjQ4IDEzOWM5LjQ1NS0yNy4wNDctMy0xMDMgNTEuODk3LTEzMi4wNSA0NS4yNC0yMy45NCA5Mi4wNjUgMTcuMDcyIDEyOS40MTYgNzcuNzIzeiIgZmlsbD0iI0E0OTVGQiIvPjwvc3ZnPg==);
}
.feature-row__item--overlap-images .feature-row__first-image{
width:40%;
}
.feature-row__item--overlap-images .feature-row__second-image{
width:60%;
}
.feature-row__item--placeholder-images .placeholder-image-wrap{
width:50%;
}
.feature-row-wrapper .feature-row__images{
width:100%;
min-width:0;
}
.feature-row-wrapper .feature-row__text{
width:100%;
min-width:0;
}
.feature-row--33 .feature-row__images{
max-width:50%
}
@media only screen and (min-width:769px){
.feature-row--33 .feature-row__images{
max-width:none;
flex:0 1 33.333%
}
}
@media only screen and (min-width:769px){
.feature-row--33 .feature-row__text{
max-width:800px;
flex:0 1 66.666%
}
}
.feature-row--50 .feature-row__images{
max-width:100%;
padding-right:20px;
padding-left:20px
}
@media only screen and (min-width:769px){
.feature-row--50 .feature-row__images{
max-width:none;
flex:0 1 50%;
padding-right:0;
padding-left:0
}
}
@media only screen and (min-width:769px){
.feature-row--50 .feature-row__text{
max-width:800px;
flex:0 1 50%
}
}
.feature-row--66 .feature-row__images{
max-width:100%;
padding-right:20px;
padding-left:20px
}
@media only screen and (min-width:769px){
.feature-row--66 .feature-row__images{
max-width:none;
flex:0 1 66.666%;
padding-right:0;
padding-left:0
}
}
@media only screen and (min-width:769px){
.feature-row--66 .feature-row__text{
max-width:800px;
flex:0 1 33.333%
}
}
.scrolling-text{
overflow:hidden;
}
.scrolling-text__inner{
visibility:visible;
white-space:nowrap;
display:inline-flex;
margin:0.15em 0;
animation:scrolling-text var(--move-speed) linear infinite;
animation-play-state:running;
}
.scrolling-text__inner--right{
transform:translateX(-50%);
animation:scrolling-text-right var(--move-speed) linear infinite;
}
.scrolling-text span{
white-space:nowrap;
}
.scrolling-text:focus .scrolling-text__inner,.scrolling-text:hover .scrolling-text__inner{
animation-play-state:paused;
}
@keyframes scrolling-text{
0%{
transform:translateX(0);
-webkit-transform:translateX(0);
}
to{
transform:translateX(-100%);
-webkit-transform:translateX(-100%);
}
}
@keyframes scrolling-text-right{
0%{
transform:translateX(-50%);
-webkit-transform:translateX(-50%);
}
to{
transform:translateX(0);
-webkit-transform:translateX(0);
}
}
.newsletter-container{
margin:0 auto !important;
padding:0 !important;
}
.newsletter-section{
display:flex;
grid-gap:40px;
gap:40px;
align-items:center;
padding:60px 0
}
@media only screen and (max-width:768px){
.newsletter-section{
flex-direction:column;
padding:30px 0
}
}
.newsletter-section--image-left{
flex-direction:row-reverse
}
@media only screen and (max-width:768px){
.newsletter-section--image-left{
flex-direction:column-reverse
}
}
.newsletter-section__content{
flex:100%;
max-width:800px;
padding-left:20px;
margin:0 auto
}
.newsletter-section--no-image .newsletter-section__content{
flex:100%
}
.newsletter-section__content form{
display:flex;
width:100%
}
.text-left .newsletter-section__content form{
justify-content:flex-start
}
.text-center .newsletter-section__content form{
justify-content:center
}
.text-right .newsletter-section__content form{
justify-content:flex-end
}
.newsletter-section__content .newsletter__input-group{
margin:0;
}
.newsletter-section__image{
width:100%;
}
.newsletter-section__image--33{
flex:33.333% 0 0;
}
.newsletter-section__image--50{
flex:50% 0 0
}
@media only screen and (max-width:768px){
.newsletter-section__image--50{
max-width:100%
}
}
.newsletter-section__image--66{
flex:66.666% 0 0
}
@media only screen and (max-width:768px){
.newsletter-section__image--66{
max-width:100%
}
}
.text-left .newsletter-form-group{
margin:0
}
.text-right .newsletter-form-group{
margin:0
}
@media only screen and (max-width:768px){
.spr-starrating.spr-summary-starrating{
justify-content:center !important
}
}
*,:after,:before,input{
box-sizing:border-box;
}
body,html{
padding:0;
margin:0;
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{
display:block;
}
audio,canvas,progress,video{
display:inline-block;
vertical-align:baseline;
}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{
height:auto;
}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{
-webkit-appearance:none;
}
.grid:after{content:"";display:table;clear:both;}
.grid{
list-style:none;
margin:0;
padding:0;
margin-left:-22px
}
@media only screen and (max-width:768px){
.grid{
margin-left:-17px
}
html[dir=rtl] .grid{
margin-left:0;
margin-right:-17px
}
}
html[dir=rtl] .grid{
margin-left:0;
margin-right:-22px
}
.grid--small{
margin-left:-10px
}
.grid--small .grid__item{
padding-left:10px;
}
.grid__item{
float:left;
padding-left:22px;
width:100%;
min-height:1px
}
@media only screen and (max-width:768px){
.grid__item{
padding-left:17px
}
html[dir=rtl] .grid__item{
padding-left:0;
padding-right:17px
}
}
html[dir=rtl] .grid__item{
float:right;
padding-left:0;
padding-right:22px
}
.grid--no-gutters{
margin-left:0
}
.grid--no-gutters .grid__item{
padding-left:0;
}
.grid--flush-bottom{
margin-bottom:-22px;
overflow:auto
}
.grid--flush-bottom>.grid__item{
margin-bottom:22px;
}
.grid--center{
text-align:center
}
.grid--center .grid__item{
float:none;
display:inline-block;
vertical-align:top;
text-align:left
}
html[dir=rtl] .grid--center .grid__item{
text-align:right
}
.grid--full{
margin-left:0
}
.grid--full>.grid__item{
padding-left:0;
}
@media only screen and (min-width:769px){
.grid--table-large{
display:table;
width:100%;
table-layout:fixed
}
.grid--table-large>.grid__item{
display:table-cell;
vertical-align:middle;
float:none;
}
}
@media only screen and (max-width:768px){
.small--grid--flush{
margin-left:-2px
}
.page-width .small--grid--flush{
margin-left:-17px;
margin-right:-15px
}
.small--grid--flush>.grid__item{
padding-left:2px;
}
}
.one-whole{width:100%;}
.one-half{width:50%;}
.one-third{width:33.33333%;}
.two-thirds{width:66.66667%;}
.one-quarter{width:25%;}
.two-quarters{width:50%;}
.three-quarters{width:75%;}
.one-fifth{width:20%;}
.two-fifths{width:40%;}
.three-fifths{width:60%;}
.four-fifths{width:80%;}
.one-sixth{width:16.66667%;}
.two-sixths{width:33.33333%;}
.three-sixths{width:50%;}
.four-sixths{width:66.66667%;}
.five-sixths{width:83.33333%;}
@media only screen and (max-width:768px){.small--one-whole{width:100%;}.small--one-half{width:50%;}.small--one-third{width:33.33333%;}.small--two-thirds{width:66.66667%;}.grid--uniform .small--one-half:nth-of-type(odd),.grid--uniform .small--one-third:nth-of-type(3n+1){clear:both;}.small--one-quarter{width:25%;}.small--two-quarters{width:50%;}.small--three-quarters{width:75%;}.grid--uniform .small--one-quarter:nth-of-type(4n+1){clear:both;}.small--one-fifth{width:20%;}.small--two-fifths{width:40%;}.small--three-fifths{width:60%;}.small--four-fifths{width:80%;}.grid--uniform .small--one-fifth:nth-of-type(5n+1){clear:both;}.small--one-sixth{width:16.66667%;}.small--two-sixths{width:33.33333%;}.small--three-sixths{width:50%;}.small--four-sixths{width:66.66667%;}.small--five-sixths{width:83.33333%;}.grid--uniform .small--one-sixth:nth-of-type(6n+1),.grid--uniform .small--three-sixths:nth-of-type(odd),.grid--uniform .small--two-sixths:nth-of-type(3n+1){clear:both;}}
@media only screen and (min-width:769px){.medium-up--one-whole{width:100%;}.medium-up--one-half{width:50%;}.medium-up--one-third{width:33.33333%;}.medium-up--two-thirds{width:66.66667%;}.grid--uniform .medium-up--one-half:nth-of-type(odd),.grid--uniform .medium-up--one-third:nth-of-type(3n+1){clear:both;}.medium-up--one-quarter{width:25%;}.medium-up--two-quarters{width:50%;}.medium-up--three-quarters{width:75%;}.grid--uniform .medium-up--one-quarter:nth-of-type(4n+1){clear:both;}.medium-up--one-fifth{width:20%;}.medium-up--two-fifths{width:40%;}.medium-up--three-fifths{width:60%;}.medium-up--four-fifths{width:80%;}.grid--uniform .medium-up--one-fifth:nth-of-type(5n+1){clear:both;}.medium-up--one-sixth{width:16.66667%;}.medium-up--two-sixths{width:33.33333%;}.medium-up--three-sixths{width:50%;}.medium-up--four-sixths{width:66.66667%;}.medium-up--five-sixths{width:83.33333%;}.grid--uniform .medium-up--one-sixth:nth-of-type(6n+1),.grid--uniform .medium-up--three-sixths:nth-of-type(odd),.grid--uniform .medium-up--two-sixths:nth-of-type(3n+1){clear:both;}}
.show{display:block !important;}
.hide{display:none !important;}
.text-left{text-align:left !important;}
.text-right{text-align:right !important;}
.text-center{text-align:center !important;}
@media only screen and (max-width:768px){.small--show{display:block !important;}.small--hide{display:none !important;}.small--text-left{text-align:left !important;}.small--text-right{text-align:right !important;}.small--text-center{text-align:center !important;}}
@media only screen and (max-width:959px){.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:769px){.medium-up--show{display:block !important;}.medium-up--hide{display:none !important;}.medium-up--text-left{text-align:left !important;}.medium-up--text-right{text-align:right !important;}.medium-up--text-center{text-align:center !important;}}
.flex-grid{
display:flex;
flex-wrap:wrap;
flex:1 1 100%
}
[data-center-text=true] .flex-grid{
justify-content:center
}
.flex-grid--center{
align-items:center;
}
.flex-grid--gutters{
margin-top:-15px;
margin-left:-15px;
}
.flex-grid__item{
flex:0 1 100%;
display:flex;
align-items:stretch
}
.flex-grid--gutters .flex-grid__item{
padding-top:15px;
padding-left:15px
}
.flex-grid__item>*{
flex:1 1 100%;
}
.flex-grid__item--stretch{
flex:1 1 100%
}
.flex-grid__item--stretch:first-child{
min-width:250px;
}
@media only screen and (min-width:769px){
.flex-grid__item--33{
flex-basis:33.33%;
}
.flex-grid__item--50{
flex-basis:50%;
}
}
@media only screen and (max-width:768px){
.flex-grid__item--mobile-second{
order:2;
}
}
.clearfix:after{content:"";display:table;clear:both;}
html:not(.no-js):not(.tab-outline) :focus{
outline:none;
}
.is-transitioning{
display:block !important;
visibility:visible !important;
}
.display-table{
display:table;
table-layout:fixed;
width:100%;
}
.display-table-cell{
display:table-cell;
vertical-align:middle;
float:none;
}
@media only screen and (min-width:769px){
.medium-up--display-table{
display:table;
table-layout:fixed;
width:100%;
}
.medium-up--display-table-cell{
display:table-cell;
vertical-align:middle;
float:none;
}
}
.visually-hidden{
border:0;
clip:rect(0 0 0 0);
height:1px;
margin:-1px;
overflow:hidden;
padding:0;
position:absolute;
width:1px;
}
.visually-invisible{
opacity:0 !important;
}
.skip-link:focus{
clip:auto;
width:auto;
height:auto;
margin:0;
color:{{ settings.color_body_text | default: "#1c1d1d" }};
color:var(--colorTextBody);
background-color:{{ settings.color_body_bg | default: "#fff" }};
background-color:var(--colorBody);
padding:10px;
opacity:1;
z-index:10000;
transition:none;
}
html{
touch-action:manipulation;
}
html[dir=rtl]{
direction:rtl;
}
body,html{
background-color:{{ settings.color_body_bg | default: "#fff" }};
background-color:var(--colorBody);
color:{{ settings.color_body_text | default: "#1c1d1d" }};
color:var(--colorTextBody);
}
@media only screen and (max-width:768px){
.supports-touch.lock-scroll{
overflow:hidden
}
@supports (-webkit-touch-callout:none){
.supports-touch.lock-scroll{
overflow:visible;
overflow:initial
}
}
}
.page-width{
max-width:1500px;
margin:0 auto;
}
.page-full,.page-width{
padding:0 17px
}
@media only screen and (min-width:769px){
.page-full,.page-width{
padding:0 40px
}
}
.page-width--narrow{
max-width:1000px;
}
.page-width--tiny{
max-width:450px;
}
@media only screen and (max-width:768px){
.page-width--flush-small{
padding:0;
}
}
.page-content,.shopify-email-marketing-confirmation__container,.shopify-policy__container{
padding-top:40px;
padding-bottom:40px
}
@media only screen and (min-width:769px){
.page-content,.shopify-email-marketing-confirmation__container,.shopify-policy__container{
padding-top:75px;
padding-bottom:75px
}
}
.shopify-email-marketing-confirmation__container{
text-align:center;
}
.page-content--top,.page-content--with-blocks{
padding-bottom:0;
}
.page-content--bottom{
padding-top:0;
}
.main-content{
display:block;
min-height:300px
}
@media only screen and (min-width:769px){
.main-content{
min-height:700px
}
}
.template-challange .main-content{
min-height:0
}
.hr--large,.hr--medium,.hr--small,hr{
height:1px;
border:0;
border-top:1px solid;
border-top-color:{{ settings.color_borders | default: "#1c1d1d" }};
border-top-color:var(--colorBorder);
}
.hr--small{
margin:15px auto;
}
.hr--medium{
margin:25px auto
}
@media only screen and (min-width:769px){
.hr--medium{
margin:35px auto
}
}
.hr--large{
margin:30px auto
}
@media only screen and (min-width:769px){
.hr--large{
margin:45px auto
}
}
.page-blocks+.hr--large,.page-blocks+[data-section-type=recently-viewed] .hr--large{
margin-top:0
}
.hr--clear{
border:0;
}
@media only screen and (max-width:768px){
.table--responsive thead{
display:none;
}
.table--responsive tr{
display:block;
}
.table--responsive td,.table--responsive tr{
float:left;
clear:both;
width:100%;
}
.table--responsive td,.table--responsive th{
display:block;
text-align:right;
padding:15px;
}
.table--responsive td:before{
content:attr(data-label);
float:left;
font-size:12px;
padding-right:10px;
}
}
@media only screen and (max-width:768px){
.table--small-hide{
display:none !important;
}
.table__section+.table__section{
position:relative;
margin-top:10px;
padding-top:15px
}
.table__section+.table__section:after{
content:"";
display:block;
position:absolute;
top:0;
left:15px;
right:15px;
border-bottom:1px solid;
border-bottom-color:{{ settings.color_borders | default: "#1c1d1d" }};
border-bottom-color:var(--colorBorder);
}
}
.faux-select,body,button,input,select,textarea{
font-family:var(--typeBasePrimary),var(--typeBaseFallback);
font-size:calc(var(--typeBaseSize)*0.92);
letter-spacing:var(--typeBaseSpacing);
line-height:var(--typeBaseLineHeight);
}
@media only screen and (min-width:769px){
.faux-select,body,button,input,select,textarea{
font-size:var(--typeBaseSize);
}
}
.faux-select,body,button,input,select,textarea{
-webkit-font-smoothing:antialiased;
-webkit-text-size-adjust:100%;
text-rendering:optimizeSpeed;
}
body{
font-weight:var(--typeBaseWeight);
}
p{
margin:0 0 15px 0
}
p img{
margin:0;
}
em{
font-style:italic;
}
b,strong{
font-weight:700;
}
p[data-spam-detection-disclaimer],small{
font-size:0.85em;
}
sub,sup{
position:relative;
font-size:60%;
vertical-align:baseline;
}
sup{
top:-0.5em;
}
sub{
bottom:-0.5em;
}
.rte blockquote,blockquote{
margin:0;
padding:15px 30px 40px
}
.rte blockquote p,blockquote p{
margin-bottom:0
}
.rte blockquote p+cite,blockquote p+cite{
margin-top:15px;
}
.rte blockquote cite,blockquote cite{
display:block;
}
code,pre{
background-color:#faf7f5;
font-family:Consolas,monospace;
font-size:1em;
border:0 none;
padding:0 2px;
color:#51ab62;
}
pre{
overflow:auto;
padding:15px;
margin:0 0 30px;
}
.label,label:not(.variant__button-label):not(.text-label){
text-transform:uppercase;
letter-spacing:0.3em;
font-size:0.8em;
}
label{
display:block;
margin-bottom:10px;
}
.label-info{
display:block;
margin-bottom:10px;
}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{
display:block;
margin:0 0 10px
}
@media only screen and (min-width:769px){
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{
margin:0 0 15px
}
}
.h1 a,.h2 a,.h3 a,.h4 a,.h5 a,.h6 a,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{
text-decoration:none;
font-weight:inherit;
}
.h1,.h2,.h3,h1,h2,h3{
font-family:var(--typeHeaderPrimary),var(--typeHeaderFallback);
font-weight:var(--typeHeaderWeight);
letter-spacing:var(--typeHeaderSpacing);
line-height:var(--typeHeaderLineHeight);
}
[data-type_header_capitalize=true] .h1,[data-type_header_capitalize=true] .h2,[data-type_header_capitalize=true] .h3,[data-type_header_capitalize=true] h1,[data-type_header_capitalize=true] h2,[data-type_header_capitalize=true] h3{
text-transform:uppercase;
}
.h1,h1{
font-size:calc(var(--typeHeaderSize)*0.85);
}
.h2,h2{
font-size:calc(var(--typeHeaderSize)*0.73);
}
.h3,h3{
font-size:calc(var(--typeHeaderSize)*0.62);
}
@media only screen and (min-width:769px){
.h1,h1{
font-size:var(--typeHeaderSize);
}
.h2,h2{
font-size:calc(var(--typeHeaderSize)*0.85);
}
.h3,h3{
font-size:calc(var(--typeHeaderSize)*0.65);
}
}
.h4,h4{
text-transform:uppercase;
letter-spacing:0.3em;
font-size:0.8em;
}
.h5,.h6,h5,h6{
text-transform:uppercase;
letter-spacing:0.3em;
font-size:0.8em;
margin-bottom:10px
}
@media only screen and (max-width:768px){
.h5,.h6,h5,h6{
margin-bottom:5px
}
}
.subheading{
text-transform:uppercase;
letter-spacing:0.3em;
}
.text-spacing,.text-spacing.rte:last-child{
margin-bottom:15px;
}
@media only screen and (max-width:768px){
.rte table td,.rte table th{
padding:6px 8px;
}
}
.collapsible-content .rte table td,.collapsible-content .rte table th{
padding:6px 8px;
}
.comment-author{
margin-bottom:0;
}
.comment-date{
font-size:calc(var(--typeBaseSize)*0.85);
display:block;
margin-top:3px
}
@media only screen and (max-width:768px){
.comment-date{
margin-bottom:15px
}
}
.ajaxcart__subtotal{
text-transform:uppercase;
letter-spacing:0.3em;
font-size:0.8em;
}
.rte .enlarge-text{
margin:0;
font-size:1.3em;
}
@media only screen and (min-width:769px){
.rte .enlarge-text--offset p{
padding-right:15%
}
.text-center .rte .enlarge-text--offset p{
padding:0 5%
}
}
@media only screen and (min-width:769px){
.table--small-text{
font-size:calc(var(--typeBaseSize)*0.85);
}
}
.index-section--footer h3{
font-size:1.5em;
}
html[dir=rtl] .text-left{
text-align:right !important;
}
html[dir=rtl] .text-right{
text-align:left !important;
}
.icon-and-text{
display:flex;
flex-wrap:nowrap;
align-items:center
}
.icon-and-text .icon{
flex:0 0 auto;
}
ol,ul{
margin:0 0 15px 30px;
padding:0;
text-rendering:optimizeLegibility;
}
ol ol{
list-style:lower-alpha;
}
ol{ list-style:decimal; }
ol ol,ol ul,ul ol,ul ul{ margin:4px 0 5px 20px; }
li{ margin-bottom:0.25em; }
ul.square{ list-style:square outside; }
ul.disc{ list-style:disc outside; }
ol.alpha{ list-style:lower-alpha outside; }
.no-bullets{
list-style:none outside;
margin-left:0;
}
.inline-list{
padding:0;
margin:0
}
.inline-list li{
display:inline-block;
margin-bottom:0;
vertical-align:middle;
}
table{
width:100%;
border-spacing:1px;
position:relative;
border:0 none;
background:{{ settings.color_borders | default: "#1c1d1d" }};
background:var(--colorBorder);
}
.table-wrapper{
max-width:100%;
overflow:auto;
-webkit-overflow-scrolling:touch;
}
td,th{
border:0 none;
text-align:left;
padding:10px 15px;
background:{{ settings.color_body_bg | default: "#fff" }};
background:var(--colorBody)
}
html[dir=rtl] td,html[dir=rtl] th{
text-align:right
}
th{
font-weight:700;
}
.table__title,th{
font-weight:700;
}
.text-link,a{
color:{{ settings.color_body_text | default: "#1c1d1d" }};
color:var(--colorTextBody);
text-decoration:none;
background:transparent
}
.text-link:hover,a:hover{
color:{{ settings.color_body_text | default: "#1c1d1d" }};
color:var(--colorTextBody);
}
.text-link{
display:inline;
border:0 none;
background:none;
padding:0;
margin:0;
}
.rte a,.shopify-email-marketing-confirmation__container a,.shopify-policy__container a{
color:{{ settings.color_body_text | default: "#1c1d1d" }};
color:var(--colorLink);
}
button{
overflow:visible;
color:currentColor;
}
button[disabled],html input[disabled]{
cursor:default;
}
.btn,.rte .btn,.shopify-payment-button .shopify-payment-button__button--unbranded,.spr-container .spr-button,.spr-container .spr-summary-actions a{
line-height:1.42;
text-decoration:none;
text-align:center;
white-space:normal;
font-size:calc(var(--typeBaseSize) - 4px);
font-size:max(calc(var(--typeBaseSize) - 4px), 13px);
font-weight:700;
text-transform:uppercase;
letter-spacing:0.3em;
display:inline-block;
padding:11px 20px;
margin:0;
width:auto;
min-width:90px;
vertical-align:middle;
cursor:pointer;
border:1px solid transparent;
-webkit-user-select:none;
user-select:none;
-webkit-appearance:none;
-moz-appearance:none;
border-radius:var(--buttonRadius);
color:{{ settings.color_button_text | default: "#fff" }};
color:var(--colorBtnPrimaryText);
background:{{ settings.color_button | default: "#000" }};
background:var(--colorBtnPrimary)
}
@media only screen and (max-width:768px){
.btn,.rte .btn,.shopify-payment-button .shopify-payment-button__button--unbranded,.spr-container .spr-button,.spr-container .spr-summary-actions a{
padding:9px 17px;
font-size:calc(var(--typeBaseSize) - 5px);
font-size:max(calc(var(--typeBaseSize) - 5px), 11px)
}
}
.btn:hover,.rte .btn:hover,.shopify-payment-button .shopify-payment-button__button--unbranded:hover,.spr-container .spr-button:hover,.spr-container .spr-summary-actions a:hover{
color:{{ settings.color_button_text | default: "#fff" }};
color:var(--colorBtnPrimaryText);
background-color:{{ settings.color_button | default: "#000" }};
background-color:var(--colorBtnPrimary);
}
.btn.disabled,.btn[disabled],.rte .btn.disabled,.rte .btn[disabled],.shopify-payment-button .shopify-payment-button__button--unbranded.disabled,.shopify-payment-button .shopify-payment-button__button--unbranded[disabled],.spr-container .spr-button.disabled,.spr-container .spr-button[disabled],.spr-container .spr-summary-actions a.disabled,.spr-container .spr-summary-actions a[disabled]{
cursor:default;
color:#b6b6b6;
background-color:#f6f6f6
}
.btn.disabled:hover,.btn[disabled]:hover,.rte .btn.disabled:hover,.rte .btn[disabled]:hover,.shopify-payment-button .shopify-payment-button__button--unbranded.disabled:hover,.shopify-payment-button .shopify-payment-button__button--unbranded[disabled]:hover,.spr-container .spr-button.disabled:hover,.spr-container .spr-button[disabled]:hover,.spr-container .spr-summary-actions a.disabled:hover,.spr-container .spr-summary-actions a[disabled]:hover{
color:#b6b6b6;
background-color:#f6f6f6;
}
[data-button_style=angled] .btn.disabled:after,[data-button_style=angled] .btn.disabled:before,[data-button_style=angled] .btn[disabled]:after,[data-button_style=angled] .btn[disabled]:before,[data-button_style=angled] .rte .btn.disabled:after,[data-button_style=angled] .rte .btn.disabled:before,[data-button_style=angled] .rte .btn[disabled]:after,[data-button_style=angled] .rte .btn[disabled]:before,[data-button_style=angled] .shopify-payment-button .shopify-payment-button__button--unbranded.disabled:after,[data-button_style=angled] .shopify-payment-button .shopify-payment-button__button--unbranded.disabled:before,[data-button_style=angled] .shopify-payment-button .shopify-payment-button__button--unbranded[disabled]:after,[data-button_style=angled] .shopify-payment-button .shopify-payment-button__button--unbranded[disabled]:before,[data-button_style=angled] .spr-container .spr-button.disabled:after,[data-button_style=angled] .spr-container .spr-button.disabled:before,[data-button_style=angled] .spr-container .spr-button[disabled]:after,[data-button_style=angled] .spr-container .spr-button[disabled]:before,[data-button_style=angled] .spr-container .spr-summary-actions a.disabled:after,[data-button_style=angled] .spr-container .spr-summary-actions a.disabled:before,[data-button_style=angled] .spr-container .spr-summary-actions a[disabled]:after,[data-button_style=angled] .spr-container .spr-summary-actions a[disabled]:before{
background-color:#f6f6f6;
border-top:1px solid;
border-top-color:#b6b6b6;
border-bottom:1px solid;
border-bottom-color:#b6b6b6;
}
[data-button_style=angled] .btn,[data-button_style=angled] .rte .btn,[data-button_style=angled] .shopify-payment-button .shopify-payment-button__button--unbranded,[data-button_style=angled] .spr-container .spr-button,[data-button_style=angled] .spr-container .spr-summary-actions a{
position:relative;
border:0;
margin-left:10px;
margin-right:10px
}
[data-button_style=angled] .btn:after,[data-button_style=angled] .btn:before,[data-button_style=angled] .rte .btn:after,[data-button_style=angled] .rte .btn:before,[data-button_style=angled] .shopify-payment-button .shopify-payment-button__button--unbranded:after,[data-button_style=angled] .shopify-payment-button .shopify-payment-button__button--unbranded:before,[data-button_style=angled] .spr-container .spr-button:after,[data-button_style=angled] .spr-container .spr-button:before,[data-button_style=angled] .spr-container .spr-summary-actions a:after,[data-button_style=angled] .spr-container .spr-summary-actions a:before{
content:"";
position:absolute;
display:block;
top:0;
bottom:0;
width:20px;
transform:skewX(-12deg);
background-color:inherit;
}
[data-button_style=angled] .btn:before,[data-button_style=angled] .rte .btn:before,[data-button_style=angled] .shopify-payment-button .shopify-payment-button__button--unbranded:before,[data-button_style=angled] .spr-container .spr-button:before,[data-button_style=angled] .spr-container .spr-summary-actions a:before{
left:-6px;
}
[data-button_style=angled] .btn:after,[data-button_style=angled] .rte .btn:after,[data-button_style=angled] .shopify-payment-button .shopify-payment-button__button--unbranded:after,[data-button_style=angled] .spr-container .spr-button:after,[data-button_style=angled] .spr-container .spr-summary-actions a:after{
right:-6px;
}
[data-button_style=angled] .btn.btn--small:before,[data-button_style=angled] .rte .btn.btn--small:before,[data-button_style=angled] .shopify-payment-button .shopify-payment-button__button--unbranded.btn--small:before,[data-button_style=angled] .spr-container .spr-button.btn--small:before,[data-button_style=angled] .spr-container .spr-summary-actions a.btn--small:before{
left:-5px;
}
[data-button_style=angled] .btn.btn--small:after,[data-button_style=angled] .rte .btn.btn--small:after,[data-button_style=angled] .shopify-payment-button .shopify-payment-button__button--unbranded.btn--small:after,[data-button_style=angled] .spr-container .spr-button.btn--small:after,[data-button_style=angled] .spr-container .spr-summary-actions a.btn--small:after{
right:-5px;
}
[data-button_style=square] .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static),[data-button_style=square] .rte .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static),[data-button_style=square] .shopify-payment-button .shopify-payment-button__button--unbranded:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static),[data-button_style=square] .spr-container .spr-button:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static),[data-button_style=square] .spr-container .spr-summary-actions a:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static),[data-button_style^=round] .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static),[data-button_style^=round] .rte .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static),[data-button_style^=round] .shopify-payment-button .shopify-payment-button__button--unbranded:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static),[data-button_style^=round] .spr-container .spr-button:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static),[data-button_style^=round] .spr-container .spr-summary-actions a:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static){
position:relative;
overflow:hidden;
transition:background 0.2s ease 0s
}
[data-button_style=square] .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):after,[data-button_style=square] .rte .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):after,[data-button_style=square] .shopify-payment-button .shopify-payment-button__button--unbranded:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):after,[data-button_style=square] .spr-container .spr-button:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):after,[data-button_style=square] .spr-container .spr-summary-actions a:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):after,[data-button_style^=round] .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):after,[data-button_style^=round] .rte .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):after,[data-button_style^=round] .shopify-payment-button .shopify-payment-button__button--unbranded:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):after,[data-button_style^=round] .spr-container .spr-button:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):after,[data-button_style^=round] .spr-container .spr-summary-actions a:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):after{
content:"";
position:absolute;
top:0;
left:150%;
width:200%;
height:100%;
transform:skewX(-20deg);
background-image:linear-gradient(90deg,transparent, hsla(0, 0%, 100%, 0.25),transparent);
}
[data-button_style=square] .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):hover:after,[data-button_style=square] .rte .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):hover:after,[data-button_style=square] .shopify-payment-button .shopify-payment-button__button--unbranded:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):hover:after,[data-button_style=square] .spr-container .spr-button:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):hover:after,[data-button_style=square] .spr-container .spr-summary-actions a:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):hover:after,[data-button_style^=round] .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):hover:after,[data-button_style^=round] .rte .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):hover:after,[data-button_style^=round] .shopify-payment-button .shopify-payment-button__button--unbranded:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):hover:after,[data-button_style^=round] .spr-container .spr-button:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):hover:after,[data-button_style^=round] .spr-container .spr-summary-actions a:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):hover:after{
animation:shine 0.75s cubic-bezier(0.01, 0.56, 1, 1);
}
[data-button_style=square] .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):hover,[data-button_style=square] .rte .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):hover,[data-button_style=square] .shopify-payment-button .shopify-payment-button__button--unbranded:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):hover,[data-button_style=square] .spr-container .spr-button:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):hover,[data-button_style=square] .spr-container .spr-summary-actions a:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):hover,[data-button_style^=round] .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):hover,[data-button_style^=round] .rte .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):hover,[data-button_style^=round] .shopify-payment-button .shopify-payment-button__button--unbranded:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):hover,[data-button_style^=round] .spr-container .spr-button:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):hover,[data-button_style^=round] .spr-container .spr-summary-actions a:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):hover{
background:{{ settings.color_button | default: "#000" | color_lighten: 10 }};
background:var(--colorBtnPrimaryLight);
transition-delay:0.25s;
}
[data-button_style=square] .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):active,[data-button_style=square] .rte .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):active,[data-button_style=square] .shopify-payment-button .shopify-payment-button__button--unbranded:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):active,[data-button_style=square] .spr-container .spr-button:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):active,[data-button_style=square] .spr-container .spr-summary-actions a:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):active,[data-button_style^=round] .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):active,[data-button_style^=round] .rte .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):active,[data-button_style^=round] .shopify-payment-button .shopify-payment-button__button--unbranded:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):active,[data-button_style^=round] .spr-container .spr-button:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):active,[data-button_style^=round] .spr-container .spr-summary-actions a:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):active{
background:{{ settings.color_button | default: "#000" }};
background:var(--colorBtnPrimary);
transition-delay:0s;
}
.shopify-payment-button .shopify-payment-button__button--unbranded:hover:not([disabled]){
color:{{ settings.color_button_text | default: "#fff" }};
color:var(--colorBtnPrimaryText);
background-color:{{ settings.color_button | default: "#000" }};
background-color:var(--colorBtnPrimary);
}
.shopify-payment-button__more-options{
color:inherit;
}
.btn--secondary,.rte .btn--secondary{
color:{{ settings.color_body_text | default: "#1c1d1d" }};
color:var(--colorTextBody);
border:1px solid;
border-color:{{ settings.color_borders | default: "#1c1d1d" }};
border-color:var(--colorBorder);
background-color:transparent
}
[data-button_style=angled] .btn--secondary,[data-button_style=angled] .rte .btn--secondary{
border-left:0;
border-right:0;
border-top:1px solid;
border-bottom:1px solid;
border-top-color:{{ settings.color_borders | default: "#1c1d1d" }};
border-top-color:var(--colorBorder);
border-bottom-color:{{ settings.color_borders | default: "#1c1d1d" }};
border-bottom-color:var(--colorBorder)
}
[data-button_style=angled] .btn--secondary:after,[data-button_style=angled] .btn--secondary:before,[data-button_style=angled] .rte .btn--secondary:after,[data-button_style=angled] .rte .btn--secondary:before{
background-color:transparent;
top:-1px;
bottom:-1px;
}
[data-button_style=angled] .btn--secondary:before,[data-button_style=angled] .rte .btn--secondary:before{
border-left:1px solid;
border-left-color:{{ settings.color_borders | default: "#1c1d1d" }};
border-left-color:var(--colorBorder);
border-bottom:1px solid;
border-bottom-color:{{ settings.color_borders | default: "#1c1d1d" }};
border-bottom-color:var(--colorBorder);
}
[data-button_style=angled] .btn--secondary:after,[data-button_style=angled] .rte .btn--secondary:after{
border-top:1px solid;
border-top-color:{{ settings.color_borders | default: "#1c1d1d" }};
border-top-color:var(--colorBorder);
border-right:1px solid;
border-right-color:{{ settings.color_borders | default: "#1c1d1d" }};
border-right-color:var(--colorBorder);
}
.btn--secondary:hover,.rte .btn--secondary:hover{
color:{{ settings.color_body_text | default: "#1c1d1d" }};
color:var(--colorTextBody);
border-color:{{ settings.color_body_text | default: "#1c1d1d" }};
border-color:var(--colorTextBody);
background-color:transparent;
transition:border 0.3s ease
}
.btn--secondary:hover:before,.rte .btn--secondary:hover:before{
border-color:{{ settings.color_body_text | default: "#1c1d1d" }};
border-color:var(--colorTextBody);
transition:border 0.3s ease;
}
.btn--secondary:hover:after,.rte .btn--secondary:hover:after{
border-color:{{ settings.color_body_text | default: "#1c1d1d" }};
border-color:var(--colorTextBody);
transition:border 0.3s ease;
}
.btn--tertiary,.rte .btn--tertiary{
font-weight:400;
text-transform:none;
letter-spacing:normal;
background-color:transparent;
border:1px solid;
border-color:{{ settings.color_borders | default: "#1c1d1d" }};
border-color:var(--colorBorder);
color:{{ settings.color_body_text | default: "#1c1d1d" }};
color:var(--colorTextBody);
padding:8px 10px;
white-space:nowrap
}
.btn--tertiary:hover,.rte .btn--tertiary:hover{
background-color:transparent;
color:{{ settings.color_body_text | default: "#1c1d1d" }};
color:var(--colorTextBody);
}
.btn--tertiary.disabled,.btn--tertiary[disabled],.rte .btn--tertiary.disabled,.rte .btn--tertiary[disabled]{
cursor:default;
color:#b6b6b6;
background-color:#f6f6f6;
border-color:#b6b6b6;
}
[data-button_style=angled] .btn--tertiary,[data-button_style=angled] .rte .btn--tertiary{
margin-left:0;
margin-right:0
}
[data-button_style=angled] .btn--tertiary:after,[data-button_style=angled] .btn--tertiary:before,[data-button_style=angled] .rte .btn--tertiary:after,[data-button_style=angled] .rte .btn--tertiary:before{
content:none;
}
.btn--tertiary-active{
color:{{ settings.color_button_text | default: "#fff" }};
color:var(--colorBtnPrimaryText);
background:{{ settings.color_button | default: "#000" }};
background:var(--colorBtnPrimary);
border-color:{{ settings.color_button | default: "#000" }};
border-color:var(--colorBtnPrimary)
}
.btn--tertiary-active:hover{
color:{{ settings.color_button_text | default: "#fff" }};
color:var(--colorBtnPrimaryText);
background:{{ settings.color_button | default: "#000" }};
background:var(--colorBtnPrimary);
}
.btn--body{
border:1px solid;
border-color:{{ settings.color_borders | default: "#1c1d1d" }};
border-color:var(--colorBorder);
background-color:{{ settings.color_body_bg | default: "#fff" }};
background-color:var(--colorBody);
color:{{ settings.color_body_text | default: "#1c1d1d" }};
color:var(--colorTextBody)
}
.btn--body:active,.btn--body:hover{
border:1px solid;
border-color:{{ settings.color_borders | default: "#1c1d1d" }};
border-color:var(--colorBorder);
background-color:{{ settings.color_body_bg | default: "#fff" }};
background-color:var(--colorBody);
color:{{ settings.color_body_text | default: "#1c1d1d" }};
color:var(--colorTextBody);
}
.btn--circle{
padding:10px;
border-radius:50%;
min-width:0;
line-height:1
}
.btn--circle .icon{
width:20px;
height:20px;
}
.btn--circle:after,.btn--circle:before{
content:none;
background:none;
width:auto;
}
.btn--circle.btn--large .icon{
width:30px;
height:30px;
}
.btn--circle.btn--large{
padding:15px;
}
[data-button_style=angled] .btn--circle{
border:1px solid;
border-color:{{ settings.color_borders | default: "#1c1d1d" }};
border-color:var(--colorBorder)
}
[data-button_style=angled] .btn--circle:after,[data-button_style=angled] .btn--circle:before{
display:none;
}
.btn--small{
padding:8px 14px;
background-position:150% 45%;
min-width:90px;
font-size:calc(var(--typeBaseSize) - 6px);
font-size:max(calc(var(--typeBaseSize) - 6px), 12px)
}
[data-button_style=angled] .btn--small{
margin-left:10px;
padding-left:16px;
padding-right:16px
}
.btn--secondary.btn--small{
font-weight:400;
}
.btn--large{
padding:15px 20px;
}
.btn--full{
width:100%;
padding:11px 20px;
transition:none;
padding:13px 20px
}
[data-button_style=angled] .btn--full{
max-width:94%
}
[data-button_style=angled] .shopify-payment-button .shopify-payment-button__button--unbranded{
max-width:94%;
}
.btn--inverse{
background-color:transparent;
color:#fff;
border:2px solid #fff
}
.btn--inverse:focus,.btn--inverse:hover{
background-color:transparent;
}
[data-button_style=angled] .btn--inverse{
border-left:0;
border-right:0;
border-top:2px solid;
border-bottom:2px solid
}
[data-button_style=angled] .btn--inverse:after,[data-button_style=angled] .btn--inverse:before{
background-color:transparent;
border-color:#fff;
top:-2px;
bottom:-2px;
}
[data-button_style=angled] .btn--inverse:before{
border-left:2px solid;
border-bottom:2px solid;
}
[data-button_style=angled] .btn--inverse:after{
border-top:2px solid;
border-right:2px solid;
}
.hero__link .btn--inverse{
color:{{ settings.color_image_text | default: "#fff" }};
color:var(--colorHeroText);
border-color:{{ settings.color_image_text | default: "#fff" }};
border-color:var(--colorHeroText)
}
[data-button_style=angled] .hero__link .btn--inverse:before{
border-color:{{ settings.color_image_text | default: "#fff" }};
border-color:var(--colorHeroText);
}
[data-button_style=angled] .hero__link .btn--inverse:after{
border-color:{{ settings.color_image_text | default: "#fff" }};
border-color:var(--colorHeroText);
}
.btn--loading{
position:relative;
text-indent:-9999px;
background-color:{{ settings.color_button | default: "#000" | color_darken: 5 }};
background-color:var(--colorBtnPrimaryDim);
color:{{ settings.color_button | default: "#000" | color_darken: 5 }};
color:var(--colorBtnPrimaryDim)
}
.btn--loading:active,.btn--loading:hover{
background-color:{{ settings.color_button | default: "#000" | color_darken: 5 }};
background-color:var(--colorBtnPrimaryDim);
color:{{ settings.color_button | default: "#000" | color_darken: 5 }};
color:var(--colorBtnPrimaryDim);
}
.btn--loading:before{
content:"";
display:block;
width:24px;
height:24px;
position:absolute;
left:50%;
top:50%;
margin-left:-12px;
margin-top:-12px;
border-radius:50%;
border:3px solid;
border-color:{{ settings.color_button_text | default: "#fff" }};
border-color:var(--colorBtnPrimaryText);
border-top-color:transparent;
animation:spin 1s linear infinite;
}
[data-button_style=angled] .btn--loading:before{
left:50%;
top:50%;
width:24px;
height:24px;
transform:none;
border:3px solid;
border-color:{{ settings.color_button_text | default: "#fff" }} !important;
border-color:var(--colorBtnPrimaryText) !important;
border-top-color:transparent !important;
}
[data-button_style=angled] .btn--loading:after{
background-color:{{ settings.color_button | default: "#000" | color_darken: 5 }};
background-color:var(--colorBtnPrimaryDim);
}
[data-button_style=angled] .btn--loading.btn--secondary:after{
bottom:1px;
}
.btn--loading.btn--secondary{
color:{{ settings.color_body_text | default: "#1c1d1d" }};
color:var(--colorTextBody);
background:transparent
}
.btn--loading.btn--secondary:before{
border-color:{{ settings.color_body_text | default: "#1c1d1d" }};
border-color:var(--colorTextBody);
border-top-color:transparent;
}
.return-link{
text-align:center;
padding:15px 25px;
margin-top:50px
}
@media only screen and (max-width:768px){
.return-link{
padding:22px 17px;
width:100%
}
[data-button_style=angled] .return-link{
width:90%
}
}
.return-link .icon{
width:20px;
margin-right:8px;
}
.collapsible-trigger-btn{
text-align:left
}
[data-center-text=true] .collapsible-trigger-btn{
text-align:center
}
.collapsible-trigger-btn{
text-transform:uppercase;
letter-spacing:0.3em;
font-size:0.8em;
display:block;
width:100%;
padding:15px 10px 15px 0
}
.collection-sidebar__group .collapsible-trigger-btn{
text-align:left
}
.collapsible-trigger-btn--borders{
border:1px solid;
border-color:{{ settings.color_borders | default: "#1c1d1d" }};
border-color:var(--colorBorder);
border-bottom:0;
padding:12px
}
.collapsible-trigger-btn--borders .collapsible-trigger__icon{
right:12px;
}
@media only screen and (min-width:769px){
.collapsible-trigger-btn--borders{
padding:15px
}
.collapsible-trigger-btn--borders .collapsible-trigger__icon{
right:15px;
}
}
.collapsible-content+.collapsible-trigger-btn--borders{
margin-top:-1px
}
.collapsible-trigger-btn--borders+.collapsible-content .collapsible-content__inner{
border:1px solid;
border-color:{{ settings.color_borders | default: "#1c1d1d" }};
border-color:var(--colorBorder);
border-top:0;
padding:0 20px 20px;
font-size:calc(var(--typeBaseSize)*0.92);
}
.collapsible-trigger-btn--borders+.collapsible-content--expanded{
margin-bottom:30px
}
.collapsible-trigger-btn--borders+.collapsible-content--expanded:last-child{
margin-bottom:-1px;
}
.collapsible-trigger-btn--borders-top{
border-top:1px solid;
border-top-color:{{ settings.color_borders | default: "#1c1d1d" }};
border-top-color:var(--colorBorder);
}
.shopify-payment-button{
margin-top:10px;
}
.shopify-payment-button .shopify-payment-button__button--unbranded{
display:block;
width:100%;
transition:none;
}
.payment-buttons .add-to-cart,.payment-buttons .shopify-payment-button,.payment-buttons .shopify-payment-button__button--unbranded{
min-height:50px;
}
.add-to-cart.btn--secondary{
border:1px solid;
border-color:{{ settings.color_body_text | default: "#1c1d1d" }};
border-color:var(--colorTextBody)
}
[data-button_style=angled] .add-to-cart.btn--secondary{
border-left:0;
border-right:0
}
[data-button_style=angled] .add-to-cart.btn--secondary:after,[data-button_style=angled] .add-to-cart.btn--secondary:before{
border-color:{{ settings.color_body_text | default: "#1c1d1d" }};
border-color:var(--colorTextBody);
}
.add-to-cart.btn--secondary.disabled,.add-to-cart.btn--secondary[disabled]{
border-color:#b6b6b6
}
[data-button_style=angled] .add-to-cart.btn--secondary.disabled:after,[data-button_style=angled] .add-to-cart.btn--secondary.disabled:before,[data-button_style=angled] .add-to-cart.btn--secondary[disabled]:after,[data-button_style=angled] .add-to-cart.btn--secondary[disabled]:before{
border-color:#b6b6b6;
}
.shopify-payment-button__button--hidden{
display:none !important;
}
img{
border:0 none;
}
svg:not(:root){
overflow:hidden;
}
iframe,img{
max-width:100%;
}
img[data-sizes=auto]{
display:block;
width:100%;
}
.lazyloaded{
opacity:1;
transition:opacity 0.4s ease;
}
.video-wrapper{
position:relative;
overflow:hidden;
max-width:100%;
padding-bottom:56.25%;
height:0;
height:auto
}
.video-wrapper iframe,.video-wrapper video{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.video-wrapper--modal{
width:1000px;
}
.grid__image-ratio{
position:relative;
background-color:{{ settings.color_small_image_bg | default: "#eee" }};
background-color:var(--colorSmallImageBg)
}
.grid__image-ratio img{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
animation:fade-in 1s cubic-bezier(0.26, 0.54, 0.32, 1) 0s forwards;
transition:none
}
.grid__image-ratio img.grid__image-contain{
-o-object-fit:contain;
object-fit:contain;
}
.grid__image-ratio:before{
content:"";
display:block;
height:0;
width:100%;
}
.grid__image-ratio .placeholder-svg{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
}
.grid__image-ratio--object{
opacity:1;
}
.grid__image-ratio--wide:before{
padding-bottom:56.25%;
}
.grid__image-ratio--landscape:before{
padding-bottom:75%;
}
.grid__image-ratio--square:before{
padding-bottom:100%;
}
.grid__image-ratio--portrait:before{
padding-bottom:150%;
}
.image-fit{
position:relative;
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
font-family:"object-fit: cover";
z-index:1;
}
.parallax-container{
position:absolute;
top:-30%;
left:0;
height:160%;
width:100%;
}
.parallax-image{
position:absolute;
top:-5%;
left:0;
width:100%;
height:110%
}
.parallax-image img{
display:block;
-o-object-fit:cover;
object-fit:cover;
width:100%;
height:100%;
}
form{
margin:0;
}
[data-center-text=true] .form-vertical{
text-align:center
}
.form-vertical{
margin-bottom:15px
}
.form-vertical label{
text-align:left;
}
.inline{
display:inline;
}
@media only screen and (max-width:959px){
input,select,textarea{
font-size:16px !important;
}
}
button,input,textarea{
-webkit-appearance:none;
-moz-appearance:none;
}
button{
background:none;
border:none;
display:inline-block;
cursor:pointer;
}
fieldset{
border:1px solid;
border-color:{{ settings.color_borders | default: "#1c1d1d" }};
border-color:var(--colorBorder);
padding:15px;
}
legend{
border:0;
padding:0;
}
button,input[type=submit]{
cursor:pointer;
}
input,select,textarea{
border:1px solid;
border-color:{{ settings.color_borders | default: "#1c1d1d" }};
border-color:var(--colorBorder);
max-width:100%;
padding:8px 10px;
border-radius:0
}
input.disabled,input[disabled],select.disabled,select[disabled],textarea.disabled,textarea[disabled]{
cursor:default;
border-color:#b6b6b6;
}
input.input-full,select.input-full,textarea.input-full{
width:100%;
}
textarea{
min-height:100px;
}
input[type=checkbox],input[type=radio]{
margin:0 10px 0 0;
padding:0;
width:auto;
}
input[type=checkbox]{
-webkit-appearance:checkbox;
-moz-appearance:checkbox;
}
input[type=radio]{
-webkit-appearance:radio;
-moz-appearance:radio;
}
input[type=image]{
padding-left:0;
padding-right:0;
}
.faux-select,select{
-webkit-appearance:none;
appearance:none;
background-color:transparent;
padding-right:28px;
text-indent:0.01px;
text-overflow:"";
cursor:pointer;
color:inherit;
}
select{
background-position:100%;
background-image:url({{ "ico-select.svg" | asset_url | split: '?' | first }});
background-repeat:no-repeat;
background-position:right 10px center;
background-size:11px
}
.is-light select{
background-image:url({{ "ico-select-white.svg" | asset_url | split: '?' | first }})
}
.faux-select .icon{
position:absolute;
right:10px;
top:50%;
transform:translateY(-50%);
width:11px;
height:11px;
}
optgroup{
font-weight:700;
}
option{
color:#000;
background-color:#fff
}
option[disabled]{
color:#ccc;
}
select::-ms-expand{
display:none;
}
.hidden-label{
border:0;
clip:rect(0 0 0 0);
height:1px;
margin:-1px;
overflow:hidden;
padding:0;
position:absolute;
width:1px;
}
label[for]{
cursor:pointer;
}
.form-vertical input,.form-vertical select,.form-vertical textarea{
display:block;
margin-bottom:30px;
}
.form-vertical .btn,.form-vertical input[type=checkbox],.form-vertical input[type=radio]{
display:inline-block;
}
.form-vertical .btn:not(:last-child){
margin-bottom:30px;
}
small{
display:block;
}
input.error,textarea.error{
border-color:#d02e2e;
background-color:#fff6f6;
color:#d02e2e;
}
label.error{
color:#d02e2e;
}
.selector-wrapper label{
margin-right:10px;
}
.selector-wrapper+.selector-wrapper{
margin-top:15px;
}
.input-group{
display:flex
}
.input-group .input-group-btn:first-child .btn,.input-group .input-group-field:first-child,.input-group input[type=hidden]:first-child+.input-group-field{
border-radius:0 0 0 0;
}
.input-group .input-group-field:last-child{
border-radius:0 0 0 0;
}
.input-group .input-group-btn:first-child .btn,.input-group input[type=hidden]:first-child+.input-group-btn .btn{
border-radius:var(--buttonRadius) 0 0 var(--buttonRadius);
}
.input-group .input-group-btn:last-child .btn{
border-radius:0 var(--buttonRadius) var(--buttonRadius) 0;
}
.input-group input::-moz-focus-inner{
border:0;
padding:0;
margin-top:-1px;
margin-bottom:-1px;
}
.input-group-field{
flex:1 1 auto;
margin:0;
min-width:0;
}
.input-group-btn{
flex:0 1 auto;
margin:0;
display:flex
}
.input-group-btn .icon{
vertical-align:baseline;
vertical-align:initial;
}
[data-button_style=angled] .input-group-btn{
position:relative;
left:-8px
}
.icon{
display:inline-block;
width:20px;
height:20px;
vertical-align:middle;
fill:currentColor
}
.no-svg .icon{
display:none
}
.icon--full-color{
fill:initial;
}
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;
}
.icon-bag-minimal circle,.icon-bag-minimal ellipse,.icon-bag-minimal g,.icon-bag-minimal line,.icon-bag-minimal path,.icon-bag-minimal polygon,.icon-bag-minimal polyline,.icon-bag-minimal rect,.icon-bag circle,.icon-bag ellipse,.icon-bag g,.icon-bag line,.icon-bag path,.icon-bag polygon,.icon-bag polyline,.icon-bag rect,.icon-cart circle,.icon-cart ellipse,.icon-cart g,.icon-cart line,.icon-cart path,.icon-cart polygon,.icon-cart polyline,.icon-cart rect,.icon-chevron-down circle,.icon-chevron-down ellipse,.icon-chevron-down g,.icon-chevron-down line,.icon-chevron-down path,.icon-chevron-down polygon,.icon-chevron-down polyline,.icon-chevron-down rect,.icon-circle-checkmark circle,.icon-circle-checkmark ellipse,.icon-circle-checkmark g,.icon-circle-checkmark line,.icon-circle-checkmark path,.icon-circle-checkmark polygon,.icon-circle-checkmark polyline,.icon-circle-checkmark rect,.icon-close circle,.icon-close ellipse,.icon-close g,.icon-close line,.icon-close path,.icon-close polygon,.icon-close polyline,.icon-close rect,.icon-email circle,.icon-email ellipse,.icon-email g,.icon-email line,.icon-email path,.icon-email polygon,.icon-email polyline,.icon-email rect,.icon-filter circle,.icon-filter ellipse,.icon-filter g,.icon-filter line,.icon-filter path,.icon-filter polygon,.icon-filter polyline,.icon-filter rect,.icon-gift circle,.icon-gift ellipse,.icon-gift g,.icon-gift line,.icon-gift path,.icon-gift polygon,.icon-gift polyline,.icon-gift rect,.icon-globe circle,.icon-globe ellipse,.icon-globe g,.icon-globe line,.icon-globe path,.icon-globe polygon,.icon-globe polyline,.icon-globe rect,.icon-hamburger circle,.icon-hamburger ellipse,.icon-hamburger g,.icon-hamburger line,.icon-hamburger path,.icon-hamburger polygon,.icon-hamburger polyline,.icon-hamburger rect,.icon-heart circle,.icon-heart ellipse,.icon-heart g,.icon-heart line,.icon-heart path,.icon-heart polygon,.icon-heart polyline,.icon-heart rect,.icon-leaf circle,.icon-leaf ellipse,.icon-leaf g,.icon-leaf line,.icon-leaf path,.icon-leaf polygon,.icon-leaf polyline,.icon-leaf rect,.icon-lock circle,.icon-lock ellipse,.icon-lock g,.icon-lock line,.icon-lock path,.icon-lock polygon,.icon-lock polyline,.icon-lock rect,.icon-package circle,.icon-package ellipse,.icon-package g,.icon-package line,.icon-package path,.icon-package polygon,.icon-package polyline,.icon-package rect,.icon-phone circle,.icon-phone ellipse,.icon-phone g,.icon-phone line,.icon-phone path,.icon-phone polygon,.icon-phone polyline,.icon-phone rect,.icon-ribbon circle,.icon-ribbon ellipse,.icon-ribbon g,.icon-ribbon line,.icon-ribbon path,.icon-ribbon polygon,.icon-ribbon polyline,.icon-ribbon rect,.icon-search circle,.icon-search ellipse,.icon-search g,.icon-search line,.icon-search path,.icon-search polygon,.icon-search polyline,.icon-search rect,.icon-shield circle,.icon-shield ellipse,.icon-shield g,.icon-shield line,.icon-shield path,.icon-shield polygon,.icon-shield polyline,.icon-shield rect,.icon-size-chart circle,.icon-size-chart ellipse,.icon-size-chart g,.icon-size-chart line,.icon-size-chart path,.icon-size-chart polygon,.icon-size-chart polyline,.icon-size-chart rect,.icon-tag circle,.icon-tag ellipse,.icon-tag g,.icon-tag line,.icon-tag path,.icon-tag polygon,.icon-tag polyline,.icon-tag rect,.icon-tcwi-bills circle,.icon-tcwi-bills ellipse,.icon-tcwi-bills g,.icon-tcwi-bills line,.icon-tcwi-bills path,.icon-tcwi-bills polygon,.icon-tcwi-bills polyline,.icon-tcwi-bills rect,.icon-tcwi-calendar circle,.icon-tcwi-calendar ellipse,.icon-tcwi-calendar g,.icon-tcwi-calendar line,.icon-tcwi-calendar path,.icon-tcwi-calendar polygon,.icon-tcwi-calendar polyline,.icon-tcwi-calendar rect,.icon-tcwi-cart circle,.icon-tcwi-cart ellipse,.icon-tcwi-cart g,.icon-tcwi-cart line,.icon-tcwi-cart path,.icon-tcwi-cart polygon,.icon-tcwi-cart polyline,.icon-tcwi-cart rect,.icon-tcwi-charity circle,.icon-tcwi-charity ellipse,.icon-tcwi-charity g,.icon-tcwi-charity line,.icon-tcwi-charity path,.icon-tcwi-charity polygon,.icon-tcwi-charity polyline,.icon-tcwi-charity rect,.icon-tcwi-chat circle,.icon-tcwi-chat ellipse,.icon-tcwi-chat g,.icon-tcwi-chat line,.icon-tcwi-chat path,.icon-tcwi-chat polygon,.icon-tcwi-chat polyline,.icon-tcwi-chat rect,.icon-tcwi-gears circle,.icon-tcwi-gears ellipse,.icon-tcwi-gears g,.icon-tcwi-gears line,.icon-tcwi-gears path,.icon-tcwi-gears polygon,.icon-tcwi-gears polyline,.icon-tcwi-gears rect,.icon-tcwi-gift circle,.icon-tcwi-gift ellipse,.icon-tcwi-gift g,.icon-tcwi-gift line,.icon-tcwi-gift path,.icon-tcwi-gift polygon,.icon-tcwi-gift polyline,.icon-tcwi-gift rect,.icon-tcwi-globe circle,.icon-tcwi-globe ellipse,.icon-tcwi-globe g,.icon-tcwi-globe line,.icon-tcwi-globe path,.icon-tcwi-globe polygon,.icon-tcwi-globe polyline,.icon-tcwi-globe rect,.icon-tcwi-open-envelope circle,.icon-tcwi-open-envelope ellipse,.icon-tcwi-open-envelope g,.icon-tcwi-open-envelope line,.icon-tcwi-open-envelope path,.icon-tcwi-open-envelope polygon,.icon-tcwi-open-envelope polyline,.icon-tcwi-open-envelope rect,.icon-tcwi-package circle,.icon-tcwi-package ellipse,.icon-tcwi-package g,.icon-tcwi-package line,.icon-tcwi-package path,.icon-tcwi-package polygon,.icon-tcwi-package polyline,.icon-tcwi-package rect,.icon-tcwi-phone circle,.icon-tcwi-phone ellipse,.icon-tcwi-phone g,.icon-tcwi-phone line,.icon-tcwi-phone path,.icon-tcwi-phone polygon,.icon-tcwi-phone polyline,.icon-tcwi-phone rect,.icon-tcwi-plant circle,.icon-tcwi-plant ellipse,.icon-tcwi-plant g,.icon-tcwi-plant line,.icon-tcwi-plant path,.icon-tcwi-plant polygon,.icon-tcwi-plant polyline,.icon-tcwi-plant rect,.icon-tcwi-recycle circle,.icon-tcwi-recycle ellipse,.icon-tcwi-recycle g,.icon-tcwi-recycle line,.icon-tcwi-recycle path,.icon-tcwi-recycle polygon,.icon-tcwi-recycle polyline,.icon-tcwi-recycle rect,.icon-tcwi-ribbon circle,.icon-tcwi-ribbon ellipse,.icon-tcwi-ribbon g,.icon-tcwi-ribbon line,.icon-tcwi-ribbon path,.icon-tcwi-ribbon polygon,.icon-tcwi-ribbon polyline,.icon-tcwi-ribbon rect,.icon-tcwi-sales-tag circle,.icon-tcwi-sales-tag ellipse,.icon-tcwi-sales-tag g,.icon-tcwi-sales-tag line,.icon-tcwi-sales-tag path,.icon-tcwi-sales-tag polygon,.icon-tcwi-sales-tag polyline,.icon-tcwi-sales-tag rect,.icon-tcwi-shield circle,.icon-tcwi-shield ellipse,.icon-tcwi-shield g,.icon-tcwi-shield line,.icon-tcwi-shield path,.icon-tcwi-shield polygon,.icon-tcwi-shield polyline,.icon-tcwi-shield rect,.icon-tcwi-stopwatch circle,.icon-tcwi-stopwatch ellipse,.icon-tcwi-stopwatch g,.icon-tcwi-stopwatch line,.icon-tcwi-stopwatch path,.icon-tcwi-stopwatch polygon,.icon-tcwi-stopwatch polyline,.icon-tcwi-stopwatch rect,.icon-tcwi-store circle,.icon-tcwi-store ellipse,.icon-tcwi-store g,.icon-tcwi-store line,.icon-tcwi-store path,.icon-tcwi-store polygon,.icon-tcwi-store polyline,.icon-tcwi-store rect,.icon-tcwi-thumbs-up circle,.icon-tcwi-thumbs-up ellipse,.icon-tcwi-thumbs-up g,.icon-tcwi-thumbs-up line,.icon-tcwi-thumbs-up path,.icon-tcwi-thumbs-up polygon,.icon-tcwi-thumbs-up polyline,.icon-tcwi-thumbs-up rect,.icon-tcwi-trophy circle,.icon-tcwi-trophy ellipse,.icon-tcwi-trophy g,.icon-tcwi-trophy line,.icon-tcwi-trophy path,.icon-tcwi-trophy polygon,.icon-tcwi-trophy polyline,.icon-tcwi-trophy rect,.icon-tcwi-truck circle,.icon-tcwi-truck ellipse,.icon-tcwi-truck g,.icon-tcwi-truck line,.icon-tcwi-truck path,.icon-tcwi-truck polygon,.icon-tcwi-truck polyline,.icon-tcwi-truck rect,.icon-tcwi-wallet circle,.icon-tcwi-wallet ellipse,.icon-tcwi-wallet g,.icon-tcwi-wallet line,.icon-tcwi-wallet path,.icon-tcwi-wallet polygon,.icon-tcwi-wallet polyline,.icon-tcwi-wallet rect,.icon-truck circle,.icon-truck ellipse,.icon-truck g,.icon-truck line,.icon-truck path,.icon-truck polygon,.icon-truck polyline,.icon-truck rect,.icon-user circle,.icon-user ellipse,.icon-user g,.icon-user line,.icon-user path,.icon-user polygon,.icon-user polyline,.icon-user rect{
fill:none !important;
stroke-width:var(--iconWeight);
stroke:currentColor !important;
stroke-linecap:var(--iconLinecaps);
stroke-linejoin:var(--iconLinecaps);
}
.icon-cart circle{
fill:currentColor !important;
}
.icon__fallback-text{
border:0;
clip:rect(0 0 0 0);
height:1px;
margin:-1px;
overflow:hidden;
padding:0;
position:absolute;
width:1px;
}
.js-drawer-open{
overflow:hidden;
}
.drawer{
display:none;
position:fixed;
overflow:hidden;
-webkit-overflow-scrolling:touch;
top:0;
bottom:0;
max-width:95%;
z-index:30;
color:{{ settings.color_drawer_text | default: "#fff" }};
color:var(--colorDrawerText);
background-color:{{ settings.color_drawer_background | default: "#1c1d1d" }};
background-color:var(--colorDrawers);
box-shadow:0 0 150px rgba(0, 0, 0, 0.1);
transition:transform 0.25s cubic-bezier(0.165, 0.84, 0.44, 1)
}
@media screen and (max-height:400px){
.drawer{
overflow:scroll
}
.drawer .drawer__contents{
height:auto;
}
}
.drawer a:not(.btn){
color:{{ settings.color_drawer_text | default: "#fff" }};
color:var(--colorDrawerText)
}
.drawer a:not(.btn):hover{
color:{{ settings.color_drawer_text | default: "#fff" }};
color:var(--colorDrawerText);
}
.drawer input,.drawer textarea{
border-color:{{ settings.color_drawer_border | default: "#343535" }};
border-color:var(--colorDrawerBorder);
}
.drawer .btn{
background-color:{{ settings.color_drawer_button | default: "#a26b25" }};
background-color:var(--colorDrawerButton);
color:{{ settings.color_drawer_button_text | default: "#fff" }};
color:var(--colorDrawerButtonText);
}
.drawer--left{
width:350px;
left:-350px
}
.drawer--left.drawer--is-open{
display:block;
transform:translateX(350px);
transition-duration:0.45s;
}
.drawer--right{
width:350px;
right:-350px
}
@media only screen and (min-width:769px){
.drawer--right{
width:450px;
right:-450px
}
}
.drawer--right.drawer--is-open{
display:block;
transform:translateX(-350px);
transition-duration:0.45s
}
@media only screen and (min-width:769px){
.drawer--right.drawer--is-open{
transform:translateX(-450px)
}
}
.js-drawer-closing .main-content:after,.js-drawer-open .main-content:after{
content:"";
display:block;
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
background-color:{{ settings.color_modal_overlays | default: "#000" }};
background-color:var(--colorModalBg);
opacity:0;
z-index:26;
}
.js-drawer-open .main-content:after{
animation:overlay-on 0.35s forwards;
}
.js-drawer-closing .main-content:after{
animation:overlay-off 0.25s forwards;
}
.drawer__fixed-header,.drawer__footer,.drawer__header,.drawer__scrollable{
padding-left:20px;
padding-left:var(--drawer-gutter);
padding-right:20px;
padding-right:var(--drawer-gutter);
}
.drawer__header{
display:table;
height:70px;
width:100%;
padding:11.53846px 0;
margin-bottom:0;
border-bottom:1px solid;
border-bottom-color:{{ settings.color_drawer_border | default: "#343535" }};
border-bottom-color:var(--colorDrawerBorder);
}
.drawer__fixed-header{
height:70px;
overflow:visible;
}
@media only screen and (min-width:769px){
.drawer__fixed-header,.drawer__header{
height:80px;
}
}
.drawer__close,.drawer__title{
display:table-cell;
vertical-align:middle;
}
.drawer__title{
width:100%;
}
.drawer__close{
width:1%;
text-align:center;
}
.drawer__close-button{
position:relative;
height:100%;
right:-20px;
right:calc(var(--drawer-gutter)*-1);
padding:0 20px;
padding:0 var(--drawer-gutter);
color:inherit
}
.drawer__close-button:active{
background-color:{{ settings.color_drawer_background | default: "#1c1d1d" | color_darken: 5 }};
background-color:var(--colorDrawersDim);
}
.drawer__close-button .icon{
height:28px;
width:28px;
}
.drawer__close--left{
text-align:left
}
.drawer__close--left .drawer__close-button{
right:auto;
left:-20px;
left:calc(var(--drawer-gutter)*-1);
}
.drawer__contents{
height:100%;
display:flex;
flex-direction:column;
}
.drawer__inner,.drawer__scrollable{
flex:1 1 auto;
display:flex;
flex-direction:column;
overflow-y:hidden;
}
.drawer__scrollable{
padding-top:20px;
padding-top:var(--drawer-gutter);
overflow:hidden;
overflow-y:auto;
-webkit-overflow-scrolling:touch;
}
.drawer__footer{
border-top:1px solid;
border-top-color:{{ settings.color_drawer_border | default: "#343535" }};
border-top-color:var(--colorDrawerBorder);
padding-top:15px;
padding-bottom:20px;
padding-bottom:var(--drawer-gutter)
}
@media only screen and (min-width:769px){
.drawer__footer{
padding-top:22.22222px
}
}
.drawer__inner.is-loading .drawer__scrollable{
transition:opacity 0.3s ease 0.7s;
opacity:0.4;
}
.cart-notes{
margin-top:10px;
margin-bottom:10px;
min-height:60px;
height:60px
}
@media only screen and (min-width:769px){
.cart-notes{
min-height:80px;
height:80px
}
}
.placeholder-svg{
fill:#999;
background-color:#e1e1e1;
width:100%;
height:100%;
max-width:100%;
max-height:100%;
display:block;
padding:30px 0;
}
.placeholder-noblocks{
padding:40px;
text-align:center;
}
.placeholder-content{
overflow:hidden;
animation:placeholder-shimmer 1.3s linear infinite;
background-size:400% 100%;
margin-bottom:20px;
border-radius:4px
}
@media only screen and (max-width:768px){
.placeholder-content{
margin-left:auto;
margin-right:auto
}
}
.animation-delay-20{animation-delay:1.2s;}
.animation-delay-19{animation-delay:1.14s;}
.animation-delay-18{animation-delay:1.08s;}
.animation-delay-17{animation-delay:1.02s;}
.animation-delay-16{animation-delay:0.96s;}
.animation-delay-15{animation-delay:0.9s;}
.animation-delay-14{animation-delay:0.84s;}
.animation-delay-13{animation-delay:0.78s;}
.animation-delay-12{animation-delay:0.72s;}
.animation-delay-11{animation-delay:0.66s;}
.animation-delay-10{animation-delay:0.6s;}
.animation-delay-9{animation-delay:0.54s;}
.animation-delay-8{animation-delay:0.48s;}
.animation-delay-7{animation-delay:0.42s;}
.animation-delay-6{animation-delay:0.36s;}
.animation-delay-5{animation-delay:0.3s;}
.animation-delay-4{animation-delay:0.24s;}
.animation-delay-3{animation-delay:0.18s;}
.animation-delay-2{animation-delay:0.12s;}
.appear-delay-20{transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.3s,opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.4s;}
.appear-delay-19{transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.24s,opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.34s;}
.appear-delay-18{transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.18s,opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.28s;}
.appear-delay-17{transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.12s,opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.22s;}
.appear-delay-16{transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.06s,opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.16s;}
.appear-delay-15{transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1s,opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.1s;}
.appear-delay-14{transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.94s,opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.04s;}
.appear-delay-13{transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.88s,opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.98s;}
.appear-delay-12{transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.82s,opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.92s;}
.appear-delay-11{transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.76s,opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.86s;}
.appear-delay-10{transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.7s,opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.8s;}
.appear-delay-9{transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.64s,opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.74s;}
.appear-delay-8{transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.58s,opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.68s;}
.appear-delay-7{transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.52s,opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.62s;}
.appear-delay-6{transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.46s,opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.56s;}
.appear-delay-5{transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s,opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;}
.appear-delay-4{transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.34s,opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.44s;}
.appear-delay-3{transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.28s,opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.38s;}
.appear-delay-2{transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.22s,opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.32s;}
.appear-delay-1{transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s,opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;}
.animation-cropper{
overflow:hidden;
display:inline-flex;
}
.image-wrap{
background:{{ settings.color_small_image_bg | default: "#eee" }};
background:var(--colorSmallImageBg);
overflow:hidden;
position:relative;
}
.image-wrap img:not([role=presentation]){
display:block;
-o-object-fit:cover;
object-fit:cover;
height:100%;
width:100%;
position:absolute;
}
.aos-animate .image-wrap .animate-me,.aos-animate .image-wrap img:not([role=presentation]),.aos-animate .image-wrap svg{
animation:fade-in 1s cubic-bezier(0.26, 0.54, 0.32, 1) 0s forwards;
}
[data-aos=row-of-3].aos-animate:nth-child(3n+2) .image-wrap img{
animation-delay:150ms
}
[data-aos=row-of-3].aos-animate:nth-child(3n+3) .image-wrap img{
animation-delay:300ms
}
[data-aos=row-of-4].aos-animate:nth-child(4n+2) .image-wrap img{
animation-delay:120ms
}
[data-aos=row-of-4].aos-animate:nth-child(4n+3) .image-wrap img{
animation-delay:240ms
}
[data-aos=row-of-4].aos-animate:nth-child(4n+4) .image-wrap img{
animation-delay:360ms
}
[data-aos=row-of-5].aos-animate:nth-child(5n+2) .image-wrap img{
animation-delay:75ms
}
[data-aos=row-of-5].aos-animate:nth-child(5n+3) .image-wrap img{
animation-delay:150ms
}
[data-aos=row-of-5].aos-animate:nth-child(5n+4) .image-wrap img{
animation-delay:225ms
}
[data-aos=row-of-5].aos-animate:nth-child(5n+5) .image-wrap img{
animation-delay:300ms
}
[data-aos=row-of-6].aos-animate:nth-child(6n+2) .image-wrap img{
animation-delay:50ms
}
[data-aos=row-of-6].aos-animate:nth-child(6n+3) .image-wrap img{
animation-delay:100ms
}
[data-aos=row-of-6].aos-animate:nth-child(6n+4) .image-wrap img{
animation-delay:150ms
}
[data-aos=row-of-6].aos-animate:nth-child(6n+5) .image-wrap img{
animation-delay:200ms
}
[data-aos=row-of-6].aos-animate:nth-child(6n+6) .image-wrap img{
animation-delay:250ms
}
[data-aos=row-of-3].aos-animate:nth-child(3n+2) .collection-image{
animation-delay:150ms
}
[data-aos=row-of-3].aos-animate:nth-child(3n+3) .collection-image{
animation-delay:300ms
}
[data-aos=row-of-4].aos-animate:nth-child(4n+2) .collection-image{
animation-delay:120ms
}
[data-aos=row-of-4].aos-animate:nth-child(4n+3) .collection-image{
animation-delay:240ms
}
[data-aos=row-of-4].aos-animate:nth-child(4n+4) .collection-image{
animation-delay:360ms
}
[data-aos=row-of-5].aos-animate:nth-child(5n+2) .collection-image{
animation-delay:75ms
}
[data-aos=row-of-5].aos-animate:nth-child(5n+3) .collection-image{
animation-delay:150ms
}
[data-aos=row-of-5].aos-animate:nth-child(5n+4) .collection-image{
animation-delay:225ms
}
[data-aos=row-of-5].aos-animate:nth-child(5n+5) .collection-image{
animation-delay:300ms
}
[data-aos=row-of-6].aos-animate:nth-child(6n+2) .collection-image{
animation-delay:50ms
}
[data-aos=row-of-6].aos-animate:nth-child(6n+3) .collection-image{
animation-delay:100ms
}
[data-aos=row-of-6].aos-animate:nth-child(6n+4) .collection-image{
animation-delay:150ms
}
[data-aos=row-of-6].aos-animate:nth-child(6n+5) .collection-image{
animation-delay:200ms
}
[data-aos=row-of-6].aos-animate:nth-child(6n+6) .collection-image{
animation-delay:250ms
}
.loading:after,.loading:before,.unload:after,.unload:before{
content:"";
position:absolute;
width:100px;
height:3px;
background:{{ settings.color_body_bg | default: "#fff" }};
background:var(--colorBody);
left:50%;
top:50%;
margin:-1px 0 0 -50px;
z-index:4;
opacity:0
}
.no-js .loading:after,.no-js .loading:before,.no-js .unload:after,.no-js .unload:before{
display:none
}
.loading:before,.unload:before{
background:{{ settings.color_body_text | default: "#1c1d1d" }};
background:var(--colorTextBody);
opacity:1;
}
.loading:after,.unload:after{
opacity:0;
animation:preloading 0.5s ease 0.3s infinite;
}
.loading--delayed:before{
animation-delay:0.8s !important;
animation-duration:1s !important;
}
.loading--delayed:after{
animation-delay:1.3s !important;
}
.appear-animation{
opacity:0;
transform:translateY(60px)
}
[data-disable-animations=true] .appear-animation{
opacity:1;
transform:none
}
.js-drawer-open .appear-animation{
opacity:1;
transform:translateY(0px);
}
.js-drawer-closing .appear-animation{
transition-duration:0s;
transition-delay:0.5s;
}
.shopify-product-reviews-badge{
display:block;
min-height:25px;
}
.product-single__meta .spr-icon{
font-size:14px !important;
vertical-align:text-bottom;
}
.spr-header-title{
font-family:var(--typeHeaderPrimary),var(--typeHeaderFallback);
font-weight:var(--typeHeaderWeight);
letter-spacing:var(--typeHeaderSpacing);
line-height:var(--typeHeaderLineHeight);
}
[data-type_header_capitalize=true] .spr-header-title{
text-transform:uppercase;
}
.spr-header-title{
font-size:calc(var(--typeHeaderSize)*0.7) !important;
margin-bottom:20px !important;
}
.spr-container.spr-container{
padding:0;
border:0;
text-align:center;
}
.spr-container .spr-summary-actions-newreview{
float:none;
}
.spr-container .spr-summary-starrating{
justify-content:center;
}
.spr-container .spr-summary.spr-summary{
text-align:center;
}
.spr-container .spr-form-label,.spr-container .spr-review-content-body{
font-size:calc(var(--typeBaseSize) - 2px);
line-height:1.563;
}
.spr-container .spr-review-header-byline{
font-size:11px;
opacity:1
}
.spr-container .spr-review-header-byline strong{
font-weight:400;
}
.spr-container .spr-review{
border:none !important;
}
.spr-container .spr-form-label{
display:block;
text-align:left;
margin-top:20px;
}
.spr-container .spr-summary-actions,.spr-container .spr-summary-caption{
display:block;
}
.spr-container .spr-summary-actions{
margin-top:20px;
}
.spr-form-contact-name label{
text-align:left;
}
@media only screen and (min-width:769px){
.product-full-width .spr-container.index-section{
margin-top:0;
}
.product-full-width .spr-container .spr-form-title{
display:none;
}
.product-full-width .spr-container .spr-form{
max-width:650px;
margin:0 auto;
border-top:none;
}
.product-full-width .spr-container .spr-reviews{
margin-top:45px;
display:flex;
flex-wrap:wrap
}
[data-type_headers_align_text=true] .product-full-width .spr-container .spr-reviews{
justify-content:center
}
.product-full-width .spr-container .spr-review:first-child{
margin-top:0;
}
.product-full-width .spr-container .spr-review{
flex:1 1 40%;
padding:20px;
margin-left:22px;
margin-bottom:22px
}
[data-type_headers_align_text=true] .product-full-width .spr-container .spr-review{
max-width:30%
}
.product-full-width .spr-container .spr-review:nth-child(3n+1){
margin-left:0;
}
.product-full-width .spr-container .spr-review:last-child{
padding-bottom:20px;
}
}
.grid-product .spr-badge[data-rating="0.0"]{
display:none;
}
.grid-product .spr-badge{
text-align:center;
}
.grid-product .spr-badge-starrating{
font-size:0.65em;
display:inline-block;
}
.grid-product .spr-icon{
margin-right:1px;
}
.grid-product .spr-badge-caption{
font-size:11px;
vertical-align:bottom;
margin-left:4px
}
@media only screen and (min-width:769px){
.grid-product .spr-badge-caption{
font-size:12px
}
}
.spr-content .spr-review-header-title{
font-family:var(--typeBasePrimary),var(--typeBaseFallback);
font-size:calc(var(--typeBaseSize)*0.92);
letter-spacing:var(--typeBaseSpacing);
line-height:var(--typeBaseLineHeight);
}
@media only screen and (min-width:769px){
.spr-content .spr-review-header-title{
font-size:var(--typeBaseSize);
}
}
.spr-content .spr-review-header-title{
font-weight:700;
text-transform:none;
}
.spr-pagination{
flex:1 1 100%;
}
.spr-review-reportreview{
opacity:0.4;
float:none !important;
display:block;
}
.spr-summary-starrating{
font-size:0.8em;
}
tool-tip[data-tool-tip-open=true] .tool-tip__inner{
padding:45px
}
@media only screen and (max-width:768px){
tool-tip[data-tool-tip-open=true] .tool-tip__inner{
padding:45px 20px 20px
}
}
.tool-tip__close{
padding:10px;
}
[data-center-text=true] product-recommendations[data-intent=complementary] .grid-product__colors{
justify-content:flex-start;
}
[data-center-text=true] product-recommendations[data-intent=complementary] .grid-product .spr-badge{
text-align:left;
}
[data-center-text=true] product-recommendations[data-intent=complementary] .grid-product .spr-badge-caption{
font-size:medium;
}
[data-product-blocks] product-recommendations[data-intent=complementary] .spr-starrating{
margin-bottom:0;
}
[data-center-text=true] .footer-promotions{
text-align:center
}
@media only screen and (max-width:768px){
.footer-promotions .grid__item{
margin-bottom:32px
}
.footer-promotions .grid__item:last-child{
margin-bottom:0;
}
}
.site-footer{
padding-bottom:30px;
background-color:{{ settings.color_footer | default: "#111" }};
background-color:var(--colorFooter);
color:{{ settings.color_footer_text | default: "#fff" }};
color:var(--colorFooterText)
}
@media only screen and (min-width:769px){
.site-footer{
padding-top:60px;
padding-bottom:60px
}
}
.site-footer .footer__collapsible{
font-size:calc(var(--typeBaseSize)*0.85);
}
@media only screen and (min-width:769px){
.site-footer input,.site-footer select,.site-footer textarea{
font-size:calc(var(--typeBaseSize)*0.85);
}
}
@media only screen and (max-width:768px){
[data-center-text=true] .site-footer{
text-align:center
}
.site-footer{
padding-bottom:0
}
.site-footer .grid__item{
padding-bottom:5px
}
.site-footer .grid__item:after{
content:"";
border-bottom:1px solid;
border-bottom-color:{{ settings.color_footer_text | default: "#fff" }};
border-bottom-color:var(--colorFooterText);
opacity:0.12;
display:block;
}
.site-footer .grid__item:first-child{
padding-top:7.5px;
}
.site-footer .grid__item:last-child:after{
display:none;
}
}
.site-footer a{
color:{{ settings.color_footer_text | default: "#fff" }};
color:var(--colorFooterText);
}
.footer__small-text{
font-size:max(calc(var(--typeBaseSize)*0.7), 12px);
padding:7.5px 0;
margin:0;
text-align:center
}
ul+.footer__small-text{
padding-top:15px
}
.footer__clear{
clear:both;
height:30px;
}
.footer__section{
margin-bottom:15px
}
@media only screen and (min-width:769px){
.footer__section{
margin-top:30px;
margin-bottom:0
}
}
@media only screen and (min-width:769px){
.footer__item-padding{
padding-right:60px;
}
}
.footer__title{
color:{{ settings.color_footer_text | default: "#fff" }};
color:var(--colorFooterText)
}
@media only screen and (min-width:769px){
.footer__title{
margin-bottom:20px
}
}
@media only screen and (max-width:768px){
[data-center-text=true] .footer__title{
text-align:center
}
}
.site-footer__linklist{
margin:0
}
.site-footer__linklist a{
color:currentColor;
display:inline-block;
padding:4px 0;
}
.footer__newsletter{
position:relative;
display:inline-block;
max-width:300px;
width:100%;
}
.footer__newsletter-input{
padding:10px 45px 10px 0;
background-color:{{ settings.color_footer | default: "#111" }};
background-color:var(--colorFooter);
color:{{ settings.color_footer_text | default: "#fff" }};
color:var(--colorFooterText);
max-width:300px;
width:100%;
border:0;
border-radius:0;
border-bottom:2px solid;
border-bottom-color:{{ settings.color_footer_text | default: "#fff" }};
border-bottom-color:var(--colorFooterText)
}
.footer__newsletter-input:focus{
border:0;
border-bottom:2px solid;
border-bottom-color:{{ settings.color_footer_text | default: "#fff" }};
border-bottom-color:var(--colorFooterText);
}
.footer__newsletter-input::-webkit-input-placeholder{
color:{{ settings.color_footer_text | default: "#fff" }};
color:var(--colorFooterText);
opacity:1;
}
.footer__newsletter-input:-moz-placeholder{
color:{{ settings.color_footer_text | default: "#fff" }};
color:var(--colorFooterText);
opacity:1;
}
.footer__newsletter-input::-moz-placeholder{
color:{{ settings.color_footer_text | default: "#fff" }};
color:var(--colorFooterText);
opacity:1;
}
.footer__newsletter-input:-ms-input-placeholder{
color:{{ settings.color_footer_text | default: "#fff" }};
color:var(--colorFooterText);
opacity:1;
}
.footer__newsletter-input::-ms-input-placeholder{
color:{{ settings.color_footer_text | default: "#fff" }};
color:var(--colorFooterText);
opacity:1;
}
.footer__newsletter-input--active{
padding-right:80px;
}
.footer__newsletter-btn{
position:absolute;
top:50%;
transform:translateY(-50%);
right:0;
color:{{ settings.color_footer_text | default: "#fff" }};
color:var(--colorFooterText);
padding:0
}
.footer__newsletter-btn .icon{
width:26px;
height:24px;
}
.footer__newsletter-input--active+.footer__newsletter-btn .icon{
display:none;
}
.footer__newsletter-input--active+.footer__newsletter-btn .footer__newsletter-btn-label{
display:block;
}
.footer__newsletter-btn-label{
display:none;
font-size:calc(var(--typeBaseSize)*0.85);
}
.footer__logo{
margin:15px 0
}
@media only screen and (min-width:769px){
.footer__logo{
margin:0 0 20px
}
}
.footer__logo a{
display:block;
}
.footer__logo img{
display:inline-block;
transform:translateZ(0);
max-height:100%;
}
.footer__social{
margin:0
}
form+.footer__social{
margin-top:30px
}
.footer__social li{
display:inline-block;
margin:0 15px 15px 0;
}
.footer__social a{
display:block;
}
.footer__social .icon{
width:22px;
height:22px
}
@media only screen and (min-width:769px){
.footer__social .icon{
width:24px;
height:24px
}
}
.footer__social .icon.icon--wide{
width:40px;
}
@media only screen and (max-width:768px){
.footer__collapsible{
padding:0 0 15px 0
}
}
@media only screen and (max-width:768px){
.footer_collapsible--disabled{
padding-top:15px
}
}
.collapsible-content__inner p a:after{
content:"";
position:absolute;
bottom:-2px;
left:0;
width:0%;
border-bottom:2px solid;
border-bottom-color:{{ settings.color_footer_text | default: "#fff" }};
border-bottom-color:var(--colorFooterText);
transition:width 0.5s ease;
}
.collapsible-content__inner p a{
position:relative;
text-decoration:none;
border-bottom:2px solid;
border-color:{{ settings.color_footer_text | default: "#fff" | color_modify: "alpha", 0.1 }}
}
.collapsible-content__inner p a:focus:after,.collapsible-content__inner p a:hover:after{
width:100%;
}
.site-footer select{
background-image:url({{ "ico-select-footer.svg" | asset_url | split: '?' | first }});
}
[data-center-text=true] .payment-icons{
text-align:center
}
.payment-icons{
-webkit-user-select:none;
user-select:none;
cursor:default
}
.payment-icons li{
cursor:default;
margin:0 4px 0;
}
.errors,.note{
border-radius:0;
padding:6px 12px;
margin-bottom:15px;
border:1px solid transparent;
text-align:left
}
.errors ol,.errors ul,.note ol,.note ul{
margin-top:0;
margin-bottom:0;
}
.errors li:last-child,.note li:last-child{
margin-bottom:0;
}
.errors p,.note p{
margin-bottom:0;
}
.note{
border-color:{{ settings.color_borders | default: "#1c1d1d" }};
border-color:var(--colorBorder);
}
.errors ul{
list-style:disc outside;
margin-left:20px;
}
.note--success{
color:#56ad6a;
background-color:#ecfef0;
border-color:#56ad6a
}
.note--success a{
color:#56ad6a;
text-decoration:underline
}
.note--success a:hover{
text-decoration:none;
}
.errors,.form-error{
color:#d02e2e;
background-color:#fff6f6;
border-color:#d02e2e
}
.errors a,.form-error a{
color:#d02e2e;
text-decoration:underline
}
.errors a:hover,.form-error a:hover{
text-decoration:none;
}
.pagination{
margin:0;
padding:60px 0;
text-align:center
}
.pagination>span{
display:inline-block;
vertical-align:middle;
line-height:1;
}
.pagination a{
display:inline-block;
}
.pagination .page.current,.pagination a{
padding:8px 12px;
}
.pagination .page.current{
opacity:0.3;
}
.pagination .next,.pagination .prev{
color:{{ settings.color_button_text | default: "#fff" }};
color:var(--colorBtnPrimaryText);
background:{{ settings.color_button | default: "#000" }};
background:var(--colorBtnPrimary);
width:43px;
margin:0 10px
}
@media only screen and (max-width:768px){
.pagination .next,.pagination .prev{
width:35px
}
}
.pagination .next a,.pagination .prev a{
display:flex;
align-items:center;
justify-content:center;
padding:15px;
}
.pagination .next .icon,.pagination .prev .icon{
color:{{ settings.color_button_text | default: "#fff" }};
color:var(--colorBtnPrimaryText);
width:13px;
height:14px
}
@media only screen and (max-width:768px){
.pagination .next .icon,.pagination .prev .icon{
width:12px;
height:12px
}
}
.rte:after{content:"";display:table;clear:both;}
.rte{
margin-bottom:7.5px
}
@media only screen and (min-width:769px){
.rte{
margin-bottom:15px
}
}
.rte:last-child{
margin-bottom:0;
}
.rte+.rte{
margin-top:30px;
}
.rte ol,.rte p,.rte table,.rte ul{
margin-bottom:15px
}
@media only screen and (min-width:769px){
.rte ol,.rte p,.rte table,.rte ul{
margin-bottom:25px
}
}
.rte ol:last-child,.rte p:last-child,.rte table:last-child,.rte ul:last-child{
margin-bottom:0;
}
.rte ul ul{
margin-bottom:0;
}
.rte h1,.rte h2,.rte h3,.rte h4,.rte h5,.rte h6{
margin-top:60px;
margin-bottom:25px;
}
.rte h1:first-child,.rte h2:first-child,.rte h3:first-child,.rte h4:first-child,.rte h5:first-child,.rte h6:first-child{
margin-top:0;
}
.rte h1 a,.rte h2 a,.rte h3 a,.rte h4 a,.rte h5 a,.rte h6 a{
text-decoration:none;
}
.rte meta:first-child+h1,.rte meta:first-child+h2,.rte meta:first-child+h3,.rte meta:first-child+h4,.rte meta:first-child+h5,.rte meta:first-child+h6{
margin-top:0;
}
.rte>div{
margin-bottom:15px
}
.rte>div:last-child{
margin-bottom:0;
}
.rte li{
margin-bottom:0;
}
.rte table{
table-layout:fixed;
}
.rte--block{
margin-bottom:8px
}
@media only screen and (min-width:769px){
.rte--block{
margin-bottom:12px
}
}
.rte-setting>p:last-child{
margin-bottom:0;
}
.rte-setting a,.rte a{
text-decoration:none;
}
.rte-setting img,.rte img{
height:auto;
}
.rte-setting a:not(.rte__image):not(.btn):not(.spr-summary-actions-newreview),.rte a:not(.rte__image):not(.btn):not(.spr-summary-actions-newreview){
text-decoration:none;
border-bottom:1px solid;
border-bottom-color:{{ settings.color_body_text | default: "#1c1d1d" | color_modify: "alpha", 0.15 }};
position:relative;
display:inline-block;
}
.rte-setting a:not(.btn):not(.spr-summary-actions-newreview):after,.rte a:not(.btn):not(.spr-summary-actions-newreview):after{
content:"";
position:absolute;
bottom:-2px;
left:0;
width:0%;
border-bottom:2px solid currentColor;
transition:width 0.5s ease;
}
.rte-setting a:not(.btn):focus:after,.rte-setting a:not(.btn):hover:after,.rte a:not(.btn):focus:after,.rte a:not(.btn):hover:after{
width:100%;
}
.rte-setting a.rte__image:after,.rte a.rte__image:after{
content:none;
}
.text-center.rte ol,.text-center .rte ol,.text-center.rte ul,.text-center .rte ul{
list-style-position:inside;
margin-left:0;
}
.rte--nomargin{
margin-bottom:0;
}
.header-layout{
display:flex;
justify-content:space-between;
}
.header-layout--center{
align-items:center;
}
.header-item{
display:flex;
align-items:center;
flex:1 1 auto;
}
.header-item--logo{
flex:0 0 auto;
}
.header-item--icons{
justify-content:flex-end;
flex:0 1 auto;
}
.header-layout--left-center .header-item--icons,.header-layout--left-center .header-item--logo{
flex:0 0 200px;
max-width:50%
}
@media only screen and (min-width:769px){
.header-layout--left-center .header-item--icons,.header-layout--left-center .header-item--logo{
min-width:130px
}
}
@media only screen and (min-width:769px){
.header-layout[data-logo-align=center] .header-item--logo{
margin:0 30px
}
}
.header-layout[data-logo-align=center] .header-item--icons,.header-layout[data-logo-align=center] .header-item--navigation{
flex:1 1 130px;
}
.header-layout[data-logo-align=left] .site-header__logo{
margin-right:10px;
}
.header-item--logo-split{
display:flex;
justify-content:center;
align-items:center;
flex:1 1 100%
}
.header-item--logo-split .header-item:not(.header-item--logo){
text-align:center;
flex:1 1 20%;
}
.header-item--split-left{
justify-content:flex-end;
}
.header-item--left .site-nav{
margin-left:-12px
}
@media only screen and (max-width:768px){
.header-item--left .site-nav{
margin-left:-7.5px
}
}
.header-item--icons .site-nav{
margin-right:-12px
}
@media only screen and (max-width:768px){
.header-item--icons .site-nav{
margin-right:-7.5px
}
}
.site-header{
position:relative;
padding:7px 0;
background:{{ settings.color_header | default: "#fff" }};
background:var(--colorNav)
}
@media only screen and (min-width:769px){
.site-header{
padding:20px 0
}
.toolbar+.header-sticky-wrapper .site-header{
border-top:1px solid;
border-top-color:{{ settings.color_header_text | default: "#000" | color_modify: "alpha", 0.1 }}
}
}
.site-header--stuck{
position:fixed;
left:0;
right:0;
top:0;
transform:translate3d(0, -100%, 0);
transition:none;
z-index:20
}
.js-drawer-open--search .site-header--stuck{
z-index:28
}
@media only screen and (min-width:769px){
.site-header--stuck{
padding:10px 0
}
}
@media screen and (min-width:700px) and (max-height:550px){
.site-header--stuck{
position:static;
}
}
.site-header--opening{
transform:translateZ(0);
transition:transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.site-header__logo{
position:relative;
margin:10px 0;
display:block;
font-size:30px;
z-index:6
}
@media only screen and (min-width:769px){
.text-center .site-header__logo{
padding-right:0;
margin:10px auto
}
}
.header-layout[data-logo-align=center] .site-header__logo{
margin-left:auto;
margin-right:auto;
text-align:center
}
.site-header__logo a{
max-width:100%;
}
.site-header__logo a,.site-header__logo a:hover{
text-decoration:none;
}
.site-header__logo img{
display:block
}
.site-header .site-header__logo img{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%)
}
.site-header__logo-link{
display:flex;
position:relative;
align-items:center;
color:{{ settings.color_header_text | default: "#000" }};
color:var(--colorNavText)
}
.site-header__logo-link:hover{
color:{{ settings.color_header_text | default: "#000" }};
color:var(--colorNavText);
}
@media only screen and (max-width:768px){
.site-header__logo-link{
margin:0 auto
}
}
.header-sticky-wrapper{
position:relative;
z-index:28
}
.js-drawer-open:not(.js-drawer-open--search) .header-sticky-wrapper{
z-index:6
}
.header-wrapper--sticky{
position:absolute;
top:0;
left:0;
right:0;
z-index:6;
background:none;
background:linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%,transparent)
}
.header-wrapper--sticky .site-header:not(.site-header--stuck){
background:none;
}
.js-drawer-open--search .header-wrapper--sticky{
z-index:28
}
.site-header__search-container{
display:none;
position:absolute;
left:0;
right:0;
bottom:200%;
height:100%;
z-index:28;
overflow:hidden
}
.site-header__search-container.is-active{
display:block;
overflow:visible;
bottom:0;
}
.site-header__search{
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
z-index:28;
display:flex;
transform:translate3d(0, -110%, 0);
background-color:{{ settings.color_body_bg | default: "#fff" }};
background-color:var(--colorBody);
color:{{ settings.color_body_text | default: "#1c1d1d" }};
color:var(--colorTextBody);
box-shadow:0 15px 45px rgba(0, 0, 0, 0.1)
}
.site-header__search .page-width{
flex:1 1 100%;
display:flex;
align-items:stretch
}
@media only screen and (max-width:768px){
.site-header__search .page-width{
padding:0
}
}
.is-active .site-header__search{
transform:translateZ(0)
}
.site-header__search .icon{
width:30px;
height:30px;
}
.site-header__search-form{
flex:1 1 auto;
display:flex
}
@media only screen and (min-width:769px){
.site-header__search-form{
padding:15px 0
}
}
.site-header__search-input{
border:0;
width:100px;
flex:1 1 auto
}
.site-header__search-input:focus{
border:0;
outline:0;
}
.site-header__search-btn{
padding:0 15px;
}
@media only screen and (min-width:769px){
.site-header__search-btn--submit{
padding:0 15px 0 0
}
.site-header__search-btn--submit .icon{
position:relative;
top:-1px;
width:28px;
height:28px;
}
}
.predictive-results{
position:absolute;
top:100%;
left:0;
right:0;
background-color:{{ settings.color_body_bg | default: "#fff" }};
background-color:var(--colorBody);
color:{{ settings.color_body_text | default: "#1c1d1d" }};
color:var(--colorTextBody);
max-height:70vh;
max-height:calc(90vh - 100%);
overflow:auto;
box-shadow:0px 10px 20px rgba(0, 0, 0, 0.09)
}
@media only screen and (min-width:769px){
.predictive-results{
max-height:calc(100vh - 100% - 33px)
}
}
.predictive__label{
border-bottom:1px solid;
border-bottom-color:{{ settings.color_borders | default: "#1c1d1d" }};
border-bottom-color:var(--colorBorder);
padding-bottom:5px;
margin-bottom:20px;
}
.predictive-result__layout{
display:flex;
flex-wrap:wrap;
padding:10px;
margin-left:-10px;
margin-right:-10px
}
.predictive-result__layout>div{
margin:0 10px 30px
}
.predictive-result__layout>div:last-child{
margin-bottom:0;
}
.predictive-result__layout [data-type-products]{
flex:1 1 60%;
margin-bottom:0
}
@media only screen and (max-width:768px){
.predictive-result__layout [data-type-products]{
margin-left:-17px
}
html[dir=rtl] .predictive-result__layout [data-type-products]{
margin-left:0;
margin-right:-17px
}
}
.predictive-result__layout [data-type-products] .grid-product__image{
opacity:1;
height:auto;
}
.predictive-result__layout [data-type-collections],.predictive-result__layout [data-type-pages]{
flex:1 1 200px;
}
.predictive-result__layout [data-type-articles]{
flex:1 1 60%
}
.predictive-result__layout [data-type-articles] .grid-product__link--inline{
grid-gap:10px;
gap:10px;
}
.predictive__image-wrap{
position:absolute;
top:0;
left:0;
right:0;
bottom:0
}
.predictive__image-wrap img{
-o-object-position:50% 0;
object-position:50% 0;
}
.predictive-results__footer{
padding:0 0 30px;
}
.search-bar{
max-width:100%;
}
.search-bar--page{
max-width:300px;
margin-top:-15px
}
[data-type_headers_align_text=true] .search-bar--page{
margin:-15px auto 0
}
.search-bar--drawer{
margin-bottom:15px;
padding-bottom:15px;
border-bottom:1px solid;
border-bottom-color:{{ settings.color_drawer_border | default: "#343535" }};
border-bottom-color:var(--colorDrawerBorder)
}
.search-bar--drawer input{
border:0;
}
.search-bar .icon{
width:24px;
height:24px;
vertical-align:middle;
}
.toolbar{
background:{{ settings.color_header | default: "#fff" }};
background:var(--colorNav);
color:{{ settings.color_header_text | default: "#000" }};
color:var(--colorNavText);
font-size:calc(var(--typeBaseSize)*0.85)
}
.toolbar a{
color:{{ settings.color_header_text | default: "#000" }};
color:var(--colorNavText);
}
.site-header--stuck .toolbar{
display:none
}
.toolbar--transparent{
background-color:transparent;
color:#fff;
border-bottom:none
}
.toolbar--transparent a{
color:#fff;
}
.toolbar--transparent .toolbar__content{
border-bottom:1px solid hsla(0, 0%, 100%, 0.2);
}
.toolbar__content{
display:flex;
justify-content:flex-end;
align-items:center;
}
.toolbar__item{
flex:0 1 auto;
padding:0 5px
}
.toolbar__item:first-child{
padding-left:0;
}
.toolbar__item:last-child{
padding-right:0;
}
.toolbar__item .faux-select,.toolbar__item select{
font-size:14px;
padding-top:5px;
padding-bottom:5px;
padding-left:5px;
}
.toolbar__item--menu{
flex:1 1 auto;
}
.toolbar__menu{
margin-left:-10px
}
.toolbar__menu a{
display:block;
padding:5px 10px;
}
.toolbar__social{
text-align:right
}
.toolbar__social a{
display:block;
padding:5px;
}
.toolbar__social .icon{
position:relative;
top:-2px;
width:16px;
height:16px;
}
.section-header{
margin-bottom:30px
}
@media only screen and (min-width:769px){
.section-header{
margin-bottom:50px
}
}
[data-type_headers_align_text=true] .section-header{
text-align:center
}
.section-header select{
display:inline-block;
vertical-align:middle;
}
.section-header--flush{
margin-bottom:0;
}
.section-header--with-link{
display:flex;
align-items:center
}
.section-header--with-link select{
flex:0 1 auto;
}
.section-header--hero{
position:relative;
flex:1 1 100%;
color:{{ settings.color_image_text | default: "#fff" }};
color:var(--colorHeroText);
margin-bottom:0
}
.section-header--hero a{
color:{{ settings.color_image_text | default: "#fff" }};
color:var(--colorHeroText);
}
.section-header__shadow{
position:relative;
display:inline-block
}
.section-header__shadow:before{
content:"";
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
z-index:auto;
background:radial-gradient(rgba(0, 0, 0, {{ settings.color_image_overlay_text_shadow | divided_by: 100.0 }}) 0%, transparent 60%);
background:radial-gradient(rgba(0, 0, 0, var(--colorImageOverlayTextShadow)) 0%, transparent 60%);
margin:-100px -200px -100px -200px;
z-index:-1;
}
.section-header__shadow .breadcrumb,.section-header__shadow .section-header__title{
position:relative;
}
.section-header__title{
margin-bottom:0
}
.section-header--with-link .section-header__title{
flex:1 1 auto
}
@media only screen and (min-width:769px){
.section-header--hero .section-header__title{
font-size:calc(var(--typeHeaderSize)*1.45)
}
}
.section-header__link{
flex:0 1 auto;
margin-top:15px
}
.section-header--with-link .section-header__link{
margin-top:0
}
.section-header--404{
padding-top:80px;
}
.section-header select{
margin:10px 0;
}
.section-header p{
margin:10px 0;
}
.site-nav{
margin:0;
}
.text-center .site-navigation{
margin:0 auto
}
.header-layout--left .site-navigation{
padding-left:10px
}
.site-nav__icons{
white-space:nowrap;
}
.site-nav__item{
position:relative;
display:inline-block;
margin:0
}
.site-nav__item li{
display:block;
}
.site-nav__item .icon-chevron-down{
width:10px;
height:10px;
}
.site-nav__link{
display:inline-block;
vertical-align:middle;
text-decoration:none;
padding:7.5px 15px;
white-space:nowrap;
color:{{ settings.color_header_text | default: "#000" }};
color:var(--colorNavText)
}
.site-header--heading-style .site-nav__link{
font-family:var(--typeHeaderPrimary),var(--typeHeaderFallback);
font-weight:var(--typeHeaderWeight);
letter-spacing:var(--typeHeaderSpacing);
line-height:var(--typeHeaderLineHeight)
}
[data-type_header_capitalize=true] .site-header--heading-style .site-nav__link{
text-transform:uppercase
}
.site-nav__link:hover{
color:{{ settings.color_header_text | default: "#000" }};
color:var(--colorNavText);
}
.is-light .site-nav__link{
color:#fff
}
.is-light .site-nav__link:hover{
color:#fff;
}
.site-nav--has-dropdown>.site-nav__link{
position:relative;
z-index:6
}
.site-nav__link .icon-chevron-down{
margin-left:5px;
}
@media only screen and (max-width:959px){
.site-nav__link{
padding:7.5px
}
.header-layout--center .site-nav__link{
padding-left:2px;
padding-right:2px
}
}
.site-nav__link--underline{
position:relative
}
.site-nav__link--underline:after{
content:"";
display:block;
position:absolute;
bottom:0;
left:0;
right:100%;
margin:0 15px;
border-bottom:2px solid;
border-bottom-color:{{ settings.color_header_text | default: "#000" }};
border-bottom-color:var(--colorNavText);
transition:right 0.5s
}
[data-disable-animations=true] .site-nav__link--underline:after{
transition:none
}
.is-light .site-nav__item:not(.site-nav--has-dropdown) .site-nav__link--underline:after{
border-bottom-color:#fff
}
.site-nav--has-dropdown .site-nav__link--underline:after{
border-bottom-color:{{ settings.color_body_text | default: "#1c1d1d" }};
border-bottom-color:var(--colorTextBody)
}
.site-nav__item:hover .site-nav__link--underline:after{
right:0
}
.site-nav--has-dropdown{
z-index:6
}
.site-nav--has-dropdown.is-focused,.site-nav--has-dropdown:hover{
z-index:7;
}
.site-nav--has-dropdown.is-focused>a,.site-nav--has-dropdown:hover>a{
color:{{ settings.color_body_text | default: "#1c1d1d" }} !important;
color:var(--colorTextBody) !important;
background-color:{{ settings.color_body_bg | default: "#fff" }};
background-color:var(--colorBody);
opacity:1;
transition:none;
}
.site-nav__link--icon{
padding-left:12px;
padding-right:12px
}
@media only screen and (max-width:768px){
.site-nav__link--icon{
padding-left:7.5px;
padding-right:7.5px
}
.site-nav__link--icon+.site-nav__link--icon{
margin-left:-4px;
}
}
.site-nav__link--icon .icon{
width:30px;
height:30px;
}
.site-nav__dropdown{
position:absolute;
left:0;
margin:0;
z-index:5;
display:block;
visibility:hidden;
background-color:{{ settings.color_body_bg | default: "#fff" }};
background-color:var(--colorBody);
min-width:100%;
padding:10px 0 5px;
box-shadow:0px 10px 20px rgba(0, 0, 0, 0.09);
transform:translate3d(0px, -12px, 0px)
}
.is-focused>.site-nav__dropdown,.site-nav--has-dropdown:hover .site-nav__dropdown{
display:block;
visibility:visible;
transform:translateZ(0px);
transition:all 300ms cubic-bezier(0.2, 0.06, 0.05, 0.95)
}
.site-nav__dropdown li{
margin:0;
}
.site-nav__dropdown>li{
position:relative
}
.site-nav__dropdown>li>a{
position:relative;
z-index:6;
}
.site-nav__dropdown a{
background-color:{{ settings.color_body_bg | default: "#fff" }};
background-color:var(--colorBody);
}
.site-nav__deep-dropdown{
background-color:{{ settings.color_body_bg | default: "#fff" }};
background-color:var(--colorBody);
box-shadow:0px 10px 20px rgba(0, 0, 0, 0.09);
position:absolute;
top:0;
left:100%;
margin:0;
visibility:hidden;
opacity:0;
z-index:5;
transform:translate3d(-12px, 0px, 0px)
}
.is-focused+.site-nav__deep-dropdown,.site-nav__deep-dropdown-trigger:hover .site-nav__deep-dropdown{
visibility:visible;
opacity:1;
transform:translateZ(0px);
transition:all 300ms cubic-bezier(0.2, 0.06, 0.05, 0.95)
}
.site-nav__deep-dropdown:before{
content:"";
display:block;
position:absolute;
top:0;
left:0;
bottom:0;
width:10px;
background-image:linear-gradient(90deg, rgba(0, 0, 0, 0.09), transparent);
pointer-events:none;
}
.site-nav__deep-dropdown-trigger:hover .site-nav__dropdown-link--has-children{
background-color:{{ settings.color_body_bg | default: "#1c1d1d" | color_darken: 5 }};
background-color:var(--colorBodyDim)
}
.site-nav__dropdown-link--has-children:focus,.site-nav__dropdown-link--has-children:hover{
background-color:{{ settings.color_body_bg | default: "#1c1d1d" | color_darken: 5 }};
background-color:var(--colorBodyDim);
}
.site-nav__deep-dropdown-trigger .icon-chevron-down{
position:absolute;
top:50%;
right:10px;
width:10px;
height:10px;
transform:rotate(-90deg) translateX(50%);
}
.mobile-nav{
margin:-20px -20px 0;
margin:calc(var(--drawer-gutter)*-1) calc(var(--drawer-gutter)*-1) 0
}
.mobile-nav li{
margin-bottom:0;
list-style:none;
}
.mobile-nav__search{
padding:15px;
}
.mobile-nav__item{
position:relative;
display:block
}
.mobile-nav>.mobile-nav__item{
background-color:{{ settings.color_drawer_background | default: "#1c1d1d" }};
background-color:var(--colorDrawers)
}
.mobile-nav__item:after{
content:"";
position:absolute;
bottom:0;
left:20px;
left:var(--drawer-gutter);
right:20px;
right:var(--drawer-gutter);
border-bottom:1px solid;
border-bottom-color:{{ settings.color_drawer_border | default: "#343535" }};
border-bottom-color:var(--colorDrawerBorder);
}
.mobile-nav__faux-link,.mobile-nav__link{
display:block;
}
.mobile-nav__link--top-level{
font-size:1.4em
}
.mobile-nav--heading-style .mobile-nav__link--top-level{
font-family:var(--typeHeaderPrimary),var(--typeHeaderFallback);
font-weight:var(--typeHeaderWeight);
letter-spacing:var(--typeHeaderSpacing);
line-height:var(--typeHeaderLineHeight)
}
[data-type_header_capitalize=true] .mobile-nav--heading-style .mobile-nav__link--top-level{
text-transform:uppercase
}
.mobile-nav__faux-link,.mobile-nav__link,.mobile-nav__toggle .faux-button,.mobile-nav__toggle button{
color:{{ settings.color_drawer_text | default: "#fff" }};
color:var(--colorDrawerText);
padding:15px 20px;
padding:15px var(--drawer-gutter);
text-decoration:none
}
.mobile-nav__faux-link:active,.mobile-nav__link:active,.mobile-nav__toggle .faux-button:active,.mobile-nav__toggle button:active{
color:{{ settings.color_drawer_text | default: "#fff" | color_darken: 15 }};
color:var(--colorDrawerTextDark);
}
.mobile-nav__faux-link:active,.mobile-nav__link:active,.mobile-nav__toggle .faux-button:active,.mobile-nav__toggle button:active{
background-color:{{ settings.color_drawer_background | default: "#1c1d1d" | color_darken: 5 }};
background-color:var(--colorDrawersDim);
}
.mobile-nav__child-item{
display:flex
}
.mobile-nav__child-item .mobile-nav__link,.mobile-nav__child-item a{
flex:1 1 auto;
}
.mobile-nav__child-item .collapsible-trigger:not(.mobile-nav__link--button){
flex:0 0 43px;
}
.mobile-nav__child-item .collapsible-trigger__icon{
padding:0;
margin-right:15px;
}
.mobile-nav__item--secondary a{
padding-top:10px;
padding-bottom:5px;
}
.mobile-nav__item--secondary:after{
display:none;
}
.mobile-nav__item:not(.mobile-nav__item--secondary)+.mobile-nav__item--secondary{
margin-top:10px;
}
.mobile-nav__has-sublist,.mobile-nav__link--button{
display:flex
}
.mobile-nav__has-sublist>*,.mobile-nav__link--button>*{
flex:1 1 auto;
word-break:break-word;
}
.mobile-nav__link--button{
width:100%;
text-align:left;
padding:0;
}
.mobile-nav__toggle{
flex:0 1 auto
}
.mobile-nav__toggle .icon{
width:16px;
height:16px;
}
.mobile-nav__toggle .faux-button,.mobile-nav__toggle button{
height:60%;
padding:0 30px;
margin:20% 0;
}
.mobile-nav__toggle button{
border-left:1px solid;
border-left-color:{{ settings.color_drawer_border | default: "#343535" }};
border-left-color:var(--colorDrawerBorder);
}
.mobile-nav__sublist{
margin:0
}
.mobile-nav__sublist .mobile-nav__item:after{
top:0;
bottom:auto;
border-bottom:none;
}
.mobile-nav__sublist .mobile-nav__item:last-child{
padding-bottom:15px;
}
.mobile-nav__sublist .mobile-nav__faux-link,.mobile-nav__sublist .mobile-nav__link{
font-weight:400;
padding:7.5px 25px 7.5px 20px;
padding:7.5px 25px 7.5px var(--drawer-gutter);
}
.mobile-nav__grandchildlist{
margin:0
}
.mobile-nav__grandchildlist:before{
content:"";
display:block;
position:absolute;
width:1px;
background:#000;
left:17px;
top:10px;
bottom:10px;
}
.mobile-nav__grandchildlist .mobile-nav__item:last-child{
padding-bottom:0;
}
.mobile-nav__grandchildlist .mobile-nav__link{
padding-left:35px;
}
.mobile-nav__social{
list-style:none outside;
display:flex;
flex-wrap:wrap;
justify-content:stretch;
margin:15px 0 20px 0
}
@media only screen and (min-width:769px){
.mobile-nav__social{
margin-left:-20px;
margin-left:calc(var(--drawer-gutter)*-1);
margin-right:-20px;
margin-right:calc(var(--drawer-gutter)*-1)
}
}
.mobile-nav__social a{
display:block;
padding:12px 30px
}
.mobile-nav__social a .icon{
position:relative;
top:-1px;
}
.mobile-nav__social-item{
flex:0 1 33.33%;
text-align:center;
border:1px solid;
border-color:{{ settings.color_drawer_border | default: "#343535" }};
border-color:var(--colorDrawerBorder);
margin:0 0 -1px
}
.mobile-nav__social-item:nth-child(3n-1){
margin-right:-1px;
margin-left:-1px;
}
@media only screen and (min-width:769px){
.site-nav__link--icon .icon{
width:28px;
height:28px
}
.site-nav__link--icon .icon.icon-user{
position:relative;
top:1px;
}
}
.cart-link{
position:relative;
display:block;
}
.cart-link__bubble{
display:none;
}
.cart-link__bubble--visible{
display:block;
position:absolute;
top:50%;
right:0px;
width:15px;
height:15px;
background-color:{{ settings.color_cart_dot | default: "#ff4f33" }};
background-color:var(--colorCartDot);
border:2px solid;
border-color:{{ settings.color_body_bg | default: "#fff" }};
border-color:var(--colorBody);
border-radius:50%
}
[data-icon=cart] .cart-link__bubble--visible{
top:0;
right:-4px
}
[data-icon=bag-minimal] .cart-link__bubble--visible{
top:50%;
right:0
}
[data-type_headers_align_text=true] .breadcrumb{
text-align:center
}
.breadcrumb{
font-size:calc(var(--typeBaseSize)*0.85);
margin:-25px 0 10px
}
.template-product .breadcrumb{
margin-top:10px
}
@media only screen and (min-width:769px){
.template-product .breadcrumb{
text-align:left
}
}
@media only screen and (max-width:768px){
.breadcrumb{
margin-bottom:15px
}
}
.breadcrumb__divider{
color:currentColor;
}
.megamenu{
padding:39px 0;
line-height:1.8;
transform:none;
opacity:0;
transition:all 300ms cubic-bezier(0.2, 0.06, 0.05, 0.95);
transition-delay:0.3s
}
.is-focused>.megamenu,.site-nav--has-dropdown:hover .megamenu{
opacity:1;
transition-delay:0s
}
.is-focused>.megamenu .appear-animation,.site-nav--has-dropdown:hover .megamenu .appear-animation{
opacity:1;
transform:none;
}
.site-nav--is-megamenu.site-nav__item{
position:static;
}
.megamenu__collection-image{
display:block;
-o-object-fit:cover;
object-fit:cover;
height:100%;
width:100%;
margin-bottom:20px;
}
.text-center .megamenu .grid{
text-align:center
}
.text-center .megamenu .grid .grid__item{
float:none;
display:inline-block;
vertical-align:top;
text-align:left;
}
.megamenu .site-nav__dropdown-link:not(.site-nav__dropdown-link--top-level){
font-size:calc(var(--typeBaseSize) - 1px);
line-height:1.5;
}
.megamenu .h5,.megamenu h5{
margin-bottom:5px;
font-weight:700;
}
.modal{
display:none;
bottom:0;
left:0;
opacity:1;
overflow:hidden;
position:fixed;
right:0;
top:0;
z-index:30;
color:#fff;
align-items:center;
justify-content:center
}
.modal.modal--quick-shop{
align-items:flex-start;
}
.modal a,.modal a:hover{
color:inherit;
}
.modal .btn:not([disabled]):not(.btn--secondary):not(.btn--body),.modal .btn:not([disabled]):not(.btn--secondary):not(.btn--body):hover{
color:{{ settings.color_button_text | default: "#fff" }};
color:var(--colorBtnPrimaryText);
}
.modal-open .modal .modal__inner{
animation:modal-open 0.5s forwards;
}
.modal-open .modal:before{
content:"";
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background-color:{{ settings.color_modal_overlays | default: "#000" }};
background-color:var(--colorModalBg);
animation:overlay-on 0.5s forwards;
cursor:pointer;
}
.modal-closing .modal .modal__inner{
animation:modal-closing 0.5s forwards;
}
.modal-closing .modal:before{
content:"";
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background-color:{{ settings.color_modal_overlays | default: "#000" }};
background-color:var(--colorModalBg);
animation:overlay-off 0.5s forwards;
}
.modal-open--solid .modal:before{
background-color:{{ settings.color_modal_overlays | default: "#000" }};
background-color:var(--colorModalBg)
}
.modal-open .modal--solid:before{
background-color:#000;
animation:full-overlay-on 0.5s forwards;
}
.modal-closing .modal--solid:before{
background-color:#000;
animation:full-overlay-off 0.5s forwards;
}
.modal--is-closing{
display:flex !important;
overflow:hidden;
}
.modal--is-active{
display:flex !important;
overflow:hidden;
}
@media only screen and (min-width:769px){
.modal-open{
overflow:hidden;
}
}
.modal__inner{
transform-style:preserve-3d;
flex:0 1 auto;
margin:15px;
max-width:calc(100% - 15px);
display:flex;
align-items:center
}
@media only screen and (min-width:769px){
.modal__inner{
margin:40px;
max-width:calc(100% - 80px)
}
}
.modal--square .modal__inner{
background-color:{{ settings.color_body_bg | default: "#fff" }};
background-color:var(--colorBody);
color:{{ settings.color_body_text | default: "#1c1d1d" }};
color:var(--colorTextBody);
box-shadow:0 15px 45px rgba(0, 0, 0, 0.1)
}
.modal__inner img{
display:block;
max-height:90vh;
}
.modal__inner .image-wrap img{
max-height:none;
}
.modal__centered{
position:relative;
flex:0 1 auto;
min-width:1px;
max-width:100%;
}
.modal--square .modal__centered-content{
max-height:80vh;
padding:22.5px;
min-width:200px;
min-height:200px;
overflow:auto;
-webkit-overflow-scrolling:touch
}
@media only screen and (min-width:769px){
.modal--square .modal__centered-content{
padding:45px;
max-height:90vh;
max-width:1200px
}
}
.modal__close{
border:0;
padding:15px;
position:fixed;
top:0;
right:0;
color:#fff
}
@media only screen and (min-width:769px){
.modal__close{
padding:30px
}
}
.modal__close .icon{
width:28px;
height:28px;
}
.modal__close:focus,.modal__close:hover{
color:#fff;
}
.modal--square .modal__close{
position:absolute;
color:{{ settings.color_body_text | default: "#1c1d1d" }};
color:var(--colorTextBody);
padding:10px
}
.modal--square .modal__close:focus,.modal--square .modal__close:hover{
color:{{ settings.color_body_text | default: "#1c1d1d" }};
color:var(--colorTextBody);
}
.modal .page-content,.modal .page-width{
padding:0;
}
.popup-cta{
margin-bottom:15px;
}
@media only screen and (max-width:768px){
.modal--mobile-friendly{
top:auto;
bottom:0;
overflow:auto
}
.modal--mobile-friendly.modal--square .modal__centered-content{
padding:40px 20px;
}
.modal--mobile-friendly.modal--is-active{
overflow:auto;
}
.modal-open .modal--mobile-friendly:before{
display:none;
}
.modal--mobile-friendly .modal__inner{
margin:0;
}
.modal--mobile-friendly .h1{
padding-right:25px;
}
.modal--mobile-friendly input{
font-size:16px !important;
}
.modal--mobile-friendly .text-close{
display:none;
}
}
.js-qty__wrapper{
display:inline-block;
position:relative;
max-width:80px;
min-width:60px;
overflow:visible;
background-color:{{ settings.color_body_bg | default: "#fff" }};
background-color:var(--colorBody);
color:{{ settings.color_body_text | default: "#1c1d1d" }};
color:var(--colorTextBody)
}
.js-qty__wrapper.is-loading{
opacity:0.5;
pointer-events:none;
}
.js-qty__num{
display:block;
background:none;
text-align:center;
width:100%;
padding:5px 20px;
margin:0;
z-index:1;
}
.js-qty__adjust{
cursor:pointer;
position:absolute;
display:block;
top:0;
bottom:0;
border:0 none;
background:none;
text-align:center;
overflow:hidden;
padding:0 10px;
line-height:1;
-webkit-user-select:none;
user-select:none;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
transition:background-color 0.1s ease-out;
z-index:2;
fill:{{ settings.color_body_text | default: "#1c1d1d" }};
fill:var(--colorTextBody)
}
.js-qty__adjust .icon{
display:block;
font-size:8px;
vertical-align:middle;
width:10px;
height:10px;
fill:inherit;
}
.js-qty__adjust:hover{
background-color:{{ settings.color_body_bg | default: "#1c1d1d" | color_darken: 5 }};
background-color:var(--colorBodyDim);
color:{{ settings.color_body_text | default: "#1c1d1d" }};
color:var(--colorTextBody);
}
.js-qty__num:active~.js-qty__adjust,.js-qty__num:focus~.js-qty__adjust{
border-color:{{ settings.color_body_text | default: "#1c1d1d" }};
border-color:var(--colorTextBody)
}
.js-qty__adjust--plus{
right:0;
}
.js-qty__adjust--minus{
left:0;
}
.drawer .js-qty__wrapper{
background-color:transparent;
border-color:{{ settings.color_drawer_border | default: "#343535" }};
border-color:var(--colorDrawerBorder);
}
.drawer .js-qty__num{
color:{{ settings.color_drawer_text | default: "#fff" }};
color:var(--colorDrawerText);
padding-top:2px;
padding-bottom:2px;
}
.drawer .js-qty__adjust{
color:{{ settings.color_drawer_text | default: "#fff" }};
color:var(--colorDrawerText);
fill:{{ settings.color_drawer_text | default: "#fff" }};
fill:var(--colorDrawerText)
}
.drawer .js-qty__adjust:hover{
background-color:{{ settings.color_drawer_text | default: "#fff" }};
background-color:var(--colorDrawerText);
color:{{ settings.color_drawer_background | default: "#1c1d1d" }};
color:var(--colorDrawers);
fill:{{ settings.color_drawer_background | default: "#1c1d1d" }};
fill:var(--colorDrawers);
}
.currency-flag{
transform:scale(0.55);
margin:-0.55rem;
}
@media only screen and (max-width:768px){
[data-disclosure-currency] .disclosure-list{
left:50%;
transform:translateX(-50%);
max-width:95vw;
}
}
.collapsibles-wrapper--border-bottom{
border-bottom:1px solid;
border-bottom-color:{{ settings.color_borders | default: "#1c1d1d" }};
border-bottom-color:var(--colorBorder);
}
.collapsibles-wrapper--border-bottom+.collapsibles-wrapper--border-bottom .collapsible-trigger-btn--borders{
border-top:0;
}
.product-block--tab+.product-block--tab .collapsible-trigger-btn--borders{
border-top:0;
}
.collapsible-trigger{
color:inherit;
position:relative;
}
.collapsible-trigger__icon{
display:block;
position:absolute;
right:0;
top:50%;
width:10px;
height:10px;
transform:translateY(-50%)
}
@media only screen and (min-width:769px){
.collapsible-trigger__icon{
width:12px;
height:12px
}
}
.mobile-nav__has-sublist .collapsible-trigger__icon{
right:25px
}
.collapsible-trigger__icon .icon{
display:block;
width:10px;
height:10px;
transition:all 0.1s ease-in
}
@media only screen and (min-width:769px){
.collapsible-trigger__icon .icon{
width:12px;
height:12px
}
}
.collapsible-trigger--inline{
padding:11px 0 11px 40px
}
.collapsible-trigger--inline .collapsible-trigger__icon{
right:auto;
left:0;
}
.collapsible-trigger__icon--circle{
border:1px solid;
border-color:{{ settings.color_borders | default: "#1c1d1d" }};
border-color:var(--colorBorder);
width:28px;
height:28px;
border-radius:28px;
text-align:center
}
.collapsible-trigger__icon--circle .icon{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%);
}
.collapsible-trigger.is-open .collapsible-trigger__icon>.icon-chevron-down{
transform:scaleY(-1);
}
.collapsible-trigger.is-open .collapsible-trigger__icon--circle>.icon-chevron-down{
transform:translate(-50%, -50%) scaleY(-1);
}
.collapsible-content{
transition:opacity 0.3s cubic-bezier(.25,.46,.45,.94),height 0.3s cubic-bezier(.25,.46,.45,.94)
}
.collapsible-content.is-open{
visibility:visible;
opacity:1;
transition:opacity 1s cubic-bezier(.25,.46,.45,.94),height 0.35s cubic-bezier(.25,.46,.45,.94);
}
.collapsible-content--all{
visibility:hidden;
overflow:hidden;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
opacity:0;
height:0
}
.collapsible-content--all .collapsible-content__inner{
transform:translateY(40px);
}
@media only screen and (max-width:768px){
.collapsible-content--small{
visibility:hidden;
overflow:hidden;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
opacity:0;
height:0
}
.collapsible-content--small .collapsible-content__inner{
transform:translateY(40px);
}
}
.collapsible-content__inner{
transition:transform 0.3s cubic-bezier(.25,.46,.45,.94)
}
.is-open .collapsible-content__inner{
transform:translateY(0);
transition:transform 0.5s cubic-bezier(.25,.46,.45,.94)
}
.rte.collapsible-content__inner--faq{
padding-bottom:30px;
}
.collapsible-trigger[aria-expanded=true] .collapsible-label__closed{
display:none
}
.collapsible-label__open{
display:none
}
.collapsible-trigger[aria-expanded=true] .collapsible-label__open{
display:inline-block
}
.collapsible-content--sidebar{
visibility:hidden;
overflow:hidden;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
opacity:0;
height:0
}
@media only screen and (min-width:769px){
.collapsible-content--sidebar.is-open{
overflow:visible;
overflow:initial;
visibility:visible;
opacity:1;
height:auto;
}
}
.pswp{
display:none;
position:absolute;
width:100%;
height:100%;
left:0;
top:0;
overflow:hidden;
touch-action:none;
z-index:1500;
-webkit-text-size-adjust:100%;
-webkit-backface-visibility:hidden;
outline:none;
}
.pswp img{
max-width:none;
}
.pswp--animate_opacity{
opacity:0.001;
will-change:opacity;
transition:opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }
.pswp--open{
display:block; }
.pswp--zoom-allowed .pswp__img{
cursor:zoom-in; }
.pswp--zoomed-in .pswp__img{
cursor:grab; }
.pswp--dragging .pswp__img{
cursor:grabbing; }
.pswp__bg{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background:{{ settings.color_body_bg | default: "#fff" }};
background:var(--colorBody);
opacity:0;
transform:translateZ(0);
-webkit-backface-visibility:hidden; }
.pswp__scroll-wrap{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
overflow:hidden; }
.pswp__container,.pswp__zoom-wrap{
touch-action:none;
position:absolute;
left:0;
right:0;
top:0;
bottom:0; }
.pswp__container,.pswp__img{
-webkit-user-select:none;
user-select:none;
-webkit-tap-highlight-color:transparent;
-webkit-touch-callout:none; }
.pswp__zoom-wrap{
position:absolute;
width:100%;
transform-origin:left top;
transition:transform 333ms cubic-bezier(0.4, 0, 0.22, 1); }
.pswp__bg{
will-change:opacity;
transition:opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }
.pswp--animated-in .pswp__bg,.pswp--animated-in .pswp__zoom-wrap{
transition:none; }
.pswp__container,.pswp__zoom-wrap{
-webkit-backface-visibility:hidden; }
.pswp__item{
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
overflow:hidden; }
.pswp__img{
position:absolute;
width:auto;
height:auto;
top:0;
left:0; }
.pswp__img--placeholder{
-webkit-backface-visibility:hidden; }
.pswp--ie .pswp__img{
width:100% !important;
height:auto !important;
left:0;
top:0; }
.pswp__error-msg{
position:absolute;
left:0;
top:50%;
width:100%;
text-align:center;
line-height:16px;
margin-top:-8px;
color:#ccc; }
.pswp__error-msg a{
color:#ccc;
text-decoration:underline; }
.pswp__button{
position:relative
}
.pswp__button:after{
content:"";
display:block;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
}
.pswp__button svg{
pointer-events:none;
}
.pswp__button--arrow--left .icon,.pswp__button--arrow--right .icon{
width:13px;
height:13px;
margin:8px;
}
.pswp__button[disabled]{
opacity:0;
pointer-events:none;
}
.pswp__ui{
position:absolute;
display:flex;
justify-content:center;
align-items:center;
bottom:30px;
left:0;
right:0;
transform:translateY(0);
transition:transform 0.25s 0.6s
}
.pswp__ui .btn{
margin:15px;
}
.pswp__ui--hidden{
transform:translateY(150%);
transition:transform 0.25s;
}
html.pswp-open-in-ios,html.pswp-open-in-ios body{
background:#444;
height:var(--window-inner-height);
overflow:hidden;
box-sizing:border-box;
}
.pswp-open-in-ios body>*{
display:none;
}
.pswp-open-in-ios body .pswp.pswp--open{
display:block;
}
.disclosure{
position:relative;
}
.disclosure__toggle{
white-space:nowrap;
}
.disclosure-list{
background-color:{{ settings.color_body_bg | default: "#fff" }};
background-color:var(--colorBody);
color:{{ settings.color_body_text | default: "#1c1d1d" }};
color:var(--colorTextBody);
bottom:100%;
padding:10px 0px;
margin:0;
position:absolute;
display:none;
min-height:92px;
max-height:60vh;
overflow-y:auto;
border-radius:0;
box-shadow:0px 0px 20px rgba(0, 0, 0, 0.09)
}
.disclosure-list a{
color:currentColor;
}
.disclosure-list--down{
bottom:auto;
top:100%;
z-index:30;
}
.disclosure-list--left{
right:0;
}
.disclosure-list--visible{
display:block;
}
.disclosure-list__item{
white-space:nowrap;
padding:5px 15px 4px;
text-align:left;
}
.disclosure-list__option:focus .disclosure-list__label,.disclosure-list__option:hover .disclosure-list__label{
text-decoration:underline;
}
.disclosure-list__item--current .disclosure-list__label{
text-decoration:underline;
}
.disclosure-list__label{
display:inline-block;
vertical-align:middle;
text-underline-offset:0.2rem
}
[data-disclosure-currency] .disclosure-list__label{
padding-left:10px
}
.disclosure-list__label span{
border-bottom:2px solid transparent
}
.is-active .disclosure-list__label span{
border-bottom:2px solid currentColor
}
.multi-selectors{
display:flex;
justify-content:center;
align-items:center;
flex-wrap:wrap;
}
.multi-selectors__item{
margin:0 20px 10px
}
@media only screen and (max-width:768px){
.multi-selectors__item{
margin:10px 20px
}
}
.toolbar .multi-selectors__item{
margin-right:0;
margin-bottom:0
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area{
opacity:1;
background:{{ settings.color_body_bg | default: "#fff" }};
background:var(--colorBody);
border-color:{{ settings.color_body_text | default: "#1c1d1d" | color_modify: "alpha", 0.05 }};
border-radius:50px;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button{
color:{{ settings.color_body_text | default: "#1c1d1d" }};
color:var(--colorTextBody);
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:hover{
color:{{ settings.color_body_text | default: "#1c1d1d" }};
color:var(--colorTextBody);
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control.focus-visible:focus,.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:active{
color:{{ settings.color_body_text | default: "#1c1d1d" }};
color:var(--colorTextBody);
background-color:{{ settings.color_body_text | default: "#1c1d1d" | color_modify: "alpha", 0.05 }};
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:not(:last-child):after{
border-color:{{ settings.color_body_text | default: "#1c1d1d" | color_modify: "alpha", 0.05 }};
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster{
background-color:{{ settings.color_body_text | default: "#1c1d1d" }};
background-color:var(--colorTextBody);
color:{{ settings.color_body_bg | default: "#fff" }};
color:var(--colorBody);
border-radius:100%;
border:1px solid;
border-color:{{ settings.color_body_bg | default: "#fff" | color_modify: "alpha", 0.05 }}
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:focus,.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:hover{
color:{{ settings.color_body_bg | default: "#fff" }};
color:var(--colorBody);
}
.product-single__view-in-space{
display:block;
color:{{ settings.color_body_text | default: "#1c1d1d" }};
color:var(--colorTextBody);
background-color:{{ settings.color_body_text | default: "#1c1d1d" | color_modify: "alpha", 0.08 }};
width:80%;
width:calc(80% - 4px);
margin:40px 10% 10px;
padding:5px 10px 10px
}
.product-single__view-in-space[data-shopify-xr-hidden]{
display:none;
}
.product-single__view-in-space-text{
font-size:calc(var(--typeBaseSize)*0.85);
display:inline-block;
vertical-align:middle;
margin-left:5px;
}
.shopify-model-viewer-ui,.shopify-model-viewer-ui model-viewer{
display:block;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.shopify-model-viewer-ui__button[hidden]{
display:none;
}
.product-single__close-media{
position:absolute;
top:10px;
right:10px;
z-index:2;
}
.price-range__slider-wrapper{
padding:0 8px 8px
}
@media only screen and (max-width:768px){
.price-range__slider-wrapper{
padding:0 10px 8px
}
}
.price-range__input{
display:none;
}
.price-range__display-wrapper{
display:flex;
flex:1 1 auto;
justify-content:space-between;
padding:0;
padding-bottom:8px;
width:100%
}
@media only screen and (max-width:768px){
.price-range__display-wrapper{
padding:0
}
}
.noUi-horizontal .noUi-handle{
border:0;
border-radius:50%;
background:{{ settings.color_body_text | default: "#1c1d1d" }};
background:var(--colorTextBody);
box-shadow:0 0 1px 2px #fff;
width:12px;
height:12px;
cursor:pointer;
right:-6px;
top:-3px
}
.noUi-horizontal .noUi-handle:focus,.noUi-horizontal .noUi-handle:hover{
width:14px;
height:14px;
right:-7px;
top:-4px;
}
.noUi-horizontal .noUi-handle:after,.noUi-horizontal .noUi-handle:before{
content:none;
}
.noUi-target{
background:#f4f4f4;
border:0;
box-shadow:none;
}
.noUi-connect{
background:{{ settings.color_body_text | default: "#1c1d1d" }};
background:var(--colorTextBody);
}
.noUi-horizontal{
height:6px;
}
.countdown__content{
background-color:var(--countdown-background-color);
color:var(--countdown-text-color);
}
.countdown__block--button .btn.btn--secondary{
color:var(--accent-color);
}
::-webkit-input-placeholder{
color:inherit;
opacity:0.5;
}
:-moz-placeholder{
color:inherit;
opacity:0.5;
}
:-ms-input-placeholder{
color:inherit;
opacity:0.5;
}
::-ms-input-placeholder{
color:inherit;
opacity:1;
}
input,select,textarea{
background-color:inherit;
color:inherit
}
input.disabled,input[disabled],select.disabled,select[disabled],textarea.disabled,textarea[disabled]{
background-color:#f6f6f6;
border-color:transparent;
}
input:active,input:focus,select:active,select:focus,textarea:active,textarea:focus{
border:1px solid;
border-color:{{ settings.color_body_text | default: "#1c1d1d" }};
border-color:var(--colorTextBody);
}
input[type=image]{
background-color:transparent;
}
[data-center-text=true] .social-sharing{
text-align:center
}
.social-sharing .icon{
height:18px;
width:18px;
}
.social-sharing__link{
display:inline-block;
color:{{ settings.color_body_text | default: "#1c1d1d" }};
color:var(--colorTextBody);
border-radius:2px;
margin:0 18px 0 0;
text-decoration:none;
font-weight:400
}
.social-sharing__link:last-child{
margin-right:0;
}
.social-sharing__title{
font-size:calc(var(--typeBaseSize)*0.85);
display:inline-block;
vertical-align:middle;
padding-right:15px;
padding-left:3px;
}
.grid-search{
margin-bottom:30px;
}
.grid-search__product{
position:relative;
text-align:center;
}
.grid-search__page-link{
display:block;
background-color:{{ settings.color_body_bg | default: "#fff" | color_darken: 2 }};
padding:20px;
color:{{ settings.color_body_text | default: "#1c1d1d" }};
color:var(--colorTextBody);
overflow:hidden;
text-overflow:ellipsis
}
.grid-search__page-link:focus,.grid-search__page-link:hover{
background-color:{{ settings.color_body_bg | default: "#fff" | color_darken: 4 }};
}
.grid-search__page-content{
display:block;
height:100%;
overflow:hidden;
}
.grid-search__page-content img{
display:block;
margin-bottom:10px;
}
.grid-search__image{
display:block;
padding:20px;
margin:0 auto;
max-height:100%;
max-width:100%
}
@media only screen and (min-width:769px){
.grid-search__image{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%)
}
}
.index-section{
margin:40px 0;
}
.index-section--small{
margin:18px 0;
}
.index-section+.index-section,.index-section+.index-section--hidden,.main-content+.index-section{
margin-top:0;
}
.index-section--flush{
margin:0;
}
.section--divider{
border-top:1px solid;
border-top-color:{{ settings.color_borders | default: "#1c1d1d" }};
border-top-color:var(--colorBorder);
padding-top:40px;
}
.index-section--faq{
margin-bottom:40px;
}
.newsletter-section{
padding:40px 0;
}
.newsletter-section--with-divider{
border-top:1px solid;
border-top-color:{{ settings.color_borders | default: "#1c1d1d" }};
border-top-color:var(--colorBorder);
}
.template-challange .index-section--footer{
display:none;
}
.testimonials-section{
padding:25.5px 0;
}
.testimonials-section--with-divider{
border-top:1px solid;
border-top-color:{{ settings.color_borders | default: "#1c1d1d" }};
border-top-color:var(--colorBorder);
}
@media only screen and (min-width:769px){
.index-section{
margin:75px 0;
}
.index-section--small{
margin:30px 0;
}
.section--divider{
padding-top:75px;
}
.index-section--faq{
margin:75px 0 37.5px;
}
.newsletter-section{
padding:75px 0;
}
.testimonials-section{
padding:75px 0;
}
}
.page-blocks--flush .page-width{
padding:0;
}
.page-blocks>div:first-child .index-section{
margin-top:0;
}
.feature-row-wrapper{
direction:ltr;
overflow:hidden;
}
.feature-row{
margin:0 auto;
display:flex;
justify-content:space-between;
align-items:center
}
@media only screen and (min-width:1050px){
.feature-row{
margin:0 6%
}
}
@media only screen and (max-width:768px){
.feature-row{
flex-direction:column;
margin:0
}
}
@media only screen and (max-width:959px){
.feature-row--small-none{
display:block;
}
}
.feature-row__item{
flex:0 1 57%;
margin:0 auto
}
@media only screen and (max-width:768px){
.feature-row__item{
flex:1 1 auto;
max-width:100%;
min-width:100%
}
}
.feature-row__item--overlap-images{
display:flex;
justify-content:space-between;
align-items:center;
padding:0 0 15px;
margin:0 0 0 -30px
}
@media only screen and (min-width:769px){
.feature-row__item--overlap-images{
padding:50px 0;
margin:0 auto
}
}
.feature-row__item--overlap-images>*{
width:50%
}
.feature-row__item--overlap-images>:first-child{
z-index:1;
transform:translate(30px, 30px)
}
@media only screen and (min-width:769px){
.feature-row__item--overlap-images>:first-child{
transform:translate(50px, 50px)
}
}
.feature-row__item--overlap-images svg{
border:2px solid;
border-color:{{ settings.color_body_bg | default: "#fff" }};
border-color:var(--colorBody);
}
.feature-row__image{
display:block;
margin:0 auto;
order:1
}
@media only screen and (min-width:769px){
.feature-row__image{
order:2
}
}
.feature-row__text{
min-width:43%;
flex:0 1 43%;
padding:0
}
@media only screen and (max-width:768px){
.feature-row__text{
order:2;
margin-top:0;
padding:30px 20px 0;
padding-bottom:0
}
}
.feature-row__text .rte{
margin:0;
}
.feature-row__text .btn{
margin-top:15px;
}
@media only screen and (min-width:769px){
.feature-row__text--left{
padding-left:60px;
}
.feature-row__text--right{
padding-right:60px;
}
}
.product-block{
margin-bottom:25px
}
.product-block hr{
margin:0;
}
.product-block--tab+.product-block--tab{
margin-top:-25px;
}
.product-block--sales-point+.product-block--sales-point{
margin-top:-20px;
}
.product-block--header+.product-block--price{
margin-top:-20px;
}
.theme-block{
margin-bottom:30px
}
.theme-block:last-child{
margin-bottom:0;
}
[data-product-blocks] .spr-starrating{
margin-bottom:15px;
margin-top:-15px;
}
.size-chart__standalone .tool-tip-trigger__title{
letter-spacing:0.3em;
font-size:0.8em;
}
.slideshow-wrapper{
position:relative;
}
.slideshow__pause:focus{
clip:auto;
width:auto;
height:auto;
margin:0;
color:{{ settings.color_button_text | default: "#fff" }};
color:var(--colorBtnPrimaryText);
background-color:{{ settings.color_button | default: "#000" }};
background-color:var(--colorBtnPrimary);
padding:10px;
z-index:10000;
transition:none
}
.video-is-playing .slideshow__pause:focus{
display:none
}
.slideshow__pause-stop{
display:block
}
.is-paused .slideshow__pause-stop{
display:none
}
.slideshow__pause-play{
display:none
}
.is-paused .slideshow__pause-play{
display:block
}
.slideshow__slide{
display:none;
width:100%;
height:100%;
position:relative;
overflow:hidden
}
.slideshow__slide:first-child{
display:block;
}
.flickity-slider .slideshow__slide{
display:block
}
.hero{
position:relative;
overflow:hidden;
background:{{ settings.color_large_image_bg | default: "#1c1d1d" }};
background:var(--colorLargeImageBg);
}
.hero__media-container{
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
}
.hero__image-wrapper,.hero__media{
position:absolute;
top:0;
left:0;
height:100%;
width:100%
}
.hero__image-wrapper:before,.hero__media:before{
content:"";
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
z-index:3;
background-color:{{ settings.color_image_overlay | default: "#000" }};
background-color:var(--colorImageOverlay);
opacity:{{ settings.color_image_overlay_opacity | divided_by: 100.0 }};
opacity:var(--colorImageOverlayOpacity)
}
.video-interactable .hero__image-wrapper:before,.video-interactable .hero__media:before{
pointer-events:none
}
.hero__image{
position:relative;
width:100%;
height:100%;
z-index:1;
-o-object-fit:cover;
object-fit:cover;
}
.hero__media{
background-repeat:no-repeat;
background-size:cover;
background-position:top;
z-index:1;
}
.hero__image-wrapper--no-overlay:before{
content:none;
}
.hero__media iframe,.hero__media video{
width:100%;
height:100%;
pointer-events:none
}
.video-interactable .hero__media iframe,.video-interactable .hero__media video{
pointer-events:auto
}
.video-parent-section.loading .hero__media iframe,.video-parent-section.loading .hero__media video{
opacity:0.01
}
.video-parent-section.loaded .hero__media iframe,.video-parent-section.loaded .hero__media video{
opacity:1;
animation:zoom-fade 2.5s cubic-bezier(0.26, 0.54, 0.32, 1) 0s forwards;
transition:none
}
.hero__media video{
position:relative;
-o-object-fit:cover;
object-fit:cover;
font-family:"object-fit: cover";
}
.hero__media iframe{
position:absolute;
top:0;
left:0;
width:300%;
left:-100%;
max-width:none
}
@media screen and (min-width:1140px){
.hero__media iframe{
width:100%;
height:300%;
left:auto;
top:-100%
}
}
.vimeo-mobile-trigger{
display:block;
position:absolute;
width:100%;
z-index:2;
margin-top:90px
}
.hero__text-content .vimeo-mobile-trigger{
bottom:120%
}
.vimeo-mobile-trigger .icon{
width:40px;
height:40px;
background-color:#fff;
border-radius:50%;
padding:10px;
}
.hero__slide-link{
display:block;
position:absolute;
height:100%;
width:100%;
z-index:5
}
.hero__slide-link:hover~.hero__text-wrap .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse){
background:{{ settings.color_button | default: "#000" | color_lighten: 10 }};
background:var(--colorBtnPrimaryLight);
transition-delay:0.25s
}
.hero__slide-link:hover~.hero__text-wrap .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):after{
animation:shine 0.75s cubic-bezier(0.01, 0.56, 1, 1);
}
[data-button_style=angled] .hero__slide-link:hover~.hero__text-wrap .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):after{
animation:none;
}
.hero__text-wrap{
position:relative;
height:100%;
color:{{ settings.color_image_text | default: "#fff" }};
color:var(--colorHeroText)
}
.video-interactable .hero__text-wrap{
pointer-events:none
}
.hero__text-wrap .page-width{
display:table;
width:100%;
height:100%;
}
.hero__text-content{
position:relative;
padding:15px 0;
z-index:4
}
@media only screen and (min-width:769px){
.hero__text-content{
padding:45px 0
}
}
[data-dots=true] .hero__text-content{
padding-bottom:40px
}
.hero__text-shadow{
position:relative;
display:inline-block
}
.hero__text-shadow:before{
content:"";
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
z-index:auto;
background:radial-gradient(rgba(0, 0, 0, {{ settings.color_image_overlay_text_shadow | divided_by: 100.0 }}) 0%, transparent 60%);
background:radial-gradient(rgba(0, 0, 0, var(--colorImageOverlayTextShadow)) 0%, transparent 60%);
margin:-100px -200px -100px -200px;
z-index:-1;
}
.hero__top-subtitle{
text-transform:uppercase;
letter-spacing:0.3em;
font-size:1.1em;
margin-bottom:5px;
}
.hero__title{
display:block;
margin-bottom:0;
}
.hero__subtext{
margin-top:20px;
}
.hero__subtitle{
font-size:1.3em;
display:block;
vertical-align:middle;
margin-top:5px;
margin-bottom:5px;
}
.hero__link{
position:relative;
display:block
}
.video-interactable .hero__link{
pointer-events:auto
}
.hero__link .btn{
margin:4px 3px 2px 0
}
@media only screen and (min-width:769px){
.hero__link .btn{
margin-right:5px;
margin-top:0
}
}
[data-button_style=angled] .hero__link .btn{
margin-left:12px
}
.hero__link .btn+.btn{
margin-left:2px
}
@media only screen and (min-width:769px){
.hero__link .btn+.btn{
margin-left:10px
}
}
[data-button_style=angled] .hero__link .btn+.btn{
margin-left:12px
}
.hero__link .btn .icon-play{
position:relative;
top:-2px;
margin-right:5px;
}
[data-button_style=angled] .hero__link .animation-cropper{
padding-right:10px;
}
.hero__text-content{
display:table-cell
}
.hero__text-content .hero__link{
margin-top:7.5px
}
@media only screen and (min-width:769px){
.hero__text-content .hero__link{
margin-top:15px
}
}
.hero__text-content.horizontal-left{
text-align:left;
}
.hero__text-content.horizontal-center{
text-align:center;
}
.hero__text-content.horizontal-right{
text-align:right;
}
.hero__text-content.vertical-center{
vertical-align:middle;
}
.hero__text-content.vertical-bottom{
vertical-align:bottom;
}
.overlaid-header .index-section--hero:first-child .hero__text-content.vertical-center{
padding-top:50px
}
@media only screen and (min-width:769px){
.overlaid-header .index-section--hero:first-child .hero__text-content.vertical-center{
padding-top:90px
}
}
.hero--450px{
height:292.5px;
}
.hero--550px{
height:357.5px;
}
.hero--650px{
height:422.5px;
}
.hero--750px{
height:487.5px;
}
.hero--100vh{
height:100vh;
}
@media only screen and (min-width:769px){
.hero--natural[data-natural]{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
}
.hero--450px{
height:450px;
}
.hero--550px{
height:550px;
}
.hero--650px{
height:650px;
}
.hero--750px{
height:750px;
}
}
@media only screen and (max-width:768px){
.hero--mobile--auto[data-mobile-natural=true]{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
height:auto;
}
.hero--natural[data-mobile-natural=false]{
height:500px;
}
.hero--mobile--250px[data-mobile-natural=false]{
height:250px;
}
.hero--mobile--300px[data-mobile-natural=false]{
height:300px;
}
.hero--mobile--400px[data-mobile-natural=false]{
height:400px;
}
.hero--mobile--500px[data-mobile-natural=false]{
height:500px;
}
.hero--mobile--100vh[data-mobile-natural=false]{
height:90vh;
}
}
.slideshow__slide .animation-cropper,[data-aos=hero__animation] .animation-cropper{
opacity:0;
}
.slideshow__slide .animation-contents,[data-aos=hero__animation] .animation-contents{
opacity:0;
transform:translateY(15px);
transition:none;
}
.slideshow__slide:not(.animate-out) .hero__image,[data-aos=hero__animation]:not(.animate-out) .hero__image{
opacity:0;
transition:none;
}
.slideshow__slide .hero__link .btn,[data-aos=hero__animation] .hero__link .btn{
opacity:0;
transition:none;
}
.slideshow__slide .hero__image-wrapper,[data-aos=hero__animation] .hero__image-wrapper{
transform:translateX(200px);
transition:none;
opacity:0;
}
.loaded .slideshow__slide.is-selected .animation-cropper,[data-aos=hero__animation].loaded .animation-cropper{
opacity:1;
}
.loaded .slideshow__slide.is-selected .animation-contents,[data-aos=hero__animation].loaded .animation-contents{
transform:translateY(0px);
}
.loaded .slideshow__slide.is-selected .hero__title .animation-contents,[data-aos=hero__animation].loaded .hero__title .animation-contents{
animation:0.8s cubic-bezier(0.26, 0.54, 0.32, 1) 0.3s forwards;
animation-name:rise-up;
}
.loaded .slideshow__slide.is-selected .hero__subtitle .animation-contents,.loaded .slideshow__slide.is-selected .hero__top-subtitle .animation-contents,[data-aos=hero__animation].loaded .hero__subtitle .animation-contents,[data-aos=hero__animation].loaded .hero__top-subtitle .animation-contents{
animation:1s cubic-bezier(0.26, 0.54, 0.32, 1) 0.7s forwards;
animation-name:rise-up;
}
.loaded .slideshow__slide.is-selected .hero__link .animation-contents,[data-aos=hero__animation].loaded .hero__link .animation-contents{
opacity:1;
}
.loaded .slideshow__slide.is-selected .hero__link .btn,[data-aos=hero__animation].loaded .hero__link .btn{
animation:fade-in 2s ease 1.3s forwards;
}
.loaded .slideshow__slide.is-selected .hero__link .btn:nth-child(2),[data-aos=hero__animation].loaded .hero__link .btn:nth-child(2){
animation:fade-in 2s ease 1.6s forwards;
}
.loaded .slideshow__slide.is-selected .hero__image,.loaded .slideshow__slide.is-selected .hero__image--svg,.loaded .slideshow__slide.is-selected .hero__media,[data-aos=hero__animation].loaded .hero__image,[data-aos=hero__animation].loaded .hero__image--svg,[data-aos=hero__animation].loaded .hero__media{
opacity:1;
transition:none;
}
.loaded .slideshow__slide.is-selected .hero__image-wrapper,[data-aos=hero__animation].loaded .hero__image-wrapper{
opacity:1;
transform:translateX(0px);
transition:transform 0.7s ease,opacity 0.7s ease;
}
[data-aos=hero__animation].loaded .hero__image-wrapper{
transition:opacity 0.7s ease !important;
}
.no-js .hero__image,.no-js .hero__image-wrapper{
opacity:1 !important;
transform:none;
}
.slideshow__slide.animate-out .animation-cropper{
opacity:0;
transition:none;
}
.slideshow__slide.animate-out .hero__image-wrapper{
opacity:0;
transform:translateX(-200px);
transition:transform 0.5s ease-in 0.05s,opacity 0.5s ease-in 0.05s;
}
.slideshow__slide.animate-out .hero__link{
opacity:0;
transition:none;
}
.collection-content{
padding-top:22.5px
}
@media only screen and (min-width:769px){
.collection-content{
padding-top:45px
}
}
.collection-filter{
display:flex;
align-items:center;
justify-content:flex-end
}
@media only screen and (max-width:768px){
.collection-filter{
flex-wrap:wrap;
justify-content:space-between;
position:sticky;
top:17px;
z-index:5
}
.sticky-header .collection-filter{
top:86px
}
}
.collection-filter .btn,.collection-filter select{
height:44px;
font-size:16px;
}
.collection-filter select{
display:block;
width:100%;
}
.collection-filter .btn{
padding:0 20px;
border:1px solid;
border-color:{{ settings.color_borders | default: "#1c1d1d" }};
border-color:var(--colorBorder)
}
@media only screen and (max-width:768px){
.collection-filter .btn{
width:100%;
text-align:left
}
}
.collection-filter .btn .icon{
position:relative;
top:-2px;
margin-right:10px;
}
.collection-filter__item{
flex:1 1 auto;
margin-bottom:15px;
}
.collection-filter .btn:not(.btn--tertiary-active),.collection-filter__sort-container{
background:{{ settings.color_body_bg | default: "#fff" }};
background:var(--colorBody);
}
.collection-filter__item--drawer{
flex:0 1 48%;
}
.collection-filter__item--count{
flex:1 1 170%;
text-align:center;
}
.collection-filter__item--sort{
flex:0 1 48%;
}
@media only screen and (max-width:768px){
.collection-filter__item--count{
order:3;
flex:1 1 100%;
}
}
.rte.collection__description{
margin-bottom:45px;
}
.collection-hero{
position:relative;
width:100%;
height:250px;
overflow:hidden;
background:{{ settings.color_large_image_bg | default: "#1c1d1d" }};
background:var(--colorLargeImageBg);
box-sizing:content-box;
box-sizing:initial
}
@media only screen and (min-width:769px){
.collection-hero{
height:420px
}
}
.collection-hero__content{
position:absolute;
top:0;
left:0;
bottom:0;
width:100%;
display:flex;
align-items:flex-end;
padding:15px 0;
z-index:1
}
@media only screen and (min-width:769px){
.collection-hero__content{
padding:30px 0
}
}
[data-type_headers_align_text=true] .collection-hero__content{
align-items:center
}
.overlaid-header .collection-hero__content{
padding-top:70px
}
@media only screen and (min-width:769px){
.overlaid-header .collection-hero__content{
padding-top:100px
}
}
.collection-hero__content .page-width{
width:100%;
}
.collection-hero__content:before{
content:"";
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
z-index:auto;
background-color:{{ settings.color_image_overlay | default: "#000" }};
background-color:var(--colorImageOverlay);
opacity:{{ settings.color_image_overlay_opacity | divided_by: 100.0 }};
opacity:var(--colorImageOverlayOpacity);
display:block;
}
.collection-hero__content .section-header{
opacity:0;
animation:fade-in 0.5s 1s forwards
}
[data-disable-animations=true] .collection-hero__content .section-header{
opacity:1;
animation:none
}
.collection-hero__image{
animation:zoom-fade 2.5s cubic-bezier(0.26, 0.54, 0.32, 1) 0s forwards;
transition:none
}
[data-disable-animations=true] .collection-hero__image{
animation:none;
opacity:1
}
.collection-grid__wrapper.unload{
min-height:180px;
position:relative;
opacity:0.2;
transition:opacity 0.3s
}
.collection-grid__wrapper.unload [data-section-type=collection-grid]{
animation:grid-product__loading 1.5s ease 1.5s infinite;
}
.collection-sidebar{
padding-right:10px;
margin-bottom:20px;
}
@media only screen and (min-width:769px){
.grid__item--sidebar{
position:sticky;
top:10px;
max-height:90vh;
overflow-y:auto;
}
}
.collection-sidebar__group{
border-top:1px solid;
border-top-color:{{ settings.color_drawer_border | default: "#343535" }};
border-top-color:var(--colorDrawerBorder);
padding-top:5px;
margin-top:5px;
margin-bottom:5px;
overflow:hidden
}
.collection-sidebar__group:first-child{
margin-top:0;
}
.collection-sidebar__group .collapsible-content__inner{
padding-bottom:5px;
}
.filter-form div:first-of-type .collection-sidebar__group{
border-top:0;
padding-top:0;
}
.is-light .site-header__logo .logo--has-inverted{
display:none
}
.site-header__logo .logo--inverted{
display:none
}
.is-light .site-header__logo .logo--inverted{
display:block
}
@media only screen and (min-width:769px){
.site-header__logo{
text-align:left
}
}
.header-logo a,.site-header__logo a{
color:{{ settings.color_header_text | default: "#000" }};
color:var(--colorNavText)
}
.is-light .header-logo a,.is-light .site-header__logo a{
color:#fff
}
.is-light .header-logo a:hover,.is-light .site-header__logo a:hover{
color:#fff;
}
.is-light .site-header{
box-shadow:none
}
.site-header--password{
color:{{ settings.color_header_text | default: "#000" }};
color:var(--colorNavText)
}
.site-header--password a,.site-header--password a:hover{
color:{{ settings.color_header_text | default: "#000" }};
color:var(--colorNavText);
}
.is-light .site-header--password{
color:#fff
}
.is-light .site-header--password a,.is-light .site-header--password a:hover{
color:#fff;
}
.site-nav__dropdown-link{
display:block;
padding:8px 15px;
white-space:nowrap
}
.megamenu .site-nav__dropdown-link{
padding:4px 0;
white-space:normal
}
.tag-list__header{
text-align:left;
}
.tag-list .tag-list{
margin-left:15px;
}
.tag-list a,.tag-list label{
cursor:pointer;
display:block;
line-height:1.4;
}
.tag-list label:hover{
text-decoration:underline;
text-underline-offset:2px;
}
.tag--active>a,.tag--active>label{
font-weight:900;
}
.tag-list--active-tags:empty{
display:none;
}
.tag-list--checkboxes{
padding-bottom:6px
}
.tag-list--checkboxes a{
position:relative;
padding-left:25px;
font-size:calc(var(--typeBaseSize) - 2px);
font-size:max(calc(var(--typeBaseSize) - 2px), 14px)
}
.tag-list--checkboxes a:before{
content:"";
position:absolute;
left:0;
top:50%;
transform:translateY(-50%);
}
.tag-list--checkboxes a:before{
border:1px solid;
border-color:{{ settings.color_borders | default: "#1c1d1d" }};
border-color:var(--colorBorder);
height:16px;
width:16px;
}
.tag--active .tag__checkbox:after,.tag-list--checkboxes .tag--active a:after,input:checked~.tag__checkbox:after{
background-color:{{ settings.color_body_text | default: "#1c1d1d" }};
background-color:var(--colorTextBody);
border-color:{{ settings.color_body_text | default: "#1c1d1d" }};
border-color:var(--colorTextBody);
}
.tag--remove{
position:relative
}
.tag--remove a{
text-align:left;
}
.tag--remove .icon{
position:absolute;
right:10px;
top:50%;
transform:translateY(-50%);
pointer-events:none;
color:{{ settings.color_button_text | default: "#fff" }};
color:var(--colorBtnPrimaryText);
}
.tag-list--swatches{
margin-top:2px;
margin-left:-2px
}
.drawer .tag-list--swatches{
margin-left:-2px
}
.tag-list--swatches li{
display:inline-block;
}
label.tag__checkbox-wrapper{
display:flex;
}
.tag__checkbox{
position:relative;
padding-left:25px
}
.tag__checkbox:after,.tag__checkbox:before{
content:"";
position:absolute;
left:0;
top:50%;
transform:translateY(-50%);
}
.tag__checkbox:before{
border:1px solid;
border-color:{{ settings.color_borders | default: "#1c1d1d" }};
border-color:var(--colorBorder);
height:16px;
width:16px;
}
.tag__checkbox:after{
height:10px;
width:10px;
left:3px;
}
.tag__input{
position:absolute;
opacity:0;
cursor:pointer;
height:0;
width:0;
}
.variant-input-wrap{
border:0;
padding:0;
margin:0 0 -12px;
position:relative
}
.variant-input-wrap input{
border:0;
clip:rect(0 0 0 0);
height:1px;
margin:-1px;
overflow:hidden;
padding:0;
position:absolute;
width:1px;
}
.variant-input-wrap label{
font-family:var(--typeBasePrimary),var(--typeBaseFallback);
font-size:calc(var(--typeBaseSize)*0.92);
letter-spacing:var(--typeBaseSpacing);
line-height:var(--typeBaseLineHeight)
}
@media only screen and (min-width:769px){
.variant-input-wrap label{
font-size:var(--typeBaseSize)
}
}
.variant-input-wrap label{
position:relative;
display:inline-block;
font-weight:400;
padding:7px 15px 7px;
margin:0 8px 12px 0;
background-color:{{ settings.color_body_bg | default: "#fff" }};
background-color:var(--colorBody);
box-shadow:0 0 0 1px {{ settings.color_borders | default:"#1c1d1d" }};
box-shadow:0 0 0 1px var(--colorBorder);
overflow:hidden
}
[data-center-text=true] .variant-input-wrap label{
margin:0 4px 12px
}
.variant-input-wrap label.disabled{
color:{{ settings.color_borders | default: "#1c1d1d" }};
color:var(--colorBorder);
}
.variant-input-wrap label.disabled:after{
position:absolute;
content:"";
left:50%;
top:0;
bottom:0;
border-left:1px solid;
border-color:{{ settings.color_borders | default: "#1c1d1d" }};
border-color:var(--colorBorder);
transform:rotate(45deg);
}
.variant-input-wrap input[type=radio]:focus+label{
border-color:{{ settings.color_body_text | default: "#1c1d1d" | color_modify: "alpha", 0.05 }};
box-shadow:0 0 0 1px {{ settings.color_body_text | default:"#1c1d1d" }};
box-shadow:0 0 0 1px var(--colorTextBody);
}
.variant-input-wrap input[type=radio]:checked+label{
box-shadow:0 0 0 2px {{ settings.color_body_text | default:"#1c1d1d" }};
box-shadow:0 0 0 2px var(--colorTextBody);
}
.variant-input{
display:inline-block
}
select .variant-input{
display:block
}
.variant-wrapper+.variant-wrapper{
margin-top:25px;
}
.no-js .variant-wrapper{
display:none;
}
.variant-wrapper--dropdown{
display:inline-block;
max-width:100%;
margin-right:15px;
margin-bottom:0;
}
.variant__label[for]{
display:block;
margin-bottom:10px;
cursor:default;
}
.variant__label-info{
text-transform:none;
font-weight:400;
letter-spacing:0;
}
.grid-product{
margin-bottom:15px
}
@media only screen and (min-width:769px){
.grid-product{
margin-bottom:30px
}
}
@media only screen and (max-width:768px){
.grid-overflow-wrapper .grid-product{
margin-bottom:0
}
}
.grid-product__content{
position:relative;
text-align:left
}
html[dir=rtl] .grid-product__content{
text-align:right
}
.grid-product__title--heading{
font-family:var(--typeHeaderPrimary),var(--typeHeaderFallback);
font-weight:var(--typeHeaderWeight);
letter-spacing:var(--typeHeaderSpacing);
line-height:var(--typeHeaderLineHeight);
}
[data-type_header_capitalize=true] .grid-product__title--heading{
text-transform:uppercase;
}
.grid-product__title--heading{
font-size:calc(var(--typeBaseSize) + 2px);
line-height:1;
}
[data-type_product_capitalize=true] .grid-product__title{
text-transform:uppercase;
font-size:calc(var(--typeBaseSize) - 2px);
letter-spacing:0.2em
}
@media only screen and (max-width:768px){
[data-type_product_capitalize=true] .grid-product__title{
font-size:calc(var(--typeBaseSize) - 3px)
}
}
.grid-product__title{
word-break:break-word;
-webkit-hyphens:auto;
hyphens:auto;
}
.grid-product__link{
display:block;
}
.grid-product__link--inline{
display:flex
}
.grid-product__link--inline .grid-product__image-mask{
flex:0 0 auto;
margin-right:10px;
}
.grid-product__link--inline .grid__image-ratio{
width:80px;
}
.grid-product__link--inline .grid-product__meta{
text-align:left;
}
.grid-product__image-mask{
position:relative;
overflow:hidden;
}
.grid-product__image{
display:block;
margin:0 auto;
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
}
.grid-product__secondary-image{
position:absolute;
top:-1px;
left:-1px;
right:-1px;
bottom:-1px;
opacity:0;
background-color:{{ settings.color_body_bg | default: "#fff" }};
background-color:var(--colorBody)
}
.grid-product__secondary-image img{
height:100%;
width:100%;
-o-object-fit:cover;
object-fit:cover;
}
.grid-product__image-mask:hover .grid-product__secondary-image{
animation:fade-in 0.2s cubic-bezier(0.26, 0.54, 0.32, 1) 0s forwards
}
@media only screen and (max-width:768px){
.supports-touch .grid-product__secondary-image{
display:none
}
}
.grid-product__color-image{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
background-repeat:no-repeat;
background-size:cover;
background-position:50%;
opacity:0;
transition:opacity 0.4s ease;
background-color:{{ settings.color_body_bg | default: "#fff" }};
background-color:var(--colorBody)
}
.grid-product__color-image.is-active{
animation:fade-in 0.5s cubic-bezier(0.26, 0.54, 0.32, 1) 0s forwards;
}
[data-center-text=true] .grid-product__meta{
text-align:center
}
.grid-product__meta{
position:relative;
padding:10px 0 6px 0;
line-height:{{ settings.type_base_line_height | default: 1.4 | minus: 0.1 }};
min-height: 144px;
}
@media only screen and (max-width:768px){
.small--grid--flush .grid-product__meta{
padding-left:10px;
padding-right:10px
}
}
.grid-product__vendor{
text-transform:uppercase;
letter-spacing:0.3em;
font-size:0.8em;
margin-top:5px;
opacity:0.65;
}
.grid-product__price{
font-size:calc(var(--typeBaseSize)*0.85);
color:{{ settings.color_price | default: "#1c1d1d" }};
color:var(--colorPrice);
margin-top:5px;
}
.grid-product__price--original{
text-decoration:line-through;
margin-right:5px;
}
.grid-product__price--savings{
color:{{ settings.color_savings_text | default: "#1c1d1d" }};
color:var(--colorTextSavings);
margin-left:5px;
white-space:nowrap;
}
.grid-product__tag{
font-size:calc(var(--typeBaseSize)*0.65);
position:absolute;
top:0;
right:0;
line-height:1;
padding:6px 5px 6px 7px;
background-color:{{ settings.color_button | default: "#000" }};
background-color:var(--colorBtnPrimary);
color:{{ settings.color_button_text | default: "#fff" }};
color:var(--colorBtnPrimaryText);
z-index:2;
transition:opacity 0.4s ease
}
.grid-product__tag.grid-product__tag--sold-out{
background-color:{{ settings.color_body_bg | default: "#fff" }};
background-color:var(--colorBody);
color:{{ settings.color_body_text | default: "#1c1d1d" }};
color:var(--colorTextBody);
}
@media only screen and (min-width:769px){
.grid-product__tag{
font-size:calc(var(--typeBaseSize)*0.85);
padding:7px 7px 7px 9px
}
}
.grid-product__tag--sale{
background-color:{{ settings.color_sale_tag | default: "#1c1d1d" }};
background-color:var(--colorSaleTag);
color:{{ settings.color_sale_tag_text | default: "#ffffff" }};
color:var(--colorSaleTagText);
}
.quick-product__btn{
font-size:calc(var(--typeBaseSize)*0.85);
position:absolute;
bottom:10px;
right:10px;
left:10px;
z-index:2;
background-color:{{ settings.color_button | default: "#000" }};
background-color:var(--colorBtnPrimary);
color:{{ settings.color_button_text | default: "#fff" }};
color:var(--colorBtnPrimaryText);
overflow:hidden;
padding:8px 5px;
text-align:center;
cursor:pointer;
opacity:0;
transform:translateY(5px);
transition:opacity 0.25s ease,transform 0.25s ease-out,background 0.4s ease
}
.no-js .quick-product__btn{
display:none
}
.grid-product__content:hover .quick-product__btn{
opacity:1;
transform:translateY(0);
transition:opacity 0.25s ease,transform 0.25s ease-out
}
.supports-touch .quick-product__btn{
display:none
}
.quick-product__btn--not-ready{
pointer-events:none;
}
@media only screen and (max-width:768px){
.grid-overflow-wrapper{
overflow:hidden;
overflow-x:scroll;
-webkit-overflow-scrolling:touch
}
.grid-overflow-wrapper .grid{
white-space:nowrap;
display:flex;
}
.grid-overflow-wrapper .grid__item{
width:39vw;
flex:0 0 39vw;
display:inline-block;
float:none;
white-space:normal
}
.grid-overflow-wrapper .grid__item:first-child{
margin-left:17px;
}
.grid-overflow-wrapper .grid__item:last-child:after{
content:"";
display:inline-block;
width:100%;
margin-right:17px;
}
.grid-overflow-wrapper .grid__item--view-all{
align-self:center;
}
.grid-overflow-wrapper .grid-product__price,.grid-overflow-wrapper .grid__item{
font-size:0.75rem;
}
[data-aos=overflow__animation]{
transform:translateX(100vw);
transition:all 0.8s cubic-bezier(.25,.46,.45,.94)
}
[data-aos=overflow__animation].aos-animate{
transform:translateX(0);
}
[data-disable-animations=true] [data-aos=overflow__animation]{
transform:none;
transition:none
}
}
.grid-product__see-all{
display:inline-block;
padding:15px;
text-align:center;
border:1px solid;
border-color:{{ settings.color_borders | default: "#1c1d1d" }};
border-color:var(--colorBorder);
margin-top:-60px;
}
[data-center-text=true] .grid-product__colors{
text-align:center
}
.grid-product__colors{
margin-top:3px;
display:flex;
flex-wrap:wrap;
line-height:15px
}
@media only screen and (min-width:769px){
.grid-product__colors{
line-height:19px
}
}
[data-center-text=true] .grid-product__colors{
align-items:center;
justify-content:center
}
.grid-product__colors+.grid-product__colors{
margin-top:4px;
}
.sales-points{
list-style:none;
padding:0;
margin:25px 0
}
.quick-add-modal .sales-points{
display:none
}
.sales-point{
display:block;
margin-bottom:10px
}
.sales-point:last-child{
margin-bottom:0;
}
.sales-point .icon{
position:relative;
width:25px;
height:25px;
margin-right:10px
}
[dir=rtl] .sales-point .icon{
margin-right:0;
margin-left:10px
}
@media only screen and (max-width:768px){
.sales-point .icon-and-text{
justify-content:center;
}
}
@keyframes inventory-pulse{
0%{
opacity:0.5;
}
to{
transform:scale(2.5);
opacity:0;
}
}
.icon--inventory:after,.icon--inventory:before{
width:9px;
height:9px;
background:#54c63a;
border-radius:9px;
position:absolute;
left:0;
top:0;
content:"";
margin:8px;
}
.icon--inventory:before{
animation:inventory-pulse 2s linear infinite;
}
.inventory--low .icon--inventory:after,.inventory--low .icon--inventory:before{
background:#f4af29;
}
.color-swatch{
position:relative;
display:block;
text-indent:-9999px;
overflow:hidden;
margin:0 4px 4px;
background-position:50%;
background-size:cover;
background-repeat:no-repeat;
height:40px;
width:40px;
box-shadow:0 0 0 1px {{ settings.color_borders | default:"#1c1d1d" }};
box-shadow:0 0 0 1px var(--colorBorder);
transition:box-shadow 0.2s ease
}
[data-swatch_style=round] .color-swatch{
border-radius:100%
}
.color-swatch:before{
content:"";
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
z-index:2;
}
.color-swatch:before{
border:3px solid;
border-color:{{ settings.color_body_bg | default: "#fff" }};
border-color:var(--colorBody)
}
[data-swatch_style=round] .color-swatch:before{
border-radius:100%;
border-width:4px;
top:-1px;
left:-1px;
right:-1px;
bottom:-1px
}
.tag:not(.tag--active) label:hover .color-swatch:hover,a.color-swatch:hover{
box-shadow:0 0 0 1px {{ settings.color_body_text | default:"#1c1d1d" }};
box-shadow:0 0 0 1px var(--colorTextBody);
}
.tag--active .color-swatch{
box-shadow:0 0 0 2px {{ settings.color_body_text | default:"#1c1d1d" }};
box-shadow:0 0 0 2px var(--colorTextBody);
}
.color-swatch--small{
width:15px;
height:15px
}
@media only screen and (min-width:769px){
.color-swatch--small{
width:19px;
height:19px
}
}
.color-swatch--small:before{
border:2px solid;
border-color:{{ settings.color_body_bg | default: "#fff" }};
border-color:var(--colorBody)
}
[data-swatch_style=round] .color-swatch--small:before{
border-width:3px
}
.tag--swatch{
display:inline-block
}
.tag--swatch>label{
margin-bottom:0;
}
.color-swatch--filter{
width:35px;
height:35px;
}
.tag--active .color-swatch--filter:hover:after{
position:absolute;
content:"";
left:50%;
top:0;
bottom:0;
border-left:1px solid;
border-color:{{ settings.color_borders | default: "#1c1d1d" }};
border-color:var(--colorBorder);
transform:rotate(45deg);
}
.collection-item{
position:relative;
display:block;
margin-bottom:17px;
overflow:hidden
}
@media only screen and (min-width:769px){
.collection-item{
margin-bottom:22px
}
}
.grid--no-gutters .collection-item{
margin-bottom:0
}
.collection-item:hover .collection-image{
transform:scale(1.03);
transition:all 0.8s ease
}
[data-disable-animations=true] .collection-item:hover .collection-image{
transform:none;
transition:none
}
.collection-item:not(.collection-item--below):after{
content:"";
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
z-index:auto;
background-color:{{ settings.collection_grid_tint | default: "#000" }};
background-color:var(--colorGridOverlay);
opacity:0.1;
opacity:var(--colorGridOverlayOpacity);
transition:opacity 0.8s ease;
}
.collection-item:not(.collection-item--below):hover:after{
opacity:0.25;
opacity:calc(var(--colorGridOverlayOpacity) + 0.15);
}
.collection-image{
position:relative;
transition:transform 0.3s ease
}
.collection-image img{
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
-o-object-fit:cover;
object-fit:cover;
}
.collection-item--below img{
-o-object-fit:contain;
object-fit:contain;
}
.collection-image--placeholder{
opacity:1
}
.collection-image--placeholder svg{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
}
.collection-image--square{
padding-bottom:100%;
}
.collection-image--landscape{
padding-top:75%;
}
.collection-image--portrait{
padding-top:150%;
}
.collection-item__title{
display:block;
z-index:2;
font-size:calc(var(--typeCollectionTitle)*0.8);
line-height:1em
}
@media only screen and (min-width:769px){
.collection-item__title{
font-size:var(--typeCollectionTitle)
}
.medium-up--one-fifth .collection-item__title{
font-size:16px
}
}
[data-type_product_capitalize=true] .collection-item__title span{
text-transform:uppercase;
font-size:0.8em;
letter-spacing:0.2em;
}
.collection-item--below .collection-item__title{
margin-top:5px
}
.collection-item__title--heading{
font-family:var(--typeHeaderPrimary),var(--typeHeaderFallback);
font-weight:var(--typeHeaderWeight);
letter-spacing:var(--typeHeaderSpacing);
line-height:var(--typeHeaderLineHeight);
}
[data-type_header_capitalize=true] .collection-item__title--heading{
text-transform:uppercase;
}
.collection-item__title--overlaid,.collection-item__title--overlaid-box{
display:block;
position:absolute;
left:10px;
right:10px;
}
.collection-item__title--overlaid{
color:#fff;
text-shadow:0 0 50px #000;
}
.collection-item__title--overlaid-box>span{
display:inline-block;
background-color:{{ settings.color_body_bg | default: "#fff" }};
background-color:var(--colorBody);
-webkit-box-decoration-break:clone;
box-decoration-break:clone;
padding:8px 15px;
color:{{ settings.color_body_text | default: "#1c1d1d" }};
color:var(--colorTextBody);
}
.collection-item__title--bottom-center,.collection-item__title--center,.collection-item__title--top-center{
text-align:center;
}
.collection-item__title--bottom-right,.collection-item__title--top-right .collection-item__title--right{
text-align:right;
}
.collection-item__title--center[class*=collection-item__title--overlaid],.collection-item__title--left[class*=collection-item__title--overlaid],.collection-item__title--right[class*=collection-item__title--overlaid]{
top:50%;
transform:translateY(-50%);
}
.collection-item__title--top-center[class*=collection-item__title--overlaid],.collection-item__title--top-left[class*=collection-item__title--overlaid],.collection-item__title--top-right[class*=collection-item__title--overlaid]{
top:10px
}
@media only screen and (min-width:769px){
.collection-item__title--top-center[class*=collection-item__title--overlaid],.collection-item__title--top-left[class*=collection-item__title--overlaid],.collection-item__title--top-right[class*=collection-item__title--overlaid]{
top:18px
}
}
.collection-item__title--bottom-center[class*=collection-item__title--overlaid],.collection-item__title--bottom-left[class*=collection-item__title--overlaid],.collection-item__title--bottom-right[class*=collection-item__title--overlaid]{
bottom:10px
}
@media only screen and (min-width:769px){
.collection-item__title--bottom-center[class*=collection-item__title--overlaid],.collection-item__title--bottom-left[class*=collection-item__title--overlaid],.collection-item__title--bottom-right[class*=collection-item__title--overlaid]{
bottom:18px
}
}
.custom-content{
display:flex;
align-items:stretch;
flex-wrap:wrap;
width:auto;
margin-bottom:-22px;
margin-left:-22px
}
@media only screen and (max-width:768px){
.custom-content{
margin-bottom:-17px;
margin-left:-17px
}
}
.custom__item{
flex:0 0 auto;
margin-bottom:22px;
padding-left:22px;
max-width:100%
}
@media only screen and (max-width:768px){
.custom__item{
flex:0 0 auto;
padding-left:17px;
margin-bottom:17px
}
.custom__item.small--one-half{
flex:1 0 50%;
max-width:400px;
margin-left:auto;
margin-right:auto;
}
}
.custom__item img{
display:block;
}
.custom__item-inner{
position:relative;
display:inline-block;
text-align:left;
max-width:100%;
width:100%;
}
.custom__item-inner--html,.custom__item-inner--video{
display:block;
}
.custom__item-inner--image{
width:100%;
}
.custom__item-inner--html img{
display:block;
margin:0 auto;
}
.custom__item-inner--placeholder-image{
width:100%;
}
.align--top-middle{
text-align:center;
}
.align--top-right{
text-align:right;
}
.align--middle-left{
align-self:center;
}
.align--center{
align-self:center;
text-align:center;
}
.align--middle-right{
align-self:center;
text-align:right;
}
.align--bottom-left{
align-self:flex-end;
}
.align--bottom-middle{
align-self:flex-end;
text-align:center;
}
.align--bottom-right{
align-self:flex-end;
text-align:right;
}
.article__grid-image{
display:block;
text-align:center;
margin-bottom:17px
}
@media only screen and (min-width:769px){
.article__grid-image{
margin-bottom:20px
}
}
.article__grid-image img{
display:block;
}
.article__title{
font-size:calc(var(--typeBaseSize) + 2px);
}
.article__date{
font-size:max(calc(var(--typeBaseSize)*0.7), 12px);
margin-bottom:3px
}
.section-header .article__date{
margin-bottom:15px
}
.article__author{
margin-top:2px;
font-size:max(calc(var(--typeBaseSize)*0.7), 12px);
}
.article__grid-meta{
margin-bottom:30px
}
@media only screen and (min-width:769px){
[data-center-text=true] .article__grid-meta{
text-align:center
}
}
.article__excerpt{
margin-top:10px;
}
.logo-bar{
text-align:center;
margin-bottom:-30px;
display:flex;
align-items:center;
justify-content:center;
flex-wrap:wrap;
}
.logo-bar__item{
flex:0 1 110px;
vertical-align:middle;
margin:0 15px 20px
}
@media only screen and (min-width:769px){
.logo-bar__item{
flex:0 1 160px;
margin:0 20px 30px
}
}
.logo-bar__image{
display:block;
margin:0 auto;
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
}
.logo-bar__link{
display:block;
}
[data-aos=logo__animation].aos-animate .logo-bar__item{
animation:fade-in 0.5s ease 0s forwards;
}
[data-aos=logo__animation].aos-animate .logo-bar__item:nth-child(2){
animation-delay:0.2s;
}
[data-aos=logo__animation].aos-animate .logo-bar__item:nth-child(3){
animation-delay:0.4s;
}
[data-aos=logo__animation].aos-animate .logo-bar__item:nth-child(4){
animation-delay:0.6s;
}
[data-aos=logo__animation].aos-animate .logo-bar__item:nth-child(5){
animation-delay:0.8s;
}
[data-aos=logo__animation].aos-animate .logo-bar__item:nth-child(6){
animation-delay:1.0s;
}
[data-aos=logo__animation].aos-animate .logo-bar__item:nth-child(7){
animation-delay:1.2s
}
[data-aos=logo__animation].aos-animate .logo-bar__item:nth-child(8){
animation-delay:1.4s;
}
[data-aos=logo__animation].aos-animate .logo-bar__item:nth-child(9){
animation-delay:1.6s;
}
[data-aos=logo__animation].aos-animate .logo-bar__item:nth-child(10){
animation-delay:1.8s;
}
.background-media-text{
position:absolute;
width:100%;
overflow:hidden;
background:{{ settings.color_large_image_bg | default: "#1c1d1d" }};
background:var(--colorLargeImageBg);
background-size:cover;
}
.background-media-text__video{
position:absolute;
top:0;
left:0;
bottom:0;
width:100%;
background-size:cover;
background-position:50% 50%;
background-repeat:no-repeat;
z-index:0;
}
@media only screen and (max-width:768px){
.background-media-text__video{
width:300%;
left:-100%
}
}
.background-media-text__video iframe,.background-media-text__video video{
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
pointer-events:none
}
@media only screen and (min-width:769px){
.background-media-text__video iframe,.background-media-text__video video{
height:120%;
max-width:none;
left:-100%;
height:150%;
width:300%
}
}
@media screen and (min-width:1140px){
.background-media-text__video iframe,.background-media-text__video video{
width:100%;
height:300%;
left:auto;
top:-100%
}
}
.video-interactable .background-media-text__video iframe,.video-interactable .background-media-text__video video{
pointer-events:auto;
}
.background-media-text__inner{
position:absolute;
z-index:2;
width:100%;
height:100%;
}
.background-media-text__aligner{
margin:60px;
}
.background-media-text__text{
text-align:left;
font-size:1.1em;
background:{{ settings.color_body_bg | default: "#fff" }};
background:var(--colorBody);
padding:30px;
width:380px
}
html[dir=rtl] .background-media-text__text{
text-align:right
}
@media only screen and (max-width:768px){
.background-media-text__text{
text-align:center
}
}
.background-media-text__text--framed{
border:7px solid;
border-color:{{ settings.color_body_bg | default: "#fff" }};
border-color:var(--colorBody);
box-shadow:inset 0 0 0 2px {{ settings.color_body_text | default:"#1c1d1d" }};
box-shadow:inset 0 0 0 2px var(--colorTextBody)
}
@media only screen and (min-width:769px){
.background-media-text__text--framed{
border-width:10px
}
}
.background-media-text__text .btn{
margin-top:15px;
}
@media only screen and (min-width:769px){
.background-media-text--right .animation-cropper{
float:right;
}
}
.background-media-text__container{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
}
@media only screen and (max-width:768px){
.background-media-text{
position:relative;
}
.background-media-text__inner{
position:relative;
}
.background-media-text__container,.background-media-text__video{
position:relative;
height:240px
}
.promo-video .background-media-text__container,.promo-video .background-media-text__video{
height:550px
}
.background-media-text__aligner{
margin:-6px 6px 6px;
}
.background-media-text__text{
padding:22.5px;
width:auto;
}
.background-media-text.loading:after,.background-media-text.loading:before{
top:117px;
}
}
@media only screen and (min-width:769px){
.background-media-text--450,.background-media-text--450 .background-media-text__video,.background-media-text__spacer.background-media-text--450{
min-height:450px;
}
.background-media-text--550,.background-media-text--550 .background-media-text__video,.background-media-text__spacer.background-media-text--550{
min-height:550px;
}
.background-media-text--650,.background-media-text--650 .background-media-text__video,.background-media-text__spacer.background-media-text--650{
min-height:650px;
}
.background-media-text--750,.background-media-text--750 .background-media-text__video,.background-media-text__spacer.background-media-text--750{
min-height:750px;
}
}
[data-aos=background-media-text__animation] .background-media-text__image,[data-aos=background-media-text__animation] .background-media-text__image svg,[data-aos=background-media-text__animation] .background-media-text__video{
animation:zoom-fade 2.5s cubic-bezier(0.26, 0.54, 0.32, 1) 0s forwards;
transition:none
}
[data-disable-animations=true] [data-aos=background-media-text__animation] .background-media-text__image,[data-disable-animations=true] [data-aos=background-media-text__animation] .background-media-text__image svg,[data-disable-animations=true] [data-aos=background-media-text__animation] .background-media-text__video{
animation:none;
opacity:1
}
[data-aos=background-media-text__animation].aos-animate .background-media-text__image.lazyloaded,[data-aos=background-media-text__animation].aos-animate .background-media-text__image svg,[data-aos=background-media-text__animation].loaded.aos-animate .background-media-text__video{
animation:zoom-fade 2.5s cubic-bezier(0.26, 0.54, 0.32, 1) 0s forwards;
transition:none
}
[data-disable-animations=true] [data-aos=background-media-text__animation].aos-animate .background-media-text__image.lazyloaded,[data-disable-animations=true] [data-aos=background-media-text__animation].aos-animate .background-media-text__image svg,[data-disable-animations=true] [data-aos=background-media-text__animation].loaded.aos-animate .background-media-text__video{
animation:none
}
@media only screen and (min-width:769px){
[data-aos=background-media-text__animation] .background-media-text__inner .animation-contents{
opacity:0
}
.no-js [data-aos=background-media-text__animation] .background-media-text__inner .animation-contents{
animation:none;
opacity:1
}
[data-aos=background-media-text__animation].loaded.aos-animate .background-media-text__inner .animation-contents{
animation:rise-up 1s cubic-bezier(0.26, 0.54, 0.32, 1) 0.5s forwards
}
[data-disable-animations=true] [data-aos=background-media-text__animation].loaded.aos-animate .background-media-text__inner .animation-contents{
animation:none;
opacity:1
}
}
.quote-icon{
display:block;
margin:0 auto 20px;
}
.testimonial-stars{
display:block;
font-size:16px;
letter-spacing:0.2em;
margin-bottom:10px
}
@media only screen and (min-width:769px){
.testimonial-stars{
font-size:18px;
margin-bottom:15px
}
}
.testimonials-slide{
display:none;
opacity:0;
padding:40px 0 55px;
width:33%
}
.testimonials-slide:first-child{
display:block;
}
.flickity-slider .testimonials-slide{
display:block;
opacity:1
}
.testimonials-slide .testimonials-slider__text{
transform:scale(0.95);
transition:transform 0.5s ease,box-shadow 0.5s ease;
}
.testimonials-slide.is-selected .testimonials-slider__text{
transform:scale(1.1);
box-shadow:0 10px 25px rgba(0, 0, 0, 0.1);
position:relative;
z-index:10;
}
@media only screen and (max-width:768px){
.testimonials-slide{
width:100%;
}
.testimonials-slide .testimonials-slider__text{
transform:scale(0.86);
}
.testimonials-slide.is-selected .testimonials-slider__text{
transform:scale(1);
}
}
.testimonials-slider__text{
margin:0 30px;
padding:30px 15px;
background:{{ settings.color_body_bg | default: "#fff" }};
background:var(--colorBody);
color:{{ settings.color_body_text | default: "#1c1d1d" }};
color:var(--colorTextBody);
margin-bottom:15px
}
@media only screen and (min-width:769px){
.testimonials-slider__text{
margin:0;
padding:30px;
margin-bottom:0
}
}
.testimonials-slider__text cite{
font-style:normal;
font-weight:700
}
@media only screen and (min-width:769px){
.testimonials-slider__text cite{
font-size:calc(var(--typeBaseSize) + 1px)
}
}
.testimonials-slider__text p{
margin-bottom:7.5px
}
.testimonials-slider__text p+cite{
margin-top:0;
}
.testimonials__info{
font-size:calc(var(--typeBaseSize) - 1px);
}
.testimonial-image{
max-width:142px;
background-color:{{ settings.color_body_bg | default: "#fff" }};
background-color:var(--colorBody)
}
.text-center .testimonial-image{
margin-left:auto;
margin-right:auto
}
.testimonial-image .image-wrap{
background:none;
width:100%;
height:100%;
}
.testimonial-image--round{
width:65px;
height:65px;
max-width:none;
border-radius:65px
}
.testimonial-image--round img{
overflow:hidden;
border-radius:65px;
height:100%;
}
.testimonials-section .flickity-page-dots{
bottom:0;
}
.announcement-bar{
font-size:calc(var(--typeBaseSize)*0.75);
position:relative;
text-align:center;
background-color:{{ settings.color_announcement | default: "#1c1d1d" }};
background-color:var(--colorAnnouncement);
color:{{ settings.color_announcement_text | default: "#fff" }};
color:var(--colorAnnouncementText);
padding:10px 0;
border-bottom-color:{{ settings.color_borders | default: "#1c1d1d" }};
border-bottom-color:var(--colorBorder)
}
@media only screen and (min-width:769px){
.announcement-bar{
font-size:calc(var(--typeBaseSize)*0.85)
}
}
.announcement-bar a,.announcement-bar a:visited{
color:{{ settings.color_announcement_text | default: "#fff" }};
color:var(--colorAnnouncementText)
}
.announcement-bar a:active,.announcement-bar a:hover,.announcement-bar a:visited:active,.announcement-bar a:visited:hover{
color:{{ settings.color_announcement_text | default: "#fff" }};
color:var(--colorAnnouncementText);
}
.announcement-slider__slide{
position:relative;
overflow:hidden;
padding:0 5px;
width:100%;
}
.announcement-link{
display:block;
color:{{ settings.color_announcement_text | default: "#fff" }};
color:var(--colorAnnouncementText)
}
.announcement-link:active,.announcement-link:hover{
color:{{ settings.color_announcement_text | default: "#fff" }};
color:var(--colorAnnouncementText);
}
.announcement-text{
font-weight:700;
display:block;
text-transform:uppercase;
letter-spacing:0.2em;
font-size:0.9em;
}
.announcement-link-text{
display:block
}
.announcement-link .announcement-link-text{
text-decoration:underline
}
.announcement-link-text a{
color:inherit;
}
@media only screen and (min-width:769px){
.announcement-slider[data-compact=true] .announcement-slider__slide{
display:none
}
.announcement-slider[data-compact=true] .announcement-slider__slide:first-child{
display:block;
}
.announcement-slider[data-compact=true] .announcement-link-text,.announcement-slider[data-compact=true] .announcement-text{
display:inline;
}
.announcement-slider[data-compact=true] .announcement-text+.announcement-link-text{
padding-left:5px;
}
.announcement-slider[data-compact=true].flickity-enabled .announcement-slider__slide{
display:block;
}
.announcement-slider[data-compact=false]{
display:flex
}
.announcement-slider[data-compact=false] .announcement-slider__slide{
flex:1 1 33%;
}
}
@media only screen and (max-width:768px){
.announcement-slider .announcement-slider__slide{
display:none
}
.announcement-slider .announcement-slider__slide:first-child{
display:block;
}
.announcement-slider.flickity-enabled .announcement-slider__slide{
display:block;
}
}
.shopify-challenge__container{
padding:30px 22px
}
@media only screen and (min-width:769px){
.shopify-challenge__container{
padding:120px 0
}
}
.newsletter{
margin:0 auto;
max-width:520px;
}
.newsletter-section .errors{
margin-left:auto;
margin-right:auto;
max-width:520px;
}
.modal .newsletter .h1{
margin-bottom:15px
}
@media only screen and (min-width:769px){
.modal .newsletter .h1{
margin-bottom:30px
}
}
.modal .newsletter .image-wrap{
margin-bottom:7.5px
}
@media only screen and (min-width:769px){
.modal .newsletter .image-wrap{
margin-bottom:15px
}
}
.modal .newsletter .text-close{
text-decoration:underline;
}
.newsletter__input-group{
margin:0 auto 20px;
max-width:400px
}
.newsletter__input-group:last-child{
margin-bottom:0;
}
.newsletter__input::-webkit-input-placeholder{
color:{{ settings.color_body_text | default: "#1c1d1d" }};
color:var(--colorTextBody);
opacity:1;
}
.newsletter__input:-moz-placeholder{
color:{{ settings.color_body_text | default: "#1c1d1d" }};
color:var(--colorTextBody);
opacity:1;
}
.newsletter__input::-moz-placeholder{
color:{{ settings.color_body_text | default: "#1c1d1d" }};
color:var(--colorTextBody);
opacity:1;
}
.newsletter__input:-ms-input-placeholder{
color:{{ settings.color_body_text | default: "#1c1d1d" }};
color:var(--colorTextBody);
}
.newsletter__input::-ms-input-placeholder{
color:{{ settings.color_body_text | default: "#1c1d1d" }};
color:var(--colorTextBody);
opacity:1;
}
@media only screen and (max-width:768px){
.form__submit--large{
display:none;
}
.form__submit--small{
display:block;
}
}
@media only screen and (min-width:769px){
.form__submit--large{
display:block;
}
.form__submit--small{
display:none;
}
}
[data-has-image] .modal__close{
background-color:{{ settings.color_body_bg | default: "#fff" }};
background-color:var(--colorBody);
border-radius:50%;
padding:5px;
top:10px;
right:10px
}
@media only screen and (max-width:768px){
[data-has-image] .modal__close{
background-color:transparent;
top:0;
right:0
}
}
@media only screen and (max-width:768px){
#NewsletterPopup-newsletter-popup{
bottom:20px;
text-align:center
}
#NewsletterPopup-newsletter-popup .modal__inner{
max-width:calc(100% - 40px);
}
#NewsletterPopup-newsletter-popup.modal--square .modal__close{
padding:5px;
}
}
#NewsletterPopup-newsletter-popup .h2{
margin-bottom:0
}
@media only screen and (min-width:769px){
#NewsletterPopup-newsletter-popup .h2{
margin-bottom:0
}
}
#NewsletterPopup-newsletter-popup .rte{
margin-top:20px;
margin-bottom:0
}
@media only screen and (min-width:769px){
#NewsletterPopup-newsletter-popup .rte{
margin-top:20px;
margin-bottom:0
}
}
#NewsletterPopup-newsletter-popup .popup-cta{
margin-bottom:0;
}
#NewsletterPopup-newsletter-popup .note--success{
margin-top:15px;
text-align:center;
}
#NewsletterPopup-newsletter-popup .newsletter__input-group{
margin-top:30px;
margin-bottom:0
}
@media only screen and (max-width:768px){
#NewsletterPopup-newsletter-popup .newsletter__input-group{
margin-top:20px;
margin-bottom:0
}
}
#NewsletterPopup-newsletter-popup .newsletter-button{
margin-top:30px;
}
#NewsletterPopup-newsletter-popup .social-icons a{
display:inline-block;
margin-top:30px;
padding:5px;
}
.modal__centered-content.newsletter--has-image{
padding:0
}
@media only screen and (max-width:768px){
.modal__centered-content.newsletter--has-image{
padding:0
}
}
.modal__centered-content.newsletter--has-image .newsletter-popup{
display:flex;
max-width:800px;
min-width:650px
}
@media only screen and (max-width:768px){
.modal__centered-content.newsletter--has-image .newsletter-popup{
max-width:none;
min-width:0
}
}
.modal__centered-content.newsletter--has-image .newsletter-popup.newsletter-popup--image-reversed{
flex-direction:row-reverse;
}
.modal__centered-content.newsletter--has-image .form__submit--large{
display:none;
}
.modal__centered-content.newsletter--has-image .form__submit--small{
display:block;
}
.modal__centered-content.newsletter--has-image .newsletter-popup__image-wrapper{
position:relative;
width:50%
}
@media only screen and (max-width:768px){
.modal__centered-content.newsletter--has-image .newsletter-popup__image-wrapper{
display:none
}
}
.modal__centered-content.newsletter--has-image .newsletter-popup__image{
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
position:absolute;
}
.modal__centered-content.newsletter--has-image .newsletter-popup__content{
padding:40px;
width:50%
}
@media only screen and (max-width:768px){
.modal__centered-content.newsletter--has-image .newsletter-popup__content{
padding:0 0 20px;
width:100%
}
}
newsletter-reminder{
color:{{ settings.color_button_text | default: "#fff" }};
color:var(--colorBtnPrimaryText);
background-color:{{ settings.color_button | default: "#000" }};
background-color:var(--colorBtnPrimary)
}
newsletter-reminder.modal--square .modal__close{
color:{{ settings.color_button_text | default: "#fff" }};
color:var(--colorBtnPrimaryText)
}
newsletter-reminder.modal--square .modal__close:hover{
color:{{ settings.color_button_text | default: "#fff" }};
color:var(--colorBtnPrimaryText);
opacity:50%;
}
newsletter-reminder .newsletter-reminder__message{
font-size:calc(var(--typeHeaderSize)*0.5);
}
.form__submit--small{
line-height:0;
}
.map-section{
position:relative;
height:650px;
width:100%;
overflow:hidden
}
@media only screen and (min-width:769px){
.map-section{
height:500px
}
}
.map-section .page-width{
height:100%;
}
.map-section--load-error{
height:auto;
}
.map-onboarding{
position:absolute;
top:0;
left:0;
bottom:0;
width:100%;
background-size:cover;
background-position:50% 50%;
background-repeat:no-repeat;
z-index:0;
}
.map-section__overlay-wrapper{
position:relative;
height:100%;
}
.map-section__overlay{
position:relative;
display:inline-block;
background-color:{{ settings.color_body_bg | default: "#fff" }};
background-color:var(--colorBody);
padding:30px;
margin:30px;
width:100%;
max-width:calc(100% - 60px);
z-index:3
}
@media only screen and (min-width:769px){
.map-section__overlay{
position:absolute;
left:30px;
top:50%;
transform:translateY(-50%);
margin-top:0;
width:30%
}
}
.map-section--load-error .map-section__overlay{
position:static;
transform:translateY(0)
}
.map-section__link{
display:block;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:2;
}
.map-section__container{
position:absolute !important;
top:0;
left:0;
width:100%;
height:150%;
margin-bottom:-50%
}
@media only screen and (min-width:769px){
.map-section__container{
width:130%;
height:100%;
margin:0 -30% 0 0
}
}
.display-map--false.bg-image--true .map-section__container{
width:100%;
height:100%
}
.display-map--false.bg-image--true .map-section__container img{
-o-object-fit:cover;
object-fit:cover;
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
}
[data-aos=map-section__animation] .map-section__container{
animation:fade-out 0.5s cubic-bezier(0.26, 0.54, 0.32, 1) 0s forwards;
opacity:0;
}
[data-aos=map-section__animation].aos-animate .map-section__container{
animation:zoom-fade 2.5s cubic-bezier(0.26, 0.54, 0.32, 1) 0s forwards;
}
.image-row:after{content:"";display:table;clear:both;}
.image-row__placeholder{
float:left;
width:33.33%
}
.image-row--gutters .image-row__placeholder{
width:32%;
margin:0 1% 2%
}
.image-row--gutters .image-row__placeholder:first-child{
margin-left:0;
}
.image-row--gutters .image-row__placeholder:last-child{
margin-right:0;
}
.image-row__image{
position:relative;
min-height:1px;
float:left
}
.image-row__image:after{
content:"";
display:block;
height:0;
width:100%;
}
.image-row__image img{
display:block;
position:absolute;
top:0;
left:0;
}
[data-zoom=true] .image-row__image .js-photoswipe__zoom{
cursor:zoom-in;
}
[data-zoom=true] .image-row__image a .js-photoswipe__zoom{
cursor:pointer;
}
.promo-grid--space-top{
padding-top:40px
}
@media only screen and (min-width:769px){
.promo-grid--space-top{
padding-top:75px
}
}
.promo-grid--space-bottom{
padding-bottom:40px
}
@media only screen and (min-width:769px){
.promo-grid--space-bottom{
padding-bottom:75px
}
}
.promo-grid__container{
display:flex;
align-items:flex-start;
position:relative;
overflow:hidden;
background-repeat:no-repeat
}
.promo-grid__container .btn{
margin-right:10px
}
@media only screen and (max-width:768px){
.promo-grid__container .btn{
margin-right:7px
}
}
.promo-grid__container.horizontal-center{
justify-content:center;
text-align:center
}
.promo-grid__container.horizontal-center .btn{
margin:2px 5px;
}
.promo-grid__container.horizontal-right{
justify-content:flex-end;
text-align:right;
}
@media only screen and (max-width:768px){
.promo-grid__container--boxed .promo-grid__bg{
height:60%;
}
.promo-grid__container--boxed .promo-grid__content{
width:100%;
margin-top:55%;
box-shadow:0 0 50px rgba(0, 0, 0, 0.1);
}
}
.promo-grid__container--framed:not(.promo-grid__container--boxed):after{
content:"";
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
z-index:auto;
border:7px solid transparent;
box-shadow:inset 0 0 0 2px {{ settings.color_image_text | default:"#fff" }};
box-shadow:inset 0 0 0 2px var(--colorHeroText);
z-index:3
}
@media only screen and (min-width:769px){
.promo-grid__container--framed:not(.promo-grid__container--boxed):after{
border-width:10px
}
}
.type-banner .promo-grid__container--framed:not(.promo-grid__container--boxed):after,.type-product .promo-grid__container--framed:not(.promo-grid__container--boxed):after,.type-sale_collection .promo-grid__container--framed:not(.promo-grid__container--boxed):after{
box-shadow:inset 0 0 0 2px {{ settings.color_body_text | default:"#1c1d1d" }};
box-shadow:inset 0 0 0 2px var(--colorTextBody)
}
.video-interactable.promo-grid__container--framed:not(.promo-grid__container--boxed):after{
pointer-events:none;
}
.promo-grid__container--tint:before{
content:"";
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
z-index:auto;
opacity:1;
z-index:2;
pointer-events:none;
}
.promo-grid__slide-link{
display:block;
position:absolute;
width:100%;
height:100%;
z-index:5
}
.promo-grid__slide-link:hover~.promo-grid__content .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse){
background:{{ settings.color_button | default: "#000" | color_lighten: 10 }};
background:var(--colorBtnPrimaryLight);
transition-delay:0.25s
}
[data-button_style=square] .promo-grid__slide-link:hover~.promo-grid__content .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):after,[data-button_style^=round] .promo-grid__slide-link:hover~.promo-grid__content .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):after{
animation:shine 0.75s cubic-bezier(0.01, 0.56, 1, 1);
}
.promo-grid__content{
flex:0 1 auto;
padding:2em 2.5em;
position:relative;
min-width:200px;
z-index:4
}
.promo-grid__container--framed:not(.promo-grid__container--boxed) .promo-grid__content{
margin:1.5em
}
.promo-grid__content p:last-child{
margin-bottom:0;
}
.vertical-top .promo-grid__content{
align-self:flex-start
}
.vertical-center .promo-grid__content{
align-self:center
}
.vertical-bottom .promo-grid__content{
align-self:flex-end
}
.video-interactable .promo-grid__content{
pointer-events:none;
}
.promo-grid__content--boxed{
background:{{ settings.color_body_bg | default: "#fff" }};
background:var(--colorBody);
color:{{ settings.color_body_text | default: "#1c1d1d" }};
color:var(--colorTextBody);
margin:15px
}
@media only screen and (max-width:768px){
.promo-grid__content--boxed{
margin:10px
}
}
.promo-grid__content--framed.promo-grid__content--boxed{
border:7px solid;
border-color:{{ settings.color_body_bg | default: "#fff" }};
border-color:var(--colorBody);
box-shadow:inset 0 0 0 2px {{ settings.color_body_text | default:"#1c1d1d" }};
box-shadow:inset 0 0 0 2px var(--colorTextBody)
}
@media only screen and (min-width:769px){
.promo-grid__content--framed.promo-grid__content--boxed{
border-width:10px
}
}
.type-advanced .promo-grid__content:not(.promo-grid__content--boxed):not(.promo-grid__content--sale),.type-simple .promo-grid__content:not(.promo-grid__content--boxed):not(.promo-grid__content--sale){
color:{{ settings.color_image_text | default: "#fff" }};
color:var(--colorHeroText)
}
.type-advanced .promo-grid__content:not(.promo-grid__content--boxed):not(.promo-grid__content--sale) a,.type-simple .promo-grid__content:not(.promo-grid__content--boxed):not(.promo-grid__content--sale) a{
color:{{ settings.color_image_text | default: "#fff" }};
color:var(--colorHeroText);
border-bottom:2px solid;
border-bottom-color:{{ settings.color_image_text | default: "#fff" }};
border-bottom-color:var(--colorHeroText)
}
[data-button_style=square] .type-advanced .promo-grid__content:not(.promo-grid__content--boxed):not(.promo-grid__content--sale) a:not(.btn--inverse),[data-button_style=square] .type-simple .promo-grid__content:not(.promo-grid__content--boxed):not(.promo-grid__content--sale) a:not(.btn--inverse),[data-button_style^=round] .type-advanced .promo-grid__content:not(.promo-grid__content--boxed):not(.promo-grid__content--sale) a:not(.btn--inverse),[data-button_style^=round] .type-simple .promo-grid__content:not(.promo-grid__content--boxed):not(.promo-grid__content--sale) a:not(.btn--inverse){
border-bottom:0;
}
.type-advanced .promo-grid__content:not(.promo-grid__content--boxed):not(.promo-grid__content--sale) .btn--inverse,.type-simple .promo-grid__content:not(.promo-grid__content--boxed):not(.promo-grid__content--sale) .btn--inverse{
border-color:{{ settings.color_image_text | default: "#fff" }};
border-color:var(--colorHeroText);
}
.type-advanced .promo-grid__content:not(.promo-grid__content--boxed):not(.promo-grid__content--sale):after,.type-simple .promo-grid__content:not(.promo-grid__content--boxed):not(.promo-grid__content--sale):after{
content:"";
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
z-index:auto;
background:radial-gradient(rgba(0, 0, 0, {{ settings.color_image_overlay_text_shadow | divided_by: 100.0 }}) 0%, transparent 60%);
background:radial-gradient(rgba(0, 0, 0, var(--colorImageOverlayTextShadow)) 0%, transparent 60%);
margin:-100px -200px -100px -200px;
z-index:2;
}
.type-advanced .rte--strong,.type-product .rte--strong,.type-sale_collection .rte--strong{
font-family:var(--typeHeaderPrimary),var(--typeHeaderFallback);
font-weight:var(--typeHeaderWeight);
letter-spacing:var(--typeHeaderSpacing);
line-height:var(--typeHeaderLineHeight);
}
[data-type_header_capitalize=true] .type-advanced .rte--strong,[data-type_header_capitalize=true] .type-product .rte--strong,[data-type_header_capitalize=true] .type-sale_collection .rte--strong{
text-transform:uppercase;
}
.type-advanced .rte--strong,.type-product .rte--strong,.type-sale_collection .rte--strong{
line-height:1.1;
}
.type-advanced .rte--em,.type-product .rte--em,.type-sale_collection .rte--em{
text-transform:uppercase;
letter-spacing:0.3em;
font-size:0.9375em;
line-height:1.2;
}
.type-advanced .rte--strong,.type-product .rte--strong{
font-size:1.6em;
line-height:1.1;
}
@media only screen and (min-width:769px){
.type-advanced .rte--strong,.type-product .rte--strong{
font-size:2.125em;
}
.type-product.flex-grid__item--33 .rte--strong,.type-product.flex-grid__item--50 .rte--strong{
font-size:1.6em;
}
}
.promo-grid__bg{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
text-align:left
}
.promo-grid__container:not(.promo-grid__container--boxed) .promo-grid__bg:before{
content:"";
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
z-index:3;
background-color:{{ settings.color_image_overlay | default: "#000" }};
background-color:var(--colorImageOverlay);
opacity:{{ settings.color_image_overlay_opacity | divided_by: 100.0 }};
opacity:var(--colorImageOverlayOpacity)
}
.promo-grid__bg .placeholder-svg{
position:absolute;
top:0;
left:50%;
transform:translateX(-50%);
max-width:none;
width:auto;
padding:0;
}
.video-interactable .promo-grid__bg:before{
pointer-events:none;
}
.promo-grid__bg-image{
z-index:1;
animation:fade-in 1s cubic-bezier(0.26, 0.54, 0.32, 1) 0s forwards;
transition:none;
}
.promo-grid__text{
position:relative;
z-index:3
}
.promo-grid__text .btn{
margin-top:2px;
margin-bottom:2px;
}
.type-advanced .promo-grid__content{
padding:2em
}
@media only screen and (max-width:768px){
.type-advanced .promo-grid__content{
padding:1.5em
}
}
.type-advanced .btn{
margin-bottom:10px
}
@media only screen and (max-width:768px){
.type-advanced .btn{
margin-bottom:7px
}
}
.type-sale_collection{
flex-grow:1;
max-height:600px
}
.type-sale_collection .promo-grid__container{
background:{{ settings.color_small_image_bg | default: "#eee" }};
background:var(--colorSmallImageBg);
align-items:center;
}
.type-sale_collection .promo-grid__content{
padding:2em;
flex:0 1 auto;
min-width:0
}
@media only screen and (max-width:768px){
.type-sale_collection .promo-grid__content{
padding:1em;
font-size:0.9em
}
}
@media only screen and (min-width:769px){
.type-sale_collection .promo-grid__content:not(.promo-grid__content--small-text){
font-size:1.5em;
}
}
.type-sale_collection .rte--block{
margin-bottom:7.5px
}
.type-sale_collection .rte--block:last-child{
margin-bottom:0;
}
.type-sale_collection .rte--strong{
position:relative;
display:block;
font-size:3.375em;
line-height:1;
white-space:nowrap;
}
.type-sale_collection small{
display:inline;
font-size:0.25em;
margin-left:-2.9em;
letter-spacing:0;
}
.type-sale-images{
flex:1 1 50%
}
.type-sale-images svg{
display:block;
width:50%;
float:left;
}
.type-sale-images__crop{
overflow:hidden;
width:100%;
}
.type-sale-images__image{
width:50%;
float:left;
}
.type-simple .promo-grid__content{
padding:30px
}
@media only screen and (max-width:768px){
.type-simple .promo-grid__content{
padding:15px
}
}
.promo-grid__title:last-child{
margin-bottom:0;
}
.type-image .promo-grid__container{
background:none;
}
.type-image .image-wrap,.type-image a,.type-image img{
width:100%;
}
.type-banner{
flex:1 0 100%
}
.type-banner .promo-grid__container{
background:none;
}
.type-banner .promo-grid__container--framed:not(.promo-grid__container--boxed){
padding:1em;
}
.type-banner p{
margin:5px 10px;
display:inline-block;
vertical-align:middle;
line-height:1.2;
}
.type-banner__link{
display:block;
flex:1 1 100%;
}
.type-banner__content{
width:100%;
display:flex;
align-items:center;
justify-content:center;
padding:0 10px;
}
.type-banner__text{
position:relative;
flex:0 1 auto;
z-index:3;
padding:10px 20px;
}
.type-banner__image{
flex:0 0 45%
}
@media only screen and (min-width:769px){
.type-banner__image{
flex:0 0 200px
}
}
.type-product__wrapper{
flex:1 1 100%;
align-self:center;
position:relative;
padding:2em 0;
z-index:4
}
.type-product__wrapper.promo-grid__container--tint{
padding:2em;
}
.promo-grid__container--framed .type-product__wrapper{
padding:2em
}
@media only screen and (max-width:768px){
.type-product__content{
margin-top:15px
}
}
.type-product__images{
position:relative;
width:100%;
margin:10px 0 10px 10px;
}
.type-product__image{
position:relative
}
.type-product__image:first-child{
width:100%;
max-width:75%;
}
.type-product__image:nth-child(2){
position:absolute;
bottom:40px;
right:0;
width:100%;
max-width:30%;
}
.type-product__labels{
position:absolute;
top:-10px;
right:-10px;
z-index:3;
text-align:right
}
@media only screen and (min-width:769px){
.type-product__labels .flex-grid__item--33,.type-product__labels .flex-grid__item--50{
font-size:0.9em;
}
}
.type-product__label{
padding:4px 12px;
background-color:{{ settings.color_button | default: "#000" }};
background-color:var(--colorBtnPrimary);
color:{{ settings.color_button_text | default: "#fff" }};
color:var(--colorBtnPrimaryText);
float:right;
clear:both;
}
.type-product__label--secondary{
background-color:{{ settings.color_body_bg | default: "#fff" }};
background-color:var(--colorBody);
color:{{ settings.color_body_text | default: "#1c1d1d" }};
color:var(--colorTextBody);
}
.store-availability{
display:flex;
justify-content:space-around
}
.store-availability .icon{
margin:6px 0 0;
width:12px;
height:12px;
}
.store-availability .icon-in-stock{
fill:#56ad6a;
}
.store-availability .icon-out-of-stock{
fill:#d02e2e;
}
.store-availability+.store-availability{
margin-top:20px;
}
.store-availability__info{
flex:0 1 90%;
text-align:left;
margin-left:10px
}
.store-availability__info>div{
margin-bottom:5px
}
.store-availability__info>div:last-child{
margin-bottom:0;
}
.store-availability__info a{
text-decoration:underline;
}
.store-availability__small{
font-size:0.8em
}
.store-availability__small a{
display:block;
margin-top:10px;
}
.modal .store-availability__small--link{
display:none
}
.age-verification-popup{
top:0;
bottom:0
}
.age-verification-popup.age-verification-popup--image-false{
background-color:{{ settings.color_body_bg | default: "#fff" }};
background-color:var(--colorBody)
}
.age-verification-popup.age-verification-popup--image-false.modal:before{
background-color:{{ settings.color_body_bg | default: "#fff" }};
background-color:var(--colorBody);
animation:none;
}
.age-verification-popup.age-verification-popup--image-false .modal__inner{
box-shadow:none;
}
.age-verification-popup.modal--mobile-friendly.modal--square .modal__centered-content{
background-color:{{ settings.color_drawer_background | default: "#1c1d1d" }};
background-color:var(--colorDrawers);
}
@media only screen and (min-width:769px){
.cart__page{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
align-items:flex-start;
}
.cart__page-col:first-child{
flex:1 1 60%;
padding-right:100px;
}
.cart__page-col:last-child{
position:sticky;
top:10%;
flex:0 1 35%;
padding:30px
}
.cart__page-col:last-child:after{
content:"";
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
z-index:-1;
background-color:{{ settings.color_body_text | default: "#1c1d1d" }};
background-color:var(--colorTextBody);
opacity:0.03;
}
}
.cart__item{
display:flex;
margin-bottom:20px;
padding-bottom:20px;
border-bottom:1px solid;
border-bottom-color:{{ settings.color_borders | default: "#1c1d1d" }};
border-bottom-color:var(--colorBorder)
}
.cart__item:first-child{
padding-top:10px;
}
.cart__item:last-child{
margin-bottom:0;
border-bottom:0;
}
.cart__image{
flex:0 0 150px;
margin-right:17px;
margin-right:var(--grid-gutter);
position:relative
}
.cart__image a{
display:block;
}
.cart__image img{
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
position:absolute;
display:block;
}
.drawer .cart__image{
flex:0 0 100px
}
.cart__item-details{
flex:1 1 auto;
display:flex;
flex-wrap:wrap;
}
.cart__item-title{
flex:1 1 100%
}
.drawer .cart__item-title{
font-size:calc(var(--typeBaseSize)*0.85)
}
.cart__item-sub{
flex:1 1 100%;
display:flex;
justify-content:space-between;
line-height:1
}
.cart__item-sub>div:first-child{
margin-right:10px;
}
.cart__item-row{
margin-bottom:20px;
}
.cart__remove a{
display:inline-block;
margin-top:10px;
}
.drawer .cart__remove{
display:none
}
.cart__checkout{
width:100%;
}
.cart__item-name{
display:block;
font-size:calc(var(--typeBaseSize) + 1px);
margin-bottom:8px;
}
.cart__item--variants{
margin-bottom:10px
}
.cart__item--variants span{
font-weight:700;
}
.cart__price{
display:block;
}
.cart__price--strikethrough{
text-decoration:line-through;
}
.cart__discount{
color:{{ settings.color_savings_text | default: "#1c1d1d" }};
color:var(--colorTextSavings);
}
.cart__terms{
display:flex;
align-items:center;
justify-content:center
}
.cart__terms label{
margin-bottom:0;
text-transform:none;
letter-spacing:0;
}
.cart__checkout-wrapper{
margin-top:20px
}
.cart__checkout-wrapper .additional-checkout-buttons{
margin-top:12px;
}
.drawer .additional-checkout-buttons{
margin:10px 0
}
.drawer .additional-checkout-buttons [data-shopify-buttoncontainer]{
justify-content:center
}
.drawer .additional-checkout-buttons [data-shopify-buttoncontainer]>*{
height:auto !important;
}
iframe.zoid-component-frame{
z-index:1 !important;
}
.drawer__cart-empty{
display:none;
}
.drawer.is-empty .drawer__inner{
display:none;
}
.drawer.is-empty .drawer__cart-empty{
display:block;
}
@media only screen and (min-width:769px){
.product-single__sticky{
position:sticky;
top:20px
}
.sticky-header .product-single__sticky{
top:140px
}
.modal--quick-shop .product-single__sticky{
top:0;
}
}
.page-content--product{
padding-top:55px;
}
@media only screen and (max-width:768px){
.page-content--product{
padding-top:0;
}
.grid--product-images-right{
display:flex;
flex-wrap:wrap
}
.grid--product-images-right .grid__item:first-child{
order:2;
}
}
.modal .page-content--product{
width:1500px;
max-width:100%;
}
.product-single__meta{
padding-left:45px
}
@media only screen and (max-width:768px){
.product-single__meta{
text-align:center;
padding-left:0;
margin-top:15px
}
}
.grid--product-images-right .product-single__meta{
padding-left:0;
padding-right:45px
}
@media only screen and (max-width:768px){
.grid--product-images-right .product-single__meta{
padding-right:0
}
}
.product-single__meta .social-sharing{
margin-top:30px;
}
.product-single__meta .rte{
text-align:left
}
html[dir=rtl] .product-single__meta .rte{
text-align:right
}
.product-single__vendor{
text-transform:uppercase;
letter-spacing:0.3em;
font-size:0.8em;
margin-bottom:7.5px;
}
.product-single__title{
margin-bottom:10px;
word-wrap:break-word;
}
.product-single__review-link{
display:block
}
.product-single__review-link .spr-badge[data-rating="0.0"]{
display:none;
}
.product-single__review-link .spr-badge{
margin-bottom:7px;
}
.product-single__review-link .spr-badge-starrating{
margin-right:8px;
}
.product-single__review-link .spr-badge-caption{
font-size:calc(var(--typeBaseSize) - 1px);
}
.product-single__sku{
margin-bottom:5px;
}
.product-single__description-full{
margin:30px 0
}
.product-single__description-full+.collapsibles-wrapper{
margin:0 0;
}
@media only screen and (min-width:769px){
.product-single__description-full{
margin:30px 95px
}
.product-single__description-full+.collapsibles-wrapper{
margin:0 95px;
}
}
.product-single__variants{
display:none
}
.no-js .product-single__variants{
display:block;
margin-bottom:30px
}
.product-image-main{
position:relative;
}
[data-button_style=angled] .product-image-main .btn:not(.product__photo-zoom){
display:inline-block;
top:50%;
position:absolute;
}
.product__video-wrapper{
position:relative;
overflow:hidden;
max-width:100%;
padding-bottom:100%;
height:auto;
background-color:{{ settings.color_small_image_bg | default: "#eee" }};
background-color:var(--colorSmallImageBg)
}
.product__video-wrapper iframe{
width:100%;
height:100%;
transition:opacity 0.5s ease-in;
}
.product__video-wrapper[data-video-style=muted].loaded:before{
content:"";
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
z-index:1;
}
.product__video-wrapper.video-interactable:before{
display:none;
}
.product__video-wrapper.loaded:after{
display:none;
}
.product__video-wrapper.loading iframe{
opacity:0.01;
}
.product__video-wrapper.loaded iframe{
opacity:1;
}
.product__video{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.product-video-trigger{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%);
}
.product__photos--beside{
display:flex;
width:100%;
}
.product__photos{
direction:ltr
}
.product__photos a{
display:block;
max-width:100%;
}
.product__photos img{
display:block;
margin:0 auto;
max-width:100%;
width:100%;
}
.product__main-photos{
position:relative;
flex:1 1 auto
}
.product__main-photos img{
display:none;
}
.product__main-photos .flickity-page-dots{
display:none;
}
@media only screen and (max-width:768px){
.product__main-photos{
margin-bottom:30px;
margin-left:-17px;
margin-right:-17px
}
.product__main-photos .flickity-page-dots{
display:block;
}
}
.product-main-slide:not(.is-selected) button,.product-main-slide:not(.is-selected) iframe,.product-main-slide:not(.is-selected) model-viewer,.product-main-slide:not(.is-selected) video{
display:none;
}
.product-main-slide{
display:none;
width:100%;
overflow:hidden
}
.product-main-slide:first-child{
display:block;
}
.flickity-slider .product-main-slide{
display:block
}
@media only screen and (max-width:768px){
.grid--product-images--partial .flickity-slider .product-main-slide{
width:75%;
margin-right:4px
}
}
.product__thumbs{
position:relative;
}
.product__thumbs--below{
margin-top:8.5px
}
@media only screen and (min-width:769px){
.product__thumbs--below{
margin-top:15px
}
}
.product__thumbs--beside{
flex:0 0 60px;
max-width:60px;
margin-left:8.5px
}
@media only screen and (min-width:769px){
.product__thumbs--beside{
flex:0 0 80px;
max-width:80px;
margin-left:15px
}
.product__thumbs--beside.product__thumbs-placement--left{
order:-1;
margin-left:0;
margin-right:15px;
}
}
.product__thumbs--scroller{
scrollbar-width:none;
scroll-behavior:smooth;
-ms-overflow-style:-ms-autohiding-scrollbar
}
.product__thumbs--scroller::-webkit-scrollbar{
height:0;
width:0;
}
.product__thumbs--below .product__thumbs--scroller{
overflow-x:scroll;
white-space:nowrap
}
.product__thumbs--beside .product__thumbs--scroller{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
width:100%;
overflow-y:scroll
}
.product__thumb-item{
border:2px solid transparent
}
.product__thumb-item a.is-active,.product__thumb-item a:focus{
outline:none
}
.product__thumb-item a.is-active:before,.product__thumb-item a:focus:before{
content:"";
display:block;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
box-shadow:inset 0 0 0 2px {{ settings.color_body_text | default:"#1c1d1d" }};
box-shadow:inset 0 0 0 2px var(--colorTextBody);
z-index:1;
}
.product__thumb-item a:active:before{
content:none;
}
.product__thumbs--beside .product__thumb-item{
margin-bottom:8.5px
}
@media only screen and (min-width:769px){
.product__thumbs--beside .product__thumb-item{
margin-bottom:15px
}
}
.product__thumbs--beside .product__thumb-item:last-child{
margin-bottom:0;
}
.product__thumbs--below .product__thumb-item{
display:inline-block;
vertical-align:middle;
margin-right:8.5px;
max-width:80px
}
@media only screen and (min-width:769px){
.product__thumbs--below .product__thumb-item{
margin-right:15px
}
}
.product__thumbs--below .product__thumb-item:last-child{
margin-right:0;
}
.product__price{
color:{{ settings.color_price | default: "#1c1d1d" }};
color:var(--colorPrice);
margin-right:5px;
font-size:calc(var(--typeBaseSize) + 2px)
}
.product__price.on-sale{
padding-right:5px;
}
.product__unit-price{
font-size:0.8em;
opacity:0.8;
}
.product__unit-price--spacing{
margin-top:10px;
}
.product__price--compare{
padding-right:5px;
display:inline-block;
text-decoration:line-through;
}
.product__price-savings{
color:{{ settings.color_savings_text | default: "#1c1d1d" }};
color:var(--colorTextSavings);
white-space:nowrap;
}
.product__quantity label{
display:block;
margin-bottom:10px;
}
.product-form-holder--loaded{
animation:fade-in 1s ease;
}
.add-to-cart[disabled]+.shopify-payment-button{
display:none;
}
.product-slideshow.flickity-enabled .product-main-slide{
display:none;
}
.product-slideshow.flickity-enabled .flickity-viewport .product-main-slide{
display:block;
}
.product__photo-zoom{
position:absolute !important;
bottom:0;
right:0;
cursor:zoom-in
}
@media only screen and (max-width:768px){
.product__photo-zoom{
padding:6px
}
.product__main-photos .product__photo-zoom{
margin-bottom:10px;
margin-right:10px
}
.product-slideshow .product__photo-zoom{
opacity:0;
transition:opacity 0.5s ease-out
}
.product-slideshow .is-selected .product__photo-zoom{
opacity:1
}
}
@media only screen and (min-width:769px){
.product__photo-zoom{
opacity:0;
width:100%;
top:0;
left:0;
margin:0;
border-radius:0
}
.product__photo-zoom span,.product__photo-zoom svg{
display:none;
}
}
.product__thumb-arrow{
position:absolute;
background:{{ settings.color_body_bg | default: "#fff" }};
background:var(--colorBody);
color:{{ settings.color_body_text | default: "#1c1d1d" }};
color:var(--colorTextBody);
transform:none;
border-radius:0;
padding:0;
z-index:2
}
.product__thumb-arrow .icon{
display:inline-block;
width:6px;
height:10px;
}
.product__thumbs[data-position=below] .product__thumb-arrow{
top:0;
height:100%;
width:25px
}
.product__thumbs[data-position=below] .product__thumb-arrow.product__thumb-arrow--prev{
left:0;
text-align:left;
}
.product__thumbs[data-position=below] .product__thumb-arrow.product__thumb-arrow--next{
right:0;
text-align:right;
}
.product__thumbs[data-position=beside] .product__thumb-arrow{
width:100%
}
.product__thumbs[data-position=beside] .product__thumb-arrow .icon{
margin:0 auto;
transform:rotate(90deg);
}
.product__thumbs[data-position=beside] .product__thumb-arrow.product__thumb-arrow--prev{
top:0;
left:auto;
padding-bottom:10px;
}
.product__thumbs[data-position=beside] .product__thumb-arrow.product__thumb-arrow--next{
top:auto;
bottom:0;
right:auto;
padding-top:10px;
}
.product__thumb{
position:relative;
display:block;
cursor:pointer
}
.product__thumb>.image-wrap img{
position:static;
height:auto;
}
.product__thumb-icon{
position:absolute;
top:5px;
right:5px;
background-color:{{ settings.color_body_text | default: "#1c1d1d" }};
background-color:var(--colorTextBody);
border-radius:100px;
padding:6px;
z-index:1;
opacity:0;
transition:opacity 0.5s ease;
font-size:0
}
.aos-animate .product__thumb-icon{
opacity:1
}
.product__thumb-icon .icon{
fill:{{ settings.color_body_bg | default: "#fff" }};
fill:var(--colorBody);
width:10px;
height:10px
}
@media only screen and (min-width:769px){
.product__thumb-icon .icon{
width:13px;
height:13px
}
}
.product__policies{
font-size:0.85em;
text-align: center;
}
.shopify-payment-terms{
margin:12px 0
}
.shopify-payment-terms:empty{
display:none;
}
.modal .shopify-payment-terms{
display:none
}
.template-blog .article{
margin-bottom:45px
}
@media only screen and (min-width:769px){
.template-blog .article{
margin-bottom:90px
}
}
.template-blog .article:last-child{
margin-bottom:0
}
@media only screen and (min-width:769px){
.template-blog .article:last-child{
margin-bottom:45px
}
}
.article__body{
margin-bottom:15px
}
@media only screen and (min-width:769px){
.article__body{
margin-bottom:30px
}
}
.article__comment{
margin-bottom:30px
}
.article__comment:last-child{
margin-bottom:0;
}
.password-page__header__grid{
display:flex;
flex:1 1 auto;
align-items:center;
justify-content:space-between;
}
.password-page__logo h1{
margin-bottom:0;
}
.password-page__logo .logo{
max-width:100%;
}
.password-login{
display:block;
margin:0 auto;
padding:7.5px 15px;
}
.password-form{
margin-bottom:1em;
}
.password__lock .icon{
position:relative;
top:-2px;
margin-right:4px;
width:24px;
height:24px;
}
.icon-shopify-logo{
width:60px;
height:20px;
}
@media only screen and (max-width:768px){
#LoginModal .modal__close{
padding:20px
}
}
#LoginModal .modal__inner{
background:{{ settings.color_body_bg | default: "#fff" }};
background:var(--colorBody);
color:{{ settings.color_body_text | default: "#1c1d1d" }};
color:var(--colorTextBody);
padding:30px
}
@media only screen and (max-width:768px){
#LoginModal .modal__inner{
margin-bottom:40vh
}
}
.password-admin-link{
margin:0
}
.password-admin-link a{
border-bottom:2px solid !important;
border-bottom-color:{{ settings.color_borders | default: "#1c1d1d" }} !important;
border-bottom-color:var(--colorBorder) !important;
}
.template-giftcard,.template-giftcard body{
background:{{ settings.color_body_bg | default: "#fff" }};
background:var(--colorBody)
}
.template-giftcard a,.template-giftcard body a{
text-decoration:none;
}
.template-giftcard .page-width{
max-width:588px;
}
.giftcard-header{
padding:60px 0;
font-size:1em;
text-align:center
}
.giftcard-header a{
display:block;
margin:0 auto;
}
.template-giftcard .shop-url{
display:none;
}
.giftcard__border{
padding:1.5em;
box-shadow:0 10px 30px rgba(0, 0, 0, 0.3);
}
.giftcard__content:after{content:"";display:table;clear:both;}
.giftcard__content{
background-color:{{ settings.color_body_bg | default: "#fff" }};
background-color:var(--colorBody);
color:{{ settings.color_body_text | default: "#1c1d1d" }};
color:var(--colorTextBody);
}
.giftcard__header:after{content:"";display:table;clear:both;}
.giftcard__header{
padding:15px;
}
.giftcard__title{
float:left;
margin-bottom:0;
}
.giftcard__tag{
display:block;
float:right;
background-color:{{ settings.color_body_text | default: "#1c1d1d" }};
background-color:var(--colorTextBody);
border:1px solid transparent;
color:{{ settings.color_body_bg | default: "#fff" }};
color:var(--colorBody);
padding:10px;
border-radius:4px;
font-size:0.75em;
text-transform:uppercase;
letter-spacing:.05em;
line-height:1;
}
.giftcard__tag--active{
background:transparent;
color:{{ settings.color_body_text | default: "#1c1d1d" }};
color:var(--colorTextBody);
border:1px solid;
border-color:{{ settings.color_borders | default: "#1c1d1d" }};
border-color:var(--colorBorder);
}
.giftcard__wrap{
position:relative;
margin:15px 15px 30px
}
.giftcard__wrap img{
position:relative;
display:block;
border-radius:10px;
z-index:2;
}
.giftcard__code{
position:absolute;
bottom:30px;
text-align:center;
width:100%;
z-index:50;
}
.giftcard__code--medium{
font-size:.875em;
}
.giftcard__code--small{
font-size:.75em;
}
.giftcard__code__inner{
display:inline-block;
vertical-align:baseline;
background-color:#fff;
padding:.5em;
border-radius:4px;
max-width:450px;
box-shadow:0 0 0 1px rgba(0, 0, 0, 0.1)
}
.giftcard__code--small .giftcard__code__inner{
overflow:auto
}
.giftcard__code__text{
font-weight:400;
font-size:1.875em;
text-transform:uppercase;
border-radius:2px;
border:1px dashed;
border-color:{{ settings.color_borders | default: "#1c1d1d" }};
border-color:var(--colorBorder);
padding:.4em .5em;
display:inline-block;
vertical-align:baseline;
color:{{ settings.color_body_text | default: "#1c1d1d" }};
color:var(--colorTextBody);
line-height:1
}
.disabled .giftcard__code__text{
color:#999;
text-decoration:line-through
}
.giftcard__amount{
position:absolute;
top:0;
right:0;
color:#fff;
font-size:2.75em;
line-height:1.2;
padding:15px;
z-index:50
}
.giftcard__amount strong{
display:block;
text-shadow:3px 3px 0 rgba(0, 0, 0, 0.1);
}
.giftcard__amount--medium{
font-size:2em;
}
.tooltip{
display:block;
position:absolute;
top:-50%;
right:50%;
margin-top:16px;
z-index:3;
color:#fff;
text-align:center;
white-space:nowrap
}
.tooltip:before{
content:"";
display:block;
position:absolute;
left:100%;
bottom:0;
width:0;
height:0;
margin-left:-5px;
margin-bottom:-5px;
border-left:8px solid transparent;
border-right:8px solid transparent;
border-top:5px solid #333;
border-top:5px solid rgba(51, 51, 51, 0.9);
}
.tooltip__label{
display:block;
position:relative;
right:-50%;
border:none;
border-radius:4px;
background:#333;
background:rgba(51, 51, 51, 0.9);
min-height:14px;
font-weight:400;
font-size:12px;
text-decoration:none;
line-height:16px;
text-shadow:none;
padding:.5em .75em;
margin-left:.25em
}
.tooltip__label small{
text-transform:uppercase;
letter-spacing:.1em;
color:#b3b3b3;
font-size:.875em;
}
.giftcard__instructions{
text-align:center;
margin:0 15px 30px;
}
.giftcard__actions{
position:relative;
text-align:center;
overflow:hidden;
padding-bottom:1em;
}
.template-giftcard .action-link{
position:absolute;
left:15px;
top:50%;
font-size:0.875em;
font-weight:700;
display:block;
padding-top:4px;
text-transform:uppercase;
letter-spacing:.2em;
margin-top:-10px
}
.template-giftcard .action-link:focus,.template-giftcard .action-link:hover{
color:{{ settings.color_body_text | default: "#1c1d1d" }};
color:var(--colorTextBody);
}
.template-giftcard .action-link__print{
display:inline-block;
vertical-align:baseline;
width:17px;
height:17px;
vertical-align:middle;
margin-right:10px;
opacity:1;
background-image:url(//cdn.shopify.com/s/assets/gift-card/icon-print-164daa1ae32d10d1f9b83ac21b6f2c70.png);
background-repeat:no-repeat;
background-position:0 0;
}
.giftcard__footer{
text-align:center;
padding:60px 0;
}
#QrCode img{
padding:30px;
border:1px solid;
border-color:{{ settings.color_borders | default: "#1c1d1d" }};
border-color:var(--colorBorder);
border-radius:4px;
margin:0 auto 30px;
}
@media only screen and (max-width:768px){
.giftcard{
font-size:12px;
}
.giftcard-header{
padding:30px 0;
}
.header-logo{
font-size:2em;
}
.giftcard__border{
padding:15px;
}
.giftcard__actions{
padding:15px;
}
.giftcard__actions .btn{
width:100%;
padding-left:0;
padding-right:0;
}
.template-giftcard .action-link{
display:none;
}
}
@media screen and (max-width:400px){
.giftcard__amount strong{
text-shadow:2px 2px 0 rgba(0, 0, 0, 0.1);
}
.giftcard__wrap:after,.giftcard__wrap:before{
display:none;
}
.giftcard__code{
font-size:.75em;
}
.giftcard__code--medium{
font-size:.65em;
}
.giftcard__code--small{
font-size:.55em;
}
}
@media screen and (max-height:800px){
.header-logo img{
max-height:90px;
}
}
@media print{
@page{
margin:0.5cm;
}
h2,h3,p{
orphans:3;
widows:3;
}
h2,h3{
page-break-after:avoid;
}
body,html{
background-color:#fff;
}
.giftcard-header{
padding:10px 0;
}
.giftcard__border,.giftcard__content{
border:0 none;
}
.add-to-apple-wallet,.giftcard__actions,.giftcard__wrap:after,.giftcard__wrap:before,.site-header__logo-link img:nth-child(2),.tooltip{
display:none;
}
.giftcard__title{
float:none;
text-align:center;
}
.giftcard__code__text{
color:#555;
}
.template-giftcard .shop-url{
display:block;
}
.template-giftcard .logo{
color:#58686f;
}
}