* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
*:focus {outline:0;}
html {
	overflow: -moz-scrollbars-vertical;
	position: relative;
	height: 100%;
}
body {
	position: relative;
	height: 100%;
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	color: @preto;
	text-align: left;
}

.clear{
	clear: both;
}

.content{
	width: 1250px;
	margin: 0px auto;
}

/***** DEFINIÇÕES ******/

@import url('https://fonts.googleapis.com/css?family=Noto+Serif:400,400i,700,700i&display=swap');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i&display=swap');

@preto: #282828;
@branco: #fff;
@verde: #005939;
@verdeclaro: #B6D7C6;
@verdemedio: #63ad84;
@cinza: #F0F0F0;
@grafite: #707070;

h1,h2,h3,h4,h5,h6{
	font-family: 'Noto Serif', serif;
}

.title{
	text-transform: uppercase;
	color: @verde;
	font-size: 32px;
}

a{
	text-decoration: none;
	color: @verde;
}
a:hover{
	color: @preto;
}

.btn{
	background: @verde;
	color: @branco;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	padding: 10px 30px;
	border-radius: 10px;
	font-size: 14px;
	transition: all ease 0.2s;
}

.btn:hover{
	color: @branco;
	background: @verdemedio;
}

// HEADER

.home,
.page-template-page-fullwidth{
	.preheader{
		p{
			color: @branco;
			svg{
				path{
					fill: @branco;
				}
			}
		}
	}
}

.home{
	.preheader{
		.keypress{
			float: left;
			display: block;
			p{
				font-weight: normal;
				font-size: 12px;
				a{
					color: @branco;
				}
				a:hover{
					color: @verdemedio;
				}
			}
		}
	}
}

.preheader{
	text-align: right;
	padding: 10px 0px;
	position: relative;
	z-index: 4;
	.keypress{
		display: none;
	}
	p{
		display: inline-block;
		margin-left: 20px;
		font-weight: bold;
		font-size: 14px;
		color: @verdemedio;
		cursor: pointer;
		svg{
			width: 20px;
			height: 20px;
			margin-bottom: -5px;
			cursor: pointer;
			path{
				fill: @verdemedio;
			}
		}
		svg:hover{
			path{
				fill: @verde;
			}
		}
	}
}

.header{
	background: @branco;
	padding: 20px 30px 20px 20px;
	margin: 10px auto;
	border-radius: 5px;
	position: relative;
	z-index: 9999;
	box-shadow: 0px 3px 6px #00000029;
	p.logo{
		float: left;
		background: url('../images/logo-parquenacionaldatijuca.svg') no-repeat center center;
		width: 185px;
		height: 60px;
		text-indent: -9999px;
		a{
			display: block;
			width: 100%;
			height: -webkit-fill-available;
		}
	}
	p.amigos{
		font-weight: bold;
		float: right;
		font-size: 10px;
		margin-left: 30px;
		margin-top: -10px;
		color: @verdemedio;
		a{
			background: url('../images/logo-amigosdoparque.png') no-repeat center center;
			width: 105px;
			height: 45px;
			text-indent: -9999px;
			background-size: contain;
			display: block;
			font-size: 0px;
			margin-top: 10px;
		}
	}
	.search{
		float: right;
		margin-top: 20px;
		margin-left: 20px;
		cursor: pointer;
		svg{
			width: 20px;
			height: 20px;
			transition: all ease 0.2s;
			path{
				fill: @verde;
			}
		}
		svg:hover{
			path{
				fill: @verdeclaro;
			}
		}
	}
	.menu{
		list-style-type: none;
		float: right;
		margin-top: 15px;
		li{
			display: inline-block;
			margin-left: 20px;
			position: relative;
			a{
				color: @verde;
				font-weight: bold;
				font-size: 14px;
				transition: all ease 0.2s;
			}
			a:hover{
				color: @verdeclaro;
			}
			.sub-menu{
				position: absolute;
				display: none;
				transition: all ease 0.2s;
				top: 20px;
				background: #fff;
				padding: 10px 20px 0px 0px;
				box-shadow: 0px 3px 6px #00000029;
				border-radius: 10px;
				z-index: 9999;
				li{
					border-bottom: 1px solid @cinza;
					margin-bottom: 10px;
					padding-bottom: 10px;
				}
			}
		}
		.menu-item-has-children:hover{
			a{
				color: @verdemedio;
			}
			.sub-menu{
				display: block;
				li{
					a{
						color: @verde;
					}
					a:hover{
						color: @verdemedio;
					}
				}
			}
		}
		.menu-item-has-children{
			background: url('../images/icon-arrow-down.svg') no-repeat right 11px;
			padding-right: 20px;
			background-size: 10px;
		}
	}
}

.footer{
	padding: 50px 0px 30px 0px;
	background: @cinza;
	width: 95%;
	float: left;
	p.logo{
		float: left;
		background: url('../images/logo-parquenacionaldatijuca.svg') no-repeat center center;
		width: 185px;
		height: 100px;
		text-indent: -9999px;
		margin-right: 30px;
		a{
			display: block;
			width: 100%;
			height: -webkit-fill-available;
		}
	}
	p.logoicmbio{
		float: left;
		background: url('../images/logo-icmbio.svg') no-repeat center center;
		width: 100px;
		height: 100px;
		text-indent: -9999px;
		background-size: contain;
		a{
			display: block;
			width: 100%;
			height: -webkit-fill-available;
		}
	}
	p.amigos{
		float: left;
		background: url('../images/logo-amigosdoparque.png') no-repeat center center;
		width: 160px;
	    height: 120px;
		font-size: 12px;
		background-size: contain;
		margin-left: 30px;
		a{
			display: block;
			width: 100%;
			height: -webkit-fill-available;
			font-size: 0px;
		}
	}
	.redes{
		float: right;
		margin: 10px 0px 0px 40px;
		ul{
			list-style-type: none;
			li{
				display: inline-block;
				margin: 0px 10px;
			}
			li:hover{
				svg{
					path{
						fill: @verde;
					}
				}
			}
		}
	}
	.menu{
		list-style-type: none;
		float: right;
		margin-top: 15px;
		li{
			display: inline-block;
			margin-left: 20px;
			a{
				color: @verde;
				font-weight: bold;
				font-size: 14px;
				transition: all ease 0.2s;
			}
			a:hover{
				color: @verdeclaro;
			}
		}
	}
}

