.eventAllTextEventsListCustom{
	width: 100%;
	color: var(--textColor);
}
.eacheventEventsListCustom:hover{
	text-shadow:none;
	text-decoration: none;
	z-index: 2;
	box-shadow:
			0 0 1vmin 1vmin #ccffccff;
}
.eacheventEventsListCustom:hover .eventImageEventsListCustom{
	min-height: 120%;
	min-width: 120%;


}
.eacheventEventsListCustom:hover .eventNameEventsList {
	text-shadow: 0.1vmin 0.1vmin 0.4vmin #ffff,
	-0.1vmin -0.1vmin 0.4vmin #ffff;
}
.eventNameEventsListCustom{
	display:flex;
	flex:3;
	padding:0;
	overflow: hidden;
	margin:auto 1vmin;
	font-size:var(--h3FontSize);
	line-height:var(--h3FontSize);
	text-align: left;
	vertical-align:middle;
}
.eventImageEventsListCustom{
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;

	object-fit: cover;
	min-height: 100%;
	min-width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	transition:0.3s;
	transform: translate(-50%,-50%);
}
.eventLogoContainerEventsListCustom{
	position: relative;
	width: 14vmin;
	min-width: 14vmin;
	height:auto;
	display: inline;
	overflow: hidden;
	border-radius: 1vmin;
}
.eacheventEventsListCustom{
	display: flex;
	flex-direction:row;
	position:relative;
	width:92vmin;
	margin: 1vmin 1vmin;
	height: auto;
	text-decoration : none;

	padding: 0;
	z-index: 1;
	box-shadow: 0 0 0.94vmin 0.94vmin var(--shadowColor);
	transition: 200ms linear;
	border-radius: 1vmin;
}



.eacheventEventsListShort:hover{
	text-shadow:none;
	text-decoration: none;
	z-index: 2;
	box-shadow:
			0 0 1vmin 1vmin #ccffccff;
}
.eacheventEventsListShort:hover .eventImageEventsListShort{
	margin: -1vmin -1vmin;
	width: 16vmin;
	height:16vmin;
}
.eacheventEventsListShort:hover .eventNameEventsList {
	text-shadow: 0.1vmin 0.1vmin 0.4vmin #ffff,
	-0.1vmin -0.1vmin 0.4vmin #ffff;
}
.eventNameEventsListShort{
	display:flex;
	flex:3;
	padding:0;
	overflow: hidden;
	margin:auto 1vmin;
	font-size:var(--h4FontSize);
	line-height:var(--h4FontSize);
	text-align: left;
	vertical-align:middle;
}
.eventImageEventsListShort{
	width: 14vmin;
	height:14vmin;
	background-position: center center;
	background-repeat: no-repeat;
	object-fit: cover;
	transition:0.3s;
}
.eventLogoContainerEventsListShort{
	width: 14vmin;
	height:14vmin;
	display: inline;
	overflow: hidden;
	border-radius: 1vmin;
}
.eacheventEventsListShort{
	display: flex;
	flex-direction:row;
	position:relative;
	width:80vmin;
	margin: 1vmin 8vmin;
	height:14vmin;
	text-decoration : none;

	padding: 0;
	z-index: 1;
	box-shadow: 0 0 0.94vmin 0.94vmin var(--shadowColor);
	transition: 200ms linear;
	border-radius: 1vmin;
}

.eacheventEventsList:hover{
	text-shadow:none;
	text-decoration: none;

	z-index: 2;
	box-shadow:
	0 0 1vmin 1vmin #ccffccff;
}
.eacheventEventsList:hover .eventImageEventsList{
	margin: -2vmin -2vmin;
	width: 32.2vmin;
	height:32.2vmin;
}
.eacheventEventsList:hover .eventNameEventsList {
	text-shadow: 0.1vmin 0.1vmin 0.4vmin #ffff,
	-0.1vmin -0.1vmin 0.4vmin #ffff;


}

