#tickets .cal {
  position: relative;
	display: flex;
	flex-direction: row;
}
.calendar {
	text-align: center;
	user-select: none;
	flex: 0 0 88%;
	display: flex;
	align-items: flex-start;
}
.preload {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.bracket {
	flex: 0 0 6%;
	transform: translateY(1.75em);
}
.bracket img {
	height: 101%;
}

.best-availability {
	font-size: .875em;
	margin: 0 auto 1em;
	text-transform: uppercase;
  font-family: 'GothamBook';
  letter-spacing: .08em;
}

.bracket button {
  margin: 0;
  padding: 0;
  border: 0;
	width: 100%;
	height: 100%;
	opacity: .5;
	pointer-events: none;
	transition: all .25s;
}

.bracket button.active {
	pointer-events: all;
	opacity: 1;
	transition: all .125s;
	filter: brightness(.9);
}

.bracket button:hover {
	filter: brightness(1.2);
}

.bracket button.cal-next:active {
	transform: translateX(2px);
}

.bracket button.cal-prev:active {
	transform: translateX(-2px);
}

.cal span.green,
.cal span.brown,
.cal span.red {
	font-size: 1.1em;
	line-height: .5rem;
	position: relative;
	top: 2px;
}
.cal span.green { color: #1c7c14!important; }
.cal span.brown { color: #ca8125!important; }
.cal span.red { color: #e8011b!important; }
@media (max-width: 767px) {
	.cal span.green,
	.cal span.brown,
	.cal span.red {
		/*font-size: 3em;
		line-height: .5rem;
		position: relative;
		top: 8px;*/
		color: black;
	}
}

.month {
	position:relative;
	width: 100%;
	height: auto;
	display: none;
	font-family: "GothamBold";
}

.month.active {
	display: inline-block;
}

.month h3 {
  font-size: 1.875rem;
  letter-spacing: -.0125em;
	line-height: .8;
	text-align: center;
	text-transform:uppercase;
  flex: 0 0 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}
@media (max-width: 360px) {
	.month h3 {
			font-size: 1.75em;
	}
}

.month h3 .cal-prev,
.month h3 .cal-next,
.triangle,
#nav .triangle {
	display: inline-block;
	height: 0.625em;
	width: 2em;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	transform: translateY(-0.1em);
	transition: all .125s;
}
#nav .triangle {
	transform: none;
	width: .625em;
	pointer-events: none;
}
.month h3 .cal-prev,
.triangle-left {
	background-image: url('data:image/svg+xml,<svg id="TriangleLeft" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 216 288"><defs><style>.b{fill:%23e5e0db;}</style></defs><polygon class="b" points="216 0 216 288 0 144 216 0"/></svg>');
}
.month h3 .cal-next,
.triangle-right {
	background-image: url('data:image/svg+xml,<svg id="TriangleRight" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 216 288"><defs><style>.b{fill:%23e5e0db;}</style></defs><polygon class="b" points="0 0 0 288 216 144 0 0"/></svg>');
}
.month h3 .cal-prev.active {
	background-image: url('data:image/svg+xml,<svg id="TriangleLeft" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 216 288"><defs><style>.b{fill:%23ec7207;}</style></defs><polygon class="b" points="216 0 216 288 0 144 216 0"/></svg>');
}
.month h3 .cal-next.active,
#nav .triangle {
	background-image: url('data:image/svg+xml,<svg id="TriangleRight" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 216 288"><defs><style>.b{fill:%23ec7207;}</style></defs><polygon class="b" points="0 0 0 288 216 144 0 0"/></svg>');
}
.month h3 .cal-prev.active:hover,
.month h3 .cal-next.active:hover {
	filter: brightness(1.2);
}
#nav .has-sub.active .triangle {
	transform: rotate(90deg);
}

.month h4 {
	font-size: .75em;
	margin: 1em auto;
  font-family: 'GothamBlack';
	text-transform: uppercase;
	color: #867261;
}
.month h4 .star,
.select-directions .star {
	display: inline-block;
	position: relative;
	font-size: 1.5em;
	top: 0.3125em;
	color: #ec7207;
}
.select-directions .star {
	color: #fff;
}

