/* COMMON */
.imxevents .category {
	font-style: italic;
	color: #A6A6A6;
}

.imxevents .accordion header button {
	border: none;
	outline: none;
	background: none;
	font-weight: inherit;
	font-size: inherit;
	font-family: inherit;
	cursor: pointer;
	text-align: left;
	padding: 0;
}


/* DAYS */
.imxevents .days {
	margin: 0 -3px 15px -3px;
}

.imxevents .days header {
	width: 100%;
	margin-bottom: 15px;
}

.imxevents .days a.more {
	text-transform: uppercase;
	float: right;
	margin-top: 17px;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 18px;
	font-weight: bold;
}

.imxevents .days .day {
	padding: 0 3px;
}

.imxevents .days .day a {
	display: inline-block;
	width: 100%;
	height: 42px;
	background: #EBEBEB;
	color: #000;
	position: relative;
	z-index: auto;
}

.imxevents .days .day a span {
	width: 100%;
	position: absolute;
	top: 50%;
	z-index: auto;
	margin-top: -11px;
	line-height: 22px;
	text-align: center;
	text-transform: uppercase;
}

.imxevents .days .day a span.more {
	margin-top: -11px;
	line-height: 22px;
}

.imxevents .days .listViewButton {
	padding: 0 3px;
}

.imxevents .days .listViewButton a {
	display: block;
	height: 42px;
	line-height: 42px;
	padding: 0 10px;
	background: #FF3C2D;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
}



/* LIST */
.imxevents .list .filters {
	background: #EBEBEB;
	padding: 20px;
	margin-bottom: 50px;
}

.imxevents .list .filters .ajax-suggest {
	position: relative;
	z-index: auto;
}

.imxevents .list .filters .ajax-suggest input {
	padding-right: 20px;
}

.imxevents .list .filters .ajax-suggest .styledInput {
	position: relative;
	z-index: auto;
}

.imxevents .list .filters .ajax-suggest .styledInput button {
	width: 50px;
	height: 100%;
	line-height: 100%;
	text-align: center;
	position: absolute;
	z-index: auto;
	right: 0;
	top: 0;
	border: none;
	outline: none;
	background: transparent;
	display: none;
	text-indent: -9999px;
}

.imxevents .list .filters .ajax-suggest .styledInput button::after {
	width: 100%;
	height: 100%;
	line-height: 100%;
	content: '\f00d';
	display: block;
	font-family: 'Font Awesome 5 Free', sans-serif;
	font-size: 23px;
	font-weight: 900;
	text-indent: 0;
}

.imxevents .list .filters .ajax-suggest .styledInput button:hover {
	color: #FFF;
	background: #FF3C2D;
}

.imxevents .list .filters .ajax-suggest.selected .styledInput button {
	display: block;
}

.imxevents .list .filters .ajax-suggest.selected .styledInput #event_filter_venue_ajax {
	padding-right: 55px;
}

.imxevents .list .filters .ajax-suggest ul {
	width: 100%;
	position: absolute;
	z-index: 10;
	top: 100%;
	border: 1px solid #EBEBEB;
	background: #FFF;
}

.imxevents .list .filters .ajax-suggest ul li {
	width: 100%;
	padding: 10px;
	border-bottom: 1px solid #EBEBEB;
}

.imxevents .list .filters .ajax-suggest ul li:last-child {
	border-bottom: none;
}

.imxevents .list .filters .ajax-suggest ul li.sub {
	padding-left: 25px;
}

.imxevents .list .filters .ajax-suggest ul li:hover {
	background: #FF3C2D;
	color: #FFF;
	cursor: pointer;
}

.imxevents .list .filters label {
	font-weight: bold;
}

.imxevents .list .filters label img {
	height: 20px;
	position: relative;
	z-index: auto;
	top: 4px;
}

.imxevents .list .filters div:not(.styledInput) > label {
	text-transform: uppercase;
	font-weight: normal;
}

