/**
 rodape.css - Estilos para o rodapé do portal
*/

footer#page-footer {
	display: block;
	width: 100%;
	background: url(../../images/bg-footer.jpg) no-repeat center;
	background-size: cover;
	text-align: left;
	color: #FFFFFF;
	font-family: "Roboto Condensed";
	margin: 0;
	overflow: hidden;
	position: relative;
}


footer#page-footer h2 {
	font-size: 2.5em;
	font-weight: 600;
}

footer#page-footer p {
	font-size: 1.2em;
}

footer#page-footer #list-footer-info {
	padding: 0;
	margin: 0 auto;
}

footer#page-footer #list-footer-info ul,
footer#page-footer #list-footer-info li {
	list-style: none
}

footer#page-footer #list-footer-info li {
	list-style: none;
	min-height: 125px;
	float: left;
	margin: 1em 0;
	padding: 0 1em;
	color: #FFF;
	border-right: 1px solid rgba(255, 255, 255, 0.3);
}

footer#page-footer #list-footer-info li:last-child {
	border-right: none;
}

footer#page-footer #list-footer-info li#info-endereco{
	width: 20%;
}
footer#page-footer #list-footer-info li#info-atendimento{
	width: 18%;
}
footer#page-footer #list-footer-info li#info-contatos{
	width: 33%;
} 
footer#page-footer #list-footer-info li#info-redes-sociais {
	width: 28%;
}


footer#page-footer #list-footer-info li a {
	color: #FFF
}

footer#page-footer #list-footer-info li h3 {
	display: block;
	clear: both;
	padding-left: 30px;
}

footer#page-footer #list-footer-info #info-contatos h3,
footer#page-footer #list-footer-info #info-redes-sociais h3 {
	padding-left: 35px;
	font-weight: normal !important;
	font-size: 1.1em;
}

#info-endereco h3 {
	background: transparent url("../../images/icon-footer-endereco.png") 0% 50%  no-repeat;
}

#info-atendimento h3 {
	background: transparent url("../../images/icon-footer-atendimento.png") 0% 50%  no-repeat;
}

#info-contatos #info-sic {
	background: transparent url("../../images/icon-footer-sic.png") 0% 50%  no-repeat;
}

#info-contatos #info-ouvidor {
	background: transparent url("../../images/icon-footer-ouvidoria.png") 0% 50%  no-repeat;
}

#info-contatos #info-denuncie-corrupcao {
	background: transparent url("../../images/icon-footer-denuncie-corrupcao.png") 0% 15%  no-repeat;
}

#info-redes-sociais #info-whatsapp {
	background: transparent url("../../images/icon-footer-whatsapp.png") 0% 50%  no-repeat;
}

#info-redes-sociais #info-facebook {
	background: transparent url("../../images/icon-footer-facebook.png") 0% 50%  no-repeat;
}

#info-agenda-autoridade {
	background: transparent url("../../images/agenda_de_autoridades_icone_calendario_rodape5.png") 0% 50%  no-repeat;
}

#info-cadastro-sugestao {
	background: transparent url("../../images/icon_light_on.png") 0% 50%  no-repeat;
}

#info-coronavirus {
	background: transparent url("../../images/virus.svg") 0% 50%  no-repeat;
	background-size: 32px 32px;
	filter: invert(100%) sepia(0%) saturate(22%) hue-rotate(39deg) brightness(104%) contrast(100%);
}

#info-radar-transparencia-publica {
	background: transparent url("../../images/img_radar_transparencia_publica.png") 0% 0%  no-repeat;
	background-size: 32px 32px;
}

#info-contatos #info-sic a,
#info-contatos #info-ouvidor a {
	font-weight: normal !important;
}

footer#page-footer #list-footer-info div {
	padding-left: 32px;
}

footer#page-footer #list-footer-info li h3,
footer#page-footer #list-footer-info li h3 a {
	font-family: "Roboto Condensed";
	font-size: 1.25em;
	font-weight: bold;
	margin-top: 0;
}

footer#page-footer #list-footer-info li h3 a {
	font-weight: normal;
}

footer#page-footer #list-footer-info li h3 a,
#list-footer-info p {
	font-size: 1em !important;
}

footer#page-footer a,
footer#page-footer a:active,
footer#page-footer a:focus,
footer#page-footer a:hover {
	color: #FFF;
}	

#container-versao {
	position: absolute;
	display: table;
	clear: both;
	width: 10%;
	padding: 5px;
	font-size: 12px;
	color: #CCC;
	text-align: right;
	right: 0.2em;
	right: 0.2em;
    bottom: 0.2em;
}

#container-versao a {
	font-size: 18px !important;
}

#container-versao a:active
#container-versao a:focus,
#container-versao a:hover {
	color: #FFF !important;
	text-decoration: underline;
}

