/* 
This is the section css for
Matlack Court 
*/

/* 
This is the section css for
Residence Life and Housing Services 
*/

.horizontalMenu{
	/*Change Menu Background Colors ONLY Here*/
}
.horizontalMenu .l_tinynav1 a{
	/*Change Menu Text Colors ONLY Here*/
}
.activeMenu{
	/*Change Active Menu Text Color Only Here*/
	/*color: red !important;*/
}

.invisible{
	display: none;
	visibility: hidden;
}

/*	covid appendum page	*/
#covidAppMainLst > li
{
	padding: 10px 0;
}

#home-content .intro{
	padding-right: 15px;
}

#home-content .comparisonPage th p{
	color: #fff;
	font-size: 1.5em;
}
#home-content .comparisonPage .responsiveTable td{
	vertical-align: top;
}

#home-content .pdfIcon{margin-left: 3px;}
#home-content .noBullet{list-style-type: none; margin-left: 0;}
#home-content .leftGrid{padding-right: 20px;}
#home-content .imgRight{float: right;}
#home-content .divPadding{
	padding: 0 5px;
}
#home-content .boldEmail{
	font-weight: bold;
}


/*homepage*/
#home-content .slides img{
	width: 100%;
}
#home-content .introContent{
	padding-left: 10px;
	padding-right: 10px;
}
#home-content .grid3 .resources{
	width: 100%;
	margin: 0 0;
}

#home-content .grid3{
	padding-left: 20px;
}
#home-content .homeSlider{margin-bottom: 0;}

/*end Homepage*/

/*Hall pages*/
#home-content .greyDiv{
	background-color: #eee;
	padding: 10px;
}
#home-content .greyDiv h4{
	display: block;
	width: 101%;
	margin-left: -20px;
	background-color: #763775;
	color: #fff;
	padding: 10px;
	margin-top: 10px;
	border-bottom: 4px solid #FFBD07;
}
#home-content .greyDiv h4:first-of-type{
	margin-top: 0px;
}

#home-content .hallPages{
	padding-right: 10px;
}

#home-content .ResLifeTable {width: 100%; border-collapse: collapse; text-align: left; color: #474747; margin-bottom: 10px;}
#home-content .ResLifeTable tr:nth-of-type(odd){background: #EEE;}
#home-content .ResLifeTable th{background-color: #763775; color: #FFF; padding: 5px; border: 1px solid #ccc;}
#home-content .ResLifeTable td{padding: 5px; border: 1px solid #ccc;}



#home-content .noTitleTable {width: 100%; border-collapse: collapse; text-align: left; color: #474747;}
#home-content .noTitleTable tr:nth-of-type(odd){background: #EEE;}
#home-content .noTitleTable th{background-color: #763775; color: #FFF; padding: 5px; border: 1px solid #ccc;}
#home-content .noTitleTable td{padding: 5px; border: 1px solid #ccc;}

#home-content .grid4 { 
	padding-right:10px;
}
#home-content .pictureGrid .grid12{margin-bottom: 10px;  position: relative;  padding: 0 5px;}
#home-content .pictureGrid .opaqueTitle{
	bottom: 0px;
	margin-top: 0;
	left: -2px;
	position: absolute;
	font-size: 1.3em;
	max-width: 75%;
	line-height: normal
}
#home-content .pictureGrid .firstGrid .opaqueTitle{margin-right: 10px;}
#home-content .pictureGrid a:hover img{
	-webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, .35);
	-moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, .35);
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, .35);
}
#home-content .opaqueTitle{
	background-color: rgba(0,0,0,.8);
	display: inline-block;
	padding: 2px 5px;
	color: #FFBD07;
	font-weight: bold;
	font-size: 1.1em;
	position: relative;
}
#home-content .opaqueTitle span{color: #FFF;}

#home-content .imageSlides .slides a{padding: 10px; display: block;}
#home-content .imageSlides .slides img{
	box-shadow: none;
	-webkit-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
