@import url('https://fonts.googleapis.com/css?family=Marck+Script&display=swap');
@import url('https://fonts.googleapis.com/css?family=Poppins:700i&display=swap');

@font-face {
	font-family: 'Gotham-Thin';
	src: url('../fonts/Gotham-Thin.eot');
	src: local('?'), url('../fonts/Gotham-Thin.woff') format('woff'), url('../fonts/Gotham-Thin.ttf') format('truetype'), url('../fonts/Gotham-Thin.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Gotham-Black';
	src: url('../fonts/Gotham-Black.eot');
	src: local('?'), url('../fonts/Gotham-Black.woff') format('woff'), url('../fonts/Gotham-Black.ttf') format('truetype'), url('../fonts/Gotham-Black.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Gotham-Ultra';
	src: url('../fonts/Gotham-Ultra.eot');
	src: local('?'), url('../fonts/Gotham-Ultra.woff') format('woff'), url('../fonts/Gotham-Ultra.ttf') format('truetype'), url('../fonts/Gotham-Ultra.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Gotham-Book';
	src: url('../fonts/Gotham-Book.eot');
	src: local('?'), url('../fonts/Gotham-Book.woff') format('woff'), url('../fonts/Gotham-Book.ttf') format('truetype'), url('../fonts/Gotham-Book.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Gotham-Medium';
	src: url('../fonts/Gotham-Medium.eot');
	src: local('?'), url('../fonts/Gotham-Medium.woff') format('woff'), url('../fonts/Gotham-Medium.ttf') format('truetype'), url('../fonts/Gotham-Medium.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Gotham-Light';
	src: url('../fonts/Gotham-Light.eot');
	src: local('?'), url('../fonts/Gotham-Light.woff') format('woff'), url('../fonts/Gotham-Light.ttf') format('truetype'), url('../fonts/Gotham-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

:root{
   --color1: rgb(0,0,0); /* black */
   --color2: rgba(247,236,19,1.00); /* yellow */
   --color3: rgba(0,0,0,1.00); /* black */
	--forecolor2: rgb(255,255,255);
	
	--lightest:  rgba(0, 0, 0, 1);
	--lighter: rgba(246,5, 206, 1);
	--medium: rgba(0, 0, 0, 1);
	--darker: rgba(0, 0, 0, 1);
	--darkest: rgba(0, 0, 0, 1);
	
	--megan: url('../images/2024/header-2024-portrait-megan.webp');
	--kat: url('../images/2024/header-2024-portrait-kat.webp');
	--misty: url('../images/2024/header-2024-portrait-misty.webp');
	--david: url('../images/2024/header-2024-david.webp');
	--seth: url('../images/2024/header-2024-seth.webp');
	--justin: url('../images/2024/header-2024-justin.webp');
	
}

*{
    box-sizing:        border-box;
	-moz-box-sizing:    border-box;
   -webkit-box-sizing: border-box;
}

html{
	padding: 0px;
	margin: 0px;
	border: 0px;
	min-height: 100%;
	width: 100%;
	background-color: rgb(50,50,50);
}			
body{
	padding: 0px;
	margin: 0px;
	border: 0px;
	font-size: 100%;
	max-width: 100%;
	min-height: 100%;
	font-family: 'Gotham-Book', sans-serif;
	font-weight: bold;
	color: white;
}

h1{
	font-size: 2.5em;
	line-height: 1em;
	margin: 0 0 0.5em 0;
	font-family: 'Gotham-Black';
	letter-spacing: 0.025em;
	color: rgba(255,255,255,1);
	position: relative;
}
.content.generic-page h1{
	padding-right: 1.5em;
	display: inline-block;
}
.content > h1:after {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	transform: translateY(-25%);
	width: 1.5em;
	height: 2em;
	background-image: url("../images/2025/squiggles-full.webp");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
/*	filter: drop-shadow(0 0 1em black);
	filter: brightness(0) saturate(100%) invert(13%) sepia(86%) saturate(5904%) hue-rotate(4deg) brightness(101%) contrast(121%);*/
}
h2{
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1.2em;
	margin: 0;
	color: white;
	position: relative;
}

h3{
	font-size: 1.4em;
	line-height: 1.4em;
	text-align: center;
	padding: 0;
	margin: 0;
}	
h4{
	font-size: 1.4em;
	font-weight: 300;
	margin: 0;
}

p{
	margin: 0 0 1em 0;
}

a{
/*
	color: rgb(220,181,149);
	color: rgb(167,188,214);
*/
}
strong{
	font-family: Gotham-Medium;
}
select {
	font-family: inherit;
}

.navControl img {
	filter: brightness(0) saturate(100%) invert(88%) sepia(91%) saturate(2363%) hue-rotate(347deg) brightness(102%) contrast(94%);
}

/*================================= TEMP REMOVE TOUR LOGO AFTER EVENT ==============================================*/
/*
.page-banner > img.immersion-logo {
	display: none!important;
}
*/
/*-----------------------TITLE BAR ----------------------------------*/

.dr-cart{
	font-family: 'Material icons'; 
	font-size: 1.4em; 
	text-transform: none!important;
	font-weight: normal!important;
	border-radius: 0.2em;
}
ul.nav > li:last-of-type{
	max-width: 3em;
}
header{
	position: relative;
	z-index: 6;
}
#title {
  position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	padding: 0;
	text-align: left;
	margin: 0;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	height: 0;
}

#DR-logo{
	position: absolute;
	top: 4em;
	left: 1.5em;
   width: 8em;
	z-index: 10;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	padding: 0.3em;
	border-radius: 3px;
	background-color: black;
}


.social-container{
	position: absolute;
	top: 14.1em;
	left: 1.5em;
	z-index: 10;
	width: 8em;
   
   display: flex;
   align-items: stretch;
   justify-content: space-between;
   flex-wrap: wrap;
	text-align: center;
	transition: all 0.5s;
}
.social-container a{
	flex: 1 1 2em;
	padding: 0.3em 0.3em;
	vertical-align: middle;
	margin: 3px;
/*	background-color: var(--medium);*/
	background-color: black;
   color: var(--lightest);
   font-size: 1.2em;
   line-height: 1.2em;
   text-decoration: none;
	max-width: 100%;
	border-radius: 0.3em;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background-color 0.55s;
}
.social
.social-container a:hover{
	background-color: rgba(247,236,19,1.00);
}
.social-container a img{
   max-width: 2em;
	max-height: 2em;
	filter: brightness(0) saturate(100%) invert(88%) sepia(91%) saturate(2363%) hue-rotate(347deg) brightness(102%) contrast(94%);
	transition: all 0.5s;
}


.shift #DR-logo{
	width: 3.3em;
	top: 0;
	left: 0;
	background-color: black;
	padding: 0;
}
.shift .reg-button{
    top: 66px;
    left: 0;
    background-color: rgba(0,0,0,0.8);
	 color: white;
    border-radius: 0 0 0.5em 0;
    border-color: transparent;
}
.shift .social-container{
   width: 7em;
	left: 3.5em;
	top: 0;
}
.shift .social-container a{
	-webkit-box-flex: 1;
	-ms-flex: 1 1 1.4em;
	flex: 1 1 1.4em;
	padding: 0.1em;
	background-color: rgba(224,24,131,0);
}
.shift .social-container a img{
   max-width: 1.2em;
	max-height: 1.2em;
/*	filter: brightness(1) saturate(100%) invert(0) sepia(0) saturate(1) hue-rotate(0) brightness(1) contrast(1);*/
}


.shift #navContainer{
	background-color: var(--medium);
	border-bottom: 5px solid var(--darkest);
	filter: drop-shadow(0 4px 1em rgba(255,255,0,0.5));
}

.shift ul.nav>li>a{
	height: 3em;
	text-shadow: none;
}

.shift ul.nav li>ul{border-radius: 0 0 0.5em 0.5em;}



/*-----------------------------------NAV STYLE -----------------------*/

#navContainer{
	position: relative;
	top: 0;
	left: 0;
	right: 0;
	z-index: 10;
	font-family: Gotham-Light;
	font-size: 1.4em;
	padding: 0 1em 0 7em;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
	min-height: 54px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}


ul.nav{
	list-style: none;
	padding: 0;
	width: 100%;
	margin: 0;

	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;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}
ul.nav li{
	position: relative;
	overflow: visible;
}
ul.nav>li{
	padding: 0;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100px;
  flex: 1 1 100px;
   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;
}
ul.nav>li:first-of-type{display:none;}
ul.nav li>a{
	padding: 0.2em 1em;
}
	
ul.nav>li>a{
	font-weight: bold;
	width: 100%;
	text-decoration: none;
	padding: 0 1em;
	text-transform: uppercase;
	color: rgb(255,255,255);
	text-align: center;
	height: 4em;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   /*
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
   */
	text-shadow: 1px 1px 1px black, 1px 1px 1px black;
	-webkit-transition: 0.5s;
	transition: 0.5s;	
}
	ul.nav>li:first-of-type>a>span{display:none;}
	ul.nav>li:first-of-type>a>img{display:initial;}

ul.nav>li:hover>a, ul.nav>li.selected>a{
	/*background-color: rgba(255,255,255,0.7);
	-webkit-transform: scale(1.25);
	transform: scale(1.25);
	text-shadow:   0 0 20px rgba(0,0,0,1);*/
   -webkit-animation: nav_hover;
   animation: nav_hover;
   -webkit-animation-duration: 0.5s;
   animation-duration: 0.5s;
   -webkit-animation-fill-mode: forwards;
   animation-fill-mode: forwards;
   -webkit-animation-timing-function: ease-in-out;
   animation-timing-function: ease-in-out;
}
@-webkit-keyframes nav_hover{
   0% {-webkit-transform: scale(1);transform: scale(1)}
   40% {-webkit-transform: scale(1.3);transform: scale(1.3)}
   60% {-webkit-transform: scale(1.15);transform: scale(1.15)}
   80% {-webkit-transform: scale(1.28);transform: scale(1.28)}
   90% {-webkit-transform: scale(1.22);transform: scale(1.22)}
   100% {-webkit-transform: scale(1.25);transform: scale(1.25)}
}
@keyframes nav_hover{
   0% {-webkit-transform: scale(1);transform: scale(1)}
   40% {-webkit-transform: scale(1.3);transform: scale(1.3)}
   60% {-webkit-transform: scale(1.15);transform: scale(1.15)}
   80% {-webkit-transform: scale(1.28);transform: scale(1.28)}
   90% {-webkit-transform: scale(1.22);transform: scale(1.22)}
   100% {-webkit-transform: scale(1.25);transform: scale(1.25)}
}
ul.nav ul li:hover>a, ul.nav ul li.selected>a{
	background-color: var(--color2);
	color: black;
}

ul.nav>li ul{
	position: absolute;
	top: 100%;
	left: 60%;
	min-width: 100%;
	overflow: hidden;
	list-style:none;
	padding: 0;
	white-space: nowrap;
	max-height: 0;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	text-align:center;
	background-color: rgba(0,0,0,0.8);
	line-height: 1.8em;
	/*
	-webkit-box-shadow: 0 5px 5px white;
	box-shadow: 0 0 20px rgba(220,181,149,0.6);
	*/
}
ul.nav>li>ul{
	left: 0%;
	overflow: hidden;
}
ul.nav>li ul:hover{
	overflow:visible;
}
ul.nav li:hover>ul{
	max-height: 600px;
	visibility: visible;
	z-index: 2;
}
ul.nav ul li:first-of-type{padding-top: 1em}
ul.nav ul li:last-of-type{padding-bottom: 1em}
ul.nav li>ul{
	z-index: 1;
    font-size: 0.8em;
    line-height: 1.4em;
	border-radius: 0.5em 0.5em 0.5em 0.5em;
}
ul.nav>li>ul>li a{
	display: block;
	text-align:left;
	text-decoration:none;
	width: 100%;
	height: 100%;
	font-family: Gotham-Light;
	color: rgb(255,255,255);
}
ul.nav>li>ul>li>ul>li:hover a{
	background-color: var(--color2);
	color: black;
}
ul.nav>li>ul>li ul{
	top: 90%;
	visibility: hidden;
	border-radius: 0.5em!important;
	background-color: rgba(50,50,50,1);
}
ul.nav>li>ul>li:hover ul{
	visibility: visible;
}


.nav a>span{
	font-family: Gotham-Black;
	letter-spacing: 0.05em;
	font-style: italic;
}
.nav strong{
	font-family: Gotham-Medium;
}

.navControl{
	background-color: var(--medium);
}

.navControl .phone{
	display: block;
	text-decoration: none;
	color: white;
	font-family: Gotham-Black;
	position: absolute;
	right: 5px;
	bottom: 3px;
	font-size: 1.4em;
}
.navControl span>a{
	background-color: transparent;
	padding: 0;
	width: auto;
	height: auto;
	border-radius: 0;
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	margin-right: 0;
}
.navControl span>a:before,
.navControl span>a:after{
	display: none;
}

/* ----------------------- FOOTER ------------------------------ */

footer{
	position: relative;
	display: block;
	margin: 0;
	padding: 1em;
	/*
	background-image: -webkit-gradient(linear, left top, right top, from(rgb(124,124,124)), color-stop(50%, rgb(196,196,196)));
	background-image: linear-gradient(90deg, rgb(124,124,124) 0%, rgb(196,196,196) 50%);
	*/
	background-image: var(--footer);
	background-position: right bottom;
	background-size: auto 120%;
/*	background-blend-mode: luminosity;*/
	background-repeat: no-repeat;
	background-color: var(--darkest);
	overflow: hidden;
	border-color: #DAEE1D;
	border-width: 3px 0;
	border-style: solid;
	display: flex;
	align-items: center;
	aspect-ratio: 4;
}
footer a{
	font-family: Gotham-Light;
	color: white;
}
footer img.logo{
	float: left;
	max-height: 165px;
	vertical-align: middle;
	position: relative;
	max-width: 18%;
	background-color: black;
	padding: 0.3em;

}
footer div.bckgrd{
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: auto;
	-webkit-mask-image: linear-gradient(-90deg, rgba(0,0,0,1), rgba(0,0,0,0.3) 90%, rgba(0,0,0,0));	
	mask-image: linear-gradient(-90deg, rgba(0,0,0,1), rgba(0,0,0,0.3) 90%, rgba(0,0,0,0));
}
footer div.bckgrd img{
	height: 100%;
	width: auto;
	opacity: 0.6;
}

footer div{
	position: relative;
	overflow: hidden;
	vertical-align: middle;
	font-weight: bold;
	color:rgba(211,204,188,1.00);
	text-align: left;
	padding-left: 1em;
}
footer div span{
	font-size: 3em;
	font-family: Gotham-Black;
	color: white;
}

.sub-footer{
	/*
	background-image: -webkit-gradient(linear, left top, right top, from(rgb(220,181,149)), color-stop(50%, rgb(183,113,95)));
	background-image: linear-gradient(90deg, rgb(220,181,149) 0%, rgb(183,113,95) 50%);	background-color: rgb(40,40,40);
	background-color: rgba(211,204,188,1.00);
	background-color: rgba(224,24,131,1.00);
	*/
	background-color: var(--medium);
	color: white;
	font-size: 0.6em;
	text-align: center;
	line-height: 1.4em;
	padding: 2em;
	font-weight: 300;
	letter-spacing: 0.08em;
}
.sub-footer>div{;
	font-weight: normal;
}

/* ----------------------------- GENERIC STYLES -------------------------*/


.purchase-thanks{
	z-index: 100;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background-color: rgba(0,0,0,0.8);
	display: flex;
	align-items: center;
	justify-content: center;
	animation: thanks;
	animation-duration: 1s;
	animation-delay: 4s;
	animation-fill-mode: forwards;
}
.purchase-thanks:before{
	content: "Thank you for your purchase!";
	display: block;
	padding: 1em;
	border-radius: 0.2em;	
	font-size: 2.5em;
	color: white;
	background-color: black;
	filter: drop-shadow(0 0 2em white);	
}
@keyframes thanks{
	0%{opacity: 1; left: 0}
	99%{opacity: 0; left: 0}
	100%{opacity: 0; left: -10000px}
}

.tbl{
	display: table;
	width:  100%;
	border-collapse: collapse;
}
.tr{display: table-row}
.td{
	display: table-cell;
	padding: 0.1em 0.3em;
}

section{
	position: relative;
	line-height: 2em;
}

.divider{
	position: relative;
/*	padding: clamp(1em, 6vw, 2em) 1em;*/
	z-index: 3;
	font-size: clamp(1.3em, 3vw, 2em);
	text-align: center;
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
	text-shadow: 0 0 15px rgba(0,0,0,1), 0 0 10px rgba(0,0,0,1), 0 0 5px rgba(0,0,0,1);
	display: grid;
	grid-template-rows: 1fr;
	grid-template-columns: 5em 1fr 5em;
}
.divider::before {
	content: '';
	grid-row: 1;
	grid-column: 1;
	display: block;
	background-image: url('../images/2025/stars-1.webp');
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
.divider div {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	
}
.divider::after {
	content: '';
	grid-row: 1;
	grid-column: 3;
	display: block;
	background-image: url('../images/2025/squiggles-1.webp');
	background-size: contain;
	background-position: top right;
	background-repeat: no-repeat;
	transform: scale(-1);
}
.divider.contact > div{
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	color: white;
	font-family: "Gotham-Thin";
	text-decoration: none;
	padding: 1em 0.5em;
}
.divider.contact div a {
	font-size: 50%;
}
.divider.contact div:first-of-type{
	font-size: 1.8em;
}
.divider.contact a{
	color: inherit;
	text-decoration: none;
}
.vid-gallery-container{
	padding: 1em;;
	width: calc(100% - 2em);
	max-width: 1200px;
	margin: 4em auto;
	background-image: -webkit-gradient(linear, left bottom, left top, from(var(--color3)), to(black));
	background-image: linear-gradient(0deg, var(--color3), black);
}
section,
footer,
.dr-link-container,
.mapBorder,
.DR-map-container{
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
}
section.main{
	min-height: 600px;
}

.sold-out-warning{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%) rotate(-30deg);
	transform: translate(-50%, -50%) rotate(-30deg);
	font-size: 4.5em;
	color: rgb(255,255,255);
	font-weight: 900;
	background-color: rgba(0,0,0,0.2);
	padding: 0.5em;
   -webkit-backdrop-filter: 6px;
   backdrop-filter: blur(6px);
	border-radius: 0.125em;
	-webkit-filter: drop-shadow(0 0 10px rgba(0,0,0,0.5));
	filter: drop-shadow(0 0 10px rgba(0,0,0,0.5));
}

.temp-message{
	border: 5px solid rgba(150,150,150,0.6);
	background-color: rgba(255,255,255,0.3);
	padding: 1em;
	font-size: 1.8em;
	font-family: 'Gotham-Medium';
	font-weight: normal;
	line-height: 1.1em;
	text-shadow: 0 0 4px rgba(0,0,0,0.9);
}

.rules strong {
	font-size: 120%;
	line-height: inherit;
	text-decoration: underline;
}


/* --------------------------- HOME PAGE ------------------------- */

#introVideo{
	position: absolute;
  top: 0;
/*
	left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
*/
	width: auto;
	height: 100%;
	background-color: transparent;
	display:block;	

}

@supports ((-o-object-fit: cover) or (object-fit: cover)){
	#introVideo{
		height: 100%;
		width: 100%;
		-o-object-fit: cover;
		object-fit: cover;
	}
}

