/*
Theme Name: Stage Digital Child
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Template: stagedigital
*/

.blog-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 30px;
	margin-top: 30px;
	margin-bottom: 30px;
}
.post-image {
  position: relative;
  width: 100%;
  aspect-ratio: 4 / 3; /* modern browsers */
  overflow: hidden;
}

.post-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blog-grid-post .blog-grid-post-title {
	margin-top: 10px;
}

.blog-grid-post .blog-grid-post-title a {
    font-size: 18px;
    text-align: left;
	font-weight: 700;
}
.blog-grid-post .posted-on {
	margin-top: 10px;
	font-size: 0.8em;
}



@media (max-width: 1024px) {
	.blog-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 767px) {
	.blog-grid {
		grid-template-columns: repeat(1, 1fr);
	}
}

.blog-posts .pagination {
	margin-top: 30px;
	margin-bottom: 30px;
}
.blog-posts .nav-links {
    text-align: center;
}
.blog-posts .nav-links a {
    margin-right: 5px;
	margin-left: 5px;
}