/*-------------------- BASIC HTML TAGS --------------------*/

body, html {
	font-family:"Raleway", Verdana, Geneva, sans-serif;
	font-size: 12pt;
	background-color:#e5e5e5;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	font-weight:bold;
	color:#337ab7;
}
h1, .h1 {font-size:32pt;}
h2, .h2 {font-size:24pt;}
h3, .h3 {font-size:18pt;}
h4, .h4 {font-size:16pt;}
h5, .h5 {font-size:14pt;}
h6, .h6 {font-size:12pt;}


/*-------------------- NAVBAR ELEMENTS --------------------*/

.container-fluid {padding-left:30px; padding-right:30px;}
#navcontainer .container-fluid {padding-left:0; padding-right:0;}
#navcontainer, .quick-link, #footer-lower, #vcInfo {
	background: #cc0000;
	border-bottom:none;
	box-shadow:none;
	background: -moz-linear-gradient(top, #cc0000 0%, #780000 100%);
	background: -webkit-linear-gradient(top, #cc0000 0%,#780000 100%);
	background: linear-gradient(to bottom, #cc0000 0%,#780000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#780000',GradientType=0 );
}
.navbar-nav {
    float:none;
    margin:0 auto;
    display: block;
    text-align: center;
}
#myNavbar .navbar-nav > li {
    display: inline-block;
    float:none;
}
#myNavbar ul.nav li a {
	color:#fff !important;
	font-family: "PT Sans Narrow", "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 15pt;
	text-transform:uppercase;
	text-shadow:-1px -1px rgba(0,0,0,0.5);
}
#myNavbar ul.nav li a:hover {text-shadow:0 0 10px #fff;}
#myNavbar .navbar-inverse .navbar-nav>.open>a,
	.navbar-inverse .navbar-nav>.open>a:focus,
	.navbar-inverse .navbar-nav>.open>a:hover
		{background-color:#1e1e4d;}
#myNavbar .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover {background:none;}
#myNavbar ul.dropdown-menu {background-color:#1e1e4d;border:none;padding:15px 0;}
#myNavbar ul.dropdown-menu > li > a {color:#fff !important!; text-transform:none !important; font-family:Arial, Helvetica, sans-serif !important; font-size:12pt !important;}
#myNavbar ul.dropdown-menu > li:hover, #myNavbar ul.dropdown-menu > li a:hover {
	background-color:transparent !important;
}
#myNavbar .navbar-inverse .navbar-toggle {
	background-color:rgba(0,0,0,0.1);
	border-top:1px solid rgba(0,0,0,0.3);
	border-left:1px solid rgba(0,0,0,0.3);
	border-bottom:1px solid rgba(255,255,255,0.3);
	border-right:1px solid rgba(255,255,255,0.3);
}
#myNavbar .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
	background-color:rgba(0,0,0,0.25);
}


/*-------------------- TOP, LOGO AND JUMBOTRON --------------------*/

#top {
	position:relative;
	height:400px;
	background-image:none;
	overflow:hidden;
}
.top-red-dress {background:#a6a6a6;}
.random-image {background:#0d1110;}
#red-dress {
	position:absolute;
	top:30px; right:-60px;
	width:75%;
	min-width:700px; max-width:1000px;
}
#random-image {
	position:absolute;
	top:0; right:0;
	width:70%;
	min-width:570px;
	z-index:1;
}
#banner-overlay {
	position:absolute;
	left:190px; top:0;
	height:100%; width:30%;
	z-index:2;
	background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 );
}
#main-logo {
	position:absolute;
	height:300px;
	background-color:rgba(255,255,255,0.75);
	padding:15px;
	margin:75px 0 0 30px;
	z-index:3;
}
#logo1 {
	position:absolute;
	left:30px; top:45px;
	width:50%; line-height:340px;
	text-align:center;
	font-family: "Vollkorn", serif;
	font-size:120pt;
	color:#c20000;
	text-shadow:2px 2px 4px rgba(0,0,0,0.2);
}
#logo1 div {
	position:absolute;
	width:100%;
	top:230px;
	font-size:16.8pt;
	color:#1e1e4d;
	text-transform:uppercase;
	line-height:25px;
}

/*------ (NEW JUMBOTRON) ------*/

#banner-bg {
	width:100%; height:auto; 
	position:absolute;
	right:0;
	z-index:0;
}

#md-container {
	position:absolute;
	right:45px;
	top:50px;
	width:calc(100% - 500px);
	display:block;
	text-align:center;
}
#main-dancers {
	height:600px;
}
#main-title {
	display:flex;
	width:100%; height:300px;
	top:25px;
	position:absolute;
	white-space:nowrap;
	vertical-align:bottom;
}
#main-title-inner {
	font-size:48pt;
	color:#fff;
	text-shadow:-3px 3px 6px rgba(0,0,0,0.4);
	font-family:serif;
	display:inline-block;
	bottom:0; right:0;
	position:absolute;
}

