/* The supplied white logo links to the HOME of the current language.
   Desktop placement uses the green block's upper-left space; on smaller
   screens the logo has its own row so it never overlaps the headings. */
.sr-section-branded { position: relative; scroll-margin-top: 90px; }
.sr-section-branded > a.sr-section-home-logo {
  position: absolute;
  top: 20px;
  left: max(24px, calc((100% - 1170px) / 2 + 15px));
  z-index: 2;
  display: block;
  width: 120px;
  aspect-ratio: 1;
  color: #fff;
  border-radius: 3px;
  transition: opacity .2s ease;
}
.sr-section-branded > a.sr-section-home-logo img {
  display: block;
  width: 100%;
  height: auto;
}
.sr-section-branded > a.sr-section-home-logo:hover { opacity: .82; }
.sr-section-branded > a.sr-section-home-logo:focus-visible { outline: 2px solid #f4d77d; outline-offset: 5px; }
.water-directory-group.sr-section-branded { scroll-margin-top: 180px; }
.water-directory-group.sr-section-branded > a.sr-section-home-logo { left: 0; top: -70px; }
.water-directory-group + .water-directory-group.sr-section-branded > a.sr-section-home-logo { top: 12px; }
@media (max-width: 1199px) {
  .water-directory-group.sr-section-branded { scroll-margin-top: 90px; }
  .sr-section-branded > a.sr-section-home-logo {
    position: relative;
    top: auto;
    left: auto;
    width: 96px;
    margin: -20px 0 20px 30px;
  }
  .water-directory-group.sr-section-branded > a.sr-section-home-logo,
  .water-directory-group + .water-directory-group.sr-section-branded > a.sr-section-home-logo {
    top: auto;
    left: auto;
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .sr-section-branded > a.sr-section-home-logo { width: 88px; margin-left: 24px; margin-bottom: 18px; }
  .water-directory-group.sr-section-branded > a.sr-section-home-logo { margin-left: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .sr-section-branded > a.sr-section-home-logo { transition: none; }
}