/*!
Theme Name:   custom theme

 */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}


figcaption,figure,footer,header,main,menu,nav,summary {
    display: block
}

audio,canvas,video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],template {
    display: none
}

a {
    background-color: transparent
}

a:active,a:hover {
    outline: 0
}

b {
    font-weight: 700
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

small {
    font-size: 80%
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

code {
    font-family: monospace,monospace;
    font-size: 1em
}



button {
    overflow: visible
}

button,select {
    text-transform: none
}

button,html input[type=button],input[type=reset],input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,input::-moz-focus-inner {
    border: 0;
    padding: 0
}


input[type=checkbox],input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

textarea {
    overflow: auto
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,th {
    padding: 0
}

body {
    -ms-word-wrap: break-word;
    word-wrap: break-word
}



select {
    color: initial;
    font-family: "Source Sans Pro",HelveticaNeue-Light,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    max-width: 100%
}

summary {
    display: list-item
}

h1,h2,h3,h4,h5,h6 {
    clear: both;
    font-weight: 300;
    margin: 0 0 .5407911001em;
    color: #131315
}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
    font-weight: 300
}

h1 {
    font-size: 2.617924em;
    line-height: 1.214
}

h2 {
    font-size: 24px;
    line-height: 1.214
}

h2+h3 {
    border-top: 1px solid rgba(0,0,0,.05);
    padding-top: .5407911001em
}

h3 {
    font-size: 1.618em
}

h4 {
    font-size: 1.41575em
}

form+h2,form+h3,form+h4,form+header h2,p+h2,p+h3,p+h4,p+header h2,table+h2,table+h3,table+h4,table+header h2,ul+h2,ul+h3,ul+h4,ul+header h2 {
    margin-top: 2.2906835em
}

p {
    margin: 0 0 1.41575em
}

li>ul {
    margin-bottom: 0;
    margin-left: 1em
}

b {
    font-weight: 600
}

cite,em,i {
    font-style: italic
}

code,var {
    font-family: Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace;
    background-color: rgba(0,0,0,.05);
    padding: .202em .5407911001em
}

ins {
    text-decoration: none;
    font-weight: 600;
    background: 0 0
}

small {
    font-size: 75%
}

figure {
    margin: 0
}




.site-content {
    outline: 0
}

.site-footer {
    background-color: #fff;
    color: #3b3c3f;
    padding: 0 0 3.706325903em
}

.site-footer h1,.site-footer h2,.site-footer h3,.site-footer h4,.site-footer h5,.site-footer h6 {
    color: #333437
}

.site-footer a {
    color: #2c2d33;
    text-decoration: underline
}

.site-footer a:hover {
    text-decoration: none
}

.site-footer a.button,.site-footer a.components-button:not(.is-link),.site-footer a.wp-block-button__link {
    text-decoration: none
}

.site-info {
    padding: 2.617924em 0;
    text-align: center;
}

.site-info span[role=separator] {
    padding: 0 .2360828548em 0 .3342343017em
}

.site-info span[role=separator]::before {
    content: "|"
}



.clear::after,.clear::before,.comment-content::after,.comment-content::before,.entry-content::after,.entry-content::before,.site-content::after,.site-content::before,.site-footer::after,.site-footer::before,.site-header::after,.site-header::before {
    content: "";
    display: table
}

.clear::after,.comment-content::after,.entry-content::after,.site-content::after,.site-footer::after,.site-header::after {
    clear: both
}

table {
    border-spacing: 0;
    width: 100%;
    margin: 0 0 1.41575em;
    border-collapse: separate
}

table caption {
    padding: 1em 0;
    font-weight: 600
}

table td,table th {
    padding: 1em 1.41575em;
    text-align: left;
    vertical-align: top
}

table td p:last-child,table th p:last-child {
    margin-bottom: 0
}

table tfoot th {
    font-weight: 600;
        text-align: end;
}

table thead th {
    padding: 1.41575em;
    vertical-align: middle;
        white-space: nowrap;
}



#comments .comments-title {
    border-bottom: 1px solid rgba(0,0,0,.05);
    padding-bottom: .5407911001em;
    margin-bottom: 1.618em
}

.comment-content a {
    word-wrap: break-word
}
h2.woocommerce-Reviews-title {
    display: none;
}
#respond {
    clear: both;
    background-color: rgba(0,0,0,.0125);
    position: relative
}

#respond .comment-form-author input,#respond .comment-form-email input,#respond .comment-form-url input {
    width: 100%
}

#respond .form-submit,#respond form {
    margin-bottom: 0
}

