.wpi-blog-posts {
}

.wpi-blog-post {
	flex-direction: column;
    height: auto;
}

.wpi-post-text {
	padding-left: 20px;
	color: #888;
}

.wpi-post-text h3 {
	margin: 0;
}

.wpi-post-meta {
	font-size: .9rem;
	margin: 8px 0;
    display: flex;
}

.wpi-post-meta > span {
	margin-right: 12px;
}

.wpi-blog-posts-pagination {
	display: flex;
	align-items: center;
	justify-content: center;
}

.wpi-blog-posts-pagination a,
.wpi-blog-posts-pagination span {
	display: block;
}

.wpi-blog-posts-pagination span {
	padding: 8px;
}

.wpi-pagination-current-page {
	font-weight: bold;
}

.wpi-post-image {
	height: 50vw;
}

@media (min-width: 576px) {	
	.wpi-post-image {
		height: auto;
		min-height: 240px;
	}
}

@media (min-width: 768px) {
	.wpi-blog-post {
		flex-direction: initial;
	}
	
	.wpi-post-image {
		min-width: 250px;
		max-width: 300px;
	}
}

@media (min-width: 992px) {	
	.wpi-post-image {
		min-height: 160px;
	}
}

@media (min-width: 1200px) {
	.wpi-post-image {
		min-height: 180px;
	}
}