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

    /*Altera a cor do hover*/
    a:hover {
        color: rgb(209, 17, 17) !important;
    }

    p.u-c-secondary b:hover{
        color: rgb(209, 17, 17) !important;
    }

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

    /*Ajusta o tamanho da logo no desktop*/
    img.img-fluid.py-1 {
        max-height: 150px !important;
    }

    /*Altera a cor do link da loja no rodapé - copyright*/
    div.lower-footer__copyright a {
        color: rgb(209, 17, 17);
    }

    /*Oculta linha no cabeçalhp*/
    .menu_linha {
        display: none;
    }

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

    /*altera a cor de fundo do cabeçalho*/
    header.header--style-3 {
        background-color: white;
    }
    
    /* 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;
    }
    
    /* 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 {
        background-color: #ffffff !important;
        
    }

    /*Cor do menu no desktop*/
    div#sidebarForDesktop {
        background-color: #e5e5e5;
    }
    
    /* Ajusta o menu do cabeçalho */
    .menu_cabecalho {
        height: 60px;
        background: #e5e5e5;
        border-bottom: 0px !important;
        margin-bottom: 0px !important;
    }
    
    /* Altera a cor dos itens do menu cabeçalho */
    p.u-c-secondary b {
        color: rgb(0, 0, 0) !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 a cor dos ícones da loja */
    i.far.fa-user-circle,
    i.far.fa-heart,
    i.fas.fa-shopping-bag {
        color: #000000;
    }

    /* Altera a cor do fundo da busca */
    input#main-search {
        background-color: rgb(255, 255, 255);
        border-color: #000000;
        color: white !important;
    }
}

/* Estilos para dispositivos menores ou iguais a 1024px */
@media (max-width: 1024px) {
    /* Oculta categoria na página do produto */
    .Panelaeciacategoria {
        display: none;
    }
    
    /*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;
    }

    /* Remove borda dos ícones do cabeçalho no mobile */
    .ah-list > li {
        border-top: 0px !important;
    }
    
    /* Altera a cor de fundo do cabeçalho no mobile */
    header.header--style-3 {
        background: #ffffff !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: 70px;
    }

    /*Altera a cor do link do nome da loja no rodapé - copyrights*/
    div.lower-footer__copyright a {
        color: rgb(209, 17, 17);
    }
}