/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}
 
 /*! HTML5 Boilerplate v8.0.0 | MIT License | https://html5boilerplate.com/ */ html{color:#222;font-size:1em;line-height:1.4}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}
 
/*
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
--------------------------------------------------------------------------| $GLOBAL
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
*/
html {
	/*scroll-behavior: smooth;*/
	overflow-x: hidden;/*fixes Safari jitter bug with forced scrollbar visibility setting*/
	-ms-overflow-style: -ms-autohiding-scrollbar;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
	background: var(--color-blue-light);
	color: var(--color-blue-dark);
	font-family: "Gotham SSm A", "Gotham SSm B";
	font-style: normal;
	font-weight: 400;
	font-size: 10px;
}
	body {
		background: var(--color-blue-light);
		min-height: 100vh;
		font-size: 1.6rem;
		line-height: 1;
	}
	html,
	body {
		overflow: hidden;
		/* touch-action: none;
		-ms-touch-action: none; */
	}
	*, *:before, *:after { 
		-webkit-box-sizing: inherit; 
				box-sizing: inherit;
		-webkit-tap-highlight-color: rgba(0,0,0,0);
		-webkit-tap-highlight-color: transparent;
	}

/*
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
--------------------------------------------------------------------------| $COLORS
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
*/
:root {
	--color-blue-dark: #120747;
	--color-blue-med-dark: #133377;
	--color-blue-med: #1e4497;
	--color-blue-light: #c7e0f5;
	--color-blue-light-dark: #6D9EC6;
	--color-white: #F5F5F5; 
	--color-grey: #DDDDDD;
	--color-green: #0F8985; 
	--color-red: #CE1644;
}

/*
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
--------------------------------------------------------------------------| $TYPE
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
*/
.gotham {
	font-family: "Gotham SSm A", "Gotham SSm B";
	font-style: normal;
	font-style: italic;
	font-weight: 400;
	font-weight: 700;
}
.knockout-junior {
	font-family: "Knockout 26 A", "Knockout 26 B";
	font-style: normal;
	font-weight: 400;
}
.knockout-regular {
	/*Featherweight*/
	font-family: "Knockout 48 A", "Knockout 48 B";
	font-style: normal;
	font-weight: 400;
	/*Welterweight*/
	font-family: "Knockout 50 A", "Knockout 50 B";
	font-style: normal;
	font-weight: 400;
}
.knockout-full {
	font-family: "Knockout 70 A", "Knockout 70 B";
	font-style: normal;
	font-weight: 400;
}
.knockout-ultimate {
	font-family: "Knockout 92 A", "Knockout 92 B";
	font-style: normal;
	font-weight: 400;
}
/* @import url("//hello.myfonts.net/count/3be237"); */
/* @font-face {
	font-family: 'Muara';
	src: url('assets/fonts/muara/font.woff2') format('woff2'), url('assets/fonts/muara/font.woff') format('woff');
} */
h1,h2,h3,h4,h5,h6 {
	font-family: "Knockout 50 A", "Knockout 50 B";
	font-style: normal;
	font-weight: 400;
	margin: 3.2rem 0 2.4rem;
}
h1 {
	text-transform: uppercase;
	font-size: 4.8rem;
	margin: 4.0rem 0 2.4rem;
	font-family: "Knockout 92 A", "Knockout 92 B";
	font-style: normal;
	font-weight: 400;
}
h2 { font-size: 3.2rem; }
h3 { font-size: 2.4rem; }
h4 { font-size: 1.6rem; }
h5 { font-size: 1.2rem; }
.display-1 	{ font-size: 6.0rem; 	}
.display-2 	{ font-size: 5.0rem; 	}
.small 		{ font-size: 80%; 		}
p { 
	line-height: 1.5; 
	margin: 0 0 2.5rem;
}
.accent {
	font-family: "Sentinel SSm A", "Sentinel SSm B";
	font-style: italic;
	font-weight: 400;	
}
b, strong 	{ font-weight: 700; }
a			{ color: var(--color-blue-med); text-decoration: none; outline: none; }

/*
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
--------------------------------------------------------------------------| $APP
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
*/
.app {
	display: block; /*IE Fix*/
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	height: 100%;
	overflow: hidden;
}

/*
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
--------------------------------------------------------------------------| $Home
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
*/
.home {
	z-index: 100;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--color-blue-dark);
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 1fr;
	grid-template-columns: 1fr 1fr;
}
/*IE11*/
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
	.home {
		display: flex;
	}
}
	.hero {
		z-index: 200;
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
			-ms-flex-direction: column;
				flex-direction: column;
		-webkit-box-pack: justify;
			-ms-flex-pack: justify;
				justify-content: space-between;
		-webkit-box-align: center;
			-ms-flex-align: center;
				align-items: center;
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
.bg {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
			}
		
	.scene {
		background: #133377;
	}
	
	.scene path:first-child {
		fill: #133377;
	}
	
	.scene path:nth-child(2) {
		fill: #1e4597;
	}
	
	.scene path:nth-child(3) {
		fill: #08235c;
	}
	
	.scene path:nth-child(4) {
		fill: #1e4597;
	}
	
	.scene path:nth-child(5) {
		fill: #3b5b9f;
	}
	
	.scene path:nth-child(6) {
		fill: #133377;
	}
	
	.scene path:nth-child(7) {
		fill: #1e4597;
	}
	/*IE11*/
	@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
		.hero {
			width: 50%;
		}
	}
		.hero__date {
			pointer-events: none;
			position: absolute;
			top: 4.8rem;
			left: 5.6rem;
			width: auto;
			height: 4.8rem;
		}
		.hero__date--sat {
			left: auto;
			right: 5.6rem;
		}
		.hero__mvbs-lettering {
			position: relative;
			pointer-events: none;
			width: 20.8rem;
			height: auto;
			margin: 3.2rem 0 4.0rem;
		}
		/*IE11*/
		@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
			.hero__mvbs-lettering {
				height: 7.5rem;
			}
		}
		.hero__blues-fest-logo {
			position: relative;
			pointer-events: none;
			width: 40.0rem;
			max-width: 90%;
			height: auto;
			margin: auto 0;
		}
		/*IE11*/
		@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
			.hero__blues-fest-logo {
				height: 15.0rem;
			}
		}
		.hero__mvbs-monogram {
			position: relative;
			pointer-events: none;
			width: 7.2rem;
			height: auto;
		}
        .hero__40th-anniversary {
			position: relative;
			pointer-events: none;
			width: 25.6rem;
			height: auto;
		}
		.nav {
			z-index: 21;
			position: relative;
			width: 100%;
			display: -ms-grid;
			display: grid;
			-ms-grid-columns: 1fr 1fr 1fr 1fr;
			grid-template-columns: 1fr 1fr 1fr 1fr;
			color: var(--color-blue-light);
			margin: 4.8rem 0 3.2rem;
			pointer-events: none;
		}
		/*IE11*/
		@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
			.nav {
				pointer-events: auto;
			}
		}
			.nav__item {
				text-align: center;
			}
			.nav__item:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; }
			.nav__item:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 2; }
			.nav__item:nth-child(3) { -ms-grid-row: 1; -ms-grid-column: 3; }
				.nav__link {
					pointer-events: auto;
					text-transform: uppercase;
					letter-spacing: .05em;
					font-family: "Knockout 50 A", "Knockout 50 B";
					font-style: normal;
					font-weight: 400;
					font-size: 1.6rem;
					color: var(--color-white);
					text-align: center;
					border-bottom: .1rem dotted var(--color-blue-light);
				}
			
