/*
Theme Name:   StorefrontIstic
Description:  Write here a brief description about your child-theme
Author:       Odirlei Sabella
Author URL:   Write here the author's blog or website url
Template:     storefront
Version:      1.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  StorefrontIstic
*/

/* Write here your own personal stylesheet */

:root{
    --corPrimaria: #126634;
    --corSecundaria: #F68A37;
    --branco: #ffffff;
}

@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');

*{
    font-family: 'Montserrat', sans-serif;
}

textarea{
    resize: none !important;
}

a{
	/* color: #4B4B4B; */
}

a:focus{
    outline: none;
}

input:focus{
    outline: none;
}

.bapf_head h3{
	border-bottom: 1px solid #ccc;
}

.entry-header{
    display: none;
}

.page-template{
	padding: 0 !important;
}

#primary{
    margin-bottom: 0;
}

#main{
    margin-bottom: 0;
}

h2{
    margin-bottom: 50px;
}

p{
    margin: 0;
}

.woocommerce-products-header{
    display: none;
}

.storefront-breadcrumb{
    margin-bottom: 2em;
}

/* .current_page_item a{
    color: #DB2A24 !important;
} */

.home .site-content{
    margin-top: 226px;
}

.storefront-breadcrumb{
    margin-top: 160px;
}

ul.menu li a{
    color: #4B4B4B;
}






/*--    CABEÇALHO    --*/
.site-header{
    margin-bottom: 0 !important;
    padding-top: 0;
    position: fixed;
    width: 100vw;
    z-index: 100;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* border-bottom: none; */
}

.site-header .site-branding img{
    /* max-width: 150px; */
}


#masthead .col-full{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .5em 1em;
    width: 100vw;
    margin: 0;
    box-sizing: border-box;
}

#masthead .storefront-primary-navigation{
    display: none;
}

.barra_info_header{
    padding: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    border-bottom: solid 1px #70707050;
}

.barra_info_header a{
    /* color: #7C8996; */
}

.site-header .fas{
    font-size: 1.5em;
}

.barra_col_full{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 66em;
    padding: 5px 0;
}

.barra_info_header_coluna1{
    /* flex: 2; */
    justify-content: space-between;
}

.site-header .istic-social-networks{
    display: flex;
    align-items: center;
    margin: 0;
    list-style: none;
}

.istic-social-networks-item{
    margin: 5px 10px;
}

.istic-social-networks-item i:hover{
    color: var(--corSecundaria);
}

.barra_info_header_coluna2{
    /* flex: 1; */
    display: flex;
    justify-content: space-between;
}

.barra_info_header_coluna2 *{
    margin: 0 5px;
}

#barra-cabecalho{
    display: flex;
    list-style: none;
}

.site-branding{
    margin-bottom: 0;
    /* width: 12% !important; */
}

.woocommerce-active .site-header .site-search {
    float: left;
    flex: 4;
    margin: 0 5%;
}

.site-search{
    margin-bottom: 0;
}

.search-field{
    box-shadow: none !important;
}

@media(min-width: 768px){
    .woocommerce-active .site-header .site-branding{
        width: 20%;
        margin-right: 0;
    }

    .woocommerce-active .site-header .main-navigation{
        text-align: end;
        margin-right: 0;
        width: 7%;
    }
    
    .site-header-cart{
        width: 7% !important;
    }

    .site-header-cart .widget_shopping_cart{
        top: 70%;
    }

    .primary-navigation .nav-menu{
        display: flex;
        justify-content: left;
    }


    #header-menu-categorias li:hover{
        scale: 1.1;
    }

    /* .site-header ul.menu li.current-menu-item > a, */
    .site-header .cart-contents:hover,
    .site-header .menu-item-type-post_type a:hover,
    .site-header .user_logged_register:hover,
    .site-footer .menu-barra-rodape a:hover,
    .site-footer .col-full a:hover{
        color: var(--corSecundaria) !important;
    }

    .site-header-cart .wc-forward:hover{
        color: var(--branco);
    }
}

.site-header-cart .cart-contents::after{
    content: "\f290";
    font-size: 22px;
    float: none;
    height: 0;
}

.site-header-cart .cart-contents{
    float: none;
    text-align: end;
    line-height: 4em;
    color: var(--corSecundaria);
}

.site-header-cart .widget_shopping_cart{
    width: 225px;
}

.site-header-cart:hover .widget_shopping_cart{
    left: -170px;
}

