@charset "utf-8";

article.area-item div.box-conteudo {
    border: 0px solid #E2A378;
    padding: 0 20px 30px;
    display: block;
    height: 100%;
}
.area-descricao li {
    font-size: 14px;
}
article.area-item .box-conteudo .area-icone,
.page-area-icone {
    background-color: #1596cf;
    display: flex;
    width: 120px;
    height: 120px;
    overflow: hidden;
    border-radius: 100%;
    margin: 38px auto 0;
    justify-content: center;
    align-items: center;
}

article.area-item .box-conteudo .area-icone img,
.page-area-icone img {
    filter: invert(1);
    object-fit: contain;
}
article.area-item div.box-conteudo h3 {
    color: #1596cf !important;
    font-size: 18px;
    text-align:center;
    padding: 0px 0;
}
article.area-item div.box-conteudo p {
    text-align:left;
}


article.area-item:hover {
    background: #86909157 !important;
}
article.area-item:hover > div > h3,
article.area-item:hover > div {

}


/*single*/
h1.entry-title-areas {
	text-align: left;
	font-size: 26px;
	color: #000 !important;
}

h1.entry-title-areas:AFTER,
h1.entry-title-areas:before {
	display: none;
}

.single-areas-container .icone {
	display: flex;
	width: 100px;
	height: 100px;
	border-radius: 100%;
	padding: 25px;
	float: right;
	margin-right: 12%;
	position: sticky;
	top: 30%;
	background-color: #a6874e;
}

.single-areas-container .icone img {
	filter: invert(1);
}

.single-areas-container {
	max-width: 1200px;
	padding: 0 20px 80px 0;
	display: flex;
}

.entry-content.areas {
	margin-bottom: 80px !important;
	float: left;
	width: 100%;
}

/* --------------- MOBILE ------------- */
@media screen and (max-width: 700px) {
	.single-areas-container {
		flex-direction: column;
		padding: 20px;
	}

	.single-areas-container .icone {
		margin: 0 auto 20px auto;
		float: none;
	}
}
/*------------------------------------------------------------ */
/* ------------------------- MOBILE -------------------------- */
/*------------------------------------------------------------ */
@media screen and (max-width: 700px) {

article.area-item {
    padding: 0 !important;
}
article.area-item {
    padding: 0 !important;
}
    #content .entry-posts article {
    margin: 0 0 22px 0;
    padding: 0px !important;
}
    article.area-item div.box-conteudo{padding: 0px;}
    .area-descricao ul { padding: 0 !important}
}