@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
}

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






/*! minireset.css v0.0.5 | MIT License | github.com/jgthms/minireset.css */html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}ul{list-style:none}button,input,select,textarea{margin:0}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}img,video{height:auto;max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0;text-align:left}

@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;
}

@font-face {
    font-family: 'Guardian Text Egyptian Web';
    src: url('https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextEgyptianWeb/GuardianTextEgyptianWeb-Regular.eot');
    src: url('https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextEgyptianWeb/GuardianTextEgyptianWeb-Regular.eot?#iefix') format('embedded-opentype'), url('https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextEgyptianWeb/GuardianTextEgyptianWeb-Regular.woff2') format('woff2'), url('https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextEgyptianWeb/GuardianTextEgyptianWeb-Regular.woff') format('woff'), url('https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextEgyptianWeb/GuardianTextEgyptianWeb-Regular.ttf') format('truetype'), url('https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextEgyptianWeb/GuardianTextEgyptianWeb-Regular.svg#GuardianTextEgyptianWeb-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal
}

@font-face {
    font-family: 'Guardian Egyptian Web';
    src: url('https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianEgyptianWeb/GuardianEgyptianWeb-Regular.eot');
    src: url('https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianEgyptianWeb/GuardianEgyptianWeb-Regular.eot?#iefix') format('embedded-opentype'), url('https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianEgyptianWeb/GuardianEgyptianWeb-Regular.woff2') format('woff2'), url('https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianEgyptianWeb/GuardianEgyptianWeb-Regular.woff') format('woff'), url('https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianEgyptianWeb/GuardianEgyptianWeb-Regular.ttf') format('truetype'), url('https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianEgyptianWeb/GuardianEgyptianWeb-Regular.svg#GuardianEgyptianWeb-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal
}

@font-face {
    font-family: 'Guardian Egyptian Web';
    src: url('https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianEgyptianWeb/GuardianEgyptianWeb-Semibold.eot');
    src: url('https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianEgyptianWeb/GuardianEgyptianWeb-Semibold.eot?#iefix') format('embedded-opentype'), url('https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianEgyptianWeb/GuardianEgyptianWeb-Semibold.woff2') format('woff2'), url('https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianEgyptianWeb/GuardianEgyptianWeb-Semibold.woff') format('woff'), url('https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianEgyptianWeb/GuardianEgyptianWeb-Semibold.ttf') format('truetype'), url('https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianEgyptianWeb/GuardianEgyptianWeb-Semibold.svg#GuardianEgyptianWeb-Semibold') format('svg');
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: 'Guardian Text Sans Web';
    src: url('https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextSansWeb/GuardianTextSansWeb-Regular.eot');
    src: url('https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextSansWeb/GuardianTextSansWeb-Regular.eot?#iefix') format('embedded-opentype'), url('https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextSansWeb/GuardianTextSansWeb-Regular.woff2') format('woff2'), url('https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextSansWeb/GuardianTextSansWeb-Regular.woff') format('woff'), url('https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextSansWeb/GuardianTextSansWeb-Regular.ttf') format('truetype'), url('https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextSansWeb/GuardianTextSansWeb-Regular.svg#GuardianTextSansWeb-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: 'Guardian Text Sans Web';
    src: url('https://interactive.guim.co.uk/fonts/sep2018/noalts_not_hinted_webmetrics/textsans/GuardianTextSans-Bold.woff2');
    src: url('https://interactive.guim.co.uk/fonts/guss-webfonts/GuardianTextSansWeb/GuardianTextSansWeb-Bold.woff') format('woff'), url('https://interactive.guim.co.uk/fonts/sep2018/noalts_not_hinted_webmetrics/textsans/GuardianTextSans-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
}

html, body {
    margin: 0;
    padding: 0;
    overflow: hidden;
    /* background-color: green; */
}

.show {
    display: none;
}
.hide {
    position: relative;
    left: -5px;
    bottom: 0px;
}
.moment-nugget {
    width: 100%;
    height: 340px;
    background: #041F4A;
    padding: 0px 12px 12px;
    overflow: hidden;
}

.moment-nugget > * + * {
    margin: 12px 0 0 0;
    overflow: hidden;
}

.moment-nugget p {
    font-family: 'Guardian Egyptian Web', Georgia, serif;
    font-size: 15px;
    line-height: 135%;
    color: #fff ;
    margin-top: 12px;
}

   
.beyond-borders {
    transform: scale(1.4);
    padding-left: 33px;
    width: auto;
    padding-bottom: 10px;
    padding-top: 8px;
}



@media only screen and (min-width: 375px) {
    .moment-nugget {
        width: 100%;
        height: 340px;
  }
  .hide {
        left: 20px;
    }
    .beyond-borders {
        padding-top: 12px;
        padding-left: 40px;
        padding-bottom: 12px;
    }
}

@media only screen and (min-width: 480px) {
    .moment-nugget {
        width: 100%;
        height: 300px;
    }
    .moment-nugget p {
        font-size: 17px;
    }
    .hide {
        display: none;
    }
    .show {
        display: block;
        position: relative;
        left: 290px;
        bottom: 70px;
    }
    .beyond-borders {
        transform: scale(1.2);
        padding-left: 24px;
        padding-top: 8px;
        margin-top: 0px;
    }
}

@media only screen and (min-width: 660px) {
    .moment-nugget {
        width: 100%;
        height: 250px;
    }
    .moment-nugget p {
        font-size: 17px;
    }
    .hide {
        display: block;
        position: relative;
        left: 300px;
        bottom: 60px;
    }
    .show {
        display: none;
    }
    .beyond-borders {
        padding-left: 0px;
        top: 0px;
        transform: scale(1);
        margin: 0px;
        padding-top: 0px;
        padding-bottom: 0;
        margin-left: -10px;
        
    }
}


@media only screen and (min-width: 740px) {
    .show {
        display: none;
    }
    .hide {
        display: block;
        position: relative;
        left: -5px;
        bottom: 0px;
    }
    .moment-nugget {
        width: 100%;
        height: 380px;
        background: #041F4A;
        padding: 6px 12px 12px;
    }
    
    .moment-nugget > * + * {
        margin: 12px 0 0 0;
    }
    
    .moment-nugget p {
        font-family: 'Guardian Egyptian Web', Georgia, serif;
        font-size: 17px;
        line-height: 135%;
        color: #fff ;
        margin-top: 12px;
    }
       
    .beyond-borders {
        transform: scale(1.4);
        padding-left: 30px;
        padding-top: 5px;
        width: auto;
        padding-bottom: 8px;
        margin-left: 0px;
    
    }
}


@media only screen and (min-width: 1300px) {
    .show {
        display: none;
    }
    .hide {
        display: block;
        position: relative;
        left: -5px;
        bottom: 0px;
    }
    .moment-nugget {
        width: 100%;
        height: 380px;
        background: #041F4A;
        padding: 6px 12px 12px;
    }
    
    .moment-nugget > * + * {
        margin: 12px 0 0 0;
    }
    
    .moment-nugget p {
        font-family: 'Guardian Egyptian Web', Georgia, serif;
        font-size: 17px;
        line-height: 135%;
        color: #fff ;
        margin-top: 12px;
    }
       
    .beyond-borders {
        padding-top: 4px;
        padding-left: 30px;
        width: auto;
    
    }
}




.moment-nugget__button--support{box-sizing:border-box;padding:.375rem 1.25rem;font-size:1rem;line-height:1.375rem;color:#121212!important;white-space:nowrap;cursor:pointer;text-decoration:none}.moment-nugget p strong{font-weight:900}.moment-nugget__button,.moment-nugget__button--support{font-family:"Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;font-weight:700}.moment-nugget__button{-ms-flex-item-align:start;align-self:flex-start}.moment-nugget__button+.moment-nugget__button{margin:12px 0 0}.moment-nugget__button--support{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:justify;justify-content:space-between;height:2.625rem;-ms-flex-align:center;align-items:center;border:none;border-radius:37.5rem;background-color:#ffe500;transition:background .3s,color .3s}.moment-nugget__button--support .icon{margin:0 0 0 .625rem;height:auto;width:21px;transform:translateX(0);transition:transform .3s ease-in-out}.moment-nugget__button--support .icon path{fill:#121212;transition:fill .3s}.moment-nugget__button--support:focus,.moment-nugget__button--support:hover{outline:0;text-decoration:none}.moment-nugget__button--support:hover{background-color:#ffe500}.moment-nugget__button--support:hover .icon{transform:translateX(3px)}