/* ---------------------*/
/* --> Componentes <<<--*/
/* ---------------------*/

body {
    background-color: #F8F8FF;
}

/* --------- */

/* -------------*/
/* --> IDs <<<--*/
/* -------------*/

/* --------- */

/* -----------------*/
/* --> Classes <<<--*/
/* -----------------*/

/* --> Principal <<<--*/

#divPrincipal {
    background-color: #E8DD0C;
}

/* --------- */

/* --> Navegação _ Home <<<--*/

.imagemLogoNavPrincipal img {
    width: 150px;
}

.listaNavegacaoNavPrincipal .nav-item a:link,
.listaNavegacaoNavPrincipal .nav-item a:visited {
    color: #9C9404;
}

.divContainerOpcoesNavegacaoPrincipal {
    margin-right: 25px;
}

.divContainerOpcaoNav {
    display: flex;
    align-items: center;
    height: 100%;
}

.listaNavegacaoNavPrincipal .nav-item a:hover {
    color: #5C5703;
}

.botaoMenuNavegacaoPrincipal {
    border: 2px solid rgba(0, 0, 0, .1);
}

.botaoMenuNavegacaoPrincipal span {
    width: 56px;
    height: 28px;
    font-size: 12px;
    color: #9C9404;
}

.botaoEntrarNavegacaoPrincipal {
    width: 82px;
    height: 40px;
    border: 2px solid rgba(0, 0, 0, .1);
    color: #9C9404;
}

.botaoEntrarNavegacaoPrincipal:hover,
.botaoMenuNavegacaoPrincipal:hover {
    background-color: #5C5703;
    color: white;
}

@media(max-width:991px) {

    .imagemLogoNavPrincipal img {
        width: 100px;
    }

    .listaNavegacaoNavPrincipalHome {
        margin-right: 15px;
    }

    .divCollapseNavPrincipal {
        position: relative;
        padding: 3px;
        background-color: #ECE453;
        border: 1px solid rgba(0, 0, 0, .1);
        border-radius: 0px 0px 10px 10px;
    }

    .divContainerOpcoesNavegacaoPrincipal {
        margin-right: 5px;
        max-width: 82px;
        max-height: 40px;
    }


}

/* --------- */

/* --> Contato _ Home <<<--*/

.sectionContato {
    margin: 100px 0 0 0;
}

.divTextoContato,
.divFormasContato {
    color: white;
}

.divTextoContato h1 {
    padding-left: 0;
}

.inputSectionContatoEmail {
    width: 300px;
    border: 0;
}

.botaoSectionContatoEmail {
    background-color: #ADD8E6;
}

.divFormasContato {
    margin-top: 20px;
    display: flex;
    align-items: center;
}

.divContainerImagemSectionContato {
    text-align: center;
}

.divContainerImagemSectionContato img {
    width: 100%;
}

@media(min-width:767px) and (max-width:991px) {

    .divTextoContato h1 {
        font-size: 40px;
    }

    .inputSectionContatoEmail {
        width: 220px;
    }

    .divContainerImagemSectionContato img {
        width: 225px;
    }

}

@media(max-width:766px) {

    .divTextoContato h1 {
        font-size: 40px;
    }

    .inputSectionContatoEmail {
        font-size: 0.7em;
        width: 200px;
    }

    .botaoSectionContatoEmail {
        font-size: 0.7em;
        width: 90px;
    }
}

/* --------- */

/* --> Informacao _ Home <<<--*/

.sectionInformacao {
    background-color: #F8F8FF;
}

.divSectionInformacaoCampo {
    padding: 50px 0;
}

.botaoSectionInformacao {
    background-color: #F7CC4A;
}

/* --------- */

/* --> Footer <<<--*/

.footerPrincipal{
    padding-bottom: 3px; 
    margin-bottom: 1px;  
}

.containerFooterPrincipalSiteLink div,
.containerFooterPrincipalSiteRedeSocial div
{
    display: flex;
}

.containerFooterPrincipalSiteLink div {
    justify-content: space-between;
    align-items: center;
    height: 100%;
}

.containerFooterPrincipalCriador,
.containerFooterPrincipalSiteLink div a,
.containerFooterPrincipalSiteLink div a:hover,
.containerFooterPrincipalSiteLink div a:visited {
    color: #9C9404;
}

.containerFooterPrincipalSiteLink div {
    margin-left: 10%;
}

.containerFooterPrincipalSiteRedeSocial div {
    justify-content: flex-end;
    margin-right: 10%;
}

.containerFooterPrincipalCriador{
    padding-top: 16px;
    border-top: 2px solid #D7D1E8;
}

@media(max-width:766px) {

    .containerFooterPrincipalSiteLink div,
    .containerFooterPrincipalSiteRedeSocial div {
        height: 60px;
        margin: 0;        
        justify-content: space-around;
    }

    .containerFooterPrincipalSiteRedeSocial div{       
        border-top: 2px solid #D7D1E8;
    }

}

/* --------- */

/* ---------------------*/
/* --> Adicionais <<<--*/
/* ---------------------*/

.botaoIcone {
    margin: 10px
}

.botaoIcone:hover {
    color: #5C5703;
}

.bordaSection {
    border-top: 2px solid #D7D1E8;
}

/* --------- */