/* 
This is the section css for
test 
*/
#btnContactBrandTop{
	display: none;
}

#upcomingEvents li:nth-of-type(4n+1){
	clear: left;
}
#upcomingEvents li:nth-of-type(6n+1){
	display: none;
}

#home-content .imgRight{
	float: right;
	padding-left: 10px;
}
#home-content .imgLeft{
	float: left;
	padding-right: 10px;
}
#home-content .imgCenter{
	display: block;
	margin: 0 auto;
}
.covidMessage{
	padding: 40px;
	padding-left: 50px;
	background-color: #fff;
	float: left;
	width: 100%;
}
.insideMessage{
	padding-left: 20px;
	border-left: 5px solid #FF0000;
}
#home-content .insideMessage h3{
	font-size: 2.1em;
	text-transform: uppercase;
	color: #441F49;
	margin-top: 10px;
	margin-bottom: 40px;
	text-align: left;
	line-height: 1.4em;
}
#home-content .insideMessage h3, #home-content .insideMessage h3:after{
	border-bottom: none;
	background: none;
}
#home-content .insideMessage p{
	font-size: 1.5em;
	color: #441F49;
	line-height: 1.4;
	clear: right;
	position: relative;
}
#home-content .grid4{
	padding-right: 20px;
}

#home-content .letters {
	color: #763775;
	background-color: #D9AA2A;
	border: 1px solid black;
	font-size: 24px;
	margin-left: 5px;
	padding: 0 10px 0 10px;
	text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.7);
}
#home-content .letterNav {
	background-color: #B094B5;
	border-radius: 3px;
	border: 1px solid #b3a2b3;
	color: #EEE;
	font-size: 16px;
	font-weight: bold;
	margin: 20px 0 10px 0;
	padding: 10px 2px 7px 0;
}
#home-content .letterNav a {
	color: black;
	text-decoration: none;
}

#home-content .letterNav + ul {
	list-style: none;
	margin-left: 0;
}
#home-content .letterNav + ul li a {
	color: #6a6d70;
	
}
#home-content .letterNav + ul li a:hover {
	color: black;
}
#home-content .letterNav
{
	list-style-type: none;
	background-color: #B094B5;
	padding: 10px 2px 7px 5px;
	margin-left: 0;
}

#home-content .letterNav li:not(:first-child) a
{
	color: #ffbd07;
}
#home-content .letterNav li:nth-child(2)
{
	margin-left: 1.25em;
}
#home-content .letterNav li
{
	display: inline-block;
	font-size: 1.5em;
	width: 1em;
}

#home-content .letterNav .inactive
{
	color: #333;
	text-decoration: line-through;
}


/****** HOMEPAGE CSS********/
#home-content .topHPSection{
	float: left;
	width: 100%;
	padding: 0px 60px;
	margin-top: 20px;
}

#home-content .topHPSection .grid3, #home-content .topHPSection .grid4{
	padding: 0px 10px;
}
.midHPSection{
	float: left;
	width: 100%;
	padding: 0px 60px;
}
#home-content .midHPSection .grid4, #home-content .midHPSection .grid6, #home-content .midHPSection .grid8, #home-content .midHPSection .grid3{
	padding: 0px 10px;
	margin-bottom: 20px;
}

#home-conent .grid12 .midHPSection .grid6{
	padding-right:10px;
}

