:root {
	--bgcolor:#56aca7;
	--textcolor:#555;
	--accentcolor:#008fbd;
	--navbar-color:#ffffaa;
	--navbar-hover-color:#fff;
	--navbar-background-top:#036499;
	--navbar-background-bottom:#001e2e;
	--footer-color:#002f48;
}

@font-face {
  font-family: "Alba";
  src: url("/fonts/alba.ttf");
}

body, html {
	margin:0; padding:0;
	overflow:hidden;
}
body, html, div, p, blockquote, td, th, li {
	font-family: "Outfit", sans-serif;
	font-size:14pt;
	font-weight:400;
	color:#444;
}
#body-wrapper {
	width:100vw;
	height:100vh;
	overflow-x:hidden;
	overflow-y:scroll;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6,
.map-header, .officials_grid .subheader, #prices div.title, .co-login-headline {
	font-family:"Amatic SC", sans-serif;
	font-weight:600;
	color:var(--accentcolor);
}
h1, .h1 {font-size:36pt;}
h2, .h2, .map-header, .co-login-headline {font-size:32pt;}
h3, .h3 {font-size:28pt;}
h4, .h4 {font-size:24pt;}
h5, .h5 {font-size:21pt;}
h6, .h6 {font-size:18pt;}

#headline, .headline {
	font-family: "Alba", cursive;
	font-weight:600;
	font-size:32pt;
	text-align:left;
	color:#036499;
}
#headline {text-align:center;margin-bottom:45px;}
a {color:var(--accentcolor); text-decoration:none;}
a:hover {color:#e53c00; text-decoration:underline;}

#fullscreen-bg {
	position: fixed;
	bottom: 0;
	left: 0;
	overflow: hidden;
	z-index: -100;
	width:100vw; height:100vh;
	object-fit:cover;
	transform: scaleX(-1);
	
	background: var(--bgcolor);
	background: -moz-linear-gradient(180deg, rgba(152,209,210,1) 0%, rgba(52,119,139,1) 50%, rgba(73,93,102,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(152,209,210,1) 0%, rgba(52,119,139,1) 50%, rgba(73,93,102,1) 100%);
	background: linear-gradient(180deg, rgba(152,209,210,1) 0%, rgba(52,119,139,1) 50%, rgba(73,93,102,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#98d1d2",endColorstr="#495d66",GradientType=1);
}
#top, #main {
	position:relative;
	display:block;
	margin:0 auto;
	max-width:1200px;
}
#top {
	height:320px;
	color:#fff;
}
#logo-container {
	position:absolute;
	left:0; top:25px;
	white-space:nowrap;
	z-index:7;
}
#logo {
	height:270px;
	position:relative;
	top:0;
	cursor:pointer;
}
#date-place {
	position:absolute;
	padding-top:30px;
	width:100%;
}
#date-place .date {
	font-family: Impact, Charcoal, sans-serif;
	text-align:right;
	font-size:36pt;
	line-height:40pt;
	color:#fff;
	text-shadow:2px 2px 4px rgba(0,0,0,0.9);
}
#date-place .place {
	font-family:"Outfit", sans-serif;
	font-size:18pt;
	font-weight:600;
	color:#fff;
	text-align:right;
	text-shadow:1px 1px 2px #000;
	line-height:1em;
	margin-top:10px;
}

#main {

	z-index:6;
	min-height:calc(100vh - 250px);
	padding-top:30px;
	padding-bottom:90px;
	border-radius:4px;
	-webkit-border-radius:10px;
	background-color:rgba(255,255,255,0.75);
	backdrop-filter:blur(10px);
	
	border: 1px solid #fff;
	box-shadow: inset 0px 0px 200px #fff;
	-webkit-box-shadow: inset 0px 0px 200px #fff;
	-moz-box-shadow: inset 0px 0px 200px #fff;
	-o-box-shadow: inset 0px 0px 200px #fff;
}

#content {
	text-align:left;
	margin:0 60px;
	padding-bottom:75px;
}


#footer {
	display:block;
	position:relative;
	width:100%;
	margin-top:-10px;
	z-index:7;
	background-color:var(--footer-color);
}
#footer:before {
	content:"";
	position:absolute;
	left:0; top:calc(-5vw + 1px);
	border-left: 100vw solid var(--footer-color);
	border-top: 5vw solid transparent;
}
#footer-content {
	width:100vw;
	padding:0 60px 60px 60px;
	position:relative;
	top:-120px;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	text-align:center;
}
#footer-content * {color:rgba(255,255,255,0.75);}
#footer a {
	transition:0.2s ease-out;
}
#footer a:hover {
	text-decoration:none;
	color:#ffffaa;
}
#footer-logo {
	width:240px;
	margin-bottom:15px;
}
#footer-contact {
	color:var(--navbar-color);
	font-size:1.2rem;
	display:flex;
	flex-direction:row;
	align-items:center;
}
#footer-contact img {
	width:25px; height:25px;
	object-fit:contain;
	margin:0 15px;
}
#footer-links {
	margin:30px 0;
	display:flex;
	flex-direction:row;
	align-items:center;
}
#footer-links i {
	color:#ccc;
	font-size:32pt;
	margin:0 15px;
	transition:0.2s ease-in-out;
}
#footer-links img {
	height:45px;
	transition:0.2s ease-in-out;
	cursor:pointer;
}
#footer-links i:hover, #footer-links img:hover {
	color:#fff;
	text-shadow:0 0 10px #fff;
	transform:scale(110%);
}
@media(max-width:600px) {
	#footer {height:500px;}
}