#home-content .imageSlides .slides img:hover{box-shadow: 0 0 5px #000000;}
#home-content .imageSlides .slides{max-width: none !important;}
#home-content .flex-prev{background: url(../images/prev1.png); left: 1%;}
#home-content .flex-next{background: url(../images/next1.png); right: 1%;}
#home-content .flex-direction-nav li a:hover{opacity: 1;}
#home-content .flex-direction-nav li a{
	top: 16%;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
	width: 50px;
	height: 126px;
	opacity: .7;
}
#home-content .center 
{
	text-align: center;
}
#home-content .finePrint 
{
	visibility: hidden;
}

/* #home-content .grid6 img
{
width: 400px;
} */
/******** TYSON HALL ********/
#tysonPadding{
	background-color: #eee;
	margin-left: 10px;
	padding: 10px;
}
/********** HOUSING INFORMATION **********/
#home-content .announcements{
	margin-top: 10px;
}

#home-content .homeRight{margin-left: 10px;}

/********** LIVING FACILITIES **********/
#home-content .ushBtn{
	float: right;
}

/********** CALENDAR **********/
#home-content .calendar{
	list-style-type: none;
	margin-left: 0;
	position: relative;
}
#home-content .calendar span{
	color: #575757;
	background-color: #763775;
	color: #FFF;
	text-align: center;
	padding: 5px 10px;
}
#home-content .calendar li{
	font-weight: bold;
	margin-top: 0;
	border-bottom: 1px solid #EEE;
	padding: 10px 0;
}
#home-content .calendar li:last-of-type{
	border: none;
}
#home-content .calendarPage h3{
	margin-bottom: 5px;
}

/********** PARENTS **********/
#home-content .parentsImg{
	float: right;
	margin-left: 10px;
	position: relative;
	z-index: 10;
}

/********** TABS ************/
#home-content .tabContainer{background-color: transparent; box-shadow: none;}
#home-content .tabContainer nav{
	background-color: transparent;
	padding: 0 0 0 0;
	border: none;
}
#home-content .tabContainer nav a{margin-left: 0;}
#home-content .tabContainer nav a.activeTab{
	background-color: #f7f7f7;
	box-shadow: none;
	border: 1px solid #c1c1c1;
	border-bottom: none;
	position: relative;
	top: 1px;
	color: #763775;
	text-shadow: 1px 1px 0px rgba(250,250,250,.7);
	font-family: 'OpenSansSemibold';
	text-decoration: none;
}
#home-content .tabContentContainer{
	background-color: #f7f7f7;
	border: 1px solid #c1c1c1;
	display: inline-block;
	width: 100%;
}
#home-content .tabContentContainer li{padding-bottom: 5px;}
.tabContentContainer h4{color: #575757; margin: 5px 0;}
.tabContentContainer h5{margin-bottom: 0;}
.tabContentContainer #accordion span{font-size: .9em;}

/********** LINK WRAPPERS **********/
#home-content .linkWrapper .grid6{margin: 10px 0;}
.linkWrapper .grid6 img{width: 100%;}
.gPaddingLink{margin: 0;}
.gPadding p{text-align: justify; margin-top: 0;}
.panelInfo{
	display: block;
	text-decoration: none;
	position: relative;
	font-family:'OpenSansBold';
	line-height: normal;
	font-size: .975em;
}
.panelInfo span.panelTitle{
	position: absolute;
	bottom: 4px;
	left: 0;
	width: 100%;
	padding: 10px 10px;
	background: rgba(118, 55, 117, .8);
	color: white;
}
.panelInfo:hover{
	-webkit-transform: scale(1.03);
	-o-transform: scale(1.03);
	-moz-transform: scale(1.03);
	transform: scale(1.03);
}
.panel{display: block;}
.panel h2{
	line-height: 30px;
	padding-top: 15px;
}
.panel .backBtn{
	float: right;
	font-size: small;
}

/********** MAIL SERVICE **********/
#home-content .mailService h4{
	margin-top: 10px;
	margin-bottom: 5px;
}
#home-content .northCampus .grid3{
	padding: 0 10px;
}
#home-content .northCampus ul{
	list-style-type: none;
	margin-left: 0;
}
#home-content .northCampus .grid3 li:first-of-type{
	text-align: center;
	border-bottom: 1px solid #B094B5;
	font-weight: bold;
}
#home-content .mailService .grid6{
	padding: 0 5px;
}