/*
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
--------------------------------------------------------------------------| $Kal
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
*/
.kal {
	z-index: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: translate3d(0,0,0);
			transform: translate3d(0,0,0);
	overflow: hidden;
}
	.kal__inner {
		width: 220%;
		height: 220%;
		left: -60%;
		top: -60%;
		position: relative;
		margin: auto;
	}
		.ks {
			z-index: 10;
			overflow: hidden;
			position: absolute;
			top: 50%;
			left: 0;
			-webkit-transform-origin: right top;
				-ms-transform-origin: right top;
					transform-origin: right top;
			width: 50%;
			height: 50%;
		}
		.s1 {
			-webkit-transform: rotate(-30deg);
				-ms-transform: rotate(-30deg);
					transform: rotate(-30deg);
		}
		.s2 {
			-webkit-transform: rotate(30deg) matrix(-1,0,0,1,0,0);
				-ms-transform: rotate(30deg) matrix(-1,0,0,1,0,0);
					transform: rotate(30deg) matrix(-1,0,0,1,0,0);
		}
		.s3 {
			-webkit-transform: rotate(30deg);
				-ms-transform: rotate(30deg);
					transform: rotate(30deg);
		}
		.s4 {
			-webkit-transform: rotate(90deg) matrix(-1,0,0,1,0,0);
				-ms-transform: rotate(90deg) matrix(-1,0,0,1,0,0);
					transform: rotate(90deg) matrix(-1,0,0,1,0,0);
		}
		.s5 {
			-webkit-transform: rotate(90deg);
				-ms-transform: rotate(90deg);
					transform: rotate(90deg);
		}
		.s6 {
			-webkit-transform: rotate(150deg) matrix(-1,0,0,1,0,0);
				-ms-transform: rotate(150deg) matrix(-1,0,0,1,0,0);
					transform: rotate(150deg) matrix(-1,0,0,1,0,0);
		}
		.s7 {
			-webkit-transform: rotate(150deg);
				-ms-transform: rotate(150deg);
					transform: rotate(150deg);
		}
		.s8 {
			-webkit-transform: rotate(210deg) matrix(-1,0,0,1,0,0);
				-ms-transform: rotate(210deg) matrix(-1,0,0,1,0,0);
					transform: rotate(210deg) matrix(-1,0,0,1,0,0);
		}
		.s9 {
			-webkit-transform: rotate(210deg);
				-ms-transform: rotate(210deg);
					transform: rotate(210deg);
		}
		.s10 {
			-webkit-transform: rotate(270deg) matrix(-1,0,0,1,0,0);
				-ms-transform: rotate(270deg) matrix(-1,0,0,1,0,0);
					transform: rotate(270deg) matrix(-1,0,0,1,0,0);
		}
		.s11 {
			-webkit-transform: rotate(270deg);
				-ms-transform: rotate(270deg);
					transform: rotate(270deg);
		}
		.s12 {
			-webkit-transform: rotate(330deg) matrix(-1,0,0,1,0,0);
				-ms-transform: rotate(330deg) matrix(-1,0,0,1,0,0);
					transform: rotate(330deg) matrix(-1,0,0,1,0,0);
		}
			.ksc {
				position: relative;
				left: 100%;
				top: 0;
				height: 100%;
				width: 100%;
				will-change: transform;
				-webkit-transform: rotate(30deg) translate3d(0,0,0);
						transform: rotate(30deg) translate3d(0,0,0);
				-webkit-transform-origin: left top;
					-ms-transform-origin: left top;
						transform-origin: left top;
				background-image: url(../img/bg.jpg);
				background-size: 76.8rem auto;
				background-repeat: repeat;
			}
