/*
NOTE: THIS IS THE CSS FILE TO BE INCLUDED IN THE 2023 PREMIER WEBSITE
*/

.flex-row {
	display:flex;
	flex-direction:row;
	align-items:flex-start;
	justify-content:space-between;
	flex-wrap:wrap;
}

#navcontainer ul li a.selected {background-color:#002658;}

#logo-container {
	position:relative;
	width:360px;
	height:360px;
	margin:45px 0 0 30px;
	color:#fff;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}
@media(max-width:767px) {
	#logo-container {
		width:100vw;
		margin:45px 0 0 0;
	}
	#main-dancers {display:none !important;}
}

#main-logo {
	position:absolute;
	left:0; top:0;
    width:100%; height: 100%;
    background:none;
    margin:0;
    transform:scale(110%);
    z-index:1;
}
#logo-container > div {
	z-index:2;
	text-align:center;
    font-family: "PT Sans Narrow", "Arial Narrow", Arial, Helvetica, sans-serif;
    font-size:16pt;
    font-weight:550;
    letter-spacing:2px;
}
#explosion {
	display:inline-block;
	z-index:3;
	position:absolute;
	left:50%; top:50%;
}
particle {
	border-radius: 50%;
	left: 0; top: 0;
	pointer-events: none;
	position: absolute;
	opacity:0;
}
#logo-text-buffer {
	height:55px;
}
#logo-text1 {
	line-height:20px;
	margin-bottom:15px;
}
#logo-text2 {
	font-size:25pt !important;
	line-height:24px;
}
#logo-text3 {
	font-size:13pt !important;
}

.headline {
	text-align:center;
	margin-bottom:30px;
}
#headline {
	text-align:center;
	font-size:18pt;
	margin:30px 0;
}
#loading {
	position:relative;
	display:none;
	text-align:center;
	width:100%; height:50px; line-height:50px;
	background-color:#666;
	color:#fff;
	font-size:14pt;
}
#heatlists, #results {margin-bottom:60px;}

.event-list .btn {white-space:normal;}


.swirl-in-bck {-webkit-animation:swirl-in-bck 1s ease-out both;animation:swirl-in-bck 1s ease-out both}
@-webkit-keyframes swirl-in-bck {0%{-webkit-transform:rotate(540deg) scale(5);transform:rotate(540deg) scale(5);opacity:0}100%{-webkit-transform:rotate(0) scale(1);transform:rotate(0) scale(1);opacity:1}}@keyframes swirl-in-bck{0%{-webkit-transform:rotate(540deg) scale(5);transform:rotate(540deg) scale(5);opacity:0}100%{-webkit-transform:rotate(0) scale(1);transform:rotate(0) scale(1);opacity:1}}

.focus-in-expand-fwd1 {-webkit-animation:focus-in-expand-fwd .8s cubic-bezier(.25,.46,.45,.94) 1s both;animation:focus-in-expand-fwd .8s cubic-bezier(.25,.46,.45,.94) 1s both}
.focus-in-expand-fwd2 {-webkit-animation:focus-in-expand-fwd .8s cubic-bezier(.25,.46,.45,.94) 1s both;animation:focus-in-expand-fwd .8s cubic-bezier(.25,.46,.45,.94) 1.25s both}
.focus-in-expand-fwd3 {-webkit-animation:focus-in-expand-fwd .8s cubic-bezier(.25,.46,.45,.94) 1s both;animation:focus-in-expand-fwd .8s cubic-bezier(.25,.46,.45,.94) 1.5s both}
@-webkit-keyframes focus-in-expand-fwd {0%{letter-spacing:-.5em;-webkit-transform:translateZ(-800px);transform:translateZ(-800px);-webkit-filter:blur(12px);filter:blur(12px);opacity:0}100%{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-filter:blur(0);filter:blur(0);opacity:1}}@keyframes focus-in-expand-fwd{0%{letter-spacing:-.5em;-webkit-transform:translateZ(-800px);transform:translateZ(-800px);-webkit-filter:blur(12px);filter:blur(12px);opacity:0}100%{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-filter:blur(0);filter:blur(0);opacity:1}}

