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

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

#c3_article_climate_explorer {
	/* Base colours */
	--c3_yellow: #0089EB !important;
	--c3_tangerine: #eb8c00 !important;
	--c3_orange: #d04a02 !important;
	--c3_rose: #d93954 !important;
	--c3_red: #e0301e !important;
	--c3_lightgrey: #dedede !important;
	--c3_grey: #7d7d7d !important;
	--c3_mediumgrey: #464646 !important;
	--c3_darkgrey: #2d2d2d !important;
	--c3_black: #000000 !important;
	--c3_white: #FFFFFF !important;
	/* Additional data colours */
	--c3_darkred1: #AA2417 !important;
	--c3_darkred2: #741910 !important;
	--c3_darkrose1: #A43E50 !important;
	--c3_darkrose2: #6E2A35 !important;
	--c3_darkorange1: #933401 !important;
	--c3_darkorange2: #571F01 !important;
	--c3_darktangerine1: #AE6800 !important;
	--c3_darktangerine2: #714300 !important;
	--c3_darkyellow1: #0060D7 !important;
	--c3_darkyellow2: #003DAB !important;
	/* RGBA Colours for tints */
	--c3_red_40: rgba(224,48,40,0.4) !important;
	--c3_red_70: rgba(224,48,40,0.7) !important;
	--c3_rose_40: rgba(219,83,106,0.4) !important;
	--c3_rose_70: rgba(219,83,106,0.7) !important;
	--c3_orange_40: rgba(208,74,2,0.4) !important;
	--c3_orange_70: rgba(208,74,2,0.7) !important;
	--c3_tangerine_40: rgba(235,140,0,0.4) !important;
	--c3_tangerine_70: rgba(235,140,0,0.7) !important;
	--c3_yellow_40: rgba(0,137,235,0.4) !important;
	--c3_yellow_70: rgba(0,137,235,0.7) !important;
}

/* ------------------------------------------------------- */
/* ---------------------- Tables ------------------------- */
/* ------------------------------------------------------- */

article#c3_article_climate_explorer table { display: none; }

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

article#c3_article_climate_explorer {
	display: block;
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	padding-top: 40px;
	padding-bottom: 40px;
}

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

article#c3_article_climate_explorer nav#c3_nav_main {
	display: block;
    position: sticky;
    top: 0px;
    left: 0px;
    overflow: hidden;
    width: 100%;
    height: 150px;
    z-index: 10;
	background-color: var(--c3_white);
}

article#c3_article_climate_explorer nav#c3_nav_main li {
	display: block;
	overflow: visible;
	float: left;
	width: 15%;
	height: 70px;
	border-right: #FFFFFF solid 1px;
}

article#c3_article_climate_explorer nav#c3_nav_main li a {
	display: block;
	overflow: visible;
	position: relative;
	float: left;
	width: 100%;
	height: 70px;
	background-color: var(--c3_lightgrey);
	font-family: "PwC Helvetica Neue Bold", Helvetica, Arial, Sans-Serif;
	font-weight: 700;
	font-size: 14px;
	line-height: 60px;
	color: var(--c3_mediumgrey);
	border-top: 10px solid var(--c3_red);
	padding-left: 55px;
	background-image: url("/content/dam/pwc/gx/en/global-annual-review/2022/climate-impact/icons/solar.svg");
	background-position: 10px 10px;
	background-size: 40px 40px;
	background-repeat: no-repeat;
}

article#c3_article_climate_explorer nav#c3_nav_main li:nth-child(2) a { border-top: 10px solid var(--c3_rose); background-image: url("/content/dam/pwc/gx/en/global-annual-review/2022/climate-impact/icons/wetbulb.svg"); }
article#c3_article_climate_explorer nav#c3_nav_main li:nth-child(3) a { border-top: 10px solid var(--c3_tangerine); background-image: url("/content/dam/pwc/gx/en/global-annual-review/2022/climate-impact/icons/drought.svg"); }
article#c3_article_climate_explorer nav#c3_nav_main li:nth-child(4) a { border-top: 10px solid var(--c3_yellow); background-image: url("/content/dam/pwc/gx/en/global-annual-review/2022/climate-impact/icons/precipitation.svg"); }

article#c3_article_climate_explorer nav#c3_nav_main li.selected a, 
article#c3_article_climate_explorer nav#c3_nav_main li a:hover, 
article#c3_article_climate_explorer nav#c3_nav_main li a:focus {
	text-decoration: none !important;
	background-color: var(--c3_white);
}

article#c3_article_climate_explorer nav#c3_nav_main li span {
	display: none;
	overflow: hidden;
	position: absolute;
	font-family: "PwC Helvetica Neue", Helvetica, Arial, Sans-Serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	top: 80px;
	left: 10px;
	width: calc(100% - 10px - 10px);
	height: auto;
}

article#c3_article_climate_explorer nav#c3_nav_main li span strong {
	color: var(--c3_red);
}

article#c3_article_climate_explorer nav#c3_nav_main li:nth-child(2) span strong { color: var(--c3_rose); }
article#c3_article_climate_explorer nav#c3_nav_main li:nth-child(3) span strong { color: var(--c3_tangerine); }
article#c3_article_climate_explorer nav#c3_nav_main li:nth-child(4) span strong { color: var(--c3_yellow); }

article#c3_article_climate_explorer nav#c3_nav_main li.selected span {
	display: block;
}

/* ------------------------------------------------------- */
/* -------------------- Slider Form ---------------------- */
/* ------------------------------------------------------- */

article#c3_article_climate_explorer nav#c3_nav_main form {
	display: block;
	overflow: hidden;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 40%;
	height: 70px;
	background-image: linear-gradient(to right, #CCCCCC, var(--c3_lightgrey), var(--c3_lightgrey), var(--c3_lightgrey), var(--c3_lightgrey), var(--c3_lightgrey));
}

