/* variáveis de cor */


:root {
    /* Cores do cabeçalho */
    --fundo-cabecalho: #ffffff;
    --texto-cabecalho: #000;
    --fundo-menu-superior: #ffffff;
    --texto-menu-superior: #000;


    /* Cores barra de newsletter */
    --fundo-newsletter: #fff;
    --botao-newsletter: #181818;
    --texto-newsletter: #181818;


    /* Cores rodapé */
    --fundo-rodape: #fff;
    --titulo-rodape:#000;
    --texto-rodape: #000;


    /* Cores página carrinho */
    --cor-principal-carrinho: #000;
    --cor-botao-finalizar-compra: #11ad56;


    /* Cores página produto */
    --cor-botao-comprar: #39B169;
    --fundo-botao-ativo-variacao: #000000;
    --texto-botao-ativo-variacao: #ffffff;


    /* Cores gerais */
    --cor-da-marca: #000;
    --texto-branco: #ffffff;
    --cor-de-borda: #D7D9DE;
    --cinza-claro: #f5f7fb;
    --cinza: #777D8B;
    --preto: #000;
    --branco: #ffffff;
    --cor-de-link: #000;


    /* Cor de botões */
    --cor-de-botoes: #11ad56;
}

.busca input {

    border: 1px solid #40424b;
    background: var(--fundo-cabecalho);
    color: var(--cinza);

}

ul.drop-login li:last-child a {
    color: var(--branco);
    line-height: 50px;
    font-weight: 600;
}

.carrinho>a strong {
    color: var(--texto-preto);
}

.busca input::placeholder {
    color: var(--cinza);
}

.listagem-item.indisponivel .bandeiras-produto .bandeira-indisponivel {
    display: inline-block;
    background: white;
    color: black;
    border: 1px solid;
    border-radius: 4px;
    line-height: 17px;
}


@media screen and (min-width: 768px) {
    
.login-top:before {
    content: "";
    width: 21px;
    height: 25px;
    display: block;
    z-index: 1000;
    filter: invert(1);
    background: url(https://cdn.awsli.com.br/2481/2481317/arquivos/user1.svg) no-repeat center;
    margin-right: 8px;
}

.atd-top:after {
    content: "";
    width: 12px;
    height: 24px;
    display: block;
    z-index: 1000;
    filter: invert(1);
    background: url(https://cdn.awsli.com.br/2481/2481317/arquivos/angle-down2.svg) no-repeat center;
    margin-left: 8px;
}

.wishlist a:after {
    content: "";
    width: 23px;
    height: 21px;
    display: block;
    z-index: 1000;
    filter: invert(1);
    background: url(https://cdn.awsli.com.br/2481/2481317/arquivos/heart1.svg) no-repeat center;
}

.carrinho>a i:before {
    content: "";
    width: 22px;
    height: 24px;
    display: block;
    z-index: 1000;
    filter: invert(1);
    background: url(https://cdn.awsli.com.br/2481/2481317/arquivos/shop-cart1.svg) no-repeat center;
}

.busca button:before {
    content: "";
    background: url(https://cdn.awsli.com.br/2771/2771523/arquivos/search.svg) center no-repeat;
    width: 18px;
    height: 18px;
}

.banner.cheio .flexslider .flex-direction-nav .flex-next:after {
    content: "";
    background: url(https://cdn.awsli.com.br/2481/2481317/arquivos/angle-right2.svg) center no-repeat;
    width: 9px;
    height: 15px;
    display: block;
}

.banner.cheio .flexslider .flex-direction-nav .flex-prev:before {
    content: "";
    background: url(https://cdn.awsli.com.br/2481/2481317/arquivos/angle-left2.svg) center no-repeat;
    display: block;
    width: 9px;
    height: 15px;
}

#categoriasListagem .slick-next:before {
    content: "";
    background: url(https://cdn.awsli.com.br/2481/2481317/arquivos/angle-right2.svg) center no-repeat;
    width: 9px;
    height: 15px;
    display: block;
}

#categoriasListagem .slick-prev:before {
    content: "";
    background: url(https://cdn.awsli.com.br/2481/2481317/arquivos/angle-left2.svg) center no-repeat;
    width: 9px;
    height: 15px;
    display: block;
}

.produto .principal .lista-favoritos i:before {
    content: "";
    background: url(https://cdn.awsli.com.br/2481/2481317/arquivos/heart-fav1.svg) center no-repeat;
    width: 21px;
    height: 19px;
    position: relative;
    top: 2px;
}

}


@media screen and (max-width: 767px) {

.login-top a:before {
    content: "";
    width: 21px;
    height: 25px;
    display: block;
    z-index: 1000;
    filter: invert(1);
    background: url(https://cdn.awsli.com.br/2481/2481317/arquivos/user1.svg) no-repeat center;
    margin-right: 0px;
}

#cabecalho>.conteiner>.row-fluid>.span3 > .fundo-principal > a:before, #cabecalho>.conteiner>.row-fluid>.span6 > .fundo-principal > a:before {
content: "";
filter: invert(1);
background: url(https://cdn.awsli.com.br/2481/2481317/arquivos/shop-cart1.svg) center no-repeat;
width: 22px;
height: 24px;
}

}




