/*
Theme Name: Prefeitura de Cajamar 1.0
Theme URI: https://cajamar.sp.gov.br/
Author: CIJUN
Author URI: https://cijun.sp.gov.br/
Description: Site principal do portal da Prefeitura de Cajamar.
Version: 1.0
*/

/* ----- TABELA DE CORES -------------------------------------------------------- */

:root {
	--azul: #2E3F8D;
	--azul2: #16216e;
	--azul3: #f8fafb;
	--ciano: #289CDB;
	--vermelho: #B8122D;
	--verde: #4CC399;
	--cinzaclaro: #f8fafb;
}

/* ----- RESET ------------------------------------------------------------------ */

* {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	font-size: 100%;
	font: inherit;
}

html {font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
body {font-size: 1em;}

blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}

table {border-collapse: collapse; border-spacing: 0;}
td {vertical-align: top;}

a:hover, a:active {outline: 0;}

p, pre {margin-bottom: 1.5em;}

strong, b {font-weight: bold;}
em, i {font-style: italic;}
pre, code, tt {font: 1em/1.5em monospace;}
sup {line-height: 100%; font-size: 70%; vertical-align: top;}
sub {line-height: 100%; font-size: 70%; vertical-align: bottom;}
small {font-size: 80%;}
del, strike {text-decoration: line-through;}

img {display: block; -ms-interpolation-mode: bicubic; vertical-align: middle;}

button, input, select, textarea {font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle;}
label {cursor: pointer;}
legend {border: 0; padding: 0; white-space: normal;}
button, input {line-height: normal;}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer; -webkit-appearance: button; *overflow: visible;}
button[disabled], input[disabled] {cursor: default;}
input[type="checkbox"], input[type="radio"] {box-sizing: border-box; padding: 0; *width: 13px; *height: 13px;}
input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;}
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {-webkit-appearance: none;}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0;}
textarea {overflow: auto; vertical-align: top; resize: vertical;}

/* ----- ELEMENTOS GENERICOS ---------------------------------------------------- */

.clear {
	height: 0;
	clear: both;
}

.clearfix {
	overflow: auto;
}

.clearfix::after {
	content: "";
	clear: both;
	display: table;
}

.hidden {
	display: none;
}

.container {
	min-width: 300px;
	max-width: 1280px;
	margin: auto;
	padding: 0 20px;
}

.border-radius-5 {
	-webkit-border-radius: 5px;
	-moz-border-radius:    5px;
	border-radius:         5px;
}

.border-radius-10 {
	-webkit-border-radius: 10px;
	-moz-border-radius:    10px;
	border-radius:         10px;
}

.borda-cinza {
	border: 3px solid #eee;

	/*
	-webkit-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.05);
	-moz-box-shadow:    0px 0px 5px 5px rgba(0,0,0,0.05);
	box-shadow:         0px 0px 5px 5px rgba(0,0,0,0.05);
	*/
}

/* ----- ACESSIBILIDADE --------------------------------------------------------- */

a:active,
a:focus {
	outline: 1px dotted #666;
}

/* https://make.wordpress.org/accessibility/handbook/markup/the-css-class-screen-reader-text/ */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

#acessibilidade {
	position: absolute;
	left: -10000px;
	top: -10000px;
}

#acessibilidade-navegacao {
	list-style: none;
}

/* ----- APARÊNCIA -------------------------------------------------------------- */

body,
button,
input,
select,
textarea {
	background: #fff;
	color: #333;
}

body {
	background: #f5f5f5;
}

a:link,
a:visited {
	color: var(--azul);
}

a:hover {
	color: var(--vermelho);
}

hr {
	background: #CCC;
	color: #CCC;
	border: none;
	margin: 5px auto 20px;
	height: 1px;
}

/* ----- IMAGENS E VÍDEOS ------------------------------------------------------- */

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

/* HTML antigo para elementos que não são blocos (como widgets) */

img.alignleft {
	float: left;
	margin: 0 1em 1em 0;
}

img.alignright {
	float: right;
	margin: 0 0 1em 1em;
}

img.aligncenter {
	margin: 1em auto;
}

/* imagens alinhadas à esquerda e à direita aparecem centralizadas no mobile */

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

	.wp-block-image .alignleft,
	.wp-block-image .alignright {
		margin-left: auto;
		margin-right: auto;
		float: none;
		clear: both;
	}
	
}

/* legendas das fotos */

figcaption {
	color: #666;
	font-size: 70%;
	text-align: center;
}

/* galeria */

.pagina ul.wp-block-gallery {
	margin: 0;
}
/* YouTube e SoundCloud */

iframe {
	max-width: 100%;
}

.wp-block-embed-soundcloud,
.wp-block-embed-youtube {
	margin-inline-start: 0;
	margin-inline-end: 0;
	clear: both;
}

.wp-block-embed-youtube.wp-block-embed.alignleft,
.wp-block-embed-youtube.wp-block-embed.alignright {
	max-width: 100%;
}

.wp-block-embed-soundcloud iframe,
.wp-block-embed-youtube iframe {
	width: 100%;
}

.wp-block-embed-soundcloud iframe {
	height: 160px;
	margin: 20px 0;
}

@media only screen and (min-width: 800px) {
	
	.wp-block-embed-youtube iframe {
		height: 400px;
	}

}

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

	.wp-block-embed-youtube iframe {
		height: 560px;
	}

}

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

html, * {
	font-family: 'Roboto', Arial, sans-serif;
	font-weight: 400;
	font-size: 18px;
}

strong, b {
	font-weight: 700;
}

body {
	line-height: 1.4;
}

h1, h2, h3, h4, h5, h6 {
	line-height: 1;
}

h2 {
	font-size: 34px;
	margin: 1em 0 0.5em;
	font-weight: 900;
}

h3 {
	font-size: 24px;
	margin: 1em 0 0.5em;
	font-weight: 900;
}

h4 {
	font-size: 21px;
	margin: 1em 0 0.5em;
	font-weight: 700;
}


/* ----- FORMULARIOS ------------------------------------------------------------ */

input[type="text"],
input[type="search"],
input[type="email"],
input[type="url"],
input[type="date"],
input[type="tel"],
input[type="password"],
textarea,
select {
	border: 1px solid #CCC;
	padding: 5px;
}

