.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('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 .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);
}