#home-content .row-responsive{
	margin: 30px 0px;
}
#home-content .bannerImage, #home-content .grid3 img{
	width: 100%;
}
#home-content .grid3 img{
	margin-top: 20px;
}
#home-content .grid9{
	padding-left: 30px;
}
#home-content .videoArea img, #home-content .videoArea a{
	display: block;
	margin: 0 auto;
	text-align: center;
}

#home-content .flexslider .flex-viewport, #home-content .flexslider .slides{
	max-height: 550px;
}
#home-content .flexslider .syncImg{
	width: 100%;
}
#home-content .flexslider .syncImg img{
	display: block;
	margin: 0 auto;
}
#home-content .flexslider .syncContent{
	display: none;
}
.styley{
	text-align: center;
	display: block;
	position: relative;
	padding-top: 5%; 
	margin-bottom: 0px;
}

/************** DEFAULT ****************/
#home-content .eaPage{
	width: 785px;
	position: relative;
	left: calc(50% - 392.5px);
}
#home-content .eaPage h2{
	text-align: center;
}
#home-content .eaPage h2 span{
	display: block;
	color: #6e3061;
	font-size: .8em;
}
#home-content .eaPage img{
	display: block;
	margin: 20px auto;
}

/**************	EMPLOYEE RECOGNITION PAGE	**************/
#home-content #recognitionPage .centerContent h2{
	margin-top: 0px;
}
#home-content #scrollSection{
	float: left;
	width: 100%;
	padding: 2.5% 5%;
	background-image: url(https://www.wcupa.edu/hr/employeeAppreciation/images/recognitionBack.jpg);
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	float: left;
	display: block;
	position: relative;
}
#home-content #scrollSection .row-responsive{
	display: flex;
}
#home-content #scrollSection h2, #home-content #scrollSection p{
	text-align: center;
}
#home-content #scrollSection h2{
	color: #ffe800;
	margin-top: 7%;
	font-size: 2.4em;
}
#home-content #scrollSection h2 span{
	display: block;
	background-color: #2d1535;
	margin: 0 auto;
	padding: 10px 20px;
}
#home-content #scrollSection p{
	font-family: "Phonk", Arial, sans-serif;
	text-transform: uppercase;
	font-size: 1.4em;
	letter-spacing: .17rem;
	color: #fff;
}
#home-content #scrollSection .bronzeFont{
	color: #d4a129;
}
#home-content #scrollSection .leftContent, #home-content #scrollSection .recSection h2{
	position: sticky;
	top: 20px;
}
#home-content #scrollSection .recSection h2{
	top: 0px;
}
#home-content #scrollSection .recSection{
	position: relative;
}
#home-content #scrollSection .leftContent a, #home-content #scrollSection .leftContent p{
	text-align: left;
	display: block;
	margin: 5px 0px;
}
#home-content #scrollSection .grid3{
	padding-right: 40px;
}
#home-content #scrollSection .leftContent{
	max-width: 100%;
}
#home-content #scrollSection .leftContent .codeKey{
	margin-top: 40px;
}
#home-content #scrollSection .leftContent .codeKey p{
	font-size: 1em;
	margin: 10px 0px;
}


/******	PHOTO ARCHIVE 23/24 PAGES	*****/
#hoverOverlaySection, #photoArchive2024, #photoArchive2024MoreImgs{
	padding: 0% 5%;
}
#hoverOverlaySection .grid2, #photoArchive2024 .grid2, #photoArchive2024MoreImgs .grid3{
	padding: 0px 2%;
}
#hoverOverlaySection .grid2 img, #photoArchive2024 .grid2 img, #photoArchive2024MoreImgs .grid3 img{
	width: 100%;
}
#hiddenTiles{

}
.hideSection, .hideSection2{
	display: none;
}
.centerText{
	text-align: center;
}
#home-content #photoArchive2024 a img{
	height: 200px;
	width: 200px;
}
#home-content #photoArchive2024MoreImgs a img{
	height: 200px;
	width: 300px;
}

/* 2024 */
#home-content .grid12.additionalResources2024{
	padding: 1% 2.5%;
}
#home-content .grid12.additionalResources2024 h2{
	text-align: center;
}
#home-content .grid12.additionalResources2024 h3{
	margin-top: 5px;
}

