@charset "utf-8";
@font-face {
	font-family: 'Atkinson Hyperlegible'; /* Replace with your font's name */
	src: url('https://www.charlestoncounty.gov/fonts/Atkinson_Hyperlegible/atkinson-hyperlegible-regular.woff2') format('woff2'), /* Replace with your font file and format */
}

@font-face {
	font-family: 'Oswald'; /* Replace with your font's name */
	src: url('https://www.charlestoncounty.gov/fonts/Oswald/oswald-regular.woff2') format('woff2'), /* Replace with your font file and format */
}

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

:root {
	/* --- BACKGROUND COLORS --- */
	--bg-blk: 					#3C3C3C;
	--bg-blk-10: 				rgb(60 60 60 / 10%);
	--bg-blk-25: 				rgb(60 60 60 / 25%);
	--bg-blk-50: 				rgb(60 60 60 / 50%);
	--bg-blk-75: 				rgb(60 60 60 / 75%);
	--bg-blk-90: 				rgb(60 60 60 / 90%);
	--bg-blu: 					#3CADB5;
	--bg-blu-10:     		#E5F2F4;
	--bg-blu-25:     		#C9E6E9;
	--bg-blu-50:     		#99D3D7;
	--bg-blu-75:     		#6BBFC6;
	--bg-blu-90:     		#4EB4BB;	
	--bg-cc: 						#00405F;
	--bg-cc-10:     		rgb(0 64 95 / 10%);
	--bg-cc-25:     		rgb(0 64 95 / 25%);
	--bg-cc-50:     		rgb(0 64 95 / 50%);
	--bg-cc-75:     		rgb(0 64 95 / 75%);
	--bg-cc-90:     		rgb(0 64 95 / 90%);
	--bg-cc-alt: 				#007CC3;
	--bg-cc-alt-10: 		rgb(0 124 195 / 10%);
	--bg-cc-alt-25: 		rgb(0 124 195 / 25%);
	--bg-cc-alt-50: 		rgb(0 124 195 / 50%);
	--bg-cc-alt-75: 		rgb(0 124 195 / 75%);
	--bg-cc-alt-90: 		rgb(0 124 195 / 90%);
	--bg-cc-nav: 				#19526E;
	--bg-cc-nav-0:     	rgb(25 82 110 / 0%);
	--bg-cc-nav-2:     	#FAFBFC;
	--bg-cc-nav-3:     	#F3F6F7;
	--bg-cc-nav-5:     	#ECF0F3;
	--bg-cc-nav-10:     #DDE5EB;
	--bg-cc-nav-15:     #D8E1E8;
	--bg-cc-nav-25:     #C0CFD7;
	--bg-cc-nav-50:     rgb(25 82 110 / 50%);
	--bg-cc-nav-75:     #507A90;
	--bg-cc-nav-90:     rgb(25 82 110 / 90%);
	--bg-danger: 				#DC3545;
	--bg-dgrn: 					#4B6D22;
	--bg-exl: 					#117A40;
	--bg-frm: 					#F1D592;
	--brdr-frm: 				rgb(231 187 115 / 100%);
	--bg-grn: 					#00B74A;
	--bg-grn-alt: 			#005221;
	--bg-grn-10: 				rgb(0 183 74 / 10%);
	--bg-grn-25: 				rgb(0 183 74 / 25%);
	--bg-grn-50: 				rgb(0 183 74 / 50%);
	--bg-grn-75: 				rgb(0 183 74 / 75%);
	--bg-grn-90: 				rgb(0 183 74 / 90%);
	--bg-envgrn: 				#175111;
	--bg-envgrn-alt: 		#00B74A;
	--bg-envgrn-10: 		rgb(23 81 17 / 10%);
	--bg-envgrn-25: 		rgb(23 81 17 / 25%);
	--bg-envgrn-50: 		rgb(23 81 17 / 50%);
	--bg-envgrn-75: 		rgb(23 81 17 / 75%);
	--bg-envgrn-90: 		rgb(23 81 17 / 90%);
	--bg-gry: 					#CED4DA;
	--bg-gry-10:  			rgb(206 212 218 / 10%);
	--bg-gry-25:  			#E6EBEF;
	--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-0:     		rgb(243 244 245 / 0%);
	--bg-nav-3:     		rgb(243 244 245 / 3%);
	--bg-nav-5:     		rgb(243 244 245 / 5%);
	--bg-nav-10:     		rgb(243 244 245 / 10%);
	--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-trq: 					#38A1A8;
	--bg-trq-drk: 			#29757A;
	--bg-white:  				#FFFFFF;
	--bg-wht:  					#F8F9FA;
	--bg-wht-10: 				rgb(248 249 250 / 10%);
	--bg-wht-25: 				rgb(248 249 250 / 25%);
	--bg-wht-50: 				rgb(248 249 250 / 50%);
	--bg-wht-75: 				rgb(248 249 250 / 75%);
	--bg-wht-90: 				rgb(248 249 250 / 90%);
	--bg-ylw: 					#FFE9A2;
	--bg-ylw-hl: 				#FFFF33;
	--bg-ylw-10: 				#F5F3ED;
	--bg-ylw-25: 				#F6F2E1;
	--bg-ylw-50: 				#F9EFCC;
	--bg-ylw-75: 				#FCECB7;
	--bg-ylw-90: 				#FEEAAA;
	--bs-gradient:      linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
	--cc-gradient:      linear-gradient(180deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.15));
	/* --- TEXT COLORS --- */
	--contrast-color: 	#BF307F;
	--secondary-color: 	#151226;
	--txt-drk: 					#212529;
	/* --- SOCIAL COLORS --- */
	--vimeo: 						#1AB7EA;
	--facebook: 				#4267B2;
	--instagram: 				#CC2366;
	--nextdoor:     		#8ED500;
	--reddit: 					#ff4500;
	--spotify:     			#1ED760;
	--twitter: 					#1DA1F2;
	--twitterx: 				#3C3C3C;
	--youtube: 					#FF0000;
	--linkedin: 				#0077B5;
	--quickmenubg: 			rgb(25 82 110 / 75%);
	--rounded-circle: 	10rem;
	--rounded-4: 				0.5rem;
	--rounded-3: 				0.25rem;
	--rounded-2: 				0.2rem;
	--rounded-1: 				0.1rem;
	--navbarMinHeight: 	69px;
	--navbarMarginTop: 	42px;
}
*,
*::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);
	background: var(--bg-ylw-hl);
	-webkit-text-fill-color: var(--bg-cc);
}
.z-index-0 {z-index: 0;}
.z-index-1 {z-index: 1;}
.z-index-10 {z-index: 10;}
:focus-visible, .vPillTabs .nav-pills button.active:focus-visible, :focus-visible:hover, footer .social :focus-visible, #topwidget :focus-visible, #topwidget :focus-visible:hover, .navbar-toggler:focus {
	content: "";
	outline: 2px dashed var(--bg-grn) !important;
  outline-offset: 6px !important;
	color: var(--bg-cc) !important;
	background: var(--bg-wht) !important;
	background-color: var(--bg-wht) !important;
	box-shadow: 0px 0px 0px 2px var(--bg-wht), 0px 0px 0px 4px var(--bg-grn), 0px 0px 7px 7px  var(--bg-wht), 0px 0px 10px 7px  var(--bg-blk-50) !important;
	border-radius: 0.25rem !important;
	transition: all 0.15s ease-in-out;
	z-index: 1;
}
.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-nav);
	overflow-x: hidden;
	word-break: break-word;
	scroll-behavior: smooth !important;
	-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
html.noscroll #topwidget_row, body.noscroll #topwidget_row {padding-right: 15px;}

body {
	width: 100% !important;
	height: auto !important;
	background: var(--bg-wht-90);
	padding: 0 !important;
	/*font-family: "Atkinson Hyperlegible", "Open Sans", sans-serif;*/
	font-family: "Roboto Condensed", sans-serif;
	/*font-family: 'Atkinson Hyperlegible', var(--bs-body-font-family), sans-serif;*/
	scroll-behavior: smooth;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	font-size: 1.2rem;
	position: relative;
	overflow: hidden;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-weight: bold;
	text-align: start;
	/*font-family: "Atkinson Hyperlegible", "Open Sans", sans-serif;*/
	font-family: "Roboto Condensed", sans-serif;
	color: var(--bg-cc-nav);
}
h1, h2, h3, .h1, .h2, .h3 {
	letter-spacing: 2px;
}
h4, h5, h6, .h4, .h5, .h6 {letter-spacing: 1px;}
h6, .h6, .fs-6 {font-size: 1.2rem;}

h2.h1, h3.h1, h4.h1 {margin-bottom: 1.5rem;}
@media (min-width: 1200px) {
	h1.h1, h2.h1, div.contact h3, h3.h1 {font-size: 3rem;}
	h3.h2, h4.h2 {font-size: 2.25rem}
	h4.h3 {font-size: 2rem}
}
@media (max-width: 700px) {
	h2.h1, div.contact h3 {font-size: 2.25rem;}
	h3.h2, h4.h2 {font-size: 1.8rem}
}

h1.border-bottom, h2.border-bottom {margin-bottom: 0.5rem;}
h3.border-bottom, h4.border-bottom, h5.border-bottom, h6.border-bottom {margin-bottom: 0.5rem;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, p, a, li, span {overflow-wrap: break-word;}
h1, h2, h3, h4, h5, h6 {color: var(--bg-cc-nav);}
p, li {color: var(--bg-blk);}
.text-justify {text-align: start !important;}
.notice .h1, .notice .h2, .notice .h3, .notice .h4, .notice p, .notice ul li {color: var(--bg-wht);}
h1.border-bottom, h2.border-bottom {padding-bottom: 0.75rem;}
h3.border-bottom, h4.border-bottom, h5.border-bottom, h6.border-bottom {padding-bottom: 0.75rem;}
img.rounded-top-0 {border-radius: 0 0 var(--rounded-3) var(--rounded-3) !important;}
img.rounded-bottom-0 {border-radius: var(--rounded-3) var(--rounded-3) 0 0 !important;}
.fs-1, .fs-2, .fs-3, .fs-4, .fs-5, .fs-6 {/*font-family: "Atkinson Hyperlegible", "Open Sans", sans-serif;*/font-family: "Roboto Condensed", sans-serif;letter-spacing: 0 !important;}
/*h1.display-5.heading, h1.display-5 {color: var(--bg-ylw); margin-bottom: 0 !important;}*/
.alt-ff {font-family: "Oswald", sans-serif, var(--bs-body-font-family), sans-serif !important; letter-spacing: 0.025rem;}
p.h5, p.h6 {margin-bottom: 1rem; line-height: 1.5;}
p.h5, span.h5 {font-size: 1.4rem;}
p.h6, span.h6 {font-size: 1.3rem;}
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;*/
}
#bg-body {
	background-color: var(--bg-wht);
	z-index: 10;
}
.txt-sm-caps {font-variant: small-caps;}
.m-1px {margin: 1px;}
.m-2px {margin: 2px;}
.p-1px {padding: 1px;}
.px-1px {padding: 0 1px;}
.p-2px {padding: 2px;}
ul li, ol li {padding: 0.25rem 0; line-height: 1.25;}
ul.disc, ol.disc {list-style: disc; list-style-type: disc;}
ul.circle, ol.circle {list-style: circle; list-style-type: circle;}
ul.square, ol.square {list-style: square; list-style-type: square;}
ul.upper-roman, ol.upper-roman {list-style: upper-roman; list-style-type: upper-roman;}
ul.lower-roman, ol.lower-roman {list-style: lower-roman; list-style-type: lower-roman;}
ul.upper-alpha, ol.upper-alpha {list-style: upper-alpha; list-style-type: upper-alpha;}
ul.lower-alpha, ol.lower-alpha {list-style: lower-alpha; list-style-type: lower-alpha;}
ul.decimal, ol.decimal {list-style: decimal; list-style-type: decimal;}
ul.text-indent {
	text-indent: -10px;
	padding-left: 1rem;
}
ul.caret {
	list-style: none;
	list-style-type: none;
	padding-left: 0.75rem;
}
ul.caret li::before {
	content: "\25B8";
	width: 15px;
	display: inline-block;
	margin-right: -1rem;
	position: relative;
	left: -1.5rem;
}
ul.caret li {padding: 0.25rem 0 0.25rem 0.5rem;}

/* --------------------------------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-envgrn, a.bg-ylw, a.bg-wht, a.bg-blk, a.bg-blu,  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-envgrn:hover, a.bg-ylw:hover, a.bg-wht:hover, a.bg-blk:hover, a.bg-blu:hover, a.bg-gry:hover, a.bg-red:hover, a.bg-form:hover, a.bg-pdf:hover {
	width: auto;
	height: 100%;
	padding: 1.25rem 1.75rem;
	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-radius: var(--rounded-circle);
	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-envgrn, 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, aa.bg-envgrn: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-envgrn,, 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-ylw-90) !important;;
	color: var(--bg-cc-nav);
	border: 2px solid var(--bg-blu-75);
}

/* --------------------------------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-inherit {color: inherit;}
.txt-transparent {color: rgb(0 0 0 / 0);}
.txt-blk {color: var(--bg-blk);}
.txt-blk-75 {color: var(--bg-blk-75);}
.txt-blk-50 {color: var(--bg-blk-50);}
.txt-blk-25 {color: var(--bg-blk-25);}
.txt-blu {color: var(--bg-blu);}
.txt-blu-90 {color: var(--bg-blu-90);}
.txt-blu-75 {color: var(--bg-blu-75);}
.txt-blu-50 {color: var(--bg-blu-50);}
.txt-blu-25 {color: var(--bg-blu-25);}
.txt-cc {color: var(--bg-cc);}
.txt-cc-alt {color: var(--bg-cc-alt);}
.txt-cc-nav, .text-dark {color: var(--bg-cc-nav) !important;}
.txt-cc-nav-90 {color: var(--bg-cc-nav-90);}
.txt-cc-nav-75 {color: var(--bg-cc-nav-75);}
.txt-cc-nav-50 {color: var(--bg-cc-nav-50);}
.txt-cc-nav-25 {color: var(--bg-cc-nav-25);}
.txt-cc-nav-10 {color: var(--bg-cc-nav-10);}
.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-envgrn {color: var(--bg-envgrn);}
.txt-exl {color: var(--bg-exl);}
.txt-fldr {color: #F1D592;}
.txt-frm {color: var(--brdr-frm);}
.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-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;
}
.txt-nextdoor {color: var(--nextdoor);}
.txt-reddit {color: var(--reddit);}
.txt-spotify {color: var(--spotify);}
.txt-twitter {color: var(--twitter);}
.txt-twitterx {color: var(--twitterx);}
.txt-youtube {color: var(--youtube);}
.txt-linkedin {color: var(--linkedin);}
.txt-otln-drk {
	text-shadow:
		1px 1px 0 var(--bg-blk), 1px -1px 0 var(--bg-blk), -1px 1px 0 var(--bg-blk), -1px -1px 0 var(--bg-blk), 1px 0px 0 var(--bg-blk), 0px 1px 0 var(--bg-blk), -1px 0px 0 var(--bg-blk), 0px -1px 0 var(--bg-blk);
}
.txt-otln-lght {
	text-shadow:
		1px 1px 0 var(--bg-nav), 1px -1px 0 var(--bg-nav), -1px 1px 0 var(--bg-nav), -1px -1px 0 var(--bg-nav), 1px 0px 0 var(--bg-nav), 0px 1px 0 var(--bg-nav), -1px 0px 0 var(--bg-nav), 0px -1px 0 var(--bg-nav);
}
.txt-shdw-drk {text-shadow: 0px -1px 1px var(--bg-blk-25), 0px 2px 3px var(--bg-blk-50);}
.txt-shdw-lght {text-shadow: 0px -1px 1px var(--bg-nav-50), 0px 2px 3px var(--bg-nav-50);}
.txt-emboss {text-shadow: 0px 3px 0px var(--bg-gry), 0px 2px 3px var(--bg-blk);}
.ffmly-page-title {font-family: "Oswald", sans-serif, var(--bs-body-font-family), sans-serif;}
.svg-twitterx {
	width: 100%;
	height: 100%;
	display: block;
	text-align: center;
}
.svg-twitterx > .bi-twitterx {
	display: inline-flex;
	background-color: rgb(35 31 32 / 0%) !important;
	background: url('../images/icons/twitter-x.svg') no-repeat;
	background-position: left center;
	background-size: contain;
	border-bottom: 0px solid var(--bg-cc-nav-25) !important;
	box-shadow: inset 0px 0px 0px var(--bg-ylw-90);
	transition: all 0.15s ease-in-out;*/
}

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

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

/* --------------------------------BG/BRDR COLOR-------------------------------- */
.cc-gradient {background-image: var(--cc-gradient) !important;}
.bs-gradient {background-image: var(--bs-gradient) !important;}
.btn.bg-vimeo:hover, .btn.bg-facebook:hover, .btn.bg-instagram:hover, .btn.bg-spotify:hover, .btn.bg-twitter:hover, .btn.bg-twitterx:hover, .btn.bg-youtube:hover, .btn.bg-linkedin:hover, .btn.bg-reddit:hover  {border-color: var(--bg-gry-90);}
section.topwidget .card a.btn.bg-vimeo, section.topwidget .card a.btn.bg-facebook, section.topwidget .card a.btn.bg-instagram, section.topwidget .card a.btn.bg-spotify, section.topwidget .card a.btn.bg-twitter, section.topwidget .card a.btn.bg-twitterx, section.topwidget .card a.btn.bg-youtube, section.topwidget .card a.btn.bg-linkedin, section.topwidget .card a.btn.bg-nextdoor, , section.topwidget .card a.btn.bg-reddit {
	padding: 0.25rem 0.5rem !important;
	border-radius: var(--rounded-circle);
	border: solid;
	border-width: 1px;
	border-color: var(--bg-gry-90);
	border-bottom: 1px solid var(--bg-gry-90) !important;
	box-shadow: none !important;
	transition: all 0.15s ease-in-out;
}
section.topwidget .card a.btn.bg-vimeo:hover, section.topwidget .card a.btn.bg-facebook:hover, section.topwidget .card a.btn.bg-instagram:hover, section.topwidget .card a.btn.bg-spotify:hover, section.topwidget .card a.btn.bg-twitter:hover, section.topwidget .card a.btn.bg-twitterx:hover, section.topwidget .card a.btn.bg-youtube:hover, section.topwidget .card a.btn.bg-linkedin:hover, section.topwidget .card a.btn.bg-nextdoor:hover, section.topwidget .card a.btn.bg-reddit:hover {
	background: var(--bg-ylw);
	background-color: var(--bg-ylw) !important;
	border: inherit;
	color: var(--bg-cc);
	border: solid;
	border-width: 1px;
	border-color: var(--bg-gry-90);
	padding: 0.35rem !important;
	transition: all 0.25s ease-in-out;
}
.bg-vimeo, a.bg-vimeo, a.btn.bg-vimeo, section.topwidget .card a.btn.bg-vimeo {background: var(--vimeo); background-color: var(--vimeo); color: var(--bg-wht); border-color: var(--vimeo) !important;}
.bg-facebook, a.bg-facebook, a.btn.bg-facebook, section.topwidget .card a.btn.bg-facebook, .card * p a.btn.bg-facebook {background: var(--facebook); background-color: var(--facebook); color: var(--bg-wht); border-color: var(--facebook) !important;}
.bg-vimeo, a.bg-vimeo, a.btn.bg-vimeo, section.topwidget .card a.btn.bg-vimeo, .card * p a.btn.bg-vimeo {background: var(--vimeo); background-color: var(--vimeo); color: var(--bg-wht); border-color: var(--vimeo) !important;}
.bg-reddit, a.bg-reddit, a.btn.bg-reddit, section.topwidget .card a.btn.bg-reddit, .card * p a.btn.bg-reddit {background: var(--reddit); background-color: var(--reddit); color: var(--bg-wht); border-color: var(--reddit) !important;}
.bg-instagram, a.bg-instagram, a.btn.bg-instagram, section.topwidget .card a.btn.bg-instagram {
	color: var(--bg-wht);
	background-color: #CC2366;
	background-image: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%) !important;
	background-size: 100%;
	border-color: var(--instagram) !important;
	-webkit-background-clip: border-box;
	-moz-background-clip: border-box;
	-webkit-text-fill-color: var(--bg-wht); 
	-moz-text-fill-color: var(--bg-wht);
	transition: all 0.15s ease-in-out;
}
.bg-instagram:hover, a.bg-instagram, a.btn.bg-instagram:hover, section.topwidget .card a.btn.bg-instagram:hover {
	color: var(--bg-cc);
	background-color: var(--bg-ylw);
	background-image: linear-gradient(45deg, var(--bg-ylw) 0%, var(--bg-ylw) 25%, var(--bg-ylw) 50%, var(--bg-ylw) 75%, var(--bg-ylw) 100%) !important;
	background-size: 100%;
	-webkit-background-clip: border-box;
	-moz-background-clip: border-box;
	-webkit-text-fill-color: var(--bg-cc); 
	-moz-text-fill-color: var(--bg-cc);
	transition: all 0.15s ease-in-out;
}
.bg-spotify, a.bg-spotify, a.btn.bg-spotify, section.topwidget .card a.btn.bg-spotify {background: var(--spotify); background-color: var(--spotify); color: var(--bg-wht); border-color: var(--spotify) !important;}
.bg-twitter, a.bg-twitter, a.btn.bg-twitter, section.topwidget .card a.btn.bg-twitter {background: var(--twitter); background-color: var(--twitter); color: var(--bg-wht); border-color: var(--twitter) !important;}
.bg-twitterx, a.bg-twitterx, a.btn.bg-twitterx, section.topwidget .card a.btn.bg-twitterx {background: var(--twitterx); background-color: var(--twitterx); color: var(--bg-wht); border-color: var(--twitter) !important;}
.bg-youtube, a.bg-youtube, a.btn.bg-youtube, section.topwidget .card a.btn.bg-youtube {background: var(--youtube); background-color: var(--youtube) !important; color: var(--bg-wht); border-color: var(--youtube) !important;}
.bg-linkedin, a.bg-linkedin, a.btn.bg-linkedin, section.topwidget .card a.btn.bg-linkedin {background: var(--linkedin); background-color: var(--linkedin); color: var(--bg-wht); border-color: var(--linkedin) !important;}
.bg-nextdoor, a.bg-nextdoor, a.btn.bg-nextdoor, section.topwidget .card a.btn.bg-nextdoor {background: var(--nextdoor); background-color: var(--nextdoor); color: var(--bg-wht); border-color: var(--nextdoor) !important;}
.bg-threads, a.bg-threads, a.btn.bg-threads, section.topwidget .card a.btn.bg-threads {background: var(--twitterx); background-color: var(--twitterx); color: var(--bg-wht); border-color: var(--facebook) !important;}

.bg-image-none {background-image: none !important;}
.brdr-blk {border-color: var(--bg-blk) !important;}
.brdr-blk-10 {border-color: var(--bg-blk-10) !important;}
.brdr-blk-25 {border-color: var(--bg-blk-25) !important;}
.brdr-blk-50 {border-color: var(--bg-blk-50) !important;}
.brdr-blk-75 {border-color: var(--bg-blk-75) !important;}
.brdr-blk-90 {border-color: var(--bg-blk-90) !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;
	color: var(--bg-wht);
	border-color: var(--bg-blk-90) !important;
}
a.bg-blk:hover, button.bg-blk:hover {
	display: block;
	background: var(--bg-ylw-90) !important;
	box-shadow: none;
	color: var(--bg-cc-nav) !important;
	border-color: var(--bg-blk-90) !important;
}
.brdr-blu {border-color: var(--bg-blu) !important;}
.brdr-blu-10 {border-color: var(--bg-blu-10) !important;}
.brdr-blu-25 {border-color: var(--bg-blu-25) !important;}
.brdr-blu-50 {border-color: var(--bg-blu-50) !important;}
.brdr-blu-75 {border-color: var(--bg-blu-75) !important;}
.brdr-blu-90 {border-color: var(--bg-blu-90) !important;}
.bg-blu-pe-none {pointer-events: none !important;}
.bg-blu, a.bg-blu, button.bg-blu, .bg-blu-pe-none {
	display: block;
	background: var(--bg-blu) !important;
	box-shadow: none;
	color: var(--bg-wht);
	border-color: var(--bg-gry-90) !important;
}
a.bg-blu:hover, button.bg-blu:hover {
	display: block;
	background: var(--bg-ylw-90) !important;
	box-shadow: none;
	color: var(--bg-cc-nav) !important;
	border-color: var(--bg-gry) !important;
}
.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;
	color: var(--bg-wht);
	border-color: var(--bg-cc-90) !important;
}
a.bg-cc:hover, button.bg-cc:hover {
	display: block;
	background: var(--bg-ylw-90) !important;
	box-shadow: none;
	color: var(--bg-cc-nav) !important;
	border-color: var(--bg-cc-90) !important;
}
.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);
	box-shadow: none;
	color: var(--bg-wht);
	border-color: var(--bg-cc-alt-90) !important;
}
a.bg-cc-alt:hover, button.bg-cc-alt:hover {
	display: block;
	background: var(--bg-ylw-90) !important;
	box-shadow: none;
	color: var(--bg-cc-nav) !important;
	border-color: var(--bg-cc-alt-90) !important;
}
.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;
	color: var(--bg-wht);
	border-color: var(--bg-nav);
}
a.bg-cc-nav:hover, button.bg-cc-nav:hover {
	display: block;
	background: var(--bg-ylw-90) !important;
	box-shadow: none;
	color: var(--bg-cc-nav) !important;
	border-color: var(--bg-cc-nav-90) !important;
}
.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;
	color: var(--bg-wht);
	border-color: var(--bg-cc-nav-75) !important;
}
a.bg-cc-nav-90:hover, button.bg-cc-nav-90:hover {
	display: block;
	background: var(--bg-ylw-90) !important;
	box-shadow: none;
	color: var(--bg-cc-nav) !important;
	border-color: var(--bg-cc-nav) !important;
}
.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;
	color: var(--bg-wht);
	border-color: var(--bg-nav);
}
a.bg-cc-nav-75:hover, button.bg-cc-nav-75:hover {
	display: block;
	background: var(--bg-ylw-90) !important;
	box-shadow: none;
	color: var(--bg-cc-nav) !important;
	border-color: var(--bg-gry);
}
.brdr-cc-nav-50 {border-color: var(--bg-cc-nav-50) !important;}
.bg-cc-nav-50-pe-none {pointer-events: none !important;}
.bg-cc-nav-50, a.bg-cc-nav-50, button.bg-cc-nav-50, .bg-cc-nav-50-pe-none {
	display: block;
	background: var(--bg-cc-nav-50) !important;
	box-shadow: none;
	color: var(--bg-cc);
	border-color: var(--bg-cc-nav-50);
}
a.bg-cc-nav-50:hover, button.bg-cc-nav-50:hover {
	display: block;
	background: var(--bg-ylw-90) !important;
	box-shadow: none;
	color: var(--bg-cc-nav) !important;
	border-color: var(--bg-cc-nav);
}
.brdr-cc-nav-25 {border-color: var(--bg-cc-nav-25) !important;}
.bg-cc-nav-25-pe-none {pointer-events: none !important;}
.bg-cc-nav-25, a.bg-cc-nav-25, button.bg-cc-nav-25, .bg-cc-nav-25-pe-none {
	display: block;
	background: var(--bg-cc-nav-25) !important;
	box-shadow: none;
	color: var(--bg-cc);
	border-color: var(--bg-gry);
}
a.bg-cc-nav-25:hover, button.bg-cc-nav-25:hover {
	display: block;
	background: var(--bg-ylw-90) !important;
	box-shadow: none;
	color: var(--bg-cc-nav) !important;
	border-color: var(--bg-cc-nav-75) !important;
}
.brdr-cc-nav-15 {border-color: var(--bg-cc-nav-15) !important;}
.bg-cc-nav-15-pe-none {pointer-events: none !important;}
.bg-cc-nav-15, a.bg-cc-nav-15, button.bg-cc-nav-15, .bg-cc-nav-15-pe-none, .btn-download {
	display: block;
	background: var(--bg-cc-nav-15) !important;
	box-shadow: none;
	color: var(--bg-cc);
	border-color: var(--bg-gry);
}
a.bg-cc-nav-15:hover, button.bg-cc-nav-15:hover, a.bg-cc-nav-15:hover, button.bg-cc-nav-15:hover, .btn-download:hover {
	display: block;
	background: var(--bg-ylw-90) !important;
	box-shadow: none;
	color: var(--bg-cc-nav) !important;
	border: 1px solid var(--bg-gry) !important;
}
.brdr-cc-nav-10 {border-color: var(--bg-cc-nav-10) !important;}
.bg-cc-nav-10-pe-none {pointer-events: none !important;}
.bg-cc-nav-10, a.bg-cc-nav-10, button.bg-cc-nav-10, .bg-cc-nav-10-pe-none, .btn-download {
	display: block;
	background: var(--bg-cc-nav-10) !important;
	box-shadow: none;
	color: var(--bg-cc);
	border-color: var(--bg-cc-nav-25);
}
a.bg-cc-nav-10:hover, button.bg-cc-nav-10:hover, a.bg-cc-nav-25:hover, button.bg-cc-nav-25:hover, .btn-download:hover {
	display: block;
	background: var(--bg-ylw-90) !important;
	box-shadow: none;
	color: var(--bg-cc-nav) !important;
	border: 2px solid var(--bg-gry) !important;
}
.brdr-cc-nav-5 {border-color: var(--bg-cc-nav-5) !important;}
.bg-cc-nav-5-pe-none {pointer-events: none !important;}
.bg-cc-nav-5, a.bg-cc-nav-5, button.bg-cc-nav-5, .bg-cc-nav-5-pe-none {
	display: block;
	background: var(--bg-cc-nav-5) !important;
	box-shadow: none;
	color: var(--bg-cc);
	border-color: var(--bg-cc-nav-25);
}
a.bg-cc-nav-5:hover, button.bg-cc-nav-5:hover {
	display: block;
	background: var(--bg-ylw-90) !important;
	box-shadow: none;
	color: var(--bg-cc-nav) !important;
	border: 1px solid var(--bg-gry) !important;
}