/*********** BLOCK BTNS FOR ALL PAGES ************/
#home-content .ugBtn{
	padding: 20px;
	color: #fff;
	width: 100%;
	display: block;
	text-align: center;
	text-decoration: none;
}
#home-content .ugBtn:visited{
	color: #fff;
}
#home-content #ugHP .ugBtn{
	padding: 40px 0px;
}
#home-content #ugHP .row-responsive .grid6:first-of-type{
	padding-right: 10px;
	padding-left: 0px;
}
#home-content #ugHP .row-responsive .grid6:last-of-type{
	padding-left: 10px;
	padding-right: 0px;
}
.topHPSection .matchBtn{
	padding: 80px 10px;
}
#home-content .matchBtn{
	font-size: 3em;
	line-height: 1em;
	font-weight: bold;
	transition: all .2s ease-in-out;
}
#home-content .matchBtn:hover{
	transform: scale(1.02);
}
#home-content .matchImg{
	font-size: 3.4em;
	line-height: 1em;
	font-weight: bold;
	position: relative;
	transition: all .2s ease-in-out;
}
#home-content .matchImg:hover{
	transform: scale(1.02);
}
#home-content .matchImg .vertBtn{
	position: relative;
	top: 35%;
	-webkit-transform: translateY(-35%);
	-ms-transform: translateY(-35%);
	transform: translateY(-35%);
}
#home-content .matchImg .vertBtn span{
	font-size: 3.8em;
	line-height: 1em;
}
.lastMidSection .matchImg .vertBtn{
	position: relative;
	top: 25%;
	-webkit-transform: translateY(-25%);
	-ms-transform: translateY(-25%);
	transform: translateY(-25%);
}
.purpleBtn{
	background-color: #441F49;
}
.orangeBtn{
	background-color: #F67519;
}
.blueBtn{
	background-color: #3873AB;
}
.greenBtn{
	background-color: #2e8540;
}
.yellowBtn{
	background-color: #FFBD07;
}
.darkGrayBtn{
	background-color: #777777;
}
.redBtn{
	background-color: #cd2026;
}
.ugFooter .purpleBtn{
	background-color: #441F49;
	border: solid 3px #fff;
	box-sizing: border-box;
}
.ugFooter .purpleBtn:hover{
	color: #FFBD07 !important;
}
#home-content #tileSection{
	padding: 20px 80px 30px 80px;
}
#home-content #tileSection .grid3{
	padding: 0px 20px;
}
#home-content #tileSection .grid4{
	padding: 0px 20px;
}
#home-content #tileSection .tile{
	display: block;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	background-color: #441F49;
	padding: 60px 10px 60px 10px;
	color: #fff;
	font-size: 2.5em;
	font-weight: bold;
	line-height: 1.2em;
}
#home-content #tileSection .tile:hover{
	color: #D9AA2A;
}
.fullBtnArea{
	padding: 0px 10px;
}
.fullBtn{
	padding: 30px 10px;
	margin-bottom: 20px;
}
.ugFooter{
	background-color: #441F49;
	float: left;
	width: 100%;
	padding: 40px 60px;
}
#home-content .ugFooter .grid4{
	padding: 10px;
}


/*******	OUR LOCATION PAGE	********/
#home-content #ourLocation{
	
}
#home-content #ourLocation #topLocation a, #home-content #ourLocation #topLocation a:visited{
	color: #fff;
	margin-top: 10px;
	transition: all .3s ease-in-out;
}
#home-content #ourLocation #topLocation a:hover{
	color: #FFBD07;
	transition: all .3s ease-in-out;
}
#home-content #ourLocation #purpleBackSection{
	padding: 0px 40px 10px 40px;
}
#home-content #ourLocation .purpleBack, #home-content #ourLocation .purpleBack .centeredContent{
	padding: 0px 60px;
	background-color: #441F49;
	font-size: 1.3em;
	text-align: center;
	width: 100%;
}
#home-content #ourLocation .purpleBack .centeredContent{
	display: block;
	margin: 0 auto;
	text-align: center;
	width: 100%;
	padding: 0px 280px;
}
#home-content #ourLocation .purpleBack .centeredContent p{
	 color: #fff;
	text-align: center;
	line-height: 1.2em;
 }
