/* Shared team member styles */
section.team-members {
	width: 100%;
	background: var(--body-color-darker);
}


section.team-members.experts .experts-intro {
	max-width: 640px;
}

section.team-members.experts .staff-card-expert {
	min-width: 0;
}

section.team-members.experts .title{
	margin:0;
}

section.team-members.experts .subtitle{
	line-height: 1.4;
	text-wrap: balance;
	color: var(--cyan-color);
	font-size: 1.25rem;
}

section.team-members.experts .staff-photos {
	position: relative;
	overflow: hidden;
	width: 100%;
	background-position: center;
	background-size: cover;
	border-radius: 0.75rem 3rem 0.75rem 0.75rem;
}

section.team-members.experts .staff-image {
	width: 100%;
	padding-bottom: 100%;
	background-position: center;
	background-size: 110%;
}

section.team-members.experts .staff-information {
	padding: 0.5rem;
	text-align: left;
	margin-top: .5rem;
}

section.team-members.experts .staff-information .name-role {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: .675rem;
}

section.team-members.experts .staff-information h3 {
	margin-top: 0;
}

section.team-members.experts .staff-information span {
	margin-bottom: 0;
	font-size: 1rem;
	color: var(--font-color);
	font-weight: 400;
}

section.team-members.experts .staff-contact a {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	padding: 0;
	border: 1px solid var(--copper-color);
}

section.team-members.experts .staff-contact a svg {
	width: 1rem;
}

/* Biography modals */
.team-member-bio-modal {
	background: rgba(23, 30, 48, 0.33);
	backdrop-filter: blur(15px);
	-webkit-backdrop-filter: blur(15px);
}

.team-member-bio-modal .modal-dialog {
	max-width: 640px;
}

.team-member-bio-modal .modal-title {
	margin-top: 0;
	line-height: 2rem;
}

.team-member-bio-modal .modal-member-info {
	display: flex;
	gap: 1.5rem;
}

.team-member-bio-modal .modal-member-image {
	flex: 0 0 100px;
	width: 100px;
	overflow: hidden;
	border-radius: 0.5rem 1.5rem 0.5rem 0.5rem;
}

.team-member-bio-modal .modal-member-details {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

.team-member-bio-modal .modal-member-role,
.team-member-bio-modal .modal-member-bio {
	margin-top: 0;
	color: var(--body-color);
}

/* Mobile-only Flickity carousel; the desktop layout uses Bootstrap columns. */
@media (max-width: 991.98px) {
	section.team-members.team-members--mobile-carousel {
		overflow: hidden;
		padding-bottom: 7rem;
	}

	section.team-members.team-members--mobile-carousel .members {
		display: block;
		margin: 0;
	}

	section.team-members.team-members--mobile-carousel .staff-card-expert {
		display: flex;
		flex-direction: column;
		width: 50%;
		height: auto;
		margin-right: 1.5rem;
		padding: 0;
	}

	section.team-members.team-members--mobile-carousel .staff-information {
		display: flex;
		flex: 1;
		flex-direction: column;
	}

	section.team-members.team-members--mobile-carousel .flickity-viewport {
		width: 100%;
		overflow: visible;
	}

	section.team-members.team-members--mobile-carousel .flickity-slider {
		display: flex;
		align-items: stretch;
	}

	section.team-members.team-members--mobile-carousel .flickity-page-dots {
		bottom: -2.5rem;
	}
}