/*
Fallback for dynamic header logo size.
Loaded only when Theme Settings logo heights are empty.
*/

@media screen and (min-width: 769px) and (max-width: 1440px) {
  body:not(.is-mobile-menu) .header .branding .logo-dynamic img {
    min-height: 0 !important;
    height: clamp(30px, 2.2vw, 40px) !important;
    width: auto !important;
    max-width: 100%;
    max-height: none !important;
    object-fit: contain;
    display: block;
  }
}

@media screen and (min-width: 769px) and (max-width: 1180px) {
  body:not(.is-mobile-menu) .header .branding .logo-dynamic img {
    height: 34px !important;
  }
}