body {
	background-color:#000;
}

.contentbg {
	position:fixed;
	right:-10%;
	top:0;
	width:87.5%;
	height:100%;
	background-color:#000000dd;
	left:110%;

	animation-name: slide_in;
	animation-duration: 1s;
	animation-timing-function:cubic-bezier(0.000, 0.730, 0.000, 1.085);
	animation-iteration-count:1;
	animation-fill-mode: forwards;
}

@keyframes slide_in {
	0% {
		left:110%;
	}
	100% {
		left:22.5%;
	}
}

	.contentbg img {
		position:absolute;
		right:100%;
		top:0;
		bottom:0;
		height:100%;
		width:12.5%;
		opacity:0.87;
		pointer-events: none;
      	user-select: none;
	}

.main {
	padding:4%;
	text-align: center;
	position: relative;
	z-index:2;
}

	.default p,
	.default h2,
	.default h3,
	.default h4,
	.default li {
		text-align:left;
	}

	.default h2,
	.default h3,
	.default h4 {
		color:var(--pink);
		font-size:3.5rem;
		letter-spacing: -0.01em;
	}

	h1,
	h2.alt_head {
		font-size:4vw;
		margin-bottom:1em;
		width:100%;
		font-family: "Bebas Neue", serif;
		font-weight: normal;
  		color:var(--green);
  		text-shadow: 0.15em 0.15em 0 #000;
	}

	.show-type {
		margin-bottom:5%;
	}

	.main .show-type-title {
		font-size:4em;
		font-weight:normal;
	}

	.shows {
		margin-bottom:2.5%;
	}

	.main .month-title {
		margin:0 0 1em 0;
		font-size:2rem;
	}

	.venue {
		display:grid;
		grid-template-columns: 4fr 1.5fr;
		grid-gap:5%;
		text-align: left;
		margin:0 5%;
		width:90%;
		border-bottom:2px dotted #ffffff30;
		padding:0.75em;
	}

	.venue-main {
		display:grid;
		grid-template-columns: 100px 1fr;
	}

	.venue:last-of-type {
		border-bottom:0;
	}

	.venue .date {
		font-size:1.6rem;
		margin:0.25rem 0 0;
		line-height:1;
		text-transform: uppercase;
		color:#fff;
		font-weight:bold;
	}

		.venue .date .time {
			color:#fff;
		}

	.venue .location {
		float:left;
		margin-bottom:0;
		font-size:2rem;
		font-family: "Bebas Neue", serif;
		font-weight:bold;
		line-height:1;
		letter-spacing: -0.035em;
	}

		.venue .city {
			color:var(--blue);
		}

	.venue .contact-info {
		float:left;
		clear:left;
		font-size:1rem;
		margin:0;
		color:#fff;
	}

	.special {
		float:right;
		clear:none;
	}

	.special p{
		float:left;
		clear:none;
		margin:0 0 0 1em;
		line-height: 1;
		font-size:0.6em;
		padding:0.35em 0.5em;
		border-radius:100em;
  		background-size: cover;
	}

	.buy {
		display:grid;
	}

		.buy a {
			float:left;
			cleaR:left;
			width:100%;
			text-align: center;
			background-color:var(--pink);
			color:#fff;
			text-transform: uppercase;
			letter-spacing: 0.075em;
			font-size:1em;
			font-weight: bold;
			padding:1.2em 2em;
			text-decoration: none;
			align-self:center;
			box-shadow:0.4em 0.4em 0 var(--green);
			rotate:-1.5deg;
		}

			.buy a.available:hover {
				background-color:var(--blue);
				color:#333;
			}

			.buy a.soon,
			.buy a.soon:hover,
			.buy a.sold-out,
			.buy a.sold-out:hover {
				background-color:#666;
			}

				.buy a p.lastfew {
					display:block;
					color:red;
					font-size:0.8em;
					margin:0 auto;
					line-height: 1;
					text-align: center;
					width:fit-content;
					background-color:#fff;
					padding:1px 4px;
					border-radius:100rem;
				}

				.buy a.add {
					margin-top:0.5em;
				}
	
	.Red {
		background-color: rgba(63, 18, 18, 0.4);
		--bgc1:rgba(63, 18, 18, 0.2);
		--bgc2:rgba(63, 18, 18, 0.5);
	}

	.Orange {
		background-color: rgba(142, 79, 34, 0.4);
		--bgc1:rgba(142, 79, 34, 0.2);
		--bgc2:rgba(142, 79, 34, 0.5);
	}

	.Yellow {
		background-color: rgba(142, 125, 34, 0.4);
		--bgc1:rgba(142, 125, 34, 0.2);
		--bgc2:rgba(142, 125, 34, 0.5);
	}

	.Green {
		background-color: rgba(83, 142, 34, 0.4);
		--bgc1:rgba(83, 142, 34, 0.2);
		--bgc2:rgba(83, 142, 34, 0.5);
	}

	.Blue {
		background-color: rgba(34, 132, 142, 0.4);
		--bgc1:rgba(34, 132, 142, 0.2);
		--bgc2:rgba(34, 132, 142, 0.5);
	}

	.Purple {
		background-color: rgba(83, 34, 142, 0.4);
		--bgc1:rgba(83, 34, 142, 0.2);
		--bgc2:rgba(83, 34, 142, 0.5);
	}

	.Red,
	.Orange,
	.Yellow,
	.Green
	.Blue
	.Purple {
		padding:0.75em;
	}

