/*******************************************************
1. Fonts
2. Header
2.1 Header Search
2.2 Global Nav
2.3 Mobile Nav (pageslide)
2.4 Breadcrumb/Contact button
2.5 Site Menu
3. Brand - Content Section
3.1 Side Menu
4. Footer
5. Animation
*********************************************************/

/*****************************
******************************
COLOR GUIDE:

# Classic Purple: #382140
# Classic Gold: #FFE800
# Elemental Purple: #382140
# Elemental Gold: #ffe800
# Accent Purple: #6e3061
# Accent Gold: #d4a129

******************************
*****************************/

@charset "utf-8";
/* CSS Document */

/*  **************************************************  **
BEGIN FOCUS FOR ACCESSIBILITY
**  **************************************************  */

.contentHolder a:visited:not(.btn) {
	color: #6A4E00;
}
.contentHolder .tabContainer nav>a:visited, .contentHolder .tabContainer nav form button:visited {
	color: #FFF;
}
#footer a:visited {
	color: #FFE800;
}
#wcuLoginForm *:focus,
.mainDropLinks *:focus,
#navigation a:focus, #header h1>a:focus img,
#crisisSiren a:focus img,
#facAlert a:focus,
#fRgtCol a:focus,
#fHorizLinks .grid6 > a:focus img,
#brandBackToTopDS:focus,
#drop-content a:focus,
#drop-content input:focus,
#drop-content button:focus,
#aspnetForm input:focus,#aspnetForm select:focus,#aspnetForm textarea:focus,
.close-me:focus, a[href*="contact"]:focus, .breadCrumb a:focus, #headerLinksRight a:focus, a#searchBtnBox:focus, .fc-button-group > .fc-button:focus{
	outline: 3px dotted #382140;
}
.fc-button-group > .fc-button:focus{
	box-shadow: none;
}
#header a:focus{
	outline: 3px dotted #FFF !important;
}
#header #headerLogo a:focus{
	outline: none !important;
}
#headerLinksRight a:focus, a#searchBtnBox:focus{
	border: 1px solid #fff !important;
	outline: 3px dotted #FFF !important;
}
#home-content .ovBlockContainer a:focus, #wcuHPAreas .overflowContentSectionRight a:focus{
	outline: #382140 dotted 3px;
}
#academic-drop a:focus, #apply-drop a:focus, #dept-drop a:focus {
	outline-offset: -5px;
}
a#searchBtnBox:focus
{
	outline-offset: -1px;
}
#home-content a img {
	box-sizing: border-box;
	outline: 0;
}
#home-content a:focus {
	outline: #382140 dotted 3px;
}
/*	THIS HANDLES FOCUS FOR PURPLE BACKGROUND BRAND ELEMENTS	*/
#home-content .purplePara a:focus, #home-content .pyPara2 .grid6:last-of-type a:focus, #home-content .pyPara1 .grid6:first-of-type a:focus, #upcomingEvents a:focus, #home-content .brand-social-media a:focus, .artSocialBar a:focus, #footer li a:focus{
	outline: #fff dotted 3px !important;
}
.horizontalMenu ul a:focus {
	outline-offset: -10px;
}

/*  **************************************************  **
END FOCUS FOR ACCESSIBILITY
**  **************************************************  */


#home-content a img, #home-wrapper *, #sliderContent p, #slideshow #sliderContent, #wcuLoginForm *, .btn, div[class^=grid], div[class^=grid]>div {
	box-sizing: border-box;
}
#btnForgot>a, #navigation ul li a, .home-mobile, .top-links li a, .top-links li a:hover i, .top-mobile {
	text-decoration: none;
}
#crisisSiren #crImage, #footer, .fancybox-inner, .navImgWrapper, .youVisitCtr {
	overflow: hidden;
}
#campus-annoucement ul, #campus-announcement ul, #fRgtCol ul, #hdnSiren ul, #hdnSirenDup ul, #home-content .fileList,#home-content .fileListItem, .fa-ul, .slides, .unv-address ul li, html.collegeTemplate .slides, ul.events, ul.forgotPass li {
	list-style-type: none;
}
.home-mobile, .top-mobile {
	text-transform: uppercase;
}
#academic-drop, #apply-drop, #header, #navigation, #searchbox, #searchcontent, #searchcontent form ul.simple-search button, .academic, .apply, .logo, body, dl, dt, form, h3.homepage, h4, img, li, ul {
	margin: 0;
	border: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
}
html {
	background-color: #382140;
}
body {
	font-family: "myriad-pro", Arial, sans-serif;
	overflow-x: hidden;
	overflow-y: auto;
	max-width: 100%;
	font-size: 1.25em;
}
img {
	max-width: 100%;
}
img[height] {
	height: auto;
}
h1, h2, h3, h4, h5, h6 {
	color: #382140;
	clear: left;
	line-height: 1.3em;
}
h1, h2{
	font-family: "Phonk", Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: .2rem;
}
h3, h4, h5, h6{
	font-family: "myriad-pro", Arial, sans-serif;
	font-weight: bold;
	letter-spacing: .15rem;
}
h1 {
	font-size: 2.25em; /* sizing for this header/font combo is to be 30pt ~ 40px = 2.5em @ base 16px */
}
h2 {
	font-size: 2em; 
	margin: 30px 0px;
}
h3 {
	font-size: 1.8em;
	margin: 30px 0px 20px 0px;
	padding-bottom: 0px;
}
h4 {
	font-size: 1.4em;
	margin: 30px 0px 20px 0px;
}
h5 {
	font-size: 1em;
	margin: 20px 0px;
}
h6 {
	font-size: .9em;
	margin: 20px 0px;
}
p{
	font-size: 1em;
	vertical-align: baseline;
	margin: 20px 0px;
}
a{
	color: #6e3061;
}


/*	BRAND PSUEDO HEADINGS FOR STYLE	*/
.psuedoHead1{
	color: #444;
	font-size: 2.5em;
	line-height: 1.3em;
	font-family: "Phonk", Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: .2rem;
}
.psuedoHead2{
	font-size: 2.1em; 
	margin: 30px 0px;
	font-family: "Phonk", Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: .2rem;
}
.psuedoHead3{
	font-size: 1.9em;
	margin: 30px 0px 20px 0px;
	letter-spacing: .15rem;
}
.psuedoHead4{
	font-size: 1.4em;
	margin: 30px 0px;
	letter-spacing: .15rem;
}
.psuedoHead2, .psuedoHead3, .psuedoHead4{
	color: #382140;
	font-family: "myriad-pro", Arial, sans-serif;
	font-weight: bold;
	line-height: 1.3em;
}
.smallHead{
	display: block;
}
h2 .smallHead{
	font-size: .4em;
	line-height: 4em;
}
h3 .smallHead{
	font-size: .5em;
	line-height: 4em;
}
h4 .smallHead{
	font-size: .5em;
	line-height: 4em;
}
p .smallHead{
	font-size: .9em;
	font-weight: bold;
	line-height: 3em;
}
.goldFont, a.goldFont, .goldFont svg{
	color: #FFE800;
	fill: #FFE800;
}
.neonFont, a.neonFont, .neonFont svg{
	color: #FFE800;
	fill: #FFE800;
}
.bronzeFont, a.bronzeFont, .bronzeFont svg{
	color: #d4a129;
	fill: #d4a129;
}
.purpleFont, a.purpleFont, .purpleFont svg{
	color: 	#382140;
	fill: #382140;
}
.violetFont, a.violetFont, .violetFont svg{
	color: #6e3061;
	fill: #6e3061;
}
.silverFont, a.silverFont, .silverFont svg, .silverFont a, .silverFont a:not(.btn), .silverFont a:visited, a.silverFont:visited{
	color: #F5F5F5;
	fill: #F5F5F5;
}
.bagnard{
	font-family: "Phonk", Arial, sans-serif;
}
.phonk{
	font-family: "Phonk", Arial, sans-serif;
}
.notoSans{
	font-family: "myriad-pro", Arial, sans-serif;
}
.myriad{
	font-family: "myriad-pro", Arial, sans-serif;
}
/*	USED ONLY FOR BRAND GUIDELINES SITE	*/
.archia{
	font-family: "Archia", Arial, sans-serif;
}

@media only screen and (max-width:768px){
	h2 .smallHead{
		line-height: 3em;
	}
	h3 .smallHead, h4 .smallHead, p .smallHead{
		line-height: 2em;
	}
}

/*********	BRAND PARALLAX BACKGROUNDS	**********/
.purplePara, .yellowPara, .pyPara1, .pyPara2{
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	float: left;
	display: block;
	width: 100%;
}
.purplePara{
	background-color: #382140;
	background-image: url(https://wcupa.edu/_resources/includes/brand/images/homePageImages/hpFindProgParallax.jpg);
}
.yellowPara{
	background-color: #ffe800;
	background-image: url(https://wcupa.edu/_resources/includes/brand/images/yellowBrandParallax.jpg);
}
.pyPara1{
	background-image: url(https://wcupa.edu/_resources/includes/brand/images/brandSplitBackground1.jpg);
}
.pyPara2{
	background-image: url(https://wcupa.edu/_resources/includes/brand/images/brandSplitBackground2.jpg);
}
.purplePara .wcuLink svg, .pyPara2 .grid6:last-of-type .wcuLink svg, .pyPara1 .grid6:first-of-type .wcuLink svg, .purpleGrid .wcuLink svg{
	fill: #F5F5F5;
}
.purplePara .goldFont .wcuLink svg{
	fill: #FFE800;
}
.purplePara ul li::marker, .pyPara2 .grid6:last-of-type ul li::marker, .pyPara1 .grid6:first-of-type ul li::marker, #home-content .purpleGrid .silverFont, #home-content .purpleGrid .silverFont a{
	color: #F5F5F5;
}
.contentHolder .purplePara a:visited, .contentHolder .pyPara2 .grid6:last-of-type a:visited, .contentHolder .pyPara1 .grid6:first-of-type a:visited{
	color: #e6aa05;
}
#home-content .contentHolder hr.purplePara, #home-content .contentHolder hr.yellowPara, hr.purplePara, hr.yellowPara{
	max-height: 30px;
	min-height: 20px;
	height: 20px;
	padding: 0px 0px;
}

@media only screen and (max-width:768px){
	.purplePara, .yellowPara, .pyPara1, .pyPara2{
		background-attachment: initial;
	}
	#home-content .contentHolder hr.purplePara, #home-content .contentHolder hr.yellowPara, hr.purplePara, hr.yellowPara{
		max-height: 20px;
		min-height: 15px;
		height: 15px;
	}
}
/*********	/BRAND PARALLAX BACKGROUNDS	**********/

/*********	News Callout custom	**********/
#next-game-callout, .fb-background{
	background-image: url("/communications/images/football/football-web-box-background.jpg");
	/* 	background-attachment: fixed; */
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	float: left;
	display: block;
	width: 100%;
	background-color: #382140;
}
#newsCallout{
	padding: 0% 0% !important;
}
/*********	END News Callout custom	**********/


/*********	BRAND ELEMENTS	**********/
.borderContent{
	padding: 5% 10%;
}
.borderContent .border{
	border: 5px solid #FFE800;
	padding: 2.5%;
}
.borderCenter{
	text-align: center;
}
.triad{
	width: 100px;
	display: block; 
	margin: 0 auto;
}
@media only screen and (max-width:768px){
	.borderContent{
		padding: 5% 5%;
	}
	.borderContent .border{
		padding: 5% 2.5%;
	}
	.borderCenter{
		margin: 20px 0px;
	}
}
/*********	/BRAND ELEMENTS	**********/

#container {
	position: relative;
	width: 100%;
	border-top: 5px solid #6e3061;
}
#textOnly, .adaOnlyLabel {
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
	color: #FFF;
	background-color: #382140;
}
.adaOnlyLabel[href="#wcuMainContent"]:focus{
	top: 10px;
	left: 10px;
	z-index: 5;
	width: auto;
	height: auto;
	outline: #fff dotted 3px;
	padding: 5px;
}

.slides img {
	display: block
}
.row-responsive {
	width: 100%;
	margin: 10px 0 20px;
	float: left
}
div[class^="grid"] > div{
	box-sizing:border-box;
}
div[class^="grid"]:first-child{
	margin-left: 0;
}
div[class^="grid"]{
	float: left;
	box-sizing:border-box;
}
.grid1 {
	width: 8.333333333333334%
}
.grid2 {
	width: 16.666666666666668%
}
.grid3 {
	width: 25%
}
.grid4 {
	width: 33.333333333333336%
}
.grid5 {
	width: 41.66666666666667%
}
.grid6 {
	width: 50%
}
.grid7 {
	width: 58.333333333333336%
}
.grid8 {
	width: 66.66666666666667%
}
.grid9 {
	width: 75%
}
.grid10 {
	width: 83.33333333333334%
}
.grid11 {
	width: 91.66666666666669%
}
.grid12 {
	width: 100%;
	margin-left: 0!important
}