input[type="submit"] {
	background: #CCC;
	color: #000;
	border: 1px solid #BBB;
	padding: 5px;
	
	background: -moz-linear-gradient(top,  #cccccc 0%, #aaaaaa 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccccc), color-stop(100%,#aaaaaa));
	background: -webkit-linear-gradient(top,  #cccccc 0%,#aaaaaa 100%);
	background: -o-linear-gradient(top,  #cccccc 0%,#aaaaaa 100%);
	background: -ms-linear-gradient(top,  #cccccc 0%,#aaaaaa 100%);
	background: linear-gradient(to bottom,  #cccccc 0%,#aaaaaa 100%);
}

input[type="submit"]:hover {
	background: #AAA;
	border: 1px solid #BBB;

	background: -moz-linear-gradient(top,  #aaaaaa 0%, #cccccc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aaaaaa), color-stop(100%,#cccccc));
	background: -webkit-linear-gradient(top,  #aaaaaa 0%,#cccccc 100%);
	background: -o-linear-gradient(top,  #aaaaaa 0%,#cccccc 100%);
	background: -ms-linear-gradient(top,  #aaaaaa 0%,#cccccc 100%);
	background: linear-gradient(to bottom,  #aaaaaa 0%,#cccccc 100%);
}

/* ----- BARRA DO TOPO ---------------------------------------------------------- */

#barra-topo {
	display: none;
}

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

	#barra-topo {
		display: block;
		background: var(--azul2);
		padding: 5px;
	}

}

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

#header {
	background: var(--azul3);

	-webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.1);
	-moz-box-shadow:    0px 3px 5px rgba(0,0,0,0.1);
	-ms-box-shadow:     0px 3px 5px rgba(0,0,0,0.1);
	-o-box-shadow:      0px 3px 5px rgba(0,0,0,0.1);
	box-shadow:         0px 3px 5px rgba(0,0,0,0.1);
}

#header .container {
	position: relative;
}

#prefeitura-logo {
	margin: 20px auto;
	font-size: 24px;
	font-weight: 700;
	text-align: center;
	float: left;
}

#prefeitura-logo a {
	color: var(--azul);
	text-decoration: none;
}

#prefeitura-logo .prefeitura-logo {
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	width: 150px;
	height: 60px;
	text-indent: -10000px;

}

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

	#prefeitura-logo {
		float: left;
	}

	#prefeitura-logo .prefeitura-logo {
		width: 250px;
		height: 95px;
	}

}

@media only screen and (min-width: 800px) {
	
	#prefeitura-logo {
		margin-bottom: 5px;
	}

}

@media only screen and (min-width: 1280px) {
	
	#prefeitura-logo {
		margin-left: -20px;
	}
	
}

/* ----- CAMPO DE BUSCA --------------------------------------------------------- */

#form-busca {
	margin: 0 auto;
}

#form-busca input[type="text"],
#form-busca input[type="submit"]	{
	border-color: #ccc;
	padding: 10px;
}

#form-busca input[type="text"] {
	border-right: none;
	width: 85%;

	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-top-left-radius:    5px;
	-moz-border-radius-topleft:        5px;

	-moz-border-radius-bottomleft:     5px;
	border-bottom-left-radius:         5px;
	border-top-left-radius:            5px;
}

#form-busca input[type="submit"] {
	background: #fff url(images/buscar-cinza-16x16.png) no-repeat center center;
	color: transparent;
	border-left: none;
	width: 15%;

	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-top-right-radius:    5px;
	-moz-border-radius-topright:        5px;

	-moz-border-radius-bottomright:     5px;
	border-bottom-right-radius:         5px;
	border-top-right-radius:            5px;
}


@media only screen and (min-width: 800px) {
	
	#form-busca {
		width: 40%;
		position: absolute;
		top: 50px;
		right: 140px;
	}

}

@media only screen and (min-width: 1024px) {
	
	#form-busca {
		width: 200px;
		top: 48px;
		right: 20px;
		font-size: 14px;
	}

}

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

	#form-busca {
		width: 250px;
		right: 0;
	}

}

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

#botao-menu {
	border: 1px solid #ccc;
	color: #666;
	width: auto;
	padding: 5px 4px 6px 8px;
	display: block;
	position: absolute;
	top: 30px;
	right: 20px;

	line-height: 1;
	text-decoration: none;
}

#botao-menu .hamburguer {
	font-size: 30px;
}

#botao-menu span {
	padding-right: 5px;
	display: inline-block;
	vertical-align: middle;
}

.menu-principal-container {
	display: none;
	clear: both;
	margin-bottom: 30px;
}

#menu-principal {
	height: auto;
	list-style: none;
}

#menu-principal a:link,
#menu-principal a:visited {
	color: #444;
	padding: 10px;
	display: block;
	border-bottom: 1px solid #ddd;
	text-decoration: none;
}

#menu-principal a:hover,
#menu-principal a:active {
	background: #444;
	color: #FFF;
	text-decoration: none;
}

#menu-principal li {
	border-bottom: 1px solid #ddd;
	display: inline;
}

/* não mostra o segundo nível no mobile */
#menu-principal li ul {
	display: none;
}

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

	#botao-menu {
		top: 50px;
	}

}

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

	#botao-menu {
		display: none;
	}

	.menu-principal-container {
		margin: -60px 0 0 260px;
		width: calc(100% - 470px);
		display: block;
		float: left;
		font-weight: 700;
	}

	#menu-principal {
		font-size: 15px;
		text-transform: uppercase;
	}
	
	#menu-principal .menu {
		margin: auto;
		display: table;
	}

	#menu-principal li {
		border-bottom: none;
		position: relative;
		display: block;
		float: left;
		text-decoration: none;

		transition-duration: 0.5s;
	}

	#menu-principal a:link,
	#menu-principal a:visited {
		color: #555;
		margin-bottom: 10px;
		padding: 0 10px;
		display: inline-block;
		border-bottom: none;
	}

	#menu-principal a:hover {
		background: none;
		color: var(--ciano);
	}

	/* sub-menu */

	#menu-principal li ul {
		background: #fff;
		border: 1px solid #f5f5f5;
		width: 300px;
		margin-top: 0;
		padding-top: 10px;
		position: absolute;
		left: 0;
		visibility: hidden;
		display: none;
		z-index: 10000;
		font-size: 14px;
		text-transform: none;

		opacity: 0;

		-webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.3);
		-moz-box-shadow:    0px 5px 5px rgba(0,0,0,0.3);
		-ms-box-shadow:     0px 5px 5px rgba(0,0,0,0.3);
		-o-box-shadow:      0px 5px 5px rgba(0,0,0,0.3);
		box-shadow:         0px 5px 5px rgba(0,0,0,0.3);
	}

	/* comportamento */

	#menu-principal li:hover > ul,
	#menu-principal li:focus-within > ul,
	#menu-principal li ul:hover,
	#menu-principal li ul:focus {
		color: var(--ciano);
		display: block;
		visibility: visible;
		opacity: 1;
	}

	/* segundo nível */

	#menu-principal li ul li {
		width: 100%;
	}

	#menu-principal li ul li a:link,
	#menu-principal li ul li a:visited {
		width: 100%;
		padding: 5px 10px;

	}

	/* sub-itens com duas colunas */

	#menu-principal li.duas-colunas ul {
		width: 600px;
		left: -50px;
	}

	#menu-principal li.duas-colunas ul li {
		width: 50%;
	}

	/* terceiro nível não é exibido */

	#menu-principal li ul li ul {
		display: none !important;
	}

}

