#filterContainer {
	margin:         10px;
	padding:        10px;
	height:         100%;
	background:     #212121;
	border-radius:  10px;
	box-shadow:     0px 0px 5px rgba(0, 0, 0, 0.8);
	border:         1px solid rgba(255, 255, 255, 0.1);
	min-width:      300px;
}
.bigFilterHead {
	font-size:      2em;
	font-weight:    bold;
	text-transform: uppercase;
	border-bottom:  1px solid #eee;
	padding-bottom: 5px;
	margin-bottom:  20px;
}
.filterHead {
	font-size:      1.2em;
	text-transform: uppercase;
	opacity:        0.7;
	text-shadow:    0px 2px 3px #000;
	margin-bottom: 	10px;
}
.filterSection {
	margin:         10px;
	border:         1px solid rgba(255, 255, 255, 0.1);
	padding:        10px;
	border-radius:  5px;
	background:     #373737;
	box-shadow:     0px 0px 3px #000;
}
.filterCheckSquare {
	position:       relative;
	padding:        10px;
	background:     #212121;
	border-radius:  5px;
	margin-right:   10px;
	border:         1px solid rgba(255, 255, 255, 0.3);
}
.filterCheckSquare svg{
	position: 		absolute;
	top: 			-10px;
	left: 			-3px;
	transition: 	all 0.3s cubic-bezier(0.68, -0.6, 0.32, 1.6);
	transform: 		scale(0);
}
.filterCheck{
	position: relative;
}
.filterCheckbox{
	position:   absolute;
	height:     100%;
	width:      100%;
	top:        0px;
	left:       -5px;
	opacity:    0;
	z-index: 	10;
}
.filterCheckbox:checked + .filterCheckSquare svg{
	transform: scale(1.2);
}
.venueFilterItem{
	margin: 5px 0px;
}
.filterSearcher{
	padding: 		5px;
	width: 			calc(100% - 15px);
	margin-bottom: 	10px;
	border-radius: 	5px;
	border: 		none;
	font-size: 		1em;
	background: 	#fff;
	border: 		1px solid #fff;
	box-shadow: 	0px 3px 5px rgba(0,0,0,0.5);
}
.filterSearcher:focus{
	outline: none;
}
.dateRange{
	padding: 		5px;
	width: 			calc(100% - 15px);
	margin-bottom: 	10px;
	border-radius: 	5px;
	border: 		none;
	font-size: 		1em;
	background: 	#fff;
	border: 		1px solid #fff;
	box-shadow: 	0px 3px 5px rgba(0,0,0,0.5);
}
.dateRange:focus{
	outline: none;
}
#filterItemsContainer {
	max-height: 110px;
	overflow: 	auto;
}
#minMaxPriceContainer{
	position: 			relative;
	justify-content: 	space-between;
}
#minMaxPriceContainer input{
	padding: 		5px;
	width: 			calc(100% - 15px);
	margin-bottom: 	10px;
	border-radius: 	5px;
	border: 		none;
	font-size: 		1em;
	background: 	#fff;
	border: 		1px solid #fff;
	box-shadow: 	0px 3px 5px rgba(0,0,0,0.5);
}
.event{
	margin: 				10px;
	padding: 				1rem;
	border: 				1px solid #424242;
	border-radius: 			5px;
	background: 			#212121;
	height: 				300px;
	width: 					200px;
	background-size: 		100%;
	position: 				relative;
	overflow: 				hidden;
	background-position: 	center;
}
.event:hover .eventNameContainer{
	top: 0px;
}
.eventNameContainer{
	position: 			absolute;
	top: 				100%;
	padding: 			10px;
	background: 		rgba(0, 0, 0, 0.6);
	width: 				calc(100% - 20px);
	left: 				0px;
	text-align: 		center;
	box-shadow: 		0px -5px 10px rgba(0, 0, 0, 0.6);
	backdrop-filter: 	blur(6px);
	height: 			calc(100% - 20px);
	justify-content: 	space-around;
	transition: 		top 0.6s cubic-bezier(0.87, 0, 0.13, 1);
}
.CTA{
	background: 	#607D8B;
	padding: 		10px;
	border-radius: 	5px;
	box-shadow: 	0px 0px 5px rgba(0, 0, 0, 0.6);
	border: 		1px solid rgba(255, 255, 255, 0.3);
	cursor: 		pointer;
}
.overBanner {
	background: 	#B71C1C;
	position: 		absolute;
	width: 			200%;
	text-align: 	center;
	left: 			-102%;
	margin: 		50%;
	transform: 		rotate(-55deg);
	top: 			10%;
	box-shadow: 	0px 0px 5px rgba(0, 0, 0, 0.6);
	padding: 		5px;
}
.dateContainer {
	justify-content: 	center;
	align-items: 		center;
	font-size: 			1em;
}
.dateContainer P{
	width: 60px;
}
.ticketPriceContainer{
	align-items: center;
}
.ticketPriceContainer p{
	width: 60px;
}
.eventDate {
	position: 			absolute;
	padding: 			10px;
	background: 		rgba(0, 0, 0, 0.6);
	width: 				calc(100% - 10px);
	top: 				0px;
	left: 				0px;
	text-align: 		center;
	box-shadow: 		0px 3px 10px rgba(0, 0, 0, 0.6);
	border-bottom: 		1px solid rgba(255, 255, 255, 0.3);
	backdrop-filter: 	blur(10px);
}