/* =============================================
   WHO WE ARE — Milestones Timeline Slider
   URL: /about-us/who-we-are/   Post ID: 3114
   Slider element: #el-0b9c8556
   ============================================= */

/* Year card shell — one card per column */
#post-3114 .vce-content-slider .vce-content-slide .vce-col-inner {
    background: #ffffff !important;
    border-top: 4px solid #f96c31 !important;
    border-left: 1px solid #e8e8e8 !important;
    border-right: 1px solid #e8e8e8 !important;
    border-bottom: 1px solid #e8e8e8 !important;
    border-radius: 0 0 4px 4px !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06) !important;
    height: 100% !important;
}

#post-3114 .vce-content-slider .vce-content-slide .vce-col-inner:hover {
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.11) !important;
}

/* Card padding — VC defaults to 0 on vce-col-content */
#post-3114 .vce-content-slider .vce-content-slide .vce-col-content {
    padding: 20px 18px 24px !important;
    display: flex;
}

/* Year number — add navy colour (existing rule missing colour) */
/* Extra class .vce-content-slide beats the existing #post-3114 .vce-content-slider rule */
#post-3114 .vce-content-slider .vce-content-slide .vce-text-block h2 {
    color: #003254 !important;
    font-size: 2.6rem !important;
}

/* h2 inline colour span (#000000) → navy */
#post-3114 .vce-content-slider .vce-content-slide .vce-text-block h2 span {
    color: #003254 !important;
}

/* h6 Open Sans spans → Roboto */
#post-3114 .vce-content-slider .vce-content-slide .vce-text-block h6 span[style*="Open Sans"] {
    font-family: Roboto, sans-serif !important;
}

/* h6 12pt → 14px */
#post-3114 .vce-content-slider .vce-content-slide .vce-text-block h6 span[style*="12pt"] {
    font-size: 14px !important;
    line-height: 1.55 !important;
}

/* h6 border-bottom guard (global h5 rule must not bleed here) */
#post-3114 .vce-content-slider .vce-content-slide .vce-text-block h6 {
    border-bottom: none !important;
    color: #333333 !important;
    font-family: Roboto, sans-serif !important;
}

/* p Open Sans spans → Roboto */
#post-3114 .vce-content-slider .vce-content-slide .vce-text-block p span[style*="Open Sans"] {
    font-family: Roboto, sans-serif !important;
}

/* Snap blue #3366ff (CETAF56 etc.) to brand navy */
#post-3114 .vce-content-slider .vce-content-slide span[style*="#3366ff"] {
    color: #003254 !important;
}

/* Slider arrow buttons */
#post-3114 .vce-content-slider .vce-content-slider-arrow {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: center;
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    background: #fff !important;
    border: 2px solid #f96c31 !important;
    color: #f96c31 !important;
    opacity: 1 !important;
    transition: background 0.2s ease, color 0.2s ease;
}

.vce-content-slider-arrow.vce-content-slider-next-arrow {
    right: -20px !important;
}

.vce-content-slider-arrow.vce-content-slider-prev-arrow {
    left: -20px !important;
}

#post-3114 .vce-content-slider .vce-content-slider-arrow:hover {
    background: #f96c31 !important;
    color: #fff !important;
}

#post-3114 .vce-content-slider .vce-content-slider-arrow span {
    color: inherit !important;
    font-size: 22px !important;
}

.cetaf-milestones .vce-content-slider {
    min-height: 400px !important;
}

/* Mobile */
@media (max-width: 767px) {
    #post-3114 .vce-content-slider .vce-content-slide .vce-col {
        width: 100% !important;
        margin-bottom: 14px !important;
    }
}