#home-content #ourLocation .purpleBack .grid6{
	padding: 0px 30px;
}
#home-content #ourLocation .purpleBack .grid6 p{
	font-size: 1.8em;
	color: #fff;
	line-height: 1.3em;
}
#home-content #ourLocation .purpleBack .grid6 p span{
	font-size: 1.3em;
	font-weight: bold;
}
#home-content #videoArea{
	background-image: url("../images/videoCenterBackground.jpg");
	background-repeat: no-repeat;
	background-size: cover; 
	background-position: left;
	padding: 6% 10%;
}
#home-content .videoCenter, #home-content .videoContainer{
	text-align: center;
	width: 100% !important;
}
#home-content .videoCenter a{
	text-align: center;
}
#home-content .videoCenter .playBtn{
	display: none;
}


#home-content .videoCenter .fancybox-media img{
	box-shadow: none;
	border: 30px solid #441F49;
	
}
#home-content #ourLocation #topLocation{
	position: relative; 
	margin-top: -10px;
	margin-bottom: -10px;
}
#home-content #ourLocation #overlayInfo{
	position: absolute;
	left: 10%;
	top: 10%;
	font-size: 1.5em;
}
#home-content #ourLocation #overlayInfo h2{
	margin-bottom: 0;
}
#home-content #ourLocation #overlayInfo h2, #home-content #ourLocation #overlayInfo p{
	color: #fff;
	line-height: 1.3em;
}


#home-content #distantCities{
	padding: 40px;
}
#home-content #distantCities .centeredContent{
	padding: 0px 60px;
	font-size: 1.3em;
	text-align: center;
	width: 100%;
}
#home-content #distantCities .centeredContent{
	display: block;
	margin: 0 auto;
	text-align: center;
	width: 100%;
	padding: 0px 280px;
}
#home-content #distantCities .centeredContent p{
	text-align: center;
	line-height: 1.2em;
 }
#home-content #distantCities .grid3 p{
	text-align: center;
	font-size: 2.4em;
	font-weight: bold;
}
#home-content #distantCities .grid3 .city{
	font-size: 2.8em;
}
#home-content #distantCities .grid3 .minutesTravel{
	font-size: 3.9em;
	line-height: .8em;
	margin-top: 40px;
	color: #441F49;
}
#home-content #distantCities .grid3 .minutesTravel span{
	font-size: .6em;
}

#home-content #ourLocation #getToKnow{
	padding: 40px;
}
#home-content #ourLocation #getToKnow p{
	font-size: 1.3em;
}
#home-content #ourLocation #getToKnow .grid3{
	padding: 10px;
}
#home-content #ourLocation #getToKnow .matchBtn{
	font-size: 1.5em;
}



/********	VIRTUAL TOURS	*******/
#home-content #virtualToursPage .grid6:nth-child(2){
	padding-left: 10px;
}
#home-content #virtualToursPage h2{
	margin-bottom: 10px; 
}
#home-content #virtualToursPage .grid6 .ugHeading{
	margin-bottom: 10px;
}
#home-content #virtualToursPage .grid6 .topmarg{
	margin-top: 30px;
}
#home-content #virtualToursPage .midHPSection{
	padding: 30px 60px;
}
#home-content #virtualToursPage .ugFooter{
	margin-left: -30px;
	width: 104%;
}

/*********	COUNSE;PRS	*********/
#home-content #counselorsPage .grid6:first-of-type{
	padding-right: 10px;
}
#home-content #counselorsPage .grid6:last-of-type{
	padding-left: 10px;
}
#home-content #counselorsPage .wcuGrayTile{
	background-color: #FFBD07;
}




@media only screen and (max-width:1400px){
	#home-content #ourLocation #getToKnow .matchBtn{
		font-size: 1.1em;
	}
}
@media only screen and (max-width:1366px){
	#home-content #tileSection{
		padding: 0px 60px 20px 60px;
	}
}

