/*

General Election  styles for homepage (manual chart)

*/
@font-face { font-family: "Open Sans"; font-style: normal; font-weight: normal; src: url("../fonts/OpenSans-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Regular.woff2") format("woff2"), url("../fonts/OpenSans-Regular.woff") format("woff"), url("../fonts/OpenSans-Regular.ttf") format("truetype"), url("../fonts/OpenSans-Regular.svg#Open Sans") format("svg"); }
@font-face { font-family: "Open Sans"; font-style: normal; font-weight: bold; src: url("../fonts/OpenSans-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Bold.woff2") format("woff2"), url("../fonts/OpenSans-Bold.woff") format("woff"), url("../fonts/OpenSans-Bold.ttf") format("truetype"), url("../fonts/OpenSans-Bold.svg#Open Sans") format("svg"); }
/* Political Party Colours */
.ff { background: #40b34f; content: "ff"; }

.sf { background: #277046; content: "sf"; }

.fg { background: #2f3590; content: "fg"; }

.lp { background: #c72831; content: "lp"; }

.sd { background: #6600e6; content: "sd"; }

.sp { background: #c4568b; content: "sp"; }

.sol { background: #c4568b; content: "sol"; }

.gp { background: #b4d144; content: "gp"; }

.ri { background: #168dcd; content: "ri"; }

.io { background: #333333; content: "io"; }

.lab { background: #c72831; content: "lab"; }

.aon { background: #c4568b; content: "aon"; }

.ifp { background: #3333CC; content: "ifp"; }

.pbp { background: #333333; content: "pbp"; }

.pd { background: #333333; content: "pd"; }

.wua { background: #333333; content: "wua"; }

.ula { background: #333333; content: "ula"; }

.ind { background: #333333; content: "ind"; }

.csp { background: #333333; content: "csp"; }

.swp { background: #333333; content: "swp"; }

.up { background: #333333; content: "up"; }

.cpi { background: #333333; content: "cpi"; }

.ddi { background: #333333; content: "ddi"; }

.idp { background: #333333; content: "idp"; }

.ncm { background: #c4568b; content: "ncm"; }

.wp { background: #333333; content: "wp"; }

.spbp { background: #333333; content: "spbp"; }

.ii { background: #333333; content: "ii"; }

.fis { background: #333333; content: "fis"; }

.cdm { background: #333333; content: "cdm"; }

.i4c { background: #333333; content: "i4c"; }

.cdm { background: #333333; content: "cdm"; }

.tuv { background: #062F71; content: "tuv"; }

.sdlp { background: #4CA515; content: "sdlp"; }

.ap { background: #28A0C8; content: "ap"; }

.uup { background: #BF3881; content: "uup"; }

.ukip { background: #333333; content: "ukip"; }

.dup { background: #680A74; content: "dup"; }

.cons { background: #333333; content: "cons"; }

.nigp { background: #333333; content: "nigp"; }

.ris { background: #c4568b; content: "ris"; }

.np { background: #333333; content: "np"; }

.ff:before { background: #40b34f; }

.sf:before { background: #277046; }

.fg:before { background: #2f3590; }

.lp:before { background: #c72831; }

.sd:before { background: #6600e6; }

.sp:before { background: #c4568b; }

.sol:before { background: #c4568b; }

.gp:before { background: #b4d144; }

.ri:before { background: #168dcd; }

.io:before { background: #333333; }

.lab:before { background: #c72831; }

.aon:before { background: #c4568b; }

.ifp:before { background: #3333CC; }

.pbp:before { background: #333333; }

.pd:before { background: #333333; }

.wua:before { background: #333333; }

.ula:before { background: #333333; }

.ind:before { background: #333333; }

.csp:before { background: #333333; }

.swp:before { background: #333333; }

.up:before { background: #333333; }

.cpi:before { background: #333333; }

.ddi:before { background: #333333; }

.idp:before { background: #333333; }

.ncm:before { background: #c4568b; }

.wp:before { background: #333333; }

.spbp:before { background: #333333; }

.ii:before { background: #333333; }

.fis:before { background: #333333; }

.cdm:before { background: #333333; }

.i4c:before { background: #333333; }

.cdm:before { background: #333333; }

.tuv:before { background: #062F71; }

.sdlp:before { background: #4CA515; }

.ap:before { background: #28A0C8; }

.uup:before { background: #BF3881; }

.ukip:before { background: #333333; }

.dup:before { background: #680A74; }

.cons:before { background: #333333; }

.nigp:before { background: #333333; }

.ris:before { background: #c4568b; }

.np:before { background: #333333; }

.fg:before { content: 'fg'; background: #2f3590; }

.lp:before { content: 'lab'; background: #c72831; }

.gp:before { content: 'gp'; background: #b4d144; }

.sf:before { content: 'sf'; background: #277046; }

.sd:before { content: 'sd'; background: #6600e6; }

.sp:before { content: 'sp'; background: #c4568b; }

.sol:before { content: 'sol'; background: #c4568b; }

.ff:before { content: 'ff'; background: #40b34f; }

.ri:before { content: 'ri'; background: #168dcd; }

.io:before { content: 'io'; background: #333333; }

.ind:before { content: 'io'; background: #333333; }

.lab:before { content: 'lab'; background: #c72831; }

.aon:before { content: 'aon'; background: #333333; }

.ifp:before { content: 'ifp'; background: #333333; }

.pbp:before { content: 'pbp'; background: #c4568b; }

.wua:before { content: 'wua'; background: #333333; }

.ula:before { content: 'ula'; background: #333333; }

.pd:before { content: 'pd'; background: #3333CC; }

.idp:before { content: 'idp'; background: #333333; }

.wp:before { content: 'wp'; background: #333333; }

.spbp:before { content: 'spbp'; background: #c4568b; }

.ris:before { content: 'ris'; background: #c4568b; }

.up:before { content: 'up'; background: #333333; }

.swp:before { content: 'swp'; background: #333333; }

.ncm:before { content: 'ncm'; background: #333333; }

.np:before { content: 'np'; background: #333333; }

.idp:before { content: 'idp'; background: #333333; }

.i4c:before { content: 'i4c'; background: #333333; }

.fis:before { content: 'fis'; background: #333333; }

.ddi:before { content: 'ddi'; background: #333333; }

.cpi:before { content: 'cpi'; background: #333333; }

.csp:before { content: 'csp'; background: #333333; }

.ii:before { content: 'ii'; background: #333333; }

.cdm:before { content: 'cdm'; background: #333333; }

.cdm:before { content: 'cdm'; background: #333333; }

.tuv:before { content: 'tuv'; background: #062F71; }

.sdlp:before { content: 'sdlp'; background: #4CA515; }

.ap:before { content: 'ap'; background: #28A0C8; }

.uup:before { content: 'uup'; background: #BF3881; }

.ukip:before { content: 'ukip'; background: #333333; }

.dup:before { content: 'dup'; background: #680A74; }

.cons:before { content: 'cons'; background: #333333; }

.nigp:before { content: 'nigp'; background: #333333; }

.spbp, .pbp { background: #c4568b; }

.election-header--2016__stripes { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQwYjM0ZiIvPjxzdG9wIG9mZnNldD0iMTAlIiBzdG9wLWNvbG9yPSIjNDBiMzRmIi8+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiMwODg1NjAiLz48c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iIzA4ODU2MCIvPjxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjMmYzNTkwIi8+PHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiMyZjM1OTAiLz48c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iI2M3MjgzMSIvPjxzdG9wIG9mZnNldD0iNDAlIiBzdG9wLWNvbG9yPSIjYzcyODMxIi8+PHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiM4ODQ3OWMiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzg4NDc5YyIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZWY1YjJmIi8+PHN0b3Agb2Zmc2V0PSI2MCUiIHN0b3AtY29sb3I9IiNlZjViMmYiLz48c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iI2M0NTY4YiIvPjxzdG9wIG9mZnNldD0iNzAlIiBzdG9wLWNvbG9yPSIjYzQ1NjhiIi8+PHN0b3Agb2Zmc2V0PSI3MCUiIHN0b3AtY29sb3I9IiNiNGQxNDQiLz48c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iI2I0ZDE0NCIvPjxzdG9wIG9mZnNldD0iODAlIiBzdG9wLWNvbG9yPSIjMTY4ZGNkIi8+PHN0b3Agb2Zmc2V0PSI5MCUiIHN0b3AtY29sb3I9IiMxNjhkY2QiLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=="); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #40b34f), color-stop(10%, #40b34f), color-stop(10%, #088560), color-stop(20%, #088560), color-stop(20%, #1dafec), color-stop(30%, #1dafec), color-stop(30%, #c72831), color-stop(40%, #c72831), color-stop(40%, #88479c), color-stop(50%, #88479c), color-stop(50%, #ef5b2f), color-stop(60%, #ef5b2f), color-stop(60%, #c4568b), color-stop(70%, #c4568b), color-stop(70%, #b4d144), color-stop(80%, #b4d144), color-stop(80%, #168dcd), color-stop(90%, #168dcd), color-stop(90%, #000000), color-stop(100%, #000000)); background-image: -moz-linear-gradient(left, #40b34f 0%, #40b34f 10%, #088560 10%, #088560 20%, #2f3590 20%, #2f3590 30%, #c72831 30%, #c72831 40%, #1dafec 40%, #1dafec 50%, #ef5b2f 50%, #ef5b2f 60%, #c4568b 60%, #c4568b 70%, #b4d144 70%, #b4d144 80%, #168dcd 80%, #168dcd 90%, #000000 90%, #000000 100%); background-image: -webkit-linear-gradient(left, #40b34f 0%, #40b34f 10%, #088560 10%, #088560 20%, #2f3590 20%, #2f3590 30%, #c72831 30%, #c72831 40%, #1dafec 40%, #1dafec 50%, #ef5b2f 50%, #ef5b2f 60%, #c4568b 60%, #c4568b 70%, #b4d144 70%, #b4d144 80%, #168dcd 80%, #168dcd 90%, #000000 90%, #000000 100%); background-image: linear-gradient(to right, #40b34f 0%, #40b34f 10%, #088560 10%, #088560 20%, #2f3590 20%, #2f3590 30%, #c72831 30%, #c72831 40%, #1dafec 40%, #1dafec 50%, #ef5b2f 50%, #ef5b2f 60%, #c4568b 60%, #c4568b 70%, #b4d144 70%, #b4d144 80%, #168dcd 80%, #168dcd 90%, #000000 90%, #000000 100%); height: 5px; width: 100%; margin-bottom: 20px; }

.lt-ie9 .election-header--2016__stripes { border-bottom: 4px solid #000; }

.eq-ie9 .election-header--2016__stripes { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQwYjM0ZiIvPjxzdG9wIG9mZnNldD0iMTAlIiBzdG9wLWNvbG9yPSIjNDBiMzRmIi8+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiMwODg1NjAiLz48c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iIzA4ODU2MCIvPjxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjMmYzNTkwIi8+PHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiMyZjM1OTAiLz48c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iI2M3MjgzMSIvPjxzdG9wIG9mZnNldD0iNDAlIiBzdG9wLWNvbG9yPSIjYzcyODMxIi8+PHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiM4ODQ3OWMiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzg4NDc5YyIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZWY1YjJmIi8+PHN0b3Agb2Zmc2V0PSI2MCUiIHN0b3AtY29sb3I9IiNlZjViMmYiLz48c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iI2M0NTY4YiIvPjxzdG9wIG9mZnNldD0iNzAlIiBzdG9wLWNvbG9yPSIjYzQ1NjhiIi8+PHN0b3Agb2Zmc2V0PSI3MCUiIHN0b3AtY29sb3I9IiNiNGQxNDQiLz48c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iI2I0ZDE0NCIvPjxzdG9wIG9mZnNldD0iODAlIiBzdG9wLWNvbG9yPSIjMTY4ZGNkIi8+PHN0b3Agb2Zmc2V0PSI5MCUiIHN0b3AtY29sb3I9IiMxNjhkY2QiLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=="); height: 5px; width: 100%; margin-bottom: 20px; }

.party-FF { background-color: #40b34f; }

.party-FG { background-color: #2f3590; }

.party-SD { background-color: #6600e6; }

.party-RI { background-color: #168dcd; }

.party-GP { background-color: #b4d144; }

.party-LAB { background-color: #c72831; }

.party-LP { background-color: #c72831; }

.party-SF { background-color: #277046; }

.party-ULA { background-color: #333333; }

.party-SP { background-color: #c4568b; }

.party-sol { background-color: #c4568b; }

.party-sol-PBP { background-color: #c4568b; }

.party-PBP { background-color: #c4568b; }

.party-WP { background-color: #333333; }

.party-PD { background-color: #3333CC; }

.party-SWP { background-color: #333333; }

.party-IO { background-color: #333333; }

.party-IND { background-color: #333333; }

.party-CONS { background-color: #333333; }

.party-PD { background-color: #3333CC; }

.party-WUA { background-color: #333333; }

.party-CDM { background: #333333; }

.party-II { background: #333333; }

.party-CSP { background-color: #333333; }

.party-CPI { background: #333333; }

.party-DDI { background: #333333; }

.party-FIS { background: #333333; }

.party-I4C { background: #333333; }

.party-IDP { background: #333333; }

.party-NCM { background: #333333; }

.party-SWP { background-color: #333333; }

.party-UP { background-color: #333333; }

.party-TUV { background: #062F71; }

.party-SDLP { background: #4CA515; }

.party-AP { background: #28A0C8; }

.party-UUP { background: #BF3881; }

.party-UKIP { background: #333333; }

.party-DUP { background: #680A74; }

.party-NIGP { background: #333333; }

.party-NA { background: #ddd -webkit-repeating-linear-gradient(145deg, #ccc, #ccc 2px, #ddd 2px, #ddd 5px) !important; background: #ddd repeating-linear-gradient(-55deg, #ccc, #ccc 2px, #ddd 2px, #ddd 5px) !important; }
.no-flexbox .party-NA { background: #ddd !important; }

.border-right { border-right: 1px solid #ddd; }

.text-right { text-align: right; }

.hide { display: none; }

@media (max-width: 600px) { .ge_hide-on-mobile { display: none; } }

@media (min-width: 600px) { .ge_hide-on-desktop { display: none; } }

.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

.demo-container-940 { padding: 0; margin-top: 20px; margin: 0 auto; }

.demo-container-420 { min-width: 420px; padding: 0; margin-top: 20px; }

.it-btn { display: inline-block; padding: 0.72em 3.7em; border-radius: 0.25em; box-sizing: border-box; font-family: "DINWeb-Bold",Arial,sans-serif; font-size: 1em; border: 1px solid; line-height: 1em; font-weight: 800; text-transform: uppercase; transition: all 0.2s ease-in-out 0s; }
.it-btn:hover { background: currentColor; }

.it-btn--outline { background: transparent; border-color: #888; color: #888; }
.it-btn--outline:hover { background: #888; color: #ffffff; }
.it-btn--outline:active, .it-btn--outline.is-selected { background: #555555; color: #fff; }
.it-btn--outline:visited { color: #ddd; }

.it-btn--small { padding: 0.5em 2em; }

.ge-page-title { font-family: "DINWeb-Medium", "Helvetica", "Arial", bold, normal, "serif"; font-style: normal; font-weight: 400; font-size: 3em; padding: 0.6em 0 0.3em; margin: 0; color: #000; text-align: center; }
@media (max-width: 600px) { .ge-page-title { font-size: 1.6em; } }

.ge-page-desc { font-family: "DINWeb-Medium", "Helvetica", "Arial", bold, normal, "serif"; font-style: normal; font-weight: 400; font-size: 1.6em; padding: 0.32em 0 0.16em; margin: 0; color: #000; font-family: "Open Sans", "Roboto", "Helvetica", "Roboto", sans-serif; text-align: center; font-weight: normal; margin-bottom: 0.5em; }
@media (max-width: 600px) { .ge-page-desc { font-size: 1em; } }

.ge-sub-heading { font-family: "DINWeb-Medium", "Helvetica", "Arial", bold, normal, "serif"; font-style: normal; font-weight: 400; font-size: 1em; padding: 0.2em 0 0.1em; margin: 0; color: #000; margin-bottom: 5px; }
.ge-sub-heading span { float: right; color: #aeaeae; }
@media (max-width: 479px) { .ge-sub-heading span { float: right; display: block; margin: 3px 0; font-size: 0.8em; margin-top: -1px; } }

.ge__legend { font-family: "DINWeb-Bold", "DINWeb-BoldV2", "Helvetica", "Arial", bold, normal, "serif"; margin-bottom: 2em; margin-top: 1em; }
@media only screen and (max-width: 767px) { .ge__legend { margin-top: 0; margin-bottom: 5px; } }
@media (min-width: 768px) { .ge__legend { margin-bottom: 1em; } }

.legend__list { margin: 0; font-family: inherit; list-style: none; padding-left: 0 !important; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -moz-box-align: start; box-align: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; -o-align-items: flex-start; align-items: flex-start; -ms-flex-align: start; -webkit-box-pack: justify; -moz-box-pack: justify; box-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; -ms-flex-pack: justify; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; box-direction: normal; -webkit-flex-direction: column; -moz-flex-direction: column; flex-direction: column; -ms-flex-direction: column; }
@media (min-width: 768px) { .legend__list { flex-direction: row; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; box-orient: horizontal; -webkit-box-direction: normal; -moz-box-direction: normal; box-direction: normal; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -ms-flex-direction: row; -webkit-box-pack: center; -moz-box-pack: center; box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; padding-left: 0px !important; } }

.legend__item { text-transform: uppercase; position: relative; float: none; width: 100%; zoom: 1; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; }
.legend__item:before, .legend__item:after { content: " "; /* 1 */ display: table; /* 2 */ }
.legend__item:after { clear: both; }
@media only screen and (max-width: 767px) { .legend__item { color: white; padding: 3px 0; margin-bottom: 2px; }
  .legend__item:nth-child(even) { background: #383C41; }
  .legend__item:nth-child(odd) { background: #424750; } }
@media (min-width: 767px) { .legend__item { float: left; display: block; width: 100%; text-align: left; padding-top: 0; margin-top: 0; } }
.legend__item span { line-height: 1.6; display: inline-block; text-align: right; float: left; margin-right: 10px; }
@media (min-width: 767px) { .legend__item span { display: block; width: 100%; float: none; text-align: left; margin-right: 0; } }

.legend__party-seats { z-index: 1; }

.legend__party-pref { font-weight: 900; font-size: 1em; z-index: 1; }

.legend__party-name { text-transform: uppercase; font-size: 1em; }
@media (max-width: 768px) { .legend__party-name { font-size: 100%; line-height: 0; margin-left: 10px; z-index: 1; } }

.legend__party-color { position: relative; display: inline-block; vertical-align: middle; -webkit-flex-basis: 1em; -moz-flex-basis: 1em; flex-basis: 1em; -ms-flex-preferred-size: 1em; width: 1em; max-width: 1em; float: left; height: 1em; }
@media only screen and (max-width: 767px) { .legend__party-color { display: none !important; } }
@media (min-width: 768px) { .legend__party-color { margin-left: 0; } }
.legend__party-color:before { content: none !important; background: none; }

.legend__party-spread { position: absolute; top: 0; left: 0; height: 100%; z-index: 0; }
.legend__party-spread:before { display: none; }
@media only screen and (min-width: 768px) { .legend__party-spread { display: none !important; } }

.legend__label { list-style: none; color: #aaaaaa; font-family: arial; font-size: 80%; display: flex; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: distribute; -moz-box-pack: distribute; box-pack: distribute; -webkit-justify-content: space-around; -moz-justify-content: space-around; -ms-justify-content: space-around; -o-justify-content: space-around; justify-content: space-around; -ms-flex-pack: distribute; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; box-orient: horizontal; -webkit-box-direction: normal; -moz-box-direction: normal; box-direction: normal; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -ms-flex-direction: row; padding: 0; width: 100%; line-height: 1.8; margin: 15px 0; }
@media (max-width: 767px) { .national-legend-seats .legend__label, .national-legend .legend__label { border-radius: 3px 3px 0 0; font-size: 79%; padding: 5px; box-sizing: border-box; background: #22252B; color: white; font-size: 79%; margin-bottom: 5px; } }
@media (min-width: 768px) { .legend__label { width: 20%; float: left; flex-wrap: wrap; margin-top: 0; } }
.legend__label li { display: inline; -webkit-flex-basis: 100%; -moz-flex-basis: 100%; flex-basis: 100%; -ms-flex-preferred-size: 100%; width: 24%; float: left; text-align: left; }
.legend__label li:last-child { -webkit-flex-basis: 25%; -moz-flex-basis: 25%; flex-basis: 25%; -ms-flex-preferred-size: 25%; }
@media (min-width: 768px) { .legend__label li { -webkit-flex-basis: 100%; -moz-flex-basis: 100%; flex-basis: 100%; -ms-flex-preferred-size: 100%; float: none; display: block; width: 100%; line-height: 19px; text-align: left; }
  .legend__label li:last-child { -webkit-flex-basis: 100%; -moz-flex-basis: 100%; flex-basis: 100%; -ms-flex-preferred-size: 100%; } }
@media (min-width: 768px) { .constituency-legend .legend__label li:last-child { margin-top: 43px; } }
@media (min-width: 768px) { .national-legend .legend__label li:nth-child(2), .national-legend-seats .legend__label li:nth-child(2) { margin-top: 23px; } }
@media (min-width: 768px) { .national-legend .legend__label li:nth-child(3), .national-legend-seats .legend__label li:nth-child(3) { margin-top: 10px; } }

.legend__indicators { background: #f5f5f5; border-top: 1px solid gainsboro; border-bottom: 1px solid gainsboro; list-style: none; margin: 0 auto; font-family: arial; text-align: left; font-size: 80%; line-height: 2; }
@media (min-width: 468px) { .legend__indicators { text-align: center; } }
@media (min-width: 767px) { .legend__indicators { font-size: 100%; line-height: 3; } }
@media only screen and (max-width: 767px) { .legend__indicators { background: #22252B; border: none; margin: 0 auto; border-radius: 0 0 3px 3px; color: white; display: flex; font-size: 80%; line-height: 2; justify-content: center; padding: 10px; } }
.legend__indicators li { display: block; }
@media (min-width: 468px) { .legend__indicators li { display: inline-block; margin-right: 1em; } }
@media only screen and (max-width: 767px) { .legend__indicators li { text-align: center; display: flex; flex-basis: 33.3333%; align-items: center; flex-direction: column; line-height: normal; } }
@media only screen and (max-width: 767px) { .legend__indicators b { border-radius: 6px; min-width: 60px; padding: 5px 10px; text-align: center; display: block; font-size: 12px; margin: 0 auto 10px auto; background: #E2E5E8; color: #374651; } }

.legend__item--importance { font-size: 120%; }

.ge__list--pie-chart { -webkit-box-orient: horizontal; -moz-box-orient: horizontal; box-orient: horizontal; -webkit-box-direction: normal; -moz-box-direction: normal; box-direction: normal; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -ms-flex-direction: row; -webkit-box-pack: center; -moz-box-pack: center; box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; list-style: none; line-height: 1.6; }
@media (max-width: 667px) { .ge__list--pie-chart { line-height: 2; } }
.ge__list--pie-chart .legend__party-color { width: 0.7em; max-width: 10px; height: 0.7em; margin-right: 5px; vertical-align: top; }
.ge__list--pie-chart .legend__item { float: none; font-size: 12px; display: inline-grid; padding-bottom: 0; display: flex; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -moz-box-align: baseline; box-align: baseline; -webkit-align-items: baseline; -moz-align-items: baseline; -ms-align-items: baseline; -o-align-items: baseline; align-items: baseline; -ms-flex-align: baseline; -webkit-box-pack: start; -moz-box-pack: start; box-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; -o-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: start; line-height: 2; }
.ge__list--pie-chart .legend__item span { line-height: 1.6; float: left !important; vertical-align: middle; }

.ge__legend--constituency .legend__item { background: none; color: inherit; }
.ge__legend--constituency .legend__party-color { display: block !important; }
.ge__legend--constituency li span { float: left; }
.ge__legend--constituency .legend__party-name { font-size: 100%; height: 40px; line-height: 18px; margin-top: 0; -webkit-flex-basis: 40px; -moz-flex-basis: 40px; flex-basis: 40px; -ms-flex-preferred-size: 40px; }
@media (min-width: 768px) { .ge__legend--constituency .legend__party-name { margin-top: 5px; } }
.ge__legend--constituency .legend__party-pref { font-size: 100%; -webkit-flex-basis: 100%; -moz-flex-basis: 100%; flex-basis: 100%; -ms-flex-preferred-size: 100%; margin: 0; }
@media (min-width: 768px) { .ge__legend--constituency .legend__party-pref { font-size: 85%; font-family: "DINWeb-Medium", Arial, Helvetica, sans-serif; } }

.election-hompage-spread:after { clear: both; content: ""; display: table; }

.national-legend .legend__label li, .national-legend-seats .legend__label li { margin-right: 10px; text-align: right; }
@media (max-width: 767px) { .national-legend .legend__label li:first-child, .national-legend-seats .legend__label li:first-child { -webkit-flex-basis: 100px; -moz-flex-basis: 100px; flex-basis: 100px; -ms-flex-preferred-size: 100px; text-align: left; } }
@media (max-width: 767px) { .national-legend .legend__label li:nth-child(2), .national-legend-seats .legend__label li:nth-child(2) { -webkit-flex-basis: 45%; -moz-flex-basis: 45%; flex-basis: 45%; -ms-flex-preferred-size: 45%; } }
@media (max-width: 767px) { .national-legend .legend__label li:nth-child(3), .national-legend-seats .legend__label li:nth-child(3) { -webkit-flex-basis: 37%; -moz-flex-basis: 37%; flex-basis: 37%; -ms-flex-preferred-size: 37%; } }
@media (max-width: 767px) { .national-legend .ge__legend ul.legend__list li.legend__item span.legend__party-name, .national-legend-seats .ge__legend ul.legend__list li.legend__item span.legend__party-name { -webkit-flex-basis: 100px; -moz-flex-basis: 100px; flex-basis: 100px; -ms-flex-preferred-size: 100px; text-align: left; } }
@media (max-width: 767px) { .national-legend .ge__legend ul.legend__list li.legend__item span:nth-child(3), .national-legend-seats .ge__legend ul.legend__list li.legend__item span:nth-child(3) { -webkit-flex-basis: 45%; -moz-flex-basis: 45%; flex-basis: 45%; -ms-flex-preferred-size: 45%; } }
@media (max-width: 767px) { .national-legend .ge__legend ul.legend__list li.legend__item span.legend__party-seats, .national-legend-seats .ge__legend ul.legend__list li.legend__item span.legend__party-seats { -webkit-flex-basis: 37%; -moz-flex-basis: 37%; flex-basis: 37%; -ms-flex-preferred-size: 37%; } }

@media (max-width: 767px) { .national-legend-seats .legend__party-seats { -webkit-flex-basis: 45%; -moz-flex-basis: 45%; flex-basis: 45%; -ms-flex-preferred-size: 45%; } }
@media (max-width: 767px) { .national-legend-seats .legend__party-pref { -webkit-flex-basis: 37%; -moz-flex-basis: 37%; flex-basis: 37%; -ms-flex-preferred-size: 37%; } }

.ge-note { font-size: 12px; font-family: arial; }

.table-legend { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; justify-content: flex-end; text-align: right; color: #6F6F6F; text-transform: uppercase; }
.table-legend span { -webkit-flex-basis: 35.33333%; -moz-flex-basis: 35.33333%; flex-basis: 35.33333%; -ms-flex-preferred-size: 35.33333%; font-size: 11px; font-family: "Open Sans", "Roboto", "Helvetica", "Roboto", sans-serif; }
.table-legend span.legend_pref { -webkit-flex-basis: 25%; -moz-flex-basis: 25%; flex-basis: 25%; -ms-flex-preferred-size: 25%; padding-right: 2%; }

.constituency-stacked-chart-container { font-family: "DINWeb-Bold", Arial, Helvetica, sans-serif; }

.ge__spread { width: 100%; text-align: center; background: #eee; }

.spread__bars { height: 50px; }
@media (max-width: 460px) { .spread__bars { height: 30px; } }

.spread__slice-empty { background-color: #eee; color: #aeaeae; padding: 2% 0; }

.spread__slice:before { content: '' !important; }

.constituency-spread { margin-top: 22px; }

@media only screen and (max-width: 767px) { .national-spread .ge__spread, .national-spread-seats .ge__spread { display: none; } }