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

/* --------------------------------GLOBAL STYLE(S)-------------------------------- */

:root {
	/* --- BACKGROUND COLORS --- */
	--bg-blk: 					#3C3C3C;
	--bg-blk-25: 				rgb(60 60 60 / 25%);
	--bg-blk-90: 				rgb(60 60 60 / 90%);
	--bg-cc: 						#0052A3;
	--bg-cc-25:     		rgb(0 82 163 / 25%);
	--bg-cc-90:     		rgb(0 82 163 / 90%);
	--bg-cc-nav: 				#19526E;
	--bg-cc-alt: 				#0052A3;
	--bg-cc-alt-25: 		rgb(0 82 163 / 25%);
	--bg-cc-alt-90: 		rgb(0 82 163 / 90%);
	--bg-cc-nav-25:     rgb(25 82 110 / 25%);
	--bg-cc-nav-50:     rgb(25 82 110 / 50%);
	--bg-cc-nav-75:     rgb(25 82 110 / 75%);
	--bg-cc-nav-90:     rgb(25 82 110 / 90%);
	--bg-danger: 				#DC3545;
	--bg-dgrn: 					#4B6D22;
	--bg-exl: 					#117A40;
	--bg-frm: 					#F1D592;
	--bg-grn: 					#00B74A;
	--bg-grn-alt: 			#005221;
	--bg-grn-25: 				rgb(0 183 74 / 25%);
	--bg-grn-90: 				rgb(0 183 74 / 90%);
	--bg-gry: 					#CED4DA;
	--bg-gry-10:  			rgb(206 212 218 / 10%);
	--bg-gry-25:  			rgb(206 212 218 / 25%);
	--bg-gry-50:  			rgb(206 212 218 / 50%);
	--bg-gry-75:  			rgb(206 212 218 / 75%);
	--bg-gry-90:  			rgb(206 212 218 / 90%);
	--bg-nav: 					#F3F4F5;
	--bg-nav-25:  			rgb(243 244 245 / 10%);
	--bg-nav-50:  			rgb(243 244 245 / 50%);
	--bg-nav-75:  			rgb(243 244 245 / 75%);
	--bg-nav-90:  			rgb(243 244 245 / 90%);
	--bg-org: 					#FF851B;
	--bg-pdf: 					#F93939;
	--bg-prpl: 					#B10DC9;
	--bg-red: 					#830707;
	--bg-red-90:  			rgb(131 7 7 / 90%);
	--bg-wht:  					#F8F9FA;
	--bg-wht-25: 				rgb(248 249 250 / 25%);
	--bg-wht-90: 				rgb(248 249 250 / 90%);
	--bg-ylw: 					#FFE9A2;
	--bg-ylw-hl: 				#FFFF33;
	--bg-ylw-25: 				rgb(255 233 162 / 25%);
	--bg-ylw-50: 				rgb(255 233 162 / 50%);
	--bg-ylw-75: 				rgb(255 233 162 / 75%);
	--bg-ylw-90: 				rgb(255 233 162 / 90%);
	--bs-gradient:      linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
	/* --- TEXT COLORS --- */
	--contrast-color: 	#BF307F;
	--secondary-color: 	#151226;
	--txt-dark: 				#212529;
	/* --- SOCIAL COLORS --- */
	--vimeo: 						#1AB7EA;
	--facebook: 				#4267B2;
	--twitter: 					#1DA1F2;
	--youtube: 					#FF0000;
	--linkedin: 				#0077B5;
}
*,
*::after,
*::before {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
::selection,
.sectionred *> .bg-white ::selection,
.sectionblue *> .bg-white ::selection,
.sectionblue *> .bg-light ::selection,
.bg-cc ::selection,
.sectionblue ::selection,
.sectionlight *> .bg-cc ::selection,
.bg-red ::selection,
.sectionred ::selection {
	color: var(--bg-cc);
	background-color: var(--bg-ylw-hl);
}
.z-index-0 {z-index: 0;}
.z-index-1 {z-index: 1;}
.z-index-10 {z-index: 10;}
:focus-visible, :focus-visible:hover, footer .social :focus-visible, #topwidget :focus-visible, #topwidget :focus-visible:hover {
	content: "";
	outline: 2px dashed var(--bg-grn) !important;
  outline-offset: -2px !important;
	color: var(--bg-cc) !important;
	background: var(--bg-wht) !important;
	box-shadow: 0px 0px 0px 2px var(--bg-wht), 0px 0px 0px 4px var(--bg-grn) !important;
	border-radius: 0 !important;
	transition: all 0.15s ease-in-out;
}
.modal.show:focus, .modal.show:focus-visible, .modal.show:focus-visible:hover {
	content: "";
	outline: 0px dashed var(--bg-grn) !important;
  outline-offset: 0px !important;
	color: var(--bg-cc) !important;
	background: transparent !important;
	box-shadow: 0px 0px 0px 0px var(--bg-wht), 0px 0px 0px 0px var(--bg-grn) !important;
	border-radius: 0 !important;
	transition: all 0.15s ease-in-out;
}
html {
	width: 100% !important;
	height: auto !important;
	background: var(--bg-wht-90);
	scroll-behavior: smooth !important;
	-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body {
	width: 100% !important;
	height: auto !important;
	background: var(--bg-wht-90);
	font-family: 'Atkinson Hyperlegible', var(--bs-body-font-family), sans-serif;
	color: var(--txt-cc-nav);
	scroll-behavior: smooth;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	position: relative;
}
h1, h2, h3, h4, h5, h6 {text-align: start;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, p, a, li, span {overflow-wrap: break-word;}
h1.display-5.heading, h1.display-5 {color: var(--bg-cc) !important; margin-bottom: 0 !important;}
span.p {
	display: block;
	margin-top: 0;
	margin-bottom: 1rem;
}
.no-scroll {
	overflow: visible !important;
	height: 100vh;
	transition: all 0.3s ease-in-out;
}
.noscroll {
	overflow: hidden !important;
	overflow-x: hidden !important;
	overflow-y: hidden !important;
	padding-right: 17px;
	transition: all 0.3s ease-in-out;
}
body.modal-open, .no-v-scroll {
	/*
	position: fixed !important;
	overflow-y: scroll !important;
	height: 100vh;
	padding-right: 0 !important;
	*/
}
#bg-body {background-color: var(--bg-wht);}
.m-1px {margin: 1px;}
.m-2px {margin: 2px;}
.p-1px {padding: 1px;}
.p-2px {padding: 2px;}

ul li, ol li {padding: 0.25rem 0;}
ul.disc, ol.disc {list-style-type: disc;}
ul.square, ol.square {list-style-type: square;}
ul.upper-roman, ol.upper-roman {list-style-type: upper-roman;}
ul.lower-roman, ol.lower-roman {list-style-type: lower-roman;}
ul.upper-alpha, ol.upper-alpha {list-style-type: upper-alpha;}
ul.lower-alpha, ol.lower-alpha {list-style-type: lower-alpha;}
ul.decimal, ol.decimal {list-style-type: decimal;}
ul.text-indent {
	text-indent: -10px;
	padding-left: 1rem;
}
/* --------------------------------ANCHOR/LINK STYLE(S)-------------------------------- */

a {
	word-wrap: break-word !important;
	word-break: break-word !important;
}
a.btn, a.btn:first-child, a.bg-nav, a.bg-cc-nav, a.bg-cc, a.bg-cc-nav-90, a.bg-cc-nav-75, a.bg-cc-nav-25, a.bg-cc-alt, a.bg-grn, a.bg-ylw, a.bg-wht, a.bg-blk, a.bg-gry, a.bg-red, a.bg-form, a.bg-pdf, a.btn:hover, a.btn:first-child:hover, a.bg-nav:hover, a.bg-cc-nav:hover, a.bg-cc:hover, a.bg-cc-nav-90:hover, a.bg-cc-nav-75:hover, a.bg-cc-nav-25:hover, a.bg-cc-alt:hover, a.bg-grn:hover, a.bg-ylw:hover, a.bg-wht:hover, a.bg-blk:hover, a.bg-gry:hover, a.bg-red:hover, a.bg-form:hover, a.bg-pdf:hover {
	width: auto;
	height: 100%;
	padding: 0.5rem;
	background-image: var(--bs-gradient) !important;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
	font-weight: normal;
	font-size: inherit;
	text-decoration: none !important;
	border: solid;
	border-radius: 0.25rem;
	border-width: 1px;
	line-height: 1.25;
	box-shadow: none;
}
a.bg-nav, a.bg-cc-nav, a.bg-cc, a.bg-cc-nav-90, a.bg-cc-nav-75, a.bg-cc-nav-25, a.bg-cc-alt, a.bg-grn, a.bg-ylw, a.bg-wht, a.bg-blk, a.bg-gry, a.bg-red, a.bg-form, a.bg-pdf, a.btn {
	word-wrap: break-word !important;
	word-break: break-word !important;
	transition: all 0.15s ease-in-out;
}
a.bg-nav:hover, a.bg-cc-nav:hover, a.bg-cc:hover, a.bg-cc-nav-90:hover, a.bg-cc-nav-75:hover, a.bg-cc-nav-25:hover, a.bg-cc-alt:hover, a.bg-grn:hover, a.bg-ylw:hover, a.bg-wht:hover, a.bg-blk:hover, a.bg-gry:hover, a.bg-red:hover, a.bg-form:hover, a.bg-pdf:hover, , a.btn:hover, a.btn:first-child:hover, :not(.btn-check)+a.btn:hover {
	transition: all 0.25s ease-in-out;
}
a.bg-cc-nav, a.bg-cc, a.bg-cc-nav-90, a.bg-cc-nav-75, a.bg-cc-alt, a.bg-grn, a.bg-blk, a.bg-red, a.bg-pdf {color: var(--bg-nav);}
a.bg-nav, a.bg-cc-nav-25, a.bg-ylw, a.bg-wht, a.bg-gry, a.bg-form {color: var(--bg-cc-nav);}
.btn:first-child:hover, :not(.btn-check)+.btn:hover {
	background: var(--bg-gry-50);
	color: var(--bg-cc);
}

/* --------------------------------TXT/BG/BRDR STYLE(S)-------------------------------- */

/* --------------------------------TEXT COLOR-------------------------------- */

.watch .live:hover {color: var(--txt-cc);}
.heading {color: var(--bg-cc-nav);}
.heading-alt {color: var(--bg-cc-nav-90); }
.txt-transparent {color: rgb(0 0 0 / 0);}
.txt-blk {color: var(--bg-blk);}
.txt-cc {color: var(--bg-cc);}
.txt-cc-alt {color: var(--bg-cc-alt);}
.txt-cc-nav, .text-dark {color: var(--bg-cc-nav);}
.txt-cc-nav-90 {color: var(--bg-cc-nav-90);}
.txt-wht, .text-white {color: var(--bg-wht);}
.txt-grn {color: var(--bg-grn);}
.txt-gry {color: var(--bg-gry);}
.txt-dgrn {color: var(--bg-dgrn);}
.txt-exl {color: var(--bg-exl);}
.txt-fldr {color: #F1D592;}
.txt-nav, .text-light {color: var(--bg-nav);}
.txt-grn a:hover, a * span.txt-grn:hover {color: var(--txt-cc);}
.txt-red {color: var(--bg-red);}
.txt-red a:hover, a * span.txt-pdf:hover {color: var(--bg-cc);}
.txt-pdf {color: var(--bg-pdf);}
.txt-pdf a:hover, a * span.txt-pdf:hover {color: var(--bg-cc);}
.txt-ylw {color: var(--bg-ylw);}
.txt-org {color: var(--bg-org);}
.txt-prpl {var(--bg-prpl);}
.txt-vimeo {color: var(--vimeo);}
.txt-facebook {color: var(--facebook);}
.txt-twitter {color: var(--twitter);}
.txt-youtube {color: var(--youtube);}
.txt-linkedin {color: var(--linkedin);}

/* --------------------------------BORDER STYLE(S)-------------------------------- */

.brdr-dashed {border-style: dashed !important;}

/* --------------------------------BG/BRDR COLOR-------------------------------- */
.bg-image-none {background-image: none !important;}
.brdr-blk {border-color: var(--bg-blk) !important;}
.bg-blk-pe-none {pointer-events: none !important;}
.bg-blk, a.bg-blk, button.bg-blk, .bg-blk-pe-none {
	display: block;
	background: var(--bg-blk) !important;
	box-shadow: none !important;
	color: var(--bg-wht);
	border-color: var(--bg-blk-90) !important;
	font-weight: normal;
}
a.bg-blk:hover, button.bg-blk:hover {
	display: block;
	background: var(--bg-ylw-90) !important;
	box-shadow: none !important;
	color: var(--bg-cc-nav) !important;
	border-color: var(--bg-blk-90) !important;
	font-weight: normal;
}
.brdr-cc {border-color: var(--bg-cc) !important;}
.bg-cc-pe-none {pointer-events: none !important;}
.bg-cc, a.bg-cc, button.bg-cc, .bg-cc-pe-none {
	display: block;
	background: var(--bg-cc) !important;
	box-shadow: none !important;
	color: var(--bg-wht);
	border-color: var(--bg-cc-90) !important;
	font-weight: normal;
}
a.bg-cc:hover, button.bg-cc:hover {
	display: block;
	background: var(--bg-ylw-90) !important;
	box-shadow: none !important;
	color: var(--bg-cc-nav) !important;
	border-color: var(--bg-cc-90) !important;
	font-weight: normal;
}
.brdr-cc-alt {border-color: var(--bg-cc-alt) !important;}
.bg-cc-alt-pe-none {pointer-events: none !important;}
.bg-cc-alt, a.bg-cc-alt, button.bg-cc-alt, .bg-cc-alt-pe-none {
	display: block;
	background: var(--bg-cc-alt) !important;
	box-shadow: none !important;
	color: var(--bg-wht);
	border-color: var(--bg-cc-alt-90) !important;
	font-weight: normal;
}
a.bg-cc-alt:hover, button.bg-cc-alt:hover {
	display: block;
	background: var(--bg-ylw-90) !important;
	box-shadow: none !important;
	color: var(--bg-cc-nav) !important;
	border-color: var(--bg-cc-alt-90) !important;
	font-weight: normal;
}
.brdr-cc-nav {border-color: var(--bg-cc-nav) !important;}
.bg-cc-nav-pe-none {pointer-events: none !important;}
.bg-cc-nav, a.bg-cc-nav, button.bg-cc-nav, .bg-cc-nav-pe-none {
	display: block;
	background: var(--bg-cc-nav) !important;
	box-shadow: none !important;
	color: var(--bg-wht);
	border-color: var(--bg-cc-nav-90) !important;
	font-weight: normal;
}
a.bg-cc-nav:hover, button.bg-cc-nav:hover {
	display: block;
	background: var(--bg-ylw-90) !important;
	box-shadow: none !important;
	color: var(--bg-cc-nav) !important;
	border-color: var(--bg-cc-nav-90) !important;
	font-weight: normal;
}
.brdr-cc-nav-90 {border-color: var(--bg-cc-nav-90) !important;}
.bg-cc-nav-90-pe-none {pointer-events: none !important;}
.bg-cc-nav-90, a.bg-cc-nav-90, button.bg-cc-nav-90, .bg-cc-nav-90-pe-none {
	display: block;
	background: var(--bg-cc-nav-90) !important;
	box-shadow: none !important;
	color: var(--bg-wht);
	border-color: var(--bg-cc-nav-75) !important;
	font-weight: normal;
}
a.bg-cc-nav-90:hover, button.bg-cc-nav-90:hover {
	display: block;
	background: var(--bg-ylw-90) !important;
	box-shadow: none !important;
	color: var(--bg-cc-nav) !important;
	border-color: var(--bg-cc-nav) !important;
	font-weight: normal;
}
.brdr-cc-nav-75 {border-color: var(--bg-cc-nav-75) !important;}
.bg-cc-nav-75-pe-none {pointer-events: none !important;}
.bg-cc-nav-75, a.bg-cc-nav-75, button.bg-cc-nav-75, .bg-cc-nav-75-pe-none {
	display: block;
	background: var(--bg-cc-nav-75) !important;
	box-shadow: none !important;
	color: var(--bg-wht);
	border-color: var(--bg-cc-nav-75) !important;
	font-weight: normal;
}
a.bg-cc-nav-75:hover, button.bg-cc-nav-75:hover {
	display: block;
	background: var(--bg-ylw-90) !important;
	box-shadow: none !important;
	color: var(--bg-cc-nav) !important;
	border-color: var(--bg-cc-nav) !important;
	font-weight: normal;
}
.brdr-frm {border-color: var(--bg-frm) !important;}
.bg-frm-pe-none {pointer-events: none !important;}
.bg-frm, a.bg-frm, button.bg-frm, .bg-frm-pe-none {
	display: block;
	background: var(--bg-frm) !important;
	box-shadow: none !important;
	color: var(--bg-blk);
	border-color: var(--bg-frm) !important;
	font-weight: normal;
}
a.bg-frm:hover, button.bg-frm:hover {
	display: block;
	background: var(--bg-ylw-90) !important;
	box-shadow: none !important;
	color: var(--bg-cc-nav) !important;
	border-color: var(--bg-frm) !important;
	font-weight: normal;
}
.brdr-grn {border-color: var(--bg-grn) !important;}
.bg-grn-pe-none {pointer-events: none !important;}
.bg-grn, a.bg-grn, button.bg-grn, .bg-grn-pe-none {
	display: block;
	background: var(--bg-grn) !important;
	box-shadow: none !important;
	color: var(--bg-nav);
	border-color: var(--bg-grn) !important;
	font-weight: normal;
}
a.bg-grn:hover, button.bg-grn:hover {
	display: block;
	background: var(--bg-ylw-90) !important;
	box-shadow: none !important;
	color: var(--bg-cc-nav) !important;
	border-color: var(--bg-grn) !important;
	font-weight: normal;
}
.brdr-gry {border-color: var(--bg-gry) !important;}
.bg-gry-pe-none {pointer-events: none !important;}
.bg-gry, a.bg-gry, button.bg-gry, .bg-gry-pe-none {
	display: block;
	background: var(--bg-gry) !important;
	box-shadow: none !important;
	color: var(--bg-cc-nav);
	border-color: var(--bg-gry) !important;
	font-weight: normal;
}
a.bg-gry:hover, button.bg-gry:hover {
	display: block;
	background: var(--bg-ylw-90) !important;
	box-shadow: none !important;
	color: var(--bg-cc-nav) !important;
	border-color: var(--bg-gry-90) !important;
	font-weight: normal;
}
.brdr-nav {border-color: var(--bg-nav) !important;}
.bg-nav-pe-none {pointer-events: none !important;}
.bg-nav, a.bg-nav, button.bg-nav, .bg-nav-pe-none {
	display: block;
	background: var(--bg-nav) !important;
	box-shadow: none !important;
	color: var(--bg-cc-nav);
	border-color: var(--bg-gry-90) !important;
	font-weight: normal;
}
a.bg-nav:hover, button.bg-nav:hover {
	display: block;
	background: var(--bg-ylw-90) !important;
	box-shadow: none !important;
	color: var(--bg-cc-nav) !important;
	border-color: var(--bg-gry-90) !important;
	font-weight: normal;
}
.brdr-nav-90 {border-color: var(--bg-nav-90) !important;}
.bg-nav-90-pe-none {pointer-events: none !important;}
.bg-nav-90, a.bg-nav-90, button.bg-nav-90, .bg-nav-90-pe-none {
	display: block;
	background: var(--bg-nav-90) !important;
	box-shadow: none !important;
	color: var(--bg-cc-nav);
	border-color: var(--bg-gry-90) !important;
	font-weight: normal;
}
a.bg-nav-90:hover, button.bg-nav-90:hover {
	display: block;
	background: var(--bg-ylw-90) !important;
	box-shadow: none !important;
	color: var(--bg-cc-nav) !important;
	border-color: var(--bg-gry-90) !important;
	font-weight: normal;
}
.brdr-nav-50 {border-color: var(--bg-nav-50) !important;}
.bg-nav-50-pe-none {pointer-events: none !important;}
.bg-nav-50, a.bg-nav-50, button.bg-nav-50, .bg-nav-50-pe-none {
	display: block;
	background: var(--bg-nav-50) !important;
	box-shadow: none !important;
	color: var(--bg-cc-nav);
	border-color: var(--bg-gry-90) !important;
	font-weight: normal;
}
a.bg-nav-50:hover, button.bg-nav-50:hover {
	display: block;
	background: var(--bg-ylw-90) !important;
	box-shadow: none !important;
	color: var(--bg-cc-nav) !important;
	border-color: var(--bg-gry-90) !important;
	font-weight: normal;
}
.brdr-org {border-color: var(--bg-org) !important;}
.bg-org-pe-none {pointer-events: none !important;}
.bg-org, a.bg-org, button.bg-org, .bg-org-pe-none {
	display: block;
	background: var(--bg-org) !important;
	box-shadow: none !important;
	color: var(--bg-nav);
	border-color: var(--bg-org) !important;
	font-weight: normal;
}
a.bg-org:hover, button.bg-org:hover {
	display: block;
	background: var(--bg-ylw-90) !important;
	box-shadow: none !important;
	color: var(--bg-cc-nav) !important;
	border-color: var(--bg-org) !important;
	font-weight: normal;
}
.brdr-pdf {border-color: var(--bg-pdf) !important;}
.bg-pdf-pe-none {pointer-events: none !important;}
.bg-pdf, a.bg-pdf, button.bg-pdf, .bg-pdf-pe-none {
	display: block;
	background: var(--bg-pdf) !important;
	box-shadow: none !important;
	color: var(--bg-nav);
	border-color: var(--bg-pdf) !important;
	font-weight: normal;
}
a.bg-pdf:hover, button.bg-pdf:hover {
	display: block;
	background: var(--bg-ylw-90) !important;
	box-shadow: none !important;
	color: var(--bg-cc-nav) !important;
	border-color: var(--bg-pdf) !important;
	font-weight: normal;
}
.brdr-prpl {border-color: var(--bg-prpl) !important;}
.bg-prpl-pe-none {pointer-events: none !important;}
.bg-prpl, a.bg-prpl, button.bg-prpl, .bg-prpl-pe-none {
	display: block;
	background: var(--bg-prpl) !important;
	box-shadow: none !important;
	color: var(--bg-nav);
	border-color: var(--bg-prpl) !important;
	font-weight: normal;
}
a.bg-prpl:hover, button.bg-prpl:hover {
	display: block;
	background: var(--bg-ylw-90) !important;
	box-shadow: none !important;
	color: var(--bg-cc-nav) !important;
	border-color: var(--bg-prpl) !important;
	font-weight: normal;
}
.brdr-red {border-color: var(--bg-red) !important;}
.bg-red-pe-none {pointer-events: none !important;}
.bg-red, a.bg-red, button.bg-red, .bg-red-pe-none {
	display: block;
	background: var(--bg-red-90) !important;
	box-shadow: none !important;
	color: var(--bg-nav);
	border-color: var(--bg-red) !important;
	font-weight: normal;
}
a.bg-red:hover, button.bg-red:hover {
	display: block;
	background: var(--bg-ylw-90) !important;
	box-shadow: none !important;
	color: var(--bg-cc-nav) !important;
	border-color: var(--bg-red-90) !important;
	font-weight: normal;
}
.brdr-wht {border-color: var(--bg-wht) !important;}
.bg-wht-pe-none {pointer-events: none !important;}
.bg-wht, a.bg-wht, button.bg-wht, .bg-wht-pe-none {
	display: block;
	background: var(--bg-wht-90) !important;
	box-shadow: none !important;
	color: var(--bg-cc-nav);
	border-color: var(--bg-gry) !important;
	font-weight: normal;
}
a.bg-wht:hover, button.bg-wht:hover {
	display: block;
	background: var(--bg-ylw-90) !important;
	box-shadow: none !important;
	color: var(--bg-cc-nav) !important;
	border-color: var(--bg-gry-90) !important;
	font-weight: normal;
}
.brdr-wht-90 {border-color: var(--bg-wht-90) !important;}
.bg-wht-90-pe-none {pointer-events: none !important;}
.bg-wht-90, a.bg-wht-90, button.bg-wht-90, .bg-wht-90-pe-none {
	display: block;
	background: var(--bg-wht-90) !important;
	box-shadow: none !important;
	color: var(--bg-cc-nav);
	border-color: var(--bg-gry) !important;
	font-weight: normal;
}
a.bg-wht-90:hover, button.bg-wht-90:hover {
	display: block;
	background: var(--bg-ylw-90) !important;
	box-shadow: none !important;
	color: var(--bg-cc-nav) !important;
	border-color: var(--bg-gry-90) !important;
	font-weight: normal;
}
.brdr-ylw {border-color: var(--bg-ylw) !important;}
.bg-ylw-pe-none {pointer-events: none !important;}
.bg-ylw, a.bg-ylw, button.bg-ylw, .bg-ylw-pe-none {
	display: block;
	background: var(--bg-ylw) !important;
	box-shadow: none !important;
	color: var(--bg-cc-nav);
	border-color: var(--bg-gry) !important;
	font-weight: normal;
}
a.bg-ylw:hover, button.bg-ylw:hover {
	display: block;
	background: var(--bg-frm) !important;
	box-shadow: none !important;
	color: var(--bg-cc-nav) !important;
	border-color: var(--bg-gry-90) !important;
	font-weight: normal;
}
.brdr-ylw-90 {border-color: var(--bg-ylw-90) !important;}
.bg-ylw-90-pe-none {pointer-events: none !important;}
.bg-ylw-90, a.bg-ylw-90, button.bg-ylw-90, .bg-ylw-90-pe-none {
	display: block;
	background: var(--bg-ylw-90) !important;
	box-shadow: none !important;
	color: var(--bg-cc-nav);
	border-color: var(--bg-gry) !important;
	font-weight: normal;
}
a.bg-ylw-90:hover, button.bg-ylw-90:hover {
	display: block;
	background: var(--bg-ylw-90) !important;
	box-shadow: none !important;
	color: var(--bg-cc-nav) !important;
	border-color: var(--bg-gry-90) !important;
	font-weight: normal;
}

.brdr-ylw-slct {border-color: var(--bg-ylw-hl) !important;}
.bg-ylw-hl-pe-none {pointer-events: none !important;}
.bg-ylw-hl, a.bg-ylw-hl, button.bg-ylw-hl, .bg-ylw-hl-pe-none {
	display: block;
	background: var(--bg-ylw-hl) !important;
	box-shadow: none !important;
	color: var(--bg-cc);
	border-color: var(--bg-gry) !important;
	font-weight: normal;
}
a.bg-ylw-hl:hover, button.bg-ylw-hl:hover {
	display: block;
	background: var(--bg-cc-nav) !important;
	box-shadow: none !important;
	color: var(--bg-ylw-hl) !important;
	border-color: var(--bg-gry-90) !important;
	font-weight: normal;
}

a.cc-link-blk {
	display: inline-block;
	padding: 1px 3px;
	background: transparent;
	box-shadow: inset 0px -1px 0px 0px var(--bg-ylw), 0px 1px 0px 0px var(--bg-cc);
	color: var(--bg-blk);
	font-weight: normal;
	text-decoration: none;
	border-radius: inherit;
	border: solid;
	border-width: 0;
	line-height: 1.25;
	transition: all 0.1s ease-in-out;
}
a:hover, a.cc-link-blk:hover {
	background: transparent;
	box-shadow: inset 0px -50em 0px 0px var(--bg-ylw), 0px 1px 0px 0px var(--bg-cc);
	color: var(--bg-cc);
	border-radius: inherit;
	border: solid;
	border-width: 0;
	line-height: 1.25;
	transition: all 0.15s ease-in-out;	
}
a, a.cc-link-blu {
	display: inline-block;
	padding: 1px 3px;
	background: transparent;
	box-shadow: inset 0px -1px 0px 0px var(--bg-ylw), 0px 1px 0px 0px var(--bg-cc);
	color: var(--bg-cc);
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	border-radius: inherit;
	border: solid;
	border-width: 0;
	line-height: 1.25;
	transition: all 0.1s ease-in-out;
}
a:hover, a.cc-link-blu:hover {
	background: transparent;
	box-shadow: inset 0px -50em 0px 0px var(--bg-ylw), 0px 1px 0px 0px var(--bg-cc);
	color: var(--bg-cc);
	border-radius: inherit;
	border: solid;
	border-width: 0;
	line-height: 1.25;
	transition: all 0.15s ease-in-out;	
}
a.cc-link-wht {
	display: inline-block;
	padding: 1px 3px;
	background: transparent;
	box-shadow: inset 0px -1px 0px 0px var(--bg-ylw), 0px 1px 0px 0px var(--bg-cc);
	color: var(--bg-wht);
	font-weight: normal;
	text-decoration: none;
	border-radius: inherit;
	border: solid;
	border-width: 0;
	line-height: 1.25;
	transition: all 0.1s ease-in-out;
}
a.cc-link-wht:hover {
	background: transparent;
	box-shadow: inset 0px -50em 0px 0px var(--bg-ylw), 0px 1px 0px 0px var(--bg-cc);
	color: var(--bg-cc);
	border-radius: inherit;
	border: solid;
	border-width: 0;
	line-height: 1.25;
	transition: all 0.15s ease-in-out;	
}
a.cc-link-ylw {
	display: inline-block;
	padding: 1px 3px;
	background: transparent;
	box-shadow: inset 0px -1px 0px 0px var(--bg-ylw), 0px 1px 0px 0px var(--bg-cc);
	color: var(--bg-ylw);
	font-weight: normal;
	text-decoration: none;
	border-radius: inherit;
	border: solid;
	border-width: 0;
	line-height: 1.25;
	transition: all 0.1s ease-in-out;
}
a.cc-link-ylw:hover {
	background: transparent;
	box-shadow: inset 0px -50em 0px 0px var(--bg-ylw), 0px 1px 0px 0px var(--bg-cc);
	color: var(--bg-cc);
	border-radius: inherit;
	border: solid;
	border-width: 0;
	line-height: 1.25;
	transition: all 0.15s ease-in-out;	
}
a.img-link {
	display: inline-block;
	padding: 1px 2px !important;
	box-shadow: inset 0px 0px 0px 0px var(--bg-cc);
	color: var(--bg-cc);
	font-weight: normal;
	text-decoration: none;
	border-radius: inherit;
	transition: all 0.1s ease-in-out;
}
a.img-link:hover {
	transform: scale(1);
	box-shadow: none;
	color: var(--bg-wht);
	transition: all 0.1s ease-in-out;
}
a.img-link:hover img {
	transform: scale(1.025);
	box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%);
	color: var(--bg-wht);
	border: inherit;
	border-radius: inherit;
	transition: all 0.15s 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;
}
div.contact h3 {
	margin-bottom: 1rem;
	padding-bottom: 0.85rem;
	border-bottom: 1px solid var(--bg-wht);
}
/* --------------------------------NAVIGATION STYLE(S)-------------------------------- */

@media only screen and (max-width: 1169px) {
	body.nav-on-left.overflow-hidden {overflow: hidden;}
}
header.section-header {
	width: inherit;
	padding-top: 120px;
	background: var(--bg-nav);
	position: relative;
	display: inline-block;
}
.navbar {
  animation: slideDwn 0.5s ease-in-out forwards;
  transition: all 0.15s ease-in-out;
}
.navbar {
	min-height: 89px;
	margin-top: 32px;
	padding-right: 0 !important;
	line-height: inherit;
	background:  var(--bg-nav);
	opacity: 0.97;
	transition: all 0.15s ease-in-out;
	z-index: 9999;
}
.navbar:hover {
	background: var(--bg-nav);
	/*border-color: var(--bg-cc) !important;*/
	opacity: 1;
	transition: all 0.2s ease-in-out;
}
.navbar:hover a.navbar-brand {border-bottom: 1px solid var(--bg-gry); transition: all 0.2s ease-in-out;}
.navbar .megamenu {
	/*margin-top: 8px !important;*/
	border-top: 1px solid var(--bg-gry);
	border-right: none;
	border-bottom: 1px solid rgb(0 82 163 / 75%);
	border-left: none;
	background: var(--bg-wht);
	background-image: var(--bg-gradient);
	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: 1055;
}
.navbar:hover .navbar-nav a.nav-link {
	color: var(--bg-cc-nav-90);
	transition: all 0.2s ease-in-out;
}
.navbar .navbar-nav a.nav-link.show, .navbar:hover .navbar-nav a.nav-link.show {
	color: var(--bg-cc) !important;
	transition: all 0.2s ease-in-out;
}
.navbar:hover .navbar-nav a.nav-link.dropdown-toggle.show:after, .dropdown-toggle::after {border-bottom: 0px var(--bg-cc-alt) solid; transition: all 0.15s ease-in-out;}

.navbar-light .navbar-nav .nav-link,
.navbar-light .navbar-nav .nav-link a {
	min-height: 25px;
	display: inline-block;
	color: var(--bg-cc-nav-90);
	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: var(--bg-cc-nav-90) !important;
	border: none !important;
	padding-top: inherit;
	transition: all 0.2s ease-in-out;
}
.navbar-shadow {box-shadow: 0 .5rem 1rem rgb(0 0 0 / 15%);}
@media (min-width: 768px) {
	.navbar-expand-md .navbar-collapse {
		width: auto;
		margin-right: auto;
		margin-left: auto;
		display: block;
	}
	.navbar .navbar-nav {
		width: 100%;
		padding-right: 40px;
		align-items: center;
		justify-content: flex-end;
		margin-right: auto;
		margin-left: auto;
	}
	.navbar-nav .nav-item {margin: 0 5px; padding: 0 3px;}
}
@media (min-width: 100px) and (max-width: 360px) {
	/*.sidebar.scroll {width: 100%;  margin-top: 25px !important;}*/
	/*.sidebar .hamburger_icon {margin-top: 31px !important;}*/
	.hamburger_icon.active {
		background: transparent !important;
		background-image: none !important;
		/*top: 0 !important;*/
		right: 0 !important;
		left: unset !important;
		margin-top: 0 !important;
		box-shadow: none !important;
	}
	.quickmenu .quickmenubg {/*//11/21/23//margin-top: 30px;*/}
	a.navbar-brand {
		/*
		max-width: 150px !important;
		min-width: 100px !important;
		*/
	}
	.contact-ccform .bg-cc {
		padding: 10px;
	}
	.contact-ccform fieldset div.row {padding: 1rem 0rem !important;}
	.btnshadow {display: none;}
}
@media (min-width: 100px) and (max-width: 318px) {
	/*.navbar {margin-top: 64px;}*/
	/*.sidebar .hamburger_icon {margin-top: 31px !important;}*/
}

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

.nav-link.dropdown-toggle.show {color: var(--bg-wht) !important; transition: all 0.15s ease-in-out;}
.navbar .navbar-nav a.nav-link.show:after {}
.nav-link.dropdown-toggle.show:after {border-bottom: 2px var(--bg-cc) solid !important; transition: all 0.15s ease-in-out;}
.dropdown-toggle::after {transition: all 0.25s ease-in-out;}
.dropdown-toggle.show {padding-top: 0;}
@media all and (min-width: 768px) {
	.navbar .has-megamenu {position: static !important;}
	.navbar .megamenu {
		left: 0;
		right: 0;
		width: 100%;
		margin-top: 20px;
	}
	.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 var(--bg-gry);
		border-left: none;
		transition: all 0.15s ease-in-out;
	}
	
	.dropdown-toggle.show::after,
	.dropdown-toggle:hover::after {
		width: 100%;
		bottom: 0px;
		left: 0%;
		border-radius: 50px;
		border-bottom: 2px solid var(--bg-cc-nav-50);
		transition: all 0.2s ease-in-out;
	}
	.dropdown-menu .megamenu {overflow-y: auto;}
}
@media screen and (max-width: 768px) {
	.navbar .megamenu {
		width: 100%;
		margin-top: 0 !important;
		padding: 0;
		border: none;
		box-shadow: inset 0px 11px 8px -10px var(--bg-gry-90), inset 0px -11px 8px -10px var(--bg-gry-90) !important;
		background: var(--bg-nav);
	}
	/*
	.col-megamenu {box-shadow: inset 0px 11px 8px -10px #CCC, inset 0px -11px 8px -10px #CCC;}
	*/
	.dropdown-menu.show {overflow-x: hidden; max-height: 55vh;}
	.navbar-light .navbar-nav .nav-link,
	.navbar-light .navbar-nav .nav-link:hover {
		margin-top: 0px !important;
		padding-top: 0.5rem;
	}
	.nav-link.dropdown-toggle:after {
		display: inline-flex;
		align-items: center !important;
		justify-content: center !important;
	}
	.nav-link.dropdown-toggle.show:after {
		display: inline-flex;
		align-items: center !important;
		justify-content: center !important;
		border-bottom: 6px var(--bg-cc) solid !important;
		
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
	}
	.text-justify {text-align: left !important;}
}
@media(max-width: 991px) {
	.navbar.fixed-top .navbar-collapse,
	.navbar.sticky-top .navbar-collapse {max-height: 90vh;}
}
a.navbar-brand {
	/*
	width: 100%;
	max-width: 150px;
	min-width: 140px;
	min-height: 73px;
	*/
	position: relative;
	display: inline-block;
	margin: 0 5px auto;
	box-shadow: none;
	border-bottom: 1px solid rgb(70 70 70 / 0%);
	background-color: rgb(35 31 32 / 0%) !important;
	/*background: url('../images/logos/cc_nav_blue.svg') no-repeat;*/
	background-position: center;
	transition: all 0.15s ease-in-out;
}

.navbar:hover a.navbar-brand {
	/*background: url('../images/logos/cc_nav_blue.svg') no-repeat;*/
	background-position: center;
	transition: all 0.3s ease-in-out;
}
a.navbar-brand:hover {
	/*
	width: 100%;
	max-width: 150px;
	min-width: 140px;
	min-height: 73px;
	*/
	position: relative;
	display: inline-block;
	margin: 0 5px auto;
	border-bottom: 1px solid rgb(70 70 70 / 0%);
	border: inherit;
	background-color: rgb(35 31 32 / 0%) !important;
	/*background: url('../images/logos/cc_nav_white.svg') no-repeat !important;*/
	background-position: center !important;
	color: var(--bg-nav);
	transition: all 0.15s 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(0 82 163 / 100%);
	transform: scaleY(0);
	transition: transform 0.3s;
	z-index: -1;
}
a.navbar-brand:hover::after {transform: scaleY(1);}
a.navbar-brand:focus-visible, a.navbar-brand:focus-visible:hover {
	content: "";
	outline: 2px dashed var(--bg-grn) !important;
  outline-offset: -2px !important;
	color: var(--bg-cc) !important;
	background: url('../images/logos/cc_nav_blue.svg') no-repeat !important;
	background-position: center !important;
	box-shadow: 0px 0px 0px 2px var(--bg-wht), 0px 0px 0px 4px var(--bg-grn) !important;
	border-radius: 0 !important;
	transition: all 0.15s ease-in-out;
}
a.navbar-brand:focus-visible:hover {
	content: "";
	outline: 2px dashed var(--bg-grn) !important;
  outline-offset: -2px !important;
	color: var(--bg-cc) !important;
	background: url('../images/logos/cc_nav_white.svg') no-repeat !important;
	background-position: center !important;
	box-shadow: 0px 0px 0px 2px var(--bg-wht), 0px 0px 0px 4px var(--bg-grn) !important;
	border-radius: 0 !important;
	transition: all 0.15s ease-in-out;
}
.navbar button.navbar-toggler {
	background: var(--bg-wht);
	border-left: 1px transparent solid;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	transition: all 0.15s ease-in-out;
}
.navbar-toggler.collapsed {background: var(--bg-transparent) !important;}
.navbar-toggler[aria-expanded="true"] {
	background: var(--bg-cc-nav) !important;
	box-shadow: 0px 0px 0px 2px var(--bg-wht), 0px 0px 0px 4px var(--bg-ylw) !important;
}


.navbar:hover .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon, .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 233, 162, 90%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
	color: var(--bg-ylw);
}
.navbar-toggler.spacer.collapsed .navbar-toggler-icon {background: var(--bg-transparent) !important;}
.navbar-toggler:hover {
	background: var(--bg-ylw) !important;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2825, 82, 110, 90%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
	box-shadow: inset 1px 0px 0px var(--bg-wht);
	transition: all 0.2s ease-in-out;
}
.navbar:hover .navbar-toggler-icon, .navbar:hover .navbar-toggler:hover .navbar-toggler-icon, .navbar-toggler:hover .navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2825, 82, 110, 90%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.col-megamenu * a {
	margin: 0.2rem 0;
	color: var(--bg-cc-nav-75);
	background: transparent;
	display: block;
	text-decoration: none;
	word-break: break-word;
	border: none;
	line-height: 1rem;
	box-shadow: none;
	transition: all 0.2rem ease-in-out;
}
.col-megamenu * a:hover {
	color: var(--bg-cc-nav);
	background: transparent;
	display: block;
	text-decoration: none;
	border: none;
	transition: all 0.2s ease-in-out;
}
.col-megamenu li {
	width: 100%;
	color: inherit;
	font-weight: lighter !important;
	padding-left: 0.25rem !important;
	border-bottom: none !important;
	border-left: 1px solid var(--bg-cc-nav-25);
	box-shadow: inset 1px 0px 0px var(--bg-ylw-90);
	transition: all 0.15s ease-in-out;
}
.col-megamenu li:hover {
	color: var(--bg-cc) !important;
	font-weight: normal !important;
	border-bottom: none !important;
	border-left: 1px solid var(--bg-cc);
	box-shadow: inset 100em 0px 0px var(--bg-ylw);
	transition: all 0.25s ease-in-out;
}
.col-megamenu li a {
	color: var(--bg-cc-nav-90);
	box-shadow: none;
	border-left: 1px solid transparent;
}
.col-megamenu li a:hover {
	color: var(--bg-cc-nav);
	box-shadow: none;
	border-left: 1px solid transparent;
}
.col-megamenu .title {
	font-size: 1.25rem;
	color: var(--bg-cc-nav);
	border-bottom: 1px solid var(--bg-ylw-90);
	box-shadow: inset 0px -1px 0px var(--bg-cc-nav-25);
}
.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: var(--bg-wht);}

