:root {
	--navmenu-height:40px;
	--textcolor:#fff;
	--text-color:#fff;
	--accent-color: #f9d568;
	--link-color: #f9d568;
	--overlay-color:rgba(255,255,255,0.2);
	--bgcolor: #373a3f;
	--menu-gray: #373a3f;
}

body, html {
	background-color:#000;
	color:#fff;
	font-size:13pt;
}

a {color:#fff;}
a:hover {color:var(--accent-color);}

#body {
	position:relative;
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	align-items:center;
}

#top, #main {
	position:relative;
	width:100%;
}
#top {
	height:300px;
	max-width:1306px;
	background-image:url("https://calchicclassic.com/wp-content/uploads/2023/08/cropped-Cal-Chic-Header-2023-3-1.png");
	background-position: center top;
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
}

#navmenu {
	z-index:99;
}
#navmenu ul {
	list-style-type:none;
	margin:0; padding:0;
}
#navmenu ul a, #navmenu ul a:hover {text-decoration:none;}
#menu-topmenu {
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:center;
	height:var(--navmenu-height);
}
#menu-topmenu > li {position:relative;}
#menu-topmenu li a {
	padding:30px 11px;
	font-family:"Roboto Condensed", sans-serif;
	font-weight:700;
	font-size:11pt;
	letter-spacing:2px;
	outline:none;
}
#menu-topmenu > li > a {
	height:var(--navmenu-height);
	text-transform:uppercase;
}
#menu-topmenu > li ul.sub-menu {
	display:none;
	position:absolute;
	left:0; top:32px;
	background-color:#000;
	padding:10px 0 5px 0;
	border:1px solid #333;
	border-top:none;
	box-shadow:0 0 5px rgba(255,255,255,0.25);
}
#menu-topmenu > li:hover ul.sub-menu {
	display:block;
}
#menu-topmenu > li ul.sub-menu li a {
	display:block;
	min-width:240px;
	white-space:nowrap;
	padding:5px 15px;
}
#navmenu .logo, #navmenu .toggle {display:none;}

@media(max-width:1000px) {

	#top {justify-content:flex-start;}
	.main-nav {
		position:relative;
		width:calc(100% - 40px);
		margin:0 20px;
	}
	.menu-topmenu-container {
		display:none;
		position:absolute;
		left:0; top:-20px;
		width:100%;
	}
	#menu-topmenu {
		flex-direction:column;
		width:100%;
		margin:0 20px;
		background-color:#000;
		align-items:flex-start;
		justify-content:flex-start;
		height:auto;
	}
	#menu-topmenu li {width:100%;}
	#menu-topmenu > li > a, #menu-topmenu li li a {
		display:block;
		border-bottom:1px solid #333;
		height:40px; line-height:40px;
		margin:0 !important; padding:0 !important;
	}
	#menu-topmenu > li > a {text-indent:15px;}
	#menu-topmenu li li a {text-indent:30px;}
	#menu-topmenu li li a:before {
		content:"\00bb";
		margin-right:5px;
	}
	#menu-topmenu > li ul.sub-menu {
		display:block;
		position:relative;
		left:auto; top:auto;
		border:none;
		padding:0;
	}
	
	#navmenu .toggle {
		display:block;
		position:relative;
		width:calc(100% - 40px);
		margin:20px;
		height:40px;
		background-color:var(--menu-gray);
		border-radius:5px;
	}
	#navmenu .toggle a {
		width:100%; height:100%;
		line-height:40px;
		display:inline-block;
		text-align:center;
	}
	#navmenu .toggle a:hover {
		text-decoration:none;
		color:#fff;
	}
	#navmenu .toggle:after {
		content:"\2630";
		position:absolute;
		right:0; top:0;
		height:40px;
		font-size:32px;
		line-height:32px;
		vertical-align:middle;
		padding:0 10px;
		border-left:1px solid #bbb;
		color:#bbb;
		cursor:pointer;
	}

}


#main {
	margin:30px auto 150px auto;
	max-width:1120px;
}
@media(max-width:1160px) {
	#main {
		width:calc(100% - 60px);
		max-width:auto !important;
		margin:30px 30px 150px 30px;
	}
}

#headline, .headline {
	font-family:"Roboto Condensed", sans-serif;
	font-weight:700;
	font-size:1.5em;
	color:var(--accent-color);
}
#headline {
	text-align:center;
	margin-bottom:15px;
}

