.faculty-directory .coveo-swiss-container .CoveoSearchbox {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	border-bottom: 2px solid;
}

.faculty-directory .CoveoSearchbox .magic-box .magic-box-input,
.faculty-directory .CoveoSearchbox .magic-box .magic-box-input input {
	height: inherit;
	position: relative;
	border-radius: 0px;
	border: none;
	box-sizing: border-box;
	background: none;
}

.faculty-directory .CoveoSearchbox a.CoveoSearchButton {
	display: inline-flex !important;
	justify-content: center;
	align-items: center;
	border: 0;
	height: 60px;
	box-shadow: 0 0 0 0;
}

.faculty-directory .magic-box .magic-box-input input {
	position: relative;
	display: inline-block;
	width: 100%;
	padding-top: 5px;
	padding-bottom: 3px;
	color: #39393a !important;
	font-size: 24px !important;
	font-family: "TradeGothic Cn 18";
	padding: 4px 50px 4px 3px;
	background: url(img/misc/input-bg-normal.gif) 0 bottom repeat-x #fff;
	text-indent: 0;
}

.faculty-directory .magic-box .magic-box-input input {
	height: 60px !important;
}

/* == Faculty Directory Styles Coveo ===================*/
.faculty-directory .coveo-main-section {
	display: flex;
	flex-wrap: wrap;
}

.faculty-directory .coveo-header {
	margin-left: 10.5%;
	width: 11%;
	display: inline-block;
	order: 1;
}

.faculty-directory .CoveoFacet {
	border: none;
}

	.faculty-directory .CoveoFacet .coveo-facet-header {
		background: none;
		padding-left: 0;
		padding-right: 0;
		border-bottom: 3px solid var(--main-highlight-color);
	}

.faculty-directory .coveo-facet-settings-more-svg {
	display: none;
}

.faculty-directory .coveo-facet-value-caption {
	white-space: break-spaces !important;
	text-overflow: ellipsis;
}

.faculty-directory div.CoveoSearchInterface .coveo-search-section {
	display: inline-block;
	width: 47.5%;
	order: 2;
	margin: 0;
	align-self: center;
	margin-left: 4%;
	padding: 0;
}

	.faculty-directory div.CoveoSearchInterface .coveo-search-section::before {
		content: "Faculty List";
		display: block;
		font-size: calc(31.25px + 0.3vw) !important;
		font-family: var(--TradeGothicBoldCn);
	}

.faculty-directory div.CoveoSearchbox {
	padding-top: 20px;
}

.faculty-directory .coveo-search-section div.CoveoSearchbox::before {
	display: block;
	content: "Search Faculty Names:";
	font-size: 20px;
	font-family: var(--TradeGothicBoldCn);
	line-height: 1.75;
	width: 100%;
}

.faculty-directory .coveo-results-column {
	order: 3;
	width: 100%;
}

.faculty-directory
.CoveoSearchInterface
.coveo-search-section
.CoveoSearchButton.coveo-accessible-button,
.faculty-directory
.coveo-search-section
.magic-box.magic-box-notEmpty
.magic-box-clear {
	display: none;
}

.faculty-directory .coveo-list-layout .coveo-result-folding-child-result {
	border: none !important;
	padding: 0 !important;
}

.faculty-directory article .details.CoveoFieldValue {
	font-family: var(--TradeGothicCn);
}

.faculty-directory .coveo-result-frame .body-copy {
	--h2: clamp(32px, calc(30px + .5vw), 50px);
}

.faculty-directory article .details.CoveoFieldValue span {
	display: block;
}

.faculty-directory .CoveoTemplateLoader article {
	display: none;
}

div.coveo-main-section div.coveo-loading-spinner {
	width: 50px !important;
	margin: auto !important;
	height: 50px !important;
	margin-bottom: 100px !important;
}

@media screen and (max-width: 1024px) {
	.faculty-directory .coveo-header {
		margin: 0 var(--container-column-spacing);
		width: 25%;
		order: 2;
	}

	.faculty-directory div.CoveoSearchInterface .coveo-search-section {
		width: 100%;
		order: 1;
		margin: 0 var(--container-column-spacing);
	}
}

.faculty-directory .CoveoSearchbox .magic-box {
	width: 80%;
}

.faculty-directory
.coveo-tab-section.coveo-placeholder-fix + .coveo-results-header {
	display: none;
}

@media screen and (max-width: 600px) {
	.faculty-directory .coveo-header {
		width: 50%;
	}

	.faculty-directory .magic-box .magic-box-input input {
		font-size: 18px !important;
		height: 50px !important;
	}

	.faculty-directory
	.CoveoSearchInterface
	.coveo-search-section
	.CoveoSearchButton.coveo-accessible-button {
		padding: 0 5px 5px 0;
		justify-content: flex-end;
	}
}

