/* GENERAL STYLES -- SIDEBAR */

#sidebar .dataviz {
  margin-bottom:30px;
  background-color:#fff;
  overflow-y: hidden;
  overflow-x: hidden;
}

#sidebar .dataviz h2 {
  margin-bottom:15px !important;
  color:#666 !important;
  font-size:.90em;
}

#sidebar .dataviz .dv {
  color:#71bf44;
}

#sidebar .dataviz .chart, #sidebar .dataviz .info {
  font: 10px sans-serif;
}

.chart {
  width:100%;
  min-height:160px;
}

#sidebar .dataviz .info {
  margin-top:10px;
}

#sidebar .dataviz hr {
	display:inline-block;
	margin-bottom:3px;	
	height:2px;
	border:0;
	margin-top:5px;
}

.axis path, .axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}

.load-data-viz{
	margin-top:2px;
	font-size:.85em;	
}

/* SPECIFIC CHART STYLES */

/* carbon + temp chart */	

.carbon_temp .y.axis path, .carbon_temp .y.axis line, .carbon_temp .ppm_line, hr.y {
  stroke:#620001;
  color:#620001;
  background-color:#620001;
}

.carbon_temp .y.axis text {
  fill:#620001;
}

.carbon_temp .y2.axis path, .carbon_temp .y2.axis line, .carbon_temp .temp_line, hr.y2 {
  stroke:#1b5c92;
  color:#1b5c92;
  background-color:#1b5c92;
}

.carbon_temp .y2.axis text {
  fill:#1b5c92;
}

.carbon_temp .ppm_line {
  fill: none;
  stroke-width: 2px;
}

.carbon_temp .temp_line {
  fill: none;
  stroke-width: 2px;
}


/* u.s. disaster spending + climate extremes index */

.disaster_relief_cei .bar, .disaster_relief_cei .y.axis text, .disaster_relief_cei hr.y {
	fill: #005b00;
	background-color:#005b00;
}

.disaster_relief_cei .y2.axis text, .disaster_relief_cei hr.y2{
	fill: maroon;
	background-color:maroon;
}

.disaster_relief_cei .y.axis .tick:first-child line{
	display:none;	
}

.disaster_relief_cei .cei_line {
  fill: none;
  stroke-width: 2px;
  stroke:maroon;
}


/* Annual Total Renewable Electricity Net Generation: U.S. vs China */

.renewable_electricity .y.axis line, .renewable_electricity .us_line, hr.us-legend {
  stroke:#0052A5;
  color:#0052A5;
  background-color:#0052A5;
}

.renewable_electricity .china_line, hr.china-legend {
  stroke:#AA381E;
  color:#AA381E;
  background-color:#AA381E;
}

.renewable_electricity .us_line {
  fill: none;
  stroke-width: 2px;
}

.renewable_electricity .china_line {
  fill: none;
  stroke-width: 2px;
}


/* Median Income */

.median_income path {
  fill: none !important;
  stroke-width: 2px;
}

.median_income hr {
  margin-left:8px;
}

.median_income hr:first-child {
  margin-left:0;
}

.median_income .lowest_line, #labels .lowest, hr.lowest-legend {
  stroke:#d62728;
  color:#d62728;
  background-color:#d62728;
  fill:#d62728;
}

.median_income .second_line, #labels .second, hr.second-legend {
  stroke:#ff7f0e;
  color:#ff7f0e;
  background-color:#ff7f0e;
  fill:#ff7f0e;
}

.median_income .third_line, #labels .third, hr.third-legend {
  stroke:#2ca02c;
  color:#2ca02c;
  background-color:#2ca02c;
  fill:#2ca02c;
}

.median_income .fourth_line, #labels .fourth, hr.fourth-legend {
  stroke:#1f77b4;
  color:#1f77b4;
  background-color:#1f77b4;
  fill:#1f77b4;
}

.median_income .top_5_line, #labels .top_5, hr.top_5-legend {
  stroke:#333;
  color:#333;
  background-color:#333;
  fill:#333;
}

#labels text{ stroke:none !important; }


/* U.S. Elections Cost */

.elections_cost .congressional, .legend-congressional {
    fill: steelblue;
	background-color:steelblue;
}

.elections_cost .presidential, .legend-presidential {
    fill: maroon;
	background-color:maroon;
}

.legend-congressional, .legend-presidential {
  display:inline-block;
  width:8px;
  height:8px;
  margin-right:4px;
}

.elections_cost .source {
	margin-top:5px;
}

@media only screen and (min-width:720px) { .elections_cost .info { margin-left:24px; } }