/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF TWO  */
.span_2_of_2 {
	width: 100%;
}
.span_1_of_2 {
	width: 49.2%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col {
		margin: 1% 0 1% 0%;
	}
}

@media only screen and (max-width: 480px) {
	.span_2_of_2, .span_1_of_2 { width: 100%; }
}

.event-wrapper {
	width:100%;
}

.event-box {
	min-height:150px;
	display:inline-block;
	padding: 35px 25px 25px 25px;
  margin-bottom: 20px;
	border-bottom: 1px solid #ccc;
}

.event-image {
  width: 180px;
  height: 120px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border: 0px solid #000;
  margin: 0;
}

.event-info{
	margin-bottom:10px;
}
.event-info h1 {
	font-size:20px;
	margin:0px;
	padding:0px;
	color:red;
}

.event-info span {
	display:block;
	margin-top:3px;
}

.event-info .event-date {
	margin-bottom:10px;
}

.event-info .event-date h2 {
  font-size: 20px;
  margin: 0;
}

.event-info .event-location {
	margin-bottom:10px;
}

.event-info .event-cost {
	border: 1px solid #ccc;
	padding: 5px;
	min-width:50px;
  display: inline-block;
  margin: 0 0 5px 0;
}

.event-info .event-register {
	border: 1px solid #e6282c;
	padding: 5px;
	min-width:50px;
	display: inline-block;
	margin: 0 0 5px 3px;
}

.event-summary {
  margin-left:15px;
  margin-top:5px;
 display:inline-block;
 word-break: break-word;
}

.event-summary p {
	padding:0;
	margin:0;
}

.event-summary .findmore {
	margin-top:7px;
	display:block;
	color:red;
}

.event-month-wrapper {
	margin-top:20px;
	padding:25px;
}
.month-header {
 overflow: hidden;
 text-align: center;
 padding:0;
 margin:0;
font-size:25px!important;
}
.month-header:before,
.month-header:after {
 background-color: #333;
 content: "";
 display: inline-block;
 height: 1px;
 position: relative;
 vertical-align: middle;
 width: 50%;
}
.month-header:before {
 right: 0.5em;
 margin-left: -50%;
}
.month-header:after {
 left: 0.5em;
 margin-right: -50%;
}