/* .faculty-directory .CoveoSearchInterface .CoveoResultList {
	overflow-y: scroll;
} */

/***** Faculty Member Hero Module *****/
.faculty-member {
	position: relative;
	height: inherit;
	width: 100%;
}

.faculty-member {
	margin-bottom: 25%;
}

	.faculty-member .faculty-content {
		position: absolute;
		bottom: 0;
		margin: 0;
		transform: translateY(50%);
	}

	.faculty-member .swiss-container {
		position: relative;
		box-sizing: border-box;
	}

		.faculty-member .swiss-container article {
			margin: 0 !important;
			grid-template-columns: 1fr 2fr;
		}

			.faculty-member .swiss-container article .copy {
				height: 100%;
				display: flex;
				flex-direction: row;
				flex-wrap: wrap;
				align-content: flex-end;
			}

	.faculty-member .faculty-title {
		--font-color: var(--white);
	}

		.faculty-member .faculty-title .title {
			font-family: var(--TradeGothicCn);
		}

	.faculty-member .copy .faculty-title {
		margin-bottom: var(--default-column-gap);
		flex-grow: 1;
		width: 100%;
	}

	.faculty-member .faculty-body-copy {
		flex-grow: 1;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		height: 50%;
		padding-top: var(--default-column-gap);
		box-sizing: border-box;
	}

	.faculty-member article .copy {
		font-family: var(--TradeGothicCn);
		line-height: var(--line-height-c);
		font-size: var(--h4);
	}

	.faculty-member .body-copy {
		width: 100%;
	}

		.faculty-member .body-copy ul li {
			margin-bottom: 0;
		}

		.faculty-member .body-copy li a {
			font-family: var(--TradeGothicCn);
			line-height: var(--line-height-c);
			font-size: var(--h4);
		}

	.faculty-member .mainlinks-container {
		margin-top: 0;
	}

	.faculty-member ul.mainlinks {
		border-bottom: 3px #999 solid;
	}

		.faculty-member ul.mainlinks a {
			font-family: var(--TradeGothicBoldCn);
			text-transform: uppercase;
			box-shadow: 0 0 0 0;
		}

			.faculty-member ul.mainlinks a:hover {
				box-shadow: var(--hover-underline-width);
			}

.details .mobile-faculty-img {
	width: 25% !important;
	float: left;
	display: none;
}

@media screen and (max-width: 1023px) {
	.faculty-member .hero-content .swiss-container article .copy {
		align-content: space-between;
	}
}

@media screen and (max-width: 960px) {
	.hero-module.faculty-member {
		margin-bottom: 30%;
	}
}

@media screen and (max-width: 768px) {
	.faculty-member .swiss-container article .copy,
	.details .mobile-faculty-img {
		display: block;
	}

	.faculty-member .faculty-content {
		position: static;
		transform: translateY(0);
	}

	.faculty-member {
		padding-bottom: var(--container-row-spacing)
	}

		.faculty-member .hero-module-container {
			margin-bottom: 0;
		}

		.faculty-member .swiss-container article .copy .faculty-title {
			padding-bottom: 30px;
			margin-bottom: 0;
			position: relative;
			--font-color: var(--dark-gray);
		}

			.faculty-member .swiss-container article .copy .faculty-title::after {
				content: "";
				position: absolute;
				bottom: 0;
				width: 25% !important;
				height: 3px;
				background: var(--main-highlight-color);
			}

		.faculty-member .hero-image,
		.faculty-member .swiss-img {
			display: none;
		}

		.faculty-member .faculty-body-copy {
			position: static;
			/* width: 100%; */
		}

	.faculty-member,
	.hero-module.faculty-member {
		margin-bottom: 0;
	}

		.faculty-member .faculty-body-copy .body-copy .details:not(.mainlinks) {
			display: block;
		}

		.faculty-member .faculty-body-copy .body-copy .details li {
			display: inline-block;
			margin-right: 20px;
		}

		.faculty-member article {
			grid-template-columns: 1fr 3fr;
		}

		.faculty-member div.swiss-container article .copy {
			height: auto;
			align-content: flex-start;
		}

		.faculty-member .faculty-title {
			order: 1;
		}

		.faculty-member .body-copy ul li {
			padding-right: 10px;
		}

	.faculty-list .bodyCopy-container {
		flex-direction: column-reverse;
	}

	.faculty-list .visual-element {
		width: 100%;
	}

	.faculty-list .coveo-facet-column .coveo-facet-header {
		width: 22%;
	}

	.faculty-list .bodyCopy-container .visual-element {
		margin-top: 4px;
	}
}