/* 
This is the section css for
Writing Center 
*/

/*	UNIVERSAL	*/

#home-content .grayBack{
	background-color: #eee;
	border-top: 4px solid #441F49;
}

#home-content .videoGrid img{
	display: block;
	margin: 0 auto;
}
#home-content .grid6 .grid5, #home-content .grid6 .grid7{
	padding-right: 20px;
}

#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 .flex-direction-nav li a{
	top: 16%;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
	width: 50px;
	height: 126px;
	opacity: .7;
}
#home-content .imageSlides .slides li > div{
	width: 100%;
}




/*	NEW REDESIGN	*/


#home-content #tileSection{
	padding: 20px 70px 10px 70px;
	float: left;
}
#home-content #tileSection .fa{
	font-size: 1.8em;
	padding-right: 10px;
	color: #FFBD07;
}
#home-content #hpTileSection .fa{
	font-size: 1.8em;
	padding-right: 10px;
}
#home-content #tileSection .tileGreen:hover, 
#home-content #tileSection .tileViolet:hover, 
#home-content #tileSection .tilePurple:hover,
#home-content #hpTileSection .tileGreen:hover, 
#home-content #hpTileSection .tileViolet:hover, 
#home-content #hpTileSection .tilePurple:hover{
	transform: scale(1.02);
}

#home-content #tileSection .tileGreen{
	display: block;
	position: relative;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	background-color: #2E8540;
	padding: 30px 10px 30px 10px;
	color: #fff;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.2em;
	transition: all .2s ease-in-out;
}
#home-content #tileSection .tileViolet{
	display: block;
	position: relative;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	background-color: #763775;
	padding: 30px 10px 30px 10px;
	color: #fff;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.2em;
	transition: all .2s ease-in-out;
}
#home-content #tileSection .tilePurple{
	display: block;
	position: relative;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	background-color: #441F49;
	padding: 30px 10px 30px 10px;
	color: #fff;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.2em;
	transition: all .2s ease-in-out;
}

#home-content #hpTileSection{
	margin-top: 10px;
	float: left;
	width: 100%;
}

#home-content #hpTopSection{
	padding: 20px 30px 20px 20px;
	overflow: hidden;
}
#home-content #hpTopSection .btnAlert{
	font-size: 1.4em;
}
#home-content #hpTopSection h2{
	font-size: 1.9em;
	color: #441F49;
	Margin-top: 10px;
}
#home-content #hpTopSection h2 span{
	font-size: .6em;
}
#home-content #hpTopSection h3{
	text-align: left;
}
#home-content #hpTopSection p{
	font-size: 1.2em;
}
#home-content #hpTopSection .grid7{
	padding: 20px 30px 30px 60px;
	font-size: 1.1em;
}
#home-content #hpTopSection .videoContainer, #home-content #hpTopSection .videoContainer img{
	padding-right: 0px;
	width: 100%;
	max-height: 507px;
}
#home-content #hpTopSection .playBtn{
	display: none;
}
#home-content #hpTopSection .row-responsive{
	margin: 0px 0px; 
}
#home-content .videoGrid{
	position: relative;
}
#home-content .videoGrid .fa-play-circle-o{
	position: absolute;
	left: 5%;
	top: 50px;
	transition: all .3s ease-in-out; 
	font-size: 6.3em;
	color: #441F49;
}
#home-content .videoGrid:hover .fa-play-circle-o{
	font-size: 7.4em;
	transition: all .3s ease-in-out; 
	color: #FFBD07;
}

 #home-content .writersSection .grid4{
	padding: 0px 10px;
}

#hpBottomSection {
    margin-top: 45px;
}

#home-content #hpBottomSection .grid4 .hours, #home-content .writersSection .grid4 .hours{
	padding: 5px 10px;
	border-bottom: 3px solid #c1c1c1;
	font-weight: bold;
}
#home-content .defaultQuotes{
    border: 2px solid #eee;
    border-top: 5px solid #441F49;
    padding: 20px 30px;
}


#home-content .defaultQuotes h3{
	border-bottom: none;
	margin-bottom: 0;
	color: #441F49;
	font-size: 1.3em;
	line-height: 1em;
}
#home-content .defaultQuotes h3:after{
	display: none;
}
#home-content .writersSection .defaultQuotes h3{
	margin-bottom: 30px;
}
#home-content #hpBottomSection .defaultQuotes ul{
	list-style-type: none;
	margin-left: 0;
}
#home-content #hpBottomSection .defaultQuotes li{
	padding: 20px 0px 10px 0px;
	border-bottom: 3px solid #c1c1c1;
	font-style: italic;
	font-size: 1em;
	line-height: 1.3em;
}
#home-content .writersSection .defaultQuotes li{
	padding-bottom: 20px;
}
#home-content #hpBottomSection .defaultQuotes li:last-of-type{
	border: none;
}