#respond #cancel-comment-reply-link {
    position: absolute;
    top: .5407911001em;
    right: .5407911001em;
    display: block;
    height: 1em;
    width: 1em;
    overflow: hidden;
    line-height: 1;
    font-size: 1.41575em;
    text-align: center;
    transition: transform,ease,.3s
}

#respond #cancel-comment-reply-link:hover {
    transform: scale(1.3)
}

form {
    margin-bottom: 1.618em
}

button,input,select,textarea {
    font-size: 100%;
    margin: 0
}


.button::after,button::after,input[type=button]::after,input[type=reset]::after,input[type=submit]::after {
    display: none
}

.button.alt,button.alt,input[type=button].alt,input[type=reset].alt,input[type=submit].alt {
    background-color: #2c2d33;
    border-color: #2c2d33
}

.button.alt:hover,button.alt:hover,input[type=button].alt:hover,input[type=reset].alt:hover,input[type=submit].alt:hover {
    background-color: #2c2d33
}

.button:hover,button:hover,input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover {
    color: #fff
}

.button.loading,button.loading,input[type=button].loading,input[type=reset].loading,input[type=submit].loading {
    opacity: .5
}

.button.small,button.small,input[type=button].small,input[type=reset].small,input[type=submit].small {
    padding: .5407911001em .875em;
    font-size: .875em
}

.button:disabled,button:disabled,input[type=button]:disabled,input[type=reset]:disabled,input[type=submit]:disabled {
    opacity: .5!important;
    cursor: not-allowed
}

.button:disabled:hover,button:disabled:hover,input[type=button]:disabled:hover,input[type=reset]:disabled:hover,input[type=submit]:disabled:hover {
    opacity: .5!important
}

.wc-block-components-button:not(.is-link).disabled,.wc-block-components-button:not(.is-link):disabled {
    opacity: .5;
    cursor: not-allowed
}

.wc-block-components-button:not(.is-link).disabled:hover,.wc-block-components-button:not(.is-link):disabled:hover {
    opacity: .5
}

input[type=checkbox],input[type=radio] {
    padding: 0
}

input[type=checkbox]+label,input[type=radio]+label {
    margin: 0 0 0 .3819820591em
}

input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

input[type=search] {
    box-sizing: border-box
}

input[type=search]::placeholder {
    color: #616161
}

button::-moz-focus-inner,input::-moz-focus-inner {
    border: 0;
    padding: 0
}

/*.input-text,input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],textarea {*/
/*    padding: .6180469716em;*/
/*    background-color: #ffffff;*/
/*    color: #43454b;*/
/*    border: 0;*/
/*    -webkit-appearance: none;*/
/*    box-sizing: border-box;*/
/*    font-weight: 400;*/
/*    border: 1px solid #eaeaea;*/
/*    border-radius: 7px;*/
/*}*/

/*.input-text:focus,input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,textarea:focus {*/
/*    background-color: #ededed*/
/*}*/

textarea {
    overflow: auto;
    padding-left: .875em;
    vertical-align: top;
    width: 100%
}

label {
    font-weight: 400
}

label.inline input {
    width: auto
}

/*[placeholder]:focus::-webkit-input-placeholder {*/
/*    -webkit-transition: opacity .5s .5s ease;*/
/*    transition: opacity .5s .5s ease;*/
/*    opacity: 0*/
/*}*/

.comment-content img.wp-smiley,.entry-content img.wp-smiley,.page-content img.wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
    display: inline-block;
    border-radius: 0
}

.wp-caption {
    margin-bottom: 1em;
    max-width: 100%
}

.wp-caption img[class*=wp-image-] {
    display: block;
    margin: 0 auto
}

.wp-caption .wp-caption-text {
    text-align: left;
    font-style: italic;
    border-bottom: 2px solid rgba(0,0,0,.05);
    padding: 1em 0
}

.gallery {
    margin-bottom: 1em
}

.gallery::after,.gallery::before {
    content: "";
    display: table
}

.gallery::after {
    clear: both
}

.gallery .gallery-item {
    float: left
}

.gallery .gallery-item .gallery-caption {
    margin: 0;
    text-align: center
}

.gallery.gallery-columns-1 .gallery-item {
    width: 100%
}

.gallery.gallery-columns-2 .gallery-item {
    width: 50%
}

.gallery.gallery-columns-3 .gallery-item {
    width: 33.3%
}

.gallery.gallery-columns-4 .gallery-item {
    width: 25%
}

.gallery.gallery-columns-5 .gallery-item {
    width: 20%
}

.gallery.gallery-columns-6 .gallery-item {
    width: 16.666666667%
}

.gallery.gallery-columns-7 .gallery-item {
    width: 14.285714286%
}

.gallery.gallery-columns-8 .gallery-item {
    width: 12.5%
}