/*
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
--------------------------------------------------------------------------| $Lineup
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
*/
.lineup {
	position: relative;
	z-index: 100;
	width: 100%;
	height: 100%;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
	background: var(--color-blue-dark);
	background: #08235c;
	-ms-grid-row: 1;
	-ms-grid-column: 2;
}
/*IE11*/
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
	.lineup {
		width: 50%;
	}
}
	.lineup__wrapper {
		
	}
		.lineup__slide {
			-webkit-box-sizing: border-box;
					box-sizing: border-box;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
				-ms-flex-direction: column;
					flex-direction: column;
			-webkit-box-pack: center;
				-ms-flex-pack: center;
					justify-content: center;
			-webkit-box-align: center;
				-ms-flex-align: center;
					align-items: center;
			outline: none;
		}
		/*IE11*/
		@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
			.lineup__slide {
				display: block;
			}
		}
			.artist {
				width: 67.5%;
				position: relative;
				border-radius: 1.6rem;
				background: center / cover no-repeat scroll var(--color-blue-med);
				outline: none;
				-webkit-box-shadow: 0 .4rem 2.0rem -.8rem rgb(0 0 0 / 100%);
						box-shadow: 0 .4rem 2.0rem -.8rem rgb(0 0 0 / 100%);
			}
			.artist--poster {
				cursor: zoom-in;
			}
			/*IE11*/
			@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
				.artist {
					margin: 0 auto;
				}
			}
				.artist__img {
					width: 100%;
					height: auto;
					border-radius: 1.6rem;
				}
				.artist__details {
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%; 
					display: -webkit-box; 
					display: -ms-flexbox; 
					display: flex;
					-webkit-box-orient: vertical;
					-webkit-box-direction: normal;
						-ms-flex-direction: column;
							flex-direction: column;
					-webkit-box-align: center;
						-ms-flex-align: center;
							align-items: center;
					-webkit-box-pack: end;
						-ms-flex-pack: end;
							justify-content: flex-end;
					text-align: center;
				}
					.artist__name {
						position: relative;
						font-family: "Knockout 70 A", "Knockout 70 B";
						font-style: normal;
						font-weight: 400;
						font-size: 4.0rem;
						text-transform: uppercase;
						margin: 0 3.2rem;
						line-height: .9;
						color: var(--color-white);
					}
						.artist__cancel {
							background: var(--color-red);
							color: var(--color-white);
							padding: .8rem 1.6rem;
							font-size: 1.2rem;
							position: absolute;
							font-family: "Gotham SSm A", "Gotham SSm B";
							font-style: normal;
							font-weight: 400;
							top: 50%;
							left: 50%;
							transform: translate(-50%, -50%) rotate(-8deg);
							white-space: nowrap;
							text-transform: none;
						}
					.artist__time {
						color: var(--color-white);
						font-family: "Gotham SSm A", "Gotham SSm B";
						font-style: normal;
						font-weight: 400;
						text-transform: uppercase;
						font-size: 1.0rem;
						letter-spacing: 0.15em;
						margin: 1.2rem 0 0;
					}
					.artist__links {
						display: -webkit-box;
						display: -ms-flexbox;
						display: flex;
						-webkit-box-pack: center;
							-ms-flex-pack: center;
								justify-content: center;
					}
						.artist__link {
							display: -webkit-box;
							display: -ms-flexbox;
							display: flex;
							-webkit-box-align: center;
								-ms-flex-align: center;
									align-items: center;
							color: var(--color-white);
							padding: 1.6rem .8rem 3.2rem;
							font-family: "Knockout 50 A", "Knockout 50 B";
							font-style: normal;
							font-weight: 400;
							text-transform: uppercase;
							letter-spacing: .05em;
						}
							.artist__link-icon {
								margin-right: .8rem;
								width: 2.4rem;
								height: 2.4rem;
								-webkit-transform: scale3d(1,1,1);
										transform: scale3d(1,1,1);
								-webkit-transform-origin: center center;
									-ms-transform-origin: center center;
										transform-origin: center center;
								-webkit-transition: -webkit-transform .3s cubic-bezier(.75,-1.27,.3,2.33);
								transition: -webkit-transform .3s cubic-bezier(.75,-1.27,.3,2.33);
								-o-transition: transform .3s cubic-bezier(.75,-1.27,.3,2.33);
								transition: transform .3s cubic-bezier(.75,-1.27,.3,2.33);
								transition: transform .3s cubic-bezier(.75,-1.27,.3,2.33), -webkit-transform .3s cubic-bezier(.75,-1.27,.3,2.33);
							}
								.artist__link:hover .artist__link-icon {
									-webkit-transform: scale3d(1.2,1.2,1);
											transform: scale3d(1.2,1.2,1);
								}
							.artist__link-text {
								border-bottom: .1rem dotted;
							}
	.lineup__arrow {
		z-index: 10;
		position: absolute;
		top: 50%;
		left: 0;
		margin-top: -2.4rem;
		width: 4.8rem;
		height: 4.8rem;
		border-radius: .8rem;
		background: center / 1.6rem 1.6rem no-repeat scroll var(--color-blue-med);
		cursor: pointer;
		-webkit-transform: translate3d(0,0,0);
				transform: translate3d(0,0,0);
		-webkit-transition: -webkit-transform .3s ease;
		transition: -webkit-transform .3s ease;
		-o-transition: transform .3s ease;
		transition: transform .3s ease;
		transition: transform .3s ease, -webkit-transform .3s ease;
	}
	.lineup__arrow--prev {
		background-image: url(../img/icon-prev.svg);
		border-bottom-left-radius: 0;
		border-top-left-radius: 0;
	}
	.lineup__arrow--next {
		left: auto;
		right: 0;
		background-image: url(../img/icon-next.svg);
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
		/* transform: translate3d(100%,0,0); */
	}
	.lineup__arrow--prev.swiper-button-disabled {
		-webkit-transform: translate3d(-100%,0,0);
				transform: translate3d(-100%,0,0);
	}
	.lineup__arrow--next.swiper-button-disabled {
		-webkit-transform: translate3d(100%,0,0);
				transform: translate3d(100%,0,0);
	}

