body {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	min-height: 100vh;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}

main {
	-webkit-box-flex: 1;
	    -ms-flex: 1 0 auto;
	        flex: 1 0 auto;
}

nav {
	background-color: rgba(0, 0, 0, 0.0) !important;
}

nav.navbar ul a:hover {
	background-color: rgba(255, 255, 255, 0.1) !important;
}

.inset {
	color:#000 !important;
	opacity:0.4 !important;
	text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.5), 1px 1px 1px rgba(255, 255, 255, 0.75) !important;
}

.inset-white {
	color: #fff !important;
	opacity: 0.9 !important;
	text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.5);
	font-family: 'Anton', sans-serif;
}

.card-panel-side a {
	color: white;
}

.card-panel-side a:hover {
	color: rgba(255, 255, 255, 0.75);
}

.card-panel-side h4 {
	color: rgba(255, 255, 255, 1.0);
	text-shadow: 2px 2px rgba(0, 0, 0, 0.4);
	display: block;
	margin: 0px;
	padding: 0px;
	line-height: 1.75em;
}

.layer-banner {
	background-image: url('/images/banner/fade_bg.png'), url('/images/banner/color_bg.png'), url('/images/banner/basketball_1.jpg');
	background-position: center center, bottom left, center top;
	background-repeat: no-repeat, no-repeat, no-repeat;
	background-size: cover, cover, cover;
}

h1.shadow, h2.shadow, h3.shadow, h4.shadow, h5.shadow, h6.shadow {
	text-shadow: 0px 3px 4px rgba(0, 0, 0, 0.5) !important;
}

/* Header Blocks */
.header-window-dark {
	min-height: 300px !important;
	background-color:rgba(0, 0, 0, 0.8) !important;
}

.header-window-light {
	background-color: rgba(255, 255, 255, 0.4);
	margin-left:0px !important;
	margin-right:0px !important;
}

.header-window-clear {
	margin-left:0px !important;
	margin-right:0px !important;
}

/* Custom CSS Grid for 3x3 System */
.grid-container-top {
	display: -ms-grid;
	display: grid;
	margin-top: 20px;
	margin-left: 1vw;
	margin-right: 1vw;
  -ms-grid-columns: 33% 1% 32% 1% 33%;
  grid-template-columns: 33% 32% 33%;
	-ms-grid-rows: 150px;
	grid-template-rows: 150px;
	grid-column-gap: 1%;
      grid-template-areas: "Header Header Header";
}

.grid-container-data {
	display: -ms-grid;
	display: grid;
	margin-top: 15px;
	margin-left: 1vw;
	margin-right: 1vw;
	-ms-grid-columns: 100%;
	grid-template-columns: 100%;
	    grid-template-areas: "Data";
}

.grid-container-bottom {
	display: -ms-grid;
	display: grid;
	margin-left: 1vw;
	margin-right: 1vw;
	-ms-grid-columns: 33% 1% 32% 1% 33%;
	grid-template-columns: 33% 32% 33%;
	-ms-grid-rows: 150px 150px;
	grid-template-rows: 150px 150px;
	grid-column-gap: 1%;
	    grid-template-areas: "Footer Footer Footer" "Footer Footer Footer";
}

.Footer { -ms-grid-row: 1; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 5; grid-area: Footer; }

.Header { -ms-grid-row: 1; -ms-grid-column: 1; -ms-grid-column-span: 5; grid-area: Header; }

.Data { -ms-grid-row: 1; -ms-grid-column: 1; grid-area: Data; }