.widget_shopping_cart .woocommerce-mini-cart__buttons a.button{
    background-color: var(--corPrimaria);
    color: var(--branco);
}

.widget_shopping_cart .woocommerce-mini-cart__buttons a.button:hover{
    background-color: var(--corPrimaria);
    color: var(--branco);
}

.site-header-cart .cart-contents .woocommerce-Price-amount{
    display: none;
}

.site-header-cart .widget a.button.checkout{
    background-color: var(--corPrimaria);
    color: var(--branco);
}

.site-header-cart .widget a.button.checkout:hover{
    /* background-color: ; */
}

.menu-categorias{
    display: flex;
    justify-content: space-between;
    width: 100vw;
    padding: 0 15%;
    background-color: var(--corPrimaria);
    font-size: 14px;
}

.menu-menu-categorias-container{
    overflow: auto;
}

#header-menu-categorias{
    display: flex;
    justify-content: space-between;
    margin: 0;
}

#header-menu-categorias *{
    list-style: none;
    color: var(--branco);
    padding: 4px 6px;
    font-weight: 600;
}

#header-menu-categorias li:first-child{
    margin: 8px 12px 8px 0;
}

#header-menu-categorias *:not(:first-child){
    margin: 8px 12px;  
}

.setas-menu-categorias{
    color: var(--branco);
    margin: 5px;
    text-align: center;
    line-height: 36px;
    display: none;
}

.botao_ver{
    /* padding: 4px 10px; */
    background-color: var(--corSecundaria);
    margin: 8px 12px;
    color: var(--branco);
    min-width: 88px;
    font-weight: 600;
    text-align: center;
    line-height: 30px;
}






/*--   RODAPÉ   -- */
.site-footer{
    padding: 0;
    margin-top: 80px;
}

.footer-widgets{
    padding-top: 2em;
    padding-bottom: 1em;
}

.box_contato{
    width: 100VW;
    background-color: var(--corPrimaria);
    color: var(--branco);
    text-align: center;
    padding: 30px;
}

.box_contato h3{
    color: var(--branco);
    font-size: 1.5em;
    font-weight: 600;
    margin-bottom: 0;
}

.box_contato p{
    margin-bottom: 20px;
}

.box_contato .botao_contato{
    background-color: var(--corSecundaria);
    color: var(--branco) !important;
    padding: 8px 16px;
}

.footer-widgets .info_empresa p{
    font-size: .8em;
}

.info_empresa_istic_sebrae a{
    color: var(--corPrimaria) !important;
}

.site-info{
    display: flex;
    justify-content: space-between;
    padding: .5em 5em;
    background-color: var(--corPrimaria);
    color: var(--branco);
    flex-wrap: wrap;
}

.site-info *{
    margin: auto;
    text-align: center;
}

.site_info_coluna1{
    display: flex;
    flex-wrap: wrap;
}

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

.site-footer .widget_media_image{
    margin-bottom: 1em;
}

.widget .widget-title{
    font-size: 1.2em;
}

.widget_nav_menu ul li{
    margin-bottom: 0;
    padding: 0;
}

.widget_nav_menu ul li::before{
    display: none;
}

.footer-widget-1{
    /* display: flex;
    flex-direction: column-reverse; */
}

.footer-widget-1 .widget{
    margin-bottom: 0;
}

.site-footer .istic-social-networks{
    display: flex;
}

.site-footer .istic-social-networks-item{
    /* background-color: #7C8996;
    padding: 10px 13px;
    text-align: center; */
    margin-top: 30px;
}

.site-footer .istic-social-networks-item i{
    color: var(--corPrimaria);
    font-size: 2em;
}

.site-footer .istic-social-networks-item i:hover{
    color: var(--corSecundaria)
}

.widget_custom_html{
    margin-bottom: 1em;
}

/* .info_empresa_istic_sebrae strong{
    color: var(--corPrimaria);
} */

.menu-barra-rodape{
    background-color: var(--branco);
}

.menu-barra-rodape ul{
    list-style: none;
    display: flex;
    justify-content: space-between;
    padding: .5% 0;
    margin: 0;
    flex-wrap: wrap
}

.menu-barra-rodape ul li{
    margin: 0 5px;
}

.info_empresa_istic_sebrae{
    font-size: .7em;
}






/* --   PAGINA CONTATO  -- */
div.wpforms-container-full{
    margin-top: 24px;
}

div.wpforms-container-full .wpforms-form button[type="submit"]{
    background-color: var(--corSecundaria);
    color: var(--branco);
    padding: 6px 30px;
}

