/*  FOOTER */
footer {
    clip-path: polygon(0 10%, 50% 0, 100% 10%, 100% 100%, 0% 100%);
    background-image: linear-gradient(to top, rgba(4, 7, 7, 0.92), #000000cf), url(../img/rodape.png);
    position: relative;
    color: var(--white);
    background-position: top;
    background-repeat: no-repeat;
    background-attachment: fixed;
    padding: 4rem 0;
    padding-top: 10%;
}

footer h2 { 
    font-family: 'Domine', sans-serif;
    text-align: center;
    font-weight: bold; font-size: 1.8rem;
    border-bottom: solid 2px #d49b00;
}

footer p{
    text-align: left;
    font-family: 'Ubuntu', sans-serif; font-weight: 400;
}

footer .titulo-rodape p{
    padding: 0 30%;
    text-align: center;
}

footer .footer-dados{
    text-align: left;
    font-family: 'Ubuntu', sans-serif; font-weight: 400;    
}

footer .texto-dados{
    padding-top: 15px;
    max-width: 86%;

}

footer .texto-dados h2{
    font-family: 'Ubuntu', sans-serif; font-weight: 400;
    color: #d49b00;
    padding: 5px;   
    font-size: 20px;
    border: unset;
    text-align: left;
}

footer .texto-dados p{
    font-family: 'Ubuntu', sans-serif; font-weight: 300;
    font-size: 15px;
    color: #fff;
}

footer .telefone-email{
    padding-top: 25px;
}

footer .btn-ligamos{
    background-color: unset;
    padding: 15px;
    border: solid 2px;
    border-color: #d49b00;
    border-radius: 45px;
    margin-top: 15px;
    color: #fff;
}

footer ico{
    color: #d49b00;
    display: inline-flex!important;
    font-size: 3.5rem;
}

.up{
	float: right;
    font-size: 40px;
    color: #fff;
}

footer input{
    padding: 30px!important;
    border-radius: unset!important;
    text-align: center;
}

footer textarea{
    border-radius: unset!important;
    text-align: center;
}

footer .btn-enviar{
    background-color: #d49b00;
    color: #000;
    padding: 5px 35px;
    border: unset; 
}

footer .txt-rodape{
    font-family: 'Ubuntu', sans-serif; font-weight: 300;
    text-align: center;
    padding-top: 15px;
    font-size: 12px;    
}

footer::before {
    content: '';
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    position: absolute;
    z-index: 1;
    opacity: .85;
}

footer .custom-control-input:checked~.custom-control-label::before {
    border-color: var(--danger);
    background-color: var(--danger);
}
footer .custom-control-label { font-size: .9rem; }

footer .container { position: relative; z-index: 2; }


footer .fa-stack i.fas.fa-circle + i.fa-stack-1x {
    color: var(--danger);
}

#banner .posicao-texto-banner{
    right: -29%!important;
    bottom: 38%!important;
}

#banner .posicao-texto-banner h5{
    font-family: 'Domine', sans-serif;
    font-weight: bold;    
    font-size: 25px;
}

#banner .posicao-texto-banner p{
    font-family: 'Domine', sans-serif;
    font-weight: bold;
    font-size:20px;
    color:#222222;
    background:#d49b00;
    background-position: right;
    border-radius:0px;
    white-space: nowrap;
    margin-left: 35%;
    width:504px;
}

.mb-footer-title { padding-bottom: 1.5rem !important; }


#copyright { padding: .8rem 0; background-color: var(--black); }
#copyright p { font-size: .8rem; color: var(--white); }
#copyright img { max-height: 35px; }
#copyright ul { font-size: 2rem; }
#copyright .vr { padding: 0 1.1rem; }


#sobre-nos {
    background-color: var(--white);
    color: var(--black);
    padding-top: 5%;
    padding-bottom: 5%;
}

#sobre-nos h2 { 
    font-family: 'Domine', sans-serif;
    font-weight: bold; font-size: 1.8rem;
    border-bottom: solid 2px #d49b00;
}