/*
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
--------------------------------------------------------------------------| $Lineup
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
*/
.credit {
	z-index: 10;
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	padding: 2.4rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
		-ms-flex-direction: column;
			flex-direction: column;
	-webkit-box-pack: justify;
		-ms-flex-pack: justify;
			justify-content: space-between;
	font-size: .8rem;
	color: var(--color-blue-light);
	text-transform: uppercase;
	pointer-events: none;
}
	.credit__link {
		border-bottom: .1rem dotted; 
		font-weight: 700;
		pointer-events: auto;
		color: var(--color-white);
	}
	
/*
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
--------------------------------------------------------------------------| $Tickets
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
*/
.tickets {
	z-index: 200;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	will-change: transform;
	-webkit-transform: translate3d(0,100%,0);
			transform: translate3d(0,100%,0);
	-webkit-transition: -webkit-transform 0s ease 0.6s;
	transition: -webkit-transform 0s ease 0.6s;
	-o-transition: transform 0s ease 0.6s;
	transition: transform 0s ease 0.6s;
	transition: transform 0s ease 0.6s, -webkit-transform 0s ease 0.6s;
}
.tickets--open {
	-webkit-transform: translate3d(0,0,0);
			transform: translate3d(0,0,0);
	-webkit-transition: -webkit-transform 0s ease 0s;
	transition: -webkit-transform 0s ease 0s;
	-o-transition: transform 0s ease 0s;
	transition: transform 0s ease 0s;
	transition: transform 0s ease 0s, -webkit-transform 0s ease 0s;
}
	.tickets__inner {
		height: 100%;
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr 1fr 1fr;
		grid-template-columns: 1fr 1fr 1fr;
	}
		.tickets__col {
			background: var(--color-blue-dark);
			background: #08235c;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-pack: center;
				-ms-flex-pack: center;
					justify-content: center;
			-webkit-box-align: center;
				-ms-flex-align: center;
					align-items: center;
			-webkit-transform: translate3d(0,100%,0);
					transform: translate3d(0,100%,0);
			will-change: transform;
			-webkit-transition: -webkit-transform .6s cubic-bezier(.86,0,.07,1);
			transition: -webkit-transform .6s cubic-bezier(.86,0,.07,1);
			-o-transition: transform .6s cubic-bezier(.86,0,.07,1);
			transition: transform .6s cubic-bezier(.86,0,.07,1);
			transition: transform .6s cubic-bezier(.86,0,.07,1), -webkit-transform .6s cubic-bezier(.86,0,.07,1);
		}
		.tickets__col:nth-of-type(2) {
			background: var(--color-blue-med);
			-webkit-transform: translate3d(0,-100%,0);
					transform: translate3d(0,-100%,0);
		}
		.tickets--open .tickets__col {
			-webkit-transform: translate3d(0,0,0);
					transform: translate3d(0,0,0);
		}
			.tickets__link {
				
			}
				.tickets__img {
					width: 80%;
					height: auto;
					display: block;
					margin: 0 auto;
					border-radius: 1.6rem;
					-webkit-box-shadow: 0 .4rem 2.0rem -.8rem rgb(0 0 0 / 100%);
							box-shadow: 0 .4rem 2.0rem -.8rem rgb(0 0 0 / 100%);
				}
	
/*
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
--------------------------------------------------------------------------| $BlueSkool
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
*/
.blueskool {
	z-index: 200;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 1fr;
	grid-template-columns: 1fr 1fr;
	will-change: transform;
	-webkit-transform: translate3d(0,100%,0);
			transform: translate3d(0,100%,0);
	-webkit-transition: -webkit-transform 0s ease 0.6s;
	transition: -webkit-transform 0s ease 0.6s;
	-o-transition: transform 0s ease 0.6s;
	transition: transform 0s ease 0.6s;
	transition: transform 0s ease 0.6s, -webkit-transform 0s ease 0.6s;
}
.blueskool--open {
	-webkit-transform: translate3d(0,0,0);
			transform: translate3d(0,0,0);
	-webkit-transition: -webkit-transform 0s ease 0s;
	transition: -webkit-transform 0s ease 0s;
	-o-transition: transform 0s ease 0s;
	transition: transform 0s ease 0s;
	transition: transform 0s ease 0s, -webkit-transform 0s ease 0s;
}
/*IE11*/
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
	.blueskool {
		display: flex;
	}
}
	.blueskool__col {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
			-ms-flex-pack: center;
				justify-content: center;
		-webkit-box-align: center;
			-ms-flex-align: center;
				align-items: center;
		background: var(--color-blue-dark);
		overflow-y: scroll;
		-webkit-transform: translate3d(0,100%,0);
				transform: translate3d(0,100%,0);
		will-change: transform;
		-webkit-transition: -webkit-transform .6s cubic-bezier(.86,0,.07,1);
		transition: -webkit-transform .6s cubic-bezier(.86,0,.07,1);
		-o-transition: transform .6s cubic-bezier(.86,0,.07,1);
		transition: transform .6s cubic-bezier(.86,0,.07,1);
		transition: transform .6s cubic-bezier(.86,0,.07,1), -webkit-transform .6s cubic-bezier(.86,0,.07,1);
	}
	.blueskool__col:nth-of-type(2) {
		background: var(--color-blue-light);
		-webkit-transform: translate3d(0,-100%,0);
				transform: translate3d(0,-100%,0);
	}
	.blueskool--open .blueskool__col {
		-webkit-transform: translate3d(0,0,0);
				transform: translate3d(0,0,0);
	}
	/*IE11*/
	@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
		.blueskool__col {
			width: 50%;
		}
	}
		.blueskool-gal {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}
			.blueskool-gal__wrapper {
				
			}
				.blueskool-gal__slide {
					background: center / cover no-repeat scroll transparent;
				}
			.blueskool-gal__pagination {
				bottom: 2.4rem !important;
			}
				.blueskool-gal__pagination .swiper-pagination-bullet {
					margin: 0 .4rem !important;
					width: .8rem;
					height: .8rem;
					opacity: 1;
					background: var(--color-blue-light);
				}
				.blueskool-gal__pagination .swiper-pagination-bullet-active {
					background: var(--color-blue-med);
				}
		.blueskool__content {
			margin: auto;
			padding: 4.8rem 4.8rem 7.2rem;
		}
		