/* 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 var(--bg-wht) 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: var(--bg-cc);
	border: 1px var(--bg-wht) solid;
	border-left: 2px var(--bg-cc) solid;
	box-shadow: 0px 0px 5px 5px var(--bg-blk-25), inset 0px 0px 0px 1px var(--bg-cc);
	transition: all 0.15s ease-in-out;
}

/* --------------------------------TOP WIDGET STYLE(S)-------------------------------- */

body.noscroll #topwidget_row {
	padding-right: 17px;
}
#tpwdgt {background: var(--bg-cc-nav)}
#topwidget_row {background: #19526E;}
section.topwidget {
	height: auto;
  animation: slideDwn 0.3s ease-in-out forwards;
  transition: all 0.15s ease;
	z-index: 999999;
}
section.topwidget .card {
	padding: 0;
	line-height: normal;
	transform: none !important;
	transition: all 0s  ease-in-out;
}
section.topwidget a.btn {
	height: 100%;
	background-image: none !important;
	color: var(--bg-nav);
	padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x) !important;
	line-height: normal;
	font-weight: normal;
	transition: all 0.2s ease-in-out;
	text-decoration: none;
	line-height: inherit;
	border: none;
	box-shadow: none;
}
section.topwidget a.btn:hover {
	background: var(--bg-ylw);
	color: var(--bg-cc);
	/*font-weight: bold;*/
	border-width: 0;
	border-bottom: none !important;
	border-radius: 0;
	line-height: inherit;
}
.topwidgetCollapse {height: 100%;}
section.docsearchmenu.topwidget * a.btn[aria-expanded="true"] {
	background: var(--bg-ylw);
	background-image: var(--bs-gradient) !important;
	color: var(--bg-cc);
	/*font-weight: bold;*/
	border-bottom: none !important;
	border-radius: 0;
	pointer-events: none;
	transition: all 0.15s ease-in-out;
}
section.docsearchmenu.topwidget * a#search_site.btn[aria-expanded="true"] .bi-search::before {
	transform: rotate(90deg);
	transition: all 0.1s linear !important;
}
section.docsearchmenu.topwidget :focus-visible, section.docsearchmenu.topwidget :focus-visible:hover {
	content: "";
	outline: 2px dashed var(--bg-grn) !important;
  outline-offset: -2px !important;
	color: var(--bg-cc) !important;
	background: var(--bg-wht) !important;
	box-shadow: 0px 0px 0px 2px var(--bg-wht), 0px 0px 0px 4px var(--bg-grn) !important;
	border-radius: 0 !important;
	transition: all 0.15s ease-in-out;
}
section#topwidget a.cd-panel__close.js-cd-close:focus-visible, section#topwidget a.cd-panel__close.js-cd-close :focus-visible:hover {
	content: "";
	outline: 2px dashed var(--bg-grn) !important;
  outline-offset: -2px !important;
	color: var(--bg-cc) !important;
	background: rgb(249 57 57 / 75%) !important;
	box-shadow: 0px 0px 0px 2px var(--bg-wht), 0px 0px 0px 4px var(--bg-grn) !important;
	border-radius: 0 !important;
	transition: all 0.15s ease-in-out;
}
div#topwidget_row .topwidgetCollapse section, div#topwidget_row .topwidgetCollapse section .show, div#topwidget_row .topwidgetCollapse section.topwidgetCollapseContent {
	border-top: none !important;
	border-bottom: none !important;
}
section#contact #conact_content #contact-us {
	background: var(--bg-nav);
	position: relative;
}
section#contact #conact_content div:first-child {
	z-index: 1;
}
section#contact section.vh-100 {
	position: relative;
	z-index: 1;
}
#docsearchmenus div#contact, #docsearchmenus div#translate, #docsearchmenus div#search {
	background: var(--bg-cc-nav) !important;
	border-top: 1px var(--bg-wht) solid !important;
	border-bottom: 0px !important;
	color: var(--bg-wht);
}
#docsearchmenus div#contact > .row {
	margin-right: auto!important;
	margin-left: auto!important;
}
#docsearchmenus div#contact div .cd-panel__close, #docsearchmenus div#translate div .cd-panel__close {right: -2px;}
.docsearchmenu .bg-cc-alt, #docsearchmenus .collapse {background: var(--bg-cc-nav); border: none !important;}
#docsearchmenus {position: relative; z-index: 1;}
/*
section#srchmenu {margin-top: 1px;}
*/
section#dept-offices-directory, section#translate, section#contact {margin-top: 36px;}

#docsearchmenus #departments {border-top: 0px var(--bg-wht) solid !important;}
.topwidget.docsearchmenu a.cc-link-blu-alt {
	display: inline-block !important;
	padding: 1px 2px !important;
	box-shadow: inset 0px -1px 0px 0px var(--bg-wht) !important;
	color: var(--bg-wht) !important;
	font-weight: normal !important;
	transition: all 0.15s ease-in-out;
}
.topwidget.docsearchmenu a.cc-link-blu-alt:hover {
	box-shadow: inset 0px -10rem 0px 0px var(--bg-wht) !important;
	color: var(--bg-cc) !important;
	transition: all 0.2s ease-in-out;
}
section.docsearchmenu.topwidget #docsearchmenus .collapse.show {background: var(--bg-cc-alt) !important; height: 100vh !important;}
section.docsearchmenu .container-fluid {padding: 0;}
div.top-widget-header {
	background: var(--bg-ylw);
	color: var(--bg-cc);
	vertical-align: middle;
	height: 50px;
	border-top: 1px solid var(--bg-cc-nav) !important;
	box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%);
}
div.top-widget-header > span:first-child {
	height: 100% !important;
	background: var(--bg-ylw);
	color: var(--bg-cc);
	vertical-align: middle;
	padding-left: 1em;
	border-top: 1px solid var(--bg-cc-nav) !important;
}
#search * .searchbarbox {background: var(--bg-wht);}
#search div.top-widget-header {padding-left: 0rem;}
/*.widget-s-pad {transition: all 0.01s ease-in-out;}*/
/*.widget-s-pad.max-width1250 {padding-left: 0px;}*/
.widget-row {width: min-content; border-radius: 0 0 0.55rem 0;}*/
@media (min-width: 1851px) {
	#leftwidget {left: -100px !important; transition: all 0.3s ease-in-out;}
}
@media screen and (max-width: 1850px) {
	/*.widget-s-pad {padding-left: calc(var(--bs-gutter-x) * .5 + 81px);}*/
	.position-lg-fixed {position: fixed;}
}
@media (min-width: 0px) and (max-width: 700px) {
	section.boards-and-commissionsbody a[name], section.mcexpressway a[name] {padding: 4.15rem !important;}
	section.ordinances a[name] {padding: 0 !important;}
	/*.widget-s-pad {padding-right: 1rem; padding-left: 1rem !important;}*/
	#widget-inner div.infowidgetbar, #widget-inner div.contactwidgetbar, #widget-inner hr {display: none;}
	.widget-row {
		max-width: 100%;
		width: 100%;
		display: inline;
		border-right: none !important;
		border-bottom: 1px var(--bg-wht) solid !important;
		border-radius: 0 !important;
		transition: all 0.3s ease-in-out;
	}
	#widget-inner {
		width: 100%;
		max-width: 275px;
		min-width: 80px;
		display: inline;
		position: relative;
		transition: all 0.3s ease-in-out;
	}
	section p, section li, section a,
	.twittercarouselbody .card .card-text,
	.twittercarouselbody .card .card-text span,
	.twittercarouselbody .card span.date,
	.twitter-marquee-text p {
	}
	#widget-inner div {position: relative;}
	#translatestatus, #searchstatus {margin-top: -3px !important;}
	#widget-inner div.countysearchbar button #srchicon {margin-top: 4px !important;}
	#widget-inner * button, #widget-inner * button * > span {border-radius: 0 !important;}
	.widget-row .countysearchbar {width: 100%; position: relative;}
	.cards_landscape_wrap .card-flyer .fancybox {padding: 1em !important;}
	.posiiont-sm-relative {position: relative;}
	.posiiont-sm-absolute {position: absolute;}
	.widgetsearchbar {}
}
@media (min-width: 0px) and (max-width: 360px) {
	.translate {display: none !important;}
	section.topwidget a.btn {
		color: var(--bg-nav-75);
		padding: 6px !important;
		/*padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x) !important;*/
		font-weight: normal;
		transition: all 0.2s ease-in-out;
		text-decoration: none;
		border: none;
		box-shadow: none;
	}
}
@media (min-width: 0px) and (max-width: 275px) {
	#translate_row {display: none !important;}
}
.searchbar {animation: slideL 0.1s ease-in-out forwards;}
.googletranslateelement a {border-bottom: none;}
.gtranslatebar,
.countysearchbar {
	width: 100%;
	color: rgb(70 70 70 / 75%);
}
.gtranslatebar {
	background: transparent /*var(--bg-nav)*/;
	padding: 0.25rem 0.5rem;
	border-radius: 0 !important;
}
.gtranslatebar:hover,
.countysearchbar:hover {color: rgb(70 70 70 / 100%);}
.topwidget input:focus {
	outline: none;
	color: var(--bg-wht);
}
.widget {padding-right: 0 !important; z-index: 99999;}
.searchbar {animation: slideL 0.1s ease-in-out forwards;}
#searchCriteria {
	width: 100%;
	color: var(--txt-dark) !important;
	background-color: var(--bg-gry-25) !important;
	border: 1px solid var(--bg-gry) !important;
	/*background-color: var(--bg-gry);*/)
}
.googletranslateelement a {border-bottom: none;}
.gtranslatebar,
.countysearchbar {width: 100%; color: rgb(70 70 70 / 75%);}
.goog-te-gadget .goog-te-combo {margin-bottom: 14px !important;}
.gtranslatebar:hover,
.countysearchbar:hover {color: rgb(70 70 70 / 100%);}

/* --------------------------------PAGE ANCHOR STYLE(S)-------------------------------- */