article#c3_article_climate_explorer nav#c3_nav_main form label {
	display: none;
}

article#c3_article_climate_explorer nav#c3_nav_main form div:nth-of-type(1) {
	display: block;
	overflow: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	width: calc(100% - 70px);
	height: 70px;
	padding: 17.5px;
	padding-top: 25px;
	padding-left: 30px;
}

article#c3_article_climate_explorer nav#c3_nav_main form div:nth-of-type(2) {
	display: block;
	overflow: hidden;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 70px;
	height: 70px;
}

article#c3_article_climate_explorer nav#c3_nav_main form div:nth-of-type(2) a {
	display: block;
	overflow: hidden;
	position: relative;
	background-image: url("/content/dam/pwc/gx/en/global-annual-review/2022/climate-impact/icons/play.svg");
	background-position: 15px 15px;
	background-size: 40px 40px;
	background-repeat: no-repeat;
	padding-top: 70px;
}

article#c3_article_climate_explorer nav#c3_nav_main form div:nth-of-type(2) a.c3_playing {
	background-image: url("/content/dam/pwc/gx/en/global-annual-review/2022/climate-impact/icons/pause.svg");
}

article#c3_article_climate_explorer input.c3_slider {
    display: block;
    position: relative;
    -webkit-appearance: none;
    width: 100%;
    height: 5px;
    padding: 0px;
    border-radius: 5px;
    background: #FFFFFF;
    outline: none;
    -webkit-transition: .2s;
    transition: opacity .2s;
    z-index: 1;
}

article#c3_article_climate_explorer input.c3_slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 28px;
    border: 0;
    background: url('/content/dam/pwc/gx/en/global-annual-review/2022/climate-impact/slider/graph-icon.svg');
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: 0px 1px;
    cursor: pointer !important;
}

article#c3_article_climate_explorer input.c3_slider:focus::-webkit-slider-thumb {
    background: url('/content/dam/pwc/gx/en/global-annual-review/2022/climate-impact/slider/graph-icon-selected.svg');
    background-repeat: no-repeat;
}

article#c3_article_climate_explorer input.c3_slider::-moz-range-thumb {
    width: 25px;
    height: 28px;
    border: 0;
    background: url('/content/dam/pwc/gx/en/global-annual-review/2022/climate-impact/slider/graph-icon.svg');
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: 0px 1px;
    cursor: pointer !important;
}

article#c3_article_climate_explorer input.c3_slider:focus::-moz-range-thumb {
    background: url('/content/dam/pwc/gx/en/global-annual-review/2022/climate-impact/slider/graph-icon-selected.svg');
    background-repeat: no-repeat;
}

article#c3_article_climate_explorer nav#c3_nav_main ul.c3_ul_slider_lables {
    display: block;
    position: relative;
    width: 118.5%;
    margin: 0;
    padding: 0;
    margin-top: 10px;
    margin-left: -9.5%;
}

article#c3_article_climate_explorer nav#c3_nav_main ul.c3_ul_slider_lables li {
    display: block;
    float: left;
    text-align: center;
    width: calc(100% / 5);
	height: auto;
	padding: 0px;
	margin: 0px;
	font-family: "PwC Helvetica Neue Bold", Helvetica, Arial, Sans-Serif;
	font-weight: 400;
	font-size: 14px;
	border: none;
}

article#c3_article_climate_explorer nav#c3_nav_main ul.c3_ul_slider_lables li a#c3_li_baseline {
	display: block;
	position: relative;
	width: auto;
	height: auto;
	text-decoration: underline !important;
	float: none;
    background-color: transparent;
    font-weight: 700;
    font-size: 14px;
    line-height: 26px;
    color: var(--c3_black);
    border-top: none;
    padding-left: 0px;
    background-image: none;
}

/* ------------------------------------------------------- */
/* --------------- Disclaimer Overlay -------------------- */
/* ------------------------------------------------------- */

article#c3_article_climate_explorer header#c3_header_disclaimer {
	display: block;
	position: absolute;
	overflow: scroll;
	font-family: "PwC Helvetica Neue Bold", Helvetica, Arial, Sans-Serif;
	font-weight: 400;
	font-size: 16px;
	color: var(--c3_white);
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 10;
	padding-top: 20px;
	padding-left: 5%;
	padding-right: 5%;
	background-color: rgba(0,0,0,0.9);
}

article#c3_article_climate_explorer header#c3_header_disclaimer h2 {
	display: block;
	position: relative;
	color: var(--c3_tangerine);
}

article#c3_article_climate_explorer header#c3_header_disclaimer h3 {
	display: none;
	position: relative;
	color: var(--c3_tangerine);
	font-family: "PwC Helvetica Neue Bold", Helvetica, Arial, Sans-Serif;
	font-weight: 200;
	font-size: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}

article#c3_article_climate_explorer header#c3_header_disclaimer ul li {
	position: relative;
	padding-left: 30px;
	margin-bottom: 15px;
}

article#c3_article_climate_explorer header#c3_header_disclaimer ul li::before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 5px;
	left: 0px;
	width: 15px;
	height: 15px;
	background-color: var(--c3_tangerine);
}

article#c3_article_climate_explorer header#c3_header_disclaimer form {
	display: block;
	position: relative;
	overflow: hidden;
	padding: 20px;
	margin-bottom: 30px;
	background-color: var(--c3_tangerine);
}

article#c3_article_climate_explorer header#c3_header_disclaimer form div {
	display: block;
	position: relative;
	float: left;
	width: 10%;
}

article#c3_article_climate_explorer header#c3_header_disclaimer form input {
	display: block;
	position: relative;
	overflow: hidden;
	width: 30px;
	height: 30px;
}