.two-col {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap:5%;
}

	.about .text {
		align-self: center;
		text-align: left;
	}

	.about .image {
		/* mask-image: radial-gradient(circle, rgba(0,0,0,1) 50%, rgba(0,0,0,0) 70%); */
		/* box-shadow: 0.5rem 0.5rem 0 #000; */
	}

		.about .image img {
			filter:drop-shadow(0.35rem 0.35rem 3rem var(--blue));
		}

	.news-list-item {
		text-decoration: none;
		border-bottom:2px dotted #ffffff30;
		margin-bottom:6em;
		padding-bottom:3em;
	}

		.news-list-item .two-col {
			grid-template-columns: 1fr 3fr;
			text-align: left;
		}

		.news-list-item .text {
			align-self: center;
		}

			.news-list-item h2 {
				color:var(--pink);
				font-size:3em;
			}

			.news-list-item .pink-btn {
				padding:0.75em 3em;
				margin-top:1em;
				font-size:1.2em;
			}
		
			.news .two-col {
				grid-template-columns: 1fr 2fr;
				text-align:left;
			}

				.thumbnail,
				.news-img img {
					border-radius:100em;
				}

			.news h1 {
				font-size:4em;
				margin-bottom:0.5em;
				width:100%;
			}

			.datelink a {
				float:left;
				clear:none;
				margin-right:1em;
				font-size:1.4em;
				line-height: 1;
				color:var(--pink);
			}

			.datelink p {
				clear:none;
				float:left;
				line-height: 1;
			}

.tabs {
	margin-bottom:2em;
}

.tabs a {
	display:inline-block;
	line-height: 1;
	color:#fff;
	text-decoration: none;
	font-size: 2em;
	font-weight:300;
	padding:0.5rem 1rem;
	font-family: "Bebas Neue", serif;
	text-shadow: 0.15em 0.15em 0 #000;
}

	.tabs a.active,
	.tabs a:hover {
		color:var(--pink);
	}

.tab-content {
	display:none;
}

	.tab-content:first-of-type {
		display: block;
	}

.all-cast {
	display:grid;
	grid-template-columns: repeat(4,1fr);
	grid-gap:3em;
}

	.person {
		text-decoration: none;
	}

	.person .text {
		padding:1em;
	}

		.person .text h2 {
			margin:-1em 0 0 0;
			line-height: 1;
			color:#fff;
			text-shadow:0.1em 0.1em 0 var(--pink);
			font-size: 2.8em;
			text-align: center;
		}

		.person .text p {
			margin:0;
			color:var(--blue);
			font-size: 1.8em;
			text-align:center;
			font-family: "Bebas Neue", serif;
			line-height:1;
		}

			.person:hover h2 {
				color:var(--green);
			}

	.cast-member {
		display:grid;
		grid-template-columns: 1fr 1fr;
		grid-gap:3em;
		text-align: left;
	}

		.cast-member h2 {
			clear:left;
			margin:0;
			font-size:4em;
		}

		.cast-member .role {
			font-size:2em;
			font-family: "Bebas Neue", serif;
			margin-bottom: 1em;
			color:var(--blue);
		}

		.cast-member > img {
			width:100%;
		}

