/**
 * RightAir Components - shared frontend foundation utilities.
 *
 * Loaded site-wide so Divi Theme Builder layouts and RightAir components
 * can share the same horizontal shell geometry.
 */

.ra-shell {
    box-sizing: border-box;
    width: 100% !important;
    max-width: 1400px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

@media (max-width: 1400px) {
    .ra-shell {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }
}

/* Slider shell integration.
 * The slider's component stylesheet contains a later desktop padding reset.
 * This more-specific shell rule keeps the shared 14px inline gutter active
 * at and below the 1400px reference width without changing slider internals.
 */
html body .ra-featured-slider.ra-shell {
    width: 100% !important;
    max-width: 1400px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

@media (min-width: 1181px) and (max-width: 1400px) {
    html body .ra-featured-slider.ra-shell {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }
}

@media (min-width: 1401px) {
    html body .ra-featured-slider.ra-shell {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}