/*
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
--------------------------------------------------------------------------| $PJ
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
*/
.pj {
	z-index: 200;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 1fr;
	grid-template-columns: 1fr 1fr;
	will-change: transform;
	-webkit-transform: translate3d(0,100%,0);
			transform: translate3d(0,100%,0);
	-webkit-transition: -webkit-transform 0s ease 0.6s;
	transition: -webkit-transform 0s ease 0.6s;
	-o-transition: transform 0s ease 0.6s;
	transition: transform 0s ease 0.6s;
	transition: transform 0s ease 0.6s, -webkit-transform 0s ease 0.6s;
}
.pj--open {
	-webkit-transform: translate3d(0,0,0);
			transform: translate3d(0,0,0);
	-webkit-transition: -webkit-transform 0s ease 0s;
	transition: -webkit-transform 0s ease 0s;
	-o-transition: transform 0s ease 0s;
	transition: transform 0s ease 0s;
	transition: transform 0s ease 0s, -webkit-transform 0s ease 0s;
}
/*IE11*/
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
	.pj {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
}
	.pj__col {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
			-ms-flex-pack: center;
				justify-content: center;
		-webkit-box-align: center;
			-ms-flex-align: center;
				align-items: center;
		background: var(--color-blue-dark);
		overflow-y: scroll;
		-webkit-transform: translate3d(0,100%,0);
				transform: translate3d(0,100%,0);
		will-change: transform;
		-webkit-transition: -webkit-transform .6s cubic-bezier(.86,0,.07,1);
		transition: -webkit-transform .6s cubic-bezier(.86,0,.07,1);
		-o-transition: transform .6s cubic-bezier(.86,0,.07,1);
		transition: transform .6s cubic-bezier(.86,0,.07,1);
		transition: transform .6s cubic-bezier(.86,0,.07,1), -webkit-transform .6s cubic-bezier(.86,0,.07,1);
	}
	.pj__col:nth-of-type(2) {
		background: var(--color-blue-light);
		-webkit-transform: translate3d(0,-100%,0);
				transform: translate3d(0,-100%,0);
	}
	.pj--open .pj__col {
		-webkit-transform: translate3d(0,0,0);
				transform: translate3d(0,0,0);
	}
	/*IE11*/
	@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
		.pj__col {
			width: 50%;
		}
	}
		.pj-gal {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}
			.pj-gal__wrapper {
				
			}
				.pj-gal__slide {
					background: center / cover no-repeat scroll transparent;
				}
			.pj-gal__pagination {
				bottom: 2.4rem !important;
			}
				.pj-gal__pagination .swiper-pagination-bullet {
					margin: 0 .4rem !important;
					width: .8rem;
					height: .8rem;
					opacity: 1;
					background: var(--color-blue-light);
				}
				.pj-gal__pagination .swiper-pagination-bullet-active {
					background: var(--color-blue-med);
				}
		.pj__content {
			margin: auto;
			padding: 4.8rem 4.8rem 7.2rem;
		}
			.pj-artists {
				display: -ms-grid;
				display: grid;
				-ms-grid-columns: 1fr 1.6rem 1fr 1.6rem 1fr;
				grid-template-columns: repeat(3,1fr);
				grid-gap: 1.6rem;
				margin-top: 3.2rem;
			}
				.pj-artists__artist {
					position: relative;
					-ms-flex-negative: 0;
						flex-shrink: 0;
				}
					.pj-artists__photo {
						width: 100%;
						height: auto;
						border-radius: 1.6rem;
					}
					.pj-artists__name {
						position: absolute;
						bottom: 0;
						left: 0;
						width: 100%;
						text-align: center;
						padding: 1.6rem;
						color: var(--color-white);
						margin: 0;
					}

