: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: #fffde6;
	--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: #fffef0; /* Background color of the content container, may be different than body */

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

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

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

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

	/* Nav Theme */
	--nav-bg-color: var(--color-secondary);
	--nav-bg-color-solid: var(--color-secondary);
	--nav-text-color: var(--color-secondary-text);
	--nav-link-color: var(--color-secondary-link);
	--nav-link-color-hover: var(--color-secondary-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 {
	padding: 15px 0;
	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);
}

.login-links {
	color: var(--header-text-color);
	padding: 5px 15px;
}

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

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

.login-links .loginExtraClass {
	text-align: center;
}

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

.social-icons {
	font-size: 22px;
	color: var(--nav-bg-color);
}

.social-icons-header a {
	color: var(--nav-link-color);
}

.social-icons-header a:hover {
	color: var(--nav-link-color-hover);
}

.social-icons-footer .social-icons, .social-icons-footer .social-icons a {
	color: var(--footer-link-color);
}

.social-icons-footer .social-icons a:hover {
	color: var(--footer-link-color-hover);
}

@media (min-width: 992px) {
	.social-icons-header .social-icons {
		position: absolute;
		z-index: 20;
		right: 0;
		top: 0;
		background: var(--nav-bg-color);
		padding: 10px;
	}

	.social-icons-header > .container {
		position: relative;
	}
}

@media (max-width: 991px) {
	.social-icons-header {
		background: var(--nav-bg-color);
		padding: 15px 0;
	}
}

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

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

	.login-links .loginExtraClass {
		text-align: center;
	}

	.login-links {
		margin-top: 10px;
	}
}

/* Nav */
.navbg {
	background: var(--nav-bg-color);
	border-bottom: 5px solid var(--header-text-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%;
}

/* 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;
	border-top: 5px solid var(--copyright-bg-color-solid);
}

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;
}