/* 
This is the section css for
School of Music 
*/

#home-wrapper, .headerWrapper, #footer, body{
	overflow: visible !important;
}
.headerWrapper{
	float: left;
	width: 100%;
}
#home-content h5{
	margin-top: 30px;
}
#home-content .invisible{
	display: none;
}
#home-content .centerText{
	text-align: center;
}

/** chat feature **/
.s-lch-widget-float{
	right: 75px !important;
	bottom: 42px !important;
}
.close-button{
	background-image: url(/music/images/somX.png) !important;
}
.popup-header .close-button{
	background-image: url(/music/images/somX.png) !important;
}
#home-content .accordion h3{
	padding-bottom: 10px;
}
#home-content .marchingNews .pdfIcon{
	display: none;
}
/*COVID*/
.covidMessage{
	padding: 40px;
	padding-left: 50px;
	background-color: #fff;
	float: left;
	width: 100%;
}
.insideMessage{
	padding-left: 20px;
	border-left: 5px solid #FF0000;
}
#home-content .insideMessage h3{
	font-size: 2.1em;
	text-transform: uppercase;
	color: #441F49;
	line-height: 1.1em;
}
#home-content .insideMessage h3, #home-content .insideMessage h3:after{
	border-bottom: none;
	background: none;
}
#hdnContent{
	display: none;
	padding: 20px;
	min-width: 600px;
	max-width: 1200px;
}
#hdnContent ul{
	margin-left: 20px;
}
.FancyBoxText ul{
	margin-left: 30px;
}
#home-content .grid8{
	padding-right: 20px;
}



#home-content .grid4 .grid6{
	padding-right: 20px;
}
#home-content .gridLeft{
	padding-right: 10px;
}
#home-content .centerBtns{
	text-align: center;
}
/**DIGITAL EXPERIENCE**/
#home-content #digitalExperience ul {
	background-image: linear-gradient(to bottom right, #441F49, #763775);
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	color: #FFF;
	font-weight: bold;
	list-style: none;
	margin-left: 0;
	padding: .5em 1em;
	width:98%;
}
#home-content #digitalExperience ul li:first-child {
	font-size: 1.2em;
	text-transform: uppercase;
}
#home-content #digitalExperience ul + p { margin-top: 0; }
#home-content #digitalExperience img {
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	width: 100%;
}
#home-content #digitalExperience a:hover img {
	filter: brightness(50%);
	-webkit-filter: brightness(50%);
}

#home-content #digitalExperience .videoContainer{
	margin-top: 0px;
}
/******************* GLOBAL CSS ***********************/
#home-content .imgRight{
	float: right;
	padding-left: 10px;
}
#home-content .imgLeft{
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
}
#home-content .imgCenter{
	display: block;
	margin: 0 auto;
}
#home-content .tileBuilderSnippet .grid3{
	padding-top: 20px;
}



#home-content .headlines .tileBuilderSnippet .grid4 p{
	text-align: center;
}
#home-content .videoContainer .playBtn{display: none;}
#home-content .playBtn{display: none;}

#home-content #accordion li{margin-bottom: 5px;}
#home-content #accordion li li{margin-bottom: 0;}

#home-content .left-column{
	margin-right: 20px;
}

#home-content .floatingImage{
	float: left;
	padding: 10px;
}

/**WIND CONDUCTING**/
#home-content #defaultAlumniSpotlight .grid2 p{
	text-align: center;
}

#home-content #defaultAlumniSpotlight .grid2 img{
	display: block;
	margin: 0 auto;
}
#home-content .scheduleList{
	list-style-type: none;
}
/**JAZZ PORTAL**/
#home-content .btnSet{
	width: auto;
}
#home-content .grid3{
	padding-right: 20px;
}
#home-content .enrollBtn{
	min-width: 300px;
	margin-right: 20px;
}
#home-content .enrollBtn span{
	font-size: .7em;
}

/**SAX CONFERENCE**/

#home-content .grid12 .saxRegistration{
	border: 5px solid #FFBD07;
	padding-top: 2px;
	margin-bottom: 5px;
	margin-top: 5px;
	text-align: center;
}

/***	NEW FACILITIES PAGE	***/
.hdnStory{
	display: none;
}
.showStory{
	display: block;
}
.facility{
	border-bottom: 2px solid #eee;
	margin-bottom: 10px;
	width: 100%;
}
#home-content .facilitiesPage{
	padding: 0px 40px;
}
#home-content .facilitiesPage .row-responsive{
	margin-top: 0px;
	margin-bottom: 0px;
}
#home-content .facilitiesPage .row-responsive:last-of-type{
	margin-bottom: 50px;
}

