body {
	overflow-x: hidden;
}

/* body .breadcrumbs {
	display: none;
} */

body .main-container .academic-dept-banner {
	background-color: #184f2c;
	color: #FFF;
	width: auto;
	padding: 10px 5% 10px 20px;
	z-index: 100;
	position: relative
}

body .main-container .academic-dept-banner h1 {
	border: 0 none;
	font-family: Neue Helvetica;
	font-size: x-large;
	margin: 0;
	padding: 0;
	text-align: center;
}

body .main-container .no-bullet li h2 {
	background-color: #ced54a;
	font-family: Neue Helvetica;
	font-weight: bold;
	padding: 0.5em 1em;
	color: #184f2c;
}

body .main-container .no-bullet li h3 {
	background-color: #025293;
	color: #FFF;
	font-family: Neue Helvetica;
	font-weight: bold;
	padding: 0.5em 1.5em;
}

.right {
	padding: 0!important;
}


/* Flex styles */
.faContainer {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.faContainer li {
	max-width: 208px;
}
.faContainer li h4 {
	font-size: 18px;
}
.faContainer li p {
	line-height: 1.5em;
}
.faContainer li img {
	width: 169px;
	height: 219px;
	object-fit: cover;
	object-position: top;
}

.faContainer li#lisahyder {
	display: none;
}

.faItem {
	padding: 1.5em;
	transition: all 0.3s ease;
	position:relative;
	line-height: 1.25;
}
.faItem .faContent {
	text-align: left;
}
.faItem .faItemDesc {
	display:none;
}
.faItem .faItemDesc p {
	margin: 10px 0px;
	line-height:22px;
	font-size: 15px
}
.faItem .faClose {
	display:none;
	position:absolute;
	top:25px;
	right:25px;
	cursor:pointer;
	font-weight:bold;
	padding:3px 10px;
	background-color:#FFF;
	border:1px solid #CCC;
	color:#AAA;
}
.faItem .faClose:hover {
	border:1px solid #AAA;
	color:#999;
	background-color:rgba(233,236,141, 0.4);
}
.faItem.active {
	padding: 60px 60px;
	grid-column-start: 1;
	grid-column-end: 3;
	background-color: rgba(50,50,50,0.1);
	max-width: 100%;
	flex-basis: 100%;
	line-height: inherit;
}
.faItem.active .faClose {
	display:block;
}
.faItem.active a.expand {
	cursor:default;
	font-size:150%;
}
.faItem.active .faItemDesc {
	display:block;
	font-size:80%;
}
.faItem.active .faSubdept {
	font-weight: bold;
}

.faImage {
	width: 169px;
	height: 219px;
	object-fit: cover;
	object-position: top;
}

.faName {
	
}

.faPosition {

}

.faSubdept {
	font-style: italic;
}

.faOffice {
	
}

.faPhone {
	
}

.faEmail {
	
}

.faHours {
	
}

.faBio {
	
}

/* Larger than phone */
@media (min-width: 500px) {
	body .main-container .right {
	}
	.faContainer {
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		align-items: flex-start;
	}
	.faConta
iner li {
		max-width: 225px;
		min-width: 225px;
	}
	.active .faImage {
		float: left;
		margin-right: 1em;
	}
}

/* iPad */
@media (min-width: 768px) {
/* 	body .breadcrumbs {
		display: block;
	} */
	body .main-container .academic-dept-banner h1 {
		font-size: xx-large;
		text-align: right;
	}
	body .main-container .right {
		padding-top: 15%;
	}
	.faContainer li {
		max-width: 200px;
		min-width: 200px;
	}
	.active .faName {
		text-align: left;
	}
}

@media (min-width: 851px) {
	.faContainer {
		justify-content: left;
	}
}

/* Laptop */
@media (min-width: 1024px) {
	.faItem.active {
		flex-basis: 65%;
	}
}

/* Large Laptop */
@media (min-width: 1440px) {
	.faItem.active {
		flex-basis: 50%;
	}
}

@media (min-width: 1750px) {
	.faItem.active {
		flex-basis: 40%;
	}
}

/* 4k */
@media (min-width: 2500px) {
	.faItem.active {
		flex-basis: 33%;
	}
}