.ou-je-component span.cal-image img {
    float: right;
    /* margin-right: -200px; */
    margin-right: 15px;
    margin-top: 30px;
}
		.cal-block-item {
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	padding-bottom: 10px;
	padding-top: 15px;
}

.cal-block-item .event-details {
	display: unset;
	display: flex;
	flex-direction: column-reverse;
}

.cal-block-item .date-time {
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 5px;
}

.cal-block-item .events-image {
	border-radius: 5px;
	overflow: hidden;
	margin-bottom: 15px;
	box-shadow: 0 4px 5px rgba(0, 0, 0, 0.2);
	aspect-ratio: 16 / 9;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
	width: 100%;
    height: auto;

}


.cal-block-item .events-image a::after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: "";
}


.cal-block-item .events-image img	{filter: brightness(100%);
	transition: all 1s ease;
}			
.cal-block-item .events-image img:hover {
	transform: scale(1.05);
}		
.cal-block-item .calwidget.clean {
	display: flex;
	flex-direction: column;
	text-align: center;
	max-height: 50px;
	padding-right: 15px;
	border-right: solid 1px #c2c2c2;
	margin-right: 15px;
}
			

			
.cal-block-item .calwidget.blue {
    display: flex;
    flex-direction: column;
    text-align: center;
    margin-right: 15px;
    border-radius: 5px;
    block-size: fit-content;
    min-width: 55px;
    overflow: hidden;
    box-shadow: rgb(99 99 99 / 47%) 0px 2px 8px 0px;
}

.cal-block-item .calwidget.black {
    display: flex;
    flex-direction: column;
    text-align: center;
    margin-right: 15px;
    border-radius: 5px;
    block-size: fit-content;
    min-width: 55px;
    overflow: hidden;
    box-shadow: rgb(99 99 99 / 47%) 0px 2px 8px 0px;
}
			
.cal-block-item .detail-wrap {
	display: flex;
	flex-direction: row;
	/* margin-left:15px; */
	margin-top: 8px;
}
.cal-block-item .event-description {
	margin-top: 15px;
}
.cal-block-item .event-title {
	font-size: 21px;
	font-weight: bold;
	line-height: 1.1em;
}
		
.cal-block-item .inner-detail-wrap .event-title {
    color: #32546d;
}

.cal-block-item .inner-detail-wrap a .event-title {
    color: #2f76b2;
}			

.cal-block-item .subtitle {
    font-size: 17px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.cal-block-item .day {
	font-size: 20px;
	font-weight: bold;
}
.cal-block-item .month {
	font-size: 16px;
	color: #6c6c6c;

	font-weight: bold;
}


.cal-block-item .calwidget.blue .month {
    font-size: 16px;
    color: #ffffff;

    font-weight: bold;
    background-color: #0069aa;
    padding-top: 3px;
}

.cal-block-item .calwidget.black .month {
    font-size: 16px;
    color: #ffffff;

    font-weight: bold;
    background-color: #252525;
    padding-top: 3px;
}







@media only screen and (min-width: 1200px) {

	.cal-block-item .event-details {
		display: unset;
		display: flex;
		flex-direction: row;
		/* align-items: center; */
	}
	




	.cal-block-item .events-image {

		border-radius: 5px;
		overflow: hidden;
		margin-bottom: 15px;
		box-shadow: 0 4px 5px rgba(0, 0, 0, 0.2);
		margin-left: 15px;
		align-self: start;
		flex-basis: 50%;
	}

	
	.cal-block-item .detail-wrap {

		display: flex;
		flex-direction: row;
		flex-basis: 50%;
		margin-top: 0px;
	}
	
	.cal-block-item .detail-wrap.wide {

flex-basis: 100%;}



}		

/* Simplify display on IE */	
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

	.cal-block-item {
		display: block;
	}

	.cal-block-item .event-details {
		display: block;
	}

	.cal-block-item .calwidget {
		display: none;
	}

	.cal-block-item .detail-wrap {
		display: block;
	}


	.cal-block-item .event-details {
		display: block;
	}


	.cal-block-item .detail-wrap {
		display: block;
	}


}
			
.cal-block-item .calbutton {
    margin-top: 15px;
}

/*Addition to fix missing description */
.cal-block-item .inner-detail-wrap {
    display: flex;
    flex-direction: column;
    justify-content: space-between; 
}

.cal-block-item .event-details {
    flex-grow: 1; 
}

/* Separator when stacked */

div.cal-block-item + div.cal-block-item {
    margin-top: 15px;
    padding-top: 30px;
    border-top: 2px dotted rgba(0, 0, 0, 0.1);
}
			
/* Container rules */
.col-md-4 .cal-block-item, .col-xs-4 .cal-block-item, .col-lg-4 .cal-block-item, .col-sm-4 .cal-block-item, .col-sm-6 .cal-block-item, .col-sm-7 .cal-block-item .col-sm-5 .cal-block-item {
	container-type: inline-size;
	container-name: event-cal-containter;
}
@container event-cal-containter (max-width: 900px) {
.cal-block-item .day {
	font-size: 18px;
}
.cal-block-item .month {
	font-size: 16px;
}
.cal-block-item .events-image {
	border-radius: 5px;
	overflow: hidden;
	margin-bottom: 15px;
	box-shadow: 0 4px 5px rgba(0, 0, 0, 0.2);
	margin-left: 0px;
	flex-basis:100%;
}
	
	.cal-block-item .event-details {
		display: unset;
		display: flex;
		flex-direction: column-reverse;
	}

.cal-block-item .detail-wrap {

		display: flex;
		flex-direction: row;
		margin-left: 0px;
		margin-top: 8px;
		flex-basis: unset;
	}

}