#headline {
	margin-top:30px;
	display:none;
}

@media only screen and (max-width: 1195px) {
	#banner-bg {height:100%; width:auto;}
}
@media only screen and (max-width: 767px) {
	#main-title {display:none;}
	#headline {display:block;}
	#md-container {
		width:100%;
		text-align:center;
		left:0;
	}
	#main-dancers {
		filter: blur(12px);
		-webkit-filter: blur(12px);
		width:100%;
	}
}


/*-------------------- GLOBAL PAGE OBJECTS --------------------*/

#main {
	min-height:300px;
	padding:30px 15px;
}
.headline, #headline {
	font-size:18pt;
	font-weight:600;
	color:#c20000;
}
#headline {
	margin-bottom:30px;
}
#headline {text-align:center;}
.btn-lg img {height:30px; margin-right:15px;}

.hideme {display:none;}

.noselect {
  -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.success {color:green;}
.error {color:red;}
input.error, textarea.error {border:1px solid red !important; color:#000;}


/*-------------------- HOMEPAGE OBJECTS --------------------*/

#branding-bar {
	font-family: "PT Sans Narrow", "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size:36pt; line-height:36pt; padding:15px 0;
	text-transform:uppercase;
	color:#fff;
	text-align:center;
	background-color:#1e1e4d;
	position:relative;
}

#welcome .col {
	padding:30px 75px;
	vertical-align:middle;
	text-align:center;
}
#welcome .col p {
	font-family: 'PT Sans Narrow', 'Arial Narrow', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size:13pt;
}
#secondary-logo {
	width:100%;
	margin-bottom:15px;
}

#quick-links .row {margin:30px;}
#quick-links .col {text-align:center;}
#quick-links .col div {color:#fff;}
.quick-link {display:block;padding:30px 15px;margin-bottom:30px;}
.quick-link:hover {text-decoration:none;background:#cc0000;}
.quick-link div {white-space:nowrap;}
.quick-link .fas {font-size:36pt;}
.quick-link div:nth-child(2) {font-size:18pt;text-transform:uppercase;margin:10px 0 -5px 0;}
.quick-link div:nth-child(3) {font-size:12pt;text-transform:uppercase;}

#past-champion-gallery {
	position:relative;
	min-height:360px;
	background-color:#000;
	background-image:url("/images/trophies.jpg");
	background-size:100% auto;
	background-repeat:no-repeat;
	text-align:center;
	cursor:pointer;
	-webkit-filter: grayscale(100%); filter: grayscale(100%);
	vertical-align:top;
	margin-bottom:47px;
}
#past-champion-gallery:hover {
	-webkit-filter: grayscale(0); filter: grayscale(0);
}
#pcg-play {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width:30%;
	cursor:pointer;
	pointer-events:none;
}
#past-champion-gallery p {
	color:#fff;
	font-size:20pt;
	padding:30px 0;
}
#pcg-container {padding-top:0;}
#pcg-container .button-container {
	margin:30px auto 15px auto;
	text-align:center;
}
#pcg-container h3 {
	margin:0 0 30px 0;
}

#upcoming-events-list h3 {
	margin:0 auto 20px auto;
}
#upcoming-events-list ul {
	list-style-type:none;
	margin:0; padding:0;
}
#upcoming-events-list ul li {
	clear:both;
	padding:7px 0;
	cursor:pointer;
}
#upcoming-events-list .compname {
	padding-top:5px;
	font-size:14pt;
}
#upcoming-events-list ul li:hover {
	text-decoration:underline;
}
#upcoming-events-list .compspecs {
	margin-top:-3px;
	font-size:12pt;
}
#upcoming-events-list ul li img {
	width:60px;
	float:left;
	margin:0 15px 0 0;
	border-radius:10px;
}
#upcoming-events-list p {
	margin:20px auto 30px auto;
	text-align:center;
}

#getting-started {
	margin-top:30px;
	background-color:#1e1e4d;
	background-image:url("/images/blue-fabric.jpg");
	background-size:100% auto;
	padding:90px 0;
}
#getting-started div {
	font-family:"Vollkorn", serif;
	text-transform:uppercase;
	font-size:36pt;
	color:#fff;
}

/* NEWS PANELS */