/********** MAIL SERVICE **********/
#home-content .mailServices ul{
	list-style-type: none;
	margin-left: 0;
}




/********** NEW HOME PAGE **********/
#home-content #resLifeHP{
	font-size: 1.2em;
	line-height: 1.2em;
}
#home-content #resLifeHP #slideshow img{
	width: 105%;
	max-width: 105%;
	margin-left: -30px;
}
#home-content #resLifeHP .row-responsive:first-of-type{
	margin-top: -10px;
	margin-bottom: 0px;
}
#home-content #resLifeHP .grid9{
	padding-right: 20px;
	padding-bottom: 20px;
}
#home-content #ms{
	width: 100%;
	padding: 0px 30px 0px 40px;
}
#home-content #hpRightBox{
	width: 100%;
	background-color: #eee;
	padding-top: 20px;
	position: relative;
}
#home-content #resLifeHP .calBtn{
	font-size: 1.3em;
	font-weight: bold;
	padding: 20px;
	background-color: #763775;
	color: #fff;
	position: absolute;
	bottom: 0;
	text-align: center;
	text-decoration: none;
	width: 100%;
}
#home-content #resLifeHP .calBtn:hover{
	color: #FFBD07;
}
#home-content #resLifeHP .hpMidSection{
	padding-right: 30px;
}
#home-content .hpSection{
	border-bottom: 3px solid #763775;
	margin-bottom: 30px;
	float: left;
	margin-left: -30px !important;
	width: 104%;
}
#home-content #hpTop{
	padding: 10px 0px 0px 40px;
}
#home-content .staffTitle{
	font-weight: bold;
	font-size: 1.2em;
}
#home-content #resLifeHP h2{
	color: #441F49;
	font-size: 1.7em;
	line-height: 1em;
	font-weight: bold;
}
#home-content .hpWelcome{
	font-size: .75em;
	color: #555;
}
#home-content #hpSplitGrid li{
	padding-bottom: 10px;
}
#home-content #hpSplitGrid{
	width: 100%;
	float: left;
}
#home-content #hpSplitGrid .grid4{
	padding: 0px 30px;
}
#home-content #hpSplitGrid .grid4:first-of-type{
	border-right: 3px solid #eee;
}
#home-content #hpSplitGrid .grid4:last-of-type{
	border-left: 3px solid #eee;
}

/*******	LIVING FACILITES - NEW	*******/
#home-content #lfPage .hpSection{
	padding: 10px 40px 30px 40px;
}
#home-content #lfPage .hpSection:last-of-type{
	padding: 10px 40px 0px ;
	border-bottom: none;
}
#home-content #lfPage .grid2{
	padding: 0px 5px;
}

/*******	HOUSING INFORMATION - NEW	*******/
#home-content #housingInfoPage .hpSection{
	padding: 0px 30px 10px 30px;
}
#home-content #housingInfoPage .hpSection h3{
	margin-top: 0px;
}
#home-content #faSection .grid4{
	padding: 0px 10px;
}
#home-content #faSection .grid4 .faLink{
	font-size: 2.4em;
	font-weight: bold;
	text-align: center;
	display: block;
	margin: 0 auto;
	line-height: 1.3em;
	text-decoration: none;
	color: #555;
	transition: all .3s;
}
#home-content #faSection .grid4 .faLink:hover{
	transform: scale(1.04);
	transition: all .3s;
	text-shadow: 2px 2px 1px #cccccc;
}
#home-content #faSection .fa{
	color: #763775;
}
#home-content #faSection{
	border-top: 3px solid #763775;
	margin-top: 20px;
}
#home-content #faSection .grid4 p{
	text-align: center;
}
#home-content #faSection .smallPrint{
	font-size: 1.1em;
	text-align: center;
}
#home-content #hiBottom .grid6{
	padding: 0px 30px 0px 20px;
}
#home-content #hiBottom .grid6 img{
	width: 100%;
}


