@charset "UTF-8";
/* CSS Document */

/* ------------------------------------------------------- */
/* ---------------- Font imports ------------------------- */
/* ------------------------------------------------------- */

@font-face {
    font-family: 'Suisse Bold';
    src: url(fonts/suisseintl-bold-webs.eot);
    src: url(fonts/suisseintl-bold-webs.eot?#iefix) format("embedded-opentype"),url(fonts/suisseintl-bold-webs.woff) format("woff"),url(fonts/suisseintl-bold-webs.ttf) format("truetype"),url(fonts/suisseintl-bold-webs.svg#webfont) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Suisse Light';
    src: url(fonts/suisseintl-light-webs.eot);
    src: url(fonts/suisseintl-light-webs.eot?#iefix) format("embedded-opentype"),url(fonts/suisseintl-light-webs.woff) format("woff"),url(fonts/suisseintl-light-webs.ttf) format("truetype"),url(fonts/suisseintl-light-webs.svg#webfont) format("svg");
    font-weight: 200;
    font-style: normal
}

@font-face {
    font-family: 'Suisse Regular';
    src: url(fonts/suisseintl-regular-webs.eot);
    src: url(fonts/suisseintl-regular-webs.eot?#iefix) format("embedded-opentype"),url(fonts/suisseintl-regular-webs.woff) format("woff"),url(fonts/suisseintl-regular-webs.ttf) format("truetype"),url(fonts/suisseintl-regular-webs.svg#webfont) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Suisse Italic';
    src: url(fonts/suisseintl-regularitalic-webs.eot);
    src: url(fonts/suisseintl-regularitalic-webs.eot?#iefix) format("embedded-opentype"),url(fonts/suisseintl-regularitalic-webs.woff) format("woff"),url(fonts/suisseintl-regularitalic-webs.ttf) format("truetype"),url(fonts/suisseintl-regularitalic-webs.svg#webfont) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Suisse Medium';
    src: url(fonts/suisseintl-medium-webs.eot);
    src: url(fonts/suisseintl-medium-webs.eot?#iefix) format("embedded-opentype"),url(fonts/suisseintl-medium-webs.woff) format("woff"),url(fonts/suisseintl-medium-webs.ttf) format("truetype"),url(fonts/suisseintl-medium-webs.svg#webfont) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Suisse Regular Italic';
    src: url(fonts/suisseintl-regularitalic-webs.eot);
    src: url(fonts/suisseintl-regularitalic-webs.eot?#iefix) format("embedded-opentype"),url(fonts/suisseintl-regularitalic-webs.woff) format("woff"),url(fonts/suisseintl-regularitalic-webs.ttf) format("truetype"),url(fonts/suisseintl-regularitalic-webs.svg#webfont) format("svg");
    font-weight: 400;
    font-style: normal
}

table {
	display: none;
}

/* ------------------------------------------------------- */
/* --------------- Quick colours ------------------------- */
/* ------------------------------------------------------- */

body {
/* Base colours */
	--c3_red: #D0103A !important;
	--c3_green: #015151 !important;
	--c3_coolgreen: #7AA6AD !important;
	--c3_teal: #0E9390 !important;
	--c3_lightblue: #1B99D7 !important;
	--c3_darkblue: #006398 !important;
	--c3_yellow: #FAA21B !important;
	--c3_orange: #B94617 !important;
	--c3_purple: #7C4183 !important;
	--c3_darkred: #8A1D41 !important;
	--c3_warmgrey: #D6D1C4 !important;
	--c3_coolgrey: #C1C5C8 !important;
	--c3_midgrey: #88898D !important;
	--c3_darkgrey: #363A36 !important;
	--c3_white: #FFFFFF !important;
	--c3_black: #000000 !important;
	
	--c3_researchgreen: #F0F0E4 !important;
	--c3_researchdarkgreen: #E2E2CB !important;
	
	--c3_blue1: #0A4870 !important;
	--c3_blue2: #0087A4 !important;
	--c3_blue3: #2DCCD3 !important;
	--c3_blue4: #AEE9E8 !important;
	--c3_green1: #01624F !important;
	--c3_green2: #00A56E !important;
	--c3_green3: #80D098 !important;
	--c3_green4: #C3F1CF !important;
	--c3_red1: #9F2E1C !important;
	--c3_red2: #EA5131 !important;
	--c3_red3: #F6A04D !important;
	--c3_red4: #FEF380 !important;
	--c3_pink1: #840B55 !important;
	--c3_pink2: #CA2E5B !important;
	--c3_pink3: #E98F9D !important;
	--c3_pink4: #FAD7DA !important;
	--c3_black1: #000000 !important;
	--c3_black2: #333333 !important;
	--c3_black3: #666666 !important;
	--c3_grey1: #ABA79D !important;
	--c3_grey2: #D6D1C4 !important;
	--c3_grey3: #FFFFFF !important;
	--c3_yellow1: #FAA21B !important;
	--c3_yellow2: #FCCA4D !important;
	--c3_yellow3: #FEF380 !important;
	
}

/* ------------------------------------------------------- */
/* ---------------------- Basics ------------------------- */
/* ------------------------------------------------------- */

* {
  box-sizing: border-box;
}

html, body {
	background-color: #ffffff;
	-webkit-text-size-adjust: none;
	margin: 0px;
	height: 100%;
	font-family: "Suisse Regular", Helvetica, Arial, sans-serif;
	background-color: var(--c3_pink1);
}

/* ------------------------------------------------------- */
/* ------------------- Outer Structures ------------------ */
/* ------------------------------------------------------- */

header#c3_header {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100px;
	z-index: 2;
	background-image: url(images/header-triangle.svg);
    background-repeat: no-repeat;
    background-size: 300px auto;
	background-position: 150px 0px;
}

nav#c3_nav_main {
	display: block;
	position: relative;
	overflow: hidden;
	float: left;
	width: 300px;
	height: 100%;
	padding: 25px;
	padding-top: 150px;
	background-color: var(--c3_pink1);
}

article#c3_article_main {
	display: block;
	position: relative;
	overflow: scroll;
	float: left;
	width: calc(100% - 300px);
	height: 100%;
	padding-top: 130px;
	background-color: var(--c3_researchgreen);
	-ms-overflow-style: none;
  	scrollbar-width: none;
}

article#c3_article_main::-webkit-scrollbar { display: none; }

article#c3_article_main div#c3_div_scroll_container {
	display: block;
	position: relative;
	overflow: hidden;
}

article#c3_article_main figure {
	display: block;
	position: relative;
	overflow: hidden;
	margin: 0px;
	padding: 20px;
	padding-right: 60px;
	background-color: var(--c3_researchgreen);
}

article#c3_article_main figure figcaption {
	display: block;
	position: relative;
	overflow: hidden;
	font-size: 20px;
	margin-bottom: 20px;
	width: 100%;
	height: auto;
}

