@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible&display=swap');

/* --------------------------------PRIMARY STYLE(S)-------------------------------- */

:root {
	--bg-cc: 				#4F7220;
	--bg-cc-alt: 		#264301;
	--bg-grn: 			#4F7220;
	--bg-ext: 			#2ECC40;
	--bg-red: 			#F93939;
	--bg-org: 			#FF851B;
	--bg-prpl: 			#B10DC9;
	--section-dark: #212529;
	
	--secondary-color: #151226;
  --contrast-color: #BF307F;
}

body {
	padding-top: 0px;
	font-family: 'Atkinson Hyperlegible', sans-serif;
	color: #111;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
}

#bg-body {
	background-attachment: fixed;
	background-color: #FFF;
	background-image: url('../images/bgs/bg-coastline.jpg');
	background-blend-mode: overlay;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

a {
	color: #4F7220;
	border-bottom: 1px #4F7220 solid;
	text-decoration: none;
	transition: all 0.20s ease-in-out;
}
a:hover {
	color: #118855;
	border-bottom: 1px #118855 solid;
	transition: all 0.15s ease-in-out;
}

a.cc-link-blu {
	display: inline-block !important;
	padding: 1px 5px !important;
	box-shadow: inset 0px -1px 0px 0px rgb(79 114 32) !important;
	color: #4F7220 !important;
	font-weight: normal !important;
	transition: all 0.15s ease-in-out;
}
a.cc-link-blu:hover {
	box-shadow: inset 0px -5rem 0px 0px rgb(79 114 32) !important;
	color: #FFF !important;
	transition: all 0.2s ease-in-out;
}

a.cc-link-wht {
	display: inline-block !important;
	padding: 1px 5px !important;
	box-shadow: inset 0px -1px 0px 0px rgb(255 255 255) !important;
	color: #FFF !important;
	font-weight: normal !important;
	transition: all 0.15s ease-in-out;
}
a.cc-link-wht:hover {
	box-shadow: inset 0px -5rem 0px 0px rgb(255 255 255) !important;
	color: #4F7220 !important;
	transition: all 0.2s ease-in-out;
}

a[name] {
	display: block;
	opacity: 0 !important;
	height: 0 !important;
	padding: 0 !important;
	color: transparent !important;
	background: transparent !important;
	background-color: transparent !important;
	box-shadow: none !important;
	text-decoration: none !important;
	border: none !important;
	overflow: hidden !important;
	scroll-behavior: smooth;
	transition: all 0.3s ease-in-out !important;
}

@media only screen and (max-width: 1169px) {
	body.nav-on-left.overflow-hidden {overflow: hidden;}
}

images {
	max-width: 100%;
	width: 100%;
	image-rendering: -webkit-optimize-contrast;
	transition: all 0.2s ease-in-out;
}

