/* 
This is the section css for
Exploratory Studies 
*/




#home-content #esHP{
	font-size: .85em;
}
#home-content #esHP #grayBack{
	background-color: #eee;
	padding: 10px 20px 30px 20px;
	float: left;
	width: 100%;
}
#home-content #esHP .grid9 .grid9{
	padding-right: 10px;
}
#home-content #esHP .grid9 .grid4{
	padding: 0px 10px
}
#home-content #esHP .grid9 .grid9 .row-responsive, #home-content #esHP .grid9 .row-responsive{ 
	margin-top: 0px;
}
#home-content #esHP .grid9 .grid9 .row-responsive:first-of-type{
	margin-top: 15px;
}
#home-content #esHP .grid3{
	padding: 10px 10px 10px 0px;
	font-size: 1.1em;
	line-height: 1.1em;
}
#home-content #esHP .grid3 h2{
	font-size: 1.7em;
	color: #382140;
	line-height: 1.2em;
}
#home-content #esHP .grid3 h2 span{
	color: #6e3061;
	line-height: 1.2em;
}

@media only screen and (max-width: 1415px){
	#home-content #esHP .grid3 h2 {
	font-size: 1.5em;
	}
}

@media only screen and (max-width: 1208px){
	#home-content #esHP .grid3 h2 {
	font-size: 1.2em;
	}
}


@media only screen and (max-width: 953px){
	#home-content #esHP .grid3 h2 {
	font-size: 1em;
	}
}

@media only screen and (max-width: 845px){
	#home-content #esHP .grid3 h2 {
	font-size: .9em;
	}
}

@media only screen and (max-width: 768px){
	#home-content #esHP .grid3 h2 {
	    font-size: 2em;
	    color: #382140;
	    line-height: 1.2em;
	}
}
#home-content #esHP .esBlock{
	display: block;
	margin: 10px 0px;
	padding: 20px;
	font-size: 1.1em;
	text-align: center;
	color: #fff;
	background-color: #441F49;
	float: left;
	width: 100%;
	font-weight: bold;
	text-decoration: none;
	transition: all .2s ease-in-out;
}
#home-content #esHP .grid9 .grid9 .esBlock{
	font-size: 1.4em;
	margin: 0px 10px;
	width: 98%;
	line-height: 1.4em;
}
#home-content #esHP .grid9 .grid9 .esBlock .fa{
	font-size: 1.5em;
	margin-right: 10px;
}
#home-content #esHP .esBlock:visited{
	color: #fff;
}
#home-content #esHP .grid9 .grid3 .accordion h3{
	cursor: pointer;
    background-color: #441F49;
    border: none;
    padding: 20px 20px 20px 20px;
    color: #fff;
    border-radius: 0px;
    box-shadow: none;
    margin: 5px 0px;
	margin-bottom: 0px;
	text-align: center;
	transition: all .2s ease-in-out;
}
#home-content #esHP .grid9 .grid3 .esBlock:hover, #home-content #esHP .grid9 .grid9 .esBlock:hover, #home-content #esHP .grid9 .grid3 .accordion:hover h3 a{
	transform: scale(1.02);
	color: #FFBD07;
	transition: all .2s ease-in-out;
}
#home-content #esHP .grid9 .grid3 .accordion{
	margin-bottom: 16px;
	background-color: #441F49;
}
#home-content #esHP .grid9 .grid3 .accordion > div{
	background-color: #441F49;
	color: #fff;
	padding-left: 30px;
}
#home-content #esHP .grid9 .grid3 .accordion > div ul, #home-content #esHP .grid9 .grid3 .accordion > div li, #home-content #esHP .grid9 .grid3 .accordion > div a, #home-content #esHP .grid9 .grid3 .accordion > div a:visited{
	color: #fff;
}
#home-content #esHP .grid9 .grid3 .accordion h3 a, #home-content #esHP .grid9 .grid3 .accordion h3 a:visited{
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}
#home-content #esHP .grid9 .grid3 .fa-caret-right, #home-content #esHP .grid9 .grid3 .fa-caret-down{
	display: none;
}
#home-content #esHP .grid9 .grid3 .row-responsive{
	margin-top: 0px;
	margin-bottom: 0px;
}
#home-content #esHP .grid9 .grid6{
	padding: 0px 20px 0px 10px;
}
#home-content .greenWide{
	width: 100%;
	padding-left: 10px;
	padding-right: 10px;
}
#home-content #esHP .callOut{
	display: block;
	padding: 20px;
	border: 4px solid #FFBD07;
	margin-top: 10px;
}

#home-content #advisingTips{
	font-size: 1.2em;
}
#home-content #advisingTips h2{
	padding-left: 30px;
}
#home-content #advisingTips .grid6{
	padding: 0px 20px;
}
#home-content #advisingTips .grayCard{
	background-color: #eee;
	padding: 30px;
	float: left;
}
#home-content #advisingTips li{
	margin-bottom: 7px;
}


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


