/**
 * Staff Profiles
 */
.staff-profiles-grid {
	display:grid;
	grid-template-columns:repeat(2, 1fr);
	grid-gap:1em;
	align-items: stretch;
}
@media only screen and (min-width:700px) {
	.staff-profiles-grid {
		grid-template-columns:repeat(3, 1fr);
	}
}
@media only screen and (min-width:960px) {
	.staff-profiles-grid {
		grid-template-columns:repeat(4, 1fr);
	}
}

.staff-profiles-grid .staff-profile {
	display:flex;
	flex-direction:column;
	line-height:1.3;
}
.staff-profiles-grid .staff-profile > a {
	flex:1;
	display:flex;
	flex-direction:column;
	color:inherit;
	text-decoration:inherit;
	outline:none;
}
.staff-profiles-grid .staff-profile figure {
	display:flex;
	flex-direction:column;
	flex:1;
	margin:0;
	

	img {
		display:block;
		object-fit:cover;
		width:100%;
		aspect-ratio: 2 / 3;
	}
	figcaption {
		flex: 1;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		padding: 1rem 0;
	}
}
.staff-profiles-grid .staff-profile h3 {
	margin:0.3em 0 0.5em 0;
}
.staff-profiles-grid .staff-profile p {
	font-size:0.9em;
}

/* Specific fix for Divi */
body #et-boc .et_pb_module.et_pb_text .staff-profiles-grid .staff-profile a:not(.btn) {
	text-decoration:none !important;
}
.et-db #et-boc .et-l .et_pb_module .staff-profiles-grid .staff-profile img {
	border-radius:1rem;
}

/**
 * Popups
 */
.wrap-profile-popup {
	width:900px;
	max-width:98%;
	display:grid;
	grid-template-areas:
		"image"
		"heading"
		"title"
		"content";
	grid-template-columns:1fr;
	grid-gap:1em;
	grid-row-gap:0.5em;
}
@media only screen and (min-width: 700px) {
	.wrap-profile-popup {
		grid-template-areas:
			"image heading"
			"image title"
			"image content";
		grid-template-columns:1fr 2fr;
	}
}
.wrap-profile-popup img {
	grid-area:image;
}
.wrap-profile-popup h2 {
	grid-area:heading;
	margin:0;
}
.wrap-profile-popup p.title {
	grid-area:title;
	margin:0;
	font-weight:600;
}
.wrap-profile-popup .entry-content {
	grid-area:content;
	padding-top:0.5em;
}