/* The sticky-header adapter keeps this nav shell in flow at the old breakpoint.
   Its own white-bar placeholder replaces Weebly's former fixed-nav compensation. */
@media screen and (max-width: 992px) {
  body.vtm1169-staging .header-wrap > .nav-wrap + .banner-wrap {
    padding-top: 0;
  }
}

/* Keep the original recertification artwork complete below its 291px cover width.
   Its lettering is part of the image; the captured inner banner is empty. */
@media screen and (max-width: 1030px) {
  body.vtm1169-staging.wsite-page-api-1169-recertification-web-quiz .header-wrap > .banner-wrap .wsite-section-wrap {
    display: block;
  }
  body.vtm1169-staging.wsite-page-api-1169-recertification-web-quiz .header-wrap > .banner-wrap .wsite-header-section {
    display: block;
    height: auto !important;
    aspect-ratio: 2732 / 772;
    background-size: contain !important;
    background-position: 50% 50% !important;
  }
  body.vtm1169-staging.wsite-page-api-1169-recertification-web-quiz .header-wrap > .banner-wrap .banner {
    padding: 0;
  }
}

/* Weebly's retired parallax runtime cleared fixed backgrounds on mobile/tablet.
   Restore it for the two captured parallax sections, without JS or UA sniffing. */
@media screen and (max-width: 1024px), screen and (hover: none) and (pointer: coarse) {
  body.vtm1169-staging.wsite-page-classroom .header-wrap > .banner-wrap .wsite-header-section.wsite-section-effect-parallax,
  body.vtm1169-staging.wsite-page-online #main-wrap .wsite-background-54.wsite-section-effect-parallax {
    background-attachment: scroll !important;
  }
}