.onlineregtable input[type=text], #main .onlineregtable input[type=text], #main .onlineregtable input[type="password"], .co-login-window input[type="text"], .co-login-window input[type="password"], .partner-search, #recipient-picker-container .custom-select {
	border:none;
	background-color:rgba(255,255,255,0.25);
	box-shadow:none;
	color:#fff;
	border-radius:5px;
}
#main .onlineregtable input:focus, .co-login-window input:focus, .partner-search:focus {
	outline:none;
	box-shadow:inset 0 0 10px rgba(255,255,255,0.4);
}
.custom-select, .onlineregtable .custom-select, .entries-partnership-container .custom-select, .entries-prefs-container .custom-select, .btn-primary {
	background-color:rgba(255,255,255,0.25);
	box-shadow:none;
	color:#fff;
	border-radius:5px;
	border:none;
}
.custom-select select, .onlineregtable .custom-select select, .entries-partnership-container .custom-select select, .entries-prefs-container .custom-select select {
	background:none;
	color:#fff;
}
.btn-primary:hover, .btn-primary:active {
	background-color:var(--accent-color) !important;
	border-color:var(--accent-color) !important;
	color:#000 !important;
	outline:none !important;
	box-shadow:none !important;
	-moz-box-shadow:none !important;
	-webkit-box-shadow:none !important;
}
.btn-primary:focus, .btn-primary:visited {
	background-color:#000 !important;
	border-color:var(--accent-color) !important;
	color:var(--accent-color) !important;
	outline:none !important;
	box-shadow:none !important;
	-moz-box-shadow:none !important;
	-webkit-box-shadow:none !important;
}
.onlineregtable .custom-select select:focus, .entries-partnership-container .custom-select select:focus, .entries-prefs-container .custom-select select:focus, .btn-primary:focus {
	outline:none;
}
button, .btn, input[type=button], #menulink .button, .invoice-actions button, .entry-form-actions button {
	border:2px solid var(--accent-color);
	background:none;
	color:var(--accent-color);
	font-size:1.1rem;
	padding:3px 0;
	font-family:"Roboto", sans-serif;
	transition:0.25s ease-in-out;
	outline:none;
}
.btn, #menulink .button, input[type=button], .invoice-actions button, .entry-form-actions button, .btn-ptimary {
	border-radius:0;
	padding:3px 15px;
	transition:0.2s ease-in-out;
}
button:hover, input[type=button]:hover, #menulink .button:hover, button.btn-primary:hover {
	background-color:var(--accent-color);
	color:#000;
}
#purchase-items button:hover div, #purchase-items button:hover i {color:#000;}
button:focus, input[type=button]:focus, #menulink .button:focus {
	outline:none;
}

.co-login-headline {
	font-family:"Roboto Condensed", sans-serif;
	font-weight:700;
	font-size:1.25em;
}
.co-login-window table {
	width:calc(100% - 5px);
}

/* ONLINE REGISTRATION */

.onlinereg .subheadline {
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 700;
	font-size: 1.5em;
	margin-bottom:30px;
}
.onlinereg-main-menu ul li {
	opacity:0.5;
	transition:0.25s ease-in-out;
}
.onlinereg-main-menu ul li p {
	margin-top:10px;
	line-height:1.2em;
}
.onlinereg-main-menu ul li:hover {
	opacity:1;
}
.onlinereg-main-menu ul li:hover i {
	text-shadow:0 0 15px rgba(255,255,255,0.5);
}

