/*
Theme Name: 	WEARPURE.tech
Description: 	Responsive WordPress Theme based on Boostrap and Font Awesome.
Version:     	1.2.0
Author:     	Giuseppe Colonna Studio
Author URI:   http://www.giuseppe-colonna.com
Site:         http://www.giuseppe-colonna.com
Text Domain: 	nakedpress
Domain Path: 	/languages
Tags:        	grid-layout, blog, custom-menu, featured-images, right-sidebar
License:    	GNU General Public License v3.0
License URI:	http://www.gnu.org/licenses/gpl-3.0.html

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/* Define vars for root element */
:root {
    --main-color: grey;
    --light-color: white;
    --dark-color: black;
    --accent-color: #6a755a;
    --dark-accent-color: #6a755a;
}

@font-face {
        font-family: 'Surt-Regular';
        src: url('fonts/Surt-Regular.woff') format('woff2'),
             url('https://wearpure.tech/fonts/Surt-Regular.woff') format('woff');
        font-weight: normal;
        font-style: normal;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - PRE-LAUNCH HIDE ELEMENTS */

/* Sale Label */
.woocommerce span.onsale, .related .products span.onsale, .woocommerce ul.products li.product .onsale {
    display: none;
}

.woocommerce ul.products li.product .outofstock {
    position: relative;
    border: 2px solid red;
}

.woocommerce ul.products li.product .outofstock::after {
    content: 'Out of Stock';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10000000000;
}

#wc-stripe-payment-request-button-separator {
    display: none !important;
}

/*
p.stock.out-of-stock {
    position: absolute;
    top: 5px;
    left: 5px;
    background-color: #fbb0b0;
    color: white;
    padding: 3px 5px;
}
*/





body, html { margin: 0; padding: 0; height: 100%;}
body.admin-bar .navbar-fixed-top { position: fixed; top: 32px; z-index: 1000;}

.grecaptcha-badge {
    opacity: 0;
}

.grecaptcha-badge {
    bottom: 60px !important;
}

.wpb_text_column {
    padding-left: 0;
}

a#scroll-to-top {
    background: url(../../uploads/2019/10/arrow.svg) no-repeat center center;
    z-index: 99999999999;
    right: 20px;
    bottom: 60px;
    width: 40px;
    height: 40px;
    background-size: cover;
}


/* ------------------------------------------------------------------------- *
/* ! Base */
/* ------------------------------------------------------------------------- */

/* Typography */
body {font-size: 15px; line-height: 22px; font-family: 'Surt-Regular', helvetica, arial, sans-serif;; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%;}

.rev_slider_wrapper .rev_slider h1,
.rev_slider_wrapper .rev_slider h2,
.rev_slider_wrapper .rev_slider h3,
.rev_slider_wrapper .rev_slider h4,
.rev_slider_wrapper .rev_slider h5,
.rev_slider_wrapper .rev_slider h6,
.gigantic, .huge, .large, .bigger, .big, h1, h2, h3, h4, h5, h6 {font-family: 'Surt-Regular', helvetica, arial, sans-serif;; -webkit-font-smoothing: antialiased; ! important}

/* Title color */
h1, h2, h3, h4, h5, h6 {
    color: var(--dark-color);
    font-weight: normal;
    letter-spacing: -0.012em;
    margin-bottom: 10px;
}

p {
    font-size: 1em;
    line-height: 1.5em;
}

