/*--------------------------------------------------------------------------------------*/
/* VARIÁVEIS ---------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------*/

:root {
    --main-bt-color: #688457;
}
    
.conteudo h1 {
    font-size: 30px;
    font-family: "Titillium Web"!important;
    font-weight: 700;
}    

.borda-principal {
    border-image: linear-gradient(to right,#688457 0%,#688457 100%) !important;
    border-image-slice: 1 !important;
}
/*--------------------------------------------------------------------------------------*/
/* MENU LATERAL ------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------*/
    
#corpo .menu.lateral {
    background: url(//cdn.awsli.com.br/temasv2/122/lateralsport.png)no-repeat center 15px,linear-gradient(to right,#252525,#2d2d2d);
}

.menu.lateral .nivel-um>li>a:hover {
    background: var(--main-bt-color) !important;
}
    
.menu.lateral .nivel-um>li>a:hover .titulo {
    color: #ffffff !important;
}
    
.filtro.lista ul li>a:hover {
    background: var(--main-bt-color) !important;
}
    
.filtro.lista ul li label:hover {
    background: var(--main-bt-color) !important;
    color: #ffffff !important;
}

#corpo .coluna.esquerda .newsletter .interno {
    background: linear-gradient(to right,#252525,#2d2d2d) !important;
}

#corpo .coluna.esquerda .newsletter .interno .botao {
    background-color: var(--main-bt-color) !important;
}

/*--------------------------------------------------------------------------------------*/
/* BARRA INICIAL -----------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------*/

.barra-inicial.fundo-secundario {
    background: #1f1f1f !important;
    border-bottom: 1px solid #1b1b1b;
}

.barra-inicial a.bem-vindo.cor-secundaria span {
    color: var(--main-bt-color);
}
  
/* MOBILE -----------------------------------------*/

@media screen and (max-width: 768px){    
 
    .atalhos-mobile {
        background: #1f1f1f !important;
        border-bottom: 1px solid #1b1b1b;      
    }

    .borda-principal {
        border-image: linear-gradient(to right,#232323 0%,#353535 100%);
    }
}
    
.busca-mobile {
	background: #252525 !important;
}

/*--------------------------------------------------------------------------------------*/
/* CABEÇALHO ---------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------*/


#barraTopo {
    background: #252525 !important;
}

.logo {
    margin: 15px;
}

.bem-vindo .cor-secundaria.cor-principal {
    color: #ec3237 !important;
}

#cabecalho {
    background: #252525 !important;
}
    
#barraTopo .conteiner .titulo a > img {
    height: 50px
}
    
.full.menu {
    background: #2d2d2d !important;
}
    
.full.menu .nivel-um .titulo {
    color: #FFFFFF;
    font-size: 13p;
    padding: 14px 16px;
   
}
    
.full.menu .nivel-um .borda-principal {
    border-right: none !important;
}

.full.menu .nivel-um {
    height: none !important;
}

/* BOTÕES DO CABEÇALHO ----------------------------*/

#cabecalho .inferior .acoes-conta li {
    background: var(--main-bt-color) !important;
}

#cabecalho .carrinho {
    background: var(--main-bt-color) !important;
}

#cabecalho .carrinho>a strong {
    padding: 0 8px;
}

/* MOBILE -----------------------------------------*/
    
#cabecalho .conteiner {
    background: #252525 !important;
}
    
.conteudo-topo .busca-mobile .atalho-menu {
    background-image: url(https://cdn.awsli.com.br/493/493203/arquivos/spritemobsports.png)!important;
}


/*--------------------------------------------------------------------------------------*/
/* MENU PRINCIPAL ----------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------*/

.menu.superior {
    border-bottom: 3px solid var(--main-bt-color);   
}
    
.menu.superior .nivel-um {
    background: #2d2d2d !important;
    color: #fff;
}
    
.menu.superior .nivel-um>li {
    border-right: none !important;
}
    
.menu.superior .nivel-um>li > a strong {
    color: #fff !important;
    font-size: 13px;
    padding: 14px 20px;
}
    
.menu.superior .nivel-um>li:hover > a {
    background: var(--main-bt-color);
}
    
.menu.superior .nivel-dois a {
    text-align: center;
    width: 100%;
}
      
@media screen and (max-width: 1200px) and (min-width: 1100px) {
    .menu.superior .nivel-um>li a strong {
        font-size: 14px !important;
    }
}

@media screen and (max-width: 1100px) and (min-width: 900px) {
    .menu.superior .nivel-um>li a strong {
        font-size: 14px !important;
        padding: 14px 9px !important;
    }
}

@media screen and (max-width: 900px) and (min-width: 800px) {
    .menu.superior .nivel-um>li a strong {
        font-size: 14px !important;
        padding: 14px 5px !important;
    }    
}
    
@media screen and (max-width: 1200px) and (min-width: 1100px) {
    .menu.superior .nivel-um>li a strong {
        font-size: 14px !important;
        padding: 14px 10px !important;
    }  
}    
    
@media screen and (max-width: 768px){
    .menu.superior .nivel-dois a {
        text-align: left;
    }
} 
    
/*--------------------------------------------------------------------------------------*/
/* BARRA TOPO --------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------*/

#barraTopo {
    border-bottom: 3px solid var(--main-bt-color);
}    
    