#home-content .facCard{
	width: 100%;
	padding: 30px 10px 10px 10px;
	transition: all .4s ease-in-out;
}
#home-content .facCard a{
	text-decoration: none;
}
#home-content .facCard img{
	display: block;
	margin: 0 auto;
}
#home-content .facCard .facilityName{
	font-weight: bold;
	font-size: 1.5em;
	text-align: center;
	color: #382140;
	text-decoration: none;
	margin-bottom: 5px;
}
#home-content .facCard .seeMore{
	font-size: 1em;
	text-align: center;
	color: #382140;
	text-decoration: none;
	margin-top: 0;
}
#home-content .madelineWingLink, #home-content .wareLink, #home-content .emilieKAsplundhLink, #home-content .philipsLink, #home-content .cmtLink, #home-content .presserLink{
	text-decoration: none;
	transition: all .4s ease-in-out;
}
#home-content .facCard:hover{
	transform: scale(1.02);
	transition: all .4s ease-in-out;
	background-color: #382140;
}
#home-content .facCard:hover .facilityName{
	color: #ffe800;
}
#home-content .facCard:hover .seeMore{
	color: #fff;
}




/**Faculty**/
#home-content .faculty p{
	text-align: center;
}
#home-content .faculty .innerWCUSplitBlock p{
	text-align: left;
}
#home-content .faculty .grid3{
	padding-left: 2px;
}
/******************* RIGHT SIDE BOXES (on many pages) ***********************/
#home-content .greyGrid{background-color: #eee; padding: 1px 10px 0px 10px; overflow: auto}
#home-content .greyGrid hr{border-color: #ddd;}

#home-content .sideBox{background-color: #eee; padding: 1px 10px 10px 10px; display: inline-block; width: 100%;}
#home-content .sideBox p{margin-top: 5px; font-size: .95em;}
#home-content .sideBoxMusic{padding: 1px 10px 10px 10px; display: inline-block; width: 100%;}
#home-content .socialMedia .row-responsive{
	margin: 0px !important;
	height: 35px !important;
}

#home-content .socialMedia .row-responsive .grid11 p{
	margin-left: 10px;
}

#home-content .socialMedia a{
	text-decoration: none;
	font-size: .95em;
	line-height: normal;
	font-weight: bold;
	color: #575757;
}
#home-content .socialMedia a:hover{
	text-decoration: underline;
	color: #763775;
}

#home-content .greyGrid a img{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/********** ORCHESTRA FESTIVAL **********/
#home-content .festivalHeader{
	float: left;
}

/********** PAINO COMP **********/
#home-content .pianoCompLogos{
	text-align: center;
	margin: 10px 0;
}
#home-content .pianoCompLogos img{
	display: block;
	margin: 0 auto;
	padding: 0 20px;
	max-width: 300px;
	width: 100%;
}

/********** BANDS **********/
#home-content .festivalClinicians img{
	display: block;
	margin: 0 auto;
}

@media only screen and (max-width:1240px){
	#home-content .socialMedia .row-responsive .grid11 p{
		margin-left: 10px;
	}

}
@media only screen and (max-width:768px){
	#home-content .socialMedia{margin-top: 10px;}
	#home-content .socialMedia .row-responsive .grid1{width: 7% !important;}
	#home-content .socialMedia .row-responsive .grid11{width: 50% !important;}
	#home-content .left-column{margin-right: 0px;}
}

/************************** DEFAULT PAGE ****************************/
#home-content .newsHeadlines p{
	padding-right: 20px;
}
#home-content #defaultAlumniSpotlight .grid3{
	padding: 10px;
}

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

	#home-content #defaultAlumniSpotlight .grid3{
		width: 50%;
	}
}

@media only screen and (max-width:596px){
	#home-content #defaultAlumniSpotlight .grid3{
		width: 100%;
		padding: 0px;
	}
}


/*MARCHING BAND*/
#home-content .grid12 .mainGrid .grid4 .fancybox-contentDS img{
	display: block;
	margin: 0 auto;
}

#home-content .marchingNews img + .docuIcon {
	display: none;
}
#home-content .givingSection{
	margin-top: 50px;
}
#home-content .bandHighlights .grid4:nth-of-type(4){
	clear:left;
}

/************************** MUSIC ENSEMBLES ****************************/
#home-content .purpleGrid p, #home-content .purpleGrid{color: #fff;}
#home-content .purpleGrid p a{
	color: #fff !important;
	text-decoration: none !important;
}

#home-content .purpleGrid h2{color: #fff;}
#home-content .purpleGrid h3{color: #fff;}
#home-content .purpleGrid h4{color: #fff;}
#home-content .purpleGrid{
	background-color: #441f49;
	clear: both;
	overflow: auto;

}

/************************ STAFF PAGES *****************************/
/*	removed, text-decoration needed for in-body links (ADA)
#home-content .staffImages a{text-decoration: none !important; color: #575757 !important;}
*/

