#html .team{
flex-wrap: wrap;
flex-direction: row;
gap:60px;
justify-content: center;
padding-left: 20px;
padding-right: 20px;
}

	#html .team__member{
	cursor: pointer;
	max-width: 250px;
	}
	
		#html .team__summary{
		}
		
			#html .elementor-image-box-img{
			flex: 1 1 50%;
			aspect-ratio:1/1;
			border-radius: 20px;
			overflow: hidden;
			background: #F7F7F7;
			max-width: 200px;
			}

				#html .team__summary img{
				object-fit: cover;
				object-position: center center;
				width: 100%;
  				height: 100%;
				}

			.elementor-image-box-title{
			margin-bottom: 0.25em;
			}


			#html .elementor-image-box-content{
			flex: 1 1 50%;
			}



#html:not(.elementor-html) .team__bio,
#html:not(.elementor-html) .team__email,
#html:not(.elementor-html) .team__credentials {
display: none;
}




body.team-lightbox-open {
overflow: hidden;
}

.team-lightbox {
position: fixed;
inset: 0;
z-index: 9999;
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 300ms ease, visibility 300ms ease;
}

.team-lightbox.is-open {
opacity: 1;
visibility: visible;
pointer-events: auto;
}

.team-lightbox__overlay {
position: absolute;
top:0;
bottom:0;
left:0;
right:0;
background: rgba(212, 231, 242, 0.8);
opacity: 0;
transition: opacity 300ms ease;
}

.team-lightbox.is-open .team-lightbox__overlay {
opacity: 1;
}

	.team-lightbox__dialog {
	position: relative;
	width: min(1200px, calc(100vw - 40px));
	max-height: calc(100vh - 40px);
	margin: 0;
	background: #ffffff;
	overflow: auto;
	opacity: 0;
	transform: translateY(16px);
	transition: opacity 300ms ease, transform 300ms ease;
	}

	.team-lightbox.is-open .team-lightbox__dialog {
	opacity: 1;
	transform: translateY(0);
	}

		#html .team-lightbox__close {
		position: absolute;
		appearnace:none;
		top: 10px;
		right: 10px;
		z-index: 2;
		border: 0;
		background: transparent;
		font-size: 20px;
		line-height: 1;
		cursor: pointer;
		width: 40px;
		height: 40px;
		padding: 0;
		}

		.team-lightbox__layout {
		display: grid;
		grid-template-columns: 360px minmax(0, 1fr);
		}

		.team-lightbox__aside {
		display: flex;
		flex-direction: column;
		background: #c9dae5;
		}

		.team-lightbox__photo {
		display: block;
		width: 100%;
		height: auto;
		background: #F7F7F7;
		}

		.team-lightbox__summary {
		background: none;
		color: #000;
		padding: 24px;
		text-align: center;
		}

		.team-lightbox__name {
		margin: 0 0 0.25em 0;
		font-size: 2rem;
		line-height: 1.2;
		}

		#html .team-lightbox__role {
		margin: 0.75em 0;
		}

		#html .team-lightbox__credentials{
		margin: 0 0 0.75em 0;
		font-family: var(--font-primary);
		}

		#html .team-lightbox__email{
		margin: 0.75em 0 0 0;
		}
		
			.team-lightbox__email a{
			text-decoration: none;
			color:var(--color-dark);
			}
			.team-lightbox__email a:hover{
			color:black;
			}
		
		.team-lightbox__email:empty{
		display: none;
		}

		.team-lightbox__content {
		padding: 40px;
		color: #243245;
		line-height: 1.5;
		font-size: 1.0rem;
		align-content: center;
		}

@media (max-width: 900px) {
	.team-lightbox__layout {
	grid-template-columns: 1fr;
	}

	.team-lightbox__content {
	padding: 24px;
	}
}