/*
 * SEO heading-level fixes keep each element's original look.
 * <tag class="seo-hN"> renders exactly like the <hN> it replaced (e.g. <h2 class="seo-h3">, <p class="seo-h6">);
 * selectors use tag:where(.seo-hN) so they keep the specificity of the original bare hN selector.
 * Blog-page companion of seo-headings.css (loaded after blog.min.css). Generated from assets/scss/blog.scss by @extend-ing hN onto tag.seo-hN
 * and keeping only the .seo-hN selectors. "color: inherit" is dropped so colour classes such as .textred still apply.
 */
.blog-heading span h1:where(.seo-h3), .blog-heading span h2:where(.seo-h3), .blog-heading span p:where(.seo-h3) {
  margin-bottom: 0;
}
.blog-card-body h1:where(.seo-h5), .blog-card-body h2:where(.seo-h5), .blog-card-body h3:where(.seo-h5), .blog-card-body p:where(.seo-h5) {
  font-size: 19px;
  line-height: 1.4;
  margin-bottom: 0.75rem;
}
.blog-card-body h1:where(.seo-h5) a, .blog-card-body h2:where(.seo-h5) a, .blog-card-body h3:where(.seo-h5) a, .blog-card-body p:where(.seo-h5) a {
  color: #292929;
  text-decoration: none;
  transition: color 300ms ease;
}
.blog-card-body h1:where(.seo-h5) a:hover, .blog-card-body h2:where(.seo-h5) a:hover, .blog-card-body h3:where(.seo-h5) a:hover, .blog-card-body p:where(.seo-h5) a:hover {
  color: #AD2726;
}
.blog-content p:where(.seo-h2),
.blog-content p:where(.seo-h3),
.blog-content p:where(.seo-h4),
.blog-content p:where(.seo-h5),
.blog-content p:where(.seo-h6) {
  color: #292929;
  font-weight: 500;
  line-height: 1.35;
  margin: 2.5rem 0 1rem;
}
.blog-content p:where(.seo-h2) {
  font-size: 26px;
}
@media screen and (max-width: 991px) {
  .blog-content p:where(.seo-h2) {
    font-size: 22px;
  }
}
.blog-content h1:where(.seo-h3), .blog-content h2:where(.seo-h3), .blog-content p:where(.seo-h3) {
  font-size: 22px;
}
@media screen and (max-width: 991px) {
  .blog-content h1:where(.seo-h3), .blog-content h2:where(.seo-h3), .blog-content p:where(.seo-h3) {
    font-size: 19px;
  }
}
.blog-content p:where(.seo-h4) {
  font-size: 19px;
}
@media screen and (max-width: 991px) {
  .blog-content p:where(.seo-h4) {
    font-size: 17px;
  }
}
.blog-content h1:where(.seo-h5), .blog-content h2:where(.seo-h5), .blog-content h3:where(.seo-h5), .blog-content p:where(.seo-h5) {
  font-size: 17px;
  font-weight: 600;
}
.blog-content h3:where(.seo-h6), .blog-content p:where(.seo-h6) {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #AD2726;
}
.blog-share h3:where(.seo-h6), .blog-share p:where(.seo-h6) {
  margin: 0;
  letter-spacing: 1px;
}
.blog-faq p:where(.seo-h2) {
  font-size: 26px;
  color: #292929;
  margin-bottom: 1.25rem;
}
@media screen and (max-width: 991px) {
  .blog-faq p:where(.seo-h2) {
    font-size: 22px;
  }
}