#navbar-buffer {
	display:block;
	position:relative;
	top:0;
	height:60px;
}
#navbar {
	display:block;
	position:fixed;
	top:0;
	width:100%; height:60px;
	margin:0 auto;
	z-index:9;
	white-space:nowrap;
	
	box-shadow:0px 5px 60px rgba(255,255,255,0.3);
	-webkit-box-shadow:0px 5px 60px rgba(255,255,255,0.3);
	-moz-box-shadow:0px 5px 60px rgba(255,255,255,0.3);
	-o-box-shadow:0px 5px 60px rgba(255,255,255,0.3);
}
#navbar, #heatlist-details table tr th, .results-dance-table th {
	background: rgb(3,100,153);
	background: -moz-linear-gradient(180deg, var(--navbar-background-top) 0%, var(--navbar-background-bottom) 100%);
	background: -webkit-linear-gradient(180deg, var(--navbar-background-top) 0%, var(--navbar-background-bottom) 100%);
	background: linear-gradient(180deg, var(--navbar-background-top) 0%, var(--navbar-background-bottom) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--navbar-background-top)",endColorstr="var(--navbar-background-bottom)",GradientType=1);
}
#navbar ul {
	margin:0 auto; padding-left:30px;
	list-style-type:none;
	z-index:98;
	text-align:center;
}
#navbar li.single, #navbar li.parent {
	display:inline-block;
	overflow:visible;
	position:relative;
	font-family:"Alba Two", sans-serif;
	font-size:18pt;
	height:60px; line-height:60px;
	border-left:1px solid rgba(255,255,255,0);
	border-right:1px solid rgba(255,255,255,0);
}
#navbar ul li a {
	display:inline-block;
	padding:0 18px;
	height:60px;
	text-shadow:1px 2px #000;
	text-decoration:none;
	font-family: "Amatic SC", sans-serif;
	font-weight: 600;
	font-size: 24pt;
	color:var(--navbar-color);
	transition:0.2s ease-in-out;
}
#navbar ul li a:hover {
	color:var(--navbar-hover-color);
}
#navbar li.expanded {
	background-color: #000;
	border-left:1px solid rgba(255,255,255,0.2);
	border-right:1px solid rgba(255,255,255,0.2);
}
#navbar li.expanded a {
	color:#fff;
}
#navbar ul.children {
	position:absolute;
	left:-1px;top:60px;
	width:370px;
	padding:20px 0;
	background-color:var(--navbar-background-bottom);
	display:none;
	box-shadow:0 0 50px rgba(255,255,255,0.2);
	-webkit-box-shadow:0 0 50px rgba(255,255,255,0.2);
	-moz-box-shadow:0 0 50px rgba(255,255,255,0.2);
	-o-box-shadow:0 0 50px rgba(255,255,255,0.2);
	z-index:99;
}
#navbar li.child {
	text-align:left;
	text-indent:0;
	height:50px;line-height:50px;
	background-size:15px;
	text-transform:none;
	padding-left:40px;
	font-size:21pt;
	font-family: "Amatic SC", sans-serif;
	letter-spacing:1px;
	background-image:url("/images/website/flat-ball.png");
	background-repeat:no-repeat;
	background-size:25px 25px;
	background-position:20px 13px;
	font-size:0.9em;
}

#navbar li.child a {
	width:260px; height:40px;
	color:var(--navbar-color);
	font-size:21pt;
	font-weight:600;
	transition:0.2s ease-in-out;
}
#navbar li.child a:hover {
	color:#fff;
}

#mobile-menu-button {
	display:none;
	justify-content:center;
	align-items:center;
	position:relative;
	position:absolute;
	top:6px; right:10px;
	background-color:rgba(255,255,255,0.1);
	background-color:rgba(0,0,0,0.25);
	width:44px; height:44px; line-height:46px;
	border:1px solid rgba(255,255,255,0.25);
	cursor:pointer;
	border-radius:100%;
	-webkit-border-radius:100%;
	-moz-border-radius:4px;
}
#mobile-menu-button i {
	font-size:24px;
	color:#fff;
}
#mobile-menu-container {
	display:none;
	position:fixed;
	left:100vw; top:60px;
	width:75vw; height:calc(100vh - 60px);
	transition:0.3s ease-in-out;
	z-index:98;
	background-color:var(--navbar-background-bottom);
	padding:30px 15px;
}
#mobile-menu-container.menu-open {
	left:25vw;
	box-shadow:0 0 30px rgba(0,0,0,0.75);
	-webkit-box-shadow:0 0 30px rgba(0,0,0,0.75);
	-moz-box-shadow:0 0 30px rgba(0,0,0,0.75);
}
#mobile-menu-container ul {list-style-type:none;}
#mobile-menu-container ul li a:hover {text-decoration:none;}
#mobile-menu-container > ul > li > a {
	color:var(--navbar-color);
	font-family:"Amatic SC", sans-serif;
	font-size:1.75em;
	font-weight:600;
}
#mobile-menu-container ul ul {
	margin-bottom:20px;
}
#mobile-menu-container ul ul li a {
	color:rgba(255,255,255,0.75);
}

#layer1, #layer2, #layer3 {
	position:absolute;
	width:100%;
}
.clouds {position:absolute;height:auto;}

