:root {
	--navbar-height: 60px;
	--bg-color: #f3f7fc;
	--bg-orange: #ef8460;
	--bg-yellow:#fefe8b;
	--bg-blue:#2f63ac;
	--dark-blue:#101B2B;
	--med-blue:#003783;
	--light-blue:rgb(72, 136, 226);
	--dark-orange:#c2522d;

	/* Standard CompOrganizer variables */
	--bgcolor:#fff;
	--text-color:var(--dark-blue);
	--textcolor:var(--dark-blue);
	--accent-color:var(--med-blue);
	--accentcolor:var(--med-blue);
	--accent-color-lighter:var(--bg-blue);
	--link-color:var(--med-blue);
	--overlay-color:rgba(47,99,172,0.25);
	--button-text-color:#fff;
	--mode-fg-channel:0;
	--gradient-bg:linear-gradient(0deg, var(--med-blue), var(--bg-blue));
}

@font-face {
  font-family: 'Lora';
  src: url('../fonts/Lora-VariableFont_wght.ttf') format('truetype');
  font-weight: 400 700;
  font-style: normal;
}

@font-face {
  font-family: 'Lora';
  src: url('../fonts/Lora-Italic-VariableFont_wght.ttf') format('truetype');
  font-weight: 400 700;
  font-style: italic;
}

.bounce-in-bck{-webkit-animation:bounce-in-bck 1.1s both;animation:bounce-in-bck 1.1s both}
@-webkit-keyframes bounce-in-bck{0%{-webkit-transform:scale(7);transform:scale(7);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}38%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1}55%{-webkit-transform:scale(1.5);transform:scale(1.5);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}72%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}81%{-webkit-transform:scale(1.24);transform:scale(1.24);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}89%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}95%{-webkit-transform:scale(1.04);transform:scale(1.04);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes bounce-in-bck{0%{-webkit-transform:scale(7);transform:scale(7);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}38%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1}55%{-webkit-transform:scale(1.5);transform:scale(1.5);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}72%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}81%{-webkit-transform:scale(1.24);transform:scale(1.24);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}89%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}95%{-webkit-transform:scale(1.04);transform:scale(1.04);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}

body, html {
	margin:0; padding:0;
	font-family:Arial, sans-serif;
	font-size:13pt;
	background-color:var(--bg-color);
}

h1, h2, h3, h4, h5, h6, .headline, #headline {
	font-family:"Lora", serif;
	color:var(--med-blue);
	letter-spacing:-1px;
}
#headline {
	text-align:center;
}
#title-area .headline {color:#fff;}

button, .button, .btn {
	background-color:#fff;
	border:2px solid var(--med-blue);
	color:var(--med-blue);
	border-radius:20px;
	width:auto;
	height:40px;
	padding:0 30px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	text-decoration:none;
	font-weight:600;
	cursor:pointer;
	font-size:1rem;
}

.logo {
	display:inline-flex;
	align-items:center;
	justify-content:flex-start;
	color:#fff;
	width:400px;
	height:var(--navbar-height);
	gap:15px;

}
.logo-circle {
	background-color:var(--bg-yellow);
	color:var(--dark-blue);
	width:40px; height:40px;
	border-radius:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	font-family:"Lora", sans-serif;
	font-weight:700;
	font-size:1.25rem;
}
.logo h4 {
	margin:-5px 0 00;
	color:#fff;
}
.logo small {
	display:block;
	margin:-2.5px 0 0 2.5px;
}

#navbar {
	position:fixed;
	left:0; top:0;
	padding:0 30px;
	width:100vw;
	height: var(--navbar-height);
	background-color:var(--dark-blue);
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:space-between;
	z-index:99;
	border-bottom:2px solid #000;

}
#navbar > ul {
	position:relative;
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:center;
	width:calc(100vw - 400px);
	height:100%;
	margin:0; padding:0;
	list-style-type:none;
}
#navbar > ul > li {
	position:relative;
	height:100%;
	display:flex;
	align-items:center;
}
#navbar > ul > li > a {
	display:block;
	padding:0 20px;
	text-decoration:none;
	font-size:1.1rem;
	font-weight:bold;
	color:#fff;
	font-family:"Lora", sans-serif;
}
#navbar ul li a:hover,
#navbar > ul > li.children-expanded > a {
	color:var(--bg-yellow);
}