@media only screen and (max-width:1280px){
	/******** SLIDESHOW ********/
	#CollegeTemplateSlideshow .flex-next{
		right: 10px;
	}
	#CollegeTemplateSlideshow .flex-prev{
		left: 10px;
	}
	.matchBtn{
		font-size: 2em;
	}
	.matchImg{
		font-size: 2em;
	}
	#home-content .ugHeading{
		font-size: 2em;
	}
	#ugApply .topHPSection .matchBtn{
		font-size: 2.2em;
		text-align: left;
		padding: 70px 30px 50px 30px;
	}
	#ugApply .matchBtn span{
		font-size: 2.7em;
	}
	#home-content #tileSection .grid3{
		padding: 0px 10px;
	}
	#home-content #ourLocation .purpleBack .centeredContent{
		padding: 0px 180px;
	}
	#home-content #distantCities .centeredContent{
		padding: 0px 180px;
	}
	#home-content #ourLocation .purpleBack .grid6 p{
		font-size: 1.3em;
	}
	#home-content #ourLocation #scrollTo{
		margin-top: 0px;
	}
	#home-content #distantCities .grid3 .city{
		font-size: 1.9em;
	}
	#home-content #distantCities .grid3 .minutesTravel{
		font-size: 3em;
	}
}

@media only screen and (max-width:1200px){
	#home-content #ourLocation #getToKnow .matchBtn{
		font-size: .8em;
	}
}

@media only screen and (max-width:1024px){
	/******* SLIDER CONTENT ******/
	#CollegeTemplateSlideshow .slides .slideshowTextbox .slideshowTextboxInner{
		max-width: none;
		width: 90%;
	}
	#home-content #admissionsRep #reps{
		padding-left: 30px;
		padding-right: 30px;
	}
	#home-content #admissionsRep #reps img{
		width: 60%;
		max-width: 60%;
	}
	#home-content #admissionsRep #reps .grid4{
		padding-left: 20px;
	}
	
	/******** SLIDESHOW ********/
	#CollegeTemplateSlideshow .flex-next{
		top: 50px;
	}
	#CollegeTemplateSlideshow .flex-prev{
		top: 50px;
	}
	#ugHP #playBtn {
		bottom: 24%;
		right: 44%;
	}
	#ugHP #playBtn.active{
		bottom: 72%;
		right: 87%;
	}
	.ugFooter .matchBtn{
		padding: 10px 5px;
	}
	#ugApply .topHPSection .matchBtn{
		font-size: 1.7em;
		text-align: left;
		padding: 70px 30px 50px 30px;
	}
	#ugApply .matchBtn span{
		font-size: 2em;
	}
	#home-content #tileSection{
		padding: 0px 40px 20px 40px;
		font-size: 1.5em;
	}
	#home-content #tileSection .grid3{
		padding: 10px;
		width: 50%;
	}
	#home-content #ourLocation .purpleBack .centeredContent{
		padding: 0px 80px;
	}
	#home-content #distantCities .centeredContent{
		padding: 0px 80px;
	}
	#home-content #ourLocation #overlayInfo{
		font-size: 1.2em;
	}
	#home-content #ourLocation .purpleBack, #home-content #ourLocation .purpleBack .centeredContent{
		font-size: 1.2em;
	}
}

