:root {
	--bodyBackground: #fff;
	--headerBackground: #032D91;
	--headerText: #032D91;
	--topNavigationBackground: #3BAB23;
	--topNavigationText: #fff;
	--tableBackgroundText: #fff;
	--tableBackground: #032D91;
	--buttonPrimary: #032D91;
	--buttonPrimaryText: #fff;
	--buttonPrimaryGradient: #032D91;
	--buttonPrimaryFocus: #3BAB23;
	--buttonPrimaryFocusText: #fff;
	--buttonPrimaryFocusGradient: #3BAB23;
	--buttonPrimaryInverse: #3BAB23;
	--buttonPrimaryInverseText: #fff;
	--buttonPrimaryInverseFocus: #032D91;
	--buttonPrimaryInverseFocusText: #fff;
	--panelHeaderBackground: #3BAB23;
	--panelHeaderText: #fff;
	--panelBodyBackground: #fff;
	--outdoorColor: #c62222;
}


.container {
	max-width: 980px;
}

/* Body Style */
body {
	background-color: var(--bodyBackground);
}

/* Link Style */
a {
	color: var(--buttonPrimary);
}

	a:focus, a:hover {
		color: var(--buttonPrimary);
	}

/* Button Style */
.btn {
	border-radius: 3px;
}
.btn-default {
	border: solid #808080 1px;
}

.btn-primary {
	background: var(--buttonPrimary);
	background: -webkit-linear-gradient(var(--buttonPrimaryGradient), var(--buttonPrimary));
	background: -o-linear-gradient(var(--buttonPrimaryGradient), var(--buttonPrimary));
	background: -moz-linear-gradient(var(--buttonPrimaryGradient), var(--buttonPrimary));
	background: linear-gradient(var(--buttonPrimaryGradient), var(--buttonPrimary));
	color: var(--buttonPrimaryText);
}

	.btn-primary:focus, .btn-primary:hover {
		background: var(--buttonPrimaryFocus);
		background: -webkit-linear-gradient(var(--buttonPrimaryFocusGradient), var(--buttonPrimaryFocus));
		background: -o-linear-gradient(var(--buttonPrimaryFocusGradient), var(--buttonPrimaryFocus));
		background: -moz-linear-gradient(var(--buttonPrimaryFocusGradient), var(--buttonPrimaryFocus));
		background: linear-gradient(var(--buttonPrimaryFocusGradient), var(--buttonPrimaryFocus));
		color: var(--buttonPrimaryFocusText);
	}

.btn-indoor {
	background: var(--buttonPrimary);
	background: -webkit-linear-gradient(var(--buttonPrimary), var(--buttonPrimary));
	background: -o-linear-gradient(var(--buttonPrimary), var(--buttonPrimary));
	background: -moz-linear-gradient(var(--buttonPrimary), var(--buttonPrimary));
	background: linear-gradient(var(--buttonPrimary), var(--buttonPrimary));
	color: var(--buttonPrimaryText);
}

	.btn-indoor:focus, .btn-indoor:hover {
		background: var(--buttonPrimary);
		background: -webkit-linear-gradient(var(--buttonPrimary), var(--buttonPrimary));
		background: -o-linear-gradient(var(--buttonPrimary), var(--buttonPrimary));
		background: -moz-linear-gradient(var(--buttonPrimary), var(--buttonPrimary));
		background: linear-gradient(var(--buttonPrimary), var(--buttonPrimary));
		color: var(--buttonPrimaryText);
	}

.btn-outdoor {
	background: var(--outdoorColor);
	background: -webkit-linear-gradient(var(--outdoorColor), var(--outdoorColor));
	background: -o-linear-gradient(var(--outdoorColor), var(--outdoorColor));
	background: -moz-linear-gradient(var(--outdoorColor), var(--outdoorColor));
	background: linear-gradient(var(--outdoorColor), var(--outdoorColor));
	color: var(--buttonPrimaryText);
}

	.btn-outdoor:focus, .btn-outdoor:hover {
		background: var(--outdoorColor);
		background: -webkit-linear-gradient(var(--outdoorColor), var(--outdoorColor));
		background: -o-linear-gradient(var(--outdoorColor), var(--outdoorColor));
		background: -moz-linear-gradient(var(--outdoorColor), var(--outdoorColor));
		background: linear-gradient(var(--outdoorColor), var(--outdoorColor));
		color: var(--buttonPrimaryText);
	}

.btn-primary-inverse {
	background: var(--buttonPrimaryInverse);
	color: var(--buttonPrimaryInverseText);
}

	.btn-primary-inverse:focus, .btn-primary-inverse:hover {
		background: var(--buttonPrimaryInverseFocus);
		color: var(--buttonPrimaryText);
	}

/* Header */
header .container {
	border-bottom: 8px solid var(--buttonPrimary);
}

/* Top Links */
.top-links > ul > li, .top-links > ul > li > a {
	color: var(--headerText);
}

/* Top Nav */
.topnav-toggle {
	background: var(--topNavigationBackground);
}

	.topnav-toggle.collapsed {
		background-color: var(--headerText);
	}

	.topnav-toggle .icon-bar {
		background-color: var(--buttonPrimaryText);
	}

