.titulo-blog{

	font-size: 38px;

	color: #00a099;

	font-weight: 600;

}

.area-blog-todo{

	width: 100%;

	padding: 20px 0px;

	margin: 20px auto 50px auto;

}


.area-blog{

	width: 80%;

	margin: 0 auto;

	display: flex;
	flex-direction: column-reverse;

}

.area-categorias{

	width: 100%;
	margin-bottom: 20px;

}


.area-categorias h1{


	border-top-left-radius: 10px;

	border-top-right-radius: 10px;

	color: #00a099;

	padding: 10px 0px;

	font-weight: 300;
	font-size: 20px;
	text-align: center;

}

.area-categorias ul{

	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;

}

.area-categorias ul li{

	list-style: none;

	transition: 0.3s all;

	margin: 5px;
}


.area-categorias ul li a{

	width: fit-content;

	display: block;

	font-weight: 300;

	color: #FFF;

	background-color: #00a099;
	border: 1px solid #00a099;

	padding: 6px 12px;

	text-transform: capitalize;

}

.area-categorias ul li a:hover{

	color: #00a099;
	background-color: #FFF;

}


.area-conteudo{

	width: 100%;

	display: flex;

	justify-content: space-between;

	align-items: center;

	flex-wrap: wrap;

	margin-top: 50px;

}

.post{

	width: 32%;

	padding-bottom: 5px;

	margin-bottom: 30px;

	border-radius: 5px;

	box-shadow: 8px 9px 9px 0px rgba(0,0,0,0.21);

	-webkit-box-shadow: 8px 9px 9px 0px rgba(0,0,0,0.21);

	-moz-box-shadow: 8px 9px 9px 0px rgba(0,0,0,0.21);

	transition: 0.3s all;

	align-self: stretch;
}

.post:hover{

	box-shadow: 8px 15px 15px 0px rgba(0,0,0,0.21);

	-webkit-box-shadow: 8px 15px 15px 0px rgba(0,0,0,0.21);

	-moz-box-shadow: 8px 15px 15px 0px rgba(0,0,0,0.21);

	transition: 0.3s all;

}

.img-post{

	width: 100%;

	position: relative;

}

.img-post span{

	background-color: #87bc33;

	padding: 3px 10px;

	font-size: 0.8em;

	border-radius: 20px;

	color: #FFF;

	position: absolute;

	right: 10px;

	top: 10px;

}

.img-post img{

	width: 100%;

}

.post h1{

	width: 90%;

	margin: 0px auto;

	padding: 20px 0px;

	color: #00a099;

	font-weight: 400;

	font-size: 1.2em;

}

.post h1 a{

	color: #00a099;

}

.post hr{

	width: 100%;

	height: 1px;

	border: none;

	background-color: #00a099;

}

.post p{

	width: 90%;

	margin: 15px auto 5px auto;

	color: #CCC;

	font-size: 0.8em;

}

.area-post-completo{

	width: 70%;

	display: flex;

	justify-content: center;

	align-items: center;

	flex-wrap: wrap;

	flex-direction: column;

}

.area-post-completo img{

	width: 50%;

}

.area-post-completo p{

	color: #878787;
	text-align: justify;
	padding: 20px 0;

}

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

	.area-blog{

		display: flex;

		justify-content: space-between;

		align-items: flex-start;

		flex-direction: column-reverse;

		flex-wrap: wrap;

	}

	.area-categorias{

		width: 100%;

	}

	.area-conteudo{

		width: 100%;

	}

	.area-post-completo{

		width: 100%;

	}

}

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

	.area-blog-todo{

		padding-top: 150px;

	}

	.post{

		width: 100%;

	}

}

.menu-ativo-blog{

	border-bottom: 2px solid #00a099;

}


.ativo-blog{

	background-color: #FFF !important;
	color: #00a099 !important;

}