@media only screen and (max-width:900px){
	/******** SLIDESHOW ********/
	#CollegeTemplateSlideshow .textBox .textBoxInner.rightBox{display: none;}
	#CollegeTemplateSlideshow .textBox .textBoxInner.leftBox{display: none;}
	.topHPSection .matchBtn{
		padding: 40px 10px;
	}
	#ugHP #playBtn {
		bottom: 23%;
		right: 41%;
	}
	#home-content .topHPSection{
		padding: 0px 20px;
	}
	.midHPSection{
		padding: 0px 20px;
	}
	#home-content #ugApply .topHPSection .grid3{
		width: 100%;
	}
	#ugApply .topHPSection .matchBtn{
		font-size: 2.4em;
		margin-bottom: 30px;
	}
	#ugApply .matchBtn span{
		font-size: 2.8em;
	}
	#home-content #tileSection{
		font-size: 1.3em;
	}
	#home-content #distantCities .grid3{
		width: 50%;
	}
}
@media only screen and (max-width:768px){
	/*	MISC	*/
	#home-content .learnMoreGrid{background-image: url("/_admissions/SCH_ADM/images/btmBG.jpg"); background-repeat: no-repeat; padding: 0px 10px 30px 10px; background-size: cover;}
	#home-content .learnMoreGrid .faIcons	{text-align: center;}
	#home-content .noMobile{Display: none;}
	
	/*  Accpeted Student Days */
	#home-content #registerHeader .grid6 {padding: 0;}
	
	/*	InstaphotoContest	*/
	#home-content .leftCol	{padding-right: 0px;}
	#home-content #contestAd{text-align: center;}
	
	/*	International	*/
	#home-content .internationalLangBtns li{
		width: 50%;
	}
	
	/*	International Students	*/
	#home-content .studentBio {padding-left: 0px;}
	#home-content .studentProfileImg {text-align: center;}
	
	/*	Transfer	*/
	#home-content #transferLeftSide {margin-right: 0px;}
	#home-content #transferRightSide .studentTestimonials {margin-top: 0px;}
	
	#home-content .uniAmbassadors, .pictureBG {padding-right: 0px;}
	/*	Multicultural Affairs	*/
	#home-content .pictureBG a.fancybox-media img {width: 100%;}
	#home-content .twitterFeed {text-align: center;}
	#home-content #mainContent.grid12 img.mqImg {display: none !important;}
	
	/********** ADMISSION APPLICATION **********/
	#home-content .leftGrid{
		padding-right: 0;
	}
	.ugBtn{
		margin-bottom: 20px;
	}
	.ugFooter .matchBtn{
		padding: 20px 20px;
	}
	.ugFooter .ugBtn{
		margin-bottom: 10px;
	}
	.matchBtn{
		font-size: 2.4em;
	}
	.matchImg{
		font-size: 2.4em;
	}
	#home-content .topSplitSection .grid6{
		padding-right: 30px;
		padding-left: 30px;
	}
	#home-content .topSplitSection{
		margin-top: 20px;
	}
	#ugFirstYear #playBtn {
		right: 40%;
	}
	#ugApply .topHPSection{
		display: none;
	}
	.hdnLink{
		position: relative;
		left: auto;
		width: auto;
		height: auto;
		overflow: visible;
		display: block;
	}
	.showSection{
		margin-top: 20px;
		padding: 10px 20px 20px 20px;
	}
	.btnSection{
		display: none;
	}
	#home-content .asShowHead{
		margin-top: 40px;
	}
	#home-content .asShow{
		margin-bottom: 30px;
	}
	#home-content h2{
		padding: 10px 40px 10px 20px;
	}
	#tileSection{
		display: none;
	}
	.matchImg .vertBtn span{
		font-size: 2em;
		line-height: 1em;
	}
	#home-content #admissionsRep #reps .grid4{
		padding-bottom: 40px;
	}
	#home-content #ourLocation #purpleBackSection{
		margin-bottom: 0;
	}
	#home-content #ourLocation .purpleBack .centeredContent{
		padding: 0px 30px;
	}
	#home-content #distantCities .centeredContent{
		padding: 0px 30px;
	}
	#home-content #ourLocation #getToKnow .matchBtn{
		font-size: 1.4em;
	}
	#home-content #ourLocation #overlayInfo h2{
		padding-left: 0px;
		margin-top: 0px;
		font-size: 2.1em;
	}
	.horizontalMenu{
		margin-top: 10px !important;
	}
	.contentHolder{
		margin-top: 10px !important;
	}
}

