/* #0078FF >> #0078FF */
/* #0078FF >> #08254F */


@font-face {
	font-family: 'Kanit';
	src: url('../fonts/Kanit-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
  }
  
  @font-face {
	font-family: 'Impact';
	src: url('../fonts/impact.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
  }
  


@supports (-webkit-touch-callout: none) {
	/* CSS specific to iOS devices */ 
	* {
	  letter-spacing: -0.07em !important;
	}
}
  
@supports not (-webkit-touch-callout: none) {
	/* CSS for other than iOS devices  */
	* {
		letter-spacing: -0.02em !important;
	}
}


* {
	font-family: Kanit !important;
	-webkit-font-smoothing: subpixel-antialiased !important; 
	text-rendering:optimizeLegibility !important;
	-webkit-user-select: none; /* Safari */
	-ms-user-select: none; /* IE 10 and IE 11 */
	user-select: none; /* Standard syntax */
}

#logo {
	position: absolute;
	top: 1em;
	left: 8em;
	width: 70px;
	height: 70px;
	/* background: #555 url("../images/cc_logo.png") no-repeat; */
    /* background-size: cover; */
}

.left {
	left: 0;
	/* margin-left: -10px !important; */
}
.right {
	right: 0;
	/* margin-right: -10px !important; */
}
.side-pane {
	margin:0 !important;
	width: 18em !important;
	height: 20em !important;
	/* border-radius: 50%; */
	top: 1165px;
}
.side-pane * {
	visibility: hidden;
}
#map-container, .map-container,
#d3-map, .d3-map {
	width: 100%;
	height: 700px;
	margin: 0 0;
}

/* #request-summary {
	margin-left: 0 !important;
	top:145px !important;
	left:75px !important;
} */
/* 
#menu-section {
    width:100%;
    height: 850px;
	min-height: 400px;
}
#menu-section-top {
	top:0;
    width:100%;
    height: 480px;
	min-height: 200px;
	background: #555 url("../images/mwa_bg_top.jpg") no-repeat;
    background-size: cover;
    background-clip: border-box;
}

#menu-section-bottom {
	top: 50%;
    width:100%;
    height: 370px;
	min-height: 200px;
	background: #F1F1F1 url("../images/diagonal-noise_light.png");

} */



#menu-section {
	width:100%;
	height: 1000px;
	min-height: 400px;
}
#menu-section-top {
	top:0;
	width:100%;
	height: 600px;
	min-height: 200px;
	background: #555 url("../images/mwa_bg_top.jpg") no-repeat;
	background-size: cover;
	background-clip: border-box;
}

#menu-section-bottom {
	top: 50%;
	width:100%;
	height: 400px;
	min-height: 200px;
	background: #F1F1F1 url("../images/diagonal-noise_light.png");
	/* background-color: #F1F1F1; */
}

.sla1 {
	color:#54D62C;
	fill:#54D62C;
}
.sla0 {
	color:#0078FF;
	fill:#0078FF;
}
.sla2 {
	color:#FFC107;
	fill:#FFC107;
}

.sla3 {
	color:#FF0000;
	fill:#FF0000;
}
.sla4 {
	color:#C81700;
}

.packed-bubble:hover{
	stroke: #ddd !important;
	stroke-width: 5px !important;
	/* opacity: 1 !important; */
}

html{
    height: 100%;
    overflow-x: hidden;
    background: #ddd
}

.curtains{
    width: 100%;
    z-index:1;
    position:relative;
}
#list {
	list-style: none;
	margin: 0;
	padding: 0;
}

#list>li {
	overflow: hidden;
	position: relative;
	z-index: 1000;
}


body {
	background: #ddd;
	margin: 0;
	padding: 0;
}

#overlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2000;
}
#overlaySVG {
	position: absolute;
}
#introSVG, #complainSVG {
	position: absolute;
	top: 0;
	left: 0;
}

h1, h2, h3, h4, h5, h6, .kanit, .moneyLabel {
	font-family: "Kanit" !important;
	/* font-family: "tablet-gothic-compressed",sans-serif; */
	font-weight: 600;
}

.serif {
	font-family: "Kanit", "abril-display",sans-serif;
	font-weight: 600;
}
.geo {
	font-family: "Kanit", Georgia, Times, "Times New Roman", serif;

}
.primaryColor {
	color: #0078FF;
	white-space: nowrap;
}

/* .primaryColor.b1 {
	font-size: 2.5em;
} */
/* section {
	padding: 0;
	overflow: hidden;
	background: #ffffff;
	position: relative;
} */
.pane, .intropane {
	width: 18em;
	margin: 0 auto;
	padding: 3em 0;
}


.tooltip {
	font-family: "Kanit";
	color: #0078FF;
	border: 5px solid #b56122;
	background-color: #fff;
	border-radius: 20px;
	padding: 20px;
	position: absolute;
    z-index: 601;
	box-shadow: 0px 3px 5px rgb(0 0 0 / 10%);
}


img.respond {
	width: 100%;
	max-width: 18em;
}