/*****************************
******************************
1. Fonts
******************************
*****************************/
@font-face {
	font-family: 'Archia';
	src: url('/_resources/includes/brand/fonts/Archia-Regular.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: 'NotoSans';
	src: url('/_resources/includes/brand/fonts/NotoSans.woff2') format('woff2'),
		url('/_resources/includes/brand/fonts/NotoSans.woff') format('woff'),
		url('/_resources/includes/brand/fonts/NotoSans.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: 'NotoSans-Bold';
	src: url('/_resources/includes/brand/fonts/NotoSans-B.woff2') format('woff2'),
		url('/_resources/includes/brand/fonts/NotoSans-B.woff') format('woff'),
		url('/_resources/includes/brand/fonts/NotoSans-B.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}
@font-face{
	font-family: 'NotoSans-Bold-Italic';
	src: url('/_resources/includes/brand/fonts/NotoSans-BI.woff2') format('woff2'),
		url('/_resources/includes/brand/fonts/NotoSans-BI.woff') format('woff'),
		url('/_resources/includes/brand/fonts/NotoSans-BI.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}
@font-face{
	font-family: 'NotoSans-Italic';
	src: url('/_resources/includes/brand/fonts/NotoSans-I.woff2') format('woff2'),
		url('/_resources/includes/brand/fonts/NotoSans-I.woff') format('woff'),
		url('/_resources/includes/brand/fonts/NotoSans-I.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}
@font-face{
	font-family: 'SportingGrotesque';
	src: url('/_resources/includes/brand/fonts/SportingGrotesque.woff2') format('woff2'),
		url('/_resources/includes/brand/fonts/SportingGrotesque.woff') format('woff'),
		url('/_resources/includes/brand/fonts/SportingGrotesque.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: 'SportingGrotesque-Bold';
	src: url('/_resources/includes/brand/fonts/SportingGrotesque-B.woff2') format('woff2'),
		url('/_resources/includes/brand/fonts/SportingGrotesque-B.woff') format('woff'),
		url('/_resources/includes/brand/fonts/SportingGrotesque-B.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}
@font-face{
	font-family: 'SportingGrotesque-Bold-Italic';
	src: url('/_resources/includes/brand/fonts/SportingGrotesque-BI.woff2') format('woff2'),
		url('/_resources/includes/brand/fonts/SportingGrotesque-BI.woff') format('woff'),
		url('/_resources/includes/brand/fonts/SportingGrotesque-BI.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}
@font-face{
	font-family: 'SportingGrotesque-Italic';
	src: url('/_resources/includes/brand/fonts/SportingGrotesque-I.woff2') format('woff2'),
		url('/_resources/includes/brand/fonts/SportingGrotesque-I.woff') format('woff'),
		url('/_resources/includes/brand/fonts/SportingGrotesque-I.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}
@font-face{
	font-family: 'Bagnard';
	src: url('/_resources/includes/brand/fonts/Bagnard.woff2') format('woff2'),
		url('/_resources/includes/brand/fonts/Bagnard.woff') format('woff'),
		url('/_resources/includes/brand/fonts/Bagnard.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: 'Phonk';
	src: url('/_resources/includes/brand/fonts/phonkRegular.woff2') format('woff2'),
		url('/_resources/includes/brand/fonts/phonkRegular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
/*****************************
******************************
End Fonts
******************************
*****************************/

/*****************************
******************************
2. Header
******************************
*****************************/

/** IE 11 fix **/
/* #header > .grid12 > .grid8{
height: 70px;
}
#header #headerLinks a{
width: 100%;
} */

#header{
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
	width: calc(100% - 50px);
	height: auto;
	float: left;
	padding: 0 25px;
	background: #382140;
}
#header > .grid12 > .grid9{
	margin-top: 30px;
	position: relative;
	overflow: hidden;
}
#header #headerLogo{
	display: flex;
	align-items: center;
	justify-content: center;
	padding-right: 20px;
}
#header #headerLogo a:focus img{
	outline: #fff dotted 3px;
}
#header .logo{
	padding-right: 5px;
}
#header .logo img{
	width: 200px;
	padding-right: 5px;
}
#header #headerLinks{
	border-top: 1px solid #ffe800;
	border-bottom: 1px solid #ffe800;
	display: flex;
	justify-content: center;
	justify-content: space-evenly;
	text-align: center;
	height: 100%;
	padding: 5px 5px;
	margin-top: 3px;
}
#header #headerLinks a{
	width: 100%;
	text-decoration: none;
	text-transform: uppercase;
	color: #ffe800;
	font-weight: bold;
}
#header #headerLinksRight{
	display: flex;
	text-align: center;
	height: 100%;
	padding: 4px 4px 4px 0px;
}
#header #headerLinksRight a{
	border: 1px solid #ffe800;
	text-decoration: none;
	text-transform: uppercase;
	color: #ffe800;
	font-weight: bold;
	padding: 5px;
	line-height: 2.6em;
	position: relative;
	z-index: 1;
	box-shadow: 0 0 5px 0 #000;
	letter-spacing: .1rem;
}
#header #headerLinksRight a:hover{
	background: #6e3061;
}
#header #headerLinksRight a.headerSearchBtn{
	color: #ffe800;
	outline-offset: 1px;
}
#header .headerMenuBtn{
	font-family: "Phonk", Arial, sans-serif;
	width: 65%;
	margin-right: 5%;
	margin-left: 5%;
}
#header .headerSearchBtn{
	width: 25%;
}
.firstLALink{
	border-top: 3px solid #382140;
	padding-top: 3px;
}

@media only screen and (min-width:1024px){
	#header #headerLinks a{
		line-height: 1.32em;
	}
}
@media only screen and (min-width:1200px){
	#header #headerLinks a, #header #headerLinksRight a{
		font-size: 1.4em;
	}
	#header #headerLinksRight a{
		padding: 12px 5px;
		line-height: 1.8em;
	}
	#header #headerLinks a{
		line-height: 1.25em;
	}
	#formWebSearch #searchBtn{
		position: absolute;
		right: 5px;
		bottom: 15px;
		border: none;
		background: transparent;
		color: #ffe800;
	}
}
@media only screen and (min-width:1368px){
	#header #headerLinks a{
		line-height: 1.15em;
	}
}
@media only screen and (max-width:1024px){
	#header #headerLinks a{
		line-height: 1.55em;
	}
	#header #headerLinksRight a{
		line-height: 3.1em;
	}
}
@media screen and (max-width:768px) {
	#header #headerLinksRight{
		margin-bottom: 0;
	}
	#header .logo img{
		max-width: 140px;
	}
}

/*****************************
*****************************
2.1 Header Search
*****************************
*****************************/

#header .headerSearchBtn svg{
	width: 1em;
	position: relative;
	z-index: 2;
	width: 25px;
	height: 25px;
}
#header .headerSearchBtn svg.fa-search{
	top: 2px;
}
#header .headerSearchBtn svg.fa-times{
	top: 4px;
}
#header .headerSearchBtn .hideSearchBtn{
	display: none;
}
#header #searchSlider{
	position: absolute;
	top: 0;
	z-index: 2;
	left: 100%;
	width: 75%;
	height: 100%;
	transition: left .5s;
	background: #6e3061;
}
#formWebSearch fieldset, #wcuLoginForm fieldset, form[id*=altSearch] fieldset{
	border: transparent;
	padding: 0;
}
#formWebSearch legend, #wcuLoginForm legend, form[id*=altSearch] legend {
	position: absolute;
	left: -10000px;
	top: -10000px;
	background-color: #fff;
	color: #000;
}
#formWebSearch #webSearch{
	width: 90%;
	height: 100%;
	border: none;
	box-sizing: border-box;
	background: #6e3061;
	position: absolute;
	top: 0;
	left: 0;
	padding: 0;
	font-size: 2em;
	text-indent: 10px;
	color: #FFF;
}
#formWebSearch #webSearch:focus{
	border: #ffe800 dotted 3px;
/* 	outline: #ffe800 dotted 3px; */
}
#formWebSearch #searchBtn{
	position: absolute;
	right: 5px;
	bottom: 7px;
	border: none;
	background: transparent;
	color: #ffe800;
}
#formWebSearch #searchBtn:hover{
	cursor: pointer;
}
#formWebSearch #searchBtn:focus{
	outline: #fff dotted 3px;
}
#formWebSearch #searchBtn #searchIcon{
	width: 40px;
	height: 40px;
}
#formWebSearch label{
	position: absolute;
	left: 0;
	bottom: 7px;
	z-index: 1;
	color: rgba(255, 255, 255, .75);
	font-size: 2em;
	text-indent: 10px;
}
@media only screen and (max-width:1200px){
	#header .headerSearchBtn svg.fa-search{
		top: 5px;
	}
}
@media only screen and (min-width:1200px){
	#formWebSearch #searchBtn{
		bottom: 15px;
	}
	#formWebSearch label{
		bottom: 15px;
	}
}

/* *****************  AUTOCOMPLETE FOR SEARCH BOX  ***************** */
.autocomplete-group, .autocomplete-no-suggestion {
	padding: 2px 5px
}
#home-content .purpleContentBtn>.grid12 img {
	display: block
}
#home-content .videoContainer {
	position: relative
}

#home-content .videoContainer .playBtn {
	position: absolute;
	left: 0;
	top: 0
}
#home-content .videoContainer .fancybox-media img.playBtn {
	box-shadow: none
}
#home-content .flexsliderLarge div.flex-caption>p, #home-content .flexsliderLarge div.flex-caption>p a, #home-content .flexsliderLarge div.flex-caption>p a:visited {
	color: #FFF;
}
#home-content .flexsliderLarge{
	margin-bottom: -2px !important;
}
.autocomplete-group strong, .autocomplete-suggestions strong {
	font-weight: 700;
	color: #000
}
.autocomplete-suggestions {
	border: 1px solid #999;
	background-color: #fff;
	cursor: default;
	overflow: auto;
	box-shadow: 1px 4px 3px rgba(50, 50, 50, .64)
}
.autocomplete-suggestion {
	padding: 2px 5px;
	white-space: nowrap;
	overflow: hidden;
	font-family: OpenSansRegular, sans-serif, arial;
	font-size: .75em
}
.autocomplete-selected {
	background: #F0F0F0
}
.autocomplete-group strong {
	font-size: 16px;
	display: block;
	border-bottom: 1px solid #000
}

/*****************************
******************************
2.2 Global Nav
******************************
*****************************/
#navigation-wrapper{
	display: none;
}
#navigation-wrapper {
	z-index: 9;
	clear: both;
	width: 100%;
	position: relative;
	border-top: none;
}
#wcuNavBar{
	background: #FFE800;
	padding: 20px 0;
	display: flex;
	justify-content: space-evenly;
}
#wcuNavBar a{
	text-decoration: none;
	color: #382140;
	text-transform: uppercase;
	font-weight: bold;
	border-bottom: 2px solid #FFE800;
}
#wcuNavBar a:hover{
	border-bottom: 2px solid #382140;
}
#wcuNavBar a:visited{
	color: #382140;
}

/*****************************
******************************
2.3 Mobile Menu
******************************
*****************************/

/* ------------------ MOBILE NAVIGATION SLIDEOUT MENU ------------ */
ul#nav{
	font-size: 1.5em;
}

ul#nav li {
	list-style: none;
	line-height: 1.5em;
	padding: 5px 0;
}
ul.subnav li {
	padding: 0 25px;
}
ul#nav ul.subnav li a {
	text-shadow: 0 1px 0 rgba(0, 0, 0, .7);
}
.top-mobile {
	border-bottom: 1px solid #DDD;
	font-size: .825em;
	font-family: arial;
	color: #6e3061;
	padding: 5px 0;
}
.top-mobile a, .home-mobile a{
	color: #6e3061;
	text-decoration: none;
}
.top-mobile a{
	display: block;
	width: 100%;
}
.home-mobile{
	padding: 0;
	font-size: 1em;
	top: 5px;
	border-bottom: none;
}
ul#nav .covid-mobile{
	margin-top: -5px;
	padding-top: 0px;
	border-bottom: none;
	color: #fff;
	margin-bottom: 10px;
	padding: 0px !important;

}
#nav .covid-mobile a, #nav.covid-mobile a:visited{
	color: #fff;
	padding: 5px 20px;
	display: inline-block;
	background-color: #6e3061;
	font-weight: bold;
	width: auto;
	font-size: .75em;
	border: 3px solid #6e3061;
}
ul#nav .covid-mobile a:hover{
	color: #6e3061;
	background-color: #f5f5f5;
}
#mmClose {
	display: inline-block;
	text-indent: -9999px;
}
.home-mobile .fa-times {
	color: #6e3061;
	width: 20px;
	height: 20px;
}
ul#subNav{
	display: none;
	padding-left: 10px;
	text-transform: initial;
}

/* ---------------------------- PAGESLIDE JQUERY -------------------------------*/
#pageslide{
	/* These styles MUST be included. Do not change. */
	display: none;
	position: fixed;
	top: 0;
	height: 100%;
	z-index: 999999;
	overflow:auto;

	/* Specify the width of your pageslide here */
	width: 30%;
	padding: 0 20px;

	/* These styles are optional, and describe how the pageslide will look */
	background-color: #F5F5F5;
	color: #382140;
	border: 2px solid #DDD;
}

/*****************************
******************************
2.4 Breadcrumb/Contact button
******************************
*****************************/

#contact h1, #contact h2, .contact h1, .contact h2 {
	background: #FFE800;
	padding: 10px;
	margin-top: 0;
	text-shadow: 0 1px 0 #FFF
}
#contact h2, .contact h2 {
	font-size: 2em;
	color: #444
}
#contact, .contact {
	display: none;
}
.breadCrumb{
	color: #382140;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
}
.breadCrumb a{
	text-decoration: none;
	color: #6e3061;
}
.breadCrumb a:hover{
	text-decoration: underline;
}
.header h1{
	float: left;
	margin: 0;
	text-transform: uppercase;
}
.header h1 span{
	padding-left: 10px;
}
.header h1 a{
	text-decoration: none;
	color: #6e3061;
}
.header h1 a:hover{
	color: #382140 !important;
}
.header h1 a:visited{
	color: #6e3061;
}
.header h1 .fa-home{
	display: inline;
	width: 20px;
	position: relative;
	bottom: 6px;
}
.header h2{
	display: none;
}
a.btnContact{
	float: right;
	border: 2px solid #6e3061 !important;
	background-color: #6e3061;
	color: #fff;
	font-size: .8em;
	padding: 5px 10px;
	text-decoration: none;
}
#CollegeTemplateSlideshow{
	margin-top: -25px;
	margin-bottom: -10px;
}
#CollegeTemplateSlideshow img{
	width: 100%;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~COLLEGE TEMPLTE STYLES~~~~~~~~~~~~~~~~~~~~~~~~*/