/* Dropdown indicator on parent links */
#navbar > ul > li.parent > a:after,
#mobile-menu > ul > li.parent > a:after {
	content:"";
	display:inline-block;
	width:6px; height:6px;
	margin:0 0 4px 8px;
	border-right:2px solid currentColor;
	border-bottom:2px solid currentColor;
	transform:rotate(45deg);
	transition:transform 0.2s ease-in-out;
}
#navbar > ul > li.children-expanded > a:after,
#mobile-menu > ul > li.children-expanded > a:after {
	transform:rotate(-135deg);
	margin-bottom:0;
}

/* Dropdown submenus */
#navbar ul.children {
	position:absolute;
	left:0; top:calc(100% + 2px);
	min-width:220px;
	margin:0; padding:10px 0;
	list-style-type:none;
	background-color:var(--dark-blue);
	border:2px solid #000;
	border-top:none;
	border-radius:0 0 10px 10px;
	box-shadow:0 10px 20px rgba(0,0,0,0.25);
	display:none;
	z-index:99;
}
#navbar li.child a {
	display:block;
	padding:8px 20px;
	white-space:nowrap;
	text-decoration:none;
	color:#fff;
	font-family:"Lora", sans-serif;
	font-size:1rem;
}

/* Mobile drawer */
#navbutton {
	display:none;
	position:absolute;
	right:0; top:0;
	color:#fff;
	font-size:24px;
	padding:calc(var(--navbar-height) / 2 - 12px) 30px;
	cursor:pointer;
}
#navbutton:hover,
body.mobile-menu-expanded #navbutton {
	color:var(--bg-yellow);
}
#mobile-menu {
	display:none;
	position:fixed;
	left:0; top:var(--navbar-height);
	width:100vw; height:calc(100vh - var(--navbar-height));
	box-sizing:border-box;
	z-index:98;
	transform:translateX(100vw);
	transition:0.33s ease-in-out;
	background-color:var(--dark-blue);
	padding:30px 30px 60px 30px;
	overflow-y:auto;
}
#mobile-menu a {
	color:#fff;
	text-decoration:none;
	font-family:"Lora", sans-serif;
}
#mobile-menu a:hover {
	color:var(--bg-yellow);
}
body.mobile-menu-expanded #mobile-menu {
	transform:translateX(0);
	overscroll-behavior:contain;
}
@media(max-width:767px) {
	body {overflow-x:hidden;}
	#navbar {padding-right:84px;}
	#navbar .logo {width:auto;}
	#navbar > ul {display:none;}
	#navbutton {display:block;}
	#mobile-menu {display:block;}
	#mobile-menu ul {
		list-style-type:none;
		margin:0; padding:0;
	}
	#mobile-menu > ul > li {
		font-size:1.4rem;
		font-weight:bold;
		margin-bottom:15px;
	}
	#mobile-menu > ul > li > a {
		display:block;
		width:100%;
	}
	#mobile-menu > ul > li.children-expanded > a {
		color:var(--bg-yellow);
		border-bottom:1px dotted var(--bg-yellow);
		padding-bottom:5px;
		margin-bottom:10px;
	}
	#mobile-menu ul ul {
		margin:0 0 15px 20px;
	}
	#mobile-menu ul ul li {
		font-size:1.1rem;
		font-weight:normal;
		margin-bottom:8px;
	}
}


/* Template Jumbotron */

#jumbotron {
	width:100vw;
	height:400px;
	position:relative;
	background-color:var(--bg-blue);
	display:flex;
	flex-direction:row;
	justify-content:space-around;
	align-items:flex-end;
}
#jumbotron img.dancer {
	position:relative;
	z-index:1;
	height:80%;
	top:15px;
}
#jumbotron img#jumbotron-bg {
	position:absolute;
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:bottom;
	z-index:0;
}
@media(max-width:1050px) {
	#jumbotron img.dancer {height:80%;}
}
@media(max-width:850px) {
	#jumbotron img.dancer-1, #jumbotron img.dancer-3 {height:50%; position:absolute; bottom:0;}
	#jumbotron img.dancer-1 {left:0;}
	#jumbotron img.dancer-3 {right:0;}
}

#title-area {
	padding:25px 30px 30px 30px;
	background-color:var(--bg-blue);
	border: 1px solid var(--bg-blue);
	color:#fff;
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:center;
	text-align:center;
}

/* Info Panels */