/* Thank you */
#thankyou {
	width: 18em;
	margin: 3em auto;
	position: relative;
	z-index: 600;
}
#thankyou h1 {
	font-size: 1.8em;
	line-height: 1.1em;
	margin: 0;
}
#thankyou h1 span {
	color: #C81700;
}
#thankyou p {
	margin: 0.5em 0;
	font-size: 1.1em;
}

/* Section: elections; */
#situation-summary {
	background: #f1f1f1;
	color: #110a09;
}
/* #requestMapContainer {
	display: none;
	z-index: -1 !important;
} */
#requestMapContainer {
	clear: both;
	right: 0;
	position: relative;
	/* z-index: 500; */
	display: block;
	width: 100%;
	max-width: 1600px;
	height: 1200px;
	z-index:-1 !important;
}
#request-summary {
	position: relative;
	z-index: 600;
	padding-bottom: 0;
}
/* #request-summary p {
	display: none;
}
#request-summary h1 {
	margin-top: 0.5em;
	font-size: 4.3em;
	line-height: 1em;
	margin-bottom: 0.2em;
}
#request-summary span.a {
	margin-top: 0.2em;
	color: #0078FF;
	font-size: 1.4em;
}
#request-summary span.b {
	font-size: 0.75em;
	line-height: 0.8em;
}
#request-summary span.c {
	font-size: 1.3em;
	display: block;
	margin-top: 0.3em;
}
#request-summary span.a,
#request-summary span.c {
	text-transform: uppercase;
} */
.side-pane p,
#map-container-sticky-map-label p,
#map-summary p,
.map-summary p,
#request-sla p,
#job-summary p,
#request-summary p {
	font-size: 2.4em;
	line-height: 1.2em;
}
.side-pane em,
#map-summary em,
.map-summary em,
#request-sla em,
#job-summary em {
	font-style: normal;
	font-size: 1.7em;
}
.side-pane span.b,
#map-summary span.b,
.map-summary span.b,
#request-sla span.b,
#job-summary span.b {
	text-transform: uppercase;
	color: #0078FF;
	line-height: 1.5em;
}
/* #job-summary span.b1 {
	
} */
.side-pane em,
#map-summary em,
.map-summary em,
#job-summary em {
	display: inline-block;
	/* line-height: 0; */
	margin-bottom: -0.05em;
}


/* Pop over */
#requestMapOverlay {
	position: absolute;
	left: -800px;
	background: #fff;
	width: 350px;
	border-radius: 2em;
	z-index: 700;
	
}
#requestMapOverlay p {
	margin: 2em;
}
#requestMapOverlay span {
	display: block;
}
#requestMapOverlay:after {
	content: " ";
	position:absolute;
	bottom: -25px;
	left: 165px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 20px solid #fff;

}
.race, .moneyLabel {
	cursor: pointer;
}
.moneyLabel {
	letter-spacing: 0.08em;
	color: #fff;
}
#electionSpender {
	color: #0078FF;
}
#electionUnderdog {
	margin-top: 0.2em;
}
#electionSpender,
#electionUnderdog {
	font-size: 2.5em;
	text-transform: uppercase;
	line-height: 1.1em;
}
#requestMapOverlay .serif {
	font-size: 1.4em;
	line-height: 1;
}
#electionResult {
	margin: 0.6em 0 -0.2em;
	text-align: right;
	font-style: italic;
}
#didMoneyWin {
	text-transform: uppercase;
	font-size: 3em;
	font-style: normal;
}

.didWin #didMoneyWin {
	color: #0078FF;
}
.didWin {
	border: 5px solid #b56122;
}
#requestMapOverlay.didWin:after {
	border-top-color: #b56122;
}

.didnotWin #didMoneyWin {
	color: rgb(172,172,172);
}
.didnotWin {
	border: 5px solid #777;
}
#requestMapOverlay.didnotWin:after {
	border-top-color: #777;
}

/* Section: complain */
#complain {
	background: #e1e1e1;
}

#lessthanone {
	position: relative;
}
#lessthanone span {
	display: inline-block;
}

#total-24h,
#tinyGroup span,
#lessthanone span {
	font-size: 1.8em;
}
#lessthanone span.a {
	text-indent: 0.2em;
	margin-bottom: 0.75em;
	line-height: 1em;
}
#lessthanone span.b {
	text-transform: uppercase;
	font-size: 2.6em;
	line-height: 0.7em;
	letter-spacing: -0.05em;
}
/* #lessthanone span.b1 {
	font-size: 2.5em;
} */
#lessthanone span.b2 {
	font-size: 1.5em;
}
#lessthanone span.d {
	margin-top: 0.4em;
	text-indent: 0.1em;
}

