/* 
This is the section css for
Office of Sustainability 
*/

/******************************************************************
GLOBAL
******************************************************************/
/* Change accent color under H3 */
#home-content .grid12 h3::after {background-color: #405A1B; /* green from logo: #056839 */}
#home-content #accordion h3::after {background-color: transparent}
#home-content h4 {
	color: #405A1B;
	padding-bottom: 0;
	margin-bottom: 0;
	border: none;
}
.fancybox-inner h4{
	margin-bottom: 10px;
	color: #405A1B;
}
.FancyBoxText{
	padding-top: 20px !important;
}
#home-content .wide{
	width: 100%;
}
#home-content .imgCenter{
	display: block;
	margin: 0 auto;
}

.elecRecycle .topSplitSection{
	margin-bottom: 30px;
	float: left;
	width: 100%;
}
#home-content .invisible{
	display: none;
}


/******************************************************************
DEFAULT
******************************************************************/
#home-content .aboutSustainability {padding-right: 1em;}
#home-content .sustainabilityLogo {padding: 0.25em 1em 0 0; width: 200px; float: left;}
#home-content .facebookFeed .faIcons {float: right; position: relative; z-index: 99; margin-top: -10px;}
#home-content .facebookFeed .faIcons .fa {font-size: .5em;}
#home-content .upcomingEvents {padding-left: 1em;}
#home-content .whatsHappening {padding-right: 1em;}
#home-content .facebookFeed .fb-page{
	display: block;
	text-align: center;
}

#home-content .aboutSustainability .grid6 .row-responsive{
	margin: 0;
}
#home-content .newsEvents .grid3 span.docuIcon{
	display: none;
}
/* What's Happening Now Ticker */
#home-content #tickerContainer {height: 350px; overflow-y: scroll; position: relative;}
#home-content #tickerContainer ul {margin-left: 0; position: relative;}
#home-content #tickerContainer li {
	clear: left;
	display: block;
	/*     height: 140px; */
	min-height: 120px;
	position: relative;
	list-style-type: none;
	color: #000;
	font-size: 0.85em;
	line-height: 1.65em;
}
#home-content #tickerContainer li img.newsPhoto {float: left; margin-right: 0.75em;}
#home-content #tickerContainer li span {display: block; padding: 0.25em 0 0 0; border-bottom: 1px solid #eee; height: 100px;}
#home-content #tickerContainer li.longStory span {height: 120px;}
#home-content #tickerContainer li h6 {
	color: #666;
	font-weight: bold;
	font-size: 1em;
	line-height: 1.65em;
	margin: 0;
	padding: 0;
}
#home-content #tickerContainer .iconContainer {
	position: absolute;
	bottom: 5px;
	right: 0;
	background-color: #fff;
	padding: 5px 5px 0 5px;
}
#home-content #tickerContainer .iconContainer img {height: 25px; width: 25px;}
#home-content #tickerContainer .iconToggle:hover {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	transform: scale(1.2);
}

#home-content .grid9{
	padding-left: 10px;
}
#home-content .whatAreWeDoing img{
	padding-right: 10px;
}
#home-content .bulletin{
	border: 2px solid #EEE;
	padding: 10px;
	padding-bottom: 0;
	margin-bottom: 10px;
}
#home-content .bulletin > .row-responsive{
	margin: 0;
}
#home-content .bulletin > .row-responsive > ul{
	list-style-type: none;
	margin-left: 0;
}
#home-content .bulletin > .row-responsive > ul > li{
	clear: left;
	text-align: center;
	font-weight: bold;
}
#home-content .bulletin > .row-responsive > ul > li > a{
	color: #405A1B;
	text-decoration: none;
	display: inline-block;
	border-bottom: 1px solid #EEE;
	width: 100%;
	margin: 0;
	margin-bottom: 3px;
	padding: 0;
	padding-bottom: 3px;
}
#home-content .bulletin > .row-responsive > ul > li > a:visited{
	color: #405A1B;
}
#home-content .bulletin > .row-responsive > ul > li > a:hover{
	background: #405A1B;
	color: #FFF;
}
#home-content .bulletin > .row-responsive > ul > li:last-of-type > a{
	border: none;
}
#home-content .bulletin h3{
	border-bottom: none;
	margin: 5px 0;
	padding: 5px 0;
}
#home-content .bulletin h3:after{
	display: none;
}
#home-content .homeLinkWrappers .grid3{
	padding: 5px;
}
#home-content .homeLinkWrappers span.panelTitle{
	font-size: .9em;
}
#home-content .certMemberships .slides li a{
	display: block;
	width: 100%;
	padding: 0 10px;
	text-align: center;
	color: #FFF;
	background: #405A1B;
	text-decoration: none;
	font-weight: bold;
}
#home-content .certMemberships .slides li a:visited{
	color: #FFF;
}
#home-content .certMemberships .slides li a:hover{
	color: #FFBD07;
}
#home-content .certMemberships .flexsliderMixedContent img{
	margin: 0;
	width: 100%;
}