article#c3_article_climate_explorer header#c3_header_disclaimer form p {
	display: block;
	position: relative;
	overflow: hidden;
	float: left;
	width: 90%;
	margin: 0px;
	margin-bottom: 15px;
	color: var(--c3_black);
}

article#c3_article_climate_explorer header#c3_header_disclaimer form a {
	display: block;
	position: relative;
	overflow: hidden;
	font-family: "PwC Helvetica Neue", Helvetica, Arial, Sans-Serif;
	font-weight: 700;
	font-size: 16px;
	line-height: 40px;
	width: 100%;
	height: 0px;
	margin-top: 15px;
	background-color: var(--c3_black);
	text-align: center;
	color: var(--c3_white);
	transition: height 0.5s ease;
}

article#c3_article_climate_explorer header#c3_header_disclaimer form a.boxticked {
	height: 40px;
}

/* ------------------------------------------------------- */
/* ------------------- Map Structures -------------------- */
/* ------------------------------------------------------- */

article#c3_article_climate_explorer div#c3_div_map_container {
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 0;
	padding-top: 60%;
}

article#c3_article_climate_explorer div#c3_div_map_container div#c3_div_map_carrier {
	display: block;
    position: absolute;
    overflow: hidden;
    top: 0px;
    left: 0%;
    width: 100%;
    height: 0;
    padding-top: 60%;
}

article#c3_article_climate_explorer div#c3_div_map_container div#c3_div_map_carrier img {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px;
}

article#c3_article_climate_explorer div#c3_div_map_container div#c3_div_map_carrier div#c3_div_map_zoom {
	position: absolute;
    width: 14.3%;
    height: 23.6%;
    left: 38.1%;
    top: 21.7%;
	transition: all 0.5s ease;
}

article#c3_article_climate_explorer div#c3_div_map_container div#c3_div_map_carrier div#c3_div_map_zoom.enlarged {
	width: calc(14.3% * 2.5);
    height: calc(23.6% * 2.5);
    left: 22%;
    top: 2%;
}

article#c3_article_climate_explorer div#c3_div_map_container div#c3_div_map_carrier a#c3_a_enlarge_europe {
	display: block;
	position: absolute;
	overflow: hidden;
	right: 60.6%;
    top: 42.4%;
	width: 30px;
	height: 0px;
	padding-top: 30px;
	background-color: var(--c3_white);
	z-index: 4;
	transition: right 0.5s ease, top 0.5s ease;
}

article#c3_article_climate_explorer div#c3_div_map_container div#c3_div_map_carrier a#c3_a_enlarge_europe.enlarged {
	right: 74.7%;
    top: 53.8%;
}

article#c3_article_climate_explorer div#c3_div_map_container div#c3_div_map_carrier a#c3_a_enlarge_europe::before {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 2px;
	height: 20px;
	margin-left: -1px;
	margin-top: -10px;
	background-color: var(--c3_black);
	transition: top 0.5s ease 0.5s;
}

article#c3_article_climate_explorer div#c3_div_map_container div#c3_div_map_carrier a#c3_a_enlarge_europe.enlarged::before {
	top: 150%;
}

article#c3_article_climate_explorer div#c3_div_map_container div#c3_div_map_carrier a#c3_a_enlarge_europe::after {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 20px;
	height: 2px;
	margin-left: -10px;
	margin-top: -1px;
	background-color: var(--c3_black);
}

article#c3_article_climate_explorer div#c3_div_map_container div#c3_div_map_carrier div#c3_div_map_zoom img {
	position: absolute;
    width: 100%;
    height: 100%;
}

article#c3_article_climate_explorer div#c3_div_map_container div#c3_div_map_carrier ul li {
	display: block;
	position: absolute;
	overflow: visible;
	color: #FFFFFF;
	width: 1%;
	height: 0;
	padding: 0;
	margin: 0;
	padding-top: calc(1% - 2px);
	border: 1px var(--c3_lightgrey) solid;
	background-color: var(--c3_white);
	box-shadow: 0px 0px 8px 0px var(--c3_black);
	transition: width 0.25s ease, padding-top 0.25s ease, border 0.25s ease;
}

article#c3_article_climate_explorer div#c3_div_map_container div#c3_div_map_carrier div#c3_div_map_zoom ul li {
	width: 7%;
	padding-top: calc(7% - 2px);
}

article#c3_article_climate_explorer div#c3_div_map_container div#c3_div_map_carrier div#c3_div_map_zoom.enlarged ul li {
	width: 3%;
	padding-top: calc(3% - 2px);
}

article#c3_article_climate_explorer div#c3_div_map_container div#c3_div_map_carrier ul li > a {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 0;
	padding-top: 100%;
	font-size: 0px;
	transition: background-color 0.5s linear, opacity 0.5s linear;
}

/* ------------------------------------------------------- */
/* -------------------- City colours --------------------- */
/* ------------------------------------------------------- */

article#c3_article_climate_explorer div#c3_div_map_container div#c3_div_map_carrier ul li.c3_li_band_hidden { width: 0%; padding-top: 0%; border: 0px; }
article#c3_article_climate_explorer div#c3_div_map_container div#c3_div_map_carrier div#c3_div_map_zoom ul li.c3_li_band_hidden { width: 0%; padding-top: 0%; border: 0px; }

article#c3_article_climate_explorer ul.c3_ul_heat li.c3_li_band_0 a { background-color: var(--c3_white); }
article#c3_article_climate_explorer ul.c3_ul_heat li.c3_li_band_1 a { background-color: var(--c3_red_40); }
article#c3_article_climate_explorer ul.c3_ul_heat li.c3_li_band_2 a { background-color: var(--c3_red_70); }
article#c3_article_climate_explorer ul.c3_ul_heat li.c3_li_band_3 a { background-color: var(--c3_red); }
article#c3_article_climate_explorer ul.c3_ul_heat li.c3_li_band_4 a { background-color: var(--c3_darkred1); }
article#c3_article_climate_explorer ul.c3_ul_heat li.c3_li_band_5 a { background-color: var(--c3_darkred2); }

