/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */



@media (max-width: 1024px) {
    .team-members-container {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 32px;
    }
}

@media (max-width: 768px) {
    .team-members-container {
        grid-template-columns: 1fr !important;
        gap: 24px;
    }
}
.team-members-container .team-member{
    border: 1px solid #BEBEBE;
    border-radius: 8px;
}
.team-members-container .team-member img{
    border-radius: 8px 8px 0px 0px;
}
.team-members-container .team-member-info{
    padding: 16px;
}
.team-members-container .team-member-info h5{
    margin:0px;
    margin-bottom: 8px;
}
.team-members-container .team-member-position{
    font-family: Ubuntu;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 19.2px */
    text-transform: uppercase;
    color:#8E8E8E;
    min-height: 36px;
}
.team-members-container .team-member-view-profile{

}
.team-members-container .team-member-contact{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 24px;
}
.team-members-container .team-member-contact .team-member-contact-info{
    display: flex;
    align-items: center;
    gap: 12px;
}
.team-members-container .team-member-view-profile a{
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    text-decoration: none;
    color:#0B2639;
}
.team-member-info svg{
    display: block;
}
.team-detail-featured-image{
    border-radius: 8px 8px 0px 0px;
}