html.collegeTemplate .headerWrapper {
	padding: 0;
}
html.collegeTemplate .header {
	width: 100%;
	padding: 0 30px
}
html.collegeTemplate .pageWrapper {
	margin-top: 0;
	margin-top: 10px;
}
html.collegeTemplate .slides {
	max-width: none;
	margin: 0 auto
}
html.collegeTemplate .slides li{
	margin: 0;
}
[id*="CollegeTemplateSlideshow"]{
	overflow: hidden;
	width: 100%;
	position: relative;
}
[id*="CollegeTemplateSlideshow"] .secondarySlider{
	max-width: 1280px;
	width: 100%;
	margin: 0 auto;
}
[id*="CollegeTemplateSlideshow"] .flex-viewport{
	overflow: visible !important;
}
[id*="CollegeTemplateSlideshow"] .flex-viewport:before{
	background: rgba(0,0,0,0.5);
	width: 100%;
	height: 100%;
}
/** direction nav **/
[id*="CollegeTemplateSlideshow"] .flex-prev{
	background: url('../images/prev.png');
	background-repeat: no-repeat;
	background-size: 50px 50px;
}
[id*="CollegeTemplateSlideshow"] .flex-next{
	background: url('../images/next.png');
	background-repeat: no-repeat;
	background-size: 50px 50px;
}
[id*="CollegeTemplateSlideshow"] .flex-direction-nav li a{
	margin: 0;
	top: 0;
	width: calc(50% - 1280px/2);
	min-width: 50px;
	height: 100%;
	background-color: rgba(0,0,0,0.7);
	background-position: center;
}
[id*="CollegeTemplateSlideshow"] .flex-direction-nav li:first-of-type a{
	left: 0;
}
[id*="CollegeTemplateSlideshow"] .flex-direction-nav li:last-of-type a{
	right: 0;
}
[id*="CollegeTemplateSlideshow"] .flex-next:hover, [id*="CollegeTemplateSlideshow"] .flex-prev:hover{
	background-position: center;
}
/** control nav **/
[id*="CollegeTemplateSlideshow"] .flex-control-nav{
	bottom: 10px;
	margin: 0;
	padding: 0;
	position: absolute;
	width: 100%;
	max-width: 1280px;
}
[id*="CollegeTemplateSlideshow"] .flex-control-paging li a{
	background: #FFF;
	box-shadow: 0 0 1px rgba(0,0,0,.5);
	border-radius: 100%;
	margin: 0 5px;
}
[id*="CollegeTemplateSlideshow"] .flex-control-paging li a.flex-active{
	background-color: #D9AA2B;
}

/** brandTop contact button **/
a#btnContactBrandTop{
	position: absolute;
	bottom: 15%;
	left: calc(50% - 200px);
	width: 400px;
	background: #382140;
	color: #ffe800;
	border: 1px solid #ffe800;
	font-family: "Phonk", Arial, sans-serif;
	font-size: 1.2em;
}

a#btnContactBrandTop:hover {
	color: #ffe800 !important;
	background: #6e3061 !important;
}

@media only screen and (max-width:480px){
	a#btnContactBrandTop{
		font-size: 1em;
		width: 200px;
		left: calc(50% - 100px);
	}
}

/*****************************
******************************
Brand Sections styling
******************************
*****************************/
.centerContent{
	padding: 5% 10%;
	display: block;
	float: left;
	width: 100%;
}
.centerContent h1, .centerContent h2, .centerContent h3, .centerContent h4, .centerContent h5, .centerContent h6, .centerContent p{
	text-align: center;
}
.split6, .split6 .grid6{
	padding: 2.5% 5%;
}
.btnPad{
	display: block;
	float: left;
	width: 100%;
}
.btnPad .grid3, .btnPad .grid4, .btnPad .grid6{
	padding: 0px 10px;
} 
.splitImg-8 .grid8{
	padding: 2.5% 5%;
}
.bringUpLarge{
	float: left;
	width: 100%;
	margin-top: -140px;
	position: relative;
	z-index: 5;
}
.bringUpSmall{
	float: left;
	width: 100%;
	margin-top: -80px;
	position: relative;
	z-index: 5;
}

#wcuMainContent {
	animation: fadeInAnimation ease 3s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}

@keyframes fadeInAnimation {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

/*********	HP VIDEOS STYLE	*********/
#hiCtr{
	overflow: hidden;
	top: 0;
	left: 0;
	width: 100%;
	position: relative;
}
#hpVideo{
	width: 100%;
}
#vidBtn {
	/*background: #fff;*/
	border: 3px solid #ffe800;
	border-radius: 50%;
	padding: 10px;
	position: absolute;
	top: 4%;
	left: 2%;
	transition: all 1s;
	animation: 1s ease-out 0s 1 slideInFromLeft;
	opacity: 0.90;
}
#vidBtn svg{
	position: relative;
	top: 3px;
}
#vidBtn:hover{
	opacity: 1;
}

@Keyframes slideInFromLeft {
	0% {
		transform: translateX(-100%);
	}
	100% {
		transform: translateX(0);
	}
}
#videoSection #hpPause, #videoSection #hpPlay{
	fill: #ffe800;
}
#videoSection #hpPlay{
	display: none;
	left: 2px;
}
/*********	END HP VIDEOS STYLE	*********/

@media only screen and (max-width:1024px){
	.bringUpLarge{
		margin-top: -80px;
	}
	.bringUpSmall{
		margin-top: -40px;
	}
}
@media only screen and (max-width:768px){
	.bringUpSmall, .bringUpLarge{
		margin-top: 0px;
	}
	.bringUpLarge{
		margin-bottom: 60px;
	}
}


/*****************************
******************************
Brand Buttons (btn)
******************************
*****************************/
a.btn, .btn{
	border: 2px solid #6e3061;
	color: #6e3061;
	font-size: 1em;
	background: none;
	padding: 10px 20px;
	text-decoration: none;
	text-align: center;
	margin: 10px 0px;
	font-family: "myriad-pro", Arial, sans-serif;
	text-transform: uppercase;
	display: inline-block;
	font-weight: bold;
	min-height: 44px;
	min-width: 44px;
}
a.btn:hover, .btn:hover{
	color: #FFF !important;
	background: #6e3061;
	cursor: pointer;
}
a.btn:visited, .btn:visited{
	color: #6e3061;
}
a.btnMain, .btnMain{
	color: #FFF;
	background: #6e3061;
}
a.btnMain:hover, .btnMain:hover{
	color: #6e3061 !important;
	background: none;
}
a.btnMain:visited, .btnMain:visited{
	color: #FFF;
}
a.btnContact{
	float: right;
	font-size: .8em;
}
a.btnGold, .btnGold{
	color: #382140;
	background: #FFE800;
	border: 2px solid #FFE800;
}
a.btnGold:visited, .btnGold:visited{
	color: #382140 !important;
}
a.btnGold:hover, .btnGold:hover{
	color: #FFE800 !important;
	background: none;
}
a.btnFullWidth{
	width: 100%;
	text-align: center;
}
a.btnSuccess, a.btnAlert, a.btnWarning, .btnSecondary, .btnSuccess, .btnAlert, .btnWarning{
	color: #fff;
}
a.btnSuccess:visited, a.btnAlert:visited, a.btnWarning:visited, .btnSecondary:visited, .btnSuccess:visited, .btnAlert:visited, .btnWarning:visited{
	color: #fff !important;
}
a.btnSecondary, .btnSecondary{
	color: #ffe800;
	background-color: #382140;
	border-color: #382140;
}
a.btnSecondary:visited, .btnSecondary:visited{
	color: #ffe800 !important;
}
a.btnSecondary:hover, .btnSecondary:hover{
	background-color: #ffe800;
	background: #ffe800;
	color: #382140 !important;
}
a.btnSuccess, .btnSuccess{
	background-color: #3A833A;
	border-color: #3A833A;
}
a.btnSuccess:hover, .btnSuccess:hover{
	background-color: none;
	background: none;
	color: #3A833A !important;
}
a.btnAlert, .btnAlert{
	background-color: #A52622;
	border-color: #A52622;
}
a.btnAlert:hover, .btnAlert:hover{
	background-color: none;
	background: none;
	color: #A52622 !important;
}
a.btnWarning, .btnWarning {
	background-color: #C75300;
	border-color: #C75300;
}
a.btnWarning:hover, .btnWarning:hover{
	background-color: none;
	background: none;
	color: #C75300 !important;
}
a.wcuLink{
	font-size: 1em;
	margin: 10px 0px;
	text-decoration: none;
	font-family: "myriad-pro", Arial, sans-serif;
	text-transform: uppercase;
}
a.wcuLink:hover{
	text-decoration: underline;
}
.wcuLink svg{
	fill: #6e3061;
	height: 1.1em;
	position: relative;
	top: 3px;
	left: 5px;
	height: 16px;
	width: 19px;
}
a.wcuLink:hover svg{
	left: 10px;
	transition: all .5s;
}

/*****************************
******************************
Global Grid Color Classes
******************************
*****************************/
.goldGrid, .neonGrid, .purpleGrid, .violetGrid, .silverGrid, .copperGrid{
	width: 100%;
	float: left;
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
}
.goldGrid{
	background-color: #FFE800;
}
.neonGrid{
	background-color: #ffe800;
}
.purpleGrid{
	background-color: #382140;
}
.violetGrid{
	background-color: #6e3061;
}
.silverGrid{
	background-color: #F5F5F5;
}
.copperGrid{
	background-color: #d4a129;
}

/*****************************
******************************
2.5 Site Menu
******************************
*****************************/
.horizontalMenu{
	margin: 10px 0;
}
.horizontalMenu ul{
	width: 100%;
	display: flex;
	list-style-type: none;
	text-transform: uppercase;
}
.horizontalMenu ul li{
	flex-grow: 1;
}
.horizontalMenu ul li a{
	display: block;
	height: 100%;
	text-align: center;
	text-decoration: none;
	color: #6e3061;
	font-weight: bold;
	border-bottom: 2px solid #EEE;
	border-right: 2px solid #DDD;
	padding: 5px;
	min-width: 44px;
	min-height: 44px;
}
.horizontalMenu ul li:last-of-type a{
	border-right: none;
}
.horizontalMenu ul li a:hover, .horizontalMenu ul li a.activeMenu{
	border-bottom: 4px solid #ffe800;
}
.horizontalMenu ul li a:visited{
	color: #6e3061;
}
.hideHorizontalMenu{
	display: none;
}

#home-wrapper {
	background-color: #fff;
	float: left;
	width: 100%;
}
.headerWrapper{
	padding: 25px 0 35px 0;
	overflow: hidden;
}
.headerWrapper h1 a:focus{
	outline: #382140 dotted 3px;
}
.header{
	width: 100%;
	padding: 0 30px;
	max-width: none;
	margin: 0 auto;
	position: relative;
}
.pageWrapper{
	position: relative;
	margin-top: -30px;
	margin-bottom: 0;
	padding-bottom: 20px;
	background-color: #fff;
	box-shadow: none;
}
#home-content .pageWrapper .contentHolder{
	font-size: .9em;
	line-height: 1.5em;
}
.contentHolder {
	padding: 0 30px 10px;
	min-height: 400px;
}
blockquote {
	font-size: 1.125em;
	font-weight: 300;
	line-height: 1.5em;
	padding: 0 0 0 12px;
	margin-left: 0;
	border-left: 2px solid rgba(0, 0, 0, .15);
	margin-bottom: 20px
}
.contentHolder ol, .contentHolder ol ol, .contentHolder ul, .contentHolder ul ul {
	margin-left: 20px;
	padding: 0
}
.contactHolder {
	padding: 0 10px
}
.contactHolder hr, .contentHolder hr {
	border: 1px solid #EEE;
	margin-top: 15px;
	margin-bottom: 15px
}
@media only screen and (max-width:1366px){
	#header > .grid12 > .grid9{
		margin-top: 25px;
	}
}
@media only screen and (max-width:1024px){
	#header > .grid12 > .grid9{
		margin-top: 15px;
	}
}
@media only screen and (max-width:950px){
	#header{
		padding: 0;
		width: 100%;
	}
	#header .grid3,
	#header .grid9,
	#header .grid2,
	#header .grid10{
		width: 50%;
	}
	#header #headerLinksRight{
		width: 100%;
	}
	#header > .grid12 > .grid9{
		margin-top: 35px;
		padding-right: 20px;
	}
	#header #headerLogo{
		justify-content: inherit;
	}
	#header .logo img{
		padding-left: 20px;
	}
	#header #headerLinks{
		display: none;
	}
	#header #searchSlider{
		width: 66%;
	}
	#formWebSearch #webSearch{
		font-size: 1em;
	}
	#formWebSearch label{
		font-size: 1em;
		bottom: 20px;
	}
	#formWebSearch #searchBtn #searchIcon{
		width: 20px;
	}
	#formWebSearch #searchBtn{
		bottom: 10px;
	}
	.header{
		text-align: center;
	}
	.header h1, .header .btnContact{
		float: none;
	}
	.horizontalMenu{
		display: none;
	}
}

@media only screen and (max-width:768px){
	#pageslide{
		width: 90%;
		padding: 0 5%;
	}
	.top-mobile{
		font-size: .5em;
	}
	.header h1{
		font-size: 1.6em;
		margin-top: 20px;
	}
	#header > .grid12 > .grid9{
		margin-top: 20px;
	}
}

@media only screen and (max-width:480px){
	#header > .grid12 > .grid9{
		margin-top: 10px;
		padding-right: 10px;
	}
}

/*****************************
******************************
End Header
******************************
*****************************/

/*****************************
******************************
3. Brand - Content Section
******************************
*****************************/

.brand-wrapper .contentHolder{
	padding: 0px;
}
.brand-wrapper .row-responsive{
	margin: 0;
}
.brand-wrapper .headerWrapper{
	padding-bottom: 0px;
}
.brand-wrapper .pageWrapper{
	padding-bottom: 0;
}
.brandContent{
	position: relative;
	top: 50px;
	opacity: 0;
}

/*****************************
******************************
End Content Section
******************************
*****************************/

/*****************************
******************************
3.1 Side Menu
******************************
*****************************/
/* #home-wrapper, .headerWrapper, #footer, body{
overflow: visible !important;
}
.headerWrapper{
float: left;
width: 100%;
}
.contentHolder > .row-responsive:first-of-type{
display: flex;
width: 100%;
}
@media screen and (max-width: 768px){
.contentHolder > .row-responsive:first-of-type{
display: block;
width: 100%;
}
}


#home-content .sideLinks{
margin-top: 10px;
padding-right: 20px;
position: -webkit-sticky;
position: sticky;
top: 20px;
} */
/*****************************
******************************
End Side Menu
******************************
*****************************/