#sobre-nos h3 {  font-family: 'Ubuntu', sans-serif; font-weight: 400; font-size: 1.1rem; }

#sobre-nos a{ background-color: #000; color: #fff; padding: 10px 20px;}

#atendimento-perso {
    clip-path: polygon(100% 10%, 100% 100%, 50% 90%, 0 100%, 0 10%, 50% 0);
    background-image: linear-gradient(to top, rgba(4, 7, 7, 0.92), #000000cf), url(../img/bg-atendimento.jpg);
    background-position: top;
    background-repeat: no-repeat;
    background-attachment: fixed;
    color: var(--white);
    padding: 5% 20% 10% 20%;
}

#atendimento-perso h2 { 
    font-family: 'Domine', sans-serif;
    text-align: center;
    font-weight: bold; font-size: 1.8rem;
}

#atendimento-perso hr{
    margin: .1rem 10% 1rem 10%!important;
    border-top: unset;
    border: solid 1px #d49b00;
}

#atendimento-perso p{
    font-family: 'Ubuntu', sans-serif; font-weight: 300;
    text-align: center;
}

#atendimento-perso a{ background-color: #d49b00; color: #000; padding: 5px 35px;}

#areas-atuacao {
    background-color: var(--white);
    color: var(--black);
    padding-top: 5%;
    padding-bottom: 5%;
}

#areas-atuacao .card-body{
    height: 85px;
    padding: unset;
}

#areas-atuacao .titulo-areas-atuacao{
    padding: 0 20%;
}

#areas-atuacao h2 { 
    font-family: 'Domine', sans-serif;
    font-weight: bold; font-size: 1.8rem;
    border-bottom: solid 2px #d49b00;
    text-align: center;
}

#areas-atuacao .texto-area-atuacao{
    padding: 0 20%;
}

#areas-atuacao p{
    text-align: center;
    font-family: 'Ubuntu', sans-serif; font-weight: 400;
}

#areas-atuacao .card{
    border: none;
    background-color: var(--black);
    margin: 0 5px;
    transition: 1s; 
}

#areas-atuacao .card a{
    transition: 1s; 
}

#areas-atuacao .card a:hover{
    transition: 0.5s;
    background-color: #d49b00;
}

#areas-atuacao .card h3{
    font-family: 'Domine', sans-serif; font-weight: 400;
    color: var(--white);
    text-align: left;
    font-size: 1.15rem;
}

#areas-atuacao a{ 
    background-color: #000;
    color: #fff;
    padding: 10px 20px;
    max-height: 122px;
}


/*
* NOTICIA
*/

.sessao-noticia {
    background-color: var(--white);
    color: var(--black);
    padding-top: 5%;
    padding-bottom: 5%;
}

.sessao-noticia .titulo-areas-atuacao{
    padding: 0 20%;
}
.sessao-noticia .titulo-areas-atuacao p{
    text-align: center;
}

.sessao-noticia h2 { 
    font-family: 'Domine', sans-serif;
    font-weight: bold; font-size: 1.8rem;
    border-bottom: solid 2px #d49b00;
    text-align: center;
}

.sessao-noticia h3 {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700;
    font-size: 20px;  
}

.sessao-noticia .titulo-areas-atuacao{
    padding: 0 25%;
}
.sessao-noticia .titulo-areas-atuacao p{
    text-align: center;
}

.sessao-noticia .sessao-noticia-box h2 {
    width: 100%;
    clear: both;
    margin: 0 auto;
    text-align: center;
    font-size: 2.3em;
    color: #1e1f24;
    font-family: sans-serif;
    padding-bottom: 4%;
    font-weight: bold;
    letter-spacing: -1px;
}

.sessao-noticia .sessao-noticia-box .sessao-noticia-content p {
    color: #d49b00;
    font-family: Ubuntu;
    font-size: 14px;
    margin: 0 auto;
    text-align: center;
}

