/* The icon variant's cover carries a min-height (1270px inline) that its content
   never fills — the cover centers its inner container, so the leftover height
   splits evenly above and below as dead space: ~440px at 1920px (content is only
   833px), and the bulk of the section on mobile. Let it hug its content; the
   70px top/bottom padding still gives it breathing room. No-op for the
   content/steps variants, whose content already exceeds the 430px min-height
   core puts on .wp-block-cover. !important is required to beat the inline style
   the pattern serializes. Was mobile-only until PageProofer #3 flagged the same
   dead space on desktop. */
.bmg-side-tabs {
    min-height: auto !important;
}

/*mobile*/

@media (max-width: 768px) {
    /*titles*/
    .bmg-side-tabs .bmg-titles {
        margin-bottom: 15px !important;
    }

    .bmg-side-tabs .bmg-section-title {
        font-size: 45px !important;
    }

    h3.ymca-side-tabs__panel-title {
        font-size: 28px;
    }
}