/*
 * Uniform section spacing for every page.
 * Each top-level section gets the SAME padding on top and bottom,
 * smaller than the theme defaults (theme used 80/30, 120, and 125px on mobile).
 * Change --bp-section-space to tune spacing site-wide.
 */
:root {
    --bp-section-space: 50px;
}
@media only screen and (max-width: 991px) {
    :root { --bp-section-space: 40px; }
}
@media only screen and (max-width: 767px) {
    :root { --bp-section-space: 30px; }
}

/* Top-level sections of each page (hero banner, breadcrumb and full-width map are left as they are) */
.bp-page > div[class*="rts-"]:not(.rts-banner-area):not(.rts-breadcrumb-area):not(.rts-contact-map-area) {
    padding-top: var(--bp-section-space) !important;
    padding-bottom: var(--bp-section-space) !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Gap classes nested inside a section would double the spacing, so they are neutralised */
.bp-page > div[class*="rts-"] .rts-section-gap:not(.rts-footer-area),
.bp-page > div[class*="rts-"] .rts-section-gapTop:not(.rts-footer-area),
.bp-page > div[class*="rts-"] .rts-section-gapBottom:not(.rts-footer-area) {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Footer: same top spacing as the sections */
.rts-footer-area.rts-section-gapTop {
    padding-top: var(--bp-section-space) !important;
}