/**
 * RIH — Divi primary header: cap oversized logo dimensions without breaking layout.
 * Divi uses floats + .logo_helper for vertical alignment; do NOT override with flex.
 */

#main-header .logo_container,
#main-header.et-fixed-header .logo_container {
  box-sizing: border-box;
  max-width: min(38vw, 280px) !important;
  width: auto !important;
}

#main-header .logo_container a {
  display: inline-block;
  max-width: 100%;
  vertical-align: middle;
}

/* Neutralize huge width/height attributes; keep Divi’s inline alignment with .logo_helper */
#main-header .logo_container img#logo,
#main-header.et-fixed-header .logo_container img#logo {
  display: inline-block;
  vertical-align: middle;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: clamp(44px, 9vw, 84px) !important;
  object-fit: contain;
}

@media only screen and (max-width: 980px) {
  #main-header .logo_container,
  #main-header.et-fixed-header .logo_container {
    max-width: min(70vw, 280px) !important;
  }
}