@media only screen and (max-width:675px){
	#home-content #ourLocation #overlayInfo{
		font-size: 1.1em;
	}
	#home-content .fa-chevron-circle-down{
		display: none;
	}
	#home-content #ourLocation .purpleBack .centeredContent{
		padding: 0px 0px;
	}
	#home-content #ourLocation #overlayInfo h2, #home-content #ourLocation #overlayInfo p{
		color: #575757;
	}
	#home-content #ourLocation #overlayInfo p{
		font-size: 1.1em;
	}
	#home-content #ourLocation #topLocation img{
		display: none;
	}
	#home-content #ourLocation #overlayInfo{
		position: relative;
		left: initial;
		top: initial;
		padding: 10px 30px 30px 30px;
	}
	#home-content #distantCities .grid3 .city{
		font-size: 1.5em;
	}
	#home-content #distantCities .centeredContent{
		padding: 0px 0px;
	}
}









/* 
This is the section css for
Visitors 
*/

/*****************************************************/
/*****************************************************/
/*					NEW BRAND CSS					*/
/*****************************************************/
/*****************************************************/


.collageImages{
	background-image: url(/secondary/images/secondaryBackground.jpg);
	background-position: top;
	background-repeat: no-repeat;
	width: 100%;
	float: left;
	position: relative;
	z-index: 10;
	padding-bottom: 50px;
}
.collageImages h2{
	font-size: 3em;
	margin: 50px 0px;
	text-align: center;
}
.collageImages h4{
	text-transform: uppercase;
}
.collageImages .cardBox{
	width: 100%;
}
.collageImages img{
	width: 100%;
}
.collageImages .row-responsive:first-of-type, .collageImages .row-responsive:first-of-type .grid5, .collageImages .row-responsive:first-of-type .grid4, .collageImages .row-responsive:first-of-type .grid3, .collageImages .row-responsive .grid6{
	display: flex;
}
.collageImages .bottomPlacement{
	align-self: flex-end;
	width: 100%;
}
.collageImages .row-responsive:first-of-type{
	margin-bottom: 30px;
}
.collageImages .row-responsive .grid6:first-of-type{
	padding: 0% 1% 0% 2%;
}
.collageImages .row-responsive .grid6:last-of-type{
	padding: 0% 2% 0% 1%;
}
/* .collageImages .row-responsive:first-of-type .grid5{
	padding-right: 30px;
}
.collageImages .row-responsive:first-of-type .grid4, .collageImages .row-responsive:last-of-type .grid5, .collageImages .row-responsive:last-of-type .grid4{
	padding-left: 30px;
} */
@media only screen and (max-width:768px){
	.collageImages .row-responsive:first-of-type{
		margin-bottom: 0px;
		display: block;
	}
	.collageImages .row-responsive:first-of-type .grid3, .collageImages .row-responsive:last-of-type .grid3, .collageImages .row-responsive:first-of-type .grid5, .collageImages .row-responsive:first-of-type .grid4, .collageImages .row-responsive:last-of-type .grid5, .collageImages .row-responsive:last-of-type .grid4, .collageImages .row-responsive .grid6{
		padding-left: 0px;
		padding-right: 0px;
		margin-bottom: 20px;
		display: block;
	}
	.collageImages{
		padding: 30px 20px;
	}
}

.infoNumber{
	font-size: 4em;
	font-weight: bold;
	line-height: 1em;
	color: #6e3061 !important;
	margin: 10px 0px;
}
#factsFigures .smallInfo {
    font-size: 1.5em;
    font-weight: bold;
	color: #382140;
}
.infoArea .grid3{
	padding: 10px;
}


.centerH2{
	text-align: center;
}
.centerContent .grid4{
	padding: 0px 10px;
}
.purplePara, .pyPara2, .pyPara1{
	padding: 5% 10%%;
}
.pyPara2, .pyPara1{
	display: flex;
}
.pyPara2 .grid6:first-of-type, .pyPara1 .grid6:last-of-type{
	background-color: #FFE800;
}
.pyPara2 .grid6:last-of-type, .pyPara1 .grid6:first-of-type{
	background-color: #382140;
	height: 100%;
}