hr {
	border: 0;
	height: 1px;
	background-image: -webkit-linear-gradient(left, #F0F0F0, #8C8B8B, #F0F0F0);
	background-image: -moz-linear-gradient(left, #F0F0F0, #8C8B8B, #F0F0F0);
	background-image: -ms-linear-gradient(left, #F0F0F0, #8C8B8B, #F0F0F0);
	background-image: -o-linear-gradient(left, #F0F0F0, #8C8B8B, #F0F0F0);
}

.alertrow {
	animation: slideDwn 0.55s ease-in-out forwards;
	transition: all .8s ease;
}

.alertrow, .dptalertrow {top: 5.6rem; z-index: 99;}

/*.dptalertrow {top: 3.5rem; z-index: 99;}*/

.alert {
	width: 100%;
	margin: 0 auto;
	position: fixed;
	top: 0em;
	box-shadow: 0 0.75rem 0.75rem rgb(0 0 0 / 50%) !important;
	z-index: 99999;
}

.alert p {
	border-color: #4F7220;
	border-width: 1px;
	padding: 5px;
	border-style: solid;
	border-radius: 5px;
	background: #FFF;
}

.alert p::last-of-type, .accordion-item p::last-of-type {margin-bottom: 0;}

.text-justify {text-align: justify;}

.shift {transition-property: height; transition-duration: 0.1;}

.bg-cc {
	display: block;
	background: #4F7220;
	border: 2px #FFF solid;
	color: #FFF;
	font-weight: normal;
}

.shift * a.bg-cc {
	display: block;
	box-shadow: inset 0px 0px -50px -50px rgb(79 114 32 / 100%);
	border: 2px #4F7220 solid;
	color: #FFF;
	font-weight: normal;
	position:relative;
	transition: all 0.1s ease-in-out;
	z-index: 1;
}
.shift * a.bg-cc:hover {
	box-shadow: inset 0px 0px 50px 50px rgb(255 255 255 / 100%);
	border: 2px #4F7220 solid;
	color: #4F7220 !important;
	font-weight: bold;
	transition: all 0.3s ease-in-out;
}

.shift * a.bg-cc:after, .shift * a.bg-cc.show {
	content: '';
	width: 100%;
	height: 0px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	color: transparent;
	box-shadow: inset 0px 0px 50px 50px rgb(255 255 255 / 100%);
	visibility: none;
	opacity: 0;
	z-index: -1;
	border-radius: 50rem !important;
	transition: all .25s;
}
.shift * a.bg-cc:hover:after {
	height: 100%;
	opacity: 1;
	visibility: visible;
	transition: all .25s ;
}

.bg-cc-pe-none {
	display: block;
	box-shadow: inset 0px 450px 0px 0px rgb(79 114 32 / 100%);
	border: 2px #FFF solid;
	color: #FFF;
	font-weight: normal;
	transition: all 0.25s ease-in-out;
}

.bg-cc-alt {
	display: block;
	background: #264301;
	border: 2px #FFF solid;
	color: #FFF;
	font-weight: normal;
	transition: all 0.25s ease-in-out;
}

.shift * a.bg-cc-alt {
	display: block;
	box-shadow: inset 0px 0px -50px -50px rgb(38 67 1 / 100%);
	border: 2px #264301 solid;
	color: #FFF;
	font-weight: normal;
	position: relative;
	transition: all 0.1s ease-in-out;
	z-index: 1;
}
.shift * a.bg-cc-alt:hover, .shift * a.bg-cc-alt.show {
	display: block !important;
	box-shadow: inset 0px 0px 50px 50px rgb(255 255 255 / 100%);
	border: 2px #264301 solid;
	color: #264301 !important;
	font-weight: bold;
	position: relative;
	transition: all 0.3s ease-in-out;
}

.shift * a.bg-cc-alt:after {
	content: '';
	width: 100%;
	height: 0px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	color: transparent;
	box-shadow: inset 0px 0px 50px 50px rgb(255 255 255 / 100%);
	visibility: none;
	opacity: 0;
	z-index: -1;
	border-radius: 50rem !important;
	transition: all .25s;
}
.shift * a.bg-cc-alt:hover:after {
	height: 100%;
	opacity: 1;
	visibility: visible;
	transition: all .25s;
}

.bg-cc-alt-pe-none {
	box-shadow: inset 0px 150px 0px 0px rgb(38 67 1 / 100%);
	border: 2px #FFF solid;
	color: #FFF;
	font-weight: normal;
	transition: all 0.25s ease-in-out;
}

.bg-cc-wht {
	display: block;
	background: #FFF;
	border: 2px #4F7220 solid;
	color: #4F7220;
	font-weight: normal;
	transition: all 0.25s ease-in-out;
}

.shift * a.bg-cc-wht {
	display: block;
	box-shadow: inset 0px 0px -50px -50px rgb(255 255 255 / 100%);
	border: 2px #FFF solid;
	color: #4F7220;
	font-weight: normal;
	position:relative;
	transition: all 0.1s ease-in-out;
	z-index: 1;
}
.shift * a.bg-cc-wht:hover {
	box-shadow: inset 0px 0px 50px 50px rgb(79 114 32 / 100%);
	border: 2px #FFF solid;
	color: #FFF !important;
	font-weight: bold;
	transition: all 0.3s ease-in-out;
}

.shift * a.bg-cc-wht:after {
	content: '';
	width: 100%;
	height: 0px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	color: transparent;
	box-shadow: inset 0px 0px 50px 50px rgb(79 114 32 / 100%);
	visibility: none;
	opacity: 0;
	z-index: -1;
	border-radius: 50rem !important;
	transition: all .25s;
}
.shift * a.bg-cc-wht:hover:after {
	height: 100%;
	opacity: 1;
	visibility: visible;
	transition: all .25s;
}

.bg-ext {
	display: block;
	background: #E2E3E4;
	border: 2px #212529 solid;
	color: #212529;
	font-weight: normal;
	transition: all 0.25s ease-in-out;
}

.shift * a.bg-ext {
	display: block;
	box-shadow: inset 0px 0px -50px -50px rgb(255 255 255 / 100%);
	border: 2px #212529 solid;
	color: #212529;
	font-weight: normal;
	position:relative;
	transition: all 0.1s ease-in-out;
	z-index: 1;
}
.shift * a.bg-ext:hover {
	box-shadow: inset 0px 0px 50px 50px rgb(79 114 32 / 100%);
	border: 2px #FFF solid;
	color: #FFF !important;
	font-weight: bold;
	transition: all 0.3s ease-in-out;
}

.shift * a.bg-ext:after {
	content: '';
	width: 100%;
	height: 0px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	color: transparent;
	box-shadow: inset 0px 0px 50px 50px rgb(79 114 32 / 100%);
	visibility: none;
	opacity: 0;
	z-index: -1;
	border-radius: 50rem !important;
	transition: all .25s;
}
.shift * a.bg-ext:hover:after {
	height: 100%;
	opacity: 1;
	visibility: visible;
	transition: all .25s;
}

.brdr-cc {border-color: #4F7220 !important;}

.brdr-cc-alt {border-color: #264301 !important;}

.brdr-grn {border-color: #416e54 !important;}

.brdr-red {border-color: #F93939 !important;}

.max-width1800 {max-width: 1700px !important;}

.max-width1250 {max-width: 1250px !important;}

.watch .live {transition: all 0.3s ease-in-out;}
.watch .live:hover {color: #198754; transition: all 0.3s ease-in-out;}

.heading {color: #4F7220; transition: all 0.15s ease-in-out;}

.heading-75 {color: rgb(79 114 32 / 75%); transition: all 0.15s ease-in-out;}

.heading-50 {color: rgb(79 114 32 / 50%); transition: all 0.15s ease-in-out;}

.heading-25 {color: rgb(79 114 32 / 25%); transition: all 0.15s ease-in-out;}

.heading-alt {color: #264301; transition: all 0.15s ease-in-out;}

.heading-alt-75 {color: rgb(38 67 1 / 75%); transition: all 0.15s ease-in-out;}

.heading-alt-50 {color: rgb(38 67 1 / 50%); transition: all 0.15s ease-in-out;}

.heading-alt-25 {color: rgb(38 67 1 / 25%); transition: all 0.15s ease-in-out;}

.txt-cc {color: #4F7220; transition: all 0.15s ease-in-out;}

.txt-cc-75 {color: rgb(79 114 32 / 75%); transition: all 0.15s ease-in-out;}

.txt-cc-50 {color: rgb(79 114 32 / 50%); transition: all 0.15s ease-in-out;}

.txt-cc-25 {color: rgb(79 114 32 / 25%); transition: all 0.15s ease-in-out;}

.txt-cc-alt {color: #264301; transition: all 0.15s ease-in-out;}

.txt-cc-alt-75 {color: rgb(38 67 1 / 75%); transition: all 0.15s ease-in-out;}

.txt-cc-alt-50 {color: rgb(38 67 1 / 50%); transition: all 0.15s ease-in-out;}

.txt-cc-alt-25 {color: rgb(38 67 1 / 25%); transition: all 0.15s ease-in-out;}

.txt-grn {color: #416e54; transition: all 0.15s ease-in-out;}
.txt-grn a:hover, a * span.txt-red:hover {color: #118855; transition: all 0.15s ease-in-out;}

.txt-grn-75 {color: rgb(65 110 84 / 75%); transition: all 0.15s ease-in-out;}

.txt-grn-50 {color: rgb(65 110 84 / 50%); transition: all 0.15s ease-in-out;}

.txt-grn-25 {color: rgb(65 110 84 / 25%); transition: all 0.15s ease-in-out;}

.bg-grn {
	background: #416e54;
	color: #FFF;
	box-shadow: 0px 0px 0px 3px #FFF;
	transition: all 0.15s ease-in-out;
}

.bg-grn-75 {
	background: rgb(65 110 84 / 75%) !important;
	color: #FFF !important;
	box-shadow: 0px 0px 0px 2px #FFF !important;
	transition: all 0.15s ease-in-out !important;
}
a.bg-grn-75:hover {
	background: rgb(255 255 255 / 100%) !important;
	color: rgb(18 77 24 / 90%) !important;
	box-shadow: 0px 0px 0px 2px rgb(65 110 84 / 75%) !important;
	transition: all 0.2s ease-in-out !important;
}

.bg-grn-50 {
	background: rgb(65 110 84 / 50%);
	color: #212529;
	box-shadow: 0px 0px 0px 3px #FFF;
	transition: all 0.15s ease-in-out;
}

.bg-grn-25 {
	background: rgb(65 110 84 / 25%);
	color: #212529;
	box-shadow: 0px 0px 0px 3px #FFF;
	transition: all 0.15s ease-in-out;
}

.txt-red {color: #F93939; transition: all 0.15s ease-in-out;}
.txt-red a:hover, a * span.txt-red:hover {color: #118855; transition: all 0.15s ease-in-out;}

.txt-red-75 {color: rgb(249 57 57 / 75%); transition: all 0.15s ease-in-out;}

.txt-red-50 {color: rgb(249 57 57 / 50%); transition: all 0.15s ease-in-out;}

.txt-red-25 {color: rgb(249 57 57 / 25%); transition: all 0.15s ease-in-out;}

.bg-red {
	background: #F93939;
	color: #FFF;
	box-shadow: 0px 0px 0px 3px #FFF;
	transition: all 0.15s ease-in-out;
}

.bg-red-75 {
	background: rgb(249 57 57 / 75%);
	color: #FFF;
	box-shadow: 0px 0px 0px 3px #FFF;
	transition: all 0.15s ease-in-out;
}

.bg-red-50 {
	background: rgb(249 57 57 / 50%);
	color: #212529;
	box-shadow: 0px 0px 0px 3px #FFF;
	transition: all 0.15s ease-in-out;
}

.bg-red-25 {
	background: rgb(249 57 57 / 25%);
	color: #212529;
	box-shadow: 0px 0px 0px 3px #FFF;
	transition: all 0.15s ease-in-out;
}

.txt-org {color: #FF851B; transition: all 0.15s ease-in-out;}

.txt-org-75 {color: rgb(255 133 27 / 75%); transition: all 0.15s ease-in-out;}

.txt-org-50 {color: rgb(255 133 27 / 50%); transition: all 0.15s ease-in-out;}

.txt-org-25 {color: rgb(255 133 27 / 25%); transition: all 0.15s ease-in-out;}

.bg-org {
	background: #FF851B;
	color: #FFF;
	box-shadow: 0px 0px 0px 3px #FFF;
	transition: all 0.15s ease-in-out;
}

.bg-org-75 {
	background: rgb(255 133 27 / 75%);
	color: #FFF;
	box-shadow: 0px 0px 0px 3px #FFF;
	transition: all 0.15s ease-in-out;
}

.bg-org-50 {
	background: rgb(255 133 27 / 50%);
	color: #212529;
	box-shadow: 0px 0px 0px 3px #FFF;
	transition: all 0.15s ease-in-out;
}

.bg-org-25 {
	background: rgb(255 133 27 / 25%);
	color: #212529;
	box-shadow: 0px 0px 0px 3px #FFF;
	transition: all 0.15s ease-in-out;
}

.txt-prpl {color: #B10DC9; transition: all 0.15s ease-in-out;}

.txt-prpl-75 {color: rgb(177 13 201 / 75%); transition: all 0.15s ease-in-out;}

.txt-prpl-50 {color: rgb(177 13 201 / 50%); transition: all 0.15s ease-in-out;}

.txt-prpl-25 {color: rgb(177 13 201 / 25%); transition: all 0.15s ease-in-out;}

.bg-prpl {
	background: #B10DC9;
	color: #FFF;
	box-shadow: 0px 0px 0px 3px #FFF;
	transition: all 0.15s ease-in-out;
}

.bg-prpl-75 {
	background: rgb(177 13 201 / 75%);
	color: #FFF;
	box-shadow: 0px 0px 0px 3px #FFF;
	transition: all 0.15s ease-in-out;
}

.bg-prpl-50 {
	background: rgb(177 13 201 / 50%);
	color: #212529;
	box-shadow: 0px 0px 0px 3px #FFF;
	transition: all 0.15s ease-in-out;
}

.bg-prpl-25 {
	background: rgb(177 13 201 / 25%);
	color: #212529;
	box-shadow: 0px 0px 0px 3px #FFF;
	transition: all 0.15s ease-in-out;
}

.redbg,
span.redbg {
	border: none;
	background: #F93939;
	color: #FFF;
}


@media (max-width:814px) {
	.toggle-btn.scrollDown {top: 4.3em !important;}
	.toggle-btn.alert-warning {top: 0 !important;}
}

@media (min-width: 768px) and (max-width: 831px) {
	#countynav {padding: 0.70rem 0;}
}

/* --------------------------------END PRIMARY STYLE(S)-------------------------------- */

/* --------------------------------NAVBAR-------------------------------- */

.navbar {
	padding-right: 0 !important;
	line-height: inherit;
	border-bottom: 1px #4F7220 solid;
	background: rgb(233 236 239);
	background: -moz-linear-gradient(top, rgb(233 236 239 / 100%) 0%, rgb(248 249 250 / 95%) 100%);
	background: -webkit-linear-gradient(top, rgb(233 236 239 / 100%) 0%, rgb(248 249 250 / 95%) 100%);
	background: linear-gradient(to bottom, rgb(233 236 239 / 100%) 0%, rgb(248 249 250 / 95%) 100%);
	transition: all 0.15s ease-in-out;
	z-index: 3100;
}

.navbar:hover {
	background: rgb(233 236 239);
	background: -moz-linear-gradient(top, rgb(233 236 239 / 100%) 0%, rgb(248 249 250 / 1) 100%);
	background: -webkit-linear-gradient(top, rgb(233 236 239 / 100%) 0%, rgb(248 249 250 / 1) 100%);
	background: linear-gradient(to bottom, rgb(233 236 239 / 100%) 0%, rgb(248 249 250 / 1) 100%);
	transition: all 0.2s ease-in-out;
}
.navbar:hover a.navbar-brand {border-bottom: 1px solid rgb(70 70 70 / 15%); transition: all 0.2s ease-in-out;}

.navbar .megamenu {
	border-top: 1px solid rgb(0 0 0 / 50%);
	border-bottom: 1px solid rgb(0 0 0 / 50%);
	background: rgb(248 249 250);
	background: -moz-linear-gradient(top, rgb(248 249 250 / 100%) 0%, rgb(233 236 239 / 97%) 100%);
	background: -webkit-linear-gradient(top, rgb(248 249 250 / 100%) 0%, rgb(233 236 239 / 97%) 100%);
	background: linear-gradient(to bottom, rgb(248 249 250 / 100%) 0%, rgb(233 236 239 / 97%) 100%);
	box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%), inset 0 0 1rem rgb(0 0 0 / 15%) !important;
	padding: 1rem;
	z-index: 3200;
}

.nav-item.dropdown.show a.nav-link {color: #4F7220;}
.navbar-light .navbar-nav .nav-link,
.navbar-light .navbar-nav .nav-link a {
	min-height: 55px;
	color: rgb(70 70 70 / 75%);
	background: transparent;
	box-shadow: none;
	transition: all 0.15s ease-in-out;
}
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link a:hover {
	color: rgb(70 70 70 / 100%);
	margin-top: -8px;
	transition: all 0.2s ease-in-out;
}

/* ============ desktop view ============ */

.nav-link.dropdown-toggle.show {color: #4F7220 !important; margin-top: -10px; padding: .5rem; transition: all 0.15s ease-in-out;}
.nav-link.dropdown-toggle.show:after {border-bottom: 2px #4F7220 solid !important; transition: all 0.15s ease-in-out;}

@media all and (min-width: 768px) {
	.dropdown-toggle::after {
		width: 55%;
		position: relative;
		display: block;
		margin-left: 0;
		bottom: 0;
		left: 24%;
		border-top: none;
		border-right: none;
		border-bottom: 1px solid rgb(70 70 70 / 15%);
		border-left: none;
		transition: all 0.15s ease-in-out;
	}
	.dropdown-toggle.show {color: rgb(70 70 70 / 100%) !important;}
	.dropdown-toggle.show::after,
	.dropdown-toggle:hover::after {
		width: 100%;
		bottom: 5px;
		left: 0%;
		border-radius: 50px;
		border-bottom: 2px solid rgb(79 114 32 / 100%);
		transition: all 0.2s ease-in-out;
	}
	.dropdown-menu .megamenu {overflow-y: auto;}
}

.shift .dropdown .dropdown-menu.show {box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%), inset 0px 0px 0px 2px #264301; animation: fadein 0.05s;}

a.navbar-brand {
	border-bottom: 1px solid rgb(70 70 70 / 0%);
	background-color: rgb(35 31 32 / 0%) !important;
/*	background: url('../images/logos/cc_nav_black.svg') no-repeat;*/
	background-position: center;
	transition: all 0.15s ease-in-out;
}
a.navbar-brand:hover {
/*	background: url('../images/logos/cc_nav_white.svg') no-repeat;*/
	color: #FFF !important;
	background-position: center;
	transition: all 0.3s ease-in-out;
}
a.navbar-brand::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 0;
	left: 0;
	transform-origin: bottom center;
	background-color: rgb(79 114 32 / 100%);
	transform: scaleY(0);
	transition: transform 0.3s;
	z-index: -1;
}
a.navbar-brand:hover::after {transform: scaleY(1);}

.col-megamenu * a {
	color: #4F7220;
	background: transparent;
	display: block;
	text-decoration: none;
	border: none;
	transition: all 0.15s ease-in-out;
}
.col-megamenu * a:hover {
	color: #264301;
	background: transparent;
	display: block;
	text-decoration: none;
	border: none;
	transition: all 0.2s ease-in-out;
}

.col-megamenu li {
	font-weight: lighter;
	padding-left: 0.5rem;
	border-left: 1px solid rgb(70 70 70 / 15%);
	box-shadow: inset 1px 0px 0px rgb(70 70 70 / 0);
	transition: all 0.15s ease-in-out;
}
.col-megamenu li:hover {
	font-weight: bold;
	border-left: 1px solid rgb(79 114 32 / 100%);
	box-shadow: inset 1px 0px 0px rgb(79 114 32 / 100%);
	transition: all 0.2s ease-in-out;
}

.col-megamenu h4 {border-bottom: 1px solid rgb(0 0 0 / 50%);}

.nav-link,
a.nav-link:hover,
a.nav-link:active {
	border-bottom: none !important;
	text-decoration: none !important;
}

.hidenavbtn.scrollDown {margin-top: -2px !important;}

.hidenavbtn.scrollUp {margin-top: -1px !important;}

.nav-link .show {color: #FFF;}

/* width */
.col-megamenu::-webkit-scrollbar {width: 20px;}
.col-megamenu::-webkit-scrollbar-track {
	background: -moz-linear-gradient(top, rgba(250 250 250 / 1) 0%, rgba(255 255 255 / 1) 100%);
	background: -webkit-linear-gradient(top, rgba(250 250 250 / 1) 0%, rgba(255 255 255 / 1) 100%);
	background: linear-gradient(to bottom, rgba(250 250 250 / 1) 0%, rgba(255 255 255 / 1) 100%);
	border-left: 2px #FFF solid;
	box-shadow: inset 5px 0px 10px 0px rgb(0 0 0 / 50%);
	transition: all 0.15s ease-in-out;
}
.col-megamenu::-webkit-scrollbar-thumb {
	background: #4F7220;
	border: 1px #FFF solid;
	border-left: 2px #4F7220 solid;
	box-shadow: 0px 0px 5px 5px rgb(0 0 0 / 25%), inset 0px 0px 0px 1px rgb(79 114 32);
	transition: all 0.15s ease-in-out;
}

.dropdown-item {border-bottom: 1px transparent solid;}
.dropdown-item:hover {border-bottom: 1px #4F7220 solid;}

/* --------------------------------END NAVBAR-------------------------------- */

/* --------------------------------SECTION STYLES-------------------------------- */

.sectionspacing {
	margin-top: 6rem;
	margin-bottom: 6rem;
	padding-top: 6rem;
	padding-bottom: 6rem;
}

.section-m-spacing {
	margin-top: 12rem;
	margin-bottom: 12rem;
	padding-top: 0rem;
	padding-bottom: 0rem;
}

.section-p-spacing {
	margin-top: 0rem;
	margin-bottom: 0rem;
	padding-top: 12rem;
	padding-bottom: 12rem;
}

/* ============ SECTION DARK ============ */

.sectiondark {
	background: rgb(33 37 41 / 100%);
	background: linear-gradient(180deg, rgb(33 37 41 / 100%) 0%, rgb(33 37 41 / 90%) 100%);
}

.sectiondark p a, .sectiondark li a, .sectiondark dl a, .sectiondark caption a {
	display: inline-block;
	padding: 1px 5px;
	color: rgb(255 255 255 / 100%);
	font-weight: normal;
	box-shadow: inset 0px -1px 0px rgb(255 255 255 / 50%);
	text-decoration: none;
	border-bottom: none;
	transition: all 0.2s ease-in-out;
}
.sectiondark p a:hover, .sectiondark li a:hover, .sectiondark dl a:hover {
	display: inline-block;
	padding: 1px 5px;
	color: rgb(51 51 51 / 100%);
	font-weight: normal;
	box-shadow: inset 0px -10rem 0px rgb(255 255 255 / 100%);
	text-decoration: none;
	border-bottom: none;
	transition: all 0.3s ease-in-out;
}

.sectiondark caption a:hover {
	display: inline-block;
	padding: 1px 5px;
	color: rgb(51 51 51 / 100%) !important;
	font-weight: normal;
	box-shadow: inset 0px -10rem 0px rgb(255 255 255 / 100%);
	text-decoration: none;
	border-bottom: none;
	transition: all 0.3s ease-in-out;
}

.sectiondark .bg-white p a.bg-cc-wht, .sectiondark .bg-white li a.bg-cc-wht, .sectiondark .bg-light p a.bg-cc-wht, .sectiondark .bg-light li a.bg-cc-wht {
	background: #FFF;
	display: inline-block;
	box-shadow: inset 0px -1px 0px 0px rgb(79 114 32);
	border: 2px #4F7220 solid;
	color: #4F7220;
	font-weight: normal;
	transition: all 0.2s ease-in-out;
}
.sectiondark .bg-white p a.bg-cc-wht:hover, .sectiondark .bg-white li a.bg-cc-wht:hover, .sectiondark .bg-light p a.bg-cc-wht:hover, .sectiondark .bg-light li a.bg-cc-wht:hover {
	background: #4F7220;
	box-shadow: inset 0px -5rem 0px 0px rgb(79 114 32);
	border: 2px #FFF solid;
	color: #FFF !important;
	transition: all 0.3s ease-in-out;
}

/*
.sectiondark .bg-light .bg-cc-wht, .sectiondark .bg-white .bg-cc-wht {
	display: inline-block;
	box-shadow: inset 0px -1px 0px 0px rgb(79 114 32 / 100%);
	border: 2px #4F7220 solid;
	color: #4F7220;
	font-weight: normal;
	transition: all 0.15s ease-in-out;
}
.sectiondark .bg-light .bg-cc-wht:hover, .sectiondark .bg-white .bg-cc-wht:hover {
	box-shadow: inset 0px -50px 0px 0px rgb(79 114 32);
	border: 2px #FFF solid;
	color: #FFF !important;
	transition: all 0.2s ease-in-out;
}
*/

/* ============ SECTION LIGHT ============ */

.sectionlight {
	background: rgb(255 255 255 / 100%);
	background: linear-gradient(180deg, rgb(255 255 255 / 100%) 0%, rgb(250 250 250 / 90%) 100%);
}

.sectionlight p a, .sectionlight li a, .sectionlight dl a, .sectionlight caption a {
	display: inline-block;
	padding: 1px 5px;
	color: rgb(79 114 32 / 100%);
	font-weight: normal;
	box-shadow: inset 0px -1px 0px rgb(79 114 32 / 50%);
	text-decoration: none;
	border-bottom: none;
	transition: all 0.2s ease-in-out;
}
.sectionlight p a:hover, .sectionlight li a:hover, .sectionlight dl a:hover, .sectionlight caption a:hover {
	display: inline-block;
	padding: 1px 5px;
	color: rgb(255 255 255 / 100%);
	font-weight: normal;
	box-shadow: inset 0px -10rem 0px rgb(79 114 32 / 100%);
	text-decoration: none;
	border-bottom: none;
	transition: all 0.3s ease-in-out;
}

.sectionlight .bg-light .bg-cc-wht, .sectionlight .bg-white .bg-cc-wht {
	background: #FFF;
	display: inline-block;
	box-shadow: inset 0px 150px 0px 0px rgb(255 255 255);
	border: 2px #4F7220 solid;
	color: #4F7220;
	font-weight: normal;
	transition: all 0.15s ease-in-out;
}
.sectionlight .bg-light .bg-cc-wht:hover, .sectionlight .bg-white .bg-cc-wht:hover {
	background: #4F7220;
	box-shadow: inset 0px 0px 50px 50px rgb(79 114 32);
	border: 2px #FFF solid;
	color: #FFF !important;
	transition: all 0.2s ease-in-out;
}

/* ============ SECTION BLUE ============ */

.sectionblue {
	background: rgb(38 67 1 / 100%);
	background: linear-gradient(180deg, rgb(38 67 1 / 100%) 0%, rgb(38 67 1 / 90%) 100%);
}

.sectionblue p a, .sectionblue li a, .sectionblue dl a, .sectionblue caption a {
	display: inline-block;
	padding: 1px 5px;
	color: rgb(255 255 255 / 100%);
	font-weight: normal;
	box-shadow: inset 0px -1px 0px rgb(255 255 255 / 50%);
	text-decoration: none;
	border-bottom: none;
	transition: all 0.2s ease-in-out;
}
.sectionblue p a:hover, .sectionblue li a:hover, .sectionblue dl a:hover {
	display: inline-block;
	padding: 1px 5px;
	color: rgb(38 67 1 / 100%);
	font-weight: normal;
	box-shadow: inset 0px -10rem 0px rgb(255 255 255 / 100%);
	text-decoration: none;
	border-bottom: none;
	transition: all 0.3s ease-in-out;
}

.sectionblue caption a:hover {
	display: inline-block;
	padding: 1px 5px;
	color: rgb(38 67 1 / 100%) !important;
	font-weight: normal;
	box-shadow: inset 0px -10rem 0px rgb(255 255 255 / 100%);
	text-decoration: none;
	border-bottom: none;
	transition: all 0.3s ease-in-out;
}

.sectionblue .bg-white p a.bg-cc-wht, .sectionblue .bg-white li a.bg-cc-wht, .sectionblue .bg-light p a.bg-cc-wht, .sectionblue .bg-light li a.bg-cc-wht {
	background: #FFF;
	display: inline-block;
	box-shadow: inset 0px -1px 0px 0px rgb(79 114 32);
	border: 2px #4F7220 solid;
	color: #4F7220;
	font-weight: normal;
	transition: all 0.2s ease-in-out;
}
.sectionblue .bg-white p a.bg-cc-wht:hover, .sectionblue .bg-white li a.bg-cc-wht:hover, .sectionblue .bg-light p a.bg-cc-wht:hover, .sectionblue .bg-light li a.bg-cc-wht:hover {
	background: #4F7220;
	box-shadow: inset 0px -5rem 0px 0px rgb(79 114 32);
	border: 2px #FFF solid;
	color: #FFF !important;
	transition: all 0.3s ease-in-out;
}

/* ============ SECTION GREEEN ============ */

.sectiongreen {
	background: rgb(65 110 84 / 100%);
	background: linear-gradient(180deg, rgb(65 110 84 / 100%) 0%, rgb(65 110 84 / 90%) 100%);
}

.sectiongreen p a, .sectiongreen li a, .sectiongreen dl a, .sectiongreen caption a {
	display: inline-block;
	padding: 1px 5px;
	color: rgb(255 255 255 / 100%);
	font-weight: normal;
	box-shadow: inset 0px -1px 0px rgb(255 255 255 / 50%);
	text-decoration: none;
	border-bottom: none;
	transition: all 0.2s ease-in-out;
}
.sectiongreen p a:hover, .sectiongreen li a:hover, .sectiongreen dl a:hover {
	display: inline-block;
	padding: 1px 5px;
	color: rgb(38 67 1 / 100%);
	font-weight: normal;
	box-shadow: inset 0px -10rem 0px rgb(255 255 255 / 100%);
	text-decoration: none;
	border-bottom: none;
	transition: all 0.3s ease-in-out;
}

.sectiongreen caption a:hover {
	display: inline-block;
	padding: 1px 5px;
	color: rgb(38 67 1 / 100%) !important;
	font-weight: normal;
	box-shadow: inset 0px -10rem 0px rgb(255 255 255 / 90%);
	text-decoration: none;
	border-bottom: none;
	transition: all 0.3s ease-in-out;
}

.sectiongreen .bg-white p a.bg-cc-wht, .sectiongreen .bg-white li a.bg-cc-wht, .sectiongreen .bg-light p a.bg-cc-wht, .sectiongreen .bg-light li a.bg-cc-wht {
	background: #FFF;
	display: inline-block;
	box-shadow: inset 0px -1px 0px 0px rgb(79 114 32);
	border: 2px #4F7220 solid;
	color: #4F7220;
	font-weight: normal;
	transition: all 0.2s ease-in-out;
}
.sectiongreen .bg-white p a.bg-cc-wht:hover, .sectiongreen .bg-white li a.bg-cc-wht:hover, .sectiongreen .bg-light p a.bg-cc-wht:hover, .sectiongreen .bg-light li a.bg-cc-wht:hover {
	background: #4F7220;
	box-shadow: inset 0px -5rem 0px 0px rgb(79 114 32);
	border: 2px #FFF solid;
	color: #FFF !important;
	transition: all 0.3s ease-in-out;
}


/* --------------------------------END SECTION STYLES-------------------------------- */

/* --------------------------------QUICKMENU(s) * FANCYBOX-------------------------------- */

.fancybox {
	animation: expand 0.7s ease-in-out forwards;
	transition: all .8s ease;
}

.quickmenu .cards_landscape_wrap a {
	color: #4F7220;
	text-decoration: none;
	outline: none;
}

.cards_landscape_wrap a:active .text-box {
	-webkit-transform: scale(0.95);
	-moz-transform: scale(0.95);
	-ms-transform: scale(0.95);
	-o-transform: scale(0.95);
	transform: scale(0.95);
	transition: all 0.1s ease-in-out !important;
}

.quickmenu .cards_landscape_wrap .card-flyer .fancybox {
	padding: 2em;
	display: inline-block;
	border: 3px #4F7220 solid;
	text-shadow: none;
	/*text-shadow: 0 0 1px #4F7220, 0 0 1px #4F7220, 0 0 1px #4F7220, 0 0 1px #4F7220, 0 0 1px #4F7220,0 0 3px #4F7220, 0 0 3px #4F7220, 0 0 3px #4F7220, 0 0 3px #4F7220, 0 0 3px #4F7220;*/
	box-shadow: inset 0px 0px 60px 60px rgb(255 255 255 / 60%), 0px 0px 20px 0px rgb(255 255 255 / 45%);
	/*box-shadow: inset 0px 0px 200px 45px rgb(255 255 255 / 90%);*/
	background-image: url('../images/bgs/skylinebg-btn.png');
	background-position: left;
	background-size: cover;
	/*background-image: url('../images/bgs/skyline-blue.png'), url('../images/bgs/skylinebg-btn.png');
	background-position: bottom, center;
	background-size: contain, cover;*/
	background-repeat: no-repeat;
	transition: all .35s ease-in-out;
	overflow: hidden;
	border-radius: 5px;
}

.quickmenu .cards_landscape_wrap .card-flyer .fancybox i {
	width: 100%;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	-ms-transition: all .2s ease;
}
.quickmenu .cards_landscape_wrap .card-flyer:hover .fancybox {
	color: #FFF;
	border: 3px #FFF solid;
	text-shadow: 0 0 1px #4F7220, 0 0 1px #4F7220, 0 0 1px #4F7220, 0 0 1px #4F7220, 0 0 1px #4F7220, 0 0 3px #4F7220, 0 0 3px #4F7220, 0 0 3px #4F7220, 0 0 3px #4F7220, 0 0 3px #4F7220;
	box-shadow: inset 0px 0px 0px 0px rgb(255 255 255 / 90%), 0px 0px 0px 0px rgb(255 255 255 / 45%);
	/*box-shadow: inset 0px 0px 200px 45px rgb(255 255 255 / 40%);*/
	background-image: url('../images/bgs/skylinebg-btn.png');
	background-position: right;
	background-size: cover;
	/*background-attachment: fixed, fixed;
	background-image: url('../images/bgs/skyline-blue.png'), url('../images/bgs/skylinebg-btn.png');
	background-position: bottom, center;
	background-size: contain, cover;*/
	background-repeat: no-repeat;
	transition: all .25s ease-in-out;
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
	-ms-transform: scale(1.15);
	-o-transform: scale(1.15);
	transform: scale(1.15);
}

.bevrquickmenu .cards_landscape_wrap a {
	color: #4F7220;
	text-decoration: none;
	outline: none;
}

.bevrquickmenu .cards_landscape_wrap .card-flyer .fancybox {
	padding: 2em;
	display: inline-block;
	border: 3px #4F7220 solid;
	text-shadow: none;
	/*text-shadow: 0 0 1px #4F7220, 0 0 1px #4F7220, 0 0 1px #4F7220, 0 0 1px #4F7220, 0 0 1px #4F7220,0 0 3px #4F7220, 0 0 3px #4F7220, 0 0 3px #4F7220, 0 0 3px #4F7220, 0 0 3px #4F7220; */
	box-shadow: inset 0px 0px 60px 60px rgb(255 255 255 / 60%), 0px 0px 20px 0px rgb(255 255 255 / 45%);
	/*box-shadow: inset 0px 0px 200px 45px rgb(255 255 255 / 90%);*/
	background-image: url('../images/bgs/vote-bg.jpg');
	background-position: right;
	background-size: cover;
	/*background-image: url('../images/bgs/skyline-blue.png'), url('../images/bgs/skylinebg-btn.png');
	background-position: bottom, center;
	background-size: contain, cover;*/
	background-repeat: no-repeat;
	transition: all .35s ease-in-out;
	overflow: hidden;
	border-radius: 5px;
}

.bevrquickmenu .cards_landscape_wrap .card-flyer .fancybox i {
	width: 100%;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	-ms-transition: all .2s ease;
}
.bevrquickmenu .cards_landscape_wrap .card-flyer:hover .fancybox {
	color: #FFF;
	border: 3px #FFF solid;
	text-shadow: 0 0 1px #4F7220, 0 0 1px #4F7220, 0 0 1px #4F7220, 0 0 1px #4F7220, 0 0 1px #4F7220, 0 0 3px #4F7220, 0 0 3px #4F7220, 0 0 3px #4F7220, 0 0 3px #4F7220, 0 0 3px #4F7220;
	box-shadow: inset 0px 0px 60px 60px rgb(38 67 1 / 60%), 0px 0px 20px 0px rgb(38 67 1 / 45%);
	/*box-shadow: inset 0px 0px 0px 0px rgb(255 255 255 / 90%), 0px 0px 0px 0px rgb(255 255 255 / 45%);
  box-shadow: inset 0px 0px 200px 45px rgb(255 255 255 / 40%);*/
	background-image: url('../images/bgs/vote-bg.jpg');
	background-position: left;
	background-size: cover;
	/*background-attachment: fixed, fixed;
	background-image: url('../images/bgs/skyline-blue.png'), url('../images/bgs/skylinebg-btn.png');
	background-position: bottom, center;
	background-size: contain, cover;*/
	background-repeat: no-repeat;
	transition: all .25s ease-in-out;
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
	-ms-transform: scale(1.15);
	-o-transform: scale(1.15);
	transform: scale(1.15);
}

.councilquickmenu .cards_landscape_wrap a {
	color: #4F7220;
	text-decoration: none;
	outline: none;
}

.councilquickmenu .cards_landscape_wrap .card-flyer .fancybox {
	padding: 2em;
	display: inline-block;
	border: 3px #4F7220 solid;
	text-shadow: none;
	/*text-shadow: 0 0 1px #4F7220, 0 0 1px #4F7220, 0 0 1px #4F7220, 0 0 1px #4F7220, 0 0 1px #4F7220,0 0 3px #4F7220, 0 0 3px #4F7220, 0 0 3px #4F7220, 0 0 3px #4F7220, 0 0 3px #4F7220;*/
	box-shadow: inset 0px 0px 60px 60px rgb(255 255 255 / 60%), 0px 0px 20px 0px rgb(255 255 255 / 45%);
	/*box-shadow: inset 0px 0px 200px 45px rgb(255 255 255 / 90%);*/
	background-image: url('../images/bgs/bg-body.jpg');
	background-position: bottom;
	background-size: cover;
	/*background-image: url('../images/bgs/skyline-blue.png'), url('../images/bgs/skylinebg-btn.png');
	background-position: bottom, center;
	background-size: contain, cover;*/
	background-repeat: no-repeat;
	transition: all .35s ease-in-out;
	overflow: hidden;
	border-radius: 5px;
}

.councilquickmenu .cards_landscape_wrap .card-flyer .fancybox i {
	width: 100%;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	-ms-transition: all .2s ease;
}
.councilquickmenu .cards_landscape_wrap .card-flyer:hover .fancybox {
	color: #FFF;
	border: 3px #FFF solid;
	text-shadow: 0 0 1px #4F7220, 0 0 1px #4F7220, 0 0 1px #4F7220, 0 0 1px #4F7220, 0 0 1px #4F7220, 0 0 3px #4F7220, 0 0 3px #4F7220, 0 0 3px #4F7220, 0 0 3px #4F7220, 0 0 3px #4F7220;
	box-shadow: inset 0px 0px 60px 60px rgb(38 67 1 / 60%), 0px 0px 20px 0px rgb(38 67 1 / 45%);
	/*box-shadow: inset 0px 0px 0px 0px rgb(255 255 255 / 90%), 0px 0px 0px 0px rgb(255 255 255 / 45%);
	box-shadow: inset 0px 0px 200px 45px rgb(255 255 255 / 40%);*/
	background-image: url('../images/bgs/bg-body.jpg');
	background-position: top;
	background-size: cover;
	/*background-attachment: fixed, fixed;
	background-image: url('../images/bgs/skyline-blue.png'), url('../images/bgs/skylinebg-btn.png');
	background-position: bottom, center;
	background-size: contain, cover;*/
	background-repeat: no-repeat;
	transition: all .25s ease-in-out;
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
	-ms-transform: scale(1.15);
	-o-transform: scale(1.15);
	transform: scale(1.15);
}

.cards_landscape_wrap .card-flyer .text-box {text-align: center;}

.cards_landscape_wrap .card-flyer .text-box .text-container {padding: 0;}

.cards_landscape_wrap .card-flyer:hover {
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}

.cards_landscape_wrap .card-flyer .text-box p {color: #FFF;}

.card p:last-child {margin-bottom: 0;}

/* --------------------------------END QUICKMENU(s) * FANCYBOX-------------------------------- */

/* --------------------------------CD (collapsing display) PANEL / 'Departments & Offices' (.countycarousel-directory)-------------------------------- */

#sidepanel {
	box-shadow: 0px 0px 0px 3px #4F7220, 0 0.75rem 0.75rem rgb(0 0 0 / 50%);
	animation: slideUp 0.55s ease-in-out forwards;
	transition: all .8s ease;
}

.cd-panel section::-webkit-scrollbar {width: 20px;}
.cd-panel section::-webkit-scrollbar-track {
	background: -moz-linear-gradient(top, rgba(250 250 250 / 1) 0%, rgba(255 255 255 / 1) 100%);
	background: -webkit-linear-gradient(top, rgba(250 250 250 / 1) 0%,rgba(255 255 255 / 1) 100%);
	background: linear-gradient(to bottom, rgba(250 250 250 / 1) 0%,rgba(255 255 255 / 1) 100%);
	border-right: 0px #FFF solid;
	box-shadow: inset -5px 0px 10px 0px rgb(0 0 0 / 50%);
	transition: all 0.15s ease-in-out;
}
.cd-panel section::-webkit-scrollbar-thumb {
	background: #F93939;
	border-right: 0px #FFF solid;
	box-shadow: 0px 0px 5px 5px rgb(0 0 0 / 25%), inset 0px 0px 0px 1px rgb(249 57 57);
	transition: all 0.15s ease-in-out;
	border-left: 1px #FFF solid;
}

.cd-panel {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	visibility: hidden;
	-webkit-transition: visibility 0s 0.6s;
	transition: visibility 0s 0.6s;
	z-index: 99999;
}

.cd-panel::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	cursor: pointer;
	backdrop-filter: blur(0pt);
	transition: all 0.3s ease-in-out;
}

.cd-panel.cd-panel--is-visible {
	visibility: visible;
	-webkit-transition: background 0.1s 0s;
	transition: background 0.1s 0s;
}

.cd-panel.cd-panel--is-visible::after {
	background: rgb(0 0 0 / 60%);
	backdrop-filter: blur(5pt);
	transition: all 0.05s ease-in-out;
}

.cd-panel-content section {
	margin: 0 0 1em 0;
	padding: 10px 10px 5px 10px;
	background: #FFF;
	border: 1px #111 solid;
}

.cd-nugget-info {
	display: block;
	font-family: "Droid Serif", serif;
	color: #FFF;
	margin: 20px auto 0;
	font-size: 1.2rem;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	width: 120px;
	position: relative;
}

.cd-nugget-info::after {
	content: '';
	position: absolute;
	display: inline-block;
	top: 16px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	height: 1px;
	width: 0%;
	background-color: white;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
}
.cd-nugget-info:hover::after {width: 100%;}

.panelbtn {right: -40px !important;}

.cd-btn {
	position: fixed;
	bottom: 0px;
	right: -2px;
	padding: 10px 20px;
	text-align: center;
	border-radius: 15px 0 0 0;
	opacity: 0.75;
	z-index: 9999;
	transition: all 0.15s ease-in-out;
}
.cd-btn:hover {
	border-bottom: none !important;
	opacity: 1;
	transition: all 0.3s ease-in-out;
}

.cd-panel-content > section {
	/*max-height: fit-content;
	height: -moz-max-content;*/
	overflow-y: hidden;
	overflow-x: hidden;
}

.cd-panel-content .carousel-indicators {height: 40px; border-bottom: 1px #111 solid;}

.cd-panel-content .carousel-indicators span.active > span.letter {
	margin-bottom: 0;
	color: #4F7220;
	border-bottom: 2px #4F7220 solid;
	pointer-events: none;
	transition: all 0.3s ease-in-out;
}

.cd-panel-content .carousel-indicators span > span.letter {
	width: 20px;
	margin: 0 5px;
	text-align: center;
	display: block !important;
	position: relative;
	border-bottom: 1px transparent solid;
	transition: all 0.15s ease-in-out;
}
.cd-panel-content .carousel-indicators span > span.letter:hover {
	color: #264301;
	font-weight: bold;
	border-bottom: 1px #264301 solid;
	transition: all 0.3s ease-in-out;
}

@media only screen and (max-width: 1170px) {
	/*#countycarousel-directory > .carousel-indicators span[type="button"] {}*/
	.cd-panel-content .carousel-indicators span > span.letter {
		text-align: end;
		padding-right: 4px;
	}
}

@media only screen and (min-width: 1170px) {
	/*#countycarousel-directory > .carousel-indicators span[type="button"] {}*/
	.cd-panel-content .carousel-indicators span > span.letter {
		text-align: end;
		padding-right: 4px;
	}
}

@media (min-width: 300px) and (max-width: 600px) {
	/*#countycarousel-directory > .carousel-indicators span[type="button"] {}*/
	.cd-panel-content .carousel-indicators span > span.letter {
		text-align: end;
		padding-right: 0px;
	}
}

@media screen and (max-width: 992px) {
	.cd-panel-content .carousel-item {
		/*height: 50vh !important;
		max-height: 370px !important;*/
	}
	.cd-panel-content #countycarousel-directory .carousel-item {
		/*height: auto !important;
		max-height: 370px !important;*/
	}
}

@media screen and (min-width: 992px) {
	.cd-panel-content #countycarousel-directory .carousel-item {
		/*height: auto !important;
		max-height: 200px !important;*/
	}
}

@media screen and (max-width: 800px) {
	.cd-panel-content > section {height: 500px; overflow-y: auto;}
	#countycarousel-directory {font-size: 1.4rem;}
	.cd-panel-content .carousel-indicators {height: 50px;}
}

@media only screen and (min-width: 1170px) {
	.cd-main-content h1 {font-size: 3.2rem;}
}

.cd-panel-content .carousel-inner {overflow: inherit; transition: all 0.3s linear;}

.cd-panel-content .carousel-item {height: auto !important; transition: all 0.3s linear;}

.cd-panel__header {
	position: fixed;
	width: 95%;
	height: 50px;
	line-height: 50px;
	background: rgb(255 255 255 / 96%);
	z-index: 2;
	-webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 80%);
	box-shadow: 0 1px 1px rgb(0 0 0 / 80%);
	-webkit-transition: -webkit-transform 0.3s 0s;
	transition: -webkit-transform 0.3s 0s;
	transition: transform 0.3s 0s;
	transition: transform 0.3s 0s, -webkit-transform 0.3s 0s;
	-webkit-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	transform: translateY(-50px);
}

.cd-panel--from-right .cd-panel__header {right: 0;}

.cd-panel--from-left .cd-panel__header {left: 0;}

.cd-panel--is-visible .cd-panel__header {
	vertical-align: middle;
	color: #FFFFFF;
	padding-left: 2%;
	background: #4F7220;
	border-bottom: 1px #FFF solid;
	-webkit-transition: -webkit-transform 0.3s 0.3s;
	transition: -webkit-transform 0.3s 0.3s;
	transition: transform 0.3s 0.3s;
	transition: transform 0.3s 0.3s, -webkit-transform 0.3s 0.3s;
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	box-shadow: 0 .5rem 1rem rgb(0 0 0 / 15%);
}

@media only screen and (min-width: 768px) {
	.cd-panel__header {width: 80%;}
}

@media only screen and (min-width: 1170px) {
	.cd-panel__header {width: 70%;}
	.cd-panel-content > section {height: 450px !important;}
}

.cd-panel__close {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 60px;
	border-bottom: none;
	display: inline-block;
	background: rgb(220 53 69 / 75%);
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

.cd-panel__close::before,
.cd-panel__close::after {
	content: '';
	position: absolute;
	top: 22px;
	left: 20px;
	height: 3px;
	width: 20px;
	background-color: #333;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.cd-panel__close::before {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.cd-panel__close::after {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.cd-panel__close:hover {
	background-color: #F93939;
	border-bottom: none;
}

.cd-panel__close:hover::before,
.cd-panel__close:hover::after {
	background-color: #FFFFFF;
	-webkit-transition: -webkit-transform 0.3s;
	transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	transition: transform 0.3s, -webkit-transform 0.3s;
}

.cd-panel__close:hover::before {
	-webkit-transform: rotate(220deg);
	-ms-transform: rotate(220deg);
	transform: rotate(220deg);
}

.cd-panel__close:hover::after {
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
}

.cd-panel--is-visible .cd-panel__close::before {
	background: #FFFFFF;
	-webkit-animation: cd-close-1 0.6s 0.3s;
	animation: cd-close-1 0.6s 0.3s;
}

.cd-panel--is-visible .cd-panel__close::after {
	background: #FFFFFF;
	-webkit-animation: cd-close-2 0.6s 0.3s;
	animation: cd-close-2 0.6s 0.3s;
}

@-webkit-keyframes cd-close-1 {
	0%,
	50% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
}

@keyframes cd-close-1 {
	0%,
	50% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
}

@-webkit-keyframes cd-close-2 {
	0%,
	50% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
}

@keyframes cd-close-2 {
	0%,
	50% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
}

.cd-panel__container {
	position: fixed;
	width: 95%;
	height: 100%;
	top: 0;
	background: #FFFFFF;
	color: #00264D;
	z-index: 1;
	-webkit-transition: -webkit-transform 0.3s 0.3s;
	transition: -webkit-transform 0.3s 0.3s;
	transition: transform 0.3s 0.3s;
	transition: transform 0.3s 0.3s, -webkit-transform 0.3s 0.3s;
}

.cd-panel--from-right .cd-panel__container {
	right: 0;
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
}

.cd-panel--from-left .cd-panel__container {
	left: 0;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}

.cd-panel--is-visible .cd-panel__container {
	background: #F0F0F0;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

@media only screen and (min-width: 768px) {
	.cd-panel__container {width: 80%;}
}

@media only screen and (min-width: 1170px) {
	.cd-panel__container {width: 70%;}
}

.cd-panel-content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 70px 3% 0 3%;
	overflow: 100%;
	-webkit-overflow-scrolling: touch;
}

.cd-panel-content p {
	font-size: 1.4rem;
	color: #424F5C;
	line-height: 1.4;
}

.cd-panel-content p::first-of-type {margin-top: 0;}

@media only screen and (min-width: 768px) {
	.cd-panel-content p {font-size: 1.6rem; line-height: 1.6;}
}

#countycarousel-directory > .carousel-indicators span[type="button"] {display: contents;}

#countycarousel-directory > .carousel-indicators span {display: contents;}

#countycarousel-directory > .carousel-indicators span.active {font-weight: bold;}

#countycarousel-directory .card-title {}

#countycarousel-directory .card-body {height: 100%;}

#countycarousel-directory .card-text {margin-bottom: 0;}

#countycarousel-directory .card-address {font-size: small;}

#countycarousel-directory .card-body > .card-address::first-of-type {margin-bottom: 0;}

#countycarousel-directory .card-body > .card-address {margin-bottom: 0px;}

#countycarousel-directory .card-body > .card-phone {margin-bottom: 0;}

#countycarousel-directory .card-phone {font-size: small;}

#countycarousel .carousel-item {/*max-height: 330px;*/}

#countycarousel .carousel-item images {max-height: 330px; min-width: inherit;}

#countycarousel-directory .card {width: 100%; max-width: 100%;}

#countycarousel-directory .card:hover {transform: none; transition: all 0.15s linear;}

#countycarousel-directory .sitelink {
	position: absolute;
	right: 10px;
	bottom: 5px;
}

#countycarousel-directory .card-title {
	margin-bottom: .5rem;
	padding: 0px 0 5px 0;
	border-color: inherit;
	border-width: 0 0 1px 0;
	border-style: solid;
}

#countycarousel-directory .card-body {flex: 1 1 auto; padding: 1rem 1rem;}

/* --------------------------------END CD (collapsing display) PANEL / 'Departments & Offices'-------------------------------- */

/* --------------------------------JUMBOTRON and CAROUSEL-------------------------------- */

.mask.alert-warning {border: 1px #0059B3 solid;}

.mask.alert-warning a {
	color: #0079F2;
	border-bottom: 1px #0079F2 solid;
	transition: all 0.15s linear;
}
.mask.alert-warning a:hover {
	color: #0059B3;
	border-bottom: 1px #0059B3 solid;
	transition: all 0.15s linear;
}

.carousel-indicators {
	height: fit-content;
	margin-top: 2em;
	top: 0;
	transition: all 0.15s linear;
}

.carousel-indicators [data-bs-target] {
	width: auto;
	height: auto;
	border: 2px #FFF solid;
	background-color: #C6FFDD;
	padding: 5px;
	transition: all 0.15s linear;
}
.carousel-indicators [data-bs-target]:hover {
	border: 2px #C6FFDD solid;
	background-color: #00B74A;
	box-shadow: 0 0px 5px 2px rgb(250 250 250 / 100%) !important;
	transition: all 0.15s linear;
}

.carousel-indicators [data-bs-target].active {
	border: 2px #C6FFDD solid;
	background-color: #00B74A;
	box-shadow: 0 0px 5px 1px rgb(250 250 250 / 100%) !important;
	pointer-events: none;
	transition: all 0.15s linear;
}

.carousel figure {
	max-height: 225px;
	padding: 10px;
	border: 1px #111 solid;
	background-color: #FFFFFF;
}

.carousel-playbutton {
	position: absolute;
	display: block;
	margin: auto;
	z-index: 15;
}

.carousel-playbutton {
	width: 70%;
	position: absolute;
	left: 50%;
	top: 55%;
	transform: translate(-50%, -50%);
	z-index: 15;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	padding-left: 0;
	list-style: none;
	line-height: 3em;
	color: #FFF;
}

.carousel-playbutton i:hover {color: #0F9D58;}

.carousel-control-next-icon,
.carousel-control-prev-icon {
	position: absolute;
	top: 0;
	padding: 2em;
	transition: all 0.15s ease-in-out !important;
}

.carousel-control-next-icon:active,
.carousel-control-prev-icon:active {
	transform: scale(0.8);
	transition: all 0.2s ease-in-out !important;
}

.carousel-inner,
.carousel-item,
.item-box-blog {
	background: transparent;
}

.carousel-control-next,
.carousel-control-prev {
	border-bottom: none !important;
	margin-top: 10em;
	z-index: 100;
}

.slick-track .cardbio {
	min-width: 150px;
	margin-left: 0px;
	animation: slide 15s linear infinite;
}

.newscarousel-item images {
	max-width: 100px;
	min-width: 75px;
}

span a.readmore  {
	display: inline-block;
	padding: 1px 10px;
	color: rgb(79 114 32 / 100%);
	font-weight: normal;
	box-shadow: inset 1px 0px 0px rgb(79 114 32 / 50%);
	text-decoration: none;
	border-bottom: none;
	transition: all 0.2s ease-in-out;

}
span a.readmore:hover {
	display: inline-block;
	padding: 1px 10px;
	color: rgb(255 255 255 / 100%);
	font-weight: normal;
	box-shadow: inset 5rem 0px 0px rgb(79 114 32);
	text-decoration: none;
	border-bottom: none;
	transition: all 0.3s ease-in-out;
}

.votingsites.sectiondark-bg {
	background-attachment: fixed;
	background-image: url('./images/bgs/us-flag-bg.jpg');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

/* ============ SLICK SLIDER ============ */

.slick-slider .slick-track, .slick-slider .slick-list {
	height: auto;
	display: flex;
}

.slick-list:focus {outline: none;}

.slick-list.dragging {cursor: pointer; cursor: hand;}

.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	   -moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		 -o-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
}

.slick-track:before,
.slick-track:after {display: table; content: '';}

.slick-track:after {clear: both;}

.slick-loading .slick-track {visibility: hidden;}

.slick-slide { 
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
}

[dir='rtl'] .slick-slide {float: right;}

.slick-slide images {display: block;}

.slick-slide.slick-loading images {display: none;}

.slick-slide.dragging images {pointer-events: none;}

.slick-initialized .slick-slide {display: block; margin: 7px 0;}

.slick-loading .slick-slide {visibility: hidden;}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}

.slick-arrow.slick-hidden {display: none;}

.slick-slide > .card h6.card-title u {text-transform: capitalize;}
.slick-slide > .card h6.card-title {text-transform: uppercase; font-size: 0.9rem;}

/* ============ COUNTY CAROUSEL ============ */

#countycarousel-info {background: #FFF; padding-bottom: 4rem;}

#countycarousel {max-height: 800px; transition: all 0.15s ease-in-out;}

.carousel-indicators.countycarousel {top: 0;}

.carousel-caption {top: 0; bottom: auto; transition: all 0.15s ease-in-out;}

.countycarousel .slidescss {
	background-size: cover !important;
	width: 100%;
	height: 100vh;
/*	height: 70vh;*/
	background-repeat: no-repeat !important;
	background-attachment: fixed !important;
	background-position: bottom !important;
	transition: all 0.15s ease-in-out;
}

.countycarousel .carousel-item {
	-webkit-background-attachment: fixed !important;
	-moz-background-attachment: fixed !important;
	background-attachment: fixed !important;
/*	background-position: center top !important;*/
	transition: all 0.15s ease-in-out;
}

.carousel-fade .active.carousel-item-left, 
.carousel-fade .active.carousel-item-prev, 
.carousel-fade .carousel-item-next, 
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active {
	-webkit-transform: none;
	transform: none;
}

a .carousel-caption:hover {
	border: 1px #212529 solid !important;
	color: #111 !important;
	--bs-bg-opacity: 0.9;
	background-color: rgba(var(--bs-light-rgb),var(--bs-bg-opacity))!important;
}

#countycarousel .carousel-control-prev {left: 1em;}

#countycarousel .carousel-control-next {right: 1em;}

@media screen and (max-width: 992px) {
	#countycarousel, #countycarousel .carousel-item, .slidescss {/*max-height: 500px;*/}
	#countycarousel .carousel-inner {padding-bottom: 15em;}
	.carousel-caption { top: 6em !important; }
	.carousel-control-prev, .carousel-control-next {height: 50%;}
}

@media screen and (max-width: 700px) {
	#countycarousel .carousel-caption {padding-left: 85px;}
}

@media screen and (min-height: 992px) {
	#countycarousel .carousel-inner {max-height: 800px;}
	#countycarousel .carousel-caption {top: 30% !important;}
}

@media screen and (max-height: 992px) {
	#countycarousel .carousel-inner {max-height: 800px;}
	#countycarousel .carousel-caption {top: 26% !important;}
}

@media (min-height: 993px) and (max-height: 1250px) {
	#countycarousel .carousel-inner {max-height: 800px;}
	#countycarousel .carousel-caption {top: 25% !important;}
}

@media (min-height: 1251px) and (max-height: 1400px) {
	#countycarousel .carousel-inner {max-height: 800px;}
	#countycarousel .carousel-caption {top: 22% !important;}
}

@media (min-height: 1401px) and (max-height: 1600px) {
	#countycarousel .carousel-inner {max-height: 800px;}
	#countycarousel .carousel-caption {top: 19% !important;}
}

@media (min-height: 1601px) and (max-height: 1800px) {
	#countycarousel .carousel-inner {max-height: 800px;}
	#countycarousel .carousel-caption {top: 17% !important;}
}

/* ============ COUNCIL CAROUSEL ============ */

#councilcarousel .card {max-width: 200px; padding-bottom: 5px !important; background: #FFF !important;}

#councilcarousel .card:hover {transform: none;}

#councilcarousel {transition: all 0.3s ease-in-out;}
.councilcarousel div {
	margin-left: 0px;
	animation: slide 15s linear infinite;
}

.councilcarousel-inner {
	overflow-x: hidden;
	overflow-y: hidden;
	white-space: nowrap;
    animation: scroll 120s linear infinite;
	display: flex;
}

@media only screen and (min-width: 1700px) {
	#councilcarousel .slick-list {/*min-height: 295px !important;*/}
}

@media (min-width: 1400px) and (max-width: 1699px) {
	#councilcarousel .slick-list {/*min-height: 295px !important;*/}
}

/* Slider */
#councilcarousel .slick-slider {
	position: relative;
	display: block;
	-moz-box-sizing: border-box;
		 box-sizing: border-box;
	-webkit-user-select: none;
	   -moz-user-select: none;
		-ms-user-select: none;
			user-select: none;
	-webkit-touch-callout: none;
	   -khtml-user-select: none;
		 -ms-touch-action: pan-y;
			 touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

#councilcarousel .slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

/* ============ COUNCIL BIOS CAROUSEL ============ */

#councilbiocarousel-bios .carousel-indicators {
	display: inline;
	position: relative;
}

#councilbiocarousel-bios .carousel-indicators [data-bs-target] {
    height: auto;
    background: transparent;
    background-color: transparent;
    border: 2px #4F7220 solid;
    text-indent: 0;
    opacity: 100;
    transition: all 0.15s ease-in-out;
}

#councilbiocarousel-bios .carousel-indicators [data-bs-target]:hover {
    height: auto;
    background: #4F7220;
    color: #FFF;
    transition: all 0.2s ease-in-out;
}

#councilbiocarousel-bios .carousel-indicators [data-bs-target].active {
	background-position: 0% 0%;
background-image: var(--bs-gradient)!important !important;
	color: #FFF;
	transition: all 0.15s ease-in-out;
	background-color: #003973 !important;
	background-repeat: repeat !important;
	background-attachment: scroll !important;
}

#councilbiocarousel-bios .councilbiocarousel .carousel-item.carousel-text {height: 100% !important; transition: all 0.2s linear;}

#councilbiocarousel-bios .card {max-width:200px;}

#councilbiocarousel-bios .card:hover {transform: none;}

#councilbiocarousel .carousel-item.bio-intro {
	background: rgb(255 255 255 / 100%) !important;
	background: linear-gradient(180deg, rgb(255 255 255 / 100%) 0%, rgb(250 250 250 / 90%) 100%) !important;
}

#councilbiocarousel-bios .councilbiocarousel .carousel-item {
	margin-left: 0px;
	background: rgb(33 37 41 / 100%);
	background: linear-gradient(180deg, rgb(33 37 41 / 100%) 0%, rgb(33 37 41 / 90%) 100%);
	animation: slide 15s linear infinite;
}

#councilbiocarousel-bios .councilbiocarousel-inner {
	overflow-x: hidden;
	overflow-y: hidden;
	white-space: nowrap;
	animation: scroll 120s linear infinite;
	display: flex;
}

#carouselcommittees .carousel-indicators [data-bs-target].active {background: #4F7220 !important; color: #FFF; border: 2px #FFF solid;}

.accordion-item::last-of-type .accordion-collapse {border: 1px #0059B3 solid; border-top: none;}

.carousel-item.carousel-text {max-height: auto; transition: all 0.2s ease-in-out;}

.accordion .badge {/*top: 15px;*/ font-weight: normal; transition: all 0.2s ease-in-out;}

.accordion .badge span {vertical-align: text-bottom;}

@media (max-width: 650px) {
	.accordion .badge {top: -15px; transition: all 0.2s ease-in-out;}
}

/* ============ ELECTED CAROUSEL ============ */

#officialscarousel .card {max-width: 200px; background: #FFF !important;}

#officialscarousel .card:hover {transform: none;}

#officialscarousel {transition: all 0.3s ease-in-out;}

.officialscarousel div {margin-left: 0px; animation: slide 15s linear infinite;}

.officialscarousel-inner {
	overflow-x: hidden;
	overflow-y: hidden;
	white-space: nowrap;
    animation: scroll 120s linear infinite;
	display: flex;
}

@media only screen and (min-width: 1700px) {
/*	#officialscarousel .slick-list {min-height: 320px !important;}*/
}

@media (min-width: 1400px) and (max-width: 1699px) {
/*	#officialscarousel .slick-list {min-height: 320px !important;}*/
}

/*@media only screen and (min-width: 1836px) {
	.officialscarousel-inner {max-height: 100%;}
}

@media only screen and (max-width: 1836px) {
	.officialscarousel-inner {max-height: 270px;}
}

@media screen and (min-width: 992px) {
	.council {margin-top: 70px !important;}
}

@media screen and (max-width: 992px) {
	.council {margin-top: 65px !important;}
}

@media only screen and (max-width: 575px) {
	#officialscarousel .card {float: none !important;}
}*/

/* Slider */
#officialscarousel .slick-slider {
	position: relative;
	display: block;
	-moz-box-sizing: border-box;
		 box-sizing: border-box;
	-webkit-user-select: none;
	   -moz-user-select: none;
		-ms-user-select: none;
			user-select: none;
	-webkit-touch-callout: none;
	   -khtml-user-select: none;
		 -ms-touch-action: pan-y;
			 touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

#officialscarousel .slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

/* ============ COMMITTEES CAROUSEL ============ */

#carouselcommittees .carousel-indicators {display: contents; position: relative;}

#carouselcommittees .carousel-indicators [data-bs-target] {
	height: auto;
	background: #FFF;
	border: 2px #4F7220 solid;
	text-indent: 0;
	opacity: 100;
}

#carouselcommittees .carousel-indicators [data-bs-target]:hover {
	height: auto;
	background: #264301;
	color: #FFF;
}

#carouselcommittees .carousel-indicators [data-bs-target].active {
	background-position: 0% 0%;
background-image: var(--bs-gradient)!important !important;
	color: #FFF;
	border: 2px #FFF solid;
	background-color: #4F7220 !important;
	background-repeat: repeat !important;
	background-attachment: scroll !important;
}

.accordion-item::last-of-type .accordion-collapse {border: 1px #0059B3 solid; border-top: none;}

.carousel-item.carousel-text {max-height: auto;transition: all 0.2s linear;}

/* ============ FINANCIAL REPORTS CAROUSEL ============ */

#financialreports .carousel-indicators {display: contents; position: relative;}

#financialreports .carousel-indicators [data-bs-target] {
	height: auto;
	background: #FFF;
	border: 2px #4F7220 solid;
	text-indent: 0;
	opacity: 100;
}

#financialreports .carousel-indicators [data-bs-target]:hover {
	height: auto;
	background: #264301;
	color: #FFF;
}

#financialreports .carousel-indicators [data-bs-target].active {
	background-position: 0% 0%;
background-image: var(--bs-gradient)!important !important;
	color: #FFF;
	border: 2px #FFF solid;
	background-color: #4F7220 !important;
	background-repeat: repeat !important;
	background-attachment: scroll !important;
}

/* ============ VOTINGSITE CAROUSEL ============ */

#votingsitecarousel .carousel-indicators {display: inline; position: relative;}

#votingsitecarousel .carousel-indicators [data-bs-target] {
	height: auto;
	background: #FFF;
	color: #264301;
	border: 2px #264301 solid;
	text-indent: 0;
	opacity: 100;
	transition: all 0.15s linear;
}

#votingsitecarousel .carousel-indicators [data-bs-target].active {
	background-position: 0% 0%;
background-image: var(--bs-gradient)!important !important;
	color: #FFF;
	border: 2px #FFF solid;
	box-shadow: none !important;
	background-color: #003973 !important;
	background-repeat: repeat !important;
	background-attachment: scroll !important;
}

#votingsitecarousel .votingsitecarousel .carousel-item.carousel-text {height: 100% !important; transition: all 0.2s linear;}

#votingsitecarousel .card {max-width:200px;}
#votingsitecarousel .card:hover {transform: none;}

#votingsitecarousel .votingsitecarousel .carousel-item {
	height: 55px !important;
	min-height: 50px;
	margin-left: 0px;
	animation: slide 15s linear infinite;
}

#votingsitecarousel .votingsitecarousel-inner {
	height: 240px;
	overflow-x: hidden;
	overflow-y: hidden;
	white-space: nowrap;
    animation: scroll 120s linear infinite;
	display: flex;
}

@media screen and (min-width: 992px) {
	#votingsitecarousel .carousel-item {max-height: 100% !important;}
}

@media screen and (max-width: 992px) {
	#votingsitecarousel .carousel-item {max-height: 100% !important;}
}

@media screen and (max-width: 700px) {
	.votingsites, .votingsites span {font-size: calc(1rem + .25vw)!important;}	
}

@media screen and (max-width: 1130px) {
	.slick-track {height: 250px;}	
}

/* ============ INFO CAROUSEL ============ */

.infocarousel [data-bs-target].active {pointer-events: none;}

.infocarousel [data-bs-target].active, .infocarousel [data-bs-target].active:hover {
	border: 2px #00B74A solid;
	background-color: #C6FFDD !important;
	box-shadow: 0 0px 5px 1px rgba(250,250,250,1) !important;
	transition: all 0.15s linear;
}

.infocarousel [data-bs-target] {
	border: 2px transparent solid;
	background-color: transparent !important;
	box-shadow: 0 0px 5px 1px rgba(250,250,250,1) !important;
	transition: all 0.15s linear;
}

.infocarousel [data-bs-target]:hover {
	border: 2px #00B74A solid;
	background-color: transparent !important;
	box-shadow: 0 0px 5px 1px rgba(250,250,250,1) !important;
	opacity: 1 !important;
	transition: all 0.15s linear;
}

.infocarousel [data-bs-target] images:hover, .infocarousel [data-bs-target].active images:hover {transition: all 0.15s linear;}

#infocarousel .card:hover {transform: none}

.carousel-indicators.infocarousel {top: auto; bottom: 0; position: relative; transition: all 0.15s ease-in-out !important;}

.carousel-indicators.infocarousel > button:active {transform: scale(0.95); transition: all 0.2s ease-in-out !important;}

.carousel-indicators.infocarousel > button, .carousel-indicators.infocarousel > button images {transition: all 0.15s linear !important;}

.carousel-indicators.infocarousel > button {min-width: 100px;}

#infocarousel .carousel-inner {transition: all 0.15s ease-in-out !important;}

#infocarousel .card {background: transparent; transition: all 0.15s ease-in-out !important;}

.infocarousel .carousel-item {
	width: 95%;
	display: contents;
	margin: 0 .5em;
	padding: 0;
	box-shadow: none;
	border: 1px transparent solid;
}

.infocarousel .carousel-item .bg-light:hover {
	color: #111 !important;
	border: 1px #0D6EFD solid;
	background-color: #F8F9FA !important;
	box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18);
	--bs-bg-opacity: 1;
}

.infocarousel .carousel-control-prev, .infocarousel .carousel-control-next{
	width: 6vh;
	height: 6vh;
	border-radius: 50%;
	top: 20%;
}

.infocarousel .carousel-control-next-icon, .infocarousel .carousel-control-prev-icon {
	padding: 25px;
	border: 2px #198754 solid;
	background-size: 75%;
}

/* ============ MULTI CAROUSEL ============ */

.multicarousel {
	width: 100%;
	padding: 0 20px;
	position: relative;
	float: left;
	overflow: hidden;
}

.multicarousel .multicarousel-inner {float: left; transition: 1s ease all;}

.multicarousel .multicarousel-inner .item {margin: 0 0 20px 0; float: left;}

.multicarousel .multicarousel-inner .item > div {
	display: flex;
	margin: 10px;
	padding: 0px;
	background: rgb(255 255 255 / 0%)!important;
	align-items: center!important;
	justify-content: center!important;
	text-align: justify;
	background: #F1F1F1;
	box-shadow: none;
}

.multicarousel .multicarousel-inner .item > div:hover {
	background-position: 0% 0%;
	transform: scale(1.025);
	background-image: var(--bs-gradient) !important !important;
	background-color: rgb(255 255 255 / 100%) !important;
	background-repeat: repeat !important;
	background-attachment: scroll !important;
}

.multicarousel .leftLst, .multicarousel .rightLst {
	width: 30px;
	height: 30px;
	color: #FFF;
	box-shadow: 0px 0px 0px 3px #4F7220;
	background: #2ECC40;
	background-image: var(--bs-gradient) !important;
	position: absolute;
	border-radius: 50%;
	bottom: calc(10% - 10px);
	transition: all 0.15s ease-in-out !important;
}

.multicarousel .leftLst:hover, .multicarousel .rightLst:hover {
	box-shadow: 0px 0px 10px 3px #4F7220;
	transition: all 0.20s ease-in-out !important;
}

.multicarousel .leftLst:active, .multicarousel .rightLst:active {transform: scale(0.8);}

.multicarousel .leftLst {left: 1rem;}

.multicarousel .rightLst {right: 1rem;}

.multicarousel .leftLst.over, .multicarousel .rightLst.over {
	color: #FFF;
	box-shadow: 0px 0px 0px 3px #CCC;
	background: #CCC;
	pointer-events: none;
}

/* --------------------------------END JUMBOTRON and CAROUSEL-------------------------------- */

/* --------------------------------TABLES TR TD DL DT DD-------------------------------- */

table thead th, table tfoot td {background: #D3D6D8; background-color: #D3D6D8 !important;}

table a, span a {
	display: inline-block !important;
	padding: 1px 5px !important;
	box-shadow: inset 0px 0px 0px 0px rgb(79 114 32);
	color: #4F7220;
	font-weight: normal;
	transition: all 0.15s ease-in-out;
}

table a:hover, span a:hover {
	box-shadow: inset 0px -5rem 0px 0px rgb(79 114 32);
	color: #FFF !important;
	transition: all 0.2s ease-in-out;
}

caption {background: #D3D6D8;}

.table {position: relative; background-color: #FFF; overflow: hidden; transition: all 0.1s ease-in-out;}

.table > tbody > tr:hover > * {
	background-color: #4F7220;
	background-image: var(--bs-gradient) !important;
	--bs-table-accent-bg: #4F7220;
	border-color: #4F7220;
	color: #FFF;
	transition: all 0.1s ease-in-out;
	z-index: 1000;
}

.table > tbody > tr:hover * a {
	display: inline-block !important;
	padding: 1px 5px !important;
	box-shadow: inset 0px -1px 0px 0px rgb(255 255 255);
	color: #FFFFFF;
	font-weight: normal;
	transition: all 0.15s ease-in-out
}
.table > tbody > tr:hover * a:hover {
	padding: 1px 5px;
	color: rgb(79 114 32 / 100%) !important;
	font-weight: normal;
	box-shadow: inset 0px -10rem 0px rgb(255 255 255 / 100%);
	text-decoration: none;
	border-bottom: 1px transparent solid;
	transition: all 0.3s ease-in-out;
}

/* ============ TABLE GRID HOVER ============ */
.table-grid {overflow: hidden;}

.table-grid th, .table-grid td {
	position: relative;
	border: 1px solid #999;
	padding: 10px;
	transition: all 0.1s ease-in-out;
	z-index: 100;
}

.table-grid * td:hover {}

/* ============ COLUMN HIGHLIGHT ============ */
.table-grid td:hover::before { 
	content: '';
	position: absolute;
	top: -5000px;
	left: 0;
	width: 100%;
	height: 10000px;
	display: inline-block;
	box-shadow: inset 0px 0px 0px 2px #4F7220, 1px 0px 0px 0px #4F7220, -1px 0px 0px 0px #4F7220;
	background-color: rgb(255 255 0 / 10%);
	color: #111 !important;
	transition: all 0.1s ease-in-out;
	z-index: -1000;
}

.table-grid td:hover::after { 
	content: '';
	position: absolute;
	bottom: -5000px;
	left: 0;
	width: 100%;
	height: 10000px;
	display: inline-block;
	box-shadow: inset 0px 0px 0px 2px #4F7220, 1px 0px 0px 0px #4F7220, -1px 0px 0px 0px #4F7220;
	background-color: rgb(255 255 0 / 10%);
	color: #111 !important;
	transition: all 0.1s ease-in-out;
	z-index: -1000;
}

/* --------------------------------END TABLES TR TD DL DT DD-------------------------------- */

/* --------------------------------images GALLERY / images-------------------------------- */

.imagesdiv {position: relative; margin: 2rem 0;}

.imagegallery images {
	max-width: 200px;
	display: block;
	background-color: rgb(255 255 255 / 100);
	margin: 0 auto;
	opacity: 50%;
	box-shadow: 0px 0px 0px #FFF;
	border-radius: 10rem;
	transition: all 0.35s ease-in-out;
}
.imagegallery images:hover {
	opacity: 1;
	border-radius: 0rem;
	transition: all 0.25s ease-in-out;
}

/* --------------------------------END images GALLERY / images-------------------------------- */

/* --------------------------------TIMELINE-------------------------------- */

.timeline .card:hover {transform: none;}

.main-timeline .card {border-color: #264301; color: #264301; background: #fff !important;}

.main-timeline .card .accordion-button::after {display: none;}

.main-timeline .card .accordion-button .bi {padding: 0 3px;}

/* The actual timeline (the vertical ruler) */
.main-timeline {position: relative;}

/* The actual timeline (the vertical ruler) */
.main-timeline::after {
	content: '';
	position: absolute;
	width: 6px;
	background-color: #264301;
	top: 0;
	bottom: 0;
	left: 50%;
	margin-left: -3px;
	border-radius: 50px;
}

/* Container around content */
.timeline {
	position: relative;
	background-color: inherit;
	width: 50%;
}

/* The circles on the timeline */
.timeline::after {
	content: '';
	position: absolute;
	width: 25px;
	height: 25px;
	right: -13px;
	background-color: #ffffff;
	border: 5px solid #264301;
	top: 15px;
	border-radius: 50%;
	z-index: 1;
}

/* Place the container to the left */
.timeline.left {padding: 0px 40px 20px 0px; left: 0;}

/* Place the container to the right */
.timeline.right {padding: 0px 0px 20px 40px; left: 50%;}

/* Add arrows to the left container (pointing right) */
.timeline.left::before {
	content: " ";
	position: absolute;
	top: 18px;
	z-index: 1;
	right: 30px;
	border: medium solid #264301;
	border-width: 10px 0 10px 10px;
	border-color: transparent transparent transparent #264301;
}

/* Add arrows to the right container (pointing left) */
.timeline.right::before {
	content: " ";
	position: absolute;
	top: 18px;
	z-index: 1;
	left: 30px;
	border: medium solid #264301;
	border-width: 10px 10px 10px 0;
	border-color: transparent #264301 transparent transparent;
}

/* Fix the circle for containers on the right side */
.timeline.right::after {left: -12px;}

/* Media queries - Responsive timeline on screens less than 600px wide */
@media screen and (max-width: 600px) {

/* Place the timelime to the left */
	.main-timeline::after {left: 31px;}

/* Full-width containers */
	.timeline {
		width: 100%;
		padding-left: 70px;
		padding-right: 0px;
	}

/* Make sure that all arrows are pointing leftwards */
	.timeline::before {
		left: 60px;
		border: medium solid #264301;
		border-width: 10px 10px 10px 0;
		border-color: transparent #264301 transparent transparent;
}

/* Make sure all circles are at the same spot */
.timeline.left::after, .timeline .right::after {left: 18px;}

.timeline.left::before {right: auto;}

.timeline.right {left: 0%;}

}
/* --------------------------------END TIMELINE-------------------------------- */

/* --------------------------------CARDS and MODAL-------------------------------- */

.modal-header > button {
	margin-top: -30px;
	display: block;
	float: right;
}

.modal-content {
	width: 100%;
	margin: 0 auto;
	box-shadow: 0px 24px 20px -10px #111;
	border: 1px #4F7220 solid;
	cursor: default;
	transition: all 0.15s ease-in-out;
}

.modal.show[role="dialog"] {
	backdrop-filter: blur(0.25rem);
	cursor: pointer;
	z-index: 999999;
}

.modal.show .modal-dialog {width: 94%; max-width: 1250px;}

.modal.show .modal-body {background: #DDD;}

.modal-body .card {
	border: 1px #0079F2 solid;
	background: #FFF !important;
	transition: all 0.15s ease-in-out;
}
/*
.modal::-webkit-scrollbar {width: 20px;}
.modal::-webkit-scrollbar-track {
	background: -moz-linear-gradient(top, rgba(250 250 250 / 1) 0%, rgba(255 255 255 / 1) 100%);
	background: -webkit-linear-gradient(top, rgba(250 250 250 / 1) 0%,rgba(255 255 255 / 1) 100%);
	background: linear-gradient(to bottom, rgba(250 250 250 / 1) 0%,rgba(255 255 255 / 1) 100%);
	border-right: 2px #FFF solid;
	box-shadow: inset -5px 0px 10px 0px rgb(0 0 0 / 50%);
	transition: all 0.15s ease-in-out;
}
.modal::-webkit-scrollbar-thumb {
	background: #F93939;
	border-right: 0px #FFF solid;
	box-shadow: 0px 0px 5px 5px rgb(0 0 0 / 25%), inset 0px 0px 0px 1px rgb(249 57 57);
	transition: all 0.15s ease-in-out;
	border-left: 1px #FFF solid;
}

.accordion-collapse.show::-webkit-scrollbar, .megamenu::-webkit-scrollbar {width: 20px;}
.accordion-collapse.show::-webkit-scrollbar-track, .megamenu::-webkit-scrollbar-track {
	background: -moz-linear-gradient(top, rgba(250 250 250 / 1) 0%, rgba(255 255 255 / 1) 100%);
	background: -webkit-linear-gradient(top, rgba(250 250 250 / 1) 0%,rgba(255 255 255 / 1) 100%);
	background: linear-gradient(to bottom, rgba(250 250 250 / 1) 0%,rgba(255 255 255 / 1) 100%);
	border-right: 0px #FFF solid;
	box-shadow: inset -5px 0px 10px 0px rgb(0 0 0 / 50%);
	transition: all 0.15s ease-in-out;
}
.accordion-collapse.show::-webkit-scrollbar-thumb, .megamenu::-webkit-scrollbar-thumb {
	background: #264301;
	border-right: 0px #FFF solid;
	box-shadow: 0px 0px 5px 5px rgb(0 0 0 / 25%), inset 0px 0px 0px 1px rgb(38 67 1);
	transition: all 0.15s ease-in-out;
	border-left: 1px #FFF solid;
}
*/
.card {
	background: #F8F9FA;
	padding: 5px;
	transition: all 0.15s linear;
}
.card:hover {
	transform: scale(1.05);
	transition: all 0.15s linear;
}

.officials .modal * p a, .officials .modal * li a, .officials .modal * dl a {
	display: inline-block !important;
	padding: 1px 5px !important;
	color: rgb(79 114 32 / 100%) !important;
	font-weight: normal !important;
	box-shadow: inset 0px -1px 0px rgb(38 67 1 / 50%) !important;
	text-decoration: none !important;
	border-bottom: none !important;
	transition: all 0.15s ease-in-out;
}
.officials .modal * p a:hover, .officials .modal * li a:hover, .officials .modal * dl a:hover {
	display: inline-block !important;
	padding: 1px 5px !important;
	color: rgb(255 255 255 / 100%) !important;
	font-weight: normal !important;
	box-shadow: inset 0px -10rem 0px rgb(38 67 1) !important;
	text-decoration: none !important;
	border-bottom: none !important;
	transition: all 0.2s ease-in-out;
}

.councilcarousel .modal * p a, .councilcarousel .modal * li a, .councilcarousel .modal * dl a, .councilcarousel * .card * p a {
	display: inline-block;
	padding: 1px 5px;
	color: rgb(79 114 32 / 100%);
	font-weight: normal;
	box-shadow: inset 0px -1px 0px rgb(79 114 32 / 50%);
	text-decoration: none;
	border-bottom: none;
	transition: all 0.15s ease-in-out;
}
.councilcarousel .modal * p a:hover, .councilcarousel .modal * li a:hover, .councilcarousel .modal * dl a:hover, .councilcarousel * .card * p a:hover {
	display: inline-block;
	padding: 1px 5px;
	color: rgb(255 255 255 / 100%);
	font-weight: normal;
	box-shadow: inset 0px -10rem 0px rgb(79 114 32);
	text-decoration: none;
	border-bottom: none;
	transition: all 0.2s ease-in-out;
}

.sectiondark-bg .modal * p a, .sectiondark-bg .modal * li a, .sectiondark-bg .modal * dl a, .sectiondark-bg * .card * p a,
.sectionlight-bg .modal * p a, .sectionlight-bg .modal * li a, .sectionlight-bg .modal * dl a, .sectionlight-bg * .card * p a,
.sectionblue-bg .modal * p a, .sectionblue-bg .modal * li a, .sectionblue-bg .modal * dl a, .sectionblue-bg * .card * p a {
	display: inline-block;
	padding: 1px 5px;
	color: rgb(79 114 32 / 100%);
	font-weight: normal;
	box-shadow: inset 0px -1px 0px rgb(79 114 32 / 50%);
	text-decoration: none;
	border-bottom: none;
	transition: all 0.15s ease-in-out;
}
.sectiondark-bg .modal * p a:hover, .sectiondark-bg .modal * li a:hover, .sectiondark-bg .modal * dl a:hover, .sectiondark-bg * .card * p a:hover,
.sectionlight-bg .modal * p a:hover, .sectionlight-bg .modal * li a:hover, .sectionlight-bg .modal * dl a:hover, .sectionlight-bg * .card * p a:hover,
.sectionblue-bg .modal * p a:hover, .sectionblue-bg .modal * li a:hover, .sectionblue-bg .modal * dl a:hover, .sectionblue-bg * .card * p a:hover {
	display: inline-block;
	padding: 1px 5px;
	color: rgb(255 255 255 / 100%);
	font-weight: normal;
	box-shadow: inset 0px -10rem 0px rgb(79 114 32);
	text-decoration: none;
	border-bottom: none;
	transition: all 0.2s ease-in-out;
}

.modal .card:hover {transform: none;}

/* --------------------------------END CARDS and MODAL-------------------------------- */

/* --------------------------------ACCORDION STYLES-------------------------------- */

.accordion {position: relative; margin-bottom: 10px;}

.accordion-collapse {
	border-style: solid;
	border-width: 0 1px 1px 1px !important;
	border-color: #4F7220;
	border-radius: .3rem !important;
}

/* ============ ORDINANCES ACCORDION ============ */
.ordinances .accordion-item span.number {width: 8%; max-width: 80px; min-width: 70px; display: inline-block; text-align: center; vertical-align: top; float: left;}

.ordinances .accordion-item span.desc {width: 87%; display: inline-block; vertical-align: top;}

.ordinances .accordion-item span.adopted {width: 8%; max-width: 80px; min-width: 70px; display: inline-block; text-align: center; vertical-align: top; float: right;}

/* ============ MARK CLARK XPRS ACCORDIONS ============ */
.mcexpresswaytl .accordion {margin-bottom: 0;}

/* ============ FIXED HEIGHT ACCORDION DROPDOWN ============ */
/*
.accordion-flush .accordion-item {width: 100%; height: 100%; position: relative;}

.accordion-item::last-of-type .accordion-collapse {
	width: inherit !important;
	max-width: inherit !important;
	max-height: 400px;
	position: absolute;
	background: #fff !important;
	border: 1px #0059B3 solid;
	border-top: none;
	overflow-x: hidden;
	overflow-y: auto;
	box-shadow: 0 0.75rem 0.75rem rgb(0 0 0 / 50%);
	z-index: 999;
}

.accordion-item .accordion-collapse {
	width: 100%;
	height: 400px;
	max-height: 400px;
	position: absolute;
	background: #fff !important;
	border-width: 0 1px 1px 1px;
	border-color: #4F7220;
	border-style: solid;
	overflow-x: hidden;
	overflow-y: auto;
	box-shadow: 0px 10px 20px -10px #333;
	z-index: 10;
}

.accordion-item .accordion-collapse.show {
	width: 100%;
	height: auto;
	max-height: 400px;
	position: absolute;
	background: #fff !important;
	border-width: 0 1px 1px 1px;
	border-color: #4F7220;
	border-style: solid;
	overflow-x: hidden;
	overflow-y: auto;
	box-shadow: 0px 10px 20px -10px #333;
	z-index: 10;
}

.accordion-item .accordion-collapse.show > .row {position: relative;}

.accordion-item .accordion-collapse.collapsing {height: 100%; overflow: hidden;}
*/
#accordionRSS {margin-bottom: 0;}

/* --------------------------------END ACCORDION STYLES-------------------------------- */

/* --------------------------------BOOTSTRAP MODIFY-STYLES-------------------------------- */

b, dt,
strong, 
.fw-bold {
	letter-spacing: 0.025rem;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	font-weight: 600 !important;
}

.sectiondark .listline li, .sectionblue .listline li, .sectiongreen .listline li {
	display: table;
	color: #FFF;
	font-weight: lighter !important;
	padding-left: 0.5rem !important;
	border-bottom: none !important;
	border-left: 1px solid rgb(255 255 255 / 50%) !important;
	box-shadow: inset 1px 0px 0px rgb(255 255 255 / 0) !important;
	transition: all 0.15s ease-in-out !important;
}
.sectiondark .listline li:before, .sectionblue .listline li:before, .sectiongreen .listline li:before,
.sectiondark .listline li:after, .sectionblue .listline li:after, .sectiongreen .listline li:after {
	content: '';
	display: table;
	margin: 0.125rem 0 !important;
}
.sectiondark .listline li:hover, .sectionblue .listline li:hover, .sectiongreen .listline li:hover {
	color: #FFF;
	font-weight: normal !important;
	border-bottom: none !important;
	border-left: 1px solid rgb(255 255 255 / 100%) !important;
	box-shadow: inset 1px 0px 0px rgb(255 255 255 / 100%) !important;
	transition: all 0.2s ease-in-out !important;
}

.sectiondark .listline li a, .sectionblue .listline li a, .sectiongreen .listline li a {
	color: #FFF;
	font-weight: lighter !important;
	border-bottom: none !important;
	padding-left: 0;
	box-shadow: inset 1px 0px 0px rgb(255 255 255 / 0) !important;
	transition: all 0.15s ease-in-out !important;
}
.sectiondark .listline li:hover a, .sectionblue .listline li:hover a, .sectiongreen .listline li:hover a {
	color: #FFF;
	font-weight: bold !important;
	border-bottom: none !important;
	transition: all 0.2s ease-in-out !important;
}

.sectionlight .listline li {
	display: table;
	color: #4F7220;
	font-weight: lighter !important;
	padding-left: 0.5rem !important;
	border-bottom: none !important;
	border-left: 1px solid rgb(70 70 70 / 25%) !important;
	box-shadow: inset 1px 0px 0px rgb(70 70 70 / 0) !important;
	transition: all 0.15s ease-in-out !important;
}
.sectionlight .listline li:before {
	content: '';
	display: table;
	margin: 0.125rem 0 !important;
}

.sectionlight .listline li:hover {
	color: #4F7220;
	font-weight: normal !important;
	border-bottom: none !important;
	border-left: 1px solid rgb(255 255 255 / 100%) !important;
	box-shadow: inset 2px 0px 0px rgb(79 114 32 / 100%) !important;
	transition: all 0.2s ease-in-out !important;
}

.sectionlight .listline li a {
	color: #4F7220;
	font-weight: lighter !important;
	border-bottom: none !important;
	padding-left: 0;
	box-shadow: inset 1px 0px 0px rgb(70 70 70 / 0) !important;
	transition: all 0.15s ease-in-out !important;
}
.sectionlight .listline li:hover a {
	color: #4F7220;
	font-weight: bold !important;
	border-bottom: none !important;
	transition: all 0.2s ease-in-out !important;
}