.blog {
	display: flex;
	flex-wrap: wrap;
	gap: 1em;
}
.blog-display {
	flex-grow: 1;
}
.blog-sidebar {
	flex: 1 1 25%;
	max-width: 25%;
}
.blog-footer {
	width: 100%;
}

article.post {
	border:1px solid #ccc;
	margin-bottom:1.5rem;
	box-shadow: 0px 2px 10px rgba(0,0,0,0.25);
	@media (min-width:991px){
		display: grid;
		grid-template-columns: 1fr 3fr;
	}
}
.post-image-feature img {
	height: 100% !important;
	width: 100%;
	object-fit: cover;
}
@media (min-width:768px){
	div.post .post-image-feature {
		float:right;
		width: 33%;
		margin-left: 2rem;
		margin-bottom: 2rem;
	}
}
.post-content {
	padding: 1rem 1.5rem;
}
.post h1 {
	font-size: 2.5rem;
	font-size: clamp(1.75rem,5vw,2.5rem);
	margin-bottom: .25em;
}
.post-publish,
.post-category {margin:15px 0;}
.post-excerpt {font-weight:bold;}
.post-files {border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding-top:10px;margin-top:10px;}
.post-file-item {margin-bottom:10px;}
.post-file-item a img {vertical-align:text-top;}
.post-file-item-ext {text-transform:uppercase;font-weight:normal;}
.post-file-item-description {}
.post-share {margin-top:15px;}
.post-show-all {float:right;padding:10px 0 0 10px;}

.post-comments {background:rgba(0,0,0,0.05);padding:20px;}
.post-comments .comments-link {font-weight:bold;}

.blog.blog-with-sidebar {float:left;width:70%;}
.blog-display-title h1 {text-transform:uppercase;letter-spacing:.1em;padding-bottom:15px;color:#555;}
.blog-display-title h1 a {float:right;}
.blog-display-list .post-content img {display:none;}

.blog-sidebar {}
.blog-sidebar h2 {
	font-size: 1rem;
}
.blog-sidebar ul {margin:10px 0;padding:0 0 0 25px;}
.blog-sidebar .search-posts input {background:url('../images/search.png') no-repeat 5px center #fff;border:1px solid #ccc;border-radius:3px;margin-left:15px;padding:5px 5px 5px 25px;margin-bottom:10px;width:150px;}
.blog .pagination {margin-bottom:20px;}
.blog .blog-prev-next {font-weight:bold;margin-bottom:10px;text-transform:uppercase;}
.blog .blog-prev-next .next {float:right;}

.blog-footer {border-top:1px solid #ccc;padding-top:20px;margin-top:20px;clear:both;}
.blog-footer .widget {display:inline-block;*display:inline;zoom:1;width:24%;vertical-align:top;}
.blog-footer .widget h2 {
	font-size: 1rem;
}