.posfooter{
	padding: 20px 0px;
	background: @cinza;
	width: 95%;
	float: left;
	.sede{
		display: flex;
		p{
			flex: 1;
			font-size: 14px;
			padding: 20px 0px;
			span{
				display: block;
				font-weight: bold;
			}
			strong{
				color: @verde;
				font-weight: bold;
				font-size: 24px;
			}
		}
		p.amigos{
			font-weight: bold;
			a{
				background: url('../images/logo-amigosdoparque.png') no-repeat center center;
				width: 220px;
				height: 120px;
				text-indent: -9999px;
				background-size: contain;
				display: block;
			}
		}
	}
	p.copy{
		font-weight: bold;
		font-size: 14px;
		text-align: left;
		float: left;
		margin-top: 30px;
	}
	p.desenvolvido{
		float: right;
		font-size: 12px;
		margin-top: 30px;
		img{
			width: 60px;
			height: auto;
			margin: 3px 0px 0px 5px;
		}
	}
}

.topo{
	float: right;
	width: 5%;
	background: @cinza;
	border-left: 1px dotted @grafite;
	height: 407px;
	writing-mode: vertical-rl;
	text-orientation: mixed;
	text-align: center;
    padding: 0px 1.7vw;
	a{
		color: @preto;
		font-weight: bold;
		//transform: rotate(-90deg);
		display: block;
	}	
	a:hover{
		color: @verde;
	}
}

.fourofour{
	padding: 80px 0px;
	text-align: center;
	p{
		width: 60%;
		margin: 30px auto;
	}
	svg{
		float: left;
		margin: 40px 0px 60px 0px;
	}
}

.breadcrumb{
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 20px;
}

// .home .popup{
// 	display: block;
// }

.popup{
	transition: all ease 0.2s;
	width: 100%;
	margin: 0px auto;
	position: relative;
	z-index: 1000;
	height: 45px;
    //right: 0px;
    //top: 250px;
	padding: 10px 20px 10px 65px;
	border-radius: 10px;
	background: #fff4f4 url('../images/alert.png') no-repeat center left;
	span{
		float: right;
		cursor: pointer;
		svg{
			width: 15px;
			height: 15px;
			margin: 5px 0px 0px 0px;
		}
	}
	h3{
		font-size: 14px;
		font-family: 'Open Sans', sans-serif;
		float: left;
		margin: 3px 25px 0px 0px;
		a{
			color: red;
		}
		a:hover{
			color: @verde;
		}
	}
	.textwidget{
		display: none;
	}
}

.buscativa{
	.slider{
		top: 120px;
	}
}

.busca{
	position: relative;
	width: 100%;
	background: @branco;
	z-index: 100;
	padding: 30px;
	display: none;
	input[type="text"]{
		height: 50px;
		padding-left: 10px;
		width: 85%;
		border: none;
		border-bottom: 1px solid @verde;
		margin-bottom: 10px;
	}
	input[type="submit"]{
		background: @verde;
		color: @branco;
		text-transform: uppercase;
		font-weight: bold;
		text-align: center;
		padding: 10px 30px;
		border-radius: 10px;
		font-size: 14px;
		transition: all ease 0.2s;
		border: none;
		float: right;
		margin-top: 15px;
	}
}

// CONTENT

.slider{
	position: absolute;
	top: 0px;
	width: 100%;
	z-index: 2;
	overflow: hidden;
	transition: all ease 0.2s;
	#curva{
		position: absolute;
		bottom: -40px;
		transform: rotate(180deg);
		left: -20px;
		z-index: 5;
		path{
			fill: @branco;
		}
	}
	#arrowdown{
		position: absolute;
		bottom: 40px;
		z-index: 100;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.bullets{
		position: absolute;
		bottom: 25px;
		right: 50px;
		.bullet{
			width: 15px;
			height: 15px;
			background: @branco;
			display: inline-block;
			margin: 0px 10px;
			border-radius: 20px;
			cursor: pointer;
		}
		.bullet:hover{
			background: @verdeclaro;
		}
	}
	.slide{
		background: url('../images/slide.png') no-repeat center center;
		height: 720px;
		padding-top: 220px;
		.shadowslide{
			background: #000;
			opacity: 0.3;
			width: 100%;
			height: -webkit-fill-available;
			position: absolute;
			left: 0px;
			top: 0px;
		}
		.content{
			padding: 0px 50px;
		}
		p,h1,h2{
			color: @branco;
			text-shadow: 0px 3px 6px #00000029;
			position: relative;
			z-index: 8;
		}
		.btn{
			position: relative;
			z-index: 8;
		}
		.hash{
			font-weight: bold;
			font-size: 18px;
			margin-bottom: 10px;
		}
		p,h2{
			max-width: 55%;
			font-size: 16px;
			margin-bottom: 50px;
			line-height: 28px;
			font-weight: normal;
		}
		h1{
			font-size: 62px;
			line-height: 86px;
			max-width: 75%;
			margin: 10px 0px 20px 0px;
		}
	}
}

.noticiashome{
	margin-top: 550px;
	padding: 50px 0px;
	.btn{
		float: right;
		margin-top: 20px;
	}
	.destaque{
		margin-top: 50px;
		.boxpost{
			box-shadow: 0px 3px 6px #00000029;
			width: 45%;
			float: left;
			border-radius: 10px;
			padding-bottom: 20px;
			img{
				width: 100%;
				max-height: 250px;
				object-fit: cover;
				border-top-left-radius: 10px;
				border-top-right-radius: 10px;
				margin-bottom: 15px;
			}
			.date{
				font-size: 14px;
				color: @verdemedio;
				float: right;
				margin-right: 20px;
				margin-top: 3px;
				svg{
					width: 15px;
					height: 15px;
					margin-right: 5px;
					margin-bottom: -2px;
					path{
						fill: @verdemedio;
					}
				}
			}
			.txt{
				padding: 0px 30px;
				.post-categories{
					list-style-type: none;
					a{
						font-weight: bold;
						text-transform: uppercase;
						font-size: 12px;
						color: @verdemedio;
					}
					a:hover{
						color: @verde;
					}
				}
				h2{
					margin: 10px 0px;
					a{
						color: @verde;
						font-size: 24px;
					}
					a:hover{
						color: @verdemedio;
					}
				}
				p{
					font-size: 14px;
					line-height: 24px;
					margin-bottom: 20px;
				}
				.leiamais{
					font-weight: bold;
					text-decoration: underline;
					color: @verde;
					font-size: 14px;
				}
				.leiamais:hover{
					color: @verdemedio;
				}
			}
		}
	}
	.subdestaque{
		width: 50%;
		float: right;
		.boxpost{
			margin-bottom: 12px;
			padding-bottom: 12px;
			border-bottom: 1px solid #cecece;
			img{
				width: 100px;
				height: 100px;
				object-fit: cover;
				border-radius: 5px;
				margin-right: 20px;
				float: left;
			}
			.txt{
				padding: 0px 30px 0px 0px;
				width: 80%;
				float: right;
				.date{
					font-size: 12px;
					color: @verdemedio;
					float: right;
					margin-right: 20px;
					margin-top: 3px;
					svg{
						width: 12px;
						height: 12px;
						margin-right: 5px;
						margin-bottom: -2px;
						path{
							fill: @verdemedio;
						}
					}
				}
				.post-categories{
					list-style-type: none;
					float: left;
					a{
						font-weight: bold;
						text-transform: uppercase;
						font-size: 12px;
						color: @verdemedio;
					}
					a:hover{
						color: @verde;
					}
				}
				h2{
					margin: 10px 0px;
					line-height: 30px;
					font-size: 20px;
					a{
						color: @verde;
					}
					a:hover{
						color: @verdemedio;
					}
				}
			}
		}
	}
}

