.elementor-1852 .elementor-element.elementor-element-4d2587b{--display:flex;}/* Start custom CSS *//* =========================================================
   RUSH HOUR SHUTTLE
   DEEP NAVY BLUE + GOLD MASTER COLOR OVERRIDE
   ========================================================= */

.rhs-site,
.rhs-services-page {

    --navy: #011122;
    --navy-2: #071D38;
    --blue: #0A2D57;
    --blue-card: #0D3768;
    --blue-border: #25527F;

    --gold: #E0AD32;
    --gold-light: #F4CC62;
    --gold-dark: #C88E19;

    --white: #FFFFFF;
    --soft-white: #DDE6F2;
    --gray: #B8C5D6;

    --black: #011122;
    --dark: #071D38;
    --dark-2: #0A2D57;
    --dark2: #0A2D57;
    --light: #071D38;
}


/* =========================================================
   MAIN PAGE BACKGROUNDS
   ========================================================= */

.rhs-site,
.rhs-services-page,
.rhs-services,
.rhs-story,
.rhs-service-section,
.rhs-process,
.rhs-why,
.rhs-travel-types {
    background: #011122 !important;
}


/* =========================================================
   HERO - BLUE OVERLAY WITHOUT CHANGING IMAGE URL
   ========================================================= */

.rhs-hero {
    position: relative;
}

.rhs-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;

    background: linear-gradient(
        90deg,
        rgba(1,17,34,.96) 0%,
        rgba(1,17,34,.90) 35%,
        rgba(7,29,56,.70) 58%,
        rgba(7,29,56,.32) 78%,
        rgba(1,17,34,.25) 100%
    );

    pointer-events: none;
}

.rhs-hero .rhs-wrap {
    position: relative;
    z-index: 1;
}


/* =========================================================
   SERVICES PAGE HERO
   ========================================================= */

.rhs-services-hero {
    background:
        radial-gradient(
            circle at 78% 30%,
            rgba(244,204,98,.20),
            transparent 38%
        ),
        linear-gradient(
            135deg,
            #011122 0%,
            #071D38 55%,
            #0A2D57 100%
        ) !important;

    border-bottom-color: #25527F !important;
}


/* =========================================================
   HEADINGS
   ========================================================= */

.rhs-section-title,
.rhs-services-page h1,
.rhs-services-page h2,
.rhs-services-page h3,
.rhs-site h1,
.rhs-site h2,
.rhs-site h3,
.rhs-why .rhs-section-title,
.rhs-travel-types h2,
.rhs-travel-card h3,
.rhs-benefit h3 {
    color: #FFFFFF;
}


/* GOLD ACCENTS */

.rhs-section-label,
.rhs-label,
.rhs-eyebrow,
.rhs-benefit-number,
.rhs-process-number {
    color: #F4CC62 !important;
}

.rhs-hero h1 span,
.rhs-services-hero h1 span {
    color: #F4CC62 !important;
}


/* =========================================================
   BODY TEXT
   ========================================================= */

.rhs-section-lead,
.rhs-card p,
.rhs-service-copy p,
.rhs-process-card p,
.rhs-story-text p,
.rhs-benefit p,
.rhs-travel-card p,
.rhs-services-hero p,
.rhs-travel-types > .rhs-wrap > p {
    color: #C5D0DF !important;
}


/* =========================================================
   DARK BLUE CARDS
   ========================================================= */

.rhs-card,
.rhs-service-row,
.rhs-process-card,
.rhs-travel-card {

    background: linear-gradient(
        145deg,
        #0D3768 0%,
        #071D38 100%
    ) !important;

    border: 1px solid #25527F !important;
}


/* CARD HOVER */

.rhs-card:hover,
.rhs-service-row:hover,
.rhs-travel-card:hover {
    border-color: #F4CC62 !important;
}


/* =========================================================
   SERVICE ICONS
   ========================================================= */

.rhs-icon,
.rhs-service-icon {

    border-color: #E0AD32 !important;
    color: #F4CC62 !important;

    background: rgba(244,204,98,.05);
}


/* =========================================================
   GOLD LINKS
   ========================================================= */

.rhs-card a,
.rhs-service-action a {
    color: #F4CC62 !important;
}


/* =========================================================
   WHY CHOOSE US
   ========================================================= */

.rhs-why {
    background:
        linear-gradient(
            135deg,
            #071D38,
            #011122
        ) !important;
}

.rhs-benefit {
    border-bottom-color: #25527F !important;
}


/* =========================================================
   TRAVEL TYPE SECTION
   ========================================================= */

.rhs-travel-types {
    background: #071D38 !important;
}

.rhs-travel-types .rhs-label {
    color: #F4CC62 !important;
}


/* =========================================================
   GOLD STRIPS / CTA SECTIONS
   ========================================================= */

.rhs-intro,
.rhs-cta,
.rhs-services-cta {

    background: linear-gradient(
        135deg,
        #F4CC62 0%,
        #E0AD32 52%,
        #C88E19 100%
    ) !important;

    color: #011122 !important;
}


/* TEXT INSIDE GOLD AREAS */

.rhs-intro h2,
.rhs-intro strong,
.rhs-cta h2,
.rhs-services-cta h2 {
    color: #011122 !important;
}

.rhs-intro p,
.rhs-intro span,
.rhs-cta p,
.rhs-services-cta p {
    color: #152237 !important;
}


/* =========================================================
   GOLD BUTTONS
   ========================================================= */

.rhs-btn-gold {

    background: linear-gradient(
        135deg,
        #F4CC62,
        #E0AD32
    ) !important;

    color: #011122 !important;

    box-shadow: 0 8px 24px rgba(224,173,50,.18);
}

.rhs-btn-gold:hover {
    background: linear-gradient(
        135deg,
        #FFE08A,
        #E0AD32
    ) !important;

    color: #011122 !important;
}


/* =========================================================
   DARK BUTTONS ON GOLD BACKGROUNDS
   ========================================================= */

.rhs-btn-dark,
.rhs-cta .rhs-btn {

    background: #011122 !important;
    color: #FFFFFF !important;
    border: 1px solid #011122 !important;
}

.rhs-btn-dark:hover,
.rhs-cta .rhs-btn:hover {

    background: #0A2D57 !important;
    color: #F4CC62 !important;
}


/* =========================================================
   OUTLINE BUTTON
   ========================================================= */

.rhs-btn-outline {

    border-color: #F4CC62 !important;
    color: #F4CC62 !important;
}

.rhs-btn-outline:hover {

    background: #F4CC62 !important;
    color: #011122 !important;
}


/* =========================================================
   PHOTO BADGE
   ========================================================= */

.rhs-photo-badge {

    background: linear-gradient(
        135deg,
        #F4CC62,
        #D69E26
    ) !important;

    color: #011122 !important;
}


/* =========================================================
   GOLD QUOTE LINE
   ========================================================= */

.rhs-quote {
    border-left-color: #F4CC62 !important;
    color: #FFFFFF !important;
}


/* =========================================================
   GOLD INTRO DIVIDERS
   ========================================================= */

.rhs-intro-item {
    border-right-color: rgba(1,17,34,.25) !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .rhs-hero::before {

        background: linear-gradient(
            90deg,
            rgba(1,17,34,.96) 0%,
            rgba(1,17,34,.87) 58%,
            rgba(1,17,34,.52) 100%
        );
    }
}/* End custom CSS */