.pager-nav,
.pager-nav ul{
	float:left;
	Clear:left;
	width:100%;
	text-align: center;
	padding:0;
	margin:0;
}

.pager-nav {
	margin-bottom:5%;
}

	.pager-nav ul li {
		display:inline-block;
		padding:0;
		margin:0;
	}
	
		.main .pager-nav ul li a {
			display:block;
			border:1px solid #fff;
			border-radius:10em;
			padding:0.5em 1em;
			color:#fff;
			text-decoration: none;
			margin:0.25em;
		}
		
			.main .pager-nav ul li a:hover,
			.main .pager-nav ul li.active a{
				background-color:var(--pink);
			}

.gallery {
	display:grid;
	grid-template-columns: repeat(5,1fr);
	grid-gap:1.5em;
	margin-bottom:5em;
}

.gallery a {
	overflow: hidden;
	box-shadow: 0.3em 0.3em 0 0.1em var(--pink);
	border-radius:0.25em;
	overflow:hidden;
}

	.gallery a img {
		display:block;
		width:100%;
	}
	
	.gallery a:hover {
		box-shadow: 0.3em 0.3em 0 0.1em var(--blue)
	}

	.gallery a:nth-of-type(7n+1){
		transform:rotate(-.5deg) scale(0.97);
	}

	.gallery a:nth-of-type(7n+2){
		transform:rotate(2.5deg);
	}

	.gallery a:nth-of-type(7n+3){
		transform:rotate(-1.5deg) scale(0.9);

	}

	.gallery a:nth-of-type(7n+4){
		transform:rotate(-1.75deg);
	}

	.gallery a:nth-of-type(7n+5){
		transform:rotate(1.8deg) scale(0.97);
	}

	.gallery a:nth-of-type(7n+6){
		/* transform:rotate(4.5deg); */
	}

.gal .videos {
	margin-bottom:10%;
	display:grid;
	grid-template-columns: 1fr 1fr;
	grid-gap:5%;
}
	.videos h2 {
		font-size:5.5em;
		font-weight: 300;
		color:var(--pink);
		margin-bottom:0.5em;
		width:100%;
		text-align:center;
		line-height: 1;
	}

	video {
		float:left;
		clear:left;
		width:100%;
		margin-bottom:2.5em;
	}
	
	.backto {
		float:left;
		display:inline;
		font-size:2em;
		color:var(--pink);
		font-family: "Bebas Neue", serif;
		margin-bottom:0.25em;
		text-decoration: none;
	}

		.backto:hover {
			color:#fff;
		}