.imxevents .list .filters .submit button,
.imxevents .list .filters .hnForm .field .styledInput.button.club.submit button {
	font-size: 14px;
	font-weight: bold;
	text-transform: none;
	text-align: left;
	padding-left: 0;
}

.imxevents .list .filters .linkAdditionalFilters a,
.imxevents .list .filters .reset a {
	display: inline-block;
	margin-top: 12px;
}

.imxevents .list .filters .linkAdditionalFilters a::before,
.imxevents .list .filters .reset a::before {
	font-family: 'Font Awesome 5 Free', sans-serif;
	font-weight: 900;
	content: '\f054';
	margin-right: 7px;
}

.imxevents .list .filters .hnForm {
	font-size: 18px;
}

.imxevents .list .filters .hnForm .field input[type="checkbox"] + label,
.imxevents .list .filters .hnForm .field input[type="radio"] + label {
	margin: 0 0 0 27px;
}

.imxevents .list .filters .hnForm .field input[type="date"],
.imxevents .list .filters .hnForm .field input[type="datetime"],
.imxevents .list .filters .hnForm .field input[type="datetime-local"],
.imxevents .list .filters .hnForm .field input[type="email"],
.imxevents .list .filters .hnForm .field input[type="month"],
.imxevents .list .filters .hnForm .field input[type="number"],
.imxevents .list .filters .hnForm .field input[type="password"],
.imxevents .list .filters .hnForm .field input[type="search"],
.imxevents .list .filters .hnForm .field input[type="text"],
.imxevents .list .filters .hnForm .field input[type="time"],
.imxevents .list .filters .hnForm .field input[type="url"],
.imxevents .list .filters .hnForm .field input[type="week"],
.imxevents .list .filters .hnForm .field select,
.imxevents .list .filters .hnForm .field textarea {
	padding: 0 10px;
	font-size: 14px;
}

.imxevents .list .filters .hnForm .field input {
	font-weight: bold;
}

.imxevents .list .filters .hnForm .field input::placeholder {
	font-weight: bold;
	color: #000;
	text-transform: uppercase;
	opacity: 1;
}

.imxevents .list .filters .hnForm .field.date label {
	display: inline-block;
	width: 100%;
	position: relative;
	z-index: 1;
}

.imxevents .list .filters .hnForm .field.date label::after {
	font-family: 'Font Awesome 5 Free', sans-serif;
	font-weight: 900;
	font-size: 18px;
	content: '\f073';
	position: absolute;
	right: 15px;
	top: 36px;
	z-index: 1;
	color: #000;
	cursor: pointer;
}

.imxevents .list .filters .hnForm .field .styledInput.radio {
	margin-top: -5px;
}

/* ADDITIONAL FILTERS */
.imxevents .list .filters .hnForm .additionalFilters {
	max-height: 2500px;
	transition: max-height 250ms ease;
	overflow: hidden;
}

.imxevents .list .filters .hnForm .additionalFilters a {
	color: #0069ff;
}

.imxevents .list .filters .hnForm .linkAdditionalFilters .field .styledInput.button.club button,
.imxevents .list .filters .hnForm .additionalFilters .field .styledInput.button.club button {
	background: #0069ff;
}

.imxevents .list .filters .hnForm .linkAdditionalFilters .field .styledInput.button.club button.text::after {
	width: 50px;
	font-size: 23px;
	height: 50px;
	font-weight: 900;
	line-height: 50px;
	color: #FFF;
	content: '\f106';
	font-family: "Font Awesome 5 Free";
	position: absolute;
	top: 0;
	right: 0;
	text-align: center;
	pointer-events: none;
}

.imxevents .list .filters .hnForm .linkAdditionalFilters .field .styledInput.button.club button.text.closed::after {
	content: '\f107';
}

.imxevents .list .filters .hnForm .additionalFilters .field .styledInput.select:hover::after {
	background: #0069ff !important;
}