.page-anchors {
	animation: slideL 0.8s ease-in-out forwards;
	transition: all .2s ease-in-out;
}
.page-anchors.active .btnshadow  {
	height: 100%;
	margin-top: 2px;
	border-radius: 5px 0 0 5px;
	box-shadow: 0px 0.5rem 5px rgb(0 0 0 / 15%), -5px 0.5rem 10px rgb(0 0 0 / 15%);
}
.sidebar.scroll > .sidebar-header, .sidebar.scroll > .sidebar-tag .sidebar-header {
	background: var(--bg-cc-90);
	background-image: var(--bs-gradient);
	padding: 4px 5px;
	border: 1px solid var(--bg-cc);
	color: var(--bg-nav);
	line-height: 1.75rem;
}
.sidebar.scroll > .sidebar-tag .row.sidebar-header {
	background: var(--bg-cc-nav-90);
	padding: 0px 1px;
	color: var(--bg-wht);
	line-height: 1.75rem;
	/*border-top: 1px var(--bg-wht) solid;*/
	border-bottom: 1px var(--bg-wht) solid;
	border-left: 0;
	box-shadow: inset 0px 1px 0px var(--bg-cc), inset 0px 2px 0px var(--bg-wht);
}
.sidebar.scroll > .sidebar-tag .sidebar-header a[data-bs-toggle] {
	background: var(--bg-cc);
	padding: 0;
	color: var(--bg-wht);
	line-height: 1.75rem;
	border-bottom: 1px var(--bg-wht) solid;
	box-shadow: none;
	border-radius: 0;
}
.sidebar.scroll > .sidebar-tag .sidebar-header a[data-bs-toggle]:hover {
	background: var(--bg-cc-90);
	padding: 0;
	color: var(--bg-wht) !important;
	line-height: 1.75rem;
	border-bottom: 1px var(--bg-wht) solid;
	box-shadow: none;
}
.sidebar.scroll > .sidebar-tag .sidebar-header a.btn[data-bs-toggle][aria-expanded="true"] {
	background: var(--bg-cc-nav) !important;
	cursor: pointer;
	display: block;
	padding: 5px 0 5px 10px !important;
	color: var(--bg-ylw);
	line-height: 1.75rem;
	border: 1px solid var(--bg-nav);
	border-right: 0 !important;
	border-left: 0 !important;
	box-shadow: none;
	border-radius: 0;
}
.sidebar.scroll > .sidebar-tag .sidebar-header a.btn[data-bs-toggle] {
	background: var(--bg-cc);
	cursor: pointer;
	display: block;
	padding: 5px 0 5px 10px !important;
	color: var(--bg-nav);
	line-height: 1.75rem;
	border: 1px solid var(--bg-nav);
	border-right: 0 !important;
	border-left: 0 !important;
	box-shadow: none;
	border-radius: 0;
}
.sidebar.scroll > .sidebar-tag .sidebar-header a.btn[data-bs-toggle]:hover, .sidebar.scroll > .sidebar-tag .sidebar-header a.btn[data-bs-toggle][aria-expanded="true"]:hover {
	background: var(--bg-ylw) !important;
	cursor: pointer;
	display: block;
	padding: 5px 0 5px 10px !important;
	color: var(--bg-cc-nav) !important;
	line-height: 1.75rem;
	border: 1px solid var(--bg-nav);
	box-shadow: none;
	border-radius: 0;
}
.sidebar.scroll > .sidebar-tag .sidebar-header a[aria-expanded="true"] .bi-caret-down-fill::before {
	content: "\f22c" !important;
	transition: all 0.5 linear !important;
}
#roddocumentsearchbody .shift * a[aria-expanded="true"] {
	content: "\f22c" !important;
	font-weight: bold;
	box-shadow: inset 0px 0px 100px 100px var(--bg-cc-alt), 0px 0px 0px 2px var(--bg-cc);
	transition: all 0.5s linear !important;
}
#roddocumentsearchbody .shift * a[aria-expanded="true"] .bi-caret-down-fill::before {
	content: "\f22c" !important;
	box-shadow: inset 0px 0px 100px 100px var(--bg-cc-alt) !important;
	transition: all 0.5s linear !important;
}
.pagenav {
	width: 100%;
	/*max-height: 20px;*/
	background: var(--bg-ylw);
	background-image: var(--bs-gradient) !important;
	/*display: inline-flex;*/
	/*margin-top: 1px;*/
	padding: 0px 5px;
	text-align: start;
	color: var(--bg-cc);
	font-size: .875em;
	font-weight: normal;
	text-transform: uppercase;
	transition: all 0.15s ease-in-out;
}
.sidebar-tag * li a {
	display: inline-block;
	padding: 1px 2px;
	box-shadow: inset 0px 0px 0px 0px var(--bg-ylw), 0px 0px 0px 0px var(--bg-cc);
	color: var(--bg-cc);
	font-weight: normal;
	text-decoration: none !important;
	transition: all 0.15s ease-in-out;
}
.sidebar-tag * li a:hover {
	box-shadow: inset 0px -5rem 0px 0px var(--bg-ylw), 0px 0px 0px 0px var(--bg-cc);
	color: var(--bg-cc);
	text-decoration: none !important;
	transition: all 0.2s ease-in-out;
}
.sidebar {
	width: 300px;
	position: fixed;
	background: var(--bg-cc-nav-90);
	background-image: var(--bs-gradient) !important;
	height: 100vh;
	top: 37px;
	right: -300px;
	padding: 0;
	transition: all .2s ease-in-out;
	z-index: 99999;
	&.scroll {
		right: 0px;
		box-shadow: -1px 0px 0px 0px var(--bg-cc-90), -0.5rem 0rem  0.75rem rgb(0 0 0 / 15%);
		transition: all 0.2s ease-in-out;
	}
	.hamburger_icon {
		width: 50px;
		height: 39px;
		margin-top: -1px;
		position: absolute;
		border-radius: 5px 0 0 5px;
		top: 22px;
		left: -49px;
		cursor: pointer;
		animation: pulse-animation-yellow 2s linear infinite;
		.icon {
			position: relative;
			width: 24px;
			height: 2px;
			top: 18px;
			right: -15px;
			background: var(--bg-cc-90);
			background-image: var(--bs-gradient) !important;
			transition: .4s;
			&:before {
				content: "";
				position: absolute;
				width: 24px;
				height: 2px;
				top: -8px;
				background: var(--bg-cc-90);
				background-image: var(--bs-gradient) !important;
				transition: .6s;
			}
			&:after {
				content: "";
				position: absolute;
				width: 24px;
				height: 2px;
				top: 8px;
				background: var(--bg-cc-90);
				background-image: var(--bs-gradient) !important;
				transition: .6s;
			}
		}
		&.hamburger_icon.active {
			background: var(--bg-cc) /*!important*/;
			background-image: var(--bs-gradient) /*!important*/;
			left: -51px;
			box-shadow: 0px 0.5rem 5px rgb(0 0 0 / 15%), -5px 0.5rem 10px rgb(0 0 0 / 15%);
			animation: pulse-animation-yellow 2s linear infinite;
			.icon {
				background: none;
				background-image: none !important;
				margin-top: -5px;
				&:before {
					top: 5px;
					transform: rotate(45deg);
					background: var(--bg-ylw);
				}
				&:after {
					top: 5px;
					transform: rotate(-225deg);
					background: var(--bg-ylw);
				}
			}
		}
		&.hamburger_icon.active:hover {
			/*background: var(--bg-cc) !important;*/
			.icon {
				background: none;
				margin-top: -6px;
				&:before {
					top: 5px;
					transform: rotate(-225deg);
					background: var(--bg-ylw);
				}
				&:after {
					top: 5px;
					transform: rotate(225deg);
					background: var(--bg-ylw);
				}
			}
		}
		&.hamburger_icon:hover {
			/*background: var(--bg-cc-nav-90) !important;*/
			.icon {
				background: none;
				background-image: none !important;
				margin-top: -5px;
				&:before {
					top: 5px;
					transform: rotate(-180deg);
					background: var(--bg-cc);
				}
				&:after {
					top: 5px;
					transform: rotate(90deg);
					background: var(--bg-cc);
				}
			}
		}
	}
	.hamburger_icon.active > .sidebar-header {
		position: relative;
		right: 50px;
		color: var(--bg-cc-alt);
		transform: rotate(-180deg);
	}
	.input-group-prepend{
		span {
			border-radius: 0px !important;
			background-color: var(--bg-ylw);
			border: none;
			box-shadow: inset -5px 0px 3px rgb(0 0 0 / 0.25);
			transition:1s;
			width: 40px;
			height: 40px;
			z-index: 99;
			cursor: pointer;
			&:hover {
				box-shadow: inset -5px 0px 3px rgb(0 0 0 / 0.50);
			}
			&:active {
				position: absolute;
				width: 300px;
			}
		}
	}
	.sidebar-tag {
		height: 100%;
		overflow: auto;
		padding-bottom: 100px;
	}
	.sidebar-tag ul {padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0;}
	.sidebar-tag * li {
		width: 100%;
		padding: 0;
		border: 0;
		border-radius: 0;
		border-top: 1px solid var(--bg-cc);
	}
	.sidebar-tag * li a {
		cursor: pointer;
		display: block;
		margin: 4px 0px 5px 0px;
		padding: 5px 0 5px 10px !important;
	}
	.sidebar-tag * li a i {font-size: var(--bs-body-font-size) !important;}
}

.sidebar > .sidebar-tag .sidebar-header, .sidebar .sidebar-header, .sidebar > .sidebar-tag #tags {display: none;}
.sidebar.scroll > .sidebar-tag .sidebar-header, .sidebar.scroll .sidebar-header, .sidebar.scroll > .sidebar-tag #tags {display: block;}
li.list-group-item.active a, .list-group-item.active, a.btn.active {
	background: var(--bg-ylw) !important;
	color:  var(--bg-cc) !important;
	pointer-events: none !important;
}
#additionalRSS a.active {
	background: var(--bg-cc-nav) !important;
	color:  var(--bg-ylw) !important;
	pointer-events: none !important;
}

/* --------------------------------BUTTON STYLE(S)-------------------------------- */

button {transition: all 0.2s ease-in-out;}
button:hover {
	background: var(--bg-ylw-90);
	box-shadow: none;
	color: var(--bg-cc-nav);
	border-color: var(--bg-cc-90);
	font-weight: normal;
	transition: all 0.2s ease-in-out;
}
.video-btn {
	height: 100%;
	/*background: var(--bg-ylw);*/
	display: flex;
	padding: 0.25rem;
	border-radius: 0.25rem !important;
	/*box-shadow: 0 0px 4px 1px var(--bg-ylw-90);*/
	border: 1px solid var(--bg-gry);
}
.video-btn:hover {
	background: var(--bg-cc);
	box-shadow: 0 0px 5px 1px var(--bg-nav);
	transition: all 0.2s ease-in-out;
}
.video-btn .btn-txt {
	width: 100%;
	height: 100%;
	padding: 0rem;
	/*
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	align-content: center;
	*/
	border-radius: 0.25rem !important;
	position: relative;
	background: var(--bg-nav-90);
}
.video-btn:hover .btn-txt {
	background: var(--bg-ylw);
}
.video-btn .btn-txt img {margin-bottom: 35px;}
.video-btn-ply {
	width: 100%;
	height: auto;
	position: absolute;
	transform: translate(-50%,-50%);
	top: 50%;
	left: 50%;
}
.video-btn-ply .video-btn-icon, .video-title {
	width: auto;
	height: auto;
	display: inline-flex;
	flex-wrap: nowrap;
	align-items: center;
	align-content: center;
}
.video-title {line-height: 1;}
.video-btn-icon i.bi {
	font-size: 3.5rem;
	display: flex;
	align-items: center;
	align-content: center;
	color: var(--bg-cc-nav);
	padding: 0.25rem;
	border: 2px solid var(--bg-ylw);
	border-radius: 50%;
	background: var(--bg-wht-90);
	transition: all 0.15s ease-in-out;
}
.video-btn:hover i.bi {
	color: var(--bg-nav);
	border: 2px solid var(--bg-cc);
	border-radius: 50%;
	background: var(--bg-cc-nav-90);
	transition: all 0.2s ease-in-out;
}
.video-btn-title {
	width: 100%;
	background: var(--bg-cc-nav);
	position: absolute;
	transform: translateX(-50%);
	bottom: 0%;
	left: 50%;
	color: var(--bg-nav);
	padding: 0.25rem 0;
	transition: all 0.15s ease-in-out;
}
.video-btn:hover .video-btn-title {
	background: var(--bg-cc);
	color: var(--bg-ylw);
	transition: all 0.2s ease-in-out;
}

/* --------------------------------MAX/MIN WIDTH/HEIGHT STYLE(S)-------------------------------- */

.max-width1800 {width: 100%; max-width: 1700px !important;}
.max-width1250 {width: 100%;max-width: 1250px !important;}
.max-width800 {width: 100%;max-width: 800px !important;}
.min-height800 {height: 100%;min-height: 800px !important;}
.max-width700 {width: 100%;max-width: 700px !important;}
.max-width600 {width: 100%;max-width: 600px !important;}
.max-width500 {width: 100%;max-width: 500px !important;}
.min-height500 {height: 100%;min-height: 500px !important;}
.max-width475 {width: 100%;max-width: 475px !important;}
.max-width450 {width: 100%;max-width: 450px !important;}
.max-width400 {width: 100%;max-width: 400px !important;}
.max-width350 {width: 100%;max-width: 350px !important;}
.max-width300 {width: 100%;max-width: 300px !important;}
.max-height300 {height: 100%;max-height: 300px !important;}
.max-width250 {width: 100%;max-width: 250px !important;}
.min-width250 {width: 100%;min-width: 250px !important;}
.max-width200 {width: 100%;max-width: 200px !important;}
.min-width200 {width: 100%;min-width: 200px !important;}
.max-height200 {height: 100%;max-height: 200px !important;}
.min-height200 {height: 100%;min-height: 200px !important;}
.max-width150 {width: 100%;max-width: 150px !important;}
.min-width150 {width: 100%;min-width: 150px !important;}
.max-width125 {width: 100%;max-width: 125px !important;}
.min-width125 {width: 100%;min-width: 125px !important;}
.max-width100 {width: 100%;max-width: 100px !important;}
.min-width100 {width: 100%;min-width: 100px !important;}
.min-height100 {height: 100%;min-height: 100px !important;}
.min-height90 {width: 100%;min-height: 90px !important;}
.max-width75 {width: 100%;max-width: 75px !important;}
.max-height75 {width: 100%;max-height: 75px !important;}
.min-width75 {width: 100%;min-width: 75px !important;}
.min-height75 {width: 100%;min-height: 75px !important;}
.max-width50 {width: 100%;max-width: 50px !important;}
.min-width50 {width: 100%;min-width: 50px !important;}
.min-height50 {height: 100%;min-height: 50px !important;}
.min-height40 {height: 100%;height: 40px !important;}
.max-width35 {width: 100%;width: 35px !important;}
.min-height35 {height: 100%;height: 35px !important;}
.max-width25 {width: 100%;max-width: 25px !important;}
.min-width25 {width: 100%;min-width: 25px !important;}
.max-height25 {height: 100%;max-height: 25px !important;}
.min-height25 {height: 100%;min-height: 25px !important;}
.max-width20 {width: 100%;max-width: 20px !important;}
.min-width20 {width: 100%;min-width: 20px !important;}
.wh100 {width: 100px; height: 100px;}

/* --------------------------------IMG STYLE(S)-------------------------------- */

img {image-rendering: -webkit-optimize-contrast; transition: all 0.2s ease-in-out;}
.imgdiv {position: relative; margin: 2rem 0;}
.img-gallery img {
	display: block;
	background-color: rgb(255 255 255 / 100);
	margin: 0 auto;
	opacity: 50%;
	box-shadow: 0px 0px 0px var(--bg-wht);
	border-radius: 25rem;
	transition: all 0.2s ease-in-out;
}
.img-gallery img:hover {
	opacity: 1;
	border-radius: 0rem;
	transition: all 0.15s ease-in-out;
}
.img-filter-button, .news-filter-button {
	font-size: 18px;
	border-radius: 5px;
	text-align: center;
	color: var(--bg-cc);
}
.img-filter-button:hover, .news-filter-button:hover {
	font-size: 18px;
	border: 1px solid var(--bg-grn) !important;
	border-radius: 5px;
	text-align: center;
	color: var(--bg-grn) !important;
}
.btn-default.active, .img-filter-button.active, .news-filter-button.active {
	background-color: var(--bg-ylw);
	color: var(--bg-cc-nav-90) !important;
	pointer-events: none;
	border: 1px var(--bg-cc-nav-90) solid;
}
.btn-default:hover {
	background-color: transparent;
	color: inherit !important;
	border: 1px var(--bg-ylw) solid !important;
}
.btn-default.do.active {
	background-color: var(--bg-grn);
	color: var(--bg-ylw) !important;
	pointer-events: none;
	border: 1px var(--bg-grn) solid;
}
.btn-default.do:hover {
	background-color: transparent;
	color: var(--bg-grn) !important;
	border: 1px var(--bg-grn) solid !important;
}
.btn-default.dont.active {
	background-color: var(--bg-red);
	color: var(--bg-ylw) !important;
	pointer-events: none;
	border: 1px #842029 solid;
}
.btn-default.dont:hover {
	background-color: transparent;
	color: #842029 !important;
	border: 1px #842029 solid !important;
}
.gallery_product {/*margin-bottom: 30px;*/}

/* --------------------------------HR STYLE(S)-------------------------------- */

.divider-div {
  height: 3rem;
  background-color: rgba(0, 0, 0, .1);
  border: solid rgba(0, 0, 0, .15);
  border-width: 1px 0;
  box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}
hr, .row hr, hr.auto {
	height: 1px;
	margin: 1rem 0;
	margin-top: 1rem;
	margin-bottom: 1rem;
	border: 0;
	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);
}
hr.bg-cc {background: var(--bg-cc) !important; opacity: 1;}
hr.bg-cc-alt {background: var(--bg-cc-alt) !important; opacity: 1;}
hr.bg-grn {background: var(--bg-grn) !important; opacity: 1;}
hr.bg-gry {background: var(--bg-gry)!important; opacity: 1;}
hr.bg-wht {background: var(--bg-wht) !important; opacity: 1;}
hr.bg-wht-90 {background: var(--bg-wht-90) !important; opacity: 1;}
hr.bg-frm {background: var(--bg-frm) !important; opacity: 1;}