button, .button, .btn, .btn-primary, .button, input[type="button"] {
	background-color:#880000;
	border:1px solid rgba(197,212,224,0.9);
	padding:5px 15px;
	font-weight:bold;
	margin:5px 0;
	text-decoration:none;
	font-family:"Amatic SC", sans-serif;
	font-size:18pt;
	letter-spacing:1px;
	cursor:pointer;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	color:#e53c00;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgba(255,255,255,0.9) 0%, rgba(216,225,231,0.9) 50%, rgba(197,212,224,0.9) 51%, rgba(224,239,249,0.9) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.9) 0%,rgba(216,225,231,0.9) 50%,rgba(197,212,224,0.9) 51%,rgba(224,239,249,0.9) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0.9) 0%,rgba(216,225,231,0.9) 50%,rgba(197,212,224,0.9) 51%,rgba(224,239,249,0.9) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0eff9',GradientType=0 );
}
button:hover, .button:hover, .btn:hover, .btn-primary:focus, input[type="button"]:focus, input[type="button"]:hover {
	border:1px solid rgba(197,212,224,0.9);
	color:#e53c00;
	outline:none;
	box-shadow:0 0 5px rgba(197,212,224,1);
}
button:focus, .button:focus, .btn:focus, .btn-primary:focus {
	color:#e63e00;
}


.custom-select {
	border:1px solid rgba(0,143,189,0.5);
}
.custom-select:after {
	color:rgba(0,143,189,0.5);
	background-color:#fff;
	top:8px;
}
.custom-select select {
	height:42px;
}


::placeholder {opacity:1; color:rgba(0,143,189,0.4);}
:-ms-input-placeholder {color: rgba(0,143,189,0.4);}
::-ms-input-placeholder {color: rgba(0,143,189,0.4);}

.fancybox-wrap, .fancybox-skin {
	background-color:#d3f6ff !important;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
.fancybox-skin .popup-title {
	background-color:yellow;
}
.fancybox-close {
	right:10px;
	top:13px;
}
.fancybox-close:after {
	color:rgba(255,255,255,0.5);
	transition:0.2s ease-in-out;
}
.fancybox-close:hover:after {
	color:#fff;
	text-shadow:0 0 10px rgba(255,255,255,0.5);
}


.faq-q {
	font-family: "Outfit", sans-serif;
	color:#036499;
	font-size:1.1rem;
}
.faq-q:before {
	content:"Question:";
	text-decoration:underline;
	margin-right:10px;
}
faq-q:after {
	
}
.faq-a {
	margin-bottom:45px;
}
.faq-a p:first-child:before {
	content:"Answer:";
	text-decoration:underline;
	margin-right:10px;
	font-weight:600;
}


/* COMPORGANIZER STANDARD CSS */

	.error, #error {
		color:#e53c00;
	}

	#pagemenus li {
		list-style-type: none;
		background-image: url("");
		background-repeat: no-repeat;
		background-size: 25px;
		font-size: 14pt;
		padding-left:40px;
		margin:0 0 20px 0;
	}
	
	#pagemenus li a {
		text-decoration:none;
	}
	
	
	.info-panels {margin:0 0 60px 0;}
	.info-panel { /* news panel */
		box-shadow:0 0 15px rgba(0,0,0,0.25);
		-webkit-box-shadow:0 0 15px rgba(0,0,0,0.25);
		-moz-box-shadow:0 0 15px rgba(0,0,0,0.25);
		border-radius:5px;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		overflow:hidden;
		padding-bottom:75px;
		position:relative;
	}
	.info-panel-frame {
		padding:75% 0 0 0;
	}
	.info-panel-frame img {
		transition:0.2s ease-in-out;
	}
	.info-panel-frame:hover img {
		transform:scale(110%);
	}
	.info-panel-content {
		padding:15px;
	}
	.info-panel-button-container {
		position:absolute;
		left:0; bottom:0;
		padding:0 15px;
	}
	.info-panel button {
		width:100%;
	}
	
	#contact_form {margin-bottom:60px;}
	#contact_form table {
		width:100%;
		margin:0 auto;
	}
	#contact_form td {width:100%;}
	
	#contact_form input.field {
		width:100%;height:30px;
		width: calc(100% - 16px); -webkit-width: calc(100% - 16px);
		padding:3px 8px;
		font-size:12pt;
		color:#000;
		border:1px solid rgba(151,210,240,1);
		background-color:rgba(151,210,240,0.15);
		margin-bottom:5px;
	}
	#contact_form input.inputbutton {
		position:relative;
		right:30px; top:-30px;
		float:right;
	}
	
	#contact_form textarea {
		width:100%;height:200px;
		width: calc(100% - 16px); -webkit-width: calc(100% - 16px);
		padding:6px 8px;
		border:1px solid rgba(151,210,240,1);
		background-color:rgba(151,210,240,0.15);
		font-size:12pt;
		color:#000;
	}
	
	#contact_form input.captcha {
		width:290px;
		position:relative;
		float:right;
		top:-1px;
	}
	#contact_form .label {font-size:12pt;position:relative;left:8px;top:-2px;margin-bottom:5px;}

	#contact_form input::-webkit-input-placeholder, #contact_form textarea::-webkit-input-placeholder,
	#contact_form input::-moz-input-placeholder, #contact_form textarea::-moz-input-placeholder,
	#contact_form input::-ms-input-placeholder, #contact_form textarea::-ms-input-placeholder,
	{color:rgba(0,0,0,0.3);}
	
	.photoGallery .thumb {background-color:#000;}
	
	#venue {
		margin-bottom:60px;
	}
	#venue-poster, #venue-slideshow {
		width:100%;
	}
	#venue-slidehow {height:400px;}
	#venue-container1 {
		position:relative;
		top:-75px;
	}
	#venue-logo {
		width:170px;
		display:block;
		position:relative;
		margin:0 25px;
		float:left;
		border:5px solid #fff;
		box-shadow: 3px 3px 10px rgba(0,0,0,0.5);
		-webkit-box-shadow: 3px 3px 10px rgba(0,0,0,0.5);
		-moz-box-shadow: 3px 3px 10px rgba(0,0,0,0.5);
		-o-box-shadow: 3px 3px 10px rgba(0,0,0,0.5);
	}
	#venue-info {
		display:inline;
		line-height:30px;
	}
	#venue-container2 {
		position:relative;
		top:-20px;
	}
	.venue-address, venue-telephone {
		font-size:17pt;
	}
	#venue-container1 .venue-title {
		font-size:27pt; line-height:72px;
		position:relative;
		top:-5px;
		margin-bottom:10px;
		font-weight:bold;
		color:#fff !important;
		text-shadow: 2px 2px 10px #000;
	}
	.venue-button {
		display:block;
		text-align:center;
		margin:30px 0 15px 0;
		line-height:30px;
		height:30px;
		border-radius:10px;
	}
	.starting-at, .venue-price, .venue-price-desc {
		display:inline;
		font-size:24pt; font-weight:bold;
 	}
	.venue-price-container {font-size:x-large;color:#fff;text-align:center;}
	#venue-container3 {
		border:1px solid rgba(0,0,0,0.15)
	}
	#venue-container3 h3 {
		font-size:xx-large;
		font-weight:normal;
	}
	#venue-container3 iframe {
		width:100%;
		height:50vh;
	}

	#officials {
	
	}
	.cat-chairman-of-judges, .cat-chairmen-of-judges, .cat-master-of-ceremonies, .cat-masters-of-ceremonies {
		display:inline-block;
		width:50%;
	}
	.officials_grid .subheader {
		font-size:28pt;
		border-bottom:1px solid rgba(255,255,255,0.5);
	}
	.officials_grid ul {
		list-style-type:none;
		margin:10px 0 40px 0;padding:0;
	}
	.officials_grid ul li {
		display:inline-block;
		margin:0 20px 15px 0;
		vertical-align:top;
	}
	.officials_grid .photo_container {
		width:150px;height:150px;
		overflow:hidden;
		display:block;
	}
	.officials_grid img {
		width:150px;
	}
	.official_info {
		margin-top:3px;
		width:125px;height:120px;
		overflow:hidden;
	}
	
	#prices {
		display:block;
		width:100%;
		position:relative;
	}
	#prices table {
		width:100%;
		border-collapse:collapse;
	}
	#prices td {
		padding:5px 0;
		border-bottom:1px dotted #fff;;
	}
	#prices div.title {
		font-size:28pt;
		margin-bottom:30px;
	}

	.entryforms {margin-bottom:60px;}
	.entryforms ul {
		list-style-type:none;
		margin:0; padding:0;
	}
	.entryforms li {
		margin:15px 0;
	}
	.entryforms li a {
		font-size:15pt;
		padding:8px 20px 8px 60px;
		background-image:url("/co/images/pdf.png");
		background-repeat:no-repeat;
		background-size:30px;
		background-position:10px 7px;
	}
	.entryforms-header {margin-bottom:30px;}
	.docPW ul li a {
		background-image:url("/co/images/lock.png");
	}
	#entryforms-2168 {
		text-align:center;
		margin-bottom:60px;
	}
	#entryforms-2173 {
		margin-bottom:60px;
	}

	.popup-password input[type=text], .popup-password input[type=password] {
		width:calc(100% - 10px);
		border:none;
	}
	

	#mySlideshow_Container-0 {
		width:100%;
		max-width:1100px;
		height:600px;
		position:relative;
		top:15px;
		margin:0 auto;
		overflow-y: hidden;
	}
	#mySlideshow_Container-0 ul {margin:0;padding:0;}
	#mySlideshow_Container-0 img {
		width:100%;
		margin:0;
	}
	.bx-caption {
		top:0;
		height:120px;
		background: -moz-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
		background: -webkit-linear-gradient(top, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%);
		background: linear-gradient(to bottom, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=0 );
	}
	.bx-caption span {
		font-family: "Alba", cursive !important;
		font-weight:600;
		font-size:32pt !important;
		text-align:center;
		
		color:#ce7000 !important;
		text-shadow:
			-1px -1px 0 #fff,  
			1px -1px 0 #fff,
			-1px 1px 0 #fff,
			1px 1px 0 #fff,
			3px 3px 8px rgba(0,0,0,0.9);

	}
	
	
