/* Recent Blog Posts */

.recent-blogs-container {
    
}

.recent-blogs-container .title-container {
    margin-bottom: 55px;
}

.recent-blogs-container .posts {
    display: grid;
	gap: 30px;
	grid-template-columns: 1fr 1fr 370px;
	margin-bottom: 40px;
}

@media (max-width: 1024px) {
	.recent-blogs-container .posts {
	    grid-template-columns: 1fr 1fr;
	}
}

@media (max-width: 768px) {
	.recent-blogs-container .posts {
		row-gap: 30px;
		column-gap: 0;
	    grid-template-columns: 1fr;
	}
}

.recent-blogs-container .posts .post {
	display: flex;
	flex-direction: column;
    border-radius: 7px;
	overflow: hidden;
	border: 2px solid var(--navy);
}

@media (max-width: 768px) {
	.recent-blogs-container .posts .post {
		grid-column: 1 / -1;
	}
}

.recent-blogs-container .posts .post .post-container {
	flex: 1;
	display: flex;
	flex-direction: column;
}

.recent-blogs-container .posts:last-child {
    margin-bottom: 0px;
}

.recent-blogs-container .posts .post.main-post {
	display: flex;
    grid-column: 1 / 3;
    grid-row: 1;
	box-shadow: 5px 5px 25px 4px rgba(22,27,48,0.05);
}

.recent-blogs-container .posts .post.main-post .read-more {
	display: none;
}

.recent-blogs-container .posts .post.main-post .post-container {
	flex: 1;
	display: flex;
	flex-direction: column;
}

.recent-blogs-container .posts .post.main-post .post-container .body {
	display: flex;
	flex-direction: column;
	padding: 30px;
	flex: 1;
}

.recent-blogs-container .posts .post.main-post .post-container .body .post-footer {
	display: flex;
	align-items: end;
	justify-content: space-between;
}

.recent-blogs-container .posts .post.main-post .post-container .body .post-footer .read-more,
.recent-blogs-container .posts .read-more {
	gap: 5px;
	display: flex;
	align-items: center;
	justify-content: end;
	font-size: 14px;
	color: #F12F62;
	letter-spacing: 0;
	text-align: center;
	line-height: normal;
	font-weight: 600;
	text-decoration: none;
}

.recent-blogs-container .posts .post.main-post .post-container .body .post-footer .read-more img,
.recent-blogs-container .posts .body .read-more img {
	max-width: 7px;
}

.recent-blogs-container .posts .post.main-post .featured-image {
	{#height: 460px;#}
}

@media (max-width: 1024px) {
	.recent-blogs-container .posts .post.main-post .featured-image {
	    height: auto;
	}
}

.recent-blogs-container .posts .posts-container {
	row-gap: 40px;
    display: flex;
	grid-column: 3 / 4;
	flex-direction: column;
}

@media (max-width: 1024px) {
	.recent-blogs-container .posts .posts-container {
		display: grid;
		gap: 30px;
	    grid-column: span 2;
		flex-direction: row;
		grid-template-columns: 1fr 1fr;
	}
}

@media (max-width: 768px) {
	.recent-blogs-container .posts .posts-container {
		grid-template-columns: 1fr;
	}
}

.recent-blogs-container .posts .posts-container .post {
	box-shadow: 5px 5px 25px 4px rgba(22,27,48,0.05);
}

.recent-blogs-container .posts .posts-container .post h3 {
    margin-bottom: 0px;
}

.recent-blogs-container .posts .posts-container .post .summary {
    display: none;
}

.recent-blogs-container .posts .post .body {
	display: flex;
	flex-direction: column;
	padding: 25px 30px 30px;
	flex: 1;
}

.recent-blogs-container .posts .post.main-post .body h3 {
	flex: 0;
}

.recent-blogs-container .posts .post .body h3 {
	flex: 1;
    font-size: 23px;
	margin-bottom: 25px;
}

.recent-blogs-container .posts .post .body h3 a {
	color: var(--navy);
	text-decoration: none;
}

.recent-blogs-container .posts .post.main-post .body .summary {
	flex: 1;
    display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.recent-blogs-container .posts .post .body .summary {
    font-size: 16px;
	color: var(--navy);
	letter-spacing: 0;
	line-height: 25px;
	font-weight: 400;
	display: none;
}

.recent-blogs-container .posts .post .body .summary .written-author {
    margin-top: 25px;
	margin-bottom: 0px;
}

.recent-blogs-container .posts .post .body .summary .author {
	font-size: 16px;
	color: var(--navy);
	letter-spacing: 0;
	line-height: 25px;
	font-weight: 600;
}

.recent-blogs-container .posts .post img {
    max-width: 100%;
}

.recent-blogs-container .posts .post .featured-image {
	display: flex;
	{#height: 222px;#}
    margin-bottom: 25px;
}

@media (max-width: 1024px) {
	.recent-blogs-container .posts .post .featured-image {
	    height: auto;
	}
}

.recent-blogs-container .posts .post .featured-image a {
	width: 100%;
    display: block;
}

.recent-blogs-container .posts .post .featured-image img {
    width: 100%;
	{#height: 100%;#}
	object-fit: cover;
}

.recent-blogs-container .posts .post .tag {
	font-size: 16px;
	color: var(--orange);
	letter-spacing: 0;
	line-height: 32.53px;
	font-weight: 600;
	text-decoration: none;
	margin-bottom: 15px;
}


.recent-blogs-container .pagination {
    display: flex;
	gap: 5px;
	justify-content: center;
	align-items: center;
}

.recent-blogs-container .pagination .page-number {
	color: var(--navy);
	font-size: 16px;
	letter-spacing: 0;
	text-align: center;
	line-height: normal;
	font-weight: 700;
	text-decoration: none;
	padding: 5px 10px;
}

.recent-blogs-container .pagination .page-number.active {
    color: var(--orange);
}

.recent-blogs-container .pagination .previous-posts {
	margin-right: 5px;
}

.recent-blogs-container .pagination .next-posts {
	margin-left: 5px;
}