hr.cc {
	height: 10px;
	margin: 1rem 0;
	margin-top: 1rem;
	margin-bottom: 1rem;
	border: 0;
	background-image: -webkit-linear-gradient(left, #19226E, #19526E, #19226E);
	background-image: -moz-linear-gradient(left, #F0F0F0, #19526E, #F0F0F0);
	background-image: -ms-linear-gradient(left, #F0F0F0, #19526E, #F0F0F0);
	background-image: -o-linear-gradient(left, #F0F0F0, #19526E, #F0F0F0);
}
.divider {
  height: 3rem;
  background-color: rgba(0, 0, 0, .1);
  border: solid rgba(0, 0, 0, .15);
  border-width: 1px 0;
  box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
	transition: all 0.3s ease-in-out;
}

/* --------------------------------ALERT/NOTICE STYLE(S)-------------------------------- */

.rowalert, .dptalert, .notice {display: none;}
.rowalert {
	top: 0rem;
	animation: slideDwn 0.5s ease-in-out forwards;
	/*transition: all 0.5s ease;*/
	z-index: 97;
}
.alertrow {
	/*margin-top: 125px;*/
	color: var(--bg-nav);
	animation: slideDwn 0.55s ease-in-out forwards;
	transition: all .8s ease;
	z-index: 9999;
}
.dptalert {
	animation: slideDwn 0.55s ease-in-out forwards;
	transition: all .8s ease;
	z-index: 9999;
}
@media screen and (max-width: 700px) {
	.alertrow > div {
		/*padding: calc(var(--bs-gutter-x) * .5) !important;*/
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		transition: all 0.05s ease-in-out !important;
	}
}
.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;
}
.noticerow {
	top: 0rem;
	animation: slideDwn 0.75s ease-in-out forwards;
	transition: all .8s ease;
}
.noticerow {z-index: 98;}
.noticerow a {
	display: inline-block !important;
	padding: 1px 2px !important;
	box-shadow: inset 0px -1px 0px 0px var(--bg-cc) !important;
	color: var(--txt-dark) !important;
	border-bottom: 0px transparent solid;
	transition: all 0.15s ease-in-out;
}
.noticerow a:hover {
	box-shadow: inset 0px -5rem 0px 0px var(--bg-wht) !important;
	color: var(--bg-cc) !important;
	transition: all 0.2s ease-in-out;
}
.alertrow .rowalert {
	background: var(--bg-pdf);
	background-image: var(--bs-gradient) !important;
	/*margin-top: 125px;*/
	position: relative;
	display: block;
	z-index: 9990;
}
.alertrow .dptalert, .alertrow .notice {
	top: 0rem;
	background: var(--bg-ylw);
	background-image: var(--bs-gradient)!important;
	color: var(--bg-blk);
	position: relative;
	/*display: block;*/
	z-index: 97;
}
/*
.alertrow .notice {
	top: 0rem;
	background: var(--bg-blk);
	background-image: var(--bs-gradient)!important;
	color: var(--bg-ylw);
	position: relative;
	z-index: 97;
}
*/
.dptrow a {
	display: inline-block !important;
	padding: 1px 2px !important;
	border-bottom: 0px transparent solid;
	transition: all 0.15s ease-in-out;
}
.dptrow a:hover {
	box-shadow: inset 0px -5rem 0px 0px var(--bg-wht) !important;
	color: var(--bg-cc) !important;
	transition: all 0.2s ease-in-out;
}
@media (min-width: 280px) and (max-width: 700px) {
	.alertrow .toast-body {
		margin-top: 49px;
		padding-left: 0 !important;
	}
}
.alert {
	width: 100%;
	margin: 0 auto;
	position: fixed;
	top: 0em;
	box-shadow: 0 0.55rem 0.55rem var(--bg-blk-25) !important;
	z-index: 999;
}
.alert p {
	border-color: var(--bg-cc);
	border-width: 1px;
	padding: 5px;
	border-style: solid;
	border-radius: 5px;
	/*background: var(--bg-wht);*/
}
.alert p::last-of-type, .accordion-item p::last-of-type {margin-bottom: 0;}
ul.dropdown-menu.show * a {color: var(--bg-cc);}
.show {width: 100% !important; display: inline-block !important;}
@media (min-width: 768px) {
	.shift .dropdown .dropdown-toggle:after {border-bottom-width: 0px !important;}
}
@keyframes fadein {
  0%    {opacity: 0;}
  100%  {opacity: 0.75;}
}
.hide {
	visibility: hidden;
	opacity: 0;
	animation: fadeout 0.3s;
}
@keyframes fadeout {
  0%    {opacity: 0.75;}
  100%  {opacity: 0;}
}
.hide-up {margin-top: -144px; transition: opacity 0.3s linear;}
.toggle-btn {
	width: 100%;
	margin-top: 0 !important;
	border-radius: 0 0 10px 10px;
	position: absolute;
	top: 0em;
	right: 0%;
	left: 0%;
	font-size: inherit;
	box-shadow: 0 0.75rem 0.75rem rgb(0 0 0 / 50%) !important;
	z-index: 9998;
	transition: all 0.15s linear;
}
.toggle-btn:hover {
	content: "";
	margin: 0 auto;
	margin-top: -3px;
	margin-bottom: 3px;
	display: block;
	background: var(--bg-cc);
	color: var(--bg-wht);
}
@media (max-width: 814px) {
	.toggle-btn.scrollDown {top: 4.3em !important;}
	.toggle-btn.alert-warning {top: 0 !important;}
}
.disabled,
.carousel-indicators button.news.active, .carousel-indicators li.news.active {pointer-events: none;}
.skiptranslate img {max-width: fit-content;}
.googletranslate > *,
.googletranslate a {color: #00264D !important;}
.img-shadow { filter: drop-shadow(0px 3px 3px var(--bg-blk)); -webkit-filter: drop-shadow(0px 3px 3px var(--bg-blk));}
.box-shadow {box-shadow: 0px 0px 0px 3px var(--bg-cc)}
.box-shadow-thin-gry {box-shadow: 0px 0px 0px 1px var(--bg-gry) !important;}
.bottomboxshadow {box-shadow: 0 0.75rem 0.75rem rgb(0 0 0 / 50%);}
.topshadow {box-shadow: 0px -10px 20px -20px var(--bg-blk-90);}
.bottomshadow {box-shadow: 0 .5rem 1rem rgb(0 0 0 / 15%);}
.rightshadow {box-shadow: 5px 0 5px -5px #403E3C;}
.leftshadow {box-shadow: -5px 0 5px -5px #403E3C;}
.allshadow {box-shadow: 0 -5px 20px -10px #403E3C, 0 5px 20px -10px #403E3C;}
.dropendShadow {box-shadow: 0px 10px 20px -10px var(--txt-dark);}
.rotate90 {transform: rotate(90deg);}
.rotate-90 {transform: rotate(-90deg);}
.rotate180 {transform: rotate(180deg);}
.rotate-180 {transform: rotate(-180deg);}
.icon-flipped {
	transform: scaleX(-1) !important;
	-moz-transform: scaleX(-1) !important;
	-webkit-transform: scaleX(-1) !important;
	-ms-transform: scaleX(-1) !important;
}
.pulsecc {animation: pulse-animation-blue 2s linear infinite;}
.pulsecc-alt {animation: pulse-animation-blue-alt 2s linear infinite;}
.pulsegry {animation: pulse-animation-grey 2s linear infinite;}
.pulsewht {animation: pulse-animation-white 2s linear infinite;}
.pulseylw {animation: pulse-animation-yellow 2s linear infinite;}
@keyframes pulse-animation-blue {
	0% {
		box-shadow: 0 0 0 0px rgb(0 82 163 / 1);
	}
	100% {
		box-shadow: 0 0 0 10px rgb(0 82 163 / 0);
	}
}
@keyframes pulse-animation-blue-alt {
	0% {
		box-shadow: 0 0 0 0px rgb(0 82 163 / 1);
	}
	100% {
		box-shadow: 0 0 0 10px rgb(0 82 163 / 0);
	}
}
@keyframes pulse-animation-white {
	0% {
		box-shadow: 0 0 0 0px rgb(255 255 255 / 1);
	}
	100% {
		box-shadow: 0 0 0 10px rgb(255 255 255 / 0);
	}
}
@keyframes pulse-animation-grey {
	0% {
		box-shadow: 0 0 0 0px rgb(0 0 0 / 0.2);
	}
	100% {
		box-shadow: 0 0 0 10px rgb(0 0 0 / 0);
	}
}
@keyframes pulse-animation-yellow {
	0% {
		box-shadow: 0 0 0 0px rgb(252 191 73 / 1);
	}
	100% {
		box-shadow: 0 0 0 10px rgb(252 191 73 / 0);
	}
}

/* ============ START PAGE LOAD ANIMATIONS ============ */

@keyframes slideL {
	0% {transform: translateX(1500px);}
	100% {transform: translateX(0px);}
}
@keyframes slideR {
	0% {transform: translateX(-1500px);}
	100% {transform: translateX(0px);}
}
@keyframes slideUp {
	0% {transform: translateY(500px);}
	100% {transform: translateY(0px);}
}
@keyframes slideDwn {
	0% {transform: translateY(-500px);}
	100% {transform: translateY(0px);}
}
@keyframes expand {
	0% {transform: scale(0);}
	100% {transform: scale(1);}
}

/* --------------------------------GOOGLE CALENDER STYLE(S)-------------------------------- */

.googleCalendar{
  position: relative;
  height: 0;
  padding-bottom: 50%;
}
.googlecalendar-bg {background-color: #E3E9FF;}
.googleCalendar iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.councilcalendar .upcomingeventsbody .countyholidays {display: block; overflow-x: hidden;}

/* --------------------------------SECTION SPACING STYLE(S)-------------------------------- */

.sectionspacing {
	margin-top: 0rem;
	margin-bottom: 0rem;
	padding-top: 5rem;
	padding-bottom: 5rem;
}
.section-m-spacing {
	margin-top: 10rem;
	margin-bottom: 10rem;
	padding-top: 0rem;
	padding-bottom: 0rem;
}
.section-p-spacing {
	margin-top: 0rem;
	margin-bottom: 0rem;
	padding-top: 10rem;
	padding-bottom: 10rem;
}

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

.sectiondark {
	background: rgb(33 37 41 / 80%);
	color: var(--bg-nav);
	box-shadow: inset 0 20px 20px -8px rgb(0  0  0 / 10%), inset 0 -20px 20px -8px rgb(0  0  0 / 10%);
}
.sectiondark p a, .sectiondark li a, .sectiondark dl a, .sectiondark caption a {
	display: inline-block;
	padding: 1px 2px;
	color: var(--bg-ylw);
	font-weight: normal;
	box-shadow: inset 0px -1px 0px rgb(255 255 255 / 50%);
	text-decoration: none;
	border-bottom: none;
}
.sectiondark p a:hover, .sectiondark li a:hover, .sectiondark dl a:hover {
	display: inline-block;
	padding: 1px 2px;
	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;
}
.sectiondark caption a:hover {
	display: inline-block;
	padding: 1px 2px;
	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;
}
.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: var(--bg-wht);
	display: inline-block;
	box-shadow: inset 0px -1px 0px 0px var(--bg-cc);
	border: 2px var(--bg-cc) solid;
	color: var(--bg-cc);
	font-weight: normal;
}
.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: var(--bg-cc);
	box-shadow: inset 0px -5rem 0px 0px var(--bg-cc);
	border: 2px var(--bg-wht) solid;
	color: var(--bg-wht) !important;
}
ul.list-unstyled.listline li, .footer ul.list-unstyled.listline li {
	width: 100%;
	color: var(--bg-cc-nav-90);
	font-weight: lighter !important;
	padding-left: 0.25rem !important;
	border-bottom: none !important;
	border-left: 1px solid var(--bg-cc-nav-25);
	box-shadow: inset 1px 0px 0px var(--bg-ylw-90);
	transition: all 0.15s ease-in-out;
}
.sectionblue ul.list-unstyled.listline li {
	width: 100%;
	color: var(--bg-nav);
	font-weight: lighter !important;
	padding-left: 0.25rem !important;
	border-bottom: none !important;
	border-left: 1px solid var(--bg-cc);
	box-shadow: inset 1px 0px 0px var(--bg-ylw-90);
	transition: all 0.15s ease-in-out;
}
.sectionblue ul.list-unstyled.listline li:hover ul li {
	width: 100%;
	color: var(--bg-cc-90);
	font-weight: lighter !important;
	padding-left: 0.25rem !important;
	border-bottom: none !important;
	border-left: 1px solid var(--bg-cc);
	box-shadow: inset 1px 0px 0px var(--bg-ylw-90);
	transition: all 0.15s ease-in-out;
}
ul.list-unstyled.listline li:hover ul > li:hover {
	color: var(--bg-cc) !important;
	font-weight: normal !important;
	border-bottom: none !important;
	border-left: 1px solid var(--bg-cc-nav);
	box-shadow: inset 100em 0px 0px var(--bg-ylw);
}
ul.list-unstyled.listline li:hover, .footer ul.list-unstyled.listline li:hover {
	color: var(--bg-cc) !important;
	font-weight: normal !important;
	border-bottom: none !important;
	border-left: 1px solid var(--bg-cc-nav);
	box-shadow: inset 100em 0px 0px var(--bg-ylw);
	transition: all 0.25s ease-in-out;
}
ul.list-unstyled.listline li.pe-none::before, ul.list-unstyled.listline li.pe-none::after {
	margin: 0 !important;
}
ul.dropdown-menu.listline li:before, ul.dropdown-menu.listline li:after {
	content: '';
	display: none;
	margin: 0 !important;
}
ul.list-unstyled.listline li a {
	border-bottom: none !important;
	border-left: 1px solid transparent;
	box-shadow: inset 0em 0px 0px var(--bg-ylw);
}
ul.list-unstyled.listline li:hover a {
	color: var(--bg-cc-nav-90);
	box-shadow: none;
	border-left: 1px solid transparent;
	/*
	border-bottom: none !important;
	border-left: 1px solid transparent;
	box-shadow: inset 0em 0px 0px var(--bg-ylw);
	*/
}

/* ============ SECTION LIGHT ============ */
.sectionlight, .row.sectionlight {
	background: var(--bg-wht-90);
	color: var(--bg-cc);
	/*box-shadow: inset 0 20px 20px -8px rgb(0  0  0 / 10%), inset 0 -20px 20px -8px rgb(0  0  0 / 10%);*/
}
.sectionlight .listline li {
	display: table;
	color: var(--txt-dark);
	font-weight: lighter !important;
	padding-left: 0.5rem !important;
	border-bottom: none !important;
	border-left: 1px solid var(--bg-ylw) ;
	box-shadow: inset 1px 0px 0px var(--bg-cc);
}
.sectionlight .listline li:before, .sectionlight .listline li:after {
	content: '';
	display: table;
	margin: 0.125rem 0 !important;
}
.sectionlight .listline li:hover {
	color: var(--bg-cc);
	font-weight: bold !important;
	border-bottom: none !important;
	/*border-left: 1px solid var(--bg-cc) !important;*/
	box-shadow: inset 100em 0px 0px var(--bg-ylw);
}
/* ============ SECTION BLUE ============ */
.sectionblue, .row.sectionblue {
	/*background: var(--bg-cc-nav-90);*/
	background: rgb(0 82 163 / 90%);
	color: var(--bg-nav);
	box-shadow: inset 0 20px 20px -8px rgb(0  0  0 / 10%), inset 0 -20px 20px -8px rgb(0  0  0 / 10%);
}
/* ============ SECTION BLUE-ALT ============ */
.sectionblue-alt {
	background: rgb(0 82 163 / 80%);
	box-shadow: inset 0 20px 20px -8px rgb(0  0  0 / 10%), inset 0 -20px 20px -8px rgb(0  0  0 / 10%);
}
/* ============ SECTION RED ============ */
.sectionred {background: rgb(131 7 7 / 80%);box-shadow: inset 0 20px 20px -8px rgb(0  0  0 / 10%), inset 0 -20px 20px -8px rgb(0  0  0 / 10%);color: var(--bg-nav);}
.row.sectionred {background: rgb(131 7 7 / 75%);}
.sectionred caption a:hover {
	display: inline-block;
	padding: 1px 2px;
	color: var(--bg-cc) !important;
	font-weight: normal;
	box-shadow: inset 0px -10rem 0px rgb(255 255 255 / 100%);
	text-decoration: none;
	border-bottom: none;
}
.sectionred .bg-white p a.bg-cc-wht, .sectionred .bg-white li a.bg-cc-wht, .sectionred .bg-light p a.bg-cc-wht, .sectionred .bg-light li a.bg-cc-wht {
	background: var(--bg-wht);
	display: inline-block;
	box-shadow: inset 0px -1px 0px 0px var(--bg-cc);
	border: 2px var(--bg-cc) solid;
	color: var(--bg-cc);
	font-weight: normal;
}
.sectionred .bg-white p a.bg-cc-wht:hover, .sectionred .bg-white li a.bg-cc-wht:hover, .sectionred .bg-light p a.bg-cc-wht:hover, .sectionred .bg-light li a.bg-cc-wht:hover {
	background: var(--bg-cc);
	box-shadow: inset 0px -5rem 0px 0px var(--bg-cc);
	border: 2px var(--bg-wht) solid;
	color: var(--bg-wht) !important;
}
/* ============ SECTION GREEEN ============ */
.sectiongreen {
	background: var(--bg-grn-90);
	color: var(--bg-wht);
	box-shadow: inset 0 20px 20px -8px rgb(0  0  0 / 10%), inset 0 -20px 20px -8px rgb(0  0  0 / 10%);
}
.row.sectiongreen {background: rgb(0 183 74 / 75%);}
.sectiongreen caption a:hover {
	display: inline-block;
	padding: 1px 2px;
	color: rgb(0 82 163 / 100%) !important;
	font-weight: normal;
	box-shadow: inset 0px -10rem 0px rgb(255 255 255 / 80%);
	text-decoration: none;
	border-bottom: none;
}
.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: var(--bg-wht);
	display: inline-block;
	box-shadow: inset 0px -1px 0px 0px var(--bg-cc);
	border: 2px var(--bg-cc) solid;
	color: var(--bg-cc);
	font-weight: normal;
}
.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: var(--bg-cc);
	box-shadow: inset 0px -5rem 0px 0px var(--bg-cc);
	border: 2px var(--bg-wht) solid;
	color: var(--bg-wht) !important;
}

/* --------------------------------QUICK MENU STYLE(S)-------------------------------- */

header section .modal.show .modal-body a {
	background: var(--bg-gry-50) !important;
	background-color: var(--bg-gry);
	height: 100%;
	padding: 10px !important;
	color: var(--txt-dark);
	font-weight: normal;
	box-shadow: inset 0px 0px 0px 3px var(--bg-wht), 0px 0px 0px 3px var(--bg-gry-50), inset 0px 0px 0px 0px var(--bg-ylw) !important;
	display: inline-block;
	line-height: normal;
	border: none !important;
	border-radius: 0 !important;
	cursor: pointer;
	word-break: keep-all;
	transition: all .1s ease;
}
header section .modal.show .modal-body a:hover {
	background: var(--bg-gry);
	background-color: var(--bg-gry);
	height: 100%;
	color: var(--bg-cc) !important;
	font-weight: normal;
	box-shadow: inset 0px 0px 0px 3px var(--bg-cc), 0px 0px 0px 3px var(--bg-gry), inset 0px 0px 0px 6px var(--bg-ylw) !important;
	display: inline-block;
	line-height: normal;
	border: none !important;
	border-radius: 0 !important;
	cursor: pointer;
	word-break: keep-all;
	transition: all .2s ease;
}
header section .modal.show .modal-body a span:first-child {
	height: 100%;
	padding: 0.25rem;
}
.quickmenu, .councilquickmenu {
	/*margin-top: 125px;*/
	position: relative !important;
}
.quickmenu, .councilquickmenu  {
	top: 0rem;
	animation: slideDwn 0.75s ease-in-out forwards;
	transition: all 0.5s ease;
	z-index: 90;
}
.quickmenubg div[role="navigation"] {
	--bs-gutter-y: 0.5rem;
}
.quickmenu.sectionlight-bg {
	background-attachment: fixed;
	background-image: url('../images/bgs/bg-bw-ravanelbridge.webp');
	background-position: 50% 0%;
	background-size: cover;
	background-repeat: no-repeat;
}
.quickmenu .quickmenubg, .councilquickmenu .quickmenubg {
	color: var(--bg-cc-nav);
	background: var(--bg-wht);
	padding: 1.5rem 0 !important;
}
.quickmenu .cards_landscape_wrap .card-flyer .fancybox, .councilquickmenu .cards_landscape_wrap .card-flyer .fancybox {
	margin-bottom: 5px;
	padding: 2em;
	display: inline-block;
	color: inherit;
	text-shadow: 0 0px 1px var(--bg-ylw-25), 0px 0px 2px var(--bg-ylw-25), 0 0px 3px var(--bg-ylw-25), 0px 0px 2px var(--bg-ylw-25);
	box-shadow: inset 0px 0px 0px 0px var(--bg-cc-nav-25), inset 0px 0px 60px 60px var(--bg-cc-nav-25), inset 0px 0px 0px 100px var(--bg-cc-nav-25), 0px 0px 0px 0px var(--bg-ylw-90);
	overflow: hidden;
	border-radius: 5px;
	transition: all .15s linear;
}
.quickmenu .cards_landscape_wrap .fancybox:hover, .councilquickmenu .cards_landscape_wrap .fancybox:hover {
	color: var(--bg-cc-nav) !important;
	/*text-shadow: 0 0 2px var(--bg-wht), 0 0 10px var(--bg-wht), 0 0 10px var(--bg-wht), 0 0 1px var(--bg-wht), 0 0 1px var(--bg-wht), 0 0 1px var(--bg-wht), 0 0 1px var(--bg-wht), 0 0 3px var(--bg-wht), 0 0 3px var(--bg-wht), 0 0 2px var(--bg-wht);*/
	box-shadow: inset 0px 0px 0px 2px var(--bg-cc), inset 0px 0px 2px 5px var(--bg-cc-nav-25), inset 0px 0px 0px 100px var(--bs-gray-100), 0px 0px 0px 0px var(--bg-ylw-90);
	transition: all .2s linear;
}
.cards_landscape_wrap {position: relative;}
.quickmenu .cards_landscape_wrap p {color: var(--bg-cc-nav);}
.quickmenu.sectionlight-bg, .councilquickmenu.sectionlight-bg {
	background-attachment: fixed;
	background-image: url('../images/bgs/bg-dtcharleston.webp');
	background-position: 50% 0%;
	background-size: cover;
	background-repeat: no-repeat;
}
.cards_landscape_wrap .card-flyer .text-box {
	display: flex;
	align-items: center!important;
	align-content: center!important;
	text-align: center;
	line-height: 0;
}
.cards_landscape_wrap .card-flyer .text-box .text-container {padding: 0;}
.quickmenu .cards_landscape_wrap a, .councilquickmenu .cards_landscape_wrap a {
	width: 100%;
	height: 100%;
	display: inline-block;
	color: var(--bg-wht-90);
	text-decoration: none;
	outline: none;
	box-shadow: none;
}
.quickmenu .cards_landscape_wrap .fancybox .bi, .councilquickmenu .cards_landscape_wrap .fancybox .bi, .quickmenu .cards_landscape_wrap .fancybox .fa-solid, .councilquickmenu .cards_landscape_wrap .fancybox .fa-solid {
	width: 100%;
	color: inherit;
	font-size: calc(100% + 2vh); /* sets icon font-size larger */
}
/*.quickmenu .cards_landscape_wrap .fancybox:hover .bi, .councilquickmenu .cards_landscape_wrap .fancybox:hover .bi, .quickmenu .cards_landscape_wrap .fancybox:hover .fa-solid, .councilquickmenu .cards_landscape_wrap .fancybox:hover .fa-solid {color: var(--bg-ylw);}*/
.quickmenu .page-title {margin-bottom: 0 !important;}
.quickmenu .page-title, .councilquickmenu .page-title, , .bevrquickmenu .page-title {padding-top: 20px; margin-bottom: 0 !important;}
.quickmenu .page-title h1, .councilquickmenu .page-title h1, .bevrquickmenu .page-title h1 {margin: 0 !important; padding: 0 !important;}
.qmenurow {/*margin-top: 0.75rem;*/}
.cards_landscape_wrap p {line-height: 1 !important; margin-bottom: 0 !important;}
.cards_landscape_wrap .card-flyer {height: 100%;}
.fancybox {
	animation: expand 0.7s ease-in-out forwards;
	transition: all .8s ease;
}
.fancybox .fa-solid, .fancybox .bi {
	max-width: 100%;
	max-height: 100%;
	width: 30px !important;
	height: 30px !important;
}
.fancybox .bi-file-pdf-fill {
	color: inherit;
	padding: 0;
	background-color: transparent !important;
}
 .quickmenu .cards_landscape_wrap a:hover .fancybox .bi-search::before, .quickmenu .cards_landscape_wrap .fancybox:hover .bi-search::before {
	transform: none;
	transition: all 0.1s linear !important;
}
.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 .text-container, .councilquickmenu .cards_landscape_wrap .text-container {line-height: 1 !important;}
.quickmenu .cards_landscape_wrap p, .councilquickmenu .cards_landscape_wrap p, .bevrquickmenu .cards_landscape_wrap p {
	text-transform: initial !important;
	color: var(--bg-cc-nav);
	/*margin-bottom: 10px !important;*/
	font-size: calc(0.5rem + 1.2vw);
	line-height: 1 !important;
	text-align: center;
	letter-spacing: -0.5px;
	transition: all .15s ease-in-out;
}
.quickmenu .cards_landscape_wrap .fancybox:hover p, .councilquickmenu .cards_landscape_wrap .fancybox:hover p {color: var(--bg-cc); transition: all .2s ease-in-out;}
@media (min-width: 1250px) and (max-width: 3000px) {
	.quickmenu .cards_landscape_wrap .fancybox .bi, .councilquickmenu .cards_landscape_wrap .fancybox .bi, .quickmenu .cards_landscape_wrap .fancybox .fa-solid, .councilquickmenu .cards_landscape_wrap .fancybox .fa-solid {
		width: 100%;
		font-size: calc(100% + 3vh); /* sets icon font-size larger */
	}
	.quickmenu .cards_landscape_wrap p, .councilquickmenu .cards_landscape_wrap p, .bevrquickmenu .cards_landscape_wrap p {
		/*margin-bottom: 10px !important;*/
		font-size: calc(0.5rem + 0.85vw);
		line-height: 1 !important;
		text-align: center;
		transition: all .15s ease-in-out;
	}
}
@media (min-width: 700px) and (max-width: 1250px) {
	.cards_landscape_wrap .card-flyer .fancybox {padding: 1.5rem !important;}
	.quickmenu .cards_landscape_wrap p, .councilquickmenu .cards_landscape_wrap p, .bevrquickmenu .cards_landscape_wrap p {
		color: var(--txt-dark);
		/*margin-bottom: 10px !important;*/
		line-height: 1 !important;
		text-align: center;
		transition: all .15s ease-in-out;
	}
}
@media (min-width: 0px) and (max-width: 700px) {
	.cards_landscape_wrap .card-flyer .fancybox {padding: 1rem !important;}
	.quickmenu .cards_landscape_wrap p, .councilquickmenu .cards_landscape_wrap p, .bevrquickmenu .cards_landscape_wrap p {
		color: var(--txt-dark);
		/*margin-bottom: 10px !important;*/
		font-size: calc(0.75rem + 0.85vw);
		line-height: 1 !important;
		text-align: center;
		transition: all .15s ease-in-out;
	}
}
.quickmenu .active {pointer-events: none;}
.quickmenu .active .cards_landscape_wrap p {color: var(--bg-cc);}
.quickmenu .active .cards_landscape_wrap .fancybox .bi, .quickmenu .active .cards_landscape_wrap .fancybox .fa-solid {
	width: 100%;
	color: var(--bg-cc-nav-90) !important;
	text-shadow: 0 0px 1px var(--bg-ylw-25), 0px 0px 2px var(--bg-ylw-25), 0 0px 3px var(--bg-ylw-25), 0px 0px 2px var(--bg-ylw-25);
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-ms-transform: scale(1.5);
	-o-transform: scale(1.5);
	transform: scale(1.5);
}
.quickmenu .active .cards_landscape_wrap .fancybox {
	text-shadow: none;
	box-shadow: inset 0px 0px 0px 2px var(--bg-cc-nav-75), inset 0px 0px 0px 100px var(--bg-ylw);
	transition: all .2s ease-in-out;
}
section .modal.show .modal-body a {
	background: var(--bg-gry);
	background-color: var(--bg-gry);
	height: 100%;
	padding: 10px !important;
	color: var(--txt-dark);
	font-weight: normal;
	box-shadow: inset 0px 0px 0px 3px var(--bg-wht), 0px 0px 0px 3px var(--bg-gry);
	display: inline-block;
	line-height: normal;
	border: none !important;
	border-radius: 0 !important;
	cursor: pointer;
	word-break: keep-all;
	-webkit-transition: all .1s ease;
	-moz-transition: all .1s ease;
	-o-transition: all .1s ease;
	-ms-transition: all .1s ease;
	transition: all .1s ease;
}
section .modal.show .modal-body a:hover {
	background: var(--bg-gry);
	background-color: var(--bg-gry);
	height: 100%;
	color: var(--bg-cc) !important;
	font-weight: normal;
	box-shadow: inset 0px 0px 0px 3px var(--bg-cc), 0px 0px 0px 3px var(--bg-gry);
	display: inline-block;
	line-height: normal;
	border: none !important;
	border-radius: 0 !important;
	cursor: pointer;
	word-break: keep-all;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	-ms-transition: all .2s ease;
	transition: all .2s ease;
}
section .modal.show .modal-body .card a {
	display: inline-block;
	padding: 1px 2px !important;
	background: inherit;
	box-shadow: inset 0px -1px 0px 0px var(--bg-cc);
	color: var(--bg-cc);
	font-weight: normal;
	text-decoration: none;
	transition: all 0.1s ease-in-out;
}
section .modal.show .modal-body .card a:hover {
	box-shadow: inset 0px -5rem 0px 0px var(--bg-cc), 0px 1px 0px 0px var(--bg-ylw);
	color: var(--bg-wht) !important;
	transition: all 0.15s ease-in-out;	
}

/* ============ COUNCIL QUICKMENU ============ */
.councilquickmenu {
	background-attachment: fixed;
	background-image: url('../images/bgs/bg-dtcharleston.webp') !important;
	background-size: cover;
	background-repeat: no-repeat;
	z-index: 999;
	transition: all 0.3s ease-in-out;
}
.bevrboardmembers.sectionred-bg {
	background-attachment: fixed;
	background-image: url('../images/bgs/us-flag-bg.webp');
	background-position: left bottom;
	background-size: cover;
	background-repeat: no-repeat;
}
.electionsbody .bg-img, .earlyabsentee .bg-img, .votingsites .bg-img {
	background-attachment: fixed;
	background-image: url('../images/bgs/us-flag-bg.webp');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.bevrboardmembers a {transition: all .2s ease-in-out;}
#bevrboardmembers .carousel-indicators {display: inline; position: relative;}
#bevrboardmembers .carousel-indicators [data-bs-target] {
	height: 100%;
	text-indent: 0;
	background: transparent;
	box-shadow: inset 0px 175px 0px 0px var(--bg-cc);
	border: 2px var(--bg-wht) solid;
	color: var(--bg-wht);
	font-weight: normal;
	opacity: 100;
	transition: all 0.15s ease-in-out;
}
#bevrboardmembers .carousel-indicators [data-bs-target]:hover {
	box-shadow: inset 0px 175px 0px 0px rgb(255 255 255 / 100%) !important;
	border: 2px #0050CC solid;
	color: #0050CC !important;
	transition: all 0.2s ease-in-out;
}
#bevrboardmembers .carousel-indicators [data-bs-target]:hover a {
	border: 2px #0050CC solid;
	color: #0050CC !important;
	font-weight: bold !important;
	transition: all 0.2s ease-in-out;
}
#bevrboardmembers .carousel-indicators [data-bs-target]:hover a:hover {
	border: 2px #0050CC solid;
	color: var(--bg-cc-alt) !important;
	transition: all 0.2s ease-in-out;
}
.bevrfeatured * .card {position: relative;transform: none !important;}

.bevrfeatured * .card:hover .fa-solid, .bevrfeatured * .card:hover .bi {}
/*
.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: var(--bg-wht);}
.card p:last-child {margin-bottom: 0; line-height: initial;}

/* --------------------------------CAROUSEL STYLE(S)-------------------------------- */
/* ============ DEPARTMENTS CAROUSEL ============ */
section.sidepanel {
	position: relative;
	z-index: 999999;
}
.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 var(--bg-wht) 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: var(--bg-grn);
	border-right: 0px var(--bg-wht) solid;
	box-shadow: 0px 0px 5px 5px rgb(0 183 74 / 25%), inset 0px 0px 0px 1px rgb(0 183 74);
	transition: all 0.15s ease-in-out;
	border-left: 1px var(--bg-wht) solid;
}
.cd-panel {
	position: fixed;
	top: 0px;
	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;
}
.cd-nugget-info {
	display: block;
	font-family: "Droid Serif", serif;
	color: var(--bg-wht);
	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 {
	overflow-y: hidden;
	overflow-x: hidden;
}
.cd-panel-content .carousel-indicators [data-bs-target].active {
	width: 15px;
	height: 15px;
	color: var(--bg-cc-alt);
	font-weight: bold;
	text-transform: uppercase;
	border: 2px var(--bg-cc) solid;
	background-color: var(--bg-ylw);
	box-shadow: 0 0px 5px 1px rgb(250 250 250 / 100%) !important;
	pointer-events: none;
	opacity: 1;
	position: relative;
	transition: all 0.2s linear;
}
.cd-panel-content .carousel-indicators [data-bs-target] {
	width: 15px;
	height: 15px;
	color: var(--bg-cc-alt);
	opacity: 1;
	text-transform: uppercase;
	text-indent: 0;
	border: 2px var(--bg-wht) solid;
	background-color: var(--bg-wht);
	transition: all 0.2s linear;
}
.cd-panel-content .carousel-indicators [data-bs-target]:hover {
	width: 15px;
	height: 15px;
	color: var(--bg-cc-alt);
	opacity: 1;
	text-transform: uppercase;
	text-indent: 0;
	border: 2px var(--bg-cc) solid;
	background-color: var(--bg-ylw);
	transition: all 0.2s linear;
}
@media screen and (max-width: 425px) {
	.cd-panel-content .carousel-inner {margin-top: 90px !important;}
}
.cd-panel-content .carousel-inner {background: var(--bg-cc-nav); overflow: inherit; transition: all 0.3s linear;}
.cd-panel-content .carousel-item {background: var(--bg-cc-nav); 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: var(--bg-wht);
	padding-left: 0.75rem;
	background: var(--bg-cc-alt-90);
	-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 (min-width: 0px) and (max-width: 701px) {
	.cd-panel__header {/*margin-top: 50px;*/}
	.cd-panel__container {/*top: 52px !important;*/}
}
@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: 1px;*/
	right: 0px;
	width: 100%;
	max-width: 60px;
	height: 100%;
	/*height: 100vh;*/
	border: none !important;
	display: grid;
	align-content: center;
	align-items: center;
	padding: 0 !important;
	background: rgb(249 57 57 / 75%);
	overflow: hidden;
	font-size: small;
	color: var(--bg-red);
	text-indent: 10px;
	text-transform: uppercase;
	white-space: nowrap;
	box-shadow: none;
	transition: all 0.10s ease-in-out;
}
.cd-panel__close:hover {
	box-shadow: none;
	color: var(--bg-ylw);
	transition: all 0.15s ease-in-out;
	background: rgb(249 57 57 / 99%);
	border-bottom: none;
}
.cd-panel__close::before,
.cd-panel__close::after {
	content: '';
	position: absolute;
	top: 22px;
	left: 20px;
	height: 3px;
	width: 20px;
	background-color: var(--bg-ylw);
	animation: pulse-animation-white 2s linear infinite;
}
.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::before,
.cd-panel__close:hover::after {
	background-color: var(--bg-wht);
	-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(224deg);
	-ms-transform: rotate(224deg);
	transform: rotate(224deg);
}
.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: var(--bg-wht);}
.cd-panel--is-visible .cd-panel__close::after {background: var(--bg-wht);}
@-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: 0rem;
	background: var(--bg-wht);
	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%;}
	.cd-panel-content p {font-size: 1.6rem; line-height: 1.6;}
}
@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-right: 0rem;
	padding-bottom: 5.35em;
	padding-left: 0rem;
	overflow: auto;
	-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;}
#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-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: 10px !important;}
#countycarousel-directory .card-phone {font-size: small;}
#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 .sitelink a {
	display: inline-block;
	padding: 4px 3px 2px 2px !important;
	box-shadow: inset 0px -1px 0px 0px var(--bg-cc);
	color: var(--bg-cc);
	font-weight: normal;
	text-decoration: none;
	transition: all 0.1s ease-in-out;
}
#countycarousel-directory .sitelink a:hover {
	box-shadow: inset 0px -5rem 0px 0px var(--bg-cc), 0px 1px 0px 0px var(--bg-ylw);
	color: var(--bg-wht);
	transition: all 0.15s ease-in-out;	
}
#countycarousel-directory .card-title {
	margin-bottom: .5rem;
	padding: 0px 0 5px 0;
	color: var(--bg-cc);
	border-color: inherit;
	border-width: 0 0 1px 0;
	border-style: solid;
}
#countycarousel-directory .card-body {flex: 1 1 auto; padding: 1rem 1rem;}
.carousel-indicators {
	height: fit-content;
	margin-top: 2em;
	top: 0;
	transition: all 0.15s linear;
}
/* ============ OTHER CAROUSEL ============ */
.carousel-indicators [data-bs-target] {
	width: auto;
	height: auto;
	border: 2px var(--bg-wht) solid;
	background-color: var(--bg-ylw-90);
	padding: 5px !important;
	opacity: .75;
	border-radius: 0 !important;
	transition: all 0.15s linear;
}
.carousel-indicators [data-bs-target]:hover {
	border: 2px var(--bg-wht) solid;
	background-color: var(--bg-ylw);
	box-shadow: 0 0px 5px 2px var(--bg-gry-90), 0 0px 5px 1px var(--bg-blk-90) !important;
	opacity: 1;
	transition: all 0.15s linear;
}
.carousel-indicators [data-bs-target].active {
	color: var(--bg-cc) !important;
	border: 2px var(--bg-ylw) solid;
	background-color: var(--bg-grn);
	box-shadow: 0 0px 5px 1px rgb(250 250 250 / 100%) !important;
	pointer-events: none;
	opacity: 1;
	transition: all 0.15s linear;
}
.carousel-indicators .text[data-bs-target] {
	width: auto;
	color: var(--bg-cc-nav) !important;
	padding: 0;
	text-indent: 0;
	line-height: initial;
}
.carousel figure {
	max-height: 225px;
	padding: 10px;
	border: 1px var(--txt-dark) solid;
	background-color: var(--bg-wht);
}
.carousel button:hover {
	background: transparent;
}
.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: var(--bg-wht);
}
.carousel-playbutton i:hover {color: #0F9D58;}
.carousel-control-next-icon,
.carousel-control-prev-icon {
	position: absolute;
	top: 43%;
	padding: 2em;
	background-color: rgb(0 183 74 /25%);
	border-color: rgb(255 255 255 / 100%) !important;
	box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 50%);
	transition: all 0.15s ease-in-out !important;
}
.carousel-control-next-icon:hover,
.carousel-control-prev-icon:hover {
	background-color: rgb(0 183 74 / 95%);
	border-color: rgb(255 255 255 / 100%) !important;
	box-shadow: 0px 0px 15px 5px rgb(0 0 0 / 35%);
	transition: all 0.2s ease-in-out !important;
}
.carousel-control-next-icon:active,
.carousel-control-prev-icon:active {
	box-shadow: 0px 0px 15px 5px rgb(0 0 0 / 35%);
	transform: scale(0.8);
	transition: all 0.2s ease-in-out !important;
}
@media (max-width: 600px) {
	.carousel-control-next-icon,
	.carousel-control-prev-icon {
		top: auto;
		bottom: 5%;
		padding: 0;
	}
}
.carousel-item .card a {height: 100%; padding: 2px 5px;}
/*.carousel-inner,
.carousel-item,*/
.item-box-blog {height: 100%; background: var(--bg-nav);}