#contribute68percent {
	position: relative;
	width: 18em;
	z-index: 500;
}
#contribute68percent span.a {
	line-height: 1;
	display: block;
	font-size: 4.5em;
	text-transform: uppercase;
	margin-bottom: 0.9em;
	text-align: center;
}
#contribute68percent span.b {
	font-size: 16.8em;
	display: block;
	margin-top: 0.22em;
	padding-top: 1px;
	
	text-indent: -0.03em;
	line-height: 1;
	line-height: 0.5em;
}
#contribute68percent span.b span {
	font-size: 0.55em;
	color: #000;
}
#contribute68percent span.c {
	display: block;
	text-align: center;
	font-size: 1.6em;
	font-style: italic;
	margin-bottom: 1.4em;
}
#contribute68percent span.c span {
	background: #e1e1e1;
	padding: 0 0.2em;
}
#contribute68percent span.c:after {
	content: " ";
	display: block;
	border-top: 3px solid #000;
	width: 100%;
	margin-top: -0.6em;
}
#contribute68percent span.d,
#contribute68percent span.e {
	text-transform: uppercase;
	font-size: 3em;
}
#contribute68percent span.e {
	float: right;
}

/* section: #rawwater */
#rawwater {
	background: #0078FF;
}

#lessthanone p,
#tinyGroup p {
	font-size: 2.0em;
	line-height: 1.1em;
}
#tinyGroup em {
	margin-right: 0.1em;
}
#lopsidedpolicy {
	float: none;
	width: 24em;
	margin: 4em auto;
	text-align: center;
}
#lopsidedpolicy h1 {
	font-size: 2em;
	line-height: 1.3em;
	position: relative;
	z-index: 400;
}
#lopsidedpolicy span.a {
	line-height: 1.5em;
	text-transform: uppercase;
}
#lopsidedpolicy span.a,
#lopsidedpolicy span.c {
	font-size: 1.1em;
}
#lopsidedpolicy span.b {
	display: block;
	text-transform: uppercase;
	font-size: 2em;
	color: #fff;
	line-height: 1;
}
#washingtonInfluence {
	display: none;
}
.vector_icon {
	margin: 0 auto;
	text-align: center;
}

#ChangeTheFunders p {
	font-size: 1.8em;
	line-height: 1.3em;
}

#ninetyfive {
	width: 18em;
}
#ninetyfive p {
	font-size: 2.4em;
}
#ninetyfive span.c {
	font-size: 7.6em;
	letter-spacing: -0.04em;
	line-height: 1;
}
#ninetyfive span.c1 {
	float: left;
	position: relative;
	margin: 0 0.05em 0 0;
	line-height: 0.65em;
	color: #0078FF;
}
#ninetyfive span.c2 {
	position: absolute;
	top: 0;
	right: -0.6em;
	font-size: 0.3em;
	display: block;
	line-height: 0.1em;
	color: #0078FF;
}
#ninetyfive span.d {
	padding-top: 1em;
	line-height: 1.2em;
	display: block;
}
#explodingDot {
	display: none;
}
#top-section {
	background-color: #08254F ;
}
#guns,
#food,
#keystone,
#cispa,
#guns .issue, 
#food .issue, 
#keystone .issue,
/* .mapexplore .d3-map, */
#cispa .issue {
	background: #555 url("../images/img-grey_wash_wall.png");
}
.issue h2 {
	color: #000;
	font-size: 1em;
	text-align: center;
}
.issue span {
	font-size: 2em;
	line-height: 1.3em;
}
.lobbyingContext {
	line-height: 2.2em; 
	color: #000; 
	margin-bottom: 0.1em; 
	font-size: 1.62em;
	display: block;
}
.lobbyingStance {
	font-size: 1.6em;
	line-height: 1.7em;
	color: #000;
	text-transform: uppercase;
}
.lobbyingStance span {
	color: #fff;
}
.moneyFor .lobbyingStance {
	word-spacing: -0.05em;
}
.moneyAgainst .lobbyingStance {
	word-spacing: 0.1em;
}
.moneyFor {
	padding-top: 0;
	padding-bottom: 0;
}
.moneyAgainst {
	padding-top: 0;	
	padding-bottom: 0;
}
.moneyAgainst .lobbyingContext {
	display: none;
}
.lobbyingSum {
	color: #fff;
	line-height: 0.9em;
}
span.lobbyingSum {
	font-size: 2em;
}
.source {
	width: 18em;
	margin: 0 auto 8em;
}
.source p {
	font-size: 0.7em;
	margin: 0 auto;
	color: #aaa;
	line-height: 1.2em
}
.source a {
	color: #ccc;
}


/* section: #rigged; */
#rigged {
	background: #0078FF;
	color: #fff;
	letter-spacing: 0.05em;
}
#riggedGame {
	text-align: center;
}

#riggedGame p {
	font-size: 2.3em;
}
#butWeCanFixIt {
	color: #C81700;
}

#InfluenceTheyDeserve {
	color: #ffffff;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	font-size: 4em;
	margin-bottom: 0.3em;
}

#OrdinaryCitizens strong {
	text-transform: uppercase;
	font-weight: normal;
	font-size: 1.4em;
}

#theAct {
	background: #fff;
	color: #444;
}

