@charset "utf-8";
@font-face {
	font-family: 'Atkinson Hyperlegible'; /* Replace with your font's name */
	src: url('../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('../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;
	--bs-body-font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}
*,
*::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 .container, .navbar .container-fluid, .footer .container-fluid {
  padding-top: 0;
	padding-bottom: 0;
}
.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%);}

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

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

/* --------------------------------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] {
	height: auto !important;
	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)-------------------------------- */

/* --------------------------------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)-------------------------------- */
/* --------------------------------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://sandbox.charlestoncounty.org/be/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;
}

/* --------------------------------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;
}
.container-fluid, #bodywrapper, #bodycontainer {
	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 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);*/}

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

/* --------------------------------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)-------------------------------- */
.grecaptcha-badge {z-index: 999;}
.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://sandbox.charlestoncounty.org/be/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.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 {
	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 .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;
}