.blog-archive {
	padding: 50px 0;
	background:#ffffff;
}
.blog-single-page + .blog-archive { padding-top: 0; }

@media (min-width: 769px) {
	.blog-heading {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
}
.blog-heading a {
	color: var(--cream, #E2CEB3);
}
.blog-heading + .blog-grid { margin: 30px 0 0; }

.blog-grid {
	display:grid;
	grid-template-columns:repeat(3, minmax(0, 1fr));
	gap: 43px;
	margin: 0 0 30px;
}
.approach-hero__title{
        width: min-content;  
    }
.blog-pagination{
	display:flex;
	justify-content:center;
	gap: 8px;
	margin-top: 28px;
}

/* Pagination */
.pagination {
    margin-top: 30px;
	margin-bottom: 30px;
}
.pagination > div {
    display: flex;
    gap: 5px;
}
.pagination > div a,
.pagination > div span {
    width: 32px;
	height: 32px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	border: 1px solid #eadfce;
	border-radius: 4px;
	font-size: 12px;
	font-weight: 800;
	color: #bda98b;
	background: transparent;
}
.pagination .page-numbers.current {
    background: #ccb89a;
	color: #ffffff;
	border-color: #ccb89a;
}
.pagination .page-numbers.next,
.pagination .page-numbers.prev {}
.pagination .page-numbers.next:after,
.pagination .page-numbers.prev:after {}
.pagination .page-numbers.prev:after {}

.blog-single-page {}
.blog-single-page .container {
	max-width: 1060px;
}
.blog-single-page .photo-hero { margin: 0 0 50px; }
.blog-single-page .photo-hero img { border-radius: 10px; }
.blog-single-page .blog-content { margin: 0 0 50px; }

@media (max-width: 991px){
	.blog-grid{
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 26px;
	}
}

@media (max-width: 620px){
	.blog-grid{
		grid-template-columns: 1fr;
		gap: 22px;
	}
}