.onlinereg .breadcrumb {
	background-color:var(--menu-gray);
	border:1px solid rgba(255,255,255,0.1);
	margin-bottom:45px;
}
.onlinereg .breadcrumb span {color:#fff;}
.onlinereg .breadcrumb a {color:#999;}
.onlinereg .breadcrumb a:hover {
	text-decoration:none;
	color:var(--accent-color);
}

.onlinereg .action-button {
	top:3px; right:5px;
}

.school-info {
	background-color:rgba(255,255,255,0.1);
}

.partner-tab a {
	background:none;
	border:2px solid var(--accent-color);
	color:var(--accent-color);
	transition:0.25s ease-in-out;
}
.partner-tab a:hover {
	background-color:var(--menu-gray);
}
.partnerships-container table {border-top-color:#444;}
.partnerships-container table tr td {
	border-bottom-color:#444;
}
.person-edit-button, .partnerships-container table tr td:last-child .button {
	background:none;
	border:1px solid var(--accent-color);
	color:var(--accent-color);
	border-radius:0;
	padding:0 5px;
}
.person-edit-button:hover, .partnerships-container table tr td:last-child .button:hover {
	background-color:var(--accent-color);
	color:#000;
}
.partner-search-container {
	background-color:rgba(55,58,63,0.5);
	border:1px solid var(--accent-color);
}
.partner.pchecked .partner-search {
	background-color:rgb(140,214,210,0.4);
	color:#fff;
}
.partner.pchecked i {color:#fff;}
.partner-label {
	font-family:"Roboto Condensed", sans-serif;
	font-weight:700;
	font-size:1.25em;
	text-transform:uppercase;
}
.partner-search-button {
	font-size:0.9em;
	text-transform:none;
	border-width:1px !important;
}
.partner-search-results {background-color:var(--menu-gray);}
#partner-add-button {
	border:none;
	display:inline-flex;
	flex-direction:column;
	align-items:center;
	font-size:1.25em;
	text-transform:uppercase;
}
#partner-add-button .fas {
	margin-top:5px;
	margin-bottom:-25px;
}

#single-dance-header, #multi-dance-header, #ajaxloader {
	font-family:"Roboto Condensed", sans-serif;
	font-weight:700;
	font-size:1.5em;
	color:var(--accent-color);
}
h3.grid-subheader, h5.grid-subheader {
	text-align:center;
	font-size:1.25em;
	margin-bottom:0;
}
.grid-header-hint {
	text-align:center;
}
.age-tab-container {
	margin-top:5px;
}
.age-tab {
	background-color:#000;
	border:1px solid var(--accent-color);
	color:var(--accent-color);
	transition:0.25s ease-in-out;
}
.age-tab:hover {
	background-color:var(--menu-gray);
	text-decoration:none;
}
.age-tab-selected, .age-tab-selected:hover {
	background-color:var(--accent-color);
	color:#000;
}
.grid-wrapper {
	margin-bottom:60px;
}
.grid-seal {
	background-color:rgba(0,0,0,0.6);
	border:1px solid #666;
}
.freestyle-grid td {
	background: rgb(68,68,68);
	background: -moz-linear-gradient(180deg, rgba(68,68,68,1) 0%, rgba(34,34,34,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(68,68,68,1) 0%, rgba(34,34,34,1) 100%);
	background: linear-gradient(180deg, rgba(68,68,68,1) 0%, rgba(34,34,34,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#444444",endColorstr="#222222",GradientType=1);	color:#999;
	border-width:2px;
}
.freestyle-grid td input[type=checkbox] {
	margin-right:5px;
	border:none;
	border-radius:0;
}
.multi-dance-list li input[type=checkbox] {
	margin-right:5px;
}


.onlinereg .invoice-line-item td {
	font-size:1em;
}
.onlinereg-invoice .invoice-entries-spacer-below td {
	height:10px;
}
.onlinereg-invoice td.entry-label .entry-ctype {
	border-color:var(--accent-color);
}
.onlinereg-invoice .invoice-entries-header td.entries-for, .onlinereg-invoice .invoice-entries-header td.invoice-subtotal {
	padding-bottom:5px;
	border-bottom:1px solid var(--accent-color);
}
.entries-for small {
	border:1px solid var(--accent-color);
	background-color:var(--menu-gray);
	display:inline-block;
	width:90px;
	padding:5px 10px;
	line-height:1em;
	text-align:right;
	border-bottom:none;
	margin-right:15px;
	position:relative;
	top:5px;
	min-height:40px;
}
.entries-for span {
	font-size:1.2em;
	color:var(--accent-color);
	position:absolute;
	bottom:5px;
}
.onlinereg-invoice .invoice-entries-header td.invoice-subtotal {
	padding-bottom:5px;
}
.onlinereg-invoice .invoice-entries-header td.invoice-subtotal div span:last-child {
	font-size:1.25rem;
	font-weight:bold;
	margin-left:10px;
}

.onlinereg .invoice-line-item .cat-icon {
	font-size:1.5rem;
	color:var(--accent-color);
}

.invoice-total h1 {
	color:var(--accent-color);
}
#onlinereg-invoice-inner > p {
	text-align:center;
}
.onlinereg .invoice-line-item.selected td {
	background-color:rgba(255,255,255,0.2);
}


#purchases-for {
	margin-top:-25px;
	color:var(--accent-color);;
}
#recipient-picker-container .custom-select {
	height:40px;
}
#recipient-picker-container .custom-select select {
	color:#fff;
	height:38px;
}
#recipient-picker-container .custom-select select:focus {
	box-shadow:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	outline:none;
}
#purchase-items .pi-category h4 {
	font-size:1.4rem;
	border-bottom:1px dotted var(--accent-color);
}
#purchase-items table.cat-items td.col-icon i, #purchase-summary-items td.col-icon i {
	color:var(--accent-color);
	font-size:1.5rem;
}
#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 var(--accent-color);
}
#purchase-items button div, #purchase-items button div i {
	color:var(--accent-color);
}
#purchase-summary-items td.col-qty .custom-select select {
	color:#fff;
}

