/* Original, page-specific Amazon agency hero artwork. */
body.page-id-75 .hero { --sp-hero-image: url('/assets/agency-heroes/about-hero.png'); }
body.page-id-48 .hero { --sp-hero-image: url('/assets/agency-heroes/tools-hero.png'); }
body.page-id-117 .hero { --sp-hero-image: url('/assets/agency-heroes/case-studies-hero.png'); }
body.page-id-62 .hero { --sp-hero-image: url('/assets/agency-heroes/blog-hero.png'); }
body.page-id-67 .hero { --sp-hero-image: url('/assets/agency-heroes/contact-hero-founder.png'); }

body:is(.page-id-75, .page-id-48, .page-id-117, .page-id-62, .page-id-67) .hero:not(.elementor-motion-effects-element-type-background),
body:is(.page-id-75, .page-id-48, .page-id-117, .page-id-62, .page-id-67) .hero > .elementor-motion-effects-container > .elementor-motion-effects-layer {
  background-image: var(--sp-hero-image) !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

body:is(.page-id-75, .page-id-48, .page-id-117, .page-id-62, .page-id-67) .hero::before,
body:is(.page-id-75, .page-id-48, .page-id-117, .page-id-62, .page-id-67) .hero > .elementor-background-video-container::before,
body:is(.page-id-75, .page-id-48, .page-id-117, .page-id-62, .page-id-67) .hero > .elementor-motion-effects-container > .elementor-motion-effects-layer::before {
  background-color: transparent !important;
  background-image:
    linear-gradient(90deg, rgba(236, 242, 255, .16), rgba(255, 255, 255, .30) 40%, rgba(255, 255, 255, .30) 60%, rgba(236, 242, 255, .16)),
    linear-gradient(0deg, #f4f8fb 0%, rgba(244, 248, 251, 0) 25%) !important;
  opacity: 1 !important;
}

body:is(.page-id-75, .page-id-48, .page-id-117, .page-id-62) .hero h1.elementor-heading-title,
body:is(.page-id-75, .page-id-48, .page-id-117, .page-id-62) .hero h2.ekit-heading--title {
  color: #13264e !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .55);
}

body:is(.page-id-75, .page-id-48, .page-id-117, .page-id-62) .hero h2.ekit-heading--title span,
body:is(.page-id-75, .page-id-48, .page-id-117, .page-id-62) .hero h2.ekit-heading--title span span {
  color: #157e39 !important;
}

body:is(.page-id-75, .page-id-48, .page-id-117, .page-id-62, .page-id-67) :is(#black-bar, #white-bar),
body:is(.page-id-75, .page-id-48, .page-id-117, .page-id-62, .page-id-67) :is(#black-bar, #white-bar) * {
  color: #263b68 !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .7);
}

@media (max-width: 767px) {
  body:is(.page-id-75, .page-id-48, .page-id-117, .page-id-62, .page-id-67) .hero:not(.elementor-motion-effects-element-type-background),
  body:is(.page-id-75, .page-id-48, .page-id-117, .page-id-62, .page-id-67) .hero > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-position: center center !important;
  }
}