.brdr-frm {border-color: var(--brdr-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;
	color: var(--bg-blk);
	border-color: #E7BB73 !important;
}
a.bg-frm:hover, button.bg-frm:hover {
	display: block;
	background: var(--bg-ylw-90) !important;
	box-shadow: none;
	color: var(--bg-cc-nav) !important;
	border-color: var(--bg-frm) !important;
}
.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;
	color: var(--bg-nav);
	border-color: var(--bg-gry) !important;
}
a.bg-grn:hover, button.bg-grn:hover {
	display: block;
	background: var(--bg-ylw-90) !important;
	box-shadow: none;
	color: var(--bg-cc-nav) !important;
	border-color: var(--bg-gry) !important;
}
.brdr-envgrn {border-color: var(--bg-envgrn) !important;}
.bg-envgrn-pe-none {pointer-events: none !important;}
.bg-envgrn, a.bg-envgrn, button.bg-envgrn, .bg-envgrn-pe-none {
	display: block;
	background: var(--bg-envgrn);
	box-shadow: none;
	color: var(--bg-nav);
	border-color: var(--bg-envgrn) !important;
}
a.bg-envgrn:hover, button.bg-envgrn:hover {
	display: block;
	background: var(--bg-ylw-90) !important;
	box-shadow: none;
	color: var(--bg-cc-nav) !important;
	border-color: var(--bg-envgrn) !important;
}
.bg-envgrn-75, a.bg-envgrn-75, button.bg-envgrn-75, .bg-envgrn-75-pe-none {
	display: block;
	background: var(--bg-envgrn-75);
	box-shadow: none;
	color: var(--bg-nav);
	border-color: var(--bg-envgrn);
}
a.bg-envgrn-75:hover, button.bg-envgrn-75:hover {
	display: block;
	background: var(--bg-ylw-90) !important;
	box-shadow: none;
	color: var(--bg-cc-nav) !important;
	border-color: var(--bg-envgrn);
}
.brdr-gry {border-color: var(--bg-gry) !important;}
.brdr-gry-10 {border-color: var(--bg-gry-10) !important;}
.brdr-gry-25 {border-color: var(--bg-gry-25) !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;
	color: var(--bg-cc-nav);
	border-color: var(--bg-cc-nav-25) !important;
}
a.bg-gry:hover, button.bg-gry:hover {
	display: block;
	background: var(--bg-ylw-90) !important;
	box-shadow: none;
	color: var(--bg-cc-nav) !important;
	border-color: var(--bg-gry-90) !important;
}
.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-90) !important;
	box-shadow: none;
	color: var(--bg-cc-nav);
	border-color: var(--bg-gry-90);
}
a.bg-nav:hover, button.bg-nav:hover {
	display: block;
	background: var(--bg-ylw-90) !important;
	box-shadow: none;
	color: var(--bg-cc-nav) !important;
	border-color: var(--bg-blu-75) !important;
}
.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;
	color: var(--bg-cc-nav);
	border-color: var(--bg-gry-90);
}
a.bg-nav-90:hover, button.bg-nav-90:hover {
	display: block;
	background: var(--bg-ylw-90) !important;
	box-shadow: none;
	color: var(--bg-cc-nav) !important;
	border-color: var(--bg-gry-90) !important;
}
.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;
	color: var(--bg-cc-nav);
	border-color: var(--bg-gry-90) !important;
}
a.bg-nav-50:hover, button.bg-nav-50:hover {
	display: block;
	background: var(--bg-ylw-90) !important;
	box-shadow: none;
	color: var(--bg-cc-nav) !important;
	border-color: var(--bg-gry-90) !important;
}
.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;
	color: var(--bg-nav);
	border-color: var(--bg-org) !important;
}
a.bg-org:hover, button.bg-org:hover {
	display: block;
	background: var(--bg-ylw-90) !important;
	box-shadow: none;
	color: var(--bg-cc-nav) !important;
	border-color: var(--bg-org) !important;
}
.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;
	color: var(--bg-nav);
	border-color: var(--bg-pdf) !important;
	background-image: var(--bs-gradient) !important;
}
a.bg-pdf:hover, button.bg-pdf:hover {
	display: block;
	background: #FEE1E1 !important;
	box-shadow: none;
	color: var(--bg-red) !important;
	border-color: var(--bg-pdf) !important;
}
.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;
	color: var(--bg-nav);
	border-color: var(--bg-prpl) !important;
}
a.bg-prpl:hover, button.bg-prpl:hover {
	display: block;
	background: var(--bg-ylw-90) !important;
	box-shadow: none;
	color: var(--bg-cc-nav) !important;
	border-color: var(--bg-prpl) !important;
}
.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;
	color: var(--bg-nav);
	border-color: var(--bg-red) !important;
}
a.bg-red:hover, button.bg-red:hover {
	display: block;
	background: var(--bg-ylw-90) !important;
	box-shadow: none;
	color: var(--bg-cc-nav) !important;
	border: 1px solid var(--bg-red-90) !important;
}
.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;
	color: var(--bg-cc-nav);
	border-color: var(--bg-gry);
}
a.bg-wht:hover, button.bg-wht:hover {
	display: block;
	background: var(--bg-ylw-90) !important;
	box-shadow: none;
	color: var(--bg-cc-nav) !important;
	border-color: var(--bg-gry-90) !important;
}
.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;
	color: var(--bg-cc-nav);
	border-color: var(--bg-gry) !important;
}
a.bg-wht-90:hover, button.bg-wht-90:hover {
	display: block;
	background: var(--bg-ylw-90) !important;
	box-shadow: none;
	color: var(--bg-cc-nav) !important;
	border-color: var(--bg-gry-90) !important;
}
.brdr-wht-75 {border-color: var(--bg-wht-75) !important;}
.bg-wht-75-pe-none {pointer-events: none !important;}
.bg-wht-75, a.bg-wht-75, button.bg-wht-75, .bg-wht-75-pe-none {
	display: block;
	background: var(--bg-wht-75) !important;
	box-shadow: none;
	color: var(--bg-cc-nav);
	border-color: var(--bg-gry) !important;
}
a.bg-wht-75:hover, button.bg-wht-75:hover {
	display: block;
	background: var(--bg-ylw-75) !important;
	box-shadow: none;
	color: var(--bg-cc-nav) !important;
	border-color: var(--bg-gry-75) !important;
}
.brdr-wht-50 {border-color: var(--bg-wht-50) !important;}
.bg-wht-50-pe-none {pointer-events: none !important;}
.bg-wht-50, a.bg-wht-50, button.bg-wht-50, .bg-wht-50-pe-none {
	display: block;
	background: var(--bg-wht-50) !important;
	box-shadow: none;
	color: var(--bg-cc-nav);
	border-color: var(--bg-gry) !important;
}
a.bg-wht-50:hover, button.bg-wht-50:hover {
	display: block;
	background: var(--bg-ylw-50) !important;
	box-shadow: none;
	color: var(--bg-cc-nav) !important;
	border-color: var(--bg-gry-50) !important;
}
.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;
	color: var(--bg-cc-nav);
	border-color: var(--bg-gry);
}
a.bg-ylw:hover, button.bg-ylw:hover {
	display: block;
	background: var(--bg-frm) !important;
	box-shadow: none;
	color: var(--bg-cc-nav) !important;
	border-color: var(--bg-gry-90) !important;
}
.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;
	color: var(--bg-cc-nav);
	border-color: var(--bg-gry) !important;
}
a.bg-ylw-90:hover, button.bg-ylw-90:hover {
	display: block;
	background: var(--bg-ylw-90) !important;
	box-shadow: none;
	color: var(--bg-cc-nav) !important;
	border-color: var(--bg-gry-90) !important;
}

.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;
	color: var(--bg-cc);
	border-color: var(--bg-gry) !important;
}
a.bg-ylw-hl:hover, button.bg-ylw-hl:hover {
	display: block;
	background: var(--bg-cc-nav) !important;
	box-shadow: none;
	color: var(--bg-ylw-hl) !important;
	border-color: var(--bg-gry-90) !important;
}

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-nav-50);
	color: var(--bg-blk);
	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-blk), 0px 1px 0px 0px var(--bg-cc-nav-75);
	color: var(--bg-ylw);
	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-flex;
	align-items: center;
	padding: 0px 3px;
	background: transparent;
	box-shadow: inset 0px 0px 0px 0px var(--bg-ylw), 0px 1px 0px 0px var(--bg-trq);
	color: var(--bg-trq-drk);
	text-decoration: none;
	text-align: left;
	border-radius: initial;
	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-trq);
	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;
	align-items: center;
	padding: 1px 3px;
	background: transparent;
	box-shadow: inset 0px -1px 0px 0px var(--bg-ylw), 0px 1px 0px 0px var(--bg-cc-nav-50);
	color: var(--bg-wht);
	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-nav-75);
	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;
	align-items: center;
	padding: 1px 3px;
	background: transparent;
	box-shadow: inset 0px -1px 0px 0px var(--bg-ylw), 0px 1px 0px 0px var(--bg-cc-nav-50);
	color: var(--bg-ylw);
	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-nav-75);
	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-nav-50);
	color: var(--bg-cc);
	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:hover img {
	filter: drop-shadow(0px 5px 4px rgba(60 60 60 / 55%));
	-webkit-filter: drop-shadow(0px 5px 4px rgba(60 60 60 / 55%));
	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;
}
/* --------------------------------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: 121px;*/
	background: var(--bg-nav);
	position: relative;
}
.navbar {
  /*animation: slideDwn 0.5s ease-in-out forwards;*/
  transition: all 0.15s ease-in-out;
}
.navbar {
	min-height: var(--navbarMinHeight);
	margin-top: var(--navbarMarginTop);
	padding: 0 !important;
	line-height: inherit;
	background:  var(--bg-nav);
	position: relative;
	opacity: 0.97;
	transition: all 0.15s ease-in-out;
	z-index: 999;
}
.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 .row {overflow-y: auto;}
.navbar .megamenu {
	/*height: 100vh !important;*/
	/*margin-top: 8px !important;*/
	border-top: 1px solid var(--bg-gry);
	border-right: none;
	border-bottom: 1px solid var(--bg-blu);
	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;
	overflow-y: auto;
	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 .navbar-nav a.nav-link.show:hover {
	color: var(--bg-blu) !important;
	transition: all 0.2s ease-in-out;
}
.navbar .navbar-nav a.nav-link.show:hover::after {
	border-bottom: 2px var(--bg-cc-nav-50) solid !important;
	box-shadow: 0px 0px 0px var(--bg-cc-nav-25);
	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 {
	height: 100%;
	color: var(--bg-cc-nav-75);
	background: transparent;
	box-shadow: none;
	align-content: center;
	a;align-content: center;
	font-variant: small-caps !important;
	text-transform: none !important;
	letter-spacing: 1px;
	font-family: "Oswald", sans-serif, var(--bs-body-font-family), sans-serif;
	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) !important;
	border: none !important;
	transition: all 0.2s ease-in-out;
}
.navbar-shadow {box-shadow: 0 .5rem 1rem rgb(0 0 0 / 15%);}
@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;
		border: none !important;
		box-shadow: none !important;
		z-index: 1 !important;
	}
	.quickmenu .quickmenubg {/*//11/21/23//margin-top: 30px;*/}
	a.navbar-brand {
		max-width: 100px !important;
		min-width: 100px !important;
	}
	.contact-ccform .bg-cc {
		padding: 10px;
	}
	.contact-ccform fieldset div.row {padding: 1rem 0rem;}
	.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;}
.nav-link.dropdown-toggle.show:after, .nav-link.topics.show:after {border-bottom: 2px var(--bg-ylw-90) solid !important; box-shadow: 0px -1px 0px var(--bg-cc-nav-25);}
.nav-link.topics.show.active:after {border-bottom: 2px var(--bg-blu) solid !important; box-shadow: 0px 0px 0px var(--bg-cc-nav-25);}
.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: 0;
	}
	.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 transparent;
		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-25);
		transition: all 0.2s ease-in-out;
	}
	.dropdown-menu .megamenu {overflow-y: auto;}
	.navbar-expand-md .navbar-collapse {
		width: auto;
		margin-right: auto;
		margin-left: -140px;
		display: block;
	}
	.navbar .navbar-nav {
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-right: auto;
		margin-left: auto;
	}
	.navbar-nav .nav-item {width: auto !important; height: 100%; margin: 0 5px; padding: 0 3px;}
	.col-megamenu * a {}
}
@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;
		margin-left: 0.255em;
		border-bottom: 6px var(--bg-blu) solid !important;
		content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
		transition: all 0.15s ease-in-out;
	}
}
@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;
	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_black.svg') no-repeat !important;
	background-position: center !important;
	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 64 95 / 100%);
	transform: scaleY(0);
	transition: transform 0.3s;
	z-index: -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;
}
button.navbar-toggler, button.navbar-toggler.collapsed {transition: all .2s ease-in-out;}
button.navbar-toggler[aria-expanded=true]:hover {
	background: var(--bg-cc-90);
	background-image: var(--bs-gradient) !important;
}
button.navbar-toggler[aria-expanded=true]:hover .icon-bar.top-bar, button.navbar-toggler[aria-expanded=true]:hover .icon-bar.bottom-bar {
	background: var(--bg-ylw);
	background-image: var(--bs-gradient) !important;
}
button.navbar-toggler.collapsed, button.navbar-toggler.collapsed:hover {background: transparent;}
button.navbar-toggler {background: var(--bg-cc-nav-15);}
#navbar button.navbar-toggler {border-top-left-radius: 0; border-bottom-left-radius: 0; z-index: 1;}
#navbar button.navbar-toggler.mnav {padding-right: 17px;}
button.navbar-toggler:hover .icon-bar.top-bar, button.navbar-toggler:hover .icon-bar.bottom-bar {background: var(--bg-grn);}
.navbar-toggler span {
  display: block;
  background: var(--bg-cc-90);
	background-image: var(--bs-gradient) !important;
  width: 24px;
	height: 2px;
	margin-top: 6px;
  margin-bottom: 6px;
  position: relative;
  left: 0;
  opacity: 1;
  transition: .4s;
  transform-origin: center left;
}
.navbar-toggler.collapsed:hover .icon-bar.middle-bar {
	background-position: initial;
	background-size: initial;
	background-repeat: initial;
	background-attachment: initial;
	background-origin: initial;
	background-clip: initial;
	background-color: initial;
	margin-top: -5px;
	background-image: none !important;
	transition: all .2s ease-in-out;
}
.navbar-toggler.collapsed:hover .icon-bar.top-bar {
	top: 2px;
	transform: translate(100%, 150%) rotate(180deg);
}
.navbar-toggler.collapsed:hover .icon-bar.middle-bar {opacity: 0;}
.navbar-toggler.collapsed:hover .icon-bar.bottom-bar {
	transform: translate(50%, 300%) rotate(-90deg);
}
.navbar-toggler .icon-bar.top-bar {
	width: 24px;
	height: 2px;
	top: 0px;
	transition: .6s;
}
.navbar-toggler .icon-bar.bottom-bar {
	width: 24px;
	height: 2px;
	top: 0px;
	transition: .6s;
}
.navbar-toggler:not(.collapsed) .icon-bar.top-bar {
	background: var(--bg-grn);
  transform: translate(15%, -33%) rotate(45deg);
}
.navbar-toggler:not(.collapsed) .icon-bar.middle-bar {opacity: 0;}
.navbar-toggler:not(.collapsed) .icon-bar.bottom-bar {
	background: var(--bg-grn);
  transform: translate(15%, 33%) rotate(-45deg);
}
.navbar-toggler:focus .icon-bar {
	background: var(--bg-grn) !important;
}
.col-megamenu * a {
	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: normal;
	margin-left: 2px;
	padding: 0.25rem 0 0.25rem 0.25rem;
	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;
	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);
	margin: 0.1rem 0;
	padding: 0;
	padding-left: 5px;
	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 {
	display: block;
	margin-bottom: 0.5rem;
	font-size: 1.25rem;
	letter-spacing: 0.5px;
	color: var(--bg-cc);
	line-height: 1;
	font-family: "Oswald", sans-serif, var(--bs-body-font-family), sans-serif;
}
.nav-link,
a.nav-link:hover,
a.nav-link:active {border-bottom: none; 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)-------------------------------- */

@media (min-width: 0px) and (max-width: 400px) {
	#topwidget_row .topwidgetCollapse {
		margin: 0;
		padding: 0;
	}
	#topwidget_row {justify-content: center !important;}
	.vPillTabs.directory div[role=navigation] {}
	#topwidget_row #search_row.topwidgetCollapse {/*margin-right: auto !important; margin-left: 12px;*/}
	.vPillTabs.directory .tab-content > .active {margin-bottom: 35vh !important;}
}