#home-content #supportResources{
	 padding: 20px 40px;
}
#home-content #supportResources .grid3{
	padding: 0px 10px;
}
#home-content #supportResources .grid3 img{
	width: 100%;
}
#home-content .panelInfo span.panelTitle{
	padding: 10px 10px;
	font-size: 1.2em;
	font-weight: bold;
}
#home-content #faqPage img{
	width: 100%;
}
#home-content #faqPage .grid4{
	padding: 0px 10px;
}

#home-content #staffPage .grid4{
	padding: 0px 40px;
	float: left;
	border-right: 3px solid #eee;
}
#home-content #staffPage .row-responsive .grid4:last-of-type{
	border-right: none;
}
#home-content .staffCard{
	padding-bottom: 0px;
	display: block;
	float: left;
	width: 100%;
	border-bottom: 3px solid #eee;
}
#home-content .staffCard .row-responsive{
	margin-bottom: 0px;
}
#home-content .staffCard img{
	display: block;
	margin: 0 auto;
	max-width: 65%;

}
#home-content .staffCard .staffName{
	font-size: 1.5em;
	font-weight: bold;
	color: #441F49;
	text-align: center;
	margin-bottom: -5px;
}
#home-content .staffCard .staffTitle{
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: italic;
	text-align: center;
}

#home-content .staffCard .accordion h3{
	cursor: pointer;
    background-color: #fff;
    border: none;
	border-top: 3px solid #eee;
    padding: 20px 20px 20px 20px;
    color: #441F49;
    border-radius: 0px;
    box-shadow: none;
    margin: 16px 0;
	margin-bottom: 0px;
	text-align: center;
	transition: all .2s ease-in-out;
}
#home-content .staffCard .accordion{
	margin-bottom: 0px;
	background-color: #fff;
}
#home-content .staffCard .accordion > div{
	background-color: #fff;
	padding: 20px;
}
#home-content .staffCard .accordion > div ul, #home-content .staffCard .accordion > div li, #home-content .staffCard .accordion > div a, #home-content .staffCard .accordion > div a:visited{
	color: #441F49;
}
#home-content .staffCard .accordion h3 a, #home-content .staffCard .accordion h3 a:visited{
	color: #441F49;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}
#home-content .staffCard .fa{
	display: none;
}

/* GLOBAL */
#home-content .noList { list-style: none; margin-left: 0; }
#home-content #accordion .noList li { margin-bottom: 0; }
#home-content .playBtn { display: none; }
#home-content h4{
	margin-top: 20px;
}

/* DEFAULT */
#home-content #homepage .grid6:nth-of-type(1) { padding-right: 10px; }
#home-content #homepage .grid6:nth-of-type(2) { padding-left: 10px; }
#home-content #homepage .flexsliderLarge { margin: 0; }
#home-content #homepage .flexsliderLarge img { width: 100%; }
#home-content .homeAlert {
	background: #441F49;
	color: #FFF;
	font-weight: bold;
	padding: 5px 10px;
	text-align: center;
}
#home-content #homepage .btnContact { float: none; }

/* FACULTY ADVISORS */
#home-content #facAdvisors .grid4:nth-child(1) { padding-right: 10px; }
#home-content #facAdvisors .grid4:nth-child(2) { padding-left: 5px; padding-right: 5px; }
#home-content #facAdvisors .grid4:nth-child(3) { padding-left: 10px; }
#home-content #facAdvisors img { float: left; margin-right: 10px; }

/* GLOSSARY */
#home-content #glossary dt { border-top: 1px solid #EEE; font-weight: bold;	margin: 10px; padding: 0; padding-top: 10px; }
#home-content #glossary dt:first-child { border-top: none; }

/* STUDENT RESOURCES */
#home-content #adVideos { font-weight: bold; text-align: center; }
#home-content #adVideos .grid4:nth-child(1) { padding-right: 10px; }
#home-content #adVideos .grid4:nth-child(2) { padding-left: 5px; padding-right: 5px; }
#home-content #adVideos .grid4:nth-child(3) { padding-left: 10px; }
#home-content #adVideos h3 { margin-bottom: 0; text-align: left; }
#home-content #adVideos a { font-weight: bold; text-decoration: none; }
#home-content #adVideos img { width: 100%; }

@media only screen and (max-width: 768px) {
	/* DEFAULT */
	#home-content #homepage .grid6:nth-of-type(1),
	#home-content #homepage .grid6:nth-of-type(2) { padding: 0; }
	
	/* FACULTY ADVISORS */
	#home-content #facAdvisors .grid4:nth-child(1),
	#home-content #facAdvisors .grid4:nth-child(2),
	#home-content #facAdvisors .grid4:nth-child(3) { padding: 0; }
	
	/* STUDENT RESOURCES */
	#home-content #adVideos .grid4:nth-child(1),
	#home-content #adVideos .grid4:nth-child(2),
	#home-content #adVideos .grid4:nth-child(3) { padding: 0; }
	#home-content #adVideos h3 { margin-bottom: 20px; }
	#home-content #adVideos img { width: 70%; }
	
}