/*
Theme Name:		Cidade das Crianças 2.2
Theme URI:		https://cidadedascriancas.jundiai.sp.gov.br/
Author:			CIJUN
Author URI:		https://cijun.sp.gov.br/
Description:	Site do programa de governo Cidade das Crianças
Template:		jundiai-tema-base
Version:		2.2
*/

:root {
	--cinza-fundo: #E4EAEB;
}

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

#header {
	background: linear-gradient(#00000055 0, #00000055 20%, 50%, transparent 100%),
				url(images/header.png) no-repeat center center/auto 100%;
}

#site-titulo {
	background: url(images/cidade-das-criancas.png) no-repeat center center/100% 100%;
	width: 150px;
	height: 160px;
	margin: 80px auto 0;
	display: block;
	text-indent: -10000px;
	filter: drop-shadow(3px 3px 3px #00000055);
}

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


	#site-titulo {
		margin: 0;
	}
	
}

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

	#header {
		background: url(images/header.png) no-repeat center center/cover;
	}

	#site-titulo,
	.brasao {
		filter: drop-shadow(1px 1px 1px #00000055);
	}


}

/* ----- MENU ------------------------------------------------------------------------ */

#menu-principal li.live a:before {
	content: '\002B24 ';
	display: inline-block;
	color: #f00;
	margin-right: 5px;

}

#menu-header {
	top: 60px;
}

@media only screen and (min-width: 1024px) {
	
	#menu-header {
		background: none;
	}
	
	#menu-principal a:link,
	#menu-principal a:visited {
		background: var(--azulgestao);
		color: #fff;
		border-radius: 5px; 
		margin: 0 10px 10px 0;;
	}

	#menu-principal a:hover {
		background: #fff;
		color: var(--azulgestao);
	}
	
	#menu-principal .sub-menu {
		margin: -10px 0 0 0 !important;
	}
	
	#menu-principal .sub-menu a:link,
	#menu-principal .sub-menu a:visited {
		border-radius: 0; 
		margin: 0;
	}

}

/* ----- BUSCA ----------------------------------------------------------------------- */

@media only screen and (min-width: 1024px) {
	
	#busca {
		background: none;
	}
}


/* ----- CONTEÚDO -------------------------------------------------------------------- */

.pagina-capa {
	margin-top: 4em;
	margin-bottom: 4em;
}

#conteudo a:link,
#conteudo a:visited {
	font-weight: 600;
}

/* só nesse site e só na home as galerias com 3 ou 4 colunas ficam desconfiguradas - este é o hack */
.pagina-capa .wp-block-gallery.columns-3 {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
}

.pagina-capa .wp-block-gallery.columns-4 {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
}

.pagina-capa .wp-block-gallery.columns-3 figure.wp-block-image:not(#individual-image),
.pagina-capa .wp-block-gallery.columns-4 figure.wp-block-image:not(#individual-image) {
	width: 100% !important;
}


/* ----- NOTÍCIAS -------------------------------------------------------------------- */

#noticias-portal {
	background: var(--cinza-fundo);
	padding-bottom: 4em;
}


/* ----- RODAPÉ ---------------------------------------------------------------------- */

.home #rodape {
	margin-top: 0;
}

#rodape .rodape-widget-central img {
	max-width: 200px;
}