/*
Theme Name:		Notícias da Prefeitura de Jundiaí 5.0
Theme URI:		https://jundiai.sp.gov.br/
Author:			CIJUN
Author URI:		https://cijun.sp.gov.br/
Template:		prefeituradejundiai-capa-5.0
Description:	Ambiente de notícias do portal da Prefeitura de Jundiaí
Version:		5.0.0
*/

/* ----- PAGINAÇÃO -------------------------------------------------------------- */

.paginacao span,
.paginacao a {
    font-weight: 600;
}

.paginacao a:link,
.paginacao a:hover,
.paginacao a:visited,
.paginacao a:active {
	text-decoration: none !important;
}

.paginacao a:hover {
	background: #003371;
	border-radius: 3px;
}

.contraste .paginacao .page,
.contraste .paginacao .current {
	color: #fff;
}

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

.noticia {
	margin-bottom: 60px;
}

.noticia-lista-data {
	color: #888;
	border-bottom: 1px solid #AAA;
	margin-top: 2em;
	margin-bottom: 1em;
	font-size: 18px;
	font-weight: 600;
	text-align: left;
}

.contraste .noticia-lista-data {
	color: #fff;
	border-color: transparent;
}

.noticia-lista-data:first-of-type {
	margin-top: 0;
}

.noticia-lista { /* item */
	min-height: 100px;
}

.noticia-lista .attachment-thumbnail { /* imagem */
	width: 100px;
	height: 100px;
	margin-right: 10px;
	float: left;
}

/* single.php */

.noticia .pagina-titulo {
	margin-bottom: 0;
}

.noticia .data-hora {
	color: #666;
	margin-top: 0.5em;
	margin-bottom: 2em;
	display: block;
	font-size: 13px;
}

.contraste .noticia .data-hora,
.contraste .data-lista {
	color: #fff;
}

.mais-sobre {
	margin-bottom: 40px;
}

.wp-block-gallery .blocks-gallery-caption {
	margin: -2em 0 2em;
}

/* compartilhamento das notícias - sharethis.com */ 

.sharethis-inline-share-buttons {
	margin-bottom: 2em;
	width: auto;
}

/* ----- POSTS RELACIONADOS ----------------------------------------------------- */

#posts-relacionados {
	margin-top: 60px;
	margin-bottom: 40px;
}

.posts-relacionados-lista {
	margin: 0;
	list-style: none;
}

.posts-relacionados-lista li {
	margin-bottom: 0.5em;
}

.posts-relacionados-lista li:before {
	content: "" !important;
}

#posts-relacionados .data-lista {
	display: inline;
}

#posts-relacionados .attachment-cijun-destaque {
	display: none;
}

@media only screen and (min-width: 960px) {
	
	.posts-relacionados-lista li {
		width: 25%;
		margin-bottom: 0;
		padding-right: 0 15px;
		display: block;
		float: left;
	}

}

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

	.posts-relacionados-lista li {
		padding-right: 20px;
	}

	#posts-relacionados .attachment-cijun-destaque {
		width: 100%;
		height: auto;
		margin: 0 0 10px;
		display: block;
	}
}

/* ----- GALERIA DE IMAGENS ----------------------------------------------------- */

.galeria-noticia {
	height: auto;
	margin-left: 0 !important;
	list-style: none;
	clear: both;
	font-size: 13px;
	text-align: left;
}

.galeria-noticia li {
	height: 60px;
	margin-bottom: 30px;
	display: block;
}

.galeria-noticia li:before {
	content: none !important;
}

.galeria-noticia li a {
	color: #333;
	font-weight: normal;
	text-decoration: none;
}

.galeria-noticia img {
	width: 60px;
	height: 60px;
	margin-right: 5px;
	float: left;
}

.descricao-foto {
	width: auto;
	height: 80px;
	overflow: hidden;
	line-height: 1.5;
}

.download-foto {
	background: url(https://src.cijun.sp.gov.br/img/icones-arquivos/download-16x16.png) no-repeat left center;
	width: 20px;
	height: 20px;
	display: inline-block;
	text-indent: -100000px;
}

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

	.galeria-noticia li {
		width: 50%;
		padding-right: 15px;
		float: left;
	}

}

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

	.galeria-noticia li {
		width: 33%;
	}

}

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

	.galeria-noticia li {
		width: 25%;
	}

}

/* ----- OBJETIVOS DE DESENVOLVIMENTO SUSTENTÁVEL ------------------------------- */