@media only screen and (min-width: 1280px) {
	
	.menu-principal-container {
		width: calc(100% - 480px);
		margin-left: 240px;
	}

}

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

.menu-lateral-container,
.widget_nav_menu .menu {
	background: #f5f5f5;
	width: 100%;
	margin-bottom: 2em;
	clear: both;
	font-size: 14px;
}

#menu-lateral,
.widget_nav_menu .menu {
	height: auto;
	list-style: none;
	margin: 0;
}

#menu-lateral a,
.widget_nav_menu .menu a {
	display: block;
	padding: 10px;
}

#menu-lateral a:link,
#menu-lateral a:visited,
.widget_nav_menu .menu a:link,
.widget_nav_menu .menu a:visited {
	color: #000;
	border-bottom: 1px solid #DDD;
	text-decoration: none;
}

#menu-lateral a:hover,
#menu-lateral a:active,
.widget_nav_menu .menu a:hover,
.widget_nav_menu .menu a:active {
	background-color: var(--azul);
	color: #fff !important;
	text-decoration: none;
}

#menu-lateral li,
.widget_nav_menu .menu li {
	border-bottom: 1px solid #DDD;
	display: inline;
}

#menu-lateral li ul a, /* sub-item */
.widget_nav_menu .menu li ul a {
	padding-left: 20px;
	font-size: 14px;
}

#menu-lateral li ul li a:before,
.widget_nav_menu .menu li ul li a:before {
	content: ' \203A \20';
	color: #666;
}

#menu-lateral li ul ul a,
.widget_nav_menu .menu li ul ul a { /* e aí chega */
	display: none;
}

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

.menu-social {
	margin: 0;
}

.menu-social li {
	padding: 5px;
	list-style: none;
	display: inline-block;
}

/* não tem segundo nível */

.menu-social li ul {
	display: none;
}

.menu-social a {
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center center;
	width: 16px;
	height: 16px;
	display: block;
	text-indent: -10000px;
}

/* https://www.iconfinder.com/iconsets/picons-social */

.menu-social .facebook a {
	background-image: url(images/facebook.svg);
}

.menu-social .instagram a {
	background-image: url(images/instagram.svg);
}

.menu-social .rss a {
	background-image: url(images/rss.svg);
}

.menu-social .soundcloud a {
	background-image: url(images/soundcloud.svg);
}

.menu-social .whatsapp a {
	background-image: url(images/whatsapp.svg);
}

.menu-social .twitter a {
	background-image: url(images/twitter.svg);
}

.menu-social .youtube a {
	background-image: url(images/youtube.svg);
}

/* barra do topo */

#menu-social-topo {
	float: right;
}

#menu-social-topo a {
	width: 24px;
	height: 24px;
}

/* rodapé */

#menu-social-rodape {
	clear: both;
	display: table;
	margin: 20px auto 40px;
}

#menu-social-rodape a {
	width: 36px;
	height: 36px;
}

/* ----- MENU DO TOPO ----------------------------------------------------------- */

.menu-topo {
	margin: 0;
	list-style: none;
	float: left;
	font-size: 80%;
}

.menu-topo li {
	padding: 5px 10px 5px 0;
	display: inline-block;
}

.menu-topo a {
	color: #fff;
}

/* itens com ícones */
.menu-topo li.lai,
.menu-topo li.whatsapp,
.menu-topo li.webmail {
	background-image: url(images/mail.svg);
	background-size: 16px 16px;
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}

.menu-topo li.lai {
	background-image: url(images/lai.png);
}

.menu-topo li.webmail {
	background-image: url(images/mail.svg);
}


.menu-topo li.whatsapp {
	background-image: url(images/whatsapp-color.svg);
}

/* não tem segundo nível */

.menu-topo li ul {
	display: none;
}

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

#pagina-inicial {}

.home-titulo {
	margin: 0 0 0.5em;
	font-size: 26px;
}

/* ----- SLIDESHOW DA CAPA ------------------------------------------------------ */

#slideshow {
	background: #eee;
	width: 1300px;
	height: 380px;
	margin: 20px auto;
	position: relative;
	top: 0px;
	left: 0px;
	overflow: hidden;
	visibility: hidden;
}

#slideshow .loading {
	background: #eee;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}

#slideshow .loading img {
	margin: 40px auto;
	width: 450px;
	height: 300px;
}

#slideshow .slides {
	width: 1300px;
	height: 380px;
	position: relative;
	top: 0px;
	left: 0px;
	overflow: hidden;
}

#slideshow .slides img {
	width: 1300px;
	height: 380px;
}


/* setas do slideshow - não alterar! */

#slideshow .slideshow-setas {
	background: rgba(0, 0, 0, 0.5);
	width: 35px;
	height: 50px;
	display: block;
	position: absolute;
	top: 0px;
	cursor: pointer;
	border-radius: 3px;
}

#slideshow .slideshow-setas .a {
	fill: none;
	stroke: #fff;
	stroke-width: 640;
	stroke-miterlimit: 10;
}

#slideshow .slideshow-setas:hover {
	opacity:.8;
}

#slideshow .slideshow-setas:hover .a {
	stroke: var(--ciano);
}

#slideshow .slideshow-setas.jssora053dn {
	opacity: 0.5;
}

#slideshow .slideshow-setas.jssora053ds {
	opacity: 0.3;
	pointer-events: none;
}

/* ----- RESPONSIVO DO SLIDESHOW DA CAPA ---------------------------------------- */

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

	#slideshow .caption {
		width: 700px;
		top: 250px;
		font-size: 14px;
	}

	#slideshow .caption-titulo {
		font-size: 24px;
	}

}

/* ----- PROGRAMAS DE GOVERNO PÁGINA INICIAL ------------------------------------ */

#home-programas {
	background: #fff;
	margin: 0;

	-webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.1);
	-moz-box-shadow:    0px 3px 5px rgba(0,0,0,0.1);
	-ms-box-shadow:     0px 3px 5px rgba(0,0,0,0.1);
	-o-box-shadow:      0px 3px 5px rgba(0,0,0,0.1);
	box-shadow:         0px 3px 5px rgba(0,0,0,0.1);
}

