@font-face {
    font-family: "Guardian Headline Full";
    src: url("https://interactive.guim.co.uk/fonts/garnett/GHGuardianHeadline-Light.woff2") format("woff2"), url("https://interactive.guim.co.uk/fonts/garnett/GHGuardianHeadline-Light.woff") format("woff"), url("https://interactive.guim.co.uk/fonts/garnett/GHGuardianHeadline-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: "Guardian Headline Full";
    src: url("https://interactive.guim.co.uk/fonts/garnett/GHGuardianHeadline-LightItalic.woff2") format("woff2"), url("https://interactive.guim.co.uk/fonts/garnett/GHGuardianHeadline-LightItalic.woff") format("woff"), url("https://interactive.guim.co.uk/fonts/garnett/GHGuardianHeadline-LightItalic.ttf") format("truetype");
    font-weight: 300;
    font-style: italic
}

@font-face {
    font-family: "Guardian Headline Full";
    src: url("https://interactive.guim.co.uk/fonts/garnett/GHGuardianHeadline-Regular.woff2") format("woff2"), url("https://interactive.guim.co.uk/fonts/garnett/GHGuardianHeadline-Regular.woff") format("woff"), url("https://interactive.guim.co.uk/fonts/garnett/GHGuardianHeadline-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "Guardian Headline Full";
    src: url("https://interactive.guim.co.uk/fonts/garnett/GHGuardianHeadline-RegularItalic.woff2") format("woff2"), url("https://interactive.guim.co.uk/fonts/garnett/GHGuardianHeadline-RegularItalic.woff") format("woff"), url("https://interactive.guim.co.uk/fonts/garnett/GHGuardianHeadline-RegularItalic.ttf") format("truetype");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: "Guardian Headline Full";
    src: url("https://interactive.guim.co.uk/fonts/garnett/GHGuardianHeadline-Medium.woff2") format("woff2"), url("https://interactive.guim.co.uk/fonts/garnett/GHGuardianHeadline-Medium.woff") format("woff"), url("https://interactive.guim.co.uk/fonts/garnett/GHGuardianHeadline-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: "Guardian Headline Full";
    src: url("https://interactive.guim.co.uk/fonts/garnett/GHGuardianHeadline-MediumItalic.woff2") format("woff2"), url("https://interactive.guim.co.uk/fonts/garnett/GHGuardianHeadline-MediumItalic.woff") format("woff"), url("https://interactive.guim.co.uk/fonts/garnett/GHGuardianHeadline-MediumItalic.ttf") format("truetype");
    font-weight: 500;
    font-style: italic
}

@font-face {
    font-family: "Guardian Headline Full";
    src: url("https://interactive.guim.co.uk/fonts/garnett/GHGuardianHeadline-Semibold.woff2") format("woff2"), url("https://interactive.guim.co.uk/fonts/garnett/GHGuardianHeadline-Semibold.woff") format("woff"), url("https://interactive.guim.co.uk/fonts/garnett/GHGuardianHeadline-Semibold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: "Guardian Headline Full";
    src: url("https://interactive.guim.co.uk/fonts/garnett/GHGuardianHeadline-SemiboldItalic.woff2") format("woff2"), url("https://interactive.guim.co.uk/fonts/garnett/GHGuardianHeadline-SemiboldItalic.woff") format("woff"), url("https://interactive.guim.co.uk/fonts/garnett/GHGuardianHeadline-SemiboldItalic.ttf") format("truetype");
    font-weight: 600;
    font-style: italic
}

@font-face {
    font-family: "Guardian Headline Full";
    src: url("https://interactive.guim.co.uk/fonts/garnett/GHGuardianHeadline-Bold.woff2") format("woff2"), url("https://interactive.guim.co.uk/fonts/garnett/GHGuardianHeadline-Bold.woff") format("woff"), url("https://interactive.guim.co.uk/fonts/garnett/GHGuardianHeadline-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: "Guardian Headline Full";
    src: url("https://interactive.guim.co.uk/fonts/garnett/GHGuardianHeadline-BoldItalic.woff2") format("woff2"), url("https://interactive.guim.co.uk/fonts/garnett/GHGuardianHeadline-BoldItalic.woff") format("woff"), url("https://interactive.guim.co.uk/fonts/garnett/GHGuardianHeadline-BoldItalic.ttf") format("truetype");
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: "Guardian Headline Full";
    src: url("https://interactive.guim.co.uk/fonts/garnett/GHGuardianHeadline-Black.woff2") format("woff2"), url("https://interactive.guim.co.uk/fonts/garnett/GHGuardianHeadline-Black.woff") format("woff"), url("https://interactive.guim.co.uk/fonts/garnett/GHGuardianHeadline-Black.ttf") format("truetype");
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: "Guardian Headline Full";
    src: url("https://interactive.guim.co.uk/fonts/garnett/GHGuardianHeadline-BlackItalic.woff2") format("woff2"), url("https://interactive.guim.co.uk/fonts/garnett/GHGuardianHeadline-BlackItalic.woff") format("woff"), url("https://interactive.guim.co.uk/fonts/garnett/GHGuardianHeadline-BlackItalic.ttf") format("truetype");
    font-weight: 900;
    font-style: italic
}

@font-face {
    font-family: "Guardian Titlepiece";
    src: url("https://interactive.guim.co.uk/fonts/garnett/GTGuardianTitlepiece-Bold.woff2") format("woff2"), url("https://interactive.guim.co.uk/fonts/garnett/GTGuardianTitlepiece-Bold.woff") format("woff"), url("https://interactive.guim.co.uk/fonts/garnett/GTGuardianTitlepiece-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal
}

.ge-fill--ld {
    fill: #ee6f00 !important;
    stroke: #ee6f00 !important
}

.ge-background--ld {
    background: #ee6f00 !important
}

.ge-color--ld {
    color: #ee6f00 !important
}

.ge-fill--libdem {
    fill: #ee6f00 !important;
    stroke: #ee6f00 !important
}

.ge-background--libdem {
    background: #ee6f00 !important
}

.ge-color--libdem {
    color: #ee6f00 !important
}

.ge-fill--grn {
    fill: #3db540 !important;
    stroke: #3db540 !important
}

.ge-background--grn {
    background: #3db540 !important
}

.ge-color--grn {
    color: #3db540 !important
}

.ge-fill--green {
    fill: #3db540 !important;
    stroke: #3db540 !important
}

.ge-background--green {
    background: #3db540 !important
}

.ge-color--green {
    color: #3db540 !important
}

.ge-fill--con {
    fill: #0084c6 !important;
    stroke: #0084c6 !important
}

.ge-background--con {
    background: #0084c6 !important
}

.ge-color--con {
    color: #0084c6 !important
}

.ge-fill--snp {
    fill: #ffbb50 !important;
    stroke: #ffbb50 !important
}

.ge-background--snp {
    background: #ffbb50 !important
}

.ge-color--snp {
    color: #ffbb50 !important
}

.ge-fill--lab {
    fill: #c70000 !important;
    stroke: #c70000 !important
}

.ge-background--lab {
    background: #c70000 !important
}

.ge-color--lab {
    color: #c70000 !important
}

.ge-fill--ind {
    fill: #767676 !important;
    stroke: #767676 !important
}

.ge-background--ind {
    background: #767676 !important
}

.ge-color--ind {
    color: #767676 !important
}

.ge-fill--dup {
    fill: #880105 !important;
    stroke: #880105 !important
}

.ge-background--dup {
    background: #880105 !important
}

.ge-color--dup {
    color: #880105 !important
}

.ge-fill--plaid {
    fill: #478e39 !important;
    stroke: #478e39 !important
}

.ge-background--plaid {
    background: #478e39 !important
}

.ge-color--plaid {
    color: #478e39 !important
}

.ge-fill--pc {
    fill: #478e39 !important;
    stroke: #478e39 !important
}

.ge-background--pc {
    background: #478e39 !important
}

.ge-color--pc {
    color: #478e39 !important
}

.ge-fill--brexit {
    fill: #13bece !important;
    stroke: #13bece !important
}

.ge-background--brexit {
    background: #13bece !important
}

.ge-color--brexit {
    color: #13bece !important
}

.ge-fill--ukip {
    fill: #bb3b80 !important;
    stroke: #bb3b80 !important
}

.ge-background--ukip {
    background: #bb3b80 !important
}

.ge-color--ukip {
    color: #bb3b80 !important
}

.ge-fill--sdlp {
    fill: #4b8878 !important;
    stroke: #4b8878 !important
}

.ge-background--sdlp {
    background: #4b8878 !important
}

.ge-color--sdlp {
    color: #4b8878 !important
}

.ge-fill--tig {
    fill: #333 !important;
    stroke: #333 !important
}

.ge-background--tig {
    background: #333 !important
}

.ge-color--tig {
    color: #333 !important
}

.ge-fill--oth {
    fill: #bdbdbd !important;
    stroke: #bdbdbd !important
}

.ge-background--oth {
    background: #bdbdbd !important
}

.ge-color--oth {
    color: #bdbdbd !important
}

.ge-fill--uup {
    fill: #041f4a !important;
    stroke: #041f4a !important
}

.ge-background--uup {
    background: #041f4a !important
}

.ge-color--uup {
    color: #041f4a !important
}

.ge-fill--undeclared {
    fill: #eaeaea !important;
    stroke: #eaeaea !important
}

.ge-background--undeclared {
    background: #eaeaea !important
}

.ge-color--undeclared {
    color: #eaeaea !important
}

.ge-fill--other {
    fill: #bdbdbd !important;
    stroke: #bdbdbd !important
}

.ge-background--other {
    background: #bdbdbd !important
}

.ge-color--other {
    color: #bdbdbd !important
}

html, body {
    font-size: 16px;
    line-height: 24px;
    font-family: "Guardian Text Egyptian Web", Georgia, serif;
    overflow: hidden;
    padding: 0;
    margin: 0
}

.element-atom, .interactive-atom {
    margin: 0 !important
}

h2, h3, h4 {
    margin: 0
}

.ge-embed {
    width: 100%;
    box-sizing: border-box;
    max-width: 380px;
    border: 1px solid #121212;
    padding: 6px 10px 0 10px;
    position: relative;
    min-height: 200px
}

.ge-embed:before {
    content: '';
    display: block;
    background: url("https://interactive.guim.co.uk/atoms/2019/interactive-constituency-profiles/v/1573490941468/assets/bars.png");
    background-size: 80%;
    background-position: top right;
    background-repeat: no-repeat;
    width: 137px;
    height: 50px;
    position: absolute;
    right: 0;
    top: 0
}

.ge-toplabel {
    font-size: 14px;
    line-height: 20px;
    font-family: "Guardian Text Sans Web", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: normal;
    color: #767676
}

.ge-constname {
    font-size: 22px;
    line-height: 28px;
    font-family: "Guardian Headline", "Guardian Egyptian Web", "Guardian Headline Full", Georgia, serif;
    font-weight: 900;
    margin-bottom: 0;
    max-width: calc(100% - 100px)
}

.ge-map {
    display: block;
    float: right;
    padding-top: 60px;
    width: 100px;
    shape-outside: polygon(25% 0, 100% 0, 100% 100%, 7% 100%, 0 56%);
    margin-left: 6px
}

.ge-ieshape {
    display: none
}

.ge-gbshape {
    stroke: #bdbdbd;
    fill: #f6f6f6
}

.ge-mp__sq, .ge-elex__sq {
    min-width: 10px;
    min-height: 10px;
    display: inline-block;
    background: #dcdcdc;
    margin-right: 5px
}

.ge-mp {
    margin-bottom: 9px
}

.ge-mp h3, .ge-elex__winner {
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    font-family: "Guardian Text Sans Web", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    display: inline-block;
    font-weight: bold
}

.ge-elex__year {
    font-size: 13px;
    line-height: 18px;
    font-family: "Guardian Text Sans Web", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: normal;
    display: inline-block;
    color: #767676;
    margin-right: 6px
}

.ge-mp__name {
    color: #767676
}

.ge-copy {
    font-size: 16px;
    line-height: 24px;
    font-family: "Guardian Text Egyptian Web", Georgia, serif;
    width: 100%;
    min-height: 150px
}

.ge-copy p {
    margin-top: 0
}

.ge-wpcshape {
    fill: #c70000;
    stroke: #c70000;
    stroke-width: 1.5
}

.ge-data {
    display: flex;
    flex-wrap: wrap;
    padding-top: 12px
}

.ge-datapoint {
    flex: 1 50%;
    margin-bottom: 6px
}

.ge-datapoint::before {
    content: '';
    position: absolute;
    width: 100%;
    left: 0px;
    margin-top: -4px;
    height: 1px;
    border-top: 1px solid #121212
}

.ge-datapoint.ge-fullwidth {
    flex: 1 100%
}

.ge-datadescr {
    font-size: 14px;
    line-height: 20px;
    font-family: "Guardian Text Sans Web", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    line-height: 18px;
    color: #767676;
    margin-bottom: 3px;
    margin-top: 0
}

.ge-datapoint__inner {
    margin-bottom: 12px
}

.ge-datalabel {
    font-size: 13px;
    line-height: 18px;
    font-family: "Guardian Text Sans Web", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    color: #767676
}

@media (min-width: 23.4375em) {
    .ge-datalabel {
        font-size: 14px;
        line-height: 20px;
        font-family: "Guardian Text Sans Web", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif
    }
}

.ge-datalabel::before {
    content: '';
    position: absolute;
    height: 62px;
    margin-top: -4px;
    margin-left: -11px;
    border-left: 1px solid #121212
}

.ge-datavalue {
    font-size: 40px;
    line-height: 44px;
    font-family: "Guardian Titlepiece", "Guardian Headline Full", "Guardian Headline", "Guardian Egyptian Web", Georgia, serif;
    font-weight: bold;
    font-variant-numeric: lining-nums;
    -moz-font-feature-settings: "lnum";
    -webkit-font-feature-settings: "lnum";
    font-feature-settings: "lnum";
    font-size: 32px;
    line-height: 32px
}

@media (min-width: 23.4375em) {
    .ge-datavalue {
        font-size: 40px;
        line-height: 40px
    }
}

.ge-hidden {
    display: none
}

.ge-elex__winner {
    margin-right: 3px
}

.ge-elex {
    display: inline-block;
    margin-right: 10px
}

.ge-650 {
    color: #767676
}


/* ge embed style */
.ge-embed {
    padding:6px 10px 20px 10px;
    max-width:none;
}

.ge-embed:before {
    right:-0.5px;
}

.ge-embed__title {
    font-family:"Guardian Headline", "Guardian Egyptian Web", "Guardian Headline Full", Georgia, serif;
    font-size:28px;
    line-height:115%;
    margin-top: -2px;
    width: 70%;
    margin-bottom: 28px;
}

.ge-embed__line {
    position: absolute;
    margin-left:-10px;
    width:100%;
    border-bottom:1px solid #121212;
    margin-top: 8px;
}

.ge-embed__body {
    margin-bottom:8px;
    margin-top: 40px;
    line-height: 145%;
}

.ge-embed__text-link {
    text-decoration:none;
    color:#c70000;
}

.ge-embed__ge-link {
    font-family:"Guardian Headline", "Guardian Egyptian Web", "Guardian Headline Full", Georgia, serif;
    font-size:20px;
    font-weight:700;
    line-height:115%;
    text-decoration:none;
    color:#c70000;
    display:inline-flex;
    padding-top:3px;
}

.ge-embed__arrow {
    fill: #c70000;
    height: 30px;
    width: 30px;
    margin-top: -3px;
    margin-left: 6px;
    border-radius: 20px;
    border: 1px solid #c70000;
}

.ge-embed__ge-link:hover {
    text-decoration:underline;
}

.ge-embed__ge-link:hover .ge-embed__arrow { 
    background: #c90000; fill: white; 
}

.ge-embed__people {
    position:relative;
    width:100px;
    z-index:20;
    top: 12px;
    float: right;
    margin-right: -4px;
}


@media (max-width:360px) {
    .ge-embed__people {
        width:115px;
    }
    .ge-embed__title {
        font-size:28px;
        margin-bottom:4px;
    }
    .ge-embed__body {
        margin-top:18px;
    }
}

@media (min-width:500px) {
    .ge-embed__title {
        font-size:32px;
    }
    .ge-embed__people {
        width:110px;
        top:11px;
        margin-right:3px;
    }
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
    /* IE10+ specific styles */  
    .ge-embed__people {
        top:-35px;
    }
    .ge-embed__arrow {
        margin-left:7px;
    }
 }


/*# sourceMappingURL=main.css.map */