/* Event/venue hero image slider is set to height: calc(100vh - 150px) by the theme,
   which on narrow mobile viewports makes a very tall, narrow box. Landscape banner
   images then render small and centered, leaving large blurred-backdrop gaps above
   and below. Cap the height on mobile so the banner stays proportionate. Does not
   apply to the homepage hero slider (.homepage-slider), which overlays title/CTA
   text and is meant to stay tall. */
@media (max-width: 767.98px) {
    .slider-main.owl-carousel:not(.homepage-slider) .item-slide {
        height: 220px;
    }
}