#tpwdgt {
	height: 42px;
	background: var(--bg-nav);
	padding-right: 0 !important;
}
#topwidget_row {
	height: 100%;
	box-shadow: 0px 0px 0px 1px var(--bg-blu-50) !important;
}
#topwidget_row::after {
	position: absolute;
	box-shadow: 0px 0px 0px 10px var(--bg-blu-50) !important;
}
section.topwidget {
	height: auto;
	padding-right: 0 !important;
  /*animation: slideDwn 0.3s ease-in-out forwards;*/
  transition: all 0.15s ease;
}
section.topwidget #dept-offices {padding-right: 3.75rem;}
section.topwidget .card {
	padding: 0;
	line-height: normal;
	transform: none !important;
	transition: all 0s  ease-in-out;
}
section.docsearchmenu.topwidget .card * a.btn i {
	width: 20px;
	height: 100%;
	font-size: inherit;
}
section.topwidget .card span.txt-youtube, section.topwidget .card span.txt-vimeo, section.topwidget .card span.txt-spotify, section.topwidget .card span.txt-linkedin, section.topwidget .card span.txt-instagram, section.topwidget .card span.txt-facebook, section.topwidget .card span.txt-twitterx, section.topwidget .card span.txt-nextdoor {
	font-family: "Oswald", sans-serif, var(--bs-body-font-family), sans-serif !important;	
}
section.topwidget .card a.btn, section.topwidget .card * p a.btn {
	background: var(--bg-blu);
	color: var(--bg-wht);
	padding: 0.35rem !important;
	box-shadow: none;
	border-radius: var(--rounded-4);
	border: 1px solid var(--bg-gry) !important;
	box-shadow: none;
	transition: all 0.15s ease-in-out;
}
section.topwidget .card .row.rounded-top, section.topwidget .card .row.rounded-top > div {
	background-color: var(--bg-cc-nav-25);
	background-image: var(--cc-gradient);
	border-radius: var(--rounded-2) var(--rounded-2) 0 0;
	border-radius: var(--rounded-4) var(--rounded-4) 0 0 !important;
}
section.topwidget a.btn {
	width: 100%;
	background-image: none;
	color: var(--bg-cc-nav-75);
	padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x) !important;
	line-height: normal;
	font-family: "Oswald", sans-serif, var(--bs-body-font-family), sans-serif;
	font-weight: normal;
	letter-spacing: 0.05rem;
	transition: all 0.2s ease-in-out;
	text-decoration: none;
	font-variant: small-caps !important;
	text-transform: none !important;
	line-height: inherit;
	border: none;
	border-radius: 0;
	box-shadow: none;
}
section.topwidget a.btn:hover {
	background: var(--bg-cc-nav-25);
	color: var(--bg-cc-nav) !important;
	border-width: 0;
	border-bottom: none !important;
	border-radius: 0;
	line-height: inherit;
}
.topwidgetCollapse {height: 100%;}
section.docsearchmenu.topwidget * a.btn[aria-expanded=false] {
	border-bottom: none !important;
	border-radius: 0;
	box-shadow: 0px 0px 0px 0px var(--bg-cc);
	transition: all 0.15s ease-in-out;
}
section.docsearchmenu.topwidget * a.btn[aria-expanded=true] {
	background: var(--bg-cc-nav-15);
	color: var(--bg-cc-nav);
	border-bottom: none !important;
	border-radius: 0;
	pointer-events: none;
	transition: all 0.15s ease-in-out;
	position: relative;
	z-index: 100;
}
section.docsearchmenu.topwidget * a.btn i {
	width: 1rem;
	height: 100%;
	font-size: 1.5rem;
}
section.docsearchmenu.topwidget * a.btn[aria-expanded=true]::after {}
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 {
	background: var(--bg-wht) !important;
	border: none !important;
	transition: none !important;
}
#widgetsearchbar .srchresults {
	position: relative;
}
#searchResults {height: 100%; overflow-y: auto;}
#searchResults table {position: relative; background-color: transparent !important;}
#searchResults tbody {
	display: block;
	padding-bottom: 275px;
	background-color: transparent !important;
}
#searchResults tr {color: var(--bg-cc) !important;}
#searchResults tr td {font-size: 0.9rem; padding-left: 0rem;}
#searchResults tr td a {
	font-size: 1.25rem !important;
	margin-bottom: 0.35rem;
	padding: 3px 5px 3px 0;
	font-weight: bold;
	font-family: "Oswald", sans-serif, var(--bs-body-font-family), sans-serif !important;
	letter-spacing: 0.025rem;
}
#searchResults tr td a::before {
	content: "\f470";
	width: 15px;
	display: inline-block;
	margin-right: 0.5rem;
	font-family: "bootstrap-icons";
}
#searchResults tr td c0, #kywrd {
	display: inline-block;
	border-top: 2px solid var(--bg-blu);
	border-bottom: 2px solid var(--bg-blu);
	font-family: "Oswald", sans-serif, var(--bs-body-font-family), sans-serif !important;
	text-transform: uppercase;
	color: var(--bg-cc);
	background-color: var(--bg-ylw-hl);
	background: var(--bg-ylw-hl);
	padding: 0.15rem 0.25rem 0.20rem 0.25rem;
	-webkit-text-fill-color: var(--bg-cc);
	font-weight: bold;
	font-style: normal;
	letter-spacing: 0.065rem;
}
ddd:last-child {font-style: italic;}
.rslt-msg {
	position: absolute;
	top: -260px;
	padding-left: 0.25rem;
	font-size: 1rem !important;
	background: var(--bg-wht);
}
input#submitdata::before {
	content: "\f470";
	width: 15px;
	display: inline-block;
	margin-right: 0.5rem;
	font-family: "bootstrap-icons";
}
.rslt-msg p {
	text-align: left;
	margin: 0;
	padding: 0.25rem 0;
}
div.contact h3 {
	margin-bottom: 1rem;
	padding-bottom: 0.85rem;
	border-bottom: 1px solid var(--bg-cc);
}
.srch-msg {
	margin: 0.5rem 0;
	text-align: left;
	font-size: 0.85rem !important; 
	transition: all 0.15s ease-in-out;
}
/*div.contact p.phoneemail span.phonefax .icon {display: inline-flex; font-size: 1.25rem; line-height: 1;}*/
div.contact p.fs-5, div.contact p.officehours {display: flex; font-size: 1.25rem; line-height: 1;}
div.contact p.fs-5.address {display: block; margin-bottom: 0.5rem; font-weight: normal;}
div.contact p.addresslink {display: flex; margin-bottom: 0;}
div.contact p.officehours span.hours {margin-top: 0.25rem;}
div.contact p.addresslink a, div.contact p.phoneemail span.phonefaxnumber, div.contact p.officehours span.hours, div.contact p.suite, div.contact .suite {font-size: 1rem; font-weight: normal; line-height: 1.25;}
div.contact p.addresslink a .address {display: block; align-content: center;}
div.contact p.addresslink .address, div.contact p.addresslink a .address .street, div.contact p.addresslink a .address .citystate {display: flex;}
div.contact p.phoneemail span.phonefax .icon, .phonefax, div.contact p.officehours span.ohours i {margin-right: 0.5rem; font-weight: normal;}
div.contact p.officehours span.hours span.time, div.contact p.officehours span.hours span.days {display: inline-block;}
div.contact p.phoneemail span.phonefax {display: inline-block; margin: 0; line-height: 1; text-align: left;}
div.contact p.phoneemail {display: flex; margin-bottom: 0;}
div.contact .suite {min-height: 1rem; display: block; margin-bottom: 0.75rem;}
div.contact .suite > .suite {display: block; padding-left: 54px; font-size: 0.9rem;}
div.contact p.phoneemail a .address .uname, div.contact p.phoneemail a .address .eaddress {display: inline-flex;}
div.contact p.addresslink i img {max-width: 50px;}
div.contact p.addresslink i {
	height: 100%;
	margin-right: 0.5rem;
	display: inline-flex;
}
div.contact p.addresslink i img {max-width: 50px;}
/*div.contact p.officehours .hours, div.contact p.phoneemail span.phonefaxnumber {display: inline-block;}*/
@media (min-width: 0px) and (max-width: 450px) {
	.container-fluid > div.g-5 > * {
		flex-shrink: 0;
		width: 100%;
		max-width: 100%;
		padding-right: 0.5rem;
		padding-left: 0.5rem;
		margin-top: 3rem;
		transition: all 0.15s ease-in-out;
	}
	div.contact p.addresslink,  div.contact p.addresslink i, div.contact p.addresslink a, div.contact p.phoneemail, div.contact p.phoneemail span.phonefax, div.contact p.officehours span.hours {display: block;}
	div.contact p.addresslink i, div.contact p.phoneemail span.phonefax .icon, div.contact p.phoneemail span.phonefax {margin-top: 0.5rem; margin-right: 0; margin-bottom: 0rem;}
	div.contact p.phoneemail span.phonefaxnumber {display: inline-block; margin: 0;}
	div.contact .suite > .suite {padding-left: 5px;}
	div.contact p.addresslink i img {margin-bottom: 0.25rem;}
	#redirectModal .clearfix img {max-width: 125px !important;}
}
section#contact #contact_content #contact-us, section#social #social_content #social-bdy {
	/*background: var(--bg-nav);*/
	position: relative;
}
section#contact #contact_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-wht); border: none !important; box-shadow: 0px 0px 0px 1px var(--bg-blu-50) !important;}
#docsearchmenus {position: relative; z-index: 1;}
/*
section#srchmenu {margin-top: 1px;}
*/
/*div#topwidget_row .topwidgetCollapse section {margin-top: 21px;}*/
section#search, section#dept-offices-directory, section#translate, section#contact, section#social {margin-top: 42px;}
section#search {animation: none;margin-top: 42px;}
#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-blu) !important;
	color: var(--bg-cc);*/
	background: var(--bg-cc-nav) !important;
	/*font-family: "Atkinson Hyperlegible", "Open Sans", sans-serif;*/
	font-family: "Oswald", sans-serif, var(--bs-body-font-family), sans-serif !important;
	color: var(--bg-nav);
	vertical-align: middle;
	height: 50px;
	padding-bottom: 1px;
	/*border-top: 1px solid var(--bg-cc-nav) !important;*/
	/*border-bottom: 1px solid var(--bg-gry) !important;*/
	/*box-shadow: 0px -1px 0px var(--bg-cc) !important;*/
	transition: all 0.15s ease-in-out;
}
div.top-widget-header span.h5 {
	font-family: "Oswald", sans-serif, var(--bs-body-font-family), sans-serif !important;
	color: var(--bg-nav);
}
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;}
	.posiiont-sm-relative {position: relative;}
	.posiiont-sm-absolute {position: absolute;}
	.widgetsearchbar {}
}
@media (min-width: 0px) and (max-width: 360px) {
	/*.translate {display: none !important;}*/
	/*#search_row, #translate_row, #social_row {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;
	}
	#searchResults tbody {padding-bottom: 300px;}
}
@media (min-width: 0px) and (max-width: 275px) {
	/*#search_row, #directory_row, #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;}
#searchCriteria {
	width: 100%;
	color: var(--txt-drk) !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 {
	width: 100%;
	max-width: 140px;
	border-color: var(--bg-gry);
	margin-bottom: 15px !important;
	padding: 0.5rem 0.25rem;
}
.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 {
	/*position: relative;*/
	background: var(--bg-cc-nav-10);
	/*background-image: var(--bs-gradient);*/
	padding: 0px;
	border: 0px solid var(--bg-blu);
	border-bottom: 1px solid var(--bg-blu);
	border-left: none;
	color: var(--bg-cc-nav);
	line-height: 1.75rem;
	/*font-size: 1.25rem !important;*/
}
.sidebar.scroll > .sidebar-header span {
	height: 100%;
	margin-left: 0.25rem;
	/*padding-top: 5px;*/
	display: inline-flex !important;
	font-size: calc(1rem + 0.25vw) !important;
	letter-spacing: 1px;
	/*font-family: "Atkinson Hyperlegible", "Open Sans", sans-serif;*/
	font-family: "Roboto Condensed", sans-serif;
}
.sidebar.scroll > .sidebar-tag .sidebar-header span {padding: 5px 0 5px 5px !important; font-size: calc(0.9rem + 0.25vw) !important;}
/*.bg-envgrn.sidebar.scroll > .sidebar-header, .bg-envgrn.sidebar.scroll > .sidebar-tag .sidebar-header {
	position: relative;
	background: var(--bg-envgrn-90);
	background-image: var(--bs-gradient);
	padding: 4px 5px;
	border: 1px solid var(--bg-cc);
	color: var(--bg-ylw);
	line-height: 1.75rem;
	font-size: 1.25rem !important;
}*/
/*.bg-envgrn.sidebar.scroll > .sidebar-tag .row.sidebar-header {
	background: var(--bg-envgrn-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 .row.sidebar-header {
	background: var(--bg-cc-nav-10);
	padding: 3px 0 0 0 !important;
	/*color: var(--bg-wht);*/
	line-height: normal;
	/*border-top: 1px var(--bg-wht) solid;*/
	border-bottom: 1px var(--bg-blu) solid;
	border-left: 0;
	letter-spacing: 1px;
	/*font-family: "Atkinson Hyperlegible", "Open Sans", sans-serif;*/
	font-family: "Roboto Condensed", sans-serif;
	/*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: normal;
	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: normal;
	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: normal;
	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-nav-10);
	cursor: pointer;
	display: block;
	padding: 5px 0 5px 10px !important;
	color: var(--bg-cc-nav);
	line-height: normal;
	border: 1px solid var(--bg-cc-nav-10);
	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: normal;
	border: 1px solid var(--bg-cc-nav-10);
	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;
}
.sidebar.scroll > .sidebar-tag .sidebar-header a.btn[data-bs-toggle][aria-expanded=true]:hover .bi-caret-down-fill::before {
	content: "\f229" !important;
}
.docsearchmenu a[aria-expanded=true] {
	background: var(--bg-cc-nav-5);
	/*box-shadow: inset 0px -50em 0px 0px var(--bg-cc-nav-10), 0px 1px 0px 0px var(--bg-cc-nav-75);*/
	color: var(--bg-cc-nav);
	background-image: var(--cc-gradient);
	border-radius: inherit;
	border: solid;
	border-width: 0;
	line-height: 1.25;
	transition: all 0.15s ease-in-out;
}
.docsearchmenu a[aria-expanded=true]:hover .bi-caret-down-fill::before {
	content: "\f229" !important;
}
.docsearchmenu a[aria-expanded=true] .bi-caret-down-fill::before {
	content: "\f22c" !important;
}
a:hover .bi-caret-down-fill::before {
	content: "\f22c" !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-cc-nav-10);
	/*background-image: var(--bs-gradient) !important;*/
	/*display: inline-flex;*/
	/*margin-top: 1px;*/
	border-top: 1px solid var(--bg-blu);
	padding: 4px 5px 0 5px;
	text-align: start;
	color: var(--bg-cc-nav-90);
	font-size: .75em;
	font-weight: normal;
	text-transform: uppercase;
	transition: all 0.15s ease-in-out;
}
.sidebar-tag * li.active a {
	margin: 0px 0px 2px 0px;
	font-weight: bold;
}
.sidebar-tag * li a {
	cursor: pointer;
	display: block;
	margin: 2px 0px 2px 0px;
	padding: 5px 5px 2px 5px;
	box-shadow: inset 0px 0px 0px 0px var(--bg-ylw), 0px 0px 0px 0px var(--bg-cc);
	color: var(--bg-cc);
	font-size: calc(0.75rem + 0.25vw);
	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: 275px;
	position: fixed;
	background: var(--bg-cc-nav-90);
	background-image: var(--bs-gradient) !important;
	height: 100vh;
	top: 41px;
	right: -276px;
	padding: 0;
	transition: all .2s ease-in-out;
	z-index: 999;
	&.scroll {
		right: 0px;
		box-shadow: -1px 0px 0px 0px var(--bg-blu), -0.5rem 0rem  0.75rem var(--bg-blk-25);
		transition: all 0.2s ease-in-out;
	}
	.hamburger_icon {
		width: 50px;
		height: 38px;
		background: var(--bg-nav);
		/*margin-top: -1px;*/
		position: absolute;
		border-radius: 5px 0 0 5px;
		top: 19px;
		left: -3.15rem;
		cursor: pointer;
		/*animation: pulse-animation-yellow 2s linear infinite;*/
		.icon {
			position: relative;
			width: 24px;
			height: 2px;
			top: 18px;
			right: -15px;
			background: var(--bg-blu);
			background-image: var(--bs-gradient) !important;
			transition: .4s;
			&:before {
				content: "";
				position: absolute;
				width: 24px;
				height: 2px;
				top: -8px;
				background: var(--bg-blu);
				background-image: var(--bs-gradient) !important;
				transition: .6s;
			}
			&:after {
				content: "";
				position: absolute;
				width: 24px;
				height: 2px;
				top: 8px;
				background: var(--bg-blu);
				background-image: var(--bs-gradient) !important;
				transition: .6s;
			}
		}
		&.hamburger_icon.active {
			background: var(--bg-cc-nav-10) /*!important*/;
			/*background-image: var(--bs-gradient) /*!important*/;
			left: -50px;
			border-width: 1px 0px 1px 1px;
			border-style: solid;
			border-color: var(--bg-blu);
			/*box-shadow: 0px 0.5rem 5px rgb(0 0 0 / 15%), -5px 0.5rem 10px rgb(0 0 0 / 15%);*/
			z-index: -1;
			/*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-cc-nav);
				}
				&:after {
					top: 5px;
					transform: rotate(-225deg);
					background: var(--bg-cc-nav);
				}
			}
		}
		&.hamburger_icon.active:hover {
			/*background: var(--bg-cc) !important;*/
			.icon {
				background: none;
				margin-top: -6px;
				&:before {
					top: 5px;
					transform: rotate(-225deg);
					background: var(--bg-grn);
				}
				&:after {
					top: 5px;
					transform: rotate(225deg);
					background: var(--bg-grn);
				}
			}
		}
		&.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-grn);
				}
				&:after {
					top: 5px;
					transform: rotate(90deg);
					background: var(--bg-grn);
				}
			}
		}
	}
	.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-nav-10);
	}
	.sidebar-tag * li a i {color: var(--bg-blu); font-size: var(--bs-body-font-size) !important;}
}
.sidebar-tag .list-group-flush > .list-group-item:last-child {padding-bottom: 0.10rem;}
nav .mobilemenuicon {
	max-width: 25px;
	max-height: 25px;
	align-items: center;
	align-content: flex-start;
	position: absolute;
	left: 40px;
}
nav .mobilemenuicon i {
	background: var(--bg-cc-nav-75);
	color: var(--bg-wht);
	display: flex;
	align-items: center;
	align-content: flex-start;
	padding: 5px;
	border-radius: 10rem;
	font-size: 0.85rem;
	position: relative;
	z-index: 1;
}
.sidebar .mobilemenuicon {
	max-width: 25px;
	max-height: 25px;
	align-items: center;
	align-content: flex-start;
	margin-top: -1px;
	position: absolute;
	top: 50%;
	left: -2px;
	transform: translate(-50%,-50%);
}
.sidebar .mobilemenuicon i {
	background: var(--bg-cc-nav-75);
	color: var(--bg-wht);
	display: flex;
	align-items: center;
	align-content: flex-start;
	text-align: center;
	padding: 5px;
	border-radius: 10rem;
	font-size: 0.85rem;
	box-shadow: 0px 0px 0px 1px var(--bg-nav);
}

.sidebar .hamburger_icon.active:focus > .icon:before, .hamburger_icon.active:focus > .icon:after, .sidebar .hamburger_icon.active:focus-visible > .icon:before, .hamburger_icon.active:focus-visible > .icon:after {background: var(--bg-grn) !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;}
.sidebar.scroll .sidebar-header {/*max-height: 35px;*/min-height: 30px; background: var(--bg-cc-nav-10);}
.sidebar.scroll .sidebar-tag .sidebar-header {/*max-height: 35px;*/min-height: auto; background: var(--bg-cc-nav-10);}
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;
}
li.list-group-item.active a .bi, li.list-group-item.active a .fa-solid, li.list-group-item a.active .bi, li.list-group-item a.active .fa-solid {
	display: inline-flex;
	align-items: flex-start;
	color: var(--bg-cc-nav-75);
}
#additionalRSS a.active {
	background: var(--bg-cc-nav) !important;
	color:  var(--bg-ylw) !important;
	pointer-events: none !important;
}

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

button, .btn, .btn-default {
	color: var(--bg-cc-nav);
	border-radius: var(--rounded-4);
	transition: all 0.15s 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;
}
button, .btn {
	border-radius: var(--rounded-circle);
	background-image: var(--bs-gradient) !important;
	border: 2px solid var(--bg-gry);
	font-size: inherit;
	word-break: keep-all;
}
button#captcharesetcc:hover, button#captchareset:hover {
	background: var(--bg-grn-50) !important;
	transition: all 0.15s ease-in-out;	
}
.btn-default {
	background: var(--bg-gry-25);
	border: 2px solid var(--bg-gry);
}
.btn-danger {color: var(--bg-wht) !important; border: 1px solid var(--bg-gry); transition: all 0.15s ease-in-out;}
.btn-danger:hover {
	color: var(--bg-cc) !important;
	transition: all 0.2s ease-in-out;
}
#submit.btn-success, .btn-success {
	background: var(--bs-success);
	color: var(--bg-nav);
	border: 2px solid var(--bg-gry);
	transition: all 0.15s ease-in-out;
}
#submit.btn-success:hover, .btn-success:hover {
	background: var(--bg-grn-25) !important;
	background-image: var(--bs-gradient) !important;
	box-shadow: none;
	color: var(--bg-envgrn) !important;
	border: 2px solid var(--bg-grn) !important;
	font-weight: normal;
	transition: all 0.2s ease-in-out;
}
.alert-dismissible .btn-close {background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='currentColor'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;}
.video-btn {
	height: 100%;
	/*background: var(--bg-ylw);*/
	display: flex;
	padding: 0.25rem;
	border-radius: 0.5rem !important;
	/*box-shadow: 0 0px 4px 1px var(--bg-ylw-90);*/
	border: 1px solid var(--bg-blu-25);
}
.video-btn:hover {
	background: var(--bg-nav-90);
	box-shadow: 0 0px 5px 1px var(--bg-nav);
	border: 1px solid var(--bg-blu-75);
	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.2%;
	background: var(--bg-cc-nav-75);
	position: absolute;
	transform: translateX(-50%);
	bottom: 0%;
	left: 50%;
	color: var(--bg-nav);
	padding: 0.25rem 0;
	border-radius: 0 0 var(--rounded-3) var(--rounded-3);
	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-width500 {width: 100%;min-width: 500px !important;}
.min-height500 {height: 100%;min-height: 500px !important;}
.max-height500 {height: 100%;max-height: 500px !important;}
.max-width475 {width: 100%;max-width: 475px !important;}
.max-width450 {width: 100%;max-width: 450px !important;}
.min-width450 {width: 100%;min-width: 450px !important;}
.max-width400 {width: 100%;max-width: 400px !important;}
.max-height400 {height: 100%;max-height: 400px !important;}
.min-height400 {height: 100%;min-height: 400px !important;}
.min-width400 {width: 100%;min-width: 400px !important;}
.max-width350 {width: 100%;max-width: 350px !important;}
.max-width300 {width: 100%;max-width: 300px !important;}
.min-width300 {width: 100%;min-width: 300px !important;}
.max-height300 {height: 100%;max-height: 300px !important;}
.min-height300 {width: 100%;min-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-height175 {height: 100%;max-height: 175px !important;}
.max-width175 {width: 100%;max-width: 175px !important;}
.min-width175 {width: 100%;min-width: 175px !important;}
.max-height150 {height: 100%;max-height: 150px !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-width70 {width: 100%;max-width: 70px !important;}
.max-width65 {width: 100%;max-width: 65px !important;}
.max-width60 {width: 100%;max-width: 60px !important;}
.max-width55 {width: 100%;max-width: 55px !important;}
.max-width50 {width: 100%;max-width: 50px !important;}
.min-width50 {width: 100%;min-width: 50px !important;}
.max-height50 {height: 100%;max-height: 50px !important;}
.min-height50 {height: 100%;min-height: 50px !important;}
.max-height40 {height: 100%;max-height: 40px !important;}
.min-height40 {height: 100%;min-height: 40px !important;}
.max-width35 {width: 100%;width: 35px !important;}
.min-height35 {height: 100%;min-height: 35px !important;}
.max-width32 {width: 100%;max-width: 32px !important;}
.max-height32 {height: 100%; max-height: 32px !important;}
.max-width30 {width: 100%;max-width: 30px !important;}
.min-width30 {width: 100%;min-width: 30px !important;}
.max-height30 {height: 100%;max-height: 30px !important;}
.min-height30 {height: 100%;min-height: 30px !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;}
.max-width10 {width: 100%;max-width: 10px !important;}
.min-width10 {width: 100%;min-width: 10px !important;}
.wh100 {width: 100px; height: 100px;}

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

img {image-rendering: -webkit-optimize-contrast; border-radius: var(--rounded-4); border: 1px solid var(--bg-blu-25); transition: all 0.2s ease-in-out;}
img.ar3-1 {aspect-ratio: 3.2/1;}
.imgdiv {position: relative; margin: 2rem 0;}
figure, .figure {
	background: var(--bg-cc-nav) !important;
	color: var(--bg-cc);
	border-radius: var(--rounded-4);
	box-shadow: 0px 10px 20px -10px rgb(0 0 0 / 50%);
}
figure img, .figure img {
	background-color: var(--bg-cc-nav-25) !important;
	padding: 0.25rem;
	border-radius: 0.25rem 0.25rem 0 0 !important;
}
.figure-caption {color: var(--bg-wht);}
.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 {
	background: transparent;
	border: 1px solid transparent;
	font-size: 18px;
	text-align: center;
	color: var(--bg-cc);
}
.img-filter-button:hover, .news-filter-button:hover {
	font-size: 18px;
	border-radius: var(--rounded-circle);
	text-align: center;
	color: var(--bg-nav);
}
.btn-default.active, .img-filter-button.active, .news-filter-button.active {
	background-color: var(--bg-blu);
	color: var(--bg-nav) !important;
	pointer-events: none;
	border: 1px var(--bg-gry-90) solid;
}
.btn-default.active .bi, .img-filter-button.active .bi, .news-filter-button.active .bi, .btn-default.active .fa-solid, .img-filter-button.active .fa-solid, .news-filter-button.active .fa-solid {color: var(--bg-nav);}
.btn-default:hover {
	background-color: var(--bg-ylw) !important;
	background-image: var(--bs-gradient) !important;
	color: var(--gr-cc) !important;
	border: 1px var(--bg-gry-90) solid !important;
	border-radius: var(--rounded-circle);
}
.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.do {color: var(--bg-envgrn);}
.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);
}
.divider-div-cc {
  height: 1rem;
	padding: 2rem 0;
	background-color: #FFF;
  box-shadow: inset 0px 20px 20px -10px var(--bg-gry), inset 0px -20px 25px -20px var(--bg-gry);
	border: none !important;
	/*border-top: 1px solid var(--bg-gry);
	border-right: none;
	border-bottom: 1px solid var(--bg-gry);
	border-left: none;
	background-image: none;*/
	/*background-image: url('https://charlestoncounty.gov/images/bgs/bg-txtr.jpg');
	background-position: left top;
	background-repeat: repeat;*/
}
hr, .row hr, hr.auto {
	width: 100%;
	height: 1px;
	margin: 0 auto;
	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.h-auto {background-image: none;}
hr.bg-cc {background: var(--bg-cc) !important; opacity: 1;}
hr.bg-cc-alt {background: var(--bg-cc-alt) !important; opacity: 1;}
hr.bg-cc-nav {background: var(--bg-cc-nav-90) !important; opacity: 1;}
hr.bg-cc-nav-50 {background: var(--bg-cc-nav-50) !important; opacity: 1;}
hr.bg-cc-nav-75 {background: var(--bg-cc-nav-75) !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-ylw {background: var(--bg-ylw)!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 {
	height: 100%;
	color: var(--bg-nav);
	position: relative;
	/*animation: slideDwn 0.55s ease-in-out forwards;*/
	/*transition: all .8s ease;*/
	z-index: 1;
}
section[role=alert] p[role=status] .border-top {font-size: 0.85rem;}
.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-drk) !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;*/
	padding-bottom: 0;
	position: relative;
	/*display: block;*/
	border-radius: 0 !important;
	box-shadow: inset 0px -1px 0px var(--bg-red);
	z-index: 9990;
}
.alertrow .dptalert {
	top: 0rem;
	background: var(--bg-blk-90);
	background-image: var(--bs-gradient)!important;
	color: var(--bg-wht);
	position: relative;
	/*display: block;*/
	border-radius: 0 !important;
	box-shadow: inset 0px -1px 0px var(--bg-blk);
	z-index: 10;
}
#alertrow .dptalert p.notice {
	background: transparent;
	background-color: transparent;
}

#alertrow .dptalert p.notice[role=status] span {
	background: transparent;
	background-color: transparent;
	min-width: inherit;
}
.alertrow .notice {
	top: 0rem;
	background: var(--bg-ylw);
	/*background: var(--bg-cc-nav);*/
	background-image: none !important;
	color: var(--bg-blk);
	position: relative;
	border-radius: 0 !important;
	box-shadow: inset 0px -1px 0px var(--brdr-frm);
	z-index: 10;
}
.alertrow .carousel-indicators button {margin-top: 0rem;}
.alertrow .carousel-item {padding-bottom: 1rem;}
.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: block !important;}
@media (min-width: 768px) {
	.shift .dropdown .dropdown-toggle:after {border-bottom-width: 0px !important;}
}

.hide {
	visibility: hidden;
	opacity: 0;
	animation: fadeout 0.3s;
}
.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;}
.shadow-none {
	box-shadow: none !important;
	text-shadow: none !important;
}
.shadow-cc {box-shadow: 0px 10px 20px -10px rgb(0 0 0 / 50%) !important;}
.img-shadow {filter: drop-shadow(0px 5px 4px rgba(60 60 60 / 55%)); -webkit-filter: drop-shadow(0px 5px 4px rgba(60 60 60 / 55%));}
.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: 0px 10px 10px -10px var(--bg-blk-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;}
.topbottomInsetShadow {box-shadow: inset 0px 20px 15px -10px var(--bg-blk-25), inset 0px -20px 15px -10px var(--bg-blk-25);}
.topbottomShadow {box-shadow: 0 -10px 20px -5px rgba(115,115,115,0.75), 0 10px 20px -5px rgba(115,115,115,0.75);}
.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;}
.pulsetrq {animation: pulse-animation-trq 2s linear infinite;}
@keyframes pulse-animation-blue {
	0% {
		box-shadow: 0 0 0 0px rgb(0 124 195 / 1);
	}
	100% {
		box-shadow: 0 0 0 10px rgb(0 124 195 / 0);
	}
}
@keyframes pulse-animation-blue-alt {
	0% {
		box-shadow: 0 0 0 0px rgb(0 64 95 / 1);
	}
	100% {
		box-shadow: 0 0 0 10px rgb(0 64 95 / 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);
	}
}
@keyframes pulse-animation-trq {
	0% {
		box-shadow: 0 0 0 0px rgb(56 161 168 / 1);
	}
	100% {
		box-shadow: 0 0 0 10px rgb(56 161 168 / 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);}
}
@keyframes fadeOut {
  0% {opacity: 0.75;}
  100% {opacity: 0;}
}
@keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 0.75;}
}

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

.googleCalendar{
  position: relative;
  height: 0;
  padding-bottom: 50%;
}
.googlecalendar-bg {
	background-color: #F0F4F9;
	/*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, #bodywrapper {
	margin-top: 0rem;
	margin-bottom: 0rem;
	padding-top: 4rem;
	padding-bottom: 4rem;
}
section.sectionlight-bg::after, section.sectionblue-bg::after {
	width: 40px;
	height: 40px;
	margin-top: -20px;
	left: 50%;
	border: 0;
	background: var(--bg-cc-nav-5);
	border-radius: 10rem 0rem 0rem 0rem;
	box-shadow: 0px 0px 0px 5px var(--bg-white);
	-webkit-transform: translateX(-50%) rotate(45deg);
	transform: translateX(-50%) rotate(45deg);
	z-index: 10;
}
section.sectionlight-bg:last-of-type::after, section.sectionblue-bg:last-of-type::after {display: none;}
section.quickmenu::after, section.docsearchmenu.sectionlight-bg::after, section.docsearchmenu.sectionblue-bg::after, body.cc-home section.sectionlight-bg::after, body.cc-home section.sectionblue-bg::after, section.carouselbody.sectionblue-bg::after, section.infocarouselbody.sectionblue-bg::after {
	width: 0px;
	height: 0px;
	left: -100%;
	overflow: hidden;
}
section::after {
	position: absolute;
	content: '';
	pointer-events: none;
}

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

.sectiondark {
	background: rgb(33 37 41 / 80%);
	color: var(--bg-nav);
	box-shadow: inset 0px 20px 15px -10px var(--bg-blk-25), inset 0px -20px 15px -10px var(--bg-blk-25);
}
.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, .footer ul.list-unstyled.listline {
	margin-left: 0.5rem;
}
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-blk);
	/*font-weight: lighter !important;*/
	padding-left: 0.25rem !important;
	border-bottom: none !important;
	border-left: 1px solid var(--bg-cc-25);
	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 {
	position: relative;
	background: var(--bg-white);
	color: var(--bg-cc);
	/*box-shadow: inset 0px 20px 15px -10px var(--bg-blk-25), inset 0px -20px 15px -10px var(--bg-blk-25);*/
	z-index: 1;
}
.sectionlight-bg {
	background-attachment: fixed;
	background-image: none !important;
	background-position: top center;
	background-size: cover;
	background-repeat: no-repeat;
}
.row.sectionlight {
	background: var(--bg-white);
	color: var(--bg-cc);
	box-shadow: none;
}
.sectionlight .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 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-2);
	/*background: rgb(213 220 228 / 90%);*/
	color: var(--bg-cc);
	/*box-shadow: inset 0px 20px 15px -10px var(--bg-blk-25), inset 0px -20px 15px -10px var(--bg-blk-25);*/
	z-index: 1;
}
.sectionblue h3, .sectionblue h4, .sectiongreen h3, .sectiongreen h4 {/*color: var(--bg-cc-nav);*/}
/* ============ SECTION BLUE-ALT ============ */
.sectionblue-alt {
	background: rgb(0 64 95 / 80%);
	/*box-shadow: inset 0px 20px 15px -10px var(--bg-blk-25), inset 0px -20px 15px -10px var(--bg-blk-25);*/
}
/* ============ SECTION RED ============ */
.sectionred {background: rgb(131 7 7 / 80%);box-shadow: inset 0px 20px 15px -10px var(--bg-blk-25), inset 0px -20px 15px -10px var(--bg-blk-25);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 GREEN ============ */
.sectiongreen {
	background: var(--bg-envgrn-25);
	color: var(--bg-cc);
	/*box-shadow: inset 0px 20px 15px -10px var(--bg-blk-25), inset 0px -20px 15px -10px var(--bg-blk-25);*/
}
.row.sectiongreen {background: var(--bg-envgrn-25);}
.sectiongreen caption a:hover {
	display: inline-block;
	padding: 1px 2px;
	color: rgb(0 64 95 / 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;
}
/* ============ SECTION YELLOW ============ */
.sectionylw {
	background: var(--bg-ylw-90);
	color: var(--bg-cc);
	box-shadow: inset 0px 20px 15px -10px var(--bg-blk-25), inset 0px -20px 15px -10px var(--bg-blk-25);
}
.row.sectionylw {background: var(bg-ylw)}
.sectionylw caption a:hover {
	display: inline-block;
	padding: 1px 2px;
	color: rgb(0 64 95 / 100%) !important;
	font-weight: normal;
	box-shadow: inset 0px -10rem 0px rgb(255 255 255 / 80%);
	text-decoration: none;
	border-bottom: none;
}
.sectionylw .bg-white p a.bg-cc-wht, .sectionylw .bg-white li a.bg-cc-wht, .sectionylw .bg-light p a.bg-cc-wht, .sectionylw .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;
}
.sectionylw .bg-white p a.bg-cc-wht:hover, .sectionylw .bg-white li a.bg-cc-wht:hover, .sectionylw .bg-light p a.bg-cc-wht:hover, .sectionylw .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)-------------------------------- */