#home-programas .programas-lista {
	margin: 20px 0;
	list-style: none;
}

#home-programas .programas-lista li {
	margin-bottom: 0.5em;
	display: block;
	height: 40px;
	clear: both;
}

#home-programas .programa-link {
	color: #666;
	text-decoration: none;
}

#home-programas .programa-link:hover {
	color: #000;
}

#home-programas .wp-post-image {
	width: auto;
	height: 100%;
	float: left;
	margin: 0 10px 0 0;
}

#home-programas .programa-titulo {
	line-height: 40px;
	font-size: 80%;
	font-weight: 700;
}

@media only screen and (min-width: 600px) {
	
	#home-programas .programas-lista li {
		width: 49%;
		margin-bottom: 1em;
		display: block;
		clear: none;
		float: left;
	}

	#home-programas .programas-lista li:nth-child(odd) {
		margin-right: 1%;
	}

	#home-programas .programas-lista li:last-child {
		margin-bottom: 20px;
	}

}

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

	#home-programas .programas-lista li {
		width: 33%;
	}

	#home-programas .programas-lista li:nth-child(odd) {
		margin-right: 0;
	}

}

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

	#home-programas .programas-lista {
		width: 100%;
		display: table;
		table-layout: fixed;
	}

	#home-programas .programas-lista li {
		height: auto;
		margin: 0;
		padding: 0 10px;
		float: none;
		display: table-cell;
	}

	#home-programas .wp-post-image {
		width: 100%;
		height: auto;
		margin: 0 auto;
		float: none;
		vertical-align: top;
	}
	
	#home-programas .programa-titulo {
		display: none;
	}

}

/* ----- LINKS RÁPIDOS PÁGINA INICIAL ------------------------------------------- */

#links-rapidos {
	background: #fff;
	padding: 20px;
	margin: 40px 0;
}

#links-rapidos .home-titulo {
	margin: 0.5em 0 1em;
	font-size: 22px;
	text-align: center;
}

#links-rapidos .home-titulo a:link,
#links-rapidos .home-titulo a:visited {
	color: #666;
	text-decoration: none;
}

#home-servicos .home-titulo a:hover {
	color: var(--azul);
}

#links-rapidos .links-lista {
	display: grid;
	gap: 20px;
	grid-template-columns: 1fr;
	margin: 0;
	list-style: none;
}

#links-rapidos .links-lista li {
	width: 100%;
}

#links-rapidos .link-link {
	background: var(--ciano);
	color: #fff;
	width: 100%;
	height: 100%;
	display: block;
	text-decoration: none;
}

#links-rapidos .link-link:hover {
	background: var(--azul);
}

#links-rapidos .wp-post-image {
	width: auto;
	height: 30px;
	float: left;
	margin: 10px;
}

#links-rapidos .link-link:hover .wp-post-image {
	filter: brightness(350%);
}

#links-rapidos .link-titulo {
	height: 50px;
	display: flex; /* alinha verticalmente */
	align-items: center;
	line-height: 1;
	font-size: 80%;
	font-weight: 700;
	word-break: break-word;
}

#links-rapidos .todos-os-links {
	background: var(--verde);
	color: #fff;
	margin: 30px 0 0;
	padding: 10px 15px;
	float: right;
	font-weight: 700;
	text-decoration: none;
}

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

	#links-rapidos .links-lista {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

}

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

	#links-rapidos .links-lista {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}

	#links-rapidos .link-link {
		padding: 10px 20px;
	}

	#links-rapidos .wp-post-image {
		height: 50px;
		margin: 0.5em auto 0;
		float: none;
	}
	
	#links-rapidos .link-titulo {
		text-align: center;
		justify-content: center;
	}

}

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

#secretarias-destaque {
	margin: 0 0 30px;
	list-style: none;
}

#secretarias-destaque .secretarias-lista {
	display: grid;
	gap: 20px;
	grid-template-columns: 1fr;
	margin: 20px 0;
	list-style: none;
}

#secretarias-destaque .secretarias-lista li {
	width: 100%;
}

#secretarias-destaque .secretaria-link {
	background: var(--ciano);
	color: #fff;
	width: 100%;
	height: 100%;
	display: block;
	text-decoration: none;
}

#secretarias-destaque .secretaria-link:hover {
	background: var(--azul);
}

#secretarias-destaque .wp-post-image {
	width: auto;
	height: 30px;
	float: left;
	margin: 10px;
}

#secretarias-destaque .secretaria-titulo {
	height: 50px;
	display: flex; /* alinha verticalmente */
	align-items: center;
	line-height: 1;
	font-size: 80%;
	font-weight: 700;
}

#home-secretarias {
	background: #fff;
	margin: 0 auto 30px;
	padding: 20px;
}

#home-secretarias .home-titulo a:link,
#home-secretarias .home-titulo a:visited {
	color: #333;
	text-decoration: none;
}

#home-mais-secretarias ul {
	margin: 1em 0 0;
	list-style: none;
}

#home-mais-secretarias ul li {
	margin-bottom: 0.3em;
}

#home-mais-secretarias ul a:link,
#home-mais-secretarias ul a:visited {
	color: #333;
	font-size: 80%;
	text-decoration: none;
}

#home-mais-secretarias ul a:hover {
	background: var(--ciano);
}

#pagina-secretarias ul {
	margin: 1em 0;
}


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

	#secretarias-destaque .secretarias-lista,
	#pagina-secretarias #secretarias-destaque {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	#secretarias-destaque .wp-post-image {
		height: 40px;
	}

	#home-mais-secretarias ul {
		column-gap: 30px;
		column-count: 2;
	}

}

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

	#secretarias-destaque .secretarias-lista,
	#pagina-secretarias #secretarias-destaque {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}
	
	#secretarias-destaque .wp-post-image {
		height: 50px;
		margin: 0 auto 0.5em;
		float: none;
	}

	#secretarias-destaque .secretaria-link {
		padding: 20px;
	}

	#secretarias-destaque .secretaria-titulo {
		text-align: center;
		justify-content: center;
	}

	#home-mais-secretarias ul {
		column-count: 3;
	}

}

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

	#secretarias-destaque .wp-post-image {
		margin-top: 1em;
	}

}

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

	#home-mais-secretarias ul {
		column-count: 4;
	}
	
}

/* ----- NOTÍCIAS PÁGINA INICIAL ------------------------------------------------ */

#lista-noticias {
	background: #fff;
	padding: 20px;
	margin-bottom: 40px;
}

