
/* =========================================
   O VERBO EDITORA
   CSS PERSONALIZADO
   ========================================= */


/* 1. OCULTAR BARRA SUPERIOR */

.barra-inicial {
    display: none !important;
}


/* 2. OCULTAR MENSAGEM DE BOAS-VINDAS */

#cabecalho .bem-vindo {
    display: none !important;
}


/* 3. OCULTAR NEWSLETTER LATERAL */

.coluna .componente.newsletter {
    display: none !important;
}


/* =========================================
   4. CABECALHO
   ========================================= */

#cabecalho {
    background: #ffffff;
    border-bottom: 1px solid #eeeeee;
}

#cabecalho .conteiner {
    padding-top: 12px;
    padding-bottom: 12px;
}


/* Campo de busca */

#cabecalho .busca {
    background: transparent;
    border: none;
    box-shadow: none;
}

#cabecalho .busca input {
    border: 1px solid #dddddd;
    border-radius: 6px;
    box-shadow: none;
}

#cabecalho .busca button {
    background: #193e36;
    border-radius: 5px;
}


/* Carrinho */

#cabecalho .carrinho {
    border: none;
    box-shadow: none;
}


/* =========================================
   5. MENU SUPERIOR
   ========================================= */

.menu.superior {
    background: #ffffff !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.menu.superior .nivel-um {
    text-align: center !important;
    margin: 0 !important;
    padding: 0 !important;
}

.menu.superior .nivel-um > li {
    display: inline-block !important;
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
}


/* Botoes cinza-claro */

.menu.superior .nivel-um > li > a {
    display: block !important;
    background: #f2f2f2 !important;
    border: 1px solid #e5e5e5 !important;
    border-radius: 5px !important;
    padding: 8px 16px !important;
    margin: 0 5px !important;
    color: #303030 !important;
    font-size: 14px !important;
    font-weight: normal !important;
    text-decoration: none !important;
}


/* Fundo verde e letras brancas no hover */

.menu.superior .nivel-um > li:hover > a {
    background: #193e36 !important;
    border-color: #193e36 !important;
    color: #ffffff !important;
}

.menu.superior .nivel-um > li:hover > a * {
    color: #ffffff !important;
}


/* Ocultar Entregas e Politica de Privacidade
   (dois ultimos itens do menu superior) */

.menu.superior .nivel-um > li:nth-last-child(-n+2) {
    display: none !important;
}


/* =========================================
   6. BANNERS
   ========================================= */

/* Distancia de 10px entre Full Banner
   e Banner Tarja */

.secao-banners .banner.cheio + .row-fluid {
    margin-top: 10px !important;
}


/* =========================================
   7. AUTORES - MENU LATERAL
   ========================================= */

/* Ocultar somente o bloco de autores
   na pagina inicial */

body.pagina-inicial .menu.lateral .nivel-um > li.categoria-id-3632826 {
    display: none !important;
}
/* O VERBO EDITORA - Aproveitar o espaco da lateral vazia */

/* Ocultar coluna lateral somente na pagina inicial */
body.pagina-inicial #corpo .secao-principal > .coluna.esquerda {
    display: none !important;
}
/* O VERBO EDITORA - Ocultar telefone do topo */
.canais-contato a[href="#modalContato"] {
    display: none !important;
}

/* Ampliar a vitrine de produtos */
body.pagina-inicial #corpo .secao-principal > .conteudo {
    width: 100% !important;
    margin-left: 0 !important;
    float: none !important;
}

a[href*="wa.me"] {
    display: none !important;
}

a[href*="api.whatsapp.com"] {
    display: none !important;
}

.botao-whatsapp {
    display: none !important;
}

/* Ocultar telefone do rodape */
#rodape .lista-redes + .sobre-loja .telefone,
#rodape .contato .telefone,
#rodape .telefone {
    display: none !important;
}


/* O VERBO EDITORA - Instagram */

/* Titulo Social */
#rodape .lista-redes h3 {
    font-size: 0 !important;
}

#rodape .lista-redes h3::after {
    content: "Siga O Verbo";
    font-size: 23px !important;
    color: #333333 !important;
}

/* Centralizar */
#rodape .lista-redes ul {
    display: flex !important;
    justify-content: center !important;
}

/* Instagram colorido */
#rodape .lista-redes a {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 56px !important;
    height: 56px !important;
    background: linear-gradient(
        45deg,
        #feda75,
        #fa7e1e,
        #d62976,
        #962fbf,
        #4f5bd5
    ) !important;
    border-radius: 12px !important;
    box-shadow: none !important;
}

/* Simbolo branco */
#rodape .lista-redes a i {
    font-size: 36px !important;
    color: #ffffff !important;
    background: transparent !important;
}

/* O VERBO EDITORA - Ocultar telefone */

#rodape .sobre-loja .contato .tel,
#rodape .contato .tel,
#rodape .tel {
    display: none !important;
}