[aria-labelledby=quickmenu] .modal-body a {
	width: 100%;
	height: 100%;
	background: var(--bg-gry-50);
	text-align: center;
	padding: 0.5rem;
}
header section .modal.show .modal-body a, [aria-labelledby=quickmenu] .modal-body a {
	width: 100%;
	height: 100%;
	min-height: 70px;
	background: var(--bg-cc-nav-15) !important;
	background-image: var(--cc-gradient) !important;
	padding: 0.25rem 0.75rem !important;
	color: var(--bg-cc-nav);
	font-size: 1rem;
	font-weight: normal;
	box-shadow: inset 0px 0px 0px 3px var(--bg-wht), 0px 0px 0px 0px var(--bg-nav) !important;
	display: flex;
	align-content: center;
	justify-content: center;
	line-height: normal;
	border: 2px solid var(--bg-cc-nav-25) !important;
	border-radius: var(--rounded-4);
	cursor: pointer;
	word-break: keep-all;
	transition: all .2s ease;
}
header section .modal.show .modal-body a:hover, [aria-labelledby=quickmenu] .modal-body a:hover {
	background: var(--bg-ylw-90) !important;
	background-image: var(--cc-gradient) !important;
	height: 100%;
	color: var(--bg-cc) !important;
	font-weight: normal;
	box-shadow: inset 0px 0px 0px 3px var(--bg-wht), 0px 0px 0px 0px var(--bg-gry) !important;
	/*box-shadow: inset 0px 0px 0px 3px var(--bg-grn), 0px 0px 0px 3px var(--bg-gry-50), inset 0px 0px 0px 6px var(--bg-nav) !important;*/
	display: flex;
	align-content: center;
	justify-content: center;
	line-height: normal;
	border: 2px solid var(--bg-blu) !important;
	/*border-radius: 0rem;*/
	cursor: pointer;
	word-break: keep-all;
	transition: all .3s ease;
}
header section .modal.show .modal-body a.bg-envgrn {
	width: 100%;
	height: 100%;
	background: var(--bg-gry-50) !important;
	background-image: var(--bs-gradient) !important;
	padding: 0.5rem !important;
	color: var(--bg-envgrn);
	font-weight: normal;
	box-shadow: inset 0px 0px 0px 3px var(--bg-wht), 0px 0px 0px 3px var(--bg-cc-25), 0px 0px 0px 0px var(--bg-nav) !important;
	display: flex;
	align-content: center;
	justify-content: center;
	line-height: normal;
	border: none !important;
	border-radius: 0.5rem;
	cursor: pointer;
	word-break: keep-all;
	transition: all .2s ease;
}
header section .modal.show .modal-body a.bg-envgrn:hover {
	background: var(--bg-ylw-90) !important;
	background-image: var(--bs-gradient) !important;
	height: 100%;
	color: var(--bg-envgrn) !important;
	font-weight: normal;
	box-shadow: inset 0px 0px 0px 3px var(--bg-wht), 0px 0px 0px 2px var(--bg-blu), 0px 0px 0px 0px var(--bg-gry) !important;
	/*box-shadow: inset 0px 0px 0px 3px var(--bg-grn), 0px 0px 0px 3px var(--bg-gry-50), inset 0px 0px 0px 6px var(--bg-nav) !important;*/
	display: flex;
	align-content: center;
	justify-content: center;
	line-height: normal;
	border: none !important;
	/*border-radius: 0rem;*/
	cursor: pointer;
	word-break: keep-all;
	transition: all .3s ease;
}
header section .modal .modal-body a i, [aria-labelledby=quickmenu] .modal-body a i {
	max-width: 35px;
	min-width: 35px;
	display: block;
	font-size: 1.75rem;
	color: var(--bg-cc-nav-50);
	text-align: center;
	transition: all .15s ease-in-out;
}
[aria-labelledby=quickmenu] .modal-body a:hover i {color: var(--bg-blu); transition: all .2s ease-in-out;}
/*header section .modal.show .modal-body a span:first-child {
	height: 100%;
	padding: 0 0.25rem;
}*/
.quickmenu, .councilquickmenu {
	/*margin-top: 125px;*/
	position: relative !important;
}
.quickmenu, .councilquickmenu  {
	background: transparent;
	top: 0rem;
	/*animation: slideDwn 0.75s ease-in-out forwards;*/
	transition: all 0.5s ease;
	z-index: 10;
}
body.cc-home .quickmenu {
	bottom: -100rem;
	/*animation: slideDwn 0.75s ease-in-out forwards;*/
	transition: all 0.5s ease;
	z-index: 1;
}
.quickmenubg div[role=navigation] {
	position: relative;
	/*max-width: 1800px !important;*/
	background: var(--quickmenubg);
	background-image: var(--bs-gradient);
	/*background: var(--bg-cc-nav);*/
	--bs-gutter-y: 0rem;
	--bs-gutter-x: 0rem;
	margin: 0rem 0rem 0rem 0rem;
	padding: 2rem 0rem;
	position: relative;
	z-index: 10;
}
.quickmenubg div[role=navigation] .mx-auto {padding: 0.5rem; line-height: 1.25;}
.quickmenubg.bg-envgrn div[role=navigation] {background: var(--bg-envgrn);}
.cc-home .quickmenu .quickmenubg {padding: 0 !important;}
.quickmenu .quickmenubg, .councilquickmenu .quickmenubg {
	/*color: var(--bg-cc-nav);*/
	background: var(--bg-cc-nav);
	background-image: var(--bs-gradient);
	/*padding: 2rem 0 2rem 0 !important;*/
	padding: 0 !important;
}
.quickmenu .quickmenubg.bg-envgrn {
	/*color: var(--bg-cc-nav);*/
	background: var(--bg-envgrn-90);
	padding: 0rem !important;
}
.quickmenu .cards_landscape_wrap .card-flyer .fancybox, .councilquickmenu .cards_landscape_wrap .card-flyer .fancybox {
	/*margin-bottom: 5px;*/
	padding: 2em;
	display: inline-block;
	color: var(--bg-cc-nav-75);
	background: var(--bg-cc-nav-25);
	/*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 4px var(--bg-nav), inset 0px 0px 0px 8px var(--bg-cc-25), inset 0px 0px 0px 100px var(--bg-wht-25), 0px 0px 0px 0px var(--bg-ylw-90);
	overflow: hidden;
	border-radius: 5px;
	transition: all .15s linear;
}
.quickmenu .cards_landscape_wrap .card-flyer .fancybox:hover, .councilquickmenu .cards_landscape_wrap .card-flyer .fancybox:hover {
	color: var(--bg-cc-nav);
	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 4px var(--bg-nav), inset 0px 0px 0px 8px var(--bg-blu-90), inset 0px 0px 0px 100px var(--bg-nav), 0px 0px 10px 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: auto;
	height: 100%;
	display: flex;
	margin: 0 auto;
	padding: 0;
	align-content: center;
	align-items: center;
	align-self: center;
	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 {background: var(--bg-cc-nav-0); margin: 0 !important; /*padding: 4rem 0 4rem 0 !important;*/}
.quickmenu .page-title .electedtitle-img {max-width: 198px;}
.quickmenu .page-title a[title="View Bio"] {color: var(--bg-cc-nav);}
.quickmenu .page-title, .councilquickmenu .page-title, , .bevrquickmenu .page-title {padding-top: 20px; margin-bottom: 0 !important;}
.row.page-title  .col-12, .row.page-title .col-12 {
	/*background: var(--bg-wht-10);*/
	/*width: 100%;*/
	/*height: 100%;*/
  background-attachment: fixed;
	background-image: url('../images/bgs/gradient-cc-highlight.webp');
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 4rem 0 4rem 0;
}
.quickmenu .page-title h1, .councilquickmenu .page-title h1, .bevrquickmenu .page-title h1 {
	position: relative;
	margin-top: 0;
	font-family: "Oswald", sans-serif, var(--bs-body-font-family), sans-serif;
	letter-spacing: 2px;
	-webkit-text-fill-color: var(--bg-wht);
  -webkit-text-stroke: 0.1px var(--bg-gry);
	text-shadow: 1px 1px 0 var(--bg-gry), 1px -1px 0 var(--bg-gry), -1px 1px 0 var(--bg-gry), -1px -1px 0 var(--bg-gry), 1px 0px 0 var(--bg-gry), 0px 1px 0 var(--bg-gry), -1px 0px 0 var(--bg-gry), 0px -1px 0 var(--bg-gry), 0px 3px 0px var(--bg-blk-75), 0px 4px 3px var(--bg-blk-50), 1px 1px 0 var(--bg-gry), 1px -1px 0 var(--bg-gry), -1px 1px 0 var(--bg-gry), -1px -1px 0px var(--bg-gry), 1px 0px 0 var(--bg-gry), 0px 1px 0 var(--bg-gry), -1px 0px 0 var(--bg-gry), 0px -1px 0px var(--bg-gry), 0px 10px 10px var(--bg-blk);
	filter: drop-shadow(0px 5px 4px rgba(60 60 60 / 55%));
	-webkit-filter: drop-shadow(0px 5px 4px rgba(60 60 60 / 55%));
	text-align: center;
	color: var(--bg-wht);
	font-size: calc(3rem + 2vh);
	text-transform: uppercase;
	font-weight: 400;
	word-break: break-word;
	margin: 0 auto;
	padding: 0;
	padding-top: 0 !important;
	padding-bottom: 0.5rem;
	line-height: 1.1 !important;
	transition: all .15s ease-in-out;
}
.quickmenu .page-title .row.elected {
	background: var(--bg-nav-90);
	background: linear-gradient(90deg, var(--bg-nav) 20%, rgba(243 244 245 / 0) 100%);
}
.qmenurow {/*margin-top: 0.75rem;*/}
.cards_landscape_wrap p {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: 40px !important;
	height: 40px !important;
	position: absolute;
	transform: translate(-50%,-50%) !important;
	top: 50%;
	left: 50%;
}
.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 {margin-top: 0.25rem; line-height: 1.25;}
.quickmenu .cards_landscape_wrap p, .councilquickmenu .cards_landscape_wrap p, .bevrquickmenu .cards_landscape_wrap p {
	font-family: "Oswald", sans-serif, var(--bs-body-font-family), sans-serif;
	text-transform: uppercase !important;
	color: var(--bg-wht);
	/*margin-bottom: 10px !important;*/
	font-size: calc(0.5rem + 1.2vw);
	font-weight: 300;
	line-height: 1.25;
	text-align: center;
	letter-spacing: 2px;
	transition: all .15s ease-in-out;
}
.quickmenu .cards_landscape_wrap:hover p, .councilquickmenu .cards_landscape_wrap:hover p, .bevrquickmenu .cards_landscape_wrap:hover p {
	text-transform: uppercase !important;
	color: var(--bg-ylw);
	/*margin-bottom: 10px !important;*/
	/*font-size: calc(0.5rem + 1.2vw);*/
	line-height: 1.25;
	text-align: center;
	letter-spacing: 2px;
	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 .quickmenubg, .councilquickmenu .quickmenubg {/*padding: 2rem 0 2rem 0 !important;*/}
	.quickmenu .page-title h1, .quickmenu .bg-envgrn .page-title h1 {font-size: calc(2.5rem + 2vw);}
	.cards_landscape_wrap .card-flyer .fancybox {padding: 3rem !important;}
	.cards_landscape_wrap p {font-size: calc(100% + 0.75vw);}
	/*.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) {
	.quickmenu .quickmenubg, .councilquickmenu .quickmenubg {padding: 0rem 0rem !important;}
	.quickmenu .page-title h1, .quickmenu .bg-envgrn .page-title h1 {font-size: calc(2rem + 1.5vw);}
	.cards_landscape_wrap .card-flyer .fancybox {padding: 0.5rem !important;}
	.cards_landscape_wrap .card-flyer .fancybox .fa-solid, .cards_landscape_wrap .card-flyer .fancybox .bi {font-size: calc(1.5rem + 1.5vw);}
	.cards_landscape_wrap p {font-size: calc(75% + 0.75vw);}
	/*.quickmenu .cards_landscape_wrap p, .councilquickmenu .cards_landscape_wrap p, .bevrquickmenu .cards_landscape_wrap p {
		/*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) {
	.quickmenu .quickmenubg, .councilquickmenu .quickmenubg {padding: 0 0 !important;}
	.quickmenu .page-title h1, .quickmenu .bg-envgrn .page-title h1 {
		font-size: calc(1.5rem + 1.5vw);
		margin-top: 0.25rem !important;
		
		letter-spacing: 1.5px;
		-webkit-text-stroke: 0px var(--bg-gry);
		text-shadow: 0px 0px 0 var(--bg-gry), 0px 0px 0 var(--bg-gry), 0px 0px 0 var(--bg-gry), 0px 0px 0 var(--bg-gry), 0px 0px 0 var(--bg-gry), 0px 0px 0 var(--bg-gry), 0px 0px 0 var(--bg-gry), 0px 0px 0 var(--bg-gry), 0px 3px 0px var(--bg-blk-75), 0px 4px 3px var(--bg-blk-50), 1px 1px 0 var(--bg-gry), 1px -1px 0 var(--bg-gry), -1px 1px 0 var(--bg-gry), -1px -1px 0px var(--bg-gry), 1px 0px 0 var(--bg-gry), 0px 1px 0 var(--bg-gry), -1px 0px 0 var(--bg-gry), 0px -1px 0px var(--bg-gry), 0px 5px 5px var(--bg-blk);
		filter: drop-shadow(0px 3px 1px rgba(60 60 60 / 55%));
		-webkit-filter: drop-shadow(0px 2px 1px rgba(60 60 60 / 55%));
		
		/*text-shadow: 1px 1px 0 var(--bg-cc), 1px -1px 0 var(--bg-cc), -1px 1px 0 var(--bg-cc), -1px -1px 0 var(--bg-cc), 1px 0px 0 var(--bg-cc), 0px 1px 0 var(--bg-cc), -1px 0px 0 var(--bg-cc), 0px -1px 0 var(--bg-cc),0px 2px 0px var(--bg-wht-75), 0px 3px 1px var(--bg-gry-50);*/
	}
	.cards_landscape_wrap .card-flyer .fancybox {padding: 0rem !important;}
	.cards_landscape_wrap .card-flyer .fancybox .fa-solid, .cards_landscape_wrap .card-flyer .fancybox .bi {font-size: calc(1rem + 1.75vw);}
	.cards_landscape_wrap p {font-size: calc(50% + 0.75vw);}
	/*.quickmenu .cards_landscape_wrap p, .councilquickmenu .cards_landscape_wrap p, .bevrquickmenu .cards_landscape_wrap p {
		/*margin-bottom: 10px !important;*/
		/*font-size: calc(0.75rem + 0.85vw);* /
		line-height: 1 !important;
		text-align: center;
		transition: all .15s ease-in-out;
	}*/
	/*.recent-news-title {font-size: calc(3rem + 2vw);}*/
	.row.page-title  .col-12, .row.page-title .col-12 {padding: 2rem 0;}
	.quickmenubg div[role=navigation] {padding: 1rem 0rem;}
}


@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% + 1.75vw);
	}
	.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.25;
		text-align: center;
		transition: all .15s ease-in-out;
	}
}
@media (min-width: 700px) and (max-width: 1250px) {
	.cards_landscape_wrap .card-flyer .fancybox {padding: 2.5rem !important;}
	.quickmenu .cards_landscape_wrap p, .councilquickmenu .cards_landscape_wrap p, .bevrquickmenu .cards_landscape_wrap p {
		color: var(--bg-wht);
		/*margin-bottom: 10px !important;*/
		line-height: 1.25;
		text-align: center;
		transition: all .15s ease-in-out;
	}
}
@media (min-width: 0px) and (max-width: 700px) {
	.cards_landscape_wrap .card-flyer .fancybox {padding: 1.75rem !important;}
	.quickmenu .cards_landscape_wrap p, .councilquickmenu .cards_landscape_wrap p, .bevrquickmenu .cards_landscape_wrap p {
		color: var(--bg-wht);
		/*margin-bottom: 10px !important;*/
		font-size: calc(0.75rem + 0.85vw);
		line-height: 1.2 !important;
		text-align: center;
		transition: all .15s ease-in-out;
	}
	[aria-labelledby=quickmenu] .modal-body a {min-height: 50px !important;}
	[aria-labelledby=quickmenu] .modal-body a i {font-size: 1.35rem !important;}
}
.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-blu) !important;
	/*text-shadow: 1px 1px 0 var(--bg-blu-50), 1px -1px 0 var(--bg-blu-50), -1px 1px 0 var(--bg-blu-50), -1px -1px 0 var(--bg-blu-50), 1px 0px 0 var(--bg-blu-50), 0px 1px 0 var(--bg-blu-50), -1px 0px 0 var(--bg-blu-50), 0px -1px 0 var(--bg-blu-50);*/
	-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 4px var(--bg-ylw), inset 0px 0px 0px 8px var(--bg-blu), inset 0px 0px 0px 100px var(--bg-wht), 0px 0px 5px 0px var(--bg-ylw-90);
	transition: all .2s ease-in-out;
}
.quickmenu .active {pointer-events: none;}
.quickmenu .active .cards_landscape_wrap p {
	color: var(--bg-ylw);
	font-weight: 400;
	/*text-shadow: 0px 1px 0px var(--bg-gry-25), 0px 1px 2px var(--bg-gry-25);*/
}