.sessao-noticia .sessao-noticia-box .sessao-noticia-content a {
    color: #1e1f24;
    line-height: 26px;
    font-family: sans-serif;
    display: block;
    clear: both;
    margin: 0 auto;
    text-align: left;
    padding-bottom: 2%;
    font-size: 1.35em;
    width: 80%!important;
    clear: both;
    margin: 0 auto;
}

.sessao-noticia .noticia-img {
    margin: 50px 8% 0 0;
}

.sessao-noticia .noticia-img img {
    width: 60%;
}

.sessao-noticia .btn-news {
    display: block;
    color: #ffffff;
    font-size: 17px;
    margin-top: 25px;
    width: 24%;
    margin: 0 auto;
    padding: 3px;
    font-family: Ubuntu;
    background: #151616;
}

.sessao-noticia .btn-news:hover {
    color: #ffffff;
    background: #1e1f24;
}

/*
* ARTIGOS
*/

.sessao-artigo {
    color: #d49b00;
    font-family: Ubuntu;
    font-size: 14px;
    margin: 0 auto;
    text-align: center;
}

.sessao-artigo h2 {
    width: 100%;
    clear: both;
    margin: 0 auto;
    text-align: center;
    font-size: 2.3em;
    color: #1e1f24;
    font-family: sans-serif;
    padding-bottom: 4%;
    font-weight: bold;
    letter-spacing: -1px;
}

.sessao-artigo p{
    color: #1e1f24;
    line-height: 26px;
    font-family: sans-serif;
    display: block;
    clear: both;
    margin: 0 auto;
    text-align: left;
    padding-bottom: 2%;
    font-size: 1.35em;
    width: 80%!important;
    clear: both;
    margin: 0 auto;
}

.bx-wrapper{
    -webkit-box-shadow: unset!important;
    box-shadow: unset!important;
}

@media (max-width: 1024px){
    #banner .posicao-texto-banner p{
        margin-left: 30%;
        font-size: 17px;
        width: 432px;
    }
}



@media (max-width:991.98px) {
    #sindicalize { 
        clip-path: unset; 
        padding-top: 6%;
        margin-top: 2rem;
    }
    #areas-atuacao .card h3 {
        font-size: 13px;
    }

    #areas-atuacao a{
        padding: 9px 6px;
    }
    
    #newsletter { 
        clip-path: unset; 
        padding-top: 6%;
        margin-top: 2rem;
    }
    
    #linkUteis { 
        clip-path: unset; 
        padding-top: 6%;
        margin-top: 2rem;
    }
}

@media (max-width:860px) {

    #banner .posicao-texto-banner p{
        margin-left: 20%;
    }

    #banner .posicao-texto-banner h5 {
        margin-right: 10%;
    }

}


@media (max-width:768px) {
    #atendimento-perso {
        padding: 5% 20% 17% 20%;
    }

}

@media (max-width:650px) {
    #layerslider {
        clip-path: unset;
    }

    #atendimento-perso{
        clip-path: unset;
        padding: 5% 5% 15% 5%; 
    }

    #atendimento-perso p{
        margin: 0 0% 1rem 0%;
    }

    footer{
        clip-path: unset;
    }

    footer .titulo-rodape p {
        padding: unset;
    }

    footer .texto-dados {
        max-width: unset; 
    }
}



/* ---------------------------------------------------------------------------------------------- */
/* LINHAS ABAIXO BACKUP */
/* ---------------------------------------------------------------------------------------------- */





@media (min-width: 992px) {
    #associado ul.benefs-list > li {
        margin-bottom: 0;
    }
}

@media (max-width:991.98px) {
    #sindicalize { clip-path: unset; }
    #associado ul.benefs-list li { flex: 1 1 33%; }
}

@media (max-width: 575.98px) {
    #associado ul.benefs-list li { flex: 1 1 50%; }
    #noticias .owl-theme .owl-nav,
    #galeria .owl-theme .owl-nav { display: none; }
}