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

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

.histo {
    margin-top: 0;
    width: 100%
}

.gpg-wrapper--sm:after {
    content: '';
    display: block;
    clear: both
}

.gpg-small-wrapper {
    float: left;
    position: relative;
    width: 210px;
    height: 128px;
    margin: 10px 0
}

@media (max-width: 46.24em) {
    .gpg-small-wrapper {
        width: 50%
    }
}

.gpg-wrapper--progress {
    width: 100%;
    max-width: 620px
}

.gpg-progress-svg {
    width: 100%;
    height: 78px;
    padding-top: 12px;
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc
}

#gpg-hatch line {
    stroke: #bdbdbd;
    stroke-width: 2
}

.gpg-progress {
    stroke: none
}

.gpg-progress.gpg-progress--reported {
    fill: #ff7e00
}

.gpg-progress.gpg-progress--not-reported {
    fill: url(#gpg-hatch)
}

.gpg-progress-number {
    font-size: 20px;
    line-height: 24px;
    font-family: "Guardian Headline", "Guardian Egyptian Web", "Guardian Headline Full", Georgia, serif;
    font-weight: 900;
    fill: black
}

@media (max-width: 46.24em) {
    .gpg-progress-number {
        font-size: 18px;
        line-height: 24px;
        font-family: "Guardian Headline", "Guardian Egyptian Web", "Guardian Headline Full", Georgia, serif;
        font-weight: 900
    }
}

.gpg-progress-number.number--begin {
    text-anchor: begin
}

.gpg-progress-number.number--middle {
    text-anchor: middle
}

.gpg-progress-number.number--end {
    text-anchor: end
}

.gpg-progress-number.number--black {
    fill: black
}

.gpg-expl {
    font-size: 14px;
    line-height: 20px;
    font-family: "Guardian Text Sans Web", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    fill: #ff7e00
}

.gpg-expl.expl--missing {
    fill: #767676
}

.gpg-expl.expl--bold {
    font-weight: bold
}

.gpg-expl.expl--end {
    text-anchor: end
}

.gpg-timestamp {
    font-size: 12px;
    line-height: 16px;
    font-family: "Guardian Text Sans Web", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    fill: #dcdcdc;
    text-anchor: end
}

.gpg-overall-svg {
    display: block
}

.gpg-overall-div {
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    padding-top: 3px;
    padding-bottom: 3px
}

.histo-bar {
    fill-opacity: 1;
    stroke: white;
    stroke-width: 0.5
}

.histo-box {
    float: left;
    position: relative;
    padding: 10px 10px
}

.histo-box h3 {
    font-size: 16px;
    line-height: 20px;
    font-family: "Guardian Headline", "Guardian Egyptian Web", "Guardian Headline Full", Georgia, serif;
    font-weight: 900;
    font-size: 14px;
    line-height: 18px;
    position: absolute;
    top: 0;
    z-index: 200
}

.histo-container {
    min-height: 500px
}

.histo-title {
    font-size: 12px;
    line-height: 16px;
    font-family: "Guardian Text Sans Web", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    position: absolute
}

.gpg-histo {
    margin-top: 36px;
    width: 100%
}

.histo-mid {
    stroke: #333;
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-dasharray: 0, 3
}

.histo-custom {
    font-size: 13px;
    line-height: 18px;
    font-family: "Guardian Text Sans Web", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    text-anchor: end
}

.histo-base {
    stroke: #333;
    stroke-width: 1
}

.histo-company {
    stroke: #333;
    stroke-width: 2px
}

.quart-container {
    display: none
}

.quart-line {
    stroke: #333;
    stroke-width: 2;
    stroke-opacity: 0.1;
    fill: none
}

.quart-mid {
    stroke: #333;
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-dasharray: 0, 3
}

.quart-dot {
    fill: #333;
    fill-opacity: 0.1;
    r: 4
}

.gpg-reporting {
    font-size: 14px;
    line-height: 20px;
    font-family: "Guardian Text Egyptian Web", Georgia, serif;
    display: inline-block;
    padding-bottom: 6px
}

.profile-wrapper:after {
    content: '';
    display: block;
    clear: both
}

.gpg-source {
    color: #b3b3b4;
    font-size: 12px;
    line-height: 16px;
    font-family: "Guardian Text Sans Web", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif
}

.gpg-company-profile {
    width: 100%;
    max-width: 620px;
    padding: 3px 0 0 0;
    margin-bottom: 6px;
    box-sizing: border-box;
    position: relative;
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc
}

.gpg-y-line {
    stroke: #dcdcdc
}

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

.gpg-profile__body {
    width: 100%
}

.gpg-employer {
    font-size: 20px;
    line-height: 24px;
    font-family: "Guardian Headline", "Guardian Egyptian Web", "Guardian Headline Full", Georgia, serif;
    font-weight: 900;
    color: #333;
    margin-bottom: 12px;
    margin-top: 0
}

.gpg-sector {
    font-size: 13px;
    line-height: 18px;
    font-family: "Guardian Text Sans Web", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: normal;
    margin-top: 12px
}

.gpg-sector:last-of-type {
    padding-bottom: 6px;
    margin-bottom: 0
}

.gpg-industry {
    font-size: 13px;
    line-height: 18px;
    font-family: "Guardian Text Sans Web", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    fill: #333
}

.gpg-women {
    font-size: 20px;
    line-height: 24px;
    font-family: "Guardian Headline", "Guardian Egyptian Web", "Guardian Headline Full", Georgia, serif;
    font-weight: 900;
    font-weight: normal
}

.gpg-diff.gpg-diff--gap {
    color: #ff7e00
}

.gpg-diff.gpg-diff--adv {
    color: #2aadbc
}

.gpg-diff.gpg-diff--neutral {
    color: #dcdcdc
}

.gpg-qualifier {
    font-size: 13px;
    line-height: 18px;
    font-family: "Guardian Text Sans Web", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif
}

.gpg-qualifier.gpg--gap {
    color: #ff7e00
}

.gpg-qualifier.gpg--adv {
    color: #2aadbc
}

.gpg-trail {
    font-size: 13px;
    line-height: 18px;
    font-family: "Guardian Text Sans Web", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif
}

.gpg-key {
    font-size: 18px;
    line-height: 24px;
    font-family: "Guardian Headline", "Guardian Egyptian Web", "Guardian Headline Full", Georgia, serif;
    font-weight: 500;
    font-weight: normal
}

@media (max-width: 46.24em) {
    .gpg-key {
        font-size: 16px;
        line-height: 20px;
        font-family: "Guardian Headline", "Guardian Egyptian Web", "Guardian Headline Full", Georgia, serif;
        font-weight: 500;
        font-size: 14px
    }
}

.gpg-key.gpg-key--right {
    text-anchor: end
}

.gpg-comp-perc {
    font-size: 18px;
    line-height: 24px;
    font-family: "Guardian Headline", "Guardian Egyptian Web", "Guardian Headline Full", Georgia, serif;
    font-weight: 900
}

.gpg-comp-perc.gpg-comp-perc--gap {
    fill: #ff7e00
}

.gpg-comp-perc.gpg-comp-perc--neutral {
    fill: #dcdcdc
}

.gpg-comp-perc.gpg-comp-perc--adv {
    fill: #2aadbc
}

.histo-steppyline {
    stroke: #333;
    stroke-width: 1.5;
    fill: none
}

.gpg-tri.gpg-tri--left {
    fill: #2aadbc
}

.gpg-tri.gpg-tri--right {
    fill: #ff7e00
}

.gpg-bigbar-svg {
    width: 1000px;
    height: 100px
}

.gpg-bigbar-outline {
    stroke: #333;
    stroke-width: 3;
    fill: none
}

.gpg-tick--label {
    font-size: 13px;
    line-height: 18px;
    font-family: "Guardian Text Sans Web", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    text-anchor: middle
}

.gpg-tick--line {
    stroke: #333
}

.histo-company-arrow {
    fill: #333
}

.gpg-bars {
    width: 1200px
}

.gpg-bar {
    fill: #dcdcdc
}

.gpg-bar-svg {
    width: 100%;
    height: 3000px
}

.test-span {
    font-size: 18px;
    line-height: 28px;
    font-family: "Guardian Text Egyptian Web", Georgia, serif
}

.inl {
    height: 28px;
    width: 40px;
    display: inline-block;
    margin-bottom: -9px;
    padding: 0 5px;
    overflow: visible !important
}

.inl-baseline {
    stroke: #333;
    stroke-width: 0.75
}

.inl-line {
    stroke: #333;
    stroke-width: 2
}

.circle-gap {
    fill: #ff7e00
}

.circle-adv {
    fill: #2aadbc
}

.circle-neutral {
    fill: #dcdcdc
}

.text-label {
    font-size: 13px;
    line-height: 18px;
    font-family: "Guardian Text Sans Web", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    paint-order: stroke;
    stroke: white;
    stroke-width: 3;
    stroke-opacity: 0.8
}

.text-label--clone {
    fill: #fff;
    stroke: white;
    stroke-width: 3px;
    font-size: 13px;
    line-height: 18px;
    font-family: "Guardian Text Sans Web", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif
}

.awesomplete [hidden] {
    display: none
}

.awesomplete .visually-hidden {
    position: absolute;
    clip: rect(0, 0, 0, 0)
}

.awesomplete {
    display: inline-block;
    position: relative;
    width: 100%;
    max-width: 620px
}

.awesomplete>input {
    display: block;
    box-sizing: border-box;
    border: 1px solid #bdbdbd;
    border-radius: 100px;
    background: transparent;
    width: 100%;
    outline: 0;
    margin: 0;
    padding: 10px 15px 10px;
    height: 44px;
    font-size: 14px;
    line-height: 18px;
    font-family: "Guardian Text Sans Web", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 16px;
    width: 100%;
    max-width: 620px;
    margin-top: 12px;
    margin-bottom: 12px;
    color: #000
}

.awesomplete>ul {
    position: absolute;
    left: 0;
    z-index: 1;
    min-width: 100%;
    box-sizing: border-box;
    list-style: none;
    padding: 0;
    margin: 0;
    background: #fff;
    font-size: 13px;
    line-height: 18px;
    font-family: "Guardian Text Sans Web", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif
}

.awesomplete>ul:empty {
    display: none
}

.awesomplete>ul {
    border-radius: .3em;
    margin: .2em 0 0;
    background: rgba(255, 255, 255, 0.9);
    background: linear-gradient(to bottom right, #fff, rgba(255, 255, 255, 0.8));
    border: 1px solid rgba(0, 0, 0, 0.3);
    box-shadow: 0.05em 0.2em 0.6em rgba(0, 0, 0, 0.2);
    text-shadow: none
}

@supports (transform: scale(0)) {
    .awesomplete>ul {
        transition: 0.3s cubic-bezier(0.4, 0.2, 0.5, 1.4);
        transform-origin: 1.43em -.43em
    }
    .awesomplete>ul[hidden],
    .awesomplete>ul:empty {
        opacity: 0;
        transform: scale(0);
        display: block;
        transition-timing-function: ease
    }
}

.awesomplete>ul:before {
    content: "";
    position: absolute;
    top: -.43em;
    left: 1em;
    width: 0;
    height: 0;
    padding: .4em;
    background: white;
    border: inherit;
    border-right: 0;
    border-bottom: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.awesomplete>ul>li {
    position: relative;
    padding: .2em .5em;
    cursor: pointer
}

.awesomplete>ul>li:hover {
    background: #b8d3e0;
    color: black
}

.awesomplete>ul>li[aria-selected="true"] {
    background: #3d6d8f;
    color: white
}

.awesomplete mark {
    background: #eaff00
}

.awesomplete li:hover mark {
    background: #b5d100
}

.awesomplete li[aria-selected="true"] mark {
    background: #3d6b00;
    color: inherit
}

.search {
    display: inline-block;
    height: 38px;
    width: 38px;
    background-color: #c70000;
    border-radius: 36px;
    border: 0;
    position: absolute;
    right: 3px;
    top: 15px;
    cursor: pointer
}

.search svg {
    width: 80%;
    height: 80%;
    position: absolute;
    top: -8px;
    left: 4px;
    margin-top: 12px
}

.buttons::before {
    content: 'Try these: ';
    font-size: 13px;
    line-height: 18px;
    font-family: "Guardian Text Sans Web", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: bold;
    padding-right: 5px
}

.buttons div {
    display: inline-block;
    position: relative;
    outline: none;
    border-radius: 42px;
    background: #dcdcdc;
    cursor: pointer;
    font-size: 13px;
    line-height: 18px;
    font-family: "Guardian Text Sans Web", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    color: #333;
    padding: 6px 12px 4px 12px;
    border: none;
    margin-bottom: 6px;
    margin-right: 5px
}

.subhead {
    font-size: 16px;
    line-height: 24px;
    font-family: "Guardian Text Egyptian Web", Georgia, serif
}


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