#theAACA {
	width: 18em;
}
#theAACA h2 {
	font-size: 2.7em;
	line-height: 1.4em;
	letter-spacing: -0.04em;
	text-transform: uppercase;
	margin-bottom: 0.1em;
}
#theAACA span.a1 {
	font-size: 3.2em;
	line-height: 0.7;
	display: block;
}
#theAACA p {
	margin: 0;
	line-height: 1.2em;
	font-size: 1.3em;
	color: #555;
}


#OrdinaryCitizens strong,
#OrdinaryCitizens span.a1,
#theAACA span.a1a,
#RestoreBalance span.a,
#ChangeTheFunders strong {
	color: #C81700;
}
#RestoreBalance span.b {
	color: #101938;
}
#ChangeTheFunders strong {
	font-weight: normal;
	/*
	text-transform: uppercase;
	letter-spacing: 0.05em;
	*/
}
#ChangeTheFunders em {
	font-style: normal;
	color: #C81700;
	line-height: 1;
}
#particles,
#spreading {
	display: none;
}

#ThirtyBillion {
	max-width: 32.5em;
}
#ThirtyBillion p {
	font-size: 2em;
	line-height: 1.3em;
}
#ThirtyBillion strong {
	color: #C81700;	
}
#ThirtyBillion .c1 {
	color: #C81700;
}
#ThirtyBillion .b1 {
	font-size: 1.6em;
	line-height: 1.1em;
}
#ThirtyBillion .d {
	font-size: 0.8em;
}
#ThirtyBillion .d a {
	color: #555;
}
#OutMatch {
	max-width: 25em;
}
#OutMatch p {
	font-size: 2em;
	line-height: 1;
}
#OutMatch strong.c1 {
	text-transform: uppercase;
	font-size: 1.98em;
	line-height: 1;
	margin-top: 0.2em;
	display: block;
	color: #0078FF;
}
#particle {
	float: right;
	display: none;
}

#OneMillionCosponsors {
	padding: 0.3em 0;
	margin-top: 1.5em;
}

#OneMillionCosponsors span.a,
#OneMillionCosponsors span.b {
	display: block;
	line-height: 1.4em;
}
#fixCongress,
#OneMillionCosponsors span.a1,
#OneMillionCosponsors span.b1 {
	text-transform: uppercase;
	font-weight: bold;
}
#OneMillionCosponsors span.a2,
#OneMillionCosponsors span.b2 a {
	font-size: 1.3em;
	display: block;
	line-height: 1;
	color: #C81700;
	margin-top: 0.05em;
}


.side-pane,
.mapexplore .pane,
#eastexplore .pane,
#westexplore .pane,
#situation-summary .pane {
	margin: 2em auto;
	padding: 0.6em 2.5em 0.3em 2.5em;
	border-radius: 0; 
	/* 2em; */
	background: #fff;
	width: calc(100% - 7em);
	z-index: 600;
	box-shadow: 0px 3px 5px rgba(0,0,0,0.1);
	text-align: left; 
	/* center; */
}

.vizPane {
	margin: 0 auto;
	width: calc(100% - 2em);
	height: 30em;
	border-radius: 0;
	/* 2em; */
	/* background: #fffc; */
	/* position: absolute; */
	z-index: 600;
	/* box-shadow: 0px 3px 5px rgb(0 0 0 / 10%); */
}

.vizPane2 {
	width: 100%;
	height: 30em;
	border-radius: 2em;
	background: #fff0;
	/* position: absolute; */
	z-index: 600;
	/* box-shadow: 0px 3px 5px rgb(0 0 0 / 10%); */
}


#top-section {
	width:100%;
	height: 900px;
	min-height: 500px;
	z-index: 600;
  }
#request-eye {
	width: 100%;
	height: 100%;
}

#request-eye>svg {
	margin: 0 auto;
	margin-top: 30px;
	z-index: 501;
}
@media only screen and (max-width: 960px) {
	#request-summary {
		top:20px !important;
	}
}
.pane {
	margin: 4em auto;
	width: calc(100% - 6em);
	padding: 0;
}


footer {
	position: absolute;
	bottom: 10px;
	left: 50%;
	transform: translate(-50%,-10%);
	background-color: #fff;
	margin: 2em 0;
	z-index: 1000;
	width:100%;
}

#request-summary p.c {
	display: block;
	word-spacing: -0.02em;
	padding-bottom: 0.2em;
	color: #777;
	font-size: 1.1em;
}