.quickmenu .active .cards_landscape_wrap .fancybox .bi, .quickmenu .active .cards_landscape_wrap .fancybox .fa-solid {
	width: 100%;
	color: var(--bg-cc-nav-90) !important;
	/*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);*/
}
/*section .modal.show .modal-body a {
	background: var(--bg-gry);
	background-color: var(--bg-gry);
	height: 100%;
	padding: 10px !important;
	color: var(--txt-drk);
	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;
	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;*-/
	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: inherit;}
.card-footer {background: var(--bg-wht); margin-top: 0.25rem; border-radius: 0 0 0.25rem 0.25rem;}

/* --------------------------------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;*/}
}
.docsearchmenu #search a.cd-panel__close[aria-expanded=true] {/*margin-top: 2px;*/}
.docsearchmenu a.cd-panel__close[aria-expanded=true] {
	background: var(--bg-danger);
	box-shadow: none;
	color: transparent;
	background-image: var(--bs-gradient);
	border-radius: inherit;
	border: solid;
	border-width: 0;
	line-height: 1.25;
	transition: all 0.15s ease-in-out;
}
.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;
	/*margin-top: 2px;*/
	padding: 0 !important;
	background: rgb(249 57 57 / 75%);
	overflow: hidden;
	font-size: small;
	color: transparent;
	text-indent: 10px;
	text-transform: uppercase;
	white-space: nowrap;
	box-shadow: none;
	transition: all 0.10s ease-in-out;
	z-index: 1;
}
.cd-panel__close:hover {
	box-shadow: none;
	color: transparent;
	transition: all 0.15s ease-in-out;
	background: rgb(249 57 57 / 100%);
	border-bottom: none;
	transition: all 0.15s ease-in-out;
}
.cd-panel__close::before,
.cd-panel__close::after {
	content: '';
	position: absolute;
	top: 22px;
	left: 20px;
	height: 3px;
	width: 20px;
	background-color: var(--bg-ylw);
	transition: all 0.15s ease-in-out;
	/*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 {
	widows: 100%;
	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);
	border-radius: var(--rounded-4) var(--rounded-4) 0 0;
	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 {
	width: auto;
	height: fit-content;
	margin: 0.5rem auto;
	display: inline-flex;
	top: 0;
	transition: all 0.15s linear;
}
.card-title .sitelink a {
	border-radius: var(--rounded-4) var(--rounded-4) 0 0;
	color: var(--bg-cc-nav);
	box-shadow: inset 0px 0px 0px 0px var(--bg-ylw), 0px 0px 0px 0px var(--bg-trq);
	transition: all 0.10s ease-in-out;	
}
.card-title .sitelink a:hover {
	border-radius: var(--rounded-4) var(--rounded-4) 0 0;
	box-shadow: inset 0px -50em 0px 0px var(--bg-ylw), 0px 0px 0px 0px var(--bg-trq);
	transition: all 0.15s ease-in-out;	
}
/* ============ OTHER CAROUSEL ============ */
.carousel-indicators [data-bs-target] {
	width: auto;
	height: auto;
	border: 2px var(--bg-wht) solid;
	background-color: var(--bg-ylw-90);
	margin: 0rem 0.25rem;
	padding: 0.25rem !important;
	opacity: .75;
	border-radius: 20rem !important;
	box-shadow: 0 0px 1px 1px var(--bg-blk-50);
	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 1px 1px var(--bg-ylw), 0 0px 0px 2px var(--bg-grn) !important;
	pointer-events: none;
	opacity: 1;
	transition: all 0.15s linear;
}
.carousel-indicators .text[data-bs-target] {
	width: auto;
	color: var(--bg-cc);
	padding: .25rem;
	text-indent: 0;
	line-height: initial;
}
.carousel figure {
	max-height: 225px;
	padding: 10px;
	border: 1px var(--txt-drk) 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: 46.65%;*/
	padding: 1em;
	background-color: var(--bg-grn-25);
	background-image: none;
	color: var(--bg-wht);
	box-shadow: 0px 0px 0px 3px var(--bg-wht), 0px 0px 0px 3px var(--bg-grn-50);
	transition: all 0.15s ease-in-out !important;
}
.carousel-control-next-icon::after {
	content: "\F138";
	font-size: calc(1.5rem + 1vh);
	font-weight: bold;
	position: absolute;
	transform: translate(-50%,-50%);
	top: 50%;
	left: 50%;
	justify-content: flex-end;
	font-family: "bootstrap-icons";
}
.carousel-control-prev-icon::after {
	content: "\F12F";
	font-size: calc(1.5rem + 1vh);
	font-weight: bold;
	position: absolute;
	transform: translate(-50%,-50%);
	top: 50%;
	left: 50%;
	justify-content: flex-end;
	font-family: "bootstrap-icons";
}
.carousel-control-next-icon:hover,
.carousel-control-prev-icon:hover {
	background-color: var(--bg-grn);
	color: var(--bg-wht);
	box-shadow: 0px 0px 0px 3px var(--bg-wht), 0px 0px 0px 6px var(--bg-grn-75);
	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;}
#alertrow {background: var(--quickmenubg); background-image: var(--bs-gradient);}
#countyalertcarousel .alert-inner .carousel-item {
	min-height: 180px;
	padding-bottom: 0 !important;
}
#countyalertcarousel .alert-inner .carousel-item .titleIcon {
	display: inline-block;
	margin: 0 0.35rem 0.75rem 0;
	border-radius: 10rem;
}
#countyalertcarousel .alert-inner .carousel-item .titleIcon i {
	display: flex;
	align-content: center;
	align-items: center;
	border-radius: 10rem;
	padding: 0.5rem;
	box-shadow: 0px 0px 0px 2px var(--bg-wht);
}
#countyalertcarousel .alert-inner .carousel-item .titleIcon i.bi-gear-wide-connected {
	box-shadow: 0px 0px 0px 2px var(--bg-blk);
}
#countyalertcarousel .alert-inner .carousel-item .titleIcon i::before {
	display: flex;
	align-content: center;
	align-items: center;
	flex-wrap: nowrap;
}
@media (min-width: 701px) and (max-width: 1150px) {
	#countyalertcarousel.carousel-fade, #countyalertcarousel .alert-inner .carousel-item {
		min-height: 210px;
	}
}
@media (min-width: 10px) and (max-width: 700px) {
	#countyalertcarousel.carousel-fade, #countyalertcarousel .alert-inner .carousel-item {
		min-height: 150px;
	}
}
#countyalertcarousel .alert-inner {
	background: var(--bg-cc-nav);
	background-image: var(--cc-gradient);
	transition: height 0.5s ease;
}
#countyalertcarousel .carousel-fade .carousel-item {
  opacity: 0;
  transition: opacity 0.5s ease;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#countyalertcarousel .carousel-fade .carousel-item.active {
  opacity: 1;
  position: relative;
}
#countyalertcarousel .alert-inner .carousel-item .btnrow {max-width: 175px; padding: 0 0.5rem;}
/*.carousel-inner,
.carousel-item,*/
.item-box-blog {height: 100%; background: var(--bg-nav);}
.col.blog {}
.col.blog a {
	height: 100%;
	box-shadow: none;
	padding: 0;
}
.col.blog a .row.blog {
	color: var(--bg-blk);
	background-color: var(--bg-cc-nav-5);
	background-image: var(--cc-gradient);
	border: 1px var(--bg-blu-25) solid;
	border-radius: var(--rounded-3);
	margin: 0px;
	padding: 0;
	/*display: flex;
	align-items: start;
	justify-content: center;*/
	box-shadow: 0rem 0rem 0rem 0rem var(--bg-blk-25);
	overflow: hidden;
	transition: all 0.15s ease-in-out;
}
.col.blog a:hover .row.blog {
	background-color: var(--bg-wht);
	background-image: var(--cc-gradient);
	border: 1px var(--bg-blu-75) solid;
	border-radius: var(--rounded-3);
	margin: 0px;
	padding: 0;
	display: flex;
	/*align-items: start;*/
	justify-content: center;
	box-shadow: 0rem 0.25rem 0.5rem 0.0rem var(--bg-blk-25);
	overflow: hidden;
	transition: all 0.2s ease-in-out;
}
.row.blog .blogrowfooter  {
	background-color: var(--bg-gry-25);
	background-image: var(--bs-gradient);
	border-top: 1px solid var(--bg-gry);
	padding: 0.25rem;
	display: flex;
	align-items: center;
	align-content: center;
	/*position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);*/
}
.col.blog a:hover .row.blogrowfooter {
	background-color: var(--bg-ylw);
	background-image: var(--bs-gradient);
	border-top: 1px solid var(--bg-gry);
	padding: 0.25rem;
	display: flex;
	/*position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);*/
}
.col.blog a:hover .row.blogrowfooter .readmore, .col.blog a:hover .row.blogrowfooter .readmore i, .col.blog a:hover .row.blogrowfooter .blogdate {
	color: var(--bg-cc-nav);
	transition: all 0.1s ease-in-out;
}
.row.blogrowfooter .readmore, .row.blogrowfooter .readmore i {
	width: auto;
	margin: 0 auto;
	display: flex;
	align-items: center;
	color: var(--bg-blu);
	font-size: 0.85rem;
	text-transform: uppercase;
	text-align: center;
	transition: all 0.15s ease-in-out;
}
.row.blogrowfooter .blogdate {
	color: var(--bg-blu);
	font-size: 0.85rem;
	display: block;
	text-align: center;
}
.row.blog img {
	margin-left: 0.5rem;
	border-radius: 0 var(--rounded-2) 0 0;
	border-top: none;
	border-right: none;
}
.row.blog span.newstitle {
	display: block;
	font-size: 1.25rem;
	line-height: 1.25;
	padding: 0.25rem 0 0 0.5rem;
}
.carousel-control-next,
.carousel-control-prev {background-image: none !important; 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 {max-width: 150px; top: 0;}
.alertrow .carousel-indicators.countycarousel {max-width: 150px; top: auto; bottom: 0.25rem;}
.carousel-caption {width: 70%; top: auto; bottom: auto; transition: all 0.15s ease-in-out;}
.caption-text {
	width: 100%;
	background-color: var(--bg-nav-0) !important;
	background-image: none !important;
	text-align: center;
	line-height: 1.5;
	display: block;
	/*color: var(--bg-cc-nav);*/
	font-weight: bold;
	margin: 0.5rem 0;
	padding: 0.5rem 0;
	text-shadow: 2px 1px 2px rgba(0,0,0,0.6);
	/*text-shadow: 1px 1px 2px var(--bg-blk-90), 1px 1px 0 var(--bg-gry), 1px -1px 0 var(--bg-gry), -1px 1px 0 var(--bg-gry), -1px -1px 0 var(--bg-gry), 1px 0px 0 var(--bg-gry), 0px 1px 0 var(--bg-gry), -1px 0px 0 var(--bg-gry), 0px -1px 0 var(--bg-gry);*/
	font-size: 3vw;
	letter-spacing: 1px;
	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);
}
.caption-text .fs-4, .caption-text .fs-5, .caption-text .fs-6 {text-transform: none; letter-spacing: 1px; font-weight: normal; text-shadow: 0 0px 5px var(--bg-blk-25);}
.carousel-caption {
	width: 100% !important;
	background-color: rgb(25 82 110 / 0%) !important;
	background-image: none !important;
	/*background-image: -webkit-linear-gradient(left, rgb(25 82 110 / 15%), rgb(25 82 110 / 75%), rgb(25 82 110 / 15%)) !important;*/
	font-family: "Oswald", sans-serif, var(--bs-body-font-family), sans-serif;
	font-weight: 400;
	text-align: center;
	padding: 0vw 2vw;
	color: var(--bg-wht);
	text-transform: uppercase;
	/*font-size: calc(3rem + 2vh);*/
	line-height: 1.25 !important;
	position: absolute;
	top: 50% !important;
	left: 50% !important;
	/*animation: slideDwn 0.75s ease-in-out;*/
	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;
}
@media (min-width: 0px) and (max-width: 700px) {
	/*#btn-back-to-top, #btn-back-to-top:active {bottom: 50px !important;}*/
	.carousel-caption {padding: 2.5rem;}
	.caption-text {font-size: 4vw !important; line-height: 1;}
	.carousel-item .caption-text span span.d-block {
		width: 90% !important;
		margin: 0 auto !important;
	}
	.caption-text .fs-3, .caption-text .fs-6 {font-size: calc(1rem + 1vw) !important;}
	.carousel-item .caption-text .fs-6, .carousel-item .caption-text .fs-5, .carousel-item .caption-text .fs-4, .carousel-item .caption-text .fs-3 {font-size: calc(1rem + 1vw) !important;}
	.caption-text .d-block {font-size: calc(1.1rem + 1vw);}
}
.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;
}
.overlaywht {
	width: 100%;
	height: 100%;
	position: absolute;
	background-image: url('../images/bgs/gradient-cc-highlight.webp');
	/*background-color: var(--bg-nav-25);*/
	/*background-image: var(--bs-gradient);*/
	background-position: bottom;
	background-size: cover;
	background-repeat: no-repeat;
	z-index: 2;
}
.caption-text span.fs-3,.caption-text span.fs-6 {color: var(--bg-ylw); letter-spacing: 1px !important;}
.carousel-item.active .carousel-caption .caption-top {margin-top: 0px;}
.carousel-item > a {padding: 0px !important;}
.carousel-item .overlaywht {backdrop-filter: blur(0pt);transition: all 0.2s linear;}
.carousel-item:hover .overlaywht {backdrop-filter: blur(0.25rem);transition: all 0.25s linear;}
.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-item img {border-radius: 0 !important; border: none !important; aspect-ratio: 3 / 0 !important;}
.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);
	/*border: 1px solid var(--bg-gry-90);*/
	border-radius: var(--rounded-2);
	-webkit-transform: none;
	transform: none;
	transition: height 0.3s ease-in-out;
}
a .carousel-caption:hover .caption-text, .carousel-item:hover .caption-text {
	/*border: 1px var(--txt-drk) solid;*/
	color: var(--bg-wht) !important;
	/*text-shadow: 2px 1px 2px rgba(0,0,0,0.6);*/
	/*text-shadow: 3px 2px 5px var(--bg-blk), 1px 1px 0 var(--bg-gry), 1px -1px 0 var(--bg-gry), -1px 1px 0 var(--bg-gry), -1px -1px 0 var(--bg-gry), 1px 0px 0 var(--bg-gry), 0px 1px 0 var(--bg-gry), -1px 0px 0 var(--bg-gry), 0px -1px 0 var(--bg-gry);*/
	/*text-shadow: 0px 0px 30px var(--bg-blk-50);*/
	/*--bs-bg-opacity: 0.9;
	background-color: var(--bg-cc-nav-75) !important;*/
}
.carousel-item .caption-text span span.d-block {
	width: 100%;
	margin: 0 auto;
	line-height: 1.1;
}
.carousel-item .caption-text .fs-6, .carousel-item .caption-text .fs-5, .carousel-item .caption-text .fs-4, .carousel-item .caption-text .fs-3 {
	width: 100% !important;
	/*border: 1px var(--txt-drk) solid;*/
	text-shadow: 2px 1px 2px rgba(0,0,0,0.6);
	/*text-shadow: 2px 1px 2px var(--bg-blk-75), 1px 1px 0 var(--bg-frm), 1px -1px 0 var(--bg-frm), -1px 1px 0 var(--bg-frm), -1px -1px 0 var(--bg-frm), 1px 0px 0 var(--bg-frm), 0px 1px 0 var(--bg-frm), -1px 0px 0 var(--bg-frm), 0px -1px 0 var(--bg-frm);*/
	letter-spacing: 1px !important;
	line-height: 0.8 !important;
	transition: 0.2s;
}
.carousel-item:hover .caption-text .fs-6, .carousel-item:hover .caption-text .fs-5, .carousel-item:hover .caption-text .fs-4, .carousel-item:hover .caption-text .fs-3 {
	/*color: var(--bg-cc-nav);*/
	/*text-shadow: 2px 1px 5px var(--bg-blk-90), 1px 1px 0 var(--bg-blk-25), 1px -1px 0 var(--bg-blk-25), -1px 1px 0 var(--bg-blk-25), -1px -1px 0 var(--bg-blk-25), 1px 0px 0 var(--bg-blk-25), 0px 1px 0 var(--bg-blk-25), -1px 0px 0 var(--bg-blk-25), 0px -1px 0 var(--bg-blk-25);*/
	
	/*border-top: 1px solid var(--bg-blu);
	border-bottom: 1px solid var(--bg-blu);*/
	transition: 0.4s;
}
/* ============ 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;
	width: 100% !important;
	background: var(--bg-nav) !important; background-image: var(--cc-gradient) !important;
	padding: 0.25rem !important;
	/*background: var(--bg-wht);
	border: 1px solid var(--bg-cc-nav);*/
	border-radius: 0.25rem !important;
	transition: all 0.2s ease-in-out;
}
#councilcarousel .card:hover, #officialscarousel .card:hover {background: var(--bg-wht-90) !important; transform: none; transition: all 0.2s ease-in-out;}
#councilcarousel .card img, #officialscarousel .card img {border: 1px solid var(--bg-gry-50); border-radius: 0.35rem 0.35rem 0 0 !important;}
#councilcarousel .card .card-title, #officialscarousel .card .card-title {width: 100% !important;}
#councilcarousel .card .card-text, #officialscarousel .card .card-text {
	background: var(--bg-cc-nav) !important;
	border-radius: 0 0 0.25rem 0.25rem !important;
}
#councilcarousel .card .card-text a, #officialscarousel .card .card-text a {padding: 3px 1rem; 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, .officialscarousel .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-drk);
	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-drk);
	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, .form-select.bg-cc, .form-select.bg-cc-alt, .form-select.border, input[type=checkbox], .form-check .form-check-input input[type=checkbox], .contact-ccform input[type=checkbox] {
	position: relative;
	border-radius: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
}
.accordion-item {
	color: var(--bg-blk);
	background: transparent;
	background-color: transparent;
	margin: 2px 0;
}
button.accordion-button, .accordion-button {
	display: inline-block;
	border: 2px solid var(--bg-white);
	/*border-radius: var(--rounded-4);*/
	background-color: var(--bg-cc-nav-25) !important;
	background-image: var(--cc-gradient) !important;
	color: var(--bg-cc);
	padding-top: 0.75rem;
	padding-right: 1.25rem !important;
	padding-bottom: 0.75rem;
	line-height: 1.25 !important;
	font-size: 1.2rem;
	transition: all 0.15s ease-in-out;
}
button.accordion-button:hover, .accordion-button:hover {
	background-color: var(--bg-ylw) !important;
	background-image: var(--cc-gradient) !important;
	border-color: var(--bg-wht) !important;
	color: var(--bg-cc-nav) !important;
	transition: all 0.15s ease-in-out;
}
.accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed { border-radius: var(--bs-accordion-inner-border-radius);}
.accordion-item:first-of-type .accordion-button, .accordion-item:last-of-type .accordion-button.collapsed {border: 2px solid var(--bg-wht);/*border-radius: var(--rounded-4);*/}
button.accordion-button.bg-blu, .accordion-button.bg-blu {
	border-color: var(--bg-wht) !important;
}
#accordionRSS button.accordion-button, .accordion-button {
	padding-right: 0rem !important;
}
.accordion-header {
	display: block;
	background: var(--bg-nav);
	border: 1px solid var(--bg-cc-nav-50);
	letter-spacing: 2px;
	font-size: 1.2rem;
	/*font-family: "Atkinson Hyperlegible", "Open Sans", sans-serif;*/
	font-family: "Roboto Condensed", sans-serif;
}
.accordion-header:hover .badge {border-color: var(--bg-ylw) !important;}
#accordionRSS .accordion-item button {border: none !important;}
.accordion-button {
	background-image: var(--bs-gradient) !important;
	border: 1px solid var(--bg-gry);
	box-shadow: none;
	padding-right: 3rem;
}
.accordion-button:hover {
	color: var(--bg-cc-nav);
	background-color: var(--bg-ylw-25) !important;
	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: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;
	border: 2px solid var(--bg-wht);
	box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
.accordion-button::after {
	content: "\F282";
	font-weight: bold;
	position: absolute;
	transform: translate(-50%,-50%);
	top: 50%;
	right: 10px;
	justify-content: flex-end;
	font-family: "bootstrap-icons";
	transition: all 0.15s ease-in-out;
}
.accordion-button:not(.collapsed)::after {
	content: "\F282";
	font-weight: bold;
	position: absolute;
	transform: translate(-50%, -50%) rotate(180deg);
	top: 50%;
	right: 10px;
	justify-content: flex-end;
	font-family: "bootstrap-icons";
	transition: all 0.2s ease-in-out;
}
.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 {background: var(--bg-wht); font-weight: normal; z-index: 10; border: 1px solid var(--bg-gry); 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 {font-size: 1rem; pointer-events: none;}
.ordinances .accordion-item .accordion-collapse .row .col-12 .w-100 {padding: 0 5px; font-size: 0.8rem; 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;}
.ordinances .headerrow {font-size: 1.25rem; line-height: 1;}
.ordinances, .ordinancedesc, .ordinanceadopted, .ordinancedescalt {font-size: 1rem; line-height: 1.1;}
.qmenurow .ordinances {border: none;}
.rounded-4.bottomshadow.p-1.bg-white {border: 1px solid var(--bg-blu-25) !important;}
.ordinance a {}
.ordinance a .ordpdf i {padding: 0 0.25rem 0 0;}
@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 124 195 / 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 64 95 / 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 124 195 / 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: 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, .videocarousel [data-bs-target].active {
	border: 1px var(--bg-gry-90) solid;
	background-color: var(--bg-cc-nav-75) !important;
	box-shadow: 0 0px 0px 0px var(--bg-cc-nav-75) !important;
	color: var(--bg-nav) !important;
	border-radius: var(--rounded-2) !important;
	opacity: 1;
	transition: all 0.15s linear;
}
.infocarousel [data-bs-target] img, .infocarousel [data-bs-target] img {
	border-radius: var(--rounded-2) !important;
	box-shadow: 0 0px 0px 1px var(--bg-gry-90) !important;
	/*border: 1px var(--bg-wht) solid !important;*/
}
.infocarousel [data-bs-target]:hover img, .infocarousel [data-bs-target]:hover img {
	border-radius: var(--rounded-2) !important;
	box-shadow: 0 0px 0px 1px var(--bg-gry) !important;
	/*border: 1px var(--bg-wht) solid !important;*/
}
.infocarousel [data-bs-target], .videocarousel [data-bs-target] {
	border: 1px var(--bg-blu-25) solid;
	background-color: var(--bg-cc-nav-25) !important;
	background-image: var(--bs-gradient);
	color: var(--bg-cc-nav);
	border-radius: var(--rounded-2) !important;
	box-shadow: 0 0px 0px 0px var(--bg-ylw) !important;
	transition: all 0.15s linear;
}
.infocarousel [data-bs-target]:hover, .videocarousel [data-bs-target]:hover {
	color: var(--bg-cc);
	border: 1px var(--bg-blu-75) solid;
	background-color: var(--bg-ylw) !important;
	box-shadow: 0 0px 0px 0px 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: var(--bg-cc-nav-10); 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, .infocarousel .carousel-inner, .videocarousel .carousel-inner {
	background: var(--bg-cc-nav-75);
	padding: 0.5rem;
	border: 1px var(--bg-gry-90) solid;
	border-radius: 0.5rem !important;
}
#infocarousel .carousel-inner.envgrn, #videocarousel .carousel-inner.envgrn, .infocarousel .carousel-inner.envgrn, .videocarousel .carousel-inner.envgrn {
	background: var(--bg-envgrn);
	padding: 0.5rem;
	border: 1px var(--bg-gry-90) solid;
	border-radius: 0.5rem !important;
}
.infocarousel .carousel-item {
	width: 95%;
	display: contents;
	margin: 0 .5em;
	padding: 0;
	box-shadow: none;
	border: 1px transparent solid;
}
.infocarousel .carousel-item .bg-light:hover {
	color: var(--txt-drk) !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;
	position: relative;
	float: left;
	overflow: hidden;
}
.multicarousel .multicarousel-inner, section.featured .features {float: left; z-index: 50;}
.multicarousel .multicarousel-inner .item {
	width: 100%;
	animation: fadeIn 0.5s ease-in-out ;
	opacity: 1;
	/*margin: 0 0 20px 0;*/
	padding: 0 1.5rem;
	float: left;
	transition: all 0s ease-in-out !important;
}
.multicarousel .multicarousel-inner .item.hidden {
	/*width: 0% !important;
	margin: 0;
	padding: 0;*/
	animation: fadeOut 0.5s ease-in-out ;
	opacity: 0;
	transition: all 0.5s ease-in-out !important;
	/*display: none !important;*/
}
.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;
}
.other-services .twitter-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, .countyevents-inner .item > div:hover {
	background-color: rgb(255 255 255 / 100%)!important;
	background-image: var(--cc-gradient) !important;
	box-shadow: 0rem 0.25rem 0.5rem 0.0rem var(--bg-blk-25) !important;
	border: 1px solid var(--bg-blu-75) !important;
	transform: scale(1.025);
}
.multicarousel .leftLst, .multicarousel .rightLst {
	width: auto;
	height: auto;
	top: 4.25%;
	color: var(--bg-wht);
	border: 0 solid transparent;
	box-shadow: 0px 0px 0px 0px var(--bg-grn-50);
	background-color: var(--bg-grn-50);
	background-image: var(--bs-gradient) !important;
	position: absolute;
	border-radius: 50% !important;
	/*bottom: calc(10% - 10px);*/
	transition: all 0.15s ease-in-out !important;
}
.multicarousel .leftLst:hover, .multicarousel .rightLst:hover {
	background: var(--bg-grn);
	color: var(--bg-wht);
	border: 0 solid transparent;
	box-shadow: 0px 0px 0px 0px var(--bg-grn-50);
	transition: all 0.20s ease-in-out !important;
}
.multicarousel .leftLst:active, .multicarousel .rightLst:active {transform: scale(0.95);}
.multicarousel .leftLst {left: 3rem;}
.multicarousel .rightLst {right: 3rem;}
.multicarousel .leftLst.over, .multicarousel .rightLst.over {
	background: var(--bg-gry);
	color: var(--bg-wht);
	box-shadow: 0px 0px 0px 0px var(--bg-gry-50);
	pointer-events: none;
	z-index: 100;
}
.twittercarouselbody .multicarousel .leftLst.over .carousel-control.carousel-control-prev-icon, .twittercarouselbody .multicarousel .rightLst.over .carousel-control.carousel-control-next-icon {
	background-color: var(--bg-gry);
	color: var(--bg-wht);
	box-shadow: 0px 0px 0px 3px var(--bg-wht), 0px 0px 0px 3px var(--bg-grn-50);
	transition: all 0.15s ease-in-out !important;
}
/* ============ 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);*/
	border: 1px solid var(--bg-gry-90);
	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: 1px solid var(--bg-blu-75);
	color: var(--bg-cc-nav) !important;
	transition: all 0.15s ease-in-out;
}
.threat-type .threat {
	width: 50px;
	height: 50px;
	background: var(--bg-cc-nav-10);
	/*background: var(--bg-nav-75) !important;*/
	background-image: var(--cc-gradient)!important;
	border: 1px var(--bg-blu-25) solid;
	color: var(--bg-cc-nav-90);
	box-shadow: 0px 10px 10px -10px var(--bg-blk-25) !important;
	border-radius: var(--rounded-4);
	transition: all 0.15s ease-in-out;
}
#threat-types .threatcarousel .carousel-item {
	color: var(--txt-drk);
	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 124 195 / 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 64 95);}
.card-title.firstsoldest span:nth-child(even) {margin: 0.75rem 0;}

/* ============ TWITTER CAROUSEL ============ */

.recent-news-container {
	padding: 4px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	/*background: var(--bg-ylw);*/
	/*background: var(--bg-cc-nav-25);*/
}
.recent-news-title {
	position: relative;
	margin-top: 0;
	font-family: "Oswald", sans-serif, var(--bs-body-font-family), sans-serif;
	/*-webkit-text-stroke: 1px var(--bg-wht);*/
	/*text-shadow: 1px 1px 0 var(--bg-nav), 1px -1px 0 var(--bg-nav), -1px 1px 0 var(--bg-nav), -1px -1px 0 var(--bg-nav), 1px 0px 0 var(--bg-nav), 0px 1px 0 var(--bg-nav), -1px 0px 0 var(--bg-nav), 0px -1px 0 var(--bg-nav),0px 3px 0px var(--bg-gry-75), 0px 4px 3px var(--bg-blk-50);*/
	text-align: center;
	padding: 0vw 2vw;
	color: var(--bg-blk);
	font-size: calc(2.75rem + 2vw);
	line-height: 1.25;
	/*border: 4px solid var(--bg-cc);*/
	/*box-shadow: inset 0px 0px 8px -3px var(--bg-blk);*/
	text-transform: uppercase;
	letter-spacing: 3px;
	/*font-weight: bold;*/
	/*background: var(--bg-wht);*/
	/*background-image: var(--bs-gradient) !important;*/
	/*border: 25px solid #B88846;*/
}
.recent-news-alt {
	/*font-style: italic;*/
	/*margin-top: 0.5rem;*/
	display: block;
	font-size: calc(1rem + 0.25vw);
}	

	.recent-news-title a {
		text-decoration: none;
		color: #ffffff;
		position: absolute;

		-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), color-stop(50%, rgba(0,0,0,0)), to(rgba(0,0,0,1)));
		text-shadow: 0 2px 0 #e9e9e9;
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		transition: all .3s;
	}
	
	.recent-news-title a:hover {
		color: #185a50;
		-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), color-stop(50%, rgba(0,0,0,.3)), to(rgba(0,0,0,1)));
		
	}

	.recent-news-title:after {
		color: #dbdbdb;
		content : attr(data-title);
	}


