.dd-flex-wrapper {
	display: flex;
	flex-flow: column;
}
.dd-event {
	display: flex;
	flex-flow: row;
	max-width: 600px;
	position: relative;
	border: solid 1px #ccc;
	border-radius: 12px;
	margin: 4px 0;
	background-color: #FFFFFF;
}
.dd-event .dd-col1 {
	padding: 6px;
	width: 15%;
	display: flex;
	flex-flow: column;
}
.dd-event .dd-col2 {
	padding: 6px;
	width: 60%;
}
.dd-event .dd-col3 {
	padding: 6px;
	width: 25%;
}

.dd-event .dd-col3 .thumb {
	height: 100%;
	display: flex;
	align-items: center;
}
.dd-event .dd-col3 .thumb img {
	margin: 0 auto;
	max-width: 90%;
	max-height: 90%;
	object-fit: cover;
}
.dd-event .dd-col1 p {
	text-align: center;
	margin: 0;
	padding: 0;
}
.dd-event .dd-col1 p.day_num {
	margin: 0;
	padding: 0;
	color: #202020;
	font-size: 2.0em;
}
	
.dd-event .dd-col1 p.month {
	text-transform: uppercase;
}
	
.dd-event .dd-col2 p {
	color: #A4A4A4;
	margin: 0;
	padding: 0 0 4px 0;
}
	
.dd-event .dd-col2 p.title {
	font-size: 1.3em;
	color: #202020;
}
	
.dd-event a.overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	top: 0;
	bottom: 0;
	transition: 0.3s;
	background-color: rgba(0, 0, 0, 0.70);
	opacity: 0%;
	border-radius: 12px;
}
.dd-event a.overlay:hover {
	opacity: 30%;
}

.modal-body .row {
    margin: 40px 20px;
}

.modal-body .title {
    margin: 20px 0 0 0;
}

.modal-body .banner_image {
    margin: 0 0 20px 0;
    display: flex;
	align-items: center;
    height: 250px;
    width:100%;
    overflow:hidden;
}

.modal-body .banner_image img {
    object-fit: cover;
    width: 100%;
}