/* Grid Colors */
.grd-aqua {
	background: rgb(0,53,68);
	background: -webkit-linear-gradient(315deg, rgba(0,53,68,1) 0%, rgba(0,233,238,1) 100%);
	background: -webkit-linear-gradient(135deg, rgba(0,53,68,1) 0%, rgba(0,233,238,1) 100%);
	background: -o-linear-gradient(135deg, rgba(0,53,68,1) 0%, rgba(0,233,238,1) 100%);
	background: linear-gradient(315deg, rgba(0,53,68,1) 0%, rgba(0,233,238,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#003544",endColorstr="#00e9ee",GradientType=1);
}

.grd-orange {
	background: rgb(68,24,0);
	background: -webkit-linear-gradient(315deg, rgba(68,24,0,1) 0%, rgba(238,103,0,1) 100%);
	background: -webkit-linear-gradient(135deg, rgba(68,24,0,1) 0%, rgba(238,103,0,1) 100%);
	background: -o-linear-gradient(135deg, rgba(68,24,0,1) 0%, rgba(238,103,0,1) 100%);
	background: linear-gradient(315deg, rgba(68,24,0,1) 0%, rgba(238,103,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#441800",endColorstr="#ee6700",GradientType=1);
}

.grd-gold {
	background: rgb(68,46,0);
	background: -webkit-linear-gradient(315deg, rgba(68,46,0,1) 0%, rgba(238,196,0,1) 100%);
	background: -webkit-linear-gradient(135deg, rgba(68,46,0,1) 0%, rgba(238,196,0,1) 100%);
	background: -o-linear-gradient(135deg, rgba(68,46,0,1) 0%, rgba(238,196,0,1) 100%);
	background: linear-gradient(315deg, rgba(68,46,0,1) 0%, rgba(238,196,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#442e00",endColorstr="#eec400",GradientType=1);
}

.grd-grass {
	background: rgb(13,68,0);
	background: -webkit-linear-gradient(315deg, rgba(13,68,0,1) 0%, rgba(45,238,0,1) 100%);
	background: -webkit-linear-gradient(135deg, rgba(13,68,0,1) 0%, rgba(45,238,0,1) 100%);
	background: -o-linear-gradient(135deg, rgba(13,68,0,1) 0%, rgba(45,238,0,1) 100%);
	background: linear-gradient(315deg, rgba(13,68,0,1) 0%, rgba(45,238,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0d4400",endColorstr="#2dee00",GradientType=1);
}

.grd-sea {
	background: rgb(0,68,30);
	background: -webkit-linear-gradient(315deg, rgba(0,68,30,1) 0%, rgba(0,238,167,1) 100%);
	background: -webkit-linear-gradient(135deg, rgba(0,68,30,1) 0%, rgba(0,238,167,1) 100%);
	background: -o-linear-gradient(135deg, rgba(0,68,30,1) 0%, rgba(0,238,167,1) 100%);
	background: linear-gradient(315deg, rgba(0,68,30,1) 0%, rgba(0,238,167,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00441e",endColorstr="#00eea7",GradientType=1);
}

.grd-lapis {
	background: rgb(2,0,36);
	background: -webkit-linear-gradient(338deg, rgba(2,0,36,1) 0%, rgba(0,99,255,1) 100%);
	background: -webkit-linear-gradient(112deg, rgba(2,0,36,1) 0%, rgba(0,99,255,1) 100%);
	background: -o-linear-gradient(112deg, rgba(2,0,36,1) 0%, rgba(0,99,255,1) 100%);
	background: linear-gradient(338deg, rgba(2,0,36,1) 0%, rgba(0,99,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#020024",endColorstr="#0063ff",GradientType=1);
}

.grd-royal {
	background: rgb(2,0,36);
	background: -webkit-linear-gradient(338deg, rgba(2,0,36,1) 0%, rgba(132,0,255,1) 100%);
	background: -webkit-linear-gradient(112deg, rgba(2,0,36,1) 0%, rgba(132,0,255,1) 100%);
	background: -o-linear-gradient(112deg, rgba(2,0,36,1) 0%, rgba(132,0,255,1) 100%);
	background: linear-gradient(338deg, rgba(2,0,36,1) 0%, rgba(132,0,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#020024",endColorstr="#8400ff",GradientType=1);
}

.grd-violet {
	background: rgb(58,0,68);
	background: -webkit-linear-gradient(315deg, rgba(58,0,68,1) 0%, rgba(187,0,238,1) 100%);
	background: -webkit-linear-gradient(135deg, rgba(58,0,68,1) 0%, rgba(187,0,238,1) 100%);
	background: -o-linear-gradient(135deg, rgba(58,0,68,1) 0%, rgba(187,0,238,1) 100%);
	background: linear-gradient(315deg, rgba(58,0,68,1) 0%, rgba(187,0,238,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3a0044",endColorstr="#bb00ee",GradientType=1);
}

.grd-sunrise {
	background: rgb(68,0,38);
	background: -webkit-linear-gradient(315deg, rgba(68,0,38,1) 0%, rgba(238,0,85,1) 100%);
	background: -webkit-linear-gradient(135deg, rgba(68,0,38,1) 0%, rgba(238,0,85,1) 100%);
	background: -o-linear-gradient(135deg, rgba(68,0,38,1) 0%, rgba(238,0,85,1) 100%);
	background: linear-gradient(315deg, rgba(68,0,38,1) 0%, rgba(238,0,85,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#440026",endColorstr="#ee0055",GradientType=1);
}

strong {
	font-weight: 700 !important;
}

/* Navigation Link Color Override */
li.head-link a {
	color: #b4e8ff!important;
}

li.head-link a:hover {
	/* background-color: rgba(234, 234, 234, 0.1); */
	background-color: #0060a0;
	color: white !important;
}

/* Mobile Text Header Adjustment */
h1.mobile-text, h2.mobile-text, h3.mobile-text, h4.mobile-text, h5.mobile-text, h6.mobile-text {
	font-family: 'Roboto';
	font-variant: small-caps;
	font-weight: 600;
}

/* Media Rules for Variable Text in Links */
@media only screen and (min-width:993px) and (max-width: 1400px) {
	nav ul a {
		font-size: 0.8rem !important;
		padding: 0 8px !important;
	}
}

/* I believe this is deprecated, but left in just in case */
@media only screen and (min-width:601px) {
	.custom-margin {
		margin-left: 20px !important;
		width: auto !important;
	}

	.custom-margin-2 {
		margin-left: 20px !important;
	}

	.large-row {
		width:calc(100%-40px);
		margin-left:20px;
		margin-right:20px;
	}
}

.custom-form-block {
	display: inline-block;
	min-width: 25%;
	max-width: 25%;
	max-height:60px;
	min-height:60px;
	line-height:60px;
}

.custom-form-block input.custom-form {
	margin: 0px !important;
	width: auto !important;
	background-color: #fff !important;
	border-radius: 3px !important;
	padding: 0px 5px 0px 5px !important;
	max-width: 100% !important;
	display: inline-block !important;
}



/* Materialize Edits */

.collection.with-header .collection-header {
	padding: 1px 10px 5px 10px !important;
}

.collection.with-header .collection-item {
	padding-left: 30px !important;
	line-height: 10px !important;
	font-size: 11px !important;
	font-weight: 700 !important;
}

td, th {
	padding: 0px 0px !important;
}


/* Materialize-MCE Interaction Edits */
.mce-wrapper {
	display: inline-block !important;
	max-height: 20px !important;
	position: relative !important;
	top: -6px !important;
}

.mce-dropdown {
	border: 1px solid black !important;
	display: inline-block !important;
	vertical-align: inherit !important;
	max-height: 20px !important;
}

/* Media Rules for Variable Text in Editor Spaces */
@media only screen and (max-width:600px) {
  html {
    font-size: 13px;
  }

	/* .content h1, .content h1 * {
		font-size: 1.45rem !important;
		margin:0px;
	}

	.content h2, .content h2 * {
		font-size: 1.35rem !important;
		margin:0px;
	}

	.content h3, .content h3 * {
		font-size: 1.25rem !important;
		margin:0px;
	}

	.content h4, .content h4 * {
		font-size: 1.15rem !important;
		margin:0px;
	}

	.content h5, .content h5 * {
		font-size: 1.05rem !important;
		margin:0px;
	}

	.content h6, .content h6 * {
		font-size: .95rem !important;
		margin:0px;
	} */

	.content {
		padding: 5px !important;
	}
	
	/* This one line of CSS is overwriting all font size formatting within the data box in the center of the page. */
	.content * {
		/* font-size: 0.85rem !important; */
	}

	strong {
		font-weight: 700 !important;
	}

	.reset-all {
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		font-size: initial !important;
		font: inherit !important;
		vertical-align: baseline !important;
	}

	.grid-container-fix-mobile {
		max-height:120px;
	}
	
	.grid-box-fix-mobile {
		max-height:120px;
	}

	.header-window-dark {
		min-height: inherit !important;
		background-color: rgba(0, 0, 0, 0.8) !important;
		padding: 10px !important;
	}

	.header-window-clear {
		min-height: 100px !important;
  }
}

/* Internet Explorer 10/11 Custom CSS */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.grd-violet, .grd-gold, .grd-orange {
		left: 33.5%;
	}

	.grd-sunrise, .grd-grass, .grd-royal {
		left: 67%;
	}

	.grd-lapis, .grd-orange, .grd-royal {
		top: 150px;
	}
}

.mceSelectList {
	width: auto !important;
	height: auto !important;
	border: 1px solid black;
}

.mceSelectList::-ms-expand {
	border:none !important;
}

td a.btn {
	margin: 5px;
}

li.collection-header h5 {
	font-size: 1.2rem;
}

li.collection-item span.disabled {
	color: #afafaf;
	cursor: default;
}

/* Button Collection CSS */
ul.button-collection {
	display: inline-block;
	margin: 10px;
}

ul.button-collection>:first-child {
	border-radius: 3px 0px 0px 3px;
}

ul.button-collection>li {
	display: inline-block;
	background-color: #afafaf;
	color: black;
	line-height: 1.4rem;
	padding: 5px 15px 5px 10px;
	margin: 0px -5px;
	border: 1px solid white;
	font-size: 0.8rem;
}

ul.button-collection>li:hover {
	background-color: #8f8f8f;
	color: #cfcfcf;
	transition: 0.2s;
}

ul.button-collection>li:active {
	background-color: #6f6f6f;
	color: white;
	transition: 0.2s;
}

ul.button-collection>li>a {
	color: black;
}

ul.button-collection>li>a:hover {
	color: #cfcfcf;
	transition: 0.2s;
}

ul.button-collection>li>a:active {
	color: white;
	transition: 0.2s;
}

ul.button-collection>:last-child {
	border-radius: 0px 3px 3px 0px;
}