.tempo{
	background: @cinza;
	padding: 50px 0px;
	.left{
		width: 60%;
		float: left;
		.week{
			margin-top: 50px;
			display: flex;
			.daybox{
				background: @branco;
				border-radius: 5px;
				margin: 0px 5px;
				padding: 10px;
				height: 200px;
				width: 120px;
				transition: all ease 0.2s;
				.day{
					text-transform: uppercase;
					font-weight: bold;
					font-size: 14px;
					margin-bottom: 15px;
					transition: all ease 0.2s;
					float: left;
				}
				.date{
					float: right;
					font-weight: bold;
					font-size: 14px;
				}
				.city{
					display: none;
					transition: all ease 0.2s;
				}
				.wheather{
					color: #8F8F8F;
					font-weight: bold;
					font-size: 28px;
					transition: all ease 0.2s;
				}
				.wheather:after{
					content: 'ºC';
				}
				.storm{
					display: block;
					background: url('../images/wheather/icon-weather-thunderstorm.svg') no-repeat center center;
					width: 55px;
					height: 80px;
					background-size: contain;
					font-size: 0px;
					margin-top: 50px;
				}
				.hail{
					display: block;
					background: url('../images/wheather/icon-weather-hail.svg') no-repeat center center;
					width: 55px;
					height: 80px;
					background-size: contain;
					font-size: 0px;
					margin-top: 50px;
				}
				.rain{
					display: block;
					background: url('../images/wheather/icon-weather-rain.svg') no-repeat center center;
					width: 55px;
					height: 80px;
					background-size: contain;
					font-size: 0px;
					margin-top: 50px;
				}
				.fog{
					display: block;
					background: url('../images/wheather/icon-weather-fog.svg') no-repeat center center;
					width: 55px;
					height: 80px;
					background-size: contain;
					font-size: 0px;
					margin-top: 50px;
				}
				.clear_day{
					display: block;
					background: url('../images/wheather/icon-weather-day-sunny.svg') no-repeat center center;
					width: 55px;
					height: 80px;
					background-size: contain;
					font-size: 0px;
					margin-top: 50px;
				}
				.cloud{
					display: block;
					background: url('../images/wheather/icon-weather-cloud.svg') no-repeat center center;
					width: 55px;
					height: 80px;
					background-size: contain;
					font-size: 0px;
					margin-top: 50px;
				}
				.cloudly_day{
					display: block;
					background: url('../images/wheather/icon-weather-day-cloudy.svg') no-repeat center center;
					width: 55px;
					height: 80px;
					background-size: contain;
					font-size: 0px;
					margin-top: 50px;
				}
				.cloudly_night{
					display: block;
					background: url('../images/wheather/icon-weather-night-cloudy.svg') no-repeat center center;
					width: 55px;
					height: 80px;
					background-size: contain;
					font-size: 0px;
					margin-top: 50px;
				}
			}
			.daybox:first-child,
			.daybox.active{
				background: @verdeclaro;
				width: 260px;
				.day{
					width: auto;
					font-size: 22px;
					color: @verde;
					margin-left: 10px;
				    margin-top: 10px;
				}
				.date{
					font-size: 20px;
				    margin: 12px 10px 0px 0px;
				}
				.city{
					//display: block;
					font-size: 14px;
				}
				.wheather{
					font-size: 50px;
					color: @verde;
					float: right;
					margin-right: 10px;
					margin-top: 55px;
				}
				.storm{
					background: url('../images/wheather/icon-weather-thunderstorm-white.svg') no-repeat center center;
					background-size: contain;
					margin-top: 80px;
					margin-left: -35px;
					width: 90px;
					float: left;
				}
				.hail{
					background: url('../images/wheather/icon-weather-hail-white.svg') no-repeat center center;
					background-size: contain;
					margin-top: 80px;
					margin-left: -35px;
					width: 90px;
					float: left;
				}
				.rain{
					background: url('../images/wheather/icon-weather-rain-white.svg') no-repeat center center;
					background-size: contain;
					margin-top: 80px;
					margin-left: -35px;
					width: 90px;
					float: left;
				}
				.fog{
					background: url('../images/wheather/icon-weather-fog-white.svg') no-repeat center center;
					background-size: contain;
					margin-top: 80px;
					margin-left: -35px;
					width: 90px;
					float: left;
				}
				.clear_day{
					background: url('../images/wheather/icon-weather-day-sunny-white.svg') no-repeat center center;
					background-size: contain;
					margin-top: 80px;
					margin-left: -35px;
					width: 90px;
					float: left;
				}
				.cloud{
					background: url('../images/wheather/icon-weather-cloud-white.svg') no-repeat center center;
					background-size: contain;
					margin-top: 80px;
					margin-left: -35px;
					width: 90px;
					float: left;
				}
				.cloudly_day{
					background: url('../images/wheather/icon-weather-day-cloudy-white.svg') no-repeat center center;
					background-size: contain;
					margin-top: 80px;
					margin-left: -35px;
					width: 90px;
					float: left;
				}
				.cloudly_night{
					background: url('../images/wheather/icon-weather-night-cloudy-white.svg') no-repeat center center;
					background-size: contain;
					margin-top: 80px;
					margin-left: -35px;
					width: 90px;
					float: left;
				}
			}
		}
	}
	.right{
		width: 35%;
		float: right;
		p.nopad{
			padding: 0px;
		}
		p{
			font-size: 14px;
			padding: 20px 0px;
			span{
				display: block;
				font-weight: bold;
			}
			strong{
				color: @verde;
				font-weight: bold;
				font-size: 24px;
			}
		}
		p.clock{
			padding-left: 40px;
			background: url('../images/icon-clock.svg') no-repeat center left;
			background-size: 25px;
		}
		p.place{
			padding-left: 40px;
			background: url('../images/icon-place.svg') no-repeat center left;
			background-size: 25px;
		}
	}
}

.faunaflora{
	padding: 50px 0px;
	.text{
		width: 45%;
		float: left;
		p{
			margin: 30px 0px;
			font-size: 14px;
			line-height: 26px;
		}
	}
	.titesp{
		font-weight: bold;
		text-align: right;
		margin-top: 10px;
		color: @verde;
		font-style: italic;
		display: block;
		font-size: 12px;
	}
	.fauna{
		float: right;
		width: 50%;
		display: flex;
		border-bottom: 1px dotted @preto;
		padding-bottom: 30px;
		.especie{
			flex: 1;
			padding: 10px 10px 10px 30px;
			border-right: 1px solid @cinza;
			position: relative;
			height: 190px;
			p.icon{
				margin-bottom: 20px;
			}
			p{
				font-weight: bold;
				color: @verde;
				text-transform: uppercase;
			}
			p.total{
				font-size: 48px;
				position: absolute;
				bottom: 0px;
			}
		}
	}
}

