
:root{
    --cor-01: #BDFF1A; 
    --cor-02: #F4F4F4;
    --cor-03: #29AF16;
    --branco: #FFFFFF;
    --preto:  #000000;
    --fonte:  #1B6B93;
}
a:hover, a:focus {
    color: var(--cor-01);
}
.header{
    background-color: var(--preto);
}
.home_selected, .contato_selected, .sobre_selected, .promocoes_selected{
    color: var(--branco) !important;
}

/*404*/
.erro404 h1, .erro404 h1 span{
    color: var(--cor-01);
}
/*404*/

/*BOTAO*/   
.produto .botao-car .bt, .conteudo-contato .conteudo-form .bt-contato, .detalhe .conteudo-descricao .container_btn .bt-padrao, #finaliza_desconectado, #enviar_form, .erro404 .btn-home{
    background-color: var(--preto) !important;
    border: 1px solid var(--preto) !important;
    color: var(--branco) !important;
}
/*BOTAO*/

/*MENU*/
.d-car{
    color: var(--preto);
    font-size: 26px !important;
}
.span-car table tr td{
    color: var(--cor-01);
}
.header-menu .span-car{
    background-color: var(--cor-03);
}
span.span-tel{
    color: var(--fonte);
}
.header-menu .conteudo-menu div>ul>li>a{
    color: var(--preto);
}
.header-menu{
    background-color: var(--cor-01);
}
.d-busca-header .icon-busca {
    background-color: var(--branco);
    top: 2px;
}
.d-busca-header .input_busca_form {
    border: 3px solid var(--branco);
}
.divi-menu .show-all span{
    color: var(--preto);
}
.header-menu .menu-prod, .header-menu .conteudo-menu ul li ._subcat{
    background-color: var(--branco);
    border-top: 6px solid var(--branco);
}
.header-menu .menu-prod ul li a, .header-menu .menu-prod ul li ._subcat li a{
    color: var(--preto) !important;
}
.header-menu .menu-prod ul li a:hover, .header-menu .menu-prod ul li ._subcat li a:hover{
    color: var(--preto) !important;
    background-color: var(--cor-01);
}
.header .d-dados-header a, .header .d-dados-header i{
    color: var(--branco);
}
/*MENU*/

/*FOOTER*/
.footer{
    background-color: var(--preto);
}
.footer .footer-dados span, a, .footer .footer-dados i, .footer .menu-footer a, .footer .redes-sociais i, .footer .redes-sociais span{
    color: var(--branco);
}
.footer .title-footer{
    color: var(--cor-01);
}
.footer a, .footer i, .footer .nav-redes ion-icon{
    color: var(--branco);
}
.sub-footer{
    background-color: var(--cor-01);
}
.sub-footer span, h1, .sub-footer span a{
    color: var(--preto);
}
/*FOOTER*/

/*CONTATO*/
.div-dados-contato span, a, i, .conteudo-rede-contato .nav-redes li a i, .conteudo-rede-contato h3{
    color: var(--preto);
}
/*CONTATO*/

/*PRODUTO*/
.produto:hover{
    border-color: var(--preto);
}
/*PRODUTO*/

/* MOBILE */
.conteudo-mobile{
    background-color: var(--cor-01);
}
.header-menu .d-logo-mobile{
    background-color: var(--preto);
}
.header-menu .d-minha-conta-mobile{
    background-color: var(--cor-01);
}
.conteudo-top-mobile img, .header-menu .d-logo-mobile img{
    width: 157px;
}
@media (max-width:991px){
    .logo-footer{
        width: 65%;
    }
    .header-menu{
        background-color: var(--branco);
    }
    .span-car{
        background-color: var(--cor-03);
    }
    .conteudo-top-mobile{
        background-color: var(--preto);
    }
    .conteudo-mobile .fa-bars{
        color: var(--preto);
    }
    .header-menu .conteudo-menu div>ul>li>a{
        color: var(--preto) !important;
    }
    .header-menu .menu-prod ul li a:hover, .header-menu .menu-prod ul li ._subcat li a:hover{
        color: var(--preto) !important;
        background-color: var(--branco) !important;
    }
    a.link_categoria, .header-menu .menu-prod ul li a.link-categoria{
        font-size: 14px !important;
        font-weight: 600 !important;
    }
    .header-menu .d-minha-conta-mobile .fecha_mobile img{
        filter: invert(1);
    }
    .span-car table tr td{
        color: var(--branco);
    }
    .btn_mob_filtro_opcoes .bt, .btn-warning{
        background-color: var(--cor-01) !important;
        color: var(--branco) !important;
    }
    .swal2-popup .swal2-close{
        color: var(--cor-01);
    }
    .relacionados .d-relacionados{
        height: 256px !important;
    }
    .footer-dados{
        padding-left: 0;
    }
}
.ul-cor li{ 
    display: inline-block;
    width: 50%;
    text-align: left;
    margin: 5px 0;
}
/* MOBILE */
.div-dados-contato{
    color: var(--preto) !important;
}