div.c3_div_figure_columns {
	display: flex;
	align-items: center;
}

div.c3_div_figure_col_1, div.c3_div_figure_col_2 {
	flex: 1;
	position: relative;
	float: left;
}

figure.c3_figure_pie_key div.c3_div_figure_col_2 {
	margin-left: -20%;
}

/* ------------------------------------------------------- */
/* ------------------------ Header ----------------------- */
/* ------------------------------------------------------- */

header#c3_header h1 {
	display: block;
    position: absolute;
    overflow: hidden;
    top: 100px;
    left: 25px;
    width: 250px;
    height: 40px;
    padding-top: 40px;
    margin: 0;
    background-image: url(images/ys-logo.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
}

/* ------------------------------------------------------- */
/* ---------------------- Navigation --------------------- */
/* ------------------------------------------------------- */

nav#c3_nav_main ul {
	display: block;
	position: relative;
	overflow: scroll;
	list-style: none;
	padding: 0;
	margin: 0;
	height: 80%;
	border-top: 1px solid rgba(255,255,255,1);
	border-bottom: 1px solid rgba(255,255,255,1);
	-ms-overflow-style: none;
  	scrollbar-width: none;
}

nav#c3_nav_main ul::-webkit-scrollbar { display: none; }

nav#c3_nav_main ul li {
	display: block;
	position: relative;
	overflow: hidden;
	font-size: 14px;
	font-family: 'Suisse Light';
	border-bottom: 1px solid rgba(255,255,255,0.25); 
}

nav#c3_nav_main ul li a {
	display: block;
	position: relative;
	overflow: hidden;
	color: var(--c3_white);
	text-decoration: none;
	padding-left: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
    padding-right: 5px;
	background-image: url("images/q.svg");
	background-repeat: no-repeat;
	background-size: 20px auto;
	background-position: 5px 8px;
}

nav#c3_nav_main ul li a:hover, nav#c3_nav_main ul li a:focus, nav#c3_nav_main ul li a.c3_selected {
	background-color: rgba(0,0,0,0.25);
}

