/**
 * Loop blog posts
 */
.blog-posts-grid {
	display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.blog-posts-grid .post .wp-post-image {
	margin: 0px;
    border-radius: 16px 16px 0 0;
}

.blog-posts-grid article.post {
	padding: 0px;
	margin: 0px;
	border-radius: 16px;
	background: #FFF;
	box-shadow: 0px 4px 16px 0px rgba(26, 26, 26, 0.10);
}

.blog-posts-grid article.post .post-content {
	padding: 20px;
	display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
}

.blog-posts-grid article.post .post-content .post-title,
.blog-posts-grid article.post .post-content .post-title a {
	color: #3A3A3A;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2em;
    text-decoration: none;
    padding: 0px;
	margin: 0px;
}

.blog-posts-grid article.post .post-content .excerpt {
	color: #6C6C6C;
	font-size: 13px;
	font-weight: 400;
	margin: 0px;
}

.blog-posts-grid article.post .post-content .read-more {
	color: #E4AD08;
	font-size: 15px;
	font-weight: 500;
	text-decoration: none;
}

/**
 * Destaque carrossel 
 */
.blog-posts-grid.destaque {
	display: grid;
    grid-template-columns: 4fr 2fr 2fr;
    gap: 20px;
}

.home .blog-posts-grid .post:first-child .excerpt,
.home .blog-posts-grid .post:first-child .read-more {
	display: none;
}

.home .blog-posts-grid .post:first-child .post-title,
.home .blog-posts-grid .post:first-child .post-title a {
	font-size: 22px;
}

.home .blog-post-grid {
	 grid-template-columns: 2fr 1fr 1fr !important;
}

/**
 * Single blog page
 */
.post-author {
	display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
	margin-top: 20px;
	box-shadow: 0px 4px 8px 0px rgba(26, 26, 26, 0.10);
    border-radius: 16px;
	padding: 10px;
}

.post-author .author-info {
	display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.post-author .author-info .author-name {
	font-size: 18px;
    font-weight: 700;
}

.post-author .author-info .author-bio {
	font-size: 15px;
}

.post-author .avatar {
	border-radius: 30px;
}

.blog-content {
	padding: 0px 20px;
	max-width: 900px;
	margin: auto;
}

.single .post-views {
	display: none !important;
}

/**
 * Responsivo
 */
@media (max-width: 768px) {
	.blog-posts-grid {
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 20px !important;
	}
	
	.home .blog-posts-grid .post:first-child .excerpt,
	.home .blog-posts-grid .post:first-child .read-more {
		display: block;
	}

	.home .blog-posts-grid .post:first-child .post-title,
	.home .blog-posts-grid .post:first-child .post-title a {
		font-size: 18px;
	}
}