/*
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
--------------------------------------------------------------------------| $Guide
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
*/
.guide {
	z-index: 200;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 1fr;
	grid-template-columns: 1fr 1fr;
	will-change: transform;
	-webkit-transform: translate3d(0,100%,0);
			transform: translate3d(0,100%,0);
	-webkit-transition: -webkit-transform 0s ease 0.6s;
	transition: -webkit-transform 0s ease 0.6s;
	-o-transition: transform 0s ease 0.6s;
	transition: transform 0s ease 0.6s;
	transition: transform 0s ease 0.6s, -webkit-transform 0s ease 0.6s;
}
.guide--open {
	-webkit-transform: translate3d(0,0,0);
			transform: translate3d(0,0,0);
	-webkit-transition: -webkit-transform 0s ease 0s;
	transition: -webkit-transform 0s ease 0s;
	-o-transition: transform 0s ease 0s;
	transition: transform 0s ease 0s;
	transition: transform 0s ease 0s, -webkit-transform 0s ease 0s;
}
/*IE11*/
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
	.guide {
		display: flex;
	}
}
	.guide__col {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
			-ms-flex-pack: center;
				justify-content: center;
		-webkit-box-align: center;
			-ms-flex-align: center;
				align-items: center;
		background: var(--color-blue-dark);
		background: #08235c;
		overflow-y: scroll;
		-webkit-transform: translate3d(0,100%,0);
				transform: translate3d(0,100%,0);
		will-change: transform;
		-webkit-transition: -webkit-transform .6s cubic-bezier(.86,0,.07,1);
		transition: -webkit-transform .6s cubic-bezier(.86,0,.07,1);
		-o-transition: transform .6s cubic-bezier(.86,0,.07,1);
		transition: transform .6s cubic-bezier(.86,0,.07,1);
		transition: transform .6s cubic-bezier(.86,0,.07,1), -webkit-transform .6s cubic-bezier(.86,0,.07,1);
	}
	.guide__col:nth-of-type(2) {
		background: var(--color-blue-light);
		-webkit-transform: translate3d(0,-100%,0);
				transform: translate3d(0,-100%,0);
	}
	.guide--open .guide__col {
		-webkit-transform: translate3d(0,0,0);
				transform: translate3d(0,0,0);
	}
	/*IE11*/
	@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
		.guide__col {
			width: 50%;
		}
	}
		.guide__nav {
			list-style-type: none;
			margin: 0;
			padding: 0;
			text-align: right;
			font-size: 3.2rem;
			font-family: "Knockout 48 A", "Knockout 48 B";
			font-style: normal;
			font-weight: 400;
		}
			.guide__nav-item {
				margin-bottom: 2.4rem;
				color: var(--color-blue-light);
				cursor: pointer;
			}
			.guide__nav-item:last-child {
				margin-bottom: 0;
			}
			.guide__nav-item--active {
				
			}
				.guide__nav-item span {
					position: relative;
				}
					.guide__nav-item span:before {
						content: '';
						position: absolute;
						margin-top: -.4rem;
						top: 50%;
						left: -5%;
						width: 110%;
						height: .8rem;
						background: var(--color-blue-med);
						-webkit-transform: scale3d(0,1,1);
								transform: scale3d(0,1,1);
						-webkit-transform-origin: right;
							-ms-transform-origin: right;
								transform-origin: right;
						-webkit-transition: -webkit-transform .3s cubic-bezier(.86,0,.07,1);
						transition: -webkit-transform .3s cubic-bezier(.86,0,.07,1);
						-o-transition: transform .3s cubic-bezier(.86,0,.07,1);
						transition: transform .3s cubic-bezier(.86,0,.07,1);
						transition: transform .3s cubic-bezier(.86,0,.07,1), -webkit-transform .3s cubic-bezier(.86,0,.07,1);
					}
					.guide__nav-item--active span:before {
						-webkit-transform: scale3d(1,1,1);
								transform: scale3d(1,1,1);
					}
		.guide__content {
			margin: auto;
			padding: 4.8rem 4.8rem 7.2rem;
		}
			.guide__content-item {
				display: none;
			}
			.guide__content-item--active {
				left: 0;
				display: block;
			}
				.guide__photo-wrap {
					margin: 0 -1.6rem 2.4rem;
				}
					.guide__photo {
						width: 100%;
						height: auto;
						border-radius: 1.6rem;
						/* -webkit-box-shadow: 0 0.4rem 2rem -0.8rem rgb(0 0 0);
						box-shadow: 0 0.4rem 2rem -0.8rem rgb(0 0 0); */
					}
				.guide__content a {
					white-space: nowrap;
					border-bottom: .1rem dotted;
				}
				.guide__sponsors {
					width: 100%;
					height: auto;
				}
				.guide__list {
					margin: 0 0 2.4rem;
					padding: 0 0 0 1.6rem;
					list-style-type: none;
					border-left: .2rem dotted var(--color-blue-med);
				}
					.guide__list-item {
						line-height: 1.5;
						margin-bottom: .8rem;
					}
					.guide__list-item--flex {
						display: -webkit-box;
						display: -ms-flexbox;
						display: flex;
						-webkit-box-pack: justify;
							-ms-flex-pack: justify;
								justify-content: space-between;
					}
						.guide__dots {
							-webkit-box-flex: 1;
								-ms-flex-positive: 1;
									flex-grow: 1;
							border-bottom: .1rem dotted var(--color-blue-light-dark);
							position: relative;
							top: -.5rem;
							margin: 0 .3rem;
							pointer-events: none;
						}
/*
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
--------------------------------------------------------------------------| $Close
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
*/
.close {
	z-index: 10;
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 4.8rem;
	height: 4.8rem;
	margin-left: -2.4rem;
	border-top-left-radius: .8rem;
	border-top-right-radius: .8rem;
	background: center / 1.6rem 1.6rem no-repeat scroll var(--color-blue-med);
	background-image: url(../img/icon-close.svg);
	-webkit-transform: translate3d(0,100%,0);
			transform: translate3d(0,100%,0);
	-webkit-transition: -webkit-transform .6s ease 0s;
	transition: -webkit-transform .6s ease 0s;
	-o-transition: transform .6s ease 0s;
	transition: transform .6s ease 0s;
	transition: transform .6s ease 0s, -webkit-transform .6s ease 0s;
}
.close--lineup,
.close--tickets {
	background-color: var(--color-blue-dark);
}
.lineup--open .close,
.guide--open .close,
.blueskool--open .close,
.pj--open .close,
.tickets--open .close {
	-webkit-transform: translate3d(0,0,0);
			transform: translate3d(0,0,0);
	-webkit-transition: -webkit-transform .3s ease .3s;
	transition: -webkit-transform .3s ease .3s;
	-o-transition: transform .3s ease .3s;
	transition: transform .3s ease .3s;
	transition: transform .3s ease .3s, -webkit-transform .3s ease .3s;
}
	
