.post-bg h1 {color:var(--Dark-Green,#082a2c);}
.blog-loop{display:grid;grid-gap:50px;}
.blog-loop article{display:flex;gap:50px;text-decoration:none;align-items:center;}
.post-thumbnail{max-width:300px; width:100%; overflow: hidden; }
.post-thumbnail figure { object-fit: cover; width: 100%; margin: 0; overflow: hidden;  }
.post-thumbnail img{width:100%;height:auto; vertical-align:middle; aspect-ratio: 3 / 2; object-fit: cover; transition: transform 0.3s ease-in-out;}
.post-thumbnail img:hover{ transform: scale(1.05); }
.content-group{width:100%; display:flex; flex-wrap:wrap; row-gap:15px; color:var(--Darker-Gray); flex-direction:column; }
.content-group h2{margin-bottom:10px;font-size:30px !important; width:100%;}
.content-group h2 a{text-decoration:none;color:var(--Dark-Green);}
.content-group h2 a:hover{text-decoration:underline;}

.read-more{text-decoration:none;display:inline-block;border-radius: 50px;position: relative;transition: filter .25s ease-out;padding: 7px 40px;color: var(--White);background: var(--Brand-Pink-Gradient-CTA);overflow: hidden;z-index: 0;}
.read-more:before{content: '';width: 100%;height: 100%;background: var(--Brand-Pink);top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: -1;transition: opacity .25s ease-out;display: block;position: absolute;opacity: 0;}
.read-more:hover:before{opacity: 1;}
.read-more:visited { color:var(--White); }
.post-meta{margin-bottom:5px;}
.post-category,
.post-category:visited{padding: 4px 12px;border: 2px solid var(--Brand-Green);color: var(--Brand-Green);font-weight: 600;font-size: 14px;border-radius: 50px;text-decoration:none;transition: background .25s ease-out; display: inline-flex; margin-bottom: 5px;}
.post-category:hover{background:var(--Brand-Green);color:var(--White);}

.pagination-wrap{margin:15px auto 0; display: flex; gap: 5px; flex-wrap:wrap;}
.pagination{text-align: center;margin-top: 20px;}
.pagination-wrap a,
.pagination-wrap span{display: inline-flex;padding: 5px 10px;margin: 0 2px;border: 1px solid var(--Brand-Green);text-decoration: none;color: var(--Brand-Green); border-radius: 2px;}
.pagination-wrap .page-numbers.current{background-color: var(--Brand-Green);color: var(--White);}
.pagination-wrap a:hover{color:var(--White);background-color: var(--Brand-Green);}

#post-602 { display:none; }

@media(max-width:700px){
	.blog-loop article{flex-direction:column;}
}