/* Blog post */
.blog-post { margin: 0 auto; max-width: 960px; }
.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: 0.35rem; width: 15px; }
.blog-post__tag-link { font-size: 0.875rem; }

/* Blog related posts */
.blog-related-posts { background-color: #F8FAFC; }
.blog-related-posts h2 { text-align: center; }
.blog-related-posts__list { display: flex; flex-wrap: wrap; }
.blog-related-posts__post { flex: 0 0 100%; padding: 1rem; }
@media screen and (min-width:768px) {
  .blog-related-posts__post { flex: 0 0 calc(100% / 2); }
}
@media screen and (min-width:1000px) {
  .blog-related-posts__post { flex: 0 0 calc(100% / 3); }
}
.blog-related-posts__image { height: auto; max-width: 100%; }
.blog-related-posts__title { margin: 0.7rem 0; }

/* Blog comments */
.blog-comments { margin: 0 auto; max-width: 680px; }
.blog-comments .hs-submit { text-align: center; }
.blog-comments .comment-reply-to { border: 0 none; }
.blog-comments .comment-reply-to:hover,
.blog-comments .comment-reply-to:focus { background-color: transparent; text-decoration: underline; }
{ # CSS # }
.posttitle { font-size: 42px; line-height: 1.1; margin-bottom: 15px; }
.blog-post { padding-top: 40px !important; }
@media (max-width:480px) {
  .blog-featured-background-image { height: 130px !important; }
}