/* Heatlists */

	#premier-heatlists-publish-date, #premier-results-publish-date {
		display:none;
	}
	#premier-heatlists #heatlist-filter, #premier-results #competitor-filter {	
		border-color:var(--accentcolor);
	}
	#heatlist-list, #premier-results #competitor-list {
		border:0px solid rgba(0,0,0,0);
	}
	#heatlist-list li, #premier-results #competitor-list li {
		border-top:1px solid #fff;
		border-bottom:1px solid rgba(0,0,0,0.1);
		background-color:rgba(255,255,255,0.5);
		transition:0.2s ease-in-out;
	}
	#premier-heatlists #heatlist-list li:hover, #premier-results #competitor-list li:hover {
		background-color:#fff;
	}
	
	#premier-heatlists h5.partner-name  {
		font-size:1.75rem;
		font-weight:600;
	}
	#heatlist-details table {
		border:0px solid rgba(0,0,0,0);
	}
	#heatlist-details table tr td {
		border:0px solid rgba(0,0,0,0);
		border-top:1px solid #fff;
		border-bottom:1px solid rgba(0,0,0,0.1);
		background-color:rgba(255,255,255,0.5);
	}
	#heatlist-details table tr th {
		color:#fff;
		border:0px solid rgba(0,0,0,0);
	}

	#premier-results h3 {
		font-size:1.75rem;
	}
	#premier-results .results-headline {
		font-size:2.5rem;
		margin-bottom:20px;
	}
	.results-dance-table th, .results-dance-table th {
		color:#fff;
		border:1px solid var(--navbar-background-top);
	}
	#premier-results td {
		background-color:#fff;
		border:1px solid rgba(0,0,0,0.1);
		min-width:30px;
	}
	#premier-results td.col-spacer {
		min-width:20px;
	}


