/* Round Card */
.bio-round {
    text-align: center;
    justify-self: center;
}
.bio-round > img {
    height: 162px;
    border-radius: 162px;
    transition: box-shadow .3s ease-in-out;
}
.bio-round .name {
    font-family: Capita, Georgia, serif;
    font-weight: bold;
    margin: 1em auto .6em;
    color: #373e42;
    transition: color .3s ease-in-out, border .3s ease-in-out;
    font-size: 1.25rem;
    border-bottom: 1px solid #373e42;
    line-height: 1.1;
    display: inline-block;
}
.bio-round > .title {
    font-family: "Foro Sans", Arial, "Noto Sans", sans-serif;
    font-weight: normal;
    color: #373e42;
    font-weight: 400;
    line-height: 1.25;
}
.bio-round .name:hover {
    color: #23a0d6;
    border-bottom-color: transparent;
}
.bio-round .name:active, .bio-round .name:focus {
    color: #186f94;
    border-bottom-color: transparent;
}
/* Standard Card */
.bio-card {
    text-align: center;
    border-bottom: 4px solid #bad5e0;
    transition: box-shadow .3s ease-in-out;
    background: #fff;
}
.bio-card:hover {
    box-shadow: 0 1px 8px rgba(0,0,0,.17);
}
.bio-card.bio-neutral {
    border-color: #bad5e0;
}
.bio-card.bio-inspiring {
    border-color: #b4dbb6;
}
.bio-card.bio-inviting {
    border-color: #c1b7c7;
}
.bio-card.bio-reliable {
    border-color: #4e8aa3;
}
.bio-card > .name {
    font-family: Capita, Georgia, serif;
    color: #373e42;
    margin: -40px 15px 0 15px;
    padding: 22px 15px 0 15px;
    background-color: #fff;
    position: relative;
    font-size: 1.25rem;
    font-weight: 400;
}
.bio-card > .title {
    font-family: "Foro Sans", Arial, "Noto Sans", sans-serif;
    font-weight: normal;
    color: #373e42;
    padding: 0 15px 22px 15px;
    background-color: #fff;
    position: relative;
    font-weight: 400;
    line-height: 1.25;
}