/* aq.css*/


	body.preview div#content,
	body.preview div#map-container{
		display:none;
	}

	body.preview{
		border-top:1px solid #fff;
		background:transparent url("/images/maps-for-equity-logo.svg?v=2") center 200px no-repeat;
		background-size:230px auto;
		color:#4f4f4f;
		font-size:1em;
		font-style:italic;
		height:500px;
		line-height:1.8em;
		text-align:center;
		width:100%;
	}
	body.preview::before{
		content:'To create a fair happy city, we need to measure what we want to improve';
			display:block;
		margin:250px auto 0 auto;
			width:300px;
	}
	body.preview::after{
		content:'Coming December 2022';
		color:#aaa;
		display:block;
		font-style:normal;
		letter-spacing:0.1em;
		margin:45px auto 0 auto;
		text-transform:uppercase;
		width:300px;
	}
	body.preview div.metric-category-2,
	body.preview div.metric-category-4,
	body.preview div.metric-category-6,
	body.preview div.metric-category-7{
		display:none;
	}

	html,
	body{
		background:#fff;
		height:100%;
	}
	body{
		font-family: 'Open Sans', sans-serif;
		font-size:15px;
		touch-action: pan-x pan-y;
		transition: margin 300ms;
	}
	body .btn,
	body .leaflet-container {
		font-family: 'Open Sans', sans-serif;
		font-size:15px;	
	}

	.select2-container {
		/* max-width:85%; */
	}
	div.ui-selectmenu-menu > ul{
		border:1px solid #000;
		max-height:200px;
		overflow-y:auto;
	}
	.ui-state-active,
	.ui-widget-content .ui-state-active,
	.ui-widget-header .ui-state-active,
	a.ui-button:active,
	.ui-button:active,
	.ui-button.ui-state-active:hover {
	border:1px solid #777;
	background:#777;
	font-weight:normal;
	color:#fff
	}

	a.btn:hover{
		text-decoration:none;
	}
	.btn-light {
	 color:#000;
	 background-color:#f0f2f2;
	 border-color:#e8eaed
	}
	.btn-light:hover {
	 color:#000;
	 background-color:#e8eaed;
	 border-color:#e8eaed
	}
	.btn-check:focus+.btn-light,
	.btn-light:focus {
	 color:#000;
	 background-color:#e8eaed;
	 border-color:#e8eaed;
	 box-shadow:0 0 0 .25rem rgba(211,212,213,.5)
	}
	div.toggle-button-select{
		background:#e8eaed;
		border-radius: 50px;
		display:inline-block;
		line-height:1em;
		padding:0.5rem;
	}
	div.toggle-button-select a{
		border-radius:50px;
		border:1px solid #e8eaed;
		color:#555;
		display:inline-block;
		font-size:1em;
		font-weight:normal;
		margin:0;
		padding:1rem 2rem;
		transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	}
	div.toggle-button-select a.active,
	div.toggle-button-select a.active:hover{
		background:#fff;
		color:#000;
		pointer-events:none;
	}
	div.toggle-button-select a:hover{
		background:#fff0;
		border-color:#ccc0;
		color:#000;
		text-decoration:none;
	}
	.loading-inner-data{
		filter:none;
	}
	.loaded-inner-data,
	.data-updating-text{
		-webkit-animation:none;
	}
	.load-data:not(.loaded-data) .variable-data,
	.load-data:not(.loaded-data) .var,
	.loading-data .variable-data,
	.loading .variable-data,
	.loading-data .var,
	.loading .var{
		filter:none;
	}


/* IFRAME */

body.is-iframe div#content{
	display:none;
}
body.is-iframe div#map-container{
	height:100vh;
	margin-left:0;
width:100%;
}
body.is-iframe div#map-legend{
	bottom:0;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
  left:0;
}
body.is-iframe.iframe-sm div#map-legend div#map-legend-description,
body.is-iframe.iframe-sm div#map-legend div#map-options{
display:none;
}
body.is-iframe div.leaflet-pane div.level-number::before,
body.is-iframe div.leaflet-pane a.view-details{
	display:none;
}
body.is-iframe div.census-tract-tooltip > div{
	color:#fff0;
font-size:0.1rem;
	height:0.5rem;
}
	