/* ------------------------------------------------------- */
/* ------------------- SVGs (Main Pies) ------------------ */
/* ------------------------------------------------------- */

svg.c3_svg_hex_pie {
	/*
	width: 180%;
    transform: rotate(-120deg);
	*/
	width: 150%;
}

svg.c3_svg_hex_pie polygon {
	display: block;
	position: relative;
	fill: transparent;
	stroke: var(--c3_white);
	stroke-width: 10px;
	stroke-linecap: round;
	transform-origin: center center;
	transition: stroke-dasharray 0.5s ease;
}

svg.c3_svg_hex_pie polygon:nth-of-type(14) { stroke: var(--c3_blue1); }
svg.c3_svg_hex_pie polygon:nth-of-type(15) { stroke: var(--c3_blue2); }
svg.c3_svg_hex_pie polygon:nth-of-type(16) { stroke: var(--c3_blue3); }
svg.c3_svg_hex_pie polygon:nth-of-type(17) { stroke: var(--c3_pink1); }
svg.c3_svg_hex_pie polygon:nth-of-type(18) { stroke: var(--c3_pink2); }
svg.c3_svg_hex_pie polygon:nth-of-type(19) { stroke: var(--c3_pink3); }
svg.c3_svg_hex_pie polygon:nth-of-type(20) { stroke: var(--c3_green1); }
svg.c3_svg_hex_pie polygon:nth-of-type(21) { stroke: var(--c3_green2); }
svg.c3_svg_hex_pie polygon:nth-of-type(22) { stroke: var(--c3_green3); }
svg.c3_svg_hex_pie polygon:nth-of-type(23) { stroke: var(--c3_red1); }
svg.c3_svg_hex_pie polygon:nth-of-type(24) { stroke: var(--c3_red2); }
svg.c3_svg_hex_pie polygon:nth-of-type(25) { stroke: var(--c3_red3); }
svg.c3_svg_hex_pie polygon:nth-of-type(26) { stroke: var(--c3_black); }

/* ------------------------------------------------------- */
/* ------------------ SVGs (Main Blocks) ----------------- */
/* ------------------------------------------------------- */

figure.c3_figure_blocks svg.c3_svg_hex_blocks {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	transition: transform 0.5s ease, opacity 0.25s linear, margin-left 0.5s ease, margin-top 0.5s ease, width 0.5s ease;
	cursor: pointer;
	pointer-events: none;
	opacity: 0.9;
}

figure.c3_figure_blocks svg.c3_svg_hex_blocks polygon {
	display: block;
	position: relative;
	fill: transparent;
	stroke-linecap: round;
	stroke-linejoin: round;
	transform-origin: center center;
	transform: scaleX(-1) rotate(-120deg);
	transition: fill 0.5s ease, opacity 0.25s linear;
	pointer-events: all;
}

figure.c3_figure_blocks div.c3_div_svg_container_centre {
    display: block;
    position: relative;
    fill: transparent;
    transform-origin: center center;
    transform: scale(0.5);
}

figure.c3_figure_blocks svg#c3_svg_hex_blocks_centre_visible,
figure.c3_figure_blocks svg#c3_svg_hex_blocks_topmiddle,
figure.c3_figure_blocks svg#c3_svg_hex_blocks_bottommiddle,
figure.c3_figure_blocks svg#c3_svg_hex_blocks_topleft,
figure.c3_figure_blocks svg#c3_svg_hex_blocks_topright,
figure.c3_figure_blocks svg#c3_svg_hex_blocks_bottomleft,
figure.c3_figure_blocks svg#c3_svg_hex_blocks_bottomright {
	display: block;
	position: absolute;
	top: 45.5%;
	left: 0px;
	fill: transparent;
	transform-origin: center center;
}

figure.c3_figure_blocks svg#c3_svg_hex_blocks_centre_visible { top: 0%; left: 0%; }
figure.c3_figure_blocks svg#c3_svg_hex_blocks_topmiddle { top: -45.5%; left: 0%; }
figure.c3_figure_blocks svg#c3_svg_hex_blocks_topleft { top: -23%; left: -40%; }
figure.c3_figure_blocks svg#c3_svg_hex_blocks_topright { top: -22.9%; left: 39.7%; }
figure.c3_figure_blocks svg#c3_svg_hex_blocks_bottomleft { top: 23.1%; left: -40%; }
figure.c3_figure_blocks svg#c3_svg_hex_blocks_bottomright { top: 23.1%; left: 40%; }

