.event-next.container {
	background-color: rgba(0,0,0,0.25);
	padding: 30px 40px 30px 45px;
  	text-align: left;
  	cursor: pointer;
  	position: relative;
	margin-top: 30px;
	color: #ffffff;
	min-width: 60%;
	max-width: 80%;
}
	
.event-next.container:hover {
	background-color: rgba(0,0,0,0.20);	
}

.event-next .link {
  	position: absolute;
  	width: 100%;
  	height: 100%;
  	top: 0;
  	left: 0;
  	z-index: 1;
}
.event-detail {
	margin: 0;
}
.event-next.container h5 {
	color: rgb(214, 210, 206);
	position: relative;
	left: 5px;
}
.event-next.container .event_cat {
  	position: absolute;
	margin: 0;
	display: inline-block;
	left: 1px;
	top: 1px;
	transform-origin: top left;
	transform: rotate(-90deg) translateX(-100%);
}
	
@media (max-width: 767px) {
	
	.event-next.container {
		width: 100%;
		max-width: 100%;
		margin-top: 30px;
	}

}