#lista-noticias .home-titulo a:link,
#lista-noticias .home-titulo a:visited {
	color: #333;
	text-decoration: none;
}

#lista-noticias .home-titulo a:hover {
	color: var(--azul);
}

#lista-noticias .noticias-lista {
	margin: 1em 0 0;
	list-style: none;
}

#lista-noticias .noticias-lista li {
	border-bottom: 1px solid #eee;
	min-height: 250px;
	margin-bottom: 1em;
}

#lista-noticias .noticias-lista .wp-post-image {
	width: 100%;
	height: auto;
	margin: 0 0 1em 0;
}

#lista-noticias .noticias-lista .sem-imagem {
	display: none;
}

#lista-noticias .noticia-categoria {
	background: var(--vermelho);
	color: #fff;
	padding: 3px 5px;
	font-size: 80%;
	font-weight: 700;
}

#lista-noticias .noticia-categoria a {
	color: #fff;
	text-decoration: none;
}

#lista-noticias .noticia-titulo {
	line-height: 1.2;
	font-size: 120%;
	font-weight: 700;
	margin: 1em 0;
}

#lista-noticias .noticia-titulo a:link,
#lista-noticias .noticia-titulo a:visited {
	color: #333;
	text-decoration: none;
}

#lista-noticias .noticia-titulo a:hover {
	color: var(--azul);
	text-decoration: underline;
}

#lista-noticias .noticia-resumo {
	margin-bottom: 1em;
	line-height: 1.2;
	font-size: 90%;
}

#lista-noticias .noticia-data {
	color: #999;
	margin: 0 0 1em;
	font-size: 90%;
}

#lista-noticias .noticia-leia-mais {
	font-size: 80%;
}

#lista-noticias .noticia-leia-mais:after {
	color: #999;
	content: ' \00BB';
}

#lista-noticias .noticia-leia-mais a {
	color: #999;
	text-decoration: none;
}

#lista-noticias .todas-as-noticias {
	background: var(--verde);
	color: #fff;
	padding: 10px 15px;
	float: right;
	font-weight: 700;
	text-decoration: none;
}

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

	#lista-noticias .noticia-data {
		width: 48%;
		float: left;
	}

	#lista-noticias .noticia-leia-mais {
		width: 48%;
		float: right;
		text-align: right;
	}

}

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

	#lista-noticias .noticias-lista .wp-post-image {
		width: 300px;
		height: 225px;
		margin: 0 1em 1em 0;
		float: left;
	}

	#lista-noticias .noticias-lista .sem-imagem {
		display: block;
	}

	#lista-noticias .noticia-meta {
		margin-top: 1.5em;
	}

}

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

	#lista-noticias {
		width: 73%;
		float: left;
	}

}

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

#pagina-inicial #lista-eventos {
	background: #fff;
	margin-bottom: 40px;
	padding: 20px;
}

#sidebar #lista-eventos {
	margin-bottom: 40px;
}

#lista-eventos .wp-post-image {
	margin: 0 10px 10px 0;
	float: left;
}

#lista-eventos .eventos-lista {
	margin: 0;
	list-style: none;
}

#lista-eventos .eventos-lista li {
	border-bottom: 1px solid #eee;
	min-height: 120px;
	margin: 0 0 1em;
	clear: both;
}

#lista-eventos .evento-categoria {
	background: var(--vermelho);
	color: #fff;
	margin-bottom: 1em;
	padding: 3px 5px;
	display: inline-block;
	font-size: 14px;
	font-weight: 700;
}

#lista-eventos .evento-titulo {
	line-height: 1;
	font-size: 110%;
	font-weight: 700;
	margin: 0 0 0.3em;
}

#lista-eventos .evento-titulo a:link,
#lista-eventos .evento-titulo a:visited {
	color: #333;
	text-decoration: none;
}

#lista-eventos .evento-titulo a:hover {
	color: var(--azul);
	text-decoration: underline;
}

#lista-eventos .evento-data {
	color: #999;
	margin: 0 0 1em;
	font-size: 80%;
}

#lista-eventos .evento-leia-mais {
	font-size: 80%;
}

#lista-eventos .evento-leia-mais:after {
	color: #999;
	content: ' \00BB';
}

#lista-eventos .evento-leia-mais a {
	color: #999;
	text-decoration: none;
}

#lista-eventos .todos-os-eventos {
	background: var(--verde);
	color: #fff !important;
	margin: 1em auto 0;
	padding: 10px;
	display: block;
	font-size: 80%;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
}

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

	#lista-eventos .evento-data {
		width: 48%;
		float: left;
	}

	#lista-eventos .evento-leia-mais {
		width: 48%;
		float: right;
		text-align: right;
	}

}

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

	#lista-eventos .evento-meta {
		margin-top: 0.8em;
	}
}

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

	#pagina-inicial #lista-eventos {
		width: 25%;
		margin-bottom: 20px;
		float: right;
	}

}

/* ----- SERVIÇOS ONLINE PÁGINA INICIAL ----------------------------------------- */

#home-servicos {
	background: #fff;
	margin: 0 auto 40px;
	padding: 20px;
}

#home-servicos .home-titulo a:link,
#home-servicos .home-titulo a:visited {
	color: #333;
	text-decoration: none;
}

#home-servicos .home-titulo a:hover {
	color: var(--azul);
}

#home-servicos .menu-servicos {
	margin: 1em 0 0;
	list-style: none;
}

#home-servicos .menu-servicos li {
	margin-bottom: 0.3em;
}

#home-servicos .menu-servicos li:first-child,
#home-servicos .menu-servicos li ul {
	display: none;
}

#home-servicos .menu-servicos a:link,
#home-servicos .menu-servicos a:visited {
	color: #333;
	font-size: 80%;
	text-decoration: none;
}

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

	#home-servicos .menu-servicos {
		-webkit-column-count: 2;
		-moz-column-count:    2;
		column-count:         2;

		-webkit-column-gap: 30px;
		-moz-column-gap:    30px;
		column-gap:         30px;
	}

}

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

	#home-servicos .menu-servicos {
		-webkit-column-count: 3;
		-moz-column-count:    3;
		column-count:         3;
	}

}

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

	#home-servicos {
		width: 25%;
		margin: 0 0 40px;
		float: right;
	}

	#home-servicos .menu-servicos {
		-webkit-column-count: 1;
		-moz-column-count:    1;
		column-count:         1;
	}

	#home-servicos .menu-servicos li {
		margin-bottom: 0.1em;
	}

}

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

#widget-publicidade {
	margin-bottom: 40px;
}

