/**
 * ----------------------------------------------------------------------------
 * Frontend CSS
 * ----------------------------------------------------------------------------
 */

/* Timetable */

	.cbs-timetable-container {
		max-width: unset !important;
	}

	.cbs-timetable {
		display: flex;
		gap: .5rem;

		position: relative;
		left: 0;
		padding-bottom: 1.5em;
		transition: all .5s ease-in-out;
	} .cbs-timetable > * {
		flex: 1;
	}

	.cbs-timetable h2 {
		font-size: 1.5rem;
		margin-top: 0;
		margin-bottom: 1rem;
	} .cbs-timetable h2 > a {
		color: inherit;
		text-decoration: none;
	} .cbs-timetable h2 > time {
		display: block;
		font-size: .75em;
		font-weight: 400;
		line-height: normal;
	}

	.cbs-timetable ul {
		margin: 0;
		padding: 0;
		list-style: none;
	} .cbs-timetable ul li {
		margin: 0 0 .5rem 0;
		padding: 0;
		list-style: none;
	} .cbs-timetable ul li:last-child {
		margin-bottom: 0;
	}

	.cbs-timetable ul li a {
		display: block;
		overflow: hidden;
		padding: .5em 1em;
		position: relative;

		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;

		border-radius: 10px;
		box-shadow: rgba(0,0,0,.2) 0 10px 20px;

		transition: all .3s;
	} .cbs-timetable ul li a:hover {
		opacity: .85;
		box-shadow: rgba(0,0,0,.4) 0 5px 10px;
	}

	.cbs-timetable ul li a > *, .cbs-timetable ul li a > p:last-child {
		position: relative;
		z-index: 2;

		margin: 0 !important;
		padding: 0 !important;
	} .cbs-timetable ul li a > .overlay, .cbs-booking-overview .overlay {
		position: absolute;
		top: 0; right: 0; bottom: 0; left: 0;
		margin: 0 !important;
		opacity: .75;
		z-index: 1;
	}

	.cbs-timetable h3 {
		margin: 0;
		font-size: 1.25rem !important;
		line-height: normal !important;
		color: inherit !important;
	} .cbs-timetable h3 .dashicons, .cbs-timetable h3 .dashicons-before:before {
		font-size: inherit;
		line-height: inherit;
	}

	.cbs-timetable .attendance > time {
		position: absolute;
		left: -999em;
		z-index: -1;
	}

@media only screen and (max-width: 768px) {

	.cbs-timetable {
		display: block;
	}

	.cbs-timetable .cbs-timetable-column {
		margin-bottom: 1.5em;
	} .cbs-timetable .timeslot, .cbs-timetable .attendance {
		clear: both;
		float: right;
		margin: 0 0 0 1rem;
		padding: 0;
		line-height: 1;
	}
}