.blog-index {
	display: flex;
	flex-wrap: wrap;
}
.blog-index__post {
	flex: 0 0 100%;
	padding: 1.4rem 1rem;
}
@media screen and (min-width: 768px) {
	.blog-index__post--small {
		flex: 0 0 50%;
	}
}
@media screen and (min-width: 1000px) {
	.blog-index__post--small {
		flex: 0 0 33.33333%;
	}
}
@media screen and (min-width: 768px) {
	.blog-index__post--large {
		display: flex;
		flex: 1 0 100%;
	}
}
.blog-index__post-image {
	height: auto;
	max-width: 100%;
}
@media screen and (min-width: 768px) {
	.blog-index__post-image-wrapper--large {
		flex: 1 1 48%;
	}
	.blog-index__post-content--large {
		flex: 1 1 48%;
		padding-left: 2rem;
	}
	.blog-index__post-content--full-width {
		flex: 1 1 100%;
		padding-left: 0;
	}
}
.blog-index__post-title {
	font-size: 1.25rem;
}
.blog-index__post-timestamp {
	display: block;
}
.blog-index__post-author {
	align-items: center;
	display: flex;
}
.blog-index__post-author-image {
	border-radius: 50%;
	height: auto;
	margin-right: 0.35rem;
	width: 30px;
}
.blog-index__post-author,
.blog-index__post-image--small,
.blog-index__post-tags,
.blog-index__post-timestamp,
.blog-index__post-title {
	margin: 0 0 0.7rem;
}
.blog-pagination {
	display: flex;
	justify-content: center;
}
.blog-pagination__link {
	border: 2px solid transparent;
	border-radius: 0;
	line-height: 1.5;
	margin: 0 0.1rem;
	padding: 10px 20px;
	text-decoration: none;
	transition: all 0.15s linear;
}
.blog-pagination__link:focus,
.blog-pagination__link:hover {
	-webkit-transform: translateY(-2px);
	-ms-transform: translateY(-2px);
	transform: translateY(-2px);
}
.blog-pagination__link--active {
	border-color: #b0c1d4;
}
.blog-pagination__link:focus,
.blog-pagination__link:hover {
	text-decoration: none;
}
.blog-pagination__prev-link {
	margin-right: 0.25rem;
}
.blog-pagination__next-link {
	margin-left: 0.25rem;
}
.blog-pagination__link.blog-pagination__next-link--disabled,
.blog-pagination__link.blog-pagination__prev-link--disabled {
	cursor: default;
	opacity: 0.7;
	pointer-events: none;
}
.blog-pagination__next-link svg,
.blog-pagination__prev-link svg {
	margin: 0 0.3rem;
}
.blog-pagination__next-link--disabled svg,
.blog-pagination__prev-link--disabled svg {
	fill: #b0c1d4;
}
.blog-pagination__number-link:focus,
.blog-pagination__number-link:hover {
	border: 2px solid #b0c1d4;
}
@media (max-width: 767px) {
	.blog-pagination__number-link {
		display: none;
	}
}
.blog-post-hero {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
}
.blog-post-hero .blog-post-name h1 {
	color: #fff;
}
.blog-post {
	margin: 0 auto;
	max-width: 960px;
}
.blog-post figure {
	margin: 1rem 0;
}
.blog-post__meta {
	margin-bottom: 1.4rem;
}
.blog-post__meta a {
	text-decoration: underline;
}
.blog-post__timestamp {
	display: block;
}
.blog-post__tags svg {
	height: auto;
	margin-right: 10px;
	width: 15px;
}
.blog-post__tag-link {
	font-size: 0.875rem;
}
.blog-related-posts {
	background-color: #f8fafc;
}
.blog-related-posts__list {
	display: flex;
	flex-flow: row;
	flex-wrap: wrap;
	margin-left: -12px;
	margin-right: -12px;
}
.blog-related-posts__list .blog-related-posts__post {
	flex: 0 0 33.3333333333%;
	max-width: 33.3333333333%;
	padding: 20px 12px;
}
.blog-related-posts__post .blog-related-posts__content .blog-related-posts-text h2 {
	font-size: 16px;
}
.blog-related-posts__image {
	height: auto;
	max-width: 100%;
}
.blog-related-posts__title {
	margin: 0.7rem 0;
}
.blog-comments {
	margin: 0 auto;
	max-width: 680px;
}
.blog-comments .hs-submit {
	text-align: center;
}
.blog-comments .comment-reply-to {
	border: 0;
}
.blog-comments .comment-reply-to:focus,
.blog-comments .comment-reply-to:hover {
	background-color: transparent;
	text-decoration: underline;
}