@media only screen and (max-width:768px){
	#home-content .staffImages img{display: none !important;}
	#home-content .staffImages{
		margin-left: 0px;
		margin-right: 0px;
		display: inline;
	}
}
#home-content .grid12 .faculty .grid4{
	padding-right: 10px;
}
#home-content .facBtn{
	width: 100%;

}

/************************ CMT PAGE *****************************/

#home-content .cmtImages{
	padding: 5px;
}

#home-content h5{
	margin-bottom: 2px;
}

/************************ ALUMNI PAGES *****************************/
#home-content .alumniImages{
	float: left;
	padding: 10px;
}

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

/******************** Department News PAGE *************************/
#home-content #alumniSpotlight .alumniCarousel ul li{
	background-color: white;
}
#home-content #alumniSpotlight .alumniCarousel ul li img{
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#home-content #alumniSpotlight .alumniCarousel ul li p{
	text-align: center;
	line-height: 18px !important;
	margin: 0px !important;
}
#home-content #alumniSpotlight .alumniCarousel ul li p a{
	text-decoration: none !important;
	color: #575757 !important;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}

#home-content .studentSpotlight p a{
	text-decoration: none !important;
	color: #575757 !important;
}

@media only screen and (max-width: 600px){
	#alumniSpotlight .alumniCarousel .flexslider {
		display: block !important;
	}
}

@media only screen and (max-width: 480px){
	#alumniSpotlight .alumniCarousel .flexslider {
		display: block !important;
	}
}

/************************ DALI QUARTET PAGE *****************************/
@media only screen and (max-width: 768px){
	#home-content .daliQuartet .grid3{
		width: 50%
	}
}

/************************ STUDENT ENSEMBLE PAGE *****************************/

#home-content .studentEnsembles .grid3{
	margin: 20px 0;
	padding: 0 20px;
}


@media only screen and (max-width: 768px){
	#home-content .studentEnsembles .grid3{
		width: 50%;
	}
}

@media only screen and (max-width: 480px){
	#home-content .studentEnsembles .grid3{
		width: 100%;
	}
}


/************************ STUDENT ENSEMBLE PAGE *****************************/

#home-content .facilitiesImages{
	padding-right: 20px;
}

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

/************************ MARCHING BAND PAGE *****************************/

#home-content .marchingNews{
	padding-right: 20px;
}

/************************ ACADEMICS PAGE *****************************/

@media only screen and (max-width: 900px){
	#home-content .academicsPictureBtns .grid4 .gridTitle{
		font-size: 12px;
	}
}
@media only screen and (max-width: 768px){
	#home-content .academicsPictureBtns .grid4 .gridTitle{
		font-size: 14px;
	}
}

/*************************** CALENDAR ********************************/
#monthCalSelects + .grid3
{
	padding-right: 10px;
}
#monthCalSelects .btnMain
{
	opacity: .5;
}
#monthCalSelects .active{
	opacity: 1;
}
.calContainer
{
	position: relative;
}
#mainContentCal
{
	position: relative;
}
#monthView.hidden, #listCal.hidden
{
	position: absolute;
	top: -10000px;
	left: -10000px;
}

/** jazz fest **/
#home-content .jazzFest .grid4{
	padding: 0 10px;
}
#home-content .jazzFest .grid4 > p{
	font-size: 1em;
	margin: 10px 0;
}
#home-content .jazzFest .grid4 > h3{
	margin: 5px 0;
}
#home-content .jazzFest .jfLearnMore{
	text-align: center;
	display: block;
}
@media only screen and (max-width: 768px) {
	#home-content .jazzFest .wrtiLogo {
		padding: 5%;
		width: 50%;
	}
	#home-content .jazzFest .wrtiText {
		text-align: center;
	}
}

/**Samuel Barber**/

#home-content .samuelBarber h2{
	font-size:2.2em;
}
#home-content .samuelBarber .tabContentSwitcher nav a{
	font-size: 1.5em;
	padding: 10px;
}
#home-content .sBarberSection{
	padding-top: 20px;
}
#home-content .sBarberHeader{
	color: #763775;
	padding-top: 10px;
	clear: left;
	font-size: 1.2em;
}
#home-content .noList{
	list-style-type: none;
	margin-left: 0;
}
#home-content .homepage, #home-content  .mainGrid{
	padding: 30px;
}
#home-content h3.faqPara{
	font-size: 2em;
	color: #ffe800;
	font-weight: bold;
	text-transform: uppercase;
	padding: 10px;
}

#home-content .btnPad2 .grid6 {
	padding: 0px 20px;
}

#home-content .lightPurpleBtn {
	position: relative;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	padding: 80px 20px 80px 20px;
	font-family: "Phonk", Arial, sans-serif;
	font-size: 2.5em;
	font-weight: bold;
	line-height: 1.4em;
	letter-spacing: .05em;
	transition: all .2s ease-in-out;
	display: table;
	width: 100%;
}