/*****************************
******************************
4. Footer
******************************
*****************************/
#footer {
	width: 100%;
	padding-bottom: 0;
	clear: both;
	background-color: #382140;
	box-shadow: 0 -3px 8px 0 #000;
	box-shadow: 0 -3px 8px 0 rgb(0 0 0 / 30%);
	position: relative;
}
#wcuSocialBar
{
	/* 	background-color: #ffe800; */
	width: 100%;
	float: left;
	background-image: url(/_resources/includes/brand/images/socialBarBack.jpg);
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
#wcuSocialBar ul
{
	padding: 1em 25%;
	width: 100%;
	height: 100px;
	overflow: hidden;
	position: relative;
}
#wcuSocialBar li
{
	width: 22%;
	padding: 1em 0;
	text-align: center;
	overflow: hidden;
}
#wcuSocialBar ul, #wcuSocialBar li
{
	float: left;
}
#wcuSocialBar svg
{
	fill: #FFF;
	position: absolute;
	margin: 0 auto;
	transition: opacity .05s, top .25s;
}
#wcuSocialBar .footerIconsFB svg:last-of-type{
	fill: #1877f2;
}
#wcuSocialBar .footerIconsTW svg:last-of-type{
	fill: #000;
}
#wcuSocialBar .footerIconsYT svg:last-of-type{
	fill: #ff0000;
}
#wcuSocialBar .footerIconsIG svg:last-of-type{
	fill: #c32aa3;
}
#wcuSocialBar li a > svg:first-of-type{
	top: 30px;
	opacity: 1;
}
#wcuSocialBar li a > svg:last-of-type{
	top: 100px;
	opacity: 0;
}
#wcuSocialBar li:hover a > svg:first-of-type{
	top: 100px;
	opacity: 0;
}
#wcuSocialBar li:hover a > svg:last-of-type{
	top: 30px;
	opacity: 1;
}
#footer #wcuSocialBar li a:focus svg{
	outline: #382140 dotted 3px !important
}
#ftLinks
{
	background-color: #382140;
	color: #FFF;
	padding: 6em 4em 3em 4em;
	float: left;
	width: 100%;
}
#ftLinks address, #ftLinks .dialPhone
{
	padding-top: 1em;
	font-style: normal;
	font-size: 1.25em;
	line-height: 1.5em;
}
#ftLinks .dialPhone.noMobile
{
	padding-top: 0;
}
#ftLinks a
{
	position: relative;
	display: inline-block;
	color: #ffe800;
	text-decoration: none;
	position: relative;
	font-size: 1.25em;
	text-transform: uppercase;
	min-height: 44px;
	min-width: 44px;
}
#ftLinks a:visited{
	color: #ffe800;
}

#wcuSocialBar svg
{
	height: 2em;
	fill: #FFF;
	width: 40px;
	height: 40px;
}
#ftLinks svg
{
	height: 1em;
	fill: #FFE800;
	position: relative;
	top: 4px;
	left: 4px;
	padding: 0 5px;
	margin-right: 5px;
	border-radius: 5px;
}
#ftLinks a:hover svg
{
	background: #FFE800;
	fill: #382140;
	color: #382140;
	transition: all .25s;
}
.ulNoStyle
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#ftLinks > .grid4:nth-of-type(2),
#ftLinks > .grid4:nth-of-type(3){
	padding-left: 20px;
}
.ftBottomLinks{
	list-style-position: outside;
	list-style-image: url(/_resources/includes/brand/images/footerLinks2.svg);
}
#ftLinks .ftBottomLinks li a:hover{
	text-decoration: underline;
}
#ftLogo
{
	margin-left: -1.125em;
	margin-top: -.75em;
}
#ftLinks li, #directedit a
{
	padding: .5em .5em;
}
#directedit a{
	padding-top: 0px;
}
#directedit a:focus{
	outline: #fff dotted 3px;
}
#ftCopy
{
	padding-left: 33.3333%; 
	margin-top: 6em;
}

/*********BRAND SOCIAL MEDIA ICONS*********/
.brand-social-media{
	width: 100%;
	display: block;
	background-color: #6e3061;
	text-align: center;
	padding: 10px;
	float: left;
	margin-top: 0px;
}
#home-content .brand-social-media p{
	margin: 0px 0px;
}
.brand-social-media a img{
	transition: all .2s ease-in-out;
}
.brand-social-media a:hover img{
	transform: scale(1.10);
	transition: all .2s ease-in-out;
}
.socialLogo{
	display: inline-block;
	margin-right: 5px;
	max-width: 45px;
}
/*********END BRAND SOCIAL MEDIA ICONS*********/

.noMobile
{
	display: block;
}
.mOnly
{
	display: none;
}

#brandBackToTopDS{
	z-index: 9999;
	bottom: 60px;
	right: 25px;
	position: fixed;
	width: 51px;
	height: 51px;
	border-radius: 10px;
	background-color: #666;
	display: none;
	color: #F7F7F7;
	font-size: 1.5em;
	text-align: center;
	cursor: pointer;
	border: 2px solid #000;
}
#brandBackToTopDS:focus{
	outline: #fff dotted 3px !important;
}
#brandBackToTopDS svg{
	fill: #FFF;
	position: relative;
	height: 35px;
	top: 8px;
}

@media only screen and (max-width:1366px){
	body{
		font-size: 1.15em;
	}
}
@media only screen and (max-width:1024px){
	body{
		font-size: 1em;
	}
}
@media only screen and (max-width:768px){
	div[class^=grid] {
		width: 100%;
		margin-left: 0;
		margin-bottom: 5px
	}
	.grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9, .grid10, .grid11
	{
		width: 100%;
	}
	#ftCopy
	{
		width: 100%;
		padding-left: 0;
		margin-top: 4em;
	}
	#ftLinks .mOnly
	{
		display: block;
		margin-top: 1em;
	}
	#ftLinks li
	{
		padding: .75em 0;
	}
	.noMobile
	{
		display: none;
	}
	#wcuSocialBar ul
	{
		padding: 1em 0;
		width: 100%;
	}
	#wcuSocialBar
	{
		background-attachment: initial;
	}
}


/*****************************
******************************
End Footer
******************************
*****************************/

/*****************************
******************************
5. Animation
******************************
*****************************/

#wcuHPAreas .overflowContentSectionRight .sbImage,
#wcuHPAreas .overflowContentSectionLeft .sbImage,
.overflowContentSectionRight .ovImage,
.overflowContentSectionLeft .ovImage{
	position: relative;
	width: 60%;
}
#wcuHPAreas .overflowContentSectionLeft .sbImage,
.overflowContentSectionLeft .ovImage{
	left: 40%;
}
#wcuHPAreas .overflowContentSectionRight .sbContent,
#wcuHPAreas .overflowContentSectionLeft .sbContent,
.overflowContentSectionRight .ovContent,
.overflowContentSectionLeft .ovContent{
	width: 60%;
	position: absolute;
	top: 10%;
	z-index: 1;
	background: #FFE800;
}
#wcuHPAreas .overflowContentSectionRight .sbContent,
.overflowContentSectionRight .ovContent{
	right: 0;
	opacity: 0;
}
#wcuHPAreas .overflowContentSectionLeft .sbContent,
.overflowContentSectionLeft .ovContent{
	left: 0;
	opacity: 0;
}
#wcuHPAreas .overflowContentSectionRight .sbContent h3:after,
#wcuHPAreas .overflowContentSectionLeft .sbContent h3:after,
.overflowContentSectionRight .ovContent h3:after,
.overflowContentSectionLeft .ovContent h3:after{
	display: none;
}
#wcuHPAreas .overflowContentSectionRight .sbContent h3,
#wcuHPAreas .overflowContentSectionLeft .sbContent h3,
.overflowContentSectionRight .ovContent h3,
.overflowContentSectionLeft .ovContent h3{
	padding-bottom: 0;
}
#wcuHPAreas .overflowContentSectionRight .sbContent a.wcuLink,
#wcuHPAreas .overflowContentSectionLeft .sbContent a.wcuLink,
#wcuHPAreas .overflowContentSectionRight .sbContent .wcuLink svg,
#wcuHPAreas .overflowContentSectionLeft .sbContent .wcuLink svg,
.overflowContentSectionRight .ovContent a.wcuLink,
.overflowContentSectionLeft .ovContent a.wcuLink,
.overflowContentSectionRight .ovContent .wcuLink svg,
.overflowContentSectionLeft .ovContent .wcuLink svg{
	color: #382140;
	fill: #382140;
}

@media only screen and (max-width:1000px){
	#wcuHPAreas .overflowContentSectionRight .sbContent, 
	#wcuHPAreas .overflowContentSectionLeft .sbContent,
	.overflowContentSectionRight .ovContent, 
	.overflowContentSectionLeft .ovContent{
		position: inherit;
		margin-top: 5%;
		width: 100%;
	}
	#wcuHPAreas .overflowContentSectionRight .sbImage,
	#wcuHPAreas .overflowContentSectionLeft .sbImage,
	.overflowContentSectionRight .ovImage,
	.overflowContentSectionLeft .ovImage{
		width: 100%;
	}
	#wcuHPAreas .overflowContentSectionLeft .sbImage,
	.overflowContentSectionLeft .ovImage{
		left: 0%;
	}
}
@media only screen and (max-width:768px){
	#wcuHPAreas .overflowContentSectionRight .sbImage,
	#wcuHPAreas .overflowContentSectionLeft .sbImage,
	.overflowContentSectionRight .ovImage,
	.overflowContentSectionLeft .ovImage{
		position: inherit;
		width: 100%;
		right: 0;
		left: 0;
	}
	#wcuHPAreas .overflowContentSectionRight .sbContent,
	#wcuHPAreas .overflowContentSectionLeft .sbContent,
	.overflowContentSectionRight .ovContent,
	.overflowContentSectionLeft .ovContent{
		position: inherit;
		width: 100%;
		height: auto;
		right: 0 !important;
		top: 0;
		left: 0 !important;
		margin-top: 0px;
	}
}


/*****************************
******************************
New Program Pages
******************************
*****************************/

@media only screen and (max-width:900px){
	.div-fix a.open-close{
		background-color: #ffe800;
		color: #382140;
	}
	.div-fix .open-close:visited{
		background-color: #ffe800;
		color: #382140;
	}
	.div-fix .open-close:hover{
		background-color: #382140;
		color: #ffe800 !important;
		border: 3px solid #ffe800;
	}
}

/*****************************
******************************
End New Program Pages
******************************
*****************************/



/*****************************
******************************
Snippets
******************************
*****************************/

/*	BRAND TOP BANNER MESSAGE SNIPPET	*/
#home-content .topBannerMessage{
	display: block;
    width: 100%;
    float: left;
	padding: 3% 5% 3% 15%;
	background-color: #382140;
}
#home-content .topBannerMessage p{
	border-left: 4px solid #FFE800;
	color: #fff;
	padding: 10px;
	margin: 0px;
	font-weight: bold;
	font-size: 1.1em;
}
#home-content .topBannerMessage a,
#home-content .topBannerMessage a:visited{
	color: #FFE800;
}
@media only screen and (max-width:768px){
	#home-content .topBannerMessage{
		padding: 3% 3.5% 3% 3.5%;
	}
}
/*	/BRAND TOP BANNER MESSAGE SNIPPET	*/

/*	/BRAND QUOTE SNIPPET	*/

#home-content .quote {
	color: #6E3061;
	text-align: center;
	font-style: italic;
	font-size: 1.6em;
	font-family: sans-serif;
	line-height: 1.4em;
	margin: 50px 12% 0px;
	padding-top: 15px;
	border-top: 4px solid #6F316E;
}

#home-content .quote p{
	margin-bottom:0px
}

@media only screen and (max-width:768px) {
	#home-content .quote {
		font-size: 1.2em;
		margin: 0px 15px;
	}
}

#home-content .quoter {
	font-size: .8em;
	color: gray;
	padding: 10px 15px 15px;
	line-height: 1.5em;
	text-align: right;
	margin: 0px 30px 50px;
}

/*	/BRAND QUOTE SNIPPET	*/


/*	BRAND SOCIAL MEDIA SNIPPET  */
.brand-facebook-square svg, .brand-instagram-square svg, .brand-youtube-square svg, .brand-x-square svg, .brand-pinterest-square svg, .brand-vimeo-square svg, .brand-linkedin-square svg, .brand-flickr-square svg, .brand-snapchat-square svg, .brand-spotify-square svg, .brand-email-square svg{
	height: 50px;
	width: 75px;
	padding-top: 5px;
	transition: all .2s;
}
.brand-social-logos-yellow{
	background-color: #6e3061;
	display: inline-block;
}
.brand-social-logos-yellow a:hover svg, .brand-social-logos a:hover svg{
	transform: scale(1.1);
	transition: all .2s;
}
/*	/BRAND SOCIAL MEDIA SNIPPET  */

