/* Estilos da página de post do blog (carregado depois do CSS do Webflow) */
/* Ajustes da página de post (complementam o CSS do Webflow) */
.athena-post-hero {
	margin-top: 68px;
	min-height: 420px;
	height: auto;
	background-size: cover !important;
	background-position: center !important;
}
.athena-post-hero-inner {
	width: 100%;
	max-width: 1163px;
	margin: 0 auto;
	padding: 120px 0 56px;
}
.athena-post-topics {
	flex-wrap: wrap;
	margin-bottom: 16px;
}
.athena-post-topics .text-block-13 {
	margin: 0;
}
/* Título do post: Clashdisplay 400, 61px / 73px, branco */
.athena-post-title {
	color: rgb(255, 255, 255);
	font-family: Clashdisplay, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 61px;
	line-height: 73px;
	max-width: 1000px;
	margin: 0;
}
.athena-post-date {
	color: #fff;
	opacity: 0.85;
	margin-top: 16px;
	font-family: Clashdisplay, sans-serif;
	font-size: 16px;
}
/* Texto do post: Clashdisplay 400, 16px / 19px, rgb(81, 101, 93) */
.rich-text-block {
	color: rgb(81, 101, 93);
	font-family: Clashdisplay, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 19px;
}
.rich-text-block p,
.rich-text-block li {
	font-size: 16px;
	line-height: 19px;
}
.rich-text-block p {
	margin: 0 0 16px;
}
.rich-text-block ul,
.rich-text-block ol {
	margin: 0 0 16px;
	padding-left: 24px;
}
.rich-text-block li {
	margin-bottom: 6px;
}
.rich-text-block h2,
.rich-text-block h3,
.rich-text-block h4 {
	color: #11112a;
	font-family: Clashdisplay, sans-serif;
	line-height: 1.2;
	margin: 32px 0 12px;
}
.rich-text-block img {
	max-width: 100%;
	height: auto;
	border-radius: 10px;
}
.rich-text-block figcaption {
	font-size: 14px;
	margin-top: 8px;
	text-align: center;
}
/* Continue lendo: título Clashdisplay 400, 31px / 37px, branco */
.athena-related-title {
	color: rgb(255, 255, 255);
	font-family: Clashdisplay, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 31px;
	line-height: 37px;
	margin: 0;
}
/* Seção com 1163px e dois blocos de 575px */
.related-posts .collection-list-4.posts-related-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 575px));
	justify-content: space-between;
	column-gap: 13px;
	row-gap: 16px;
}
.related-posts .posts-related-list .collection-item-3 {
	width: 100%;
	max-width: 575px;
}
@media screen and (max-width: 991px) {
	.athena-post-hero-inner {
		padding: 80px 10% 40px;
	}
	.athena-post-title {
		font-size: 48px;
		line-height: 58px;
	}
}
@media screen and (max-width: 767px) {
	.athena-post-hero-inner {
		padding: 60px 5% 32px;
	}
	.athena-post-title {
		font-size: 36px;
		line-height: 43px;
	}
	.related-posts .collection-list-4.posts-related-list {
		grid-template-columns: 1fr;
	}
	.related-posts .posts-related-list .collection-item-3 {
		max-width: none;
	}
}