.cuidados{
	padding: 50px 0px;
	background: @cinza;
	p.text{
		width: 50%;
		margin: 30px 0px;
		font-size: 14px;
		line-height: 26px;
	}
	img{
		float: right;
		margin-bottom: 30px;
	}
}

.setores{
	display: table;
	width:100%;
	height:530px;
	overflow: hidden;
	.setor{
		//flex: 1;
		padding: 200px 100px;
		background: @verdeclaro;
		background-size: cover;
		position: relative;
		display: table-cell;
		height:100%;
		width: 33%;
		// -webkit-transition:all 500ms;
		// -moz-transition:all 500ms;
		// transition:all 500ms;
		h3{
			text-align: center;
			color: @branco;
			font-size: 32px;
			text-transform: uppercase;
			z-index: 5;
			position: relative;
			//transition: all 500ms;
		}
		p{
			display: none;
		}
		.btn{
			opacity: 0;
		}
		.shadow{
			background: #000;
			opacity: 0.3;
			width: 100%;
			height: -webkit-fill-available;
			position: absolute;
			left: 0px;
			top: 0px;
			z-index: 1;
		}
	}
	// .setor:hover{
	// 	p{
	// 		display: block;
	// 	}
	// }
	.floresta{
		background: url('../images/floresta.jpg') no-repeat center center;
		background-size: cover;
	}
	.serra{
		background: url('../images/serra.jpg') no-repeat center center;
		background-size: cover;
	}
	.gavea{
		background: url('../images/gavea.jpg') no-repeat center center;
		background-size: cover;
	}
}
.setores:hover .setor{
	width:20%;
	padding: 200px 0px;
}
.setores:hover .setor:hover {
	width:45%;
	padding: 80px 50px;
	h3{
		text-align: left;
		margin-bottom: 20px;
		border-bottom: 1px solid @branco;
		padding-bottom: 10px;
	}
	p{
		display: block;
		color: @branco;
		text-align: left;
		position: relative;
		z-index: 5;
		font-size: 14px;
		line-height: 26px;
		margin-bottom: 20px;
	}
	.btn{
		opacity: 1;
		position: relative;
		z-index: 5;
		margin-top: 10px;
	}
}

.atividades{
	background: @verde;
	padding: 50px 0px;
	h2{
		color: @branco;
	}
	p{
		font-size: 14px;
		margin-top: 20px;
		color: @branco;
	}
	.listaatividadeshome{
		//display: flex;
		.boxatividade{
			//flex: 1;
			margin: 30px 10px;
			width: 250px;
			height: 250px;
			border-radius: 10px;
			background-repeat: no-repeat;
			background-size: cover;
			position: relative;
			p{
				font-size: 28px;
				font-weight: bold;
				color: @branco;
				position: absolute;
				bottom: 20px;
				left: 20px;
			}
		}
		.boxatividade:hover{
			opacity: 0.5;
		}
	}
}

.newsletter{
	padding: 80px 0px;
	background: url('../images/newsletter.png') no-repeat center center;
	background-size: cover;
	h2{
		text-align: center;
		color: @branco;
		max-width: 40%;
		margin: 0px auto 30px auto;
	}
	form{
		max-width: 50%;
		margin: 0px auto;
		input[type=email]{
			float: left;
			width: 80%;
			height: 50px;
			border: 0px;
			padding-left: 10px;
		}
		input[type=submit],
		button{
			width: 20%;
			float: right;
			background: @verde;
			color: @branco;
			font-weight: bold;
			font-size: 16px;
			height: 50px;
			border: 0px;
			cursor: pointer;
			border-top-right-radius: 10px;
			border-bottom-right-radius: 10px;
		}
		input[type=submit]:hover,
		button:hover{
			background: @verdemedio
		}
	}
	p{
		margin: 30px auto 0px auto;
		text-align: center;
		color: @branco;
		font-style: italic;
		font-size: 12px;
		max-width: 50%;
		a{
			color: @branco;
			font-weight: bold;
		}
	}
}

// PAGES

.fullwidth{
	//padding-top: 440px;
	.topointerna{
		background-size: cover;
		padding: 250px 0px 100px 0px;
		margin-top: -210px;
		width: 100%;
		//top: 0px;
		position: relative;
		h1{
			font-size: 48px;
			color: @branco;
			margin-bottom: 20px;
		}
		p{
			font-size: 16px;
			color: @branco;
			line-height: 28px;
			max-width: 50%;
		}
		.content{
			position: relative;
			z-index: 5;
		}
		.shadow{
			background: #000;
			opacity: 0.5;
			width: 100%;
			height: -webkit-fill-available;
			position: absolute;
			left: 0px;
			top: 0px;
		}
	}
}

.halfwidth.full{
	.topointerna{
		padding: 200px 0px 20px 0px;
		.txt{
			width: 100%;
			max-width: 100%;
		}
	}
}

.halfwidth{
	//padding-top: 440px;
	margin-top: 100px;
	.topointerna{
		background-size: cover;
		padding: 200px 0px 70px 0px;
		margin-top: -260px;
		width: 100%;
		background: url('../images/pattern-maps.png');
		position: relative;
	    z-index: 1;
		h1{
			font-size: 48px;
			margin-bottom: 20px;
			text-transform: none;
		}
		p{
			font-size: 14px;
			line-height: 28px;
			margin-bottom: 10px;
		}
		.content{
			position: relative;
			z-index: 5;
		}
		.txt{
			max-width: 45%;
			float: left;
		}
		img{
			width: 50%;
			float: right;
			max-height: 400px;
			object-fit: cover;
			border-bottom-left-radius: 10px;
			border-top-left-radius: 10px;
		}
	}
}