/*	CONTEXT BTN SNIPPET  */
.context-btn{
    position: relative;
    text-align: center;
    text-decoration: none;
    padding: 6% 10%;
	margin: 10px 0;
    transition: all .2s ease-in-out;
    display: table;
    width: auto;
}
.grid12 > .context-btn{
	padding: 2% 10%;
}
#home-content .context-btn:hover{
    transform: scale(1.01);
    transition: all .2s ease-in-out;
}
.context-btn .vert-block{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    text-align: center;
}
.grid6 .context-btn, .grid5 .context-btn, .grid4 .context-btn, .grid3 .context-btn, .grid2 .context-btn{
	width: 100%;
}
.context-btn .context-head, .context-btn .context-description{
	clear: left;
	display: block;
}
.context-btn .context-head{
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.4em;
}
.context-btn .context-description{
	font-size: 1em;
	padding-right: 5%;
	padding-left: 5%;
}
.context-btn, .context-btn:visited{
    background-color: #382140;
    color: #fff;
}
.context-btn-white, .context-btn-white:visited{
    background-color: #fff;
}
.context-btn-white .context-head, .context-btn-gold .context-head, .context-btn-white:visited .context-head, .context-btn-gold:visited .context-head{
	color: #6e3061;
}
.context-btn-white .context-description, .context-btn-white:visited .context-description{
	color: #575757;
}
.context-btn-purple{
    background-color: #382140;
}
.context-btn-purple.context-head, .context-btn-purple .context-description, .context-btn-purple:visited .context-description, .context-btn-purple:visited .context-head{
	color: #fff;
}
.context-btn-gold, .context-btn-gold:visited{
    background-color: #ffe800;
}
.context-btn-gold .context-description{
	color: #382140;
}
.context-btn-gold:hover .context-head{
	color: #392140;
}
.context-btn-white:hover .context-head{
	color: #392140;
}
.context-btn-purple:hover .context-head{
	color: #ffe800;
}
#home-content .contentHolder hr.context-line{
    max-height: 7.5px;
    min-height: 7.5px;
    height: 7.5px;
    padding: 0px 0px;
	background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    float: left;
    display: block;
    width: 100%;
	border: 0px;
}
#home-content .contentHolder .context-btn-gold hr.context-line{
    background-image: url(/images/context-btn-back-purple.jpg);
}
#home-content .contentHolder .context-btn-purple hr.context-line, #home-content .contentHolder .context-btn-white hr.context-line{
    background-image: url(/images/context-btn-back-gold.jpg);
}
/*	/CONTEXT BTN SNIPPET  */

/*	IMAGE POP OUT BORDER  */
.popOutBorder{
	display: inline-block;
	border: 5px solid #FFE800;
	margin: 0px 30px 30px 30px;
}
.popOutBorder img{
	position: relative;
	top: 0;
	max-width: 100%;
}
.popOutRight{
	left: 0;
}
.popOutLeft{
	right: 0;
}
.poYellow{
	border-color: #FFE800;
}
.poNeon{
	border-color: #ffe800;
}
.poPurple{
	border-color: #6e3061;
}
/*	/IMAGE POP OUT BORDER  */

/*	SIDE ACCORDION CONTENT SWITCHER	*/
.sideAccordion .sideAccordionMenu ul{
	margin-left: 0px;
}
.sideAccordion .sideAccordionMenu li{
	list-style-type: none;
}
.sideAccordion .sideAccordionMenu .smMobileContain > a{
	display: block;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	border-left: 3px solid #6e3061;
	border-right: 3px solid #6e3061;
	border-bottom: none;
	border-top: 3px solid #6e3061;
	padding: 20px;
	text-decoration: none;
	color: #6e3061;
}
.sideAccordion .sideAccordionMenu .smMobileContain > a:visited{
	color: #6e3061;
}
.sideAccordion .sideAccordionMenu > div:last-of-type > a{
	border-bottom: 3px solid #6e3061;
}
.sideAccrodion .sideAccordionMenu > div{
	transition: all .5s ease-in-out;
}
.sideAccordion .smMobileContain > a.selectedSA, .sideAccordion .smMobileContain > a.selectedSA:visited, .sideAccordion .smMobileContain > a:hover{
	background: #6e3061;
	color: #fff;
}
.sideAccordion .grid9{
	padding-left: 60px; 
}
.sideAccordion .grid9 .grid3, .sideAccordion .grid9 .grid4, .sideAccordion .grid9 .grid5, .sideAccordion .grid9 .grid6, .sideAccordion .grid9 .grid7,  .sideAccordion .grid9 .grid8, .sideAccordion .grid9 .grid9{
	padding-right: 20px;
}  
.sideAccordionContent{
	display: inline-block;
	width: 100%;
	position: relative;
	overflow: hidden;
	transition: all .5s ease;
}
.sideAccordionContent > div{
	position: absolute;
	right: 9999px;
	width: 0px;
	float: left;
	transition: all .5s ease;
	display: block;
}
.smMobileContain > div{
	display: block;
}
.sideAccordionContent ul > li{
	margin-bottom: 3px;
}
#home-content .showing{
	right: 0;
	width: 100%;
	display: block;
	position: relative;
}
.sideAccordion .sideAccordionMenu .fa{
	display: none;
}
@media only screen and (max-width:768px){
	.smMobileContain{
		overflow: hidden;
		position: relative;
	}
	.smMobileContain > div{
		position: relative;
		display: none;
		width: 100%;
		padding: 0px 10px 10px 10px;
		float: left;
	}
	#home-content .smMobileContain .fa{
		float: left;
		margin-left: 20px;
		margin-top: 5px;
	}
	.sideAccordion .sideAccordionMenu .fa{
		display: inline;
	}
	#home-content .showing{
		display: block;
	}
}
/*	END SIDE ACCORDION CONTENT SWITCHER	*/

/*	CIRCLE BRAND ELEMENT	*/
#home-content .circleElement{
	display: block;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
	border: 5px solid #ffe800;
	border-radius: 50%;
	width: auto;
	max-width: 50%;
}
#home-content .ceCenter{
	display: block;
	margin: 0 auto;
	text-align: center;
}
#home-content .ceCenter p{
	margin: 40px 0px;
	line-height: 2em;
}
#home-content .ceCenter .psuedoHead1, #home-content .ceCenter .psuedoHead2, #home-content .ceCenter .psuedoHead3, #home-content .ceCenter h1, #home-content .ceCenter h2, #home-content .ceCenter h3{
	margin-top: 0px;
}
#home-content .ceCenter h3{
	margin-top: 0px;
	font-stretch: expanded;
}
@media only screen and (max-width:1340px){
	#home-content .circleElement{
		max-width: 65%;
	}
}
@media only screen and (max-width:1068px){
	#home-content .circleElement{
		max-width: 85%;
	}
}
@media only screen and (max-width:900px){
	#home-content .circleElement{
		max-width: 95%;
	}
}
@media only screen and (max-width:768px){
	#home-content .circleElement{
		width: 750px;
		height: 750px; 
		max-width: initial;
		overflow: hidden;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
	}
	#home-content .ceCenter{
		padding: 0px 20px;
	}
	.circleContainer{
		display: block;
		float: left;
		width: 100%;
		position: relative;
	}
}
/*	END CIRCLE BRAND ELEMENT	*/

/************   START SPLIT IMAGE SNIPPET  ************/
.wcuSplitBlockContainer, .ovBlockContainer{
	width: 100%;
	position: relative;
	z-index: 6;
	display: flex;
}
.wcuSplitBlockContainer img, .ovBlockContainer img{
	width: 100%;
}
.wcuSplitBlockContainer .outerWCUSplitBlock, .ovBlockContainer .outerWCUSplitBlock{
	padding: 20px 10% 20px 10%;
	min-height: 250px;
	font-size: 1em;
	height: 100%;
	width: 100%;
	position: relative;
	display: table;
}
.wcuSplitBlockContainer .innerWCUSplitBlock, .ovBlockContainer .innerWCUSplitBlock{
	display: table-cell;
	vertical-align: middle;
}
.wcuSplitBlockContainer .innerWCUSplitBlock h3, .ovBlockContainer .innerWCUSplitBlock h3{
	margin-top: 0px;
}
@media only screen and (max-width:1280px){
	.wcuSplitBlockContainer .outerWCUSplitBlock, .ovBlockContainer .outerWCUSplitBlock{
		padding: 0% 20px 0% 7%;
	}
}
@media only screen and (max-width:1100px){
	.wcuSplitBlockContainer .outerWCUSplitBlock, .ovBlockContainer .outerWCUSplitBlock{
		padding: 0% 20px 0% 5%;
	}
}
@media only screen and (max-width:768px){
	.wcuSplitBlockContainer, .ovBlockContainer{
		display: block;
	}
	.wcuSplitBlockContainer .outerWCUSplitBlock, .ovBlockContainer .outerWCUSplitBlock{
		padding: 20px 5% 40px 5%;
		min-height: 150px;
		display: block;
	}
	.wcuSplitBlockContainer .innerWCUSplitBlock, .ovBlockContainer .innerWCUSplitBlock{
		display: block;
	}
	.sbcRightImage .sbImage{
		margin-top: 60px;
	}
}
/************   END SPLIT IMAGE SNIPPET  ************/

/************   IMAGE HOVER CARD SNIPPET  ************/
.cardBox{
	overflow: hidden;
	position: relative;
	background-image: none;
}
.cardBox .cardContent{
	background: rgba( 68, 31, 73, 0.95 );
	padding: 20px;
	bottom: -100%;
	color: #fff;
	height: 100%;
	left: 0%;
	position: absolute;
	transition: bottom 0.5s ease;
	width: 100%;
}
.cardBox:hover .cardContent{
	bottom: 0%;
	transition: bottom 0.5s ease;
}
.cardContent h2, .cardContent h3, .cardContent h4, .cardContent p, .cardContent li, .cardContent a, .cardContent .wcuLink svg{
	color: #fff;
	fill: #fff;
}
.cardBox h4{
	margin-top: 0px;
}
.contentHolder .cardContent a:visited:not(.btn){
	color: #fff;
}
.cardImageBackground{
	position: relative;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, 
		rgba(0, 0, 0, 0.51) 16%, rgba(0, 0, 0, 0) 26%);
}
.cardImageBackground img{
	z-index: -1;
	position: relative;
	display: block;
}
.cardImageBackground > h4{
	position: absolute;
	padding: 20px 0px 20px 20px;
	color: #fff;
	background-color: #382140;
	width: 100%;
	max-width: 100%;
}
@media only screen and (max-width:768px){
	.cardBox{
		position: relative;
		height: auto;
	}
	.cardImageBackground{
		height: auto;
	}
	.cardBox .cardContent{
		bottom: 0%;
		position: relative;
	}
	.cardImageBackground img{
		display: none;
	}
	#home-content .collageImages .row-responsive, #home-content .collageImages .row-responsive:first-of-type{
		display: block;
	}
	.cardImageBackground > h4{
		background-color: initial;
	}
	#home-content .collageImages .row-responsive .grid3, #home-content .collageImages .row-responsive .grid4, #home-content .collageImages .row-responsive .grid5, #home-content .collageImages .row-responsive .grid6, #home-content .collageImages .row-responsive .grid7, #home-content .collageImages .row-responsive .grid8, #home-content .collageImages .row-responsive .grid9{
		padding-left: 0px;
		padding-right: 0px;
		margin-bottom: 20px;
		display: block;
	}
}
/************   END IMAGE HOVER CARD SNIPPET  ************/


/*** FONT AWESOME ICON SNIPPET ***/
#home-content .faIcons {
	font-size: 3em
}
#home-content .faIcons a {
	text-decoration: none;
	display: inline;
	margin: 0 2px
}
#home-content .faIcons .fa-facebook-square {
	color: #3b5998;
}
#home-content .faIcons .fa-twitter-square {
	color: #55acee;
}
#home-content .faIcons .fa-instagram {
	color: #125688;
}
#home-content .faIcons .fa-youtube-square {
	color: #B00;
}
#home-content .faIcons .fa-linkedin-square {
	color: #007BB5;
}
#home-content .faIcons .fa-pinterest-square {
	color: #CB2027;
}
#home-content .faIcons .fa-flickr {
	color: #FF0084;
}
#home-content .faIcons .fa-snapchat-square {
	color: #FFFC00;
}

/*** IMAGE BTN ACCORDION PANEL SNPPET ***/
.imgBtnAccordionCtr .contentButton{
	margin: 20px 0px;
	background-color: #382140;
	padding: 5px;
	min-height: 315px;
	float: left
}
.imgBtnAccordionCtr .contentButton:hover{
	cursor: pointer;
	background-color: #6e3061;
}
#home-content .imgBtnAccordionCtr .contentButton h3{
	text-align: center;
	color: #ffe800;
	font-size: 1.5em;
	margin-top: 10px;
	margin-bottom: 10px;
}
#home-content .imgBtnAccordionCtr .contentButton p, #home-content .imgBtnAccordionCtr .contentButton a{
	color: #F5F5F5;
} 
.imgBtnAccordionCtr .contentButton img{
	margin: 0 auto;
	display: block;
	width: 100%;
}
.imgBtnAccordionCtr .buttonContent.active, .imgBtnAccordionCtr .buttonContent{
	padding: 15px;
	color: #F5F5F5;
}
#home-content .responsiveTable td, #home-content .responsiveTable th{
	padding: 5px;
	border: 1px solid #CCC;
}
.toggle{
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.toggleSlow {
	-o-transition: all .4s linear;
	transition: all .4s linear
}
.rounded, div[data-class*=rounded] img {
	border-radius: 6px
}
.circle, div[data-class*=circle] img {
	border-radius: 50px
}
.shadow, div[data-class*=shadow] img {
	box-shadow: 0 0 6px 0 rgba(0, 0, 0, .35)
}

@media only screen and (max-width:1024px) {

}

@media only screen and (max-width:700px) {
	.imgBtnAccordionCtr .contentButton {
		width: 100%
	}
}

/*** NEW BRAND VIDEO SNIPPET ***/
svg.circle-fill {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -40px; /*half of the width */
	margin-top: -40px; /*half of the height */
	width: 80px;
	height: 80px;
}
.videoContainer .polygon {
	position: relative;
	width: 100%;
	height: 100%;
}
.videoContainer .polygon svg {
	position: absolute;
	width: 100%;
	height: 100%;
}
@media only screen and (max-width:768px) {
	.videoContainer img{
		width: 100%;
		max-width: 100%;
		height: auto;
	}
}

/*** RESPONSIVE TABLE SNIPPET ***/
#home-content .responsiveTable {
	width: 100%;
	border-collapse: collapse;
	margin: 10px 0
}
#home-content .responsiveTable tr:nth-of-type(odd) {
	background: #EEE
}
#home-content .responsiveTable th {
	background: #6e3061;
	color: #fff;
	font-weight: 700;
	text-align: left
}
#home-content .responsiveTable td.tableLeft, #home-content .responsiveTable th.tableLeft {
	text-align: left
}
#home-content .responsiveTable td.tableCenter, #home-content .responsiveTable th.tableCenter {
	text-align: center
}
#home-content .responsiveTable td.tableRight, #home-content .responsiveTable th.tableRight {
	text-align: right
}