#vidContainer{
	display:block;
	background-color:black; 
  width: 100%;
	height: 100vh;
	overflow: hidden;
	position: -webkit-sticky;
	position: sticky;
	top: 0px;	
	z-index: 0;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
	/*
  background-image: url("../images/megan-home.jpg");
  background-position: center center;
  background-size: cover;}	
	*/
}
.temp-img-bckgrd{
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-image: url("../images/megan-home.jpg");
   background-position: center center;
   background-size: cover;
   -webkit-animation-name: vid-reveal;
   animation-name: vid-reveal;
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
   -webkit-animation-delay: 5s;
   animation-delay: 5s;
   -webkit-animation-fill-mode: forwards;
   animation-fill-mode: forwards;
}
@-webkit-keyframes vid-reveal{
   0%{opacity: 1}
   100%{opacity: 0}
}
@keyframes vid-reveal{
   0%{opacity: 1}
   100%{opacity: 0}
}
.vid-overlay{
	position: absolute; 
	top: 50%; 
	left: 50%; 
	-webkit-transform: translate(-50%,-50%); 
	transform: translate(-50%,-50%);
   max-width: 70%;
	filter: drop-shadow(0 0 5px black) drop-shadow(0 0 10px rgba(0,0,0,1)) drop-shadow(0 0 15px black);
}