.info-panels {
	width:100%;
	display:flex;
	flex-direction:row;
	flex-flow:row;
	flex-wrap:nowrap;
	justify-content:space-between;
}
.info-panel {
	display:flex;
	justify-content:flex-start;
	flex-direction:column;
	flex-flow:column;
	flex-basis:31%;
	background-color:#fff;
	position:relative;
	box-shadow:0 0 10px rgba(0,0,0,0.25);
	-webkit-box-shadow:0 0 10px rgba(0,0,0,0.25);
	-moz-box-shadow:0 0 10px rgba(0,0,0,0.25);
}
.panel-moreinfo {cursor:pointer;}
.info-panel-frame {
	position:relative;
	width:100%; height:auto;
	margin:0; padding:75% 0 0 0;
	overflow:hidden;
}
.info-panel-frame img {
	position:absolute;
	left:0; top:0;
	width:100%; height:100%;
	object-fit:cover;
}
.info-panel-content {
	width:calc(100% - 20px);
	padding:10px 10px 70px 10px;
}
.info-panel-button-container {
	width:100%;
	text-align:center;
	position:absolute;
	bottom:0;
}
.info-panel-button-container button {
	margin:15px auto;
	width:calc(100% - 30px);
}

.news-modal-content {
	max-width:600px;
	margin:15px 30px 30px 30px;
}
.news-modal-headline {
	text-align:center;
	margin:10px auto 20px auto; padding:0;
}

@media (max-width:500px) {
	.info-panels {
		flex-direction:column;
		flex-flow:column;
	}
	.info-panel {margin-bottom:30px;}
}


/*-------------------- SEARCH BAR -------------------------*/

#search-bar {
	position:relative;
	background-color:#aaa;
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border:1px solid #aaa;
}
#search-text {
	font-size:14pt;
	width:calc(100% - 60px);
	margin:15px 30px;
	border:1px solid #aaa;
	font-size:12pt;
	padding:10px 10px 10px 55px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
#search-bar .magnifying-glass {
	position:absolute;
	left:45px; top:28px;
	font-size:14pt;
	color:#ccc;
	padding-right:0; margin-right:10px;
}
#search-bar .magnifying-glass.fa-search {
	padding-right:5px;
	border-right:1px dotted #666;
}
#search-submit {
	position:absolute;
	right:35px; top:20px;
	font-size:12pt;
	padding:4px 10px;
	border-top-left-radius:0;
	border-bottom-left-radius:0;
}
#search-cancel {
	color:#c20000;
	font-size:15pt;
	position:absolute;
	right:100px; top:28px;
	cursor:pointer;
}
#more-search-options {
	position:relative;
	top:-10px; left:85px;
	font-size:10pt;
	color:#fff;
}
#reg-search-pills {
	margin-bottom:30px;
	text-align:center;
}
#reg-search-pills .search-pill {
	width:150px;
	margin:0 10px 10px 0;
}
#reg-search-pills .search-pill.checked {
	background-color:#337ab7;
	color:#fff;
}
#reg-search-pills .search-pill.judgesub {display:none;}


#search-results {
	margin:0 30px 20px 30px;
	padding:15px 20px 20px 30px;
	background-color:#fff;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
#search-results table {width:100%;}
#search-results table tr td {
	cursor:pointer;
	font-size:13pt;
	color:#337ab7;
	padding:5px;
	vertical-align:top;
}
#search-results table tr:hover td {color:#68b3f5;}
#search-results table tr td:nth-child(2) {white-space:nowrap;}
#search-results table tr.status-active td {color:green;}
#search-results table tr.status-expired td, #search-results table tr.status-suspended td, #search-results table tr.status-account-pending-review td {
	color:#999; opacity:0.5;
}
#search-results table tr.status-deceased td {color:#999; opacity:0.5;}
#search-results table tr td.srCard img {
	width:30px;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border:1px solid #ccc;
}

#search-results ul li:hover {text-decoration:underline;}
#search-results ul li span {display:inline-block; white-space:nowrap; overflow-x:hidden; text-overflow:ellipsis;}
#search-results ul li .person-ndca {width:90px; text-align:right;}
#search-results ul li .person-name {width:180px; margin:0 30px;}
#search-results ul li .person-citystate {width:180px;}


/*-------------------- FOOTER ELEMENTS --------------------*/

footer {background-color:#fff;}
#footer-upper {color:#1e1e4d; padding:30px 0;}
#footer-upper h2 {margin:0; text-transform:uppercase;font-family:"Vollkorn", serif;}
#footer-upper ul {
	list-style-type:none;
	margin:0; padding:0;
}
#footer-upper ul li {
	display:inline-block;
}
#footer-upper ul li a {
	padding:10px;
	text-transform:uppercase;
	font-family: "PT Sans Narrow", "Arial Narrow", Arial, Helvetica, sans-serif;
	text-decoration:none;
}
#footer-upper ul li a:hover {
	text-decoration:none;
	color:#337ab7;
}
#footer-lower {padding:15px 0;}
#footer-lower, #footer-lower a {color:#fff;}
#footer-lower div {display:inline-block;margin:0 15px;}


