html {
	position: relative;
	min-height: 100%;
}

.rodape{
	margin: .5rem auto;
	padding: 1rem 4rem;	
}

.texto-rodape{
	line-height: 1.5rem;
}

.divisor-rodape {
	margin: 0;
	margin-top: 1.5rem;
	height: 2px !important;
}

/* ajustar ot-floating-button ao nosso */
#ot-sdk-btn-floating.ot-floating-button{
	margin: 0 .75rem;
}
#ot-sdk-btn-floating  .ot-floating-button__front{
	background-color: transparent!important;
	box-shadow: 2px 3px 5px -2px rgba(0, 0, 0, .5)!important;
}
/* ajustar ot-floating-button ao nosso */


#redes-sociais ul li {
	border-left: 1px solid #fff;
}

.nav-topo {
/*     padding: .25rem 2.25rem; */
}

.marca {
	width: 22rem;
	padding: 0 1rem;
}

.fixo {
	position: sticky;
	top: 0;
}

.icone {
	height: 18px;
	width: 18px;
}

.rede-social-icone {
	width: 1rem;
}

.divisor {
	margin: 1rem 0;
}

.destaque-texto{
	line-height: 1.25rem;
    padding: 0 1rem;
}

/* Bloco destaque - deixar icones em branco*/
#home .row .destaque .destaque-icone img {
    filter: brightness(1000%);
}

.link-destaque{
	display:inline-flex;
}

.link_contato {
	display: inline-block;
	color: #fff;
	margin: 1rem 0;
	padding: 0 2rem;
	line-height: 2rem;
	background: #4cf;
	text-decoration: none;
}

.breadcrumb {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 0.75rem 1rem;
	margin: 0.75rem 0;
	list-style: none;
	background-color: #fafafa;
	/* 	border-radius: 0.25rem; */
	box-shadow: 1px 1px 1px #cdcdcd;
}

.form-control{	
	padding: 0.5rem;
}

/* imagens ILP / Fale Conosco */
.card-home{
	margin: 1rem 0;
}

.card-home .card-body{
	display: block;
	text-align: center;
}

.card-home .card-body a img {
	height: 5rem;
}

.texto-card{
	padding: 2rem 1rem;
	font-size: 1.25rem;	
	line-height: 1.5rem;	
}

.link-card{
	display:block;
	text-decoration:none;	
}

#mapa {
	background-image: url('../img/background.svg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.col-mapa {
	width: 10rem;
	margin-bottom: 2rem;
}

.tituloApresentacao {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
}

.apresentacao {
	position: relative;
}

.apresentacao img {
	width: 100%;
}

.titulo-evento-agenda a{
	font-weight: bold;
	color: #000!important;
	text-decoration: none;
}
.titulo-evento-agenda p{
	font-weight: bold;
	color: #000!important;
}

.rw{
	line-height: 1.5rem;
}

#btn-back-to-top {
	position: fixed;
	bottom: 10px;
	right: 1rem;
	width: 50px;
    height: 50px;
	display: none;
	border-radius: 65px !important;
	box-shadow: 2px 3px 5px -2px rgba(0, 0, 0, .5);
}
#btn-back-to-top .bi-chevron-up::before {
    vertical-align: 0;
}


/* Telas pequenas */
/* Bootstrap: 576px, 768px, 992px, and 1200px */
/* @media screen and (max-width:480px) {	 */
@media screen and (max-width:576px) {
	.desktopOnly {
		display: none;
	}
	#manchetesLaterais {
		display: none;
	}
	.logo-baixo {
		padding: 0 4rem;
	}
	/*Menu topo - Controla alinhamento e propriedades - centraliza mobile*/
	#topo ul.navbar-nav, #topo #redes-sociais  ul.navbar-nav{
	    margin-left: auto;
	    padding: 0 0.25rem !important;
	    margin-bottom: 0 !important;
	}
	/*Menu topo - Reduz texto link "sobre o Portal" */
	#topo ul.navbar-nav li.nav-item:first-of-type {
	    white-space: break-spaces;
    	height: 1.5rem;
	    overflow: hidden;
	    max-width: 3rem;
	    text-overflow: ellipsis;
	    vertical-align: top;
	}
}

@media screen and (min-width: 577px) and (max-width: 1199px) {
	.tablet {
		display: block;
	}
	.desktopOnly {
		display: none;
	}
	.mobileOnly {
		display: none;
	}
}

@media screen and (min-width : 1200px) {
	.mobileOnly {
		display: none;
	}
	/* imagens ILP / Fale Conosco */
	.card-home .card-body {
		display: flex;
	}
	.card-home .card-body a img {
		height: 10rem;
	}
	.texto-card{
		width:50%;
	}
	.link-card{	
		padding-top:1.5rem;
		line-height: 1.33rem
	}	
	.ilp-logo{	
		padding:1rem;
	}
	.sos-logo{
		padding: 2rem 5rem;	
	}
	.tituloApresentacao{
		font-size: 5rem;
	}
	/*Remove elementos somente em telas marioes que 1200*/
	.portableOnly {
		display: none;
	}
}
/*Regras comuns para telas menores que 1200px - Ex: tablets e celulares */
@media screen and (max-width : 1199px) {
	/*Menu topo - Controla exibicao menu topo e redes sociais*/
	#topo #redes-sociais ul li {
	    border-left: none !important;
	}
	#topo ul.navbar-nav, #topo #redes-sociais  ul.navbar-nav{
	    display: inline-block; 
		padding-left: 1rem;
	}
	#topo ul li.nav-item, #topo #redes-sociais  ul li.nav-item {
	    display: inline-block;
	    padding: 0 0.5rem;
	}
	nav#topo {
   	    justify-content: center;
   	    padding: 0;
	}
	/*Menu topo - Fim*/
}