.dr-slide-container{
	position: relative;
	z-index: 2;
	padding-bottom: 60vh;
	background-color: black;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}
.dr-cutoff-container{
	background-color: white;
	color: black;
	text-align: center;
	line-height: 1.3em;
	padding: 1em;
	border-bottom: 3px solid black;
}
.dr-link-container{
	position: relative;
	z-index: 5;
/*   background-image: linear-gradient(90deg, var(--color3) 30%, var(--color2) 50%, var(--color3) 70%);*/
	background-color: white;
	color: black;
	padding: 0;
	line-height: 1.3em;
/*
	border-color: var(--darkest);
	border-style: solid;
	border-width: 5px 0;
*/
}
.dr-link-container:before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: url('../images/divider-background-vB.webp');
	background-position: center;
	background-size: cover;
	mix-blend-mode: hard-light;
	opacity: 50%;

}
.dr-link-container>div{
	text-align: center;
	background-color: var(--darker);
	background-color: rgba(247,236,19,1.00);
	color: white;
	/*
	background-image: -webkit-gradient(linear, left top, right top, from(rgb(183,113,95)), color-stop(50%, rgb(220,181,149)));
	background-image: linear-gradient(90deg, rgb(183,113,95) 0%, rgb(220,181,149) 50%);
	background-color: rgb(0,0,0);
	*/
	color: black;
	border-top: 5px solid black;
	padding: 1em 1em;
}
.dr-link-container a{
	text-decoration: none;
	padding: 1em;
	display: inline-block;
}
.dr-link-container>div>div{
	padding: 0.5em;
	font-family: Gotham-Light;
	font-size: 1.2em;
	color: black;
	position: relative;
}
.dr-link-container img{
	display: inline-block;
	vertical-align: top;
  	margin-bottom: 5px;
	margin: 0.2em;
   height: 4em;
	width: auto;
	filter: drop-shadow(0 0 15px black) invert(1);
}
.dr-link-container .faculty-images img{
	height: auto;
	filter: none;
}


/*
.aux-nav{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 0;
	margin: 0;
	background-color: black;
	color: white;
}

.aux-nav>div{
	-webkit-box-flex: 1;
	-ms-flex: 1 1 50%;
	flex: 1 1 50%;
}
.aux-nav>div>div{
	padding-bottom: 50%;
}
*/

.convention-dates{
	position: relative;
	z-index: 2;
	display: inline-block;
	vertical-align: middle;
	text-decoration: none;
	color: inherit;
	padding: 0.5em;
	font-family: Gotham-Book;
	font-size: 1.5em;
	text-shadow: 0 0 0.25em black, 0 0 1em black, 0 0 1em black, 0 0 1em black, 0 0 1em black, 0 0 1em black;
}
.convention-dates>div{
	background-color: rgba(0,0,0,1);
	border-radius: 0.5em;
	font-size: 0.5em;
	padding: 0.5em;
	line-height: normal;
	text-shadow: none;
	min-width: 15em;
	min-height: 9em;
}
.convention-dates>div>div:nth-of-type(1){
	font-family: Gotham-Light;
}
.convention-dates>div>div:nth-of-type(2){
	font-size: 5em;
}
.convention-dates>div>div:nth-of-type(3){
	font-family: Gotham-Light;
	font-size: 1.4em;
}
.convention-dates>span{
	display: block;
	position: relative;
	top: -0.5em;
	margin: 0;
	padding: 0;
	font-family: Gotham-Black;
	line-height: 0;
	letter-spacing: 0.05em;
	font-style: italic;
}

.faculty-hero-container{
	width: 100%;
	padding-bottom: 33.01%;
	background-image: url("../images/immersion-banner-midpage.jpg");
	background-size: cover;
	background-position: center;
	position: relative;
	min-height: 200px;
		
}
/*
@media screen and (max-width: 1150px){
	.faculty-hero-container{
		background-image: url("../images/faculty-collage-2022-noIconic.webp");
		padding-bottom: 63.76%;
		min-height: 0;
	}
}
*/