article#c3_article_climate_explorer ul.c3_ul_wetbulb li.c3_li_band_0 a { background-color: var(--c3_white); }
article#c3_article_climate_explorer ul.c3_ul_wetbulb li.c3_li_band_1 a { background-color: var(--c3_rose_40); }
article#c3_article_climate_explorer ul.c3_ul_wetbulb li.c3_li_band_2 a { background-color: var(--c3_rose_70); }
article#c3_article_climate_explorer ul.c3_ul_wetbulb li.c3_li_band_3 a { background-color: var(--c3_rose); }
article#c3_article_climate_explorer ul.c3_ul_wetbulb li.c3_li_band_4 a { background-color: var(--c3_darkrose1); }
article#c3_article_climate_explorer ul.c3_ul_wetbulb li.c3_li_band_5 a { background-color: var(--c3_darkrose1); }

article#c3_article_climate_explorer ul.c3_ul_drought li.c3_li_band_0 a { background-color: var(--c3_white); }
article#c3_article_climate_explorer ul.c3_ul_drought li.c3_li_band_1 a { background-color: var(--c3_tangerine_40); }
article#c3_article_climate_explorer ul.c3_ul_drought li.c3_li_band_2 a { background-color: var(--c3_tangerine_70); }
article#c3_article_climate_explorer ul.c3_ul_drought li.c3_li_band_3 a { background-color: var(--c3_tangerine); }
article#c3_article_climate_explorer ul.c3_ul_drought li.c3_li_band_4 a { background-color: var(--c3_darktangerine1); }
article#c3_article_climate_explorer ul.c3_ul_drought li.c3_li_band_5 a { background-color: var(--c3_darktangerine2); }

article#c3_article_climate_explorer ul.c3_ul_precipitation li.c3_li_band_0 a { background-color: var(--c3_white); }
article#c3_article_climate_explorer ul.c3_ul_precipitation li.c3_li_band_1 a { background-color: var(--c3_yellow_40); }
article#c3_article_climate_explorer ul.c3_ul_precipitation li.c3_li_band_2 a { background-color: var(--c3_yellow_70); }
article#c3_article_climate_explorer ul.c3_ul_precipitation li.c3_li_band_3 a { background-color: var(--c3_yellow); }
article#c3_article_climate_explorer ul.c3_ul_precipitation li.c3_li_band_4 a { background-color: var(--c3_darkyellow1); }
article#c3_article_climate_explorer ul.c3_ul_precipitation li.c3_li_band_5 a { background-color: var(--c3_darkyellow2); }


/* ------------------------------------------------------- */
/* ------------------------ Pop Up ----------------------- */
/* ------------------------------------------------------- */

article#c3_article_climate_explorer div.c3_div_popup {
	display: none;
	position: absolute;
	top: -175px;
    left: 50%;
	width: 250px;
	height: 160px;
	margin-left: -125px;
	background-color: var(--c3_white);
	box-shadow: 0px 0px 8px 0px var(--c3_black);
	z-index: 5;
	transition: width 0.25s ease, height 0.25s ease
}

article#c3_article_climate_explorer div.c3_div_popup.c3_div_popup_under {
	display: none;
	position: absolute;
	top: calc(100% + 25px);
    left: 50%;
	width: 250px;
	height: 160px;
	margin-left: -125px;
	background-color: var(--c3_white);
	box-shadow: 0px 0px 8px 0px var(--c3_black);
	z-index: 5;
	transition: width 0.25s ease, height 0.25s ease
}

article#c3_article_climate_explorer div.c3_div_popup.c3_div_popup_right {
	display: none;
	position: absolute;
	top: -175px;
    left: 50%;
	width: 250px;
	height: 160px;
	margin-left: -25px;
	background-color: var(--c3_white);
	box-shadow: 0px 0px 8px 0px var(--c3_black);
	z-index: 5;
	transition: width 0.25s ease, height 0.25s ease
}

article#c3_article_climate_explorer div.c3_div_popup a.c3_a_close_popup {
	display: block;
	position: absolute;
	overflow: hidden;
	top: 10px;
    right: 10px;
	width: 20px;
	height: 0px;
	padding-top: 20px;
	opacity: 1 !important;
	background-color: var(--c3_black) !important;
}

article#c3_article_climate_explorer div.c3_div_popup a.c3_a_close_popup::after {
	content: "";
	display: block;
	position: absolute;
	overflow: hidden;
	top: 10px;
    left: 10px;
	margin-top: -6px;
	margin-left: -1px;
	height: 12px;
	width: 2px;
	background-color: var(--c3_white);
	transform: rotate(45deg);
}

article#c3_article_climate_explorer div.c3_div_popup a.c3_a_close_popup::before {
	content: "";
	display: block;
	position: absolute;
	overflow: hidden;
	top: 10px;
    left: 10px;
	margin-top: -1px;
	margin-left: -6px;
	height: 2px;
	width: 12px;
	background-color: var(--c3_white);
	transform: rotate(45deg);
}

article#c3_article_climate_explorer div.c3_div_popup a.c3_a_more_about {
	display: block;
    position: absolute;
    overflow: visible;
    bottom: 10px;
    left: 10px;
    width: 230px;
    height: 20px;
	color: var(--c3_black);
	font-family: "PwC Helvetica Neue", Helvetica, Arial, Sans-Serif;
	font-weight: 700;
	font-size: 14px;
	line-height: 20px;
	padding-left: 5px;
    opacity: 1 !important;
    background-color: transparent !important;
    border-left: 20px var(--c3_black) solid;
}