/******************************************************************
CARBON NEUTRALITY
******************************************************************/
#home-content .carbonLogo {float: right; padding: 0 0 0 1em; margin-top: -1em;}


/******************************************************************
INITIATIVES
******************************************************************/
#home-content .stayconnected {padding-left: 1em;}
#home-content .stayconnected a {
	font-weight: bold;
}
#home-content .stayconnected a .fa {
	font-size: 3em;
	padding-right: 0.2em;
	vertical-align:middle;
}


/******************************************************************
INITIATIVES
******************************************************************/
#home-content .bigIcon {
	text-align: center;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
}
#home-content .bigIcon a {text-decoration: none; color: #405A1B;}
#home-content .bigIcon img {padding: 0 1.5em;}
#home-content .curriculumTimeline {font-size: 0.875em; line-height: 1.3125em;}
#home-content .initiativesContent .grid10 {padding-right: 15px;}
#home-content .initiativesContent h3, .climateActionPlan h3, .education h3 {margin-top: 2em;}
#home-content .initiativesContent h3 {
	background-repeat: no-repeat;
	background-position-y: 7px;
	padding-left: 50px;
	padding-top: 10px;
	margin-bottom: 0.5em;
}
#home-content .initiativesContent h3::after {content: none;}
#home-content h4 + p, h3 + p {margin-top: 0;}
#home-content .geothermalImages img {margin-bottom: 10px;}
#home-content .initiativesContent .accordion > h3{
	margin: 5px 0;
}
#home-content .initiativesContent .accordion > h3 a{
	display: flex;
	align-items: center;
}
#home-content .initiativesContent .accordion > h3 a img{
	padding-left: 10px;
}

/******************************************************************
THE BRANDYWINE PROJECT
******************************************************************/
#home-content .gridLeft{
	padding-right: 10px;
}
#home-content .brandywineLogo{
	display: block;
	margin: 0 auto;
	padding: 0 10px;
}
#home-content .brandywineProjectLinks{
	list-style-type: none;
	margin-left: 0;
}
#home-content .brandywineProjectLinks li a{
	text-decoration: none;
	text-align: center;
	border: 2px solid #763775;
	font-weight: bold;
	font-size: 1.2em;
	display: block;
	margin: 5px 0;
	padding: 10px;
}
#home-content .brandywineProjectLinks li a:hover{
	background: #763775;
	color: #FFF;
}
#home-content .brandywineProjectLinks li a:visited{
	color: #763775;
}

/******** GREEN OFFICE PROGRAM ********/
#home-content .greenOfficeInfoSheets{
	padding-right: 20px;
}

/********** EAT A PLANT **********/
#home-content .eatAPlant .grid9{
	padding-right: 10px;
}
#home-content .eatAPlant .grid6{
	padding: 0 10px;
}
#home-content .eatAPlant .grid6 p{
	font-weight: bold;
	clear: both;
}
#home-content .eatAPlant .grid3 h4{
	color: #382140;
}

/********** COURSES **********/
#home-content .sustainabilityCourses h3{
	margin-top: 0;
}
#home-content .sustainabilityCourses table a:visited{
	color: #6e3061;
}

/********** STARS **********/
#home-content .starsSocial{
	text-align: center;
}

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

	/** DEFUALT **/
	#home-content .upcomingEvents {padding-left: 0;}
	#home-content .whatsHappening {padding-right: 0;}
	#home-content .homeLinkWrappers .grid3{
		width: 50%;
	}

	/** INITIATIVES **/
	#home-content .bigIcon {text-align: center; font-size: 14px;}
	#home-content .icons .grid3 {width: 25%; text-align: center;}
	#home-content .bigIcon a:first-child {display: none;}

	/** GET INVOLVED **/
	#home-content .stayconnected {padding-left: 0;}

	/******************************************************************
	THE BRANDYWINE PROJECT
	******************************************************************/
	#home-content .gridLeft{
		padding-right: 0;
	}

	/******** GREEN OFFICE PROGRAM ********/
	#home-content .greenOfficeInfoSheets{
		padding-right: 0;
	}

	/********** EAT A PLANT **********/
	#home-content .eatAPlant .grid9{
		padding-right: 0;
	}
}

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

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

.centerH2{
	text-align: center;
}
.violetFont{
	color: #6e3061;
}
#home-content .grid6 .grid5, #home-content .grid6 .grid7, #home-content .grid9{
	padding-right: 20px;
}
#home-content .borderContent{
	padding: 2.5% 20% 5% 20%;
	width: 100%;
}
#home-content .borderContent .border{
	padding: 2.5% 5%;
	border: 5px solid #ffe800;
	float: left;
	width: 100%;
}
#home-content .borderContent .border .grid7{
	padding-left: 30px;
}
.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%;
	}
}