/****MEDIA****/
/************************************************************************************
*                                   OBSERVAÇÕES                                     *
*  Para a construção e organização do CSS, o código foi dividido de forma a         *
*  representar suas "ÁREAS" e "SUB_ÁREAS" de acordo com o template e o tema.        *
*                                                                                   *
*  Para buscar a área determinada, utilize o símbolo da tralha "#" antes do         *
*  nome do item desejado.                                                           *
*                                                                                   *
*  Este arquivo possui as seguintes ÁREAS:                                          *
*    -> #AREA: TELA COM LARGURA MENOR QUE 1240 PIXELS                               *
*         - #SUB_AREA: RODAPÉ                                                       *
*    -> #AREA: TELA COM LARGURA MENOR QUE 1000 PIXELS                               *
*         - #SUB_AREA: RODAPÉ                                                       *
*    -> #AREA: TELA COM LARGURA MENOR QUE 778 PIXELS                                *
*         - #SUB_AREA: RODAPÉ                                                       *
*                                                                                   *
*  Havendo necessidade de adicionar novas ÁREAS, favor inserí-las neste documento   *
*************************************************************************************
            FOLHA DE ESTILO DAS VARIAÇÕES DE RESOLUÇÃO DO RODAPE - TEMA 2
*************************************************************************************/
/*OBS: Leva-se em consideração a largura do scroll do navegador para a definição do limite do @MEDIA*/


/************************************************************************************
#AREA: TELA COM LARGURA MENOR QUE 640 PIXELS
************************************************************************************/

@media only screen and (max-width: 640px)
{
    .inputBusca
    {
          width: 77%;
    }
    .topoRodape
    {
        border:none;
        height:120px;
    }
    .buscaTopoRodape
    {
        border-bottom: 5px solid #39d55a;
        padding-right: 10px;
        width:100%;
    }

    .redeSociaisTopoRodape
    {
        color:#505050;
        justify-content: center;
        width:100%;
    }

    .iconesRedeSocial
    {
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        width:60%;
    }

    .buscaTopoRodape .tituloBuscaRodape {
        width:15%;
        margin-left:2%;
    }
    .redeSociaisTopoRodape .tituloBuscaRodape
    {
        display:none;  
    }
    .tituloLojaRodape
    {
        color:#0c0c0c;
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        margin-left:2%;
        width:37%;  
    }
}