/*** PICTURE GRID FLEX SLIDER SNIPPET ***/
#home-content .pictureGridSlider .opaqueTitle {
	background-color: rgba(0, 0, 0, .8);
	display: inline-block;
	padding: 2px 5px;
	color: #FFE800;
	font-weight: 700;
	font-size: 1.1em;
	position: relative;
	top: 36px;
	margin: 0
}

@media only screen and (max-width:768px) {
	/* Force table to not be like tables anymore */
	#home-content .responsiveTable, #home-content .responsiveTable tbody, #home-content .responsiveTable td, #home-content .responsiveTable th, #home-content .responsiveTable thead, #home-content .responsiveTable tr {
		display: block
	}
	/* Hide table headers (but not display: none;, for accessibility) */
	#home-content .responsiveTable thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px
	}
	#home-content .responsiveTable tr {
		border: 1px solid #CCC
	}
	#home-content .responsiveTable td {
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #C1C1C1;
		position: relative;
		padding-left: 50%
	}
	#home-content .responsiveTable td.tableCenter, #home-content .responsiveTable td.tableLeft, #home-content .responsiveTable td.tableRight, #home-content .responsiveTable th.tableCenter, #home-content .responsiveTable th.tableLeft, #home-content .responsiveTable th.tableRight {
		text-align: left
	}
	#home-content .responsiveTable td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
		font-weight: 700;
		/* Label the data */
		content: attr(data-label)
	}
}

/* ---------------------------- FLEX SLIDER ------------------------------------*/
.no-js .slides.loading li:first-child .flex-caption {
	display: block;
}
.no-js .slides.loading li .flex-caption {
	display: none;
}
.photo-by {
	color: #666;
	float: right;
	font-size: 12px;
}
.flex-container a:active, .flex-container a:focus, .flexslider a:active, .flexslider a:focus {
	outline: 0;
}
.contentHolder .slides, .flex-control-nav, .flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none;
}

/*********************************
*********************************
FlexSlider Necessary Styles
*********************************
*********************************/
.flexslider{
	margin: 0;
	padding: 0;
}
.flexslider .slides > li{
	display: none;
	-webkit-backface-visibility: hidden;
} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img{
	max-width: 100%;
	display: block;
}
.flex-pauseplay span{
	text-transform: capitalize;
}
.btnContact, .close-me, .news-tabs li a, h2.c-title {
	text-transform: uppercase;
}

/* Clearfix for the .slides element */
.slides:after{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.bubbleInfo:after, .bubbleInfo:before, .contentHolder h3::after {
	content: "";
}
.flexslider span.slider-header, span.slider-header a {
	color: #FFE800;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .5);
	line-height: 1.125em;
}
html[xmlns] .slides{
	display: block;
}
* html .slides{
	height: 1%;
}
html.js .slides li{
	display: none;
}
.tinynav, html.js .slides li {
	display: none
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
/*.no-js .slides > li:first-child {display: block;}*/

/* FlexSlider Default Theme
*********************************/
.flexslider{
	position: relative;
	zoom: 1;
	clear:both;
}
.flexslider .slides{
	zoom: 1;
	position:relative;
}
.flexslider .slides > li{
	position: relative;
}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container{
	zoom: 1;
	position: relative;
}

/* Caption style */
/* IE rgba() hack */
.flex-caption{
	background:none;
	max-height:110px;
	min-height:110px;
	width: 100%;
	padding: 2%;
	margin: 0;
	position: absolute;
	left: 0;
	bottom: 0;
	background: rgba(56,33,64,.85);
}
.flexslider span.slider-header{
	color: #FFE800;
	text-shadow: 0 -1px 0 rgba(0,0,0,.5);
	font-size: 2.25em;
	line-height: 1.125em;
}
span.slider-header a{
	color: #FFE800;
	text-shadow: 0 -1px 0 rgba(0,0,0,.5);
	font-size: 1em;
	line-height: 1.125em;
	text-decoration:none;
}
.flexslider span.slider-header a:hover{
	color:#fff;
}
.flex-caption p{
	width:96%;
	color:#fff;
	font-size: 1.125em;
	text-shadow: 0 -1px 0 rgba(0,0,0,1);
}
.learn-more a{
	color: #FFE800;
	text-shadow: 0 -1px 0 rgba(0,0,0,.5);
}
/* Direction Nav */
.flex-direction-nav{
	height: 0;
}
.flex-direction-nav li a{
	border:0;
	width: 57px;
	height: 87px;
	margin: -13px 0 0;
	display: block;
	position: absolute;
	top: 50%;
	cursor: pointer;
	text-indent: -999em;
}
.flex-next{
	background: url(/images/slider/next-btn.png);
	background-position: right 0px;
	right: 3.3125%;
}
.flex-next:hover{
	background-position:right -87px;
}
.flex-prev {
	left:3.3125%;
	background:url(/images/slider/prev-btn.png);
}
.flex-prev:hover{
	background-position:right 87px;
}
.flex-direction-nav li .disabled{
	opacity: .3;
	filter:alpha(opacity=30);
	cursor: default;
}

/* Control Nav */
.flex-control-nav{
	width: 100%;
	position: absolute;
	bottom: -30px;
	text-align: center;
}
.flex-control-nav li{
	margin: 0 0 0 5px;
	display: inline-block;
	zoom: 1; *display: inline;
}
.flex-control-nav li:first-child{
	margin: 0;
}
.flex-control-nav li a{
	width: 13px;
	height: 13px;
	display: block;
	background: #FFF;
	cursor: pointer;
	text-indent: -999em;
}
.flex-control-nav li a:hover{
	background-position: 0 -13px;
}
.flex-control-nav li a.active{
	background-position: 0 -26px;
	cursor: default;
}

/*  for flex slider mixed content   */
#home-content .flexsliderMixedContent {
	position: relative
}
#home-content .flexsliderMixedContent .slides li {
	padding: 10px;
	background-color: #eee;
	margin: 0 5px;
	width: 100%;
	display: inline-block
}
#home-content .flexsliderMixedContent img {
	transition: all .6s cubic-bezier(.215, .61, .355, 1);
	margin: auto
}
#home-content .flexsliderMixedContent .flex-prev {
	background: url(/images/prev1.png);
	left: 1%
}
#home-content .flexsliderMixedContent .flex-next {
	background: url(/images/next1.png);
	right: 1%
}
#home-content .flexsliderMixedContent .flex-direction-nav li a {
	top: 16%;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	transition: all .6s cubic-bezier(.215, .61, .355, 1);
	width: 50px;
	height: 126px;
	opacity: .7
}
#home-content .flexsliderMixedContent .flex-control-paging {
	display: none
}
#home-content .flexsliderMixedContent .flex-direction-nav li a:hover {
	opacity: 1
}
#home-content .flexsliderMixedContent .slides {
	height: 300px;
	overflow: hidden
}
#home-content .flexsliderMixedContent img+* {
	font-size: .9em;
	display: block;
	padding-top: 5px;
	color: #575757
}

/* for sync flex slider */
#home-content .syncImgSlides .slides li {
	padding: 10px 5px
}
#home-content .syncContentSlides .slides li .grid4 {
	padding-right: 10px
}

@media only screen and (max-width:768px) {
	#home-content .syncContentSlides .slides li .grid4 img {
		padding: 0;
		display: block;
		margin: 0 auto
	}
}
/* for hover image button snippet */
#home-content .imgHoverBtn .imgHoverHidden {
	display: none
}

/*********News Image Button Snippet**********/
#home-content .commNewsItem figcaption {
	padding-top: 10px;
	padding-right: 10px
}
#home-content .commNewsItem {
	display: block;
	float: left;
	width: 100%;
	position: relative
}
#home-content .commNewsItem:hover {
	background-color: #6e3061;
	transition: background-color .5s
}
#home-content figure {
	margin: 0;
	padding: 10px 0
}
#home-content .commNewsItem h3 {
	display: inline;
	text-transform: uppercase;
	font-weight: 700;
	border-bottom: none;
	font-size: 1em;
	color: #474747;
	text-decoration: none
}
#home-content .commNewsItem:hover h3 {
	color: #FFE800;
	transition: color .5s
}
#home-content .commNewsItem h3:after {
	display: none
}
#home-content .commNewsItem:hover img {
	-webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, .35);
	-moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, .35);
	box-shadow: 0 0 6px 0 rgba(0, 0, 0, .35)
}
#home-content .commNewsItem img {
	float: left;
	margin: 10px 20px 20px;
	max-width: 159px
}
#home-content .commNewsItem a {
	text-decoration: none;
	color: #404040;
	display: block;
	float: left;
	width: 100%;
}
#home-content .commNewsItem .commDate {
	position: absolute;
	color: #404040;
	bottom: 30px;
	left: 30px;
	font-weight: 700;
	background-color: rgba(255, 255, 255, .8);
	padding: 0 5px
}
/*	NEWS FIX	*/
#home-content #newsFeed .commNewsItem{
	width: 33%;
	padding: 10px;
	font-size: 1.1em;
	line-height: 1.5em;
}
#home-content #newsFeed .commNewsItem:hover{
	background-color: #fff;
}
#home-content #newsFeed .commNewsItem img{
	width: 100%;
	max-width: 100%;
	margin: 0px 0px 10px 0px;
	margin-bottom: 10px;
}
#home-content #newsFeed .commNewsItem, #home-content #newsFeed .commNewsItem a, #home-content #newsFeed .commNewsItem p, #home-content #newsFeed .commNewsItem .highlightedDate,
#home-content #newsFeed .commNewsItem:hover, #home-content #newsFeed .commNewsItem:hover a, #home-content #newsFeed .commNewsItem:hover p, #home-content #newsFeed .commNewsItem:hover .highlightedDate{
	color: #444;
}
#home-content #newsFeed .commNewsItem p{
    vertical-align: baseline;
}
#home-content #newsFeed .commNewsItem h3{
	color: #6e3061;
	font-size: 1.3em;
	text-transform: none;
}
#home-content #newsFeed .commNewsItem:hover h3{
	text-decoration: underline;
}

@media screen and (max-width:1200px) {
	#home-content .commNewsItem img {
		float: none;
		display: block;
		margin: 0 auto
	}
	#home-content .commNewsItem figcaption {
		padding-top: 10px;
		padding-right: 15px;
		padding-left: 15px;
		text-align: center
	}
	#home-content .commNewsItem .commDate {
		bottom: unset;
		top: 80px
	}
}

@media screen and (max-width:768px) {
	#home-content .commNewsItem img {
		float: left;
		display: unset;
		margin: 10px 20px 20px
	}
	#home-content .commNewsItem figcaption {
		padding-top: 10px;
		padding-right: 10px;
		padding-left: unset;
		text-align: left
	}
	#home-content .commNewsItem .commDate {
		bottom: 30px;
		top: unset
	}
}


/****************      PURPLE PICTURE BUTTON      *********************/
#home-content .pictureBtns {
	margin-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px
}
#home-content .pictureBtns a {
	background-color: #382140;
	padding: 0;
	line-height: 0;
	text-align: center;
	display: inline-block;
	text-decoration: none
}
#home-content .pictureBtns a:hover img {
	opacity: .4;
	background-color: #382140
}
#home-content .pictureBtns p {
	padding: 10px;
	text-align: center;
	line-height: 1em;
}
#home-content .pictureBtns a img {
	display: block;
	width: 100%
}
#home-content .gridTitle {
	background-color: #382140;
	color: #ffe800;
	font-weight: 700;
	margin-top: 0;
	font-size: 1.1em;
	margin-bottom: 0;
	padding-left: 5px;
	padding-right: 5px
}

@media screen and (max-width:768px) {
	#home-content .pictureBtns {
		margin-bottom: 5px
	}
	#home-content .pictureBtns a,
	#home-content .pictureBtns a img {
		width: 100%
	}
}

@media screen and (max-width:481px) {
	#home-content .pictureBtns a img {
		display: none!important
	}
	#home-content .gridTitle {
		margin-top: 5px;
		margin-bottom: 5px
	}
	.logoOneFifty{
		top: 7px;
	}
}
@media screen and (max-width:260px) {
	#header{
		padding: 10px 10px 10px 10px;
	}
}

/********** CONTENT CAROUSEL SLIDE SNIPPET **********/
#home-content .contentCarouselSlides .slides li {
	background-color: #EEE;
	margin: 0 5px;
	padding: 5px
}