/* Schedule */

	#schedule {padding-top:30px;}
	#schedule table {
		margin-top:30px;
		margin-bottom:60px;
	}

	#schedule .schedule_row {
		padding-top:3px;
		padding-bottom:3px;
		padding-left:30px;
		text-indent:-25px;
	}
	
	#schedule .categorized {
		padding-left:60px;
	}

	#schedule .space_above {
		height:30px;
	}
	#schedule .space_below {
		height:120px;
	}
	
	#schedule .session_header_cell {
		border-bottom:1px solid rgba(0,0,0,0.3);
		position:relative;
	}
	
	#schedule .session_title {
		display:inline;
		position:absolute;
	}
	
	#schedule .session_number {
		font-family:"Anton", sans-serif;
		font-size:18pt;
		padding:10px 10px 10px 35px;
		position:relative;
		top:-36px; left:0;
		background-image:url("/images/website/surfboard.png");
		background-size: 100% 100%;
		background-repeat: no-repeat;
		color:#fff;
		width:160px;
		text-align:center;
		display:inline-block;
		transform: rotate(-6deg);
	}
	#schedule .session_name {
		font-family: "Alba", cursive;
		font-size:24pt;
		position:absolute;
		top:-36px;left:175px;
		width:calc(100vw - 100px);
		max-width:400px;
		overflow-x:hidden;
		white-space:nowrap;
	}
	#schedule .doors_open, #schedule .session_date {
		position:absolute;
		text-align:right;
		font-size:13pt;
		font-weight:bold;
	}
	#schedule .doors_open {top:8px;right:0;}	
	#schedule .session_date {top:-27px;right:0;}
	
	#schedule .schedule_cat {
		font-family:"Cinzel",sans-serif;
		color:#2b345b;
		font-size:18pt;
		padding:15px 0 0 0;
		text-shadow:0 0 2px rgba(70,79,114,0.3);
	}
	#schedule .schedule_time {
		
	}
	#schedule ul {
		padding:10px 0 10px 0;
		margin:0;
	}
	#schedule li {
		text-indent:0;
	}
	
	@media(max-width:767px) {
		#schedule .session_header_cell {padding-bottom:15px;}
		#schedule .session_title {position:relative; width:100%;}
		#schedule .session_number {
			width:100%;
			margin:0;
			top:0;
		}
		#schedule .session_name {
			display:inline-block;
			position:relative;
			top:0; left:0;
			width:100%;
			text-align:center;
			white-space:normal;
			line-height:28px;
			margin-top:10px;
		}
		#schedule .session_date, #schedule .doors_open {
			position:relative;
			text-align:center;
			top:0;
		}
	}


/* Judges & Officials */

	.officials .subheader {
		border-bottom: 1px solid var(--accentcolor);
		padding-bottom:0;
		line-height:1;
		margin-bottom:20px;
	}
	.cat-chairman-of-judges, .cat-chairmen-of-judges, .cat-master-of-ceremonies, .cat-masters-of-ceremonies {
		width:calc(50% - 20px);
	}
	.cat-chairman-of-judges, .cat-chairmen-of-judges {margin-right:10px;}
	.cat-master-of-ceremonies, .cat-masters-of-ceremonies {margin-left:10px;}
	
	.officials ul {
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-items:flex-start;
	}
	.officials ul li {
		margin:0;
		width:18%;
	}
	.cat-chairman-of-judges ul li, .cat-chairmen-of-judges ul li, .cat-master-of-ceremonies ul li, .cat-masters-of-ceremonies ul li {
		width:36%;
	}
	.officials ul li .photo_container, .officials ul li .official_info {
		width:100%;
		position:relative;
	}
	.officials ul li .photo_container {
		height:0;
		padding-top:100%;
		border-radius:100%;
		-webkit-border-radius:100%;
		-moz-border-radius:100%;
	}
	.officials ul li .photo_container img {
		width:100%; height:100%;
		position:absolute;
		left:0; top:0;
	}
	.officials ul li .official_info {text-align:center;}
	.officials ul li .official_info div {
		font-size:0.9rem;
		opacity:0.5;
		line-height:1;
	}
	.officials ul li .official_info div:first-child {
		font-size:1.15rem;
		opacity:1;
		margin:10px 0 5px 0;
	}
	
	
	@media(max-width:1200px) {
		.officials ul li {width:23%;}
		.cat-chairman-of-judges ul li, .cat-chairmen-of-judges ul li, .cat-master-of-ceremonies ul li, .cat-masters-of-ceremonies ul li {width:46%;}
	}
	@media(max-width:767px) {
		.officials ul li {width:31%;}
		.cat-chairman-of-judges, .cat-chairmen-of-judges, .cat-master-of-ceremonies, .cat-masters-of-ceremonies {width:100%; margin-left:0; margin-right:0;}
	}
	@media(max-width:600px) {
		.officials ul li {width:48%;}
	}
	@media(max-width:500px) {
		.officials ul li {width:100%;}
	}

