@CHARSET "UTF-8";

#eventheader {
	xmargin-top: 20px;
	
	background-color: #236880;
	background-size: cover;
	background-position: top center;
	color: white;
	position: relative;
	min-height: 250px;		
	xpadding-right: 150px;
}

#eventheader H1, #eventheader A {
	color: white;	
}

#eventDescription IMG {
	height: auto !important;
	max-width: 100% !important;	
}



#eventheader .shade {
	background: rgba(0,0,0,0.2);
	xwidth: 100%;
	xheight: 100px;
	xposition: absolute;
	xtop: 0;
	xleft: 0;
	padding: 20px;
	min-height: 250px;
	box-sizing: border-box;
}

#eventheader .fullwidthblock {
	min-height: 250px;
}

#eventinfo {
	
	position: absolute;
	bottom: 0;
	left: 0px;
	padding: 0 20px;
	
}

@media only screen and (max-width: 550px) {
	#eventinfo {
		position: static;
	}
}



#eventDescription {
	padding: 20px;
	overflow: hidden;
}

#eventDescription P {
	margin: 10px 0;	
}






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

	#eventpagelayout {
		border-collapse: separate;
		display: table;
	}	
	
	#eventheadwrap {
		xborder-collapse: separate;
		xdisplay: table-header-group;
	}
	
	#eventDescription {
		border-collapse: separate;
		display: table-row-group;
	}
	
	.sidebar {
		border-collapse: separate;
		display: table-footer-group;
		float: none;
	}
	
}