#home-content .lightPurpleBtn, #home-content .lightPurpleBtn:visited {
	background-color: #6e3061;
	color: #ffe800;

}

#home-content .lightPurpleBtn span.secondLine {
	font-size: .7em;
	color: #fff;
	font-family: myriad-pro, Arial, sans-serif;
}

#home-content .lightPurpleBtn:hover{
	transform: scale(1.02);
	transition: all .2s ease-in-out;
}
#home-content p.wsmiRegistration{
	font-size: 1.2em;
	font-weight: bold;
}



/* Remove pdfIcons after pdf Thumbnails */
#home-content #defaultAlumniSpotlight .grid3 img + .docuIcon {
	display: none;
}

/*************************** MUSICNEWS ********************************/
#home-content #musicNews .tileBuilderSnippet > .grid4 {
	margin-bottom: 1em;
}
#home-content #musicNews .tileBuilderSnippet > .grid4 > img {
	width: 100%;
}

/** events calendar **/
#home-content #fullCalendar .searchFilters > div{
	margin-bottom: 20px;
	padding: 0 5px;
}
#home-content #fullCalendar .searchFilters label{
	font-weight: bold;
}
#home-content #fullCalendar .searchFilters input{
	width: 100%;
}
#home-content #fullCalendar #loader{
	font-size: 1.5em;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	color: #382140;
}
#home-content #fullCalendar .fc-scroller{
	overflow-x: scroll !important;
}
#home-content #fullCalendar .fc-header-toolbar button:focus{
	outline: #382140 dotted 3px;
	box-shadow: none;
}
#home-content #fullCalendar .fc-button{
	background-color: #6e3061;
}
#home-content #fullCalendar .fc-button:hover{
	background-color: #382140;
}
#home-content #fullCalendar .fc-button.fc-button-active{
	background-color: #382140;
}
#home-content #fullCalendar .fc-event-time{
	overflow: visible;
}
#home-content #fullCalendar .eventDescription{
	font-size: .75em;
	font-style: italic;
}
#home-content #fullCalendar .fc-event-main{
	padding: 0 5px;
	white-space: normal;
}
#home-content #fullCalendar .fc-event-main a,
#home-content #fullCalendar .fc-event-main a:visited{
	color: #FFF;
}
.hostInfo{
	margin-top: 0;
	margin-bottom: 10px;
}

/********* ACADEMICS ***********/
#home-content .programs .grid4,
#home-content .programs .grid3{
	padding: 0 20px;
}
#home-content .programs .grid4 > .grid12,
#home-content .programs .grid3 > .grid12{
	position: relative;
}
#home-content .programs .grid4 h4,
#home-content .programs .grid3 h4{
	background-color: #382140;
	color: #ffe800;
	text-align: center;
	text-transform: uppercase;
	padding: 5px;
	padding-top: 10px;
	margin: 0;
}
#home-content .programs .grid4 h4 a,
#home-content .programs .grid4 h4 a:visited,
#home-content .programs .grid3 h4 a,
#home-content .programs .grid3 h4 a:visited{
	color: #ffe800;
}
#home-content .programs .grid4 img,
#home-content .programs .grid3 img{
	width: 100%;
}

#home-content .programs .programLinks{
	position: absolute;
	bottom: 5px;
	left: 0;
}
#home-content .programs .programLinks p{
	margin: 0;
	background: #6e3061;
}
#home-content .programs .programLinks a{
	display: inline-block;
	color: #FFF;
	padding: 10px 20px;
	margin: 0;
	text-align: center;
}
#home-content .programs .programLinks.twoLinks a{
	width: 50%;
	min-height: 116px;
	border-right: 1px solid #ffe800;
}
#home-content .programs .programLinks.oneLink a{
	width: 100%;
}
#home-content .programs-II{
	float: left;
	width: 100%;
	display: block;
	margin-bottom: 60px;
}
#home-content .programs-II .grid4 h4{
	min-height: 73.5px;
}
#home-content .programs-II .program-sub-head{
	background: #382140;
	color: #fff;
	text-align: center;
	font-weight: bold;
	font-size: 1.2em;
	min-height: 80px;
	padding: 10px 0px;
	margin: 0px 0px;
}
#home-content .programs-II .programLinks{
	position: relative;
	bottom: auto;
	width: 100%;
}
#home-content .programs-II .programLinks.twoLinks a{
	float: left;
	background: #6e3061;
}
#home-content .programs-II .programLinks.twoLinks a:last-of-type, #home-content .programs .programLinks.twoLinks a:last-of-type{
	border-right: none;
}
#home-content .programs-II p.programLinkInfo{
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
	color: #382140;
}

@media only screen and (min-width:1670px) {
	#home-content .programs .programLinks .grid7 a{
		padding: 21px 20px;
	}
}

