/* GERAL */
html{background-color: rgba(255,255,255,1); padding: 0; margin: 0; font-size: 15px; line-height: 20px; position: relative;  scroll-behavior: smooth;}
body {  
	position: relative;
	margin: 0;
	padding-top: 0;
	font-family: 'Istok Web', sans-serif;
	color: #393939;
	background-color: rgba(255,255,255,1);
}

/* Cores e estilos mensais */
/*Abril
html{background-color: rgba(235,168,253,0.55);}
body {background-color: rgba(235,168,255,0.55);}  
#navtop.shrink{background-color: rgba(235,168,255,0.55)!important;}*/
/*Maio
html{background-color: rgba(216,240,242,1);}
body {background-color: rgba(216,240,242,1);}  
#navtop.shrink{background-color: rgba(216,240,242,1)!important;}*/
.autismo{
    height: 93px;
    position: relative;
    margin-left: -25px;
}

#alerta{
	position: absolute;
	z-index: 1000;
	top:130px;
	width: 60%;
	background-color: rgba(92,92,92,0.70);
	left: 20%;
	padding: 1rem 1rem 0 1rem;
} 
.popover .arrow{margin-top: -250px;}
.popover .arrow:after {
  border-left-color: green;
}
.popover-body{
    font-size: 0.8rem;
}
.modal-backdrop {
    background-color: rgba(3,44,25,1);
    opacity:0.8 !important;
}

.modal-content {
    background-color: #074C2C;
    border: 1px solid #074C2C;
    color: #fff !important;
}

.modal-title{
    color: #fff !important;
}

.modal-header .close {
    color: #f00 !important;
    text-shadow: 0 1px 0 #f00;
}
/* Equivalencia de fontes
10px = 0.5rem
11px = 0.55rem
12px = 0.6rem
13px = 0.65rem
14px = 0.7rem
15px = 0.75rem
16px = 0.8rem
18px = 0.9rem
20px = 1rem (base)
22px = 1.1rem
24px = 1.2rem
26px = 1.3rem
28px = 1.4rem
30px = 1.5rem
32px = 1.6rem
34px = 1.7rem
36px = 1.8rem
38px = 1.9rem
40px = 2rem*/