/* ONLINE REGISTRATION */

	.rules {margin-bottom:60px;}
	.rules h4 {
		margin:0; padding:0;
	}
	.rules ul {
		margin:0 0 30px 30px;
		padding:0;
	}
	.rules ul li {
		margin:15px 0;
	}



	.onlinereg {
		margin-bottom:60px;
	}
	.onlinereg .button-small {
		font-size: 0.9rem;
	}
	.co-login-window {}
	.co-login-window input[type="text"], .co-login-window input[type="password"], .co-login-window input:-webkit-autofill, .onlineregtable input[type="text"], .onlineregtable input[type="password"], .onlineregtable input[type="date"] {border:1px solid rgba(0,143,189,0.5);}
	.co-login-window .forgot a {color:rgba(0,143,189,0.5);}
	.onlinereg .breadcrumb {
		border:1px dotted #008fbd;
		background-color:#fff;
	}
	.onlinereg .breadcrumb a {
		color:#008fbd;
		top:-30px;
	}
	.onlinereg .action-button-container {
		right:5px; top:3px;
	}
	.onlinereg .action-button {margin-top:3px;}
	.school-info {
		background-color:rgba(0, 142, 189, 0.1);
		border:1px solid #008fbd;
		border-raidus:5px;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
	}
	.school-headline {font-size:24pt;}
	#school-search {
		font-size:13pt;
		border:1px solid rgba(0,143,189,0.5);
	}
	.partner-tabs {
		margin-top:30px;
	}
	.partner-search-container {
		background-color:rgba(0, 142, 189, 0.1);
		border:1px solid #008fbd;
		border-raidus:5px;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
	}
	.partner-search-container td.partner-label {
		font-size:18pt;
		color:#008fbd;
	}
	.partner-search {
		font-size:13pt;
		border:1px solid rgba(0,143,189,0.5);
	}
	.partner-check {color:rgba(0,143,189,0.5);}
	.pchecked {color:green;}
	.partner-search-button {
		padding:5px;
		font-size:10pt;
		border:1px solid rgba(0,143,189,0.25);
		box-shadow:none;
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
	}
	.partner-search-enable, .partner-search-disable {
		display:block;
		margin:0; padding:3px;
		font-size:0.75rem;
		font-weight:500;
	}
	.partner-search-container .down-arrow {color:#85d2eb;}
	.padd button {
		display:inline-flex;
		flex-direction:column;
		align-items:center !important;
		justify-content:center !important;
	}
	.partner-search-results {
		border:1px solid #8dc5db;
		left:15px; top:43px;
	}
	.partner-search-results ul li a, .partner-search-results ul li p, .partner-search-results ul li span {font-size:13pt;}
	.partner-search-results ul li.add-partner-li {
		border-top:1px dotted #008fbd;
	}
	.add-button-disabled {
		background:#fff !important;
		color:rgba(0,143,189,0.25) !important;
		box-shadow:none !important;
		-webkit-box-shadow:none !important;
		-moz-box-shadow:none !important;
		-o-box-shadow:none !important;
		outline:none !important;
		cursor:default !important;
	}
	.partnerships-container table tr td {
		padding-top:12px;
		font-size:13pt;
	}
	.partnerships-container table tr td:last-child {
		padding-top:5px;
	}
	.partnerships-container .remove-partnership {
		font-size:18pt;
		color:#000;
		display:inline-block;
		margin-top:-6px;
	}
	.partnerships-container .remove-partnership:hover {
		text-decoration:none;
		color:red;
	}
	.grid-header {}
	.grid-header div:last-child {
		font-size:1rem;
		color:var(--text-color);
		font-family:"Outfit", sans-serif;
	}
	.grid-header div:first-child {
		font-size:2rem;
		font-family:"Amatic SC", sans-serif;
		font-weight:600;
		color:#e53c00;
	}
	.grid-subheader {
		font-size:1.1rem;
		text-align:center;
		color:#008ebd;
		font-weight:600;
		font-family:"Outfit", sans-serif;
		margin:25px 0 15px 0;
	}
	.age-tab-container {
		padding:0;
	}
	
	.freestyle-grid {
		margin-bottom:30px;
	}
	.freestyle-grid td {
		border:1px solid rgba(0,142,189,0.3);
		font-size:11pt;
	}
	.multi-dance-list li {
		border-bottom:1px solid rgba(0,142,189,0.3);
	}
	
	
	#purchases-for {
		margin-top:-25px;
		color:#e53c00;
	}
	#purchase-items .pi-category h4 {
		font-size:1.75rem;
		border-bottom:1px dotted #008fbd;
	}
	#purchase-items table.cat-items td.col-icon i, #purchase-summary-items td.col-icon i {
		color:#008fbd;
	}
	#purchase-items table.cat-items td.col-action button {
		margin-top:-2px;
	}
	#purchase-summary-items td, #purchase-summary-items th {
		border:none;
		border-bottom:1px dotted #008fbd;
	}
	#purchase-items button div, #purchase-items button div i {
		color:#e53c00;
	}


	.onlinereg .subheadline {
		font-size:32pt;
		margin-bottom:20px;
	}

	.onlinereg-invoice .invoice-entries-header td {
		verical-align:bottom;
		border-bottom:1px solid #008fbd;
		padding-left:110px;
		position:relative;
		font-weight:600;
	}
	.onlinereg-invoice .invoice-entries-header td.entries-for {
		color:#008fbd;
	}
	.entries-for small {
		display:inline-block;
		position:absolute;
		left:0; top:0px;
		border:1px solid #008fbd;
		width:95px;
		font-size:9pt;
		text-transform:uppercase;
		padding:5px 10px;
		background-color:#e6f3f7;
		text-align:right;
		margin-right:20px;
	}
	.invoice-subtotal div {color:#e53c00; font-size:18pt; font-weight:600;}
	.invoice-subtotal small {
		font-size:9pt;
		padding-right:10px;
		font-weight:600;
	}
	.onlinereg .invoice-line-item .menu-icon {background-color:#e6f3f7;}
	.invoice-fee-warning {margin-top:60px;}
	
	.onlinereg .invoice-line-item {position:relative;}
	.onlinereg .invoice-line-item.selected td {
		background-color:#e6f3f7;
		text-shadow:0 0 1px rgba(0,0,0,0.5);
	}
	.onlinereg .invoice-line-item td.entry-check i {
		display:block;
		position:relative;
		color: var(--accentcolor);
	}
	.onlinereg-invoice td.entry-label .entry-ctype {
		border-color:var(--accentcolor);
		color:var(--accentcolor);
		background-color:#fff;
	}
	
	.payments table {margin-bottom:40px; border:1px solid #008fbd;}
	.payments table td {padding:10px 15px; border-bottom:1px dotted #008fbd;}
	.payments table tr:nth-child(odd) td {background-color:rgba(0,143,189,0.07);}
	.payments table tr:nth-child(even) td {background-color:rgba(0,143,189,0.03);}
	.payments table th {background-color:#008fbd; color:#fff; padding:5px 15px;}
		
	.onlinereg .invoice-total {
		margin:30px auto;
		width:100%;
		max-width:600px;
		padding:30px 15px 90px 15px;
		background-color:#fff;
		border:1px solid rgba(0,143,189,0.25);
		margin-bottom:-100px;
		border-radius:10px;
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
	}
	.onlinereg .invoice-total h1 {font-family:"Outfit", sans-serif !important; font-weight:bold;}






.results {
	position:relative;
	width:100%;
	min-height:300px;
	padding-bottom:60px;
}
#rtContent-0 table tr td:first-child {
	padding-right:20px;
}
#rtContent-1 table {
	border-collapse:collapse;
	width:100%;
	margin-bottom:30px;
}
#rtContent-1 table td,th {
	text-align:left; vertical-align:top;
	border-bottom:1px dotted rgba(46,27,58,0.3);
	border-right:1px dotted rgba(46,27,58,0.3);
	font-size:12pt;
	padding:3px;
}
#rtContent-1 table th {
	white-space:nowrap;
	vertical-align:bottom;
}
#rtContent-1 table th:first-child {
	vertical-align:bottom;
}
.results-dance {
	font-size:28pt;
	font-family:"Amatic SC", sans-serif;
}
#rtContent-1 table td:first-child {
	text-indent:-27px;
	position:relative;
	left:27px;
	padding-right:27px;
}
#rtContent-1 table td.spacer {
	border:none;
	height:30px;
}
#rtSolos table {
	border-collapse:collapse;
	width:100%;
}
#rtSolos table tr td {
	border:1px solid rgba(255,255,255,0.3);
	padding:3px;
}
.results .round_header {
	text-align:center;
	color:#008fbd;
	font-size:24pt;
	margin-bottom:15px;
	font-family: "Alba", cursive;
}
.results ul {
	list-style-type:none;
	margin:0 30px; padding:0;
}
.results ul li {
	padding:2px 0;
	text-indent:-15px;
}
.results ul li a, #rtContent-1 table td a, #rtContent-0 a {
	text-decoration:none;
}
.results ul li a:hover, #rtContent-1 table td a:hover, #rtContent-0 a:hover {
	text-decoration:underline;
}
.results .searchBar {
	padding:10px;
	background-color:#008fbd;
	position:relative;
	width:100%;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
}
.results .searchLabel {
	display:inline;
	color:#fff;
	margin:0 10px;
}
.results .searchInput {
	width:50%; height:16px;
	border:none;
	color:#000;
	font-size:11pt;
	background-color:rgba(255,255,255,0.75);
	padding:5px 50px 5px 5px;
	margin:0 10px;
}
.results .searchInput:focus {
	outline:none;
}
.results .searchSubmit {
	position:relative;
	left:-50px;
	width:35px;height:20px;
	background-color:#fff;
	border:1px solid #007399;
}
.results .results-header {
	position:relative;
	margin-bottom:30px;
}
.results .results-header ul {
	margin:10px; padding:0;
	white-space:nowrap !important;
}
.results .results-header ul li {
	text-indent:0;
	margin:0;
	display:inline;
	margin:5px 0;
	font-size:11pt;
}
.results .results-header ul li:after {content:" > ";}
.results .results-header ul li:last-child:after {content:none;}
/* .results ul li.results-title {display:block;} */

