/*
==========================================================================
LEADERSHIP CARD
==========================================================================
*/

/* LEADERSHIP CARD -- WRAPPER */

.leadership-card-wrapper {
    width: 100%;
}


/* LEADERSHIP CARD -- SPLIT */

.leadership-split {
    display: flex;
    align-items: stretch;
    gap: 20px;
    overflow: hidden;
}


/* LEADERSHIP CARD -- CONTENT PANEL */

.leadership-content-panel {
    flex: 0 0 calc( 50% - 10px );
    background: var( --rw-leadership-panel-bg, var( --rw-main-primary ) );
    display: flex;
    align-items: center;
    text-decoration: none;
    border-radius: var( --rw-leadership-border-radius, 12px );
    transition: background 0.3s;
}

.leadership-content-panel--linked {
    cursor: pointer;
}

.leadership-content-panel--linked:hover {
    background: var( --rw-leadership-panel-bg-hover, var( --rw-btn-primary-bg-hover ) );
    text-decoration: none;
}


/* LEADERSHIP CARD -- CONTENT INNER */

.leadership-content-inner {
    padding: 60px 50px;
}


/* LEADERSHIP CARD -- TITLE */

.leadership-title {
    color: var( --rw-leadership-title-color, var( --rw-btn-primary-text ) );
    margin-bottom: 20px;
    display: flex;
    align-items: baseline;
    gap: 10px;
    line-height: 1.2;
    transition: color 0.3s;
}

.leadership-content-panel--linked:hover .leadership-title {
    color: var( --rw-leadership-title-color-hover, var( --rw-btn-primary-text ) );
}


/* LEADERSHIP CARD -- ARROW */

.leadership-arrow {
    color: var( --rw-leadership-arrow-color, var( --rw-btn-primary-text ) );
    font-size: var( --rw-leadership-arrow-size, 18px );
    transition: color 0.3s, transform 0.3s;
    display: inline-block;
    flex-shrink: 0;
}

.leadership-content-panel--linked:hover .leadership-arrow {
    color: var( --rw-leadership-arrow-color-hover, var( --rw-btn-primary-text ) );
    transform: translate( 3px, -3px );
}


/* LEADERSHIP CARD -- CONTENT */

.leadership-content {
    color: var( --rw-leadership-content-color, var( --rw-btn-primary-text ) );
    transition: color 0.3s;
}

.leadership-content-panel--linked:hover .leadership-content {
    color: var( --rw-leadership-content-color-hover, var( --rw-btn-primary-text ) );
}

.leadership-content p {
    margin-bottom: 0;
    line-height: 1.75;
}


/* LEADERSHIP CARD -- IMAGE PANEL */

.leadership-image-panel {
    flex: 0 0 calc( 50% - 10px );
    overflow: hidden;
    border-radius: var( --rw-leadership-border-radius, 12px );
}

.leadership-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    aspect-ratio: var( --rw-leadership-aspect-ratio, 4/3 );
}


/* LEADERSHIP CARD -- RESPONSIVE */

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

    .leadership-split {
        flex-direction: column;
        gap: 20px;
    }

    .leadership-content-panel,
    .leadership-image-panel {
        flex: 0 0 100%;
    }

    .leadership-image-panel {
        order: -1;
    }

    .leadership-content-inner {
        padding: 60px 30px;
    }

}