/* CSS Document */

/* ======================== Upcoming Events ======================== */

.seasonTitleContainer {
	padding: 0 9px 0;
	margin: 0 0 0 -9px;
}

.seasonTitle {
	background: #85744f;
	text-align: center;
	width: 100%;
	padding: 4px;
	margin: 0 9px 9px;
	clear: both;
}

.seasonTitle h3 {
	color: #fff;
	font-size: 21px;
	font-weight: 700;
	margin: 0;
	padding: 0;
}

.upcomingEvents, .upcomingEventsIndex {
	margin: 43px 0 67px;
}

.upcomingEventsContainer {
	margin: 0 0 0 -9px;
}

.upcomingEvent {
	float: left;
	width: 97%;
	margin: 0 0 9px 9px;
}

.upcoming-events-title {
	text-align: center;
}

.upcoming-events-title h2 {
	color: #660000;
	font-size: 28px;
	font-weight: 700;
	text-transform: uppercase;
	width: 200px;
	margin: 0;
}

.show-ticket {
	position: relative;
	background: #660000;
	padding-bottom: 99999px;
	margin-bottom: -99999px;
}

.show-ticket .ticket-no {
	display: none;
}

.show-ticket:hover, .show-ticket:active, .show-ticket:focus {
	background: #660000;
}

.upcomingEventsIndex .show-ticket {
	padding: 0;
	margin: 0;
}

.school-show {
	background: #3767b7;
}

.family-show {
	background: #32957f;
}

img.school-show-ribbon, img.family-show-ribbon {
	position: absolute;
	top: 0;
	right: 0;
	width: 95px !important;
	height: auto !important;
}

.show-ticket, .ticket-bottom {
	color: #fff;
	text-align: center;
}

.show-ticket a, .ticket-bottom a {
	color: #fff;
}

.show-ticket a:hover, .ticket-bottom a:hover {
	text-decoration: none;
}

.show-ticket h3 {
	font-weight: 700;
	margin: 0;
}

.show-ticket:hover h3, .show-ticket:active h3, .show-ticket:focus h3 {
	color: #fff;
}

.show-ticket h4.pre-title {
	margin: 0 0 2px;
}

.show-ticket:hover h4.pre-title, .show-ticket:active h4.pre-title, .show-ticket:focus h4.pre-title {
	color: #fff;
}

.show-ticket h4.sub-title {
	margin: 2px 0 0;
}

.show-ticket:hover h4.sub-title, .show-ticket:active h4.sub-title, .show-ticket:focus h4.sub-title {
	color: #fff;
}

.show-ticket h5 {
	font-weight: 700;
	margin: 12px 0 0;
}

.show-ticket:hover h5, .show-ticket:active h5, .show-ticket:focus h5 {
	color: #fff;
}

.show-ticket:hover .circle-border, .show-ticket:active .circle-border, .show-ticket:focus .circle-border {
	color: #fff;
    border: 1px solid #fff;
}

.fa-info, .fa-ticket {
	position: relative;
	top: 1px;
}

.half-circle {
	height: 17px;
	width: 34px;
	border-radius: 34px 34px 0 0;
	background: #fff;
	margin: 0 auto;
}

.quarterSize h3 {
	font-size: 18px;
}

.quarterSize h4 {
	font-size: 13.5px;
}

.halfSize h3 {
	font-size: 12px;
}

.halfSize h4 {
	font-size: 9px;
}

@media (min-width:480px) {
.upcomingEvent {
	width: 47.96% !important;
}
.upcoming-events-title h2 {
	width: 337px !important;
}
}
@media (min-width:768px) {
.upcomingEvent {
	width: 32.1% !important;
}
.upcoming-events-title h2 {
	width: 337px !important;
}
.show-ticket:hover, .show-ticket:active, .show-ticket:focus {
	background: #c4b594 !important;
}
.show-ticket:hover h3, .show-ticket:active h3, .show-ticket:focus h3 {
	color: #660000 !important;
}
.show-ticket:hover h4.pre-title, .show-ticket:active h4.pre-title, .show-ticket:focus h4.pre-title {
	color: #660000 !important;
}
.show-ticket:hover h4.sub-title, .show-ticket:active h4.sub-title, .show-ticket:focus h4.sub-title {
	color: #660000 !important;
}
.show-ticket:hover h5, .show-ticket:active h5, .show-ticket:focus h5 {
	color: #660000 !important;
}
.show-ticket:hover .circle-border, .show-ticket:active .circle-border, .show-ticket:focus .circle-border {
	color: #660000 !important;
    border: 1px solid #660000 !important;
}
}
@media (min-width:992px) {
.upcomingEvent {
	width: 24.05% !important;
}	
.upcoming-events-title h2 {
	width: 337px !important;
}
.show-ticket:hover, .show-ticket:active, .show-ticket:focus {
	background: #c4b594 !important;
}
.show-ticket:hover h3, .show-ticket:active h3, .show-ticket:focus h3 {
	color: #660000 !important;
}
.show-ticket:hover h4.pre-title, .show-ticket:active h4.pre-title, .show-ticket:focus h4.pre-title {
	color: #660000 !important;
}
.show-ticket:hover h4.sub-title, .show-ticket:active h4.sub-title, .show-ticket:focus h4.sub-title {
	color: #660000 !important;
}
.show-ticket:hover h5, .show-ticket:active h5, .show-ticket:focus h5 {
	color: #660000 !important;
}
.show-ticket:hover .circle-border, .show-ticket:active .circle-border, .show-ticket:focus .circle-border {
	color: #660000 !important;
    border: 1px solid #660000 !important;
}
}
@media (min-width:1200px) {
.upcomingEvent {
	width: 19.21% !important;
}
.upcoming-events-title h2 {
	width: 337px !important;
}
.show-ticket:hover, .show-ticket:active, .show-ticket:focus {
	background: #c4b594 !important;
}
.show-ticket:hover h3, .show-ticket:active h3, .show-ticket:focus h3 {
	color: #660000 !important;
}
.show-ticket:hover h4.pre-title, .show-ticket:active h4.pre-title, .show-ticket:focus h4.pre-title {
	color: #660000 !important;
}
.show-ticket:hover h4.sub-title, .show-ticket:active h4.sub-title, .show-ticket:focus h4.sub-title {
	color: #660000 !important;
}
.show-ticket:hover h5, .show-ticket:active h5, .show-ticket:focus h5 {
	color: #660000 !important;
}
.show-ticket:hover .circle-border, .show-ticket:active .circle-border, .show-ticket:focus .circle-border {
	color: #660000 !important;
    border: 1px solid #660000 !important;
}
}