.gallery.gallery-columns-9 .gallery-item {
    width: 11.111111111%
}

embed,video {
    max-width: 100%
}

.secondary-navigation {
    display: none
}

button.menu-toggle {
    cursor: pointer;
    text-align: left;
    float: right;
    position: relative;
    border: 2px solid transparent;
    box-shadow: none;
    border-radius: 2px;
    background-image: none;
    padding: .6180469716em .875em .6180469716em 2.617924em;
    font-size: .875em;
    max-width: 120px
}

button.menu-toggle:hover {
    background-image: none
}

button.menu-toggle span::before {
    transition: all,ease,.2s
}

button.menu-toggle span::before,button.menu-toggle::after,button.menu-toggle::before {
    content: "";
    display: block;
    height: 2px;
    width: 14px;
    position: absolute;
    top: 50%;
    left: 1em;
    margin-top: -1px;
    transition: all,ease,.2s;
    border-radius: 3px
}

button.menu-toggle::before {
    transform: translateY(-4px)
}

button.menu-toggle::after {
    transform: translateY(4px)
}

.primary-navigation {
    display: none
}



.main-navigation::after,.main-navigation::before {
    content: "";
    display: table
}

.main-navigation::after {
    clear: both
}

.main-navigation div.menu {
    display: none
}

.main-navigation div.menu:last-child {
    display: block
}

.main-navigation .menu {
    clear: both
}

.handheld-navigation,.main-navigation div.menu>ul:not(.nav-menu),.nav-menu {
    overflow: hidden;
    max-height: 0;
    transition: all,ease,.8s
}

.handheld-navigation {
    clear: both
}

.handheld-navigation ul {
    margin: 0
}

.handheld-navigation ul.menu li {
    position: relative
}

.handheld-navigation ul.menu li button::after {
    transition: all,ease,.9s
}

.main-navigation ul {
    margin-left: 0;
    list-style: none;
    margin-bottom: 0
}

.main-navigation ul ul {
    display: block;
    margin-left: 1.41575em
}



.site-main nav.navigation {
    clear: both;
    padding: 2.617924em 0
}

.site-main nav.navigation::after,.site-main nav.navigation::before {
    content: "";
    display: table
}

.site-main nav.navigation::after {
    clear: both
}

/*.widget {*/
/*    margin: 0 0 3.706325903em*/
/*}*/

.widget select {
    max-width: 100%
}

