.block-region-right {
    background: #FFF;
    padding: 30px 4% !important;
    margin-top: 30px;
    position: relative;
}
.eventslistblocks ul, .eventslistblocks li{
	padding:0;
	margin:0;
}
.eventslistblocks li{
	list-style:none;
}
.eventslistblocks .eventsitem{
	display:flex;
	flex-wrap:wrap;
	padding:10px;
	border-radius:8px;
	margin:10px;
	box-shadow:2px 2px 6px #cccccc;
	position:relative;
}
.time {
    position: absolute;
    left: 35%;
    bottom: 15px;
    padding-left: 20px;
    color: #6A9271;
}
.eventslistblocks .imgs {
    width: 35%;
    text-align:center;
}
.eventslistblocks .imgs img{
	border-radius:5px;
}
.eventslistblocks .eventinfo {
    width: 65%;
    padding:10px 20px;
}
.eventinfo p{
	margin-bottom:3px;
}
.eventinfo p.title a{
	line-height: 150%;
	-webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow:hidden;
    font-size:18px;
	font-weight:600;
}
.item-list {
    overflow: hidden !important;
    margin-bottom: 40px;
}
@media(max-width:540px){
	.eventslistblocks .imgs {
    width: 90%;
    margin: 0 auto;
}
.eventslistblocks .eventinfo {
    width: 100%;
}
.eventinfo p.title{
	font-size:16px;
	font-weight:400;
}
.time{
	position: initial;
	margin-top:20px;
}
}

@media(min-width:992px){
.eventslistblocks .eventsitem:hover{
	background-color:#F5FDFA;
	
}
.eventslistblocks .eventsitem:hover:after{
    content: "";
    width: 100px;
    height: 100px;
    position: absolute;
    right: 5%;
    top: 10%;
    background: url(../../notice-bg.png) no-repeat center center;
    background-size: contain;
    z-index: 1;
}
}