.imxevents .list .filters .hnForm .additionalFilters.closed {
	max-height: 0;
}

.imxevents .list .filters .hnForm .additionalFilters .categoryItem.hasSub {
	position: relative;
	z-index: auto;
}

.imxevents .list .filters .hnForm .additionalFilters .categoryItem.hasSub::after {
	font-family: 'Font Awesome 5 Free', sans-serif;
	content: '\f068';
	font-weight: 900;
	font-size: 14px;
	display: block;
	width: 25px;
	height: 25px;
	position: absolute;
	right: 0;
	top: 1px;
	text-align: center;
	cursor: pointer;
}

.imxevents .list .filters .hnForm .additionalFilters .categoryItem.hasSub.collapsed::after {
	content: '\f067';
}

.imxevents .list .filters .hnForm .additionalFilters .categoryItem.hasSub .categoryItem {
	margin-left: 20px;
}

.imxevents .list .filters .hnForm .additionalFilters .categoryItem.hasSub.collapsed .categoryItem {
	display: none;
}

.imxevents .list .filters .hnForm .field input[type="radio"] + label:before {
	border-radius: revert;
}

.imxevents .list .filters .hnForm .field input[type="radio"]:checked + label:before,
.imxevents .list .filters .hnForm .field input[type="checkbox"]:checked + label:before {
	border: unset;
	background: #FFF;
	font-family: 'Font Awesome 5 Free', sans-serif;
	color: #FF3C2D;
	content: '\f00c';
}

.imxevents .list .filters .hnForm .additionalFilters .field input[type="checkbox"]:checked + label:before {
	color: #0069FF;
}

.imxevents .list .event-list {
	margin-top: 20px;
	transition: opacity 0.25s ease-in-out;
}

.imxevents .list .event-day .loading {
	max-height: 0;
	transition: max-height 0.35s ease-in-out;
	overflow: hidden;
}

.imxevents .list .event-day .loading.open {
	max-height: 100px;
}

.imxevents .list .event-day .loading p {
	margin: 20px 0;
	font-size: 16px;
	text-align: center;
}

.imxevents .list .event-day .item-footer {
	border-top: 1px solid #D3D3D3;
	margin: 25px 0 35px 0;
}

.imxevents .list .event-day .item-footer::after {
	content: '';
	display: block;
	clear: both;
}

/*.imxevents .list .event-day .item-footer .count {*/
	/*float: left;*/
	/*text-transform: uppercase;*/
	/*font-size: 14px;*/
/*}*/

.imxevents .list .event-day .item-footer .load-more {
	color: #FFF;
	float: right;
	font-size: 14px;
	cursor: pointer;
	background: #FF3C2D;
	padding: 7px 15px;
}

.imxevents .list .event-day .item-footer .load-more span.load-count {
	font-size: 18px;
	font-weight: bold;
}

.imxevents .list .event-day .item-footer .load-more span.overall-count {
	opacity: 0.8;
}

.imxevents .list .event-day .item-footer .load-more::before {
	font-family: 'Font Awesome 5 Free', sans-serif;
	font-weight: 900;
	content: '\f002';
	margin-right: 7px;
	font-size: 18px;
}

.imxevents .list .event-item .event span.hnzg,
.imxevents .list .event-item.tipp .event::after {
	content: '';
	position: absolute;
	z-index: auto;
	right: 30px;
	top: 23px;
	width: 45px;
	height: 53px;
}

.imxevents .list .event-item.tipp .event::after {
	background: url(../Images/Icons/tipp_text.svg) center center no-repeat;
}

.imxevents .list .event-item.cancelled {
	opacity: 0.3;
}



/* LIST AND LATEST */
.imxevents .latest .event,
.imxevents .list .event {
	margin-bottom: 2px;
	position: relative;
	z-index: auto;
	transition: min-height 0.35s ease-in-out, margin 0.35s ease-in-out;
}