.fullwidth,
.halfwidth{
	.interna{
		margin: 50px auto 70px auto;
		p{
			font-size: 14px;
			line-height: 26px;
			margin-top: 20px;
		}
		.conteudo{
			.title{
				margin-top: 20px;
			}
			ul{
				margin: 20px 0px 50px 50px;
				li{
					font-size: 14px;
				    margin-bottom: 10px;
				}
			}
			blockquote{
				font-style: italic;
				color: @verde;
				border-left: 5px solid @verde;
				padding: 10px 0px 20px 25px;
				margin: 20px 0px;
			}
			.wp-block-column.grey{
				background: @cinza;
				padding: 30px 40px;
			}
			.shadowbox.nolist{
				ul{
					list-style-type: disc;
					li{
						border: none;
					}
					li:after{
						display: none;
					}
				}
			}
			.shadowbox{
				border-radius: 10px;
				padding: 40px 50px;
				box-shadow: 0px 3px 6px #00000029;
				background: @branco;
				ul{
					list-style-type: none;
					margin: 30px 0px 0px 0px;
					li{
						margin-bottom: 20px;
						padding-bottom: 20px;
						border-bottom: 1px solid @cinza;
						a{
							font-weight: bold;
						}
					}
					li:after{
						content: '';
						display: block;
						float: right;
						width: 20px;
						height: 20px;
						background: url('../images/icon-download.svg') no-repeat center center;
					}
				}
			}
			.volbox{
				.shadowbox{
					margin: 0px 10px;
					padding: 20px 30px;
				}
			}
			figure{
				margin-top: 25px;
				figcaption{
					font-size: 12px;
					text-align: center;
					opacity: 0.5;
				}
			}
		}
	}
}

.icon-fauna{
	float: left;
    margin: 25px 15px 0px 0px;
}

.galeria{
	position: relative;
	img{
		height: 400px;
		object-fit: cover;
		width: 100%;
	}
	.slick-prev{
		z-index: 100;
		left: 20px;
		right: auto;
		top: 50%;
		margin-top: -20px;
	}
	.slick-next{
		right: 20px;
		z-index: 100;
		top: 50%;
		margin-top: -20px;
	}
}

// INCLUDES

.equipepnt{
	background: @cinza;
	padding: 50px 0px;
	.area{
		width: 45%;
		float: left;
		p{
			font-weight: bold;
			margin: 20px 0px;
		}
		h4{
			font-family: 'Open Sans', sans-serif;
			display: inline-block;
			margin: 8px;
			background: @verdeclaro;
			border-radius: 20px;
			transition: all ease 0.2s;
			padding: 10px 20px 10px 20px;
			color: @verde;
			font-weight: bold;
			font-size: 14px;
			cursor: pointer;
		}
		h4.active,
		h4:hover{
			background: @verde;
			color: @branco;
		}
	}
	.time{
		border-radius: 10px;
		padding: 20px 20px;
		box-shadow: 0px 3px 6px #00000029;
		background: @branco;
		width: 50%;
		float: right;
		.tit{
			text-transform: uppercase;
			font-size: 16px;
			font-weight: bold;
			padding: 0px 0px 10px 10px;
			margin-bottom: 20px;
			border-bottom: 1px solid @grafite;
		}
		p{
			padding-left: 10px;
			font-size: 14px;
			line-height: 26px;
		}
		.coord{
			display: none;
		}
		.btn{
			margin-top: 30px;
			float: left;
			margin-bottom: 10px;
		}
	}
}

.atividadespage{
	h2{
		margin-bottom: 20px;
	}
	.sidebarativ{
		width: 28%;
		float: right;
		.block{
			padding-bottom: 20px;
			border-bottom: 1px solid @cinza;
			margin-bottom: 20px;
			p{
				font-weight: bold;
				font-size: 18px;
				text-transform: uppercase;
				margin-bottom: 10px;
			}
			input,select{
				border-radius: 10px;
				border: 1px solid @cinza;
				padding: 15px 0px 15px 5px;
				width: 100%;
			}
		}
	}
	.listaatividades{
		width: 70%;
		float: left;
	}
}

.listaatividades{
	display: flex;
	flex-wrap: wrap;
	.boxatividade{
		width: 390px;
		border-radius: 10px;
		margin: 20px;
		box-shadow: 0px 3px 6px #00000029;
		background: @branco;
		.icon{
			width: 30px;
			height: 30px;
			object-fit: contain;
			margin: 0px 10px -5px 0px;
		}
		img{
			width: 100%;
			max-height: 200px;
			object-fit: cover;
			border-top-left-radius: 10px;
			border-top-right-radius: 10px;
		}
		.text{
			width: 90%;
			margin: 20px auto;
			float: none;
			.tit{
				font-weight: bold;
				color: @verde;
				font-size: 24px;
				a{
					color: @verde
				}
				a:hover{
					color: @verdemedio;
				}
			}
			hr{
				border: none;
				width: 100%;
				height: 1px;
				background: @cinza;
				margin: 20px auto;
			}
			p{
				font-size: 14px;
				line-height: 24px;
				color: @verdemedio;
			}
			.cat{
				font-weight: bold;
			}
		}
	}
}

.singleativpage{
	padding: 50px 0px;
	.title{
		margin-bottom: 30px;
		img{
			width: 60px;
			height: 60px;
			object-fit: contain;
			margin: 0px 10px -15px 0px;
		}
	}
	.text{
		width: 55%;
		float: left;
		p{
			font-size: 14px;
			line-height: 26px;
		}
		.orientit{
			font-weight: bold;
			font-size: 24px;
			color: @verde;
			margin-top: 30px;
			svg{
				width: 30px;
				height: 30px;
				float: left;
				margin-right: 10px;
				path{
					fill: @verde;
				}
			}
		}
		hr{
			border: none;
			height: 1px;
			background: @grafite;
			margin: 20px 0px;
		}
		.orient{
			font-weight: bold;
			color: @verde;
		}
	}
	.right{
		width: 42%;
		float: right;
	}
	.destaque{
		height: 300px;
		width: 100%;
		object-fit: cover;
		border-radius: 10px;
		margin-bottom: 30px;
	}
	.wheretogo{
		border-radius: 10px;
		box-shadow: 0px 3px 6px #00000029;
		background: @branco;
		padding: 30px;
		p{
			font-weight: bold;
			font-size: 24px;
			color: @verde;
			text-transform: uppercase;
			svg{
				width: 30px;
				height: 30px;
				float: left;
				margin-right: 10px;
				path{
					fill: @verde;
				}
			}
		}
		ul{
			list-style-type: none;
			margin-top: 30px;
			li{
				display: inline-block;
				margin: 5px;
				background: @verdemedio;
				border-radius: 10px;
				transition: all ease 0.2s;
				a{
					padding: 10px 20px 10px 20px;
					color: @branco;
					font-weight: bold;
					font-size: 14px;
					display: block;
					width: 100%;
					height: -webkit-fill-available;
				}
			}
			li:hover{
				background: @verde;
			}
		}
	}
}