.info-panels {
	margin:60px auto;
	width:100%;
	max-width:1100px;
	box-sizing:border-box;
	gap:45px;
}
.info-panels .info-panel {
	border:1px solid var(--bg-blue);
	border-radius:10px;
	box-sizing:border-box;
	flex-basis:auto;
	width:auto;
	flex:1;
}
@media(max-width:1190px) {
	.info-panels {
		width:calc(100vw - 90px);
		margin:45px;
	}
}
.info-panel-content {
	padding:15px;
}
.info-panel h3 {
	margin:0;
}
.info-panel p {
	margin:10px 0;
}
.info-panel .button {
	width:calc(100% - 30px);
	margin:0 15px;
	box-sizing:border-box;
	margin-bottom:10px;
}
.info-panels .info-panel-frame {
	background-color:rgba(255,255,255,0.5);
}
.info-panels .info-panel:nth-child(1) {
	background-color:var(--bg-yellow);
}
.info-panels .info-panel:nth-child(2) {
	background-color:var(--bg-orange);
}
.info-panels .info-panel:nth-child(3) {
	background-color:var(--bg-blue);
}
.info-panels .info-panel:nth-child(3),
.info-panels .info-panel:nth-child(3) h3 {
	color:#fff;
}

@media(max-width:1050px) {
	.info-panels .info-panel:last-child {display:none;}
}
@media(max-width:767px) {
	.info-panels {flex-direction:column;}
	.info-panels .info-panel {flex:1; width:auto;}
	.info-panels .info-panel:last-child {display:block;}
}

.info-panels .info-panel img {
	transition:0.25s ease-in-out;
}
.info-panels .info-panel:hover img {
	transform:scale(1.05);
}


/* Homepage Venue */

#home-venue {
	width:100vw;
	position:relative;
	box-sizing:border-box;
	display:flex;
	flex-direction:row;
}
#home-venue * {position:relative;}
#home-venue-bg {
	position:absolute;
	width:100%;
	height:100%;
	object-fit:cover;
	z-index:0;
}
#home-venue > div {
	width:33.3%;
	padding:45px;
}
#home-venue h1 {
	color:var(--med-blue);
	font-size:3rem;
	line-height:2.8rem;
}
#home-venue-panel {
	padding:30px;
	background-color:rgba(255,255,255,0.85);
	backdrop-filter:blur(5px);
	z-index:1;
	border-radius:15px;
}
#home-venue-panel > p {
	margin:15px 0;
}
#home-venue h1, #home-venue h4 {
	margin:0;
}
#home-venue blockquote {
	background-color:#fff;
	margin:0;
	padding:15px 15px 15px 90px;
	position:relative;
	border:2px solid #000;
}
#home-venue blockquote p {margin:0;}
#home-venue h4 i {
	color:var(--light-blue);
	margin-right:7.5px;
	font-size:32pt;
	position:absolute;
	left:-60px; top:0;
	border-radius:100%;
	display:inline-flex;
	align-items:center;
	justify-content:center;
}
#home-venue .button {
	background-color:var(--bg-orange);
	color:#fff;
	border:none;
	margin-top:30px;
}
@media(max-width:1050px) {
	#home-venue {overflow-y:hidden;}
	#home-venue > div {width:50%;}
	#home-venue-bg {
		height:120%;
	}
}
@media(max-width:767px) {
	#home-venue > div {width:100%; margin-bottom:300px;}
}

/* MAIN */

#main {
	min-height:calc(100vh - 500px);
	margin:45px 60px 30px 60px;
}

/* FOOTER */

footer {
	position:relative;
	width:100%;
	background-color:var(--dark-blue);
	color:#fff;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:center;
	padding:30px 60px;
	box-sizing:border-box;
	min-height:150px;
}

#footer-social {
	display:inline-flex;
	flex-direction:row;
	align-items:flex-end;
	justify-content:flex-end;
}
#footer-social a {
	display:block;
	color:rgba(255,255,255,0.75);
	text-decoration:none;
	font-size:2rem;
	margin-right:15px;
	transition:0.25s ease-in-out;
	position:relative;
	width:40px;
}
#footer-social a i {
	transform:none;
	transition:0.25s ease-in-out;
	position:absolute;
	left:75px;
	top:-15px;
}
#footer-social a:hover {
	color:var(--bg-yellow);
	text-shadow:0 0 5px var(--bg-yellow);
}
#footer-social a:hover i {
	transform:translateY(-10px);
	border-bottom:3px solid var(--bg-yellow);
	padding-bottom:12px;
}