div.wpforms-container-full .wpforms-form button[type="submit"]:hover{
    background-color: var(--corPrimaria);
}

.uagb-columns__wrap .uagb-columns__inner-wrap{
    z-index: 0;
}

.contato_container h2{
    font-size: 1.4em;
    color: var(--corPrimaria);
    font-weight: 600;
}

.contato_container .wpforms-container textarea,
.contato_container .wpforms-container input{
    border-radius: 10px !important;
}

.contato_container .istic-social-networks{
    margin-top: 30px;
    margin-left: 20px;
    list-style-type: none;
}

.contato_container .istic-social-networks *{
    margin-top: 5px;
    color: #2e2e2e;
}







/* --   PAGINA INCIAL   -- */
.wp-block-media-text{
    background-color: var(--branco);
}

.wp-block-uagb-marketing-button{
    margin-top: 20px;
}

/* --   CARD PRODUTO    -- */
.wc-block-grid__products{
    display: flex;
    justify-content: space-between;
}

.home .type-product{
    min-height: 402PX;
    background-color: var(--branco);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0 0 20px 0;
    border: none;
}

.home .type-product .button{
    padding: 8px;
    width: 80%;
    margin: auto;
    background-color: var(--branco);
}

.home .type-product .button:hover{
    background-color: var(--corPrimaria);
    color: var(--branco);
}

.woocommerce-loop-product__title{
    margin: 0 auto;
    max-width: 90%;
}

.wp-block-media-text .wp-block-button .wp-block-button__link{
    display: flex;
    align-items: center;
    width: 135px;
    justify-content: center;
    margin-top: 30px;
}

.wp-block-media-text .wp-block-button .wp-block-button__link i{
    margin-right: 5px;
}

.storefront-align-wide.page-template-template-fullwidth-php .hentry .entry-content .alignwide{
    padding: 0;
}

.wp-block-media-text .wp-block-media-text__content{
    padding-left: 16%;
}

.added_to_cart{
    background-color: var(--corPrimaria);
    color: var(--branco);
    min-width: 150px;
    margin: auto;
}

.added_to_cart:hover{
    background-color: var(--branco);
    color: var(--corPrimaria);
}

.hentry .entry-content .wp-block-button .wp-block-button__link{
    background-color: var(--corPrimaria);
    color: var(--branco);
}

/* SPAN PROMOÇÃO */
.wc-block-grid__product-onsale, .onsale{
    position: absolute;
    top: 1%;
    right: 1%;
    background-color: #da0007;
    color: var(--branco);
    border: 1px solid var(--branco);
    padding: 3px 8px;
}

.wc-block-grid.has-5-columns .wc-block-grid__product:nth-child(2n) .wc-block-grid__product-onsale{
    left: auto;
}






/* --   PAGINA DO PRODUTO   -- */
.single-product .widget-area{
    display: none;
}

.single-product .content-area{
    width: 100%;
}

.single-product ul.products{
    display: flex;
    justify-content: center;
}