/* Link color */
a{ color: #171a12;  text-decoration: none;cursor: pointer;}
a:focus, a:hover { color: #171a12; }



.wp-btn {
    padding: .75em 1.5em;
    background-color: var(--accent-color);
    font-size: .79em;
    font-family: 'Surt-Regular';
    text-transform: uppercase;
    color: var(--dark-color);
}

.wp-btn:hover {
    color: var(--accent-color);
    background-color: var(--dark-color);
}

/* Numbers */
.price,
p.price,
span.price,
.product_meta,
.cart-icon .cart-contents__number,
.quantity,
.amount,
.woocommerce #content table.cart td.actions .input-text,
.woocommerce table.cart td.actions .input-text,
.woocommerce-page #content table.cart td.actions .input-text,
.woocommerce-page table.cart td.actions .input-text,
.blog-post--hero-content p,
.wpt--grid-post--time, .wpt--grid-post--category
{font-family: 'Roboto Mono', monospace;font-weight:300 !important;}


/* --------------------------------------------------------------------------------------------------------------------------- */
/* ! Header */
/* --------------------------------------------------------------------------------------------------------------------------- */


.logo { font-size: 1em;font-weight: inherit; padding: 22px 20px;}
.logo img{height: 40px;width: auto;}
.nav-wrap {
    background: #f2f2f2; position: fixed; z-index: 2;
-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;}
.nav-wrap a { color: #292929; text-transform: uppercase;}
.tog { position: absolute;  float: left; }
ul.primary ul.dropdown-menu li a {border: 0;}


.nav-wrap nav { float: left; }
.nav-wrap nav { float: right !Important; }




.nav-wrap .no-pad-menu {position: relative !important;}

.scrollUp {
    transform: translateY(-70px) !Important;
}

header.nav-wrap {
    font-size: 30px;
}


/* ------------------------------------------------------------------------- *
/* ! Modules */
/* ------------------------------------------------------------------------- */

.cover{padding: 50px 20px; text-align: center;position: relative;}
.cover:before { content : ''; position : absolute; top : 0; left : 0; bottom : 0; right : 0; background-color : #000000; opacity : 0.5; z-index : 0; }
.cover h1,
.cover h2{color:#fff;z-index: 1;position: relative;}

/* Visual Composer */
.vc_section {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.vc_row.vc_row-o-equal-height > .vc_column_container {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    min-height: 100vh;
}

.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li {
    margin-bottom: 0px !important;
}



/*
*     - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  Form
*/


.wpcf7-form-control.wpcf7-textarea {
    width: 100%;
}


.co-info input, .co-info input label, .co-info input label span textarea {
    border-bottom: 1px solid black;
    border: 1px solid grey;
    padding: 10px;
}

.co-info label {
    display: block;
    max-width: 100%;
    margin-bottom: 10px;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.031em;
}


.co-info label span {
    font-size: 14px;
    margin-bottom: 5px;
}



.wpcf7-list-item {
    margin-left: 0 !important;
}

.wpcf7-form-control-wrap.your-message {
    width: 100%;
    display: grid;
}

.co-info .wpcf7-form-control.wpcf7-submit {
    background-color: black;
    border: 0;
    color: white;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
    padding: 20px;
    margin: 15px 0;
}

.wpcf7-form-control.wpcf7-date.wpcf7-validates-as-required.wpcf7-validates-as-date {
    font-size: 12px;
}

.co-info .wpcf7-form-control.wpcf7-submit:hover {
    background-color: dimgray;
    border: 0;
}

.co-info #form-acceptance {
    float: left;
    width: 20px;
    margin-left: -4px;
    margin-right: 5px;
}

.co-info a {
    color: black;
    font-weight: bold;
}


.co-info .form-table {
    display: table;
    min-width: 100%;
    margin-bottom: 0 !important;
    padding: 10px 0;
}

.co-info .form-table-cell {
    display: table-cell;
    width: 50%;
}


select, input.wpcf7-validates-as-date {

    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    display: block;
    border: 1px solid grey;
    padding: 10px 50px 10px 10px;
    background: url(https://wearpure.tech/wp-content/uploads/2019/07/arrow-down.svg) no-repeat center right;
    background-color: rgba(0, 0, 0, 0);
    color: black;
    width: 100%;
    height: 39px;


}


.wpcf7-form-control.wpcf7-text {
    width: 100%;
    padding: 15px;
    font-size: 1.1em;
    background-color: transparent;
    margin-bottom: 9px;
}


.wpcf7-form-control.wpcf7-textarea {
    width: 100%;
    background-color: transparent;
    border: 1px solid grey;
    padding: 15px;
    color: black;
    font-size: 15px;
}

.accept-req {
    text-transform: uppercase;
    font-size: 11px !important;
    padding-top: 3px;
    letter-spacing: 0.07em;
    line-height: 24.5px;
    color: dimgray;
}

.send-btn .wpcf7-form-control.wpcf7-submit {
    width: 100%;
}


/* Mailchimp Form */

.form-row {
    margin-bottom: 17px;
    font-family: 'Surt-Regular', sans-serif !important;
}

.half-col, .half-col  [class*='col'] {
    padding: 0;
}

.form-row input {
    width: 100%;
    padding: 15px !important;
}

.form-row.half-col {
    width: 50%;
    float: left;
}

.form-row-send input {
    padding: 15px !important;
}

.mc4wp-form-basic button, .mc4wp-form-basic input[type="button"], .mc4wp-form-basic input[type="submit"], .mc4wp-form-theme button, .mc4wp-form-theme input[type="button"], .mc4wp-form-theme input[type="submit"] {
    width: 100% !important;
    margin-bottom: 8px !important;
}

.mc4wp-form-wpt {
    font-family: 'Surt-Regular', sans-serif !important;
}


.mc4wp-form-theme input[type="date"], .mc4wp-form-theme input[type="email"], .mc4wp-form-theme input[type="number"], .mc4wp-form-theme input[type="tel"], .mc4wp-form-theme input[type="text"], .mc4wp-form-theme input[type="url"], .mc4wp-form-theme select, .mc4wp-form-theme textarea, .form-row-send {
    font-family: 'Surt-Regular', sans-serif !important;
}


.mc4wp-form-wpt, .mc4wp-form-theme button, .mc4wp-form-theme input[type="button"], .mc4wp-form-theme input[type="submit"] {
    font-family: 'Surt-Regular', sans-serif !important;
    font-size: 15px;
    letter-spacing: 0.5px;
}

.mc4wp-form-basic label,
.mc4wp-form-theme label {
    font-weight: 400;
    font-size: 11px;
}

aside #mc4wp_form_widget-2 {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 60px;
    border: 1px solid var(--accent-color);
    padding: 18px 20px 0px;
}




/*
* form alerts
*/
div.wpcf7-response-output {
    margin: 0em 0em !important;
    padding: 1em !important;
    border: 2px solid #ff0000;
    font-family: 'Surt' !important;
}

div.wpcf7-mail-sent-ok {
    border: 3px solid #86b770 !important;
    background-color: #cef5ce !important;
}



#main.grid {
    margin-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
}

.rev_slider_wrapper.fullscreen-container .grid.no-col,
.rev_slider_wrapper.fullscreen-container .grid .grid{
    max-width: 1250px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
}

/*--------------------------------------------------------------
# Blog
--------------------------------------------------------------*/

.grid.grid-blog {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    margin-bottom: 50px;
    max-width: 100% !important;
    padding: 80px 0px;
}

.index--grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    margin-bottom: 50px;
    max-width: 100% !important;
    padding: 80px;
}



.wpt--grid-post {
    flex-basis: 25%;
    padding: 20px;
}





.wpt--grid-post img {
    width: 100%;
    height: auto;
    border-radius: 2px;
}



/* ----------------------- TEST BLOG IMAGES
.wpt--grid-post img {
    width: 100%;
    height: 300px;
    border-radius: 2px;
    object-fit: contain;
    object-position: bottom;
}
*/


.wpt--grid-post h3 {
    font-size: 1.2em;
    margin-bottom: -0.31em;
}

.wpt--grid-post p {
    font-size: .88em;
    margin-bottom: 1em;
    opacity: 0.75;
}

.wpt--grid-post-title {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 80px;
}

.wpt--grid-post--time {
    color: darkgray;
}

.wpt--grid-post--category {
    font-size: 12px;
}

.wpt--grid-post--navigation-wrap {
    display: block;
    width: 100%;
    padding: 20px;
}
.wpt--grid-post--navigation a {
    border: 2px solid var(--accent-color);
    padding: 15px 20px;
    white-space: nowrap;
    color: black;
}

/* - Single Post */

.blog-post--hero {
    display: block;
    width: 100vw;
    min-height: 50vh;
    background-color: var(--accent-color);
    padding-top: 200px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
}






/*
.blog-post--hero::after {
    content: " ";
    width: 100%;
    height: 100%;
    background-color: #00000075;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}
*/

.blog-post--hero-grid {
    width: 100%;
    left: 0;
    position: absolute;
    bottom: 0px;
    z-index: 1;
}


.blog-post--hero-grid .grid.no-col {
    margin-bottom: 0;
}

.no-col {
    display: block;
    padding-bottom: 0px;
}

.grid {
    margin-bottom: 0px;
}

.grid.blog-post--content {
    margin-top: 50px;
}


.blog-post--hero-content h1,
.blog-post--hero-content p,
.blog-post--hero-content a {
    color: white !important;
}


#respond {
    margin-top: 50px;
    border-top: 1px solid lightgray;
    padding-top: 40px;
}

@media (max-height: 769px) {
    .blog-post--hero-grid {
    position: relative;
    bottom: 20px;
    }
    .blog-post--hero {
    padding-top: 0px;
        min-height: 1px;
    }
    
}





/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

.footer--top .grid {
    margin-top:40px;
}
.footer--top-top {
    background-color: #c2d5ca;
    background-color: #ffffff;
    padding: 50px 20px;
    text-align: center;
}

.footer--top-top img {
    height: 150px;
    width: auto;
    padding: 5px;
}


.footer--top li {
    list-style: none;
}

.footer--top img {
    width: 100%;
    height: auto;
}

footer#colophon .footer--top a {
    color: #292929;
    font-size: .95em;
    text-decoration: none;
    cursor: pointer;
}

footer#colophon {
    background-color: #6a755a;
    padding: 20px 0;
    font-family: 'Surt-Regular' !important;
}