/* GRADE */

	@media (min-width:1250px) {
		body.X_offcanvas-open{
			margin-right:400px;
		}
	}

	div.grade div.grade-letter{
		font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
	}

	div.grade div.grade-letter{
		background:#30B0C7;
	}
	div.grade div.grade-letter.grade-letter_C-plus,
	div.grade div.grade-letter.grade-letter_C,
	div.grade div.grade-letter.grade-letter_C-minus{
		background:#248594;
	}
	div.grade div.grade-letter.grade-letter_D-plus,
	div.grade div.grade-letter.grade-letter_D,
	div.grade div.grade-letter.grade-letter_D-minus,
	div.grade div.grade-letter.grade-letter_F{
	background:#184e59;
	}
	path.metric-marker{
	/*	filter: drop-shadow(2px 2px 3px #555c); */
		filter: drop-shadow(1px 2px 2px #555c);
	}


	/* New Simplified Version 6 CSS */
	/* Step 1: Common Properties: All required to make icons render reliably */
	.icon::before {
	/* removed font- based rules */
	display: inline-block;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	}

	/* Step 2: Reference Individual Icons */
	.login::before {
	/* using style CSS custom property */
	font: var(--fa-font-solid);
	content: "\f007";
	}

	/* Note: Make sure to include the correct weight and Unicode value for the icon */
	.tps::before {
	/* using style CSS custom property */
	font: var(--fa-font-solid);
	content: "\f1ea";


	}


	.loaded-inner-data,
	.loading-inner-data{
	filter:unset;
	}
	.loaded-inner-data,
	.data-updating-text{
		/*
	-webkit-animation: updating_text_blur 1s; 
	-webkit-animation:none;
		*/
	}
	/*
	.rank-class-1-fill,
	.rank-class-3-fill,
	.rank-class-4-fill,
	.rank-class-5-fill{
	color:#fff;
	}
	.rank-class-2-fill{
	color:#915d10;
	}
	*/
	.grade-letter{
	position:relative;
	}

	.grade-letter_A-minus::before,
	.grade-letter_A::before{ content:'A'; }
	.grade-letter_B-minus::before,
	.grade-letter_B-plus::before,
	.grade-letter_B::before{ content:'B'; }
	.grade-letter_C-minus::before,
	.grade-letter_C-plus::before,
	.grade-letter_C::before{ content:'C'; }
	.grade-letter_D-minus::before,
	.grade-letter_D-plus::before,
	.grade-letter_D::before{ content:'D'; }
	.grade-letter_F-plus::before,
	.grade-letter_F::before{ content:'F'; }

	.grade-letter_A-minus::after,
	.grade-letter_B-minus::after,
	.grade-letter_C-minus::after,
	.grade-letter_D-minus::after,
	.grade-letter_F-minus::after{
	content:'-';
	position:relative;
	}

	.grade-letter_B-plus::after,
	.grade-letter_C-plus::after,
	.grade-letter_D-plus::after,
	.grade-letter_F-plus::after{
	content:'+';
	position:relative;
	}
	.grade-letter_B-minus,
	.grade-letter_C-minus,
	.grade-letter_D-minus,
	.grade-letter_F-minus,
	.grade-letter_B-plus,
	.grade-letter_C-plus,
	.grade-letter_D-plus,
	.grade-letter_F-plus{
	padding-left:0.2em;
	}


	/*
	.grade-letter_A-minus::before{ content:'A-'; }
	.grade-letter_A::before{ content:'A'; }
	.grade-letter_B-minus::before{ content:'B-'; }
	.grade-letter_B-plus::before{ content:'B+'; }
	.grade-letter_B::before{ content:'B'; }
	.grade-letter_C-minus::before{ content:'C-'; }
	.grade-letter_C-plus::before{ content:'C+'; }
	.grade-letter_C::before{ content:'C'; }
	.grade-letter_D-minus::before{ content:'D-'; }
	.grade-letter_D-plus::before{ content:'D+'; }
	.grade-letter_D::before{ content:'D'; }
	.grade-letter_F-plus::before{ content:'F+'; }
	.grade-letter_F::before{ content:'F'; }
	*/

	a{
	color:#1967d2;
	text-decoration:none;
	}
	a:hover{
	text-decoration:underline;
	}
	a.btn-primary{
	background-color:#30b0c7;
	border-color:#30b0c7;
	color:#fff;  
	}
	a.btn-primary:hover{
	background-color:#1b98a5;
	border-color:#1b98a5;
	}
	.btn-primary:focus {
	color:#fff;
	background-color:#30b0c7;
	border-color:#1b98a5;
	box-shadow:0 0 0 .25rem rgba(48,176,199,.2);
	}
	.btn-primary.active,
	.btn-primary:active{
	color:#fff;
	background-color:#30b0c7;
	border-color:#30b0c7
	}
	.btn-primary.active:focus,
	.btn-primary:active:focus{
	box-shadow:0 0 0 .25rem rgba(48,176,199,.2);
	}
	a.btn-link{
	background:#e4f9f9;
	color:#1b98a5;  
	text-decoration:none;
	}
	a.btn-link:hover{
	color:#1b98a5; 
	border-color:#30b0c7;
	}
	div.card-container{
	background:#fff;
	border-radius:10px;
	box-shadow:rgba(0, 0, 0, 0.08) 2px 4px 12px 0px;
	margin-bottom:20px;
	margin-top:20px;
	padding:30px;
	}
	div.card-container h3{
	margin:0px 0 20px 0;
	}
	div.saving{
	outline:none !important;
	}
	div.saved{
	outline:none !important;
	}
	div.form.saving{
	opacity:0.5;
	pointer-events:none;
	}
	div.dropdown-menu.align-right.show{
	left:auto !important;
	right:0px !important;
	}
	body input:checked + label.switch-label{
	background:#42c0ff;
	border-color:#42c0ff;
	opacity:1;
	}
	body input:checked + label.switch-label::before{
	content:'\f00c';
	}
	body label.switch-label:hover{
	background:#11858e;
	border-color:#11858e;
	cursor:pointer;
	}

	/* HEADER */

	header{
	background:#E5E3DF;
	background:transparent;
	height:60px;
	margin-left:600px;
	padding-top:0px;
	pointer-events:none;
	position:absolute;
	width:calc(100% - 600px);
	z-index:1;  
	}
	body.X_offcanvas-open header{
	margin-right:300px;
	width:calc(100% - 500px);
	transition: width 300ms;
	}  
	header nav.navbar{
	background:#F5F4F3;
	background:rgba(245, 244, 243, 0.9);
	background:transparent;
	padding-bottom:5px;
	padding-top:5px;
	}
	header nav.navbar div.container-fluid{
	align-items:start;
	}
	header nav.navbar a.navbar-brand{
	background:transparent url("/images/air-cactus-logo.svg") center center no-repeat;

	background-size:140px auto;
	border-radius:40px;
	color:#888;
	font-size:1.4em;
	font-weight:900;
	letter-spacing:-0.05em;
	margin:0 0 0 200px;
	overflow:hidden;
	pointer-events:auto;
	position:relative;
	text-indent:-200px;
	transition: opacity 0.5s ease-out;
	width:200px;
	}
	header nav.navbar a.navbar-brand::after{
	opacity:0;
	transition: visibility 0.5s, opacity 0.5s ease-out;
	}
	body.map-options-closed header nav.navbar a.navbar-brand::after{
	background-color:transparent;
	border-radius:50px;
	content:'\f27a';
	color:#fff;
	display:inline-block;
	display:none;
	font-family:'Font Awesome 6 Pro';
	font-size:22px;
	height:30px;
	opacity:1;
	right:20px;
	text-align:center;
	text-indent:0px;
	text-shadow: 0px 1px 5px rgba(0,0,0,0.6);
	top:6px;
	position:absolute;
	width:40px;
	}
	body.map-options-closed header nav.navbar a.navbar-brand:hover::after{
	text-shadow: 0px 1px 5px rgba(0,0,0,1);
	}
	header nav.navbar button.navbar-toggler{
	border:none;
	}
	header nav.navbar div.dropdown > a.dropdown-toggle{
	background:transparent;
	border:none;
	color:#30b0c7;
	font-size:20px;
	margin:0px 0 0 0;
	opacity:1;
	padding:4px 15px;
	pointer-events:auto;
	}
	header nav.navbar div.dropdown > a.dropdown-toggle::after{
	content:'';
	display:none;
	}
	header nav.navbar form#find-address-form{
	display:none !important;
	}
	header nav.navbar form#find-address-form div.input-group{
	background:#fff;
	border:1px solid #aaa;
	border-radius:30px;
	box-shadow:rgba(0, 0, 0, 0.4) 0px 0px 3px 0px;
	margin-top:3px;
	pointer-events:auto;
	}
	header nav.navbar form#find-address-form input{
	border:none;
	border-radius:30px;
	max-width:300px;
	padding-left:25px;
	}
	header nav.navbar form#find-address-form div.input-group button{
	background:#5a5a5a;
	border-radius:20px;
	height:35px;
	margin:4px;
	padding:0;
	width:35px;
	}
	body.hide-intro header nav.navbar form#find-address-form{
	margin-bottom:0;
	opacity:1;
	}
	header nav.navbar input#header-find-address{
	width:400px;
	}
	header nav.navbar li.nav-item a{
	opacity:0.6;
	}

	header nav.navbar li.nav-item a:hover{
	opacity:1;
	}
	header div#navbarNav.show li.nav-item{
	border-top:1px solid #aaa;
	}
	header nav.navbar li.nav-item.active a{
	color:#000;
	opacity:1;
	}
	header nav.navbar li.nav-item.user-info{
	position:relative;
	}
	header nav.navbar li.nav-item.user-info > a{
	background:transparent;
	border-radius:50%;
	display:block;
	height:40px;
	margin:2px 0 0 10px;
	opacity:1;
	overflow:hidden;
	padding:0;
	position:relative;
	width:40px;
	}
	header nav.navbar li.nav-item.user-info > a::after{
	display:none;
	}
	header nav.navbar li.nav-item.user-info > a img{
	border:4px solid #fff;
	border-radius:50%;
	display:block;
	height:40px;
	margin:0;
	padding:0;
	position:relative;
	top:0px;
	width:40px;
	}
	div#navbarNav.collapse.show{
	margin-top:14px;
	}
	div#navbarNav.collapse.show a{
	padding-left:22px;
	}
	div#navbarNav.collapse.show li{
	}
	header nav.navbar li.nav-item.user-info > a:hover img,
	header nav.navbar li.nav-item.user-info > a:active img{
	border:4px solid #ebecec;
	}
	header nav.navbar li.nav-item.user-info ul.dropdown-menu{
	border:1px solid rgba(0,0,0,0.2);
	border-radius:8px;
	box-shadow: 0 2px 10px rgba(0,0,0,.2);
	left:auto;
	right:0px;
	width:354px;
	}
	header nav.navbar li.nav-item.user-info ul.dropdown-menu div.profile-image{
	margin:10px 0;
	text-align:center;
	}
	header nav.navbar li.nav-item.user-info ul.dropdown-menu div.profile-image img{
	border-radius:50%;
	height:80px;
	width:80px;
	}
	header nav.navbar li.nav-item.user-info ul.dropdown-menu div.first-name{
	font-weight:bold;
	text-align:center;
	}
	header nav.navbar li.nav-item.user-info ul.dropdown-menu div.email{
	color:#5f6368;
	font-size:14px;
	margin:0 0 20px 0;
	padding:0 20px;
	text-align:center;
	}
	header nav.navbar li.nav-item.user-info ul.dropdown-menu li.sign-out{
	text-align:center;
	}
	header nav.navbar li.nav-item.user-info ul.dropdown-menu li.sign-out a.sign-out{
	background:transparent;
	border:1px solid #dadce0;
	border-radius:4px;
	color:rgb(60, 64, 67);
	font-size:14px;
	font-weight:bold;
	margin:16px;
	padding:10px 24px;  
	}
	header nav.navbar li.nav-item.user-info ul.dropdown-menu li.sign-out a.sign-out:hover{
	background:#f4f4f4;
	}
	header nav.navbar li.view-projects{
	padding:10px 20px;
	}
	header nav.navbar li.view-projects a.project-link{
	border-top:1px solid #555;
	font-weight:bold;
	}
	header nav.navbar li.view-projects div.view-actions a{
	}

	/* MAIN */

	main h3{
	font-size:25px;
	font-weight:600;  
	}

	/* HOME PAGE  */

	div#home-page{
	padding:0;
	}


	/* LOGIN */

	div#login-card{
	margin-top:40%;
	margin:40% auto 0 auto;
	text-align:center;
	max-width:300px;
	}

	div#login-card h1{

	display:block;

	font-size:50px;
	font-weight:900;
	margin:30px 0 60px 0;
	opacity:0.6;
	width:100%;
	}
	div#login-card iframe{

	margin:0 auto !important;
	}
	div#login-card p{
	color:#888;
	font-style:italic;
	margin:20px 15px 10px 15px;
	}
	div#login-card div#login-error{
	border:4px solid #ff0005;
	border-radius:4px;
	display:none;
	}
	div#login-card div#login-error p{
	font-style:normal;
	margin:10px;
	padding:10px;

	text-align:left;
	}

	/* CONTENT */

	div#content{
	background:#333;
		color:#fff;
	height:100vh;
	height:var(--app-height, 100vh);
	overflow:auto;
	padding:0;
	pointer-events:auto; 
	position:relative;
	scrollbar-width: thin;
	text-align:center;
	touch-action: pan-x pan-y;
	transition:opacity 0.5s ease-in, visibility 0.5s ease-in;  
	top:0px;
	width:40%;
	width:calc(500px - 2rem);
		width:500px;
	z-index:1;
	}
	div#content a#toggle-menu{
	color:#555;
	font-size:18px;
	position:absolute;
	left:43px;
	top:23px;
	}
	div#content > h1{
		background:transparent url("/images/maps-for-equity-logo-light.svg?v=6") 45% center no-repeat;
	background-size:contain;
	height:2rem;
	margin:3rem 0 1rem 0;
	overflow:hidden;
	pointer-events:auto;
	position:relative;
	text-indent:-900px;
	width:100%;
	}
	div#content > h2{
	display:none;
	}
	div#content div#introduction{
		color:#fff;
		font-size:1em;
		margin:1rem 0 2rem 0;
		line-height:1.6em;
		padding:0 5rem;
		text-align:center;
	}
	div#content div#introduction p{
		font-size:1rem;
		font-style:italic;
		line-height:1.8rem;
		padding:0.5rem 0 0 0;
	}
	div#content div#introduction em{
		font-weight:bold;
	}
	/*
	div#content > h2,
	div#content > h3,
	div#content div#info > h1{
	color:#939598;
	display:inline-block;
	font-size:20.5px;
	font-weight:bold;
	position:absolute;
	text-align:right;
	right:40px;
	top:35px;
	}
	div#content > h2 strong{
	color:#30B0C7;
	}
	div#content > h3{
	display:none;
	font-size:13px;
	font-style:italic;
	font-weight:normal;
	letter-spacing:0em;
	top:70px;
	}
	div#content > h3 span.air-quality{
	}
	div#content > h3 span.health{
	}
	*/
	div#content{
		padding:0 1rem;
		padding:0;
	text-align:left;
	}

	div#content h2{
	color:#fff;
	font-size:2.6em;
	font-weight:800;
	letter-spacing:-1px;
	margin:50px 0 70px 0;
	text-transform:uppercase;
	}
	div#content h2 span:nth-child(1){
	display:block;
	font-size:0.5em;
	}
	div#content h2 span:nth-child(2){
	display:block;
	line-height:1.6em;
	}
	div#content h2 span:nth-child(3){
	display:block;
	font-size:0.85em;
	}

	div#content h3{
	}

	div#content div#data-sources{
	color:#fff;
	}
	div#content div#data-sources ul{
	background:#fffc;
	border-radius:8px;
	display:block;
	margin:0 -15px;
	padding:20px 0;
	}
	div#content div#data-sources ul li{
	display:inline-block;
	line-height:0.9em;
	list-style:none;
	text-align:center;
	vertical-align:top;
	width:25%;
	}
	div#content div#data-sources ul li a{
	color:#333;
	display:block;
	font-size:0.75em;
	padding:50px 5px 0px 5px;
	}
	div#content div#data-sources ul li.epa a{
	background:transparent url("/images/epa-logo.png") center 6px no-repeat;
	background-size:70% auto;
	}
	div#content div#data-sources ul li.cdc a{
	background:transparent url("/images/cdc-logo.png") center 4px no-repeat;
	background-size:50% auto;
	}
	div#content div#data-sources ul li.tceq a{
	background:transparent url("/images/tceq-logo.png") center 0px no-repeat;
	background-size:38% auto;
	}
	div#content div#data-sources ul li.census a{
	background:transparent url("/images/census-bureau-logo.png") center 5px no-repeat;
	background-size:60% auto;
	}

	/* METRICS LIST */

	div#metrics-list{
		opacity:1;
		padding-bottom:15rem;
		transition: all 0.5s ease-in; 
	}
	body.loading-map div#metrics-list{
		opacity:0;
	}
	div#metrics-list div.metric-categories{
		border-top:2px solid #ddd;
		margin:0 2rem;
		opacity:1;
		position:relative;
		top:0px;
		transition: all 0.75s ease-in; 
	}
	div#metrics-list div.metric-categories.metric-category-1{
		border-top:none;
	}

	div#metrics-list.loading div.metric-categories,
	body.loading-map div#metrics-list div.metric-categories{
	opacity:0;
	}
	div#metrics-list div.metric-category-7 div.metric-category{
	}
	div#metrics-list div.metric-category{
		background:transparent;
		color:#fff;
		margin:1rem 0;
		padding:1rem 0rem 0.5rem 0rem;
		position:relative;
	}
	div#metrics-list div.metric-category::after{
		border-top:1px solid #ccc0;
		content:'';
		display:inline-block;
		left:0px;
		margin:0 2rem;
		position:absolute;
		top:0px;
		width:calc(100% - 4rem);
		z-index:100;
	}
	div#metrics-list div.metric-category.metric-category-1::after{
	}

	div#metrics-list > div.intro{
		display:none !important;;
	}
	div#metrics-list > div.Xintro{
		background:#daded8;
		background:#fff;
		border:2px solid #535d60;
		border-radius:4rem;
	color:#555;
	color:#535d60;
		font-weight:bold;
		padding:1rem 0rem;
		position:relative;
		margin:0 20px 25px 20px;
		margin:0 2rem 1.5rem 2rem;
		text-align:center;
		z-index:10;
	}
	div#metrics-list > div.Xintro:before,
	div#metrics-list > div.Xintro:after{
		content: '';
		position: absolute;
		bottom: 0;
		left: 16%;
		width: 0;
		height: 0;
		border: 12px solid transparent;
		border-top-color: #535d60;
		border-bottom: 0;
		margin-left: -22px;
		margin-bottom: -14px;
		z-index:1;
	}
	div#metrics-list > div.intro:after{
		border-top-color:#fff;
		margin-bottom:-11px;
		z-index:2;
	}
	div#metrics-list > div#intro-select.intro{
		display:block;
		line-height:2rem;
		padding:0.75rem 0rem;
	}
	div#metrics-list > div#intro-select.intro select{
		display:inline-block;
	}
	div#metrics-list > div#intro-select.intro span#select-city-button{
		background:#f3f2f2;
		border-radius:1rem;
		border-color:#fff;
		box-shadow:none;
		display:none;
		padding-left:1rem;
		margin-left:0.5rem;
		text-align:center;
		width:170px;
	}
	div#metrics-list > div#intro-select.intro span#select-city-button.ui-selectmenu-button-open{
		background:#eee;
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
	}
	div#metrics-list div.metric-category div.view-metrics{
	}
	div#metrics-list div.metric-category h3{
		color:#10b396;
		color:#fff;
		font-size:1.2em;
		font-weight:bold;
		margin:0;
		padding:0rem 0 0.5rem 1rem;
		position:relative;
	}
	div#metrics-list div.metric-category.metric-category-1 h3{
		border:none;
	}
	div#metrics-list div.metric-category h3::before{
		color:#10b396;
		color:#333a;
		content:'\f21e';
		display:inline-block;
		display:none;
		font-family:'Font Awesome 6 Pro';
		font-size:1em;
		font-weight:600;
		margin:0 0.25rem 0 1rem;
		opacity:1;
		text-align:center;
		width:1.75rem;
	}
	div#metrics-list div.metric-category p.description{
		font-size:1rem;
		font-style:italic;
		margin:0 0.25rem 1rem 1rem;
  }
	div#metrics-list div.metric-category.metric-category-2 h3::before{
		content:'\f06c';
	}
	div#metrics-list div.metric-category.metric-category-4 h3::before{
		content:'\24';
	}
	div#metrics-list div.metric-category.metric-category-5 h3::before{
		content:'\f007';
	}
	div#metrics-list div.metric-category.metric-category-6 h3::before{
		content:'\f772';
	}
	div#metrics-list div.metric-category.metric-category-7 h3::before{
		content:'\f018';
	}
	div#metrics-list div.metric-category div.metric{
		margin:0;
		padding:0;
		transition-duration: 0.3s;
		vertical-align:middle;
	}
	div#metrics-list div.metric-category div.metric::after{
		content:'';
		display:block;
	}
	div#metrics-list div.metric-category div.metric:last-of-type::after{
		display:none;
	}
	div#metrics-list div.metric-category div.metric.active{
		/*! background:#daded8; */
		background:#e8e6e6;
		background:#f3f2f2;
		background:#dbf3fc;
		border:0px solid #D5D9D9;
		box-shadow:0 0 0px 0px #7fcff5;
		background:#f3f2f2;

		border-radius:0.5rem;
		color:#000;
		display:block;
		padding-bottom:1rem;
		text-align:left;
	}
	div#metrics-list div.metric-category div.metric.not-in-city{
		pointer-events:none;
		opacity:0.2;
	}
	div#metrics-list div.metric-category div.metric label.metric-name{
		border-radius:0.5rem;
		cursor:pointer;
		display:block;
		font-size:0.9rem;
		margin:1px 0 0 0;
		padding:0.5rem 0rem;
		position:relative;
		transition: all 0s ease-in;  
	}
	div#metrics-list div.metric-category div.metric.is-hidden-1 label.metric-name{
		font-style:italic;
		opacity:0.5;
	}
	div#metrics-list div.metric-category div.metric.active label.metric-name{
		pointer-events:none;
	}
	div#metrics-list div.metric-category div.metric label.metric-name:hover{
		background:#777;;
	}

	/*
	div#metrics-list div.metric-category div.metric label.metric-name::after,
	div#metrics-list div.metric-category div.metric label.metric-name::before{
	content:'\f0c8';
	color:#fffc;
	display:inline-block;
	font-family:'Font Awesome 6 Pro';
		font-size:17px;
		font-weight:600;
		left:16px;
		position:absolute;
		top:2px;
		z-index:10;
	}
	div#metrics-list div.metric-category div.metric label.metric-name::after{
		color:#555;
		font-weight:300;
		opacity:1;
		z-index:11;
	}
	div#metrics-list div.metric-category div.metric label.metric-name:hover::after{
		font-weight:500;
		color:#eee;
	}
	div#metrics-list div.metric-category div.metric.active label.metric-name::before,
	div#metrics-list div.metric-category div.metric label.metric-name:hover::before{
	color:#fff;
	}
	div#metrics-list div.metric-category div.metric.active label.metric-name::before{
		color:#000;
		font-weight:500;
	}
	div#metrics-list div.metric-category div.metric.active label.metric-name:hover::after{
	color:#29abe2;
	}
	div#metrics-list div.metric-category div.metric.active label.metric-name::after{
		color:#368baf;
		color:#555;
		content:'\f14a';
		font-weight:600;
	}

	div#metrics-list div.metric-category div.metric label.metric-name input{
		opacity:0;
	margin:0 12px 0 10px;
	}
	*/
	div#metrics-list div.metric-category div.metric label.metric-name{
	}

	div#metrics-list div.metric-category div.metric label.metric-name:focus-within{
	}
  div#metrics-list div.metric-category div.metric label.metric-name input[type=radio] {
		background:#fff;
		border: 1px solid #777;
		border-radius: 50%;
		box-shadow: inset -1px 0px 3px 0px #5557;
		color:#fff;
		display:inline-block;
		height:1rem;
		height:16px;
		font: inherit;
		margin:-3px 0.75rem 0 1.25rem;
		position:relative;
		vertical-align:middle;
		width:1rem;
		width:16px;
	}  
  /*
	div#metrics-list div.metric-category div.metric label.metric-name input[type=radio] {
		-webkit-appearance: none;
		-moz-appearance: none;
				 appearance: none;
		background:#fff;
		border: 1px solid #777;
		border-radius: 50%;
		box-shadow: inset -1px 0px 3px 0px #5557;
		color:#fff;
		display:inline-block;
		height:1rem;
		height:16px;
		font: inherit;
		margin:-3px 0.75rem 0 1.25rem;
		position:relative;
		vertical-align:middle;
		width:1rem;
		width:16px;
	}
	div#metrics-list div.metric-category div.metric label.metric-name input[type=radio]::before {
		background-color: #333;
		background-color:#01c29e;
		 background: rgb(15,250,203);
	background: -moz-linear-gradient(180deg, rgba(15,250,203,1) 0%, rgba(1,194,158,1) 86%);
	background: -webkit-linear-gradient(180deg, rgba(15,250,203,1) 0%, rgba(1,194,158,1) 86%);
	background: linear-gradient(180deg, rgba(15,250,203,1) 0%, rgba(1,194,158,1) 86%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0ffacb",endColorstr="#01c29e",GradientType=1); 

		background:#7fcff5;
		background:#555;
		border-radius: 50%;
		box-shadow:0px 0px 3px 0px #fff0;
		content: "";
		display:inline-block;
		height: 0.6rem;
		height:10px;
		left:0.1rem;
		left:2px;
		position:absolute;
		top:0.1rem;
		top:2px;
		transform: scale(0);
		transition: 120ms transform ease-in-out;
		/* Windows High Contrast Mode */
		width:0.6rem;
		width:10px;
	}
	div#metrics-list div.metric-category div.metric label.metric-name input[type=radio]:checked{
		color:#333;
		background-color:#fff;
		box-shadow:0px 0px 0px 0px #7fcff5;
	}
	div#metrics-list div.metric-category div.metric label.metric-name input[type=radio]:checked::before{
		transform: scale(1);
	}
  */



	div#metrics-list div.metric-category div.metric.active label.metric-name,
	div#metrics-list div.metric-category div.metric label.metric-name:hover{
	}
	div#metrics-list div.metric-category div.map-options{
		border-bottom-left-radius:4px;

		border-bottom-right-radius:4px;
	height:0px;
	margin:0;
	opacity:0.5;
	overflow:hidden;
	transition:opacity 0.1s ease-in, visibility 0s ease-in;  
	width:0px;
	visibility:hidden;

	}
	div#metrics-list div.metric-category div.metric div.metric-variables{
	display:none;
	}
	div#metrics-list div.metric-category div.metric.active div.metric-variables{
		display:block;
		padding:0;
	}
	div#metrics-list div.metric-category div.metric.active div.metric-variables label{
		vertical-align:top;
	}
	div#metrics-list div.metric-category div.metric.active div.metric-variables label.metric-variable{
		display:inline-block;
		padding:0px 0 0px 0;
		width:100%;
	}
	div#metrics-list div.metric-category div.metric.active.has-year-data div.metric-variables label.metric-variable{
		width:calc(80% - 30px);
		width:calc(100% - 15px);
		width:100%;
	}
	div#metrics-list div.metric-category div.metric.active label.year{
		display:none;
	}
	div#metrics-list div.metric-category div.metric.active.has-year-data label.year{
		display:inline-block;
		display:none;
		padding:0px 0 0px 0;
		width:90px;
	}
	div#metrics-list div.metric-category div.metric.active div.metric-variables > label span.ui-button,
	div#metrics-list div.metric-category div.metric.active div.metric-variables > label span.select2{
		display:block;
		margin:0;
		max-width:100%;
		width:auto;
	}
	span.ui-selectmenu-button,
	div#metric-display-options,
	div#metrics-list div.metric-category div.metric.active div.metric-variables > label span.ui-button,
	div#metrics-list div.metric-category div.metric.active div.metric-variables > label span.select2-selection,
	div#metrics-list div.metric-category div.metric.active div.metric-variables a.edit-style{
		background:#f3f2f2;
		background:#fff;
		border:1px solid #D5D9D9;
		border-radius:0.5rem;
		box-shadow: 0 2px 5px 0 rgba(213,217,217,.7);
		box-shadow:none;
		border:1px solid #aaa;
		color: #0F1111;
		margin:0 1rem 0 1rem;
		padding:0.5rem 0.5rem 0.5rem 2rem;
		vertical-align:top;
	}
	.ui-selectmenu-icon.ui-icon {
	 margin-top:2px;
	}

	div#metrics-list div.metric-category div.metric.active div.metric-variables > label span.ui-button:hover,
	div#metrics-list div.metric-category div.metric.active div.metric-variables > label span.select2-selection:hover,
	div#metrics-list div.metric-category div.metric.active div.metric-variables a.edit-style:hover{
	border-color:#ccc;
	}
	div#metrics-list div.metric-category div.metric.active div.metric-variables a.edit-style{
		display:inline-block;
		display:none;
		height:28px;
		margin:0 0 0 10px;
		padding:5px;
	}
	div#metrics-list div.metric-category div.metric.active div.metric-variables a.edit-style:after{
	 border-color:#888 transparent transparent transparent;
	 border-style:solid;
	 border-width:5px 4px 0 4px;
		content:'';
		display:inline-block;
		height:0;
		margin:-6px 0 0 8px;
		vertical-align:middle;
		 width:0;
	}
	div#metrics-list div.metric-category div.metric.active div.metric-variables a.edit-style span{
		background:#75b5e8;
		border-radius:2px;
		display:inline-block;
		height:15px;
		margin:0 0 0 5px;
		width:15px;
	}

	/* METRIC DISPLAY OPTIONS */

	div#metric-display-options{
		background:#fff;
		border-radius:5px;
		display:none;
		left:0px;
		margin:17px 0 0 0;
		padding:10px;
		position:absolute;
		top:0px;
		z-index:100;
	}
	div#metric-display-options h1{
		font-weight:bold;
		font-size:1.1em;
		margin:0;
		padding:5px 0 10px 0;
		text-align:center;
	}
	div#metric-display-options div.display-option{
		display:inline-block;
		margin:0;
		padding:0 10px;
		vertical-align:top;
		width:150px;
	}
	div#metric-display-options div.display-option.style{
	display:none;
	}
	div#metric-display-options div.display-option:first-of-type{
		padding-right:12px;
	}
	div#metric-display-options div.display-option a{
		background:#fff;
		border-color:#fff;
		display:block;
		margin:0;
		padding-left:20px;
		position:relative;
		text-align:left;
	}
	div#metric-display-options div.display-option a.color span{

		background:#74b6ec;
		border-radius:2px;
		display:inline-block;
		height:12px;
		margin:0 10px 0 0;
		width:12px;
	}

	div#metric-display-options div.display-option a:hover{
		background:#f7f7f7;
	}
	div#metric-display-options div.display-option a.active{
		background:#e8f0fe;
		border:1px solid #e8f0fe;
	}
	div#metric-display-options div.display-option a.active:hover{
	background:#e0ebfc;
	}
	div#metric-display-options div.display-option a:focus{
		box-shadow:none;
		z-index:10;
	}


	div#metrics-list div.metric-category div.metric.active div.map-options{
		display:none;
	height:auto;
	margin:0;
	opacity:1;
	padding:5px 15px 15px 45px;
	transition:opacity 0.5s ease-in, visibility 0.5s ease-in;  
	visibility:visible;
	width:auto;
	}
	div#metrics-list div.metric-category div.map-options label,
	div#metrics-list div.metric-category div.map-options > div.display-options{
	cursor:pointer;
	display:inline-block;
	vertical-align:top;
	width:115px;
	}
	div#metrics-list div.metric-category div.map-options label select{
	display:block;
	width:100px;
	}
	div#metrics-list div.metric-category div.map-options div.metric-variables label{
	margin:5px 0 15px 0;
	width:100%;
	}
	div#metrics-list div.metric-category div.map-options div.metric-variables label select{
	width:auto;
	}


	/* INFO */

	div#info{
	}
	div#content div#info > h1{
	color:#616262;
	font-size:20px;
	font-weight:normal;
	line-height:1.7em;
	margin:30px 0px 5px 0px;
	position:relative;
	right:auto;
	text-align:left;
	top:0px;
	}
	xdiv#info div.cards{
	align-items: stretch;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
	grid-gap: 50px;
	padding:40px;
	}

	/* TRENDS FILTER */

	div#info div#trends-filter{
	background:#f7f7f7;
	border-radius:30px;
	display:inline-block;
	font-family: 'Open Sans', sans-serif;
	font-weight:500;
	padding:0;
	margin:12px 0 10px 0;
	}
	div#info div#trends-filter a{
	background:#e5e5e7;
	background:transparent;
	border:1px solid #f7f7f7;
	border-radius:30px;
	font-size:14px;
	margin:0 2px;
	padding:5px 17px 5px 17px;

	position:relative;
	}

	div#info div#trends-filter a:hover,
	div#info div#trends-filter a:hover::before{
	background:#e8f0fe;
	color:#1967d2;
	text-decoration:none;
	}
	div#info div#trends-filter a.active{
	background:#e8f0fe;
	background:#d0e2ff;
	color:#1967d2;
	border:1px solid #1967d2;
	box-shadow:none;
	pointer-events:none;
	}
	div#info div#trends-filter a.active::before{
	color:#1967d2;
	}
	div#info div#trends-filter a.active:active{

	box-shadow:none;
	outline:none !important;

	}
	div#info div#trends-filter a::before{
	color:#30B0C7;
	color:#212121;
	display: inline-block;
	font-family:'Font Awesome 6 Pro';
	font-size:15px;
	font-weight:900;
	margin:0 10px 0 0;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	}
	div#info div#trends-filter a.air-quality::before{
	content:'\f041';
	}
	div#info div#trends-filter a.disease::before{
	content:'\e473';
	}
	div#info div#trends-filter a.pollution::before{
	content:'\f46a';
	}
	div#info div#trends-filter a.census::before{
	content:'\e220';
	}
	div#info div#trends{
	margin:0px auto 20px auto;
	min-height:700px;
	width:100%;
	}
	div#info div#trends div.discovery-grid{
	display:block;
	width:100%;
	}
	div#info div#trends div.discovery{
	}

	div#info div#trends div.discovery a{
	border-bottom:0px solid #d1d3d4;
	color:#212121;
	display:block;
	font-family: 'Roboto', sans-serif;
	font-size:13px;
	font-weight:400;
	margin:0 40px;
	padding:12px 20px;
	position:relative;
	text-align:left;
	text-decoration:none;
	transition: all 0.3s ease-out;  
	z-index:0;
	}
	div#info div#trends div.discovery a:hover,
	div#info div#trends div.discovery a:hover i{
	color:#1a73e8;
	}
	div#info div#trends div.discovery a::after{
	content:'\f054';
	color:#bbb;
	font-family:'Font Awesome 6 Pro';
	font-size:14px;
	position:absolute;
	transition: all 0.3s ease-out;  
	right:30px;
	top:15px;
	}
	div#info div#trends div.discovery a:hover::after{
	color:#1a73e8;
	right:20px;
	}
	div#info div#trends div.discovery a i{
	background:#868687;
	background:#fff;
	border-radius:50%;

	color:#616161;
	font-size:20px;
	margin:0 18px 0 0;
	text-align:center;
	vertical-align:bottom;
	width:30px;
	}
	div#info div.cards div.discovery.least-polluted-areas a{
	background-image:url('/images/discovery/least-polluted-areas.jpg');


	}
	div#info div.cards div.discovery.pipelines-and-air-quality a{
	background-image:url('/images/discovery/pipelines-and-air-quality.jpg');
	}
	div#info div.cards div.discovery.air-pollution-levels-over-time a{
	background-image:url('/images/discovery/air-pollution-levels-over-time.jpg');
	}
	div#info div.cards div.discovery a:hover{
	border-color:#fff;
	border-color:transparent;
	border-width:0px;
	box-shadow: 0px 5px 16px 0px  #0007;


	}
	div#info div.cards div.discovery a{
	}
	div#info div.cards div.discovery a:hover{
	background-size:109% auto !important;
	}
	div#info div.cards div.discovery a span{
	background:#fff;
	background:#fffd;
	border-radius:40px;
	bottom:9%;
	box-shadow: 0px 1px 3px 0px  #5554;
	color:#444;
	font-size:15px;
	left:0;
	margin:0 auto;
	padding:5px 0;
	position:absolute;
	right:0;
	text-align:center;
	transition: all 0.3s ease-out;
	width:130px;
	}
	div#info div.cards div.discovery a span i{
	margin-right:5px;
	}
	div#info div.cards div.discovery a:hover span{
	background:#fff;
	}

	/* INTRODUCTION */

	div#info div#introduction{
	display:none;
	margin:40px 0 0px 0;
	}
	div#info div#introduction div.intro-card{

	display:none;
	}
	div#info div#introduction div.intro-card:first-child{
	display:block;
	}
	div#info div#introduction div.intro-card a{
	background:#1f2324 url("/images/problem-background.png") center center no-repeat;
	display:inline-block;
	height:310px;
	font-size:22px;
	line-height:1.5rem;
	margin:0 0 0px 0;
	padding:3rem 0 0 1.5rem;
	position:relative;

	text-align:left;


	transition: all 0.3s ease-out;
	width:calc(100% - 80px);














	}
	div#info div#introduction div.intro-card a:hover{
	border-color:#1f2324;
	border-color:transparent;

	border-width:0px;
	}
	div#info div#introduction  div#intro-plan a{
	background:#aaa url("/images/plan-background.png") center center no-repeat;
	border-color:transparent;
	border-color:#eeedee;

	}
	div#info div#introduction  div#intro-plan a:hover{
	border-color:#fff200;
	border-color:transparent;
	}
	div#info div#introduction div#intro-goal a{
	background:#fff url("/images/goal-background.png") center center no-repeat;
	border-color:#fff;
	}
	div#info div#introduction  div#intro-goal a:hover{
	border-color:#fff;
	border-color:transparent;
	}
	div#info div#introduction div.intro-card > div{
	display:none;
	}
	div#info div#introduction div.intro-card a{
	background-size:115% auto !important;
	}
	div#info div#introduction div.intro-card a::before,
	div#info div#introduction div.intro-card a::after{
	content:'';
	border-bottom:15px solid #fff;
	border-left:12px solid transparent;
	bottom:0px;
	display:block;
	display:none;
	right:0px;
	position:absolute;
	width:84%;
	}
	div#info div#introduction div.intro-card a::before{
	border-left:none;
	border-right:12px solid transparent;
	right:auto;
	left:0px;
	width:16%;
	}


	div#info div#introduction div.intro-card a:hover{
	background-size:125% auto !important;
	}
	x_div#info div#introduction div.intro-card a{
	height:100%;
	left:0px;
	top:0px;
	position:absolute;
	width:100%;
	}
	div#info div#introduction div.intro-card a span{
	background:#b7c9d0;
	background:#ddda;
	border-radius:40px;
	bottom:9%;
	color:#000;
	font-size:15px;
	left:0;
	margin:0 auto;
	padding:5px 0;
	position:absolute;
	right:0;
	text-align:center;

	transition: all 0.3s ease-out;
	width:130px;
	}
	xdiv#info div#introduction div#intro-plan.intro-card a span{
	background:#fff200;
	color:#005ea2;
	}
	xdiv#info div#introduction div#intro-goal.intro-card a span{
	background:#fff;
	color:#262262;
	}

	div#info div#introduction div.intro-card a i{
	margin-right:5px;
	}
	div#info div#introduction-menu{

	display:none;
	margin:0 20px;
	}
	div#info div#introduction-menu a{
	color:#939598;;
	display:inline-block;
	font-size:1.2rem;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	width:30%;
	}


	@media (min-width:1700px) {

	div#info div#introduction{
	}
	body .slick-list{padding:0 0% 0 0 !important;}

	}

	/* MAP CONTAINER */

	div#map-container{
	background:#fff;
	height: 100vh;
	height: var(--app-height, 100vh);
	left:0px;
	margin-left:40%;
	margin-left:500px;
	padding:80px 50px 50px 50px;
	padding:70px 30px 30px 30px;
	padding:0px 0px 0px 0px;
	position:absolute;
	top:0px;
	transition: opacity 0.2s ease-in-out;
	width:60%;
	width:calc(100% - 500px);
	z-index:0;
	}
	div#map-container.loading{
	opacity:1;

	}

	div#map-container.loading::after{
		animation: pulse-opacity 2s infinite;
		content:'';
		background:#fff;
		background:#fff url("/images/maps-for-equity-logo.svg?v=2") 19px 22px no-repeat;
		background-size:350px;
		border-radius:1rem;
		height:100px;
		left:calc(50% - 50px);
		opacity:1;
		position:absolute;
		top:calc(50% - 50px);
		width:100px;
	}
	div#map-container.no-results::after{
		content:'Sorry, No Results';
		background:#2ba8d9;
		background-size:350px;
		border-radius:1rem;
		color:#fff;
		height:100px;
		left:calc(50% - 50px);
		opacity:1;
		padding-top:1.5rem;
		position:absolute;
		text-align:center;
		top:calc(50% - 50px);
		width:100px;
	}
	div#map-container.no-results div.leaflet-pane.heat_map-pane,
	div#map-container.no-results div#map-legend{
	display:none;
	}

	div#map-container > h1{
	background-size:110px auto;
	display:none;
	left:12px;
	margin:0;
	opacity:0.8;
	position:absolute;
	top:16px;
	width:150px;
	z-index: 100;



	}

	/* MAP */

	div#map{
	background:#e8eaed;
	box-shadow: 0px 2px 8px 0px  #0007;
	box-shadow:none;
	display: grid;
	place-items: center;
	height:100%;
	position:relative;
	width:100%;
	z-index:0;
	}
	div.gmnoprint{
	}
	div#map a[href^="https://maps.google.com/maps"]{
	bottom:20px;
	display:block;
	left:calc(100vw - 640px);
	position:absolute !important;
	}
	body.updating-map div#map,
	body.updating-map div#map-options{
	opacity:0.5;
	pointer-events:none;
	}
	div#map > div{ 
	transition: visibility 0.5s, opacity 0.5s ease-out;
	}
	div#map-container.loading div.heat_map-pane{
	opacity:0.5;
		opacity:1;
	}
	body.loading-map div#map > div{ 

	opacity:0;
	}

	div#map path.selected-X{
		filter: drop-shadow(0px 0px 8px rgb(0 0 0 / 0.4));
	}
	div#map path.X_viewing-details{
	animation: pulse-path 4s infinite;
		stroke:#444;
		stroke-width:4px;
	}

	div#map-container.loading{
	}
	div#map-container.loading path.level-1,
	div#map-container.loading path.level-2,
	div#map-container.loading path.level-3,
	div#map-container.loading path.level-4,
	div#map-container.loading path.level-5,
	div#map-container.loading path{
		fill:#fff;
		transition: fill 0.5s ease-out;  
	}
	div#map-container.loading path.level-1{
		transition: fill 0.1s ease-out;  	
	}
	div#map-container.loading path.level-2{
		transition: fill 0.2s ease-out;  	
	}

	div#map-container.loading path.level-3{
		transition: fill 0.3s ease-out;  	
	}
	div#map-container.loading path.level-4{
		transition: fill 0.4s ease-out;  	
	}
	div#map-container path{
		transition:fill 1s ease-in;
	}
	div#map-container path.level-4{
		transition-delay: 500ms;
	}
	div#map-container path.level-3{
		transition-delay: 500ms;
	}
	div#map-container path.level-2{
		transition-delay: 500ms;
	}
	div#map-container path.level-1{
		transition-delay: 500ms;
	}
	div#map div.clicked-icon{
		background:#fff;
		border-radius:50%;
		display:block;
		height:10px;
		pointer-events:none;
		text-indent:-500px;
		width:10px;
	}
	div#map div.clicked-icon::before{
		animation: current-location 3s infinite;
		border-radius:50%;
		box-shadow: 0px 0px 0px 1px  #fff;
		content:'';
		display:block;
		height:0px;
		left:6px;
		position:absolute;
		top:6px;
		width:0px;
	}

	body.loading-map div#map::before{
	background:transparent url('/images/loading-animation.svg') center -20px no-repeat;

























	background:transparent;
	background-size:100px 100px;
	color:#ccc;
	content:'Loading';
	letter-spacing:0.1em;
	padding:70px 0 0 0;
	position:absolute;
	text-align:center;
	top:30%;
	width:100%;
	}


	body.map-no-results div#map::before{
	background:rgba(0,0,0,0.7);
	color:#fff;

	content:'Sorry, no results';

	letter-spacing:0.1em;
	padding:10px;


	pointer-events:none;
	position:absolute;
	text-align:center;
	margin:0 auto;
	left:0;
	right:0;
	top:35%;
	width:200px;
	z-index:100;
	}


	/* MAP POPUP */


	div#map div.leaflet-pane a.leaflet-popup-close-button{
	 background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
		background-size:33% 33%;
		color:#aaa;
		font-size:1.5rem; 
		height:1.5em;
		margin:0;
		opacity:0.4;
		overflow:hidden;
		text-indent:-500px;
		width:1.5em;
	}
	div#map div.leaflet-pane a.leaflet-popup-close-button:hover{
		opacity:1;
	}

	body div#map .site-marker-label,
	body div#map .site-marker-label.rank-class-1-fill,
	body div#map .site-marker-label.rank-class-2-fill,
	body div#map .site-marker-label.rank-class-3-fill,

	body div#map .site-marker-label.rank-class-4-fill,
	body div#map .site-marker-label.rank-class-5-fill,
	body div#map .site-marker-label.rank-class-6-fill{
	background:transparent;
	font-weight:bold;
	color:#fff !important;
	}

	div#map div.site-marker{
	color:#fff;
	position:relative;
	padding:1px;
	}
	div#map div.site-marker path{
	fill:#30b0c7;
	fill:#09bacc;
	}
	div#map div.site-marker.air-quality-C-plus path,
	div#map div.site-marker.air-quality-C path,
	div#map div.site-marker.air-quality-C-minus path{
	fill:#248594;
	fill:#1a818c;
	}
	div#map div.site-marker.air-quality-D-plus path,
	div#map div.site-marker.air-quality-D path,
	div#map div.site-marker.air-quality-D-minus path,
	div#map div.site-marker.air-quality-F path{
	fill:#184e59;
	fill:#2b484c;
	}
	div#map div.site-marker::before{
	color:#eeedee;
	color:#eeea;
	content:'\f041';
	display: inline-block;
	font-family:'Font Awesome 6 Pro';
	font-size:50px;
	font-weight:900;
	left:-2px;
	line-height:1em;
	position:absolute;
	top:-2px;
	z-index:-2;
	}

	div#map div.site-marker.active::before,
	div#map div.site-marker.active:hover::before{
	text-shadow: -2px -2px 0 #fff, 
	2px -2px 0 #fff, 
	-2px 2px 0 #fff, 
	2px 2px 0 #fff, 
	0px 3px 0 #fff,
	0px 0 8px #222a;
	}
	divX_#map div.site-marker.active::before{
	color:#eeedee;
	content:'\f041';
	display: inline-block;
	font-family:'Font Awesome 6 Pro';
	font-size:56px;
	font-weight:900;
	left:-4px;
	line-height:1em;
	position:absolute;
	text-shadow: 0px 0px 5px #0005;
	top:-3px;
	z-index:-2;
	}
	div#map div.site-marker:hover::before{
	color:#fff;
	text-shadow:0px 0px 2px #222a;
	z-index:-2;
	}
	div#map div.site-marker.air-quality-C-plus::before,
	div#map div.site-marker.air-quality-C::before,
	div#map div.site-marker.air-quality-C-minus::before{
	}
	div#map div.site-marker.air-quality-D-plus::before,
	div#map div.site-marker.air-quality-D::before,
	div#map div.site-marker.air-quality-D-minus::before,
	div#map div.site-marker.air-quality-F-plus::before,
	div#map div.site-marker.air-quality-F::before{
	}
	div#map div.site-marker span.grade-letter{
	color:#fff;
	display:block;
	height:100%;
	font-size:14px;
	font-weight:bold;
	left:0px;
	position:absolute;
	text-align:center;
	top:8px;
	width:100%;
	z-index:10;
	}
	div#map path.hidden,
	div#map div.site-marker.hidden{
	display:none;
	}

	/* MAP ICON MARKERS */

	div#map div.leaflet-metric_markers_4-pane.icon-markers div.icon-marker{
	background:#f4f4f4;
	border-radius:20px;
	box-shadow: 0px 0px 2px #000c;
	padding:5px 9px 5px 9px;
	}
	/* SOURCE EMITTER MARKER */

	div#map div.source-emitter-marker{
	background:#f4f4f4;

	border-radius:20px;
	box-shadow: 0px 0px 2px #000c;
	padding:5px 9px 5px 9px;
	}

	div#map div.source-emitter-marker.hidden{
	display:none;
	}
	div#map div.source-emitter-marker path{
	fill:#333;
	}
	div#map div.source-emitter-marker:hover{
	box-shadow: 0px 0px 3px #000c;
	}

	/* CENsus TRACTS PANE */

	div#map div.leaflet-pane.heat_map-pane,
	div#map div.leaflet-census_tracts-pane{
	mix-blend-mode: multiply;
	}

	div#map div.leaflet-pane.leaflet-popup-pane,
	div#map div.leaflet-pane.leaflet-marker-pane,
	div#map div.leaflet-pane.leaflet-census_tract_markers-pane{
	mix-blend-mode:normal;
	}
	/*
	div#map .site-marker-label.rank-class-2{
	color:#915d10 !important;
	}
	*/

	/* MAP INTRO */

	div#map-intro{
	background:rgba(0,0,0,0.1);
	border-radius:10px;

	display:none;
	height:100%;
	left:340px;
	margin:0 auto;
	padding:30px 30px 30px 30px;
	position:absolute;
	right:0;
	top:0%;
	transition: visibility 0.5s, opacity 0.5s ease-out;
	opacity:1;
	width:calc(100% - 340px);
	z-index:100;
	}
	body.loading-map div#map-intro{
	display:none;
	}
	body.hide-intro div#map-intro{
	visibility: hidden;
	opacity: 0;
	}

	div#map-intro div.message{
	background:#fff;
	border-radius:10px;
	box-shadow:rgba(0, 0, 0, 0.2) 2px 4px 12px 0px;
	left:0;
	margin:20vh auto 0 auto;
	max-width:80%;
	padding:30px 30px 30px 30px;

	position:absolute;


	right:0;
	transition:margin 0.5s ease-out;
	top:0%;
	width:500px;
	z-index:100;
	}
	body.hide-intro div#map-intro div.message{
	margin-top:-50px;
	}
	div#map-intro h1{
	background:transparent url("/images/intro.svg") 0px 6px no-repeat;
	background-size:contain;
	display:block;
	font-size:1em;






	height:50px;
	margin:0 0 0px -2%;
	overflow:hidden;
	text-indent:-500px;
	width:102%;
	}
	div#map-intro h2{
	color:#777;
	font-size:1.4em;
	font-weight:bold;
	margin:0 0 15px 0;
	}
	div#map-intro p{
	margin:15px 0 10px 0;
	}
	div#map-intro p strong{
	color:#777;


	}
	div#map-intro div.explore-map{
	margin:30px 0 0 0;
	text-align:center;
	}
	div#map-intro a.close{
	color:#aaa;
	font-size:1.5em;
	padding:5px 15px;
	position:absolute;
	right:0px;
	top:0px;
	}
	div#map-intro a.close:hover{

	color:#333;
	}

	/* MAP SETTINGS */

	div#map-settings{
	background:#404041;

	background:#fff;
	border-radius:10px;
	box-shadow:rgba(0, 0, 0, 0.5) 0px 1px 8px 0px;
	display:none;
	height:80%;
	left:340px;
	padding:0px;
	position:absolute;
	top:80px;
	transition: visibility 0.5s, opacity 0.5s ease-out;
	width:350px;
	}
	div#map-settings::after{
	background:linear-gradient(45deg,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%);
	box-shadow:-2px 3px 2px 0 rgba(178,178,178,.5);
	content:"";
	height:15px;
	left:20%;
	position:absolute;
	top:0px;
	transform:translate(-50%,-50%) rotate(135deg);
	width:15px;
	z-index:100;
	}

	div#map-settings a#toggle-site-list,

	div#X_map-settings::before{
	background:transparent url("/images/air-cactus-title.svg") center center no-repeat;

	background-size:160px auto;
	content:'';
	color:#888;
	display:block;

	height:40px;


	font-size:1.4em;

	font-weight:900;


	letter-spacing:-0.05em;
	margin:16px auto 5px auto;
	overflow:hidden;
	text-indent:-200px;
	width:250px;
	}
	div#map-settings a#close-map-settings{
	color:#aaa;
	font-size:20px;
	padding:5px 15px;
	position:absolute;
	right:0px;
	top:0px;
	z-index:10;

	}


	div#map-settings a#close-map-settings:hover{
	color:#444;
	cursor:pointer;
	}
	div#map-settings.loading{
	opacity:1;
	}

	/* MAP FACTS */

	div.X_map-facts{
	background:#fff;
	border-radius:4px;
	box-shadow: rgba(0, 0, 0, 0.7) 0px 0px 4px 0px;
	font-size:14px;
	height:100vh;
	right:0px;

	margin:0;
	overflow:auto;
	padding:0;
	pointer-events:auto; 
	position:absolute;
	text-align:center;
	transition:opacity 0.5s ease-in, visibility 0.5s ease-in;  
	top:0px;
	width:400px;
	z-index:2;
	}
	body.loading-map div.X_map-facts{
	opacity:0;
	visibility:hidden;
	}

	div#map-options > h1{
	font-size:23px;
	margin:30px;
	padding:0 30px;
	}

	divX_#map-facts{
	height:calc(100% - 60px);
	bottom:0px;
	margin:0;
	overflow:auto;
	padding:10px 0px 15px 0px;
	position:absolute;
	scrollbar-width: thin;
	text-align:center;
	width:400px;
	z-index:1;


	} 
	body::-webkit-scrollbar {
	width: 12px;
	}

	body::-webkit-scrollbar-track {
	}

	body::-webkit-scrollbar-thumb {
	border-radius: 20px;
	}



	div.map-facts{
	margin:0px 30px;

	}
	div.map-facts > h1{
	background:#F5F4F3;
	color:#555;
	font-weight:bold;
	margin:0 0px 0px 0px;
	padding:20px 30px 10px 30px;
	text-align:left;
	}
	div.map-facts > div.fact{
	background:#F5F4F3;
	background:#fff;
	background:#F2F3F4;
	border-top:0px solid #bbb;
	margin:0px 40px;
	padding:15px 0px 5px 0px;
	margin:0;
	padding:5px 30px;
	transition:opacity 2s ease-in;
	vertical-align:bottom;
	}
	div.map-facts > div.fact.active{
	display:block;
	opacity:1;
	}
	div.map-facts > div.fact h1{
	color:#444;
	font-weight:normal;
	letter-spacing:-0.05em;

	text-align:left;

	}

	div.map-facts > div.fact p{
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	color:#444;
	font-size:18px;
	letter-spacing:-0.05em;
	line-height:1.4em;
	margin:0;
	padding:0;
	text-align:left;


	display:none;
	}
	div.map-facts > div.fact p strong{
	font-style:italic;
	font-weight:normal;
	}
	div.map-facts div.fact div.graphic{
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	display:none;
	margin:30px 0px 10px 0px;
	padding:0;
	}

	div.map-facts div.fact div.graphic i{
	color:#bbb;
	font-size:30px;
	}
	div.map-facts div.fact div.graphic div.title{
	color:#777;

	display:none;
	font-size:0.9em;
	font-style:italic;
	margin:0 0 10px 0;
	text-align:center;
	}
	div.map-facts div.fact div.graphic div.subtitles{
	color:#777;
	font-size:0.9em;
	font-style:italic;
	margin:5px 0;
	}
	div.map-facts div.fact div.graphic div.subtitles div{
	line-height:1.1em;

	vertical-align:top;
	}

	/* MAP FACT - MONITORS */

	div.map-facts div#map-fact-monitors{ 

	border:none;
	margin-top:0px;
	padding-top:15px;
	}
	div.map-facts div#map-fact-monitors div.graphic{
	}
	div.map-facts div#map-fact-monitors div.graphic div.subtitle{
	display:inline-block;
	width:90px;


	}
	div.map-facts div#map-fact-monitors div.graphic i{
	font-size:40px;
	margin-bottom:5px;
	}

	div.map-facts div#map-fact-monitors div.graphic i.style-1{
	color:#FF3B30;
	position:relative;
	z-index:1;
	}




















	div.map-facts div#map-fact-monitors div.graphic i.style-2{
	color:#FFCC00;
	margin:0 57px;
	position:relative;
	z-index:2;
	}
	div.map-facts div#map-fact-monitors div.graphic i.style-3{
	color:#34C759;
	position:relative;
	z-index:3;
	}

	/* MAP FACT - POLLUTION */

	div.map-facts div#map-fact-pollution div.graphic i{
	color:#888;
	font-size:19px;
	margin:0 4%;
	text-align:center;
	width:20%;
	}
	div.map-facts div#map-fact-pollution div.graphic div.source-2,
	div.map-facts div#map-fact-pollution div.graphic div.source-4,
	div.map-facts div#map-fact-pollution div.graphic div.source-5{

	display:inline-block;


	margin:0 4%;
	width:20%;
	}

	div.map-facts div#map-fact-pollution div.graphic i.source-1{
	color:#5897FB;
	font-size:20px;

	}
	div.map-facts div#map-fact-pollution div.graphic div.source-2{
	border-top:3px solid #5897FB;
	height:7px;
	}
	div.map-facts div#map-fact-pollution div.graphic div.source-4{
	border-bottom:3px solid #888;
	border-top:3px solid #888;
	padding:1px;
	top:3px;
	position:relative;
	}
	div.map-facts div#map-fact-pollution div.graphic div.source-5{
	border-top:3px dotted #888;
	}
	div.map-facts div#map-fact-pollution div.graphic div.subtitle{
	display:inline-block;
	padding:0;
	margin:0 4%;
	width:20%;
	}



	/* MAP FACT - HEALTH */

	div.map-facts div#map-fact-health div.graphic i{
	color:#888;
	font-size:23px;
	margin:0px 30px 0 30px;
	}
	div.map-facts div#map-fact-health div.graphic i.style-1{
	color:#FF3B30;
	}
	div.map-facts div#map-fact-health div.graphic i.style-2{
	color:#FFCC00;
	}
	div.map-facts div#map-fact-health div.graphic i.style-3{
	color:#34C759;
	}
	div.map-facts div#map-fact-health p span.style-1{
	color:#FF3B30;
	font-weight:bold;
	white-space:nowrap;
	}
	div.map-facts div#map-fact-health p span.style-3{
	color:#34C759;
	font-weight:bold;

	white-space:nowrap;
	}

	div.map-facts div#map-fact-health div.subtitles div{
	display:inline-block;
	width:80px;
	}

	/* MAP FACT - INCOME */

	div.map-facts div#map-fact-income{
	}
	div.map-facts div#map-fact-income div.graphic i{
	color:#9cad93;
	font-size:20px;
	margin:10px 8px 0 8px;
	vertical-align:middle;
	}
	div.map-facts div#map-fact-income div.graphic i.style-1{
	font-size:10px;
	}
	div.map-facts div#map-fact-income div.graphic i.style-2{

	}
	div.map-facts div#map-fact-income div.graphic i.style-4{
	font-size:24px;
	}

	div.map-facts div#map-fact-income div.graphic i.style-5{
	font-size:30px;
	}
	div.map-facts div#map-fact-income p span.level-1{
	font-style:italic;
	}
	div.map-facts div#map-fact-income p span.level-5{
	color:#9cad93;
	color:#888;
	font-size:1.1em;

	font-weight:bold;
	}
	div.map-facts div#map-fact-income div.subtitles > div{
	display:inline-block;
	width:60px
	}
	div.map-facts div#map-fact-income div.subtitles > div.subtitle-1{
	right:-10px;
	position:relative;
	}


	div.map-facts div#map-fact-income div.subtitles > div.subtitle-3{
	right:10px;
	position:relative;
	}

	div.map-facts div#map-fact-income div.subtitles > div.subtitle-5{
	right:18px;
	position:relative;
	}
	/* MAP FACT - HEALTH INCOME */

	div.map-facts div#map-fact-health-income div.graphic i{
	color:#9cad93;
	font-size:20px;
	margin:0 5px;
	vertical-align:middle;
	}
	div.map-facts div#map-fact-health-income div.graphic i.style-1{
	color:#FF3B30;
	font-size:10px;
	margin-top:2px;
	}

	div.map-facts div#map-fact-health-income div.graphic i.style-2{
	color:#FFCC00;
	}
	div.map-facts div#map-fact-health-income div.graphic i.style-3{
	color:#FF3B30;
	font-size:30px;
	color:#34C759;
	}
	div.map-facts div#map-fact-health-income p span.style-3{

	color:#34C759;
	font-weight:bold;
	}

	/* MAP FACT - MENU */


	div.map-facts > div.menu{
	margin:0px auto 5px auto;
	left:0;
	right:0;
	text-align:center;
	}

	div.map-facts > div.menu a{
	color:#bbb;
	display:inline-block;
	font-size:9px;
	height:40px;
	line-height:40px;
	text-decoration:none;
	vertical-align:top;
	width:34px;
	}
	div.map-facts > div.menu a:hover{
	color:#555;
	}

	div.map-facts > div.menu a.prev,
	div.map-facts > div.menu a.next{
	font-size:30px;
	}
	div.map-facts > div.menu a.next{
	}
	div.map-facts.current-slide-first > div.menu a.prev,
	div.map-facts.current-slide-last > div.menu a.next{
	visibility:hidden;
	}
	div.map-facts > div.menu a.slide::before{
	content:'\f111';
	font-family:'Font Awesome 6 Pro';
	font-weight:800;
	}
	div.map-facts > div.menu a.active{
	color:#000;
	pointer-events:none;
	}

	div.map-facts div.next-slide-preview{
	border-bottom:1px solid #c0c0c0;
	color:#8E8986;
	margin:0 30px 10px 30px;
	padding:0 0 20px 0;
	text-align:right;
	}
	div.map-facts div.next-slide-preview::before{
	content:'Next: ';
	}
	div.map-facts div.next-slide-preview:empty::before{
	content:'';
	}

	/* MAP SETTINGS */


	div#map-settings h2{
	font-size:20px;
	font-weight:bold;
	padding:10px 0 0 20px;
	}
	div#map-settings div#site-options{
	color:#fff;
	display:none;
	margin:0 0 10px 0;
	padding:20px 0 10px 20px;
	transition:opacity 1s linear;
	}
	div#map-settings.loading div#site-options,
	div#map-settings.loading div#site-list{
	display:none;
	opacity:0;
	}
	div#map-settings div#site-list-header{

	color:#888;
	display:none;
	font-size:14px;
	height:30px;
	margin:10px 0 0px 0;
	}
	div#map-settings div#site-list-header > div{
	display:inline-block;

	}

	div#map-settings div#site-list-header > div.name{
	padding-left:65px;
	text-align:left;
	width:calc(100% - 160px);
	}
	div#map-settings div#site-list-header > div.air-quality{
	text-align:center;
	width:150px;
	}
	div#map-settings div#site-list-header > div.health{
	text-align:center;

	width:68px;
	}
	div#map-settings div#site-list-header > div.income{
	text-align:center;
	width:60px;
	}
	div#map-settings div#site-list{
	transition:opacity 0.5s linear;
	display:none;
	}
	div#map-settings div#site-list a{
	border-bottom:1px solid #aaa;
	color:#fff;
	color:#555;
	display:block;
	line-height:25px;
	margin:0;
	padding:5px 5px 5px 0px;
	text-decoration:none;
	vertical-align:top;
	}
	div#map-settings div#site-list a:hover{
	background:#30b0c7;
	}
	div#map-settings div#site-list span.rank{
	font-weight:bold;
	display:inline-block;
	text-align:center;
	width:60px;
	}
	div#map-settings div#site-list a span.name{
	display:inline-block;
	padding:0 0 0 0px;






	text-align:left;
	width:calc(100% - 200px);
	}
	div#map-settings div#site-list a:hover span.rank,

	div#map-settings div#site-list a:hover span.name{
	color:#555;
	color:#fff;
	}
	div#map-settings div#site-list a span.air-quality-grade-letter,
	div#map-settings div#site-list a span.health-grade-letter{
	border-radius:20px;
	box-shadow: 0 0px 0px 2px rgba(255,255,255,0.8);
	font-size:14px;


	font-weight:bold;
	height:24px;
	display:inline-block;
	line-height:24px;










	text-align:center;
	vertical-align:top;
	width:24px;

	}

	div#map-settings div#site-list span.rank.rank-2-fill{
	color:#915d10;
	}
	div#map-settings div#site-list a span.air-quality-grade-letter{


	}
	div#map-settings div#site-list a span.health-grade-letter,
	div#map-settings div#site-list a span.air-quality-grade-letter{

	border-radius:2px;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	height:27px;
	letter-spacing:-0.15em;



	line-height:24px;
	text-align:center;
	vertical-align:top;
	width:27px;
	}
	div#map-settings div#site-list a span.air-quality-grade-letter.grade-A,

	div#map-settings div#site-list a span.air-quality-grade-letter.grade-B,
	div#map-settings div#site-list a span.air-quality-grade-letter.grade-C,

	div#map-settings div#site-list a span.air-quality-grade-letter.grade-D,
	div#map-settings div#site-list a span.air-quality-grade-letter.grade-F{
	letter-spacing:0em;
	}
	div#map-settings div#site-list a span.air-quality-grade-letter{

	border-radius:50%;
	margin-left:55px;
	padding:0;
	}
	div#map-settings div#site-list a span.health-grade-letter.rank-2-fill,
	div#map-settings div#site-list span.air-quality-grade-letter.rank-2-fill{
	color:#915d10;
	}
	div#map-settings div#site-list a span.health-grade-letter{
	border-radius:1px;













	height:14px;
	margin:7px 34px 0 21px;
	overflow:hidden;
	text-indent:-100px;
	width:14px;
	}
	div#map-settings div#site-list a span.income-level,
	div#map-settings div#site-list a span.health-grade-letter{
	display:none;
	}

	/* SITE-LIST A SPAN . INCOME-LEVEL */

	/*
	div#map-settings div#site-list a span.income-level,
	div#map-settings div#site-list a span.income-level::before,
	div#map-settings div#site-list a span.income-level::after{
	border:7px solid #505050;
	border-bottom:none;
	border-top:none;
	display:inline-block;
	height:14px;
	position:relative;

	width:39px;
	}
	div#map-settings div#site-list a span.income-level::before,
	div#map-settings div#site-list a span.income-level::after{
	content:'';
	position:absolute;
	left:1px;
	top:0px;
	width:15px;
	}

	div#map-settings div#site-list a span.income-level::after{
	border-right:none;
	left:17px;
	}
	div#map-settings div#site-list a span.income-level.income-level-1,

	div#map-settings div#site-list a span.income-level.income-level-3,
	div#map-settings div#site-list a span.income-level.income-level-3::before,
	div#map-settings div#site-list a span.income-level.income-level-2,
	div#map-settings div#site-list a span.income-level.income-level-2::before{
	border-left-color:#ddd;
	}
	div#map-settings div#site-list a span.income-level.income-level-3::before{




	border-right-color:#ddd;
	}

	div#map-settings div#site-list a:hover span.income-level,
	div#map-settings div#site-list a:hover span.income-level::before,
	div#map-settings div#site-list a:hover span.income-level::after{
	border-color:#f4f4f4;
	}
	div#map-settings div#site-list a:hover span.income-level.income-level-1,
	div#map-settings div#site-list a:hover span.income-level.income-level-3,
	div#map-settings div#site-list a:hover span.income-level.income-level-3::before,
	div#map-settings div#site-list a:hover span.income-level.income-level-2,

	div#map-settings div#site-list a:hover span.income-level.income-level-2::before{
	border-left-color:#555;
	}




	div#map-settings div#site-list a:hover span.income-level.income-level-3::before{
	border-right-color:#555;
	}
	*/






	div#map-settings div#site-list a span.income-level{
	position:relative;
	top:-3px;
	}
	div#map-settings div#site-list a span.income-level::before,
	div#map-settings div#site-list a span.income-level::after{
	content:'';

	color:#8f9e85;
	display:inline-block;
	font-size:10px;
	font-family:'Font Awesome 6 Pro';
	font-weight:800;
	letter-spacing:1px;
	transform: scale(1, 1.4);


	}
	div#map-settings div#site-list a:hover span.income-level{

	}
	div#map-settings div#site-list a span.income-level::after{
	opacity:0.1;
	}
	div#map-settings div#site-list a span.income-level.income-level-1::before{

	content:'\f2fb';
	}
	div#map-settings div#site-list a span.income-level.income-level-1::after{
	content:'\f2fb\f2fb\f2fb\f2fb';
	}
	div#map-settings div#site-list a span.income-level.income-level-2::before{
	content:'\f2fb\f2fb';
	}
	div#map-settings div#site-list a span.income-level.income-level-2::after{
	content:'\f2fb\f2fb\f2fb';
	}
	div#map-settings div#site-list a span.income-level.income-level-3::before{
	content:'\f2fb\f2fb\f2fb';
	}
	div#map-settings div#site-list a span.income-level.income-level-3::after{
	content:'\f2fb\f2fb';
	}
	div#map-settings div#site-list a span.income-level.income-level-4::before{
	content:'\f2fb\f2fb\f2fb\f2fb';

	}
	div#map-settings div#site-list a span.income-level.income-level-4::after{
	content:'\f2fb';
	}
	div#map-settings div#site-list a span.income-level.income-level-5::before{
	content:'\f2fb\f2fb\f2fb\f2fb\f2fb';
	}
	div#map-settings a#toggle-site-list{
	background:#404042 url("/images/air-cactus-title.svg") 20px 17px no-repeat;

	background-size:140px auto;
	border-top-right-radius:20px;
	height:50px;
	left:0px;
	margin:0;
	text-indent:0px;
	top:0px;
	width:100%;
	display:none;
	}
	div#map-settings a#toggle-site-list:hover{
	opacity:1;
	}

	div#map-settings a#toggle-site-list::after{

	color:#fff;
	content:'\f077';
	font-family:'Font Awesome 6 Pro';
	font-size:15px;
	position:absolute;
	text-indent:0px;
	right:18px;
	top:14px;
	}
	div#map-settings.showing a#toggle-site-list::after{
	color:#fff;
	content:'\f078';
	}

	/* MAP OPTIONS */

	div#map-options{
	background:rgba(238, 237, 238, 0.9);
	background:#dfdfde;
	background:transparent;
	border-radius:45px;
	/*! display:none; */
	font-size:14px;
	left:10px;
	margin:0;
	overflow:auto;
	padding:5px 6px 0px 20px;
	pointer-events:auto; 
	position:absolute;
	scrollbar-width: thin;
	text-align:left;
	transition:opacity 0.5s ease-in, visibility 0.5s ease-in;  
	top:10px;
	z-index:2;
	}
	body.loading-map div#map-options{
	opacity:0;
	visibility:hidden;
	}
	a#close-map-options{
	display:none;
	}
	divx#map-options::after{
	background:linear-gradient(45deg,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%);
	box-shadow:-2px 3px 2px 0 rgba(178,178,178,.7);
	content:"";
	height:15px;
	left:40%;
	position:absolute;
	top:0px;
	transform:translate(-50%,-50%) rotate(135deg);
	width:15px;
	z-index:100;
	}
	/*
	body.map-options-closed div#map-options,
	body.loading-map div#map-options{
	opacity:0;
	visibility:hidden;
	}


	*/
	div#map-options a#close-map-options{
	color:#aaa;

	font-size:20px;
	padding:5px 15px;
	position:absolute;
	right:0px;
	top:0px;
	z-index:10;
	}
	div#map-options a#close-map-options:hover{
	color:#444;
	cursor:pointer;
	}


	/* MAP OPTIONS - MAIN SIDEBAR VIEW */

	div#main-sidebar-header{
	background:transparent url("/images/air-cactus-logo.svg") center 19px no-repeat;
	background-size:120px auto;
	color:#888;

	font-size:1.4em;
	font-weight:900;
	height:60px;
	letter-spacing:-0.05em;
	overflow:hidden;
	pointer-events:auto;
	position:relative;

	transition: opacity 0.5s ease-out;
	}
	div#main-sidebar-header::after{
	border-bottom:0px solid #555;
	bottom:0px;

	content:'';
	display:block;

	margin-left:30px;
	position:absolute;

	width:calc(100% - 60px);
	}
	div#main-sidebar-header a.view-menu{
	left:50px;
	position:absolute;
	top:14px;

	text-decoration:none;
	}
	div#main-sidebar-header a.view-menu::after{
	content:'\f0c9';
	font-family:'Font Awesome 6 Pro';
	}


	div#map-options input#map-date{
	display:none;
	}
	div#map-container.loading div#map-options{
	opacity:1;
	}
	div#map-container.loading div#map-options div.toggle-data > div.filter{

	opacity:0.5;
	pointer-events:none;
	}

	/* LAYER OPTIONS */

	div#map-options div.toggle-data{
	background:transparent;
	display:inline-block;
	margin:0px 5px 10px 0;
	padding:0;
	position:relative;
	text-align:left;
	vertical-align:top;
	width:auto;
	z-index:0;



	}
	div#map-options a#toggle-advanced-map-options{
	display:none;









	}
	/*
	div#map-options div.toggle-data::before{

	color:#888;
	content:'\f041';
	display:block;
	font-family:'Font Awesome 6 Pro';
	font-size:20px;
	font-weight:800;

	left:26px;
	position:absolute;
	text-align:center;
	top:35px;
	}
	div#map-options div.toggle-data.pollution-sources::before{
	content:'\f2ec';
	font-size:15px;
	top:41px;
	}
	div#map-options div.toggle-data.health-levels::before{
	content:'\f0c8';
	font-size:18px;
	top:39px;
	}

	div#map-options div.toggle-data.demographics::before{
	content:'\f68e';
	font-size:25px;


	top:30px;

	}

	*/

	div#map-options div.toggle-data.demographics{ 
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
	}

	div#map-options div.toggle-data.show-filter{
	}
	div#map-options div.toggle-data.health-levels{
	z-index:10;

	}
	div#map-options div.toggle-data{
		display:none;
	}
	div#map-options div.toggle-data.pollution-sources{
	}
	div#map-options span.checkbox{
	display:block;
	display:none;
	padding:0;
	pointer-events:none;
	margin:0;
	vertical-align:top;

	}
	div#map-options span.checkbox label{
	color:#444;
	cursor:pointer;
	display:inline-block;


	font-size:13px;
	letter-spacing:-0.03em;
	margin:0;
	padding:0;
	text-align:right;
	width:auto;
	}
	div#map-options span.checkbox label:hover{
	border-color:#ccc;
	}
	div#map-options input:checked + label:hover{
	border-color:#fff;
	}
	div#map-options label::before{
	content:'\f0c8';
	content:'';
	font-family:'Font Awesome 6 Pro';







	font-size:14px;
	font-weight:400;
	margin:0 0px 0 0;
	}
	div#map-options label::after{
	content:'';
	}

	div#map-options input:checked + label::before{
	color:#000;

	content:'\f14a';

	content:'';
	font-family:'Font Awesome 6 Pro';
	font-weight:800;
	}
	div#map-options div.air-monitors input + label,

	div#map-options input:checked + label{
	}
	div#map-options span.checkbox input{
	height: 0;
	width: 0;
	visibility: hidden;
	}
	div#map-options label.toggle-inactive-sites::before,
	div#map-options input:checked + label.toggle-inactive-sites::before{
	content:'\f3c5';
	content:'';
	font-weight:500;
	}
	div#map-options input:checked + label.toggle-inactive-sites::before{
	}
	div#map-options input:checked + label.toggle-heatmap::before{
	}
	div#map-options div.toggle-data div.filter{
	display:block;
	padding:5px 0 0 0;
	width:auto;    
	}
	div#map-options div.toggle-data div.filter > span.ui-selectmenu-button{
	display:block;
	height:40px;
	padding-left:45px;
	padding-top:11px;
	width:auto;
	}
	div#map-options div.toggle-data.show-filter div.filter > span.ui-selectmenu-button{
	background:#F7F6F5;
	}
	div#map-options div.toggle-data.demographics{ 
	}

	/* MAP MAKER FILTER - SELECT2 ICONS */

	div#map-options div.toggle-data div.filter span.select2-container span.select2-selection__rendered{
	}
	span.select2-results > ul{
	border-top:1px solid #aaa;
	}
	body .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
	background-color:#f7f7f7;
	color:#222;
	}
	body .select2-container--default .select2-results__option--selected {
	background-color:#e8f0fe;
	}
	body .select2-container--default .select2-results__option--highlighted.select2-results__option--selected {
	background-color:#e0ebfc;
	}












	span.select2-results ul li:first-child{
	}

	div#map-options span.select2-results > ul > li.select2-results__option--selectable.select2-results__option--selected:first-child{
	}
	div#map-options span.select2-results > ul > li.select2-results__option--selectable:first-child{
	color:transparent;
	overflow:hidden;
	position:relative;
	}

	div#map-options span.select2-results > ul > li.select2-results__option--selectable:first-child::after{



	color:#000;
	content:'-- Hide -- ';
	left:5px;
	position:absolute;
	}
	div#map-options span.select2-results > ul > li.select2-results__option--selectable.select2-results__option--selected:first-child::after{
	content:'-- Select --';
	}
	div#map-options div.toggle-data div.filter span.select2-container{
	display:inline-block;
	width:180px !important;
	}
	div#map-options div.toggle-data div.filter span.select2-container span.select2-selection{







	background:#fff;





	border:none;
	border-radius:8px;
	box-shadow:0 1px 2px rgba(60,64,67,0.3),0 1px 3px 1px rgba(60,64,67,0.15);
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	font-weight:500;
	height:32px;
	padding:1px 10px 2px 24px;
	padding:1px 10px 2px 5px;
	}

	div#map-options div.toggle-data div.filter span.select2-container span.select2-selection:hover{
	background:#f7f7f7;
	}
	div#map-options div.toggle-data.show-filter div.filter span.select2-container span.select2-selection{
	background:#e8f0fe;
	background:#d0e2ff;
	background:#ccebf0;
	}
	div#map-options div.toggle-data.show-filter div.filter span.select2-container span.select2-selection::before,
	div#map-options div.toggle-data.show-filter div.filter span.select2-container span.select2-selection span.select2-selection__rendered{
	color:#1967d2;
	color:#17528e;
	}

	div#map-options .select2-container--default .select2-selection--single .select2-selection__rendered,
	div#map-options div.toggle-data.show-filter div.filter span.select2-container span.select2-selection__rendered{
	color:#3c4043;
	}
	div#map-options div.toggle-data div.filter span.select2-container span.select2-selection__arrow{
	margin-top:3px;
	margin-right:6px;
	}

	div#map-options div.toggle-data div.filter span.select2-container span.select2-selection__arrow b{
	border-top-color:#212121;
	border-width:5px 5px 0px 5px
	}
	div#map-options div.toggle-data.show-filter div.filter span.select2-container span.select2-selection__arrow b{
	border-top-color:#1a73e8;
	border-top-color:#17528e;

	}

	div#map-options div.toggle-data div.filter span.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
	border-color:transparent transparent #212121 transparent;
	border-width:0 5px 5px 5px
	}
	div#map-options div.toggle-data.show-filter div.filter span.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
	border-bottom-color:#1a73e8;

	}
	div#map-options div.toggle-data div.filter span.select2-container span.select2-selection{
	position:relative;
	}
	div#map-options div.toggle-data div.filter::after,

	div#map-options div.toggle-data div.filter span.select2-container span.select2-selection::before{
	content:'\f041';
	display: inline-block;
	font-family:'Font Awesome 6 Pro';
	font-size:12px;
	font-weight:900;
	left:14px;
	position:absolute;
	text-align:center;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	top:6px;
	}
	div#map-options div.toggle-data div.filter span.select2-container span.select2-selection::before{
	display:none;
	}
	div#map-options div.toggle-data.show-filter div.filter span.select2-container span.select2-selection::before{
	}
	div#map-options div.toggle-data.show-filter div.filter span.select2-container span.select2-selection::before,

	div#map-options div.toggle-data.show-filter div.filter span.select2-container span.select2-selection span.select2-selection__rendered{
	}
	div#map-options div.toggle-data.air-monitors div.filter::after,


	div#map-options div.toggle-data.air-monitors div.filter span.select2-container span.select2-selection::before{
	color:#30b0c7;
	}
	div#map-options div.toggle-data.health-levels div.filter::after,
	div#map-options div.toggle-data.health-levels div.filter span.select2-container span.select2-selection::before{











	background:transparent url("/images/disease-rates-icon.svg") center center no-repeat;
	background-size:contain;
	content:'\e473';
	content:'';
	font-size:13px;
	height:12px;
	left:13px;
	top:9px;
	width:15px;
	}
	div#map-options div.toggle-data.pollution-sources div.filter::after,
	div#map-options div.toggle-data.pollution-sources div.filter span.select2-container span.select2-selection::before{
	content:'\f46a';
	font-size:13px;
	font-weight:600;
	left:13px;
	top:6px;
	}
	div#map-options div.toggle-data.demographics div.filter::after,


	div#map-options div.toggle-data.demographics div.filter span.select2-container span.select2-selection::before{
	color:#e000ff;
	content:'\e220';
	font-size:15px;
	left:14px;

	top:4px;
	}




	div#map-options div.toggle-data:not(.show-filter) div.filter span.select2-container span.select2-selection::before{
	}

	span.select2-dropdown{
	min-width:200px;
	}

	span.select2-dropdown.select2-dropdown--below{
	box-shadow:0px 0px 2px 1px  #5553;
	border:none;
	border-radius:4px;
	margin-top:7px;
	padding:5px;
	}
	span.select2-dropdown.select2-dropdown--below span.select2-results > ul{
	border:none;
	}
	div#map-options div.toggle-data div.filter{
	background:#f7f8f9;
	border:1px solid #e8eaed;
	border-radius:10px;
	padding:8px;
	}
	div#map-options div.toggle-data div.filter::before{
	display:block;
	font-size:0.8em;
	margin:0 10px 8px 25px;
	text-transform:uppercase;
	}
	div#map-options div.toggle-data.air-monitors div.filter::before{
	content:'Air Quality';
	}
	div#map-options div.toggle-data.air-monitors div.filter::after{
	}
	div#map-options div.toggle-data.health-levels div.filter::before{
	content:'Disease Rates';
	}
	div#map-options div.toggle-data.pollution-sources div.filter::before{
	content:'Pollution Sources';
	}
	div#map-options div.toggle-data.demographics div.filter::before{
	content:'Census Data';
	}
	div#map-options div.toggle-data div.filter span.select2-selection__rendered::before{
	}


	/* MAP LEGEND */

	div#map-graph,		
	div#map-legend{
	background:#f3f2f2;
		background:#fff;
	border-bottom-left-radius:1.5rem;
		box-shadow: 0 2px 5px 0 rgba(21,21,21,0.4), 0 2px 5px 0 rgba(213,217,217,0.7);
	top:0rem;
	right:0rem;
	padding:0px;
	position:absolute;
		text-align:center;
	transition: all 0.5s ease-in;  
	z-index:10;
	}
	body.loading-map div#map-graph,
	body.loading-map div#map-legend{
		opacity:0;
		visibility:hidden;
	}
	div#map-container.loading div#map-graph,
	div#map-container.loading div#map-legend{
		opacity:0.0;
	}
	div#map-legend{
		display:flex;
		flex-direction:column-reverse;
	}
	div#map-legend h1{
		color:#000;
		font-size:1.2em;
		font-weight:bold;
		margin:0.5rem 0 0.5rem 0;
		max-width:15rem;
	}
	div#map-legend.showing-trends h1 span.title::before{
		content:'\e098';
	font-family:'Font Awesome 6 Pro';
		padding:0 0.5rem 0 0;
	}
