/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
html{
    line-height:1.15;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%
}
body{
    margin:0
}
article,aside,footer,header,nav,section{
    display:block
}
h1{
    font-size:2em;
    margin:.67em 0
}
figcaption,figure,main{
    display:block
}
figure{
    margin:1em 40px
}
hr{
    box-sizing:content-box;
    height:0;
    overflow:visible
}
pre{
    font-family:monospace,monospace;
    font-size:1em
}
a{
    background-color:transparent;
    -webkit-text-decoration-skip:objects
}
abbr[title]{
    border-bottom:none;
    text-decoration:underline;
    text-decoration:underline dotted
}
b,strong{
    font-weight:inherit;
    font-weight:bolder
}
code,kbd,samp{
    font-family:monospace,monospace;
    font-size:1em
}
dfn{
    font-style:italic
}
mark{
    background-color:#ff0;
    color:#000
}
small{
    font-size:80%
}
sub,sup{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sub{
    bottom:-.25em
}
sup{
    top:-.5em
}
audio,video{
    display:inline-block
}
audio:not([controls]){
    display:none;
    height:0
}
img{
    border-style:none
}
svg:not(:root){
    overflow:hidden
}
button,input{
    overflow:visible
}
button,select{
    text-transform:none
}
[type=reset],[type=submit],button,html [type=button]{
    -webkit-appearance:button
}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{
    border-style:none;
    padding:0
}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{
    outline:1px dotted ButtonText
}
fieldset{
    padding:.35em .75em .625em
}
legend{
    box-sizing:border-box;
    color:inherit;
    display:table;
    max-width:100%;
    padding:0;
    white-space:normal
}
progress{
    display:inline-block;
    vertical-align:baseline
}
textarea{
    overflow:auto
}
[type=checkbox],[type=radio]{
    box-sizing:border-box;
    padding:0
}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{
    height:auto
}
[type=search]{
    -webkit-appearance:textfield;
    outline-offset:-2px
}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{
    -webkit-appearance:none
}
::-webkit-file-upload-button{
    -webkit-appearance:button;
    font:inherit
}
details,menu{
    display:block
}
summary{
    display:list-item
}
canvas{
    display:inline-block
}
[hidden],template{
    display:none
}
form{
    margin:0
}
[role=button],a,area,button,input,label,select,summary,textarea{
    -ms-touch-action:manipulation;
    touch-action:manipulation
}
input,select,textarea{
    font-size:1.6rem;
    max-width:100%;
    border:1px solid {
        {
             settings.color_body_text | color_lighten: 50 
        }
    }
    ;
    border-radius:0
}
input[disabled],select[disabled],textarea[disabled]{
    border-color:#000;
    background-color:#000;
    cursor:default
}
button,input[type=submit],label[for]{
    cursor:pointer
}
textarea{
    min-height:100px
}
select::-ms-expand{
    display:none
}
option{
    background-color:{
        {
             settings.color_main_bg 
        }
    }
}
.input-error,option{
    color:{
        {
             settings.color_body_text 
        }
    }
}
.input-error{
    border-color:#ff6d6d;
    background-color:#fff
}
.clearfix{
    *zoom:1
}
.clearfix:after{
    content:"";
    display:table;
    clear:both
}
.visually-hidden{
    position:absolute!important;
    overflow:hidden;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    border:0;
    clip:rect(0 0 0 0)
}
.js-focus-hidden:focus{
    outline:none
}
.label-hidden{
    position:absolute!important;
    overflow:hidden;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    border:0;
    clip:rect(0 0 0 0)
}
.no-placeholder .label-hidden,.visually-shown{
    position:inherit!important;
    overflow:auto;
    width:auto;
    height:auto;
    margin:0;
    clip:auto
}
.no-js:not(html){
    display:none
}
.no-js .no-js:not(html){
    display:block
}
.no-js .js,.supports-no-cookies:not(html){
    display:none
}
html.supports-no-cookies .supports-no-cookies:not(html){
    display:block
}
html.supports-no-cookies .supports-cookies{
    display:none
}
.skip-link:focus{
    position:absolute!important;
    overflow:auto;
    width:auto;
    height:auto;
    margin:0;
    clip:auto;
    z-index:10000;
    padding:15px;
    background-color:{
        {
             settings.color_main_bg 
        }
    }
    ;
    color:{
        {
             settings.color_body_text 
        }
    }
    ;
    transition:none
}
.hide{
    display:none!important
}
html{
    background-color:{
        {
             settings.color_main_bg 
        }
    }
}
*,:after,:before,html{
    box-sizing:border-box
}
body,html{
    height:100%
}
figure{
    margin:0
}
img,picture{
    margin:0;
    max-width:100%
}
@media only screen and (max-width:45.85em){
    .responsive-table{
        width:100%
    }
    .responsive-table thead{
        display:none
    }
    .responsive-table tr{
        display:block
    }
    .responsive-table td,.responsive-table tr{
        float:left;
        clear:both;
        width:100%
    }
    .responsive-table td,.responsive-table th{
        display:block;
        margin:0;
        padding:15px;
        text-align:right
    }
    .responsive-table td:before{
        content:attr(data-label);
        float:left;
        padding-right:10px;
        text-align:center
    }
    .responsive-table-row+.responsive-table-row,tfoot>.responsive-table-row:first-child{
        position:relative;
        margin-top:10px;
        padding-top:15px
    }
    .responsive-table-row+.responsive-table-row:after,tfoot>.responsive-table-row:first-child:after{
        content:"";
        position:absolute;
        top:0;
        right:15px;
        left:15px;
        display:block;
        border-bottom:1px solid {
            {
                 settings.color_body_text | color_lighten: 50 
            }
        }
    }
}
.rte{
    margin:0
}
.rte img{
    height:auto
}
.rte table{
    table-layout:fixed
}
.rte ol,.rte ul{
    margin:0 0 15px 30px
}
.rte strong{
    font-weight:{
        {
             font_body_bold.weight | default: 'bold' 
        }
    }
}
.rte-table{
    overflow:auto;
    max-width:100%;
    -webkit-overflow-scrolling:touch
}
.rte__video-wrapper{
    position:relative;
    overflow:hidden;
    max-width:100%;
    height:0;
    height:auto;
    padding-bottom:56.25%
}
.rte__video-wrapper iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.rte__table-wrapper{
    overflow:auto;
    max-width:100%;
    -webkit-overflow-scrolling:touch
}
html{
    font-size:62.5%
}
body{
    font-size:1.6rem
}
h1,h2,h3,h4,h5,h6{

}
body,button,input,select,textarea{
    -webkit-font-smoothing:antialiased;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%;
    text-size-adjust:100%
}
a:focus{
    color:inherit
}
.button{
    display:inline-block;
    vertical-align:middle;
    width:auto;
    border:0;
    text-align:center;
    white-space:nowrap;
    text-decoration:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}
.hero-banner{
    background-repeat:no-repeat
}
.hero-banner--article{
    min-height:278px;
    background-position:50%;
    background-size:cover
}
.icon{
    display:inline-block;
    vertical-align:middle;
    width:20px;
    height:20px;
    fill:currentColor
}
.no-svg .icon{
    display:none
}
.icon--wide{
    width:40px
}
svg.icon:not(.icon--full-color) circle,svg.icon:not(.icon--full-color) ellipse,svg.icon:not(.icon--full-color) g,svg.icon:not(.icon--full-color) img,svg.icon:not(.icon--full-color) line,svg.icon:not(.icon--full-color) path,svg.icon:not(.icon--full-color) polygon,svg.icon:not(.icon--full-color) polyline,symbol.icon:not(.icon--full-color) circle,symbol.icon:not(.icon--full-color) ellipse,symbol.icon:not(.icon--full-color) g,symbol.icon:not(.icon--full-color) img,symbol.icon:not(.icon--full-color) line,symbol.icon:not(.icon--full-color) path,symbol.icon:not(.icon--full-color) polygon,symbol.icon:not(.icon--full-color) polyline{
    max-width:100%
}
svg.icon:not(.icon--full-color) rect,symbol.icon:not(.icon--full-color) rect{
    fill:inherit;
    stroke:inherit
}
.icon-fallback-text{
    position:absolute!important;
    overflow:hidden;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    border:0;
    clip:rect(0 0 0 0)
}
.no-svg .icon-fallback-text{
    position:static!important;
    overflow:auto;
    width:auto;
    height:auto;
    margin:0;
    clip:auto
}
.payment-icons{
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    cursor:default
}
.placeholder-svg{
    display:block;
    width:100%;
    max-width:100%;
    height:100%;
    max-height:100%;
    border:1px solid #161d25;
    background-color:#f9fafb;
    fill:#161d25
}
.placeholder-svg--small{
    width:480px
}
.placeholder-noblocks{
    padding:40px;
    text-align:center
}
.placeholder-background{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0
}
.placeholder-background .icon{
    border:0
}
.responsive-image__wrapper{
    position:relative;
    overflow:hidden;
    width:100%;
    margin:0 auto
}
.no-js .responsive-image__wrapper{
    display:none
}
.responsive-image__wrapper:before{
    content:"";
    position:relative;
    display:block
}
.responsive-image__wrapper img{
    display:block;
    width:100%
}
.responsive-image__wrapper--full-height{
    height:100%
}
.responsive-image__image{
    position:absolute;
    top:0;
    left:0;
    display:block;
    width:100%;
    height:100%
}
.responsive-image__image:focus{
    outline-offset:-4px
}
.blog-post{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    list-style:none;
    margin:0;
    padding:0
}
.blog-post__item{
    -ms-flex:1 1 33.33333%;
    flex:1 1 33.33333%
}
.collection-list{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    max-width:73.75em
}
.collection-list-item{
    -ms-flex:1 1 33.33333%;
    flex:1 1 33.33333%;
    height:100%;
    text-align:center
}
.collection-list__image{
    min-width:320px
}
.collection-list__title{
    -ms-flex-preferred-size:100%;
    flex-basis:100%
}
.featured-collection{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    max-width:73.75em
}
.featured-collection-item{
    -ms-flex:1 1 33.33333%;
    flex:1 1 33.33333%;
    height:100%;
    text-align:center
}
.featured-collection__image{
    min-width:320px
}
.featured-collection__title{
    -ms-flex-preferred-size:100%;
    flex-basis:100%
}
.image-with-text{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.image-with-text__image{
    -ms-flex:0 1 50%;
    flex:0 1 50%;
    min-width:320px
}
.image-with-text__text{
    -ms-flex:1 1 50%;
    flex:1 1 50%
}
.apple-wallet-image,.giftcard-qr img{
    display:block;
    margin:0 auto
}
@media print{
    @page{
        margin:.5cm
    }
    p{
        orphans:3;
        widows:3
    }
    .apple-wallet,.print-giftcard{
        display:none
    }
}
.product-single__thumbnail-image{
    border:2px solid transparent
}
.active-thumbnail .product-single__thumbnail-image{
    border-color:{
        {
             settings.color_body_text | color_lighten: 50 
        }
    }
}