article#c3_article_climate_explorer div.c3_div_popup a.c3_a_more_about::after {
	content: "";
	display: block;
	position: absolute;
	overflow: hidden;
	top: 10px;
    left: -10px;
	margin-top: -6px;
	margin-left: -1px;
	height: 12px;
	width: 2px;
	background-color: var(--c3_white);
}

article#c3_article_climate_explorer div.c3_div_popup a.c3_a_more_about::before {
	content: "";
	display: block;
	position: absolute;
	overflow: hidden;
	top: 10px;
    left: -10px;
	margin-top: -1px;
	margin-left: -6px;
	height: 2px;
	width: 12px;
	background-color: var(--c3_white);
}

article#c3_article_climate_explorer div.c3_div_popup svg {
	display: block;
	position: absolute;
	top: 150px;
	left: 50%;
	width: 50px;
	height: auto;
	margin-left: -25px;
	fill: var(--c3_white);
}

article#c3_article_climate_explorer div.c3_div_popup.c3_div_popup_under svg {
	display: block;
	position: absolute;
	top: -22px;
	left: 50%;
	width: 50px;
	height: auto;
	margin-left: -25px;
	fill: var(--c3_white);
	transform-origin: center center;
	transform: rotate(180deg);
}

article#c3_article_climate_explorer div.c3_div_popup.c3_div_popup_right svg {
	display: block;
	position: absolute;
	top: 150px;
	left: 25px;
	width: 50px;
	height: auto;
	fill: var(--c3_white);
}

article#c3_article_climate_explorer div.c3_div_popup p {
	display: block;
	padding: 10px;
	font-family: "PwC Helvetica Neue", Helvetica, Arial, Sans-Serif;
	font-weight: 200;
	font-size: 14px;
	color: var(--c3_black);
	line-height: 20px;
}

article#c3_article_climate_explorer div.c3_div_popup p > span {
	display: block;
}

article#c3_article_climate_explorer div.c3_div_popup p strong {
	font-size: 24px;
	display: block;
	color: var(--c3_red);
	margin-bottom: 10px;
	transition: color 0.5s linear;
}

article#c3_article_climate_explorer ul.c3_ul_drought div.c3_div_popup p strong { color: var(--c3_tangerine); }
article#c3_article_climate_explorer ul.c3_ul_wetbulb div.c3_div_popup p strong { color: var(--c3_rose); }
article#c3_article_climate_explorer ul.c3_ul_precipitation div.c3_div_popup p strong { color: var(--c3_yellow); }

article#c3_article_climate_explorer ul div.c3_div_popup p > span.c3_span_line1 {
	font-size: 18px;
	line-height: 30px;
	color: var(--c3_red);
	transition: color 0.5s linear;
}

article#c3_article_climate_explorer ul.c3_ul_drought div.c3_div_popup p > span.c3_span_line1 { color: var(--c3_darktangerine1); }
article#c3_article_climate_explorer ul.c3_ul_wetbulb div.c3_div_popup p > span.c3_span_line1 { color: var(--c3_rose); }
article#c3_article_climate_explorer ul.c3_ul_precipitation div.c3_div_popup p > span.c3_span_line1 { color: var(--c3_yellow); }

article#c3_article_climate_explorer ul div.c3_div_popup p > span > span {
	color: var(--c3_red);
	transition: color 0.5s linear;
}

article#c3_article_climate_explorer ul.c3_ul_drought div.c3_div_popup p > span > span { color: var(--c3_darktangerine1); }
article#c3_article_climate_explorer ul.c3_ul_wetbulb div.c3_div_popup p > span > span { color: var(--c3_rose); }
article#c3_article_climate_explorer ul.c3_ul_precipitation div.c3_div_popup p > span > span { color: var(--c3_yellow); }

/* ------------------------------------------------------- */
/* -------------------------- Key ------------------------ */
/* ------------------------------------------------------- */

article#c3_article_climate_explorer aside.c3_aside_key {
	display: none;
	position: absolute;
	overflow: hidden;
	top: 53%;
	left: 2%;
	width: 15%;
}

article#c3_article_climate_explorer aside.c3_aside_key h3 {
	display: block;
	position: relative;
	font-family: "PwC Helvetica Neue", Helvetica, Arial, Sans-Serif;
	font-weight: 700;
	font-size: 16px;
	color: var(--c3_red);
}

article#c3_article_climate_explorer aside.c3_aside_key h4 {
	display: block;
	position: relative;
	font-family: "PwC Helvetica Neue", Helvetica, Arial, Sans-Serif;
	font-weight: 200;
	font-size: 16px;
	color: var(--c3_white);
}

article#c3_article_climate_explorer aside.c3_aside_key ul {
	display: block;
	position: relative;
	overflow: hidden;
}

article#c3_article_climate_explorer aside.c3_aside_key ul li {
	display: block;
	position: relative;
	overflow: hidden;
	font-family: "PwC Helvetica Neue", Helvetica, Arial, Sans-Serif;
	font-weight: 200;
	font-size: 14px;
	line-height: 20px;
	width: 100%;
	height: auto;
	background-color: transparent;
	border: none;
	box-shadow: none;
	color: var(--c3_white);
	padding-left: 30px;
}

article#c3_article_climate_explorer aside.c3_aside_key ul li::before {
	content: "";
	display: block;
	position: absolute;
	top: 4px;
	left: 0px;
	width: 16px;
	height: 16px;
	background-color: var(--c3_white);
}

article#c3_article_climate_explorer aside.c3_aside_key ul li::after {
	content: "";
	display: block;
	position: absolute;
	top: 5px;
	left: 1px;
	width: 14px;
	height: 14px;
}