.eacheventEventsList{
	display: flex;
	flex-direction:row;
	position:relative;
	width:94vmin;
	height:28.2vmin;
	text-decoration : none;

	padding: 0;
	z-index: 1;
	box-shadow: 0 0 0.94vmin 0.94vmin var(--shadowColor);
	transition: 200ms linear;
	border-radius: 1vmin;
}
.focusEvent{
	padding: 1vmin;
	margin: -1vmin;
	z-index: 50;
}
.filtersH2{
	margin: 0 0 1vmin;
}
.passedFilters{
	display: none;
	font-size: var(--h3FontSize);
}
.failedFilters{
	font-size: var(--h3FontSize);
	color:darkred;
}
.eventLogoContainerEventsList{
	width: 28.2vmin;
	height:28.2vmin;
	display: inline;
	overflow: hidden;
	border-radius: 1vmin;
}
.eventImageEventsList{
	width: 28.2vmin;
	height:28.2vmin;
	background-position: center center;
    background-repeat: no-repeat;
	object-fit: cover;
	transition:0.3s;
}
.eventalltextEventsList{
	width: 65.2vmin;
    display:flex;
    flex:3;
    flex-direction:column;
	padding:0;
	overflow: hidden;
	margin:0;
	font-size:var(--h2FontSize);
    line-height:4vmin;
    text-align: left;
    vertical-align:middle;
	color: var(--textColor);
}
.collectionName{
	max-height: calc(var(--h2FontSize)*3);
	line-height: var(--h2FontSize);
	margin: 0;

	padding:1vmin;
}
.collectionDescriptionInList{
	max-height: calc(var(--h3FontSize)*4);
	line-height: var(--h3FontSize);
	margin: 0;
	font-size: var(--h3FontSize);
	padding:1vmin;
}
.allTextEventsList{
	width: calc(100% - 2vmin);
    display: flex;
    flex:1;
    position:relative;
    margin:0;
    overflow: hidden;
	padding: 0 1vmin;


}
.anytime{
	width: calc(100% - 2vmin);
	display: flex;
	flex:1;
	position:relative;
	margin:0;
	overflow: hidden;
	padding: 0 1vmin;
}

.eventNameEventsList{
	justify-content: center;
	text-overflow: ellipsis;
	word-wrap: break-word;
	overflow: hidden;
	max-height: calc(var(--h2FontSize)*2);
	line-height: var(--h2FontSize);
	margin: 0;
	display: flex;
	flex:3;
	position:relative;
	vertical-align:middle;
	text-align: center;
	padding:0 1vmin;


}
.eventAddressEventsList{
	font-style: italic;
	color: var(--addressColor);
	 display: flex;
	 width: calc(100% - 2vmin);
     flex:2;
     position:relative;
	 padding:0 1vmin;
     overflow: hidden;
	max-height: calc(var(--h2FontSize)*2);
	line-height: var(--h2FontSize);

}
.eventShortDescriptionEventsList{
	font-style: normal;
	color: var(--addressColor);
	display: flex;
	width: calc(100% - 2vmin);
	flex:2;
	position:relative;
	padding:0 1vmin;
	overflow: hidden;
	line-height: var(--h2FontSize);

}
.eventwhenEventsList{



}



.eventPriceAgeContainerEventsList{
}
.eventpriceEventsList{
	text-align: left;
	margin: auto 0;
	position:relative;
	display:inline-block;
	width:90%;
	font-size: var(--h2FontSize);
	max-height: 4.8vmin;
	line-height: 4.8vmin;
	word-wrap: break-word;
	overflow: hidden;
}
.textLeft{
	text-align: left;
	margin: auto 0;
}
.dateTimeSpan{
	text-align: left;
	width: 100%;
	margin: auto 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.pastDate{
	opacity: 0.5;
}
.noFutureDates{
	background-color: #ccc;
	opacity: 0.7;
}
.textRight{
	text-align: right;
	margin: auto 0;
}
.eventagerateEventsList{
	position:relative;
	display:inline-block;
	width:auto;
	text-align: right;
	margin: auto 0;
    overflow: hidden;
}
.collection{
	background-color: #ffd5d9;
}

.place{
	background-color: #ffe5cf;
}