.topnav {
	min-height: 32px;
}

	.topnav > ul > li > div,
	.topnav > ul > li > a {
		background-color: var(--headerText);
		color: var(--buttonPrimaryText);
		padding: 6px 20px;
	}

		.topnav > ul > .active > div,
		.topnav > ul > li > a:hover, .topnav > ul > li > a:focus,
		.topnav > ul > .active > a {
			background-color: var(--topNavigationBackground);
			color: var(--topNavigationText);
		}

@media (max-width: 767px) {
	.topnav {
		background-color: var(--topNavigationBackground);
	}

		.topnav > ul > li > div,
		.topnav > ul > li > a,
		.topnav > ul > li > a:focus,
		.topnav > ul > li > a:hover {
			background-color: transparent;
			color: #fff;
		}
}

.topnav > ul > li > .dropdown-menu {
	border-top: 1px solid #fff;
	background-color: var(--headerBackground);
	color: var(--topNavigationText);
}

	.topnav > ul > li > .dropdown-menu > li > a, .topnav > ul > li > .dropdown-menu > li > a:visited {
		color: var(--topNavigationText);
	}

		.topnav > ul > li > .dropdown-menu > li.active > a,
		.topnav > ul > li > .dropdown-menu > li > a:hover {
			color: var(--topNavigationText);
			background-color: var(--topNavigationBackground);
		}

/* Footer */
footer .container {
	border-top: 8px solid var(--buttonPrimary);
}

footer .admin-tools-links {
	background-color: #fff;
	color: #000;
}

/* Nav Tabs Default */
body.borderless .nav-tabs > li > a {
	color: var(--buttonPrimary) !important;
}

body.borderless .nav-tabs > li.active > a,
body.borderless .nav-tabs > li.active > a:focus,
body.borderless .nav-tabs > li.active > a:hover {
	color: #333 !important;
}

body:not(.borderless) .nav-tabs > li.active > a,
body:not(.borderless) .nav-tabs > li.active > a:focus,
body:not(.borderless) .nav-tabs > li.active > a:hover {
	color: var(--buttonPrimaryText) !important;
	background-color: var(--buttonPrimary);
	border: 1px solid var(--buttonPrimary);
}

body:not(.borderless) .nav-tabs > li.active {
	border-color: var(--buttonPrimary);
}

	body:not(.borderless) .nav-tabs > li.active a:after {
		border-color: var(--buttonPrimary) transparent;
	}

/* Panel Default Style */
.panel-default {
	border: 0;
}

	.panel-default .panel-heading {
		color: var(--panelHeaderText);
		font-weight: bold;
		background-color: var(--panelHeaderBackground);
	}

	.panel-default .panel-body {
		background-color: var(--panelBodyBackground);
		border: solid 1px var(--panelHeaderBackground);
	}

.panel-dashboard .panel-heading {
	background-color: var(--headerBackground);
}

.panel-dashboard .panel-body {
	border-color: var(--headerBackground);
}

.panel-dashboard-spooky > .panel-heading {
	background-color: #ff8600;
}

.panel-dashboard-spooky > .panel-body {
	border-color: #ff8600;
}

.panel-dashboard-danger > .panel-heading {
	background-color: darkred;
}

.panel-dashboard-danger > .panel-body {
	border-color: darkred;
}

.panel-dashboard-pickleball .panel-heading {
	background-color: #FCA73A;
}

.panel-dashboard-pickleball .panel-body {
	border-color: #FCA73A;
}

.panel-dashboard-event .panel-heading {
	background-color: #db1010;
}

.panel-dashboard-event .panel-body {
	border-color: #db1010;
}

/* Mobile Assumptions */
.btn-mobile-assumptions div {
	background-color: var(--topNavigationBackground);
	color: var(--topNavigationText);
}

.btn-mobile-assumptions p {
	color: var(--topNavigationText);
}

/* Mobile +/- menus */
.mobile-toggle-collapse {
	color: var(--buttonPrimary);
}

	.mobile-toggle-collapse:hover, .mobile-toggle-collapse:focus {
		color: var(--buttonPrimary);
	}

/* Table Formatting */
.table-bordered {
	border: 0;
}
.table > thead > tr > th,
.table > tbody > tr > th {
	color: var(--tableBackground);
	border: 0;
	border-bottom: solid 3px var(--tableBackground);
}
.outdoor .table > thead > tr > th,
.outdoor .table > tbody > tr > th {
	color: var(--outdoorColor);
	border-bottom: solid 3px var(--outdoorColor);
}

.outdoor .panel-default .panel-heading {
	background-color: var(--outdoorColor);
}

.outdoor .panel-default .panel-body {
	border: solid 1px var(--outdoorColor);
}

body.borderless div.page-content.Home {
	padding-top: 20px;
}

.page-header h1 {
	font-size: 24px;
}

h3 {
	font-size: 18px;
}

.table-centered td, .table-centered th {
	text-align: center;
}

div.bs-callout > h3 {
	margin-top: 0;
}