#ods {
	width: fit-content;
	max-width: 420px;
	margin: 20px auto;
	text-align: center;
}

.objetivo {
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center center;
	margin: 5px;
	width: 36px;
	height: 36px;
	display: inline-block;
	text-indent: -10000px;
	filter: grayscale(1) opacity(0.4);
	
}

.ods-01 {background-image: url(images/ods-01.svg);}
.ods-02 {background-image: url(images/ods-02.svg);}
.ods-03 {background-image: url(images/ods-03.svg);}
.ods-04 {background-image: url(images/ods-04.svg);}
.ods-05 {background-image: url(images/ods-05.svg);}
.ods-06 {background-image: url(images/ods-06.svg);}
.ods-07 {background-image: url(images/ods-07.svg);}
.ods-08 {background-image: url(images/ods-08.svg);}
.ods-09 {background-image: url(images/ods-09.svg);}
.ods-10 {background-image: url(images/ods-10.svg);}
.ods-11 {background-image: url(images/ods-11.svg);}
.ods-12 {background-image: url(images/ods-12.svg);}
.ods-13 {background-image: url(images/ods-13.svg);}
.ods-14 {background-image: url(images/ods-14.svg);}
.ods-15 {background-image: url(images/ods-15.svg);}
.ods-16 {background-image: url(images/ods-16.svg);}
.ods-17 {background-image: url(images/ods-17.svg);}


.has-ods-01 .objetivo.ods-01,
.has-ods-02 .objetivo.ods-02,
.has-ods-03 .objetivo.ods-03,
.has-ods-04 .objetivo.ods-04,
.has-ods-05 .objetivo.ods-05,
.has-ods-06 .objetivo.ods-06,
.has-ods-07 .objetivo.ods-07,
.has-ods-08 .objetivo.ods-08,
.has-ods-09 .objetivo.ods-09,
.has-ods-10 .objetivo.ods-10,
.has-ods-11 .objetivo.ods-11,
.has-ods-12 .objetivo.ods-12,
.has-ods-13 .objetivo.ods-13,
.has-ods-14 .objetivo.ods-14,
.has-ods-15 .objetivo.ods-15,
.has-ods-16 .objetivo.ods-16,
.has-ods-17 .objetivo.ods-17 {
	filter: none;
}

@media only screen and (min-width: 960px) {
	
	#ods {
		max-width: none;
	}

	#ods .objetivo {
		width: 46px;
		height: 46px;
	}
	
}

#ods-lista {
	background-color: #888;
	background-repeat: no-repeat;
	background-position: center 20px;
	background-size: 100px 100px;
	color: #fff;
	margin-bottom: 4em;
	padding: 120px 30px 30px;
}

#ods-lista .ods-titulo {
	margin: 0 0 1em;
	font-size: 32px;
}

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

	#ods-lista {
		background-position: calc(100% - 20px) 20px;
		padding: 30px 130px 30px 30px;
	}

}

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

	#ods-lista {
		min-height: 180px;
		padding-right: 170px;
		background-size: 150px 150px;
	}

}

#ods-lista.ods-01 {
	background-color: #E5243B;
	background-image: url(images/ods-01.svg);
}

#ods-lista.ods-02 {
	background-color: #DDA83A;
	background-image: url(images/ods-02.svg);
}

#ods-lista.ods-03 {
	background-color: #4C9F38;
	background-image: url(images/ods-03.svg);
}

#ods-lista.ods-04 {
	background-color: #C5192D;
	background-image: url(images/ods-04.svg);
}

#ods-lista.ods-05 {
	background-color: #FF3A20;
	background-image: url(images/ods-05.svg);
}

#ods-lista.ods-06 {
	background-color: #26BDE2;
	background-image: url(images/ods-06.svg);
}

#ods-lista.ods-07 {
	background-color: #FCC30A;
	background-image: url(images/ods-07.svg);
}

#ods-lista.ods-08 {
	background-color: #A31942;
	background-image: url(images/ods-08.svg);
}

#ods-lista.ods-09 {
	background-color: #FD6925;
	background-image: url(images/ods-09.svg);
}

#ods-lista.ods-10 {
	background-color: #DD1367;
	background-image: url(images/ods-10.svg);
}

#ods-lista.ods-11 {
	background-color: #FD9D24;
	background-image: url(images/ods-11.svg);
}

#ods-lista.ods-12 {
	background-color: #BF8B2E;
	background-image: url(images/ods-12.svg);
}