.slide-in-right {-webkit-animation:slide-in-right .5s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-right .5s cubic-bezier(.25,.46,.45,.94) both}
@-webkit-keyframes slide-in-right {0%{-webkit-transform:translateX(1000px);transform:translateX(1000px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes slide-in-right{0%{-webkit-transform:translateX(1000px);transform:translateX(1000px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}


#main {
	position:relative;
	padding:15px 15px 60px 15px;
	min-height:calc(100vh - 570px);
}

@keyframes rotation {
	0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);}
}
#loader-wrapper {
	position:absolute;
	left:0; top:150px;
	width: 100%;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	z-index:99;
	font-size:1.2em;
}
.loader {
	width: 40px;
	height: 40px;
	border: 5px solid #002658;
	border-bottom-color: transparent;
	border-radius: 50%;
	margin-bottom:15px;
	display: inline-block;
	box-sizing: border-box;
	-webkit-animation: rotation 1s linear infinite;
	animation: rotation 1s linear infinite;
}

.modal-header {
	min-height:50px;
	padding:10px 15px;
}
.modal-title {pointer-events:none;}
@media(max-width:767px) {
	.modal-header {
		padding:10px 15px 15px 15px;
	}
	.modal-title {
		position:relative;
		bottom:auto; right:auto;
		width:auto;
	}
	.modal-title span, .modal-title i {display:none;}
}

.page, #breadcrumbs {
	max-width:1100px;
	margin:0 auto;
}
.page {max-width:1040px;}
#search-bar {
	max-width:1110px;
	margin:0 auto;
}


#breadcrumbs {
	width:100%; height:30px; line-height:30px;
	margin:10px auto 5px auto;
	padding:0 25px;
	overflow-x:scroll;
	-ms-overflow-style: none;
	scrollbar-width: none;
}
#breadcrumbs ul {
	list-style-type:none;
	margin:0; padding:0;
	display:flex;
	flex-direction:row;
	-ms-overflow-style: none;
	scrollbar-width: none;
}
#breadcrumbs::-webkit-scrollbar, #breadcrumbs ul::-webkit-scrollbar {display: none;}
#breadcrumbs ul li {
	font-size:1.1em;
	font-weight:600;
	color:#999;
	white-space:nowrap;
}
#breadcrumbs ul li:after {
	content:"\00BB";
	color:#999;
}
#breadcrumbs ul li:last-child:after {
	content:"";
}
#breadcrumbs ul li a, #breadcrumbs ul li span {
	padding:10px;
}
#breadcrumbs ul li a:hover, #breadcrumbs ul li a:focus {
	color:#337ab7;
}
@media(max-width:767px) {
	#breadcrumbs {
		margin:5px 0 0 0;
		padding:0;
	}
}

.page > h2 {
	position:relative;
	margin:15px auto 45px auto;
	z-index:2;
	font-size:21pt;
}

#search-season {
	position:absolute;
	right:100px; top:20px;
	padding:0 5px;
	height:34px; line-height:34px;
	font-size:12pt;
	border:none;
	color:#337ab7;
	font-weight:600;
	text-align:right;
}


#categories {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:flex-start;
	margin:0 auto; padding:0;
	list-style-type:none;
	width:100%;
	max-width:1200px;
}
#categories li {
	width:23%;
	margin:0 0 15px 0;
	background-color:#fff;
}
#categories li.has-data {
	cursor:pointer;
}
#categories li.empty h5 {color:#ccc;}
#categories li .btn {
	width:100%;
}
#categories li .img-container {
	position:relative;
	width:100%; height:0;
	padding-top:100%;
	overflow:hidden;
}
#categories li img {
	position:absolute;
	left:0; top:0;
	width:100%; height:100%;
	object-fit:cover;
	background-color:#000;
	transition:0.2s ease-in-out;
}
#categories li:hover img {
	transform:scale(105%);
}
#categories li .label-container {
	padding:15px;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	align-items:center;
	text-align:center;
	min-height:200px;
}
@media(max-width:1055px) {
	#categories {}
	#categories li .label-container {min-height:240px;}
}
@media(max-width:900px) {#categories li .label-container {min-height:260px;}}
@media(max-width:767px) {
	#categories {
		margin:0;
		width:100%;
	}
	#categories li {
		width:calc(50% - 10px);
		margin-bottom:30px;
	}
	#categories li .label-container {
		min-height:150px;
	}
	#categories li button {margin-top:15px;}
}
@media(max-width:500px) {
	#categories li {width:100%;}
}


#cat-leader {
	display:flex;
	flex-direction:row;
	align-items:flex-start;
	justify-content:flex-start;
	max-width:700px;
	margin:30px auto;
	font-size:1.25em;
	position:relative;
}
#cat-leader-img-container {
	width:300px; height:300px;
	margin-right:30px;
	position:relative;
	border:7px solid #fff;
	box-shadow:0 0 15px rgba(0,0,0,0.2);
	cursor:pointer;
}
#cat-leader-img {
	position:absolute;
	left:0; top:0;
	width:100%; height:100%;
	object-fit:cover;
}
#cat-leader-info {
	position:relative;
	cursor:pointer;
}
#cat-leader h4 {margin:0;}
#bg-star {
	position:absolute;
	right:30px; top:0;
	filter:invert(100%);
	-webkit-filter:invert(100%);
	opacity:0.5;
	width:330px;
	z-index:0;
}