/* ------------------------------------------------------- */
/* ------ SVGs (Main Blocks: Line Up Overriders) --------- */
/* ------------------------------------------------------- */

figure.c3_figure_lineup div.c3_div_svg_container_centre {
	transform: scale(1);
	width: 50%;
	left: 50%;
	margin-left: calc(50%/-2);
}

figure.c3_figure_lineup svg#c3_svg_hex_blocks_centre_visible,
figure.c3_figure_lineup svg#c3_svg_hex_blocks_topmiddle,
figure.c3_figure_lineup svg#c3_svg_hex_blocks_bottommiddle,
figure.c3_figure_lineup svg#c3_svg_hex_blocks_topleft,
figure.c3_figure_lineup svg#c3_svg_hex_blocks_topright,
figure.c3_figure_lineup svg#c3_svg_hex_blocks_bottomleft,
figure.c3_figure_lineup svg#c3_svg_hex_blocks_bottomright {
	display: block;
	position: relative;
	top: 0%;
	left: 50%;
	fill: transparent;
	transform-origin: center center;
}

figure.c3_figure_lineup svg#c3_svg_hex_blocks_centre_visible {
	margin-top: 0% !important;
}

figure.c3_figure_lineup svg#c3_svg_hex_blocks_centre_visible { z-index: 7; }
figure.c3_figure_lineup svg#c3_svg_hex_blocks_bottomleft { z-index: 6; }
figure.c3_figure_lineup svg#c3_svg_hex_blocks_bottomright { z-index: 5; }
figure.c3_figure_lineup svg#c3_svg_hex_blocks_topmiddle { z-index: 4; }
figure.c3_figure_lineup svg#c3_svg_hex_blocks_bottommiddle { z-index: 3; }
figure.c3_figure_lineup svg#c3_svg_hex_blocks_topleft { z-index: 2; }
figure.c3_figure_lineup svg#c3_svg_hex_blocks_topright { z-index: 1; }

/* ------------------------------------------------------- */
/* ------------------------- Keys ------------------------ */
/* ------------------------------------------------------- */

svg.c3_svg_hex_pie_key {
	display: block;
	position: relative;
	float: left;
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: 20px;
}

svg.c3_svg_hex_pie_key polygon {
	fill: var(--c3_black);
	stroke: none;
	stroke-width: 0px;
}

div.c3_div_figure_col_2 ul.c3_ul_key {
	display: block;
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
	border-top: 1px rgba(0,0,0,0.75) solid; 
}

figure.c3_figure_blocks div.c3_div_figure_col_2 ul.c3_ul_key li span.c3_span_range, 
figure.c3_figure_pie_key div.c3_div_figure_col_2 ul.c3_ul_key li span.c3_span_range {
	display: none;
}

div.c3_div_figure_col_2 ul.c3_ul_key li {
	display: flex;
    align-items: center;
	font-size: 14px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px rgba(0,0,0,0.3) dotted;
	cursor: pointer;
	transition: opacity 0.25s linear;
}

div.c3_div_figure_col_2 ul.c3_ul_key li:last-of-type {
	border-bottom: 1px rgba(0,0,0,0.75) solid;
}

div.c3_div_figure_col_2 ul.c3_ul_key li span.c3_span_key_number {
	font-family: 'Suisse Bold';
	margin-left: 10px;
	margin-right: 10px;
	width: 50px;
}

/* ---------------------- Pie specific styles ---------------------------- */

figure.c3_figure_pie_key div.c3_div_figure_col_2 ul li:nth-child(1) svg polygon { fill: var(--c3_blue1); }
figure.c3_figure_pie_key div.c3_div_figure_col_2 ul li:nth-child(2) svg polygon { fill: var(--c3_blue2); }
figure.c3_figure_pie_key div.c3_div_figure_col_2 ul li:nth-child(3) svg polygon { fill: var(--c3_blue3); }

figure.c3_figure_pie_key div.c3_div_figure_col_2 ul li:nth-child(4) svg polygon { fill: var(--c3_pink1); }
figure.c3_figure_pie_key div.c3_div_figure_col_2 ul li:nth-child(5) svg polygon { fill: var(--c3_pink2); }
figure.c3_figure_pie_key div.c3_div_figure_col_2 ul li:nth-child(6) svg polygon { fill: var(--c3_pink3); }

figure.c3_figure_pie_key div.c3_div_figure_col_2 ul li:nth-child(7) svg polygon { fill: var(--c3_green1); }
figure.c3_figure_pie_key div.c3_div_figure_col_2 ul li:nth-child(8) svg polygon { fill: var(--c3_green2); }
figure.c3_figure_pie_key div.c3_div_figure_col_2 ul li:nth-child(9) svg polygon { fill: var(--c3_green3); }

