.members-item__media--image {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;

	z-index: 1;
}
.members-item__media--image img {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important; // Fix for https://github.com/twbs/bootstrap/issues/25686
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}
.members-item__media--video {
	display: none;
}
.members-item__content {
	color: #b4b6b0;
	font-size: 1.25rem;
}
.members-item__content h1,
.members-item__content h2,
.members-item__content h3,
.members-item__content h4,
.members-item__content h5,
.members-item__content h6 {
	margin-bottom: 0;
}
.members-item__content *:last-child {
	margin-bottom: 0;
}



.members-module__row {
	flex-wrap: nowrap;
	overflow-x: scroll;
	scroll-margin: 20px;
}
.members-module__row::-webkit-scrollbar {
  display: none;
}
.members-module__row .members-item {
	min-width: 65vw;
}
.members-module__row .members-item__media {
	position: relative;
	height: 80vw;
}
.members-module__row .members-item__media .members-item__popup-link {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;

	z-index: 10;
}

@media (min-width: 768px) {
	.members-module__row .members-item__media {
		max-height: 500px;
		height: 35vw;
	}
}
@media (min-width: 992px) {
	.members-module__row {
		flex-wrap: wrap;
		overflow-x: unset;
		scroll-margin: unset;
	}
	.members-module__row .members-item {
		flex: 1;
		min-width: unset;
		transition: all 0.35s ease;
	}
	.members-module__row .members-item__media .members-item__popup-link {
		display: none;
	}
	.members-module__row .members-item__media {
		max-height: 350px;
		height: 20vw;
	}
	.members-module__row .members-item__media--video {
		display: block;
		height: 100%;
		width: 100%;
		object-fit: cover;

		opacity: 0;
		z-index: -1;
	}
	.members-module__row .members-item:hover {
		flex: 2;
	}
	.members-module__row .members-item:hover .members-item__media--image {
		display: none;
	}
	.members-module__row .members-item:hover .members-item__media--video {
		opacity: 1;
	}
}


body.modal-open {
    overflow: hidden;
    padding-right: 17px;
}
.modal {
	display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2000001;
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
}
.modal:after {
	content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
	background: var(--bs-body-bg);
	opacity: 0.88;
}
.modal-dialog {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 90vw;
    max-width: 720px;
	margin-left: auto;
	margin-right: auto;
	padding: 2rem 0 0;
	z-index: 10;
}
.members-popup__close {
	position: absolute;
	top: 0;
	right: 0;

	height: 1.5rem;
	width: 1.5rem;
    padding: 0;

	background: none;
	border: none;
	cursor: pointer;
	color: inherit;
    font-size: 1.125rem;
    line-height: 1;
}
.members-popup__video {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
}
.modal.show {
	display: block;
}