/*CSS TEMAD*/
/* Estilos para dispositivos maiores que 1025px */
@media (min-width: 1025px) {
    
    /*Cor do menu no desktop*/
    div#sidebarForDesktop {
        background-color: #c46838;
    }

    /*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: #e7ded9 !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: #e7ded9 !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: #c46838;
    }

    /*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;
    }

    /*Altera a cor da fonte do copyright*/
    .lower-footer__copyright.w-100.d-flex.flex-row.justify-content-between a {
        color: #de6831;
    }
    .lower-footer__copyright.w-100.d-flex.flex-row.justify-content-between div span {
        color: #de6831 !important;
    }
    .lower-footer__copyright.w-100.d-flex.flex-row.justify-content-between span {
        color: #de6831 !important;
    }
    .outer-footer__content.u-s-m-b-40 span {
        color: #de6933 !important;
    }
    .outer-footer__content.u-s-m-b-40 a {
        color: #de6933 !important;
    }
    .outer-footer__content.u-s-m-b-40 i {
        color: #de6933;
    }

    /*CSS Ronie - para limpar, apague todas as linhas até o próximo comentário*/
    span#hamburguer-menu {
        visibility: hidden;
    }    
    li.menu-item a p b {
        font-size: 15px;
        letter-spacing: -1px;
    }
    .menu.level-0 > li {
        position: relative;
        padding-right: 10px;
        padding-left: 10px;        
    }
    ul.menu.level-1 li a p b {
        color: #c46838;
    }
    ul.menu.level-2 li a p b {
        color: #c46838;
    }
    ul.menu.level-3 li a p b {
        color: #c46838;
    }
    .menu.level-1 .menu-item a {
        padding: 10px;
    }
    .menu.level-2 .menu-item a {
        padding: 10px;
    }
    .menu.level-3 .menu-item a {
        padding: 10px;
    }
    /*Oculta itens do menu*/
    li.menu-item.item-14 {
        display: none !important;
    }
    li.menu-item.item-17 {
        display: none !important;
    }
    li.menu-item.item-16 {
        display: none !important;
    }
    ul.menu.level-0 {
        align-items: center;
    }
    /*CSS Ronie - Até aqui!*/
}

/*Acima de 1438px de largura*/
@media (min-width: 1438px) {
    .menu.level-0 > li {
        position: relative;
        padding-right: 10px;
        padding-left: 10px;
        margin-right: 0px !important;
    } 

}

/* Estilos para dispositivos menores ou iguais a 1024px */
@media (max-width: 1024px) {   
    
    /*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: #c46838;
    }

    /*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;
    }
    /*Oculta itens do menu mobile*/
    .itemMobile-1{
        display: none !important;
    }
    .itemMobile-7{
        display: none !important;
    }
    .itemMobile-8{
        display: none !important;
    }
    .itemMobile-9{
        display: none !important;
    }
    .itemMobile-10{
        display: none !important;
    }
    .itemMobile-12{
        display: none !important;
    }
    .itemMobile-14 {
        display: none !important;
    }
    /*Altera a cor da fonte do copyright*/
    .lower-footer__copyright.w-100.d-flex.flex-row.justify-content-between a {
        color: #de6831;
    }
    .lower-footer__copyright.w-100.d-flex.flex-row.justify-content-between div span {
        color: #de6831 !important;
    }
    .lower-footer__copyright.w-100.d-flex.flex-row.justify-content-between span {
        color: #de6831 !important;
    }
    .outer-footer__content.u-s-m-b-40 span {
        color: #de6933 !important;
    }
    .outer-footer__content.u-s-m-b-40 a {
        color: #de6933 !important;
    }
    .outer-footer__content.u-s-m-b-40 i {
        color: #de6933;
    }
}