.carousel-control-next,
.carousel-control-prev {z-index: 100;}
.newscarousel-item img {
	max-width: 100px;
	min-width: 75px;
}
#countycarousel-info {background: var(--bg-wht); padding-bottom: 4rem;}
/*
#countycarousel {max-height: 800px; transition: all 0.15s ease-in-out;}
*/
.carousel-indicators.countycarousel {top: 0;}
.carousel-caption {width: 70%; top: auto; bottom: auto; transition: all 0.15s ease-in-out;}
.caption-text {
	width: 100%;
	text-align: center;
	color: var(--bg-cc-nav);
	padding: 0 5px;
	text-shadow: 0px 2px 3px var(--bg-cc-25);
	font-size: 3vw;
	transition: 0.4s;
}
.caption-text > a {
	box-shadow: inset 0px 0px 0px 0px var(--bg-cc-90) !important;
	color: var(--bg-cc);
}
.caption-text > a:hover {
	box-shadow: inset 0px -150px 0px 0px var(--bg-cc) !important;
	color: var(--bg-nav);
}
.carousel-caption {
	position: absolute;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%,-50%) !important;
	box-shadow: inset 0px 15px 0px 0px var(--bg-wht), inset 0px -15px 0px 0px var(--bg-wht);
	opacity: 1;
	transition: 1s;
	z-index: 10;
}
.carousel-caption-bottom {
	position: absolute;
	left: 50% !important;
	bottom: 0 !important;
	transform: translateX(-50%) !important;
	box-shadow: inset 0px 15px 0px 0px var(--bg-wht), inset 0px -15px 0px 0px var(--bg-wht);
	opacity: 1;
	transition: 1s;
	z-index: 10;
}
.carousel-caption.slide {
	top: -300px;
	opacity: 1;
}
.caption-bottom {
	position: relative;
	bottom: 0px;
	opacity: 1;
	transition: 1s;
}
.caption-bottom.slide {
	bottom: -100vh;
	opacity: 1;
}
.overlay-wht {
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: rgb(255 255 255 / 25%);
	z-index: 2;
}
.carousel-item.active .carousel-caption .caption-top {margin-top: 0px;}
.carousel .slidescss {
	background-size: cover !important;
	width: 100%;
	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;
	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, .carousel-item.active, .carousel-item {
	color: var(--bg-cc-nav);
	-webkit-transform: none;
	transform: none;
}
a .carousel-caption:hover .caption-text {
	/*border: 1px var(--txt-dark) solid;*/
	color: var(--bg-ylw) !important;
	--bs-bg-opacity: 0.9;
	background-color: var(--bg-cc-nav)!important;
}
/* ============ COUNCIL CAROUSEL ============ */
.elected-officials.sectionlight-bg, .electedofficials.sectionlight-bg {
	background-attachment: fixed;
	background-image: url('../images/bgs/bg-ravanelbridge.webp') !important;
	background-position: center top;
	background-size: cover;
	background-repeat: no-repeat;
	z-index: 999;
	transition: all 0.3s ease-in-out;
}
.council.councilcarousel {
	background-attachment: fixed;
	background-image: url('../images/bgs/bg-charlestoncity.webp') !important;
	background-position: center top;
	background-size: cover;
	background-repeat: no-repeat;
	z-index: 999;
	transition: all 0.3s ease-in-out;
}
#councilcarousel .card, #officialscarousel .card {
	max-width: 200px;
	height: auto;
	background: var(--bg-nav);
	border: 1px solid var(--bg-gry);
	border-radius: 0 !important;
	transition: all 0.2s ease-in-out;
}
#councilcarousel .card:hover, #officialscarousel .card:hover {transform: none; transition: all 0.3s ease-in-out;}
#councilcarousel .card img, #officialscarousel .card img {border-radius: 0 !important;}
.cardbio {height: 100%;}
.cardbio * .card-title {
	background: var(--bg-gry) !important;
	color: var(--bg-cc);
	border-color: var(--bg-nav) !important;
	margin: 0;
	padding-top: 0.5rem !important;
	padding-bottom: 0.5rem !important;
}
.cardbio * .card-body {
	font-size: 0.875em;
	text-transform: uppercase;
	color: var(--bg-cc);
	border-color: var(--bg-nav) !important;
	margin: 0;
	padding-top: 0.25rem !important;
	padding-bottom: 0.25rem !important;
}
.councilcarousel .carousel-item {
	height: auto !important;
	margin-left: 0px;
	padding: 0 0 0 0;
	/*
	-webkit-transition: 4s linear;
	-moz-transition: 4s linear;
	-o-transition: 4s linear;
transition: 4s linear;
	*/
	/*transition: all 1s linear;*/
	/*animation: slide 15s linear infinite;*/
}
.councilcarousel-inner {
	overflow-x: hidden;
	overflow-y: hidden;
	white-space: nowrap;
	animation: scroll 120s linear infinite;
	display: flex;
}
/* 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: 10px 0;
}
/* ============ COUNCIL BIOS CAROUSEL ============ */
.councilbios.sectionlight-bg {
	background-attachment: fixed;
	background-image: url('../images/bgs/bg-ravanelbridge.webp');
	background-position: top center;
	background-size: cover;
	background-repeat: no-repeat;
}
.roddocumentsearchbody .councilbios.sectionlight-bg {
	background: transparent;
}
#councilbiocarousel-bios .carousel-indicators, #threat-types .carousel-indicators {
	display: inline;
	position: relative;
}
#councilbiocarousel-bios .carousel-indicators [data-bs-target], #carouselcommittees .carousel-indicators [data-bs-target], #threat-types .carousel-indicators [data-bs-target] {
	height: auto;
	text-indent: 0;
	opacity: 100;
	transition: all 0.15s ease-in-out;
}
#councilbiocarousel-bios .carousel-indicators [data-bs-target]:hover, #carouselcommittees .carousel-indicators [data-bs-target]:hover, #threat-types .carousel-indicators [data-bs-target]:hover {
	height: auto;
	/*
	background: var(--bg-cc-90) !important;
	background-image: var(--bs-gradient)!important;
	color: var(--bg-wht);
	border: 2px var(--bg-cc) solid;
	transition: all 0.2s ease-in-out;
	*/
}
#councilbiocarousel-bios .carousel-indicators [data-bs-target].active {
	background: var(--bg-cc) !important;
	background-image: var(--bs-gradient)!important;
	border: 2px var(--bg-cc-alt) solid;
	color: var(--bg-wht) !important;
	transition: all 0.15s ease-in-out;
}
#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 {
	color: var(--txt-dark);
	margin-left: 0px;
	background: rgb(253 254 255 / 100%);
	background: linear-gradient(180deg, rgb(253 254 255 / 60%) 0%, rgb(253 254 255 / 55%) 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-inner .carousel-item, #threat-types > .carousel-inner .carousel-item {
	color: var(--txt-dark);
	margin-left: 0px;
	background: rgb(253 254 255 / 100%);
	background: linear-gradient(180deg, rgb(253 254 255 / 60%) 0%, rgb(253 254 255 / 55%) 100%);
	animation: slide 15s linear infinite;
}
#carouselcommittees .carousel-indicators [data-bs-target].active {background: var(--bg-cc) !important; color: var(--bg-wht); border: 2px var(--bg-wht) solid;}
.accordion-item, .accordion-button, .accordion-collapse, .brdr-radius-0, .form-select.bg-cc, .form-select.bg-cc-alt, .form-select.border, button, input[type="checkbox"], .form-check .form-check-input input[type="checkbox"], .contact-ccform input[type="checkbox"] {
	position: relative;
	border-radius: 0 !important;
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
	border-top-left-radius: 0 !important;
}
button.accordion-button, .accordion-button {
	padding-right: 3rem !important;
	transition: all 0.15s ease-in-out;
}
#accordionRSS button.accordion-button, .accordion-button {
	padding-right: 0rem !important;
}
.accordion-header {background: var(--bg-nav);}
#accordionRSS .accordion-item button {border: none !important;}
.accordion-button.bg-blk, .accordion-button.bg-cc, .accordion-button.bg-cc-nav, .accordion-button.bg-cc-alt, .accordion-button.bg-frm, .accordion-button.bg-grn, .accordion-button.bg-gry, .accordion-button.bg-nav, .accordion-button.bg-org, .accordion-button.bg-pdf, .accordion-button.bg-prpl, .accordion-button.bg-red, .accordion-button.bg-wht, .accordion-button.bg-ylw, /*.accordion-body, .accordion-collapse*/ {
	background-image: var(--bs-gradient) !important;
	border: 1px solid var(--bg-gry);
	box-shadow: none;
	padding-right: 3rem;
}
.accordion-button.bg-blk:hover, .accordion-button.bg-cc:hover, .accordion-button.bg-cc-nav:hover, .accordion-button.bg-cc-nav-90:hover, .accordion-button.bg-cc-alt:hover, .accordion-button.bg-frm:hover, .accordion-button.bg-grn:hover, .accordion-button.bg-gry:hover, .accordion-button.bg-nav:hover, .accordion-button.bg-org:hover, .accordion-button.bg-pdf:hover, .accordion-button.bg-prpl:hover, .accordion-button.bg-red:hover, .accordion-button.bg-wht:hover, .accordion-button.bg-ylw:hover, .accordion-button.bg-secondary:hover {
	color: var(--bg-cc-nav);
	background-color: var(--bg-ylw-25) !important;
	/*border: 1px solid var(--bg-gry);*/
	box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
	transition: all 0.25s ease-in-out;
}
.accordion-button.bg-blk:hover::after, .accordion-button.bg-cc:hover::after, .accordion-button.bg-cc-nav:hover::after, .accordion-button.bg-cc-alt:hover::after, .accordion-button.bg-frm:hover::after, .accordion-button.bg-grn:hover::after, .accordion-button.bg-gry:hover::after, .accordion-button.bg-nav:hover::after, .accordion-button.bg-org:hover::after, .accordion-button.bg-pdf:hover::after, .accordion-button.bg-prpl:hover::after, .accordion-button.bg-red:hover::after, .accordion-button.bg-wht:hover::after, .accordion-button.bg-ylw:hover::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2319526E'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
}

.accordion-button:not(.collapsed) {
	color: var(--bg-cc-nav);
	background-color: var(--bg-ylw) !important;
	box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
.accordion-button.bg-cc.collapsed::after, .accordion-button.bg-cc-alt.collapsed::after, .accordion-button.bg-cc-nav.collapsed::after, .accordion-button.bg-red.collapsed::after, .accordion-button.bg-grn.collapsed::after, .accordion-button.bg-nav.collapsed::after, .accordion-button.bg-ylw.collapsed::after {
	position: absolute;
	top: 50% !important;
	right: 20px;
	transform: translateY(-50%);
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
	box-shadow: none;
}
.accordion-button.bg-nav.collapsed::after, .accordion-button.bg-ylw.collapsed::after {
	position: absolute;
	top: 50% !important;
	right: 20px;
	transform: translateY(-50%);
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2319526E'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
	box-shadow: none;
}
.accordion-button.bg-cc::after, .accordion-button.bg-cc-alt::after, .accordion-button.bg-cc-nav::after, .accordion-button.bg-gry::after, .accordion-button.bg-nav::after, .accordion-button.bg-gry::after, .accordion-button.bg-red::after, .accordion-button.bg-grn::after {
	position: absolute;
	top: 50% !important;
	right: 20px;
	transform: rotate(180deg)translateY(50%);
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2319526E'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
	box-shadow: none;
}
.accordion-button.bg-nav::after, .accordion-button.bg-ylw::after {
	position: absolute;
	top: 50% !important;
	right: 20px;
	transform: rotate(180deg)translateY(50%);
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2319526E'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
	box-shadow: none;
}
.accordion-button.bg-wht.collapsed::after {
	position: absolute;
	top: 50% !important;
	right: 20px;
	transform: translateY(-50%);
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2300405F'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
	box-shadow: none;
}
.accordion-button.bg-wht::after {
	position: absolute;
	top: 50% !important;
	right: 20px;
	transform: rotate(180deg)translateY(50%);
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2319526E'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
	box-shadow: none;
}
.accordion-item::last-of-type .accordion-collapse {border: 1px var(--bg-cc) solid; border-top: none;}
.carousel-item.carousel-text {max-height: auto; transition: all 0.2s ease-in-out;}
.accordion .badge {font-weight: normal; z-index: 10; transition: all 0.2s ease-in-out;}
.accordion .badge span {vertical-align: text-bottom;}
.ordinances .accordion-item .accordion-collapse .row .col-12 .w-100 a:hover {
	background: transparent;
	box-shadow: inset 0px -50em 0px 0px var(--bg-cc-nav), 0px 1px 0px 0px var(--bg-nav);
	color: var(--bg-ylw);
	border-radius: inherit;
	border: solid;
	border-width: 0;
	line-height: 1.25;
	transition: all 0.15s ease-in-out;
}
.ordinances .accordion-item .accordion-collapse .row .col-12 .w-100:first-child {pointer-events: none;}
.ordinances .accordion-item .accordion-collapse .row .col-12 .w-100 {transition: all 0.1s ease-in-out;}
.ordinances .accordion-item .accordion-collapse .row .col-12 .w-100:hover {
	background: var(--bg-ylw) !important;
	background-image: var(--bs-gradient)!important;
	color: var(--bg-cc-nav) !important;
	transition: all 0.2s ease-in-out;
}
.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: 75%; display: inline-block; vertical-align: top;}
.ordinances .accordion-item span.adopted {width: 8%; max-width: 80px; min-width: 70px; margin-right: 5px; display: inline-block; text-align: center; vertical-align: top; float: right;}
@media (max-width: 650px) {
	.accordion .badge {top: -15px !important; transition: all 0.2s ease-in-out; z-index: 10;}
	#accordionSenate .badge, #accordionHouse .badge {top: 0px !important; transition: all 0.2s ease-in-out; z-index: 10;}
	/*.accordion-flush .accordion-item .accordion-button {position: inherit;}*/
	.ordinances .accordion-item span.desc {
		width: 68% !important;
  }
	/*
	.ordinances .accordion-button.bg-cc.collapsed::after, .ordinances .accordion-button.bg-cc-alt.collapsed::after {
		position: absolute;
		top: 0% !important;
		right: 20px;
		transform: translateY(100%);
		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
		box-shadow: none;
	}
	.ordinances .accordion-button.bg-cc::after, .ordinances .accordion-button.bg-cc-alt::after {
		position: absolute;
		top: 0% !important;
		right: 20px;
		transform: rotate(180deg)translateY(-100%);
		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2319526E'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
		box-shadow: none;
	}
	*/
}
@media (max-width: 500px) {
	.ordinances .accordion-item span.desc {
		width: 100% !important;
		margin: 0 5px;
		padding: 0 10px;
  }
	.ordinances .max-width1250 .accordion-item .accordion-collapse .row .align-items-center .w-100:first-child {margin: 0 0 1rem 0;}
	.ordinances .max-width1250 .accordion-item .accordion-collapse .row .align-items-center .w-100:nth-child(odd), .ordinances .max-width1250 .accordion-item .accordion-collapse .row .align-items-center .w-100:nth-child(even) {padding-bottom: 2rem !important;}
}
/* ============ ELECTED CAROUSEL ============ */
#councilcarousel * .slick-track .card .card-text a, #officialscarousel * .slick-track .card .card-text a {box-shadow: none;}
#councilcarousel * .slick-track .card:hover .card-text a, #officialscarousel * .slick-track .card:hover .card-text a {color: var(--bg-cc-alt);}
#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;
}
/* 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: 15px 0;
}
/* ============ COMMITTEES CAROUSEL ============ */
#carouselcommittees .carousel-indicators, #threat-types .carousel-indicators {
	margin: 0;
	display: block;
	position: relative;
}
#carouselcommittees .carousel-indicators [data-bs-target].active, #threat-types .carousel-indicators [data-bs-target].active {
	background: var(--bg-cc) !important;
	background-image: var(--bs-gradient)!important;
	color: var(--bg-wht) !important;
	border: 2px var(--bg-cc-alt) 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 linear;}
/* ============ FINANCIAL REPORTS CAROUSEL ============ */
#financialreports .carousel-indicators {width: 100%; margin: 0; position: relative;}
#financialreports .carousel-indicators [data-bs-target] {
	height: auto;
	background: var(--bg-wht);
	border: 2px var(--bg-cc) solid;
	text-indent: 0;
	opacity: 100;
}
#financialreports .carousel-indicators [data-bs-target]:hover {
	background: var(--bg-cc) !important;
	background-image: var(--bs-gradient)!important;
	color: var(--bg-wht);
	border: 2px var(--bg-wht) solid;
}
#financialreports .carousel-indicators [data-bs-target].active {
	height: auto;
	background: var(--bg-cc-alt);
	background-image: var(--bs-gradient)!important;
	color: var(--bg-wht) !important;
}
.financialreports .carousel-inner .listline li {
	display: table;
	color: var(--bg-cc);
	font-weight: lighter !important;
	padding-left: 0.5rem !important;
	border-bottom: none !important;
	border-left: 1px solid rgb(0 82 163 / 50%) !important;
	box-shadow: inset 1px 0px 0px rgb(0 183 74 / 0) !important;
	transition: all 0.15s ease-in-out !important;
}
.financialreports .carousel-inner .listline li:before, .financialreports .carousel-inner .listline li:after {
	content: '';
	display: table;
	margin: 0.125rem 0 !important;
}
.financialreports .carousel-inner .listline li:hover {
	color: var(--bg-cc);
	font-weight: normal !important;
	border-bottom: none !important;
	border-left: 1px solid rgb(0 82 163 / 100%) !important;
	box-shadow: inset 2px 0px 0px var(--bg-cc) !important;
	transition: all 0.2s ease-in-out !important;
}
.financialreports .carousel-inner .listline li a {
	color: var(--bg-cc) !important;
	font-weight: lighter !important;
	border-bottom: none !important;
	padding-left: 0;
	box-shadow: inset 1px 0px 0px rgb(0 82 163 / 0) !important;
	transition: all 0.15s ease-in-out !important;
}
.financialreports .carousel-inner .listline li:hover a {
	color: var(--bg-cc);
	font-weight: bold !important;
	border-bottom: none !important;
	transition: all 0.2s ease-in-out !important;
}
/* ============ VOTINGSITE CAROUSEL ============ */
#votingsitecarousel .carousel-indicators {display: inline; position: relative;}
#votingsitecarousel .carousel-indicators [data-bs-target] {
	height: auto;
	background: var(--bg-wht);
	color: var(--bg-cc-alt);
	border: 2px var(--bg-cc-alt) solid;
	text-indent: 0;
	opacity: 100;
	transition: all 0.15s linear;
}
#votingsitecarousel .carousel-indicators [data-bs-target]:hover {
	color: var(--bg-wht);
	border: 2px var(--bg-cc) solid;
	background-color: var(--bg-red);
	box-shadow: 0 0px 5px 2px rgb(250 250 250 / 100%) !important;
	transition: all 0.15s linear;
}
#votingsitecarousel .carousel-indicators [data-bs-target].active {
	background: var(--bg-cc) !important;
	background-image: var(--bs-gradient)!important;
	color: var(--bg-wht) !important;
	border: 2px var(--bg-red) solid;
	box-shadow: none !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;
}

.slick-slide.slick-cloned {display: none;}

@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;}	
}
/* ============ REQUEST BINS CAROUSEL ============ */
#requestbinscarousel .carousel-indicators {display: inline; position: relative;}
#requestbinscarousel .carousel-indicators [data-bs-target] {
	height: auto;
	background: var(--bg-wht);
	color: var(--bg-cc-alt);
	border: 2px var(--bg-gry) solid;
	text-indent: 0;
	opacity: 100;
	transition: all 0.15s linear;
}
#requestbinscarousel .carousel-indicators [data-bs-target]:hover {
	color: var(--bg-wht);
	border: 2px var(--bg-cc) solid;
	background-color: var(--bg-cc-90);
	box-shadow: 0 0px 5px 2px rgb(250 250 250 / 100%) !important;
	transition: all 0.15s linear;
}
#requestbinscarousel .carousel-indicators [data-bs-target].active {
	background: var(--bg-cc) !important;
	background-image: var(--bs-gradient)!important;
	color: var(--bg-wht) !important;
	border: 2px var(--bg-cc-alt) solid;
	box-shadow: none !important;
}
#requestbinscarousel .requestbinscarousel .carousel-item.carousel-text {height: 100% !important; transition: all 0.2s linear;}
#requestbinscarousel .card {max-width:200px;}
#requestbinscarousel .card:hover {transform: none;}
#requestbinscarousel .requestbinscarousel .carousel-item {
	height: 55px !important;
	min-height: 50px;
	margin-left: 0px;
	background: var(--bg-white)!important;
	background-image: var(--bs-gradient)!important;
	animation: slide 15s linear infinite;
}
#requestbinscarousel .requestbinscarousel-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) {
	#requestbinscarousel .carousel-item {max-height: 100% !important;}
}
@media screen and (max-width: 992px) {
	#requestbinscarousel .carousel-item {max-height: 100% !important;}
}
@media screen and (max-width: 700px) {
	.requestbins, .requestbins span {font-size: calc(1rem + .25vw)!important;}	
}
/* ============ INFO CAROUSEL ============ */
.infocarousel [data-bs-target].active, .videocarousel [data-bs-target].active  {pointer-events: none;}
.infocarousel [data-bs-target].active, .infocarousel [data-bs-target].active:hover, .videocarousel [data-bs-target].active, .videocarousel [data-bs-target].active:hover {
	border: 1px var(--bg-ylw) solid;
	background-color: var(--bg-ylw) !important;
	box-shadow: 0 0px 5px 1px rgba(250,250,250,1) !important;
	color: var(--bg-cc) !important;
	opacity: 1;
	transition: all 0.15s linear;
}
.infocarousel [data-bs-target] img, .infocarousel [data-bs-target] img {
	border: 1px var(--bg-wht) solid !important;
}
.infocarousel [data-bs-target], .videocarousel [data-bs-target] {
	border: 1px transparent solid;
	background-color: var(--bg-wht) !important;
	color: inherit !important;
	box-shadow: 0 0px 1px 0px var(--bg-ylw) !important;
	transition: all 0.15s linear;
}
.infocarousel [data-bs-target]:hover, .videocarousel [data-bs-target]:hover {
	color: var(--bg-wht);
	border: 1px var(--bg-ylw-90) solid;
	/*background-color: var(--bg-cc-alt) !important;*/
	box-shadow: 0 0px 5px 1px var(--bg-ylw) !important;
	opacity: 1 !important;
	transition: all 0.15s linear;
}
.infocarousel [data-bs-target] img:hover, 
.infocarousel [data-bs-target].active img:hover, 
.videocarousel [data-bs-target] img:hover, 
.videocarousel [data-bs-target].active img:hover {
	transition: all 0.15s linear;
}
#infocarousel .card, #videocarousel .card {height: 100%; background: transparent; transition: all 0.15s ease-in-out !important;}
#infocarousel .card:hover, #videocarousel .card:hover {transform: none}
.carousel-indicators.infocarousel, .carousel-indicators.videocarousel {top: auto; bottom: 0; position: relative; transition: all 0.15s ease-in-out !important;}
.carousel-indicators.infocarousel > button:active, .carousel-indicators.videocarousel > button:active {transform: scale(0.95); transition: all 0.2s ease-in-out !important;}
.carousel-indicators.infocarousel > button, .carousel-indicators.infocarousel > button img, 
.carousel-indicators.videocarousel > button, .carousel-indicators.videocarousel > button img {transition: all 0.15s linear !important;}
.carousel-indicators.infocarousel > button, .carousel-indicators.videocarousel > button {min-width: 100px; margin: 0 10px;}
#infocarousel .carousel-inner, #videocarousel .carousel-inner {
	background: var(--bg-nav);
	padding: 0.5rem;
}
.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: var(--txt-dark) !important;
	border: 1px #0D6EFD solid;
	background-color: var(--bg-wht) !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; z-index: 50;}
.multicarousel .multicarousel-inner .item {
	margin: 0 0 20px 0;
	padding: 0.5rem;
	float: left;
}
.multicarousel .multicarousel-inner .item > div {
	display: flex;
	/*margin: 10px;*/
	padding: 0px;
	align-items: center!important;
	justify-content: center!important;
	/*text-align: justify;*/
	box-shadow: none;
}
.multicarousel .multicarousel-inner .item > div:hover {
	background-color: rgb(255 255 255 / 100%)!important;
	background-image: var(--bs-gradient) !important;
	box-shadow: 0px 10px 20px -10px rgb(0 0 0 / 75%) !important;
	transform: scale(1.025);
}
.multicarousel .leftLst, .multicarousel .rightLst {
	width: 30px;
	height: 30px;
	color: var(--bg-wht);
	box-shadow: 0px 0px 0px 3px var(--bg-cc);
	background-color: rgb(0 183 74 / 75%);
	background-image: var(--bs-gradient) !important;
	position: absolute;
	border-radius: 50% !important;
	bottom: calc(10% - 10px) !important;
	transition: all 0.15s ease-in-out !important;
}
.multicarousel .leftLst:hover, .multicarousel .rightLst:hover {
	background: rgb(0 183 74 / 100%);
	color: var(--bg-wht);
	box-shadow: 0px 0px 6px 2px var(--bg-cc);
	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: var(--bg-wht);
	box-shadow: 0px 0px 0px 3px #CCC;
	background: #CCC;
	pointer-events: none;
	z-index: 100;
}
/* ============ THREAT TYPE CAROUSEL ============ */
#threat-types .carousel-indicators {
	display: inline;
	position: relative;
}
#threat-types .carousel-indicators [data-bs-target] {
	background: transparent;
	color: var(--bg-cc-nav-90);
	border: 1px var(--bg-cc-nav-90) solid;
	transition: all 0.15s ease-in-out;
}
#threat-types .carousel-indicators [data-bs-target]:hover {
	color: var(--bg-cc-nav) !important;
	background: var(--bg-ylw-90);
	border: 1px var(--bg-ylw) solid;
	box-shadow: 0 0px 5px 2px var(--bg-gry-90), 0 0px 5px 1px var(--bg-blk-90) !important;
	transition: all 0.2s ease-in-out;
}
#threat-types .carousel-indicators [data-bs-target].active {
	background: var(--bg-cc) !important;
	background-image: var(--bs-gradient)!important;
	border: 2px var(--bg-cc-alt) solid;
	color: var(--bg-wht) !important;
	transition: all 0.15s ease-in-out;
}
#threat-types .threatcarousel .carousel-item.carousel-text {
	height: 100% !important;
	transition: all 0.2s linear;
}
.threats a {
	width: auto;
	margin: 0 1rem;
	padding: 0 1rem;
	text-align: center;
	word-break: keep-all !important;
}
.threat-type {
	margin: 0 1.5rem;
}
.threat-type a {
	display: block;
	margin: 0 25px;
	color: var(--bg-cc-nav-90);
	/*background: var(--bg-wht);
	background-image: var(--bs-gradient);*/
	box-shadow: inset 0px 0px 0px 0px var(--bg-cc-nav-90);
	word-break: keep-all !important;
	transition: all 0.1s ease-in-out;
}
.threat-type a:hover .threat {
	background: var(--bg-ylw) !important;
	background-image: var(--bs-gradient)!important;
	border: 2px var(--bg-cc-nav) solid;
	color: var(--bg-cc-nav-90) !important;
	transition: all 0.15s ease-in-out;
}
.threat-type .threat {
	width: 50px;
	height: 50px;
	/*background: transparent !important;
	background-image: var(--bs-gradient)!important;*/
	border: 2px var(--bg-cc-nav-90) solid;
	color: var(--bg-cc-nav-90);
	transition: all 0.15s ease-in-out;
}
#threat-types .threatcarousel .carousel-item {
	color: var(--txt-dark);
	margin-left: 0px;
	background: rgb(253 254 255 / 100%);
	background: linear-gradient(180deg, rgb(253 254 255 / 90%) 0%, rgb(253 254 255 / 85%) 100%);
	animation: slide 15s linear infinite;
}
span a.readmore  {
	display: inline-block;
	padding: 1px 10px;
	color: var(--bg-cc);
	font-weight: normal;
	box-shadow: inset 1px 0px 0px rgb(0 82 163 / 50%) !important;
	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 var(--bg-cc) !important;;
	text-decoration: none;
	border-bottom: none;
	transition: all 0.3s ease-in-out;
}

