.recent-posts .separator {
	margin-bottom: 25px;
}

.recent-posts .post-card {
	margin-bottom: 25px;
}

.recent-posts .post-card .card-content {
	justify-content: start;
	padding: 12px 0 0;
	min-height: 0;
}

.recent-posts .post-card .card-content .card-meta {
	padding: 0 0 25px;
	border-top: none;
	border-bottom: #c4c4c4 solid 1px;
}

.recent-posts .post-card:hover .card-content .card-meta {
	border-color: #7A1EA1;
}

.recent-posts .banner .banner-img {
	height: 314px;
	max-width: 360px;
	width: 100%;
	position: relative;
	margin: 0 auto;
}

.recent-posts .post-card:hover {
	box-shadow: unset;
}

@media(min-width: 768px) {
	.recent-posts {
		position: relative;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.recent-posts .title-posts-wrapper {
		width: calc(100% - 244px );
	}

	.recent-posts .banner {
		position: sticky;
		right: 0;
		top: 163px;
		float: right;
		width: 216px;
		height: 250px;
	}

	.recent-posts .banner .banner-img {
		height: 250px;
	}

	.recent-posts .post-card .link-card-img {
		display: block;
		width: 140px;
		height: 98px;
		margin-right: 16px;
	}

	.recent-posts .post-card .card-content .title {
		min-height: 0;
	}

	.recent-posts .post-card {
		flex-direction: row;
		border-bottom: #c4c4c4 solid 1px;
	}

	.recent-posts .post-card:hover {
		border-color: #7A1EA1;
	}

	.recent-posts .post-card .card-content {
		padding-top: 0;
		width: calc(100% - 156px);
	}

	.recent-posts .post-card .card-content .card-meta {
		min-height: 0;
		border-bottom: none;
		justify-content: start;
	}

	.recent-posts .post-card .card-content .card-meta p {
		display: inline-block;
	}

	.recent-posts .post-card .card-img {
		height: 98px;
	}

	.recent-posts .post-card .card-img amp-img {
		height: 100%;
	}

	.recent-posts .post-card .card-content .date, 
	.recent-posts .post-card .card-content .reading {
		width: -webkit-max-content;
		width: -moz-max-content;
		width: max-content;
	}

	.recent-posts .post-card .card-content .date {
		margin-right: 15px;
	}

	.recent-posts .post-card .card-content .date svg, 
	.recent-posts .post-card .card-content .reading svg {
		width: 18px;
		height: 18px;
	}
}

@media(min-width: 1366px) {
	.recent-posts .post-card .card-img,
	.recent-posts .post-card .link-card-img {
		width: 259px;
		height: 173px;
	}

	.recent-posts .post-card .card-content {
		width: calc(100% - 288px);
	}

	.recent-posts .post-card .link-card-img {
		margin-right: 29px;
	}

	.recent-posts .title-posts-wrapper {
		width: calc(100% - 429px );
	}

	.recent-posts .banner .banner-img,
	.recent-posts .banner {
		height: 403px;
	}

	.recent-posts .banner {
		width: 379px;
		top: 153px;
	}

	.recent-posts .post-card {
		align-items: center;
		padding-bottom: 20px;
	}

	.recent-posts .post-card .card-content .card-meta {
		padding-bottom: 0;
	}

	.recent-posts .post-card .card-content .title {
		margin-bottom: 24px;
	}

	.recent-posts .post-card .card-content .card-meta {
		justify-content: space-between;
	}

	.recent-posts .separator {
		margin-bottom: 40px;
	}
}