/* 
This is the section css for
Youth Empowerment and Urban Studies 
*/


/* side menu */
#home-content .hideMenu{
	display: none;
}
#home-content .sideLinks{
	margin-top: 10px;
	padding-right: 20px;
	position: -webkit-sticky;
	position: sticky;
	top: 20px;
}
#home-content .sideLinks .grid12{
	margin: 0;
	background-color: #fff;
}
#home-content .sideLinks a{
	display: block;
	padding: 10px;
	text-decoration: none;
	color: #575757;
	font-weight: bold;
	padding-left: 13px;
	border-bottom: 1px solid #DDD;
	border-right: 1px solid #DDD;
}
#home-content .sideLinks > .grid12:first-of-type > a{
	border-top: 1px solid #DDD;
}
#home-content .sideLinks .subSideLink{
	font-size: .9em;
	padding: 5px 10px 3px 30px;
	border-left: 0;
	font-weight: bold;
	text-indent: -10px;
	line-height: 20px;
}
#home-content .sideLinks .subSideLink:before{
	content: "\203A"; 
	padding-right: 5px; 
	position: relative;
	top: -1px;
	color: #6e3061;
}
#home-content .sideLinks .grid12 a:hover{
	color: #6e3061;
	border-left: 3px solid #FFE800;
}
#home-content .sideLinks .activeSideLink{
	color: #6e3061;
	border-left: 3px solid #6e3061;
}
#home-content .inactive{
	display: none;
}
#home-content .active{
	display: block;
}



/*NEW HOMEPAGE*/

.contact{
	max-width: 600px;
}
.hideMenu{
	display: none;
}

#home-content .greyGrid{
	background-color: #eee;
	padding: 20px;
}
#home-content .grid12 .accordion h3{
	margin-top: 0px;
}
#home-content .ruccasStudents{
	padding: 0 10%;
}
#home-content .ruccasStudents img{
	display: block;
	margin: 20px auto;
}


/*	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*/
}
#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	*/
#home-content .calendarBox{
	float: left;
	background: rgba(0, 0, 0, .75);
	width: 100%;
	overflow-y: scroll;
	border: solid 1px rgba(238, 238, 238, .2);
	padding: 0px 20px 20px 20px;
}
#home-content .calendarBox h3{
	border-bottom: none;
	margin-bottom: 0px;
	padding-bottom: 10px;
	text-align: center;
	font-size: 1.7em;
	color: #FFBD07;
}
#home-content .calendarBox h3:after{
	background: none;
}
#home-content .calendarBox h4{
	margin: 10px 0px;
	padding-bottom: 10px;
	text-align: center;
	font-size: 1.3em;
	color: #FFBD07;
	border-bottom: 3px solid #fff;
}


#home-content #arts19 #artsTopSection{
    position:relative;
    overflow:hidden;
}
#home-content #arts19 #artsTitleBox{
	background-color: #441F49;
	position: absolute;
	top: 30px;
	left: 60px;
	z-index: 3;
}
#home-content #arts19 #artsTitleBox h3{
	border-bottom: none;
	color: #FFBD07;
	margin-top: 0;
	margin-bottom: 0;
	padding: 30px;
	font-size: 2.7em;
	
	
}
#home-content #arts19 #artsTitleBox h3:after{
	background: none;
}
#home-content #arts19 #artsGhostBox{
/* 	background-color: rgba(0, 0, 0, .75); */
	position: absolute;
	top: 60px;
	right: 50px;
	z-index: 3;
}
#home-content #arts19 #artsGhostBox #ghostInner{
	padding: 20px 60px 20px 30px;
	background-color: rgba(0, 0, 0, .75);
}
#home-content #arts19 #artsGhostBox h3{
	border-bottom: none;
	color: #FFBD07;
	margin-top: 0;
	padding-bottom: 0;
	font-size: 1.4em;
}
#home-content #arts19 #artsGhostBox h3:after{
	background: none;
}
#home-content #arts19 #artsGhostBox li, #home-content #arts19 #artsGhostBox ul{
	list-style-type: none;
	margin-left: 0;
}
#home-content #arts19 #artsGhostBox a{
	color: #fff;
	text-decoration: none;
}
#home-content #arts19 #artsGhostBox a:hover{
	text-decoration: underline;
}
#home-content #arts19 #artsGhostBox .grid6 a{
	display: block;
	background-color: #441F49;
	color: #FFBD07;
	font-weight: bold;
	padding: 10px 1px;
	width: 100%;
	text-align: center;
	border: 1px solid rgba(0, 0, 0, .75);
	text-transform: uppercase;
	font-size: .9em;
}
#home-content #arts19 #artsGhostBox #ghostInner .grid12{
	margin-bottom: 20px;
}
#smBox p{
	text-align: left;
}
#smBox img{
	width: 47px;
	margin-top: 10px;
}
#smBox a{
	margin-right: 10px;
}
#smBox a:last-of-type{
	margin-right: 0px;
}