/* --------------------------------SLICK STYLE(S)-------------------------------- */

.slick-track .cardbio {
	min-width: 175px;
	margin-left: 0px;
	animation: slide 15s linear infinite;
}
.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 img {display: block;}
.slick-slide.slick-loading img {display: none;}
.slick-slide.dragging img {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-align: center; text-transform: uppercase; font-size: 0.9rem;}
.card-title.bg-cc {background: var(--bg-cc);}
.card-title.bg-cc-alt {background: rgb(0 82 163);}
.card-title.firstsoldest span:nth-child(even) {margin: 0.75rem 0;}
/* ============ TWITTER CAROUSEL ============ */
#twittercarouselbody .sectionblue-alt {
	/*background: rgb(213 220 228 / 90%);*/
	background: rgb(213 220 228 / 90%);
	background-image: var(--bs-gradient) !important;
}
.twittercarouselbody * .card-img-top {min-height: 100px; height: 100%;}
.twittercarouselbody .card .card-text, .twittercarouselbody .card .card-text span, .twittercarouselbody .card span.date {
	font-weight: bold !important;
	color: var(--bg-wht);
	transition: all 0.20s ease-in-out;
	font-size: max(1em, 12px) !important;
	/*
	font-size: calc(0.4rem + 1.5vw);
	*/
}
.twittercarouselbody .card span.date {font-size: 0.80em; font-style: normal; font-weight: normal !important; letter-spacing: 0.025rem;}
.twittercarouselbody .card:hover .card-text, .twittercarouselbody .card:hover .card-text span {
	color: var(--txt-dark);
	transition: all 0.20s ease-in-out;
}
.twittercarouselbody .card-text a {
	color: var(--bg-cc-nav-90);
	font-weight: bold;
	border-bottom: 0px var(--bg-cc) solid;
	text-decoration: none;
	box-shadow: none;
	transition: all 0.20s ease-in-out;
}
.twittercarouselbody .card:hover .card-text a, .twittercarouselbody .card .card-text a:hover {
	color: var(--bg-cc) !important;
	font-weight: bold;
	border-bottom: 0px var(--bg-cc) solid;
	box-shadow: none;
	transition: all 0.15s ease-in-out;
}
.multicarousel .twitterfeed.bg-cc-alt {background: var(--bg-cc-alt);}
.multicarousel .twitter-carousel-inner .item div.card {
	background: var(--bg-ylw-25);
	border: 2px var(--bg-ylw) solid;
	display: flex;
	color: var(--bg-wht);
	transform: none;
	box-shadow: 0px 10px 10px -10px var(--bg-blk-25);
	transition: all 0.15s ease-in-out;
}
.twittercarouselbody .twitter-carousel-inner {margin: 0 0 1em 0; padding: 10px 0;}
.twittercarouselbody .twitter-carousel-inner .item div.card:hover {
	border: 2px var(--bg-cc) solid !important;
	background: var(--bg-ylw) !important;
	background-image: var(--bs-gradient) !important;
	border-radius: 0 !important;
	display: flex;
	color: var(--bg-cc);
	transform: scale(1.05);
}
.twittercarouselbody .twitter-carousel-inner .item div.card:hover p * a {color: var(--bg-cc) !important;}
.twittercarouselbody .twitter-carousel-inner .item div.card span.date {
	color: #495057;
	border-bottom: 1px #495057 solid;
	/*
	font-size: calc(0.25rem + 1vw);
	*/
}
.twittercarouselbody .twitter-carousel-inner .item div.card:hover span.date {
	font-weight: bold;
	color: var(--bg-cc);
	border-bottom: 1px var(--bg-cc) solid !important;
}
.twittercarouselbody .twitter-carousel-inner .item div.card .release {
	background: rgb(0 82 163 / 0%);
	box-shadow: 0px 0px 0px 2px var(--bg-blk);
	color: #495057;
	transition: all 0.15s ease-in-out;
}
.twittercarouselbody .twitter-carousel-inner .item div.card:hover .release {
	background: var(--bg-cc-nav);
	box-shadow: 0px 0px 0px 2px var(--bg-cc);
	color: var(--bg-nav);
	transition: all 0.2s ease-in-out;
}
.twittercarouselbody .multicarousel .leftLst, .twittercarouselbody .multicarousel .rightLst {bottom: calc(10% - 20px);}
.twittercarouselbody  p a.all-news:hover {
	background: transparent;
	box-shadow: inset 0px -5rem 0px 0px var(--bg-cc), 0px 1px 0px 0px var(--bg-cc);
	color: var(--bg-nav) !important;
	border-radius: inherit;
	transition: all 0.15s ease-in-out;
}
#twitter-marquee-header .bi-twitter {margin-right: 3px; display: block; box-shadow: 0px 0px 0px 3px var(--bg-wht);}
.twitter-marquee-text {}
.twitter-carousel-inner {padding: 5px 0;}
.twitter-marquee-text p {font-size: calc(0.4rem + 1.5vw); color: var(--bg-wht);}
.tweetcounter {color: var(--bg-cc);}
.divider.twitterfeed {
	background: rgb(0 31 61 / 90%);
	border-top: 1px var(--bg-grn) solid !important;
}
.twitterfeed .vr {background-color: #0D6EFD !important;}
@media (min-width: 1500px) and (max-width: 2500px) {
	#twitter-carousel-inner, #twitter-carousel-inner .card {width: 447.5px !important;}
}
@media (min-width: 1125px) {
	.twitter-marquee-article {height: 100%; min-height: 75px;}
}
@media (min-width: 600px) and (max-width: 1125px) {
	.twitter-marquee-article {height: 100%; min-height: 95px;}
}
@media (max-width: 600px) {
	.twitter-marquee-article {height: 100%; min-height: 125px;}
}

/* --------------------------------TABLES/TR/TD/DL/DT/DD STYLE(S)-------------------------------- */

dl.row:nth-child(odd) {background: var(--bg-wht);}
dl.row:nth-child(even) {background: var(--bg-wht);}
table thead th {background: #D3D6D8; background-color: #D3D6D8 !important;}
caption {background: #D3D6D8;}
.table {
	width: 100%;
	background: var(--bg-wht);
	position: relative;
	line-height: 1.75;
	overflow-wrap: anywhere;
	transition: all 0.1s ease-in-out;
}
.table-responsive {overflow: inherit;}
.row.row-hover {
	transition: all 0.1s ease-in-out;
}
.table-hover > tbody > tr:hover > th, .row.row-hover:hover {
	background-color: var(--bg-ylw-50) !important;
	color: var(--bg-cc);
	box-shadow: none;
	transition: all 0.15s ease-in-out;
}
.table-hover > tbody > tr:hover > td {
	background-color: var(--bg-ylw-25) !important;
	color: var(--bg-cc);
	box-shadow: none;
	transition: all 0.15s ease-in-out;
}
.table-hover > tbody > tr:hover * a:hover {
	background: transparent;
	box-shadow: inset 0px -50em 0px 0px var(--bg-cc-nav-90), 0px 1px 0px 0px var(--bg-cc);
	color: var(--bg-nav);
	border-radius: inherit;
	transition: all 0.15s ease-in-out;	
}
/*
.table-hover > tbody > tr:hover > * td:hover a {
	padding: 1px 2px !important;
	box-shadow: inset 0px -1px 0px 0px var(--bg-wht);
	border-bottom: 1px transparent solid;
	color: var(--bg-wht);
	transition: all 0.1s ease-in-out;
	z-index: 1000;
}
.table-hover > tbody > tr:hover > * td:hover a:hover {
	padding: 1px 2px !important;
	box-shadow: inset 0px -10rem 0px 0px var(--bg-wht);
	border-bottom: 1px transparent solid;
	color: var(--bg-cc) !important;
	transition: all 0.2s ease-in-out;
	z-index: 1000;
}
.table > tbody > tr.hotspot:hover > td {
	box-shadow: inset 0px -1px 0px 0px var(--bg-wht);
	background-color: var(--bg-wht);
	border-bottom: 1px transparent solid;
	color: var(--txt-dark);
	transition: all 0.1s ease-in-out;
	z-index: 1000;
}
*/
.table span > .bi-caret-right-fill.small {font-size: .75em;}

/* ============ 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 var(--bg-cc), 1px 0px 0px 0px var(--bg-cc), -1px 0px 0px 0px var(--bg-cc);
	background-color: rgb(255 255 0 / 10%);
	color: var(--txt-dark) !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 var(--bg-cc), 1px 0px 0px 0px var(--bg-cc), -1px 0px 0px 0px var(--bg-cc);
	background-color: rgb(255 255 0 / 10%);
	color: var(--txt-dark) !important;
	transition: all 0.1s ease-in-out;
	z-index: -1000;
}

/* --------------------------------TIMELINE STYLE(S)-------------------------------- */

.logo526 {
	max-width: 225px;
	min-width: 150px;
	/*border-bottom: 6px var(--bg-cc-nav) solid;*/
	border-radius: 0 0 8rem 8rem;
}
.timeline .card:hover {transform: none;}
.main-timeline .card {
	border-radius: 0;
	border-color: var(--bg-cc-nav);
	color: var(--bg-cc);
	background: var(--bg-wht) !important;
	background-image: var(--bs-gradient) !important;
	transition: all 0.2s ease-in-out;
}
.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 {
	margin-top: 1rem;
	position: relative;
}
/* The actual timeline (the vertical ruler) */
.main-timeline::after {
	content: '';
	position: absolute;
	width: 6px;
	background-color: #003f87/*var(--bg-cc-nav)*/;
	top: -1.5%;
	bottom: 1.75%;
	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: var(--bg-cc-nav);
	border: 5px solid var(--bg-ylw);
	top: 15px;
	border-radius: 50%;
	box-shadow: 0px 0px 0px 2px var(--bg-cc-nav);
	z-index: 1;
}
.timeline:last-child::after {
	content: '';
	position: absolute;
	width: 25px;
	height: 25px;
	right: -13px;
	background-color: var(--bg-ylw);
	border: 5px solid var(--bg-cc);
	top: 15px;
	border-radius: 50%;
	z-index: 1;
}
/* Place the container to the left */
.timeline.left {padding: 0px 15px 20px 0px; left: 0;}
/* Place the container to the right */
.timeline.right {padding: 0px 0px 20px 15px; left: 50%;}
/* Add arrows to the left container (pointing right) */
.timeline.left::before {
	content: " ";
	position: absolute;
	top: 18px;
	z-index: 1;
	right: 5px;
	border: medium solid var(--bg-cc);
	border-width: 10px 0 10px 10px;
	border-color: transparent transparent transparent var(--bg-cc);
	z-index: 2;
}
/* Add arrows to the right container (pointing left) */
.timeline.right::before {
	content: " ";
	position: absolute;
	top: 18px;
	z-index: 1;
	left: 5px;
	border: medium solid var(--bg-cc);
	border-width: 10px 10px 10px 0;
	border-color: transparent var(--bg-cc) transparent transparent;
	z-index: 2;
}
/* Fix the circle for containers on the right side */
.timeline.right::after {left: -12px;}
@media (min-width: 700px) and (max-width: 1850px) {
/*	.mcexpresswaytl.sectionlight-bg {background-position: 38px 0px;}*/
}
/* Media queries - Responsive timeline on screens less than 600px wide */
@media screen and (max-width: 992px) {
	.logo526 {
		border-bottom: none;
		border-radius: 0;
	}
/* 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 var(--bg-cc-alt);
		border-width: 10px 10px 10px 0;
		border-color: transparent var(--bg-cc-alt) transparent transparent;
}
/* Make sure all circles are at the same spot */
	.timeline.right::before {left: 36px;}
	.timeline.right::after {left: 18px;}
	.timeline.right {left: 0;padding: 0px 0px 20px 46px;}
	.timeline.left {padding: 0px 0px 20px 46px;}
	.timeline.right .card {/*left: 30px;*/}
	.timeline.left .card {/*left: 50px;*/}
	.timeline.left::after, .timeline .right::after {left: 18px;}
	.timeline.left::before {
		content: " ";
		position: absolute;
		top: 18px;
		right: auto;
		margin-left: -24px;
    border: medium solid var(--bg-cc);
    border-width: 10px 10px 10px 0;
    border-color: transparent var(--bg-cc) transparent transparent;
	}
}

/* --------------------------------CARDS/MODALS STYLE(S)-------------------------------- */

.modal-header {border-radius: 0 !important;}
.modal-header > button, .modal-header > button.close.redbg {
	width: 30px;
	height: 30px;
	background: var(--bg-nav);
	background-image: var(--bs-gradient)!important;
	font-size: 2.5em;
	color: var(--bg-pdf);
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 8px;
	right: 8px;
	border: 2px var(--bg-pdf) solid;
	border-radius: 20px !important;
	box-shadow: 0px 0px 0px 2px var(--bg-nav);
	transition: 0.3s;
	pointer-events: all;
  -webkit-transition: 0.3s;
	animation: pulse-animation-white 2s linear infinite;
}
.modal-header > button:hover, .modal-header > button.close.redbg:hover {
	background: rgb(249 57 57 / 100%);
	background-image: var(--bs-gradient)!important;
	color: var(--bg-nav);
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
} 
.modal-header > button span {
	width: 30px;
	height: inherit;
	padding: 0;
	border-radius: 20px !important;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: -5px;
	right: -2px;
}
.modal-header span.h4 {border: 0 !important;}
section .modal-header {
	background: var(--bg-cc-nav-90) !important;
	padding-right: 40px !important;
	padding: 5px;
	border-radius: 0;
	box-shadow: inset 0px 450px 0px 0px rgb(0 82 163 / 100%);
}
.modal-content {
	width: 100%;
	max-width: 1250px;
	background: var(--bg-nav);
	background-image: var(--bg-gradient);
	margin: 0 auto;
	box-shadow: 0px 24px 20px -10px var(--txt-dark);
	border: 1px var(--bg-nav) solid;
	border-radius: 0;
	cursor: default;
	transition: all 0.15s ease-in-out;
}
.modal-content * .btn {border-radius: 0;}
.modal-content iframe {padding: 0.25rem; padding-bottom: 0;}
.modal[role="dialog"], .modal.show[role="dialog"] {
	height: 100vh;
	/*background: var(--bg-cc-nav-25) !important;*/
	background-image: var(--bg-gradient);
	z-index: 999999;
}
.modal.show[role="dialog"] {padding: 10px;}
@media (min-width: 575px) {
	.modal[role="dialog"], .modal.show[role="dialog"] {
		backdrop-filter: blur(0.25rem);
		/*padding: 0 !important;*/
		cursor: pointer;
		z-index: 999999;
	}
}
.modal .modal-dialog {
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	transition: transform .3s ease-out;
	transform: translate(0, -100em);
}
.modal.show .modal-dialog, .modal.fade .modal-dialog {
	width: 94%;
	max-width: 1250px;
	margin: 0 auto;
	background: transparent;
	transition: transform .3s ease-out;
	transform: translate(0, 0);
}
.modal.show .modal-body {
	/*background: #DDD;*/
	border-radius: 0;
}
.modal-body .card {
	border: 1px #0079F2 solid;
	background: var(--bg-nav) !important;
	transition: all 0.15s ease-in-out;
}
.card {
	background: var(--bg-wht-90);
	padding: 5px;
	transition: all 0.15s linear;
	z-index: 1
}
.card:hover {
	transform: scale(1.05);
	transition: all 0.15s linear;
	box-shadow: 0 0.55rem 0.55rem var(--bg-blk-25);
}
@media (max-width: 768px) {
	.card:hover {
		transform: none !important;
	}	
}
.officials .modal * p a, .officials .modal * li a, .officials .modal * dl a {
	display: inline-block !important;
	padding: 1px 2px !important;
	color: var(--bg-cc) !important;
	font-weight: normal !important;
	box-shadow: inset 0px -1px 0px var(--bg-gry) !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 2px !important;
	color: rgb(255 255 255 / 100%) !important;
	font-weight: normal !important;
	box-shadow: inset 0px -10rem 0px rgb(0 82 163) !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 2px;
	color: var(--bg-cc);
	font-weight: normal;
	box-shadow: inset 0px -1px 0px rgb(0 82 163 / 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 2px;
	color: rgb(255 255 255 / 100%);
	font-weight: normal;
	box-shadow: inset 0px -10rem 0px var(--bg-cc);
	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 2px;
	color: var(--bg-cc-nav);
	font-weight: normal;
	box-shadow: inset 0px -1px 0px var(--bg-cc-nav-75);
	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 2px;
	color: rgb(248 249 250 / 100%);
	font-weight: normal;
	box-shadow: inset 0px -10rem 0px var(--bg-cc);
	text-decoration: none;
	border-bottom: none;
	transition: all 0.2s ease-in-out;
}
.modal .card:hover {transform: none;}
.featured .bg-cc-folder {
	height: auto;
	background: #F1D592;
	padding: 5px;
	color: var(--bg-wht);
	line-height: 1.3em;
	border-color: #4E3F1A !important;
	border-style: dashed !important;
	box-shadow: 0 0 0 4px #F1D592, 0px 2px 3px 3px rgb(10 10 0 / 50%);
}
.featured .bg-cc-folder * a {
	color: var(--bg-cc);
	text-decoration: none;
	box-shadow: none;
	text-align: center !important;
	transition: all 0.20s ease-in-out;
}
.featured .bg-cc-folder:hover * a {
	color: var(--bg-cc) !important;
	transition: all 0.15s ease-in-out;
}
.featured .card .card-title div {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 5px;
	padding-bottom: 0;
	border-radius: 0 !important;
	transition: all 0.15s ease-in-out;
}
.featured .card:hover .card-title div {
	margin-top: -15px;
	margin-bottom: 0;
	padding-top: 20px;
	padding-bottom: 0;
	transition: all 0.2s ease-in-out;
}
.featured .card .card-title div span {
	display: block;
	margin-top: 0;
	margin-bottom: -5px;
	padding-top: 0;
	padding-bottom: 0;
	transition: all 0.15s ease-in-out;
}
.featured .card:hover .card-title div span {
	display: block;
	margin-top: 0;
	margin-bottom: -5px;
	padding-top: 0;
	padding-bottom: 0;
	transform: translate(0, -5px);
	transition: all 0.15s ease-in-out;
}
.featured .card .card-title div .bi {
	margin-top: 0;
	padding-top: 0;
	padding-bottom: 0;
	transition: all 0.15s ease-in-out;
}
.featured .card:hover .card-title div .bi {
	margin-top: -15px;
	padding-bottom: 15px;
	display: inline-block;
	transition: all 0.2s ease-in-out;
}
.featured .card .card-title {
	margin-bottom: 0px;
	transform: translate(0, 30px);
	transition: all 0.2s ease-in-out;
	z-index: -10;
}
.featured .card:hover .card-title {
	margin-bottom: 0px;
	transform: translate(0, 15px);
	transition: all 0.2s ease-in-out;
}
@media (max-width: 768px) {
	.featured .card:hover .card-title {
		margin-top: 0;
	}
}
.residential .card .row {
	background-image: url('../images/res-map-lg.webp');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.vetaffairs .card .row {
	background-image: url('../images/res-map-lg.webp');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.residential .card .card-footer .row, .vetaffairs .card .card-footer .row { background-image: none !important;}
.card-body, .card-footer:last-child {border: none !important;}
.compost-use .card .row, .achievements .card .row {
	background-size: cover;
	background-repeat: no-repeat;
}
.compostmenu .row .compost-program.active a, .compostmenu .row .buy-compost.active a, .compostmenu .row .food-waste.active a, .compostmenu .row .backyard-compost.active a, .compostmenu .row .compost-calculator.active a, .compostmenu .row .compost-facility.active a {
	pointer-events: none;
	background: var(--bg-cc-alt);
	background-color: var(--bg-cc-alt);
	height: 100%;
	color: var(--bg-cc) !important;
	box-shadow: inset 0rem -10rem 0rem 0rem var(--bg-ylw), 0px 0px 0px 2px var(--bg-cc);
	border: none !important;
	border-radius: 0 !important;
	-webkit-transition: 0s ease-in-out;
	-moz-transition: 0s ease-in-out;
	transition: 0s ease-in-out;
}
.compostusebody .residential.compost-use .card .bg-img {
	background-image: url('../departments/environmental-management/images/residential-bg-header.webp');
	background-position: top;
}
.compostusebody .commercial.compost-use .card .bg-img {
	background-image: url('../departments/environmental-management/images/commercial-bg-header.webp');
	background-position: top;
}

/* --------------------------------FORM STYLE(S)-------------------------------- */

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

form input::selection, form textarea::selection {color: var(--bg-wht) !important; background-color: var(--bg-cc) !important;}
input, radio, checkbox, textarea {cursor: pointer;}
.contact-ccform .form-control, .contact-ccform select, .contact-ccform input[type="text"], .contact-ccform input[type="number"], .contact-ccform input[type="radio"], .form-floating .form-select {
	color: var(--txt-dark);
	box-shadow: 0px 0px 0px 2px #F1D592;
	border-radius: .375rem;
}
.contact-ccform input[type="checkbox"] {
	color: var(--txt-dark);
	box-shadow: 0px 0px 0px 2px #F1D592;
	border-radius: .375rem;
}
.contact-ccform .form-control:disabled, .form-control[readonly], [readonly] {
  background-color: var(--bs-gray-200);
	color: var(--bg-blk);
	pointer-events: none;
}
.contact-ccform .form-control:required, .form-control[required], .form-select[required] {
	box-shadow: inset 0px 0px 0px 2px #F93939;
}
span.input-group-text.required {
	padding: 1.07rem .75rem;
	box-shadow: inset 0 -3px 0px -3px #F93939, inset 0px 5px 0px -3px #F93939, inset -3px -3px 0px -1px #F93939;
	/*box-shadow: inset 0px 0px 0px 2px #F93939, inset 0px 0px 0px -10px #F93939;*/
}
/*input.char_count[readonly] {color: var(--bg-grn);}*/
.counter-red {color: var(--bg-pdf) !important;}
.counter-grn {color: var(--bg-grn) !important;}
form.form * a.capthca, form.form * a.captcha {
	color: var(--bg-cc-nav) !important;
	display: flex !important;
	height: 100%;
	transition: all 0.15s ease-in-out;
}
form.form * a.capthca:hover, form.form * a.captcha:hover {
	color: var(--bg-grn) !important;
	display: flex !important;
	height: 100%;
	transition: all 0.2s ease-in-out;
}
/*
form.form * a, form.form fieldset * a, form.form fieldset > .row * a {
	display: inline-block;
	padding: 1px 2px !important;
	box-shadow: inset 0px -1px 0px 0px var(--bg-cc) !important;
	border-bottom: none;
	color: var(--bg-cc) !important;
	font-weight: normal !important;
	transition: all 0.15s ease-in-out;
}
form.form * a:hover, form.form fieldset * a:hover, form.form fieldset > .row * a:hover {
	box-shadow: inset 0px -10rem 0px 0px var(--bg-cc) !important;
	color: var(--bg-wht) !important;
	transition: all 0.2s ease-in-out;
}
*/

form.form fieldset > .row * a.captcha {
	display: inline-block;
	padding: 1px 2px !important;
	box-shadow: none !important;
	border-bottom: none;
	color: var(--bg-cc) !important;
	font-weight: normal !important;
	transition: all 0.15s ease-in-out;
}
form.form fieldset > .row * a.captcha:hover {
	box-shadow: inset 0px -10rem 0px 0px var(--bg-cc) !important;
	color: var(--bg-wht) !important;
	transition: all 0.2s ease-in-out;
}
fieldset#agreement {width: auto !important; display: block !important;}
.contact-ccform legend.bg-cc {
	width: auto;
	height: auto;
	background: var(--bg-frm) !important;
	padding: 5px 10px;
	color: var(--txt-dark) !important;
	line-height: 1.3em;
	border-width: 4px 4px 0px 4px !important;
	border-color: var(--bg-ylw) !important;
	border-style: solid !important;
	box-shadow: none !important;
	position: absolute;
	top: -45px !important;
	left: -4px !important;
	z-index: 0;
	transition: all 0.0s ease-in-out !important;
}
.form-floating > label, .contact-ccform label {color: var(--txt-dark); font-style: italic;}
.contact-ccform label.form-check-label {color: var(--txt-dark);}
.form-floating > input.form-control.text-center, 
.contact-ccform input.form-control.text-center, 
.form-floating > label.text-center, 
.contact-ccform label.text-center {transform-origin: center;}
.form-floating > input.form-control.error, .form-floating > textarea.error {
	border-radius: 0.375rem 0.375rem 0.15rem 0.15rem;
	transition: all 0.15s ease-in-out;
}
.contact-ccform fieldset div.row {padding: 1rem;}
.contact-ccform fieldset {
	height: auto;
	background: var(--bg-frm) !important;
	background-image: none !important;
	padding: 20px;
	color: var(--txt-dark) !important;
	line-height: 1.3em;
	box-shadow: 0 0 0 4px var(--bg-ylw) !important;
	border-radius: 0.25rem 0.5rem 0.5rem 0.5rem;
}
input#char_count, input#char_count1, input#char_count2, input#char_count3, input#char_count4, input#char_count5  {
	background: rgb(255 255 255 / 0.5);
	color: var(--bg-grn);
	border-radius: var(--bs-border-radius-lg) !important;
}
label[for=char_count], label[for=char_count2], label[for=char_count3], label[for=char_count4], label[for=char_count5] {color: var(--txt-dark) !important;}
select {cursor: pointer;}
optgroup {background-image: var(--bs-gradient) !important; background-color: var(--bg-gry); color: var(--txt-cc) !important; font-weight: normal !important; font-size: 1.05rem;}
select option {height: 20px; padding: 5px 0; color: var(--txt-dark); font-size: 1rem; line-height: 20px;}
select option:disabled {background: var(--bg-gry) !important; color: var(--bg-blk) !important; font-size: 1.15rem;}
select option:nth-child(odd) {background: var(--bg-wht); padding-top: 3px;}
select option:nth-child(even) {background: #E9ECEF; padding-bottom: 3px;}
textarea {min-height: 150px !important;}
.form-check-input[type=radio] {
	box-shadow: 0px 0px 1px 1px var(--bg-wht);
	border: 1px solid rgb(0 0 0 / 0.25);
	border-radius: 100px !important;
}
.form-check-input:checked {
	background-color: var(--bg-grn);
	border-color: var(--bg-wht);
}
.form-check-input[type=radio], .form-check-input[type=checkbox] {transition: all 0.15s ease-in-out;}
.form-check-input[type=radio]:focus, .form-check-input[type=checkbox]:focus {
	content: "";
	width: 15px;
	height: 15px;
	margin-right: 5px;
	margin-left: -23px;
	display: inline-flex;
	align-items: center !important;
	justify-content: center !important;
	box-shadow: 0px 0px 0px 2px var(--bg-grn);
	vertical-align: text-top;
	outline: none;
	z-index: 0;
	transition: all 0.15s ease-in-out;
}

/* !REMOVES input[type="number"] NUMBER TICKER! */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
/* Works for Firefox */
input[type="number"] {
	-moz-appearance: textfield;
}
label.error.checked {display: none !important;}
label.error {
	width: 100% !important;
	height: auto;
	position: relative;
	display: block;
	margin: 0 auto !important;
	padding: 5px 10px;
	background: rgba(131 7 7 / 100%);
	border-radius: 0 0 10px 10px !important;
	color: var(--bg-wht);
	line-height: 1.0rem;
	opacity: 1 !important;
	white-space: normal;
	transform: none !important;
	transition: all 0.15s ease-in-out;
}
#error {position: relative;}
.input-group > input.form-control.error {width: auto;}
@media (min-width: 50px) and (max-width: 600px) {
	label.error {
		width: 100%;
		height: auto;
		margin-top: 0;
		box-shadow: inset 0px 0px 0px 0px rgb(131 7 7 / 0%);
		font-size: calc(0.5rem + .5vw)!important;
		white-space: normal!important;
	}
}
div#message {
	width: 100%;
	height: auto;
	margin-left: 0px !important;
	position: relative;
	display: inline-block;
	text-align: center;
	padding-bottom: 100px;
	overflow: hidden;
	animation: slideUp 1s ease-in-out forwards;
}
div#message h2 {
	display: inline-block;
	text-align: center;
}
span#mailsentspan {
	height: inherit;
	text-align: center;
	float: none;
	margin: 0 auto;
	margin-left: -125px;
	position: relative;
	display: inline-flex;
}
img#mailsentimg {
	max-width: 125px;
	height: inherit;
	margin-top: -30px;
	position: absolute;
	top: 0px;
	transform: rotate(10deg);
	animation-name: flyaway;
	animation-delay: 3s;
	animation-duration: 3s;
	animation-fill-mode: forwards;
}
@keyframes flyaway {
	0% {
		transform: rotate(10deg);
		top: 0px;
		left: 0px;
		height: 125px;
	}
	99% {
		transform: rotate(45deg);
		top: 0px;
		left: 2000px;
		height: 0;
		opacity: 0;
	}
	100% {
		transform: rotate(10deg);
		top: 0;
		opacity: 0;
		display: none;
	}
}
#captcha_image {max-width: 200px; height: auto; transition: all 0.2s ease-in-out;}
.form-floating > #verification_code {
	position: relative;
	max-height: 54px;
	height: auto !important;
}
.form-floating > #verification_code-error {
	position: absolute;
	transform: translateX(-50%) !important;
	top: 100% !important;
	left: 50% !important;
	white-space: normal;
	transition: all 0.15s ease-in-out;
}
.form-floating > #verification_code:focus {padding-top: 2rem;}
#sendingmessage {
	background-color: rgb(255 255 255 / 0);
}
#sendingmessage img {
	max-width: 75px;
	width: 100%;
	height: 100%;
	display: block;
	outline: none;
	border-radius: 100rem;
}
section#roddocumentsearchbody div.legaldisclaimer {
	height: 225px;
	min-height: 175px;
	overflow-y: auto;
	resize: vertical;
}
.roddocumentsearchbody .disclaimer .section-p-spacing {
	padding-top: 1rem;
	padding-bottom: 1rem;
}
#docsearchmenus .collapse.show {z-index: 99999;}
input#reset, button#reset, input#submit, button#submit {width: auto !important;}
input#reset, button#reset {border: 1px var(--bg-gry) solid;}
.input-group {box-shadow: 0px 0px 0px 2px #F1D592; border-radius: 0.375rem;}

/* --------------------------------BACK TO TOP STYLE(S)-------------------------------- */

#btn-back-to-top, #btn-back-to-top:active {
	width: auto !important;
	position: fixed;
	right: 1em;
	bottom: 10.5em;
	padding: 10px 13px 11px 13px;
	color: var(--bg-cc-nav-90) !important;
	border: 3px var(--bg-wht-90) solid !important;
	background-image: var(--bs-gradient) !important;
	background-color: var(--bg-ylw-75);
	box-shadow: 0px 0px 10px -1px var(--bg-cc-90), 0px 0px 0px 2px var(--bg-cc-90);
	line-height: 1!important;
	opacity: 0.75;
	transition: all 0.15s ease-in-out;
	z-index: 9999;
}
#btn-back-to-top:hover {
	color: var(--bg-ylw) !important;
	border: 3px var(--bg-ylw) solid !important;
	background-image: var(--bs-gradient) !important;
	background-color: var(--bg-cc-90);
	box-shadow: 0px 5px 10px -5px var(--bg-cc-90), 0px 0px 0px 2px var(--bg-cc-90);
	transition: all 0.25s ease-in-out;
	opacity: 1;
}
#btn-back-to-top:focus, #btn-back-to-top:focus-visible {
	content: "";
	outline: 0px dashed var(--bg-grn) !important;
	outline-offset: 0px !important;
	background: var(--bg-ylw) !important;
	box-shadow: 0px 0px 0px 0px var(--bg-ylw), 0px 0px 0px 0px var(--bg-grn) !important;
	border-radius: 100px !important;
	background-image: var(--bs-gradient) !important;
	background-color: var(--bg-cc) !important;
	position: fixed;
	color: var(--bg-cc) !important;
	font-weight: bold;
	line-height: 1!important;
	transition: all 0.15s ease-in-out;
	opacity: 1;
	z-index: 9999;
}
#btn-back-to-top:focus::after, #btn-back-to-top:focus-visible::after {
	content: "";
	outline: 2px dashed var(--bg-grn) !important;
	outline-offset: -2px !important;
	color: var(--bg-cc) !important;
	background: var(--bg-ylw) !important;
	box-shadow: 0px 0px 0px 2px var(--bg-ylw), 0px 0px 0px 4px var(--bg-grn) !important;
	border-radius: 100px !important;
	background-image: var(--bs-gradient) !important;
	background-color: var(--bg-ylw) !important;
	position: fixed;
	bottom: 213px;
	right: 22px;
	padding: 29px;
	transition: all 0.15s ease-in-out;
	opacity: 1;
	z-index: -1;
}
#btn-back-to-top i {font-size: 15px;}
#sidepanel {
	animation: slideUp 0.55s ease-in-out forwards;
	transition: all .8s ease;
}