#ods-lista.ods-13 {
	background-color: #3F7E44;
	background-image: url(images/ods-13.svg);
}

#ods-lista.ods-14 {
	background-color: #0A97D9;
	background-image: url(images/ods-14.svg);
}

#ods-lista.ods-15 {
	background-color: #56C02B;
	background-image: url(images/ods-15.svg);
}

#ods-lista.ods-16 {
	background-color: #00689D;
	background-image: url(images/ods-16.svg);
}

#ods-lista.ods-17 {
	background-color: #19486A;
	background-image: url(images/ods-17.svg);
}

/* ----- SIDEBAR ---------------------------------------------------------------- */

#sidebar {}

#sidebar img {
	max-width: 100%;
	height: auto;
}

#sidebar .widget {
    margin-bottom: 60px;
}

.widget-titulo {
	color: #003371;
	border-bottom: 2px solid #003371;
	padding-bottom: 3px;
	margin-bottom: 0.5em;
	font-size: 18px;
	font-weight: 600;
	text-transform: uppercase;
}

.contraste .widget-titulo {
	color: #fff;
	border-color: transparent;
}

#sidebar select {
	border-radius: 3px;
}

#sidebar .busca-noticias {
	width: 100%;
}

#sidebar #form-busca input[type="text"] {
	border-radius: 3px 0 0 3px;
}

#sidebar #form-busca input[type="submit"] {
	border-radius: 0 3px 3px 0;
}

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

	#sidebar {
		width: 25%;
		float: right;
	}

	.noticia {
		width: 70%;
		float: left;
	}

}

/* ----- WIDGETS DA SIDEBAR ----------------------------------------------------- */

/* Nuvem de tags */

.widget_tag_cloud a:link,
.widget_tag_cloud a:visited {
	color: #666;
	text-decoration: none;
}

.widget_tag_cloud a:hover,
.widget_tag_cloud a:active {
	color: #003371;
	text-decoration: underline;
}

/* Menu ("acesse também") e Tópicos recentes */

.widget_nav_menu ul,
.widget_recent_entries ul {
	margin-left: 0;
}

.widget_nav_menu li,
.widget_recent_entries li {
	list-style: none;
	margin-bottom: 0.5em;
}

.widget_nav_menu li:before,
.widget_recent_entries li:before {
	color: #888;
	content: "\00BB \20";
}

.widget_recent_entries .post-date {
	color: #666;
	font-size: 11px;
}

.widget_recent_entries a:link,
.widget_recent_entries a:visited {
	text-decoration: none;
}

.widget_recent_entries a:hover,
.widget_recent_entries a:active {
	text-decoration: underline;
}

/* ----- VÍDEOS ----------------------------------------------------------------- */

/* sidebar */

#sidebar-videos {
	margin-bottom: 60px;
}

#sidebar-videos .video-sidebar {
	width: 100%;
	height: 200px;
	margin-bottom: 10px;
	display: block;
}

#sidebar-videos .video-titulo {
	font-weight: 600;
	text-align: center;
}

#sidebar-videos .leia-mais {
	background: #fff;
	color: #003371;
	border: 1px solid #003371;
	border-radius: 3px;
	width: 100%;
	max-width: 350px;
	margin: 0 auto 30px;
	padding: 10px;
	display: block;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
}

.contraste #sidebar-videos .leia-mais {
	background: transparent;
	color: #E1FE0A;
	border-color: #E1FE0A;
}

/* single-video.php */

.video-iframe {
	width: 100%;
	height: 300px;
	margin-bottom: 1em;
}

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

	#sidebar-videos .video-sidebar {
		height: 300px;
	}

	.video-iframe {
		height: 400px;
	}

}

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

	#sidebar-videos .video-sidebar {
		height: 400px;
	}

	.video-iframe {
		height: 500px;
	}

}

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

	#sidebar-videos .video-sidebar {
		height: 200px;
	}

	.video-iframe {
		height: 680px;
	}

}

/* ----- TABELAS DE PAGINAS ESPECÍFICAS ----------------------------------------- */

.tabela-vacinacao {
	margin-top: 20px !important;
	margin-bottom: 40px !important;
}

.tabela-vacinacao tr {
	border-bottom: 1px solid #DDD;
}

.tabela-vacinacao .posto,
.tabela-vacinacao .horario {
	text-align: center !important;
}

.tabela-vacinacao .posto {
	width: 25%;
	font-weight: 600;
}

.tabela-vacinacao .horario {
	width: 30%;
}