@media only screen and (max-width:1117px) {
	#home-content .fc-isAMonth-button,
	#home-content .fc-isAList-button {
		margin-top: 10px;
	}
	#home-content #sideMenu {
		margin-top: 68px;
	}
	#home-content .calendarSearch input[type=text], #home-content .dateSearch input[type=text] {
		width: 15em;
	}
}

@media only screen and (max-width:900px){
	#home-content .calendarSearch, #home-content .dateSearch {
		display: block;
	}
	#home-content .dateSearch {
		margin-left: 0;
	}

	#home-content .calendarSearch input[type=text],
	#home-content .dateSearch input[type=text] {
		margin-left: 1px;
		width: 70%;
	}
	#home-content .fc-isAMonth-button,
	#home-content .fc-isAList-button {
		margin-top: 0;
	}
	#home-content #loader{
		top: 720px;
		width: 93%;
		height:58%;
	}
	#home-content #sportsLoader{
		top: 620px;
		width: 93%;
		height:58%;
	}
}

@media only screen and (max-width:840px) {
	.horizontalMenu .tinynav {
		display: block;
		cursor: pointer;
	}

	.horizontalMenu {
		background-color: transparent;
		background-image: none;
	}

	.horizontalMenu ul {
		display: none;
	}
	#home-content #sideMenu {
		margin-top: 0;
	}
}

@media only screen and (max-width: 768px) {
	#home-content #musicNews .tileBuilderSnippet > .grid4 {
		width: 100%;
	}

	/********* ACADEMICS ***********/
	#home-content .programs .programLinks .grid5 a{
		margin-right: 0;
	}
	#home-content .programs .programLinks{
		bottom: 0;
	}
	
	/** events calendar **/
	#home-content #fullCalendar .fc-toolbar-chunk{
		padding: 0 5px;
	}
	#home-content #fullCalendar .fc-toolbar-title{
		text-align: center;
	}
	#home-content #fullCalendar .fc-button{
		width: 100%;
		margin: 2px 0;
	}
	#home-content #fullCalendar .fc .fc-button-group{
		display: flex;
	}
	#home-content #fullCalendar .fc-direction-ltr .fc-toolbar > * > :not(:first-child){
		margin: 0;
	}
}

@media only screen and (max-width:692px) {
	#home-content .fc-isAMonth-button,
	#home-content .fc-isAList-button {
		margin-top: 10px;
	}
}

@media only screen and (max-width:550px) {
	#home-content .calendarSearch input[type=text],
	#home-content .dateSearch input[type=text] {
		width: 64%;
	}
}

@media only screen and (max-width:401px) {
	#home-content .fc-right {
		width: 70%;
		text-align: center;
	}
	#home-content .fc-left {
		margin-bottom: 10px;
	}
}





/************************/
/*	NEW MUSIC HOME PAGE	*/
/************************/

/* hide page title and contact us bar */
#home-content .pageWrapper{
	position: relative;
	padding-bottom: 0;
}

/*	Arts Background	*/
#artsBackground{
	background-image: url('../images/arts1.jpg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	/* 	height: 1200px; */
}

/*	FLEXSLIDER	*/
#home-content .flexsliderLarge img{
	width: 100%;
}
#home-content .flex-caption{
	padding: 5px 140px 20px 80px;
	max-height: 120px;
	background-color: rgba(56,33,64,.85) !important;
	text-align: center;
}
#home-content .flex-caption a{
	color: #FFE800;
	text-transform: uppercase;
	padding: 6px;
	font-weight: bold;
	margin-top: 10px;
	font-size: 1.2em;
	transition: 0.6s;
	transition-timing-function: ease-in-out;
	font-family: "myriad-pro", Arial, sans-serif;
}