/*-------------------- PAGE LEVEL OBJECTS --------------------*/

.champion-list {}
.champion-list h3 {
	text-align:center;
	margin:30px auto;
}
.champion-list .subtext {
	text-align:center;
	position:relative;
	top:-30px;
	font-style:italic;
	font-size:12pt;
}
.champion-list table {
	width:100%;
	margin-bottom:30px;
}
.champion-list td {
	padding:5px;
	vertical-align:top;
}
.champion-list table tr:nth-child(odd) td {
	background-color:rgba(255,255,255,0.5);
}
.champion-list table tr td:first-child {
	text-align:right;
	padding-right:15px;
}

.costume-sample {
	display:inline-block;
	position:relative;
	width:210px; height:auto;
	margin:15px;
	vertical-align: top;
}
.costume-sample img {
	width:100%;
	border:5px solid #fff;
	border-bottom:60px 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);
}
.costume-sample p {
	margin:15px 0;
	height:auto;
	font-size:13pt;
	text-align:left;
}
.approved p:before {
	content:"✓";
	color:green;
	position:absolute;
	top:258px; left:35px;
	font-size:28pt;
}
.approved p:after {
	content:"Approved";
	color:green;
	position:absolute;
	top:271px; left:75px;
}
.rejected p:before {
	content:"✗";
	color:red;
	position:absolute;
	top:256px; left:30px;
	font-size:28pt;
}
.rejected p:after {
	content:"Not Approved";
	color:red;
	position:absolute;
	top:271px; left:65px;
}

#news .news-block {position:relative;}
#news .news-anchor {
	display:block;
	position:relative;
	top:-75px;
}

#news table {
	width:100%;
	margin:30px 0;
	background-color:#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);
}

#news td {
	vertical-align:top;
	width:115px;
}
#news .news-header {
	margin:20px 30px 0 30px;
	min-height:100px;
	border-bottom:1px solid #ccc;
}
#news .photoContainer {
	float:left;
	width:100px;height:100px;
	overflow:hidden;
	margin:5px 15px 15px 0;
}
#news .photoContainer img {
	width:100%;
}
#news .subject {
	font-size:14pt;
	font-weight:bold;
	color:#ae290a;
}
#news .date, #news .time, #news .author {
	font-style:italic;
}
#news .date, #news .time {
	font-size:12pt;
	font-style:italic;
	display:inline;
	margin-right:10px;
}
#news .author {
	margin:5px 0 0 0;
}
#news .tdText {
	clear:both;
	margin:0 30px 30px 30px;
}

/* Committees */

#officials-2356, #officials-2357, #officials-2358, #officials-2361 {
	display:block;
	width:100%;
}
#officials-2356 .subheader, #officials-2357 .subheader, #officials-2358 .subheader, #officials-2361 .subheader, #officials-0000 .subheader {
	font-size:14pt;
	font-weight:bold;
	margin-bottom:15px;
	border-bottom:1px solid #999;
}
#officials-2356 ul, #officials-2357 ul, #officials-2358 ul, #officials-2361 ul {
	list-style-type:none;
	margin-left:-15px; margin-bottom:30px; padding:0;
}
#officials-2356 ul li, #officials-2357 ul li, #officials-2358 ul li, #officials-2361 ul li {
	display:inline-block;
	vertical-align:top;
	margin-left:15px;
}
#officials-2356 .photo_container, #officials-2357 .photo_container, #officials-2358 .photo_container, #officials-2361 .photo_container {
	display:block !important;
	width:180px !important; height:180px !important;
	overflow:hidden;
	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);
}
#officials-2356 .photo_container img, #officials-2357 .photo_container img, #officials-2358 .photo_container img, #officials-2361 .photo_container img {
	width:100%;
}
#officials-2356 .official_info, #officials-2357 .official_info, #officials-2358 .official_info, #officials-2361 .official_info {
	height:75px;
	padding:10px 0;
}
#officials-0000 {margin-bottom:60px;}