/******	PURPLE YELLOW SPLIT SECTION SNIPPET  ******/
.purplePara, .pyPara2, .pyPara1{
	padding: 3.5%;
}
.pyPara2, .pyPara1{
	display: flex;
}
#home-content .pyPara2 .grid6, #home-content .pyPara1 .grid6{
	width: 50%;
}
.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: #382140;
	height: 100%;
}
.pyPara2 .grid6:first-of-type a:not(.btn), .pyPara1 .grid6:last-of-type a:not(.btn){
	color: #382140 !important;
}
.pyPara2 .grid6:last-of-type a:not(.btn), .pyPara1 .grid6:first-of-type a:not(.btn){
	color: #FFFFFF !important;
}
.pyPara2 .grid6:first-of-type .innerWCUSplitBlock h1, 
.pyPara2 .grid6:first-of-type .innerWCUSplitBlock h2, 
.pyPara2 .grid6:first-of-type .innerWCUSplitBlock h3, 
.pyPara2 .grid6:first-of-type  .innerWCUSplitBlock h4, 
.pyPara2 .grid6:first-of-type .innerWCUSplitBlock h5, 
.pyPara1 .grid6:last-of-type .innerWCUSplitBlock h1, 
.pyPara1 .grid6:last-of-type .innerWCUSplitBlock h2, 
.pyPara1 .grid6:last-of-type .innerWCUSplitBlock h3, 
.pyPara1 .grid6:last-of-type .innerWCUSplitBlock h4, 
.pyPara1 .grid6:last-of-type .innerWCUSplitBlock h5{
	color: #382140;
}
.pyPara2 .grid6:first-of-type .innerWCUSplitBlock p, 
.pyPara1 .grid6:last-of-type .innerWCUSplitBlock p, 
.pyPara2 .grid6:first-of-type .innerWCUSplitBlock, 
.pyPara1 .grid6:last-of-type .innerWCUSplitBlock{
	color: #382140;
}
.pyPara2 .grid6:last-of-type .innerWCUSplitBlock h1, 
.pyPara2 .grid6:last-of-type .innerWCUSplitBlock h2, 
.pyPara2 .grid6:last-of-type .innerWCUSplitBlock h3, 
.pyPara2 .grid6:last-of-type .innerWCUSplitBlock h4, 
.pyPara2 .grid6:last-of-type .innerWCUSplitBlock h5, 
.pyPara1 .grid6:first-of-type .innerWCUSplitBlock h1, 
.pyPara1 .grid6:first-of-type .innerWCUSplitBlock h2, 
.pyPara1 .grid6:first-of-type .innerWCUSplitBlock h3, 
.pyPara1 .grid6:first-of-type .innerWCUSplitBlock h4, 
.pyPara1 .grid6:first-of-type .innerWCUSplitBlock h5{
	color: #FFE800;
}
.pyPara2 .grid6:last-of-type .innerWCUSplitBlock p, 
.pyPara1 .grid6:first-of-type .innerWCUSplitBlock p, 
.pyPara2 .grid6:last-of-type .innerWCUSplitBlock, 
.pyPara1 .grid6:first-of-type .innerWCUSplitBlock{
	color: #FFFFFF;
}
@media only screen and (max-width:768px){
	#home-content .pyPara2 .grid6, #home-content .pyPara1 .grid6{
		width: 100%;
	}
	.pyPara2, .pyPara1, .pyPara2 .row-responsive, .pyPara1 .row-responsive{
		display: block !important;
	}
	.pyPara2, .pyPara1{
		background-image: none;
		padding: 0px 0px !important; 
	}
	.pyPara2 .grid6, .pyPara1 .grid6{
		margin-bottom: 0px;
	}
}
/******	END PURPLE YELLOW SPLIT SECTION SNIPPET  ******/

/********** PURPLE CONTENT SNIPPET **********/
#home-content .purpleContentBtn > .grid12 {
	border: 1px solid #EEE;
	text-align: left;
	background: #FFF
}
#home-content .purpleContentBtn > .grid12 > a {
	text-decoration: none;
	display: block;
	float: left;
}
#home-content .purpleContentBtn > .grid12 > a:visited p{
	color: #000;
}
#home-content .purpleContentBtn .purpleContentTitle, #home-content .purpleContentBtn > .grid12 > a:visited .purpleContentTitle {
	background: #382140;
	color: #ffe800 !important;
	font-weight: 700;
	text-align: left;
	margin: 0;
	padding: 10px;
	padding-left: 20px;
	font-size: 1.1em
}
#home-content .purpleContentBtn > .grid12 > a:hover, #home-content .purpleContentBtn > .grid12 > a:hover p, #home-content .purpleContentBtn > .grid12 > a:hover .purpleContentTitle {
	background: #6e3061;
}

/** tile builder snippet **/
#home-content .tileBuilderSnippet > div{
	padding-right: 10px;
}
#home-content .tileBuilderSnippet > div.grid6:nth-of-type(2n+1){
	clear: left;
}
#home-content .tileBuilderSnippet > div.grid4:nth-of-type(3n+1){
	clear: left;
}
#home-content .tileBuilderSnippet > div.grid3:nth-of-type(4n+1){
	clear: left;
}

@media screen and (max-width:768px) {
	#home-content .tileBuilderSnippet > div.grid6{
		width: 50%;
	}
	#home-content .tileBuilderSnippet > div.grid4{
		width: 33.3333%;
	}
	#home-content .tileBuilderSnippet > div.grid3{
		width: 25%;
	}
}

@media screen and (max-width:480px) {
	#home-content .tileBuilderSnippet > div.grid6,
	#home-content .tileBuilderSnippet > div.grid4,
	#home-content .tileBuilderSnippet > div.grid3{
		width: 100%;
	}
	#home-content .tileBuilderSnippet > div.grid6:nth-of-type(2n+1),
	#home-content .tileBuilderSnippet > div.grid4:nth-of-type(3n+1),
	#home-content .tileBuilderSnippet > div.grid3:nth-of-type(4n+1){
		clear: none;
	}
}

/**************************************/
/******	BLOCK BTN TILE SNIPPET	******/
/**************************************/
#home-content .wcuTileBtn{
	position: relative;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	padding: 60px 20px 60px 20px;
	font-size: 2em;
	font-weight: bold;
	line-height: 1.4em;
	transition: all .2s ease-in-out;
	display: table;
	width: 100%;
}
#home-content .wcuTileBtn:hover{
	transform: scale(1.02);
	transition: all .2s ease-in-out;
}
#home-content .wcuTileBtn span{
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	text-align: center;
}
#home-content .wcuPurpleTile, #home-content .wcuPurpleTile:visited{
	background-color: #382140;
	color: #fff;
}
#home-content .wcuGrayTile, #home-content .wcuGrayTile:visited{
	background-color: #EEE;
	color: #6e3061;
}
@media only screen and (max-width:1400px){
	#home-content .wcuTileBtn{
		padding: 50px 20px 50px 20px;
		font-size: 1.6em;
	}
}
@media only screen and (max-width:800px){
	#home-content .wcuTileBtn{
		padding: 40px 20px 40px 20px;
	}
}
@media only screen and (max-width:768px){
	#home-content .wcuTileBtn{
		font-size: 2em;
	}
}
/**************************************/
/***	END BLOCK BTN TILE SNIPPET	***/
/**************************************/

/*-- START OF BUBBLE TEXT POP OUT --*/
.bubbleWrap {
	z-index: 1;
	display: inline-block;
	position: relative;
}
.bubbleTrigger {
	color: #6e3061;
	text-decoration: underline;
	cursor: pointer;
}
.bubbleInfo {
	position: absolute;
	background-color: #FFF;
	padding: 10px;
	box-shadow: 0 0 5px rgba(3, 3, 3, .5);
	border: 1px solid #AAA;
	border-radius: 5px;
	top: 32px;
	min-width: 320px;
}
.bubbleInfo:before {
	border-top: 8px solid transparent;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 8px solid #AAA;
	position: absolute;
	left: 15px;
	top: -15px;
	z-index: 2;
}
.bubbleInfo:after {
	border-top: 6px solid transparent;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 6px solid #FFF;
	position: absolute;
	left: 17px;
	top: -11px;
	z-index: 3;
}
.activeBubble {
	z-index: 9;
}

/*--START OF ACCORDION --- */
#accordion, .accordion {
	width: 100%;
	clear: both;
}
/*  REMOVE FIRST SELECTOR AFTER SWITCHING FROM I TO SPAN FOR FONT AWESOME FOR OMNI  */
/* #accordion h3 i, #accordion h3 span, .accordion h3 i, .accordion h3 span {
position: absolute;
left: 10px;
top: 15px;
} */
#accordion ul, .accordion ul {
	list-style-position: inside;
	margin-left: 15px;
}
#accordion ul li, .accordion ul li {
	margin-bottom: 10px;
}
#accordion h3, .accordion h3 {
	cursor: pointer;
	background-color: #fff;
	border: 1px solid #382140;
	padding: 10px 10px 10px 50px;
	color: #382140;
	margin: 16px 0;
	font-size: 1.2em;
	position: relative;
}
#accordion h3::after {
	background: 0 0;
}
.contentHolder .accordion h3::after {
	background: 0 0;
}
#accordion h3:hover, .accordion h3:hover {
	background-color: #F5F5F5;
}
#accordion>div, .accordion>div {
	padding: 0 16px 16px;
}
#accordion p:first-child, .accordion p:first-child {
	margin: 0 0 1em;
	padding: 0;
}
#accordion h3>a, .accordion h3>a, .accordion h3 a{
	text-decoration: none;
	color: #382140;
}
/*	PLUS/MINUS SIGN FOR ACCORDION	*/
#accordion .closed .vertical, .accordion .closed .vertical {
	transition: all 0.5s ease-in-out;
	transform: rotate(-90deg);
}
#accordion .closed .horizontal, .accordion .closed .horizontal {
	transition: all 0.5s ease-in-out;
	transform: rotate(-90deg);
	opacity: 1;
}
#accordion .opened, .accordion .opened {
	opacity: 1;
}
#accordion .opened .vertical, .accordion .opened .vertical {
	transition: all 0.5s ease-in-out;
	transform: rotate(90deg);
}
#accordion .opened .horizontal, .accordion .opened .horizontal {
	transition: all 0.5s ease-in-out;
	transform: rotate(90deg);
	opacity: 0;
}
#accordion h3 .circle-plus, .accordion h3 .circle-plus {
	height: 1em;
	width: 1em;
	font-size: 1em;
	opacity: 1;
	float: left;
	position: absolute;
	left: 15px;
	top: 50%;
	transform: translateY(-50%);
	margin-right: 15px;

}

.grid3 #accordion h3 .circle-plus, .grid3 .accordion h3 .circle-plus {
    left: 2px;
}

#accordion .circle-plus .circle, .accordion .circle-plus .circle {
	position: relative;
	width: 1em;
	height: 1em;
	border-radius: 100%;
	float: left;
}
#accordion .circle-plus .circle .horizontal, .accordion .circle-plus .circle .horizontal {
	position: absolute;
	background-color: #382140;
	width: 15px;
	height: 5px;
	left: 50%;
	margin-left: -7.5px;
	top: 50%;
	margin-top: -2.5px;
}
#accordion .circle-plus .circle .vertical, .accordion .circle-plus .circle .vertical {
	position: absolute;
	background-color: #382140;
	width: 5px;
	height: 15px;
	left: 50%;
	margin-left: -2.5px;
	top: 50%;
	margin-top: -7.5px;
}


/* --START OF JQUERY TAB CONTENT SWITCHER -- */
.tabContentSwitcher {
	float: left;
	width: 100%;
	padding: 0px 10%;
	position: relative;
	z-index: 10;
}
.tabContentSwitcher .tcsContainer {
	padding: 20px;
	float: left;
	width: 100%;
}
.tabContentSwitcher nav {
	padding: 20px;
	text-align: center;
}
.tabContentSwitcher nav a {
	border: 2px solid #6e3061;
	color: #6e3061;
	font-size: 1em;
	background: none;
	padding: 5px 20px;
	text-decoration: none;
	margin: 5px;
	font-family: "myriad-pro", Arial, sans-serif;
	text-transform: uppercase;
	display: inline-block;
}
.tabContentSwitcher nav a:hover{
	color: #FFF !important;
	background: #6e3061;
}
.tabContentSwitcher nav a:visited{
	color: #9033D8;
}
.tabContentSwitcher nav a.activeTab {
	color: #FFF;
	background: #6e3061;
}
.breadCrumb a, .btn, .homeButtons>a {
	text-decoration: none;
}
.tabContentSwitcher select, .tabContentSwitcher .tabBtn{
	display: none;
}
.tabContentSwitcher .grid5, .tabContentSwitcher .grid6, .tabContentSwitcher .grid7{
	padding: 10px 2%;
}
.tabContentSwitcher img{
	max-width: 100%;
}
@media screen and (max-width:1268px) {
	.tabContentSwitcher {
		padding: 0px 0px;
	}
}
@media screen and (max-width:768px) {
	.tabContentSwitcher nav a {
		width: 100%;
	}
}



/* --START OF JQUERY TABS -- */
.tabContainer {
	background-color: #fff;
	box-shadow: none !important;
}
.tabContainer .tabContentContainer {
	padding: 20px;
	border: 2px solid #382140;
	float: left;
	width: 100%;
}
.tabContainer nav {
	background-color: #fff;
	padding: 20px 20px 0;
}
.tabContainer nav a {
	text-decoration: none;
	text-shadow: 0 1px 0 #000;
	background-color: #fff;
	color: #382140;
	display: inline-block;
	padding: 10px 10px 5px;
	margin: 5px 5px 0;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border: 2px solid #382140;
	border-bottom: none;
}
.tabContainer nav a.activeTab {
	text-decoration: underline;
	background-color: #6e3061;
	color: #FFF;
	font-weight: bold;
}
.breadCrumb a, .btn, .homeButtons>a {
	text-decoration: none;
}
.tabContainer select, .tabContainer .tabBtn{
	display: none;
}
@media screen and (max-width:768px) {
	.tabContainer nav a {
		display: none
	}
	.tabContainer select {
		display: block;
		width: 100%;
		margin: 10px 0;
		padding: 5px
	}
	.tabContainer a.tabBtn, .tabContainer button.tabBtn{
		display: block;
		width: 100%;
		color: #FFF !important;
		margin-bottom: 20px;
		text-decoration: none;
		background-color: #6e3061;
		border: 2px solid #6e3061;
		border-bottom: 2px solid #6e3061;
	}
	.moccordion {
		width: 100%;
		clear: both;
		position: relative
	}
	.moccordion h3 span {
		position: absolute;
		left: 10px;
		top: 15px
	}
	.moccordion ul {
		list-style-position: inside;
		margin-left: 15px
	}
	.moccordion ul li {
		margin-bottom: 10px
	}
	.moccordion h3 {
		cursor: pointer;
		background-color: #f7f7f7;
		border: 1px solid #ccc;
		padding: 10px 10px 10px 30px;
		color: #522152;
		border-radius: 4px;
		box-shadow: 0 0 5px -1px rgba(0, 0, 0, .2), inset 0 3px 10px #fff;
		margin: 16px 0
	}
	#container .moccordion h3::after {
		background: 0 0
	}
	.moccordion h3:hover {
		background-color: #eee
	}
	.moccordion>div {
		padding: 0 16px;
		overflow: auto
	}
	.moccordion p:first-child {
		margin: 0 0 1em;
		padding: 0
	}
	.moccordion h3.selected>div {
		outline: 0
	}
}