#widget-publicidade img {
	border: 1px solid #ddd;
	width: 100%;
	height: auto;
}

/* esconde tudo o que não for o primeiro widget */
#widget-publicidade div:not(:first-of-type) {
	display: none;
}

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

	#widget-publicidade img:hover {
		filter: opacity(0.8);
	}

}

/* ----- VÍDEOS PÁGINA INICIAL -------------------------------------------------- */

#home-videos {
	background: #fff;
	padding: 20px;
	margin-bottom: 40px;
}

#home-videos .video-home {
	margin-bottom: 1em;
}

#home-videos .video-home:last-child {
	margin-bottom: 0;
}

/* apenas 3 widgets */
#home-videos .video-home:nth-child(n + 5) {
	display: none;
}

@media only screen and (min-width: 800px) {
	
	#home-videos .video-home:nth-child(n + 3) {
		width: 49%;
		float: left;
	}

	#home-videos .video-home:nth-child(4) {
		float: right;
	}

}

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

	#home-videos .video-home:first-of-type {
		width: 66%;
		float: left;
	}

	#home-videos .video-home:nth-child(n + 3) {
		width: 31.6%;
		float: right;
	}

}

/* ----- REDES SOCIAIS PÁGINA INICIAL ------------------------------------------- */

#home-sociais {
	background: #fff;
	padding: 20px;
	margin-bottom: 40px;
}

#home-sociais .home-titulo {
	margin-bottom: 1em;
}

#home-sociais .widget-social {
	margin: 0 0 40px;
	overflow: hidden;
}

.widget-social .custom-html-widget {
	height: 300px;
}

/* esconde tudo o que não for o primeiro widget */
#widget-social-facebook div:not(:first-of-type),
#widget-social-twitter div:not(:first-of-type) {
	display: none;
}

#widget-social-instagram .sharethis-inline-follow-buttons {
	margin-bottom: 20px;
}

#home-sociais p {
	margin-bottom: 1em;
	text-align: center;
}

#home-sociais .nao-perca {
	font-weight: 700;
	font-size: 120%;
	
	display: none;
}

#home-sociais .todas-as-redes {
	background: var(--verde);
	color: #fff;
	width: auto;
	margin: 0 auto;
	padding: 10px 15px;
	display: inline-block;
	font-weight: 700;
	font-size: 120%;
	text-align: center;
	text-decoration: none;
	
	display: none;
}

#home-sociais .todas-as-redes:link,
#home-sociais .todas-as-redes:visited,
#home-sociais .todas-as-redes:hover {
	color: #fff;
}

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

	#home-sociais .widget-social {
		width: 32%;
		float: left;
	}

	#home-sociais #widget-social-facebook,
	#home-sociais #widget-social-instagram {
		margin-right: 2%;
	}

	#widget-social-facebook .custom-html-widget,
	#widget-social-twitter .custom-html-widget {
		height: 500px;
	}

	#widget-social-instagram .custom-html-widget {
		height: 440px;
	}

}

/* ----- BREADCRUMB ------------------------------------------------------------- */

#breadcrumb {
	margin-top: 2em;
	margin-bottom: 2em;
	font-size: 12px;
}

/* ----- PAGINACAO -------------------------------------------------------------- */

.paginacao { /* funcao definida no functions.php */
	margin: 40px auto;
	display: table;
	clear: both;
}

.paginacao span,
.paginacao a {
	width: auto;
	padding: 5px 8px 4px 8px;
	display: block;
	float: left;
	font-weight: 700;
}

.paginacao a:link,
.paginacao a:hover,
.paginacao a:visited,
.paginacao a:active {
	text-decoration: none !important;
}
 
.paginacao a:hover {
	background: var(--azul);
	color: #fff;
	text-decoration: none;
}

.paginacao .current {
	background: none;
	color: #666;
}

.paginacao .label {
	font-size: 80%;
	font-weight: normal;
}

.paginacao a.label {
	margin-top: 4px;
}

.paginacao .page {
	color: #666;
	padding: 9px 8px 4px 8px;
}

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

#conteudo {}

.pagina {
	background: #fff;
	padding: 20px;
	margin-bottom: 20px;
}

h2.pagina-titulo {
	margin: 0 0 1em;
}

.pagina ul {
	margin: 1em 0 1em 1em;
	list-style: square;
}

.pagina ol {
	margin: 1em 0 1em 2em;
}

.pagina li {
	margin-bottom: 0.2em;
}

/* template page Página inicial das Secretarias */

.pagina-resumo {
	margin: -0.8em 0 1.5em;
}

/* lista de sub páginas */

.pagina ul.sub-menu {
	margin-top: 0.3em;
	margin-bottom: 0.3em;
	list-style: disc;
}

/* lista de sub páginas da template page Serviços Online */

#menu-servicos-online > li:first-child {
	display: none;
}

/* erro 404 */

#pagina-404 {
	margin-top: 40px;
}

.erro-404-titulo,
.erro-404-texto {
	text-align: center;
}

.erro-404-titulo {
	padding-top: 50px;
}

.erro-404-texto:last-child {
	padding-bottom: 50px;
}

/* tabelas */

.wp-block-table {
	width: 100%;
}

.wp-block-table th,
.wp-block-table td {
	padding: 5px;
}

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

	.pagina {
		margin-bottom: 40px;
	}

	.pagina-resumo,
	.pagina-interna {
		width: 73%;
		float: left;
	}

	/* template page Página inicial das Secretarias */
	
	.page-template-page-secretaria-home #sidebar {
		margin-top: -7em;
	}

}

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

#sidebar {
	background: #fff;
	margin-bottom: 20px;
	padding: 20px;
}

#sidebar a:link,
#sidebar a:visited {
	color: #333;
}

#sidebar a:hover{
	color: #000;
}

#sidebar .widget {
	margin-top: 2em;
}

#sidebar .widget:first-child {
	margin-top: 0;
}

#sidebar .widget-titulo {
	margin-bottom: 0.5em;
	font-weight: 700;
}

#sidebar .textwidget {
	background: #f5f5f5;
	border: 1px solid #eee;
	padding: 10px;
	font-size: 14px;
}

#sidebar .textwidget p:last-child {
	border-bottom: none;
	margin-bottom: 0;
}

#sidebar .textwidget ul,
#sidebar .widget_archive ul,
#sidebar .widget_recent_entries ul,
#sidebar .widget_categories ul {
	margin-left: 1.2em;
	list-style-type: square;
	font-size: 14px;
}

#sidebar .textwidget li,
#sidebar .widget_archive li,
#sidebar .widget_recent_entries li,
#sidebar .widget_categories li {
	margin-bottom: 0.3em;
}