.tooltipster-content, .tooltipster-content * {
	color:#fff !important;
	font-size:10pt;
	font-weight:bold;
}
.results-judge-container {display:none;}
.tooltipster-content .results-judge-container {display:block !important;}

.results #resultTabs {
	position:absolute;
	top:12px; right:-45px;
}
.results #resultTabs ul li {
	display:inline;
	margin:5px; padding:5px 10px;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	background-color:rgba(255,255,255,0.25);
	cursor:pointer;
}
.results #resultTabs ul li.selected {
	background-color:#fff;
}
.results-initials {
	cursor:pointer;
}
.results-judge {
	width:75px; height:75px;
	background-size:75px;
	margin:0 auto 5px auto;
	border:1px solid #fff;
}
.lineup {
	display:block;
	width:500px;
	margin:0 auto 40px auto;
	border:5px solid #fff;
	-box-shadow:5px 5px 15px rgba(0,0,0,0.3);
	-webkit-box-shadow:5px 5px 15px rgba(0,0,0,0.3);
	-moz-box-shadow:5px 5px 15px rgba(0,0,0,0.3);
	-o-box-shadow:5px 5px 15px rgba(0,0,0,0.3);
}
.photoresults {
	width:100%;
	text-align:center;
}
.result_container {
	display:inline-block;
	width:175px; height:200px;
	padding:10px;
	overflow:hidden;
	text-align:left;
}
.result_photo_container {
	display:block;
	width:175px;
	height:115px;
	overflow:hidden;
	border:3px solid #fff;
	background-color:rgba(255,255,255,0.2);
	margin-bottom:10px;
}
.result_photo_container img {
	width:175px;
}
.placement {
	font-weight:bold;
	color:#fff;
}