.story-container{
	color: white;
	position: absolute;
  	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 50%;
	max-width: 45em;
	min-width: 30em;
	bottom: 1em;
	text-align: left;
	padding: 0;
	font-size: 1em;
	line-height: 1.4em;
	border-radius: 0.5em;
	text-shadow: 0 0 5px black, 0 0 7px black, 0 0 10px black;
}
.story-container h1{
	font-weight: 500;
	font-family: Gotham-Book;
	margin: 0;

}
.tab-showcase .story-container{
	right: calc(425px + 1em);
}

.tribe-text-container{
	color: white;
	position: absolute;
  	left: calc(390px + 1em);
  	right: calc(180px + 1em);
	top: 1em;
	font-size: 1.4em;
	line-height: 1.2em;
	font-style: italic;
	text-shadow: 0 0 5px black, 0 0 10px black, 0 0 15px black, 0 0 20px black;
	text-align: left;
}
.tribe-text-container:before{
	content: "\201C";
	display: inline-block;
	position: relative;
	top: 0.1em;
	left: -0.1em;
	margin: 0;
	padding: 0;
	font-size: 4em;
	line-height: 0.25em;
	height: 0.25em;
	overflow: visible;
	vertical-align: middle;
}
.tribe-text-container:after{
	content: "\201D";
	display: inline-block;
	position: relative;
	top: 0.25em;
	left: -0.1em;
	margin: 0;
	padding: 0;
	font-size: 4em;
	line-height: 0.25em;
	height: 0.25em;
	overflow: visible;
	vertical-align: middle;
}

.mobile-splash{
	position: absolute;
	right: 6em;
	bottom: 4em;
	width: calc(100% - 12em);
	max-width: 500px;
	height: auto;
	filter: drop-shadow(0 0 4em rgba(255,255,255,0.8));
}


/* --------------------- COOL SLIDING AUX NAV ------------------ */

.aux-nav-2{
   display: block;
   position: relative;
   background-color: black;
   color: white;
   height: 575px;
   overflow: hidden;
   z-index: 4;
}
.aux-nav-2>div{
   position: absolute;
   top: 0;
   bottom: 0;
   width: 100%;
   overflow: hidden;
   -webkit-transform: skew(-20deg);
   transform: skew(-20deg);
   -webkit-transition: all 0.5s;
   transition: all 0.5s;
	-webkit-box-shadow: 0 0 15px black;
	box-shadow: 0 0 15px black;
	text-align: center;
}

.aux-nav-2>div.tab-showcase{
   background-color: rgb(180,180,180);
   left: -22px; 
   width: 100%;
   z-index: 1;
	cursor: pointer;
}
.aux-nav-2>div.tab-showcase:hover + div{
   left: calc(465px - 100%);
}
.aux-nav-2>div.tab-showcase:hover + div + div{
   left: calc(465px - 100%);
}
.aux-nav-2>div.tab-showcase:hover + div + div + div{
   left: calc(325px - 100%);
}

.aux-nav-2>div.tab-tribe{
   background-color: rgb(160,160,160);
   left: 0;
   width: calc(100% - 110px);
   z-index: 2;
	cursor: pointer;
}
.aux-nav-2>div.tab-tribe:hover + div{
   left: calc(465px - 100%);
}
.aux-nav-2>div.tab-tribe:hover + div + div{
   left: calc(325px - 100%);
}
.aux-nav-2>div.tab-story{
   background-color: rgb(140,140,140);
   left: 0;
   width: calc(100% - 195px);
   z-index: 3;
	cursor: pointer;
}
.aux-nav-2>div.tab-story:hover + div{
   left: calc(325px - 100%);
}

.aux-nav-2>div.tab-dates{
   background-color: rgb(120,120,120);
   left: -140px;
   width: calc(100% - 140px);
   z-index: 4;
	cursor: pointer;
}


.aux-nav-2>div>div{
   position: relative;
   height: 100%;
   -webkit-transform: skewX(20deg);
   transform: skewX(20deg);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	flex-wrap: wrap;
	width: calc(100% + 110px);
  /* background-color: black; */
	background-position: center center;
	background-size: contain;
   background-repeat: no-repeat;
	padding: 1em 300px;
}

.aux-nav-2>div>div h2{
	display: block;
   position: absolute;
   bottom: -40pt;
   left: calc(100% - 230px);
   -webkit-transform: rotate(-70deg);
   transform: rotate(-70deg);
   -webkit-transform-origin: bottom left;
   transform-origin: bottom left;
   color: black;
   font-family: Gotham-Medium;
   font-weight: normal;
   font-size: 2.5em;
   margin: 0;
   white-space: nowrap;
	background-color: var(--color2);
	width: 750px;
	padding: 0 50pt;
	line-height: 65pt;
	text-align: left;
}
.aux-nav-2>div:nth-of-type(even)>div h2{
	background-color: var(--darker);
	color: white;
}
.aux-nav-2>div>div>div>h1{
   font-family: Gotham-Book;
}
/*---
.aux-nav-2>div.tab-showcase>div h2{
   left: calc(100% - 358px);
}
--- */
.aux-nav-2>div:before{
   content: '';
   position: absolute;
   top: 0;
   left: -100px;
   right: -100px;
   bottom: 0;
   background-position: center center;
   background-size: cover;
   -webkit-filter: blur(15px);
   filter: blur(15px);
   -webkit-transform: skew(20deg);
   transform: skew(20deg);
}
.tour-date-container {
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-end;
	gap: 15em 0em;
}
.aux-nav-2>div.tab-dates:before{
	background-image: url("../images/2025/slider-Tour-Dates-25-26.webp");
}
.aux-nav-2>div.tab-dates>div{
	background-image: url("../images/2025/slider-Tour-Dates-25-26.webp");
	align-items: flex-end;
}

.aux-nav-2>div.tab-story:before{
	background-image: url("../images/2025/slider-the-difference-25-26.webp");
}
.aux-nav-2>div.tab-story>div{
	background-image: url("../images/2025/slider-the-difference-25-26.webp");
}

.aux-nav-2>div.tab-tribe:before{
	background-image: url("../images/2025/slider-the-tribe-25-26.webp");
}
.aux-nav-2>div.tab-tribe>div{
	background-image: url("../images/2025/slider-the-tribe-25-26.webp");
}

.aux-nav-2>div.tab-showcase:before{
	background-image: url("../images/2025/slider-showcase-and-awards-25-26.webp");
}
.aux-nav-2>div.tab-showcase>div{
	background-image: url("../images/2025/slider-showcase-and-awards-25-26.webp");
}

.slider-link{
	font-family: Gotham-Black;
	float: right;
	font-size: 1.2em;
	text-decoration: none;
	background-color: var(--color2);
	padding: 0.5em;
	border-radius: 0.25em;
	text-shadow: none;
	color: black;
}

/* --------------- QUOTE OF THE DAY --------------------------- */

.qod{
	position: absolute;
	z-index: 3;
	bottom: 0;
	left: 0;
	padding: 0.5em;
	color: white;
	font-family: Gotham-Thin;
	font-size: 2.5em;
	width: 600px;
	max-width: 100%;
	background-color: transparent;
	text-shadow: 0 0 5px rgba(0,0,0,1), 0 0 5px rgba(0,0,0,1), 0 0 10px rgba(0,0,0,1), 0 0 15px rgba(0,0,0,1), 0 0 15px rgba(0,0,0,1);
	text-align: center;
}
.qod b{
	font-size: 0.5em;
	text-decoration: underline;
}
.qod br{
	line-height: 2em;
}
.qod br:last-of-type{
	display: none;
}
.qod a, #mannaverse-reference{
	font-size: 0.5em;
	color: white;
  font-family: Gotham-Light;
	font-style: italic;
	display: block;
	text-align: right;
	text-decoration: none;
	pointer-events: none;
}


/* ----------------------- FACULTY PAGE ------------------------------ */

.hack-spacer{
	float: right;
	width: 0;
	height: 0;
}
.faculty-images{
	position: relative;
	background-color: #DF1683;
}
.faculty-images img{
	width: 16.666%;
	height: auto;
	display: inline-block;
	margin: 0;
	border-radius: 0;
}
/*
.faculty-images img:nth-of-type(2),
.faculty-images img:nth-of-type(4){
	width: 9.0793%;
}
*/

.faculty-image {
    float: right;
    margin: 0 0 0 2em;
	 max-height: 450px;
    max-width: 100%;
    clear: right;
}