.singlelocaispage{
	padding: 50px 0px;
	.title{
		margin-bottom: 30px;
	}
	.text{
		width: 55%;
		float: left;
		p{
			font-size: 14px;
			line-height: 26px;
			margin-bottom: 30px;
		}
		p.horario{
			font-weight: bold;
			svg{
				margin: 15px 20px 30px 0px;
				float: left;
			}
		}
	}
	.destaque{
		float: right;
		width: 40%;
		border-radius: 10px;
		max-height: 300px;
	}
	.howto{
		background: @cinza;
		padding: 50px 0px;
		.transporte{
			width: 55%;
			float: left;
			border-radius: 10px;
			box-shadow: 0px 3px 6px #00000029;
			background: @branco;
			padding: 30px;
			h3{
				font-size: 18px;
				margin-bottom: 30px;
				border-bottom: 1px solid @cinza;
				padding-bottom: 20px;
			}
			p.icontext{
				font-size: 14px;
				line-height: 26px;
				margin-bottom: 30px;
				svg{
					width: 30px;
					height: 30px;
					float: left;
					margin: 0px 20px 50px 0px;
				}
			}
		}
		.atividadeslocal,.mapa{
			float: right;
			width: 40%;
			margin-bottom: 30px;
			h3{
				font-size: 18px;
				margin-bottom: 20px;
				border-bottom: 1px solid @grafite;
				padding-bottom: 20px;
				margin-top: 30px;
			}
			iframe{
				width: 100%;
			}
			ul{
				list-style-type: none;
				margin-top: 30px;
				li{
					display: inline-block;
					margin: 5px;
					background: @verdemedio;
					border-radius: 10px;
					transition: all ease 0.2s;
					a{
						padding: 10px 20px 10px 20px;
						color: @branco;
						font-weight: bold;
						font-size: 14px;
						display: block;
						width: 100%;
						height: -webkit-fill-available;
					}
				}
				li:hover{
					background: @verde;
				}
			}
		}
	}
}

.relacionadas{
	background: @cinza;
	padding: 30px 0px;
	margin-top: 50px;
	.listaatividades{
		.boxatividade{
			width: 370px;
		}
	}
}

.setorespage{
	background: @cinza;
	padding: 50px 0px;
	margin-top: -70px;
	.setorbox:nth-child(even) {
		.text{
			float: right;
		}
		img{
			float: left;
		}
	}
	.setorbox:nth-child(odd) {}
	.setorbox{
		padding-bottom: 60px;
		margin-bottom: 60px;
		border-bottom: 1px solid @grafite;
		.text{
			width: 45%;
			float: left;
			.title{
				margin-bottom: 20px;
			}
			p{
				font-size: 14px;
				line-height: 26px;
			}
			.btn{
				margin-top: 20px;
				float: left;
			}
		}
		img{
			width: 50%;
			float: right;
			height: 250px;
			border-radius: 10px;
			object-fit: cover;
		}
	}
}

.singlepageblog{
	.topointerna{
		padding: 180px 0px 10px 0px !important;
	}
	.breadcrumb{
		margin-top: 60px;
	}
}

.pagblog{
	// padding-top: 440px;
	// margin-top: 100px;
	.topointerna{
		background-size: cover;
		padding: 200px 0px 20px 0px;
		position: relative;
		width: 100%;
		margin-top: -165px;
		left: 0px;
		background: url('../images/pattern-maps.png');
		h1{
			font-size: 48px;
			margin-bottom: 20px;
		}
		.boxpostdestaque{
			margin: 40px 20px 20px 20px;
			padding-bottom: 30px;
			img{
				width: 50%;
				float: left;
				max-height: 250px;
				object-fit: cover;
				border-radius: 10px;
				margin: 0px 30px 20px 0px;
			}
			.date{
				font-size: 14px;
				color: @verdemedio;
				float: right;
				margin-right: 20px;
				margin-top: 20px;
				svg{
					width: 15px;
					height: 15px;
					margin-right: 5px;
					margin-bottom: -2px;
					path{
						fill: @verdemedio;
					}
				}
			}
			.text{
				padding: 20px 30px;
				.post-categories{
					list-style-type: none;
					a{
						font-weight: bold;
						text-transform: uppercase;
						font-size: 12px;
						color: @verdemedio;
					}
					a:hover{
						color: @verde;
					}
				}
				h2{
					margin: 10px 0px;
					line-height: 28px;
					a{
						color: @verde;
						font-size: 20px;
					}
					a:hover{
						color: @verdemedio;
					}
				}
				p{
					font-size: 14px;
					line-height: 24px;
					margin-bottom: 20px;
				}
				.leiamais{
					font-weight: bold;
					text-decoration: underline;
					color: @verde;
					font-size: 14px;
				}
				.leiamais:hover{
					color: @verdemedio;
				}
			}
		}
	}
	nav.prev-next-posts{
		font-weight: bold;
		width: 100%;
		margin-top: 50px;
		.prev-posts-link{
			float: left;
			i{
				color: @verde;
			}
		}
		.next-posts-link{
			float: right;
			i{
				color: @verde;
			}
		}
	}
	.sideblog{
		float: right;
		width: 30%;
		background: @branco;
		border-radius: 10px;
		padding: 20px;
		box-shadow: 0px 1px 3px #0000001C;
		margin-top: 20px;
		.widget{
			padding-bottom: 20px;
			border-bottom: 1px solid @cinza;
			margin-bottom: 20px;
			h3{
				margin-bottom: 20px;
			}
			form{
				label{
					display: none;
				}
				input[type="text"]{
					width: 100%;
					height: 40px;
					border-radius: 10px;
					padding-left: 10px;
					border: 1px solid @cinza;
					background: @cinza;
				}
				#searchsubmit{
					border: none;
					font-size: 0px;
					background: url('../images/icon-search.svg') no-repeat center center;
					width: 20px;
					height: 20px;
					float: right;
					margin: -30px 10px 0px 0px;
					z-index: 10;
					position: relative;
					cursor: pointer;
				}
			}
			ul{
				list-style-type: none;
				margin-left: 30px;
				margin-top: 20px;
				li{
					display: block;
					margin-bottom: 10px;
					a{
						font-size: 14px;
					}
					a:hover{
						color: @verdemedio;
						font-weight: bold;
					}
				}
			}
			.instagram-pics {
				margin-left: 0px;
				li {
					width: 31%;
					display: inline-block;
					margin: 1px 3px;
					a{
						img{
							width: 100%;
						}
					}
				}
			}
		}
	}
	.listaposts.full{
		.posts{
			width: 100%;
			.boxpost{
				width: 370px;
			}
		}
	}
	.listaposts{
		background: @cinza;
		padding: 50px 0px;
		//margin-top: 240px;
		.posts{
			display: flex;
			flex-wrap: wrap;
			width: 68%;
			float: left;
			.boxpost{
				width: 380px;
				border-radius: 10px;
				margin: 20px;
				box-shadow: 0px 3px 6px #00000029;
				background: @branco;
				padding-bottom: 30px;
				img{
					width: 100%;
					max-height: 235px;
					object-fit: cover;
					border-top-left-radius: 10px;
					border-top-right-radius: 10px;
					margin-bottom: 20px;
				}
				.date{
					font-size: 14px;
					color: @verdemedio;
					float: right;
					margin-right: 20px;
					margin-top: 3px;
					svg{
						width: 15px;
						height: 15px;
						margin-right: 5px;
						margin-bottom: -2px;
						path{
							fill: @verdemedio;
						}
					}
				}
				.text{
					padding: 0px 30px;
					.post-categories{
						list-style-type: none;
						a{
							font-weight: bold;
							text-transform: uppercase;
							font-size: 12px;
							color: @verdemedio;
						}
						a:hover{
							color: @verde;
						}
					}
					h2{
						margin: 10px 0px;
						line-height: 28px;
						a{
							color: @verde;
							font-size: 20px;
						}
						a:hover{
							color: @verdemedio;
						}
					}
					p{
						font-size: 14px;
						line-height: 24px;
						margin-bottom: 20px;
					}
					.leiamais{
						font-weight: bold;
						text-decoration: underline;
						color: @verde;
						font-size: 14px;
					}
					.leiamais:hover{
						color: @verdemedio;
					}
				}
			}
		}
	}
	.singlepost{
		float: left;
		width: 65%;
		padding-bottom: 50px;
		.destaque{
			max-width: 100%;
			width: 100%;
			//max-height: 400px;
			object-fit: cover;
		}
		.post-categories{
			list-style-type: none;
			margin: 0px;
			li::before{
				display: none;
			}
			a{
				font-weight: bold;
				text-transform: uppercase;
				font-size: 12px;
				color: @verdemedio;
			}
			a:hover{
				color: @verde;
			}
		}
		h1{
			color: @verde;
			margin-bottom: 10px;
		}
		.date{
			font-size: 14px;
			color: @verdemedio;
			margin-right: 20px;
			margin-top: 3px;
			svg{
				width: 15px;
				height: 15px;
				margin-right: 5px;
				margin-bottom: -2px;
				path{
					fill: @verdemedio;
				}
			}
		}
		p{
			margin-bottom: 20px;
			font-size: 14px;
			line-height: 28px;
			a{
				color: @verdemedio;
				font-weight: bold;
			}
			a:hover{
				color: @verde
			}
		}
		ul,ol{
			margin: 30px 0px 30px 40px;
			li{
				font-size: 16px;
				line-height: 26px;
				margin-bottom: 10px;
				font-size: 14px;
				line-height: 28px;
				//color: @cinza;
			}
		}
		ul{
			list-style-type: none;
			li::before{
				content: "\2022";
				color: @verdemedio; 
				font-weight: bold;
				display: inline-block;  
				width: 1em; 
				margin-left: -1em;
			}
		}
		img,iframe{
			display: block;
			max-width: 80%;
			margin: 0px auto 10px auto;
			height: auto;
		}
		iframe{
			min-height: 300px;
		}
		figcaption{
			text-align: center;
			font-style: italic;
			font-size: 12px;
			//color: @cinza;
		}
	}
}

