@charset "utf-8";
/* CSS Document */
body{
	font-size:100%;	
}
section{
	clear:both;	
}
h2{
	color:#00783b;
	text-align:center;
	margin-top:30px;	
}
#splash-container{
	position:relative;
	background-image:url(../pdi/images/GSF_hero.jpg);
	background-position:top center;
	height:300px;
	width: 100%;
    background-size: auto 100%;
}
.GSF-subpage #splash-container{
	background-image:url(../pdi/images/GSF_hero.jpg);
	background-repeat:no-repeat;
	background-position:-150px center;
	height:200px;
}
#splash-title{
	position:absolute;
	bottom:0px;
	background-color:rgba(255, 255, 255, 0.9);
	padding:10px 30px 20px 30px;
	margin:20px 0px;		
}
.GSF-subpage #splash-title{
	position:relative;
	left:350px;
	width:590px;
	height:180px;
	border-left:3px solid #009248;
	background-color:rgba(255, 255, 255, 0.9);
	padding:20px 30px 0px 30px;
	margin:20px 0px;
}
#splash-title h1{
	font-size:200%;
	color:#009248;	
}
#splash-title h2{
	text-align:left;	
	margin-top:10px;
}
#calltoaction{
	display:block;
	position:absolute;
	bottom:0px;
	right:20px;
	background-color:rgba(255, 255, 255, 0.9);
	font-size:150%;
	text-align:center;
	padding:20px 30px;
	margin:20px 0px;
	border-left:5px solid #009248;
}
section#promos{
	padding:0px;	
}
#promos .promo{
	margin:8px 0px;
	padding:10px;
	background-color:#009248;
	color:#FFF;	
}
.promo-text{
	float:left;
	padding:10px;
	max-width:70%;
}
.promo-text-headline{
	font-size:140%;	
}
.promo-button, .promo-button:link{
	/*display:block;*/
	float:right;
	font-size:130%;
}
.promo p{
	margin:0px;	
}	

a.session-brief-box:link, a.session-brief-box:visited{
	display:block;
	padding-top:200px;
	position:relative;
	float:left;
	width:47%;
	margin:2% 1.5%;	
	color:#FFF;
}
a.session-brief-box:hover{
	text-decoration:none;	
}
#session-brief-staff{
	background: url("../pdi/images/GSF-summer17-group-500x400-1.jpg") center center;	
}
#session-brief-families{
	background: url("../pdi/images/GSF-fall17-two_with_picture_book_front-500x400.jpg") center center;
}
.session-brief-spacer{
	height:200px;	
}
.session-brief-info{
	background-color:rgba(0, 146, 72, 0.8);	
	padding:5px 0px;
	margin:0px 10px 10px 10px;
}
.session-brief-title{
	font-size:150%;
	text-align:center;	
	padding:10px 20px;
}
.session-brief-sessions{
	list-style:none;
	margin:0px 10px 0px 10px;	
}
.session-brief-sessions li{
	padding:5px;	
}
#schedule-action{
	float:right;
	font-size:110%;
	padding:0px 20px;
	margin:0px 0px 20px 20px;
	width:30%;
	border-left:3px solid #009248;
	color:#00783b;	
}
#schedule-action a{
	display:block;
	margin-top:6px;
	color:#00783b;
}
#schedule-action a.link-button{
	background-color:#009248;
	color:#FFF;		
	margin:10px 0px 10px 0px;
}
#about-upcoming-aspire, #about-upcoming-aspire-mobile{
	font-style:italic;	
}
#about-upcoming-aspire-mobile{
	display:none;	
}
.intro-questions{
	margin:20px 0px 10px 0px;	
}
.intro-questions p{
	float:left;
	text-align:left;
	width:28%;
	font-size:120%;
	padding:0px 0px 0px 4%;
	background: url("../pdi/images/bullet-green.jpg") 5px 5px no-repeat;	
}
.session{
	margin-bottom:16px;	
}
.session-title{
	font-size:120%;
	font-weight:bold;
	margin-bottom:6px;	
}
.session p {
    margin-left: 16px;
}
.session ul li {
    padding: 2px 0px;
}	
.session-register{
	font-size:110%;	
	color:#00783b;		
}
.session-register .link-button{
	background-color:#009248;
	color:#FFF;
	padding:5px 10px;
	text-align:center;
}
.session .feedback-item{
	font-style:italic;
	padding:3px 10px;
	color:#333;		
}

@media all and (max-width: 1023px) {
	#centerer{
		width:100%;
		min-width:100%;	
	}
	.link-button, .link-button:link{
		display:block;	
	}
	#splash-container{
		position:relative;
		height:auto;
		padding:130px 0px 20px 0px;
	}
	#splash-title{
		max-width:90%;
		text-align:center;
		position:relative;
		padding:16px 10%;
		margin:0px auto 10px auto;		
	}
	#splash-title h1{
		font-size:160%;
		margin-top:10px;
	}
	#splash-title h2{
		font-size:130%;
		text-align:center;
		margin-top:0px;
	}
	#splash-title br{
		display:none;	
	}
	#calltoaction{
		display:none;
	}

	a.session-brief-box:link, a.session-brief-box:visited{
		width:100%;
		padding-top:100px;
		margin:0px;
		float:none;	
	}
	#session-brief-staff, #session-brief-families{
		background-size:350px auto;
		background-position:30% center;
	}
	.session-brief-sessions{
		display:none;	
	}
	
	.promo{
		text-align:center;
	}
	.promo-text, .promo-button{
		float:none;	
	}
	.promo-text{
		max-width:94%;
		padding:16px 3%;
	}
	.promo-button, .promo-button:link{
		float:none;
		max-width:50%;
		margin:0px auto;
		font-size:130%;	
	}
	#schedule-action{
		float:none;
		margin:0px;
		width:100%;
		border-left:6px solid #009248;
		background-color:transparent;
		color:#000;
	}
	#schedule-action a{
		display:block;
		margin-top:10px;
		color:#1378F4;	
	}
	#about-upcoming-aspire{
		display:none;	
	}
	#about-upcoming-aspire-mobile{
		display:block;
	}
	.intro-questions{
		margin:20px 0px 10px 0px;	
	}
	.intro-questions p{
		float:left;
		text-align:left;
		width:28%;
		font-size:120%;
		padding:0px 0px 0px 4%;
		background: url("./images/bullet-green.jpg") 5px 5px no-repeat;	
	}
	.session-register .link-button{
		padding:10px 20px;
		max-width:80%;
		font-size:110%;	
	}
	.session-feedback{
		display:none;	
	}
	.session-description{
		display:none;	
	}
}