/*
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
--------------------------------------------------------------------------| $Bio
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
*/
.bio {
	display: none;
	padding: 0;
	max-width: 60.0rem;
	background: var(--color-blue-light);
}
	.bio__title {
		padding: 4.8rem 6.4rem;
		margin: 0;
		text-align: center;
		background: var(--color-blue-dark);
		color: var(--color-blue-light);
	}
	.bio__content {
		padding: 4.8rem;
	}
		.bio__link {
			display: block;
			text-align: center;
		}
		.bio__link-icon {
			fill: var(--color-blue-med);
		}

/*
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
--------------------------------------------------------------------------| $Fancybox
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
*/
.fancybox-bg {
	background: var(--color-blue-med);
}
.fancybox-slide {
	padding: 6.4rem;
}
.fancybox-button.fancybox-button--close,
.fancybox-slide--html .fancybox-close-small {
	position: fixed;
	top: auto;
	right: auto;
	bottom: 0;
	left: 50%;
	width: 4.8rem;
	height: 4.8rem;
	margin: 0 0 0 -2.4rem;
	padding: 0;
	opacity: 1;
	border-top-left-radius: .8rem;
	border-top-right-radius: .8rem;
	background: center / 1.6rem 1.6rem no-repeat scroll var(--color-blue-dark);
	background-image: url(../img/icon-close.svg);
}
	.fancybox-button.fancybox-button--close svg,
	.fancybox-slide--html .fancybox-close-small svg {
		display: none;
	}

/*
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
--------------------------------------------------------------------------| $MOBILE
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
*/
@media only screen and (max-width: 768px) {
.touch-scrolling {
	overflow-y: scroll; /* has to be scroll, not auto */
	-webkit-overflow-scrolling: touch;
	-ms-scroll-chaining: none;
	overscroll-behavior: contain;
}
/*
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
--------------------------------------------------------------------------| $GLOBAL
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
*/
html {
	
}
	body {
		
	}
/*
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
--------------------------------------------------------------------------| $TYPE
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
*/
h1 {
	font-size: 3.2rem;
}

/*
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
--------------------------------------------------------------------------| $APP
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
*/
.app {
	
}

/*
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
--------------------------------------------------------------------------| $Home
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
*/
.home {
	display: block;
	overflow-y: scroll; /* has to be scroll, not auto */
	-webkit-overflow-scrolling: touch;
}
	.hero {
		height: 62.5rem;
	}
		.hero__date {
			left: 2.4rem;
		}
		.hero__date--sat {
			left: auto;
			right: 2.4rem;	
		}
		.hero__mvbs-lettering {
			
		}
		.hero__blues-fest-logo {
			
		}
		.hero__mvbs-monogram {
			
		}
		.nav {
			
		}
			.nav__item {
				
			}
				.nav__link {
					
				}
					.nav__hm {
						display: none;
					}
			
/*
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
--------------------------------------------------------------------------| $Lineup
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
*/
.lineup {
	height: auto;
}
	.lineup__wrapper {
		padding: 6.4rem 0;
	}
		.lineup__slide {
			
		}
			.artist {
				width: 85%;
			}
				.artist__img {
					
				}
				.artist__details {
				
				}
					.artist__name {
						
					}
					.artist__time {
						
					}
					.artist__play {
						
					}
						.artist__play-icon {
							
						}
							.artist__play:hover .artist__play-icon {
							
							}
						.artist__play-text {
							
						}
	.lineup__arrow {
		
	}
	.lineup__arrow--prev {
		
	}
	.lineup__arrow--next {
		
	}
	.lineup__arrow--prev.swiper-button-disabled {
		
	}
	.lineup__arrow--next.swiper-button-disabled {
		
	}

/*
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
--------------------------------------------------------------------------| $Lineup
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
*/
.credit {
	top: auto;
	bottom: 0;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
		-ms-flex-direction: row;
			flex-direction: row;
	height: auto;
	-webkit-box-pack: justify;
		-ms-flex-pack: justify;
			justify-content: space-between;
	width: 100%;
}
	.credit__link {
		
	}
	
/*
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
--------------------------------------------------------------------------| $Tickets
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
*/
.tickets {
	-webkit-transition: -webkit-transform .6s cubic-bezier(.86,0,.07,1);
	transition: -webkit-transform .6s cubic-bezier(.86,0,.07,1);
	-o-transition: transform .6s cubic-bezier(.86,0,.07,1);
	transition: transform .6s cubic-bezier(.86,0,.07,1);
	transition: transform .6s cubic-bezier(.86,0,.07,1), -webkit-transform .6s cubic-bezier(.86,0,.07,1);
}
.tickets--open {
	-webkit-transition: -webkit-transform .6s cubic-bezier(.86,0,.07,1);
	transition: -webkit-transform .6s cubic-bezier(.86,0,.07,1);
	-o-transition: transform .6s cubic-bezier(.86,0,.07,1);
	transition: transform .6s cubic-bezier(.86,0,.07,1);
	transition: transform .6s cubic-bezier(.86,0,.07,1), -webkit-transform .6s cubic-bezier(.86,0,.07,1);
}
	.tickets__inner {
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		overflow-y: scroll; /* has to be scroll, not auto */
		-webkit-overflow-scrolling: touch;
	}
		.tickets__col {
			-webkit-transform: translate3d(0,0,0) !important;
					transform: translate3d(0,0,0) !important;
		}
		.tickets__col:nth-of-type(2) {
			
		}
		.tickets--open .tickets__col {
			
		}
			.tickets__link {
				padding: 2.4rem 0;
			}
				.tickets__img {
					
				}
/*
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
--------------------------------------------------------------------------| $BlueSkool
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
*/
.blueskool {
	-ms-grid-columns: 1fr;
	grid-template-columns: 1fr;	
}
.blueskool--open {
	
}
	.blueskool__col {
		overflow-y: scroll; /* has to be scroll, not auto */
		-webkit-overflow-scrolling: touch;
	}
	.blueskool__col:nth-of-type(1) {
		display: none;
	}
	.blueskool--open .blueskool__col {
		
	}
		.blueskool__content {
			padding: 4.8rem 2.4rem;
		}

/*
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
--------------------------------------------------------------------------| $PJ
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
*/
.pj {
	-ms-grid-columns: 1fr;
	grid-template-columns: 1fr;	
}
.pj--open {
	
}
	.pj__col {
		overflow-y: scroll; /* has to be scroll, not auto */
		-webkit-overflow-scrolling: touch;
	}
	.pj__col:nth-of-type(1) {
		display: none;
	}
	.pj--open .pj__col {
		
	}
		.pj__content {
			padding: 4.8rem 2.4rem;
		}
			.pj-artists {
				-ms-grid-columns: 1fr 1.6rem 1fr;
				grid-template-columns: repeat(2,1fr);
			}
	
/*
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
--------------------------------------------------------------------------| $Guide
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
*/
.guide {
	-ms-grid-columns: 1fr;
	grid-template-columns: 1fr;	
}
.guide--open {
	
}
	.guide__col {
		overflow-y: scroll; /* has to be scroll, not auto */
		-webkit-overflow-scrolling: touch;
	}
	.guide__col:nth-of-type(1) {
		display: none;
	}
	.guide--open .guide__col {
		
	}
		.guide__nav {
			display: none;
		}
			.guide__nav-item {
				
			}
			.guide__nav-item:last-child {
				
			}
			.guide__nav-item--active {
				
			}
				.guide__nav-item span {
					position: relative;
				}
					.guide__nav-item span:before {
						
					}
					.guide__nav-item--active span:before {
						
					}
		.guide__content {
			padding: 4.8rem 2.4rem;
		}
			.guide__content-item {
				display: block;
				border-bottom: .2rem dotted;
				padding-bottom: 4.8rem;
			}
			.guide__content-item:last-child {
				border-bottom: none;
			}
			.guide__content-item--active {
				
			}
				.guide__photo-wrap {
					margin: 0 -.8rem 2.4rem;
				}
				.guide__content a {
					
				}
				.guide__content ul {
					
				}
					.guide__content ul li {
						
					}
					.guide__list-item small {
						display: none;
					}

/*
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
--------------------------------------------------------------------------| $Close
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
*/
.close {
	
}
.close--lineup,
.close--tickets {
	
}
.lineup--open .close,
.guide--open .close,
.tickets--open .close {
	
}
	
/*
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
--------------------------------------------------------------------------| $Bio
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
*/
.bio {
	
}
	.bio__title {
		padding: 4.8rem;
	}
	.bio__content {
		padding: 2.4rem;
	}
	
/*
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
--------------------------------------------------------------------------| $Fancybox
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
*/
.fancybox-slide {
	padding: 2.4rem;
}
.fancybox-button.fancybox-button--close {
	
}
	.fancybox-button.fancybox-button--close svg {
		
	}
}/* end mobile styles */