#cat-competitors {
	margin:60px 0 0 0;
	width:100%;
}
#cat-competitors th, #cat-competitors td {
	padding:5px 10px;
	text-align:left;
	vertical-align:top;
	cursor:pointer;
}
#cat-competitors th {
	background-color:#002658;
	color:#fff;
}
#cat-competitors td {
	border-bottom:1px solid #ccc;
}
#cat-competitors tr:nth-child(odd) td {
	background-color:rgba(255,255,255,0.25);
}
#cat-competitors tr th:last-child, #cat-competitors tr td:last-child {
	text-align:right;
}
@media(max-width:767px) {
	#cat-leader {display:none;}
	#cat-competitors {margin-top:30px; margin-bottom:45px;}
	.cat-competitor-comps {display:none;}
}


#competitor-comps {
	margin-top:30px;
}
#competitor-comps ul {
	list-style-type:none;
	margin:0; padding:0;
}
#competitor-comps > ul > li {
	margin-bottom:45px;
}
#competitor-comps > ul > li > div {
	display:flex;
	flex-direction:row;
	justify-content:flex-start;
	align-items:center;
	padding-bottom:5px;
	margin-bottom:10px;
	border-bottom:1px solid #999;
	position:relative;
}
#competitor-comps .competitor-comp-logo, #competitor-comps .competitor-comp-info {
	cursor:pointer;
}
#competitor-comps .competitor-comp-name {
	font-weight:600;
	font-size:1.2em;
	line-height:1.1em;
}
#competitor-comps ul ul {
	margin-left:77px;
}
#competitor-comps ul ul li {
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:center;
}
#competitor-comps ul ul li div {width:150px; text-align:right;}
#competitor-comps ul ul li div:first-child {width:calc(100% - 300px); text-align:left;}
#competitor-comps ul ul li div:last-child {font-weight:600;}
.competitor-comp-logo {
	width:60px; height:60px;
	object-fit:cover;
	margin-right:15px;
}
.competitor-breakdown-button {
	position:absolute;
	right:0; bottom:5px;
	display:flex;
	align-items:center;
	height:30px;
	text-transform:uppercase;
}
.competitor-breakdown-button i {
	font-size:18px;
	margin-right:10px;
}
@media(max-width:767px) {
	#competitor-comps > ul > li > div {
		border:none;
		flex-wrap:wrap;
	}
	#competitor-comps > ul > li > div img {
		width:90px; height:90px;
	}
	#competitor-comps .competitor-comp-info {
		width:calc(100vw - 140px);
	}
	#competitor-comps .competitor-comp-info div {
		margin-bottom:10px;
	}
	.competitor-breakdown-button {
		width:100%;
		margin-top:10px;
		position:relative;
		top:0;
		display:flex;
		justify-content:center;
		align-items:center;
		font-size:1em;
		font-weight:600;
		height:40px;
	}
	.competitor-breakdown-button i {}
	#competitor-comps ul ul {
		margin-left:0;
	}
	#competitor-comps ul ul li div:first-child {width:100%;}
}

#breakdown-modal .modal-title {
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;
	font-size:15pt;
}
#breakdown-modal .modal-title .fas {
	font-size:0.5em;
	margin:0 15px;
}
#breakdown-modal .modal-body h5 {
	color:#cc0000;
	margin:5px 5px 10px 5px;
}
.breakdown-table {
	width:100%;
	margin-bottom:30px;
}
.breakdown-table:last-child {
	margin-bottom:0;
}
.breakdown-table td, .breakdown-table th {
	padding:5px;
	text-align:left;
	vertical-align:top;
	font-size:0.9em;
}
.breakdown-table th {
	text-transform:uppercase;
	border-bottom:1px solid #aaa;
}
.breakdown-table tr td:first-child, .breakdown-table tr td:nth-child(2) {
	width:50%;
}
.breakdown-table tr td:nth-child(5) {white-space:nowrap;}
.breakdown-table tr td:last-child, .breakdown-table tr th:last-child {
	text-align:right;
	font-weight:600;
}
.breakdown-table td.breakdown-table-total-label {
	font-weight:600;
}
.breakdown-table td.breakdown-table-total-points {
	font-size:1.2em;
	color:#337ab7;
}
@media(max-width:767px) {
	#breakdown-modal .modal-body > h5 {text-align:center;}
	.breakdown-col-competitors {display:none !important;}
}

