/*CSS TEMAD*/
/* Estilos para dispositivos maiores que 1025px */
@media (min-width: 1025px) {

    /*Oculta o titulo e subtitulo do destacar anuncios*/
     .ads_title{
         visibility: hidden;
     }
     .ads_subtitle{
         visibility: hidden;
     }
     
     /*Cor do menu no desktop*/
     div#sidebarForDesktop {
         background-color: #702900;
     }
 
     /*Cor do fundo do rodapé*/
     .outer-footer {        
         background-color: #FFFFFF !important;
     }
 
     /*Oculta linha no cabeçalho*/
     .menu_linha {
         display: none;
     }
 
     /*Aplica raio na barra de busca*/
     input#main-search {
         border-top-left-radius: 20px;
         border-bottom-left-radius: 20px;
     }
     button.btn.main-search-button {
         border-top-right-radius: 20px;
         border-bottom-right-radius: 20px;
     }
 
     /*Cor da linha no cabeçalho*/
     .menu_linha {
         border-color: #FFFFFF !important;
     }
 
     /*Ajusta o tamanho da logo no desktop*/
     img.img-fluid.py-1 {
         max-height: 150px !important;
     }
 
     /*Oculta a logo do cabeçalho pois o rodapé na cor branca não fica agradavel e a imagem é preto com vermelho*/
     img.outer-footer__content-title.img-fluid.py-1 {
         display: none;
     }
     
     /* Ajusta posição dos banners secundários */
     .bump_ads {
         margin-top: -80px;
     }
     
     /* Ajusta texto do menu principal */
     p.u-c-secondary {
         text-transform: uppercase; 
         font-size: 18px !important; 
         color: #FFFFFF !important;      
     }
     
     /* Ajusta espaço superior do cabeçalho da loja */
     .header--style-3 {
         padding: 0 !important;
     }
     
     /* Aumenta o tamanho do cabeçalho *
     nav.primary-nav-wrapper {        
         height: 130px;
     }*/
     
     /* Ajusta o menu do cabeçalho */
     .menu_cabecalho {
         height: 60px;        
         border-bottom: 0px !important;
         margin-bottom: 0px !important;
     }
     
     /* Aumenta o tamanho dos ícones do cabeçalho */
     .ah-list--design1 > li > a {
         font-size: 20px !important;
     }
     
     /* Reduz o espaço entre os banners de Ad e o bloco de produtos mais populares */
     .featured_category_section {
         padding-bottom: 20px !important;
     }
 
     /*Altera cor do texto do rodapé*/
     .outer-footer__content.u-s-m-b-40 span {
         color: #000000 !important;
     }
     .outer-footer__content.u-s-m-b-40 a {
         color: #000000 !important;
     }
 
     /*Altera cor dos ícones do rodapé*/
     .outer-footer__content.u-s-m-b-40 i {
         color: #000000;
     }  
 
     /*Altera cor do copyright*/
     .lower-footer__copyright.w-100.d-flex.flex-row.justify-content-between a{
         color: #702900;
     }
 
     /*Altera a cor do rodapé baixo*/
     .lower-footer {
         background-color: #FFFFFF !important;
         padding: 20px 0;
     }
 
     /*Altera cor do texto do rodapé abaixo*/
     .lower-footer__copyright.w-100.d-flex.flex-row.justify-content-between span {
         color: #000000 !important;
     }
 
     /*Altera cor do preco*/
     span.product-o__price.main-color-primary {
         color: #000000;
     }
 }
 
 /* Estilos para dispositivos menores ou iguais a 1024px */
 @media (max-width: 1024px) {   
 
     /*Oculta o titulo e subtitulo do destacar anuncios*/
     .ads_title{
         visibility: hidden;
     }
     .ads_subtitle{
         visibility: hidden;
     }
     
     /*Oculta a logo do cabeçalho pois o rodapé na cor branca não fica agradavel e a imagem é preto com vermelho*/
     img.outer-footer__content-title.img-fluid.py-1 {
         display: none;
     }
 
     /*Cor do fundo do rodapé no mobile*/
     .outer-footer {        
         background-color: #ffffff !important;
     }
 
     /* Remove borda dos ícones do cabeçalho no mobile */
     .ah-list > li {
         border-top: 0px !important;
     }    
     
     /* Aumenta o espaço entre os banners de Ad e os produtos mais populares */
     h1.section__heading.u-c-secondary.u-s-m-b-12 {
         margin-top: 71px;
     }
      /*Altera cor do texto do rodapé*/
      .outer-footer__content.u-s-m-b-40 span {
         color: #000000 !important;
     }
     .outer-footer__content.u-s-m-b-40 a {
         color: #000000 !important;
     }
 
     /*Altera cor dos ícones do rodapé*/
     .outer-footer__content.u-s-m-b-40 i {
         color: #000000;
     }
 
     /*Altera cor do copyright*/
     .lower-footer__copyright.w-100.d-flex.flex-row.justify-content-between a{
         color: #702900;
     }
 
     /*Altera a cor do rodapé baixo*/
     .lower-footer {
         background-color: #ffffff !important;
         padding: 20px 0;
     }
 
     /*Altera cor do texto do rodapé abaixo*/
     .lower-footer__copyright.w-100.d-flex.flex-row.justify-content-between span {
         color: #000000 !important;
     }
 
     /*Altera cor do preco*/
     span.product-o__price.main-color-primary {
         color: #000000;
     }
 }