.single-product .site-main ul.products.columns-3 li.product{
    width: 28%;
    background-color: var(--branco);
    min-height: 435px;
    padding-bottom: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

li.product .button{
    width: 70%;
    margin: auto;
    background-color: var(--branco);
    color: var(--corPrimaria);
}

li.product .button:hover{
    background-color: var(--corPrimaria);
    color: var(--branco);
}

.button.alt{
    background-color: var(--corSecundaria);
    color: var(--branco);
}

.button.alt:hover{
    background-color: var(--corPrimaria);
    color: var(--branco);
}





/* --   PAGINA LOJA    -- */
.tax-product_cat .site-main ul.products li.product,
.tax-product_tag .site-main ul.products li.product,
.post-type-archive .type-product{
    min-height: 370px;
    background-color: var(--branco);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0 0 20px 0;
    border: none;
    /* max-width: 232px !important; */
}

.tax-product_cat li.product .button,
.tax-product_tag li.product .button,
.post-type-archive .type-product .button{
    margin: auto;
    padding: 8px;
    background-color: var(--branco);
    color: var(--corPrimaria);
}

.tax-product_cat li.product .button:hover,
.tax-product_tag li.product .button:hover,
.post-type-archive .type-product .button:hover{
    background-color: var(--corPrimaria);
    color: var(--branco);
}

.woocommerce-pagination .page-numbers li .page-numbers.current{
    background-color: var(--corPrimaria);
    color: var(--branco);
    border: solid 1px var(--corPrimaria);
}

.woocommerce-pagination .page-numbers li .page-numbers:not(.current){
    color: var(--corPrimaria);
    border: solid 1px var(--corPrimaria);
}

.bapf_sfilter.bapf_button_berocket .bapf_button{
    background-color: var(--corSecundaria);
    font-size: 1em;
    padding: 4px 16px;
}

.bapf_sfilter.bapf_button_berocket .bapf_button:hover{
    background-color: var(--corPrimaria);
}






/* --    PAGINA MINHA CONTA   -- */
.woocommerce-account .current_page_item{
    color: var(--corSecundaria);
}

.woocommerce-MyAccount-navigation-link a:hover{
    color: var(--corSecundaria);
}

.woocommerce-MyAccount-navigation .is-active a{
    color: var(--corSecundaria);
}





/* --   PAGINA CHECKOUT    -- */
.woocommerce-checkout label{
    margin-top: 10px;
}

.woocommerce-checkout .button.alt{
    margin-top: 20px;
    background-color: var(--corSecundaria);
    color: var(--branco);
}

.woocommerce-checkout .button.alt:hover{
    background-color: var(--corPrimaria);
    color: var(--branco);
}





/*--   PAGINA CARRINHO   --*/
.woocommerce-cart .button{
    background-color: var(--corSecundaria);
    color: var(--branco);
}

.woocommerce-cart .button:hover{
    background-color: var(--corPrimaria);
    color: var(--branco);
}






/*--   PAGINA MINHAC ONTA   --*/
.woocommerce-account .button{
    background-color: var(--corPrimaria);
    color: var(--branco);
}






/*--   PAGINA MEUS DESEJOS   --*/
.woocommerce-wishlist .button{
    background-color: var(--corSecundaria);
    color: var(--branco);
}

.woocommerce-wishlist .button:hover{
    background-color: var(--corPrimaria);
    color: var(--branco);
}






@media(max-width: 1400px){
    .menu-categorias{
        padding: 0 10%;
    }
}

@media(max-width: 1100px){
    /* --   PAGINA INCIAL   -- */
    ul.products{
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    .home .site-main ul.products.columns-4 li.product{
        min-width: 220px;
    }

    ul.products li.product.last{
        margin-right: 4.35% !important;
    }

    .type-product{
        margin-left: 4% !important;
        margin-right: 4% !important;
    }





    .single-product .site-main ul.products.columns-3 li.product {
        min-width: 260px;
    }




    .menu-categorias{
        padding: 0 5%;
    }
}

@media(max-width: 920px){
    .main-navigation, .user_logged_register{
        font-size: .8em;
    }

    .menu-categorias{
        padding: 0 5%;
    }
}

@media(max-width: 768px){
    .storefront-handheld-footer-bar .main-navigation{
        display: none;
    }

    .storefront-handheld-footer-bar .user_logged_register{
        display: none;
    }

    .site-header{
        padding-bottom: 0;
    }

    #masthead .col-full{
        padding: 1.5em 1em;
    }





    /*--     CABECALHO    -- */
    /* .barra_info_header{
        margin-bottom: 25px;
    } */

    .setas-menu-categorias{
        display: unset;
    }

    .menu-categorias{
        padding: 0 3%;
    }




    
    /*--    RODAPE   -- */
    .site-footer .footer-widgets{
        margin-bottom: 100px;
    }

    .simple-social-icons ul{
        text-align: left !important;
    }

    .storefront-handheld-footer-bar ul li.cart > a::before{
        content: "\f07a";
    }

    .site-footer .footer-widgets{
        margin-bottom: 0;
    }
}

@media(max-width: 767px){

    /*--    CABEÇALHO    --*/
    .site-header{
        padding-top: 0;
    }

    #masthead .col-full #user_logged_link{
        display: none;
    }

    .custom-logo{
        /* scale: 1.2;
        margin-left: 20px; */
    }





    /*--    RODAPE   -- */
    .site-footer{
        padding-top: 50px;
    }

    .site-info{
        padding: .5em 2em;
        margin-bottom: 65px;
    }

    .site_info_coluna1{
        justify-content: center;
    }

}

@media(width: 767px){
    .storefront-handheld-footer-bar .user_logged_register{
        display: none !important;
    }
}

@media(max-width: 660px){
    #masthead .barra_col_full{
        flex-direction: column;
        font-size: 15px;
    }

    .custom-logo{
        /* scale: 1.4;
        margin-left: 40px; */
    }
}
/* 
@media(max-width: 480px){
    .custom-logo{
        scale: 1.6;
    }
} */