/*
Theme Name:		Portal da Transparência - Câmara Municipal de Jundiaí
Theme URI:		https://tec.cijun.sp.gov.br/jundiai-tema-base/
Author:			CIJUN
Author URI:		https://transparencia.jundiai.sp.leg.br/
Description:	Portal da Transparência da Câmara Municipal de Jundiaí.
Template:		jundiai-tema-base
Version:		1.0
*/

:root {
	--cinza-claro: #eee;
	--cinza-medio: #666;
}

/* ----- TIPOGRAFIA ------------------------------------------------------------------ */

h1, h2, h3, h4, h5, h6,
#site-titulo .titulo {
	font-family: 'Bree Serif', serif;
	font-weight: 400;
}

#site-titulo .subtitulo {
	font-style: normal;
}

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

#contraste {
	background: #222;
}

#header {
	background: #fff;
	color: var(--cinza-medio);
}

#header a:link,
#header a:visited {
	color: #666;
}

.contraste #header a:link,
.contraste #header a:visited {
	color: var(--highlight);
}

.brasao {
	background: url(images/logotipo-camara.png) no-repeat center center/100% auto;
	width: 150px;
	height: auto;
	aspect-ratio: 5 / 2;
}

#barra-plataforma {
	display: none;
}

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

	#header .container {
		gap: 20px;
	}

	#site-titulo {
		align-self: center;
	}

	.brasao {
		width: 250px;
	}

}


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

#menu-botao {
	color: #666;
}

#menu-header {
	background: #fff;
	top: 55px;
}

#menu-header {
    color: var(--cinza-medio);
}

#menu-principal a:hover {
	background: var(--cinza-medio);
	color: #fff;
}

#menu-header,
#menu-principal li,
#menu-principal .sub-menu {
    border-color: var(--cinza-claro);
}

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

	#menu-header {
		margin-left: -10px;
	}

	#menu-principal > li > a:hover,
	#menu-principal > li.menu-item-has-children:hover > a,
	#menu-principal > li.menu-item-has-children > a:hover {
		background: var(--cinza-medio);
		color: #fff;
	}
	
	#menu-principal li ul {
		background: var(--cinza-medio);
		border-color: var(--cinza-claro);
	}

	#menu-principal > li.menu-item-has-children > a:after {
		filter: opacity(60%);
	}

	#menu-principal > li.menu-item-has-children > a:hover:after,
	#menu-principal > li.menu-item-has-children:hover > a:after {
		filter: invert(100%);
	}

	#menu-principal li ul a:link,
	#menu-principal li ul a:visited { 
		color: #fff;
	}

	#menu-principal li ul a:hover { 
		background: #fff;
		color: #000;
	}

}


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

#busca-botao {
	color: var(--cinza-medio);
}

#busca-botao .lupa {
	background-image: url(http://src.cijun.sp.gov.br/img/icones-busca/buscar-cinza.svg);
}

#busca {
	background: #fff;
}


/* ----- PÁGINA INICIAL -------------------------------------------------------------- */

.pagina-inicial {
    min-height: auto;
}

.pagina-capa {
	margin-top: 0;
	margin-bottom: 0;
}

.pagina-inicial .imagem-home {
	margin-bottom: 0;
}

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

/* resultado da busca */

.pagina-index .noticias-lista .noticia-item {
	border-bottom: 1px solid var(--cinza-claro);
	min-height: auto;
	padding-bottom: 2em;
}

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

#rodape {
	background: #222;
}

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

#rodape-widgets .rodape-widget-esquerdo,
#rodape-widgets .rodape-widget-direito {
	display: none;
}

@media only screen and (min-width: 1024px) {
	
	#rodape-widgets {
		grid-template-columns: 1fr;
	}
	
}