/* 
This is the section css for
WCU Brand Guide 
*/

/*general*/
#home-content .grid3, #home-content .grid4, #home-content .grid9{
	padding-right:20px;
}
#home-content .centerContent .grid8 h3, #home-content .centerContent .grid8 h4, #home-content .centerContent .grid8 p, #home-content .centerContent .grid8 li, #home-content .centerContent .grid8{
	text-align: left;
}
#home-content .centerContent .grid8{
	padding-right: 2.5%;
}
#home-content .centerContent .grid4{
	padding-right: 0px;
}
#home-content .centerContent .grid4 img{
	display: block;
	margin: 0 auto;
	width: 100%;
}
.smallHead {
    font-size: .5em;
    line-height: 4em;
	display: block;
}
#home-content .border{
	padding: 2.5% 10%;
}


/*hide contact*/
.btnContact{
	display: none !important;
}

/*brand pallette*/
#home-content .brandColors{
	height: 200px;
	width: 400px;
	max-width: 100%;
	padding: 10px;
}
#home-content .brandColors .doubleStack{
	margin-bottom: 5px;
}

#home-content .classicPurple{
	background-color: #4B257D;
	color: #FFAE2E;
}

#home-content .classicGold{
	background-color: #FFAE2E;
	color: #4B257D;
}

#home-content .white{
	background-color: #FFFFFF;
}
#home-content .whiteText p{
	color: #FFFFFF;
}

#home-content .neon, #home-content .elementalGold{
	background-color: #FFE800;
}
#home-content .neonText p, #home-content .elementalGoldText p{
	color: #FFE800;
}

#home-content .gold, #home-content .classicGold{
	background-color: #FFAE2E;
}
#home-content .goldText p, #home-content .classicGoldText p{
	color: #FFAE2E;
}

#home-content .copper, #home-content .accentGold{
	background-color: #D4A129;
}
#home-content .copperText p, #home-content .accentGold p{
	color: #D4A129;
}

#home-content .violet, #home-content .accentPurple{
	background-color: #6E3061;
}
#home-content .violetText p, #home-content .accentPurple p{
	color: #6E3061;
}
#home-content .purple, #home-content .elementalPurple{
	background-color: #382140;
}
#home-content .purpleText p, .elementalPurple p{
	color: #382140;
}
#home-content .classicPurple{
	background-color: #4B257D;
}
#home-content .classicPurpleText p{
	color: #4B257D;
}
#home-content .black{
	background-color: #000000;
}
#home-content .blackText p{
	color: #000000;
}




/*web accessibility colors*/
#home-content .webColor .siteColor{

	height: 140px;
	width: 100%;
	max-width: 100%;
	display: block;
	margin: 0 auto;
}

#home-content .webColor .dnp{
	border: 5px dotted #000000;
}

#home-content .webColor .dnpLgt{
	border: 5px dotted #FFFFFF;
}

#home-content .webColor .whiteText p{
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
	font-size: 1.33em;

}

#home-content .webColor .silverText p{
	color: #F5F5F5;
	text-align: center;
	font-weight: bold;
	font-size: 1.33em;


}

#home-content .webColor .neonText p, #home-content .webColor .elementalGoldText p{
	color: #FFE800;
	text-align: center;
	font-weight: bold;
	font-size: 1.33em;


}

#home-content .webColor .goldText p, #home-content .webColor .classicGoldText p{
	color: #FFAE2E;
	text-align: center;
	font-weight: bold;
	font-size: 1.33em;


}

#home-content .webColor .copperText p, #home-content .webColor .accentGoldText p{
	color: #D4A129;
	text-align: center;
	font-weight: bold;
	font-size: 1.33em;


}

#home-content .webColor .violetText p, #home-content .webColor .accentPurpleText p{
	color: #6E3061;
	text-align: center;
	font-weight: bold;
	font-size: 1.33em;


}
#home-content .webColor .purpleText p, #home-content .webColor .elementalPurpleText p{
	color: #382140;
	text-align: center;
	font-weight: bold;
	font-size: 1.33em;

}
#home-content .webColor .classicPurpleText p{
	color: #4B257D;
	text-align: center;
	font-weight: bold;
	font-size: 1.33em;

}
#home-content .webColor .blackText p{
	color: #000000;
	text-align: center;
	font-weight: bold;
	font-size: 1.33em;


}
#home-content .dnpText{
	border: 3px dotted #000000;
	padding: 5px;
}
#home-content .webColor .dnpText p{

	text-align: center;
	font-weight: bold;
	font-size: 1.33em;


}
/**IMAGE PLACEMENT**/
#home-content .imgRight{
	float: right;
	padding-left: 10px;
}
#home-content .imgLeft{
	float: left;
	padding-right: 10px;
}
#home-content .imgCenter{
	display: block;
	margin: 0 auto;
}

@media only screen and (max-width:768px){
	#home-content .responsiveTable td.tableLeft{
		float: left;
		width: 100%;
	}
	#home-content .responsiveTable tr{
		background: #FFF;
		border: none;
	}
	#home-content .brandColors{
		width: 100%;
	}
}



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

.centerH2{
	text-align: center;
}
.borderContent p{
	font-weight: bold;
}
.borderContent ul{
	margin-left: 25%;
}
.borderContent li{
	text-align: left;
}
.purplePara .wcuLink svg, .pyPara2 .grid6:last-of-type .wcuLink svg, .pyPara1 .grid6:first-of-type .wcuLink svg{
	fill: #F5F5F5;
}
.purplePara, .pyPara2, .pyPara1{
	padding: 3.5%;
}
.pyPara2, .pyPara1{
	display: flex;
}
.pyPara2 .grid6:first-of-type, .pyPara1 .grid6:last-of-type{
	background-color: #FFE800;
	height: 100%;
}
.pyPara2 .grid6:last-of-type, .pyPara1 .grid6:first-of-type{
	background-color: #441F49;
	height: 100%;
}
.pyPara1 .silverFont, .pyPara1 .silverFont svg{
	color: #F5F5F5;
	fill: #F5F5F5;
}
@media only screen and (max-width:768px){
	.purplePara{
		padding: 20% 5% 20% 5%;
	}
	.pyPara2, .pyPara1{
		display: block;
	}
	.pyPara2 .grid6:first-of-type{
		background-color: #441F49;
	}
	.pyPara2 .grid6:last-of-type{
		background-color: #FFE800;
	}
}