@media all {
	.event-table__container div {color: #666;}
	.event-table__header div {font-family: 'OpenSans-Semibold';}
	.event-table__entry div {font-family: 'OpenSans-Regular';}
	.row[class*="event-"] .row {margin: 0 -15px;}
	.event-filter__container .event-filter__body,
	.event-filter__right {display: flex;flex-wrap: wrap;}
	.event-filter__container > div {display: flex;flex-direction: column;}
	.event-filter__button {align-self: flex-end;width: calc(100% + 30px);}
	.event-filter__button > div {display: flex !important; justify-content: end; gap: 5px}
	.event-filter__container input,
	.event-filter__container .bootstrap-select {width: 100% !important;}
	.event-filter__container input.btn:first-child {margin: 0 0 5px 5px;}
	.event-filter__container input.btn {position: relative;bottom: 0;margin: 0 0 5px 0;white-space: normal;height: auto !important;min-height: 25px;}
	.entry-table__entry-wrapper {padding: 5px 0;}
	.event-table__entry:nth-child(2n) .entry-table__entry-wrapper {background-color: rgba(102,102,102, 0.2);}
	.event-table__image-container {padding-right: 0;}
	.event-table__image-wrapper {aspect-ratio: 1 / 1;}
	.event-table__image-body {object-fit: cover;height: 100%;width: 100%;}
	.entry-table__entry--bottom i {font-size: 1.5em;margin: 5px;float: right;}
	.event-table__header-wrapper {border-bottom: 2px solid #ccc;}
	.event-table__header-item--last {text-align: right;}
	#genre {width: 100%;border: 1px solid #ccc;}
	#entries_per_page {width: 100%; border: 1px solid #ccc; padding: 7px 3px; background-color: #ffffff}
	.event-filter__right .form-group {width: 100%;margin: 0 !important;padding: 0 !important;}
	.event-filter__right .form-group input {width: auto !important;float: right;}
}

@media screen and (max-width: 991px) {
	.event-table__entry .entry-table__entry--top {padding-left: 15px;margin-left: -15px;}

	.event-table__entry:nth-child(2n + 1) .entry-table__entry--bottom {border-bottom: 1px solid rgba(102,102,102, 0.2);}
	.event-table__entry:nth-child(2n) .entry-table__entry--bottom {border-bottom: 1px solid #fff;}

	.event-table__entry .row-reverse {display: flex; flex-direction: column-reverse;}

	.event-table__entry {margin-bottom: 20px}
}

@media screen and (max-width: 576px) {
	.display-xxs {display: inline}
	.event-table__image,
	.event-table__content,
	.event-table__header-wrapper div[class*="-offset-"] {width: 100%;}
	.entry-table__entry-wrapper {padding: 0;}
	.event-table__header-wrapper div[class*="-offset-"] {margin-left: 0;}
}