/* =========================
   BLOG POSTS
========================= */

.md-post-card {
	margin: 0 0 2rem 0;
	padding: 0 0 2rem 0;
	border-bottom: 1px solid rgba(0,0,0,0.15);
}

.md-post-card:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

/* =========================
   BLOG IMAGE
========================= */

.post-image {
	display: block;
	float: left;
	width: 14rem;
	aspect-ratio: 4 / 3;
	margin: 0 1.5rem 1rem 0;
	background-size: cover;
	background-position: center;
	text-decoration: none;
}

/* =========================
   BLOG TYPOGRAPHY
========================= */

.post-title {
	margin: 0 0 0.5rem 0;
	text-align: left;
}

.post-meta {
	margin: 0 0 1rem 0;
	font-size: 0.9em;
	opacity: 0.75;
}

/* =========================
   PAGINATION WRAPPER
========================= */

.md-home-pagination {
	margin-top: 2rem;
}

/* =========================
   MOBILE
========================= */

@media (max-width: 768px) {

	.post-image {
		float: none;
		width: 100%;
		margin: 0 0 1rem 0;
	}

}