@charset "utf-8";

/* TEAM MEMBER HIGHLIGHT */
	.teammember-highlight {
		border-bottom: 1rem solid var(--mywp-color);
		display: grid;
		padding: 0 var(--mywp-mg-pad);
		position: relative;
		}
	.teammember-highlight::before {
		background-color: var(--mywp-shade-30);
		content: '';
		height: 100%;
		left: 0;
		-webkit-mask-image: url('../images/line.png');
		mask-image: url('../images/line.png');
		-webkit-mask-position: center center;
		mask-position: center center;
		-webkit-mask-repeat: repeat;
		mask-repeat: repeat;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 1;
		}
	.teammember-highlight-buffer {
		max-width: 128rem;
		margin: 0 auto;
		position: relative;
		z-index: 2;
		}
	.teammember-highlight-buffer::before {
		background: var(--mywp-white) url('../images/bridge.png') no-repeat;
		background-position: center bottom;
		background-size: 60rem auto;
		border-radius: var(--mywp-radius);
		box-shadow: var(--mywp-shadow);
		bottom: var(--mywp-mg-pad);
		content: '';
		left: 0;
		max-width: 128rem;
		position: absolute;
		right: 0;
		top: var(--mywp-mg-pad);
		z-index: 2;
		}
	.teammember-highlight-info,
	.teammember-highlight-image {
		position: relative;
		z-index: 4;
		}
	.teammember-highlight-holder {
		margin: calc(var(--mywp-mg-pad) * 2) var(--mywp-mg-pad) 0 var(--mywp-mg-pad);
		}
	.teammember-highlight-icon {
		margin-bottom: 2.4rem;
		}
	.teammember-highlight-header {
		font-size: var(--mywp-ts-head-6);
		text-transform: uppercase;
		}
	.teammember-highlight-title {
		font-size: var(--mywp-ts-head-3);
		margin: 0.2rem 0;
		}
	.teammember-highlight-jumps {
		font-size: var(--mywp-ts-head-6);
		font-style: italic;
		margin-bottom: 2rem;
		}
	.teammember-highlight-quote-header {
		font-size: var(--mywp-ts-text-sub-2);
		margin-bottom: 0.5rem;
		}
	.teammember-highlight-quote-text {
		font-size: var(--mywp-ts-text-sub-1);
		line-height: 1.3em;
		}
	.teammember-highlight-image {
		align-items: flex-end;
		display: flex;
		justify-content: center;
		text-align: center;
		}
	@media (min-width: 40em) {
		.teammember-highlight-buffer::before {
			background-position: right bottom;
			background-size: 80rem auto;
			}
	}
	@media (min-width: 60em) {
		.teammember-highlight-buffer {
			display: grid;
			grid-template-columns: 1fr 1fr;
			}
		.teammember-highlight-holder {
			margin-bottom: calc(var(--mywp-mg-pad) * 2);
			margin-right: 1rem;
			}
		.teammember-highlight-info {
			align-items: center;
			display: flex;
			}
	}
	@media (min-width: 80em) {
		.teammember-highlight-buffer::before {
			background-size: 100rem auto;
			}
	}