.day-hed {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
}

.hed-day {
	font-size: .75em;
	color: #867261;
  font-family: 'GothamBlack';
}

.day {
  font-size: 1.25em;
	letter-spacing: -.05em;
	float: left;
	text-align: left;
	width: 14.2857142857%;
	padding-bottom: 14.2857142857%;
	position: relative;
	margin:0;
	cursor: default !important;
	position: relative;
	transition: all .25s;
	border-left:4px solid #fff;
	border-top:4px solid #fff;
	background:#e5e0db;
}
@media (max-width:1199px) {
	.day {
		font-size: calc(.3125em + 1.5vw);
	}
}
.month:first-child .day.past,
.month:last-child .day.post-closing {
  opacity: .5;
	pointer-events: none;
}
/*
.month:hover .day {
	filter: brightness(.4) saturate(.5);
}
body .month  .day.showday {
	filter: brightness(1);
}*/
.day > * {
	z-index: 2;
}

/* 5000th Performance callout */

.month.November .month-box .day:nth-child(10) {
  color: #ffffff;
	z-index: 2;
}

.month.November .month-box .day .callout {
	text-align: center;
  font-family: 'GothamBlack';
	color: white;
	font-size: 1.5vw;
	line-height: 1;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 0;
	/* transform: translate(-50%, -50%); */
	width: 146%;
	height: 0;
	padding-bottom: 146%;
	background-image: url(../_img/5k.png?v=1);
	background-size: cover;
	background-position: center;
	pointer-events: none;
}
@media (min-width:1200px) {
	.month.November .month-box .day .callout {
		font-size: .75em;
	}
}

.month.November .month-box .day:nth-child(10) .num,
.month.November .month-box .day:nth-child(10) a {
	color: white;
}
.month.November .month-box .day:nth-child(10) a:hover {
	color: #ec7207;
}


.day > span.num {
	position: absolute;
	padding: 0;
  font-size: .625em;
	top: .125em;
	left: .125em;
	line-height: .9;
	margin: auto;
  font-family: 'GothamBold';
}

.cal-save {
	line-height: 1.5em;
}

.day .event {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	letter-spacing: -.0125em;
	padding: 0.25em 0;
	width: 80%;
	text-align: center;
}

.day > .event.mat
/*.day > .event:nth-child(2),*/ {
	top:17%;
}

.day > .event.eve
/*.day > .event:nth-child(3),*/ {
	top:53%;
}
/*
.day .event:after {
	content: '\2022';
	font-size: inherit;
	line-height: inherit;
}*/

.day .event.good:after, .day .event.good:hover {color: #1c7c14;}
.day .event.limited:after, .day .event.limited:hover {color: #ca8125;}
.day .event.low:after, .day .event.low:hover {color: #e8011b;}

a.showlink {
	color: #867261;
	margin: 0 auto;
	display: block;
  font-family: 'GothamBlack';
	text-align:center;
	transition: all .125s;
}
a.showlink:hover {
	background: #fff;
}
@media (max-width:902px) {
	.day {
		font-size: 2vw;
	}
}
@media (max-width:768px) {
	.day {
		font-size: 3.5vw;
	}
	.day .event {
		padding: .1875em .25em;
		width: 90%;
	}
}
@media (max-width:532px) {
	.day {
		font-size: 3.75vw;
		height: 5em;
	}
}
a.showlink.best {
	color: #ec7207;
}
a.showlink.best.featured:after {
	content: '*';
	display: inline-block;
	width: 0;
	position: relative;
	font-size: 1.5em;
	top: 0.125em;
	color: #ec7207;
	line-height: 0;
}

.day:hover {
	cursor:pointer;
}

.day:hover a.showlink {
	visibility:visible;
}

.dates-highlight {
	height:50px;
	clear:both;
	text-align:center;
	width:100%;
	margin:10px auto 0;
	left:0;
	right:0;
}

.dates-highlight h3 {
	font-size:120%;
	text-transform:uppercase;
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

#cal .hed {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

/* navigation */