/* Set the universal opacities */
article#c3_article_climate_explorer aside.c3_aside_key ul li:nth-of-type(1)::after { opacity: 0; }
article#c3_article_climate_explorer aside.c3_aside_key ul li:nth-of-type(2)::after { opacity: 0.4; }
article#c3_article_climate_explorer aside.c3_aside_key ul li:nth-of-type(3)::after { opacity: 0.7; }

/* Set the specific colours for the key */
article#c3_article_climate_explorer aside.c3_aside_key.c3_aside_heat ul li::after { background-color: var(--c3_red); }
article#c3_article_climate_explorer aside.c3_aside_key.c3_aside_wetbulb ul li::after { background-color: var(--c3_rose); }
article#c3_article_climate_explorer aside.c3_aside_key.c3_aside_drought ul li::after { background-color: var(--c3_tangerine); }
article#c3_article_climate_explorer aside.c3_aside_key.c3_aside_precipitation ul li::after { background-color: var(--c3_yellow); }

/* Set the specific colours for the key title */
article#c3_article_climate_explorer aside.c3_aside_key.c3_aside_heat h3 { color: var(--c3_red); }
article#c3_article_climate_explorer aside.c3_aside_key.c3_aside_wetbulb h3 { color: var(--c3_rose); }
article#c3_article_climate_explorer aside.c3_aside_key.c3_aside_drought h3 { color: var(--c3_tangerine); }
article#c3_article_climate_explorer aside.c3_aside_key.c3_aside_precipitation h3 { color: var(--c3_yellow); }

/* Set the overides for the darker colours */
article#c3_article_climate_explorer aside.c3_aside_key.c3_aside_heat ul li:nth-of-type(5)::after { background-color: var(--c3_darkred1); }
article#c3_article_climate_explorer aside.c3_aside_key.c3_aside_heat ul li:nth-of-type(6)::after { background-color: var(--c3_darkred2); }
article#c3_article_climate_explorer aside.c3_aside_key.c3_aside_wetbulb ul li:nth-of-type(5)::after { background-color: var(--c3_darkrose1); }
article#c3_article_climate_explorer aside.c3_aside_key.c3_aside_wetbulb ul li:nth-of-type(6)::after { background-color: var(--c3_darkrose2); }
article#c3_article_climate_explorer aside.c3_aside_key.c3_aside_drought ul li:nth-of-type(5)::after { background-color: var(--c3_darktangerine1); }
article#c3_article_climate_explorer aside.c3_aside_key.c3_aside_drought ul li:nth-of-type(6)::after { background-color: var(--c3_darktangerine2); }
article#c3_article_climate_explorer aside.c3_aside_key.c3_aside_precipitation ul li:nth-of-type(5)::after { background-color: var(--c3_darkyellow1); }
article#c3_article_climate_explorer aside.c3_aside_key.c3_aside_precipitation ul li:nth-of-type(6)::after { background-color: var(--c3_darkyellow2); }

/* Overrides to hide the first key element where not required */
article#c3_article_climate_explorer aside.c3_aside_key.c3_aside_drought ul li:nth-of-type(1) { display: none; }
article#c3_article_climate_explorer aside.c3_aside_key.c3_aside_precipitation ul li:nth-of-type(1) { display: none; }

/* ------------------------------------------------------- */
/* ------------------------ Overlay ---------------------- */
/* ------------------------------------------------------- */

article#c3_article_climate_explorer div#c3_div_overlay {
	display: block;
    position: absolute;
    overflow: hidden;
    font-family: "PwC Helvetica Neue", Helvetica, Arial, Sans-Serif;
    font-weight: 200;
    font-size: 40px;
    top: 190px;
    right: 0px;
    background-color: rgba(255,255,255,0.8);
    width: 0%;
    height: 0px;
	padding-top: 60%;
    transition: right 1s ease, width 1s ease, padding-left 1s ease, padding-right 1s ease;
}

article#c3_article_climate_explorer div#c3_div_overlay.selected {
	width: 40%;
}

article#c3_article_climate_explorer div#c3_div_overlay_forcedwidth {
	width: calc(40vw - 40px);
    overflow: hidden;
    position: absolute;
	top: 20px;
	left: 20px;
}

article#c3_article_climate_explorer div#c3_div_overlay h4 {
	font-family: "PwC Helvetica Neue", Helvetica, Arial, Sans-Serif;
	font-weight: 200;
	font-size: 50px;
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
	color: var(--c3_rose);
}

article#c3_article_climate_explorer div#c3_div_overlay h5 {
	font-family: "PwC Helvetica Neue", Helvetica, Arial, Sans-Serif;
	font-weight: 200;
	font-size: 30px;
	margin-bottom: 20px !important;
	padding: 0px;
	margin: 0px;
	color: var(--c3_black);
}

article#c3_article_climate_explorer div#c3_div_overlay a#c3_a_close_overlay {
	display: block;
	position: absolute;
	overflow: hidden;
	width: 30px;
	height: 0px;
	padding-top: 30px;
	top: 10px;
	right: 0px;
	font-size: 14px;
}

article#c3_article_climate_explorer div#c3_div_overlay a#c3_a_close_overlay::before {
	content: "";
	display: block;
	position: absolute;
	width: 2px;
	height: 30px;
	top: 15px;
	left: 15px;
	margin-top: -15px;
	margin-left: -1px;
	background-color: var(--c3_black);
	transform: rotate(45deg);
	transition: transform 0.5s ease;
}

article#c3_article_climate_explorer div#c3_div_overlay a#c3_a_close_overlay:hover::before { transform: rotate(-45deg); }