#purchases-custom-message {
	border:1px solid #666;
	background-color:var(--menu-gray);
	padding:15px;
	display:flex;
	flex-direction:row;
	align-items:center;
	margin-bottom:60px;
	border-radius:75px;
	-webkit-border-radius:75px;
	-moz-border-radius:75px;
}
#purchases-custom-message:before {
	content: "i";
	font-family: "Courier", "Courier New", monospace;
	font-size: 48px;
	color: var(--accent-color);
	font-weight: 600;
	width: 75px;
	height: 75px;
	background-color: #000;
	border-color: rgba(255,255,255,0.2);
	margin-right: 15px;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	line-height: 0;
}
#purchases-custom-message > p {
	width:calc(100% - 120px);
}
#purchases-custom-message a {
	color:var(--accent-color);
}

#person-search-results ul li {
	color:#ccc;
	border-bottom-color:#666;
	transition:0.2s ease-in-out;
}
#person-search-results ul li:hover {
	color:#fff;
	text-shadow:0 0 5px rgba(255,255,255,0.5);
}
#person-search-results ul li.disabled:hover {
	color:#ccc;
	text-shadow:none;
}


.tooltipster-base {}
.tooltipster-box {
	background-color:#000;
	border:1px solid var(--accent-color);
	color:var(--accent-color);
}
.tooltipster-box:after {
	transform:scale(1,0.75);
	bottom:0;
	color:var(--accent-color);
}

#ajaxloader {
	width:150px; height:150px;
	background-color:rgba(255,255,255,0.25);
	backdrop-filter: blur(10px);
	background-position:50% 65%;
}

.popup-title, #partner-add-button {
	background: rgb(93,71,24);
	background: -moz-linear-gradient(315deg, rgba(93,71,24,1) 0%, rgba(194,164,106,1) 17%, rgba(253,227,163,1) 26%, rgba(213,180,94,1) 39%, rgba(154,118,38,1) 46%, rgba(253,227,165,1) 62%, rgba(195,159,73,1) 68%, rgba(68,50,12,1) 82%, rgba(171,151,103,1) 100%);
	background: -webkit-linear-gradient(315deg, rgba(93,71,24,1) 0%, rgba(194,164,106,1) 17%, rgba(253,227,163,1) 26%, rgba(213,180,94,1) 39%, rgba(154,118,38,1) 46%, rgba(253,227,165,1) 62%, rgba(195,159,73,1) 68%, rgba(68,50,12,1) 82%, rgba(171,151,103,1) 100%);
	background: linear-gradient(315deg, rgba(93,71,24,1) 0%, rgba(194,164,106,1) 17%, rgba(253,227,163,1) 26%, rgba(213,180,94,1) 39%, rgba(154,118,38,1) 46%, rgba(253,227,165,1) 62%, rgba(195,159,73,1) 68%, rgba(68,50,12,1) 82%, rgba(171,151,103,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5d4718",endColorstr="#ab9767",GradientType=1);
	color:#fff;
	text-shadow:1px 1px 2px #000;
	font-family:"Roboto Condensed", sans-serif;
	font-weight:700;
}
.popup-content, #popup-message .popup-content, #popup-message .popup-footer, #popup-recover .popup-content {
	background-color:var(--menu-gray);
	color:#fff;
}
.partner-popup-table .custom-select, .person-popup-table .custom-select {
	width: 360px;
}
#popup-recover .popup-content {
	padding-top:65px;
}
#recovery-email {
	margin-bottom:10px;
}
#recovery-email:focus {outline:none;}
.fancybox-close {
	top:15px; right:10px;
}
.fancybox-close:hover:after {
	color:#ccc;
}





/* ----------------- ONLINE REG V2 ----------------- */

#orv2-entry-form, #orv2-purchase-form, #new-competitor, #or-invoice-entries, #or-invoice-purchases, #or-invoice-payments, #or-invoice-summary {
	background-color:rgba(255,255,255,0.1);
}
.orv2-empty-content a {
	color:var(--link-color);
}

.team-pill {
	background-image: linear-gradient(#ffe7a0, #ab9140);	
}
.team-pill i {
	background-color:rgba(0,0,0,0.2);
}
.team-pill-role {
	color:var(--bgcolor);
}

.orv2-ec-event-container table td.orv2-event {
		background-image: linear-gradient(#555, #222);
		border-color:#000;
}
#activity-panel {
	background-color: #000;
	border-top: 2px solid #666;
	backdrop-filter: blur(10px);
	background-image: linear-gradient(#444, #222);
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	bottom:0; left:0;
	width:100vw;
}
#activity-panel label {
	color:var(--textcolor);
}
#activity-panel.ap-entry-form label {
	border-right: 1px dotted #666;
}
#activity-panel strong  {
	color:var(--accent-color);
}

#activity-panel button, #activity-panel span, #activity-panel button i {
	color:var(--accent-color);
}
#activity-panel button {
	border:2px solid var(--accent-color);
}

.orv2-modal .modal-title {
	font-size:17pt;
}
.orv2-modal .modal-footer {
	background-color: var(--bgcolor);
}
#save-purchase-button {
	width:10rem;
}