#sectionCalenarList{
	text-align:center;
	display: grid;
	/*grid-template-columns: auto auto auto;*/
	grid-template-columns: repeat(3, 1fr);
	padding: 25px;
	padding: 0px 25px;
	position:relative;
}
#sectionEventListHeading{
		display:block;
}
		
#sectionCalenarList .prev{
	background-image:url('/20230403154933oe_/https://www.cumissc.com/images/icon/icon_prev_large.png');
	left:0px;
	
}
#sectionCalenarList .next{
	background-image:url('/20230403154933oe_/https://www.cumissc.com/images/icon/icon_next_large.png');
	right:0px;
	
}
#sectionCalenarList .prev,#sectionCalenarList .next{
	background-size:contain;
	width:60px;
	height:60px;
	top:calc(50% - 30px );
	position:absolute;
	z-index:10;
	cursor:pointer;
}
.divCalendar{
	display:inline-block;
	margin:20px;
	margin: 0px 20px 0px 20px;
	border: 2px solid var(--text-purple_light);
	border-radius: 10px;
    background-color: #ffffff;
}
.event-item {
	border-bottom:3px solid #d1d3d4;
	margin:40px 0px;
	/*padding:40px 50px;*/
	padding: 0px 50px 40px 0px;
}
.event-item:first-child{
	margin-top:0px;
}
.event-item:last-child{
	border-bottom:0px;
	margin-bottom:0px;
}
		.event-item .event-poster, .event-item .event-info{
			display:inline-block;
			vertical-align: top;
			font-size:0px;
		}
		.event-item .event-poster{
			width:170px;
			position:relative;
		}
		.event-item .event-poster a:after{
			/*
			background-image: url(/20230403154933oe_/https://www.cumissc.com/images/icon/icon_view.png);
			background-size: 20%;
			background-repeat: no-repeat;
			background-position: right bottom;
			position: absolute;
			bottom: -20px;
			right: -20px;
			width: 100%;
			height: 100%;
			content: '';
*/
		}
		.event-item .event-info{
			width:calc( 100% - 170px - 60px );
			margin-left:40px;
			font-size:18px;
			text-align:left;
			padding-top: 0px;
		}
		.event-item .event-title{
			font-size:1.2em;
			color:var(--text_purple);
			font-family:var(--content-font);
			font-weight:bold;
		}
		.event-item .event-desc{
			margin-top:25px;
			margin-bottom:25px;
		}
		.event-item .event-link a{
			color:var(--text_purple);
		}
		h1:last-child{
			padding-top:15px;
		}
		.filterY{
			list-style-type:none;
			display:none;
		}
		.filterY li{
			
			border-radius:50%;
			width:50px;
			height:50px;
			background-color:#ffff00;

			color:#000000;
			display:inline-block;
		}		
		.IDX-EVENTS .event-items{
			width:calc( 100% - 340px - 20px );
			display:inline-block;
			vertical-align: top;
		}
		.IDX-EVENTS .divCalendar{
			width: calc( 340px - 40px );
			max-width:100%;
			display: inline-block;
			vertical-align: top;
			position:absolute;
		}
		.IDX-EVENTS .event-item:first-child{
			padding-top:0px;
		}
		.divCalendarHeading{
				display:none;
		}
		@media only screen and (max-width:1024px){
			#sectionCalenarList .prev, #sectionCalenarList .next{
				width:45px;
				height:45px;
			}
			.divCalendar{
				margin:10px;
			}
			.IDX-EVENTS .event-items{
				    width: calc( 100% - 300px );
			}
			.IDX-EVENTS .divCalendar{
				margin: 30px auto;
				width: calc( 300px - 10px );
			}
			.IDX-EVENTS .event-item {
				padding: 0px 0px 40px 0px;
				margin-right: 20px;
			}
			.IDX-EVENTS .event-item .event-poster {
				width: 25%;
			}
			.event-item .event-info {
				    width: calc( 100% - 170px - 60px );
					margin-left: 30px;
			}
		}
		@media only screen and (max-width:768px){
			.event-item {
				padding: 0px 0px 40px 0px;
			}
			#sectionCalenarList{
					   grid-template-columns: auto;
			}
			#sectionCalenarList .divPrevCal,  #sectionCalenarList .divNextCal{
				display:none;
			}
			.divCalendarHeading{
				display:block;
			}
			.IDX-EVENTS .event-items{
				width:100%;
				display:block;
			}
			.IDX-EVENTS .divCalendar{
				position:relative;
				display:block;
			}
		}
		@media only screen and (max-width:640px){
			.event-item{
				text-align:center;
			}
			.event-item .event-poster {
				width: 120px;
			}
			.event-item .event-info {
				width: calc( 100% - 120px - 60px );
				margin-left: 20px;
				    padding-top: 0px;
			}
			.event-item .event-poster a:after {
				background-size: 70%;
				background-position: center;
				bottom: -10px;
				right: -10px;
				width: 30px;
				height: 30px;
				background-color: #ffffff;
				border-radius: 50%;
				border: 1px solid #cccccc;
			}
			.IDX-EVENTS .event-item .event-poster {
				    width: auto;
					max-width: 200px;
					margin-bottom:30px;
			}
			
		}
		@media only screen and (max-width:480px){
			.event-item{
				padding-top:0px;
				margin-bottom:20px;
			}
			.event-item .event-poster {
				width:unset;
				/* box-shadow: 10px 5px 5px #f7f7f7; */
				margin-bottom: 25px;
			}
			.event-item .event-poster img{
				max-width: 150px;
				box-shadow: 10px 5px 5px #cccccc;
			}
			.event-item .event-info {
				width: 100%;
			}
			#sectionCalenarList .prev{
				left:20px;
			}
			#sectionCalenarList .next{
				right:20px;
			}
			#sectionCalenarList .prev, #sectionCalenarList .next{
				    top: 25px;
			}
			#sectionCalenarList{
				padding:0px;
			}
			.IDX-EVENTS .event-item {
				padding:0px 0px 50px 0px;
				margin-right:0px;
			}
			.IDX-EVENTS .event-item:last-child{
				padding-bottom:0px !important;
			}
			.IDX-EVENTS .event-item .event-info{
				margin-left:0px;
			}
			.event-item:last-child{
				padding-bottom:0px;
			}
		}