div#map-legend h1 span.county-percentile-title{
	display:none;
}
div#map-legend.is-county-percentile h1 span.county-percentile-title{
		display:block;	
		font-size:0.8rem;
	font-weight:normal;
		margin:1rem 0 0 0;
}
div#map-legend h1 span.subtitle:empty{
	display:none;
	}
	div#map-legend h1 span.subtitle{
		display:block;
		font-size:0.9rem;
	font-weight:normal;
		letter-spacing:-0.03rem;
	padding:0.5rem 0 0 0;
	}
	div#map-legend > div{
	color:#333;
		height:100%;
	padding:15px 25px 15px 25px;
		margin:0;
		padding:1rem;
		overflow:auto;
		max-width:18rem;
	}
	div#map-legend > div#map-legend-data-source{
		margin:0 0 0 0rem;
		padding:0 0 0.5rem 0;
  }
	div#map-legend:not(.has-trend-data) > div#map-legend-data-source{
		margin-bottom:1rem;
  }
	div#map-legend > div#map-legend-data-source a{
		font-size:0.8rem;
  }
	div#map-legend > div#map-legend-data-source a::before{
		background:transparent url("/images/cdc-logo.svg") center center no-repeat;
		background-size:contain;
		content:'';
		display:inline-block;
		height:1.5rem;
		margin:0 0.5rem 0 0;
		vertical-align:middle;
		width:2rem;
  }
	div#map-legend > div#map-legend-data-source a.data-source-7::before{
		background:transparent url("/images/census-bureau-logo.png") center center no-repeat;
		background-size:contain;
  }
	div#map-legend > div#map-legend-data-source a.data-source-10::before{
		background:#005bb5 url("/images/atsdr-logo.svg") center center no-repeat;
		background-size:85% auto;
		border-radius:0.2rem;
		width:2.5rem;
  }
	div#map-legend > div.template{
  	display:none;
	}
	div.map-legend div.legend div.levels{
		display:inline-block;
		margin:0 auto 0rem auto;
		overflow:auto;
		padding:0.5rem 0 0 0;
		position:relative;
		vertical-align:top;
	}
	div#map-legend.is-county-percentile div.legend div.levels{
		padding:0rem 0 0 0;
  }
