﻿@charset "utf-8";
/* CSS Document */

/***** Faculty Search Module *****/
.search-overlay-container.faculty-search {
	width: auto;
}

.search-overlay-container.faculty-search .CoveoSearchbox:before {
	content: "Search Faculty Names:" !important;
	font-family: "TradeGothic BoldCn 20";
	font-size: 20px;
}

.search-overlay-container.faculty-search .CoveoSearchInterface:before {
	background: transparent;
}

/***** Social Module *****/
.social div[class*="swiss-row-"] {
	padding: 0 !important;
}

.social div[class*="half-img-"] article > a {
	width: calc(18% - (5.5% / 2));
}

.social div[class*="half-img-left"] article div.copy {
	width: calc(82% - (5.5% / 2));
}

ul.social a img {
	width: 40px;
	height: 40px;
}
/***** Faculty Member Hero Module *****/
.faculty-member {
	position: relative;
	height: inherit;
	width: 100%;
}

.hero-module.faculty-member {
	margin-bottom: 25%;
}

.faculty-member .section-container.hero-content {
	position: absolute;
	bottom: 0;
	margin: 0;
	transform: translateY(50%);
}

.faculty-member div[class*="half-img-left"] {
	position: relative;
	margin: 0;
	box-sizing: border-box;
}

.faculty-member div[class*="half-img-left"] article > a,
.faculty-member div[class*="half-img-left"] article > picture {
	width: calc(33.3% - (5.5% / 2));
}

.pageHeader.faculty-member div[class*="half-img-left"] article {
	align-items: flex-end;
	margin: 0 !important;
}

.faculty-member div[class*="half-img-"] article .copy {
	width: calc(66.6% - (5.5% / 2));
	/* max-width:800px; */
	height: 100%;
	display: flex;
	flex-direction: row;
	/* justify-content: flex-end; */
	flex-wrap: wrap;
	align-content: flex-end;
}

.faculty-member div[class*="half-img-"] article .copy p.title {
	font-size: calc(20px + 0.3vw) !important;
	line-height: 1.25;
}

.faculty-member div[class*="half-img-"] article .copy .faculty-title {
	margin-bottom: 5.5%;
	flex-grow: 1;
	width: 100%;
}

.faculty-member div[class*="half-img-"] article .copy .faculty-body-copy {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 100%;
	height: 50%;
	padding-top: 5.5%;
	box-sizing: border-box;
}

.faculty-member div[class*="half-img-"] article .copy p {
	font-family: "TradeGothic Cn 18";
	line-height: 1.5;
	font-size: 16px !important;
}

.faculty-member .body-copy {
	width: 100%;
}

.faculty-member .body-copy ul li {
	color: #39393a;
	margin-bottom: 0.75em;
}

.faculty-member .body-copy li a {
	font-family: "TradeGothic Cn 18";
}

.faculty-member .body-copy li a:hover {
	color: #39393a !important;
	box-shadow: 0 5px 0 0 #800000 !important;
}

.faculty-member .body-copy.mainlinks-container {
	margin-top: 30px;
}

.faculty-member .body-copy.mainlinks-container {
	border-bottom: 3px #999 solid;
}

.hero-module.faculty-member {
	color: white;
}

.faculty-member .body-copy ul.mainlinks a {
	font-family: "TradeGothic BoldCn 20" !important;
	border-bottom: none !important;
	text-transform: uppercase;
}

.faculty-member .body-copy ul.mainlinks a:hover {
	color: #800000 !important;
	box-shadow: 0 5px 0 0;
}

.pageHeader div.copy .body-copy ul.details {
    margin-top: 0px !important;
}

.details .mobile-faculty-img {
	width: 25% !important;
	float: left;
	display: none;
}

/* No Image Faculty Top  */
.component.bg-color.faculty-member {
	background: none;
}

.component.bg-color.faculty-member div[class*="half-img-"]::before {
	content: "";
	background-color: #ececec;
	position: absolute;
	top: -30px;
	left: 0;
	right: 0;
	bottom: 50%;
	z-index: -99;
}

.component.bg-color.faculty-member .bodyCopy-container {
	display: none;
}

/***** Ask Paul if this is a global change *****/
.body-copy .copy-container ul li {
	margin-bottom: 0;
}

/* @media screen and (min-width: 1130px) {
    .faculty-member .hero-content {
        border: red thin solid;
    }

    .component.bg-color.faculty-member::before {
        bottom: 49%;
    }
} */

@media screen and (max-width: 1024px) {
	.faculty-member .hero-content div[class*="half-img-left"] article .copy {
		align-content: space-between;
	}

	/* .faculty-member .hero-content div[class*="half-img-"] article .copy .faculty-body-copy{
        height: 60%;
    } */

	/* .hero-module.faculty-member {
        margin-bottom: 30%;
    } */

	/* .faculty-member div[class*="half-img-"] article .copy p.title {
        font-size: calc(20px + .3vw) !important;
    } */
}

@media screen and (max-width: 960px) {
	/* .faculty-member .section-container.hero-content {
        top: 30%;
    } */

	.hero-module.faculty-member {
		margin-bottom: 30%;
	}

	/* .faculty-member .hero-content div[class*="half-img-left"] article .copy {
        height: auto;
    } */
}

@media screen and (max-width: 768px) {
	.faculty-member .body-copy {
		margin-top: 30px;
	}

	.faculty-member div[class*="half-img-"] article .copy,
	.details .mobile-faculty-img {
		display: block;
	}

	.faculty-member .section-container.hero-content {
		position: static;
		padding-bottom: 60px;
		transform: translateY(0);
	}

	.faculty-member .section-container,
	.faculty-member div[class*="half-img-left"] article,
	.faculty-member div[class*="half-img-left"] article div.copy {
		width: 100%;
	}

	.social div[class*="half-img-"] article > a {
		width: calc(18% - (5.5% / 2)) !important;
	}

	.social div[class*="half-img-left"] article div.copy {
		width: calc(82% - (5.5% / 2)) !important;
	}

	.faculty-member .hero-module-container {
		margin-bottom: 0;
	}

	.faculty-member .section-container {
		padding-top: 0;
	}

	.faculty-member div[class*="half-img-"] article .copy .faculty-title {
		padding-bottom: 30px;
		margin-bottom: 0;
		position: relative;
	}

	.faculty-member div[class*="half-img-"] article .copy .faculty-title::after {
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		width: 25% !important;
		height: 3px;
		background: #800000;
	}

	.faculty-member div[class*="half-img-"] article .copy .faculty-body-copy {
		padding-top: 0;
	}

	.faculty-member .hero-image,
	.component.bg-color.faculty-member div[class*="half-img-"]::before {
		display: none;
	}

	.faculty-member .faculty-body-copy {
		position: static;
		width: 100%;
	}

	.faculty-member,
	.hero-module.faculty-member {
		margin-bottom: 0;
	}

	.hero-module.faculty-member {
		color: #39393a;
	}

	.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 div[class*="half-img-left"] article > a,
	.faculty-member div[class*="half-img-left"] article > picture {
		width: 25% !important;
		order: 3;
		margin-right: 5%;
		bottom: 0;
		display: none;
	}

	.faculty-member div[class*="half-img-"] article .copy {
		margin: 0;
		height: auto;
	}

	.faculty-member .faculty-title {
		order: 1;
	}

	.faculty-member .body-copy ul li {
		padding-right: 10px;
	}

	.faculty-member div[class*="half-img-"] div.copy ul.details li a {
		margin-right: 0;
	}
	/* .faculty-member .faculty-body-copy {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 70%;
    } */
}