/* Elected Officers and Appointed Positions */
#officials-2341, #officials-2342 {
	
}
#officials-2341 .subheader, #officials-2342 .subheader, #officials-2361 .subheader {display:none;}
#officials-2341 ul, #officials-2342 ul {
	list-style-type:none;
	margin:0; padding:0;
}
#officials-2341 ul li, #officials-2342 ul li {
	width:100%; height:240px;
	background-color:#fff;
	box-shadow: 5px 5px 15px rgba(0,0,0,0.2);
	-webkit-box-shadow: 5px 5px 15px rgba(0,0,0,0.2);
	-moz-box-shadow: 5px 5px 15px rgba(0,0,0,0.2);
	-o-box-shadow: 5px 5px 15px rgba(0,0,0,0.2);
	margin-bottom:30px;
	clear:both;
}
#officials-2341 ul li div, #officials-2342 ul li div {
	overflow-x:hidden;
	white-space:nowrap;
}
#officials-2341 .photo_container, #officials-2342 .photo_container {
	float:left;
	width:175px;
	height:240px;
	overflow:hidden;
}
#officials-2341 .photo_container img, #officials-2342 .photo_container img {
	width:100%; height:100%;
	object-fit:cover;
}
#officials-2341 .official_info, #officials-2342 .official_info {
	padding:15px 30px 15px 15px;
	margin-left:185px;
}
#officials-2341 .official_info div, #officials-2342 .official_info div {display:block;}
#officials-2341 .official_info .official_title, #officials-2342 .official_info .official_title {
	border-bottom:1px solid #ccc;
	margin-bottom:10px;
	font-size:14pt; font-weight:bold;
}
#officials-2341 .official-phone-title:before, #officials-2342 .official-phone-title:before {content:"(";}
#officials-2341 .official-phone-title:after, #officials-2342 .official-phone-title:after {content:")";}
#officials-2341 .official-phone .official-phone-label, #officials-2342 .official-phone .official-phone-label {visibility:hidden;}
#officials-2341 .official-phone:first-child .official-phone-label, #officials-2342 .official-phone:first-child .official-phone-label {visibility:visible;}


.organization {
	margin:45px 0 75px 0;
}
.organization .org-logo {
	display:inline-block;
	vertical-align:top;
}
.organization img, .organization .org-noimg {
	width:150px; height:150px;
	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);
	margin:10px 45px 10px 0;
	background-color:#e5e5e5;
}
.organization .org-noimg {
	color:#bbb;
	font-family: "PT Sans Narrow", "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size:18pt;
	font-weight:bold;
	font-size:36pt;
	text-align:center;
	padding-top:40px;
}
.organization .member-since {padding-left:5px;}
.organization .org-wrapper {
	display:inline-block;
	vertical-align:top;
	width:calc(100% - 200px);
}
.organization .org-subheader {
	margin-top:-8px;
	padding-bottom:10px;
}
.organization .separator {
	height:0;
	border-bottom:2px solid #fff;
	margin-bottom:10px;
}
.organization .org-leader {
	margin:15px 0 5px 0;
	font-weight:bold;
}
.organization .org-phone i, .organization .org-email i, .organization .org-website i {
	color: #337ab7;
	margin-right:10px;
	position:relative;
	top:2px;
}
.organization .org-description {margin-top:30px;}

.org-end {
	height:0;
	clear:both;
}

/*-------------------- FULL CALENDAR --------------------*/

#script-warning {
	display: none;
	background: #eee;
	border-bottom: 1px solid #ddd;
	padding: 0 10px;
	line-height: 40px;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	color: red;
}

#loading {
	display: none;
	position: absolute;
	top: 10px;
	right: 10px;
}
#calendar {
	margin: 30px 0 45px 0;
}
#listViewOuter {
	margin:30px 0 0 0;
}
.fc-row {
	background-color:#fff;
}

.fc-event {
	color:#fff;
	font-family: "Raleway", Verdana, Geneva, sans-serif;
	background-color:#337ab7;
	font-size:.95em;
	padding:2px 4px;
	border:1px solid #337ab7;
}
.fc-event-container a {cursor:pointer;}
	
.fc-event.ndca-championship {
	background-color:#c8281b;
	border:1px solid #c8281b;
}
.fc-event.ndca-local {
	background-color:#1f8a57;
	border:1px solid #1f8a57;
}
.fc-event.ndca-inactive {
	background-color:#ccc;
	border:1px solid #aaa;
	color:#000;
	cursor:default;
	text-decoration:none;
}
.fc-event.ndca-inactive:hover {text-decoration:none;}
.fc-event.ndca-canceled, .fc-event.ndca-canceled:hover {text-decoration:line-through;}

.fc-header-toolbar h2, #listViewData ul li.header {
	font-family: "Raleway", Verdana, Geneva, sans-serif;
	font-weight:normal;
}
.fc-header-toolbar h2 {font-size:18pt;}


.fc-prev-button {
	border-top-right-radius:0 !important;
	border-bottom-right-radius:0 !important;
	margin-right:0 !important;
}
.fc-next-button {
	border-top-left-radius:0 !important;
	border-bottom-left-radius:0 !important;
	margin-left:0 !important;
}
.fc-today-button {
	border-radius:0 !important;
	margin:0 !important;
}