.widget .widget-search .search-submit {
    border: 0;
    clip: rect(1px,1px,1px,1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal!important
}

.widget .widget-title {
    font-size: 1.41575em;
    border-bottom: 1px solid rgba(0,0,0,.05);
    padding: 0 0 1em;
    margin-bottom: 1em;
    font-weight: 300
}

.widget ul {
    margin-left: 0;
    list-style: none
}

.widget ul ul {
    margin-left: 1.618em
}

.widget-area .widget {
    font-size: .875em;
    font-weight: 400
}

.widget-area .widget h1.widget-title {
    font-size: 1.41575em
}

.widget-area .widget a {
    font-weight: 600;
    text-decoration: underline
}

.widget-area .widget a:hover {
    text-decoration: none
}

.widget-area .widget a.button,.widget-area .widget a.components-button:not(.is-link),.widget-area .widget a.wp-block-button__link {
    text-decoration: none
}

.widget-area .widget a.button {
    font-weight: 600!important
}



.widget_product_search form:not(.wp-block-search) input[type=search],.widget_product_search form:not(.wp-block-search) input[type=text],.widget_search form:not(.wp-block-search) input[type=search],.widget_search form:not(.wp-block-search) input[type=text] {
    width: 100%
}

/*.widget_product_search form:not(.wp-block-search) button[type=submit],.widget_product_search form:not(.wp-block-search) input[type=submit],.widget_search form:not(.wp-block-search) button[type=submit],.widget_search form:not(.wp-block-search) input[type=submit] {*/
/*    border: 0;*/
/*    clip: rect(1px,1px,1px,1px);*/
/*    -webkit-clip-path: inset(50%);*/
/*    clip-path: inset(50%);*/
/*    height: 1px;*/
/*    margin: -1px;*/
/*    overflow: hidden;*/
/*    padding: 0;*/
/*    position: absolute;*/
/*    width: 1px;*/
/*    word-wrap: normal!important;*/
/*    top: 0;*/
/*    left: 0*/
/*}*/

.widget_nav_menu ul {
    margin: 0
}

.widget_nav_menu ul li {
    list-style: none;
    margin-bottom: 1em;
    line-height: 1.41575em
}

/*h2.footer-phone  , h2.footer-email , .icon-box {*/
/*    display:none*/
/*}*/

@media (min-width: 768px) {
    .site-main {
    margin-top: 40px;
    margin-bottom: 2.617924em
}

    h2.footer-phone  , h2.footer-email , .icon-box {
    display:block;
}

    .woocommerce-active .site-header .main-navigation {
        width:73.9130434783%;
        float: left;
        margin-right: 4.347826087%;
        clear: both
    }

    .storefront-secondary-navigation .site-header .site-branding {
        width: 39.1304347826%;
        float: left;
        margin-right: 4.347826087%
    }

    .storefront-secondary-navigation .site-header .secondary-navigation {
        width: 56.5217391304%;
        float: right;
        margin-right: 0
    }

    .storefront-secondary-navigation.woocommerce-active .site-header .site-branding {
        width: 21.7391304348%;
        float: left;
        margin-right: 4.347826087%
    }

    .storefront-secondary-navigation.woocommerce-active .site-header .secondary-navigation {
        width: 47.8260869565%;
        float: left;
        margin-right: 4.347826087%
    }

    .site-branding .site-description {
        margin-bottom: 0;
        display: block
    }

    /*.custom-logo-link,.site-branding,.site-header-cart,.site-logo-link,.site-search {*/
    /*    margin-bottom: 0*/
    /*}*/

    .col-full::after {
        clear: both
    }

    .col-full:after {
        content: " ";
        display: block;
        clear: both
    }

    .site-content::after,.site-content::before {
        content: "";
        display: table
    }

    .site-content::after {
        clear: both
    }

    .content-area {
        width: 100%;
        float: left;
        margin-right: 4.347826087%
    }

    .widget-area {
        width: 21.7391304348%;
        float: right;
        margin-right: 0
    }

    .storefront-full-width-content .content-area {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }

    .content-area,.widget-area {
        margin-bottom: 0
    }



    /*#respond .comment-form-author,#respond .comment-form-email,#respond .comment-form-url {*/
    /*    width: 29.4117647059%;*/
    /*    float: left;*/
    /*    margin-right: 5.8823529412%*/
    /*}*/

    #respond .comment-form-url {
        float: right;
        margin-right: 0
    }

    #respond .comment-form-comment {
        clear: both
    }


    .primary-navigation {
        display: block
    }

    .main-navigation,.secondary-navigation {
        clear: both;
        display: block;
        width: 100%
    }

    .main-navigation ul,.secondary-navigation ul {
        list-style: none;
        margin: 0;
        padding-left: 0;
        display: block
    }



    /*.main-navigation ul li a,.secondary-navigation ul li a {*/
    /*    display: block*/
    /*}*/

    .main-navigation ul li a::before,.secondary-navigation ul li a::before {
        display: none
    }

    .main-navigation ul li:hover>ul,.secondary-navigation ul li:hover>ul {
        left: 0;
        display: block
    }

    .main-navigation ul li:hover>ul li>ul,.secondary-navigation ul li:hover>ul li>ul {
        left: -9999px
    }

    .main-navigation ul li:hover>ul li:hover>ul,.secondary-navigation ul li:hover>ul li:hover>ul {
        left: 100%;
        top: 0;
        display: block
    }

    .main-navigation ul ul,.secondary-navigation ul ul {
        float: left;
        position: absolute;
        top: 100%;
        z-index: 99999;
        left: -9999px
    }

    .main-navigation ul ul li,.secondary-navigation ul ul li {
        display: block
    }

    .main-navigation ul ul li a,.secondary-navigation ul ul li a {
        width: 200px
    }

    /*ul.menu li.current-menu-item>a {*/
    /*    color: #43454b*/
    /*}*/

    .storefront-primary-navigation {
        clear: both
    }

    .storefront-primary-navigation::after,.storefront-primary-navigation::before {
        content: "";
        display: table
    }

    .storefront-primary-navigation::after {
        clear: both
    }


    .secondary-navigation {
        margin: 0 0 1.618em;
        width: auto;
        clear: none;
        line-height: 1
    }

    .secondary-navigation .menu {
        font-size: .875em;
        width: auto;
        float: right
    }

    .secondary-navigation .menu>li:hover>a {
        text-decoration: none
    }

    .secondary-navigation .menu ul a {
        padding: .326em .875em;
        background: rgba(0,0,0,.05)
    }

    .secondary-navigation .menu ul li:first-child a {
        padding-top: 1em
    }

    .secondary-navigation .menu ul li:last-child a {
        padding-bottom: 1em
    }

    .secondary-navigation .menu ul ul {
        margin-top: -.6180469716em
    }

    .secondary-navigation .menu a {
        padding: 1em .875em;
        color: #737781;
        font-weight: 400
    }

    .secondary-navigation .menu a:hover {
        text-decoration: none
    }
}