/* END COMPROGANIZER STANDARD CSS */

/* 480, 768 (tablet portrait), 992, 1200 */

@media (max-width:1320px) {
	#top, #main {
		width:auto !important;
		margin:0 60px !important;
	}
}

@media (max-width:1050px) {
	#top, #main {
		margin:0 !important;
	}
	#logo-container {
		position:relative;
		text-align:center;
	}
	#main {
		left:1px;
		border-radius:0px !important;
		-webkit-border-radius:0px !important;
		-moz-radius:0px !important;
		-webkit-border-radius:0px !important;
		border:none;
	}
	#content {margin:0 30px;}
	#date-place {
		display:none;
	}
	#date-place div {
		display:inline-block;
		text-align:center;
		font-size:16pt;
	}
	#date-place div::after {
		content: "\2666";
		margin:15px;
	}
	#date-place div:last-child::after {
		content: "";
		margin:0;
	}
	#navbar ul {
		padding-left:0;
		text-align:center;
	}
	#headline {position:relative;top:0;text-align:center;}
	.bx-caption span {font-size:28pt !important;}
}

@media (max-width:900px) {
	#footer-contact, #affiliates {position:relative;display:block;}
	#footer-contact {margin:0 auto;}
	#affiliates {float:none;text-align:center;width:auto;}
}

@media (max-width:767px) {
	
	#navbar {white-space:normal;padding:10px 0 20px 0;}
	#navbar ul {display:block;width:100%;margin:0;padding:0;}
	#navbar ul li {display:block;width:100%;margin:0;padding:0;}
	#navbar ul li a {padding:0 0!important;}
	#navbar ul.children {top:auto;left:0;padding:10px 0;width:100%;}
	#navbar ul li.child {width:100%;margin:0;padding:0;text-align:center;background-image:url("");text-indent:0;}
	#navbar ul.children li a {margin:0;}
	#navbar li.expanded {border:none;}
	
	#navbar ul {display:none;}
	#mobile-menu-button {display:flex;}
	#mobile-menu-container {display:block;}
	
	#top {margin:0 0 60px 0;text-align:center;height:auto;}
	#logo-container, #logo {position:relative;}
	#logo {
		vertical-align:top;
		margin-bottom:60px;
		width:90%; height:auto;
	}
	#main {
		box-shadow:none !important;
		border:none;
		background-color:rgba(255,255,255,0.75);
	}
	#date-place {display:none;}
	#footer-inner-inner {margin-left:0;margin-right:0;}
	#footer-bg {top:-270px;height:50vh;}
	.fullscreen-bg {
		display:none !important;
	}
	#mySlideshow_Container-0 {margin-top:60px;}
	.bx-caption span {font-size:24pt !important;}
	
	.schedule {overflow-x:scroll;}
	.schedule table {width:1000px;}
	
	#panels ul li:nth-child(2) {display:none;}
	
	.onlinereg .onlineregtable tr td:first-child {display:none;}

}

@media (max-width:550px) {
	#panels ul li:nth-child(1) {display:none !important;}
}

@media (min-aspect-ratio: 30/21) { /* background image is 900x630 */

}

@media (max-aspect-ratio: 30/21) {
	#fullscreen-bg {background-size:auto 100%;}
}

@media print {
	
			
	body, html, #main, #content, p, div, td, th, li {font-size:10pt;}
	body, html, #main, #content, p, div, td, th, a, h1, h2, h3, h4, h5, h6 {color:#000 !important;}
	#navbar, #navbar-buffer, #footer, #fullscreen-bg, #date-place, #mySlideshow_Container-0, #panels {display:none;}
	#main, #content, #top {
		margin:0 auto; padding:0;
		height:auto; min-height:0;
		background:none;
		position:relative;
		top:0;
		width:8in;
		overflow-x:visible;
	}
	#main {top:0.5in;}
	img {
		-webkit-filter: grayscale(100%);
		filter: grayscale(100%);
	}
	
	#top {height:0.5in;top:0.25in;}
	#logo-container {
		position:relative;
		width:3.2in; height:auto;
		top:0; left:0;
	}
	#logo {
		width:3in; height:auto;
		top:0;
		left:0.25in;
	}
	#cactus {
		display:inline;
		width:auto; height:1.5in;
		left:0.25in;
	}
	#headline, .headline {
		color:#000;
		text-shadow:none;
		font-family:"Amatic SC", sans-serif;
		width:100%;
		text-align:right;
		border-bottom:1px solid #999;
		top:-0.2in;
	}

	.welcome-letter {
		top:1in;
	}

	.schedule {
		position:relative;
		page-break-inside: avoid;
		top:0.25in;
	}
	.schedule h3 {color:#666;}
	.schedule table {width:8in;}
	.schedule table td, .schedule table th {
		width:auto;
		background:none;
		border-bottom:1px solid #666; border-right:1px solid #666;
	}
	
	#entryforms-2168 {display:none;}
	
	#venue iframe {display:none;}
	#venue-container2 p {display:none;}

	#officials, #officials ul, #officials div {page-break-inside: auto; margin:0 !important;padding:0 !important;}
	.officials_grid {margin-top:0.25in;}
	.official_info {height:auto;}
}