.fc-prev-button, .fc-next-button {
	min-width:75px;
}
.fc-prev-button .fc-icon {
	padding:0; margin:0;
	position:relative;
	left:-3px;
	font-weight:normal;
}
.fc-next-button .fc-icon {
	padding:0; margin:0;
	position:relative;
	right:-3px;
	font-weight:normal;
}

#calendar .fc-localEventsButton-button, #listViewOuter .fc-localEventsButton-button {
	background-color:rgba(31, 138, 87, 0.5);
	background-image:none;
	color:#fff;
	font-size:9pt;
	line-height:12px;
	text-transform:uppercase;
	font-weight:600;
	width:120px; height:31.5px;
	position:relative;
	top:1px;
	border:none;
	text-shadow:none;
	box-shadow:none !important;
	white-space:normal;
}
#calendar .fc-localEventsButton-button span, #listViewOuter .fc-localEventsButton-button span {
	position:relative;
	top:-2px;
}
#calendar .fc-localEventsButton-button i, #listViewOuter .fc-localEventsButton-button i {
	margin-right:7.5px;
	font-size:18px;
	font-weight:normal;
	position:relative;
	top:5px;
}
#calendar .fc-localEventsButton-button.checked, #listViewOuter .fc-localEventsButton-button.checked {
	background-color:#1f8a57;
	color:#fff;
}
#calendar .fc-localEventsButton-button.checked i, #listViewOuter .fc-localEventsButton-button.checked i {
	color:#fff;
}


@media (max-width:720px) {
	#calendar {
		margin-top:75px;
	}
	#calendar .fc-view-container {margin-top:-35px;}
	#calendar .fc-center {
		position: relative;
		top: -75px;
		width:100%;
	}
	#calendar .fc-center h2 {
		width:100%;
		text-align:center;
	}
}
@media (max-width:500px) {
	#calendar .fc-view-container {position:relative; top:0;}
	#calendar .fc-center {top: -140px;}
	#calendar .fc-left, #calendar .fc-right {
		display:flex;
		justify-content:space-between;
	}
	#calendar .fc-left {
		position:relative;
		top: -15px;
		width:100%;
	}
	#calendar .fc-left button {
		width:45px;
	}
	#calendar .fc-left .fc-today-button {
		width:calc(100% - 90px);
	}
	#calendar .fc-right {
		width:100%;
		padding:0;
	}
	#calendar .fc-right button {
		width:calc(50vw - 25px) !important;
		margin:0;
	}
}



#listViewData {

}
#listViewData ul {
	list-style-type:none;
	margin-bottom:30px;
	padding:0 0 15px 0;
	background-color:#fff;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
}
#listViewData ul li {
	padding:0 30px 0 15px;
	height:36px; line-height:36px;
	/* border-bottom:1px solid #ccc; */
	cursor:pointer;
	white-space:nowrap;
	overflow:hidden;
}
#listViewData ul li:hover {
	background-color:rgba(0,0,0,0.04);	
}
#listViewData ul li.header {
	border-bottom:none;
	background-color:#337ab7;
	font-size:14pt;
	color:#fff;
	text-align:center;
	border-top-left-radius:5px; border-top-right-radius:5px;
	-webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px;
	margin-bottom:10px;		
}
#listViewData ul li.header:hover {
	background-color:#337ab7;
	cursor:default;
}
#listViewData ul li:last-child {
	border-bottom:none;
}
#listViewData ul li img {
	float:left;
	width:30px;
	margin:3px 10px 0 0;
	border:1px solid rgba(0,0,0,0.25);
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
}
#listViewData ul li div {
	display:inline-block;
	height:36px; line-height:36px;
	white-space:nowrap;
	overflow-x:hidden;
	text-overflow:ellipsis;
}
.list-comp-title {width:50%; padding-right:15px;}
.list-comp-dates {width:20%; min-width:160px; padding-right:15px;}
.list-comp-location {width:20%; min-width:160px;float:right;}

#listViewData ul li div {color:#337ab7;}	
#listViewData ul li.ndca-championship div {color:#c8281b;}
#listViewData ul li.ndca-local div {color:#1f8a57;}
#listViewData ul li.ndca-inactive div {color:#ccc;}
#listViewData ul li.ndca-canceled div {text-decoration:line-through;}	

#lastYear[disabled], #lastYear:disabled, #nextYear[disabled], #nextYear:disabled {
	opacity:0.5;
	filter: alpha(opacity=50);
}