/*	NEW ARTS PAGE	*/
#home-content #newArts .row-responsive{
	margin-top: 0;
	margin-bottom: 0;
}
#home-content #newArts h2{
	font-size: 4em;
	line-height: 1.1em;
	font-weight: initial;
	text-align: center;
	color: #fff;
}
#home-content #newArts h2 span{
	font-weight: bold;
}
#home-content #newArtsOption .row-responsive{
	margin-top: 0;
	margin-bottom: 0;
}
#home-content #newArtsOption h2{
	font-size: 3.7em;
	line-height: 1.1em;
	font-weight: initial;
	text-align: center;
	color: #fff;
}
#home-content #newArtsOption h2 span{
	font-weight: bold;
}
#home-content #artsTop{
	padding-bottom: 20px;
}
#home-content #artsTop .grid8{
	padding-right: 10px;
}
#home-content #artsTop .grid4{
	padding-left: 10px;
}
#home-content #artsMid{
	padding: 0px;
	float: left;
}
#home-content #newArtsOption #artsMid{
	background: rgba(0, 0, 0, .75);
	border: solid 1px rgba(238, 238, 238, .2);
}
#home-content .contentBoxes .topicBox{
	position: relative;
}
#home-content .contentBoxes h3{
	border-bottom: none;
	margin-bottom: 0px;
	padding-bottom: 10px;
	text-align: center;
	font-size: 1.7em;
	/* 	color: #fff; */
	/*FOR TEST*/
	color: #FFBD07;
}
#home-content .contentBoxes h3:after{
	background: none;
}
#home-content .contentBoxes p{
	color: #fff;
}
#home-content .contentBoxes .grid6{
	padding: 20px;
}#home-content #newArtsOption .contentBoxes .grid6{
	padding: 10px 5px 10px 5px;
}
#home-content #newArts .contentBoxes .grid6:first-of-type{
	padding-left: 0;
}
#home-content #newArts .contentBoxes .grid6:last-of-type{
	padding-right: 0;
}
#home-content #newArtsOption .contentBoxes .grid6{
	padding: 20px
}
#home-content #newArts .contentBoxes .topicBox{
	background: rgba(0, 0, 0, .75);
	border: solid 1px #fff;
}
#home-content #newArtsOption .contentBoxes .topicBox{
	width: 100%;
}
#home-content .contentBoxes .topicBox > div{
	padding: 0px 20px 70px 20px;
}
#home-content #newArtsOption .contentBoxes .topicBox > div{
	padding: 0px 20px 40px 20px;
}
#home-content #newArtsOption .contentBoxes:last-of-type{
	padding-bottom: 40px;
}
#home-content #newArts .contentBoxes .topicBox a{
	text-align: center;
	width: 100%;
	display: block;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	background: #441F49;
	border: .2px solid #FFF;
	padding: 10px;
	font-weight: bold;
	position: absolute;
	bottom: 0;
}
#home-content #newArts .contentBoxes .topicBox a:hover{
	background: #341738;
	color: #D9AA2A;
}

#home-content #newArtsOption .contentBoxes .topicBox a{
	text-align: center;
	width: 80%;
	display: block;
	margin: 0 auto;
	margin-top: 5px;
	color: #441F49;
	text-decoration: none;
	text-transform: uppercase;
	background: #fff;
	border: .2px solid #441F49;
	padding: 10px;
	font-weight: bold;
	transition: 0.6s;
}
#home-content #newArtsOption .contentBoxes .topicBox a:hover{
	background: #441F49;
	color: #fff;
	transition: 0.6s;
}




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

#home-content .grid9{
	padding-right: 2%;
} 


/******	RSS FEED	******/
#home-content #artsFeed .grid4:nth-of-type(3n+1){
	clear: left;
}
#home-content #artsFeed .grid4:nth-of-type(n+4){
	display: none;
}
#home-content #studentSuccessFeed .grid4:nth-of-type(3n+1){
	clear: left;
}
#home-content #studentSuccessFeed .grid4:nth-of-type(n+4){
	display: none;
}
#home-content .facNewsSection{
	float: left;
	width: 100%;
	display: block;
}


#artsFeed, #studentSuccessFeed{
	padding-bottom: 30px;
	border-bottom: 5px solid #FFE800;
	float: left;
}
#rssNews .grid10{
	padding-right: 7%;
	padding-left: 20px;
}
#home-content .grid2 .stickyBtn{
	position: sticky;
	position: -webkit-sticky;
	top: 40px;
	left: 0;
	padding: 10px 30px;
	margin: 37px 0px;
	font-size: .8em;
	width: auto;
}
#home-content .centerContent .leftStay{
	text-align: left;
}
.artSocialBar{
	width: 100%;
	display: block;
	background-color: #6e3061;
	text-align: center;
	padding: 10px;
	float: left;
	margin-top: 0px;
}
#home-content .artSocialBar p{
	margin: 0px 0px;
}
.socialLogo, .artSocialBar img{
	display: inline-block;
	margin-right: 5px;
	max-width: 45px;
}

#home-content #upcomingEvents .artJSEvents{
	display: flex;
	flex-wrap: wrap;
}
#home-content #upcomingEvents .artJSEvents li{
	flex: 33%;
}


@media screen and (max-width: 768px){
	#home-content #rssNews{
		display: block;
	}
	#home-content #upcomingEvents .leftDate{
		margin-bottom: 20px;
	}
	#home-content #upcomingEvents .artJSEvents{
		display: block;
		flex-wrap: none;
	}
	#home-content #upcomingEvents .artJSEvents li{
		flex: 100%;
		width: 100%;
	}
}