/*	CALENDAR FOR THIRD REDESIGN	*/
#home-content #arts19 .calendarBox{
	float: left;
	background: #eee;;
	width: 100%;
	overflow-y: scroll;
	border: none;
	padding: 0px 20px 20px 20px;
}
#home-content #arts19 .grayBox h3{
	border-bottom: none;
	margin-bottom: 20px;
	margin-top: 10px;
	font-size: 1.9em;
	color: #441F49;
	text-align: left;
	text-transform: uppercase;
	font-weight: bolder;
}
#home-content #arts19 .grayBox h3:after{
	background: none;
}
#home-content #arts19 .calendarBox h4{
	margin: 10px 0px;
	padding-bottom: 10px;
	text-align: center;
	font-size: 1.3em;
	color: #FFBD07;
	border-bottom: 3px solid #fff;
}
#home-content #arts19 .grid8{
	padding: 20px 40px;
}

#home-content #arts19 .grid8 h2{
	margin-bottom: 30px;
	margin-top: 30px;
	padding: 0px 0px 0px 5px;
	font-size: 1.9em;
	color: #441F49;
	text-align: left;
	text-transform: uppercase;
	font-weight: bolder;
}


/*	NEW TILE SECTION	*/
#home-content #arts19 .grid8 .grid4{
	padding: 0px 5px;
}
#home-content #arts19 .commNewsItem h3{
	display: block;
	color: #441F49;
	margin-top: 0;
	margin-bottom: 0;
}
#home-content #arts19 .commNewsItem:hover h3{
	color: #441F49;
}
#home-content #arts19 .commNewsItem img{
	width: 300px;
	max-width: 100%;
	margin: 0 0 10px 0;
}
#home-content #arts19 .commNewsItem:hover{
	background-color: #fff;
}
#home-content #arts19 .commNewsItem .commDate{
	display: none;
}
#home-content #arts19 #rssFeed{
	margin-top: 0;
}
#home-content #arts19 figure{
	padding-top: 0;
}
#home-content #arts19 .flexsliderLarge{
	margin-bottom: -25px;
}

#home-content #arts19 #artsMidSection{
	padding: 0px;
	float: left;
	margin-top: -10px;
}

/*******	SECOND REDESIGN	******/

#home-content #artsTopSection .slides img{
	width: 100%;
}
#artsTopSection{
    position:relative;
    overflow:hidden;
}

#artsTopSection .flex-caption{
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 200px;
	max-height: 200px;
    background: -moz-linear-gradient(top,  rgba(137,255,241,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(137,255,241,0)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(137,255,241,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(137,255,241,0) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(137,255,241,0) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(137,255,241,0) 0%,rgba(0,0,0,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0089fff1', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	padding-left: 60px;
	padding-right: 20px;
}

#home-content #artsTopSection .flexsliderLarge div.flex-caption>p{
	position: absolute;
	bottom: 1px;
	font-size: 2.2em;
	color: #FFBD07;
}
#home-content #artsTopSection .flexsliderLarge div.flex-caption>p a{
	color: #FFBD07;
	text-decoration: none;
}
#home-content #artsTopSection .flexsliderLarge div.flex-caption>p a:hover{
	text-decoration: underline;
}
.artsFeed p{
	color: #441F49;
	font-size: 1.4em;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 30px;
}
.artsFeed a{
	text-decoration: none;
}
#artsMidSection{
	padding: 0px 40px;
}
#home-content #artsMidSection .grid8{
	padding-top: 20px;
}