.sub-footer {
    font-size: 12px;
    font-family: 'Surt-Regular' !important;
    background-color: black;
    color: dimgray;
    text-transform: uppercase;
    padding: 35px 0;
    border-top: 1px solid #292929;
    text-align: center;
}

.sub-footer a {
    color: #ddd !important;
}


/* ------------------------------------------------------------------------- *
/* ! Woocommerce */
/* ------------------------------------------------------------------------- */

article .woocommerce {padding: 35px 20px;}
.woocommerce-page article {width:100%;}
.woocommerce-product-gallery {padding:0;}

.woocommerce ul.products li.product a img {
    background-color: #f2f2f2;
}



/* minicart */
.nav-wrap .no-pad-menu{position: relative;}
.minicart { list-style-type : none; margin : 0px; width : 270px; max-height : 0px; overflow : hidden; position : absolute; z-index : 2; top : 72px; right : 0px; background : #ffffff; box-shadow : 0 10px 15px rgba(0,0,0,0.15); }
.minicart__inside { padding : 20px; position: relative;}
.minicart .widget { margin-bottom : 0; }
.minicart .widget li { position : relative; margin-top : 5px!important; }
.minicart .widget a { border : none; padding : 0px 0 0 0; color:#000 }
.minicart .widget a.button { padding: 15px; width: 100%;text-align: center; font-size: .81em;letter-spacing: .051em;}
.minicart .widget_shopping_cart .total{ border-top : 1px solid #dddddd; margin-top : 10px; padding-top : 20px; }
.minicart .woocommerce-mini-cart__buttons { margin-bottom : 0; }

.cart-icon { display: block; position: absolute; top: 10px;right: 0; padding-bottom: 10px; margin-bottom: 10px; width: 40px; height: 40px; z-index: 30;}
.cart-icon .cart-contents {line-height: 40px; text-align: center;cursor: pointer;color: #292929;width: 25px; height: 22px; border-radius: 0; font-size: 22px; line-height: 22px; position: relative; border: 1px solid var(--dark-color); margin-top: 15px; }
.cart-icon .cart-contents:before { content: ' '; width: 14px; height: 6px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid var(--dark-color); position: absolute; top: -6px; left: 5px; }



.cart-icon {
    display: none;
}



.cart-icon .cart-contents__number { position: absolute; height: 22px; width: 20px; line-height: 22px; border-radius: 0px;text-align: center; font-size: 10px;right: 1px;bottom: -1px; background: transparent; color: var(--dark-color);}

.cart--open { min-height : 50px; max-height : 600px; }
.woocommerce .widget_shopping_cart .cart_list li, .woocommerce.widget_shopping_cart .cart_list li {padding-bottom: 5px; width: 100%;border-bottom: 1px solid #ddd;}
.woocommerce-mini-cart__buttons { margin-bottom : 0; }
.minicart .widget a.button {padding: 15px; width: 100%; text-align: center;}
.minicart .widget_shopping_cart .total {border-top: 0;margin-top: 0;padding-top: 20px;}
.woocommerce ul.cart_list li img,
.woocommerce ul.product_list_widget li img {width: 50px;}

.woocommerce a.remove { height: 1.2em; width: 1.2em; text-align: center;}
.woocommerce-mini-cart__total .woocommerce-Price-amount.amount { float: right; }

/* Shop Page */

.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3,
.woocommerce ul.products li.product .price {padding: .0125em 0; font-size: 1.22em;line-height: 1.22em;}
.woocommerce span.onsale,
.related .products span.onsale {padding: 0 1em; font-size: 1em; top: 10px !important;left: 4px !important; right:auto !important;border-radius: 0; background-color: transparent; color: #999;font-size: .857em; text-transform: uppercase; border: 2px solid #999;z-index: 1;}

.posted_in { display: block; margin-bottom: 5px; }



/* Single Product */

.related.products,
.archive #main,
.woocommerce div.product div.summary {
    padding: 5.5em 2em;
}


.__PrivateStripeElement iframe {
    width:150px !important;
    display: block !important;
}




/* Single Product — INPUTS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"] {  height: 40px; padding: 6px 4px; border-radius: 0;}

.woocommerce #content table.cart td.actions .input-text,
.woocommerce table.cart td.actions .input-text,
.woocommerce-page #content table.cart td.actions .input-text,
.woocommerce-page table.cart td.actions .input-text { width: 130px; }
.woocommerce div.product div.images .woocommerce-product-gallery__trigger { z-index: 1;}

/* Single Product — BUTTONS */

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    background-color: var(--accent-color);
    color: #fff;
    font-size: 15px;
    padding: .79em 1.5em;
    font-weight: 400;
    border-radius: 0;
    border: 0;
    display: inline-block;
    font-family: 'Surt-Regular';
    height: 40px;
}

.vc_btn3.vc_btn3-color-green, .vc_btn3.vc_btn3-color-green.vc_btn3-style-flat {
    color: #fff;
    background-color: var(--accent-color) !important;
}

.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover { background-color: var(--dark-accent-color); color: #fff; }

#customer_details {
    padding: 0;
    margin-left: -15px;
    margin-bottom: 35px;
    margin-top: 30px;
}


.woocommerce table.shop_table {border: 0;}
.woocommerce table.shop_table td,
.woocommerce table.shop_table th {
    font-weight: 400 !important;
    padding: 9px 0px;
    padding: 9px 0;
}

.product-quantity {text-align: center;}
#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img {
    width: 40px;
}


.woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt:disabled[disabled], .woocommerce #respond input#submit.alt:disabled[disabled]:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled], .woocommerce a.button.alt:disabled[disabled]:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt:disabled[disabled], .woocommerce button.button.alt:disabled[disabled]:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt:disabled[disabled], .woocommerce input.button.alt:disabled[disabled]:hover {
    background-color: var(--accent-color);
    color: #fff;
}


body.page-template-default main#main {
    padding-top: 110px !important;
}






/* -----------   Woocommerce Alerts Messages */



.woocommerce-message {
    background-color: #c9e6d7;
    color: var(--dark-color);
    border-top: 2px solid #6a755a;
}

.woocommerce-message::before {
    color: #6a755a;
}

.woocommerce-info {
    background-color: #c0f0fb;
    color: var(--dark-color);
    border-top: 2px solid #37abc3;
}

.woocommerce-info::before {
    color: #37abc3;
}

.woocommerce-error {
    background-color: #ffaeae;
    color: var(--dark-color);
    border-top: 2px solid #da2222;
}

.woocommerce-error::before {
    color: #da2222;
}


.woocommerce-error,
.woocommerce-info,
.woocommerce-message { margin: 0; }


/* -----------   Woocommerce Checkout */


.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
    float: none;
    max-width: 1280px;
    margin: 0 auto;
}

.woocommerce form .form-row label {
    text-transform: uppercase;
    font-size: .77em;
}

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    outline: 0;
    line-height: normal;
    font-family: 'Surt-Regular';
    color: black;
}