/*
	div#map-legend div.legend div.levels::after,
	div#map-legend div.legend div.levels::before{
		color:#000;
		display:block;
		position:absolute;
		content:'Below average';
		font-size:0.7rem;
		left:0;
		top:0;
  }
  div#map-legend div.legend div.levels::after{
	 content:'Above Average';
		left:auto;
		right:0.25rem;
  }
  div#map-legend.is-county-percentile div.legend div.levels::before{
		content:'Low Ranking';
  }
  div#map-legend.is-county-percentile div.legend div.levels::after{
		content:'High Ranking';
  }
  div#map-legend.is-county-percentile div.legend div.labels{
	 display:none;
  }
	div#map-legend.is-county-percentile div.legend div.levels{
		padding:0 0 1.5rem 0;
  }
	div#map-legend.is-county-percentile div.legend div.levels::after,
	div#map-legend.is-county-percentile div.legend div.levels::before{
		color:#000;
		display:block;
		position:absolute;
		content:'Low Ranking';
		font-size:0.7rem;
		left:0;
		top:auto;
		bottom:0.5rem;
  }
  div#map-legend.is-county-percentile div.legend div.levels::after{
	 content:'High Ranking';
		left:auto;
		right:0.25rem;
  }

*/
	div.map-legend div.legend div.levels > div{
	background:#fff;
	border:0px solid #c26b40;
	border-left:none;
	border-right:none;
	display:inline-block;
		height:1rem;
		margin:0 0rem 0 0;
		opacity:0;
	transition: all 0.5s ease-in;  
			width:2.9rem;
	}
div.map-legend.showing-trends div.legend div.levels > div.level-1,
div.map-legend:not(.showing-trends) div.legend div.levels > div.level-1{
	border-bottom-left-radius:1rem;
	border-top-left-radius:1rem;
}
div.map-legend.showing-trends div.legend div.levels > div.level-10,
div.map-legend:not(.showing-trends) div.legend div.levels > div.level-9{
	border-bottom-right-radius:1rem;
	border-top-right-radius:1rem;
}
	div.map-legend:not(.showing-trends) div.legend div.levels > div.level-2,

	div.map-legend:not(.showing-trends) div.legend div.levels > div.level-4,
	div.map-legend:not(.showing-trends) div.legend div.levels > div.level-6,
	div.map-legend:not(.showing-trends) div.legend div.levels > div.level-8,
	div.map-legend:not(.showing-trends) div.legend div.levels > div.level-10{
	display:none;
	}
	div.map-legend.showing-trends div.legend div.levels > div{
		width:1.45rem;
	}
	div.map-container.loading div#map-legend div.legend div.levels > div{
		opacity:0;
	}

  
/* MAP LEEND > OVERLAY LEGEND */
div#map-legend div#overlay-legend{
	display:none;
}
body.overlay-downtown-10 div#map-legend div#overlay-legend{
	display:block;
}
body.overlay-downtown-10 div#map-legend div#overlay-legend::before{
	color:#555;
content:'Downtown-10 Segment';
	font-size:1rem;
font-weight:bold;	
}
body.overlay-downtown-10 div#map-legend div#overlay-legend::after{
	border-top:10px dotted #555;
content:'';
	display:block;
	margin:1rem auto;
	width:80%;
}

	/* MAP LEGEND DESCRIPTION */

	div#map-legend > div#map-legend-description{
		color:#000;
		font-size:0.8rem;
		line-height:1.1rem;
		padding:0.5rem 2rem 2rem 2rem;
		text-align:center;
	}
	div#map-legend.showing-trends > div#map-legend-description{
	display:none;
	}

	/* MAP OPTIONS */



	div#map-legend > div#map-options::before{
		border-top:0px solid #ccc;
		content:'';
		display:block;
		width:95%;
	}
	div#map-legend > div#map-options{
		background:#ddd;
		border-top:0px solid #ccc;
		border-radius:0;
		border-bottom-left-radius:1.5rem;
		display:none;
		left:0px;
		margin:0;

		padding:0 0 1rem 1rem;
		position:relative;
		top:0px;
	}
	div#map-legend.has-trend-data > div#map-options{
	  display:block;
	}
	div#map-legend.has-trend-data.showing-trends > div#map-options{
		background:#f1eaf9;
	}

	div#map-options div.toggle-checkbox{

		text-align:center;
	}
	div#map-options div.toggle-checkbox input[type=checkbox]{
		height: 0;
		width: 0;
		visibility: hidden;
	}
	div#map-options div.toggle-checkbox label {
		background: #555;
		border-radius: 100px;
		box-shadow:0px 0px 0px 3px #555;
		color:#555;
		cursor: pointer;
		display: block;
    font-size:0.8rem;
		height:1.5rem;
		margin:0 0 0 3rem;
		position: relative;
		text-indent:4rem;
		width:3rem;
		white-space:nowrap;
	}
	div#map-options div.toggle-checkbox label:after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 1.5rem;
		height:1.5rem;
		background: #fff;
		border-radius: 90px;
		transition: 0.3s;
	}
	div#map-options div.toggle-checkbox input:checked + label {
		background: #ac52ff;
		box-shadow:0px 0px 0px 3px #ac52ff;
	}
	div#map-options div.toggle-checkbox input:checked + label:after {
		left:100%;
		transform: translateX(-100%);
	}
	div#map-options div.toggle-checkbox label:active:after {
		width: 3rem;
	}


	/*
	div#map-container div#map-legend div.legend div.levels > div.level-1{
	transition: all 0.8s ease-in;  
		transition-delay:600ms;
	}
	div#map-container div#map-legend div.legend div.levels > div.level-2{
	transition: all 0.7s ease-in;  
		transition-delay: 500ms;
	}
	div#map-container div#map-legend div.legend div.levels > div.level-3{
	transition: all 0.6s ease-in;  
		transition-delay: 400ms;
	}
	div#map-container div#map-legend div.legend div.levels > div.level-4{
	transition: all 0.5s ease-in;  
		transition-delay: 300ms;
	}
	div#map-container div#map-legend div.legend div.levels > div.level-5{
	margin:0;
	transition: all 0.5s ease-in;  
		transition-delay:200ms;
	}
	*/
	div.map-legend.vertical div.legend div.levels > div{
	}


	div.map-legend div.legend.opacity-25 div.levels > div{
	opacity:0.25;
	}
	div.map-legend div.legend.opacity-50 div.levels > div{

	opacity:0.5;
	}
	div.map-legend div.legend.opacity-75 div.levels > div{
	opacity:0.75;
		opacity:1;
	}
	div.map-legend div.legend.display-color_markers div.levels > div{
		box-shadow:1px 2px 2px #555c;
		border:2px solid #fff;
		border-radius:50px;
		margin:4px 9px;
		height:24px;
		width:24px;
	}
	div.map-legend div.legend div.labels{
		align-items:center;
		display:flex;
		margin:0 auto;
		text-align:center;
		padding:0;
		position:relative;
		width:15rem;
	}
	div.map-legend div.legend div.labels > div{
		color:#000;
		display:inline-block;
		font-size:0.8em;
		font-weight:bold;
		position:relative;
		text-align:center;
		vertical-align:middle;
		z-index:5;
	}
	div.map-legend div.legend div.labels > div.label-1{
		padding:0 0.5rem;
	}
	div.map-legend div.legend div.labels > div.label-2{
		border-bottom:1px solid #aaa;
		display:inline-block;
		flex:1;
		height:1px;
		margin:0 auto;
		width:2rem;
		z-index:1;
	}
	div.map-legend div.legend div.labels > div.label-3{
		padding:0 0 0 0.5rem;
	}

	/* MAP LEGEND - SIZE MARKERS */

	div.map-legend div.legend.display-size_markers div.levels{
		overflow:visible;

	}
	div.map-legend div.legend.display-size_markers div.levels > div{
	background:#fff;
	box-shadow:1px 1px 4px #555a;
	border-left:none;
	border-right:none;
	border:2px solid #fff;
		display:inline-block;
	display:block;
	float:left;

	height:15px;
	margin:0 1px 0 0;

	width:40px;
	}
	div.map-legend div.legend.display-size_markers div.levels{
	background:#fff;

		margin-top:-4px;

	}

	div.map-legend div.legend.display-size_markers div.levels > div{
	background:#fff;
	border-radius:50%;
	display:inline-block;
	float:none;
	margin:0 10px;
	vertical-align:middle;
	}
	div.map-legend div.legend.display-size_markers div.levels > div.level-1{
	height:11px;
		margin-left:10px;
	width:11px;
	}
	div.map-legend div.legend.display-size_markers div.levels > div.level-2{
	height:18px;
	width:18px;
	}
	div.map-legend div.legend.display-size_markers div.levels > div.level-3{
	height:24px;
	width:24px;
	}
	div.map-legend div.legend.display-size_markers div.levels > div.level-4{
	height:29px;
	width:29px;
	}
	div.map-legend div.legend.display-size_markers div.levels > div.level-5{
	height:40px;
		margin-right:0px;
		width:40px;
	}





	div#map-legend div#air-quality-legend > h1::after{
	content:' Grade';
	}
	div#map-legend div#air-quality-legend div.grade{
	display:inline-block;

	line-height:0.8rem;
	margin:0 0 7px 0;
	position:relative;
	vertical-align:top;
	width:100px;
	}
	div#map-legend div#air-quality-legend div.grade-letter{
	background:transparent;
	color:#fff;
	display:inline-block;
	float:left;
	font-weight:bold;
	height:29px;
	line-height:32px;
	margin:0px 5px 0 0;
	text-align:center;
	position:relative;
	width:40px;
	z-index:2;
	}
	div#map-legend div#air-quality-legend div.grade::before{
	color:#30B0C7;
	content:'\f041';
	display: inline-block;
	font-family:'Font Awesome 6 Pro';
	font-size:35px;
	font-weight:900;
	left:7px;
	position:absolute;
	top:11px;
	z-index:1;
	}
	div#map-legend div#air-quality-legend div.grade.grade-f::before{
	color:#184e59;
	left:6px;
	}
	div#map-legend div#health-legend{
	}
	div#map-legend div#health-legend > h1::after{
	content:' Rate';
	}
	div#map-legend div#health-legend div.levels{
	background:#5555;
	display:block;
	box-shadow: 0px 0px 0px 1px  #5555;
	float:left;

	margin:0 0 8px 0;
	overflow:auto;
	}

	div#map-legend div#health-legend div.levels > div{
	border:0px solid #c26b40;
	border-left:none;
	border-right:none;
	display:inline-block;
	display:block;
	float:left;
	height:10px;
	margin:0 1px 0 0;
	width:40px;
	}
	div#map-legend div#health-legend div.levels > div.level-1{
	background:#fcf7c0;
	border-left:0px solid #c26b40;
	}
	div#map-legend div#health-legend div.levels > div.level-2{
	background:#f8ec63;
	}
	div#map-legend div#health-legend div.levels > div.level-3{
	background:#f68d53;
	}
	div#map-legend div#health-legend div.levels > div.level-4{
	background:#e45e4a;
	}


	div#map-legend div#health-legend div.levels > div.level-5{
	background:#4e1313;
	border-right:0px solid #c26b40;
	margin:0;
	}



	div#map-legend div#health-legend div.labels > div{
	display:inline-block;


	text-align:center;
	width:33%;
	}
	div#map-legend div#health-legend div.labels > div.label-1{
	text-align:left;
	}
	div#map-legend div#health-legend div.labels > div.label-3{
	text-align:right;
	}

	/* POLLUTORS LEGEND */

	div#map-legend div#sources-legend{
	display:none;
	}
	div#map-legend div#sources-legend div.source-title{
	position:relative;
	}
	div#map-legend div#sources-legend div.source-title::before{
	background:#fefefe;
	box-shadow: 0px 0px 2px #0005;
	border-radius:50%;
	content:'\f46a';
	display:inline-block;
	font-family:'Font Awesome 6 Pro';
	font-weight:600;
	height:29px;

	line-height:30px;
	margin:0 10px 0 0;
	position:relative;
	text-align:center;
	vertical-align:middle;
	width:30px;
	}
	div#map-legend div#sources-legend.pollution-source-railroads div.source-title,
	div#map-legend div#sources-legend.pollution-source-pipelines div.source-title,

	div#map-legend div#sources-legend.pollution-source-major_roads div.source-title{
	padding-left:30px;
	}
	div#map-legend div#sources-legend.pollution-source-railroads div.source-title::before,
	div#map-legend div#sources-legend.pollution-source-pipelines div.source-title::before,
	div#map-legend div#sources-legend.pollution-source-major_roads div.source-title::before{
	content:'';

	visibility:hidden;

	}
	div#map-legend div#sources-legend.pollution-source-railroads div.source-title::after,
	div#map-legend div#sources-legend.pollution-source-pipelines div.source-title::after,

	div#map-legend div#sources-legend.pollution-source-major_roads div.source-title::after{
	border-top:3px dashed #222;
	content:'';
	display:inline-block;
	left:0px;
	position:absolute;


	top:12px;
	width:50px;  
	}





	/* MAP LEGENDS */

	div#map-options div.toggle-data div.legend{
	background:rgba(247,246,245, 0);
	border-radius:10px;
	display:none;
	margin:0 20px 15px 20px;
	overflow:auto;
	padding:15px 0 10px 0;
	text-align:center;
	transition:opacity 0.5s ease-in;  
	}

	div#map-options div.toggle-data div.legend i{
	color:#bbb;
	font-size:25px;
	}
	div#map-options div.toggle-data div.legend div.title{
	color:#555;
	display:none;
	font-style:italic;
	margin:0 0 15px 0;
	}
	div#map-options div.toggle-data div.legend div.subtitles{
	color:#777;
	font-size:0.9em;
	font-style:italic;
	margin:10px 0 0px 0;
	}
	div#map-options div.toggle-data div.legend div.subtitles div{
	line-height:1.1em;
	vertical-align:top;
	}

	/* MAP LEGENDS - MONITORS */

	div#map-options div.toggle-data.air-monitors div.legend{
	}

	div#map-options div.toggle-data.air-monitors div.legend i{
	font-size:27px;
	}
	div#map-options div.toggle-data.air-monitors div.legend div.subtitle{
	display:inline-block;
	width:50px;
	}

	div#map-options div.toggle-data.air-monitors div.legend i.style-1{
	color:#FF3B30;
	position:relative;
	z-index:1;
	}
	div#map-options div.toggle-data.air-monitors div.legend i.style-2{
	color:#FFCC00;
	margin:0 30px;
	position:relative;
	z-index:2;
	}
	div#map-options div.toggle-data.air-monitors div.legend i.style-3{
	color:#34C759;
	position:relative;
	z-index:3;
	}

	/* MAP LEGENDS - POLLUTION */

	div#map-options div.toggle-data.pollution-sources div.legend i{

	color:#888;
	font-size:14px;
	margin-top:0px;
	margin:0 1%;
	text-align:center;
	width:20%;

	}
	div#map-options div.toggle-data.pollution-sources div.legend div.source-3,
	div#map-options div.toggle-data.pollution-sources div.legend div.source-4,
	div#map-options div.toggle-data.pollution-sources div.legend div.source-5{




	display:inline-block;
	margin:0 4%;

	width:14%;
	}
	div#map-options div.toggle-data.pollution-sources div.legend i.source-2{
	font-size:14px;
	}
	div#map-options div.toggle-data.pollution-sources div.legend div.source-3{
	border-top:3px solid #888;
	}
	div#map-options div.toggle-data.pollution-sources div.legend div.source-4{
	border-bottom:2px solid #888;
	border-top:2px solid #888;


	padding:1px;

	position:relative;
	top:2px;
	}

	div#map-options div.toggle-data.pollution-sources div.legend div.source-5{
	border-top:3px dotted #888;




	}
	div#map-options div.toggle-data.pollution-sources div.legend div.subtitle{
	display:inline-block;
	margin:1%;
	width:20%;
	}

	/* MAP FACT - HEALTH */

	div#map-options div.toggle-data.health-levels div.legend i{

	color:#888;
	font-size:23px;
	margin:0px 22px 0 22px;
	}
	div#map-options div.toggle-data.health-levels div.legend i.style-1{
	color:#FF3B30;

	}
	div#map-options div.toggle-data.health-levels div.legend i.style-2{

	color:#FFCC00;
	}
	div#map-options div.toggle-data.health-levels div.legend i.style-3{
	color:#34C759;

	}
	div#map-options div.toggle-data.health-levels div.legend span.style-1{
	color:#FF3B30;
	font-weight:bold;
	white-space:nowrap;
	}
	div#map-options div.toggle-data.health-levels div.legend span.style-3{
	color:#34C759;
	font-weight:bold;

	white-space:nowrap;
	}
	div#map-options div.toggle-data.health-levels div.legend div.subtitles div{
	display:inline-block;

	width:65px;

	}


	/* MAP FACT - INCOME */

	div#map-options div.toggle-data.demographics div.legend i{
	color:#9cad93;
	font-size:20px;
	margin:0px 8px 0 8px;
	vertical-align:middle;
	}
	div#map-options div.toggle-data.demographics div.legend i.style-1{
	font-size:10px;
	margin-top:4px;
	}
	div#map-options div.toggle-data.demographics div.legend i.style-2{
	margin-top:2px;
	}

	div#map-options div.toggle-data.demographics div.legend i.style-4{
	font-size:24px;
	}

	div#map-options div.toggle-data.demographics div.legend i.style-5{
	font-size:30px;
	}
	div#map-options div.toggle-data.demographics div.legend span.level-1{
	font-style:italic;
	}

	div#map-options div.toggle-data.demographics div.legend span.level-5{
	color:#9cad93;


	color:#888;
	font-size:1.1em;
	font-weight:bold;

	}
	div#map-options div.toggle-data.demographics div.legend div.subtitles > div{
	display:inline-block;
	width:60px
	}
	div#map-options div.toggle-data.demographics div.legend div.subtitles > div.subtitle-1{
	right:-10px;

	position:relative;
	}
	div#map-options div.toggle-data.demographics div.legend div.subtitles > div.subtitle-3{
	right:10px;
	position:relative;
	}
	div#map-options div.toggle-data.demographics div.legend div.subtitles > div.subtitle-5{
	right:18px;
	position:relative;
	}


	/* MAP GRAPH */


	div#map-graph{
	height:500px;
	opacity:1;
	transition: all 0.5s ease-in;  
	width:calc(100% - 2.5rem);
	}

	div#map-graph.hide{
	bottom:0px;
	height:0px;
	overflow:hidden;
	opacity:1;
	}

	/* MAP INFO */




	/*
	div.gm-style-iw.gm-style-iw-c{
	background:#404041;
	}
	.gm-style .gm-style-iw-t::after {
	background:linear-gradient(45deg,#404041 50%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%);

	box-shadow:-2px 2px 2px 0 rgba(178,178,178,.4);
	content:"";
	height:15px;
	left:0;
	position:absolute;
	top:0;
	transform:translate(-50%,-50%) rotate(-45deg);
	width:15px
	}
	div.gm-style-iw-d{
	overflow:hidden !important;
	}
	*/

	button.gm-ui-hover-effect{
	border-radius:20px;

	margin:10px 6px 0 0 !important;
	overflow:hidden;
	}
	button.gm-ui-hover-effect::before{
	color:#595959;
	content:'\f00d';
	font-family:'Font Awesome 6 Pro';
	font-size:20px;
	}
	div#map .leaflet-popup-content {
		margin:1rem;
	}
	div.map-info{
		text-align:center;
		padding:0;
		width:150px;
	}
	div.map-info h1{
	background:#606060;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	color:#fff;
		display:none;
	font-size:14px;
	font-weight:normal;
	line-height:1.4em;
	margin:-15px -25px 10px -25px;
	max-width:240px;
		padding:10px 25px;
	position:relative;
	z-index:0;
	}
	div.map-info h1 span.type{
	display:none;
	font-weight:normal;
	padding:5px 0 0 0;
	}
	div.map-info.site h2::before{
	color:#555;
	content:'\f041';
	display:none;
	font-family:'Font Awesome 6 Pro';
	font-size:26px;
	font-weight:800;
	margin:0 8px 0 0;
	position:relative;
	top:2px;
	}
	div.map-info h1 span.neighborhood{
	display:block;
	font-size:1em;
	padding:0px 0;

	}
	div.map-info h1 span.neighborhood::after{

	content:', ';
	font-weight:normal;
	}

	div.map-info h1 span.neighborhood:nth-last-of-type(3)::after{
	content:', ';
	}
	div.map-info h1 span.neighborhood:nth-last-of-type(2)::after{
	content:'';
	}

	div.map-info h1 span.census-tract-number,
	div.map-info h2{

	border:none;
	color:#999;
	display:block;
	font-size:12px;
	font-weight:normal;
	line-height:1em;
	margin:-4px 0 10px 0;
	}
	div.map-info h3{
	font-size:15px;
	font-weight:normal;
	margin:20px 0 5px 0;
	}
	div.map-info div.update-census-neighborhoods{
	display:none;
	}
	div.map-info.has-neighborhoods div.update-census-neighborhoods{
	display:block;
	}
	div.map-info div.zip-code{
	color:#888;
	display:none;
	font-size:14px;
	}
	div.map-info div.zip-code::before{
	content:'Zip Code ';

	}
	div.map-info div.inactive{
	background:#e0e0e0;

	border-top-left-radius:15px;

	border-bottom-left-radius:15px;
	border-radius:15px;
	color:#222;
	display:none;
	margin:10px 0 0 0;
	padding:4px 11px 4px 7px;
	}

	div.map-info div.inactive::before{

	content:'\f06a';
	font-family:'Font Awesome 6 Pro';
	font-weight:800;
	margin:0 7px 0 0;
	}

	div.map-info div.site-grade div.grade-title,
	div.map-info div.site-level div.level-title,
	div.map-info div.grade div.grade-title,
	div.map-info div.level div.level-title{
	color:#0F8187;
	color:#444;
	margin:0 0 0px 0;
	}
	div.map-info div.grade div.grade-title::after{
	content:' Grade';
	}

	div.map-info div.level div.level-title{
	color:#4f4f4f;
		display:none;
	font-size:1.4em;
		line-height:1.2em;
		margin:0 auto;
		max-width:150px;
	}
	div.map-info div.health-level div.level-title::after{
	content:' rate';
	}
	/*
	div#measure-details h3,
	div.map-info div.level div.level-value{
	color:#4f4f4f;
	display:block;
		font-size:23px;
		font-weight:800;
		font-size:18px;
		font-weight:800;
	line-height:1em;
	margin:5px 0 5px 0;





	}
	*/
	div.map-info div.site-grade.air-quality{
	border-radius:10px;
	display:block;
	margin:0 auto 5px auto;
	padding:10px;
	text-align:center;
	width:135px;
	}
	div.map-info div.site-grade.air-quality div.grade-letter{
	color:#fff;
	border-radius:50%;
	display:inline-block;
	font-size:40px;
	font-weight:bold;

	height:80px;
	line-height:80px;
	padding-top:0px;
	position:relative;
	text-align:center;
	width:80px;
	}
	div.map-info div.site-grade.air-quality div.grade-letter div.year{
	display:none;
	font-size:14px;
	font-weight:bold;
	line-height:1em;
	position:absolute;

	text-align:center;
	top:10px;  
	width:100%;
	}
	div.map-info div.grade,
	div.map-info div.level,
	div.map-info div.site-grade.community-health,
	div.map-info div.site-level.income-level{
	display:inline-block;
	margin:0;
	vertical-align:top;
	width:48%;
	}

	div.map-info div.site-grade.community-health div.grade,
	div.map-info div.grade div.grade-letter{
	border-radius:5px;
	display:inline-block;
	font-size:30px;

	font-weight:bold;
	height:60px;
	line-height:60px;
	padding-top:0px;
	position:relative;
	text-align:center;

	width:60px;
	}


	/*
	div.map-info div.site-level.income-level div.level,
	div.map-info div.site-level.income-level div.level::after,
	div.map-info div.site-level.income-level div.level::before{
	border:14px solid #f4f4f4;
	border-bottom:0px;
	border-top:0px;

	height:30px;
	margin:15px 5px 0 4px;

	position:relative;
	width:74px;
	}
	div.map-info div.site-level.income-level div.level::after,
	div.map-info div.site-level.income-level div.level::before{
	content:'';

	position:absolute;
	left:1px;
	margin:0;
	top:0px;
	width:29px;

	}
	div.map-info div.site-level.income-level div.level::after{
	border-right:none;


	left:31px;
	}
	div.map-info div.site-level.income-level.income-level-1 div.level,
	div.map-info div.site-level.income-level.income-level-2 div.level,
	div.map-info div.site-level.income-level.income-level-2 div.level::before,
	div.map-info div.site-level.income-level.income-level-3 div.level,
	div.map-info div.site-level.income-level.income-level-3 div.level::before{

	border-left-color:#939393;  
	}

	div.map-info div.site-level.income-level.income-level-3 div.level::before{

	border-right-color:#939393;




	}
	*/
	div.map-info div.health-level{

	width:100%;
	}
	div.map-info div.level{
		background:#fff;
	width:100%;
	}
	div.map-info div.level div.level-number{
	display:block;
	padding:0;
	width:100%;
	}


	div.map-info div.level-number span{
	background:#FFFFC0;
	display:inline-block;
	height:15px;
	margin:0 1px 0 0;
	padding:0px;
	position:relative;
	width:25px;
	vertical-align:middle;
	z-index:0;
	}
	div.map-info.opacity-25 div.level-number span{
	opacity:0.25;
	}
	div.map-info.opacity-50 div.level-number span{
	opacity:0.5;
	}
	div.map-info.opacity-75 div.level-number span{
	opacity:0.75;
	}


	div.map-info.display-color_markers div.level-number span{
		border:3px solid #fff;
	border-radius:50%;
	margin:0 1px;
	height:24px;
	width:24px;
	}

	/*

	div.map-info div.level div.level-number span.level-2{
	background:#FCDD5B;

	}

	div.map-info div.level div.level-number span.level-3{
	background:#FF8E50;
	}
	div.map-info div.level div.level-number span.level-4{
	background:#E01F05;
	}
	div.map-info div.level div.level-number span.level-5,
	div.map-info div.level div.level-number span.level-6{
	background:#510707;
	}
	*/  
	div.map-info.level-1 div.level div.level-number span.level-1,
	div.map-info.level-2 div.level div.level-number span.level-2,
	div.map-info.level-3 div.level div.level-number span.level-3,
	div.map-info.level-4 div.level div.level-number span.level-4,
	div.map-info.level-5 div.level div.level-number span.level-5,


	div.map-info div.level.level-1 div.level-number span.level-1,
	div.map-info div.level.level-2 div.level-number span.level-2,
	div.map-info div.level.level-3 div.level-number span.level-3,
	div.map-info div.level.level-4 div.level-number span.level-4,
	div.map-info div.level.level-5 div.level-number span.level-5,
	div.map-info div.level.level-6 div.level-number span.level-5{
	box-shadow:0 0px 0px 2px #555;
	border:1px solid #fff;
	z-index:10;
	}
	div.map-info.display-color_markers div.level.level-1 div.level-number span.level-1,
	div.map-info.display-color_markers div.level.level-2 div.level-number span.level-2,
	div.map-info.display-color_markers div.level.level-3 div.level-number span.level-3,

	div.map-info.display-color_markers div.level.level-4 div.level-number span.level-4,
	div.map-info.display-color_markers div.level.level-5 div.level-number span.level-5,
	div.map-info.display-color_markers div.level.level-6 div.level-number span.level-5{
		border:3px solid #fff;
		box-shadow:1px 1px 5px #333;
	}
	div.map-info div.level.level-1 div.level-number span.level-1::after,
	div.map-info div.level.level-2 div.level-number span.level-2::after,

	div.map-info div.level.level-3 div.level-number span.level-3::after,
	div.map-info div.level.level-4 div.level-number span.level-4::after,
	div.map-info div.level.level-5 div.level-number span.level-5::after,
	div.map-info div.level.level-6 div.level-number span.level-5::after{
	border-top:10px solid #444;
	border-left:10px solid transparent;
	border-right:10px solid transparent;
	content:'';
	display:none;
	height:calc(100% + 10px);
	left:10px;
	top:-12px;
	position:absolute;
	width:10px;
	}


	/* TOOLTIP */

	/*
	div.leaflet-tooltip{
		background:#000c;
		border-radius:3rem;
		color:#fff;
		border:none;
		min-height:5rem;
		padding:1rem;
		text-align:center;
		min-width:5rem;
	}
	div.leaflet-tooltip-right{
		margin-left:20px;
	}
	div.leaflet-tooltip-left{
		margin-left:-15px;
	}
	div.leaflet-tooltip-right::before{
		border-right-color:#000c;
		border-right-width:10px;
		margin-left:-15px;
	}
	div.leaflet-tooltip-left::before{
		border-left-color:#000c;
		border-left-width:10px;
		margin-right:-15px;
	}
	div.leaflet-tooltip-bottom::before{
		border-bottom-color:#000c;
	}
	div.leaflet-tooltip-top::before{
		border-top-color:#000c;
	}
	div.census-tract-tooltip{
		font-weight:bold;
	}
	*/
	div.leaflet-tooltip{
		background:#fff;
		border-radius:3rem;
		color:#000;
		border:none;
		min-height:5rem;
		padding:1rem;
		opacity:1;
		text-align:center;
		min-width:5rem;
	}
	div.leaflet-tooltip-right{
		margin-left:20px;
	}
	div.leaflet-tooltip-left{
		margin-left:-15px;
	}
	div.leaflet-tooltip-right::before{
		border-right-color:#fff;
		border-right-width:10px;
		margin-left:-15px;

	}

	div.leaflet-tooltip-left::before{
		border-left-color:#fff;
		border-left-width:10px;
		margin-right:-15px;
	}
	div.leaflet-tooltip-bottom::before{
		border-bottom-color:#fff;
	}
	div.leaflet-tooltip-top::before{
		border-top-color:#fff;
	}
	div.census-tract-tooltip{
		font-weight:bold;
	}

	div.map-info div.level div.level-value,
	div.map-info div.level-number::before{
		color:#4f4f4f;
	display:block;
		font-size:1em;
	font-weight:normal;
	margin:0;
		text-align:center;
	}
	div.map-info div.level-number::before{
		font-size:1.2em;
	font-weight:800;
	}