@media only screen and (max-width: 500px) {
	#total-24h,
	#tinyGroup span,
	#lessthanone span {
		font-size: 1.5em;
	}
	
	#OutMatch p {
		font-size: 1.5em;
	}
	.no-touch #cd-vertical-nav a .cd-label {
		visibility:hidden;
		pointer-events: none;
	  }

	  .no-touch #cd-vertical-nav a {
		width: 35px;
		height: 32px;
	  }


	/* #request-summary span.b {
		font-size: 0.45em;
		line-height: 1.2em;
	} */
	#request-summary p.c {
		display: block;
		word-spacing: -0.02em;
		padding-bottom: 0.2em;
		color: #777;
		font-size: 0.85em;
	}

	.side-pane p, #map-container-sticky-map-label p, #map-summary p, .map-summary p, #request-sla p, #job-summary p, #request-summary p {
		font-size: 1.6em;
		line-height: 1.4em;
	}
	#lessthanone p, #tinyGroup p {
		font-size: 1.6em;
		line-height: 1.4em;
	}
	.vizPane2 {
		height: 20em;
	}

	#map-container, .map-container,
	#d3-map, .d3-map {
		height: 400px;
	}

	#theAct {
		
		height: 700px;
	}
}


@media only screen and (min-width: 960px) {


	#menu-section {
		width:100%;
		height: 1000px;
		min-height: 400px;
	}
	#menu-section-top {
		top:0;
		width:100%;
		height: 600px;
		min-height: 200px;
		background: #555 url("../images/mwa_bg_top.jpg") no-repeat;
		background-size: cover;
		background-clip: border-box;
	}
	
	#menu-section-bottom {
		top: 50%;
		width:100%;
		height: 400px;
		min-height: 200px;
		background: #F1F1F1 url("../images/diagonal-noise_light.png");
		/* background-color: #F1F1F1; */
	}


	#map-container, .map-container,
	#d3-map, .d3-map {
		width: 100%;
		height: 1000px;
		margin: 0 0;
	}

	#request-summary {
		top:175px;
	}

	#lessthanone p,
	#tinyGroup p {
		font-size: 2.2em;
		line-height: 1.1em;
	}


	#top-section {
		width:100%;
		height: 1000px;
		min-height: 500px;
	  }
	
	#request-eye>svg {
		position: absolute;
		right: 3em;
		/* left: 50%;
		transform: translateX(-50%); */
		/* margin: 5rem auto 12rem !important; */
		/* border-radius: 30px; */
		/* margin-top: 150px; */
		margin: 0;
		z-index: 501;
	}

	.section {
		max-width: 75em;
		margin: 0 auto;
		position: relative;
		overflow: hidden;
	}
	.fixed {
		position: absolute;
	}
	.pane {
		margin: 0 20px 40px 29em;
		width: auto;
	}
	.intropane {
		margin: 0 0 0 6em;
		padding: 7em 0 0;
		float: left;
		width: 18em;
	}
	.singlepane {
		text-align: center;
		margin: 0 auto;
		width: 18em;
	}

	.vizPane {
		/* width: calc(100% - 300px - 20em); */
		width: 55%;
		height: 30em;
		border-radius: 0;
		/* 2em; */
		/* background: #fffc; */
		position: absolute;
		z-index: 600;
		/* box-shadow: 0px 3px 5px rgb(0 0 0 / 10%); */
	}
	
	.vizPane2 {
		width: 100%;
		height: 30em;
		border-radius: 2em;
		background: #fff0;
		/* position: absolute; */
		z-index: 600;
		/* box-shadow: 0px 3px 5px rgb(0 0 0 / 10%); */
	}


	/* Section:Intro */
	.side-pane,
	.mapexplore .pane,
	#situation-summary .pane {
		margin: 0 0 0 2em; 
		/* 4em; */
		padding: 0.6em 2.5em 0.3em 2.5em;
		border-radius: 0; 
		/* 2em; */
		background: #fff;
		width: 20em;
		position: absolute;
		z-index: 600;
		box-shadow: 0px 3px 5px rgba(0,0,0,0.1);
		text-align: left;
	}
	#situation-summary .electionStats {
		float: left;
		clear: left;
		position: absolute;
		z-index: 550;
		max-width: 18em;
		margin: 0 0 0 6em;
	}
	#thankyou {
		position: absolute;
		padding-top: 1em;
		max-width: 30em;
		width: 60%;
	}
	#thankyou h1 {
		font-size: 3em;
	}
	#request-summary {
		position: relative;
	}
	#request-summary p.c {
		display: block;
		word-spacing: -0.02em;
		padding-bottom: 0.2em;
		color: #777;
		font-size: 1em;
	}
	#socialTriggers {
		margin-top: 2em;
	}
	/*
	#moneywinselections:after {
		content: "";
		position: absolute;
		left: 0;
		bottom: -7em;
		display: block;
		border-top: 5em solid #fff;
		border-left: 10.75em solid transparent;
		border-right: 10.75em solid transparent;
	}
	*/

	#requestMapContainer {
		clear: both;
		right: 0;
		position: relative;
		/* z-index: 500; */
		display: block;
		width: 100%;
		max-width: 1600px;
		height: 1200px;
		z-index:1;
	}
	#requestMapSVG {
		position: absolute;
		left: 0;
		top: 0;
	}

	#PowerfulFew {
		margin-top: 15.5em;
		width: 24em;
	}
	#GetItBack {
		margin-top: 18em;
		padding-bottom: 24em;
		width: 30em;
	}

	#ninetyfive {
		width: auto;
		max-width: 36em;
	}

	#explodingDot {
		display: block;
		z-index: 200;
		float: left;
		margin-bottom: -100%;
	}

	#complain .pane {
		position: relative;
		z-index: 500;
	}

	#lopsided {
		background: none;
	}

	#tinyGroup {
		width: auto;		
	}

	#lessthanone p,
	#tinyGroup p {
		max-width: 23em;
		margin-right: 4em;
		line-height: 1.3em;
	}
	#washingtonInfluence {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 300;
	}
	#rawwater {
		background: url("../images/bg.jpg") no-repeat center top;
		background-size: cover;
	}

	#lessthanone span.a, 
	#lessthanone span.d {
		font-size: 2.6em;
	}

	#lopsidedpolicy {
		float: none;
		min-height: 30em;
		padding-top: 6em;
	}

	#lopsidedfor,
	#lopsidedagaint {
		width: 18em;
	}
	#lopsidedfor {
		float: left;
		margin-left: 6em;
	}
	#lopsidedagaint {
		float: right;
		clear: left;
		margin-right: 6em;
	}
	#AgainstPublicInterest {
		clear: both;
		width: 18em;
		margin: 0 auto;
		float: none;
	}


	/* Section: issues */
	#lopsidedfor span.a,
	#lopsidedagaint span.a {
		display: block;
		text-transform: uppercase;
		font-size: 2.5em;
	}
	#lopsidedfor span.b,
	#lopsidedagaint span.b {
		font-size: 1.7em;
		color: #888;
		line-height: 1.3em;
	}
	#AgainstPublicInterest p {
		font-size: 2em;
		line-height: 1.3em;
	}
	.source {
		font-size: 0.7em;
		width: 100%;
		margin: 0;
	}
	.source p {
		width: 18em;
		margin: 0 auto;
		font-size: 1em;
		text-align: center;
	}

	.issue span {
		font-size: 3em;
	}
	.lobbyingContext {
		display: inline-block; 
		line-height: 2em; 
		color: #000; 
		margin-bottom: 0.1em; 
		font-size: 1.62em;
		border-top: 4px solid #000;
	}
	.lobbyingStance {
		font-size: 1.8em;
		line-height: 1.7em;
		color: #000;
		text-transform: uppercase;
		display: inline-block;
		border-bottom: 4px solid #000;
	}
	.lobbyingStance span {
		color: #fff;
	}
	.moneyFor .lobbyingStance {
		word-spacing: -0.05em;
	}
	.moneyAgainst .lobbyingStance {
		word-spacing: 0.1em;
	}
	.moneyAgainst .lobbyingContext {
		display: inline-block;
	}
	.lobbyingSum {
		color: #fff;
		line-height: 0.9em;
		display: block;
	}
	span.lobbyingSum {
		font-size: 3em;
	}
	.lobbyingSVG {
		position: absolute;
		top: 0;
		left: 0;
	}
	.issue {
		padding: 0;
		margin: 0;
		width: 100%;
		height: 100%;
		position: absolute;
	}
	.issue h2 {
		width: 44%;
		max-width: 32em;
		margin: 0 auto 0;
	}
	.moneyFor,
	.moneyAgainst {
		width: 20%;
		padding: 0;
		text-align: center;
	}
	.moneyFor {
		float: left;
		margin: 0 0 0 4em;
	}
	.moneyAgainst {
		float: right;
		margin: 0 4em 0 0;
	}
	.lobbyingStats {
		overflow: hidden;
		padding: 1em 0;
	}
	#riggedGame .pane {
		margin: 0;
		width: 100%;
		text-align: center;
	}
	.vector_icon {
		padding: 6em 0 2em;
	}
	.source {
		position: absolute;
		bottom: 10em;
	}

	
	#theAct .pane {
		position: relative;
		margin-left: 4em;
		z-index: 700;
		
	}
	#OrdinaryCitizens {
		max-width: 30em;
		padding: 0;
	}

	#ChangeTheFunders {
		max-width: 25em;
	}

	#ThirtyBillion {
		padding: 0;	
	}
	#ThirtyBillion p {
		margin-bottom: 0;
	}
	#ThirtyBillion span.a,
	#ThirtyBillion span.b,
	#ThirtyBillion span.c {
		display: block;
	}
	#ThirtyBillion strong {
		color: #C81700;	
	}
	#ThirtyBillion .a1,
	#ThirtyBillion .a2 {
		font-size: 1.5em;
	}
	#ThirtyBillion .b {
		margin-bottom: -0.4em;
	}
	#ThirtyBillion .b1 {
		font-size: 3.33em;
		line-height: 1.5em;
	}
	#ThirtyBillion .c {
		text-align: right;
	}
	#ThirtyBillion .c1 {
		color: #C81700;
		font-size: 1.8em;
	}
	#ThirtyBillion .d {
		text-align: right;
		margin: 1em 0.5em 0 0;
	}
	#ThirtyBillion .d a {
		color: #999;
	}
	#particles {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		z-index: 500;
	}
	#spreading {
		display: block;
	}
	#particleAnimation {
		padding: 0;
	}
	#InfluenceTheyDeserve {
		font-size: 5em;
	}

	#fixCongress,
	#OneMillionCosponsors span.a1,
	#OneMillionCosponsors span.b1 {
		font-size: 1.4em;
	}
	#OneMillionCosponsors span.a2,
	#OneMillionCosponsors span.b2 {
		font-size: 4.5em;
		display: inline;
	}
	#OneMillionCosponsors span.a {
		line-height: 1;
		margin: 0.8em 0 0.4em;
	}
	#Appealing {
		text-align: center;
		margin: 0 auto;
		max-width: 48em;
	}
	#unknown_user {
		max-width: 39.5em;
		margin: 0 auto;
	}
	#unknown_user input {
		font-size: 2.5em;
		padding: 0.2em 0.1em 0.05em 0.1em;
	}

	#Appealing label {
		text-align: left;
	}

	#ShareTitle h2 {
		color: #C81700;
		font-size: 6em;
		margin: 0.7em 0 0;
	}
	#ShareTitle p {

	}
	#previewContainer {
		max-width: 42em;
	}
	#sharePreview {
		font-size: 1.7em;
		line-height: 1.3em;
		min-height: 5.5em;
	}

	#socialTriggers {
		font-size: 1em;
	}
	#socialTriggers a {
		display: inline-block;
	}

	#overlay {
		display: none;
		position: fixed;
		bottom: 0;
		width: 100%;
		margin: 0 auto;
		height: 100%;
	}
	#overlayFor {
		position: absolute;
		bottom: -10%;
		left: 0;
		width: 36em;
		height: 36em;
		
	}
	#overlayAgainst {
		position: absolute;
		bottom: -10%;
		right: 0;
		width: 36em;
		height: 36em;
		
	}
	#svgFor, #svgAgainst {
		width: 100%;
		height: 100%;
	}


	footer {
		position: absolute;
		bottom: 10px;
		left: 50%;
		transform: translate(-50%,0%);
		margin: 2em 0;
		background-color: #fff;
	}
}