.widget_archive .screen-reader-text,
.widget_categories .screen-reader-text {
	display: none;
}

.widget_archive select,
.widget_categories select {
	width: 100%;
	max-width: 500px;
}

.widget_archive select,
.widget_categories select,
.widget_archive option,
.widget_categories option {
	font-size: 14px;
}

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

	#sidebar {
		width: 25%;
		margin-bottom: 40px;
		float: right;
	}

	#sidebar .textwidget {
		font-size: 80%;
	}

}

/* ----- RESULTADO DA BUSCA ----------------------------------------------------- */

#pagina-busca {
}

#pagina-busca .busca-titulo {
	color: #888;
	border-bottom: 1px solid #ccc;
	padding-bottom: 0.3em;
	font-weight: 400;
}

#pagina-busca .busca-lista {
	margin: 0 0 3em;
	font-size: 90%;
	list-style: none;
}

#pagina-busca .busca-lista li {
	margin-bottom: 0.8em;
}

#pagina-busca .data-lista {
	color: #666;
	font-size: 80%;
}

#pagina-busca .titulo-lista {
	font-weight: 700;
}

#pagina-busca .resumo-lista {
	display: inline-block;
}

/* ----- MAPA DO SITE ----------------------------------------------------------- */

#pagina-sitemap {}

#pagina-sitemap .sitemap-titulo {
	border-bottom: 1px solid #ccc;
	padding-bottom: 0.3em;
	font-weight: 400;
}

#pagina-sitemap .sitemap-titulo:after {
	color: #888;
	content: ' \00BB';
}

#pagina-sitemap .sitemap-titulo a:link,
#pagina-sitemap .sitemap-titulo a:visited {
	color: #888;
	text-decoration: none;
}

#pagina-sitemap .sitemap-lista {
	color: #888;
	margin-bottom: 3em;
	font-size: 90%;
}

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

	#pagina-sitemap .sitemap-lista {
		-webkit-column-count: 2;
		-moz-column-count:    2;
		column-count:         2;

		-webkit-column-gap: 50px;
		-moz-column-gap:    50px;
		column-gap:         50px;
	}

}

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

	#pagina-sitemap .sitemap-lista {
		-webkit-column-count: 3;
		-moz-column-count:    3;
		column-count:         3;
	}

}

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

#rodape {
	background: var(--ciano);
	color: #fff;
	padding: 30px 10px 10px;
	font-size: 90%;
}

#rodape a:link,
#rodape a:visited {
	color: #fff;
	text-decoration: none;
}

#rodape a:hover {
	color: #fff;
	text-decoration: underline;
}

/* menu */

#menu-rodape {
	list-style: none;
}

#menu-rodape ul {
	list-style: none;
	margin-left: 1em;
}

#menu-rodape > li {
	margin-bottom: 0.5em;
}

#menu-rodape > li > a {
	font-weight: 700;
}

#menu-rodape .sub-menu {
	font-size: 90%;
}

/* bloco de widgets */

#rodape .rodape-texto {
	max-width: 600px;
	margin: auto;
	text-align: center;
}

#rodape .rodape-texto-titulo {
	font-weight: 700;
}

#rodape .endereco {
	font-size: 90%;
}

#rodape .disclaimer {
	margin: 2em auto 0;
	font-size: 80%;
}

/* brasão */

#rodape #brasao img {
	max-width: 85px;
	height: auto;
}

/* redes sociais e url */

#cajamar {
	width: 200px;
	margin: 2em auto;
}

#cajamar .sociais {
	margin-bottom: 0.3em;
}

#cajamar .sociais .icone {
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center center;
	width: 16px;
	height: 16px;
	display: inline-block;
	vertical-align: middle;
	text-indent: -10000px;
}

/* https://www.iconfinder.com/iconsets/picons-social */

#cajamar .sociais .icone-facebook {
	background-image: url(images/facebook.svg);
}

#cajamar .sociais .icone-instagram {
	background-image: url(images/instagram.svg);
}

#cajamar .sociais .username {
	display: inline-block;
	vertical-align: middle;
}

#cajamar .url {
	font-size: 145%;
	text-align: center;

}

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

	#menu-rodape ul {
		margin-left: 0;
	}

	#menu-rodape > li {
		width: 50%;
		padding: 0 2em;
		display: block;
		float: left;
	}

}

@media only screen and (min-width: 1024px) {
	
	#menu-rodape > li {
		width: 25%;
	}	

	#menu-rodape .sub-menu {
		display: block;
	}

	#rodape .rodape-texto {
		width: calc(100% - 250px);
		max-width: none;
		margin: 2em 0;
		float: left;
		text-align: left;
	}

	#rodape .widget-texto-titulo {
		margin-bottom: 0.5em;
	}
	
	#rodape #brasao img {
		float: left;
		margin: 0 30px 0 0;
	}

	#rodape .endereco {
		margin-top: 1em;
	}
	
	#cajamar {
		margin: 3em 0;
		float: right;
	}

}

/* ----- BARRA DO RODAPÉ -------------------------------------------------------- */

#barra-inferior {
	background: var(--azul);
	color: #fff;
	padding: 10px;
	font-size: 80%;
	text-align: center;
}

#barra-inferior a:link,
#barra-inferior a:visited {
	color: #fff;
	text-decoration: none;
}

#barra-inferior a:hover,
#barra-inferior a:active {
	color: #fff;
	text-decoration: underline;
}

.copyright {
	margin-bottom: 0.5em;
}

#link-cijun {
	display: block;
}

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

	.copyright {
		margin-bottom: 0;
		display: inline-block;
		vertical-align: middle;
		float: left;
	}

	#link-cijun {
		display: inline-block;
		vertical-align: middle;
		float: right;
	}

}

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

	.copyright {
		height: 35px;
		font-size: 100%;
		padding: 10px 0;
	}

	#link-cijun {
		background: url(images/cijun.png) center center no-repeat ;
		width: 110px;
		height: 35px;
		display: block;
		text-indent: -100000px;
	}

}

/* ----- BOTÕES DO RODAPÉ ------------------------------------------------------- */

.botao-rodape {
	position: fixed;
	z-index: 2;
	cursor: pointer;
}

#botao-topo {
	height: 40px;
	width: 40px;
	bottom: 50px;
	right: 50px;
	display: none;
	opacity: 0.8;
	border-radius: 50%;
}

#botao-topo:hover {
    opacity: 1;
}

#botao-whatsapp {
	height: 80px;
	width: 80px;
	bottom: 30px;
	right: 30px;
}

