/* Blog restoration: extends the site's original blue/red theme. */
.post .background-color { width: 100%; display: flex; flex-wrap: wrap; align-items: stretch; float: none; }
.post .background-color > .remove-padding:first-child { display: flex; align-items: center; }
.post .background-color img { width: 100%; max-height: 245px; object-fit: cover; padding: 15px; }
.post .background-color .together { float: none; width: 100%; padding: 18px 25px; }
.post .background-color .together h4 { font-size: 27px; line-height: 1.25; margin-top: 5px; }
.post .background-color .together p { line-height: 1.5; }
.post .background-color .button { padding: 0; }
.post .background-color .button p { margin: 20px 0 5px; }
.post .background-color .button a { display: inline-block; font-size: 19px; padding: 9px 21px; }
.blog-article { padding-top: 10px; padding-bottom: 25px; }
.blog-article .blog-article-title { color: #0a0052; font-size: 35px; line-height: 1.2; font-weight: 700; margin: 20px 0 25px; }
.blog-article .blog-article-body { max-width: 920px; margin: 0 auto; float: none; font-size: 18px; line-height: 1.75; }
.blog-article .blog-article-body p { margin-bottom: 21px; }
.blog-article .blog-article-body img { max-width: 100%; height: auto; display: block; margin: 20px auto; }
.blog-article .blog-article-body ul, .blog-article .blog-article-body ol { margin-bottom: 22px; }
.blog-article .blog-back { padding-top: 18px; border-top: 1px solid #dedee6; margin-top: 38px; font-weight: 600; }
.blog-index-intro { text-align: center; font-size: 19px; margin: 5px 0 32px; color: #0a0052; }
@media (max-width: 767px) {
  .post .background-color { display: block; }
  .post .background-color > .remove-padding:first-child { display: block; }
  .post .background-color .together { padding: 12px 19px 22px; }
  .post .background-color .together h4 { font-size: 23px; }
  .post .background-color img { max-height: none; }
  .blog-article .blog-article-title { font-size: 28px; }
  .blog-article .blog-article-body { font-size: 17px; }
}