/*******	RESIDENCE LIFE - NEW	*******/
#home-content #rlPage h3{
	font-size: 1.3em;
}
#home-content #rlPage .hpSection{
	padding: 0px 40px 30px 40px;
}
#home-content #rlPage .hpSection:last-of-type{
	border-bottom: none;
}
#home-content #rlPage .grid6{
	padding: 0px 30px;
}
#home-content #rlPage .grid6:first-of-type{
	padding-left: 0px;
	border-right: 3px solid #eee;
}
#home-content #rlPage .staffTitle{
	font-size: 1.2em;
}


/*******	NEW STUDENTS - NEW	*******/
#home-content #newStudentsPage{

}
#home-content #newStudentsPage .grid7{
	padding: 30px 30px 10px 30px;
}
#home-content #newStudentsPage .grid5{
	padding: 0px 30px 10px 0px;
	border-right: 3px solid #eee;
}
#home-content #newStudentsPage .hpSection{
	padding: 0px 40px 30px 40px;
}

#home-content #newStudentsPage .grayBox{
	background-color: #eee;
	padding: 20px 30px 30px 30px;
}

/*******	APPLY - NEW	*******/
.applyProcess p, .applyProcess h3, .applyProcess ul, .applyProcess li, .applyProcess .wcuLink, .applyProcess .wculink svg{
	color: #F5F5F5;
	fill: #F5F5F5;
}
.applyProcess .grid4 img{
	display: block;
	margin: 0 auto;
	max-width: 200px;
}
.applyProcess .row-responsive{
	margin-bottom: 40px;
}
#home-content .applyProcess .psuedoHead1{
	font-size: 4em;
	color: #d4a129;
}
#home-content .applyProcess .psuedoHead1 span{
	color: #ffe800;
}
#home-content .applyProcess a,
#home-content .applyProcess a:visited{
	color: #ffe800;
}









#home-content #facebook div{
	width: 100% !important;
}




/*Side links*/
#home-content .sideLinks .accordion h3{
	background-color: #fff;
	border: none;
	color: #575757;
	box-shadow: none;
	padding: 0px 0px 0px 40px;
	font-size: 1em;	
	margin: 0px;
	font-family: "myriad-pro", Arial, sans-serif;
}
#home-content .sideLinks .accordion h3 a{
	padding-left: 0px;
}
/* side menu */
#home-content .hideMenu{
	display: none;
}
#home-content .sideLinks{
	margin-top: 10px;
	padding-right: 20px;
}
#home-content .sideLinks .grid12{
	margin: 0;
}
#home-content .sideLinks a{
	display: block;
	padding: 10px;
	text-decoration: none;
	color: #575757;
	font-weight: bold;
	padding-left: 13px;
	border-bottom: 1px solid #DDD;
	border-right: 1px solid #DDD;
}
#home-content .sideLinks > .grid12:first-of-type > a{
	border-top: 1px solid #DDD;
}
#home-content .sideLinks .subSideLink{
	font-size: .9em;
	padding: 5px 10px 3px 30px;
	border-left: 0;
	font-weight: bold;
	text-indent: -10px;
	line-height: 20px;
}
#home-content .sideLinks .subSideLink:before{
	content: "\203A"; 
	padding-right: 5px; 
	position: relative;
	top: -1px;
	color: #763775;
}
#home-content .sideLinks .grid12 a:hover{
	color: #763775;
	border-left: 3px solid #FFE800;
}
#home-content .sideLinks .activeSideLink{
	color: #763775;
	border-left: 3px solid #763775;
}
#home-content .inactive{
	display: none;
}
#home-content .active{
	display: block;
}


#home-content a.btn{
	margin-right: 10px;
}

#home-content .sideBtn a {
	padding: 10px;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	border-bottom: 2px solid #6e3061;
	border-right: 2px solid #6e3061;
	border-top: 2px solid #6e3061;
	border-left: 2px solid #6e3061;
	margin-right: 20px;
}



