/* ==========================================================================
   FACULTY MOBILITY - DARK THEME
   ========================================================================== */

.faculty-mobility-dark {
    background-color: #0F0445;
    color: #ffffff;
}


/* ==========================================================================
   Header
   ========================================================================== */

.faculty-mobility-dark .staff-mobility-subtitle {
    color: #ffffff;
}

.faculty-mobility-dark .staff-mobility-title {
    color: #FFC800;
}


/* ==========================================================================
   Gradient / Highlighted Title
   ========================================================================== */

.faculty-mobility-dark .staff-mobility-title .text-gradient {
    background: none;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: #FFC900;
    background-clip: unset;
    color: #FFC900;
}


/* ==========================================================================
   Description
   ========================================================================== */

.faculty-mobility-dark .staff-mobility-desc {
    color: #E0E0E0;
}


/* ==========================================================================
   CTA Banner
   ========================================================================== */

.faculty-mobility-dark .staff-mobility-cta {
    background-color: #FFFFFF;
}


/* ==========================================================================
   CTA Background Circle
   ========================================================================== */

.faculty-mobility-dark .staff-mobility-cta::after {
    background: radial-gradient(
        circle,
        #B53C72 0%,
        #6A3FC4 100%
    );
}


/* ==========================================================================
   CTA Hover Circle
   ========================================================================== */

.faculty-mobility-dark .staff-mobility-cta:hover::after {
    box-shadow:
        inset 20px 0 100px rgba(102, 79, 218, 0.35),
        0 0 0 40px rgba(59, 42, 140, 0.25),
        0 0 0 80px rgba(59, 42, 140, 0.15);
}


/* ==========================================================================
   CTA Heading
   ========================================================================== */

.faculty-mobility-dark .staff-mobility-cta-title {
    background: var(
        --New,
        linear-gradient(
            90deg,
            #B53C72 0%,
            #5641E0 100%
        )
    );

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}


/* ==========================================================================
   CTA Description
   ========================================================================== */

.faculty-mobility-dark .staff-mobility-cta-desc {
    color: #444444;
}


/* ==========================================================================
   CTA Button
   ========================================================================== */

.faculty-mobility-dark .staff-mobility-cta-btn {
    background-color: #FFC900;
    color: #000000;
}


/* ==========================================================================
   CTA Button Hover
   ========================================================================== */

.faculty-mobility-dark .staff-mobility-cta-btn:hover {
    background-color: #E5B400;
    color: #000000;
}


/* ==========================================================================
   Faculty Grid Heading
   ========================================================================== */

.faculty-mobility-dark .staff-mobility-grid-title {
    color: #FFC900;
}


/* ==========================================================================
   Faculty Cards
   ========================================================================== */

.faculty-mobility-dark .staff-mobility-faculty-card {
    background-color: #F0EEFE;
}


/* ==========================================================================
   Faculty Image
   ========================================================================== */

.faculty-mobility-dark .staff-mobility-faculty-img-wrapper {
    background-color: #CCCCCC;
}


/* ==========================================================================
   Faculty Information
   ========================================================================== */

.faculty-mobility-dark .staff-mobility-faculty-info {
    background-color: #F0EEFE;
}



/* ==========================================================================
   Faculty Name
   ========================================================================== */

.faculty-mobility-dark .staff-mobility-faculty-name {
    color: #000000 !important;
}


/* ==========================================================================
   Faculty Department
   ========================================================================== */

.faculty-mobility-dark .staff-mobility-faculty-dept {
    color: #6C757D !important;
}


/* ==========================================================================
   Slider Controls
   ========================================================================== */

.faculty-mobility-dark .student-mobility-progress-container {
    background-color: #24195F;
}

.faculty-mobility-dark .student-mobility-progress-bar {
    background-color: #FFC900;
}


/* ==========================================================================
   Navigation Buttons
   ========================================================================== */

.faculty-mobility-dark .student-mobility-nav-buttons button {
    background-color: #24195F;
    color: #FFFFFF;
}


/* ==========================================================================
   Navigation Button Hover
   ========================================================================== */

.faculty-mobility-dark .student-mobility-nav-buttons button:hover {
    background-color: #352878;
}


/* ==========================================================================
   Disabled Navigation Button
   ========================================================================== */

.faculty-mobility-dark
.student-mobility-nav-buttons
button.slick-disabled {
    opacity: 0.5;
}


/* ==========================================================================
   CTA Background Circle - Mobile
   ========================================================================== */

/*
   IMPORTANT:
   Only the pseudo-element is made transparent.
   The CTA content remains at 100% opacity.
*/

@media screen and (max-width: 360px) {

    .faculty-mobility-dark .staff-mobility-cta::after {
        opacity: 0.3 !important;
    }

}


/* ==========================================================================
   CTA Background Circle - Tablet
   ========================================================================== */

@media screen and (min-width: 361px) and (max-width: 767px) {

    .faculty-mobility-dark .staff-mobility-cta::after {
        opacity: 0.3 !important;
    }
	.staff-mobility-faculty-info{
		min-height:98px;
	}

}


/* ==========================================================================
   CTA Background Circle - Position / Size for Small Screens
   ========================================================================== */

@media screen and (max-width: 360px) {

    .faculty-mobility-dark .staff-mobility-cta::after {
        top: 13%;
        right: 0;
        transform: translate(20%, -50%);
        width: 300px;
        height: 300px;
    }
	.staff-mobility-faculty-info{
		min-height:98px;
	}

}