.faculty-container{
	padding: 0 2em;
	overflow: hidden;
}
.faculty-container div{
	margin: 2em auto;
	width: 1475px;
	max-width: 100%;
	text-align: center;
}
.faculty-headline{
	padding: 0.5em 0 0 0;
	text-align: center;
	font-size: 4em;
	text-shadow:  0 0 20px rgb(0,0,0,0.8);
}
.faculty-pic{
	width: 225px;
	display: inline-block;
	margin: 0.5em 0.5em 5em 0.5em;
	position: relative;
}
.faculty-pic img{
	width: 100%;
	height: auto;
	border: 2px solid white;
}
.faculty-pic figcaption{
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	padding: 0.25em;
	background-color: black;
	font-family: Gotham-Black;
	font-size: 1.5em;
	border: 2px solid white;
/*
	background-image: url(../images/all-access-slash.png);
	background-size: auto calc(100% - 0.5em);
	background-position: left 0.25em center;
	background-repeat: no-repeat;
*/
	text-align: center;
	line-height: 1.0em;
}
.faculty-pic figcaption:first-line{
	font-family: Gotham-Light;
	font-size: 0.8em;
}
.from-director{width: 1400px;}

/* ---------------------- GENERAL STYLES --------------------------------- */

.content{
	max-width: calc(100% - 4em);
	margin: 0 auto;
}
.content li{
	line-height: 1.4em;
	margin-bottom: 1em;
}


.generic-page{
	margin: 3em auto;
	background-color: black;
	background-color: rgba(255,255,255,0.85);
/*   background-image:  linear-gradient(0deg,  rgba(224,24,131,0.30), rgba(0,0,0,1));*/
	padding: 2em;
	color: white;
	color: black;
	border-radius: 0.5em;
	overflow: hidden;
}
.generic-page h1{margin-bottom: 0.15em; color: var(--darker);}
.generic-page h2{color: var(--color3);}
.bgm-vid-thumbnails figCaption>h2 {
	color: black;
	margin-bottom: 0.5em;
	line-height: 1.2em;
}
.generic-page hr{margin-bottom: 1.5em;}

.page-banner > img.iconic-logo{
	display: block;
	top: auto;
	left: 1.75em;
	bottom: 1em;
	height: clamp(5em, 11vw, 7em);
	width: auto;
	filter: drop-shadow(1px 1px 1px black);
	transform: none;
	min-height: 0;
	min-width: 0;
}
.page-banner > img.immersion-logo{
	display: block;
	top: 50%;
	left: 50%;;
	transform: translate(-50%, -50%);
	height: clamp(8em, 11vw, 14em);
	width: auto;
	filter: drop-shadow(1px 1px 5px white) drop-shadow(1px 1px 10px black) drop-shadow(1px 1px 15px black);
	min-height: 0;
	min-width: 0;
}
.page-banner{
	display: block;
	position: relative;
	top: 0px;
	width: 100%;
	height: 547px;
	max-height: calc(100vh - 45px);
	overflow: hidden;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	background-color: black;
	
/* ----- FOR USE WHEN IMAGES ARE UP TO DATE 
	
	background:
		right bottom / auto min(100%, 45vw) no-repeat var(--headerimg),
		linear-gradient(90deg, rgba(247, 236, 19, 0.2), var(--darkest) 60%),
		black;	
*/
	
/*  FOLLOWING FOR USE WHEN NO CURRENT IMAGES ----- */

		background:
		linear-gradient(90deg, rgba(247, 236, 19, 0.2), var(--darkest) 60%),
		black;	

}


.page-banner h1{
	filter: drop-shadow(1px 1px 0px black);
	z-index: 2;
	font-family: Gotham-Medium;
	line-height: 1.1em;
	margin: 0;	
	position: absolute;
   opacity: 0;
	bottom: 0.25em;
	right: 0.5em;
	font-size: 3.5em;
	text-align: right;
	
	-webkit-animation-name: title_slide;
	animation-name: title_slide;
  	-webkit-animation-duration: 1s;
  	animation-duration: 1s;
  	-webkit-animation-fill-mode: forwards;
  	animation-fill-mode: forwards;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
   -webkit-animation-timing-function: ease-in-out;
   animation-timing-function: ease-in-out; 
}


@keyframes title_slide{
	0%{opacity: 0; transform: scale(0.1);}
	100%{opacity: 1; transform: scale(1);}
}

.page-banner h1 span{
	display: block;
	font-size: 0.5em;
	line-height: 1em;
	font-family: 'Gotham-Light';
}

.page-banner > img{
	display: none;
	
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	min-height: 100%;
	min-width: 100%;
	height: 100%;
	width: auto;
	
}
.page-banner img.splash{
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	width: 90%;
	height: auto;
	min-height: 0;
	min-width: 0;
	max-width: 750px;
	-webkit-filter: drop-shadow(0 0 5px black) drop-shadow(0 0 10px rgba(0,0,0,1)) drop-shadow(0 0 15px black);
	filter: drop-shadow(0 0 5px black) drop-shadow(0 0 10px rgba(0,0,0,1)) drop-shadow(0 0 15px black);	
}

/* -------- 2020 colors; .gray = silver gradient, .gold = blue-purple gradient ---------- */

.gray{
	/*background-image: linear-gradient(90deg, var(--color2) 0%, var(--color2) 100%)!important;*/
	background-color: black!important;
}
.gray{
	background-image: linear-gradient(0deg,
		rgb(223,22,131) 37%, 
		rgb(238,118,35) 37%, 
		rgb(238,118,35) 47%, 
		rgb(0,0,0) 47%, 
		rgb(0,0,0) 53%, 
		rgb(238,118,35) 53%, 
		rgb(238,118,35) 63%, 
		rgb(223,22,131) 63%
	);
	border-color: black;
	border-width: 3px 0;
	border-style: solid;
}
.gold{
/*
	background-image: url("../images/divider-background.webp");
	background-position: center;
	background-size: cover;
	background-color: var(--darker);
	background-blend-mode: luminosity;
*/
	background-image: linear-gradient(-25deg, var(--darker), var(--darkest));
	border-top-color: var(--color2);
	border-bottom-color: var(--color2);
	border-style: solid;
	border-width: 5px 0;
}



.top{
	position: relative;
	z-index: 3;
	overflow: hidden;
}

hr.mapBorder{
	display: block;
	margin: 0;
	padding: 0;
	height: 0.2em;
	border: none;
	background-color: black;
	position: relative;
	vertical-align: top;
}


/* --------------------------- TOUR DATE PAGES ------------------------ */

.schedule .dance-party-img{
	width: 100%;
	max-width: 300px;
	height: auto;
}
.event-info{
	text-align: center;
	padding: 3em 0;
	text-shadow: 0 0 10px rgba(0,0,0,0.7);
   min-height: 350px;
}
.event-info h1{
	font-size: 4em;
	font-family: Gotham-Ultra;
	color: white;
	line-height: 1em;
	margin: 0;
	display: inline-block;
}
.event-info > h1:after {
	content: "";
	position: absolute;
	left: calc(100%);
	top: 0;
	transform: translateY(-25%);
	width: 2em;
	height: 1.5em;
	background-image: url("../images/2025/stars-headline.webp");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	filter: brightness(0) saturate(100%) invert(13%) sepia(86%) saturate(5904%) hue-rotate(4deg) brightness(101%) contrast(121%);
}

.event-info h2{
	font-size: 2em;
	font-family: Gotham-Medium;
	color: var(--color2);
}
.event-location-header{
	font-size: 1.4em;
	text-decoration: underline;
	margin-top: 2em;
	margin-bottom: 1em;
}
.event-location{
	font-family: Gotham-Light!important;
	text-transform: uppercase;
}
.event-address, .event-phone{
	font-size: 1.2em;
}

.event-logo-container{
	display: flex;
	flex-wrap: wrap;
	margin: 1em auto;
	justify-content: center;
}
.event-logo-container figure{
	display: inline-table;
	text-align: center;
	vertical-align: middle;
}
.event-logo-container figure div{
	align-self: center;
	display: table-cell;
	vertical-align: middle;
}
.event-logo-container figcaption{
	display: table-caption;
	caption-side: bottom;
	text-align: center;
	line-height: 1.2em;
}

.tour-schedule{
  /* padding: 3em 0;*/
}

