/* ********************************* ***************** ******************************* */
/* ********************************* ELEMENTOS DO SITE ******************************* */


/* --------------------------------- LISTAS DE ITENS --------------------------------- */
.itens_lista { margin: 0px; padding: 0px; list-style: none; }

.itens_lista li { display: block; box-sizing: border-box; margin: 0px 0px 15px 0px; }

.itens_lista li a { text-decoration: none; }

.itens_lista li figure { display: block; }
.itens_lista li figure img { display: block; width: 100%; }

.itens_lista li h3 { margin: 0px 0px 0px 0px; color: #222; }
.itens_lista li time { margin: 0px 0px 0px 0px; color: #71B158; }
.itens_lista li p { margin: 5px 0px 0px 0px; padding: 0px; text-align: justify; color: #666; }
/* ----------------------------------------------------------------------------------- */




/* --------------------------------- GRADE DE ITENS ---------------------------------- */
.itens_grade { margin: 0px -20px -40px -20px; padding: 0px; list-style: none; font-size: 0px; }
.itens_grade.single-line { margin-bottom: 0px; }

.itens_grade li { display: inline-block; font-size: 14px; box-sizing: border-box; transition: 0.3s; padding: 5px; }
.itens_grade li a { text-decoration: none; }
.itens_grade li figure { display: block; border-radius: 0px !important; }
.itens_grade li figure img { display: block; width: 100%; }

.itens_grade.grade-3 li { width: calc(33.333% - 30px); margin: 5px 15px 40px 15px; }
.itens_grade.grade-4 li { width: calc(25% - 30px); margin: 5px 15px 40px 15px; }

.itens_grade:not(.static) li:hover { transition: 0.3s; padding: 0px; }
.itens_grade:not(.static).grade-3 li:hover { transition: 0.3s; margin-top: 0px; margin-bottom: 35px; }
.itens_grade:not(.static).grade-4 li:hover { transition: 0.3s; margin-top: 0px; margin-bottom: 35px; }

@media all and (max-width: 768px)
{
	.itens_grade { margin: 0px 15px 0px 15px; }

	.itens_grade.grade-3 li { width: 100%; margin: 0px 0px 30px 0px; }
	.itens_grade.grade-3 li:last-child { margin: 0px; }

	.itens_grade.grade-4 li { width: 100%; margin: 0px 0px 30px 0px; }
	.itens_grade.grade-4 li:last-child { margin: 0px; }
}
/* ----------------------------------------------------------------------------------- */




/* ------------------------------- PÁGINA DE CONTEÚDO -------------------------------- */
.conteudo { color: #84482C; }

.conteudo .conteudo_titulo { margin: -10px 0px 0px 0px; }
.conteudo .conteudo_titulo time { display: block; margin: 0px 0px 10px 0px; padding: 0px; font-size: 1.25em; }
.conteudo .conteudo_titulo h2 { display: block; margin: 0px 0px 10px 0px; font-size: 2.5em; }

.conteudo .conteudo_resumo { display: block; font-size: 1.5em; margin: 0px 0px 10px 0px; font-style: normal; }
.conteudo .conteudo_texto { font-size: 1.15em; margin-bottom: 40px; color: #2D2D2D; }

.conteudo figure.left { float: left; padding-left: 0px; }
.conteudo figure.right { float: right; padding-right: 0px; }
.conteudo figure.center { float: none; margin-left: auto; margin-right: auto; margin-bottom: 10px; clear: both; }

.conteudo figure { overflow: hidden; margin-bottom: 15px; }
.conteudo figure img { display: block; width: 100%; border-radius: 20px; }
.conteudo figure figcaption { display: block; padding: 3px 0px 3px 0px; }

.conteudo_separador { border-top: 1px #51733C solid; margin: 20px -30px 40px -30px; padding: 30px 30px 0px 30px; }

.conteudo .link-voltar h1 { text-transform: uppercase; font-size: 3em; color: #0E5016; margin: 0px; font-weight: bold; }
.pagina-biblioteca .link-voltar h2 { text-transform: uppercase; font-size: 3em; color: #0E5016; margin: 0px; font-weight: bold; }
.pagina-evento .link-voltar h2 { text-transform: uppercase; font-size: 3em; color: #0E5016; margin: 0px; font-weight: bold; }
.pagina-eventos .link-voltar h2 { text-transform: uppercase; font-size: 3em; color: #0E5016; margin: 0px; font-weight: bold; }
.pagina-noticia .link-voltar h2 { text-transform: uppercase; font-size: 3em; color: #0E5016; margin: 0px; font-weight: bold; }
.pagina-noticias .link-voltar h2 { text-transform: uppercase; font-size: 3em; color: #0E5016; margin: 0px; font-weight: bold; }
.pagina-cooperado .link-voltar h2 { text-transform: uppercase; font-size: 3em; color: #0E5016; margin: 0px; font-weight: bold; }
.pagina-cooperados .link-voltar h2 { text-transform: uppercase; font-size: 3em; color: #0E5016; margin: 0px; font-weight: bold; }

@media all and (max-width: 768px)
{
    .conteudo_separador { margin: 20px 0px 40px 0px; padding: 30px 0px 0px 0px; }
}
/* ----------------------------------------------------------------------------------- */




/* ------------------------------ Título Sobre Banner -------------------------------- */
.over-banner { float: left; display: block; background: #62260A90; color: #FFF; text-transform: uppercase; border-top-left-radius: 20px; border-top-right-radius: 20px; padding: 15px 30px; height: 60px; box-sizing: border-box; margin: -60px 0px 0px 0px; z-index: 800; position: relative; }
.over-banner h1 { display: block; font-size: 2.0em; margin: 0px; }

.over-clear { clear: both; }
/* ----------------------------------------------------------------------------------- */



/* ---------------------------------- Link Voltar ------------------------------------ */
.link-voltar { 
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 0px 15px 0px; 
}

.link-voltar h2 {
    margin: 0;
    color: #333; /* Ajuste a cor conforme necessário */
    font-size: 1.8em; /* Ajuste o tamanho conforme necessário */
}

.link-voltar a { 
    display: inline-block; 
    cursor: pointer; 
    text-decoration: none; 
    color: #8DB600; 
    text-transform: uppercase; 
    font-size: 1.1em; 
    padding: 3px 0px 3px 3px; 
    transition: 0.3s;
    margin-left: auto; /* Garante que fique à direita */
}

.link-voltar a i { 
    display: inline-block; 
    font-size: 1.2em; 
    padding-right: 5px; 
    vertical-align: middle; 
}

.link-voltar a span { 
    display: inline-block; 
    vertical-align: middle; 
}

.link-voltar a:hover { 
    padding-right: 10px; 
    transition: 0.3s; 
}
/* ----------------------------------------------------------------------------------- */




/* ------------------------------ CONTEÚDO : Arquivos -------------------------------- */
.conteudo_arquivos { margin: 40px 0px 40px 0px; }
.conteudo_arquivos h3 { margin: 0px 0px 10px 0px; text-transform: uppercase; font-size: 1.4em; color: #E37D53; }

.conteudo_arquivos ul { margin: 0px; padding: 0px; list-style: none; }
.conteudo_arquivos ul li { margin: 0px 0px 10px 0px; padding: 10px; border-radius: 20px; background: #FABB51; transition: 0.3s; }
.conteudo_arquivos ul li a { display: block; text-decoration: none; cursor: pointer !important; color: #84482C; }
.conteudo_arquivos ul li a span { display: inline-block; font-size: 1.3em; padding: 2px 0px 0px 5px; }
.conteudo_arquivos ul li a label { float: right; font-size: 0.75em; margin: 8px 10px 0px 0px; opacity: 0.7; }
.conteudo_arquivos ul li:hover { background: #FBCC62; transition: 0.3s; }

@media all and (max-width: 768px)
{
	.conteudo_arquivos ul li a img { float: left; margin-top: 7px; margin-right: 5px; }
	.conteudo_arquivos ul li a span { display: block; margin-top: -5px; }
    .conteudo_arquivos ul li a label { float: none; display: block; text-align: left; margin: 0px; }
}
/* ----------------------------------------------------------------------------------- */




/* ------------------------------- CONTEÚDO : Imagens -------------------------------- */
.conteudo_imagens .row > div { margin-bottom: 2em; }
.conteudo_imagens .row > div a { display: block; }
.conteudo_imagens .row > div a img { display: block; width: 100%; }

.conteudo_imagens h3 { margin: 0px 0px 10px 0px; text-transform: uppercase; font-size: 1.4em; color: #E37D53; }

.conteudo_imagens .fotos-slider { margin: 20px 0px 40px 0px; }
.conteudo_imagens .fotos-slider > div .foto { padding: 0px 10px 0px 10px; }
.conteudo_imagens .fotos-slider > div .foto img { width: 100%; border-radius: 20px; }
.conteudo_imagens .fotos-slider .slick-prev { left: 0px; top: 22px; bottom: 0px; height: 100%; width: 50px; opacity: 1; background: url("Imagens/arrow-left.png"), linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%); background-position: left center; background-repeat: no-repeat; }
.conteudo_imagens .fotos-slider .slick-next { right: 0px; top: 22px; bottom: 0px; height: 100%; width: 50px; opacity: 1; background: url("Imagens/arrow-right.png"), linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%); background-position: right center; background-repeat: no-repeat; }
/* ----------------------------------------------------------------------------------- */




/* ------------------------------- CONTEÚDO : Vídeos --------------------------------- */
.conteudo_videos { margin: 40px 0px 40px 0px; }
.conteudo_videos h3 { margin: 0px 0px 10px 0px; text-transform: uppercase; font-size: 1.4em; color: #E37D53; }

.conteudo_videos .videos-highlight .frames iframe { border-radius: 20px; overflow: hidden; }
.conteudo_videos .videos-highlight .miniaturas .miniatura { border-radius: 10px; overflow: hidden; }
.conteudo_videos .videos-highlight .miniaturas .miniatura img { border-radius: 10px; }

.conteudo_videos .videos-grade ul li { vertical-align: top; }
.conteudo_videos .videos-grade h3 { padding: 10px 0px 0px 0px; font-size: 0.9em; color: #84482C; text-transform: none; height: 50px; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
/* ----------------------------------------------------------------------------------- */




/* ------------------------------------ STD SEARCH ----------------------------------- */
.header .std-search { float: right; position: relative; }

.header .std-search input { box-sizing: border-box; padding: 5px 35px 5px 8px; width: 100%; border-radius: 4px; border: none; background: transparent; font-size: 1.2em; font-weight: bold; color: #658E60; }
.header .std-search input::-webkit-input-placeholder { color: transparent; font-weight: 200; }
.header .std-search input:-ms-input-placeholder { color: transparent; font-weight: 200; }
.header .std-search input::placeholder { color: transparent; font-weight: 200; }
.header .std-search input:hover, .std-search input:focus { background: #F2F2F2; }
.header .std-search input:hover::-webkit-input-placeholder, .header .std-search input:focus::-webkit-input-placeholder { color: #658E60; }
.header .std-search input:hover:-ms-input-placeholder, .header .std-search input:focus:-ms-input-placeholder { color: #658E60; }
.header .std-search input:hover::placeholder, .header .std-search input:focus::placeholder { color: #658E60; }

.header .std-search button { color: #658E60; position: absolute; top: 3px; right: 0px; background: transparent; border: none; font-size: 1.5em; transition: color 0.3s; }
/* ----------------------------------------------------------------------------------- */




/* ----------------------------------- STD TRANSLATE --------------------------------- */
.std-translate { float: right; margin: 2px 5px 0px 0px; position: relative; }
.std-translate .translate-current { padding: 4px; cursor: pointer; box-sizing: border-box; border: 1px transparent solid; }
.std-translate .translate-current img { width: 22px; }
.std-translate .translate-current span { float: right; margin: -1px 0px 0px 5px; font-size: 1.25em; font-weight: bold; color: #658E60; }

.std-translate .translate-options { display: none; position: absolute; width: 100%; top: 27px; z-index: 200; padding: 8px 4px 4px 4px; box-sizing: border-box; }
.std-translate .translate-options button { display: block; border: none; background: transparent; padding: 0px; margin: 0px 0px 7px 0px; width: 100%; opacity: 0.5; }
.std-translate .translate-options button:last-child { margin-bottom: 0px; }
.std-translate .translate-options button img { width: 22px; }
.std-translate .translate-options button span { float: right; margin: -1px 0px 0px 5px; font-size: 1.25em; font-weight: bold; color: #658E60; width: 20px; }

.std-translate:hover .translate-current { background: #FFF; }
.std-translate:hover .translate-options { display: block; background: #FFF; }
.std-translate:hover .translate-options button:hover { opacity: 1.0; }
/* ----------------------------------------------------------------------------------- */




/* ---------------------------------- STD BREADCRUMB --------------------------------- */
.std-breadcrumb {
	padding: 5px 0px;
 	border-bottom: 1px solid #e3e3e3;
 	font-size: 0px;
 	text-align: left;
}

.std-breadcrumb > div { margin: 0 2px 0 0; display: inline-block; font-size: 13px; }

.std-breadcrumb > div > span { color: #666; display: inline-block; margin: 0px 3px; }

.std-breadcrumb > div > a span { color: #999; }
.std-breadcrumb > div > a:hover span { color: #006400; }

.std-breadcrumb > div:last-child > a span { font-weight: bold; }
/* ----------------------------------------------------------------------------------- */




/* ---------------------------------- Formulários ------------------------------------ */
.std-forms label { display: block; width: 100%; }
.std-forms label span { display: block; font-size: 0.9em; }

.std-forms input[type="text"], .std-forms input[type="email"], .std-forms input[type="password"], .std-forms textarea, .std-forms select {
	display: block;
	box-shadow: none;
	border-radius: 0;
	outline: none;
	background: #FFFFFF;
	border: 1px solid #D1D1D1;

	position: relative;
	z-index: 2;
	resize: none;

	padding: 5px 10px 5px 10px !important;
	width: 100%;
	box-sizing: border-box;
	
	font-size: 1.1em;
	font-weight: normal;
	color: #333;
}

.std-forms select { padding: 5px 5px 5px 5px !important; }

.std-forms .form-recaptcha { width: 300px; margin: 0px auto 10px auto; padding: 10px 0px 10px 0px; }

.std-forms input[type="text"]:focus, .std-forms input[type="email"]:focus, .std-forms input[type="password"]:focus, .std-forms textarea:focus, .std-forms select:focus {
	outline: none !important;
	background: #FFFFFF;
	border-color: #5ca9e4 !important;
	box-shadow: 0 0 0 2px rgba(70, 161, 231, .3), 0 1px 2px rgba(0, 0, 0, .2) inset !important;
}
/* ----------------------------------------------------------------------------------- */




/* ---------------------------- Formulários : Validação ------------------------------ */
.std-forms .form-validation { background: #FFF2F2; border: 1px #EEC2C2 solid; margin: 10px 0px 15px 0px; padding: 10px; display: none; }
.std-forms .form-validation strong { color: #B22; }
.std-forms .form-validation ol { padding-left: 25px; margin: 2px 0px 0px 0px; }
.std-forms .form-validation ol li label { box-shadow: none !important; font-size: 13px !important; font-weight: normal; color: #433; height: 16px; }
/* ----------------------------------------------------------------------------------- */




/* ---------------------------- Formulários : Retornos ------------------------------- */
.std-forms .form-returns { margin: 10px 0px 15px 0px; padding: 20px 10px; text-align: center; }
.std-forms .form-returns.erro { background: #FFF2F2; border: 1px #EEC2C2 solid; color: #833; }
.std-forms .form-returns.ok { background: #F2FFF2; border: 1px #C2EEC2 solid; color: #383; }
/* ----------------------------------------------------------------------------------- */




/* ---------------------------------- Google Maps ------------------------------------ */
.google_map { width: 100%; height: 400px; }

.google_map .marker_box { max-width: 400px; }
.google_map .marker_box h1 { font-size: 1.2em; margin: 0px 0px 10px 0px; }
/* ----------------------------------------------------------------------------------- */




/* ------------------------------------ Banners -------------------------------------- */
.banners-internas .flexslider { padding-bottom: 0px; }
/* ----------------------------------------------------------------------------------- */




/* ----------------------------------- Paginação ------------------------------------- */
.std-pagination { display: block; padding: 40px 10px; text-align: center; }
.std-pagination ul { padding: 0px; margin: 0px; list-style: none; font-size: 0px; }
.std-pagination ul li { display: inline-block; margin: 0px 3px; font-size: 17px; vertical-align: middle; }
.std-pagination ul li a { display: block; background: transparent; color: #8DB600; width: 28px; height: 28px; border-radius: 50%; box-sizing: border-box; text-align: center; font-weight: bold; text-decoration: none; cursor: pointer; transition: 0.3s; }
.std-pagination ul li a.page-prev, .std-pagination ul li a.page-next { font-size: 0.8em; padding-top: 4px; }
.std-pagination ul li a.disabled { opacity: 0.5; cursor: default; }

.std-pagination ul li a:hover, .std-pagination ul li a.current-page { background: #0E5016; color: #FFF; transition: 0.3s; }
/* ----------------------------------------------------------------------------------- */