/* --------------------------------FOOTER STYLE(S)-------------------------------- */

.footer {
	border-top: 1px solid #DEE2E6;
	background: var(--bg-nav);
	box-shadow: 0px 440px 0px 0px rgb(248 249 250 / 100%);
	/*color: var(--bg-ylw);*/
	line-height: 1.25em;
	font-size: inherit !important; 
}
footer a.navbar-brand-footer:hover {
	color: var(--bg-ylw);
	background: transparent;
	border-bottom: none;
	box-shadow: inset 0px -50em 0px 0px var(--bg-ylw-90), 0px 1px 0px 0px var(--bg-cc-nav-90);
	transition: all 0.2s ease-in-out;
}

footer a:hover {
	background: transparent;
	box-shadow: inset 0px -50em 0px 0px var(--bg-cc-nav), 0px 1px 0px 0px var(--bg-cc);
	color: var(--bg-ylw);
	border-radius: inherit;
	border: solid;
	border-width: 0;
	line-height: 1.25;
	transition: all 0.15s ease-in-out;
}

footer .disclaimer a.cc-link-wht, footer .disclaimer a.cc-link-ylw {
	font-size: inherit;
	color: var(--bg-ylw);
	box-shadow: inset 0px 0px 0px 0px var(--bg-wht);
	display: inline-block !important;
	padding: 3px 10px !important;
	font-weight: normal !important;
	transition: all 0.15s ease-in-out;
}
footer .disclaimer a.cc-link-wht:hover, footer .disclaimer a.cc-link-ylw:hover {
	box-shadow: inset 0px -10rem 0px 0px var(--bg-ylw) !important;
	color: var(--bg-cc);
	transition: all 0.2s ease-in-out;
}
#additionalRSS .accordion-body {
	border: none;
	color: var(--bg-cc-nav-90);
}
footer .social a {
	padding: 0;
	box-shadow: inset 0px 0px 2px 25px rgb(248 249 250 / 5%);
	border-bottom: 1px var(--bg-wht) solid;
	transition: all 0.15s ease-in-out;
}
footer .social a.facebook, .social a.facebook {
	color: #4267B2 !important;
	padding: 0;
	box-shadow: inset 0px 0px 2px 25px rgb(248 249 250 / 5%);
	border-bottom: 1px var(--bg-wht) solid;
	transition: all 0.15s ease-in-out;
}
footer .social a.facebook:hover, .social a.facebook:hover {
	background: transparent !important;
	color: #4267B2 !important;
	border-bottom: 1px var(--bg-wht) solid !important;
	text-decoration: none !important;
	transform: scale(1.3);
	transition: all 0.2s ease-in-out;
}
footer .social a.twitter, .social a.twitter {
	color: #1DA1F2 !important;
	padding: 0;
	box-shadow: inset 0px 0px 2px 25px rgb(248 249 250 / 5%);
	border-bottom: 1px var(--bg-wht) solid;
	transition: all 0.15s ease-in-out;
}
footer .social a.twitter:hover, .social a.twitter:hover {
	background: transparent !important;
	color: #1DA1F2 !important;
	border-bottom: 1px var(--bg-wht) solid !important;
	text-decoration: none !important;
	transform: scale(1.3);
	transition: all 0.2s ease-in-out;
}
footer .social a.youtube, .social a.youtube {
	color: #FF0000 !important;
	padding: 0;
	box-shadow: inset 0px 0px 2px 25px rgb(248 249 250 / 5%);
	border-bottom: 1px var(--bg-wht) solid;
	transition: all 0.15s ease-in-out;
}
footer .social a.youtube:hover, .social a.youtube:hover {
	background: transparent !important;
	color: #FF0000 !important;
	border-bottom: 1px var(--bg-wht) solid !important;
	text-decoration: none !important;
	transform: scale(1.3);
	transition: all 0.2s ease-in-out;
}
footer .social a.vimeo, .social a.vimeo {
	color: #1AB7EA !important;
	padding: 0;
	box-shadow: inset 0px 0px 2px 25px rgb(248 249 250 / 5%);
	border-bottom: 1px var(--bg-wht) solid;
	transition: all 0.15s ease-in-out;
}
footer .social a.vimeo:hover, .social a.vimeo:hover {
	background: transparent !important;
	color: #1AB7EA !important;
	border-bottom: 1px var(--bg-wht) solid !important;
	text-decoration: none !important;
	transform: scale(1.3);
	transition: all 0.2s ease-in-out;
}
footer .social a.linkedin, .social a.linkedin {
	color: #0077B5 !important;
	padding: 0;
	box-shadow: inset 0px 0px 2px 25px rgb(248 249 250 / 5%);
	border-bottom: 1px var(--bg-wht) solid;
	transition: all 0.15s ease-in-out;
}
footer .social a.linkedin:hover, .social a.linkedin:hover {
	background: transparent !important;
	color: #0077B5 !important;
	border-bottom: 1px var(--bg-wht) solid !important;
	text-decoration: none !important;
	transform: scale(1.3);
	transition: all 0.2s ease-in-out;
}
footer .social a.nextdoor, .social a.nextdoor {
	color: #1AB7EA !important;
	padding: 0;
	box-shadow: inset 0px 0px 2px 25px rgb(248 249 250 / 5%);
	border-bottom: 1px var(--bg-wht) solid;
	transition: all 0.15s ease-in-out;
}
footer .social a.nextdoor:hover, .social a.nextdoor:hover {
	background: transparent !important;
	color: #1AB7EA !important;
	border-bottom: 1px var(--bg-wht) solid !important;
	text-decoration: none !important;
	transform: scale(1.3);
	transition: all 0.2s ease-in-out;
}
footer .social a.instagram, .social a.instagram {
	color: var(--bg-wht) !important;
	background-color: #CC2366;
	background-image: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%) !important;
	background-size: 100%;
	-webkit-background-clip: text;
	-moz-background-clip: text;
	-webkit-text-fill-color: transparent; 
	-moz-text-fill-color: transparent;
	transition: all 0.15s ease-in-out;
}
footer .social a.instagram .bi-instagram, .social a.instagram .bi-instagram {
	background-image: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%) !important;
	transition: all 0.15s ease-in-out;
}
footer .social a.instagram .bi-instagram::before, .social a.instagram .bi-instagram::before {
	color: var(--bg-wht) !important;
	box-shadow: 0px 0px 0px 1px #CC2366;
	border-radius: var(--bs-border-radius-sm) !important;
	background-color: var(--bg-wht);
	background-size: 100%;
	-webkit-background-clip: text;
	-moz-background-clip: text;
	-webkit-text-fill-color: transparent; 
	-moz-text-fill-color: transparent;
	transition: all 0.15s ease-in-out;
}
footer .social a.instagram:hover .bi-instagram::before, .social a.instagram:hover .bi-instagram::before {box-shadow: none; transition: all 0.15s ease-in-out;}
footer .social a.instagram:hover .bi-instagram, .social a.instagram:hover .bi-instagram {
	background-color: #343A40;
	background-image: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%) !important;
	background-size: 100%;
	-webkit-text-fill-color: transparent !important; 
	-moz-text-fill-color: transparent !important;
	transition: all 0.2s ease-in-out;
}
footer .social a.instagram:hover, .social a.instagram:hover {
	background-color: #343A40;
	background-image: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%) !important;
	background-size: 100%;
	-webkit-background-clip: text !important;
	-moz-background-clip: text !important;
	-webkit-text-fill-color: transparent !important; 
	-moz-text-fill-color: transparent !important;
	transform: scale(1.3);
	transition: all 0.2s ease-in-out;
}
footer .brand {
	display: block;
	text-align: center;
}
footer .brand a {
	color: inherit;
	font-weight: lighter !important;
	padding-left: 0.25rem !important;
	border-bottom: 1px solid var(--bg-cc-nav-25) !important;
	box-shadow: inset 0px -1px 0px var(--bg-ylw-90);
	transition: all 0.15s ease-in-out;
}
footer .brand a:hover {
	color: var(--bg-cc) !important;
	font-weight: normal !important;
	border-left: none !important;
	border-bottom: 1px solid var(--bg-cc-nav) !important;
	box-shadow: inset 0px -50em 0px var(--bg-ylw);
	transition: all 0.25s ease-in-out;
}
.footer ul li {padding: 0.025rem;}
.footer .disclaimer {
	color: var(--bg-blk);
	background: var(--bg-wht);
	opacity: 0.90;
}
.footer a.cc-link-blu, .footer a.cc-link-blu-alt {border: none !important;}
.footer-col {
	background: var(--bg-ylw-90);
	background-image: var(--bs-gradient);
	color: var(--bg-cc-nav-90);
	padding-top: 1rem;
	padding-bottom: 1rem;
}
footer ul.list-unstyled.listline.programs li {
	width: 100%;
	color: var(--bg-cc-nav-90);
	font-weight: lighter !important;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 0.25rem !important;
	border-bottom: none !important;
	border-left: 1px solid var(--bg-cc-nav-25);
	box-shadow: inset 1px 0px 0px var(--bg-ylw-90);
	transition: all 0.15s ease-in-out;
}
footer ul.list-unstyled.listline.programs li:hover {
	color: var(--bg-cc) !important;
	font-weight: normal !important;
	border-bottom: none !important;
	border-left: 1px solid var(--bg-cc-nav);
	box-shadow: inset 100em 0px 0px var(--bg-ylw);
	transition: all 0.25s ease-in-out;
}
footer ul.list-unstyled.listline.programs li a {
	color: var(--bg-cc-nav-90);
	box-shadow: none;
	border-left: 1px solid transparent;
	line-height: 1em;
}

/* --------------------------------MODIFY BOOTSTRAP STYLE(S)-------------------------------- */

#pastordinances .accordion-item .accordion-button span {color: inherit;}
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;
}
.shadow-none {
	box-shadow: none !important;
	text-shadow: none !important;
}
/* Bootstrap icon hover swap */
a > .bi-file-pdf, a > .bi-file-pdf-fill, a > .bi-file-earmark-pdf, a > .bi-file-earmark-pdf-fill, a > .bi-filetype-pdf,
a > span .bi-file-pdf, a > span .bi-file-pdf-fill, a > span .bi-file-earmark-pdf, a > span .bi-file-earmark-pdf-fill, a > span .bi-filetype-pdf {
	color: var(--bg-pdf);
	box-shadow: inset 20px 20px 20px 20px var(--bg-nav);
	transition: all 1s linear !important;
}
a > .bi-file-excel, a > .bi-file-excel-fill, a > .bi-file-earmark-excel, a > .bi-file-earmark-excel-fill, a > .bi-filetype-excel,
a > span .bi-file-excel, a > span .bi-file-excel-fill, a > span .bi-file-earmark-excel, a > span .bi-file-earmark-excel-fill, a > span .bi-filetype-excel {
	color: var(--bg-exl);
	box-shadow: inset 20px 20px 20px 20px var(--bg-nav);
	transition: all 1s linear !important;
}
a:hover .bi-file-pdf::before {
	content: "\f63f" !important;
	transition: all 1s linear !important;
}
a .bi-link-45deg::before {
	transform: rotate(0deg);
	transition: all 0.1s linear !important;
}
a:hover .bi-link-45deg::before {
	transform: rotate(45deg);
	transition: all 0.1s linear !important;
}
a .bi-search::before {
	transform: rotate(0deg);
	transition: all 0.1s linear !important;
}
a:hover .bi-search::before {
	transform: rotate(90deg);
	transition: all 0.1s linear !important;
}
#officelocationsbody .shift * a[aria-expanded="true"], #online-servicesbody .shift * a[aria-expanded="true"], #admin-servicesbody .shift * a[aria-expanded="true"] {
	content: "\f22c" !important;
	width: 99.8% !important;
	box-shadow: inset 0px -5rem 0px 0px var(--bg-cc), 0px 1px 0px 0px var(--bg-ylw);
	color: var(--bg-wht);
	font-weight: bold;
	transition: all 1s linear !important;
	margin: 10px 0px;
	transition: all 0.15s ease-in-out !important;
}
#officelocationsbody .shift * a[aria-expanded="true"] .bi-caret-down-fill::before, #online-servicesbody .shift * a[aria-expanded="true"] .bi-caret-down-fill::before {
	content: "\f22c" !important;
	transition: all 1s linear !important;
}
a:hover .bi-caret-down-fill::before {
	content: "\f22c" !important;
}
.img-thumbnail {
	border-radius: 0 !important;
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
	border-top-left-radius: 0 !important;
}

/* --------------------------------YOUTUBE/VIDEO STYLE(S)-------------------------------- */

a.video-cover:hover {color: var(--bg-cc-alt); transition: all 0.15s ease-in-out !important;}
video {max-width: 100%; height: auto;}
.video-container {overflow: hidden; position: relative;}
.video-container::after {padding-top: 56.25%; display: block; content: '';}
.video-container iframe {width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.youtube-player {
	max-width: 100%;
	height: 0;
	position: relative;
	padding-bottom: 56.25%;
	overflow: hidden;
	border: 1px var(--bg-gry) solid;
}
.youtube-player iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	background: transparent;
}
.youtube-player img {
	width: 100%;
	height: 75%;
	object-fit: fill;
	display: block;
	position: absolute;
	top: -10%;;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	border: none;
	cursor: pointer;
	-webkit-transition: 0.4s all;
	-moz-transition: 0.4s all;
	transition: 0.4s all;
}
.youtube-player img:hover {-webkit-filter: brightness(75%);}
.youtube-player .play {
	height: 75px;
	width: 75px;
	left: 50%;
	top: 50%;
	margin-left: -36px;
	margin-top: -36px;
	position: absolute;
	background: url('../images/play-button.png') no-repeat;
	cursor: pointer;
}
@media screen and (min-width: 990px) {
	.video-container {max-width:1000px;}
}
@media screen and (max-width: 990px) {
	#videocarousel .card {min-height: 400px;}
}

/* --------------------------------POPOVER/HOTSPOT STYLE(S)-------------------------------- */