article#c3_article_climate_explorer div#c3_div_overlay a#c3_a_close_overlay::after {
	content: "";
	display: block;
	position: absolute;
	width: 30px;
	height: 2px;
	top: 15px;
	left: 15px;
	margin-top: -1px;
	margin-left: -15px;
	background-color: var(--c3_black);
	transform: rotate(45deg);
	transition: transform 0.5s ease;
}

article#c3_article_climate_explorer div#c3_div_overlay a#c3_a_close_overlay:hover::after { transform: rotate(-45deg); }

/* ------------------------------------------------------- */
/* -------------------- Graph/figure --------------------- */
/* ------------------------------------------------------- */

article#c3_article_climate_explorer div#c3_div_overlay figure {
	display: block;
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 100%;
	background-color: rgba(255,255,255,0.8);
}

article#c3_article_climate_explorer div#c3_div_overlay figure ul.c3_ul_yaxis {
	display: block;
	overflow: visible;
	position: absolute;
	top: 10%;
	left: 10%;
	width: 80%;
	height: 80%;
}

article#c3_article_climate_explorer div#c3_div_overlay figure ul.c3_ul_yaxis li {
	display: block;
	overflow: visible;
	position: relative;
	font-family: "PwC Helvetica Neue", Helvetica, Arial, Sans-Serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 30px;
	margin: 0px;
	margin-top: -15px;
	width: 100%;
	height: calc(20% + 15px);
}

article#c3_article_climate_explorer div#c3_div_overlay figure ul.c3_ul_yaxis li::after {
	content: "";
	display: block;
	overflow: hidden;
	position: absolute;
	top: 15px;
	left: 40px;
	width: calc(100% - 40px);
	height: 1px;
	background-color: var(--c3_lightgrey);
}

article#c3_article_climate_explorer div#c3_div_overlay figure p#c3_p_yaxis {
	display: block;
	overflow: hidden;
	position: absolute;
	bottom: 0px;
	left: 0px;
	top: 100%;
	width: 100%;
	height: 10%;
	font-family: "PwC Helvetica Neue", Helvetica, Arial, Sans-Serif;
	font-weight: 400;
	font-size: 14px;
	text-align: center;
	padding-top: 2%;
	color: var(--c3_rose);
	margin: 0px;
	transform-origin: top left;
	transform: rotate(-90deg);
}

article#c3_article_climate_explorer div#c3_div_overlay figure ul.c3_ul_xaxis {
	display: block;
	overflow: visible;
	position: absolute;
	top: 10%;
	left: 10%;
	width: 80%;
	height: 90%;
	padding-left: 5%;
}

article#c3_article_climate_explorer div#c3_div_overlay figure ul.c3_ul_xaxis li {
	display: block;
	overflow: visible;
	position: relative;
	font-family: "PwC Helvetica Neue", Helvetica, Arial, Sans-Serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 30px;
	text-align: center;
	float: left;
	margin: 0px;
	width: 20%;
	height: 89%;
}

article#c3_article_climate_explorer div#c3_div_overlay figure ul.c3_ul_xaxis li > strong {
	display: block;
	overflow: hidden;
	position: absolute;
	font-family: "PwC Helvetica Neue", Helvetica, Arial, Sans-Serif;
	font-weight: 400;
	font-size: 14px;
	top: 100%;
	left: -10%;
    width: 120%;
	height: 30px;
}

article#c3_article_climate_explorer div#c3_div_overlay figure ul.c3_ul_xaxis li span {
	display: block;
	overflow: visible;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 25%;
	height: 0;
	padding-top: 25%;
	margin-left: -12.5%;
	margin-top: -12.5%;
	background-color: #FFFFFF;
	box-shadow: 0px 0px 2px var(--c3_black);
	transition: top 0.5s ease;
}

article#c3_article_climate_explorer div#c3_div_overlay figure ul.c3_ul_xaxis li div {
	display: block;
	overflow: visible;
	position: absolute;
	bottom: 0px;
	left: 50%;
	width: 1px;
	height: 100%;
	border-left: 1px dotted var(--c3_grey);
	transition: height 0.5s ease;
}

article#c3_article_climate_explorer div#c3_div_overlay figure ul.c3_ul_xaxis li span a {
	display: block;
	overflow: visible;
	position: absolute;
	top: 1px;
	left: 1px;
	width: calc(100% - 2px);
	height: 0;
	padding-top: calc(100% - 2px);
	cursor: default;
}

article#c3_article_climate_explorer div#c3_div_overlay figure ul.c3_ul_xaxis li span a strong {
	display: block;
	overflow: hidden;
	position: absolute;
	font-family: "PwC Helvetica Neue", Helvetica, Arial, Sans-Serif;
	font-weight: 200;
	font-size: 14px;
	line-height: 30px;
	top: -30px;
	left: -200%;
    width: 500%;
	height: 30px;
	text-align: center;
	height: auto;
}

/* ------------------------------------------------------- */
/* -------------------- Small print ---------------------- */
/* ------------------------------------------------------- */

article#c3_article_climate_explorer small {
	display: block;
	padding: 10px;
	font-family: "PwC Helvetica Neue", Helvetica, Arial, Sans-Serif;
}

article#c3_article_climate_explorer small.c3_small_inmap {
	display: block;
	position: absolute;
	right: 0px;
	bottom: calc(0px + 90px);
	width: 75%;
	color: var(--c3_white);
	padding: 20px;
	line-height: 16px;
	text-align: right;
}

/* ------------------------------------------------------- */
/* --------------------- Graph SVG ----------------------- */
/* ------------------------------------------------------- */

article#c3_article_climate_explorer svg#c3_svg_graph_lines {
	display: block;
	position: absolute;
	top: 10%;
	left: 0px;
    width: 100%;
    height: 80%;
}

/* ------------------------------------------------------- */
/* ------------ Mobile/Responsive Structures ------------- */
/* ------------------------------------------------------- */

