/*Cor fundo cabeçalho para azul*/
#cabecalho .conteiner {
    background: #1e1b5d;
}

/*Cor fundo cabeçalho fundo das categorias*/
.full.menu {
    background: #1e1b5d;
}

#cabecalho {
    background: #1e1b5d;
}

/*Cor icones entrar suporte carrinho*/
#cabecalho .actions>li>a .icon * {
    fill: #C3C6C8;
}

/*Cor letras entrar suporte carrinho*/
#cabecalho .actions>li>a {
    color: #fff;
}

/*Cor icone de mensagem whats face*/
.float-contact .float-open {
    background: #1e1b5d;
}

/*Cor botão levar para o topo*/
.scrollToTop {
    background: #1e1b5d;
}

/*Cor tres riscos categorias*/
#cabecalho.fixed .open-menu .line {
    background: #fff;
}

/*Cor fundo e texto da bolinha do carrinho*/
#cabecalho .carrinho .qtd-carrinho {
    background: #ffde59;
    color: #1e1b5d;
}


/*Para mudar cor do botao Adicionar*/
#listagemProdutos.listagem .listagem-item .acoes-produto .botao-comprar, .listagem.aproveite-tambem .listagem-item .acoes-produto .botao-comprar {
    background: #1e1b5d;
}

/*Mudar cor do botao Assinar*/
#barraNewsletter.posicao-rodape .componente .newsletter-assinar {
    background: #1e1b5d;
    border: solid 2px #1e1b5d;
}


/*Mudar cor dos botoes messenger whatsapp email quando mouse por cima*/
.float-contact .float-items>li>a {
    background: #1e1b5d;
}


/*Botao contatos para mobile*/
@media screen and (max-width: 767px){
	.float-contact {
       display: none !important;
    }
    
    #modalContato{
        width: 95% !important;
    }
}

/*Pintar cabeçalho de azul no mobile*/

.atalhos-mobile {
    background: #1e1b5d;
    border-bottom: #1e1b5d;
}

/*Pintar fundo e texto da bolinha do carrinho no mobile*/

.atalhos-mobile ul li a .qtd-carrinho {
    background: #ffde59;
    color: #1e1b5d;
}

/*Pintar icones cabeçalho no mobile*/

.atalhos-mobile ul li a .icon * {
    fill: white;
}

/*Pintar fundo 3 riscos no mobile*/

.conteudo-topo .busca-mobile .atalho-menu {
    background: #1e1b5d;
}

/*Pintar cabeçalho na rolagem mobile*/

.conteudo-topo .busca-mobile.fixed {
    background: #1e1b5d;
}

/*Pintar seta dos banners de azul e deixar quadrado transparte*/

.flex-direction-nav li a {
    background: transparent;
}

.flex-direction-nav li a .icon * {
    fill: #1e1b5d;
}

/*Atendimento aparece no mobile ao entrar no site*/

#rodape .links-rodape .office-hours.active, #rodape .links-rodape ul.active {
    display: inherit;
}

/*Cor Fundo Assinar dentro das categorias*/
.coluna div.componente.newsletter .botao {
    background: #1e1b5d;
    border: #1e1b5d;
}

/*Dimiuir tamanho do quadrado de entrar em contato*/
.float-contact .float-open {
    width: 58px;
    height: 58px;
}

/*Diminuir tamanho dos quadrados de entrar em contato whats, messenger, email quando passa o mouse perto*/
.float-contact .float-items>li>a {
    width: 58px;
    height: 58px;
}

/*Apagar botao voltar ao topo*/
.scrollToTop {
    display: none !important;
}

/*Apagar botao de contato que abre (whats,email, messenger) posso voltar se quiser*/
.float-contact {
    display: none !important;
}