/********** CAMPUS LIFE - NEW **********/
.collageImages{
	background-image: url(/secondary/images/secondaryBackground.jpg);
	background-position: top;
	background-repeat: no-repeat;
	width: 100%;
	float: left;
	position: relative;
	z-index: 10;
}
.collageImages h2{
	font-size: 3em;
	margin: 50px 0px;
	text-align: center;
}
.collageImages h4{
	text-transform: uppercase;
}
.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{
	display: flex;
}
.collageImages .bottomPlacement{
	align-self: flex-end;
}
.collageImages .row-responsive:first-of-type{
	margin-bottom: 30px;
}
.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;
}



/******	CAMPUS ARRIVAL PAGE	******/
#home-content #campusArrival .wcuSplitBlockContainer .outerWCUSplitBlock{
	padding-left: 0px;
	padding-right: 0px;
}
#home-content #campusArrival .wcuSplitBlockContainer .outerWCUSplitBlock h2{
	margin-top: 0px;
}

@media only screen and (max-width:768px){
	#home-content .divPadding{
		padding: 0 5px;
	}

	#home-content .pictureGrid .grid3{width: 33%;}
	#home-content .pictureGrid .opaqueTitle{font-size: .9em;}
	#home-content .sliderHeader {
		visibility: hidden;
	}
	#sliderLink 
	{
		visibility: hidden;
	}
	#home-content .leftGrid{padding-right: 0;}

	/********** COLLEGE ARMS APARTMENTS **********/
	#home-content .collegeArmsFP{
		width: 50%;
	}

	/********** LIVING FACILITIES **********/
	#home-content .livingFacilities .grid3{
		width: 50%;
	}
	#home-content .livingFacilities .grid3:nth-of-type(2n+1){
		clear: left;
		float: left;
	}

	/********** POLICIES ***********/
	#home-content .policies .grid3{
		width: 50%;
	}

	/********** WHAT TO BRING **********/
	#home-content .bringImgs .grid6{
		width: 50%;
		padding: 0 10px;
	}

	/********** MAIL SERVICE **********/
	#home-content .northCampus .grid3{
		width: 50%;
	}
	#home-content .mailService .grid6{
		width: 50%;
	}
	#home-content .btnXX{
		margin-top: 30px;
	}
	#home-content .grayBottom{
		margin-top: 40px;
	}

	/********** CAMPUS LIFE - NEW **********/
	.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{
		padding-left: 0px;
		padding-right: 0px;
		margin-bottom: 20px;
		display: block;
	}
	.collageImages{
		padding: 30px 20px;
	}
}
@media only screen and (max-width:650px){

	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr{display: block;}
	/* Hide table headers (but not display: none;, for accessibility) */
	#home-content .ResLifeTable thead tr{position: absolute; top: -9999px; left: -9999px;}
	#home-content .ResLifeTable{border: 1px solid #ccc;}
	/* Behave  like a "row" */
	#home-content .ResLifeTable td{ border: none; border-bottom: 1px solid #C1C1C1; position: relative; padding-left: 50%;}
	/* Now like a table header */
	#home-content .ResLifeTable td:before{position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; font-weight: bold;}
	#home-content .ResLifeTable td:before{content: attr(data-label);}
	#home-content .finePrint 
	{
		visibility: visible;
	}
	#home-content .imgRight{float: none; width: 100%;}
}
@media only screen and (max-width:600px){
	/********** CAMPUS ARRIVAL **********/
	#home-content .checkInImgs{
		display: none;
	}
}
@media only screen and (max-width:480px){
	/********** COLLEGE ARMS APARTMENTS **********/
	#home-content .collegeArmsFP{
		width: 100%;
	}

	/********** LIVING FACILITIES **********/
	#home-content .livingFacilities .grid3{
		width: 100%;
	}
	#home-content .livingFacilities .grid3{
		clear: none;
		float: none;
	}

	/********** POLICIES ***********/
	#home-content .policies .grid3{
		width: 100%;
	}

	/********** MAIL SERVICE **********/
	#home-content .northCampus .grid3{
		width: 100%;
	}
	#home-content .mailService .grid6{
		width: 100%;
	}
}