/* LIST AND LATEST */
.imxevents .watchlist .event,
.imxevents .watchlist .event {
	min-height: 143px;
}

.imxevents .watchlist .event:not(.watched),
.imxevents .watchlist .event:not(.watched) {
	overflow: hidden;
	height: 0;
	min-height: 0;
	margin: 0;
}

/*
.imxevents .latest .event .watchlist,
*/
.imxevents .list .event .watchlist {
	width: 20px;
	height: 30px;
	position: absolute;
	right: 0;
	top: 23px;
	z-index: auto;
/*
	background: url(../Images/Icons/pin.svg) center center no-repeat;
*/
}

.imxevents .list .event .watchlist > svg {
	width: 20px;
}

/*.imxevents .list .event .watchlist::after {*/
	/*font-family: 'Font Awesome 5 Free', sans-serif;*/
	/*font-size: 20px;*/
	/*font-weight: 900;*/
	/*content: '\f08d';*/
	/*display: block;*/
	/*width: 100%;*/
	/*height: 100%;*/
	/*color: #000;*/
/*}*/

.imxevents .list .event.watched .watchlist > svg {
	fill: #FF3C2D;
}


.imxevents .list .event.with-date-tile .date {
	display: table;
	height: 100%;
	width: 100%;
	padding-right: 5px;
}

.imxevents .list .event.with-date-tile .date p {
	width: 100%;
	height: 100%;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #000;
}

.imxevents .latest .event .image,
.imxevents .list .event .image {
	font-size: 0;
}

.imxevents .list .event.with-date-tile .image {
	height: 100%;
	overflow: hidden;
}

.imxevents .list .event.with-date-tile .image img {
	max-width: unset;
	height: 100%;
}

.imxevents .latest .event .description,
.imxevents .list .event .description {
	min-height: 143px;
	height: 100%;
	padding: 15px 50px 15px 25px;
	margin-left: 5px;
	border-bottom: 1px solid #CDCDCD;
	color: #000;
}

.imxevents .latest .event-item:last-child .event .description,
.imxevents .list .event-item:last-child .event .description {
	border-bottom: none;
}

.imxevents .latest .event .description .title,
.imxevents .list .event .description .title {
	font-size: 24px;
	line-height: 120%;
	font-weight: bold;
	padding: 5px 0;
}

.imxevents .list .event .description .title span.soldOut {
	color: #ff3c2d;
}




/* LATEST */
.imxevents .latest .event .date {
	height: 100%;
	background: #6E6E6E;
	position: relative;
	z-index: auto;
}

.imxevents .latest .event .date p {
	width: 100%;
	line-height: 22px;
	text-align: center;
	text-transform: uppercase;
	color: #FFF;
	font-size: 16px;
	position: absolute;
	top: 50%;
	margin-top: -22px;
	z-index: auto;
}

.imxevents .latest .event .image {
	padding-left: 5px;
}

.imxevents .latest .event .description {
	min-height: 114px;
	padding: 4px 0 4px 25px;
}

.imxevents .latest .event .description .title {
	padding: 0;
}



/* DETAILS */
.imxevents .details .frame-space-before-extra-small {
	margin-top: 30px;
}
.imxevents .details .frame-space-after-extra-small {
	margin-bottom: 30px;
}

.imxevents .details .frame-space-before-small {
	margin-top: 45px;
}
.imxevents .details .frame-space-after-small {
	margin-bottom: 45px;
}

.imxevents .details .frame-space-before-medium {
	margin-top: 60px;
}
.imxevents .details .frame-space-after-medium {
	margin-bottom: 60px;
}

.imxevents .details .frame-space-before-large {
	margin-top: 100px;
}
.imxevents .details .frame-space-after-large {
	margin-bottom: 100px;
}

.imxevents .details .frame-space-before-extra-large {
	margin-top: 200px;
}
.imxevents .details .frame-space-after-extra-large {
	margin-bottom: 200px;
}

