/*----------------------------------------------------------
    PERSON TABS
----------------------------------------------------------*/

.person-tabs {

    display: flex;
    gap: 2px;
    border-bottom: 3px solid #d3ad57;
    margin-bottom: 1rem;

}

.person-tab {

    display: inline-block;
    padding: 10px 20px;
    background: #f5f2ea;
    color: #4a4335;
    text-decoration: none;
    border: 1px solid #cbb98d;
    border-bottom: none;
    border-radius: 8px 8px 0 0;
    font-weight: 600;
    transition: .15s ease;

}

.person-tab:hover {

    background: #e8deca;
    color: #2f2f2f;

}

.person-tab.active {

    background: #ffffff;
    border-color: #d3ad57;
    position: relative;
    top: 2px;

}