/* @media only screen and (min-width: 1500px) {
	body {
		font: 20px/30px Helvetica, Helvetica Neue, Arial;
	}
} */



.faqs {
    padding: 0rem 2rem;
    overflow-y: auto;
    height: calc(100vh - 14rem); 
}

.faqs .question {
    color: #6c757d;
    font-size: 18px;
    margin: 0;
    margin-bottom: 0.25rem;
}

.faqs .answer {
    color: #007bff;
    font-size: 16px;
    padding-left: 2rem;
    line-height: 1.5rem;
}

.faqs h2 {
    font-weight: 600;
    margin: 0;
    text-transform: none;
}

/* footer {
    display: flex;
    flex-direction: column;
    margin-bottom: 0rem;
    margin-top: 0rem;
    width: 100%;
} */
footer>* {
    align-self: center;
    text-align: center;
}

.link a {
    background: rgba(0,123,255,.0627451);
    color: #007bff;
    font-weight: 900;
    font-size: 16px;
    text-decoration: none;
    text-transform: uppercase;
    word-wrap: break-word;
}

footer h5 {
    color: #6c757d;
    font-weight: 600;
    font-size: 12px;
    margin: 0;
    margin-bottom: 0.25rem;
}

footer svg {
    width: 32px;
    height: 32px;
    margin-right: .5rem;
    padding: .25rem;
}

