.post-grid {
	orphans: 1;
	widows: 1;
	@include column-count(3);
	@include column-gap(rem(20px));
	
	& .post-li {
		display: inline-block;
		margin-bottom: rem(20px);
		
		& .post-image,
		& .post-video {
			margin: -1px -1px 0;
		}
		& .post-content {
			border: 1px solid rgba($dark, .15);
		}
		& .post-info {
			padding: rem(30px);
		}
		& blockquote {
			margin-bottom: 0;
		}
	}
	&.post-grid-2 {
		@include column-count(2);
	}
	&.post-grid-3 {
		@include column-count(3);
	}
	&.post-grid-4 {
		@include column-count(4);
	}
	@include media-breakpoint-down(md) {
		@include column-count(1);
		
		& .post-li {
			& .post-info {
				padding: rem(20px);
			}
		}
		&.post-grid-2,
		&.post-grid-3,
		&.post-grid-4 {
			@include column-count(1);
		}
	}
}