/*
*
Timer Régua 
*
*/
.devrocket-timer-regua{
    background-image: url('https://cdn.awsli.com.br/2176/2176146/arquivos/banner-timer-regua-min.png');
}

/*
*
Para lojas com todos os ícones flutuantes ativos o ideal é aplicar o CSS abaixo:
*
*/
:root{
    --devrocket-voltar-topo-altura: 60px;
    --devrocket-voltar-topo-largura: 60px;
    --devrocket-voltar-topo-espaco-direita: 20px;
    --devrocket-voltar-topo-espaco-esquerda: 20px;
    --devrocket-voltar-topo-borda-arredondada: 60px;
    --devrocket-voltar-topo-tamanho-fonte: 22px;
    --devrocket-voltar-topo-cor-fonte: #ffffff;
    /*--devrocket-voltar-topo-espaco-abaixo: 230px;*/
    --devrocket-voltar-topo-espaco-abaixo: 160px;
    --devrocket-voltar-topo-posicao: right; /* right| left */;
}

/*
:root{
    --devrocket-telegram-cor-fundo: #0088cc;
    --devrocket-telegram-altura: 60px;
    --devrocket-telegram-largura: 60px;
    --devrocket-telegram-espaco-direita: 20px;
    --devrocket-telegram-espaco-esquerda: 20px;
    --devrocket-telegram-borda-arredondada: 60px;
    --devrocket-telegram-tamanho-fonte: 32px;
    --devrocket-telegram-cor-fonte: #ffffff;
    --devrocket-telegram-espaco-abaixo: 90px;
    --devrocket-telegram-posicao: right;
}
*/


:root{
    --devrocket-instagram-cor-fundo: radial-gradient(circle at 33% 100%, #fed373 4%, #f15245 30%, #d92e7f 62%, #9b36b7 85%, #515ecf);
    /* Caso queira colocar um cor específica basta descomentar o código abaixo e comentar o de cima */
    /* --devrocket-instagram-cor-fundo: #bc318f; */
    
    --devrocket-instagram-altura: 60px;
    --devrocket-instagram-largura: 60px;
    --devrocket-instagram-espaco-direita: 20px;
    --devrocket-instagram-espaco-esquerda: 20px;
    --devrocket-instagram-borda-arredondada: 60px;
    --devrocket-instagram-tamanho-fonte: 32px;
    --devrocket-instagram-cor-fonte: #ffffff;
    /*--devrocket-instagram-espaco-abaixo: 160px;*/
    --devrocket-instagram-espaco-abaixo: 90px;
    --devrocket-instagram-posicao: right; /* right| left */;
}

/*
*
Para alteração da cor da fonte do menu insira o código abaixo:
*
*/
/*
:root{
    --cor-fonte-menu: #ff9900;
    --cor-fonte-submenu: #ff0000;
}
#cabecalho .menu .fundo-menu .titulo, #cabecalho .menu ul li.com-filho a i,
.menu.superior .nivel-um .titulo, .menu.lateral .nivel-um .titulo{
    color: var(--cor-fonte-menu) !important;
}
.menu.superior .nivel-dois a, #cabecalho .menu.superior.menu-slide .com-filho.borda-principal .com-filho a i{
    color: var(--cor-fonte-submenu) !important;
}
*/

.secao-banners{
    margin-bottom: 0px !important;
}

.devrocket-imagem-categoria{display:none;}