.projetospage{
	background: @cinza;
	padding: 50px 0px;
	margin-top: 130px;
	.projetobox{
		background: @branco;
		border-radius: 10px;
		box-shadow: 0px 3px 6px #00000029;
		margin-bottom: 30px;
		img{
			border-top-left-radius: 10px;
			border-bottom-left-radius: 10px;
			width: 30%;
			float: left;
			height: 240px;
		}
		.text{
			padding: 20px 30px 20px 0px;
			width: 67%;
			float: right;
			p.tit{
				font-weight: bold;
				font-size: 24px;
				text-transform: uppercase;
				color: @verde;
				margin: 20px 0px 10px 0px !important;
				padding-bottom: 10px;
				border-bottom: 1px solid @cinza;
			}
			p{
				font-size: 14px;
				line-height: 24px;
				margin-bottom: 40px;
				padding-right: 100px;
			}
		}
	}
}

// AMIGOS

.timelineamigos{
	padding: 100px 0;
	background: @cinza;
}

.timeline {
	position: relative;
	&::before {
		content: '';
		background: @verdeclaro;
		width: 5px;
		height: 100%;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
	}
	.timeline-item {
		width: 100%;
		margin-bottom: 70px;
		&:nth-child(even) {
			.timeline-content {
				float: right;
				//padding: 40px 30px 10px 30px;
				.date {
					right: auto;
					left: 20px;
				}
				&::after {
					content: '';
					position: absolute;
					border-style: solid;
					width: 0;
					height: 0;
					top: 30px;
					left: -15px;
					border-width: 10px 15px 10px 0;
					border-color: transparent #f5f5f5 transparent transparent;
				}
			}
		}
		&::after {
			content: '';
			display: block;
			clear: both;
		}
	}
	.timeline-content {
		position: relative;
		width: 45%;
		//padding: 10px 30px;
		padding-bottom: 20px;
		border-radius: 10px;
		background: #fff;
		box-shadow: 0 20px 25px -15px rgba(0, 0, 0, .3);
		&::after {
			content: '';
			position: absolute;
			border-style: solid;
			width: 0;
			height: 0;
			top: 30px;
			right: -15px;
			border-width: 10px 0 10px 15px;
			border-color: transparent transparent transparent #f5f5f5;
		}
		.date {
			background: @verdeclaro;
			border-radius: 10px;
			display: inline-block;
			color: @verde;
			padding: 10px 20px;
			position: absolute;
			top: 15px;
			right: 20px;
		}
		h2{
			margin: 10px 0px 10px 20px;
			color: @verde;
		}
		p{
			margin-left: 20px;
			font-size: 14px;
			line-height: 26px;
		}
		img,.image{
			background: @cinza;
			width: 100%;
			min-height: 200px;
			max-height: 200px;
			object-fit: cover;
			object-position: center;
			border-top-left-radius: 10px;
			border-top-right-radius: 10px;
		}
	}
	.timeline-img {
		width: 20px;
		height: 20px;
		background: @verde;
		border-radius: 50%;
		position: absolute;
		left: 50%;
		margin-top: 25px;
		margin-left: -10px;
	}
	.timeline-card {
		padding: 0!important;

		p {
			padding: 0 20px;
		}

		a {
			margin-left: 20px;
		}
	}
	.timeline-item {
	.timeline-img-header {
				background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0, .4)), url('https://picsum.photos/1000/800/?random') center center no-repeat;
				background-size: cover;
			}
	}
	.timeline-img-header {

		height: 200px;
		position: relative;
		margin-bottom: 20px;

		h2 {
			color: @verde;
			position: absolute;
			bottom: 5px;
			left: 20px;
		}
	}
}

.filtroclipping{
	float: right;
	p{
		float: left;
		font-weight: bold;
		color: @verde;
		margin: 0px 20px 0px 0px;
		margin-top: 7px !important;
	}
	select{
		padding: 10px;
		border: 1px solid @verdeclaro;
		border-radius: 5px;
	}
}