footer .send {
    color:  #007bff99;

}

footer .send:hover {
    color: #007bff;
}

footer .app {
    color: #6c757d99;

}

footer .app:hover {
    color: #6c757d;
}

footer .fb {
    color: #4c75f299;
}

footer .fb:hover {
    color:  #4c75f2;
}

footer .api {
    color:  #ffc10799;

}

footer .api:hover {
    color: #ffc107;
}

footer .mail {
    color: #b6854d99;
}

footer .mail:hover {
    color: #b6854d;
}

.toggle {
	color: #0078FF;
	border: 2px solid #0078FF;
	border-radius: 30px;
	margin: 5px auto;
	cursor: pointer;
	line-height: 1em;
}


.loading {
	z-index: 2048;
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	line-height: 0px;
	background: url("../images/loading.gif") no-repeat center center;
	width: 200px;
	height: 200px;
}

#TimeDisplay {
	position:fixed;
	bottom: 1%;
	left: 0%;
	opacity: 1;
	width: 98%;
	text-align: right;
	font-size: 12px;
	z-index: 2000;
	color: #0078FFaa;
}

.nowrap {
	/* white-space: nowrap; */
	font-size: 1.0em !important;
}

.nowrap2 {
	white-space: nowrap;
}

.map-container {
	width: 100%;
	height: 100%;
	/* margin-left: 500px; */
	margin-top: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
}

#east-summary,
#west-summary,
#east-panel,
#west-panel {
	width: 100%;
}
.toggle-param-container {
	margin: 5px 0;
}