/*
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
--------------------------------------------------------------------------| $RESPONSIVE 16:9 scaled to 2X starting at 1152px X 648px 
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
*/
@media only screen and (min-height: 713px) and (min-width: 1267px) { /* 62.5% X 1.1 */
	html {
		font-size: 11px;
	}
}
@media only screen and (min-height: 777px) and (min-width: 1382px) { /* 62.5% X 1.2 */
	html {
		font-size: 12px;
	}
}
@media only screen and (min-height: 843px) and (min-width: 1498px) { /* 62.5% X 1.3 */
	html {
		font-size: 13px;
	}
}
@media only screen and (min-height: 907px) and (min-width: 1613px) { /* 62.5% X 1.4 */
	html {
		font-size: 14px;
	}
}
@media only screen and (min-height: 972px) and (min-width: 1728px) { /* 62.5% X 1.5 */
	html {
		font-size: 15px;
	}
}
@media only screen and (min-height: 1037px) and (min-width: 1843px) { /* 62.5% X 1.6 */
	html {
		font-size: 16px;
	}
}
@media only screen and (min-height: 1101px) and (min-width: 1958px) { /* 62.5% X 1.7 */
	html {
		font-size: 17px;
	}
}
@media only screen and (min-height: 1167px) and (min-width: 2074px) { /* 62.5% X 1.8 */
	html {
		font-size: 18px;
	}
}
@media only screen and (min-height: 1231px) and (min-width: 2189px) { /* 62.5% X 1.9 */
	html {
		font-size: 19px;
	}
}
@media only screen and (min-height: 1296px) and (min-width: 2304px) { /* 62.5% X 2 */
	html {
		font-size: 20px;
	}
}

.hidden,[hidden]{display:none !important}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.sr-only.focusable:active,.sr-only.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;white-space:inherit;width:auto}.invisible{visibility:hidden}.clearfix::before,.clearfix::after{content:" ";display:table}.clearfix::after{clear:both}@media only screen and (min-width: 35em){}@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5/4), (min-resolution: 1.25dppx), (min-resolution: 120dpi){}@media print{*,*::before,*::after{background:#fff !important;color:#000 !important;-webkit-box-shadow:none !important;box-shadow:none !important;text-shadow:none !important}a,a:visited{text-decoration:underline}a[href]::after{content:" (" attr(href) ")"}abbr[title]::after{content:" (" attr(title) ")"}a[href^="#"]::after,a[href^="javascript:"]::after{content:""}pre{white-space:pre-wrap !important}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}