/*******************************/
/****  BRAND TILE SWITCHER  ****/
/*******************************/

.tile-switcher {
	width: 100%;
	padding: 0px 10%;
}

.tile-content {
	width: 100%;
	border-bottom: 5px solid #6e3061;
	margin-bottom: 2em;
	padding: 1.25em;
}

/* let contents wrap around any images floated left */
.tile-content h2 {
	clear: none;
}

/* ***************
tile nav
*************** */

.tile-navigation {
	display: flex;
	flex-wrap: wrap;
	text-align: center;
}

.tile {
	text-transform: uppercase;
	text-decoration: none;
	margin-bottom: 1em;
	padding: 1.25em;
	width: calc(100% / var(--columns)); /* --columns is set on .tile-navigation by snippet XSL */
}

.tile h3 {
	font-size: 1.2em;
	letter-spacing: .05rem;
	margin: 0;
}

/* underline tile header when tile is selected */
.active-tile .title-underline {
	border-bottom: 3px solid #6e3061;
}

.tile img {
	display: block;
	transition: .3s ease;
}

/* pop out image when tile is active */
.active-tile img {
	transform: translate(.75em, .75em);
}

/* when tile is selected, image pops out and purple border appears behind;
can't set a pseudo-element on <img>, so we're setting it on this wrapper */
.tile-image-border {
	display: inline-block;
	position: relative;
	margin-bottom: 1em;
}

.tile-image-border::before {
	content: '';
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 3px solid #6e3061;
}

/* fallback for browsers that don't support :focus-visible;
needs #home-content for specificity over #home-content a:focus */
#home-content .tile:focus {
	outline: 3px dotted #b58bb5;
}

/* remove mouse focus style for browsers that support :focus-visible */
#home-content .tile:focus:not(:focus-visible) {
	outline: none;
}

/* add keyboard focus style for browsers that support :focus-visible */
#home-content .tile:focus-visible {
	outline: 3px dotted #b58bb5;
}

/* use JS to switch from tiles to native dropdown on mobile screens */
.tile-switcher .native-dropdown {
	display: none;
	font-size: 1em;
	width: 50%;
	min-width: 200px;
	margin: 1em auto 0px;
	padding: .5em 1em;
}

/* TILE MEDIA QUERIES */
@media screen and (max-width: 768px) {

	.tile-switcher .native-dropdown {
		display: block;
	}

	.tile-navigation {
		display: none;
	}

}

@media screen and (max-width: 1366px) {

	.tile-switcher {
		padding: 0;
	}

}

/*** UPCOMING EVENTS CALENDAR SNIPPET START ***/

#home-content .upcomingCalendarEvents{
	padding: 5% 5%;
	text-transform: uppercase;
	color: #EEE;
}
#home-content .upcomingCalendarEvents h2{
	text-align: center;
	margin-bottom: 7%;
}
#home-content .upcomingCalendarEvents h3{
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 0;
	clear: left;
	text-transform: uppercase;
	padding-top: 5px;
	display: inline;
}
#home-content .upcomingCalendarEvents h3::after{
	display: none;
}
#home-content .upcomingCalendarEvents p{
	font-size: .75em;
	margin-top: 0;
}
#home-content .upcomingCalendarEvents .eventMonth, #home-content .upcomingCalendarEvents .eventDate{
	text-align: center;
	display: block;
	font-weight: bold;
}
#home-content .upcomingCalendarEvents a .eventMonth, #home-content .upcomingCalendarEvents a .eventDate, 
#home-content .upcomingCalendarEvents .eventMonth, #home-content .upcomingCalendarEvents .eventDate{
	color: #FFE800;
	font-family: "Phonk", Arial, sans-serif;
}
#home-content .upcomingCalendarEvents .eventDate, #home-content .upcomingCalendarEvents a .eventDate{
	font-size: 1.8em;
	letter-spacing: .2rem;
}
#home-content .upcomingCalendarEvents .eventMonth, #home-content .upcomingCalendarEvents a .eventMonth{
	font-size: 1.3em;
	text-transform: uppercase;
	padding-top: 5px;
	letter-spacing: .1rem;
}
#home-content .upcomingCalendarEvents li{
	list-style-type: none;
}
#home-content .upcomingCalendarEvents > .grid3{
	padding: 0 5px;
	margin-bottom: 10px;
}
#home-content .upcomingCalendarEvents > .grid3:nth-of-type(4n+1){
	clear: left;
}
#home-content .upcomingCalendarEvents .dateContainer{
	padding: 0 10px;
	margin-right: 20px;
	float: left;
	padding: 0 10px;
	height: auto;
	min-height: 85px;
	border-right: 5px solid #FFE800;
	overflow: hidden;
	transition: background-color, .5s;
}
#home-content .upcomingCalendarEvents a, #home-content .upcomingCalendarEvents a h3, 
#home-content .upcomingCalendarEvents h3, #home-content .upcomingCalendarEvents p{
	color: #F5F5F5;
}
#home-content .upcomingCalendarEvents .grid4 li:hover a, 
#home-content .upcomingCalendarEvents .grid4 li:hover a h3, 
#home-content .upcomingCalendarEvents .grid4 li:hover a p{
	color: #FFE800;
	cursor: pointer;
}
#home-content .upcomingCalendarEvents .grid4{
	margin-bottom: 30px;
	padding: 0 5px;
}
#home-content .upcomingCalendarEvents .grid4:nth-of-type(3n+1){
	clear: left;
}

@media only screen and (max-width:1024px){
	#home-content .upcomingCalendarEvents .grid4{
		width: 50%;
	}
	#home-content .upcomingCalendarEvents .grid4:nth-of-type(3n+1){
		clear: none;
	}
	#home-content .upcomingCalendarEvents .grid4:nth-of-type(2n+1){
		clear: left;
	}
}
@media only screen and (max-width:768px){
	#home-content .upcomingCalendarEvents .grid4{
		width: 100%;
		margin-bottom: 40px;
	}
	#home-content .upcomingCalendarEvents .grid4 .grid3{
		width: 30%;
	}
	#home-content .upcomingCalendarEvents .dateContainer {
		min-height: 120px;
	}
	#home-content .upcomingCalendarEvents .eventMonth{
		padding-top: 20px;
	}
	#home-content .upcomingCalendarEvents h2 {
		margin-bottom: 20%;
	}
	#home-content .upcomingCalendarEvents .grid4:nth-of-type(1n+1){
		clear: none;
	}
}

/*** UPCOMING EVENTS CALENDAR SNIPPET END ***/

/************************************/
/*	FROM ORIGINAL OU MADE SNIPPETS	*/
/************************************/

/* Responsive data table */
.responsiveTable 
{
	width: 100%;
}
.responsiveTable tbody th
{
	background-color: #c1c1c1;
	color: #000;
}
.responsiveTable tbody td
{
	padding-left: 0.5em;
}
@media only screen and (max-width: 760px),
	(min-device-width: 320px) and (max-device-width: 759px)
{
	.responsiveTable, .responsiveTable tbody, .responsiveTable tbody tr th, .responsiveTable tbody tr td, .responsiveTable tbody tr
	{
		display: block; 
	}
	.responsiveTable tbody th
	{ 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	.responsiveTable tr
	{ 
		border: 1px solid #ccc;
	}
	.responsiveTable tbody td
	{ 
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%;
		min-width: 150px;
		text-align: left; /* override any alignment */
	}
	.responsiveTable td:before
	{ 
		position: absolute;
		left: 6px;
		width: 45%;
		padding-right: 10px; 
		white-space: nowrap;
		font-weight: bold;
	}
	.responsiveTable td:before 
	{ 
		content: attr(data-label);
	}
}

#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: "myriad-pro", Arial, sans-serif;
	line-height: normal;
	font-size: .975em;
}
.panelInfo span.panelTitle{
	position: absolute;
	bottom: 4px;
	left: 0;
	width: 100%;
	padding: 5px 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: 1.875em;
	padding-top: 15px;
}
.panel .backBtn{
	float: right;
	font-size: small;
}

/** expand list **/
.expandList details summary{
	cursor: pointer;
	text-decoration: underline;
	color: #6e3061;
}
.expandList details summary > p{
	display: inline;
}
#home-content details summary > p{
	color: #6e3061;
}
.expandList details > div{
	margin-left: 20px;
}

/** News **/
#home-content .newsContainer{padding-right: 10px;}
#home-content .news{
	background-color: #fff;
	padding: 0px 20px 20px 20px;
	border: 2px solid #382140;
}
#home-content .news p{color: #474747; border-bottom: 1px dotted #6e3061; margin-bottom: 5px; margin-top: 5px; padding-bottom: 5px;}
#home-content .news p:last-of-type{border-bottom: none;}
#home-content .news h4{margin-bottom: 5px;}

/** Announcements **/
#home-content .announcementsContainer{padding-right: 10px;}
#home-content .announcements h3{margin-bottom: 5px; margin-top: 0;}

/** Content Slides **/
#home-content .contentSlidesContainer{border:3px solid #ffe800;}
#home-content .contentSlides{background-color: #fff; padding: 20px; margin-top: 0px;}
#home-content .contentSlides h4{margin-top: 0; margin-bottom: 5px;}
#home-content .factsSlides .slides{padding: 0 10px; font-size: .9em; color: #474747;}
#home-content .factsSlides .slides li span:before{content: "\2022"; margin-right: 5px;}
#home-content .factsSlides .slides li span{margin-left: -10px; text-indent: 10px;}
#home-content .facts-control-nav li a.facts-active{color: #ffe800;font-weight:bold;}
#home-content .facts-control-nav li{display: inline-block;}
#home-content .facts-control-nav{margin-left: 0; background-color: #382140; text-align: center; margin-bottom: 0;}
#home-content .facts-control-nav li a{display: block; padding: 0 3px; cursor: pointer; color: #fff; margin: 0 5px 0 0;}

/** Image Slider **/
#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/slider/prev1.png); left: 1%;}
#home-content .flex-next{background: url(/images/slider/next1.png); right: 1%;}
#home-content .flex-direction-nav li a:hover{opacity: 1;}
#home-content .imageSlides ol{display: none;}
#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;
}

/** Large Image Slider **/
#home-content .flex-control-paging{position: relative; top: -25px;}
#home-content .flex-control-paging li a {
	width: 11px;
	height: 11px;
	background-color: #fff;
	-webkit-box-shadow: 0 0 1px rgba(0,0,0,.5);
	-moz-box-shadow: 0 0 1px rgba(0,0,0,.5);
	box-shadow: 0 0 1px rgba(0,0,0,.5);
	border-radius: 100%;
	margin: 0 5px;
}
#home-content .flex-control-paging li a.flex-active {background-color: #ffe800;}
#home-content .flex-control-nav{text-align: right; margin: 0; padding-right: 10px;}
#home-content .flex-control-nav a{text-indent: 999em;}
#home-content .flex-caption{
	margin: 0;
	padding: 5px 140px;
	color: #fff;
	font-family: "OpenSansSemibold";
	min-height: 75px;
	max-height: 75px;
	background-color: rgba(56,33,64,.85);
}
#home-content .flexsliderLarge .flex-direction-nav{display: none;}

/** Fancybox Video **/
#home-content .videoContainer {
	position: relative;
	width: auto;
	padding-right: 0px;
	z-index: 7;
}

/** Picture Grid **/
#home-content .pictureGridContainer{padding-right: 10px;}
#home-content .pictureGrid .grid12{margin-bottom: 10px;  position: relative;  padding: 0 5px;}
#home-content .pictureGrid .firstGrid .opaqueTitle{margin-right: 10px;}

#home-content .opaqueTitle span{color: #FFF;}

/** Black Overlay Button Links **/
#home-content .buttonLinks{text-align: center; padding-bottom: 10px;}
#home-content .buttonLinks a{
	text-decoration: none;
	padding: 80px 5px;
	display: block;
	font-weight: bold;
	font-size: 1.5em;
	color: #FFF;
	line-height: normal;
}
#home-content .buttonLinks a:hover{background-color: rgba(0,0,0,.5);}
#home-content .buttonLinks .grid12{background-size: cover; background-repeat: no-repeat;}
#home-content .buttonLinks .firstButton .grid12{
	background-image: url("../images/undergraduateButton.jpg");
	background-position: 0 -20px;
}
/*****************************************/
/*	END FROM ORIGINAL OU MADE SNIPPETS	*/
/****************************************/






/*****************************
******************************
End Snippets
******************************
*****************************/



/*****************************
******************************
Fancybox
******************************
*****************************/

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}
.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 8020;
}
.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.fancybox-opened {
	z-index: 8030;
}
.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer, .fancybox-inner {
	position: relative;
}
.fancybox-inner {
	overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}
.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}
.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}
.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url(../images/fancybox_sprite.png);
}
#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}
#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url(../images/fancybox_loading.gif) center center no-repeat;
}
.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}
.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url(blank.gif); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}
.fancybox-prev {
	left: 0;
}
.fancybox-next {
	right: 0;
}
.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}
.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}
.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}
.fancybox-nav:hover span {
	visibility: visible;
}
.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
	overflow: visible !important;
	width: auto;
}
.fancybox-lock body {
	overflow: hidden !important;
}
.fancybox-lock-test {
	overflow-y: hidden !important;
}
.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url(../images/fancybox_overlay.png);
}
.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}
.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}
.fancybox-opened .fancybox-title {
	visibility: visible;
}
.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}
.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 1.5em;
	white-space: nowrap;
}
.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}
.fancybox-title-inside-wrap {
	padding-top: 10px;
}
.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}
.FancyBoxText {
	width: 700px;
	padding: 0 20px 20px;
	max-width: 100%;
}
.fancybox-media img {
	box-shadow: 0 0 14px 1px rgba(0, 0, 0, .5);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (min--moz-device-pixel-ratio: 1.5),
	only screen and (min-device-pixel-ratio: 1.5){

		#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
			background-image: url(../images/fancybox_sprite@2x.png);
			background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
		}

		#fancybox-loading div {
			background-image: url(../images/fancybox_loading@2x.gif);
			background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
		}
	}