@charset "UTF-8";
/* CSS Document */

h3.area, p.hook, .program-body h3, .program-body a:hover, .program-nav li:hover{
	
	color: #eb4e2d;
	
}

.area h4.white-text{
		
		padding-bottom: .5em;
	}

.ask{
	
	background-color: rgba(230,230,230,1.00);
	border-radius: 10px;
	padding: 1em;

}

.ask a{
	
	text-decoration: none;
	color: black;
	margin: 0em;
	
}


a.black-button{
	
	line-height: 5em;
	
}

a.black-button:hover{
	
	color: rgba(60,60,60,1.00);

}

span.clear{
	
	background-color: rgba(0,0,0,0);
	
}

.events-body img{
	
	display: inline-block;
	width: 49%;
	vertical-align: top;
	padding: 0px; 
	margin-right: 2%;
		
}


i{
	
	color: rgba(200,200,200,1.00)
}

p.hook{
	
	padding-bottom: .2em;
	
}

.program-body nav li.active{
	
	color: #4a321d;
	
}

li.active, li.active:hover{
	
	background-color: #eb4e2d;
	color: #fff;
		
}

.stats p, .table p{
	
	color: #eb4e2d;
	
}

div.table, div.closer{
	
	background-color: #4a321d;
	
}

/* ID */

section#blog{
	
	background-image: url("../assets/images/class-dark.jpg");
	background-position: 50% 47%;
	height: 8.5em;
	background-color: black;
}

section#news{
	
	background-image: url("../assets/images/protest-dark.jpg");
	background-position: 50% 18%;
	height: 8.5em;
	background-color: black;
}

span#blog{
	height: 3em;
}

#exec h3, #exec h4, #exec span p{
	
	text-align: center;
}

#exec h3{
	
	padding-top: .5em;
}

#exec span p{
	
	padding-bottom: 3em;
}


@media screen and (min-width: 1600){
	
}

@media screen and (max-width: 1331){
	
	
}

@media screen and (max-width: 908){
	
	.events-body img{
	
	display: block;
	width: 100%;
	padding: 0px; 
	margin-right: 0%;
		
	}
	
	.blog, .blog p{
		
		color: purple !important;
		display: none;
	}

}

@media screen and (max-width: 749){
	
	
}