.listaclipping{
	display: flex;
	flex-wrap: wrap;
	.clippingbox{
		width: 360px;
		border-radius: 10px;
		margin: 20px;
		box-shadow: 0px 3px 6px #00000029;
		background: @branco;
		padding-bottom: 30px;
		img{
			width: 100%;
			max-height: 200px;
			object-fit: cover;
			border-top-left-radius: 10px;
			border-top-right-radius: 10px;
			margin-bottom: 20px;
		}
		.date{
			font-size: 14px;
			color: @verdemedio;
			margin-right: 20px;
			margin-top: 3px;
			margin-left: 30px;
			svg{
				width: 15px;
				height: 15px;
				margin-right: 5px;
				margin-bottom: -2px;
				path{
					fill: @verdemedio;
				}
			}
		}
		.text{
			padding: 0px 30px;
			.post-categories{
				list-style-type: none;
				a{
					font-weight: bold;
					text-transform: uppercase;
					font-size: 12px;
					color: @verdemedio;
				}
				a:hover{
					color: @verde;
				}
			}
			h2{
				margin: 10px 0px;
				line-height: 28px;
				a{
					color: @verde;
					font-size: 20px;
				}
				a:hover{
					color: @verdemedio;
				}
			}
			p{
				font-size: 14px;
				line-height: 24px;
				margin-bottom: 20px;
			}
			.leiamais{
				font-weight: bold;
				text-decoration: underline;
				color: @verde;
				font-size: 14px;
			}
			.leiamais:hover{
				color: @verdemedio;
			}
		}
	}
}

.listamapas{
	display: flex;
	flex-wrap: wrap;
	.mapabox{
		width: 270px;
		border-radius: 10px;
		margin: 20px;
		box-shadow: 0px 3px 6px #00000029;
		background: @branco;
		padding-bottom: 30px;
		img{
			width: 100%;
			max-height: 200px;
			object-fit: cover;
			border-top-left-radius: 10px;
			border-top-right-radius: 10px;
			margin-bottom: 20px;
		}
		.date{
			font-size: 14px;
			color: @verdemedio;
			margin-right: 20px;
			margin-top: 3px;
			margin-left: 30px;
			svg{
				width: 15px;
				height: 15px;
				margin-right: 5px;
				margin-bottom: -2px;
				path{
					fill: @verdemedio;
				}
			}
		}
		.text{
			padding: 0px 30px;
			h2{
				margin: 10px 0px;
				font-size: 18px;
				line-height: 28px;
				color: @verde;
			}
			a{
				margin-top: 20px;
				color: @grafite;
				font-size: 14px;
				font-weight: bold;
				display: block;
				svg{
					margin: 0px 5px -5px 0px;
				}
			}
			a:hover{
				color: @verdemedio;
				svg{
					path{
						fill: @verdemedio;
					}
				}
			}
		}
	}
}

.listaorientacoes{
	.container{
		display: flex;
		flex-wrap: wrap;
		margin: 0px 0px 30px 0px;
		.item{
			width: 30%;
			margin-bottom: 30px;
			img{
				float: left;
				margin-right: 10px;
			}
			p{
				font-weight: bold;
				font-size: 16px;
				color: #000;
			}
		}
	}
}

// AGENDAS

.agendaconselho{
	background: @cinza;
	padding: 50px 0px;
}

.listaagenda{
	margin-top: 30px;
	.evento{
		//width: 300px !important;
		border-radius: 10px;
		margin: 20px;
		box-shadow: 0px 3px 6px #00000029;
		background: @branco;
		padding-bottom: 30px;
		img{
			width: 100%;
			border-top-left-radius: 10px;
			border-top-right-radius: 10px;
			max-height: 160px;
			object-fit: cover;
			margin-bottom: 20px;
		}
		.text{
			padding: 0px 20px;
			p.data{
				font-weight: bold;
				color: @verde;
				padding-bottom: 10px;
				border-bottom: 1px solid @cinza;
				font-size: 18px;
				text-transform: uppercase;
			}
			p.desc{
				margin: 10px 0px 20px 0px;
				font-size: 18px;
				line-height: 28px;
				font-weight: bold;
				opacity: 0.7;
				a{
					color: @preto;
				}
				a:hover{
					color: @verde;
					opacity: 1;
				}
			}
			p.local{
				font-weight: bold;
				//text-transform: uppercase;
				color: @verdemedio;
				font-size: 14px;
				background: url('../images/icon-place.svg') no-repeat center left;
				background-size: 10px;
			    padding-left: 20px;
			}
		}
	}
}

// FAQ

.schema-faq-question {
	background-color: @branco;
	border-bottom: 2px solid @cinza;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
    outline: none;
    transition: 0.4s;
	margin-bottom: 0px;
	display: block;
	color: @verde;
}
.schema-faq-question.active, p.accordion:hover {
    background-color: @verdeclaro;
}
.schema-faq-question:after {
    content: '›'; 
    font-size: 32px;
    color: @verde;
    float: right;
    margin-left: 0px;
    transform: rotate(90deg);
	margin-top: -10px;
	transition: all ease 0.2s;
}
.schema-faq-question.active:after {
    transform: rotate(-90deg);
}
.schema-faq-answer {
    background-color: @cinza;
    max-height: 0;
    overflow: hidden;
    transition: 0.4s ease-in-out;
    opacity: 0;
	margin-bottom:10px;
	margin-top: 0px !important;
}
.schema-faq-answer.show {
	opacity: 1;
	padding: 30px 18px;
    max-height: 500px;
}

// CONTATO

.interna{
	.conteudo{
		.wpcf7{
			float: right;
			clear: both;
			margin-top: -200px;
			margin-bottom: 50px;
			width: 50%;
			position: relative;
			z-index: 100;
			form{
				input,textarea{
					border-radius: 10px;
					border: 1px solid @cinza;
					padding: 15px 0px 15px 5px;
					width: 100%;
				}
				input[type=submit]{
						background: @verde;
						color: @branco;
						text-transform: uppercase;
						font-weight: bold;
						text-align: center;
						padding: 10px 30px;
						border-radius: 10px;
						font-size: 14px;
						transition: all ease 0.2s;
						float: right;
						width: auto;
				}
			}
		}
	}
}

// SLICK

.slick-arrow{
	border: none;
	background: @verdeclaro;
	color: @branco;
	border-radius: 50px;
	font-size: 0px;
	width: 50px;
	height: 50px;
	cursor: pointer;
}
.slick-arrow:hover{
	background: @verdemedio;
}
.slick-prev{
	position: absolute;
	right: 120px;
	top: -70px;
}
.slick-prev:after{
	content: '❮';
	display: block;
	font-size: 24px;
	font-weight: bold;
}
.slick-next{
	position: absolute;
	right: 50px;
	top: -70px;
}
.slick-next:after{
	content: '❯';
	display: block;
	font-size: 24px;
	font-weight: bold;
}