@media only screen and (max-width: 1100px) {
	
	article#c3_article_climate_explorer header#c3_header_disclaimer h3 {
		display: block;
	}
	
}

@media only screen and (max-width: 1000px) {
	
	article#c3_article_climate_explorer div#c3_div_map_container {
		padding-top: 60%;
	}
	
	article#c3_article_climate_explorer nav#c3_nav_main {
		height: 270px;
	}
	
	article#c3_article_climate_explorer nav#c3_nav_main li {
		width: 25%;
	}
	
	article#c3_article_climate_explorer nav#c3_nav_main li a {
		font-size: 0px;
		background-position: center center;
	}
	
	article#c3_article_climate_explorer nav#c3_nav_main form {
		top: 200px;
		right: auto;
		left: 0px;
		width: 100%;
	}
	
	article#c3_article_climate_explorer small.c3_small_inmap {
		display: block;
		position: relative;
		right: auto;
		bottom: auto;
		width: 100%;
		text-align: left;
		color: var(--c3_black);
		background-color: var(--c3_lightgrey);
	}
	
	article#c3_article_climate_explorer aside.c3_aside_key {
		position: relative;
		overflow: hidden;
		top: auto;
		left: auto;
		width: 100%;
		padding: 20px;
		background-color: var(--c3_mediumgrey);
	}
	
	article#c3_article_climate_explorer aside.c3_aside_key h3 {
		margin: 0px;
	}
	
	article#c3_article_climate_explorer aside.c3_aside_key ul {
		margin-bottom: 0px;
	}
	
	article#c3_article_climate_explorer aside.c3_aside_key ul li {
		width: auto;
		height: 20px;
		line-height: 20px;
		float: left;
		margin-right: 15px;
		margin-bottom: 0;
		padding: 0px;
		padding-left: 15px;
	}
	
	article#c3_article_climate_explorer aside.c3_aside_key ul li::before {
		width: 10px;
		height: 10px;
		top: 5px;
	}
	
	article#c3_article_climate_explorer aside.c3_aside_key ul li::after {
		width: 8px;
		height: 8px;
		top: 6px;
	}
	
	article#c3_article_climate_explorer header#c3_header_disclaimer {
		padding-top: 10px;
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 10px;
	}
	
	article#c3_article_climate_explorer header#c3_header_disclaimer h2 {
		padding-top: 0px;
		margin-top: 0px;
	}
	
	article#c3_article_climate_explorer div#c3_div_overlay {
		top: 310px;
	}

}

@media only screen and (max-width: 767px) {
	
	article#c3_article_climate_explorer {
		overflow: hidden;
	}
	
	article#c3_article_climate_explorer header#c3_header_disclaimer h3 {
		font-size: 16px;
	}
	
	article#c3_article_climate_explorer header#c3_header_disclaimer form div {
		width: 20%;
	}
	
	article#c3_article_climate_explorer header#c3_header_disclaimer form p {
		width: 80%;
	}
	
	article#c3_article_climate_explorer div#c3_div_map_container div#c3_div_map_carrier {
		overflow: visible;
		width: 300%;
		height: 140%;
		padding-top: 0%;
	}
	
	article#c3_article_climate_explorer div#c3_div_map_container {
		padding-top: 120%;
		overflow: scroll;
	}
	
	article#c3_article_climate_explorer nav#c3_nav_main {
		height: 320px;
		position: relative;
	}
	
	article#c3_article_climate_explorer nav#c3_nav_main li {
		width: 25%;
	}
	
	article#c3_article_climate_explorer nav#c3_nav_main li a {
		font-size: 0px;
		background-position: center center;
	}
	
	article#c3_article_climate_explorer nav#c3_nav_main form {
		top: 250px;
		right: auto;
		left: 0px;
		width: 100%;
	}
	
	article#c3_article_climate_explorer div#c3_div_overlay {
		font-size: 30px;
		top: 360px;
		right: 0%;
		background-color: rgba(255,255,255,0.8);
		width: 0%;
		height: 0px;
		padding-top: 120%;
		z-index: 5;
	}
	
	article#c3_article_climate_explorer div#c3_div_overlay.selected {
		width: 100%;
		padding-left: 20px;
		padding-right: 20px;
	}
	
	article#c3_article_climate_explorer div#c3_div_overlay_forcedwidth {
		width: calc(100vw - 40px);
	}
	
	article#c3_article_climate_explorer div#c3_div_overlay h4 {
		font-size: 30px;
	}
	
	article#c3_article_climate_explorer div#c3_div_overlay h5 {
		font-size: 20px;
	}
	
	article#c3_article_climate_explorer div#c3_div_map_container div#c3_div_map_carrier ul li {
		width: 1.5%;
		padding-top: calc(1.5% - 2px);
	}
	
	article#c3_article_climate_explorer div#c3_div_map_container div#c3_div_map_carrier div#c3_div_map_zoom ul li {
		width: 10.5%;
		padding-top: calc(10.5% - 2px);
	}
	
	article#c3_article_climate_explorer div#c3_div_map_container div#c3_div_map_carrier div#c3_div_map_zoom.enlarged ul li {
		width: 4.5%;
		padding-top: calc(4.5% - 2px);
	}
	
	article#c3_article_climate_explorer div#c3_div_map_container div#c3_div_map_carrier div#c3_div_map_zoom ul li.c3_li_band_hidden {
		width: 0%;
		padding-top: 0%;
		border: 0px;
	}
	
}

@media only screen and (max-width: 500px) {
	
	article#c3_article_climate_explorer div#c3_div_map_container div#c3_div_map_carrier {
		overflow: visible;
	}
	
	article#c3_article_climate_explorer div#c3_div_overlay figure {
		margin-top: -10px;
	}
	
}