/*TICKETS HOMEPAGE START*/
.events .date h3 span { color: #292254; }

.mgTickets .info {
	background-color: #FFFEE4;
	padding: 5px 10px;
	margin-bottom: 10px;
	color: red;
	border: 1px solid #ccc;
	border-radius: 5px;
}

.events .info h3 a { text-decoration: none; }

.mgNumType {
	position: relative;
	display: flex;
	justify-content: space-between;
	gap: 10px;

	padding-bottom: 15px;
	border-bottom: 1px solid #CCC;
	margin-bottom: 15px;
}

.mgNumType .remove {
	background-image: url(../svg/delete.svg);
	background-repeat: no-repeat;
	background-position: right center;
	padding: 15px;
	cursor: pointer;
	order: 1;
	/*position: absolute;
	right: 0;
	top: 3px;
	z-index: 1;*/
}

.mgNumType .cf2:last-child { padding-left:2px; }

.mgNumType .select {
	padding: 2px;
	border-radius: 5px;
	border: 1px solid #ccc;
	width: 100%;
	box-sizing: border-box;
	position: relative;
}

.mgNumType .select::after {
	position: absolute;
	display: block;
	content: ' ';
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	width: 5px;
	height: 5px;
	top: 18px;
	left: 14px;
	transform: translateY(-50%) rotate(45deg);
}

.mgNumType select {
	height: 35px;
	white-space: nowrap;
	overflow-x: hidden;
	text-overflow: ellipsis;
	box-sizing: border-box;
	width: 100%;
	background-image: none !important;
	padding: 0 6px 0 30px;

}

/*.mgNumType a.remove { float: right; }*/

@media(max-width: 480px) {
	.mgNumType .cf2:last-of-type { position:relative; }

	.mgReservation .mgNumber input { width:40px; }
}

@media(max-width: 641px) {
.events > div { text-align: center; }

.events .date { position: relative; }

.events .date > div {
	position: absolute;
	background-color: rgba(255, 255, 255, .7);
	top: 0;
	left: 0;
	padding: 15px;
	border-bottom-right-radius: 6px;
}

.events .date h3 { margin: 0; }

.events > div picture img {
	border-radius: 6px;
	width: 100%;
}

.events > div .btn { margin-top: 15px; }
}

@media(min-width: 641px) and (max-width: 1100px) {
.events > div { text-align: center; }

.events .date > div,
.events .date picture {
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
}

.events .date {
	background-color: #F4F7F9;
	border-radius: 6px 0 0 6px;
}

.events .date > div { width: 30%; }

.events .date picture { width: 70%; }

.events .date > div h3 { margin: 0; }

.events .date picture img { border-radius: 0 6px 6px 0; }

.events .info { clear: both; }

.events .btn a { max-width: 300px; }
}

@media(min-width: 1100px) {
.events .date {
	width:33.333%;
	background-color: #F4F7F9;
	border-radius: 6px 0 0 6px;
}

.events .date > div {
	display:inline-block;
	vertical-align: top;
	width: 200px;
	text-align: center;
	box-sizing: border-box;
	padding: 0 20px;
}

.events .date picture img { border-radius: 0 6px 6px 0; }

.events .date picture {
	width: calc(100% - 200px);
	display: inline-block;
	box-sizing: border-box;
}

.events :where(.date,.info,.btn) {
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
}

.events .info {
	padding: 0 20px;
	width: 50%;
}

.events div h3 { margin: 10px 0 0 0; }

.events .btn {
	width: 16.666%;
	text-align: right;
}

.events .btn a { width: initial; }

.events p.dates {
	font-size: 13px;

	background-image: url(../svg/calendar_blue.svg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 16px;
	padding-left: 20px;
}