/* 
This is the section css for
the Environmental Health Program 
*/

/* 
This is the section css for
Environmental Health Program 
*/
#home-content p{
	line-height: 1.7em;
}
video{
	width: 100%;
}
#heroSection{
	position: relative;
	background-image: url("/healthSciences/health/enHealth/images/hpHero.jpg");
	height: 90vh; 
	width: 100%;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.subHero{
	height: 55vh;
	width: 100%;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
#careerHero{
	background-image: url("/healthSciences/health/enHealth/images/careers1-3.jpg");
}
#labsHero{
	background-image: url("/healthSciences/health/enHealth/images/labsHero.jpg");
}
#currHero{
	background-image: url("/healthSciences/health/enHealth/images/curriculumHero.jpg");
}
#slHero{
	background-image: url("/healthSciences/health/enHealth/images/slHero.jpg");
}
#bsEHHero{
	background-image: url("/healthSciences/health/enHealth/images/bsEHHero3.jpg");
}
#minorEHHero{
	background-image: url("/healthSciences/health/enHealth/images/minHero.jpg");
}
#EHTHero{
	background-image: url("/healthSciences/health/enHealth/images/ehtHero.jpg");
}
.contentHolder .row-responsive:first-of-type{
	margin-top: 0px;
	margin-bottom: 0px;
}
.heroOverlay{
	position: absolute;
	top: 50%; 
	left: 50%;
	transform: translate(-50%,-50%);
	width: 90%;	
	height: 85%;
	background-color: rgba( 42, 124, 111, 0.6);
}
.textCenter{
	position: absolute;
	top: 50%; 
	left: 50%;
	transform: translate(-50%,-50%);
	text-align: center;
}
#home-content .textCenter h2, #home-content .textCenter p{
	color: #fff;
	text-align: center;
}
#home-content .textCenter h2{
	font-size: 3em;
	line-height: 1.2em;
}
#home-content .textCenter .btn, #home-content .centerDiv .btn, #home-content #careersPage .cardTileSection .btn, #home-content .innerWCUSplitBlock .btn{
	margin: 10px 10px;
}
.imageOverlay, .imageOverlay img{
	width: 100%;
	position: relative;
	float: left;
}
#home-content .imageOverlay .overlayText{
	position: absolute;
	top: 50%; 
	left: 50%;
	transform: translate(-50%,-50%);
}
#home-content .imageOverlay p{
	font-size: 3em;
	line-height: 1.3em;
	color: #fff;
	text-align: center;
}
.wcuSplitBlockContainer{
	padding: 5% 10%;
}
.wcuSplitBlockContainer .row-responsive{
	display: flex;
}
.wcuSplitBlockContainer .grid6 img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#bottomSplits .wcuSplitBlockContainer{
	padding: 0px 0px;
}
.outerWCUSplitBlock{
	display: table;
	padding: 10% 15%;
	height: 100%;
	width: 100%;
	background-color: #2A7C6F;
}
#slPage .outerWCUSplitBlock{
	background-color: #fff;
}
.innerWCUSplitBlock{
	display: table-cell;
	vertical-align: middle;
}
.contentHolder .innerWCUSplitBlock h3, #home-content .innerWCUSplitBlock p, .innerWCUSplitBlock h2, #home-content .innerWCUSplitBlock ul, #home-content .innerWCUSplitBlock li{
	color: #fff;
	text-align: center;
	border-bottom: none;
	list-style-type: none;
	margin-left: 0;
}
.innerWCUSplitBlock h2{
	font-size: 2.4em;
	line-height: 1.2em;
}
#home-content #slPage .innerWCUSplitBlock h2{
	color: #2A7C6F;
}
#home-content #slPage .innerWCUSplitBlock p{
	color: #2A7C6F;
}
.contentHolder .innerWCUSplitBlock h3{
	font-size: 2.2em;
	line-height: 1.2em;
}
.contentHolder .innerWCUSplitBlock h3:after{
	background: none;
}
#home-content .env .grid3{
	padding: 5px;
}
#home-content #hoverOverlaySection .row-responsive{
	display: flex;
	margin-top: 0px;
	margin-bottom: 0px;
}
.firstBlock{
	height: 98.5%;
	width: 100%;
	display: table;
	background-color: #2A7C6F;
	padding: 20px;
}
#home-content .firstBlock a{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	color: #fff;
	font-size: 2.3em;
	line-height: 1.2em;
	font-weight: bold;
	text-decoration: none;
}

.cardImageBackground{
	background: transparent;
}
.cardImageBackground h4{
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%,   rgba(0, 0, 0, 0.51) 16%, rgba(0, 0, 0, 0) 26%);
	z-index: 1;
	font-size: 1.3em;
	border-bottom: none;
}
.cardImageBackground img{
	position: relative;
	z-index: 0 !important;
}
.env .cardBox .cardContent{
	z-index: 3;
	background: rgba( 42, 124, 111, 0.9 );
}
#home-content .cardBox .cardContent h4, #home-content .cardBox .cardContent p{
	color: #fff;
}
#home-content .cardBox .cardContent h4, #home-content .cardBox .cardImageBackground h4{
	font-size: 1.3em;
	border-bottom: none;
	margin-top: 0px;
}