.imxevents .details table.imx {
	width: 100% !important;
	display: block;
	overflow-x: auto;
	white-space: nowrap;
}

.imxevents .details table.imx tbody {
	width: 100%;
	display: table
}

.imxevents .details .images {
	margin-bottom: 15px;
}

.imxevents .details .images > .row {
	padding: 0 8px;
}

.imxevents .details .images > .row > .col {
	padding: 0 7px;
}

.imxevents .details a.image {
	display: inline-block;
	margin-bottom: 15px;
	font-size: 0;
	position: relative;
	z-index: auto;
}

.imxevents .details a.image.last::after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: auto;
	left: 0;
	top: 0;
	background: rgba(0,0,0,0.5);
}

.imxevents .details .accordion {
	margin-bottom: 0;
}

.imxevents .details .accordion:last-child {
	margin-bottom: 1em;
}

/*.imxevents .details .accordion .tab-element {*/
	/*width: 100%;*/
	/*min-height: 1px;*/
/*}*/

/*.imxevents .details .accordion .tab-element.initCalendar {*/
	/*display: block !important;*/
/*}*/

.imxevents .details hr {
	margin: 15px 0;
	border: none;
	border-top: 1px solid #CDCDCD;
}

.imxevents .details header h1 span {
	display: block;
	color: #000;
	font-size: 24px;
}

.imxevents .details header h1 span.soldOut {
	color: #ff3c2d;
	font-size: inherit;
	display: inline-block;
}


.imxevents .details .category {
	margin-top: 35px;
}

.imxevents .details a.back::before {
	font-family: 'Font Awesome 5 Free', sans-serif;
	font-weight: 900;
	content: '\f053';
	margin-right: 7px;
}

.imxevents .details .functions .col {
	text-align: center;
}

.imxevents .details .functions a,
.imxevents .details .functions a img,
.imxevents .details .functions a svg {
	display: block;
	width: 50px;
	height: 50px;
	cursor: pointer;
}

.imxevents .details .functions a.print {
	margin: 0;
	padding: 0;
	border: none;
}

.imxevents .details .functions .watchlist i {
	font-size: 45px;
	color: #000;
}

.imxevents .details.watched .functions .watchlist svg {
	fill: #FF3C2D;
}

.imxevents .citymap {
	padding: 0;
}

/* EVENT DAYS */
.imxevents .details .event-days {
	padding-bottom: 15px;
}

.imxevents .details .event-days .actual-day {
	font-size: 22px;
	padding-bottom: 15px;
}

.imxevents .details .event-days .more-dates img {
	height: 20px;
	padding-right: 5px;
	position: relative;
	z-index: auto;
	top: 3px;
}


.imxevents .details .event-days .days a {
	padding: 5px 0;
	display: inline-block;
}

.imxevents .details .event-days .days .row div {
	display: none;
}

.imxevents .details .event-days .days .row div:first-child,
.imxevents .details .event-days .days .row div:nth-child(2),
.imxevents .details .event-days .days .row div:nth-child(3) {
	display: initial;
}

.imxevents .details .event-days .days.visible .row div {
	display: initial;
}

.imxevents .details .event-days .toggle-days {
	text-align: right;
}

/* CALENDAR */
.imxevents .details .calendars {
	position: relative;
	z-index: auto;
}

.imxevents .details .calendars .prev,
.imxevents .details .calendars .next {
	position: absolute;
	z-index: 10;
	width: 40px;
	height: 40px;
	line-height: 40px;
	background: #FF3C2D;
	color: #FFF;
	top: 0;
	text-align: center;
	font-size: 26px;
}

.imxevents .details .calendars .prev {
	left: 0;
	border-right: 3px solid #FFF;
}

.imxevents .details .calendars .next {
	right: 0;
	border-left: 3px solid #FFF;
}

.imxevents .details .calendars .calendar {
	width: 100%;
}

