/* Banner */
.page-home .banner .swiper-slide img { min-height: 220px; object-fit: cover; }

@media(min-width: 576px) {
    .page-home .banner .swiper-container { position: absolute; top: 50%; left: 0; right: 0; }
}
@media(min-width: 768px) {
    .page-home .banner .swiper-slide img { min-height: 300px; }
}

/* Swiper Pagination */
.page-home .banner .swiper-pagination .swiper-pagination-bullet { width: 60px; height: 6px; opacity: 1; margin: 0 .5rem; background: #FFF; border-radius: 0; }
.page-home .banner .swiper-pagination .swiper-pagination-bullet-active { background: #4C372F; }

/* Notícias */
.page-home .news .news-grid .card { margin-bottom: 1.5rem; border-radius: 0; }
.page-home .news .news-grid .card a img { height: 256px; object-fit: cover; object-position: top; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; }
.page-home .news .news-grid .card a:hover img { transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); }
.page-home .news .news-grid .grid-1 .card .card-body { padding: 1rem 0; }
.page-home .news .news-grid .grid-1 .card .card-body .card-title { margin-bottom: 1rem; }
.page-home .news .news-grid .grid-1 .card .card-body .card-subtitle { font-weight: 500; color: #383838; }

.page-home .news .news-grid .grid-1 .card .card-body,
.page-home .news .news-grid .grid-2 .card .card-body,
.page-home .news .news-grid .grid-3 .card .card-body { background-color: #F7F7F7; padding: 1.5rem; }

.page-home .news .news-grid .grid-2 .card .card-body .card-title,
.page-home .news .news-grid .grid-3 .card .card-body .card-title { margin-bottom: 1.5rem; }
.page-home .news .news-grid .grid-2 .card .card-body .card-subtitle,
.page-home .news .news-grid .grid-3 .card .card-body .card-subtitle { font-weight: 400; color: #808080; }
.page-home .news .news-grid .grid-4 { display: none; }

@media(min-width: 768px) {
    .page-home .news .news-grid { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 20px 20px; grid-auto-flow: row; grid-template-areas: "grid-1 grid-1 grid-4" "grid-2 grid-3 grid-4"; }    
    .page-home .news .news-grid .grid-1 { grid-area: grid-1; }
    .page-home .news .news-grid .grid-2 { grid-area: grid-2; }
    .page-home .news .news-grid .grid-3 { grid-area: grid-3; }
    .page-home .news .news-grid .grid-2 .card .card-body,
    .page-home .news .news-grid .grid-3 .card .card-body { height: 140px; }
    .page-home .news .news-grid .card { margin-bottom: 0; }

    .page-home .news .news-grid-2 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 20px 20px; grid-auto-flow: row; grid-template-areas: "grid-2 grid-3 grid-4"; }        
    .page-home .news .news-grid-2 .grid-2 { grid-area: grid-2; }
    .page-home .news .news-grid-2 .grid-3 { grid-area: grid-3; }
    .page-home .news .news-grid-2 .card { margin-bottom: 0; }

}

@media(min-width: 992px) {
    .page-home .news .news-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 20px 20px; grid-auto-flow: row; grid-template-areas: "grid-1 grid-1 grid-4" "grid-2 grid-3 grid-4"; }
    .page-home .news .news-grid .grid-1 { grid-area: grid-1; }
    .page-home .news .news-grid .grid-2 { grid-area: grid-2; }
    .page-home .news .news-grid .grid-3 { grid-area: grid-3; }
    .page-home .news .news-grid .grid-4 { display: flex; align-items: flex-start; grid-area: grid-4; }
    .page-home .news .news-grid .card img { height: auto; object-fit: cover; }
    .page-home .news .news-grid .grid-2 .card img,
    .page-home .news .news-grid .grid-3 .card img { height: 190px; object-fit: cover; }    
    .page-home .news .news-grid .grid-4 .card a { position: absolute; left: 10px; bottom: 10px; width: 168px; height: 48px; font-size: 1.4rem; font-weight: 700; text-transform: uppercase; background-color: #c82f3f; border-color: #c82f3f; color: #FFF; border-radius: 50rem; }
    .page-home .news .news-grid .grid-4 .card a:hover { background-color: #b01223; border-color: #b01223; }
}

@media(min-width: 1200px) {
    .page-home .news .news-grid .grid-2 .card img,
    .page-home .news .news-grid .grid-3 .card img { height: 230px; }    
    .page-home .news .news-grid .grid-4 .card a { bottom: 20px; }
}

@media(min-width: 1400px) {
    .page-home .news .news-grid .grid-4 .card a { left: 20px; }
}

/* Candidatos */
.page-home .candidates .nav { margin-top: 3rem; margin-bottom: 2rem; justify-content: center; }

@media (max-width: 991px) {
    .page-home .candidates .nav { flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; overflow-y: hidden; }
}

.page-home .candidates .nav .nav-link { border: 0; background-color: transparent; color: #4B372F; font-size: 1.75rem; font-weight: 300; }
.page-home .candidates .nav .nav-link::after { content: url('../../img/triangle_down.svg'); display: block; width: 20px; height: auto; line-height: 16px; margin: auto; visibility: hidden; }
.page-home .candidates .nav .nav-link.active::after { visibility: visible; }
.page-home .candidates .bg-candidates { background: url("../../img/bg_candidates.png") center / cover no-repeat #FFFFFF; }
.page-home .candidates .card { border: 0; background-color: transparent; }
.page-home .candidates .card .card-img-top { border-radius: 0; border: 15px solid #FFFFFF; height: 205px; object-fit: cover; object-position: top; }
.page-home .candidates .card .card-title { font-weight: 700; color: #4C372F; }
.page-home .candidates .card .card-text { font-weight: 300; color: #4C372F; }

/* História */
.page-home .history .section-title img { width: 24px; }

/* Contato */
.page-home .contact .bg-contact { background-color: #4D3931; }
.page-home .contact .contact-info { color: #FFFFFF; }
.page-home .contact .contact-info p { margin-bottom: 0.25rem; font-weight: 700; font-size: 0.875rem; }
.page-home .contact .contact-info p a { color: #FFF; }
.page-home .contact h5 { font-weight: 700; }
.page-home .contact h6 { text-transform: uppercase; font-weight: 700; font-size: 0.875rem; text-align: center; color: #FFFFFF; }
.page-home .contact .social-medias i { font-size: 1.75rem; color: #FFFFFF; transition: all .4s; }
.page-home .contact .social-medias a:hover i { transform: rotate(360deg); }
.page-home .contact .form-control { font-size: 1rem; font-weight: 700; text-transform: uppercase; color: #625049; border: 0; border-radius: 0.75rem; }
.page-home .contact .form-control:focus { color: #625049; background-color: #fff; outline: 0; box-shadow: 0 0 0 0.25rem rgb(212 185 145 / 25%); }
.page-home .contact .form-control::-webkit-input-placeholder { 
    /* Edge */
    color: #625049;
}
.page-home .contact .form-control:-ms-input-placeholder { 
    /* Internet Explorer 10-11 */
    color: #625049;
} 
.page-home .contact .form-control::placeholder {
    color: #625049;
}

/* Timeline */
.timeline { position: relative; }
.timeline .timeline-item::before { content: ""; display: block; width: 0; border-left: 4px dotted #4B372F; height: 100%; margin: 0 auto; position: absolute; top: 0; left: 0; right: 0; }

@media (max-width: 767.98px) {
    .timeline .timeline-item::before { margin: 0; left: -1px; }
}

.timeline .timeline-item { position: relative; display: flex; align-items: center; flex-direction: row-reverse; }
.timeline .timeline-item::after { content: ""; display: block; clear: both; }
.timeline .timeline-item:nth-child(2n) { flex-direction: row; }
.timeline .timeline-item:nth-child(2n) .timeline-image { float: left; }
.timeline .timeline-item:nth-child(2n) .timeline-image img { margin-left: auto; margin-right: 0; }

@media (max-width: 767.98px) {
    .timeline .timeline-item,
    .timeline .timeline-item:nth-child(2n) { flex-direction: column; }
}

@media (max-width: 767.98px) {
    .timeline .timeline-item .timeline-content { width: 95%; text-align: left; padding: 0.5rem 0 0.5rem 1.75rem; }
}

.timeline .icon { width: 16px; height: 16px; margin: auto; position: absolute; background-color: #4B372F; border-radius: 50%; border: .0625rem solid #4B372F; font-size: 1.5rem; left: 0; right: 0; }

@media (max-width: 767.98px) {
    .timeline .icon { margin: auto -7px; top: 3rem; }
}

.timeline .timeline-image { width: 50%; float: right; position: relative; }
.timeline .timeline-image img { display: block; width: 480px; margin-right: auto;}

@media (max-width: 575.98px) {
    .timeline .timeline-image { width: 95%; float: right; }
}

@media(min-width: 768px) {
    .timeline .timeline-content { width: 50%; padding: 0.625rem 3.125rem 0.625rem 0; margin-top: 3rem; float: right; text-align: right; color: #4C372F; }
    .timeline .timeline-item:nth-child(2n) .timeline-content { padding: 0.625rem 0 0.625rem 3.125rem; text-align: left; }
}

/* Notícias / Candidatos Lateral */
.side .card { margin-bottom: 1.5rem; border-radius: 0; }
.side .card a img { height: 217px; object-fit: cover; object-position: top; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; }
.side .card a:hover img { transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); }
.side .card .card-body { padding: 1rem 0; }
.side .card .card-body .card-title { margin-bottom: 1rem; }
.side .card .card-body .card-subtitle { font-weight: 500; color: #383838; }    
.side .card .card-body { background-color: #F7F7F7; padding: 1.5rem; }
.side .card .card-body .card-title { margin-bottom: 1.5rem; }
.side .card .card-body .card-subtitle { font-weight: 400; color: #808080; }

.pagination { display: flex; padding-left: 0; list-style: none; }
.page-link { position: relative; display: block; color: #6c757d; text-decoration: none; background-color: #fff; border: 1px solid #dee2e6; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }

@media (prefers-reduced-motion: reduce) {
    .page-link { transition: none; }
}

footer p,
footer a,
footer a:hover { color: #4C372F; }