/* WordPress theme: responsive hero backgrounds (desktop / mobile). */
.hero.es7-hero--split .hero-media {
  background-image: var(--es7-bg-mobile);
}

@media (min-width: 980px) {
  .hero.es7-hero--split .hero-media {
    background-image: var(--es7-bg-desktop);
  }
}

.screen-reader-text,
.es7-sr-only {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}