/*	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 img{
	display: block;
	margin: 0 auto;
}
.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%;
}

#home-content .tabContentSwitcher .grid6 p,#home-content .tabContentSwitcher .grid6 h3, #home-content .tabContentSwitcher .grid6 a, #home-content .tabContentSwitcher .grid6 h4{
	text-align: left;
}
#home-content .splitImg-8 .grid4{
	padding: 2.5% 3.5% 3.5% 3.5%;
}
#home-content .splitImg-8 .popOutBorder{
	float: right;
} 
#home-content .borderContent{
	padding: 5% 20%;
}
.ea-banner{
	width: 100%;
}
#home-content .bottom-4{
	float: left;
	width: 100%;
	padding: 1% 10%;
	text-align: left;
}
#home-content .bottom-4 .grid6:first-of-type{
	padding: 0px 60px 0px 0px;
	text-align: left;
}
#home-content .bottom-4 .grid6 h3, #home-content .bottom-4 .grid6 h4, #home-content .bottom-4 .grid6 p, #home-content .bottom-4 .grid6 a{
	text-align: left;
}
#home-content .bottom-4 .grid6 .videoContainer, #home-content .bottom-4 .grid6 .videoContainer img{
	width: 100%;
	max-width: 500px;
}
#home-content .bottom-4 .grid6 .wcuLink{
	margin: 10px 0px 10px 0px;
}

.celebration-title{
	text-align: center;
	display: block;
	width: 100%;
	padding: 2.5%;
	margin-top: 6%;
	margin-bottom: 0%;
	float: left;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #382140;
	background-image: url(https://wcupa.edu/_resources/includes/brand/images/homePageImages/hpFindProgParallax.jpg);
}
.celebration-title h2{
	margin-top: 1%;
	margin-bottom: 30px;
	text-align: center;
}
#home-content .celebration-title p{
	text-align: center;
}
#home-content #scrollSection h2.silverFont{
	color: #fff;
}
#home-content .splitImg-8 .grid8{
	padding: 0% 2.5% 0% 1%;
}
#home-content .splitImg-8 .grid8 h3{
	margin-top: -20px;
}
.centerH2{
	text-align: center;
}
#home-content .vid-center .border{
	padding: 2.5% 5%;
}
#home-content .borderContent{
	padding-top: 0px;
}
.events-section-25{
	float: left;
	width: 100%;
	display: block;
	padding: 1% 20%;
}
.events-section-25 h3 .violetFont{
	font-size: .7em;
}
.events-section-25 .grid3 img{
	display: block;
	margin: 0 auto;
	max-width: 200px;
}
.events-section-25 .grid3{
	padding-right: 2.5%;
}
.president-message{
	float: left;
	width: 100%;
	display: block;
	padding: 2.5% 5%;
	background-color: #382140;
	margin-bottom: 5%;
}
.president-message h3{
	color: #ffe800;
}
#home-content .president-message p{
	color: #fff;
} 

@media only screen and (min-width:750px){
	.pad-section{
		float: left;
		width: 100%;
		display: block;
		padding: 0px 20% 2.5% 20%;
	}
	#home-content .c-2{
		padding-left: 20%;
		padding-right: 20%;
	}
	#recognitionPage .wcuSplitBlockContainer{
		margin-bottom: -7px;
		margin-top: -40px;
	}
}
@media only screen and (max-width:1450px){
	#home-content #scrollSection p{
		font-size: 1.3em;
	}
	#home-content #scrollSection h2{
		font-size: 2em;
	}
}

@media only screen and (max-width:768px){
	#home-content #scrollSection .row-responsive{
		display: block;
	}
	#home-content #scrollSection .leftContent{
		position: initial;
	}
	#home-content #recognitionPage .centerContent{
		padding: 0px 10px 30px 10px;
	}
	#home-content #recognitionPage .centerContent h2{
		font-size: 1.6em;
	}
	#home-content #recognitionPage .centerContent h2{
		margin-top: 30px;
	}
	#home-content #hoverOverlaySection .row-responsive{
		display: block;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	#home-content .borderContent{
		padding: 3.5% 3.5%;
	}
	#home-content #photoArchive2024 a img, #home-content #photoArchive2024MoreImgs a img{
		height: 100%;
		width: 100%;
	}
	#home-content #photoArchive2024MoreImgs .tileBuilderSnippet > div.grid3{
		width: 100%;
	}

	/************** DEFAULT ****************/
	#home-content .eaPage{
		width: 100%;
		position: inherit;
		left: auto;
	}
}