div.map-info:not(.is-county-percentile) div.level div.level-rank{
	display:none;
}
div.map-info.is-county-percentile div.level div.level-value{
	font-size:0.8rem;
}
div.map-info div.geometry-key{
	display:none;
}
div.census-tract-tooltip{
		font-size:1.2rem;
		font-weight:normal;
		text-align:center;
	}
	div.census-tract-tooltip > div{
		font-size:0.9rem;
		font-weight:bold;
		text-align:center;
	}
	div.census-tract-tooltip div.level-1::before,
	div.census-tract-tooltip div.level-2::before,
	div.map-info div.level-number::before,
	div#measure-details.level-2 h2::before,
	div.map-info div.level.level-2 div.level-number::before{
	content:'Very Low';
	}
	div.census-tract-tooltip div.level-3::before,
	div.census-tract-tooltip div.level-4::before,
	div#measure-details.level-3 h2::before,
	div.map-info div.level.level-3 div.level-number::before,
	div#measure-details.level-4 h2::before,
	div.map-info div.level.level-4 div.level-number::before{
	content:'Low';
	}
	div.census-tract-tooltip div.level-5::before,

	div.census-tract-tooltip div.level-6::before,
	div#measure-details.level-5 h2::before,
	div.map-info div.level.level-5 div.level-number::before,
	div#measure-details.level-6 h2::before,
	div.map-info div.level.level-6 div.level-number::before{
	content:'Moderate';
	}
	div.census-tract-tooltip div.level-7::before,
	div.census-tract-tooltip div.level-8::before,
	div#measure-details.level-7 h2::before,
	div.map-info div.level.level-7 div.level-number::before,
	div#measure-details.level-8 h2::before,
	div.map-info div.level.level-8 div.level-number::before{
	content:'High';
	}
	div.census-tract-tooltip div.level-9::before,
	div.census-tract-tooltip div.level-10::before,
	div#measure-details.level-9 h2::before,
	div.map-info div.level.level-9 div.level-number::before,
	div#measure-details.level-10 h2::before,
	div.map-info div.level.level-10 div.level-number::before,
	div#measure-details.level-11 h2::before,
	div.map-info div.level.level-11 div.level-number::before{
	content:'Very High';
	}

	div.map-info div.level-number > span{
		display:none;
	}

	/* CENSUS TRACT LEVEL */

	div.map-info.census-tract-marker-content div.level{
	position:relative;
	min-width:150px;
	}
	div.map-info.census-tract-marker-content div.level div.level-number{


	height:70px;
	margin:0px auto 0px auto;
	width:100px;

	height:55px;
	margin:0px auto 15px auto;
	transform: scale(1.2, 1.2);
	width:100px;
	}
	div.map-info.census-tract-marker-content div.level div.level-number span{
	background:transparent;
	border:1px solid #e000ff;
	border-radius:50%;
	display:block;
	height:10px;
	margin:-5px 0 0 -5px;
	left:50%;
	opacity:0.8;
	position:absolute;
	top:50%;
	width:10px;
	}
	div.map-info.census-tract-marker-content div.level div.level-number span.level-2{
	height:26px;
	margin:-13px 0 0 -13px;
	width:26px;


	height:18px;
	margin:-9px 0 0 -9px;
	width:18px;
	opacity:0.7;
	}

	div.map-info.census-tract-marker-content div.level div.level-number span.level-3{
	height:41px;
	margin:-21px 0 0 -20px;
	width:41px;
	height:30px;
	margin:-15px 0 0 -15px;
	width:30px;
	opacity:0.5;
	}
	div.map-info.census-tract-marker-content div.level div.level-number span.level-4{
	height:56px;
	margin:-28px 0 0 -28px;

	width:56px;


	height:40px;
	margin:-20px 0 0 -20px;
	width:40px;
	opacity:0.35;
	}
	div.map-info.census-tract-marker-content div.level div.level-number span.level-5{

	height:72px;
	margin:-36px 0 0 -36px;
	width:72px;

	height:50px;
	margin:-25px 0 0 -25px;
	width:50px;
	opacity:0.2;
	}
	div.map-info.census-tract-marker-content div.level.level-1 div.level-number span.level-1,
	div.map-info.census-tract-marker-content div.level.level-2 div.level-number span.level-2,
	div.map-info.census-tract-marker-content div.level.level-3 div.level-number span.level-3,
	div.map-info.census-tract-marker-content div.level.level-4 div.level-number span.level-4,


	div.map-info.census-tract-marker-content div.level.level-5 div.level-number span.level-5{
	background:#e000ff;
	box-shadow:none;
	opacity:0.6;
	}
	/*
	div.map-info div.level div.level-number::before,

	div.map-info div.level div.level-number::after{
	color:#8f9e85;
	content:'';
	display:inline-block;
	font-size:18px;

	font-family:'Font Awesome 6 Pro';
	font-weight:800;
	letter-spacing:1px;
	transform: scale(1, 1.5);


	}



	div.map-info div.level div.level-number::after{
	opacity:0.15;
	}
	div.map-info div.level.level-1 div.level-number::before{
	content:'\f2fb';
	}
	div.map-info div.level.level-1 div.level-number::after{
	content:'\f2fb\f2fb\f2fb\f2fb';
	}
	div.map-info div.level.level-2 div.level-number::before{
	content:'\f2fb\f2fb';
	}
	div.map-info div.level.level-2 div.level-number::after{
	content:'\f2fb\f2fb\f2fb';
	}

	div.map-info div.level.level-3 div.level-number::before{


	content:'\f2fb\f2fb\f2fb';
	}
	div.map-info div.level.level-3 div.level-number::after{
	content:'\f2fb\f2fb';
	}
	div.map-info div.level.level-4 div.level-number::before{
	content:'\f2fb\f2fb\f2fb\f2fb';

	}
	div.map-info div.level.level-4 div.level-number::after{
	content:'\f2fb';
	}
	div.map-info div.level.level-5 div.level-number::before{
	content:'\f2fb\f2fb\f2fb\f2fb\f2fb';
	}

	div.map-info div.level div.level-number::after{
	color:#E1E7EA;
	opacity:.5;
	}
	div.map-info div.level.level-1 div.level-number::before{
	color:#F1FCB1;
	}
	div.map-info div.level.level-2 div.level-number::before{
	color:#E5E133;

	}
	div.map-info div.level.level-3 div.level-number::before{
	color:#FC9917;

	}
	div.map-info div.level.level-4 div.level-number::before{
	color:#E01F05;
	}
	div.map-info div.level.level-5 div.level-number::before{
	color:#510707;
	}
	div.map-info div.level.level-6 div.level-number::before{
	color:#510707;
	}
	*/
	div.map-info div.level div.subtitle{
	}
	div.map-info div.level div.subtitle::before{
	color:#8f9e85;
	content:'Under $25k';
	content:'Very Low';

	display:block;
	font-size:11px;

	padding:2px 0 0 0;
	}
	div.map-info div.level.level-2 div.subtitle::before{
	content:'$25k - 50k';
	content:'Low';
	}

	div.map-info div.level.level-3 div.subtitle::before{
	content:'$50k - 75k';
	content:'Average';
	}
	div.map-info div.level.level-4 div.subtitle::before{
	content:'$50k - 75k';
	content:'High';
	}
	div.map-info div.level.level-5 div.subtitle::before{
	content:'$50k - 75k';

	content:'Very High';
	}


	div.map-info a.view-details{
	background:#ddd;
	border-color:#D5D9D9;
		border-radius:0.5rem;
		color:#555;
	display:block;
		line-height:1rem;
	margin:1rem auto 0 auto;
		padding:7px 14px;
		padding:1rem 0;
	}
	div.map-info a.view-details:hover{
	border-color:#ccc;
	color:#000;
	}
	div.map-info a.view-details::before{
	content:'\f002';
	display:inline-block;
	font-family:'Font Awesome 6 Pro';
		font-weight:400;
		margin:0 0.5rem 0 0;
	}

	/* OFFCANVAS */

	div.offcanvas{
	background:#fff;
	padding-left:0px;
	padding-right:0px;
	width:500px;
	max-width:95%;
	}
	div.offcanvas.fade-show{
	background:#fff;

	transition:transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
	transform:none;
	opacity:0;
	}
	div.offcanvas.show.fade-show{
	opacity:1;
	}
	div.offcanvas-header{
		height:auto;
		padding:0 2rem;
	}
	div.offcanvas-header h5{
	font-family: 'Open Sans', sans-serif;
	font-weight:normal;
	padding:20px 0 15px 20px;
	padding:1rem 0 1rem 1rem;
	text-align:center;
	width:100%;
	}
	div.offcanvas-header h5::before{
	content:'\f002';
	display:inline-block;
		display:none;
	font-family:'Font Awesome 6 Pro';
		font-weight:800;
		margin:0 0.5rem 0 0;
	}
	div.offcanvas.loading div.offcanvas-header h5{
	visibility:hidden;
	}
	div.offcanvas-header .btn-close {
		background:transparent;
		display:inline-block;
		opacity:1;
		height:2rem;
		line-height:2rem;
		opacity:0.6;
		width:2rem;
	}
	div.offcanvas-header .btn-close::before{
		color:#fff;
		content:'\f00d';
		font-family:'Font Awesome 6 Pro';
		font-size:2rem;
		font-weight:200;
	}
	div.offcanvas-header .btn-close:hover {
	opacity:1;
	}

	div.offcanvas-body{
	color:#222;
	overflow-x:hidden;
	padding:2rem;
	/* perspective: 2px; */
	position:relative;
	scrollbar-width: thin;
	}









	/*
	div.offcanvas-body::before,
	div.offcanvas-body::after{

	border-top:1px solid #8887;

	content:'';
	display:block;
	position:sticky;
	width:100%;
	top:0px;
	z-index:10;
	}
	div.offcanvas-body::after{
	border-top:1px solid #fff;
	left:0px;
	position:absolute;
	z-index:100;
	}
	*/

	/*
	div.offcanvas-header button.btn-close{
	background:transparent;
	left:40px;

	position:relative;
	}
	div.offcanvas-header button.btn-close::before{
	color:#595959;
	content:'\f060';
	font-family:'Font Awesome 6 Pro';




	font-size:25px;
	left:0px;
	position:absolute;
	top:0px;
	}
	*/

	/* CENSUS TRACT DISEASE RATE DETAILS */



	div#map-disease-rate-details div.offcanvas-header{
	background:transparent url('/images/disease-rates-details-background.png') center top no-repeat;
	background-size:100% auto;
	}
	div#map-disease-rate-details div.offcanvas-body::before{
	background:transparent url('/images/disease-rates-details-background.png') center top no-repeat;
	background-size:100% auto;
	background-attachment:unset !important;
	content:'';
	height:500px;
	left:-5%;
	position:absolute;
	top:-380px;
	transform: translateZ(-2px) scale(2);
	width:105%;
	z-index:-100;


	}

	/* AIR MONITOR SITE DETAILS */

	div#map-data-details.offcanvas{
	}
	div#map-data-details.offcanvas div.offcanvas-body{
	}

	div#map-data-details.loading-details{
	opacity:1;
	pointer-events:all;
	}
	div#map-data-details.loading-details > div{
	display:none;
	}
	div#map-data-details.loading-details::after,
	div#map-data-details.loading-details::before{
	background:transparent;
	bottom:0px;
	content:'';
	height:100%;
	left:0px;
	position:absolute;
	width:100%;
	z-index:100;
	}
	div#map-data-details.loading-details::after{
  animation: pulse-opacity 2s infinite;
  background:transparent url("/images/maps-for-equity-logo-light.svg?v=5") 25px top no-repeat;
	background-size:auto 80px;
	color:#fff;
	content:'Loading';
	height:140px;
		left:0;
		margin:0 auto;
		padding:90px 0 0 0;
		right:0;
	text-align:center;
	top:30%;
	width:140px;
	}
	div#map-data-details div.offcanvas-header{
		background:#fff;
		background:#4f4f4f;
		color:#333;
		color:#fff;
		transition: all .1s ease-out;  
		position:relative;
		z-index:1000;
	}

	div#map-data-details.is-scrolled div.offcanvas-header{
	box-shadow: 0 2px 10px rgba(0,0,0,.2);
		transition: all .3s ease-out;  
	}
	div#map-data-details div.offcanvas-body h2 a.expand{
	color:#212121;
	display:block;

	font-family: 'Roboto', sans-serif;
	font-weight:500;
	margin:0;
	padding:10px 45px 10px 0px;
	position:relative;
	text-decoration:none;
	}

	div#map-data-details div.offcanvas-body h2 a.expand::before{
	border-radius:20px;

	color:#707070;
	content:'\f107';
	display:inline-block;

	display:none;
	height:30px;
	font-family:'Font Awesome 6 Pro';
	font-size:20px;
	font-weight:300;
	line-height:20px;
	margin:0;
	padding:15px;
	position:absolute;
	text-align:center;
	top:-5px;
	right:15px;
	width:20px;
	}
	div#map-data-details div.offcanvas-body h2 a.expand.expanded::before{
	content:'\f00d';
	}

	div#map-data-details div.offcanvas-body h2 a.expand:hover{
	color:#000;
	}
	div#map-data-details div.offcanvas-body h2 a.expand:hover::before{
	color:#000;

	}

	/* MAP DATA DETAILS */

	div#map-data-details{
	display:none;
	}
	div#map-data-details.loading::before{
		height:0px;
		opacity:0;
		top:0px;
		transition:all 0s ease-out;
		transition-delay:0ms;
		width:0px;
	}
	div#X_map-data-details::before{
	box-shadow:0px 6px 5px -5px #5558;
	content:'';
	display:block;
	height:5rem;
	left:0px;
	opacity:1;
	position:fixed;
		transition-delay:500ms;
	top:0px;
	width:492px;

	z-index:10;
	}
	div#map-data-details > button.btn-close{
		background:#fff;
	border-radius:3rem;
		display:inline-block;
		height:2.5rem;
		line-height:2.5rem;
	left:430px;
	position:fixed;
		opacity:0.4;
	top:1rem;
		width:2.5rem;
	z-index:1000;
	}
	@media (max-width:500px) {

	div#map-data-details > button.btn-close{
		left:auto;
		right:30px;
	}
	}
	div#map-data-details > button.btn-close::before{
		content:'\f00d';
		font-family:'Font Awesome 6 Pro';
		font-size:1.5rem;
		font-weight:700;
	}
	div#map-data-details > button.btn-close:hover {
	opacity:1;
	}
	div#map-data-details > button.btn-close:hover::before{
	}

	div#map-data-details{
	left:-500px;
	opacity:0;
		transition:all 0.5s ease-out;
	visibility:visible !important;
	z-index:100;		
	}

	div#map-data-details.loading-data.show{
	background:#fff;
	background:#333;
		transition:all 0.5s ease-out;
}
	div#map-data-details.show{
	background:#333;
	 height:var(--app-height, 100vh);
	display:block;
	left:0px;
	overflow-x:hidden;

	overflow-y:scroll;
	opacity:1;
	position:absolute;
	scrollbar-width: thin;
		transition:all 0.5s ease-out;

	visibility:visible !important;
	width:500px;
	}

	div#home-page.map-data-details_less-details div#map-data-details div.more-detail{
		display:none !important;
	}

	div#map-data-details div#offcanvas-map-container{
		overflow:auto;
		opacity:1;
		padding:0 0 2rem 0;
		position:relative;
		transition:all 0.2s ease-out;
		z-index:0;
	}
	div#map-data-details div#offcanvas-map-container h2{
		font-size:1em;
		font-weight:normal;
		padding:0rem 4rem;
	}
	div#map-data-details > div.body{
		background:#555;
		opacity:1;
	padding:0 0 0.3rem 0;
		transition:all 0.2s ease-out;
	}
	div#map-data-details.loading > div.body{
		opacity:0;
	}
div#map-data-details > div.body > div{
		background:#fff;
	border-bottom-right-radius:0.5rem;
	border-top-right-radius:0.5rem;
	margin:0rem 0.5rem 0.2rem 0;
	padding:0 0 0.5rem 0;
}
div#map-data-details > div.body > div:nth-child(1){
}

div#map-data-details div#offcanvas-map-container div#detail-map{
		background:#fff;
		border-radius:1rem;
		height:400px;
		margin:0 2rem;
		pointer-events:none;
	}
	div#map-data-details div#offcanvas-map-container div#detail-map div.leaflet-control-zoom{
		border:none;
	}

	div#map-data-details div#offcanvas-map-container div#detail-map a.leaflet-control-zoom-in,
	div#map-data-details div#offcanvas-map-container div#detail-map a.leaflet-control-zoom-out{
	background:#e8eaed;
	color:#aaa;
	}
	div#map-data-details div#offcanvas-map-container div#detail-map div.leaflet-pane.leaflet-pane.leaflet-overlay-pane::before{
	 background: rgb(60,141,129);
	background: -moz-linear-gradient(180deg, rgba(60,141,129,1) 0%, rgba(36,98,89,1) 86%);
	background: -webkit-linear-gradient(180deg, rgba(60,141,129,1) 0%, rgba(36,98,89,1) 86%);
	background: linear-gradient(180deg, rgba(60,141,129,1) 0%, rgba(36,98,89,1) 86%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3c8d81",endColorstr="#246259",GradientType=1); 
		background:#555;
		background:#777;
		content:'';
		height:500px;
		position:absolute;
		width:600px;
		z-index:0;
	}
	div#map-data-details div#offcanvas-map-container div#detail-map div.leaflet-pane.leaflet-pane{
		mix-blend-mode:multiply;

	}
	div#map-data-details div#offcanvas-map-container div#detail-map div.leaflet-pane path{
		stroke:#fff;
		stroke-width:0px;
		fill:#fff;
		filter: drop-shadow(0px 0px 9px rgb(0 0 0 / 0.7));
		pointer-events:none;
	}
	div#map-data-details div#offcanvas-map-container div#detail-map div.leaflet-control-attribution{

		display:none;
	}
	div#map-data-details h1,
	div#map-data-details h2{
		font-size:1.4em;
		font-weight:400;
		margin:0.5rem 0;
		padding:0;
		text-align:center;
	}
	div#map-data-details h2{
		font-size:0.9em;
		font-weight:bold;
		margin:1rem 0;
		padding:0 1rem;
		text-transform:uppercase;
	}
	div#map-data-details h2:empty{
		display:none;
	}
	div#map-data-details h3{
		font-size:1em;
		font-weight:normal;
		margin:0.5rem 0 1rem 0;
		text-align:center;
	}
	div#map-data-details h3 span.geometry-subtitle{
	display:none;
	}
	div#map-data-details h3 span.geometry-subtitle:empty{
	display:none;
	}
	div#measure-details{
	background:#fff;
		padding:0 0 0rem 0;

		text-align:center;	
	}


	div#X_map-data-details div.offcanvas-body > div,
	div#related-measures > div,
div.has-data-cards > div,
	div#measure-details > div{
		margin:0.5rem 4rem 2rem 4rem;
		padding:1.5rem 0rem;
	}
  div.has-data-cards > div,
	div#measure-details > div{
		position:relative;
	}
  div.has-data-cards > div::before,
  div.xhas-data-cards > div::after,
	div#xmeasure-details > div::after,
	div#measure-details > div::before{
		background:#ddd;
		content:'';
		display:block;
		height:1px;
		left:-1rem;
		margin:0 auto;
		position:absolute;
		right:0;
		top:-1px;
		width:calc(100% + 2rem);
		z-index:10;
	}
	  div.has-data-cards > div::after,
  div#measure-details > div::after{
		bottom:-2rem;
		top:auto;
	}
  div.has-data-cards > div:last-of-type::after,
	div#measure-details > div:last-of-type::after{
    display:none;
  }
	div#map-data-details h1{
		font-size:1.1rem;
		font-weight:bold;
		margin:00;
		padding:2rem 0 1.5rem 0;
	}
	div#map-data-details h1::after,
	div#map-data-details h1::before{
			background:#555;
		content:'';
		height:1rem;
		right:0px;
		position:absolute;
		top:0px;
		width:100%;
		z-index:1;
}
div#map-data-details h1::after{
	background:#fff;
	border-top-right-radius:0.5rem;
	top:0.5rem;
	z-index:2;
}

	div#map-data-details h1.sticky-top{
background:#fff;	
	border-top-right-radius:0.5rem;
		margin:0;
	padding-right:4rem;
	padding-left:4rem;
	z-index:100;
	}
div#map-data-details h1 span.year{
		color:#888;
		font-style:italic;
	}
	div#map-data-details div.level{
		margin:0px auto 0 auto;
		position:relative;
		z-index:0;
	}
	div#map-data-details div#measure-source{
	}
	/* MEASURE DESCRIPTION */

	div#measure-details div.description{
		font-size:1rem;
		line-height:1.4em;
		margin:1rem 0 0.5rem 0;
		padding:0;
	}
	div#measure-details div.description:empty{
	display:none;
	}
	div#measure-details div.description span.year{
	}
	div#measure-details div.description span.year:empty{

	display:none;
	}
	div#measure-details div.description span.year::before{
		content:' (';
	}
	div#measure-details div.description span.year::after{
		content:')';
	}
	div#measure-details div.source{
	}
	div#measure-details div.source a{

	}
	div#map-data-details div#measure-levels{

	}
	div#map-data-details div#measure-levels::before{
	}
	div#map-data-details div#measure-levels h1{
		display:none;
	}
	div#map-data-details div#measure-levels h2{
		margin:0;

	}
	div#map-data-details div.level{
		width:15.2rem;
	}
	div#map-data-details div.level div.level-marker{
		background:#333;
		box-shadow:0px 0px 0px 1px  #fff5;
		display:inline-block;
		height:2.33rem;
		margin:0 0 0 -0.5rem !important;;
		left:0;
		opacity:1;
		position:absolute;
		top:-0.33rem;
		right:0;
		transition: all 1s ease-out;  
		width:0.33rem;
		z-index:2;
	}
	div#map-data-details div.level.wait-animate div.level-marker{
		left:0px !important;
		opacity:0;
	}
	div.measure-levels div.level > div {

		opacity:1;
		transition: all 1s ease-out;  
	}
	div#map-data-details div.level.wait-animate > div {
		opacity:0;

	}
	div.measure-levels div.level div.level-1-bg-color,
	div.measure-levels div.level div.level-2-bg-color,
	div.measure-levels div.level div.level-3-bg-color,
	div.measure-levels div.level div.level-4-bg-color,
	div.measure-levels div.level div.level-5-bg-color,
	div.measure-levels div.level div.level-6-bg-color,
	div.measure-levels div.level div.level-7-bg-color,
	div.measure-levels div.level div.level-8-bg-color,
	div.measure-levels div.level div.level-9-bg-color,
	div.measure-levels div.level div.level-10-bg-color{
		display:inline-block;
		height:1.5rem;
		margin:0 0.1rem 0 0;
		position:relative;

		width:2.9rem;
		z-index:1;

	}
