/* IQ Blog index layout only. No selectors touching site header, nav or footer. */
@media (min-width: 1001px) {
  .iq-blog-site > .iq-blog-hero .iq-blog-hero-inner {
    padding-top: 46px;
    padding-bottom: 48px;
  }
  .iq-blog-site > .iq-blog-hero .iq-blog-hero-visual {
    height: 314px;
  }
}
@media (min-width: 761px) and (max-width: 1000px) {
  .iq-blog-site > .iq-blog-hero .iq-blog-hero-inner {
    padding-top: 42px;
    padding-bottom: 45px;
  }
}
@media (max-width: 760px) {
  .iq-blog-site > .iq-blog-hero .iq-blog-hero-inner {
    padding-top: 36px;
    padding-bottom: 39px;
  }
}

/* Only the blog index hero illustration: remove the white frame and its shadow.
   The site header, text, hero geometry, article cards and navigation stay unchanged. */
.iq-blog-site > .iq-blog-hero .iq-blog-hero-visual {
  border: 0;
  border-radius: 0;
  background: transparent;
  overflow: visible;
}
.iq-blog-site > .iq-blog-hero .iq-blog-hero-visual img {
  filter: none;
}