/* ================ Botão voltar ao topo ================*/

.scrollToTop {
    
    background:#000068;}



/* =========================
================ POPUP EMAIL ===============
============================================
=====================*/


.modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .texto-newsletter:before {

    color: #000068;}
    
    
.modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .input-conteiner .botao {

    background: #009a24;
    border: none;}
    
    
.modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .texto-newsletter{
    
    font-size: 19px;}
    
    
    
    
/* =========================
================ CABEÇALHO ===============
============================================
=====================*/


/* ================Muda a cor do icone de pesquisar ================*/


#cabecalho .busca .botao{
    
    color: #000068;}

#cabecalho .busca .botao:hover {
    
    color: #009a24;}
    
    

#barraNewsletter.posicao-rodape .componente .newsletter-assinar:hover:after,#barraNewsletter.posicao-rodape .componente .newsletter-assinar:hover:before {
    
    
    color: #009a24;}
    
    

/* ================ Menu Scroll ================*/

#cabecalho.fixed .open-menu .line, #cabecalho.fixed .open-menu{
    
    color:#000068;}



/* ================ Muda a cor do menu ================*/


.full.menu .conteiner .nivel-um>li>a>.titulo {
    
    color: #009a24;}

.full.menu .conteiner .nivel-um>li>a>.titulo:hover {
    
    color: #000068;}

.full.menu .conteiner .nivel-um>li:hover>a>.titulo {
    color: #000068;
    opacity: .7}

/* ================ Lista de opções MINHA CONTA ================*/

#cabecalho .account .account-list{
    
    border-top: 2px solid #009a24;}
    
#cabecalho .actions>li:hover .total-cart,#cabecalho .actions>li:hover a {
    
    color: #009a24;}    
    
/* ================ Lista de opções CARRINHO ================*/
    
#cabecalho .carrinho .carrinho-interno.borda-principal {
    border-top: 2px solid #009a24;}
    
    
/* ================ Cor preço total do carrinho ================*/    

#cabecalho .carrinho .carrinho-interno .carrinho-rodape .carrino-total .titulo {
    color: #009a24;}
    
    
/* ================ Cor preço de cada produto no carrinho ================*/

    
#cabecalho .carrinho .carrinho-interno .preco-produto .preco-promocional{
    
    color:#000068;
}


/* ================ Muda a cor dos ícones do cabeçalho ================*/


#cabecalho .actions>li>a .icon circle{
    
    fill: #000068;}


#cabecalho .actions>li>a .icon circle:hover{
    
    fill: #009a24;}


#cabecalho .actions>li>a .icon g path{
    
    fill: #000068;}

#cabecalho .actions>li>a:hover .icon g path {
    
    fill: #009a24;}

#cabecalho .carrinho .qtd-carrinho {
    
    background:white;
    color: #009a24;
    border: solid 1px #009a24;
}

#cabecalho .actions>li>a{
    
    color: #000068;}

#cabecalho .actions>li>a:hover{
    
    color: #009a24;}

#cabecalho .actions>li>a:hover .icon circle {
    
    fill: #009a24;}



/* =========================
================ CORPO DO SITE - PÁGINA INCIAL ===============
============================================
=====================*/


/* ================ Muda cores do slide ================*/


.flex-direction-nav li a{
    
     background:#009a24;
    
}


.banner .flexslider .flex-control-paging li a.flex-active{
    
    
    background:#009a24;}



/* ================ Muda a cor dos subtítulos ================*/


#listagemProdutos.listagem .titulo-categoria strong, #listagemProdutos.listagem .titulo, .listagem.aproveite-tambem .titulo-categoria strong, .listagem.aproveite-tambem .titulo, .produto #descricao:before{
    
    color: #000068;}

.produto #descricao:before{
    
    border-bottom: 5px solid #000068;}

.listagem.aproveite-tambem h4 .titulo.cor-secundaria{
    
    color: #000068;
    border-bottom: 5px solid #000068;}



/* ================ Muda a cor das linhas de separação de baixo dos subtítulos ================ */


#listagemProdutos.listagem .titulo-categoria:after, #listagemProdutos.listagem>.titulo:after, .listagem.aproveite-tambem .titulo-categoria:after, .listagem.aproveite-tambem>.titulo:after{
    
    
    background: #000068;}




/* ================ Icone de slide de produtos ================*/


.slick-next .icon, .slick-prev .icon{
    
    fill: #000068;}

.listagem ul.slick-dots li.slick-active button{
    
    background: #000068;}
    
    
/* ================ Cor do Preço do produto na página incial ================*/

#listagemProdutos.listagem .listagem-item .info-produto .preco-produto .preco-promocional, #listagemProdutos.listagem .listagem-item .info-produto .preco-produto span.preco-a-partir strong, .listagem.aproveite-tambem .listagem-item .info-produto .preco-produto .preco-promocional, .listagem.aproveite-tambem .listagem-item .info-produto .preco-produto span.preco-a-partir strong{
    
    color: #009a24;}
    

/* ================ Cor do ícone de favoritos ================*/

.adic-favo{
    
    color: #000068;}
    
.adic-favo:active .icon,.adic-favo:focus .icon,.adic-favo:hover .icon{
    
    background:#009a24;
}

/* ================ ajuste no nome do produto da página inicial ================*/

#listagemProdutos.listagem .listagem-item .info-produto .nome-produto, .listagem.aproveite-tambem .listagem-item .info-produto .nome-produto{
    
    padding-left:5px;
    padding-right:20px;}



/* =========================
================ RODAPÉ DO SITE ===============
============================================
=====================*/

/* ================ Formulário de email no rodapé ================*/

#barraNewsletter.posicao-rodape .componente .texto-newsletter {
    
    color: #000068;}


#barraNewsletter.posicao-rodape .componente .texto-newsletter::before{
    
    background-color: #000068;}

#barraNewsletter.posicao-rodape .componente .newsletter-assinar{
    
    background: #009a24;
    border:solid 2px #000068;}
    
    
    
/* ================ Cor dos títulos do rodapé ================*/

#rodape .institucional .titulo{
    
    color: #000068;}
    
    
/* ================ Cor dos ícones do rodapé ================*/

#rodape .links-rodape-atendimento .icon, #rodape .links-rodape-atendimento i, #rodape .pagamento-selos .titulo{
    
    color:#000068;}

#rodape .institucional .lista-redes ul li a{
    
    background-color: #000068;}

#rodape .institucional .lista-redes ul li:hover a{
    
    
    border-color: #009a24;}

#rodape .institucional .lista-redes ul li:hover a i {
    
    color: #009a24;}




/* =========================
================ PÁGINA DO PRODUTO ===============
============================================
=====================*/


.listagem.aproveite-tambem h4.titulo.cor-secundaria{
    

    color:#000068;
    border-bottom:5px solid #000068;
    
    
    
}




/* ================ Cor do título do produto na página do produto ================*/


.produto div.principal .nome-produto {
    
    color: #000068;}

/* ================ Cor do código do produto ================*/

.produto div.principal .codigo-produto span>a, .produto div.principal .codigo-produto span>span{
    
    color: #000068;}




/* ================ Cor do Preço do produto ================*/

.produto div.principal .acoes-produto .preco-produto .preco-promocional, .produto div.principal .acoes-produto .preco-produto span.preco-a-partir strong{
    
    color: #009a24;}

/* ================ Tarja da oferta do produto ================*/

.bandeiras-produto .bandeira-promocao{
    
    background:#000068;}


/* ================ Borda da lista de produtos na tela inicial ================*/

.listagem-item .produto-sobrepor{
    
    border: solid 1px #000068;
    border-radius: 15px;}

/* ================ Produto flutuante ================*/

.produto .acoes-flutuante .nome-produto{
    
    color: #000068;}

.produto .acoes-flutuante .preco-produto .preco-promocional.cor-principal, .produto .acoes-flutuante .preco-produto span.preco-a-partir{
    
    color: #009a24;}

.produto .acoes-flutuante .close_float{
    
    color: #000068;}



/* ================ Oculta logo da loja e desenvolvedor do tema ================*/

#cr-li a{
    
    display:none;}

#cr-empresa a{
    
    display:none;}


/* ================ Cor do botão de calcular frete ================*/


.produto div.principal .cep .input-append.input-prepend .btn:before{
    
    color: #000068;}
    
    
/* ================ Cor do botão de compratilhar ================*/


.sharethis-inline-share-buttons:before{
    
    color:#000068;
    
}


/* ================ Cor do botão lista de desejos ================*/

body.pagina-produto .others-acoes-produto .lista-favoritos.fundo-principal.adicionar-favorito.hidden-phone{
    
    
    color:#000068;
    border:solid 1px #000068;}
    
    
body.pagina-produto .others-acoes-produto .lista-favoritos.fundo-principal.adicionar-favorito.hidden-phone i:before{
    
    fill:#000068;
}
    
    
    
body.pagina-produto .others-acoes-produto .lista-favoritos.fundo-principal.adicionar-favorito.hidden-phone:hover{
    
    background:#000068 !important;
    color: white;
}
   
    

/* =========================
================ PÁGINA DE LOGIN ===============
============================================
=====================*/


.cadastro legend, .cadastro legend{
    
    border-color:#000068;
    color: #000068;}

/* =========================
================ CORES MOBILE ===============
============================================
=====================*/



/* ================ Ícone menu ================*/


#cabecalho.fixed .open-menu .line{
    
    background:#000068;;
}

.atalhos-mobile ul li a.atalho-menu.visible-phone.icon-th.botao.principal:before {
    
    color: #000068;}


.atalhos-mobile ul li.mob-busca button.botao.botao-busca.icon-search {
    
    color: #000068;}


.atalhos-mobile ul li a .icon g path{
    
    fill: #000068;}

.atalhos-mobile ul li a .icon circle {

    fill: #000068;}


/* =========================
================ PÁGINA DO CARRINHO ===============
============================================
=====================*/



/* ================ Cor do título da tabela ================*/

.tabela-carrinho h6 {
    
    color: #000068;
   
}


/* ================ Cor do total do carrinho ================*/

body.pagina-carrinho .total strong{
    
    color: #009a24;
    
}


/* ================ Cor do subtotal do carrinho ================*/

body.pagina-carrinho .total strong {
    
    color:#009a24;
    
}