html .upcoming-events-container h2,
html .featured-events-container h2 {
	font-weight: 600;
	margin-bottom: 15px;
}

.upcoming-event-date-title,
.featured-event-title {
	font-size: 18px;
}

.upcoming-events-container h2,
.upcoming-event-date-title a,
.featured-event-read-more a {
	color: #005671;
}

/*Upcoming Events*/
.upcoming-events-container {
	background-color: #fff;
	padding: 20px;
    overflow-y: scroll;
    height: 692px;
}

.upcoming-events-container::-webkit-scrollbar {
	background-color: transparent;
	width: 9px;
}

.upcoming-events-container::-webkit-scrollbar-thumb {
	background-color: #6C6C6C;
	border-radius: 10px;
}

.upcoming-event {
	margin-bottom: 15px;
}

.upcoming-events-container h2 {
	text-align: center;
}

.upcoming-event-date {
	font-weight: 600;
}

/*End Upcoming Events*/

/*Featured Events*/
.featured-events-container h2 {
	color: #fff;
}

.featured-event-image-block {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 250px;
}

.featured-event-image-block,
.featured-event-info-block {
	border: 1px solid #6C6C6C;
}

.featured-event-info-block {
	margin-bottom: 30px;
}

.featured-event-info-block {
    background-color: #fff;
    padding: 10px 20px;
    margin-top: -7px;
}

.featured-event-title {
	font-weight: 600;
}

.featured-event-title a,
.featured-event-date {
	color: #323232;
}

.featured-event-date {
	font-size: 16px;
}

/*End Featured Events*/

/**Resposnive**/
@media screen and (min-width: 81.25em) {
	html .upcoming-events-container h2,
	html .featured-events-container h2 {
		font-size: 26px;
	}
}

@media screen and (min-width: 37.50em) {
	.featured-event {
	    display: inline-block;
	    width: 46%;
	    vertical-align: top;
	}

	.featured-event:nth-child(even) {
	    margin-right: 6%;
	}
}

@media screen and (max-width: 81.19em) {
	html .upcoming-events-container h2,
	html .featured-events-container h2 {
		font-size: 20px;
	}
}

@media screen and (max-width: 68.75em) {
	.et_pb_gutters3 .home-events .home-featured-events,
	.et_pb_gutters3 .home-events .home-upcoming-events {
		display: block;
		width: 100%;
		margin-right: 0;
	}

	html .upcoming-events-container h2,
	html .featured-events-container h2 {
		font-size: 30px;
		text-align: center;
	}

	.featured-event {
	    width: 46.65%;
	}

	.upcoming-events-container {
    	height: auto;
	}

	.upcoming-event {
	    display: inline-block;
	    width: 46%;
	    vertical-align: top;
	}

	.upcoming-event:nth-child(even) {
	    margin-right: 6%;
	}
}

@media screen and (max-width: 61.25em) {
	.et_pb_gutters3 .home-events .home-featured-events {
		margin-bottom: 0;
	}
}

@media screen and (max-width: 47.94em) {
	.featured-event {
    	width: 46.5%;
	}
}

@media screen and (max-width: 37.44em) {
	.featured-event {
	    width: 100%;
	}

	.featured-event-info-block {
	    text-align: center;
	}

	.upcoming-events-container {
	    height: 500px;
	}

	.upcoming-event {
	    display: block;
	    width: 100%;
	}

	.upcoming-event:nth-child(even) {
	    margin-right: 0;
	}
}

@media screen and (max-width: 29.94em) {
	html .upcoming-events-container h2,
	html .featured-events-container h2 {
		font-size: 20px;
	}

	.featured-event-date {
	    font-size: 14px;
	}

	.upcoming-event-date-title, .featured-event-title {
	    font-size: 16px;
	}
}