.hotel-details{
	position: relative;
	text-shadow: 0 0 10px rgba(0,0,0,0.7);
}

.DR-map-container{
	position: relative;
	background-color: black;
/*	background-image: linear-gradient(0deg, rgba(244,197,92,0.3) 0%, rgb(0,0,0) 75%);*/
}

/* ------------------------------ GALLERY PAGES -------------------------- */

.gallery-container{
	padding: 0.5em 0;
	overflow: visible;
	background-color: black;
	background-repeat: no-repeat;
	background-position: center 100px, top left;
	background-size: 300px 300px, auto;
}


/* -------------------------- STORE ---------------------------------- */


.productContainer{
	background-color: white;
	margin-top: 2em;
	
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	position: relative;
	border-radius: 0.5em;
	overflow: hidden;
}
.productContainer:first-of-type{
	margin-top: 0;
}
	.productContainer figure{
		-webkit-box-flex: 1;
		-ms-flex: 1 1 250px;
		flex: 1 1 250px;
		display:table;
		text-align:center;
		padding: 1em;
	}
	.productContainer figure img{
		max-width: 100%;
		max-height: 400px;
		width: auto;
		height: auto;
	}
	.productContainer form{
		-webkit-box-flex: 1;
		-ms-flex: 1 1 250px;
		flex: 1 1 250px;
		text-align: center;
	} 
	.productContainer h2{
		margin-bottom: 1em;
	}
.productContainer.sold-out:before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.2);
}
.productContainer.sold-out:after{
	content: "Sold Out";
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%) rotate(30deg);
	transform: translate(-50%,-50%) rotate(30deg);
	font-size: 4em;
	color: var(--darker);
	z-index: 2;
}


/* -------------------------- DEFAULT OVERRIDES --------------------------*/

#bgm-ss-enunciator{
	bottom: 0.6em;
	right: 1em;
	z-index: 10;
}
.BGM-CMS-form-container,
.BGM-login-container{
	font-family: Gotham-Light;
}
.BGM-CMS-form-container strong{
	font-family: Gotham-Book;
}

.BGM-contact-required{
	color: rgb(220,181,149);
}
.BGM-form input[type=submit]{
	background-image: -webkit-gradient(linear, left bottom, left top, from(rgb(124,124,124)), color-stop(50%, rgb(196,196,196)));
	background-image: linear-gradient(0deg, rgb(124,124,124) 0%, rgb(196,196,196) 50%);
}
.BGM-contact-form{
   overflow:hidden;
}
.BGM-reviewBox{
   width: 100%;
   margin: 0;
   padding: 1em;
   font-family: Gotham-Light;
}

.bgm-ss-image-container{
   background-size: contain;
   background-repeat: no-repeat;
   z-index: 2;
}
.bgm-ss-image-container:before{
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-image: inherit;
   background-position: center center;
   background-size: cover;
   z-index: 1;
   -webkit-filter: blur(15px);
   filter: blur(15px);
}
.bgm-ss-image-container:after{
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-image: inherit;
   background-position: center center;
   background-size: contain;
   background-repeat: no-repeat;
   z-index: 2;
}
.review-date{display:none;}

.BGM-vidFeature-container{
	max-width: 800px;
	margin: auto;
}

.BGM-gallery-alt5-group-container figure:last-of-type img{
	max-width: 700px;
}

.BGM-reviewBox{
	padding: 3em 1em;
}
.BGM-reviewBox:nth-of-type(odd){
	background-image: none;
	background-color: white;
	color: black;
}
.BGM-reviewBox:nth-of-type(even){
	background-image: none;
	background-color: var(--color2);
	color: black;
}
.BGM-CMS-form-hide {
	z-index: 10;
}


/* ----------------------- DR2017 STYLES ---------------------------- */

.hotel-details{
	min-height:  400px;
	position: relative;
	color: white;
	
}
.hotel-details #BGM_contactMap{
	margin-top: 1em;
}
	.disclaimer{
		font-family: Gotham-Light;
		font-size: 0.9em;
		margin-top: 2em;
		margin-bottom: 3.5em;
	}
	.hotel-details>div{
		position: relative;
		text-align:center;
		overflow: hidden; 
	}
	.hotel-details h1{
		color:white;
		text-shadow: 0px 0px 7px rgb(0,0,0);
	}
	.hotel-details h2{
		font-size: 1.4em;
    	text-decoration: underline;
    	margin-top: 2em;
    	margin-bottom: 0;
		color: white;
		text-shadow: 0 0 5px black, 0 0 10px black, 0 0 20px black;
	}
	.hotel-details h3{
		font-size: 3em;
		margin: 1em 0 0 0;
		background-color: transparent;
	}
	.hotel-details p{
		font-family: "Gotham-Light";
		font-size: 1.2em;
		margin: 0 0 1em 0;
	}
	.hotel-details h4{

}
	.hotelSpec{
		display:inline-block; 
		width: 50%; 
		vertical-align:top;
		padding: 1em;
		min-width: 300px;
	}



.tour-info-container{
/*	font-family: Gotham-Light;*/
	line-height: 1.4em;

	display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: stretch;
   -ms-flex-align: stretch;
   align-items: stretch;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	background-color: var(--darkest);
/*   background-image: linear-gradient(0deg,  rgba(224,24,131,0.30), rgba(238,118,35,0.60)); */
	color: white;
}
.right-column{
  -webkit-box-flex: 2;
  -ms-flex: 2 1 280px;
  flex: 2 1 280px; 
  -webkit-box-ordinal-group: 3; 
  -ms-flex-order: 2; 
  order: 2;
  background-color: var(--lightest);
  color: var(--color2);
}
.left-column{
	-webkit-box-flex: 3;
   -ms-flex: 3 1 450px;
   flex: 3 1 450px;
   -webkit-box-ordinal-group: 2;
   -ms-flex-order: 1;
   order: 1;
   max-width: 100%;
}
/*
.btn-regNow{
	display: block;
	margin: 2em auto;
	width: 500px;
	max-width: calc(100% - 2em);
	padding: 1em 1em;
	text-align: center;
	font-size: 1.8em;
	font-family: Gotham-Book;
	border-radius: 8px;
	background-color: white;
	text-shadow: 3px 3px 15px black;
	text-decoration: none;
	color: black;
	background-image: url("../images/marble-back-2.jpg");
}
.btn-regNow:after{
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent black transparent transparent;
	border-width: 0.5em 0.5em 0.5em 0;
	vertical-align: middle;
	margin: 0 0.5em;
}

.btn-regNow:before{
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent transparent transparent black;
	border-width: 0.5em 0 0.5em 0.5em;
	vertical-align: middle;
	margin: 0 0.5em;
}

.btn-small{
	display: block;
	margin: 0.5em auto;
	width: 400px;
	max-width: calc(100% - 4em);
	padding: 0.5em 1em;
	text-align: center;
	font-size: 1.2em;
	font-family: Gotham-Book;
	border-radius: 5px;
	background-color: white;
	text-shadow: 3px 3px 15px black;
	text-decoration: none;
	color: black;
	background-image: url("../images/marble-back-2.jpg");
	line-height: 1.2em;
}
*/
.btn-regNow{
	display: block;
	margin: 2em auto;
	width: 500px;
	max-width: calc(100% - 2em);
	padding: 1em 1em 1em 1em;
	text-align: center;
	font-size: 1.8em;
	font-family: Gotham-Black;
	border-radius: 0.5em;
	background-color: var(--medium);
	border-color: var(--darker);
	border-style: solid;
	border-width: 2px;
	color: white;
	text-decoration: none;
/*
	background-image: url("../images/all-access-slash.png");
	background-size: auto 90%;
	background-position: left 0.5em center;
	background-repeat: no-repeat;
*/
	-webkit-box-shadow: 0 0 1em rgba(255,255,255,0.2);
	box-shadow: 0 0 1em rgba(255,255,255,0.2);	
}
.btn-small{
	display: block;
	margin: 0.5em auto;
	width: 400px;
	max-width: calc(100% - 4em);
	padding: 0.5em 1em 0.5em 1em;
	text-align: center;
	font-size: 1.2em;
	font-family: Gotham-Black;
	border-radius: 0.25em;
	text-decoration: none;
	background-color: black;
	color: white;
/*
	background-image: url("../images/all-access-slash.png");
	background-size: auto 90%;
	background-position: left 0.5em center;
	background-repeat: no-repeat;
*/
	line-height: 1.2em;
	-webkit-box-shadow: 0 0 10px rgba(255,255,255,0.3);
	box-shadow: 0 0 1em rgba(255,255,255,0.3);
}


