/**
 * RR landing (indexRR.php) overrides:
 * 1. Cover body with background image; add padding at top/bottom so image isn't cropped at edges
 * 2. Reduce gap above "Admissions open" title in the form container
 */

/* Cover width fully; limit image to content area so top/bottom padding show body color (no crop at edges) */
body.landing-rr {
    box-sizing: border-box !important;
    padding-top: 32px !important;
    padding-bottom: 32px !important;
    min-height: 100vh;
    background-origin: content-box !important;
    background-clip: content-box !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

/* Reduce top padding in form container to lessen gap above "Admissions open" title */
body.landing-rr .container {
    padding-top: 12px !important;
}

body.landing-rr .form-title {
    margin-top: 0;
    margin-bottom: clamp(10px, 1.2vw, 14px);
}

/* create a new one for msc apply page ... background mage should show completely in the page
 and the padding should be 12px on top and bottom ... The image should be fit completely to the page */
body.landing-rr.msc-apply-page {
    min-height: 100vh;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    background-origin: border-box !important;
    background-clip: border-box !important;
    background-size: 100% 100% !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
}

body.landing-rr.msc-apply-page .container {
    padding-top: 12px !important;     
    padding-bottom: 12px !important;     
    background: var(--form-bg, rgba(255, 255, 255, 0.96)) !important;
}

body.landing-rr.msc-apply-page .form-group {
    margin-bottom: 12px;
}