@import url('https://code.highcharts.com/6.1.4/css/highcharts.css');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400');
@import url('https://s3.amazonaws.com/jchs-app-source-data/JCHS-highchartrs/src/css/JCHS-highcharts.css');


/* change chart colors here*/
.highcharts-color-0 { fill: #1f3b7a; stroke: #1f3b7a; color: #1f3b7a; }
.highcharts-color-1 { fill: #95cacf; stroke: #95cacf; color: #95cacf; }

.highcharts-series-0 .highcharts-graph {
	stroke-width: 4px; 
}

/*Formatting the notes in the exported images*/
.tooltip-instruct {
  font-size: 16px;
  text-align: center;
  font-style: italic;
  color: #ff440b;
}

/*Changing the tooltip bullet point colors to match the corresponding series color*/
.highcharts-tooltip span.highcharts-color-0 {
  color: #1f3b7a;
}

.highcharts-tooltip span.highcharts-color-1 {
  color: #95cacf;
}

/*SON 2021 official colors*/
/*1. Dark blue: 100% = #1f3b7a, 60% = #7989af, 40% = #a6b1ca*/
/*2. Light blue: 100% = #4ea7af, 80% = #95cacf, 60% = #b8dcdf*/
/*3. Dark green: 100% = #105f54, 60% = #709f98, 40% = #9fbfbb*/
/*4. Light green: 100% = #9fcc46, 60% = #c6e090, 40% = #d9eab5*/
/*Alternative light green for interactives: #99b959*/
/*5. Orange: 100% = #ff440b, 80% = #ff8f6d, 60% = #ffb49d*/
/*6. Gray: 100% = #67737a, 80% = #a4abaf, 60% = #c2c7ca*/