/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
.sdf-team-members {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    justify-content: center;
}

.sdf-team-members .sdf-profile {
    width: 250px;
    padding: 10px;
    box-sizing: border-box;
}

.sdf-profile .sdf-profile-name {
    font-size: 1.2em;
    margin: 0.2em 0 0.1em;
}

.sdf-profile .sdf-profile-job {
    font-size: 1em;
}

.layout-tabs {
    display: none;
}

.layout-tabs.active {
    display: flex;
}

.sdf-terms {
    margin-bottom: 20px;
    text-align: center;
}

.sdf-term-tab {
    background-color: #969696;
    color: #333;
    padding: 10px 15px;
    /* border: 1px solid #333; */
    margin-right: 10px;
}

.sdf-term-tab.active,
.sdf-term-tab:focus,
.sdf-term-tab:hover  {
    background-color: #ae2424;
    color: #fff;
}