:root {
	/*
		These variables values are set using Admin Panel Design Settings
		The values below are defaults and will be over-written by the AP values.
	*/
	/* Support Only Edit Body Options */
	--body-bgcolor: #FFFFFF;
	--body-texture: 'none'; /* Background image for website if there is one. Set to 'none' to remove image */
	--body-font-family: Arial, sans-serif;
	--body-line-height: 1.3;
	--content-area-bgcolor: #FFFFFF; /* Background color of the content container, may be different than body */

	/* Support Only Edit Color Options */
	--color-primary: #5292BF;
	--color-primary-text: #fff;
	--color-primary-link: var(--color-primary-text);
	--color-primary-link-hover: var(--color-primary-text);

	--color-secondary: #626262;
	--color-secondary-text: #fff;
	--color-secondary-link: var(--color-secondary-text);
	--color-secondary-link-hover: var(--color-secondary-text);

	--color-tertiary: #394856;
	--color-tertiary-text: #fff;
	--color-tertiary-link: var(--color-tertiary-text);
	--color-tertiary-link-hover: var(--color-tertiary-text);

	/* Header Theme */
	--header-bg-color: #fff;
	--header-bg-color-solid: #fff;
	--header-text-color: #000;
	--header-link-color: var(--header-text-color);
	--header-link-color-hover: var(--header-text-color);

	/* Nav Theme */
	--nav-bg-color: var(--color-primary);
	--nav-bg-color-solid: var(--color-primary);
	--nav-text-color: var(--color-primary-text);
	--nav-link-color: var(--color-primary-link);
	--nav-link-color-hover: var(--color-primary-link-hover);

	/* Footer Theme */
	--footer-bg-color: var(--color-secondary);
	--footer-bg-color-solid: var(--color-secondary);
	--footer-text-color: var(--color-secondary-text);
	--footer-link-color: var(--color-secondary-link);
	--footer-link-color-hover: var(--color-secondary-link-hover);

	/* Footer Copyright Theme */
	--copyright-bg-color: var(--color-secondary);
	--copyright-bg-color-solid: var(--color-secondary);
	--copyright-text-color: var(--color-secondary-text);
	--copyright-link-color: var(--color-secondary-link);
	--copyright-link-color-hover: var(--color-secondary-link-hover);

	/* Title Theme */
	--title-bg-color: var(--color-primary);
	--title-text-color: var(--color-primary-text);
	--title-link-color: var(--color-primary-link);
	--title-link-color-hover: var(--color-primary-link-hover);

	/* Admin Edit */
	--body-font-size: 1rem;
	--body-text-color: #000;
	--link-color: #0000EE;
	--link-color-hover: #800000;
	--nav-font-size: var(--body-font-size); /* Navigation Font Size */
	--copyright-alignment: center;

	/*****/
	/* Additional Variables - Not defined in Design Options */
	/*****/

	/* Header */
	--header-inner-width: 1920; /* Used to make the aspect ratio of the inner header for responsive images */
	--header-inner-height: 250;

	/* Feature Boxes */
	--featurebox-content-bgcolor: #f7f7f7;
}

html {
	scroll-padding-top: 150px;
}

body {
	font-family: var(--body-font-family);
	line-height: var(--body-line-height);
	color: var(--body-text-color);
	font-size: var(--body-font-size);
	background: var(--body-bgcolor) var(--body-texture) repeat;
}

a {
	color: var(--link-color);
	text-decoration: underline;
}

a:hover, a:active {
	color: var(--link-color-hover);
}

/* Standard Content Styles */
h1, .title {
	color: var(--title-bg-color);
}

.colortext {
	color: var(--title-bg-color);
}

.calendarhead, .organizerlight {
	background: var(--title-bg-color);
	color: var(--title-text-color);
}

.calendarhead a:active, .calendarhead a:link, .calendarhead a:visited, .organizerlight a:active, .organizerlight a:link, .organizerlight a:visited {
	color: var(--title-link-color);
}

.calendarhead a:hover, .organizerlight a:hover {
	color: var(--title-link-color-hover);
}

/* Header */
header {
	background: var(--header-bg-color);
	color: var(--header-text-color);
}

header a {
	color: var(--header-link-color);
}

header a:hover {
	color: var(--header-link-color-hover);
}

.slideshow-container {
	position: relative;
}

@media (min-width: 1200px) {
	.mnw-harmony-fixed-nav-spacer {
		position: absolute;
		bottom: 0;
		width: 100%;
		z-index: 101;
	}

	.logo {
		position: absolute;
		top: clamp(0px, 4vh, 45px);
		z-index: 101;
		background:none;
		padding: 15px;
	}
}

.social-login-container {
	padding: 10px 15px;
	text-align: right;
}

.login-links {
	display: inline-block;
	margin-left: 25px;
	vertical-align: text-top;
}

