/* 0. Configurações Gerais
----------------------------*/
html, body {width: 100%; position: relative; padding: 0; margin: 0;}
html {scroll-behavior: smooth;}
body {font-family: 'DM Sans', sans-serif;}

p:last-child {margin: 0;}
i {font-style: italic;}
b {font-weight: bold;}
a {color: inherit;}
a, button {transition: .4s ease-in-out; -webkit-transition: .4s ease-in-out;}
a:hover {text-decoration: none;}
button:focus {outline: none;}
img {width: 100%; height: auto; object-fit: contain; vertical-align: middle;}

h1, h2, h3, h4, h5, h6, p, a, i, b, span, em, small {-webkit-font-smoothing: antialiased;}
h1 {font-size: 26px;}
h2, h3, h4, h5, h6 {font-size: 20px;}
p {font-size: 16px; line-height: 1.5;}

.section {padding: 45px 0;}
.section.large {padding: 120px 0;}

.anchor-holder {position: relative;}
.anchor-holder .anchor {position: absolute; top: -173.61px; visibility: hidden; backface-visibility: hidden; z-index: -1;}

.titulo {font-size: 28px; font-weight: 900; text-align: center; text-transform: uppercase; color: #a5b81a;}

.btn {font-weight: 600; text-transform: uppercase; padding: 0.375rem 1rem;}
.btn.default {background: #00235E; border: 1px solid #00235E; border-radius: 5px; box-shadow: 0 6px 0 #0142b3; -webkit-box-shadow: 0 6px 0 #0142b3; -moz-box-shadow: 0 6px 0 #0142b3; color: #FFF; transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out;}
.btn.default:active, .btn.default:hover {box-shadow: 0 2px 0 #0142b3; -webkit-box-shadow: 0 2px 0 #0142b3; -moz-box-shadow: 0 2px 0 #0142b3; transform: translateY(4px);}

.whatsapp {position: fixed; bottom: 15px; right: 15px; z-index: 9;}
.whatsapp a {display: flex; display: -ms-flexbox; width: 75px; height: 75px; background: #25D366; border-radius: 100%; padding: 15px; position: relative; box-sizing: border-box;}
.whatsapp a::before, .whatsapp a::after {content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; background: transparent; border: 5px solid #25D366; border-radius: 100%; animation: growingCircle 1s infinite; z-index: -1;}
.whatsapp a::after {animation-delay: .6s;}
.whatsapp a:hover {opacity: .75;}
.whatsapp a img {width: 100%; height: 100%; object-fit: contain; object-position: center; margin-left: 2px;}

@keyframes growingCircle {
	from {width: 100%; height: 100%;}
	to {width: 125%; height: 125%;}
}

/* ACESSIBILIDADE */
#acessibilidade {position: fixed; bottom: 17%; right: 15px; z-index: 10;}
#acessibilidade .btn-acess {background: #00235E; color: #fff; padding: 0.5rem 1rem; border-radius: 10px; border: none;}
#acessibilidade .btn-acess:hover {background: #0c48af;}
#acessibilidade .btn-acess i {font-size: 24px;}
#acessibilidade .dropdown-menu .dropdown-item:hover {background: #262626; color: #fff;}
.dropleft .dropdown-toggle::before {display: none;}

/* 1. Navbar
--------------*/
.header {background: #00235E; border-bottom: 2px solid #fff; padding: 5px 0; position: relative;}
.header ul {list-style: none; margin-bottom: 0; padding: 0; display: -ms-flexbox; display: flex;}
.header .redes-sociais li:not(:last-child) {margin-right: 0.25rem;}
.header .redes-sociais li .social {width: 25px; height: 25px; background: #b7c82c; color: #FFF; display: -ms-inline-flexbox; display: inline-flex; -ms-align-items: center; align-items: center; -ms-justify-content: center; justify-content: center;}
.header .contato li:not(:last-child) {margin-right: 1rem;}
.header .contato li a {color: #fff;}
.header .contato li a i {color: #b7c82c;}
.header .blue-bar {position: absolute; bottom: -20px; right: 0; background: #b7c82c; color: #FFF; padding: 0.375rem 1rem; z-index: 1;}
.header .blue-bar::before {content: ''; position: absolute; top: 0; left: -20px; width: 30px; height: 100%; background: #b7c82c; transform: skew(150deg);}
.header .blue-bar .portais li:not(:last-child) {margin-right: 0.75rem;}
.header .blue-bar .portais li a {font-weight: 600; text-transform: uppercase;}
.header .blue-bar .portais li:not(:last-child) a {padding-right: 0.75rem; position: relative;}
.header .blue-bar .portais li:not(:last-child) a::before {content: ''; position: absolute; top: 50%; right: 0; width: 2px; height: 75%; background: #FFF; transform: translateY(-50%) skew(150deg);}
.header .blue-bar .portais li:not(:last-child) a:hover::before {opacity: 1;}
.header .blue-bar .portais li a:hover {color: inherit; opacity: .75;}

.sticky-top .navbar {background: #00235E; color: #fff; transition: .4s ease-in-out; -webkit-transition: .4s ease-in-out;}
.navbar.scrolled {background: #00235e77; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .4);}
.navbar .navbar-brand {width: 190px; height: 45px;}
.navbar .navbar-brand .brand {width: 100%; height: 100%; object-fit: cover;}
.navbar .navbar-nav .nav-item {text-align: center;}
.navbar .navbar-nav .nav-item .nav-link {text-transform: uppercase; margin-top: 10px;}
.navbar .navbar-nav .nav-item .nav-link:hover {color: inherit; opacity: .75;}
.navbar .navbar-nav .dropdown .dropdown-menu .dropdown-item {text-transform: uppercase;}

/* 2. Painel
--------------*/
#painel .carousel img {height: calc(90vh - 215.25px); object-fit: cover;}
#painel .carousel .carousel-caption {top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .35); padding: 2rem; padding-top: calc(2rem + 71.98px); z-index: 0;}
#painel .carousel .carousel-caption h1 {font-size: 36px; font-weight: 600; text-align: center; text-transform: uppercase; letter-spacing: 1px;}

/* 3. Preview do Contato
--------------------------*/
#contato-preview {background: linear-gradient(45deg, #00235E, #1d50aa); color: #FFF; text-align: center;}
#contato-preview h2 {font-weight: 900; text-transform: uppercase;}
#contato-preview a:hover {color: inherit; opacity: .75;}

/* 4. Footer
--------------*/
footer {background: #00163d; color: #FFF; padding: 3px 0;}
footer p {font-size: 12px;}
footer a {font-weight: 900;}
footer a:hover {color: inherit; opacity: .75;}

/* 5. A Faculdade - Modal
=----------------*/
#sobreModal .modal-header {position: relative;}
#sobreModal .modal-header .close {position: absolute; top: 5px; right: 10px; transform: unset; padding: 0; margin: 0;}
#sobreModal .modal-header .modal-title {font-size: 20px; line-height: 25px; font-weight: bold; text-align: center;}

/* CONTRASTE PRETO E BRANCO */
.contrast, .contrast nav, .contrast div, .contrast li, .contrast ol, .contrast header, .contrast footer, .contrast section, .contrast main, .contrast aside, .contrast article {background: black !important; color: white !important;}
.contrast h1, .contrast h2, .contrast h3, .contrast h4, .contrast h5, .contrast h6, .contrast p, .contrast label, .contrast strong, .contrast em, .contrast cite, .contrast q, .contrast i, .contrast b, .contrast u, .contrast span {color: white !important;}
.contrast a {color: yellow !important;}
.contrast button, .contrast input[type=button], .contrast input[type=reset], .contrast input[type=submit] {background: black !important; color: yellow !important; border: none !important;}
.contrast img.on-contrast-force-gray {filter: grayscale(100%) contrast(120%);}
.contrast img.on-contrast-force-white {filter: brightness(0) invert(1);}
.contrast input[type=text], .contrast input[type=password], .contrast input[type=url], .contrast input[type=search], .contrast input[type=email], .contrast input[type=tel], .contrast input[type=date], .contrast input[type=month], .contrast input[type=week], .contrast input[type=datetime], .contrast input[type=datetime-local], .contrast textarea, .contrast input[type=number] {background: black !important; border: 1px solid white !important; color: white !important;}
/* BOTÃO CONTRASTE NA HOME */
.contraste {position: absolute; left: 74%; top: 3px;}
.contraste i {color: #fff;}