/* Modals */
.btn-close{position:absolute; top:15px; right:15px; z-index:1; border:none; font-size:18px; @include transition(); padding:0 !important; width: 36px; height: 36px; line-height: 26px; border-radius: 50%; background: $turquoise;
    &:hover{background: $red;}
}
.modal-content { border-radius: $radius; border:none;}
.modal-body { padding:60px; text-align:left;

}
.modal-backdrop.in{opacity:0.7;}

@media screen and (min-width: 768px) {
  .modal{text-align:center;
      &:before { display: inline-block; vertical-align: middle; content: " "; height: 100%; }
      .modal-dialog { display: inline-block; vertical-align: middle; }
  }
}


.modal-team{
    h5{margin-bottom: 5px;}
    .role{font-weight: 700; color: $turquoise; font-size: 20px;}
    &-image{width: 160px; height: 160px; margin:0 auto 30px; @include bgcover(); border-radius: 50%;}
    .team-details{color: $black; font-weight: 700; text-align: center; font-size: 13px;
        p{margin: 0;}
        a{color: $black;
            &:hover{color: $lightblue; text-decoration: none;}
        }
    }
    .team-bio{max-height: 400px; overflow-y: auto;
        p{margin-bottom: 20px;}
    }
}