#barraTopo .carrinho {
    background: var(--main-bt-color);   
}
    
#barraTopo .acoes-conta li {
    background: var(--main-bt-color);
}

/*--------------------------------------------------------------------------------------*/
/* BANNER PRINCIPAL --------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------*/


.secao-banners .conteiner {
    max-width: 100%;
    padding: 0;
    margin:0 -3px;
    border:none;
    width: 100%
}

/*--------------------------------------------------------------------------------------*/
/* LISTAGEM DE PRODUTO -----------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------*/

    
.listagem .titulo-categoria, .listagem > .titulo {
    text-align: right !important;
    font-size: 18px;
    color: #929292;
    font-family: "Titillium Web"!important;
    letter-spacing: 2px;
    text-transform: uppercase;
}
    
.listagem .titulo-categoria strong {
    letter-spacing: 2px;
}
    
    
/*--------------------------------------------------------------------------------------*/
/* MINIATURAS DE PRODUTO ---------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------*/


.listagem .listagem-item {
    border: 1px solid rgb(232, 232, 232);
}

.bandeiras-produto .bandeira-promocao {
    background-color: #83c250 !important;
    border-radius: 50%;
}

.listagem-item .info-produto * {
    font-weight: 700 !important;
}

.info-produto {
    text-align: center;
    padding: 15px 5px 10px;
    position: relative;
    background-color: #f7f7f7;
    margin: -10px -10px -30px -10px;
    padding: 15px 10px 10px !important;
}

.nome-produto {
    font-weight: 700 !important;
}

.preco-parcela {
    font-weight: 700 !important;
}

.preco-promocional {
    display: block;   
}

.desconto-a-vista .cor-secundaria {
    color: var(--main-bt-color) !important;
    font-weight: 700 !important;
}
    
.listagem-item.produto-adicionado .produto-sobrepor {
    background: rgba(255,255,255,0.6) url(//cdn.awsli.com.br/temasv2/122/adicionadosports.png) no-repeat;
    background-position: 50% 20%;
    opacity: 1;
}

/*--------------------------------------------------------------------------------------*/
/* FOOTER ------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------*/
#rodape .institucional  {
    background: #fff url(https://cdn.awsli.com.br/493/493203/arquivos/backrodsport_footer_bg.jpg) repeat-x;
}
    
    

/*--------------------------------------------------------------------------------------*/
/* PÁGINA DE PRODUTO -------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------*/
.produto .principal .nome-produto {
    line-height: 35px;
}

#descricao {
    font-size: 14px;
}
    
.botao.principal, .botao.principal:hover {
    background: var(--main-bt-color)!important;
}

/*--------------------------------------------------------------------------------------*/
/* CARRINHO ----------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------*/

.tabela-carrinho .produto-info a  {
    font-size: 14px;
    font-weight: 700;
    color: var(--main-bt-color);
}
    
.total strong {
    font-weight: 700;
    color: var(--main-bt-color);
}
    
/*--------------------------------------------------------------------------------------*/
/* PEDIDO ------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------*/
    
.etiqueta .imagem-logo .logo {
	width:0px;
    height:0px;
    padding: 50px;
    background-color:red;
    background: url(https://cdn.awsli.com.br/1000x1000/493/493203/produto/19116827/f8622dce53.jpg);
}

/*--------------------------------------------------------------------------------------*/
/* BARRA NEWSLETTER --------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------*/    

#barraNewsletter.posicao-rodape {
    background: linear-gradient(to right,#2e3333,#2b2b2b);
}

    
    
#barraNewsletter .componente .botao {
	background: var(--main-bt-color)!important;
}