#calendar-view-options {
	position:absolute;
	left:210px; top:-10px;
	background-color:#fff;
	padding:15px;
	z-index:10;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	box-shadow:0 0 10px rgba(0,0,0,0.5);
	-webkit-box-shadow:0 0 10px rgba(0,0,0,0.5);
	-moz-box-shadow:0 0 10px rgba(0,0,0,0.5);
	-ms-box-shadow:0 0 10px rgba(0,0,0,0.5);	
}
.cvo-shift {margin-left:35px;}
#calendar-view-options::before {
	content:url("/images/triangle.svg");
	position:absolute;
	left:-15px; top:10px;
	z-index:9;
	pointer-events:none;
}
#calendar-view-options ul {
	list-style-type:none;
	margin:0; padding:0;
	color:#261d7e;
	cursor:pointer;
}
#calendar-view-options ul li:first-child {color:#337ab7;}
#calendar-view-options ul li:last-child {color:#c8281b;}
#calendar-view-options ul li div {
	display:inline-block;
	margin-left:-15px;
	padding-left:25px;
	width:180px;
	z-index:10;
	white-space:nowrap;
}	

.popover-title {min-height:45px;}
.popover-icon {
	width:30px;
	float:left;
	margin:0 10px 10px 0;
	border:1px solid rgba(0,0,0,0.25);
}
.popover .warning {
	margin-top:10px;
	color:#c8281b;
}

/*-------------------- MISC PAGES ---------------*/

ul.timeline {margin-left:15px;}
ul.timeline li {padding:5px 0 !important;}

/* PHOTO GALLERY */

.photoGallery a {
	position:relative;
}
.photoGallery a span.gallery-caption {
	position:absolute;
	bottom:0;
	background-color:rgba(0, 0, 0, 0.5);
	width:100%;
	color:#fff;
	padding:5px;
	line-height:1rem;
}

.fancybox-caption {font-size:1.25rem !important;}
.fancybox-caption:after {border-bottom:none !important;}


/*-------------------- MODALS --------------------*/

.modal-content {
	box-shadow:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
}
.modal-content, .modal-body {
	border-radius:6px !important;
	-webkit-border-radius:6px !important;
	-moz-border-radius:6px !important;
	border:none;
}
.modal-header {
	margin:0;
	padding:10px;
	background-color:#337ab7;
	background-image:url("/images/banner-bg-alt.jpg");
	background-size:100% auto;
	min-height:30px;
	border-top-left-radius:5px;
	-webkit-top-left-border-radius:5px;
	-moz-border-top-left-radius:5px;
	border-top-right-radius:5px;
	-webkit-top-right-border-radius:5px;
	-moz-border-top-right-radius:5px;
}
.modal-title {
	margin:0; padding:0;
	line-height:auto;
	color:#fff;
	text-align:center;
}
#modal-icon {
	width:calc(25% - 30px);
	float:left;
	margin-right:15px;
	border:1px solid rgba(0,0,0,0.25);
}
#modal-mobile-icon {
	display:none;
	float:left;
	width:calc(50% - 15px);
	margin-right:15px;
}

.modal-header button.close, #virtualCard button.close {
	height:48px; line-height:45px;
	padding:0 15px;
	position:absolute;
	right:0; top:0;
	text-align:center;
	font-size:24pt;
	font-weight:400;
	color:#fff;
	opacity:0.5;
}
.modal-header button.close:hover, #virtualCard button.close:hover {opacity:1;}
#virtualCard button.close {padding-bottom:1px;}

.modal-table {
	display:inline-block;
	width:75%;
}
.table>tbody>tr>td, .table>tbody>tr>th {border:none !important;}
.table>tbody>tr>td address {margin-bottom:0;}

.modal-footer {
	background-color:#337ab7;
	background-image:url("/images/banner-bg-alt.jpg");
	background-size:100% auto;
	background-position-y:-75px;
	text-align:center;
	cursor:pointer;
	padding:10px;
	min-height:30px;
	border-bottom-left-radius:5px;
	-webkit-bottom-left-border-radius:5px;
	-moz-border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	-webkit-bottom-right-border-radius:5px;
	-moz-border-bottom-right-radius:5px;
}

#registrantViewer .reg-active {color:green;}
#registrantViewer .reg-expired {color:red;}
#registrantViewer .reg-pending-review {color:#337ab7;}

#registrantViewer .left-column {
	width:calc(25% - 30px);
	float:left;
	margin-right:30px;
	text-align:center;
	font-size:9pt;
	font-weight:bold;
	text-transform:uppercase;
}
#registrantViewer .left-column a, #registrantViewer .left-column a:hover {
	display:block;
	text-decoration:none;
}
#registrantViewer .left-column img.mugshot {
	width:100%; height:auto;
	border:1px solid rgba(0,0,0,0.25);
	margin-bottom:30px;
	border-radius:100%;
	-webkit-border-radius:100%;	
	-moz-border-radius:100%;	
}
#registrantViewer .left-column img.card {
	display:block;
	margin:0 auto 5px auto;
	width:75px;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border:1px solid #ccc;
}

