/*
Theme Name:		Vigiância Sanitária 1.1.1
Theme URI:		https://visa.jundiai.sp.gov.br/
Author:			CIJUN
Author URI:		https://cijun.sp.gov.br/
Description:	Site da Vigilância Sanitária da Prefeitura de Jundiaí.
Template:		jundiai-tema-base
Version:		1.1.1
*/

/* ----- CABEÇALHO ------------------------------------------------------------------- */

#barra-plataforma {
	background: var(--ciano);
}

.contraste #barra-plataforma {
	background: none;
}

#site-titulo {
	background: url(images/visa.png) no-repeat center left/auto 50px;
	padding-left: 60px;
	width: fit-content;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

#site-titulo .subtitulo {
	color: var(--ciano);
	font-style: normal;
	font-weight: 600;
}

.contraste #site-titulo .subtitulo {
	color: #fff;
}

@media only screen and (min-width: 1024px) {

	#site-titulo {
		margin-left: 0;
		background-size: auto 100%;
		padding-left: 85px;
	}
	
	#site-titulo .subtitulo {
		margin-top: 0;
		padding-left: 60px;
		font-size: 24px;
	}

}

/* ----- BLOCOS DO WORDPRESS --------------------------------------------------------- */

/* remover na versão 1.9 do tema base */
.wp-block-columns {
	gap: 40px;
}


/* ----- LISTA DE SUB PÁGINAS COM IMAGENS --------------------------------------------- */

.sub-paginas-imagens {
	display: grid;
	gap: 20px;
	grid-template-columns: repeat(2, 1fr);
}

.sub-paginas-imagens .sub-pagina {
	width: 100%;
	text-align: center;
}

.sub-paginas-imagens .sub-pagina-imagem {
	width: 100%;
	height: auto;
	margin: 0 auto;
	filter: saturate(0) opacity(0.8);
}

.sub-paginas-imagens .sub-pagina-imagem:hover {
	filter: saturate(1) opacity(1);
}

.page-fale-conosco .sub-paginas-imagens .sub-pagina-imagem {
	border-radius: 50%;
}

@media only screen and (min-width: 600px) {

	.sub-paginas-imagens {
		grid-template-columns: repeat(3, 1fr);
	}

}

@media only screen and (min-width: 780px) {

	.sub-paginas-imagens {
		grid-template-columns: repeat(4, 1fr);
	}

}

@media only screen and (min-width: 900px) {

	.sub-paginas-imagens {
		gap: 30px;
		grid-template-columns: repeat(5, 1fr);
	}

}

@media only screen and (min-width: 1024px) {

	.page-areas .sub-paginas-imagens,
	.home .sub-paginas-imagens {
		grid-template-columns: repeat(6, 1fr);
	}
	
	.page-fale-conosco .sub-paginas-imagens {
		gap: 50px;
	}


}

/* ----- PÁGINAS COM FAQ -------------------------------------------------------------- */

.subpagina-titulo {
	background-size: 12px 12px;
	background-image: url(https://src.cijun.sp.gov.br/img/media/filled-version/SVG/97-arrows/arrow-down-12.svg);
	background-position: 0 4px;
	background-repeat: no-repeat;
	background-size: 18px 18px;
	margin: 1em 0 !important;
	padding-left: 25px;
	cursor: pointer;
}

.subpagina-titulo:hover {
	font-weight: 600;
}

.subpagina-titulo.abre {
	background-image: url(https://src.cijun.sp.gov.br/img/media/filled-version/SVG/97-arrows/arrow-up-12.svg);
}

.subpagina-texto {
	margin-top: 2em;
	margin-bottom: 3em;
	padding-left: 25px;
	display: none;
}

@media only screen and (min-width: 1024px) {

	.subpagina-titulo {
		background-position: left center;
	}

}

/* ----- ÍCONES DA PÁGINA INICIAL ----------------------------------------------------- */

/* usar colunas dentro de um bloco Grupo com a classe icones-areas */

.icones-areas .wp-block-columns img {
	filter: saturate(0) opacity(0.8);
}

.icones-areas .wp-block-columns img:hover {
	filter: saturate(1) opacity(1);
}

@media (min-width: 360px) and (max-width: 782px) {

	.icones-areas .wp-block-columns {
		display: grid;
		gap: 20px;
		grid-template-columns: repeat(2, 1fr);
	}

	.icones-areas .wp-block-columns img {
		width: 100%;
		height: auto;
	}

}

@media (min-width: 600px) and (max-width: 782px) {

	.icones-areas .wp-block-columns {
		grid-template-columns: repeat(3, 1fr);
	}

}