/* Store */
.store-items {
	display:grid;
	grid-template-columns: repeat(3,1fr);
	grid-gap:5%;
	padding:0 5%;
	margin-bottom:10%;
}

	.store-item {
		text-decoration: none;
	}

	.store-item > img {
		margin-bottom:1em;
		height:400px;
		width:100%;
		object-fit: contain;
		margin:0 auto 1em;
	}

		.store-item p.price {
			font-size:1.4em;
			font-weight: normal;
		}

		.store-item h2 {
			margin-bottom:0.25em;
		}

		.store-item p.view {
			width:auto;
			font-size:1.2em;
		}

		.store-item .image {
			position: relative;
			margin-bottom:1em;
		}

		.store-item .photo1 {
			opacity:1;
			transition: opacity 0.5s ease-out;
		}

			.store-item .image img {
				max-height:400px;
				margin:0 auto;
			}

		.store-item .hover {
			opacity:0;
			transition: opacity 0.5s ease-out;
			position:absolute;
			left:0;
			top:0;
			width:100%;
			height:100%;
			/* background-color:#000000aa; */
		}

			.store-item .hover img {
				position: absolute;
				width:auto;
				max-height: 100%;
				padding:0;
				left:50%;
				top:50%;
				transform: translate(-50%, -50%);
			}

			.store-item:hover .hover {
				opacity:1;
			}

			.store-item:hover .photo1 {
				opacity:0;
			}

		#gallery,
		#gallery li,
		.main .sy-controls,
		.main .sy-controls li {
			margin:0;
			padding:0;
		}

		.sy-pager li {
			padding:0;
			opacity:1;
			margin:0 0.5em !important;
		}

			.sy-active {
				background-color:var(--pink);
			}

	.store-item h2 {
		color:var(--pink);
	}

	.item-info {
		display:grid;
		grid-template-columns: 1fr 1fr;
		grid-gap:5%;
		padding:0 5%;
		text-align:left;
	}

		.item-info h1 {
			font-size:3vw;
			width:100%;
		}

		.item-info .price {
			font-size:2em;
			color:var(--pink);
			font-weight:Bold;
		}

		#quantity {
			background-color:#ffffff40;
			border:1px solid #ffffff80;
			outline:none;
			border-radius:10em;
			text-align:center;
			padding:0.5em 1em;
			width:75px;
		}

		.add label {
			float:left;
			clear:left;
			font-size:1.4em;
			margin-right:1em;
			padding-top:0.45em;
		}

		.add button {
			font-size:1.2em;
			float:left;
			clear:both;
			outline:0;
			border:0;
			cursor: pointer;
			margin-top:2em;
		}

.faqs {
	margin-bottom:5rem;
}

.faq .expand {
	float:left;
	clear:left;
	width:100%;
	font-family: "Bebas Neue", serif;
	color:var(--blue);
	font-size:2rem;
	text-align: left;
	margin-bottom:1rem;
}

	.faq .expand::after {
		content:'+';
		color:#fff;
		margin-left:0.25rem;
	}

	.faq .expand.expanded::after {
		content:'-';
	}

.faq .content {
	display:none;
	margin-bottom:2rem;
}

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

	.venue {
		margin:0 0 0.75em 0;
		width:100%;
	}

	.all-cast{
		grid-template-columns: repeat(3,1fr);
	}
}

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

	.contentbg {
		width:110%;
		left:4%;
	}

		.contentbg img {
			width:3em;
		}

	@keyframes slide_in {
		0% {
			left:110%;
		}
		100% {
			left:4%;
		}
	}

	.videos {
		display:block;
	}

		.TextformatterVideoEmbed {
			margin-bottom:5em;
		}

	.gallery {
		grid-gap:1em;
	}

	.venue {
		grid-template-columns:2fr 1fr;
	}

	.store-items {
		grid-template-columns: 1fr 1fr;
	}

		.store-item > img {
			height:300px;
		}

	h1 {
		font-size: 4em;
	}

	.main h2.show-type-title {
		font-size: 2.5em;
	}
}


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

	.about .two-col,
	.cast-member {
		grid-template-columns: 1fr;
		margin-bottom:10%;
	}

		.about .text {
			text-align: center;
		}

		.about img {
			width:100%;
		}
}

@media screen and (max-width:699px) {
	.gallery {
		grid-template-columns: repeat(3,1fr);
	}
	
	.item-info {
		display:block;
	}

		.item-info .sy-box {
			margin-bottom:2em;
		}

		.item-info h1 {
			font-size: 3em;
		}

	.all-cast{
		grid-template-columns: repeat(2,1fr);
		grid-gap:1em;
	}
}

@media screen and (max-width:599px) {
	
	.store-items {
		display:block;
	}

		.store-item {
			display:block;
			margin-bottom:5em;
		}

		.store-item > img {
			height:auto;
			align-self: unset;
			width:100%;
		}
}

@media screen and (width < 500px) {

	.venue {
		grid-template-columns: 1fr;
		padding-bottom:1rem;
	}

    .gallery {
		grid-template-columns: repeat(2,1fr);
	}

	.news-list-item {
		padding-bottom:5%;
	}

		.news-list-item .two-col,
		.news .two-col {
			display:block;
		}

		.news-list-item .text {
			align-self: unset;
		}
		.news-list-item img,
		.news img {
			margin-bottom:2em;
		}

	.all-cast{
		grid-template-columns:1fr;
	}
}

@media screen and (width < 400px) {

}