#people-search-results ul {
	list-style-type:none;
	border-top:1px solid #ccc;
	margin:0; padding:0;
}
#people-search-results ul li {
	padding:5px;
	border-bottom:1px solid #ccc;
	font-size:1.1em;
	cursor:pointer;
	display:flex;
	flex-direction:row;
	justify-content:flex-start;
	align-items:center;
}
#people-search-results ul li:nth-child(odd) {
	background-color:rgba(255,255,255,0.25);
}
#people-search-results ul li .fas {
	font-size:1.2em;
	color:#337ab7;
	margin-right:10px;
	width:30px;
}


#comp-modal #comp-map {
	width:100%; height:300px;
	border:none;
}
#comp-modal-headline {
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	justify-content:flex-start;
	align-items:flex-end;
	/*
	margin-top:-110px;
	margin-left:-5px;
	*/
}
#comp-modal-headline img {
	width:150px; height:150px;
	border:7px solid #fff;
	margin-right:15px;
}
#comp-modal-headline h4 {
	height:60px;
	display:flex;
	justify-content:center;
	align-items:center;
	margin:0;
}
#comp-modal-tabs {
	margin:0 0 15px 161px;
}
#comp-modal-tabs button {
	border:none;
	margin-right:15px;
	display:inline-flex;
	flex-direction:row;
	align-items:center;
	justify-content:center;
	font-weight:600;
}
#comp-modal-tabs button.btn-light {color:#337ab7;}
#comp-modal-tabs button i {
	margin-right:10px;
	font-size:1.33em;
}
#comp-modal-overview {
	margin-bottom:15px;
}
#comp-modal-overview table tr td, #comp-modal-overview tr th {
	padding:5px;
	vertical-align:top;
}
#comp-modal-overview table tr th {
	text-align:right;
	padding-right:15px;
	width:155px;
}
#comp-modal-overview table #cmo-premier td, #comp-modal-overview table #cmo-premier th {padding-top:15px;}
#cmo-premier button {
	display:inline-flex;
	flex-direction:row;
	align-items:center;
	justify-content:center;
	margin-right:5px;
	font-weight:600;
}
#cmo-premier button i {
	font-size:1.2em;
	margin-right:10px;
}

@media(max-width:767px) {
	#comp-modal #comp-map {
		height:200px;
	}
	#comp-modal-headline {
		margin-top:-5px;
		margin-left:0;
		align-items:flex-start;
	}
	#comp-modal-headline img {
		border:none;
		width:120px; height:120px;
	}
	#comp-modal-headline h4 {height:auto;}
	#comp-modal-tabs {
		margin:15px 0;
		display:flex;
		flex-direction:row;
		justify-content:space-between;
		align-items:center;
	}
	#comp-modal-tabs button {
		width:calc(50% - 5px);
		height:40px;
		margin:0;
	}
	#comp-modal-tabs button i {
		font-size: 1.75em;
	}
	#comp-modal-overview table tr th {
		width: 130px;
	}
	#cmo-website td {word-break:break-all;}
	#cmo-premier button {
		display:flex;
		margin:0 0 10px 0;
		width:100%;
	}
}


#comp-modal-points {
	min-height:161px;
}
#comp-modal-points label {
	width:156px;
	padding-right:15px;
	text-align:right;
}
#comp-modal-points select {
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:1px solid #aaa;
}
#comp-modal-points select:focus {
	outline:none;
	font-weight:600;
}
#comp-modal-points-table {
	margin-top:15px;
	padding:0 10px 30px 160px;
	height:calc(100vh - 585px);
	overflow-y:scroll;
}
#comp-modal-points-table table {
	width:100%;
}
#comp-modal-points-table table tr td {
	padding:5px;
	text-align:right;
	white-space:nowrap;
}
#comp-modal-points-table table tr td:first-child {
	text-align:left;
	padding-left:10px;
	width:100%;
	white-space:normal;
}
#comp-modal-points-table table tr td:last-child {padding-right:0;}
#comp-modal-points-table table tr:nth-child(odd) td {
	background-color:rgba(51,122,183,0.07);
}

#comp-modal-points-table button {
	display:flex;
	align-items:center;
	height:28px;
	text-transform:uppercase;
}
#comp-modal-points-table button span {display:none;}
#comp-modal-points-table button i {
	font-size:16px;
	margin:10px;
}
@media(max-width:767px) {
	#comp-modal-points {
		height: calc(100vh - 600px);
	}
	#comp-modal-points-table {
		height:calc(100vh - 635px);
		padding: 0 0 30px 0;
	}
	#comp-modal-points label {
		display:none;
	}
	#comp-modal-points select {
		width:100%;
		border:1px solid #aaa;
		padding:5px;
	}
}


#pg0 {
	text-align:center;
}
#pg0 h2 {color:#cc0000;}
#error-message p {
	margin:15px 0;
}