/* ----- BOTÕES DO DIÁRIO OFICIAL E DA PÁGINA DE ANEXOS ------------------------- */

.diario-thumbnail {
	border: 1px solid #ddd;
	margin: 0 auto 0.5em;
	padding: 3px;
}

.botao {
	background: #eee;
	border: 1px solid #ddd;
	margin: 1em 0;
	padding: 5px 10px;
	display: block;
	text-decoration: none;
	text-align: center;
}

.botao:link,
.botao:visited {
	color: #333;
}

/* correção para os posts importados do site anterior */
.botao br {
	display: none;
}

.botao:hover {
	background: var(--azul);
	color: #fff;
}

.pdf-nao-encontrado {
	margin: 2em 0;
}

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

	.diario-thumbnail {
		margin: 0 10px 0 0;
		float: left;
	}

	.botao {
		width: calc(100% - 140px);
		max-width: 400px;
		margin: 0 0 1em;
		float: right;
	}

}

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

	.botao {
		padding: 10px;
		margin-top: 0.5em;
	}

}

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

	.botao {
		width: 50%;
		margin-left: calc(25% - 70px);
		float: left;
	}
}

/* ----- TEMPLATE PAGE PROGRAMAS DE GOVERNO ------------------------------------- */

#programa-descricao {
	background: #fff;
	margin: 0 0 40px;
	padding: 30px 0;
	position: relative;
	z-index: -100;

	-webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.1);
	-moz-box-shadow:    0px 3px 5px rgba(0,0,0,0.1);
	-ms-box-shadow:     0px 3px 5px rgba(0,0,0,0.1);
	-o-box-shadow:      0px 3px 5px rgba(0,0,0,0.1);
	box-shadow:         0px 3px 5px rgba(0,0,0,0.1);
}

#programa-descricao .programa-imagem {
	width: 120px;
	height: auto;
	margin: 0 20px 10px 0;
	float: left;
}

#programa-descricao h2.programa-titulo {
	margin-bottom: 0.3em;
	font-size: 28px;
}


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

#noticias-relacionadas {
	background: #fff;
	border: 1px solid #eee;
	padding: 30px 0;
	margin: 30px 0 0;
}

#noticias-relacionadas h3.noticias-relacionadas-titulo {
	margin: 0 0 1em;
}

#noticias-relacionadas .noticias-relacionadas {
	margin: 0 0 20px;
	list-style: none;
}

#noticias-relacionadas .noticias-relacionadas li {
	margin-bottom: 1em;
}

#noticias-relacionadas .noticia-data {
	color: #999;
	font-size: 80%;
}

#noticias-relacionadas a {
	color: #333;
	text-decoration: none;
}

#noticias-relacionadas h3.noticia-titulo {
	margin-top: 0;
	font-size: 16px;
}

#noticias-relacionadas .wp-post-image,
#noticias-relacionadas .ver-mais-texto {
	display: none;
}

#noticias-relacionadas .todas-as-noticias {
	background: var(--verde);
	color: #fff;
	padding: 5px 10px;
	float: right;
	font-weight: 700;
	text-decoration: none;
	
	display: none;
}

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

	#noticias-relacionadas .noticias-relacionadas li {
		width: 23.5%;
		margin-left: 2%;
		display: block;
		float: left;
	}

	#noticias-relacionadas .noticias-relacionadas li:first-child {
		margin-left: 0;
	}

	#noticias-relacionadas .wp-post-image {
		width: 100%;
		height: auto;
		margin: 5px 0 10px;
		display: block;
	}

}

@media only screen and (min-width: 1024px) {
	
	/* efeito do "ver mais" quando passa o mouse sobre a foto */
	#noticias-relacionadas .ver-mais {
		display: block;
		position: relative;
	}

	#noticias-relacionadas .ver-mais-overlay {
		background-color: rgba(0, 0, 0, 0.5);
		height: 100%;
		width: 100%;
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		opacity: 0;
	}

	#noticias-relacionadas .ver-mais:hover .ver-mais-overlay {
		opacity: 1;
	}

	#noticias-relacionadas .ver-mais-texto {
		color: #fff;
		width: 100%;
		position: absolute;
		top: 45%;
		font-size: 16px;
		font-weight: 700;
		text-align: center;
		display: inline-block;
	}

}

/* ----- IMPRESSÃO -------------------------------------------------------------- */

.print {
	display: none;
}

@media print {

	.print {
		display: block;
	}

	.no-print {
		display: none !important;
	}

	.url {
		margin-bottom: 1em;
		text-align: left;
	}

	#header-impresso {
		height: auto;
		margin-bottom: 0.5em;
		font-size: 14pt;
		text-align: center;
	}

}

/* ----- RECAPTCHA ------------------------------------------------------------------- */

small.recaptcha {
	color: #999 !important;
}

small.recaptcha,
small.recaptcha a {
	font-size: 9px !important;
}

.grecaptcha-badge {
	visibility: hidden;
}


/* ----- POP-UP DA LGPD ------------------------------------------------------------------------ */

#aviso-lgpd {
	background: #eee;
	color: #000;
	border: 1px solid #ddd;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	width: 100%;
	max-width: 1100px;
	margin: auto;
	padding: 20px;
	display: block;
	position: fixed;
	bottom: 0;
	left: 50%;
    transform: translateX(-50%);
	z-index: 10000000000;
	font-size: 14px;
}

#aviso-lgpd a {
	color: #000;
	text-decoration: underline;
}

#aviso-lgpd span {
	display: inline-block;
}

#aviso-lgpd button {
	background: #444;
	color: #fff;
	border: none;
	border-radius: 3px;
	margin: 20px auto 0;
	padding: 10px 40px;
	display: block;
	text-transform: uppercase;
}

@media only screen and (min-width: 600px) {
	
	#aviso-lgpd span {
		width: calc(100% - 120px);
		float: left;
	}

	#aviso-lgpd button {
		float: right;
		margin: 0;
	}

}


/* ----- LEI ELEITORAL 2020 ----------------------------------------------------- */

/*
#home-programas,
#pagina-inicial #lista-noticias,
#pagina-inicial #lista-eventos,
#home-videos,
#home-sociais,
#menu-social-rodape,
#botao-whatsapp,
#cajamar .sociais,
.menu-topo li.whatsapp {
	display: none !important
}

#rodape {
	padding-top: 40px;
}

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

	#home-servicos {
		width: 100% !important;
		margin: 0 auto 40px !important;
		float: none !important;
	}

	#home-servicos .menu-servicos {
		-webkit-column-count: 4 !important;
		-moz-column-count: 4 !important;
		column-count: 4 !important;
	}

}
*/