.speaker-wrap {
    height: 100%;
}

.speaker {
    /* max-width: 370px; */
    margin-left: auto;
    margin-right: auto;
    margin-top: 2rem;
    margin-bottom: 1.4rem;
    /* padding: 20px 20px 25px; */
    /* background-color: #ffffff; */
    /* height: 100%; */

    border-radius: 50%;
    overflow: hidden;
    width: 180px;
    height: 180px;
    /* border: 14px solid #fff; */

    box-shadow: -16px 14px 14px 0px rgba(0,0,0,0.24);
    -webkit-box-shadow: -16px 14px 14px 0px rgba(0,0,0,0.24);
    -moz-box-shadow: -16px 14px 14px 0px rgba(0,0,0,0.24);

    background-image: url(../images/faceholder5.png);
    background-size: cover;
}

.speaker-img {
    overflow: hidden;
    position: relative;
    width: 145px;
    height: 145px;
    margin: 18px auto 0;
    border-radius: 50%;
}

.speaker-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;

    border-top: solid rgba(255, 255, 255, 0.08);
    border-top-width: 110px;
    border-top-color: rgba(2, 189, 211, 0.8);

    border-right: solid transparent;
    border-right-width: 124px;

    pointer-events: none;
    transform: scale(0.3);
    transform-origin: left top;
    opacity: 0;
    transition: .3s ease-out all;
}
.speaker-wrap:hover .speaker-overlay {
    opacity: 1;
    transform: scale(1);
}

.speaker-wrap .badge {
    padding: .3rem .6rem .4rem;
    color: #fff;
    background-color: var(--primary);
}

.speaker-img img {
    max-width: 100%;
    max-height: 100%;
    margin-bottom: 0;
    margin-left: 0;
    width: 163px;
    height: 163px;
    position: relative;
}

/* **** MODAL **************** */

/* Undo changes made by programme.css */
.modal-body .tab-content {
    padding: 0;
    background-color: #fff;
}