/*	CALENDAR BOX FOR MOCK UP	*/
#upcomingEvents{
	padding: 5% 5%;
	background-image: url(https://www.wcupa.edu/_resources/includes/brand/images/homePageImages/hpFindProgParallax.jpg);
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	float: left;
	width: 100%;
	display: block;
}
#upcomingEvents h2{
	text-align: center;
	margin-bottom: 5%;
	color: #ffe800;
}
#home-content #upcomingEvents .forceUpper
{
	text-transform: uppercase;
	color: #EEE;
}
#upcomingEvents h3 + span
{
	font-size: .75em;
	padding-bottom: 50px;
}
#upcomingEvents .noImage
{
	background-color: #CCC;
	width: 70%;
}
#upcomingEvents .theMonth
{
	text-transform: uppercase;
	padding-top: 5px;
}
#upcomingEvents p
{
	font-size: .75em;
	margin-top: 0;
}
#upcomingEvents li:nth-child(n+10){
	display: none;
}
#upcomingEvents .theMonth, #upcomingEvents .theDate
{
	text-align: center;
	display: block;
	font-weight: bold;
}
#upcomingEvents a{
	font-size: 1.2em;
}
#upcomingEvents a:hover{
	color: #FFE800;
}
#upcomingEvents .theDate{
	font-size: 1.9em;
}
#upcomingEvents .moreDate{
	font-size: 1em;
}
#upcomingEvents .leftDate{
	float: left;
	padding: 5px 10px;
	/* 	margin-top: -10px; */
	border-right: 5px solid #FFE800;
	margin-right: 20px;
}
#upcomingEvents a .theMonth, #upcomingEvents a .theDate{
	color: #FFE800;
	font-family: "Phonk", Arial, sans-serif;
	font-size: 1.1em;
	text-decoration: none;
	margin-bottom: 10px;
	letter-spacing: .2rem;
}
#upcomingEvents a .theDate{
	font-size: 1.8em;
}
#upcomingEvents .theLocation{
	font-size: .6em;
}
.contentHolder .flexsliderLarge ul{
	margin-left: 0px;
}
#upcomingEvents .slides li:first-child
{
	padding-left: 0;
}
#upcomingEvents li
{
	list-style-type: none;
	padding: 20px 25px;
}
#upcomingEvents .dateContainer
{
	padding: 0 10px;
	margin-right: 20px;
	float: left;
	padding: 0 10px;
	height: auto;
	min-height: 85px;
	border-right: 5px solid #FFE800;
	overflow: hidden;
}
#upcomingEvents .flex-control-nav.flex-control-paging
{
	position: relative;
	/*	top: -15px;	*/
}
#upcomingEvents li{
	width: 33%;
	float: left;
}
/* #upcomingEvents a
{
text-decoration: none;
} */ /* requested to have links underlined */
#upcomingEvents a, #upcomingEvents a h3{
	color: #F5F5F5;
}
#upcomingEvents a.btnGold{
	color: #6e3061;
	text-align: center;
}
#upcomingEvents .grid12 p{
	text-align: center;
	margin-top: 40px;
}
#upcomingEvents .grid4 li:hover a, #upcomingEvents .grid4 li:hover a h3, #upcomingEvents a.btnGold:hover{
	color: #FFE800;
}
#upcomingEvents a:hover
{
	cursor: pointer;
}
#upcomingEvents .grid4{
	margin-bottom: 30px;
}
#upcomingEvents .grid4:nth-of-type(3n+1){
	clear: left;
}
#upcomingEvents .dateContainer
{
	transition: background-color, .5s;
}
#upcomingEvents h3
{
	display: inline;
}
#upcomingEvents h3::after
{
	display: none;
}




@media only screen and (max-width:768px){
	.purplePara{
		padding: 20% 5% 20% 5%;
	}
	.pyPara2, .pyPara1{
		display: block;
	}
	.pyPara2 .grid6:first-of-type{
		background-color: #382140;
	}
	.pyPara2 .grid6:last-of-type{
		background-color: #FFE800;
	}
}