/*.section-title {
  line-height: 0.5;
  text-align: center;
}
.section-title span {
  display: inline-block;
  position: relative;  
}
.section-title span:before,
.section-title span:after {
  content: "";
  position: absolute;
  height: 1.25vh;
  border-bottom: 2px solid var(--bg-cc-nav);
  border-top: 2px solid var(--bg-cc-nav);
  top: 36%;
  width: 100%;
}
.section-title span:before {
  right: 100%;
  margin-right: 1rem;
}
.section-title span:after {
  left: 100%;
  margin-left: 1rem;
}*/
.twittercarouselbody button.online-services-fltr-btn {
	width: 100%;
	/*min-width: 175px;*/
	height: 100%;
	background-color: transparent /*var(--bg-cc-nav-25);*/;
	background-image: var(--bs-gradient);
	border: 1px solid var(--bg-white);
	border-radius: var(--rounded-circle);
	padding: var(--bs-btn-padding-y) calc(var(--bs-btn-padding-x) * 1 + 5px);
	box-shadow: none;
	font-family: "Oswald", sans-serif, var(--bs-body-font-family), sans-serif;
	font-weight: 400;
	letter-spacing: 1.5px;
	color: var(--bg-blk);
	/*font-size: calc(0.75rem + 0.75vw);*/
	font-variant: small-caps;
	line-height: 1;
}
.twittercarouselbody button.online-services-fltr-btn:hover {
	width: 100%;
	/*min-width: 175px;*/
	height: 100%;
	background-color: var(--bg-nav-50) !important;
	background-image: var(--bs-gradient);
	color: var(--bg-cc-nav) !important;
	border: 1px solid var(--bg-gry-50) !important;
	box-shadow: none;
	font-variant: small-caps;
	/*text-transform: uppercase;*/
	transition: all 0.2s ease-in-out;
}
.twittercarouselbody button.online-services-fltr-btn i {
	font-size: calc(1rem + 0.75vh);
	color: var(--bg-blu-50);
	transition: all 0.15s ease-in-out;
}
.twittercarouselbody button.online-services-fltr-btn:hover i {
	color: var(--bg-blu) !important;
	transition: all 0.15s ease-in-out;
}
.twittercarouselbody button.online-services-fltr-btn.active {
	background-color: var(--bg-cc-nav-75);
	background-image: var(--bs-gradient);
	border: 1px solid var(--bg-gry);
	box-shadow: none;
	border-radius: var(--rounded-circle) !important;
}
.onlineservice .bi:not(.bi-link-45deg) {
	display: flex;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	position: absolute;
	font-size: 90px;
	color: var(--bg-blu-25);
	/*color: rgb(0 0 0/ 10%);*/
	right: 1.5rem;
	bottom: 1rem;
	z-index: 1;
}
#twittercarouselbody .sectionblue-alt {
	/*background: rgb(213 220 228 / 90%);*/
	background: rgb(213 220 228 / 90%);
	background-image: var(--bs-gradient) !important;
}
.twittercarouselbody .sectionlight, .twitterfeedbody.sectionlight, .calendarbody .sectionlight {
	/*background-image: url('../images/bgs/bg-txtr.jpg') !important;
	background-position: left top;
	background-repeat: repeat;*/
}
.twittercarouselbody * .card-img-top {min-height: 100px; height: 100%;}
.twittercarouselbody .card .card-text, .twittercarouselbody .card .card-text a, .twittercarouselbody .card .card-text span, .twittercarouselbody .card span.date, .countyevents-inner .item .card .card-text, .countyevents-inner .item .card .card-text a, .countyevents-inner .item .card .card-text span, .countyevents-inner .item .card span.date  {
	display: block;
	font-family: "Oswald", sans-serif, var(--bs-body-font-family), sans-serif;
	font-weight: 400;
	letter-spacing: 1.5px;
	color: var(--bg-blk);
	/*font-size: max(1em, 12px) !important;*/
	font-size: calc(1rem + 0.25vw);
}
#alertrow a.btn {padding: 0.25rem 0.5rem !important;}
#alertrow a.btn {
	background-color: var(--bg-nav-0);
	background: var(--bg-nav-0);
	background-image: var(--cc-gradient) !important;
	/*background-color: rgba(201 212 219 / 20%) !important;*/
	color: var(--bg-nav);
	border: 1px var(--bg-gry) solid;
	box-shadow: none;
	transition: all 0.15s ease-in-out;
}
#alertrow a.btn i::before {margin: 0 !important;}
#alertrow a.btn:hover i {color: var(--bg-blu);}
#alertrow a.btn:hover {
	background-color: var(--bg-ylw-50) !important;
	background: var(--bg-ylw-50) !important;
	background-image: var(--cc-gradient) !important;
	color: var(--bg-blk);
	border: 1px var(--bg-blu) solid !important;
	box-shadow: 0rem 0.25rem 0.5rem -0.20rem var(--bg-blk-50) !important;
	transition: all 0.15s ease-in-out;
}
#alertrow .notice a.btn i {color: var(--bg-wht);}
#alertrow .notice a.btn {
	background-color: var(--bg-nav-0);
	background: var(--bg-nav-0);
	background-image: var(--cc-gradient) !important;
	/*background-color: rgba(201 212 219 / 20%) !important;*/
	color: var(--bg-wht);
	border: 1px var(--bg-wht) solid;
	box-shadow: none;
	transition: all 0.15s ease-in-out;
}
#alertrow .notice a.btn:hover,#alertrow .notice a.btn:hover i {color: var(--bg-blk);}
#alertrow p[role=status] span {/*min-width: 115px;*/}
.twittercarouselbody .card.alertcard .card-text a, .twittercarouselbody .twitter-inner .item div.card.alertcard span.date i  {color: var(--bg-wht); font-size: initial;}
.twittercarouselbody .twitter-carousel-inner .item div.card .release, .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-drk);
	transition: all 0.20s ease-in-out;
}*/
.twittercarouselbody .card-text a, .countyevents-inner .item .card .card-text a, .links-inner .item div.card a {
	color: var(--bg-cc);
	/*font-weight: bold;*/
	border-bottom: 0px var(--bg-cc) solid;
	text-decoration: none;
	box-shadow: none;
	transition: all 0.20s ease-in-out;
}
.links-inner .item div.card a {
	color: var(--bg-blk);
	/*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, .links-inner .item div.card a:hover {
	color: var(--bg-blk) !important;
	/*font-weight: bold;*/
	border-bottom: 0px var(--bg-cc) solid;
	box-shadow: none;
	transition: all 0.15s ease-in-out;
}
.twittercarouselbody .card:hover .vr, .countyevents-inner .card:hover .vr, .links-inner .item div.card:hover .vr {
	color: var(--bg-blu) !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-inner .item, .multicarousel .links-inner .item, section.featured .features .features-inner .item {
	width: 100%;
	animation: fadeIn 0.5s ease-in-out ;
	opacity: 1;
	/*margin: 0 0 20px 0;*/
	padding: 0 0.75rem;
	float: left;
	transition: all 0s ease-in-out !important;
}
.multicarousel .twitter-carousel-inner .item div.card, .multicarousel .twitter-inner .item div.card, .multicarousel .links-inner .item div.card, .countyevents-inner .item div.card {
	background: var(--bg-cc-nav-10);
	background-color: var(--bg-nav-50);
	/*background-image: var(--bs-gradient);
	background-image: url('../images/bgs/bg-txtr.jpg');
	background-position: top left;
	background-size: auto;
	background-repeat: repeat;
	border: 1px var(--bg-cc-nav-25) solid;*/
	border: 1px var(--bg-nav-0) solid;
	display: block;
	padding: 1.25rem !important;
	color: var(--bg-cc-nav-50);
	transform: none;
	margin: 0.75rem 0;
	/*border-radius: 0.5rem;*/
	box-shadow: 0px 0px 0px 0px var(--bg-blk-25);
	/*box-shadow: 0px 10px 10px -10px var(--bg-blk-25);*/
	transition: all 0.15s ease-in-out;
}
section.featured .features .features-inner .item {
	background: var(--bg-cc-nav-0);
	border: 1px var(--bg-nav-0) solid;
	display: block;
	padding: 0;
	color: var(--bg-cc-nav-50);
	transform: none;
	margin: 0;
	box-shadow: 0px 0px 0px 0px var(--bg-blk-25);
	transition: all 0.15s ease-in-out;
}
.multicarousel.other-services .twitter-inner .item > div {
	background-color: var(--bg-wht);
	background-image: var(--cc-gradient) !important;
	/*background-color: rgb(25 82 110 / 3%) !important;*/
	border: 1px var(--bg-blu-25) solid;
	display: flex;
	/*margin: 10px;*/
	padding: 0.5rem !important;
	align-items: start !important;
	justify-content: center !important;
	/*text-align: justify;*/
	box-shadow: none;
}
.dptheroheader .multicarousel.other-services .twitter-inner .item > div {
	background-color: var(--bg-cc-nav-90) !important;
	background-image: var(--bs-gradient) !important;
	color: var(--bg-wht);
	/*background-color: rgb(25 82 110 / 3%) !important;*/
	border: 1px var(--bg-blu-25) solid;
	display: flex;
	/*margin: 10px;*/
	padding: 0.5rem !important;
	align-items: start !important;
	justify-content: center !important;
	/*text-align: justify;*/
	box-shadow: none;
}
.dptheroheader .multicarousel.other-services .twitter-inner .item > .card a, .dptheroheader .multicarousel.other-services .twitter-inner .item > .card a span, .dptheroheader .multicarousel.other-services .twitter-inner .item > .card i {color: var(--bg-wht);}
.dptheroheader .multicarousel.other-services .multicarousel-inner .item > .card {
	background: var(--bg-cc-nav-90);
	background-color: var(--bg-cc-nav-90) !important;
	background-image: var(--bs-gradient) !important;
	border: 1px var(--bg-gry) solid !important;
	display: flex;
	/*margin: 10px;*/
	padding: 0.5rem !important;
	align-items: start !important;
	justify-content: center !important;
	/*text-align: justify;*/
	box-shadow: none;
	color: var(--bg-cc-nav);
	/*font-size: calc(1rem + 1vh);*/
	transition: all 0.15s linear;
}
.dptheroheader .multicarousel.other-services .multicarousel-inner .item > .card:hover {
	background: var(--bg-ylw-90);
	background-color: var(--bg-ylw-90) !important;
	background-image: var(--bs-gradient) !important;
	border: 1px var(--bg-blu) solid !important;
	display: flex;
	/*margin: 10px;*/
	padding: 0.5rem !important;
	align-items: start !important;
	justify-content: center !important;
	/*text-align: justify;*/
	box-shadow: none;
	color: var(--bg-cc-nav-90);
	/*font-size: calc(1rem + 1vh);*/
	transition: all 0.15s linear;
}
.dptheroheader .multicarousel.other-services .multicarousel-inner .item > .card i, .dptheroheader .multicarousel.other-services .multicarousel-inner .item > .card .vr, .dptheroheader .multicarousel.other-services .multicarousel-inner .item > .card a {
	padding-top: 0;
	padding-bottom: 0;
	color: var(--bg-wht);
}
.multicarousel.other-services .links-inner .item > div {
	background: var(--bg-cc-nav-10);
	background-color: var(--bg-cc-nav-10) !important;
	background-image: var(--bs-gradient) !important;
	border: 1px var(--bg-gry) solid !important;
	display: flex;
	/*margin: 10px;*/
	padding: 0.5rem !important;
	align-items: start !important;
	justify-content: center !important;
	/*text-align: justify;*/
	box-shadow: none;
}
.multicarousel.other-services .links-inner .item > div.bg-pdf {
	background-color: var(--bg-pdf) !important;
	background-image: var(--bs-gradient) !important;
	border: 1px var(--bg-red) solid;
	color: var(--bg-wht);
}
.multicarousel.other-services .links-inner .item > .card.bg-pdf i, .multicarousel.other-services .links-inner .item > .card.bg-pdf a {
	color: var(--bg-wht);
}
.multicarousel.other-services .links-inner .item > div.bg-grn {
	background-color: var(--bg-grn) !important;
	background-image: var(--bs-gradient) !important;
	border: 1px var(--bg-red) solid;
	color: var(--bg-wht);
}
.multicarousel.other-services .links-inner .item > .card.bg-grn i, .multicarousel.other-services .links-inner .item > .card.bg-grn a {
	color: var(--bg-wht);
}
.multicarousel.other-services .links-inner .item > div.card.active {
	background-color: var(--bg-ylw) !important;
	background-image: var(--bs-gradient) !important;pointer-events: none !important;
}
.multicarousel.other-services .links-inner .item > div.card.active i {
	color: var(--bg-cc) !important;
}
.multicarousel.other-services .links-inner .item > div:hover {
	background-color: var(--bg-ylw-50) !important;
	background-image: var(--cc-gradient) !important;
	border: 1px var(--bg-blu-75) solid !important;
	display: flex;
	padding: 0.5rem !important;
	align-items: start !important;
	justify-content: center !important;
}
.multicarousel.other-services .twitter-inner .item .card:hover {
	background-color: var(--bg-ylw-50) !important;
	/*background-image: var(--cc-gradient) !important;*/
	/*background-color: rgba(201 212 219 / 20%) !important;*/
	border: 1px var(--bg-blu-75) solid !important;
	display: flex;
	/*margin: 10px;*/
	padding: 0.5rem !important;
	align-items: start !important;
	justify-content: center !important;
	/*text-align: justify;*/
	box-shadow: none;
}
.multicarousel.other-services .twitter-inner .item .card:hover i {color: var(--bg-blu);}
.multicarousel.other-services .twitter-inner .item .card:hover .vr {background-color: var(--bg-blu);}
.multicarousel.other-services .twitter-inner .item .card:hover a, .dptheroheader .multicarousel.other-services .twitter-inner .item > .card:hover a span {color: var(--bg-blk);}
.features-inner .item > div.card span.date {color: var(--bg-cc-nav-25); font-weight: 325; font-size: calc(2rem + 0.25vw);}

.multicarousel.other-services .twitter-inner .item > .card a, .multicarousel.other-services .twitter-inner .item > .card a span {font-weight: 325; font-size: calc(0.9rem + 0.25vw);}
.onlineservicesbody .multicarousel-inner.onlineservices-inner {margin-top: 3rem; /*padding-top: 1rem;*/}
.twittercarouselbody .twitter-carousel-inner, .twitter-inner {margin: 1.5rem 0; /*padding-top: 1rem;*/}
.twittercarouselbody .twitter-carousel-inner .item div.card:hover, .countyevents-inner .item .card:hover {
	border: 1px var(--bg-blu-75) solid !important;
	/*background: var(--bg-cc-nav) !important;*/
	background-image: var(--bs-gradient) !important;
	/*border-radius: 1.25rem !important;*/
	display: block;
	color: var(--bg-blk);
	transform: scale(1.025);
}
/*.twittercarouselbody .twitter-carousel-inner .item div.card:hover p * a {color: var(--bg-cc) !important;}*/
.twittercarouselbody .twitter-carousel-inner .item div.card .pubmonth, .twittercarouselbody .twitter-inner .item div.card .pubmonth, .countyevents-inner .item div.card .pubmonth {color: var(--bg-cc-nav); font-size: calc(1rem + 1vw); transition: all 0.15s linear;}
.twittercarouselbody .twitter-carousel-inner .item div.card:hover .pubmonth, .twitter-inner .item div.card:hover .pubmonth {color: var(--bg-blu); transition: all 0.15s linear;}
.twittercarouselbody .twitter-carousel-inner .item div.card span.date, .twittercarouselbody .twitter-inner .item div.card span.date, .countyevents-inner .item div.card span.date {
	margin-top: -2px;
	margin-bottom: 2px;
	color: var(--bg-cc-nav);
	/*border-bottom: 1px #495057 solid;*/
	font-size: calc(1rem + 2vw);
}
.twittercarouselbody .twitter-carousel-inner .item div.card span.date i, .twittercarouselbody .twitter-inner .item div.card span.date i, .countyevents-inner .item div.card span.date i, .multicarousel.other-services .links-inner .item > div.card i {
	color: var(--bg-cc-25);
	font-size: calc(1rem + 1vh);
	transition: all 0.15s linear;
}
.fa-solid::before, [class^="fa-"]::before, [class*=" fa-"]::before {
	display: inline-block;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -.125em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.twittercarouselbody .twitter-carousel-inner .item div.card:hover span.date i, .twittercarouselbody .twitter-inner .item div.card:hover span.date i, .countyevents-inner .item div.card:hover span.date i, .multicarousel.other-services .links-inner .item > div.card:hover i {
	color: var(--bg-blu);
	/*font-size: calc(1rem + 1vh);*/
	transition: all 0.15s linear;
}
.twittercarouselbody .twitter-carousel-inner .item div.card span.date i.bi-calendar, .twittercarouselbody .twitter-inner .item div.card span.date i.bi-calendar, .countyevents-inner .item div.card span.date i.bi-calendar {color: var(--bg-cc-nav-10); font-size: calc(1.5rem + 1.5vw); transition: all 0.15s linear;}
.twittercarouselbody .twitter-carousel-inner .item div.card:hover span.date i {color: var(--bg-cc-nav-10); transition: all 0.15s linear;}
.twittercarouselbody .twitter-carousel-inner .item div.card span.date i span, .twittercarouselbody .twitter-inner .item div.card span.date i span, .countyevents-inner .item div.card span.date i span {color: var(--bg-cc-nav-90); margin-top: 10%; font-weight: 400; font-size: calc(0.75rem + 0.75vw); transition: all 0.15s linear;}
.twittercarouselbody .twitter-carousel-inner .item div.card:hover span.date i span, .twitter-inner .item div.card:hover span.date i span {color: var(--bg-blu); transition: all 0.15s linear;}
.twittercarouselbody .twitter-carousel-inner .item div.card .release {
	background: rgb(0 124 195 / 0%);
	margin-top: 0.25rem;
	box-shadow: 0px 0px 0px 0px var(--bg-cc-nav-75);
	color: var(--bg-c-nav-75);
	font-size: 0.75em;
	position: absolute;
	right: 8px;
	bottom: 8px;
	transition: all 0.15s ease-in-out;
}
.twittercarouselbody .twitter-carousel-inner .item div.card:hover .release {
	/*background: var(--bg-nav-75);
	box-shadow: 0px 0px 0px 2px var(--bg-nav);*/
	color: var(--bg-nav);
	font-size: 0.75em;
	transition: all 0.2s ease-in-out;
}
.twittercarouselbody .twitter-carousel-inner .item div.card hr {width: inherit; transition: all 0.15s ease-in-out;}
.twittercarouselbody .twitter-carousel-inner .item div.card:hover hr {
	width: 100% !important;
	background: var(--bg-ylw) !important;
	transition: all 0.2s ease-in-out;
}
.twittercarouselbody .multicarousel, section.featured .features {position: relative;}
a.btn-srvcsfilter, a.btn-all-news {
	width: 100%;
	max-width: 350px;
	height: 100%;
	background: var(--bg-blu) !important;
	background-image: var(--bs-gradient) !important;
	color: var(--bg-wht);
	border-color: var(--bg-gry-90) !important;
	margin: 0 auto;
	padding: 1.25rem 1.75rem;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
	font-weight: normal;
	font-size: calc(0.5rem + 1vh);
	text-transform: uppercase;
	text-decoration: none !important;
	/*border: solid;*/
	border-radius: var(--rounded-circle);
	border-width: 1px;
	line-height: 1.25;
	box-shadow: none;
	transition: all 0.15s ease-in-out;
}
.twitter-inner .twitter-inner .item > .card {border-color: var(--bg-cc-nav-5) !important;}
span.filterby {letter-spacing: 1px !important;}
a.btn-srvcsfilter:hover, a.btn-all-news:hover {
	display: block;
	background: var(--bg-ylw-90) !important;
	box-shadow: none;
	color: var(--bg-cc-nav) !important;
	border-color: var(--bg-blu-75) !important;
}
.twittercarouselbody .multicarousel a.btn-srvcsfilter[aria-expanded=true] {
	background: var(--bg-ylw);
	background-image: var(--cc-gradient) !important;
	color: var(--br-cc-nav);
	transition: all 0.15s ease-in-out;
}
.twittercarouselbody .multicarousel .leftLst, .twittercarouselbody .multicarousel .rightLst {transition: all 0.15s ease-in-out;}
.twittercarouselbody .multicarousel .leftLst .carousel-control, .twittercarouselbody .multicarousel .rightLst .carousel-control {top: 0;}
.twittercarouselbody .multicarousel .leftLst .carousel-control.carousel-control-prev-icon, .twittercarouselbody .multicarousel .rightLst .carousel-control.carousel-control-next-icon {
	background-color: var(--bg-cc);
	color: var(--bg-wht);
	box-shadow: 0px 0px 0px 3px var(--bg-wht), 0px 0px 0px 3px var(--bg-grn-50);
	transition: all 0.15s ease-in-out !important;
}
.twittercarouselbody .multicarousel .leftLst:hover .carousel-control.carousel-control-prev-icon, .twittercarouselbody .multicarousel .rightLst:hover .carousel-control.carousel-control-next-icon {
	background-color: var(--bg-grn);
	color: var(--bg-wht);
	box-shadow: 0px 0px 0px 3px var(--bg-wht), 0px 0px 0px 6px var(--bg-grn-50);
	transition: all 0.15s ease-in-out !important;
}
.twittercarouselbody .multicarousel .leftLst span.carousel-control, .twittercarouselbody .multicarousel .rightLst span.carousel-control {font-size: calc(1rem + 0.5vh);}
.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;
}
.multicarousel .onlineservices-inner .item div.card {
	background: var(--bg-white);
	border: 1px var(--bg-cc-nav-10) solid;
	background-image: var(--bs-gradient);
	/*background: var(--bg-nav-0);
	/*background: var(--bg-nav);
	background-image: var(--bs-gradient);
	background-image: url('../images/bgs/bg-txtr.jpg');
	background-position: top left;
	background-size: auto;
	background-repeat: repeat;
	border: 1px var(--bg-cc-nav-25) solid;
	border: 1px var(--bg-nav-0) solid;*/
	display: block;
	margin: 0;
	padding: 1.25rem !important;
	color: var(--bg-cc-nav-50);
	transform: none;
	/*border-radius: 0.5rem;*/
	box-shadow: 0 .5rem 1rem rgba(0 0 0 / 0.15);
	/*box-shadow: 0px 10px 10px -10px var(--bg-blk-25);*/
	transition: all 0.15s ease-in-out;
}
.onlineservicesbody .onlineservices-inner .item .card:hover {
	border: 1px var(--bg-cc-nav-25) solid;
	/*background: var(--bg-cc-nav) !important;*/
	background-image: var(--bs-gradient) !important;
	/*border-radius: 1.25rem !important;*/
	display: block;
	color: var(--bg-blk);
	transform: scale(1.025);
}
.onlineservicesbody .onlineservices-inner .item div.card .pubmonth {color: var(--bg-cc-nav); font-size: calc(1rem + 1vw); transition: all 0.15s linear;}
.onlineservicesbody .onlineservices-inner .item div.card span.date {
	margin-top: -5px;
	color: var(--bg-cc-nav);
	/*border-bottom: 1px #495057 solid;*/
	font-size: calc(1rem + 2vw);
}
.onlineservicesbody .onlineservices-inner .item div.card span.date i {color: var(--bg-cc-nav-25); font-size: calc(2rem + 2vw); transition: all 0.15s linear;}
.onlineservicesbody .twitter-carousel-inner .item div.card:hover span.date i {color: var(--bg-blu); transition: all 0.15s linear;}
.onlineservicesbody .card .card-text,  .onlineservicesbody .card .card-text a, .onlineservicesbody .card .card-text span .onlineservicesbody .card span.date {
	background: transparent !important;
	display: block;
	font-family: "Oswald", sans-serif, var(--bs-body-font-family), sans-serif;
	font-weight: 400;
	letter-spacing: 1.5px;
	color: var(--bg-blk);
	/*font-size: max(1em, 12px) !important;*/
	font-size: calc(1rem + 0.5vw);
}
.onlineservicesbody .card .card-body {
	background: transparent !important;
	display: block;
	padding: 0;
	color: var(--bg-blk);
	font-size: calc(0.75rem + 0.25vw);
}
.onlineservicesbody .card .card-body ul ::marker {color: var(--bg-blu);}
.onlineservicesbody .card .card-body ul {
	margin-bottom: 0;
	margin-left: 0.5rem;
	padding-left: 1.25rem;
	line-height: 1.25;
}
.onlineservicesbody .card .card-body ul li {}
.onlineservicesbody .card:hover .card-text a, .onlineservicesbody .card .card-text a:hover {
	color: var(--bg-blk) !important;
	/*font-weight: bold;*/
	border-bottom: 0px var(--bg-cc) solid;

	box-shadow: none;
	transition: all 0.15s ease-in-out;
}
.onlineservicesbody .card:hover .vr {
	color: var(--bg-blu) !important;
	/*font-weight: bold;*/
	border-bottom: 0px var(--bg-cc) solid;
	box-shadow: none;
	transition: all 0.15s ease-in-out;
}
@media (min-width: 0px) and (max-width: 575px) {
	a.btn-srvcsfilter, a.btn-all-news {max-width: 185px; transition: all 0.2s ease-in-out;}
	.twittercarouselbody .multicarousel .leftLst {left: 1.75rem; transition: all 0.2s ease-in-out;}
	.twittercarouselbody .multicarousel .rightLst {right: 1.75rem; transition: all 0.2s ease-in-out;}
	.twittercarouselbody .multicarousel .leftLst, .twittercarouselbody .multicarousel .rightLst {top: 3.5rem; transition: all 0.2s ease-in-out;}
	a.navbar-brand {}
	.twittercarouselbody button.online-services-fltr-btn {}
	/*.onlineservicesbody .multicarousel .leftLst, .onlineservicesbody .multicarousel .rightLst {bottom: 5.75rem;}*/
	/*.twittercarouselbody .multicarousel .leftLst .carousel-control, .twittercarouselbody .multicarousel .rightLst .carousel-control {top: 0rem;}*/
	/*.ccsonewsrow {min-height: 225px !important;}*/
}
#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 {color: var(--bg-cc);}
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;}
.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: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;}
.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;
	border-radius: inherit;
	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 !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;	
}
/*
.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-drk);
	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-drk) !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-drk) !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;
	box-shadow: none;
}
.main-timeline .card {
	padding: 0;
	border-radius: 0;
	border: none;
	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 {padding: 0.25rem !important;}
.main-timeline .card .accordion-button .bi {padding: 0 3px;}
.main-timeline .card .card-body {margin: 0; padding: 0;}
/* 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-nav-50);
	border-width: 10px 0 10px 10px;
	border-color: transparent transparent transparent var(--bg-cc-nav-50);
	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-nav-50);
	border-width: 10px 10px 10px 0;
	border-color: transparent var(--bg-cc-nav-50) 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-nav-50);
    border-width: 10px 10px 10px 0;
    border-color: transparent var(--bg-cc-nav-50) transparent transparent;
	}
}

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

.modal-header {border-radius: var(--rounded-4) var(--rounded-4) 0 0;}
.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-cc-nav-50);
	display: inline;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 8px;
	right: 8px;
	border: 2px var(--bg-cc-nav-50) solid;
	border-radius: 20px !important;
	box-shadow: 0px 0px 0px 2px var(--bg-nav);
	transition: 0.3s;
	pointer-events: all;
  -webkit-transition: 0.3s;
	z-index: 10;
	/*animation: pulse-animation-white 2s linear infinite;*/
}
.modal-header > button:hover, .modal-header > button.close.redbg:hover {
	background: var(--bg-ylw);
	background-image: var(--bs-gradient)!important;
	color: var(--bg-cc-nav);
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
} 
.modal-header > button span {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	border-radius: 20px !important;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 52px;
	/*position: absolute;
	top: -3px;
	right: -2px;*/
}
.modal-header span.h4 {border: 0 !important;}
section .modal-header {
	background: var(--bg-cc-nav-75) !important;
	padding-right: 40px !important;
	padding: 5px;
	color: var(--bg-nav);
	/*box-shadow: 0px 1px 0px 0px var(--bg-cc);*/
}
section.bg-envgrn .modal-header {
	background: var(--bg-envgrn-75) !important;
	padding-right: 40px !important;
	padding: 5px;
	color: var(--bg-wht);
	/*box-shadow: 0px 1px 0px 0px var(--bg-envgrn);*/
}

section .modal-header h3, section .modal-header h4, section .modal-header h5, section .modal-header h6 {
	color: var(--bg-wht);
	text-align: left !important;
	margin: 0 0 0 1.0rem !important;
	padding: 0.5rem 0;
	border-bottom: none !important;
	/*border-bottom: 1px solid var(--bg-ylw) !important;*/
	font-family: "Oswald", sans-serif, var(--bs-body-font-family), sans-serif;
}
section .modal-header h3 i, section .modal-header h4 i, section .modal-header h5 i, section .modal-header h6 i {font-size: 1.75rem;}
.modal-content {
	width: 100%;
	max-width: 1800px;
	background: var(--bg-white);
	background-image: var(--bs-gradient);
	margin: 0 auto;
	box-shadow: 0px 24px 20px -10px var(--txt-drk);
	border: 1px var(--bg-gry) solid;
	border-radius: var(--rounded-4);
	color: var(--bg-cc-nav);
	cursor: default;
	transition: all 0.15s ease-in-out;
}
.envgrn .modal-content {
	width: 100%;
	max-width: 1800px;
	background: var(--bg-white);
	background-image: var(--bs-gradient);
	margin: 0 auto;
	box-shadow: 0px 24px 20px -10px var(--txt-drk);
	border: 1px var(--bg-envgrn) solid;
	border-radius: 0;
	color: var(--bg-envgrn-90);
	cursor: default;
	transition: all 0.15s ease-in-out;
}
.modal-content * .btn {border-radius: 0.25rem !important;}
.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: 9999999999;
}
.modal.show[role=dialog] {padding: 1rem !important;}