.hideSection{
	display: none;
}
.centerText{
	text-align: center;
}
.cardTileSection, .centerDiv{
	width: 100%;
	float: left;
	padding: 5% 10%;
}
#careerSection{
	padding: 5% 25%;
}
.purpleSection{
	background-color: #2A7C6F;
}
.purpleSection > h2, #home-content .purpleSection > p{
	color: #fff;
}
#home-content .cardTileSection .grid4{
	padding: 15px;
}
.cardTileSection .envCard{
	background-color: #fff;
	padding-bottom: 20px;
}
#home-content .cardTileSection .envCard p{
	margin: 10px 0px;
}
.cardTileSection h2, #home-content .cardTileSection p, #home-content .cardTileSection a, #home-content .purpleSection li, #home-content .purpleSection a{
	color: #fff;
	text-align: center;
}
.centerDiv h2, #home-content .centerDiv p, #home-content .centerDiv a{
	text-align: center;
}
.cardTileSection h2, .centerDiv h2{
	font-size: 3.3em;
	line-height: 1.3em;
}
#home-content .cardTileSection .envCard p{
	padding: 10px 0px;
	color: #2A7C6F;
}
#home-content .cardTileSection img{
	width: 100%;
}
#home-content .cardTileSection .envCard a{
	font-size: 1.3em;
	color: #2A7C6F;
}
#home-content #careersPage .cardTileSection .row-responsive{
	margin-top: 0px;
	margin-bottom: 0px;
}
#home-content #careersPage .cardTileSection .grid4{
	padding: 10px 15px;
}
#home-content #careersPage .centerDiv, #home-content #bsEH .centerDiv{
	padding: 5% 20%;
}
#home-content #careersPage .centerDiv ul, #home-content #careersPage .centerDiv li, #home-content #bsEH .centerDiv ul, #home-content #bsEH .centerDiv li{
	text-align: center;
	list-style-type: none;
}
#home-content #careersPage .centerDiv ul{
	margin-bottom: 40px;
	margin-left: 0px;
}
#home-content #careersPage .cardTileSection .envCard{
	padding: 30px;
}
#labsPage .centerDiv{
	padding: 5% 20%;
}
.photoSection{
	padding-top: 40px;
	float: left;
	width: 100%;
	position: relative;
}
.photoSection img{
	padding: 20px;
	width: 100%;
}
#home-content .highlightCareer{
	font-size: 1.3em;
	margin-bottom: 10px;
}

/*	FANCYBOX INFO	*/

.fancybox-opened{
	width: 90% !important;
	height: 90% !important;
	top: 5% !important;
	left: 5% !important;
}
.fancybox-skin{
	height: 95% !important;
}
.fancybox-outer{
	height: 100% !important;
}
.fancybox-inner{
	width: 100% !important;
	height: 100% !important;
}
.fancybox-inner > div{
	width: auto;
	min-width: 75%;
	position: absolute;
	top: 50%; 
	left: 50%;
	transform: translate(-50%,-50%);
}
.fancybox-inner > div .grid6{
	padding: 0px 30px;
}
.fancybox-inner > div .grid6:last-of-type{
	padding: 30px;
}
.fancybox-inner > div h2{
	text-align: center;
	font-size: 3em;
}
.fancybox-next span, .fancybox-prev span{
	visibility: visible;
}
.fancybox-prev span{
	left: 0px;
}
.fancybox-next span{
	right: 0px;
}
.fancybox-nav{
	width: 75px;
	height: 100%;
}




@media only screen and (max-width:768px){
	.wcuSplitBlockContainer{
		padding: 7% 5%;
	}
	.wcuSplitBlockContainer .grid6{
		margin-bottom: -7px;
	}
	.wcuSplitBlockContainer .row-responsive{
		display: block;
		margin-bottom: 0px;
		margin-top: 0px;
	}
	#home-content #hoverOverlaySection .row-responsive{
		display: block;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.cardBox{
		position: relative;
		height: auto;
		background-size: cover;
		background-repeat: no-repeat;
	}
	.cardImageBackground{
		height: auto;
	}
	.cardBox .cardContent{
		bottom: 0%;
		position: relative;
		float: left;
	}
	.imageOverlay{
		min-height: 300px;
		background-size: cover;
		background-repeat: no-repeat;
	}
	.imageOverlay{
		min-height: 250px;
	}
	.imageOverlay img{
		object-fit: cover;
		min-height: 250px;
		overflow: hidden;
	}
	#home-content .imageOverlay p{
		font-size: 1.5em;
	}
	#home-content #careersPage .centerDiv, #home-content #bsEH .centerDiv, #home-content .centerDiv{
		padding: 5% 5%;
	}
	.cardTileSection h2, .centerDiv h2{
		font-size: 2.3em;
	}
	.outerWCUSplitBlock{
		display: block;
	}
	.innerWCUSplitBlock{
		display: block;
	}
	.innerWCUSplitBlock h2{
		font-size: 1.8em;
	}
	#bottomSplits .wcuSplitBlockContainer{
		margin-bottom: 20px;
	}
}