
.team-member img {
	border: solid 1px var(--e-global-color-2f3d9056);
	object-fit: cover;
	object-position: center center;
}

.team-member .header-text-wrap {
	font-family: "Barlow",Sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.2em;
}

/* Team Member List */

@media screen and ( min-width: 650px ) {
	.team-member-list {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-template-rows: auto;
		gap: 2rem;
	}
}

.team-member-list img {
	aspect-ratio: 3 / 2;
	margin-bottom: 1rem;
}

.team-member-list .header-text-wrap {
    text-align: center;
}

.team-member .team-member-name {
	color: var(--e-global-color-2f3d9056);
    font-size: 28px;
}
.team-member a:hover .team-member-name,
.team-member a:active .team-member-name {
	color: var(--e-global-color-primary);
}

.team-member .team-member-job-title {
	color: var(--e-global-color-primary);
    font-size: 20px;
}
.team-member a:hover .team-member-job-title,
.team-member a:active .team-member-job-title {
	color: var(--e-global-color-2f3d9056);
}

/* Single Team Member */

.single.single-team-member .site-main {
	max-width: 1000px;
	padding: 0 10px;
}

.single-team-member .team-member .entry-header img {
	width: 9rem;
	aspect-ratio: 1 / 1;
	border-radius: 100%;
}

.single-team-member .entry-header {
	padding-bottom: 1rem;
	margin-bottom: 1rem;
	border-bottom: solid 1px #ccc;
}
@media screen and (min-width: 600px) {
	.single-team-member .entry-header {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		gap: 2rem;
	}
}

@media screen and (min-width: 1000px) {
	.single-team-member .team-member-name {
    	font-size: 50px;
	}
}

.single-team-member .entry-content {
	margin-bottom: 3rem;
}

.single-team-member .team-back-link {
	display: block;
	color: var(--e-global-color-primary);
	font-size: .875em;
	margin-bottom: 2rem;
	cursor: pointer;
	text-decoration: none;
}
.team-back-link:hover,
.team-back-link:active {
	text-decoration: underline;
}

.single-team-member .guidelinebox {
	padding: 20px 30px 10px 30px;
	margin-top: 0;
}

/* Single Team Member Grid Layout
@media screen and (min-width: 800px) {
	.single-team-member .team-member {
		display: grid;
		grid-template-columns: 3fr 2fr;
		grid-template-rows: auto;
		gap: 2rem;
	}

	.single-team-member .entry-header,
	.single-team-member .entry-footer {
		grid-column: 1 / -1;
	}
}
*/
