.team-card {
background: var(--wp--preset--color--mep-white);
position: relative;
}
.team-card:hover {
cursor: pointer;
}
.team-card .position {
color: var(--wp--preset--color--mep-red);
text-transform: uppercase;
}
.team-card .image {
overflow: hidden;
}
.team-card .image > img {
width: 100%;
height: 400px;
object-fit: cover;
}
.team-card .image:before {
content: url(//mep-ltd.uk/wp-content/themes/minerva-elite/blocks/team/image-tri.svg);
width: 42px;
height: 37px;
position: absolute;
right: 0.8rem;
bottom: 0.8rem;
z-index: 9;
}
.team-card:hover > .image > img {
transition: all ease 0.6s;
transform: scale(1.1);
}
.team-card h3 {
color: var(--wp--preset--color--mep-grey);
margin: 0 0 0.5rem;
}
.team-card .role {
color: #c30010;
font-weight: bold;
margin: 0.25rem 0 0;
} .modal .modal-content {
border-radius: 0;
cursor: default;
}
.modal .modal-close {
position: absolute;
top: 1rem;
right: 1rem;
font-size: 2rem;
border: none;
cursor: pointer;
width: 35px;
height: 35px;
padding: 0;
border-radius: 50%;
}
.modal .modal-close:after {
content: "";
display: none;
}
.modal .modal-photo {
width: 100%;
height: 400px;
object-fit: cover;
}
.modal .info {
background: var(--wp--preset--color--mep-red);
color: var(--wp--preset--color--mep-white);
}
.modal .info .position, .modal .info .name, .modal .info a  {
color: var(--wp--preset--color--mep-white);
}
.modal .bio {
color: var(--wp--preset--color--mep-grey);
}
.modal a.linkedin img {
transition: all ease 0.3s;
}
.modal a.linkedin:hover img {
transform: scale(1.2);
}