#east-watermap-wrapper {
	max-width: 700px;
	width: 100%;
	/* max-height: 400px; */
	height: 100%;
}
#west-watermap-wrapper {
	max-width: 800px;
	width: 100%;
	/* max-height: 400px; */
	height: 100%;
}
/* @media only screen and (min-width: 600px) {
	#east-watermap-wrapper {
		max-height: 550px;
	}
	#west-watermap-wrapper {
		max-height: 500px;
	}
} */
.toggle-param-container {
    display: flex;
    flex-direction: row;
    width: 18em;
    /* height: 50px !important; */
    border-radius: 25px;
    border: 2px solid #0078FF;
    background-color: #FFFFFF;
    padding: 2px;
    cursor: pointer;
    font-size: 1.1rem;
    margin: 5px auto;
    /* margin-right: 5px 1em; */
}
@media only screen and (min-width: 960px) {
	.map-container {
		width: calc(100% - 400px);
		height: 100%;
		margin-left: 400px;
		margin-top: 0px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	#east-summary,
	#west-summary,
	#east-panel,
	#west-panel {
		width: 20em;
	}
	.toggle-param-container {
		margin: 5px 2em;
	}

	#east-watermap-wrapper {
		max-height: 700px;
	}
	#west-watermap-wrapper {
		max-height: 600px;
	}
	.toggle-param-container {
		margin: 5px 2em;
	}
}
/* .east-watermap, .west-watermap {
	position: relative;
	top: 100px;
	margin-right: 50px;
	margin-left: auto;
} */

.train,
.station-label {
	fill: #FFFFFF;
}

#east-explore {
	background: #F1F1F1 url("../images/diagonal-noise_dark.png");
}

#west-explore {
	background: #F1F1F1 url("../images/img-grey_wash_wall.png");
}


div.east-map-tooltip,
div.west-map-tooltip {
  color: #222; 
  background: #fff; 
  padding: .5em; 
  text-shadow: #f5f5f5 0 1px 0;
  border-radius: 2px; 
  box-shadow: 0px 0px 2px 0px #a6a6a6; 
  opacity: 0.9; 
  position: absolute;
}

.toggle-param {
    /* width: 5em; */
    height: 25px;
    margin-right: 1px;
    background-color: #ffffff;
    /* color: #fff; */
    white-space: nowrap;
}

.param-title {
	border-color: #0000;
	background-color: #0000;
	color: #FFF;
}

/* #east-panel .toggle-right {
	padding: 0 20px;
	display: flex;
	justify-content: space-arourn;
} */
.toggle-param-container {
	display: flex;
	flex-direction: row;
	border-radius: 6px;
	border-width: 0;
}
.toggle-param-container .toggle-left {
	color: #FFF;
	/* border-top-left-radius: 5px;
	border-bottom-left-radius: 5px; */
	border-radius: 5px;
	width: 30%;
	font-size: 14px;
}
.toggle-param-container .toggle-right {
	display: flex;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	width: 70%;
}
.toggle-param-container .toggle-right span {
	display: flex;
	text-align: right;
	margin-left: auto;
	margin-right: 10px;
}


#east-summary .toggle-param-container .toggle-right span,
#west-summary .toggle-param-container .toggle-right span {
	display: flex;
	text-align: center;
	margin: 0 auto;
}

.label-unit {
	text-align: left !important;
	margin: 0 !important;
	width: 7em !important;
}

.station-label {
	fill:#aaa;
	/* font-size: 16px; */
}
.station-label.highlight {
	fill:#fff;
	/* font-size: 20px; */
}

.warning-stat {
	width: 5em;
	background-color: orange;
	color: #fff;
	border-radius: 12px;
	text-align: center !important;
	justify-content: center;
	margin: 0 3px !important;
	margin-top:-1px;
}
.critical-stat {
	width: 5em;
	background-color: red;
	color: #fff;
	border-radius: 12px;
	text-align: center !important;
	justify-content: center;
	margin: 0 3px !important;
	margin-top:-1px;
}
.normal-stat {
	width: 12em;
	background-color: #0000;
	border-radius: 12px;
	text-align: center !important;
	justify-content: center;
	margin: 0 auto !important;
	margin-top:-1px;
	color: #0078FF;
}
.toggle-right .small {
	padding-top: 4px;
	font-size: 12px;
	width: 3em;
}

#east-explore p.c,
#west-explore p.c {
    display: block;
    word-spacing: -0.02em;
    padding-bottom: 0.2em;
    color: #777;
    font-size: 1em;
	margin-top:0;
}

.donut-label {
	fill:#fff0;
	pointer-events: none;
}

.highlight text.donut-label {
	fill:#fff;
}

.east-station:hover,
.west-station:hover {
	fill: #0078FF;
}

/* #east-param-title,
#west-param-title {
	visibility: visible !important;
} */

/* #east-panel,
#east-summary,
#west-panel,
#west-summary {
	border-radius: 3px;
} */