/*****************************************************/
/*					NEW RESIDENCE HALL				*/
/*****************************************************/
.filterArea .grid2{
	padding-right: 20px;
}
.filterArea .grid2 h4{
	color: #ffe800;
	background-color: #382140;
	display: block;
	width: 100%;
	padding: 10px;
	margin-top: 0px;
}
.filterArea .grid2 input{
	width: 30px;
	height: 30px;
	margin-top: 15px;
}
.filterArea .grid2 label{
	font-size: 1.3em;
	font-weight: bold;
}
.filterArea .grid10 .resHalls{
	display: flex;
	flex-wrap: wrap;
}
.filterArea .grid10 .grid4{
	float: left;
	padding: 10px;
	flex-grow: 1;
	width: 33%;
	max-width: 33%;
}
.resHallCard .rhCard{
	display: block;
	width: 100%;
	border: 2px solid #6e3061;
	height: 100%;
}
.resHallCard .bottomCard{
	padding: 20px;
}
.resHallPhoto{
	width: 100%;
}
.resHallCard h4{
	float: left;
	width: 66%;
	margin: 10px 0px 10px 0px;
}
.resHallCard p{
	clear: left;
}
.resHallCard .rhIcon{
	float: left;
}
@media only screen and (max-width:768px){
	.filterArea .grid10 .resHalls{
		display: block;
		flex-wrap: none;
	}
	.filterArea .grid10 .grid4{
		float: left;
		padding: 10px;
		flex-grow: 1;
		width: 100%;
		max-width: 100%;
	}
}


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

#home-content .faII, #home-content .faII h2, #home-content .faII h4{
	text-align: center;
}
#home-content .cII{
	padding-top: 1%;
}
#factsFigures h2{
	font-size: 2.7em;
	margin: 50px 0px 50px 0px; 
}
.infoNumber{
	font-size: 4em;
	font-weight: bold;
	line-height: 1em;
	color: #6e3061;
	margin: 10px 0px;
}
#factsFigures .smallInfo {
	font-size: 1.2em;
	font-weight: bold;
	color: #382140;
}
#factsFigures .smallInfo span {
	font-size: .7em;
	font-weight: initial;
}
.infoArea .grid4{
	padding: 20px;
}
.homeBrandPadding{
	padding: 1% 3%;
	float: left;
	width: 100%;
	display: block;
}
.centerH2{
	text-align: center;
}
.centerContent .grid4{
	padding: 0px 10px;
}
.purplePara, .pyPara2, .pyPara1{
	padding: 3.5%;
}
.pyPara2, .pyPara1{
	display: flex;
}
#home-content .purplePara .grid6{
	padding: 1% 5%;
}
#home-content .purplePara p a:not(.btn){
	color: #fff !important;
}
.slideArea{
	float: left;
	display: block;
	width: 100%;
	padding: 5% 10%;
}
#home-content .padSplit .grid6:first-of-type{
	padding: 0px 0px;
}
#home-content .padSplit .grid6:first-of-type img{
	margin-bottom: -6px;
}
.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%;
}
#home-content .grid9 .pyPara1{
	background-image: url(https://www.wcupa.edu/education-socialWork/specialEducation/images/sideMenuSplitBack.jpg);
	background-attachment: initial;
}
.borderContent{
	padding: 5% 20% 7% 20%;
}
.psuedoHead1 .smallHead{
	font-size: .4em;
	text-transform: initial;
}

/*** MOVE IN WCU HOUSING ***/
#home-content .ramReadyImg{
	max-width: 300px;
	display: block;
	margin: 0 auto;
}
.faProcess p, .faProcess h3, .faProcess ul, .faProcess li, .faProcess .wcuLink, .faProcess .wculink svg {
	color: #F5F5F5;
}
#home-content .faProcess .grid4 img{
	display: block;
	margin: 0 auto;
	max-width: 200px;
}
#home-content .imgPadd .grid4{
	padding-right: 10px;
}
#home-content .imgPadd .grid8 h3{
	margin-top: 0px;
}
#home-content .imgPadd .grid4 img{
	display: block;
	margin: 0 auto;
}