div.measure-levels p{
	margin:1rem 0rem;
	color:#000;
		font-size:0.9rem;
		line-height:1.6rem;
		text-align:left;

	}
	div#map-data-details div.level div.rank{
		font-size:14px;
		padding:20px 0 5px 0;
	}
	div.measure-levels div.labels{
		align-items:center;
		display:flex;
		margin:0.5rem auto 0 auto;
		text-align:center;

		padding:0;
		position:relative;
		width:15rem;
	}
	div.measure-levels div.labels > div{
		 color:#000;
		display:inline-block;
		font-size:1em;
		position:relative;
		text-align:center;
		vertical-align:middle;
		z-index:5;
	}
	div.measure-levels div.labels div.level-1,
	div.measure-levels div.labels div.level-3{
		background:#fff;
	}
	div.measure-levels div.labels div.level-1{
		padding:0 0.5rem;	
	}
	div.measure-levels div.labels div.level-2{
		border-bottom:1px solid #ccc;
		display:inline-block;
		flex:1;
		height:1px;
		margin:0 auto;
		width:2rem;
		z-index:1;
	}
	div.measure-levels div.labels div.level-3{

		padding:0 0 0 0.5rem;
	}

	/* MEASURE RANK */

	divX#map-data-details div#measure-rank{
		margin-left:4rem;
		margin-right:2rem;
		position:relative;
	}
	div#home-page.map-data-details_less-details div#map-data-details div#measure-rank h1{
	}
	div#map-data-details div#measure-rank div.view-relative_rank{
		position:relative;
	}
	div#map-data-details div#measure-rank div.relative-rank{
		display:inline-block;
		margin:0 0 1rem 0;
		width:100%;
	}
	div#map-data-details div#measure-rank div.relative-rank div.rank{
		display:inline-block;
		height:150px;
		position:relative;
		width:1px;
		vertical-align:bottom;
		z-index:1;
	}
	div#map-data-details div#measure-rank div.relative-rank div.bar{
		border-top:1px solid #5557;
		border-bottom:1px solid #5557;
		bottom:0px;
		display:inline-block;
		left:0px;
		opacity:1;
		position:absolute;
		transition: all 1s ease-in-out;  
		width:2px;
		width:100%;
		vertical-align:bottom;
		z-index:2;
	}
	div#map-data-details div#measure-rank.wait-animate div.relative-rank div.bar{
		height:0px !important;
		opacity:0;
	}
	div#map-data-details div#measure-rank div.relative-rank div.rank.is-current-geometry-1{
		z-index:10;
	}
	div#map-data-details div#measure-rank div.relative-rank div.rank.is-current-geometry-1 div.bar{
		box-shadow:0px 0px 0px 1px  #fff;
	}

	div#map-data-details div#measure-rank div.relative-rank div.rank.is-current-geometry-1 div.bar::before,
	div#map-data-details div#measure-rank div.relative-rank div.rank.is-current-geometry-1 div.bar::after{
		border: solid #4f4f4f;
		border-width: 0 5px 5px 0;
		bottom:-22px;
		content:'';
		display: inline-block;

		left:-5px;
		padding: 4px;
		position:absolute;
		 transform: rotate(-135deg);
		-webkit-transform: rotate(-135deg);

		z-index:100;
	}
	div#map-data-details div#measure-rank div.relative-rank div.rank.is-current-geometry-1 div.bar::before{

		display:none;
		bottom:auto;
		top:-20px;

		 transform: rotate(45deg);
		-webkit-transform: rotate(45deg);

	}

	div#map-data-details div#measure-rank div.rank-number{
		display:none;
		font-size:1em;
		position:absolute;
		margin:0 0 2rem -40px;
		text-align:center;
		bottom:-2rem;
		width:80px;
	}
	div#map-data-details div#measure-rank div.y-axis{
		height:100%;
		padding:0;

		position:absolute;
		top:0px;
		width:100%;
		z-index:10;
	}
	div#map-data-details div#measure-rank div.y-axis div.axis-marker{
		border-bottom:1px dashed #0005;
		left:0px;

		position:absolute;
		text-align:left;
		width:100%;
	}
	div#map-data-details div#measure-rank div.y-axis div.axis-marker div.label{
		background:#fff;
		display:inline-block;
		left:-4.5rem;
		line-height:1rem;
		padding:0;
		position:absolute;
		text-align:right;
		top:-0.5rem;

		width:4rem;
		z-index:10;
	}

	/* MEASURE TRENDS */

	div#map-data-details div#measure-trends{
	}
	div#map-data-details div#measure-trends div.year-trend{
		display:inline-block;
		font-size:1em;
		height:8rem;
		margin:0 0.75rem;
		margin:0 0.33rem;
	}
	div#map-data-details div#measure-trends div.year-trend div.year{
		font-size:0.8em;
		font-weight:bold;

}
div#map-data-details div#measure-trends div.year-trend div.bar{
		margin:1rem auto;
		width:1.5rem;
	}
	div#map-data-details div#measure-trends div.year-trend div.value{
	}
	div#map-data-details div.is-percent-1 .format-value::after{
		content:'%';
		opacity:0.4;
		font-weight:normal;
	}
	div#map-data-details div.is-money-1 .format-value::before{
		content:'$';
		font-weight:normal;
	}

	div#map-data-details div#geometry-demographics div#measure-demographics-list{
	}
	div#map-data-details div#geometry-demographics div.data-key{
	text-align:center;
	}
	div#map-data-details div#geometry-demographics div.data-key h3{
	font-size:1.1rem;
	font-weight:bold;
	}
	div#map-data-details div#geometry-demographics div.data-key div{
		display:inline-block;
		margin:0 1rem 0 0;
	}

	div#map-data-details div#geometry-demographics div.data-key div::before{
		background:#3fc2a1;
		border:2px solid #fff;
		content:'';
		display:inline-block;
		height:1.25rem;
		margin:0 0.5rem 0 0;
		vertical-align:middle;
		width:1.25rem;
	}
	div#map-data-details div#geometry-demographics div.data-key div.low::before{
		background:#f47476;
	}
	div#map-data-details div#geometry-demographics div.data-key div.average::before{
		background:#ffd083;
	}

	div#map-data-details div#geometry-demographics div.demographic{
		border-radius:1rem;
		margin:2rem 2rem;
		padding:0;
	}
	div#map-data-details div#geometry-demographics h2,
	div#map-data-details div#geometry-demographics h3{
	}

	div#map-data-details div#geometry-demographics h3:empty{
	display:none;
	}
	div#map-data-details div#geometry-demographics div.demographic h3{
		font-size:1.1rem;
	font-weight:bold;
		margin:3rem 0 0 0;
		padding:0;
		text-align:center;
	}
	div#map-data-details div#geometry-demographics div.demographic-data-list{
		background:#fff;
		border-bottom:1px solid #ccc;
		border-radius:0rem;
		margin:0 -1rem;
		padding:0 0 3rem 0;
		text-align:center;
	}
	div#map-data-details div#geometry-demographics div.demographic-data-list div.demographic-data{
		border-right:0px solid #5f5f5f;
		display:inline-block;
		margin:1rem 0 0 0;
		padding:0 0 0rem 0;
		vertical-align:top;
		width:25%;
	}
	div#map-data-details div#geometry-demographics div.demographic-data-list div.demographic-data:last-child{
		border:none;
	}
	div#map-data-details div#geometry-demographics div.demographic-data-list div.demographic-data div.gauge{
		background:#fff;
		border-top-left-radius:0.5rem;
		border-top-right-radius:0.5rem;
		margin:0 0.5rem;
		overflow:hidden;
		position:relative;
		z-index:0;	
	}
	/* Gauge Left & Right Mask */
	div#map-data-details div#geometry-demographics div.demographic-data-list div.demographic-data div.gauge::before,
	div#map-data-details div#geometry-demographics div.demographic-data-list div.demographic-data div.gauge::after{
		background:#fff;
		bottom:10px;
		content:'';
		height:60px;
		left:0px;
		position:absolute;
		transform: rotate(-60deg);
		transform-origin: bottom right;
		width:55px;
		z-index:3;	
	}
	div#map-data-details div#geometry-demographics div.demographic-data-list div.demographic-data div.gauge::after{
		left:auto;
		right:0px;
		transform: rotate(60deg);
		transform-origin: bottom left;
	}
	/* Gauge Background */
	div#map-data-details div#geometry-demographics div.demographic-data-list div.demographic-data div.gauge div.value,
	div#map-data-details div#geometry-demographics div.demographic-data-list div.demographic-data div.gauge div.value::before{  
		background:#e8eaed;
		border-bottom:none;
		border-top-left-radius:200px;
		border-top-right-radius:200px;
		content:'';
		display:block;
		height:35px;
		margin:10px auto 10px auto;
		overflow:hidden;
		text-indent:-1000px;
		position:relative;
		width:70px;
		z-index:2;
	}
	/* Gauge Level Color */
	div#map-data-details div#geometry-demographics div.demographic-data-list div.demographic-data div.gauge div.value::before{
		background:#222;
		margin:0;
		position:absolute;
		transform: rotate(-45deg);
		transform-origin: bottom center;
		transition: all 1s ease-out;  
	}
	div#map-data-details div#geometry-demographics div.demographic-data-list div.demographic-data div.gauge.level-1-bg-color div.value::before,
	div#map-data-details div#geometry-demographics div.demographic-data-list div.demographic-data div.gauge.level-2-bg-color div.value::before{
		background:#f47476;	
	}
	div#map-data-details div#geometry-demographics div.demographic-data-list div.demographic-data div.gauge.level-3-bg-color div.value::before{
		background:#ffd083;
	}
	div#map-data-details div#geometry-demographics div.demographic-data-list div.demographic-data div.gauge.level-4-bg-color div.value::before,
	div#map-data-details div#geometry-demographics div.demographic-data-list div.demographic-data div.gauge.level-5-bg-color div.value::before{
		background:#3fc2a1;
	}
	div#map-data-details div#geometry-demographics div.demographic-data-list div.demographic-data div.gauge.level-1-bg-color div.value::before,
	div#map-data-details div#geometry-demographics div.demographic-data-list div.demographic-data div.gauge.level-1-bg-color div.level-name::before{
		transform: rotate(-130deg);
	}
	div#map-data-details div#geometry-demographics div.demographic-data-list div.demographic-data div.gauge.level-2-bg-color div.value::before,
	div#map-data-details div#geometry-demographics div.demographic-data-list div.demographic-data div.gauge.level-2-bg-color div.level-name::before{
		transform: rotate(-110deg);
		transform: rotate(-130deg);
	}
	div#map-data-details div#geometry-demographics div.demographic-data-list div.demographic-data div.gauge.level-3-bg-color div.value::before,
	div#map-data-details div#geometry-demographics div.demographic-data-list div.demographic-data div.gauge.level-3-bg-color div.level-name::before{
		transform: rotate(-90deg);
	}
	div#map-data-details div#geometry-demographics div.demographic-data-list div.demographic-data div.gauge.level-4-bg-color div.value::before,
	div#map-data-details div#geometry-demographics div.demographic-data-list div.demographic-data div.gauge.level-4-bg-color div.level-name::before{
		transform: rotate(-60deg);
		transform: rotate(-35deg);
	}
	div#map-data-details div#geometry-demographics div.demographic-data-list div.demographic-data div.gauge.level-5-bg-color div.value::before,
	div#map-data-details div#geometry-demographics div.demographic-data-list div.demographic-data div.gauge.level-5-bg-color div.level-name::before,
	div#map-data-details div#geometry-demographics div.demographic-data-list div.demographic-data div.gauge.level-6-bg-color div.value::before,
	div#map-data-details div#geometry-demographics div.demographic-data-list div.demographic-data div.gauge.level-6-bg-color div.level-name::before{
		transform: rotate(-35deg);
	}
	div#map-data-details div#geometry-demographics div.demographic-data-list div.demographic-data div.gauge.wait-animate div.level-name::before,
	div#map-data-details div#geometry-demographics div.demographic-data-list div.demographic-data div.gauge.wait-animate div.value::before{
		transform: rotate(-180deg);
	}
	div#map-data-details div#geometry-demographics div.demographic-data-list div.demographic-data div.gauge.wait-animate div.value::before{
		background-color:#fff;
	}


	/* Gauge Bottom Mask */
	div#map-data-details div#geometry-demographics div.demographic-data-list div.demographic-data div.gauge div.value::after{
		background:#fff;		
		border-top-left-radius:200px;
		border-top-right-radius:200px;
		content:'';
		height:19px;
		left:0;
		margin:0 auto;
		position:absolute;
		right:0;
		top:14px;
		width:38px;
		z-index:10;
	}
	/* Gauge Needle Center*/
	div#map-data-details div#geometry-demographics div.demographic-data-list div.demographic-data div.gauge div.level-name{
		background:#e8eaed;
	border-radius:20px;
		bottom:3px;
		display:block;
		height:16px;
		left:0;
		margin:0 auto;
		position:absolute;
		right:0;
		text-indent:-1000px;
		width:16px;
		z-index:10;
	}
	/* Gauge Needle */
	div#map-data-details div#geometry-demographics div.demographic-data-list div.demographic-data div.gauge div.level-name::before{
		background:transparent url("/images/gauge-needle.svg?a=e") center center no-repeat;
		background-size:contain;
		bottom:1px;
		content:'';
		height:14px;
		overflow:hidden;
		position:absolute;
		left:4px;
		transform-origin: 4px center;
		transition: all 1s ease-out;  
		width:42px;
		z-index:10;
	}

	div#map-data-details div#geometry-demographics div.demographic-data-list div.demographic-data div.gauge div.level-name::after{
		background:#888;
		border-radius:20px;
		bottom:6px;
		content:'';
		display:block;
		height:4px;
		position:absolute;
		left:6px;
		width:4px;
		z-index:10;
	}
	div#map-data-details div#geometry-demographics div.demographic-data-list div.demographic-data > div.name{
		color:#444;
	font-size:1rem;
		font-weight:bold;
		margin:0 0.5rem 0 0.5rem;
		padding:0;
	}
	div#map-data-details div#geometry-demographics div.demographic-data-list div.demographic-data > div.value{
	 border-bottom-left-radius:0.5rem;
		border-bottom-right-radius:0.5rem;
		font-size:1rem;
	color:#444;
		margin:0.5rem 0 0 0;
		padding:0rem 0 0.5rem 0;
	}
	div#map-data-details div#geometry-demographics div.level div.level-marker{
		 background:#fff;
			box-shadow:0px 0px 0px 1px  #0005;
	}

	div#map-data-details div#related-measures{
		background:#fff;
			margin:0rem 0;
		padding:0rem 0;
	}
	div#map-data-details div#related-measures > div{
	}
	div#map-data-details div#geometry-demographics h1,
	div#map-data-details div#related-measures h1{
	}
	div#map-data-details div#related-measures h2{
		margin-top:0rem;
	}
	div#map-data-details div.related-measure-level-list div.template-copy{

		display:inline-block;
		padding:0 1rem;

		width:50%;
		vertical-align:top;
	}
	div#map-data-details div.related-measure-level-list.columns-3 div.template-copy{
		width:33%;
	}
	div#map-data-details div.related-measure-level-list div.template-copy h2{
		font-size:1em;
		font-weight:normal;
		display: table-cell;
		min-height:4rem;
		height:4rem;
		padding:0;
		text-align:center;
		vertical-align: bottom;
		width:200px;
	}
	div#map-data-details div.related-measure-level-list div.template-copy h3{
		display:none;
		font-size:0.9rem;
		text-align:center;
	}
	div#map-data-details div#related-measures span#select-related-data-type-button{
		display:block;
		margin:0 auto 40px auto;
		text-align:center;
		width:100%;
	}
	div#map-data-details div#related-measures div.related-measure{
		margin:0 0 1rem 0;
	}
	div#map-data-details div#related-measures div.level{
		margin:1rem auto 0rem auto;
		position:relative;
		width:10.2rem;
	}

	div#map-data-details div#related-measures div.level div{
		height:1rem;
		display:inline-block;
		margin:0 0.1rem 0 0;
		width:1.9rem;
	}
	div#map-data-details div#related-measures div.level div.level-marker{
		height:2rem;
		left:0;

		margin:0 0 0 -4px;
		right:0;
		width:4px;
	}


	/* DYNAMIC CHARTS */

	div#map-data-details span.percent-polluted{
	font-weight:bold;
	}
	div#map-data-details span.percent-polluted::after{
	content:'%';
	}
	div#map-data-details div#site-section-relative-pollution-levels h3::after,
	div#map-data-details div#site-comparison-details div.trend-info::after{
	content:' more polluted than the cleanest site';
	}
	div#map-data-details div.offcanvas-body div.section{
	background:#e5e5e7;
	background:transparent;
	border:none;
	border-bottom:1px solid #929497;
	border-radius:0px;
	margin:0;
	padding:40px 0 50px 0;
	text-align:center;
	}
	div#map-data-details div.offcanvas-body div#site-average-weekday-details,
	div#map-data-details div.offcanvas-body div#site-average-hourly-details{
	}
	div#map-data-details div.offcanvas-body div.section > a.expand{
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	font-weight:500;
	display:block;
	margin:5px 0 0 0;
	padding:5px 10px;
	position:relative;
	text-align:right;
	z-index:2;
	}
	div#map-data-details div.offcanvas-body div.section.expanded > a.expand{
	display:none;
	}

	div#map-data-details  div.section > div{

	background:transparent;
	margin:0px;

	padding:0px 30px;

	position:relative;
	text-align:left;
	}
	div#map-data-details div.offcanvas-body div.section > div.summary{
	display:block;
	font-size:14px;
	margin:0;
	padding:15px 20px 0 20px;
	text-align:center;
	transition:all 0.3s ease-out;
	}


	div#map-data-details div.offcanvas-body div.section.expanded > div.summary{
	}
	div#map-data-details  div.section > div.details{
	border-top:none;
	margin:0;
	padding:15px 30px;
	height:0px;
	padding:0;
	opacity:0;
	transition:all 0.2s ease-out;

	visibility:hidden;
	}
	div#map-data-details div.section.expanded > div.details{
	height:auto;
	margin:20px 0;
	padding:20px 30px;
	opacity:1;
	visibility:visible;
	}  
	div#map-data-details  div.section > div.details::before{
	border-top:0px solid #aaa;
	content:'';
	display:block;

	position:absolute;

	left:0px;
	top:0px;
	width:100%;
	}
	div#map-data-details div.offcanvas-body div.section div.percent-ratio-container{


	background:transparent;
	border-radius:9px;
	padding:25px 10px;
	}
	div#map-data-details div.offcanvas-body div.section > div.secondary::before{
	border-top:1px solid #aaa;
	content:'';
	display:block;
	left:30px;
	position:absolute;
	top:0px;
	width:calc(100% - 60px);
	}

	div#map-data-details div.offcanvas-body div.section > div:nth-child(1)::before{
	display:none;

	}
	div#map-data-details div.zip-code{


	padding:5px 0 0 0;

	}

	div#map-data-details div.district{
	color:#888;
	font-size:15px;

	margin:0 0 0px 0;
	}
	div#map-data-details div.zip-code::before{
	content:'Zip Code ';
	}
	div#map-data-details div.district a{
	text-decoration:none;
	}
	div#map-data-details div.inactive{
	background:#eee;
	color:#555;
	font-size:14px;
	margin:20px 0 0 0;
	padding:10px 15px;
	}

	div#map-data-details div.inactive > p{
	display:inline-block;

	font-weight:bold;
	line-height:1em;

	margin:0;
	}
	div#map-data-details div.inactive div.contact-city-rep{
	font-style:italic;

	padding:10px 15px 5px 0px;
	}
	div#map-data-details div.inactive div.contact-city-rep a{
	}
	div#map-data-details div.inactive > p::before{
	content:'\f06a';
	font-family:'Font Awesome 6 Pro';
	font-weight:800;
	margin:0 7px 0 0;
	}

	div#map-data-details div.site-frequency{
	display:none;
	}

	/*

	div#map-data-details h3::before{


	color:#a0a0a0;
	content:'\f002';
	display:inline-block;
	font-family:'Font Awesome 6 Pro';

	font-weight:800;

	margin:0 5px 0 0;

	}
	div#map-data-details h3.trends::before{
	content:'\f017';
	font-weight:500;
	}
	div#map-data-details h3.pollution::before{
	content:'\f7e4';
	font-weight:800;
	}
	*/

	/* TREND */

	div#map-data-details div.trend-category{
	text-align:center;
	}
	div#map-data-details div.trend-category:last-of-type{
	border:none;
	}
	div#map-data-details div.trend{
	background:#fafaf7;
	background:#fff;
	margin:0;

	padding:30px 0;
	position:relative;
	text-align:center;
	}
	div#map-data-details div.trend-info{
	font-size:14px;
	line-height:1.4em;
	margin:0;
	padding:20px 0 0 0;

	text-align:center;

	}
	div#map-data-details div.trend div.trend-info span.max{

	border-bottom:0px solid #ff3b30;
	}
	div#map-data-details div.trend div.trend-info span.min{
	border-bottom:0px solid #34c759;
	}
	div#map-data-details div.trend div.trend-info span.percent-polluted{
	font-weight:bold;
	}
	div#map-data-details div.trend a.view-more-details{
	display:inline-block;
	margin:40px auto 10px auto;
	}
	div#map-data-details div.trend a.view-more-details::after{
	content:'\f054';
	display:inline-block;

	font-family:'Font Awesome 6 Pro';
	margin:0 0 0 7px;
	}
	div#map-data-details a.view-more-details{
	display:inline-block;
	margin:5px auto 35px auto;

	width:170px;

	}


	/* HORIZONTAL BAR GRAPH */

	div.horizontal-bar-graph-container{
	padding:0;
	text-align:left;

	}
	div.horizontal-bar-graph-container > div.horizontal-bar-graph{
	height:1.4em;

	padding:0px 0;
	}




	div.horizontal-bar-graph-container div.label{
	display:inline-block;
	height:1.5em;
	line-height:1.5em;
	padding:0 8px 0 0;

	text-align:right;
	vertical-align:top;


	width:110px;
	}
	div.horizontal-bar-graph-container div.horizontal-bar-graph.rank-1 div.graph div.horizontal-bar{
	background:#ccc;
	}
	div.horizontal-bar-graph-container div.horizontal-bar-graph.rank-1 div.label{
	}
	div.horizontal-bar-graph-container div.horizontal-bar-graph.rank-10 div.label{
	font-weight:bold;
	}
	div.horizontal-bar-graph-container div.horizontal-bar-graph.rank-10 div.horizontal-bar{
	background:#30B0C7;
	}  
	div.air-quality-grade-grade-F div.horizontal-bar-graph-container div.horizontal-bar-graph.rank-10 div.horizontal-bar{
	background:#184e59;
	}  
	div.air-quality-grade-grade-C-plus div.horizontal-bar-graph-container div.horizontal-bar-graph.rank-10 div.label{
	color:#248594;
	}
	div.air-quality-grade-grade-F div.horizontal-bar-graph-container div.horizontal-bar-graph.rank-10 div.label{
	color:#184e59;
	}
	div.horizontal-bar-graph-container div.graph,
	div.horizontal-bar-graph-container div.horizontal-bar{
	display:inline-block;
	height:100%;
	padding:0;
	width:calc(100% - 120px);

	vertical-align:top;
	}
	div.horizontal-bar-graph-container div.horizontal-bar{

	box-shadow:0 0 0 2px #fff;
	}

	/* PERCENT RATIO */


	div.percent-ratio-container{
	padding:0;
	text-align:center;
	}
	div.percent-ratio-container div.percent-ratio{
	background:#ccc;
	border:1px solid #fff;
	display:inline-block;
	font-weight:bold;
	height:35px;
	line-height:35px;
	padding:5px;
	position:relative;

	text-align:center;

	text-shadow: 0px 0px 2px rgba(0,0,0,0.5);
	vertical-align:bottom;

	width:10%;
	}

	div.percent-ratio-container.fit-width div.percent-ratio{
	border:none;
	box-shadow:0 0 0 2px #fff;
	}
	div.percent-ratio-container div.percent-ratio.rank-1{
	background:#34c759;
	background:#30B0C7;
	}
	div.percent-ratio-container div.percent-ratio div.title{
	bottom:-1.9em;
	color:#555;
	font-size:14px;
	font-weight:normal;
	left:0;

	line-height:2em;
	padding:0;
	position:absolute;
	text-shadow:none;
	width:100%;
	}
	div.trend div.trend-info span.percent-polluted::after{

	content:'%';
	}
	div.percent-ratio-container div.percent-ratio div.title.date{
	font-size:13px;
	line-height:1.2em;
	text-transform:uppercase;
	}
	div.percent-ratio div.title.date span.day{
	display:block;
	font-size:17px;
	line-height:1em;
	padding:0 0 0px 0;
	}


	/* TREND . TIMELINE */

	div#map-data-details div.trend.timeline div.percent-ratio{
	height:40px;
	width:40px;



	}
	div#map-data-details div.trend.timeline div.day-0{
	background:#e5e5e7;
	background:transparent;
	border:none;
	border-bottom:3px solid #d0d0d0;
	padding:0;

	position:relative;
	}
	div#map-data-details div.trend.timeline div.day-0::before{
	border-top:0px solid #ff3b30;
	content:'';
	display:block;
	height:1px;
	margin:20px 0 0 0;
	position:relative;
	width:100%;
	z-index:4;
	}
	div#map-data-details div.trend.timeline div.day-0:last-child::before,
	div#map-data-details div.trend.timeline div.day-0:nth-child(2)::before{
	background:#d0d0d0;
	border-radius:5px;
	content:'';
	height:10px;
	left:-5px;


	position:absolute;
	top:13px;
	width:10px;
	}
	div#map-data-details div.trend.timeline div.day-0:last-child::before{

	left:auto;
	right:-5px;
	}


	/* TREND . GRADE-COMPARISON */

	div#map-data-details div.grade-comparison{
	}

	div#map-data-details div.grade-comparison div.percent-ratio.rank-1{

	background:#d0d0d0;

	background:#d8d8d8;
	height:12px;
	}
	div#map-data-details div.grade-comparison div.percent-ratio.rank-10{

	background:#30B0C7;


	color:#fff;
	border-color:#fff;

	}
	div#map-data-details div.grade-comparison div.percent-ratio.rank-10 div.title{


	color:inherit;
	text-shadow:none;
	}
	/*
	div#map-data-details div.grade-comparison div.percent-ratio.rank-10.rank-1-fill{
	background: #34c759;
	}
	div#map-data-details div.grade-comparison div.percent-ratio.rank-10.rank-2-fill{
	background: #ffcc00;
	}
	div#map-data-details div.grade-comparison div.percent-ratio.rank-10.rank-2-fill div.title{
	color:#915d10;
	}
	div#map-data-details div.grade-comparison div.percent-ratio.rank-10.rank-3-fill,
	div#map-data-details div.grade-comparison div.percent-ratio.rank-10.rank-4-fill{

	background: #ff3b30;
	background:#30B0C7;
	}
	*/
	div#map-data-details div.grade-comparison div.percent-ratio div.title{
	display:none;
	}


	/* TREND . PROXIMITY */

	div#map-data-details div.trend.proximity{
	padding-top:10px;
	}

	div#map-data-details div.trend.proximity div.distance-ratio-container{
	border:1px solid #c0c0c0;

	border-radius:50%;
	height:200px;
	margin:20px auto 10px auto;
	position:relative;
	width:200px;
	}

	div#map-data-details div.trend.proximity div.distance-ratio-container::after,
	div#map-data-details div.trend.proximity div.distance-ratio-container::before{

	background:#c0c0c0;
	content:'';
	border-radius:50%;
	height:20px;
	left:calc(50% - 10px);
	margin:0;
	position:absolute;


	top:calc(50% - 10px);
	width:20px;
	z-index:0;


	}
	div#map-data-details div.trend.proximity div.distance-ratio-container::before{
	background:transparent;
	border:none;
	box-shadow:0 0 0 2px #c0c0c0;
	left:25%;
	height:50%;

	top:25%;

	width:50%;
	}
	div#map-data-details div.trend.proximity div.distance-ratio-container::after{
	background:transparent;

	color:#c0c0c0;
	content:'\f041';
	font-family:'Font Awesome 6 Pro';
	font-size:30px;

	font-weight:800;
	line-height:20px;
	}
	div#map-data-details div.trend.proximity div.distance-ratio-container div.location{
	height:14px;

	margin:-7px 0 0 -7px;
	position:absolute;
	width:14px;

	z-index:5;
	}
	div#map-data-details div.trend.proximity div.distance-ratio-container div.location::before{
	background:#fff;
	border-radius:50%;
	box-shadow: 0px 0px 7px #0005;
	color:#888;
	content:'\f46a';
	font-family:'Font Awesome 6 Pro';
	font-weight:800;
	height:30px;
	left:-4px;

	line-height:30px;
	top:-10px;
	position:absolute;
	text-align:center;
	width:30px;
	}

	div#map-data-details div.trend.proximity div.distance-ratio-container div.location div.title{
	display:none;
	}


	/* TREND . MIN-VIEW */

	div#map-data-details div.trend.min-view div.percent-ratio-container{

	display:none;
	}
	div#map-data-details div.trend.min-view div.trend-info span.max,
	div#map-data-details div.trend.min-view div.trend-info span.min{
	background:#ff3b30;
	border:none;
	color:#fff;
	font-weight:bold;
	padding:2px 6px;
	text-shadow: 0px 0px 2px rgba(0,0,0,0.2);
	}
	div#map-data-details div.trend.min-view div.trend-info span.min{
	background:#34c759;
	}

	/* SUMMARY */

	div#map-data-details div.section > div.summary{
	}
	div#map-data-details div.section div.summary span{
	}
	div#map-data-details div.section div.summary span.note{
	color:#888;
	float:right;
	}



	/* AIR QUALITY GRADE */



	div#map-data-details div#site-section-air-monitor-grade{
	margin:0 0 50px 0;
	text-align:center;
	}
	div#map-data-details div#site-section-air-monitor-grade > div.grade{
	margin:0 0 10px 0;
	text-align:center;

	}
	div#map-data-details div#site-section-air-monitor-grade div.grade div.grade-title{
	color:#fff;
	font-size:1.2em;
	font-weight:300;
	line-height:1.4em; 
	margin:0 auto 20px auto;
	}
	div#map-data-details div#site-section-air-monitor-grade div.grade div.grade-title::after{
	content:' Grade';
	}


	div#map-data-details div#site-section-air-monitor-grade div.grade-letter{
	color:#fff;
	border-radius:50%;


	display:inline-block;

	font-size:40px;
	font-weight:bold;
	height:80px;
	line-height:80px;
	padding-top:0px;
	position:relative;
	text-align:center;
	width:80px;

	}
	div#map-data-details div#site-section-air-monitor-grade div.air-monitor-options{
	background:#ddd;
	border-radius:30px;

	display:inline-block;
	display:none;
	padding:10px 15px;
	text-align:center;
	}
	div#map-data-details div#site-section-air-monitor-grade div.air-monitor-options span.select2-selection{
	background:#eeedee;
	background:#fff;
	border:none;
	border-top-right-radius:40px;
	border-bottom-right-radius:40px;
	box-shadow:0 1px 2px rgba(60,64,67,0.3),0 1px 3px 1px rgba(60,64,67,0.15);
	height:auto;

	font-size:0.9em;
	padding:5px 10px;
	padding:0px 10px 2px 5px;
	text-align:left;
	}
	div#map-data-details div#site-section-air-monitor-grade div.air-monitor-options > span.select2-container:first-of-type span.select2-selection{
	padding-left:22px;
	border-top-left-radius:40px;
	border-bottom-left-radius:40px;
	border-top-right-radius:0px;
	border-bottom-right-radius:0px;


	}
	div#map-data-details div#site-section-air-monitor-grade div.air-monitor-options > span.select2-container span.select2-selection{



	}
	div#map-data-details div#site-section-air-monitor-grade div.air-monitor-options > span.select2-container:first-of-type span.select2-selection::before{
	color:#30B0C7;
	content:'\f041';
	display: inline-block;
	font-family:'Font Awesome 6 Pro';


	font-size:15px;

	font-weight:900;
	left:12px;
	position:absolute;
	text-align:center;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	top:4px;
	}

	/* RELATIVE POLLUTION LEVELS */

	div#site-section-relative-pollution-levels div.summary span.percent-polluted{
	font-weight:bold;

	}
	div#site-section-relative-pollution-levels div.summary span.percent-polluted::after{
	content:'%';  
	}
	div#map-data-details div#site-section-relative-pollution-levels div.summary.rank-1 span.percent-polluted{
	display:none;
	}





	/* SITE POLLUTION TRENDS */

	div#map-data-details div#site-section-pollution-trends div.summary{
	padding-right:65px;
	}
	div#map-data-details div#site-section-pollution-trends div.summary > div.titles,
	div#map-data-details div#site-section-pollution-trends div.summary div.trend-summary{
	display:inline-block;
	margin:0 15px 0 0;
	width:50px;
	}
	div#map-data-details div#site-section-pollution-trends div.summary div.trend-summary:last-child{
	margin:0;
	}
	div#map-data-details div#site-section-pollution-trends div.summary > div.titles{
	vertical-align:bottom;
	width:40px;
	}
	div#map-data-details div#site-section-pollution-trends div.summary > div.titles span{
	display:block;
	color:#1a4e59;
	font-weight:bold;
	height:30px;
	line-height:30px;
	margin-right:5px;
	text-align:right;
	}
	div#map-data-details div#site-section-pollution-trends div.summary > div.titles span.least{
	color:#289eb3;
	text-shadow: 0px 0px 2px rgba(255,255,255,0.9);
	}
	div#map-data-details div#site-section-pollution-trends div.summary div.trend-summary span.title{
	display:block;

	margin:0 0 5px 0;
	}
	div#map-data-details div#site-section-pollution-trends div.summary div.trend-summary span.most,
	div#map-data-details div#site-section-pollution-trends div.summary div.trend-summary span.least{
	background:#1a4e59;
	color:#fff;
	display:block;
	font-weight:bold;
	height:30px;
	line-height:30px;
	text-align:center;  
	}

	div#map-data-details div#site-section-pollution-trends:not(.expanded) div.summary div.titles span.least,
	div#map-data-details div#site-section-pollution-trends:not(.expanded) div.summary div.trend-summary span.least{
	display:none;
	}
	div#map-data-details div#site-section-pollution-trends:not(.expanded) div.summary div.titles span.most{
	visibility:hidden;
	}
	div#map-data-details div#site-section-pollution-trends div.summary div.trend-summary span.least{
	background:#30b0c7;
	text-shadow: 0px 0px 2px rgba(50,50,50,.5);
	}
	div#map-data-details div#site-pollution-trends-summary thead th{
	border:none;
	font-weight:normal;
	}
	div#map-data-details div#site-pollution-trends-summary td{
	border-bottom:8px solid #e5e5e7;
	}
	div#map-data-details div#site-pollution-trends-summary td.most{
	background:#1a4e59;
	color:#fff;
	font-weight:bold;
	text-align:center;
	}
	div#map-data-details div#site-pollution-trends-summary td.least{
	background:#30b0c7;
	color:#fff;
	font-weight:bold;

	text-align:center;
	text-shadow: 0px 0px 3px rgba(0,0,0,0.4);
	}
	div#map-data-details div#site-pollution-trends-summary td.trend-title{
	padding-right:15px;
	text-align:right;
	}


	/* PARAMETER GRADES */

	div#map-data-details div#site-parameter-grades{
	padding-left:0px;
	padding-right:0px;
	}

	div#map-data-details div.air-quality-grades > div.view-parameter_grades{
	clear:both;
	text-align:center;
	}
	div#map-data-details div.air-quality-grades div.parameter-grade{
	display:inline-block;
	margin:5px 0px;
	text-align:center;
	vertical-align:bottom;
	width:65px;
	}
	div#map-data-details div.air-quality-grades div.parameter-grade:nth-child(6),
	div#map-data-details div.air-quality-grades div.parameter-grade:nth-child(7){
	}
	div#map-data-details div.air-quality-grades div.parameter-grade div.name{
	display:block;
	font-size:14px;
	line-height:1em;
	margin:0 0 10px 0;
	}
	div#map-data-details div.air-quality-grades div.parameter-grade div.grade-letter{
	border-radius:50%;
	color:#fff;
	display:inline-block;
	font-size:14px;
	font-weight:bold;
	height:30px;


	letter-spacing:-0.05em;
	line-height:30px;
	padding:0;
	text-align:center;
	width:30px;
	}
	div#map-data-details div.air-quality-grades div.trend-info span{
	font-weight:bold;
	}

	div#map-data-details div.air-quality-grades div.trend-info span::after{
	content:'s';
	}

	div#map-data-details div.air-quality-grades div.trend-info.count-1 span::after{
	content:'';
	}

	/* POLLUTION SOURCES NEARBY */


	div#site-section-pollution-sources-nearby div.summary span.pollution-events-count::after{
	content:'s';
	}
	div#site-section-pollution-sources-nearby div.summary span.pollution-events-count.count-1::after{
	content:'';
	}

	/* AIR MONITOR DETAILS */

	div#map-data-details div#air-monitor-details h3{

	margin:0;
	padding:0;
	text-align:center;
	}

	div#map-data-details div#air-monitor-details > div{
	display:inline-block;
	vertical-align:top;

	margin:0 2%;
	width:28%;

	}

	/* SITE COMPARISON */


	div#map-data-details div#site-comparison-details{
	}
	div#Xmap-site-details div#site-comparison-details div.is-init div.horizontal-bar-graph{
	height:0px;

	opacity:0;
	visibility:hidden;
	}
	div#map-data-details div.section.expanded div#site-comparison-details div.horizontal-bar-graph,
	div#map-data-details div.section.minimized div#site-comparison-details div.horizontal-bar-graph{
	transition:height 0.5s ease-out, visibility .5s, opacity .2s ease-out;  
	}
	div#map-data-details div.section.expanded div#site-comparison-details div.horizontal-bar-graph{
	height:1.6em;
	opacity:1;
	visibility:visible;
	}
	div#map-data-details div#site-comparison-details div.is-init div.horizontal-bar-graph:nth-of-type(2),
	div#map-data-details div#site-comparison-details div.is-init div.horizontal-bar-graph.rank-10{
	height:1.6em;
	opacity:1;
	visibility:visible;

	}


	div#map-data-details div#site-comparison-details div.horizontal-bar-graph:not(.rank-10):last-child{
	display:block;
	height:1px;
	padding-top:2px;

	overflow:hidden;
	}
	div#map-data-details div#site-comparison-details div.percent-ratio{
	width:9%;
	}
	div#X_map-site-details div#site-comparison-details div.percent-ratio.rank-1{

	width:6%;
	}

	div#X_map-site-details div#site-comparison-details.count-14 div.percent-ratio.rank-1{

	width:6.2%;
	}


	div#X_map-site-details div#site-comparison-details.count-15 div.percent-ratio.rank-1{
	width:6%;
	}
	div#map-data-details div#site-section-relative-pollution-levels div.summary::after,
	div#map-data-details div#site-comparison-details div.trend-info::after{
	content:' more polluted than the cleanest site';
	}
	div#map-data-details div#site-comparison-details div.percent-ratio.rank-1{
	height:30px;
	}

	div#map-data-details div#site-comparison-details div.trend-info.rank-1 span.percent-polluted{
	display:none;
	}


	div#map-data-details div#site-section-relative-pollution-levels div.summary.rank-1::after,
	div#map-data-details div#site-comparison-details div.trend-info.rank-1::after{
	content:'This is the least polluted site';
	}
	div#map-data-details div#site-comparison-details div.percent-ratio.rank-10 div.title{

	display:block;
	line-height:30px;
	}

	/* HOURLY TREND */

	div#map-data-details div#site-average-hourly-details div.percent-ratio.rank-1,
	div#map-data-details div#site-average-hourly-details div.percent-ratio{
	height:14px;
	line-height:50px;

	}
	div#map-data-details div#site-average-hourly-details div.percent-ratio.rank-1{
	}
	div#map-data-details div#site-average-hourly div.percent-ratio.rank-24{
	background:#184e59;
	}

	div#map-data-details div#site-average-hourly-details div.percent-ratio{
	padding:0;
	width:3.2%;
	width:4%;

	}
	div#map-data-details div#site-average-hourly-details div.percent-ratio div.title{
	display:none;
	}


	/* WEEKDAY TREND */

	div#map-data-details div#site-average-weekday-details div.percent-ratio{
	height:35px;
	width:14%;
	}
	div#map-data-details div#site-average-weekday div.percent-ratio.rank-7{
	background:#184e59;
	}
	div#map-data-details div.trend div.trend-info span.max-day::after,
	div#map-data-details div.trend div.trend-info span.min-day::after{
	content:'s';
	}



	/* MONTH TREND */




	div#map-data-details div#site-average-month-details div.percent-ratio{


	height:30px;
	line-height:30px;
	width:8.2%;

	}

	div#map-data-details div#site-average-month div.percent-ratio.rank-12{
	background:#ff3b30;

	background:#184e59;
	}


	/* MOST POLLUTED DAYS */

	div#map-data-details div#site-most-polluted-days-details div.percent-ratio-container{
	}
	div#map-data-details div#site-most-polluted-days-details div.percent-ratio.rank-10{
	background:#c0c0c0;

	background:#ff3b30;
	border-color:#f0f0f3;
	}






	div#map-data-details div#site-most-polluted-days-details div.day-0 div.title{
	display:none;
	}

	/* POLLUTION EVENTS */

	div#map-data-details div#site-pollution-events div.percent-ratio{
	}
	div#map-data-details div#site-pollution-events div.day-0{
	}


	div#map-data-details div#site-pollution-events div.day-0 div.title{
	display:none;
	}
	div#map-data-details div#site-pollution-events div.percent-ratio.rank-10{
	background:#ff3b30;
	background:#ff3b30;
	background:#888;

	padding-top:70px;
	position:relative;
	}
	div#map-data-details div#site-pollution-events div.percent-ratio.rank-10 div.title::before{
	color:#fff;
	content:'\f7e4';
	display:block;
	font-family:'Font Awesome 6 Pro';
	font-size:20px;
	font-weight:800;
	margin:0px 0 10px 0;
	}

	div#map-data-details div#site-pollution-events-details div.trend-info span.pollution-events-count{
	font-weight:bold;
	}

	div#map-data-details div#site-pollution-events-details div.trend-info::before{
	content:'There were ';


	}
	div#map-data-details div#site-pollution-events-details div.trend-info.count-1::before{
	content:'There was ';

	}

	div#map-data-details div#site-pollution-events-details div.trend-info span.pollution-events-count::after{

	content:'s';
	}
	div#map-data-details div#site-pollution-events-details div.trend-info.count-1 span.pollution-events-count::after{
	content:'';
	}

	/* NEARBY SOURCES */

	div#map-data-details div#site-nearby-sources div.location::before{
	color:#444;

	text-shadow:0px 0px 2px #fff;
	}
	div#map-data-details div#site-nearby-sources-details div.trend-info::before{

	content:'There are ';
	}
	div#map-data-details div#site-nearby-sources-details div.trend-info.count-1::before{

	content:'There is ';

	}
	div#map-data-details div#site-nearby-sources-details div.trend-info span.pollution-events-count{
	font-weight:bold;

	}
	div#map-data-details div#site-nearby-sources-details div.trend-info span.pollution-events-count::after{
	content:'s';
	}
	div#map-data-details div#site-nearby-sources-details div.trend-info.count-1 span.pollution-events-count::after{
	content:'';
	}

	/* HEALTH COMPARISONS */




	div#map-data-details div#site-health-comparison-details div.site.rank-1,
	div#map-data-details div#site-select-health-comparison-details div.site.rank-1{
	}
	div#map-data-details div#site-health-comparison-details div.trend-info::after{
	content:' more unhealthy than the healthiest area';
	}
	div#map-data-details div#site-health-comparison-details div.trend-info span.percent-unhealthy,
	div#map-data-details div#site-select-health-comparison-details div.trend-info span.percent-unhealthy{
	font-weight:bold;
	}
	div#map-data-details div#site-select-health-comparison-details div.trend-info span.percent-unhealthy::after,
	div#map-data-details div#site-health-comparison-details div.trend-info span.percent-unhealthy::after{
	content:'%';
	}
	div#map-data-details div#site-select-health-comparison-details div.trend-info.rank-1 span.percent-unhealthy,
	div#map-data-details div#site-health-comparison-details div.trend-info.rank-1 span.percent-unhealthy{
	display:none;
	}
	div#map-data-details div#site-health-comparison-details div.trend-info.rank-1::after{
	content:'the healthiest area in El Paso';

	}

	div#map-data-details div#site-select-health-comparison-details div.percent-ratio,
	div#map-data-details div#site-health-comparison-details div.percent-ratio{
	height:15px;
	padding-left:0px;
	padding-right:0px;
	padding:0;

	width:1.7%;

	}
	div#map-data-details div#site-select-health-comparison-details div.percent-ratio.rank-10,

	div#map-data-details div#site-health-comparison-details div.percent-ratio.rank-10{
	line-height:30px;


	}

	/* SELECT HEALTH COMPARISONS */




	div#map-data-details div#site-select-health-comparison-details{
	padding:0px;
	}

	div#map-data-details div#site-select-health-comparison-details div.trend-info::after{

	content:' higher';
	}
	div#map-data-details div#site-select-health-comparison-details div.trend-info.rank-1::after{
	content:'the lowest in El Paso';
	}

	/* RACE COMPARISONS */

	div#map-data-details div#site-race-comparison-details div.population{
	height:250px;
	display:inline-block;

	position:relative;
	vertical-align:bottom;
	width:19%;
	}
	div#map-data-details div#site-race-comparison-details div.population div.percent{
	background:#8f9e85;
	bottom:25px;
	height:250px;
	left:0;

	position:absolute;
	width:46%;
	vertical-align:bottom;
	}
	div#map-data-details div#site-race-comparison-details div.population div.percent.key-region{
	background:#d7d7d7;
	left:46%;
	}
	div#map-data-details div#site-race-comparison-details div.population div.percent div.value{

	display:block;
	font-size:13px;
	font-weight:normal;

	left:0px;
	line-height:1em;
	position:absolute;
	text-align:center;
	top:-20px;
	width:100%;


	}
	div#map-data-details div#site-race-comparison-details div.population div.percent div.value::after{
	content:'%';
	color:#888;
	font-size:12px;
	line-height:14px;


	}
	div#map-data-details div#site-race-comparison-details div.population div.title{
	bottom:0px;
	font-size:14px;
	position:absolute;

	text-align:center;
	width:100%;
	}
	div#map-data-details div#site-race-comparison-details div.trend-info span::before{
	background:#8f9e85;
	border:none;

	content:'';
	display:inline-block;
	height:15px;
	margin:0 5px 0 15px;
	vertical-align:middle;
	width:15px;

	}
	div#map-data-details div#site-race-comparison-details div.trend-info span.region-average::before{
	background:#d7d7d7;
	}

	/* MAP SITE DETAILS SUB */

	div#map-data-details-sub{
	width:40%;
	}


	div#map-data-details-sub div.offcanvas-header{
	padding:1.5rem 1rem 0.5rem 1rem;
	justify-content:start;
	}
	div#map-data-details-sub div.offcanvas-header h4{
	color:#555;

	font-size:15px;
	left:70px;
	position:absolute;
	top:11px;
	}  

	div#map-data-details-sub div.offcanvas-header h5{

	}
	div#map-data-details-sub div.offcanvas-header button{
	background:transparent;
	margin-right:10px;
	margin-top:-17px;

	}
	div#map-data-details-sub div.offcanvas-header button::before{
	display:none;
	}
	div#map-data-details-sub div.offcanvas-header button::after{
	content:'\f053';
	font-family:'Font Awesome 6 Pro';


	font-size:22px;
	}

	div#map-census-tract-details{

	width:500px;
	}


	/* INTRODUCTION OFFCANVAS */


	div#introduction-details{
	}

	div#introduction-details div.offcanvas-header{
	background:#b4c9cf url("/images/problem-image.jpg") center top no-repeat;
	background-size:100% auto;
	background:#b7c9d0;  
	}
	div#introduction-details div.offcanvas-header h5{
	font-weight:normal;
	}
	div#introduction-details.introduction-plan div.offcanvas-header{
	background-color:#fff;
	background-image:url("/images/plan-image.jpg");
	}
	div#introduction-details.introduction-plan div.offcanvas-header h5{
	color:#005ea2;
	}
	div#introduction-details.introduction-goal div.offcanvas-header{
	background-color:#51abd5;
	background:#b4c9cf url("/images/goal-image.jpg") center center no-repeat;
	}
	div#introduction-details.introduction-goal div.offcanvas-header h5{

	color:#262262;
	}
	div#introduction-details.introduction-problem div.offcanvas-header h5::before{
	content:'Problem';  
	}
	div#introduction-details.introduction-plan div.offcanvas-header h5::before{
	content:'Plan';  
	}
	div#introduction-details.introduction-goal div.offcanvas-header h5::before{
	content:'Goal';
	}
	div#introduction-details div.offcanvas-body > div{

	display:none;
	}
	div#introduction-details.introduction-problem div.offcanvas-body > div.problem,


	div#introduction-details.introduction-plan div.offcanvas-body > div.plan,
	div#introduction-details.introduction-goal div.offcanvas-body > div.goal{

	display:flex;
	}
	div#introduction-details div.offcanvas-body h1{


	color:#444;
	}


	div#introduction-details div.offcanvas-body h2{
	color:#555;
	}

	/* HEAT MAP THEME COLORS */

	div.color-blue div.level-1-bg-color:not([class*="color-"]),
	div.color-blue div.level-1,
	div.color-blue.level-1-bg-color,
	div.map-legend div.legend.color-blue div.levels > div.level-1,
	div.map-info.color-blue span.level-1,
	div#blue-map-theme-colors div.level-1,
	div.color-blue div.level-2-bg-color:not([class*="color-"]),
	div.color-blue.level-2-bg-color,
	div.color-blue div.level-2,
	div.map-legend div.legend.color-blue div.levels > div.level-2,
	div.map-info.color-blue span.level-2,
	div#blue-map-theme-colors div.level-2{ background:#cce8ff; }

	div.color-blue div.level-3-bg-color:not([class*="color-"]),
	div.color-blue.level-3-bg-color:not([class*="color-"]),
	div.color-blue div.level-3,
	div#metric-display-options div.display-option a.color.blue span,

	div.map-legend div.legend.color-blue div.levels > div.level-3,
	div.map-info.color-blue span.level-3,
	div#blue-map-theme-colors div.level-3,
	div.color-blue div.level-4-bg-color:not([class*="color-"]),
	div.color-blue.level-4-bg-color,
	div.color-blue div.level-4,
	div.map-legend div.legend.color-blue div.levels > div.level-4,
	div.map-info.color-blue span.level-4,
	div#blue-map-theme-colors div.level-4{ background:#7fc4fd; }

	div.color-blue div.level-5-bg-color:not([class*="color-"]),
	div.color-blue.level-5-bg-color,
	div.color-blue div.level-5,
	div.map-legend div.legend.color-blue div.levels > div.level-5,
	div.map-info.color-blue span.level-5,
	div#blue-map-theme-colors div.level-5,
	div.color-blue div.level-6-bg-color:not([class*="color-"]),
	div.color-blue.level-6-bg-color:not([class*="color-"]),
	div.color-blue div.level-6,
	div#metric-display-options div.display-option a.color.blue span,
	div#metrics-list div.metric-category div.metric.active div.metric-variables a.edit-style.color-blue span,
	div.map-legend div.legend.color-blue div.levels > div.level-6,
	div.map-info.color-blue span.level-6,
	div#blue-map-theme-colors div.level-6{ background:#459ee6; }


	div.color-blue div.level-7-bg-color:not([class*="color-"]),
	div.color-blue.level-7-bg-color:not([class*="color-"]),
	div.color-blue div.level-7,
	div.map-legend div.legend.color-blue div.levels > div.level-7,
	div.map-info.color-blue span.level-7,

	div#blue-map-theme-colors div.level-7,
	div.color-blue div.level-8-bg-color:not([class*="color-"]),
	div.color-blue.level-8-bg-color:not([class*="color-"]),
	div.color-blue div.level-8,
	div.map-legend div.legend.color-blue div.levels > div.level-8,
	div.map-info.color-blue span.level-8,
	div#blue-map-theme-colors div.level-8{ background:#0171cc; }

	div.color-blue.level-9-bg-color:not([class*="color-"]),
	div.color-blue div.level-9-bg-color:not([class*="color-"]),
	div.color-blue div.level-9,
	div.map-legend div.legend.color-blue div.levels > div.level-9,
	div.map-info.color-blue span.level-9,
	div#blue-map-theme-colors div.level-9,
	div.color-blue.level-10-bg-color:not([class*="color-"]),
	div.color-blue div.level-10-bg-color:not([class*="color-"]),
	div.color-blue div.level-10,
	div.map-legend div.legend.color-blue div.levels > div.level-10,
	div.map-info.color-blue span.level-10,
	div#blue-map-theme-colors div.level-10,
	div.color-blue.level-11-bg-color:not([class*="color-"]),
	div.color-blue div.level-11-bg-color:not([class*="color-"]),
	div.color-blue div.level-11,
	div.map-legend div.legend.color-blue div.levels > div.level-11,
	div.map-info.color-blue span.level-11,
	div#blue-map-theme-colors div.level-11{ background:#043c5b; }



	div.color-red div.level-1,
	div.map-legend div.legend.color-red div.levels > div.level-1,
	div.map-info.color-red span.level-1,
	div#red-map-theme-colors div.level-1{ background:#ffd3cc; }

	div.color-red div.level-2,
	div.map-legend div.legend.color-red div.levels > div.level-2,
	div.map-info.color-red span.level-2,
	div#red-map-theme-colors div.level-2{ background:#fd937f; }

	div.color-red div.level-3,

	div#metric-display-options div.display-option a.color.red span,
	div#metrics-list div.metric-category div.metric.active div.metric-variables a.edit-style.color-red span,
	div.map-legend div.legend.color-red div.levels > div.level-3,
	div.map-info.color-red span.level-3,
	div#red-map-theme-colors div.level-3{ background:#e65c45; }

	div.color-red div.level-4,
	body div.map-legend div.legend.color-red.display-size_markers div.levels > div,
	div.map-legend div.legend.color-red div.levels > div.level-4,
	div.map-info.color-red span.level-4,
	div#red-map-theme-colors div.level-4{ background:#cc1d01; }

	div.color-red div.level-5,
	div.map-legend div.legend.color-red div.levels > div.level-5,
	div.map-info.color-red span.level-5,
	div#red-map-theme-colors div.level-5{ background:#800100; }

	div.color-red div.level-6,
	div.map-legend div.legend.color-red div.levels > div.level-6,
	div.map-info.color-red span.level-6,
	div#red-map-theme-colors div.level-6{ background:#800100; }


	div.color-gray div.level-1-bg-color:not([class*="color-"]),
	div.color-gray div.level-1,
	div.map-legend div.legend.color-gray div.levels > div.level-1,
	div.map-info.color-gray span.level-1,
	div#gray-map-theme-colors div.level-1{ background:#e0e0e3; }

	div.color-gray div.level-2-bg-color:not([class*="color-"]),
	div.color-gray div.level-2,
	div.map-legend div.legend.color-gray div.levels > div.level-2,
	div.map-info.color-gray span.level-2,
	div#gray-map-theme-colors div.level-2{ background:#c0c1c4; }

	div.color-gray div.level-3-bg-color:not([class*="color-"]),
	div.color-gray div.level-3,
	div#metric-display-options div.display-option a.color.gray span,
	div#metrics-list div.metric-category div.metric.active div.metric-variables a.edit-style.color-gray span,
	div.map-legend div.legend.color-gray div.levels > div.level-3,
	div.map-info.color-gray span.level-3,
	div#gray-map-theme-colors div.level-3{ background:#808184; }

	div.color-gray div.level-4-bg-color:not([class*="color-"]),
	div.color-gray div.level-4,
	body div.map-legend div.legend.color-gray.display-size_markers div.levels > div,
	div.map-legend div.legend.color-gray div.levels > div.level-4,
	div.map-info.color-gray span.level-4,
	div#gray-map-theme-colors div.level-4{ background:#535457; }

	div.color-gray div.level-5-bg-color:not([class*="color-"]),
	div.color-gray div.level-5,
	div.map-legend div.legend.color-gray div.levels > div.level-5,
	div.map-info.color-gray span.level-5,
	div#gray-map-theme-colors div.level-5{ background:#080909; }

	div.color-gray div.level-6-bg-color:not([class*="color-"]),
	div.color-gray div.level-6,

	div.map-legend div.legend.color-gray div.levels > div.level-6,
	div.map-info.color-gray span.level-6,
	div#gray-map-theme-colors div.level-6{ background:#080909; }


	div.color-pink div.level-1-bg-color:not([class*="color-"]),

	div.map-legend div.legend.color-pink div.levels > div.level-1,
	div.map-info.color-pink span.level-1,
	div#pink-map-theme-colors div.level-1,
	div.color-pink div.level-2-bg-color:not([class*="color-"]),
	div.map-legend div.legend.color-pink div.levels > div.level-2,
	div.map-info.color-pink span.level-2,
	div#pink-map-theme-colors div.level-2{ background:#fcd4f1; }


	div.color-pink div.level-3-bg-color:not([class*="color-"]),
	div.map-legend div.legend.color-pink div.levels > div.level-3,
	div.map-info.color-pink span.level-3,
	div#pink-map-theme-colors div.level-3,
	div.color-pink div.level-4-bg-color:not([class*="color-"]),
	div.map-legend div.legend.color-pink div.levels > div.level-4,
	div.map-info.color-pink span.level-4,
	div#pink-map-theme-colors div.level-4{ background:#f7b0e0; }

	div.color-pink div.level-5-bg-color:not([class*="color-"]),
	div#metric-display-options div.display-option a.color.pink span,
	div#metrics-list div.metric-category div.metric.active div.metric-variables a.edit-style.color-pink span,
	div.map-legend div.legend.color-pink div.levels > div.level-5,
	div.map-info.color-pink span.level-5,
	div#pink-map-theme-colors div.level-5,
	div.color-pink div.level-6-bg-color:not([class*="color-"]),
	div.color-pink div.level-6,
	div.map-legend div.legend.color-pink div.levels > div.level-6,
	div.map-info.color-pink span.level-6,
	div#pink-map-theme-colors div.level-6{ background:#db83c5; }

	div.color-pink div.level-7-bg-color:not([class*="color-"]),
	div.color-pink div.level-7,

	body div.map-legend div.legend.color-pink.display-size_markers div.levels > div,
	div.map-legend div.legend.color-pink div.levels > div.level-7,
	div.map-info.color-pink span.level-7,
	div#pink-map-theme-colors div.level-7,
	div.color-pink div.level-8-bg-color:not([class*="color-"]),
	div.color-pink div.level-8,
	body div.map-legend div.legend.color-pink.display-size_markers div.levels > div,
	div.map-legend div.legend.color-pink div.levels > div.level-8,
	div.map-info.color-pink span.level-8,
	div#pink-map-theme-colors div.level-8{ background:#cc4aa1; }


	div.color-pink div.level-9-bg-color:not([class*="color-"]),
	div.color-pink div.level-9,
	div.map-legend div.legend.color-pink div.levels > div.level-9,
	div.map-info.color-pink span.level-9,
	div#pink-map-theme-colors div.level-9,
	div.color-pink div.level-10-bg-color:not([class*="color-"]),
	div.color-pink div.level-10,
	div.map-legend div.legend.color-pink div.levels > div.level-10,
	div.map-info.color-pink span.level-10,
	div#pink-map-theme-colors div.level-10,
	div.color-pink div.level-11-bg-color:not([class*="color-"]),
	div.color-pink div.level-11,
	div.map-legend div.legend.color-pink div.levels > div.level-11,
	div.map-info.color-pink span.level-11,
	div#pink-map-theme-colors div.level-11{ background:#7f194c; }





	div.color-green div.level-1-bg-color:not([class*="color-"]),
	div.color-green div.level-1,
	div.map-legend div.legend.color-green div.levels > div.level-1,
	div.map-info.color-green span.level-1,
	div#green-map-theme-colors div.level-1{ background:#f2fcfa; }

	div.color-green div.level-2-bg-color:not([class*="color-"]),
	div.color-green div.level-2,
	div.map-legend div.legend.color-green div.levels > div.level-2,
	div.map-info.color-green span.level-2,
	div#green-map-theme-colors div.level-2{ background:#dcf7f0; }

	div.color-green div.level-3-bg-color:not([class*="color-"]),


	div.color-green div.level-3,
	div#metric-display-options div.display-option a.color.green span,
	div#metrics-list div.metric-category div.metric.active div.metric-variables a.edit-style.color-green span,
	div.map-legend div.legend.color-green div.levels > div.level-3,
	div.map-info.color-green span.level-3,
	div#green-map-theme-colors div.level-3{ background:#99e7d8; }

	div.color-green div.level-4-bg-color:not([class*="color-"]),
	div.color-green div.level-4,

	body div.map-legend div.legend.color-green.display-size_markers div.levels > div,
	div.map-legend div.legend.color-green div.levels > div.level-4,
	div.map-info.color-green span.level-4,
	div#green-map-theme-colors div.level-4{ background:#4ed4bb; }

	div.color-green div.level-5-bg-color:not([class*="color-"]),
	div.color-green div.level-5,
	div.map-legend div.legend.color-green div.levels > div.level-5,
	div.map-info.color-green span.level-5,
	div#green-map-theme-colors div.level-5{ background:#079e81; }

	div.color-green div.level-6-bg-color:not([class*="color-"]),
	div.color-green div.level-6,
	div.map-legend div.legend.color-green div.levels > div.level-6,
	div.map-info.color-green span.level-6,
	div#green-map-theme-colors div.level-6{ background:#079e81; }



	div.map-legend div.legend.color-fire div.levels > div.level-1,
	div.map-info.color-fire span.level-1,
	div#fire-map-theme-colors div.level-1{ background:#ffffb2; }


	div.map-legend div.legend.color-fire div.levels > div.level-2,
	div.map-info.color-fire span.level-2,
	div#fire-map-theme-colors div.level-2{ background:#fed976; }

	div.map-legend div.legend.color-fire div.levels > div.level-3,
	div.map-info.color-fire span.level-3,
	div#fire-map-theme-colors div.level-3{ background:#fd8d3c; }

	body div.map-legend div.legend.color-fire.display-size_markers div.levels > div,
	div.map-legend div.legend.color-fire div.levels > div.level-4,
	div.map-info.color-fire span.level-4,
	div#fire-map-theme-colors div.level-4{ background:#e31a1c; }

	div.map-legend div.legend.color-fire div.levels > div.level-5,
	div.map-info.color-fire span.level-5,
	div#fire-map-theme-colors div.level-5{ background:#810026; }

	div.map-legend div.legend.color-fire div.levels > div.level-6,
	div.map-info.color-fire span.level-6,
	div#fire-map-theme-colors div.level-6{ background:#810026; }





	/* TREND COLORS WITH OFFSETS */

	/*
	div.map-legend div.legend.color-trend-4 div.levels > div.level-1,
	div.map-info.color-trend-4 span.level-1,
	div#trend-4-map-theme-colors div.level-1,

	div.map-legend div.legend.color-trend-5 div.levels > div.level-1,
	div.map-info.color-trend-5 span.level-1,
	div#trend-5-map-theme-colors div.level-1,

	div.map-legend div.legend.color-trend-3 div.levels > div.level-1,
	div.map-info.color-trend-3 span.level-1,
	div#trend-3-map-theme-colors div.level-1{ background:#f3f2a9; }


	div.map-legend div.legend.color-trend-2 div.levels > div.level-1,
	div.map-info.color-trend-2 span.level-1,
	div#trend-2-map-theme-colors div.level-1,

	div.map-legend div.legend.color-trend-5 div.levels > div.level-2,
	div.map-info.color-trend-5 span.level-2,
	div#trend-5-map-theme-colors div.level-2{ background:#f6f5bf; }


	div.map-legend div.legend.color-trend-4 div.levels > div.level-2,
	div.map-info.color-trend-4 span.level-2,
	div#trend-4-map-theme-colors div.level-2,


	div.map-legend div.legend.color-trend-5 div.levels > div.level-3,

	div.map-info.color-trend-5 span.level-3,
	div#trend-5-map-theme-colors div.level-3,

	div.map-legend div.legend.color-trend-3 div.levels > div.level-2,
	div.map-info.color-trend-3 span.level-2,
	div#trend-3-map-theme-colors div.level-2{ background:#f9f9d4; }

	div.map-legend div.legend.color-trend-4 div.levels > div.level-3,
	div.map-info.color-trend-4 span.level-3,
	div#trend-4-map-theme-colors div.level-3,

	div.map-legend div.legend.color-trend-5 div.levels > div.level-4,
	div.map-info.color-trend-5 span.level-4,
	div#trend-5-map-theme-colors div.level-4{ background:#fcfcea; }


	div.map-legend div.legend.color-trend-4 div.levels > div.level-4,
	div.map-info.color-trend-4 span.level-4,
	div#trend-4-map-theme-colors div.level-4,

	div.map-legend div.legend.color-trend-2 div.levels > div.level-2,
	div.map-info.color-trend-2 span.level-2,
	div#trend-2-map-theme-colors div.level-2,

	div.map-legend div.legend.color-trend-5 div.levels > div.level-5,
	div.map-info.color-trend-5 span.level-5,
	div#trend-5-map-theme-colors div.level-5,

	div.map-legend div.legend.color-trend-1 div.levels > div.level-1,

	div.map-info.color-trend-1 span.level-1,
	div#trend-1-map-theme-colors div.level-1,

	div.map-legend div.legend.color-trend-3 div.levels > div.level-3,
	div.map-info.color-trend-3 span.level-3,
	div#trend-3-map-theme-colors div.level-3{ background:#e6e6e6; }

	div.map-legend div.legend.color-trend-4 div.levels > div.level-5,
	div.map-info.color-trend-4 span.level-5,
	div#trend-4-map-theme-colors div.level-5,

	div.map-legend div.legend.color-trend-2 div.levels > div.level-3,
	div.map-info.color-trend-2 span.level-3,
	div#trend-2-map-theme-colors div.level-3,

	div.map-legend div.legend.color-trend-1 div.levels > div.level-2,
	div.map-info.color-trend-1 span.level-2,
	div#trend-1-map-theme-colors div.level-2{ background:#ead4ff; }


	div.map-legend div.legend.color-trend-2 div.levels > div.level-4,
	div.map-info.color-trend-2 span.level-4,
	div#trend-2-map-theme-colors div.level-4,

	div.map-legend div.legend.color-trend-1 div.levels > div.level-3,
	div.map-info.color-trend-1 span.level-3,
	div#trend-1-map-theme-colors div.level-3,

	div.map-legend div.legend.color-trend-3 div.levels > div.level-4,
	div.map-info.color-trend-3 span.level-4,
	div#trend-3-map-theme-colors div.level-4{ background:#d6a9ff; }

	div.map-legend div.legend.color-trend-1 div.levels > div.level-4,
	div.map-info.color-trend-1 span.level-4,
	div#trend-1-map-theme-colors div.level-4{ background:#c17dff; }

	div.map-legend div.legend.color-trend-2 div.levels > div.level-5,
	div.map-info.color-trend-2 span.level-5,
	div#trend-2-map-theme-colors div.level-5,

	div.map-legend div.legend.color-trend-1 div.levels > div.level-5,
	div.map-info.color-trend-1 span.level-5,
	div#trend-1-map-theme-colors div.level-5,

	div.map-legend div.legend.color-trend-3 div.levels > div.level-5,
	div.map-info.color-trend-3 span.level-5,
	div#trend-3-map-theme-colors div.level-5{ background:#ac52ff; }
	*/


	div.map-legend div.legend.color-trend-1 div.levels > div.level-1, div.map-info.color-trend-1 span.level-1, div#trend-1-map-theme-colors div.level-1{ background:#f3f2a9 } div.map-legend div.legend.color-trend-1 div.levels > div.level-2, div.map-info.color-trend-1 span.level-2, div#trend-1-map-theme-colors div.level-2{ background:#f2f1b0 } div.map-legend div.legend.color-trend-1 div.levels > div.level-3, div.map-info.color-trend-1 span.level-3, div#trend-1-map-theme-colors div.level-3{ background:#f0efb7 } div.map-legend div.legend.color-trend-1 div.levels > div.level-4, div.map-info.color-trend-1 span.level-4, div#trend-1-map-theme-colors div.level-4{ background:#efeebd } div.map-legend div.legend.color-trend-1 div.levels > div.level-5, div.map-info.color-trend-1 span.level-5, div#trend-1-map-theme-colors div.level-5{ background:#ededc4 } div.map-legend div.legend.color-trend-1 div.levels > div.level-6, div.map-info.color-trend-1 span.level-6, div#trend-1-map-theme-colors div.level-6{ background:#ecebcb } div.map-legend div.legend.color-trend-1 div.levels > div.level-7, div.map-info.color-trend-1 span.level-7, div#trend-1-map-theme-colors div.level-7{ background:#eaead2 } div.map-legend div.legend.color-trend-1 div.levels > div.level-8, div.map-info.color-trend-1 span.level-8, div#trend-1-map-theme-colors div.level-8{ background:#e9e9d8 } div.map-legend div.legend.color-trend-1 div.levels > div.level-9, div.map-info.color-trend-1 span.level-9, div#trend-1-map-theme-colors div.level-9{ background:#e7e7df } div.map-legend div.legend.color-trend-1 div.levels > div.level-10, div.map-info.color-trend-1 span.level-10, div#trend-1-map-theme-colors div.level-10{ background:#e6e6e6a } div.map-legend div.legend.color-trend-2 div.levels > div.level-1, div.map-info.color-trend-2 span.level-1, div#trend-2-map-theme-colors div.level-1{ background:#f3f2a9 } div.map-legend div.legend.color-trend-2 div.levels > div.level-2, div.map-info.color-trend-2 span.level-2, div#trend-2-map-theme-colors div.level-2{ background:#f1f1b1 } div.map-legend div.legend.color-trend-2 div.levels > div.level-3, div.map-info.color-trend-2 span.level-3, div#trend-2-map-theme-colors div.level-3{ background:#f0efb8 } div.map-legend div.legend.color-trend-2 div.levels > div.level-4, div.map-info.color-trend-2 span.level-4, div#trend-2-map-theme-colors div.level-4{ background:#eeeec0 } div.map-legend div.legend.color-trend-2 div.levels > div.level-5, div.map-info.color-trend-2 span.level-5, div#trend-2-map-theme-colors div.level-5{ background:#edecc8 } div.map-legend div.legend.color-trend-2 div.levels > div.level-6, div.map-info.color-trend-2 span.level-6, div#trend-2-map-theme-colors div.level-6{ background:#ebebcf } div.map-legend div.legend.color-trend-2 div.levels > div.level-7, div.map-info.color-trend-2 span.level-7, div#trend-2-map-theme-colors div.level-7{ background:#e9e9d7 } div.map-legend div.legend.color-trend-2 div.levels > div.level-8, div.map-info.color-trend-2 span.level-8, div#trend-2-map-theme-colors div.level-8{ background:#e8e8de } div.map-legend div.legend.color-trend-2 div.levels > div.level-9, div.map-info.color-trend-2 span.level-9, div#trend-2-map-theme-colors div.level-9{ background:#e6e6e6 } div.map-legend div.legend.color-trend-2 div.levels > div.level-10, div.map-info.color-trend-2 span.level-10, div#trend-2-map-theme-colors div.level-10{ background:#ac52ff } div.map-legend div.legend.color-trend-3 div.levels > div.level-1, div.map-info.color-trend-3 span.level-1, div#trend-3-map-theme-colors div.level-1{ background:#f3f2a9 } div.map-legend div.legend.color-trend-3 div.levels > div.level-2, div.map-info.color-trend-3 span.level-2, div#trend-3-map-theme-colors div.level-2{ background:#f1f0b2 } div.map-legend div.legend.color-trend-3 div.levels > div.level-3, div.map-info.color-trend-3 span.level-3, div#trend-3-map-theme-colors div.level-3{ background:#efefba } div.map-legend div.legend.color-trend-3 div.levels > div.level-4, div.map-info.color-trend-3 span.level-4, div#trend-3-map-theme-colors div.level-4{ background:#ededc3 } div.map-legend div.legend.color-trend-3 div.levels > div.level-5, div.map-info.color-trend-3 span.level-5, div#trend-3-map-theme-colors div.level-5{ background:#ecebcc } div.map-legend div.legend.color-trend-3 div.levels > div.level-6, div.map-info.color-trend-3 span.level-6, div#trend-3-map-theme-colors div.level-6{ background:#eae9d5 } div.map-legend div.legend.color-trend-3 div.levels > div.level-7, div.map-info.color-trend-3 span.level-7, div#trend-3-map-theme-colors div.level-7{ background:#e8e8dd } div.map-legend div.legend.color-trend-3 div.levels > div.level-8, div.map-info.color-trend-3 span.level-8, div#trend-3-map-theme-colors div.level-8{ background:#e8e8de } div.map-legend div.legend.color-trend-3 div.levels > div.level-9, div.map-info.color-trend-3 span.level-9, div#trend-3-map-theme-colors div.level-9{ background:#c99cf3 } div.map-legend div.legend.color-trend-3 div.levels > div.level-10, div.map-info.color-trend-3 span.level-10, div#trend-3-map-theme-colors div.level-10{ background:#ac52ff } div.map-legend div.legend.color-trend-4 div.levels > div.level-1, div.map-info.color-trend-4 span.level-1, div#trend-4-map-theme-colors div.level-1{ background:#f3f2a9 } div.map-legend div.legend.color-trend-4 div.levels > div.level-2, div.map-info.color-trend-4 span.level-2, div#trend-4-map-theme-colors div.level-2{ background:#f1f0b3 } div.map-legend div.legend.color-trend-4 div.levels > div.level-3, div.map-info.color-trend-4 span.level-3, div#trend-4-map-theme-colors div.level-3{ background:#efeebd } div.map-legend div.legend.color-trend-4 div.levels > div.level-4, div.map-info.color-trend-4 span.level-4, div#trend-4-map-theme-colors div.level-4{ background:#edecc8 } div.map-legend div.legend.color-trend-4 div.levels > div.level-5, div.map-info.color-trend-4 span.level-5, div#trend-4-map-theme-colors div.level-5{ background:#eaead2 } div.map-legend div.legend.color-trend-4 div.levels > div.level-6, div.map-info.color-trend-4 span.level-6, div#trend-4-map-theme-colors div.level-6{ background:#e8e8dc } div.map-legend div.legend.color-trend-4 div.levels > div.level-7, div.map-info.color-trend-4 span.level-7, div#trend-4-map-theme-colors div.level-7{ background:#e6e6e6 } div.map-legend div.legend.color-trend-4 div.levels > div.level-8, div.map-info.color-trend-4 span.level-8, div#trend-4-map-theme-colors div.level-8{ background:#d3b5ee } div.map-legend div.legend.color-trend-4 div.levels > div.level-9, div.map-info.color-trend-4 span.level-9, div#trend-4-map-theme-colors div.level-9{ background:#bf83f7 } div.map-legend div.legend.color-trend-4 div.levels > div.level-10, div.map-info.color-trend-4 span.level-10, div#trend-4-map-theme-colors div.level-10{ background:#ac52ff } div.map-legend div.legend.color-trend-5 div.levels > div.level-1, div.map-info.color-trend-5 span.level-1, div#trend-5-map-theme-colors div.level-1{ background:#f3f2a9 } div.map-legend div.legend.color-trend-5 div.levels > div.level-2, div.map-info.color-trend-5 span.level-2, div#trend-5-map-theme-colors div.level-2{ background:#f0f0b5 } div.map-legend div.legend.color-trend-5 div.levels > div.level-3, div.map-info.color-trend-5 span.level-3, div#trend-5-map-theme-colors div.level-3{ background:#eeedc1 } div.map-legend div.legend.color-trend-5 div.levels > div.level-4, div.map-info.color-trend-5 span.level-4, div#trend-5-map-theme-colors div.level-4{ background:#eeedc1 } div.map-legend div.legend.color-trend-5 div.levels > div.level-5, div.map-info.color-trend-5 span.level-5, div#trend-5-map-theme-colors div.level-5{ background:#e9e8da } div.map-legend div.legend.color-trend-5 div.levels > div.level-6, div.map-info.color-trend-5 span.level-6, div#trend-5-map-theme-colors div.level-6{ background:#e6e6e6 } div.map-legend div.legend.color-trend-5 div.levels > div.level-7, div.map-info.color-trend-5 span.level-7, div#trend-5-map-theme-colors div.level-7{ background:#d8c1ec } div.map-legend div.legend.color-trend-5 div.levels > div.level-8, div.map-info.color-trend-5 span.level-8, div#trend-5-map-theme-colors div.level-8{ background:#c99cf3 } div.map-legend div.legend.color-trend-5 div.levels > div.level-9, div.map-info.color-trend-5 span.level-9, div#trend-5-map-theme-colors div.level-9{ background:#bb77f9 } div.map-legend div.legend.color-trend-5 div.levels > div.level-10, div.map-info.color-trend-5 span.level-10, div#trend-5-map-theme-colors div.level-10{ background:#ac52ff } div.map-legend div.legend.color-trend-6 div.levels > div.level-1, div.map-info.color-trend-6 span.level-1, div#trend-6-map-theme-colors div.level-1{ background:#f3f2a9 } div.map-legend div.legend.color-trend-6 div.levels > div.level-2, div.map-info.color-trend-6 span.level-2, div#trend-6-map-theme-colors div.level-2{ background:#f0efb8 } div.map-legend div.legend.color-trend-6 div.levels > div.level-3, div.map-info.color-trend-6 span.level-3, div#trend-6-map-theme-colors div.level-3{ background:#edecc8 } div.map-legend div.legend.color-trend-6 div.levels > div.level-4, div.map-info.color-trend-6 span.level-4, div#trend-6-map-theme-colors div.level-4{ background:#e9e9d7 } div.map-legend div.legend.color-trend-6 div.levels > div.level-5, div.map-info.color-trend-6 span.level-5, div#trend-6-map-theme-colors div.level-5{ background:#e6e6e6 } div.map-legend div.legend.color-trend-6 div.levels > div.level-6, div.map-info.color-trend-6 span.level-6, div#trend-6-map-theme-colors div.level-6{ background:#dac8eb } div.map-legend div.legend.color-trend-6 div.levels > div.level-7, div.map-info.color-trend-6 span.level-7, div#trend-6-map-theme-colors div.level-7{ background:#cfabf0 } div.map-legend div.legend.color-trend-6 div.levels > div.level-8, div.map-info.color-trend-6 span.level-8, div#trend-6-map-theme-colors div.level-8{ background:#c38df5 } div.map-legend div.legend.color-trend-6 div.levels > div.level-9, div.map-info.color-trend-6 span.level-9, div#trend-6-map-theme-colors div.level-9{ background:#b870fa } div.map-legend div.legend.color-trend-6 div.levels > div.level-10, div.map-info.color-trend-6 span.level-10, div#trend-6-map-theme-colors div.level-10{ background:#ac52ff } div.map-legend div.legend.color-trend-7 div.levels > div.level-1, div.map-info.color-trend-7 span.level-1, div#trend-7-map-theme-colors div.level-1{ background:#f3f2a9 } div.map-legend div.legend.color-trend-7 div.levels > div.level-2, div.map-info.color-trend-7 span.level-2, div#trend-7-map-theme-colors div.level-2{ background:#efeebd } div.map-legend div.legend.color-trend-7 div.levels > div.level-3, div.map-info.color-trend-7 span.level-3, div#trend-7-map-theme-colors div.level-3{ background:#eaead2 } div.map-legend div.legend.color-trend-7 div.levels > div.level-4, div.map-info.color-trend-7 span.level-4, div#trend-7-map-theme-colors div.level-4{ background:#e6e6e6 } div.map-legend div.legend.color-trend-7 div.levels > div.level-5, div.map-info.color-trend-7 span.level-5, div#trend-7-map-theme-colors div.level-5{ background:#dccdea } div.map-legend div.legend.color-trend-7 div.levels > div.level-6, div.map-info.color-trend-7 span.level-6, div#trend-7-map-theme-colors div.level-6{ background:#d3b5ee } div.map-legend div.legend.color-trend-7 div.levels > div.level-7, div.map-info.color-trend-7 span.level-7, div#trend-7-map-theme-colors div.level-7{ background:#c99cf3 } div.map-legend div.legend.color-trend-7 div.levels > div.level-8, div.map-info.color-trend-7 span.level-8, div#trend-7-map-theme-colors div.level-8{ background:#bf83f7 } div.map-legend div.legend.color-trend-7 div.levels > div.level-9, div.map-info.color-trend-7 span.level-9, div#trend-7-map-theme-colors div.level-9{ background:#b66bfb } div.map-legend div.legend.color-trend-7 div.levels > div.level-10, div.map-info.color-trend-7 span.level-10, div#trend-7-map-theme-colors div.level-10{ background:#ac52ff } div.map-legend div.legend.color-trend-8 div.levels > div.level-1, div.map-info.color-trend-8 span.level-1, div#trend-8-map-theme-colors div.level-1{ background:#f3f2a9 } div.map-legend div.legend.color-trend-8 div.levels > div.level-2, div.map-info.color-trend-8 span.level-2, div#trend-8-map-theme-colors div.level-2{ background:#edecc8 } div.map-legend div.legend.color-trend-8 div.levels > div.level-3, div.map-info.color-trend-8 span.level-3, div#trend-8-map-theme-colors div.level-3{ background:#e6e6e6 } div.map-legend div.legend.color-trend-8 div.levels > div.level-4, div.map-info.color-trend-8 span.level-4, div#trend-8-map-theme-colors div.level-4{ background:#ded1ea } div.map-legend div.legend.color-trend-8 div.levels > div.level-5, div.map-info.color-trend-8 span.level-5, div#trend-8-map-theme-colors div.level-5{ background:#d5bced } div.map-legend div.legend.color-trend-8 div.levels > div.level-6, div.map-info.color-trend-8 span.level-6, div#trend-8-map-theme-colors div.level-6{ background:#cda7f1 } div.map-legend div.legend.color-trend-8 div.levels > div.level-7, div.map-info.color-trend-8 span.level-7, div#trend-8-map-theme-colors div.level-7{ background:#c591f4 } div.map-legend div.legend.color-trend-8 div.levels > div.level-8, div.map-info.color-trend-8 span.level-8, div#trend-8-map-theme-colors div.level-8{ background:#bd7cf8 } div.map-legend div.legend.color-trend-8 div.levels > div.level-9, div.map-info.color-trend-8 span.level-9, div#trend-8-map-theme-colors div.level-9{ background:#b467fb } div.map-legend div.legend.color-trend-8 div.levels > div.level-10, div.map-info.color-trend-8 span.level-10, div#trend-8-map-theme-colors div.level-10{ background:#ac52ff } div.map-legend div.legend.color-trend-9 div.levels > div.level-1, div.map-info.color-trend-9 span.level-1, div#trend-9-map-theme-colors div.level-1{ background:#f3f2a9 } div.map-legend div.legend.color-trend-9 div.levels > div.level-2, div.map-info.color-trend-9 span.level-2, div#trend-9-map-theme-colors div.level-2{ background:#e6e6e6 } div.map-legend div.legend.color-trend-9 div.levels > div.level-3, div.map-info.color-trend-9 span.level-3, div#trend-9-map-theme-colors div.level-3{ background:#dfd3e9 } div.map-legend div.legend.color-trend-9 div.levels > div.level-4, div.map-info.color-trend-9 span.level-4, div#trend-9-map-theme-colors div.level-4{ background:#d8c1ec } div.map-legend div.legend.color-trend-9 div.levels > div.level-5, div.map-info.color-trend-9 span.level-5, div#trend-9-map-theme-colors div.level-5{ background:#d0afef } div.map-legend div.legend.color-trend-9 div.levels > div.level-6, div.map-info.color-trend-9 span.level-6, div#trend-9-map-theme-colors div.level-6{ background:#c99cf3 } div.map-legend div.legend.color-trend-9 div.levels > div.level-7, div.map-info.color-trend-9 span.level-7, div#trend-9-map-theme-colors div.level-7{ background:#c28af6 } div.map-legend div.legend.color-trend-9 div.levels > div.level-8, div.map-info.color-trend-9 span.level-8, div#trend-9-map-theme-colors div.level-8{ background:#bb77f9 } div.map-legend div.legend.color-trend-9 div.levels > div.level-9, div.map-info.color-trend-9 span.level-9, div#trend-9-map-theme-colors div.level-9{ background:#b365fc } div.map-legend div.legend.color-trend-9 div.levels > div.level-10, div.map-info.color-trend-9 span.level-10, div#trend-9-map-theme-colors div.level-10{ background:#ac52ff } div.map-legend div.legend.color-trend-10 div.levels > div.level-1, div.map-info.color-trend-10 span.level-1, div#trend-10-map-theme-colors div.level-1{ background:#e6e6e6 } div.map-legend div.legend.color-trend-10 div.levels > div.level-2, div.map-info.color-trend-10 span.level-2, div#trend-10-map-theme-colors div.level-2{ background:#e6e6e6 } div.map-legend div.legend.color-trend-10 div.levels > div.level-3, div.map-info.color-trend-10 span.level-3, div#trend-10-map-theme-colors div.level-3{ background:#d9c5ec } div.map-legend div.legend.color-trend-10 div.levels > div.level-4, div.map-info.color-trend-10 span.level-4, div#trend-10-map-theme-colors div.level-4{ background:#d3b5ee } div.map-legend div.legend.color-trend-10 div.levels > div.level-5, div.map-info.color-trend-10 span.level-5, div#trend-10-map-theme-colors div.level-5{ background:#cca4f1 } div.map-legend div.legend.color-trend-10 div.levels > div.level-6, div.map-info.color-trend-10 span.level-6, div#trend-10-map-theme-colors div.level-6{ background:#c694f4 } div.map-legend div.legend.color-trend-10 div.levels > div.level-7, div.map-info.color-trend-10 span.level-7, div#trend-10-map-theme-colors div.level-7{ background:#bf83f7 } div.map-legend div.legend.color-trend-10 div.levels > div.level-8, div.map-info.color-trend-10 span.level-8, div#trend-10-map-theme-colors div.level-8{ background:#b973f9 } div.map-legend div.legend.color-trend-10 div.levels > div.level-9, div.map-info.color-trend-10 span.level-9, div#trend-10-map-theme-colors div.level-9{ background:#b262fc } div.map-legend div.legend.color-trend-10 div.levels > div.level-10, div.map-info.color-trend-10 span.level-10, div#trend-10-map-theme-colors div.level-10{ background:#ac52ff }		



	/* RESPONSIVE */

	@media (max-width:768px) {

	body{
	}
	header nav.navbar a.navbar-brand{

	margin:0 0 0 10px;
	}

	body header nav.navbar form#find-address-form{
	margin-bottom:30px;
	margin-top:10px;
	}
	body header nav.navbar input#header-find-address{
	width:auto;
	}
	div#content{
		height:200px;
		position:relative;
		width:100%;
	}
	div#content div#introduction{
		padding-left:10%;
		padding-right:10%;
		text-align:center;
	}
	div#content div#metrics-list div.intro{
		font-size:0.8rem;
		}
	div#map-container{
		box-shadow: 0px 5px 16px 0px  #000c;

		height:calc(100vh - 200px);
		height: calc((var(--vh, 1vh) * 100) - 200px);
		margin:0;
		position:relative;
		width:100%;
	}
	body div#map-intro{
	left:0;
	width:100%;

	}


	div#map-intro div.message{
	padding:25px 20px 25px 20px;

	}
	div#map-intro h2{
	font-size:1.2em;
	line-height:1.4em;
	}
	div#map-intro p{
	font-size:14px;
	}
	body div#map-options{
	left:0px;
	top:0px;
	width:100%;
	}
	header nav.navbar.navbar form#find-address-form{
	display:none !important;;

	}

	body div#map-options div.toggle-data{
	box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 2px 0px;
	font-size:12px;
	margin:0;
	padding:4px 0;
	text-align:center;
	width:33.33%;
	}
	body div#map-options div.toggle-data.health-levels{
	margin:0;
	}


	body div#map-options div.toggle-data.show-filter{
	}
	body div#map-options span.checkbox label{
	width:90%;
	}
	body div#map-options div.toggle-data.show-filter span.checkbox label::before{

	}
	div#map-settings a#toggle-site-list{
	display:block;
	}
	div#map-settings{
	border-right:2px solid rgba(255,255,255,0.1);
	border-top-right-radius:20px;
	height:50px;
	bottom:0px;
	left: :0px;

	flex:unset;
	overflow:hidden;;

	position:absolute;

	transition: height 0.5s ease-out, width 0.5s ease-out;



	width:200px;
	}
	div#map-settings::before{
	display:none;
	}
	div#map-settings > div{
	opacity:0;
	transition: opacity 0.4s ease-in;
	}
	div#map-settings.showing{
	height:calc(100% - 0px);
	width:90%;
	z-index:100;
	}
	div#map-settings.showing div#site-list{
	height:calc(100% - 90px);
	overflow:auto;
	padding-bottom:10px;
	}
	div#map-settings.showing > div{
	display:block;
	opacity:1;
	}
	div#map a[href^="https://maps.google.com/maps"]{
	bottom:10px;
	display:block;
	position:absolute !important;
	}
	body div.map-info div.site-grade.air-quality div.grade-letter{
	font-size:30px;
	height:60px;
	line-height:60px; 
	width:60px;
	}
	body div.map-info div.grade div.grade-letter{
	font-size:25px;
	height:50px;
	line-height:50px;
	width:50px;
	}
	body div.map-info div.level div.level-number{


	height:35px;
	padding-top:10px;
	}
	body div.map-info div.level div.level-number::before,
	body div.map-info div.level div.level-number::after{
	font-size:15px;
	}

	}




	/* Slider */




	.slider { 
	margin-bottom:10px;
	margin-top:-10px;
	opacity:0.01;
	transition: visibility 1.5s, opacity 1.5s ease-out, margin 0.5s ease-in;
	visibility:hidden;
	}
	.slider.slick-initialized{
	margin-top:0px;	
	margin-bottom:0px;
	opacity:1;
	visibility:visible;
	}



	/* Icons */
	/* Arrows */
	.slick-prev,
	.slick-next
	{
	font-size: 0;
	line-height: 0;



	position: absolute;
	top: 50%;

	display: block;

	width: 20px;
	height: 20px;
	padding: 0;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);


	cursor: pointer;

	color: transparent;
	border: none;
	outline: none;
	background: transparent;
	border:1px solid #000;
	}


	.slick-prev:hover,

	.slick-prev:focus,
	.slick-next:hover,
	.slick-next:focus
	{

	color: transparent;
	outline: none;
	background: transparent;
	}
	.slick-prev:hover:before,

	.slick-prev:focus:before,
	.slick-next:hover:before,
	.slick-next:focus:before
	{
	opacity: 1;
	}
	.slick-prev.slick-disabled:before,
	.slick-next.slick-disabled:before

	{
	opacity: .25;
	}


	.slick-prev:before,
	.slick-next:before
	{
	font-family: 'Font Awesome 6 Pro';
	font-size: 20px;
	line-height: 1;


	opacity: .75;
	color: white;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	}


	.slick-prev
	{
	left: -25px;
	}
	[dir='rtl'] .slick-prev
	{

	right: -25px;
	left: auto;

	}
	.slick-prev:before
	{
	content: '←';
	}
	[dir='rtl'] .slick-prev:before
	{
	content: '→';
	}


	.slick-next
	{
	right: -25px;
	}
	[dir='rtl'] .slick-next
	{
	right: auto;
	left: -25px;
	}
	.slick-next:before
	{
	content: '→';


	}
	[dir='rtl'] .slick-next:before
	{


	content: '←';

	}

	/* Dots */
	.slick-dotted.slick-slider{
	}

	.slick-dots
	{
	position: absolute;

	bottom: -25px;

	display: block;

	width: 100%;

	padding: 0;
	margin: 0;



	list-style: none;

	text-align: center;
	}
	.slick-dots li
	{

	position: relative;

	display: inline-block;

	width: 20px;
	height: 20px;


	margin: 0 5px;
	padding: 0;

	cursor: pointer;
	}
	.slick-dots li button{
	font-size: 0;
	line-height: 0;
	display: block;

	width: 20px;
	height: 20px;
	padding: 5px;
	cursor: pointer;
	color: transparent;

	border: 0;

	outline: none;

	background: transparent;
	}
	.slick-dots li button:hover,
	.slick-dots li button:focus{
	outline: none;
	}

	.slick-dots li button:hover:before,
	.slick-dots li button:focus:before{
	opacity: 1;
	}
	.slick-dots li button:before{


	font-family: 'slick';
	font-size: 40px;

	line-height: 20px;

	position: absolute;

	top: 0;
	left: 0;

	width: 20px;


	height: 20px;


	content: '•';

	text-align: center;

	opacity: .25;
	color: black;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	}
	.slick-dots li.slick-active button:before{


	opacity: .75;
	color: black;
	}
	.X_slick-list{
	padding:0 7% 0 7% !important;

	}


	@keyframes pulse-2 {
		0% {
			box-shadow: 0 0 0 0 #fff;
		}
		40% {
			box-shadow: 0 0 0 0 #fff5;
		}

		80% {
			box-shadow: 0 0 0 35px #fff5;
		}

		100% {
			box-shadow: 0 0 0 0 #fff;
		}
	}

	@keyframes pulse-path {
		30% {
			stroke:#444;
		}
		50% {
			stroke:#fff;
		}
		70% {
			stroke:#444;
		}
	}

	@keyframes pulse {
		0% {
			box-shadow: 0 0 0 0px #4440;
		}
		50% {
			box-shadow: 0 0 0 35px #fffa;
		}

		100% {
			box-shadow: 0 0 0 0 #444a;
		}
	}

	@keyframes pulse-opacity {
		0% {
			opacity:0;
		}
		50% {
			opacity:1;
		}

		100% {
			opacity:0;
		}
	}



	@keyframes current-location {
		0% {
			box-shadow: 0 0 0 1px #fff;

			height:0px;
			width:0px;
		}
		100% {
			box-shadow: 0 0 0 10px #fff0;
			top:-45px;
			height:100px;
			left:-47px;
			width:100px;
		}
	}



	/* aq.css */