/*****************************************************/
/*****************************************************/
/*					NEW BRAND CSS					*/
/*****************************************************/
/*****************************************************/
#home-wrapper, .headerWrapper, #footer, body{
	overflow: visible !important;
}
.headerWrapper{
	float: left;
	width: 100%;
}
#hpVidBox{
	margin-top: -10px;
}
#hpVidBox .grid8{
	padding-right: 30px;
}
#home-content .newsAnnouncements .row-responsive:first-of-type{
	display :flex;
}
#home-content .newsAnnouncements .row-responsive > .grid10:first-of-type{
	padding-right: 7%;
	border-bottom: 5px solid #FFE800;
}
#home-content .newsAnnouncements .row-responsive > .grid10 h5{
	text-align: left;
}
#home-content .newsAnnouncements .row-responsive > .grid10 .grid4{
	padding: 20px 20px 20px 0px;
}
.grid2 .stickyBtn{
	position: sticky;
	position: -webkit-sticky;
	top: 40px;
	padding: 10px 30px;
	margin: 37px auto;
	font-size: .8em;
}
.centerH2{
	text-align: center;
}
.centerContent .grid4{
	padding: 0px 10px;
}
.purplePara, .pyPara2, .pyPara1{
	padding: 3.5%;
}
#home-content .split6, #home-content .split6 .grid6{
	padding: 2.5% 5%;
}
#home-content .split6 .btn:visited{
	color: #fff;
}
.pyPara2, .pyPara1, .wcuSplitBlockContainer:row-respponsive:first-of-type{
	display: flex;
}
.pyPara2 .grid6:first-of-type, .pyPara1 .grid6:last-of-type{
	background-color: #FFE800;
}
.pyPara2 .grid6:last-of-type, .pyPara1 .grid6:first-of-type{
	background-color: #382140;
	height: 100%;
}


#home-content .double-cont .row-responsive > .grid6:first-of-type{
	padding: 0px 0px 0px 0px;
}
#home-content .double-cont .grid6:first-of-type .sub-grid{
	background-color: #ffe800;
	height: 100%;
	padding: 1.75%;
	width: 50%;
	float: left;
}
#home-content .double-cont .grid6:first-of-type .sub-grid:first-of-type{
	padding-left: 3.5%;
}
#home-content .double-cont .grid6:first-of-type .sub-grid:last-of-type{
	padding-right: 3.5%;
}
#home-content .ovBlockContainer a:visited{
	color: #382140;
}
#home-content  .brand-spotlight h2{
	text-align: center;
}
#home-content .contentSlides > h4{
	display: none;
}

#home-content .final-center{
	padding-top: 0px;
}
#home-content .splitImg-8 .contentSlidesContainer{
	border: 0px;
	padding: 0% 5% 2.5% 5%;
}
#home-content .splitImg-8 .slides{
	margin-bottom: 30px;
}
#home-content .splitImg-8 .slides .grid8 h3:first-of-type{
	margin-top: 10px;
	color: #6e3061;
}
#home-content .splitImg-8 .slides .grid8 p:first-of-type, #home-content .splitImg-8 .slides .grid8 .wcuLink{
	font-weight: bold;
	color: #382140;
}
#home-content .splitImg-8 .slides .grid8 p strong{
	color: #382140;
}

/** wind-band-symposium **/
#home-content p.windSchedulePadding{
	padding-left: 30px;
}



/********************************/
/** AUDITION REQUIREMENTS PAGE **/
/********************************/
#audtion-requirements-page, #instrument-audition-section, #requirements-section, .top-section{
	float: left;
	width: 100%;
	display: block;
}
.top-section{
	padding: 2% 3.5%;
	padding-top: 1%;
}
.top-section .grid4{
	padding-left: 30px;
	padding-top: 30px;
}
#requirements-section{
	padding: 2.5% 10%;
}
#instrument-audition-section{
	padding: 2.5% 25% 0% 25%;
}
#instrument-audition-section .grid6, #requirements-section .grid6{
	padding: 0px 20px;
}
#instrument-audition-section .grid6 label{
    font-size: 1.3em;
    font-weight: bold;
    color: #fff;
    background-color: #6e3061;
    padding: 10px;
    display: block;
}
#instrument-audition-section .grid6 select{
	padding: 10px;
	width: 100%;
}
.ar-line{
/* 	margin-top: 40px; */
}

/**************************************/
/** END - AUDITION REQUIREMENTS PAGE **/
/**************************************/