#clock{
	margin: 0px 0px 10px 15px; 
	position:relative;
	display:block;
	font-size: 2.8em;
	color: white;
	letter-spacing: -0.1em;
	margin: 0 auto;
	padding: 0;
	display:inline-block;
}
	#clock input{
		font-family: inherit;
		font-size: inherit;
		color: inherit;
		display:inline-block;
		width: 1.7em;
		text-align:center;
		margin: 0;
		padding: 0;
		background-color: transparent;
		border:none;
	}
	input#days{
		width: 2.2em;
	}


.countdownContainer{
	min-height:  120px;
	padding: 0 0 3em 0;
	text-align:center;
	color:  white;
	text-align: center;
}
	.countdownContainer figure{
		display: inline-block;
		margin: 0;
		padding: 0;
		position:relative;
	}
	.countdownContainer figCaption{
		font-size: 0.48em;
		color: var(--color2);
		margin: 0;
		padding: 0;
		letter-spacing: normal;
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		text-align:center;
	}
.countdownContainer + hr,
.schedule hr{
	border: none;
	padding: 0;
	margin: 0 0 2em 0!important;
	height: 3px;
	background-color: white;
}

.prices{
	max-width: 1400px;
	width: 100%;
	margin: 3em auto;
	border: 1px solid black;
	border-width: 1px 0 0 1px;
	background-color: white;
}
.prices td{
	border: 1px solid black;
	border-width: 0 1px 1px 0;
}
.pricing{
	clear: right;
	padding: 2em;
}
	.pricing h1{
		text-align: center;
		color: white;
		font-family: Gotham-Thin;
		font-size: 3em;
	}
	.pricing .priceBlock{
		background-color: rgb(230,230,230);
		background-color: white;
		color: black;
		padding: 10px;
		position: relative;
		margin-bottom: 10px;
		border-radius: 0.5em;
	}
		.priceBlock h2{
			color: rgb(52,101,127); 
			font-size: 1.2em; 
			font-family: Gotham-Light; 
			margin: 0;
			text-transform: uppercase;
			margin-bottom: 0.5em;
		}
		.priceBlock span{
			font-size: 180%;
			color:black;
			display:block;
			line-height: 0.9em;
			text-align:center;
			width: 100px;
			font-family: Gotham-Light;
		}
		.priceBlock span:first-line{
			font-size:55%;
			color: black;
			background-color: yellow;
			text-transform: uppercase;
			line-height: 1.5em;
		}

.reg-fee-container{
	margin-top: 0.5em;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.reg-fee-container span{
	display: block;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 200px;
	flex: 1 1 200px;
}


.priceBlock table{
	margin-bottom: 0.5em;
}
.priceBlock table td{
	font-family: Gotham-Book;
	padding: 0  1em 0 0;
}

.schedule{
	font-size: 1.2em;
	color: rgba(255,255,255,1);
	line-height: 2em;
	padding: 1.5em;
}
	.schedule h1{
		color: white;
     font-family: Gotham-Thin;
	}
	.schedule h2{
		font-family: Gotham-Light;
		font-size: 1.2em;
		margin-top: 2em;
		color: white;
	}
	.schedule img{
		display:block;
		margin: 1em auto;
		width: 200px;
		max-width: 80%;
	}
	.schedule.message{padding: 1.5em!important; text-align: center}
	
.tchrDiscounts{
	background-color: white;
	clear:right;
	position: relative;
	overflow: hidden;
}
	.tchrDiscounts>div{
		background-color: rgb(230,230,230);
		margin: 10px;
		padding: 10px;
		overflow: hidden;
	}
	.tchrDiscounts hr{background-color: rgb(167,169,172);}
	.tchrDiscounts h2{
		color: rgb(183,113,95); 
		font-size: 1.4em; 
		font-family: Gotham-Light; 
		margin-bottom: 0.5em;
	}



.message{
	padding: 0.6rem 2em;
}
	.message hr{
		border: none;
		background-color: rgba(255,255,255,0.6);
		height: 4px;
		margin: 0.6rem 0;
	}
	.message p{
		color: rgb(190,190,190);
		line-height: 160%;
	}
.message strong{
	color: rgb(200,202,205);
}



.bio{
	padding: 1em 1em 3em 1em;
	color: white;
	width: 100%;
	max-height: 90vh;
	overflow: auto;
	position: fixed;
	z-index: 20;
	bottom: -91vh;
	left: 0;
	-webkit-transition: bottom 0.5s;
	transition: bottom 0.5s;
	border-style: solid ;
	border-color: rgb(18,18,18);
	border-width: 3px 0 0 0;
	-webkit-box-shadow: 0 0 2em rgba(255,255,255,0.5);
	box-shadow: 0 0 2em rgba(255,255,255,0.5);
   background: linear-gradient(-20deg, rgb(50,50,50) 30%,rgb(90,90,90) 50% ,rgb(50,50,50) 70%);
}
.bio>div{
	width: 1500px;
	margin: 0 auto;
	max-width: 100%;
	line-height: 1.4em;
}

.bio input{
	font-size: 1.4em;
	position: absolute;
	right: 0em;
	top: 0em;
	border: 2px solid white;
	border-radius: 1.4em;
	border: none;
	width: 1.4em;
	height: 1.4em;
	line-height: 1.3em;
	text-align: center;
	color: white;
	font-family: 'Material Icons';
	background-color: transparent;
	padding: 0;
	outline: none;
}
.bio input:hover{
	color: rgb(200,0,0);
}
.bio img{
	float: right;
	margin: 0 0 1em 1em;
	padding: 8px;
	-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.8);
	box-shadow: 0 0 15px rgba(0,0,0,0.8);
	max-height: 60vh;
   max-width: 80vw;}




.plan-container{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.plan-container>div{
	-webkit-box-flex: 1;
	-ms-flex: 1 1 0px;
	flex: 1 1 0;
	background-color: rgba(255,255,255,0.3);
	padding: 2em;
	margin: 1em;
	min-width: 250px;
}

.covid-link{
	display: block;
	text-align: center;
	padding: 1em;
	background-image: -webkit-gradient(linear, left top, right top, from(var(--color3)), color-stop(50%, var(--color3)));
	background-image: linear-gradient(90deg, var(--color3) 0%, var(--color3) 50%);
	text-decoration: none;
	color: white;
	font-weight: bold;
	line-height: 1.4em;
}


/* --- INTERESTS INFO GATHERING FORM ---*/

.styles{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	text-align: center;
}
.styles figure{
	-webkit-box-flex: 1;
	-ms-flex: 1 1 150px;
	flex: 1 1 150px;
}
.styles figure img{
	max-height: 6em;
}
.styles figure:nth-of-type(1) img{
/*	filter: brightness(0) saturate(100%) invert(35%) sepia(5%) saturate(6003%) hue-rotate(155deg) brightness(95%) contrast(77%);*/
}
.styles figcaption{
	caption-side: bottom;
	padding: 0.25em;
	background-color: var(--medium);
	border-radius: 0.5em;
	color: white;
	margin-top: 0.5em;
	text-align: center;
	font-weight: 700;
	white-space: nowrap;
	max-width: 15em;
	margin: 0.5em auto 0 auto;
}
.styles figcaption [type=checkbox]{
	vertical-align: middle!important;
	width: 2em;
	height: 2em;
}




/* --------------------- MEDIA QUERIES ------------------------------------ */


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

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

@media screen and (max-width: 1475px){
	body{font-size: 80%;}
	.from-director{width: 900px;}
}

@media screen and (max-width: 1307px){
	.convention-dates:nth-of-type(-n+3){
		align-self: flex-start;
	}
}
@media screen and (max-width: 1142px){
	.convention-dates:nth-of-type(n+2){
		align-self: auto;
	}
	.convention-dates:nth-of-type(-n+2){
		align-self: flex-start;
	}
}

@media screen and (max-width: 1100px){
	.convention-dates:nth-of-type(n){
		align-self: auto;
	}	
}

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

   .aux-nav-2{height: calc(450px + 15em);font-size: 0.8em}
   .aux-nav-2>div{
      -webkit-transform: skew(0deg);
      transform: skew(0deg);
      height: 450px;
   }

   .aux-nav-2>div.tab-showcase{left: 0px; margin-top: 15em;}
   .aux-nav-2>div.tab-showcase:hover + div,
   .aux-nav-2>div.tab-showcase:hover + div + div,
	.aux-nav-2>div.tab-showcase:hover + div + div + div{
      top: calc(5em - 450px);
		left: 0;
  }

   .aux-nav-2>div.tab-tribe{left: 0; width: 100%; margin-top: 10em;}
   .aux-nav-2>div.tab-tribe:hover + div,
	.aux-nav-2>div.tab-tribe:hover + div + div{
      top: calc(5em - 450px);
		left: 0;
   }
   
   .aux-nav-2>div.tab-story{left: 0; width: 100%; margin-top: 5em;}
   .aux-nav-2>div.tab-story:hover + div{top: calc(5em - 450px);left: 0;}
   .aux-nav-2>div.tab-dates{left: 0px; width: 100%;}

   .aux-nav-2>div>div{
      -webkit-transform: skewX(0deg);
      transform: skewX(0deg);
     width: 100%;
     padding: 1em 1em 70px 1em;
		background-size: contain;
		align-items: center;
   }

   .aux-nav-2>div>div h2{
      position: absolute;
      bottom: 0pt;
      left: 0;
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
      width: 100%;
      text-align: center;
      line-height: 2em;
		padding: 0 0.5em;
   }

   .aux-nav-2>div.tab-showcase>div h2{left: 0;}
	
	#navContainer{font-size: 1.2em;}
	.story-container, .tab-showcase .story-container{bottom: 6em;}
	.tribe-text-container{left: 1em; right: 1em;}
   .aux-nav-2>div:before{
      left: 0px;
      right: 0px;
      bottom: 0;
      -webkit-transform: skew(0deg);
      transform: skew(0deg);
   }
	.page-banner:after{
		width: 60%;
	}
}

