/*
Theme Name:		CIAS - Consórcio Intermunicipal para Ações Sustentáveis
Theme URI:		https://tec.cijun.sp.gov.br/jundiai-tema-base/
Author:			CIJUN
Author URI:		https://transparencia.jundiai.sp.leg.br/
Description:	Site institucional do CIAS.
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;
}
*/

/* ----- LINK DA TRANSPARENCIA ------------------------------------------------------- */

#link-transparencia {
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDcuMC4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjUgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTQ4MCAyNzJDNDgwIDMxNy45IDQ2NS4xIDM2MC4zIDQ0MCAzOTQuN0w1NjYuNiA1MjEuNEM1NzkuMSA1MzMuOSA1NzkuMSA1NTQuMiA1NjYuNiA1NjYuN0M1NTQuMSA1NzkuMiA1MzMuOCA1NzkuMiA1MjEuMyA1NjYuN0wzOTQuNyA0NDBDMzYwLjMgNDY1LjEgMzE3LjkgNDgwIDI3MiA0ODBDMTU3LjEgNDgwIDY0IDM4Ni45IDY0IDI3MkM2NCAxNTcuMSAxNTcuMSA2NCAyNzIgNjRDMzg2LjkgNjQgNDgwIDE1Ny4xIDQ4MCAyNzJ6TTI3NiAxNjBDMjY1IDE2MCAyNTYgMTY5IDI1NiAxODBMMjU2IDE4NEMyMjcuMiAxODQuMyAyMDQgMjA3LjcgMjA0IDIzNi41QzIwNCAyNjIuMiAyMjIuNSAyODQuMSAyNDcuOSAyODguM0wyODkuNiAyOTUuM0MyOTUuNiAyOTYuMyAzMDAgMzAxLjUgMzAwIDMwNy42QzMwMCAzMTQuNSAyOTQuNCAzMjAuMSAyODcuNSAzMjAuMUwyMzIgMzIwQzIyMSAzMjAgMjEyIDMyOSAyMTIgMzQwQzIxMiAzNTEgMjIxIDM2MCAyMzIgMzYwTDI1NiAzNjBMMjU2IDM2NEMyNTYgMzc1IDI2NSAzODQgMjc2IDM4NEMyODcgMzg0IDI5NiAzNzUgMjk2IDM2NEwyOTYgMzU5LjNDMzIxIDM1NS4yIDM0MCAzMzMuNiAzNDAgMzA3LjVDMzQwIDI4MS44IDMyMS41IDI1OS45IDI5Ni4xIDI1NS43TDI1NC40IDI0OC43QzI0OC40IDI0Ny43IDI0NCAyNDIuNSAyNDQgMjM2LjRDMjQ0IDIyOS41IDI0OS42IDIyMy45IDI1Ni41IDIyMy45TDMwNCAyMjMuOUMzMTUgMjIzLjkgMzI0IDIxNC45IDMyNCAyMDMuOUMzMjQgMTkyLjkgMzE1IDE4My45IDMwNCAxODMuOUwyOTYgMTgzLjlMMjk2IDE3OS45QzI5NiAxNjguOSAyODcgMTU5LjkgMjc2IDE1OS45eiIvPjwvc3ZnPg==) no-repeat left center/20px 20px;
	color: #fff;
	padding: 10px;
	padding-left: 22px;
	position: absolute;
	top: 0;
	left: 10px;
	z-index: 10000000;
	font-size: 12px;
	text-decoration: none;
}

.contraste #link-transparencia {
	color: var(--highlight);
}

.logged-in #link-transparencia {
	top: 46px;
}

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

	.logged-in #link-transparencia {
		top: 32px;
	}

}

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

	#link-transparencia {
		background-size: 26px 26px;
		padding-left: 26px;
		font-size: 14px;
	}

}

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

	#link-transparencia {
		left: calc( ( 100vw - 1300px ) / 2 );
	}

}

/* ----- 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);
}

#header .container {
	grid-template-areas: "menu busca" "titulo titulo";
}

.brasao {
	display: none;
}

#barra-plataforma {
	display: none;
}

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

	#header .container {
		gap: 20px;
		grid-template-columns: 1fr 250px;
		grid-template-areas: "titulo busca" "menu menu";
	}

	#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);
}

/* terceiro nível */

@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;
	}

	#menu-principal .sub-menu .sub-menu {
		display: block;
		margin-left: 300px !important;
		margin-top: -30px !important;
	}

}


/* ----- 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: -30px;
}

#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;
	}
	
}