@media only screen and (max-width:768px){
	#home-content h2, #home-content .psuedoHead2{
		font-size: 1.7em;
	}
	#home-content .newsAnnouncements h2{
		font-size: 1.4em;
	}
	#home-wrapper, .headerWrapper, #footer, body{
		overflow: hidden;
		overflow-x: hidden !important;
		width: 100%;
		max-width: 100%;
	}
	.headerWrapper{
		overflow: hidden !important;
	}
	.purplePara{
		padding: 20% 5% 20% 5%;
	}
	.pyPara2, .pyPara1, .wcuSplitBlockContainer:row-respponsive:first-of-type{
		display: block;
	}
	.pyPara2 .grid6:first-of-type{
		background-color: #382140;
	}
	.pyPara2 .grid6:last-of-type{
		background-color: #FFE800;
	}
	#home-content .double-cont .grid6:first-of-type .sub-grid{
		background-color: #ffe800;
		padding: 1.75%;
		width: 100%;
	}
	#home-content .double-cont .sub-grid p:first-of-type{
		margin-bottom: 0px;
	}
	#home-content .double-cont .sub-grid p:last-of-type{
		margin-top: 0px;
	}
	#home-content .newsAnnouncements .row-responsive:first-of-type{
		display :block;
	}
	#home-content .newsAnnouncements{
		float: left;
		padding: 3.5%;
		width: 100%;
		max-width: 100%;
	}
	#home-content .newsAnnouncements .grid2 .stickyBtn{
		position: relative;
		top: auto;
		display: inline-block;
		margin: 0 auto;
	}
	#home-content .newsAnnouncements .grid2{
		text-align: center;
	}
	#home-content .newsAnnouncements .grid10{
		padding-right: 0;
	}
}






/*********	OLD - get rid of?	***********/
@media only screen and (max-width:1440px){
	#home-content #artsTopSection .flexsliderLarge div.flex-caption>p{
		font-size: 1.5em;
	}
}



@media only screen and (max-width:1280px){
	#home-content #artsTop .flex-caption{
		padding: 5px 120px 20px 70px;
		max-height: 110px;
	}
}

@media only screen and (max-width:1040px){
	#home-content #artsTop .flex-caption{
		padding: 5px 60px 20px 50px;
		max-height: 150px;
	}
	#home-content #artsTop .grid4{
		width: 100%;
		padding-left: 0px;
	}
	#home-content #artsTop .grid8{
		width: 100%;
		padding-right: 0px;
	}
	#home-content #arts19 #artsGhostBox{
		display: block;
		position: initial;
		top: auto;
		right: auto;
		float: left;
		width: 100%;
		margin-top: -30px;
	}
	#home-content #arts19 #artsMidSection{
		padding: 0px;
		float: left;
		margin-top: 10px;
	}
	#artsTopSection .flex-caption{
		height: auto;
		max-height: 100px;
		background: linear-gradient(to bottom,  rgba(137,255,241,0) 0%,rgba(0,0,0,1) 100%) !important;
		padding-left: 10px;
		padding-bottom: 20px;
		max-height: 150px;
	}
	#home-content #artsTopSection .flexsliderLarge div.flex-caption>p a{
		font-size: .6em;
	}
	#home-content #artsTopSection .flexsliderLarge div.flex-caption>p{
		margin-top: 10px;
		margin-bottom: 20px;
		font-size: 2.2em;
	}
}
@media only screen and (max-width:768px){
	#home-content h2, #home-content .psuedoHead2{
		font-size: 1.7em;
	}
	#home-wrapper, .headerWrapper, #footer, body{
		overflow: hidden;
		width: 100%;
	}
	#home-content .commNewsItem figure{
		max-width: 100%;
	}
	#home-content .commNewsItem figure img{
		width: 100%;
	}
	#home-content #rssNews .grid2{
		text-align: center;
		padding-right: 0px;
	}
	#home-content #rssNews .grid10{
		padding-right: 0px;
	}
	#home-content .newsAnnouncements, #home-content #rssNews{
		float: left;
		padding: 3.5%;
		width: 100%;
		max-width: 100%;
	}
	#home-content .newsAnnouncements h2{
		font-size: 1.5em;
	}
	#home-content .contentBoxes .topicBox .nodial a , #home-content .noDial a{
		display: initial;
		padding: 0;
		border: none;
		background: initial;
	}
	#home-content .contentBoxes .grid6{
		padding: 0px;
		margin-bottom: 20px;
	}
	#home-content #artsTopSection .flex-caption{
		position: relative;
		background: #441F49 !important;
	}
	#home-content #artsTopSection .flexsliderLarge div.flex-caption>p{
		position: relative;
		bottom: auto;
		margin-top: 5px;
		margin-bottom: 5px;
		padding-bottom: 15px;
	}
	#home-content #arts19 #artsGhostBox .grid6{
		width: 50%;
		margin-top: 10px;
	}
	#home-content #arts19 .commNewsItem img{
		display: block;
		margin: 0 auto;
		float: none;
	}
	#home-content #arts19 .grid8 .bottomLink{
		margin: 10px 10px 20px 0px;
	}
	#home-content #arts19 #artsTitleBox{
		top: 0;
		left: 0;
	}
	#home-content #arts19 #artsTitleBox h3{
		padding: 10px;
		font-size: 1.7em;
	}
	#home-content #arts19 #artsMidSection .grid4{
		padding: 10px 30px;
	}
	#backToTopDS{
		bottom: 120px !important;
	}
	#home-content .gridLeft{
		padding-right: 0;
	}
}



#accordion ul li, .accordion ul li {
    margin-bottom: 0px;
}