.popover[data-popper-placement="bottom"] .popover-arrow::before,
.popover[data-popper-placement="bottom"] .popover-arrow::after {
	border-bottom-color: var(--bs-popover-header-bg);
}
.popover-header {
	padding: 5px 10px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.popover-body {
	min-height: 50px;
	padding: 5px 10px;
	display: flex;
	align-items: center !important;
	justify-content: center !important;
}
.popover-cc {
  --bs-popover-max-width: 500px;
  --bs-popover-border-color: var(--bg-cc);
  --bs-popover-header-bg: var(--bg-cc);
  --bs-popover-header-color: var(--bs-white);
  --bs-popover-body-padding-x: 1rem;
  --bs-popover-body-padding-y: .5rem;
  box-shadow: 0 0.55rem 0.55rem var(--bg-blk-25) !important;
}
.popover-cc-nav {
  --bs-popover-max-width: 500px;
  --bs-popover-border-color: var(--bg-cc-nav);
  --bs-popover-header-bg: var(--bg-cc-nav);
  --bs-popover-header-color: var(--bs-white);
  --bs-popover-body-padding-x: 1rem;
  --bs-popover-body-padding-y: .5rem;
	box-shadow: 0 0.55rem 0.55rem var(--bg-blk-25) !important;
}
.popover-grn {
  --bs-popover-max-width: 500px;
  --bs-popover-border-color: var(--bg-grn);
  --bs-popover-header-bg: var(--bg-grn);
  --bs-popover-header-color: var(--bs-white);
  --bs-popover-body-padding-x: 1rem;
  --bs-popover-body-padding-y: .5rem;
	box-shadow: 0 0.55rem 0.55rem var(--bg-blk-25) !important;
}
.popover-ylw {
  --bs-popover-max-width: 500px;
  --bs-popover-border-color: var(--bg-gry);
  --bs-popover-header-bg: var(--bg-ylw);
  --bs-popover-header-color: var(--bg-cc);
  --bs-popover-body-padding-x: 1rem;
  --bs-popover-body-padding-y: .5rem;
	box-shadow: 0 0.55rem 0.55rem var(--bg-blk-25) !important;
}
.hotspot {
	padding: 5px;
	box-shadow: 0px 0px 0 0 var(--bg-grn);
	transition: all 0.15s ease-in-out;
}
.hotspot:hover {
	box-shadow: 0px 0px 1px 4px var(--bg-grn);
	transition: all 0.2s ease-in-out;
}

/* --------------------------------TAB STYLE(S)-------------------------------- */

.nav-tabs {transition: all 0.15s ease-in-out; z-index: 100;}
.nav-pills > .nav-link {min-width: 100px; box-shadow: none; transition: all 0.15s ease-in-out;}
.nav-pills .nav-link.active {pointer-events: none;}
.nav-pills .nav-item .nav-link, .nav-pills .nav-link {
	background-color: var(--bg-wht-90);
	margin: 0 0 0.25rem 0;
	color: var(--bg-cc-nav);
	box-shadow: inset 0 0px 0px 1px var(--bg-cc);
	transition: all 0.15s ease-in-out;
}
.nav-pills .nav-item .nav-link:hover {
	background: var(--bg-wht);
	box-shadow: inset 0 0px 0px 2px var(--bg-cc);
	transition: all 0.15s ease-in-out;
}
.nav-pills .nav-item .nav-link {margin-right: 5px;}
.nav-tabs .nav-link {
	box-shadow: none;
	border-bottom: 1px transparent solid !important;
	transition: all 0.15s ease-in-out;
}
.nav-tabs .nav-link:hover {
	color: var(--bg-grn) !important;
	border-bottom: 1px var(--bg-gry) solid !important;
	transition: all 0.15s ease-in-out;
}
.nav-tabs .nav-link.active {
	color: var(--bg-ylw) !important;
	font-weight: bold;
	pointer-events: none;
}
.tab-content {
	height: 100%;
	/*display: flex;*/
	/*position: fixed;*/
	overflow-y: auto;
	overflow-x: hidden;
}
.tab-content > .tab-pane {
  width: 100%;
	visibility: hidden;
	margin-right: -100%;
	/*border: 1px solid var(--bg-cc);*/
	/*padding: 0 0.75rem 0.75rem 0.75rem;*/
}
.tab-content > .tab-pane dl.row:nth-child(odd) {
  background: var(--bg-nav);
}
.directory .tab-content > .tab-pane {
  width: 100%;
	visibility: hidden;
	margin-right: -100%;
	border: 1px solid var(--bg-gry);
	padding: 0 0.75rem 0.75rem 0.75rem;
}
.tab-content > .active {
	height: auto;
	/*margin-bottom: 28vh;*/
	/*min-height: 650px;*/
	/*position: fixed;*/
	overflow-y: auto;
	overflow-x: hidden;
  visibility: visible;
}
.h-tabs .nav-link.active {
	background: var(--bg-ylw);
	color: var(--bg-cc);
	box-shadow: inset 0 0px 0px 2px var(--bg-cc);
	z-index: 100;
}
.h-tabs .tab-pane.active {box-shadow: 0 -0.5rem 1rem rgba(0,0,0,.10)!important;}
.tab-content > .tab-pane p:last-child {margin-bottom: 0 !important;}
.vPillTabs .nav-pills button {
	margin: 0.25rem 0;
	background: rgb(222 226 230 / 75%);
	/*background: var(--bg-gry-90);*/
	background-image: var(--bs-gradient) !important;
	color: var(--bg-cc);
	line-height: 1em !important;
	box-shadow: inset 0px 0px 0px 1px var(--bg-cc-90);
	transition: all 0.15s ease-in-out;
}
.vPillTabs .nav-pills button.active {
	color: var(--bg-cc);
	opacity: 1;
	font-weight: bold;
	background: var(--bg-ylw) !important;
	background-image: var(--bs-gradient) !important;
	box-shadow: inset 0px 0px 0px 2px var(--bg-cc);
}
.vPillTabs .nav-pills button:hover {
	color: var(--bg-cc);
	opacity: 1;
	box-shadow: inset 0px 0px 0px 2px var(--bg-cc-90);
	transition: all 0.2s ease-in-out;
}
.vPillTabs a.stretched-link {
	width: 100%;
	height: 100%;
	color: var(--bg-cc-nav);
	box-shadow: inset 0px 0px 0px 0px var(--bg-ylw), 0px 0px 0px 0px var(--bg-cc);
	transition: all 0.15s ease-in-out;
}
.vPillTabs a.stretched-link:hover {
	color: var(--bg-cc);
	/*box-shadow: none;*/
	transition: all 0.15s ease-in-out;
}
.vPillTabs .card a.stretched-link:hover {
	color: var(--bg-nav);
	box-shadow: inset 0px -15rem 0px 0px var(--bg-cc-90), 0px 1px 0px 0px var(--bg-ylw);
	transition: all 0.15s ease-in-out;
}
.vPillTabs.directory {
	/*height: 100%;*/
	/*background: var(--bg-wht);*/
	position: relative;
}
.vPillTabs.directory .tab-content > .active {
	height: auto;
	margin-bottom: 28vh;
	/*min-height: 650px;*/
	/*position: fixed;*/
	overflow-y: auto;
	overflow-x: hidden;
  visibility: visible;
}
.vPillTabs {background: transparent;}
/* --------------------------------CHART STYLE(S)-------------------------------- */

.chart {color: rgba(0,0,0,.9);}

/* --------------------------------FAQ STYLE(S)-------------------------------- */

.faqs, .faqs .brdr-cc {position: relative; z-index: 10;}
.faqs > * .bi {margin-right: 1.5rem;}
.faq-cat {width: 95%; margin-bottom: 5px; margin-left: 1rem;}

/* --------------------------------CUSTOM STYLE(S)-------------------------------- */

/*.alertrow, .dptalert {display: none;}*/
.align-items-top {flex-start;}
.alertrow.active {display: flex;}
.d-contents {display: contents;}
.d-inline-grid {display: inline-grid;}
.d-table {display: table !important;}
.d-table-caption {display: table-caption;}
.transform-none {transform: none !important;}
.text-justify {text-align: justify;}
.w-min-content {width: min-content;}
.date, span.date {font-weight: bold; font-style: italic;}
/* LIVE CHAT */
#livechat-eye-catcher {
	position: fixed !important;
	right: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	z-index: 999 !important;
}
#senatelist * span.district, #houselist * span.district {
	max-width: 75px;
	min-width: 25px;
	width: 100%;
	display: inline-flex;
	align-items: center !important;
	justify-content: center !important;
	font-style: italic;
	font-weight: bold;
	color: var(--bg-red);
}
#senatelist * span.official, #houselist * span.official {
	min-width: 275px;
	width: auto;
	display: inline-flex;
	align-items: center !important;
	justify-content: flex-start !important;
	font-style: italic;
}
#senatelist * span.phone, #houselist * span.phone {
	min-width: 100px;
	width: auto;
	display: inline-flex;
	align-items: center !important;
	justify-content: flex-start !important;
	font-style: italic;
}
@media (min-width: 1px) and (max-width: 600px) {
	#senatelist * span.district, #houselist * span.district, #senatelist * span.official, #houselist * span.official, #senatelist * span.phone, #houselist * span.phone {
		display: flex;
		align-items: flex-start !important;
		justify-content: flex-start !important;
		margin-left: 10px;
	}
	#senatelist * span.phone, #houselist * span.phone {
		
	}
	#senatelist * span.phone span, #houselist * span.phone span {
		margin: 5px 0 0 0;
		padding: 5px 0 0 0;
		border-top: 1px var(--bg-blk) solid;
	}
}
.shift {transition-property: height; transition-duration: 0.1;}
.shift * a.bg-cc.show, .shift * a.bg-cc-alt.show,.shift * a.bg-blk.show, {color: var(--bg-wht) !important;}
.hotspot, .popover {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	pointer-events: all;
	cursor: pointer;
	z-index: 10000;
}
@media (min-width: 768px) and (max-width: 1199.98px) {
	.hotspots, .hotspots * .fs-5, .hotspots * .fs-6, .hotspots * li {
		font-size: calc(0.25rem + 0.75vw) !important;
	}
}
@media (min-width: 100px) and (max-width: 767px) {
	.hotspots, .hotspots * .fs-5, .hotspots * .fs-6, .hotspots * li {
		font-size: calc(0.25rem + 0.75vw) !important;
	}
}
.brdr-shadow {box-shadow: 0px 0px 0px 2px var(--bg-danger);}
.bi.icon-flipped, .fa-solid.icon-flipped {
	position: absolute;
	display: inline-block;
	transform: scaleX(-1) !important;
	-moz-transform: scaleX(-1) !important;
	-webkit-transform: scaleX(-1) !important;
	-ms-transform: scaleX(-1) !important;
}
.bi.icon-upsidedown {
	position: absolute;
	display: inline-block;
	transform: rotate(180deg) !important;
	-moz-transform: rotate(180deg) !important;
	-webkit-transform: rotate(180deg) !important;
	-ms-transform: rotate(180deg) !important;
	margin-top: -10px;
}
.dptheroheader {
	background: var(--bg-nav);
	color: var(--txt-dark);
	font-weight: normal;
	position: relative;
	z-index: 999;
}
.dptheroheader .shift * a.bg-cc-grn {
	display: block;
	box-shadow: inset 0px 0px -100px -100px rgb(0 183 74 / 100%);
	background: rgb(0 183 74 / 90%);
	border: 2px var(--bg-cc) solid;
	color: var(--bg-wht);
	font-weight: normal;
	position: relative;
	line-height: normal;
	word-break: keep-all;
	transition: all 0.1s ease-in-out;
	z-index: 1;
}
.dptheroheader .shift * a.bg-cc-grn:hover {
	display: block;
	box-shadow: inset 0px 0px 100px 100px var(--bg-cc);
	border: 2px var(--bg-grn) solid;
	color: var(--bg-wht) !important;
	font-weight: bold;
	position: relative;
	transition: all 0.25s ease-in-out;
}
.dptheroheader .shift * a.bg-cc-grn: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 100px 100px var(--bg-cc);
	visibility: none;
	opacity: 0;
	z-index: -1;
	border-radius: inherit !important;
	transition: all .25s ease-in-out;
}
.dptheroheader .shift * a.bg-cc-grn:hover:after {
	height: 100%;
	opacity: 1;
	visibility: visible;
	transition: all .25s;
}
.thickwhite {
	text-shadow: 
		-1px 1px 0 var(--bg-wht),
		1px 1px 0 var(--bg-wht),
		1px -1px 0 var(--bg-wht),
		-1px -1px 0 var(--bg-wht);
}
.thickred {
	text-shadow: 
		-1px 1px 0 #dc3545,
		1px 1px 0 #dc3545,
		1px -1px 0 #dc3545,
		-1px -1px 0 #dc3545;
}
/* ============ RIBBONS ============ */
.ribbon-content {
	position: relative; 
	width: 100%; 
	height: 100px; 
	background: #F1F1F1; 
	border: 1px solid #DDD;    
}
.rbn-shadow {
	height: 100%;
	display: flex !important;
	box-shadow: 0px 10px 10px -10px var(--bg-blk-90) !important;
}
/* ============ LEFT RIBBONS ============ */
.ribbon-l {
	position: absolute;
	top: 1em;
	left: -5px;
	padding: 15px;
}
.ribbon-l:before, .ribbon-l:after {
	content: '';
	position: absolute;
	right: -9px;
	border-right: 10px solid transparent;
}
.ribbon-l:before {
	top: 0;
}
.ribbon-l:after {
	bottom: 0;
}
.ribbon-l span {
	display: block;
	font-size: 16px;
	font-weight: 600;
}
.ribbon-l.rbn-l-cc {
	background-color: var(--bg-cc);
	color: var(--bg-wht);
	border-radius: 5px 0 0 5px;
	border-left: 5px solid var(--bg-cc-nav);
}
.ribbon-l.rbn-l-cc:before {
	border-top: 30px solid var(--bg-cc);
}
.ribbon-l.rbn-l-cc:after {
	border-bottom: 30px solid var(--bg-cc);
}
.ribbon-l.rbn-l-cc-nav {
	background-color: var(--bg-cc-nav);
	color: var(--bg-ylw);
	border-radius: 5px 0 0 5px;
	border-left: 5px solid var(--bg-cc);
}
.ribbon-l.rbn-l-cc-nav:before {
	border-top: 30px solid var(--bg-cc-nav);
}
.ribbon-l.rbn-l-cc-nav:after {
	border-bottom: 30px solid var(--bg-cc-nav);
}
.ribbon-l.rbn-l-light {
	background-color: #ADB5BD;
	color: var(--txt-dark);
	border-radius: 5px 0 0 5px;
	border-left: 5px solid #5C5C5C;
}
.ribbon-l.rbn-l-light:before {
	border-top: 30px solid #ADB5BD;
}
.ribbon-l.rbn-l-light:after {
	border-bottom: 30px solid #ADB5BD;
}
.ribbon-l.rbn-l-dark {
	background-color: #131313;
	color: var(--bg-wht);
	border-radius: 5px 0 0 5px;
	border-left: 5px solid #5C5C5C;
}
.ribbon-l.rbn-l-dark:before {
	border-top: 30px solid #131313;
}
.ribbon-l.rbn-l-dark:after {
	border-bottom: 30px solid #131313;
}
.ribbon-l.rbn-l-red {
	background-color: var(--bg-red);
	color: var(--bg-wht);
	border-radius: 5px 0 0 5px;
	border-left: 5px solid #F2787D;
}
.ribbon-l.rbn-l-red:before {
	border-top: 30px solid var(--bg-red);
}
.ribbon-l.rbn-l-red:after {
	border-bottom: 30px solid var(--bg-red);
}
.ribbon-l.rbn-l-grn {
	background-color: var(--bg-grn);
	color: var(--bg-wht);
	border-radius: 5px 0 0 5px;
	border-left: 5px solid #9BE8A4;
}
.ribbon-l.rbn-l-grn:before {
	border-top: 30px solid var(--bg-grn);
}
.ribbon-l.rbn-l-grn:after {
	border-bottom: 30px solid var(--bg-grn);
}
.ribbon-l.rbn-l-orng {
	background-color: var(--bg-org);
	color: var(--txt-dark);
	border-radius: 5px 0 0 5px;
	border-left: 5px solid #FFC7A2;
}
.ribbon-l.rbn-l-orng:before {
	border-top: 30px solid var(--bg-org);
}
.ribbon-l.rbn-l-orng:after {
	border-bottom: 30px solid var(--bg-org);
}
.ribbon-l.rbn-l-ylw {
	background-color: var(--bg-ylw);
	color: var(--bg-cc-nav);
	border-radius: 5px 0 0 5px;
	border-left: 5px solid var(--bg-cc-nav-90);
}
.ribbon-l.rbn-l-ylw:before {
	border-top: 30px solid var(--bg-ylw);
}
.ribbon-l.rbn-l-ylw:after {
	border-bottom: 30px solid var(--bg-ylw);
}
/* ============ RIGHT RIBBONS ============ */
.ribbon-r {
	position: absolute;
	top: 1em;
	right: -5px;
	padding: 15px;
}
.ribbon-r:before, .ribbon-r:after {
	content: '';
	position: absolute;
	left: -9px;
	border-left: 10px solid transparent;
}
.ribbon-r:before {
	top: 0;
}
.ribbon-r:after {
	bottom: 0;
}
.ribbon-r span {
	display: block;
	font-size: 16px;
	font-weight: 600;
}
.ribbon-r.rbn-r-cc {
	background-color: var(--bg-cc);
	color: var(--bg-wht);
	border-radius: 0 5px 5px 0;
	border-right: 5px solid var(--bg-cc-nav);
}
.ribbon-r.rbn-r-cc:before {
	border-top: 30px solid var(--bg-cc);
}
.ribbon-r.rbn-r-cc:after {
	border-bottom: 30px solid var(--bg-cc);
}
.ribbon-r.rbn-r-cc-nav {
	background-color: var(--bg-cc-nav);
	color: var(--bg-ylw);
	border-radius: 0 5px 5px 0;
	border-right: 5px solid var(--bg-cc);
}
.ribbon-r.rbn-r-cc-nav:before {
	border-top: 30px solid var(--bg-cc-nav);
}
.ribbon-r.rbn-r-cc-nav:after {
	border-bottom: 30px solid var(--bg-cc-nav);
}
.ribbon-r.rbn-r-light {
	background-color: #ADB5BD;
	color: var(--txt-dark);
	border-radius: 0 5px 5px 0;
	border-right: 5px solid #5C5C5C;
}
.ribbon-r.rbn-r-light:before {
	border-top: 30px solid #ADB5BD;
}
.ribbon-r.rbn-r-light:after {
	border-bottom: 30px solid #ADB5BD;
}
.ribbon-r.rbn-r-dark {
	background-color: #131313;
	color: var(--bg-wht);
	border-radius: 0 5px 5px 0;
	border-right: 5px solid #5C5C5C;
}
.ribbon-r.rbn-r-dark:before {
	border-top: 30px solid #131313;
}
.ribbon-r.rbn-r-dark:after {
	border-bottom: 30px solid #131313;
}
.ribbon-r.rbn-r-red {
	background-color: var(--bg-red);
	color: var(--bg-wht);
	border-radius: 0 5px 5px 0;
	border-right: 5px solid #F2787D;
}
.ribbon-r.rbn-r-red:before {
	border-top: 30px solid var(--bg-red);
}
.ribbon-r.rbn-r-red:after {
	border-bottom: 30px solid var(--bg-red);
}
.ribbon-r.rbn-r-grn {
	background-color: var(--bg-grn);
	color: var(--bg-wht);
	border-radius: 0 5px 5px 0;
	border-right: 5px solid #9BE8A4;
}
.ribbon-r.rbn-r-grn:before {
	border-top: 30px solid var(--bg-grn);
}
.ribbon-r.rbn-r-grn:after {
	border-bottom: 30px solid var(--bg-grn);
}
.ribbon-r.rbn-r-orng {
	background-color: var(--bg-org);
	color: var(--txt-dark);
	border-radius: 0 5px 5px 0;
	border-right: 5px solid #FFC7A2;
}
.ribbon-r.rbn-r-orng:before {
	border-top: 30px solid var(--bg-org);
}
.ribbon-r.rbn-r-orng:after {
	border-bottom: 30px solid var(--bg-org);
}
.ribbon-r.rbn-r-ylw {
	background-color: var(--bg-ylw);
	color: var(--bg-cc-nav);
	border-radius: 0 5px 5px 0;
	border-right: 5px solid var(--bg-cc-nav-90);
}
.ribbon-r.rbn-r-ylw:before {
	border-top: 30px solid var(--bg-ylw);
}
.ribbon-r.rbn-r-ylw:after {
	border-bottom: 30px solid var(--bg-ylw);
}

div.bg-white * a.trackmyballot {
	color: var(--bg-cc) !important;
	padding: 0 !important;
	transition: all 0.15s ease-in-out;
}
div.bg-white * a.trackmyballot:hover {
	color: var(--bg-grn) !important;
	transition: all 0.2s ease-in-out;
}
.signature-pad {
	max-width: 400px;
	width: 100%;
	height: 80px;
}
.word-break-keep-all {
	word-break: keep-all;
	word-wrap: normal;
}
.resize-v {
	overflow-y: scroll;
	resize: vertical;
}
.resize-h {
	overflow-x: scroll;
	resize: horizontal;
}
section.servicecenters * .card .card-header {
	background-image: url('https://sandbox.charlestoncounty.org/be/departments/environmental-management/images/res-map-lg.webp');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.fb-page span {margin: 0 auto !important; display: flex !important;}
.fb-page span iframe {width: 100% !important;}
.iframe-container {
  height: 100%;
	display: flex;
  flex-direction: column;
	overflow: auto;
}
.responsive-iframe {
	display: flex;
	width: 100%;
	height: 110vh;
	flex-direction: column;
	background-color: var(--bg-wht);
	overflow: hidden;
}
@media (min-height: 1000px) and (max-height: 2000px) {
	.responsive-iframe {
		min-height: 65vh;
	}
}
iframe#boards_and_commissions {
	flex-grow: 1;
	border: none;
	margin: 0;
	padding: 0;
}
.sidebar-tag .hazardous.active, .sidebar-tag .tours.active, .sidebar-tag .events.active, .sidebar-tag .greening.active, .sidebar-tag .composting.active, .sidebar-tag .multifamily.active, .sidebar-tag .business.active, .sidebar-tag .residential.active, .sidebar-tag .waste.active, .sidebar-tag .gardens.active, .sidebar-tag .support.active, .sidebar-tag .links.active, .sidebar-tag .cafe.active, .sidebar-tag .lunch.active {
	pointer-events: none;
	box-shadow: inset 0px -10rem 0px 0px var(--bg-ylw), 0px 0px 0px 0px var(--bg-cc-alt);
	color: #0052A3;
	text-decoration: none !important;
	transition: all 0.2s ease-in-out;
}
.row .achievements .card > .row {background-position: center;}
a.facebook {
	color: #4267B2 !important;
	padding: 0;
	box-shadow: inset 0px 0px 2px 25px rgb(248 249 250 / 5%) !important;
	transition: all 0.15s ease-in-out;
}
a.facebook:hover {
	background: #4267B2 !important;
	color: var(--bg-wht) !important;
	text-decoration: none !important;
	transform: scale(1.3);
	transition: all 0.2s ease-in-out;
}
@media (min-width: 1851px) {}
@media screen and (max-width: 1850px) {}
@media screen and (min-width: 1850px) {}
@media screen and (max-width: 1400px) {}
@media (min-width: 700px) and (max-width: 992px) {}
@media (min-width: 0px) and (max-width: 700px) {}

/* --------------------------------DATATABLES STYLE(S)-------------------------------- */

table.dataTable tbody th, table.dataTable tbody td {
	padding: 5px 2px !important;
	overflow-wrap: anywhere;
}
#mie-forms.dataTable tbody th, #mie-forms.dataTable tbody td {
	padding: 5px !important;
	overflow-wrap: anywhere;
}
#mie-forms.dataTable thead th {
	padding-right: 5px !important;
	padding-left: 20px !important;
}
.dataTables_wrapper {border-radius: 0.5rem;}
.dataTables_filter, .dataTables_wrapper {
	margin-top: 0 !important;
	/*background: var(--bg-blk);
	background-color: var(--bg-blk) !important;*/
}
.dataTables_filter, .dataTables_info {
	background: transparent !important;
	width: 100%;
	padding: 10px;
	border-radius: 0 !important;
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
	border-top-left-radius: 0 !important;
	border-bottom: 1px solid var(--bg-blk);
}
.dataTables_wrapper .dataTables_filter input {
	color: var(--txt-dark) !important;
	background-color: var(--bg-wht) !important;
	border: 1px solid var(--bg-gry) !important;
	border-radius: 0 !important;
	/*background-color: var(--bg-gry);*/

}

.dataTables_info {
	width: 100%;
	padding: 10px;
}
.dataTables_filter label {
	width: 100%;
	text-align: center;
	font-weight: bold;
}
.dataTables_filter input {
	width: 100%;
	max-width: 500px;
	min-width: 200px;
	margin-left: 5px !important;
	border-color: rgba(var(--bs-secondary-rgb),var(--bs-border-opacity))!important;
	background: var(--bg-wht);
	background-color: var(--bg-wht) !important;
}
.dataTables_filter label::before {
	content: "\f52a" !important;
	font-family: "bootstrap-icons";
	margin-right: 5px;
	display: inline-flex;
	justify-content: center!important;
	align-items: center!important;
}
table.dataTable thead th {padding-left: 20px !important;}
table.dataTable thead th.pdf::before,
table.dataTable thead th.doc::before,
table.dataTable thead th.pdf::after,
table.dataTable thead th.doc::after {
	display: none !important;
}
table.dataTable th.sorting:before, table.dataTable th.sorting:after {
	right: inherit !important;
	left: 5px;
	text-align: left;
}

/* --------------------------------CAPTCHA STYLE(S)-------------------------------- */

#errorred {background-color: var(--bg-red) !important; background-image: var(--bs-gradient) !important;}
#errorgreen {background-color: var(--bg-grn) !important; background-image: var(--bs-gradient) !important;}

/* --------------------------------CHATBOT STYLE(S)-------------------------------- */

#chat-widget-container {
	width: 100% !important;
	max-width: 300px !important;
	right: 10px !important;
}

/* --------------------------------FONT SIZES STYLE(S)-------------------------------- */

/*
@media (min-width: 1200px) and (max-width: 3000px) {
	.h1, h1 {font-size: calc(2rem + 2vw);}
	.h2, h2 {font-size: calc(1.75rem + 1.75vw);}
	.h3, h3 {font-size: calc(1.35rem + 1.35vw);}
	.h4, h4 {font-size: calc(1.25rem + 1.25vw);}
	.h5, h5, .h6, h6 {font-size: calc(1.15rem + 1.15vw);}
	p, p *, li, li *, a, a *  {font-size: calc(1rem + 1vw);}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.h1, h1 {font-size: calc(1.75rem + 1.75vw);}
	.h2, h2 {font-size: calc(1.55rem + 1.55vw);}
	.h3, h3 {font-size: calc(1.25rem + 1.25vw);}
	.h4, h4 {font-size: calc(1.15rem + 1.15vw);}
	.h5, h5, .h6, h6 {font-size: calc(1.1rem + 1.1vw);}
	p, p *, li, li *, a, a *  {font-size: calc(1rem + 1vw);}
}
*/
@media (min-width: 100px) and (max-width: 500px) {
	table th, .table th {
		font-size: calc(0.5rem + 1.0vw);
	}
	.dataTables_wrapper .dataTables_filter input {
		min-width: auto;
		margin-left: 0 !important;
		padding: 0 !important;
	}
	.dataTables_wrapper .dataTables_filter {
		padding-right: 0;
		padding-left: 0;
	}
}

/* --------------------------------PRINT STYLE(S)-------------------------------- */

@media print {
	header, .widget, .sidepanel, #btn-back-to-top, footer {
		display: none !important;
	}
	.section-p-spacing, .section-m-spacing, .sectionspacing {margin: 0 !important; padding: 0 !important;}
	h1, h2, h3, h4, h5, h6 {font-size: 20pt !important; color: var(--txt-dark) !important;}
	#printMe * p {font-size: 15pt !important; color: var(--txt-dark) !important;}
	fieldset {}
	legend {color: var(--txt-dark) !important;}
	input {
		font-size: inherit !important;
		padding: 0px 0px 0px 5px !important;
		overflow: visible;
		overflow-wrap: break-word;
		white-space: normal !important;
		word-wrap: break-word !important;
		word-break: break-all;
		flex-wrap: wrap;
		display: block;
	}
	input[type=button] {padding: 5px 10px !important; text-align: center !important; color: #ccc !important; border: 1px #ccc solid !important;}
}




.feature.col {text-align: left;}
div.feature p {margin-bottom: 0; line-height: 1.25;}
.feature-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
	margin-right: 0.5rem;
	float: left;
  /*margin-bottom: 1rem;*/
  font-size: 2rem;
  color: #fff;
	border: 1px solid var(--bg-blu-25);
  border-radius: .75rem;
}
.icon-square {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  font-size: 1.5rem;
  border-radius: .75rem;
}
.featured * .card, .featured * .card a, .bevrfeatured * .card a {display: block; color: var(--bg-blk);}
.card-footer > .featured * .card:hover {box-shadow: 0 0.25rem 0.25rem var(--bg-blk-25);}
.featured * .card, .bevrfeatured * .card {background: var(--bg-cc-nav-5); border-color: var(--bg-blu-25); padding: 1.5rem; position: relative !important;}
.featured .bg-cc-folder, .featured .card-body {
	min-height: 65px;
	height: auto;
	background: #F1D592;
	padding: 5px;
	color: var(--bg-wht);
	line-height: 1.3em;
	align-content: center;
	align-items: center;
	border-radius: var(--rounded-1);
	border-color: #4E3F1A !important;
	border-style: dashed !important;
	box-shadow: 0 0 0 4px #F1D592, 0px 2px 3px 3px rgb(10 10 0 / 50%);
}
.featured .bg-cc-folder * a, .featured .card-body * a {
	color: var(--bg-blk) !important;
	text-decoration: none;
	box-shadow: none;
	text-align: center !important;
	transition: all 0.20s ease-in-out;
}
.featured .bg-cc-folder:hover * a {
	color: var(--bg-cc) !important;
	transition: all 0.15s ease-in-out;
}
.featured * .card:hover, .bevrfeatured * .card:hover {
	background: var(--bg-nav) !important;
	border-color: var(--bg-blu-75) !important;
	transition: all 0.15s ease-in-out;
}
.featured .card:hover * span i, .featured .card:hover * .vr {
	color: var(--bg-blu) !important;
	transition: all 0.15s ease-in-out;
}
.featured .card:hover * vr {
	background-color: var(--bg-blu) !important;
	transition: all 0.15s ease-in-out;
}
.featured .card .card-title div {
	background-image: url('../images/bgs/bg-txtr.jpg') !important;
	background-position: left top;
	background-repeat: repeat;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 5px;
	padding-bottom: 0;
	border-radius: 1rem 1rem 0 0 !important;
	box-shadow: 0px 10px 10px 0px var(--bg-blk-50) !important;
	transition: all 0.15s ease-in-out;
}
.featured .card:hover .card-title div {
	margin-top: -15px;
	margin-bottom: -15px;
	padding-top: 20px;
	padding-bottom: 15px;
	transition: all 0.2s ease-in-out;
}
.featured .card .card-title div span {
	display: block;
	margin-top: 0 !important;
	margin-bottom: -5px;
	padding-top: 0;
	padding-bottom: 0;
	font-family: "Oswald", sans-serif, var(--bs-body-font-family), sans-serif;
	transition: all 0.15s ease-in-out;
}
.featured .card:hover .card-title div span {
	display: block;
	margin-top: 0;
	margin-bottom: -5px;
	padding-top: 0;
	padding-bottom: 0;
	transform: translate(0, -5px);
	transition: all 0.15s ease-in-out;
}
.featured .card .card-title div .bi {
	margin-top: 0;
	padding-top: 0;
	padding-bottom: 0;
	transition: all 0.15s ease-in-out;
}
.featured .card:hover .card-title div .bi {
	margin-top: -15px;
	padding-bottom: 15px;
	display: inline-block;
	font-family: "Oswald", sans-serif, var(--bs-body-font-family), sans-serif;
	transition: all 0.2s ease-in-out;
}
.featured .card .card-title {
	margin: 0px;
	transform: translate(0, 30px);
	transition: all 0.2s ease-in-out;
	z-index: -10;
}
.featured .card:hover .card-title {
	margin-bottom: 0px;
	transform: translate(0, 15px);
	transition: all 0.2s ease-in-out;
}
@media (max-width: 768px) {
	.featured .card:hover .card-title {
		margin-top: 0;
	}
}

.tablerow {border-radius: var(--rounded-4); border-color: var(--bg-blu-25) !important;}
.tablerow .col-12.headerrow {background: var(--bg-cc-nav-10) !important; background-image: var(--cc-gradient) !important; margin: 0; border-radius: var(--rounded-4) var(--rounded-4) 0 0 !important;}
.tablerow .col-12 .headerrow {background: transparent !important;}
.tablerow .col-12.colheader {background: transparent !important;}
.tablerow .row-hover .col-12 {background: transparent !important; font-size: .875em;}
.tablerow .col-12:last-child {border-radius: 0 0 var(--rounded-4) var(--rounded-4);}
.tablerow .row-hover .col-12:last-child {background: transparent !important;}
.tablerow .col-12.headerrow {background: var(--bg-gry) !important;}
.tablerow .col-12:nth-child(odd) {background: var(--bg-wht);}
.tablerow .col-12:nth-child(even), .tablerow .col-12 .row-hover:nth-child(even) {background: var(--bg-nav);}
.tablerow .col-12 .row-hover:nth-child(odd) {background: transparent; border-top: 1px solid var(--bg-gry);}
.tablerow .col-12 .row-hover td.posted {font-size: 0.9rem;}
.row.row-hover {
	padding: 1rem 0;
	line-height: initial;
	transition: all 0.1s ease-in-out;
}
.table-hover > tbody > tr:hover > th, .row.row-hover:hover {
	background-color: var(--bg-ylw-50) !important;
	color: var(--bg-cc);
	box-shadow: none;
	transition: all 0.15s ease-in-out;
}
.table-hover > tbody > tr:hover > td {
	background-color: var(--bg-ylw-90) !important;
	color: var(--bg-cc);
	box-shadow: none !important;
	transition: all 0.15s ease-in-out;
}
.table-hover > tbody > tr:hover * a:hover {
	background: transparent;
	/*box-shadow: inset 0px -50em 0px 0px var(--bg-cc-nav-90), 0px 1px 0px 0px var(--bg-cc);*/
	color: var(--bg-cc-nav);
	border-radius: inherit;
	transition: all 0.15s ease-in-out;	
}