#redirectModal .modal-content {max-width: 800px;}
@media (min-width: 575px) {
	.modal[role=dialog], .modal.show[role=dialog] {
		backdrop-filter: blur(0.25rem);
		padding: 1rem !important;
		cursor: pointer;
		z-index: 9999999999;
	}
}
.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: 1800px;
	margin: 0 auto;
	background: transparent;
	border-radius: 0.25rem !important;
	transition: transform .3s ease-out;
	transform: translate(0, 0);
}
.modal.show .modal-body {
	/*background: #DDD;*/
	border-radius: 0;
}
.modal-body .card {
	border: 1px solid var(--bg-gry);
	background: inherit;
	transition: all 0.15s ease-in-out;
}
.residential > div:first-child, .commercial > div:first-child, .vetaffairs > div:first-child {
	width: 100% !important;
	background-color: var(--bg-cc-nav-25) !important;
	background-image: var(--cc-gradient) !important;
	padding: 0.25rem !important;
	border-radius: var(--rounded-4) !important;
	border: 1px solid var(--bg-blu-25) !important;
	box-shadow: 0px 10px 10px -10px var(--bg-blk-50);
}
.residential > div:first-child .card, .vetaffairs > div:first-child .card {background: var(--bg-white); border-radius: var(--rounded-4) !important;}
.card img {border-bottom-right-radius: 0; border-bottom-left-radius: 0;}
.card.transform-none .imgname {
	border-radius: var(--rounded-4) 0 0 var(--rounded-4);
}
.card.transform-none .imgname img {
	border-radius: var(--rounded-4) 0 0 0;
}
@media (min-width: 0px) and (max-width: 992px) {
	.card.transform-none .imgname {
		border-radius: var(--rounded-4) var(--rounded-4) 0 0;
	}
	.card.transform-none .imgname img {
		border-radius: var(--rounded-4) var(--rounded-4) 0 0;
	}
}
.card {
	background: var(--bg-wht);
	background-image: var(--cc-gradient);
	padding: 5px;
	border-radius: var(--rounded-4);
	border-color: var(--bg-cc-nav-10) !important;
	transition: all 0.15s linear;
	z-index: 1;
}
.card.testimonial-card {
	background: var(--bg-nav);
	background-image: var(--cc-gradient);
}
.card:hover {
	transform: scale(1.05);
	transition: all 0.15s linear;
	box-shadow: 0 0.55rem 0.55rem var(--bg-blk-25);
}
.testimonial-card .card-up {
	background: var(--bg-cc-nav-50);
  height: 65px;
  overflow: hidden;
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem;
}
.testimonial-card .avatar {
  max-width: 125px;
  margin-top: -60px;
  overflow: hidden;
  border: 5px solid #fff;
  border-radius: 50%;
}
@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 64 95) !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 124 195 / 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;
}
.card a.btn.bg-cc-nav-10, .card * p a.btn.bg-cc-nav-10 {
	color: var(--bg-cc-nav-90);
}
.socialcard a.btn, .socialcard * p a.btn {
	padding: 0.35rem !important;
	transition: all 0.15s ease-in-out;
}
.card a.btn, .card * p a.btn {
	background: var(--bg-cc-nav-25);
	/*color: var(--bg-nav);*/
	box-shadow: none;
	border: 1px solid var(--bg-gry);
	transition: all 0.15s ease-in-out;
}
.card a:hover.btn, .card * p a:hover.btn {
	background: var(--bg-ylw) !important;
	color: var(--bg-cc);
	box-shadow: none;
	border: 1px solid var(--bg-gry);
	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-nav);*/
	font-weight: normal;
	/*box-shadow: inset 0px -1px 0px var(--bg-cc-nav-50);*/
	text-decoration: none;
	/*border-bottom: none;*/
	transition: all 0.15s ease-in-out;
}
.sectiondark-bg .modal * p a:hover, .sectiondark-bg .modal * li a:hover, .sectiondark-bg .modal * dl a:hover, .sectiondark-bg * .card * p a:hover,
.sectionlight-bg .modal * p a:hover, .sectionlight-bg .modal * li a:hover, .sectionlight-bg .modal * dl a:hover, .sectionlight-bg * .card * p a:hover,
.sectionblue-bg .modal * p a:hover, .sectionblue-bg .modal * li a:hover, .sectionblue-bg .modal * dl a:hover, .sectionblue-bg * .card * p a:hover {
	display: inline-block;
	/*padding: 1px 2px;*/
	color: var(--bg-cc-nav);
	font-weight: normal;
	/*box-shadow: inset 0px -10rem 0px var(--bg-cc-nav);*/
	text-decoration: none;
	/*border-bottom: none;*/
	transition: all 0.2s ease-in-out;
}
.modal .card:hover {transform: none;}
.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;
	}
}
.card.card-cover.bg-img-chscnty-map {
	background-image: url('../images/banners/banner-chscnty-map.webp');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: var(--rounded-4);
}
.residential {position: relative;}
a.card-anchor, .card-anchor {position: absolute;top: -3rem;}
.residential .card .card-footer .row, .vetaffairs .card .card-footer .row {background-image: none !important;}
.residential .card .row {
	background-color: var(--bg-cc-nav-25);
	background-image: var(--cc-gradient);
	border-radius: var(--rounded-4) var(--rounded-4) 0 0;
}
.vetaffairs .card .row {
	background-image: url('../images/res-map-lg.webp');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.vPillTabs.directory .sitelink a {
	pointer-events: none !important;
	background-color: var(--bg-cc-nav-10);
	background-image: var(--cc-gradient) !important;
	color: var(--bg-cc-nav);
	display: flex;
	padding: 0;
	box-shadow: inset 0px 0px 0px 0px var(--bg-ylw-50), 0px 0px 0px 0px var(--bg-cc-nav-10);
	border-radius: var(--rounded-4) var(--rounded-4) 0 0;
	line-height: 1;
	transition: all 0.1s ease-in-out;
}
.vPillTabs.directory .sitelink a:hover/*, .vPillTabs.directory .sitelink a:hover i*/ {
	box-shadow: inset 0px -10em 0px 0px var(--bg-ylw), 0px 0px 0px 0px var(--bg-cc-nav-10);
	color: var(--bg-cc-nav-90);
	transition: all 0.2s ease-in-out;
}
.vPillTabs.directory .sitelink a.active/*, .vPillTabs.directory .sitelink a:hover i*/ {
	box-shadow: inset 0px -10em 0px 0px var(--bg-ylw), 0px 0px 0px 0px var(--bg-cc-nav-10);
	color: var(--bg-cc-nav-90);
	pointer-events: none !important;
}
.directory .ribbon-r a.active/*, .vPillTabs.directory .sitelink a:hover i*/ {
	box-shadow: inset 0px -10em 0px 0px var(--bg-ylw), 0px 0px 0px 0px var(--bg-cc-nav-10);
	color: var(--bg-cc-nav-90);
	pointer-events: none !important;
}
.card-body h3.card-title i, .card-body h4.card-title i, .card-body h5.card-title i {
	text-shadow: 
		1px 0px 1px var(--bg-cc-nav-5), 0px 1px 1px var(--bg-cc-nav-5), 1px 1px 1px var(--bg-cc-nav-5), -1px -1px 1px var(--bg-cc-nav-5), 2px 2px 1px var(--bg-cc-nav-5), -2px -2px 1px var(--bg-cc-nav-5), -2px 2px 1px var(--bg-cc-nav-5), 2px -2px 1px var(--bg-cc-nav-5),
		1px 0px 2px var(--bg-cc-nav-5), 0px 1px 2px var(--bg-cc-nav-5), 1px 1px 2px var(--bg-cc-nav-5), -1px -1px 2px var(--bg-cc-nav-5), 2px 2px 2px var(--bg-cc-nav-5), -2px -2px 2px var(--bg-cc-nav-5), -2px 2px 2px var(--bg-cc-nav-5), 2px -2px 2px var(--bg-cc-nav-5);
}
.card-body .card-title {display: block; font-size: 1.35rem; margin-bottom: 0rem; font-weight: bold;}
.card-title .sitelink a .card-body {display: block; font-size: 1.35rem; margin-bottom: 0rem;}
.card-body, .card-footer:last-child {font-size: 1.1rem; border: none;}
.compost-use .card .row, .achievements .card .row, .achievements .card .row {
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 0.25rem 0.25rem 0 0;
}
.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 1px var(--bg-gry);
	border: none !important;
	border-radius: var(--rounded-2);
	-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: center;
}

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

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
input {color: inherit;}
form input::selection, form textarea::selection {color: var(--bg-cc) !important; background-color: var(--bg-ylw-hl) !important; background: var(--bg-ylw-hl) !important; -webkit-text-fill-color: var(--bg-cc);}
input, radio, checkbox, textarea {cursor: pointer;}
.contact-ccform .form-control, .contact-ccform select, .contact-ccform input[type=text], .contact-ccform input[type=number], .form-floating .form-select {
	background-color: var(--bg-wht) !important;
	box-shadow: 0px 0px 0px 2px #F1D592;
	border-radius: .375rem;
}
.contact-ccform input[type="checkbox"], .contact-ccform input[type="radio"], {
	color: var(--txt-drk);
	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: 6px 10px !important;
	color: var(--txt-drk) !important;
	line-height: 1.3em;
	border: 1px solid var(--brdr-frm) !important;
	border-bottom: none !important;
	border-radius: 0.5rem 0.5rem 0rem 0rem;
	box-shadow: 0 -4px 0 4px var(--bg-ylw), 7px 0px 5px -5px var(--bg-blk-50), inset 0px -1px 0px 0px var(--bg-frm) !important;
	position: absolute !important;
	top: -40px !important;
	left: -1px !important;
	z-index: 0;
	transition: all 0.0s ease-in-out !important;
}
.form-check label.form-check-label, .form-check-inline label.form-check-label {cursor: pointer;}
.form-floating > label, .contact-ccform label {color: var(--bg-blk-50); font-style: italic; opacity: 1 !important;}
.contact-ccform label.form-check-label {color: var(--txt-drk);}
.form-floating .wrapper label {color: var(--bg-blk-90);}
.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 span.position-absolute {padding-left: 2.5rem !important;}
.contact-ccform fieldset {
	height: auto;
	background: var(--bg-frm) !important;
	background-image: none !important;
	padding: 10px 0;
	color: var(--txt-drk) !important;
	line-height: 1.3em;
	border: 1px solid var(--brdr-frm) !important;
	border-radius: 0rem 0.5rem 0.5rem 0.5rem;
	box-shadow: 0 0 0 4px var(--bg-ylw), 0px 10px 20px -10px rgb(0 0 0 / 50%) !important;
}
#char_count, #char_count1, #char_count2, #char_count3, #char_count4, #char_count5, #char_count6, #char_count7, #char_count8, #char_count9, #char_count10, #char_countcc {
	background: var(--bg-frm) !important;
	color: var(--bg-blk-50);
	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-drk) !important;}
select {background-color: var(--bg-nav); cursor: pointer; border-radius: 0; text-align: start;}
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-drk); 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; transition: none !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: 99.9% !important;
	height: auto;
	position: relative;
	display: block;
	margin: -1px auto !important;
	padding: 5px 10px;
	background: #F93939;
	background-image: var(--bs-gradient) !important;
	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;
	opacity: 1 !important;
	/*animation: slideUp 1s ease-in-out forwards;*/
}
div#message h2, div#message p {opacity: 1 !important; transition: all 0.15s ease-in-out;}
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;
	transition: all 0.15s ease-in-out;
}
img#mailsentimg {
	max-width: 125px;
	height: inherit;
	margin-top: -30px;
	border: none !important;
	position: absolute;
	top: 0px;
	transform: rotate(10deg);
	animation-name: flyaway;
	animation-delay: 3s;
	animation-duration: 3s;
	animation-fill-mode: forwards;
	transition: all 0.15s ease-in-out;
}
@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 {width:100%; min-width: 150px; 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 {
	background: var(--bg-wht);
	height: 225px;
	min-height: 175px;
	padding: 20px 0;
	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;}
input#reset, button#reset {border: 2px 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: 70px !important;
	height: 70px !important;
	position: fixed;
	left: 50%;
	transform: translateX(-50%) !important;
	bottom: 25px;
	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: var(--bg-gry);
	background-color: var(--bg-gry);
	box-shadow: 0px 0px 10px -1px var(--bg-blu), 0px 0px 0px 2px var(--bg-blu);
	line-height: 1!important;
	opacity: 0.75;
	transition: all 0.2s ease-in-out;
	z-index: 99999;
}
#btn-back-to-top:hover {
	color: var(--bg-cc-nav) !important;
	border: 3px var(--bg-gry) solid !important;
	background-image: var(--bs-gradient) !important;
	background: var(--bg-ylw-90);
	background-color: var(--bg-ylw-90);
	box-shadow: 0px 5px 10px -5px var(--bg-cc-nav-75), 0px 0px 0px 2px var(--bg-cc-nav-75);
	transition: all 0.2s ease-in-out;
	opacity: 1;
}
#btn-back-to-top:focus, #btn-back-to-top:focus-visible {
	content: "";
	outline: 2px dashed var(--bg-grn);
	outline-offset: 6px !important;
	background: var(--bg-ylw) !important;
	background-color: var(--bg-wht) !important;
	box-shadow: 0px 0px 0px 2px var(--bg-wht), 0px 0px 0px 4px var(--bg-grn), 0px 0px 7px 7px  var(--bg-wht), 0px 0px 10px 7px  var(--bg-blk-50) !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-nav) !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: 99999;
}
#btn-back-to-top:focus-visible::after, #btn-back-to-top:focus::after {
	content: "";
	outline: 0px dashed var(--bg-grn) !important;
	outline-offset: 0px !important;
	background: var(--bg-ylw) !important;
	background-color: var(--bg-wht) !important;
	box-shadow: none !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-nav) !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: 99999;
}
#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 {
	background: rgb(60 60 60 / 95%) !important;
	/*background-image: var(--bs-gradient) !important;*/
	border-top: 1px solid var(--bg-wht);
	background: var(--bg-nav);
	box-shadow: 0px -15px 15px -15px var(--bg-blk-50);
	/*background-image: url('../images/bgs/bg-txtr.jpg') !important;
	background-position: left top;
	background-repeat: repeat;*/
	line-height: 1.25em;
	font-size: 0.9rem; 
	z-index: 100;
}
.footer .h5, .footer span.h5 {
	font-family: "Oswald", sans-serif, var(--bs-body-font-family), sans-serif;}
}
/*footer .row.footer-contact {border-bottom: 1px solid var(--bg-gry-50);}*/
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-wht);
	box-shadow: inset 0px 0px 0px 0px var(--bg-wht);
	display: inline-block !important;
	margin: 0.25rem 0;
	padding: 6px 10px 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 {
	/*background: var(--bg-nav);*/
	display: block;
	color: var(--bg-wht) !important;
	padding: 0;
	box-shadow: inset 0px 0px 2px 25px rgb(248 249 250 / 5%);
	border-bottom: 0px var(--bg-nav) solid;
	border-radius: var(--rounded-4);
	transition: all 0.15s ease-in-out;
}
footer .social a:hover {
	background: var(--bg-wht) !important;
}
footer .social .card {
	background: var(--bg-wht);
	background-image: var(--bs-gradient) !important;
	padding: 5px;
	border-radius: var(--rounded-4);
	border-color: var(--bg-blk) !important;
	transition: all 0.15s linear;
	z-index: 1;
}
footer .social a.facebook, .social a.facebook {
	color: var(--bg-blk);
	/*color: #4267B2 !important;*/
	padding: 0;
	box-shadow: inset 0px 0px 2px 25px rgb(248 249 250 / 5%);
	border-bottom: 0px var(--bg-nav) solid;
	transition: all 0.15s ease-in-out;
}
footer .social a.facebook:hover, .social a.facebook:hover {
	background: var(--bg-wht) !important;
	color: #4267B2 !important;
	border-bottom: 0px var(--bg-nav) solid !important;
	text-decoration: none !important;
	transform: scale(1.3);
	transition: all 0.2s ease-in-out;
}
footer .social a.twitterx svg {max-height: 30px;}
footer .social a.nextdoor img {max-height: 32px !important; max-width: 32px !important; filter: none !important;}
footer .social a.nextdoor:focus-visible * img {
	color: var(--bg-cc) !important;
	background-attachment: fixed !important;
	background-image: url('https://charlestoncounty.gov/images/icons/nextdoor-cc.png') !important;
	background-position: center center;
	background-size: cover;
	background-color: var(--bg-wht) !important;
	border-radius: 10rem !important;
	transition: all 0.15s ease-in-out;
	z-index: 1;
}
footer .social a.twitter, .social a.twitter, footer .social a.twitterx, .social a.twitterx {
	color: var(--bg-blk);
	/*color: #1DA1F2 !important;*/
	padding: 0;
	box-shadow: inset 0px 0px 2px 25px rgb(248 249 250 / 5%);
	border-bottom: 0px var(--bg-nav) solid;
	transition: all 0.15s ease-in-out;
}
footer .social a.twitterx:hover, .social a.twitterx:hover {
	background: var(--bg-wht) !important;
	color: var(--bg-blk) !important;
	border-bottom: 0px var(--bg-nav) solid !important;
	text-decoration: none !important;
	transform: scale(1.3);
	transition: all 0.2s ease-in-out;
}
footer .social a.twitter:hover, .social a.twitter:hover {
	background: var(--bg-wht) !important;
	color: #1DA1F2 !important;
	border-bottom: 0px var(--bg-nav) 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: var(--bg-blk);
	/*color: #FF0000 !important;*/
	padding: 0;
	box-shadow: inset 0px 0px 2px 25px rgb(248 249 250 / 5%);
	border-bottom: 0px var(--bg-nav) solid;
	transition: all 0.15s ease-in-out;
}
footer .social a.youtube:hover, .social a.youtube:hover {
	background: var(--bg-wht) !important;
	color: #FF0000 !important;
	border-bottom: 0px var(--bg-nav) 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: var(--bg-blk);
	/*color: #1AB7EA !important;*/
	padding: 0;
	box-shadow: inset 0px 0px 2px 25px rgb(248 249 250 / 5%);
	border-bottom: 0px var(--bg-nav) solid;
	transition: all 0.15s ease-in-out;
}
footer .social a.vimeo:hover, .social a.vimeo:hover {
	background: var(--bg-wht) !important;
	color: #1AB7EA !important;
	border-bottom: 0px var(--bg-nav) 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: var(--bg-blk);
	/*color: #0077B5 !important;*/
	padding: 0;
	box-shadow: inset 0px 0px 2px 25px rgb(248 249 250 / 5%);
	border-bottom: 0px var(--bg-wht) solid;
	transition: all 0.15s ease-in-out;
}
footer .social a.linkedin:hover, .social a.linkedin:hover {
	background: var(--bg-wht) !important;
	color: #0077B5 !important;
	border-bottom: 0px var(--bg-nav) solid !important;
	text-decoration: none !important;
	transform: scale(1.3);
	transition: all 0.2s ease-in-out;
}
footer .social a.spotify, .social a.spotify {
	color: var(--bg-blk);
	/*color: var(--spotify) !important;*/
	padding: 0;
	box-shadow: inset 0px 0px 2px 25px rgb(248 249 250 / 5%);
	border-bottom: 0px var(--bg-nav) solid;
	transition: all 0.15s ease-in-out;
}
footer .social a.spotify:hover, .social a.spotify:hover {
	background: var(--bg-wht) !important;
	color: var(--spotify) !important;
	border-bottom: 0px var(--bg-nav) solid !important;
	text-decoration: none !important;
	transform: scale(1.3);
	transition: all 0.2s ease-in-out;
}
a .icon-swap {
	position: relative;
}
a .icon-swap .nextdoor-hover {
	position: absolute;
	top: 50% !important;
	left: 50% !important;
	opacity: 0;
	transform: translate(-50%,-50%) !important;
	transition: opacity 0.5s ease-out;
}
a:hover .icon-swap .nextdoor-hover {
	opacity: 1;
}
/*
footer .social a.nextdoor img {
	color: inherit;
	font-weight: lighter;
	background-color: rgb(35 31 32 / 0%) !important;
	background: url('../images/icons/nextdoor.png') no-repeat;
	background-position: center;
	background-size: contain;
	border-bottom: 0px solid var(--bg-cc-nav-25) !important;
	box-shadow: inset 0px 0px 0px var(--bg-ylw-90);
	transition: all 0.15s ease-in-out;*-/
}
footer .social a.nextdoor:hover img {
	color: var(--bg-cc) !important;
	font-weight: normal !important;
	background-color: rgb(35 31 32 / 0%) !important;
	background: url('../images/icons/nextdoor-hover.png') no-repeat;
	background-position: center;
	background-size: contain;
	border-left: none !important;
	border-bottom: 0px solid var(--bg-cc-nav) !important;
	box-shadow: inset 0px 0em 0px var(--bg-ylw);
	transition: all 0.25s ease-in-out;
}
*/
footer .social a.instagram, .social a.instagram {
	color: var(--bg-blk);
	/*color: var(--spotify) !important;*/
	padding: 0;
	box-shadow: inset 0px 0px 2px 25px rgb(248 249 250 / 5%);
	border-bottom: 0px var(--bg-nav) solid;
	transition: all 0.15s ease-in-out;
}
footer .social a.instagram:hover, .social a.instagram:hover {
	/*
	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;
	*/
	background: var(--bg-wht) !important;
	color: var(--instagram) !important;
	border-bottom: 0px var(--bg-nav) 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;
	-moz-background-clip: text;
	-webkit-text-fill-color: !important; 
	-moz-text-fill-color: !important;
	transform: scale(1.3);
	transition: all 0.2s ease-in-out;
}
*/
footer .brand {
	width: 100%;
	height: 100%;
	display: block;
	text-align: center;
}
footer .brand a {
	color: inherit;
	font-weight: lighter;
	/*padding-left: 0.25rem !important;*/
	background-color: rgb(35 31 32 / 0%) !important;
	background: url('../images/logos/cc_nav_white.svg') no-repeat;
	background-position: center;
	background-size: contain;
	border-bottom: 0px solid var(--bg-cc-nav-25) !important;
	box-shadow: inset 0px 0px 0px var(--bg-ylw-90);
	max-width: 400px;
	transition: all 0.15s ease-in-out;
}
footer .brand a:hover {
	color: var(--bg-cc) !important;
	font-weight: normal !important;
	background-color: rgb(35 31 32 / 0%) !important;
	background: url('../images/logos/cc_nav_white.svg') no-repeat;
	background-position: center;
	background-size: contain;
	border-left: none !important;
	border-bottom: 0px solid var(--bg-cc-nav) !important;
	box-shadow: inset 0px 0em 0px var(--bg-ylw);
	transition: all 0.25s ease-in-out;
}
.footer p, .footer li {color: var(--bg-wht);}
.footer ul li {padding: 0.025rem;}
.footer .disclaimer {
	color: var(--bg-wht);
	background: var(--bg-blk);
	border-top: 1px solid var(--bg-gry-25);
	/*box-shadow: 0px 0px 5px 0px var(--bg-gry-25);*/
}
.footer a.cc-link-blu, .footer a.cc-link-blu-alt {border: none !important;}
.footer-col {
	background: var(--bg-cc-nav-90);
	/*background-image: var(--bs-gradient);*/
	color: var(--bg-nav);
	/*padding-top: 1rem;
	padding-bottom: 1rem;*/
}
.footer-col .card {
	background: var(--bg-wht);
	background-image: none !important;
	padding: 5px;
	border-radius: var(--rounded-4);
	border-color: var(--bg-cc-nav-10) !important;
	transition: all 0.15s linear;
	z-index: 1;
}
.footer-col .card .card-title {font-family: "Oswald", sans-serif, var(--bs-body-font-family), sans-serif; color: var(--bg-wht);}
.footer-col .card a:focus-visible .card-title, .footer-col .card a:focus-visible .card-text {color: var(--bg-cc) !important;}
.footer-col .card a {
	display: inline-block;
	padding: calc(2rem + 3vh) calc(0.25rem + 0.2vh);
	background: var(--bg-nav-25);
	box-shadow: inset 0px 0px 0px 0px var(--bg-nav-25), 0px 0px 0px 0px var(--bg-cc);
	color: var(--bg-nav);
	font-size: calc(2.75rem + 2.75vw);
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	border-radius: 0 !important;
	border: solid;
	border-width: 0;
	line-height: 1.25;
	transition: all 0.1s ease-in-out;
}
.footer-col .card:hover a {
	background: transparent;
	box-shadow: inset 0px 0px 0px 0px var(--bg-nav-25), 0px 0px 0px 0px var(--bg-cc);
	color: var(--bg-nav);
	border-radius: 0 !important;
	border: solid;
	border-width: 0;
	line-height: 1.25;
	transition: all 0.15s ease-in-out;
}
.footer-col .card a .card-text i {
	font-size: calc(1.375rem + 1.5vw) !important;
}
.footer-col .card a .card-text {
	font-size: calc(0.75rem + 0.25vw) !important;
	color: var(--bg-wht);
	transition: all 0.15s ease-in-out;
}
.footer-col .card:hover a .card-text {
	color: var(--bg-ylw);
	transition: all 0.25s ease-in-out;
}
#signin .footer-col .card:hover a .card-title, #signin .footer-col .card:hover a .card-text {
	color: var(--bg-cc-nav);
	transition: all 0.25s ease-in-out;
}
@media (min-width: 700px) and (max-width: 1250px) {
	.footer-col .card a {padding: calc(1rem + 2vh) calc(0.25rem + 0.2vh);}	
}
@media (min-width: 0px) and (max-width: 700px) {
	.footer-col .card a {padding: calc(1rem + 2vh) calc(0.25rem + 0.2vh);}
	.footer-col .card a .card-text {
		font-size: calc(0.75rem + 0.4vw) !important;
	}
}
footer ul.list-unstyled.listline.programs li {
	width: 100%;
	color: var(--bg-nav);
/*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-wht);
	box-shadow: inset 0px 0px 0px var(--bg-nav);
	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-wht);
	box-shadow: inset 3px 0px 0px var(--bg-nav);
	transition: all 0.25s ease-in-out;
}
footer ul.list-unstyled.listline.programs li a {
	margin: 3px 0;
	color: var(--bg-wht);
	box-shadow: none;
	border-left: 1px solid transparent;
	line-height: 1em;
}
footer ul.list-unstyled.listline.programs li:hover a {
	color: var(--bg-ylw);
	/*color: var(--bg-nav-75);*/
	box-shadow: none;
	border-left: 1px solid transparent;
	line-height: 1em;
}

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

#pastordinances .accordion-item .accordion-button span {color: inherit;}
/*#pastordinances .accordion-item .accordion .badge {
	background: var(--bg-wht);
	font-weight: normal;
	border: 1px solid var(--bg-cc-nav-50) !important;
	transition: all 0.2s ease-in-out;
	z-index: 10;
}*/
#pastordinances .accordion-item .accordion-button[aria-expanded=false] span.badge {
	background: var(--bg-wht);
	border: 1px solid var(--bg-cc-nav-50) !important;
	/*box-shadow: 0px 0px 0px 1px var(--bg-cc-nav-75);*/
}
#pastordinances .accordion-item .accordion-button[aria-expanded=true] span.badge {
	background: var(--bg-wht);
	border: 1px solid var(--bg-cc-nav-50) !important;
	color: var(--bg-cc);
	/*box-shadow: 0px 0px 0px 1px var(--bg-ylw);*/
}
dt {color: var(--bg-cc-nav);}
dd {
	color: var(--bg-blk);
	line-height: 1.25;
	/*margin-bottom: 1rem;*/
}
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;
}
/* 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 {
	height: 100%;
	color: var(--bg-pdf);
	/*background: var(--bg-nav);
	border-radius: var(--rounded-circle);*/
	padding: 0.25rem 0.25rem 0.25rem 0;
	display: inline-flex;
	/*align-content: center;
	align-items: center;*/
	transition: all 0.15s ease-in-out;
}
a:hover > .bi-file-pdf, a:hover > .bi-file-pdf-fill, a:hover > .bi-file-earmark-pdf, a:hover > .bi-file-earmark-pdf-fill, a:hover > .bi-filetype-pdf,
a:hover > span .bi-file-pdf, a:hover > span .bi-file-pdf-fill, a:hover > span .bi-file-earmark-pdf, a:hover > span .bi-file-earmark-pdf-fill, a:hover > span .bi-filetype-pdf {
	color: var(--bg-pdf);
	background: var(--bg-nav-0);
	transition: all 0.15s ease-in-out;
}
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);
}
a:hover .bi-file-pdf::before {
	content: "\f63f" !important;
}
a .bi-link-45deg::before {
	transform: rotate(0deg);
	margin-right: 0.25rem;
	transition: all 0.1s ease-in-out;
}
a:hover .bi-link-45deg::before {
	transform: rotate(45deg);
	transition: all 0.1s ease-in-out;
}
a .bi-search::before {
	transform: rotate(0deg);
	transition: all 0.15s ease-in-out;
}
a:hover .bi-search::before {
	transform: rotate(90deg);
	transition: all 0.2s ease-in-out;}
.rounded-0, .residential .card .card-footer .row.rounded-0 {
	border-radius: 0;
	}
.rounded-4 {border-radius: var(--rounded-4) !important;}
.rounded-3 {border-radius: var(--rounded-3) !important;}
.rounded-2 {border-radius: var(--rounded-2) !important;}
.rounded-top-3 {border-radius: var(--rounded-3) var(--rounded-3) 0 0 !important;}
.rounded-bot-3 {border-radius: 0 0 var(--rounded-3) var(--rounded-3) !important;}
.rounded-top {border-radius: var(--rounded-4) var(--rounded-4) 0 0 !important;}
.rounded-bot {border-radius: 0 0 var(--rounded-4) var(--rounded-4) !important;}
.rounded-top-2 {border-radius: var(--rounded-2) var(--rounded-2) 0 0 !important;}
.rounded-bot-2 {border-radius: 0 0 var(--rounded-2) var(--rounded-2) !important;}
.rounded-top-0 {border-radius: 0 0 var(--rounded-2) var(--rounded-2) !important;}
.rounded-bottom-0 {border-radius: var(--rounded-2) var(--rounded-2) 0 0 !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;
}*/
.img-thumbnail {
	border-radius: 0 !important;
	}