figure.c3_figure_pie_key div.c3_div_figure_col_2 ul li:nth-child(10) svg polygon { fill: var(--c3_red1); }
figure.c3_figure_pie_key div.c3_div_figure_col_2 ul li:nth-child(11) svg polygon { fill: var(--c3_red2); }
figure.c3_figure_pie_key div.c3_div_figure_col_2 ul li:nth-child(12) svg polygon { fill: var(--c3_red3); }

figure.c3_figure_pie_key div.c3_div_figure_col_2 ul li:nth-child(13) svg polygon { fill: var(--c3_black); }

/* ---------------------- Block specific styles ---------------------------- */

figure.c3_figure_blocks div.c3_div_figure_col_2 ul li:nth-child(1) svg polygon:nth-child(1) { fill: var(--c3_blue3); }
figure.c3_figure_blocks div.c3_div_figure_col_2 ul li:nth-child(1) svg polygon:nth-child(2) { fill: var(--c3_blue1); }
figure.c3_figure_blocks div.c3_div_figure_col_2 ul li:nth-child(1) svg polygon:nth-child(3) { fill: var(--c3_blue2); }

figure.c3_figure_blocks div.c3_div_figure_col_2 ul li:nth-child(2) svg polygon:nth-child(1) { fill: var(--c3_pink3); }
figure.c3_figure_blocks div.c3_div_figure_col_2 ul li:nth-child(2) svg polygon:nth-child(2) { fill: var(--c3_pink1); }
figure.c3_figure_blocks div.c3_div_figure_col_2 ul li:nth-child(2) svg polygon:nth-child(3) { fill: var(--c3_pink2); }

figure.c3_figure_blocks div.c3_div_figure_col_2 ul li:nth-child(3) svg polygon:nth-child(1) { fill: var(--c3_green3); }
figure.c3_figure_blocks div.c3_div_figure_col_2 ul li:nth-child(3) svg polygon:nth-child(2) { fill: var(--c3_green1); }
figure.c3_figure_blocks div.c3_div_figure_col_2 ul li:nth-child(3) svg polygon:nth-child(3) { fill: var(--c3_green2); }

figure.c3_figure_blocks div.c3_div_figure_col_2 ul li:nth-child(4) svg polygon:nth-child(1) { fill: var(--c3_red3); }
figure.c3_figure_blocks div.c3_div_figure_col_2 ul li:nth-child(4) svg polygon:nth-child(2) { fill: var(--c3_red1); }
figure.c3_figure_blocks div.c3_div_figure_col_2 ul li:nth-child(4) svg polygon:nth-child(3) { fill: var(--c3_red2); }

figure.c3_figure_blocks div.c3_div_figure_col_2 ul li:nth-child(5) svg polygon:nth-child(1) { fill: var(--c3_black3); }
figure.c3_figure_blocks div.c3_div_figure_col_2 ul li:nth-child(5) svg polygon:nth-child(2) { fill: var(--c3_black1); }
figure.c3_figure_blocks div.c3_div_figure_col_2 ul li:nth-child(5) svg polygon:nth-child(3) { fill: var(--c3_black2); }

figure.c3_figure_blocks div.c3_div_figure_col_2 ul li:nth-child(6) svg polygon:nth-child(1) { fill: var(--c3_grey3); }
figure.c3_figure_blocks div.c3_div_figure_col_2 ul li:nth-child(6) svg polygon:nth-child(2) { fill: var(--c3_grey1); }
figure.c3_figure_blocks div.c3_div_figure_col_2 ul li:nth-child(6) svg polygon:nth-child(3) { fill: var(--c3_grey2); }

figure.c3_figure_blocks div.c3_div_figure_col_2 ul li:nth-child(7) svg polygon:nth-child(1) { fill: var(--c3_yellow3); }
figure.c3_figure_blocks div.c3_div_figure_col_2 ul li:nth-child(7) svg polygon:nth-child(2) { fill: var(--c3_yellow1); }
figure.c3_figure_blocks div.c3_div_figure_col_2 ul li:nth-child(7) svg polygon:nth-child(3) { fill: var(--c3_yellow2); }

/* ---------------------- Range specific styles ---------------------------- */

figure.c3_figure_range div.c3_div_figure_col_1 { display: none; }