@media (max-width: 1269px) {
	#container-versao {
		width: 100%;
		position: relative;
		padding: 5px;
		font-size: 12px;
		color: #CCC;
		text-align: center;
		margin-top: 15px;
	}
}

@media (min-width: 768px) and (max-width: 1269px) {
	#container-versao {
		margin-top: 1px;
		text-align: center;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	footer#page-footer #list-footer-info li#info-endereco {
		width: 24%;
	}
	
	footer#page-footer #list-footer-info li#info-atendimento {
		width: 24%;	
	}
	
	footer#page-footer #list-footer-info li#info-contatos {
		width: 24%;
	}
	
	footer#page-footer #list-footer-info li#info-redes-sociais {
		width: 15%;
	}
}

@media (min-width: 769px) and (max-width: 950px) {
	footer#page-footer #list-footer-info li#info-endereco {
		width: 100%;
	}
	
	footer#page-footer #list-footer-info li#info-atendimento {
		width: 100%;	
	}
	
	footer#page-footer #list-footer-info li#info-contatos {
		width: 100%;
	}
	
	footer#page-footer #list-footer-info li#info-redes-sociais {
		width: 100%;
	}
	
	footer#page-footer #list-footer-info li {
		display: block;
		min-height: auto;
		border-right: none;
		border-bottom: 1px solid rgba(255, 255, 255, 0.3);
		clear: both;
		padding: 0 0.5em;
		margin: 0.2em 0;
	}
}


@media (min-width: 1050px) {
	footer#page-footer #list-footer-info {
		width: 1050px;
	}
}

@media (min-width: 1199px) {
	footer#page-footer #list-footer-info {
		width: 1200px;
	}
}

/* @media (max-width: 1049px) {
	footer#page-footer #list-footer-info {
		width: 100%;
	}
} */

@media (max-width: 1049px) {
	footer#page-footer h2 {
		font-size: 1.6em;
	}
	
	
	footer#page-footer #list-footer-info li {
		display: block;
		min-height: auto;
		border-right: none;
		border-bottom: 1px solid rgba(255, 255, 255, 0.3);
		clear: both;
		padding: 0 0.5em;
		margin: 0.2em 0;
	}
	
	footer#page-footer #list-footer-info li#info-endereco,
	footer#page-footer #list-footer-info li#info-atendimento,
	footer#page-footer #list-footer-info li#info-redes-sociais,
	footer#page-footer #list-footer-info li#info-contatos {
		width: 100%;
		margin: 10px;
		border-right: none;
	}
	
	footer#page-footer #list-footer-info li#info-redes-sociais {
		margin-bottom: 0px;
	}
	
	#info-endereco h3 {
		background: transparent url("../../images/icon-footer-endereco.png") 0% 25%  no-repeat;
	}
	
	#info-atendimento h3 {
		background: transparent url("../../images/icon-footer-atendimento.png") 0% 25%  no-repeat;
	}
	
	#info-contatos #info-sic {
		background: transparent url("../../images/icon-footer-sic.png") 0% 25%  no-repeat;
	}
	
	#info-contatos #info-ouvidor {
		background: transparent url("../../images/icon-footer-ouvidoria.png") 0% 25%  no-repeat;
	}
	
	#info-contatos #info-denuncie-corrupcao {
		background: transparent url("../../images/icon-footer-denuncie-corrupcao.png") 0% 25%  no-repeat;
	}
	
	#info-redes-sociais #info-whatsapp {
		background: transparent url("../../images/icon-footer-whatsapp.png") 0% 0%  no-repeat;
	}
	
	#info-redes-sociais #info-facebook {
		background: transparent url("../../images/icon-footer-facebook.png") 0% 0%  no-repeat;
	}
	
	footer#page-footer #list-footer-info li:last-child {
		border-bottom: none;
	}
	
}


@media (max-width :767px) {
	footer#page-footer .container {
		padding: 0;
	}
	
	footer#page-footer #list-footer-info li#info-endereco/* ,
	footer#page-footer #list-footer-info li#info-contatos - Regra temporária - Mantis 7520 */ {
		/* border-right: 1px solid rgba(255, 255, 255, 0.3); */
	}
	
	footer#page-footer #list-footer-info li#info-atendimento,
	footer#page-footer #list-footer-info li#info-redes-sociais {
		border-right: none;
	}
	
	/** Regra temporária - Mantis 7520 **/
	/* footer#page-footer #list-footer-info li#info-contatos {
		width: 100%;
	} */
	/* Fim Regra temporária - Mantis 7520 */
	
	#container-versao {
		padding-top: 2.8em;
		text-align: center;
		font-size: 1em;
	}
}

@media (max-width: 650px) {
	footer#page-footer h2 {
		font-size: 2.3em;
	}
}

@media (max-height: 480px) {
	#container-versao {
		padding-top: 4em;
		text-align: center;
		font-size: 1em;
	}
}