.card-cover {
	border-radius: 0;
	background-size: cover;
	/*box-shadow: inset 0px -4.5rem 1rem -2rem var(--bg-blk);*/
  transform: scale(1);
	transition: all 0.15s ease-in-out;
}
.card-cover .card-cover-gradient {
	background-image: url('../images/bgs/gradient-cc-highlight.webp');
	/*background-color: var(--bg-nav-25);*/
	/*background-image: var(--bs-gradient);*/
	background-position: bottom;
	background-size: cover;
	background-repeat: no-repeat;
	backdrop-filter: blur(0pt);
	transition: all 0.2s linear;
}
.card-cover:hover .card-cover-gradient {background-color: var(--bg-nav-0); background-image: url('../images/bgs/gradient-cc-highlight.webp'); backdrop-filter: blur(0.25rem);transition: all 0.25s linear;}
.card-cover:hover {
	/*background-size: 150%;*/
	box-shadow: none;
	/*box-shadow: inset 0px -4.5rem 1rem -2rem var(--bg-blk);*/
  transform: scale(1.5);
	transition: all 0.20s ease-in-out;
}
.card-cover > div:first-child {
	transition: all 0.15s ease-in-out;
}
/*.card-cover:hover > div:first-child {
	background: var(--bg-wht-75) !important;
	transition: all 0.20s ease-in-out;
}*/
#highlightbody .card-cover a {font-family: "Oswald", sans-serif, var(--bs-body-font-family), sans-serif;}
#highlightbody .card-cover:hover > div:first-child {
	background: var(--bg-wht-25) !important;
	transition: all 0.20s ease-in-out;
}
.card-cover a {
	width: 100%;
	height: 100%;
	padding: 0;
	align-content: flex-end;
	align-items: center;
	box-shadow: none !important;
	border: none;
	/*text-shadow: 0px 0px 0 var(--bg-nav-0), 0px 0px 0 var(--bg-nav-0), 0px 0px 0 var(--bg-nav-0), 0px 0px 0 var(--bg-nav-0), 0px 0px 0 var(--bg-nav-0), 0px 0px 0 var(--bg-nav-0), 0px 0px 0 var(--bg-nav-0), 0px 0px 0 var(--bg-nav-0),0px 0px 0px var(--bg-gry-75), 0px 0px 0px var(--bg-blk-50);*/
	/*font-family: "Atkinson Hyperlegible", "Open Sans", sans-serif;*/
	font-family: "Roboto Condensed", sans-serif;
	font-weight: bold;
	line-height: 1;
	text-transform: uppercase;
	text-align: center;
	color: var(--bg-nav);
	letter-spacing: 1px;
	transition: all 0.15s ease-in-out;
}
.card-cover a .learnmore {
	letter-spacing: 2px;
	padding: 1rem 0 1rem 0;
	text-shadow: 1px 1px 1px var(--bg-blk-50);
	box-shadow: inset 0px 0px 0px var(--bg-blu);
	transition: all 0.15s ease-in-out;
}
.card-cover a .card-title {
	font-size: calc(2.25rem + 2.25vw);
	text-transform: uppercase;
	text-align: center;
	color: var(--bg-nav);
	letter-spacing: 1px;
	/*-webkit-text-stroke: 0.5rem var(--bg-gry-50);*/
	/*text-shadow: 0 0 3rem var(--bg-blk-50);*/
	text-shadow: 2px 1px 2px var(--bg-blk-75);
	transition: all 0.15s ease-in-out;
}
.cc-home .card-cover a .card-title {
	font-size: calc(2.75rem + 2.75vw);
	text-transform: uppercase;
	text-align: center;
	color: var(--bg-nav);
	letter-spacing: 1px;
	text-shadow: 2px 2px 2px var(--bg-blk-50), 1px 1px 0 var(--bg-gry), 1px -1px 0 var(--bg-gry), -1px 1px 0 var(--bg-gry), -1px -1px 0 var(--bg-gry), 1px 0px 0 var(--bg-gry), 0px 1px 0 var(--bg-gry), -1px 0px 0 var(--bg-gry), 0px -1px 0 var(--bg-gry);
	transition: all 0.15s ease-in-out;
}
.card-cover:hover a .learnmore {
	/*letter-spacing: 6px;*/
	padding: 1rem 0 1rem 0;
	text-shadow: 1px 1px 1px var(--bg-blk);
	box-shadow: inset 0px -70px 0px var(--bg-blu-75);
	transition: all 0.2s ease-in-out;
}
.card-cover:hover a .card-title {
	color: var(--bg-nav);
	/*-webkit-text-stroke: 1px var(--bg-gry);*/
	text-shadow: 2px 2px 2px var(--bg-blk), 1px 1px 0 var(--bg-gry), 1px -1px 0 var(--bg-gry), -1px 1px 0 var(--bg-gry), -1px -1px 0 var(--bg-gry), 1px 0px 0 var(--bg-gry), 0px 1px 0 var(--bg-gry), -1px 0px 0 var(--bg-gry), 0px -1px 0 var(--bg-gry);
	transition: all 0.15s ease-in-out;
}
.card-cover:hover a {
	/*text-shadow: 1px 1px 0 var(--bg-nav), 1px -1px 0 var(--bg-nav), -1px 1px 0 var(--bg-nav), -1px -1px 0 var(--bg-nav), 1px 0px 0 var(--bg-nav), 0px 1px 0 var(--bg-nav), -1px 0px 0 var(--bg-nav), 0px -1px 0 var(--bg-nav),0px 3px 0px var(--bg-gry-75), 0px 4px 3px var(--bg-blk-50);
	color: var(--bg-cc-nav);*/
	transition: all 0.20s ease-in-out;
	}
/* --------------------------------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-top: 56.25%;
	overflow: hidden;
	border-radius: var(--rounded-4);
	border-color: var(--bg-blu);
	line-height: 1;
}
.youtube-player iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	background: transparent;
}
.youtube-player img {
	max-width: 500px;
	width: 100%;
	height: inherit;
	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, .video-btn-icon .youtube-player .play:hover {-webkit-filter: brightness(100%);}
.youtube-player .play, .video-btn-icon i {
	height: 50px;
	width: 50px;
	left: 50%;
	top: 50%;
	margin-left: -25px;
	margin-top: -25px;
	position: absolute;
	background-color: var(--bg-nav) !important;
	background: url('../images/icons/play-circle-fill.svg') no-repeat;
	border-radius: 50rem;
	cursor: pointer;
	box-shadow: 0px 0px 0px 4px var(--bg-wht), inset 0px 0px 0px 3px var(--bg-gry), 0 0.55rem 0.55rem var(--bg-blk-25);
	transition: all 0.15s linear;
}
.youtube-player:hover, .youtube-player:hover img  {cursor: default;}
.youtube-player:hover .play, .video-btn:hover .video-btn-icon i {
	height: 75px;
	width: 75px;
	left: 50%;
	top: 50%;
	margin-left: -36px;
	margin-top: -36px;
	position: absolute;
	/*background-color: var(--bg-cc) !important;*/
	/*background: url('../images/icons/play-circle-fill-hover.svg') no-repeat;*/
	border-radius: 50rem;
	cursor: pointer;
	/*box-shadow: 0px 0px 0px 5px var(--bg-cc-nav), inset 0px 0px 0px 3px var(--bg-wht), 0 0.55rem 0.55rem var(--bg-blk-25);*/
	transition: all 0.15s linear;
}
.youtube-player .play:hover, .video-btn-icon i:hover {
	height: 75px;
	width: 75px;
	left: 50%;
	top: 50%;
	margin-left: -36px;
	margin-top: -36px;
	position: absolute;
	background-color: var(--bg-cc) !important;
	background: url('../images/icons/play-circle-fill-hover.svg') no-repeat;
	border-radius: 50rem;
	cursor: pointer;
	box-shadow: 0px 0px 0px 5px var(--bg-cc-nav), inset 0px 0px 0px 3px var(--bg-wht), 0 0.55rem 0.55rem var(--bg-blk-25);
	transition: all 0.15s linear;
}
.youtube-player span.text-center {padding: 0.5rem 0;}
@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 {border-radius: var(--rounded-4) !important;}
.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: var(--rounded-2);
	border-top-right-radius: var(--rounded-2);
}
.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 {
	color: var(--bg-cc);
	box-shadow: inset 0 0px 0px 0px var(--bg-ylw);
	transition: all 0.15s ease-in-out;
}*/
#v-pills-tab-departments .nav-link.active {
	background: var(--bg-blu) !important;
	color: var(--bg-nav);
	border-radius: var(--rounded-4) !important;
}
#v-pills-tab-departments .nav-link:hover {
	background: var(--bg-ylw-90);
	color: var(--bg-cc);
	/*box-shadow: inset 0 0px 0px 2px var(--bg-cc-nav-50);*/
	border-radius: var(--rounded-4) !important;
	border: 1px solid var(--bg-blu-75);
	/*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:hover {
	background: var(--bg-cc-nav-75);
	color: var(--bg-nav);
	box-shadow: inset 0 0px 0px 2px var(--bg-ylw);
	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%;
	padding-bottom: 0.75rem;
	/*display: flex;*/
	/*position: fixed;*/
	overflow-y: auto;
	overflow-x: hidden;
}
.tab-content.contact_us {
	height: 100%;
	padding-bottom: 0.75rem;
	/*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 .card, .directory .residential > div:first-child .card, .directory .card-footer {background: var(--bg-wht); padding: 0.35rem;}
.directory .card-footer p.addresslink {display: flex; margin-bottom: 0;}
.directory .card-footer p.addresslink a {
	display: inline-block;
	padding: 1px 3px;
	background: transparent;
	color: var(--bg-cc);
	text-decoration: none;
	text-align: left;
	line-height: 1;
}
.directory .card-footer p.addresslink a .address, .directory .card-footer p.addresslink .suite {display: block; font-size: 0.9rem;}
.directory .card-footer p.addresslink a .address .street, div.contact p.addresslink a .address .citystate {display: flex;}
.directory .card-footer p.addresslink .suite {margin-left: 0.75rem;}
.directory .card-footer p.suite {min-height: 20px; margin-bottom: 1rem;}
.directory .card-footer p.suite > span.suite {padding-left: 37px;}
div.contact p.suite {min-height: 20px; /*text-align: right;*/ margin-bottom: 1rem;}
.contact p.fs-4 {line-height: 1.2; font-weight: bold;}
.contact p.address {line-height: 1.2; font-weight: normal;}
@media (min-width: 0px) and (max-width: 400px) {
	.directory .card-footer p.addresslink,  .directory .card-footer p.addresslink i, .directory .card-footer p.addresslink a {display: block;}
	.directory .card-footer p.addresslink i, .directory .card-footer .phoneemail span.phonefax .icon {margin-right: 0; margin-bottom: 0.25rem;}
	.directory .card-footer .phoneemail span.phonefaxnumber {display: block; margin: 0.25rem 0 .75rem 0;}
}
.directory .card .sitelink a span.card-body {font-family: "Oswald", sans-serif, var(--bs-body-font-family), sans-serif !important; /*font-family: "Atkinson Hyperlegible", "Open Sans", sans-serif;*/font-size: 1.25rem; letter-spacing: 0.05rem;}
.directory .card .sitelink a span.card-body i {display: none;}
.directory .card .sitelink a .card-body {padding: 0.75rem;}
.directory .card .sitelink a i.bi-link-45deg::before {transform: rotate(0deg); margin-right: 0rem;}
.directory .card-footer {
	background: var(--bg-wht);
	font-size: 0.90rem !important;
	margin-top: 0 !important;
	padding: 0.75rem 0 0 0 !important;
}
.directory .card-footer i {width: 30px; margin-right: .25rem;}
.directory .card-footer i img {width: 35px; border-radius: var(--rounded-4) !important; border: 0px solid transparent !important;}
.directory .card-footer a.map {display: inline-flex !important;}
.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;
}
.directory .tab-content > .tab-pane .residential > div:first-child, .directory .tab-content > .tab-pane .vetaffairs > div:first-child {
	width: 100% !important;
	background-color: var(--bg-cc-nav-25) !important;
	background-image: var(--bs-gradient) !important;
	padding: 0.25rem !important;
	border-radius: var(--rounded-4) !important;
	box-shadow: 0px 10px 20px -10px rgb(0 0 0 / 50%);
	border-color: var(--bg-blu-25) !important;
}
.tab-content > .active {
	height: auto;
	overflow-y: auto;
	overflow-x: hidden;
	border-radius: var(--rounded-4);
  visibility: visible;
	box-shadow: 0px 10px 10px -10px var(--bg-blk-50);
}
/*.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;}
.vPillTabs .nav-pills button, .vPillTabs .nav-pills .btn, .nav-pills .nav-item .nav-link, .nav-pills .nav-link {
	background: var(--bg-wht) !important;
	background-image: var(--cc-gradient) !important;
	padding: 1rem;
	margin: 0 0.2rem;
	color: var(--bg-blk);
	line-height: 1em;
	font-size: 1.1rem;
	border: 1px solid var(--bg-blu-25);
	box-shadow: inset 0px 0px 0px 0px var(--bg-cc-90);
	border-radius: var(--rounded-4) !important;
	transition: all 0.15s ease-in-out;
}
.vPillTabs .nav-pills button.active, .h-tabs .nav-link.active {
	color: var(--bg-wht);
	opacity: 1;
	/*font-weight: bold;*/
	background: var(--bg-cc-nav-75) !important;
	background-image: var(--bs-gradient) !important;
	border-radius: var(--rounded-4) !important;
	border: 1px solid var(--bg-gry-90);
	box-shadow: inset 0px 0px 0px 0px var(--bg-cc);
}
.sectionlight .vPillTabs .nav-pills button:hover, .sectionblue .vPillTabs .nav-pills button:hover, .nav-pills .nav-item .nav-link:hover, .vPillTabs .nav-pills .btn:hover {
	background: var(--bg-ylw-90) !important;
	padding: 1rem;
	color: var(--bg-cc-nav);
	line-height: 1em;
	font-size: 1.1rem;
	opacity: 1;
	border: 1px solid var(--bg-blu-75);
	border-radius: var(--rounded-4) !important;
	box-shadow: inset 0px 0px 0px 0px var(--bg-cc-90);
	transition: all 0.2s ease-in-out;
}
.vPillTabs .nav-pills button.active img, .h-tabs .nav-link.active img {border-color: var(--bg-ylw) !important;}
.vPillTabs.directory div[role=navigation] {
	background-color: var(--bg-cc-nav-15);
	border-bottom: 1px solid var(--bg-gry);
}
.vPillTabs .nav-pills button span > hr {transition: all 0.1s ease-in-out;}
.vPillTabs .nav-pills button.active span > hr {background: var(--bg-ylw-90) !important; transition: all 0.15s ease-in-out;}
.vPillTabs a.stretched-link {
	width: 100%;
	height: 100%;
	color: var(--bg-cc-nav);
	padding: 0;
	border-radius: var(--rounded-4);
	box-shadow: inset 0px 0px 0px 0px var(--bg-ylw-50);
	transition: all 0.15s ease-in-out;
}
.vPillTabs a.stretched-link:hover {
	color: var(--bg-cc);
	/*box-shadow: none;*/
	transition: all 0.2s ease-in-out;
}
.vPillTabs .card a.stretched-link:hover {
	color: var(--bg-cc);
	box-shadow: inset 0px -15rem 0px 0px var(--bg-ylw-90);
	transition: all 0.2s ease-in-out;
}
.vPillTabs.directory, .vPillTabs.contact_us {
	/*height: 100%;*/
	/*background: var(--bg-wht);*/
	position: relative;
}
.vPillTabs.directory .nav-pills .nav-link {
	max-width: 35px;
	min-width: 35px;
	margin: 0;
	padding: 5px !important;
	background-image: none !important;
	color: var(--bg-cc-nav-90);
	border: 1px solid var(--bg-cc-nav-0);
	font-size: 0.9rem;
	/*font-family: "Atkinson Hyperlegible", "Open Sans", sans-serif;*/
	font-family: "Roboto Condensed", sans-serif;
}
.vPillTabs.directory .tab-content > .active {
	height: auto;
	margin-bottom: 28vh;
	padding-bottom: 25px !important;
	/*min-height: 650px;*/
	/*position: fixed;*/
	overflow-y: auto;
	overflow-x: hidden;
  visibility: visible;
	border: 1px solid var(--bg-cc-nav-10);
	box-shadow: 0px 10px 20px -10px rgb(0 0 0 / 50%);
}
.vPillTabs.directory .tab-content.contact_us > .active {
	height: auto;
	margin-bottom: 15vh !important;
	padding-bottom: 0 !important;
	/*min-height: 650px;*/
	/*position: fixed;*/
	overflow-y: auto;
	overflow-x: hidden;
  visibility: visible;
	border: 1px solid var(--bg-cc-nav-10);
	box-shadow: 0px 10px 20px -10px rgb(0 0 0 / 50%);
}
.vPillTabs.directory .tab-content {background: var(--bg-wht) !important; padding-bottom: 0;}
/*.vPillTabs.directory .tab-content .card-body {background: var(--bg-wht) !important;}*/
.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 > * i.bi.position-absolute, .faqs > * i.fa-solid.position-absolute {
	margin-right: 2.5rem !important;
	margin-left: 2rem;
	color: var(--bg-blu-10) !important;
	font-size: 2.5rem;
	bottom: 0.55rem !important;
	z-index: 0;
}
.faqs > * i.bi.bi-check2-circle.position-absolute {margin: 0 1rem 0.65rem 0 !important; color: var(--bg-grn) !important; font-size: 3rem;}
.faqs > * i.bi.bi-x-octagon.position-absolute {margin: 0 1rem 1rem 0 !important; color: var(--bg-red) !important; font-size: 2.5rem;}
.faq-cat {width: 95%; margin-bottom: 5px; margin-left: 2rem;}

/*.faqs p, .faqs ul, .faqs ol, .faqs dl, #faq p, #accordion_faqs dd {color: var(--bg-blk);}*/
.faqs div.w-100.bg-white {background: var(--bg-wht) !important; background-image: var(--cc-gradient) !important; border-radius: var(--rounded-4) !important; box-shadow: 0px 10px 10px -10px var(--bg-blk-50) !important; border-color: var(--bg-blu-25) !important;}
.faqs p.question, .faqs .card-title.question {
	text-align: left;
	color: var(--bg-cc-nav);
	padding-bottom: 0.75rem;
	border-bottom: 1px solid var(--bg-gry-75);
}
.faqs p.question span.qicon, .faqs .card-title.question span.qicon {color: var(--cc-nav); font-weight: bold; margin-right: 0.5rem;}
.faqs p.question span.qicon i, .faqs p.answer span.aicon i {margin-right: 0.5rem;}
.faqs p.question span.qtext, .faqs .card-title.question span.qtext {color: var(--cc-nav); font-weight: normal;}
.faqs p.answer {
	text-align: justify;
	color: var(--bg-blk);
}
.faqs ol.answer, .faqs ul.answer, .faqs ul.answer li {
	text-align: left;
	color: var(--bg-blk);
}
.faqs dl.answer {color: var(--bg-blk);}
.faqs p.answer:last-child, .faqs ul.answer:last-child {position: relative; margin-bottom: 0; z-index: 1;}
.faqs p.answer span.aicon, .faqs .card-title.answer span.aicon {color: var(--cc-grn); font-weight: bold; margin-right: 0.5rem;}
.faqs p.answer span.aicon, .faqs .card-title.answer span.aicon {color: var(--bg-blk); font-weight: bold; margin-right: 0.5rem;}
.faqs p.answer span.atext, .faqs .card-title.answer span.atext {color: var(--bg-blk); font-weight: normal;}
.accordion-body.border-0 {padding: 0;}
/* --------------------------------CUSTOM STYLE(S)-------------------------------- */

.b-example-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 0.5em 1.5em rgba(0, 0, 0, .1), inset 0 0.125em 0.5em rgba(0, 0, 0, .15);
}
/*.alertrow, .dptalert {display: none;}*/
.align-items-top {}
.alertrow.active {
	height: 100%;
	/*margin-top: var(--navbarMinHeight);
	margin-top: calc(var(--navbarMinHeight) + var(--navbarMarginTop));*/
	display: block;
	position: relative;
	/*transform: translateX(-50%) !important;*/
	bottom: 0 !important;
	/*left: 50%;*/
	z-index: 100;
}
.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;}
.txt-justify {text-align: justify !important;}
.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: 575px) {
	#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 p, #houselist * span.phone p {
		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: 0px) and (max-width: 767px) {
	.hotspots, .hotspots * .fs-5, .hotspots * .fs-6, .hotspots * li {
		font-size: calc(0.25rem + 0.75vw) !important;
	}
	/*.ccsonewsrow {min-height: 170px !important;}*/
	.ccsonews {border-radius: 0 !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-cc-nav-15);
	background-color: var(--bg-cc-nav-15);
	background-image: url('../images/bgs/bg-txtr-cc-nav.webp') !important;
	background-position: left top;
	background-repeat: repeat;
	padding: 1rem;
	color: var(--bg-cc);
	font-weight: normal;
	position: relative;
	box-shadow: inset 0px 15px 15px -5px var(--bg-blk-25), inset 0px -15px 15px -10px var(--bg-blk-10) !important;
	z-index: 9;
}
.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;
	z-index: 1;
}
.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-drk);
	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-drk);
	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;
	z-index: 1;
}
.directory .ribbon-r {
	background-color: var(--bg-cc-nav-75);
	color: var(--bg-ylw);
	border-radius: 0 5px 0 0;
	border-right: 5px solid var(--bg-cc);
	font-weight: normal;
	position: absolute;
	top: -1px;
	right: 0;
	padding: 0 0.25rem;
	z-index: 10;
}
.directory .ribbon-r a {
	display: flex;
	padding: 3px 0;
	color: var(--bg-ylw);
	position: relative;
	box-shadow: none;
	z-index: 10;
}
.directory .ribbon-r span {
	font-size: .75em;
	font-weight: normal;
	letter-spacing: 1px;
}
.directory .ribbon-r:before {border-top: 15px solid var(--bg-cc-nav-75);}
.directory .ribbon-r:after {border-bottom: 15px solid var(--bg-cc-nav-75);}
.directory .ribbon-r .rbn-shadow {
	width: 130% !important;
	height: 100%;
	display: flex !important;
	box-shadow: 0px 10px 10px -10px var(--bg-blk-90) !important;
}
.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-drk);
	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-drk);
	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://charlestoncounty.gov/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: 101vh;
	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: #00405F;
	text-decoration: none !important;
	transition: all 0.2s ease-in-out;
}
.row .achievements .card > .row {background-position: center;}
a.facebook {
	color: #4267B2;
	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) {
	footer .social a.twitterx svg {max-height: 26px !important;}
	footer .social a.nextdoor img {max-height: 26px !important; max-width: 26px !important;}
}

/* --------------------------------DATATABLES STYLE(S)-------------------------------- */
table.dataTable thead > tr > th {border-top: 1px solid var(--bg-blu-25); color: var(--bg-cc);}
table.dataTable tbody th, table.dataTable tbody td {
	padding: 5px !important;
	overflow-wrap: anywhere;
}
table.table, table.table > thead {
	margin: 0;
	border-radius: var(--rounded-4) var(--rounded-4) 0 0;
	border-top: 1px solid var(--bg-gry);
}
table.table > thead tr {border-radius: var(--rounded-4) var(--rounded-4) 0 0;}
table.table tbody tr:nth-child(odd), table.table tbody tr:nth-child(even) {}
.table-striped>tbody>tr:nth-of-type(odd)>* {
	background: var(--bg-nav);
	background-color: var(--bg-nav);
	--bs-table-accent-bg: var(--bg-nav);
	border-bottom: 0.25rem solid var(--bg-white);
}
.table-striped>tbody>tr:nth-of-type(even)>* {
	background: var(--bg-wht);
	background-color: var(--bg-wht);
	--bs-table-accent-bg: var(--bg-wht);
	border-bottom: 0.25rem solid var(--bg-white);
}
.dataTable thead th {background: var(--bg-cc-nav-10) !important; background-image: var(--cc-gradient) !important; margin: 0; border-radius: 0;}
#mie-forms.dataTable tbody th, #mie-forms.dataTable tbody td {
	padding: 0.5rem !important;
	overflow-wrap: anywhere;
}
table.dataTable tfoot {background: var(--bg-cc-nav-5); background-image: var(--cc-gradient);}
#mie-forms.dataTable thead th {
	padding-right: 5px !important;
	padding-left: 15px !important;
}
td.links {align-items: center;}
td.links .file-link {display: inline-flex; align-items: center;}
td.links > .file-link a {display: flex; align-items: center;}
td.links > .file-link a i {display: flex; align-items: center;}

.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;
	}
.dataTables_wrapper .dataTables_filter input {
	color: var(--txt-drk) !important;
	background-color: var(--bg-wht) !important;
	border: 1px solid var(--bg-gry) !important;
}

.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;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
	display: inline-block;
	margin: 0 5px;
	padding: 0px 5px;
	background: var(--bg-gry-25) !important;
	background-image: var(--bg-gradient);
	box-shadow: none !important;
	color: var(--bg-trq);
	text-decoration: none;
	text-align: center;
	border-radius: var(--rounded-4);
	border: solid;
	border-width: 0;
	line-height: 1.25;
	transition: all 0.1s ease-in-out;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
	background: var(--bg-ylw-90) !important;
	background-image: var(--bg-gradient);
	box-shadow: none !important;
	color: var(--bg-cc);
	border-radius: var(--rounded-4);
	border: solid;
	border-width: 0;
	line-height: 1.25;
	transition: all 0.15s ease-in-out;	
}
/* --------------------------------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;}

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

/* --------------------------------ENVELOPE STYLE(S)-------------------------------- */
.envelope {
	height: 100%;
	background: var(--bg-wht);
	background-color: var(--bg-wht);
	margin: 0.5rem 0 1rem 0 !important;
	padding: 0rem;
	color: var(--bg-cc);
	font-weight: normal;
	position: relative;
	border: 1px solid var(--bg-gry) !important;
	border-radius: var(--rounded-4) !important;
	box-shadow: inset 0px 15px 15px -5px var(--bg-blk-25), inset 0px -15px 15px -10px var(--bg-blk-10) !important;
	z-index: 9;
}
.envelope .row {
	background: var(--bg-nav-75);
	background-color: var(--bg-nav-75);
	background-image: url('../images/bgs/bg-txtr-wht.webp') !important;
	background-position: left top;
	background-repeat: repeat;
	border: 1px dashed var(--bg-gry-75) !important;
	border-radius: var(--rounded-4) !important;
	padding: 0rem;
	box-shadow: inset 0px 0px 2px 1px var(--bg-gry) !important;
}
.stamp {
	display: block;
	background: var(--bg-cc) !important;
	box-shadow: none;
	color: var(--bg-wht);
	border: 1px dashed var(--bg-wht) !important;
	background-image: var(--bs-gradient) !important;
}
/* --------------------------------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-drk) !important;}
	#printMe * p {font-size: 15pt !important; color: var(--txt-drk) !important;}
	fieldset {}
	legend {color: var(--txt-drk) !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;}
}