figure.c3_figure_range div.c3_div_figure_col_2 ul.c3_ul_key { padding-top: 20px; margin-bottom: 40px; }
figure.c3_figure_range div.c3_div_figure_col_2 ul.c3_ul_key li { display: block !important; position: relative; padding-top: 80px; }
figure.c3_figure_range div.c3_div_figure_col_2 ul.c3_ul_key li > svg { display: none; }
figure.c3_figure_range div.c3_div_figure_col_2 ul.c3_ul_key li span.c3_span_key_number { display: none; }
figure.c3_figure_range div.c3_div_figure_col_2 ul.c3_ul_key li span.c3_span_key_text { display: block; width: 50%; }
figure.c3_figure_range div.c3_div_figure_col_2 ul.c3_ul_key li:last-of-type { border-bottom: 1px rgba(0, 0, 0, 0.3) dotted !important; }

figure.c3_figure_range div.c3_div_figure_col_2 ul.c3_ul_key li div.c3_div_span_range_container { 
	display: block;
    position: absolute;
    bottom: -50%;
    left: 50%;
    width: 50%;
    height: 100%;
}

figure.c3_figure_range div.c3_div_figure_col_2 ul.c3_ul_key li div.c3_div_span_range_container span.c3_span_range { 
	display: block;
	position: relative;
	float: left;
	width: 20%;
	height: 100%;
}

figure.c3_figure_range div.c3_div_figure_col_2 ul.c3_ul_key li div.c3_div_span_range_container span.c3_span_range span.c3_span_range_number { 
	display: block;
	position: absolute;
	width: 100%;
	text-align: center;
	top: 0;
	left: 0;
	z-index: 2;
	color: var(--c3_black);
}

figure.c3_figure_range div.c3_div_figure_col_2 ul.c3_ul_key li div.c3_div_span_range_container span.c3_span_range span.c3_span_range_number.c3_vertically_centred { 
	top: 42%;
	color: var(--c3_white);
}

figure.c3_figure_range div.c3_div_figure_col_2 ul.c3_ul_key li div.c3_div_span_range_container span.c3_span_range svg.c3_svg_hex_range_box {
	display: block;
	position: absolute;
	top: 25%;
	left: 50%;
	margin-left: -50%;
	width: 100%;
	height: 50%;
	fill: var(--c3_blue3);
	transition: height 0.5s ease, top 0.5s ease;
}

figure.c3_figure_range div.c3_div_figure_col_2 ul.c3_ul_key li div.c3_div_span_range_container span.c3_span_range svg.c3_svg_hex_range_box polygon:nth-of-type(2) { fill: var(--c3_blue1); }
figure.c3_figure_range div.c3_div_figure_col_2 ul.c3_ul_key li div.c3_div_span_range_container span.c3_span_range svg.c3_svg_hex_range_box polygon:nth-of-type(3) { fill: var(--c3_blue2); }

figure.c3_figure_range ul.c3_ul_range_titles {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding-left: 50%;
	list-style: none;
}

figure.c3_figure_range ul.c3_ul_range_titles li {
	display: block;
	position: relative;
	font-size: 14px;
	float: left;
	width: 20%;
	text-align: center;
}

/* ------------------------------------------------------- */
/* ----------------------- Year Menu --------------------- */
/* ------------------------------------------------------- */

div.c3_div_figure_col_2 ul.c3_ul_year {
	display: block;
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	margin-top: 20px;
}

div.c3_div_figure_col_2 ul.c3_ul_year li {
	display: block;
	position: relative;
	float: left;
	margin-right: 30px;
	font-size: 14px;
	line-height: 14px;
}

div.c3_div_figure_col_2 ul.c3_ul_year li.c3_disabled {
	opacity: 0.25;
}

div.c3_div_figure_col_2 ul.c3_ul_year li::after {
	content: "";
	display: block;
	position: absolute;
	width: 30px;
	height: 1px;
	top: 16px;
	left: 100%;
	border-top: 1px dotted rgba(0,0,0,0.25);
}

div.c3_div_figure_col_2 ul.c3_ul_year li:last-of-type::after { display: none; }

div.c3_div_figure_col_2 ul.c3_ul_year li a {
	display: block;
	position: relative;
	color: var(--c3_black);
	padding: 10px;
	background-color: var(--c3_researchdarkgreen);
	border-radius: 5px;
	text-decoration: none;
	transition: background-color 0.25s linear;
}

div.c3_div_figure_col_2 ul.c3_ul_year li a.c3_selected {
	background-color: var(--c3_white);
}