/*	SUB PAGES	*/


#home-content .subPageMidSection .grid6 h4{
	margin-top: 20px;
	font-size: 1.1em;
}

 #home-content .subPageMidSection .grid6:first-of-type{
	padding-right: 10px;
}
#home-content .subPageMidSection .grid6:last-of-type{
	padding-left: 10px;
}
#home-content .subPageMidSection .grid3{
	padding: 0px 5px;
}
#home-content .subPageMidSection .grid3:first-of-type{
	padding-left: 0px;
	padding-right: 10px;
}
#home-content .subPageMidSection .grid3:last-of-type{
	padding-right: 0px;
	padding-left: 10px;
}


#home-content .subPageTopSection .tile{
	display: block;
	position: relative;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	background-color: #2E8540;
	padding: 15px 5px 15px 5px;
	color: #fff;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1em;
	transition: all .2s ease-in-out;
	margin-top: 15px;
}
#home-content .subPageTopSection .tile:hover{
	transform: scale(1.02);
}
#home-content .subPageTopSection .row-responsive{
	margin-bottom: 0;
}

/*	MEET THE TUTORS	*/


#home-content #meetTheTutors h3 {
	font-size: 1.4em;
	margin-top: 0px;
}
#home-content #meetTheTutors .subPageTopSection .grid10 {
	padding-right: 25px;
}


#home-content .writersSection{
	padding: 40px 50px;
}

#home-content #writersResources .defaultQuotes{
	margin: 20px 0px 10px 0px;
}


#home-content p.councilMemberCaptions {margin-top: 0px;}
#home-content .centeredDiv {
	height: 250px;
	min-width: 115px;
	width: 50%;
	margin: 0 auto;
}
#home-content h3{clear: left; float: none;}
#home-content .noBullet{list-style-type: none; margin-left: 0;}
#home-content .topRow{
	margin-top: 17px;
	margin-bottom: 20px;
/* 	float:right; */
}

#home-content .topRow .btnSuccess{
/* 	float: right; */
	margin: 0;
	margin-top: -7px;
}

#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: #6F316E;}
#home-content .flex-direction-nav li a{top: 37%;}
#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(0,0,0,.75);
}



/********** DEFAULT **********/
#home-content .socialMedia{
	margin-top: 10px;
}
#home-content .socialMedia span{
	font-size: 3em;
}
#home-content .socialMedia a{
	text-decoration: none;
	float: right;
}
#home-content .fa-twitter-square{
	color: #55acee;
}
#home-content .fa-facebook-square{
	color: #3b5998;
	margin-right: 5px;
}
#home-content .gridTitle{
	background-color: #763775;
	color: #fff;
	font-weight: bold;
	margin-top: 0;
	font-size: 1.1em;
	margin-bottom: 0;
	padding: 10px;
	text-align: center;
}
#home-content .pictureBtns{
	padding: 0 20px;
}
#home-content .pictureBtns a{
	background-color: #763775;
	padding: 0;
	text-decoration: none;
}
#home-content .pictureBtns:hover p{
	color: #FFBD07;
}
#home-content .location{
	color: #763775;
	font-weight: bold;
	margin: 0;
	font-size: 1.2em;
}
#home-content .defaultBottom .grid6{
	padding: 0 10px;
}

#home-content .boldHours{
	font-weight: bold;
	color: #763775;
	margin-top: 7px;
	margin-bottom: 2px;
}
#home-content .summerHours{
	margin-top: 5px;
	margin-bottom: 10px;
}
#home-content #bottomHours{
	background: #eee;
	padding:20px;
	padding-top: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#home-content .defaultGray{
	padding-right:10px;
}
#home-content .introVideo{
	text-align: center;
}
#home-content .introVideo img{
	display: block;
	margin: 0 auto;
}
#home-content .introVideo a{
	text-decoration: none;
}

/********** Location Hours **********/
#home-content .socialMediaWritingCenter{
	display: inline-block;
}

/********** ABOUT US **********/
#home-content .aboutImg img{
	float: right;
	margin-left: 10px;
}
#home-content .aboutUsText{
	color: #763775;
	font-size: 1.13em;
}