h1, .h1,h2, .h2,h3,.h3,h4,.h4,h5,h6{color:#074C2C;font-weight: 500; font-size: 2rem;}
h2,.h2{font-size: 1.7rem;}
h3,.h3{font-size: 1.4rem;}
h4,.h4{font-size: 1.2rem;}
h5,.h5{font-size: 1.1rem;}
h6,.h6{font-size: 1rem;}

address{color:#000; display: inline;}
.campoRequired{ border-color: #0026DC!important;}

.mt-100{margin-top: 100px;}
#cards .card{border-width: 3px;}
.semBg{ background:none !important;}
.bgTransparent{ background: transparent !important; }
.bgPreto{background-color: #000;}
.bgVerde{background-color: #074C2C;}
.bgCinza{background-color: #eeeeee;}
.bgDegrade{background: linear-gradient(90deg, rgba(2,153,91,1) 0%, rgba(0,75,42,1) 100%);}
.bgDegradeConvenios{background: linear-gradient(90deg, rgba(0,76,45,1) 0%, rgba(1,102,153,1) 50%, rgba(239,59,57,1) 100%);}

.list-group-item.active{
    background: rgb(1,117,66);
    background: linear-gradient(90deg, rgba(1,117,66,1) 0%, rgba(0,76,45,1) 100%);
    border: none;
}
.ftBranca{color:#fff!important;}
.ftCinza{color:#393939;}
.ftVerde{color:#074C2C;}
.borderRed{border-color: red;}
.cursor{cursor: pointer;}
.sepNot{border-top: 1px solid #074C2C;}
.contain {object-fit: contain;width: 100%;height: 100%;}
.cover {object-fit: cover;width: 100%;height: 100%;}

.estourada{width: 100vw; height: 100vh; object-fit: cover;}
.altMinima{min-height: 350px;}
/* margens e paddings */
.nospaces{padding: 0px !important; margin: 0px !important;}

/* Navbar */
/*.navbar{margin-top: 38px; transition: margin 700ms;}
.navbar.scrolled{margin-top: 0px;}*/
.navbar-brand img {max-width: 350px;}
#navtop.shrink{
	background-color: rgba(255,255,255,0.95);
	transition: all 0.4s ease-in-out;
}

#navtop.inicial, #navbar{
	background-color: none;
	transition: all 0.4s ease-in-out;
}
#navtop.shrink .navbar-brand img{
	max-width:200px;
	transition: all 0.4s ease-in-out;
}

#navtop.inicial .navbar-brand img{
	max-width:350px;
	transition: all 0.4s ease-in-out;
}
#navtop .navbar-nav .nav-link, #navbar .navbar-nav .nav-link {
	color:#074C2C;
    font-weight: normal;
	font-size: 1.1rem;
	border-bottom: 6px solid rgba(255,255,255,0.00);
	transition: all 0.4s ease-in-out;
}
#navtop .navbar-nav .nav-link:hover, #navbar .navbar-nav .nav-link:hover{
	color:#021F12;
	border-bottom: 2px solid blue;
    box-shadow:0px 4px white, 0px 6px red;
}
#navbar .navbar-nav .nav-link {line-height: 0.7;}
#navtop.shrink .navbar-nav .nav-link {
	font-size: 0.9rem;
	transition: all 0.4s ease-in-out;

}
.navbar .dropdown-toggle::after{ color:#074C2C;}

.mgtop.inicial{margin-top: 130px;}
.mgtop.shrink{margin-top: 100px;}

.dropdown-menu {
    padding: 0;
    margin: 0;
    font-size: 0.8rem;
    color: #074C2C;
    background:none;
    border: none;
    border-radius:0;
}

#navtop.shrink .dropdown-menu {
	background-color: rgba(255,255,255,0.95);
}
.nav-item.dropdown.show .nav-link.dropdown-toggle{
	color:#074C2C;
	border-bottom: 2px solid blue;
    box-shadow:0px 4px white, 0px 6px red;
}
.dropdown-item {
	color: #021F12;
}
#navtop.shrink .dropdown-item {
	font-size: 0.7rem;
    border-bottom: 2px solid white;
}
.dropdown-item:focus, .dropdown-item:hover {
	color:#021F12;
	border-bottom: 2px solid blue;
    box-shadow:0px 4px white, 0px 6px red;
	background:none;
}
.navbar-expand-md .navbar-nav .dropdown-menu {
    background-color: white;
}
.navbar{
	/*max-height: 100px;*/
	/*transition: max-height 1s ease-in-out;*/
	opacity: 1;
    transition: opacity .5s ease-in-out;
}

#navtop .container::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 30px;
    width: 32%;
    left: 34%;
    border-bottom: 1px solid rgb(147,180,18);
}

#noticias .fa-chevron-left, #noticias .fa-chevron-right{color: #0E71AA !important; position: relative;}
#noticias .fa-chevron-left{left:-70px;}
#noticias .fa-chevron-right{right: -70px;}

.bordadupla{
    border-bottom: 2px solid blue;
    box-shadow:0px 4px white, 0px 6px red;
}



.esconde{
	/*max-height: 0;*/
	opacity: 0;
	pointer-events: none;
}

.corMarca{color: #d6b162;}

.carousel-item{position: relative;}

/* basic classes */
.table th{color : #93b412;}
.fsize-lg{font-size: 1.5rem;}  
.cursor-pointer{cursor: pointer;}
a{color : #074C2C; text-decoration : none;}
a:hover{color : #021F12; text-decoration : none;}
p,div,span,input,textarea{font-family: 'Istok Web', sans-serif; font-size: 1rem;}

/*button, .btn{
	background-color: #93b412;
	border-color: #93b412;
	border-radius: 1.5rem;
	padding:0.5rem 1.25rem;
	color: #FFF;
	text-transform: uppercase;
	font-size: 1rem;
}
button:hover, .btn:hover{
	background-color: #FFF;
	color: #93b412;
}*/

/*.btn-link{
	background-color:transparent;
	border:none;
	padding:0.5rem;
	color : #004899;
}
.btn-link:hover{
	background-color:transparent;
}
input, .input-group-text, .form-control{
	background-color:#fff;
	border: none;
	border-radius: 0;
	border-bottom: 1px solid rgba(79,79,79,1.00);
	color: #9A9A9A;
	font-size: 0.9rem;
}

.form-control::placeholder {
	color: #9A9A9A;
	font-size: 0.8rem;
}
*/
#customform p {font-size: 0.9rem; color: #6E6E6E;}

.select2-search{font-size: 0.9rem;}

/* HOME
-------------------------------------------------- */
.frente{position: relative; z-index: 10;}
.pt-secao{padding-top: 4rem;}
.linhaLateral {
	position: absolute;
	top:5.6rem;
	width: 30%;
    border-top: 2px solid rgb(147,180,18);
    margin-top: 0;
	z-index: 0;
}

.card-text{font-size: 0.8rem;}

#pq-participar{
	background: url("../img/bg-pq-participar.jpg") no-repeat bottom center;
	background-size: cover;
	
}
.pq-part-itens{
	padding: 30px;
	background-color: #fff;
	border-radius: 50%;
	max-width: 100px;
}


footer{color: white;}

footer img{ max-width: 380px}
/*footer .bg-dark{background-color: #222533!important;}*/
footer .fab{color: #222533;}

footer .separador{border-bottom: 1px solid #F26561;}

.gradient{
	background: rgb(232,232,232);
    background: linear-gradient(270deg, rgba(232,232,232,1) 0%, rgba(6,4,0,1) 100%);
}

/* Páginas Internas */
.conteudo{
	padding-top: 1.5rem;
}

.listagem{
	padding-top: 1.2rem;
}
.listagem p{padding: 0rem; margin: 0; margin-bottom: 0.3em;}

video {
  max-width: 100%;
  height: auto;
}

.card-columns {
	column-count: 3;
}

.card-deck .col3 {
    min-width: 15rem;
    max-width: 15rem;
    margin-bottom: 1rem;
}
.card-deck .col4 {
    min-width: 14rem;
    max-width: 16rem;
    margin-bottom: 1rem;
}

#submetidos{font-size: 0.8rem;}


#comissao ul {
	list-style: none; /* Remove default bullets */
}

#comissao ul li::before {
	content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
	color: #93b412; /* Change the color */
	font-weight: bold; /* If you want it to be bold */
	display: inline-block; /* Needed to add space between the bullet and the text */
	width: 1rem; /* Also needed for space (tweak if needed) */
	margin-left: -1em; /* Also needed for space (tweak if needed) */
	font-size: 1.5rem
}

#trabApr td {
	font-size: 0.8rem;
}

/*area restrita*/
.menuLateral .nav-link.active{color : #93b412;}
.menuLateral .nav-link.active:hover{color : #004899;}

#overlay{
	position: absolute;
	bottom: 0;
	padding: 0.3rem 0.8rem;
	background-color: rgba(52,52,51,0.70);
}
#overlay p, #overlay a{color: #fff !important; font-size: 0.8rem;}
#logoPrint{display: none;}

/* RESPONSIVE MEDIA QUERIES */
/* Medium Devices, Desktops (col-md-*)*/
@media only screen and (max-width : 992px) {
	html, body { font-size: 16px;}
	.linhaLateral{display: none;}
	footer img{ max-width: 300px}
	#navtop.inicial .navbar-brand img{max-width:300px;}
	#navtop.shrink .navbar-brand img{max-width:190px;}
	#navtop .container::after {bottom: 25px;}
    .mgtop.inicial{margin-top: 100px;}
    .mgtop.shrink{margin-top: 80px;}
    .card-deck .col3 {
        min-width: 12rem;
        max-width: 12rem;
        margin-bottom: 0.8rem;
    }
}
/* Small Devices, Tablets (col-sm-*)*/
@media only screen and (max-width : 768px) {
	html, body { font-size: 14px;}
	footer img{ max-width: 210px;}
	#navtop.inicial .navbar-brand img{max-width:210px;}
	#navtop.shrink .navbar-brand img{max-width:160px;}
	#navtop .container::after {bottom: 25px;width: 30%;left: 35%;}
	#navtop .container{margin: 0; padding: 0;}
	.navbar-expand-md .navbar-nav .nav-link {padding-right: 0.35rem;padding-left: .35rem;}
	#navbarTop .navbar-nav{text-align: right; background-color: #fff; border-radius: 10px;}
	#navbarTop .navbar-nav li{display: block;}
    .mgtop.inicial{margin-top: 100px;}
    .mgtop.shrink{margin-top: 80px;}
    .card-deck .col4 {
        min-width: 10rem;
        max-width: 10rem;
        margin-bottom: 0.8rem;
    }
    .card-deck .col3 {
        min-width: 10rem;
        max-width: 10rem;
        margin-bottom: 0.8rem;
    }
}

/* Extra Small Devices, Phones (col-xs-*)*/ 
@media only screen and (max-width : 576px) {
	html, body { font-size: 12px;}
	footer img{ max-width: 230px;}
	#navtop.inicial .navbar-brand img{max-width:170px;}
	#navtop.shrink .navbar-brand img{max-width:150px;}
	#navtop .container::after {bottom: 20px;}
    .mgtop.inicial{margin-top: 100px;}
    .mgtop.shrink{margin-top: 80px;}
    .card-deck .col3, .card-deck .col4 {
        width:100%;
        max-width:100%;
        margin-bottom: 0.8rem;
    }

}

@media print {
    #logoPrint{display: block;}
    #navtop{display: none;}
    .noprint{display: none;}
    footer{display: none;}
    h2.titulo{border-bottom: 2px solid #000;}
    .mgtop.inicial{margin-top: 10px!important;}
    .mgtop.shrink{margin-top: 10px!important;}
}