/*
 * Protected Medical hero image source.
 * Keep these files and selectors stable: the same URLs are preloaded in the
 * HTML head and are consumed by the homepage and Job Seekers hero. Keeping
 * this stylesheet separate and last-loaded shields the artwork from routine
 * theme/layout CSS edits elsewhere in site.css and output.css.
 */
.medical-facilities-background {
  background-image: url("../img/facilities_hero_background.png") !important;
  background-image: image-set(
    url("../img/facilities_hero_background.webp") type("image/webp"),
    url("../img/facilities_hero_background.png") type("image/png")
  ) !important;
}

.medical-jobseekers-background {
  background-image: var(--medical-jobseekers-overlay), url("../img/job_seekers_hero_background.png") !important;
  background-image: var(--medical-jobseekers-overlay), image-set(
    url("../img/job_seekers_hero_background.webp") type("image/webp"),
    url("../img/job_seekers_hero_background.png") type("image/png")
  ) !important;
}

.view[data-view="jobs"] .marble.jobseekers-hero-background {
  background-image: url("../img/job_seekers_hero_background.png") !important;
  background-image: image-set(
    url("../img/job_seekers_hero_background.webp") type("image/webp"),
    url("../img/job_seekers_hero_background.png") type("image/png")
  ) !important;
}