/**Upcoming Events**/
.upcoming-event {
	background-color: #fff;
}

.upcoming-event-feat-img,
.upcoming-event-description {
	width: 49%;
}

.upcoming-event-description {
	vertical-align: top;
	padding: 10px 20px;
}

.upcoming-event-title {
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
}

.upcoming-event-title,
.upcoming-event-time {
	margin-bottom: 20px;
}

.upcoming-event-date a,
.upcoming-event-read-more a {
	color: #456c07;
	font-size: 14px;
	font-weight: bold;
}

.upcoming-event-title a {
	color: #283e04;
}

.upcoming-event-time {
	color: #000;
	font-size: 14px;
}

.upcoming-event-read-more a {
    background-color: #CEDFAB;
    display: inline-block;
    padding: 5px 10px;
}

/**End Upcoming Events**/

/**Resposnive**/
@media screen and (min-width:61.31em) {
	.upcoming-event-read-more a:hover {
		background-color: #f7cc1d;
		color: #474548;
	}
}

@media screen and (min-width:81.31em) {
	/**Upcoming Events**/
	.upcoming-event {
		width: 31%;
		display: inline-block;
	}

	.upcoming-event:not(:last-of-type) {
		margin-right: 3%;
	}

	.upcoming-event,
	.upcoming-event-feat-img {
		height: 250px;
	}

	.upcoming-event-feat-img {
		background-color: #5F8243;
	}

	.upcoming-event-feat-img,
	.upcoming-event-description {
		display: inline-block;
	}

	.upcoming-event-image {
	    position: relative;
	    top: 50%;
	    transform: translateY(-50%);
	}

	/**End Upcoming Events**/
}

@media screen and (max-width:81.25em) {
	/**Upcoming Events**/
	.upcoming-events-container {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		overflow: hidden;
	}

	.upcoming-event {
		flex: 1;
	}

	.upcoming-event:not(:last-child) {
		margin-right: 5%;
	}

	.upcoming-event-feat-img,
	.upcoming-event-description {
		display: block;
	}

	.upcoming-event-feat-img {
		width: 100%;
	}

	.upcoming-event-description {
		width: 100%;
		padding: 10px 20px 20px;
	}
	/**End Upcoming Events**/
}

@media screen and (max-width:56.19em) {
	/**Upcoming Events**/
	.upcoming-events-container {
		display: block
	}

	.upcoming-event {
		width: 100%;
		max-width: 350px;
		display: block;
		padding-bottom: 30px;
		margin: 0 auto;
	}

	.upcoming-event:not(:last-child) {
		margin-right: auto;
	}

	.upcoming-event:not(:last-of-type) {
		margin-bottom: 40px;
	}

	.upcoming-event-feat-img a {
	    display: block;
	    margin-bottom: -6px;
	}

	.upcoming-event-image {
	    width: 100%;
	}

	.upcoming-event-description {
	    text-align: center;
		padding: 10px 20px 0;
	}

	.upcoming-event-title {
		font-size: 20px;
		padding-bottom: 20px;
	}

	.upcoming-event-time {
		font-size: 14px;
	}

	/**End Upcoming Events**/
}