.imxevents .details .calendars .calendar .month {
	text-align: center;
	background: #F9F9F9;
	border: 1px solid #F2F2F2;
	min-height: 38px;
	line-height: 38px;
	margin-bottom: 2px;
}

.imxevents .details .calendars .calendar .weekDay,
.imxevents .details .calendars .calendar .day {
	display: block;
	opacity: 0.3;
	background: #F9F9F9;
	border: 1px solid #F2F2F2;
	position: relative;
	z-index: auto;
	margin: 2px;
	min-height: 35px;
}

.imxevents .details .calendars .calendar .weekDay {
	padding: 7px 7px;
	opacity: 1;
}

.imxevents .details .calendars .calendar .day > span {
	display: block;
	padding: 7px 7px;
	min-height: 35px;
	height: 100%;
	text-align: right;
}

.imxevents .details .calendars .calendar .day.active {
	opacity: 1;
}

.imxevents .details .calendars .calendar .day.event {
	border-color: #FF3C2D;
}

.imxevents .details .calendars .calendar .day.event span {
	font-weight: bold;
	cursor: pointer;
}

.imxevents .details .calendars .calendar .day .infoPopup {
	width: 150px;
	height: 85px;
	position: absolute;
	top: -75px;
	right: -1px;
	z-index: 20;
	padding: 5px 45px 5px 5px;
	border: 1px solid #000;
	background: #FFF;
	color: #000;
	text-align: left;
	display: none;
}

.imxevents .details .calendars .calendar .day.selected .infoPopup {
	display: block;
}

.imxevents .details .calendars .calendar .col:nth-child(-n+4) .day .infoPopup {
	left: -1px;
	right: unset;
}

.imxevents .details .calendars .calendar .day .infoPopup a {
	color: #000;
	font-weight: bold;
}

.imxevents .details .calendars .calendar .day .infoPopup a span {
	font-weight: normal;
}

.imxevents .details .calendars .calendar .day .infoPopup a.close {
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #FFF;
	position: absolute;
	right: 0;
	top: 0;
	z-index: auto;
	background: #FF3C2D;
}

.imxevents .details .subevents h2 {
	margin: 15px 0 5px 0;
}

.imxevents .details .subevents .list .event-list {
	margin-top: 0;
}

.imxevents .details .subevents .list .event .description {
	min-height: 140px;
	padding-top: 0;
}

.imxevents .details .google a,
.imxevents .details .parking a {
	font-size: 18px;
}

.imxevents .details .google a::before,
.imxevents .details .parking a::before {
	position: relative;
	z-index: auto;
	top: 7px;
	content: '';
	display: inline-block;
	width: 26px;
	height: 26px;
	margin-right: 7px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

.imxevents .details .parking a::before {
	background-image: url(../Images/Icons/parking.svg);
}

.imxevents .details .google a::before {
	background-image: url(../Images/Icons/marker.svg);
}





/*.imxevents .details .calendars .calendar .day a {*/
	/*float: right;*/
	/*font-size: 26px;*/
/*}*/


.imxevents .list .filters .hnForm .field .button.club button {
	height: 50px;
}

@media only screen and (max-width: 767px) {
	.imxevents .latest .event .description,
	.imxevents .list .event .description {
		min-height: auto;
		padding-left: 0;
		border-bottom: none;
	}

	.imxevents .days header {
		margin-bottom: 10px;
	}

	.imxevents .days a.more {
		display: inline-block;
		float: none;
		margin: 0 0 25px 0;
	}
}

@media print {
	.facelift-2018 #header {
		padding: 15px 0 !important;
	}

	.facelift-2018 .header-slider {
		display: none;
	}

	.imxevents .details a.back {
		display: none;
	}

	.imxevents .details .category {
		margin: 0;
	}

	.imxevents .accordion header {
		background: none;
	}

	.imxevents .accordion div.tab-element {
		display: block !important;
	}

	.imxevents .accordion #dates {
		display: none !important;
	}
}