.login-links .loginExtraClass {
	text-align: right;
	display: inline-block;
}

.login-links a {
}

.login-links a:hover {
}

/* Inserts a pipe after hello name text instead of breaking to next line */
.loginLinBreak:after {
	content: " | ";
}

.social-icons {
	font-size: 22px;
}

.social-icons-header, .social-icons-header .social-icons {
	display: inline-block;
}

.social-icons-footer {
	margin-top: 15px;
}

@media (max-width: 1199px) {
	.logo {
		text-align: center;
		margin: 15px;
	}
}

/* Nav */
.navbg, .mnw-harmony-fixed {
	background: var(--nav-bg-color);
}

.navbar-brand, .navbar-brand:hover {
	color: var(--nav-text-color);
}

.navbar .nav-link, .navbar .dropdown-item, .navbar-brand {
	font-size: var(--nav-font-size);
}

nav.navbar .navbar-nav, nav.navbar .navbar-nav .nav-link, nav.navbar .navbar-nav .show > .nav-link, nav.navbar .navbar-nav .nav-link:focus {
	color: var(--nav-link-color);
	text-decoration: none;
}

.navbar-toggler svg {
	height: 1.5rem;
	width: 1.5rem;
}

.navbar-toggler {
	color: var(--nav-link-color);
	border-color: var(--nav-link-color);
	background-color: transparent;
}

.navbar-toggler:hover {
	color: var(--nav-link-color-hover);
	border-color: var(--nav-link-color-hover);
}

.navbar-toggler:focus {
	outline: none;
}

.dropdown-item {
	text-decoration: none;
}

.dropdown-menu {
	border-radius: 0;
}

.navbar-toggler {
	padding: .25rem .75rem;
}

nav.navbar .navbar-nav li:hover .nav-link {
	color: var(--nav-link-color);
}

@media (min-width: 1200px) {
	nav.navbar .navbar-nav li:hover .nav-link {
		background: var(--nav-link-color);
		color: var(--nav-bg-color-solid);
	}

	.dropdown-menu {
		background: #fff;
	}

	.dropdown-item {
		color: #000;
	}

	.dropdown-item:hover, .dropdown-item:focus {
		background: var(--nav-bg-color);
		color: var(--nav-link-color);
	}

	.nav-item {
		white-space: nowrap;
	}

	.navbar-nav {
		flex-wrap: wrap;
	}
}

@media (max-width: 991px) {
	.dropdown-item {
		white-space: initial;
	}

	.dropdown-item:hover, .dropdown-item:active {
		background: var(--nav-bg-color);
		color: var(--nav-link-color);
	}
}

/* Slideshow/Image */
.inner-header-img {
	background-size: cover;
	background-position-y: center;
	aspect-ratio: calc(var(--header-inner-width) / var(--header-inner-height));
	width: 100%;
}

@media (min-width: 1200px) {
	.inner-header-img {
		min-height: 200px;
	}
}

/* Content */
.mnw-harmony-content-container {
	background: var(--content-area-bgcolor);
	position: relative;
}

.content-page-title {
	margin: 15px 0 0;
}

/* Accordion Boxes */
.accordion {
	background: var(--featurebox-content-bgcolor);
}

.accordion-section-title {
	text-decoration: none;
}

.accordion-section-title {
	background: var(--title-bg-color);
	color: var(--title-text-color);
}

.accordion-section-title.active, .accordion-section-title:hover {
	background: var(--title-bg-color);
	color: var(--title-link-color-hover);
}

/* Grid Boxes */
.gridBoxes-container, .homebox {
	border: 1px solid var(--title-bg-color);
	background: var(--content-area-bgcolor);
	border-radius: 0;
}

.gridBoxes-title {
	background: var(--title-bg-color);
	color: var(--title-text-color);
	font-size: inherit;
	border-bottom: 1px solid var(--title-bg-color);
}

.gridBoxes-item {
	border: none;
}

.home-boxes-fluid {
	padding-left: 0 !important;
	padding-right: 0 !important;
}


/* Footer */
footer {
	background: var(--footer-bg-color);
	color: var(--footer-text-color);
	padding: 20px 0;
}

footer a {
	color: var(--footer-link-color);
}

footer a:hover, footer a:active {
	color: var(--footer-link-color-hover);
}

@media (max-width: 991px) {
	footer [class*=col] {
		margin-bottom: 10px;
	}
}

.copyright {
	background: var(--copyright-bg-color);
	padding: 20px 0;
	text-align: var(--copyright-alignment);
	color: var(--copyright-text-color);
}

.copyright a {
	color: var(--copyright-link-color);
	text-decoration: none;
}

.copyright a:hover, .copyright a:focus {
	color: var(--copyright-link-color-hover);
	text-decoration: underline;
}