﻿/**********************************************/
/***                 Rodapé                 ***/
/**********************************************/

footer {
    margin-top: 5px;
    /*display: flex;*/
    margin: 0 auto;
    justify-content: space-around;
    color: white;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    padding-top:20px;
    padding-bottom:10px;
}

footer > #rodape > #box-endereco > span > a{
    color:#fff;
}

footer > #rodape > #infoDesenvolvedor > #nomeDesenvolvedor > a{
    color: white;
}

footer > #rodape > #infoDesenvolvedor > #nomeDesenvolvedor > a:hover{
    color: white;
    text-decoration:underline;
}

footer > #rodape > #shareRodape{
    width: 150px;
}

footer > #rodape > #shareRodape > div{
    margin-top: 0px;
    margin-left: 10px;
}

footer > #rodape > #shareRodape > div > a{
    color: white;
    font-size: 25px;
    opacity: 0.5;
    display: none;
}

footer > #rodape > #shareRodape > div > a:hover{
    opacity: 1;
    text-decoration: none;
}

footer > #rodape > #infoDesenvolvedor{
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    margin-top: 10px;
}

#btnAreaRestrita{
    margin-right: 15px;
}

#linkAreaRestrita{
    color: white;
    margin-right: 0px;
}

#linkAreaRestrita:hover{
    cursor: pointer;
}

footer > #rodape > #infoDesenvolvedor > #nomeDesenvolvedor, #Desenvolvedor{
    text-align: end;
}

    footer > div#rodape {
        /*display: flex;*/
    }

            footer > div#rodape > span.allmatech > a {
                color: white;
            }
    #icons_rodape {
        float: left;
        margin-left: 15px;
        width: 30px;
        height: 130px;
        display: flex;
    }

    #imgTelefone{
        width: 16px;
        height: 16px;
        margin-left: 5px;
        margin-top: 73px;
    }

    #info1 > .fa{
        margin-right: 10px;
    }

    #info2 > .fa{
        margin-right: 10px;
    }

footer > div#rodape > span,
footer > div#rodape > div,
footer > div#rodape > ul {
    padding-top: 0px;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
}

#servicos{
    width: 130px;
    font-family: 'Open Sans', sans-serif; 
    font-size: 13px; 
    text-align: end;
    padding-right: 30px;
}

#btnAreaRestrita:hover{
    color: white;
}

/*Fixo*/
@media (min-width:996px) {

    footer > div#rodape {
        flex-direction: row;
        -ms-flex-direction: row;
        -webkit-flex-direction: row;
    }

            footer > div#rodape > span.allmatech {
                text-align: right;
            }

            footer > div#rodape > ul.redes-sociais {
                display: inline;
            }

    footer > #rodape > #infoDesenvolvedor {
        position: absolute;
        right: 10%;
    }

    footer > #rodape > #redes-sociais {
        position: absolute;
        left: 50%;
        transform: translate(-50%, 50%);
    }

    footer > #rodape > #box-endereco{
        position:absolute;
        width:45%;
        left:10%;
        margin-bottom:1%;
    }

        footer > #rodape > #box-endereco > .enderecoEI,
        footer > #rodape > #box-endereco > .enderecoEI2 {
            position: relative;
            width: 100%;
            margin-bottom: 15px;
        }

}

/*Fluido*/
@media (max-width:767px) {
    footer > div#rodape {
        flex-direction: column;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        align-items: center;
    }

        footer > div#rodape > span,
        footer > div#rodape > div,
        footer > div#rodape > ul {
            padding: 1% 3%;
            width: 100%;
        }

        footer > div#rodape > :first-child {
            order: 1;
            margin-bottom:15px;
            position:relative;
        }

        footer > div#rodape > :nth-child(3) {
            order: 2;
            text-align: center;
            text-shadow: 1px 1px 3px #ccc;
        }

        #shareBtn {
            display: none;
        }

        footer{
            margin-top:10px;
        }

        footer > #rodape > #infoDesenvolvedor {
            order: 2;
            margin-bottom: 15px;
            position:relative;
            margin-top:0;
        }

        footer > #rodape > #redes-sociais {
            margin-bottom: 15px;
            position: relative;
        }

    #ico_wpp {
        display:none;
    }
}

@media (min-width:768px) and (max-width:995px){
    footer > div#rodape {
        flex-direction: row;
        -ms-flex-direction: row;
        -webkit-flex-direction: row;
    }

    footer > div#rodape > span.allmatech {
        text-align: right;
    }

    footer > div#rodape > ul.redes-sociais {
        display: inline;
    }
    
    footer > #rodape > #infoDesenvolvedor {
        position: relative;
        left:35%;
        transform:translate(-50%, 300%);
        margin-bottom:105px;
    }

    footer > #rodape > #redes-sociais {
        position: absolute;
        width:30%;
        right:5%;
    }

    footer > #rodape > #box-endereco {
        position: absolute;
        width: 60%;
        left: 5%;
    } 

    footer > #rodape > #box-endereco > .enderecoEI,
    footer > #rodape > #box-endereco > .enderecoEI2 {
        position: relative;
        width: 100%;
        margin-bottom:15px;
    }
}