#arts19 .grayBox{
	background-color: #eee;
	padding: 30px 20px 30px 30px;
	float: left;
	width: 100%;
}
#home-content #arts19 .grayBox li{
	margin-bottom: 10px;
}
#arts19 .grayBox:first-of-type{
	padding-bottom: 75px;
}
#home-content #arts19 .bottomLink{
	float: right;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 1.2em;
	color: #441F49;
}
#home-content #arts19 .bottomLink:hover{
	text-decoration: underline;
}
#home-content #arts19 .grid8 .bottomLink{
	margin-top: -20px;
	margin-right: 50px;
}


/*END NEW HOME*/

#home-content .noList { list-style: none; margin-left: 0; }

/* DEFAULT */
#home-content #homepage .grid9 { padding-right: 20px; }
#home-content #homepage .grid3 .docIcon,
#home-content #homepage .grid3 .pdfIcon { margin-left: 2px; }
#home-content #homepage .grid3 .btnMain { width: 100%; }
#home-content .faIcons { float: right; }
#home-content #homepage .grid3 .facts-control-nav{
	display: none;
}
#home-content .contentSlides img{
	display: block;
    margin-left: auto;
    margin-right: auto;
}
#home-content .contentSlides p{
	text-align: center;
}

/* RUCCAS */
#home-content #ruccas .grid3 img { width: 100%; }
#home-content #ruccas .grid9 { padding-left: 20px; }

/* WHOWEARE */
#home-content #facStaff .grid8 { padding-right: 20px; }
#home-content #facStaff .grid4 img { width: 100%; }

#home-content facts-control-nav facts-control-paging{
	display: none;
}

/*ALUMNI */
#home-content .grid12 h3{
	margin-top: 30px;
}





@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: -10px;
	}
	#home-content #smBox{
		padding-left: 20px;
	}
	#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;
	}
}
@media only screen and (max-width:768px){
	#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 .grid4:nth-of-type(n+7){
		display: none;
	}
	#home-content #artsMidSection .grid8{
		padding-top: 0px;
		padding: 0px 20px 10px 20px;
	}
	#home-content #artsTopSection .flex-caption{
		position: relative;
		background: #441F49 !important;
		max-height: 50px;
		min-height: 25px;
	}
	#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: 0px;
	}
	#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;
	}
	/* DEFAULT */
    #home-content #homepage .grid9 { padding-right: 0; }
	/* RUCCAS */
	#home-content #ruccas .grid9 { padding-left: 0; }
	#home-content #ruccas .grid3 img { width: 70%; }
	/* WHOWEARE */
	#home-content #facStaff .grid8 { padding-right: 0; }
	#home-content #facStaff .grid4 img { width: 70%; }
}









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

#home-content .bottomPartners ul{
	list-style-type: none;
	margin-left: 0px;
}
#home-content .bottomPartners li{
	margin: 10px 0px;
}
#home-content .bottomPartners{
	float: left;
	width: 100%;
	margin-top: 40px;
	margin-bottom: 60px;
}
#home-content .centerContent .tileBuilderSnippet .grid3{
	padding: 0px 10px;
}
#home-content .splitImg-8 h2{
	font-family: "Phonk", Arial, sans-serif;
}
.centerH2{
	text-align: center;
}
#home-content .borderContent{
	padding: 5% 20%;
}
#home-content .borderContent .border{
	padding: 2.5% 5%;
}
.centerContent .grid4{
	padding: 0px 10px;
}
.purplePara, .pyPara2, .pyPara1{
	padding: 3.5%;
}
.pyPara2, .pyPara1{
	display: flex;
}
.pyPara2 .grid6:first-of-type, .pyPara1 .grid6:last-of-type{
	background-color: #FFE800;
}
.pyPara2 .grid6:last-of-type, .pyPara1 .grid6:first-of-type{
	background-color: #382140;
	height: 100%;
}
@media only screen and (max-width:1024px){
	#home-content .borderContent{
		padding: 5% 10%;
	}
	#home-content .borderContent .border{
		padding: 2.5% 3.5%;
	}
}
@media only screen and (max-width:768px){
	.purplePara{
		padding: 20% 5% 20% 5%;
	}
	.pyPara2, .pyPara1{
		display: block;
	}
	.pyPara2 .grid6:first-of-type{
		background-color: #382140;
	}
	.pyPara2 .grid6:last-of-type{
		background-color: #FFE800;
	}
	#home-content .borderContent{
		padding: 5% 5%;
	}
	#home-content .borderContent .border{
		padding: 2.5% 2.5%;
	}
}