#home-content .topLogos img{
	padding:0px 15px
}

.res-pad, .pbII{
	float: left;
	width: 100%;
	display: block;
	padding: 1.5% 3.5% 2.5% 3.5%;
}
.res-pad h3{
	font-family: "Phonk";
}
.purpleBack{
	background-color: #6e3061;
}
.goldBack{
	background-color: #ffe800;
}
#home-content .pbII{
	background-color: #382140;
	padding: 3.5% 10% 3.5% 10%;
}
#home-content .pbII p, #home-content .pbII h3, #home-content .pbII h2{
	text-align: center;
}

@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;
	}
	#home-content .padSplit .grid6:first-of-type{
		padding: 2.5% 5%;
	}
	#home-content .comparisonPage .responsiveTable{
		float: left;
	}
	.borderContent{
		padding: 5% 5% 5% 5%;
	}
	#home-content .pbII{
		padding: 3.5% 3.5% 3.5% 3.5%;
	}
}

/*	HOUSING CHECKLIST PAGE	*/

#housingChecklist{
	padding: 0px 20%;
}
#housingChecklist h2{
	font-size: 2.4em;
	display: inline-block;
	padding: 20px;
	position: relative;
	color: #fff;
	background-color: #382140;
}
#housingChecklist h2:after {
	content:'';
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	margin: 0 30px;
	width: 0;
	height: 0;
	border-top: solid 20px #382140;
	border-left: solid 20px transparent;
	border-right: solid 20px transparent;
}
#housingChecklist h3{
	font-size: 1.8em;
	color: #382140;
}
#housingChecklist .grid2, #housingChecklist .grid10{
	padding: 10px 20px;
}
#housingChecklist .grid2 p{
	display: inline-block;
	text-align: right;
	padding: 20px 20px;
	border: 6px solid #d4a129;
	font-size: 3em;
	color: #382140;
	font-weight: bold;
}
#housingChecklist .row-responsive:nth-of-type(n+10) .grid2 p {
	padding: 20px 10px;
}

#home-content .blockB{
	display: inline-block;
	padding: 20px 20px;
	border: 6px solid #d4a129;
	font-size: 2em;
	color: #382140;
	font-weight: bold;
	vertical-align: middle;
}


#home-content .btnRight a{
	float: right;
}

#home-content .btnRight {
	margin: 0px;
}

@media only screen and (max-width:768px){
	#home-content .btnRight a{
		float: none;
	}

}

@media only screen and (max-width:768px){
	#home-content .btnRight {
		text-align: center;

	}

}

#home-content .centerContactInfo {
	text-align: center;
}


.fullImg{
	width: 100%;
	margin-top: -18px;
}

/******	GALLERY PAGE	*****/
#photoArchive2024, .matlack-top-section{
	float: left;
	width: 100%;
	display: block;
}
#hoverOverlaySection, #photoArchive2024, #photoArchive2024MoreImgs{
	padding: 0% 5%;
}
.matlack-top-section{
	padding: 1.5% 3.5% 1.5% 3.5%;
}
#home-content .matlack-top-section .grid4{
	padding-right: 40px;
	border-right: 5px solid #ffe800;
}
#home-content .matlack-top-section .grid8{
	padding-left: 40px;
}
#hoverOverlaySection .grid3, #photoArchive2024 .grid3, #photoArchive2024MoreImgs .grid3{
	padding: 0px 2%;
}
#hoverOverlaySection .grid3 img, #photoArchive2024 .grid3 img, #photoArchive2024MoreImgs .grid3 img{
	width: 100%;
}
#hiddenTiles{

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




@media only screen and (min-width:768px){
	.layout-sections .grid7{
		padding-left: 5%;
		padding-top: 5%;
	}

}