/* ------------------------------------------------------------------------- *
/* ! Index */
/* ------------------------------------------------------------------------- */

/* Home Title */
.home-title { position: absolute; top:-9999px; color: #fff; font-size: 12px;}


/* ------------------------------------------------------------------------- *
/* ! Sidebar */
/* ------------------------------------------------------------------------- */



/* ------------------------------------------------------------------------- *
/* ! Footer */
/* ------------------------------------------------------------------------- */

.footer__logo{background: #fff;width:100px; height: auto;}
.footer__menu {list-style-type: none;padding: 10px;}
.footer__menu li{display: inline-block;}
.footer__menu li a{padding: 10px;}

/* --------------------------------------------------------------------------------------------------------------------------- */
/* ! Responsive */
/* --------------------------------------------------------------------------------------------------------------------------- */


/* ----------------------------- */
/* ! -- Desktop */
/* ----------------------------- */
@media (min-width: 1023px) {
    
    .blog-post--hero-content {
    width: 75%;
    }

}



@media (min-width: 769px) {
    .woo--wrap-summary {
    position: relative;
    padding: 0px;
    display: flex;
    width: 100%;
    }

}






/* ----------------------------- */
/* ! -- Tablet */
/* ----------------------------- */

@media (max-width: 998px) {
    .wpt--grid-post {
    flex-basis: 50%;
}
    
    .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    font-size: 10px;
    height: auto;
}
    

}

/* ----------------------------- */
/* ! -- Smarthphone */
/* ----------------------------- */

@media (max-width: 767px) {
    

    
    
    
    h1 {
    font-size: 27px;
    line-height: 35px;
    margin-bottom: 5px;
    }
    
    

body.admin-bar .navbar-fixed-top { top: 42px;}
    .logo {
    font-size: 1em;
    font-weight: inherit;
    padding: 23px 17px;
    position: relative;
    left: 50%;
    margin-left: -145px;
}
    .tog span {
    border-radius: 0;
    position: absolute;
    top: 33px;
    right: 28px;
    width: 25px;
    height: 1px;
    background: var(--dark-color);
    }
    
    .wpt--grid-post {
    flex-basis: 100%;
}
    
    .index--grid {
    padding: 40px;
}





    .woocommerce table.shop_table_responsive tr, .woocommerce-page table.shop_table_responsive tr {
    border-top: 2px solid var(--dark-color);
    }

    .woocommerce table.shop_table td {line-height: 1.5em !important;}

    .woocommerce table.shop_table_responsive tr td::before,
    .woocommerce-page table.shop_table_responsive tr td::before {
    content: attr(data-title) ": ";
    font-weight: 400;
    float: left;
    font-size: .81em !important;
    }

    .woo--wrap-summary {
    display: block !important;
    }
    
    
    
    
    

}


/* --------------------------------------------------------------------------------------------------------------------------- */
/* WordPress Default Styles */
/* --------------------------------------------------------------------------------------------------------------------------- */


main {
    padding-top: 46px;
}

/* Pagination */
.pagination { margin: 40px 0 40px 0; padding: 0; width: 100%; }
.pagination span,
.pagination span, .pagination a {
    float: left;
    margin: 0 10px 10px 0;
    padding: 14px 19px;
    border: 1px solid #ddd;
    font-family: 'Roboto Mono';
}

/* Gallery */
.gallery { float: left; margin: 20px 0 20px 0; width: 103.55%; }
.gallery-item { float: left; width: 33.333333%; text-align: center; }
.gallery img { margin: 0 10% 0 0; width: 90%; height: auto; border: none!important; }
.gallery-caption { width: 90%;margin:10px 0 0 0;}

/* Image */
.alignleft { float: left; margin-right: 20px; margin-bottom: 10px; max-width: 97%; height: auto; }
.alignright { float: right; margin-bottom: 10px; margin-left: 20px; max-width: 97%; height: auto; }
.aligncenter { display: block; margin: 0 auto; max-width: 97%; height: auto; }
.alignnone { max-width: 97%; height: auto; }

/* img responsive */
.img-res{width: 100%;height: auto;}

/* video responsive */
.video-container {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Table */
table {border-collapse: collapse;margin: 40px 0; width:100%;}
table, th, td {border: 1px solid #ddd;padding:10px; font-size: 18px;text-transform: capitalize;}
table  tr:first-child td { background: #fff; padding:12px 8px;}
.woocommerce table, .woocommerce th, .woocommerce td {border: 0px;}

/* Image Caption */
.wp-caption { margin-top: 1.5rem;margin-bottom: 0px; padding: 10px; max-width: 97%; border: 1px solid #ddd; text-align: center; }
.wp-caption img { margin: 0; padding: 0; width: 100%!important; height: auto; border: 0 none; }
.wp-caption p.wp-caption-text { margin: 0; padding: 8px; font-size: 1em; line-height: 17px; }

/* Widgets */
.widget {
    margin-bottom: 30px;
}

/* Search */
.search-form {background: #eee;}
.search-form input[type=text]{ width: 80%; color: #333; }
.search-form button{float:right;padding:10px 15px 0 0;border: none; background: none;padding: 11px;}

/* Contact Form 7 */
.wpcf7 label{width:100%}

/* Comments */
.comment-form-author,
.comment-form-email,
.comment-form-url { float: left; margin-top: 20px; margin-right: 3%; width: 30.3333333%; }
.comment-form-author input,
.comment-form-email input,
.comment-form-url input { width: 100%; }

ol.commentlist { margin: 0 0 1em; padding: 0; list-style: none; text-indent: 0; }
ol.commentlist li.comment { padding: 1em; border-top: 1px solid #eee; }
ol.commentlist li.comment div.vcard cite.fn { text-transform: uppercase; font-size: 14px; }
ol.commentlist li.comment div.vcard img.avatar { float: left; margin: 6px 1em 1em 0; border-radius: 50px; }
ol.commentlist li.comment div.comment-meta { font-size: 12px; }
ol.commentlist li.comment ul { margin: 0 0 1em 2em; }
ol.commentlist li.comment div.reply { margin-left: 80px; font-size: 11px; }
ol.commentlist li.comment div.reply a { font-weight: bold; }
ol.commentlist li.comment ul.children { margin: 1em 0 0; list-style: none; text-indent: 0; }
ol.commentlist li.comment ul.children li.depth-2 { margin: 0 0 .25em .25em; border-left: 1px solid #eee; }
ol.commentlist li.comment ul.children li.depth-3 { margin: 0 0 .25em .25em; border-left: 1px solid #eee; }
ol.commentlist li.comment ul.children li.depth-4 { margin: 0 0 .25em .25em; border-left: 1px solid #eee; }
ol.commentlist li.even { background: #fff; }
ol.commentlist li.odd { /* background: #f9f9f9; */  }
ol.commentlist li.parent { border-left: 1px solid #eee; }
ol.commentlist li.bypostauthor .fn { font-weight: bold; }
ol.commentlist li img{max-width: 97%;}

input[type=text],
input[type=email] { width: 98%;margin-right: 10px; padding: 10px; border: 1px solid #d1d1d1; background: #fff; -webkit-appearance: none;border-radius: 0;font-size: 14px;}
textarea { padding: 10px; width: 98%; border: none; background: #eee; -webkit-appearance: none;border-radius: 0;font-size: 14px;}
input[type=submit] { margin-top: 10px; padding: 15px 20px; color: #fff; text-transform: uppercase; background: #333; border:none; font-size: 14px;}
#comments { width: 100%; }

label[for=wp-comment-cookies-consent] {
    display: inline;
    font-weight: 400;
}
label[for=wp-comment-cookies-consent] {
   display: inline;
}

/* Calendar Widget */
#wp-calendar { width: 100%; }
#wp-calendar a { padding: 0; border: none; }
#wp-calendar caption,
.screen-reader-text { padding-bottom: 10px; color: #000; text-align: left; text-transform: uppercase; font-weight: 700; font-size: 14px; }
#wp-calendar thead { font-size: 10px; }
#wp-calendar thead th { padding-bottom: 10px; }
#wp-calendar tbody { color: #aaa; }
#wp-calendar tbody td { padding: 8px; border: 1px solid #fff; background: #f5f5f5; text-align: center; }
#wp-calendar tbody td:hover { background: #fff; }
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next { text-align: right; text-transform: uppercase; font-size: 10px; }
#wp-calendar tfoot #prev { padding-top: 10px; text-transform: uppercase; font-size: 10px; }

/* functional stuff */


body.single-product.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) {
    width: 100%;
    display: inline-block;
}
body.single-product.woocommerce div.product div.images .woocommerce-product-gallery__image {
    margin-bottom: 30px;
}

.woocommerce div.product .product_title {
    clear: none;
    margin-top: 0;
    padding: 0;
    font-size: 40px;
}

.slick-dots li button:before {
    content: none !important;
}
.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 3px;
    padding: 0px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: rgba(0,0,0,0.4);
}
.slick-dots li.slick-active button {
    background: rgba(0,0,0,1);
}

@media all and (min-width: 768px){
    body.single-product .product .sticky-el {
        position: sticky;
        top: 100px;
    }
    body.single-product .product .abs-el {
        position: absolute;
        right: 0;
    }
    .woocommerce div.product div.summary {
    margin-top: 0em !important;
    position: -webkit-sticky;
    position: sticky;
    top: 4.5em !important;
    padding: 2em;
}
}





.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}
.acc-active, .accordion:hover {
  background-color: #ccc;
}
.accordion:after {
  content: '\002B';
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}
.acc-active:after {
  content: "\2212";
}
.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}