@media screen and (max-width: 950px){
	.hack-spacer{height: 9em;}
}

@media screen and (max-width: 850px){
}
@media screen and (max-aspect-ratio: 1), 
		 screen and (orientation: portrait),
		 screen and (max-width: 800px){
			 
	body{margin: 45px 0 0 0; font-size: 80%;}
	#vidContainer{
		height: calc(100vh - 45px);
		height: auto;
		padding-bottom: 50%;
	}
	#title{
		position: fixed;
		top: 0;
		left: 0%;
		bottom: 0;
		width: auto;
		max-width: 50%;
		min-width: 210px;
		background-color: rgba(0,0,0,0.85);
		z-index: 9;
		-webkit-box-shadow: 0 0 10px black;
		box-shadow: 0 0 10px black;
		overflow: visible;
		padding: 45px 0 0 0;
	
		-webkit-transform: translateX(-105%);
		transform: translateX(-105%);

	}
	.dr-slide-container {padding-bottom: 65%;}
	
	#DR-logo{position: relative; opacity: 0.5; display: block; margin: 3em auto;}

	.navControl {display: block;}
	#navContainer{position: relative; font-size: 1.2em; padding: 0;z-index: 20}
	.navHolder{width: 100%; height: 100vh; background-color: rgb(0,0,0)}
	ul.nav{display:block!important;}
	ul.nav a{padding: 0 1em;}
	ul.nav>li>a{-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start; text-align: left; height: 2.5em;}
	ul.nav>li:first-of-type{display: block;}
   ul.nav>li:hover>a, ul.nav>li.selected>a{-webkit-animation: none;animation: none}
	.social-container{
		position: absolute;
		margin: 0;
		left: 50%;
		bottom: 1em; 
		top: auto;
		-webkit-transform: translateX(-50%); 
		transform: translateX(-50%);
		width: 10em;
		display: block;
		max-width: 100%;
	}
	.social-container a{
		width: calc(33% - 3px);
		display: inline-block;
		background-color: var(--color1);
	}
	
	.bgm-ss-caption{font-size: 1.8em; text-align: center;}
	.section-flex>div:first-of-type{padding-right: 0;}
	.section-flex>div:last-of-type{padding-left: 0; padding-top: 2em;}

	.page-banner {
		/*height: 100vw;*/
		height: 350px;
		min-height: 375px;
/*
		background: 
			top 20px left 30px / min(50vh,50vw) auto no-repeat url('../images/2024/surge-tour-logo.svg'),
			bottom right / auto 75vw no-repeat var(--headerimg),
			center / cover url('../images/2024/header-2024-portrait-back.webp')!important;
*/
		background: 
		center top 20px / min(55vh,70vw) auto no-repeat url('../images/2025/stand-out-logo.svg'), 
		right bottom / auto min(100%, 69vw) no-repeat var(--headerimg),
		linear-gradient(180deg, var(--color2), var(--darkest));	
	 }
			 .immersion-logo{
				 top: 20px!important;
				 left: 2em!important;
				 filter: drop-shadow(0 0 20px black);
			 }
   .page-banner h1{
		padding-left: 0.5em; 
		padding-right: 0.5em;
	}
	 .page-banner > img.iconic-logo{
		 top: 1em;
		 bottom: auto;
	 }

   ul.nav>li:hover>a, ul.nav>li.selected>a{
     background-color: rgba(255,255,255,0.7);
     -webkit-transform: scale(1);
     transform: scale(1);
     text-shadow:   0 0 10px rgba(0,0,0,1);
   }
   ul.nav li>ul{font-size: 0.9em;}
	
	.faculty-images img{width: 33.333%}
/*
	.faculty-images img:nth-of-type(2){width: 18.1586%;}
	.faculty-images img:nth-of-type(4){width: 18.1586%;}
*/
	
	.hack-spacer{display:none;}
	.faculty-image{
		margin: 0 0 1em 1em;
		max-width: 50%;
	}
			 
	 .page-banner:after{
		 width: 90%;
	 }
	ul.nav > li:last-of-type{max-width: none}
		
	.mobile-splash{
		bottom: 2em;
		left: 50%;
		transform: translateX(-50%);
		max-width: 350px;
	}
			 
	 .immersion-logo {
		 display: none!important;
	 }
			 
/* ---- FOR USE WITH FACULTY IMAGES
	 .page-banner {
		 background: center top 20px / min(55vh, 70vw) auto no-repeat url(../images/2025/stand-out-logo.svg), right bottom / auto min(100%, 69vw) no-repeat var(--headerimg), linear-gradient(180deg, var(--color2), var(--darkest));
    }
*/
			 
/* ---------------- FOR USE WITH NO FACULTY IMAGES ----------- */
			 
	 .page-banner {
		 background: center 40% / min(55vh, 70vw) auto no-repeat url(../images/2025/stand-out-logo.svg), linear-gradient(180deg, var(--color2), var(--darkest));
    }
	
}
	
@media screen and (orientation: portrait), screen and (max-aspect-ratio: 0.8){
	/*#introVideo{display: none;}
	.mobile-splash{display: block;}*/
}

@media screen and (max-width: 700px){
	body{font-size: 70%;}
}

@media screen and (max-width: 600px){
   .hotel-details,
   .event-info,
   .tour-schedule{
      font-size: 0.8em;
      min-height: 220px;
   }
	
	.faculty-image{
		margin: 1em auto;
		display: block;
		float:none;
		max-width: 100%;
	}
	.page-banner h1{
		font-size: 3em;
	}
}
@media screen and (max-height: 550px){
	.page-banner img{height: 100%; width: auto;}
	ul.nav>li>a{height: 2.5em;}
}
@media screen and (max-width: 500px){
	.qod{font-size: 2em;}
	.bio img{float:none; margin: 1em auto; display:block;}
	.faculty-headline{font-size: 3em}
	footer div span{font-size: 2em;}
}

@media screen and (max-width: 450px){
/*	.divider.contact{font-size: 1.5em;}*/
   .hotel-details,
   .event-info{
      font-size: 0.7em;
   }
	.left-column{font-size: 0.85em}
	.page-banner h1{
		font-size: 2.5em;
	}
}




@media print{
	.main{width: 1400px!important}
	.noprint{display:none;}
	.BGM-CMS-admin-control, .BGM-CMS-form-container, #bgm-cms-screen, .aux-link-container, .homeRule, .slide-show{display:none;}
	*{background-color: white!important; background-image: none!important; background: initial!important;}
}

/*-----------*/