#contactPopup .modal-table {
	width:100%;
	margin-bottom:0;
}
#contactPopup .modal-table th {
	width:20% !important;
	text-align:right;
	padding-right:10px;
	vertical-align:top;
	padding:5px;
	white-space:nowrap;
}
#contactPopup .modal-table td {
	width: 80% !important;
	padding:5px;
}
#contactPopup .modal-table input, #contactPopup .modal-table textarea {
	width:100%;
	border:1px solid #ccc;
	background-color:#e5f2ff;
	padding-left:5px; padding-right:5px;
}
#contactPopup .modal-table textarea {
	height:150px;	
}
#contact-popup-hint {margin:10px 15px 20px 15px;}


#virtualCard {
	position:fixed;
	display:flex;
	align-items: center;
	justify-content: center;
	top:0; left:0;
	z-index:9999;
	width:100vw; height:100vh;
	background-color:rgba(0,0,0,0.75);

}
#vcBody {
	position:relative;
	width:500px;
	background-color:#eee;
	color:#000;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	text-align:center;
	pointer-events:none;
	font-family: "PT Sans Narrow", "Arial Narrow", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size:13pt;
}
#vcTop {
	padding:20px;
}
#vcTop img {
	width:200px;
	pointer-events:none;
	background-color:#fff;
	padding:10px;
	box-shadow:0 0 10px rgba(0,0,0,0.5);
}
#vcInfo, #vcLicenses {
	color:#fff;
	pointer-events:none;
	position:relative;
	bottom:0;
	padding:10px 15px;
	text-shadow:-0.5px -0.5px 0.5px rgba(0,0,0,0.4);
}
#vcInfo {
}
#vcLicenses {
	background-color:#1e1e4d;
	border-bottom-right-radius:10px;
	-webkit-border-bottom-rightradius:10px;
	-moz-border-bottom-rightradius:10px;
	border-bottom-left-radius:10px;
	-webkit-border-bottom-left:10px;
	-moz-border-bottom-left:10px;
}
#vcLicenses span {
	display:inline;
	padding:10px;
}

/*-------------------- MEDIA QUERIES --------------------*/

@media (max-width:1199px) {}
@media (max-width:1049px) {#getting-started {background-size:auto 100%;}}
@media (max-width:950px) {
	.quick-link div:nth-child(2) {font-size:14pt; font-weight:bold;}
	.quick-link div:nth-child(3) {font-size:9pt;}
}
@media (max-width:767px) {
	.container-fluid, #navcontainer .container-fluid {padding-left:15px; padding-right:15px;}
	#myNavbar .navbar-nav > li {
	    display: block;
	    width:100%;
	}
	.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {background-color:rgba(255,255,255,0.2);}
	.dropdown-menu li a {text-align:center !important;}
	#main-logo {
		display:block;
		position:relative;
		margin:75px auto 0 auto;
	}
	#banner-overlay {display:none;}
	#random-image {width:100%; height:auto;}
	#logo1 {
		font-size:90pt;
		font-weight:bold;
		text-align:center;
		width:100%;
		left:0; top:200px;
		text-shadow:0 0 1px #000;
	}
	#logo1 div {display:none;}
	#red-dress {
		-webkit-filter: grayscale(100%) opacity(50%);
		filter: grayscale(100%) opacity(50%);
	}
	#welcome div:last-child {display:none;} /* NDCA Logo on small screens */
	.quick-link div:nth-child(2) {font-size:18pt;}
	.quick-link div:nth-child(3) {font-size:12pt;}

	#modal-icon {display:none;}
	#modal-mobile-icon {display:block;}
	.modal-title {text-align:left;}
	#search-text {
		width:100%;
		margin:15px 0;
	}
	#search-bar .magnifying-glass {left:15px;}
	#search-submit {right:5px;}
	#search-cancel {
		right:65px;
	}
	#search-results {
		margin:0 0 20px 0;
		padding:15px 15px 20px 15px;
	}
	#search-results td.srAccount {display:none;}

	.quick-link div:nth-child(2) {font-size:14pt; font-weight:bold;}
	.quick-link div:nth-child(3) {font-size:9pt;}

	.modal-header {background-size:auto 100%; position:relative;}
	.modal-title {position:absolute; bottom:10px; right:0; width:calc(66% - 10px);}
	#modal-icon {display:none;}
	#modal-mobile-icon {display:block; width:33%;}
	.modal-title {text-align:left;}

	#virtualCard {
		padding:15px;
	}
	#vcBody {
		width:100%;
	}

}

@media (max-width:600px) {
	#myGallery-8741, #homepage-gallery-header {display:none !important;}
}