/********** TRAINING OPPORTUNITIES **********/
#home-content .trainingRight img{
	/*margin-bottom: 10px;*/
}
#home-content .trainingRight p{
	text-align: center;
	font-weight: bold;
	border: 2px solid #EEE;
	padding: 10px;
	width: 100%;
	margin-top: 0px;
}
#home-content .trainingRight a{
	text-decoration: none;
}
#home-content .trainingRight p{
	color: #763775;
}
#home-content .trainingRight a:hover p{
	background-color: #763775;
	color: #FFBD07;
}
#home-content .training h2{
	font-size: 1.17em;
	margin-bottom: 0;
	color: #763775;
}
#home-content .training p{
	margin-top: 0;
}
#home-content .training .grid8{
	padding-right: 20px;
}

#home-content #slideshow .secondarySlider .slides li img{
	width: 100%;
	padding-left: 20px;
}

/********** WRITING RESOURCES **********/
#home-content .writingResources li{
	margin-top: 5px;
}

/********** YOUR TUTORS **********/
#home-content .yourTutors li{
	margin-top: 10px;
	border-bottom: 2px solid #EEE;
	padding-bottom: 5px;
}
#home-content .yourTutors li strong{
	color: #763775;
	font-size: 1.2em;
}
#home-content .yourTutors li:last-of-type{
	border-bottom: none;
}

/********** FOR TUTORS **********/
#home-content .forTutorsList{
	list-style-type: none;
	margin-left: 0;
}
#home-content .forTutorsList li{
	border-bottom: 2px solid #EEE;
	padding: 10px 0;
	margin: 0;
}
#home-content .forTutorsList li:last-of-type{
	border-bottom: none;
}

/********** WRITING COUNCIL **********/
#home-content .uwcBoard h4{
	margin-bottom: 5px;
	margin-top: 10px;
}
#home-content .btnRight{
	float: right;
	margin-left: 10px;
}

/********* UWC CONFERENCE **********/
#home-content .headerText{
	font-size: 1.5em;
	line-height: 1.5em;
	text-align: center;
	font-weight: bold;
	color: #763775;
}
#home-content .uwcAgendaList{
	list-style-type: none;
	margin-left: 0;
}

@media only screen and (max-width:768px){
	#home-content .councilMember {width: 50%; margin-bottom: 25px;}
	#home-content .centeredDiv {height: 200px;}
	/********** DEFAULT **********/
	#home-content .pictureBtns .grid6{
		width: 50%;
		padding: 0 10px;
	}
	#home-content .aptBtn{
		display: block;
	}
	#home-content .defaultBottom .grid6{
		padding: 0;
	}
	/********** ABOUT US **********/
	#home-content .aboutImg img{
		width: 40%;
	}
	/********** TRAINING AND OPPORTUNITIES **********/
	#home-content .trainingRight{
		width: 35%;
	}
	/********** LOCATION AND HOURS **********/
	#home-content .topRow .grid10{
		width: 80%;
	}
	#home-content .topRow .grid2{
		width: 20%;
	}
	#home-content #tileSection{
		padding: 10px 5px 10px 5px;
	}
	#home-content #hpTopSection{
		padding: 10px 10px;
	}
	#home-content #hpTopSection .grid7{
		padding: 10px 0px;
	}
	#home-content #hpTopSection .btnAlert{
		font-size: 1.05em;
	}
	#home-content #hpBottomSection{
		padding: 10px 5px;
	}
	#home-content .grid6 .grid5{
		width: 100%;
	}
}
@media only screen and (max-width:670px){
	#home-content .centeredDiv {height: 230px;}
}
@media only screen and (max-width:480px){
	#home-content .topRow h2{
		display: block;
	}
	#home-content .topRow .btnSuccess{
		width: 100%;
		margin-bottom: 10px;
	}
	/********** DEFAULT ***********/
	#home-content .pictureBtns .grid6{
		width: 100%
	}
	/********** ABOUT US **********/
	#home-content .aboutImg img{
		display: none;
	}
	/********** TRAINING AND OPPORTUNITIES **********/
	#home-content .trainingRight{
		width: 100%;
	}
	#home-content .trainingRight img{
		display: none;
	}
}

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



.artSocialBar{
	width: calc(100% + 60px);
	display: block;
	background-color: #6e3061;
	text-align: center;
	padding: 10px;
	float: left;
	margin-top: -20px;
	margin-left: -30px;
}
#home-content .artSocialBar p{
	margin: 0px 0px;
}
.socialLogo{
	display: inline-block;
	margin-right: 5px;
	max-width: 45px;
}
.artSocialBar a:hover img {
	transform: scale(1.10);
	transition: all .2s ease-in-out;
}


#wcHP .centerContent {
    padding: 5% 10% 2%;
    display: block;
    float: left;
    width: 100%;
}

#wcHP .psuedoHead3 {
    font-size: 1.8em;
    margin: 30px 0px 20px 0px;
    letter-spacing: .10rem;
}