/** Shopify CDN: Minification failed
Line 53:0 "@charset" must be the first rule in the file
Line 110:0 Unexpected "}"
Line 24236:4 Unexpected "("
Line 24263:2 Expected identifier but found "#BCABDA"
Line 24339:0 Expected "}" to go with "{"
**/
@charset "UTF-8";
/**
* Verb fonts
*/
@font-face {
font-family: 'linetocircularbook';
src: url("/cdn/shop/t/9/assets/linetocircularbook.eot?v=12957387521834304185");
src: url("/cdn/shop/t/9/assets/linetocircularbook.eot?%23iefix&v=12957387521834304185") format("embedded-opentype"),
url("/cdn/shop/t/9/assets/linetocircularbook.woff2?v=18278269382668551278") format("woff2"),
url("/cdn/shop/t/9/assets/linetocircularbook.woff?v=15492408449767328599") format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Circular_Std_Book';
src: url("https://cdn.shopify.com/s/files/1/0573/0061/5202/files/Circular_Std_Book.woff2?v=1658928139") format("woff2"),
}
@font-face {font-family: "Eames Century Modern Thin"; src:
url("//db.onlinewebfonts.com/t/62d4c42b1d2b39b889a1b56bbeca74d3.eot"); src:
url("//db.onlinewebfonts.com/t/62d4c42b1d2b39b889a1b56bbeca74d3.eot?#iefix") format("embedded-opentype"),
url("//db.onlinewebfonts.com/t/62d4c42b1d2b39b889a1b56bbeca74d3.woff2") format("woff2"),
url("//db.onlinewebfonts.com/t/62d4c42b1d2b39b889a1b56bbeca74d3.woff") format("woff"),
url("//db.onlinewebfonts.com/t/62d4c42b1d2b39b889a1b56bbeca74d3.ttf") format("truetype"),
url("//db.onlinewebfonts.com/t/62d4c42b1d2b39b889a1b56bbeca74d3.svg#Eames Century Modern Thin") format("svg"); }
@font-face{
font-family:'linetocircularmedium';
src:url("/cdn/shop/t/9/assets/linetocircularmedium.eot?v=12957387521834304185");
src:url("/cdn/shop/t/9/assets/linetocircularmedium.eot?%23iefix&v=12957387521834304185") format("embedded-opentype"),
url("/cdn/shop/t/9/assets/linetocircularmedium.woff2?v=18278269382668551278") format("woff2"),
url("/cdn/shop/t/9/assets/linetocircularmedium.woff?v=15492408449767328599") format("woff");
font-weight:normal;
font-style:normal
}
@font-face {
font-family: 'linetocircularbold';
src: url("/cdn/shop/t/9/assets/linetocircularbold.eot?v=12957387521834304185");
src: url("/cdn/shop/t/9/assets/linetocircularbold.eot?%23iefix&v=12957387521834304185") format("embedded-opentype"),
url("/cdn/shop/t/9/assets/linetocircularbold.woff2?v=18278269382668551278") format("woff2"),
url("/cdn/shop/t/9/assets/linetocircularbold.woff?v=15492408449767328599") format("woff");
font-weight: normal;
font-style: normal;
}
@charset "utf-8";@font-face{font-family:linetocircularbook;src:url("/cdn/shop/t/9/assets/linetocircularbook.eot?v=12957387521834304185");src:url("/cdn/shop/t/9/assets/linetocircularbook.eot?%23iefix&v=12957387521834304185") format("embedded-opentype"),url("/cdn/shop/t/9/assets/linetocircularbook.woff2?v=18278269382668551278") format("woff2"),url("/cdn/shop/t/9/assets/linetocircularbook.woff?v=15492408449767328599") format('woff');font-weight:400;font-style:normal}@font-face{font-family:linetocircularmedium;src:url("/cdn/shop/t/9/assets/linetocircularmedium.eot?v=12957387521834304185");src:url("/cdn/shop/t/9/assets/linetocircularmedium.eot?%23iefix&v=12957387521834304185") format("embedded-opentype"),url("/cdn/shop/t/9/assets/linetocircularmedium.woff2?v=18278269382668551278") format("woff2"),url("/cdn/shop/t/9/assets/linetocircularmedium.woff?v=15492408449767328599") format("woff");font-weight:400;font-style:normal}@font-face{font-family:linetocircularbold;src:url("/cdn/shop/t/9/assets/linetocircularbold.eot?v=12957387521834304185");src:url("/cdn/shop/t/9/assets/linetocircularbold.eot?%23iefix&v=12957387521834304185") format("embedded-opentype"),url("/cdn/shop/t/9/assets/linetocircularbold.woff2?v=18278269382668551278") format("woff2"),url("/cdn/shop/t/9/assets/linetocircularbold.woff?v=15492408449767328599") format("woff");font-weight:400;font-style:normal}[hidden]{display:none!important}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}:active{outline:0}b,strong{font-family:linetocircularbold,sans-serif;font-weight:100;cursor:pointer}body span.mo-break{display:inline}body span.tab-break{display:none}body span.dt-break{display:none}body .section-mo{display:block}body .section-tab{display:none}body .section-dt{display:none}@media screen and (min-width:641px){body span.mo-break{display:none}body span.tab-break{display:inline}body span.dt-break{display:none}body .section-mo{display:none}body .section-tab{display:block}body .section-dt{display:none}}@media screen and (min-width:1008px){body span.mo-break{display:none}body span.tab-break{display:none}body span.dt-break{display:inline}body .section-mo{display:none}body .section-tab{display:none}body .section-dt{display:block}}small{font-size:80%}h1:last-child,h2:last-child,h3:last-child,h4:last-child,h5:last-child,h6:last-child,p:last-child{margin-bottom:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:16px}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}.cart-attribute__field input{-webkit-appearance:checkbox}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input::-moz-placeholder,textarea::-moz-placeholder{color:inherit}input::placeholder,textarea::placeholder{color:inherit}fieldset{border:1px solid silver;margin:0 2px;padding:6px 10px 12px}legend{border:0;padding:0}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.Grid{display:block;list-style:none;padding:0;margin:0 0 0 -24px;font-size:0}.Grid__Cell{box-sizing:border-box;display:inline-block;width:100%;padding:0 0 0 24px;margin:0;vertical-align:top;font-size:1rem}.Grid--center{text-align:center}.Grid--center>.Grid__Cell{text-align:left}.Grid__Cell--center{display:block;margin:0 auto}.Grid--right{text-align:right}.Grid--right>.Grid__Cell{text-align:left}.Grid--middle>.Grid__Cell{vertical-align:middle}.Grid--bottom>.Grid__Cell{vertical-align:bottom}.Grid--m{margin-left:-30px}.Grid--m>.Grid__Cell{padding-left:30px}.Grid--l{margin-left:-50px}.Grid--l>.Grid__Cell{padding-left:50px}.Grid--xl{margin-left:-50px}.Grid--xl>.Grid__Cell{padding-left:50px}@media screen and (min-width:1140px){.Grid--m{margin-left:-60px}.Grid--m>.Grid__Cell{padding-left:60px}.Grid--l{margin-left:-80px}.Grid--l>.Grid__Cell{padding-left:80px}.Grid--xl{margin-left:-100px}.Grid--xl>.Grid__Cell{padding-left:100px}}.\31\/2,.\32\/4,.\36\/12{width:50%}.\31\/3,.\34\/12{width:33.33333%}.\32\/3,.\38\/12{width:66.66667%}.\31\/4,.\33\/12{width:25%}.\33\/4,.\39\/12{width:75%}.\31\/12{width:8.33333%}.\32\/12{width:16.66667%}.\35\/12{width:41.66667%}.\37\/12{width:58.33333%}.\31\30\/12{width:83.33333%}.\31\31\/12{width:91.66667%}@media screen and (max-width:640px){.\31\/2--phone,.\32\/4--phone,.\36\/12--phone{width:50%}.\31\/3--phone,.\34\/12--phone{width:33.33333%}.\32\/3--phone,.\38\/12--phone{width:66.66667%}.\31\/4--phone,.\33\/12--phone{width:25%}.\33\/4--phone,.\39\/12--phone{width:75%}.\31\/12--phone{width:8.33333%}.\32\/12--phone{width:16.66667%}.\35\/12--phone{width:41.66667%}.\37\/12--phone{width:58.33333%}.\31\30\/12--phone{width:83.33333%}.\31\31\/12--phone{width:91.66667%}}@media screen and (min-width:641px) and (max-width:1007px){.hidden-tablet{display:none!important}.\31\/2--tablet,.\32\/4--tablet,.\36\/12--tablet{width:50%}.\31\/3--tablet,.\34\/12--tablet{width:33.33333%}.\32\/3--tablet,.\38\/12--tablet{width:66.66667%}.\31\/4--tablet,.\33\/12--tablet{width:25%}.\33\/4--tablet,.\39\/12--tablet{width:75%}.\31\/12--tablet{width:8.33333%}.\32\/12--tablet{width:16.66667%}.\35\/12--tablet{width:41.66667%}.\37\/12--tablet{width:58.33333%}.\31\30\/12--tablet{width:83.33333%}.\31\31\/12--tablet{width:91.66667%}}@media screen and (min-width:641px){.hidden-tablet-and-up{display:none!important}.\31\/2--tablet-and-up,.\32\/4--tablet-and-up,.\36\/12--tablet-and-up{width:50%}.\31\/3--tablet-and-up,.\34\/12--tablet-and-up{width:33.33333%}.\32\/3--tablet-and-up,.\38\/12--tablet-and-up{width:66.66667%}.\31\/4--tablet-and-up,.\33\/12--tablet-and-up{width:25%}.\33\/4--tablet-and-up,.\39\/12--tablet-and-up{width:75%}.\31\/12--tablet-and-up{width:8.33333%}.\32\/12--tablet-and-up{width:16.66667%}.\35\/12--tablet-and-up{width:41.66667%}.\37\/12--tablet-and-up{width:58.33333%}.\31\30\/12--tablet-and-up{width:83.33333%}.\31\31\/12--tablet-and-up{width:91.66667%}}@media screen and (max-width:1007px){.\31\/2--pocket,.\32\/4--pocket,.\36\/12--pocket{width:50%}.\31\/3--pocket,.\34\/12--pocket{width:33.33333%}.\32\/3--pocket,.\38\/12--pocket{width:66.66667%}.\31\/4--pocket,.\33\/12--pocket{width:25%}.\33\/4--pocket,.\39\/12--pocket{width:75%}.\31\/12--pocket{width:8.33333%}.\32\/12--pocket{width:16.66667%}.\35\/12--pocket{width:41.66667%}.\37\/12--pocket{width:58.33333%}.\31\30\/12--pocket{width:83.33333%}.\31\31\/12--pocket{width:91.66667%}}@media screen and (min-width:1008px) and (max-width:1139px){.hidden-lap{display:none!important}.\31\/2--lap,.\32\/4--lap,.\36\/12--lap{width:50%}.\31\/3--lap,.\34\/12--lap{width:33.33333%}.\32\/3--lap,.\38\/12--lap{width:66.66667%}.\31\/4--lap,.\33\/12--lap{width:25%}.\33\/4--lap,.\39\/12--lap{width:75%}.\31\/12--lap{width:8.33333%}.\32\/12--lap{width:16.66667%}.\35\/12--lap{width:41.66667%}.\37\/12--lap{width:58.33333%}.\31\30\/12--lap{width:83.33333%}.\31\31\/12--lap{width:91.66667%}}@media screen and (min-width:1008px){.hidden-lap-and-up{display:none!important}.\31\/2--lap-and-up,.\32\/4--lap-and-up,.\36\/12--lap-and-up{width:50%}.\31\/3--lap-and-up,.\34\/12--lap-and-up{width:33.33333%}.\32\/3--lap-and-up,.\38\/12--lap-and-up{width:66.66667%}.\31\/4--lap-and-up,.\33\/12--lap-and-up{width:25%}.\33\/12--lap-and-up,.template-search .\31\/4--lap-and-up{width:24%}.\33\/4--lap-and-up,.\39\/12--lap-and-up{width:75%}.\31\/12--lap-and-up{width:8.33333%}.\32\/12--lap-and-up{width:16.66667%}.\35\/12--lap-and-up{width:41.66667%}.\37\/12--lap-and-up{width:58.33333%}.\31\30\/12--lap-and-up{width:83.33333%}.\31\31\/12--lap-and-up{width:91.66667%}}@media screen and (min-width:1140px){.hidden-desk{display:none!important}.\31\/2--desk,.\32\/4--desk,.\36\/12--desk{width:50%}.\31\/3--desk,.\34\/12--desk{width:33.33333%}.\32\/3--desk,.\38\/12--desk{width:66.66667%}.\31\/4--desk,.\33\/12--desk{width:25%}.\33\/4--desk,.\39\/12--desk{width:75%}.\31\/12--desk{width:8.33333%}.\32\/12--desk{width:16.66667%}.\35\/12--desk{width:41.66667%}.\37\/12--desk{width:58.33333%}.\31\30\/12--desk{width:83.33333%}.\31\31\/12--desk{width:91.66667%}}@media screen and (min-width:1500px){.hidden-widescreen{display:none!important}.\31\/2--widescreen,.\32\/4--widescreen,.\36\/12--widescreen{width:50%}.\31\/3--widescreen,.\34\/12--widescreen{width:33.33333%}.\32\/3--widescreen,.\38\/12--widescreen{width:66.66667%}.\31\/4--widescreen,.\33\/12--widescreen{width:25%}.\33\/4--widescreen,.\39\/12--widescreen{width:75%}.\31\/12--widescreen{width:8.33333%}.\32\/12--widescreen{width:16.66667%}.\35\/12--widescreen{width:41.66667%}.\37\/12--widescreen{width:58.33333%}.\31\30\/12--widescreen{width:83.33333%}.\31\31\/12--widescreen{width:91.66667%}}/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */.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:0}.pswp img{max-width:none}.pswp--animate_opacity{opacity:.001;will-change:opacity;transition:opacity .5s cubic-bezier(.4, 0, .22, 1)}.pswp--open{display:block}.pswp--zoom-allowed .pswp__img{cursor:var(--cursor-zoom-in-svg) 18 18,zoom-in;cursor:-webkit-image-set(var(--cursor-zoom-in-svg) 1x,var(--cursor-zoom-in-2x-svg) 2x) 18 18,zoom-in}.pswp--zoomed-in .pswp__img{cursor:-webkit-grab;cursor:grab}.pswp--dragging .pswp__img{cursor:-webkit-grabbing;cursor:grabbing}.pswp__bg{position:absolute;left:0;top:0;width:100%;height:100%;background:var(--background);opacity:0;transform:translateZ(0);-webkit-backface-visibility:hidden;will-change:opacity}.pswp__scroll-wrap{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden}.pswp__container,.pswp__zoom-wrap{touch-action:none;position:absolute;left:0;right:0;top:0;bottom:0}.pswp__container,.pswp__img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.pswp__container{transition:transform .7s cubic-bezier(.645, .045, .355, 1)}.pswp__zoom-wrap{position:absolute;width:100%;transform-origin:left top;transition:transform .5s cubic-bezier(.4, 0, .22, 1)}.pswp__bg{will-change:opacity;transition:opacity .5s cubic-bezier(.4, 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__img--placeholder--blank{background:var(--background)}.pswp--ie .pswp__img{width:100%!important;height:auto!important;left:0;top:0}.pswp__ui{position:absolute;visibility:hidden;width:100%;bottom:50px;opacity:0;transform:translateY(35px);left:0;text-align:center;transition:all .15s ease-in-out}.pswp__button[disabled]{opacity:0;pointer-events:none}.pswp--animated-in .pswp__ui{visibility:visible;opacity:1;transform:translateY(0)}.pswp--animated-in .pswp__ui--hidden{visibility:hidden;opacity:0}.pswp__button--close{margin:0 18px}.pswp__button svg{pointer-events:none}.pswp__error-msg{position:absolute;top:40%;margin:0 15px;padding:8px 15px;background:#e6554d;color:#fff;text-align:center}.no-scroll{overflow:hidden}body:not(.is-tabbing) [tabindex]:focus,body:not(.is-tabbing) button:focus,body:not(.is-tabbing) input:focus,body:not(.is-tabbing) select:focus,body:not(.is-tabbing) textarea:focus{outline:0}.Container--narrow{max-width:1420px}.Container--extraNarrow{max-width:800px}.FlexboxIeFix{display:flex;flex-direction:row}@media screen and (min-width:1140px){.Container{padding:0 80px}}.Link--primary.is-active,.supports-hover .Link--primary:hover{color:var(--text-color)}.Link--secondary.is-active,.supports-hover .Link--secondary:hover{color:var(--text-color-light)}@media (-moz-touch-enabled:0),(hover:hover){.Link--underline:hover::before{transform:scale(0,1)}}.features--heading-uppercase .Link--underlineShort::before{width:calc(100% - .2em)}.Link--underlineNative{text-decoration:underline;text-underline-position:under}.features--heading-uppercase .Heading{letter-spacing:.2em;text-transform:uppercase}.Text--alignCenter{text-align:center!important}.Text--alignRight{text-align:right!important}.features--heading-small .Rte h1,.features--heading-small .u-h1{font-size:20px}.features--heading-small .Rte h2,.features--heading-small .u-h2{font-size:18px}.features--heading-small .Rte h3,.features--heading-small .u-h3{font-size:16px}.features--heading-small .Rte h4,.features--heading-small .u-h4{font-size:15px}.features--heading-small .Rte h5,.features--heading-small .u-h5{font-size:13px}.features--heading-small .u-h8{font-size:10px}.features--heading-normal .Rte h3,.features--heading-normal .u-h3{font-size:18px}.features--heading-normal .Rte h4,.features--heading-normal .u-h4{font-size:16px}.features--heading-normal .Rte h5,.features--heading-normal .u-h5{font-size:14px}.features--heading-normal .Rte h6,.features--heading-normal .u-h6{font-size:16px}.features--heading-normal .u-h7{font-size:12px}.features--heading-normal .u-h8{font-size:12px}.features--heading-large .Rte h1,.features--heading-large .u-h1{font-size:24px}.features--heading-large .Rte h2,.features--heading-large .u-h2{font-size:22px}.features--heading-large .Rte h3,.features--heading-large .u-h3{font-size:20px}.features--heading-large .Rte h4,.features--heading-large .u-h4{font-size:18px}.features--heading-large .Rte h5,.features--heading-large .u-h5{font-size:16px}.features--heading-large .Rte h6,.features--heading-large .u-h6{font-size:15px}.features--heading-large .u-h7{font-size:13px}.features--heading-large .u-h8{font-size:13px}@media screen and (min-width:641px){.features--heading-small .Rte h1,.features--heading-small .u-h1{font-size:50px;font-weight:100!important}.features--heading-small .Rte h2,.features--heading-small .u-h2{font-size:18px}.features--heading-small .Rte h3,.features--heading-small .u-h3{font-size:18px}.features--heading-small .Rte h4,.features--heading-small .u-h4{font-size:16px}.features--heading-small .Rte h5,.features--heading-small .u-h5{font-size:13px}.features--heading-small .Rte h6,.features--heading-small .u-h6{font-size:12px}.features--heading-small .u-h7{font-size:11px}.features--heading-small .u-h8{font-size:10px}.features--heading-normal .Rte h1,.features--heading-normal .u-h1{font-size:50px;font-weight:100!important}.features--heading-normal .Rte h2,.features--heading-normal .u-h2{font-size:37px}.features--heading-normal .Rte h3,.features--heading-normal .u-h3{font-size:20px}.features--heading-normal .Rte h4,.features--heading-normal .u-h4{font-size:17px}.features--heading-normal .Rte h5,.features--heading-normal .u-h5{font-size:14px}.features--heading-normal .Rte h6,.features--heading-normal .u-h6{font-size:18px;letter-spacing:.025em;font-weight:400}.features--heading-normal .u-h7{font-size:18px;letter-spacing:.025em;font-weight:400}.features--heading-normal .u-h8{font-size:12px}.features--heading-large .Rte h1,.features--heading-large .u-h1{font-size:50px;font-weight:100!important}.features--heading-large .Rte h2,.features--heading-large .u-h2{font-size:22px}.features--heading-large .Rte h3,.features--heading-large .u-h3{font-size:20px}.features--heading-large .Rte h4,.features--heading-large .u-h4{font-size:19px}.features--heading-large .Rte h5,.features--heading-large .u-h5{font-size:16px}.features--heading-large .Rte h6,.features--heading-large .u-h6{font-size:16px}.features--heading-large .u-h7{font-size:18px}.features--heading-large .u-h8{font-size:13px}}@media (-moz-touch-enabled:0),(hover:hover){.features--show-button-transition .Button:not([disabled])::before,.features--show-button-transition .shopify-payment-button__button--unbranded:not([disabled])::before,.features--show-button-transition .spr-button-primary:not(input):not([disabled])::before,.features--show-button-transition .spr-pagination-next>a:not([disabled])::before,.features--show-button-transition .spr-pagination-prev>a:not([disabled])::before,.features--show-button-transition .spr-summary-actions-newreview:not([disabled])::before,.features--show-button-transition input.spr-button-primary:not([disabled])::before{transition:transform .45s cubic-bezier(.785, .135, .15, .86)}.features--show-button-transition .Button:not([disabled]):hover::before,.features--show-button-transition .shopify-payment-button__button--unbranded:not([disabled]):hover::before,.features--show-button-transition .spr-button-primary:not(input):not([disabled]):hover::before,.features--show-button-transition .spr-pagination-next>a:not([disabled]):hover::before,.features--show-button-transition .spr-pagination-prev>a:not([disabled]):hover::before,.features--show-button-transition .spr-summary-actions-newreview:not([disabled]):hover::before,.features--show-button-transition input.spr-button-primary:not([disabled]):hover::before{transform-origin:right center;transform:scale(0,1)}}.Button[disabled],.shopify-payment-button__button--unbranded[disabled],.spr-button-primary:not(input)[disabled],.spr-pagination-next>a[disabled],.spr-pagination-prev>a[disabled],.spr-summary-actions-newreview[disabled],input.spr-button-primary[disabled]{cursor:not-allowed}@media (-moz-touch-enabled:0),(hover:hover){.features--show-button-transition .Button--primary:not([disabled]):hover,.features--show-button-transition .shopify-payment-button__button--unbranded:not([disabled]):hover,.features--show-button-transition .spr-button-primary:not(input):not([disabled]):hover,.features--show-button-transition .spr-summary-actions-newreview:not([disabled]):hover{color:var(--button-background);background-color:transparent}}.Button--secondary,.spr-pagination-next>a,.spr-pagination-prev>a{color:var(--text-color-light);border:1px solid rgba(var(--text-color-light-rgb),.2)}.Button--secondary::before,.spr-pagination-next>a::before,.spr-pagination-prev>a::before{background-color:var(--button-background);transform-origin:right center;transform:scale(0,1)}@media (-moz-touch-enabled:0),(hover:hover){.features--show-button-transition .Button--secondary:not([disabled]):hover,.features--show-button-transition .spr-pagination-next>a:not([disabled]):hover,.features--show-button-transition .spr-pagination-prev>a:not([disabled]):hover{color:var(--button-text-color);border-color:var(--button-background)}.features--show-button-transition .Button--secondary:not([disabled]):hover::before,.features--show-button-transition .spr-pagination-next>a:not([disabled]):hover::before,.features--show-button-transition .spr-pagination-prev>a:not([disabled]):hover::before{transform-origin:left center;transform:scale(1,1)}}.Button--stretched{padding-left:40px;padding-right:40px}.Button--small{font-size:calc(var(--base-text-font-size) - (var(--default-text-font-size) - 10px));padding:12px 24px}.ButtonWrapper{text-align:center}.Button__PrimaryState,.Button__SecondaryState{display:block;transition:transform .4s cubic-bezier(.75, 0, .125, 1),opacity .4s cubic-bezier(.75, 0, .125, 1)}.Button__SecondaryState{position:absolute;left:50%;top:50%;width:100%;text-align:center;opacity:0;transform:translate(-50%,100%)}.Button--secondaryState .Button__PrimaryState{opacity:0;transform:translateY(-100%)}.Button--secondaryState .Button__SecondaryState{opacity:1;transform:translate(-50%,-50%)}.left-bottom-coll-image-head .ButtonGroup{margin:0!important}.left-bottom-coll-image-head .left-bottom-coll-image-title-dt .ButtonGroup{justify-content:left;align-items:flex-start}.ButtonGroup__Item--expand{flex:1 1 0}.ButtonGroup--sameSize .ButtonGroup__Item{flex:0 1 auto;white-space:nowrap;max-width:245px}@supports ((-o-object-fit:cover) or (object-fit:cover)){.ButtonGroup--sameSize .ButtonGroup__Item{flex:1 1 0}}@media screen and (min-width:641px){@supports (display:inline-grid){.ButtonGroup--sameSize{display:inline-grid;grid-template-columns:1fr 1fr}.ButtonGroup--sameSize .ButtonGroup__Item{max-width:none}}}.ButtonGroup a.ButtonGroup__Item:first-child{margin-right:11px}@media screen and (min-width:641px){.ButtonGroup a.ButtonGroup__Item:first-child{margin-right:17px}.ButtonGroup a.ButtonGroup__Item:last-child{margin-left:17px}.left-bottom-coll-image-head .ButtonGroup a.ButtonGroup__Item:last-child{margin:0 0 0 20%!important}}.RoundButton.is-active,.flickity-prev-next-button.is-active{background:var(--button-background);color:var(--button-text-color);outline:0}.RoundButton--small{width:35px;height:35px}.RoundButton--small svg{height:14px;width:14px}.RoundButton--large{width:55px;height:55px}.RoundButton--large svg{height:15px;width:15px}.RoundButton--flat{box-shadow:0 1px 5px rgba(54,54,54,.15);color:rgba(var(--button-background-rgb),.5)}.RoundButton__PrimaryState,.RoundButton__SecondaryState{display:block;transition:transform .4s cubic-bezier(.75, 0, .125, 1),opacity .4s cubic-bezier(.75, 0, .125, 1)}.RoundButton__SecondaryState{position:absolute;left:50%;top:50%;width:100%;text-align:center;opacity:0;transform:translate(-50%,100%)}.RoundButton--secondaryState .RoundButton__PrimaryState{opacity:0;transform:translateY(-100%)}.RoundButton--secondaryState .RoundButton__SecondaryState{opacity:1;transform:translate(-50%,-50%)}@-webkit-keyframes buttonFromLeftToRight{0%{transform:translateX(0)}25%{opacity:0;transform:translateX(100%)}50%{opacity:0;transform:translateX(-100%)}75%{opacity:1;transform:translateX(0)}}@keyframes buttonFromLeftToRight{0%{transform:translateX(0)}25%{opacity:0;transform:translateX(100%)}50%{opacity:0;transform:translateX(-100%)}75%{opacity:1;transform:translateX(0)}}@-webkit-keyframes buttonFromRightToLeft{0%{transform:translateX(0)}25%{opacity:0;transform:translateX(-100%)}50%{opacity:0;transform:translateX(100%)}75%{opacity:1;transform:translateX(0)}}@keyframes buttonFromRightToLeft{0%{transform:translateX(0)}25%{opacity:0;transform:translateX(-100%)}50%{opacity:0;transform:translateX(100%)}75%{opacity:1;transform:translateX(0)}}@-webkit-keyframes buttonFromTopToBottom{0%{transform:translateY(0)}25%{opacity:0;transform:translateY(100%)}50%{opacity:0;transform:translateY(-100%)}75%{opacity:1;transform:translateY(0)}}@keyframes buttonFromTopToBottom{0%{transform:translateY(0)}25%{opacity:0;transform:translateY(100%)}50%{opacity:0;transform:translateY(-100%)}75%{opacity:1;transform:translateY(0)}}@media (-moz-touch-enabled:0),(hover:hover){.RoundButton:hover{transform:scale(1.1)}.RoundButton--small:hover{transform:scale(1.15)}.RoundButton:not([aria-expanded=true]):hover{color:var(--button-background)}.RoundButton[data-animate-left]:hover svg,.flickity-prev-next-button.previous:hover svg{-webkit-animation:buttonFromRightToLeft .5s ease-in-out forwards;animation:buttonFromRightToLeft .5s ease-in-out forwards}.RoundButton[data-animate-right]:hover svg,.flickity-prev-next-button.next:hover svg{-webkit-animation:buttonFromLeftToRight .5s ease-in-out forwards;animation:buttonFromLeftToRight .5s ease-in-out forwards}.RoundButton[data-animate-bottom]:hover svg{-webkit-animation:buttonFromTopToBottom .5s ease-in-out forwards;animation:buttonFromTopToBottom .5s ease-in-out forwards}}body:not(.is-tabbing) .flickity-enabled:focus{outline:0}.flickity-enabled.is-draggable .flickity-viewport{cursor:-webkit-grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}.flickity-prev-next-button{position:absolute}.flickity-prev-next-button[disabled]{opacity:0}.flickity-prev-next-button svg{width:auto;height:18px;stroke-width:1.5px;stroke:currentColor}@media screen and (min-width:641px){.flickity-page-dots .dot{width:10px;height:10px;margin:0 7px;border-width:2px}}.Carousel--fixed,.Carousel--fixed .Carousel__Cell,.Carousel--fixed .flickity-viewport{height:100%}.Carousel--insideDots .flickity-page-dots .dot.is-selected{background:currentColor}.Carousel--insideDots .flickity-prev-next-button{bottom:-25px;z-index:1}.Carousel--insideDots .flickity-prev-next-button.next{right:25px}.Carousel--insideDots .flickity-prev-next-button.previous{right:75px;margin-right:15px}@media screen and (min-width:1008px){.Carousel--insideDots .flickity-page-dots{bottom:28px;right:24px;left:auto}}.Collapsible--padded{padding-left:24px;padding-right:24px}@media screen and (min-width:641px){.Collapsible__Button{font-size:18px}}.Collapsible__Button[aria-expanded=true] .Collapsible__Plus::before{opacity:0}.Collapsible__Button[aria-expanded=true]+.Collapsible__Inner{visibility:visible;transition:height .35s ease-in-out}.Collapsible__Content .Rte{display:inline-block}@media screen and (min-width:641px){.Collapsible--autoExpand{border:none;overflow:visible}.Collapsible--autoExpand .Collapsible__Button{cursor:default;padding-top:0;padding-bottom:0;margin-bottom:18px}.Collapsible--autoExpand .Collapsible__Plus{display:none}.Collapsible--autoExpand .Collapsible__Inner{height:auto;visibility:visible;overflow:visible}.Collapsible--autoExpand .Collapsible__Content{padding-bottom:0}.Collapsible--autoExpand .Linklist{margin-bottom:0}.Collapsible--autoExpand{margin-bottom:32px}}@media screen and (min-width:1008px){.Collapsible--padded{padding-left:30px;padding-right:30px}.Collapsible--large .Collapsible__Button{padding:15px 0}.Collapsible--large .Collapsible__Content{padding-bottom:18px}}.Drawer:focus{outline:0}.Drawer--secondary{background:var(--light-background)}.Drawer[aria-hidden=false]{visibility:visible;transform:translateX(0)}.Drawer[aria-hidden=false]::before{opacity:1}.Drawer__Header--flexible{min-height:0!important;max-height:none!important;height:auto!important;padding-top:20px;padding-bottom:20px}.Drawer__Header--flexible .Drawer__Close{top:25px}.Drawer__Header--center{justify-content:center}.Drawer--secondary .Drawer__Header--bordered{box-shadow:0 -1px rgba(var(--border-color-rgb),.6) inset}.Drawer--secondary .Collapsible{border-bottom-color:rgba(var(--border-color-rgb),.6)}.Drawer--secondary .Drawer__Footer{box-shadow:0 -1px rgba(var(--border-color-rgb),.6)}.Drawer__Footer--padded{padding:24px}@media screen and (min-width:641px){.Drawer{width:400px;transform:translateX(-100%)}.Drawer--small{width:340px}.Drawer--fromRight{transform:translateX(100%)}.Drawer__Header{max-height:80px;min-height:60px}@supports (width:calc(max(100%))){.Drawer__Content{height:max(calc(100% - var(--header-height)),calc(100% - 80px));max-height:max(calc(100% - var(--header-height)),calc(100% - 80px))}}.Drawer--fromLeft .Drawer__Container,.Drawer--fromRight .Drawer__Container{padding-left:30px;padding-right:30px}.Drawer__Close{left:30px}.Drawer--fromRight .Drawer__Close{right:30px;left:auto}.Drawer__Close svg{stroke-width:1.5px}.Drawer__Footer--padded{padding:24px 30px}}.Drawer[aria-hidden=false] [data-drawer-animated-left],.Drawer[aria-hidden=false] [data-drawer-animated-right]{opacity:1;transform:translateX(0)}[data-drawer-animated-right]{transform:translateX(65px)}.Drawer[aria-hidden=false] [data-drawer-animated-bottom]{opacity:1;transform:translateY(0);transition:opacity .25s cubic-bezier(.25, .46, .45, .94) .45s,transform .25s cubic-bezier(.25, .46, .45, .94) .45s}.Form{width:100%}.Form__Input::-moz-placeholder,.Form__Textarea::-moz-placeholder,.spr-form-input-email::-moz-placeholder,.spr-form-input-text::-moz-placeholder,.spr-form-input-textarea::-moz-placeholder{color:var(--text-color-light)}.Form__Input:-ms-input-placeholder,.Form__Textarea:-ms-input-placeholder,.spr-form-input-email:-ms-input-placeholder,.spr-form-input-text:-ms-input-placeholder,.spr-form-input-textarea:-ms-input-placeholder{color:var(--text-color-light)}.Form__FloatingLabel{position:absolute;bottom:calc(100% - 8px);left:10px;padding:0 5px;line-height:normal;color:var(--text-color-light);font-size:calc(var(--base-text-font-size) - (var(--default-text-font-size) - 12px));opacity:0;background:rgba(var(--background-rgb),0);pointer-events:none;transform:translateY(3px);transition:all .3s ease-in-out}.Form__Input:not(:-moz-placeholder-shown)~.Form__FloatingLabel,.Form__Textarea:not(:-moz-placeholder-shown)~.Form__FloatingLabel{opacity:1;background:var(--background);transform:translateY(0)}.Form__Input:not(:-ms-input-placeholder)~.Form__FloatingLabel,.Form__Textarea:not(:-ms-input-placeholder)~.Form__FloatingLabel{opacity:1;background:var(--background);transform:translateY(0)}.Form__Input:not(:placeholder-shown)~.Form__FloatingLabel,.Form__Textarea:not(:placeholder-shown)~.Form__FloatingLabel{opacity:1;background:var(--background);transform:translateY(0)}.Form__Checkbox{position:absolute;opacity:0}.Form__Checkbox~label::before{display:inline-block;content:"";width:1em;height:1em;margin-right:10px;border:1px solid var(--border-color);vertical-align:-2px}.Form__Checkbox~svg{position:absolute;top:5px;left:1px;width:12px;height:12px;transform:scale(0);transition:transform .2s ease-in-out;will-change:transform}.Form__Checkbox:checked~label::before{border-color:var(--text-color)}.Form__Checkbox:checked~svg{transform:scale(1)}.Form__Alert,.spr-form-message{margin-bottom:20px}.Form__Submit{display:block;margin-top:20px}.Form__Label,.spr-form-label{display:block;padding-bottom:8px;font-size:calc(var(--base-text-font-size) - (var(--default-text-font-size) - 11px));text-transform:uppercase;font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-style:var(--heading-font-style);letter-spacing:.2em;line-height:normal;font-variant-ligatures:none}.Form__Legend-c-login{width:300px;text-align:center;margin:0 auto}.Form--small .Form__Input,.Form--small .Form__Textarea{font-size:calc(var(--base-text-font-size) - (var(--default-text-font-size) - 13px));padding-top:10px;padding-bottom:10px}.Form--spacingTight .Form__Item{margin-bottom:15px}.Form--spacingTight .Form__Alert{margin-bottom:20px}@media screen and (min-width:641px){.Form__Alert,.Form__Item{margin-bottom:30px}.Form__Group{display:flex}.Form__Group>.Form__Item{flex:1}.Form__Group>:nth-child(2){margin-left:30px}.Form--spacingTight .Form__Group>:nth-child(2){margin-left:15px}}.Form__Header{margin-bottom:24px;text-align:center}.Form__Hint{margin:24px 0 0 0}.Form__Hint:not(:last-child){margin-bottom:32px}.Form__Hint--center{text-align:center}.Form__ItemHelp{position:absolute;right:12px;top:50%;font-size:calc(var(--base-text-font-size) - (var(--default-text-font-size) - 12px));color:var(--text-color-light);transform:translateY(-50%)}select::-ms-expand{display:none}.Select svg{position:absolute;line-height:normal;pointer-events:none;vertical-align:baseline;fill:currentColor}.Select select:focus::-ms-value{background:var(--background);color:var(--text-color)}.Select option{background:#fff;color:#000}.Select--primary::after{content:"";position:absolute;right:1px;top:1px;height:calc(100% - 2px);width:55px;background:linear-gradient(to right,rgba(var(--background-rgb),0),rgba(var(--background-rgb),.7) 20%,var(--background) 40%);pointer-events:none}.Select--primary select:active,.Select--primary select:focus{border-color:var(--text-color);outline:0}.Select--primary svg{top:calc(50% - 5px);right:15px;width:10px;height:10px;z-index:1}.Select--transparent select{padding-right:15px;background:0 0;border:none;font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-style:var(--heading-font-style);font-size:inherit;text-transform:uppercase;font-variant-ligatures:none}.features--heading-uppercase .Select--transparent select{letter-spacing:.2em}.Select--transparent svg{top:calc(50% - 3px);right:0;height:6px}.SelectButton{position:relative;color:currentColor;padding:2px 18px 2px 0;background:0 0;border:none;font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-style:var(--heading-font-style);text-transform:uppercase}.features--heading-uppercase .SelectButton{letter-spacing:.2em}.SelectButton svg{position:absolute;top:calc(50% - 3px);right:0;height:6px}.HorizontalList{list-style:none;margin:-6px -8px}.Header__FlexItem .HorizontalList__Item .Linklist__Item>.Link{display:block;font-size:14px;letter-spacing:.025em;font-weight:400;text-transform:lowercase;line-height:1.5}nav.Header__SecondaryNav.hidden-desk .HorizontalList--spacingLoose{margin-left:0;margin-right:0}@media screen and (min-width:641px){.HorizontalList--spacingLoose .HorizontalList__Item.l-cart-container{margin-left:15px}}.HorizontalList--spacingLoose .HorizontalList__Item.l-switch{margin:0}@media screen and (min-width:641px){.HorizontalList--spacingLoose .HorizontalList__Item.l-switch{margin-left:6px}}.HorizontalList--spacingLoose .HorizontalList__Item_cart{margin-right:15px;margin-left:17px}nav.Header__SecondaryNav.hidden-desk .HorizontalList--spacingLoose .HorizontalList__Item{margin:0}@media screen and (min-width:1140px){.HorizontalList--spacingExtraLoose{margin-left:-21px;margin-right:-21px}.HorizontalList--spacingExtraLoose .HorizontalList__Item{margin-right:13px;margin-left:13px}nav.Header__MainNav .HorizontalList li.HorizontalList__Item:first-child{margin-left:75px}}.Image--contrast{position:relative}.Image--contrast::after{position:absolute;content:"";width:100%;height:100%;left:0;top:0;background-image:linear-gradient(to top,rgba(4,4,4,.65),rgba(54,54,54,.2))}.Image--contrast>*{z-index:1}@-webkit-keyframes lazyLoader{0%,100%{transform:translateX(-50%)}50%{transform:translateX(100%)}}@keyframes lazyLoader{0%,100%{transform:translateX(-50%)}50%{transform:translateX(100%)}}.features--show-image-zooming .Image--zoomOut{transform:scale(1.1);opacity:0;transition:transform .8s cubic-bezier(.215, .61, .355, 1),opacity .8s cubic-bezier(.215, .61, .355, 1)}.features--show-image-zooming .Image--lazyLoaded.Image--zoomOut{opacity:1;transform:none}body:not(.features--show-image-zooming) .Image--zoomOut{opacity:0;transition:opacity .3s ease}body:not(.features--show-image-zooming) .Image--lazyLoaded.Image--zoomOut{opacity:1}.Image--slideLeft,.Image--slideRight{transform:translateX(25px);opacity:0;transition:transform .8s cubic-bezier(.215, .61, .355, 1),opacity .8s cubic-bezier(.215, .61, .355, 1)}.Image--slideLeft{transform:translateX(-25px)}.Image--lazyLoaded.Image--slideLeft,.Image--lazyLoaded.Image--slideRight{opacity:1;transform:translateX(0)}.no-js .AspectRatio>img{display:none!important}.AspectRatio--square::before{padding-bottom:100%}.AspectRatio--short::before{padding-bottom:75%}.AspectRatio--tall::before{padding-bottom:150%}.AspectRatio--short>img,.AspectRatio--square>img,.AspectRatio--tall>img{position:absolute;width:auto;height:auto;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-backface-visibility:hidden;backface-visibility:hidden}@supports ((-o-object-fit:contain) or (object-fit:contain)){.AspectRatio--short>img,.AspectRatio--square>img,.AspectRatio--tall>img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}}.Linklist__Item.is-selected{padding-left:18px}.Linklist__Item.is-selected::before{opacity:1;transition-delay:0.1s}.Linklist--bordered li:first-child .Linklist__Item{margin-top:2px}.Linklist--bordered li:last-child .Linklist__Item{margin-bottom:2px}.FeaturedMap{max-width:1150px;margin:0 auto}.FeaturedMap__MapContainer{position:relative;height:240px;background-size:cover;background-position:center}.FeaturedMap__GMap{position:absolute;top:0;left:0;width:100%;height:100%}.FeaturedMap__Info{position:relative;margin:0 auto;background:var(--light-background);text-align:left;z-index:1;padding:25px}.FeaturedMap__Store{display:block;margin-bottom:1.2em;font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-style:var(--heading-font-style);font-variant-ligatures:none}.FeaturedMap__Address{margin-bottom:1.2em}.FeaturedMap__Location{margin-top:2.7em}@media screen and (min-width:641px){.FeaturedMap{display:flex;flex-direction:row-reverse;align-items:stretch;padding-top:0;height:550px}.FeaturedMap__MapContainer{flex:1 0 auto;height:100%}.FeaturedMap__Info{flex:none;min-width:370px;width:370px;padding:50px 60px}}.plyr.plyr--full-ui.plyr--video{color:var(--text-color);background-color:transparent}.plyr.plyr--full-ui.plyr--video .plyr__video-wrapper{background-color:transparent}.plyr.plyr--full-ui.plyr--video:-webkit-full-screen .plyr__video-wrapper .plyr.plyr--full-ui.plyr--video:-webkit-full-screen .plyr__poster{background-color:#000}.plyr.plyr--full-ui.plyr--video:-ms-fullscreen .plyr__video-wrapper .plyr.plyr--full-ui.plyr--video:-ms-fullscreen .plyr__poster{background-color:#000}.plyr.plyr--full-ui.plyr--video:fullscreen .plyr__video-wrapper .plyr.plyr--full-ui.plyr--video:fullscreen .plyr__poster{background-color:#000}.plyr.plyr--full-ui.plyr--video:-webkit-full-screen .plyr__poster,.plyr.plyr--full-ui.plyr--video:-webkit-full-screen .plyr__video-wrapper{background-color:#000}.plyr.plyr--full-ui.plyr--video:-moz-full-screen .plyr__poster,.plyr.plyr--full-ui.plyr--video:-moz-full-screen .plyr__video-wrapper{background-color:#000}.plyr.plyr--full-ui.plyr--video:-ms-fullscreen .plyr__poster,.plyr.plyr--full-ui.plyr--video:-ms-fullscreen .plyr__video-wrapper{background-color:#000}.plyr.plyr--full-ui.plyr--video .plyr--fullscreen-fallback .plyr__poster,.plyr.plyr--full-ui.plyr--video .plyr--fullscreen-fallback .plyr__video-wrapper{background-color:#000}.plyr.plyr--full-ui.plyr--video .plyr__controls{background-color:var(--light-background);border-color:rgba(var(--text-color-rgb),.05)}.plyr.plyr--full-ui.plyr--video .plyr__control.plyr__control--overlaid{background-color:var(--light-background);border-color:rgba(var(--text-color-rgb),.05)}.plyr.plyr--full-ui.plyr--video .plyr__control.plyr__control--overlaid.plyr__tab-focus,.plyr.plyr--full-ui.plyr--video .plyr__control.plyr__control--overlaid:hover{color:rgba(var(--text-color-rgb),.55)}.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range]::-moz-range-thumb{box-shadow:2px 0 0 0 var(--light-background)}.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range]::-ms-thumb{box-shadow:2px 0 0 0 var(--light-background)}.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range]::-webkit-slider-thumb{box-shadow:2px 0 0 0 var(--light-background)}.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range]::-webkit-slider-runnable-track{background-image:linear-gradient(to right,currentColor 0,rgba(var(--text-color-rgb),.6) 0);background-image:linear-gradient(to right,currentColor var(--value,0),rgba(var(--text-color-rgb),.6) var(--value,0))}.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range]::-moz-range-track{background-color:rgba(var(--text-color-rgb),.6)}.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range]::-ms-fill-upper{background-color:rgba(var(--text-color-rgb),.6)}.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range].plyr__tab-focus::-webkit-slider-runnable-track{box-shadow:0 0 0 4px rgba(var(--text-color-rgb),.25)}.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range].plyr__tab-focus::-moz-range-track{box-shadow:0 0 0 4px rgba(var(--text-color-rgb),.25)}.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range].plyr__tab-focus::-ms-track{box-shadow:0 0 0 4px rgba(var(--text-color-rgb),.25)}.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range]:active::-moz-range-thumb{box-shadow:0 0 0 3px rgba(var(--text-color-rgb),.25)}.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range]:active::-ms-thumb{box-shadow:0 0 0 3px rgba(var(--text-color-rgb),.25)}.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range]:active::-webkit-slider-thumb{box-shadow:0 0 0 3px rgba(var(--text-color-rgb),.25)}.plyr.plyr--full-ui.plyr--video .plyr__progress .plyr__tooltip{background-color:var(--text-color);color:var(--light-background)}.plyr.plyr--full-ui.plyr--video .plyr__progress .plyr__tooltip::before{border-top-color:var(--text-color)}.plyr.plyr--full-ui.plyr--video.plyr--loading .plyr__progress__buffer{background-image:linear-gradient(-45deg,rgba(var(--text-color-rgb),.6) 25%,transparent 25%,transparent 50%,rgba(var(--text-color-rgb),.6) 50%,rgba(var(--text-color-rgb),.6) 75%,transparent 75%,transparent)}.plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range]{color:var(--light-background)}.plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range]::-moz-range-thumb{box-shadow:2px 0 0 0 var(--text-color)}.plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range]::-ms-thumb{box-shadow:2px 0 0 0 var(--text-color)}.plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range]::-webkit-slider-thumb{box-shadow:2px 0 0 0 var(--text-color)}.plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range]::-webkit-slider-runnable-track{background-image:linear-gradient(to right,currentColor 0,rgba(var(--light-background-rgb),.6) 0);background-image:linear-gradient(to right,currentColor var(--value,0),rgba(var(--light-background-rgb),.6) var(--value,0))}.plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range]::-moz-range-track,.plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range]::-ms-fill-upper{background-color:rgba(var(--light-background-rgb),.6)}.plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range].plyr__tab-focus::-webkit-slider-runnable-track{box-shadow:0 0 0 4px rgba(var(--light-background-rgb),.25)}.plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range].plyr__tab-focus::-moz-range-track{box-shadow:0 0 0 4px rgba(var(--light-background-rgb),.25)}.plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range].plyr__tab-focus::-ms-track{box-shadow:0 0 0 4px rgba(var(--light-background-rgb),.25)}.plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range]:active::-moz-range-thumb{box-shadow:0 0 0 3px rgba(var(--light-background-rgb),.25)}.plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range]:active::-ms-thumb{box-shadow:0 0 0 3px rgba(var(--light-background-rgb),.25)}.plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range]:active::-webkit-slider-thumb{box-shadow:0 0 0 3px rgba(var(--light-background-rgb),.25)}.shopify-model-viewer-ui.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area{background:var(--light-background);border-color:rgba(var(--text-color-rgb),.05)}.shopify-model-viewer-ui.shopify-model-viewer-ui .shopify-model-viewer-ui__button{color:var(--text-color)}.shopify-model-viewer-ui.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:hover{color:rgba(var(--text-color-rgb),.55)}.shopify-model-viewer-ui.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control.focus-visible:focus,.shopify-model-viewer-ui.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:active{color:rgba(var(--text-color-rgb),.55);background:rgba(var(--text-color-rgb),.05)}.shopify-model-viewer-ui.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:not(:last-child):after{border-color:rgba(var(--text-color-rgb),.05)}.shopify-model-viewer-ui.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster{background:var(--light-background);border-color:rgba(var(--text-color-rgb),.05)}.shopify-model-viewer-ui.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:focus,.shopify-model-viewer-ui.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:hover{color:rgba(var(--text-color-rgb),.55)}.VideoWrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%}.VideoWrapper embed,.VideoWrapper iframe,.VideoWrapper object{position:absolute;top:0;left:0;width:100%;height:100%}.VideoWrapper--native::after{display:none}.VideoWrapper--native .plyr,.VideoWrapper--native video{position:absolute;top:0;left:0;width:100%;height:100%}.VideoWrapper--native .plyr__video-wrapper,.VideoWrapper--native video{height:100%}.ModelWrapper{position:relative;padding-bottom:100%}.ModelWrapper .shopify-model-viewer-ui,.ModelWrapper model-viewer{position:absolute;top:0;left:0;width:100%;height:100%}.Anchor-swell-rfp{position:relative}.Anchor-swell-rfp a{position:absolute;left:0;top:-550px}.LoadingBar.is-visible{opacity:1}@media screen and (min-width:641px){.LoadingBar{height:3px}}.PlaceholderSvg{display:block;width:100%;height:100%;max-width:100%;max-height:100%}.PlaceholderSvg--dark{background:#696969;fill:#a1a1a1}.PlaceholderBackground{position:absolute;height:100%;width:100%;top:0;left:0;z-index:-1;overflow:hidden;opacity:.7}.PlaceholderBackground__Svg{height:100%!important;width:auto!important;min-width:100%}.QuantitySelector--large .QuantitySelector__CurrentQuantity{width:35px;font-size:calc(var(--base-text-font-size) - (var(--default-text-font-size) - 14px))}.QuantitySelector--large .QuantitySelector__Button{padding:10px 20px}.QuantitySelector--large svg{width:11px;height:11px}@media screen and (min-width:641px){.QuantitySelector__Button{padding:7px 14px 8px 14px}.QuantitySelector__CurrentQuantity{font-size:calc(var(--base-text-font-size) - (var(--default-text-font-size) - 12px))}}.Price--highlight{color:var(--secondary-elements-text-color-light)}.Price--compareAt{position:relative;margin-left:5px}.Price--compareAt::before{position:absolute;content:"";top:50%;left:-.1em;width:calc(100% + .2em);height:2px;background:currentColor}.ColorSwatch{position:relative;display:inline-block;height:30px;width:30px;vertical-align:top;cursor:pointer;background-size:cover}.ColorSwatch::after{content:"";position:absolute;width:calc(100% + 6px);height:calc(100% + 6px);top:-3px;left:-3px}.ColorSwatch:hover::after{border:1px solid var(--border-color)}.ColorSwatch--small{width:16px;height:16px}.ColorSwatch--large{width:36px;height:36px}.ColorSwatch--white{outline:1px solid var(--border-color);outline-offset:-1px}.ColorSwatch.is-active::after,.ColorSwatch__Radio:checked+.ColorSwatch::after{border:1px solid currentColor!important}.ColorSwatch__Radio{display:none}.Collapsible .ColorSwatchList{padding-top:4px;padding-bottom:10px}.Collapsible--autoExpand .ColorSwatchList{padding-top:8px;padding-bottom:12px}.Alert,.spr-form-message{display:block;padding:10px 20px;white-space:normal;font-size:1rem;word-break:break-all;word-break:break-word;text-shadow:none}.Alert--large{padding:18px 20px}.Alert--error,.spr-form-message-error{background:#e4c4c4;color:#cb2b2b}.Alert--success,.spr-form-message-success{background:#d2e4c4;color:#307a07}.Alert__ErrorList{list-style:none}@media screen and (min-width:641px){.Alert--large{padding:18px 30px}}.Segment+.Segment{margin-top:50px}.Segment__Title{margin-bottom:24px;padding-bottom:10px;border-bottom:1px solid var(--border-color);color:var(--text-color-light)}.Segment__Title--flexed{display:flex;justify-content:space-between;align-items:center}.Segment__ActionList{margin-top:16px}.Segment__ActionItem{line-height:1.4}.Segment__ActionItem+.Segment__ActionItem{margin-left:20px}.Segment__ButtonWrapper{margin-top:32px}@media screen and (min-width:641px){.Segment__Title{margin-bottom:34px}.Segment__ActionList{margin-top:24px}}@media screen and (min-width:1140px){.Segment+.Segment{margin-top:65px}}.template-account .Segment .Segment__ButtonWrapper .Button{width:100%}.EmptyState{margin:140px 0 0;text-align:center}.EmptyState__Action{display:inline-block;margin-top:20px}@media screen and (min-width:641px){.EmptyState{margin:200px 0 0}}@media screen and (min-width:1140px){.EmptyState{margin:250px 0 0}}@-webkit-keyframes bouncingSpinnerAnimation{0%,100%,80%{transform:scale(0)}40%{transform:scale(1)}}@keyframes bouncingSpinnerAnimation{0%,100%,80%{transform:scale(0)}40%{transform:scale(1)}}.BouncingSpinner{display:block;text-align:center}.BouncingSpinner>span{display:inline-block;width:10px;height:10px;background-color:currentColor;border-radius:100%;-webkit-animation:bouncingSpinnerAnimation 1.4s infinite ease-in-out both;animation:bouncingSpinnerAnimation 1.4s infinite ease-in-out both}.BouncingSpinner>span:first-child{-webkit-animation-delay:-.32s;animation-delay:-.32s}.BouncingSpinner>span:nth-child(2){-webkit-animation-delay:-.16s;animation-delay:-.16s}.Video__PlayButton{display:inline-block;transition:transform .2s ease-in-out;height:80px;width:80px;cursor:pointer;-webkit-filter:drop-shadow(0 2px 2px rgba(0,0,0,0.2));filter:drop-shadow(0 2px 2px rgba(0, 0, 0, .2))}@media (-moz-touch-enabled:0),(hover:hover){.Video__PlayButton:hover{transform:scale(1.1)}}.Video__PlayButton svg{width:80px;height:80px;pointer-events:none}#newsData img{height:16px;margin:0;padding:0 5px;display:inline}@media screen and (min-width:641px){.AnnouncementBar{font-size:calc(var(--base-text-font-size) - (var(--default-text-font-size) - 14px))}#newsData img{height:14px}}.ShareButtons{display:table;table-layout:fixed;border-collapse:collapse;width:100%}.ShareButtons__Item{display:table-cell;width:60px;height:45px;min-height:45px;color:var(--text-color-light);text-align:center;vertical-align:middle;background:var(--background);border:1px solid var(--border-color);outline:1px solid transparent;outline-offset:-1px;transition:all .2s ease-in-out}.ShareButtons__Item svg{height:18px;width:18px;vertical-align:text-bottom}.ShareButtons__Item--facebook:hover,.no-supports-hover .ShareButtons__Item--facebook{background:#4469af;color:#fff;border-color:#4469af;outline:1.5px solid #4469af}.ShareButtons__Item--pinterest:hover,.no-supports-hover .ShareButtons__Item--pinterest{background:#c8232c;color:#fff;border-color:#c8232c;outline:1.5px solid #c8232c}.ShareButtons__Item--twitter:hover,.no-supports-hover .ShareButtons__Item--twitter{background:#00aced;color:#fff;border-color:#00aced;outline:1.5px solid #00aced}@media screen and (min-width:641px){.ShareButtons{width:auto}}.FeaturedQuote{display:flex;flex-direction:column;justify-content:center;padding:120px 40px;background:var(--secondary-elements-background);color:var(--secondary-elements-text-color);font-size:calc(var(--base-text-font-size) - (var(--default-text-font-size) - 18px))}.FeaturedQuote__Author{margin-top:14px;font-size:calc(var(--base-text-font-size) - (var(--default-text-font-size) - 14px));opacity:.5}@media screen and (min-width:1008px){.FeaturedQuote{padding-top:40px;padding-bottom:40px}}.shopify-challenge__container{margin-top:80px;margin-bottom:80px;text-align:center}.shopify-challenge__container .shopify-challenge__button{position:relative;display:inline-block;padding:14px 28px;line-height:normal;border:1px solid transparent;border-radius:0;text-transform:uppercase;font-size:calc(var(--base-text-font-size) - (var(--default-text-font-size) - 12px));text-align:center;letter-spacing:.2em;font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-style:var(--heading-font-style);background:var(--button-background);color:var(--button-text-color);font-variant-ligatures:none}.ImageHero--newsletter .SectionHeader.SectionHeader{margin-bottom:30px}.Newsletter .Form__Input::-moz-placeholder{color:inherit}.Newsletter .Form__Input:-ms-input-placeholder{color:inherit}.Newsletter .Form__Input::placeholder{color:inherit}.Newsletter .Form__Input:focus{border-color:currentColor}.Newsletter .Form__Submit{width:100%}@media screen and (max-width:640px){.ImageHero--newsletter{min-height:450px!important}.ImageHero--newsletter .ImageHero__ContentOverlay{padding-left:25px;padding-right:25px}}@media screen and (min-width:641px){.Newsletter__Inner{display:flex}.Newsletter .Form__Input{min-width:395px;width:395px}.Newsletter .Form__Submit{margin:0 0 0 20px}}@media (-moz-touch-enabled:0),(hover:hover){[data-tooltip]{position:relative}[data-tooltip]::before{position:absolute;content:attr(data-tooltip);bottom:70%;left:70%;padding:4px 11px 3px 11px;white-space:nowrap;border:1px solid var(--border-color);background:var(--light-background);color:var(--text-color-light);font-size:calc(var(--base-text-font-size) - (var(--default-text-font-size) - 13px));pointer-events:none;visibility:hidden;opacity:0;transition:visibility .2s ease-in-out,opacity .2s ease-in-out;z-index:1}[data-tooltip]:hover::before{opacity:1;visibility:visible}}.Modal{position:fixed;display:flex;flex-direction:column;visibility:hidden;top:50%;left:50%;width:480px;max-width:calc(100vw - 40px);max-height:calc(100vh - 40px);padding:15px 20px 20px 20px;z-index:20;opacity:0;overflow:auto;-webkit-overflow-scrolling:touch;background:var(--background);transform:translate(-50%,-50%);transition:opacity .3s ease-in-out,visibility .3s ease-in-out}@supports (--css:variables){.Modal{max-height:calc(var(--window-height) - 40px)}}.Modal[aria-hidden=false]{visibility:visible;opacity:1}.Modal--dark{background:var(--secondary-elements-background);color:var(--secondary-elements-text-color)}.Modal--dark .Rte h1,.Modal--dark .Rte h2,.Modal--dark .Rte h3,.Modal--dark .Rte h4,.Modal--dark .Rte h5,.Modal--dark .Rte h6{color:var(--secondary-elements-text-color)}.Modal--fullScreen{max-width:none;max-height:none;width:100%;height:100%;top:0;left:0;bottom:0;right:0;transform:none}.Modal--pageContent{padding:60px 0 50px 0}.Modal--videoContent{justify-content:center;background:#000;color:#fff}.Modal .Heading:not(.Link){color:inherit}.Modal__Header{margin-bottom:30px;text-align:center}.Modal__Close{display:block;margin:25px auto 0 auto;flex-shrink:0}.Modal__Close--outside{position:absolute;margin-top:0;top:20px;right:20px;line-height:0;opacity:.5;transition:opacity .2s ease-in-out}.Modal__Close--outside:hover{opacity:1}.Modal__Close--outside svg{height:16px;width:16px;stroke-width:1.25px}.Modal--fullScreen .Modal__Close--outside{right:40px;top:40px}.Modal__Content iframe{display:none}.Modal[aria-hidden=false] .Modal__Content iframe{display:block}.Modal__Content td,.Modal__Content th{border-color:var(--secondary-elements-border-color)!important}.Modal__Content tbody th,.Modal__Content thead th:empty{background:var(--secondary-elements-background)!important}@media screen and (min-width:641px){.Modal:not(.Modal--pageContent){padding:35px 40px 40px 40px}}@media screen and (min-width:1008px){.Modal{flex-direction:column}.Modal--pageContent{padding:100px 0 80px 0}.Modal--pageContent .Modal__Content{flex:1 0 0}.Modal__Close:not(.Modal__Close--outside){margin-top:40px;flex-shrink:0}}.PageSkipLink:focus{clip:auto;width:auto;height:auto;margin:0;color:var(--text-color);background-color:var(--background);padding:10px;z-index:10000;transition:none}.PageOverlay.is-visible{opacity:.5;visibility:visible}.PageHeader{position:relative;margin:27px 0 38px}.template-collection .PageHeader,.template-list-collections .PageHeader{background-color:#fafcfd;margin:0;padding:26px 0}.template-collection .PageHeader h1.SectionHeader__Heading,.template-list-collections .PageHeader{line-height:100%}.PageHeader--withBackground{display:flex;margin:0;width:100%;min-height:450px;flex-direction:column;justify-content:center;align-items:center;background-size:cover;color:#fff;overflow:hidden}.PageHeader--withBackground .Heading,.PageHeader--withBackground .Rte a:not(.Button){color:#fff;-webkit-text-decoration-color:#ffffff;text-decoration-color:#ffffff}.PageHeader__ImageWrapper{position:absolute;height:100%;width:100%;top:0;left:0;background-size:cover;background-position:center center}@supports (--css:variables){.PageHeader__ImageWrapper{top:calc(-1 * 0px - 0px * 0);top:calc(-1 * var(--announcement-bar-height,0px) - var(--header-height,0px) * var(--use-unsticky-header,0));height:calc(100% + 0px + 0px * 0);height:calc(100% + var(--announcement-bar-height,0px) + var(--header-height,0px) * var(--use-unsticky-header,0))}}.PageHeader .SectionHeader__Description,.PageHeader .SectionHeader__Heading,.custom-field.custom-field__header h2{margin-top:0!important}.PageHeader .Alert{margin-top:22px}.PageHeader__Back{display:inline-block;margin-bottom:25px}.PageHeader__Back svg{height:9px;margin-right:12px;vertical-align:baseline;vertical-align:initial}.PageHeader--withBackground .SectionHeader.SectionHeader{position:relative;padding:60px 0 80px 0}@supports (--css:variables){.PageHeader--withBackground .SectionHeader.SectionHeader{margin-top:calc(var(--header-height) * 0);margin-top:calc(var(--header-height) * var(--header-is-transparent,0))}}@media screen and (max-width:640px){.PageHeader .SectionHeader__Heading,.custom-field.custom-field__header h2{margin-bottom:10px;line-height:1.2}}@media screen and (min-width:641px){.PageHeader{margin:34px 0 44px}.template-collection .PageHeader,.template-list-collections .PageHeader{margin:0;padding:0;height: 140px;display: flex;align-items: center;}.PageHeader--withBackground{min-height:450px;margin-top:0;margin-bottom:0}@supports (--css:variables){.PageHeader--withBackground{min-height:calc(380px + var(--header-height) * 0);min-height:calc(380px + var(--header-height) * var(--header-is-transparent,0))}}.PageHeader--small.PageHeader--withBackground{min-height:420px}@supports (--css:variables){.PageHeader--small.PageHeader--withBackground{min-height:calc(350px + var(--header-height) * 0);min-height:calc(350px + var(--header-height) * var(--header-is-transparent,0))}}.PageHeader--large.PageHeader--withBackground{min-height:480px}@supports (--css:variables){.PageHeader--large.PageHeader--withBackground{min-height:calc(410px + var(--header-height) * 0);min-height:calc(410px + var(--header-height) * var(--header-is-transparent,0))}}.PageHeader--withBackground .SectionHeader.SectionHeader{margin-top:50px;padding:40px 0}@supports (--css:variables){.PageHeader--withBackground .SectionHeader.SectionHeader{margin-top:calc(var(--header-height) * 0);margin-top:calc(var(--header-height) * var(--header-is-transparent,0))}}}@media screen and (min-width:1140px){.PageHeader--withBackground{min-height:550px}@supports (--css:variables){.PageHeader--withBackground{min-height:calc(450px + var(--header-height) * 0);min-height:calc(450px + var(--header-height) * var(--header-is-transparent,0))}}.PageHeader--small.PageHeader--withBackground{min-height:500px}@supports (--css:variables){.PageHeader--small.PageHeader--withBackground{min-height:calc(400px + var(--header-height) * 0);min-height:calc(400px + var(--header-height) * var(--header-is-transparent,0))}}.PageHeader--large.PageHeader--withBackground{min-height:620px}@supports (--css:variables){.PageHeader--large.PageHeader--withBackground{min-height:calc(520px + var(--header-height) * 0);min-height:calc(520px + var(--header-height) * var(--header-is-transparent,0))}}}@media screen and (min-width:1800px){.PageHeader--withBackground{min-height:650px}@supports (--css:variables){.PageHeader--withBackground{min-height:calc(600px + var(--header-height) * 0);min-height:calc(600px + var(--header-height) * var(--header-is-transparent,0))}}.PageHeader--small.PageHeader--withBackground{min-height:600px}@supports (--css:variables){.PageHeader--small.PageHeader--withBackground{min-height:calc(550px + var(--header-height) * 0);min-height:calc(550px + var(--header-height) * var(--header-is-transparent,0))}}.PageHeader--large.PageHeader--withBackground{min-height:700px}@supports (--css:variables){.PageHeader--large.PageHeader--withBackground{min-height:calc(650px + var(--header-height) * 0);min-height:calc(650px + var(--header-height) * var(--header-is-transparent,0))}}}/** * ---------------------------------------------------------------------------- * Page layout (tocreatetwocolumns) and content * ---------------------------------------------------------------------------- */ .PageLayout__Section:first-child{margin-bottom:60px}.PageLayout__Section--sticky{position:-webkit-sticky;position:sticky;top:75px;align-self:flex-start}@supports (--css:variables){.PageLayout__Section--sticky{top:calc(var(--header-height) + 20px)}}@media screen and (min-width:641px){.PageLayout{display:flex;flex-wrap:nowrap}.PageLayout__Section{flex:1 0 0}.PageLayout__Section:first-child{margin-bottom:0}.PageLayout__Section--secondary{flex:1 1 200px;max-width:200px}.PageLayout__Section+.PageLayout__Section{margin-left:50px}}@media screen and (min-width:641px) and (max-width:1007px){.PageLayout--breakLap{display:block}.PageLayout--breakLap .PageLayout__Section:first-child{margin-bottom:60px}.PageLayout--breakLap .PageLayout__Section+.PageLayout__Section{margin-left:0;width:100%}}@media screen and (min-width:1008px){.PageLayout__Section--secondary{flex-basis:235px;max-width:235px}}@media screen and (min-width:1140px){.PageLayout__Section+.PageLayout__Section{margin-left:80px}.PageLayout__Section--secondary{flex-basis:290px;max-width:290px}}/** * ---------------------------------------------------------------------------- * Page content * ---------------------------------------------------------------------------- */ .PageContent{max-width:1000px;margin:35px auto}.PageContent--fitScreen{display:flex;min-height:calc(100vh - 120px);align-items:center}@supports (--css:variables){.PageContent--fitScreen{min-height:calc(var(--window-height) - var(--header-height) - 0px - 120px);min-height:calc(var(--window-height) - var(--header-height) - var(--announcement-bar-height,0px) - 120px)}}.PageContent--narrow{max-width:680px}.PageContent--extraNarrow{max-width:400px}.PageHeader+.PageContent{margin-top:0}@media screen and (min-width:641px){.PageContent{margin-bottom:80px;margin-top:80px}.PageContent--fitScreen{min-height:calc(100vh - 160px)}@supports (--css:variables){.PageContent--fitScreen{min-height:calc(var(--window-height) - var(--header-height) - 0px - 160px);min-height:calc(var(--window-height) - var(--header-height) - var(--announcement-bar-height,0px) - 160px)}}}.Pagination{margin:60px 0;text-align:center;font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-style:var(--heading-font-style);font-size:calc(var(--base-text-font-size) - (var(--default-text-font-size) - 12px));line-height:1;font-variant-ligatures:none}.Pagination__Nav{display:inline-block;list-style:none}.Pagination__NavItem{display:inline-block;padding:16px 20px;border-bottom:1px solid var(--border-color)}.Pagination__NavItem svg{width:6px;height:10px;vertical-align:-1px}.Pagination__NavItem.is-active{color:var(--text-color);border-bottom-color:var(--text-color);box-shadow:0 -2px var(--text-color) inset}@media screen and (min-width:641px){.Pagination{margin:80px 0}.Pagination__NavItem{padding-left:28px;padding-right:28px}}@media screen and (min-width:1140px){.Pagination{margin:120px 0}}.Panel{position:relative;border:1px solid var(--border-color);padding:60px 24px}.Panel--withArrows{margin:0 15px}.Panel--flush{padding-left:0!important;padding-right:0!important}.Panel__Title{position:absolute;top:0;left:50%;margin:0;padding:0 14px 0 18px;transform:translate(-50%,-50%);background:var(--background);white-space:nowrap}.Panel .flickity-prev-next-button{top:calc(50% - (45px / 2))}.Panel .flickity-prev-next-button.next{right:calc(-45px / 2)}.Panel .flickity-prev-next-button.previous{left:calc(-45px / 2)}@media screen and (min-width:641px){.Panel{padding-left:50px;padding-right:50px}.Panel--withArrows{margin-left:0;margin-right:0}}.Popover[aria-hidden=false]{transform:translateY(0);visibility:visible}.Popover__ValueList{list-style:none;max-height:385px;padding:18px 0;overflow:auto;-webkit-overflow-scrolling:touch}.Popover__Value{display:block;padding:12px 20px;width:100%;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--text-color-light);text-align:center;transition:color .2s ease-in-out}.Popover__Value:focus{background:var(--background);outline:0}.Popover__Value.is-selected{color:var(--text-color)}.Popover__FooterHelp{width:100%;padding:18px 20px;text-align:center;border-top:1px solid rgba(var(--border-color-rgb),.4)}@media screen and (min-width:1008px){.Popover{transform:none;width:auto;bottom:auto;left:auto;opacity:0;transition:opacity .2s ease-in-out,visibility .2s ease-in-out}.Popover::before{content:"";position:absolute;right:40px;width:10px;height:10px;border-style:solid}.Popover--noWrap{white-space:nowrap}.Popover--withMinWidth{min-width:375px}.Popover--positionBottom::before{bottom:100%;border-width:0 10px 10px 10px;border-color:transparent transparent var(--light-background) transparent;-webkit-filter:drop-shadow(0 -2px 2px rgba(54,54,54,0.2));filter:drop-shadow(0 -2px 2px rgba(54, 54, 54, .2))}.Popover--positionTop::before{top:100%;border-width:10px 10px 0 10px;border-color:var(--light-background) transparent transparent transparent;-webkit-filter:drop-shadow(0 2px 2px rgba(54,54,54,0.2));filter:drop-shadow(0 2px 2px rgba(54, 54, 54, .2))}.Popover--positionLeft::before{left:100%;border-width:10px 0 10px 10px;border-color:transparent transparent transparent var(--light-background);-webkit-filter:drop-shadow(2px 0 2px rgba(54,54,54,0.2));filter:drop-shadow(2px 0 2px rgba(54, 54, 54, .2))}.Popover--positionBottom.Popover--alignCenter::before,.Popover--positionTop.Popover--alignCenter::before{left:calc(50% - 10px)}.Popover--positionLeft.Popover--alignCenter::before{top:calc(50% - 10px)}.Popover--positionLeft.Popover--alignBottom::before{top:15px}.Popover--positionLeft.Popover--alignTop::before{bottom:10px}.Popover[aria-hidden=false]{opacity:1;transform:none}.Popover__Header{display:none}.Popover__Value{padding-left:50px;padding-right:50px;text-align:right}.Popover--withMinWidth .Popover__Value,.Popover__ValueList--center .Popover__Value{text-align:center}.Popover--small.Popover--positionTop::before{border-width:8px 8px 0 8px}.Popover--small.Popover--positionBottom::before{border-width:0 8px 8px 8px}.Popover--small .Popover__Value{padding:5px 32px}.features--heading-small .Popover--small .Popover__Value{font-size:10px}.features--heading-normal .Popover--small .Popover__Value{font-size:12px}.features--heading-large .Popover--small .Popover__Value{font-size:13px}}.Rte iframe{max-width:100%}.Rte img{display:block;margin:0 auto}.Rte a:not(.Button){color:var(--link-color);text-decoration:none;-webkit-text-decoration-color:rgba(var(--link-color-rgb),0.6);text-decoration-color:rgba(var(--link-color-rgb),0.6);text-underline-position:under;transition:color .2s ease-in-out,-webkit-text-decoration-color .2s ease-in-out;transition:color .2s ease-in-out,text-decoration-color .2s ease-in-out;transition:color .2s ease-in-out,text-decoration-color .2s ease-in-out,-webkit-text-decoration-color .2s ease-in-out;font-family:linetocircularmedium,sans-serif;font-weight:100}.Rte a:not(.Button):hover{color:var(--text-color);-webkit-text-decoration-color:rgba(var(--text-color-rgb),0.6);text-decoration-color:rgba(var(--text-color-rgb),0.6)}.Rte .Form,.Rte .VideoWrapper,.Rte blockquote,.Rte img{margin-top:2.4em;margin-bottom:2.4em}.Rte ol,.Rte ul{margin-left:30px;padding-left:0;list-style-position:outside}.Rte li{padding:5px 0}.Rte h1,.Rte h2,.Rte h3,.Rte h4,.Rte h5,.Rte h6{font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-style:var(--heading-font-style);color:var(--heading-color);transition:color .2s ease-in-out;font-variant-ligatures:none}.features--heading-uppercase .Rte h1,.features--heading-uppercase .Rte h2,.features--heading-uppercase .Rte h3,.features--heading-uppercase .Rte h4,.features--heading-uppercase .Rte h5,.features--heading-uppercase .Rte h6{letter-spacing:.2em;text-transform:uppercase}.Rte h1{margin:2.2em 0 .8em}.Rte h2{margin:2.2em 0 .9em}.Rte h3{margin:2.2em 0 1.2em}.Rte h4{margin:2.2em 0 1.4em}.Rte h5{margin:2.2em 0 1.6em}.Rte h6{margin:2.2em 0 1.8em}.Rte blockquote{margin-left:0;padding:6px 0 6px 40px;font-size:1.15em;line-height:1.75;border-left:3px solid rgba(var(--border-color-rgb),.6)}.shopify-policy__container{margin-top:50px;margin-bottom:50px;max-width:680px}@media screen and (min-width:1008px){.Rte .Form,.Rte .VideoWrapper,.Rte img{margin-top:3em;margin-bottom:3em}.Rte blockquote{margin-left:40px}}.shopify-section--hidden{display:none}.Section--spacingExtraLarge,.Section--spacingLarge{margin:90px 0}.template-cart .Section--spacingExtraLarge,.template-cart .Section--spacingLarge{margin:100px 0}.shopify-section--bordered>.Section--spacingExtraLarge,.shopify-section--bordered>.Section--spacingLarge{padding:90px 0;margin-top:0;margin-bottom:0}.SectionHeader__Description,.SectionHeader__SubHeading+.SectionHeader__Heading,.SectionHeader__SubHeading+.SectionHeader__TabList,.custom-field.custom-field__header h2{margin-top:16px}.SectionHeader__Description{max-width:530px}.SectionHeader__Description a{text-decoration:none;-webkit-text-decoration-color:currentColor;text-decoration-color:currentColor;text-underline-position:under;font-family:linetocircularmedium,sans-serif;font-weight:100}.SectionHeader--center .SectionHeader__Description{margin-left:auto;margin-right:auto}.SectionHeader__IconHolder{margin-top:30px}@media screen and (min-width:641px){.SectionHeader__Heading--emphasize{font-size:calc(var(--base-text-font-size) - (var(--default-text-font-size) - 22px))!important}}#shopify-section-yotpo-ugc.shopify-section--bordered>.Section--spacingNormal{padding:5px 0 7px 0}@media screen and (min-width:1008px){.Section--spacingNormal{margin:0 auto}.Section--spacingLarge{margin:120px 0}.Section--spacingExtraLarge{margin:145px 0}.shopify-section--bordered>.Section--spacingNormal{padding:80px 0}#shopify-section-related-products.shopify-section--bordered>.Section--spacingNormal{padding:39px 0}#shopify-section-quote.shopify-section--bordered>.Section--spacingNormal{padding:38px 0}#shopify-section-recently-viewed-products.shopify-section--bordered>.Section--spacingNormal{padding:0}#shopify-section-yotpo-review.shopify-section--bordered>.Section--spacingNormal{padding:40px 0}#shopify-section-yotpo-all-products.shopify-section--bordered>.Section--spacingNormal{padding:5px 0 44px 0}#shopify-section-yotpo-ugc.shopify-section--bordered>.Section--spacingNormal{padding:5px 0 7px 0}.template-index #shopify-section-yotpo-all-products.shopify-section--bordered>.Section--spacingNormal{padding:75px 0 44px 0}.yotpo-sub-head{text-align:center;font-size:18px;margin:17px auto 33px}.shopify-section--bordered>.Section--spacingLarge{padding:120px 0}.shopify-section--bordered>.Section--spacingExtraLarge{padding:145px 0}.SectionHeader:not(:only-child){margin-bottom:0}#shopify-section-how-to-video .SectionHeader:not(:only-child){margin-bottom:0}#shopify-section-yotpo-review .SectionHeader:not(:only-child){margin-bottom:0}.SectionHeader__Description{margin-top:24px}.SectionHeader__ButtonWrapper{margin-top:30px}.SectionFooter{margin-top:26px}}.TableWrapper{overflow:auto;-webkit-overflow-scrolling:touch}.Rte table,.Table{width:100%;font-size:calc(var(--base-text-font-size) - (var(--default-text-font-size) - 12px));border-collapse:separate;white-space:nowrap}.Rte table td,.Rte table th,.Table td,.Table th{padding:18px 10px;border-bottom:1px solid var(--border-color);text-align:left}.Rte table td:first-child,.Rte table tfoot td:empty+td,.Rte table th:first-child,.Table td:first-child,.Table tfoot td:empty+td,.Table th:first-child{padding-left:0}.Rte table td:last-child,.Rte table th:last-child,.Table td:last-child,.Table th:last-child{padding-right:0}.Rte table th,.Table th{font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-style:var(--heading-font-style);text-transform:uppercase;letter-spacing:.2em;font-variant-ligatures:none}.Rte table tbody th:first-child,.Rte table thead th:first-child:empty,.Table tbody th:first-child,.Table thead th:first-child:empty{position:-webkit-sticky;position:sticky;left:0;min-width:40px;max-width:100px;z-index:1;background:var(--background);white-space:normal}.Rte table tbody th:first-child,.Table tbody th:first-child{border-right:1px solid var(--border-color)}.Rte table tfoot td:empty,.Table tfoot td:empty{border-bottom:none}.Table--large td{padding-top:25px;padding-bottom:25px}.Table--noBorder tbody tr:not(:last-child) td{border-bottom:none}@media screen and (max-width:640px){.TableWrapper>.Table{padding-right:24px;padding-left:24px}}@media screen and (min-width:1140px){.Rte table,.Table{white-space:normal}.Table--large td{padding-top:35px;padding-bottom:35px}}.TabList{white-space:nowrap;overflow:auto;-webkit-overflow-scrolling:touch}.TabList__Item{position:relative}.TabList__Item::after{position:relative;display:block;content:"";bottom:1px;left:0;height:1px;width:0;background:var(--heading-color);transition:width .25s ease-in-out}.TabList__Item+.TabList__Item{margin-left:28px}.TabList__Item.is-active::after{width:100%}.features--heading-uppercase .TabList__Item.is-active::after{width:calc(100% - .2em)}@media screen and (min-width:641px){.TabList__Item+.TabList__Item{margin-left:45px}}.template-customers .OrderAddresses .Grid__Cell+.Grid__Cell{margin-top:50px}@media screen and (min-width:641px) and (max-width:1007px){.template-customers .OrderAddresses .Grid__Cell+.Grid__Cell{margin-top:0}}@media screen and (min-width:1140px){.template-customers .OrderAddresses .Grid__Cell+.Grid__Cell{margin-top:65px}}.AddressList{margin-bottom:-40px}.AddressList .Grid__Cell{margin-bottom:40px}.AccountAddress span{display:inline-block;margin-bottom:12px}@media screen and (max-width:640px){.Modal--address{height:100%;width:100%;max-width:none;max-height:none}.Modal--address .Modal__Header{margin-top:35px}}@media screen and (min-width:641px) and (max-width:1007px){.OrderAddresses{width:100%;max-width:none}}@media screen and (min-width:641px){.AddressList{margin-bottom:-60px}.AddressList .Grid__Cell{margin-bottom:60px}}.AccountTable th{padding-top:0;padding-bottom:10px;font-size:calc(var(--base-text-font-size) - (var(--default-text-font-size) - 11px))}.AccountTable tfoot{font-size:calc(var(--base-text-font-size) - (var(--default-text-font-size) - 14px))}.AccountTable tfoot span+span{padding-left:18px}.AccountTable .CartItem__PriceList{margin-bottom:0}@media screen and (max-width:640px){.AccountTable .CartItem__ImageWrapper{width:70px;min-width:70px}}.Article__ImageWrapper{overflow:hidden;height:215px}.Article__Image{position:relative;height:100%;width:100%;background-size:cover;background-position:center}@supports (--css:variables){.Article__Image{height:calc(100% + 0px);height:calc(100% + var(--announcement-bar-height,0px));top:calc(-1 * 0px);top:calc(-1 * var(--announcement-bar-height,0px))}}.Article__Wrapper{position:relative;max-width:620px;margin:0 auto 90px auto;padding:24px 24px 0 24px;background:var(--background)}.Article__Header{margin-bottom:35px}.Article__Meta{margin-bottom:18px}.Article__MetaItem+.Article__MetaItem::before{position:relative;display:inline-block;content:"";height:4px;width:4px;border-radius:100%;margin:0 15px;font-size:calc(var(--base-text-font-size) - (var(--default-text-font-size) - 10px));vertical-align:middle;background:currentColor}.Article__Footer{margin-top:45px}.Article__ShareButtons{margin-top:42px}.Article__Author{display:none}@media screen and (min-width:641px){.Article__Wrapper{margin-bottom:120px;padding:40px 50px 0 50px}.Article__ImageWrapper{height:335px}.Article__ImageWrapper+.Article__Wrapper{margin-top:-45px}.Article__Header{margin-bottom:45px}.Article__Footer{display:flex;justify-content:space-between;align-items:center;margin-top:65px}.Article__ShareButtons{margin-top:0}}@media screen and (min-width:1008px){.Article__Wrapper{max-width:780px}.Article__ImageWrapper{height:450px}.Article__ImageWrapper+.Article__Wrapper{margin-top:-70px}}@media screen and (min-width:1140px){.Article__ImageWrapper{height:600px}}.Article__CommentForm{margin-top:40px}.Article__CommentFormWrapper,.Article__Comments{margin:80px 0}.Article__Comments .Pagination{margin-top:40px}.ArticleComment{margin-top:35px}.ArticleComment+.ArticleComment{padding-top:35px;border-top:1px solid var(--border-color)}.ArticleComment__Body{margin-bottom:18px}.ArticleComment__Date{margin-left:15px}@media screen and (min-width:641px){.Article__CommentFormWrapper,.Article__Comments{margin:105px 0}.Article__Comments .Pagination{margin-top:80px}}.ArticleToolbar{position:fixed;display:flex;top:0;width:100%;align-items:center;justify-content:space-between;padding:15px 30px 16px 30px;background:var(--secondary-elements-background);color:var(--secondary-elements-text-color);z-index:2;pointer-events:none;transform:translateY(-100%);opacity:0;will-change:transform,opacity;transition:opacity .2s ease-in-out,transform .2s ease-in-out}@supports (--css:variables){.ArticleToolbar{top:calc(0 * var(--header-height));top:calc(var(--use-sticky-header,0) * var(--header-height))}}.ArticleToolbar.is-visible{transform:translateY(0);opacity:1;pointer-events:auto}.ArticleToolbar .Link:hover{color:var(--secondary-elements-text-color)}.ArticleToolbar .Text--subdued{color:var(--secondary-elements-text-color-light)}.ArticleToolbar__ArticleTitle{position:relative;display:inline-flex;max-width:285px;width:285px;overflow:hidden;white-space:nowrap;text-overflow:clip;color:var(--secondary-elements-text-color)}.ArticleToolbar__ShareList{display:inline-block}.ArticleToolbar__ShareList .HorizontalList{display:inline-block;margin-left:20px}.ArticleToolbar__Nav{display:inline-block;margin-left:50px}.ArticleToolbar__Nav svg{color:var(--secondary-elements-text-color)}.ArticleToolbar__NavItemSeparator{display:inline-block;position:relative;content:"";width:1px;height:12px;margin:0 18px;background:rgba(var(--secondary-elements-text-color-rgb),.8);vertical-align:middle}.ArticleToolbar__NavItem svg{vertical-align:-1px}.ArticleToolbar__NavItem--prev svg{margin-right:6px}.ArticleToolbar__NavItem--next svg{margin-left:6px}@media screen and (min-width:1008px){.ArticleToolbar__ArticleTitle{max-width:400px;width:400px}}@media screen and (min-width:1140px){.ArticleToolbar{padding-left:50px;padding-right:50px}.ArticleToolbar__ArticleTitle{max-width:550px;width:550px}.ArticleToolbar__Nav{margin-left:100px}}.ArticleNav{padding:75px 0;background:var(--secondary-elements-background);color:var(--secondary-elements-text-color)}.ArticleNav .Heading{color:inherit}.ArticleNav__Item{display:block}.ArticleNav__Image{height:350px;background-size:cover;background-position:center}@media screen and (max-width:640px){.ArticleNav .Grid__Cell+.Grid__Cell{margin-top:50px}}@media screen and (min-width:641px){.ArticleNav{padding:140px 0}}.ArticleListWrapper{max-width:1260px;margin:0 auto 60px auto}.ArticleList{margin-bottom:-60px}.ArticleList .Grid__Cell{margin-bottom:60px}.js .features--show-element-staggering .ArticleItem{visibility:hidden}.js .template-search .ArticleItem{visibility:visible}.ArticleItem__ImageWrapper{display:block;margin-bottom:22px;background-size:cover;overflow:hidden}.ArticleItem__Image{display:block;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;font-family:"object-fit: cover; object-position: center;"}.features--show-image-zooming .ArticleItem__Image{transform:scale(1);transition:opacity .3s ease,transform 8s cubic-bezier(.25, .46, .45, .94)}.features--show-image-zooming .ArticleList .ImageHero__ImageWrapper{transition:transform 8s cubic-bezier(.25, .46, .45, .94)}@media (-moz-touch-enabled:0),(hover:hover){.features--show-image-zooming .ArticleItem:hover .ArticleItem__Image,.features--show-image-zooming .ArticleList .ImageHero:hover .ImageHero__ImageWrapper{transform:scale(1.2)}}.ArticleItem__Content{margin:0 8px}.ArticleItem__Category{display:block;margin-bottom:16px}.ArticleItem__Excerpt{margin-bottom:20px}@media screen and (min-width:641px){.ArticleList--withFeatured .Grid__Cell:first-child{margin-bottom:40px}.ArticleItem__Content{margin:0 18px}}@media screen and (min-width:1008px){.ArticleListWrapper{margin-bottom:100px}.ArticleList{margin-bottom:-100px}.ArticleList .Grid__Cell{margin-bottom:100px}.ArticleList--withFeatured .Grid__Cell:first-child{margin-bottom:60px}}.Blog__RssLink{margin-left:14px;vertical-align:baseline}.Blog__RssLink svg{width:10px;height:10px}.Blog__TagList{padding-top:8px}.Blog__TagList .Link.is-active::after{display:block;content:"";width:calc(100% - .15em);height:1px;background:currentColor}@media screen and (max-width:640px){.Blog__TagList .HorizontalList__Item{margin:5px 10px}}@media screen and (min-width:641px){.ArticleList+.Pagination{margin-top:80px}}@media screen and (min-width:1140px){#shopify-section-blog-template+#shopify-section-shop-now{margin-top:150px}}@-webkit-keyframes cartEmptyOpening{from{transform:translate(-50%,calc(-50% + 35px));opacity:0}to{transform:translate(-50%,-50%);opacity:1}}@keyframes cartEmptyOpening{from{transform:translate(-50%,calc(-50% + 35px));opacity:0}to{transform:translate(-50%,-50%);opacity:1}}.Cart__Empty{position:absolute;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;-webkit-animation:cartEmptyOpening .8s cubic-bezier(.215,.61,.355,1);animation:cartEmptyOpening .8s cubic-bezier(.215,.61,.355,1)}@media screen and (min-width:641px){.Cart__ShippingNotice{font-size:calc(var(--base-text-font-size) - (var(--default-text-font-size) - 13px))}}.CartItemWrapper{overflow:hidden}.CartItem{display:table;table-layout:fixed;margin:30px 0;width:100%}.CartItem__ImageWrapper,.CartItem__Info{display:table-cell;vertical-align:middle}.CartItem__ImageWrapper{width:90px;min-width:90px;text-align:center}.CartItem__Info{padding-left:25px}.CartItem__Title{width:100%;font-size:calc(var(--base-text-font-size) - (var(--default-text-font-size) - 11px));font-family:linetocircularmedium,sans-serif;white-space:normal;overflow:hidden;text-overflow:ellipsis}.CartItem__PlanAllocation,.CartItem__PropertyList,.CartItem__Title,.CartItem__Variant{margin-bottom:.45em}.CartItem__DiscountList,.CartItem__LinePriceList,.CartItem__Meta{font-size:calc(var(--base-text-font-size) - (var(--default-text-font-size) - 9px))}.CartItem__PropertyList{list-style:none;font-style:italic}.CartItem__DiscountList{list-style:none}.CartItem__Discount{display:inline-block;margin-top:6px;padding:4px 0;color:#000}.CartItem__Discount svg{margin-right:4px;vertical-align:text-bottom;display:none}.CartItem__Discount+.CartItem__Discount{margin-top:4px}.CartItem__UnitPriceMeasurement{margin-top:4px}.CartItem__Actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:16px}.CartItem__Remove{margin:8px 0;font-size:calc(var(--base-text-font-size) - (var(--default-text-font-size) - 8px))}.CartItem__Remove::before{background:var(--text-color-light)}@media screen and (min-width:641px){.CartItem__ImageWrapper{width:120px}.CartItem__Title{font-size:calc(var(--base-text-font-size) - (var(--default-text-font-size) - 12px))}.CartItem__LinePriceList,.CartItem__Meta{font-size:calc(var(--base-text-font-size) - (var(--default-text-font-size) - 11px))}.CartItem__Remove{font-size:calc(var(--base-text-font-size) - (var(--default-text-font-size) - 9px))}.CartItem__Actions{margin-top:20px}}.Cart .Drawer__Footer,.Cart__OffscreenNoteContainer{padding:14px 24px 24px 24px}.Cart__Checkout{display:flex;align-items:center;justify-content:center;margin-top:18px}.Cart__OffscreenNoteContainer{position:absolute;width:100%;bottom:0;left:0;z-index:1;background:var(--background);border-top:1px solid var(--border-color);transform:translateY(100%);transition:transform .25s ease-in-out}.Cart__OffscreenNoteContainer[aria-hidden=false]{transform:translateY(0);box-shadow:1px 0 6px rgba(54,54,54,.2)}.Cart__Note{margin-top:10px}.Cart__Taxes{margin-bottom:8px}.Cart__Discount svg{margin-right:8px;vertical-align:sub}.has-note-open[aria-hidden=false] .Drawer__Header,.has-note-open[aria-hidden=false] .Drawer__Main{opacity:.4;pointer-events:none;transition:opacity .5s ease}@media screen and (min-width:641px){.Cart .Drawer__Footer,.Cart__OffscreenNoteContainer{padding:20px 30px 30px 30px}.Cart__NoteButton+.Cart__Taxes{margin-top:4px}}.d-social-mobile{display:block;margin-bottom:10px}.Footer--withMargin{margin-top:60px}.Footer .Link--secondary:hover{color:var(--footer-text-color)}.Footer__Title{margin-bottom:20px}.Footer__Content+.Footer__Newsletter{margin-top:18px}.Footer__ThemeAuthor{margin-top:4px}.Footer__PaymentList{margin:54px -24px 0 -24px;padding-top:28px;border-top:1px solid var(--footer-border-color)}.Footer__PaymentList svg{opacity:.8;width:38px;height:24px}.Footer__Block--links.block-index-1 ul.Footer__Social{display:block;margin-bottom:10px}.Footer__Block.block-index-3{margin-top:0;margin-bottom:40px}.Footer__Block--newsletter #mc_embed_signup{width:100%;float:none;margin:0 auto;max-width:345px}#mc_embed_signup_oos{width:90%;float:none;margin:0 auto;max-width:90%;margin-top:20px}.Footer__Block.Footer__Block--newsletter.block-index-4>h2{display:none}.d-footer-mobile .Footer__Block.Footer__Block--newsletter.block-index-4>h2{display:block}#mc_embed_signup h2.Footer__Title,#mc_embed_signup_oos{color:#909090;font-size:14px;letter-spacing:.01em;margin:0 0 14px 0;font-family:linetocircularbook,sans-serif;font-weight:400}.Footer__Block.Footer__Block--text .Footer__Content p:first-child{margin-bottom:.2em;font-size:18px;letter-spacing:.025em}.Footer__Block .Rte a:not(.Button){color:var(--footer-text-color);-webkit-text-decoration-color:var(--footer-text-color);text-decoration-color:var(--footer-text-color)}.Footer__Block.Footer__Block--links h2.Footer__Title{display:none}.Footer__Block.Footer__Block--newsletter .Footer__Title{color:#909090;font-size:14px;letter-spacing:.01em;margin-bottom:14px;text-align:center}.Footer__Block.Footer__Block--newsletter .Form__Input{width:60%;max-width:215px;float:left;margin:0;height:50px;border:1px solid #f69370;background:#fff}.Footer__Block.Footer__Block--newsletter .Button--primary{margin:0;width:40%;max-width:150px;float:left;height:50px}.Footer__Block.Footer__Block--newsletter .Button--primary{padding:14px 5px}@media screen and (min-width:1240px){.Footer__Copyright{float:left;margin:12px 0;padding:0 5px 0 0;border-right:1px solid #c6c6c6;width:auto}.Footer__Terms{float:left;margin:12px 0;padding:0 0 0 5px;width:auto}.Footer__Terms.Privacy__Terms{border-left:1px solid #c6c6c6}}.Footer .Footer__Copyright .Heading:hover,.Footer .Footer__Terms .Heading:hover{color:#000}#mc_embed_signup_oos .mc-field-group input,.Footer__Block.Footer__Block--newsletter #mc_embed_signup .mc-field-group input{width:60%;float:left;clear:none;margin:0;height:50px;border:1px solid #f69370;background:#fff;border-radius:0;padding:12px 14px}#mc_embed_signup_oos .mc-field-group input#mc-embedded-subscribe,.Footer__Block.Footer__Block--newsletter #mc_embed_signup .mc-field-group input#mc-embedded-subscribe{width:40%!important;float:left;margin:0!important;height:50px!important;border-radius:0}.d-footer-mobile h2.Footer__Title{color:#909090;font-size:18px;letter-spacing:.025em;margin-top:20px}@media screen and (min-width:1240px){#section-footer .Container{padding:0}.Footer__Inner.d-footer-dt{display:flex}.Footer__Inner.d-footer-mobile{display:none}#section-footer .Container .Footer__Inner{padding:0 0 30px 0;max-width:1100px;margin:0 auto}#section-footer .Container .Footer__Aside{padding:0}.Footer__Block--links.block-index-1 ul.Footer__Social{display:none}.Footer{padding:44px 0 0 0}.Footer--withMargin{margin-top:80px}.Footer__Social{margin-top:14px}.Footer__StoreName{font-size:to-size(11px)}.Footer__PaymentList{padding:0;margin:0 -8px;border:none}.Footer--withMargin{margin-top:120px}.Footer__Inner{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.Footer--center .Footer__Inner{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.Footer__Block{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;flex-basis:20%;margin:0;padding:0}.Footer__Block--newsletter,.Footer__Block--text{-ms-flex-preferred-size:240px;flex-basis:40%}.Footer__Block--newsletter #mc_embed_signup{width:375px;max-width:375px;float:right;margin:0}#mc_embed_signup_oos{width:90%;max-width:90%;float:none;margin:20px 0 0 0}.Footer__Block--text{-ms-flex-preferred-size:460px;flex-basis:460px}.Footer__Block--newsletter{-ms-flex-preferred-size:375px;flex-basis:375px}.Footer__Block.Footer__Block--newsletter .Footer__Title{text-align:left}.Footer__Copyright{padding:0 20px}.Footer__Terms{padding:0 20px}.Footer__Block.Footer__Block--links .Linklist__Item>.Link{line-height:1.5}}@media screen and (min-width:1008px){.d-social-mobile{display:none}}.Cart--expanded .Cart__Footer{padding-top:25px;border-top:1px solid var(--border-color)}.Cart--expanded .Cart__Recap{text-align:right}.Cart--expanded .Cart__Recap,.Cart--expanded .Cart__Recap .Cart__Checkout{margin-top:16px}.Cart--expanded .Cart__Checkout{margin-left:auto}@media screen and (max-width:640px){.CartItem__Info~.CartItem__Actions,.CartItem__Info~.CartItem__LinePriceList{display:none}}@media screen and (min-width:641px){.Cart--expanded .Cart__ItemList{display:table;table-layout:auto;border-spacing:0 30px;width:100%}.Cart--expanded .Cart__Head{display:table-header-group}.Cart--expanded .Cart__HeadItem{display:table-cell;padding-bottom:10px;border-bottom:1px solid var(--border-color)}.Cart--expanded .CartItem{display:table-row}.Cart--expanded .CartItem__Info{max-width:300px;width:300px}.Cart--expanded .CartItem__Info>.CartItem__Actions{display:none}.Cart--expanded .CartItem__Info~.CartItem__Actions,.Cart--expanded .CartItem__Info~.CartItem__LinePriceList{display:table-cell;vertical-align:middle}.Cart--expanded .CartItem__QuantitySelector{margin-bottom:6px}.Cart--expanded .Cart__Footer{display:table;width:100%;table-layout:fixed}.Cart--expanded .Cart__NoteContainer,.Cart--expanded .Cart__Recap{display:table-cell}.Cart--expanded .Cart__NoteContainer{width:340px}.Cart--expanded .Cart__Checkout{width:auto}}@media screen and (min-width:1140px){.Cart--expanded .CartItem__Info{max-width:425px;width:425px}}.ShippingEstimator__Results{height:0;overflow:hidden;transition:height .25s ease-in-out}.ShippingEstimator__Error,.ShippingEstimator__ResultsInner{margin-top:32px}.ShippingEstimator__Results p{margin-bottom:.5em}@media screen and (max-width:640px){.ShippingEstimator__Submit{width:100%}.ShippingEstimator__Country,.ShippingEstimator__Province,.ShippingEstimator__Zip{margin-bottom:20px}}@media screen and (min-width:641px){.ShippingEstimator__Form{display:flex}.ShippingEstimator__Form>:not(:first-child){margin-left:20px}.ShippingEstimator__Country,.ShippingEstimator__Province{margin-bottom:0}.ShippingEstimator__Zip{margin-bottom:0;max-width:130px}}.CollectionList::after{content:"flickity";display:none}.CollectionItem{display:block}.CollectionItem__Wrapper{position:relative;height:500px;background-size:cover;background-position:center;overflow:hidden}.CollectionItem__Wrapper--small{height:450px}.CollectionItem__Wrapper--large{height:550px}.CollectionItem__ImageWrapper{background-size:cover;background-position:center;height:100%;width:100%}.features--show-image-zooming .CollectionItem__ImageWrapper{transform:scale(1);transition:transform 8s cubic-bezier(.25, .46, .45, .94)}.CollectionItem__Image{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center}.CollectionItem__Content{position:absolute;padding:0 24px;margin-bottom:0!important;top:50%;left:50%;width:100%;transform:translate(-50%,-50%);text-align:left}.CollectionItem__Content--bottomCenter,.CollectionItem__Content--middleCenter{text-align:center}.CollectionItem__Content--bottomRight,.CollectionItem__Content--middleRight{text-align:right}.CollectionItem__Content--bottomCenter,.CollectionItem__Content--bottomLeft,.CollectionItem__Content--bottomRight{bottom:24px;top:auto;left:0;transform:none}@media (-moz-touch-enabled:0),(hover:hover){.features--show-image-zooming .CollectionItem:hover .CollectionItem__ImageWrapper{transform:scale(1.2)}}@media screen and (max-width:640px){.CollectionList--grid{margin:12px 12px 12px 12px}.shopify-section:not(.shopify-section--slideshow)+.shopify-section .CollectionList--grid{margin-top:-12px}.CollectionList--grid .CollectionItem{padding:12px}.CollectionList:not(.CollectionList--grid) .CollectionItem__Content--bottomCenter,.CollectionList:not(.CollectionList--grid) .CollectionItem__Content--bottomLeft,.CollectionList:not(.CollectionList--grid) .CollectionItem__Content--bottomRight{bottom:70px}}@media screen and (min-width:641px){.CollectionList{display:flex;flex-wrap:wrap;margin-bottom:0}.CollectionList::after{content:""}.CollectionList--spaced{margin:15px}.CollectionList--spaced .CollectionItem{padding:15px}.shopify-section:not(.shopify-section--slideshow)+.shopify-section .CollectionList--grid.CollectionList--spaced{margin-top:-15px}.CollectionItem{display:block!important;flex:0 1 0;min-width:50%}.CollectionItem--expand{flex-grow:1}.CollectionItem__Content{padding:0 40px}.CollectionItem__Content--bottomCenter,.CollectionItem__Content--bottomLeft,.CollectionItem__Content--bottomRight{bottom:40px}}@media screen and (min-width:1140px){.CollectionItem{min-width:33.33333%}.CollectionItem__Wrapper{height:600px}.CollectionItem__Wrapper--small{height:500px}.CollectionItem__Wrapper--large{height:700px}.CollectionItem__Content{padding:0 50px}.CollectionItem__Content--bottomCenter,.CollectionItem__Content--bottomLeft,.CollectionItem__Content--bottomRight{bottom:50px}}.CollectionToolbar{position:-webkit-sticky;position:sticky;display:flex;justify-content:space-between;width:100%;background:var(--background);box-shadow:1px 1px var(--border-color),-1px -1px var(--border-color);z-index:2}.CollectionToolbar--top{top:var(--header-base-height)}@supports (--css:variables){.CollectionToolbar--top{top:calc(var(--header-height) * 0);top:calc(var(--header-height) * var(--use-sticky-header,0))}}.supports-sticky .CollectionToolbar--bottom{bottom:0}.CollectionToolbar__Group{display:flex;flex:1 0 auto}.CollectionToolbar__Item{flex:1 0 auto;padding:13px 0;border-left:1px solid var(--border-color);text-align:center;vertical-align:middle;cursor:pointer;transition:background .2s ease-in-out}.CollectionToolbar__Item--sort .Icon--select-arrow{height:6px;margin-left:2px;pointer-events:none}.CollectionToolbar__Item--layout{flex:none;width:95px;line-height:1;cursor:auto;cursor:initial}.CollectionToolbar__LayoutType{margin:0 6px;opacity:.2;transition:opacity .25s ease-in-out}.CollectionToolbar__LayoutType svg{width:18px;height:18px}.CollectionToolbar__LayoutType.is-active{opacity:1}@media screen and (max-width:640px){.CollectionToolbar__Item:first-child{border-left:none}}@media screen and (min-width:641px){.CollectionToolbar--reverse,.CollectionToolbar__Group{flex-direction:row-reverse}.CollectionToolbar__Group{flex:none}.CollectionToolbar__Item{padding:18px 0}.CollectionToolbar__Group .CollectionToolbar__Item{padding-left:45px;padding-right:45px}.CollectionToolbar__Item--layout{border-left:none;width:115px;border-right:1px solid var(--border-color);white-space:nowrap}}.CollectionFilters .Collapsible:first-child{border-top:none}@media screen and (min-width:641px){.CollectionFilters .Drawer__Main{padding-top:35px}}.js .features--show-element-staggering .ProductList--grid .ProductItem{visibility:hidden}.ProductItem__LabelList{position:absolute;right:10px;top:6px;text-align:left}.d-show .ProductItem__LabelList{display:none}.ProductItem__GraphicList{position:absolute;right:25px;top:25px;width:19%}.ProductItem__Label{display:none;font-size:calc(var(--base-text-font-size) - (var(--default-text-font-size) - 9px));margin:4px 0;padding:2px 6px;background:var(--background);max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content}.ProductItem__Graphic{display:block;width:100%}.ProductItem__Graphic img{width:100%}.features--heading-uppercase .ProductItem__Info{font-size:calc(var(--base-text-font-size) - (var(--default-text-font-size) - 11px))}@media screen and (min-width:641px){.ProductItem__Info{min-height:9.5em}.ShopTheLook__ProductItem .ProductItem__Info{min-height:10.5em}}.ProductItem__Info--right{text-align:right}.ProductItem__ColorSwatchList{margin-top:15px}.ProductItem__ColorSwatchItem{display:inline-block;margin:0 5px}.ProductItem__ColorSwatchList+.ProductItem__PriceList{margin-top:12px}.ProductItem__UnitPriceMeasurement{margin-top:4px}@media (-moz-touch-enabled:0),(hover:hover){.features--show-price-on-hover .ProductItem__PriceList--showOnHover{opacity:0;transform:translateY(10px);transition:all .35s ease-in-out}.features--show-price-on-hover .ProductItem:hover .ProductItem__PriceList--showOnHover{opacity:1;transform:translateY(0)}.ProductItem__ImageWrapper--withAlternateImage:hover .ProductItem__Image{opacity:0!important}.ProductItem__ImageWrapper--withAlternateImage:hover .ProductItem__Image--alternate{opacity:1!important}}@media screen and (min-width:641px){.ProductItem__Label{font-size:calc(var(--base-text-font-size) - (var(--default-text-font-size) - 11px))}.ProductItem__Info{font-size:calc(var(--base-text-font-size) - (var(--default-text-font-size) - 13px))}.features--heading-uppercase .ProductItem__Info{font-size:calc(var(--base-text-font-size) - (var(--default-text-font-size) - 12px))}}@media screen and (min-width:1008px){.ProductItem--horizontal{display:flex;justify-content:space-between;align-items:center}.ProductItem--horizontal .ProductItem__Wrapper{display:flex;align-items:center}.ProductItem--horizontal .ProductItem__ImageWrapper{min-width:100px}.ProductItem--horizontal .ProductItem__Info{margin:0 30px 0 40px;text-align:left}.ProductItem--horizontal .ProductItem__ViewButton{flex-shrink:0}}.CollectionInner{margin-top:24px}.ProductList--grid{padding:0 12px}@media screen and (max-width:640px){.ProductList--grid{margin-left:-10px}.ProductList--removeMargin{margin-bottom:-35px!important}.ProductList--grid>.Grid__Cell{padding-left:10px;margin-bottom:35px}.template-search .ProductList--grid>.Grid__Cell{width:49.5%}}@media screen and (min-width:641px){.CollectionInner{margin-top:50px}.ProductList--grid{padding:0 24px;margin-left:-24px}.ProductList--removeMargin{margin-bottom:-50px!important}.ProductList--grid>.Grid__Cell{padding-left:24px;margin-bottom:50px}}@media screen and (min-width:1008px){.CollectionInner{display:flex}.CollectionInner__Sidebar{position:-webkit-sticky;position:sticky;top:200px;flex:none;align-self:flex-start;width:200px;margin:0 16px 0 24px;padding-bottom:50px}@supports (--css:variables){.CollectionInner__Sidebar{top:calc(var(--header-height) + 50px)}}@supports (--css:variables){.CollectionInner__Sidebar--withTopToolbar{top:calc(var(--header-height) * 0 + 105px);top:calc(var(--header-height) * var(--use-sticky-header,0) + 105px)}}.CollectionInner__Products{flex:1 0 0}.CollectionInner__Sidebar .Collapsible{padding:0}}@media screen and (min-width:1140px){.CollectionInner__Sidebar{margin-right:10px;margin-left:50px}.CollectionInner .Pagination{margin-bottom:80px}.ProductList--grid{padding:0 50px}.ProductList--grid[data-desktop-count="2"]{margin-left:calc(-1 * var(--horizontal-spacing-two-products-per-row))}.ProductList--grid[data-desktop-count="2"]>.Grid__Cell{padding-left:var(--horizontal-spacing-two-products-per-row);margin-bottom:var(--vertical-spacing-two-products-per-row)}.ProductList--removeMargin[data-desktop-count="2"]{margin-bottom:calc(-1 * var(--vertical-spacing-two-products-per-row))!important}.ProductList--grid[data-desktop-count="3"],.ProductList--grid[data-desktop-count="4"]{margin-left:calc(-1 * var(--horizontal-spacing-four-products-per-row))}.ProductList--grid[data-desktop-count="3"]>.Grid__Cell,.ProductList--grid[data-desktop-count="4"]>.Grid__Cell{padding-left:var(--horizontal-spacing-four-products-per-row);margin-bottom:var(--vertical-spacing-four-products-per-row)}.ProductList--removeMargin[data-desktop-count="3"],.ProductList--removeMargin[data-desktop-count="4"]{margin-bottom:calc(-1 * var(--vertical-spacing-four-products-per-row))!important}}@media screen and (max-width:640px){.template-collection .ProductList--grid,.template-search .ProductList--grid{margin-bottom:20px}}@media screen and (min-width:641px) and (max-width:1007px){.ProductList--carousel .Carousel__Cell{width:48%;padding:0 15px}.ProductList--carousel .Carousel__Cell:first-child{margin-left:26%}.ProductList--carousel .Carousel__Cell:last-child{margin-right:26%}}@media screen and (min-width:1008px){.ProductList--carousel{margin:0 90px}.ProductList--carousel::after{content:"flickity";display:none}.ProductList--carousel .Carousel__Cell{width:33.3333%;left:0;padding:0 calc(var(--horizontal-spacing-four-products-per-row)/ 2);margin-left:0}.ProductList--carousel .flickity-prev-next-button{top:calc(50% - 45px);width:45px;height:45px;stroke-width:1px}.ProductList--carousel .flickity-prev-next-button.next{right:-50px}.ProductList--carousel .flickity-prev-next-button.previous{left:-50px}}@media screen and (min-width:1140px){.ProductList--carousel .Carousel__Cell{width:25%}}.ProductList--shopNow{position:static}.ProductList--shopNow .Carousel__Cell{padding:0 60px}@media screen and (max-width:640px){.ShopNowGrid .FeaturedQuote{margin:50px -24px -90px -24px}}@media screen and (min-width:641px) and (max-width:1007px){.ShopNowGrid .FeaturedQuote{margin:60px -50px -90px -50px}}@media screen and (min-width:641px){.ProductList--shopNow{padding:0 50px;overflow:hidden}.ProductList--shopNow .flickity-viewport{overflow:visible}.ProductList--shopNow .Carousel__Cell{width:50%;padding:0 50px}}@media screen and (min-width:1008px){.ProductList--shopNow[data-desktop-count="3"] .Carousel__Cell{width:33.333333%}.ShopNowGrid{display:flex}.ShopNowGrid .FeaturedQuote{height:100%}}.Faq__Section{margin-bottom:20px}.Faq__Section~.Faq__Section{margin-top:34px}.Faq__Item{position:relative;margin:14px 0}.Faq__Icon{position:absolute;top:0;left:0;color:var(--text-color-light);transition:all .3s ease-in-out}.Faq__Icon svg{width:8px;height:10px;vertical-align:baseline}.Faq__Item[aria-expanded=true] .Faq__Icon{transform:rotateZ(90deg);color:var(--heading-color)}.Faq__ItemWrapper{padding-left:26px}.Faq__Question{display:block;width:100%;margin-bottom:0;text-align:left}.Faq__AnswerWrapper{height:0;overflow:hidden;visibility:hidden;transition:height .25s ease-in-out,visibility 0s ease-in-out .25s}.Faq__Item[aria-expanded=true] .Faq__AnswerWrapper{visibility:visible;transition:height .25s ease-in-out}.Faq__Answer{padding:16px 0 22px 0}.Faq__Item--lastOfSection .Faq__Answer{padding-bottom:0}.FaqSummary{list-style:none;margin:0;padding:0}.FaqSummary__Item{margin-bottom:12px}.FaqSummary__Item.is-active::after{width:100%}.FaqSummary__Link{display:block}.FaqSummary__LinkLabel{position:relative;display:inline-block}.FaqSummary__LinkLabel::after{position:absolute;content:"";left:0;bottom:0;width:100%;height:1px;transform:scale(0,1);transform-origin:left center;background:currentColor;transition:transform .2s linear}.FaqSummary__Item.is-active .FaqSummary__LinkLabel::after{transform:scale(1,1)}@media screen and (min-width:641px){.Faq__Section{margin-bottom:34px}.Faq__Section~.Faq__Section{margin-top:60px}}.FeatureText{text-align:center}.FeatureText__ContentWrapper{padding-left:24px;padding-right:24px}.FeatureText__ImageWrapper{overflow:hidden}.FeatureText--withImage .FeatureText__ContentWrapper{padding-top:50px;padding-bottom:20px}.FeatureText .SectionHeader__Description{margin-top:25px;margin-bottom:20px}@media screen and (max-width:640px){.FeatureText--imageLeft{display:flex;flex-direction:column-reverse}}@media screen and (min-width:641px){.FeatureText__Content{max-width:650px;margin:0 auto}.FeatureText--withImage{display:table;width:100%;text-align:left;table-layout:fixed}.FeatureText--withImage .FeatureText__ContentWrapper,.FeatureText--withImage .FeatureText__ImageWrapper{display:table-cell;width:50%;vertical-align:middle}.FeatureText--withImage .FeatureText__ContentWrapper{padding:50px}.FeatureText--imageRight .FeatureText__ContentWrapper{padding-right:40px}.FeatureText--imageRight .AspectRatio,.FeatureText--imageRight .FeatureText__Content{margin-right:0}.FeatureText--imageRight .AspectRatio{text-align:right}.FeatureText--imageLeft .FeatureText__ContentWrapper{padding-left:40px}.FeatureText--imageLeft .AspectRatio,.FeatureText--imageLeft .FeatureText__Content{margin-left:0}.FeatureText--imageLeft .AspectRatio{text-align:left}}@media screen and (min-width:1140px){.FeatureText--imageRight .FeatureText__ContentWrapper{padding-right:100px}.FeatureText--imageLeft .FeatureText__ContentWrapper{padding-left:100px}}.shopify-section--bordered+.shopify-section--footer{border-top:1px solid var(--footer-border-color)}.GiftCard{text-align:center}.GiftCard__Wrapper{position:relative;max-width:400px;margin:0 auto}.GiftCard__Redeem{margin-bottom:30px}.GiftCard__IllustrationWrapper{position:relative;margin:40px 0}.GiftCard__CodeHolder{position:absolute;display:inline-block;margin:0 auto;bottom:20px;left:50%;white-space:nowrap;padding:12px 20px;background:#fff;border-radius:3px;transform:translateX(-50%)}.GiftCard__QrCode{margin:20px 0}.GiftCard__QrCode img{margin:0 auto}.Header .Link--primary,.Header .Link--secondary:hover{color:var(--header-light-text-color)}.Header .Text--subdued{color:var(--header-heading-color)}@media screen and (min-width:641px){.Header__Logo{width:85px}}.Header__LogoImage--transparent{position:absolute;top:0;left:0;opacity:0}.Header__Icon+.Header__Icon{margin-left:18px}.supports-sticky .Search[aria-hidden=true]+.Header--transparent{background:#fff}.supports-sticky .Search[aria-hidden=true]+.Header--transparent .Header__LogoImage--primary:not(:only-child){opacity:0}.supports-sticky .Search[aria-hidden=true]+.Header--transparent .Header__LogoImage--transparent{opacity:1}.supports-sticky .Search[aria-hidden=true]+.Header--transparent .Header__Icon svg{-webkit-filter:drop-shadow(0 1px rgba(0,0,0,0.25));filter:drop-shadow(0 1px rgba(0, 0, 0, .25))}.supports-sticky .Search[aria-hidden=true]+.Header--transparent .Header__Icon,.supports-sticky .Search[aria-hidden=true]+.Header--transparent .Header__LogoLink>.Heading,.supports-sticky .Search[aria-hidden=true]+.Header--transparent .HorizontalList__Item>.Heading,.supports-sticky .Search[aria-hidden=true]+.Header--transparent .HorizontalList__Item>.SelectButton,.supports-sticky .Search[aria-hidden=true]+.Header--transparent .Text--subdued{color:currentColor}.Header__Icon .Icon--cart{width:17px;height:20px}.Header__Icon .Icon--search{position:relative;top:1px;width:18px;height:17px}.Header__CartDot{position:absolute;top:2px;right:-6px;width:8px;height:8px;border-radius:100%;background-color:var(--header-heading-color);box-shadow:0 0 0 2px var(--header-background);transform:scale(0);transition:all .3s ease-in-out}.Header__CartDot.is-visible{transform:scale(1)}.Search[aria-hidden=true]+.Header--transparent .Header__CartDot{box-shadow:none;background-color:currentColor}@media screen and (min-width:641px){.Header__Wrapper{padding:18px 30px 18px 43px}.Header__LogoImage{max-width:100%;width:100%}.Header__Icon+.Header__Icon{margin-left:25px}.Header__Icon .Icon--nav-desktop{height:17px;width:24px}.Header__Icon .Icon--cart-desktop{height:23px;width:19px}.Header__Icon .Icon--search-desktop{position:relative;top:2px;width:21px;height:21px}.Header__Icon .Icon--account{position:relative;top:2px;width:20px;height:20px}.Header--withIcons .Header__SecondaryNav{position:relative;margin-right:21px;display:flex;justify-content:center;align-items:center}}@media screen and (min-width:1140px){.js .Header__Wrapper{opacity:0;transition:opacity .3s ease-in-out}.Header:not(.Header--sidebar) .Header__Wrapper{padding:23px 56px}.Header__Localization{display:inline-block}.Header__MainNav{margin-right:45px}.Header--inline .Header__FlexItem:first-child .Header__LocalizationForm,.Header--logoLeft .Header__FlexItem:first-child .Header__LocalizationForm{display:none}.Header--logoLeft .Header__FlexItem--logo{order:-1;margin-right:38px}.Header--logoLeft .Header__FlexItem--fill:last-child{flex:none}.Header--center .Header__MainNav{position:absolute;top:23px;left:0;padding:0;width:100%;text-align:left;display:inline-block}.Header--center .Header__MainNav .HorizontalList{margin-left:0;margin-right:0;display:inline-block}.Header--center .Header__FlexItem{margin-bottom:0}.Header--center .Header__SecondaryNav .Header__LocalizationForm{display:none}.Header--initialized .Header__Wrapper{opacity:1}}.Header__LinkSpacer{position:absolute;display:block;bottom:0;color:transparent;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.Header__LinkSpacer::after{position:absolute;content:"";bottom:0;left:0;width:100%;opacity:0;transform:scale(0,1);transform-origin:left center;border-bottom:none;transition:transform .3s,opacity .3s}.Header:not(.Header--transparent) .HorizontalList__Item.is-active .Header__LinkSpacer::after,.Header:not(.Header--transparent) .HorizontalList__Item.is-expanded .Header__LinkSpacer::after{opacity:1;transform:scale(1,1)}.DropdownMenu{position:absolute;visibility:hidden;opacity:0;top:100%;padding:25px 0;min-width:200px;max-width:270px;width:-webkit-max-content;width:-moz-max-content;width:max-content;text-align:left;background:var(--header-background);border:1px solid var(--header-border-color);border-top:none;transition:all .3s ease-in-out}.DropdownMenu::before{content:"";position:absolute;bottom:100%;left:0;background:var(--header-heading-color);width:100%;height:2px;transform:scale(0,1);transform-origin:left center;transition:transform .3s}.DropdownMenu[aria-hidden=false]{opacity:1;visibility:visible}.DropdownMenu[aria-hidden=false]::before{transform:scale(1,1)}.DropdownMenu[aria-hidden=false] .DropdownMenu{display:block}.DropdownMenu [aria-haspopup]{position:relative}.DropdownMenu .Link{padding-left:25px;padding-right:40px}.DropdownMenu svg{position:absolute;width:6px;top:calc(50% - 4px);height:10px;right:20px;transition:transform .2s ease-in-out}.DropdownMenu .Linklist__Item:hover svg{transform:translateX(4px)}.DropdownMenu .Linklist__Item:hover>.Link--secondary{color:var(--header-light-text-color)}.DropdownMenu .DropdownMenu{display:none;left:100%;top:-26px;border-top:1px solid var(--header-border-color)}.DropdownMenu .DropdownMenu::before{display:none}.DropdownMenu .DropdownMenu--reversed{left:auto;right:100%}.MegaMenu{position:absolute;padding:20px 0;width:100%;left:0;top:100%;visibility:hidden;opacity:0;max-height:600px;overflow:auto;-ms-scroll-chaining:none;overscroll-behavior:contain;text-align:left;background:#fafafa;border-bottom:0;transition:all .3s ease-in-out;margin-top:31px}@supports (--css:variables){.MegaMenu{max-height:calc(100vh - var(--header-height))}}.MegaMenu[aria-hidden=false]{opacity:1;visibility:visible}.MegaMenu__Inner{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:nowrap;max-width:1450px;margin:0 auto;padding:0 10px}.MegaMenu--spacingEvenly .MegaMenu__Inner{justify-content:space-around;justify-content:space-evenly}.MegaMenu--spacingCenter .MegaMenu__Inner{justify-content:center}@supports (display:grid){.MegaMenu--grid .MegaMenu__Inner{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}.MegaMenu__Item{margin:20px 40px;flex-shrink:1}.MegaMenu__Item--fit{flex-shrink:0}.MegaMenu__Title{display:block;margin-bottom:15px}.MegaMenu__Push{display:inline-block;text-align:center;vertical-align:top;width:100%}.MegaMenu__Push--shrink{width:50%}.MegaMenu__Push--shrink:first-child{padding-right:15px}.MegaMenu__Push--shrink:last-child{padding-left:15px}.MegaMenu__PushImageWrapper{margin:8px auto 20px auto;max-width:100%;overflow:hidden}.MegaMenu__PushHeading{margin-bottom:6px}@media (-moz-touch-enabled:0),(hover:hover){.MegaMenu__Push img{transform:scale(1);transition:opacity .3s ease,transform 8s cubic-bezier(.25, .46, .45, .94)}.MegaMenu__Push:hover img{transform:scale(1.2)}}.MegaMenu__Title.Heading{font-family:linetocircularbold,sans-serif;font-weight:700}.ImageHero{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;text-align:center;background-size:cover;background-position:center;min-height:380px;width:100%;overflow:hidden}.ImageHero--small{min-height:330px}.ImageHero--large{min-height:480px}.ImageHero__Image,.ImageHero__ImageWrapper{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center}@media screen and (min-width:1008px) and (-moz-touch-enabled:0),screen and (min-width:1008px) and (hover:hover){.ImageHero__Image--parallax{background-attachment:fixed}}.ImageHero__ImageWrapper--hasOverlay::before{position:absolute;content:"";height:100%;width:100%;left:0;top:0}.ImageHero__Wrapper{z-index:1}.ImageHero__ContentOverlay{position:relative;flex-basis:425px;flex-grow:0;padding:0 15px;text-shadow:0 1px rgba(0,0,0,.5)}.ImageHero__TextContent{position:absolute;padding:0 24px;margin-bottom:0!important;top:50%;left:50%;width:100%;transform:translate(-50%,-50%);text-align:center}.ImageHero iframe{position:absolute;height:100%;width:200%;left:-50%;pointer-events:none}.ImageHero--large iframe{width:250%;left:-75%}.ImageHero iframe[src]{pointer-events:auto}.ImageHero__Block{margin:40px auto;padding:38px 20px;max-width:250px;box-shadow:0 1px 20px rgba(54,54,54,.3)}.ImageHero__Block--small{max-width:165px}.ImageHero__Block--large{max-width:320px}.ImageHero__BlockHeading{margin:-.325em 0 18px 0}.ImageHero__BlockContent+.ImageHero__BlockLink{margin-top:18px}@media screen and (max-width:640px){.ImageHero__Block{font-size:calc(var(--base-text-font-size) - (var(--default-text-font-size) - 11px))}}@media screen and (min-width:641px){.ImageHero{min-height:450px}.ImageHero--small{min-height:400px}.ImageHero--large{min-height:500px}.ImageHero iframe{width:100%;height:200%;left:0}.ImageHero__Block{padding:48px 15px;max-width:380px}.ImageHero__Block--small{max-width:240px}.ImageHero__Block--large{max-width:520px}.ImageHero__TextContent{padding:0 40px;bottom:40px;top:auto;left:0;transform:none;text-align:left}}@media screen and (min-width:1140px){.ImageHero{min-height:500px}.ImageHero--small{min-height:450px}.ImageHero--large{min-height:600px}.ImageHero__TextContent{padding:0 50px;bottom:50px}}.NewsletterPopup{position:fixed;bottom:0;left:0;width:calc(100% - 30px);padding:24px 30px 30px 30px;background:var(--newsletter-popup-background);color:var(--newsletter-popup-text-color);z-index:50;text-align:center;box-shadow:0 1px 4px rgba(0,0,0,.3);visibility:hidden;transform:translateY(25px);opacity:0;transition:all .5s var(--drawer-transition-timing)}.NewsletterPopup .Heading{color:inherit}.NewsletterPopup .Form__Input::-moz-placeholder{color:rgba(var(--newsletter-popup-text-color-rgb),.6)}.NewsletterPopup .Form__Input:-ms-input-placeholder{color:rgba(var(--newsletter-popup-text-color-rgb),.6)}.NewsletterPopup .Form__Input::placeholder{color:rgba(var(--newsletter-popup-text-color-rgb),.6)}.NewsletterPopup .Form__Input{border-color:rgba(var(--newsletter-popup-text-color-rgb),.4)}.NewsletterPopup .Form__Input:focus{border-color:var(--newsletter-popup-text-color)}.NewsletterPopup .Button{color:var(--newsletter-popup-background);border-color:var(--newsletter-popup-text-color)}.NewsletterPopup .Button::before{background-color:var(--newsletter-popup-text-color)}@media (-moz-touch-enabled:0),(hover:hover){.NewsletterPopup .Button:not([disabled]):hover{color:var(--newsletter-popup-text-color);background-color:transparent}}.NewsletterPopup[aria-hidden=false]{transform:translateY(0);opacity:1;visibility:visible}.NewsletterPopup__Close{position:absolute;right:15px;top:15px}.NewsletterPopup__Close svg{display:block;width:15px;height:15px}.NewsletterPopup__Content a{text-decoration:none;text-underline-position:under;font-family:linetocircularmedium,sans-serif;font-weight:100}.NewsletterPopup__Form{margin-top:32px}@media screen and (min-width:641px){.NewsletterPopup{max-width:385px;right:0;bottom:0;left:auto;padding-top:35px}.NewsletterPopup__Close svg{width:18px;height:18px}}.Password{display:flex;flex-direction:column;justify-content:space-between;padding:24px;width:100%;min-height:100vh;background-size:cover;background-position:center}.Password__Header{position:relative;text-align:center}.Password__Logo{display:block;line-height:1}.Password__LogoImage{vertical-align:middle}.Password__LockAction{position:absolute;right:0;top:50%;transform:translateY(-50%)}.Password__LockAction svg{margin-left:10px;width:20px;height:20px;vertical-align:bottom}.Password__Content{width:470px;max-width:100%;margin:35px auto}.Password__Newsletter{margin-bottom:10px}.Password__Card{padding:24px;background:var(--light-background);text-align:center}.Password__Message{font-size:calc(var(--base-text-font-size) - (var(--default-text-font-size) - 13px))}.Password__Form{margin-top:28px}.Password__Form .Button{flex:none;margin-bottom:0;margin-top:15px;width:100%}.Password__Social{padding:22px 25px 22px 28px;background:var(--background);text-align:center}.Password__ShareButtons{margin-top:15px}@media screen and (min-width:641px){.Password__Content{margin:80px auto}.Password__Card{padding:45px 60px 50px 60px}.Password__Form .Button{width:auto;margin-top:0}.Password__Social{display:flex;justify-content:space-between;align-items:center;text-align:left}.Password__ShareButtons{margin-top:0;margin-left:15px;flex-shrink:0}}.Password__Footer{text-align:center}.Password__AdminLink{display:block;margin-top:15px}.Password__Footer svg{width:70px;height:20px;vertical-align:bottom;margin-left:2px}@media screen and (min-width:1240px){.Password__Footer{display:flex;justify-content:space-between;text-align:left}.Password__AdminLink{margin-top:0}}.Password__Modal{display:flex;justify-content:center}.Product{position:relative;margin:0 auto 50px auto;max-width:1200px}.Product--fill{max-width:none}@media screen and (min-width:641px){.Product{margin-bottom:80px}}@media screen and (min-width:1008px){.Product__Wrapper{max-width:calc(100% - 525px);margin-left:0}}@media screen and (min-width:1140px){.Product__Wrapper{max-width:calc(100% - 550px)}.Product--small .Product__Slideshow{max-width:400px}.breadcrumb{max-width:1200px;position:relative;margin:0 auto;padding-left:169px}.breadcrumb.images-1{padding-left:51px}#t-shirt-with-a-cause-verb-hair-care- .breadcrumb{padding-left:50px}.Product--medium .Product__Slideshow{max-width:100%}}@media screen and (min-width:1500px){.Product__Wrapper{max-width:calc(100% - 500px)}}.Product__Gallery{position:relative;margin-bottom:28px}.Product__ViewInSpace{background:rgba(var(--text-color-rgb),.08)}.Product__ViewInSpace[data-shopify-xr-hidden]{visibility:hidden}@media screen and (min-width:1008px){.Product__ViewInSpace[data-shopify-xr]{display:none}}.Product__ViewInSpace svg{margin:-1px 12px 0 0;width:16px;height:16px;vertical-align:middle}.Product__Slideshow::after{content:"flickity";display:none}.Product__SlideItem{position:relative}.Product__SlideItem--hidden{visibility:hidden}.Product__Slideshow.flickity-enabled .Product__SlideItem:not(.is-selected) .plyr__control{visibility:hidden}.Product__Video{position:absolute;top:0;left:0;width:100%;height:100%;background:#000}.Product__SlideshowNav{display:none}.Product__SlideshowNavBadge{position:absolute;top:3px;right:3px;z-index:1;pointer-events:none}.Product__SlideshowNavBadge svg{display:block;width:20px;height:20px}.Product__SlideshowMobileNav{display:flex;align-items:center;justify-content:center;margin:20px 24px 0 24px}.Product__SlideshowMobileNav .flickity-page-dots{display:inline-block;margin-top:0;width:auto}.Product__SlideshowMobileNav .dot{vertical-align:middle}.Product__SlideshowNavArrow{position:relative}.Product__SlideshowNavArrow::before{position:absolute;content:"";top:-18px;right:-18px;left:-18px;bottom:-18px;transform:translateZ(0)}.Product__SlideshowNavArrow svg{display:block;width:6px;height:9px}.Product__SlideshowNavArrow--previous{margin-right:24px}.Product__SlideshowNavArrow--next{margin-left:24px}@media screen and (min-width:641px){.Product__Gallery{margin-bottom:65px}}@media screen and (min-width:1008px){.Product__Gallery{margin-top:0;margin-left:50px}.Product__SlideshowNav--dots{display:block}.Product__SlideItem{display:block!important}.Product__Slideshow--zoomable .Product__SlideItem--image{cursor:var(--cursor-zoom-in-svg) 18 18,zoom-in;cursor:-webkit-image-set(var(--cursor-zoom-in-svg) 1x,var(--cursor-zoom-in-2x-svg) 2x),zoom-in}.Product__SlideshowNav--dots .Product__SlideshowNavScroller{position:-webkit-sticky;position:sticky;top:50%;transform:translateY(-50%)}@supports (--css:variables){.Product__SlideshowNav--dots .Product__SlideshowNavScroller{top:calc(50% + (var(--header-height)/ 2))}}.Product__SlideshowNavDot{display:block;height:10px;width:10px;border-radius:100%;border:2px solid var(--border-color);background:0 0;transition:all .2s ease-in-out}.Product__SlideshowNavDot:not(:last-child){margin-bottom:12px}.Product__SlideshowNavDot.is-selected{border-color:var(--heading-color);background:var(--heading-color)}.Product__SlideshowNavImage{position:relative;display:block;border:1px solid transparent;transition:all .2s ease-in-out;cursor:pointer}.Product__SlideshowNavImage:not(:last-child){margin-bottom:18px}.Product__SlideshowNavImage.is-selected{border-color:var(--heading-color)}.Product__SlideshowNavPlay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;-webkit-filter:drop-shadow(0 2px 2px rgba(0,0,0,0.2));filter:drop-shadow(0 2px 2px rgba(0, 0, 0, .2))}.Product__SlideshowNavPlay svg{width:30px;height:30px;transition:transform .2s ease-in-out}/* On desktop we use a different apparition effect than fade in if images are stacked */ /* Thumbnails */ .Product__Gallery--stack .Product__SlideshowNav{position:absolute;top:0;left:0;height:100%;z-index:1}.Product__Gallery--stack .Product__SlideshowNav--dots{left:-30px}.Product__Gallery--stack .Product__Slideshow::after{content:""}.Product__Gallery--stack .Product__Slideshow .Image--fadeIn{transform:translateY(50px);opacity:0;transition:transform 1.2s cubic-bezier(.25, .46, .45, .94),opacity 1.2s cubic-bezier(.25, .46, .45, .94)}.Product__Gallery--stack .Product__Slideshow .Image--lazyLoaded.Image--fadeIn{transform:translateY(0);opacity:1}.Product__Gallery--stack .Product__SlideItem{margin-bottom:30px;visibility:visible!important;opacity:1!important}.Product__Gallery--stack .Product__SlideItem:last-child{margin-bottom:0}.Product__Gallery--stack .Product__SlideshowNav--thumbnails{position:-webkit-sticky;position:sticky;padding:9px 0 50px 0;top:var(--header-base-height);margin-bottom:-50px;width:70px}@supports (--css:variables){.Product__Gallery--stack .Product__SlideshowNav--thumbnails{top:calc(var(--header-height) + 25px)}}}@media screen and (min-width:1140px){.Product__Gallery{margin-bottom:80px}.Product__Slideshow{margin-left:auto;margin-right:auto}.Product__Gallery--withThumbnails .Product__SlideshowNav--dots{display:none}.Product__Gallery--withThumbnails .Product__SlideshowNav--thumbnails{display:block}.Product__Gallery--stack.Product__Gallery--withThumbnails{display:flex}.Product__Gallery--stack.Product__Gallery--withThumbnails .Product__Slideshow,.Product__Gallery--stack.Product__Gallery--withThumbnails .Product__SlideshowNav{flex:1 0 auto}.Product__Gallery--stack.Product__Gallery--withThumbnails .Product__SlideshowNav{flex-grow:0}.Product__Gallery--stack.Product__Gallery--withThumbnails .Product__Slideshow{margin-left:50px;padding-top:8px;padding-left:0}.Product__Gallery:not(.Product__Gallery--stack).Product__Gallery--withThumbnails .Product__SlideshowNav{margin:10px -10px -10px -10px;text-align:center}.Product__Gallery:not(.Product__Gallery--stack).Product__Gallery--withThumbnails .Product__SlideshowNavImage{display:inline-block;width:70px;margin:10px;vertical-align:top}.Product__Gallery:not(.Product__Gallery--stack).Product__Gallery--withThumbnails .flickity-page-dots{display:none}}.Product__Aside,.Product__Info{max-width:500px;margin:0 auto}.Product__Info--noGallery{padding-top:24px}@media screen and (min-width:641px){.Product__Info .Container{padding-left:0;padding-right:0}.Product__Aside .Section{max-width:630px;margin:0 auto}}@media screen and (min-width:1008px){.Product__InfoWrapper{position:absolute;right:0;top:0;height:100%}.Product__Info{position:-webkit-sticky;position:sticky;top:var(--header-base-height);right:0;width:475px;margin:0 0 -40px 50px;padding-top:0;padding-bottom:40px}@supports (--css:variables){.Product__Info{top:calc(var(--header-height) + 25px)}}.Product__Aside{max-width:820px;padding-left:50px}.Product__Aside .SectionHeader{margin-bottom:30px}}@media screen and (min-width:1140px){.Product__Info{width:450px}}@media screen and (min-width:1500px){.Product__Info{margin-right:0}}@-webkit-keyframes shareItemAnimation{0%{transform:translateY(0)}25%{opacity:0;transform:translateY(100%)}50%{opacity:0;transform:translateY(-100%)}75%{opacity:1;transform:translateY(0)}}@keyframes shareItemAnimation{0%{transform:translateY(0)}25%{opacity:0;transform:translateY(100%)}50%{opacity:0;transform:translateY(-100%)}75%{opacity:1;transform:translateY(0)}}.Product__ActionList{position:absolute;top:30px;right:25px;z-index:1;visibility:visible;opacity:1;transition:visibility .2s ease-in-out,opacity .2s ease-in-out;display:none}.Product__ActionList.is-hidden{opacity:0;visibility:hidden}.Product__ActionItem{display:block;position:relative}.Product__ActionItem+.Product__ActionItem{margin-top:15px}.Product__ShareList{display:block;position:absolute;visibility:hidden;top:100%;right:0;color:var(--text-color)}.Product__ActionItem .Icon--share{margin-left:-1px}.Product__ShareItem{display:block;margin:15px 0 15px auto;padding:7px 15px 7px 17px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background:var(--light-background);border-radius:25px;font-size:calc(var(--base-text-font-size) - (var(--default-text-font-size) - 13px));white-space:nowrap;opacity:0;box-shadow:0 2px 10px rgba(54,54,54,.15);transition:all .45s cubic-bezier(.645, .045, .355, 1) .2s}.Product__ShareItem:active,.Product__ShareItem:focus{color:var(--light-background);background:var(--text-color);outline:0}.Product__ShareItem:nth-child(2){transition-delay:0.1s}.Product__ShareItem:nth-child(3){transition-delay:0s}.Product__ShareItem svg{margin-right:12px;font-size:calc(var(--base-text-font-size) - (var(--default-text-font-size) - 14px));vertical-align:sub;transform:translateZ(0)}.Product__ShareItem:hover svg{-webkit-animation:shareItemAnimation .5s ease-in-out forwards;animation:shareItemAnimation .5s ease-in-out forwards}.Product__ShareList[aria-hidden=false]{visibility:visible}.Product__ShareList[aria-hidden=false] .Product__ShareItem{opacity:1;transition-delay:0s}.Product__ShareList[aria-hidden=false] .Product__ShareItem:nth-child(2){transition-delay:0.1s}.Product__ShareList[aria-hidden=false] .Product__ShareItem:nth-child(3){transition-delay:0.2s}@media screen and (min-width:1008px){.Product__ShareList{top:auto;bottom:100%}.Product__ShareItem{transition-delay:0s}.Product__ShareItem:nth-child(3){transition-delay:0.2s}.Product__ShareList[aria-hidden=false] .Product__ShareItem{transition-delay:0.2s}.Product__ShareList[aria-hidden=false] .Product__ShareItem:nth-child(3){transition-delay:0s}}.ProductMeta__ImageWrapper{display:block;margin-bottom:32px}.ProductMeta__Vendor{margin-bottom:20px;display:none}.d-afterpayplacement{margin-top:-7px}@media screen and (min-width:641px){.ProductMeta__PriceList{width:100%}}.ProductMeta__PriceList.Heading{width:auto!important;margin-right:20px;float:left;display:block;line-height:1.6}.ProductMeta__Price.Price--compareAt{margin-left:30px}.ProductMeta__TaxNotice{margin-top:5px}@media screen and (min-width:641px){.ProductMeta__Description{text-align:left;padding-right:10%}}.FeaturedProduct__Info .ProductMeta__Description{padding-right:2%}.ProductMeta__Description p{font-size:16px;letter-spacing:0}.ProductMeta__Description.Rte ol:not(:last-child),.ProductMeta__Description.Rte p:not(:last-child),.ProductMeta__Description.Rte ul:not(:last-child){margin-bottom:10px}@media screen and (min-width:641px){.ProductMeta__Description p{font-size:18px}}.ProductMeta__ShareButtons{display:inline-flex;align-items:center;margin:18px 0 10px 0}.ProductMeta__ShareTitle{margin-right:6px}.ProductMeta__ShareList{font-size:0}.ProductMeta__ShareItem{display:inline-block;margin:0 7px}.ProductMeta__ShareItem svg{display:block;width:12px;height:12px;opacity:.6;transition:opacity .2s ease-in-out}.ProductMeta__ShareItem:hover svg{opacity:1}.ProductForm~.ProductMeta__Description{border-top:none;padding-top:0}.ProductForm~.ProductMeta__Description .ProductMeta__ShareButtons{margin-bottom:2px}.Product__QuickNav{position:relative;margin-top:40px;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.Product__QuickNav a{display:block;padding:11px 16px;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:rotateX(0)}.Product__QuickNav a:last-child{position:absolute;top:0;left:0;width:100%;transform:rotateX(180deg)}.Product__QuickNav svg{position:absolute;right:18px;top:calc(50% - 5px);height:10px;width:8px}.Product__QuickNavWrapper{transition:.6s;transform-style:preserve-3d}.Product__QuickNav.is-flipped .Product__QuickNavWrapper{transform:rotateX(180deg)}@media screen and (min-width:1008px){.ProductMeta{text-align:left}}@media screen and (min-width:1008px){.ProductForm__Variants{text-align:left}}.no-js .ProductForm__Option:not(.no-js){display:none}.ProductForm__Item{position:relative;width:100%;text-align:left;padding:10px 28px 10px 14px;border:1px solid var(--border-color);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ProductForm__Item .Icon--select-arrow{position:absolute;top:calc(50% - 5px);right:15px;width:10px;height:10px}.ProductForm__LabelLink{float:right;text-decoration:none;text-underline-position:under;font-family:linetocircularmedium,sans-serif;font-weight:100}.ProductForm__SelectedValue{display:inline-block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:220px;vertical-align:top}.ProductForm__OptionCount{float:right;margin-right:14px}.ProductForm__Inventory{margin-top:8px;font-style:italic}.ProductForm__Error{margin-top:10px;text-align:center}.Product__FeatureImageWrapper{overflow:hidden;background-size:cover}.Product__FeatureImage{height:415px;background-size:cover;background-position:center}@media screen and (min-width:641px){.Product__FeatureImage{height:500px}}@media screen and (min-width:1140px){.Product__FeatureImage{height:600px}.Product__FeatureImage--small{height:500px}.Product__FeatureImage--large{height:700px}}.Product__Tabs{margin:23px 24px}#shopify-section-friends-terms .Product__Tabs{margin:0}@media screen and (max-width:640px){.Product__Tabs .Collapsible__Content{padding-top:6px;padding-bottom:28px}}@media screen and (max-width:1007px){.Product__Tabs .Collapsible{padding:0 24px}.ProductFAQ.PageContent .Product__Tabs .Collapsible,.RewardFAQ.PageContent .Product__Tabs .Collapsible{padding:0}}@media screen and (min-width:1008px){.Product__Tabs{margin:23px 0}.Product__Tabs .Collapsible__Content{padding-right:20px}}@-webkit-keyframes variantSelectorInfoOpeningAnimation{0%{transform:translateY(10px);opacity:0}50%{transform:translateY(10px);opacity:0}100%{transform:translateY(0);opacity:1}}@keyframes variantSelectorInfoOpeningAnimation{0%{transform:translateY(10px);opacity:0}50%{transform:translateY(10px);opacity:0}100%{transform:translateY(0);opacity:1}}@-webkit-keyframes variantSelectorInfoClosingAnimation{0%{transform:translateY(0);opacity:1}100%{transform:translateY(-10px);opacity:0}}@keyframes variantSelectorInfoClosingAnimation{0%{transform:translateY(0);opacity:1}100%{transform:translateY(-10px);opacity:0}}.VariantSelector{position:fixed;width:100%;bottom:0;left:0;background:var(--background);padding:24px 0;z-index:10;box-shadow:0 -2px 10px rgba(54,54,54,.2);transform:translateY(100%);visibility:hidden;transition:transform .4s cubic-bezier(.645, .045, .355, 1),visibility .4s cubic-bezier(.645, .045, .355, 1)}.VariantSelector[aria-hidden=false]{transform:translateY(0);visibility:visible}.VariantSelector__Item{padding:0 10px;width:60%}.VariantSelector__Info{position:relative;margin:48px 24px 0 24px}.VariantSelector__ImageWrapper[aria-hidden=true]{display:none}.VariantSelector__ChoiceList{margin-bottom:34px}.VariantSelector__Choice{display:table;table-layout:fixed;width:100%;-webkit-animation:.15s variantSelectorInfoClosingAnimation forwards ease-in-out;animation:.15s variantSelectorInfoClosingAnimation forwards ease-in-out}.VariantSelector__Choice.is-selected{-webkit-animation:.3s variantSelectorInfoOpeningAnimation forwards ease-in-out;animation:.3s variantSelectorInfoOpeningAnimation forwards ease-in-out}.VariantSelector__Choice:not(:first-child){position:absolute;top:0;left:0}.VariantSelector__ChoiceColor,.VariantSelector__ChoicePrice{display:table-cell;width:50%;text-align:center;vertical-align:middle}.VariantSelector__ChoiceColor{border-right:1px solid var(--border-color)}.VariantSelector__ColorSwatch{display:inline-block;width:16px;height:16px;margin-right:15px;vertical-align:sub;background-size:cover}.VariantSelector__ColorSwatch--white{outline:1px solid var(--border-color)}.VariantSelector__ChoicePrice{font-size:calc(var(--base-text-font-size) - (var(--default-text-font-size) - 11px))}@media screen and (max-width:640px){.VariantSelector .flickity-prev-next-button{display:none}}@media screen and (min-width:641px){.VariantSelector{top:50%;bottom:auto;left:50%;width:80%;padding-bottom:34px;max-height:100%;max-width:800px;opacity:0;transform:translate(-50%,-50%);transition:all .3s ease-in-out;overflow:auto}.VariantSelector[aria-hidden=false]{transform:translate(-50%,-50%);opacity:1}.VariantSelector__Item{padding:0 25px;width:46%}.VariantSelector .flickity-prev-next-button.next{top:calc(50% - 45px);right:20px}.VariantSelector .flickity-prev-next-button.previous{top:calc(50% - 45px);left:20px}.VariantSelector__Info{max-width:350px;margin-left:auto;margin-right:auto}.VariantSelector__ChoicePrice{font-size:calc(var(--base-text-font-size) - (var(--default-text-font-size) - 13px))}}@media (min-width:800px) and (max-height:950px){.VariantSelector__ImageWrapper{max-width:290px!important}}.FeaturedProduct__ViewWrapper{margin-top:15px;text-align:center;font-size:18px;letter-spacing:.01em}@media screen and (min-width:641px){.FeaturedProduct{display:flex;align-items:flex-start;justify-content:center;max-width:1015px;margin:0 auto}.FeaturedProduct--center{align-items:center}.FeaturedProduct__Gallery,.FeaturedProduct__Info{flex:1 1 50%}.FeaturedProduct__Gallery{margin:0}.FeaturedProduct__Info{margin-left:50px}.FeaturedProduct__Info .ProductMeta,.FeaturedProduct__ViewWrapper{text-align:left}}@media screen and (min-width:1008px){.FeaturedProduct__Info{margin-left:80px}}.shopify-payment-button{margin-top:20px;text-align:center}.shopify-payment-button__more-options{position:relative;display:inline-block;transition:color .2s ease-in-out,opacity .2s ease-in-out;width:auto;line-height:normal}.shopify-payment-button__more-options[aria-hidden=true]{display:none}.shopify-payment-button__more-options::before{content:"";position:absolute;width:100%;height:1px;left:0;bottom:-1px;background:currentColor;transform:scale(1,1);transform-origin:left center;transition:transform .2s ease-in-out}@media (-moz-touch-enabled:0),(hover:hover){.shopify-payment-button__more-options:hover::before{transform:scale(0,1)}}.shopify-payment-button__more-options:hover:not([disabled]){text-decoration:none}#shopify-product-reviews{margin:18px 0 28px 0!important;overflow:visible!important}#shopify-product-reviews .spr-form-title,#shopify-product-reviews .spr-header-title,#shopify-product-reviews .spr-pagination,#shopify-product-reviews .spr-review-reportreview,#shopify-product-reviews .spr-summary-caption,#shopify-product-reviews .spr-summary-starrating{display:none}#shopify-product-reviews .spr-container{padding:0;border:none}#shopify-product-reviews .spr-container,#shopify-product-reviews .spr-content{display:flex;flex-direction:column}#shopify-product-reviews .spr-form,#shopify-product-reviews .spr-header{order:2}#shopify-product-reviews .spr-content,#shopify-product-reviews .spr-reviews{order:1}#shopify-product-reviews .spr-form{margin:-4px 0 0 0;padding:0}#shopify-product-reviews .spr-icon{font-size:calc(var(--base-text-font-size) - (var(--default-text-font-size) - 10px))}#shopify-product-reviews .spr-form-input .spr-icon{font-size:calc(var(--base-text-font-size) - (var(--default-text-font-size) - 14px))}#shopify-product-reviews .spr-icon+.spr-icon{margin-left:3px}#shopify-product-reviews .spr-icon-star-empty{opacity:.25}#shopify-product-reviews .spr-icon-star-empty::before{content:""}#shopify-product-reviews .spr-starrating.spr-form-input-error a{color:inherit}#shopify-product-reviews .spr-reviews{margin:-6px 0 35px 0}#shopify-product-reviews .spr-review{position:relative;padding:0 0 30px 0;border:none;margin:0}#shopify-product-reviews .spr-review+.spr-review{margin-top:26px}#shopify-product-reviews .spr-review-header{position:static;margin-bottom:12px}#shopify-product-reviews .spr-review-header-starratings{margin-bottom:0}#shopify-product-reviews .spr-review-header-title{font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-style:var(--heading-font-style);font-size:calc(var(--base-text-font-size) - (var(--default-text-font-size) - 11px));text-transform:uppercase;letter-spacing:.2em;font-variant-ligatures:none}#shopify-product-reviews .spr-review-header-byline{position:absolute;bottom:0;left:0;margin-bottom:0;font-style:normal;opacity:1;color:var(--text-color-light)}#shopify-product-reviews .spr-review-header-byline strong{font-weight:400}#shopify-product-reviews .spr-review-content{margin-bottom:0}#shopify-product-reviews .spr-review-reply{margin:18px 0 6px 0;padding:0 0 0 14px;background:0 0;border-left:3px solid var(--border-color);font-style:italic}#shopify-product-reviews .spr-summary-actions{display:block}#shopify-product-reviews .spr-review-reply-shop{float:none}#shopify-product-reviews .spr-button-primary:not(input),#shopify-product-reviews .spr-summary-actions-newreview{width:100%}#shopify-product-reviews input.spr-button-primary{border-color:var(--button-background);background:var(--button-background);color:var(--button-text-color);width:100%}#shopify-product-reviews .spr-pagination-next,#shopify-product-reviews .spr-pagination-prev{display:block;position:relative;margin-bottom:20px}#shopify-product-reviews .spr-pagination-next>a,#shopify-product-reviews .spr-pagination-prev>a{width:100%}#shopify-product-reviews .new-review-form{margin-top:20px}#shopify-product-reviews .spr-form-contact-email,#shopify-product-reviews .spr-form-contact-location,#shopify-product-reviews .spr-form-contact-name,#shopify-product-reviews .spr-form-review-body,#shopify-product-reviews .spr-form-review-rating,#shopify-product-reviews .spr-form-review-title{margin-bottom:15px}@media screen and (min-width:641px){#shopify-product-reviews{margin:8px 40px 28px 0!important}#shopify-product-reviews .spr-review-header-title{font-size:calc(var(--base-text-font-size) - (var(--default-text-font-size) - 12px))}#shopify-product-reviews .spr-review-content-body,#shopify-product-reviews .spr-review-header-byline{font-size:calc(var(--base-text-font-size) - (var(--default-text-font-size) - 14px))}#shopify-product-reviews .spr-header{align-self:flex-start;width:100%}#shopify-product-reviews .spr-button-primary:not(input),#shopify-product-reviews .spr-pagination-next>a,#shopify-product-reviews .spr-pagination-prev>a,#shopify-product-reviews .spr-summary-actions-newreview,#shopify-product-reviews input.spr-button-primary{width:auto;float:none}#shopify-product-reviews .spr-form-contact-email,#shopify-product-reviews .spr-form-contact-location,#shopify-product-reviews .spr-form-contact-name,#shopify-product-reviews .spr-form-review-body,#shopify-product-reviews .spr-form-review-rating,#shopify-product-reviews .spr-form-review-title{margin-bottom:25px}#shopify-product-reviews .spr-summary-actions{display:flex}#shopify-product-reviews .spr-pagination-next,#shopify-product-reviews .spr-pagination-prev{margin:0 20px 0 0}#shopify-product-reviews .spr-pagination-next>a,#shopify-product-reviews .spr-pagination-prev>a{display:block}}@media screen and (min-width:1008px){#shopify-product-reviews{margin-bottom:4px!important}}@media screen and (min-width:1140px){#shopify-product-reviews{margin-right:100px!important}}.Search[aria-hidden=false]{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0)}.Search__Form .Icon--search-desktop{width:21px;height:21px}.Search__Input::-moz-placeholder{color:var(--text-color-light)}.Search__Input:-ms-input-placeholder{color:var(--text-color-light)}.Search__Input::-ms-clear{display:none}.Search__Results[aria-hidden=false]{display:block}@media screen and (max-width:640px){.Search__Results .ProductItem__Wrapper{display:flex;align-items:center}.Search__Results .Grid__Cell+.Grid__Cell{margin-top:25px}.Search__Results .ProductItem__ImageWrapper{width:70px;min-width:70px;margin-right:25px}.Search__Results .ProductItem__Info{margin-top:0;text-align:left}}@media screen and (min-width:641px){.Search__Inner{padding:28px 50px}.Search__Input{font-size:calc(var(--base-text-font-size) - (var(--default-text-font-size) - 18px))}.Search__InputIconWrapper{margin-right:20px}.Search__Close{font-size:calc(var(--base-text-font-size) - (var(--default-text-font-size) - 16px))}.Search__Close svg{stroke-width:1.25px}.Search__Results{margin-top:70px;margin-bottom:48px}}@-webkit-keyframes shopTheLookDotKeyframe{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}@keyframes shopTheLookDotKeyframe{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}.ShopTheLook__Dot--dark{background:#000}.ShopTheLook__Dot--dark::after{background:rgba(0,0,0,.4)}@media screen and (min-width:641px){.ShopTheLook__DiscoverButtonWrapper{margin-top:50px}.ShopTheLook__Item{width:auto;padding:0 15px}.ShopTheLook__ProductItem .ProductItem__Wrapper{max-width:250px;margin:0 auto}}@media screen and (min-width:1008px){.ShopTheLook{max-width:1480px;margin:0 auto;padding:0 130px}.ShopTheLook__Item{width:100%;padding:0}.ShopTheLook__Inner{display:flex;align-items:center;justify-content:center;min-height:550px}.ShopTheLook__ImageWrapper{flex:0 1 auto;align-self:flex-start}.ShopTheLook__Image{max-height:100%;width:auto}.ShopTheLook__ProductList{flex:none;width:270px;margin:0 80px;align-self:flex-end}.ShopTheLook__ProductItem .ProductItem__Wrapper{max-width:none}.ShopTheLook__ProductItem .ProductItem__ImageWrapper{max-width:250px}.ShopTheLook__ViewButton{margin-top:25px}.ShopTheLook .flickity-prev-next-button{top:calc(50% - (45px / 2))}.ShopTheLook .flickity-prev-next-button.next{right:40px}.ShopTheLook .flickity-prev-next-button.previous{left:40px}}.SidebarMenu__CurrencySelector{width:120px;flex:none;text-align:center;font-size:calc(var(--base-text-font-size) - (var(--default-text-font-size) - 11px))}.SidebarMenu__CurrencySelector .Select{display:inline-block}.SidebarMenu__CurrencySelector+.SidebarMenu__Social{border-left:1px solid var(--navigation-border-color)}.SidebarMenu .Drawer__Footer::before{bottom:100%;height:30px;background-image:linear-gradient(rgba(var(--navigation-background-rgb),0),rgba(var(--navigation-background-rgb),.6) 40%,var(--navigation-background))}@media screen and (min-width:1008px){.SidebarMenu .Drawer__Content::before{height:40px}.SidebarMenu .Drawer__Main{padding-top:26px}.SidebarMenu .Drawer__Main::after{height:60px}.SidebarMenu .Drawer__Footer::before{height:70px}}.Slideshow--fullscreen{height:100vh}@supports (--css:variables){.js .Slideshow--fullscreen{height:calc(var(--window-height) - (var(--header-height) * 0) - 0px);height:calc(var(--window-height) - (var(--header-height) * var(--header-is-not-transparent,0)) - var(--announcement-bar-height,0px));max-height:100vh}}/* Slideshow transition are handled in JavaScript, so while we use Flickity, we need to disable any transition */ .Slideshow--fullscreen .Slideshow__Image{display:block;height:100%;width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;font-family:"object-fit: cover; object-position: center;"}.Slideshow__Content--bottomLeft,.Slideshow__Content--middleLeft{text-align:left}.Slideshow__Content--bottomLeft .ButtonGroup,.Slideshow__Content--middleLeft .ButtonGroup{justify-content:flex-start}.Slideshow__Content--bottomCenter,.Slideshow__Content--bottomLeft,.Slideshow__Content--bottomRight{top:auto;bottom:70px;left:0;transform:none}@media screen and (min-width:641px){.Slideshow__ScrollButton{bottom:-25px}}.Slideshow--fullscreen .Slideshow__ScrollButton{bottom:10px}.Slideshow--fullscreen .Slideshow__Carousel--withScrollButton{max-height:calc(100% - 35px);margin-bottom:0}@media screen and (min-width:1008px){.Slideshow__Content{padding:0 70px}}.store-availability-container{margin-top:30px}.store-availability-information{display:flex;align-items:baseline}.Icon--store-availability-in-stock{position:relative;width:13px;height:9px}.Icon--store-availability-out-of-stock{position:relative;width:11px;height:10px}.store-availability-information-container{margin-left:6px}.store-availability-information__title{margin-bottom:2px}.store-availability-information__stock{margin-bottom:5px}.store-availability-information__link,.store-availability-information__stock,.store-availability-list__item-info{font-size:calc(var(--base-text-font-size) - (var(--default-text-font-size) - 13px))}.store-availability-list__item:first-child{margin-top:25px}.store-availability-list__item{margin-top:30px}.store-availability-list__location,.store-availability-list__stock{margin-bottom:5px}.store-availability-list__stock svg{margin-right:3px}.store-availability-list__contact{line-height:1.45}.store-availability-list__stock .Icon--store-availability-in-stock{top:-1px}.store-availability-list__contact p{margin-bottom:0}.store-availabilities-modal__product-information{text-align:left}.d-slideshow-logo{width:100%;text-align:center;margin:0 auto}@-webkit-keyframes testimonialOpening{from{visibility:hidden;opacity:0;transform:translateY(15px)}to{visibility:visible;opacity:1;transform:translateY(0)}}@keyframes testimonialOpening{from{visibility:hidden;opacity:0;transform:translateY(15px)}to{visibility:visible;opacity:1;transform:translateY(0)}}@-webkit-keyframes testimonialClosing{from{visibility:visible;opacity:1;transform:translateY(0)}to{visibility:visible;opacity:0;transform:translateY(-15px)}}@keyframes testimonialClosing{from{visibility:visible;opacity:1;transform:translateY(0)}to{visibility:visible;opacity:0;transform:translateY(-15px)}}@media screen and (min-width:641px){.Testimonial{font-size:calc(var(--base-text-font-size) - (var(--default-text-font-size) - 20px))}.Testimonial__Content{max-width:900px;margin:0 auto}#shopify-section-1612139584aa5a45ff .Container{max-width:900px;padding:0}.TestimonialNav__Item,.Testimonial__Logo{max-width:150px}}@media screen and (min-width:1008px){.TestimonialList--withNav .flickity-page-dots{display:none}.TestimonialNav{display:flex;align-items:center;justify-content:center;margin-top:2px}.TestimonialNav__Item{margin:0 25px;cursor:pointer;opacity:.25;transition:opacity .2s ease-in-out;will-change:opacity}.TestimonialNav__Item.is-selected{opacity:1}}@media screen and (min-width:1140px){.TestimonialNav__Item{margin:0 45px}}.Timeline{box-shadow:0 -2px 10px rgba(54,54,54,.2)}.Timeline__ListItem{position:relative;height:540px;text-shadow:0 1px rgba(0,0,0,.5)}.Timeline__Item{position:absolute;top:0;left:0;display:flex;align-items:flex-start;width:100%;height:100%;opacity:0;background:rgba(54,54,54,.2);pointer-events:none;transition:opacity .5s ease-in-out}.Timeline__ImageWrapper{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.Timeline__Image{width:100%;height:100%;background-size:cover;background-position:center;transform:translateX(-50px) scale(1.1);transform-origin:left;transition:transform .5s cubic-bezier(.645, .045, .355, 1)}.Timeline__Inner{position:relative;padding:80px 14px 40px 14px;max-height:100%;overflow:auto;-webkit-overflow-scrolling:touch}.Timeline__Header>*{opacity:0;transform:translateY(30px);transition:opacity .5s cubic-bezier(.215, .61, .355, 1),transform 1s cubic-bezier(.215, .61, .355, 1) .5s}.Timeline__Header>.SectionHeader__Description{transform:translateY(50px)}.Timeline__Item.is-selected{opacity:1;pointer-events:auto}.Timeline__Item.is-selected .Timeline__Image{transform:translateX(0) scale(1.1)}.Timeline__Item.is-selected .Timeline__Header>*{opacity:1;transition-delay:0.5s;transform:translateY(0)}@media screen and (max-width:640px){.shopify-section--timeline{border-top:none!important}.shopify-section--timeline .Section{padding-top:0!important;padding-bottom:0!important}.shopify-section--timeline .Container{padding-left:0;padding-right:0}.Timeline__Header .Heading,.Timeline__Header .Rte a{color:inherit}.Timeline__Header .SectionHeader__Description{margin:34px 30px 0 30px}}@media screen and (min-width:641px){.Timeline__ListItem{max-width:1230px;margin:0 auto;height:400px;text-shadow:none}.Timeline__Item{align-items:flex-end;background-color:var(--light-background)}.Timeline__ImageWrapper,.Timeline__Inner{flex:none;width:50%}.Timeline__ImageWrapper{position:relative;height:100%}.Timeline__ImageWrapper::after{display:none}.Timeline__Image{transform:translateX(-60px) scale(1.1)}.Timeline__Inner{padding:34px 40px;color:var(--text-color)}.Timeline__Header{text-align:left}}@media screen and (min-width:1008px){.Timeline__ListItem{height:515px}.Timeline__Inner{padding:54px 60px}}.Timeline__Nav{position:relative;font-size:calc(var(--base-text-font-size) - (var(--default-text-font-size) - 11px));font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-style:var(--heading-font-style);letter-spacing:.2em;color:var(--text-color-light);background:var(--light-background);font-variant-ligatures:none}.Timeline__NavWrapper{display:flex;justify-content:flex-start;align-items:center;white-space:nowrap;-webkit-overflow-scrolling:touch;overflow:auto}.Timeline__NavWrapper--center{justify-content:center}.Timeline__NavItem{position:relative;padding:30px 20px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;letter-spacing:inherit;vertical-align:text-bottom;transition:all .25s ease-in-out}.Timeline__NavItem::after{position:absolute;content:"";bottom:0;left:20px;height:3px;width:calc(100% - 40px - .2em);opacity:0;background:var(--text-color);transform:scale(0,1);transform-origin:left center;transition:opacity .3s,transform .3s}.Timeline__NavItem.is-selected{font-size:calc(var(--base-text-font-size) - (var(--default-text-font-size) - 18px));color:var(--text-color)}.Timeline__NavItem.is-selected::after{opacity:1;transform:scale(1,1)}.Timeline__NavLabel{display:block;line-height:0}@media screen and (min-width:641px){.Timeline{box-shadow:none}.Timeline__Nav{margin-top:40px;background:0 0;font-size:calc(var(--base-text-font-size) - (var(--default-text-font-size) - 12px))}.Timeline__NavWrapper{display:block;text-align:center}.Timeline__NavItem{padding-top:20px;padding-bottom:20px}}@media screen and (min-width:1140px){.Timeline__Nav{margin-top:65px}}@media screen and (min-width:641px){.custom-field.custom-field__benefits{text-align:left}}#satcb_sticky_cart .glyphicon-shopping-cart:before{content:url(/cdn/shop/files/shopping_bag.svg?2105753400102845932)!important;width:20px!important;display:block;margin:0 auto}.custom-field.custom-field__before-image.custom-field__type--url{width:47%;float:left;margin-right:3%}.custom-field.custom-field__after-image.custom-field__type--url{width:47%;float:left;margin-left:3%}@media screen and (min-width:641px){.custom-field.custom-field__before-image.custom-field__type--url{width:47.5%;margin-right:2.5%}.custom-field.custom-field__after-image.custom-field__type--url{width:47.5%;margin-left:2.5%}}.ProductBeforeAfter-inside{display:inline-block;width:100%}.custom-field.custom-field__block-quote blockquote{-webkit-font-smoothing:antialiased;text-align:center;margin:0}.custom-field.custom-field__how-to-use-video.custom-field__type--embed iframe{margin:0 auto;display:block;max-width:90%!important}#shopify-section-quote{background-color:#fcfcfc}input.satcb_qb_quantity.satcb_qb_quantity_bottom_left{bottom:48px!important;padding:7px 5px 7px 40px!important;border-radius:0!important;left:77px!important}#zoovu-assistant .satcb_quick_buy.satcb_qb_bottom_left{bottom:-184px!important}.satcb_sc_top_right{top:44px!important;bottom:initial}.custom-field.custom-field__header p{text-align:center}.MegaMenu__Title{text-transform:lowercase}.MegaMenu--grid .MegaMenu__Inner{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.Container100{padding:0;padding-top: unset;}.Container100 .PageContent{max-width:100%;margin:0 auto}.Container100 .PageHeader{display:none}.supports-sticky .Header--transparent{box-shadow:none;color:#454545}.supports-sticky .Header--transparent .Header__CurrencySelector,.supports-sticky .Header--transparent .Header__Icon,.supports-sticky .Header--transparent .Header__LogoLink>.Heading,.supports-sticky .Header--transparent .HorizontalList__Item>.Heading,.supports-sticky .Header--transparent .Text--subdued{color:#454545}@media screen and (min-width:641px){h2.ProductItem__Title.Heading{width:75%;float:left;clear:none;min-height:2.9em}.d-CustomBundle h2.ProductItem__Title.Heading,.d-ghost-jumbo-duo h2.ProductItem__Title.Heading,.d-ghost-weightless-trio h2.ProductItem__Title.Heading,.d-hydrate-jumbo-duo h2.ProductItem__Title.Heading,.d-volume-jumbo-duo h2.ProductItem__Title.Heading{width:65%}}@media screen and (min-width:1140px){h2.ProductItem__Title.Heading{min-height:unset}}@media screen and (min-width:641px){.ProductItem__PriceList.Heading{width:25%;float:left;text-align:right;clear:none}.d-CustomBundle .ProductItem__PriceList.Heading,.d-ghost-jumbo-duo .ProductItem__PriceList.Heading,.d-ghost-weightless-trio .ProductItem__PriceList.Heading,.d-hydrate-jumbo-duo .ProductItem__PriceList.Heading,.d-volume-jumbo-duo .ProductItem__PriceList.Heading{width:35%}}.SectionFooter.va-button .Button--primary:not([disabled]):hover{background-color:#f69370;color:#fff}@media screen and (min-width:641px){#shopify-section-1612139584aa5a45ff p{font-size:30px;line-height:47px}}.times-new-roman{font-family:linotype-didot,serif}@media screen and (min-width:641px){.eames-50{font-size:50px;line-height:70px}.ProductQuote .eames-50,.Testimonial__Content.eames-50,.Testimonial__Content.eames-50 a,.Testimonial__Content.eames-50 p{font-family:eames,georgia,serif;font-size:30px;line-height:47px}.Testimonial__Content.eames-50 a{font-weight:300px}.Testimonial__Content.eames-50 a{font-weight:300px}}#shopify-section-recently-viewed-products{padding-bottom:21px}@media screen and (min-width:641px){#shopify-section-recently-viewed-products{padding-bottom:46px}}#shopify-section-only-good-stuff .SectionFooter{margin-top:25px}#shopify-section-1539207383389 .Button--primary::before,#shopify-section-1539207383389 .shopify-payment-button__button--unbranded::before,#shopify-section-1544575024704 .Button--primary::before,#shopify-section-1544575024704 .shopify-payment-button__button--unbranded::before,#shopify-section-16084448166e5215d6 .Button--primary::before,#shopify-section-16084448166e5215d6 .shopify-payment-button__button--unbranded::before,#shopify-section-1612139584aa5a45ff .Button--primary::before,#shopify-section-1612139584aa5a45ff .shopify-payment-button__button--unbranded::before,#shopify-section-instagram-feed .Button--primary::before,#shopify-section-instagram-feed .shopify-payment-button__button--unbranded::before,#shopify-section-only-good-stuff .Button--primary::before,#shopify-section-only-good-stuff .shopify-payment-button__button--unbranded::before,#shopify-section-yotpo-all-products .Button--primary::before,#shopify-section-yotpo-all-products .shopify-payment-button__button--unbranded::before,#shopify-section-yotpo-ugc .Button--primary::before,#shopify-section-yotpo-ugc .shopify-payment-button__button--unbranded::before{background:0 0}#shopify-section-product-template-long-desc button.shopify-payment-button__button{display:none}#shopify-section-1539207383389 .Button--primary:not([disabled]):hover,#shopify-section-1544575024704 .Button--primary:not([disabled]):hover,#shopify-section-16084448166e5215d6 .Button--primary:not([disabled]):hover,#shopify-section-1612139584aa5a45ff .Button--primary:not([disabled]):hover,#shopify-section-instagram-feed .Button--primary:not([disabled]):hover,#shopify-section-only-good-stuff .Button--primary:not([disabled]):hover,#shopify-section-yotpo-all-products .Button--primary:not([disabled]):hover,#shopify-section-yotpo-ugc .Button--primary:not([disabled]):hover{background-color:#f69370;color:#fff}#shopify-section-1612139584aa5a45ff .Button--primary:not([disabled]):hover{border-color:#fff;color:#f69370;background-color:#fff}.custom-field.custom-field__descriptor hr{border-width:2px}.section-featured-product .satcb_quick_buy.satcb_qb_bottom_left{width:100%;margin-left:0;bottom:0!important}.section-featured-product .FeaturedProduct__ViewWrapper{padding-bottom:80px}@media screen and (min-width:641px){.section-featured-product .satcb_quick_buy.satcb_qb_bottom_left{width:46.2%;margin-left:0}.section-featured-product .FeaturedProduct__ViewWrapper{padding-bottom:0}}@media screen and (min-width:1120px){.section-featured-product .satcb_quick_buy.satcb_qb_bottom_left{margin-left:53.9%}}.ShopTheLook__ViewButton.Button.Button--primary.Button--full{display:none}@media screen and (min-width:641px){#shopify-section-yotpo-all-products h3.SectionHeader__SubHeading,#shopify-section-yotpo-ugc h3.SectionHeader__SubHeading{font-size:50px}}#shopify-section-1539207383389 h2.SectionHeader__Heading.Heading,#shopify-section-instagram-feed h2.SectionHeader__Heading.Heading{display:none}.verb_terms{width:100%;display:inline-block;clear:both}.d-terms-col{width:100%;float:none;padding:0}.ucColorSubHeader{letter-spacing:.050em;font-weight:700}.d-terms-col.d-terms-col-left,.d-terms-col.d-terms-col-right{padding:0 2%}@media screen and (min-width:641px){.d-terms-col{width:46%;float:left;padding:0}.d-terms-col.d-terms-col-left{padding:0 4% 0 0}.d-terms-col.d-terms-col-right{padding:0 0 0 4%}}span.glyphicon.glyphicon-shopping-cart{border:0!important;box-shadow:none!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;background-image:radial-gradient(circle,transparent,#fff)}#satcb_sticky_cart mark{background-color:transparent!important;color:#000!important;top:16px!important;left:15px!important;border:none!important}a.Header__Icon.Icon-Wrapper.Icon-Wrapper--clickable.hidden-desk{display:none}@media screen and (min-width:1500px){.yotpo.bottomLine.yotpo-small{margin:0}#t-shirt-with-a-cause-verb-hair-care- .yotpo.bottomLine.yotpo-small{margin:0px 0 8px 0}}.custom-field--value p{font-size:16px;letter-spacing:0}.custom-field--value p a{text-decoration:none;font-family:linetocircularmedium,sans-serif;font-weight:100}@media screen and (min-width:641px){.custom-field--value p{font-size:18px}}.custom-field__who-its-for .custom-field--value p{margin-bottom:0;line-height:26px}.custom-field__who-its-for .custom-field--value span.check-icon{width:25px;float:left;display:block;height:25px;margin:0 6px 0 0;padding:0}.custom-field__who-its-for .custom-field--value span.check-icon img{width:25px;padding:0;margin:0}.custom-field__remove-only-good-stuff .custom-field--value p{margin-bottom:0}.ingred-title{width:100%;display:block;letter-spacing:.01em;font-family:linetocircularbold,sans-serif;font-variant-ligatures:none;font-weight:700}.ingred-desc{letter-spacing:.01em;font-family:linetocircularbook,sans-serif;font-variant-ligatures:none;font-weight:400}.ingred-value{width:100%;display:inline-block;clear:both;font-size:16px}@media screen and (min-width:641px){.ingred-value{font-size:18px}}#shopify-section-quote .SectionHeader__Heading.Heading.u-h3{display:none}#shopify-section-quote .SectionHeader{display:none}#shopify-section-quote .ProductQuote.PageContent{margin:0 25px}@media screen and (min-width:1008px){#shopify-section-quote .ProductQuote.PageContent{margin:0 auto}}#shopify-section-quote .shopify-section--bordered>.Section--spacingNormal{padding:83px 0 0 0}.custom-field__quote-author.custom-field__type--text{margin:16px auto 0;text-align:center;font-size:18px;font-family:linetocircularbold,sans-serif;font-variant-ligatures:none;text-transform:uppercase}.template-product .SectionHeader__Heading.SectionHeader__Heading{font-size:37px;letter-spacing:0;text-transform:lowercase}.template-product .nosto_element .SectionHeader__Heading.SectionHeader__Heading{font-size:50px}.ProductHowToVideo.PageContent{margin:30px auto 0}#shopify-section-product-before-after-images{padding:0 24px}@media screen and (min-width:1008px){#shopify-section-product-before-after-images{padding:0}}#shopify-section-how-to-video section.Section.Section--spacingNormal{padding:42px 0 0 0}.ProductBeforeAfter.PageContent{margin-top:0;margin-bottom:0;max-width:700px}#shopify-section-product-faq section.Section.Section--spacingNormal,#shopify-section-rewards-faq section.Section.Section--spacingNormal{padding:40px 24px 28px}@media screen and (min-width:1008px){#shopify-section-product-faq section.Section.Section--spacingNormal,#shopify-section-rewards-faq section.Section.Section--spacingNormal{padding:40px 0 28px}}#shopify-section-product-before-after-images section.Section.Section--spacingNormal{padding:42px 0 42px 0}#shopify-section-product-faq,#shopify-section-rewards-faq{background-color:#fcfcfc}.template-page #shopify-section-rewards-faq .SectionHeader__Heading.SectionHeader__Heading,.template-product #shopify-section-product-faq .SectionHeader__Heading.SectionHeader__Heading{text-transform:uppercase}.ProductFAQ.PageContent .Collapsible__Button,.RewardFAQ.PageContent .Collapsible__Button{font-size:16px;font-family:linetocircularbook,sans-serif;font-variant-ligatures:none;padding:15px 25px 13px 0;letter-spacing:0}.RewardFAQ.PageContent .Collapsible__Button p{color:#000;font-size:16px;font-family:linetocircularbook,sans-serif;font-variant-ligatures:none;letter-spacing:0;margin:0}@media screen and (min-width:641px){.ProductFAQ.PageContent .Collapsible__Button,.RewardFAQ.PageContent .Collapsible__Button{padding:15px 50px 13px 0;font-size:18px}.RewardFAQ.PageContent .Collapsible__Button p{color:#000;font-size:18px}}.ProductFAQ.PageContent,.RewardFAQ.PageContent{margin-top:41px;margin-bottom:0}.ProductFAQ.PageContent .Collapsible__Content,.ProductFAQ.PageContent .Collapsible__Content li,.ProductFAQ.PageContent .Collapsible__Content p,.ProductFAQ.PageContent .Collapsible__Content ul,.RewardFAQ.PageContent .Collapsible__Content,.RewardFAQ.PageContent .Collapsible__Content li,.RewardFAQ.PageContent .Collapsible__Content p,.RewardFAQ.PageContent .Collapsible__Content ul{font-size:16px;letter-spacing:.01em;font-family:linetocircularbook,sans-serif;font-variant-ligatures:none;color:#000}@media screen and (min-width:641px){.ProductFAQ.PageContent .Collapsible__Content,.ProductFAQ.PageContent .Collapsible__Content li,.ProductFAQ.PageContent .Collapsible__Content p,.ProductFAQ.PageContent .Collapsible__Content ul,.RewardFAQ.PageContent .Collapsible__Content,.RewardFAQ.PageContent .Collapsible__Content li,.RewardFAQ.PageContent .Collapsible__Content p,.RewardFAQ.PageContent .Collapsible__Content ul{font-size:18px}}.SectionHeader__Heading.Heading.u-h3{font-size:50px;font-weight:100!important;text-transform:lowercase;letter-spacing:0;line-height:1.1}@media screen and (min-width:1008px){.SectionHeader__Heading.Heading.u-h3{line-height:1.65}}.template-collection h1.SectionHeader__Heading.Heading.u-h1,.template-list-collections h1.SectionHeader__Heading.Heading.u-h1{text-transform:lowercase;margin-bottom:0;font-size:40px}@media screen and (min-width:1008px){.ProductQuote.PageContent{max-width:900px}.template-collection h1.SectionHeader__Heading.Heading.u-h1,.template-list-collections h1.SectionHeader__Heading.Heading.u-h1{font-size:50px}}.custom-field.custom-field__how-to-use.custom-field__type--html{margin-top:-7px;text-align:center;margin-bottom:9px}@media screen and (min-width:1008px){.custom-field.custom-field__how-to-use.custom-field__type--html{text-align:left}}nav.Header__SecondaryNav.hidden-desk{float:right}@media screen and (min-width:1240px){nav.Header__SecondaryNav{margin-right:0;display:block;float:none}}#t-two-new-drys td{padding:0;border:0;margin:0}#t-two-new-drys td img{display:block}.section-about-meet{position:relative}.sqs-block-button-container--center{margin:0 auto 1em;text-align:center}.sqs-block-button-container--center a{padding:21px 34px;font-size:21px;font-weight:400;font-style:normal;letter-spacing:0;color:#fff!important;background-color:#ef446e;border-color:#ef446e;text-transform:uppercase!important;text-decoration:none!important;display:inline-block}.sqs-block-button-container--center a:hover{opacity:.8}.NewsletterPopup{background:#fff;-webkit-box-shadow:none;box-shadow:none;border:1px solid #f69370}.NewsletterPopup .Heading{color:#f69370;font-size:20px;letter-spacing:.01em;font-family:linetocircularbold,sans-serif;font-variant-ligatures:none}#mc_embed_signup input,#mc_embed_signup_oos input{border:1px solid #f69370!important;border-radius:0!important}#mc_embed_signup form,#mc_embed_signup_oos form{text-align:center;padding:0}#mc_embed_signup .mc-field-group,#mc_embed_signup_oos .mc-field-group{clear:both;width:100%!important;padding-bottom:0!important}#mc_embed_signup .button,#mc_embed_signup_oos .button{clear:both;background-color:#f69370!important;border:0 none;color:#fff;font-size:16px!important;height:40px!important;line-height:40px!important;margin:0!important;padding:0!important;text-decoration:none;width:100%!important;font-family:linetocircularbold,sans-serif!important;font-variant-ligatures:none;letter-spacing:.1em!important;border-radius:0!important}#mc_embed_signup .button:hover,#mc_embed_signup_oos .button:hover{background-color:#f69370!important;opacity:.8!important}@media screen and (min-width:641px){.NewsletterPopup p{margin:0 7.5% 1em}}#mc_embed_signup form,#mc_embed_signup_oos form{padding:0!important}#mc_embed_signup div#mce-responses,#mc_embed_signup_oos div#mce-responses{padding:0!important;width:90%!important;margin:0 5% 10px!important}#mc_embed_signup div.response,#mc_embed_signup_oos div.response{margin:0!important;padding:0!important;font-weight:400!important;width:100%!important}#shopify-section-breadcrumb{padding:0}.breadcrumb-nav{text-align:left;text-transform:lowercase;color:#9d9d9d;font-size:13px;margin:0 0 0 18px;letter-spacing:.03em}@media screen and (min-width:641px){.breadcrumb-nav{margin:0 auto}}#mc_embed_signup_b div#mce-responses{float:left;top:-1.4em;padding:0 .5em 0 .5em;overflow:hidden;width:90%;margin:0 5%;clear:both}#mc_embed_signup_b div.response{margin:1em 0;padding:1em .5em .5em 0;font-weight:700;float:left;top:-1.5em;z-index:1;width:80%}#mc_embed_signup_b #mce-error-response_b{display:none}#mc_embed_signup_b #mce-success-response_b{color:#529214;display:none}.PageHeaderB.PageContent{margin-top:0;padding-top:33px}.PageHeaderB.PageContent h2{font-size:50px;font-weight:100!important;margin-bottom:33px;line-height:100%;text-transform:lowercase}@media screen and (min-width:641px){.PageHeaderB.PageContent{padding-top:58px}.PageHeaderB.PageContent h2{margin-bottom:58px}}#shopify-section-yotpo-review .ProductReview.PageContent{margin-bottom:0;margin-top:0}.section-about.section-about-meet video{object-fit:cover;background-size:cover;height:auto!important;max-width:100%!important;width:100%!important}p.result{padding:0;font-weight:400;font-size:16px;clear:both;margin:.25em 0 .25em 0;display:block}.Header__SecondaryNav .HorizontalList__Item a img,.Header__SecondaryNav .HorizontalList__Item a svg{width:18px;margin:0;padding:0;vertical-align:baseline}.Header__SecondaryNav .HorizontalList__Item a img:hover,.Header__SecondaryNav .HorizontalList__Item a svg:hover{opacity:.8}.ProductReview.PageContent{padding:0 24px}#shopify-section-quote section.Section.Section--spacingNormal{padding-top:50px}.owl-carousel .item-video{height:292px}@media screen and (min-width:641px){.owl-carousel .item-video{height:387px}}.owl-carousel .owl-video-tn{background-size:cover!important}.owl-carousel .owl-video-wrapper{background:#fff!important;border:1px solid rgba(0,0,0,.1)!important}button.owl-prev{width:15px;height:100px;position:absolute;top:32%;margin-left:-53px!important;display:block!important}button.owl-next{width:15px;height:100px;position:absolute;top:32%;right:-53px;display:block!important}.owl-theme .owl-nav [class*=owl-]:hover{background:rgba(0,0,0,.1)!important;color:#000}.owl-next i,.owl-prev i{transform:scale(2,2);color:#000}img.meet-verb-gif{width:100%}button.search-header__submit.site-header__icon img,button.search-header__submit.site-header__icon svg{width:18px;margin:0;padding:0}.li-submit{float:left;display:flex}.li-submit button{display:flex}.d-cart-container-gwp{display:none}body[id^=smooth-shine-mini-kit-verb-hair-care] .d-cart-container-gwp{display:flex}body[id^=smooth-shine-mini-kit-verb-hair-care] .d-cart-container{display:none}.Article__MetaItem{display:none}body[id$="26132971609"] #shopify-section-page-header{display:none}body[id$="26132971609"] .PageContent.PageContent--narrow.Rte{margin-top:0}h1.SectionHeader__Heading{text-transform:lowercase}h1.Article__Title.Heading.u-h1{text-transform:lowercase;text-align:center;line-height:110%}.d-CustomBundle .satcb_quick_buy,.d-collectioninsert .satcb_quick_buy,.d-comingsoon .satcb_quick_buy,.d-gift-card .satcb_quick_buy,.d-gwp .satcb_quick_buy,.d-noshow .satcb_quick_buy,.d-noshowbuy .satcb_quick_buy,.d-show .satcb_quick_buy{display:none}.ProductItem.item-oos .satcb_quick_buy,.d-collectioninsert .ProductItem__Info{display:none!important}.oos-notify{background-color:#f69370;color:#fff;height:45px;text-align:center;line-height:1;padding:0;height:45px!important;width:100%;border-radius:0;bottom:0!important;left:0!important;opacity:1;top:auto;cursor:pointer;position:absolute;z-index:9!important;font-size:16px;line-height:45px;font-weight:400;letter-spacing:.1em;font-family:linetocircularbold!important}.d-show .show-no-notify{background-color:#fff;color:#9d9d9d;border:1px solid rgba(157,157,157,.2);height:45px;text-align:center;line-height:1;padding:0;height:45px!important;width:100%;border-radius:0;bottom:0!important;left:0!important;opacity:1;top:auto;cursor:pointer;position:absolute;z-index:9!important;font-size:16px;line-height:45px;font-weight:400;letter-spacing:.1em;font-family:linetocircularbold!important}.d-cta-bundle{background-color:#f69370;color:#fff;border:1px solid #f69370;height:45px;text-align:center;line-height:1;padding:0;height:45px!important;width:100%;border-radius:0;bottom:0!important;left:0!important;opacity:1;top:auto;cursor:pointer;position:absolute;z-index:9!important;font-size:16px;line-height:45px;font-weight:400;letter-spacing:.1em;font-family:linetocircularbold!important}.FeaturedProduct.d-show .oos-notify{background-color:#fff;color:#9d9d9d;border:1px solid rgba(157,157,157,.2);height:45px;text-align:center;line-height:1;padding:0;margin-top:30px;height:45px!important;width:100%;border-radius:0;bottom:0!important;left:0!important;opacity:1;cursor:pointer;position:relative;z-index:9!important;font-size:16px;line-height:45px;font-weight:400;letter-spacing:.1em;font-family:linetocircularbold!important}.oos-no-notify{background-color:#fff;color:#9d9d9d;border:1px solid rgba(157,157,157,.2);height:45px;text-align:center;line-height:1;padding:0;height:45px!important;width:100%;border-radius:0;bottom:0!important;left:0!important;opacity:1;top:auto;cursor:pointer;position:absolute;z-index:9!important;font-size:16px;line-height:45px;font-weight:400;letter-spacing:.1em;font-family:linetocircularbold!important}.oos-sold-out{border:1px solid #9d9d9d;text-align:center;padding:11px;color:#9d9d9d;margin:10px auto 10px;width:90%;float:left;font-size:16px!important;font-family:linetocircularbold,sans-serif!important;font-variant-ligatures:none;letter-spacing:.1em!important;border-radius:0!important}.yotpo.yotpo-main-widget{width:94%!important}@media screen and (min-width:768px){.yotpo.yotpo-main-widget{width:100%}}#shopify-section-recently-viewed-products.shopify-section--bordered>.Section--spacingNormal{padding:0}#shopify-section-collection-description #section-1544575024704,#shopify-section-collection-description #section-16084448166e5215d6{padding:14px 12px 59px 12px;margin:0;margin-left:0}#shopify-section-collection-description h2,#shopify-section-collection-description h3,#shopify-section-collection-description li,#shopify-section-collection-description p{font-size:10px;letter-spacing:.01em;line-height:12px;text-align:left;color:#9f9f9f}#shopify-section-collection-description li{margin:0;padding:0}#shopify-section-collection-description h2,#shopify-section-collection-description h3{font-weight:700;font-family:linetocircularbold,sans-serif;font-weight:400;margin:0}@media screen and (min-width:641px){#shopify-section-recently-viewed-products.shopify-section--bordered>.Section--spacingNormal{padding:5px 0 0 0}#shopify-section-collection-description #section-1544575024704,#shopify-section-collection-description #section-16084448166e5215d6{padding:14px 50px 59px 70px;margin:0 0 0 -24px;margin-left:-20px}#shopify-section-collection-description h2,#shopify-section-collection-description h3,#shopify-section-collection-description li,#shopify-section-collection-description p{font-size:14px;line-height:16px}}#shopify-section-collection-description .Rte a:not(.Button){color:#9f9f9f;text-decoration-color:#9f9f9f}#shopify-section-collection-description .Rte a:not(.Button):hover{color:#000}.vb-product-description{width:100%;clear:both;font-size:13px;letter-spacing:.01em;line-height:20px;text-align:left;color:#000;min-height:4.6em}@media screen and (min-width:768px){.vb-product-description{min-height:6.5em;font-size:16px;line-height:25px}}@media screen and (min-width:1100px){.vb-product-description{min-height:3em}}#add-item-to-cart:hover{cursor:pointer;color:#000}.Cart__ShippingNotice a:hover{color:#000}.s-circlarbold{font-family:linetocircularbold,sans-serif}.custom-field__coming-soon-message,.custom-field__sold-out-message{font-size:18px;margin:9px auto 10px;color:#f58a6d}.custom-field__coming-soon-message p,.custom-field__sold-out-message p{font-size:18px;text-align:center;letter-spacing:0}.custom-field__coming-soon-message p span,.custom-field__sold-out-message p span{color:#f58a6d}.custom-field__coming-soon-message p a:not(.Button),.custom-field__sold-out-message p a:not(.Button){text-decoration:none;color:#f58a6d;font-size:18px;letter-spacing:0;font-family:linetocircularmedium,sans-serif;font-weight:100}.Header--transparent .HorizontalList__Item.l-turnupthevolume>.Heading,li.HorizontalList__Item.l-turnupthevolume a{color:#dd7975}.SidebarMenu .Heading.a-turnupthevolume{color:#dd7975}@media screen and (min-width:1008px){.custom-field__coming-soon-message p,.custom-field__sold-out-message p{text-align:left}}.d-comingsoon .ProductItem__Label.Heading.Text--subdued{display:none}@media screen and (min-width:641px){#d-switch{width:27.49px}}@media screen and (min-width:641px){#d-switch img{width:27.49px;margin:0}}#d-switch a{text-decoration:none}@media screen and (min-width:641px){#d-switch-three,#d-switch-two{height:27px}}.left-bottom-coll-image-head .SectionHeader__ButtonWrapper{margin-top:15px;display:block}@media screen and (min-width:1008px){.Slideshow__Content .SectionHeader__ButtonWrapper{margin-top:42px}.left-bottom-coll-image-head .SectionHeader__ButtonWrapper{margin-top:27px}.Slideshow__Content a.Button,.left-bottom-coll-image-head a.Button{font-size:25px!important;line-height:25px;padding:12px 25px 14px}.Slideshow__Content .SectionHeader__Heading{font-size:80px!important;margin:0 auto 11px;width:100%;line-height:80px}.Slideshow__Content .SectionHeader__SubHeading{font-size:24px!important;width:727px;line-height:30px}}.template-product .vbanner{margin-bottom:0;margin-top:35px}.vbanner .vbanner-head-image,.vbanner .vbanner-head-image img{width:100%}.vbanner .i-vbanner-head-image-dt{display:none}@media screen and (min-width:641px){.vbanner .i-vbanner-head-image-dt{display:block}.vbanner .i-vbanner-head-image-mo{display:none}}.vbanner{margin:0;margin-bottom:43px;background-color:transparent}.vbanner.curl-banner,.vbanner.purple-banner,.vbanner.rrg-banner{position:relative}.vbanner.morjojo-banner,.vbanner.vt-banner{background-color:#e6d2cb;padding:0}.vbanner .ProductList--grid{padding:0;margin-left:-21px}.vbanner.morjojo-banner .ProductList--grid,.vbanner.vt-banner .ProductList--grid{margin-bottom:0!important}.vbanner .Grid__Cell{padding-left:21px;margin-bottom:0!important}.vbanner .vbanner-inside{margin:0 auto;width:100%;text-align:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:0;height:auto}.vbanner.vt-banner .vbanner-inside{background:transparent url(/cdn/shop/files/2101_Verb_Shopify_VTP_VTS_Footer_image_mobile.jpg?v=1610614643) no-repeat;background-size:cover;min-height:404px}.vbanner.morjojo-banner .vbanner-inside{background:transparent url(/cdn/shop/files/2104_Verb_Shopify_Collection_banner_image_mobile.jpg?v=1619508126) no-repeat;background-size:cover;min-height:404px}.vbanner.curl-banner .vbanner-inside,.vbanner.purple-banner .vbanner-inside,.vbanner.rrg-banner .vbanner-inside{height:100%;top:0;position:absolute;justify-content:center;align-items:center}.vbanner-inside h2{font-size:15px;line-height:15px;font-weight:400;font-family:linetocircularmedium,sans-serif;letter-spacing:0;color:#fff;margin:0 0 20px}.vt-banner .vbanner-inside h2{color:#6c3431}.morjojo-banner .vbanner-inside h2{color:#233e4c}.vbanner-inside p{font-size:25px;line-height:30px;color:#fff;letter-spacing:0;font-family:eames,georgia,serif;letter-spacing:0;margin-bottom:27px!important}.vt-banner .vbanner-inside p{color:#6c3431}.morjojo-banner .vbanner-inside p{color:#233e4c}.vbanner-p-mo{display:block}.vbanner-p-dt{display:none}.vbanner-inside .ProductForm__AddToCart.Button--primary{max-width:278px;display:inline-block;color:#d38235;border-color:#fff;background-color:rgba(211,140,153,.2);font-size:14.5px;letter-spacing:.025em;padding:12px 28px}.vt-banner .vbanner-inside .ProductForm__AddToCart.Button--primary{max-width:248px;color:#fff;border-color:#dd7975;background-color:rgba(255,255,255,.1)}.morjojo-banner .vbanner-inside .ProductForm__AddToCart.Button--primary{max-width:248px;color:#233e4c;border-color:#fff;background-color:rgba(255,255,255,.1)}.purple-banner .vbanner-inside .ProductForm__AddToCart.Button--primary{max-width:248px;color:#000;background-color:#fff;background-color:rgba(255,255,255,.1)}.vbanner-inside .ProductForm__AddToCart.Button--primary:before{background-color:#fff}.vt-banner .vbanner-inside .ProductForm__AddToCart.Button--primary:before{background-color:#dd7975}.morjojo-banner .vbanner-inside .ProductForm__AddToCart.Button--primary:before{background-color:#fff}@media screen and (min-width:1008px){.template-product .vbanner{margin-top:47px;margin-bottom:0}.vbanner .ProductList--grid{margin-bottom:0!important;padding:0 50px;margin-left:-20px}.vbanner .Grid__Cell{padding-left:20px;margin-bottom:0!important}.vbanner-inside h2{font-size:18px;line-height:18px;letter-spacing:.025em;margin:0 0 8px}.vbanner-inside p{font-size:50px;line-height:60px;margin-bottom:19px!important;letter-spacing:.015em;margin-bottom:25px!important}.vbanner-p-mo{display:none}.vbanner-p-dt{display:block}.vbanner.morjojo-banner,.vbanner.vt-banner{padding:0;margin-bottom:54px}.vbanner.morjojo-banner .ProductList--grid,.vbanner.vt-banner .ProductList--grid{margin-bottom:0!important;padding:0;margin-left:-20px}.vbanner.morjojo-banner .Grid__Cell,.vbanner.vt-banner .Grid__Cell{padding-left:20px;margin-bottom:0!important}.vbanner.vt-banner .vbanner-inside{background:transparent url(/cdn/shop/files/2101_Verb_Shopify_VTP_VTS_Footer_image_desktop.jpg?v=1610614643) no-repeat;background-size:cover;padding:0;height:507px}.vbanner.morjojo-banner .vbanner-inside{background:transparent url(/cdn/shop/files/2104_Verb_Shopify_Collection_banner_image_desktop.jpg?v=1619508126) no-repeat;background-size:cover;height:600px}.vbanner.morjojo-banner .vbanner-inside h2,.vbanner.vt-banner .vbanner-inside h2{font-size:18px;line-height:18px;letter-spacing:.025em;margin:0 0 8px}.vbanner.morjojo-banner .vbanner-inside p,.vbanner.vt-banner .vbanner-inside p{font-size:50px;line-height:60px;margin-bottom:19px!important;letter-spacing:.015em;margin-bottom:25px!important}.vbanner.vt-banner .vbanner-inside .ProductForm__AddToCart.Button--primary{max-width:274px;font-size:16px;letter-spacing:.025em}}#cozyCCR_Reminder>div{display:none;background-color:tan}#cozyCCR_Reminder.cozyCCR_ca div:first-child{display:block;color:rgba(0,0,0,.4);background-color:#dc143c;padding:10px;text-align:center;border:1px solid gray}#cozyCCR_Reminder.cozyCCR_us div:last-child{display:block;color:#000;background-color:#f0f8ff;padding:10px;text-align:center;border:1px solid gray}a:focus{background:0 0!important}#dojo-stuff{height:100%;width:100%;margin:0;overflow:hidden;min-height:1070px}#dojo-stuff iframe{min-width:100%;height:100%;min-height:1050px;overflow-x:hidden;overflow-y:hidden}.vb-product-description-1631143198809:after{content:"425°F of smoothing heat protection"}.section-hair-type{padding-top:1.5em}.section-hair-type-drawer{display:inline-block;padding-bottom:1em}.CartItem.d-21629080698969 .CartItem__QuantitySelector{display:none}.CartItem.d-16324454449241 .CartItem__QuantitySelector{display:none}.CartItem.d-31375545892953 .CartItem__QuantitySelector,.CartItem.d-32153138004083 .CartItem__QuantitySelector{display:none}#product_form_4631838228595 .ProductForm__QuantitySelector{display:none}.CartItem.d-31390861721689 .CartItem__QuantitySelector{display:none}.CartItem.d-31390864212057 .CartItem__QuantitySelector{display:none}.CartItem.d-31390859755609 .CartItem__QuantitySelector{display:none}.CartItem.d-16324447895641 .CartItem__QuantitySelector{display:none}.CartItem.d-18657655947353 .CartItem__QuantitySelector{display:none}.CartItem.d-31953482350681 .CartItem__QuantitySelector{display:none}.CartItem.d-21066187636825 .CartItem__QuantitySelector{display:none}.CartItem.d-31524292722777 .CartItem__QuantitySelector{display:none}#product_form_4556260442201 .ProductForm__QuantitySelector{display:none}#product_form_18657655947353 .ProductForm__QuantitySelector{display:none}.CartItem.d-21066178494553 .CartItem__QuantitySelector{display:none}#product_form_21066178494553 .ProductForm__QuantitySelector{display:none}.CartItem.d-21066178494553 .CartItem__PriceList:after{content:'limit: 1 per customer';display:block;width:100%}.d-bye-bye-brass-kit .ProductItem__LabelList,.d-color-care-kit .ProductItem__LabelList{display:none}@-webkit-keyframes autofill{0%,100%{color:#000;background:0 0}}input:-webkit-autofill{-webkit-animation-delay:1s;-webkit-animation-name:autofill;-webkit-animation-fill-mode:both}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,select:-webkit-autofill,select:-webkit-autofill:focus,select:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{-webkit-text-fill-color:#000;-webkit-box-shadow:0 0 0 1000px #fff inset;transition:background-color 5000s ease-in-out 0s}input:-webkit-autofill{-webkit-text-fill-color:#000!important}input:focus,textarea:focus{outline:0!important;background-color:transparent!important}:focus{outline:0!important;background-color:transparent!important}.ProductMeta__Description.d-gwp-message{margin-bottom:8px}.ProductMeta__Description.d-gwp-message p{color:#f58a6d;font-family:var(--text-font-family);font-weight:var(--text-font-weight);font-style:var(--text-font-style);background:var(--background);line-height:1.65;font-variant-ligatures:none;letter-spacing:.01em;font-size:16px}.ProductMeta__Description.d-gwp-message a{color:#f58a6d;text-decoration-color:#f58a6d}.ProductMeta__Description.d-gwp-message a:hover{text-decoration:none;color:#f58a6d;opacity:.7}span.ql-font-helvetica{font-family:linetocircularbook,sans-serif!important}.klaviyo-bis-close #klaviyo-bis-modal #container{border-radius:0!important}.ui-corner-all,.ui-corner-bottom,.ui-corner-br,.ui-corner-right{border-bottom-right-radius:0}.ui-corner-all,.ui-corner-bl,.ui-corner-bottom,.ui-corner-left{border-bottom-left-radius:0}.ui-corner-all,.ui-corner-right,.ui-corner-top,.ui-corner-tr{border-top-right-radius:0}.ui-corner-all,.ui-corner-left,.ui-corner-tl,.ui-corner-top{border-top-left-radius:0}#gorgias-chat-container{z-index:9999;position:relative}.d-klarna .link,.d-klarna-drawer a{text-decoration:none}.d-free-samples{padding:0;margin:0}.d-free-samples .order-summary__section__content{margin-top:12px}.fs-table{width:auto}.Drawer__Main .Cart__ShippingNotice .d-free-samples p{color:#9d9d9d;margin-bottom:12px}.d-free-samples .order-summary__section__content td{border:none}.d-free-samples .order-summary__section__content td,.d-free-samples .order-summary__section__content td p{text-align:center}.d-free-samples .order-summary__section__content td .product-thumbnail{margin:0 auto;background:#f1f1f1;width:4.6em;height:4.6em;border-radius:8px;position:relative}.d-free-samples .order-summary__section__content td .product-thumbnail .product-thumbnail__wrapper{width:100%;height:100%;position:relative;overflow:hidden;border-radius:8px;z-index:1}.d-free-samples .order-summary__section__content td .product-thumbnail__wrapper img{margin:0 auto;text-align:center;text-align:center;position:absolute;top:0;left:0;right:0;bottom:0;max-width:100%;max-height:100%}.d-free-samples .order-summary__section__content td .btn{padding:1em 1.7em!important;width:auto;margin-left:.8571428571em;white-space:nowrap;cursor:pointer;display:inline-block;background-color:#eaeaea;background-clip:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px transparent solid;border-radius:0;color:#2f2f2f;font-weight:500;padding:1.4em 1.7em;text-align:center;position:relative;-webkit-transition:background-color .2s ease-in-out,color .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;transition:background-color .2s ease-in-out,color .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;transition:background-color .2s ease-in-out,color .2s ease-in-out,box-shadow .2s ease-in-out;transition:background-color .2s ease-in-out,color .2s ease-in-out,box-shadow .2s ease-in-out,-webkit-box-shadow .2s ease-in-out}.Drawer__Main .Cart__ShippingNotice .order-summary__emphasis{color:#323232}.Drawer__Main .Cart__ShippingNotice .product__description__name{width:1em;min-width:100%;display:block}#add-sample-button{padding:1em 1.7em!important;width:auto;margin:0 auto 0;white-space:nowrap;cursor:pointer;display:block;background-color:#f58a6d;background-clip:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px transparent solid;border-radius:0;color:#fff;font-weight:100;text-align:center;position:relative;-webkit-transition:background-color .2s ease-in-out,color .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;transition:background-color .2s ease-in-out,color .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;transition:background-color .2s ease-in-out,color .2s ease-in-out,box-shadow .2s ease-in-out;transition:background-color .2s ease-in-out,color .2s ease-in-out,box-shadow .2s ease-in-out,-webkit-box-shadow .2s ease-in-out}#shopify-section-163478215975cf952f section,#shopify-section-1634782177dd7febc4 section{padding:0}#product_form_1902157365337 .ProductForm__Option.ProductForm__Option--labelled .HorizontalList__Item,#product_form_6921569697881 .ProductForm__Option.ProductForm__Option--labelled .HorizontalList__Item{margin:0 8px 16px}#product_form_1902157365337 .SizeSwatch,#product_form_6921569697881 .SizeSwatch{padding:6px 10px;width:95px}body[id$="1902157365337"] span.ProductMeta__Price.Price.Text--subdued.u-h4:before,body[id$="6921569697881"] span.ProductMeta__Price.Price.Text--subdued.u-h4:before{content:'from ';font-size:12px;vertical-align:super}body[id$="1902157365337"] .d-klarna,body[id$="6921569697881"] .d-klarna{display:none}.verb-marquee{overflow-x:hidden}.Article__Body .Rte h2,.Article__Body .Rte h3,.Article__Body h2,.Article__Body h3{font-size:20px!important}.Article__Body .Rte li,.Article__Body .Rte p,.Article__Body li,.Article__Body p{font-size:18px!important}
/*! ============ Add any custom styles below this line ================== */
.VT-container{
display: grid;
grid-template-columns: 1fr 1fr;
}
@media(max-width:475px){
.VT-container{
display:block;
grid-template-columns: 1fr ;
}
}
.VT-container,
.VT-Vid,
.VT-Vid>iframe,
.VT-text{
min-height:70vh;
}
.VT-text{
text-align: center;
color: white;
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
isolation: isolate;
padding:5%;
}
main#MainContent {
overflow-x: hidden;
}
.VT-text>h1{
margin:0;
}
.VT-text>h1>strong{
font-size:4rem
}
.VT-text>img{
position: absolute;
height: 100%;
right: 0;
z-index: -1;
object-fit: contain
}
.VT-text>p{
font-size:1.3rem;
margin-bottom:0;
/* font-family: 'Circular_Std_Book'; */
}
}
.HTU-text>ul>li>p{
font-size:1.3rem !important;
margin-left: 0 !important;
text-align: left !important;
}
.HTU-text>ul{
width: max-content;
text-align: left;
margin: 0 auto;
font-size: 1.25rem;
counter-reset: item;
list-style-type: none;
}
.HTU-text>ul>li{
display: flex;
gap: 1rem;
align-items: center;
}
.HTU-text>ul>li::before{
content: counter(item) " ";
counter-increment: item ;
border:1px currentColor solid;
border-radius: 50%;
min-width: 2.5rem;
min-height: 2.5rem;
aspect-ratio: 1;
display: grid;
place-items: center;
}
.redeem-htu>ul>li::before{
min-width: 2rem !important;
min-height: 2rem !important;
}
.redeem-htu>ul{
padding-inline-start: 0px !important;
}
.HTU-text>ul>li:not(:last-of-type){
margin-bottom: 2rem;
}
@media(max-width:475px){
.VT-text>h2,
.VT-text>h2>*,
.VT-text>h3{
font-size:2rem
}
.VT-text>p,
.HTU-text>ul>li{
font-size:1rem
}
}
.product-page {
padding: 0;
}
.product__media__wrapper {
margin-bottom: 0;
}
.product__media__wrapper .grid__item{
min-height: 80vh;
display: flex;
flex-direction: column;
justify-content: end;
}
.announcement__bar {
padding: 0.5rem 0;
}
/*image with text*/
.brick__section>.brick__block:first-child{
/* width:67%; */
}
/*3 images section*/
.BA-container{
background-color: #008cbb;
display: flex;
justify-content: space-around;
align-items: center;
padding: 5%;
}
.BA-img{
width: 30.5%;
max-width: 23rem;
aspect-ratio: 1.25/1;
border: 2px white solid ;
border-radius: 1rem;
position: relative;
}
.content-b4::before,
.content-after::before{
position: absolute;
bottom: 0rem;
left: 50%;
transform: translateX(-50%);
color: white;
font-size: 1.1rem;
background-color: #d8976c;
border-radius: 1rem;
padding:.25rem 1rem;
}
.content-after::before{
content: 'After';
}
.content-b4::before{
content: 'Before';
}
.BA-img>img{
width: 100%;
height: 100%;
border-radius: 1rem;
object-fit: cover;
object-position: center 30%;
}
@media(max-width:475px){
.BA-container {
padding: 10% 5%;
display:grid;
place-items:center;
gap:3rem;
}
.BA-img{
width: 75%;
}
.content-b4::before, .content-after::before {
bottom: 0rem;
font-size: .9rem;
padding: 0.25rem 0.75rem;
}
}
.tab-content-container{
display:grid;
grid-template-columns:1fr 1fr;
background-color:#eee;
gap:2rem;
}
.tab-content1,
.tab-content2{
padding:2.5% 2.5%;
}
/*! ============================================================================
Pipeline Theme | (c) Groupthought Themes
============================================================================== */
/* ============================================================================
This file is included for advanced development by
Shopify Agencies. Modified versions of the theme
code are not supported by Shopify or Groupthought.
============================================================================== */
/*================ Chevron ================*/
/*-- Flickity v2.2.2 -- */
.flickity-disabled-mobile:after {
content: "flickity" !important;
font-size: 0;
line-height: 0;
position: absolute;
display: none;
}
@media only screen and (max-width: 767px) {
.flickity-disabled-mobile {
scroll-snap-type: x mandatory;
overflow: hidden !important;
overflow-x: auto;
display: flex;
flex-flow: row nowrap !important;
/* flex-flow: row wrap !important; */
scroll-behavior: smooth;
-ms-overflow-style: none;
/* IE and Edge */
scrollbar-width: none;
}
.flickity-disabled-mobile:after {
content: "" !important;
}
.flickity-disabled-mobile::-webkit-scrollbar {
display: none;
}
.flickity-disabled-mobile > * {
flex: 0 0 auto;
scroll-snap-align: start;
}
}
.flickity-enabled {
position: relative;
}
.flickity-enabled:focus {
outline: none;
}
.flickity-viewport {
overflow: hidden;
position: relative;
height: 100%;
}
.flickity-slider {
position: absolute;
width: 100%;
height: 100%;
}
/* draggable */
.flickity-enabled.is-draggable {
-webkit-tap-highlight-color: transparent;
-webkit-user-select: none;
user-select: none;
}
.flickity-enabled.is-draggable .flickity-viewport {
cursor: move;
cursor: grab;
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
cursor: grabbing;
}
/* ---- flickity-button ---- */
.flickity-button {
position: absolute;
background: rgba(255, 255, 255, 0.75);
border: none;
color: var(--text);
}
.flickity-button:hover {
background: white;
cursor: pointer;
}
.flickity-button:focus {
outline: none;
}
.flickity-button:active {
opacity: 0.6;
}
.flickity-button:disabled {
opacity: 0.3;
cursor: auto;
/* prevent disabled button from capturing pointer up event. #716 */
pointer-events: none;
}
.flickity-button-icon {
fill: currentColor;
}
/* ---- previous/next buttons ---- */
.flickity-prev-next-button {
top: 50%;
width: 36px;
height: 36px;
border-radius: 50%;
/* vertically center */
transform: translateY(-50%);
}
.flickity-prev-next-button.previous {
left: 10px;
}
.flickity-prev-next-button.next {
right: 10px;
}
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
left: auto;
right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
right: auto;
left: 10px;
}
.flickity-prev-next-button .flickity-button-icon {
position: absolute;
left: 33%;
top: 33%;
width: 35%;
height: 35%;
}
/* ---- page dots ---- */
.flickity-page-dots {
position: absolute;
width: 100%;
bottom: -25px;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
line-height: 1;
}
.flickity-rtl .flickity-page-dots {
direction: rtl;
}
.flickity-page-dots .dot {
display: inline-block;
width: 10px;
height: 10px;
margin: 0 8px;
background: #333;
border-radius: 50%;
opacity: 0.25;
cursor: pointer;
}
.flickity-page-dots .dot.is-selected {
opacity: 1;
}
.flickity-badge-dots .flickity-page-dots {
text-align: right;
padding: 13px;
display: flex;
align-items: center;
justify-content: flex-end;
width: auto;
border-radius: 20px;
overflow: hidden;
}
.flickity-badge-dots .flickity-page-dots .dot {
display: inline-block;
position: relative;
z-index: 5;
width: 3px;
height: 3px;
margin: 0 5px;
background: var(--bg);
border-radius: 50%;
opacity: 0.25;
cursor: pointer;
}
.flickity-badge-dots .flickity-page-dots .dot.is-selected {
opacity: 1;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="50"], .aos-initialized body[data-aos-duration="50"] [data-aos] {
transition-duration: 50ms;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="50"], .aos-initialized body[data-aos-delay="50"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="50"].aos-animate, .aos-initialized body[data-aos-delay="50"] [data-aos].aos-animate {
transition-delay: 50ms;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="100"], .aos-initialized body[data-aos-duration="100"] [data-aos] {
transition-duration: 0.1s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="100"], .aos-initialized body[data-aos-delay="100"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="100"].aos-animate, .aos-initialized body[data-aos-delay="100"] [data-aos].aos-animate {
transition-delay: 0.1s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="150"], .aos-initialized body[data-aos-duration="150"] [data-aos] {
transition-duration: 0.15s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="150"], .aos-initialized body[data-aos-delay="150"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="150"].aos-animate, .aos-initialized body[data-aos-delay="150"] [data-aos].aos-animate {
transition-delay: 0.15s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="200"], .aos-initialized body[data-aos-duration="200"] [data-aos] {
transition-duration: 0.2s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="200"], .aos-initialized body[data-aos-delay="200"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="200"].aos-animate, .aos-initialized body[data-aos-delay="200"] [data-aos].aos-animate {
transition-delay: 0.2s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="250"], .aos-initialized body[data-aos-duration="250"] [data-aos] {
transition-duration: 0.25s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="250"], .aos-initialized body[data-aos-delay="250"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="250"].aos-animate, .aos-initialized body[data-aos-delay="250"] [data-aos].aos-animate {
transition-delay: 0.25s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="300"], .aos-initialized body[data-aos-duration="300"] [data-aos] {
transition-duration: 0.3s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="300"], .aos-initialized body[data-aos-delay="300"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="300"].aos-animate, .aos-initialized body[data-aos-delay="300"] [data-aos].aos-animate {
transition-delay: 0.3s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="350"], .aos-initialized body[data-aos-duration="350"] [data-aos] {
transition-duration: 0.35s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="350"], .aos-initialized body[data-aos-delay="350"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="350"].aos-animate, .aos-initialized body[data-aos-delay="350"] [data-aos].aos-animate {
transition-delay: 0.35s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="400"], .aos-initialized body[data-aos-duration="400"] [data-aos] {
transition-duration: 0.4s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="400"], .aos-initialized body[data-aos-delay="400"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="400"].aos-animate, .aos-initialized body[data-aos-delay="400"] [data-aos].aos-animate {
transition-delay: 0.4s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="450"], .aos-initialized body[data-aos-duration="450"] [data-aos] {
transition-duration: 0.45s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="450"], .aos-initialized body[data-aos-delay="450"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="450"].aos-animate, .aos-initialized body[data-aos-delay="450"] [data-aos].aos-animate {
transition-delay: 0.45s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="500"], .aos-initialized body[data-aos-duration="500"] [data-aos] {
transition-duration: 0.5s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="500"], .aos-initialized body[data-aos-delay="500"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="500"].aos-animate, .aos-initialized body[data-aos-delay="500"] [data-aos].aos-animate {
transition-delay: 0.5s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="550"], .aos-initialized body[data-aos-duration="550"] [data-aos] {
transition-duration: 0.55s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="550"], .aos-initialized body[data-aos-delay="550"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="550"].aos-animate, .aos-initialized body[data-aos-delay="550"] [data-aos].aos-animate {
transition-delay: 0.55s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="600"], .aos-initialized body[data-aos-duration="600"] [data-aos] {
transition-duration: 0.6s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="600"], .aos-initialized body[data-aos-delay="600"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="600"].aos-animate, .aos-initialized body[data-aos-delay="600"] [data-aos].aos-animate {
transition-delay: 0.6s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="650"], .aos-initialized body[data-aos-duration="650"] [data-aos] {
transition-duration: 0.65s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="650"], .aos-initialized body[data-aos-delay="650"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="650"].aos-animate, .aos-initialized body[data-aos-delay="650"] [data-aos].aos-animate {
transition-delay: 0.65s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="700"], .aos-initialized body[data-aos-duration="700"] [data-aos] {
transition-duration: 0.7s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="700"], .aos-initialized body[data-aos-delay="700"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="700"].aos-animate, .aos-initialized body[data-aos-delay="700"] [data-aos].aos-animate {
transition-delay: 0.7s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="750"], .aos-initialized body[data-aos-duration="750"] [data-aos] {
transition-duration: 0.75s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="750"], .aos-initialized body[data-aos-delay="750"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="750"].aos-animate, .aos-initialized body[data-aos-delay="750"] [data-aos].aos-animate {
transition-delay: 0.75s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="800"], .aos-initialized body[data-aos-duration="800"] [data-aos] {
transition-duration: 0.8s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="800"], .aos-initialized body[data-aos-delay="800"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="800"].aos-animate, .aos-initialized body[data-aos-delay="800"] [data-aos].aos-animate {
transition-delay: 0.8s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="850"], .aos-initialized body[data-aos-duration="850"] [data-aos] {
transition-duration: 0.85s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="850"], .aos-initialized body[data-aos-delay="850"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="850"].aos-animate, .aos-initialized body[data-aos-delay="850"] [data-aos].aos-animate {
transition-delay: 0.85s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="900"], .aos-initialized body[data-aos-duration="900"] [data-aos] {
transition-duration: 0.9s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="900"], .aos-initialized body[data-aos-delay="900"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="900"].aos-animate, .aos-initialized body[data-aos-delay="900"] [data-aos].aos-animate {
transition-delay: 0.9s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="950"], .aos-initialized body[data-aos-duration="950"] [data-aos] {
transition-duration: 0.95s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="950"], .aos-initialized body[data-aos-delay="950"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="950"].aos-animate, .aos-initialized body[data-aos-delay="950"] [data-aos].aos-animate {
transition-delay: 0.95s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="1000"], .aos-initialized body[data-aos-duration="1000"] [data-aos] {
transition-duration: 1s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1000"], .aos-initialized body[data-aos-delay="1000"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1000"].aos-animate, .aos-initialized body[data-aos-delay="1000"] [data-aos].aos-animate {
transition-delay: 1s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="1050"], .aos-initialized body[data-aos-duration="1050"] [data-aos] {
transition-duration: 1.05s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1050"], .aos-initialized body[data-aos-delay="1050"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1050"].aos-animate, .aos-initialized body[data-aos-delay="1050"] [data-aos].aos-animate {
transition-delay: 1.05s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="1100"], .aos-initialized body[data-aos-duration="1100"] [data-aos] {
transition-duration: 1.1s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1100"], .aos-initialized body[data-aos-delay="1100"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1100"].aos-animate, .aos-initialized body[data-aos-delay="1100"] [data-aos].aos-animate {
transition-delay: 1.1s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="1150"], .aos-initialized body[data-aos-duration="1150"] [data-aos] {
transition-duration: 1.15s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1150"], .aos-initialized body[data-aos-delay="1150"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1150"].aos-animate, .aos-initialized body[data-aos-delay="1150"] [data-aos].aos-animate {
transition-delay: 1.15s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="1200"], .aos-initialized body[data-aos-duration="1200"] [data-aos] {
transition-duration: 1.2s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1200"], .aos-initialized body[data-aos-delay="1200"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1200"].aos-animate, .aos-initialized body[data-aos-delay="1200"] [data-aos].aos-animate {
transition-delay: 1.2s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="1250"], .aos-initialized body[data-aos-duration="1250"] [data-aos] {
transition-duration: 1.25s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1250"], .aos-initialized body[data-aos-delay="1250"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1250"].aos-animate, .aos-initialized body[data-aos-delay="1250"] [data-aos].aos-animate {
transition-delay: 1.25s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="1300"], .aos-initialized body[data-aos-duration="1300"] [data-aos] {
transition-duration: 1.3s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1300"], .aos-initialized body[data-aos-delay="1300"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1300"].aos-animate, .aos-initialized body[data-aos-delay="1300"] [data-aos].aos-animate {
transition-delay: 1.3s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="1350"], .aos-initialized body[data-aos-duration="1350"] [data-aos] {
transition-duration: 1.35s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1350"], .aos-initialized body[data-aos-delay="1350"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1350"].aos-animate, .aos-initialized body[data-aos-delay="1350"] [data-aos].aos-animate {
transition-delay: 1.35s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="1400"], .aos-initialized body[data-aos-duration="1400"] [data-aos] {
transition-duration: 1.4s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1400"], .aos-initialized body[data-aos-delay="1400"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1400"].aos-animate, .aos-initialized body[data-aos-delay="1400"] [data-aos].aos-animate {
transition-delay: 1.4s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="1450"], .aos-initialized body[data-aos-duration="1450"] [data-aos] {
transition-duration: 1.45s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1450"], .aos-initialized body[data-aos-delay="1450"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1450"].aos-animate, .aos-initialized body[data-aos-delay="1450"] [data-aos].aos-animate {
transition-delay: 1.45s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="1500"], .aos-initialized body[data-aos-duration="1500"] [data-aos] {
transition-duration: 1.5s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1500"], .aos-initialized body[data-aos-delay="1500"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1500"].aos-animate, .aos-initialized body[data-aos-delay="1500"] [data-aos].aos-animate {
transition-delay: 1.5s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="1550"], .aos-initialized body[data-aos-duration="1550"] [data-aos] {
transition-duration: 1.55s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1550"], .aos-initialized body[data-aos-delay="1550"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1550"].aos-animate, .aos-initialized body[data-aos-delay="1550"] [data-aos].aos-animate {
transition-delay: 1.55s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="1600"], .aos-initialized body[data-aos-duration="1600"] [data-aos] {
transition-duration: 1.6s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1600"], .aos-initialized body[data-aos-delay="1600"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1600"].aos-animate, .aos-initialized body[data-aos-delay="1600"] [data-aos].aos-animate {
transition-delay: 1.6s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="1650"], .aos-initialized body[data-aos-duration="1650"] [data-aos] {
transition-duration: 1.65s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1650"], .aos-initialized body[data-aos-delay="1650"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1650"].aos-animate, .aos-initialized body[data-aos-delay="1650"] [data-aos].aos-animate {
transition-delay: 1.65s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="1700"], .aos-initialized body[data-aos-duration="1700"] [data-aos] {
transition-duration: 1.7s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1700"], .aos-initialized body[data-aos-delay="1700"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1700"].aos-animate, .aos-initialized body[data-aos-delay="1700"] [data-aos].aos-animate {
transition-delay: 1.7s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="1750"], .aos-initialized body[data-aos-duration="1750"] [data-aos] {
transition-duration: 1.75s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1750"], .aos-initialized body[data-aos-delay="1750"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1750"].aos-animate, .aos-initialized body[data-aos-delay="1750"] [data-aos].aos-animate {
transition-delay: 1.75s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="1800"], .aos-initialized body[data-aos-duration="1800"] [data-aos] {
transition-duration: 1.8s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1800"], .aos-initialized body[data-aos-delay="1800"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1800"].aos-animate, .aos-initialized body[data-aos-delay="1800"] [data-aos].aos-animate {
transition-delay: 1.8s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="1850"], .aos-initialized body[data-aos-duration="1850"] [data-aos] {
transition-duration: 1.85s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1850"], .aos-initialized body[data-aos-delay="1850"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1850"].aos-animate, .aos-initialized body[data-aos-delay="1850"] [data-aos].aos-animate {
transition-delay: 1.85s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="1900"], .aos-initialized body[data-aos-duration="1900"] [data-aos] {
transition-duration: 1.9s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1900"], .aos-initialized body[data-aos-delay="1900"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1900"].aos-animate, .aos-initialized body[data-aos-delay="1900"] [data-aos].aos-animate {
transition-delay: 1.9s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="1950"], .aos-initialized body[data-aos-duration="1950"] [data-aos] {
transition-duration: 1.95s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1950"], .aos-initialized body[data-aos-delay="1950"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1950"].aos-animate, .aos-initialized body[data-aos-delay="1950"] [data-aos].aos-animate {
transition-delay: 1.95s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="2000"], .aos-initialized body[data-aos-duration="2000"] [data-aos] {
transition-duration: 2s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2000"], .aos-initialized body[data-aos-delay="2000"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2000"].aos-animate, .aos-initialized body[data-aos-delay="2000"] [data-aos].aos-animate {
transition-delay: 2s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="2050"], .aos-initialized body[data-aos-duration="2050"] [data-aos] {
transition-duration: 2.05s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2050"], .aos-initialized body[data-aos-delay="2050"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2050"].aos-animate, .aos-initialized body[data-aos-delay="2050"] [data-aos].aos-animate {
transition-delay: 2.05s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="2100"], .aos-initialized body[data-aos-duration="2100"] [data-aos] {
transition-duration: 2.1s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2100"], .aos-initialized body[data-aos-delay="2100"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2100"].aos-animate, .aos-initialized body[data-aos-delay="2100"] [data-aos].aos-animate {
transition-delay: 2.1s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="2150"], .aos-initialized body[data-aos-duration="2150"] [data-aos] {
transition-duration: 2.15s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2150"], .aos-initialized body[data-aos-delay="2150"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2150"].aos-animate, .aos-initialized body[data-aos-delay="2150"] [data-aos].aos-animate {
transition-delay: 2.15s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="2200"], .aos-initialized body[data-aos-duration="2200"] [data-aos] {
transition-duration: 2.2s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2200"], .aos-initialized body[data-aos-delay="2200"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2200"].aos-animate, .aos-initialized body[data-aos-delay="2200"] [data-aos].aos-animate {
transition-delay: 2.2s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="2250"], .aos-initialized body[data-aos-duration="2250"] [data-aos] {
transition-duration: 2.25s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2250"], .aos-initialized body[data-aos-delay="2250"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2250"].aos-animate, .aos-initialized body[data-aos-delay="2250"] [data-aos].aos-animate {
transition-delay: 2.25s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="2300"], .aos-initialized body[data-aos-duration="2300"] [data-aos] {
transition-duration: 2.3s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2300"], .aos-initialized body[data-aos-delay="2300"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2300"].aos-animate, .aos-initialized body[data-aos-delay="2300"] [data-aos].aos-animate {
transition-delay: 2.3s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="2350"], .aos-initialized body[data-aos-duration="2350"] [data-aos] {
transition-duration: 2.35s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2350"], .aos-initialized body[data-aos-delay="2350"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2350"].aos-animate, .aos-initialized body[data-aos-delay="2350"] [data-aos].aos-animate {
transition-delay: 2.35s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="2400"], .aos-initialized body[data-aos-duration="2400"] [data-aos] {
transition-duration: 2.4s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2400"], .aos-initialized body[data-aos-delay="2400"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2400"].aos-animate, .aos-initialized body[data-aos-delay="2400"] [data-aos].aos-animate {
transition-delay: 2.4s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="2450"], .aos-initialized body[data-aos-duration="2450"] [data-aos] {
transition-duration: 2.45s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2450"], .aos-initialized body[data-aos-delay="2450"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2450"].aos-animate, .aos-initialized body[data-aos-delay="2450"] [data-aos].aos-animate {
transition-delay: 2.45s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="2500"], .aos-initialized body[data-aos-duration="2500"] [data-aos] {
transition-duration: 2.5s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2500"], .aos-initialized body[data-aos-delay="2500"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2500"].aos-animate, .aos-initialized body[data-aos-delay="2500"] [data-aos].aos-animate {
transition-delay: 2.5s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="2550"], .aos-initialized body[data-aos-duration="2550"] [data-aos] {
transition-duration: 2.55s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2550"], .aos-initialized body[data-aos-delay="2550"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2550"].aos-animate, .aos-initialized body[data-aos-delay="2550"] [data-aos].aos-animate {
transition-delay: 2.55s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="2600"], .aos-initialized body[data-aos-duration="2600"] [data-aos] {
transition-duration: 2.6s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2600"], .aos-initialized body[data-aos-delay="2600"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2600"].aos-animate, .aos-initialized body[data-aos-delay="2600"] [data-aos].aos-animate {
transition-delay: 2.6s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="2650"], .aos-initialized body[data-aos-duration="2650"] [data-aos] {
transition-duration: 2.65s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2650"], .aos-initialized body[data-aos-delay="2650"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2650"].aos-animate, .aos-initialized body[data-aos-delay="2650"] [data-aos].aos-animate {
transition-delay: 2.65s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="2700"], .aos-initialized body[data-aos-duration="2700"] [data-aos] {
transition-duration: 2.7s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2700"], .aos-initialized body[data-aos-delay="2700"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2700"].aos-animate, .aos-initialized body[data-aos-delay="2700"] [data-aos].aos-animate {
transition-delay: 2.7s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="2750"], .aos-initialized body[data-aos-duration="2750"] [data-aos] {
transition-duration: 2.75s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2750"], .aos-initialized body[data-aos-delay="2750"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2750"].aos-animate, .aos-initialized body[data-aos-delay="2750"] [data-aos].aos-animate {
transition-delay: 2.75s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="2800"], .aos-initialized body[data-aos-duration="2800"] [data-aos] {
transition-duration: 2.8s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2800"], .aos-initialized body[data-aos-delay="2800"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2800"].aos-animate, .aos-initialized body[data-aos-delay="2800"] [data-aos].aos-animate {
transition-delay: 2.8s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="2850"], .aos-initialized body[data-aos-duration="2850"] [data-aos] {
transition-duration: 2.85s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2850"], .aos-initialized body[data-aos-delay="2850"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2850"].aos-animate, .aos-initialized body[data-aos-delay="2850"] [data-aos].aos-animate {
transition-delay: 2.85s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="2900"], .aos-initialized body[data-aos-duration="2900"] [data-aos] {
transition-duration: 2.9s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2900"], .aos-initialized body[data-aos-delay="2900"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2900"].aos-animate, .aos-initialized body[data-aos-delay="2900"] [data-aos].aos-animate {
transition-delay: 2.9s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="2950"], .aos-initialized body[data-aos-duration="2950"] [data-aos] {
transition-duration: 2.95s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2950"], .aos-initialized body[data-aos-delay="2950"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2950"].aos-animate, .aos-initialized body[data-aos-delay="2950"] [data-aos].aos-animate {
transition-delay: 2.95s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="3000"], .aos-initialized body[data-aos-duration="3000"] [data-aos] {
transition-duration: 3s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="3000"], .aos-initialized body[data-aos-delay="3000"] [data-aos] {
transition-delay: 0s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="3000"].aos-animate, .aos-initialized body[data-aos-delay="3000"] [data-aos].aos-animate {
transition-delay: 3s;
}
.aos-initialized [data-aos][data-aos][data-aos-easing=linear], .aos-initialized body[data-aos-easing=linear] [data-aos] {
transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
.aos-initialized [data-aos][data-aos][data-aos-easing=ease], .aos-initialized body[data-aos-easing=ease] [data-aos] {
transition-timing-function: ease;
}
.aos-initialized [data-aos][data-aos][data-aos-easing=ease-in], .aos-initialized body[data-aos-easing=ease-in] [data-aos] {
transition-timing-function: ease-in;
}
.aos-initialized [data-aos][data-aos][data-aos-easing=ease-out], .aos-initialized body[data-aos-easing=ease-out] [data-aos] {
transition-timing-function: ease-out;
}
.aos-initialized [data-aos][data-aos][data-aos-easing=ease-in-out], .aos-initialized body[data-aos-easing=ease-in-out] [data-aos] {
transition-timing-function: ease-in-out;
}
.aos-initialized [data-aos][data-aos][data-aos-easing=ease-in-back], .aos-initialized body[data-aos-easing=ease-in-back] [data-aos] {
transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
.aos-initialized [data-aos][data-aos][data-aos-easing=ease-out-back], .aos-initialized body[data-aos-easing=ease-out-back] [data-aos] {
transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.aos-initialized [data-aos][data-aos][data-aos-easing=ease-in-out-back], .aos-initialized body[data-aos-easing=ease-in-out-back] [data-aos] {
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.aos-initialized [data-aos][data-aos][data-aos-easing=ease-in-sine], .aos-initialized body[data-aos-easing=ease-in-sine] [data-aos] {
transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}
.aos-initialized [data-aos][data-aos][data-aos-easing=ease-out-sine], .aos-initialized body[data-aos-easing=ease-out-sine] [data-aos] {
transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}
.aos-initialized [data-aos][data-aos][data-aos-easing=ease-in-out-sine], .aos-initialized body[data-aos-easing=ease-in-out-sine] [data-aos] {
transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.aos-initialized [data-aos][data-aos][data-aos-easing=ease-in-quad], .aos-initialized body[data-aos-easing=ease-in-quad] [data-aos] {
transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
.aos-initialized [data-aos][data-aos][data-aos-easing=ease-out-quad], .aos-initialized body[data-aos-easing=ease-out-quad] [data-aos] {
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.aos-initialized [data-aos][data-aos][data-aos-easing=ease-in-out-quad], .aos-initialized body[data-aos-easing=ease-in-out-quad] [data-aos] {
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.aos-initialized [data-aos][data-aos][data-aos-easing=ease-in-cubic], .aos-initialized body[data-aos-easing=ease-in-cubic] [data-aos] {
transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
.aos-initialized [data-aos][data-aos][data-aos-easing=ease-out-cubic], .aos-initialized body[data-aos-easing=ease-out-cubic] [data-aos] {
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.aos-initialized [data-aos][data-aos][data-aos-easing=ease-in-out-cubic], .aos-initialized body[data-aos-easing=ease-in-out-cubic] [data-aos] {
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.aos-initialized [data-aos][data-aos][data-aos-easing=ease-in-quart], .aos-initialized body[data-aos-easing=ease-in-quart] [data-aos] {
transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
.aos-initialized [data-aos][data-aos][data-aos-easing=ease-out-quart], .aos-initialized body[data-aos-easing=ease-out-quart] [data-aos] {
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.aos-initialized [data-aos][data-aos][data-aos-easing=ease-in-out-quart], .aos-initialized body[data-aos-easing=ease-in-out-quart] [data-aos] {
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.aos-initialized [data-aos^=fade][data-aos^=fade] {
opacity: 0;
transition-property: opacity, transform;
}
.aos-initialized [data-aos^=fade][data-aos^=fade].aos-animate {
opacity: 1;
transform: translate(0);
}
.aos-initialized [data-aos=fade-up] {
transform: translateY(50px);
}
.aos-initialized [data-aos=fade-down] {
transform: translateY(-50px);
}
.aos-initialized [data-aos=fade-right] {
transform: translate(-50px);
}
.aos-initialized [data-aos=fade-left] {
transform: translate(50px);
}
.aos-initialized [data-aos=fade-up-right] {
transform: translate(-50px, 50px);
}
.aos-initialized [data-aos=fade-up-left] {
transform: translate(50px, 50px);
}
.aos-initialized [data-aos=fade-down-right] {
transform: translate(-50px, -50px);
}
.aos-initialized [data-aos=fade-down-left] {
transform: translate(50px, -50px);
}
.aos-initialized [data-aos^=zoom][data-aos^=zoom] {
opacity: 0;
transition-property: opacity, transform;
}
.aos-initialized [data-aos^=zoom][data-aos^=zoom].aos-animate {
opacity: 1;
transform: translate(0) scale(1);
}
.aos-initialized [data-aos=zoom-in] {
transform: scale(0.6);
}
.aos-initialized [data-aos=zoom-in-up] {
transform: translateY(50px) scale(0.6);
}
.aos-initialized [data-aos=zoom-in-down] {
transform: translateY(-50px) scale(0.6);
}
.aos-initialized [data-aos=zoom-in-right] {
transform: translate(-50px) scale(0.6);
}
.aos-initialized [data-aos=zoom-in-left] {
transform: translate(50px) scale(0.6);
}
.aos-initialized [data-aos=zoom-out] {
transform: scale(1.2);
}
.aos-initialized [data-aos=zoom-out-up] {
transform: translateY(50px) scale(1.2);
}
.aos-initialized [data-aos=zoom-out-down] {
transform: translateY(-50px) scale(1.2);
}
.aos-initialized [data-aos=zoom-out-right] {
transform: translate(-50px) scale(1.2);
}
.aos-initialized [data-aos=zoom-out-left] {
transform: translate(50px) scale(1.2);
}
.aos-initialized [data-aos^=slide][data-aos^=slide] {
transition-property: transform;
}
.aos-initialized [data-aos^=slide][data-aos^=slide].aos-animate {
transform: translate(0);
}
.aos-initialized [data-aos=slide-up] {
transform: translateY(100%);
}
.aos-initialized [data-aos=slide-down] {
transform: translateY(-100%);
}
.aos-initialized [data-aos=slide-right] {
transform: translateX(-100%);
}
.aos-initialized [data-aos=slide-left] {
transform: translateX(100%);
}
.aos-initialized [data-aos^=flip][data-aos^=flip] {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition-property: transform;
}
.aos-initialized [data-aos=flip-left] {
transform: perspective(2500px) rotateY(-100deg);
}
.aos-initialized [data-aos=flip-left].aos-animate {
transform: perspective(2500px) rotateY(0);
}
.aos-initialized [data-aos=flip-right] {
transform: perspective(2500px) rotateY(100deg);
}
.aos-initialized [data-aos=flip-right].aos-animate {
transform: perspective(2500px) rotateY(0);
}
.aos-initialized [data-aos=flip-up] {
transform: perspective(2500px) rotateX(-100deg);
}
.aos-initialized [data-aos=flip-up].aos-animate {
transform: perspective(2500px) rotateX(0);
}
.aos-initialized [data-aos=flip-down] {
transform: perspective(2500px) rotateX(100deg);
}
.aos-initialized [data-aos=flip-down].aos-animate {
transform: perspective(2500px) rotateX(0);
}
.aos-initialized [data-aos=img-in] {
opacity: 0;
transform: scale(1.3);
transition-property: transform, opacity;
}
.aos-initialized [data-aos=img-in].aos-animate {
opacity: 1;
transform: scale(1);
}
.aos-initialized [data-aos=img-in-bg] .background-size-cover {
opacity: 0;
transform: scale(1.12);
transition-property: transform, opacity;
}
.aos-initialized [data-aos=img-in-bg] .background-size-cover.aos-animate .background-size-cover {
opacity: 1;
transform: scale(1);
}
.aos-initialized [data-aos=fade] {
opacity: 0;
transition-property: opacity;
}
.aos-initialized [data-aos=fade].aos-animate {
opacity: 1;
}
.aos-initialized [data-aos=svg-dash] path {
stroke-dasharray: 100;
stroke-dashoffset: 100;
}
.aos-initialized [data-aos=svg-dash].aos-animate path {
animation: dash 1.5s linear forwards 1;
}
.aos-initialized [data-aos][data-aos][data-aos-order="1"] {
animation-delay: 0ms;
}
.aos-initialized [data-aos][data-aos][data-aos-order="2"] {
animation-delay: 250ms;
}
.aos-initialized [data-aos][data-aos][data-aos-order="3"] {
animation-delay: 500ms;
}
.aos-initialized [data-aos][data-aos][data-aos-order="4"] {
animation-delay: 750ms;
}
.aos-initialized [data-aos][data-aos][data-aos-order="5"] {
animation-delay: 1000ms;
}
.aos-initialized [data-aos=hero] {
opacity: 0;
will-change: transform, opacity;
}
.no-js .aos-initialized [data-aos=hero] {
opacity: 1;
}
.aos-initialized [data-aos=hero].aos-animate {
animation-name: heroFade;
animation-duration: 1s;
animation-fill-mode: both;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
@keyframes heroFade {
from {
opacity: 0;
transform: translate3d(0, 15px, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
@keyframes dash {
from {
stroke-dashoffset: 100;
}
to {
stroke-dashoffset: 0;
}
}
@media only screen and (max-width: 479px) {
html.iframe [data-aos] {
opacity: 1 !important;
transform: none !important;
}
}
.shopify-model-viewer-ui {
position: relative;
display: inline-block;
cursor: pointer;
}
.shopify-model-viewer-ui model-viewer {
transform: translateZ(0);
z-index: 1;
}
.shopify-model-viewer-ui.shopify-model-viewer-ui--fullscreen model-viewer {
position: relative;
width: 100vw;
height: 100vh;
}
.shopify-model-viewer-ui.shopify-model-viewer-ui--fullscreen .shopify-model-viewer-ui__control-icon--exit-fullscreen {
display: block;
}
.shopify-model-viewer-ui.shopify-model-viewer-ui--fullscreen .shopify-model-viewer-ui__control-icon--enter-fullscreen {
display: none;
}
.shopify-model-viewer-ui.shopify-model-viewer-ui--desktop:hover .shopify-model-viewer-ui__controls-area, .shopify-model-viewer-ui.shopify-model-viewer-ui--desktop.shopify-model-viewer-ui--child-focused .shopify-model-viewer-ui__controls-area {
opacity: 1;
}
.shopify-model-viewer-ui:not(.shopify-model-viewer-ui--desktop) .shopify-model-viewer-ui__controls-area {
display: none;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-overlay {
position: absolute;
width: 100%;
height: 100%;
top: 0;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area {
display: flex;
flex-direction: column;
background: var(--COLOR-BG);
opacity: 0;
border: 1px solid var(--COLOR-A5);
position: absolute;
bottom: 10px;
right: 10px;
z-index: 1;
transition: opacity 0.1s linear;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area:focus-within {
opacity: 1;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area:not(.shopify-model-viewer-ui__controls-area--playing) {
display: none;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button {
color: var(--COLOR-TEXT-DARK);
border-radius: 0;
border: none;
margin: 0px;
cursor: pointer;
}
body:not(.focus-enabled) .shopify-model-viewer-ui .shopify-model-viewer-ui__button:not(.focus-enabled) {
outline: none;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control {
padding: 0px;
height: 44px;
width: 44px;
background: transparent;
position: relative;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:hover {
color: var(--COLOR-A50);
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:active, .shopify-model-viewer-ui .shopify-model-viewer-ui__button--control.focus-enabled:focus {
color: var(--COLOR-A50);
background: var(--COLOR-A5);
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:not(:last-child):after {
position: absolute;
content: "";
border-bottom: 1px solid var(--COLOR-A5);
width: 28px;
bottom: 0px;
right: 8px;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__control-icon {
width: 44px;
height: 44px;
fill: none;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster {
background: var(--COLOR-BG);
position: absolute;
border: 1px solid var(--COLOR-A5);
top: 50%;
left: 50%;
padding: 0;
transform: translate3d(-50%, -50%, 0);
height: 62px;
width: 62px;
z-index: 1;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:hover, .shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:focus {
color: var(--COLOR-A50);
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__poster-control-icon {
width: 60px;
height: 60px;
z-index: 1;
fill: none;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__control-icon--exit-fullscreen {
display: none;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__control-icon--enter-fullscreen {
display: block;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__spritesheet {
display: none;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__sr-only {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
white-space: nowrap;
width: 1px;
}
@keyframes plyr-progress {
to {
background-position: 25px 0;
}
}
@keyframes plyr-popup {
0% {
opacity: 0.5;
transform: translateY(10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes plyr-fade-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.plyr {
-moz-osx-font-smoothing: auto;
-webkit-font-smoothing: subpixel-antialiased;
direction: ltr;
font-family: Avenir, "Avenir Next", "Helvetica Neue", "Segoe UI", Helvetica, Arial, sans-serif;
font-variant-numeric: tabular-nums;
font-weight: 500;
line-height: 1.7;
max-width: 100%;
min-width: 200px;
position: relative;
text-shadow: none;
transition: box-shadow 0.3s ease;
}
.plyr video,
.plyr audio {
border-radius: inherit;
height: auto;
vertical-align: middle;
width: 100%;
}
.plyr button {
font: inherit;
line-height: inherit;
width: auto;
}
.plyr--full-ui {
box-sizing: border-box;
}
.plyr--full-ui *,
.plyr--full-ui *::after,
.plyr--full-ui *::before {
box-sizing: inherit;
}
.plyr--full-ui a,
.plyr--full-ui button,
.plyr--full-ui input,
.plyr--full-ui label {
touch-action: manipulation;
}
.plyr__badge {
background: #4a5764;
border-radius: 2px;
color: #FFF;
font-size: 9px;
line-height: 1;
padding: 3px 4px;
}
.plyr--full-ui ::-webkit-media-text-track-container {
display: none;
}
.plyr__captions {
animation: plyr-fade-in 0.3s ease;
bottom: 0;
color: #FFF;
display: none;
font-size: 14px;
left: 0;
padding: 10px;
position: absolute;
text-align: center;
transition: transform 0.4s ease-in-out;
width: 100%;
}
.plyr__captions .plyr__caption {
background-color: rgba(0, 0, 0, 0.8);
border-radius: 2px;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
line-height: 185%;
padding: 0.2em 0.5em;
white-space: pre-wrap;
}
.plyr__captions .plyr__caption div {
display: inline;
}
.plyr__captions span:empty {
display: none;
}
@media (min-width: 480px) {
.plyr__captions {
font-size: 16px;
padding: 20px;
}
}
@media (min-width: 750px) {
.plyr__captions {
font-size: 18px;
}
}
.plyr--captions-active .plyr__captions {
display: block;
}
.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions {
transform: translateY(-40px);
}
.plyr__control {
border: 0;
border-radius: 0;
color: inherit;
cursor: pointer;
flex-shrink: 0;
overflow: visible;
padding: 0;
position: relative;
transition: all 0.3s ease;
}
.plyr__control:not(.plyr__control--overlaid) {
background-color: transparent;
}
.plyr__control svg {
display: block;
fill: currentColor;
height: 44px;
pointer-events: none;
width: 44px;
}
.plyr__control:focus:not(.plyr__tab-focus) {
outline: 0;
}
a.plyr__control {
text-decoration: none;
}
a.plyr__control::after, a.plyr__control::before {
display: none;
}
.plyr__control:not(.plyr__control--pressed) .icon--pressed,
.plyr__control.plyr__control--pressed .icon--not-pressed,
.plyr__control:not(.plyr__control--pressed) .label--pressed,
.plyr__control.plyr__control--pressed .label--not-pressed {
display: none;
}
.plyr--video .plyr__control:not(.plyr__control--overlaid).plyr__tab-focus svg, .plyr--video .plyr__control:not(.plyr__control--overlaid):hover svg, .plyr--video .plyr__control:not(.plyr__control--overlaid)[aria-expanded=true] svg,
.plyr--audio .plyr__control.plyr__tab-focus svg,
.plyr--audio .plyr__control:hover svg,
.plyr--audio .plyr__control[aria-expanded=true] svg {
stroke: currentColor;
stroke-width: 0;
}
.plyr__control--overlaid {
background-color: inherit;
border: 1px solid rgba(0, 0, 0, 0.05);
border-radius: 0;
color: currentColor;
display: none;
left: 50%;
padding: 4px;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
z-index: 2;
opacity: 0;
visibility: hidden;
}
.plyr__control--overlaid svg {
height: 52px;
width: 52px;
fill: transparent;
position: relative;
}
.plyr__control--overlaid.plyr__tab-focus, .plyr__control--overlaid:hover {
color: rgba(58, 58, 58, 0.55);
}
.plyr--stopped .plyr__control--overlaid {
opacity: 1;
visibility: visible;
}
.plyr--full-ui.plyr--video .plyr__control--overlaid {
display: block;
}
.plyr--full-ui ::-webkit-media-controls {
display: none;
}
.plyr__controls {
align-items: center;
display: flex;
justify-content: flex-end;
text-align: center;
}
.plyr__controls .plyr__progress__container {
flex: 1;
min-width: 0;
}
.plyr__controls .plyr__controls__item:first-child {
margin-left: 0;
margin-right: auto;
}
.plyr__controls .plyr__controls__item.plyr__progress__container {
padding-left: 2.5px;
}
.plyr__controls .plyr__controls__item.plyr__time {
padding: 0 5px;
}
.plyr__controls .plyr__controls__item.plyr__progress__container:first-child, .plyr__controls .plyr__controls__item.plyr__time:first-child, .plyr__controls .plyr__controls__item.plyr__time + .plyr__time {
padding-left: 0;
}
.plyr__controls .plyr__controls__item.plyr__volume:first-child {
padding-right: 0;
}
.plyr__controls:empty {
display: none;
}
.plyr--audio .plyr__controls {
background-color: inherit;
border-radius: inherit;
color: #3a3a3a;
padding: 10px;
}
.plyr--video .plyr__controls {
background-color: inherit;
border: 1px solid rgba(58, 58, 58, 0.05);
border-radius: 0;
bottom: 0;
color: currentColor;
left: 0;
margin-bottom: 10px;
margin-left: 10px;
margin-right: 10px;
opacity: 0.9;
padding: 0;
position: absolute;
right: 0;
transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
z-index: 3;
}
@media screen and (-ms-high-contrast: active) {
.plyr--video .plyr__controls {
background-color: window;
}
}
.plyr--video.plyr--hide-controls .plyr__controls {
opacity: 0;
pointer-events: none;
transform: translateY(100%);
}
.plyr [data-plyr=captions],
.plyr [data-plyr=pip],
.plyr [data-plyr=airplay],
.plyr [data-plyr=fullscreen] {
display: none;
}
.plyr--captions-enabled [data-plyr=captions],
.plyr--pip-supported [data-plyr=pip],
.plyr--airplay-supported [data-plyr=airplay],
.plyr--fullscreen-enabled [data-plyr=fullscreen] {
display: inline-block;
}
.plyr__menu {
display: flex;
position: relative;
}
.plyr__menu .plyr__control svg {
transition: transform 0.3s ease;
}
.plyr__menu .plyr__control[aria-expanded=true] svg {
transform: rotate(90deg);
}
.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip {
display: none;
}
.plyr__menu__container {
animation: plyr-popup 0.2s ease;
background-color: #3a3a3a;
border-radius: 4px;
bottom: 100%;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
color: #FFF;
font-size: 16px;
margin-bottom: 10px;
position: absolute;
right: -3px;
text-align: left;
white-space: nowrap;
z-index: 3;
}
.plyr__menu__container > div {
overflow: hidden;
transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.plyr__menu__container::after {
border: 4px solid transparent;
border-top-color: #3a3a3a;
content: "";
height: 0;
position: absolute;
right: 15px;
top: 100%;
width: 0;
}
.plyr__menu__container [role=menu] {
padding: 7px;
}
.plyr__menu__container [role=menuitem],
.plyr__menu__container [role=menuitemradio] {
margin-top: 2px;
}
.plyr__menu__container [role=menuitem]:first-child,
.plyr__menu__container [role=menuitemradio]:first-child {
margin-top: 0;
}
.plyr__menu__container .plyr__control {
align-items: center;
color: #FFF;
display: flex;
font-size: 14px;
padding: 4px 11px;
-webkit-user-select: none;
user-select: none;
width: 100%;
}
.plyr__menu__container .plyr__control > span {
align-items: inherit;
display: flex;
width: 100%;
}
.plyr__menu__container .plyr__control::after {
border: 4px solid transparent;
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.plyr__menu__container .plyr__control--forward {
padding-right: 29px;
}
.plyr__menu__container .plyr__control--forward::after {
border-left-color: currentColor;
right: 5px;
}
.plyr__menu__container .plyr__control--forward.plyr__tab-focus::after, .plyr__menu__container .plyr__control--forward:hover::after {
border-left-color: currentColor;
}
.plyr__menu__container .plyr__control--back {
font-weight: 500;
margin: 7px;
margin-bottom: 3px;
padding-left: 29px;
position: relative;
width: calc(100% - 14px);
}
.plyr__menu__container .plyr__control--back::after {
border-right-color: currentColor;
left: 7px;
}
.plyr__menu__container .plyr__control--back::before {
background: #c1c9d1;
box-shadow: 0 1px 0 #FFF;
content: "";
height: 1px;
left: 0;
margin-top: 4px;
overflow: hidden;
position: absolute;
right: 0;
top: 100%;
}
.plyr__menu__container .plyr__control--back.plyr__tab-focus::after, .plyr__menu__container .plyr__control--back:hover::after {
border-right-color: currentColor;
}
.plyr__menu__container .plyr__control.plyr__tab-focus, .plyr__menu__container .plyr__control:hover, .plyr__menu__container .plyr__control[aria-expanded=true] {
background-color: #FFF;
color: #3a3a3a;
}
.plyr__menu__container .plyr__control[role=menuitemradio] {
padding-left: 7px;
}
.plyr__menu__container .plyr__control[role=menuitemradio]::before, .plyr__menu__container .plyr__control[role=menuitemradio]::after {
border-radius: 100%;
}
.plyr__menu__container .plyr__control[role=menuitemradio]::before {
background: rgba(0, 0, 0, 0.1);
content: "";
display: block;
flex-shrink: 0;
height: 16px;
margin-right: 10px;
transition: all 0.3s ease;
width: 16px;
}
.plyr__menu__container .plyr__control[role=menuitemradio]::after {
background: #FFF;
border: 0;
height: 6px;
left: 12px;
opacity: 0;
top: 50%;
transform: translateY(-50%) scale(0);
transition: transform 0.3s ease, opacity 0.3s ease;
width: 6px;
}
.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before {
background: #3a3a3a;
}
.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::after {
opacity: 1;
transform: translateY(-50%) scale(1);
}
.plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus::before, .plyr__menu__container .plyr__control[role=menuitemradio]:hover::before {
background: rgba(0, 0, 0, 0.1);
}
.plyr__menu__container .plyr__menu__value {
align-items: center;
display: flex;
margin-left: auto;
margin-right: -5px;
overflow: hidden;
padding-left: 25px;
pointer-events: none;
}
.plyr--full-ui input[type=range] {
-webkit-appearance: none;
/* stylelint-disable-line */
background: transparent;
border: 0;
border-radius: 26px;
color: inherit;
display: block;
height: 19px;
margin: 0;
padding: 0;
transition: box-shadow 0.3s ease;
width: 100%;
}
.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
background-color: transparent;
border: 0;
border-radius: 1px;
height: 2px;
-webkit-transition: box-shadow 0.3s ease;
transition: box-shadow 0.3s ease;
-webkit-user-select: none;
user-select: none;
background-image: linear-gradient(to right, currentColor var(--value, 0%), rgba(58, 58, 58, 0.6) var(--value, 0%));
}
.plyr--full-ui input[type=range]::-webkit-slider-thumb {
background-color: currentColor;
border: 0;
border-radius: 50%;
box-shadow: 2px 0 0 0 #FFF;
height: 13px;
margin-top: -5px;
position: relative;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
width: 13px;
-webkit-appearance: none;
/* stylelint-disable-line */
}
@media screen and (-ms-high-contrast: active) {
.plyr--full-ui input[type=range]::-webkit-slider-thumb {
background-color: windowText;
}
}
.plyr--full-ui input[type=range]::-moz-range-track {
background-color: transparent;
border: 0;
border-radius: 1px;
height: 2px;
-moz-transition: box-shadow 0.3s ease;
transition: box-shadow 0.3s ease;
user-select: none;
background-color: rgba(58, 58, 58, 0.6);
}
.plyr--full-ui input[type=range]::-moz-range-thumb {
background-color: currentColor;
border: 0;
border-radius: 50%;
box-shadow: 2px 0 0 0 #FFF;
height: 13px;
margin-top: -5px;
position: relative;
-moz-transition: all 0.2s ease;
transition: all 0.2s ease;
width: 13px;
}
@media screen and (-ms-high-contrast: active) {
.plyr--full-ui input[type=range]::-moz-range-thumb {
background-color: windowText;
}
}
.plyr--full-ui input[type=range]::-moz-range-progress {
background-color: currentColor;
border-radius: 1px;
height: 2px;
}
.plyr--full-ui input[type=range]::-ms-track {
background-color: transparent;
border: 0;
border-radius: 1px;
height: 2px;
-ms-transition: box-shadow 0.3s ease;
transition: box-shadow 0.3s ease;
user-select: none;
color: transparent;
}
.plyr--full-ui input[type=range]::-ms-fill-upper {
background-color: transparent;
border: 0;
border-radius: 1px;
height: 2px;
-ms-transition: box-shadow 0.3s ease;
transition: box-shadow 0.3s ease;
user-select: none;
background-color: currentColor;
opacity: 0.6;
}
@media screen and (-ms-high-contrast: active) {
.plyr--full-ui input[type=range]::-ms-fill-upper {
background-color: windowText;
}
}
.plyr--full-ui input[type=range]::-ms-fill-lower {
background-color: transparent;
border: 0;
border-radius: 1px;
height: 2px;
-ms-transition: box-shadow 0.3s ease;
transition: box-shadow 0.3s ease;
user-select: none;
background-color: currentColor;
}
@media screen and (-ms-high-contrast: active) {
.plyr--full-ui input[type=range]::-ms-fill-lower {
background-color: windowText;
}
}
.plyr--full-ui input[type=range]::-ms-thumb {
background-color: currentColor;
border: 0;
border-radius: 50%;
box-shadow: 2px 0 0 0 #FFF;
height: 13px;
margin-top: -5px;
position: relative;
-ms-transition: all 0.2s ease;
transition: all 0.2s ease;
width: 13px;
margin-top: 1px;
}
@media screen and (-ms-high-contrast: active) {
.plyr--full-ui input[type=range]::-ms-thumb {
background-color: windowText;
}
}
.plyr--full-ui input[type=range]::-ms-tooltip {
display: none;
}
.plyr--full-ui input[type=range]:focus:not(.plyr__tab-focus) {
outline: 0;
}
.plyr--full-ui input[type=range]::-moz-focus-outer {
border: 0;
}
.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
box-shadow: 0 0 0 4px rgba(58, 58, 58, 0.25);
}
.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track {
box-shadow: 0 0 0 4px rgba(58, 58, 58, 0.25);
}
.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track {
box-shadow: 0 0 0 4px rgba(58, 58, 58, 0.25);
}
.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-thumb {
box-shadow: none;
}
.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-thumb {
box-shadow: none;
}
.plyr--full-ui input[type=range].plyr__tab-focus::-ms-thumb {
box-shadow: none;
}
.plyr--full-ui input[type=range]:active::-webkit-slider-thumb {
box-shadow: 0 0 0 3px rgba(58, 58, 58, 0.25);
}
.plyr--full-ui input[type=range]:active::-moz-range-thumb {
box-shadow: 0 0 0 3px rgba(58, 58, 58, 0.25);
}
.plyr--full-ui input[type=range]:active::-ms-thumb {
box-shadow: 0 0 0 3px rgba(58, 58, 58, 0.25);
}
.plyr__poster {
background-color: #000;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: contain;
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
transition: opacity 0.2s ease;
width: 100%;
z-index: 1;
}
.plyr--stopped.plyr__poster-enabled .plyr__poster {
opacity: 1;
}
.plyr__time {
font-size: 14px;
}
.plyr__time + .plyr__time::before {
content: "⁄";
margin-right: 10px;
}
@media (max-width: 749px) {
.plyr__time + .plyr__time {
display: none;
}
}
.plyr--video .plyr__time {
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}
.plyr__tooltip {
background-color: #3a3a3a;
bottom: 100%;
color: #FFF;
font-size: 14px;
font-weight: 500;
left: 50%;
line-height: 1.3;
opacity: 0;
padding: 5px 15px;
pointer-events: none;
position: absolute;
transform: translate(-50%, 10px);
transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease;
white-space: nowrap;
z-index: 2;
}
.plyr__tooltip::before {
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid #3a3a3a;
bottom: -4px;
content: "";
height: 0;
left: 50%;
position: absolute;
transform: translateX(-50%);
width: 0;
z-index: 2;
}
.plyr .plyr__control:hover .plyr__tooltip,
.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr__tooltip--visible {
opacity: 1;
transform: translate(-50%, -24px);
}
.plyr__controls > .plyr__control[data-plyr=mute]:hover .plyr__tooltip, .plyr__controls > .plyr__control[data-plyr=mute].plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control[data-plyr=mute] .plyr__tooltip--visible {
transform: translate(-50%, -11px);
}
.plyr .plyr__control:hover .plyr__tooltip {
z-index: 3;
}
.plyr__controls > .plyr__control:first-child .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip {
left: 0;
transform: translate(0, 10px) scale(0.8);
transform-origin: 0 100%;
}
.plyr__controls > .plyr__control:first-child .plyr__tooltip::before,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip::before {
left: 29px;
}
.plyr__controls > .plyr__control:last-child .plyr__tooltip {
left: auto;
right: 0;
transform: translate(0, 10px);
transform-origin: 100% 100%;
}
.plyr__controls > .plyr__control:last-child .plyr__tooltip::before {
left: auto;
right: 29px;
transform: translateX(50%);
}
.plyr__controls > .plyr__control:first-child:hover .plyr__tooltip, .plyr__controls > .plyr__control:first-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:first-child .plyr__tooltip--visible,
.plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip--visible,
.plyr__controls > .plyr__control:last-child:hover .plyr__tooltip,
.plyr__controls > .plyr__control:last-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:last-child .plyr__tooltip--visible {
transform: translate(0, -11px);
}
.plyr--video {
background-color: #FFF;
color: #3a3a3a;
overflow: hidden;
}
.plyr--video.plyr--menu-open {
overflow: visible;
}
.plyr__video-wrapper {
background-color: #000;
border-radius: inherit;
overflow: hidden;
position: relative;
z-index: 0;
}
.plyr__video-embed,
.plyr__video-wrapper--fixed-ratio {
height: 0;
padding-bottom: 56.25%;
}
.plyr__video-embed iframe,
.plyr__video-wrapper--fixed-ratio video {
border: 0;
height: 100%;
left: 0;
position: absolute;
top: 0;
-webkit-user-select: none;
user-select: none;
width: 100%;
}
.plyr__progress {
left: 6.5px;
margin-right: 15px;
position: relative;
}
.plyr__progress input[type=range], .plyr__progress__buffer {
margin-left: -6.5px;
margin-right: -6.5px;
max-width: calc(100% + 13px);
width: calc(100% + 13px);
}
.plyr__progress input[type=range] {
position: relative;
z-index: 2;
}
.plyr__progress .plyr__tooltip {
font-size: 14px;
left: 0;
}
.plyr__progress__buffer {
-webkit-appearance: none;
/* stylelint-disable-line */
background-color: transparent;
border: 0;
border-radius: 100px;
color: transparent;
height: 2px;
left: 0;
margin-top: -1px;
padding: 0;
position: absolute;
top: 50%;
}
.plyr__progress__buffer::-webkit-progress-bar {
background-color: transparent;
}
.plyr__progress__buffer::-webkit-progress-value {
background-color: currentColor;
border-radius: 100px;
min-width: 2px;
-webkit-transition: width 0.2s ease;
transition: width 0.2s ease;
}
.plyr__progress__buffer::-moz-progress-bar {
background-color: currentColor;
border-radius: 100px;
min-width: 2px;
-moz-transition: width 0.2s ease;
transition: width 0.2s ease;
}
.plyr__progress__buffer::-ms-fill {
border-radius: 100px;
-ms-transition: width 0.2s ease;
transition: width 0.2s ease;
}
.plyr--audio .plyr__progress__buffer {
color: rgba(193, 201, 209, 0.66);
}
.plyr--loading .plyr__progress__buffer {
animation: plyr-progress 1s linear infinite;
background-image: linear-gradient(-45deg, rgba(58, 58, 58, 0.6) 25%, transparent 25%, transparent 50%, rgba(58, 58, 58, 0.6) 50%, rgba(58, 58, 58, 0.6) 75%, transparent 75%, transparent);
background-repeat: repeat-x;
background-size: 25px 25px;
color: transparent;
}
.plyr--audio.plyr--loading .plyr__progress__buffer {
background-color: rgba(193, 201, 209, 0.66);
}
.plyr--full-ui .plyr__volume {
background-color: currentColor;
bottom: 105px;
height: 40px;
opacity: 0;
padding: 10px 15px;
position: absolute;
right: -4px;
transform: rotate(270deg);
transition: visibility 0.4s linear 0.4s, opacity 0.4s linear 0.3s;
width: 140px;
}
.plyr--full-ui .plyr__volume::before {
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid currentColor;
bottom: 18px;
content: "";
left: -6px;
position: absolute;
transform: rotate(90deg);
z-index: 2;
}
.plyr--full-ui .plyr__volume.plyr__volume--is-visible {
opacity: 1;
transition: visibility 0.4s linear, opacity 0.4s linear;
}
.plyr--audio .plyr--full-ui .plyr__volume {
bottom: 125px;
right: -37px;
}
.plyr--full-ui .plyr__volume:hover {
opacity: 1;
visibility: visible;
}
.plyr--full-ui .plyr__volume input[type=range] {
color: #FFF;
margin: 0 auto;
}
.plyr--full-ui .plyr__volume input[type=range]::-webkit-slider-runnable-track {
background-image: linear-gradient(to right, currentColor var(--value, 0), rgba(255, 255, 255, 0.6) var(--value, 0));
}
.plyr--full-ui .plyr__volume input[type=range]::-webkit-slider-thumb {
box-shadow: 2px 0 0 0 #3a3a3a;
}
.plyr--full-ui .plyr__volume input[type=range]::-moz-range-track {
background-color: rgba(255, 255, 255, 0.6);
}
.plyr--full-ui .plyr__volume input[type=range]::-moz-range-thumb {
box-shadow: 2px 0 0 0 #3a3a3a;
}
.plyr--full-ui .plyr__volume input[type=range]::-ms-fill-upper {
background-color: rgba(255, 255, 255, 0.6);
}
.plyr--full-ui .plyr__volume input[type=range]::-ms-thumb {
box-shadow: 2px 0 0 0 #3a3a3a;
}
.plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.25);
}
.plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-moz-range-track {
box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.25);
}
.plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-ms-track {
box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.25);
}
.plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-webkit-slider-thumb {
box-shadow: none;
}
.plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-moz-range-thumb {
box-shadow: none;
}
.plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-ms-thumb {
box-shadow: none;
}
.plyr--full-ui .plyr__volume input[type=range]:active::-webkit-slider-thumb {
box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.25);
}
.plyr--full-ui .plyr__volume input[type=range]:active::-moz-range-thumb {
box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.25);
}
.plyr--full-ui .plyr__volume input[type=range]:active::-ms-thumb {
box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.25);
}
@media (min-width: 480px) {
.plyr--full-ui .plyr__volume input[type=range] {
max-width: 90px;
}
}
@media (min-width: 750px) {
.plyr--full-ui .plyr__volume input[type=range] {
max-width: 110px;
}
}
.plyr--is-android .plyr__volume,
.plyr--is-ios .plyr__volume,
.plyr--is-mac.plyr--is-touch .plyr__volume {
display: none !important;
}
.plyr__control[data-plyr=mute]:hover + .plyr__volume {
opacity: 1;
transition: visibility 0.4s linear, opacity 0.4s linear;
}
.plyr:-webkit-full-screen {
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%;
}
.plyr:fullscreen {
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%;
}
.plyr:-webkit-full-screen video {
height: 100%;
}
.plyr:fullscreen video {
height: 100%;
}
.plyr:-webkit-full-screen .plyr__video-wrapper {
height: 100%;
position: static;
}
.plyr:fullscreen .plyr__video-wrapper {
height: 100%;
position: static;
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
display: block;
}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
display: block;
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg {
display: none;
}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg {
display: none;
}
.plyr:-webkit-full-screen.plyr--hide-controls {
cursor: none;
}
.plyr:fullscreen.plyr--hide-controls {
cursor: none;
}
@media (min-width: 990px) {
.plyr:-webkit-full-screen .plyr__captions {
font-size: 21px;
}
.plyr:fullscreen .plyr__captions {
font-size: 21px;
}
}
/* stylelint-disable-next-line */
.plyr:-webkit-full-screen {
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%;
}
.plyr:-webkit-full-screen video {
height: 100%;
}
.plyr:-webkit-full-screen .plyr__video-wrapper {
height: 100%;
position: static;
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
display: block;
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg {
display: none;
}
.plyr:-webkit-full-screen.plyr--hide-controls {
cursor: none;
}
@media (min-width: 990px) {
.plyr:-webkit-full-screen .plyr__captions {
font-size: 21px;
}
}
/* stylelint-disable-next-line */
.plyr:-moz-full-screen {
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%;
}
.plyr:-moz-full-screen video {
height: 100%;
}
.plyr:-moz-full-screen .plyr__video-wrapper {
height: 100%;
position: static;
}
.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen {
display: block;
}
.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen + svg {
display: none;
}
.plyr:-moz-full-screen.plyr--hide-controls {
cursor: none;
}
@media (min-width: 990px) {
.plyr:-moz-full-screen .plyr__captions {
font-size: 21px;
}
}
/* stylelint-disable-next-line */
.plyr:-ms-fullscreen {
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%;
}
.plyr:-ms-fullscreen video {
height: 100%;
}
.plyr:-ms-fullscreen .plyr__video-wrapper {
height: 100%;
position: static;
}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
display: block;
}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg {
display: none;
}
.plyr:-ms-fullscreen.plyr--hide-controls {
cursor: none;
}
@media (min-width: 990px) {
.plyr:-ms-fullscreen .plyr__captions {
font-size: 21px;
}
}
.plyr--fullscreen-fallback {
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%;
bottom: 0;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 40000;
}
.plyr--fullscreen-fallback video {
height: 100%;
}
.plyr--fullscreen-fallback .plyr__video-wrapper {
height: 100%;
position: static;
}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
display: block;
}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg {
display: none;
}
.plyr--fullscreen-fallback.plyr--hide-controls {
cursor: none;
}
@media (min-width: 990px) {
.plyr--fullscreen-fallback .plyr__captions {
font-size: 21px;
}
}
.plyr__preview-thumb {
background-color: #3a3a3a;
bottom: 100%;
margin-bottom: 10px;
opacity: 0;
padding: 5px;
pointer-events: none;
position: absolute;
transform: translate(0, 10px);
transform-origin: 50% 100%;
transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease;
z-index: 2;
}
.plyr__preview-thumb--is-shown {
opacity: 1;
transform: translate(0, -14px);
}
.plyr__preview-thumb::before {
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid #3a3a3a;
bottom: -4px;
content: "";
height: 0;
left: 50%;
position: absolute;
transform: translateX(-50%);
width: 0;
z-index: 2;
}
.plyr__preview-thumb__image-container {
background: #c1c9d1;
overflow: hidden;
position: relative;
z-index: 0;
}
.plyr__preview-thumb__image-container img {
height: 100%;
left: 0;
max-height: none;
max-width: none;
position: absolute;
top: 0;
width: 100%;
}
.plyr__preview-thumb__time-container {
bottom: 6px;
left: 0;
position: absolute;
right: 0;
white-space: nowrap;
z-index: 3;
}
.plyr__preview-thumb__time-container span {
background-color: #3a3a3a;
color: #FFF;
font-size: 14px;
padding: 3px 6px;
}
.plyr__preview-scrubbing {
bottom: 0;
filter: blur(1px);
height: 100%;
left: 0;
margin: auto;
opacity: 0;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
transition: opacity 0.3s ease;
width: 100%;
z-index: 1;
}
.plyr__preview-scrubbing--is-shown {
opacity: 1;
}
.plyr__preview-scrubbing img {
height: 100%;
left: 0;
max-height: none;
max-width: none;
object-fit: contain;
position: absolute;
top: 0;
width: 100%;
}
.plyr--no-transition {
transition: none !important;
}
.plyr__sr-only {
clip: rect(1px, 1px, 1px, 1px);
overflow: hidden;
border: 0 !important;
height: 1px !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
}
.plyr [hidden] {
display: none !important;
}
/*
* PhotoSwipe Zoom Library
* MIT license
* Created by Dmitry Semenov | photoswipe.com */
.pswp {
display: none;
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
overflow: hidden;
touch-action: none;
z-index: 10000;
-webkit-text-size-adjust: 100%;
/* create separate layer, to avoid paint on window.onscroll in webkit/blink */
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
outline: none;
}
.pswp img {
max-width: none;
}
.pswp--animate_opacity {
opacity: 0.001;
/* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
will-change: opacity;
transition: opacity 500ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp--open {
display: block;
}
.pswp--zoomed-in .pswp__img {
cursor: grab;
}
.pswp--dragging .pswp__img {
cursor: grabbing;
}
/*
Background is added as a separate element.
As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: var(--bg);
opacity: 0;
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
will-change: opacity;
}
.pswp__scroll-wrap {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.pswp__container,
.pswp__zoom-wrap {
touch-action: none;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
-webkit-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-touch-callout: none;
}
.pswp__zoom-wrap {
position: absolute;
width: 100%;
transform-origin: left top;
/* for open/close transition */
transition: transform 250ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp__bg {
will-change: opacity;
/* for open/close transition */
transform-origin: 0 0;
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;
backface-visibility: hidden;
z-index: 0;
}
.pswp__item {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: 0;
overflow: hidden;
}
.pswp__img {
position: absolute;
width: auto;
height: auto;
top: 0;
left: 0;
}
.pswp__img--placeholder {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.pswp__img--placeholder--blank {
background: var(--bg);
}
.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;
font-size: 14px;
line-height: 16px;
margin-top: -8px;
color: var(--muted);
}
.pswp__error-msg a {
color: var(--muted);
text-decoration: underline;
}
/* UI Custom CSS */
.pswp__top-bar {
background: var(--bg);
position: fixed;
bottom: 0;
left: 0;
width: 100%;
padding: 0 1.5em;
display: grid;
grid-template-columns: repeat(3, 1fr);
justify-content: space-around;
}
.pswp__button {
background: none;
cursor: pointer;
overflow: visible;
-webkit-appearance: none;
border: 0;
padding: 0;
margin: 0;
box-shadow: none;
}
.pswp__button:active {
outline: none;
}
.pswp__button::-moz-focus-inner {
padding: 0;
border: 0;
}
.pswp__button,
.pswp__button svg.icon,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
width: 2rem;
height: 2rem;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
-webkit-user-select: none;
user-select: none;
}
/* increases touch area */
.pswp__button--close {
min-width: 60px;
margin-right: 1em;
}
.pswp__close--container {
display: grid;
justify-content: end;
margin: 1em 0.25em;
}
.pswp__close--container svg {
float: right;
max-width: 1.5rem;
}
.pswp__button--arrow--left,
.pswp__button--arrow--right {
z-index: 10000;
height: 10ch;
}
.pswp__button--close svg,
.pswp__button--arrow--left svg,
.pswp__button--arrow--right svg {
z-index: -1;
position: relative;
}
.pswp__button--arrow--right {
justify-self: end;
}
.pswp__counter {
-webkit-user-select: none;
user-select: none;
align-self: center;
justify-self: center;
}
.pswp__button--share,
.pswp__button--fs,
.pswp__button--zoom,
.pswp__share-modal,
.pswp__share-modal--hidden,
.pswp__share-tooltip,
.pswp__caption,
.pswp__caption--fake,
.pswp__caption--empty {
display: none;
}
/* root element of UI */
.pswp__ui {
-webkit-font-smoothing: auto;
visibility: visible;
opacity: 1;
z-index: 10050;
margin: 0;
background-color: var(--bg);
position: fixed;
width: 100%;
}
/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
display: none;
}
.pswp__element--disabled {
display: none !important;
}
/* ============================================================================
#Normalize
============================================================================== */
*,
input,
:before,
:after {
box-sizing: border-box;
}
html,
body {
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
- Based on CSS Wizardry grid
============================================================================== */
.grid, .grid--full {
list-style: none;
margin: 0;
padding: 0;
margin-left: var(--gutter-offset);
}
.grid::after, .grid--full::after {
content: "";
display: table;
clear: both;
}
.grid__item {
float: left;
padding-left: var(--gutter);
width: 100%;
}
.grid__item[class*=push-] {
position: relative;
}
[dir=rtl] .grid__item {
float: right;
}
/* ============================================================================
Reversed grids allow you to structure your source in the opposite
order to how your rendered layout will appear.
============================================================================== */
.grid--rev {
direction: rtl;
text-align: left;
}
.grid--rev > .grid__item {
direction: ltr;
text-align: left;
float: right;
}
/* Gutterless grids have all the properties of regular grids, minus any spacing. */
.grid--full {
margin-left: 0;
}
.grid--full > .grid__item {
padding-left: 0;
}
/* ============================================================================
Grid Columns
- Create width classes, prepended by the breakpoint name.
============================================================================== */
/** Whole */
.one-whole {
width: 100%;
}
/* Halves */
.one-half {
width: 50%;
}
/* Thirds */
.one-third {
width: 33.3333333333%;
}
.two-thirds {
width: 66.6666666667%;
}
/* Quarters */
.one-quarter {
width: 25%;
}
.two-quarters {
width: 50%;
}
.three-quarters {
width: 75%;
}
/* Fifths */
.one-fifth {
width: 20%;
}
.two-fifths {
width: 40%;
}
.three-fifths {
width: 60%;
}
.four-fifths {
width: 80%;
}
/* Sixths */
.one-sixth {
width: 16.6666666667%;
}
.two-sixths {
width: 33.3333333333%;
}
.three-sixths {
width: 50%;
}
.four-sixths {
width: 66.6666666667%;
}
.five-sixths {
width: 83.3333333333%;
}
/* Eighths */
.one-eighth {
width: 12.5%;
}
.two-eighths {
width: 25%;
}
.three-eighths {
width: 37.5%;
}
.four-eighths {
width: 50%;
}
.five-eighths {
width: 62.5%;
}
.six-eighths {
width: 75%;
}
.seven-eighths {
width: 87.5%;
}
/* Tenths */
.one-tenth {
width: 10%;
}
.two-tenths {
width: 20%;
}
.three-tenths {
width: 30%;
}
.four-tenths {
width: 40%;
}
.five-tenths {
width: 50%;
}
.six-tenths {
width: 60%;
}
.seven-tenths {
width: 70%;
}
.eight-tenths {
width: 80%;
}
.nine-tenths {
width: 90%;
}
/* Twelfths */
.one-twelfth {
width: 8.3333333333%;
}
.two-twelfths {
width: 8.3333333333%;
}
.three-twelfths {
width: 25%;
}
.four-twelfths {
width: 33.3333333333%;
}
.five-twelfths {
width: 41.6666666667%;
}
.six-twelfths {
width: 50%;
}
.seven-twelfths {
width: 58.3333333333%;
}
.eight-twelfths {
width: 66.6666666667%;
}
.nine-twelfths {
width: 75%;
}
.ten-twelfths {
width: 83.3333333333%;
}
.eleven-twelfths {
width: 91.6666666667%;
}
.show {
display: block !important;
}
.hide {
display: none !important;
}
.text-left {
text-align: left !important;
}
[dir=rtl] .text-left {
text-align: right !important;
}
.text-right {
text-align: right !important;
}
[dir=rtl] .text-right {
text-align-last: left !important;
}
.text-center {
text-align: center !important;
}
@media only screen and (max-width: 479px) {
/** Whole */
.mobile--one-whole {
width: 100%;
}
/* Halves */
.mobile--one-half {
width: 50%;
}
/* Thirds */
.mobile--one-third {
width: 33.3333333333%;
}
.mobile--two-thirds {
width: 66.6666666667%;
}
/* Quarters */
.mobile--one-quarter {
width: 25%;
}
.mobile--two-quarters {
width: 50%;
}
.mobile--three-quarters {
width: 75%;
}
/* Fifths */
.mobile--one-fifth {
width: 20%;
}
.mobile--two-fifths {
width: 40%;
}
.mobile--three-fifths {
width: 60%;
}
.mobile--four-fifths {
width: 80%;
}
/* Sixths */
.mobile--one-sixth {
width: 16.6666666667%;
}
.mobile--two-sixths {
width: 33.3333333333%;
}
.mobile--three-sixths {
width: 50%;
}
.mobile--four-sixths {
width: 66.6666666667%;
}
.mobile--five-sixths {
width: 83.3333333333%;
}
/* Eighths */
.mobile--one-eighth {
width: 12.5%;
}
.mobile--two-eighths {
width: 25%;
}
.mobile--three-eighths {
width: 37.5%;
}
.mobile--four-eighths {
width: 50%;
}
.mobile--five-eighths {
width: 62.5%;
}
.mobile--six-eighths {
width: 75%;
}
.mobile--seven-eighths {
width: 87.5%;
}
/* Tenths */
.mobile--one-tenth {
width: 10%;
}
.mobile--two-tenths {
width: 20%;
}
.mobile--three-tenths {
width: 30%;
}
.mobile--four-tenths {
width: 40%;
}
.mobile--five-tenths {
width: 50%;
}
.mobile--six-tenths {
width: 60%;
}
.mobile--seven-tenths {
width: 70%;
}
.mobile--eight-tenths {
width: 80%;
}
.mobile--nine-tenths {
width: 90%;
}
/* Twelfths */
.mobile--one-twelfth {
width: 8.3333333333%;
}
.mobile--two-twelfths {
width: 8.3333333333%;
}
.mobile--three-twelfths {
width: 25%;
}
.mobile--four-twelfths {
width: 33.3333333333%;
}
.mobile--five-twelfths {
width: 41.6666666667%;
}
.mobile--six-twelfths {
width: 50%;
}
.mobile--seven-twelfths {
width: 58.3333333333%;
}
.mobile--eight-twelfths {
width: 66.6666666667%;
}
.mobile--nine-twelfths {
width: 75%;
}
.mobile--ten-twelfths {
width: 83.3333333333%;
}
.mobile--eleven-twelfths {
width: 91.6666666667%;
}
.grid--uniform .mobile--one-half:nth-child(2n+1),
.grid--uniform .mobile--one-third:nth-child(3n+1),
.grid--uniform .mobile--one-quarter:nth-child(4n+1),
.grid--uniform .mobile--one-fifth:nth-child(5n+1),
.grid--uniform .mobile--one-sixth:nth-child(6n+1),
.grid--uniform .mobile--two-sixths:nth-child(3n+1),
.grid--uniform .mobile--three-sixths:nth-child(2n+1),
.grid--uniform .mobile--one-eighth:nth-child(8n+1),
.grid--uniform .mobile--two-eighths:nth-child(4n+1),
.grid--uniform .mobile--four-eighths:nth-child(2n+1),
.grid--uniform .mobile--five-tenths:nth-child(2n+1),
.grid--uniform .mobile--one-twelfth:nth-child(12n+1),
.grid--uniform .mobile--two-twelfths:nth-child(6n+1),
.grid--uniform .mobile--three-twelfths:nth-child(4n+1),
.grid--uniform .mobile--four-twelfths:nth-child(3n+1),
.grid--uniform .mobile--six-twelfths:nth-child(2n+1),
.gallery .mobile--one-half:nth-child(2n+1),
.gallery .mobile--one-third:nth-child(3n+1),
.gallery .mobile--one-quarter:nth-child(4n+1),
.gallery .mobile--one-fifth:nth-child(5n+1),
.gallery .mobile--one-sixth:nth-child(6n+1),
.gallery .mobile--two-sixths:nth-child(3n+1),
.gallery .mobile--three-sixths:nth-child(2n+1),
.gallery .mobile--one-eighth:nth-child(8n+1),
.gallery .mobile--two-eighths:nth-child(4n+1),
.gallery .mobile--four-eighths:nth-child(2n+1),
.gallery .mobile--five-tenths:nth-child(2n+1),
.gallery .mobile--one-twelfth:nth-child(12n+1),
.gallery .mobile--two-twelfths:nth-child(6n+1),
.gallery .mobile--three-twelfths:nth-child(4n+1),
.gallery .mobile--four-twelfths:nth-child(3n+1),
.gallery .mobile--six-twelfths:nth-child(2n+1) {
clear: both;
}
.mobile--show {
display: block !important;
}
.mobile--hide {
display: none !important;
}
.mobile--text-left {
text-align: left !important;
}
[dir=rtl] .mobile--text-left {
text-align: right !important;
}
.mobile--text-right {
text-align: right !important;
}
[dir=rtl] .mobile--text-right {
text-align-last: left !important;
}
.mobile--text-center {
text-align: center !important;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
/** Whole */
.small--one-whole {
width: 100%;
}
/* Halves */
.small--one-half {
width: 50%;
}
/* Thirds */
.small--one-third {
width: 33.3333333333%;
}
.small--two-thirds {
width: 66.6666666667%;
}
/* Quarters */
.small--one-quarter {
width: 25%;
}
.small--two-quarters {
width: 50%;
}
.small--three-quarters {
width: 75%;
}
/* Fifths */
.small--one-fifth {
width: 20%;
}
.small--two-fifths {
width: 40%;
}
.small--three-fifths {
width: 60%;
}
.small--four-fifths {
width: 80%;
}
/* Sixths */
.small--one-sixth {
width: 16.6666666667%;
}
.small--two-sixths {
width: 33.3333333333%;
}
.small--three-sixths {
width: 50%;
}
.small--four-sixths {
width: 66.6666666667%;
}
.small--five-sixths {
width: 83.3333333333%;
}
/* Eighths */
.small--one-eighth {
width: 12.5%;
}
.small--two-eighths {
width: 25%;
}
.small--three-eighths {
width: 37.5%;
}
.small--four-eighths {
width: 50%;
}
.small--five-eighths {
width: 62.5%;
}
.small--six-eighths {
width: 75%;
}
.small--seven-eighths {
width: 87.5%;
}
/* Tenths */
.small--one-tenth {
width: 10%;
}
.small--two-tenths {
width: 20%;
}
.small--three-tenths {
width: 30%;
}
.small--four-tenths {
width: 40%;
}
.small--five-tenths {
width: 50%;
}
.small--six-tenths {
width: 60%;
}
.small--seven-tenths {
width: 70%;
}
.small--eight-tenths {
width: 80%;
}
.small--nine-tenths {
width: 90%;
}
/* Twelfths */
.small--one-twelfth {
width: 8.3333333333%;
}
.small--two-twelfths {
width: 8.3333333333%;
}
.small--three-twelfths {
width: 25%;
}
.small--four-twelfths {
width: 33.3333333333%;
}
.small--five-twelfths {
width: 41.6666666667%;
}
.small--six-twelfths {
width: 50%;
}
.small--seven-twelfths {
width: 58.3333333333%;
}
.small--eight-twelfths {
width: 66.6666666667%;
}
.small--nine-twelfths {
width: 75%;
}
.small--ten-twelfths {
width: 83.3333333333%;
}
.small--eleven-twelfths {
width: 91.6666666667%;
}
.grid--uniform .small--one-half:nth-child(2n+1),
.grid--uniform .small--one-third:nth-child(3n+1),
.grid--uniform .small--one-quarter:nth-child(4n+1),
.grid--uniform .small--one-fifth:nth-child(5n+1),
.grid--uniform .small--one-sixth:nth-child(6n+1),
.grid--uniform .small--two-sixths:nth-child(3n+1),
.grid--uniform .small--three-sixths:nth-child(2n+1),
.grid--uniform .small--one-eighth:nth-child(8n+1),
.grid--uniform .small--two-eighths:nth-child(4n+1),
.grid--uniform .small--four-eighths:nth-child(2n+1),
.grid--uniform .small--five-tenths:nth-child(2n+1),
.grid--uniform .small--one-twelfth:nth-child(12n+1),
.grid--uniform .small--two-twelfths:nth-child(6n+1),
.grid--uniform .small--three-twelfths:nth-child(4n+1),
.grid--uniform .small--four-twelfths:nth-child(3n+1),
.grid--uniform .small--six-twelfths:nth-child(2n+1),
.gallery .small--one-half:nth-child(2n+1),
.gallery .small--one-third:nth-child(3n+1),
.gallery .small--one-quarter:nth-child(4n+1),
.gallery .small--one-fifth:nth-child(5n+1),
.gallery .small--one-sixth:nth-child(6n+1),
.gallery .small--two-sixths:nth-child(3n+1),
.gallery .small--three-sixths:nth-child(2n+1),
.gallery .small--one-eighth:nth-child(8n+1),
.gallery .small--two-eighths:nth-child(4n+1),
.gallery .small--four-eighths:nth-child(2n+1),
.gallery .small--five-tenths:nth-child(2n+1),
.gallery .small--one-twelfth:nth-child(12n+1),
.gallery .small--two-twelfths:nth-child(6n+1),
.gallery .small--three-twelfths:nth-child(4n+1),
.gallery .small--four-twelfths:nth-child(3n+1),
.gallery .small--six-twelfths:nth-child(2n+1) {
clear: both;
}
.small--show {
display: block !important;
}
.small--hide {
display: none !important;
}
.small--text-left {
text-align: left !important;
}
[dir=rtl] .small--text-left {
text-align: right !important;
}
.small--text-right {
text-align: right !important;
}
[dir=rtl] .small--text-right {
text-align-last: left !important;
}
.small--text-center {
text-align: center !important;
}
}
@media only screen and (min-width: 480px) {
/** Whole */
.small-up--one-whole {
width: 100%;
}
/* Halves */
.small-up--one-half {
width: 50%;
}
/* Thirds */
.small-up--one-third {
width: 33.3333333333%;
}
.small-up--two-thirds {
width: 66.6666666667%;
}
/* Quarters */
.small-up--one-quarter {
width: 25%;
}
.small-up--two-quarters {
width: 50%;
}
.small-up--three-quarters {
width: 75%;
}
/* Fifths */
.small-up--one-fifth {
width: 20%;
}
.small-up--two-fifths {
width: 40%;
}
.small-up--three-fifths {
width: 60%;
}
.small-up--four-fifths {
width: 80%;
}
/* Sixths */
.small-up--one-sixth {
width: 16.6666666667%;
}
.small-up--two-sixths {
width: 33.3333333333%;
}
.small-up--three-sixths {
width: 50%;
}
.small-up--four-sixths {
width: 66.6666666667%;
}
.small-up--five-sixths {
width: 83.3333333333%;
}
/* Eighths */
.small-up--one-eighth {
width: 12.5%;
}
.small-up--two-eighths {
width: 25%;
}
.small-up--three-eighths {
width: 37.5%;
}
.small-up--four-eighths {
width: 50%;
}
.small-up--five-eighths {
width: 62.5%;
}
.small-up--six-eighths {
width: 75%;
}
.small-up--seven-eighths {
width: 87.5%;
}
/* Tenths */
.small-up--one-tenth {
width: 10%;
}
.small-up--two-tenths {
width: 20%;
}
.small-up--three-tenths {
width: 30%;
}
.small-up--four-tenths {
width: 40%;
}
.small-up--five-tenths {
width: 50%;
}
.small-up--six-tenths {
width: 60%;
}
.small-up--seven-tenths {
width: 70%;
}
.small-up--eight-tenths {
width: 80%;
}
.small-up--nine-tenths {
width: 90%;
}
/* Twelfths */
.small-up--one-twelfth {
width: 8.3333333333%;
}
.small-up--two-twelfths {
width: 8.3333333333%;
}
.small-up--three-twelfths {
width: 25%;
}
.small-up--four-twelfths {
width: 33.3333333333%;
}
.small-up--five-twelfths {
width: 41.6666666667%;
}
.small-up--six-twelfths {
width: 50%;
}
.small-up--seven-twelfths {
width: 58.3333333333%;
}
.small-up--eight-twelfths {
width: 66.6666666667%;
}
.small-up--nine-twelfths {
width: 75%;
}
.small-up--ten-twelfths {
width: 83.3333333333%;
}
.small-up--eleven-twelfths {
width: 91.6666666667%;
}
.grid--uniform .small-up--one-half:nth-child(2n+1),
.grid--uniform .small-up--one-third:nth-child(3n+1),
.grid--uniform .small-up--one-quarter:nth-child(4n+1),
.grid--uniform .small-up--one-fifth:nth-child(5n+1),
.grid--uniform .small-up--one-sixth:nth-child(6n+1),
.grid--uniform .small-up--two-sixths:nth-child(3n+1),
.grid--uniform .small-up--three-sixths:nth-child(2n+1),
.grid--uniform .small-up--one-eighth:nth-child(8n+1),
.grid--uniform .small-up--two-eighths:nth-child(4n+1),
.grid--uniform .small-up--four-eighths:nth-child(2n+1),
.grid--uniform .small-up--five-tenths:nth-child(2n+1),
.grid--uniform .small-up--one-twelfth:nth-child(12n+1),
.grid--uniform .small-up--two-twelfths:nth-child(6n+1),
.grid--uniform .small-up--three-twelfths:nth-child(4n+1),
.grid--uniform .small-up--four-twelfths:nth-child(3n+1),
.grid--uniform .small-up--six-twelfths:nth-child(2n+1),
.gallery .small-up--one-half:nth-child(2n+1),
.gallery .small-up--one-third:nth-child(3n+1),
.gallery .small-up--one-quarter:nth-child(4n+1),
.gallery .small-up--one-fifth:nth-child(5n+1),
.gallery .small-up--one-sixth:nth-child(6n+1),
.gallery .small-up--two-sixths:nth-child(3n+1),
.gallery .small-up--three-sixths:nth-child(2n+1),
.gallery .small-up--one-eighth:nth-child(8n+1),
.gallery .small-up--two-eighths:nth-child(4n+1),
.gallery .small-up--four-eighths:nth-child(2n+1),
.gallery .small-up--five-tenths:nth-child(2n+1),
.gallery .small-up--one-twelfth:nth-child(12n+1),
.gallery .small-up--two-twelfths:nth-child(6n+1),
.gallery .small-up--three-twelfths:nth-child(4n+1),
.gallery .small-up--four-twelfths:nth-child(3n+1),
.gallery .small-up--six-twelfths:nth-child(2n+1) {
clear: both;
}
.small-up--show {
display: block !important;
}
.small-up--hide {
display: none !important;
}
.small-up--text-left {
text-align: left !important;
}
[dir=rtl] .small-up--text-left {
text-align: right !important;
}
.small-up--text-right {
text-align: right !important;
}
[dir=rtl] .small-up--text-right {
text-align-last: left !important;
}
.small-up--text-center {
text-align: center !important;
}
}
@media only screen and (max-width: 767px) {
/** Whole */
.small-down--one-whole {
width: 100%;
}
/* Halves */
.small-down--one-half {
width: 50%;
}
/* Thirds */
.small-down--one-third {
width: 33.3333333333%;
}
.small-down--two-thirds {
width: 66.6666666667%;
}
/* Quarters */
.small-down--one-quarter {
width: 25%;
}
.small-down--two-quarters {
width: 50%;
}
.small-down--three-quarters {
width: 75%;
}
/* Fifths */
.small-down--one-fifth {
width: 20%;
}
.small-down--two-fifths {
width: 40%;
}
.small-down--three-fifths {
width: 60%;
}
.small-down--four-fifths {
width: 80%;
}
/* Sixths */
.small-down--one-sixth {
width: 16.6666666667%;
}
.small-down--two-sixths {
width: 33.3333333333%;
}
.small-down--three-sixths {
width: 50%;
}
.small-down--four-sixths {
width: 66.6666666667%;
}
.small-down--five-sixths {
width: 83.3333333333%;
}
/* Eighths */
.small-down--one-eighth {
width: 12.5%;
}
.small-down--two-eighths {
width: 25%;
}
.small-down--three-eighths {
width: 37.5%;
}
.small-down--four-eighths {
width: 50%;
}
.small-down--five-eighths {
width: 62.5%;
}
.small-down--six-eighths {
width: 75%;
}
.small-down--seven-eighths {
width: 87.5%;
}
/* Tenths */
.small-down--one-tenth {
width: 10%;
}
.small-down--two-tenths {
width: 20%;
}
.small-down--three-tenths {
width: 30%;
}
.small-down--four-tenths {
width: 40%;
}
.small-down--five-tenths {
width: 50%;
}
.small-down--six-tenths {
width: 60%;
}
.small-down--seven-tenths {
width: 70%;
}
.small-down--eight-tenths {
width: 80%;
}
.small-down--nine-tenths {
width: 90%;
}
/* Twelfths */
.small-down--one-twelfth {
width: 8.3333333333%;
}
.small-down--two-twelfths {
width: 8.3333333333%;
}
.small-down--three-twelfths {
width: 25%;
}
.small-down--four-twelfths {
width: 33.3333333333%;
}
.small-down--five-twelfths {
width: 41.6666666667%;
}
.small-down--six-twelfths {
width: 50%;
}
.small-down--seven-twelfths {
width: 58.3333333333%;
}
.small-down--eight-twelfths {
width: 66.6666666667%;
}
.small-down--nine-twelfths {
width: 75%;
}
.small-down--ten-twelfths {
width: 83.3333333333%;
}
.small-down--eleven-twelfths {
width: 91.6666666667%;
}
.grid--uniform .small-down--one-half:nth-child(2n+1),
.grid--uniform .small-down--one-third:nth-child(3n+1),
.grid--uniform .small-down--one-quarter:nth-child(4n+1),
.grid--uniform .small-down--one-fifth:nth-child(5n+1),
.grid--uniform .small-down--one-sixth:nth-child(6n+1),
.grid--uniform .small-down--two-sixths:nth-child(3n+1),
.grid--uniform .small-down--three-sixths:nth-child(2n+1),
.grid--uniform .small-down--one-eighth:nth-child(8n+1),
.grid--uniform .small-down--two-eighths:nth-child(4n+1),
.grid--uniform .small-down--four-eighths:nth-child(2n+1),
.grid--uniform .small-down--five-tenths:nth-child(2n+1),
.grid--uniform .small-down--one-twelfth:nth-child(12n+1),
.grid--uniform .small-down--two-twelfths:nth-child(6n+1),
.grid--uniform .small-down--three-twelfths:nth-child(4n+1),
.grid--uniform .small-down--four-twelfths:nth-child(3n+1),
.grid--uniform .small-down--six-twelfths:nth-child(2n+1),
.gallery .small-down--one-half:nth-child(2n+1),
.gallery .small-down--one-third:nth-child(3n+1),
.gallery .small-down--one-quarter:nth-child(4n+1),
.gallery .small-down--one-fifth:nth-child(5n+1),
.gallery .small-down--one-sixth:nth-child(6n+1),
.gallery .small-down--two-sixths:nth-child(3n+1),
.gallery .small-down--three-sixths:nth-child(2n+1),
.gallery .small-down--one-eighth:nth-child(8n+1),
.gallery .small-down--two-eighths:nth-child(4n+1),
.gallery .small-down--four-eighths:nth-child(2n+1),
.gallery .small-down--five-tenths:nth-child(2n+1),
.gallery .small-down--one-twelfth:nth-child(12n+1),
.gallery .small-down--two-twelfths:nth-child(6n+1),
.gallery .small-down--three-twelfths:nth-child(4n+1),
.gallery .small-down--four-twelfths:nth-child(3n+1),
.gallery .small-down--six-twelfths:nth-child(2n+1) {
clear: both;
}
.small-down--show {
display: block !important;
}
.small-down--hide {
display: none !important;
}
.small-down--text-left {
text-align: left !important;
}
[dir=rtl] .small-down--text-left {
text-align: right !important;
}
.small-down--text-right {
text-align: right !important;
}
[dir=rtl] .small-down--text-right {
text-align-last: left !important;
}
.small-down--text-center {
text-align: center !important;
}
}
@media only screen and (min-width: 480px) and (max-width: 989px) {
/** Whole */
.small-medium--one-whole {
width: 100%;
}
/* Halves */
.small-medium--one-half {
width: 50%;
}
/* Thirds */
.small-medium--one-third {
width: 33.3333333333%;
}
.small-medium--two-thirds {
width: 66.6666666667%;
}
/* Quarters */
.small-medium--one-quarter {
width: 25%;
}
.small-medium--two-quarters {
width: 50%;
}
.small-medium--three-quarters {
width: 75%;
}
/* Fifths */
.small-medium--one-fifth {
width: 20%;
}
.small-medium--two-fifths {
width: 40%;
}
.small-medium--three-fifths {
width: 60%;
}
.small-medium--four-fifths {
width: 80%;
}
/* Sixths */
.small-medium--one-sixth {
width: 16.6666666667%;
}
.small-medium--two-sixths {
width: 33.3333333333%;
}
.small-medium--three-sixths {
width: 50%;
}
.small-medium--four-sixths {
width: 66.6666666667%;
}
.small-medium--five-sixths {
width: 83.3333333333%;
}
/* Eighths */
.small-medium--one-eighth {
width: 12.5%;
}
.small-medium--two-eighths {
width: 25%;
}
.small-medium--three-eighths {
width: 37.5%;
}
.small-medium--four-eighths {
width: 50%;
}
.small-medium--five-eighths {
width: 62.5%;
}
.small-medium--six-eighths {
width: 75%;
}
.small-medium--seven-eighths {
width: 87.5%;
}
/* Tenths */
.small-medium--one-tenth {
width: 10%;
}
.small-medium--two-tenths {
width: 20%;
}
.small-medium--three-tenths {
width: 30%;
}
.small-medium--four-tenths {
width: 40%;
}
.small-medium--five-tenths {
width: 50%;
}
.small-medium--six-tenths {
width: 60%;
}
.small-medium--seven-tenths {
width: 70%;
}
.small-medium--eight-tenths {
width: 80%;
}
.small-medium--nine-tenths {
width: 90%;
}
/* Twelfths */
.small-medium--one-twelfth {
width: 8.3333333333%;
}
.small-medium--two-twelfths {
width: 8.3333333333%;
}
.small-medium--three-twelfths {
width: 25%;
}
.small-medium--four-twelfths {
width: 33.3333333333%;
}
.small-medium--five-twelfths {
width: 41.6666666667%;
}
.small-medium--six-twelfths {
width: 50%;
}
.small-medium--seven-twelfths {
width: 58.3333333333%;
}
.small-medium--eight-twelfths {
width: 66.6666666667%;
}
.small-medium--nine-twelfths {
width: 75%;
}
.small-medium--ten-twelfths {
width: 83.3333333333%;
}
.small-medium--eleven-twelfths {
width: 91.6666666667%;
}
.grid--uniform .small-medium--one-half:nth-child(2n+1),
.grid--uniform .small-medium--one-third:nth-child(3n+1),
.grid--uniform .small-medium--one-quarter:nth-child(4n+1),
.grid--uniform .small-medium--one-fifth:nth-child(5n+1),
.grid--uniform .small-medium--one-sixth:nth-child(6n+1),
.grid--uniform .small-medium--two-sixths:nth-child(3n+1),
.grid--uniform .small-medium--three-sixths:nth-child(2n+1),
.grid--uniform .small-medium--one-eighth:nth-child(8n+1),
.grid--uniform .small-medium--two-eighths:nth-child(4n+1),
.grid--uniform .small-medium--four-eighths:nth-child(2n+1),
.grid--uniform .small-medium--five-tenths:nth-child(2n+1),
.grid--uniform .small-medium--one-twelfth:nth-child(12n+1),
.grid--uniform .small-medium--two-twelfths:nth-child(6n+1),
.grid--uniform .small-medium--three-twelfths:nth-child(4n+1),
.grid--uniform .small-medium--four-twelfths:nth-child(3n+1),
.grid--uniform .small-medium--six-twelfths:nth-child(2n+1),
.gallery .small-medium--one-half:nth-child(2n+1),
.gallery .small-medium--one-third:nth-child(3n+1),
.gallery .small-medium--one-quarter:nth-child(4n+1),
.gallery .small-medium--one-fifth:nth-child(5n+1),
.gallery .small-medium--one-sixth:nth-child(6n+1),
.gallery .small-medium--two-sixths:nth-child(3n+1),
.gallery .small-medium--three-sixths:nth-child(2n+1),
.gallery .small-medium--one-eighth:nth-child(8n+1),
.gallery .small-medium--two-eighths:nth-child(4n+1),
.gallery .small-medium--four-eighths:nth-child(2n+1),
.gallery .small-medium--five-tenths:nth-child(2n+1),
.gallery .small-medium--one-twelfth:nth-child(12n+1),
.gallery .small-medium--two-twelfths:nth-child(6n+1),
.gallery .small-medium--three-twelfths:nth-child(4n+1),
.gallery .small-medium--four-twelfths:nth-child(3n+1),
.gallery .small-medium--six-twelfths:nth-child(2n+1) {
clear: both;
}
.small-medium--show {
display: block !important;
}
.small-medium--hide {
display: none !important;
}
.small-medium--text-left {
text-align: left !important;
}
[dir=rtl] .small-medium--text-left {
text-align: right !important;
}
.small-medium--text-right {
text-align: right !important;
}
[dir=rtl] .small-medium--text-right {
text-align-last: left !important;
}
.small-medium--text-center {
text-align: center !important;
}
}
@media only screen and (min-width: 768px) and (max-width: 989px) {
/** Whole */
.medium--one-whole {
width: 100%;
}
/* Halves */
.medium--one-half {
width: 50%;
}
/* Thirds */
.medium--one-third {
width: 33.3333333333%;
}
.medium--two-thirds {
width: 66.6666666667%;
}
/* Quarters */
.medium--one-quarter {
width: 25%;
}
.medium--two-quarters {
width: 50%;
}
.medium--three-quarters {
width: 75%;
}
/* Fifths */
.medium--one-fifth {
width: 20%;
}
.medium--two-fifths {
width: 40%;
}
.medium--three-fifths {
width: 60%;
}
.medium--four-fifths {
width: 80%;
}
/* Sixths */
.medium--one-sixth {
width: 16.6666666667%;
}
.medium--two-sixths {
width: 33.3333333333%;
}
.medium--three-sixths {
width: 50%;
}
.medium--four-sixths {
width: 66.6666666667%;
}
.medium--five-sixths {
width: 83.3333333333%;
}
/* Eighths */
.medium--one-eighth {
width: 12.5%;
}
.medium--two-eighths {
width: 25%;
}
.medium--three-eighths {
width: 37.5%;
}
.medium--four-eighths {
width: 50%;
}
.medium--five-eighths {
width: 62.5%;
}
.medium--six-eighths {
width: 75%;
}
.medium--seven-eighths {
width: 87.5%;
}
/* Tenths */
.medium--one-tenth {
width: 10%;
}
.medium--two-tenths {
width: 20%;
}
.medium--three-tenths {
width: 30%;
}
.medium--four-tenths {
width: 40%;
}
.medium--five-tenths {
width: 50%;
}
.medium--six-tenths {
width: 60%;
}
.medium--seven-tenths {
width: 70%;
}
.medium--eight-tenths {
width: 80%;
}
.medium--nine-tenths {
width: 90%;
}
/* Twelfths */
.medium--one-twelfth {
width: 8.3333333333%;
}
.medium--two-twelfths {
width: 8.3333333333%;
}
.medium--three-twelfths {
width: 25%;
}
.medium--four-twelfths {
width: 33.3333333333%;
}
.medium--five-twelfths {
width: 41.6666666667%;
}
.medium--six-twelfths {
width: 50%;
}
.medium--seven-twelfths {
width: 58.3333333333%;
}
.medium--eight-twelfths {
width: 66.6666666667%;
}
.medium--nine-twelfths {
width: 75%;
}
.medium--ten-twelfths {
width: 83.3333333333%;
}
.medium--eleven-twelfths {
width: 91.6666666667%;
}
.grid--uniform .medium--one-half:nth-child(2n+1),
.grid--uniform .medium--one-third:nth-child(3n+1),
.grid--uniform .medium--one-quarter:nth-child(4n+1),
.grid--uniform .medium--one-fifth:nth-child(5n+1),
.grid--uniform .medium--one-sixth:nth-child(6n+1),
.grid--uniform .medium--two-sixths:nth-child(3n+1),
.grid--uniform .medium--three-sixths:nth-child(2n+1),
.grid--uniform .medium--one-eighth:nth-child(8n+1),
.grid--uniform .medium--two-eighths:nth-child(4n+1),
.grid--uniform .medium--four-eighths:nth-child(2n+1),
.grid--uniform .medium--five-tenths:nth-child(2n+1),
.grid--uniform .medium--one-twelfth:nth-child(12n+1),
.grid--uniform .medium--two-twelfths:nth-child(6n+1),
.grid--uniform .medium--three-twelfths:nth-child(4n+1),
.grid--uniform .medium--four-twelfths:nth-child(3n+1),
.grid--uniform .medium--six-twelfths:nth-child(2n+1),
.gallery .medium--one-half:nth-child(2n+1),
.gallery .medium--one-third:nth-child(3n+1),
.gallery .medium--one-quarter:nth-child(4n+1),
.gallery .medium--one-fifth:nth-child(5n+1),
.gallery .medium--one-sixth:nth-child(6n+1),
.gallery .medium--two-sixths:nth-child(3n+1),
.gallery .medium--three-sixths:nth-child(2n+1),
.gallery .medium--one-eighth:nth-child(8n+1),
.gallery .medium--two-eighths:nth-child(4n+1),
.gallery .medium--four-eighths:nth-child(2n+1),
.gallery .medium--five-tenths:nth-child(2n+1),
.gallery .medium--one-twelfth:nth-child(12n+1),
.gallery .medium--two-twelfths:nth-child(6n+1),
.gallery .medium--three-twelfths:nth-child(4n+1),
.gallery .medium--four-twelfths:nth-child(3n+1),
.gallery .medium--six-twelfths:nth-child(2n+1) {
clear: both;
}
.medium--show {
display: block !important;
}
.medium--hide {
display: none !important;
}
.medium--text-left {
text-align: left !important;
}
[dir=rtl] .medium--text-left {
text-align: right !important;
}
.medium--text-right {
text-align: right !important;
}
[dir=rtl] .medium--text-right {
text-align-last: left !important;
}
.medium--text-center {
text-align: center !important;
}
}
@media only screen and (min-width: 768px) {
/** Whole */
.medium-up--one-whole {
width: 100%;
}
/* Halves */
.medium-up--one-half {
width: 50%;
}
/* Thirds */
.medium-up--one-third {
width: 33.3333333333%;
}
.medium-up--two-thirds {
width: 66.6666666667%;
}
/* Quarters */
.medium-up--one-quarter {
width: 25%;
}
.medium-up--two-quarters {
width: 50%;
}
.medium-up--three-quarters {
width: 75%;
}
/* Fifths */
.medium-up--one-fifth {
width: 20%;
}
.medium-up--two-fifths {
width: 40%;
}
.medium-up--three-fifths {
width: 60%;
}
.medium-up--four-fifths {
width: 80%;
}
/* Sixths */
.medium-up--one-sixth {
width: 16.6666666667%;
}
.medium-up--two-sixths {
width: 33.3333333333%;
}
.medium-up--three-sixths {
width: 50%;
}
.medium-up--four-sixths {
width: 66.6666666667%;
}
.medium-up--five-sixths {
width: 83.3333333333%;
}
/* Eighths */
.medium-up--one-eighth {
width: 12.5%;
}
.medium-up--two-eighths {
width: 25%;
}
.medium-up--three-eighths {
width: 37.5%;
}
.medium-up--four-eighths {
width: 50%;
}
.medium-up--five-eighths {
width: 62.5%;
}
.medium-up--six-eighths {
width: 75%;
}
.medium-up--seven-eighths {
width: 87.5%;
}
/* Tenths */
.medium-up--one-tenth {
width: 10%;
}
.medium-up--two-tenths {
width: 20%;
}
.medium-up--three-tenths {
width: 30%;
}
.medium-up--four-tenths {
width: 40%;
}
.medium-up--five-tenths {
width: 50%;
}
.medium-up--six-tenths {
width: 60%;
}
.medium-up--seven-tenths {
width: 70%;
}
.medium-up--eight-tenths {
width: 80%;
}
.medium-up--nine-tenths {
width: 90%;
}
/* Twelfths */
.medium-up--one-twelfth {
width: 8.3333333333%;
}
.medium-up--two-twelfths {
width: 8.3333333333%;
}
.medium-up--three-twelfths {
width: 25%;
}
.medium-up--four-twelfths {
width: 33.3333333333%;
}
.medium-up--five-twelfths {
width: 41.6666666667%;
}
.medium-up--six-twelfths {
width: 50%;
}
.medium-up--seven-twelfths {
width: 58.3333333333%;
}
.medium-up--eight-twelfths {
width: 66.6666666667%;
}
.medium-up--nine-twelfths {
width: 75%;
}
.medium-up--ten-twelfths {
width: 83.3333333333%;
}
.medium-up--eleven-twelfths {
width: 91.6666666667%;
}
.grid--uniform .medium-up--one-half:nth-child(2n+1),
.grid--uniform .medium-up--one-third:nth-child(3n+1),
.grid--uniform .medium-up--one-quarter:nth-child(4n+1),
.grid--uniform .medium-up--one-fifth:nth-child(5n+1),
.grid--uniform .medium-up--one-sixth:nth-child(6n+1),
.grid--uniform .medium-up--two-sixths:nth-child(3n+1),
.grid--uniform .medium-up--three-sixths:nth-child(2n+1),
.grid--uniform .medium-up--one-eighth:nth-child(8n+1),
.grid--uniform .medium-up--two-eighths:nth-child(4n+1),
.grid--uniform .medium-up--four-eighths:nth-child(2n+1),
.grid--uniform .medium-up--five-tenths:nth-child(2n+1),
.grid--uniform .medium-up--one-twelfth:nth-child(12n+1),
.grid--uniform .medium-up--two-twelfths:nth-child(6n+1),
.grid--uniform .medium-up--three-twelfths:nth-child(4n+1),
.grid--uniform .medium-up--four-twelfths:nth-child(3n+1),
.grid--uniform .medium-up--six-twelfths:nth-child(2n+1),
.gallery .medium-up--one-half:nth-child(2n+1),
.gallery .medium-up--one-third:nth-child(3n+1),
.gallery .medium-up--one-quarter:nth-child(4n+1),
.gallery .medium-up--one-fifth:nth-child(5n+1),
.gallery .medium-up--one-sixth:nth-child(6n+1),
.gallery .medium-up--two-sixths:nth-child(3n+1),
.gallery .medium-up--three-sixths:nth-child(2n+1),
.gallery .medium-up--one-eighth:nth-child(8n+1),
.gallery .medium-up--two-eighths:nth-child(4n+1),
.gallery .medium-up--four-eighths:nth-child(2n+1),
.gallery .medium-up--five-tenths:nth-child(2n+1),
.gallery .medium-up--one-twelfth:nth-child(12n+1),
.gallery .medium-up--two-twelfths:nth-child(6n+1),
.gallery .medium-up--three-twelfths:nth-child(4n+1),
.gallery .medium-up--four-twelfths:nth-child(3n+1),
.gallery .medium-up--six-twelfths:nth-child(2n+1) {
clear: both;
}
.medium-up--show {
display: block !important;
}
.medium-up--hide {
display: none !important;
}
.medium-up--text-left {
text-align: left !important;
}
[dir=rtl] .medium-up--text-left {
text-align: right !important;
}
.medium-up--text-right {
text-align: right !important;
}
[dir=rtl] .medium-up--text-right {
text-align-last: left !important;
}
.medium-up--text-center {
text-align: center !important;
}
}
@media only screen and (max-width: 989px) {
/** Whole */
.medium-down--one-whole {
width: 100%;
}
/* Halves */
.medium-down--one-half {
width: 50%;
}
/* Thirds */
.medium-down--one-third {
width: 33.3333333333%;
}
.medium-down--two-thirds {
width: 66.6666666667%;
}
/* Quarters */
.medium-down--one-quarter {
width: 25%;
}
.medium-down--two-quarters {
width: 50%;
}
.medium-down--three-quarters {
width: 75%;
}
/* Fifths */
.medium-down--one-fifth {
width: 20%;
}
.medium-down--two-fifths {
width: 40%;
}
.medium-down--three-fifths {
width: 60%;
}
.medium-down--four-fifths {
width: 80%;
}
/* Sixths */
.medium-down--one-sixth {
width: 16.6666666667%;
}
.medium-down--two-sixths {
width: 33.3333333333%;
}
.medium-down--three-sixths {
width: 50%;
}
.medium-down--four-sixths {
width: 66.6666666667%;
}
.medium-down--five-sixths {
width: 83.3333333333%;
}
/* Eighths */
.medium-down--one-eighth {
width: 12.5%;
}
.medium-down--two-eighths {
width: 25%;
}
.medium-down--three-eighths {
width: 37.5%;
}
.medium-down--four-eighths {
width: 50%;
}
.medium-down--five-eighths {
width: 62.5%;
}
.medium-down--six-eighths {
width: 75%;
}
.medium-down--seven-eighths {
width: 87.5%;
}
/* Tenths */
.medium-down--one-tenth {
width: 10%;
}
.medium-down--two-tenths {
width: 20%;
}
.medium-down--three-tenths {
width: 30%;
}
.medium-down--four-tenths {
width: 40%;
}
.medium-down--five-tenths {
width: 50%;
}
.medium-down--six-tenths {
width: 60%;
}
.medium-down--seven-tenths {
width: 70%;
}
.medium-down--eight-tenths {
width: 80%;
}
.medium-down--nine-tenths {
width: 90%;
}
/* Twelfths */
.medium-down--one-twelfth {
width: 8.3333333333%;
}
.medium-down--two-twelfths {
width: 8.3333333333%;
}
.medium-down--three-twelfths {
width: 25%;
}
.medium-down--four-twelfths {
width: 33.3333333333%;
}
.medium-down--five-twelfths {
width: 41.6666666667%;
}
.medium-down--six-twelfths {
width: 50%;
}
.medium-down--seven-twelfths {
width: 58.3333333333%;
}
.medium-down--eight-twelfths {
width: 66.6666666667%;
}
.medium-down--nine-twelfths {
width: 75%;
}
.medium-down--ten-twelfths {
width: 83.3333333333%;
}
.medium-down--eleven-twelfths {
width: 91.6666666667%;
}
.grid--uniform .medium-down--one-half:nth-child(2n+1),
.grid--uniform .medium-down--one-third:nth-child(3n+1),
.grid--uniform .medium-down--one-quarter:nth-child(4n+1),
.grid--uniform .medium-down--one-fifth:nth-child(5n+1),
.grid--uniform .medium-down--one-sixth:nth-child(6n+1),
.grid--uniform .medium-down--two-sixths:nth-child(3n+1),
.grid--uniform .medium-down--three-sixths:nth-child(2n+1),
.grid--uniform .medium-down--one-eighth:nth-child(8n+1),
.grid--uniform .medium-down--two-eighths:nth-child(4n+1),
.grid--uniform .medium-down--four-eighths:nth-child(2n+1),
.grid--uniform .medium-down--five-tenths:nth-child(2n+1),
.grid--uniform .medium-down--one-twelfth:nth-child(12n+1),
.grid--uniform .medium-down--two-twelfths:nth-child(6n+1),
.grid--uniform .medium-down--three-twelfths:nth-child(4n+1),
.grid--uniform .medium-down--four-twelfths:nth-child(3n+1),
.grid--uniform .medium-down--six-twelfths:nth-child(2n+1),
.gallery .medium-down--one-half:nth-child(2n+1),
.gallery .medium-down--one-third:nth-child(3n+1),
.gallery .medium-down--one-quarter:nth-child(4n+1),
.gallery .medium-down--one-fifth:nth-child(5n+1),
.gallery .medium-down--one-sixth:nth-child(6n+1),
.gallery .medium-down--two-sixths:nth-child(3n+1),
.gallery .medium-down--three-sixths:nth-child(2n+1),
.gallery .medium-down--one-eighth:nth-child(8n+1),
.gallery .medium-down--two-eighths:nth-child(4n+1),
.gallery .medium-down--four-eighths:nth-child(2n+1),
.gallery .medium-down--five-tenths:nth-child(2n+1),
.gallery .medium-down--one-twelfth:nth-child(12n+1),
.gallery .medium-down--two-twelfths:nth-child(6n+1),
.gallery .medium-down--three-twelfths:nth-child(4n+1),
.gallery .medium-down--four-twelfths:nth-child(3n+1),
.gallery .medium-down--six-twelfths:nth-child(2n+1) {
clear: both;
}
.medium-down--show {
display: block !important;
}
.medium-down--hide {
display: none !important;
}
.medium-down--text-left {
text-align: left !important;
}
[dir=rtl] .medium-down--text-left {
text-align: right !important;
}
.medium-down--text-right {
text-align: right !important;
}
[dir=rtl] .medium-down--text-right {
text-align-last: left !important;
}
.medium-down--text-center {
text-align: center !important;
}
}
@media only screen and (min-width: 768px) and (max-width: 1399px) {
/** Whole */
.medium-large--one-whole {
width: 100%;
}
/* Halves */
.medium-large--one-half {
width: 50%;
}
/* Thirds */
.medium-large--one-third {
width: 33.3333333333%;
}
.medium-large--two-thirds {
width: 66.6666666667%;
}
/* Quarters */
.medium-large--one-quarter {
width: 25%;
}
.medium-large--two-quarters {
width: 50%;
}
.medium-large--three-quarters {
width: 75%;
}
/* Fifths */
.medium-large--one-fifth {
width: 20%;
}
.medium-large--two-fifths {
width: 40%;
}
.medium-large--three-fifths {
width: 60%;
}
.medium-large--four-fifths {
width: 80%;
}
/* Sixths */
.medium-large--one-sixth {
width: 16.6666666667%;
}
.medium-large--two-sixths {
width: 33.3333333333%;
}
.medium-large--three-sixths {
width: 50%;
}
.medium-large--four-sixths {
width: 66.6666666667%;
}
.medium-large--five-sixths {
width: 83.3333333333%;
}
/* Eighths */
.medium-large--one-eighth {
width: 12.5%;
}
.medium-large--two-eighths {
width: 25%;
}
.medium-large--three-eighths {
width: 37.5%;
}
.medium-large--four-eighths {
width: 50%;
}
.medium-large--five-eighths {
width: 62.5%;
}
.medium-large--six-eighths {
width: 75%;
}
.medium-large--seven-eighths {
width: 87.5%;
}
/* Tenths */
.medium-large--one-tenth {
width: 10%;
}
.medium-large--two-tenths {
width: 20%;
}
.medium-large--three-tenths {
width: 30%;
}
.medium-large--four-tenths {
width: 40%;
}
.medium-large--five-tenths {
width: 50%;
}
.medium-large--six-tenths {
width: 60%;
}
.medium-large--seven-tenths {
width: 70%;
}
.medium-large--eight-tenths {
width: 80%;
}
.medium-large--nine-tenths {
width: 90%;
}
/* Twelfths */
.medium-large--one-twelfth {
width: 8.3333333333%;
}
.medium-large--two-twelfths {
width: 8.3333333333%;
}
.medium-large--three-twelfths {
width: 25%;
}
.medium-large--four-twelfths {
width: 33.3333333333%;
}
.medium-large--five-twelfths {
width: 41.6666666667%;
}
.medium-large--six-twelfths {
width: 50%;
}
.medium-large--seven-twelfths {
width: 58.3333333333%;
}
.medium-large--eight-twelfths {
width: 66.6666666667%;
}
.medium-large--nine-twelfths {
width: 75%;
}
.medium-large--ten-twelfths {
width: 83.3333333333%;
}
.medium-large--eleven-twelfths {
width: 91.6666666667%;
}
.grid--uniform .medium-large--one-half:nth-child(2n+1),
.grid--uniform .medium-large--one-third:nth-child(3n+1),
.grid--uniform .medium-large--one-quarter:nth-child(4n+1),
.grid--uniform .medium-large--one-fifth:nth-child(5n+1),
.grid--uniform .medium-large--one-sixth:nth-child(6n+1),
.grid--uniform .medium-large--two-sixths:nth-child(3n+1),
.grid--uniform .medium-large--three-sixths:nth-child(2n+1),
.grid--uniform .medium-large--one-eighth:nth-child(8n+1),
.grid--uniform .medium-large--two-eighths:nth-child(4n+1),
.grid--uniform .medium-large--four-eighths:nth-child(2n+1),
.grid--uniform .medium-large--five-tenths:nth-child(2n+1),
.grid--uniform .medium-large--one-twelfth:nth-child(12n+1),
.grid--uniform .medium-large--two-twelfths:nth-child(6n+1),
.grid--uniform .medium-large--three-twelfths:nth-child(4n+1),
.grid--uniform .medium-large--four-twelfths:nth-child(3n+1),
.grid--uniform .medium-large--six-twelfths:nth-child(2n+1),
.gallery .medium-large--one-half:nth-child(2n+1),
.gallery .medium-large--one-third:nth-child(3n+1),
.gallery .medium-large--one-quarter:nth-child(4n+1),
.gallery .medium-large--one-fifth:nth-child(5n+1),
.gallery .medium-large--one-sixth:nth-child(6n+1),
.gallery .medium-large--two-sixths:nth-child(3n+1),
.gallery .medium-large--three-sixths:nth-child(2n+1),
.gallery .medium-large--one-eighth:nth-child(8n+1),
.gallery .medium-large--two-eighths:nth-child(4n+1),
.gallery .medium-large--four-eighths:nth-child(2n+1),
.gallery .medium-large--five-tenths:nth-child(2n+1),
.gallery .medium-large--one-twelfth:nth-child(12n+1),
.gallery .medium-large--two-twelfths:nth-child(6n+1),
.gallery .medium-large--three-twelfths:nth-child(4n+1),
.gallery .medium-large--four-twelfths:nth-child(3n+1),
.gallery .medium-large--six-twelfths:nth-child(2n+1) {
clear: both;
}
.medium-large--show {
display: block !important;
}
.medium-large--hide {
display: none !important;
}
.medium-large--text-left {
text-align: left !important;
}
[dir=rtl] .medium-large--text-left {
text-align: right !important;
}
.medium-large--text-right {
text-align: right !important;
}
[dir=rtl] .medium-large--text-right {
text-align-last: left !important;
}
.medium-large--text-center {
text-align: center !important;
}
}
@media only screen and (min-width: 990px) and (max-width: 1399px) {
/** Whole */
.large--one-whole {
width: 100%;
}
/* Halves */
.large--one-half {
width: 50%;
}
/* Thirds */
.large--one-third {
width: 33.3333333333%;
}
.large--two-thirds {
width: 66.6666666667%;
}
/* Quarters */
.large--one-quarter {
width: 25%;
}
.large--two-quarters {
width: 50%;
}
.large--three-quarters {
width: 75%;
}
/* Fifths */
.large--one-fifth {
width: 20%;
}
.large--two-fifths {
width: 40%;
}
.large--three-fifths {
width: 60%;
}
.large--four-fifths {
width: 80%;
}
/* Sixths */
.large--one-sixth {
width: 16.6666666667%;
}
.large--two-sixths {
width: 33.3333333333%;
}
.large--three-sixths {
width: 50%;
}
.large--four-sixths {
width: 66.6666666667%;
}
.large--five-sixths {
width: 83.3333333333%;
}
/* Eighths */
.large--one-eighth {
width: 12.5%;
}
.large--two-eighths {
width: 25%;
}
.large--three-eighths {
width: 37.5%;
}
.large--four-eighths {
width: 50%;
}
.large--five-eighths {
width: 62.5%;
}
.large--six-eighths {
width: 75%;
}
.large--seven-eighths {
width: 87.5%;
}
/* Tenths */
.large--one-tenth {
width: 10%;
}
.large--two-tenths {
width: 20%;
}
.large--three-tenths {
width: 30%;
}
.large--four-tenths {
width: 40%;
}
.large--five-tenths {
width: 50%;
}
.large--six-tenths {
width: 60%;
}
.large--seven-tenths {
width: 70%;
}
.large--eight-tenths {
width: 80%;
}
.large--nine-tenths {
width: 90%;
}
/* Twelfths */
.large--one-twelfth {
width: 8.3333333333%;
}
.large--two-twelfths {
width: 8.3333333333%;
}
.large--three-twelfths {
width: 25%;
}
.large--four-twelfths {
width: 33.3333333333%;
}
.large--five-twelfths {
width: 41.6666666667%;
}
.large--six-twelfths {
width: 50%;
}
.large--seven-twelfths {
width: 58.3333333333%;
}
.large--eight-twelfths {
width: 66.6666666667%;
}
.large--nine-twelfths {
width: 75%;
}
.large--ten-twelfths {
width: 83.3333333333%;
}
.large--eleven-twelfths {
width: 91.6666666667%;
}
.grid--uniform .large--one-half:nth-child(2n+1),
.grid--uniform .large--one-third:nth-child(3n+1),
.grid--uniform .large--one-quarter:nth-child(4n+1),
.grid--uniform .large--one-fifth:nth-child(5n+1),
.grid--uniform .large--one-sixth:nth-child(6n+1),
.grid--uniform .large--two-sixths:nth-child(3n+1),
.grid--uniform .large--three-sixths:nth-child(2n+1),
.grid--uniform .large--one-eighth:nth-child(8n+1),
.grid--uniform .large--two-eighths:nth-child(4n+1),
.grid--uniform .large--four-eighths:nth-child(2n+1),
.grid--uniform .large--five-tenths:nth-child(2n+1),
.grid--uniform .large--one-twelfth:nth-child(12n+1),
.grid--uniform .large--two-twelfths:nth-child(6n+1),
.grid--uniform .large--three-twelfths:nth-child(4n+1),
.grid--uniform .large--four-twelfths:nth-child(3n+1),
.grid--uniform .large--six-twelfths:nth-child(2n+1),
.gallery .large--one-half:nth-child(2n+1),
.gallery .large--one-third:nth-child(3n+1),
.gallery .large--one-quarter:nth-child(4n+1),
.gallery .large--one-fifth:nth-child(5n+1),
.gallery .large--one-sixth:nth-child(6n+1),
.gallery .large--two-sixths:nth-child(3n+1),
.gallery .large--three-sixths:nth-child(2n+1),
.gallery .large--one-eighth:nth-child(8n+1),
.gallery .large--two-eighths:nth-child(4n+1),
.gallery .large--four-eighths:nth-child(2n+1),
.gallery .large--five-tenths:nth-child(2n+1),
.gallery .large--one-twelfth:nth-child(12n+1),
.gallery .large--two-twelfths:nth-child(6n+1),
.gallery .large--three-twelfths:nth-child(4n+1),
.gallery .large--four-twelfths:nth-child(3n+1),
.gallery .large--six-twelfths:nth-child(2n+1) {
clear: both;
}
.large--show {
display: block !important;
}
.large--hide {
display: none !important;
}
.large--text-left {
text-align: left !important;
}
[dir=rtl] .large--text-left {
text-align: right !important;
}
.large--text-right {
text-align: right !important;
}
[dir=rtl] .large--text-right {
text-align-last: left !important;
}
.large--text-center {
text-align: center !important;
}
}
@media only screen and (min-width: 990px) {
/** Whole */
.large-up--one-whole {
width: 100%;
}
/* Halves */
.large-up--one-half {
width: 50%;
}
/* Thirds */
.large-up--one-third {
width: 33.3333333333%;
}
.large-up--two-thirds {
width: 66.6666666667%;
}
/* Quarters */
.large-up--one-quarter {
width: 25%;
}
.large-up--two-quarters {
width: 50%;
}
.large-up--three-quarters {
width: 75%;
}
/* Fifths */
.large-up--one-fifth {
width: 20%;
}
.large-up--two-fifths {
width: 40%;
}
.large-up--three-fifths {
width: 60%;
}
.large-up--four-fifths {
width: 80%;
}
/* Sixths */
.large-up--one-sixth {
width: 16.6666666667%;
}
.large-up--two-sixths {
width: 33.3333333333%;
}
.large-up--three-sixths {
width: 50%;
}
.large-up--four-sixths {
width: 66.6666666667%;
}
.large-up--five-sixths {
width: 83.3333333333%;
}
/* Eighths */
.large-up--one-eighth {
width: 12.5%;
}
.large-up--two-eighths {
width: 25%;
}
.large-up--three-eighths {
width: 37.5%;
}
.large-up--four-eighths {
width: 50%;
}
.large-up--five-eighths {
width: 62.5%;
}
.large-up--six-eighths {
width: 75%;
}
.large-up--seven-eighths {
width: 87.5%;
}
/* Tenths */
.large-up--one-tenth {
width: 10%;
}
.large-up--two-tenths {
width: 20%;
}
.large-up--three-tenths {
width: 30%;
}
.large-up--four-tenths {
width: 40%;
}
.large-up--five-tenths {
width: 50%;
}
.large-up--six-tenths {
width: 60%;
}
.large-up--seven-tenths {
width: 70%;
}
.large-up--eight-tenths {
width: 80%;
}
.large-up--nine-tenths {
width: 90%;
}
/* Twelfths */
.large-up--one-twelfth {
width: 8.3333333333%;
}
.large-up--two-twelfths {
width: 8.3333333333%;
}
.large-up--three-twelfths {
width: 25%;
}
.large-up--four-twelfths {
width: 33.3333333333%;
}
.large-up--five-twelfths {
width: 41.6666666667%;
}
.large-up--six-twelfths {
width: 50%;
}
.large-up--seven-twelfths {
width: 58.3333333333%;
}
.large-up--eight-twelfths {
width: 66.6666666667%;
}
.large-up--nine-twelfths {
width: 75%;
}
.large-up--ten-twelfths {
width: 83.3333333333%;
}
.large-up--eleven-twelfths {
width: 91.6666666667%;
}
.grid--uniform .large-up--one-half:nth-child(2n+1),
.grid--uniform .large-up--one-third:nth-child(3n+1),
.grid--uniform .large-up--one-quarter:nth-child(4n+1),
.grid--uniform .large-up--one-fifth:nth-child(5n+1),
.grid--uniform .large-up--one-sixth:nth-child(6n+1),
.grid--uniform .large-up--two-sixths:nth-child(3n+1),
.grid--uniform .large-up--three-sixths:nth-child(2n+1),
.grid--uniform .large-up--one-eighth:nth-child(8n+1),
.grid--uniform .large-up--two-eighths:nth-child(4n+1),
.grid--uniform .large-up--four-eighths:nth-child(2n+1),
.grid--uniform .large-up--five-tenths:nth-child(2n+1),
.grid--uniform .large-up--one-twelfth:nth-child(12n+1),
.grid--uniform .large-up--two-twelfths:nth-child(6n+1),
.grid--uniform .large-up--three-twelfths:nth-child(4n+1),
.grid--uniform .large-up--four-twelfths:nth-child(3n+1),
.grid--uniform .large-up--six-twelfths:nth-child(2n+1),
.gallery .large-up--one-half:nth-child(2n+1),
.gallery .large-up--one-third:nth-child(3n+1),
.gallery .large-up--one-quarter:nth-child(4n+1),
.gallery .large-up--one-fifth:nth-child(5n+1),
.gallery .large-up--one-sixth:nth-child(6n+1),
.gallery .large-up--two-sixths:nth-child(3n+1),
.gallery .large-up--three-sixths:nth-child(2n+1),
.gallery .large-up--one-eighth:nth-child(8n+1),
.gallery .large-up--two-eighths:nth-child(4n+1),
.gallery .large-up--four-eighths:nth-child(2n+1),
.gallery .large-up--five-tenths:nth-child(2n+1),
.gallery .large-up--one-twelfth:nth-child(12n+1),
.gallery .large-up--two-twelfths:nth-child(6n+1),
.gallery .large-up--three-twelfths:nth-child(4n+1),
.gallery .large-up--four-twelfths:nth-child(3n+1),
.gallery .large-up--six-twelfths:nth-child(2n+1) {
clear: both;
}
.large-up--show {
display: block !important;
}
.large-up--hide {
display: none !important;
}
.large-up--text-left {
text-align: left !important;
}
[dir=rtl] .large-up--text-left {
text-align: right !important;
}
.large-up--text-right {
text-align: right !important;
}
[dir=rtl] .large-up--text-right {
text-align-last: left !important;
}
.large-up--text-center {
text-align: center !important;
}
}
@media only screen and (max-width: 1399px) {
/** Whole */
.large-down--one-whole {
width: 100%;
}
/* Halves */
.large-down--one-half {
width: 50%;
}
/* Thirds */
.large-down--one-third {
width: 33.3333333333%;
}
.large-down--two-thirds {
width: 66.6666666667%;
}
/* Quarters */
.large-down--one-quarter {
width: 25%;
}
.large-down--two-quarters {
width: 50%;
}
.large-down--three-quarters {
width: 75%;
}
/* Fifths */
.large-down--one-fifth {
width: 20%;
}
.large-down--two-fifths {
width: 40%;
}
.large-down--three-fifths {
width: 60%;
}
.large-down--four-fifths {
width: 80%;
}
/* Sixths */
.large-down--one-sixth {
width: 16.6666666667%;
}
.large-down--two-sixths {
width: 33.3333333333%;
}
.large-down--three-sixths {
width: 50%;
}
.large-down--four-sixths {
width: 66.6666666667%;
}
.large-down--five-sixths {
width: 83.3333333333%;
}
/* Eighths */
.large-down--one-eighth {
width: 12.5%;
}
.large-down--two-eighths {
width: 25%;
}
.large-down--three-eighths {
width: 37.5%;
}
.large-down--four-eighths {
width: 50%;
}
.large-down--five-eighths {
width: 62.5%;
}
.large-down--six-eighths {
width: 75%;
}
.large-down--seven-eighths {
width: 87.5%;
}
/* Tenths */
.large-down--one-tenth {
width: 10%;
}
.large-down--two-tenths {
width: 20%;
}
.large-down--three-tenths {
width: 30%;
}
.large-down--four-tenths {
width: 40%;
}
.large-down--five-tenths {
width: 50%;
}
.large-down--six-tenths {
width: 60%;
}
.large-down--seven-tenths {
width: 70%;
}
.large-down--eight-tenths {
width: 80%;
}
.large-down--nine-tenths {
width: 90%;
}
/* Twelfths */
.large-down--one-twelfth {
width: 8.3333333333%;
}
.large-down--two-twelfths {
width: 8.3333333333%;
}
.large-down--three-twelfths {
width: 25%;
}
.large-down--four-twelfths {
width: 33.3333333333%;
}
.large-down--five-twelfths {
width: 41.6666666667%;
}
.large-down--six-twelfths {
width: 50%;
}
.large-down--seven-twelfths {
width: 58.3333333333%;
}
.large-down--eight-twelfths {
width: 66.6666666667%;
}
.large-down--nine-twelfths {
width: 75%;
}
.large-down--ten-twelfths {
width: 83.3333333333%;
}
.large-down--eleven-twelfths {
width: 91.6666666667%;
}
.grid--uniform .large-down--one-half:nth-child(2n+1),
.grid--uniform .large-down--one-third:nth-child(3n+1),
.grid--uniform .large-down--one-quarter:nth-child(4n+1),
.grid--uniform .large-down--one-fifth:nth-child(5n+1),
.grid--uniform .large-down--one-sixth:nth-child(6n+1),
.grid--uniform .large-down--two-sixths:nth-child(3n+1),
.grid--uniform .large-down--three-sixths:nth-child(2n+1),
.grid--uniform .large-down--one-eighth:nth-child(8n+1),
.grid--uniform .large-down--two-eighths:nth-child(4n+1),
.grid--uniform .large-down--four-eighths:nth-child(2n+1),
.grid--uniform .large-down--five-tenths:nth-child(2n+1),
.grid--uniform .large-down--one-twelfth:nth-child(12n+1),
.grid--uniform .large-down--two-twelfths:nth-child(6n+1),
.grid--uniform .large-down--three-twelfths:nth-child(4n+1),
.grid--uniform .large-down--four-twelfths:nth-child(3n+1),
.grid--uniform .large-down--six-twelfths:nth-child(2n+1),
.gallery .large-down--one-half:nth-child(2n+1),
.gallery .large-down--one-third:nth-child(3n+1),
.gallery .large-down--one-quarter:nth-child(4n+1),
.gallery .large-down--one-fifth:nth-child(5n+1),
.gallery .large-down--one-sixth:nth-child(6n+1),
.gallery .large-down--two-sixths:nth-child(3n+1),
.gallery .large-down--three-sixths:nth-child(2n+1),
.gallery .large-down--one-eighth:nth-child(8n+1),
.gallery .large-down--two-eighths:nth-child(4n+1),
.gallery .large-down--four-eighths:nth-child(2n+1),
.gallery .large-down--five-tenths:nth-child(2n+1),
.gallery .large-down--one-twelfth:nth-child(12n+1),
.gallery .large-down--two-twelfths:nth-child(6n+1),
.gallery .large-down--three-twelfths:nth-child(4n+1),
.gallery .large-down--four-twelfths:nth-child(3n+1),
.gallery .large-down--six-twelfths:nth-child(2n+1) {
clear: both;
}
.large-down--show {
display: block !important;
}
.large-down--hide {
display: none !important;
}
.large-down--text-left {
text-align: left !important;
}
[dir=rtl] .large-down--text-left {
text-align: right !important;
}
.large-down--text-right {
text-align: right !important;
}
[dir=rtl] .large-down--text-right {
text-align-last: left !important;
}
.large-down--text-center {
text-align: center !important;
}
}
@media only screen and (min-width: 1400px) {
/** Whole */
.widescreen--one-whole {
width: 100%;
}
/* Halves */
.widescreen--one-half {
width: 50%;
}
/* Thirds */
.widescreen--one-third {
width: 33.3333333333%;
}
.widescreen--two-thirds {
width: 66.6666666667%;
}
/* Quarters */
.widescreen--one-quarter {
width: 25%;
}
.widescreen--two-quarters {
width: 50%;
}
.widescreen--three-quarters {
width: 75%;
}
/* Fifths */
.widescreen--one-fifth {
width: 20%;
}
.widescreen--two-fifths {
width: 40%;
}
.widescreen--three-fifths {
width: 60%;
}
.widescreen--four-fifths {
width: 80%;
}
/* Sixths */
.widescreen--one-sixth {
width: 16.6666666667%;
}
.widescreen--two-sixths {
width: 33.3333333333%;
}
.widescreen--three-sixths {
width: 50%;
}
.widescreen--four-sixths {
width: 66.6666666667%;
}
.widescreen--five-sixths {
width: 83.3333333333%;
}
/* Eighths */
.widescreen--one-eighth {
width: 12.5%;
}
.widescreen--two-eighths {
width: 25%;
}
.widescreen--three-eighths {
width: 37.5%;
}
.widescreen--four-eighths {
width: 50%;
}
.widescreen--five-eighths {
width: 62.5%;
}
.widescreen--six-eighths {
width: 75%;
}
.widescreen--seven-eighths {
width: 87.5%;
}
/* Tenths */
.widescreen--one-tenth {
width: 10%;
}
.widescreen--two-tenths {
width: 20%;
}
.widescreen--three-tenths {
width: 30%;
}
.widescreen--four-tenths {
width: 40%;
}
.widescreen--five-tenths {
width: 50%;
}
.widescreen--six-tenths {
width: 60%;
}
.widescreen--seven-tenths {
width: 70%;
}
.widescreen--eight-tenths {
width: 80%;
}
.widescreen--nine-tenths {
width: 90%;
}
/* Twelfths */
.widescreen--one-twelfth {
width: 8.3333333333%;
}
.widescreen--two-twelfths {
width: 8.3333333333%;
}
.widescreen--three-twelfths {
width: 25%;
}
.widescreen--four-twelfths {
width: 33.3333333333%;
}
.widescreen--five-twelfths {
width: 41.6666666667%;
}
.widescreen--six-twelfths {
width: 50%;
}
.widescreen--seven-twelfths {
width: 58.3333333333%;
}
.widescreen--eight-twelfths {
width: 66.6666666667%;
}
.widescreen--nine-twelfths {
width: 75%;
}
.widescreen--ten-twelfths {
width: 83.3333333333%;
}
.widescreen--eleven-twelfths {
width: 91.6666666667%;
}
.grid--uniform .widescreen--one-half:nth-child(2n+1),
.grid--uniform .widescreen--one-third:nth-child(3n+1),
.grid--uniform .widescreen--one-quarter:nth-child(4n+1),
.grid--uniform .widescreen--one-fifth:nth-child(5n+1),
.grid--uniform .widescreen--one-sixth:nth-child(6n+1),
.grid--uniform .widescreen--two-sixths:nth-child(3n+1),
.grid--uniform .widescreen--three-sixths:nth-child(2n+1),
.grid--uniform .widescreen--one-eighth:nth-child(8n+1),
.grid--uniform .widescreen--two-eighths:nth-child(4n+1),
.grid--uniform .widescreen--four-eighths:nth-child(2n+1),
.grid--uniform .widescreen--five-tenths:nth-child(2n+1),
.grid--uniform .widescreen--one-twelfth:nth-child(12n+1),
.grid--uniform .widescreen--two-twelfths:nth-child(6n+1),
.grid--uniform .widescreen--three-twelfths:nth-child(4n+1),
.grid--uniform .widescreen--four-twelfths:nth-child(3n+1),
.grid--uniform .widescreen--six-twelfths:nth-child(2n+1),
.gallery .widescreen--one-half:nth-child(2n+1),
.gallery .widescreen--one-third:nth-child(3n+1),
.gallery .widescreen--one-quarter:nth-child(4n+1),
.gallery .widescreen--one-fifth:nth-child(5n+1),
.gallery .widescreen--one-sixth:nth-child(6n+1),
.gallery .widescreen--two-sixths:nth-child(3n+1),
.gallery .widescreen--three-sixths:nth-child(2n+1),
.gallery .widescreen--one-eighth:nth-child(8n+1),
.gallery .widescreen--two-eighths:nth-child(4n+1),
.gallery .widescreen--four-eighths:nth-child(2n+1),
.gallery .widescreen--five-tenths:nth-child(2n+1),
.gallery .widescreen--one-twelfth:nth-child(12n+1),
.gallery .widescreen--two-twelfths:nth-child(6n+1),
.gallery .widescreen--three-twelfths:nth-child(4n+1),
.gallery .widescreen--four-twelfths:nth-child(3n+1),
.gallery .widescreen--six-twelfths:nth-child(2n+1) {
clear: both;
}
.widescreen--show {
display: block !important;
}
.widescreen--hide {
display: none !important;
}
.widescreen--text-left {
text-align: left !important;
}
[dir=rtl] .widescreen--text-left {
text-align: right !important;
}
.widescreen--text-right {
text-align: right !important;
}
[dir=rtl] .widescreen--text-right {
text-align-last: left !important;
}
.widescreen--text-center {
text-align: center !important;
}
}
@media only screen and (max-width: 479px) {
/* Halves */
.mobile--push-one-half {
left: 50%;
}
/* Thirds */
.mobile--push-one-third {
left: 33.3333333333%;
}
.mobile--push-two-thirds {
left: 66.6666666667%;
}
/* Quarters */
.mobile--push-one-quarter {
left: 25%;
}
.mobile--push-two-quarters {
left: 50%;
}
.mobile--push-three-quarters {
left: 75%;
}
/* Fifths */
.mobile--push-one-fifth {
left: 20%;
}
.mobile--push-two-fifths {
left: 40%;
}
.mobile--push-three-fifths {
left: 60%;
}
.mobile--push-four-fifths {
left: 80%;
}
/* Sixths */
.mobile--push-one-sixth {
left: 16.6666666667%;
}
.mobile--push-two-sixths {
left: 33.3333333333%;
}
.mobile--push-three-sixths {
left: 50%;
}
.mobile--push-four-sixths {
left: 66.6666666667%;
}
.mobile--push-five-sixths {
left: 83.3333333333%;
}
/* Eighths */
.mobile--push-one-eighth {
left: 12.5%;
}
.mobile--push-two-eighths {
left: 25%;
}
.mobile--push-three-eighths {
left: 37.5%;
}
.mobile--push-four-eighths {
left: 50%;
}
.mobile--push-five-eighths {
left: 62.5%;
}
.mobile--push-six-eighths {
left: 75%;
}
.mobile--push-seven-eighths {
left: 87.5%;
}
/* Tenths */
.mobile--push-one-tenth {
left: 10%;
}
.mobile--push-two-tenths {
left: 20%;
}
.mobile--push-three-tenths {
left: 30%;
}
.mobile--push-four-tenths {
left: 40%;
}
.mobile--push-five-tenths {
left: 50%;
}
.mobile--push-six-tenths {
left: 60%;
}
.mobile--push-seven-tenths {
left: 70%;
}
.mobile--push-eight-tenths {
left: 80%;
}
.mobile--push-nine-tenths {
left: 90%;
}
/* Twelfths */
.mobile--push-one-twelfth {
left: 8.3333333333%;
}
.mobile--push-two-twelfths {
left: 8.3333333333%;
}
.mobile--push-three-twelfths {
left: 25%;
}
.mobile--push-four-twelfths {
left: 33.3333333333%;
}
.mobile--push-five-twelfths {
left: 41.6666666667%;
}
.mobile--push-six-twelfths {
left: 50%;
}
.mobile--push-seven-twelfths {
left: 58.3333333333%;
}
.mobile--push-eight-twelfths {
left: 66.6666666667%;
}
.mobile--push-nine-twelfths {
left: 75%;
}
.mobile--push-ten-twelfths {
left: 83.3333333333%;
}
.mobile--push-eleven-twelfths {
left: 91.6666666667%;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
/* Halves */
.small--push-one-half {
left: 50%;
}
/* Thirds */
.small--push-one-third {
left: 33.3333333333%;
}
.small--push-two-thirds {
left: 66.6666666667%;
}
/* Quarters */
.small--push-one-quarter {
left: 25%;
}
.small--push-two-quarters {
left: 50%;
}
.small--push-three-quarters {
left: 75%;
}
/* Fifths */
.small--push-one-fifth {
left: 20%;
}
.small--push-two-fifths {
left: 40%;
}
.small--push-three-fifths {
left: 60%;
}
.small--push-four-fifths {
left: 80%;
}
/* Sixths */
.small--push-one-sixth {
left: 16.6666666667%;
}
.small--push-two-sixths {
left: 33.3333333333%;
}
.small--push-three-sixths {
left: 50%;
}
.small--push-four-sixths {
left: 66.6666666667%;
}
.small--push-five-sixths {
left: 83.3333333333%;
}
/* Eighths */
.small--push-one-eighth {
left: 12.5%;
}
.small--push-two-eighths {
left: 25%;
}
.small--push-three-eighths {
left: 37.5%;
}
.small--push-four-eighths {
left: 50%;
}
.small--push-five-eighths {
left: 62.5%;
}
.small--push-six-eighths {
left: 75%;
}
.small--push-seven-eighths {
left: 87.5%;
}
/* Tenths */
.small--push-one-tenth {
left: 10%;
}
.small--push-two-tenths {
left: 20%;
}
.small--push-three-tenths {
left: 30%;
}
.small--push-four-tenths {
left: 40%;
}
.small--push-five-tenths {
left: 50%;
}
.small--push-six-tenths {
left: 60%;
}
.small--push-seven-tenths {
left: 70%;
}
.small--push-eight-tenths {
left: 80%;
}
.small--push-nine-tenths {
left: 90%;
}
/* Twelfths */
.small--push-one-twelfth {
left: 8.3333333333%;
}
.small--push-two-twelfths {
left: 8.3333333333%;
}
.small--push-three-twelfths {
left: 25%;
}
.small--push-four-twelfths {
left: 33.3333333333%;
}
.small--push-five-twelfths {
left: 41.6666666667%;
}
.small--push-six-twelfths {
left: 50%;
}
.small--push-seven-twelfths {
left: 58.3333333333%;
}
.small--push-eight-twelfths {
left: 66.6666666667%;
}
.small--push-nine-twelfths {
left: 75%;
}
.small--push-ten-twelfths {
left: 83.3333333333%;
}
.small--push-eleven-twelfths {
left: 91.6666666667%;
}
}
@media only screen and (min-width: 480px) {
/* Halves */
.small-up--push-one-half {
left: 50%;
}
/* Thirds */
.small-up--push-one-third {
left: 33.3333333333%;
}
.small-up--push-two-thirds {
left: 66.6666666667%;
}
/* Quarters */
.small-up--push-one-quarter {
left: 25%;
}
.small-up--push-two-quarters {
left: 50%;
}
.small-up--push-three-quarters {
left: 75%;
}
/* Fifths */
.small-up--push-one-fifth {
left: 20%;
}
.small-up--push-two-fifths {
left: 40%;
}
.small-up--push-three-fifths {
left: 60%;
}
.small-up--push-four-fifths {
left: 80%;
}
/* Sixths */
.small-up--push-one-sixth {
left: 16.6666666667%;
}
.small-up--push-two-sixths {
left: 33.3333333333%;
}
.small-up--push-three-sixths {
left: 50%;
}
.small-up--push-four-sixths {
left: 66.6666666667%;
}
.small-up--push-five-sixths {
left: 83.3333333333%;
}
/* Eighths */
.small-up--push-one-eighth {
left: 12.5%;
}
.small-up--push-two-eighths {
left: 25%;
}
.small-up--push-three-eighths {
left: 37.5%;
}
.small-up--push-four-eighths {
left: 50%;
}
.small-up--push-five-eighths {
left: 62.5%;
}
.small-up--push-six-eighths {
left: 75%;
}
.small-up--push-seven-eighths {
left: 87.5%;
}
/* Tenths */
.small-up--push-one-tenth {
left: 10%;
}
.small-up--push-two-tenths {
left: 20%;
}
.small-up--push-three-tenths {
left: 30%;
}
.small-up--push-four-tenths {
left: 40%;
}
.small-up--push-five-tenths {
left: 50%;
}
.small-up--push-six-tenths {
left: 60%;
}
.small-up--push-seven-tenths {
left: 70%;
}
.small-up--push-eight-tenths {
left: 80%;
}
.small-up--push-nine-tenths {
left: 90%;
}
/* Twelfths */
.small-up--push-one-twelfth {
left: 8.3333333333%;
}
.small-up--push-two-twelfths {
left: 8.3333333333%;
}
.small-up--push-three-twelfths {
left: 25%;
}
.small-up--push-four-twelfths {
left: 33.3333333333%;
}
.small-up--push-five-twelfths {
left: 41.6666666667%;
}
.small-up--push-six-twelfths {
left: 50%;
}
.small-up--push-seven-twelfths {
left: 58.3333333333%;
}
.small-up--push-eight-twelfths {
left: 66.6666666667%;
}
.small-up--push-nine-twelfths {
left: 75%;
}
.small-up--push-ten-twelfths {
left: 83.3333333333%;
}
.small-up--push-eleven-twelfths {
left: 91.6666666667%;
}
}
@media only screen and (max-width: 767px) {
/* Halves */
.small-down--push-one-half {
left: 50%;
}
/* Thirds */
.small-down--push-one-third {
left: 33.3333333333%;
}
.small-down--push-two-thirds {
left: 66.6666666667%;
}
/* Quarters */
.small-down--push-one-quarter {
left: 25%;
}
.small-down--push-two-quarters {
left: 50%;
}
.small-down--push-three-quarters {
left: 75%;
}
/* Fifths */
.small-down--push-one-fifth {
left: 20%;
}
.small-down--push-two-fifths {
left: 40%;
}
.small-down--push-three-fifths {
left: 60%;
}
.small-down--push-four-fifths {
left: 80%;
}
/* Sixths */
.small-down--push-one-sixth {
left: 16.6666666667%;
}
.small-down--push-two-sixths {
left: 33.3333333333%;
}
.small-down--push-three-sixths {
left: 50%;
}
.small-down--push-four-sixths {
left: 66.6666666667%;
}
.small-down--push-five-sixths {
left: 83.3333333333%;
}
/* Eighths */
.small-down--push-one-eighth {
left: 12.5%;
}
.small-down--push-two-eighths {
left: 25%;
}
.small-down--push-three-eighths {
left: 37.5%;
}
.small-down--push-four-eighths {
left: 50%;
}
.small-down--push-five-eighths {
left: 62.5%;
}
.small-down--push-six-eighths {
left: 75%;
}
.small-down--push-seven-eighths {
left: 87.5%;
}
/* Tenths */
.small-down--push-one-tenth {
left: 10%;
}
.small-down--push-two-tenths {
left: 20%;
}
.small-down--push-three-tenths {
left: 30%;
}
.small-down--push-four-tenths {
left: 40%;
}
.small-down--push-five-tenths {
left: 50%;
}
.small-down--push-six-tenths {
left: 60%;
}
.small-down--push-seven-tenths {
left: 70%;
}
.small-down--push-eight-tenths {
left: 80%;
}
.small-down--push-nine-tenths {
left: 90%;
}
/* Twelfths */
.small-down--push-one-twelfth {
left: 8.3333333333%;
}
.small-down--push-two-twelfths {
left: 8.3333333333%;
}
.small-down--push-three-twelfths {
left: 25%;
}
.small-down--push-four-twelfths {
left: 33.3333333333%;
}
.small-down--push-five-twelfths {
left: 41.6666666667%;
}
.small-down--push-six-twelfths {
left: 50%;
}
.small-down--push-seven-twelfths {
left: 58.3333333333%;
}
.small-down--push-eight-twelfths {
left: 66.6666666667%;
}
.small-down--push-nine-twelfths {
left: 75%;
}
.small-down--push-ten-twelfths {
left: 83.3333333333%;
}
.small-down--push-eleven-twelfths {
left: 91.6666666667%;
}
}
@media only screen and (min-width: 480px) and (max-width: 989px) {
/* Halves */
.small-medium--push-one-half {
left: 50%;
}
/* Thirds */
.small-medium--push-one-third {
left: 33.3333333333%;
}
.small-medium--push-two-thirds {
left: 66.6666666667%;
}
/* Quarters */
.small-medium--push-one-quarter {
left: 25%;
}
.small-medium--push-two-quarters {
left: 50%;
}
.small-medium--push-three-quarters {
left: 75%;
}
/* Fifths */
.small-medium--push-one-fifth {
left: 20%;
}
.small-medium--push-two-fifths {
left: 40%;
}
.small-medium--push-three-fifths {
left: 60%;
}
.small-medium--push-four-fifths {
left: 80%;
}
/* Sixths */
.small-medium--push-one-sixth {
left: 16.6666666667%;
}
.small-medium--push-two-sixths {
left: 33.3333333333%;
}
.small-medium--push-three-sixths {
left: 50%;
}
.small-medium--push-four-sixths {
left: 66.6666666667%;
}
.small-medium--push-five-sixths {
left: 83.3333333333%;
}
/* Eighths */
.small-medium--push-one-eighth {
left: 12.5%;
}
.small-medium--push-two-eighths {
left: 25%;
}
.small-medium--push-three-eighths {
left: 37.5%;
}
.small-medium--push-four-eighths {
left: 50%;
}
.small-medium--push-five-eighths {
left: 62.5%;
}
.small-medium--push-six-eighths {
left: 75%;
}
.small-medium--push-seven-eighths {
left: 87.5%;
}
/* Tenths */
.small-medium--push-one-tenth {
left: 10%;
}
.small-medium--push-two-tenths {
left: 20%;
}
.small-medium--push-three-tenths {
left: 30%;
}
.small-medium--push-four-tenths {
left: 40%;
}
.small-medium--push-five-tenths {
left: 50%;
}
.small-medium--push-six-tenths {
left: 60%;
}
.small-medium--push-seven-tenths {
left: 70%;
}
.small-medium--push-eight-tenths {
left: 80%;
}
.small-medium--push-nine-tenths {
left: 90%;
}
/* Twelfths */
.small-medium--push-one-twelfth {
left: 8.3333333333%;
}
.small-medium--push-two-twelfths {
left: 8.3333333333%;
}
.small-medium--push-three-twelfths {
left: 25%;
}
.small-medium--push-four-twelfths {
left: 33.3333333333%;
}
.small-medium--push-five-twelfths {
left: 41.6666666667%;
}
.small-medium--push-six-twelfths {
left: 50%;
}
.small-medium--push-seven-twelfths {
left: 58.3333333333%;
}
.small-medium--push-eight-twelfths {
left: 66.6666666667%;
}
.small-medium--push-nine-twelfths {
left: 75%;
}
.small-medium--push-ten-twelfths {
left: 83.3333333333%;
}
.small-medium--push-eleven-twelfths {
left: 91.6666666667%;
}
}
@media only screen and (min-width: 768px) and (max-width: 989px) {
/* Halves */
.medium--push-one-half {
left: 50%;
}
/* Thirds */
.medium--push-one-third {
left: 33.3333333333%;
}
.medium--push-two-thirds {
left: 66.6666666667%;
}
/* Quarters */
.medium--push-one-quarter {
left: 25%;
}
.medium--push-two-quarters {
left: 50%;
}
.medium--push-three-quarters {
left: 75%;
}
/* Fifths */
.medium--push-one-fifth {
left: 20%;
}
.medium--push-two-fifths {
left: 40%;
}
.medium--push-three-fifths {
left: 60%;
}
.medium--push-four-fifths {
left: 80%;
}
/* Sixths */
.medium--push-one-sixth {
left: 16.6666666667%;
}
.medium--push-two-sixths {
left: 33.3333333333%;
}
.medium--push-three-sixths {
left: 50%;
}
.medium--push-four-sixths {
left: 66.6666666667%;
}
.medium--push-five-sixths {
left: 83.3333333333%;
}
/* Eighths */
.medium--push-one-eighth {
left: 12.5%;
}
.medium--push-two-eighths {
left: 25%;
}
.medium--push-three-eighths {
left: 37.5%;
}
.medium--push-four-eighths {
left: 50%;
}
.medium--push-five-eighths {
left: 62.5%;
}
.medium--push-six-eighths {
left: 75%;
}
.medium--push-seven-eighths {
left: 87.5%;
}
/* Tenths */
.medium--push-one-tenth {
left: 10%;
}
.medium--push-two-tenths {
left: 20%;
}
.medium--push-three-tenths {
left: 30%;
}
.medium--push-four-tenths {
left: 40%;
}
.medium--push-five-tenths {
left: 50%;
}
.medium--push-six-tenths {
left: 60%;
}
.medium--push-seven-tenths {
left: 70%;
}
.medium--push-eight-tenths {
left: 80%;
}
.medium--push-nine-tenths {
left: 90%;
}
/* Twelfths */
.medium--push-one-twelfth {
left: 8.3333333333%;
}
.medium--push-two-twelfths {
left: 8.3333333333%;
}
.medium--push-three-twelfths {
left: 25%;
}
.medium--push-four-twelfths {
left: 33.3333333333%;
}
.medium--push-five-twelfths {
left: 41.6666666667%;
}
.medium--push-six-twelfths {
left: 50%;
}
.medium--push-seven-twelfths {
left: 58.3333333333%;
}
.medium--push-eight-twelfths {
left: 66.6666666667%;
}
.medium--push-nine-twelfths {
left: 75%;
}
.medium--push-ten-twelfths {
left: 83.3333333333%;
}
.medium--push-eleven-twelfths {
left: 91.6666666667%;
}
}
@media only screen and (min-width: 768px) {
/* Halves */
.medium-up--push-one-half {
left: 50%;
}
/* Thirds */
.medium-up--push-one-third {
left: 33.3333333333%;
}
.medium-up--push-two-thirds {
left: 66.6666666667%;
}
/* Quarters */
.medium-up--push-one-quarter {
left: 25%;
}
.medium-up--push-two-quarters {
left: 50%;
}
.medium-up--push-three-quarters {
left: 75%;
}
/* Fifths */
.medium-up--push-one-fifth {
left: 20%;
}
.medium-up--push-two-fifths {
left: 40%;
}
.medium-up--push-three-fifths {
left: 60%;
}
.medium-up--push-four-fifths {
left: 80%;
}
/* Sixths */
.medium-up--push-one-sixth {
left: 16.6666666667%;
}
.medium-up--push-two-sixths {
left: 33.3333333333%;
}
.medium-up--push-three-sixths {
left: 50%;
}
.medium-up--push-four-sixths {
left: 66.6666666667%;
}
.medium-up--push-five-sixths {
left: 83.3333333333%;
}
/* Eighths */
.medium-up--push-one-eighth {
left: 12.5%;
}
.medium-up--push-two-eighths {
left: 25%;
}
.medium-up--push-three-eighths {
left: 37.5%;
}
.medium-up--push-four-eighths {
left: 50%;
}
.medium-up--push-five-eighths {
left: 62.5%;
}
.medium-up--push-six-eighths {
left: 75%;
}
.medium-up--push-seven-eighths {
left: 87.5%;
}
/* Tenths */
.medium-up--push-one-tenth {
left: 10%;
}
.medium-up--push-two-tenths {
left: 20%;
}
.medium-up--push-three-tenths {
left: 30%;
}
.medium-up--push-four-tenths {
left: 40%;
}
.medium-up--push-five-tenths {
left: 50%;
}
.medium-up--push-six-tenths {
left: 60%;
}
.medium-up--push-seven-tenths {
left: 70%;
}
.medium-up--push-eight-tenths {
left: 80%;
}
.medium-up--push-nine-tenths {
left: 90%;
}
/* Twelfths */
.medium-up--push-one-twelfth {
left: 8.3333333333%;
}
.medium-up--push-two-twelfths {
left: 8.3333333333%;
}
.medium-up--push-three-twelfths {
left: 25%;
}
.medium-up--push-four-twelfths {
left: 33.3333333333%;
}
.medium-up--push-five-twelfths {
left: 41.6666666667%;
}
.medium-up--push-six-twelfths {
left: 50%;
}
.medium-up--push-seven-twelfths {
left: 58.3333333333%;
}
.medium-up--push-eight-twelfths {
left: 66.6666666667%;
}
.medium-up--push-nine-twelfths {
left: 75%;
}
.medium-up--push-ten-twelfths {
left: 83.3333333333%;
}
.medium-up--push-eleven-twelfths {
left: 91.6666666667%;
}
}
@media only screen and (max-width: 989px) {
/* Halves */
.medium-down--push-one-half {
left: 50%;
}
/* Thirds */
.medium-down--push-one-third {
left: 33.3333333333%;
}
.medium-down--push-two-thirds {
left: 66.6666666667%;
}
/* Quarters */
.medium-down--push-one-quarter {
left: 25%;
}
.medium-down--push-two-quarters {
left: 50%;
}
.medium-down--push-three-quarters {
left: 75%;
}
/* Fifths */
.medium-down--push-one-fifth {
left: 20%;
}
.medium-down--push-two-fifths {
left: 40%;
}
.medium-down--push-three-fifths {
left: 60%;
}
.medium-down--push-four-fifths {
left: 80%;
}
/* Sixths */
.medium-down--push-one-sixth {
left: 16.6666666667%;
}
.medium-down--push-two-sixths {
left: 33.3333333333%;
}
.medium-down--push-three-sixths {
left: 50%;
}
.medium-down--push-four-sixths {
left: 66.6666666667%;
}
.medium-down--push-five-sixths {
left: 83.3333333333%;
}
/* Eighths */
.medium-down--push-one-eighth {
left: 12.5%;
}
.medium-down--push-two-eighths {
left: 25%;
}
.medium-down--push-three-eighths {
left: 37.5%;
}
.medium-down--push-four-eighths {
left: 50%;
}
.medium-down--push-five-eighths {
left: 62.5%;
}
.medium-down--push-six-eighths {
left: 75%;
}
.medium-down--push-seven-eighths {
left: 87.5%;
}
/* Tenths */
.medium-down--push-one-tenth {
left: 10%;
}
.medium-down--push-two-tenths {
left: 20%;
}
.medium-down--push-three-tenths {
left: 30%;
}
.medium-down--push-four-tenths {
left: 40%;
}
.medium-down--push-five-tenths {
left: 50%;
}
.medium-down--push-six-tenths {
left: 60%;
}
.medium-down--push-seven-tenths {
left: 70%;
}
.medium-down--push-eight-tenths {
left: 80%;
}
.medium-down--push-nine-tenths {
left: 90%;
}
/* Twelfths */
.medium-down--push-one-twelfth {
left: 8.3333333333%;
}
.medium-down--push-two-twelfths {
left: 8.3333333333%;
}
.medium-down--push-three-twelfths {
left: 25%;
}
.medium-down--push-four-twelfths {
left: 33.3333333333%;
}
.medium-down--push-five-twelfths {
left: 41.6666666667%;
}
.medium-down--push-six-twelfths {
left: 50%;
}
.medium-down--push-seven-twelfths {
left: 58.3333333333%;
}
.medium-down--push-eight-twelfths {
left: 66.6666666667%;
}
.medium-down--push-nine-twelfths {
left: 75%;
}
.medium-down--push-ten-twelfths {
left: 83.3333333333%;
}
.medium-down--push-eleven-twelfths {
left: 91.6666666667%;
}
}
@media only screen and (min-width: 768px) and (max-width: 1399px) {
/* Halves */
.medium-large--push-one-half {
left: 50%;
}
/* Thirds */
.medium-large--push-one-third {
left: 33.3333333333%;
}
.medium-large--push-two-thirds {
left: 66.6666666667%;
}
/* Quarters */
.medium-large--push-one-quarter {
left: 25%;
}
.medium-large--push-two-quarters {
left: 50%;
}
.medium-large--push-three-quarters {
left: 75%;
}
/* Fifths */
.medium-large--push-one-fifth {
left: 20%;
}
.medium-large--push-two-fifths {
left: 40%;
}
.medium-large--push-three-fifths {
left: 60%;
}
.medium-large--push-four-fifths {
left: 80%;
}
/* Sixths */
.medium-large--push-one-sixth {
left: 16.6666666667%;
}
.medium-large--push-two-sixths {
left: 33.3333333333%;
}
.medium-large--push-three-sixths {
left: 50%;
}
.medium-large--push-four-sixths {
left: 66.6666666667%;
}
.medium-large--push-five-sixths {
left: 83.3333333333%;
}
/* Eighths */
.medium-large--push-one-eighth {
left: 12.5%;
}
.medium-large--push-two-eighths {
left: 25%;
}
.medium-large--push-three-eighths {
left: 37.5%;
}
.medium-large--push-four-eighths {
left: 50%;
}
.medium-large--push-five-eighths {
left: 62.5%;
}
.medium-large--push-six-eighths {
left: 75%;
}
.medium-large--push-seven-eighths {
left: 87.5%;
}
/* Tenths */
.medium-large--push-one-tenth {
left: 10%;
}
.medium-large--push-two-tenths {
left: 20%;
}
.medium-large--push-three-tenths {
left: 30%;
}
.medium-large--push-four-tenths {
left: 40%;
}
.medium-large--push-five-tenths {
left: 50%;
}
.medium-large--push-six-tenths {
left: 60%;
}
.medium-large--push-seven-tenths {
left: 70%;
}
.medium-large--push-eight-tenths {
left: 80%;
}
.medium-large--push-nine-tenths {
left: 90%;
}
/* Twelfths */
.medium-large--push-one-twelfth {
left: 8.3333333333%;
}
.medium-large--push-two-twelfths {
left: 8.3333333333%;
}
.medium-large--push-three-twelfths {
left: 25%;
}
.medium-large--push-four-twelfths {
left: 33.3333333333%;
}
.medium-large--push-five-twelfths {
left: 41.6666666667%;
}
.medium-large--push-six-twelfths {
left: 50%;
}
.medium-large--push-seven-twelfths {
left: 58.3333333333%;
}
.medium-large--push-eight-twelfths {
left: 66.6666666667%;
}
.medium-large--push-nine-twelfths {
left: 75%;
}
.medium-large--push-ten-twelfths {
left: 83.3333333333%;
}
.medium-large--push-eleven-twelfths {
left: 91.6666666667%;
}
}
@media only screen and (min-width: 990px) and (max-width: 1399px) {
/* Halves */
.large--push-one-half {
left: 50%;
}
/* Thirds */
.large--push-one-third {
left: 33.3333333333%;
}
.large--push-two-thirds {
left: 66.6666666667%;
}
/* Quarters */
.large--push-one-quarter {
left: 25%;
}
.large--push-two-quarters {
left: 50%;
}
.large--push-three-quarters {
left: 75%;
}
/* Fifths */
.large--push-one-fifth {
left: 20%;
}
.large--push-two-fifths {
left: 40%;
}
.large--push-three-fifths {
left: 60%;
}
.large--push-four-fifths {
left: 80%;
}
/* Sixths */
.large--push-one-sixth {
left: 16.6666666667%;
}
.large--push-two-sixths {
left: 33.3333333333%;
}
.large--push-three-sixths {
left: 50%;
}
.large--push-four-sixths {
left: 66.6666666667%;
}
.large--push-five-sixths {
left: 83.3333333333%;
}
/* Eighths */
.large--push-one-eighth {
left: 12.5%;
}
.large--push-two-eighths {
left: 25%;
}
.large--push-three-eighths {
left: 37.5%;
}
.large--push-four-eighths {
left: 50%;
}
.large--push-five-eighths {
left: 62.5%;
}
.large--push-six-eighths {
left: 75%;
}
.large--push-seven-eighths {
left: 87.5%;
}
/* Tenths */
.large--push-one-tenth {
left: 10%;
}
.large--push-two-tenths {
left: 20%;
}
.large--push-three-tenths {
left: 30%;
}
.large--push-four-tenths {
left: 40%;
}
.large--push-five-tenths {
left: 50%;
}
.large--push-six-tenths {
left: 60%;
}
.large--push-seven-tenths {
left: 70%;
}
.large--push-eight-tenths {
left: 80%;
}
.large--push-nine-tenths {
left: 90%;
}
/* Twelfths */
.large--push-one-twelfth {
left: 8.3333333333%;
}
.large--push-two-twelfths {
left: 8.3333333333%;
}
.large--push-three-twelfths {
left: 25%;
}
.large--push-four-twelfths {
left: 33.3333333333%;
}
.large--push-five-twelfths {
left: 41.6666666667%;
}
.large--push-six-twelfths {
left: 50%;
}
.large--push-seven-twelfths {
left: 58.3333333333%;
}
.large--push-eight-twelfths {
left: 66.6666666667%;
}
.large--push-nine-twelfths {
left: 75%;
}
.large--push-ten-twelfths {
left: 83.3333333333%;
}
.large--push-eleven-twelfths {
left: 91.6666666667%;
}
}
@media only screen and (min-width: 990px) {
/* Halves */
.large-up--push-one-half {
left: 50%;
}
/* Thirds */
.large-up--push-one-third {
left: 33.3333333333%;
}
.large-up--push-two-thirds {
left: 66.6666666667%;
}
/* Quarters */
.large-up--push-one-quarter {
left: 25%;
}
.large-up--push-two-quarters {
left: 50%;
}
.large-up--push-three-quarters {
left: 75%;
}
/* Fifths */
.large-up--push-one-fifth {
left: 20%;
}
.large-up--push-two-fifths {
left: 40%;
}
.large-up--push-three-fifths {
left: 60%;
}
.large-up--push-four-fifths {
left: 80%;
}
/* Sixths */
.large-up--push-one-sixth {
left: 16.6666666667%;
}
.large-up--push-two-sixths {
left: 33.3333333333%;
}
.large-up--push-three-sixths {
left: 50%;
}
.large-up--push-four-sixths {
left: 66.6666666667%;
}
.large-up--push-five-sixths {
left: 83.3333333333%;
}
/* Eighths */
.large-up--push-one-eighth {
left: 12.5%;
}
.large-up--push-two-eighths {
left: 25%;
}
.large-up--push-three-eighths {
left: 37.5%;
}
.large-up--push-four-eighths {
left: 50%;
}
.large-up--push-five-eighths {
left: 62.5%;
}
.large-up--push-six-eighths {
left: 75%;
}
.large-up--push-seven-eighths {
left: 87.5%;
}
/* Tenths */
.large-up--push-one-tenth {
left: 10%;
}
.large-up--push-two-tenths {
left: 20%;
}
.large-up--push-three-tenths {
left: 30%;
}
.large-up--push-four-tenths {
left: 40%;
}
.large-up--push-five-tenths {
left: 50%;
}
.large-up--push-six-tenths {
left: 60%;
}
.large-up--push-seven-tenths {
left: 70%;
}
.large-up--push-eight-tenths {
left: 80%;
}
.large-up--push-nine-tenths {
left: 90%;
}
/* Twelfths */
.large-up--push-one-twelfth {
left: 8.3333333333%;
}
.large-up--push-two-twelfths {
left: 8.3333333333%;
}
.large-up--push-three-twelfths {
left: 25%;
}
.large-up--push-four-twelfths {
left: 33.3333333333%;
}
.large-up--push-five-twelfths {
left: 41.6666666667%;
}
.large-up--push-six-twelfths {
left: 50%;
}
.large-up--push-seven-twelfths {
left: 58.3333333333%;
}
.large-up--push-eight-twelfths {
left: 66.6666666667%;
}
.large-up--push-nine-twelfths {
left: 75%;
}
.large-up--push-ten-twelfths {
left: 83.3333333333%;
}
.large-up--push-eleven-twelfths {
left: 91.6666666667%;
}
}
@media only screen and (max-width: 1399px) {
/* Halves */
.large-down--push-one-half {
left: 50%;
}
/* Thirds */
.large-down--push-one-third {
left: 33.3333333333%;
}
.large-down--push-two-thirds {
left: 66.6666666667%;
}
/* Quarters */
.large-down--push-one-quarter {
left: 25%;
}
.large-down--push-two-quarters {
left: 50%;
}
.large-down--push-three-quarters {
left: 75%;
}
/* Fifths */
.large-down--push-one-fifth {
left: 20%;
}
.large-down--push-two-fifths {
left: 40%;
}
.large-down--push-three-fifths {
left: 60%;
}
.large-down--push-four-fifths {
left: 80%;
}
/* Sixths */
.large-down--push-one-sixth {
left: 16.6666666667%;
}
.large-down--push-two-sixths {
left: 33.3333333333%;
}
.large-down--push-three-sixths {
left: 50%;
}
.large-down--push-four-sixths {
left: 66.6666666667%;
}
.large-down--push-five-sixths {
left: 83.3333333333%;
}
/* Eighths */
.large-down--push-one-eighth {
left: 12.5%;
}
.large-down--push-two-eighths {
left: 25%;
}
.large-down--push-three-eighths {
left: 37.5%;
}
.large-down--push-four-eighths {
left: 50%;
}
.large-down--push-five-eighths {
left: 62.5%;
}
.large-down--push-six-eighths {
left: 75%;
}
.large-down--push-seven-eighths {
left: 87.5%;
}
/* Tenths */
.large-down--push-one-tenth {
left: 10%;
}
.large-down--push-two-tenths {
left: 20%;
}
.large-down--push-three-tenths {
left: 30%;
}
.large-down--push-four-tenths {
left: 40%;
}
.large-down--push-five-tenths {
left: 50%;
}
.large-down--push-six-tenths {
left: 60%;
}
.large-down--push-seven-tenths {
left: 70%;
}
.large-down--push-eight-tenths {
left: 80%;
}
.large-down--push-nine-tenths {
left: 90%;
}
/* Twelfths */
.large-down--push-one-twelfth {
left: 8.3333333333%;
}
.large-down--push-two-twelfths {
left: 8.3333333333%;
}
.large-down--push-three-twelfths {
left: 25%;
}
.large-down--push-four-twelfths {
left: 33.3333333333%;
}
.large-down--push-five-twelfths {
left: 41.6666666667%;
}
.large-down--push-six-twelfths {
left: 50%;
}
.large-down--push-seven-twelfths {
left: 58.3333333333%;
}
.large-down--push-eight-twelfths {
left: 66.6666666667%;
}
.large-down--push-nine-twelfths {
left: 75%;
}
.large-down--push-ten-twelfths {
left: 83.3333333333%;
}
.large-down--push-eleven-twelfths {
left: 91.6666666667%;
}
}
@media only screen and (min-width: 1400px) {
/* Halves */
.widescreen--push-one-half {
left: 50%;
}
/* Thirds */
.widescreen--push-one-third {
left: 33.3333333333%;
}
.widescreen--push-two-thirds {
left: 66.6666666667%;
}
/* Quarters */
.widescreen--push-one-quarter {
left: 25%;
}
.widescreen--push-two-quarters {
left: 50%;
}
.widescreen--push-three-quarters {
left: 75%;
}
/* Fifths */
.widescreen--push-one-fifth {
left: 20%;
}
.widescreen--push-two-fifths {
left: 40%;
}
.widescreen--push-three-fifths {
left: 60%;
}
.widescreen--push-four-fifths {
left: 80%;
}
/* Sixths */
.widescreen--push-one-sixth {
left: 16.6666666667%;
}
.widescreen--push-two-sixths {
left: 33.3333333333%;
}
.widescreen--push-three-sixths {
left: 50%;
}
.widescreen--push-four-sixths {
left: 66.6666666667%;
}
.widescreen--push-five-sixths {
left: 83.3333333333%;
}
/* Eighths */
.widescreen--push-one-eighth {
left: 12.5%;
}
.widescreen--push-two-eighths {
left: 25%;
}
.widescreen--push-three-eighths {
left: 37.5%;
}
.widescreen--push-four-eighths {
left: 50%;
}
.widescreen--push-five-eighths {
left: 62.5%;
}
.widescreen--push-six-eighths {
left: 75%;
}
.widescreen--push-seven-eighths {
left: 87.5%;
}
/* Tenths */
.widescreen--push-one-tenth {
left: 10%;
}
.widescreen--push-two-tenths {
left: 20%;
}
.widescreen--push-three-tenths {
left: 30%;
}
.widescreen--push-four-tenths {
left: 40%;
}
.widescreen--push-five-tenths {
left: 50%;
}
.widescreen--push-six-tenths {
left: 60%;
}
.widescreen--push-seven-tenths {
left: 70%;
}
.widescreen--push-eight-tenths {
left: 80%;
}
.widescreen--push-nine-tenths {
left: 90%;
}
/* Twelfths */
.widescreen--push-one-twelfth {
left: 8.3333333333%;
}
.widescreen--push-two-twelfths {
left: 8.3333333333%;
}
.widescreen--push-three-twelfths {
left: 25%;
}
.widescreen--push-four-twelfths {
left: 33.3333333333%;
}
.widescreen--push-five-twelfths {
left: 41.6666666667%;
}
.widescreen--push-six-twelfths {
left: 50%;
}
.widescreen--push-seven-twelfths {
left: 58.3333333333%;
}
.widescreen--push-eight-twelfths {
left: 66.6666666667%;
}
.widescreen--push-nine-twelfths {
left: 75%;
}
.widescreen--push-ten-twelfths {
left: 83.3333333333%;
}
.widescreen--push-eleven-twelfths {
left: 91.6666666667%;
}
}
.grid__item.clear {
clear: both;
}
/* ============================================================================
#Typography
============================================================================== */
:root {
--font-3: 12px;
}
@media only screen and (min-width: 990px) {
:root {
--font-3: 13px;
}
}
body,
input,
textarea,
button,
select,
.popout__toggle {
font-size: calc(13.144256px * var(--FONT-ADJUST-BODY));
line-height: 1.2;
font-family: var(--FONT-STACK-BODY);
font-weight: var(--FONT-WEIGHT-BODY);
color: var(--text);
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
}
@media (min-width: 480px) {
body,
input,
textarea,
button,
select,
.popout__toggle {
font-size: calc(
(
13.144256px +
1.382528 *
(100vw - 480px) /
920
) * var(--FONT-ADJUST-BODY)
);
}
}
@media (min-width: 1400px) {
body,
input,
textarea,
button,
select,
.popout__toggle {
font-size: calc(14.526784px * var(--FONT-ADJUST-BODY));
}
}
.uppercase {
font-family: var(--FONT-STACK-ACCENT);
font-weight: var(--FONT-WEIGHT-ACCENT);
font-style: var(--FONT-STYLE-ACCENT);
text-transform: uppercase;
letter-spacing: 1px;
font-size: calc(12px * var(--FONT-ADJUST-ACCENT));
}
.uppercase .strong, .uppercase.strong {
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
}
/* ================ Title font ================ */
h1, h2, h3, h4, h5, h6 {
font-family: var(--FONT-STACK-HEADING);
font-weight: var(--FONT-WEIGHT-HEADING);
font-style: var(--FONT-STYLE-HEADING);
letter-spacing: var(--FONT-HEADING-SPACE);
text-transform: var(--FONT-HEADING-CAPS);
}
h1 .strong, h1.strong, h1 strong, h2 .strong, h2.strong, h2 strong, h3 .strong, h3.strong, h3 strong, h4 .strong, h4.strong, h4 strong, h5 .strong, h5.strong, h5 strong, h6 .strong, h6.strong, h6 strong {
font-weight: var(--FONT-WEIGHT-HEADING-BOLD);
}
h1, .h1 {
font-size: calc(35.4836308732px * var(--FONT-ADJUST-HEADING));
}
@media (min-width: 480px) {
h1, .h1 {
font-size: calc(
(
35.4836308732px +
12.415591523 *
(100vw - 480px) /
920
) * var(--FONT-ADJUST-HEADING)
);
}
}
@media (min-width: 1400px) {
h1, .h1 {
font-size: calc(47.8992223962px * var(--FONT-ADJUST-HEADING));
}
}
h2, .h2 {
font-size: calc(30.0708736214px * var(--FONT-ADJUST-HEADING));
}
@media (min-width: 480px) {
h2, .h2 {
font-size: calc(
(
30.0708736214px +
9.1907840805 *
(100vw - 480px) /
920
) * var(--FONT-ADJUST-HEADING)
);
}
}
@media (min-width: 1400px) {
h2, .h2 {
font-size: calc(39.2616577018px * var(--FONT-ADJUST-HEADING));
}
}
h3, .h3 {
font-size: calc(25.4837912045px * var(--FONT-ADJUST-HEADING));
}
@media (min-width: 480px) {
h3, .h3 {
font-size: calc(
(
25.4837912045px +
6.6978954363 *
(100vw - 480px) /
920
) * var(--FONT-ADJUST-HEADING)
);
}
}
@media (min-width: 1400px) {
h3, .h3 {
font-size: calc(32.1816866409px * var(--FONT-ADJUST-HEADING));
}
}
h4, .h4 {
font-size: calc(21.5964332242px * var(--FONT-ADJUST-HEADING));
}
@media (min-width: 480px) {
h4, .h4 {
font-size: calc(
(
21.5964332242px +
4.7819984486 *
(100vw - 480px) /
920
) * var(--FONT-ADJUST-HEADING)
);
}
}
@media (min-width: 1400px) {
h4, .h4 {
font-size: calc(26.3784316728px * var(--FONT-ADJUST-HEADING));
}
}
h5, .h5 {
font-size: calc(18.3020620544px * var(--FONT-ADJUST-HEADING));
}
@media (min-width: 480px) {
h5, .h5 {
font-size: calc(
(
18.3020620544px +
3.3196032512 *
(100vw - 480px) /
920
) * var(--FONT-ADJUST-HEADING)
);
}
}
@media (min-width: 1400px) {
h5, .h5 {
font-size: calc(21.6216653056px * var(--FONT-ADJUST-HEADING));
}
}
h6, .h6 {
font-size: calc(15.51022208px * var(--FONT-ADJUST-HEADING));
}
@media (min-width: 480px) {
h6, .h6 {
font-size: calc(
(
15.51022208px +
2.2124544 *
(100vw - 480px) /
920
) * var(--FONT-ADJUST-HEADING)
);
}
}
@media (min-width: 1400px) {
h6, .h6 {
font-size: calc(17.72267648px * var(--FONT-ADJUST-HEADING));
}
}
/* ================ Body font ================ */
.h1--body,
.h2--body,
.h3--body,
.h4--body,
.h5--body,
.h6--body {
font-family: var(--FONT-STACK-BODY);
font-weight: var(--FONT-WEIGHT-BODY);
font-style: var(--FONT-STYLE-BODY);
}
.h1--body .strong, .h1--body.strong, .h1--body strong,
.h2--body .strong,
.h2--body.strong,
.h2--body strong,
.h3--body .strong,
.h3--body.strong,
.h3--body strong,
.h4--body .strong,
.h4--body.strong,
.h4--body strong,
.h5--body .strong,
.h5--body.strong,
.h5--body strong,
.h6--body .strong,
.h6--body.strong,
.h6--body strong {
font-weight: var(--FONT-WEIGHT-BODY-BOLD);
}
.h1--body {
font-size: calc(35.4836308732px * var(--FONT-ADJUST-BODY));
}
@media (min-width: 480px) {
.h1--body {
font-size: calc(
(
35.4836308732px +
12.415591523 *
(100vw - 480px) /
920
) * var(--FONT-ADJUST-BODY)
);
}
}
@media (min-width: 1400px) {
.h1--body {
font-size: calc(47.8992223962px * var(--FONT-ADJUST-BODY));
}
}
.h2--body {
font-size: calc(30.0708736214px * var(--FONT-ADJUST-BODY));
}
@media (min-width: 480px) {
.h2--body {
font-size: calc(
(
30.0708736214px +
9.1907840805 *
(100vw - 480px) /
920
) * var(--FONT-ADJUST-BODY)
);
}
}
@media (min-width: 1400px) {
.h2--body {
font-size: calc(39.2616577018px * var(--FONT-ADJUST-BODY));
}
}
.h3--body {
font-size: calc(25.4837912045px * var(--FONT-ADJUST-BODY));
}
@media (min-width: 480px) {
.h3--body {
font-size: calc(
(
25.4837912045px +
6.6978954363 *
(100vw - 480px) /
920
) * var(--FONT-ADJUST-BODY)
);
}
}
@media (min-width: 1400px) {
.h3--body {
font-size: calc(32.1816866409px * var(--FONT-ADJUST-BODY));
}
}
.h4--body {
font-size: calc(21.5964332242px * var(--FONT-ADJUST-BODY));
}
@media (min-width: 480px) {
.h4--body {
font-size: calc(
(
21.5964332242px +
4.7819984486 *
(100vw - 480px) /
920
) * var(--FONT-ADJUST-BODY)
);
}
}
@media (min-width: 1400px) {
.h4--body {
font-size: calc(26.3784316728px * var(--FONT-ADJUST-BODY));
}
}
.h5--body {
font-size: calc(18.3020620544px * var(--FONT-ADJUST-BODY));
}
@media (min-width: 480px) {
.h5--body {
font-size: calc(
(
18.3020620544px +
3.3196032512 *
(100vw - 480px) /
920
) * var(--FONT-ADJUST-BODY)
);
}
}
@media (min-width: 1400px) {
.h5--body {
font-size: calc(21.6216653056px * var(--FONT-ADJUST-BODY));
}
}
.h6--body {
font-size: calc(15.51022208px * var(--FONT-ADJUST-BODY));
}
@media (min-width: 480px) {
.h6--body {
font-size: calc(
(
15.51022208px +
2.2124544 *
(100vw - 480px) /
920
) * var(--FONT-ADJUST-BODY)
);
}
}
@media (min-width: 1400px) {
.h6--body {
font-size: calc(17.72267648px * var(--FONT-ADJUST-BODY));
}
}
p, .p , .sr-only, .text-m, nav.breadcrumb.mobile,shopify-payment-terms {
font-size: calc(13.144256px * var(--FONT-ADJUST-BODY)) !important;
}
@media (min-width: 480px) {
p, .p , .sr-only, .text-m, nav.breadcrumb.mobile,shopify-payment-terms {
font-size: calc(
(
13.144256px +
1.382528 *
(100vw - 480px) /
920
) * var(--FONT-ADJUST-BODY)
);
}
}
@media (min-width: 1400px) {
p, .p , .sr-only, .text-m, nav.breadcrumb.mobile,shopify-payment-terms {
font-size: calc(14.526784px * var(--FONT-ADJUST-BODY));
}
}
small, .small, p small {
font-size: calc(var(--font-3) * var(--FONT-ADJUST-BODY));
}
.xs {
font-size: calc(10px * var(--FONT-ADJUST-BODY));
}
.xxs {
font-size: calc(9px * var(--FONT-ADJUST-BODY));
}
/* ================ Body elements ================ */
h1, h2, h3, h4, h5, h6,
.h1--body,
.h2--body,
.h3--body,
.h4--body,
.h5--body,
.h6--body {
margin: 0 0 0.75em;
line-height: 1.25;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
.h1--body a,
.h2--body a,
.h3--body a,
.h4--body a,
.h5--body a,
.h6--body a {
text-decoration: none;
font-weight: inherit;
}
.rte h1, .rte h2, .rte h3, .rte h4, .rte h5, .rte h6,
.rte .h1--body,
.rte .h2--body,
.rte .h3--body,
.rte .h4--body,
.rte .h5--body,
.rte .h6--body {
margin: 0.75em 0 0 0;
}
p {
margin-bottom: 0.75em;
}
p img {
margin: 0;
}
em,
.em {
font-style: italic;
}
b,
strong,
.strong {
font-weight: var(--FONT-WEIGHT-BODY-BOLD);
}
sup,
sub,
.sup,
.sub {
position: relative;
font-size: calc(9px * var(--FONT-ADJUST-BODY));
vertical-align: baseline;
}
sup,
.sup {
top: -0.5em;
}
sub,
.sub {
bottom: -0.5em;
}
s,
.s {
text-decoration: line-through;
opacity: 0.5;
}
/* ================ Blockquotes ================ */
blockquote {
font-size: calc(15.51022208px * var(--FONT-ADJUST-BODY));
font-style: italic;
margin: 0 0 32px;
padding: 0 32px;
border-left: 1px solid var(--border);
}
@media (min-width: 480px) {
blockquote {
font-size: calc(
(
15.51022208px +
2.2124544 *
(100vw - 480px) /
920
) * var(--FONT-ADJUST-BODY)
);
}
}
@media (min-width: 1400px) {
blockquote {
font-size: calc(17.72267648px * var(--FONT-ADJUST-BODY));
}
}
blockquote p {
margin-bottom: 0;
}
blockquote p + cite {
margin-top: 16px;
}
blockquote cite {
display: block;
font-size: calc(var(--font-3) * var(--FONT-ADJUST-BODY));
}
blockquote cite:before {
content: "— ";
}
/* ================ Code ================ */
code,
pre {
font-family: Consolas, monospace;
font-size: 1em;
border: 0 none;
border-left: 1px solid var(--border);
padding: 0 2px;
}
pre {
overflow: auto;
padding: 16px;
margin: 0 0 32px;
}
.unicode {
font-family: "Lucida Sans Unicode", "Arial Unicode MS, Arial";
}
/* ================ Horizontal Rules ================ */
hr {
clear: both;
border-top: solid var(--border);
border-width: 1px 0 0;
margin: 32px 0;
height: 0;
}
hr.hr--perceptual {
margin: 27px 0 32px 0;
}
hr.hr--small {
margin: 16px 0;
}
hr.hr--double {
margin: 64px 0;
}
hr.hr--clear {
border-top-color: transparent;
}
hr.hr--dash {
margin: 32px auto;
width: 80px;
}
hr.hr--thick {
border-width: 2px 0 0;
}
hr.hr--underline {
margin-top: 10px;
margin-bottom: 20px;
}
/* ============================================================================
#Lists
============================================================================== */
ul,
ol {
margin: 0 0 32px;
padding: 0;
}
ul {
list-style: none outside;
}
ol {
list-style: decimal;
}
ul ul,
ul ol,
ol ol,
ol ul {
margin: 4px 0 5px 20px;
}
li {
margin-bottom: 0.25em;
}
ol,
ul.square,
ul.disc {
margin-left: 20px;
}
ul.square {
list-style: square outside;
}
ul.disc {
list-style: disc outside;
}
ol.alpha {
list-style: lower-alpha outside;
}
.inline-list li {
display: inline-block;
margin-bottom: 0;
}
/* ============================================================================
#Basic Styles
============================================================================== */
:root {
--gutter: 32px;
--inner: 20px;
--outer: 32px;
--wide: 50px;
--gutter-offset: -32px;
--radius-sm: 50px;
--line: 1rem;
}
@media only screen and (min-width: 768px) and (max-width: 989px) {
:root {
--inner: 18px;
--outer: 21px;
--gutter: 22px;
--wide: 40px;
--gutter-offset: -22px;
}
}
@media only screen and (max-width: 767px) {
:root {
--inner: 16px;
--gutter: 16px;
--outer: 16px;
--wide: 30px;
--gutter-offset: -16px;
--line: 0.66rem;
}
}
/* REM baseline, used for padding, not typography */
html {
font-size: 16px;
scroll-behavior: smooth;
--scroll-behavior: smooth;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
html {
font-size: 14px;
}
}
[tabindex="-1"]:focus {
outline: none;
}
.wrapper, .wrapper .grandparent .header__dropdown__wrapper {
max-width: 1180px;
margin: 0 auto;
padding: 0 var(--outer);
width: 100%;
}
.wrapper::after, .wrapper .grandparent .header__dropdown__wrapper::after {
content: "";
display: table;
clear: both;
}
.wrapper--full, .wrapper--full .grandparent .header__dropdown__wrapper {
max-width: none;
margin: 0 auto;
/* padding: 0 var(--outer); */
padding: 0 20px;
width: 100%;
}
.wrapper--full::after, .wrapper--full .grandparent .header__dropdown__wrapper::after {
content: "";
display: table;
clear: both;
}
.wrapper--narrow {
margin: 0 auto;
padding: 0 var(--outer);
width: 100%;
max-width: 50%;
}
.wrapper--narrow::after {
content: "";
display: table;
clear: both;
}
@media only screen and (max-width: 989px) {
.wrapper--narrow {
max-width: 66%;
}
}
@media only screen and (max-width: 767px) {
.wrapper--narrow {
max-width: 100%;
}
}
.main-content {
display: block;
min-height: var(--content-min);
padding-bottom: 1px;
margin-bottom: -1px;
}
.main-content .announcement__wrapper {
z-index: unset;
}
.template-customers-account .main-content,
.template-customers-addresses .main-content,
.template-customers-order .main-content {
padding-bottom: 64px;
}
.main-content .shopify-section:last-child .frame,
.main-content .shopify-section:last-child .margin--small,
.main-content .shopify-section:last-child .margin--medium,
.main-content .shopify-section:last-child .margin--large,
.main-content .shopify-section:last-child .margin--zero {
padding-bottom: 64px;
}
/* ============================================================================
Icons
============================================================================== */
.icon {
display: inline-block;
width: 1em;
height: 1em;
vertical-align: middle;
fill: currentColor;
}
.no-svg .icon {
display: none;
}
.showMobile .icon {
width: 15px;
height: 15px;
}
.mobile-wrapper .icon {
width: 25px;
height: 25px;
}
/* ============================================================================
#Rich Text Editor
============================================================================== */
.rte:not(.rte--column) {
font-size: calc(15.51022208px * var(--FONT-ADJUST-BODY));
}
@media (min-width: 480px) {
.rte:not(.rte--column) {
font-size: calc(
(
15.51022208px +
2.2124544 *
(100vw - 480px) /
920
) * var(--FONT-ADJUST-BODY)
);
}
}
@media (min-width: 1400px) {
.rte:not(.rte--column) {
font-size: calc(17.72267648px * var(--FONT-ADJUST-BODY));
}
}
.rte:not(.rte--column) p {
font-size: calc(15.51022208px * var(--FONT-ADJUST-BODY));
}
@media (min-width: 480px) {
.rte:not(.rte--column) p {
font-size: calc(
(
15.51022208px +
2.2124544 *
(100vw - 480px) /
920
) * var(--FONT-ADJUST-BODY)
);
}
}
@media (min-width: 1400px) {
.rte:not(.rte--column) p {
font-size: calc(17.72267648px * var(--FONT-ADJUST-BODY));
}
}
.rte {
margin-bottom: 16px;
/* Add some top margin to headers from the rich text editor */
word-wrap: break-word;
}
.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 > div {
margin-bottom: 16px;
}
.rte ul,
.rte ol {
margin-left: 20px;
}
.rte ul {
list-style: disc outside;
}
.rte ul ul,
.rte ol ul {
list-style-type: circle;
}
.rte ol ol ul,
.rte ol ul ul,
.rte ul ol ul,
.rte ul ul ul {
list-style-type: square;
}
.rte li {
text-align: left;
margin-bottom: 0.4em;
}
.rte img {
max-width: 100%;
height: auto;
}
.rte img[style*="float: left"],
.rte img[style*="float:left"] {
margin-right: 16px;
}
.rte img[style*="float: right"],
.rte img[style*="float:right"] {
margin-left: 16px;
}
.rte a:not([class]) {
text-decoration: underline;
}
.rte .rte__link {
font-size: calc(13.144256px * var(--FONT-ADJUST-BODY));
position: relative;
color: var(--text-light);
text-decoration: none;
}
@media (min-width: 480px) {
.rte .rte__link {
font-size: calc(
(
13.144256px +
1.382528 *
(100vw - 480px) /
920
) * var(--FONT-ADJUST-BODY)
);
}
}
@media (min-width: 1400px) {
.rte .rte__link {
font-size: calc(14.526784px * var(--FONT-ADJUST-BODY));
}
}
.rte .rte__link:after {
content: "";
right: 0;
position: absolute;
bottom: -1px;
height: 1px;
background: currentColor;
opacity: 0.25;
transition: width 0.2s ease;
width: 100%;
}
.rte .rte__link:hover:after {
width: 0;
}
.rte--header {
margin-bottom: 0;
}
.rte__table-wrapper {
max-width: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
.columns {
column-gap: 48px;
columns: 2 240px;
}
/* ============================================================================
#Tables
============================================================================== */
table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
}
table.full {
width: 100%;
margin-bottom: 1em;
}
.table-wrap {
max-width: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
th {
font-weight: var(--FONT-WEIGHT-BODY-BOLD);
border-bottom: 1px solid var(--border);
}
th,
td {
border-bottom: 1px solid var(--border);
text-align: left;
padding: var(--inner);
}
th:first-child,
td:first-child {
padding-left: 0;
}
th:last-child,
td:last-child {
padding-right: 0;
}
table[border] td:first-child,
table[border] th:first-child,
table[border] td:last-child,
table[border] td:last-child {
padding: var(--inner);
}
.table--responsive tbody {
border-top: 1px solid var(--border);
}
.table--responsive tbody td:not(:first-child) {
border-top: 1px solid var(--hairline);
}
.table--responsive tfoot {
border-top: 1px solid var(--border);
border-bottom: 2px solid var(--border);
}
@media only screen and (max-width: 479px) {
.table--responsive thead {
display: none;
}
.table--responsive tr {
display: block;
}
.table--responsive tr,
.table--responsive td {
float: left;
clear: both;
width: 100%;
border-bottom: none;
}
.table--responsive th,
.table--responsive td {
border: none;
display: block;
text-align: right;
padding: 10px 0;
}
.table--responsive td:before {
content: attr(data-label);
float: left;
font-family: var(--FONT-STACK-ACCENT);
font-weight: var(--FONT-WEIGHT-ACCENT);
font-style: var(--FONT-STYLE-ACCENT);
text-transform: uppercase;
letter-spacing: 1px;
font-size: calc(12px * var(--FONT-ADJUST-ACCENT));
padding-right: 10px;
}
.table--responsive td:before .strong, .table--responsive td:before.strong {
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
}
}
@media only screen and (max-width: 479px) {
.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 var(--border);
}
}
/* ============================================================================
#Links and Buttons
three button styles:
standard - full color - darkens on hover
outline - turns to full color on hover
soft - turns to full color on hover
Color modifiers
Starts as secondary accent color
modifier for primary color
modifier for text color
modifier for contrast (full white or full black)
dark modifier doubles color mods
style modifiers
100% width
small
large
border-radius-0
watches outer wrapper for dark/light
============================================================================== */
.btn,
.btn--soft {
display: inline-block;
padding: 0.8rem 1.6rem;
margin: 0;
line-height: 1;
text-decoration: none;
text-align: center;
vertical-align: middle;
border: none;
cursor: pointer;
-webkit-user-select: none;
user-select: none;
-webkit-appearance: none;
-moz-appearance: none;
border-radius: var(--BUTTON-RADIUS);
font-size: calc(13.144256px * var(--FONT-ADJUST-BODY));
background-color: var(--btn-bg);
color: var(--btn-text);
transition: background-color 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media (min-width: 480px) {
.btn,
.btn--soft {
font-size: calc(
(
13.144256px +
1.382528 *
(100vw - 480px) /
920
) * var(--FONT-ADJUST-BODY)
);
}
}
@media (min-width: 1400px) {
.btn,
.btn--soft {
font-size: calc(14.526784px * var(--FONT-ADJUST-BODY));
}
}
.btn:hover, .btn:active, .btn:focus,
.btn--soft:hover,
.btn--soft:active,
.btn--soft:focus {
color: var(--btn-text-hover);
background-color: var(--btn-bg-hover);
}
.btn {
--btn-bg: var(--text);
--btn-text: var(--bg);
--btn-bg-hover: var(--hover);
--btn-text-hover: var(--bg);
}
.btn--neutral.btn {
--btn-bg: var(--COLOR-TEXT);
--btn-text: var(--COLOR-BG);
--btn-bg-hover: var(--COLOR-A95);
--btn-text-hover: var(--COLOR-BG);
}
.btn--invert.btn {
--btn-bg: var(--INVERSE-TEXT);
--btn-text: var(--INVERSE-BG);
--btn-bg-hover: var(--INVERSE-A95);
--btn-text-hover: var(--INVERSE-BG);
}
.btn--black.btn {
--btn-bg: #000;
--btn-text: #FFF;
--btn-bg-hover: #000;
--btn-text-hover: #F7F7F7;
}
.btn--primary.btn, .btn.shopify-challenge__button {
--btn-bg: var(--COLOR-PRIMARY);
--btn-text: var(--COLOR-PRIMARY-OPPOSITE);
--btn-bg-hover: var(--COLOR-PRIMARY-HOVER);
--btn-text-hover: var(--COLOR-PRIMARY-OPPOSITE);
}
.btn--secondary.btn {
--btn-bg: var(--COLOR-SECONDARY);
--btn-text: var(--COLOR-SECONDARY-OPPOSITE);
--btn-bg-hover: var(--COLOR-SECONDARY-HOVER);
--btn-text-hover: var(--COLOR-SECONDARY-OPPOSITE);
}
.btn--white.btn {
--btn-bg: #FFF;
--btn-text: #000;
--btn-bg-hover: #FFF;
--btn-text-hover: #333;
}
.btn--invert--primary.btn {
--btn-bg: var(--INVERSE-PRIMARY);
--btn-text: var(--INVERSE-PRIMARY-OPPOSITE);
--btn-bg-hover: var(--INVERSE-PRIMARY-HOVER);
--btn-text-hover: var(--INVERSE-PRIMARY-OPPOSITE);
}
.btn--invert--secondary.btn {
--btn-bg: var(--INVERSE-SECONDARY);
--btn-text: var(--INVERSE-SECONDARY-OPPOSITE);
--btn-bg-hover: var(--INVERSE-SECONDARY-HOVER);
--btn-text-hover: var(--INVERSE-SECONDARY-OPPOSITE);
}
.btn--soft {
--btn-bg: var(--hairline);
--btn-text: var(--text);
--btn-bg-hover: var(--hairline-hover);
--btn-text-hover: var(--text);
}
.btn--neutral.btn--soft {
--btn-bg: var(--COLOR-A5);
--btn-text: var(--COLOR-TEXT);
--btn-bg-hover: var(--COLOR-A10);
--btn-text-hover: var(--COLOR-TEXT);
}
.btn--invert.btn--soft {
--btn-bg: var(--INVERSE-A5);
--btn-text: var(--INVERSE-TEXT);
--btn-bg-hover: var(--INVERSE-A10);
--btn-text-hover: var(--INVERSE-TEXT);
}
.btn--black.btn--soft {
--btn-bg: rgba(0, 0, 0, 0.05);
--btn-text: #000;
--btn-bg-hover: rgba(0, 0, 0, 0.8);
--btn-text-hover: #000;
}
.btn--primary.btn--soft, .btn--soft.shopify-challenge__button {
--btn-bg: var(--COLOR-PRIMARY-FADE);
--btn-text: var(--COLOR-PRIMARY);
--btn-bg-hover: var(--COLOR-PRIMARY-FADE-HOVER);
--btn-text-hover: var(--COLOR-PRIMARY);
}
.btn--secondary.btn--soft {
--btn-bg: var(--COLOR-SECONDARY-FADE);
--btn-text: var(--COLOR-SECONDARY);
--btn-bg-hover: var(--COLOR-SECONDARY-FADE-HOVER);
--btn-text-hover: var(--COLOR-SECONDARY);
}
.btn--white.btn--soft {
--btn-bg: rgba(255, 255, 255, 0.05);
--btn-text: #FFF;
--btn-bg: rgba(255, 255, 255, 0.8);
--btn-text-hover: #FFF;
}
.btn--invert--primary.btn--soft {
--btn-bg: var(--INVERSE-PRIMARY-FADE);
--btn-text: var(--INVERSE-PRIMARY);
--btn-bg-hover: var(--INVERSE-PRIMARY-FADE-HOVER);
--btn-text-hover: var(--INVERSE-PRIMARY);
}
.btn--invert--secondary.btn--soft {
--btn-bg: var(--INVERSE-SECONDARY-FADE);
--btn-text: var(--INVERSE-SECONDARY);
--btn-bg-hover: var(--INVERSE-SECONDARY-FADE-HOVER);
--btn-text-hover: var(--INVERSE-SECONDARY);
}
.btn--outline {
display: inline-block;
padding: 0.8rem 1.6rem;
margin: 0;
line-height: 1;
text-decoration: none;
text-align: center;
vertical-align: middle;
border: none;
cursor: pointer;
-webkit-user-select: none;
user-select: none;
-webkit-appearance: none;
-moz-appearance: none;
border-radius: var(--BUTTON-RADIUS);
font-size: calc(13.144256px * var(--FONT-ADJUST-BODY));
--btn-bg: rgba(255,255,255,0);
background-color: rgba(255, 255, 255, 0);
transition: background-color 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
border: 1px solid var(--btn-text);
color: var(--btn-text);
}
@media (min-width: 480px) {
.btn--outline {
font-size: calc(
(
13.144256px +
1.382528 *
(100vw - 480px) /
920
) * var(--FONT-ADJUST-BODY)
);
}
}
@media (min-width: 1400px) {
.btn--outline {
font-size: calc(14.526784px * var(--FONT-ADJUST-BODY));
}
}
.btn--outline:hover, .btn--outline:active, .btn--outline:focus {
background-color: var(--btn-bg-hover);
border: 1px solid var(--btn-text);
color: var(--btn-text);
}
.btn--outline {
--btn-text: var(--text);
--btn-bg-hover: var(--hairline);
}
.btn--neutral.btn--outline {
--btn-text: var(--COLOR-TEXT);
--btn-bg-hover: var(--COLOR-A5);
}
.btn--invert.btn--outline {
--btn-text: var(--INVERSE-TEXT);
--btn-bg-hover: var(--INVERSE-A5);
}
.btn--black.btn--outline {
--btn-text: rgba(0, 0, 0, 1);
--btn-bg-hover: rgba(0, 0, 0, 0.1);
}
.btn--primary.btn--outline, .btn--outline.shopify-challenge__button {
--COLOR-PRIMARY:#0089b6;
--btn-text: var(--COLOR-PRIMARY);
--btn-bg-hover: var(--COLOR-PRIMARY-FADE);
}
.btn--secondary.btn--outline {
--btn-text: var(--COLOR-SECONDARY);
--btn-bg-hover: var(--COLOR-SECONDARY-FADE);
}
.btn--white.btn--outline {
--btn-text: #FFF;
--btn-bg-hover: rgba(255, 255, 255, 0.1);
border-radius: 50px;
}
.btn--white.btn--outline:hover {
--btn-text: #FFF;
--btn-bg-hover: rgba(255, 255, 255, 0.1);
border-radius: 50px;
}
.btn--invert--primary.btn--outline {
--btn-text: var(--INVERSE-PRIMARY);
--btn-bg-hover: var(--INVERSE-PRIMARY-FADE);
}
.btn--invert--secondary.btn--outline {
--btn-text: var(--INVERSE-SECONDARY);
--btn-bg-hover: var(--INVERSE-SECONDARY-FADE);
}
/* ============================================================================
.btn{
@include soft-button(var(--COLOR-SECONDARY));
@include accent-bold;
@include font-size-a3;
}
============================================================================== */
[class*=btn].uppercase {
font-family: var(--FONT-STACK-ACCENT);
font-weight: var(--FONT-WEIGHT-ACCENT);
font-style: var(--FONT-STYLE-ACCENT);
text-transform: uppercase;
letter-spacing: 1px;
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
font-size: calc(12px * var(--FONT-ADJUST-ACCENT));
border-radius: 30px;
}
[class*=btn].uppercase .strong, [class*=btn].uppercase.strong {
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
}
.btn--small {
padding: 0.6rem;
font-size: calc(var(--font-3) * var(--FONT-ADJUST-BODY));
}
.btn--small .uppercase, .btn--small.uppercase {
font-family: var(--FONT-STACK-ACCENT);
font-weight: var(--FONT-WEIGHT-ACCENT);
font-style: var(--FONT-STYLE-ACCENT);
text-transform: uppercase;
letter-spacing: 1px;
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
font-size: calc(12px * var(--FONT-ADJUST-ACCENT));
}
.btn--small .uppercase .strong, .btn--small .uppercase.strong, .btn--small.uppercase .strong, .btn--small.uppercase.strong {
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
}
.btn--large, .btn--long {
padding: 1.2rem 1.8rem;
font-size: calc(13.144256px * var(--FONT-ADJUST-BODY));
}
@media (min-width: 480px) {
.btn--large, .btn--long {
font-size: calc(
(
13.144256px +
1.382528 *
(100vw - 480px) /
920
) * var(--FONT-ADJUST-BODY)
);
}
}
@media (min-width: 1400px) {
.btn--large, .btn--long {
font-size: calc(14.526784px * var(--FONT-ADJUST-BODY));
}
}
.btn--large .uppercase, .btn--long .uppercase, .btn--large.uppercase, .uppercase.btn--long {
font-family: var(--FONT-STACK-ACCENT);
font-weight: var(--FONT-WEIGHT-ACCENT);
font-style: var(--FONT-STYLE-ACCENT);
text-transform: unset;
letter-spacing: 1px;
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
font-size: calc(12px * var(--FONT-ADJUST-ACCENT));
border-radius: 30px;
}
.btn--large .uppercase .strong, .btn--long .uppercase .strong, .btn--large .uppercase.strong, .btn--long .uppercase.strong, .btn--large.uppercase .strong, .uppercase.btn--long .strong, .btn--large.uppercase.strong, .uppercase.strong.btn--long {
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
}
@media only screen and (max-width: 767px) {
.btn--large, .btn--long {
padding: 15px 30px;
}
}
.btn--long {
padding: 15px 30px;
min-width: 149px;
}
.btn--full {
width: 100%;
}
.btn--square {
border-radius: 0px !important;
}
[class*=btn][disabled],
[class*=btn].disabled {
cursor: not-allowed;
opacity: 0.4;
}
[class*=btn][disabled]:before,
[class*=btn].disabled:before {
content: none;
}
button.underline {
text-decoration: underline;
}
/* ajax buttons */
[data-add-to-cart] {
position: relative;
}
[data-add-to-cart].loading .btn-state-ready, [data-add-to-cart].has-success .btn-state-ready {
color: transparent;
pointer-events: none;
}
.btn-state-loading {
visibility: hidden;
position: absolute;
top: 50%;
left: 50%;
z-index: 2;
opacity: 0;
transform: translate(-50%, -50%);
transition: opacity 0.2s, visibility 0.2s;
}
.loading .btn-state-loading {
visibility: visible;
opacity: 1;
}
.btn-state-complete {
visibility: hidden;
position: absolute;
top: 50%;
left: 50%;
width: 14px;
height: 8px;
border-left: 1px solid var(--primary);
border-bottom: 1px solid var(--primary);
margin-top: -2px;
transform: translate(-50%, -50%) rotate(-45deg);
opacity: 0;
transition: opacity 0.2s, visibility 0.2s;
}
.has-success .btn-state-complete {
visibility: visible;
opacity: 1;
}
/* Shopify Quick Pay Buttons */
/* .shopify-product-form {
max-width: 500px;
margin: 0 auto;
} */
.variant--soldout .shopify-payment-button,
.variant--unavailable .shopify-payment-button {
opacity: 0;
}
.shopify-payment-button .shopify-payment-button__button--unbranded {
--btn-bg: var(--COLOR-PRIMARY);
--btn-text: var(--COLOR-PRIMARY-OPPOSITE);
--btn-bg-hover: var(--COLOR-PRIMARY-HOVER);
--btn-text-hover: var(--COLOR-PRIMARY-OPPOSITE);
display: inline-block;
padding: 0.8rem 1.6rem;
margin: 0;
line-height: 1;
text-decoration: none;
text-align: center;
vertical-align: middle;
border: none;
cursor: pointer;
-webkit-user-select: none;
user-select: none;
-webkit-appearance: none;
-moz-appearance: none;
border-radius: var(--BUTTON-RADIUS);
font-family: var(--FONT-STACK-ACCENT);
font-weight: var(--FONT-WEIGHT-ACCENT);
font-style: var(--FONT-STYLE-ACCENT);
text-transform: uppercase;
letter-spacing: 1px;
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
font-size: calc(12px * var(--FONT-ADJUST-ACCENT));
background-color: var(--btn-bg);
color: var(--btn-text);
}
.shopify-payment-button .shopify-payment-button__button--unbranded .strong, .shopify-payment-button .shopify-payment-button__button--unbranded.strong {
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
}
.shopify-payment-button .shopify-payment-button__button--unbranded:hover, .shopify-payment-button .shopify-payment-button__button--unbranded:active, .shopify-payment-button .shopify-payment-button__button--unbranded:focus, .shopify-payment-button .shopify-payment-button__button--unbranded:hover:not([disabled]) {
color: var(--btn-text-hover);
background-color: var(--btn-bg);
}
.product-section.palette--dark .btn--primary.btn--outline, .product-section.palette--dark .btn--outline.shopify-challenge__button {
--btn-text: var(--INVERSE-PRIMARY);
--btn-bg-hover: var(--INVERSE-PRIMARY-FADE);
}
.product-section.palette--dark .shopify-payment-button .shopify-payment-button__button--unbranded {
--btn-bg: var(--INVERSE-PRIMARY);
--btn-text: var(--INVERSE-PRIMARY-OPPOSITE);
--btn-bg-hover: var(--INVERSE-PRIMARY-HOVER);
--btn-text-hover: var(--INVERSE-PRIMARY-OPPOSITE);
}
.btn--add-to-cart {
min-height: 54px;
}
.shopify-payment-button .shopify-payment-button__button {
margin-top: 15px;
border-radius: var(--BUTTON-RADIUS);
min-height: 54px;
overflow: hidden;
}
.shopify-payment-button .shopify-payment-button__more-options:active {
text-decoration: underline;
outline: none;
transform: translateY(1px);
}
/* ============================================================================
#Text links
============================================================================== */
a,
.text-link {
color: currentColor;
text-decoration: none;
background: transparent;
}
a:hover, a:focus,
.text-link:hover,
.text-link:focus {
color: currentColor;
}
/* links that line up with buttons */
.btn--link {
display: inline-block;
padding: 0.8rem 1.6rem;
margin: 0;
line-height: 1;
text-decoration: none;
text-align: center;
vertical-align: middle;
border: none;
cursor: pointer;
-webkit-user-select: none;
user-select: none;
-webkit-appearance: none;
-moz-appearance: none;
border-radius: var(--BUTTON-RADIUS);
background-color: rgba(255, 255, 255, 0);
color: var(--text);
/* capitalize */
font-family: var(--FONT-STACK-ACCENT);
font-weight: var(--FONT-WEIGHT-ACCENT);
font-style: var(--FONT-STYLE-ACCENT);
text-transform: uppercase;
letter-spacing: 1px;
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
font-size: calc(12px * var(--FONT-ADJUST-ACCENT));
}
.btn--link:hover, .btn--link:active, .btn--link:focus {
background-color: rgba(255, 255, 255, 0);
color: var(--text-dark);
}
.btn--link .strong, .btn--link.strong {
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
}
.btn--link span {
position: relative;
text-decoration: none;
}
.btn--link span:after {
content: "";
right: 0;
position: absolute;
bottom: -1px;
height: 1px;
background: currentColor;
opacity: 0.25;
transition: width 0.2s ease;
}
.btn--link span:after {
left: 0;
width: 0;
}
.btn--link span:hover:after {
width: 100%;
}
.btn--link span:after {
bottom: -4px;
height: 3px;
}
/* ================ Force an input/button to look like a text link ================ */
.expanding-line {
position: relative;
text-decoration: none;
}
.expanding-line:after {
content: "";
right: 0;
position: absolute;
bottom: -1px;
height: 1px;
background: currentColor;
opacity: 0.25;
transition: width 0.2s ease;
}
.expanding-line:after {
left: 0;
width: 0;
}
.expanding-line:hover:after {
width: 100%;
}
.text-link,
.retracting-line {
position: relative;
text-decoration: none;
}
.text-link:after,
.retracting-line:after {
content: "";
right: 0;
position: absolute;
bottom: -1px;
height: 1px;
background: currentColor;
opacity: 0.25;
transition: width 0.2s ease;
}
.text-link:after,
.retracting-line:after {
width: 100%;
}
.text-link:hover:after,
.retracting-line:hover:after {
width: 0;
}
input.text-link,
button.text-link {
border-radius: 0;
color: var(--text);
display: inline;
border: 0 none;
background: none;
padding: 0;
margin: 0;
overflow: visible;
}
input.text-link:hover, input.text-link:active, input.text-link:focus,
button.text-link:hover,
button.text-link:active,
button.text-link:focus {
border-radius: 0;
color: var(--text-dark);
display: inline;
border: 0 none;
background: none;
padding: 0;
margin: 0;
}
button + .text-link,
.btn + .text-link {
margin-left: 15px !important;
}
.text-link.uppercase {
font-family: var(--FONT-STACK-ACCENT);
font-weight: var(--FONT-WEIGHT-ACCENT);
font-style: var(--FONT-STYLE-ACCENT);
text-transform: uppercase;
letter-spacing: 1px;
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
font-size: calc(12px * var(--FONT-ADJUST-ACCENT));
position: relative;
text-decoration: none;
}
.text-link.uppercase .strong, .text-link.uppercase.strong {
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
}
.text-link.uppercase:after {
content: "";
right: 0;
position: absolute;
bottom: -1px;
height: 1px;
background: currentColor;
opacity: 0.25;
transition: width 0.2s ease;
}
.text-link.uppercase:after {
left: 0;
width: 0;
}
.text-link.uppercase:hover:after {
width: 100%;
}
.text-link.uppercase:after {
bottom: -4px;
height: 3px;
}
.caps--link {
font-family: var(--FONT-STACK-ACCENT);
font-weight: var(--FONT-WEIGHT-ACCENT);
font-style: var(--FONT-STYLE-ACCENT);
text-transform: uppercase;
letter-spacing: 1px;
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
font-size: calc(13.144256px * var(--FONT-ADJUST-ACCENT) );
position: relative;
text-decoration: none;
}
.caps--link .strong, .caps--link.strong {
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
}
.caps--link:after {
content: "";
right: 0;
position: absolute;
bottom: -1px;
height: 1px;
background: currentColor;
opacity: 0.25;
/* transition: width 0.2s ease; */
}
.caps--link:after {
left: 0;
width: 0;
}
.caps--link:hover:after {
/* width: 100%; */
}
.caps--link:after {
bottom: -6px;
height: 3px;
}
.caps--link.btn--neutral {
color: var(--text);
}
.caps--link.btn--primary, .caps--link.shopify-challenge__button {
color: var(--primary);
}
.caps--link.btn--secondary {
color: var(--secondary);
}
.caps--link.btn--black {
color: #000;
}
.caps--link.btn--white {
color: #FFF;
}
/* ============================================================================
#Badges
============================================================================== */
.badge {
display: inline-block;
padding: 0.33em 0.5em;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: var(--radius-sm);
font-family: var(--FONT-STACK-ACCENT);
font-weight: var(--FONT-WEIGHT-ACCENT);
font-style: var(--FONT-STYLE-ACCENT);
text-transform: uppercase;
letter-spacing: 1px;
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
font-size: calc(10px * var(--FONT-ADJUST-ACCENT));
background-color: var(--hairline);
color: var(--text);
}
.badge .strong, .badge.strong {
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
}
.modal__overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.6);
display: flex;
justify-content: center;
align-items: center;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
}
.modal__overlay.modal__overlay--bright {
background: var(--COLOR-PRIMARY);
}
.modal__container--small {
background-color: var(--bg);
max-width: 95vw;
max-height: 90vh;
overflow-y: auto;
box-sizing: border-box;
}
.modal__container--inline {
padding: 30px;
background: var(--bg);
max-width: 95vw;
max-height: 90vh;
overflow-y: auto;
overflow-x: auto;
}
.modal__container--xl {
padding: 90px;
background: var(--bg);
max-width: 95vw;
max-height: 90vh;
overflow-y: auto;
overflow-x: auto;
}
@media only screen and (max-width: 767px) {
.modal__container--xl {
padding: 30px;
}
}
.modal__container--video {
padding: 90px;
width: 100%;
max-height: 90vh;
overflow-y: auto;
overflow-x: auto;
}
@media only screen and (max-width: 767px) {
.modal__container--video {
padding: 10px;
}
}
.modal__header {
display: flex;
justify-content: space-between;
align-items: center;
}
.modal__close {
position: fixed;
z-index: 100;
top: 5px;
right: 5px;
width: 50px;
height: 50px;
border: 0;
border-radius: 100%;
background-color: rgba(0, 0, 0, 0);
color: #FFF;
font-size: 20px;
cursor: pointer;
text-shadow: 0 1px 6px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.2);
font-weight: bold;
transition: background-color 0.5s ease, color 0.2s ease;
}
.modal__close::before {
content: "✕";
}
.modal__close:hover, .modal__close:focus {
outline: none;
}
.modal__content {
margin-top: 2rem;
margin-bottom: 2rem;
line-height: 1.5;
color: rgba(0, 0, 0, 0.8);
}
/************************** \
Demo Animation Style
\ **************************/
@keyframes mmfadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes mmfadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes mmslideIn {
from {
transform: translateY(15%);
}
to {
transform: translateY(0);
}
}
@keyframes mmslideOut {
from {
transform: translateY(0);
}
to {
transform: translateY(-10%);
}
}
.micromodal-slide {
display: none;
}
.micromodal-slide.is-open {
position: absolute;
z-index: 10000;
display: block;
}
.micromodal-slide[aria-hidden=false] .modal__overlay {
animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.micromodal-slide[aria-hidden=false] .modal__container {
animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.micromodal-slide[aria-hidden=true] .modal__overlay {
animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.micromodal-slide[aria-hidden=true] .modal__container {
animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
will-change: transform;
}
.modal__container--zoom {
overflow-y: scroll;
height: 100%;
padding: 50px 0 0;
}
.zoom--images {
width: 100vw;
}
.zoom__img {
display: block;
padding: 5px;
width: 100%;
max-width: 1480px;
margin: 0 auto;
}
/* ============================================================================
#Forms
============================================================================== */
form {
margin-bottom: 32px;
}
@media only screen and (max-width: 767px) {
input,
textarea,
select,
.popout__toggle {
font-size: 16px;
}
}
button,
input[type=text],
input[type=search],
input[type=password],
input[type=email],
input[type=file],
input[type=number],
input[type=tel],
input[type=submit],
input[type=url],
.quantity__wrapper input,
textarea {
-webkit-appearance: none;
-moz-appearance: none;
}
input[type=number] {
-moz-appearance: textfield;
}
input,
textarea,
select,
.popout__toggle,
fieldset {
border-radius: var(--radius-sm);
max-width: 100%;
}
input.input-full,
textarea.input-full,
select.input-full,
.input-full.popout__toggle,
fieldset.input-full {
width: 100%;
}
html:not(.no-js) input[type=number]::-webkit-inner-spin-button,
html:not(.no-js) input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
input,
select,
.popout__toggle,
textarea {
padding: 8px 10px;
line-height: 1.2;
}
fieldset {
border: 0;
padding: 0.01em 0 0 0;
margin: 0;
min-width: 0;
}
legend {
border: 0;
padding: 0;
}
optgroup {
font-weight: var(--FONT-WEIGHT-BODY-BOLD);
}
input {
display: inline-block;
width: auto;
}
button,
input[type=submit] {
cursor: pointer;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
button {
background-color: transparent;
overflow: visible;
border: none;
}
button[disabled],
html input[disabled] {
cursor: default;
}
.hidden-label {
clip: rect(0 0 0 0);
clip: rect(0, 0, 0, 0);
overflow: hidden;
position: absolute;
height: 1px;
width: 1px;
}
/* ================ Input width and border ================ */
input[type=text],
input[type=search],
input[type=password],
input[type=email],
input[type=file],
input[type=number],
input[type=tel],
input[type=url],
textarea,
select,
.popout__toggle {
border: 1px solid var(--border);
width: 100%;
max-width: 100%;
display: block;
margin: 0 0 1em;
background-color: transparent;
outline: none;
color: var(--text-dark);
}
input[type=text]:focus,
input[type=search]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=file]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=url]:focus,
textarea:focus,
select:focus,
.popout__toggle:focus {
bottom: 1px solid var(--text-dark);
box-shadow: 0 1px 5px var(--hairline);
}
input[type=text][disabled], input[type=text].disabled,
input[type=search][disabled],
input[type=search].disabled,
input[type=password][disabled],
input[type=password].disabled,
input[type=email][disabled],
input[type=email].disabled,
input[type=file][disabled],
input[type=file].disabled,
input[type=number][disabled],
input[type=number].disabled,
input[type=tel][disabled],
input[type=tel].disabled,
input[type=url][disabled],
input[type=url].disabled,
textarea[disabled],
textarea.disabled,
select[disabled],
[disabled].popout__toggle,
select.disabled,
.disabled.popout__toggle {
cursor: default;
background-color: var(--muted);
border-color: var(--text-light);
}
textarea {
min-height: 100px;
}
input[type=checkbox],
input[type=radio] {
display: inline;
margin: 0;
padding: 0;
}
input[type=checkbox] + label,
input[type=radio] + label {
display: inline-block;
margin-left: 5px;
}
select, .popout__toggle {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-position: right center;
background-image: var(--ICO-SELECT);
background-repeat: no-repeat;
background-position: right 10px center;
background-color: transparent;
padding-right: 28px;
text-indent: 0.01px;
text-overflow: clip;
cursor: pointer;
}
/* Force option color (affects IE only) */
option {
color: #000;
background-color: #FFF;
}
select::-ms-expand, .popout__toggle::-ms-expand {
display: none;
}
/* ================ Form labels ================ */
label,
legend {
display: block;
}
label.inline,
legend.inline {
display: inline;
}
.form-horizontal label.label--hidden, label.label--hidden,
.form-horizontal legend.label--hidden,
legend.label--hidden {
height: 0;
width: 0;
margin-bottom: 0;
overflow: hidden;
}
/* ================ Address and non-float forms ================ */
.form--standard label,
.form--standard legend {
display: block;
margin-bottom: 2px;
font-weight: var(--FONT-WEIGHT-BODY-BOLD);
}
.contact__block {
margin: 20px 0;
display: block;
}
.contact__radio,
.contact__check {
display: flex;
align-items: center;
}
label[for] {
cursor: pointer;
}
.label-hint {
color: #999;
}
/* ================ Horizontal Form ================ */
form.form-horizontal,
.form-horizontal {
margin-bottom: 0;
}
form.form-horizontal input[type=text],
form.form-horizontal input[type=search],
form.form-horizontal input[type=password],
form.form-horizontal input[type=email],
form.form-horizontal input[type=file],
form.form-horizontal input[type=number],
form.form-horizontal input[type=tel],
form.form-horizontal input[type=url],
form.form-horizontal textarea,
form.form-horizontal select,
form.form-horizontal label,
.form-horizontal input[type=text],
.form-horizontal input[type=search],
.form-horizontal input[type=password],
.form-horizontal input[type=email],
.form-horizontal input[type=file],
.form-horizontal input[type=number],
.form-horizontal input[type=tel],
.form-horizontal input[type=url],
.form-horizontal textarea,
.form-horizontal select,
.form-horizontal .popout__toggle,
.form-horizontal label {
display: inline-block;
margin-bottom: 0;
width: auto;
}
/* ================ Error styles ================ */
input[type=text].error,
input[type=search].error,
input[type=password].error,
input[type=email].error,
input[type=file].error,
input[type=number].error,
input[type=tel].error,
input[type=url].error,
textarea.error {
border-color: #D02E2E;
background-color: #FFF6F6;
color: #D02E2E;
}
label.error {
color: #D02E2E;
}
.form--additional {
text-align: center;
margin-top: 30px;
}
.dot-spacer {
opacity: 0.5;
padding: 0px 10px;
}
/* ================ Float labels ================ */
.float__wrapper {
position: relative;
margin: 15px 0;
}
.float__wrapper input,
.float__wrapper textarea {
width: 100%;
}
.float__wrapper input:focus,
.float__wrapper textarea:focus {
border: 1px solid var(--text-dark);
box-shadow: none;
}
.float__wrapper label {
background: var(--bg);
color: var(--text);
font-family: var(--FONT-STACK-ACCENT);
font-weight: var(--FONT-WEIGHT-ACCENT);
font-style: var(--FONT-STYLE-ACCENT);
text-transform: uppercase;
letter-spacing: 1px;
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
font-size: calc(10px * var(--FONT-ADJUST-ACCENT));
left: 7px;
opacity: 0;
padding: 0 4px;
position: absolute;
transform: translateY(2em);
transition: transform 0.2s ease-out, opacity 0.15s linear;
z-index: -1;
}
.float__wrapper label .strong, .float__wrapper label.strong {
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
}
.float__wrapper label.label--float {
opacity: 1;
transform: translateY(-1.4em);
z-index: 1;
padding-bottom: 2px;
}
.input-group--inner-button.float__wrapper label.label--float {
transform: translateY(calc(-1em - 5px));
}
/* ============================================================================
#Notes and Form Feedback
============================================================================== */
.note,
.errors {
border-radius: var(--radius-sm);
padding: 12px;
margin-bottom: 20px;
border: 1px solid transparent;
font-size: 0.9em;
text-align: left;
}
.note ul,
.note ol,
.errors ul,
.errors ol {
margin-top: 0;
margin-bottom: 0;
}
.note li:last-child,
.errors li:last-child {
margin-bottom: 0;
}
.note p,
.errors p {
margin: 0;
}
.note p + p,
.errors p + p {
margin-top: 0.5em;
}
.note {
background-color: var(--hairline);
}
.note p {
margin: 0;
padding: 4px 0;
}
.note ul {
list-style: disc outside;
margin-left: 10px;
}
.errors {
color: #D02E2E;
background-color: #FFF6F6;
}
.errors ul {
list-style: disc outside;
margin-left: 20px;
}
.errors a {
color: #D02E2E;
text-decoration: underline;
}
.errors a:hover {
text-decoration: none;
}
.errors p + p {
margin-top: 0;
}
.form__legal {
margin-bottom: 10px;
}
.form__legal p {
margin-top: 0;
font-style: italic;
color: var(--text-light);
font-size: calc(var(--font-3) * var(--FONT-ADJUST-BODY));
}
.form__legal a {
color: var(--text-dark);
position: relative;
text-decoration: none;
}
.form__legal a:after {
content: "";
right: 0;
position: absolute;
bottom: -1px;
height: 1px;
background: currentColor;
opacity: 0.25;
transition: width 0.2s ease;
}
.form__legal a:after {
left: 0;
width: 0;
}
.form__legal a:hover:after {
width: 100%;
}
.form-success {
color: #56AD6A;
background-color: #ECFEF0;
border-color: #56AD6A;
padding: 10px;
margin-bottom: 20px;
}
.form-success a {
color: #56AD6A;
text-decoration: underline;
}
.form-success a:hover {
text-decoration: none;
}
.form-error {
color: #D02E2E;
background-color: #FFF6F6;
border-color: #D02E2E;
padding: 10px;
margin-bottom: 20px;
}
.form-error a {
color: #D02E2E;
text-decoration: underline;
}
.form-error a:hover {
text-decoration: none;
}
/* = both radio and swatch = */
.radio__legend {
display: block;
margin: 0;
padding: 0 0 8px 0;
width: 100%;
opacity: 0.7;
font-weight: var(--FONT-WEIGHT-BODY);
font-size: calc(var(--font-3) * var(--FONT-ADJUST-BODY));
}
.radio__legend__label {
font-family: var(--FONT-STACK-ACCENT);
font-weight: var(--FONT-WEIGHT-ACCENT);
font-style: var(--FONT-STYLE-ACCENT);
text-transform: lowercase;
letter-spacing: 1px;
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
font-size: calc(12px * var(--FONT-ADJUST-ACCENT));
opacity: 1;
padding-right: 6px;
margin-right: 5px;
border-right: 1px solid var(--border);
}
.radio__legend__label .strong, .radio__legend__label.strong {
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
}
.radio__legend__label--alt {
border-right: none;
}
.radio__fieldset {
line-height: 1;
}
/* = radio button specific = */
.radio__button {
display: inline-block;
padding: 5px 2px;
}
.radio__button:first-of-type {
padding-left: 0px;
}
.radio__fieldset .radio__button label {
font-family: var(--FONT-STACK-ACCENT);
font-weight: var(--FONT-WEIGHT-ACCENT);
font-style: var(--FONT-STYLE-ACCENT);
text-transform: uppercase;
letter-spacing: 1px;
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
font-size: calc(12px * var(--FONT-ADJUST-ACCENT));
position: relative;
margin: 0px 4px;
padding: 16px;
min-width: 60px;
display: flex;
justify-content: center;
border: 1px solid var(--border);
color: var(--text-light);
transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.radio__fieldset .radio__button label .strong, .radio__fieldset .radio__button label.strong {
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
}
.radio__fieldset .radio__button label:hover, .radio__fieldset .radio__button label:active, .radio__fieldset .radio__button label:focus {
color: var(--text-dark);
background-color: var(--hairline);
border: 1px solid var(--border);
}
.radio__fieldset .radio__button input:checked ~ label {
color: var(--bg);
background-color: var(--text-dark);
border: 1px solid rgba(255, 255, 255, 0);
}
/* = swatch button specific = */
.swatch__button {
--swatch: #CCC;
display: inline-block;
padding: 5px 10px;
}
.swatch__button input,
.radio__button input {
opacity: 0;
width: 0;
height: 0;
display: block;
}
.selector-wrapper fieldset label {
margin-top: unset;
}
.swatch__button label {
position: relative;
width: 28px;
height: 28px;
margin: 4px;
border-radius: 100%;
background-color: var(--swatch);
}
.product__form__outer .swatch__button label {
width: 34px;
height: 34px;
}
@media only screen and (max-width: 767px) {
.product__form__outer .swatch__button label {
width: 32px;
height: 32px;
}
}
.swatch__button input:checked ~ label::after {
content: "";
position: absolute;
top: 2px;
left: 2px;
width: 24px;
height: 24px;
border-radius: 100%;
border: 2px solid var(--bg);
}
.product__form__outer .swatch__button input:checked ~ label::after {
top: 3px;
left: 3px;
width: 28px;
height: 28px;
}
@media only screen and (max-width: 767px) {
.product__form__outer .swatch__button input:checked ~ label::after {
width: 26px;
height: 26px;
}
}
.swatch__button input:disabled:hover,
.swatch__button input:disabled ~ label:hover {
cursor: default;
}
.swatch__button input.sold-out ~ label::before,
.swatch__button input.unavailable ~ label::before,
.swatch__button input:disabled ~ label::before,
.radio__button .sold-out + label::before,
.radio__button .unavailable + label::before {
content: "";
position: absolute;
top: 0;
left: 50%;
z-index: 2;
width: 2px;
height: 100%;
border-radius: 0;
background: var(--bg);
margin-left: -1px;
transform: rotate(45deg);
}
.radio__button .sold-out + label::before,
.radio__button .unavailable + label::before {
background: var(--text-light);
}
.select__fieldset .select__label {
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
color: var(--text-dark);
opacity: 0.7;
}
/* = handle white swatch = */
.swatch__button label[data-swatch=white i] {
box-shadow: 0 0 0 1px var(--text-light);
}
.swatch__button label[data-swatch=white i]:after {
--bg: var(--text-light);
}
.swatch__button label[data-swatch=white i]:before {
--bg: var(--text-light);
}
.swatch__button input:checked ~ label[data-swatch=white i] {
box-shadow: 0 0 0 1px var(--text-light);
}
/* = Tab mode = */
.focus-enabled .swatch__button input:focus ~ label:before {
position: absolute;
content: "";
left: -3px;
bottom: -10px;
height: 2px;
width: calc(100% + 6px);
background: var(--secondary);
}
.focus-enabled .radio__button input:focus ~ label:before {
position: absolute;
content: "";
left: 0px;
bottom: -10px;
height: 2px;
width: 100%;
background: var(--secondary);
}
.selector-wrapper {
margin-top: 20px;
opacity: 1;
transition: opacity 0.4s ease-in-out;
}
.selector-wrapper--color {
margin-left: -10px;
}
.selector-wrapper--color .radio__legend__label {
margin-left: 10px;
}
/* ============================================================================
#Images and Iframes
============================================================================== */
img {
border: 0 none;
}
svg:not(:root) {
overflow: hidden;
}
/* === snippets/image-fill.liquid === */
.image__fill {
position: relative;
display: block;
overflow: hidden;
}
/* === snippets/hero.liquid === */
.image__hero__frame {
position: relative;
overflow: hidden;
}
.image__hero__frame.mobile {
display: none;
}
@media only screen and (max-width: 767px) {
.image__hero__frame.mobile {
display: block;
}
.image__hero__frame.desktop {
display: none;
}
}
.image__hero__pane {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.image__hero__scale {
position: relative;
display: block;
width: 100%;
height: 100%;
min-height: 100%;
}
[data-parallax-wrapper] .image__hero__pane {
display: flex;
align-items: center;
}
[data-parallax-wrapper] .image__hero__scale {
min-height: 110%;
max-height: 120%;
}
/* Don't show a dead image symbol */
img.lazyload:not([src]) {
visibility: hidden;
}
/* === image load animations === */
.fade-in-child .background-size-cover.lazyloaded {
opacity: 1;
}
.fade-in-child .background-size-cover {
opacity: 0;
transition: opacity 0.5s ease-in;
}
/* == Link that fills a position: relative image wrapper == */
.link-over-image {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 20;
}
.theme-animate-hover .link-over-image ~ .image__fill .background-size-cover {
transition: transform 1.1s ease-out;
}
.theme-animate-hover .link-over-image:hover ~ .image__fill .background-size-cover,
.theme-animate-hover .link-over-image:focus ~ .image__fill .background-size-cover {
transform: scale(1.05);
}
/* ================ Shared Image Classes ================ */
[data-overlay-header].has-overlay {
--image-top: var(--menu-height);
--image-bottom: calc(var(--menu-height) * 0.66);
/* no centering compensation on align bottom images */
}
[data-overlay-header].has-overlay .hero__content__wrapper[class*=align--bottom] {
padding-bottom: 0;
margin-bottom: var(--inner);
}
.section--image {
overflow: hidden;
position: relative;
color: var(--text);
--image-top: var(--inner);
--image-bottom: var(--inner);
}
.background-size-cover {
display: block;
background-size: cover;
background-position: center 0px;
width: 100%;
height: 100%;
overflow: hidden;
position: absolute;
top: 0;
right: 0;
z-index: 1;
}
.responsive-wide-image {
width: 100%;
display: block;
}
.img-object-cover {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.img-aspect-ratio {
display: block;
width: 100%;
height: auto;
}
/* Overlays */
.image-overlay--bottom {
position: absolute;
top: -30px;
bottom: 0;
left: 0;
right: 0;
z-index: 2;
opacity: var(--opacity);
background: linear-gradient(to bottom, rgba(255, 255, 255, 0), var(--bg) 100%);
}
.backdrop--radial {
position: relative;
}
.backdrop--radial:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transform: scale(5);
z-index: -1;
opacity: 0.25;
background: radial-gradient(var(--bg), rgba(255, 255, 255, 0) 50%);
}
.image-overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 2;
background-color: var(--bg);
}
.image-overlay-0 {
opacity: 0;
}
.image-overlay-5 {
opacity: 0.05;
}
.image-overlay-10 {
opacity: 0.1;
}
.image-overlay-15 {
opacity: 0.15;
}
.image-overlay-20 {
opacity: 0.2;
}
.image-overlay-25 {
opacity: 0.35;
}
.image-overlay-30 {
opacity: 0.3;
}
.image-overlay-35 {
opacity: 0.35;
}
.image-overlay-40 {
opacity: 0.4;
}
.image-overlay-45 {
opacity: 0.45;
}
.image-overlay-50 {
opacity: 0.5;
}
.image-overlay-55 {
opacity: 0.55;
}
.image-overlay-60 {
opacity: 0.6;
}
.image-overlay-65 {
opacity: 0.65;
}
.image-overlay-70 {
opacity: 0.7;
}
.image-overlay-75 {
opacity: 0.75;
}
.image-overlay-80 {
opacity: 0.8;
}
.image-overlay-85 {
opacity: 0.85;
}
.image-overlay-90 {
opacity: 0.9;
}
.image-overlay-95 {
opacity: 0.95;
}
.image-overlay-100 {
opacity: 1;
}
/* Content */
.hero__content {
margin: var(--inner);
padding: var(--outer);
max-width: calc(50% - var(--outer));
}
@media only screen and (max-width: 989px) {
.hero__content {
max-width: 66%;
}
}
@media only screen and (max-width: 767px) {
.hero__content {
max-width: 100%;
}
}
/* Alignmnet */
.hero__content__wrapper {
position: absolute;
display: flex;
z-index: 10;
top: 0;
left: 0;
height: 100%;
width: 100%;
padding-top: var(--image-top);
padding-bottom: var(--image-bottom);
}
.align--top-left {
align-items: flex-start;
justify-content: flex-start;
text-align: left;
}
.align--top-center {
align-items: flex-start;
justify-content: center;
text-align: center;
}
.align--top-right {
align-items: flex-start;
justify-content: flex-end;
text-align: right;
}
.align--middle-left {
align-items: center;
justify-content: flex-start;
text-align: left;
}
.align--middle-center {
align-items: center;
justify-content: center;
text-align: center;
}
.align--middle-right {
align-items: center;
justify-content: flex-end;
text-align: right;
}
.align--bottom-left {
align-items: flex-end;
justify-content: flex-start;
text-align: left;
}
.align--bottom-center {
align-items: flex-end;
justify-content: center;
text-align: center;
}
.align--bottom-right {
align-items: flex-end;
justify-content: flex-end;
text-align: right;
}
img.auto,
.grid__item img,
.grid__item iframe {
max-width: 100%;
}
.rte__video-wrapper,
.sky-pilot-embed {
position: relative;
overflow: hidden;
max-width: 100%;
padding-bottom: 56.25%;
height: 0;
height: auto;
}
.rte__video-wrapper iframe,
.sky-pilot-embed iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.no-js .image__fill {
padding-top: 0px !important;
}
/* ============================================================================
#Helper Classes
============================================================================== */
.clearfix::after {
content: "";
display: table;
clear: both;
}
.left {
float: left;
}
.right {
float: right;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.hidden {
visibility: hidden;
}
.display-table {
display: table;
table-layout: fixed;
width: 100%;
}
.hide,
.display-none {
display: none;
}
.display-table-cell {
display: table-cell;
vertical-align: middle;
float: none;
}
@media only screen and (min-width: 768px) {
.medium-up--display-table {
display: table;
table-layout: fixed;
width: 100%;
}
.medium-up--display-table-cell {
display: table-cell;
vertical-align: middle;
float: none;
}
}
@media only screen and (max-width: 479px) {
.hidden-mobile {
display: none;
}
}
@media only screen and (min-width: 480px) {
.mobile-only {
display: none;
}
}
@media only screen and (max-width: 989px) {
.hidden-md-down {
display: none;
}
}
@media only screen and (min-width: 768px) and (max-width: 989px) {
.hidden-md {
display: none;
}
}
@media only screen and (min-width: 768px) {
.hidden-md-up {
display: none;
}
}
@media only screen and (min-width: 990px) {
.hidden-lg {
display: none;
}
}
/* Hide and show */
.visually-hidden, [data-shopify-xr-hidden] {
position: absolute !important;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
}
.js-focus-hidden:focus {
outline: none;
}
.label-hidden {
position: absolute !important;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
/* No placeholders, so force show labels */
}
.no-placeholder .label-hidden {
position: inherit !important;
overflow: auto;
clip: auto;
width: auto;
height: auto;
margin: 0;
}
.visually-shown {
position: inherit !important;
overflow: auto;
clip: auto;
width: auto;
height: auto;
margin: 0;
}
/* Used for JS hide and show */
.is-hidden {
visibility: hidden;
max-height: 0;
overflow: hidden;
opacity: 0;
transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
}
/* Used on product variants */
html.no-js .js {
display: none;
}
html.no-js [data-aos] {
opacity: 1 !important;
transform: none !important;
}
html.no-js .lazyload {
display: none;
}
html.supports-js .no-js {
display: none;
}
.lazywide {
display: block;
width: 100%;
}
/* Only show when browser cookies are not supported */
.supports-no-cookies:not(html) {
display: none;
}
html.supports-no-cookies .supports-no-cookies:not(html) {
display: block;
}
.caps-true {
text-transform: uppercase;
}
/* Only show when browser cookies are supported */
html.supports-no-cookies .supports-cookies {
display: none;
}
/* ============================================================================
Margin and padding resets
============================================================================== */
.mt0 {
margin-top: 0;
}
.mr0 {
margin-right: 0;
}
.mb0 {
margin-bottom: 0;
}
.ml0 {
margin-left: 0;
}
.m0 {
margin: 0;
}
.pt0 {
padding-top: 0;
}
.pr0 {
padding-right: 0;
}
.pb0 {
padding-bottom: 0;
}
.pl0 {
padding-left: 0;
}
.p0 {
padding: 0;
}
.mt1 {
margin-top: 32px;
}
.mr1 {
margin-right: 32px;
}
.mb1 {
margin-bottom: 32px;
}
.ml1 {
margin-left: 32px;
}
.mt2 {
margin-top: 64px;
}
.mr2 {
margin-right: 64px;
}
.mb2 {
margin-bottom: 64px;
}
.ml2 {
margin-left: 64px;
}
.mt3 {
margin-top: 96px;
}
.mr3 {
margin-right: 96px;
}
.mb3 {
margin-bottom: 96px;
}
.ml3 {
margin-left: 96px;
}
.mt4 {
margin-top: 128px;
}
.mr4 {
margin-right: 128px;
}
.mb4 {
margin-bottom: 128px;
}
.ml4 {
margin-left: 128px;
}
.pt1 {
padding-top: 32px;
}
.pr1 {
padding-right: 32px;
}
.pb1 {
padding-bottom: 32px;
}
.pl1 {
padding-left: 32px;
}
.pt2 {
padding-top: 64px;
}
.pr2 {
padding-right: 64px;
}
.pb2 {
padding-bottom: 64px;
}
.pl2 {
padding-left: 64px;
}
.pt3 {
padding-top: 96px;
}
.pr3 {
padding-right: 96px;
}
.pb3 {
padding-bottom: 96px;
}
.pl3 {
padding-left: 96px;
}
.pt4 {
padding-top: 128px;
}
.pr4 {
padding-right: 128px;
}
.pb4 {
padding-bottom: 128px;
}
.pl4 {
padding-left: 128px;
}
.fill-bg {
fill: var(--bg);
}
.fill-text {
fill: var(--text);
}
.fill-text-light {
fill: var(--text-light);
}
.fill-text-dark {
fill: var(--text-dark);
}
/* ============================================================================
Skip to content button
- Overrides .visually-hidden when focused
============================================================================== */
.skip-link:focus {
position: absolute !important;
overflow: auto;
clip: auto;
width: auto;
height: auto;
margin: 0;
color: var(--secondary);
background-color: var(--bg);
padding: 20px;
z-index: 50000;
transition: none;
}
body.focus-enabled *:focus {
outline-color: var(--secondary) !important;
outline-offset: -2px !important;
outline-style: auto !important;
outline-width: 5px !important;
}
html:not(.no-js) body:not(.focus-enabled) *:focus {
outline: none;
}
/* ============================================================================
#OOCSS Media Object
- http://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code/
============================================================================== */
.media,
.media-flex {
overflow: hidden;
_overflow: visible;
zoom: 1;
}
.media-img {
float: left;
margin-right: 32px;
}
.media-img-right {
float: right;
margin-left: 32px;
}
.media-img img,
.media-img-right img {
display: block;
}
/*================ SVG Loader ================*/
@keyframes animate-svg {
0% {
stroke-dashoffset: 88;
}
100% {
stroke-dashoffset: 0;
}
}
.svg-loader {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.svg-loader circle {
stroke-width: 1;
stroke: var(--border);
fill: none;
}
.svg-loader circle ~ circle {
stroke: var(--text);
stroke-dashoffset: 88;
animation: animate-svg 1s linear infinite;
animation-play-state: paused;
}
.loading .svg-loader circle ~ circle {
animation-play-state: running;
}
.body-size-1 {
font-size: calc(9px * var(--FONT-ADJUST-BODY));
}
.body-size-2 {
font-size: calc(10px * var(--FONT-ADJUST-BODY));
}
.body-size-3 {
font-size: calc(var(--font-3) * var(--FONT-ADJUST-BODY));
}
.body-size-4 {
font-size: calc(13.144256px * var(--FONT-ADJUST-BODY));
}
@media (min-width: 480px) {
.body-size-4 {
font-size: calc(
(
13.144256px +
1.382528 *
(100vw - 480px) /
920
) * var(--FONT-ADJUST-BODY)
);
}
}
@media (min-width: 1400px) {
.body-size-4 {
font-size: calc(14.526784px * var(--FONT-ADJUST-BODY));
}
}
.body-size-5 {
font-size: calc(15.51022208px * var(--FONT-ADJUST-BODY));
}
@media (min-width: 480px) {
.body-size-5 {
font-size: calc(
(
15.51022208px +
2.2124544 *
(100vw - 480px) /
920
) * var(--FONT-ADJUST-BODY)
);
}
}
@media (min-width: 1400px) {
.body-size-5 {
font-size: calc(17.72267648px * var(--FONT-ADJUST-BODY));
}
}
.body-size-6 {
font-size: calc(18.3020620544px * var(--FONT-ADJUST-BODY));
}
@media (min-width: 480px) {
.body-size-6 {
font-size: calc(
(
18.3020620544px +
3.3196032512 *
(100vw - 480px) /
920
) * var(--FONT-ADJUST-BODY)
);
}
}
@media (min-width: 1400px) {
.body-size-6 {
font-size: calc(21.6216653056px * var(--FONT-ADJUST-BODY));
}
}
.body-size-7 {
font-size: calc(21.5964332242px * var(--FONT-ADJUST-BODY));
}
@media (min-width: 480px) {
.body-size-7 {
font-size: calc(
(
21.5964332242px +
4.7819984486 *
(100vw - 480px) /
920
) * var(--FONT-ADJUST-BODY)
);
}
}
@media (min-width: 1400px) {
.body-size-7 {
font-size: calc(26.3784316728px * var(--FONT-ADJUST-BODY));
}
}
.body-size-8 {
font-size: calc(25.4837912045px * var(--FONT-ADJUST-BODY));
}
@media (min-width: 480px) {
.body-size-8 {
font-size: calc(
(
25.4837912045px +
6.6978954363 *
(100vw - 480px) /
920
) * var(--FONT-ADJUST-BODY)
);
}
}
@media (min-width: 1400px) {
.body-size-8 {
font-size: calc(32.1816866409px * var(--FONT-ADJUST-BODY));
}
}
.body-size-9 {
font-size: calc(30.0708736214px * var(--FONT-ADJUST-BODY));
}
@media (min-width: 480px) {
.body-size-9 {
font-size: calc(
(
30.0708736214px +
9.1907840805 *
(100vw - 480px) /
920
) * var(--FONT-ADJUST-BODY)
);
}
}
@media (min-width: 1400px) {
.body-size-9 {
font-size: calc(39.2616577018px * var(--FONT-ADJUST-BODY));
}
}
.body-size-10 {
font-size: calc(35.4836308732px * var(--FONT-ADJUST-BODY));
}
@media (min-width: 480px) {
.body-size-10 {
font-size: calc(
(
35.4836308732px +
12.415591523 *
(100vw - 480px) /
920
) * var(--FONT-ADJUST-BODY)
);
}
}
@media (min-width: 1400px) {
.body-size-10 {
font-size: calc(47.8992223962px * var(--FONT-ADJUST-BODY));
}
}
.heading-size-1 {
font-size: calc(9px * var(--FONT-ADJUST-HEADING));
}
.heading-size-2 {
font-size: calc(10px * var(--FONT-ADJUST-HEADING));
}
.heading-size-3 {
font-size: calc(var(--font-3) * var(--FONT-ADJUST-HEADING));
}
.heading-size-4 {
font-size: calc(13.144256px * var(--FONT-ADJUST-HEADING));
}
@media (min-width: 480px) {
.heading-size-4 {
font-size: calc(
(
13.144256px +
1.382528 *
(100vw - 480px) /
920
) * var(--FONT-ADJUST-HEADING)
);
}
}
@media (min-width: 1400px) {
.heading-size-4 {
font-size: calc(14.526784px * var(--FONT-ADJUST-HEADING));
}
}
.heading-size-5 {
font-size: calc(15.51022208px * var(--FONT-ADJUST-HEADING));
}
@media (min-width: 480px) {
.heading-size-5 {
font-size: calc(
(
15.51022208px +
2.2124544 *
(100vw - 480px) /
920
) * var(--FONT-ADJUST-HEADING)
);
}
}
@media (min-width: 1400px) {
.heading-size-5 {
font-size: calc(17.72267648px * var(--FONT-ADJUST-HEADING));
}
}
.heading-size-6 {
font-size: calc(18.3020620544px * var(--FONT-ADJUST-HEADING));
}
@media (min-width: 480px) {
.heading-size-6 {
font-size: calc(
(
18.3020620544px +
3.3196032512 *
(100vw - 480px) /
920
) * var(--FONT-ADJUST-HEADING)
);
}
}
@media (min-width: 1400px) {
.heading-size-6 {
font-size: calc(21.6216653056px * var(--FONT-ADJUST-HEADING));
}
}
.heading-size-7 {
font-size: calc(21.5964332242px * var(--FONT-ADJUST-HEADING));
}
@media (min-width: 480px) {
.heading-size-7 {
font-size: calc(
(
21.5964332242px +
4.7819984486 *
(100vw - 480px) /
920
) * var(--FONT-ADJUST-HEADING)
);
}
}
@media (min-width: 1400px) {
.heading-size-7 {
font-size: calc(26.3784316728px * var(--FONT-ADJUST-HEADING));
}
}
.heading-size-8 {
font-size: calc(25.4837912045px * var(--FONT-ADJUST-HEADING));
}
@media (min-width: 480px) {
.heading-size-8 {
font-size: calc(
(
25.4837912045px +
6.6978954363 *
(100vw - 480px) /
920
) * var(--FONT-ADJUST-HEADING)
);
}
}
@media (min-width: 1400px) {
.heading-size-8 {
font-size: calc(32.1816866409px * var(--FONT-ADJUST-HEADING));
}
}
.heading-size-9 {
font-size: calc(30.0708736214px * var(--FONT-ADJUST-HEADING));
}
@media (min-width: 480px) {
.heading-size-9 {
font-size: calc(
(
30.0708736214px +
9.1907840805 *
(100vw - 480px) /
920
) * var(--FONT-ADJUST-HEADING)
);
}
}
@media (min-width: 1400px) {
.heading-size-9 {
font-size: calc(39.2616577018px * var(--FONT-ADJUST-HEADING));
}
}
.heading-size-10 {
font-size: calc(35.4836308732px * var(--FONT-ADJUST-HEADING));
}
@media (min-width: 480px) {
.heading-size-10 {
font-size: calc(
(
35.4836308732px +
12.415591523 *
(100vw - 480px) /
920
) * var(--FONT-ADJUST-HEADING)
);
}
}
@media (min-width: 1400px) {
.heading-size-10 {
font-size: calc(47.8992223962px * var(--FONT-ADJUST-HEADING));
}
}
/* ============================================================================
This file is build around onboarding markup loaded in Shopify-built themes and Timber
- Handles empty state hover styles with specific markup
============================================================================== */
.helper-note {
position: absolute;
top: 50%;
left: 50%;
margin-top: -80px;
margin-left: -255px;
max-width: 510px;
font-size: 14px;
background: #000;
border: none;
color: #FFF;
text-align: left;
padding: 30px;
z-index: 9000;
opacity: 0;
transform: translateZ(0);
box-sizing: border-box;
transition: opacity 0.3s cubic-bezier(0, 0, 0.33, 1), transform 0.5s cubic-bezier(0.45, 0, 0, 0.95);
}
@media only screen and (max-width: 509px) {
.helper-note {
width: 95%;
margin-top: 10%;
margin-left: 2.5%;
top: 0;
left: 0;
}
}
.helper-note p {
margin-bottom: 15px;
margin-left: 40px;
font-size: 14px;
line-height: 20px;
}
.helper-note p:last-child {
margin-bottom: 0;
}
.helper-note h3 {
font-size: 19px;
color: #FFF;
margin-left: 40px;
text-transform: none;
}
.helper-note a:hover,
.helper-note a:active {
color: #CCC;
}
.helper-note a.secondary-action {
display: inline-block;
line-height: 30px;
color: #CCC;
text-decoration: none;
}
.helper-note a.secondary-action:hover,
.helper-note a.secondary-action:focus {
opacity: 0.7;
}
.helper-note .helper-icon {
float: left;
margin-top: 4px;
width: 24px;
height: 24px;
background-size: contain;
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij48c3R5bGUgdHlwZT0idGV4dC9jc3MiPmNpcmNsZSwgZWxsaXBzZSwgbGluZSwgcGF0aCwgcG9seWdvbiwgcG9seWxpbmUsIHJlY3QsIHRleHQgeyBmaWxsOiAjOThhN2I1ICFpbXBvcnRhbnQ7IH08L3N0eWxlPjxwYXRoIGZpbGw9IiM1MjYwNjYiIGQ9Ik01IDloLTN2MWgzdi0xem0xLTJoLTR2MWg0di0xem0tNCA1aDN2LTFoLTN2MXptOCAyLjA0NmwtOS4wMDItLjA0Ni0uMDA0LTloMy4wMDZ2LTNoNnYyaDF2LTEuOTU0bC0xLjA4LTEuMDQ2aC02LjkybC0yLjk5OCAyLjk4Ni0uMDAyIDExLjAxNGgxMXYtNGwtMSAxLjA0NnYyem0tNi45OTYtMTEuNjA1djEuNTg2aC0xLjYwOGwxLjYwOC0xLjU4NnptMi45ODcgOS4wNThsMi4yMDYtLjA1OSA2LjgwNS01LjU1NC0xLjY4OS0yLjEwNC02LjgwNSA1LjU1NC0uNTE3IDIuMTYzem0xLjE2OS0xLjcxNWwuODMxLS4xNTYuMTU1LjgzNS0xLjIwMS41NjUuMjE1LTEuMjQ0eiIvPjwvc3ZnPg==");
display: inline-block;
vertical-align: top;
}
.helper-section {
position: relative;
clear: both;
}
.helper-section:hover .helper-note {
opacity: 1;
transform: translateY(-20px);
}
.helper-section .helper-content {
opacity: 1;
transform: translateZ(0);
transition: opacity 0.25s cubic-bezier(0.67, 0, 1, 1);
}
.helper-section:hover .helper-content {
opacity: 0.5;
transition: opacity 0.3s cubic-bezier(0, 0, 0.33, 1);
}
/* ================ Spacing ================ */
.homepage-blog,
.homepage-product,
.homepage-columns,
.homepage-icons,
.homepage-newsletter,
.homepage-collection {
padding-top: 96px;
padding-bottom: 96px;
}
.homepage-page,
.homepage-columns,
/* .homepage-collection-tabs, */
.section-related,
.section-recent .recent__container__inner:not(.is-hidden) {
padding-top: 40px;
padding-bottom: 40px;
}
.homepage-collection-tabs{
padding-top: 40px;
padding-bottom: 0px;
}
.homepage-collection-grid {
padding-top: 64px;
padding-bottom: 96px;
}
.homepage-logos {
padding-top: 32px;
padding-bottom: 22px;
}
.homepage-logos.homepage-logos--tall {
padding-top: 64px;
padding-bottom: 64px;
}
.margin--small {
padding: var(--outer) 0;
}
.margin--medium {
padding: calc(var(--outer) * 2) 0;
}
.margin--large {
padding: calc(var(--outer) * 3) 0;
}
.margin--zero {
padding: 0;
}
.neighbor--white + .neighbor--white .homepage-page,
.neighbor--white + .neighbor--white .homepage-blog,
.neighbor--white + .neighbor--white .homepage-logos,
.neighbor--white + .neighbor--white .homepage-columns,
.neighbor--white + .neighbor--white .homepage-icons,
.neighbor--white + .neighbor--white .homepage-product,
.neighbor--white + .neighbor--white .homepage-newsletter,
.neighbor--white + .neighbor--white .homepage-collection,
.neighbor--white + .neighbor--white .homepage-collection-tabs,
.neighbor--white + .neighbor--white .homepage-collection-grid,
.neighbor--white + .neighbor--white .margin--small,
.neighbor--white + .neighbor--white .margin--medium,
.neighbor--white + .neighbor--white .margin--large,
.neighbor--white + .neighbor--white .margin--zero,
.neighbor--white + .neighbor--white .section-related,
.neighbor--white + .neighbor--white .section-recent .recent__container__inner:not(.is-hidden),
.neighbor--light + .neighbor--light .homepage-page,
.neighbor--light + .neighbor--light .homepage-blog,
.neighbor--light + .neighbor--light .homepage-logos,
.neighbor--light + .neighbor--light .homepage-columns,
.neighbor--light + .neighbor--light .homepage-icons,
.neighbor--light + .neighbor--light .homepage-product,
.neighbor--light + .neighbor--light .homepage-newsletter,
.neighbor--light + .neighbor--light .homepage-collection,
.neighbor--light + .neighbor--light .homepage-collection-tabs,
.neighbor--light + .neighbor--light .homepage-collection-grid,
.neighbor--light + .neighbor--light .margin--small,
.neighbor--light + .neighbor--light .margin--medium,
.neighbor--light + .neighbor--light .margin--large,
.neighbor--light + .neighbor--light .margin--zero,
.neighbor--light + .neighbor--light .section-related,
.neighbor--light + .neighbor--light .section-recent .recent__container__inner:not(.is-hidden),
.neighbor--black + .neighbor--black .homepage-page,
.neighbor--black + .neighbor--black .homepage-blog,
.neighbor--black + .neighbor--black .homepage-logos,
.neighbor--black + .neighbor--black .homepage-columns,
.neighbor--black + .neighbor--black .homepage-icons,
.neighbor--black + .neighbor--black .homepage-product,
.neighbor--black + .neighbor--black .homepage-newsletter,
.neighbor--black + .neighbor--black .homepage-collection,
.neighbor--black + .neighbor--black .homepage-collection-tabs,
.neighbor--black + .neighbor--black .homepage-collection-grid,
.neighbor--black + .neighbor--black .margin--small,
.neighbor--black + .neighbor--black .margin--medium,
.neighbor--black + .neighbor--black .margin--large,
.neighbor--black + .neighbor--black .margin--zero,
.neighbor--black + .neighbor--black .section-related,
.neighbor--black + .neighbor--black .section-recent .recent__container__inner:not(.is-hidden),
.neighbor--dark + .neighbor--dark .homepage-page,
.neighbor--dark + .neighbor--dark .homepage-blog,
.neighbor--dark + .neighbor--dark .homepage-logos,
.neighbor--dark + .neighbor--dark .homepage-columns,
.neighbor--dark + .neighbor--dark .homepage-icons,
.neighbor--dark + .neighbor--dark .homepage-product,
.neighbor--dark + .neighbor--dark .homepage-newsletter,
.neighbor--dark + .neighbor--dark .homepage-collection,
.neighbor--dark + .neighbor--dark .homepage-collection-tabs,
.neighbor--dark + .neighbor--dark .homepage-collection-grid,
.neighbor--dark + .neighbor--dark .margin--small,
.neighbor--dark + .neighbor--dark .margin--medium,
.neighbor--dark + .neighbor--dark .margin--large,
.neighbor--dark + .neighbor--dark .margin--zero,
.neighbor--dark + .neighbor--dark .section-related,
.neighbor--dark + .neighbor--dark .section-recent .recent__container__inner:not(.is-hidden) {
padding-top: 0px;
}
.neighbor--white + .neighbor--white .frame,
.neighbor--light + .neighbor--light .frame,
.neighbor--black + .neighbor--black .frame,
.neighbor--dark + .neighbor--dark .frame {
padding-top: 0;
}
/* ================ Section Titles ================ */
.home__subtitle {
font-family: var(--FONT-STACK-ACCENT);
font-weight: var(--FONT-WEIGHT-ACCENT);
font-style: var(--FONT-STYLE-ACCENT);
text-transform: uppercase;
letter-spacing: 1px;
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
font-size: calc(13.144256px * var(--FONT-ADJUST-ACCENT) );
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
color: var(--text);
text-align: center;
padding-bottom: var(--inner);
margin-bottom: var(--gutter);
position: relative;
}
.home__subtitle .strong, .home__subtitle.strong {
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
}
.home__subtitle::after {
content: "";
margin: auto;
width: 30px;
height: 3px;
position: absolute;
bottom: 0;
background: var(--text-dark);
opacity: 0.2;
}
.home__subtitle::after {
left: 0;
right: 0;
}
.align--middle-left .home__subtitle:after {
right: unset;
}
.align--middle-right .home__subtitle:after {
left: unset;
}
.palette--dark .home__subtitle::after {
background: #FFF;
}
/* no margin on the text above buttons. */
.hero__content__wrapper .rte p:last-child {
margin-bottom: 0;
}
.home--uppercase {
font-family: var(--FONT-STACK-ACCENT);
font-weight: var(--FONT-WEIGHT-ACCENT);
font-style: var(--FONT-STYLE-ACCENT);
text-transform: uppercase;
letter-spacing: 1px;
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
font-size: calc(13.144256px * var(--FONT-ADJUST-ACCENT) );
color: var(--text);
}
.home--uppercase .strong, .home--uppercase.strong {
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
}
.hero__kicker {
font-family: var(--FONT-STACK-ACCENT);
font-weight: var(--FONT-WEIGHT-ACCENT);
font-style: var(--FONT-STYLE-ACCENT);
text-transform: uppercase;
letter-spacing: 1px;
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
font-size: calc(13.144256px * var(--FONT-ADJUST-ACCENT) );
margin: 0;
}
.hero__kicker .strong, .hero__kicker.strong {
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
}
.hero__title {
margin: 0;
}
.hero__description,
.hero__description p {
margin: 0;
font-size: calc(18.3020620544px * var(--FONT-ADJUST-BODY));
}
@media (min-width: 480px) {
.hero__description,
.hero__description p {
font-size: calc(
(
18.3020620544px +
3.3196032512 *
(100vw - 480px) /
920
) * var(--FONT-ADJUST-BODY)
);
}
}
@media (min-width: 1400px) {
.hero__description,
.hero__description p {
font-size: calc(21.6216653056px * var(--FONT-ADJUST-BODY));
}
}
.hero__description a,
.hero__description p a {
text-decoration: underline;
}
.hero__description a:hover,
.hero__description p a:hover {
text-decoration: none;
}
.hero__kicker + .hero__title {
margin: 0.25rem 0 0 0;
}
.hero__title + .hero__description {
margin: 0.5rem 0 0 0;
}
/* Button spacing */
.hero__kicker + .hero__btn, .hero__kicker + .hero__cta__wrapper,
.hero__description + .hero__btn,
.hero__description + .hero__cta__wrapper,
.hero__title + .hero__btn,
.hero__title + .hero__cta__wrapper {
display: inline-block;
margin-top: 1.35rem;
}
.hero__cta__wrapper {
display: flex;
align-items: center;
}
@media only screen and (max-width: 479px) {
.hero__cta__wrapper {
flex-direction: column;
}
}
.hero__btn + .hero__btn,
.caps--link + .hero__btn,
.hero__btn + .caps--link {
margin-left: 15px;
}
@media only screen and (max-width: 479px) {
.hero__btn + .hero__btn,
.caps--link + .hero__btn,
.hero__btn + .caps--link {
margin-top: 1.35rem;
}
}
.hero__cta__wrapper:not(:last-child:first-child) .hero__btn + .hero__btn,
.hero__cta__wrapper:not(:last-child:first-child) .caps--link + .hero__btn,
.hero__cta__wrapper:not(:last-child:first-child) .hero__btn + .caps--link {
margin: 1.35rem 0 0;
}
.align--top-right .hero__cta__wrapper,
.align--middle-right .hero__cta__wrapper,
.align--bottom-right .hero__cta__wrapper {
justify-content: flex-end;
}
@media only screen and (max-width: 479px) {
.align--top-right .hero__cta__wrapper,
.align--middle-right .hero__cta__wrapper,
.align--bottom-right .hero__cta__wrapper {
align-items: flex-end;
}
}
.align--top-center .hero__cta__wrapper,
.align--middle-center .hero__cta__wrapper,
.align--bottom-center .hero__cta__wrapper {
justify-content: center;
}
.align--top-left .hero__cta__wrapper,
.align--middle-left .hero__cta__wrapper,
.align--bottom-left .hero__cta__wrapper {
justify-content: flex-start;
}
@media only screen and (max-width: 479px) {
.align--top-left .hero__cta__wrapper,
.align--middle-left .hero__cta__wrapper,
.align--bottom-left .hero__cta__wrapper {
align-items: flex-start;
}
}
/*=== Text sections ===*/
.text__standard {
color: var(--text);
}
@media only screen and (max-width: 767px) {
.text__standard {
padding-top: 10px;
padding-bottom: 10px;
}
}
.text__standard *:last-child {
margin-bottom: 0;
}
.standard__heading:first-child {
margin-top: 0;
}
.standard__kicker {
font-family: var(--FONT-STACK-ACCENT);
font-weight: var(--FONT-WEIGHT-ACCENT);
font-style: var(--FONT-STYLE-ACCENT);
/* text-transform: uppercase; */
letter-spacing: 1px;
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
color: var(--text);
margin: 0;
}
.standard__kicker .strong, .standard__kicker.strong {
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
}
.standard__kicker.caps-true {
text-transform: uppercase;
}
.standard__kicker.caps-false {
text-transform: none;
}
.standard__kicker:not(.standard__kicker--set) {
font-size: calc(13.144256px * var(--FONT-ADJUST-ACCENT) );
}
.standard__heading--set p,
.standard__kicker--set p,
.standard__rte--set p {
font-size: inherit;
margin-top: 0;
}
.kicker__line {
padding-bottom: var(--inner);
margin-bottom: var(--gutter);
position: relative;
}
.kicker__line::after {
content: "";
margin: auto;
width: 30px;
height: 3px;
position: absolute;
bottom: 0;
background: var(--text-dark);
opacity: 0.2;
}
.kicker__line::after {
left: 0;
}
.text-center .kicker__line::after {
right: 0;
}
.text-right .kicker__line::after {
left: auto;
right: 0;
}
.standard__heading a,
.standard__kicker a {
text-decoration: underline;
}
.standard__heading a:hover,
.standard__kicker a:hover {
text-decoration: none;
}
.standard__heading strong,
.standard__kicker strong {
font-weight: 700;
}
.standard__heading,
.standard__heading p {
font-family: var(--FONT-STACK-HEADING);
font-weight: var(--FONT-WEIGHT-HEADING);
font-style: var(--FONT-STYLE-HEADING);
letter-spacing: var(--FONT-HEADING-SPACE);
text-transform: var(--FONT-HEADING-CAPS);
line-height: 1.15;
}
.standard__kicker,
.standard__heading,
.standard__rte,
.standard__cta,
.standard__icon,
.standard__image {
margin-bottom: var(--line);
}
.standard__heading.font--2 {
font-size: calc(18.3020620544px * var(--FONT-ADJUST-HEADING));
}
@media (min-width: 480px) {
.standard__heading.font--2 {
font-size: calc(
(
18.3020620544px +
3.3196032512 *
(100vw - 480px) /
920
) * var(--FONT-ADJUST-HEADING)
);
}
}
@media (min-width: 1400px) {
.standard__heading.font--2 {
font-size: calc(21.6216653056px * var(--FONT-ADJUST-HEADING));
}
}
.standard__heading.font--3 {
font-size: calc(21.5964332242px * var(--FONT-ADJUST-HEADING));
}
@media (min-width: 480px) {
.standard__heading.font--3 {
font-size: calc(
(
21.5964332242px +
4.7819984486 *
(100vw - 480px) /
920
) * var(--FONT-ADJUST-HEADING)
);
}
}
@media (min-width: 1400px) {
.standard__heading.font--3 {
font-size: calc(26.3784316728px * var(--FONT-ADJUST-HEADING));
}
}
.standard__heading.font--4 {
font-size: calc(25.4837912045px * var(--FONT-ADJUST-HEADING));
}
@media (min-width: 480px) {
.standard__heading.font--4 {
font-size: calc(
(
25.4837912045px +
6.6978954363 *
(100vw - 480px) /
920
) * var(--FONT-ADJUST-HEADING)
);
}
}
@media (min-width: 1400px) {
.standard__heading.font--4 {
font-size: calc(32.1816866409px * var(--FONT-ADJUST-HEADING));
}
}
.standard__heading.font--5 {
font-size: calc(30.0708736214px * var(--FONT-ADJUST-HEADING));
}
@media (min-width: 480px) {
.standard__heading.font--5 {
font-size: calc(
(
30.0708736214px +
9.1907840805 *
(100vw - 480px) /
920
) * var(--FONT-ADJUST-HEADING)
);
}
}
@media (min-width: 1400px) {
.standard__heading.font--5 {
font-size: calc(39.2616577018px * var(--FONT-ADJUST-HEADING));
}
}
.standard__heading.font--6 {
font-size: calc(35.4836308732px * var(--FONT-ADJUST-HEADING));
}
@media (min-width: 480px) {
.standard__heading.font--6 {
font-size: calc(
(
35.4836308732px +
12.415591523 *
(100vw - 480px) /
920
) * var(--FONT-ADJUST-HEADING)
);
}
}
@media (min-width: 1400px) {
.standard__heading.font--6 {
font-size: calc(47.8992223962px * var(--FONT-ADJUST-HEADING));
}
}
.standard__rte.columns--2 p:first-of-type,
.standard__rte.columns--3 p:first-of-type {
margin-top: 0;
}
.standard__rte.font--2 p, .standard__rte.font--2 td {
font-size: calc(13.144256px * var(--FONT-ADJUST-BODY));
}
@media (min-width: 480px) {
.standard__rte.font--2 p, .standard__rte.font--2 td {
font-size: calc(
(
13.144256px +
1.382528 *
(100vw - 480px) /
920
) * var(--FONT-ADJUST-BODY)
);
}
}
@media (min-width: 1400px) {
.standard__rte.font--2 p, .standard__rte.font--2 td {
font-size: calc(14.526784px * var(--FONT-ADJUST-BODY));
}
}
.standard__rte.font--3 p, .standard__rte.font--3 td {
font-size: calc(15.51022208px * var(--FONT-ADJUST-BODY));
}
@media (min-width: 480px) {
.standard__rte.font--3 p, .standard__rte.font--3 td {
font-size: calc(
(
15.51022208px +
2.2124544 *
(100vw - 480px) /
920
) * var(--FONT-ADJUST-BODY)
);
margin-bottom: 0;
}
body, input, textarea, button, select, .popout__toggle {line-height: 1;}
}
@media (max-width: 480px) {
.standard__rte.font--3 p, .standard__rte.font--3 td {
font-size: calc(
(
13.51022208px +
2.2124544 *
(100vw - 480px) /
920
) * var(--FONT-ADJUST-BODY)
);
}
}
@media (min-width: 1400px) {
.standard__rte.font--3 p, .standard__rte.font--3 td {
font-size: calc(17.72267648px * var(--FONT-ADJUST-BODY));
}
}
.standard__rte.font--4 p, .standard__rte.font--4 td {
font-size: calc(18.3020620544px * var(--FONT-ADJUST-BODY));
}
@media (min-width: 480px) {
.standard__rte.font--4 p, .standard__rte.font--4 td {
font-size: calc(
(
18.3020620544px +
3.3196032512 *
(100vw - 480px) /
920
) * var(--FONT-ADJUST-BODY)
);
}
}
@media (min-width: 1400px) {
.standard__rte.font--4 p, .standard__rte.font--4 td {
font-size: calc(21.6216653056px * var(--FONT-ADJUST-BODY));
}
}
.standard__rte.font--5 p, .standard__rte.font--5 td {
font-size: calc(21.5964332242px * var(--FONT-ADJUST-BODY));
}
@media (min-width: 480px) {
.standard__rte.font--5 p, .standard__rte.font--5 td {
font-size: calc(
(
21.5964332242px +
4.7819984486 *
(100vw - 480px) /
920
) * var(--FONT-ADJUST-BODY)
);
}
}
@media (min-width: 1400px) {
.standard__rte.font--5 p, .standard__rte.font--5 td {
font-size: calc(26.3784316728px * var(--FONT-ADJUST-BODY));
}
}
.standard__rte.font--6 p, .standard__rte.font--6 td {
font-size: calc(25.4837912045px * var(--FONT-ADJUST-BODY));
}
@media (min-width: 480px) {
.standard__rte.font--6 p, .standard__rte.font--6 td {
font-size: calc(
(
25.4837912045px +
6.6978954363 *
(100vw - 480px) /
920
) * var(--FONT-ADJUST-BODY)
);
}
}
@media (min-width: 1400px) {
.standard__rte.font--6 p, .standard__rte.font--6 td {
font-size: calc(32.1816866409px * var(--FONT-ADJUST-BODY));
}
}
.standard__cta.btn--small,
.standard__cta.btn--medium,
.standard__cta.btn--large,
.standard__cta.btn--long {
display: inline-block;
margin-top: 1rem;
}
.standard__cta.caps--link {
display: inline-block;
margin: var(--btn-top) 0;
line-height: 1;
padding: 5px 0;
border: 1px solid #fff;
padding: 1rem 2.4rem;
border-radius: 50px;
}
.standard__cta + .standard__cta,
.standard__cta + .standard__icon,
.standard__icon + .standard__cta {
margin-left: 12px;
/* margin-bottom: var(--line); */
}
.columns--2 {
columns: 2 180px;
column-gap: var(--gutter);
}
.columns--3 {
columns: 3 180px;
column-gap: var(--gutter);
}
.columns--4 {
columns: 4 180px;
column-gap: var(--gutter);
}
.standard__rte p {
display: block;
/* margin-left: auto;
margin-right: auto; */
}
.standard__rte p a {
text-decoration: underline;
}
.standard__rte p a:hover {
text-decoration: none;
}
.standard__rte p + p {
margin-top: 0.75em;
}
.text-justify {
text-align: justify;
text-justify: inter-word;
}
.standard__rte ul {
list-style: disc;
margin-block-start: 1em;
margin-block-end: 1em;
padding-inline-start: 40px;
}
.standard__icon {
overflow: hidden;
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
width: 66px;
height: 66px;
border-radius: 50%;
margin-bottom: var(--line);
vertical-align: middle;
}
.standard__icon:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--stroke);
opacity: 0.25;
}
.standard__icon svg {
width: 40%;
height: 40%;
}
.standard__icon svg path,
.standard__icon svg g,
.standard__icon svg circle {
fill: none !important;
stroke: var(--stroke) !important;
}
.text-center .standard__image {
margin-left: auto;
margin-right: auto;
}
.text-right .standard__image {
margin-left: auto;
}
/* ============================================================================
#Colors
--STATIC vars have capital letters vs --dynamic vars have lowercase letters
============================================================================== */
.palette--light,
:root {
--bg: var(--COLOR-BG);
--bg-accent: var(--COLOR-BG-ACCENT);
--text-dark: var(--COLOR-TEXT-DARK);
--text: var(--COLOR-TEXT);
--text-light: var(--COLOR-TEXT-LIGHT);
--hover: var(--COLOR-A95);
--muted: var(--COLOR-A35);
--border: var(--COLOR-A20);
--hairline: var(--COLOR-A5);
--hairline-hover: var(--COLOR-A10);
--contrast: #000;
--primary: var(--COLOR-PRIMARY);
--primary-fade: var(--COLOR-PRIMARY-FADE);
--secondary: var(--COLOR-SECONDARY);
--secondary-fade: var(--COLOR-SECONDARY-FADE);
}
.palette--dark,
body.default--dark {
--bg: var(--INVERSE-BG);
--bg-accent: var(--INVERSE-BG-ACCENT);
--text-dark: var(--INVERSE-TEXT-DARK);
--text: var(--INVERSE-TEXT);
--text-light: var(--INVERSE-TEXT-LIGHT);
--hover: var(--INVERSE-A95);
--muted: var(--INVERSE-A35);
--border: var(--INVERSE-A20);
--hairline: var(--INVERSE-A5);
--hairline-hover: var(--INVERSE-A10);
--contrast: #FFF;
--primary: var(--INVERSE-PRIMARY);
--primary-fade: var(--INVERSE-PRIMARY-FADE);
--secondary: var(--INVERSE-SECONDARY);
--secondary-fade: var(--INVERSE-SECONDARY-FADE);
}
.palette--dark,
.palette--light,
.main-content {
color: var(--text);
background-color: var(--bg);
}
.default--accent {
--bg: var(--COLOR-BG-ACCENT);
}
.default--accent--inverse {
--bg: var(--INVERSE-BG-ACCENT);
}
.text--neutral {
--text-dark: var(--COLOR-TEXT-DARK);
--text: var(--COLOR-TEXT);
--text-light: var(--COLOR-TEXT-LIGHT);
}
.text--black {
--text: #000;
--text-light: #000;
--text-dark: #000;
}
.text--primary {
--text: var(--COLOR-PRIMARY);
--text-light: var(--COLOR-PRIMARY);
--text-dark: var(--COLOR-PRIMARY);
}
.text--secondary {
--text: var(--COLOR-SECONDARY);
--text-light: var(--COLOR-SECONDARY);
--text-dark: var(--COLOR-SECONDARY);
}
.text--white {
--text: #FFF;
--text-light: #FFF;
--text-dark: #F7F7F7;
}
.text--invert--primary {
--text: var(--INVERSE-PRIMARY);
--text-light: var(--INVERSE-PRIMARY);
--text-dark: var(--INVERSE-PRIMARY);
}
.text--invert--secondary {
--text: var(--INVERSE-SECONDARY);
--text-light: var(--INVERSE-SECONDARY);
--text-dark: var(--INVERSE-SECONDARY);
}
.text--invert {
--text: var(--INVERSE-A90);
--text-light: var(--INVERSE-A80);
--text-dark: var(--INVERSE-TEXT);
}
.bg--neutral {
--bg: var(--COLOR-BG);
}
.bg--accent {
--bg: var(--COLOR-BG-ACCENT);
}
.bg--invert {
--bg: var(--INVERSE-BG);
}
.bg--invert--accent {
--bg: var(--INVERSE-BG-ACCENT);
}
.bg--white {
--bg: #FFF;
}
.bg--black {
--bg: #000;
}
.bg--primary {
--bg: var(--COLOR-PRIMARY);
}
.bg--secondary {
--bg: var(--COLOR-SECONDARY);
}
.bg--invert--primary {
--bg: var(--INVERSE-PRIMARY);
}
.bg--invert--secondary {
--bg: var(--INVERSE-SECONDARY);
}
/* ================ Heights ================ */
:root {
--full-screen: 100vh;
--three-quarters: 75vh;
--two-thirds: 66vh;
--one-half: 50vh;
--one-third: 33vh;
--one-fifth: 20vh;
--header-height: 100px;
--footer-height: 500px;
--announcement-height: 33px;
--content-full: 90vh;
--content-min: 90vh;
--scrollbar-width: 0;
}
.use_screen_full {
height: var(--full-screen);
}
.use_screen_three_quarters {
height: var(--three-quarters);
}
.use_screen_two_thirds {
height: var(--two-thirds);
}
.use_screen_one_half {
height: var(--one-half);
}
.use_screen_one_third {
height: var(--one-third);
}
.use_screen_one_fifth {
height: var(--one-fifth);
}
.use_pixels_800 {
height: 800px;
}
.use_pixels_650 {
height: 650px;
}
.use_pixels_500 {
height: 500px;
}
/* Shopify Product Reviews */
.product-reviews {
padding: 30px 0;
}
.product-reviews .spr-container {
padding: 0;
margin: 0;
border: none;
}
.product-reviews .spr-summary {
width: 100%;
display: block;
position: relative;
min-height: 80px;
}
.product-reviews .spr-summary-actions {
float: right;
}
.product-reviews .spr-summary-actions-newreview {
display: inline-block;
padding: 0.8rem 1.6rem;
margin: 0;
line-height: 1;
text-decoration: none;
text-align: center;
vertical-align: middle;
border: none;
cursor: pointer;
-webkit-user-select: none;
user-select: none;
-webkit-appearance: none;
-moz-appearance: none;
border-radius: var(--BUTTON-RADIUS);
background-color: rgba(255, 255, 255, 0);
color: var(--text);
border: 1px solid var(--text);
}
@media only screen and (max-width: 479px) {
.product-reviews .spr-summary-actions {
display: block;
margin-top: 35px;
}
}
/* ============================================================================
#Pagination (Including Shopify Product Reviews)
============================================================================== */
.pagination {
margin-bottom: 1em;
}
/* ================ Custom Pagination ================ */
.pagination-custom {
display: inline-block;
padding-left: 0;
margin: 0 0 32px;
border-radius: var(--radius-sm);
}
.pagination-custom > li {
display: inline;
}
.pagination-custom > li:first-child > a,
.pagination-custom > li:first-child > span {
margin-left: 0;
border-bottom-left-radius: var(--radius-sm);
border-top-left-radius: var(--radius-sm);
}
.pagination-custom > li:last-child > a,
.pagination-custom > li:last-child > span {
border-top-right-radius: var(--radius-sm);
border-bottom-right-radius: var(--radius-sm);
}
.pagination-custom > li > a:hover,
.pagination-custom > li > span:hover,
.pagination-custom > li > a:focus,
.pagination-custom > li > span:focus {
color: var(--text-dark);
}
.pagination-custom > .active > a,
.pagination-custom > .active > span,
.pagination-custom > .active > a:hover,
.pagination-custom > .active > span:hover,
.pagination-custom > .active > a:focus,
.pagination-custom > .active > span:focus {
z-index: 2;
cursor: default;
color: var(--text-dark);
font-weight: var(--FONT-WEIGHT-BODY-BOLD);
}
.pagination-custom > .disabled > span,
.pagination-custom > .disabled > a,
.pagination-custom > .disabled > a:hover,
.pagination-custom > .disabled > a:focus {
color: var(--border);
cursor: not-allowed;
}
.pagination-custom .icon {
width: 0.45em;
height: 0.45em;
}
.pagination-custom__arr > a,
.pagination-custom__arr > span {
position: relative;
float: left;
padding: 10px 20px;
line-height: 1.42;
text-decoration: none;
border: 1px solid var(--border);
}
.pagination-custom__num > a,
.pagination-custom__num > span {
position: relative;
float: left;
padding: 10px 20px;
line-height: 1.42;
text-decoration: none;
border-top: 1px solid var(--border);
border-bottom: 1px solid var(--border);
}
.pagination-custom__num.active span:after {
content: "";
width: 50%;
left: 25%;
position: absolute;
bottom: -1px;
height: 1px;
background: var(--text-dark);
}
.pagination-custom__spacer > span {
position: relative;
float: left;
padding: 10px 10px;
line-height: 1.42;
border-top: 1px solid var(--border);
border-bottom: 1px solid var(--border);
}
.pagination-custom__num--dots > span {
padding: 10px 5px;
}
@media only screen and (max-width: 479px) {
.pagination-custom__num--dots > span,
.pagination-custom__spacer > span {
padding: 10px 0;
}
.pagination-custom__num > a,
.pagination-custom__num > span,
.pagination-custom__arr > a,
.pagination-custom__arr > span {
padding: 10px 15px;
}
}
/* ============================================================================
#Pages
============================================================================== */
/* ================ Page ================ */
.homepage-page hr {
width: 75%;
margin-left: 12%;
}
.page__template .rte {
margin-bottom: 0;
}
.page__template .rte *:first-child {
margin-top: 0;
}
.page__template .rte p:last-child {
margin-bottom: 0;
}
/* ================ Policy Page ================ */
body .shopify-policy__container,
body .shopify-email-marketing-confirmation__container {
position: relative;
text-align: left;
margin: 64px auto;
max-width: 670px;
padding: 0px var(--outer);
}
.shopify-policy__title h1,
body .shopify-email-marketing-confirmation__container h1 {
font-size: calc(25.4837912045px * var(--FONT-ADJUST-HEADING));
text-align: center;
margin: 0 0 var(--outer);
}
@media (min-width: 480px) {
.shopify-policy__title h1,
body .shopify-email-marketing-confirmation__container h1 {
font-size: calc(
(
25.4837912045px +
6.6978954363 *
(100vw - 480px) /
920
) * var(--FONT-ADJUST-HEADING)
);
}
}
@media (min-width: 1400px) {
.shopify-policy__title h1,
body .shopify-email-marketing-confirmation__container h1 {
font-size: calc(32.1816866409px * var(--FONT-ADJUST-HEADING));
}
}
body .shopify-email-marketing-confirmation__container {
text-align: center;
}
/* ================ Marketing unsub ================ */
.shopify-email-marketing-confirmation__container p {
font-size: calc(18.3020620544px * var(--FONT-ADJUST-BODY));
}
@media (min-width: 480px) {
.shopify-email-marketing-confirmation__container p {
font-size: calc(
(
18.3020620544px +
3.3196032512 *
(100vw - 480px) /
920
) * var(--FONT-ADJUST-BODY)
);
}
}
@media (min-width: 1400px) {
.shopify-email-marketing-confirmation__container p {
font-size: calc(21.6216653056px * var(--FONT-ADJUST-BODY));
}
}
.shopify-email-marketing-confirmation__container a {
font-size: calc(var(--font-3) * var(--FONT-ADJUST-BODY));
position: relative;
text-decoration: none;
}
.shopify-email-marketing-confirmation__container a:after {
content: "";
right: 0;
position: absolute;
bottom: -1px;
height: 1px;
background: currentColor;
opacity: 0.25;
transition: width 0.2s ease;
}
.shopify-email-marketing-confirmation__container a:after {
width: 100%;
}
.shopify-email-marketing-confirmation__container a:hover:after {
width: 0;
}
/* ============================================================================
#Site Header
============================================================================== */
.header__wrapper {
--bg: rgba(255,255,255, 0.8);
--border: var(--COLOR-NAV-BORDER);
--text: var(--COLOR-NAV-TEXT);
--text-dark: var(--COLOR-NAV-TEXT);
--text-light: var(--COLOR-NAV-TEXT);
--text-transparent: var(--COLOR-NAV-TEXT-TRANSPARENT);
--underline: var(--COLOR-NAV-A10);
}
.theme__header {
position: absolute;
z-index: 5000;
width: 100%;
background-color: white;
color: var(--text);
border-bottom: 1px solid var(--border);
}
.header-override-border .theme__header,
[data-header-transparent=true] .theme__header {
border-bottom: none;
}
.header-override-border .theme__header .header__dropdown,
[data-header-transparent=true] .theme__header .header__dropdown {
border: none;
}
.header-override-border .theme__header .grandparent .header__dropdown,
[data-header-transparent=true] .theme__header .grandparent .header__dropdown {
border-bottom: none;
}
[data-header-transparent=true] .theme__header .parent .header__dropdown {
padding-top: 18px;
}
.header__backfill {
visibility: hidden;
z-index: -1;
position: relative;
}
.header__logo {
margin: 0;
padding: 15px 0;
display: flex;
align-items: center;
justify-content: center;
}
.header__logo img {
font-size: 0;
}
.header__logo__link {
display: block;
text-decoration: none;
color: var(--text);
position: relative;
max-width: 50vw;
}
.header__logo__link img {
height: auto;
}
.header__logo__text {
font-family: var(--FONT-STACK-ACCENT);
font-weight: var(--FONT-WEIGHT-ACCENT);
font-style: var(--FONT-STYLE-ACCENT);
text-transform: uppercase;
letter-spacing: 1px;
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
font-size: calc(21.5964332242px * var(--FONT-ADJUST-ACCENT) );
height: 50px;
display: inline-flex;
justify-content: center;
align-items: center;
padding: 1em 0.5em;
background: var(--COLOR-NAV-TEXT);
color: var(--COLOR-NAV);
}
.header__logo__text .strong, .header__logo__text.strong {
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
}
.header__logo__text span {
max-width: calc(50vw - 1em);
text-align: center;
line-height: 1;
height: auto;
}
.header__logo__text--long.header__logo__text {
font-size: calc(13.144256px * var(--FONT-ADJUST-ACCENT) );
}
@media only screen and (max-width: 767px) {
.header__logo__text--break.header__logo__text {
word-break: break-all;
}
}
.header__mobile {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
.header__mobile__left,
.header__mobile__right {
display: flex;
}
.header__mobile__left {
display: flex;
justify-content: flex-start;
}
.header__mobile__left .header__mobile__button {
display: flex;
justify-content: flex-start;
padding-left: 0px;
}
.header__mobile__right {
display: flex;
justify-content: flex-end;
}
.header__mobile__right .header__mobile__button {
display: flex;
justify-content: flex-end;
padding-right: 0px;
}
.header__mobile__button {
height: 100%;
min-width: 60px;
display: flex;
align-items: center;
align-content: center;
}
.header__desktop {
display: flex;
width: 100%;
justify-content: space-around;
align-items: center;
flex-wrap: nowrap;
}
.header__desktop__bar__l,
.header__desktop__bar__c,
.header__desktop__bar__r {
display: flex;
align-self: stretch;
}
.header__desktop__bar__l {
flex: 1 0 0;
justify-content: flex-start;
}
.header__desktop__bar__c {
flex-grow: 0;
}
.header__desktop__bar__r {
flex: 1 0 0;
justify-content: flex-end;
}
.header__desktop__bar__inline {
display: flex;
align-self: stretch;
height: 100%;
}
.header__desktop__buttons {
display: flex;
}
.header__menu__inner {
display: flex;
height: 100%;
}
.navlink--toplevel,
.header__desktop__button .navlink {
align-items: center;
display: flex;
height: 100%;
}
.header__desktop__button .navlink,
.header__mobile__button {
color: var(--text);
}
.highlight--link {
color: var(--COLOR-HIGHLIGHT-LINK);
}
.navtext {
font-family: var(--FONT-STACK-ACCENT);
font-weight: var(--FONT-WEIGHT-ACCENT);
font-style: var(--FONT-STYLE-ACCENT);
text-transform: uppercase;
letter-spacing: 1px;
font-size: calc(12px * var(--FONT-ADJUST-ACCENT));
white-space: nowrap;
display: block;
}
.navtext .strong, .navtext.strong {
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
}
.navlink {
padding: 5px 10px;
}
.navlink .icon {
height: 30px;
width: 17px;
}
.header__mobile__left .icon,
.header__mobile__right .icon {
height: 30px;
width: 20px;
}
/* Fade out non hovered links */
.navlink--toplevel {
transition: opacity 0.1s linear;
}
.menu__item.is-visible .navlink--toplevel:before {
position: absolute;
top: 0;
left: var(--bar-left);
bottom: 0;
z-index: 2;
width: var(--bar-width);
content: "";
}
.header__menu__inner:hover .menu__item:not(:hover) .navlink--toplevel {
opacity: 0.8;
}
.header__desktop__bar__r > .header__menu__inner, .header__desktop__bar__r > .header__desktop__buttons, .header__desktop__bar__r > .header__desktop__bar__inline {
margin-right: -15px;
}
.header__desktop__bar__l .header__menu__inner {
margin-left: -15px;
}
/* ================ Sticky header ================ */
.js__header__stuck {
position: fixed;
width: 100%;
top: 0;
z-index: 6000;
}
.js__header__stuck .theme__header {
-webkit-backdrop-filter: blur(0px);
backdrop-filter: blur(0px);
transition: background-color 0s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-backdrop-filter 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: backdrop-filter 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: backdrop-filter 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-backdrop-filter 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.js__header__stuck .theme__header:after {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
z-index: -5;
opacity: 0;
transition: opacity 0.2s linear;
background: var(--bg);
}
.js__header__stuck.js__header__stuck__backdrop .theme__header {
/* -webkit-backdrop-filter: blur(10px); */
/* backdrop-filter: blur(10px); */
/* background-color: rgba(255, 255, 255, 0); */
background-color: white;
transition: background-color 0.8s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-backdrop-filter 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: backdrop-filter 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: backdrop-filter 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0.8s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-backdrop-filter 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.js__header__stuck.js__header__stuck__backdrop .theme__header:after {
opacity: 0.7;
transition: opacity 0s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.js__header__stuck.js__header__stuck__backdrop .theme__header:hover:after {
opacity: 1;
}
.js__header__stuck--animated .theme__header {
transform: translateY(-100%);
transition: transform 0.2s linear;
}
.js__header__stuck--animated.js__header__stuck--trigger-animation .theme__header,
.js__header__stuck--trigger-animation .theme__header {
transform: translateY(0px);
transition: transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
/* ================ Icon dot hover ================ */
.header__desktop__buttons--icons .header__desktop__button .navlink {
position: relative;
}
.header__desktop__buttons--icons .header__desktop__button .navlink:after {
content: "";
left: 0;
width: 100%;
padding-bottom: 100%;
position: absolute;
background: var(--text);
border-radius: 100%;
opacity: 0;
transform: scale(0);
transition: opacity 0.7s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.15s linear;
}
.header__desktop__buttons--icons .header__desktop__button .navlink:hover:after {
transform: scale(0.9);
opacity: 0.05;
}
body:not(.theme-animate-hover) .header__desktop__buttons--icons .header__desktop__button .navlink:hover:after {
transform: scale(0);
}
/* ================ Transparent header ================ */
.logo__img {
display: block;
width: 100%;
opacity: 0;
transition: opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.logo__img--transparent {
position: absolute;
top: 0;
height: auto;
opacity: 0;
}
.lazyloaded.logo__img--color {
opacity: 1;
}
[data-header-transparent=true]:not(.meganav--visible) {
--text: var(--text-transparent);
--text-dark: var(--text-transparent);
--text-light: var(--text-transparent);
--underline: var(--text-transparent);
}
[data-header-transparent=true]:not(.meganav--visible) .theme__header {
background-color: rgba(255, 255, 255, 0);
}
[data-header-transparent=true]:not(.meganav--visible) .header__logo--has-transparent .logo__img--color {
opacity: 0;
}
[data-header-transparent=true]:not(.meganav--visible) .header__logo--has-transparent .logo__img--transparent {
opacity: 0;
}
[data-header-transparent=true]:not(.meganav--visible) .header__logo--has-transparent .logo__img--transparent.lazyloaded {
opacity: 1;
transition: opacity 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
[data-header-transparent=true] + .header__backfill {
display: none;
}
/* ================ Large / Small Display Logic ================ */
@media only screen and (max-width: 479px) {
.header__mobile {
display: grid;
}
.header__desktop {
display: none;
}
}
@media only screen and (min-width: 480px) {
.header__desktop {
position: static;
}
.header__mobile {
display: none;
}
}
@media only screen and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) {
.header__desktop {
display: none;
}
.header__mobile {
display: grid;
}
}
.js__header__clone {
position: absolute;
transform: translatey(-5000px);
visibility: hidden;
}
.js__show__mobile .header__mobile,
[data-header-style=drawer] .header__mobile {
display: grid;
}
.js__show__mobile .header__desktop,
[data-header-style=drawer] .header__desktop {
display: none;
}
/* ============================================================================
#Site Nav and Dropdowns
============================================================================== */
.header__dropdown {
--border: var(--COLOR-NAV-BORDER);
color: var(--COLOR-NAV-TEXT);
position: absolute;
top: 100%;
opacity: 0;
background-color: var(--COLOR-NAV);
border-bottom: var(--border);
visibility: hidden;
}
.header__dropdown.is-visible {
opacity: 1;
visibility: visible;
}
.header__dropdown.is-visible:before {
position: absolute;
bottom: 100%;
left: 0;
right: 0;
z-index: 1;
height: calc(var(--menu-height) / 2 - var(--bar-text));
content: "";
}
.navlink--child,
.navlink--grandchild {
margin: 0;
padding: 0;
}
.navlink--child {
font-weight: bold;
}
.header__dropdown__image {
position: relative;
}
/* ============================================================================
#Large Meganav
============================================================================== */
.grandparent .header__dropdown {
width: 100%;
left: 0;
background: var(--bg);
border-bottom: 1px solid var(--border);
}
.grandparent .header__dropdown__inner {
display: grid;
padding: 32px 0;
grid-column-gap: 1.5em;
grid-row-gap: 1.5em;
}
.grandparent .navlink--child {
width: 100%;
border-bottom: 1px solid var(--COLOR-NAV-A10);
padding-bottom: 10px;
display: block;
}
.grandparent .navlink--grandchild {
display: block;
margin-top: 10px;
}
.grandparent.kids-1 .header__dropdown__inner {
grid-template-columns: repeat(2, 1fr);
direction: rtl;
}
.grandparent.kids-2 .header__dropdown__inner {
grid-template-columns: repeat(2, 1fr);
}
.grandparent.kids-3 .header__dropdown__inner {
grid-template-columns: repeat(3, 1fr);
}
.grandparent.kids-4 .header__dropdown__inner {
grid-template-columns: repeat(4, 1fr);
}
.grandparent.kids-5 .header__dropdown__inner {
grid-template-columns: repeat(5, 1fr);
}
.grandparent.kids-6 .header__dropdown__inner {
grid-template-columns: repeat(3, 1fr);
}
.grandparent.kids-7 .header__dropdown__inner {
grid-template-columns: repeat(4, 1fr);
}
.grandparent.kids-8 .header__dropdown__inner {
grid-template-columns: repeat(4, 1fr);
}
.grandparent.kids-9 .header__dropdown__inner {
grid-template-columns: repeat(3, 1fr);
}
.grandparent.kids-10 .header__dropdown__inner,
.grandparent.kids-11 .header__dropdown__inner,
.grandparent.kids-12 .header__dropdown__inner,
.grandparent.kids-13 .header__dropdown__inner,
.grandparent.kids-14 .header__dropdown__inner,
.grandparent.kids-15 .header__dropdown__inner,
.grandparent.kids-16 .header__dropdown__inner,
.grandparent.kids-17 .header__dropdown__inner,
.grandparent.kids-18 .header__dropdown__inner,
.grandparent.kids-19 .header__dropdown__inner,
.grandparent.kids-20 .header__dropdown__inner {
grid-template-columns: repeat(5, 1fr);
}
/* ================ Hover animations ================ */
/* Basic Dropdown */
.menu__item.parent .navlink--child {
opacity: 0;
transform: translateY(-5px);
transition: transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.menu__item.parent .is-visible .navlink--child {
opacity: 1;
transform: translateY(0);
}
/* Basic Meganav */
.menu__item.grandparent .navlink--child {
opacity: 0;
transition: opacity 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.menu__item.grandparent .navlink--grandchild {
opacity: 0;
transform: translateY(-5px);
transition: transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.menu__item.grandparent .is-visible .navlink--child,
.menu__item.grandparent .is-visible .navlink--grandchild {
opacity: 1;
transform: translateY(0);
}
/* Image Meganav */
.menu__item.grandparent .header__dropdown__image,
.menu__item.grandparent .product-grid-item {
opacity: 0;
transform: translateY(-15px);
transition: transform 0.75s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.menu__item.grandparent .is-visible .header__dropdown__image,
.menu__item.grandparent .is-visible .product-grid-item {
opacity: 1;
transform: translateY(0);
}
/* dropdown inner link */
.header__dropdown .navlink .navtext {
transition: color 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
white-space: normal;
}
.header__dropdown .navlink:hover .navtext {
color: var(--primary);
}
.header__dropdown {
opacity: 0;
transition: opacity 0.1s ease-out;
}
.header__dropdown.is-visible {
opacity: 1;
transition: opacity 0.2s ease-out;
}
/* Override visibility on collection bottom image */
.header__dropdown .product-grid-item {
pointer-events: none;
}
.header__dropdown.is-visible .product-grid-item {
pointer-events: auto;
}
/* ================ Hover animations ================ */
.parent .header__dropdown {
border-left: 1px solid var(--border);
border-right: 1px solid var(--border);
border-bottom: 1px solid var(--border);
background: var(--bg);
padding: 6px 32px 18px 32px;
margin-left: -17px;
}
.parent .navlink--child {
padding: 5px 0;
display: block;
}
.hover__bar {
position: absolute;
bottom: var(--bar-bottom);
left: 0;
height: 2px;
z-index: -1;
opacity: var(--bar-opacity);
background-color: var(--underline);
transform: translateX(var(--bar-left));
width: var(--bar-width);
transition: transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s, width 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.navlink[href="#"] {
cursor: default;
}
/* ================ Header cart status ================ */
[data-header-cart-full],
[data-header-cart-count],
[data-header-cart-price] {
display: none;
}
.cart__status__parens [data-header-cart-count]:not([data-header-cart-count="0"]) {
display: inline-block;
}
.header__desktop__buttons--icons .header__cart__status,
.header__mobile__button .header__cart__status {
position: relative;
}
.header__desktop__buttons--icons .header__cart__status [data-header-cart-count],
.header__mobile__button .header__cart__status [data-header-cart-count] {
display: inline-block;
position: absolute !important;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
}
.header__desktop__buttons--icons .header__cart__status [data-header-cart-full=true],
.header__mobile__button .header__cart__status [data-header-cart-full=true] {
display: inline-block;
width: 7px;
height: 7px;
background-color: var(--text);
position: absolute;
top: -15px;
right: 5px;
border-radius: 7px;
z-index: -1;
}
.header__desktop__buttons--icons .header__cart__status [data-header-cart-full=true] {
top: -15px;
right: 4px;
}
.header__desktop__buttons--icons .navlink--cart [data-header-cart-full=true],
.header__mobile__right [data-header-cart-full=true] {
transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.header__desktop__buttons--icons .navlink--cart:hover [data-header-cart-full=true] {
transform: translateY(8px);
}
.header__mobile__right:hover [data-header-cart-full=true] {
transform: translateY(8px);
}
.no-js .menu__item.parent:hover .header__dropdown,
.no-js .menu__item.parent:hover .navlink,
.no-js .menu__item.grandparent:hover .header__dropdown,
.no-js .menu__item.grandparent:hover .navlink {
opacity: 1 !important;
visibility: visible !important;
}
.no-js .navlink--toplevel:focus + .header__dropdown {
opacity: 1 !important;
visibility: visible !important;
}
.no-js .navlink--toplevel:focus + .header__dropdown .navlink {
opacity: 1 !important;
visibility: visible !important;
}
.announcement__wrapper {
position: relative;
overflow: hidden;
z-index: 5500;
}
@media only screen and (max-width: 767px) {
.announcement__wrapper.desktop {
display: none;
}
}
.announcement__wrapper.mobile {
display: none;
}
@media only screen and (max-width: 767px) {
.announcement__wrapper.mobile {
display: block;
}
}
@keyframes ticker {
0% {
transform: translate3d(0, 0, 0);
visibility: visible;
}
100% {
transform: translate3d(-100%, 0, 0);
}
}
.announcement__bar-outer .flickity-button {
display: none;
}
.announcement__bar-outer--high {
transform: translateY(var(--menu-height));
}
[data-header-transparent=true][data-header-sticky=static] + .announcement__bar-outer--high,
[data-header-transparent=true][data-header-sticky=sticky] + .announcement__bar-outer--high {
position: absolute;
z-index: 201;
width: 100%;
background-color: var(--bg);
}
.announcement__bar {
display: flex;
justify-content: space-between;
align-items: center;
text-align: center;
background-color: var(--bg);
color: var(--text);
}
.announcement__bar:not(.desktop):not(.mobile) {
width: 100%;
}
.announcement__bar a:link {
color: inherit;
text-decoration: none;
}
.announcement__bar a:hover {
color: inherit;
text-decoration: none;
}
.announcement__bar .icon {
fill: currentColor;
}
.announcement__bar--error {
display: none;
}
.announcement__bar .cart__message.is-hidden {
visibility: visible;
max-height: none;
padding: 12px;
border: none;
opacity: 1;
}
.announcement__text {
display: flex;
flex-flow: row nowrap;
align-items: center;
}
.announcement__text > * {
font-size: inherit;
}
.announcement__text > div {
display: flex;
align-items: center;
margin: 0 50px;
}
.announcement__text > .mobile {
display: none !important;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.announcement__text > .mobile {
display: flex !important;
}
.announcement__text > .desktop {
display: none !important;
}
}
.announcement__text * {
white-space: nowrap;
}
.announcement__text a {
position: relative;
}
.announcement__text a:after {
content: "";
position: absolute;
left: 50%;
bottom: -3px;
height: 1px;
width: 100%;
transform: translateX(-50%);
box-shadow: 0 -1px 0 0 currentColor;
transition: opacity 0.2s linear;
}
.announcement__text a:hover:after {
opacity: 0.5;
}
.announcement__text .cart-dropdown__message {
padding: 0;
border: none;
font-size: inherit;
}
.announcement__text .cart-dropdown__message circle + circle {
stroke: currentColor;
}
.announcement__text.ticker--animated[data-clone] {
padding-left: 32px;
}
.announcement__text,
.announcement__more,
.announcement__text p,
.rte.icon__bar__paragraph p {
color: var(--text);
font-family: var(--FONT-STACK-ACCENT);
font-weight: var(--FONT-WEIGHT-ACCENT);
font-style: var(--FONT-STYLE-ACCENT);
text-transform: uppercase;
letter-spacing: 1px;
padding-top: 0;
padding-bottom: 0;
margin-top: 0;
margin-bottom: 0;
}
.announcement__text .strong, .announcement__text.strong,
.announcement__more .strong,
.announcement__more.strong,
.announcement__text p .strong,
.announcement__text p.strong,
.rte.icon__bar__paragraph p .strong,
.rte.icon__bar__paragraph p.strong {
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
}
.announcement__text strong,
.announcement__more strong,
.announcement__text p strong,
.rte.icon__bar__paragraph p strong {
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
}
.announcement__font.font--1 .announcement__text,
.announcement__font.font--1 .announcement__more,
.announcement__font.font--1 .announcement__text p,
.announcement__font.font--1 .rte.icon__bar__paragraph p {
font-size: calc(9px * var(--FONT-ADJUST-ACCENT));
}
.announcement__font.font--2 .announcement__text,
.announcement__font.font--2 .announcement__more,
.announcement__font.font--2 .announcement__text p,
.announcement__font.font--2 .rte.icon__bar__paragraph p {
font-size: calc(10px * var(--FONT-ADJUST-ACCENT));
}
.announcement__font.font--3 .announcement__text,
.announcement__font.font--3 .announcement__more,
.announcement__font.font--3 .announcement__text p,
.announcement__font.font--3 .rte.icon__bar__paragraph p {
font-size: calc(12px * var(--FONT-ADJUST-ACCENT));
}
.announcement__font.font--4 .announcement__text,
.announcement__font.font--4 .announcement__more,
.announcement__font.font--4 .announcement__text p,
.announcement__font.font--4 .rte.icon__bar__paragraph p {
font-size: calc(13.144256px * var(--FONT-ADJUST-ACCENT) );
}
.announcement__font.font--5 .announcement__text,
.announcement__font.font--5 .announcement__more,
.announcement__font.font--5 .announcement__text p,
.announcement__font.font--5 .rte.icon__bar__paragraph p {
font-size: calc(15.51022208px * var(--FONT-ADJUST-ACCENT) );
}
.announcement__font.font--6 .announcement__text,
.announcement__font.font--6 .announcement__more,
.announcement__font.font--6 .announcement__text p,
.announcement__font.font--6 .rte.icon__bar__paragraph p {
font-size: calc(18.3020620544px * var(--FONT-ADJUST-ACCENT) );
}
.announcement__font.font--7 .announcement__text,
.announcement__font.font--7 .announcement__more,
.announcement__font.font--7 .announcement__text p,
.announcement__font.font--7 .rte.icon__bar__paragraph p {
font-size: calc(21.5964332242px * var(--FONT-ADJUST-ACCENT) );
}
.announcement__font.font--8 .announcement__text,
.announcement__font.font--8 .announcement__more,
.announcement__font.font--8 .announcement__text p,
.announcement__font.font--8 .rte.icon__bar__paragraph p {
font-size: calc(25.4837912045px * var(--FONT-ADJUST-ACCENT) );
}
.announcement__font.font--9 .announcement__text,
.announcement__font.font--9 .announcement__more,
.announcement__font.font--9 .announcement__text p,
.announcement__font.font--9 .rte.icon__bar__paragraph p {
font-size: calc(30.0708736214px * var(--FONT-ADJUST-ACCENT) );
}
.announcement__font.font--10 .announcement__text,
.announcement__font.font--10 .announcement__more,
.announcement__font.font--10 .announcement__text p,
.announcement__font.font--10 .rte.icon__bar__paragraph p {
font-size: calc(35.4836308732px * var(--FONT-ADJUST-ACCENT) );
}
.announcement__font.font--1 .announcement__bar,
.announcement__font.font--2 .announcement__bar,
.announcement__font.font--3 .announcement__bar,
.announcement__font.font--4 .announcement__bar {
min-height: 36px;
}
.announcement__text .cart__message {
border-bottom: none;
padding-top: 0;
padding-bottom: 0;
margin-top: 0;
margin-bottom: 0;
}
.announcement__text .cart__message [data-left-to-spend] {
font-family: var(--FONT-STACK-ACCENT);
font-weight: var(--FONT-WEIGHT-ACCENT);
font-style: var(--FONT-STYLE-ACCENT);
text-transform: uppercase;
letter-spacing: 1px;
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
}
.announcement__text .cart__message [data-left-to-spend] .strong, .announcement__text .cart__message [data-left-to-spend].strong {
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
}
.announcement__text .cart__graph {
display: none;
}
.announcement__divider {
margin-left: 0.33em;
padding-right: 0.33em;
width: 0;
border-left: 1px solid currentColor;
height: 10%;
}
.announcement__message {
overflow: hidden;
width: 100%;
padding: 0 45px;
font-size: 0;
}
@media only screen and (max-width: 767px) {
.announcement__message {
padding: 0 25px;
}
}
.announcement__scale {
display: inline-flex;
transition: opacity 0.5s linear;
}
.announcement__scale.ticker--unloaded {
width: max-content;
}
html.js [data-announcement-slider]:not(.flickity-enabled) > [data-slide]:not(:first-child) {
display: none;
}
.ticker--animated {
animation-iteration-count: infinite;
animation-timing-function: linear;
animation-name: ticker;
animation-duration: var(--animation-time);
animation-play-state: paused;
display: flex;
width: max-content;
will-change: transform, padding, width;
}
.ticker--animated:hover {
animation-play-state: paused;
}
.flickity-slider > .announcement__bar {
min-height: 100%;
}
.announcement__bar-holder > .announcement__bar:hover .ticker--animated,
.announcement__bar:hover .ticker--animated,
.announcement__bar-holder > .announcement__bar [data-stop] .ticker--animated {
animation-play-state: paused;
}
.announcement__bar-holder > .announcement__bar .ticker--animated,
.is-selected .ticker--animated {
animation-play-state: running;
}
.ticker__comparitor {
position: absolute;
transform: translatey(-5000px);
visibility: hidden;
}
.ie .announcement__bar--error {
display: block;
height: auto;
padding: 12px;
}
.announcement__bar--icon {
white-space: nowrap;
}
.announcement__bar--icon .icon {
width: auto;
height: 1.1em;
margin-top: -0.22em;
}
.announcement__bar--icon .icon__bar__icon {
margin: 0 0.5em 0 0;
}
.announcement__bar--icon .icon__bar__image {
margin: 0.5em;
}
.announcement__bar--icon .icon__bar__text,
.announcement__bar--icon .icon__bar__paragraph {
margin: 0;
}
.icon__bar__icon svg path, .icon__bar__icon svg g, .icon__bar__icon svg circle {
stroke: var(--stroke);
}
.announcement__bar--icon .icon__bar__icon,
.announcement__bar--icon .icon__bar__text {
display: inline-block;
vertical-align: middle;
}
.header__drawer {
--border: var(--COLOR-NAV-A10);
--muted: var(--COLOR-NAV-A50);
--text: var(--COLOR-NAV-TEXT);
--text-light: var(--COLOR-NAV-TEXT);
--text-dark: var(--COLOR-NAV-TEXT);
--outer: 20px;
color: var(--text);
}
.header__drawer .drawer__content {
border: none;
}
.header__drawer__selects {
display: flex;
width: 100%;
margin: 0;
}
.header__drawer__selects .popout-list {
bottom: initial;
top: 100%;
min-width: calc(100% + 1px);
}
.drawer__top {
display: flex;
border-bottom: 1px solid var(--border);
justify-content: space-between;
height: 51px;
}
.drawer__top .icon-arrow-down {
color: var(--muted);
}
.drawer__top__left {
display: flex;
justify-content: flex-start;
height: 50px;
}
.drawer__button {
height: 50px;
color: var(--text);
width: 70px;
padding-right: 20px;
display: flex;
align-items: center;
justify-content: flex-end;
position: relative;
z-index: 2;
}
.drawer__account {
display: flex;
align-items: center;
padding: 0 20px;
margin-right: 20px;
}
/* ============================================================================
Gift Cards
============================================================================== */
/* Gift Card Colors always on a white background */
/* ============================================================================
#Base Styles
============================================================================== */
.template-giftcard,
.template-giftcard body {
background: var(--COLOR-BG);
}
.template-giftcard a,
.template-giftcard body a {
text-decoration: none;
}
.template-giftcard .wrapper, .template-giftcard .wrapper .grandparent .header__dropdown__wrapper, .wrapper .grandparent .template-giftcard .header__dropdown__wrapper {
max-width: 588px;
}
.template-giftcard .wrapper img, .template-giftcard .wrapper .grandparent .header__dropdown__wrapper img, .wrapper .grandparent .template-giftcard .header__dropdown__wrapper img,
.template-giftcard .wrapper object,
.template-giftcard .wrapper .grandparent .header__dropdown__wrapper object,
.wrapper .grandparent .template-giftcard .header__dropdown__wrapper object,
.template-giftcard .wrapper iframe,
.template-giftcard .wrapper .grandparent .header__dropdown__wrapper iframe,
.wrapper .grandparent .template-giftcard .header__dropdown__wrapper iframe {
max-width: 100%;
}
.giftcard-header {
padding: 30px 0;
font-size: 1em;
text-align: center;
animation: fadein 0.5s ease-in-out both 0.4s;
}
.shop-url {
display: none;
}
.giftcard {
animation: slideup 0.8s ease-in-out;
}
.giftcard__border {
background-color: var(--hairline);
border-radius: 4px;
border: 1px solid var(--border);
padding: 1em;
animation: container-slide 0.8s ease-in-out;
}
.giftcard__content {
background-color: #FFF;
color: var(--COLOR-TEXT);
border: 1px solid var(--muted);
border-radius: 3px;
animation: cardslide 0.8s ease-in-out;
}
.giftcard__content::after {
content: "";
display: table;
clear: both;
}
.giftcard__header {
border-bottom: 1px solid var(--border);
padding: 16px;
}
.giftcard__header::after {
content: "";
display: table;
clear: both;
}
.giftcard__title {
text-align: center;
margin-bottom: 0;
}
.giftcard__tag {
display: block;
float: right;
background-color: var(--hairline);
border: 1px solid transparent;
color: #FFF;
padding: 10.6666666667px;
border-radius: 4px;
font-size: 0.75em;
text-transform: uppercase;
letter-spacing: 0.05em;
line-height: 1;
}
.giftcard__tag--active {
background: transparent;
color: var(--COLOR-TEXT);
border: 1px solid var(--COLOR-TEXT-LIGHT);
}
.giftcard__wrap {
position: relative;
margin: 16px 16px 32px;
}
.giftcard__wrap img {
position: relative;
display: block;
border-radius: 10px;
z-index: 2;
}
.giftcard__wrap:before, .giftcard__wrap:after {
content: "";
position: absolute;
width: 47px;
height: 47px;
z-index: 3;
}
.giftcard__wrap:before {
background: url("/cdn/s/assets/gift-card/corner-top-left-2ba3edcd9e97ba146cd01a8161365c5e.svg") 0 0 no-repeat;
top: -1px;
left: -1px;
}
.giftcard__wrap:after {
background: url("/cdn/s/assets/gift-card/corner-bottom-right-1fb9bf49ff9564325e6b7c0fb0a7ff45.svg") 0 0 no-repeat;
bottom: -1px;
right: -1px;
}
.giftcard__code {
position: absolute;
bottom: 32px;
text-align: center;
width: 100%;
z-index: 50;
}
.giftcard__code--medium {
font-size: 0.875em;
}
.giftcard__code--small {
font-size: 0.75em;
}
.giftcard__code__inner {
display: inline-block;
vertical-align: baseline;
background-color: #FFF;
padding: 0.5em;
border-radius: 4px;
max-width: 450px;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}
.giftcard__code--small .giftcard__code__inner {
overflow: auto;
}
.giftcard__code__text {
font-weight: var(--FONT-WEIGHT-BODY);
font-size: 1.875em;
text-transform: uppercase;
border-radius: 2px;
border: 1px dashed var(--border);
padding: 0.4em 0.5em;
display: inline-block;
vertical-align: baseline;
color: #777;
line-height: 1;
}
.disabled .giftcard__code__text {
color: #999;
text-decoration: line-through;
}
.giftcard__amount {
position: absolute;
top: 0;
right: 0;
color: #FFF;
font-size: 2.75em;
line-height: 1.2;
padding: 16px;
z-index: 50;
}
.giftcard__amount strong {
display: block;
text-shadow: 3px 3px 0 rgba(0, 0, 0, 0.1);
}
.giftcard__amount--medium {
font-size: 2em;
}
.tooltip {
display: block;
position: absolute;
top: -50%;
right: 50%;
margin-top: 16px;
z-index: 3;
color: #FFF;
text-align: center;
white-space: nowrap;
animation: popup 0.5s ease-in-out both 0.7s;
}
.tooltip:before {
content: "";
display: block;
position: absolute;
left: 100%;
bottom: 0;
width: 0;
height: 0;
margin-left: -5px;
margin-bottom: -5px;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 5px solid #333;
border-top: 5px solid rgba(51, 51, 51, 0.9);
}
.tooltip__label {
display: block;
position: relative;
right: -50%;
border: none;
border-radius: 4px;
background: #333;
background: rgba(51, 51, 51, 0.9);
min-height: 14px;
font-weight: var(--FONT-WEIGHT-BODY);
font-size: 12px;
text-decoration: none;
line-height: 16px;
text-shadow: none;
padding: 0.5em 0.75em;
margin-left: 0.25em;
}
.tooltip__label small {
text-transform: uppercase;
letter-spacing: 0.1em;
color: #B3B3B3;
font-size: 0.875em;
}
.giftcard__instructions {
text-align: center;
margin: 0 16px 32px;
}
.giftcard__actions {
position: relative;
border-top: 1px solid var(--border);
padding: 32px 16px;
text-align: center;
overflow: hidden;
}
.action-link {
position: absolute;
left: 16px;
top: 50%;
font-size: 0.875em;
font-weight: var(--FONT-WEIGHT-BODY-BOLD);
display: block;
text-transform: uppercase;
letter-spacing: 0.2em;
color: var(--COLOR-TEXT-LIGHT);
margin-top: -10px;
}
.action-link:hover, .action-link:focus {
color: var(--COLOR-TEXT);
}
.action-link__print {
display: inline-block;
vertical-align: baseline;
width: 17px;
height: 17px;
vertical-align: middle;
margin-right: 5px;
opacity: 0.25;
background-image: url("/cdn/s/assets/gift-card/icon-print-164daa1ae32d10d1f9b83ac21b6f2c70.png");
background-repeat: no-repeat;
background-position: 0 0;
}
.svg .action-link__print {
background-image: url("/cdn/s/assets/gift-card/icon-print-6a10b2fb86d223b8c783c9696eaf4c31.svg");
}
.action-link:hover .action-link__print {
opacity: 0.4;
}
.giftcard__footer {
text-align: center;
padding: 64px 0;
animation: fadein 0.5s ease-in-out both 0.4s;
}
.giftcard__icon {
width: 45px;
display: inline-block;
vertical-align: baseline;
}
#QrCode img {
padding: 32px;
border: 1px solid var(--border);
border-radius: 4px;
margin: 0 auto 32px;
}
/* ============================================================================
#Media Queries
============================================================================== */
/* ================ Medium-down width ================ */
@media screen and (max-width: 580px) {
.giftcard {
font-size: 12px;
}
.giftcard-header {
padding: 32px 0;
}
.header-logo {
font-size: 2em;
}
.giftcard__border {
padding: 16px;
}
.giftcard__actions {
padding: 16px;
}
.giftcard__actions .btn {
width: 100%;
padding-left: 0;
padding-right: 0;
}
.action-link {
display: none;
}
}
/* ================ Small width ================ */
@media screen and (max-width: 400px) {
.giftcard__amount strong {
text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);
}
.giftcard__wrap:before,
.giftcard__wrap:after {
display: none;
}
.giftcard__code {
font-size: 0.75em;
}
.giftcard__code--medium {
font-size: 0.65em;
}
.giftcard__code--small {
font-size: 0.55em;
}
}
/* ================ Small height ================ */
@media screen and (max-height: 800px) {
.header-logo img {
max-height: 90px;
}
}
/* ============================================================================
#Print Styles
============================================================================== */
@media print {
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
html,
body {
background-color: #FFF;
}
.giftcard-header {
padding: 10px 0;
}
.giftcard__content,
.giftcard__border {
border: 0 none;
}
.giftcard__actions,
.giftcard__wrap:before,
.giftcard__wrap:after,
.tooltip,
.add-to-apple-wallet {
display: none;
}
.giftcard__title {
float: none;
text-align: center;
}
.giftcard__code__text {
color: #555;
}
.shop-url {
display: block;
}
.logo {
color: #58686F;
}
}
/* ============================================================================
#Keyframe Animations
============================================================================== */
@keyframes slideup {
0% {
opacity: 0;
-webkit-transform: translateY(2000px) rotate(10deg);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0) rotate(0deg);
}
}
@keyframes popup {
0% {
opacity: 0;
-webkit-transform: translateY(30px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-10px);
}
80% {
-webkit-transform: translateY(2px);
}
100% {
-webkit-transform: translateY(0);
}
}
@keyframes container-slide {
0% {
opacity: 0;
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(0deg);
}
}
@keyframes fadein {
0% {
opacity: 0;
}
100% {
opacity: 100;
}
}
.drawer__menu {
--sliderule-height: auto;
position: relative;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
max-height: var(--sliderule-height);
transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.drawer__menu[data-sliderule-pane="0"] {
transform: translateX(0%);
position: relative;
display: block;
height: auto;
}
/* .drawer__menu[data-sliderule-pane="0"]:not(.is-hiding) {
overflow-x: hidden;
} */
.drawer__menu[data-sliderule-pane="0"] .sliderule__panel.is-hiding {
overflow-y: auto;
overflow-x: hidden;
}
.drawer__menu[data-sliderule-pane="0"] .sliderule__panel.is-hiding .sliderule__panel {
overflow-y: hidden;
overflow-x: hidden;
}
.drawer__menu[data-sliderule-pane="1"] {
transform: translateX(-100%);
}
.drawer__menu[data-sliderule-pane="1"].is-hiding .sliderule__panel {
overflow: visible;
}
.drawer__menu[data-sliderule-pane="1"]:not(.is-hiding) .sliderule__panel.is-visible {
overflow-y: auto;
overflow-x: hidden;
}
.drawer__menu[data-sliderule-pane="1"] .sliderule__panel.is-visible .sliderule__panel {
overflow-y: hidden;
overflow-x: hidden;
}
.drawer__menu[data-sliderule-pane="1"] .sliderule__panel .sliderule__panel.is-hiding {
overflow-y: visible;
overflow-x: visible;
height: auto;
}
.drawer__menu[data-sliderule-pane="2"] {
transform: translateX(-200%);
}
.drawer__menu[data-sliderule-pane="2"] .sliderule__panel.is-visible {
overflow-y: visible;
overflow-x: visible;
height: auto;
}
.sliderule__panel {
overflow: hidden;
visibility: hidden;
position: absolute;
top: 0;
left: 100%;
display: flex;
flex-direction: column;
width: 100%;
height: 0;
opacity: 0;
transition: opacity 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.sliderule__panel.is-visible,
.sliderule__panel.is-hiding {
visibility: visible;
opacity: 1;
height: auto;
transition: opacity 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.header__drawer.drawer--visible .drawer__menu > .sliderule__wrapper > [data-animates].is-hidden,
.drawer__menu > .sliderule__wrapper > [data-animates] {
opacity: 0;
transform: translateY(-50%);
transition: opacity 0.35s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.header__drawer.drawer--visible .drawer__menu > .sliderule__wrapper > [data-animates] {
opacity: 1;
transform: translateY(0%);
}
[data-sliderule-pane] [data-animates].is-hidden,
[data-sliderule-pane] [data-animates].is-hidden.is-visible,
[data-sliderule-pane] [data-animates] {
opacity: 0;
transform: translateY(-50%);
transition: opacity 0.35s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
}
[data-sliderule-pane] .is-hiding .sliderow.sliderow__back[data-animates],
[data-sliderule-pane] [data-animates].is-visible {
opacity: 1;
transform: translateY(0%);
}
.sliderule-grid > * {
opacity: 0;
transition: opacity 2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.sliderule-grid > *.is-visible {
opacity: 1;
}
.sliderow {
width: 100%;
min-height: 50px;
display: flex;
align-items: center;
border-bottom: 1px solid var(--border);
background-color: var(--bg);
position: relative;
z-index: 10;
padding: 0;
font-family: var(--FONT-STACK-ACCENT);
font-weight: var(--FONT-WEIGHT-ACCENT);
font-style: var(--FONT-STYLE-ACCENT);
text-transform: uppercase;
letter-spacing: 1px;
font-size: calc(12px * var(--FONT-ADJUST-ACCENT));
}
.sliderow .strong, .sliderow.strong {
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
}
.sliderow__title {
position: absolute;
padding-left: 20px;
padding-right: 34px;
min-height: 50px;
display: flex;
align-items: center;
}
.sliderule__panel .sliderow__title {
padding: 0 34px;
text-align: center;
}
.sliderule__chevron--left {
position: absolute;
left: 20px;
}
.sliderule__chevron--right {
position: absolute;
right: 20px;
}
.sliderule__panel .sliderow {
padding-left: 0px;
}
.sliderule__panel .sliderow .sliderow__title {
justify-content: center;
width: 100%;
}
.sliderule__panel > * {
opacity: 0;
transition: opacity 0.05s ease-out;
}
.sliderule__panel > *:last-child {
margin-bottom: 150px;
}
.sliderule__panel.is-visible > *,
.sliderule__panel.is-hiding > * {
opacity: 1;
transition: opacity 0.2s ease-out;
}
.sliderule__panel.is-hiding {
overflow: visible;
}
@media only screen and (max-width: 479px) {
.js-grid[data-grid-small="1"] {
grid-template-columns: repeat(1, 1fr);
}
.js-grid[data-grid-small="2"] {
grid-template-columns: repeat(2, 1fr);
padding: 0 30px;
}
[data-toggle-grid="3"],
[data-toggle-grid="4"],
[data-toggle-grid="5"],
[data-toggle-grid="6"] {
display: none;
}
}
.sliderule-grid {
display: grid;
margin: 16px;
column-gap: 16px;
row-gap: 16px;
}
.sliderule-grid.blocks-1 {
grid-template-columns: repeat(1, 1fr);
}
.sliderule-grid.blocks-2,
.sliderule-grid.blocks-3,
.sliderule-grid.blocks-4,
.sliderule-grid.blocks-5,
.sliderule-grid.blocks-6,
.sliderule-grid.blocks-7,
.sliderule-grid.blocks-8,
.sliderule-grid.blocks-9,
.sliderule-grid.blocks-10,
.sliderule-grid.blocks-11,
.sliderule-grid.blocks-12,
.sliderule-grid.blocks-13,
.sliderule-grid.blocks-14,
.sliderule-grid.blocks-15,
.sliderule-grid.blocks-16,
.sliderule-grid.blocks-17,
.sliderule-grid.blocks-18,
.sliderule-grid.blocks-19,
.sliderule-grid.blocks-20 {
grid-template-columns: repeat(2, 1fr);
}
/* ================ Generic accordion ================ */
.accordion__wrapper {
border-bottom: 1px solid var(--border);
border-top: 1px solid var(--border);
}
.accordion__wrapper + .accordion__wrapper {
border-top: none;
}
.accordion__title {
font-size: calc(15.51022208px * var(--FONT-ADJUST-ACCENT) );
font-family: var(--FONT-STACK-ACCENT);
font-weight: var(--FONT-WEIGHT-ACCENT);
font-style: var(--FONT-STYLE-ACCENT);
/* text-transform: uppercase; */
letter-spacing: 1px;
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
display: block;
text-align: left;
width: 100%;
position: relative;
padding: 1.5rem 30px 1.5rem 0;
margin: 0;
cursor: pointer;
white-space: normal;
}
.accordion__title .strong, .accordion__title.strong {
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
}
.accordion__title:after {
content: "";
position: absolute;
top: 50%;
right: 5px;
content: "";
display: inline-block;
width: 8px;
height: 8px;
border-width: 0 0 2px 2px;
border-style: solid;
border-color: var(--text-dark);
margin: -4px 0 0;
vertical-align: middle;
transform: rotate(-135deg);
transform-origin: 50% 50%;
transition: all 0.4s;
}
.accordion__title.accordion-is-open:after {
transform: rotate(-45deg);
}
.text-right .accordion__title {
text-align: right;
}
.accordion__title .icon {
width: 16px;
height: 16px;
margin-right: 7px;
vertical-align: middle;
}
.accordion__title .icon path,
.accordion__title .icon g,
.accordion__title .icon circle {
fill: none !important;
stroke: currentColor !important;
}
.accordion__body {
display: none;
overflow: hidden;
padding-bottom: 2rem;
}
.accordion__body p:first-of-type,
.accordion__body h3:first-of-type,
.accordion__body h4:first-of-type,
.accordion__body h5:first-of-type,
.accordion__body h6:first-of-type {
margin-top: 0;
}
.accordion__body.font--2 p {
font-size: calc(13.144256px * var(--FONT-ADJUST-BODY));
}
@media (min-width: 480px) {
.accordion__body.font--2 p {
font-size: calc(
(
13.144256px +
1.382528 *
(100vw - 480px) /
920
) * var(--FONT-ADJUST-BODY)
);
}
}
@media (min-width: 1400px) {
.accordion__body.font--2 p {
font-size: calc(14.526784px * var(--FONT-ADJUST-BODY));
}
}
.accordion__body.font--3 p {
font-size: calc(15.51022208px * var(--FONT-ADJUST-BODY));
}
@media (min-width: 480px) {
.accordion__body.font--3 p {
font-size: calc(
(
15.51022208px +
2.2124544 *
(100vw - 480px) /
920
) * var(--FONT-ADJUST-BODY)
);
}
}
@media (min-width: 1400px) {
.accordion__body.font--3 p {
font-size: calc(17.72267648px * var(--FONT-ADJUST-BODY));
}
}
.accordion__body.font--4 p {
font-size: calc(18.3020620544px * var(--FONT-ADJUST-BODY));
}
@media (min-width: 480px) {
.accordion__body.font--4 p {
font-size: calc(
(
18.3020620544px +
3.3196032512 *
(100vw - 480px) /
920
) * var(--FONT-ADJUST-BODY)
);
}
}
@media (min-width: 1400px) {
.accordion__body.font--4 p {
font-size: calc(21.6216653056px * var(--FONT-ADJUST-BODY));
}
}
.accordion__body.font--5 p {
font-size: calc(21.5964332242px * var(--FONT-ADJUST-BODY));
}
@media (min-width: 480px) {
.accordion__body.font--5 p {
font-size: calc(
(
21.5964332242px +
4.7819984486 *
(100vw - 480px) /
920
) * var(--FONT-ADJUST-BODY)
);
}
}
@media (min-width: 1400px) {
.accordion__body.font--5 p {
font-size: calc(26.3784316728px * var(--FONT-ADJUST-BODY));
}
}
.accordion__body.font--6 p {
font-size: calc(25.4837912045px * var(--FONT-ADJUST-BODY));
}
@media (min-width: 480px) {
.accordion__body.font--6 p {
font-size: calc(
(
25.4837912045px +
6.6978954363 *
(100vw - 480px) /
920
) * var(--FONT-ADJUST-BODY)
);
}
}
@media (min-width: 1400px) {
.accordion__body.font--6 p {
font-size: calc(32.1816866409px * var(--FONT-ADJUST-BODY));
}
}
/*====== Single accordion section ======*/
.accordion-neighbor + .accordion-neighbor .accordion__wrapper {
border-top: none;
}
.section-accordion .accordion__body {
padding-bottom: 1rem;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.section-accordion .section-accordion .accordion__body {
margin-left: var(--gutter-offset);
margin-right: var(--gutter-offset);
}
}
/*====== Inner FAQ block content ======*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
.accordion__grid__wrapper {
overflow: hidden;
}
}
.accordion__grid {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: flex-start;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.accordion__grid {
overflow-x: auto;
overflow-y: hidden;
flex-wrap: nowrap;
padding-bottom: 30px;
margin-bottom: -30px;
-webkit-overflow-scrolling: touch;
}
}
.accordion__block {
width: 45%;
padding: calc(var(--gutter) / 2) 0;
font-size: calc(var(--font-2) * var(--FONT-ADJUST-BODY));
line-height: 1.3;
}
.accordion__block:first-child:last-child {
width: 100%;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.accordion__block {
flex: 0 0 auto;
width: calc(100% - 50px);
padding-left: 15px;
padding-right: 15px;
}
}
.accordion__grid--3 .accordion__block,
.accordion__grid--6 .accordion__block,
.accordion__grid--9 .accordion__block {
width: 30%;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.accordion__grid--3 .accordion__block,
.accordion__grid--6 .accordion__block,
.accordion__grid--9 .accordion__block {
width: calc(100% - 50px);
}
}
.accordion__block-title {
margin-bottom: calc(var(--gutter) / 3);
font-size: calc(13.144256px * var(--FONT-ADJUST-ACCENT) );
font-family: var(--FONT-STACK-ACCENT);
font-weight: var(--FONT-WEIGHT-ACCENT);
font-style: var(--FONT-STYLE-ACCENT);
text-transform: uppercase;
letter-spacing: 1px;
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
}
.accordion__block-title .strong, .accordion__block-title.strong {
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
}
.accordion__block-image + .accordion__block-description {
margin-top: calc(var(--gutter) / 3);
}
.accordion__block-icon .icon__animated {
padding-bottom: calc(var(--inner) / 4);
}
.accordion__block-icon .icon {
height: 25px;
width: 25px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.accordion__block-image {
margin-left: -15px;
margin-right: -15px;
}
}
/* ================ Page FAQ accordions ================ */
.section-faq .standard__kicker {
margin-bottom: var(--inner);
}
/* ================ Cart drawer accordions ================ */
.drawer__accordion {
display: block;
border-top: 1px solid var(--border);
border-bottom: 1px solid var(--border);
width: 100%;
}
.drawer__accordion .accordion__title {
padding: 1rem var(--gutter);
width: 100%;
background: var(--bg);
color: var(--text-dark);
font-family: var(--FONT-STACK-BODY);
font-weight: var(--FONT-WEIGHT-BODY);
font-style: var(--FONT-STYLE-BODY);
font-size: calc(var(--font-3) * var(--FONT-ADJUST-BODY));
text-transform: unset;
letter-spacing: unset;
}
.drawer__accordion .accordion__title:after {
content: "";
display: inline-block;
width: 8px;
height: 8px;
border-width: 0 0 1px 1px;
border-style: solid;
border-color: var(--text);
margin: -4px 0 0;
vertical-align: middle;
transform: rotate(-135deg);
transform-origin: 50% 50%;
transition: all 0.4s;
right: var(--gutter);
}
.drawer__accordion .accordion__title.accordion-is-open:after {
transform: rotate(-45deg);
}
.drawer__accordion .accordion__body {
padding: 0 var(--gutter);
}
.drawer__accordion + .drawer__accordion {
border-top: 1px solid rgba(255, 255, 255, 0);
}
.drawer__notes__input {
margin-top: 10px;
}
/* Product accordion */
.product-accordion .accordion__title {
font-size: calc(12px * var(--FONT-ADJUST-ACCENT));
padding: 1rem 30px 1rem 0;
}
/* ============================================================================
#Tabs
============================================================================== */
.tabs-wrapper {
overflow: hidden;
position: relative;
margin-top: 32px;
}
.tabs__head {
position: relative;
z-index: 2;
overflow: hidden;
}
.tabs__head .tabs {
padding-bottom: 30px;
margin-bottom: -30px;
}
.tabs__head--line .tabs {
padding-bottom: 5px;
margin-bottom: 0;
}
.tabs__head--line:after {
content: "";
position: absolute;
bottom: 5px;
left: 0;
width: 100%;
height: 1px;
background: var(--border);
}
.tabs__arrow {
position: absolute;
top: 50%;
display: block;
width: 26px;
height: 26px;
max-height: none;
margin-top: -17px;
border-radius: 0;
background: none;
box-shadow: none;
transition: all 0.2s;
}
.tabs__arrow:before {
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 200%;
transform: translateY(-50%);
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, var(--bg) 20%);
content: "";
}
.tabs__arrow--alt {
z-index: 10;
margin-top: -15px;
background: none;
}
.tabs__arrow--alt:before {
height: 42px;
}
.tabs__arrow--alt.tabs__arrow--next:before {
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, var(--bg) 40%);
}
.tabs__arrow--alt.tabs__arrow--prev:before {
background: linear-gradient(to left, var(--bg) 40%, rgba(255, 255, 255, 0) 100%);
}
.tabs__arrow:after {
content: "";
display: inline-block;
width: 8px;
height: 8px;
border-width: 0 0 2px 2px;
border-style: solid;
border-color: currentColor;
margin: -4px 0 0;
vertical-align: middle;
transform: rotate(-135deg);
transform-origin: 50% 50%;
transition: all 0.4s;
}
.tabs__arrow--prev {
left: 0;
transform: scale(-1, 1);
}
.tabs__arrow--next {
right: 0;
}
.tabs {
display: block;
overflow-x: auto;
white-space: nowrap;
margin: 0px 0px 0px 0px;
padding: 0px;
list-style: none;
position: relative;
scrollbar-width: none;
-ms-overflow-style: none;
}
.tabs::-webkit-scrollbar {
width: 0;
height: 0;
}
.tabs--center {
text-align: center;
}
.tab-link {
background: none;
color: var(--text-light);
display: inline-block;
padding: 10px 0px;
margin: 0 40px 0 0;
font-weight: var(--FONT-WEIGHT-BODY);
cursor: pointer;
vertical-align: bottom;
border-bottom: 3px solid transparent;
}
.tab-link--alt {
font-weight: var(--FONT-WEIGHT-BODY-MID);
position: relative;
z-index: 2;
}
/* .tab-link--alt:hover {
color: var(--text-dark);
}
.tab-link--alt:after {
content: "";
margin: auto;
width: 100%;
height: 3px;
position: absolute;
bottom: -2px;
left: 0;
background: var(--border);
transform: scaleX(0);
transform-origin: 100% 50%;
transition: transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.tab-link.current {
border-bottom-color: var(--border);
color: var(--text-dark);
font-weight: var(--FONT-WEIGHT-BODY-MID);
}
.tab-link--alt.current {
color: var(--text-dark);
border-bottom-color: transparent;
}
.tab-link--alt.current:after {
transform: scaleX(1);
transform-origin: 0px 50%;
} */
.tab-link .icon {
width: 16px;
height: 16px;
margin-right: 7px;
vertical-align: middle;
}
.tab-link .icon path,
.tab-link .icon g,
.tab-link .icon circle {
fill: none !important;
stroke: currentColor !important;
}
.tabs--center > .tab-link {
margin: 0 15px;
}
.tabs--pill > .tab-link {
font-family: var(--FONT-STACK-ACCENT);
font-weight: var(--FONT-WEIGHT-ACCENT);
font-style: var(--FONT-STYLE-ACCENT);
text-transform: uppercase;
letter-spacing: 1px;
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
font-size: calc(12px * var(--FONT-ADJUST-ACCENT));
color: var(--text);
border: none;
padding: 6px 16px;
border-radius: 100px;
margin: 0;
}
.tabs--pill > .tab-link .strong, .tabs--pill > .tab-link.strong {
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
}
.tabs--pill > .tab-link.current {
border: 1px solid black;
color: var(--text);
background-color: var(--hairline);
}
.tab-content {
visibility: hidden;
position: absolute;
top: 0;
width: 100%;
opacity: 0;
padding: 5px 15px 15px 0px;
min-height: 6rem;
}
.no-js .tab-content {
visibility: visible;
position: static;
opacity: 1;
display: inherit;
}
.tab-content:not(.current) *, .tab-content:not(.current) {
pointer-events: none !important;
}
.tab-content.current {
visibility: visible;
position: static;
opacity: 1;
display: inherit;
}
/* Product Tabs */
.product-tabs {
max-width: 100%;
}
.product-tabs .tabs {
padding-bottom: 32px;
margin-bottom: -32px;
}
@media only screen and (max-width: 989px) {
.product-tabs .tabs {
padding-right: 16px;
margin-right: -16px;
}
}
.product-tabs .tabs::-webkit-scrollbar {
-webkit-appearance: none;
width: 0;
height: 0;
}
.product-tabs .tab-link {
font-family: var(--FONT-STACK-ACCENT);
font-weight: var(--FONT-WEIGHT-ACCENT);
font-style: var(--FONT-STYLE-ACCENT);
text-transform: uppercase;
letter-spacing: 1px;
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
font-size: calc(12px * var(--FONT-ADJUST-ACCENT));
padding-bottom: 0;
border-bottom-width: 1px;
white-space: normal;
}
.product-tabs .tab-link .strong, .product-tabs .tab-link.strong {
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
}
.product-tabs .tab-link:last-child {
margin-right: 0;
}
.product-tabs .tab-link.current {
border-bottom-color: currentColor;
}
.product-tabs__head {
padding-bottom: 16px;
margin-bottom: -13px;
}
/* Tabs Collections */
.tabs-collections .tabs,
.tabs-collections .tabs-collections__head {
position: relative;
margin: 0 auto;
padding: var(--gutter) 0;
text-align: center;
}
.tabs-collections .tabs-collections__head {
padding-bottom: 0;
}
.tabs-collections .tabs-collections__head .grid__heading {
padding: 0;
}
.tabs-collections .tabs {
display: block;
overflow-x: auto;
white-space: nowrap;
padding-bottom: calc(var(--gutter) * 3);
margin-bottom: calc(var(--gutter) * -1);
}
.tabs-collections .tabs::-webkit-scrollbar {
-webkit-appearance: none;
width: 0;
height: 0;
}
.tabs-collections .tab-link {
padding: 5px;
}
.tabs-collections .tab-content {
padding: 0;
min-height: 0;
}
/* Tabs/Accordion Truncated */
.accordion-content__entry--truncate,
.tab-content__entry--truncate,
.product-description__content--truncate {
display: none;
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.accordion-content__actions,
.tab-content__actions,
.product-description__actions {
display: none;
}
.accordion-content__actions .text-link-default,
.tab-content__actions .text-link-default,
.product-description__actions .text-link-default {
font-style: italic;
}
.accordion-content__actions button,
.tab-content__actions button,
.product-description__actions button {
padding: 0;
}
.tab__scroll,
.accordion-content__holder,
.tab-content__holder {
position: relative;
}
.accordion-content__holder.is-expanded .accordion-content__entry:not(.accordion-content__entry--truncate),
.accordion-content__holder.is-expanded .tab-content__entry:not(.tab-content__entry--truncate),
.accordion-content__holder.is-expanded .product-description__content:not(.product-description__content--truncate),
.tab-content__holder.is-expanded .accordion-content__entry:not(.accordion-content__entry--truncate),
.tab-content__holder.is-expanded .tab-content__entry:not(.tab-content__entry--truncate),
.tab-content__holder.is-expanded .product-description__content:not(.product-description__content--truncate),
.product-description__holder.is-expanded .accordion-content__entry:not(.accordion-content__entry--truncate),
.product-description__holder.is-expanded .tab-content__entry:not(.tab-content__entry--truncate),
.product-description__holder.is-expanded .product-description__content:not(.product-description__content--truncate) {
display: none;
}
.accordion-content__holder.is-expanded .accordion-content__entry--truncate,
.accordion-content__holder.is-expanded .tab-content__entry--truncate,
.accordion-content__holder.is-expanded .product-description__content--truncate,
.tab-content__holder.is-expanded .accordion-content__entry--truncate,
.tab-content__holder.is-expanded .tab-content__entry--truncate,
.tab-content__holder.is-expanded .product-description__content--truncate,
.product-description__holder.is-expanded .accordion-content__entry--truncate,
.product-description__holder.is-expanded .tab-content__entry--truncate,
.product-description__holder.is-expanded .product-description__content--truncate {
position: relative;
display: block !important;
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.accordion-content__holder.is-expanded .accordion-content__actions,
.accordion-content__holder.is-expanded .tab-content__actions,
.accordion-content__holder.is-expanded .product-description__actions,
.tab-content__holder.is-expanded .accordion-content__actions,
.tab-content__holder.is-expanded .tab-content__actions,
.tab-content__holder.is-expanded .product-description__actions,
.product-description__holder.is-expanded .accordion-content__actions,
.product-description__holder.is-expanded .tab-content__actions,
.product-description__holder.is-expanded .product-description__actions {
display: block;
}
html.js .product-description__holder--truncate:not(.is-expanded):not(.is-visible) {
overflow: hidden;
line-height: 1.6em;
max-height: 12.8em;
/* (Number of lines 8) * (line-height) */
}
/* ============================================================================
#Site Homepage
============================================================================== */
.homepage-collection .product-grid-item {
margin-bottom: 0;
}
.placeholder-svg {
fill: #B4B6B9;
background-color: #F4F4F4;
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
}
.homepage-logos .placeholder-svg {
background-color: #F7F7F7;
display: block;
}
/* ================ Logos ================ */
.logo-bar {
text-align: center;
margin-top: -10px;
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
align-items: center;
margin-left: var(--gutter-offset);
}
.logo-bar__item {
display: inline-block;
vertical-align: middle;
flex: 1;
min-width: 160px;
max-width: 160px;
margin: 10px 0px 10px var(--gutter);
}
@media only screen and (max-width: 479px) {
.logo-bar__item {
min-width: 90px;
}
}
.logo-bar__image {
display: block;
margin: 0 auto;
max-width: 100%;
}
.logo-bar__link {
display: block;
}
/* ================ Map ================ */
.map-section--display-map .map-section__image {
display: none !important;
}
@media only screen and (min-width: 768px) {
.map-section--load-error {
width: 50%;
margin: 0 auto;
}
}
.map-section--load-error .errors {
width: 100%;
}
.map-section__container {
min-height: 100%;
}
.no-js .lazy-image {
display: none;
}
.no-js .homepage-slideshow,
.no-js .section--image:not(.double__block) {
height: auto !important;
}
/* =============== Map Columns =============== */
.homepage-double {
background-color: var(--bg);
}
.homepage-double form {
margin-bottom: 0;
}
.double__block {
position: relative;
overflow: hidden;
}
.double__block .home__subtitle {
text-align: inherit;
margin-bottom: 18px;
}
.double__block .hero__content__wrapper > .wrapper, .double__block .wrapper .grandparent .hero__content__wrapper > .header__dropdown__wrapper, .wrapper .grandparent .double__block .hero__content__wrapper > .header__dropdown__wrapper {
max-width: 526px;
}
.homepage-double .double__block {
height: 100%;
}
.double__block .text-left .home__subtitle::after {
right: initial;
}
.double__block .text-right .home__subtitle::after {
left: initial;
}
@media only screen and (max-width: 479px) {
.homepage-double.use_screen_full {
height: auto !important;
}
.homepage-double.use_screen_full .double__block {
min-height: var(--two-thirds);
}
.homepage-double.use_screen_three_quarters {
height: auto;
}
.homepage-double.use_screen_three_quarters .double__block {
height: var(--one-half);
}
.homepage-double.use_screen_two_thirds {
height: auto;
}
.homepage-double.use_screen_two_thirds .double__block {
height: var(--one-half);
}
.homepage-double.use_screen_one_half {
height: auto;
}
.homepage-double.use_screen_one_half .double__block {
height: var(--one-half);
}
.homepage-double.use_screen_one_third {
height: auto;
}
.homepage-double.use_screen_one_third .double__block {
height: var(--one-third);
}
.homepage-double.use_screen_one_fifth {
height: auto;
}
.homepage-double.use_screen_one_fifth .double__block {
height: var(--one-fifth);
}
}
/* === Hero Scroll == */
.main-content > .shopify-section:not(:first-child) .scroll_icon_wrap {
display: none;
}
.main-content > .shopify-section:first-child .has-scroll-arrow .hero__content__wrapper[class*=align--bottom] {
padding-bottom: 40px;
}
.scroll_icon_wrap {
text-align: center;
position: absolute;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
bottom: 0;
z-index: 400;
}
.scroll_link {
display: flex;
position: absolute;
justify-content: center;
left: 50%;
width: 250px;
margin-left: -125px;
bottom: 0px;
padding-bottom: 20px;
padding-top: 20px;
height: 60px;
color: currentColor;
}
.scroll_link:hover .scroll_icon {
opacity: 1;
}
.scroll_link:focus {
outline: none;
}
.scroll_icon {
position: absolute;
}
.scroll_icon svg {
fill: currentColor;
height: 15px;
width: auto;
}
.bloop {
transform-origin: center bottom;
animation: bloop 1.8s infinite;
}
@keyframes bloop {
from, 20%, 30%, 40%, 50%, 60%, to {
transform: translate3d(0, 0, 0);
}
15% {
animation-timing-function: ease-out;
transform: translate3d(0, -12px, 0);
}
25% {
animation-timing-function: ease-out;
transform: translate3d(0, 6px, 0);
}
35% {
animation-timing-function: ease-out;
transform: translate3d(0, -3px, 0);
}
45% {
animation-timing-function: ease-in;
transform: translate3d(0, 2px, 0);
}
}
/* ============================================================================
# Home slideshow
============================================================================== */
.homepage-slideshow {
position: relative;
}
.slideshow__slide {
width: 100%;
}
.slideshow__slide .wrapper, .slideshow__slide .wrapper .grandparent .header__dropdown__wrapper, .wrapper .grandparent .slideshow__slide .header__dropdown__wrapper {
padding: 0 var(--outer);
max-width: 1244px;
}
.slideshow__slide .hero__content {
position: relative;
z-index: 50;
}
.homepage-slideshow .flickity-enabled.is-draggable .flickity-viewport {
cursor: default;
}
html.js .slideshow__wrapper:not(.flickity-enabled) > .slideshow__slide:not(:first-child) {
display: none;
}
.homepage-slideshow .flickity-page-dots {
position: absolute;
bottom: var(--outer);
right: var(--outer);
}
.homepage-slideshow .flickity-page-dots:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: var(--text);
opacity: 0.5;
z-index: 0;
}
.custom-prev-next-button {
position: absolute;
top: 0;
bottom: 0;
opacity: 0;
padding: 0;
width: 50%;
height: 100%;
z-index: 10;
}
@media only screen and (max-width: 767px) {
.custom-prev-next-button {
width: 0;
}
}
.custom-prev-next-button.previous {
left: 0;
cursor: url("data:image/svg+xml;utf8,") 5 11, auto;
}
.custom-prev-next-button.next {
right: 0;
cursor: url("data:image/svg+xml;utf8,") 15 11, auto;
}
.slideshow__slide[aria-hidden=true] {
touch-action: none;
pointer-events: none;
}
/* ============================================================================
# Index video
============================================================================== */
.video-autoplay-wrapper {
position: absolute;
top: 0;
height: 100%;
width: 100%;
}
.video-autoplay-wrapper video {
height: 100%;
width: 100%;
object-fit: cover;
pointer-events: none;
}
.video-autoplay-wrapper video::-webkit-media-controls {
display: none;
}
/* ================ Play button ================ */
.hero__content .play__button {
padding: 0;
}
.hero__content .play__button .icon {
height: 60px;
width: 60px;
}
.hero__content .play__button:active, .hero__content .play__button:focus {
outline: none;
}
.play__button--text {
padding: 0;
font-family: var(--FONT-STACK-ACCENT);
font-weight: var(--FONT-WEIGHT-ACCENT);
font-style: var(--FONT-STYLE-ACCENT);
text-transform: uppercase;
letter-spacing: 1px;
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
font-size: calc(12px * var(--FONT-ADJUST-ACCENT));
color: var(--text);
}
.play__button--text .strong, .play__button--text.strong {
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
}
.play__button--text .icon {
margin-right: 8px;
height: 33px;
width: 33px;
}
.play__button--text:active, .play__button--text:focus {
outline: none;
}
@media only screen and (max-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (hover: none) {
.homepage-video .hero__content__wrapper,
.homepage-video .image-overlay {
pointer-events: none;
touch-action: none;
}
.homepage-video .video-autoplay-wrapper video,
.homepage-video .hero__content__wrapper a,
.homepage-video .hero__content__wrapper button {
pointer-events: all;
}
}
/* ============================================================================
Collection grid section
============================================================================== */
.collection-grid-item {
position: relative;
width: 100%;
margin-top: 30px;
}
@media only screen and (max-width: 767px) {
.collection-grid-item {
margin-top: 15px;
}
}
/* ============================================================================
Icon-columns
============================================================================== */
@media only screen and (max-width: 479px) {
.grid__item:not(:first-child) .icon__column {
padding-top: 30px;
}
}
@media only screen and (max-width: 767px) {
.grid--slider {
overflow-x: auto;
overflow-y: hidden;
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: flex-start;
margin: 0 var(--gutter-offset);
padding-bottom: 5px;
scrollbar-width: none;
-ms-overflow-style: none;
}
.grid--slider::-webkit-scrollbar {
display: none;
}
.grid--slider .grid__item {
flex: 0 0 auto;
width: 90%;
}
.grid--slider .grid__item:not(:first-child) .icon__column {
padding-top: 0;
}
}
.icon__column {
stroke: var(--text-light);
}
.icon__column__icon {
width: 20px;
height: 20px;
margin-bottom: 15px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
font-size: 0;
}
.icon__column__icon svg {
width: 100%;
height: 100%;
}
.icon__column__icon svg path, .icon__column__icon svg g, .icon__column__icon svg circle {
stroke: var(--stroke);
}
.icon--large .icon__column__icon {
width: 40px;
height: 40px;
}
.icon--medium .icon__column__icon {
width: 30px;
height: 30px;
}
.icon--left .icon__column {
display: flex;
}
.icon--left .icon__column__icon {
flex: 0 0 auto;
margin-left: 20px;
margin-right: 20px;
}
.text-center .icon--top .icon__column__icon {
margin-left: auto;
margin-right: auto;
}
.icon--left.icon--large .icon__column__icon,
.icon--left.icon--medium .icon__column__icon {
display: flex;
align-items: center;
}
.icon__column__text {
overflow: hidden;
}
.icon__column__heading {
font-family: var(--FONT-STACK-ACCENT);
font-weight: var(--FONT-WEIGHT-ACCENT);
font-style: var(--FONT-STYLE-ACCENT);
text-transform: uppercase;
letter-spacing: 1px;
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
font-size: calc(13.144256px * var(--FONT-ADJUST-ACCENT) );
color: var(--text-dark);
margin-bottom: 0;
margin-top: 0;
}
.icon__column__heading .strong, .icon__column__heading.strong {
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
}
.rte.icon__column__paragraph {
margin-bottom: 0;
}
.rte.icon__column__paragraph p {
margin-top: 0.25em;
font-size: calc(13.144256px * var(--FONT-ADJUST-BODY));
color: var(--text-light);
}
@media (min-width: 480px) {
.rte.icon__column__paragraph p {
font-size: calc(
(
13.144256px +
1.382528 *
(100vw - 480px) /
920
) * var(--FONT-ADJUST-BODY)
);
}
}
@media (min-width: 1400px) {
.rte.icon__column__paragraph p {
font-size: calc(14.526784px * var(--FONT-ADJUST-BODY));
}
}
.homepage-icons .clearfix {
padding-bottom: 40px;
}
/* =============== Image Columns =============== */
.index__column {
padding-bottom: 30px;
}
@media only screen and (max-width: 479px) {
.homepage-columns .grid__item:not(:last-child) a.text-link {
margin-bottom: 40px;
}
}
.column__image {
position: relative;
margin-bottom: 20px;
}
.column__image .play__button {
position: absolute;
z-index: 2;
cursor: pointer;
width: 100%;
height: 100%;
top: 0;
bottom: 0;
left: 0;
right: 0;
opacity: 1;
display: flex;
justify-content: center;
align-items: center;
color: currentColor;
}
.column__image .play__button .icon {
fill: currentColor;
width: 60px;
height: 60px;
}
/* ================ Brick layout ================ */
.brick__section {
display: flex;
align-items: stretch;
--menu-height: 100px;
}
@media only screen and (max-width: 767px) {
.brick__section {
flex-direction: column;
height: auto;
}
}
@media only screen and (max-width: 767px) {
.brick__section--reverse {
flex-direction: column-reverse;
}
}
@media only screen and (min-width: 768px) {
.brick--2 .brick__block {
width: 50%;
}
}
.brick__block {
width: 100%;
height: 100%;
position: relative;
}
.brick--border .brick__block {
border: 1px solid var(--border);
}
@media only screen and (min-width: 768px) {
.brick--border:not(.brick--margin) .brick__block + .brick__block {
border-left: none;
}
}
.brick--margin {
margin: var(--outer);
}
@media only screen and (min-width: 768px) {
.brick--margin .brick__block + .brick__block {
margin-left: var(--outer);
}
}
@media only screen and (max-width: 767px) {
.brick--border:not(.brick--margin):not(.brick__section--reverse) .brick__block + .brick__block {
border-top: none;
}
.brick--border.brick__section--reverse:not(.brick--margin) .brick__block + .brick__block {
border-bottom: none;
}
.brick--margin:not(.brick__section--reverse) .brick__block + .brick__block {
margin-top: var(--outer);
}
.brick--margin.brick__section--reverse .brick__block + .brick__block {
margin-bottom: var(--outer);
}
}
.wrapper--brick {
margin-top: var(--outer);
margin-bottom: var(--outer);
}
@media only screen and (min-width: 768px) {
.wrapper--brick {
max-width: 1180px;
margin-left: auto;
margin-right: auto;
}
.wrapper--brick .brick__block:first-child {
margin-left: var(--outer);
}
.wrapper--brick .brick__block:last-child {
margin-right: var(--outer);
}
}
@media only screen and (min-width: 768px) {
.wrapper--brick .hero__content {
max-width: calc(100% - var(--outer));
}
}
@media only screen and (max-width: 767px) {
.wrapper--brick .brick__section:not(.brick--margin) .brick__block {
width: calc(100% - var(--outer) * 2);
margin-left: var(--outer);
margin-right: var(--outer);
}
}
.brick__block__text {
height: 100%;
display: flex;
padding: var(--outer);
align-items: center;
background-color: var(--bg);
}
.brick__block__text.top {
align-items: flex-start;
}
.brick__block__text.bottom {
align-items: flex-end;
}
@media only screen and (max-width: 479px) {
.brick__block__text--slider {
padding: var(--outer) 0 var(--outer) var(--outer);
}
}
.brick__block__text__inner {
width: 100%;
}
.brick--1 .brick__block__text__inner .standard__rte {
margin-left: auto;
margin-right: auto;
max-width: 1180px;
}
.brick__block__meta span {
padding: 0 10px;
}
.brick__block__author img {
display: inline-block;
width: 30px;
height: 30px;
border-radius: 50%;
margin-right: 10px;
vertical-align: middle;
}
@media only screen and (min-width: 768px) {
.brick__block .video-background,
.brick__block .image__hero__frame,
.brick__block__video,
.brick__block__image {
height: 100%;
}
}
.brick__section.image-height .brick__block__image .image__hero__frame,
.brick__section.image-height .brick__block__video {
padding-top: var(--padding-ratio) !important;
}
.brick__section.image-height .brick__block {
height: auto;
}
.brick__section .hero__content {
padding: 0;
}
.brick__block__image,
.brick__block__video,
.brick__block__text {
color: var(--text);
}
.brick__block__product__inner {
width: 100%;
}
.brick__block__product__inner .standard__kicker {
margin-top: 20px;
max-width: 350px;
width: 100%;
margin: 0 auto;
}
.brick__product {
background-color: var(--bg-accent);
padding: var(--inner);
display: block;
max-width: 350px;
margin: var(--outer) auto 0 auto;
}
.brick__product .product-grid-item .product__grid__info {
padding-bottom: 0;
}
.brick__collection {
max-width: 500px;
padding: 0 75px 50px 75px;
margin: 0 auto;
}
@media only screen and (max-width: 479px) {
.brick__collection {
padding: 0;
}
.brick__collection .flickity-button.flickity-prev-next-button {
display: none;
}
}
.brick__collection .brick__product {
background-color: var(--bg-accent);
width: 100%;
margin-right: var(--outer);
}
@media only screen and (max-width: 479px) {
.brick__collection .brick__product {
width: 80%;
}
}
.brick__collection .brick__product .product-grid-item {
width: 100%;
}
.brick__collection .flickity-button.flickity-prev-next-button {
background: var(--bg-accent);
}
.brick__collection .flickity-badge-dots .flickity-page-dots:before {
opacity: 0;
}
.brick__collection .flickity-page-dots {
background: var(--bg-accent);
bottom: 10px;
}
.brick__collection .flickity-page-dots .dot {
background: var(--text);
}
.brick__collection:not(.flickity-enabled) .brick__product:not(:first-child) {
display: none;
}
.text-center .brick__collection .flickity-page-dots {
left: 50%;
transform: translateX(-50%);
}
/* ============================================================================
#Gallery
============================================================================== */
.frame {
padding: var(--outer) 0;
}
.gallery {
list-style: none;
margin: 0;
padding: 0 var(--outer);
}
.gallery::after {
content: "";
display: table;
clear: both;
}
/* We use top and left padding to keep consistent padding
for items within a single section */
.has-padding .gallery {
margin-left: calc(var(--outer) * -1);
padding: 0 var(--outer);
}
.has-padding .gallery__item {
padding-left: var(--outer);
}
.gallery__item {
width: 16.666%;
float: left;
/* These represent min size cutoffs */
}
@media only screen and (min-width: 768px) and (max-width: 989px) {
.gallery__item {
width: 33.33%;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.gallery__item {
width: 50%;
}
}
@media only screen and (max-width: 479px) {
.gallery__item {
width: calc(100% - 32px);
}
}
/* Our galleries handle their own padding */
.frame .wrapper, .frame .wrapper .grandparent .header__dropdown__wrapper, .wrapper .grandparent .frame .header__dropdown__wrapper {
max-width: 1180px;
padding: 0;
}
/* === snippets/image-fill.liquid === */
.image__fill {
position: relative;
display: block;
overflow: hidden;
}
/* === sections/gallery.liquid === */
.gallery__video .play__button,
.gallery__zoom .zoom__trigger {
position: absolute;
z-index: 30;
top: 0;
left: 0;
width: 100%;
height: 100%;
cursor: pointer;
}
.gallery__video .play__button svg {
display: none;
}
.gallery__icon,
.gallery .icon-zoom {
position: absolute;
bottom: 15px;
left: 15px;
z-index: 20;
fill: #FFF;
}
.gallery__icon svg,
.gallery .icon-zoom svg {
fill: #FFF;
}
.frame-blocks-1 .gallery__item {
width: 100%;
}
.frame-blocks-2 .gallery__item {
width: 50%;
}
.frame-blocks-3 .gallery__item {
width: 33.33%;
}
.frame-blocks-4 .gallery__item {
width: 25%;
}
.frame-blocks-5 .gallery__item {
width: 20%;
}
.frame-blocks-6 .gallery__item {
width: 16.666%;
}
@media only screen and (max-width: 989px) {
.frame-blocks-4 .slides-mobile-outer,
.frame-blocks-5 .slides-mobile-outer,
.frame-blocks-6 .slides-mobile-outer {
max-width: none;
overflow: hidden;
}
.frame-blocks-4 .slides-mobile-inner,
.frame-blocks-5 .slides-mobile-inner,
.frame-blocks-6 .slides-mobile-inner {
display: flex;
flex-wrap: nowrap;
overflow-x: auto;
overflow-y: hidden;
padding-bottom: 30px;
margin-bottom: -30px;
}
.frame-blocks-4 .has-padding,
.frame-blocks-5 .has-padding,
.frame-blocks-6 .has-padding {
padding-right: 0px;
}
.frame-blocks-4 .gallery__item,
.frame-blocks-5 .gallery__item,
.frame-blocks-6 .gallery__item {
flex: 0 0 auto;
width: calc(100% - 32px);
}
}
@media only screen and (max-width: 767px) {
.frame-blocks-2 .slides-mobile-outer,
.frame-blocks-3 .slides-mobile-outer {
max-width: none;
overflow: hidden;
}
.frame-blocks-2 .slides-mobile-inner,
.frame-blocks-3 .slides-mobile-inner {
display: flex;
flex-wrap: nowrap;
overflow-x: auto;
overflow-y: hidden;
padding-bottom: 30px;
margin-bottom: -30px;
}
.frame-blocks-2 .has-padding,
.frame-blocks-3 .has-padding {
padding-right: 0px;
}
.frame-blocks-2 .gallery__item,
.frame-blocks-3 .gallery__item {
flex: 0 0 auto;
width: calc(100% - 32px);
}
}
@media only screen and (min-width: 768px) and (max-width: 989px) {
.frame-blocks-4 .gallery__item {
width: 30%;
}
.frame-blocks-5 .gallery__item {
width: 30%;
}
.frame-blocks-6 .gallery__item {
width: 30%;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.frame-blocks-2 .gallery__item {
width: 40%;
}
.frame-blocks-3 .gallery__item {
width: 40%;
}
.frame-blocks-4 .gallery__item {
width: 40%;
}
.frame-blocks-5 .gallery__item {
width: 40%;
}
.frame-blocks-6 .gallery__item {
width: 40%;
}
}
.theme-animate-hover .lazy-image.has-zoom-animation .gallery__icon {
transition: transform 2s cubic-bezier(0, 0, 0.35, 1);
transform: translateX(0);
}
.theme-animate-hover .lazy-image.has-zoom-animation .icon-zoom {
transition: transform 2s cubic-bezier(0, 0, 0.35, 1), opacity 0.2s linear;
transform: translateX(0);
opacity: 0;
}
.theme-animate-hover .lazy-image.has-zoom-animation .background-size-cover {
transition: transform 2s ease-out;
transform: scale(1);
}
.theme-animate-hover .lazy-image.has-zoom-animation:hover .gallery__icon,
.theme-animate-hover .lazy-image.has-zoom-animation:hover .icon-zoom {
transform: translateX(6px);
}
.theme-animate-hover .lazy-image.has-zoom-animation:hover .icon-zoom {
opacity: 1;
}
.theme-animate-hover .lazy-image.has-zoom-animation:hover .background-size-cover {
transform: scale(1.08);
}
.custom__title {
margin: 0;
padding-top: calc(var(--outer) * 0.75);
width: 100%;
}
.border--line > .custom__text {
margin: 0;
padding-top: calc(var(--outer) / 4);
line-height: 1.4;
}
.custom__text {
width: 100%;
padding-right: 10px;
}
.text-right .custom__text {
padding-right: 0;
}
.border--line {
border-top: 1px solid var(--border);
}
.border--line .custom__title {
font-family: var(--FONT-STACK-ACCENT);
font-weight: var(--FONT-WEIGHT-ACCENT);
font-style: var(--FONT-STYLE-ACCENT);
text-transform: uppercase;
letter-spacing: 1px;
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
font-size: calc(12px * var(--FONT-ADJUST-ACCENT));
color: var(--text-light);
}
.border--line .custom__title .strong, .border--line .custom__title.strong {
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
}
.border--line .custom__text {
color: var(--text-light);
}
.border--line .custom__text p {
margin: 0;
font-size: calc(13.144256px * var(--FONT-ADJUST-BODY));
}
@media (min-width: 480px) {
.border--line .custom__text p {
font-size: calc(
(
13.144256px +
1.382528 *
(100vw - 480px) /
920
) * var(--FONT-ADJUST-BODY)
);
}
}
@media (min-width: 1400px) {
.border--line .custom__text p {
font-size: calc(14.526784px * var(--FONT-ADJUST-BODY));
}
}
.border--line .custom__text * + p {
margin-top: 0.5em;
}
.gallery__text {
display: flex;
flex-direction: column;
}
.gallery__item .lookbook__rte {
margin: 0;
padding: 0;
}
/* ============================================================================
#Site Footer
============================================================================== */
.site-footer-wrapper {
--bg: var(--COLOR-FOOTER-BG);
--hairline: var(--COLOR-FOOTER-A5);
--text: var(--COLOR-FOOTER-A90);
--border: var(--COLOR-FOOTER-A15);
--text-dark: var(--COLOR-FOOTER-TEXT);
position: relative;
background-color: var(--bg);
color: var(--text);
text-align: left;
}
.site-footer-wrapper a {
color: var(--text-dark);
}
.site-footer-wrapper a:hover {
text-decoration: none;
}
.site-footer-wrapper .btn--secondary.btn {
--btn-text: var(--text);
--btn-text-hover: var(--text-dark);
--btn-bg: var(--hairline);
--btn-bg-hover: var(--border);
}
.footer-logo-wrapper {
width: 100%;
height: 0px;
top: 0;
display: flex;
justify-content: center;
align-items: center;
max-width: 80%;
margin: 0 auto;
}
.footer-logo img {
display: block;
z-index: 100;
position: relative;
max-width: 120px;
max-height: 80px;
width: auto;
height: auto;
}
.site-footer {
padding-top: 44px;
padding-bottom: 16px;
}
.footer-quicklinks li {
margin: 0 0 30px 0;
font-size: 18px;
}
@media screen and (max-width: 768px){
.footer-quicklinks li {
margin: 0 0 15px 0;}
}
.footer__title {
position: relative;
padding-bottom: 10px;
border-bottom: 1px solid #fff;
margin-bottom: 20px;
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
}
.footer__title .icon {
display: none;
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
transition: transform 0.3s;
}
.footer__title.accordion-is-open .icon {
transform: translateY(-50%) rotate(90deg);
}
@media only screen and (max-width: 767px) {
.footer__title {
margin: 0;
padding: 20px 0;
}
.grid__item:first-child .footer__title {
border-top: 1px solid var(--border);
}
.footer__title .icon {
display: block;
}
}
.footer-secondary a,
.footer-quicklinks a {
position: relative;
text-decoration: none;
}
.footer-secondary a:after,
.footer-quicklinks a:after {
content: "";
right: 0;
position: absolute;
bottom: -1px;
height: 1px;
background: currentColor;
opacity: 0.25;
transition: width 0.2s ease;
}
.footer-secondary a:after,
.footer-quicklinks a:after {
left: 0;
width: 0;
}
.footer-secondary a:hover:after,
.footer-quicklinks a:hover:after {
width: 100%;
}
.footer-secondary {
font-family: var(--FONT-STACK-ACCENT);
font-weight: var(--FONT-WEIGHT-ACCENT);
font-style: var(--FONT-STYLE-ACCENT);
text-transform: uppercase;
letter-spacing: 1px;
font-size: calc(12px * var(--FONT-ADJUST-ACCENT));
}
.footer-secondary .strong, .footer-secondary.strong {
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
}
.footer-secondary-wrapper {
text-align: center;
position: relative;
margin: 20px 0 0;
}
/* .footer-secondary,
.footer-payment {
margin-bottom: 0;
margin-top: 0;
} */
.footer-social {
padding: 0;
margin-top: 10px;
}
.footer-social,
.footer-payment {
font-family: var(--FONT-STACK-ACCENT);
font-weight: var(--FONT-WEIGHT-ACCENT);
font-style: var(--FONT-STYLE-ACCENT);
text-transform: uppercase;
letter-spacing: 1px;
font-size: calc(12px * var(--FONT-ADJUST-ACCENT));
margin-bottom: 0px;
display: inline-block;
}
.footer-social .strong, .footer-social.strong,
.footer-payment .strong,
.footer-payment.strong {
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
}
.footer-social a,
.footer-payment a {
text-decoration: none;
}
.footer-secondary,
.footer-social,
.footer-payment,
.footer-selects {
display: block;
width: 100%;
}
@media only screen and (max-width: 767px) {
.footer-secondary,
.footer-social,
.footer-payment,
.footer-selects {
margin: 15px 0 0 0;
}
}
.footer-secondary li {
margin: 10px 15px;
}
.footer-social li {
margin: 10px;
}
.footer-payment li {
margin: 10px;
}
@media only screen and (max-width: 767px) {
.footer-social li,
.footer-payment li,
.footer-secondary li {
margin: 5px;
}
.site-footer {
padding-bottom: 32px;
padding-left: 40px;
padding-right: 40px;
}
.site-footer-wrapper .rte,
.footer-quicklinks {
/* padding: 10px 0 10px; */
margin: 0;
}
}
.payment-icon {
width: 35px;
height: 22px;
}
.social-icons li {
margin: 0 8px 16px;
vertical-align: middle;
text-align: center;
}
@media only screen and (max-width: 767px) {
.social-icons li {
margin: 0 16px 16px;
}
}
.social-icons li a {
display: flex;
justify-content: center;
align-items: center;
width: 20px;
height: 20px;
}
.social-icons li img {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
vertical-align: middle;
}
.social-icons li svg {
width: 100%;
height: 100%;
}
.social-icons li svg path {
fill: var(--COLOR-FOOTER-A90);
}
.social-icons li a:hover path {
fill: var(--COLOR-FOOTER-TEXT);
}
.js-grid {
display: grid;
column-gap: var(--gutter);
row-gap: var(--gutter);
}
.js-grid > * {
min-width: 0;
}
.js-grid__full-row {
grid-column-start: 1;
grid-column-end: -1;
}
@media only screen and (min-width: 480px) {
.js-grid[data-grid-large="1"] {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.js-grid[data-grid-large="2"] {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.js-grid[data-grid-large="3"] {
grid-template-columns: repeat(3, minmax(0, 1fr));
padding: 0 30px;
}
.js-grid[data-grid-large="4"] {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.js-grid[data-grid-large="5"] {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.js-grid[data-grid-large="6"] {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.js-grid[data-grid-large="7"] {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.js-grid[data-grid-large="8"] {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
[data-toggle-grid="1"] {
display: none !important;
}
}
@media only screen and (max-width: 479px) {
.js-grid[data-grid-small="1"] {
grid-template-columns: repeat(1, 1fr);
}
.js-grid[data-grid-small="2"] {
grid-template-columns: repeat(2, 1fr);
}
.js-grid[data-grid-small="3"] {
grid-template-columns: repeat(3, 1fr);
}
[data-toggle-grid="3"],
[data-toggle-grid="4"],
[data-toggle-grid="5"],
[data-toggle-grid="6"] {
display: none !important;
}
}
[data-toggle-grid] {
cursor: pointer;
padding: 0 10px;
color: var(--text-light);
height: 100%;
align-items: center;
display: flex;
}
[data-toggle-grid]:hover {
color: var(--primary);
}
[data-toggle-grid]:last-child {
padding-right: 20px;
}
.homepage-collection-tabs {
position: relative;
overflow: hidden;
}
.wrapper.collection-tabs, .wrapper .grandparent .collection-tabs.header__dropdown__wrapper {
max-width: calc(1180px + var(--gutter));
}
@media only screen and (max-width: 479px) {
.wrapper.collection-tabs, .wrapper .grandparent .collection-tabs.header__dropdown__wrapper {
margin: 0;
padding-right: 0;
}
}
.collection-tabs {
--buttons-top: 0;
}
.collection-tabs .flickity-button {
top: var(--buttons-top);
}
@media only screen and (max-width: 479px) {
.collection-tabs .flickity-prev-next-button {
display: none;
}
}
.collection-tabs .flickity-prev-next-button.previous {
left: -15px;
/* background-color: #e9893c;
color: white; */
}
.collection-tabs .flickity-prev-next-button.next {
right: -15px;
/* background-color: #e9893c; */
/* color: white; */
}
@media only screen and (min-width: 1400px) {
.collection-tabs .flickity-prev-next-button.previous {
left: -70px;
}
.collection-tabs .flickity-prev-next-button.next {
right: -70px;
}
.collection-tabs .flickity-button {
background: var(--hairline);
color: var(--text);
}
.collection-tabs .flickity-button:hover {
background: var(--hairline-hover);
}
}
.collection-tabs .tab-content {
/* margin-top: var(--wide); */
padding: 0;
}
.homepage-collection-tabs.customMargins {
padding-top: unset;
}
.collection-tabs .tabs__arrow {
height: 36px;
}
.palette--dark .flickity-button {
background: var(--bg);
color: var(--text);
}
.palette--dark .flickity-button:hover {
background: var(--bg-accent);
}
.flickity-grid .product-grid-slide {
position: relative;
overflow: hidden;
padding-left: calc(var(--gutter) / 2);
padding-right: calc(var(--gutter) / 2);
}
@media only screen and (max-width: 479px) {
.flickity-grid .product-grid-slide {
padding-left: 0;
padding-right: var(--gutter);
}
}
.product-grid-slide .product-grid-item {
width: 90%;
}
@media only screen and (min-width: 480px) {
.flickity-grid[data-grid-large="1"] .product-grid-slide {
width: 100%;
}
.flickity-grid[data-grid-large="2"] .product-grid-slide {
width: 50%;
}
.flickity-grid[data-grid-large="3"] .product-grid-slide {
width: 33.33%;
}
.flickity-grid[data-grid-large="4"] .product-grid-slide {
width: 25%;
}
.flickity-grid[data-grid-large="5"] .product-grid-slide {
width: 20%;
}
.flickity-grid[data-grid-large="6"] .product-grid-slide {
width: 16.66%;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.flickity-grid[data-grid-large="3"] .product-grid-slide,
.flickity-grid[data-grid-large="4"] .product-grid-slide {
width: 50%;
}
}
[data-grid-large] > .product-grid-slide {
display: inline-block;
}
@media only screen and (max-width: 479px) {
.flickity-grid[data-grid-large] .product-grid-slide {
width: 100%;
}
}
/* Flickity hackfix */
@media only screen and (max-width: 479px) {
.collection-tabs .tab-content {
margin-left: var(--gutter-offset);
width: calc(100% + var(--gutter) * 2);
}
.brick__collection {
margin-left: calc(var(--gutter) * -1);
width: calc(100% + var(--outer));
}
.brick__collection .flickity-page-dots {
display: none;
}
.brick__collection.flickity-enabled,
.flickity-grid.flickity-enabled {
max-width: none;
overflow: hidden;
position: static !important;
}
.brick__collection.flickity-enabled .flickity-viewport,
.flickity-grid.flickity-enabled .flickity-viewport {
max-width: none;
overflow: hidden;
position: static !important;
height: auto !important;
}
.brick__collection.flickity-enabled .flickity-slider,
.flickity-grid.flickity-enabled .flickity-slider {
transform: none !important;
left: initial !important;
position: static !important;
display: flex;
flex-wrap: nowrap;
overflow-x: auto;
scrollbar-width: none;
}
.brick__collection.flickity-enabled .flickity-slider::-webkit-scrollbar,
.flickity-grid.flickity-enabled .flickity-slider::-webkit-scrollbar {
display: none;
}
.brick__collection.flickity-enabled .flickity-slider:before,
.flickity-grid.flickity-enabled .flickity-slider:before {
content: "";
padding-left: var(--gutter);
}
.brick__collection.flickity-enabled .flickity-slider:last-child::after,
.flickity-grid.flickity-enabled .flickity-slider:last-child::after {
content: "";
padding-right: 1px;
}
.brick__collection.flickity-enabled .product-grid-slide,
.brick__collection.flickity-enabled .brick__product,
.flickity-grid.flickity-enabled .product-grid-slide,
.flickity-grid.flickity-enabled .brick__product {
flex: 0 0 auto;
position: relative !important;
left: initial !important;
margin-bottom: 16px;
}
}
/* ============================================================================
#Product and Collection Grids
============================================================================== */
.product-grid-item {
position: relative;
text-align: center;
cursor: pointer;
}
.on-sale {
color: var(--primary);
}
.compare-at {
/* margin-top: 16px; */
text-decoration: line-through !important;
color: var(--text-light);
}
.product__grid__info a {
display: block;
text-decoration: none;
color: var(--text-dark);
}
/* ================ Collection ================ */
.product__grid__title {
font-family: var(--FONT-STACK-ACCENT);
font-weight: var(--FONT-WEIGHT-ACCENT);
font-style: var(--FONT-STYLE-ACCENT);
/* text-transform: uppercase; */
letter-spacing: 1px;
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
font-size: calc(12px * var(--FONT-ADJUST-ACCENT));
margin: 8px 0 2px 0;
word-break: break-word;
}
.product__grid__title .strong, .product__grid__title.strong {
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
}
.product__grid__price {
/* overflow: hidden; */
margin: 3px 0;
font-size: calc(var(--font-3) * var(--FONT-ADJUST-BODY));
}
.text-center .product__grid__price {
justify-content: flex-start;
}
.text-center .product__grid__price {
justify-content: center;
}
.text-right .product__grid__price {
justify-content: flex-end;
}
.product__grid__price--nowrap {
display: flex;
flex-flow: row nowrap;
align-items: center;
}
.product__grid__price--nowrap .compare-at {
margin-top: 0;
}
.product__grid__price--nowrap .price,
.product__grid__price--nowrap .compare-at {
flex: 0 1 auto;
white-space: nowrap;
}
.product__grid__cutline {
display: inline-block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
max-width: 100%;
vertical-align: top;
}
.product__grid__cutline + span,
.product__grid__price--nowrap span ~ em {
margin: 0 5px;
}
.product__grid__price__sold,
.product__grid__price__unit {
margin: 3px 0;
padding: 0;
font-size: calc(var(--font-3) * var(--FONT-ADJUST-BODY));
}
/* = swatches on collections = */
.grid__swatch__placeholder {
margin: 0;
padding: 0;
font-size: calc(var(--font-3) * var(--FONT-ADJUST-BODY));
}
.supports-touch .grid__swatch__placeholder {
position: relative;
z-index: 2;
cursor: pointer;
}
.grid__swatch__container {
overflow: hidden;
margin: 4px 0 0 0;
min-height: 30px;
position: relative;
display: flex;
align-items: flex-start;
}
.text-center .grid__swatch__container {
justify-content: center;
}
.text-right .grid__swatch__container {
justify-content: flex-end;
}
.grid__swatch__container .swatch__button {
padding: 10px 0 0 0;
}
.grid__swatch__container .swatch__button label {
width: 19px;
height: 19px;
margin: 0 6px;
cursor: pointer;
}
.grid__swatch__container .swatch__button input:checked ~ label::after {
content: "";
position: absolute;
top: -4px;
left: -4px;
width: 27px;
height: 27px;
}
.product__grid__info .grid__swatch__hover {
overflow-x: auto;
position: absolute;
display: flex;
flex-flow: row nowrap;
max-width: 100%;
padding: 0 0 32px;
margin: 0 0 -32px;
opacity: 0;
height: 0;
}
.product__grid__info .tabs__arrow {
visibility: hidden;
opacity: 0;
top: 25px;
z-index: 100;
}
html:not(.supports-touch) .product-grid-item:hover .grid__swatch__container .grid__swatch__hover,
html:not(.supports-touch) .product-grid-item:hover .grid__swatch__container .tabs__arrow,
html:not(.supports-touch) .focus-enabled .grid__swatch__container .grid__swatch__hover,
html:not(.supports-touch) .focus-enabled .grid__swatch__container .tabs__arrow,
html:not(.supports-touch) .product-grid-item:hover .sibs__slider .grid__swatch__hover,
html:not(.supports-touch) .product-grid-item:hover .sibs__slider .tabs__arrow,
html:not(.supports-touch) .focus-enabled .sibs__slider .grid__swatch__hover,
html:not(.supports-touch) .focus-enabled .sibs__slider .tabs__arrow {
transition: opacity 0.5s linear;
visibility: visible;
opacity: 1;
height: initial;
}
html:not(.supports-touch) .product-grid-item:hover .grid__swatch__container .is-hidden,
html:not(.supports-touch) .product-grid-item:hover .grid__swatch__container .grid__swatch__placeholder,
html:not(.supports-touch) .focus-enabled .grid__swatch__container .is-hidden,
html:not(.supports-touch) .focus-enabled .grid__swatch__container .grid__swatch__placeholder,
html:not(.supports-touch) .product-grid-item:hover .sibs__slider .is-hidden,
html:not(.supports-touch) .product-grid-item:hover .sibs__slider .grid__swatch__placeholder,
html:not(.supports-touch) .focus-enabled .sibs__slider .is-hidden,
html:not(.supports-touch) .focus-enabled .sibs__slider .grid__swatch__placeholder {
display: none;
}
.supports-touch .grid__swatch__hover {
top: 30px;
}
.supports-touch .grid__swatch__container:hover .grid__swatch__hover {
top: 0;
}
.supports-touch .grid__swatch__container:hover .grid__swatch__hover,
.supports-touch .grid__swatch__container:hover .tabs__arrow {
transition: opacity 0.2s linear, visibility 0.2s linear, top 0.2s 0.3s;
visibility: visible;
opacity: 1;
height: initial;
}
.supports-touch .grid__swatch__container:hover .is-hidden,
.supports-touch .grid__swatch__container:hover .grid__swatch__placeholder {
display: none;
}
/* Keep text visible when tabbing */
body:not(.focus-enabled) .product-grid-item:hover .grid__swatch__container .grid__swatch__placeholder,
.product__grid__info--hover .grid__swatch__placeholder {
display: none;
}
.text-left .grid__swatch__container .swatch__button label {
margin: 0 10px 0 0;
}
.text-right .grid__swatch__container .swatch__button label {
margin: 0 0 0 10px;
}
/* = Hover style settings = */
/* .product-grid-item .product__grid__info--under,
.product-grid-item .product__grid__info--hover {
margin: 8px 0 0 0;
} */
@media only screen and (max-width: 989px) {
.product-grid-item .product__grid__info--hover {
position: relative;
}
}
@media only screen and (min-width: 768px) {
.product-grid-item .product__grid__info--hover .product__grid__price,
.product-grid-item .product__grid__info--hover .product__grid__sibs,
.product-grid-item .product__grid__info--hover .grid__swatch__container {
opacity: 0;
transform: translate(0px, 10px);
transition: all 0.2s ease-out;
}
.product-grid-item:hover .product__grid__info--hover .product__grid__price,
.product-grid-item:hover .product__grid__info--hover .product__grid__sibs,
.product-grid-item:hover .product__grid__info--hover .grid__swatch__container {
opacity: 1;
transform: translate(0px, 0px);
}
}
.product-grid-item .product__grid__info--under {
position: relative;
}
label.quatity-selector {
position: absolute;
top: -20px;
}
.product__badge {
font-family: var(--FONT-STACK-ACCENT);
width:15%;
font-style: var(--FONT-STYLE-ACCENT);
font-weight: var(--FONT-WEIGHT-ACCENT);
font-size: 16px;
line-height: var(--leading-relaxed);
position: absolute;
left: 0;
top: 0;
z-index: 2147483135;
padding: 5px;
transition: opacity .5s cubic-bezier(.215,.61,.355,1);
}
.product__badge .strong, .product__badge.strong {
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
}
.lazy-image {
display: block;
position: relative;
background-size: cover;
}
.lazy-image img {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: auto;
}
.fade-in.lazyloaded {
opacity: 1;
/* background: white !important; */
}
.fade-in {
opacity: 0;
transition: opacity 0.65s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.collection__image__top {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center 0px;
overflow: hidden;
}
.collection__image__bottom {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
background-size: cover;
background-position: center 0px;
overflow: hidden;
opacity: 0;
visibility: hidden;
transition: opacity 0.85s cubic-bezier(0.215, 0.61, 0.355, 1), visibility 0s linear 1s;
}
.double__image .collection__image__bottom .img-object-cover {
height: 100%;
}
@media only screen and (min-width: 480px) {
.double__image:hover .collection__image__bottom {
opacity: 1;
visibility: visible;
height: 100%;
width: 100%;
transition: opacity 0.85s cubic-bezier(0.215, 0.61, 0.355, 1), visibility 0s linear 0s;
}
.double__image:hover .collection__image__top {
opacity: 0;
}
}
@media only screen and (max-width: 479px) {
.collection__image__bottom {
display: none;
}
}
.product-grid-item__slide {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center 0px;
z-index: 5;
}
.price-per-unit {
opacity: 0.75;
}
.product-grid-item .spr-badge[data-rating="0.0"] {
display: none;
}
/* ============================================================================
#Collections
============================================================================== */
.collection {
margin-top: var(--gutter);
padding-bottom: 128px;
}
.collection__content {
display: flex;
flex-flow: row;
}
.collection__products {
flex-grow: 1;
}
.collection__products .js-grid,
.collection__products .grid,
.collection__products .grid--full,
.collection__products hr {
transition: opacity 0.3s, visibility 0.3s;
}
.collection__products.is-loading {
background: var(--SPINNER) center 40px/160px 160px no-repeat;
}
.collection__products.is-loading .js-grid, .collection__products.is-loading .grid, .collection__products.is-loading .grid--full, .collection__products.is-loading hr {
visibility: hidden;
opacity: 0;
}
.collection__products .pagination-custom {
padding-top: var(--gutter);
}
.collection__heading {
padding-top: var(--gutter);
}
.collection__heading .collection__heading__text:last-child {
margin-bottom: 0;
}
/* Collection nav bar */
.collection__nav {
display: flex;
border: 1px solid var(--border);
justify-content: space-between;
height: 3.3em;
margin-bottom: var(--gutter);
}
.collection__filters__toggle,
.popout--navbar .popout__toggle {
padding: 0 20px;
height: 100%;
color: var(--text-light);
border-radius: 0;
font-family: var(--FONT-STACK-ACCENT);
font-weight: var(--FONT-WEIGHT-ACCENT);
font-style: var(--FONT-STYLE-ACCENT);
text-transform: uppercase;
letter-spacing: 1px;
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
font-size: calc(10px * var(--FONT-ADJUST-ACCENT));
border-top: none;
border-right: 1px solid var(--border);
border-bottom: none;
border-left: none;
margin: 0;
display: flex;
align-items: center;
}
.collection__filters__toggle .strong, .collection__filters__toggle.strong,
.popout--navbar .popout__toggle .strong,
.popout--navbar .popout__toggle.strong {
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
}
.collection__filters__toggle .icon,
.popout--navbar .popout__toggle .icon {
margin-left: 8px;
margin-top: -2px;
}
@media only screen and (max-width: 479px) {
.collection__filters__toggle,
.popout--navbar .popout__toggle {
padding: 0 15px;
}
}
.collection__filters__toggle .badge {
margin-left: 5px;
margin-right: 2px;
}
.popout--navbar {
height: 100%;
}
.popout--navbar .popout {
height: 100%;
}
.popout--navbar .popout-list {
z-index: 1000;
max-height: 90vh;
top: 100%;
bottom: initial;
left: -1px;
}
.collection__layout {
display: flex;
align-items: center;
overflow-x: hidden;
}
.collection__nav__buttons {
display: flex;
}
.no-js .collection__nav {
display: none;
}
.list__collections {
/* padding-top: 50px; */
padding-bottom: 128px;
}
.collection-list-item:not(first-child) {
margin-top: 30px;
}
.collection-list__heading hr {
margin: 10px 0;
}
.collection-list__heading__text {
display: flex;
justify-content: space-between;
}
@media only screen and (max-width: 767px) {
.collection__filters__outer {
position: fixed;
z-index: 20050;
top: 0;
left: 0;
height: 100%;
min-width: 70%;
max-width: 90%;
background: var(--bg);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06), 0 3px 12px rgba(0, 0, 0, 0.02);
transform: translate3d(-100%, 0, 0);
transition: transform 0.5s ease;
}
.drawer--visible .collection__filters__outer {
transform: translate3d(0, 0, 0);
}
.collection__filters__inner {
padding-bottom: 200px;
padding-top: var(--gutter);
padding-left: 16px;
padding-right: 16px;
opacity: 0;
transform: translate3d(-100%, 0, 0);
transition: opacity 0.6s ease 0.1s, transform 0.6s ease 0.1s;
}
.collection__filters__inner .sidebar__item .icon {
right: 0;
}
.drawer--visible .collection__filters__outer .collection__filters__inner {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.collection__filters__inner {
overflow-y: auto;
height: 100%;
overscroll-behavior: contain;
-webkit-overflow-scrolling: touch;
}
.collection__filters__toggle .hide-filters {
display: none;
}
@media only screen and (min-width: 768px) {
.collection__filters__wrapper {
transition: width 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
min-width: 250px;
max-width: 250px;
width: 250px;
margin-left: -250px;
transition: width 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.01s, margin 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.01s;
}
.drawer--visible.collection__filters__wrapper,
.filters--default-visible.collection__filters__wrapper {
margin-left: 0;
}
.drawer--visible .collection__filters__inner,
.filters--default-visible .collection__filters__inner {
opacity: 1;
transform: translate3d(0, 0, 0);
transition: opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s, transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
}
.drawer--visible .show-filters,
.filters--default-visible .show-filters {
display: none;
}
.drawer--visible .hide-filters,
.filters--default-visible .hide-filters {
display: inline-block;
}
.collection__filters__inner {
transform: translate3d(-100%, 0, 0);
opacity: 0;
padding-left: 10px;
margin-left: -10px;
padding-right: 32px;
transition: opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.sidebar__heading:first-of-type {
margin-top: 0;
}
.collection__filters__wrapper .drawer__underlay,
.collection__filters__wrapper .drawer__top {
display: none;
}
}
/* Set thickness of active-state marker */
.sidebar__navigation__list {
margin: 0;
}
@media only screen and (max-width: 767px) {
.sidebar__navigation__list {
border-top: 1px solid var(--border);
margin-top: 10px;
padding-top: 10px;
}
}
.sidebar__navigation__list .swatch__button {
padding: 0;
margin: 8px 6px 0 4px;
font-size: 0;
}
.sidebar__navigation__list .swatch__button label {
margin-left: 0;
}
.sidebar__navigation__list .swatch__button.is-hidden {
overflow: hidden;
width: 0;
padding: 0;
}
.sidebar__heading {
position: relative;
display: flex;
flex-flow: row nowrap;
width: 100%;
font-family: var(--FONT-STACK-ACCENT);
font-weight: var(--FONT-WEIGHT-ACCENT);
font-style: var(--FONT-STYLE-ACCENT);
text-transform: uppercase;
letter-spacing: 1px;
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
font-size: calc(12px * var(--FONT-ADJUST-ACCENT));
padding: 0 28px 0 0;
margin: 0 0 4px 0;
color: var(--text);
cursor: pointer;
text-align: left;
white-space: normal;
}
.sidebar__heading .strong, .sidebar__heading.strong {
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
}
.sidebar__heading span {
white-space: nowrap;
}
.sidebar__heading-chevron {
position: absolute;
top: 0;
right: 10px;
transform: rotate(90deg);
transition: transform 0.3s;
}
.accordion-is-open > .sidebar__heading-chevron {
transform: rotate(-90deg);
}
.sidebar__heading__color {
overflow: hidden;
flex: 1 1 auto;
padding: 0 5px;
border-left: 1px solid var(--border);
margin-left: 6px;
font-weight: var(--FONT-WEIGHT-BODY);
font-size: calc(12px * var(--FONT-ADJUST-ACCENT));
text-transform: none;
text-overflow: ellipsis;
}
.sidebar__filter__group .icon-box,
.sidebar__filter__group .icon-reset {
position: absolute;
top: 6px;
right: 8px;
z-index: 0;
}
.sidebar__filter__group .filter__button {
margin: 0;
}
.sidebar__filter__group .filter__button label,
.sidebar__filter__group .sidebar__navigation__list + button {
font-family: var(--FONT-STACK-ACCENT);
font-weight: var(--FONT-WEIGHT-ACCENT);
font-style: var(--FONT-STYLE-ACCENT);
text-transform: uppercase;
letter-spacing: 1px;
font-size: calc(12px * var(--FONT-ADJUST-ACCENT));
width: 100%;
margin: 0;
padding: 4px 25px 4px 0;
display: block;
position: relative;
z-index: 5;
}
.sidebar__filter__group .filter__button label .strong, .sidebar__filter__group .filter__button label.strong,
.sidebar__filter__group .sidebar__navigation__list + button .strong,
.sidebar__filter__group .sidebar__navigation__list + button.strong {
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
}
.sidebar__filter__group .filter__button label:hover .checkbox-core,
.sidebar__filter__group .sidebar__navigation__list + button:hover .checkbox-core {
fill: var(--border);
}
.sidebar__filter__group .sidebar__navigation__list + button {
display: none;
padding: 0;
margin-top: 4px;
color: var(--text);
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
cursor: pointer;
text-transform: uppercase;
text-align: left;
transition: color 0.3s;
}
.sidebar__filter__group .sidebar__navigation__list + button:hover {
color: var(--border);
}
.sidebar__filter__group .accordion-is-open ~ button {
display: block;
}
.focus-enabled .filter__button input:focus + label {
outline-color: var(--secondary) !important;
outline-offset: 1px !important;
outline-style: auto !important;
outline-width: 3px !important;
}
.icon-box {
width: 15px;
height: 15px;
}
.icon-reset {
opacity: 0;
width: 12px;
}
.checkbox-border {
stroke: var(--border);
}
.checkbox-core {
fill: rgba(0, 0, 0, 0);
}
.sidebar__heading.has-filters a {
text-decoration: none;
width: 100%;
display: block;
}
.sidebar__heading.has-filters a:hover > .icon-reset {
fill: var(--primary);
}
.sidebar__heading.has-filters .icon-reset {
fill: var(--text-light);
opacity: 1;
}
.sidebar__item {
padding: 0;
margin: 0;
position: relative;
}
.sidebar__item a, .sidebar__item span {
font-family: var(--FONT-STACK-ACCENT);
font-weight: var(--FONT-WEIGHT-ACCENT);
font-style: var(--FONT-STYLE-ACCENT);
text-transform: uppercase;
letter-spacing: 1px;
font-size: calc(12px * var(--FONT-ADJUST-ACCENT));
padding: 4px 50px 4px 0;
text-decoration: none;
width: 100%;
display: block;
position: relative;
z-index: 5;
}
.sidebar__item a .strong, .sidebar__item a.strong, .sidebar__item span .strong, .sidebar__item span.strong {
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
}
.sidebar__item:hover > .icon-box .checkbox-core {
fill: var(--border);
}
.sidebar__item--active > .icon-box .checkbox-core {
fill: var(--text-dark) !important;
}
.collection__active__filters {
margin-top: calc(-1 * (var(--gutter) - var(--inner)));
padding-bottom: calc(var(--inner) - 7px);
}
.sidebar__filter__group {
margin-bottom: 20px;
}
.filter__button input {
opacity: 0;
width: 0;
height: 0;
display: block;
}
.filter__button input .icon-box {
opacity: 1;
}
.filter__button input .icon-reset {
opacity: 0;
}
.filter__button input:checked ~ label .icon-box .checkbox-core {
fill: var(--text-dark);
}
.filter__button input:checked ~ label:hover .icon-box {
opacity: 0;
}
.filter__button input:checked ~ label:hover .icon-reset {
opacity: 1;
}
.filter__button input:disabled ~ label {
color: var(--text-light);
text-decoration: line-through;
cursor: default;
}
.filter__button input:disabled ~ label .icon-box {
opacity: 0;
}
.active__filters__remove,
.active__filters__clear {
display: inline-block;
padding: 0.33em 0.5em;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: var(--radius-sm);
font-family: var(--FONT-STACK-ACCENT);
font-weight: var(--FONT-WEIGHT-ACCENT);
font-style: var(--FONT-STYLE-ACCENT);
text-transform: uppercase;
letter-spacing: 1px;
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
font-size: calc(10px * var(--FONT-ADJUST-ACCENT));
background-color: var(--hairline);
color: var(--text);
padding: 8px 14px;
margin-right: 7px;
margin-bottom: 7px;
}
.active__filters__remove .strong, .active__filters__remove.strong,
.active__filters__clear .strong,
.active__filters__clear.strong {
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
}
.active__filters__clear {
background-color: var(--hairline-hover);
}
.filter__x {
margin-left: 0.5em;
}
.filter__price__fields {
display: flex;
align-items: center;
justify-content: flex-start;
max-width: 100%;
margin: 0 0 25px;
}
.filter__price__fields label {
position: absolute !important;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
}
.filter__price__field {
display: flex;
align-items: center;
flex: 1;
max-width: calc(50% - 20px);
padding: 4px 0;
border-bottom: 1px solid var(--border);
border-radius: 0px;
}
.filter__price__field span {
margin-right: 5px;
}
.filter__price__spacer {
flex: 0 0 40px;
position: relative;
padding: 5px;
font-size: 0;
text-align: center;
}
.filter__price__spacer:before {
position: absolute;
top: 50%;
left: 50%;
width: 6px;
height: 1px;
margin-left: -3px;
background: currentColor;
content: "";
}
input[type=number].filter__price__input {
border: 1px solid transparent;
border-radius: 0;
margin: 0;
-webkit-appearance: auto;
-moz-appearance: auto;
}
.filter__price__input {
flex: 1;
display: block;
min-width: 0;
max-width: 100%;
width: auto;
padding: 0 3px;
border: 1px solid transparent;
border-radius: 0;
margin: 0;
font-family: inherit;
font-size: inherit;
font-weight: inherit;
text-align: right;
}
/* Range */
.range {
position: relative;
display: block;
height: 36px;
margin-left: -8px;
margin-right: -8px;
-webkit-user-select: none;
user-select: none;
opacity: 0;
}
.range.is-initialized {
opacity: 1;
}
.range__dot {
position: absolute;
z-index: 2;
display: block;
width: 36px;
height: 36px;
padding: 8px;
}
.range__dot span {
display: block;
width: 100%;
height: 100%;
background: var(--text);
border: 2px solid var(--bg);
border-radius: 50%;
font-size: 0;
cursor: pointer;
}
.range__line {
position: absolute;
top: 16px;
left: 8px;
z-index: 0;
overflow: hidden;
width: calc(100% - 16px);
height: 4px;
border-radius: 4px;
background: var(--border);
}
.range__line span {
display: block;
height: 100%;
width: 0%;
background: var(--text);
font-size: 0;
}
/* TEMP TAG FILTERS */
.sidebar__navigation__list--grouped .sidebar__item {
position: relative;
}
.sidebar__navigation__list--grouped .sidebar__item svg {
position: absolute;
top: 6px;
right: 8px;
z-index: 0;
}
.sidebar__navigation__list--grouped .link--disable {
display: none;
}
.sidebar__navigation__list--grouped .link--disable .icon-box {
display: none;
}
.sidebar__navigation__list--grouped .link--remove .icon-box {
opacity: 1;
}
.sidebar__navigation__list--grouped .link--remove .icon-reset {
opacity: 0;
}
.sidebar__navigation__list--grouped .link--remove:hover .icon-box {
opacity: 0;
}
.sidebar__navigation__list--grouped .link--remove:hover .icon-reset {
opacity: 1;
}
.sidebar__navigation__list--grouped .sidebar__filter__group {
margin-top: 32px;
}
.sidebar__navigation__list--grouped .sidebar__filter__group:first-child {
margin-top: 0;
}
.sidebar__navigation__list--grouped .sidebar__navigation__list + .collection__filters .sidebar__filter__group:first-child {
margin-top: 32px;
}
.sidebar__navigation__list--grouped .collection__active__filters {
margin-bottom: 32px;
}
/* END TEMP TAG FILTERS */
/**
* Subcollection
*/
.subcollections {
position: relative;
background-color: var(--bg);
}
.subcollections__inner {
max-width: 1180px;
margin: 0 auto;
padding: var(--gutter) var(--outer) 0 var(--outer);
width: 100%;
display: grid;
column-gap: var(--gutter);
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.subcollections__inner > * {
min-width: 0;
}
@media only screen and (min-width: 768px) {
.subcollections + .collection {
padding-top: 0;
}
}
.collection__title + .subcollections .subcollections__inner {
padding-top: 0;
}
.subcollection__item {
position: relative;
overflow: hidden;
}
.subcollections__grid--1 .subcollections__inner {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.subcollections__grid--2 .subcollections__inner {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.subcollections__grid--3 .subcollections__inner {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.subcollections__grid--5 .subcollections__inner,
.subcollections__grid--6 .subcollections__inner {
grid-template-columns: repeat(3, minmax(0, 1fr));
row-gap: var(--gutter);
}
@media only screen and (max-width: 767px) {
.subcollections:not(.subcollections__grid--1) .subcollections__inner {
display: flex;
flex-wrap: nowrap;
overflow-x: auto;
overflow-y: hidden;
max-width: 100%;
scrollbar-width: none;
-ms-overflow-style: none;
}
.subcollections:not(.subcollections__grid--1) .subcollections__inner::-webkit-scrollbar {
width: 0;
height: 0;
}
.subcollections:not(.subcollections__grid--1) .subcollections__inner:after {
content: "";
display: block;
width: var(--gutter);
}
.subcollections:not(.subcollections__grid--1) .subcollections__inner .subcollection__item {
flex: 0 0 auto;
width: 90%;
}
.subcollections:not(.subcollections__grid--1) .subcollections__inner .subcollection__item:last-child {
margin-right: 0;
}
}
.subcollection__item .hero__content__wrapper {
padding-top: 0;
padding-bottom: 0;
}
.subcollection__image {
width: 100%;
height: 100%;
overflow-y: hidden;
transform: scale(1.06);
transition: transform 2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.subcollection__link:hover .subcollection__image {
transform: scale(1);
}
.subcollection__link {
display: flex;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
height: 100%;
}
.subcollection__title {
padding: var(--gutter);
font-family: var(--FONT-STACK-ACCENT);
font-weight: var(--FONT-WEIGHT-ACCENT);
font-style: var(--FONT-STYLE-ACCENT);
text-transform: uppercase;
letter-spacing: 1px;
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
font-size: calc(13.144256px * var(--FONT-ADJUST-ACCENT) );
line-height: 0.8;
margin: 1em;
}
.subcollection__title .strong, .subcollection__title.strong {
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
}
/* ============================================================================
#Breadcrumbs
============================================================================== */
.breadcrumb {
padding-top: 11px;
padding-bottom: 10px;
margin-bottom: 32px;
margin-top: -32px;
font-family: var(--FONT-STACK-ACCENT);
font-weight: var(--FONT-WEIGHT-ACCENT);
font-style: var(--FONT-STYLE-ACCENT);
text-transform: uppercase;
letter-spacing: 1px;
font-size: calc(12px * var(--FONT-ADJUST-ACCENT));
}
.breadcrumb .strong, .breadcrumb.strong {
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
}
@media only screen and (max-width: 767px) {
.breadcrumb {
margin-bottom: 0;
margin-top: -64px;
}
}
.breadcrumb a,
.breadcrumb span {
display: inline-block;
padding: 7px 7px 6px 0;
margin-right: 7px;
text-decoration: none;
word-break: break-word;
}
.breadcrumb a:first-child,
.breadcrumb span:first-child {
padding-left: 0;
}
.breadcrumb a:hover {
text-decoration: underline;
}
.related__products {
position: relative;
}
.related__products .flickity-button {
transition: all 0.3s;
}
.related__products .flickity-button[disabled] {
visibility: hidden;
opacity: 0;
}
.related__products .tab-content:first-child,
.related__products .tab-content:first-child ~ .tab-content {
margin-top: 0;
}
.recent__container .related__products.alt .tab-link {
display: block;
padding: 0;
border-bottom: none;
margin: 0;
cursor: default;
pointer-events: none;
}
.recent__container .related__products.alt .tabs--center .tab-link {
margin: 0 auto;
}
.recent__container .tab-content {
margin-top: 0;
}
/* ============================================================================
#Product Page
============================================================================== */
.product-page {
padding-top: 64px;
padding-bottom: 32px;
}
.product-reviews {
padding: 60px 0 !important;
margin: 0 !important;
}
.collection-tabs {
position: relative;
}
@media only screen and (min-width: 768px) {
.collection-tabs .product-grid-item {
margin-bottom: var(--inner);
}
}
.product__subheading {
margin-top: 0;
margin-bottom: var(--inner);
}
.product__subheading p {
margin: 0;
}
.product__subheading p + p {
margin-top: 0.75em;
}
.product__headline {
display: block;
margin-bottom: var(--gutter);
}
.product__page__cutline {
font-size: calc(var(--font-6) * var(--FONT-ADJUST-BODY));
margin-bottom: 15px;
}
.product__price__wrap {
margin: calc(var(--inner) / 2) 0 0 0;
display: flex;
justify-content: flex-start;
align-items: center;
column-gap: 70px;
}
@media screen and (max-width: 710px){
column-gap: 0px;
}
.product__price__main {
display: inline-flex;
align-items: center;
}
.product__price {
font-family: var(--FONT-STACK-ACCENT);
font-weight: var(--FONT-WEIGHT-ACCENT);
font-style: var(--FONT-STYLE-ACCENT);
text-transform: uppercase;
letter-spacing: 1px;
font-size: calc(18.3020620544px * var(--FONT-ADJUST-ACCENT) );
color: var(--text-dark);
display: inline-block;
padding: 8px 0 6px 0;
}
.product__price .strong, .product__price.strong {
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
}
.product__price--unit {
font-size: calc(13.144256px * var(--FONT-ADJUST-ACCENT) );
font-style: italic;
color: var(--text-light);
margin-left: 8px;
}
.product__form__outer {
margin-bottom: 30px;
}
.product__form__outer.product__form--buybutton {
margin-bottom: 10px;
}
.shop-pay-terms {
--payment-terms-background-color: var(--bg);
margin: 12px 0 20px 0;
}
.shop-pay-terms:empty {
margin: 0;
}
.shopify-payment-button .shopify-payment-button__more-options.shopify-payment-button__button--hidden {
display: none;
}
.form__selectors {
padding-bottom: 25px;
}
.selector-wrapper label {
margin-top: 3em;
font-family: var(--FONT-STACK-ACCENT);
font-weight: var(--FONT-WEIGHT-ACCENT);
font-style: var(--FONT-STYLE-ACCENT);
text-transform: uppercase;
letter-spacing: 1px;
font-size: calc(12px * var(--FONT-ADJUST-ACCENT));
}
.selector-wrapper label .strong, .selector-wrapper label.strong {
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
}
.add-to-cart__wrapper {
margin-top: 2.7em;
}
.product__title__wrapper {
display: flex;
justify-content: space-between;
align-items: center;
}
.product__title {
font-size: calc(25.4837912045px * var(--FONT-ADJUST-HEADING));
margin: 0;
word-break: break-word;
}
@media (min-width: 480px) {
.product__title
{
font-size: calc(
(
25.4837912045px +
6.6978954363 *
(100vw - 480px) /
920
) * var(--FONT-ADJUST-HEADING)
) !important;
}
}
@media (min-width: 1400px) {
.product__title {
font-size: calc(32.1816866409px * var(--FONT-ADJUST-HEADING));
}
}
.product__title,
.product__price {
line-height: 1em;
}
.select__label {
font-family: var(--FONT-STACK-HEADING);
font-weight: var(--FONT-WEIGHT-HEADING);
font-style: var(--FONT-STYLE-HEADING);
letter-spacing: var(--FONT-HEADING-SPACE);
text-transform: var(--FONT-HEADING-CAPS);
margin-top: 2em;
}
/* Above button stockout na size chart */
.product__button__meta {
display: flex;
justify-content: space-between;
align-items: center;
margin: 0;
}
.variant__countdown {
font-family: var(--FONT-STACK-ACCENT);
font-weight: var(--FONT-WEIGHT-ACCENT);
font-style: var(--FONT-STYLE-ACCENT);
text-transform: uppercase;
letter-spacing: 1px;
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
font-size: calc(10px * var(--FONT-ADJUST-ACCENT));
transition: all 0.4s ease-in-out;
padding: 0;
margin: 15px 0 12px 0;
min-height: 1em;
}
.variant__countdown .strong, .variant__countdown.strong {
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
}
.variant__countdown > span {
line-height: 1;
display: block;
transition: none;
}
.count-is-in .variant__countdown--in,
.count-is-low .variant__countdown--low,
.count-is-out .variant__countdown--out,
.count-is-unavailable .variant__countdown--unavailable {
max-height: initial;
visibility: visible;
opacity: 1;
}
.show-only-low.count-is-in .variant__countdown--in,
.show-only-low.count-is-out .variant__countdown--out,
.show-only-low.count-is-unavailable .variant__countdown--unavailable,
.variant__countdown--in,
.variant__countdown--low,
.variant__countdown--out,
.variant__countdown--unavailable {
max-height: 0;
visibility: hidden;
opacity: 0;
}
.product__info__link {
cursor: pointer;
display: inline-block;
padding: 0.33em 0.5em;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: var(--radius-sm);
font-family: var(--FONT-STACK-ACCENT);
font-weight: var(--FONT-WEIGHT-ACCENT);
font-style: var(--FONT-STYLE-ACCENT);
text-transform: uppercase;
letter-spacing: 1px;
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
font-size: calc(10px * var(--FONT-ADJUST-ACCENT));
background-color: var(--hairline);
color: var(--text);
padding: 6px 10px;
display: flex;
align-items: center;
margin: 15px 0 12px 0;
}
.product__info__link .strong, .product__info__link.strong {
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
}
.product__info__link--inline {
cursor: pointer;
margin-left: 10px;
display: inline-block;
padding: 0.33em 0.5em;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: var(--radius-sm);
font-family: var(--FONT-STACK-ACCENT);
font-weight: var(--FONT-WEIGHT-ACCENT);
font-style: var(--FONT-STYLE-ACCENT);
text-transform: uppercase;
letter-spacing: 1px;
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
font-size: calc(10px * var(--FONT-ADJUST-ACCENT));
background-color: var(--hairline);
color: var(--text);
font-style: italic;
}
.product__info__link--inline .strong, .product__info__link--inline.strong {
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
}
.select__fieldset {
padding: 4px 0;
}
.product__align-left .swatch__button {
display: inline-block;
padding: 5px;
}
.product__align-left .radio__button label {
margin-left: 0;
border-radius: 50px;
}
.product__align-left .shopify-payment-button__more-options {
text-align: left;
padding-left: 0;
}
.product__align-left .shopify-product-form {
margin: 0;
}
@media only screen and (max-width: 767px) {
.product__align-left .shopify-product-form {
max-width: none;
}
}
.product__align-left .product__title {
margin-bottom: 0;
margin-right: 15px;
}
.product__align-center .product__title__wrapper {
flex-direction: column;
}
.product__align-center .rating__wrapper__title {
margin-top: 12px;
}
.product__align-center .product__title {
text-align: center;
}
.product__align-center .product__info__link,
.product__align-center .radio__fieldset,
.product__align-center .product__details,
.product__align-center .variant__countdown,
.product__align-center .product__subheading,
.product__align-center .product__price__wrap,
.product__align-center .selector-wrapper label {
text-align: center;
}
.product__align-center .product__button__meta:not(.product__button__meta--packed) {
justify-content: center;
}
.product__align-center .product-single .quantity__wrapper {
margin-left: auto;
margin-right: auto;
}
.product__align-center .tabs-wrapper--above .product-tabs-title {
display: flex;
justify-content: space-evenly;
}
.product__align-center .tabs-wrapper--above .product-tabs-title .tab-link {
margin: 0;
}
/* no js */
.product__form__select--hidden {
display: none;
border-left: none;
border-right: none;
border-top: none;
border-radius: 0;
margin: 0 0 30px;
}
.product__form__select--hidden:focus {
border-bottom: 1px solid var(--primary);
box-shadow: none;
}
.no-js .product__form__select--hidden {
display: block;
}
.no-js .form__selectors {
display: none;
}
.product__image {
width: 100%;
margin: 1.2em 0;
}
.product__image--right > div {
margin-left: auto;
}
.product__image--center > div {
margin: 0 auto;
}
.product__text-with-icon {
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: center;
margin-top: var(--inner);
}
.product__text-with-icon + .product__text-with-icon {
margin-top: 8px;
}
.product__text-with-icon .icon-holder {
margin-right: 7px;
}
.product__text-with-icon .icon {
width: 16px;
height: 16px;
}
.product__text-with-icon .icon path,
.product__text-with-icon .icon g,
.product__text-with-icon .icon circle {
fill: none !important;
stroke: var(--stroke) !important;
}
.product__text-with-icon p {
font-family: var(--FONT-STACK-ACCENT);
font-weight: var(--FONT-WEIGHT-ACCENT);
font-style: var(--FONT-STYLE-ACCENT);
text-transform: uppercase;
letter-spacing: 1px;
font-size: calc(12px * var(--FONT-ADJUST-ACCENT));
margin: 0;
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
}
.product__text-with-icon p .strong, .product__text-with-icon p.strong {
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
}
.product__subs {
border: 1px solid var(--border);
border-radius: var(--radius-sm);
}
.product__subs__group {
display: block;
padding: 4px 0;
}
.product__subs__group + .product__subs__group {
border-top: none;
border-top: 1px solid var(--border);
}
.product__subs__plans {
margin-left: 1.5rem;
}
.product__subs__plans .product__subs__option {
padding-top: 0;
}
.product__subs__option {
display: flex;
width: 100%;
padding: 10px;
align-items: center;
cursor: pointer;
}
.product__subs__option input[type=radio] {
color: var(--text-dark);
width: 1rem;
height: 1rem;
flex-shrink: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
position: relative;
padding: 0;
border: 0;
margin: 0 0.5rem 0 0;
cursor: pointer;
}
.product__subs__option input[type=radio]::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
border: 1px solid var(--text-dark);
box-sizing: border-box;
}
.product__subs__option input[type=radio]:checked::before {
background-image: radial-gradient(var(--primary) 50%, var(--bg) 51%);
}
.product__subs__description {
color: var(--text-light);
font-size: calc(var(--font-3) * var(--FONT-ADJUST-BODY));
background: var(--hairline);
margin: 0;
padding: 10px 16px;
border-radius: var(--radius-sm);
margin-top: 8px;
font-style: italic;
}
.product__price--off {
font-family: var(--FONT-STACK-ACCENT);
font-weight: var(--FONT-WEIGHT-ACCENT);
font-style: var(--FONT-STYLE-ACCENT);
text-transform: uppercase;
letter-spacing: 1px;
font-size: calc(12px * var(--FONT-ADJUST-ACCENT));
font-size: calc(10px * var(--FONT-ADJUST-BODY));
display: inline-block;
border: 1px solid var(--primary);
color: var(--primary);
padding: 4px 10px;
margin: 0 0 0 10px;
border-radius: var(--radius-sm);
}
.product__price--off .strong, .product__price--off.strong {
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
}
.product__price--off em {
font-style: normal;
opacity: 0.5;
padding: 0 4px;
}
.product__subs__wrap {
margin-bottom: 20px;
}
[data-subscription-watch-price] {
display: none;
}
.share {
padding-bottom: var(--gutter);
padding-top: var(--gutter);
}
.share__link {
font-family: var(--FONT-STACK-ACCENT);
font-weight: var(--FONT-WEIGHT-ACCENT);
font-style: var(--FONT-STYLE-ACCENT);
text-transform: uppercase;
letter-spacing: 1px;
font-size: calc(12px * var(--FONT-ADJUST-ACCENT));
text-decoration: none;
transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
padding: 10px;
color: var(--text-light);
}
.share__link .strong, .share__link.strong {
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
}
.share__link:hover {
color: var(--text-dark);
background-color: var(--hairline);
border-radius: var(--radius-sm);
}
.text-center .share__link,
.product__align-center .share__link {
margin: 0 10px;
}
.product__align-center .share {
text-align: center;
}
.text-left .share__link,
.product__align-left .share__link {
margin: 0 20px 0 -7px;
}
.share__text {
margin-left: 6px;
}
.share__link .icon {
width: 1.2em;
height: 1.2em;
margin-top: -3px;
color: var(--text-dark);
opacity: 0.7;
transition: opacity 0.3s ease-in;
}
.share__link .icon path {
fill: currentColor;
}
.share__link:hover .icon {
opacity: 1;
}
.popout {
position: relative;
}
.popout__toggle {
font-family: var(--FONT-STACK-ACCENT);
font-weight: var(--FONT-WEIGHT-ACCENT);
font-style: var(--FONT-STYLE-ACCENT);
text-transform: uppercase;
letter-spacing: 1px;
font-size: calc(12px * var(--FONT-ADJUST-ACCENT));
font-size: calc(12px * var(--FONT-ADJUST-ACCENT));
margin: 10px 0;
white-space: nowrap;
padding: 9px 16px;
background-image: none;
}
.popout__toggle .strong, .popout__toggle.strong {
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
}
.popout__toggle:focus {
box-shadow: none;
}
.popout__toggle .icon-arrow-down {
transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.popout__toggle[aria-expanded=true] .icon-arrow-down {
transform: rotate(180deg) translateY(2px);
}
.popout-list {
background-color: var(--bg);
border: 1px solid var(--border);
bottom: 100%;
position: absolute;
opacity: 0;
visibility: hidden;
margin: 0 0 10px 0;
padding: 0;
min-height: 30px;
max-height: 300px;
max-width: 100vw;
pointer-events: none;
z-index: 100;
overflow-y: auto;
}
.popout-list--visible {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.popout-list__item {
white-space: nowrap;
padding: 0;
margin: 0;
text-align: left;
}
.popout-list__option {
padding: 8px 15px 8px 15px;
width: 100%;
display: block;
font-family: var(--FONT-STACK-ACCENT);
font-weight: var(--FONT-WEIGHT-ACCENT);
font-style: var(--FONT-STYLE-ACCENT);
text-transform: uppercase;
letter-spacing: 1px;
font-size: calc(12px * var(--FONT-ADJUST-ACCENT));
font-size: calc(12px * var(--FONT-ADJUST-ACCENT));
text-decoration: none;
}
.popout-list__option .strong, .popout-list__option.strong {
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
}
.popout-list__option:hover {
background-color: var(--hairline);
}
.popout .icon-arrow-down {
width: 0.8em;
margin-left: 4px;
margin-top: -1px;
}
.popout-list__item--current .popout-list__option span {
border-bottom: 1px solid var(--border);
}
.popout--footer {
display: flex;
justify-content: center;
margin: 10px 0 0 0;
}
.popout--footer .popout {
padding: 0 5px;
}
.popout--footer .popout__toggle:focus {
border: 1px solid var(--muted);
box-shadow: 0 1px 4px var(--hairline);
}
.drawer__content {
position: fixed;
visibility: hidden;
z-index: 20050;
top: 0;
left: 0;
height: 100%;
min-width: 50vw;
max-width: 600px;
background: white;
border-right: 1px solid var(--border);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06), 0 3px 12px rgba(0, 0, 0, 0.02);
transform: translate3d(-100%, 0, 0);
transition: transform 0.3s ease, visibility 0s linear 1s;
display: flex;
flex-direction: column;
}
.drawer--visible .drawer__content {
visibility: visible;
transform: translate3d(0, 0, 0);
transition: transform 0.3s ease;
}
@media only screen and (max-width: 479px) {
.drawer__content {
width: 100vw;
}
}
.drawer--right .drawer__content {
left: initial;
right: 0;
}
.drawer--right:not(.drawer--visible) .drawer__content {
transform: translate3d(100%, 0, 0);
}
.drawer--pop .drawer__content {
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
max-height: 90%;
max-width: 600px;
transform: translateY(-50px) scale(0.9);
opacity: 0;
transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media only screen and (max-width: 767px) {
.drawer--pop .drawer__content {
max-height: calc(100% - 40px);
max-width: calc(100vw - 40px);
margin: 20px;
}
}
.drawer--visible.drawer--pop .drawer__content {
opacity: 1;
transform: translateY(0px) scale(1);
}
.drawer--pop .upsell__modal {
top: 50%;
left: 50%;
padding-left: 0;
transform: translate(-50%, -50vh);
}
.drawer__underlay {
position: fixed;
visibility: hidden;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.drawer--visible .drawer__underlay, .drawer__underlay.underlay--visible {
z-index: 20000;
visibility: visible;
transition: visibility 0.3s ease;
}
.drawer--visible .drawer__underlay .drawer__underlay__fill, .drawer__underlay.underlay--visible .drawer__underlay__fill {
background: var(--bg);
opacity: 0.6;
}
.drawer__underlay .drawer__underlay__blur,
.drawer__underlay .drawer__underlay__fill {
display: block;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.drawer__underlay .drawer__underlay__fill {
transition: all 0.3s ease;
}
.drawer__underlay .drawer__underlay__blur {
z-index: -1;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
transition: -webkit-backdrop-filter 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: backdrop-filter 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: backdrop-filter 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-backdrop-filter 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media only screen and (max-width: 479px) {
.header__drawer .drawer__underlay,
.drawer--right .drawer__underlay {
display: none;
}
}
.drawer__inner {
position: relative;
display: flex;
flex-direction: column;
justify-content: flex-start;
flex: 1;
height: 100%;
width: 100%;
overflow-x: hidden;
overflow-y: auto;
overscroll-behavior: contain;
-webkit-overflow-scrolling: touch;
}
.drawer__close .icon-close {
width: 12px;
height: 12px;
}
.drawer__content > *:not(.drawer__inner) {
opacity: 0;
transition: opacity 0.8s ease-out;
}
.drawer--visible .drawer__content > *:not(.drawer__inner) {
opacity: 1;
}
.search__page__heading .input-group .btn,
.search__page__heading .input-group .input-group-field {
height: 48px;
}
.search__page__heading .input-group .input-group-field {
font-size: calc(13.144256px * var(--FONT-ADJUST-BODY));
}
@media (min-width: 480px) {
.search__page__heading .input-group .input-group-field {
font-size: calc(
(
13.144256px +
1.382528 *
(100vw - 480px) /
920
) * var(--FONT-ADJUST-BODY)
);
}
}
@media (min-width: 1400px) {
.search__page__heading .input-group .input-group-field {
font-size: calc(14.526784px * var(--FONT-ADJUST-BODY));
}
}
.search__page__heading .note {
padding: 10.5px 22px;
}
.search__page__heading .note p {
font-size: calc(var(--font-3) * var(--FONT-ADJUST-BODY));
}
.search-bar {
width: 100%;
margin-bottom: 20px;
}
.search__predictive {
--text: var(--COLOR-NAV-TEXT);
--text-dark: var(--COLOR-NAV-TEXT);
--text-light: var(--COLOR-NAV-TEXT);
--bg: var(--COLOR-NAV);
--border: var(--COLOR-NAV-BORDER);
color: var(--text);
background: var(--bg);
}
.search__predictive__outer {
width: 100%;
height: 100%;
}
.search__predictive__main {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.search__predictive__close {
text-align: left;
width: 80px;
height: 100%;
}
.search__predictive__close__inner {
font-size: 16px;
cursor: pointer;
padding: 20px 0;
height: 100%;
display: flex;
align-items: center;
}
.popdown__close__inner {
font-size: 16px;
cursor: pointer;
padding: 20px 0;
}
.search__predictive__clear {
display: none;
padding: 0 15px;
margin-top: 3px;
position: absolute;
right: 40px;
}
.search__predictive__clear .icon-close {
width: 12px;
height: 12px;
}
.dirty.search-drawer .search__predictive__clear {
display: flex;
}
.search-drawer .search__predictive__close {
display: none;
}
.dirty .search__results__outer {
display: grid;
grid-template-columns: 3fr 1fr;
grid-row-gap: var(--gutter);
grid-column-gap: var(--gutter);
min-height: 0;
transition: height 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media only screen and (min-width: 768px) and (max-width: 989px) {
.dirty .search__results__outer {
grid-template-columns: 2fr 1fr;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.dirty .search__results__outer {
grid-template-columns: 1fr 1fr;
}
}
@media only screen and (max-width: 479px) {
.dirty .search__results__outer {
grid-template-columns: repeat(1, 1fr);
}
}
.search__results__heading {
display: flex;
justify-content: space-between;
border-bottom: 1px solid var(--border);
}
.search__results__products__list {
display: grid;
column-gap: var(--gutter);
row-gap: var(--gutter);
grid-template-columns: repeat(2, 1fr);
}
@media only screen and (max-width: 989px) {
.search__results__products__list {
grid-template-columns: repeat(1, 1fr);
}
}
.dirty .header__search__results {
padding-bottom: 30px;
}
.dirty .search__results__products__list {
margin: var(--gutter) 0;
}
.product__inline {
display: grid;
grid-template-columns: 1fr 4fr;
grid-row-gap: var(--gutter);
grid-column-gap: var(--inner);
}
.search__results__title {
font-family: var(--FONT-STACK-ACCENT);
font-weight: var(--FONT-WEIGHT-ACCENT);
font-style: var(--FONT-STYLE-ACCENT);
text-transform: uppercase;
letter-spacing: 1px;
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
font-size: calc(12px * var(--FONT-ADJUST-ACCENT));
margin-right: 0.5em;
}
.search__results__title .strong, .search__results__title.strong {
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
}
.product__inline__title {
font-family: var(--FONT-STACK-BODY);
font-weight: var(--FONT-WEIGHT-BODY);
font-style: var(--FONT-STYLE-BODY);
font-weight: var(--FONT-WEIGHT-BODY-BOLD);
font-size: calc(15.51022208px * var(--FONT-ADJUST-BODY));
margin: 0;
}
@media (min-width: 480px) {
.product__inline__title {
font-size: calc(
(
15.51022208px +
2.2124544 *
(100vw - 480px) /
920
) * var(--FONT-ADJUST-BODY)
);
}
}
@media (min-width: 1400px) {
.product__inline__title {
font-size: calc(17.72267648px * var(--FONT-ADJUST-BODY));
}
}
.product__inline__price {
margin-top: 5px;
margin-bottom: 0;
}
.other__inline__title a {
display: block;
}
.header__search__results .animates {
opacity: 0;
}
.header__search__results .product__inline.animates,
.header__search__results .other__inline.animates {
animation: fade 0.5s ease-in-out;
animation-fill-mode: forwards;
}
@keyframes fade {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
/* Null results */
.search__predictive:not(.search--empty) .search__results__empty {
position: absolute !important;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
}
.search--empty .search__results__outer {
display: none;
}
.search--empty .search__results__empty {
text-align: center;
padding-bottom: 10px;
}
/* Mobile drawer version */
.drawer__search {
position: relative;
border-bottom: 1px solid var(--border);
}
.drawer__search .search__predictive__form__button {
position: absolute;
right: 0;
padding: 0 20px;
}
.drawer__search .search__predictive__form {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 0;
height: 50px;
width: 100%;
}
.drawer__search .search__predictive__form input,
.drawer__search .search__predictive__form input:focus {
border: none;
box-shadow: none;
margin: 0;
padding: 0 40px 0 0;
}
.drawer__search .search__predictive__form input::placeholder {
font-style: italic;
}
/* ============================================================================
#Blogs and Comments
============================================================================== */
.blog__article {
border: 1px solid rgba(0, 0, 0, 0.1);
box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.1);
border-radius: var(--radius-sm);
padding: 32px;
margin-bottom: 32px;
}
@media only screen and (max-width: 479px) {
.blog__article {
padding-left: 16px;
padding-right: 16px;
}
}
.blog__article .share {
padding-top: 16px;
padding-bottom: 0px;
}
.blog__article-header-image {
background-size: cover;
background-position: center center;
position: relative;
z-index: 0;
padding: 192px 32px 32px 32px;
margin-top: -32px;
margin-left: -32px;
width: calc(100% + 64px);
position: relative;
max-width: none;
color: #FFF;
}
@media only screen and (max-width: 479px) {
.blog__article-header-image {
width: calc(100% + 32px);
margin-left: -16px;
}
}
@media only screen and (max-width: 479px) {
.blog__article-header-image {
padding: 96px 16px 16px 16px;
}
}
.blog__article-header-image a {
color: #FFF;
}
.blog__article-header-image:after {
content: "";
width: 100%;
height: 100%;
position: absolute;
z-index: -1;
top: 0;
left: 0;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
}
.blog__article--over-image {
border: none;
margin-top: -140px;
background-color: var(--bg);
z-index: 100;
position: relative;
}
@media only screen and (max-width: 767px) {
.blog__article--over-image {
margin-top: -100px;
}
}
.article__card {
margin-top: 32px;
margin-bottom: 0;
box-shadow: none;
border-radius: 0;
--image-bottom: 5%;
}
.article__card__title {
padding: 0 21.3333333333px;
}
@media only screen and (max-width: 767px) {
.article__card__title {
padding: 0 16px;
}
}
.blog .article__card {
margin-top: 0;
margin-bottom: 32px;
border-radius: 20px;
}
h3.h4.mb0 {
font-size: 20px;
}
.blog__article--image {
position: relative;
overflow: hidden;
border: none;
}
.blog__article__overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 0;
background-size: cover;
background-position: center center;
border: none;
}
.blog__article__overlay:after {
content: "";
width: 100%;
height: 100%;
position: absolute;
z-index: -1;
top: 0;
left: 0;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
}
.blog__article__content {
margin-top: 16px;
}
.article__card .blog__article__content {
margin: 0;
min-height: 200px;
}
.blog__article--image .blog__article__content {
display: table;
}
.blog__article--image .blog__article__content .blog__article__title {
position: relative;
display: table-cell;
vertical-align: bottom;
color: white;
}
.blog__article--image .blog__article__content .blog__article__title a {
color: white;
}
.homepage-blog .blog__article--image .blog__article__content {
position: absolute;
margin: 0;
bottom: 0;
left: 0;
padding: 30px;
height: 100%;
width: 100%;
display: flex;
align-items: flex-end;
}
.homepage-blog__btn {
margin-top: 20px;
}
@media only screen and (min-width: 990px) {
.homepage-blog__btn {
margin-top: 32px;
}
}
.blog__article header {
margin-bottom: 32px;
}
.blog__article header .blog__article--light {
opacity: 0.6;
}
.blog__article footer {
margin-bottom: 32px;
}
.blog__sidebar {
position: relative;
}
.template-article .blog__sidebar {
position: relative;
margin-top: 40px;
}
.blog__rss {
position: absolute;
top: 0;
right: 0;
}
.blog__rss svg {
fill: var(--text-dark);
}
.blog__comments {
text-decoration: none;
}
.blog__comments em {
color: var(--text-light);
}
.blog__comments:hover {
text-decoration: underline;
}
.blog__tag {
position: relative;
font-family: var(--FONT-STACK-ACCENT);
font-weight: var(--FONT-WEIGHT-ACCENT);
font-style: var(--FONT-STYLE-ACCENT);
text-transform: uppercase;
letter-spacing: 1px;
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
font-size: calc(10px * var(--FONT-ADJUST-ACCENT));
border-radius: var(--radius-sm);
padding: 9px;
margin-bottom: 3px;
}
.blog__tag .strong, .blog__tag.strong {
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
}
.comment {
margin-bottom: 32px;
}
.comment + .comment {
border-top: 1px solid var(--hairline);
padding-top: 32px;
}
.blog__sidebar__title {
font-family: var(--FONT-STACK-ACCENT);
font-weight: var(--FONT-WEIGHT-ACCENT);
font-style: var(--FONT-STYLE-ACCENT);
text-transform: uppercase;
letter-spacing: 1px;
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
font-size: calc(15.51022208px * var(--FONT-ADJUST-ACCENT) );
color: var(--text);
}
.blog__sidebar__title .strong, .blog__sidebar__title.strong {
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
}
/* ================ Newsletter ================ */
.newsletter__contain {
max-width: 420px;
margin: 0 auto;
}
.standard__newsletter {
max-width: 420px;
}
.text-center .standard__newsletter {
margin-left: auto;
margin-right: auto;
}
.text-right .standard__newsletter {
margin-left: auto;
}
.newsletter__message,
.has-error:not(.newsletter--default-messages) p:not([class]),
.has-success:not(.newsletter--default-messages) p:not([class]) {
display: none;
}
.has-error > .newsletter__message--error,
.has-success > .newsletter__message--success {
display: block;
}
/* ================ Input Group ================ */
.input-group {
position: relative;
display: table;
border-collapse: separate;
}
.input-group .input-group-field:first-child,
.input-group .input-group-button:first-child,
.input-group .input-group-button:first-child > .btn,
.input-group input[type=hidden]:first-child + .input-group-field,
.input-group input[type=hidden]:first-child + .input-group-button > .btn {
border-radius: var(--radius-sm) 0 0 var(--radius-sm);
}
.input-group .input-group-field:last-child,
.input-group .input-group-button:last-child > .btn {
/* border-radius: var(--radius-sm); */
border-radius: 50px;
border: 1px solid #fff !important;
background-color: #fff;
color: #d94c65;
}
.input-group input {
/* Nasty Firefox hack for inputs http://davidwalsh.name/firefox-buttons */
}
input::placeholder {
/* color:#fff !important; */
opacity: 0.6;
}
.input-group input:-webkit-autofill, .input-group input:-webkit-autofill:hover, .input-group input:-webkit-autofill:focus, .input-group input:-webkit-autofill:active {
-webkit-transition: background-color 5000s ease-in-out 0s, border-color 5000s ease-in-out 0s;
transition: background-color 5000s ease-in-out 0s, border-color 5000s ease-in-out 0s;
-webkit-text-fill-color: var(--text) !important;
}
.input-group input::-moz-focus-inner {
border: 0;
padding: 0;
margin-top: -1px;
margin-bottom: -1px;
}
.input-group-field,
.input-group-button {
display: table-cell;
vertical-align: middle;
margin: 0;
}
.input-group .btn,
.input-group .input-group-field {
height: 37px;
display: flex;
align-items: center;
}
.input-group .input-group-field {
width: 100%;
margin-bottom: 0;
}
.input-group-button {
position: relative;
white-space: nowrap;
width: 1%;
padding: 0;
}
.input-group--inner-button {
width:100%;
padding: 5px;
border-radius: var(--radius-sm);
border: 1px solid #fff;
background-color:white;
}
.input-group--inner-button .input-group-button,
.input-group--inner-button .input-group-button .btn--outline {
border-radius: var(--radius-sm);
}
.input-group--inner-button input {
border: none;
}
.input-group--inner-button input:active, .input-group--inner-button input:focus {
border: none;
box-shadow: none;
}
.popup__inner .input-group-button {
position: relative;
}
.popup__inner .input-group-button button {
min-height: 32px;
margin: 0;
padding: 0 0 0 32px;
}
.popup__inner .input-group-button button:hover {
color: var(--primary);
}
.popup__inner .input-group-button .icon-arrow-right-long {
width: 21px;
height: auto;
}
.standard__newsletter .input-group--inner-button {
color: var(--text);
}
/* ============================================================================
#Cart Page
============================================================================== */
.template-cart .main-content {
min-height: var(--content-full);
}
.cart__return {
display: flex;
justify-content: flex-start;
align-items: center;
}
.checkout__button {
padding: 1.65rem 0.75rem;
}
.additional-checkout-buttons {
margin: 20px 0;
padding: 8px;
background-color: var(--bg-accent);
border: 1px solid var(--border);
text-align: right;
min-height: 68px;
}
.additional-checkout-buttons ul {
justify-content: center;
}
@media only screen and (max-width: 767px) {
.additional-checkout-buttons {
display: flex;
justify-content: center;
}
.additional-checkout-buttons .dynamic-checkout__content {
width: 100%;
}
}
@media only screen and (min-width: 480px) {
.additional-checkout-buttons {
padding: 12px;
}
}
.vendor--hide .item__vendor {
display: none;
}
.cart__notes__label {
text-align: left;
}
.quantity--hide .cart__items__quantity,
.quantity--hide .quantity__wrapper {
visibility: hidden;
}
/* ================ Discount text tag ================ */
.item__total__savings {
display: inline-block;
background-color: var(--primary-fade);
color: var(--primary);
padding: 3px 6px;
border-radius: 3px;
font-size: 12px;
margin-bottom: 0.25em;
width: 100%;
}
.cart__icon--tags svg {
width: 1em;
height: 1em;
position: relative;
}
.cart__icon--tags svg path {
opacity: 0.75;
stroke: var(--primary) !important;
fill: none !important;
}
/* ================ Loading animation ================ */
.cart--loading .quantity__wrapper {
--color: rgba(255,255,255,0);
--text: rgba(255,255,255,0);
}
.cart--loading .quantity__input {
background-color: var(--hairline);
border: 1px solid rgba(255, 255, 255, 0);
opacity: 0.6;
}
.cart--loading .quantity__button {
opacity: 0.3;
z-index: -2;
}
.item--loadbar {
height: 4px;
width: 100%;
position: absolute;
top: -1px;
left: 0;
overflow: hidden;
background-color: var(--hairline);
}
.item--loadbar:before {
content: "";
display: block;
position: absolute;
bottom: 0;
left: -300px;
width: 300px;
height: 4px;
background-color: var(--primary);
animation: loadbar 2s linear infinite;
}
@keyframes loadbar {
from {
left: -300px;
width: 30%;
opacity: 0;
}
1% {
left: -300px;
width: 30%;
opacity: 1;
}
50% {
width: 33%;
}
70% {
width: 66%;
}
80% {
left: 60%;
}
95% {
left: 120%;
opacity: 1;
}
99% {
left: 150%;
opacity: 0;
}
}
/* ================ Empty ================ */
.cart__template .cart--hidden {
display: none;
}
.cart__empty {
height: calc(50vh - var(--header-height));
position: relative;
display: flex;
justify-content: center;
align-items: center;
padding-bottom: 80px;
}
.cart__empty .image-overlay {
--bg: var(--text);
}
.cart__circle__wrapper {
display: flex;
justify-content: center;
align-items: center;
margin-top: -80px;
padding-bottom: 20px;
flex-direction: column;
}
.cart__circle {
background-color: var(--bg);
border-radius: 100%;
width: 160px;
height: 160px;
z-index: 10;
display: flex;
justify-content: center;
align-items: center;
color: var(--text-dark);
transition: box-shadow linear 0.8s;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06), 0 3px 12px rgba(0, 0, 0, 0.02);
}
.cart__circle svg {
transition: opacity linear 1.2s;
opacity: 0.2;
width: 3em;
height: 3em;
}
.cart__continue__link {
position: relative;
text-decoration: none;
font-family: var(--FONT-STACK-ACCENT);
font-weight: var(--FONT-WEIGHT-ACCENT);
font-style: var(--FONT-STYLE-ACCENT);
text-transform: uppercase;
letter-spacing: 1px;
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
font-size: calc(12px * var(--FONT-ADJUST-ACCENT));
text-align: center;
margin: 0;
padding-top: 1.5rem;
}
.cart__continue__link:after {
content: "";
right: 0;
position: absolute;
bottom: -1px;
height: 1px;
background: currentColor;
opacity: 0.25;
transition: width 0.2s ease;
}
.cart__continue__link .strong, .cart__continue__link.strong {
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
}
.cart__continue__link:after {
right: initial;
left: 0;
width: 0;
transition: width 0.9s ease;
bottom: -4px;
height: 3px;
}
.cart__circle__wrapper:hover svg {
opacity: 1;
}
.cart__circle__wrapper:hover .cart__circle {
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06), 0 3px 16px rgba(0, 0, 0, 0.02);
}
.cart__circle__wrapper:hover .cart__continue__link:after {
width: 100%;
}
.shipping-calculator [data-aria-hidden=true] {
display: none;
}
.shipping-calculator .shipping__rates.errors {
margin: 0;
}
.shipping__rates__button {
margin: 1em 0;
}
.shipping--success {
background-color: var(--hairline);
margin: 0;
}
.shipping--success p {
margin: 0;
}
.shipping--success li {
padding: 1em;
margin: 0;
}
.shipping--success li + li {
border-top: 1px solid var(--border);
}
/*====== Cart Message ======*/
.cart__message {
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: center;
padding: 15px var(--gutter);
border-bottom: 1px solid var(--border);
margin: 0;
font-size: calc(12px * var(--FONT-ADJUST-BODY));
line-height: 1.3;
}
.cart__message.is-hidden {
overflow: hidden;
visibility: hidden;
max-height: 0;
padding: 0 15px;
border: none;
opacity: 0;
}
.cart__message .cart__message-success {
display: none;
}
.cart__message.is-success .cart__message-success {
display: inline;
}
.cart__message.is-success .cart__message-success ~ .cart__message-default {
display: none;
}
.cart__message.is-success .cart__graph .cart__graph-dot {
transition: top 0.4s;
}
.cart__message.is-success .cart__graph .cart__graph-dot:before,
.cart__message.is-success .cart__graph .cart__graph-dot:after {
transform: scale(1);
opacity: 0;
transition: top 1s, left 1s, transform 1s, opacity 0.6s 0.4s;
}
.cart__message.is-success .cart__graph .cart__graph-dot--1:before {
top: -35px;
left: 65px;
}
.cart__message.is-success .cart__graph .cart__graph-dot--4:after,
.cart__message.is-success .cart__graph .cart__graph-dot--1:after {
top: 5px;
left: 45px;
}
.cart__message.is-success .cart__graph .cart__graph-dot--2:before {
top: 35px;
left: 15px;
}
.cart__message.is-success .cart__graph .cart__graph-dot--5:after,
.cart__message.is-success .cart__graph .cart__graph-dot--2:after {
top: 5px;
left: -35px;
}
.cart__message.is-success .cart__graph .cart__graph-dot--3:before {
top: -25px;
left: 5px;
}
.cart__message.is-success .cart__graph .cart__graph-dot--6:after,
.cart__message.is-success .cart__graph .cart__graph-dot--3:after {
top: 45px;
left: -45px;
}
.cart__message.is-success .cart__graph .cart__graph-dot--4:before {
top: -35px;
left: 90px;
}
.cart__message.is-success .cart__graph .cart__graph-dot--5:before {
top: -70px;
left: 15px;
}
.cart__message.is-success .cart__graph .cart__graph-dot--6:before {
top: -50px;
left: 55px;
}
.cart__message--custom {
justify-content: center;
padding: 15px var(--gutter);
border: none;
}
.cart__message--custom p {
margin: 0;
text-align: center;
font-size: calc(12px * var(--FONT-ADJUST-BODY));
padding: 5px 8px;
border: 1px solid var(--secondary);
border-radius: 3px;
background-color: var(--secondary-fade);
color: var(--secondary);
}
.cart__message--custom a {
text-decoration: underline;
}
.cart__message--custom a:hover {
text-decoration: none;
}
.cart__message--custom + .cart__message {
padding-top: 0;
justify-content: center;
}
/*====== Cart Graph ======*/
.cart__graph {
align-self: flex-start;
position: relative;
display: block;
width: 18px;
height: 18px;
margin-right: 8px;
transform: scale(-1, 1);
}
.cart__graph .cart__graph-dot {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
transform: rotate(90deg);
}
.cart__graph .cart__graph-dot--2 {
color: var(--COLOR-PRIMARY);
}
.cart__graph .cart__graph-dot--3 {
color: var(--COLOR-SECONDARY);
}
.cart__graph .cart__graph-dot--4 {
color: var(--INVERSE-PRIMARY);
}
.cart__graph .cart__graph-dot--5 {
color: var(--INVERSE-SECONDARY);
}
.cart__graph .cart__graph-dot--6 {
color: var(--COLOR-BG-ACCENT);
}
.cart__graph .cart__graph-dot--4,
.cart__graph .cart__graph-dot--5,
.cart__graph .cart__graph-dot--6 {
transform: rotate(205deg);
}
.cart__graph .cart__graph-dot:before,
.cart__graph .cart__graph-dot:after {
position: absolute;
top: 0;
left: 0;
width: 5px;
height: 5px;
border-radius: 50%;
background: currentColor;
transform: scale(0);
pointer-events: none;
content: "";
}
.cart__graph circle {
transform-origin: 50% 50%;
stroke-width: 2;
stroke: var(--primary-fade);
fill: none;
}
.cart__graph .cart__graph-progress {
position: absolute;
top: 0;
left: 0;
max-width: 100%;
max-height: 100%;
stroke: var(--primary);
transform: rotate(-90deg);
transform-origin: 50% 50%;
transition: stroke-dashoffset 0.3s;
}
.cart__page__shipping .cart__message {
border-bottom: none;
flex-direction: row-reverse;
}
.cart__page__shipping .cart__graph {
margin-right: 0;
margin-left: 8px;
}
/* ================ Cart drawer ================ */
.cart__drawer {
--cart-drawer-bottom: 150px;
}
@media only screen and (min-width: 768px) {
.cart__drawer {
--gutter: 20px;
}
}
.cart__drawer .errors {
margin: var(--gutter);
margin-bottom: 2px;
}
.cart__drawer .cart__items__total {
display: none;
}
.cart__drawer .cart--hidden {
opacity: 0;
height: 0;
visibility: hidden;
padding: 0;
}
.cart__drawer .cart__remove {
position: absolute !important;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
}
.cart__drawer .drawer__button {
padding-right: var(--gutter);
}
.cart__drawer__title {
display: flex;
height: 100%;
margin: 0;
padding: 0 0 0 var(--gutter);
align-items: center;
font-family: var(--FONT-STACK-ACCENT);
font-weight: var(--FONT-WEIGHT-ACCENT);
font-style: var(--FONT-STYLE-ACCENT);
text-transform: uppercase;
letter-spacing: 1px;
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
font-size: calc(12px * var(--FONT-ADJUST-ACCENT));
}
.cart__drawer__title .strong, .cart__drawer__title.strong {
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
}
.drawer__body {
overflow-y: auto;
flex: 1;
width: 100%;
min-height: 1px;
}
.drawer__body .upsell__holder {
margin: 15px;
}
.cart__drawer .drawer__top {
position: sticky;
width: 100%;
top: 0;
background: var(--bg);
z-index: 300;
}
.drawer__bottom {
width: 100%;
margin-top: auto;
}
.drawer__bottom form {
margin: 0;
}
.cart__drawer .drawer__content {
border: none;
}
/* ======= Cart items // drawer and mobile ======= */
.cart__items {
height: calc(100% - var(--cart-drawer-bottom));
}
.cart__items p {
margin: 0;
}
.line__price {
color: var(--text-light);
}
.line__price del, .line__price mark {
margin-right: 5px;
}
.line__price del {
color: var(--text-light);
}
.line__price mark {
color: var(--primary);
background: none;
}
.cart__items__row {
display: flex;
padding: var(--gutter);
border-bottom: 1px solid var(--border);
position: relative;
}
.cart__items__remove {
position: absolute;
top: var(--gutter);
right: var(--gutter);
}
.cart__items__grid {
display: grid;
grid-template-areas: "image title" "image price" "image quantity" "below below";
grid-template-columns: 90px 1fr;
grid-template-rows: auto auto auto auto;
grid-column-gap: var(--gutter);
grid-row-gap: 6px;
}
.cart__items__quantity .quantity__wrapper {
margin: 0;
}
.cart__items__meta {
font-family: var(--FONT-STACK-BODY);
font-weight: var(--FONT-WEIGHT-BODY);
font-style: var(--FONT-STYLE-BODY);
color: var(--text-light);
font-style: italic;
}
.cart__items__title {
font-family: var(--FONT-STACK-BODY);
font-weight: var(--FONT-WEIGHT-BODY);
font-style: var(--FONT-STYLE-BODY);
font-weight: var(--FONT-WEIGHT-BODY-BOLD);
color: var(--text-dark);
grid-area: title;
padding-right: 25px;
}
.cart__items__price {
grid-area: price;
}
.cart__items__quantity {
grid-area: quantity;
}
.cart__items__savings {
grid-area: below;
margin-top: 5px;
}
.cart__items__image {
grid-area: image;
}
.cart__items__image .cart__items__img {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
object-fit: cover;
}
.drawer__bottom__meta {
padding: 1rem var(--gutter);
margin: 0;
}
.drawer__footer__subtotal .cart__footer__itemtotal,
.drawer__footer__subtotal .cart__footer__discount {
font-size: calc(var(--font-3) * var(--FONT-ADJUST-BODY));
padding: 1rem var(--gutter);
margin: 0;
border-top: 1px solid var(--border);
}
.drawer__footer__subtotal .cart__footer__itemtotal .cart__footer__value,
.drawer__footer__subtotal .cart__footer__discount .cart__footer__value {
font-weight: var(--FONT-WEIGHT-BODY-BOLD);
}
.drawer__footer__subtotal .cart__footer__discount {
background-color: var(--primary-fade);
color: var(--primary);
}
.drawer__checkout__additional .additional-checkout-buttons {
border-left: none;
border-right: none;
margin-bottom: 0;
border-bottom: 0;
margin-top: 0;
border: none;
}
/* ================ Cart blank state ================ */
.cart__items--blankstate .cart__items__img {
width: 100%;
padding-top: 100%;
display: block;
}
.cart__items--blankstate .cart__items__title {
width: 120px;
padding-top: 1em;
}
.cart__items--blankstate .cart__items__price {
width: 60px;
padding-top: 1em;
}
.cart__items--blankstate .item--loadbar:before {
background-color: var(--hairline);
}
.empty-content {
overflow: hidden;
background-color: var(--border);
background: linear-gradient(100deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 70%) var(--border);
background-size: 200% 100%;
background-position-x: 180%;
animation: 1s shimmer cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
}
@keyframes shimmer {
to {
background-position-x: -20%;
}
}
/* ================ Cart template ================ */
@media only screen and (min-width: 768px) {
.cart__template .cart__items__row {
padding: var(--gutter) 0;
}
.cart__template .cart__items__grid {
display: grid;
width: 100%;
grid-template-areas: "image title price quantity total" "image remove price quantity total" "image savings price quantity total";
grid-template-columns: 90px 2fr 1fr 1fr 1fr;
grid-template-rows: auto auto auto auto;
grid-column-gap: var(--gutter);
grid-row-gap: 0px;
}
.cart__template .cart__items__image {
grid-area: image;
width: 90px;
height: 90px;
}
.cart__template .cart__items__title {
grid-area: title;
}
.cart__template .cart__items__price {
grid-area: price;
}
.cart__template .cart__items__quantity {
grid-area: quantity;
display: flex;
justify-self: center;
}
.cart__template .cart__items__savings {
grid-area: savings;
}
.cart__template .cart__items__remove {
grid-area: remove;
position: relative;
top: initial;
right: initial;
}
.cart__template .cart__remove__icon {
display: none;
}
.cart__template .cart__items__total {
grid-area: total;
text-align: right;
justify-content: flex-end;
}
.cart__template .cart__items__row .cart__items__total,
.cart__template .cart__items__row .cart__items__price {
display: flex;
align-items: center;
}
.cart__template .cart__heading__quantity p {
text-align: center;
}
.cart__template .line__price del,
.cart__template .line__price mark {
display: block;
}
.cart__template .cart__items {
height: auto;
overflow-y: unset;
}
.cart__template .checkout__button {
min-width: 300px;
}
}
@media only screen and (min-width: 768px) and (max-width: 479px) {
.cart__template .checkout__button {
width: 100%;
margin: 10px 0;
padding: 22px 10px;
}
}
/* ================ Cart page headings ================ */
.cart__items__grid.cart__heading__wrapper {
border-bottom: 1px solid var(--border);
grid-row-gap: 5px;
}
.cart__heading {
font-family: var(--FONT-STACK-ACCENT);
font-weight: var(--FONT-WEIGHT-ACCENT);
font-style: var(--FONT-STYLE-ACCENT);
text-transform: uppercase;
letter-spacing: 1px;
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
font-size: calc(12px * var(--FONT-ADJUST-ACCENT));
margin: 0;
padding: 0;
}
.cart__heading .strong, .cart__heading.strong {
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
}
.cart__heading__back {
grid-column-start: image;
grid-column-end: title;
}
/* ================ Cart page footer ================ */
.template__cart__footer {
margin-top: 2em;
display: grid;
grid-template-areas: "product product total total" "notes notes update checkout" "shipping shipping empty empty" "additional additional additional additional";
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-template-rows: auto auto auto auto;
grid-column-gap: var(--gutter);
grid-row-gap: 10px;
}
.template__cart__footer .upsell__holder {
grid-area: product;
margin-top: 0;
}
.template__cart__footer .cart__footer__notes {
grid-area: notes;
}
.template__cart__footer .cart__footer__total {
grid-area: total;
}
.template__cart__footer .cart__footer__checkout {
grid-area: checkout;
}
.template__cart__footer .cart__footer__shipping {
grid-area: shipping;
}
.template__cart__footer .cart__footer__shipping .accordion__title {
font-size: calc(13.144256px * var(--FONT-ADJUST-ACCENT) );
}
.template__cart__footer .cart__footer__shipping .drawer__accordion__button,
.template__cart__footer .cart__footer__shipping .shipping-calculator {
padding: 1em 0;
}
.template__cart__footer .cart__footer__shipping .drawer__accordion__body {
padding: 0;
}
.template__cart__footer .cart__footer__update {
grid-area: update;
}
.template__cart__footer .cart__footer__additional {
grid-area: additional;
}
.template__cart__footer .cart__footer__total p {
margin: 0;
padding: 5px 0;
}
.template__cart__footer .cart__footer__label {
font-family: var(--FONT-STACK-ACCENT);
font-weight: var(--FONT-WEIGHT-ACCENT);
font-style: var(--FONT-STYLE-ACCENT);
text-transform: uppercase;
letter-spacing: 1px;
font-size: calc(12px * var(--FONT-ADJUST-ACCENT));
}
.template__cart__footer .cart__footer__label .strong, .template__cart__footer .cart__footer__label.strong {
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
}
.template__cart__footer .cart__footer__value {
font-size: calc(18.3020620544px * var(--FONT-ADJUST-BODY));
font-weight: var(--FONT-WEIGHT-BODY-BOLD);
}
@media (min-width: 480px) {
.template__cart__footer .cart__footer__value {
font-size: calc(
(
18.3020620544px +
3.3196032512 *
(100vw - 480px) /
920
) * var(--FONT-ADJUST-BODY)
);
}
}
@media (min-width: 1400px) {
.template__cart__footer .cart__footer__value {
font-size: calc(21.6216653056px * var(--FONT-ADJUST-BODY));
}
}
.template__cart__footer .cart__footer__small {
font-style: italic;
color: var(--text-light);
}
@media only screen and (min-width: 768px) {
.template__cart__footer > .cart__footer__notes:first-of-type {
grid-area: product;
}
.template__cart__footer > .cart__footer__notes:first-of-type + .cart__footer__shipping {
grid-area: notes;
}
}
.cart__footer__total,
.cart__footer__checkout,
.cart__footer__update {
text-align: right;
}
.cart__footer__update {
display: none;
}
.no--ajax .cart__footer__checkout,
.no-js .cart__footer__checkout {
grid-column-start: checkout;
grid-column-end: checkout;
}
.no--ajax .cart__footer__update,
.no-js .cart__footer__update {
display: flex;
align-items: flex-start;
padding-top: 15px;
justify-content: flex-end;
}
/* ================ Cart page mobile ================ */
@media only screen and (max-width: 767px) {
.template__cart__footer {
display: grid;
grid-template-areas: "product" "total" "checkout" "shipping" "update" "notes" "additional";
grid-template-columns: 1fr;
grid-template-rows: auto;
grid-column-gap: 0;
grid-row-gap: 10px;
}
.template__cart__footer .drawer__bottom__shipping {
margin-top: 15px;
}
.cart__heading__wrapper .cart__items__quantity,
.cart__heading__wrapper .cart__items__price {
display: none;
}
.cart__template .cart__remove {
position: absolute !important;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
}
.cart__template .cart__items__total {
display: none;
}
.cart__template .checkout__button {
width: 100%;
}
.cart__template .cart__items__row {
padding: var(--gutter) 0;
}
.cart__template .cart__remove__icon {
right: 0;
}
.cart__template .pt2 {
padding-top: var(--gutter);
}
.cart__template .h3--body {
font-family: var(--FONT-STACK-ACCENT);
font-weight: var(--FONT-WEIGHT-ACCENT);
font-style: var(--FONT-STYLE-ACCENT);
text-transform: uppercase;
letter-spacing: 1px;
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
font-size: calc(18.3020620544px * var(--FONT-ADJUST-ACCENT) );
text-align: center;
}
.cart__template .h3--body .strong, .cart__template .h3--body.strong {
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
}
.cart__template .cart__return {
display: block;
font-size: calc(12px * var(--FONT-ADJUST-ACCENT));
text-align: center;
border-top: 1px solid var(--border);
padding: 3px;
}
.cart__template .cart__items__grid.cart__heading__wrapper {
grid-row-gap: 0;
}
}
/* ================ No Ajax update animation ================ */
.cart__update {
display: none;
}
.no-js .cart__update,
.no--ajax .cart__update {
display: inline-block;
}
.cart__update__icon {
display: none;
}
.cart__update__icon svg {
position: relative;
top: 0.2em;
width: 1em;
height: 1em;
margin-right: 0.3em;
}
.cart__update__icon svg.icon path {
stroke: var(--primary);
fill: none;
}
.heartBeat svg {
animation-name: heartBeat;
animation-duration: 1.3s;
animation-timing-function: ease-in-out;
animation-fill-mode: both;
}
@keyframes heartBeat {
0% {
transform: scale(1);
}
14% {
transform: scale(1.3);
}
28% {
transform: scale(1);
}
42% {
transform: scale(1.3);
}
70% {
transform: scale(1);
}
}
.cart--dirty .text-link {
border-bottom: 1px solid var(--primary);
}
.cart--dirty .cart__update__icon {
display: inline;
}
.no-js .cart__update__icon {
display: inline;
}
.no-js .cart__footer__shipping {
display: none;
}
/* ============================================================================
#Quantity Selectors
============================================================================== */
.quantity__wrapper {
position: relative;
display: flex;
align-items: center;
margin-bottom: 1em;
max-width: 103px;
min-width: 75px;
overflow: visible;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.quantity__input {
display: block;
background: none;
text-align: center;
border: 1px solid var(--border);
width: 100%;
padding: 11px 30px;
border-radius: 0;
margin: 0 !important;
}
.quantity__button {
cursor: pointer;
position: absolute;
display: flex;
justify-content: center;
align-items: center;
padding: 0 12px;
top: 0px;
bottom: 0px;
border: 0 none;
background: none;
text-align: center;
overflow: hidden;
-webkit-user-select: none;
user-select: none;
transition: all 0.2s ease-out;
}
.quantity__button:hover, .quantity__button:focus, .quantity__button:active {
color: var(--primary);
outline: none;
background-color: transparent !important;
}
.quantity__button:active {
opacity: 0.7;
}
.quantity__button--plus {
right: 0;
}
.quantity__button--minus {
left: 0;
}
html.no-js .quantity__button {
display: none;
}
/* ============================================================================
#Cart Drawer
============================================================================== */
.product-add-popdown {
position: fixed;
z-index: 18000;
top: 0;
right: 0;
left: 0;
width: 100%;
opacity: 0;
visibility: hidden;
transition: opacity 0.5s ease, transform 0.5s ease, visibility 0s linear 0.5s;
transform: translate3d(0, -100%, 0);
color: var(--COLOR-NAV-TEXT);
background: var(--COLOR-NAV);
border-bottom: 1px solid var(--COLOR-NAV-BORDER);
}
.product-add-popdown.has-errors {
position: static;
width: 100%;
margin: 2.7em 0 0;
border-bottom: none;
background: rgba(255, 255, 255, 0);
}
.product-add-popdown.is-visible {
opacity: 1;
visibility: visible;
transition: opacity 0.5s ease, transform 0.5s ease, visibility 0s linear 0s;
transform: translate3d(0, 0, 0);
}
.product-add-popdown:not(.has-errors) {
min-height: var(--header-height);
}
.product__popdown__textbar {
text-align: center;
background: var(--COLOR-ANNOUNCEMENT-BG);
color: var(--COLOR-ANNOUNCEMENT-TEXT);
}
.product__popdown__outer {
width: 100%;
height: 100%;
}
.product__popdown__inner {
width: 100%;
height: 100%;
margin-top: 15px;
margin-bottom: 15px;
display: flex;
justify-content: space-between;
align-items: center;
}
.product__popdown__close,
.product__popdown__image,
.product__popdown__cart__wrapper {
flex-grow: 1;
flex-basis: 0;
}
.product__popdown__close {
text-align: left;
}
.popdown__close__inner {
font-size: 16px;
cursor: pointer;
padding: 20px 0;
}
.product__popdown__image {
display: flex;
justify-content: center;
padding: 0 25px;
}
.product__popdown__image img {
width: 80px;
height: 80px;
border-radius: 100%;
object-fit: cover;
}
@media only screen and (max-width: 767px) {
.product__popdown__image img {
width: 60px;
height: 60px;
}
}
.product__popdown__title {
font-family: var(--FONT-STACK-ACCENT);
font-weight: var(--FONT-WEIGHT-ACCENT);
font-style: var(--FONT-STYLE-ACCENT);
text-transform: uppercase;
letter-spacing: 1px;
font-size: calc(12px * var(--FONT-ADJUST-ACCENT));
margin-bottom: 0;
}
.product__popdown__title .strong, .product__popdown__title.strong {
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
}
.product__popdown__title--bold {
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
}
.product__popdown__cart__wrapper {
text-align: right;
}
.product__popdown__added {
opacity: 0.8;
}
.product__add__drawer {
width: 100%;
}
.product__add__image__container {
min-height: 200px;
}
/* ============================================================================
#Search popdown
============================================================================== */
.search-popdown {
position: fixed;
z-index: 30000;
top: 0;
right: 0;
left: 0;
width: 100%;
opacity: 0;
visibility: hidden;
max-height: 100%;
overflow-y: scroll;
transition: opacity 0.5s ease, transform 0.5s ease, visibility 0s linear 0.5s;
transform: translate3d(0, -100%, 0);
border-bottom: 1px solid var(--border);
}
.search-popdown.is-visible {
opacity: 1;
visibility: visible;
transition: opacity 0.5s ease, transform 0.5s ease, visibility 0s linear 0s;
transform: translate3d(0, 0, 0);
background: white;
}
.search-popdown .search__predictive__main {
height: var(--header-height);
}
.search-popdown .search__predictive__form {
display: flex;
justify-content: flex-end;
height: 100%;
width: 100%;
margin: 0;
}
.search-popdown .search__predictive__form input {
margin: 0;
border: none;
font-size: calc(15.51022208px * var(--FONT-ADJUST-BODY));
}
@media (min-width: 480px) {
.search-popdown .search__predictive__form input {
font-size: calc(
(
15.51022208px +
2.2124544 *
(100vw - 480px) /
920
) * var(--FONT-ADJUST-BODY)
);
}
}
@media (min-width: 1400px) {
.search-popdown .search__predictive__form input {
font-size: calc(17.72267648px * var(--FONT-ADJUST-BODY));
}
}
.search-popdown .search__predictive__form input:focus, .search-popdown .search__predictive__form input:active {
box-shadow: none;
}
.search-popdown .search__predictive__form__button {
padding: 0 15px;
}
/* ============================================================================
#Customer Accounts
============================================================================== */
.full__page__form__wrapper {
background: var(--hairline);
min-height: var(--content-full);
display: flex;
flex-direction: column;
justify-content: center;
}
@media only screen and (max-width: 479px) {
.full__page__form__wrapper .wrapper, .full__page__form__wrapper .wrapper .grandparent .header__dropdown__wrapper, .wrapper .grandparent .full__page__form__wrapper .header__dropdown__wrapper {
padding: 0;
}
}
.shopify-challenge__container {
min-height: var(--content-full);
display: flex;
flex-direction: column;
justify-content: center;
}
.shopify-challenge__message {
font-family: var(--FONT-STACK-ACCENT);
font-weight: var(--FONT-WEIGHT-ACCENT);
font-style: var(--FONT-STYLE-ACCENT);
text-transform: uppercase;
letter-spacing: 1px;
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
font-size: calc(13.144256px * var(--FONT-ADJUST-ACCENT) );
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
color: var(--text);
text-align: center;
}
.shopify-challenge__message .strong, .shopify-challenge__message.strong {
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
}
.shopify-challenge__button {
padding: 1.6rem 1.4rem;
font-family: var(--FONT-STACK-ACCENT);
font-weight: var(--FONT-WEIGHT-ACCENT);
font-style: var(--FONT-STYLE-ACCENT);
text-transform: uppercase;
letter-spacing: 1px;
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
font-size: calc(13.144256px * var(--FONT-ADJUST-ACCENT) );
}
.shopify-challenge__button .strong, .shopify-challenge__button.strong {
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
}
.full__page__form {
background-color: transparent;
padding: 3rem;
margin: 3rem 0;
}
@media only screen and (max-width: 479px) {
.full__page__form {
padding: 1rem;
}
}
.full__page__form form {
margin: 0;
padding: 0;
}
.account__form__title {
font-family: var(--FONT-STACK-ACCENT);
font-weight: var(--FONT-WEIGHT-ACCENT);
font-style: var(--FONT-STYLE-ACCENT);
text-transform: uppercase;
letter-spacing: 1px;
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
font-size: calc(13.144256px * var(--FONT-ADJUST-ACCENT) );
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
color: var(--text);
text-align: center;
}
.account__form__title .strong, .account__form__title.strong {
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
}
.account__form__title--guest {
margin-top: 64px;
}
.order__item__subscription {
margin-top: 10px;
margin-bottom: 0;
font-size: calc(var(--font-3) * var(--FONT-ADJUST-BODY));
}
.order__item--original {
color: var(--muted);
text-decoration: line-through;
}
.order__table tr {
border-bottom: 1px solid var(--border);
}
@media only screen and (max-width: 479px) {
.order__table tbody tr {
border-bottom: 2px solid var(--text-dark) !important;
}
.order__table td {
padding: 10px 0 !important;
}
}
/* ================ Account page headers ================ */
.account-header {
margin-bottom: 21.3333333333px;
}
@media only screen and (min-width: 768px) {
.account-header {
display: table;
width: 100%;
}
.account-header__title {
margin-bottom: 12.8px;
}
.account-header__left {
display: table-cell;
vertical-align: middle;
margin-bottom: 0;
}
.account-header__left h1,
.account-header__left h2,
.account-header__left h3,
.account-header__left h4,
.account-header__left .h1,
.account-header__left .h2,
.account-header__left .h3,
.account-header__left .h4 {
margin-bottom: 0;
}
.account-header__right {
display: table-cell;
vertical-align: middle;
text-align: right;
}
}
@media only screen and (min-width: 768px) and (max-width: 767px) {
.account-header__right {
margin-bottom: 32px;
}
}
/* ============================================================================
#Password Page
============================================================================== */
.template-password {
height: 100%;
text-align: center;
}
.password-section,
.password__wrapper {
width: 100%;
height: 100%;
}
.password__outer {
position: absolute;
width: 100%;
height: 100%;
}
.password__wrapper {
display: table;
position: relative;
color: var(--text-dark);
background-color: var(--primary);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
background-color: var(--text-dark);
}
.password__wrapper .password__footer__inner {
color: #FFF;
}
.password__wrapper a {
color: inherit;
}
.password__box,
.password__footer__inner {
position: relative;
z-index: 10;
}
.password__main {
display: table-row;
width: 100%;
height: 100%;
margin: 0 auto;
}
.password__main__inner {
display: table-cell;
vertical-align: middle;
padding: 16px 32px;
}
@media only screen and (max-width: 479px) {
.password__main__inner {
padding: 10.6666666667px 10.6666666667px;
}
}
@media only screen and (min-width: 480px) {
.password__main__inner {
padding: 10.6666666667px 32px;
}
}
.password__box {
background-color: var(--bg);
max-width: 600px;
margin: 0 auto;
}
@media only screen and (max-width: 479px) {
.password__box {
padding: 32px 32px;
}
}
@media only screen and (min-width: 480px) {
.password__box {
padding: 32px 0;
}
}
.template-password .input-group--inner-button {
border: 1px solid var(--hairline);
}
.storefront-password-form {
margin-top: 32px;
}
.password__hero {
font-family: var(--FONT-STACK-HEADING);
font-weight: var(--FONT-WEIGHT-HEADING);
font-style: var(--FONT-STYLE-HEADING);
letter-spacing: var(--FONT-HEADING-SPACE);
text-transform: var(--FONT-HEADING-CAPS);
font-size: calc(35.4836308732px * var(--FONT-ADJUST-HEADING));
line-height: 1.15;
letter-spacing: 0;
text-rendering: optimizeLegibility;
padding-bottom: 32px;
padding-top: 32px;
}
@media (min-width: 480px) {
.password__hero {
font-size: calc(
(
35.4836308732px +
12.415591523 *
(100vw - 480px) /
920
) * var(--FONT-ADJUST-HEADING)
);
}
}
@media (min-width: 1400px) {
.password__hero {
font-size: calc(47.8992223962px * var(--FONT-ADJUST-HEADING));
}
}
.password__hero .logo {
max-width: 100%;
max-height: 200px;
}
.password__message {
padding-left: 15px;
padding-right: 15px;
font-size: 120%;
}
.password__message img {
max-width: 100%;
}
.password__hero,
.password__message,
.password__login-form,
.password__signup-form {
max-width: 500px;
margin: 0 auto;
}
.password__login-form {
text-align: center;
padding: 64px 32px;
}
.password__login-form,
.password__box {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
border-radius: var(--radius);
}
.password__login-form,
.password__signup-form {
background-color: var(--bg);
}
@media only screen and (min-width: 480px) {
.password__login-form,
.password__signup-form {
padding-left: 32px;
padding-right: 32px;
}
}
.password__login-form .input-group,
.password__signup-form .input-group {
width: 100%;
}
.password__login-form .errors ul,
.password__signup-form .errors ul {
list-style-type: none;
margin-left: 0;
}
.password__signup-form {
padding-top: 32px;
}
.password__signup-form__heading {
margin-bottom: 0.8em;
}
.password__social-sharing {
margin-top: 32px;
}
.password__social-sharing__heading {
margin-bottom: 0;
}
.admin-login {
margin-top: 16px;
margin-bottom: 0;
font-size: 95%;
}
.admin-login a {
text-decoration: none;
}
.password__footer {
display: table-row;
height: 1px;
}
.password__footer__inner {
display: table-cell;
vertical-align: bottom;
padding: 32px;
line-height: 1.5em;
font-size: 95%;
color: var(--COLOR-FOOTER-TEXT);
}
.password__footer__inner a,
.password__footer__inner .password__modal__button {
color: currentColor;
text-decoration: none;
margin: 0 16px;
}
@media only screen and (max-width: 767px) {
.password__footer__inner a,
.password__footer__inner .password__modal__button {
display: block;
margin-top: 16px;
}
}
.shopify-section.password-section + .shopify-section {
padding-top: 100vh;
}
/* ================ Product Media ================ */
.product__media__wrapper {
margin-bottom: calc(var(--gutter) * 2);
}
.product__slides {
position: relative;
font-size: 0;
top:15px;
overflow-y: hidden;
}
.product__slides .flickity-viewport {
transition: height 0.4s;
}
.product__slides .flickity-slider > * {
width: 100%;
opacity: 0 !important;
transition: opacity 1s ease !important;
}
.product__slides .flickity-slider > *.is-selected {
opacity: 1 !important;
}
.no-js .product__slides > *:not(noscript) {
display: none;
}
body.focus-enabled .product__slides:focus .product__media.is-selected {
border: 1px solid var(--secondary);
}
html.js .product__slides:not(.flickity-enabled) > .product__media:not(:first-child),
html.js .media__thumb__wrapper.flickity-enabled > .media__thumb:nth-child(n+8) {
display: none;
}
.product__slides.flickity-enabled .product__media:not(.is-selected) {
visibility: hidden;
}
.product__slides.flickity-lock-height .flickity-viewport {
padding-bottom: var(--default-ratio);
}
.product__image__placeholder {
width: 100%;
padding-top: 66%;
background-color: var(--bg-accent);
}
.media__contain {
margin: 0 auto;
min-height: 1px;
width: 100%;
height: 0;
position: relative;
}
.shopify-model-viewer-ui,
model-viewer,
.media__contain .plyr--video,
.media__contain > video,
.media__contain > iframe {
width: 100%;
height: 100%;
position: absolute !important;
top: 0;
left: 0;
max-width: 100%;
/* IE FIX */
min-width: 100%;
min-height: 100%;
}
video::-webkit-media-controls-panel {
display: flex !important;
opacity: 1 !important;
}
.btn--ar {
width: 100%;
position: relative;
margin-top: 10px;
padding: 10px 15px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 0px;
}
[data-shopify-xr-hidden] {
width: 0px;
padding: 0;
}
@media only screen and (min-width: 768px) {
[data-shopify-xr-hidden] {
display: none;
}
}
.btn--ar .icon {
display: inline-block;
height: 20px;
width: 20px;
color: currentColor;
margin-right: 4px;
}
.btn--ar .icon path {
fill: inherit;
stroke: inherit;
}
.btn--ar .icon path.icon-media-model-outline {
stroke: none;
fill: none;
}
.btn--ar .icon path.icon-media-model-square {
stroke: none;
fill: none;
}
.btn--ar .icon path.icon-media-model-element {
fill: currentColor;
opacity: 1;
}
.product-single__view-in-space-text {
display: inline-block;
vertical-align: middle;
}
.thumb--video,
.thumb--model {
position: relative;
}
/* zoom button over product image -- additional styles in pswp */
.media__zoom__icon {
position: absolute;
bottom: 106px;
right: 0;
opacity: 0;
z-index: 100;
background: none;
color: var(--bg);
padding: 1em;
cursor: zoom-in;
transition: opacity 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media only screen and (max-width: 767px) {
.media__zoom__icon {
opacity: 1;
}
}
.product__slides:hover .media__zoom__icon,
.product__slides:focus .media__zoom__icon,
.media__zoom__icon:focus {
opacity: 1;
}
.media__zoom__icon svg {
width: 30px;
height: auto;
filter: drop-shadow(0px 0px 0.5px rgba(0, 0, 0, 0.2));
}
.pswp__counter {
color: var(--text-light);
font-family: var(--FONT-STACK-ACCENT);
font-weight: var(--FONT-WEIGHT-ACCENT);
font-style: var(--FONT-STYLE-ACCENT);
text-transform: uppercase;
letter-spacing: 1px;
font-size: calc(12px * var(--FONT-ADJUST-ACCENT));
}
.pswp__counter .strong, .pswp__counter.strong {
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
}
.pswp--zoom-allowed .pswp__img {
cursor: var(--URL-ZOOM) 0 0, zoom-in;
cursor: -webkit-image-set(var(--URL-ZOOM) 1x, var(--URL-ZOOM-2X) 2x), zoom-in;
}
/* removes media players from the tabindex when they are hidden */
body.focus-enabled .product__media:not(.is-selected) .plyr,
body.focus-enabled .product__media:not(.is-selected) model-viewer,
body.focus-enabled .product__media:not(.is-selected) .shopify-model-viewer-ui,
body.focus-enabled .product__media:not(.is-selected) .media__contain iframe {
display: none;
}
.product__media img,
.media__thumb img,
.cart__items__img,
.product__popdown__image img,
img.upsell__image__inner,
.product-grid-item .collection__image__bottom img,
.product-grid-item .collection__image__top,
.product-grid-item .product-grid-item__slide,
.collection__products .grid img,
.collection__products .grid--full img {
filter: brightness(var(--PHOTO-CORRECTION));
}
/* Thumbnails */
.media__thumb {
position: relative;
display: inline-block;
padding: 0;
cursor: pointer;
width: 60px;
height: 60px;
margin: 10px 10px 5px 0;
}
@media only screen and (min-width: 768px) {
.media__thumb {
margin: 8px 8px 5px 0;
}
/* .media__thumb img {
width: 50%;
height: 50%;
object-fit: cover;
} */
}
.media__thumb::after {
content: "";
position: absolute;
bottom: -4px;
left: 50%;
width: 0;
height: 100%;
border-bottom: 2px solid var(--border);
pointer-events: none;
transform: translateX(-50%);
transition: width 0.3s;
}
.media__thumb.is-activated::after {
width: 100%;
}
.media__thumb img {
width: 100%;
height: 100%;
object-fit: cover;
}
/* @media only screen and (min-width: 768px) {
.media__thumb img {
width: 50%;
height: 50%;
object-fit: cover;
}
} */
.media__thumb .icon {
position: absolute;
top: 2px;
right: 2px;
margin: 0;
height: 20px;
width: 20px;
color: transparent;
fill: var(--COLOR-BG);
vertical-align: baseline;
}
.media__thumb .icon path {
fill: inherit;
stroke: inherit;
}
.media__thumb .icon path.icon-media-model-outline, .media__thumb .icon path.icon-media-video-outline {
stroke: var(--COLOR-A5);
}
.media__thumb .icon path.icon-media-model-element, .media__thumb .icon path.icon-media-video-element {
fill: var(--COLOR-TEXT-DARK);
}
@media only screen and (max-width: 479px) {
.media__thumb__wrapper.flickity-enabled {
max-width: none;
overflow: hidden;
}
.media__thumb__wrapper.flickity-enabled .flickity-viewport {
max-width: none;
overflow: hidden;
}
.media__thumb__wrapper.flickity-enabled .flickity-slider:last-child::after {
content: "";
padding-right: 1px;
}
}
@media only screen and (max-width: 767px) {
.media__thumb__wrapper .media__thumb {
margin-bottom: 16px;
}
}
.product__pickup {
margin: 32px 0;
}
.product__details + .product__pickup {
margin-top: 26px;
}
.pickup__preview {
margin: 0;
}
.pickup__preview p {
margin: 0;
}
.pickup__info__timing {
font-style: italic;
}
.pickup__preview--primary {
display: flex;
align-items: flex-start;
}
.pickup__preview--primary button.pickup__button {
margin-left: 4px;
font-style: italic;
}
.pickup__list__item .icon {
width: 15px;
}
.pickup__preview .icon {
width: 12px;
}
.pickup__list__item .icon,
.pickup__preview .icon {
margin: 0 6px 0 0;
height: calc(0.875rem * var(--FONT-ADJUST-BODY) * 1.5);
}
.pickup__list__item .icon-in-stock path,
.pickup__preview .icon-in-stock path {
fill: #56AD6A;
}
.pickup__list__item .icon-out-of-stock,
.pickup__preview .icon-out-of-stock {
fill: #D02E2E;
}
.pickup__preview .icon-out-of-stock {
width: 9px;
margin: 1px 6px 0 0;
}
.pickup__list__item .icon-out-of-stock {
width: 12px;
margin: -3px 7px 0 0;
}
@media only screen and (min-width: 768px) {
.pickup__drawer {
--gutter: 20px;
}
}
.pickup__address {
font-style: normal;
margin: 8px 0 0 0;
padding: 0 0 0 15px;
border-left: 3px solid var(--bg-accent);
}
.pickup__content {
overflow-y: auto;
}
.pickup__header {
display: flex;
margin: 0;
padding: var(--gutter);
align-items: center;
height: auto;
position: sticky;
top: 0;
background: var(--bg);
border-bottom: 1px solid var(--border);
}
.pickup__header .drawer__button {
padding-right: 0;
}
.pickup__header__title {
font-family: var(--FONT-STACK-ACCENT);
font-weight: var(--FONT-WEIGHT-ACCENT);
font-style: var(--FONT-STYLE-ACCENT);
text-transform: uppercase;
letter-spacing: 1px;
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
font-size: calc(12px * var(--FONT-ADJUST-ACCENT));
font-size: calc(12px * var(--FONT-ADJUST-ACCENT));
}
.pickup__header__title .strong, .pickup__header__title.strong {
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
}
.pickup__header__title p {
margin: 0;
}
.pickup__product__wrap {
background-color: var(--bg-accent);
padding: var(--gutter);
text-align: center;
}
.pickup__product__title {
font-size: calc(18.3020620544px * var(--FONT-ADJUST-BODY));
font-family: var(--FONT-STACK-BODY);
font-weight: var(--FONT-WEIGHT-BODY);
font-style: var(--FONT-STYLE-BODY);
font-weight: var(--FONT-WEIGHT-BODY-BOLD);
margin: 0;
}
@media (min-width: 480px) {
.pickup__product__title {
font-size: calc(
(
18.3020620544px +
3.3196032512 *
(100vw - 480px) /
920
) * var(--FONT-ADJUST-BODY)
);
}
}
@media (min-width: 1400px) {
.pickup__product__title {
font-size: calc(21.6216653056px * var(--FONT-ADJUST-BODY));
}
}
.pickup__variant {
font-style: italic;
color: var(--text-light);
margin: 3px 0 0 0;
}
.pickup__drawer-button {
position: absolute;
top: 0;
right: 0;
width: 20px;
height: 20px;
padding: 0;
font-size: 0;
}
.pickup__drawer-button .icon-close {
width: 12px;
height: 12px;
margin: 0;
}
.pickup__drawer__body {
padding: 0;
}
.pickup__list {
padding: var(--gutter);
margin: 0;
}
.pickup__list__item {
margin-bottom: 32px;
}
.pickup__list__item p {
margin: 2px 0;
}
.pickup__list__item + .pickup__list__item {
margin-top: 32px;
padding-top: 32px;
border-top: 1px solid var(--bg-accent);
}
.plyr.plyr--full-ui.plyr--video {
color: var(--COLOR-TEXT-DARK);
background-color: transparent;
/* Fullscreen */
/* stylelint-disable-next-line */
/* stylelint-disable-next-line */
/* stylelint-disable-next-line */
/* Fallback for unsupported browsers */
}
body:not(.focus-enabled) .plyr.plyr--full-ui.plyr--video {
outline: none;
}
.plyr.plyr--full-ui.plyr--video .plyr__video-wrapper {
background-color: transparent;
}
.plyr.plyr--full-ui.plyr--video .plyr__poster {
background-color: var(--COLOR-VIDEO-BG);
}
.plyr.plyr--full-ui.plyr--video:-webkit-full-screen .plyr__video-wrapper .plyr.plyr--full-ui.plyr--video:-webkit-full-screen .plyr__poster {
background-color: #000;
}
.plyr.plyr--full-ui.plyr--video:fullscreen .plyr__video-wrapper .plyr.plyr--full-ui.plyr--video:fullscreen .plyr__poster {
background-color: #000;
}
.plyr.plyr--full-ui.plyr--video:-webkit-full-screen .plyr__video-wrapper, .plyr.plyr--full-ui.plyr--video:-webkit-full-screen .plyr__poster {
background-color: #000;
}
.plyr.plyr--full-ui.plyr--video:-moz-full-screen .plyr__video-wrapper, .plyr.plyr--full-ui.plyr--video:-moz-full-screen .plyr__poster {
background-color: #000;
}
.plyr.plyr--full-ui.plyr--video:-ms-fullscreen .plyr__video-wrapper, .plyr.plyr--full-ui.plyr--video:-ms-fullscreen .plyr__poster {
background-color: #000;
}
.plyr.plyr--full-ui.plyr--video .plyr--fullscreen-fallback .plyr__video-wrapper,
.plyr.plyr--full-ui.plyr--video .plyr--fullscreen-fallback .plyr__poster {
background-color: #000;
}
.plyr.plyr--full-ui.plyr--video .plyr__control.plyr__control--overlaid {
background-color: #FFFFFF;
border-color: var(--COLOR-A5);
}
.plyr.plyr--full-ui.plyr--video .plyr__control.plyr__control--overlaid.plyr__tab-focus, .plyr.plyr--full-ui.plyr--video .plyr__control.plyr__control--overlaid:hover {
color: var(--COLOR-A50);
}
.plyr.plyr--full-ui.plyr--video .plyr__controls {
background-color: #FFFFFF;
border-color: var(--COLOR-A5);
}
.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range]::-moz-range-thumb {
box-shadow: 2px 0 0 0 #FFFFFF;
}
.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range]::-ms-thumb {
box-shadow: 2px 0 0 0 #FFFFFF;
}
.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range]::-webkit-slider-thumb {
box-shadow: 2px 0 0 0 #FFFFFF;
}
.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range]::-webkit-slider-runnable-track {
background-image: linear-gradient(to right, currentColor var(--value, 0), var(--COLOR-A50) var(--value, 0));
}
.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range]::-moz-range-track {
background-color: var(--COLOR-A50);
}
.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range]::-ms-fill-upper {
background-color: var(--COLOR-A50);
}
.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
box-shadow: 0 0 0 4px var(--COLOR-A20);
}
.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range].plyr__tab-focus::-moz-range-track {
box-shadow: 0 0 0 4px var(--COLOR-A20);
}
.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range].plyr__tab-focus::-ms-track {
box-shadow: 0 0 0 4px var(--COLOR-A20);
}
.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range]:active::-moz-range-thumb {
box-shadow: 0 0 0 3px var(--COLOR-A20);
}
.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range]:active::-ms-thumb {
box-shadow: 0 0 0 3px var(--COLOR-A20);
}
.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range]:active::-webkit-slider-thumb {
box-shadow: 0 0 0 3px var(--COLOR-A20);
}
.plyr.plyr--full-ui.plyr--video .plyr__progress .plyr__tooltip {
background-color: var(--COLOR-TEXT-DARK);
color: #FFFFFF;
}
.plyr.plyr--full-ui.plyr--video .plyr__progress .plyr__tooltip::before {
border-top-color: var(--COLOR-TEXT-DARK);
}
.plyr.plyr--full-ui.plyr--video.plyr--loading .plyr__progress__buffer {
background-image: linear-gradient(-45deg, var(--COLOR-A50) 25%, transparent 25%, transparent 50%, var(--COLOR-A50) 50%, var(--COLOR-A50) 75%, transparent 75%, transparent);
}
.plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range] {
color: #FFFFFF;
}
.plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range]::-moz-range-thumb {
box-shadow: 2px 0 0 0 var(--COLOR-TEXT-DARK);
}
.plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range]::-ms-thumb {
box-shadow: 2px 0 0 0 var(--COLOR-TEXT-DARK);
}
.plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range]::-webkit-slider-thumb {
box-shadow: 2px 0 0 0 var(--COLOR-TEXT-DARK);
}
.plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range]::-webkit-slider-runnable-track {
background-image: linear-gradient(to right, currentColor var(--value, 0), rgba(255, 255, 255, 0.6) var(--value, 0));
}
.plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range]::-moz-range-track, .plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range]::-ms-fill-upper {
background-color: rgba(255, 255, 255, 0.6);
}
.plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.25);
}
.plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range].plyr__tab-focus::-moz-range-track {
box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.25);
}
.plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range].plyr__tab-focus::-ms-track {
box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.25);
}
.plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range]:active::-moz-range-thumb {
box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.25);
}
.plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range]:active::-ms-thumb {
box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.25);
}
.plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range]:active::-webkit-slider-thumb {
box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.25);
}
.popup {
position: relative;
}
.popup .popup__inner {
position: fixed;
bottom: 0;
display: none;
max-width: 400px;
width: calc(100% - var(--outer) * 2);
padding: 32px;
margin: var(--outer);
background: inherit;
box-shadow: 0 0 10px var(--COLOR-A5);
}
#challenge .popup {
display: none !important;
}
.popup:not([data-promo-text]) {
z-index: 9999;
transition: z-index 0.3s, opacity 0.3s, visibility 0.3s;
}
[data-scroll-locked] .popup:not([data-promo-text]) {
z-index: -1;
visibility: hidden;
opacity: 0 !important;
pointer-events: none;
}
.popup form,
.popup .input-group,
.popup .standard__cta {
margin-bottom: 0;
}
.popup .input-group--inner-button {
padding: 0;
border: none;
border-bottom: 1px solid currentColor;
border-radius: 0;
margin: 0;
color: inherit;
}
.popup .input-group .input-group-field {
padding-left: 0;
color: inherit;
}
.popup .input-group .input-group-field::placeholder {
color: inherit;
}
.popup .input-group .input-group-field:-webkit-autofill, .popup .input-group .input-group-field:-webkit-autofill:hover, .popup .input-group .input-group-field:-webkit-autofill:focus, .popup .input-group .input-group-field:-webkit-autofill:active {
-webkit-transition: background-color 5000s ease-in-out 0s, border-color 5000s ease-in-out 0s;
transition: background-color 5000s ease-in-out 0s, border-color 5000s ease-in-out 0s;
-webkit-text-fill-color: var(--text) !important;
}
.popup .has-success .icon,
.popup .icon + .icon,
.popup label {
display: none;
}
.popup .has-success .icon + .icon {
display: inline-block;
}
.popup .popup__title {
font-family: var(--FONT-STACK-ACCENT);
font-weight: var(--FONT-WEIGHT-ACCENT);
font-style: var(--FONT-STYLE-ACCENT);
text-transform: uppercase;
letter-spacing: 1px;
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
font-size: calc(13.144256px * var(--FONT-ADJUST-ACCENT) );
margin: 0 0 10px;
}
.popup .popup__title .strong, .popup .popup__title.strong {
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
}
.popup p a {
text-decoration: underline;
}
.popup p a:hover {
text-decoration: none;
}
.popup .popup__inner > *:first-child {
padding-right: 35px;
}
.popup p {
font-size: calc(13.144256px * var(--FONT-ADJUST-ACCENT) );
margin-bottom: 15px;
}
.popup p:first-child:nth-last-child(2) {
margin: 0;
}
.popup .popup__inner p:nth-child(2) {
position: relative;
padding-top: 17px;
}
.popup .popup__inner p:nth-child(2):before {
content: "";
position: absolute;
top: 0;
left: 0;
height: 2px;
width: 20px;
background-color: currentColor;
opacity: 0.3;
}
.popup button + a {
font-size: calc(12px * var(--FONT-ADJUST-ACCENT));
margin-left: 10px;
}
.popup .close {
position: absolute;
top: 0;
right: 0;
padding: 32px 32px 15px 15px;
color: inherit;
font-size: 0;
}
.popup .close:hover svg {
transform: rotate(90deg);
}
.popup .close svg {
transition: transform 0.3s;
width: 12px;
height: auto;
}
.popup--left .popup__inner {
left: 0;
}
.popup--right .popup__inner {
right: 0;
}
.popup--bottom .popup__inner {
left: 0;
right: 0;
bottom: 0;
flex-flow: row wrap;
justify-content: center;
align-items: center;
max-width: none;
width: auto;
padding: 10px 36px;
margin: 0;
}
.popup--bottom .popup__inner[style*=block] {
display: flex !important;
}
.popup--bottom .popup__inner .close {
top: 50%;
padding: 20px;
transform: translateY(-50%);
}
.popup--bottom .popup__inner > *:first-child,
.popup--bottom .popup__inner p,
.popup--bottom .popup__inner p:nth-child(2) {
margin: 5px 8px;
font-size: calc(var(--font-2) * var(--FONT-ADJUST-BODY));
}
.popup--bottom .popup__inner > *:first-child:before,
.popup--bottom .popup__inner p:before,
.popup--bottom .popup__inner p:nth-child(2):before {
display: none;
}
.popup--bottom .popup__inner > button:not(.close),
.popup--bottom .popup__inner > a:not(.btn) {
margin: 5px 8px;
}
.popup--bottom .popup__inner > *:first-child,
.popup--bottom .popup__inner p,
.popup--bottom .popup__inner p:nth-child(2),
.popup--bottom .popup__inner > a:not(.btn) {
padding: 0;
}
.popup--center .popup__inner {
top: 50%;
left: 50%;
bottom: auto;
margin: 0;
max-width: 350px;
text-align: center;
transform: translate(-50%, -50%);
}
.popup--center .popup__inner > *:first-child {
padding-left: 35px;
}
.popup--center .popup__inner p:nth-child(2):before {
left: 50%;
transform: translateX(-50%);
}
@media only screen and (max-width: 767px) {
.popup:not(.popup--center) .popup__inner {
max-width: none;
bottom: 60px;
}
.popup--bottom .popup__inner {
left: var(--outer);
right: var(--outer);
}
.popup--bottom .popup__inner .close {
top: 0;
padding: 15px;
transform: none;
}
.popup:not(.popup--center):first-child:last-child .popup__inner {
bottom: var(--outer);
}
}
[data-popup-delay].desktop {
display: block;
}
@media only screen and (max-width: 767px) {
[data-popup-delay].desktop {
display: none;
}
}
[data-popup-delay].mobile {
display: none;
}
@media only screen and (max-width: 767px) {
[data-popup-delay].mobile {
display: block;
}
}
[data-promo-text][data-popup-delay=always],
[data-popup-delay=always] > * {
z-index: 9995;
}
[data-promo-text][data-popup-delay=delay],
[data-popup-delay=delayed] > * {
z-index: 9994;
}
[data-popup-delay]:not([data-popup-delay=always]):not([data-popup-delay=delayed]):not([data-tracking-consent]) {
z-index: 9992;
}
.upsell__holder {
margin-top: 2em;
text-align: center;
}
.upsell__holder__title {
font-family: var(--FONT-STACK-ACCENT);
font-weight: var(--FONT-WEIGHT-ACCENT);
font-style: var(--FONT-STYLE-ACCENT);
text-transform: uppercase;
letter-spacing: 1px;
font-size: calc(12px * var(--FONT-ADJUST-ACCENT));
display: inline-block;
padding: 0 10px;
margin-bottom: 0;
background-color: var(--bg);
transform: translateY(80%);
text-transform: uppercase;
}
.upsell__holder__title .strong, .upsell__holder__title.strong {
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
}
.upsell {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: flex-start;
padding: var(--inner);
border: 1px solid var(--border);
text-align: left;
}
.upsell__image {
width: 90px;
height: 90px;
margin-right: 10px;
}
.upsell__image > a {
display: block;
transition: opacity 0.3s;
}
.upsell__image > a:hover {
opacity: 0.7;
}
.upsell__image__inner {
display: block;
width: 90px;
height: 90px;
}
.upsell__content {
display: flex;
flex-direction: column;
min-height: 90px;
justify-content: space-between;
}
.upsell__title,
.upsell__variant-title,
.upsell__price {
margin-top: 0;
margin-bottom: 4px;
}
.upsell__title {
font-family: var(--FONT-STACK-BODY);
font-weight: var(--FONT-WEIGHT-BODY);
font-style: var(--FONT-STYLE-BODY);
font-weight: var(--FONT-WEIGHT-BODY-BOLD);
font-size: calc(13.144256px * var(--FONT-ADJUST-BODY));
color: var(--text-dark);
}
@media (min-width: 480px) {
.upsell__title {
font-size: calc(
(
13.144256px +
1.382528 *
(100vw - 480px) /
920
) * var(--FONT-ADJUST-BODY)
);
}
}
@media (min-width: 1400px) {
.upsell__title {
font-size: calc(14.526784px * var(--FONT-ADJUST-BODY));
}
}
.upsell__variant-title {
font-family: var(--FONT-STACK-BODY);
font-weight: var(--FONT-WEIGHT-BODY);
font-style: var(--FONT-STYLE-BODY);
font-size: calc(var(--font-3) * var(--FONT-ADJUST-BODY));
display: none;
}
.upsell__price {
font-size: calc(var(--font-3) * var(--FONT-ADJUST-BODY));
color: var(--text-light);
}
.upsell__price .old-price {
margin-left: 8px;
text-decoration: line-through;
}
.upsell__price .unit {
color: var(--text-light);
}
.upsell__btn {
padding: 1em 2em;
}
.upsell__btn:disabled {
opacity: 1;
}
.upsell__btn .svg-loader circle {
stroke: var(--bg);
}
.upsell__btn .svg-loader circle ~ circle {
stroke: var(--primary);
}
.upsell__out-of-stock {
margin: 0;
}
.add-action-errors {
margin-top: 20px;
margin-bottom: 20px;
display: none;
}
.add-action-errors .errors {
margin: 0;
}
.upsell__modal {
visibility: hidden;
position: fixed;
top: 0;
right: 0;
z-index: 99999;
padding-left: var(--scrollbar-width);
width: 100vw;
height: 100%;
opacity: 0;
transition: opacity 0.3s, visibility 0.3s;
}
.upsell__modal.is-open {
visibility: visible;
opacity: 1;
}
body[style*="overflow: hidden"] .upsell__modal {
padding-left: 0;
}
.upsell__modal__overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--muted);
}
.upsell__modal__content {
position: relative;
z-index: 2;
overflow-y: auto;
width: 100%;
max-width: 400px;
padding: var(--gutter) calc(var(--gutter) / 2) 0;
height: 100%;
background-color: var(--bg);
}
.upsell__modal__content .product__headline {
margin-top: -36px;
}
.upsell__modal__content .product__title__wrapper {
padding-right: var(--gutter);
}
.upsell__modal__content .product__title {
font-size: calc(18.3020620544px * var(--FONT-ADJUST-HEADING));
}
@media (min-width: 480px) {
.upsell__modal__content .product__title {
font-size: calc(
(
18.3020620544px +
3.3196032512 *
(100vw - 480px) /
920
) * var(--FONT-ADJUST-HEADING)
);
}
}
@media (min-width: 1400px) {
.upsell__modal__content .product__title {
font-size: calc(21.6216653056px * var(--FONT-ADJUST-HEADING));
}
}
.upsell__modal__content .product__price__main {
display: block;
text-align: left;
}
.upsell__modal__content .product__price {
font-size: calc(16px * var(--FONT-ADJUST-BODY));
}
.upsell__modal__content .upsell__form {
position: sticky;
bottom: 0;
z-index: 99;
border-radius: 6px 6px 0 0;
margin: auto calc(var(--gutter) / -2) 0;
padding: calc(var(--gutter) / 2);
background-color: var(--bg);
box-shadow: 0 -3px 8px 0 var(--muted);
}
.upsell__modal__content .product__form__outer {
margin-bottom: 0;
}
.upsell__modal__content .selector-wrapper {
margin-bottom: 0;
text-align: left;
}
.upsell__modal__content .product__media {
margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
.upsell__modal__content {
padding: var(--gutter) var(--gutter) 0;
}
.upsell__modal__content .upsell__form {
margin: 0 calc(var(--gutter) * -1);
}
.upsell__modal__content .media__zoom__icon {
display: none;
}
.upsell__modal__content .product__submit__buttons {
margin-bottom: 20px;
}
}
.upsell__modal__inner {
display: flex;
flex-direction: column;
justify-content: space-between;
min-height: calc(100% - 36px);
}
.upsell__modal__close {
position: sticky;
z-index: 100;
top: 0;
display: block;
width: 36px;
height: 36px;
border: 0;
border-radius: 100%;
margin-left: auto;
background-color: rgba(0, 0, 0, 0);
color: var(--text-dark);
font-size: 20px;
cursor: pointer;
font-weight: bold;
transition: background-color 0.5s ease, color 0.2s ease;
}
.upsell__modal__close::before {
content: "✕";
}
.upsell__modal__close:hover, .upsell__modal__close:focus {
outline: none;
}
.rating__wrapper__title {
margin-top: 2px;
font-family: var(--FONT-STACK-BODY);
font-weight: var(--FONT-WEIGHT-BODY);
font-style: var(--FONT-STYLE-BODY);
font-weight: var(--FONT-WEIGHT-BODY-BOLD);
font-size: calc(15.51022208px * var(--FONT-ADJUST-BODY));
}
@media (min-width: 480px) {
.rating__wrapper__title {
font-size: calc(
(
15.51022208px +
2.2124544 *
(100vw - 480px) /
920
) * var(--FONT-ADJUST-BODY)
);
}
}
@media (min-width: 1400px) {
.rating__wrapper__title {
font-size: calc(17.72267648px * var(--FONT-ADJUST-BODY));
}
}
.product__rating {
display: flex;
align-items: center;
justify-content: flex-end;
flex-wrap: nowrap;
}
.product__rating__count {
color: var(--text-light);
}
.product__rating__star:before {
content: "★";
color: var(--primary);
margin: 0 4px;
}
/* Product grid item reviews */
.product__grid__title__wrapper {
display: flex;
justify-content: space-between;
/* align-items: center; */
flex-direction: column;
}
.rating__wrapper__grid {
font-family: var(--FONT-STACK-ACCENT);
font-weight: var(--FONT-WEIGHT-ACCENT);
font-style: var(--FONT-STYLE-ACCENT);
text-transform: uppercase;
letter-spacing: 1px;
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
font-size: calc(12px * var(--FONT-ADJUST-ACCENT));
}
.rating__wrapper__grid .strong, .rating__wrapper__grid.strong {
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
}
/* .product__grid__info.text-center .product__grid__title__wrapper {
justify-content: center;
flex-direction: column;
} */
.product__grid__info.text-right .product__grid__title__wrapper {
flex-direction: row-reverse;
}
/* Search reviews */
.rating__wrapper__search {
font-family: var(--FONT-STACK-ACCENT);
font-weight: var(--FONT-WEIGHT-ACCENT);
font-style: var(--FONT-STYLE-ACCENT);
text-transform: uppercase;
letter-spacing: 1px;
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
font-size: calc(13.144256px * var(--FONT-ADJUST-ACCENT) );
}
.rating__wrapper__search .strong, .rating__wrapper__search.strong {
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
}
.rating__wrapper__search .product__rating {
justify-content: flex-start;
}
:root {
--form-top: 14px;
--form-left: 20px;
}
.select-popout {
position: relative;
padding: 0;
text-align: left;
}
.select-popout > .quantity-selector {
display: none;
}
.select-popout.popout-container--alt > *:not(.quantity-selector) {
display: none;
}
.select-popout.popout-container--alt > .quantity-selector {
display: block;
}
.select-popout__toggle {
position: relative;
overflow: hidden;
display: block;
width: 100%;
padding: var(--form-top) 28px var(--form-top) var(--form-left);
border: 1px solid var(--border);
border-radius: 3px;
line-height: 1.3;
color: var(--text-dark);
text-align: inherit;
white-space: nowrap;
text-overflow: ellipsis;
}
.select-popout__toggle:before {
content: "";
position: absolute;
top: 50%;
right: 10px;
width: 8px;
height: 14px;
background-image: var(--ICO-SELECT);
background-repeat: no-repeat;
background-color: transparent;
transform: translateY(-50%);
}
.select-popout__toggle[aria-expanded=true] {
border-radius: 3px 3px 0 0;
}
.select-popout__list {
position: absolute;
top: 100%;
left: 0;
z-index: 1001;
overflow-x: hidden;
overflow-y: auto;
max-height: 350px;
width: 100%;
border: 1px solid var(--border);
border-top: none;
margin: -1px 0 0;
padding-left: 0;
background: var(--bg);
list-style: none outside none;
opacity: 0;
visibility: hidden;
height: 0;
pointer-events: none;
transition: opacity 0.4s, visibility 0.4s;
}
.select-popout__list.popout-list--visible {
opacity: 1;
visibility: visible;
pointer-events: auto;
height: auto;
}
.select-popout__list .sold-out,
.select-popout__list .unavailable {
text-decoration: line-through;
}
.select-popout__item {
display: block;
margin-bottom: 0;
}
.select-popout__item--current .select-popout__option {
background: var(--COLOR-A5);
}
.select-popout__option {
display: block;
padding: var(--form-top) var(--form-left);
color: var(--text-dark);
transition: background 0.4s;
}
.select-popout__option:hover {
background: var(--COLOR-A5);
}
.select-popout--small {
max-width: 7.5rem;
}
/*================ Siblings - PDP ================*/
.product__page__siblings {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
margin: 35px 0 35px;
}
.siblings__link--current .sibling__image::after {
content: "";
position: absolute;
top: -5px;
left: -5px;
width: 44px;
height: 44px;
min-width: 44px;
border-radius: 100%;
border: 2px solid var(--text);
z-index: 10;
}
.siblings__link--current .sibling__image {
border: 5px solid var(--bg);
}
.siblings__swatch {
overflow: hidden;
margin-right: 10px;
margin-bottom: 10px;
}
.sibling__image {
display: block;
position: relative;
width: 44px;
height: 44px;
min-width: 44px;
}
.sibling__image .background-size-cover,
.sibling__image .image__fill {
overflow: hidden;
border-radius: 100%;
}
/*================ Siblings - PGI ================*/
.product__grid__sibs {
position: relative;
overflow: hidden;
}
.product__grid__sibs .sibling__image {
display: block;
position: relative;
width: 26px;
height: 26px;
min-width: 26px;
}
.product__grid__sibs .sibling__image .image__fill,
.product__grid__sibs .sibling__image .background-size-cover {
overflow: hidden;
border-radius: 26px;
}
.product__grid__sibs .siblings__link--current .sibling__image::after {
content: "";
position: absolute;
top: -5px;
left: -5px;
width: 26px;
height: 26px;
min-width: 26px;
border-radius: 100%;
border: 2px solid var(--text);
z-index: 10;
}
.product__grid__sibs .siblings__link--current .sibling__image {
border: 5px solid var(--bg);
}
.product__grid__sibs .siblings__link__holder {
padding: 0 10px 10px 0;
}
.product__grid__sibs .siblings__swatch {
margin: 0;
}
.sibs__slider {
position: relative;
overflow: hidden;
}
.sibs__slider .tabs__arrow {
top: 15px;
}
@media only screen and (max-width: 767px) {
.sibs__slider .tabs__arrow {
top: 18px;
}
}
.sibs__inner {
overflow-x: auto;
position: relative;
display: flex;
flex-flow: row nowrap;
max-width: 100%;
padding: 0 0 32px;
margin-bottom: -32px;
}
.custom-scrollbar {
position: relative;
display: none;
width: 100%;
height: 5px;
padding: 0;
background-color: var(--bg-accent);
border-radius: var(--radius-sm);
}
.bg--accent .custom-scrollbar {
background-color: var(--hairline);
}
.custom-scrollbar.hide {
display: none !important;
}
.custom-scrollbar--offset {
width: calc(100% - var(--gutter) * 2);
margin: 0 var(--gutter);
}
.custom-scrollbar__track {
position: absolute;
top: 0;
left: 0;
width: var(--track-width);
height: 100%;
background-color: var(--border);
border-radius: var(--radius-sm);
transform: translateX(var(--position));
transition: transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
will-change: transform;
}
[dir=rtl] {
direction: rtl !important;
}
[dir=rtl] * {
direction: rtl !important;
}
[dir=rtl] .collection__filters__toggle .icon, [dir=rtl] .popout--navbar .popout__toggle .icon {
margin-left: 0;
margin-right: 8px;
}
[dir=rtl] .drawer__button {
justify-content: flex-start;
}
[dir=rtl] .sliderule__chevron--right {
right: auto;
left: 20px;
}
[dir=rtl] .drawer__content {
left: auto;
right: 0;
transform: translate3d(100%, 0, 0);
}
[dir=rtl] .drawer--visible .drawer__content {
transform: translate3d(0, 0, 0);
}
[dir=rtl] .drawer--right .drawer__content {
left: 0;
right: auto;
}
[dir=rtl] .drawer--right:not(.drawer--visible) .drawer__content {
transform: translate3d(-100%, 0, 0);
}
[dir=rtl] .cart__drawer__title {
padding: 0 var(--gutter) 0 0;
}
[dir=rtl] .cart__items__title {
padding: 0 0 0 25px;
}
[dir=rtl] .collection-tabs .flickity-prev-next-button.previous {
right: var(--gutter);
left: auto;
}
[dir=rtl] .collection-tabs .flickity-prev-next-button.next {
left: var(--gutter);
right: auto;
}
[dir=rtl] .kicker__line:after {
left: auto;
right: 0;
}
[dir=rtl] .text-center .kicker__line:after {
right: 0;
left: 0;
}
[dir=rtl] .site-footer {
text-align: right;
}
[dir=rtl] .popout .icon-arrow-down {
margin-left: 0;
margin-right: 4px;
}
[dir=rtl] .sidebar__item a,
[dir=rtl] .sidebar__item span {
padding: 4px 25px 4px 25px;
}
[dir=rtl] .collection__filters__toggle, [dir=rtl] .popout--navbar .popout__toggle {
border: none;
border-left: 1px solid var(--border);
}
[dir=rtl] .sidebar__heading,
[dir=rtl] .popout-list__option {
text-align: right;
}
[dir=rtl] .sidebar__heading-chevron {
left: 10px;
right: auto;
text-align: left;
}
[dir=rtl] .sidebar__filter__group .icon-box,
[dir=rtl] .sidebar__filter__group .icon-reset {
right: 2px;
}
[dir=rtl] .product__align-left .product__title {
margin: 0 0 0 15px;
}
[dir=rtl] .product-accordion .accordion__title {
padding: 1rem 0 1rem 30px;
text-align: right;
}
[dir=rtl] .accordion__title:after {
right: auto;
left: 5px;
}
[dir=rtl] .radio__legend {
display: flex;
flex-flow: row wrap;
align-items: center;
}
[dir=rtl] .radio__legend span {
order: 1;
}
[dir=rtl] .radio__legend__label {
padding: 0 0 0 6px;
margin: 0 0 0 5px;
border: none;
border-left: 1px solid var(--border);
}
[dir=rtl] .tab-link {
margin: 0 30px;
}
@media only screen and (min-width: 1400px) {
[dir=rtl] .collection-tabs .flickity-prev-next-button.previous {
right: -70px;
}
[dir=rtl] .collection-tabs .flickity-prev-next-button.next {
left: -70px;
}
}
@media only screen .grig__item{
and (min-width: 768px) {
[dir=rtl] .collection__filters__inner {
padding: 0 10px 0 32px;
margin: 0 -10px 0 0;
transform: translate3d(100%, 0, 0);
}
[dir=rtl] .collection__filters__wrapper {
margin: 0 -250px 0 0;
}
[dir=rtl] .drawer--visible.collection__filters__wrapper,
[dir=rtl] .filters--default-visible.collection__filters__wrapper {
margin-right: 0;
}
[dir=rtl] .drawer--visible .collection__filters__inner,
[dir=rtl] .filters--default-visible .collection__filters__inner {
transform: translateZ(0);
}
}
@media only screen and (max-width: 767px) {
[dir=rtl] .footer__title .icon {
right: auto;
left: 0;
}
}
.custom_bg_color_faq{
#BCABDA
}
/* FONT SIZE FOR EVEYTHING STARTS HERE */
span.product__price {
font-size: 18pt;
}
.product-description.rte.rte--column {
font-size: 16pt;
}
span.product__price {
font-size: 18pt !important;
}
.product-description.rte.rte--column {
font-size: 13.5pt;
}
.tabs__head--line .tabs {
font-size: 10pt;
}
.standard__rte.font--3 p, .standard__rte.font--3 td {
font-size: 21pt !important;
}
a.standard__cta.caps--link.btn--white.aos-init.aos-animate {
font-size: 12pt;
}
.announcement__font.font--7 .announcement__text, .announcement__font.font--7 .announcement__more, .announcement__font.font--7 .announcement__text p, .announcement__font.font--7 .rte.icon__bar__paragraph p
{
font-size: 14pt !important;;
}
@media screen and (max-width: 767px)
{
h1.hero__title.h1.hero-title-for-mobile.aos-init.aos-animate {
font-size: 37.49pt !important;
}
}
.twentytwenty-overlay {
display: none !important;
}
a.btn--outline.btn--white.hero__btn.btn--long.uppercase.custom-button-hero.aos-init.aos-animate {
background-position: right bottom;
}
a.btn--outline.btn--white.hero__btn.btn--long.uppercase.custom-button-hero.aos-init.aos-animate:hover {
background-color: transparent !important;
color: white !important;
background: linear-gradient(to left, white 50%, transparent 50%);
background-size: 200% 100%;
background-position: left bottom;
transition: all .5s ease-out;
}
.product-grid-item__image-wrapper {
background-color: transparent !important;
}
/* -- Start Pipeline override code for thumbnails dots or dashes -- */
/* end */
/* Zenlocator START */
div:empty { display: auto !important; }
/* Zenlocator END */