/* 

====================
       members
====================

*/
.members {
    margin-top: 10rem;
}
.members__title {
    width: 18rem;
}
.members__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 -1rem 3rem -1rem;
}
.members__item {
    padding: 1.5rem;
    border-radius: 2rem;
    background-color: var(--blue-light);
    width: 29rem;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    margin: 0 1rem 2rem 1rem;
}
.members__item--second, 
.members__item--third {
    display: none;
}
.members__banner {
    margin-bottom: 0.5rem;
}
.members__img {
    border-radius: 2rem;
    overflow: hidden;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    max-height: 27rem;
}
.memebers__name {
    padding-top: 1.5rem;
    text-align: center;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    overflow: hidden;
    max-width: 19rem;
    font-family: var(--primary-font-md);
}
.members__info {
    border-top: 1px solid;
}
.members__position {
    text-align: center;
    margin-top: 0.5rem;
    overflow: hidden;
    max-height: 3rem;
}
.memebers__btn {
    background-color: var(--red);
    color: var(--red-dark);
    -webkit-transition: all 150ms ease-in;
    -o-transition: all 150ms ease-in;
    transition: all 150ms ease-in;
}
.memebers__btn:hover {
    background-color: var(--red-dark);
    color: var(--red);
}